@databricks/appkit-ui 0.2.0 → 0.4.0

package/dist/react/ui/dialog.d.ts

@@ -1,25 +1,31 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime54 from "react/jsx-runtime";
+import * as react_jsx_runtime85 from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/react/ui/dialog.d.ts
+/** Modal dialog that overlays the page content */
 declare function Dialog({
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime54.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime85.JSX.Element;
+/** Button that opens the dialog */
 declare function DialogTrigger({
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime54.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime85.JSX.Element;
+/** Portal container for dialog content */
 declare function DialogPortal({
   container,
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime54.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime85.JSX.Element;
+/** Button that closes the dialog */
 declare function DialogClose({
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime54.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime85.JSX.Element;
+/** Dimmed overlay behind the dialog */
 declare function DialogOverlay({
   className,
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime54.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime85.JSX.Element;
+/** Main content area of the dialog */
 declare function DialogContent({
   className,
   children,
@@ -27,23 +33,27 @@ declare function DialogContent({
   ...props
 }: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
   showCloseButton?: boolean;
-}): react_jsx_runtime54.JSX.Element;
+}): react_jsx_runtime85.JSX.Element;
+/** Header section of the dialog */
 declare function DialogHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime54.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime85.JSX.Element;
+/** Footer section of the dialog */
 declare function DialogFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime54.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime85.JSX.Element;
+/** Title text for the dialog */
 declare function DialogTitle({
   className,
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime54.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime85.JSX.Element;
+/** Description text for the dialog */
 declare function DialogDescription({
   className,
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime54.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime85.JSX.Element;
 //#endregion
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
 //# sourceMappingURL=dialog.d.ts.map

package/dist/react/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../../src/react/ui/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,MAAA;;GAEN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAI3C,aAAA;;GAEN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,WAAQ,mBAAA,CAAA,GAAA,CAAA;iBAI9C,YAAA;;;GAGN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,UAAO,mBAAA,CAAA,GAAA,CAAA;AArBI,iBA+BjD,WAAA,CAzBM;EAAA,GAAA;AAAA,CAAA,EA2BZ,OAAA,CAAM,cA3BM,CAAA,OA2BgB,eAAA,CAAgB,KA3BhC,CAAA,CAAA,EA2BsC,mBAAA,CAAA,GAAA,CAAA,OA3BtC;iBA+BN,aAAA,CA/BM;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkCZ,OAAA,CAAM,cAlCM,CAAA,OAkCgB,eAAA,CAAgB,OAlChC,CAAA,CAAA,EAkCwC,mBAAA,CAAA,GAAA,CAAA,OAlCxC;iBA+CN,aAAA,CA7CsC;EAAA,SAAA;EAAA,QAAA;EAAA,eAAA;EAAA,GAAA;CAAA,EAkD5C,OAAA,CAAM,cAlDsC,CAAA,OAkDhB,eAAA,CAAgB,OAlDA,CAAA,GAAA;iBAAtC,CAAA,EAAA,OAAA;IAoDR,mBAAA,CAAA,GAAA,CAAA,OApDmD;iBA+E3C,YAAA,CA/E2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+EL,OAAA,CAAM,cA/ED,CAAA,KAAA,CAAA,CAAA,EA+EsB,mBAAA,CAAA,GAAA,CAAA,OA/EtB;AAAA,iBAyF3C,YAAA,CArFa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqFyB,OAAA,CAAM,cArF/B,CAAA,KAAA,CAAA,CAAA,EAqFoD,mBAAA,CAAA,GAAA,CAAA,OArFpD;iBAkGb,WAAA,CAlGa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqGnB,OAAA,CAAM,cArGa,CAAA,OAqGS,eAAA,CAAgB,KArGzB,CAAA,CAAA,EAqG+B,mBAAA,CAAA,GAAA,CAAA,OArG/B;iBA+Gb,iBAAA,CA7GsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgH5C,OAAA,CAAM,cAhHsC,CAAA,OAgHhB,eAAA,CAAgB,WAhHA,CAAA,CAAA,EAgHY,mBAAA,CAAA,GAAA,CAAA,OAhHZ"}
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../../src/react/ui/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAQS,MAAA;;GAEN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,QAAK,mBAAA,CAAA,GAAA,CAAA;;AATM,iBAcjD,aAAA,CAPM;EAAA,GAAA;AAAA,CAAA,EASZ,OAAA,CAAM,cATM,CAAA,OASgB,eAAA,CAAgB,OAThC,CAAA,CAAA,EASwC,mBAAA,CAAA,GAAA,CAAA,OATxC;;iBAcN,YAAA,CAZsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAe5C,OAAA,CAAM,cAfsC,CAAA,OAehB,eAAA,CAAgB,MAfA,CAAA,CAAA,EAeO,mBAAA,CAAA,GAAA,CAAA,OAfP;;iBA0BtC,WAAA,CA1B2C;EAAA,GAAA;AAAA,CAAA,EA4BjD,OAAA,CAAM,cA5B2C,CAAA,OA4BrB,eAAA,CAAgB,KA5BK,CAAA,CAAA,EA4BC,mBAAA,CAAA,GAAA,CAAA,OA5BD;;AAAA,iBAiC3C,aAAA,CA5Ba;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+BnB,OAAA,CAAM,cA/Ba,CAAA,OA+BS,eAAA,CAAgB,OA/BzB,CAAA,CAAA,EA+BiC,mBAAA,CAAA,GAAA,CAAA,OA/BjC;;iBA6Cb,aAAA,CA3CsC;EAAA,SAAA;EAAA,QAAA;EAAA,eAAA;EAAA,GAAA;CAAA,EAgD5C,OAAA,CAAM,cAhDsC,CAAA,OAgDhB,eAAA,CAAgB,OAhDA,CAAA,GAAA;iBAAtC,CAAA,EAAA,OAAA;IAkDR,mBAAA,CAAA,GAAA,CAAA,OAlDsD;;AAAA,iBA8E9C,YAAA,CAzEY;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyE0B,OAAA,CAAM,cAzEhC,CAAA,KAAA,CAAA,CAAA,EAyEqD,mBAAA,CAAA,GAAA,CAAA,OAzErD;;iBAoFZ,YAAA,CAnFP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmF6C,OAAA,CAAM,cAnFnD,CAAA,KAAA,CAAA,CAAA,EAmFwE,mBAAA,CAAA,GAAA,CAAA,OAnFxE;;iBAiGO,WAAA,CA/FA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkGN,OAAA,CAAM,cAlGA,CAAA,OAkGsB,eAAA,CAAgB,KAlGtC,CAAA,CAAA,EAkG4C,mBAAA,CAAA,GAAA,CAAA,OAlG5C;;iBA6GA,iBAAA,CA7G6C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgHnD,OAAA,CAAM,cAhH6C,CAAA,OAgHvB,eAAA,CAAgB,WAhHO,CAAA,CAAA,EAgHK,mBAAA,CAAA,GAAA,CAAA,OAhHL"}

package/dist/react/ui/dialog.js

@@ -5,18 +5,21 @@ import { XIcon } from "lucide-react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/react/ui/dialog.tsx
+/** Modal dialog that overlays the page content */
 function Dialog({ ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
 		"data-slot": "dialog",
 		...props
 	});
 }
+/** Button that opens the dialog */
 function DialogTrigger({ ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
 		"data-slot": "dialog-trigger",
 		...props
 	});
 }
+/** Portal container for dialog content */
 function DialogPortal({ container, ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
 		"data-slot": "dialog-portal",
@@ -24,12 +27,14 @@ function DialogPortal({ container, ...props }) {
 		...props
 	});
 }
+/** Button that closes the dialog */
 function DialogClose({ ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
 		"data-slot": "dialog-close",
 		...props
 	});
 }
+/** Dimmed overlay behind the dialog */
 function DialogOverlay({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
 		"data-slot": "dialog-overlay",
@@ -37,6 +42,7 @@ function DialogOverlay({ className, ...props }) {
 		...props
 	});
 }
+/** Main content area of the dialog */
 function DialogContent({ className, children, showCloseButton = true, ...props }) {
 	return /* @__PURE__ */ jsxs(DialogPortal, {
 		"data-slot": "dialog-portal",
@@ -55,6 +61,7 @@ function DialogContent({ className, children, showCloseButton = true, ...props }
 		})]
 	});
 }
+/** Header section of the dialog */
 function DialogHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-header",
@@ -62,6 +69,7 @@ function DialogHeader({ className, ...props }) {
 		...props
 	});
 }
+/** Footer section of the dialog */
 function DialogFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-footer",
@@ -69,6 +77,7 @@ function DialogFooter({ className, ...props }) {
 		...props
 	});
 }
+/** Title text for the dialog */
 function DialogTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
 		"data-slot": "dialog-title",
@@ -76,6 +85,7 @@ function DialogTitle({ className, ...props }) {
 		...props
 	});
 }
+/** Description text for the dialog */
 function DialogDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
 		"data-slot": "dialog-description",

package/dist/react/ui/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/react/ui/dialog.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return (\n    <DialogPrimitive.Portal\n      data-slot=\"dialog-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-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 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":";;;;;;;AAOA,SAAS,OAAO,EACd,GAAG,SACiD;AACpD,QAAO,oBAAC,gBAAgB;EAAK,aAAU;EAAS,GAAI;GAAS;;AAG/D,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,oBAAC,gBAAgB;EAAQ,aAAU;EAAiB,GAAI;GAAS;;AAG1E,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,gBAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,WACA,UACA,kBAAkB,MAClB,GAAG,SAGF;AACD,QACE,qBAAC;EAAa,aAAU;aACtB,oBAAC,kBAAgB,EACjB,qBAAC,gBAAgB;GACf,aAAU;GACV,WAAW,GACT,+WACA,UACD;GACD,GAAI;cAEH,UACA,mBACC,qBAAC,gBAAgB;IACf,aAAU;IACV,WAAU;eAEV,oBAAC,UAAQ,EACT,oBAAC;KAAK,WAAU;eAAU;MAAY;KAChB;IAEF;GACb;;AAInB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,0DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/react/ui/dialog.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\n/** Modal dialog that overlays the page content */\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\n/** Button that opens the dialog */\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\n/** Portal container for dialog content */\nfunction DialogPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return (\n    <DialogPrimitive.Portal\n      data-slot=\"dialog-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\n/** Button that closes the dialog */\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\n/** Dimmed overlay behind the dialog */\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-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 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Main content area of the dialog */\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\n/** Header section of the dialog */\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Footer section of the dialog */\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Title text for the dialog */\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Description text for the dialog */\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":";;;;;;;;AAQA,SAAS,OAAO,EACd,GAAG,SACiD;AACpD,QAAO,oBAAC,gBAAgB;EAAK,aAAU;EAAS,GAAI;GAAS;;;AAI/D,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,oBAAC,gBAAgB;EAAQ,aAAU;EAAiB,GAAI;GAAS;;;AAI1E,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;;AAKN,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,gBAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;;AAItE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,cAAc,EACrB,WACA,UACA,kBAAkB,MAClB,GAAG,SAGF;AACD,QACE,qBAAC;EAAa,aAAU;aACtB,oBAAC,kBAAgB,EACjB,qBAAC,gBAAgB;GACf,aAAU;GACV,WAAW,GACT,+WACA,UACD;GACD,GAAI;cAEH,UACA,mBACC,qBAAC,gBAAgB;IACf,aAAU;IACV,WAAU;eAEV,oBAAC,UAAQ,EACT,oBAAC;KAAK,WAAU;eAAU;MAAY;KAChB;IAEF;GACb;;;AAKnB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;GACJ;;;AAKN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,0DACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ;;;AAKN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}

package/dist/react/ui/drawer.d.ts

@@ -1,46 +1,56 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime97 from "react/jsx-runtime";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
 import { Drawer } from "vaul";
 
 //#region src/react/ui/drawer.d.ts
+/** Draggable panel that slides in from screen edges */
 declare function Drawer$1({
   ...props
-}: React$1.ComponentProps<typeof Drawer.Root>): react_jsx_runtime97.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Root>): react_jsx_runtime95.JSX.Element;
+/** Button that opens the drawer */
 declare function DrawerTrigger({
   ...props
-}: React$1.ComponentProps<typeof Drawer.Trigger>): react_jsx_runtime97.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Trigger>): react_jsx_runtime95.JSX.Element;
+/** Portal container for drawer content */
 declare function DrawerPortal({
   container,
   ...props
-}: React$1.ComponentProps<typeof Drawer.Portal>): react_jsx_runtime97.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Portal>): react_jsx_runtime95.JSX.Element;
+/** Button that closes the drawer */
 declare function DrawerClose({
   ...props
-}: React$1.ComponentProps<typeof Drawer.Close>): react_jsx_runtime97.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Close>): react_jsx_runtime95.JSX.Element;
+/** Dimmed overlay behind the drawer */
 declare function DrawerOverlay({
   className,
   ...props
-}: React$1.ComponentProps<typeof Drawer.Overlay>): react_jsx_runtime97.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Overlay>): react_jsx_runtime95.JSX.Element;
+/** Main content area of the drawer */
 declare function DrawerContent({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof Drawer.Content>): react_jsx_runtime97.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Content>): react_jsx_runtime95.JSX.Element;
