@sth87/shadcn-design-system 0.0.36 → 0.1.0

package/dist/esm/packages/ui/src/components/dialog.js

@@ -1,76 +1,76 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-dialog";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import * as d from "@radix-ui/react-dialog";
 import { XIcon as c } from "lucide-react";
-import { cn as n } from "../lib/utils.js";
+import { cn as e } from "../lib/utils.js";
 function v({
   ...t
 }) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ a(d.Root, { "data-slot": "dialog", ...t });
 }
 function b({
   ...t
 }) {
-  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "dialog-trigger", ...t });
+  return /* @__PURE__ */ a(d.Trigger, { "data-slot": "dialog-trigger", ...t });
 }
 function u({
   ...t
 }) {
-  return /* @__PURE__ */ e(o.Portal, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ a(d.Portal, { "data-slot": "dialog-portal", ...t });
 }
 function f({
   className: t,
-  backdropFilter: a,
-  overlay: i = "dark",
-  ...l
+  backdropFilter: s,
+  overlay: o = "dark",
+  ...n
 }) {
-  const s = i === "dark" ? "bg-black/50" : "bg-white/50";
-  return /* @__PURE__ */ e(
-    o.Overlay,
+  const i = o === "dark" ? "bg-black/50" : "bg-white/50";
+  return /* @__PURE__ */ a(
+    d.Overlay,
     {
       "data-slot": "dialog-overlay",
-      className: 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",
-        s,
+      className: e(
+        "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:fixed ds:inset-0 ds:z-50",
+        i,
         t
       ),
-      style: a ? { backdropFilter: `blur(${a}px)` } : void 0,
-      ...l
+      style: s ? { backdropFilter: `blur(${s}px)` } : void 0,
+      ...n
     }
   );
 }
 function D({
   className: t,
-  children: a,
-  showCloseButton: i = !0,
-  noDefaultAnimation: l,
-  backdropFilter: s,
-  overlay: d,
+  children: s,
+  showCloseButton: o = !0,
+  noDefaultAnimation: n,
+  backdropFilter: i,
+  overlay: r,
   ...g
 }) {
-  return /* @__PURE__ */ r(u, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e(f, { backdropFilter: s, overlay: d }),
-    /* @__PURE__ */ r(
-      o.Content,
+  return /* @__PURE__ */ l(u, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(f, { backdropFilter: i, overlay: r }),
+    /* @__PURE__ */ l(
+      d.Content,
       {
         "data-slot": "dialog-content",
-        className: n(
-          "bg-background 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",
+        className: e(
+          "ds:bg-background ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:fixed ds:top-[50%] ds:left-[50%] ds:z-50 ds:grid ds:w-full ds:max-w-[calc(100%-2rem)] ds:translate-x-[-50%] ds:translate-y-[-50%] ds:gap-4 ds:rounded-lg ds:border ds:p-6 ds:shadow-lg ds:duration-200 ds:sm:max-w-lg",
           {
-            "data-[state=open]:animate-in": !l
+            "ds:data-[state=open]:animate-in": !n
           },
           t
         ),
         ...g,
         children: [
-          a,
-          i && /* @__PURE__ */ r(
-            o.Close,
+          s,
+          o && /* @__PURE__ */ l(
+            d.Close,
             {
               "data-slot": "dialog-close",
-              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",
+              className: "ds:ring-offset-background ds:focus:ring-ring ds:data-[state=open]:bg-accent ds:data-[state=open]:text-muted-foreground ds:absolute ds:top-4 ds:right-4 ds:rounded-xs ds:opacity-70 ds:transition-opacity ds:hover:opacity-100 ds:focus:ring-2 ds:focus:ring-offset-2 ds:focus:outline-hidden ds:disabled:pointer-events-none ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ e(c, {}),
-                /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ a(c, {}),
+                /* @__PURE__ */ a("span", { className: "ds:sr-only", children: "Close" })
               ]
             }
           )
@@ -79,52 +79,52 @@ function D({
     )
   ] });
 }
-function h({ className: t, ...a }) {
-  return /* @__PURE__ */ e(
+function h({ className: t, ...s }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "dialog-header",
-      className: n("flex flex-col gap-2 text-center sm:text-left", t),
-      ...a
+      className: e("ds:flex ds:flex-col ds:gap-2 ds:text-center ds:sm:text-left", t),
+      ...s
     }
   );
 }
-function y({ className: t, ...a }) {
-  return /* @__PURE__ */ e(
+function y({ className: t, ...s }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "dialog-footer",
-      className: n(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+      className: e(
+        "ds:flex ds:flex-col-reverse ds:gap-2 ds:sm:flex-row ds:sm:justify-end",
         t
       ),
-      ...a
+      ...s
     }
   );
 }
 function N({
   className: t,
-  ...a
+  ...s
 }) {
-  return /* @__PURE__ */ e(
-    o.Title,
+  return /* @__PURE__ */ a(
+    d.Title,
     {
       "data-slot": "dialog-title",
-      className: n("text-lg leading-none font-semibold", t),
-      ...a
+      className: e("ds:text-lg ds:leading-none ds:font-semibold", t),
+      ...s
     }
   );
 }
 function k({
   className: t,
-  ...a
+  ...s
 }) {
-  return /* @__PURE__ */ e(
-    o.Description,
+  return /* @__PURE__ */ a(
+    d.Description,
     {
       "data-slot": "dialog-description",
-      className: n("text-muted-foreground text-sm", t),
-      ...a
+      className: e("ds:text-muted-foreground ds:text-sm", t),
+      ...s
     }
   );
 }

package/dist/esm/packages/ui/src/components/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../../../../../../packages/ui/src/components/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\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  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\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  backdropFilter,\n  overlay = \"dark\",\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay> & {\n  backdropFilter?: number;\n  overlay?: \"dark\" | \"light\";\n}) {\n  const overlayClass = overlay === \"dark\" ? \"bg-black/50\" : \"bg-white/50\";\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\",\n        overlayClass,\n        className\n      )}\n      style={\n        backdropFilter\n          ? { backdropFilter: `blur(${backdropFilter}px)` }\n          : undefined\n      }\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  noDefaultAnimation,\n  backdropFilter,\n  overlay,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n  noDefaultAnimation?: boolean;\n  backdropFilter?: number;\n  overlay?: \"dark\" | \"light\";\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay backdropFilter={backdropFilter} overlay={overlay} />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background 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          {\n            \"data-[state=open]:animate-in\": !noDefaultAnimation,\n          },\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"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","className","backdropFilter","overlay","overlayClass","jsx","cn","DialogContent","children","showCloseButton","noDefaultAnimation","jsxs","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;AAQA,SAASA,EAAO;AAAA,EACd,GAAGC;AACL,GAAsD;AACpD,2BAAQC,EAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAGD,GAAO;AAC7D;AAEA,SAASE,EAAc;AAAA,EACrB,GAAGF;AACL,GAAyD;AACvD,2BAAQC,EAAgB,SAAhB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;AAEA,SAASG,EAAa;AAAA,EACpB,GAAGH;AACL,GAAwD;AACtD,2BAAQC,EAAgB,QAAhB,EAAuB,aAAU,iBAAiB,GAAGD,GAAO;AACtE;AAQA,SAASI,EAAc;AAAA,EACrB,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGP;AACL,GAGG;AACD,QAAMQ,IAAeD,MAAY,SAAS,gBAAgB;AAC1D,SACE,gBAAAE;AAAA,IAACR,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWS;AAAA,QACT;AAAA,QACAF;AAAA,QACAH;AAAA,MAAA;AAAA,MAEF,OACEC,IACI,EAAE,gBAAgB,QAAQA,CAAc,UACxC;AAAA,MAEL,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASW,EAAc;AAAA,EACrB,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,oBAAAC;AAAA,EACA,gBAAAR;AAAA,EACA,SAAAC;AAAA,EACA,GAAGP;AACL,GAKG;AACD,SACE,gBAAAe,EAACZ,GAAA,EAAa,aAAU,iBACtB,UAAA;AAAA,IAAA,gBAAAM,EAACL,GAAA,EAAc,gBAAAE,GAAgC,SAAAC,EAAA,CAAkB;AAAA,IACjE,gBAAAQ;AAAA,MAACd,EAAgB;AAAA,MAAhB;AAAA,QACC,aAAU;AAAA,QACV,WAAWS;AAAA,UACT;AAAA,UACA;AAAA,YACE,gCAAgC,CAACI;AAAA,UAAA;AAAA,UAEnCT;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,QAEH,UAAA;AAAA,UAAAY;AAAA,UACAC,KACC,gBAAAE;AAAA,YAACd,EAAgB;AAAA,YAAhB;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAQ,EAACO,GAAA,EAAM;AAAA,gBACP,gBAAAP,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;AAEA,SAASQ,EAAa,EAAE,WAAAZ,GAAW,GAAGL,KAAsC;AAC1E,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,gDAAgDL,CAAS;AAAA,MACtE,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASkB,EAAa,EAAE,WAAAb,GAAW,GAAGL,KAAsC;AAC1E,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASmB,EAAY;AAAA,EACnB,WAAAd;AAAA,EACA,GAAGL;AACL,GAAuD;AACrD,SACE,gBAAAS;AAAA,IAACR,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWS,EAAG,sCAAsCL,CAAS;AAAA,MAC5D,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASoB,EAAkB;AAAA,EACzB,WAAAf;AAAA,EACA,GAAGL;AACL,GAA6D;AAC3D,SACE,gBAAAS;AAAA,IAACR,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWS,EAAG,iCAAiCL,CAAS;AAAA,MACvD,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"dialog.js","sources":["../../../../../../../../packages/ui/src/components/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\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  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\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  backdropFilter,\n  overlay = \"dark\",\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay> & {\n  backdropFilter?: number;\n  overlay?: \"dark\" | \"light\";\n}) {\n  const overlayClass = overlay === \"dark\" ? \"bg-black/50\" : \"bg-white/50\";\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:fixed ds:inset-0 ds:z-50\",\n        overlayClass,\n        className\n      )}\n      style={\n        backdropFilter\n          ? { backdropFilter: `blur(${backdropFilter}px)` }\n          : undefined\n      }\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  noDefaultAnimation,\n  backdropFilter,\n  overlay,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n  noDefaultAnimation?: boolean;\n  backdropFilter?: number;\n  overlay?: \"dark\" | \"light\";\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay backdropFilter={backdropFilter} overlay={overlay} />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"ds:bg-background ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:fixed ds:top-[50%] ds:left-[50%] ds:z-50 ds:grid ds:w-full ds:max-w-[calc(100%-2rem)] ds:translate-x-[-50%] ds:translate-y-[-50%] ds:gap-4 ds:rounded-lg ds:border ds:p-6 ds:shadow-lg ds:duration-200 ds:sm:max-w-lg\",\n          {\n            \"ds:data-[state=open]:animate-in\": !noDefaultAnimation,\n          },\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"ds:ring-offset-background ds:focus:ring-ring ds:data-[state=open]:bg-accent ds:data-[state=open]:text-muted-foreground ds:absolute ds:top-4 ds:right-4 ds:rounded-xs ds:opacity-70 ds:transition-opacity ds:hover:opacity-100 ds:focus:ring-2 ds:focus:ring-offset-2 ds:focus:outline-hidden ds:disabled:pointer-events-none ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"ds: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(\"ds:flex ds:flex-col ds:gap-2 ds:text-center ds: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        \"ds:flex ds:flex-col-reverse ds:gap-2 ds:sm:flex-row ds: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(\"ds:text-lg ds:leading-none ds: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(\"ds:text-muted-foreground ds: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"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","className","backdropFilter","overlay","overlayClass","jsx","cn","DialogContent","children","showCloseButton","noDefaultAnimation","jsxs","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;AAQA,SAASA,EAAO;AAAA,EACd,GAAGC;AACL,GAAsD;AACpD,2BAAQC,EAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAGD,GAAO;AAC7D;AAEA,SAASE,EAAc;AAAA,EACrB,GAAGF;AACL,GAAyD;AACvD,2BAAQC,EAAgB,SAAhB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;AAEA,SAASG,EAAa;AAAA,EACpB,GAAGH;AACL,GAAwD;AACtD,2BAAQC,EAAgB,QAAhB,EAAuB,aAAU,iBAAiB,GAAGD,GAAO;AACtE;AAQA,SAASI,EAAc;AAAA,EACrB,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGP;AACL,GAGG;AACD,QAAMQ,IAAeD,MAAY,SAAS,gBAAgB;AAC1D,SACE,gBAAAE;AAAA,IAACR,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWS;AAAA,QACT;AAAA,QACAF;AAAA,QACAH;AAAA,MAAA;AAAA,MAEF,OACEC,IACI,EAAE,gBAAgB,QAAQA,CAAc,UACxC;AAAA,MAEL,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASW,EAAc;AAAA,EACrB,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,oBAAAC;AAAA,EACA,gBAAAR;AAAA,EACA,SAAAC;AAAA,EACA,GAAGP;AACL,GAKG;AACD,SACE,gBAAAe,EAACZ,GAAA,EAAa,aAAU,iBACtB,UAAA;AAAA,IAAA,gBAAAM,EAACL,GAAA,EAAc,gBAAAE,GAAgC,SAAAC,EAAA,CAAkB;AAAA,IACjE,gBAAAQ;AAAA,MAACd,EAAgB;AAAA,MAAhB;AAAA,QACC,aAAU;AAAA,QACV,WAAWS;AAAA,UACT;AAAA,UACA;AAAA,YACE,mCAAmC,CAACI;AAAA,UAAA;AAAA,UAEtCT;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,QAEH,UAAA;AAAA,UAAAY;AAAA,UACAC,KACC,gBAAAE;AAAA,YAACd,EAAgB;AAAA,YAAhB;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAQ,EAACO,GAAA,EAAM;AAAA,gBACP,gBAAAP,EAAC,QAAA,EAAK,WAAU,cAAa,UAAA,QAAA,CAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACpC;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;AAEA,SAASQ,EAAa,EAAE,WAAAZ,GAAW,GAAGL,KAAsC;AAC1E,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,+DAA+DL,CAAS;AAAA,MACrF,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASkB,EAAa,EAAE,WAAAb,GAAW,GAAGL,KAAsC;AAC1E,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASmB,EAAY;AAAA,EACnB,WAAAd;AAAA,EACA,GAAGL;AACL,GAAuD;AACrD,SACE,gBAAAS;AAAA,IAACR,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWS,EAAG,+CAA+CL,CAAS;AAAA,MACrE,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASoB,EAAkB;AAAA,EACzB,WAAAf;AAAA,EACA,GAAGL;AACL,GAA6D;AAC3D,SACE,gBAAAS;AAAA,IAACR,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWS,EAAG,uCAAuCL,CAAS;AAAA,MAC7D,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/packages/ui/src/components/drawer.js

@@ -1,31 +1,31 @@
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Drawer as e } from "vaul";
-import { cn as d } from "../lib/utils.js";
-function s({
+import { jsx as d, jsxs as o } from "react/jsx-runtime";
+import { Drawer as a } from "vaul";
+import { cn as e } from "../lib/utils.js";
+function w({
   ...t
 }) {
-  return /* @__PURE__ */ a(e.Root, { "data-slot": "drawer", ...t });
+  return /* @__PURE__ */ d(a.Root, { "data-slot": "drawer", ...t });
 }
 function m({
   ...t
 }) {
-  return /* @__PURE__ */ a(e.Trigger, { "data-slot": "drawer-trigger", ...t });
+  return /* @__PURE__ */ d(a.Trigger, { "data-slot": "drawer-trigger", ...t });
 }
-function n({
+function i({
   ...t
 }) {
-  return /* @__PURE__ */ a(e.Portal, { "data-slot": "drawer-portal", ...t });
+  return /* @__PURE__ */ d(a.Portal, { "data-slot": "drawer-portal", ...t });
 }
-function l({
+function n({
   className: t,
   ...r
 }) {
-  return /* @__PURE__ */ a(
-    e.Overlay,
+  return /* @__PURE__ */ d(
+    a.Overlay,
     {
       "data-slot": "drawer-overlay",
-      className: d(
-        "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",
+      className: e(
+        "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:fixed ds:inset-0 ds:z-50 ds:bg-black/50",
         t
       ),
       ...r
@@ -35,25 +35,25 @@ function l({
 function f({
   className: t,
   children: r,
-  ...i
+  ...s
 }) {
-  return /* @__PURE__ */ o(n, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ a(l, {}),
+  return /* @__PURE__ */ o(i, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ d(n, {}),
     /* @__PURE__ */ o(
-      e.Content,
+      a.Content,
       {
         "data-slot": "drawer-content",
-        className: d(
-          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
-          "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",
-          "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",
-          "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",
-          "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",
+        className: e(
+          "ds:group/drawer-content ds:bg-background ds:fixed ds:z-50 ds:flex ds:h-auto ds:flex-col",
+          "ds:data-[vaul-drawer-direction=top]:inset-x-0 ds:data-[vaul-drawer-direction=top]:top-0 ds:data-[vaul-drawer-direction=top]:mb-24 ds:data-[vaul-drawer-direction=top]:max-h-[80vh] ds:data-[vaul-drawer-direction=top]:rounded-b-lg ds:data-[vaul-drawer-direction=top]:border-b",
+          "ds:data-[vaul-drawer-direction=bottom]:inset-x-0 ds:data-[vaul-drawer-direction=bottom]:bottom-0 ds:data-[vaul-drawer-direction=bottom]:mt-24 ds:data-[vaul-drawer-direction=bottom]:max-h-[80vh] ds:data-[vaul-drawer-direction=bottom]:rounded-t-lg ds:data-[vaul-drawer-direction=bottom]:border-t",
+          "ds:data-[vaul-drawer-direction=right]:inset-y-0 ds:data-[vaul-drawer-direction=right]:right-0 ds:data-[vaul-drawer-direction=right]:w-3/4 ds:data-[vaul-drawer-direction=right]:border-l ds:data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "ds:data-[vaul-drawer-direction=left]:inset-y-0 ds:data-[vaul-drawer-direction=left]:left-0 ds:data-[vaul-drawer-direction=left]:w-3/4 ds:data-[vaul-drawer-direction=left]:border-r ds:data-[vaul-drawer-direction=left]:sm:max-w-sm",
           t
         ),
-        ...i,
+        ...s,
         children: [
-          /* @__PURE__ */ a("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" }),
+          /* @__PURE__ */ d("div", { className: "ds:bg-muted ds:mx-auto ds:mt-4 ds:hidden ds:h-2 ds:w-[100px] ds:shrink-0 ds:rounded-full ds:group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           r
         ]
       }
@@ -61,12 +61,12 @@ function f({
   ] });
 }
 function v({ className: t, ...r }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ d(
     "div",
     {
       "data-slot": "drawer-header",
-      className: d(
-        "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",
+      className: e(
+        "ds:flex ds:flex-col ds:gap-0.5 ds:p-4 ds:group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center ds:group-data-[vaul-drawer-direction=top]/drawer-content:text-center ds:md:gap-1.5 ds:md:text-left",
         t
       ),
       ...r
@@ -74,11 +74,11 @@ function v({ className: t, ...r }) {
   );
 }
 function p({ className: t, ...r }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ d(
     "div",
     {
       "data-slot": "drawer-footer",
-      className: d("mt-auto flex flex-col gap-2 p-4", t),
+      className: e("ds:mt-auto ds:flex ds:flex-col ds:gap-2 ds:p-4", t),
       ...r
     }
   );
@@ -87,11 +87,11 @@ function g({
   className: t,
   ...r
 }) {
-  return /* @__PURE__ */ a(
-    e.Title,
+  return /* @__PURE__ */ d(
+    a.Title,
     {
       "data-slot": "drawer-title",
-      className: d("text-foreground font-semibold", t),
+      className: e("ds:text-foreground ds:font-semibold", t),
       ...r
     }
   );
@@ -100,23 +100,23 @@ function x({
   className: t,
   ...r
 }) {
-  return /* @__PURE__ */ a(
-    e.Description,
+  return /* @__PURE__ */ d(
+    a.Description,
     {
       "data-slot": "drawer-description",
-      className: d("text-muted-foreground text-sm", t),
+      className: e("ds:text-muted-foreground ds:text-sm", t),
       ...r
     }
   );
 }
 export {
-  s as Drawer,
+  w as Drawer,
   f as DrawerContent,
   x as DrawerDescription,
   p as DrawerFooter,
   v as DrawerHeader,
-  l as DrawerOverlay,
-  n as DrawerPortal,
+  n as DrawerOverlay,
+  i as DrawerPortal,
   g as DrawerTitle,
   m as DrawerTrigger
 };

package/dist/esm/packages/ui/src/components/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../../../../../../packages/ui/src/components/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\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  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\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"],"names":["Drawer","props","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerOverlay","className","jsx","cn","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;AAOA,SAASA,EAAO;AAAA,EACd,GAAGC;AACL,GAAsD;AACpD,2BAAQC,EAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAGD,GAAO;AAC7D;AAEA,SAASE,EAAc;AAAA,EACrB,GAAGF;AACL,GAAyD;AACvD,2BAAQC,EAAgB,SAAhB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;AAEA,SAASG,EAAa;AAAA,EACpB,GAAGH;AACL,GAAwD;AACtD,2BAAQC,EAAgB,QAAhB,EAAuB,aAAU,iBAAiB,GAAGD,GAAO;AACtE;AAQA,SAASI,EAAc;AAAA,EACrB,WAAAC;AAAA,EACA,GAAGL;AACL,GAAyD;AACvD,SACE,gBAAAM;AAAA,IAACL,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWM;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAc;AAAA,EACrB,WAAAH;AAAA,EACA,UAAAI;AAAA,EACA,GAAGT;AACL,GAAyD;AACvD,SACE,gBAAAU,EAACP,GAAA,EAAa,aAAU,iBACtB,UAAA;AAAA,IAAA,gBAAAG,EAACF,GAAA,EAAc;AAAA,IACf,gBAAAM;AAAA,MAACT,EAAgB;AAAA,MAAhB;AAAA,QACC,aAAU;AAAA,QACV,WAAWM;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAF;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,kIAAA,CAAkI;AAAA,UAChJG;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAEA,SAASE,EAAa,EAAE,WAAAN,GAAW,GAAGL,KAAsC;AAC1E,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASY,EAAa,EAAE,WAAAP,GAAW,GAAGL,KAAsC;AAC1E,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,mCAAmCF,CAAS;AAAA,MACzD,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASa,EAAY;AAAA,EACnB,WAAAR;AAAA,EACA,GAAGL;AACL,GAAuD;AACrD,SACE,gBAAAM;AAAA,IAACL,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWM,EAAG,iCAAiCF,CAAS;AAAA,MACvD,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASc,EAAkB;AAAA,EACzB,WAAAT;AAAA,EACA,GAAGL;AACL,GAA6D;AAC3D,SACE,gBAAAM;AAAA,IAACL,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWM,EAAG,iCAAiCF,CAAS;AAAA,MACvD,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"drawer.js","sources":["../../../../../../../../packages/ui/src/components/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\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  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\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        \"ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:fixed ds:inset-0 ds:z-50 ds: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          \"ds:group/drawer-content ds:bg-background ds:fixed ds:z-50 ds:flex ds:h-auto ds:flex-col\",\n          \"ds:data-[vaul-drawer-direction=top]:inset-x-0 ds:data-[vaul-drawer-direction=top]:top-0 ds:data-[vaul-drawer-direction=top]:mb-24 ds:data-[vaul-drawer-direction=top]:max-h-[80vh] ds:data-[vaul-drawer-direction=top]:rounded-b-lg ds:data-[vaul-drawer-direction=top]:border-b\",\n          \"ds:data-[vaul-drawer-direction=bottom]:inset-x-0 ds:data-[vaul-drawer-direction=bottom]:bottom-0 ds:data-[vaul-drawer-direction=bottom]:mt-24 ds:data-[vaul-drawer-direction=bottom]:max-h-[80vh] ds:data-[vaul-drawer-direction=bottom]:rounded-t-lg ds:data-[vaul-drawer-direction=bottom]:border-t\",\n          \"ds:data-[vaul-drawer-direction=right]:inset-y-0 ds:data-[vaul-drawer-direction=right]:right-0 ds:data-[vaul-drawer-direction=right]:w-3/4 ds:data-[vaul-drawer-direction=right]:border-l ds:data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n          \"ds:data-[vaul-drawer-direction=left]:inset-y-0 ds:data-[vaul-drawer-direction=left]:left-0 ds:data-[vaul-drawer-direction=left]:w-3/4 ds:data-[vaul-drawer-direction=left]:border-r ds:data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"ds:bg-muted ds:mx-auto ds:mt-4 ds:hidden ds:h-2 ds:w-[100px] ds:shrink-0 ds:rounded-full ds: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        \"ds:flex ds:flex-col ds:gap-0.5 ds:p-4 ds:group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center ds:group-data-[vaul-drawer-direction=top]/drawer-content:text-center ds:md:gap-1.5 ds: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(\"ds:mt-auto ds:flex ds:flex-col ds:gap-2 ds: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(\"ds:text-foreground ds: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(\"ds:text-muted-foreground ds: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"],"names":["Drawer","props","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerOverlay","className","jsx","cn","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;AAOA,SAASA,EAAO;AAAA,EACd,GAAGC;AACL,GAAsD;AACpD,2BAAQC,EAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAGD,GAAO;AAC7D;AAEA,SAASE,EAAc;AAAA,EACrB,GAAGF;AACL,GAAyD;AACvD,2BAAQC,EAAgB,SAAhB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;AAEA,SAASG,EAAa;AAAA,EACpB,GAAGH;AACL,GAAwD;AACtD,2BAAQC,EAAgB,QAAhB,EAAuB,aAAU,iBAAiB,GAAGD,GAAO;AACtE;AAQA,SAASI,EAAc;AAAA,EACrB,WAAAC;AAAA,EACA,GAAGL;AACL,GAAyD;AACvD,SACE,gBAAAM;AAAA,IAACL,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWM;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAc;AAAA,EACrB,WAAAH;AAAA,EACA,UAAAI;AAAA,EACA,GAAGT;AACL,GAAyD;AACvD,SACE,gBAAAU,EAACP,GAAA,EAAa,aAAU,iBACtB,UAAA;AAAA,IAAA,gBAAAG,EAACF,GAAA,EAAc;AAAA,IACf,gBAAAM;AAAA,MAACT,EAAgB;AAAA,MAAhB;AAAA,QACC,aAAU;AAAA,QACV,WAAWM;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAF;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,6JAAA,CAA6J;AAAA,UAC3KG;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAEA,SAASE,EAAa,EAAE,WAAAN,GAAW,GAAGL,KAAsC;AAC1E,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASY,EAAa,EAAE,WAAAP,GAAW,GAAGL,KAAsC;AAC1E,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,kDAAkDF,CAAS;AAAA,MACxE,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASa,EAAY;AAAA,EACnB,WAAAR;AAAA,EACA,GAAGL;AACL,GAAuD;AACrD,SACE,gBAAAM;AAAA,IAACL,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWM,EAAG,uCAAuCF,CAAS;AAAA,MAC7D,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASc,EAAkB;AAAA,EACzB,WAAAT;AAAA,EACA,GAAGL;AACL,GAA6D;AAC3D,SACE,gBAAAM;AAAA,IAACL,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWM,EAAG,uCAAuCF,CAAS;AAAA,MAC7D,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}