@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-FBJ2JSRA.js

@@ -0,0 +1,47 @@
+"use client";
+
+// src/lib/use-copy-to-clipboard.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+var COPY_FEEDBACK_MS = 1500;
+function useCopyToClipboard(options) {
+  const resetAfterMs = options?.resetAfterMs ?? COPY_FEEDBACK_MS;
+  const [copied, setCopied] = useState(false);
+  const timerRef = useRef(null);
+  useEffect(
+    () => () => {
+      if (timerRef.current !== null) {
+        clearTimeout(timerRef.current);
+      }
+    },
+    []
+  );
+  const copy = useCallback(
+    async (text) => {
+      if (typeof navigator === "undefined" || !navigator.clipboard) {
+        return false;
+      }
+      try {
+        await navigator.clipboard.writeText(text);
+      } catch {
+        return false;
+      }
+      setCopied(true);
+      if (timerRef.current !== null) {
+        clearTimeout(timerRef.current);
+      }
+      timerRef.current = setTimeout(() => {
+        timerRef.current = null;
+        setCopied(false);
+      }, resetAfterMs);
+      return true;
+    },
+    [resetAfterMs]
+  );
+  return { copied, copy };
+}
+
+export {
+  COPY_FEEDBACK_MS,
+  useCopyToClipboard
+};
+//# sourceMappingURL=chunk-FBJ2JSRA.js.map