+/** Header section of the drawer */
 declare function DrawerHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime97.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime95.JSX.Element;
+/** Footer section of the drawer */
 declare function DrawerFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime97.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime95.JSX.Element;
+/** Title text for the drawer */
 declare function DrawerTitle({
   className,
   ...props
-}: React$1.ComponentProps<typeof Drawer.Title>): react_jsx_runtime97.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Title>): react_jsx_runtime95.JSX.Element;
+/** Description text for the drawer */
 declare function DrawerDescription({
   className,
   ...props
-}: React$1.ComponentProps<typeof Drawer.Description>): react_jsx_runtime97.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Description>): react_jsx_runtime95.JSX.Element;
 //#endregion
 export { Drawer$1 as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
 //# sourceMappingURL=drawer.d.ts.map

package/dist/react/ui/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../../src/react/ui/drawer.tsx"],"sourcesContent":[],"mappings":";;;;;iBAQS,QAAA;;GAEN,OAAA,CAAM,sBAAsB,MAAA,CAAgB,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAI3C,aAAA;;GAEN,OAAA,CAAM,sBAAsB,MAAA,CAAgB,WAAQ,mBAAA,CAAA,GAAA,CAAA;iBAI9C,YAAA;;;GAGN,OAAA,CAAM,sBAAsB,MAAA,CAAgB,UAAO,mBAAA,CAAA,GAAA,CAAA;AApBL,iBA8BxC,WAAA,CAzBM;EAAA,GAAA;AAAA,CAAA,EA2BZ,OAAA,CAAM,cA3BM,CAAA,OA2BgB,MAAA,CAAgB,KA3BhC,CAAA,CAAA,EA2BsC,mBAAA,CAAA,GAAA,CAAA,OA3BtC;iBA+BN,aAAA,CA/BM;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkCZ,OAAA,CAAM,cAlCM,CAAA,OAkCgB,MAAA,CAAgB,OAlChC,CAAA,CAAA,EAkCwC,mBAAA,CAAA,GAAA,CAAA,OAlCxC;iBA+CN,aAAA,CA7CsC;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiD5C,OAAA,CAAM,cAjDsC,CAAA,OAiDhB,MAAA,CAAgB,OAjDA,CAAA,CAAA,EAiDQ,mBAAA,CAAA,GAAA,CAAA,OAjDR;iBAwEtC,YAAA,CAxEA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwEsC,OAAA,CAAM,cAxE5C,CAAA,KAAA,CAAA,CAAA,EAwEiE,mBAAA,CAAA,GAAA,CAAA,OAxEjE;iBAqFA,YAAA,CArF2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqFL,OAAA,CAAM,cArFD,CAAA,KAAA,CAAA,CAAA,EAqFsB,mBAAA,CAAA,GAAA,CAAA,OArFtB;iBA+F3C,WAAA,CA/F2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkGjD,OAAA,CAAM,cAlG2C,CAAA,OAkGrB,MAAA,CAAgB,KAlGK,CAAA,CAAA,EAkGC,mBAAA,CAAA,GAAA,CAAA,OAlGD;AAAA,iBA4G3C,iBAAA,CAxGa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2GnB,OAAA,CAAM,cA3Ga,CAAA,OA2GS,MAAA,CAAgB,WA3GzB,CAAA,CAAA,EA2GqC,mBAAA,CAAA,GAAA,CAAA,OA3GrC"}
+{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../../src/react/ui/drawer.tsx"],"sourcesContent":[],"mappings":";;;;;;iBASS,QAAA;;GAEN,OAAA,CAAM,sBAAsB,MAAA,CAAgB,QAAK,mBAAA,CAAA,GAAA,CAAA;;AARH,iBAaxC,aAAA,CAPM;EAAA,GAAA;AAAA,CAAA,EASZ,OAAA,CAAM,cATM,CAAA,OASgB,MAAA,CAAgB,OAThC,CAAA,CAAA,EASwC,mBAAA,CAAA,GAAA,CAAA,OATxC;;iBAcN,YAAA,CAZsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAe5C,OAAA,CAAM,cAfsC,CAAA,OAehB,MAAA,CAAgB,MAfA,CAAA,CAAA,EAeO,mBAAA,CAAA,GAAA,CAAA,OAfP;;iBA0BtC,WAAA,CA1B2C;EAAA,GAAA;AAAA,CAAA,EA4BjD,OAAA,CAAM,cA5B2C,CAAA,OA4BrB,MAAA,CAAgB,KA5BK,CAAA,CAAA,EA4BC,mBAAA,CAAA,GAAA,CAAA,OA5BD;;AAAA,iBAiC3C,aAAA,CA5Ba;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+BnB,OAAA,CAAM,cA/Ba,CAAA,OA+BS,MAAA,CAAgB,OA/BzB,CAAA,CAAA,EA+BiC,mBAAA,CAAA,GAAA,CAAA,OA/BjC;;iBA6Cb,aAAA,CA3CsC;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA+C5C,OAAA,CAAM,cA/CsC,CAAA,OA+ChB,MAAA,CAAgB,OA/CA,CAAA,CAAA,EA+CQ,mBAAA,CAAA,GAAA,CAAA,OA/CR;;iBAuEtC,YAAA,CAvE8C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuER,OAAA,CAAM,cAvEE,CAAA,KAAA,CAAA,CAAA,EAuEmB,mBAAA,CAAA,GAAA,CAAA,OAvEnB;;AAAA,iBAqF9C,YAAA,CAhFY;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgF0B,OAAA,CAAM,cAhFhC,CAAA,KAAA,CAAA,CAAA,EAgFqD,mBAAA,CAAA,GAAA,CAAA,OAhFrD;;iBA2FZ,WAAA,CA1FP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6FC,OAAA,CAAM,cA7FP,CAAA,OA6F6B,MAAA,CAAgB,KA7F7C,CAAA,CAAA,EA6FmD,mBAAA,CAAA,GAAA,CAAA,OA7FnD;;iBAwGO,iBAAA,CAtGA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyGN,OAAA,CAAM,cAzGA,CAAA,OAyGsB,MAAA,CAAgB,WAzGtC,CAAA,CAAA,EAyGkD,mBAAA,CAAA,GAAA,CAAA,OAzGlD"}

package/dist/react/ui/drawer.js

@@ -6,18 +6,21 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Drawer } from "vaul";
 
 //#region src/react/ui/drawer.tsx
+/** Draggable panel that slides in from screen edges */
 function Drawer$1({ ...props }) {
 	return /* @__PURE__ */ jsx(Drawer.Root, {
 		"data-slot": "drawer",
 		...props
 	});
 }
+/** Button that opens the drawer */
 function DrawerTrigger({ ...props }) {
 	return /* @__PURE__ */ jsx(Drawer.Trigger, {
 		"data-slot": "drawer-trigger",
 		...props
 	});
 }
+/** Portal container for drawer content */
 function DrawerPortal({ container, ...props }) {
 	return /* @__PURE__ */ jsx(Drawer.Portal, {
 		"data-slot": "drawer-portal",
@@ -25,12 +28,14 @@ function DrawerPortal({ container, ...props }) {
 		...props
 	});
 }
+/** Button that closes the drawer */
 function DrawerClose({ ...props }) {
 	return /* @__PURE__ */ jsx(Drawer.Close, {
 		"data-slot": "drawer-close",
 		...props
 	});
 }
+/** Dimmed overlay behind the drawer */
 function DrawerOverlay({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Drawer.Overlay, {
 		"data-slot": "drawer-overlay",
@@ -38,6 +43,7 @@ function DrawerOverlay({ className, ...props }) {
 		...props
 	});
 }
+/** Main content area of the drawer */
 function DrawerContent({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(DrawerPortal, {
 		"data-slot": "drawer-portal",
@@ -49,6 +55,7 @@ function DrawerContent({ className, children, ...props }) {
 		})]
 	});
 }
+/** Header section of the drawer */
 function DrawerHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "drawer-header",
@@ -56,6 +63,7 @@ function DrawerHeader({ className, ...props }) {
 		...props
 	});
 }
