52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T1271,'use client'; import { forwardRef, type HTMLAttributes, type ReactNode } from 'react'; import { cn } from '@/lib/utils'; import { Chip } from '@/components/ui/chip'; import { Switch } from '@/components/ui/switch'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import { useLabels, usePreset } from '@/components/ui/labels-context'; export interface NotificationMatrixProps extends HTMLAttributes { 'aria-label': string; // Channel columns, e.g. In-app, Email. columns: string[]; rowHeaderLabel?: ReactNode; // NotificationMatrixRow elements. children?: ReactNode; } // The selected state uses the prototype row tint instead of the neutral table selection. const selectedRow = 'bg-background-selected-row hover:bg-background-selected-row active:bg-background-selected-row [--table-pin-tint:theme(colors.background-selected-row)]'; const selectedCell = 'bg-background-selected-row'; // Notification preferences: events as rows, channels as columns, one switch per cell. const NotificationMatrix = forwardRef( ({ className, columns, rowHeaderLabel: rowHeaderLabelProp, children, ...props }, ref) => { const l = useLabels(); const rowHeaderLabel = rowHeaderLabelProp ?? l.eventColumn; // Zero: the header row is a muted band like the DataGrid head. const zero = usePreset() === 'zero'; return ( {rowHeaderLabel} {columns.map((c) => ( {c} ))} {children}

); }, ); NotificationMatrix.displayName = 'NotificationMatrix'; export interface NotificationMatrixRowProps extends Omit, 'children'> { label: ReactNode; description?: ReactNode; // Adds a "Required" chip. Combine with readOnly cells for always on events. required?: boolean; requiredLabel?: string; // Selected row: brand container tint (bg-background-selected-row) with AA secondary text. selected?: boolean; // NotificationMatrixCell elements, one per column. children?: ReactNode; } const NotificationMatrixRow = forwardRef( ({ className, label, description, required, requiredLabel: requiredLabelProp, selected, children, ...props }, ref) => { const l = useLabels(); const requiredLabel = requiredLabelProp ?? l.required; return (

{label} {description ? {description} : null}

{required ? : null}

{children} ); }, ); NotificationMatrixRow.displayName = 'NotificationMatrixRow'; export interface NotificationMatrixCellProps { // Accessible name, e.g. "Quote accepted, Email". label: string; checked?: boolean; defaultChecked?: boolean; onCheckedChange?: (checked: boolean) => void; // Fixed value that the user cannot change (required events). Stays focusable and announced. readOnly?: boolean; disabled?: boolean; // Standalone selected wash for the cell, same role as a selected row. selected?: boolean; className?: string; } const NotificationMatrixCell = forwardRef( ({ label, checked, defaultChecked, onCheckedChange, readOnly, disabled, selected, className }, ref) => ( ), ); NotificationMatrixCell.displayName = 'NotificationMatrixCell'; export { NotificationMatrix, NotificationMatrixCell, NotificationMatrixRow }; 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L52",null,{"namespace":"@getitdone","registryDependencies":["https://zero-design.itdone.de/r/chip.json","https://zero-design.itdone.de/r/labels-context.json","https://zero-design.itdone.de/r/switch.json","https://zero-design.itdone.de/r/table.json","https://zero-design.itdone.de/r/utils.json","https://zero-design.itdone.de/r/theme.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/ui/notification-matrix.tsx","content":"$54","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]