@psnext/design-system 2.3.0 → 2.5.0

package/dist/primitives/Sheet/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["SheetPrimitive","cn","XIcon"],"sources":["../../../src/primitives/Sheet/Sheet.tsx"],"sourcesContent":["import { XIcon } from \"lucide-react\";\nimport { Dialog as SheetPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** Root provider for a slide-in panel (drawer). Wraps a `SheetTrigger` and `SheetContent`; controls open/closed state. */\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\n/** Element that opens the sheet when activated. Use `asChild` to wrap your own button. */\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\n/** Element that closes the sheet when activated. Use `asChild` to wrap your own button. */\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\n/** Portals the overlay and content out of the DOM tree to the document body. */\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\n/** Full-screen scrim rendered behind the sheet content. */\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Predefined scrim styles for the sheet overlay. Pass via `overlay`. */\nconst sheetOverlayVariants = {\n  default: \"bg-overlay-bg\",\n  dark: \"bg-black/50\",\n  glass: \"bg-glass-40-bg backdrop-blur-glass\",\n  none: \"bg-transparent\",\n} as const;\n\n/** The sliding panel surface (portaled, with its overlay). Holds the header, body, and footer. */\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  overlay = \"default\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  /** Edge the sheet slides in from. */\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  /** Whether to render the built-in top-right close (X) button. */\n  showCloseButton?: boolean;\n  /** Scrim style behind the sheet (e.g. `glass` for drawer patterns). */\n  overlay?: keyof typeof sheetOverlayVariants;\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay className={sheetOverlayVariants[overlay]} />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          // Figma: bg/primary panel with shadow-lg only (no border binding);\n          // radius-8 on the inward edge — the outer edge sits flush.\n          \"bg-primary-bg data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 overflow-y-auto shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          side === \"right\" &&\n            \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 rounded-l-8 sm:max-w-sm\",\n          side === \"left\" &&\n            \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 rounded-r-8 sm:max-w-sm\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto rounded-b-8\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto rounded-t-8\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close className=\"absolute top-4 right-4 rounded-2 opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-focus focus-visible:ring-3 focus:outline-hidden disabled:pointer-events-none\">\n            <XIcon className=\"size-4\" />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\n/** Top region of the sheet; typically holds the `SheetTitle` and `SheetDescription`. */\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"sheet-header\" className={cn(\"flex flex-col gap-2 p-6\", className)} {...props} />\n  );\n}\n\n/** Bottom region of the sheet, pinned to the base; typically holds action buttons. */\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        \"mt-auto flex flex-col-reverse gap-3 p-6 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Accessible title for the sheet, announced when it opens. */\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      // Figma: heading 4 (Outfit Regular 20/24). Bound to raw neutral/900 in\n      // Figma — we use content/primary (flag #13).\n      className={cn(\n        \"font-heading text-[length:var(--heading-4-font-size)] leading-[var(--heading-4-line-height)] font-normal text-primary-txt\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Accessible supporting text for the sheet, linked to the dialog for screen readers. */\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-txt text-sm leading-5\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;AAOA,SAAS,MAAM,EAAE,GAAG,SAA2D;CAC7E,OAAO,iBAAA,GAAA,kBAAA,KAACA,SAAAA,OAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAI;CAAQ,CAAA;AAC5D;;AAGA,SAAS,aAAa,EAAE,GAAG,SAA8D;CACvF,OAAO,iBAAA,GAAA,kBAAA,KAACA,SAAAA,OAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;;AAGA,SAAS,WAAW,EAAE,GAAG,SAA4D;CACnF,OAAO,iBAAA,GAAA,kBAAA,KAACA,SAAAA,OAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;CAAQ,CAAA;AACnE;;AAGA,SAAS,YAAY,EAAE,GAAG,SAA6D;CACrF,OAAO,iBAAA,GAAA,kBAAA,KAACA,SAAAA,OAAe,QAAhB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;;AAGA,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;CACtD,OACE,iBAAA,GAAA,kBAAA,KAACA,SAAAA,OAAe,SAAhB;EACE,aAAU;EACV,WAAWC,WAAAA,GACT,8IACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,MAAM,uBAAuB;CAC3B,SAAS;CACT,MAAM;CACN,OAAO;CACP,MAAM;AACR;;AAGA,SAAS,aAAa,EACpB,WACA,UACA,OAAO,SACP,kBAAkB,MAClB,UAAU,WACV,GAAG,SAQF;CACD,OACE,iBAAA,GAAA,kBAAA,MAAC,aAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAc,WAAW,qBAAqB,SAAW,CAAA,GACzD,iBAAA,GAAA,kBAAA,MAACD,SAAAA,OAAe,SAAhB;EACE,aAAU;EACV,WAAWC,WAAAA,GAGT,8NACA,SAAS,WACP,uIACF,SAAS,UACP,oIACF,SAAS,SACP,+GACF,SAAS,YACP,wHACF,SACF;EACA,GAAI;YAhBN,CAkBG,UACA,mBACC,iBAAA,GAAA,kBAAA,MAACD,SAAAA,OAAe,OAAhB;GAAsB,WAAU;aAAhC,CACE,iBAAA,GAAA,kBAAA,KAACE,aAAAA,OAAD,EAAO,WAAU,SAAU,CAAA,GAC3B,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,WAAU;cAAU;GAAW,CAAA,CACjB;IAEF;GACb,EAAA,CAAA;AAEjB;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,aAAU;EAAe,WAAWD,WAAAA,GAAG,2BAA2B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEnG;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GACT,sEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,WAAW,EAAE,WAAW,GAAG,SAA4D;CAC9F,OACE,iBAAA,GAAA,kBAAA,KAACD,SAAAA,OAAe,OAAhB;EACE,aAAU;EAGV,WAAWC,WAAAA,GACT,6HACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;CAC1D,OACE,iBAAA,GAAA,kBAAA,KAACD,SAAAA,OAAe,aAAhB;EACE,aAAU;EACV,WAAWC,WAAAA,GAAG,oCAAoC,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index.cjs","names":["SheetPrimitive","cn","Icon","XIcon"],"sources":["../../../src/primitives/Sheet/Sheet.tsx"],"sourcesContent":["import { Icon } from \"@/primitives/Icon\";\nimport { XIcon } from \"lucide-react\";\nimport { Dialog as SheetPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** Root provider for a slide-in panel (drawer). Wraps a `SheetTrigger` and `SheetContent`; controls open/closed state. */\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\n/** Element that opens the sheet when activated. Use `asChild` to wrap your own button. */\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\n/** Element that closes the sheet when activated. Use `asChild` to wrap your own button. */\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\n/** Portals the overlay and content out of the DOM tree to the document body. */\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\n/** Full-screen scrim rendered behind the sheet content. */\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Predefined scrim styles for the sheet overlay. Pass via `overlay`. */\nconst sheetOverlayVariants = {\n  default: \"bg-overlay-bg\",\n  dark: \"bg-black/50\",\n  glass: \"bg-glass-40-bg backdrop-blur-glass\",\n  none: \"bg-transparent\",\n} as const;\n\nconst sheetSizeVariants = {\n  small: {\n    right: \"w-2/3 sm:max-w-xs\",\n    left: \"w-2/3 sm:max-w-xs\",\n    top: \"h-[40vh]\",\n    bottom: \"h-[40vh]\",\n  },\n  default: {\n    right: \"w-3/4 sm:max-w-sm\",\n    left: \"w-3/4 sm:max-w-sm\",\n    top: \"h-auto\",\n    bottom: \"h-auto\",\n  },\n  medium: {\n    right: \"w-4/5 sm:max-w-md\",\n    left: \"w-4/5 sm:max-w-md\",\n    top: \"h-[60vh]\",\n    bottom: \"h-[60vh]\",\n  },\n  large: {\n    right: \"w-11/12 sm:max-w-lg\",\n    left: \"w-11/12 sm:max-w-lg\",\n    top: \"h-[80vh]\",\n    bottom: \"h-[80vh]\",\n  },\n  extraLarge: {\n    right: \"w-[95vw] sm:max-w-2xl\",\n    left: \"w-[95vw] sm:max-w-2xl\",\n    top: \"h-[95vh]\",\n    bottom: \"h-[95vh]\",\n  },\n} as const;\n\n/** The sliding panel surface (portaled, with its overlay). Holds the header, body, and footer. */\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  overlay = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  /** Edge the sheet slides in from. */\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  /** Whether to render the built-in top-right close (X) button. */\n  showCloseButton?: boolean;\n  /** Scrim style behind the sheet (e.g. `glass` for drawer patterns). */\n  overlay?: keyof typeof sheetOverlayVariants;\n  /** Panel size. `default` matches the existing production sizing. */\n  size?: keyof typeof sheetSizeVariants;\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay className={sheetOverlayVariants[overlay]} />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          // Figma: bg/primary panel with shadow-lg only (no border binding);\n          // radius-8 on the inward edge — the outer edge sits flush.\n          \"bg-primary-bg data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 overflow-y-auto shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          side === \"right\" &&\n            \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full rounded-l-8\",\n          side === \"left\" &&\n            \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full rounded-r-8\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 rounded-b-8\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 rounded-t-8\",\n          sheetSizeVariants[size][side],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close className=\"absolute top-4 right-4 rounded-2 opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-focus focus-visible:ring-3 focus:outline-hidden disabled:pointer-events-none\">\n            <Icon as={XIcon} className=\"size-4\" />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\n/** Top region of the sheet; typically holds the `SheetTitle` and `SheetDescription`. */\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"sheet-header\" className={cn(\"flex flex-col gap-2 p-6\", className)} {...props} />\n  );\n}\n\n/** Bottom region of the sheet, pinned to the base; typically holds action buttons. */\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        \"mt-auto flex flex-col-reverse gap-3 p-6 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Accessible title for the sheet, announced when it opens. */\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      // Figma: heading 4 (Outfit Regular 20/24). Bound to raw neutral/900 in\n      // Figma — we use content/primary (flag #13).\n      className={cn(\n        \"font-heading text-[length:var(--heading-4-font-size)] leading-[var(--heading-4-line-height)] font-normal text-primary-txt\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Accessible supporting text for the sheet, linked to the dialog for screen readers. */\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-txt text-sm leading-5\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;;AAQA,SAAS,MAAM,EAAE,GAAG,SAA2D;CAC7E,OAAO,iBAAA,GAAA,kBAAA,KAACA,SAAAA,OAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAI;CAAQ,CAAA;AAC5D;;AAGA,SAAS,aAAa,EAAE,GAAG,SAA8D;CACvF,OAAO,iBAAA,GAAA,kBAAA,KAACA,SAAAA,OAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;;AAGA,SAAS,WAAW,EAAE,GAAG,SAA4D;CACnF,OAAO,iBAAA,GAAA,kBAAA,KAACA,SAAAA,OAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;CAAQ,CAAA;AACnE;;AAGA,SAAS,YAAY,EAAE,GAAG,SAA6D;CACrF,OAAO,iBAAA,GAAA,kBAAA,KAACA,SAAAA,OAAe,QAAhB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;;AAGA,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;CACtD,OACE,iBAAA,GAAA,kBAAA,KAACA,SAAAA,OAAe,SAAhB;EACE,aAAU;EACV,WAAWC,WAAAA,GACT,8IACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,MAAM,uBAAuB;CAC3B,SAAS;CACT,MAAM;CACN,OAAO;CACP,MAAM;AACR;AAEA,MAAM,oBAAoB;CACxB,OAAO;EACL,OAAO;EACP,MAAM;EACN,KAAK;EACL,QAAQ;CACV;CACA,SAAS;EACP,OAAO;EACP,MAAM;EACN,KAAK;EACL,QAAQ;CACV;CACA,QAAQ;EACN,OAAO;EACP,MAAM;EACN,KAAK;EACL,QAAQ;CACV;CACA,OAAO;EACL,OAAO;EACP,MAAM;EACN,KAAK;EACL,QAAQ;CACV;CACA,YAAY;EACV,OAAO;EACP,MAAM;EACN,KAAK;EACL,QAAQ;CACV;AACF;;AAGA,SAAS,aAAa,EACpB,WACA,UACA,OAAO,SACP,kBAAkB,MAClB,UAAU,WACV,OAAO,WACP,GAAG,SAUF;CACD,OACE,iBAAA,GAAA,kBAAA,MAAC,aAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAc,WAAW,qBAAqB,SAAW,CAAA,GACzD,iBAAA,GAAA,kBAAA,MAACD,SAAAA,OAAe,SAAhB;EACE,aAAU;EACV,WAAWC,WAAAA,GAGT,8NACA,SAAS,WACP,qHACF,SAAS,UACP,kHACF,SAAS,SACP,wGACF,SAAS,YACP,iHACF,kBAAkB,MAAM,OACxB,SACF;EACA,GAAI;YAjBN,CAmBG,UACA,mBACC,iBAAA,GAAA,kBAAA,MAACD,SAAAA,OAAe,OAAhB;GAAsB,WAAU;aAAhC,CACE,iBAAA,GAAA,kBAAA,KAACE,aAAAA,MAAD;IAAM,IAAIC,aAAAA;IAAO,WAAU;GAAU,CAAA,GACrC,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,WAAU;cAAU;GAAW,CAAA,CACjB;IAEF;GACb,EAAA,CAAA;AAEjB;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,aAAU;EAAe,WAAWF,WAAAA,GAAG,2BAA2B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEnG;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GACT,sEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,WAAW,EAAE,WAAW,GAAG,SAA4D;CAC9F,OACE,iBAAA,GAAA,kBAAA,KAACD,SAAAA,OAAe,OAAhB;EACE,aAAU;EAGV,WAAWC,WAAAA,GACT,6HACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;CAC1D,OACE,iBAAA,GAAA,kBAAA,KAACD,SAAAA,OAAe,aAAhB;EACE,aAAU;EACV,WAAWC,WAAAA,GAAG,oCAAoC,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/Sheet/index.d.cts

@@ -1,2 +1,2 @@
-import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "../../index51.cjs";
+import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "../../index55.cjs";
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/primitives/Sheet/index.d.ts

@@ -1,2 +1,2 @@
-import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "../../index51.js";
+import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "../../index55.js";
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/primitives/Sheet/index.js

@@ -1,7 +1,8 @@
 import { t as cn } from "../../cn.js";
+import { t as Icon } from "../../Icon.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
 import { Dialog } from "radix-ui";
-import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/primitives/Sheet/Sheet.tsx
 /** Root provider for a slide-in panel (drawer). Wraps a `SheetTrigger` and `SheetContent`; controls open/closed state. */
 function Sheet({ ...props }) {
@@ -46,15 +47,50 @@ const sheetOverlayVariants = {
 	glass: "bg-glass-40-bg backdrop-blur-glass",
 	none: "bg-transparent"
 };
+const sheetSizeVariants = {
+	small: {
+		right: "w-2/3 sm:max-w-xs",
+		left: "w-2/3 sm:max-w-xs",
+		top: "h-[40vh]",
+		bottom: "h-[40vh]"
+	},
+	default: {
+		right: "w-3/4 sm:max-w-sm",
+		left: "w-3/4 sm:max-w-sm",
+		top: "h-auto",
+		bottom: "h-auto"
+	},
+	medium: {
+		right: "w-4/5 sm:max-w-md",
+		left: "w-4/5 sm:max-w-md",
+		top: "h-[60vh]",
+		bottom: "h-[60vh]"
+	},
+	large: {
+		right: "w-11/12 sm:max-w-lg",
+		left: "w-11/12 sm:max-w-lg",
+		top: "h-[80vh]",
+		bottom: "h-[80vh]"
+	},
+	extraLarge: {
+		right: "w-[95vw] sm:max-w-2xl",
+		left: "w-[95vw] sm:max-w-2xl",
+		top: "h-[95vh]",
+		bottom: "h-[95vh]"
+	}
+};
 /** The sliding panel surface (portaled, with its overlay). Holds the header, body, and footer. */
-function SheetContent({ className, children, side = "right", showCloseButton = true, overlay = "default", ...props }) {
+function SheetContent({ className, children, side = "right", showCloseButton = true, overlay = "default", size = "default", ...props }) {
 	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, { className: sheetOverlayVariants[overlay] }), /* @__PURE__ */ jsxs(Dialog.Content, {
 		"data-slot": "sheet-content",
-		className: cn("bg-primary-bg data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 overflow-y-auto shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 rounded-l-8 sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 rounded-r-8 sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto rounded-b-8", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto rounded-t-8", className),
+		className: cn("bg-primary-bg data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 overflow-y-auto shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full rounded-l-8", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full rounded-r-8", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 rounded-b-8", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 rounded-t-8", sheetSizeVariants[size][side], className),
 		...props,
 		children: [children, showCloseButton && /* @__PURE__ */ jsxs(Dialog.Close, {
 			className: "absolute top-4 right-4 rounded-2 opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-focus focus-visible:ring-3 focus:outline-hidden disabled:pointer-events-none",
-			children: [/* @__PURE__ */ jsx(XIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			children: [/* @__PURE__ */ jsx(Icon, {
+				as: XIcon,
+				className: "size-4"
+			}), /* @__PURE__ */ jsx("span", {
 				className: "sr-only",
 				children: "Close"
 			})]

package/dist/primitives/Sheet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SheetPrimitive"],"sources":["../../../src/primitives/Sheet/Sheet.tsx"],"sourcesContent":["import { XIcon } from \"lucide-react\";\nimport { Dialog as SheetPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** Root provider for a slide-in panel (drawer). Wraps a `SheetTrigger` and `SheetContent`; controls open/closed state. */\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\n/** Element that opens the sheet when activated. Use `asChild` to wrap your own button. */\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\n/** Element that closes the sheet when activated. Use `asChild` to wrap your own button. */\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\n/** Portals the overlay and content out of the DOM tree to the document body. */\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\n/** Full-screen scrim rendered behind the sheet content. */\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Predefined scrim styles for the sheet overlay. Pass via `overlay`. */\nconst sheetOverlayVariants = {\n  default: \"bg-overlay-bg\",\n  dark: \"bg-black/50\",\n  glass: \"bg-glass-40-bg backdrop-blur-glass\",\n  none: \"bg-transparent\",\n} as const;\n\n/** The sliding panel surface (portaled, with its overlay). Holds the header, body, and footer. */\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  overlay = \"default\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  /** Edge the sheet slides in from. */\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  /** Whether to render the built-in top-right close (X) button. */\n  showCloseButton?: boolean;\n  /** Scrim style behind the sheet (e.g. `glass` for drawer patterns). */\n  overlay?: keyof typeof sheetOverlayVariants;\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay className={sheetOverlayVariants[overlay]} />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          // Figma: bg/primary panel with shadow-lg only (no border binding);\n          // radius-8 on the inward edge — the outer edge sits flush.\n          \"bg-primary-bg data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 overflow-y-auto shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          side === \"right\" &&\n            \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 rounded-l-8 sm:max-w-sm\",\n          side === \"left\" &&\n            \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 rounded-r-8 sm:max-w-sm\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto rounded-b-8\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto rounded-t-8\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close className=\"absolute top-4 right-4 rounded-2 opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-focus focus-visible:ring-3 focus:outline-hidden disabled:pointer-events-none\">\n            <XIcon className=\"size-4\" />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\n/** Top region of the sheet; typically holds the `SheetTitle` and `SheetDescription`. */\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"sheet-header\" className={cn(\"flex flex-col gap-2 p-6\", className)} {...props} />\n  );\n}\n\n/** Bottom region of the sheet, pinned to the base; typically holds action buttons. */\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        \"mt-auto flex flex-col-reverse gap-3 p-6 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Accessible title for the sheet, announced when it opens. */\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      // Figma: heading 4 (Outfit Regular 20/24). Bound to raw neutral/900 in\n      // Figma — we use content/primary (flag #13).\n      className={cn(\n        \"font-heading text-[length:var(--heading-4-font-size)] leading-[var(--heading-4-line-height)] font-normal text-primary-txt\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Accessible supporting text for the sheet, linked to the dialog for screen readers. */\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-txt text-sm leading-5\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;AAOA,SAAS,MAAM,EAAE,GAAG,SAA2D;CAC7E,OAAO,oBAACA,OAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAI;CAAQ,CAAA;AAC5D;;AAGA,SAAS,aAAa,EAAE,GAAG,SAA8D;CACvF,OAAO,oBAACA,OAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;;AAGA,SAAS,WAAW,EAAE,GAAG,SAA4D;CACnF,OAAO,oBAACA,OAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;CAAQ,CAAA;AACnE;;AAGA,SAAS,YAAY,EAAE,GAAG,SAA6D;CACrF,OAAO,oBAACA,OAAe,QAAhB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;;AAGA,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;CACtD,OACE,oBAACA,OAAe,SAAhB;EACE,aAAU;EACV,WAAW,GACT,8IACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,MAAM,uBAAuB;CAC3B,SAAS;CACT,MAAM;CACN,OAAO;CACP,MAAM;AACR;;AAGA,SAAS,aAAa,EACpB,WACA,UACA,OAAO,SACP,kBAAkB,MAClB,UAAU,WACV,GAAG,SAQF;CACD,OACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,cAAD,EAAc,WAAW,qBAAqB,SAAW,CAAA,GACzD,qBAACA,OAAe,SAAhB;EACE,aAAU;EACV,WAAW,GAGT,8NACA,SAAS,WACP,uIACF,SAAS,UACP,oIACF,SAAS,SACP,+GACF,SAAS,YACP,wHACF,SACF;EACA,GAAI;YAhBN,CAkBG,UACA,mBACC,qBAACA,OAAe,OAAhB;GAAsB,WAAU;aAAhC,CACE,oBAAC,OAAD,EAAO,WAAU,SAAU,CAAA,GAC3B,oBAAC,QAAD;IAAM,WAAU;cAAU;GAAW,CAAA,CACjB;IAEF;GACb,EAAA,CAAA;AAEjB;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,GAAG,2BAA2B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEnG;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,sEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,WAAW,EAAE,WAAW,GAAG,SAA4D;CAC9F,OACE,oBAACA,OAAe,OAAhB;EACE,aAAU;EAGV,WAAW,GACT,6HACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;CAC1D,OACE,oBAACA,OAAe,aAAhB;EACE,aAAU;EACV,WAAW,GAAG,oCAAoC,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index.js","names":["SheetPrimitive"],"sources":["../../../src/primitives/Sheet/Sheet.tsx"],"sourcesContent":["import { Icon } from \"@/primitives/Icon\";\nimport { XIcon } from \"lucide-react\";\nimport { Dialog as SheetPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** Root provider for a slide-in panel (drawer). Wraps a `SheetTrigger` and `SheetContent`; controls open/closed state. */\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\n/** Element that opens the sheet when activated. Use `asChild` to wrap your own button. */\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\n/** Element that closes the sheet when activated. Use `asChild` to wrap your own button. */\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\n/** Portals the overlay and content out of the DOM tree to the document body. */\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\n/** Full-screen scrim rendered behind the sheet content. */\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Predefined scrim styles for the sheet overlay. Pass via `overlay`. */\nconst sheetOverlayVariants = {\n  default: \"bg-overlay-bg\",\n  dark: \"bg-black/50\",\n  glass: \"bg-glass-40-bg backdrop-blur-glass\",\n  none: \"bg-transparent\",\n} as const;\n\nconst sheetSizeVariants = {\n  small: {\n    right: \"w-2/3 sm:max-w-xs\",\n    left: \"w-2/3 sm:max-w-xs\",\n    top: \"h-[40vh]\",\n    bottom: \"h-[40vh]\",\n  },\n  default: {\n    right: \"w-3/4 sm:max-w-sm\",\n    left: \"w-3/4 sm:max-w-sm\",\n    top: \"h-auto\",\n    bottom: \"h-auto\",\n  },\n  medium: {\n    right: \"w-4/5 sm:max-w-md\",\n    left: \"w-4/5 sm:max-w-md\",\n    top: \"h-[60vh]\",\n    bottom: \"h-[60vh]\",\n  },\n  large: {\n    right: \"w-11/12 sm:max-w-lg\",\n    left: \"w-11/12 sm:max-w-lg\",\n    top: \"h-[80vh]\",\n    bottom: \"h-[80vh]\",\n  },\n  extraLarge: {\n    right: \"w-[95vw] sm:max-w-2xl\",\n    left: \"w-[95vw] sm:max-w-2xl\",\n    top: \"h-[95vh]\",\n    bottom: \"h-[95vh]\",\n  },\n} as const;\n\n/** The sliding panel surface (portaled, with its overlay). Holds the header, body, and footer. */\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  overlay = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  /** Edge the sheet slides in from. */\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  /** Whether to render the built-in top-right close (X) button. */\n  showCloseButton?: boolean;\n  /** Scrim style behind the sheet (e.g. `glass` for drawer patterns). */\n  overlay?: keyof typeof sheetOverlayVariants;\n  /** Panel size. `default` matches the existing production sizing. */\n  size?: keyof typeof sheetSizeVariants;\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay className={sheetOverlayVariants[overlay]} />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          // Figma: bg/primary panel with shadow-lg only (no border binding);\n          // radius-8 on the inward edge — the outer edge sits flush.\n          \"bg-primary-bg data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 overflow-y-auto shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          side === \"right\" &&\n            \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full rounded-l-8\",\n          side === \"left\" &&\n            \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full rounded-r-8\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 rounded-b-8\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 rounded-t-8\",\n          sheetSizeVariants[size][side],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close className=\"absolute top-4 right-4 rounded-2 opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-focus focus-visible:ring-3 focus:outline-hidden disabled:pointer-events-none\">\n            <Icon as={XIcon} className=\"size-4\" />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\n/** Top region of the sheet; typically holds the `SheetTitle` and `SheetDescription`. */\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"sheet-header\" className={cn(\"flex flex-col gap-2 p-6\", className)} {...props} />\n  );\n}\n\n/** Bottom region of the sheet, pinned to the base; typically holds action buttons. */\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        \"mt-auto flex flex-col-reverse gap-3 p-6 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Accessible title for the sheet, announced when it opens. */\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      // Figma: heading 4 (Outfit Regular 20/24). Bound to raw neutral/900 in\n      // Figma — we use content/primary (flag #13).\n      className={cn(\n        \"font-heading text-[length:var(--heading-4-font-size)] leading-[var(--heading-4-line-height)] font-normal text-primary-txt\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Accessible supporting text for the sheet, linked to the dialog for screen readers. */\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-txt text-sm leading-5\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;AAQA,SAAS,MAAM,EAAE,GAAG,SAA2D;CAC7E,OAAO,oBAACA,OAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAI;CAAQ,CAAA;AAC5D;;AAGA,SAAS,aAAa,EAAE,GAAG,SAA8D;CACvF,OAAO,oBAACA,OAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;;AAGA,SAAS,WAAW,EAAE,GAAG,SAA4D;CACnF,OAAO,oBAACA,OAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;CAAQ,CAAA;AACnE;;AAGA,SAAS,YAAY,EAAE,GAAG,SAA6D;CACrF,OAAO,oBAACA,OAAe,QAAhB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;;AAGA,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;CACtD,OACE,oBAACA,OAAe,SAAhB;EACE,aAAU;EACV,WAAW,GACT,8IACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,MAAM,uBAAuB;CAC3B,SAAS;CACT,MAAM;CACN,OAAO;CACP,MAAM;AACR;AAEA,MAAM,oBAAoB;CACxB,OAAO;EACL,OAAO;EACP,MAAM;EACN,KAAK;EACL,QAAQ;CACV;CACA,SAAS;EACP,OAAO;EACP,MAAM;EACN,KAAK;EACL,QAAQ;CACV;CACA,QAAQ;EACN,OAAO;EACP,MAAM;EACN,KAAK;EACL,QAAQ;CACV;CACA,OAAO;EACL,OAAO;EACP,MAAM;EACN,KAAK;EACL,QAAQ;CACV;CACA,YAAY;EACV,OAAO;EACP,MAAM;EACN,KAAK;EACL,QAAQ;CACV;AACF;;AAGA,SAAS,aAAa,EACpB,WACA,UACA,OAAO,SACP,kBAAkB,MAClB,UAAU,WACV,OAAO,WACP,GAAG,SAUF;CACD,OACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,cAAD,EAAc,WAAW,qBAAqB,SAAW,CAAA,GACzD,qBAACA,OAAe,SAAhB;EACE,aAAU;EACV,WAAW,GAGT,8NACA,SAAS,WACP,qHACF,SAAS,UACP,kHACF,SAAS,SACP,wGACF,SAAS,YACP,iHACF,kBAAkB,MAAM,OACxB,SACF;EACA,GAAI;YAjBN,CAmBG,UACA,mBACC,qBAACA,OAAe,OAAhB;GAAsB,WAAU;aAAhC,CACE,oBAAC,MAAD;IAAM,IAAI;IAAO,WAAU;GAAU,CAAA,GACrC,oBAAC,QAAD;IAAM,WAAU;cAAU;GAAW,CAAA,CACjB;IAEF;GACb,EAAA,CAAA;AAEjB;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,GAAG,2BAA2B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEnG;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,sEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,WAAW,EAAE,WAAW,GAAG,SAA4D;CAC9F,OACE,oBAACA,OAAe,OAAhB;EACE,aAAU;EAGV,WAAW,GACT,6HACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;CAC1D,OACE,oBAACA,OAAe,aAAhB;EACE,aAAU;EACV,WAAW,GAAG,oCAAoC,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/Sidebar/index.d.cts

@@ -1,2 +1,2 @@
-import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../../index53.cjs";
+import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../../index57.cjs";
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/primitives/Sidebar/index.d.ts

@@ -1,2 +1,2 @@
-import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../../index53.js";
+import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../../index57.js";
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/primitives/Skeleton/index.d.cts

@@ -1,2 +1,2 @@
-import { i as SkeletonObject, n as SkeletonAvatar, r as SkeletonLine, t as Skeleton } from "../../index54.cjs";
+import { i as SkeletonObject, n as SkeletonAvatar, r as SkeletonLine, t as Skeleton } from "../../index58.cjs";
 export { Skeleton, SkeletonAvatar, SkeletonLine, SkeletonObject };

package/dist/primitives/Skeleton/index.d.ts

@@ -1,2 +1,2 @@
-import { i as SkeletonObject, n as SkeletonAvatar, r as SkeletonLine, t as Skeleton } from "../../index54.js";
+import { i as SkeletonObject, n as SkeletonAvatar, r as SkeletonLine, t as Skeleton } from "../../index58.js";
 export { Skeleton, SkeletonAvatar, SkeletonLine, SkeletonObject };

package/dist/primitives/Slider/index.cjs

@@ -3,8 +3,8 @@ const require_chunk = require("../../chunk.cjs");
 const require_cn = require("../../cn.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react);
-let radix_ui = require("radix-ui");
 let react_jsx_runtime = require("react/jsx-runtime");
+let radix_ui = require("radix-ui");
 //#region src/primitives/Slider/Slider.tsx
 /**
 * A range input built on Radix Slider. Renders one thumb per value, so passing a

package/dist/primitives/Slider/index.d.cts

@@ -1,2 +1,2 @@
-import { t as Slider } from "../../index55.cjs";
+import { t as Slider } from "../../index59.cjs";
 export { Slider };

package/dist/primitives/Slider/index.d.ts

@@ -1,2 +1,2 @@
-import { t as Slider } from "../../index55.js";
+import { t as Slider } from "../../index59.js";
 export { Slider };

package/dist/primitives/Slider/index.js

@@ -1,7 +1,7 @@
 import { t as cn } from "../../cn.js";
 import * as React from "react";
-import { Slider as Slider$1 } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Slider as Slider$1 } from "radix-ui";
 //#region src/primitives/Slider/Slider.tsx
 /**
 * A range input built on Radix Slider. Renders one thumb per value, so passing a

package/dist/primitives/Sonner/index.cjs

@@ -1,6 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-let lucide_react = require("lucide-react");
+const require_Icon = require("../../Icon.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
 let sonner = require("sonner");
 //#region src/primitives/Sonner/Sonner.tsx
 /**
@@ -29,11 +30,26 @@ const Toaster = ({ theme = "system", position = "top-center", closeButton = true
 			cancelButton: "!min-h-6 !rounded-8 !bg-ghost-bg !px-4 !py-0.75 !text-xs !leading-4 !text-primary-txt"
 		} },
 		icons: {
-			success: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CircleCheckIcon, { className: "size-4" }),
-			info: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.InfoIcon, { className: "size-4" }),
-			warning: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.TriangleAlertIcon, { className: "size-4" }),
-			error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.OctagonXIcon, { className: "size-4" }),
-			loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2Icon, { className: "size-4 animate-spin" })
+			success: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				as: lucide_react.CircleCheckIcon,
+				className: "size-4"
+			}),
+			info: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				as: lucide_react.InfoIcon,
+				className: "size-4"
+			}),
+			warning: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				as: lucide_react.TriangleAlertIcon,
+				className: "size-4"
+			}),
+			error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				as: lucide_react.OctagonXIcon,
+				className: "size-4"
+			}),
+			loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				as: lucide_react.Loader2Icon,
+				className: "size-4 animate-spin"
+			})
 		},
 		style: {
 			"--normal-bg": "var(--glass-none-bg)",

package/dist/primitives/Sonner/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["Sonner","CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","Loader2Icon"],"sources":["../../../src/primitives/Sonner/Sonner.tsx"],"sourcesContent":["import {\n  CircleCheckIcon,\n  InfoIcon,\n  Loader2Icon,\n  OctagonXIcon,\n  TriangleAlertIcon,\n} from \"lucide-react\";\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\n\n/**\n * Toaster wired to the design-system tokens.\n *\n * Theme is accepted as a prop (default \"system\") instead of being read from\n * `next-themes`, so the DS does not couple to any particular theme provider —\n * consuming apps pass their resolved theme explicitly.\n *\n * Per-severity colors are applied through `data-[type=…]` classes on the toast,\n * so `toast.error/success/warning/info(...)` adopt the tokenized palette and\n * react to light/dark + brand switching. Severity icons are provided here.\n */\nconst Toaster = ({\n  /** Resolved color scheme for the toasts; pass your app's theme explicitly. */\n  theme = \"system\",\n  /** Screen corner/edge where toasts are anchored. */\n  position = \"top-center\",\n  /** Whether each toast renders a dismiss (close) button. */\n  closeButton = true,\n  ...props\n}: ToasterProps) => {\n  return (\n    <Sonner\n      theme={theme}\n      position={position}\n      closeButton={closeButton}\n      richColors\n      className=\"toaster group\"\n      // Figma Sonner card (node 139:11359): glass-none surface, primary border,\n      // rounded-10, p-4, shadow-sm; 14/20 medium title, muted description;\n      // actions are secondary-mini chips.\n      // Severity toasts follow the InfoBanner treatment (bg-X-bg / text-X-txt):\n      // the data-[type=…] variants out-specify the neutral base so richColors\n      // severities keep their tokenized palette.\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group/toast !rounded-10 !border-primary-border !bg-glass-none-bg !p-4 !shadow-sm !gap-3 !text-primary-txt data-[type=info]:!bg-info-bg data-[type=info]:!border-info-border data-[type=info]:!text-info-txt data-[type=success]:!bg-success-bg data-[type=success]:!border-success-border data-[type=success]:!text-success-txt data-[type=warning]:!bg-warning-bg data-[type=warning]:!border-warning-border data-[type=warning]:!text-warning-txt data-[type=error]:!bg-danger-bg data-[type=error]:!border-danger-border data-[type=error]:!text-danger-txt\",\n          title: \"!text-sm !leading-5 !font-medium !text-current\",\n          description:\n            \"!text-sm !leading-5 !font-normal !text-muted-txt group-data-[type=info]/toast:!text-info-txt group-data-[type=success]/toast:!text-success-txt group-data-[type=warning]/toast:!text-warning-txt group-data-[type=error]/toast:!text-danger-txt\",\n          actionButton:\n            \"!min-h-6 !rounded-8 !bg-secondary-bg !px-4 !py-0.75 !text-xs !leading-4 !text-primary-txt\",\n          cancelButton:\n            \"!min-h-6 !rounded-8 !bg-ghost-bg !px-4 !py-0.75 !text-xs !leading-4 !text-primary-txt\",\n        },\n      }}\n      icons={{\n        success: <CircleCheckIcon className=\"size-4\" />,\n        info: <InfoIcon className=\"size-4\" />,\n        warning: <TriangleAlertIcon className=\"size-4\" />,\n        error: <OctagonXIcon className=\"size-4\" />,\n        loading: <Loader2Icon className=\"size-4 animate-spin\" />,\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--glass-none-bg)\",\n          \"--normal-text\": \"var(--primary-txt)\",\n          \"--normal-border\": \"var(--primary-border)\",\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"],"mappings":";;;;;;;;;;;;;;;;AAoBA,MAAM,WAAW,EAEf,QAAQ,UAER,WAAW,cAEX,cAAc,MACd,GAAG,YACe;CAClB,OACE,iBAAA,GAAA,kBAAA,KAACA,OAAAA,SAAD;EACS;EACG;EACG;EACb,YAAA;EACA,WAAU;EAOV,cAAc,EACZ,YAAY;GACV,OACE;GACF,OAAO;GACP,aACE;GACF,cACE;GACF,cACE;EACJ,EACF;EACA,OAAO;GACL,SAAS,iBAAA,GAAA,kBAAA,KAACC,aAAAA,iBAAD,EAAiB,WAAU,SAAU,CAAA;GAC9C,MAAM,iBAAA,GAAA,kBAAA,KAACC,aAAAA,UAAD,EAAU,WAAU,SAAU,CAAA;GACpC,SAAS,iBAAA,GAAA,kBAAA,KAACC,aAAAA,mBAAD,EAAmB,WAAU,SAAU,CAAA;GAChD,OAAO,iBAAA,GAAA,kBAAA,KAACC,aAAAA,cAAD,EAAc,WAAU,SAAU,CAAA;GACzC,SAAS,iBAAA,GAAA,kBAAA,KAACC,aAAAA,aAAD,EAAa,WAAU,sBAAuB,CAAA;EACzD;EACA,OACE;GACE,eAAe;GACf,iBAAiB;GACjB,mBAAmB;EACrB;EAEF,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index.cjs","names":["Sonner","Icon","CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","Loader2Icon"],"sources":["../../../src/primitives/Sonner/Sonner.tsx"],"sourcesContent":["import { Icon } from \"@/primitives/Icon\";\nimport {\n  CircleCheckIcon,\n  InfoIcon,\n  Loader2Icon,\n  OctagonXIcon,\n  TriangleAlertIcon,\n} from \"lucide-react\";\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\n\n/**\n * Toaster wired to the design-system tokens.\n *\n * Theme is accepted as a prop (default \"system\") instead of being read from\n * `next-themes`, so the DS does not couple to any particular theme provider —\n * consuming apps pass their resolved theme explicitly.\n *\n * Per-severity colors are applied through `data-[type=…]` classes on the toast,\n * so `toast.error/success/warning/info(...)` adopt the tokenized palette and\n * react to light/dark + brand switching. Severity icons are provided here.\n */\nconst Toaster = ({\n  /** Resolved color scheme for the toasts; pass your app's theme explicitly. */\n  theme = \"system\",\n  /** Screen corner/edge where toasts are anchored. */\n  position = \"top-center\",\n  /** Whether each toast renders a dismiss (close) button. */\n  closeButton = true,\n  ...props\n}: ToasterProps) => {\n  return (\n    <Sonner\n      theme={theme}\n      position={position}\n      closeButton={closeButton}\n      richColors\n      className=\"toaster group\"\n      // Figma Sonner card (node 139:11359): glass-none surface, primary border,\n      // rounded-10, p-4, shadow-sm; 14/20 medium title, muted description;\n      // actions are secondary-mini chips.\n      // Severity toasts follow the InfoBanner treatment (bg-X-bg / text-X-txt):\n      // the data-[type=…] variants out-specify the neutral base so richColors\n      // severities keep their tokenized palette.\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group/toast !rounded-10 !border-primary-border !bg-glass-none-bg !p-4 !shadow-sm !gap-3 !text-primary-txt data-[type=info]:!bg-info-bg data-[type=info]:!border-info-border data-[type=info]:!text-info-txt data-[type=success]:!bg-success-bg data-[type=success]:!border-success-border data-[type=success]:!text-success-txt data-[type=warning]:!bg-warning-bg data-[type=warning]:!border-warning-border data-[type=warning]:!text-warning-txt data-[type=error]:!bg-danger-bg data-[type=error]:!border-danger-border data-[type=error]:!text-danger-txt\",\n          title: \"!text-sm !leading-5 !font-medium !text-current\",\n          description:\n            \"!text-sm !leading-5 !font-normal !text-muted-txt group-data-[type=info]/toast:!text-info-txt group-data-[type=success]/toast:!text-success-txt group-data-[type=warning]/toast:!text-warning-txt group-data-[type=error]/toast:!text-danger-txt\",\n          actionButton:\n            \"!min-h-6 !rounded-8 !bg-secondary-bg !px-4 !py-0.75 !text-xs !leading-4 !text-primary-txt\",\n          cancelButton:\n            \"!min-h-6 !rounded-8 !bg-ghost-bg !px-4 !py-0.75 !text-xs !leading-4 !text-primary-txt\",\n        },\n      }}\n      icons={{\n        success: <Icon as={CircleCheckIcon} className=\"size-4\" />,\n        info: <Icon as={InfoIcon} className=\"size-4\" />,\n        warning: <Icon as={TriangleAlertIcon} className=\"size-4\" />,\n        error: <Icon as={OctagonXIcon} className=\"size-4\" />,\n        loading: <Icon as={Loader2Icon} className=\"size-4 animate-spin\" />,\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--glass-none-bg)\",\n          \"--normal-text\": \"var(--primary-txt)\",\n          \"--normal-border\": \"var(--primary-border)\",\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAM,WAAW,EAEf,QAAQ,UAER,WAAW,cAEX,cAAc,MACd,GAAG,YACe;CAClB,OACE,iBAAA,GAAA,kBAAA,KAACA,OAAAA,SAAD;EACS;EACG;EACG;EACb,YAAA;EACA,WAAU;EAOV,cAAc,EACZ,YAAY;GACV,OACE;GACF,OAAO;GACP,aACE;GACF,cACE;GACF,cACE;EACJ,EACF;EACA,OAAO;GACL,SAAS,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;IAAM,IAAIC,aAAAA;IAAiB,WAAU;GAAU,CAAA;GACxD,MAAM,iBAAA,GAAA,kBAAA,KAACD,aAAAA,MAAD;IAAM,IAAIE,aAAAA;IAAU,WAAU;GAAU,CAAA;GAC9C,SAAS,iBAAA,GAAA,kBAAA,KAACF,aAAAA,MAAD;IAAM,IAAIG,aAAAA;IAAmB,WAAU;GAAU,CAAA;GAC1D,OAAO,iBAAA,GAAA,kBAAA,KAACH,aAAAA,MAAD;IAAM,IAAII,aAAAA;IAAc,WAAU;GAAU,CAAA;GACnD,SAAS,iBAAA,GAAA,kBAAA,KAACJ,aAAAA,MAAD;IAAM,IAAIK,aAAAA;IAAa,WAAU;GAAuB,CAAA;EACnE;EACA,OACE;GACE,eAAe;GACf,iBAAiB;GACjB,mBAAmB;EACrB;EAEF,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/Sonner/index.d.cts

@@ -1,2 +1,2 @@
-import { t as Toaster } from "../../index56.cjs";
+import { t as Toaster } from "../../index60.cjs";
 export { Toaster };

package/dist/primitives/Sonner/index.d.ts

@@ -1,2 +1,2 @@
-import { t as Toaster } from "../../index56.js";
+import { t as Toaster } from "../../index60.js";
 export { Toaster };

package/dist/primitives/Sonner/index.js

@@ -1,5 +1,6 @@
-import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon } from "lucide-react";
+import { t as Icon } from "../../Icon.js";
 import { jsx } from "react/jsx-runtime";
+import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon } from "lucide-react";
 import { Toaster as Toaster$1 } from "sonner";
 //#region src/primitives/Sonner/Sonner.tsx
 /**
@@ -28,11 +29,26 @@ const Toaster = ({ theme = "system", position = "top-center", closeButton = true
 			cancelButton: "!min-h-6 !rounded-8 !bg-ghost-bg !px-4 !py-0.75 !text-xs !leading-4 !text-primary-txt"
 		} },
 		icons: {
-			success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
-			info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
-			warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
-			error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
-			loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" })
+			success: /* @__PURE__ */ jsx(Icon, {
+				as: CircleCheckIcon,
+				className: "size-4"
+			}),
+			info: /* @__PURE__ */ jsx(Icon, {
+				as: InfoIcon,
+				className: "size-4"
+			}),
+			warning: /* @__PURE__ */ jsx(Icon, {
+				as: TriangleAlertIcon,
+				className: "size-4"
+			}),
+			error: /* @__PURE__ */ jsx(Icon, {
+				as: OctagonXIcon,
+				className: "size-4"
+			}),
+			loading: /* @__PURE__ */ jsx(Icon, {
+				as: Loader2Icon,
+				className: "size-4 animate-spin"
+			})
 		},
 		style: {
 			"--normal-bg": "var(--glass-none-bg)",

package/dist/primitives/Sonner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Sonner"],"sources":["../../../src/primitives/Sonner/Sonner.tsx"],"sourcesContent":["import {\n  CircleCheckIcon,\n  InfoIcon,\n  Loader2Icon,\n  OctagonXIcon,\n  TriangleAlertIcon,\n} from \"lucide-react\";\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\n\n/**\n * Toaster wired to the design-system tokens.\n *\n * Theme is accepted as a prop (default \"system\") instead of being read from\n * `next-themes`, so the DS does not couple to any particular theme provider —\n * consuming apps pass their resolved theme explicitly.\n *\n * Per-severity colors are applied through `data-[type=…]` classes on the toast,\n * so `toast.error/success/warning/info(...)` adopt the tokenized palette and\n * react to light/dark + brand switching. Severity icons are provided here.\n */\nconst Toaster = ({\n  /** Resolved color scheme for the toasts; pass your app's theme explicitly. */\n  theme = \"system\",\n  /** Screen corner/edge where toasts are anchored. */\n  position = \"top-center\",\n  /** Whether each toast renders a dismiss (close) button. */\n  closeButton = true,\n  ...props\n}: ToasterProps) => {\n  return (\n    <Sonner\n      theme={theme}\n      position={position}\n      closeButton={closeButton}\n      richColors\n      className=\"toaster group\"\n      // Figma Sonner card (node 139:11359): glass-none surface, primary border,\n      // rounded-10, p-4, shadow-sm; 14/20 medium title, muted description;\n      // actions are secondary-mini chips.\n      // Severity toasts follow the InfoBanner treatment (bg-X-bg / text-X-txt):\n      // the data-[type=…] variants out-specify the neutral base so richColors\n      // severities keep their tokenized palette.\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group/toast !rounded-10 !border-primary-border !bg-glass-none-bg !p-4 !shadow-sm !gap-3 !text-primary-txt data-[type=info]:!bg-info-bg data-[type=info]:!border-info-border data-[type=info]:!text-info-txt data-[type=success]:!bg-success-bg data-[type=success]:!border-success-border data-[type=success]:!text-success-txt data-[type=warning]:!bg-warning-bg data-[type=warning]:!border-warning-border data-[type=warning]:!text-warning-txt data-[type=error]:!bg-danger-bg data-[type=error]:!border-danger-border data-[type=error]:!text-danger-txt\",\n          title: \"!text-sm !leading-5 !font-medium !text-current\",\n          description:\n            \"!text-sm !leading-5 !font-normal !text-muted-txt group-data-[type=info]/toast:!text-info-txt group-data-[type=success]/toast:!text-success-txt group-data-[type=warning]/toast:!text-warning-txt group-data-[type=error]/toast:!text-danger-txt\",\n          actionButton:\n            \"!min-h-6 !rounded-8 !bg-secondary-bg !px-4 !py-0.75 !text-xs !leading-4 !text-primary-txt\",\n          cancelButton:\n            \"!min-h-6 !rounded-8 !bg-ghost-bg !px-4 !py-0.75 !text-xs !leading-4 !text-primary-txt\",\n        },\n      }}\n      icons={{\n        success: <CircleCheckIcon className=\"size-4\" />,\n        info: <InfoIcon className=\"size-4\" />,\n        warning: <TriangleAlertIcon className=\"size-4\" />,\n        error: <OctagonXIcon className=\"size-4\" />,\n        loading: <Loader2Icon className=\"size-4 animate-spin\" />,\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--glass-none-bg)\",\n          \"--normal-text\": \"var(--primary-txt)\",\n          \"--normal-border\": \"var(--primary-border)\",\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAM,WAAW,EAEf,QAAQ,UAER,WAAW,cAEX,cAAc,MACd,GAAG,YACe;CAClB,OACE,oBAACA,WAAD;EACS;EACG;EACG;EACb,YAAA;EACA,WAAU;EAOV,cAAc,EACZ,YAAY;GACV,OACE;GACF,OAAO;GACP,aACE;GACF,cACE;GACF,cACE;EACJ,EACF;EACA,OAAO;GACL,SAAS,oBAAC,iBAAD,EAAiB,WAAU,SAAU,CAAA;GAC9C,MAAM,oBAAC,UAAD,EAAU,WAAU,SAAU,CAAA;GACpC,SAAS,oBAAC,mBAAD,EAAmB,WAAU,SAAU,CAAA;GAChD,OAAO,oBAAC,cAAD,EAAc,WAAU,SAAU,CAAA;GACzC,SAAS,oBAAC,aAAD,EAAa,WAAU,sBAAuB,CAAA;EACzD;EACA,OACE;GACE,eAAe;GACf,iBAAiB;GACjB,mBAAmB;EACrB;EAEF,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index.js","names":["Sonner"],"sources":["../../../src/primitives/Sonner/Sonner.tsx"],"sourcesContent":["import { Icon } from \"@/primitives/Icon\";\nimport {\n  CircleCheckIcon,\n  InfoIcon,\n  Loader2Icon,\n  OctagonXIcon,\n  TriangleAlertIcon,\n} from \"lucide-react\";\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\n\n/**\n * Toaster wired to the design-system tokens.\n *\n * Theme is accepted as a prop (default \"system\") instead of being read from\n * `next-themes`, so the DS does not couple to any particular theme provider —\n * consuming apps pass their resolved theme explicitly.\n *\n * Per-severity colors are applied through `data-[type=…]` classes on the toast,\n * so `toast.error/success/warning/info(...)` adopt the tokenized palette and\n * react to light/dark + brand switching. Severity icons are provided here.\n */\nconst Toaster = ({\n  /** Resolved color scheme for the toasts; pass your app's theme explicitly. */\n  theme = \"system\",\n  /** Screen corner/edge where toasts are anchored. */\n  position = \"top-center\",\n  /** Whether each toast renders a dismiss (close) button. */\n  closeButton = true,\n  ...props\n}: ToasterProps) => {\n  return (\n    <Sonner\n      theme={theme}\n      position={position}\n      closeButton={closeButton}\n      richColors\n      className=\"toaster group\"\n      // Figma Sonner card (node 139:11359): glass-none surface, primary border,\n      // rounded-10, p-4, shadow-sm; 14/20 medium title, muted description;\n      // actions are secondary-mini chips.\n      // Severity toasts follow the InfoBanner treatment (bg-X-bg / text-X-txt):\n      // the data-[type=…] variants out-specify the neutral base so richColors\n      // severities keep their tokenized palette.\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group/toast !rounded-10 !border-primary-border !bg-glass-none-bg !p-4 !shadow-sm !gap-3 !text-primary-txt data-[type=info]:!bg-info-bg data-[type=info]:!border-info-border data-[type=info]:!text-info-txt data-[type=success]:!bg-success-bg data-[type=success]:!border-success-border data-[type=success]:!text-success-txt data-[type=warning]:!bg-warning-bg data-[type=warning]:!border-warning-border data-[type=warning]:!text-warning-txt data-[type=error]:!bg-danger-bg data-[type=error]:!border-danger-border data-[type=error]:!text-danger-txt\",\n          title: \"!text-sm !leading-5 !font-medium !text-current\",\n          description:\n            \"!text-sm !leading-5 !font-normal !text-muted-txt group-data-[type=info]/toast:!text-info-txt group-data-[type=success]/toast:!text-success-txt group-data-[type=warning]/toast:!text-warning-txt group-data-[type=error]/toast:!text-danger-txt\",\n          actionButton:\n            \"!min-h-6 !rounded-8 !bg-secondary-bg !px-4 !py-0.75 !text-xs !leading-4 !text-primary-txt\",\n          cancelButton:\n            \"!min-h-6 !rounded-8 !bg-ghost-bg !px-4 !py-0.75 !text-xs !leading-4 !text-primary-txt\",\n        },\n      }}\n      icons={{\n        success: <Icon as={CircleCheckIcon} className=\"size-4\" />,\n        info: <Icon as={InfoIcon} className=\"size-4\" />,\n        warning: <Icon as={TriangleAlertIcon} className=\"size-4\" />,\n        error: <Icon as={OctagonXIcon} className=\"size-4\" />,\n        loading: <Icon as={Loader2Icon} className=\"size-4 animate-spin\" />,\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--glass-none-bg)\",\n          \"--normal-text\": \"var(--primary-txt)\",\n          \"--normal-border\": \"var(--primary-border)\",\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,MAAM,WAAW,EAEf,QAAQ,UAER,WAAW,cAEX,cAAc,MACd,GAAG,YACe;CAClB,OACE,oBAACA,WAAD;EACS;EACG;EACG;EACb,YAAA;EACA,WAAU;EAOV,cAAc,EACZ,YAAY;GACV,OACE;GACF,OAAO;GACP,aACE;GACF,cACE;GACF,cACE;EACJ,EACF;EACA,OAAO;GACL,SAAS,oBAAC,MAAD;IAAM,IAAI;IAAiB,WAAU;GAAU,CAAA;GACxD,MAAM,oBAAC,MAAD;IAAM,IAAI;IAAU,WAAU;GAAU,CAAA;GAC9C,SAAS,oBAAC,MAAD;IAAM,IAAI;IAAmB,WAAU;GAAU,CAAA;GAC1D,OAAO,oBAAC,MAAD;IAAM,IAAI;IAAc,WAAU;GAAU,CAAA;GACnD,SAAS,oBAAC,MAAD;IAAM,IAAI;IAAa,WAAU;GAAuB,CAAA;EACnE;EACA,OACE;GACE,eAAe;GACf,iBAAiB;GACjB,mBAAmB;EACrB;EAEF,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/Spinner/index.cjs

@@ -1,11 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_cn = require("../../cn.cjs");
-let lucide_react = require("lucide-react");
+const require_Icon = require("../../Icon.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
 //#region src/primitives/Spinner/Spinner.tsx
 /** An animated loading indicator; size and colour are controlled via `className`. */
 function Spinner({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2Icon, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+		as: lucide_react.Loader2Icon,
 		role: "status",
 		"aria-label": "Loading",
 		"data-slot": "spinner",

package/dist/primitives/Spinner/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["Loader2Icon","cn"],"sources":["../../../src/primitives/Spinner/Spinner.tsx"],"sourcesContent":["import { Loader2Icon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** An animated loading indicator; size and colour are controlled via `className`. */\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <Loader2Icon\n      role=\"status\"\n      aria-label=\"Loading\"\n      data-slot=\"spinner\"\n      className={cn(\"size-4 animate-spin\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Spinner };\n"],"mappings":";;;;;;AAMA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAsC;CACrE,OACE,iBAAA,GAAA,kBAAA,KAACA,aAAAA,aAAD;EACE,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAWC,WAAAA,GAAG,uBAAuB,SAAS;EAC9C,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index.cjs","names":["Icon","Loader2Icon","cn"],"sources":["../../../src/primitives/Spinner/Spinner.tsx"],"sourcesContent":["import { Icon } from \"@/primitives/Icon\";\nimport { Loader2Icon, type LucideProps } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** An animated loading indicator; size and colour are controlled via `className`. */\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <Icon\n      as={Loader2Icon}\n      role=\"status\"\n      aria-label=\"Loading\"\n      data-slot=\"spinner\"\n      className={cn(\"size-4 animate-spin\", className)}\n      // svg's legacy `color`/`size`/`fill` attrs collide with Icon's variant props at\n      // the type level only — runtime passthrough is unchanged.\n      {...(props as Omit<LucideProps, \"color\" | \"size\" | \"fill\">)}\n    />\n  );\n}\n\nexport { Spinner };\n"],"mappings":";;;;;;;AAOA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAsC;CACrE,OACE,iBAAA,GAAA,kBAAA,KAACA,aAAAA,MAAD;EACE,IAAIC,aAAAA;EACJ,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAWC,WAAAA,GAAG,uBAAuB,SAAS;EAG9C,GAAK;CACN,CAAA;AAEL"}

package/dist/primitives/Spinner/index.d.cts

@@ -1,2 +1,2 @@
-import { t as Spinner } from "../../index57.cjs";
+import { t as Spinner } from "../../index61.cjs";
 export { Spinner };

package/dist/primitives/Spinner/index.d.ts

@@ -1,2 +1,2 @@
-import { t as Spinner } from "../../index57.js";
+import { t as Spinner } from "../../index61.js";
 export { Spinner };

package/dist/primitives/Spinner/index.js

@@ -1,10 +1,12 @@
 import { t as cn } from "../../cn.js";
-import { Loader2Icon } from "lucide-react";
+import { t as Icon } from "../../Icon.js";
 import { jsx } from "react/jsx-runtime";
+import { Loader2Icon } from "lucide-react";
 //#region src/primitives/Spinner/Spinner.tsx
 /** An animated loading indicator; size and colour are controlled via `className`. */
 function Spinner({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Loader2Icon, {
+	return /* @__PURE__ */ jsx(Icon, {
+		as: Loader2Icon,
 		role: "status",
 		"aria-label": "Loading",
 		"data-slot": "spinner",

package/dist/primitives/Spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/Spinner/Spinner.tsx"],"sourcesContent":["import { Loader2Icon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** An animated loading indicator; size and colour are controlled via `className`. */\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <Loader2Icon\n      role=\"status\"\n      aria-label=\"Loading\"\n      data-slot=\"spinner\"\n      className={cn(\"size-4 animate-spin\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Spinner };\n"],"mappings":";;;;;AAMA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAsC;CACrE,OACE,oBAAC,aAAD;EACE,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,GAAG,uBAAuB,SAAS;EAC9C,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/Spinner/Spinner.tsx"],"sourcesContent":["import { Icon } from \"@/primitives/Icon\";\nimport { Loader2Icon, type LucideProps } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** An animated loading indicator; size and colour are controlled via `className`. */\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <Icon\n      as={Loader2Icon}\n      role=\"status\"\n      aria-label=\"Loading\"\n      data-slot=\"spinner\"\n      className={cn(\"size-4 animate-spin\", className)}\n      // svg's legacy `color`/`size`/`fill` attrs collide with Icon's variant props at\n      // the type level only — runtime passthrough is unchanged.\n      {...(props as Omit<LucideProps, \"color\" | \"size\" | \"fill\">)}\n    />\n  );\n}\n\nexport { Spinner };\n"],"mappings":";;;;;;AAOA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAsC;CACrE,OACE,oBAAC,MAAD;EACE,IAAI;EACJ,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,GAAG,uBAAuB,SAAS;EAG9C,GAAK;CACN,CAAA;AAEL"}

package/dist/primitives/Switch/index.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_cn = require("../../cn.cjs");
 let react = require("react");
-let radix_ui = require("radix-ui");
 let react_jsx_runtime = require("react/jsx-runtime");
+let radix_ui = require("radix-ui");
 //#region src/primitives/Switch/Switch.tsx
 /** A toggle control for switching a single setting on or off. */
 function Switch({ className, size = "default", ...props }) {

package/dist/primitives/Switch/index.d.cts

@@ -1,2 +1,2 @@
-import { n as Switch, r as SwitchGroup, t as RichSwitchGroup } from "../../index58.cjs";
+import { n as Switch, r as SwitchGroup, t as RichSwitchGroup } from "../../index62.cjs";
 export { RichSwitchGroup, Switch, SwitchGroup };

package/dist/primitives/Switch/index.d.ts

@@ -1,2 +1,2 @@
-import { n as Switch, r as SwitchGroup, t as RichSwitchGroup } from "../../index58.js";
+import { n as Switch, r as SwitchGroup, t as RichSwitchGroup } from "../../index62.js";
 export { RichSwitchGroup, Switch, SwitchGroup };

package/dist/primitives/Switch/index.js

@@ -1,7 +1,7 @@
 import { t as cn } from "../../cn.js";
 import { useId } from "react";
-import { Switch as Switch$1 } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Switch as Switch$1 } from "radix-ui";
 //#region src/primitives/Switch/Switch.tsx
 /** A toggle control for switching a single setting on or off. */
 function Switch({ className, size = "default", ...props }) {

package/dist/primitives/Table/index.d.cts

@@ -1,2 +1,2 @@
-import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../../index59.cjs";
+import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../../index63.cjs";
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/primitives/Table/index.d.ts

@@ -1,2 +1,2 @@
-import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../../index59.js";
+import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../../index63.js";
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/primitives/Tabs/index.cjs

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("../../chunk.cjs");
 const require_cn = require("../../cn.cjs");
+let class_variance_authority = require("class-variance-authority");
 let react = require("react");
 react = require_chunk.__toESM(react);
-let radix_ui = require("radix-ui");
 let react_jsx_runtime = require("react/jsx-runtime");
-let class_variance_authority = require("class-variance-authority");
+let radix_ui = require("radix-ui");
 //#region src/primitives/Tabs/Tabs.tsx
 const TabsContext = react.createContext({
 	variant: "pill",

package/dist/primitives/Tabs/index.d.cts

@@ -1,2 +1,2 @@
-import { a as TabsTrigger, i as TabsList, n as TabsContent, o as tabsListVariants, r as TabsCounter, s as tabsTriggerVariants, t as Tabs } from "../../index60.cjs";
+import { a as TabsTrigger, i as TabsList, n as TabsContent, o as tabsListVariants, r as TabsCounter, s as tabsTriggerVariants, t as Tabs } from "../../index64.cjs";
 export { Tabs, TabsContent, TabsCounter, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };

package/dist/primitives/Tabs/index.d.ts

@@ -1,2 +1,2 @@
-import { a as TabsTrigger, i as TabsList, n as TabsContent, o as tabsListVariants, r as TabsCounter, s as tabsTriggerVariants, t as Tabs } from "../../index60.js";
+import { a as TabsTrigger, i as TabsList, n as TabsContent, o as tabsListVariants, r as TabsCounter, s as tabsTriggerVariants, t as Tabs } from "../../index64.js";
 export { Tabs, TabsContent, TabsCounter, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };

package/dist/primitives/Tabs/index.js

@@ -1,8 +1,8 @@
 import { t as cn } from "../../cn.js";
+import { cva } from "class-variance-authority";
 import * as React from "react";
-import { Tabs as Tabs$1 } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
+import { Tabs as Tabs$1 } from "radix-ui";
 //#region src/primitives/Tabs/Tabs.tsx
 const TabsContext = React.createContext({
 	variant: "pill",

package/dist/primitives/Text/index.cjs

@@ -1,8 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_cn = require("../../cn.cjs");
+let class_variance_authority = require("class-variance-authority");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/primitives/Text/Text.tsx
-const textVariants = (0, require("class-variance-authority").cva)("", {
+const textVariants = (0, class_variance_authority.cva)("", {
 	variants: {
 		size: {
 			large: "text-[length:var(--paragraph-large-font-size)] leading-[var(--paragraph-large-line-height)]",

package/dist/primitives/Text/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["cn"],"sources":["../../../src/primitives/Text/Text.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// Text — the typography primitive. Renders any element via `as` and drives\n// size/line-height from the design-system BODY type scale (Inter): the Figma\n// \"paragraph large/regular/small/mini\" + caption steps (tokens in\n// styles/tokens/typography.css). Inline links compose as children.\nconst textVariants = cva(\"\", {\n  variants: {\n    // Body scale — font-size + line-height come straight from the type tokens.\n    size: {\n      large:\n        \"text-[length:var(--paragraph-large-font-size)] leading-[var(--paragraph-large-line-height)]\",\n      regular:\n        \"text-[length:var(--paragraph-regular-font-size)] leading-[var(--paragraph-regular-line-height)]\",\n      small:\n        \"text-[length:var(--paragraph-small-font-size)] leading-[var(--paragraph-small-line-height)]\",\n      mini: \"text-[length:var(--paragraph-mini-font-size)] leading-[var(--paragraph-mini-line-height)]\",\n      caption:\n        \"text-[length:var(--caption-font-size)] leading-[var(--caption-line-height)] tracking-[var(--caption-letter-spacing)] uppercase\",\n    },\n    weight: {\n      normal: \"font-normal\",\n      medium: \"font-medium\",\n      semibold: \"font-semibold\",\n    },\n    variant: {\n      default: \"text-primary-txt\",\n      muted: \"text-muted-txt\",\n      primary: \"text-primary-txt\",\n      destructive: \"text-danger-txt\",\n      success: \"text-success-txt\",\n    },\n    font: {\n      body: \"font-sans\",\n      heading: \"font-heading\",\n      mono: \"font-mono\",\n    },\n    align: {\n      left: \"text-left\",\n      center: \"text-center\",\n      right: \"text-right\",\n    },\n    truncate: {\n      true: \"truncate\",\n    },\n  },\n  defaultVariants: {\n    size: \"regular\",\n    weight: \"normal\",\n    variant: \"default\",\n    font: \"body\",\n  },\n});\n\ntype TextProps = Omit<React.ComponentProps<\"p\">, \"color\"> &\n  VariantProps<typeof textVariants> & {\n    /** Element/component to render. Defaults to `p`. */\n    as?: React.ElementType;\n    /** Body type-scale step (font-size + line-height). Defaults to `regular`. */\n    size?: VariantProps<typeof textVariants>[\"size\"];\n    /** Font weight. Defaults to `normal`. */\n    weight?: VariantProps<typeof textVariants>[\"weight\"];\n    /** Foreground colour token. Defaults to `default` (text-primary-txt). */\n    variant?: VariantProps<typeof textVariants>[\"variant\"];\n    /** Font family. Defaults to `body` (sans). */\n    font?: VariantProps<typeof textVariants>[\"font\"];\n    /** Horizontal text alignment. */\n    align?: VariantProps<typeof textVariants>[\"align\"];\n    /** Truncate to a single line with an ellipsis. */\n    truncate?: VariantProps<typeof textVariants>[\"truncate\"];\n  };\n\n/** The typography primitive: renders any element via `as` and drives size/weight/colour from the body type scale. */\nfunction Text({\n  as,\n  className,\n  size,\n  weight,\n  variant,\n  font,\n  align,\n  truncate,\n  ...props\n}: TextProps) {\n  const Comp = as ?? \"p\";\n  return (\n    <Comp\n      data-slot=\"text\"\n      className={cn(textVariants({ size, weight, variant, font, align, truncate }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Text, textVariants, type TextProps };\n"],"mappings":";;;;AASA,MAAM,gBAAA,qCAAA,EAAA,KAAmB,IAAI;CAC3B,UAAU;EAER,MAAM;GACJ,OACE;GACF,SACE;GACF,OACE;GACF,MAAM;GACN,SACE;EACJ;EACA,QAAQ;GACN,QAAQ;GACR,QAAQ;GACR,UAAU;EACZ;EACA,SAAS;GACP,SAAS;GACT,OAAO;GACP,SAAS;GACT,aAAa;GACb,SAAS;EACX;EACA,MAAM;GACJ,MAAM;GACN,SAAS;GACT,MAAM;EACR;EACA,OAAO;GACL,MAAM;GACN,QAAQ;GACR,OAAO;EACT;EACA,UAAU,EACR,MAAM,WACR;CACF;CACA,iBAAiB;EACf,MAAM;EACN,QAAQ;EACR,SAAS;EACT,MAAM;CACR;AACF,CAAC;;AAqBD,SAAS,KAAK,EACZ,IACA,WACA,MACA,QACA,SACA,MACA,OACA,UACA,GAAG,SACS;CAEZ,OACE,iBAAA,GAAA,kBAAA,KAFW,MAAM,KAEjB;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,aAAa;GAAE;GAAM;GAAQ;GAAS;GAAM;GAAO;EAAS,CAAC,GAAG,SAAS;EACvF,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index.cjs","names":["cn"],"sources":["../../../src/primitives/Text/Text.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// Text — the typography primitive. Renders any element via `as` and drives\n// size/line-height from the design-system BODY type scale (Inter): the Figma\n// \"paragraph large/regular/small/mini\" + caption steps (tokens in\n// styles/tokens/typography.css). Inline links compose as children.\nconst textVariants = cva(\"\", {\n  variants: {\n    // Body scale — font-size + line-height come straight from the type tokens.\n    size: {\n      large:\n        \"text-[length:var(--paragraph-large-font-size)] leading-[var(--paragraph-large-line-height)]\",\n      regular:\n        \"text-[length:var(--paragraph-regular-font-size)] leading-[var(--paragraph-regular-line-height)]\",\n      small:\n        \"text-[length:var(--paragraph-small-font-size)] leading-[var(--paragraph-small-line-height)]\",\n      mini: \"text-[length:var(--paragraph-mini-font-size)] leading-[var(--paragraph-mini-line-height)]\",\n      caption:\n        \"text-[length:var(--caption-font-size)] leading-[var(--caption-line-height)] tracking-[var(--caption-letter-spacing)] uppercase\",\n    },\n    weight: {\n      normal: \"font-normal\",\n      medium: \"font-medium\",\n      semibold: \"font-semibold\",\n    },\n    variant: {\n      default: \"text-primary-txt\",\n      muted: \"text-muted-txt\",\n      primary: \"text-primary-txt\",\n      destructive: \"text-danger-txt\",\n      success: \"text-success-txt\",\n    },\n    font: {\n      body: \"font-sans\",\n      heading: \"font-heading\",\n      mono: \"font-mono\",\n    },\n    align: {\n      left: \"text-left\",\n      center: \"text-center\",\n      right: \"text-right\",\n    },\n    truncate: {\n      true: \"truncate\",\n    },\n  },\n  defaultVariants: {\n    size: \"regular\",\n    weight: \"normal\",\n    variant: \"default\",\n    font: \"body\",\n  },\n});\n\ntype TextProps = Omit<React.ComponentProps<\"p\">, \"color\"> &\n  VariantProps<typeof textVariants> & {\n    /** Element/component to render. Defaults to `p`. */\n    as?: React.ElementType;\n    /** Body type-scale step (font-size + line-height). Defaults to `regular`. */\n    size?: VariantProps<typeof textVariants>[\"size\"];\n    /** Font weight. Defaults to `normal`. */\n    weight?: VariantProps<typeof textVariants>[\"weight\"];\n    /** Foreground colour token. Defaults to `default` (text-primary-txt). */\n    variant?: VariantProps<typeof textVariants>[\"variant\"];\n    /** Font family. Defaults to `body` (sans). */\n    font?: VariantProps<typeof textVariants>[\"font\"];\n    /** Horizontal text alignment. */\n    align?: VariantProps<typeof textVariants>[\"align\"];\n    /** Truncate to a single line with an ellipsis. */\n    truncate?: VariantProps<typeof textVariants>[\"truncate\"];\n  };\n\n/** The typography primitive: renders any element via `as` and drives size/weight/colour from the body type scale. */\nfunction Text({\n  as,\n  className,\n  size,\n  weight,\n  variant,\n  font,\n  align,\n  truncate,\n  ...props\n}: TextProps) {\n  const Comp = as ?? \"p\";\n  return (\n    <Comp\n      data-slot=\"text\"\n      className={cn(textVariants({ size, weight, variant, font, align, truncate }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Text, textVariants, type TextProps };\n"],"mappings":";;;;;AASA,MAAM,gBAAA,GAAA,yBAAA,KAAmB,IAAI;CAC3B,UAAU;EAER,MAAM;GACJ,OACE;GACF,SACE;GACF,OACE;GACF,MAAM;GACN,SACE;EACJ;EACA,QAAQ;GACN,QAAQ;GACR,QAAQ;GACR,UAAU;EACZ;EACA,SAAS;GACP,SAAS;GACT,OAAO;GACP,SAAS;GACT,aAAa;GACb,SAAS;EACX;EACA,MAAM;GACJ,MAAM;GACN,SAAS;GACT,MAAM;EACR;EACA,OAAO;GACL,MAAM;GACN,QAAQ;GACR,OAAO;EACT;EACA,UAAU,EACR,MAAM,WACR;CACF;CACA,iBAAiB;EACf,MAAM;EACN,QAAQ;EACR,SAAS;EACT,MAAM;CACR;AACF,CAAC;;AAqBD,SAAS,KAAK,EACZ,IACA,WACA,MACA,QACA,SACA,MACA,OACA,UACA,GAAG,SACS;CAEZ,OACE,iBAAA,GAAA,kBAAA,KAFW,MAAM,KAEjB;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,aAAa;GAAE;GAAM;GAAQ;GAAS;GAAM;GAAO;EAAS,CAAC,GAAG,SAAS;EACvF,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/Text/index.d.cts

@@ -1,2 +1,2 @@
-import { n as TextProps, r as textVariants, t as Text } from "../../index61.cjs";
+import { n as TextProps, r as textVariants, t as Text } from "../../index65.cjs";
 export { Text, TextProps, textVariants };

package/dist/primitives/Text/index.d.ts

@@ -1,2 +1,2 @@
-import { n as TextProps, r as textVariants, t as Text } from "../../index61.js";
+import { n as TextProps, r as textVariants, t as Text } from "../../index65.js";
 export { Text, TextProps, textVariants };

package/dist/primitives/Text/index.js

@@ -1,6 +1,6 @@
 import { t as cn } from "../../cn.js";
-import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
 //#region src/primitives/Text/Text.tsx
 const textVariants = cva("", {
 	variants: {

package/dist/primitives/Textarea/index.cjs

@@ -1,8 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_cn = require("../../cn.cjs");
+let class_variance_authority = require("class-variance-authority");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/primitives/Textarea/Textarea.tsx
-const textareaVariants = (0, require("class-variance-authority").cva)("text-primary-txt placeholder:text-muted-txt focus-visible:ring-focus aria-invalid:ring-focus-error flex field-sizing-content min-h-19 w-full px-3 py-2 text-sm leading-5 transition-[color,box-shadow] outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50", {
+const textareaVariants = (0, class_variance_authority.cva)("text-primary-txt placeholder:text-muted-txt focus-visible:ring-focus aria-invalid:ring-focus-error flex field-sizing-content min-h-19 w-full px-3 py-2 text-sm leading-5 transition-[color,box-shadow] outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50", {
 	variants: {
 		variant: {
 			default: "border border-primary-border bg-input-bg focus-visible:border-primary-invert-border aria-invalid:border-danger-border",