+/** Footer section of the drawer */
 function DrawerFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "drawer-footer",
@@ -63,6 +71,7 @@ function DrawerFooter({ className, ...props }) {
 		...props
 	});
 }
+/** Title text for the drawer */
 function DrawerTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Drawer.Title, {
 		"data-slot": "drawer-title",
@@ -70,6 +79,7 @@ function DrawerTitle({ className, ...props }) {
 		...props
 	});
 }
+/** Description text for the drawer */
 function DrawerDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Drawer.Description, {
 		"data-slot": "drawer-description",

package/dist/react/ui/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["Drawer","DrawerPrimitive"],"sources":["../../../src/react/ui/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\nfunction Drawer({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return (\n    <DrawerPrimitive.Portal\n      data-slot=\"drawer-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerClose({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-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 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          \"group/drawer-content bg-background fixed z-50 flex h-auto flex-col\",\n          \"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b\",\n          \"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t\",\n          \"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n          \"data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        \"flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"mappings":";;;;;;;;AAQA,SAASA,SAAO,EACd,GAAG,SACiD;AACpD,QAAO,oBAACC,OAAgB;EAAK,aAAU;EAAS,GAAI;GAAS;;AAG/D,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,oBAACA,OAAgB;EAAQ,aAAU;EAAiB,GAAI;GAAS;;AAG1E,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAACA,OAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,WACA,UACA,GAAG,SACoD;AACvD,QACE,qBAAC;EAAa,aAAU;aACtB,oBAAC,kBAAgB,EACjB,qBAACA,OAAgB;GACf,aAAU;GACV,WAAW,GACT,sEACA,kQACA,uRACA,+NACA,yNACA,UACD;GACD,GAAI;cAEJ,oBAAC,SAAI,WAAU,oIAAoI,EAClJ;IACuB;GACb;;AAInB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,4LACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}
+{"version":3,"file":"drawer.js","names":["Drawer","DrawerPrimitive"],"sources":["../../../src/react/ui/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\n/** Draggable panel that slides in from screen edges */\nfunction Drawer({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\n/** Button that opens the drawer */\nfunction DrawerTrigger({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\n/** Portal container for drawer content */\nfunction DrawerPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return (\n    <DrawerPrimitive.Portal\n      data-slot=\"drawer-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\n/** Button that closes the drawer */\nfunction DrawerClose({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\n/** Dimmed overlay behind the drawer */\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-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 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Main content area of the drawer */\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          \"group/drawer-content bg-background fixed z-50 flex h-auto flex-col\",\n          \"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b\",\n          \"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t\",\n          \"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n          \"data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\n/** Header section of the drawer */\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        \"flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Footer section of the drawer */\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Title text for the drawer */\nfunction DrawerTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Description text for the drawer */\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"mappings":";;;;;;;;;AASA,SAASA,SAAO,EACd,GAAG,SACiD;AACpD,QAAO,oBAACC,OAAgB;EAAK,aAAU;EAAS,GAAI;GAAS;;;AAI/D,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,oBAACA,OAAgB;EAAQ,aAAU;EAAiB,GAAI;GAAS;;;AAI1E,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;;AAKN,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAACA,OAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;;AAItE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,cAAc,EACrB,WACA,UACA,GAAG,SACoD;AACvD,QACE,qBAAC;EAAa,aAAU;aACtB,oBAAC,kBAAgB,EACjB,qBAACA,OAAgB;GACf,aAAU;GACV,WAAW,GACT,sEACA,kQACA,uRACA,+NACA,yNACA,UACD;GACD,GAAI;cAEJ,oBAAC,SAAI,WAAU,oIAAoI,EAClJ;IACuB;GACb;;;AAKnB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,4LACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;;AAKN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;;AAKN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}

package/dist/react/ui/dropdown-menu.d.ts

@@ -1,26 +1,27 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime107 from "react/jsx-runtime";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 
 //#region src/react/ui/dropdown-menu.d.ts
+/** Menu that displays when triggered by a button or element */
 declare function DropdownMenu({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime107.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuPortal({
   container,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime107.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuTrigger({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime107.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuContent({
   className,
   sideOffset,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime107.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuGroup({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime107.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuItem({
   className,
   inset,
@@ -29,39 +30,39 @@ declare function DropdownMenuItem({
 }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
   inset?: boolean;
   variant?: "default" | "destructive";
-}): react_jsx_runtime107.JSX.Element;
+}): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime107.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuRadioGroup({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime107.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuRadioItem({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime107.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuLabel({
   className,
   inset,
   ...props
 }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
   inset?: boolean;
-}): react_jsx_runtime107.JSX.Element;
+}): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime107.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuShortcut({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime107.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuSub({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime107.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuSubTrigger({
   className,
   inset,
@@ -69,11 +70,11 @@ declare function DropdownMenuSubTrigger({
   ...props
 }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime107.JSX.Element;
+}): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuSubContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime107.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime105.JSX.Element;
 //#endregion
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
 //# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/react/ui/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","names":[],"sources":["../../../src/react/ui/dropdown-menu.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.d.ts","names":[],"sources":["../../../src/react/ui/dropdown-menu.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/react/ui/dropdown-menu.js

@@ -5,6 +5,7 @@ import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 
 //#region src/react/ui/dropdown-menu.tsx
+/** Menu that displays when triggered by a button or element */
 function DropdownMenu({ ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
 		"data-slot": "dropdown-menu",

package/dist/react/ui/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","names":[],"sources":["../../../src/react/ui/dropdown-menu.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal\n      data-slot=\"dropdown-menu-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal container={useResolvedPortalContainer()}>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md\",\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"mappings":";;;;;;;AAOA,SAAS,aAAa,EACpB,GAAG,SACuD;AAC1D,QAAO,oBAAC,sBAAsB;EAAK,aAAU;EAAgB,GAAI;GAAS;;AAG5E,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,GAAG,SAC0D;AAC7D,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,WACA,aAAa,GACb,GAAG,SAC0D;AAC7D,QACE,oBAAC,sBAAsB;EAAO,WAAW,4BAA4B;YACnE,oBAAC,sBAAsB;GACrB,aAAU;GACE;GACZ,WAAW,GACT,0jBACA,UACD;GACD,GAAI;IACJ;GAC2B;;AAInC,SAAS,kBAAkB,EACzB,GAAG,SACwD;AAC3D,QACE,oBAAC,sBAAsB;EAAM,aAAU;EAAsB,GAAI;GAAS;;AAI9E,SAAS,iBAAiB,EACxB,WACA,OACA,UAAU,WACV,GAAG,SAIF;AACD,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,GACT,+mBACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,yBAAyB,EAChC,WACA,UACA,SACA,GAAG,SAC+D;AAClE,QACE,qBAAC,sBAAsB;EACrB,aAAU;EACV,WAAW,GACT,gTACA,UACD;EACQ;EACT,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,sBAAsB,2BACrB,oBAAC,aAAU,WAAU,WAAW,GACI;IACjC,EACN;GACkC;;AAIzC,SAAS,uBAAuB,EAC9B,GAAG,SAC6D;AAChE,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAC4D;AAC/D,QACE,qBAAC,sBAAsB;EACrB,aAAU;EACV,WAAW,GACT,gTACA,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,sBAAsB,2BACrB,oBAAC,cAAW,WAAU,wBAAwB,GACV;IACjC,EACN;GAC+B;;AAItC,SAAS,kBAAkB,EACzB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,cAAY;EACZ,WAAW,GACT,qDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4D;AAC/D,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EACvB,GAAG,SACsD;AACzD,QAAO,oBAAC,sBAAsB;EAAI,aAAU;EAAoB,GAAI;GAAS;;AAG/E,SAAS,uBAAuB,EAC9B,WACA,OACA,UACA,GAAG,SAGF;AACD,QACE,qBAAC,sBAAsB;EACrB,aAAU;EACV,cAAY;EACZ,WAAW,GACT,8WACA,UACD;EACD,GAAI;aAEH,UACD,oBAAC,oBAAiB,WAAU,mBAAmB;GACd;;AAIvC,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,WAAW,GACT,ifACA,UACD;EACD,GAAI;GACJ"}
+{"version":3,"file":"dropdown-menu.js","names":[],"sources":["../../../src/react/ui/dropdown-menu.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\n/** Menu that displays when triggered by a button or element */\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal\n      data-slot=\"dropdown-menu-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal container={useResolvedPortalContainer()}>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md\",\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"mappings":";;;;;;;;AAQA,SAAS,aAAa,EACpB,GAAG,SACuD;AAC1D,QAAO,oBAAC,sBAAsB;EAAK,aAAU;EAAgB,GAAI;GAAS;;AAG5E,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,GAAG,SAC0D;AAC7D,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,WACA,aAAa,GACb,GAAG,SAC0D;AAC7D,QACE,oBAAC,sBAAsB;EAAO,WAAW,4BAA4B;YACnE,oBAAC,sBAAsB;GACrB,aAAU;GACE;GACZ,WAAW,GACT,0jBACA,UACD;GACD,GAAI;IACJ;GAC2B;;AAInC,SAAS,kBAAkB,EACzB,GAAG,SACwD;AAC3D,QACE,oBAAC,sBAAsB;EAAM,aAAU;EAAsB,GAAI;GAAS;;AAI9E,SAAS,iBAAiB,EACxB,WACA,OACA,UAAU,WACV,GAAG,SAIF;AACD,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,GACT,+mBACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,yBAAyB,EAChC,WACA,UACA,SACA,GAAG,SAC+D;AAClE,QACE,qBAAC,sBAAsB;EACrB,aAAU;EACV,WAAW,GACT,gTACA,UACD;EACQ;EACT,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,sBAAsB,2BACrB,oBAAC,aAAU,WAAU,WAAW,GACI;IACjC,EACN;GACkC;;AAIzC,SAAS,uBAAuB,EAC9B,GAAG,SAC6D;AAChE,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAC4D;AAC/D,QACE,qBAAC,sBAAsB;EACrB,aAAU;EACV,WAAW,GACT,gTACA,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,sBAAsB,2BACrB,oBAAC,cAAW,WAAU,wBAAwB,GACV;IACjC,EACN;GAC+B;;AAItC,SAAS,kBAAkB,EACzB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,cAAY;EACZ,WAAW,GACT,qDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4D;AAC/D,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EACvB,GAAG,SACsD;AACzD,QAAO,oBAAC,sBAAsB;EAAI,aAAU;EAAoB,GAAI;GAAS;;AAG/E,SAAS,uBAAuB,EAC9B,WACA,OACA,UACA,GAAG,SAGF;AACD,QACE,qBAAC,sBAAsB;EACrB,aAAU;EACV,cAAY;EACZ,WAAW,GACT,8WACA,UACD;EACD,GAAI;aAEH,UACD,oBAAC,oBAAiB,WAAU,mBAAmB;GACd;;AAIvC,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAAC,sBAAsB;EACrB,aAAU;EACV,WAAW,GACT,ifACA,UACD;EACD,GAAI;GACJ"}

package/dist/react/ui/empty.d.ts

@@ -1,16 +1,17 @@
-import * as react_jsx_runtime122 from "react/jsx-runtime";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types3 from "class-variance-authority/types";
 
 //#region src/react/ui/empty.d.ts
+/** Empty state component for displaying no-data scenarios */
 declare function Empty({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime122.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime120.JSX.Element;
 declare function EmptyHeader({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime122.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime120.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
   variant?: "default" | "icon" | null | undefined;
 } & class_variance_authority_types3.ClassProp) | undefined) => string;
@@ -18,19 +19,19 @@ declare function EmptyMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime122.JSX.Element;
+}: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime120.JSX.Element;
 declare function EmptyTitle({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime122.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime120.JSX.Element;
 declare function EmptyDescription({
   className,
   ...props
-}: React.ComponentProps<"p">): react_jsx_runtime122.JSX.Element;
+}: React.ComponentProps<"p">): react_jsx_runtime120.JSX.Element;
 declare function EmptyContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime122.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime120.JSX.Element;
 //#endregion
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
 //# sourceMappingURL=empty.d.ts.map

package/dist/react/ui/empty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty.d.ts","names":[],"sources":["../../../src/react/ui/empty.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIS,KAAA;;;GAA+B,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAa1D,WAAA;;;GAAqC,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;cAanE,0BA1BQ;;AAJoD,CAAA,GA2CjE,+BAAA,CAAA,SAvCa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAyCL,UAAA,CAzCK;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA6CX,KAAA,CAAM,cA7CK,CAAA,KAAA,CAAA,GA6CmB,YA7CnB,CAAA,OA6CuC,kBA7CvC,CAAA,CAAA,EA6C0D,oBAAA,CAAA,GAAA,CAAA,OA7C1D;iBAwDL,UAAA,CAxDQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwD4B,KAAA,CAAM,cAxDlC,CAAA,KAAA,CAAA,CAAA,EAwDuD,oBAAA,CAAA,GAAA,CAAA,OAxDvD;iBAkER,gBAAA,CAlEqC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkEK,KAAA,CAAM,cAlEX,CAAA,GAAA,CAAA,CAAA,EAkE8B,oBAAA,CAAA,GAAA,CAAA,OAlE9B;iBA+ErC,YAAA,CA/E0D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+EpB,KAAA,CAAM,cA/Ec,CAAA,KAAA,CAAA,CAAA,EA+EO,oBAAA,CAAA,GAAA,CAAA,OA/EP"}
+{"version":3,"file":"empty.d.ts","names":[],"sources":["../../../src/react/ui/empty.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAKS,KAAA;;;GAA+B,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAa1D,WAAA;;;GAAqC,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;cAanE,0BA1BQ;EAAL,OAAA,CAAK,EAAA,SAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;CAAA,GAuCb,+BAAA,CAAA,SAvCa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAyCL,UAAA,CAzCQ;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA6Cd,KAAA,CAAM,cA7CQ,CAAA,KAAA,CAAA,GA6CgB,YA7ChB,CAAA,OA6CoC,kBA7CpC,CAAA,CAAA,EA6CuD,oBAAA,CAAA,GAAA,CAAA,OA7CvD;iBAwDR,UAAA,CAxDqC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwDD,KAAA,CAAM,cAxDL,CAAA,KAAA,CAAA,CAAA,EAwD0B,oBAAA,CAAA,GAAA,CAAA,OAxD1B;iBAkErC,gBAAA,CAlE0D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkEhB,KAAA,CAAM,cAlEU,CAAA,GAAA,CAAA,CAAA,EAkES,oBAAA,CAAA,GAAA,CAAA,OAlET;iBA+E1D,YAAA,CA/E0D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+EpB,KAAA,CAAM,cA/Ec,CAAA,KAAA,CAAA,CAAA,EA+EO,oBAAA,CAAA,GAAA,CAAA,OA/EP"}

package/dist/react/ui/empty.js

@@ -3,6 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
 //#region src/react/ui/empty.tsx
+/** Empty state component for displaying no-data scenarios */
 function Empty({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "empty",