@sth87/shadcn-design-system 0.0.35 → 0.1.0

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

@@ -1,66 +1,66 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as o from "react";
-import * as a from "@radix-ui/react-tabs";
-import { cn as r } from "../lib/utils.js";
+import { jsx as d } from "react/jsx-runtime";
+import * as i from "react";
+import * as e from "@radix-ui/react-tabs";
+import { cn as a } from "../lib/utils.js";
 function c({
-  className: t,
-  ...e
+  className: s,
+  ...t
 }) {
-  return /* @__PURE__ */ s(
-    a.Root,
+  return /* @__PURE__ */ d(
+    e.Root,
     {
       "data-slot": "tabs",
-      className: r("flex flex-col gap-2", t),
-      ...e
+      className: a("ds:flex ds:flex-col ds:gap-2", s),
+      ...t
     }
   );
 }
-const n = o.forwardRef(({ className: t, ...e }, i) => /* @__PURE__ */ s(
-  a.List,
+const o = i.forwardRef(({ className: s, ...t }, r) => /* @__PURE__ */ d(
+  e.List,
   {
-    ref: i,
+    ref: r,
     "data-slot": "tabs-list",
-    className: r(
-      "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
-      t
+    className: a(
+      "ds:bg-muted ds:text-muted-foreground ds:inline-flex ds:h-9 ds:w-fit ds:items-center ds:justify-center ds:rounded-lg ds:p-[3px]",
+      s
     ),
-    ...e
+    ...t
   }
 ));
-n.displayName = a.List.displayName;
+o.displayName = e.List.displayName;
 function u({
-  className: t,
-  ...e
+  className: s,
+  ...t
 }) {
-  return /* @__PURE__ */ s(
-    a.Trigger,
+  return /* @__PURE__ */ d(
+    e.Trigger,
     {
       "data-slot": "tabs-trigger",
-      className: r(
-        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        t
+      className: a(
+        "ds:data-[state=active]:bg-background ds:dark:data-[state=active]:text-foreground ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:outline-ring ds:dark:data-[state=active]:border-input ds:dark:data-[state=active]:bg-input/30 ds:text-foreground ds:dark:text-muted-foreground ds:inline-flex ds:h-[calc(100%-1px)] ds:flex-1 ds:items-center ds:justify-center ds:gap-1.5 ds:rounded-md ds:border ds:border-transparent ds:px-2 ds:py-1 ds:text-sm ds:font-medium ds:whitespace-nowrap ds:transition-[color,box-shadow] ds:focus-visible:ring-[3px] ds:focus-visible:outline-1 ds:disabled:pointer-events-none ds:disabled:opacity-50 ds:data-[state=active]:shadow-sm ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",
+        s
       ),
-      ...e
+      ...t
     }
   );
 }
 function f({
-  className: t,
-  ...e
+  className: s,
+  ...t
 }) {
-  return /* @__PURE__ */ s(
-    a.Content,
+  return /* @__PURE__ */ d(
+    e.Content,
     {
       "data-slot": "tabs-content",
-      className: r("flex-1 outline-none", t),
-      ...e
+      className: a("ds:flex-1 ds:outline-none", s),
+      ...t
     }
   );
 }
 export {
   c as Tabs,
   f as TabsContent,
-  n as TabsList,
+  o as TabsList,
   u as TabsTrigger
 };
 //# sourceMappingURL=tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../../../../../../../packages/ui/src/components/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  return (\n    <TabsPrimitive.List\n      ref={ref}\n      data-slot=\"tabs-list\"\n      className={cn(\n        \"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]\",\n        className\n      )}\n      {...props}\n    />\n  );\n});\nTabsList.displayName = TabsPrimitive.List.displayName;\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","cn","TabsList","React","ref","TabsTrigger","TabsContent"],"mappings":";;;;AAOA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,uBAAuBJ,CAAS;AAAA,MAC7C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMI,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAN,GAAW,GAAGC,EAAA,GAASM,MAExB,gBAAAL;AAAA,EAACC,EAAc;AAAA,EAAd;AAAA,IACC,KAAAI;AAAA,IACA,aAAU;AAAA,IACV,WAAWH;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,CAGT;AACDI,EAAS,cAAcF,EAAc,KAAK;AAE1C,SAASK,EAAY;AAAA,EACnB,WAAAR;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAY;AAAA,EACnB,WAAAT;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,uBAAuBJ,CAAS;AAAA,MAC7C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"tabs.js","sources":["../../../../../../../../packages/ui/src/components/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(\"ds:flex ds:flex-col ds:gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  return (\n    <TabsPrimitive.List\n      ref={ref}\n      data-slot=\"tabs-list\"\n      className={cn(\n        \"ds:bg-muted ds:text-muted-foreground ds:inline-flex ds:h-9 ds:w-fit ds:items-center ds:justify-center ds:rounded-lg ds:p-[3px]\",\n        className\n      )}\n      {...props}\n    />\n  );\n});\nTabsList.displayName = TabsPrimitive.List.displayName;\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"ds:data-[state=active]:bg-background ds:dark:data-[state=active]:text-foreground ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:outline-ring ds:dark:data-[state=active]:border-input ds:dark:data-[state=active]:bg-input/30 ds:text-foreground ds:dark:text-muted-foreground ds:inline-flex ds:h-[calc(100%-1px)] ds:flex-1 ds:items-center ds:justify-center ds:gap-1.5 ds:rounded-md ds:border ds:border-transparent ds:px-2 ds:py-1 ds:text-sm ds:font-medium ds:whitespace-nowrap ds:transition-[color,box-shadow] ds:focus-visible:ring-[3px] ds:focus-visible:outline-1 ds:disabled:pointer-events-none ds:disabled:opacity-50 ds:data-[state=active]:shadow-sm ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"ds:flex-1 ds:outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","cn","TabsList","React","ref","TabsTrigger","TabsContent"],"mappings":";;;;AAOA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,gCAAgCJ,CAAS;AAAA,MACtD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMI,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAN,GAAW,GAAGC,EAAA,GAASM,MAExB,gBAAAL;AAAA,EAACC,EAAc;AAAA,EAAd;AAAA,IACC,KAAAI;AAAA,IACA,aAAU;AAAA,IACV,WAAWH;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,CAGT;AACDI,EAAS,cAAcF,EAAc,KAAK;AAE1C,SAASK,EAAY;AAAA,EACnB,WAAAR;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAY;AAAA,EACnB,WAAAT;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,6BAA6BJ,CAAS;AAAA,MACnD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -1,22 +1,22 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as n } from "../lib/utils.js";
-import { cva as a } from "class-variance-authority";
-const o = a(
-  "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:background flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+import { jsx as i } from "react/jsx-runtime";
+import { cn as t } from "../lib/utils.js";
+import { cva as n } from "class-variance-authority";
+const a = n(
+  "ds:border-input ds:placeholder:text-muted-foreground ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive ds:dark:background ds:flex ds:field-sizing-content ds:min-h-16 ds:w-full ds:rounded-md ds:border ds:bg-transparent ds:text-base ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:focus-visible:ring-[3px] ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:md:text-sm",
   {
     variants: {
       size: {
-        xs: "text-xs min-h-32 px-2 py-0.5",
-        sm: "text-sm min-h-32 px-2.5 py-1",
-        normal: "min-h-32 px-3 py-1",
-        lg: "min-h-32 px-4 py-2",
-        xl: "min-h-32 px-5 py-3"
+        xs: "ds:text-xs ds:min-h-32 ds:px-2 ds:py-0.5",
+        sm: "ds:text-sm ds:min-h-32 ds:px-2.5 ds:py-1",
+        normal: "ds:min-h-32 ds:px-3 ds:py-1",
+        lg: "ds:min-h-32 ds:px-4 ds:py-2",
+        xl: "ds:min-h-32 ds:px-5 ds:py-3"
       },
       state: {
         default: "",
-        success: "border-success ring-success/30 focus-visible:border-success focus-visible:ring-success/50",
-        error: "border-destructive ring-destructive/30 focus-visible:border-destructive focus-visible:ring-destructive/50",
-        warning: "border-warning ring-warning/30 focus-visible:border-warning focus-visible:ring-warning/50"
+        success: "ds:border-success ds:ring-success/30 ds:focus-visible:border-success ds:focus-visible:ring-success/50",
+        error: "ds:border-destructive ds:ring-destructive/30 ds:focus-visible:border-destructive ds:focus-visible:ring-destructive/50",
+        warning: "ds:border-warning ds:ring-warning/30 ds:focus-visible:border-warning ds:focus-visible:ring-warning/50"
       }
     },
     defaultVariants: {
@@ -25,13 +25,13 @@ const o = a(
     }
   }
 );
-function l({ size: e, state: i, className: r, ...s }) {
-  return /* @__PURE__ */ t(
+function l({ size: d, state: r, className: s, ...e }) {
+  return /* @__PURE__ */ i(
     "textarea",
     {
       "data-slot": "textarea",
-      className: n(o({ size: e, state: i, className: r }), r),
-      ...s
+      className: t(a({ size: d, state: r, className: s }), s),
+      ...e
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sources":["../../../../../../../../packages/ui/src/components/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nconst textareaVariants = cva(\n  \"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:background flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n  {\n    variants: {\n      size: {\n        xs: \"text-xs min-h-32 px-2 py-0.5\",\n        sm: \"text-sm min-h-32 px-2.5 py-1\",\n        normal: \"min-h-32 px-3 py-1\",\n        lg: \"min-h-32 px-4 py-2\",\n        xl: \"min-h-32 px-5 py-3\",\n      },\n      state: {\n        default: \"\",\n        success:\n          \"border-success ring-success/30 focus-visible:border-success focus-visible:ring-success/50\",\n        error:\n          \"border-destructive ring-destructive/30 focus-visible:border-destructive focus-visible:ring-destructive/50\",\n        warning:\n          \"border-warning ring-warning/30 focus-visible:border-warning focus-visible:ring-warning/50\",\n      },\n    },\n    defaultVariants: {\n      size: \"normal\",\n      state: \"default\",\n    },\n  }\n);\n\ntype TextareaProps = Omit<React.ComponentProps<\"textarea\">, \"size\"> & {\n  size?: \"normal\" | \"sm\" | \"xs\" | \"lg\" | \"xl\";\n  state?: \"default\" | \"success\" | \"error\" | \"warning\";\n} & VariantProps<typeof textareaVariants>;\n\nfunction Textarea({ size, state, className, ...props }: TextareaProps) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(textareaVariants({ size, state, className }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea, type TextareaProps };\n"],"names":["textareaVariants","cva","Textarea","size","state","className","props","jsx","cn"],"mappings":";;;AAKA,MAAMA,IAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SACE;AAAA,QACF,OACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAOA,SAASC,EAAS,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,GAAGC,KAAwB;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGR,EAAiB,EAAE,MAAAG,GAAM,OAAAC,GAAO,WAAAC,EAAA,CAAW,GAAGA,CAAS;AAAA,MACpE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"textarea.js","sources":["../../../../../../../../packages/ui/src/components/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nconst textareaVariants = cva(\n  \"ds:border-input ds:placeholder:text-muted-foreground ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive ds:dark:background ds:flex ds:field-sizing-content ds:min-h-16 ds:w-full ds:rounded-md ds:border ds:bg-transparent ds:text-base ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:focus-visible:ring-[3px] ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:md:text-sm\",\n  {\n    variants: {\n      size: {\n        xs: \"ds:text-xs ds:min-h-32 ds:px-2 ds:py-0.5\",\n        sm: \"ds:text-sm ds:min-h-32 ds:px-2.5 ds:py-1\",\n        normal: \"ds:min-h-32 ds:px-3 ds:py-1\",\n        lg: \"ds:min-h-32 ds:px-4 ds:py-2\",\n        xl: \"ds:min-h-32 ds:px-5 ds:py-3\",\n      },\n      state: {\n        default: \"\",\n        success:\n          \"ds:border-success ds:ring-success/30 ds:focus-visible:border-success ds:focus-visible:ring-success/50\",\n        error:\n          \"ds:border-destructive ds:ring-destructive/30 ds:focus-visible:border-destructive ds:focus-visible:ring-destructive/50\",\n        warning:\n          \"ds:border-warning ds:ring-warning/30 ds:focus-visible:border-warning ds:focus-visible:ring-warning/50\",\n      },\n    },\n    defaultVariants: {\n      size: \"normal\",\n      state: \"default\",\n    },\n  }\n);\n\ntype TextareaProps = Omit<React.ComponentProps<\"textarea\">, \"size\"> & {\n  size?: \"normal\" | \"sm\" | \"xs\" | \"lg\" | \"xl\";\n  state?: \"default\" | \"success\" | \"error\" | \"warning\";\n} & VariantProps<typeof textareaVariants>;\n\nfunction Textarea({ size, state, className, ...props }: TextareaProps) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(textareaVariants({ size, state, className }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea, type TextareaProps };\n"],"names":["textareaVariants","cva","Textarea","size","state","className","props","jsx","cn"],"mappings":";;;AAKA,MAAMA,IAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SACE;AAAA,QACF,OACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAOA,SAASC,EAAS,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,GAAGC,KAAwB;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGR,EAAiB,EAAE,MAAAG,GAAM,OAAAC,GAAO,WAAAC,EAAA,CAAW,GAAGA,CAAS;AAAA,MACpE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -1,65 +1,65 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as d from "@radix-ui/react-toggle";
+import { jsx as o } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-toggle";
 import { cva as i } from "class-variance-authority";
 import { cn as u } from "../lib/utils.js";
-const r = {
+const a = {
   primary: {
-    default: "data-[state=on]:bg-primary data-[state=on]:text-primary-foreground",
-    outline: "data-[state=on]:bg-primary data-[state=on]:text-primary-foreground"
+    default: "ds:data-[state=on]:bg-primary ds:data-[state=on]:text-primary-foreground",
+    outline: "ds:data-[state=on]:bg-primary ds:data-[state=on]:text-primary-foreground"
   },
   secondary: {
-    default: "data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground",
-    outline: "data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground"
+    default: "ds:data-[state=on]:bg-secondary ds:data-[state=on]:text-secondary-foreground",
+    outline: "ds:data-[state=on]:bg-secondary ds:data-[state=on]:text-secondary-foreground"
   },
   accent: {
-    default: "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
-    outline: "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground"
+    default: "ds:data-[state=on]:bg-accent ds:data-[state=on]:text-accent-foreground",
+    outline: "ds:data-[state=on]:bg-accent ds:data-[state=on]:text-accent-foreground"
   },
   destructive: {
-    default: "data-[state=on]:bg-destructive data-[state=on]:text-destructive-foreground",
-    outline: "data-[state=on]:bg-destructive data-[state=on]:text-destructive-foreground"
+    default: "ds:data-[state=on]:bg-destructive ds:data-[state=on]:text-destructive-foreground",
+    outline: "ds:data-[state=on]:bg-destructive ds:data-[state=on]:text-destructive-foreground"
   },
   muted: {
-    default: "data-[state=on]:bg-muted data-[state=on]:text-muted-foreground",
-    outline: "data-[state=on]:bg-muted data-[state=on]:text-muted-foreground"
+    default: "ds:data-[state=on]:bg-muted ds:data-[state=on]:text-muted-foreground",
+    outline: "ds:data-[state=on]:bg-muted ds:data-[state=on]:text-muted-foreground"
   },
   success: {
-    default: "data-[state=on]:bg-success data-[state=on]:text-success-foreground",
-    outline: "data-[state=on]:bg-success data-[state=on]:text-success-foreground"
+    default: "ds:data-[state=on]:bg-success ds:data-[state=on]:text-success-foreground",
+    outline: "ds:data-[state=on]:bg-success ds:data-[state=on]:text-success-foreground"
   },
   error: {
-    default: "data-[state=on]:bg-error data-[state=on]:text-error-foreground",
-    outline: "data-[state=on]:bg-error data-[state=on]:text-error-foreground"
+    default: "ds:data-[state=on]:bg-error ds:data-[state=on]:text-error-foreground",
+    outline: "ds:data-[state=on]:bg-error ds:data-[state=on]:text-error-foreground"
   },
   warning: {
-    default: "data-[state=on]:bg-warning data-[state=on]:text-warning-foreground",
-    outline: "data-[state=on]:bg-warning data-[state=on]:text-warning-foreground"
+    default: "ds:data-[state=on]:bg-warning ds:data-[state=on]:text-warning-foreground",
+    outline: "ds:data-[state=on]:bg-warning ds:data-[state=on]:text-warning-foreground"
   }
 }, c = () => {
   const e = [];
-  return Object.keys(r).forEach(
+  return Object.keys(a).forEach(
     (t) => {
-      Object.keys(r[t]).forEach((a) => {
+      Object.keys(a[t]).forEach((s) => {
         e.push({
-          variant: a,
+          variant: s,
           color: t,
-          className: r[t][a]
+          className: a[t][s]
         });
       });
     }
   ), e;
 }, g = i(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  "ds:inline-flex ds:items-center ds:justify-center ds:gap-2 ds:rounded-md ds:text-sm ds:font-medium ds:hover:bg-muted ds:hover:text-muted-foreground ds:disabled:pointer-events-none ds:disabled:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg:not([class*='size-'])]:size-4 ds:[&_svg]:shrink-0 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:outline-none ds:transition-[color,box-shadow] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive ds:whitespace-nowrap",
   {
     variants: {
       variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+        default: "ds:bg-transparent",
+        outline: "ds:border ds:border-input ds:bg-transparent ds:shadow-xs ds:hover:bg-accent ds:hover:text-accent-foreground"
       },
       size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10"
+        default: "ds:h-9 ds:px-2 ds:min-w-9",
+        sm: "ds:h-8 ds:px-1.5 ds:min-w-8",
+        lg: "ds:h-10 ds:px-2.5 ds:min-w-10"
       },
       color: {
         primary: "",
@@ -83,16 +83,16 @@ const r = {
 function b({
   className: e,
   variant: t,
-  size: a,
-  color: o,
-  ...n
+  size: s,
+  color: d,
+  ...r
 }) {
-  return /* @__PURE__ */ s(
-    d.Root,
+  return /* @__PURE__ */ o(
+    n.Root,
     {
       "data-slot": "toggle",
-      className: u(g({ variant: t, size: a, color: o, className: e })),
-      ...n
+      className: u(g({ variant: t, size: s, color: d, className: e })),
+      ...r
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sources":["../../../../../../../../packages/ui/src/components/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst colorVariants = {\n  primary: {\n    default:\n      \"data-[state=on]:bg-primary data-[state=on]:text-primary-foreground\",\n    outline:\n      \"data-[state=on]:bg-primary data-[state=on]:text-primary-foreground\",\n  },\n  secondary: {\n    default:\n      \"data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground\",\n    outline:\n      \"data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground\",\n  },\n  accent: {\n    default: \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n    outline: \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n  },\n  destructive: {\n    default:\n      \"data-[state=on]:bg-destructive data-[state=on]:text-destructive-foreground\",\n    outline:\n      \"data-[state=on]:bg-destructive data-[state=on]:text-destructive-foreground\",\n  },\n  muted: {\n    default: \"data-[state=on]:bg-muted data-[state=on]:text-muted-foreground\",\n    outline: \"data-[state=on]:bg-muted data-[state=on]:text-muted-foreground\",\n  },\n  success: {\n    default:\n      \"data-[state=on]:bg-success data-[state=on]:text-success-foreground\",\n    outline:\n      \"data-[state=on]:bg-success data-[state=on]:text-success-foreground\",\n  },\n  error: {\n    default: \"data-[state=on]:bg-error data-[state=on]:text-error-foreground\",\n    outline: \"data-[state=on]:bg-error data-[state=on]:text-error-foreground\",\n  },\n  warning: {\n    default:\n      \"data-[state=on]:bg-warning data-[state=on]:text-warning-foreground\",\n    outline:\n      \"data-[state=on]:bg-warning data-[state=on]:text-warning-foreground\",\n  },\n};\n\nconst generateCompoundVariants = () => {\n  const variants: Array<{\n    variant: keyof typeof colorVariants.primary;\n    color: keyof typeof colorVariants;\n    className: string;\n  }> = [];\n\n  (Object.keys(colorVariants) as Array<keyof typeof colorVariants>).forEach(\n    (color) => {\n      (\n        Object.keys(colorVariants[color]) as Array<\n          keyof typeof colorVariants.primary\n        >\n      ).forEach((variant) => {\n        variants.push({\n          variant,\n          color,\n          className: colorVariants[color][variant],\n        });\n      });\n    }\n  );\n\n  return variants;\n};\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline:\n          \"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground\",\n      },\n      size: {\n        default: \"h-9 px-2 min-w-9\",\n        sm: \"h-8 px-1.5 min-w-8\",\n        lg: \"h-10 px-2.5 min-w-10\",\n      },\n      color: {\n        primary: \"\",\n        secondary: \"\",\n        accent: \"\",\n        destructive: \"\",\n        muted: \"\",\n        success: \"\",\n        error: \"\",\n        warning: \"\",\n      },\n    },\n    compoundVariants: generateCompoundVariants(),\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      color: \"muted\",\n    },\n  }\n);\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  color,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, color, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Toggle, toggleVariants };\n"],"names":["colorVariants","generateCompoundVariants","variants","color","variant","toggleVariants","cva","Toggle","className","size","props","jsx","TogglePrimitive","cn"],"mappings":";;;;AAQA,MAAMA,IAAgB;AAAA,EACpB,SAAS;AAAA,IACP,SACE;AAAA,IACF,SACE;AAAA,EAAA;AAAA,EAEJ,WAAW;AAAA,IACT,SACE;AAAA,IACF,SACE;AAAA,EAAA;AAAA,EAEJ,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,aAAa;AAAA,IACX,SACE;AAAA,IACF,SACE;AAAA,EAAA;AAAA,EAEJ,OAAO;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,SACE;AAAA,IACF,SACE;AAAA,EAAA;AAAA,EAEJ,OAAO;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,SACE;AAAA,IACF,SACE;AAAA,EAAA;AAEN,GAEMC,IAA2B,MAAM;AACrC,QAAMC,IAID,CAAA;AAEJ,gBAAO,KAAKF,CAAa,EAAwC;AAAA,IAChE,CAACG,MAAU;AAEP,aAAO,KAAKH,EAAcG,CAAK,CAAC,EAGhC,QAAQ,CAACC,MAAY;AACrB,QAAAF,EAAS,KAAK;AAAA,UACZ,SAAAE;AAAA,UACA,OAAAD;AAAA,UACA,WAAWH,EAAcG,CAAK,EAAEC,CAAO;AAAA,QAAA,CACxC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,EAAA,GAGKF;AACT,GAEMG,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,OAAO;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,kBAAkBL,EAAA;AAAA,IAClB,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAEA,SAASM,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,SAAAJ;AAAA,EACA,MAAAK;AAAA,EACA,OAAAN;AAAA,EACA,GAAGO;AACL,GACuC;AACrC,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGR,EAAe,EAAE,SAAAD,GAAS,MAAAK,GAAM,OAAAN,GAAO,WAAAK,EAAA,CAAW,CAAC;AAAA,MAChE,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"toggle.js","sources":["../../../../../../../../packages/ui/src/components/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst colorVariants = {\n  primary: {\n    default:\n      \"ds:data-[state=on]:bg-primary ds:data-[state=on]:text-primary-foreground\",\n    outline:\n      \"ds:data-[state=on]:bg-primary ds:data-[state=on]:text-primary-foreground\",\n  },\n  secondary: {\n    default:\n      \"ds:data-[state=on]:bg-secondary ds:data-[state=on]:text-secondary-foreground\",\n    outline:\n      \"ds:data-[state=on]:bg-secondary ds:data-[state=on]:text-secondary-foreground\",\n  },\n  accent: {\n    default: \"ds:data-[state=on]:bg-accent ds:data-[state=on]:text-accent-foreground\",\n    outline: \"ds:data-[state=on]:bg-accent ds:data-[state=on]:text-accent-foreground\",\n  },\n  destructive: {\n    default:\n      \"ds:data-[state=on]:bg-destructive ds:data-[state=on]:text-destructive-foreground\",\n    outline:\n      \"ds:data-[state=on]:bg-destructive ds:data-[state=on]:text-destructive-foreground\",\n  },\n  muted: {\n    default: \"ds:data-[state=on]:bg-muted ds:data-[state=on]:text-muted-foreground\",\n    outline: \"ds:data-[state=on]:bg-muted ds:data-[state=on]:text-muted-foreground\",\n  },\n  success: {\n    default:\n      \"ds:data-[state=on]:bg-success ds:data-[state=on]:text-success-foreground\",\n    outline:\n      \"ds:data-[state=on]:bg-success ds:data-[state=on]:text-success-foreground\",\n  },\n  error: {\n    default: \"ds:data-[state=on]:bg-error ds:data-[state=on]:text-error-foreground\",\n    outline: \"ds:data-[state=on]:bg-error ds:data-[state=on]:text-error-foreground\",\n  },\n  warning: {\n    default:\n      \"ds:data-[state=on]:bg-warning ds:data-[state=on]:text-warning-foreground\",\n    outline:\n      \"ds:data-[state=on]:bg-warning ds:data-[state=on]:text-warning-foreground\",\n  },\n};\n\nconst generateCompoundVariants = () => {\n  const variants: Array<{\n    variant: keyof typeof colorVariants.primary;\n    color: keyof typeof colorVariants;\n    className: string;\n  }> = [];\n\n  (Object.keys(colorVariants) as Array<keyof typeof colorVariants>).forEach(\n    (color) => {\n      (\n        Object.keys(colorVariants[color]) as Array<\n          keyof typeof colorVariants.primary\n        >\n      ).forEach((variant) => {\n        variants.push({\n          variant,\n          color,\n          className: colorVariants[color][variant],\n        });\n      });\n    }\n  );\n\n  return variants;\n};\n\nconst toggleVariants = cva(\n  \"ds:inline-flex ds:items-center ds:justify-center ds:gap-2 ds:rounded-md ds:text-sm ds:font-medium ds:hover:bg-muted ds:hover:text-muted-foreground ds:disabled:pointer-events-none ds:disabled:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg:not([class*='size-'])]:size-4 ds:[&_svg]:shrink-0 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:outline-none ds:transition-[color,box-shadow] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive ds:whitespace-nowrap\",\n  {\n    variants: {\n      variant: {\n        default: \"ds:bg-transparent\",\n        outline:\n          \"ds:border ds:border-input ds:bg-transparent ds:shadow-xs ds:hover:bg-accent ds:hover:text-accent-foreground\",\n      },\n      size: {\n        default: \"ds:h-9 ds:px-2 ds:min-w-9\",\n        sm: \"ds:h-8 ds:px-1.5 ds:min-w-8\",\n        lg: \"ds:h-10 ds:px-2.5 ds:min-w-10\",\n      },\n      color: {\n        primary: \"\",\n        secondary: \"\",\n        accent: \"\",\n        destructive: \"\",\n        muted: \"\",\n        success: \"\",\n        error: \"\",\n        warning: \"\",\n      },\n    },\n    compoundVariants: generateCompoundVariants(),\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      color: \"muted\",\n    },\n  }\n);\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  color,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, color, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Toggle, toggleVariants };\n"],"names":["colorVariants","generateCompoundVariants","variants","color","variant","toggleVariants","cva","Toggle","className","size","props","jsx","TogglePrimitive","cn"],"mappings":";;;;AAQA,MAAMA,IAAgB;AAAA,EACpB,SAAS;AAAA,IACP,SACE;AAAA,IACF,SACE;AAAA,EAAA;AAAA,EAEJ,WAAW;AAAA,IACT,SACE;AAAA,IACF,SACE;AAAA,EAAA;AAAA,EAEJ,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,aAAa;AAAA,IACX,SACE;AAAA,IACF,SACE;AAAA,EAAA;AAAA,EAEJ,OAAO;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,SACE;AAAA,IACF,SACE;AAAA,EAAA;AAAA,EAEJ,OAAO;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,SACE;AAAA,IACF,SACE;AAAA,EAAA;AAEN,GAEMC,IAA2B,MAAM;AACrC,QAAMC,IAID,CAAA;AAEJ,gBAAO,KAAKF,CAAa,EAAwC;AAAA,IAChE,CAACG,MAAU;AAEP,aAAO,KAAKH,EAAcG,CAAK,CAAC,EAGhC,QAAQ,CAACC,MAAY;AACrB,QAAAF,EAAS,KAAK;AAAA,UACZ,SAAAE;AAAA,UACA,OAAAD;AAAA,UACA,WAAWH,EAAcG,CAAK,EAAEC,CAAO;AAAA,QAAA,CACxC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,EAAA,GAGKF;AACT,GAEMG,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,OAAO;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,kBAAkBL,EAAA;AAAA,IAClB,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAEA,SAASM,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,SAAAJ;AAAA,EACA,MAAAK;AAAA,EACA,OAAAN;AAAA,EACA,GAAGO;AACL,GACuC;AACrC,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGR,EAAe,EAAE,SAAAD,GAAS,MAAAK,GAAM,OAAAN,GAAO,WAAAK,EAAA,CAAW,CAAC;AAAA,MAChE,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -1,45 +1,45 @@
-import { jsx as i, jsxs as d } from "react/jsx-runtime";
+import { jsx as d, jsxs as a } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-tooltip";
-import { cn as l } from "../lib/utils.js";
-function s({
+import { cn as n } from "../lib/utils.js";
+function l({
   delayDuration: t = 0,
-  ...r
+  ...s
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ d(
     o.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: t,
-      ...r
+      ...s
     }
   );
 }
 function p({ ...t }) {
-  return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t }) });
+  return /* @__PURE__ */ d(l, { children: /* @__PURE__ */ d(o.Root, { "data-slot": "tooltip", ...t }) });
 }
 function c({ ...t }) {
-  return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ d(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
 function u({
   className: t,
-  sideOffset: r = 0,
-  children: e,
-  content: a,
-  ...n
+  sideOffset: s = 0,
+  children: i,
+  content: r,
+  ...e
 }) {
-  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ d(o.Portal, { children: /* @__PURE__ */ a(
     o.Content,
     {
       "data-slot": "tooltip-content",
-      sideOffset: r,
-      className: l(
-        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+      sideOffset: s,
+      className: n(
+        "ds:bg-foreground ds:text-background ds:animate-in ds:fade-in-0 ds:zoom-in-95 ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:w-fit ds:origin-(--radix-tooltip-content-transform-origin) ds:rounded-md ds:px-3 ds:py-1.5 ds:text-xs ds:text-balance",
         t
       ),
-      ...n,
+      ...e,
       children: [
-        a ?? e,
-        /* @__PURE__ */ i(o.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        r ?? i,
+        /* @__PURE__ */ d(o.Arrow, { className: "ds:bg-foreground ds:fill-foreground ds:z-50 ds:size-2.5 ds:translate-y-[calc(-50%_-_2px)] ds:rotate-45 ds:rounded-[2px]" })
       ]
     }
   ) });
@@ -47,7 +47,7 @@ function u({
 export {
   p as Tooltip,
   u as TooltipContent,
-  s as TooltipProvider,
+  l as TooltipProvider,
   c as TooltipTrigger
 };
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../../../../../packages/ui/src/components/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\ntype TooltipProviderProps = React.ComponentProps<\n  typeof TooltipPrimitive.Provider\n> & {\n  delayDuration?: number;\n};\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: TooltipProviderProps) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\ntype TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\n\nfunction Tooltip({ ...props }: TooltipProps) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\ntype TooltipTriggerProps = React.ComponentProps<\n  typeof TooltipPrimitive.Trigger\n>;\n\nfunction TooltipTrigger({ ...props }: TooltipTriggerProps) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\ntype TooltipContentProps = Omit<\n  React.ComponentProps<typeof TooltipPrimitive.Content>,\n  \"content\"\n> & {\n  sideOffset?: number;\n  content?: React.ReactNode;\n};\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  content,\n  ...props\n}: TooltipContentProps) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className\n        )}\n        {...props}\n      >\n        {content ?? children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\nexport type {\n  TooltipProps,\n  TooltipTriggerProps,\n  TooltipContentProps,\n  TooltipProviderProps,\n};\n"],"names":["TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","content","jsxs","cn"],"mappings":";;;AAaA,SAASA,EAAgB;AAAA,EACvB,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GAAyB;AACvB,SACE,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,eAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAIA,SAASG,EAAQ,EAAE,GAAGH,KAAuB;AAC3C,SACE,gBAAAC,EAACH,GAAA,EACC,UAAA,gBAAAG,EAACC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGF,EAAA,CAAO,EAAA,CACxD;AAEJ;AAMA,SAASI,EAAe,EAAE,GAAGJ,KAA8B;AACzD,2BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAUA,SAASK,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGT;AACL,GAAwB;AACtB,SACE,gBAAAC,EAACC,EAAiB,QAAjB,EACC,UAAA,gBAAAQ;AAAA,IAACR,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,YAAAK;AAAA,MACA,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGN;AAAA,MAEH,UAAA;AAAA,QAAAS,KAAWD;AAAA,QACZ,gBAAAP,EAACC,EAAiB,OAAjB,EAAuB,WAAU,qGAAA,CAAqG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE3I;AAEJ;"}
+{"version":3,"file":"tooltip.js","sources":["../../../../../../../../packages/ui/src/components/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\ntype TooltipProviderProps = React.ComponentProps<\n  typeof TooltipPrimitive.Provider\n> & {\n  delayDuration?: number;\n};\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: TooltipProviderProps) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\ntype TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\n\nfunction Tooltip({ ...props }: TooltipProps) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\ntype TooltipTriggerProps = React.ComponentProps<\n  typeof TooltipPrimitive.Trigger\n>;\n\nfunction TooltipTrigger({ ...props }: TooltipTriggerProps) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\ntype TooltipContentProps = Omit<\n  React.ComponentProps<typeof TooltipPrimitive.Content>,\n  \"content\"\n> & {\n  sideOffset?: number;\n  content?: React.ReactNode;\n};\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  content,\n  ...props\n}: TooltipContentProps) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"ds:bg-foreground ds:text-background ds:animate-in ds:fade-in-0 ds:zoom-in-95 ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:w-fit ds:origin-(--radix-tooltip-content-transform-origin) ds:rounded-md ds:px-3 ds:py-1.5 ds:text-xs ds:text-balance\",\n          className\n        )}\n        {...props}\n      >\n        {content ?? children}\n        <TooltipPrimitive.Arrow className=\"ds:bg-foreground ds:fill-foreground ds:z-50 ds:size-2.5 ds:translate-y-[calc(-50%_-_2px)] ds:rotate-45 ds:rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\nexport type {\n  TooltipProps,\n  TooltipTriggerProps,\n  TooltipContentProps,\n  TooltipProviderProps,\n};\n"],"names":["TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","content","jsxs","cn"],"mappings":";;;AAaA,SAASA,EAAgB;AAAA,EACvB,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GAAyB;AACvB,SACE,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,eAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAIA,SAASG,EAAQ,EAAE,GAAGH,KAAuB;AAC3C,SACE,gBAAAC,EAACH,GAAA,EACC,UAAA,gBAAAG,EAACC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGF,EAAA,CAAO,EAAA,CACxD;AAEJ;AAMA,SAASI,EAAe,EAAE,GAAGJ,KAA8B;AACzD,2BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAUA,SAASK,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGT;AACL,GAAwB;AACtB,SACE,gBAAAC,EAACC,EAAiB,QAAjB,EACC,UAAA,gBAAAQ;AAAA,IAACR,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,YAAAK;AAAA,MACA,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGN;AAAA,MAEH,UAAA;AAAA,QAAAS,KAAWD;AAAA,QACZ,gBAAAP,EAACC,EAAiB,OAAjB,EAAuB,WAAU,0HAAA,CAA0H;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEhK;AAEJ;"}