package/dist/chunk-FBJ2JSRA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/use-copy-to-clipboard.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\n/** How long the transient \"copied\" state stays true before it resets. */\nexport const COPY_FEEDBACK_MS = 1500;\n\nexport interface UseCopyToClipboardOptions {\n  /** ms the `copied` flag stays true. Default: {@link COPY_FEEDBACK_MS}. */\n  resetAfterMs?: number;\n}\n\nexport interface CopyToClipboard {\n  /** True for `resetAfterMs` after a successful copy. */\n  copied: boolean;\n  /** Writes `text` to the clipboard. Resolves `false` when it could not. */\n  copy: (text: string) => Promise<boolean>;\n}\n\n/**\n * Copy-to-clipboard with a transient confirmation flag.\n *\n * One implementation for the whole library — the copy button in\n * `@elabs-ai/components-editor` and `CopyableValue` share it, so the\n * timing, the unmount cleanup and the \"no clipboard here\" answer are defined\n * once instead of re-derived per component.\n *\n * `navigator.clipboard` is absent under SSR, in jsdom, and in any insecure\n * (non-`https`, non-`localhost`) context. That is reported as `false` rather\n * than thrown: a copy affordance failing is a papercut, not a crash, and the\n * caller decides whether to say anything about it. The deprecated\n * `document.execCommand(\"copy\")` fallback is deliberately not used.\n */\nexport function useCopyToClipboard(options?: UseCopyToClipboardOptions): CopyToClipboard {\n  const resetAfterMs = options?.resetAfterMs ?? COPY_FEEDBACK_MS;\n  const [copied, setCopied] = useState(false);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // A component that unmounts inside the feedback window must not have its\n  // state set afterwards, and a second copy must restart the window, not race\n  // the first one's reset.\n  useEffect(\n    () => () => {\n      if (timerRef.current !== null) {\n        clearTimeout(timerRef.current);\n      }\n    },\n    [],\n  );\n\n  const copy = useCallback(\n    async (text: string): Promise<boolean> => {\n      if (typeof navigator === \"undefined\" || !navigator.clipboard) {\n        return false;\n      }\n      try {\n        await navigator.clipboard.writeText(text);\n      } catch {\n        return false;\n      }\n      setCopied(true);\n      if (timerRef.current !== null) {\n        clearTimeout(timerRef.current);\n      }\n      timerRef.current = setTimeout(() => {\n        timerRef.current = null;\n        setCopied(false);\n      }, resetAfterMs);\n      return true;\n    },\n    [resetAfterMs],\n  );\n\n  return { copied, copy };\n}\n"],"mappings":";;;AAEA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAGlD,IAAM,mBAAmB;AA4BzB,SAAS,mBAAmB,SAAsD;AACvF,QAAM,eAAe,SAAS,gBAAgB;AAC9C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,WAAW,OAA6C,IAAI;AAKlE;AAAA,IACE,MAAM,MAAM;AACV,UAAI,SAAS,YAAY,MAAM;AAC7B,qBAAa,SAAS,OAAO;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,OAAO;AAAA,IACX,OAAO,SAAmC;AACxC,UAAI,OAAO,cAAc,eAAe,CAAC,UAAU,WAAW;AAC5D,eAAO;AAAA,MACT;AACA,UAAI;AACF,cAAM,UAAU,UAAU,UAAU,IAAI;AAAA,MAC1C,QAAQ;AACN,eAAO;AAAA,MACT;AACA,gBAAU,IAAI;AACd,UAAI,SAAS,YAAY,MAAM;AAC7B,qBAAa,SAAS,OAAO;AAAA,MAC/B;AACA,eAAS,UAAU,WAAW,MAAM;AAClC,iBAAS,UAAU;AACnB,kBAAU,KAAK;AAAA,MACjB,GAAG,YAAY;AACf,aAAO;AAAA,IACT;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,SAAO,EAAE,QAAQ,KAAK;AACxB;","names":[]}

package/dist/chunk-FDJ77DTR.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-FDJ77DTR.js.map

package/dist/chunk-FDJ77DTR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-FG3PDWE3.js

@@ -0,0 +1,31 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/collapsible/collapsible.tsx
+import { forwardRef } from "react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { jsx } from "react/jsx-runtime";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = forwardRef(function CollapsibleContent3({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleContent,
+    {
+      ref,
+      className: cn(
+        "overflow-hidden data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up data-[state=open]:[--tw-ease:var(--ease-entrance)] data-[state=closed]:[--tw-ease:var(--ease-exit)]",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+export {
+  Collapsible,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  CollapsibleContent2 as CollapsibleContent
+};
+//# sourceMappingURL=chunk-FG3PDWE3.js.map

package/dist/chunk-FG3PDWE3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/collapsible/collapsible.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\nimport { cn } from \"../../lib/cn\";\n\nexport const Collapsible = CollapsiblePrimitive.Root;\nexport const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\nexport const CollapsibleContent = forwardRef<\n  ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,\n  ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>\n>(function CollapsibleContent({ className, ...props }, ref) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      ref={ref}\n      className={cn(\n        \"overflow-hidden data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up data-[state=open]:[--tw-ease:var(--ease-entrance)] data-[state=closed]:[--tw-ease:var(--ease-exit)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,0BAA0B;AAWlC;AARG,IAAM,cAAmC;AACzC,IAAMA,sBAA0C;AAEhD,IAAMC,sBAAqB,WAGhC,SAASA,oBAAmB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC1D,SACE;AAAA,IAAsB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["CollapsibleTrigger","CollapsibleContent"]}

package/dist/chunk-FHDJKH2A.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-FHDJKH2A.js.map

package/dist/chunk-FHDJKH2A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-FLCQKC64.js

@@ -0,0 +1,97 @@
+"use client";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "./chunk-ZSYT5H6U.js";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+} from "./chunk-PGKQZBLZ.js";
+import {
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar
+} from "./chunk-HWVU636Q.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+
+// src/components/nav-user/nav-user.tsx
+import { ChevronsUpDown, LogOut, Settings } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function initialsOf(name) {
+  return name.split(" ").map((part) => part[0]).join("").slice(0, 2).toUpperCase();
+}
+function NavUser({ user, onSettings, settingsHref, onSignOut, children }) {
+  const { isMobile } = useSidebar();
+  const { t } = useLocale();
+  const initials = initialsOf(user.name);
+  return /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      SidebarMenuButton,
+      {
+        size: "lg",
+        tooltip: user.name,
+        "aria-label": `${user.name} ${user.email}`,
+        className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+        children: [
+          /* @__PURE__ */ jsxs(Avatar, { className: "size-8 rounded-lg", children: [
+            user.avatar && /* @__PURE__ */ jsx(AvatarImage, { src: user.avatar, alt: "" }),
+            /* @__PURE__ */ jsx(AvatarFallback, { className: "rounded-lg", children: initials })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-start text-body leading-tight group-data-[collapsible=icon]:hidden", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: user.name }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-meta text-sidebar-muted-foreground", children: user.email })
+          ] }),
+          /* @__PURE__ */ jsx(
+            ChevronsUpDown,
+            {
+              "aria-hidden": "true",
+              className: "ms-auto size-4 group-data-[collapsible=icon]:hidden"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
+      {
+        "data-slot": "nav-user-menu",
+        className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
+        side: isMobile ? "bottom" : "right",
+        align: "end",
+        sideOffset: 4,
+        children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-meta text-muted-foreground", children: t("ui.navUser.label") }),
+          /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+            children,
+            settingsHref ? /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs("a", { href: settingsHref, children: [
+              /* @__PURE__ */ jsx(Settings, { "aria-hidden": "true" }),
+              t("ui.navUser.settings")
+            ] }) }) : /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: onSettings, children: [
+              /* @__PURE__ */ jsx(Settings, { "aria-hidden": "true" }),
+              t("ui.navUser.settings")
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: onSignOut, children: [
+            /* @__PURE__ */ jsx(LogOut, { "aria-hidden": "true" }),
+            t("ui.navUser.signOut")
+          ] })
+        ]
+      }
+    )
+  ] }) }) });
+}
+
+export {
+  NavUser
+};
+//# sourceMappingURL=chunk-FLCQKC64.js.map

