@ttt-productions/ui-core 0.11.34 → 0.11.35

package/dist/react/components/spinner.js

@@ -9,14 +9,6 @@ const SIZE_CLASS = {
     lg: 'spinner-lg',
     xl: 'spinner-xl',
 };
-/**
- * The ONE loading spinner. Every in-progress indicator renders through this
- * component (or through a control's `pending` prop, which renders it), so the
- * spinner's look, size scale, and color rule have one change point. The
- * theme-core `spinner-*` classes own size, animation, and color — including the
- * `button .spinner-*` rule that makes an in-button spinner inherit the button's
- * text color so it is never primary-on-primary.
- */
 function Spinner({ size = 'xs', label, className }) {
     if (!label) {
         return _jsx(Loader2, { className: cn(SIZE_CLASS[size], className), "aria-hidden": "true" });

package/dist/react/components/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../src/react/components/spinner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAgBxC,MAAM,UAAU,GAAgC;IAC9C,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACjB,CAAC;AAEF;;;;;;;GAOG;AACH,SAAS,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAgB;IAC9D,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,KAAC,OAAO,IAAC,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,iBAAc,MAAM,GAAG,CAAC;IACpF,CAAC;IACD,OAAO,CACL,gBAAM,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,aACrF,KAAC,OAAO,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,iBAAc,MAAM,GAAG,EAC3D,eAAM,SAAS,EAAC,SAAS,YAAE,KAAK,GAAQ,IACnC,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC","sourcesContent":["'use client';\n\nimport { Loader2 } from 'lucide-react';\n\nimport { cn } from '../../lib/utils.js';\n\nexport type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface SpinnerProps {\n  /** Maps onto the theme-core `spinner-*` classes. Defaults to `xs` (the in-control size). */\n  size?: SpinnerSize;\n  /**\n   * Screen-reader text. When set, the spinner becomes a `status` live region that\n   * announces it. Omit it for a spinner inside a control that already carries its\n   * own busy state (`aria-busy`) — the control speaks for it.\n   */\n  label?: string;\n  className?: string;\n}\n\nconst SIZE_CLASS: Record<SpinnerSize, string> = {\n  xs: 'spinner-xs',\n  sm: 'spinner-sm',\n  md: 'spinner-md',\n  lg: 'spinner-lg',\n  xl: 'spinner-xl',\n};\n\n/**\n * The ONE loading spinner. Every in-progress indicator renders through this\n * component (or through a control's `pending` prop, which renders it), so the\n * spinner's look, size scale, and color rule have one change point. The\n * theme-core `spinner-*` classes own size, animation, and color — including the\n * `button .spinner-*` rule that makes an in-button spinner inherit the button's\n * text color so it is never primary-on-primary.\n */\nfunction Spinner({ size = 'xs', label, className }: SpinnerProps) {\n  if (!label) {\n    return <Loader2 className={cn(SIZE_CLASS[size], className)} aria-hidden=\"true\" />;\n  }\n  return (\n    <span role=\"status\" className={cn('inline-flex items-center justify-center', className)}>\n      <Loader2 className={SIZE_CLASS[size]} aria-hidden=\"true\" />\n      <span className=\"sr-only\">{label}</span>\n    </span>\n  );\n}\n\nexport { Spinner };\n"]}
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../src/react/components/spinner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAUxC,MAAM,UAAU,GAAgC;IAC9C,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACjB,CAAC;AAEF,SAAS,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAgB;IAC9D,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,KAAC,OAAO,IAAC,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,iBAAc,MAAM,GAAG,CAAC;IACpF,CAAC;IACD,OAAO,CACL,gBAAM,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,aACrF,KAAC,OAAO,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,iBAAc,MAAM,GAAG,EAC3D,eAAM,SAAS,EAAC,SAAS,YAAE,KAAK,GAAQ,IACnC,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC","sourcesContent":["'use client';\n\nimport { Loader2 } from 'lucide-react';\n\nimport { cn } from '../../lib/utils.js';\n\nexport type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface SpinnerProps {\n  size?: SpinnerSize;\n  label?: string;\n  className?: string;\n}\n\nconst SIZE_CLASS: Record<SpinnerSize, string> = {\n  xs: 'spinner-xs',\n  sm: 'spinner-sm',\n  md: 'spinner-md',\n  lg: 'spinner-lg',\n  xl: 'spinner-xl',\n};\n\nfunction Spinner({ size = 'xs', label, className }: SpinnerProps) {\n  if (!label) {\n    return <Loader2 className={cn(SIZE_CLASS[size], className)} aria-hidden=\"true\" />;\n  }\n  return (\n    <span role=\"status\" className={cn('inline-flex items-center justify-center', className)}>\n      <Loader2 className={SIZE_CLASS[size]} aria-hidden=\"true\" />\n      <span className=\"sr-only\">{label}</span>\n    </span>\n  );\n}\n\nexport { Spinner };\n"]}

package/dist/react/components/switch.d.ts

@@ -1,13 +1,6 @@
 import * as React from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-    /**
-     * The change this switch started is in flight: the switch ignores toggling, sets
-     * `aria-disabled` and `aria-busy`, and spins inside its thumb. It keeps showing the
-     * COMMITTED state — the caller flips `checked` only once the write lands. It is never
-     * natively disabled while pending (a `disabled` passed alongside applies once pending
-     * ends), so the switch the user just pressed keeps focus (FRONTEND-203).
-     */
     pending?: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };

package/dist/react/components/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/react/components/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAY3D,QAAA,MAAM,MAAM;IAGR;;;;;;OAMG;cACO,OAAO;2CA4BnB,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/react/components/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAU3D,QAAA,MAAM,MAAM;cAGE,OAAO;2CA4BnB,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/react/components/switch.js

@@ -4,8 +4,6 @@ import * as React from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { cn } from '../../lib/utils.js';
 import { Spinner } from './spinner.js';
-// Stopped in the capture phase so neither the caller's click handler nor the switch's own
-// toggle runs while a change is in flight.
 function blockToggle(event) {
     event.preventDefault();
     event.stopPropagation();

package/dist/react/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/react/components/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,0FAA0F;AAC1F,2CAA2C;AAC3C,SAAS,WAAW,CAAC,KAA0C;IAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,eAAe,EAAE,CAAC;AAC1B,CAAC;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAY7B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7D,KAAC,gBAAgB,CAAC,IAAI,IACpB,SAAS,EAAE,EAAE,CACX,gbAAgb,EAChb,SAAS,CACV,KACG,KAAK,KACL,CAAC,OAAO;QACV,CAAC,CAAC;YACE,WAAW,EAAE,IAAI;YACjB,eAAe,EAAE,IAAI;YACrB,cAAc,EAAE,EAAE;YAClB,cAAc,EAAE,WAAW;SAC5B;QACH,CAAC,CAAC,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,IAAI,SAAS,EAC7C,GAAG,EAAE,GAAG,YAER,KAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,EAAE,CACX,uMAAuM,CACxM,YAEA,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,GAChB,GACH,CACzB,CAAC,CAAC;AACH,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,CAAC","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\n\nimport { cn } from '../../lib/utils.js';\nimport { Spinner } from './spinner.js';\n\n// Stopped in the capture phase so neither the caller's click handler nor the switch's own\n// toggle runs while a change is in flight.\nfunction blockToggle(event: React.MouseEvent<HTMLButtonElement>) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & {\n    /**\n     * The change this switch started is in flight: the switch ignores toggling, sets\n     * `aria-disabled` and `aria-busy`, and spins inside its thumb. It keeps showing the\n     * COMMITTED state — the caller flips `checked` only once the write lands. It is never\n     * natively disabled while pending (a `disabled` passed alongside applies once pending\n     * ends), so the switch the user just pressed keeps focus (FRONTEND-203).\n     */\n    pending?: boolean;\n  }\n>(({ className, pending = false, disabled, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      'peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',\n      className,\n    )}\n    {...props}\n    {...(pending\n      ? {\n          'aria-busy': true,\n          'aria-disabled': true,\n          'data-pending': '',\n          onClickCapture: blockToggle,\n        }\n      : {})}\n    disabled={(disabled && !pending) || undefined}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        'pointer-events-none flex h-5 w-5 items-center justify-center rounded-full bg-background elevation-raised transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0',\n      )}\n    >\n      {pending ? <Spinner size=\"xs\" /> : null}\n    </SwitchPrimitives.Thumb>\n  </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n\nexport { Switch };\n"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/react/components/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,SAAS,WAAW,CAAC,KAA0C;IAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,eAAe,EAAE,CAAC;AAC1B,CAAC;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAK7B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7D,KAAC,gBAAgB,CAAC,IAAI,IACpB,SAAS,EAAE,EAAE,CACX,gbAAgb,EAChb,SAAS,CACV,KACG,KAAK,KACL,CAAC,OAAO;QACV,CAAC,CAAC;YACE,WAAW,EAAE,IAAI;YACjB,eAAe,EAAE,IAAI;YACrB,cAAc,EAAE,EAAE;YAClB,cAAc,EAAE,WAAW;SAC5B;QACH,CAAC,CAAC,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,IAAI,SAAS,EAC7C,GAAG,EAAE,GAAG,YAER,KAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,EAAE,CACX,uMAAuM,CACxM,YAEA,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,GAChB,GACH,CACzB,CAAC,CAAC;AACH,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,CAAC","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\n\nimport { cn } from '../../lib/utils.js';\nimport { Spinner } from './spinner.js';\n\nfunction blockToggle(event: React.MouseEvent<HTMLButtonElement>) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & {\n    pending?: boolean;\n  }\n>(({ className, pending = false, disabled, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      'peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',\n      className,\n    )}\n    {...props}\n    {...(pending\n      ? {\n          'aria-busy': true,\n          'aria-disabled': true,\n          'data-pending': '',\n          onClickCapture: blockToggle,\n        }\n      : {})}\n    disabled={(disabled && !pending) || undefined}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        'pointer-events-none flex h-5 w-5 items-center justify-center rounded-full bg-background elevation-raised transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0',\n      )}\n    >\n      {pending ? <Spinner size=\"xs\" /> : null}\n    </SwitchPrimitives.Thumb>\n  </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n\nexport { Switch };\n"]}

package/dist/react/components/table.d.ts

@@ -7,22 +7,12 @@ declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
 declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
 export type SortDirection = 'asc' | 'desc';
 export interface SortableTableHeadProps {
-    /** The column's full name; always spoken, and shown on a wide table. */
     label: string;
-    /** A short form shown while the table is narrow; the spoken name then gives it before `label`. */
     shortLabel?: string;
-    /** The column's current sort, or `null` when the table is not sorted by it. */
     direction: SortDirection | null;
     onSort: () => void;
-    /** Classes for the header cell. */
     className?: string;
 }
-/**
- * A column header that sorts its table. The visible labels are hidden from assistive technology
- * beside one spoken label, so the header and its button carry the same name ("G, Goals") rather
- * than the two visible labels run together. The short label gives way to the full one once the
- * nearest size container is 56rem wide.
- */
 declare const SortableTableHead: React.ForwardRefExoticComponent<SortableTableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;

package/dist/react/components/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/react/components/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,iHAMV,CAAC;AAGF,QAAA,MAAM,WAAW,+HAKf,CAAC;AAGH,QAAA,MAAM,SAAS,+HAKb,CAAC;AAGH,QAAA,MAAM,WAAW,+HASf,CAAC;AAGH,QAAA,MAAM,QAAQ,uHAWb,CAAC;AAGF,QAAA,MAAM,SAAS,2HAYb,CAAC;AAGH,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,SAAS,EAAE,aAAa,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,qGAiCtB,CAAC;AAGF,QAAA,MAAM,SAAS,2HASb,CAAC;AAGH,QAAA,MAAM,YAAY,+HAKhB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/react/components/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,iHAMV,CAAC;AAGF,QAAA,MAAM,WAAW,+HAKf,CAAC;AAGH,QAAA,MAAM,SAAS,+HAKb,CAAC;AAGH,QAAA,MAAM,WAAW,+HASf,CAAC;AAGH,QAAA,MAAM,QAAQ,uHAWb,CAAC;AAGF,QAAA,MAAM,SAAS,2HAYb,CAAC;AAGH,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,aAAa,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,QAAA,MAAM,iBAAiB,qGAiCtB,CAAC;AAGF,QAAA,MAAM,SAAS,2HASb,CAAC;AAGH,QAAA,MAAM,YAAY,+HAKhB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAC"}

package/dist/react/components/table.js

@@ -19,12 +19,6 @@ const ARIA_SORT = {
     asc: 'ascending',
     desc: 'descending',
 };
-/**
- * A column header that sorts its table. The visible labels are hidden from assistive technology
- * beside one spoken label, so the header and its button carry the same name ("G, Goals") rather
- * than the two visible labels run together. The short label gives way to the full one once the
- * nearest size container is 56rem wide.
- */
 const SortableTableHead = React.forwardRef(({ label, shortLabel, direction, onSort, className }, ref) => {
     const Icon = direction === 'asc' ? ArrowUp : direction === 'desc' ? ArrowDown : ArrowUpDown;
     return (_jsx(TableHead, { ref: ref, scope: "col", "aria-sort": direction ? ARIA_SORT[direction] : undefined, className: className, children: _jsxs("button", { type: "button", onClick: onSort, className: "inline-flex items-center gap-1 whitespace-nowrap rounded-sm ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: [shortLabel ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", className: "@4xl:hidden", children: shortLabel }), _jsx("span", { "aria-hidden": "true", className: "hidden @4xl:inline", children: label }), _jsx("span", { className: "sr-only", children: `${shortLabel}, ${label}` })] })) : (label), _jsx(Icon, { className: "icon-xxs", "aria-hidden": "true" })] }) }));

