@ttt-productions/ui-core 0.11.33 → 0.11.35

package/dist/react/components/radio-group.js

@@ -1,12 +1,12 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { Circle } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-const RadioGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref: ref })));
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Circle } from 'lucide-react';
+import { cn } from '../../lib/utils.js';
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(RadioGroupPrimitive.Root, { className: cn('grid gap-2', className), ...props, ref: ref })));
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(RadioGroupPrimitive.Item, { ref: ref, className: cn("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: _jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) }) })));
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(RadioGroupPrimitive.Item, { ref: ref, className: cn('aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: _jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) }) })));
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.js.map

package/dist/react/components/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/react/components/radio-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,mBAAmB,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC1F,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAA;AAE7D,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,4OAA4O,EAC5O,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,SAAS,IAAC,SAAS,EAAC,kCAAkC,YACzE,KAAC,MAAM,IAAC,SAAS,EAAC,uCAAuC,GAAG,GAC9B,GACP,CAC5B,CAAC,CAAA;AACF,cAAc,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAA;AAEjE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { Circle } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />\n))\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <RadioGroupPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n      <Circle className=\"h-2.5 w-2.5 fill-current text-current\" />\n    </RadioGroupPrimitive.Indicator>\n  </RadioGroupPrimitive.Item>\n))\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"]}
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/react/components/radio-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,mBAAmB,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC1F,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE9D,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,4OAA4O,EAC5O,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,SAAS,IAAC,SAAS,EAAC,kCAAkC,YACzE,KAAC,MAAM,IAAC,SAAS,EAAC,uCAAuC,GAAG,GAC9B,GACP,CAC5B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport { Circle } from 'lucide-react';\n\nimport { cn } from '../../lib/utils.js';\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />\n));\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <RadioGroupPrimitive.Item\n    ref={ref}\n    className={cn(\n      'aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  >\n    <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n      <Circle className=\"h-2.5 w-2.5 fill-current text-current\" />\n    </RadioGroupPrimitive.Indicator>\n  </RadioGroupPrimitive.Item>\n));\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport { RadioGroup, RadioGroupItem };\n"]}

package/dist/react/components/relative-time.d.ts

@@ -1,17 +1,9 @@
-import * as React from "react";
+import * as React from 'react';
 export interface RelativeTimeProps {
-    /** Number (ms or seconds), ISO string, Firestore Timestamp, or Date. */
     timestamp: number | string | Date | undefined | null;
-    /** Fallback rendered before client hydration completes. Defaults to "...". */
     placeholder?: string;
-    /** Fallback rendered when the timestamp can't be parsed. Defaults to "a while ago". */
     fallback?: string;
-    /** Auto-refresh interval in ms. Defaults to 60000. Set to 0 to disable. */
     refreshIntervalMs?: number;
 }
-/**
- * SSR-safe relative-time component.
- * Renders `placeholder` on the server and pre-mount, then the live value.
- */
 export declare function RelativeTime({ timestamp, placeholder, fallback, refreshIntervalMs, }: RelativeTimeProps): React.JSX.Element;
 //# sourceMappingURL=relative-time.d.ts.map

package/dist/react/components/relative-time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"relative-time.d.ts","sourceRoot":"","sources":["../../../src/react/components/relative-time.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IACrD,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAmB,EACnB,QAAwB,EACxB,iBAA0B,GAC3B,EAAE,iBAAiB,qBA8BnB"}
+{"version":3,"file":"relative-time.d.ts","sourceRoot":"","sources":["../../../src/react/components/relative-time.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAmB,EACnB,QAAwB,EACxB,iBAA0B,GAC3B,EAAE,iBAAiB,qBA8BnB"}

package/dist/react/components/relative-time.js

@@ -1,25 +1,22 @@
-"use client";
+'use client';
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { formatDistanceToNowStrict, toDate } from "@ttt-productions/firebase-helpers";
-/**
- * SSR-safe relative-time component.
- * Renders `placeholder` on the server and pre-mount, then the live value.
- */
-export function RelativeTime({ timestamp, placeholder = "...", fallback = "a while ago", refreshIntervalMs = 60_000, }) {
+import * as React from 'react';
+import { formatDistanceToNowStrict } from 'date-fns';
+import { toDate } from '@ttt-productions/firebase-helpers';
+export function RelativeTime({ timestamp, placeholder = '...', fallback = 'a while ago', refreshIntervalMs = 60_000, }) {
     const [value, setValue] = React.useState(placeholder);
     React.useEffect(() => {
         let date = null;
         if (timestamp instanceof Date) {
             date = timestamp;
         }
-        else if (typeof timestamp === "number") {
+        else if (typeof timestamp === 'number') {
             date = toDate(timestamp);
         }
-        else if (typeof timestamp === "string") {
+        else if (typeof timestamp === 'string') {
             date = new Date(timestamp);
         }
-        else if (timestamp && typeof timestamp === "object" && "toDate" in timestamp) {
+        else if (timestamp && typeof timestamp === 'object' && 'toDate' in timestamp) {
             date = toDate(timestamp);
         }
         if (!date || isNaN(date.getTime())) {

package/dist/react/components/relative-time.js.map

@@ -1 +1 @@
-{"version":3,"file":"relative-time.js","sourceRoot":"","sources":["../../../src/react/components/relative-time.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAatF;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,aAAa,EACxB,iBAAiB,GAAG,MAAM,GACR;IAClB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,WAAW,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,GAAgB,IAAI,CAAC;QAC7B,IAAI,SAAS,YAAY,IAAI,EAAE,CAAC;YAC9B,IAAI,GAAG,SAAS,CAAC;QACnB,CAAC;aAAM,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YACzC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;aAAM,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YACzC,IAAI,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7B,CAAC;aAAM,IAAI,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,QAAQ,IAAI,SAAS,EAAE,CAAC;YAC/E,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC;YACnC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnB,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,yBAAyB,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE/D,IAAI,iBAAiB,IAAI,CAAC;YAAE,OAAO;QACnC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,QAAQ,CAAC,yBAAyB,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACjE,CAAC,EAAE,iBAAiB,CAAC,CAAC;QACtB,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE7C,OAAO,4BAAG,KAAK,GAAI,CAAC;AACtB,CAAC","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { formatDistanceToNowStrict, toDate } from \"@ttt-productions/firebase-helpers\";\n\nexport interface RelativeTimeProps {\n  /** Number (ms or seconds), ISO string, Firestore Timestamp, or Date. */\n  timestamp: number | string | Date | undefined | null;\n  /** Fallback rendered before client hydration completes. Defaults to \"...\". */\n  placeholder?: string;\n  /** Fallback rendered when the timestamp can't be parsed. Defaults to \"a while ago\". */\n  fallback?: string;\n  /** Auto-refresh interval in ms. Defaults to 60000. Set to 0 to disable. */\n  refreshIntervalMs?: number;\n}\n\n/**\n * SSR-safe relative-time component.\n * Renders `placeholder` on the server and pre-mount, then the live value.\n */\nexport function RelativeTime({\n  timestamp,\n  placeholder = \"...\",\n  fallback = \"a while ago\",\n  refreshIntervalMs = 60_000,\n}: RelativeTimeProps) {\n  const [value, setValue] = React.useState<string>(placeholder);\n\n  React.useEffect(() => {\n    let date: Date | null = null;\n    if (timestamp instanceof Date) {\n      date = timestamp;\n    } else if (typeof timestamp === \"number\") {\n      date = toDate(timestamp);\n    } else if (typeof timestamp === \"string\") {\n      date = new Date(timestamp);\n    } else if (timestamp && typeof timestamp === \"object\" && \"toDate\" in timestamp) {\n      date = toDate(timestamp);\n    }\n\n    if (!date || isNaN(date.getTime())) {\n      setValue(fallback);\n      return;\n    }\n\n    setValue(formatDistanceToNowStrict(date, { addSuffix: true }));\n\n    if (refreshIntervalMs <= 0) return;\n    const interval = setInterval(() => {\n      setValue(formatDistanceToNowStrict(date, { addSuffix: true }));\n    }, refreshIntervalMs);\n    return () => clearInterval(interval);\n  }, [timestamp, fallback, refreshIntervalMs]);\n\n  return <>{value}</>;\n}\n"]}
+{"version":3,"file":"relative-time.js","sourceRoot":"","sources":["../../../src/react/components/relative-time.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAS3D,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,aAAa,EACxB,iBAAiB,GAAG,MAAM,GACR;IAClB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,WAAW,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,GAAgB,IAAI,CAAC;QAC7B,IAAI,SAAS,YAAY,IAAI,EAAE,CAAC;YAC9B,IAAI,GAAG,SAAS,CAAC;QACnB,CAAC;aAAM,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YACzC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;aAAM,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YACzC,IAAI,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7B,CAAC;aAAM,IAAI,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,QAAQ,IAAI,SAAS,EAAE,CAAC;YAC/E,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC;YACnC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnB,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,yBAAyB,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE/D,IAAI,iBAAiB,IAAI,CAAC;YAAE,OAAO;QACnC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,QAAQ,CAAC,yBAAyB,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACjE,CAAC,EAAE,iBAAiB,CAAC,CAAC;QACtB,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE7C,OAAO,4BAAG,KAAK,GAAI,CAAC;AACtB,CAAC","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { formatDistanceToNowStrict } from 'date-fns';\nimport { toDate } from '@ttt-productions/firebase-helpers';\n\nexport interface RelativeTimeProps {\n  timestamp: number | string | Date | undefined | null;\n  placeholder?: string;\n  fallback?: string;\n  refreshIntervalMs?: number;\n}\n\nexport function RelativeTime({\n  timestamp,\n  placeholder = '...',\n  fallback = 'a while ago',\n  refreshIntervalMs = 60_000,\n}: RelativeTimeProps) {\n  const [value, setValue] = React.useState<string>(placeholder);\n\n  React.useEffect(() => {\n    let date: Date | null = null;\n    if (timestamp instanceof Date) {\n      date = timestamp;\n    } else if (typeof timestamp === 'number') {\n      date = toDate(timestamp);\n    } else if (typeof timestamp === 'string') {\n      date = new Date(timestamp);\n    } else if (timestamp && typeof timestamp === 'object' && 'toDate' in timestamp) {\n      date = toDate(timestamp);\n    }\n\n    if (!date || isNaN(date.getTime())) {\n      setValue(fallback);\n      return;\n    }\n\n    setValue(formatDistanceToNowStrict(date, { addSuffix: true }));\n\n    if (refreshIntervalMs <= 0) return;\n    const interval = setInterval(() => {\n      setValue(formatDistanceToNowStrict(date, { addSuffix: true }));\n    }, refreshIntervalMs);\n    return () => clearInterval(interval);\n  }, [timestamp, fallback, refreshIntervalMs]);\n\n  return <>{value}</>;\n}\n"]}

package/dist/react/components/reload-recovery-notice.d.ts

@@ -1,27 +1,13 @@
-import * as React from "react";
-import type { ReloadRecoveryWatch } from "../../browser/reload-recovery-watch.js";
-import type { ReloadRecoveryKind } from "../../lib/reload-recovery.js";
+import * as React from 'react';
+import type { ReloadRecoveryWatch } from '../../browser/reload-recovery-watch.js';
+import type { ReloadRecoveryKind } from '../../lib/reload-recovery.js';
 export interface ReloadRecoveryNoticeProps {
-    /** The watch the app's client entry started. */
     watch: ReloadRecoveryWatch;
-    /** The app's sentence for each failure. */
     messages: Readonly<Record<ReloadRecoveryKind, React.ReactNode>>;
-    /** The app's label for the refresh control. */
     refreshLabel: React.ReactNode;
-    /**
-     * The app's own reload, which runs its unsaved-work guard first. Refresh is pending until it
-     * settles: a reload that proceeds keeps it pending until the page unloads, and a cancelled guard
-     * settles it with the page, its input, and the notice as they were.
-     */
     onRefresh: () => Promise<unknown>;
-    /** Receives anything `onRefresh` throws. */
     onRefreshError: (error: unknown) => void;
     className?: string;
 }
-/**
- * One notice pinned to the top of the screen once the page hits a failure only a reload repairs.
- * It cannot be dismissed and never reloads by itself: the page and every editor beneath it stay
- * mounted and usable until the person presses Refresh. A repeat of the failure changes nothing.
- */
 export declare function ReloadRecoveryNotice({ watch, messages, refreshLabel, onRefresh, onRefreshError, className, }: ReloadRecoveryNoticeProps): React.JSX.Element | null;
 //# sourceMappingURL=reload-recovery-notice.d.ts.map

package/dist/react/components/reload-recovery-notice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reload-recovery-notice.d.ts","sourceRoot":"","sources":["../../../src/react/components/reload-recovery-notice.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAMvE,MAAM,WAAW,yBAAyB;IACxC,gDAAgD;IAChD,KAAK,EAAE,mBAAmB,CAAC;IAC3B,2CAA2C;IAC3C,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAChE,+CAA+C;IAC/C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;OAIG;IACH,SAAS,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,4CAA4C;IAC5C,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACd,SAAS,GACV,EAAE,yBAAyB,4BAiB3B"}
+{"version":3,"file":"reload-recovery-notice.d.ts","sourceRoot":"","sources":["../../../src/react/components/reload-recovery-notice.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAMvE,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAChE,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACd,SAAS,GACV,EAAE,yBAAyB,4BAiB3B"}

package/dist/react/components/reload-recovery-notice.js

@@ -1,21 +1,16 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils.js";
-import { useAsyncAction } from "../hooks/use-async-action.js";
-import { Alert, AlertDescription } from "./alert.js";
-import { Button } from "./button.js";
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+import { useAsyncAction } from '../hooks/use-async-action.js';
+import { Alert, AlertDescription } from './alert.js';
+import { Button } from './button.js';
 const noFailureOnServer = () => null;
-/**
- * One notice pinned to the top of the screen once the page hits a failure only a reload repairs.
- * It cannot be dismissed and never reloads by itself: the page and every editor beneath it stay
- * mounted and usable until the person presses Refresh. A repeat of the failure changes nothing.
- */
 export function ReloadRecoveryNotice({ watch, messages, refreshLabel, onRefresh, onRefreshError, className, }) {
     const kind = React.useSyncExternalStore(watch.subscribe, watch.current, noFailureOnServer);
     const refresh = useAsyncAction(onRefresh, { onError: onRefreshError });
     if (kind === null)
         return null;
-    return (_jsxs(Alert, { className: cn("ui-reload-recovery-notice fixed inset-x-0 top-0 z-50 flex items-center justify-between gap-4 rounded-none border-x-0 border-t-0", className), children: [_jsx(AlertDescription, { children: messages[kind] }), _jsx(Button, { type: "button", size: "sm", pending: refresh.pending, onClick: () => void refresh.run(), children: refreshLabel })] }));
+    return (_jsxs(Alert, { className: cn('ui-reload-recovery-notice fixed inset-x-0 top-0 z-50 flex items-center justify-between gap-4 rounded-none border-x-0 border-t-0', className), children: [_jsx(AlertDescription, { children: messages[kind] }), _jsx(Button, { type: "button", size: "sm", pending: refresh.pending, onClick: () => void refresh.run(), children: refreshLabel })] }));
 }
 //# sourceMappingURL=reload-recovery-notice.js.map

package/dist/react/components/reload-recovery-notice.js.map

@@ -1 +1 @@
-{"version":3,"file":"reload-recovery-notice.js","sourceRoot":"","sources":["../../../src/react/components/reload-recovery-notice.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAoBrC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;AAErC;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACd,SAAS,GACiB;IAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAC3F,MAAM,OAAO,GAAG,cAAc,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;IACvE,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAC/B,OAAO,CACL,MAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,SAAS,CACV,aAED,KAAC,gBAAgB,cAAE,QAAQ,CAAC,IAAI,CAAC,GAAoB,EACrD,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC,GAAG,EAAE,YACxF,YAAY,GACN,IACH,CACT,CAAC;AACJ,CAAC","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { ReloadRecoveryWatch } from \"../../browser/reload-recovery-watch.js\";\nimport type { ReloadRecoveryKind } from \"../../lib/reload-recovery.js\";\nimport { cn } from \"../../lib/utils.js\";\nimport { useAsyncAction } from \"../hooks/use-async-action.js\";\nimport { Alert, AlertDescription } from \"./alert.js\";\nimport { Button } from \"./button.js\";\n\nexport interface ReloadRecoveryNoticeProps {\n  /** The watch the app's client entry started. */\n  watch: ReloadRecoveryWatch;\n  /** The app's sentence for each failure. */\n  messages: Readonly<Record<ReloadRecoveryKind, React.ReactNode>>;\n  /** The app's label for the refresh control. */\n  refreshLabel: React.ReactNode;\n  /**\n   * The app's own reload, which runs its unsaved-work guard first. Refresh is pending until it\n   * settles: a reload that proceeds keeps it pending until the page unloads, and a cancelled guard\n   * settles it with the page, its input, and the notice as they were.\n   */\n  onRefresh: () => Promise<unknown>;\n  /** Receives anything `onRefresh` throws. */\n  onRefreshError: (error: unknown) => void;\n  className?: string;\n}\n\nconst noFailureOnServer = () => null;\n\n/**\n * One notice pinned to the top of the screen once the page hits a failure only a reload repairs.\n * It cannot be dismissed and never reloads by itself: the page and every editor beneath it stay\n * mounted and usable until the person presses Refresh. A repeat of the failure changes nothing.\n */\nexport function ReloadRecoveryNotice({\n  watch,\n  messages,\n  refreshLabel,\n  onRefresh,\n  onRefreshError,\n  className,\n}: ReloadRecoveryNoticeProps) {\n  const kind = React.useSyncExternalStore(watch.subscribe, watch.current, noFailureOnServer);\n  const refresh = useAsyncAction(onRefresh, { onError: onRefreshError });\n  if (kind === null) return null;\n  return (\n    <Alert\n      className={cn(\n        \"ui-reload-recovery-notice fixed inset-x-0 top-0 z-50 flex items-center justify-between gap-4 rounded-none border-x-0 border-t-0\",\n        className,\n      )}\n    >\n      <AlertDescription>{messages[kind]}</AlertDescription>\n      <Button type=\"button\" size=\"sm\" pending={refresh.pending} onClick={() => void refresh.run()}>\n        {refreshLabel}\n      </Button>\n    </Alert>\n  );\n}\n"]}
+{"version":3,"file":"reload-recovery-notice.js","sourceRoot":"","sources":["../../../src/react/components/reload-recovery-notice.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAWrC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;AAErC,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACd,SAAS,GACiB;IAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAC3F,MAAM,OAAO,GAAG,cAAc,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;IACvE,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAC/B,OAAO,CACL,MAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,SAAS,CACV,aAED,KAAC,gBAAgB,cAAE,QAAQ,CAAC,IAAI,CAAC,GAAoB,EACrD,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC,GAAG,EAAE,YACxF,YAAY,GACN,IACH,CACT,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ReloadRecoveryWatch } from '../../browser/reload-recovery-watch.js';\nimport type { ReloadRecoveryKind } from '../../lib/reload-recovery.js';\nimport { cn } from '../../lib/utils.js';\nimport { useAsyncAction } from '../hooks/use-async-action.js';\nimport { Alert, AlertDescription } from './alert.js';\nimport { Button } from './button.js';\n\nexport interface ReloadRecoveryNoticeProps {\n  watch: ReloadRecoveryWatch;\n  messages: Readonly<Record<ReloadRecoveryKind, React.ReactNode>>;\n  refreshLabel: React.ReactNode;\n  onRefresh: () => Promise<unknown>;\n  onRefreshError: (error: unknown) => void;\n  className?: string;\n}\n\nconst noFailureOnServer = () => null;\n\nexport function ReloadRecoveryNotice({\n  watch,\n  messages,\n  refreshLabel,\n  onRefresh,\n  onRefreshError,\n  className,\n}: ReloadRecoveryNoticeProps) {\n  const kind = React.useSyncExternalStore(watch.subscribe, watch.current, noFailureOnServer);\n  const refresh = useAsyncAction(onRefresh, { onError: onRefreshError });\n  if (kind === null) return null;\n  return (\n    <Alert\n      className={cn(\n        'ui-reload-recovery-notice fixed inset-x-0 top-0 z-50 flex items-center justify-between gap-4 rounded-none border-x-0 border-t-0',\n        className,\n      )}\n    >\n      <AlertDescription>{messages[kind]}</AlertDescription>\n      <Button type=\"button\" size=\"sm\" pending={refresh.pending} onClick={() => void refresh.run()}>\n        {refreshLabel}\n      </Button>\n    </Alert>\n  );\n}\n"]}

package/dist/react/components/scroll-area.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
     viewportRef?: React.Ref<HTMLDivElement>;
 }

package/dist/react/components/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/react/components/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACvE,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CACxC;AAED,QAAA,MAAM,UAAU,wFAkBd,CAAA;AAGF,QAAA,MAAM,SAAS,wKAmBb,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/react/components/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IAC/F,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,UAAU,wFAed,CAAC;AAGH,QAAA,MAAM,SAAS,wKAiBb,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/react/components/scroll-area.js

@@ -1,13 +1,11 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { cn } from "../../lib/utils.js";
-const ScrollArea = React.forwardRef(({ className, children, viewportRef, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn("relative overflow-hidden", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { ref: viewportRef, className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { cn } from '../../lib/utils.js';
+const ScrollArea = React.forwardRef(({ className, children, viewportRef, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn('relative overflow-hidden', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { ref: viewportRef, className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn("flex touch-none select-none transition-colors", orientation === "vertical" &&
-        "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" &&
-        "h-2.5 flex-col border-t border-t-transparent p-[1px]", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" }) })));
+const ScrollBar = React.forwardRef(({ className, orientation = 'vertical', ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn('flex touch-none select-none transition-colors', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" }) })));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.js.map

package/dist/react/components/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../../src/react/components/scroll-area.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAOvC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzD,MAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,aAET,KAAC,mBAAmB,CAAC,QAAQ,IAC3B,GAAG,EAAE,WAAW,EAChB,SAAS,EAAC,iCAAiC,YAE1C,QAAQ,GACoB,EAC/B,KAAC,SAAS,KAAG,EACb,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACL,CAC5B,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAA;AAE7D,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5D,KAAC,mBAAmB,CAAC,mBAAmB,IACtC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,WAAW,KAAK,UAAU;QACxB,oDAAoD,EACtD,WAAW,KAAK,YAAY;QAC1B,sDAAsD,EACxD,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,eAAe,IAAC,SAAS,EAAC,wCAAwC,GAAG,GAClD,CAC3C,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,WAAW,CAAA;AAE3E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\n\nimport { cn } from \"../../lib/utils.js\"\n\ninterface ScrollAreaProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {\n  viewportRef?: React.Ref<HTMLDivElement>\n}\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  ScrollAreaProps\n>(({ className, children, viewportRef, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport\n      ref={viewportRef}\n      className=\"h-full w-full rounded-[inherit]\"\n    >\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none transition-colors\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n      className\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n))\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName\n\nexport { ScrollArea, ScrollBar }\n"]}
+{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../../src/react/components/scroll-area.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAMxC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzD,MAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,aAET,KAAC,mBAAmB,CAAC,QAAQ,IAAC,GAAG,EAAE,WAAW,EAAE,SAAS,EAAC,iCAAiC,YACxF,QAAQ,GACoB,EAC/B,KAAC,SAAS,KAAG,EACb,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACL,CAC5B,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE9D,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5D,KAAC,mBAAmB,CAAC,mBAAmB,IACtC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,WAAW,KAAK,UAAU,IAAI,oDAAoD,EAClF,WAAW,KAAK,YAAY,IAAI,sDAAsD,EACtF,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,eAAe,IAAC,SAAS,EAAC,wCAAwC,GAAG,GAClD,CAC3C,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,WAAW,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from '../../lib/utils.js';\n\ninterface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {\n  viewportRef?: React.Ref<HTMLDivElement>;\n}\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  ScrollAreaProps\n>(({ className, children, viewportRef, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn('relative overflow-hidden', className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport ref={viewportRef} className=\"h-full w-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      'flex touch-none select-none transition-colors',\n      orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]',\n      orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]',\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"]}

package/dist/react/components/scroll-to-top-button.d.ts

@@ -1,38 +1,14 @@
-import * as React from "react";
-import { type ButtonProps } from "./button.js";
-/**
- * Standard button DOM props forwarded to the rendered element, minus the props
- * this component owns. Owned props are excluded (not just overridden) so a
- * consumer can never route them through the passthrough channel: `aria-label`
- * is set via {@link ScrollToTopButtonProps.ariaLabel}, extra classes via the
- * merge-aware {@link ScrollToTopButtonProps.className}, content via
- * {@link ScrollToTopButtonProps.icon}, and `onClick` is fixed to scroll-to-top
- * (its scroll animation configurable via
- * {@link ScrollToTopButtonProps.scrollBehavior}). This mirrors how the sibling
- * `Button` destructures its owned `className` out of the forwarded `...props`.
- */
-type ScrollToTopButtonPassthrough = Omit<React.ComponentPropsWithoutRef<"button">, "className" | "onClick" | "aria-label" | "children">;
+import * as React from 'react';
+import { type ButtonProps } from './button.js';
+type ScrollToTopButtonPassthrough = Omit<React.ComponentPropsWithoutRef<'button'>, 'className' | 'onClick' | 'aria-label' | 'children'>;
 export interface ScrollToTopButtonProps extends ScrollToTopButtonPassthrough {
-    /** Scroll threshold (px) before the button appears. Default 400. */
     threshold?: number;
-    /** Aria label. Default "Scroll to top". */
     ariaLabel?: string;
-    /** Optional extra classes for the button. Merged with the component's own classes. */
     className?: string;
-    /** Optional override for the icon. */
     icon?: React.ReactNode;
-    /** Button variant. Forwarded to the underlying Button. Defaults to Button's own default. */
-    variant?: ButtonProps["variant"];
-    /** Button size. Forwarded to the underlying Button. Default "icon". */
-    size?: ButtonProps["size"];
-    /**
-     * Scroll behavior passed to `window.scrollTo`. Default "smooth". Pass "auto"
-     * to skip the smooth animation (e.g. for a reduced-motion mode). The package
-     * stays motion-policy agnostic: the consumer decides what to pass here — an
-     * explicit JS `behavior: "smooth"` is not overridden by a CSS
-     * `scroll-behavior` kill-switch, so an app-level reduced-motion mode must
-     * pass "auto" to actually stop the animation.
-     */
+    variant?: ButtonProps['variant'];
+    size?: ButtonProps['size'];
+    /** An explicit JS `behavior: "smooth"` ignores a CSS `scroll-behavior` override, so a reduced-motion mode passes "auto". */
     scrollBehavior?: ScrollBehavior;
 }
 export declare function ScrollToTopButton({ threshold, ariaLabel, className, icon, variant, size, scrollBehavior, ...rest }: ScrollToTopButtonProps): React.JSX.Element;

package/dist/react/components/scroll-to-top-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-to-top-button.d.ts","sourceRoot":"","sources":["../../../src/react/components/scroll-to-top-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAGvD;;;;;;;;;;GAUG;AACH,KAAK,4BAA4B,GAAG,IAAI,CACtC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EACxC,WAAW,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,CACpD,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,4BAA4B;IAC1E,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,uEAAuE;IACvE,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAe,EACf,SAA2B,EAC3B,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAa,EACb,cAAyB,EACzB,GAAG,IAAI,EACR,EAAE,sBAAsB,qBA4BxB"}
+{"version":3,"file":"scroll-to-top-button.d.ts","sourceRoot":"","sources":["../../../src/react/components/scroll-to-top-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAGvD,KAAK,4BAA4B,GAAG,IAAI,CACtC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EACxC,WAAW,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,CACpD,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,4BAA4B;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,4HAA4H;IAC5H,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAe,EACf,SAA2B,EAC3B,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAa,EACb,cAAyB,EACzB,GAAG,IAAI,EACR,EAAE,sBAAsB,qBA4BxB"}

package/dist/react/components/scroll-to-top-button.js

@@ -1,18 +1,18 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { ChevronUp } from "lucide-react";
-import { Button } from "./button.js";
-import { cn } from "../../lib/utils.js";
-export function ScrollToTopButton({ threshold = 400, ariaLabel = "Scroll to top", className, icon, variant, size = "icon", scrollBehavior = "smooth", ...rest }) {
+import * as React from 'react';
+import { ChevronUp } from 'lucide-react';
+import { Button } from './button.js';
+import { cn } from '../../lib/utils.js';
+export function ScrollToTopButton({ threshold = 400, ariaLabel = 'Scroll to top', className, icon, variant, size = 'icon', scrollBehavior = 'smooth', ...rest }) {
     const [isVisible, setIsVisible] = React.useState(false);
     React.useEffect(() => {
         const toggle = () => setIsVisible(window.scrollY > threshold);
         toggle();
-        window.addEventListener("scroll", toggle, { passive: true });
-        return () => window.removeEventListener("scroll", toggle);
+        window.addEventListener('scroll', toggle, { passive: true });
+        return () => window.removeEventListener('scroll', toggle);
     }, [threshold]);
     const onClick = () => window.scrollTo({ top: 0, behavior: scrollBehavior });
-    return (_jsx(Button, { ...rest, variant: variant, size: size, onClick: onClick, "aria-label": ariaLabel, className: cn("fixed bottom-24 left-1/2 -translate-x-1/2 z-50 rounded-full elevation-raised transition-opacity duration-[var(--motion-base)] ease-[var(--motion-ease)]", isVisible ? "opacity-100" : "opacity-0 pointer-events-none", className), children: icon ?? _jsx(ChevronUp, { className: "h-5 w-5" }) }));
+    return (_jsx(Button, { ...rest, variant: variant, size: size, onClick: onClick, "aria-label": ariaLabel, className: cn('fixed bottom-24 left-1/2 -translate-x-1/2 z-50 rounded-full elevation-raised transition-opacity duration-[var(--motion-base)] ease-[var(--motion-ease)]', isVisible ? 'opacity-100' : 'opacity-0 pointer-events-none', className), children: icon ?? _jsx(ChevronUp, { className: "h-5 w-5" }) }));
 }
 //# sourceMappingURL=scroll-to-top-button.js.map

package/dist/react/components/scroll-to-top-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-to-top-button.js","sourceRoot":"","sources":["../../../src/react/components/scroll-to-top-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AA0CxC,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,GAAG,GAAG,EACf,SAAS,GAAG,eAAe,EAC3B,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAI,GAAG,MAAM,EACb,cAAc,GAAG,QAAQ,EACzB,GAAG,IAAI,EACgB;IACvB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;QAC9D,MAAM,EAAE,CAAC;QACT,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7D,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAC;IAE5E,OAAO,CACL,KAAC,MAAM,OACD,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,SAAS,EAAE,EAAE,CACX,yJAAyJ,EACzJ,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,+BAA+B,EAC3D,SAAS,CACV,YAEA,IAAI,IAAI,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,GACnC,CACV,CAAC;AACJ,CAAC","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronUp } from \"lucide-react\";\nimport { Button, type ButtonProps } from \"./button.js\";\nimport { cn } from \"../../lib/utils.js\";\n\n/**\n * Standard button DOM props forwarded to the rendered element, minus the props\n * this component owns. Owned props are excluded (not just overridden) so a\n * consumer can never route them through the passthrough channel: `aria-label`\n * is set via {@link ScrollToTopButtonProps.ariaLabel}, extra classes via the\n * merge-aware {@link ScrollToTopButtonProps.className}, content via\n * {@link ScrollToTopButtonProps.icon}, and `onClick` is fixed to scroll-to-top\n * (its scroll animation configurable via\n * {@link ScrollToTopButtonProps.scrollBehavior}). This mirrors how the sibling\n * `Button` destructures its owned `className` out of the forwarded `...props`.\n */\ntype ScrollToTopButtonPassthrough = Omit<\n  React.ComponentPropsWithoutRef<\"button\">,\n  \"className\" | \"onClick\" | \"aria-label\" | \"children\"\n>;\n\nexport interface ScrollToTopButtonProps extends ScrollToTopButtonPassthrough {\n  /** Scroll threshold (px) before the button appears. Default 400. */\n  threshold?: number;\n  /** Aria label. Default \"Scroll to top\". */\n  ariaLabel?: string;\n  /** Optional extra classes for the button. Merged with the component's own classes. */\n  className?: string;\n  /** Optional override for the icon. */\n  icon?: React.ReactNode;\n  /** Button variant. Forwarded to the underlying Button. Defaults to Button's own default. */\n  variant?: ButtonProps[\"variant\"];\n  /** Button size. Forwarded to the underlying Button. Default \"icon\". */\n  size?: ButtonProps[\"size\"];\n  /**\n   * Scroll behavior passed to `window.scrollTo`. Default \"smooth\". Pass \"auto\"\n   * to skip the smooth animation (e.g. for a reduced-motion mode). The package\n   * stays motion-policy agnostic: the consumer decides what to pass here — an\n   * explicit JS `behavior: \"smooth\"` is not overridden by a CSS\n   * `scroll-behavior` kill-switch, so an app-level reduced-motion mode must\n   * pass \"auto\" to actually stop the animation.\n   */\n  scrollBehavior?: ScrollBehavior;\n}\n\nexport function ScrollToTopButton({\n  threshold = 400,\n  ariaLabel = \"Scroll to top\",\n  className,\n  icon,\n  variant,\n  size = \"icon\",\n  scrollBehavior = \"smooth\",\n  ...rest\n}: ScrollToTopButtonProps) {\n  const [isVisible, setIsVisible] = React.useState(false);\n\n  React.useEffect(() => {\n    const toggle = () => setIsVisible(window.scrollY > threshold);\n    toggle();\n    window.addEventListener(\"scroll\", toggle, { passive: true });\n    return () => window.removeEventListener(\"scroll\", toggle);\n  }, [threshold]);\n\n  const onClick = () => window.scrollTo({ top: 0, behavior: scrollBehavior });\n\n  return (\n    <Button\n      {...rest}\n      variant={variant}\n      size={size}\n      onClick={onClick}\n      aria-label={ariaLabel}\n      className={cn(\n        \"fixed bottom-24 left-1/2 -translate-x-1/2 z-50 rounded-full elevation-raised transition-opacity duration-[var(--motion-base)] ease-[var(--motion-ease)]\",\n        isVisible ? \"opacity-100\" : \"opacity-0 pointer-events-none\",\n        className,\n      )}\n    >\n      {icon ?? <ChevronUp className=\"h-5 w-5\" />}\n    </Button>\n  );\n}\n"]}
+{"version":3,"file":"scroll-to-top-button.js","sourceRoot":"","sources":["../../../src/react/components/scroll-to-top-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAkBxC,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,GAAG,GAAG,EACf,SAAS,GAAG,eAAe,EAC3B,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAI,GAAG,MAAM,EACb,cAAc,GAAG,QAAQ,EACzB,GAAG,IAAI,EACgB;IACvB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;QAC9D,MAAM,EAAE,CAAC;QACT,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7D,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAC;IAE5E,OAAO,CACL,KAAC,MAAM,OACD,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,SAAS,EAAE,EAAE,CACX,yJAAyJ,EACzJ,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,+BAA+B,EAC3D,SAAS,CACV,YAEA,IAAI,IAAI,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,GACnC,CACV,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronUp } from 'lucide-react';\nimport { Button, type ButtonProps } from './button.js';\nimport { cn } from '../../lib/utils.js';\n\ntype ScrollToTopButtonPassthrough = Omit<\n  React.ComponentPropsWithoutRef<'button'>,\n  'className' | 'onClick' | 'aria-label' | 'children'\n>;\n\nexport interface ScrollToTopButtonProps extends ScrollToTopButtonPassthrough {\n  threshold?: number;\n  ariaLabel?: string;\n  className?: string;\n  icon?: React.ReactNode;\n  variant?: ButtonProps['variant'];\n  size?: ButtonProps['size'];\n  /** An explicit JS `behavior: \"smooth\"` ignores a CSS `scroll-behavior` override, so a reduced-motion mode passes \"auto\". */\n  scrollBehavior?: ScrollBehavior;\n}\n\nexport function ScrollToTopButton({\n  threshold = 400,\n  ariaLabel = 'Scroll to top',\n  className,\n  icon,\n  variant,\n  size = 'icon',\n  scrollBehavior = 'smooth',\n  ...rest\n}: ScrollToTopButtonProps) {\n  const [isVisible, setIsVisible] = React.useState(false);\n\n  React.useEffect(() => {\n    const toggle = () => setIsVisible(window.scrollY > threshold);\n    toggle();\n    window.addEventListener('scroll', toggle, { passive: true });\n    return () => window.removeEventListener('scroll', toggle);\n  }, [threshold]);\n\n  const onClick = () => window.scrollTo({ top: 0, behavior: scrollBehavior });\n\n  return (\n    <Button\n      {...rest}\n      variant={variant}\n      size={size}\n      onClick={onClick}\n      aria-label={ariaLabel}\n      className={cn(\n        'fixed bottom-24 left-1/2 -translate-x-1/2 z-50 rounded-full elevation-raised transition-opacity duration-[var(--motion-base)] ease-[var(--motion-ease)]',\n        isVisible ? 'opacity-100' : 'opacity-0 pointer-events-none',\n        className,\n      )}\n    >\n      {icon ?? <ChevronUp className=\"h-5 w-5\" />}\n    </Button>\n  );\n}\n"]}

package/dist/react/components/search-dropdown.d.ts

@@ -1,75 +1,22 @@
 export interface SearchDropdownProps<T> {
-    /** Current search value */
     value: string;
-    /** Called when search value changes */
     onValueChange: (value: string) => void;
-    /** Search results array */
     results: T[];
-    /** Loading state */
     isLoading: boolean;
-    /** The search's failure exactly as the data layer reported it; `null` or `undefined` when it did not fail. */
     error: unknown;
-    /**
-     * Renders a failed search inside the open dropdown. The consumer owns the failure's words and any
-     * retry, so the dropdown never shows a failure state of its own.
-     */
     renderError: (error: unknown) => React.ReactNode;
-    /** Called when a result is selected */
     onSelect: (result: T) => void;
-    /** Called when search is cleared (after the value has been reset). Optional notification hook. */
     onClear?: () => void;
-    /** Placeholder text */
     placeholder?: string;
-    /** Label for the input */
     label?: string;
-    /** Custom className */
     className?: string;
-    /** Disabled state */
     disabled?: boolean;
-    /** Icon to show in input (default: Search) */
     icon?: React.ReactNode;
-    /**
-     * The search rule of the hook behind the dropdown, passed from that hook rather than restated:
-     * `isSearchable(value)` decides whether the value is searched (and the dropdown opens), and
-     * `minChars` is the minimum the below-minimum hint names.
-     */
     minChars: number;
     isSearchable: (value: string) => boolean;
-    /** Message to show when no results found */
     emptyMessage?: string;
-    /** What assistive technology hears when results arrive (default: "1 result" / "N results"). */
     resultsAnnouncement?: (count: number) => string;
-    /** Custom render function for each result */
     renderResult: (result: T, index: number) => React.ReactNode;
 }
-/**
- * A search box with a results dropdown, following the combobox pattern: the input keeps focus, the
- * results are a listbox, and the arrow-highlighted result is the input's active descendant. Every
- * instance carries its own ids, so several can share a page.
- *
- * Once the value is long enough the dropdown stays open through every settled state — results, an
- * empty answer, or a failure — until the user dismisses it (Escape, a click outside, a selection).
- * A dismissal holds for the value it was made on: re-rendered props never reopen it, while typing,
- * a new value, or ArrowDown does.
- *
- * @example
- * ```tsx
- * <SearchDropdown<User>
- *   value={searchValue}
- *   onValueChange={setSearchValue}
- *   results={users}
- *   isLoading={isLoading}
- *   error={error}
- *   renderError={(error) => <MyErrorState error={error} />}
- *   minChars={SEARCH_MIN_LENGTH}
- *   isSearchable={isSearchableText}
- *   onSelect={(user) => console.log(user)}
- *   placeholder="Search users..."
- *   renderResult={(user) => (
- *     <div>{user.displayName}</div>
- *   )}
- * />
- * ```
- */
 export declare function SearchDropdown<T>({ value, onValueChange, results, isLoading, error, renderError, onSelect, onClear, placeholder, label, className, disabled, icon, minChars, isSearchable, emptyMessage, resultsAnnouncement, renderResult, }: SearchDropdownProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=search-dropdown.d.ts.map

package/dist/react/components/search-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-dropdown.d.ts","sourceRoot":"","sources":["../../../src/react/components/search-dropdown.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,2BAA2B;IAC3B,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,oBAAoB;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,8GAA8G;IAC9G,KAAK,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,uCAAuC;IACvC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,kGAAkG;IAClG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACzC,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,6CAA6C;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAChC,KAAK,EACL,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,WAAyB,EACzB,KAAK,EACL,SAAS,EACT,QAAgB,EAChB,IAAqC,EACrC,QAAQ,EACR,YAAY,EACZ,YAAiC,EACjC,mBAAgD,EAChD,YAAY,GACb,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAkMxB"}
+{"version":3,"file":"search-dropdown.d.ts","sourceRoot":"","sources":["../../../src/react/components/search-dropdown.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7D;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAChC,KAAK,EACL,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,WAAyB,EACzB,KAAK,EACL,SAAS,EACT,QAAgB,EAChB,IAAqC,EACrC,QAAQ,EACR,YAAY,EACZ,YAAiC,EACjC,mBAAgD,EAChD,YAAY,GACb,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAqMxB"}

package/dist/react/components/search-dropdown.js

@@ -5,39 +5,10 @@ import { Input } from './input.js';
 import { Label } from './label.js';
 import { X, Search } from 'lucide-react';
 import { Spinner } from './spinner.js';
-import { cn } from "../../lib/utils.js";
+import { cn } from '../../lib/utils.js';
 function defaultResultsAnnouncement(count) {
     return count === 1 ? '1 result' : `${count} results`;
 }
-/**
- * A search box with a results dropdown, following the combobox pattern: the input keeps focus, the
- * results are a listbox, and the arrow-highlighted result is the input's active descendant. Every
- * instance carries its own ids, so several can share a page.
- *
- * Once the value is long enough the dropdown stays open through every settled state — results, an
- * empty answer, or a failure — until the user dismisses it (Escape, a click outside, a selection).
- * A dismissal holds for the value it was made on: re-rendered props never reopen it, while typing,
- * a new value, or ArrowDown does.
- *
- * @example
- * ```tsx
- * <SearchDropdown<User>
- *   value={searchValue}
- *   onValueChange={setSearchValue}
- *   results={users}
- *   isLoading={isLoading}
- *   error={error}
- *   renderError={(error) => <MyErrorState error={error} />}
- *   minChars={SEARCH_MIN_LENGTH}
- *   isSearchable={isSearchableText}
- *   onSelect={(user) => console.log(user)}
- *   placeholder="Search users..."
- *   renderResult={(user) => (
- *     <div>{user.displayName}</div>
- *   )}
- * />
- * ```
- */
 export function SearchDropdown({ value, onValueChange, results, isLoading, error, renderError, onSelect, onClear, placeholder = 'Search...', label, className, disabled = false, icon = _jsx(Search, { className: "h-4 w-4" }), minChars, isSearchable, emptyMessage = 'No results found', resultsAnnouncement = defaultResultsAnnouncement, renderResult, }) {
     const baseId = useId();
     const inputId = `${baseId}-input`;
@@ -47,8 +18,6 @@ export function SearchDropdown({ value, onValueChange, results, isLoading, error
     const hintId = `${baseId}-hint`;
     const optionId = (index) => `${baseId}-option-${index}`;
     const [dismissedFor, setDismissedFor] = useState(null);
-    // The highlight belongs to the value it was made on, so a new query starts with none, while a
-    // refreshed result list for the same query keeps it.
     const [highlight, setHighlight] = useState(null);
     const containerRef = useRef(null);
     const inputRef = useRef(null);
@@ -56,7 +25,9 @@ export function SearchDropdown({ value, onValueChange, results, isLoading, error
     const isOpen = searchable && dismissedFor !== value;
     const failed = error !== null && error !== undefined;
     const showOptions = isOpen && !failed && !isLoading && results.length > 0;
-    const activeIndex = showOptions && highlight && highlight.value === value && highlight.index < results.length ? highlight.index : -1;
+    const activeIndex = showOptions && highlight && highlight.value === value && highlight.index < results.length
+        ? highlight.index
+        : -1;
     const showHint = value.length > 0 && !searchable;
     const announcement = !isOpen || failed
         ? ''
@@ -92,7 +63,10 @@ export function SearchDropdown({ value, onValueChange, results, isLoading, error
                 }
                 if (!showOptions)
                     return;
-                setHighlight({ value, index: activeIndex < results.length - 1 ? activeIndex + 1 : activeIndex });
+                setHighlight({
+                    value,
+                    index: activeIndex < results.length - 1 ? activeIndex + 1 : activeIndex,
+                });
                 break;
             case 'ArrowUp':
                 if (!showOptions)
@@ -107,8 +81,7 @@ export function SearchDropdown({ value, onValueChange, results, isLoading, error
                 select(results[activeIndex]);
                 break;
             case 'Escape':
-                // Escape never falls through to the search field's own clear, which would skip onClear:
-                // it closes an open dropdown, and clears a closed one through handleClear.
+                // Escape never falls through to the search field's own clear, which would skip onClear.
                 e.preventDefault();
                 if (isOpen)
                     setDismissedFor(value);
@@ -126,8 +99,6 @@ export function SearchDropdown({ value, onValueChange, results, isLoading, error
     return (_jsxs("div", { ref: containerRef, className: cn('relative', className), children: [label && (_jsx(Label, { id: labelId, htmlFor: inputId, className: "mb-2 block", children: label })), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", "aria-hidden": "true", children: icon }), _jsx(Input, { ref: inputRef, id: inputId, type: "search", role: "combobox", "aria-autocomplete": "list", "aria-expanded": isOpen, "aria-controls": isOpen ? (showOptions ? listboxId : panelId) : undefined, "aria-activedescendant": activeIndex >= 0 ? optionId(activeIndex) : undefined, "aria-describedby": showHint ? hintId : undefined, autoComplete: "off", value: value, onChange: (e) => {
                             setDismissedFor(null);
                             onValueChange(e.target.value);
-                        }, onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, className: "pl-10 pr-10 [&::-webkit-search-cancel-button]:appearance-none" }), _jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: isLoading ? (_jsx(Spinner, { size: "xs", className: "text-muted-foreground" })) : value ? (_jsx("button", { type: "button", onClick: handleClear, className: "text-muted-foreground hover:text-foreground transition-colors", "aria-label": "Clear search", children: _jsx(X, { className: "h-4 w-4" }) })) : null })] }), isOpen && (_jsx("div", { id: panelId, className: "absolute z-50 w-full mt-1 bg-popover border rounded-md elevation-raised max-h-60 overflow-auto", children: failed ? (renderError(error)) : isLoading ? (_jsxs("div", { className: "px-3 py-2 text-sm text-muted-foreground flex items-center gap-2", children: [_jsx(Spinner, { size: "xs" }), "Searching..."] })) : results.length === 0 ? (_jsx("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: emptyMessage })) : (_jsx("div", { role: "listbox", id: listboxId, "aria-labelledby": label ? labelId : undefined, "aria-label": label ? undefined : placeholder, children: results.map((result, index) => (_jsx("div", { id: optionId(index), role: "option", "aria-selected": index === activeIndex, 
-                        // Keeps focus in the input, where the combobox's keyboard handling lives.
-                        onMouseDown: (e) => e.preventDefault(), onClick: () => select(result), onMouseEnter: () => setHighlight({ value, index }), className: cn('w-full text-left transition-colors cursor-pointer hover:bg-accent', index === activeIndex && 'bg-accent'), children: renderResult(result, index) }, index))) })) })), _jsx("div", { role: "status", "aria-live": "polite", className: "sr-only", children: announcement }), showHint && (_jsxs("p", { id: hintId, className: "text-xs text-muted-foreground mt-1", children: ["Type at least ", minChars, " characters to search"] }))] }));
+                        }, onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, className: "pl-10 pr-10 [&::-webkit-search-cancel-button]:appearance-none" }), _jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: isLoading ? (_jsx(Spinner, { size: "xs", className: "text-muted-foreground" })) : value ? (_jsx("button", { type: "button", onClick: handleClear, className: "text-muted-foreground hover:text-foreground transition-colors", "aria-label": "Clear search", children: _jsx(X, { className: "h-4 w-4" }) })) : null })] }), isOpen && (_jsx("div", { id: panelId, className: "absolute z-50 w-full mt-1 bg-popover border rounded-md elevation-raised max-h-60 overflow-auto", children: failed ? (renderError(error)) : isLoading ? (_jsxs("div", { className: "px-3 py-2 text-sm text-muted-foreground flex items-center gap-2", children: [_jsx(Spinner, { size: "xs" }), "Searching..."] })) : results.length === 0 ? (_jsx("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: emptyMessage })) : (_jsx("div", { role: "listbox", id: listboxId, "aria-labelledby": label ? labelId : undefined, "aria-label": label ? undefined : placeholder, children: results.map((result, index) => (_jsx("div", { id: optionId(index), role: "option", "aria-selected": index === activeIndex, onMouseDown: (e) => e.preventDefault(), onClick: () => select(result), onMouseEnter: () => setHighlight({ value, index }), className: cn('w-full text-left transition-colors cursor-pointer hover:bg-accent', index === activeIndex && 'bg-accent'), children: renderResult(result, index) }, index))) })) })), _jsx("div", { role: "status", "aria-live": "polite", className: "sr-only", children: announcement }), showHint && (_jsxs("p", { id: hintId, className: "text-xs text-muted-foreground mt-1", children: ["Type at least ", minChars, " characters to search"] }))] }));
 }
 //# sourceMappingURL=search-dropdown.js.map