package/dist/chunk-FLCQKC64.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/nav-user/nav-user.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { ChevronsUpDown, LogOut, Settings } from \"lucide-react\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../avatar\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../dropdown-menu\";\nimport { useLocale } from \"../locale-provider\";\nimport { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from \"../sidebar\";\n\nexport interface NavUserUser {\n  name: string;\n  email: string;\n  /** URL for the user's avatar image. */\n  avatar?: string;\n}\n\nexport interface NavUserProps {\n  user: NavUserUser;\n  /** Fires when \"Settings\" is chosen. Ignored when `settingsHref` is set. */\n  onSettings?: () => void;\n  /** Route of the settings screen — \"Settings\" renders as a link to it. */\n  settingsHref?: string;\n  /** Fires when \"Sign out\" is chosen. */\n  onSignOut?: () => void;\n  /**\n   * Extra `DropdownMenuItem`s, placed above \"Settings\" (e.g. Profile, Billing).\n   * Settings and Sign out are always present — they are the standard pair.\n   */\n  children?: ReactNode;\n}\n\nfunction initialsOf(name: string): string {\n  return name\n    .split(\" \")\n    .map((part) => part[0])\n    .join(\"\")\n    .slice(0, 2)\n    .toUpperCase();\n}\n\n/**\n * The standard sidebar footer: the signed-in user (avatar, name, email) as one\n * row that opens the account menu — Settings, then Sign out. EVERY app shell's\n * nav rail ends with this; settings never sits in the footer as a loose nav\n * row, and the footer carries no environment/meta line.\n *\n * Collapsed to the 48px icon rail the row is the avatar alone, and its\n * accessible name is written out because the visible label is gone.\n */\nexport function NavUser({ user, onSettings, settingsHref, onSignOut, children }: NavUserProps) {\n  const { isMobile } = useSidebar();\n  const { t } = useLocale();\n  const initials = initialsOf(user.name);\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              tooltip={user.name}\n              // Written out: collapsed, the trigger is only an avatar, so its\n              // contents cannot name it. Same string as the visible label, in\n              // reading order (WCAG 2.5.3).\n              aria-label={`${user.name} ${user.email}`}\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"size-8 rounded-lg\">\n                {user.avatar && <AvatarImage src={user.avatar} alt=\"\" />}\n                <AvatarFallback className=\"rounded-lg\">{initials}</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-start text-body leading-tight group-data-[collapsible=icon]:hidden\">\n                <span className=\"truncate font-medium\">{user.name}</span>\n                <span className=\"truncate text-meta text-sidebar-muted-foreground\">\n                  {user.email}\n                </span>\n              </div>\n              <ChevronsUpDown\n                aria-hidden=\"true\"\n                className=\"ms-auto size-4 group-data-[collapsible=icon]:hidden\"\n              />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            data-slot=\"nav-user-menu\"\n            className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"text-meta text-muted-foreground\">\n              {t(\"ui.navUser.label\")}\n            </DropdownMenuLabel>\n            <DropdownMenuGroup>\n              {children}\n              {settingsHref ? (\n                <DropdownMenuItem asChild>\n                  <a href={settingsHref}>\n                    <Settings aria-hidden=\"true\" />\n                    {t(\"ui.navUser.settings\")}\n                  </a>\n                </DropdownMenuItem>\n              ) : (\n                <DropdownMenuItem onSelect={onSettings}>\n                  <Settings aria-hidden=\"true\" />\n                  {t(\"ui.navUser.settings\")}\n                </DropdownMenuItem>\n              )}\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem onSelect={onSignOut}>\n              <LogOut aria-hidden=\"true\" />\n              {t(\"ui.navUser.signOut\")}\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,gBAAgB,QAAQ,gBAAgB;AAyEnC,SACkB,KADlB;AArCd,SAAS,WAAW,MAAsB;AACxC,SAAO,KACJ,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,KAAK,EAAE,EACP,MAAM,GAAG,CAAC,EACV,YAAY;AACjB;AAWO,SAAS,QAAQ,EAAE,MAAM,YAAY,cAAc,WAAW,SAAS,GAAiB;AAC7F,QAAM,EAAE,SAAS,IAAI,WAAW;AAChC,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,QAAM,WAAW,WAAW,KAAK,IAAI;AAErC,SACE,oBAAC,eACC,8BAAC,mBACC,+BAAC,gBACC;AAAA,wBAAC,uBAAoB,SAAO,MAC1B;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,KAAK;AAAA,QAId,cAAY,GAAG,KAAK,IAAI,IAAI,KAAK,KAAK;AAAA,QACtC,WAAU;AAAA,QAEV;AAAA,+BAAC,UAAO,WAAU,qBACf;AAAA,iBAAK,UAAU,oBAAC,eAAY,KAAK,KAAK,QAAQ,KAAI,IAAG;AAAA,YACtD,oBAAC,kBAAe,WAAU,cAAc,oBAAS;AAAA,aACnD;AAAA,UACA,qBAAC,SAAI,WAAU,uFACb;AAAA,gCAAC,UAAK,WAAU,wBAAwB,eAAK,MAAK;AAAA,YAClD,oBAAC,UAAK,WAAU,oDACb,eAAK,OACR;AAAA,aACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,IACF,GACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAM,WAAW,WAAW;AAAA,QAC5B,OAAM;AAAA,QACN,YAAY;AAAA,QAEZ;AAAA,8BAAC,qBAAkB,WAAU,mCAC1B,YAAE,kBAAkB,GACvB;AAAA,UACA,qBAAC,qBACE;AAAA;AAAA,YACA,eACC,oBAAC,oBAAiB,SAAO,MACvB,+BAAC,OAAE,MAAM,cACP;AAAA,kCAAC,YAAS,eAAY,QAAO;AAAA,cAC5B,EAAE,qBAAqB;AAAA,eAC1B,GACF,IAEA,qBAAC,oBAAiB,UAAU,YAC1B;AAAA,kCAAC,YAAS,eAAY,QAAO;AAAA,cAC5B,EAAE,qBAAqB;AAAA,eAC1B;AAAA,aAEJ;AAAA,UACA,oBAAC,yBAAsB;AAAA,UACvB,qBAAC,oBAAiB,UAAU,WAC1B;AAAA,gCAAC,UAAO,eAAY,QAAO;AAAA,YAC1B,EAAE,oBAAoB;AAAA,aACzB;AAAA;AAAA;AAAA,IACF;AAAA,KACF,GACF,GACF;AAEJ;","names":[]}