package/dist/react/components/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/react/components/table.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowUp, ArrowUpDown } from 'lucide-react';\nimport { cn } from '../../lib/utils.js';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => (\n    <div className=\"relative w-full overflow-auto\">\n      <table ref={ref} className={cn('w-full caption-bottom text-sm', className)} {...props} />\n    </div>\n  ),\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody ref={ref} className={cn('[&_tr:last-child]:border-0', className)} {...props} />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className)}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={cn(\n        'border-b transition-colors hover:bg-[color:var(--table-row-hover)] data-[state=selected]:bg-muted',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      'h-12 px-4 text-left align-middle font-bold text-label [&:has([role=checkbox])]:pr-0',\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\nexport type SortDirection = 'asc' | 'desc';\n\nexport interface SortableTableHeadProps {\n  /** The column's full name; always spoken, and shown on a wide table. */\n  label: string;\n  /** A short form shown while the table is narrow; the spoken name then gives it before `label`. */\n  shortLabel?: string;\n  /** The column's current sort, or `null` when the table is not sorted by it. */\n  direction: SortDirection | null;\n  onSort: () => void;\n  /** Classes for the header cell. */\n  className?: string;\n}\n\nconst ARIA_SORT: Record<SortDirection, 'ascending' | 'descending'> = {\n  asc: 'ascending',\n  desc: 'descending',\n};\n\n/**\n * A column header that sorts its table. The visible labels are hidden from assistive technology\n * beside one spoken label, so the header and its button carry the same name (\"G, Goals\") rather\n * than the two visible labels run together. The short label gives way to the full one once the\n * nearest size container is 56rem wide.\n */\nconst SortableTableHead = React.forwardRef<HTMLTableCellElement, SortableTableHeadProps>(\n  ({ label, shortLabel, direction, onSort, className }, ref) => {\n    const Icon = direction === 'asc' ? ArrowUp : direction === 'desc' ? ArrowDown : ArrowUpDown;\n    return (\n      <TableHead\n        ref={ref}\n        scope=\"col\"\n        aria-sort={direction ? ARIA_SORT[direction] : undefined}\n        className={className}\n      >\n        <button\n          type=\"button\"\n          onClick={onSort}\n          className=\"inline-flex items-center gap-1 whitespace-nowrap rounded-sm ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        >\n          {shortLabel ? (\n            <>\n              <span aria-hidden=\"true\" className=\"@4xl:hidden\">\n                {shortLabel}\n              </span>\n              <span aria-hidden=\"true\" className=\"hidden @4xl:inline\">\n                {label}\n              </span>\n              <span className=\"sr-only\">{`${shortLabel}, ${label}`}</span>\n            </>\n          ) : (\n            label\n          )}\n          <Icon className=\"icon-xxs\" aria-hidden=\"true\" />\n        </button>\n      </TableHead>\n    );\n  },\n);\nSortableTableHead.displayName = 'SortableTableHead';\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn('p-4 align-middle text-label font-bold [&:has([role=checkbox])]:pr-0', className)}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption ref={ref} className={cn('mt-4 text-sm text-muted-foreground', className)} {...props} />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  SortableTableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n"]}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/react/components/table.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowUp, ArrowUpDown } from 'lucide-react';\nimport { cn } from '../../lib/utils.js';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => (\n    <div className=\"relative w-full overflow-auto\">\n      <table ref={ref} className={cn('w-full caption-bottom text-sm', className)} {...props} />\n    </div>\n  ),\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody ref={ref} className={cn('[&_tr:last-child]:border-0', className)} {...props} />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className)}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={cn(\n        'border-b transition-colors hover:bg-[color:var(--table-row-hover)] data-[state=selected]:bg-muted',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      'h-12 px-4 text-left align-middle font-bold text-label [&:has([role=checkbox])]:pr-0',\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\nexport type SortDirection = 'asc' | 'desc';\n\nexport interface SortableTableHeadProps {\n  label: string;\n  shortLabel?: string;\n  direction: SortDirection | null;\n  onSort: () => void;\n  className?: string;\n}\n\nconst ARIA_SORT: Record<SortDirection, 'ascending' | 'descending'> = {\n  asc: 'ascending',\n  desc: 'descending',\n};\n\nconst SortableTableHead = React.forwardRef<HTMLTableCellElement, SortableTableHeadProps>(\n  ({ label, shortLabel, direction, onSort, className }, ref) => {\n    const Icon = direction === 'asc' ? ArrowUp : direction === 'desc' ? ArrowDown : ArrowUpDown;\n    return (\n      <TableHead\n        ref={ref}\n        scope=\"col\"\n        aria-sort={direction ? ARIA_SORT[direction] : undefined}\n        className={className}\n      >\n        <button\n          type=\"button\"\n          onClick={onSort}\n          className=\"inline-flex items-center gap-1 whitespace-nowrap rounded-sm ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        >\n          {shortLabel ? (\n            <>\n              <span aria-hidden=\"true\" className=\"@4xl:hidden\">\n                {shortLabel}\n              </span>\n              <span aria-hidden=\"true\" className=\"hidden @4xl:inline\">\n                {label}\n              </span>\n              <span className=\"sr-only\">{`${shortLabel}, ${label}`}</span>\n            </>\n          ) : (\n            label\n          )}\n          <Icon className=\"icon-xxs\" aria-hidden=\"true\" />\n        </button>\n      </TableHead>\n    );\n  },\n);\nSortableTableHead.displayName = 'SortableTableHead';\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn('p-4 align-middle text-label font-bold [&:has([role=checkbox])]:pr-0', className)}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption ref={ref} className={cn('mt-4 text-sm text-muted-foreground', className)} {...props} />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  SortableTableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n"]}

