@sth87/shadcn-design-system 0.0.36 → 0.1.0

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

@@ -1,143 +1,143 @@
-import { jsxs as l, Fragment as n, jsx as a } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-separator";
-import { cn as p } from "../lib/utils.js";
+import { jsxs as t, Fragment as m, jsx as s } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-separator";
+import { cn as c } from "../lib/utils.js";
 const u = {
-  primary: "bg-primary",
-  secondary: "bg-secondary",
-  accent: "bg-accent",
-  destructive: "bg-destructive",
-  muted: "bg-muted",
-  success: "bg-success",
-  error: "bg-error",
-  warning: "bg-warning"
+  primary: "ds:bg-primary",
+  secondary: "ds:bg-secondary",
+  accent: "ds:bg-accent",
+  destructive: "ds:bg-destructive",
+  muted: "ds:bg-muted",
+  success: "ds:bg-success",
+  error: "ds:bg-error",
+  warning: "ds:bg-warning"
 };
 function g({
-  className: c,
-  orientation: r = "horizontal",
-  decorative: s = !0,
-  textPosition: m = "center",
-  children: o,
-  color: d,
+  className: n,
+  orientation: d = "horizontal",
+  decorative: a = !0,
+  textPosition: o = "center",
+  children: l,
+  color: p,
   ...x
 }) {
-  const e = d ? u[d] : "bg-border";
-  if (o) {
-    if (r === "horizontal")
-      return /* @__PURE__ */ l("div", { className: p("flex items-center", c), children: [
-        m === "start" && /* @__PURE__ */ l(n, { children: [
-          /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground", children: o }),
-          /* @__PURE__ */ a(
-            t.Root,
+  const r = p ? u[p] : "bg-border";
+  if (l) {
+    if (d === "horizontal")
+      return /* @__PURE__ */ t("div", { className: c("ds:flex ds:items-center", n), children: [
+        o === "start" && /* @__PURE__ */ t(m, { children: [
+          /* @__PURE__ */ s("span", { className: "ds:text-sm ds:text-muted-foreground", children: l }),
+          /* @__PURE__ */ s(
+            e.Root,
             {
               "data-slot": "separator",
-              decorative: s,
-              orientation: r,
-              className: `${e} shrink-0 h-px flex-1 ml-2`
+              decorative: a,
+              orientation: d,
+              className: `${r} ds:shrink-0 ds:h-px ds:flex-1 ds:ml-2`
             }
           )
         ] }),
-        m === "center" && /* @__PURE__ */ l(n, { children: [
-          /* @__PURE__ */ a(
-            t.Root,
+        o === "center" && /* @__PURE__ */ t(m, { children: [
+          /* @__PURE__ */ s(
+            e.Root,
             {
               "data-slot": "separator",
-              decorative: s,
-              orientation: r,
-              className: `${e} shrink-0 h-px flex-1`
+              decorative: a,
+              orientation: d,
+              className: `${r} ds:shrink-0 ds:h-px ds:flex-1`
             }
           ),
-          /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground px-2", children: o }),
-          /* @__PURE__ */ a(
-            t.Root,
+          /* @__PURE__ */ s("span", { className: "ds:text-sm ds:text-muted-foreground ds:px-2", children: l }),
+          /* @__PURE__ */ s(
+            e.Root,
             {
               "data-slot": "separator",
-              decorative: s,
-              orientation: r,
-              className: `${e} shrink-0 h-px flex-1`
+              decorative: a,
+              orientation: d,
+              className: `${r} ds:shrink-0 ds:h-px ds:flex-1`
             }
           )
         ] }),
-        m === "end" && /* @__PURE__ */ l(n, { children: [
-          /* @__PURE__ */ a(
-            t.Root,
+        o === "end" && /* @__PURE__ */ t(m, { children: [
+          /* @__PURE__ */ s(
+            e.Root,
             {
               "data-slot": "separator",
-              decorative: s,
-              orientation: r,
-              className: `${e} shrink-0 h-px flex-1 mr-2`
+              decorative: a,
+              orientation: d,
+              className: `${r} ds:shrink-0 ds:h-px ds:flex-1 ds:mr-2`
             }
           ),
-          /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground", children: o })
+          /* @__PURE__ */ s("span", { className: "ds:text-sm ds:text-muted-foreground", children: l })
         ] })
       ] });
-    if (r === "vertical")
-      return /* @__PURE__ */ l(
+    if (d === "vertical")
+      return /* @__PURE__ */ t(
         "div",
         {
-          className: p(
-            "flex flex-col items-center",
-            r === "vertical" && "h-full",
-            c
+          className: c(
+            "ds:flex ds:flex-col ds:items-center",
+            d === "vertical" && "ds:h-full",
+            n
           ),
           children: [
-            m === "start" && /* @__PURE__ */ l(n, { children: [
-              /* @__PURE__ */ a("span", { className: "text-sm text-foreground bg-background px-1 rounded", children: o }),
-              /* @__PURE__ */ a(
-                t.Root,
+            o === "start" && /* @__PURE__ */ t(m, { children: [
+              /* @__PURE__ */ s("span", { className: "ds:text-sm ds:text-foreground ds:bg-background ds:px-1 ds:rounded", children: l }),
+              /* @__PURE__ */ s(
+                e.Root,
                 {
                   "data-slot": "separator",
-                  decorative: s,
-                  orientation: r,
-                  className: `${e} shrink-0 w-px h-full flex-1 mt-2`
+                  decorative: a,
+                  orientation: d,
+                  className: `${r} ds:shrink-0 ds:w-px ds:h-full ds:flex-1 ds:mt-2`
                 }
               )
             ] }),
-            m === "center" && /* @__PURE__ */ l(n, { children: [
-              /* @__PURE__ */ a(
-                t.Root,
+            o === "center" && /* @__PURE__ */ t(m, { children: [
+              /* @__PURE__ */ s(
+                e.Root,
                 {
                   "data-slot": "separator",
-                  decorative: s,
-                  orientation: r,
-                  className: `${e} shrink-0 w-px h-full flex-1`
+                  decorative: a,
+                  orientation: d,
+                  className: `${r} ds:shrink-0 ds:w-px ds:h-full ds:flex-1`
                 }
               ),
-              /* @__PURE__ */ a("span", { className: "text-sm text-foreground bg-background px-1 rounded", children: o }),
-              /* @__PURE__ */ a(
-                t.Root,
+              /* @__PURE__ */ s("span", { className: "ds:text-sm ds:text-foreground ds:bg-background ds:px-1 ds:rounded", children: l }),
+              /* @__PURE__ */ s(
+                e.Root,
                 {
                   "data-slot": "separator",
-                  decorative: s,
-                  orientation: r,
-                  className: `${e} shrink-0 w-px h-full flex-1`
+                  decorative: a,
+                  orientation: d,
+                  className: `${r} ds:shrink-0 ds:w-px ds:h-full ds:flex-1`
                 }
               )
             ] }),
-            m === "end" && /* @__PURE__ */ l(n, { children: [
-              /* @__PURE__ */ a(
-                t.Root,
+            o === "end" && /* @__PURE__ */ t(m, { children: [
+              /* @__PURE__ */ s(
+                e.Root,
                 {
                   "data-slot": "separator",
-                  decorative: s,
-                  orientation: r,
-                  className: `${e} shrink-0 w-px h-full flex-1 mb-2`
+                  decorative: a,
+                  orientation: d,
+                  className: `${r} ds:shrink-0 ds:w-px ds:h-full ds:flex-1 ds:mb-2`
                 }
               ),
-              /* @__PURE__ */ a("span", { className: "text-sm text-foreground bg-background px-1 rounded", children: o })
+              /* @__PURE__ */ s("span", { className: "ds:text-sm ds:text-foreground ds:bg-background ds:px-1 ds:rounded", children: l })
             ] })
           ]
         }
       );
   }
-  return /* @__PURE__ */ a(
-    t.Root,
+  return /* @__PURE__ */ s(
+    e.Root,
     {
       "data-slot": "separator",
-      decorative: s,
-      orientation: r,
-      className: p(
-        `${e} shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,
-        c
+      decorative: a,
+      orientation: d,
+      className: c(
+        `${r} ds:shrink-0 ds:data-[orientation=horizontal]:h-px ds:data-[orientation=horizontal]:w-full ds:data-[orientation=vertical]:h-full ds:data-[orientation=vertical]:w-px`,
+        n
       ),
       ...x
     }

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

@@ -1 +1 @@
-{"version":3,"file":"separator.js","sources":["../../../../../../../../packages/ui/src/components/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst colorVariants = {\n  primary: \"bg-primary\",\n  secondary: \"bg-secondary\",\n  accent: \"bg-accent\",\n  destructive: \"bg-destructive\",\n  muted: \"bg-muted\",\n  success: \"bg-success\",\n  error: \"bg-error\",\n  warning: \"bg-warning\",\n};\n\ninterface SeparatorProps\n  extends React.ComponentProps<typeof SeparatorPrimitive.Root> {\n  textPosition?: \"start\" | \"center\" | \"end\";\n  children?: React.ReactNode;\n  color?: keyof typeof colorVariants;\n}\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  textPosition = \"center\",\n  children,\n  color,\n  ...props\n}: SeparatorProps) {\n  const baseColor = color ? colorVariants[color] : \"bg-border\";\n  if (children) {\n    if (orientation === \"horizontal\") {\n      return (\n        <div className={cn(\"flex items-center\", className)}>\n          {textPosition === \"start\" && (\n            <>\n              <span className=\"text-sm text-muted-foreground\">{children}</span>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} shrink-0 h-px flex-1 ml-2`}\n              />\n            </>\n          )}\n          {textPosition === \"center\" && (\n            <>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} shrink-0 h-px flex-1`}\n              />\n              <span className=\"text-sm text-muted-foreground px-2\">\n                {children}\n              </span>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} shrink-0 h-px flex-1`}\n              />\n            </>\n          )}\n          {textPosition === \"end\" && (\n            <>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} shrink-0 h-px flex-1 mr-2`}\n              />\n              <span className=\"text-sm text-muted-foreground\">{children}</span>\n            </>\n          )}\n        </div>\n      );\n    } else if (orientation === \"vertical\") {\n      return (\n        <div\n          className={cn(\n            \"flex flex-col items-center\",\n            orientation === \"vertical\" && \"h-full\",\n            className\n          )}\n        >\n          {textPosition === \"start\" && (\n            <>\n              <span className=\"text-sm text-foreground bg-background px-1 rounded\">\n                {children}\n              </span>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} shrink-0 w-px h-full flex-1 mt-2`}\n              />\n            </>\n          )}\n          {textPosition === \"center\" && (\n            <>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} shrink-0 w-px h-full flex-1`}\n              />\n              <span className=\"text-sm text-foreground bg-background px-1 rounded\">\n                {children}\n              </span>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} shrink-0 w-px h-full flex-1`}\n              />\n            </>\n          )}\n          {textPosition === \"end\" && (\n            <>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} shrink-0 w-px h-full flex-1 mb-2`}\n              />\n              <span className=\"text-sm text-foreground bg-background px-1 rounded\">\n                {children}\n              </span>\n            </>\n          )}\n        </div>\n      );\n    }\n  }\n\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        `${baseColor} shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator, type SeparatorProps };\n"],"names":["colorVariants","Separator","className","orientation","decorative","textPosition","children","color","props","baseColor","cn","jsxs","Fragment","jsx","SeparatorPrimitive"],"mappings":"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"}
+{"version":3,"file":"separator.js","sources":["../../../../../../../../packages/ui/src/components/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst colorVariants = {\n  primary: \"ds:bg-primary\",\n  secondary: \"ds:bg-secondary\",\n  accent: \"ds:bg-accent\",\n  destructive: \"ds:bg-destructive\",\n  muted: \"ds:bg-muted\",\n  success: \"ds:bg-success\",\n  error: \"ds:bg-error\",\n  warning: \"ds:bg-warning\",\n};\n\ninterface SeparatorProps\n  extends React.ComponentProps<typeof SeparatorPrimitive.Root> {\n  textPosition?: \"start\" | \"center\" | \"end\";\n  children?: React.ReactNode;\n  color?: keyof typeof colorVariants;\n}\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  textPosition = \"center\",\n  children,\n  color,\n  ...props\n}: SeparatorProps) {\n  const baseColor = color ? colorVariants[color] : \"bg-border\";\n  if (children) {\n    if (orientation === \"horizontal\") {\n      return (\n        <div className={cn(\"ds:flex ds:items-center\", className)}>\n          {textPosition === \"start\" && (\n            <>\n              <span className=\"ds:text-sm ds:text-muted-foreground\">{children}</span>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} ds:shrink-0 ds:h-px ds:flex-1 ds:ml-2`}\n              />\n            </>\n          )}\n          {textPosition === \"center\" && (\n            <>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} ds:shrink-0 ds:h-px ds:flex-1`}\n              />\n              <span className=\"ds:text-sm ds:text-muted-foreground ds:px-2\">\n                {children}\n              </span>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} ds:shrink-0 ds:h-px ds:flex-1`}\n              />\n            </>\n          )}\n          {textPosition === \"end\" && (\n            <>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} ds:shrink-0 ds:h-px ds:flex-1 ds:mr-2`}\n              />\n              <span className=\"ds:text-sm ds:text-muted-foreground\">{children}</span>\n            </>\n          )}\n        </div>\n      );\n    } else if (orientation === \"vertical\") {\n      return (\n        <div\n          className={cn(\n            \"ds:flex ds:flex-col ds:items-center\",\n            orientation === \"vertical\" && \"ds:h-full\",\n            className\n          )}\n        >\n          {textPosition === \"start\" && (\n            <>\n              <span className=\"ds:text-sm ds:text-foreground ds:bg-background ds:px-1 ds:rounded\">\n                {children}\n              </span>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} ds:shrink-0 ds:w-px ds:h-full ds:flex-1 ds:mt-2`}\n              />\n            </>\n          )}\n          {textPosition === \"center\" && (\n            <>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} ds:shrink-0 ds:w-px ds:h-full ds:flex-1`}\n              />\n              <span className=\"ds:text-sm ds:text-foreground ds:bg-background ds:px-1 ds:rounded\">\n                {children}\n              </span>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} ds:shrink-0 ds:w-px ds:h-full ds:flex-1`}\n              />\n            </>\n          )}\n          {textPosition === \"end\" && (\n            <>\n              <SeparatorPrimitive.Root\n                data-slot=\"separator\"\n                decorative={decorative}\n                orientation={orientation}\n                className={`${baseColor} ds:shrink-0 ds:w-px ds:h-full ds:flex-1 ds:mb-2`}\n              />\n              <span className=\"ds:text-sm ds:text-foreground ds:bg-background ds:px-1 ds:rounded\">\n                {children}\n              </span>\n            </>\n          )}\n        </div>\n      );\n    }\n  }\n\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        `${baseColor} ds:shrink-0 ds:data-[orientation=horizontal]:h-px ds:data-[orientation=horizontal]:w-full ds:data-[orientation=vertical]:h-full ds:data-[orientation=vertical]:w-px`,\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator, type SeparatorProps };\n"],"names":["colorVariants","Separator","className","orientation","decorative","textPosition","children","color","props","baseColor","cn","jsxs","Fragment","jsx","SeparatorPrimitive"],"mappings":"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"}

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

@@ -1,112 +1,112 @@
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-dialog";
-import { XIcon as d } from "lucide-react";
-import { cn as s } from "../lib/utils.js";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import * as d from "@radix-ui/react-dialog";
+import { XIcon as l } from "lucide-react";
+import { cn as o } from "../lib/utils.js";
 function p({ ...t }) {
-  return /* @__PURE__ */ o(a.Root, { "data-slot": "sheet", ...t });
+  return /* @__PURE__ */ e(d.Root, { "data-slot": "sheet", ...t });
 }
 function g({
   ...t
 }) {
-  return /* @__PURE__ */ o(a.Trigger, { "data-slot": "sheet-trigger", ...t });
+  return /* @__PURE__ */ e(d.Trigger, { "data-slot": "sheet-trigger", ...t });
 }
 function c({
   ...t
 }) {
-  return /* @__PURE__ */ o(a.Portal, { "data-slot": "sheet-portal", ...t });
+  return /* @__PURE__ */ e(d.Portal, { "data-slot": "sheet-portal", ...t });
 }
 function f({
   className: t,
-  ...e
+  ...s
 }) {
-  return /* @__PURE__ */ o(
-    a.Overlay,
+  return /* @__PURE__ */ e(
+    d.Overlay,
     {
       "data-slot": "sheet-overlay",
-      className: s(
-        "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: o(
+        "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
       ),
-      ...e
+      ...s
     }
   );
 }
 function x({
   className: t,
-  overlayClassName: e,
-  children: i,
-  side: n = "right",
-  ...l
+  overlayClassName: s,
+  children: r,
+  side: a = "right",
+  ...i
 }) {
-  return /* @__PURE__ */ r(c, { children: [
-    /* @__PURE__ */ o(f, { className: e }),
-    /* @__PURE__ */ r(
-      a.Content,
+  return /* @__PURE__ */ n(c, { children: [
+    /* @__PURE__ */ e(f, { className: s }),
+    /* @__PURE__ */ n(
+      d.Content,
       {
         "data-slot": "sheet-content",
-        className: s(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          n === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 top-0 h-full w-3/4 border-l sm:max-w-sm",
-          n === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 top-0 h-full w-3/4 border-r sm:max-w-sm",
-          n === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto w-full border-b",
-          n === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto w-full border-t",
+        className: o(
+          "ds:bg-background ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:fixed ds:z-50 ds:flex ds:flex-col ds:gap-4 ds:shadow-lg ds:transition ds:ease-in-out ds:data-[state=closed]:duration-300 ds:data-[state=open]:duration-500",
+          a === "right" && "ds:data-[state=closed]:slide-out-to-right ds:data-[state=open]:slide-in-from-right ds:inset-y-0 ds:right-0 ds:top-0 ds:h-full ds:w-3/4 ds:border-l ds:sm:max-w-sm",
+          a === "left" && "ds:data-[state=closed]:slide-out-to-left ds:data-[state=open]:slide-in-from-left ds:inset-y-0 ds:left-0 ds:top-0 ds:h-full ds:w-3/4 ds:border-r ds:sm:max-w-sm",
+          a === "top" && "ds:data-[state=closed]:slide-out-to-top ds:data-[state=open]:slide-in-from-top ds:inset-x-0 ds:top-0 ds:h-auto ds:w-full ds:border-b",
+          a === "bottom" && "ds:data-[state=closed]:slide-out-to-bottom ds:data-[state=open]:slide-in-from-bottom ds:inset-x-0 ds:bottom-0 ds:h-auto ds:w-full ds:border-t",
           t
         ),
-        ...l,
+        ...i,
         children: [
-          i,
-          /* @__PURE__ */ r(a.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary 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", children: [
-            /* @__PURE__ */ o(d, { className: "size-4" }),
-            /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+          r,
+          /* @__PURE__ */ n(d.Close, { className: "ds:ring-offset-background ds:focus:ring-ring ds:data-[state=open]:bg-secondary 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", children: [
+            /* @__PURE__ */ e(l, { className: "ds:size-4" }),
+            /* @__PURE__ */ e("span", { className: "ds:sr-only", children: "Close" })
           ] })
         ]
       }
     )
   ] });
 }
-function b({ className: t, ...e }) {
-  return /* @__PURE__ */ o(
+function b({ className: t, ...s }) {
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sheet-header",
-      className: s("flex flex-col gap-1.5 p-4", t),
-      ...e
+      className: o("ds:flex ds:flex-col ds:gap-1.5 ds:p-4", t),
+      ...s
     }
   );
 }
-function y({ className: t, ...e }) {
-  return /* @__PURE__ */ o(
+function y({ className: t, ...s }) {
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sheet-footer",
-      className: s("mt-auto flex flex-col gap-2 p-4", t),
-      ...e
+      className: o("ds:mt-auto ds:flex ds:flex-col ds:gap-2 ds:p-4", t),
+      ...s
     }
   );
 }
 function N({
   className: t,
-  ...e
+  ...s
 }) {
-  return /* @__PURE__ */ o(
-    a.Title,
+  return /* @__PURE__ */ e(
+    d.Title,
     {
       "data-slot": "sheet-title",
-      className: s("text-foreground font-semibold", t),
-      ...e
+      className: o("ds:text-foreground ds:font-semibold", t),
+      ...s
     }
   );
 }
 function S({
   className: t,
-  ...e
+  ...s
 }) {
-  return /* @__PURE__ */ o(
-    a.Description,
+  return /* @__PURE__ */ e(
+    d.Description,
     {
       "data-slot": "sheet-description",
-      className: s("text-muted-foreground text-sm", t),
-      ...e
+      className: o("ds:text-muted-foreground ds:text-sm", t),
+      ...s
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sources":["../../../../../../../../packages/ui/src/components/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  overlayClassName,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  overlayClassName?: string;\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay className={overlayClassName} />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          side === \"right\" &&\n            \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 top-0 h-full w-3/4 border-l sm:max-w-sm\",\n          side === \"left\" &&\n            \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 top-0 h-full w-3/4 border-r sm:max-w-sm\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto w-full border-b\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto w-full border-t\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary 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\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"names":["Sheet","props","SheetPrimitive","SheetTrigger","SheetPortal","SheetOverlay","className","jsx","cn","SheetContent","overlayClassName","children","side","jsxs","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;AAQA,SAASA,EAAM,EAAE,GAAGC,KAA2D;AAC7E,2BAAQC,EAAe,MAAf,EAAoB,aAAU,SAAS,GAAGD,GAAO;AAC3D;AAEA,SAASE,EAAa;AAAA,EACpB,GAAGF;AACL,GAAwD;AACtD,2BAAQC,EAAe,SAAf,EAAuB,aAAU,iBAAiB,GAAGD,GAAO;AACtE;AAQA,SAASG,EAAY;AAAA,EACnB,GAAGH;AACL,GAAuD;AACrD,2BAAQC,EAAe,QAAf,EAAsB,aAAU,gBAAgB,GAAGD,GAAO;AACpE;AAEA,SAASI,EAAa;AAAA,EACpB,WAAAC;AAAA,EACA,GAAGL;AACL,GAAwD;AACtD,SACE,gBAAAM;AAAA,IAACL,EAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAWM;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAa;AAAA,EACpB,WAAAH;AAAA,EACA,kBAAAI;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGX;AACL,GAGG;AACD,2BACGG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAG,EAACF,GAAA,EAAa,WAAWK,EAAA,CAAkB;AAAA,IAC3C,gBAAAG;AAAA,MAACX,EAAe;AAAA,MAAf;AAAA,QACC,aAAU;AAAA,QACV,WAAWM;AAAA,UACT;AAAA,UACAI,MAAS,WACP;AAAA,UACFA,MAAS,UACP;AAAA,UACFA,MAAS,SACP;AAAA,UACFA,MAAS,YACP;AAAA,UACFN;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,QAEH,UAAA;AAAA,UAAAU;AAAA,UACD,gBAAAE,EAACX,EAAe,OAAf,EAAqB,WAAU,8OAC9B,UAAA;AAAA,YAAA,gBAAAK,EAACO,GAAA,EAAM,WAAU,SAAA,CAAS;AAAA,YAC1B,gBAAAP,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,UAAA,EAAA,CACjC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAASQ,EAAY,EAAE,WAAAT,GAAW,GAAGL,KAAsC;AACzE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,6BAA6BF,CAAS;AAAA,MACnD,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASe,EAAY,EAAE,WAAAV,GAAW,GAAGL,KAAsC;AACzE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,mCAAmCF,CAAS;AAAA,MACzD,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASgB,EAAW;AAAA,EAClB,WAAAX;AAAA,EACA,GAAGL;AACL,GAAsD;AACpD,SACE,gBAAAM;AAAA,IAACL,EAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAWM,EAAG,iCAAiCF,CAAS;AAAA,MACvD,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASiB,EAAiB;AAAA,EACxB,WAAAZ;AAAA,EACA,GAAGL;AACL,GAA4D;AAC1D,SACE,gBAAAM;AAAA,IAACL,EAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAWM,EAAG,iCAAiCF,CAAS;AAAA,MACvD,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"sheet.js","sources":["../../../../../../../../packages/ui/src/components/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"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 SheetContent({\n  className,\n  overlayClassName,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  overlayClassName?: string;\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay className={overlayClassName} />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"ds:bg-background ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:fixed ds:z-50 ds:flex ds:flex-col ds:gap-4 ds:shadow-lg ds:transition ds:ease-in-out ds:data-[state=closed]:duration-300 ds:data-[state=open]:duration-500\",\n          side === \"right\" &&\n            \"ds:data-[state=closed]:slide-out-to-right ds:data-[state=open]:slide-in-from-right ds:inset-y-0 ds:right-0 ds:top-0 ds:h-full ds:w-3/4 ds:border-l ds:sm:max-w-sm\",\n          side === \"left\" &&\n            \"ds:data-[state=closed]:slide-out-to-left ds:data-[state=open]:slide-in-from-left ds:inset-y-0 ds:left-0 ds:top-0 ds:h-full ds:w-3/4 ds:border-r ds:sm:max-w-sm\",\n          side === \"top\" &&\n            \"ds:data-[state=closed]:slide-out-to-top ds:data-[state=open]:slide-in-from-top ds:inset-x-0 ds:top-0 ds:h-auto ds:w-full ds:border-b\",\n          side === \"bottom\" &&\n            \"ds:data-[state=closed]:slide-out-to-bottom ds:data-[state=open]:slide-in-from-bottom ds:inset-x-0 ds:bottom-0 ds:h-auto ds:w-full ds:border-t\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ds:ring-offset-background ds:focus:ring-ring ds:data-[state=open]:bg-secondary 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\">\n          <XIcon className=\"ds:size-4\" />\n          <span className=\"ds:sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"ds:flex ds:flex-col ds:gap-1.5 ds:p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-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 SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"ds:text-foreground ds:font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"ds:text-muted-foreground ds:text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"names":["Sheet","props","SheetPrimitive","SheetTrigger","SheetPortal","SheetOverlay","className","jsx","cn","SheetContent","overlayClassName","children","side","jsxs","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;AAQA,SAASA,EAAM,EAAE,GAAGC,KAA2D;AAC7E,2BAAQC,EAAe,MAAf,EAAoB,aAAU,SAAS,GAAGD,GAAO;AAC3D;AAEA,SAASE,EAAa;AAAA,EACpB,GAAGF;AACL,GAAwD;AACtD,2BAAQC,EAAe,SAAf,EAAuB,aAAU,iBAAiB,GAAGD,GAAO;AACtE;AAQA,SAASG,EAAY;AAAA,EACnB,GAAGH;AACL,GAAuD;AACrD,2BAAQC,EAAe,QAAf,EAAsB,aAAU,gBAAgB,GAAGD,GAAO;AACpE;AAEA,SAASI,EAAa;AAAA,EACpB,WAAAC;AAAA,EACA,GAAGL;AACL,GAAwD;AACtD,SACE,gBAAAM;AAAA,IAACL,EAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAWM;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAa;AAAA,EACpB,WAAAH;AAAA,EACA,kBAAAI;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGX;AACL,GAGG;AACD,2BACGG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAG,EAACF,GAAA,EAAa,WAAWK,EAAA,CAAkB;AAAA,IAC3C,gBAAAG;AAAA,MAACX,EAAe;AAAA,MAAf;AAAA,QACC,aAAU;AAAA,QACV,WAAWM;AAAA,UACT;AAAA,UACAI,MAAS,WACP;AAAA,UACFA,MAAS,UACP;AAAA,UACFA,MAAS,SACP;AAAA,UACFA,MAAS,YACP;AAAA,UACFN;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,QAEH,UAAA;AAAA,UAAAU;AAAA,UACD,gBAAAE,EAACX,EAAe,OAAf,EAAqB,WAAU,wRAC9B,UAAA;AAAA,YAAA,gBAAAK,EAACO,GAAA,EAAM,WAAU,YAAA,CAAY;AAAA,YAC7B,gBAAAP,EAAC,QAAA,EAAK,WAAU,cAAa,UAAA,QAAA,CAAK;AAAA,UAAA,EAAA,CACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAASQ,EAAY,EAAE,WAAAT,GAAW,GAAGL,KAAsC;AACzE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,yCAAyCF,CAAS;AAAA,MAC/D,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASe,EAAY,EAAE,WAAAV,GAAW,GAAGL,KAAsC;AACzE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,kDAAkDF,CAAS;AAAA,MACxE,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASgB,EAAW;AAAA,EAClB,WAAAX;AAAA,EACA,GAAGL;AACL,GAAsD;AACpD,SACE,gBAAAM;AAAA,IAACL,EAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAWM,EAAG,uCAAuCF,CAAS;AAAA,MAC7D,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASiB,EAAiB;AAAA,EACxB,WAAAZ;AAAA,EACA,GAAGL;AACL,GAA4D;AAC1D,SACE,gBAAAM;AAAA,IAACL,EAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAWM,EAAG,uCAAuCF,CAAS;AAAA,MAC7D,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}