package/dist/chunk-FPLZ24MK.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-FPLZ24MK.js.map

package/dist/chunk-FPLZ24MK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-FRFSDZIN.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-FRFSDZIN.js.map

package/dist/chunk-FRFSDZIN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-FXC64HLD.js

@@ -0,0 +1,137 @@
+"use client";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/sheet/sheet.tsx
+import {
+  forwardRef
+} from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = forwardRef(function SheetOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Overlay,
+    {
+      ref,
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-overlay backdrop-blur-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var sheetVariants = cva(
+  // `overflow-y-auto` so content taller than the sheet scrolls INSIDE it
+  // instead of overflowing the fixed-position box (unreachable below the
+  // viewport edge).
+  "fixed z-50 gap-4 overflow-y-auto overscroll-contain bg-card p-6 text-card-foreground shadow-dialog transition duration-slow ease-standard data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:[--tw-ease:var(--ease-entrance)] data-[state=closed]:[--tw-ease:var(--ease-exit)]",
+  {
+    variants: {
+      side: {
+        // `top`/`bottom` have no inherent height ceiling, so long content grows
+        // past the viewport; cap it at 90dvh (matching Dialog's dvh unit — ADR
+        // on mobile browser chrome) so the scroll rule above actually engages.
+        top: "inset-x-0 top-0 max-h-[90dvh] border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 max-h-[90dvh] border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        // `side` is an explicit physical edge of the screen (like Radix's own
+        // Popper `side`), not a logical start/end — a caller who picks `"left"`
+        // wants the panel on the physical left even in an RTL layout, so these
+        // stay physical `left-0`/`right-0` and `border-r`/`border-l` on purpose.
+        left: "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
+        right: "inset-y-0 right-0 h-full w-3/4 max-w-sm border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right"
+      }
+    },
+    defaultVariants: { side: "right" }
+  }
+);
+var SheetContent = forwardRef(function SheetContent2({ side = "right", className, children, ...props }, ref) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      SheetPrimitive.Content,
+      {
+        ref,
+        "data-slot": "sheet-content",
+        className: cn(sheetVariants({ side }), className),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            SheetPrimitive.Close,
+            {
+              "data-slot": "sheet-close",
+              className: "absolute end-4 top-4 rounded-md p-1 text-muted-foreground opacity-70 transition-opacity hover:opacity-100 focus-ring",
+              "aria-label": t("close"),
+              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5", className), ...props });
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+var SheetTitle = forwardRef(function SheetTitle2({ className, ...props }, ref) {
+  return (
+    // `text-title`, matching `DialogTitle` (#286) — was `text-lg font-semibold`,
+    // one rung below Dialog's for the same anatomical role (a modal title).
+    /* @__PURE__ */ jsx(
+      SheetPrimitive.Title,
+      {
+        ref,
+        "data-slot": "sheet-title",
+        className: cn("text-title leading-none", className),
+        ...props
+      }
+    )
+  );
+});
+var SheetDescription = forwardRef(function SheetDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Description,
+    {
+      ref,
+      "data-slot": "sheet-description",
+      className: cn("text-body text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+
+export {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetPortal,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription
+};
+//# sourceMappingURL=chunk-FXC64HLD.js.map

package/dist/chunk-FXC64HLD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sheet/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type HTMLAttributes,\n} from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useLocale } from \"../locale-provider\";\n\nexport const Sheet = SheetPrimitive.Root;\nexport const SheetTrigger = SheetPrimitive.Trigger;\nexport const SheetClose = SheetPrimitive.Close;\nexport const SheetPortal = SheetPrimitive.Portal;\n\nconst SheetOverlay = forwardRef<\n  ElementRef<typeof SheetPrimitive.Overlay>,\n  ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(function SheetOverlay({ className, ...props }, ref) {\n  return (\n    <SheetPrimitive.Overlay\n      ref={ref}\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-overlay backdrop-blur-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst sheetVariants = cva(\n  // `overflow-y-auto` so content taller than the sheet scrolls INSIDE it\n  // instead of overflowing the fixed-position box (unreachable below the\n  // viewport edge).\n  \"fixed z-50 gap-4 overflow-y-auto overscroll-contain bg-card p-6 text-card-foreground shadow-dialog transition duration-slow ease-standard data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:[--tw-ease:var(--ease-entrance)] data-[state=closed]:[--tw-ease:var(--ease-exit)]\",\n  {\n    variants: {\n      side: {\n        // `top`/`bottom` have no inherent height ceiling, so long content grows\n        // past the viewport; cap it at 90dvh (matching Dialog's dvh unit — ADR\n        // on mobile browser chrome) so the scroll rule above actually engages.\n        top: \"inset-x-0 top-0 max-h-[90dvh] border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"inset-x-0 bottom-0 max-h-[90dvh] border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n        // `side` is an explicit physical edge of the screen (like Radix's own\n        // Popper `side`), not a logical start/end — a caller who picks `\"left\"`\n        // wants the panel on the physical left even in an RTL layout, so these\n        // stay physical `left-0`/`right-0` and `border-r`/`border-l` on purpose.\n        left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4 max-w-sm border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right\",\n      },\n    },\n    defaultVariants: { side: \"right\" },\n  },\n);\n\nexport interface SheetContentProps\n  extends\n    ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(function SheetContent({ side = \"right\", className, children, ...props }, ref) {\n  const { t } = useLocale();\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        ref={ref}\n        data-slot=\"sheet-content\"\n        className={cn(sheetVariants({ side }), className)}\n        {...props}\n      >\n        {children}\n        {/* Matches Dialog's close button exactly (radius, padding, ink,\n            opacity choreography) — a 24px target (`p-1` + the 16px glyph)\n            instead of the previous bare 16px hit area (#286). */}\n        <SheetPrimitive.Close\n          data-slot=\"sheet-close\"\n          className=\"absolute end-4 top-4 rounded-md p-1 text-muted-foreground opacity-70 transition-opacity hover:opacity-100 focus-ring\"\n          aria-label={t(\"close\")}\n        >\n          <X className=\"size-4\" />\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n});\n\nexport function SheetHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div data-slot=\"sheet-header\" className={cn(\"flex flex-col gap-1.5\", className)} {...props} />\n  );\n}\nexport function SheetFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\n      {...props}\n    />\n  );\n}\nexport const SheetTitle = forwardRef<\n  ElementRef<typeof SheetPrimitive.Title>,\n  ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(function SheetTitle({ className, ...props }, ref) {\n  return (\n    // `text-title`, matching `DialogTitle` (#286) — was `text-lg font-semibold`,\n    // one rung below Dialog's for the same anatomical role (a modal title).\n    <SheetPrimitive.Title\n      ref={ref}\n      data-slot=\"sheet-title\"\n      className={cn(\"text-title leading-none\", className)}\n      {...props}\n    />\n  );\n});\nexport const SheetDescription = forwardRef<\n  ElementRef<typeof SheetPrimitive.Description>,\n  ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(function SheetDescription({ className, ...props }, ref) {\n  return (\n    <SheetPrimitive.Description\n      ref={ref}\n      data-slot=\"sheet-description\"\n      className={cn(\"text-body text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AAEA;AAAA,EACE;AAAA,OAIK;AACP,YAAY,oBAAoB;AAChC,SAAS,WAA8B;AACvC,SAAS,SAAS;AAcd,cAoDE,YApDF;AAVG,IAAM,QAAuB;AAC7B,IAAM,eAA8B;AACpC,IAAM,aAA4B;AAClC,IAAM,cAA6B;AAE1C,IAAM,eAAe,WAGnB,SAASA,cAAa,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACpD,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA,EAIpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA;AAAA;AAAA;AAAA,QAIJ,KAAK;AAAA,QACL,QACE;AAAA;AAAA;AAAA;AAAA;AAAA,QAKF,MAAM;AAAA,QACN,OACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,MAAM,QAAQ;AAAA,EACnC;AACF;AAOO,IAAM,eAAe,WAG1B,SAASC,cAAa,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9E,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,SACE,qBAAC,eACC;AAAA,wBAAC,gBAAa;AAAA,IACd;AAAA,MAAgB;AAAA,MAAf;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,QAC/C,GAAG;AAAA,QAEH;AAAA;AAAA,UAID;AAAA,YAAgB;AAAA,YAAf;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cACV,cAAY,EAAE,OAAO;AAAA,cAErB,8BAAC,KAAE,WAAU,UAAS;AAAA;AAAA,UACxB;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ,CAAC;AAEM,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAmC;AACnF,SACE,oBAAC,SAAI,aAAU,gBAAe,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OAAO;AAEhG;AACO,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAmC;AACnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,kEAAkE,SAAS;AAAA,MACxF,GAAG;AAAA;AAAA,EACN;AAEJ;AACO,IAAM,aAAa,WAGxB,SAASC,YAAW,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAClD;AAAA;AAAA;AAAA,IAGE;AAAA,MAAgB;AAAA,MAAf;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,QACjD,GAAG;AAAA;AAAA,IACN;AAAA;AAEJ,CAAC;AACM,IAAM,mBAAmB,WAG9B,SAASC,kBAAiB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACxD,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,mCAAmC,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["SheetOverlay","SheetContent","SheetTitle","SheetDescription"]}

package/dist/chunk-FXWWDMMP.js

@@ -0,0 +1,55 @@
+"use client";
+
+// src/lib/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var TEXT_ROLES = [
+  "display-lg",
+  "display",
+  "title",
+  "subtitle",
+  "body",
+  "caption",
+  "meta",
+  "eyebrow",
+  "heading-xs",
+  "kpi",
+  "kpi-sm",
+  "code",
+  // Chart type roles (RM-019, themes.css § chart type roles). They were missing
+  // here from RM-019 until the 2026-09-21 new-user test: `cn("text-chart-source",
+  // "text-chart-foreground-muted")` dropped the role and every ChartCard source
+  // row rendered at body size. `cn.test.ts` now derives the expected list from
+  // themes.css, so a new `--text-<role>` token cannot drift from this list again.
+  "chart-value",
+  "chart-source"
+];
+var isVarShorthand = (value) => /^\(--[\w-]+\)$/.test(value);
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      "font-size": [{ text: [...TEXT_ROLES, "table-header"] }],
+      leading: [{ leading: [isVarShorthand] }],
+      tracking: [{ tracking: [isVarShorthand] }],
+      // `font-display` is the display-face seam (sibling of font-mono, #187).
+      "font-family": [{ font: ["display"] }],
+      // Theme-driven control/table/surface knobs (themes.css § CONTROL UTILITIES
+      // and the `@theme inline` bridge) — so a caller's `h-8` / `rounded-none` /
+      // `font-bold` / `shadow-none` still replaces the token default.
+      "font-weight": [{ font: ["control", "table-header", "tabs-active"] }],
+      rounded: [{ rounded: ["control", "badge"] }],
+      shadow: [{ shadow: ["input", "card", "popover", "dialog"] }],
+      h: [{ h: ["control", "control-sm", "control-lg", "header"] }],
+      size: [{ size: ["control", "control-sm", "control-lg"] }],
+      "min-w": [{ "min-w": ["control", "control-sm", "control-lg"] }]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};
+//# sourceMappingURL=chunk-FXWWDMMP.js.map

package/dist/chunk-FXWWDMMP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\n/**\n * The semantic type roles (`--text-<role>` tokens → `text-<role>` utilities, #187).\n * tailwind-merge doesn't know custom theme keys, so without registration it\n * classifies `text-title` as a text COLOR — and `cn(\"text-kpi\", \"text-foreground\")`\n * would silently drop the role. Registering the roles in the `font-size` class\n * group makes role-vs-role and role-vs-raw-size conflicts resolve correctly while\n * keeping role + color independent.\n */\nconst TEXT_ROLES = [\n  \"display-lg\",\n  \"display\",\n  \"title\",\n  \"subtitle\",\n  \"body\",\n  \"caption\",\n  \"meta\",\n  \"eyebrow\",\n  \"heading-xs\",\n  \"kpi\",\n  \"kpi-sm\",\n  \"code\",\n  // Chart type roles (RM-019, themes.css § chart type roles). They were missing\n  // here from RM-019 until the 2026-09-21 new-user test: `cn(\"text-chart-source\",\n  // \"text-chart-foreground-muted\")` dropped the role and every ChartCard source\n  // row rendered at body size. `cn.test.ts` now derives the expected list from\n  // themes.css, so a new `--text-<role>` token cannot drift from this list again.\n  \"chart-value\",\n  \"chart-source\",\n];\n\n/**\n * Tailwind v4's CSS-variable shorthand (`leading-(--card-title-leading)`).\n * tailwind-merge 2.x predates it and leaves such a class beside a caller's\n * `leading-tight`, letting stylesheet order pick the winner. A typed hint\n * (`text-(length:--x)`) is read as a variant prefix by 2.x and cannot be\n * registered — give that seam a named `@theme` utility instead\n * (`text-table-header`).\n */\nconst isVarShorthand = (value: string) => /^\\(--[\\w-]+\\)$/.test(value);\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      \"font-size\": [{ text: [...TEXT_ROLES, \"table-header\"] }],\n      leading: [{ leading: [isVarShorthand] }],\n      tracking: [{ tracking: [isVarShorthand] }],\n      // `font-display` is the display-face seam (sibling of font-mono, #187).\n      \"font-family\": [{ font: [\"display\"] }],\n      // Theme-driven control/table/surface knobs (themes.css § CONTROL UTILITIES\n      // and the `@theme inline` bridge) — so a caller's `h-8` / `rounded-none` /\n      // `font-bold` / `shadow-none` still replaces the token default.\n      \"font-weight\": [{ font: [\"control\", \"table-header\", \"tabs-active\"] }],\n      rounded: [{ rounded: [\"control\", \"badge\"] }],\n      shadow: [{ shadow: [\"input\", \"card\", \"popover\", \"dialog\"] }],\n      h: [{ h: [\"control\", \"control-sm\", \"control-lg\", \"header\"] }],\n      size: [{ size: [\"control\", \"control-sm\", \"control-lg\"] }],\n      \"min-w\": [{ \"min-w\": [\"control\", \"control-sm\", \"control-lg\"] }],\n    },\n  },\n});\n\n/**\n * Merge class names with conflict resolution. `clsx` handles conditionals;\n * `tailwind-merge` ensures later Tailwind utilities win (e.g. `p-2 p-4` -> `p-4`).\n * Use this in every component that accepts a `className` prop.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAAA,SAAS,YAA6B;AACtC,SAAS,2BAA2B;AAUpC,IAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA;AAAA,EACA;AACF;AAUA,IAAM,iBAAiB,CAAC,UAAkB,iBAAiB,KAAK,KAAK;AAErE,IAAM,UAAU,oBAAoB;AAAA,EAClC,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,aAAa,CAAC,EAAE,MAAM,CAAC,GAAG,YAAY,cAAc,EAAE,CAAC;AAAA,MACvD,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,EAAE,CAAC;AAAA,MACvC,UAAU,CAAC,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC;AAAA;AAAA,MAEzC,eAAe,CAAC,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA,MAIrC,eAAe,CAAC,EAAE,MAAM,CAAC,WAAW,gBAAgB,aAAa,EAAE,CAAC;AAAA,MACpE,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,OAAO,EAAE,CAAC;AAAA,MAC3C,QAAQ,CAAC,EAAE,QAAQ,CAAC,SAAS,QAAQ,WAAW,QAAQ,EAAE,CAAC;AAAA,MAC3D,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,cAAc,cAAc,QAAQ,EAAE,CAAC;AAAA,MAC5D,MAAM,CAAC,EAAE,MAAM,CAAC,WAAW,cAAc,YAAY,EAAE,CAAC;AAAA,MACxD,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,cAAc,YAAY,EAAE,CAAC;AAAA,IAChE;AAAA,EACF;AACF,CAAC;AAOM,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/chunk-FZEG2R3E.js

@@ -0,0 +1,30 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/textarea/textarea.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Textarea = forwardRef(function Textarea2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref,
+      className: cn(
+        "flex min-h-20 w-full rounded-control border border-input bg-input-background px-3 py-2 text-body shadow-input transition-[color,background-color,border-color,box-shadow] duration-fast ease-standard",
+        "placeholder:text-muted-foreground",
+        "focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-input-focus",
+        "disabled:cursor-not-allowed disabled:opacity-50 disabled:border-border",
+        "aria-[invalid=true]:border-destructive aria-[invalid=true]:ring-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+export {
+  Textarea
+};
+//# sourceMappingURL=chunk-FZEG2R3E.js.map

package/dist/chunk-FZEG2R3E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/textarea/textarea.tsx"],"sourcesContent":["import { forwardRef, type TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <textarea\n      ref={ref}\n      className={cn(\n        \"flex min-h-20 w-full rounded-control border border-input bg-input-background px-3 py-2 text-body shadow-input transition-[color,background-color,border-color,box-shadow] duration-fast ease-standard\",\n        \"placeholder:text-muted-foreground\",\n        \"focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-input-focus\",\n        \"disabled:cursor-not-allowed disabled:opacity-50 disabled:border-border\",\n        \"aria-[invalid=true]:border-destructive aria-[invalid=true]:ring-destructive\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAA+C;AAUpD;AALG,IAAM,WAAW,WAA+C,SAASA,UAC9E,EAAE,WAAW,GAAG,MAAM,GACtB,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Textarea"]}

package/dist/chunk-G3OTDYCD.js

@@ -0,0 +1,53 @@
+"use client";
+import {
+  isMotionAtFloor,
+  readMotionFactor
+} from "./chunk-3JAEQNCB.js";
+
+// src/components/reveal-on-enter/reveal-on-enter.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var RevealOnEnter = React.forwardRef(
+  ({ as: Comp = "div", stagger = false, ...props }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current, []);
+    const [phase, setPhase] = React.useState("idle");
+    React.useEffect(() => {
+      const el = innerRef.current;
+      if (!el || typeof IntersectionObserver === "undefined") return;
+      if (isMotionAtFloor(readMotionFactor(el))) return;
+      const rect = el.getBoundingClientRect();
+      if (rect.top < window.innerHeight && rect.bottom > 0) return;
+      if (stagger) {
+        Array.from(el.children).forEach((child, index) => {
+          child.style.setProperty("--reveal-index", String(index));
+        });
+      }
+      setPhase("hidden");
+      const observer = new IntersectionObserver((entries) => {
+        if (!entries.some((entry) => entry.isIntersecting)) return;
+        setPhase("shown");
+        observer.disconnect();
+      });
+      observer.observe(el);
+      return () => observer.disconnect();
+    }, [stagger]);
+    const Tag = Comp;
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref: innerRef,
+        "data-slot": "reveal-on-enter",
+        "data-reveal": phase === "idle" ? void 0 : phase,
+        "data-stagger": stagger ? "" : void 0,
+        ...props
+      }
+    );
+  }
+);
+RevealOnEnter.displayName = "RevealOnEnter";
+
+export {
+  RevealOnEnter
+};
+//# sourceMappingURL=chunk-G3OTDYCD.js.map

package/dist/chunk-G3OTDYCD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/reveal-on-enter/reveal-on-enter.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { isMotionAtFloor, readMotionFactor } from \"../../lib/use-scroll-progress\";\nimport \"./reveal-on-enter.css\";\n\n/** Elements RevealOnEnter may render as. */\nexport type RevealOnEnterElement =\n  | \"div\"\n  | \"section\"\n  | \"article\"\n  | \"aside\"\n  | \"header\"\n  | \"footer\"\n  | \"ul\"\n  | \"ol\"\n  | \"li\";\n\nexport interface RevealOnEnterProps extends React.HTMLAttributes<HTMLElement> {\n  /** The element to render. Default `div`. */\n  as?: RevealOnEnterElement;\n  /** Reveal each direct child in turn (60 ms × `--motion-factor` apart) instead of the whole. */\n  stagger?: boolean;\n}\n\ntype RevealPhase = \"idle\" | \"hidden\" | \"shown\";\n\n/**\n * Fades and lifts its content in the first time it scrolls into view — once, never re-hiding.\n * Content is never hidden from a reader or a crawler: the server HTML is fully visible, and the\n * hidden state is applied only after hydration, only when the motion gate is open, only when\n * `IntersectionObserver` exists, and only for content that is not already on screen.\n */\nexport const RevealOnEnter = React.forwardRef<HTMLElement, RevealOnEnterProps>(\n  ({ as: Comp = \"div\", stagger = false, ...props }, ref) => {\n    const innerRef = React.useRef<HTMLElement>(null);\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLElement, []);\n    const [phase, setPhase] = React.useState<RevealPhase>(\"idle\");\n\n    React.useEffect(() => {\n      const el = innerRef.current;\n      if (!el || typeof IntersectionObserver === \"undefined\") return;\n      if (isMotionAtFloor(readMotionFactor(el))) return;\n      const rect = el.getBoundingClientRect();\n      if (rect.top < window.innerHeight && rect.bottom > 0) return; // already seen: leave it be\n      if (stagger) {\n        Array.from(el.children).forEach((child, index) => {\n          (child as HTMLElement).style.setProperty(\"--reveal-index\", String(index));\n        });\n      }\n      setPhase(\"hidden\");\n      const observer = new IntersectionObserver((entries) => {\n        if (!entries.some((entry) => entry.isIntersecting)) return;\n        setPhase(\"shown\");\n        observer.disconnect();\n      });\n      observer.observe(el);\n      return () => observer.disconnect();\n    }, [stagger]);\n\n    // Every `as` option is a block element with the same attribute surface; typing the tag as\n    // `div` keeps JSX (and its `data-slot` declaration) without a per-tag ref union.\n    const Tag = Comp as \"div\";\n    return (\n      <Tag\n        ref={innerRef as React.Ref<HTMLDivElement>}\n        data-slot=\"reveal-on-enter\"\n        data-reveal={phase === \"idle\" ? undefined : phase}\n        data-stagger={stagger ? \"\" : undefined}\n        {...props}\n      />\n    );\n  },\n);\nRevealOnEnter.displayName = \"RevealOnEnter\";\n"],"mappings":";;;;;;;AAEA,YAAY,WAAW;AA8DjB;AA/BC,IAAM,gBAAsB;AAAA,EACjC,CAAC,EAAE,IAAI,OAAO,OAAO,UAAU,OAAO,GAAG,MAAM,GAAG,QAAQ;AACxD,UAAM,WAAiB,aAAoB,IAAI;AAC/C,IAAM,0BAAoB,KAAK,MAAM,SAAS,SAAwB,CAAC,CAAC;AACxE,UAAM,CAAC,OAAO,QAAQ,IAAU,eAAsB,MAAM;AAE5D,IAAM,gBAAU,MAAM;AACpB,YAAM,KAAK,SAAS;AACpB,UAAI,CAAC,MAAM,OAAO,yBAAyB,YAAa;AACxD,UAAI,gBAAgB,iBAAiB,EAAE,CAAC,EAAG;AAC3C,YAAM,OAAO,GAAG,sBAAsB;AACtC,UAAI,KAAK,MAAM,OAAO,eAAe,KAAK,SAAS,EAAG;AACtD,UAAI,SAAS;AACX,cAAM,KAAK,GAAG,QAAQ,EAAE,QAAQ,CAAC,OAAO,UAAU;AAChD,UAAC,MAAsB,MAAM,YAAY,kBAAkB,OAAO,KAAK,CAAC;AAAA,QAC1E,CAAC;AAAA,MACH;AACA,eAAS,QAAQ;AACjB,YAAM,WAAW,IAAI,qBAAqB,CAAC,YAAY;AACrD,YAAI,CAAC,QAAQ,KAAK,CAAC,UAAU,MAAM,cAAc,EAAG;AACpD,iBAAS,OAAO;AAChB,iBAAS,WAAW;AAAA,MACtB,CAAC;AACD,eAAS,QAAQ,EAAE;AACnB,aAAO,MAAM,SAAS,WAAW;AAAA,IACnC,GAAG,CAAC,OAAO,CAAC;AAIZ,UAAM,MAAM;AACZ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,aAAU;AAAA,QACV,eAAa,UAAU,SAAS,SAAY;AAAA,QAC5C,gBAAc,UAAU,KAAK;AAAA,QAC5B,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}

package/dist/chunk-G72UOVKS.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-G72UOVKS.js.map

package/dist/chunk-G72UOVKS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}