@psnext/design-system 2.4.0 → 2.5.0

package/dist/primitives/Sheet/index.cjs

@@ -48,11 +48,43 @@ 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__ */ (0, react_jsx_runtime.jsxs)(SheetPortal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SheetOverlay, { className: sheetOverlayVariants[overlay] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(radix_ui.Dialog.Content, {
 		"data-slot": "sheet-content",
-		className: require_cn.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: require_cn.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__ */ (0, react_jsx_runtime.jsxs)(radix_ui.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",

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

@@ -1 +1 @@
-{"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\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            <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;;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,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"}
+{"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

@@ -47,11 +47,43 @@ 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",

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

@@ -1 +1 @@
-{"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\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            <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;;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,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"}
+{"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.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/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/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/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/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.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/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/Textarea/index.d.cts

@@ -1,2 +1,2 @@
-import { n as textareaVariants, t as Textarea } from "../../index62.cjs";
+import { n as textareaVariants, t as Textarea } from "../../index66.cjs";
 export { Textarea, textareaVariants };

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

@@ -1,2 +1,2 @@
-import { n as textareaVariants, t as Textarea } from "../../index62.js";
+import { n as textareaVariants, t as Textarea } from "../../index66.js";
 export { Textarea, textareaVariants };

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

@@ -1,2 +1,2 @@
-import { a as useTheme, i as ThemeProvider, n as ThemeMode, r as ThemeProduct, t as ThemeContext } from "../../index63.cjs";
+import { a as useTheme, i as ThemeProvider, n as ThemeMode, r as ThemeProduct, t as ThemeContext } from "../../index67.cjs";
 export { ThemeContext, ThemeMode, ThemeProduct, ThemeProvider, useTheme };

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

@@ -1,2 +1,2 @@
-import { a as useTheme, i as ThemeProvider, n as ThemeMode, r as ThemeProduct, t as ThemeContext } from "../../index63.js";
+import { a as useTheme, i as ThemeProvider, n as ThemeMode, r as ThemeProduct, t as ThemeContext } from "../../index67.js";
 export { ThemeContext, ThemeMode, ThemeProduct, ThemeProvider, useTheme };

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

@@ -1,2 +1,2 @@
-import { n as toggleVariants, t as Toggle } from "../../index64.cjs";
+import { n as toggleVariants, t as Toggle } from "../../index68.cjs";
 export { Toggle, toggleVariants };

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

@@ -1,2 +1,2 @@
-import { n as toggleVariants, t as Toggle } from "../../index64.js";
+import { n as toggleVariants, t as Toggle } from "../../index68.js";
 export { Toggle, toggleVariants };

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

@@ -1,2 +1,2 @@
-import { n as ToggleGroupItem, t as ToggleGroup } from "../../index65.cjs";
+import { n as ToggleGroupItem, t as ToggleGroup } from "../../index69.cjs";
 export { ToggleGroup, ToggleGroupItem };

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

@@ -1,2 +1,2 @@
-import { n as ToggleGroupItem, t as ToggleGroup } from "../../index65.js";
+import { n as ToggleGroupItem, t as ToggleGroup } from "../../index69.js";
 export { ToggleGroup, ToggleGroupItem };

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

@@ -1,2 +1,2 @@
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../../index52.cjs";
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../../index56.cjs";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

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

@@ -1,2 +1,2 @@
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../../index52.js";
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../../index56.js";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/primitives/index.cjs

@@ -16,6 +16,7 @@ const require_primitives_Calendar_index = require("./Calendar/index.cjs");
 const require_primitives_Card_index = require("./Card/index.cjs");
 const require_primitives_Carousel_index = require("./Carousel/index.cjs");
 const require_primitives_Chart_index = require("./Chart/index.cjs");
+const require_primitives_CircularProgress_index = require("./CircularProgress/index.cjs");
 const require_primitives_Checkbox_index = require("./Checkbox/index.cjs");
 const require_primitives_CheckboxTree_index = require("./CheckboxTree/index.cjs");
 const require_primitives_Collapsible_index = require("./Collapsible/index.cjs");
@@ -28,6 +29,8 @@ const require_primitives_DropdownMenu_index = require("./DropdownMenu/index.cjs"
 const require_primitives_Empty_index = require("./Empty/index.cjs");
 const require_primitives_Label_index = require("./Label/index.cjs");
 const require_primitives_Field_index = require("./Field/index.cjs");
+const require_primitives_Progress_index = require("./Progress/index.cjs");
+const require_primitives_FileUpload_index = require("./FileUpload/index.cjs");
 const require_primitives_Form_index = require("./Form/index.cjs");
 const require_primitives_Heading_index = require("./Heading/index.cjs");
 const require_primitives_HoverCard_index = require("./HoverCard/index.cjs");
@@ -41,15 +44,16 @@ const require_primitives_Kbd_index = require("./Kbd/index.cjs");
 const require_primitives_Link_index = require("./Link/index.cjs");
 const require_Logo = require("../Logo.cjs");
 const require_primitives_Menubar_index = require("./Menubar/index.cjs");
+const require_primitives_Resizable_index = require("./Resizable/index.cjs");
+const require_Mosaic = require("../Mosaic.cjs");
 const require_primitives_NativeSelect_index = require("./NativeSelect/index.cjs");
 const require_primitives_NavigationMenu_index = require("./NavigationMenu/index.cjs");
 const require_primitives_Popover_index = require("./Popover/index.cjs");
 const require_primitives_Tooltip_index = require("./Tooltip/index.cjs");
 const require_patterns_NavRail_index = require("../patterns/NavRail/index.cjs");
+const require_primitives_NotchedCard_index = require("./NotchedCard/index.cjs");
 const require_primitives_Pagination_index = require("./Pagination/index.cjs");
-const require_primitives_Progress_index = require("./Progress/index.cjs");
 const require_primitives_RadioGroup_index = require("./RadioGroup/index.cjs");
-const require_primitives_Resizable_index = require("./Resizable/index.cjs");
 const require_primitives_ScrollArea_index = require("./ScrollArea/index.cjs");
 const require_primitives_Select_index = require("./Select/index.cjs");
 const require_primitives_Sheet_index = require("./Sheet/index.cjs");
@@ -125,6 +129,7 @@ exports.ChartTooltip = require_primitives_Chart_index.ChartTooltip;
 exports.ChartTooltipContent = require_primitives_Chart_index.ChartTooltipContent;
 exports.Checkbox = require_primitives_Checkbox_index.Checkbox;
 exports.CheckboxTree = require_primitives_CheckboxTree_index.CheckboxTree;
+exports.CircularProgress = require_primitives_CircularProgress_index.CircularProgress;
 exports.Collapsible = require_primitives_Collapsible_index.Collapsible;
 exports.CollapsibleContent = require_primitives_Collapsible_index.CollapsibleContent;
 exports.CollapsibleTrigger = require_primitives_Collapsible_index.CollapsibleTrigger;
@@ -204,6 +209,7 @@ exports.FieldLegend = require_primitives_Field_index.FieldLegend;
 exports.FieldSeparator = require_primitives_Field_index.FieldSeparator;
 exports.FieldSet = require_primitives_Field_index.FieldSet;
 exports.FieldTitle = require_primitives_Field_index.FieldTitle;
+exports.FileUpload = require_primitives_FileUpload_index.FileUpload;
 exports.Form = require_primitives_Form_index.Form;
 exports.FormControl = require_primitives_Form_index.FormControl;
 exports.FormDescription = require_primitives_Form_index.FormDescription;
@@ -260,6 +266,8 @@ exports.MenubarSub = require_primitives_Menubar_index.MenubarSub;
 exports.MenubarSubContent = require_primitives_Menubar_index.MenubarSubContent;
 exports.MenubarSubTrigger = require_primitives_Menubar_index.MenubarSubTrigger;
 exports.MenubarTrigger = require_primitives_Menubar_index.MenubarTrigger;
+exports.Mosaic = require_Mosaic.Mosaic;
+exports.MosaicWindow = require_Mosaic.MosaicWindow;
 exports.NativeSelect = require_primitives_NativeSelect_index.NativeSelect;
 exports.NavRail = require_patterns_NavRail_index.NavRail;
 exports.NavRailItem = require_patterns_NavRail_index.NavRailItem;
@@ -277,6 +285,7 @@ exports.NavigationMenuLink = require_primitives_NavigationMenu_index.NavigationM
 exports.NavigationMenuList = require_primitives_NavigationMenu_index.NavigationMenuList;
 exports.NavigationMenuTrigger = require_primitives_NavigationMenu_index.NavigationMenuTrigger;
 exports.NavigationMenuViewport = require_primitives_NavigationMenu_index.NavigationMenuViewport;
+exports.NotchedCard = require_primitives_NotchedCard_index.NotchedCard;
 exports.Pagination = require_primitives_Pagination_index.Pagination;
 exports.PaginationContent = require_primitives_Pagination_index.PaginationContent;
 exports.PaginationEllipsis = require_primitives_Pagination_index.PaginationEllipsis;
@@ -378,6 +387,7 @@ exports.TooltipContent = require_primitives_Tooltip_index.TooltipContent;
 exports.TooltipProvider = require_primitives_Tooltip_index.TooltipProvider;
 exports.TooltipTrigger = require_primitives_Tooltip_index.TooltipTrigger;
 exports.badgeVariants = require_primitives_Badge_index.badgeVariants;
+exports.buildNotchedCardPath = require_primitives_NotchedCard_index.buildNotchedCardPath;
 exports.buttonGroupVariants = require_primitives_ButtonGroup_index.buttonGroupVariants;
 exports.buttonVariants = require_primitives_Button_index.buttonVariants;
 exports.cardVariants = require_primitives_Card_index.cardVariants;
@@ -389,6 +399,7 @@ exports.inputVariants = require_primitives_Input_index.inputVariants;
 exports.linkVariants = require_primitives_Link_index.linkVariants;
 exports.nativeSelectVariants = require_primitives_NativeSelect_index.nativeSelectVariants;
 exports.navigationMenuTriggerStyle = require_primitives_NavigationMenu_index.navigationMenuTriggerStyle;
+exports.notchedCardVariants = require_primitives_NotchedCard_index.notchedCardVariants;
 exports.tabsListVariants = require_primitives_Tabs_index.tabsListVariants;
 exports.tabsTriggerVariants = require_primitives_Tabs_index.tabsTriggerVariants;
 exports.textVariants = require_primitives_Text_index.textVariants;