package/dist/react/components/textarea.d.ts

@@ -1,22 +1,11 @@
 import * as React from 'react';
 import type { DeclaredInputFormat } from '@ttt-productions/input-format-core';
 type NativeTextareaProps = React.ComponentPropsWithoutRef<'textarea'>;
-/**
- * A multi-line free-text input: its declaration is required, and its length bounds come only from
- * that declaration (ENG-005), so `maxLength`, `minLength`, and `required` are not props.
- */
 export type FreeTextTextareaProps = Omit<NativeTextareaProps, 'maxLength' | 'minLength' | 'required'> & {
     inputFormat: DeclaredInputFormat;
     textEntry?: never;
 };
-/**
- * What a multi-line box that is not free text holds: identifiers (account, document, or case ids),
- * or a list of items. The box's text is split into items by the consumer, and each item is judged
- * by its own rule (the one-segment id rule, or the item's own field declaration) — so the box has
- * no input format of its own.
- */
 export type NonFreeTextareaEntry = 'identifier' | 'list';
-/** A multi-line box that is not free text: no input format; native bounds stay the caller's. */
 export type NonFreeTextTextareaProps = NativeTextareaProps & {
     textEntry: NonFreeTextareaEntry;
     inputFormat?: never;

package/dist/react/components/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/react/components/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAI9E,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAEtE;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,mBAAmB,EACnB,WAAW,GAAG,WAAW,GAAG,UAAU,CACvC,GAAG;IACF,WAAW,EAAE,mBAAmB,CAAC;IACjC,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,MAAM,CAAC;AAEzD,gGAAgG;AAChG,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,GAAG;IAC3D,SAAS,EAAE,oBAAoB,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,qBAAqB,GAAG,wBAAwB,CAAC;AAE7E,QAAA,MAAM,QAAQ,2FAmBb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/react/components/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAI9E,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,mBAAmB,EACnB,WAAW,GAAG,WAAW,GAAG,UAAU,CACvC,GAAG;IACF,WAAW,EAAE,mBAAmB,CAAC;IACjC,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,MAAM,CAAC;AAEzD,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,GAAG;IAC3D,SAAS,EAAE,oBAAoB,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,qBAAqB,GAAG,wBAAwB,CAAC;AAE7E,QAAA,MAAM,QAAQ,2FAkBb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/react/components/textarea.js

@@ -3,9 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { formatControlAttributes, tidyOnBlur } from './format-control.js';
-const Textarea = React.forwardRef(
-// `textEntry` only selects the prop shape; it never reaches the DOM.
-({ className, inputFormat, textEntry: _textEntry, onBlur, ...props }, ref) => {
+const Textarea = React.forwardRef(({ className, inputFormat, textEntry: _textEntry, onBlur, ...props }, ref) => {
     return (_jsx("textarea", { className: cn('flex min-h-[80px] w-full rounded-md border-2 border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className), ref: ref, ...props, ...(inputFormat ? formatControlAttributes(inputFormat, props) : {}), onBlur: (event) => {
             if (inputFormat)
                 tidyOnBlur(event.currentTarget, inputFormat);

package/dist/react/components/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/react/components/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAgC1E,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU;AAC/B,qEAAqE;AACrE,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3E,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CACX,uTAAuT,EACvT,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,KACL,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACpE,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,IAAI,WAAW;gBAAE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;YAC9D,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { DeclaredInputFormat } from '@ttt-productions/input-format-core';\nimport { cn } from '../../lib/utils.js';\nimport { formatControlAttributes, tidyOnBlur } from './format-control.js';\n\ntype NativeTextareaProps = React.ComponentPropsWithoutRef<'textarea'>;\n\n/**\n * A multi-line free-text input: its declaration is required, and its length bounds come only from\n * that declaration (ENG-005), so `maxLength`, `minLength`, and `required` are not props.\n */\nexport type FreeTextTextareaProps = Omit<\n  NativeTextareaProps,\n  'maxLength' | 'minLength' | 'required'\n> & {\n  inputFormat: DeclaredInputFormat;\n  textEntry?: never;\n};\n\n/**\n * What a multi-line box that is not free text holds: identifiers (account, document, or case ids),\n * or a list of items. The box's text is split into items by the consumer, and each item is judged\n * by its own rule (the one-segment id rule, or the item's own field declaration) — so the box has\n * no input format of its own.\n */\nexport type NonFreeTextareaEntry = 'identifier' | 'list';\n\n/** A multi-line box that is not free text: no input format; native bounds stay the caller's. */\nexport type NonFreeTextTextareaProps = NativeTextareaProps & {\n  textEntry: NonFreeTextareaEntry;\n  inputFormat?: never;\n};\n\nexport type TextareaProps = FreeTextTextareaProps | NonFreeTextTextareaProps;\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  // `textEntry` only selects the prop shape; it never reaches the DOM.\n  ({ className, inputFormat, textEntry: _textEntry, onBlur, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          'flex min-h-[80px] w-full rounded-md border-2 border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n          className,\n        )}\n        ref={ref}\n        {...props}\n        {...(inputFormat ? formatControlAttributes(inputFormat, props) : {})}\n        onBlur={(event) => {\n          if (inputFormat) tidyOnBlur(event.currentTarget, inputFormat);\n          onBlur?.(event);\n        }}\n      />\n    );\n  },\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"]}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/react/components/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAqB1E,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3E,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CACX,uTAAuT,EACvT,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,KACL,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACpE,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,IAAI,WAAW;gBAAE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;YAC9D,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { DeclaredInputFormat } from '@ttt-productions/input-format-core';\nimport { cn } from '../../lib/utils.js';\nimport { formatControlAttributes, tidyOnBlur } from './format-control.js';\n\ntype NativeTextareaProps = React.ComponentPropsWithoutRef<'textarea'>;\n\nexport type FreeTextTextareaProps = Omit<\n  NativeTextareaProps,\n  'maxLength' | 'minLength' | 'required'\n> & {\n  inputFormat: DeclaredInputFormat;\n  textEntry?: never;\n};\n\nexport type NonFreeTextareaEntry = 'identifier' | 'list';\n\nexport type NonFreeTextTextareaProps = NativeTextareaProps & {\n  textEntry: NonFreeTextareaEntry;\n  inputFormat?: never;\n};\n\nexport type TextareaProps = FreeTextTextareaProps | NonFreeTextTextareaProps;\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, inputFormat, textEntry: _textEntry, onBlur, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          'flex min-h-[80px] w-full rounded-md border-2 border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n          className,\n        )}\n        ref={ref}\n        {...props}\n        {...(inputFormat ? formatControlAttributes(inputFormat, props) : {})}\n        onBlur={(event) => {\n          if (inputFormat) tidyOnBlur(event.currentTarget, inputFormat);\n          onBlur?.(event);\n        }}\n      />\n    );\n  },\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"]}

package/dist/react/components/toast.d.ts

@@ -6,18 +6,14 @@ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive
 declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
     variant?: "error" | "default" | "destructive" | "success" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    /** ms; ignored when `persistent` is true */
     duration?: number;
-    /** show X button */
     dismissible?: boolean;
-    /** When true: no auto-dismiss, no countdown bar. */
     persistent?: boolean;
 } & React.RefAttributes<HTMLLIElement>>;
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/** Exported types for consumers */
 export type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
 export type ToastActionElement = React.ReactElement<typeof ToastAction>;
 export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/react/components/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/react/components/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAsDlE,QAAA,MAAM,aAAa,8CAA2B,CAAC;AAE/C,QAAA,MAAM,aAAa,kKAajB,CAAC;AAaH,QAAA,MAAM,KAAK;;;IARP,4CAA4C;eACjC,MAAM;IACjB,oBAAoB;kBACN,OAAO;IACrB,oDAAoD;iBACvC,OAAO;uCAqFvB,CAAC;AAGF,QAAA,MAAM,WAAW,kKAKf,CAAC;AAGH,QAAA,MAAM,UAAU,iKAcd,CAAC;AAGH,QAAA,MAAM,UAAU,2JAKd,CAAC;AAGH,QAAA,MAAM,gBAAgB,iKAKpB,CAAC;AAGH,mCAAmC;AACnC,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AACtE,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAExE,OAAO,EACL,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/react/components/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA6ClE,QAAA,MAAM,aAAa,8CAA2B,CAAC;AAE/C,QAAA,MAAM,aAAa,kKAajB,CAAC;AAUH,QAAA,MAAM,KAAK;;;eALI,MAAM;kBACH,OAAO;iBACR,OAAO;uCAyEvB,CAAC;AAGF,QAAA,MAAM,WAAW,kKAKf,CAAC;AAGH,QAAA,MAAM,UAAU,iKAcd,CAAC;AAGH,QAAA,MAAM,UAAU,2JAKd,CAAC;AAGH,QAAA,MAAM,gBAAgB,iKAKpB,CAAC;AAGH,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AACtE,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAExE,OAAO,EACL,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}

package/dist/react/components/toast.js

@@ -4,23 +4,12 @@ import * as ToastPrimitives from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
 import { X } from 'lucide-react';
 import { cn } from '../../lib/utils.js';
-/**
- * ui-core Toasts are consumed by multiple apps.
- *
- * Do NOT rely on app-level CSS (@apply) for critical positioning/visibility.
- * Keep all required styling inline as Tailwind utility classes.
- */
 function ToastKeyframes() {
-    // Inject a tiny global keyframe used by the optional countdown bar.
     return (_jsx("style", { dangerouslySetInnerHTML: {
             __html: `@keyframes toast-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}`,
         } }));
 }
-const toastVariants = cva(cn(
-// base
-'pointer-events-auto relative flex w-full items-start justify-between gap-2 overflow-hidden rounded-md border bg-background p-4 text-foreground elevation-raised duration-[var(--motion-base)] ease-[var(--motion-ease)]', 
-// radix state/animation
-'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:fade-out-80 data-[state=open]:fade-in-80', 'data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full', 'data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)]', 'data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform', 'data-[swipe=end]:animate-out data-[swipe=end]:slide-out-to-right-full'), {
+const toastVariants = cva(cn('pointer-events-auto relative flex w-full items-start justify-between gap-2 overflow-hidden rounded-md border bg-background p-4 text-foreground elevation-raised duration-[var(--motion-base)] ease-[var(--motion-ease)]', 'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:fade-out-80 data-[state=open]:fade-in-80', 'data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full', 'data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)]', 'data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform', 'data-[swipe=end]:animate-out data-[swipe=end]:slide-out-to-right-full'), {
     variants: {
         variant: {
             default: '',
@@ -38,10 +27,7 @@ const ToastProvider = ToastPrimitives.Provider;
 const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Viewport, { ref: ref, className: cn('fixed top-0 left-1/2 -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col gap-2 p-4', 'sm:max-w-[480px] md:max-w-[600px]', className), ...props })));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 const Toast = React.forwardRef(({ className, variant, duration, dismissible = true, persistent = false, style, children, onOpenChange, ...props }, ref) => {
-    // Caller is the source of truth for duration. Persistent toasts disable
-    // the auto-dismiss entirely by passing `Infinity` to Radix.
     const effectiveDuration = persistent ? Infinity : (duration ?? 5000);
-    // pass duration to Radix AND to CSS countdown bar
     const mergedStyle = {
         ...style,
         ['--toast-duration']: `${effectiveDuration}ms`,
@@ -52,15 +38,8 @@ const Toast = React.forwardRef(({ className, variant, duration, dismissible = tr
                     animationTimingFunction: 'linear',
                     animationFillMode: 'forwards',
                 }, 
-                // Radix's own auto-close timer PAUSES on pointer-over the viewport,
-                // focus, and window-blur — but this CSS bar does not. When the bar
-                // empties we must dismiss regardless of Radix's paused timer, so the
-                // toast never lingers after the countdown visibly reaches zero.
-                // Only a bar that ran its course counts as empty: a reduced-motion
-                // stylesheet that collapses every animation to near zero ends this one
-                // at once, and closing then would hide the toast before anyone reads
-                // it. Radix's `duration` above is the motion-independent timer that
-                // closes the toast in that case.
+                // Radix's auto-close timer pauses on hover, focus, and blur but this CSS bar does not, so an emptied bar closes the toast.
+                // A reduced-motion stylesheet ends the bar at once; Radix's `duration` closes the toast then.
                 onAnimationEnd: (e) => {
                     if (e.animationName !== 'toast-progress')
                         return;

package/dist/react/components/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/react/components/toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport * as ToastPrimitives from '@radix-ui/react-toast';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\n\nimport { cn } from '../../lib/utils.js';\n\n/**\n * ui-core Toasts are consumed by multiple apps.\n *\n * Do NOT rely on app-level CSS (@apply) for critical positioning/visibility.\n * Keep all required styling inline as Tailwind utility classes.\n */\nfunction ToastKeyframes() {\n  // Inject a tiny global keyframe used by the optional countdown bar.\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: `@keyframes toast-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}`,\n      }}\n    />\n  );\n}\n\nconst toastVariants = cva(\n  cn(\n    // base\n    'pointer-events-auto relative flex w-full items-start justify-between gap-2 overflow-hidden rounded-md border bg-background p-4 text-foreground elevation-raised duration-[var(--motion-base)] ease-[var(--motion-ease)]',\n    // radix state/animation\n    'data-[state=open]:animate-in data-[state=closed]:animate-out',\n    'data-[state=closed]:fade-out-80 data-[state=open]:fade-in-80',\n    'data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full',\n    'data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)]',\n    'data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform',\n    'data-[swipe=end]:animate-out data-[swipe=end]:slide-out-to-right-full',\n  ),\n  {\n    variants: {\n      variant: {\n        default: '',\n        destructive:\n          'border-[color:var(--toast-destructive-border)] bg-[color:var(--toast-destructive)] text-[color:var(--toast-destructive-foreground)]',\n        success:\n          'border-[color:var(--toast-success-border)] bg-[color:var(--toast-success)] text-[color:var(--toast-success-foreground)]',\n        warning:\n          'border-[color:var(--toast-warning-border)] bg-[color:var(--toast-warning)] text-[color:var(--toast-warning-foreground)]',\n        error:\n          'border-[color:var(--toast-destructive-border)] bg-[color:var(--toast-destructive)] text-[color:var(--toast-destructive-foreground)]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      'fixed top-0 left-1/2 -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col gap-2 p-4',\n      'sm:max-w-[480px] md:max-w-[600px]',\n      className,\n    )}\n    {...props}\n  />\n));\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\n\ntype ToastRootProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n  VariantProps<typeof toastVariants> & {\n    /** ms; ignored when `persistent` is true */\n    duration?: number;\n    /** show X button */\n    dismissible?: boolean;\n    /** When true: no auto-dismiss, no countdown bar. */\n    persistent?: boolean;\n  };\n\nconst Toast = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Root>, ToastRootProps>(\n  (\n    {\n      className,\n      variant,\n      duration,\n      dismissible = true,\n      persistent = false,\n      style,\n      children,\n      onOpenChange,\n      ...props\n    },\n    ref,\n  ) => {\n    // Caller is the source of truth for duration. Persistent toasts disable\n    // the auto-dismiss entirely by passing `Infinity` to Radix.\n    const effectiveDuration = persistent ? Infinity : (duration ?? 5000);\n    // pass duration to Radix AND to CSS countdown bar\n    const mergedStyle: React.CSSProperties = {\n      ...(style as React.CSSProperties),\n      ['--toast-duration' as any]: `${effectiveDuration}ms`,\n    };\n\n    return (\n      <ToastPrimitives.Root\n        ref={ref}\n        duration={effectiveDuration}\n        data-variant={variant}\n        data-persistent={persistent ? '' : undefined}\n        className={cn(toastVariants({ variant }), className)}\n        style={mergedStyle}\n        onOpenChange={onOpenChange}\n        {...props}\n      >\n        <ToastKeyframes />\n        {children}\n\n        {/* countdown bar — hidden entirely for persistent toasts */}\n        {!persistent ? (\n          <div\n            aria-hidden\n            className={cn('absolute bottom-0 left-0 h-1 w-full bg-foreground/30', 'origin-left')}\n            style={{\n              animationName: 'toast-progress',\n              animationDuration: `${effectiveDuration}ms`,\n              animationTimingFunction: 'linear',\n              animationFillMode: 'forwards',\n            }}\n            // Radix's own auto-close timer PAUSES on pointer-over the viewport,\n            // focus, and window-blur — but this CSS bar does not. When the bar\n            // empties we must dismiss regardless of Radix's paused timer, so the\n            // toast never lingers after the countdown visibly reaches zero.\n            // Only a bar that ran its course counts as empty: a reduced-motion\n            // stylesheet that collapses every animation to near zero ends this one\n            // at once, and closing then would hide the toast before anyone reads\n            // it. Radix's `duration` above is the motion-independent timer that\n            // closes the toast in that case.\n            onAnimationEnd={(e) => {\n              if (e.animationName !== 'toast-progress') return;\n              if (e.elapsedTime * 1000 < effectiveDuration / 2) return;\n              onOpenChange?.(false);\n            }}\n          />\n        ) : null}\n\n        {/* dismiss button */}\n        {dismissible ? (\n          <ToastPrimitives.Close\n            className={cn(\n              'absolute right-2 top-2 inline-flex h-7 w-7 items-center justify-center rounded-md',\n              'text-foreground/60 hover:text-foreground',\n              'focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background',\n            )}\n            aria-label=\"Dismiss toast\"\n          >\n            <X className=\"h-4 w-4\" />\n          </ToastPrimitives.Close>\n        ) : null}\n      </ToastPrimitives.Root>\n    );\n  },\n);\nToast.displayName = ToastPrimitives.Root.displayName;\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action ref={ref} className={cn(className)} {...props} />\n));\nToastAction.displayName = ToastPrimitives.Action.displayName;\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      'absolute right-2 top-2 inline-flex h-7 w-7 items-center justify-center rounded-md',\n      'text-foreground/60 hover:text-foreground',\n      'focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background',\n      className,\n    )}\n    {...props}\n  />\n));\nToastClose.displayName = ToastPrimitives.Close.displayName;\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title ref={ref} className={cn('break-words', className)} {...props} />\n));\nToastTitle.displayName = ToastPrimitives.Title.displayName;\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description ref={ref} className={cn('break-words', className)} {...props} />\n));\nToastDescription.displayName = ToastPrimitives.Description.displayName;\n\n/** Exported types for consumers */\nexport type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;\nexport type ToastActionElement = React.ReactElement<typeof ToastAction>;\n\nexport {\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n};\n"]}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/react/components/toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport * as ToastPrimitives from '@radix-ui/react-toast';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\n\nimport { cn } from '../../lib/utils.js';\n\nfunction ToastKeyframes() {\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: `@keyframes toast-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}`,\n      }}\n    />\n  );\n}\n\nconst toastVariants = cva(\n  cn(\n    'pointer-events-auto relative flex w-full items-start justify-between gap-2 overflow-hidden rounded-md border bg-background p-4 text-foreground elevation-raised duration-[var(--motion-base)] ease-[var(--motion-ease)]',\n    'data-[state=open]:animate-in data-[state=closed]:animate-out',\n    'data-[state=closed]:fade-out-80 data-[state=open]:fade-in-80',\n    'data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full',\n    'data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)]',\n    'data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform',\n    'data-[swipe=end]:animate-out data-[swipe=end]:slide-out-to-right-full',\n  ),\n  {\n    variants: {\n      variant: {\n        default: '',\n        destructive:\n          'border-[color:var(--toast-destructive-border)] bg-[color:var(--toast-destructive)] text-[color:var(--toast-destructive-foreground)]',\n        success:\n          'border-[color:var(--toast-success-border)] bg-[color:var(--toast-success)] text-[color:var(--toast-success-foreground)]',\n        warning:\n          'border-[color:var(--toast-warning-border)] bg-[color:var(--toast-warning)] text-[color:var(--toast-warning-foreground)]',\n        error:\n          'border-[color:var(--toast-destructive-border)] bg-[color:var(--toast-destructive)] text-[color:var(--toast-destructive-foreground)]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      'fixed top-0 left-1/2 -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col gap-2 p-4',\n      'sm:max-w-[480px] md:max-w-[600px]',\n      className,\n    )}\n    {...props}\n  />\n));\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\n\ntype ToastRootProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n  VariantProps<typeof toastVariants> & {\n    duration?: number;\n    dismissible?: boolean;\n    persistent?: boolean;\n  };\n\nconst Toast = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Root>, ToastRootProps>(\n  (\n    {\n      className,\n      variant,\n      duration,\n      dismissible = true,\n      persistent = false,\n      style,\n      children,\n      onOpenChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const effectiveDuration = persistent ? Infinity : (duration ?? 5000);\n    const mergedStyle: React.CSSProperties = {\n      ...(style as React.CSSProperties),\n      ['--toast-duration' as any]: `${effectiveDuration}ms`,\n    };\n\n    return (\n      <ToastPrimitives.Root\n        ref={ref}\n        duration={effectiveDuration}\n        data-variant={variant}\n        data-persistent={persistent ? '' : undefined}\n        className={cn(toastVariants({ variant }), className)}\n        style={mergedStyle}\n        onOpenChange={onOpenChange}\n        {...props}\n      >\n        <ToastKeyframes />\n        {children}\n\n        {!persistent ? (\n          <div\n            aria-hidden\n            className={cn('absolute bottom-0 left-0 h-1 w-full bg-foreground/30', 'origin-left')}\n            style={{\n              animationName: 'toast-progress',\n              animationDuration: `${effectiveDuration}ms`,\n              animationTimingFunction: 'linear',\n              animationFillMode: 'forwards',\n            }}\n            // Radix's auto-close timer pauses on hover, focus, and blur but this CSS bar does not, so an emptied bar closes the toast.\n            // A reduced-motion stylesheet ends the bar at once; Radix's `duration` closes the toast then.\n            onAnimationEnd={(e) => {\n              if (e.animationName !== 'toast-progress') return;\n              if (e.elapsedTime * 1000 < effectiveDuration / 2) return;\n              onOpenChange?.(false);\n            }}\n          />\n        ) : null}\n\n        {dismissible ? (\n          <ToastPrimitives.Close\n            className={cn(\n              'absolute right-2 top-2 inline-flex h-7 w-7 items-center justify-center rounded-md',\n              'text-foreground/60 hover:text-foreground',\n              'focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background',\n            )}\n            aria-label=\"Dismiss toast\"\n          >\n            <X className=\"h-4 w-4\" />\n          </ToastPrimitives.Close>\n        ) : null}\n      </ToastPrimitives.Root>\n    );\n  },\n);\nToast.displayName = ToastPrimitives.Root.displayName;\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action ref={ref} className={cn(className)} {...props} />\n));\nToastAction.displayName = ToastPrimitives.Action.displayName;\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      'absolute right-2 top-2 inline-flex h-7 w-7 items-center justify-center rounded-md',\n      'text-foreground/60 hover:text-foreground',\n      'focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background',\n      className,\n    )}\n    {...props}\n  />\n));\nToastClose.displayName = ToastPrimitives.Close.displayName;\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title ref={ref} className={cn('break-words', className)} {...props} />\n));\nToastTitle.displayName = ToastPrimitives.Title.displayName;\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description ref={ref} className={cn('break-words', className)} {...props} />\n));\nToastDescription.displayName = ToastPrimitives.Description.displayName;\n\nexport type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;\nexport type ToastActionElement = React.ReactElement<typeof ToastAction>;\n\nexport {\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n};\n"]}

package/dist/react/components/toaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../src/react/components/toaster.tsx"],"names":[],"mappings":"AAaA,wBAAgB,OAAO,gCAkDtB"}
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../src/react/components/toaster.tsx"],"names":[],"mappings":"AAaA,wBAAgB,OAAO,gCAiDtB"}

package/dist/react/components/toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.js","sourceRoot":"","sources":["../../../src/react/components/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,MAAM,UAAU,OAAO;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAgC,CAAC;IAE5D,OAAO,CACL,MAAC,aAAa,IAAC,cAAc,EAAC,OAAO,EAAC,cAAc,EAAE,EAAE,aACrD,MAAM,CAAC,GAAG,CAAC,CAAC,CAAe,EAAE,EAAE;gBAC9B,MAAM,EACJ,EAAE,EACF,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAW,EACX,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACT,GAAG,CAAC,CAAC;gBAEN,MAAM,CAAC,GACL,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;gBAE/D,OAAO,CACL,MAAC,KAAK,IAEJ,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,CAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,UAAU,EAAE,UAAU,IAAI,KAAK,KAC1B,KAAa,aAElB,eAAK,SAAS,EAAC,kBAAkB,aAC9B,KAAK,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,SAAS,EAAC,WAAW,YAAE,KAAK,GAAc,CAAC,CAAC,CAAC,IAAI,EACrE,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,gBAAgB,IAAC,SAAS,EAAC,WAAW,YAAE,WAAW,GAAoB,CACzE,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,MAAM,EACP,KAAC,UAAU,KAAG,KAhBT,EAAE,CAiBD,CACT,CAAC;YACJ,CAAC,CAAC,EAGF,KAAC,aAAa,KAAG,IACH,CACjB,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from './toast.js';\nimport { useToast } from '../hooks/use-toast.js';\nimport type { ToasterToast, ToastVariant } from '../hooks/use-toast.js';\n\nexport function Toaster() {\n  const { toasts } = useToast() as { toasts: ToasterToast[] };\n\n  return (\n    <ToastProvider swipeDirection=\"right\" swipeThreshold={32}>\n      {toasts.map((t: ToasterToast) => {\n        const {\n          id,\n          title,\n          description,\n          action,\n          variant,\n          duration,\n          dismissible,\n          persistent,\n          open,\n          onOpenChange,\n          ...props\n        } = t;\n\n        const v: ToastVariant | 'destructive' =\n          variant === 'error' ? 'destructive' : (variant ?? 'default');\n\n        return (\n          <Toast\n            key={id}\n            open={open}\n            onOpenChange={onOpenChange}\n            variant={v as any}\n            duration={duration}\n            dismissible={dismissible ?? true}\n            persistent={persistent ?? false}\n            {...(props as any)}\n          >\n            <div className=\"grid gap-1 pr-10\">\n              {title ? <ToastTitle className=\"font-bold\">{title}</ToastTitle> : null}\n              {description ? (\n                <ToastDescription className=\"font-bold\">{description}</ToastDescription>\n              ) : null}\n            </div>\n            {action}\n            <ToastClose />\n          </Toast>\n        );\n      })}\n\n      {/* debug: proves viewport is visible/on-screen */}\n      <ToastViewport />\n    </ToastProvider>\n  );\n}\n"]}
+{"version":3,"file":"toaster.js","sourceRoot":"","sources":["../../../src/react/components/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,MAAM,UAAU,OAAO;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAgC,CAAC;IAE5D,OAAO,CACL,MAAC,aAAa,IAAC,cAAc,EAAC,OAAO,EAAC,cAAc,EAAE,EAAE,aACrD,MAAM,CAAC,GAAG,CAAC,CAAC,CAAe,EAAE,EAAE;gBAC9B,MAAM,EACJ,EAAE,EACF,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAW,EACX,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACT,GAAG,CAAC,CAAC;gBAEN,MAAM,CAAC,GACL,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;gBAE/D,OAAO,CACL,MAAC,KAAK,IAEJ,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,CAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,UAAU,EAAE,UAAU,IAAI,KAAK,KAC1B,KAAa,aAElB,eAAK,SAAS,EAAC,kBAAkB,aAC9B,KAAK,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,SAAS,EAAC,WAAW,YAAE,KAAK,GAAc,CAAC,CAAC,CAAC,IAAI,EACrE,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,gBAAgB,IAAC,SAAS,EAAC,WAAW,YAAE,WAAW,GAAoB,CACzE,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,MAAM,EACP,KAAC,UAAU,KAAG,KAhBT,EAAE,CAiBD,CACT,CAAC;YACJ,CAAC,CAAC,EAEF,KAAC,aAAa,KAAG,IACH,CACjB,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from './toast.js';\nimport { useToast } from '../hooks/use-toast.js';\nimport type { ToasterToast, ToastVariant } from '../hooks/use-toast.js';\n\nexport function Toaster() {\n  const { toasts } = useToast() as { toasts: ToasterToast[] };\n\n  return (\n    <ToastProvider swipeDirection=\"right\" swipeThreshold={32}>\n      {toasts.map((t: ToasterToast) => {\n        const {\n          id,\n          title,\n          description,\n          action,\n          variant,\n          duration,\n          dismissible,\n          persistent,\n          open,\n          onOpenChange,\n          ...props\n        } = t;\n\n        const v: ToastVariant | 'destructive' =\n          variant === 'error' ? 'destructive' : (variant ?? 'default');\n\n        return (\n          <Toast\n            key={id}\n            open={open}\n            onOpenChange={onOpenChange}\n            variant={v as any}\n            duration={duration}\n            dismissible={dismissible ?? true}\n            persistent={persistent ?? false}\n            {...(props as any)}\n          >\n            <div className=\"grid gap-1 pr-10\">\n              {title ? <ToastTitle className=\"font-bold\">{title}</ToastTitle> : null}\n              {description ? (\n                <ToastDescription className=\"font-bold\">{description}</ToastDescription>\n              ) : null}\n            </div>\n            {action}\n            <ToastClose />\n          </Toast>\n        );\n      })}\n\n      <ToastViewport />\n    </ToastProvider>\n  );\n}\n"]}

package/dist/react/hooks/use-async-action.d.ts

@@ -1,30 +1,10 @@
 export interface UseAsyncActionOptions {
-    /**
-     * Receives anything the action throws. REQUIRED, so every call site decides what a
-     * failure means (surface it, capture it, or accept that another layer already did):
-     * `run` itself never rejects, so a fire-and-forget `onClick={() => void run()}` can
-     * never become an unhandled rejection.
-     */
     onError: (error: unknown) => void;
 }
 export interface AsyncAction<TArgs extends unknown[]> {
-    /**
-     * Starts the action unless one is already in flight — a repeat call while pending is
-     * ignored. Resolves once the action settles: `true` when it completed, `false` when it
-     * was ignored or threw. Never rejects.
-     */
     run: (...args: TArgs) => Promise<boolean>;
-    /** True from the moment `run` starts the action until it settles. */
     pending: boolean;
 }
-/**
- * Pending state + repeat guard for async work that is NOT a React Query mutation
- * (a local media step, a sign-out, an awaited navigation). Feed `pending` to the
- * control's own `pending` prop. Server writes stay mutations — this hook does not
- * replace the data layer's one mutation path.
- *
- * The guard is a ref, not the state, so two clicks inside one frame cannot both start
- * the action.
- */
+/** The guard is a ref, not state, so two clicks inside one frame cannot both start the action. */
 export declare function useAsyncAction<TArgs extends unknown[]>(action: (...args: TArgs) => Promise<unknown>, options: UseAsyncActionOptions): AsyncAction<TArgs>;
 //# sourceMappingURL=use-async-action.d.ts.map

package/dist/react/hooks/use-async-action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-async-action.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-async-action.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC;;;;;OAKG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,SAAS,OAAO,EAAE;IAClD;;;;OAIG;IACH,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,qEAAqE;IACrE,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,KAAK,SAAS,OAAO,EAAE,EACpD,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,CAAC,EAC5C,OAAO,EAAE,qBAAqB,GAC7B,WAAW,CAAC,KAAK,CAAC,CAyBpB"}
+{"version":3,"file":"use-async-action.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-async-action.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,SAAS,OAAO,EAAE;IAClD,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,kGAAkG;AAClG,wBAAgB,cAAc,CAAC,KAAK,SAAS,OAAO,EAAE,EACpD,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,CAAC,EAC5C,OAAO,EAAE,qBAAqB,GAC7B,WAAW,CAAC,KAAK,CAAC,CAyBpB"}

package/dist/react/hooks/use-async-action.js

@@ -1,14 +1,6 @@
 'use client';
 import { useCallback, useRef, useState } from 'react';
-/**
- * Pending state + repeat guard for async work that is NOT a React Query mutation
- * (a local media step, a sign-out, an awaited navigation). Feed `pending` to the
- * control's own `pending` prop. Server writes stay mutations — this hook does not
- * replace the data layer's one mutation path.
- *
- * The guard is a ref, not the state, so two clicks inside one frame cannot both start
- * the action.
- */
+/** The guard is a ref, not state, so two clicks inside one frame cannot both start the action. */
 export function useAsyncAction(action, options) {
     const [pending, setPending] = useState(false);
     const inFlightRef = useRef(false);

package/dist/react/hooks/use-async-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-async-action.js","sourceRoot":"","sources":["../../../src/react/hooks/use-async-action.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAuBtD;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAC5B,MAA4C,EAC5C,OAA8B;IAE9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3C,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAErC,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,EAAE,GAAG,IAAW,EAAoB,EAAE;QACjE,IAAI,WAAW,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QACtC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;YACjC,OAAO,IAAI,CAAC;QACd,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC1B,OAAO,KAAK,CAAC;QACf,CAAC;gBAAS,CAAC;YACT,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;YAC5B,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;AAC1B,CAAC","sourcesContent":["'use client';\n\nimport { useCallback, useRef, useState } from 'react';\n\nexport interface UseAsyncActionOptions {\n  /**\n   * Receives anything the action throws. REQUIRED, so every call site decides what a\n   * failure means (surface it, capture it, or accept that another layer already did):\n   * `run` itself never rejects, so a fire-and-forget `onClick={() => void run()}` can\n   * never become an unhandled rejection.\n   */\n  onError: (error: unknown) => void;\n}\n\nexport interface AsyncAction<TArgs extends unknown[]> {\n  /**\n   * Starts the action unless one is already in flight — a repeat call while pending is\n   * ignored. Resolves once the action settles: `true` when it completed, `false` when it\n   * was ignored or threw. Never rejects.\n   */\n  run: (...args: TArgs) => Promise<boolean>;\n  /** True from the moment `run` starts the action until it settles. */\n  pending: boolean;\n}\n\n/**\n * Pending state + repeat guard for async work that is NOT a React Query mutation\n * (a local media step, a sign-out, an awaited navigation). Feed `pending` to the\n * control's own `pending` prop. Server writes stay mutations — this hook does not\n * replace the data layer's one mutation path.\n *\n * The guard is a ref, not the state, so two clicks inside one frame cannot both start\n * the action.\n */\nexport function useAsyncAction<TArgs extends unknown[]>(\n  action: (...args: TArgs) => Promise<unknown>,\n  options: UseAsyncActionOptions,\n): AsyncAction<TArgs> {\n  const [pending, setPending] = useState(false);\n  const inFlightRef = useRef(false);\n  const actionRef = useRef(action);\n  const onErrorRef = useRef(options.onError);\n  actionRef.current = action;\n  onErrorRef.current = options.onError;\n\n  const run = useCallback(async (...args: TArgs): Promise<boolean> => {\n    if (inFlightRef.current) return false;\n    inFlightRef.current = true;\n    setPending(true);\n    try {\n      await actionRef.current(...args);\n      return true;\n    } catch (error) {\n      onErrorRef.current(error);\n      return false;\n    } finally {\n      inFlightRef.current = false;\n      setPending(false);\n    }\n  }, []);\n\n  return { run, pending };\n}\n"]}
+{"version":3,"file":"use-async-action.js","sourceRoot":"","sources":["../../../src/react/hooks/use-async-action.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAWtD,kGAAkG;AAClG,MAAM,UAAU,cAAc,CAC5B,MAA4C,EAC5C,OAA8B;IAE9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3C,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAErC,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,EAAE,GAAG,IAAW,EAAoB,EAAE;QACjE,IAAI,WAAW,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QACtC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;YACjC,OAAO,IAAI,CAAC;QACd,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC1B,OAAO,KAAK,CAAC;QACf,CAAC;gBAAS,CAAC;YACT,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;YAC5B,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;AAC1B,CAAC","sourcesContent":["'use client';\n\nimport { useCallback, useRef, useState } from 'react';\n\nexport interface UseAsyncActionOptions {\n  onError: (error: unknown) => void;\n}\n\nexport interface AsyncAction<TArgs extends unknown[]> {\n  run: (...args: TArgs) => Promise<boolean>;\n  pending: boolean;\n}\n\n/** The guard is a ref, not state, so two clicks inside one frame cannot both start the action. */\nexport function useAsyncAction<TArgs extends unknown[]>(\n  action: (...args: TArgs) => Promise<unknown>,\n  options: UseAsyncActionOptions,\n): AsyncAction<TArgs> {\n  const [pending, setPending] = useState(false);\n  const inFlightRef = useRef(false);\n  const actionRef = useRef(action);\n  const onErrorRef = useRef(options.onError);\n  actionRef.current = action;\n  onErrorRef.current = options.onError;\n\n  const run = useCallback(async (...args: TArgs): Promise<boolean> => {\n    if (inFlightRef.current) return false;\n    inFlightRef.current = true;\n    setPending(true);\n    try {\n      await actionRef.current(...args);\n      return true;\n    } catch (error) {\n      onErrorRef.current(error);\n      return false;\n    } finally {\n      inFlightRef.current = false;\n      setPending(false);\n    }\n  }, []);\n\n  return { run, pending };\n}\n"]}

package/dist/react/hooks/use-cursor-page.d.ts

@@ -1,77 +1,15 @@
 import type { ListPaginationState } from './use-paged-list.js';
-/**
- * Render-time page state for a cursor feed, shaped as {@link ListPaginationState}
- * so it drops straight into the ONE `ListPagination` control. Produced by
- * {@link CursorPager.paginationFor} once the query for `currentPage` has
- * answered with its `hasMore`.
- */
 export interface CursorPage extends ListPaginationState {
-    /** Never known for cursor pagination — the counter reads "Page N". */
     totalPages?: undefined;
 }
 export interface UseCursorPageOptions {
-    /** Called after the page actually changed. Same contract as `usePagedList`. */
     onPageChange?: () => void;
-    /**
-     * A snapshot of the query inputs the page number belongs to — a tag, a filter,
-     * a sort. When it changes, the page is 1 again **in the same render**, so the
-     * query never fires for "page 4" of inputs whose page 4 may not exist.
-     *
-     * Use this when the input change arrives as a prop (there is no event handler
-     * of yours to hang the reset on); use {@link CursorPager.reset} when your own
-     * handler already owns the change. Compose several inputs into one string
-     * (`` `${type}|${projectId ?? ""}` ``) — the type is deliberately narrowed to
-     * primitives so a fresh object literal cannot pin the list to page 1 forever.
-     */
     resetKey?: string | number | boolean | null;
 }
-/**
- * What {@link useCursorPage} owns: the page number, the guarded step controls,
- * and the return-to-page-1 control.
- */
 export interface CursorPager {
-    /** 1-based page to feed into the paged query. */
     currentPage: number;
-    /**
-     * Return to page 1 without walking back. Call it from the handler that changes
-     * the query's inputs (a new filter, a new tag, a new sort) — page 4 of the old
-     * result set is not page 4 of the new one. A no-op on page 1, so it never
-     * fires `onPageChange` for nothing.
-     */
     reset: () => void;
-    /**
-     * Bind the query's answer to the controls: pass the `hasMore` that came back
-     * for {@link currentPage} and render the result as
-     * `<ListPagination pagination={…} />`. `hasMore` binds HERE, after the query,
-     * because that is the only moment it exists — a cursor query needs
-     * `currentPage` as its input, so `hasMore` cannot be an argument to the hook
-     * that produces `currentPage`.
-     */
     paginationFor: (hasMore: boolean) => CursorPage;
 }
-/**
- * Page state for a server-paged (cursor / `hasMore`) list: the 1-based page
- * number, the guarded step controls, and the reset — the pieces each
- * server-paged surface was otherwise re-declaring as a local `useState(1)` plus
- * its own clamped increment/decrement and its own "reset when the filter
- * changed" adjustment (ENG-002, ENG-003).
- *
- * The data stays the caller's, and the two halves bind at different moments:
- *
- * ```tsx
- * const pager = useCursorPage({ resetKey: tag });
- * const { data, isFetching } = useThingsByTag(tag, pager.currentPage);
- * …
- * <ListPagination pagination={pager.paginationFor(data?.hasMore ?? false)} busy={isFetching} />
- * ```
- *
- * The guards live in here, not at the call site: a step that cannot move the
- * page changes nothing and does not fire `onPageChange`.
- *
- * A surface whose data hook ALREADY owns its page state (it returns
- * `page`/`hasNextPage`/`nextPage`/`prevPage` itself) does not need this hook —
- * it maps those fields onto {@link ListPaginationState} directly. The hook
- * exists for the surfaces that would otherwise hand-roll the state.
- */
 export declare function useCursorPage(options?: UseCursorPageOptions): CursorPager;
 //# sourceMappingURL=use-cursor-page.d.ts.map

package/dist/react/hooks/use-cursor-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-cursor-page.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-cursor-page.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D;;;;;GAKG;AACH,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD,sEAAsE;IACtE,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CAC7C;AAED;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;;;;;;OAOG;IACH,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,UAAU,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,WAAW,CAwD7E"}
+{"version":3,"file":"use-cursor-page.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-cursor-page.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,UAAU,CAAC;CACjD;AAED,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,WAAW,CA4C7E"}