@sth87/shadcn-design-system 0.0.35 → 0.1.0

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

@@ -1,16 +1,16 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-label";
-import { cn as r } from "../lib/utils.js";
-function s({
+import { jsx as s } from "react/jsx-runtime";
+import * as d from "@radix-ui/react-label";
+import { cn as o } from "../lib/utils.js";
+function i({
   className: e,
   ...t
 }) {
-  return /* @__PURE__ */ o(
-    a.Root,
+  return /* @__PURE__ */ s(
+    d.Root,
     {
       "data-slot": "label",
-      className: r(
-        "flex items-center gap-2 text-sm font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+      className: o(
+        "ds:flex ds:items-center ds:gap-2 ds:text-sm ds:font-medium ds:select-none ds:group-data-[disabled=true]:pointer-events-none ds:group-data-[disabled=true]:opacity-50 ds:peer-disabled:cursor-not-allowed ds:peer-disabled:opacity-50",
         e
       ),
       ...t
@@ -18,6 +18,6 @@ function s({
   );
 }
 export {
-  s as Label
+  i as Label
 };
 //# sourceMappingURL=label.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"label.js","sources":["../../../../../../../../packages/ui/src/components/label.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"names":["Label","className","props","jsx","LabelPrimitive","cn"],"mappings":";;;AAOA,SAASA,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,GAAGC;AACL,GAAqD;AACnD,SACE,gBAAAC;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"label.js","sources":["../../../../../../../../packages/ui/src/components/label.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"ds:flex ds:items-center ds:gap-2 ds:text-sm ds:font-medium ds:select-none ds:group-data-[disabled=true]:pointer-events-none ds:group-data-[disabled=true]:opacity-50 ds:peer-disabled:cursor-not-allowed ds:peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"names":["Label","className","props","jsx","LabelPrimitive","cn"],"mappings":";;;AAOA,SAASA,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,GAAGC;AACL,GAAqD;AACnD,SACE,gBAAAC;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { MoreHorizontalIcon as m, ChevronRightIcon as f, ChevronLeftIcon as g } from "lucide-react";
+import { MoreHorizontalIcon as d, ChevronRightIcon as m, ChevronLeftIcon as f } from "lucide-react";
 import { cn as o } from "../lib/utils.js";
-import { buttonVariants as p } from "./button.js";
+import { buttonVariants as g } from "./button.js";
 function P({ className: t, ...n }) {
   return /* @__PURE__ */ e(
     "nav",
@@ -9,7 +9,7 @@ function P({ className: t, ...n }) {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: o("mx-auto flex w-full justify-center", t),
+      className: o("ds:mx-auto ds:flex ds:w-full ds:justify-center", t),
       ...n
     }
   );
@@ -22,7 +22,7 @@ function v({
     "ul",
     {
       "data-slot": "pagination-content",
-      className: o("flex flex-row items-center gap-1", t),
+      className: o("ds:flex ds:flex-row ds:items-center ds:gap-1", t),
       ...n
     }
   );
@@ -33,7 +33,7 @@ function j({ ...t }) {
     {
       "data-slot": "pagination-item",
       ...t,
-      className: o("flex items-center cursor-pointer", t?.className)
+      className: o("ds:flex ds:items-center ds:cursor-pointer", t?.className)
     }
   );
 }
@@ -41,8 +41,8 @@ function u({
   className: t,
   isActive: n,
   size: a = "icon",
-  color: i,
-  ...r
+  color: s,
+  ...i
 }) {
   return /* @__PURE__ */ e(
     "a",
@@ -51,14 +51,14 @@ function u({
       "data-slot": "pagination-link",
       "data-active": n,
       className: o(
-        p({
+        g({
           variant: n ? "outline" : "ghost",
           size: a,
-          color: i
+          color: s
         }),
         t
       ),
-      ...r
+      ...i
     }
   );
 }
@@ -66,20 +66,20 @@ function b({
   className: t,
   children: n,
   size: a = "normal",
-  hideIcon: i = !1,
-  ...r
+  hideIcon: s = !1,
+  ...i
 }) {
-  const l = !a || !a.startsWith("icon") && !a.startsWith("circle"), s = n === !1 ? null : n || "Previous";
+  const l = !a || !a.startsWith("icon") && !a.startsWith("circle"), r = n === !1 ? null : n || "Previous";
   return /* @__PURE__ */ c(
     u,
     {
       "aria-label": "Go to previous page",
       size: a,
-      className: o("gap-1 justify-center items-center", t),
-      ...r,
+      className: o("ds:gap-1 ds:justify-center ds:items-center", t),
+      ...i,
       children: [
-        !i && /* @__PURE__ */ e(g, {}),
-        l && s && /* @__PURE__ */ e("span", { children: s })
+        !s && /* @__PURE__ */ e(f, {}),
+        l && r && /* @__PURE__ */ e("span", { children: r })
       ]
     }
   );
@@ -88,28 +88,28 @@ function w({
   className: t,
   children: n,
   size: a = "normal",
-  hideIcon: i = !1,
-  ...r
+  hideIcon: s = !1,
+  ...i
 }) {
-  const l = !a || !a.startsWith("icon") && !a.startsWith("circle"), s = n === !1 ? null : n || "Next";
+  const l = !a || !a.startsWith("icon") && !a.startsWith("circle"), r = n === !1 ? null : n || "Next";
   return /* @__PURE__ */ c(
     u,
     {
       "aria-label": "Go to next page",
       size: a,
-      className: o("gap-1 justify-center items-center", t),
-      ...r,
+      className: o("ds:gap-1 ds:justify-center ds:items-center", t),
+      ...i,
       children: [
-        l && s && /* @__PURE__ */ e("span", { children: s }),
-        !i && /* @__PURE__ */ e(f, {})
+        l && r && /* @__PURE__ */ e("span", { children: r }),
+        !s && /* @__PURE__ */ e(m, {})
       ]
     }
   );
 }
 function y({ ...t }) {
   return /* @__PURE__ */ c(u, { ...t, children: [
-    /* @__PURE__ */ e(m, {}),
-    /* @__PURE__ */ e("span", { className: "sr-only", children: "More pages" })
+    /* @__PURE__ */ e(d, {}),
+    /* @__PURE__ */ e("span", { className: "ds:sr-only", children: "More pages" })
   ] });
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../../../../../../../packages/ui/src/components/pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Button, buttonVariants } from \"@dsui/ui/components/button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"flex flex-row items-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"pagination-item\"\n      {...props}\n      className={cn(\"flex items-center cursor-pointer\", props?.className)}\n    />\n  );\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\" | \"color\"> &\n  React.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  color,\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? \"outline\" : \"ghost\",\n          size,\n          color,\n        }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({\n  className,\n  children,\n  size = \"normal\",\n  hideIcon = false,\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & {\n  children?: React.ReactNode;\n  hideIcon?: boolean;\n}) {\n  const showText =\n    !size || (!size.startsWith(\"icon\") && !size.startsWith(\"circle\"));\n  const text = children === false ? null : children || \"Previous\";\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size={size}\n      className={cn(\"gap-1 justify-center items-center\", className)}\n      {...props}\n    >\n      {!hideIcon && <ChevronLeftIcon />}\n      {showText && text && <span>{text}</span>}\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({\n  className,\n  children,\n  size = \"normal\",\n  hideIcon = false,\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & {\n  children?: React.ReactNode;\n  hideIcon?: boolean;\n}) {\n  const showText =\n    !size || (!size.startsWith(\"icon\") && !size.startsWith(\"circle\"));\n  const text = children === false ? null : children || \"Next\";\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size={size}\n      className={cn(\"gap-1 justify-center items-center\", className)}\n      {...props}\n    >\n      {showText && text && <span>{text}</span>}\n      {!hideIcon && <ChevronRightIcon />}\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ ...props }: PaginationLinkProps) {\n  return (\n    <PaginationLink {...props}>\n      <MoreHorizontalIcon />\n      <span className=\"sr-only\">More pages</span>\n    </PaginationLink>\n  );\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","PaginationItem","PaginationLink","isActive","size","color","buttonVariants","PaginationPrevious","children","hideIcon","showText","text","jsxs","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","MoreHorizontalIcon"],"mappings":"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"}
+{"version":3,"file":"pagination.js","sources":["../../../../../../../../packages/ui/src/components/pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Button, buttonVariants } from \"@dsui/ui/components/button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"ds:mx-auto ds:flex ds:w-full ds:justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"ds:flex ds:flex-row ds:items-center ds:gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"pagination-item\"\n      {...props}\n      className={cn(\"ds:flex ds:items-center ds:cursor-pointer\", props?.className)}\n    />\n  );\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\" | \"color\"> &\n  React.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  color,\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? \"outline\" : \"ghost\",\n          size,\n          color,\n        }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({\n  className,\n  children,\n  size = \"normal\",\n  hideIcon = false,\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & {\n  children?: React.ReactNode;\n  hideIcon?: boolean;\n}) {\n  const showText =\n    !size || (!size.startsWith(\"icon\") && !size.startsWith(\"circle\"));\n  const text = children === false ? null : children || \"Previous\";\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size={size}\n      className={cn(\"ds:gap-1 ds:justify-center ds:items-center\", className)}\n      {...props}\n    >\n      {!hideIcon && <ChevronLeftIcon />}\n      {showText && text && <span>{text}</span>}\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({\n  className,\n  children,\n  size = \"normal\",\n  hideIcon = false,\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & {\n  children?: React.ReactNode;\n  hideIcon?: boolean;\n}) {\n  const showText =\n    !size || (!size.startsWith(\"icon\") && !size.startsWith(\"circle\"));\n  const text = children === false ? null : children || \"Next\";\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size={size}\n      className={cn(\"ds:gap-1 ds:justify-center ds:items-center\", className)}\n      {...props}\n    >\n      {showText && text && <span>{text}</span>}\n      {!hideIcon && <ChevronRightIcon />}\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ ...props }: PaginationLinkProps) {\n  return (\n    <PaginationLink {...props}>\n      <MoreHorizontalIcon />\n      <span className=\"ds:sr-only\">More pages</span>\n    </PaginationLink>\n  );\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","PaginationItem","PaginationLink","isActive","size","color","buttonVariants","PaginationPrevious","children","hideIcon","showText","text","jsxs","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","MoreHorizontalIcon"],"mappings":";;;;AAUA,SAASA,EAAW,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAWC,EAAG,kDAAkDH,CAAS;AAAA,MACxE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAkB;AAAA,EACzB,WAAAJ;AAAA,EACA,GAAGC;AACL,GAA+B;AAC7B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,gDAAgDH,CAAS;AAAA,MACtE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAe,EAAE,GAAGJ,KAAqC;AAChE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGD;AAAA,MACJ,WAAWE,EAAG,6CAA6CF,GAAO,SAAS;AAAA,IAAA;AAAA,EAAA;AAGjF;AAOA,SAASK,EAAe;AAAA,EACtB,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,GAAGR;AACL,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,gBAAcK,IAAW,SAAS;AAAA,MAClC,aAAU;AAAA,MACV,eAAaA;AAAA,MACb,WAAWJ;AAAA,QACTO,EAAe;AAAA,UACb,SAASH,IAAW,YAAY;AAAA,UAChC,MAAAC;AAAA,UACA,OAAAC;AAAA,QAAA,CACD;AAAA,QACDT;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASU,EAAmB;AAAA,EAC1B,WAAAX;AAAA,EACA,UAAAY;AAAA,EACA,MAAAJ,IAAO;AAAA,EACP,UAAAK,IAAW;AAAA,EACX,GAAGZ;AACL,GAGG;AACD,QAAMa,IACJ,CAACN,KAAS,CAACA,EAAK,WAAW,MAAM,KAAK,CAACA,EAAK,WAAW,QAAQ,GAC3DO,IAAOH,MAAa,KAAQ,OAAOA,KAAY;AAErD,SACE,gBAAAI;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAAE;AAAA,MACA,WAAWL,EAAG,8CAA8CH,CAAS;AAAA,MACpE,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAA,CAACY,uBAAaI,GAAA,EAAgB;AAAA,QAC9BH,KAAYC,KAAQ,gBAAAb,EAAC,QAAA,EAAM,UAAAa,EAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;AAEA,SAASG,EAAe;AAAA,EACtB,WAAAlB;AAAA,EACA,UAAAY;AAAA,EACA,MAAAJ,IAAO;AAAA,EACP,UAAAK,IAAW;AAAA,EACX,GAAGZ;AACL,GAGG;AACD,QAAMa,IACJ,CAACN,KAAS,CAACA,EAAK,WAAW,MAAM,KAAK,CAACA,EAAK,WAAW,QAAQ,GAC3DO,IAAOH,MAAa,KAAQ,OAAOA,KAAY;AAErD,SACE,gBAAAI;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAAE;AAAA,MACA,WAAWL,EAAG,8CAA8CH,CAAS;AAAA,MACpE,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAa,KAAYC,KAAQ,gBAAAb,EAAC,QAAA,EAAM,UAAAa,GAAK;AAAA,QAChC,CAACF,KAAY,gBAAAX,EAACiB,GAAA,CAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGtC;AAEA,SAASC,EAAmB,EAAE,GAAGnB,KAA8B;AAC7D,SACE,gBAAAe,EAACV,GAAA,EAAgB,GAAGL,GAClB,UAAA;AAAA,IAAA,gBAAAC,EAACmB,GAAA,EAAmB;AAAA,IACpB,gBAAAnB,EAAC,QAAA,EAAK,WAAU,cAAa,UAAA,aAAA,CAAU;AAAA,EAAA,GACzC;AAEJ;"}

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import * as d from "react";
+import * as n from "react";
 import * as r from "@radix-ui/react-popover";
-import { cn as p } from "../lib/utils.js";
+import { cn as i } from "../lib/utils.js";
 function l({ modal: o, ...t }) {
   return /* @__PURE__ */ e(r.Root, { "data-slot": "popover", modal: o, ...t });
 }
@@ -11,26 +11,26 @@ function c({ ...o }) {
 function v({
   className: o,
   align: t = "center",
-  sideOffset: a = 4,
-  modal: n = !1,
-  ...i
+  sideOffset: d = 4,
+  modal: a = !1,
+  ...s
 }) {
   return /* @__PURE__ */ e(r.Portal, { children: /* @__PURE__ */ e(
     r.Content,
     {
       "data-slot": "popover-content",
       align: t,
-      sideOffset: a,
-      className: p(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-        n ? "z-[100]" : "z-50",
+      sideOffset: d,
+      className: i(
+        "ds:bg-popover ds:text-popover-foreground 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:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-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:origin-(--radix-popover-content-transform-origin) ds:rounded-md ds:border ds:p-4 ds:shadow-md ds:outline-hidden",
+        a ? "ds:z-[100]" : "ds:z-50",
         o
       ),
-      ...i
+      ...s
     }
   ) });
 }
-const s = d.forwardRef(
+const p = n.forwardRef(
   ({ ...o }, t) => /* @__PURE__ */ e(
     r.Anchor,
     {
@@ -40,10 +40,10 @@ const s = d.forwardRef(
     }
   )
 );
-s.displayName = "PopoverAnchor";
+p.displayName = "PopoverAnchor";
 export {
   l as Popover,
-  s as PopoverAnchor,
+  p as PopoverAnchor,
   v as PopoverContent,
   c as PopoverTrigger
 };

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

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../../../../../../packages/ui/src/components/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\ntype PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;\nfunction Popover({ modal, ...props }: PopoverProps) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" modal={modal} {...props} />;\n}\n\ntype PopoverTriggerProps = React.ComponentProps<\n  typeof PopoverPrimitive.Trigger\n>;\nfunction PopoverTrigger({ ...props }: PopoverTriggerProps) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\ntype PopoverContentProps = React.ComponentProps<\n  typeof PopoverPrimitive.Content\n> & {\n  /** Increase z-index for use in modals/dialogs */\n  modal?: boolean;\n};\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  modal = false,\n  ...props\n}: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          modal ? \"z-[100]\" : \"z-50\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\ntype PopoverAnchorProps = React.ComponentProps<typeof PopoverPrimitive.Anchor>;\nconst PopoverAnchor = React.forwardRef<HTMLDivElement, PopoverAnchorProps>(\n  ({ ...props }, ref) => {\n    return (\n      <PopoverPrimitive.Anchor\n        ref={ref}\n        data-slot=\"popover-anchor\"\n        {...props}\n      />\n    );\n  }\n);\n\nPopoverAnchor.displayName = \"PopoverAnchor\";\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverAnchor,\n  type PopoverProps,\n  type PopoverTriggerProps,\n  type PopoverAnchorProps,\n  type PopoverContentProps,\n};\n"],"names":["Popover","modal","props","jsx","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","PopoverAnchor","React","ref"],"mappings":";;;;AAQA,SAASA,EAAQ,EAAE,OAAAC,GAAO,GAAGC,KAAuB;AAClD,SAAO,gBAAAC,EAACC,EAAiB,MAAjB,EAAsB,aAAU,WAAU,OAAAH,GAAe,GAAGC,GAAO;AAC7E;AAKA,SAASG,EAAe,EAAE,GAAGH,KAA8B;AACzD,2BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAQA,SAASI,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,OAAAR,IAAQ;AAAA,EACR,GAAGC;AACL,GAAwB;AACtB,SACE,gBAAAC,EAACC,EAAiB,QAAjB,EACC,UAAA,gBAAAD;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,OAAAI;AAAA,MACA,YAAAC;AAAA,MACA,WAAWC;AAAA,QACT;AAAA,QACAT,IAAQ,YAAY;AAAA,QACpBM;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;AAGA,MAAMS,IAAgBC,EAAM;AAAA,EAC1B,CAAC,EAAE,GAAGV,EAAA,GAASW,MAEX,gBAAAV;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,KAAAS;AAAA,MACA,aAAU;AAAA,MACT,GAAGX;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAS,EAAc,cAAc;"}
+{"version":3,"file":"popover.js","sources":["../../../../../../../../packages/ui/src/components/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\ntype PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;\nfunction Popover({ modal, ...props }: PopoverProps) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" modal={modal} {...props} />;\n}\n\ntype PopoverTriggerProps = React.ComponentProps<\n  typeof PopoverPrimitive.Trigger\n>;\nfunction PopoverTrigger({ ...props }: PopoverTriggerProps) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\ntype PopoverContentProps = React.ComponentProps<\n  typeof PopoverPrimitive.Content\n> & {\n  /** Increase z-index for use in modals/dialogs */\n  modal?: boolean;\n};\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  modal = false,\n  ...props\n}: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"ds:bg-popover ds:text-popover-foreground 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:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-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:origin-(--radix-popover-content-transform-origin) ds:rounded-md ds:border ds:p-4 ds:shadow-md ds:outline-hidden\",\n          modal ? \"ds:z-[100]\" : \"ds:z-50\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\ntype PopoverAnchorProps = React.ComponentProps<typeof PopoverPrimitive.Anchor>;\nconst PopoverAnchor = React.forwardRef<HTMLDivElement, PopoverAnchorProps>(\n  ({ ...props }, ref) => {\n    return (\n      <PopoverPrimitive.Anchor\n        ref={ref}\n        data-slot=\"popover-anchor\"\n        {...props}\n      />\n    );\n  }\n);\n\nPopoverAnchor.displayName = \"PopoverAnchor\";\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverAnchor,\n  type PopoverProps,\n  type PopoverTriggerProps,\n  type PopoverAnchorProps,\n  type PopoverContentProps,\n};\n"],"names":["Popover","modal","props","jsx","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","PopoverAnchor","React","ref"],"mappings":";;;;AAQA,SAASA,EAAQ,EAAE,OAAAC,GAAO,GAAGC,KAAuB;AAClD,SAAO,gBAAAC,EAACC,EAAiB,MAAjB,EAAsB,aAAU,WAAU,OAAAH,GAAe,GAAGC,GAAO;AAC7E;AAKA,SAASG,EAAe,EAAE,GAAGH,KAA8B;AACzD,2BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAQA,SAASI,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,OAAAR,IAAQ;AAAA,EACR,GAAGC;AACL,GAAwB;AACtB,SACE,gBAAAC,EAACC,EAAiB,QAAjB,EACC,UAAA,gBAAAD;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,OAAAI;AAAA,MACA,YAAAC;AAAA,MACA,WAAWC;AAAA,QACT;AAAA,QACAT,IAAQ,eAAe;AAAA,QACvBM;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;AAGA,MAAMS,IAAgBC,EAAM;AAAA,EAC1B,CAAC,EAAE,GAAGV,EAAA,GAASW,MAEX,gBAAAV;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,KAAAS;AAAA,MACA,aAAU;AAAA,MACT,GAAGX;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAS,EAAc,cAAc;"}

package/dist/esm/packages/ui/src/components/radio-group.js

@@ -1,66 +1,66 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as d from "@radix-ui/react-radio-group";
-import { CircleIcon as c } from "lucide-react";
-import { cva as s } from "class-variance-authority";
+import { jsx as r } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-radio-group";
+import { CircleIcon as o } from "lucide-react";
+import { cva as c } from "class-variance-authority";
 import { cn as n } from "../lib/utils.js";
-const o = {
+const s = {
   primary: {
-    option: "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground hover:border-primary transition-colors",
-    "button-group": "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground hover:border-primary transition-colors"
+    option: "ds:data-[state=checked]:border-primary ds:data-[state=checked]:bg-primary ds:data-[state=checked]:text-primary-foreground ds:hover:border-primary ds:transition-colors",
+    "button-group": "ds:data-[state=checked]:border-primary ds:data-[state=checked]:bg-primary ds:data-[state=checked]:text-primary-foreground ds:hover:border-primary ds:transition-colors"
   },
   secondary: {
-    option: "data-[state=checked]:border-secondary data-[state=checked]:bg-secondary data-[state=checked]:text-secondary-foreground hover:border-secondary transition-colors",
-    "button-group": "data-[state=checked]:border-secondary data-[state=checked]:bg-secondary data-[state=checked]:text-secondary-foreground hover:border-secondary transition-colors"
+    option: "ds:data-[state=checked]:border-secondary ds:data-[state=checked]:bg-secondary ds:data-[state=checked]:text-secondary-foreground ds:hover:border-secondary ds:transition-colors",
+    "button-group": "ds:data-[state=checked]:border-secondary ds:data-[state=checked]:bg-secondary ds:data-[state=checked]:text-secondary-foreground ds:hover:border-secondary ds:transition-colors"
   },
   accent: {
-    option: "data-[state=checked]:border-accent data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground hover:border-accent transition-colors",
-    "button-group": "data-[state=checked]:border-accent data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground hover:border-accent transition-colors"
+    option: "ds:data-[state=checked]:border-accent ds:data-[state=checked]:bg-accent ds:data-[state=checked]:text-accent-foreground ds:hover:border-accent ds:transition-colors",
+    "button-group": "ds:data-[state=checked]:border-accent ds:data-[state=checked]:bg-accent ds:data-[state=checked]:text-accent-foreground ds:hover:border-accent ds:transition-colors"
   },
   destructive: {
-    option: "data-[state=checked]:border-destructive data-[state=checked]:bg-destructive data-[state=checked]:text-destructive-foreground hover:border-destructive transition-colors",
-    "button-group": "data-[state=checked]:border-destructive data-[state=checked]:bg-destructive data-[state=checked]:text-destructive-foreground hover:border-destructive transition-colors"
+    option: "ds:data-[state=checked]:border-destructive ds:data-[state=checked]:bg-destructive ds:data-[state=checked]:text-destructive-foreground ds:hover:border-destructive ds:transition-colors",
+    "button-group": "ds:data-[state=checked]:border-destructive ds:data-[state=checked]:bg-destructive ds:data-[state=checked]:text-destructive-foreground ds:hover:border-destructive ds:transition-colors"
   },
   muted: {
-    option: "data-[state=checked]:border-muted data-[state=checked]:bg-muted data-[state=checked]:text-muted-foreground hover:border-muted transition-colors",
-    "button-group": "data-[state=checked]:border-muted data-[state=checked]:bg-muted data-[state=checked]:text-muted-foreground hover:border-muted transition-colors"
+    option: "ds:data-[state=checked]:border-muted ds:data-[state=checked]:bg-muted ds:data-[state=checked]:text-muted-foreground ds:hover:border-muted ds:transition-colors",
+    "button-group": "ds:data-[state=checked]:border-muted ds:data-[state=checked]:bg-muted ds:data-[state=checked]:text-muted-foreground ds:hover:border-muted ds:transition-colors"
   },
   success: {
-    option: "data-[state=checked]:border-success data-[state=checked]:bg-success data-[state=checked]:text-success-foreground hover:border-success transition-colors",
-    "button-group": "data-[state=checked]:border-success data-[state=checked]:bg-success data-[state=checked]:text-success-foreground hover:border-success transition-colors"
+    option: "ds:data-[state=checked]:border-success ds:data-[state=checked]:bg-success ds:data-[state=checked]:text-success-foreground ds:hover:border-success ds:transition-colors",
+    "button-group": "ds:data-[state=checked]:border-success ds:data-[state=checked]:bg-success ds:data-[state=checked]:text-success-foreground ds:hover:border-success ds:transition-colors"
   },
   error: {
-    option: "data-[state=checked]:border-error data-[state=checked]:bg-error data-[state=checked]:text-error-foreground hover:border-error transition-colors",
-    "button-group": "data-[state=checked]:border-error data-[state=checked]:bg-error data-[state=checked]:text-error-foreground hover:border-error transition-colors"
+    option: "ds:data-[state=checked]:border-error ds:data-[state=checked]:bg-error ds:data-[state=checked]:text-error-foreground ds:hover:border-error ds:transition-colors",
+    "button-group": "ds:data-[state=checked]:border-error ds:data-[state=checked]:bg-error ds:data-[state=checked]:text-error-foreground ds:hover:border-error ds:transition-colors"
   },
   warning: {
-    option: "data-[state=checked]:border-warning data-[state=checked]:bg-warning data-[state=checked]:text-warning-foreground hover:border-warning transition-colors",
-    "button-group": "data-[state=checked]:border-warning data-[state=checked]:bg-warning data-[state=checked]:text-warning-foreground hover:border-warning transition-colors"
+    option: "ds:data-[state=checked]:border-warning ds:data-[state=checked]:bg-warning ds:data-[state=checked]:text-warning-foreground ds:hover:border-warning ds:transition-colors",
+    "button-group": "ds:data-[state=checked]:border-warning ds:data-[state=checked]:bg-warning ds:data-[state=checked]:text-warning-foreground ds:hover:border-warning ds:transition-colors"
   }
 }, b = () => {
   const t = [];
-  return Object.keys(o).forEach(
+  return Object.keys(s).forEach(
     (e) => {
-      Object.keys(o[e]).forEach((r) => {
+      Object.keys(s[e]).forEach((d) => {
         t.push({
-          variant: r,
+          variant: d,
           color: e,
-          className: o[e][r]
+          className: s[e][d]
         });
       });
     }
   ), t;
-}, h = s(
-  "border border-input text-primary 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:bg-input/30 aspect-square size-4 shrink-0 rounded-full shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-input disabled:border-input",
+}, h = c(
+  "ds:border ds:border-input ds:text-primary 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:bg-input/30 ds:aspect-square ds:size-4 ds:shrink-0 ds:rounded-full 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:disabled:bg-input ds:disabled:border-input",
   {
     variants: {
       variant: {
         option: "",
-        "button-group": "border-0 bg-transparent aspect-auto size-auto rounded-none first:rounded-l-md last:rounded-r-md border border-input hover:bg-accent hover:text-accent-foreground data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary data-[state=checked]:shadow-sm focus-visible:ring-0 px-3 py-2 text-sm font-medium"
+        "button-group": "ds:border-0 ds:bg-transparent ds:aspect-auto ds:size-auto ds:rounded-none ds:first:rounded-l-md ds:last:rounded-r-md ds:border ds:border-input ds:hover:bg-accent ds:hover:text-accent-foreground ds:data-[state=checked]:bg-primary ds:data-[state=checked]:text-primary-foreground ds:data-[state=checked]:border-primary ds:data-[state=checked]:shadow-sm ds:focus-visible:ring-0 ds:px-3 ds:py-2 ds:text-sm ds:font-medium"
       },
       size: {
-        default: "size-4",
-        sm: "size-3",
-        lg: "size-5"
+        default: "ds:size-4",
+        sm: "ds:size-3",
+        lg: "ds:size-5"
       },
       color: {
         primary: "",
@@ -80,48 +80,48 @@ const o = {
       color: null
     }
   }
-), g = s("grid gap-3", {
+), g = c("ds:grid ds:gap-3", {
   variants: {
     variant: {
       option: "",
-      "button-group": "flex flex-row gap-0"
+      "button-group": "ds:flex ds:flex-row ds:gap-0"
     }
   },
   defaultVariants: {
     variant: "option"
   }
 });
-function v({ className: t, variant: e, ...r }) {
-  return /* @__PURE__ */ a(
-    d.Root,
+function v({ className: t, variant: e, ...d }) {
+  return /* @__PURE__ */ r(
+    a.Root,
     {
       "data-slot": "radio-group",
       className: n(g({ variant: e, className: t })),
-      ...r
+      ...d
     }
   );
 }
 function f({
   className: t,
   variant: e,
-  size: r,
+  size: d,
   color: i,
   ...u
 }) {
-  return /* @__PURE__ */ a(
-    d.Item,
+  return /* @__PURE__ */ r(
+    a.Item,
     {
       "data-slot": "radio-group-item",
       className: n(
-        h({ variant: e, size: r, color: i, className: t })
+        h({ variant: e, size: d, color: i, className: t })
       ),
       ...u,
-      children: /* @__PURE__ */ a(
-        d.Indicator,
+      children: /* @__PURE__ */ r(
+        a.Indicator,
         {
           "data-slot": "radio-group-indicator",
-          className: "relative flex items-center justify-center",
-          children: e === "button-group" ? /* @__PURE__ */ a(c, { className: "fill-current size-2" }) : /* @__PURE__ */ a(c, { className: "fill-current absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          className: "ds:relative ds:flex ds:items-center ds:justify-center",
+          children: e === "button-group" ? /* @__PURE__ */ r(o, { className: "ds:fill-current ds:size-2" }) : /* @__PURE__ */ r(o, { className: "ds:fill-current ds:absolute ds:top-1/2 ds:left-1/2 ds:size-2 ds:-translate-x-1/2 ds:-translate-y-1/2" })
         }
       )
     }

package/dist/esm/packages/ui/src/components/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sources":["../../../../../../../../packages/ui/src/components/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { CircleIcon } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst colorVariants = {\n  primary: {\n    option:\n      \"data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground hover:border-primary transition-colors\",\n    \"button-group\":\n      \"data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground hover:border-primary transition-colors\",\n  },\n  secondary: {\n    option:\n      \"data-[state=checked]:border-secondary data-[state=checked]:bg-secondary data-[state=checked]:text-secondary-foreground hover:border-secondary transition-colors\",\n    \"button-group\":\n      \"data-[state=checked]:border-secondary data-[state=checked]:bg-secondary data-[state=checked]:text-secondary-foreground hover:border-secondary transition-colors\",\n  },\n  accent: {\n    option:\n      \"data-[state=checked]:border-accent data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground hover:border-accent transition-colors\",\n    \"button-group\":\n      \"data-[state=checked]:border-accent data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground hover:border-accent transition-colors\",\n  },\n  destructive: {\n    option:\n      \"data-[state=checked]:border-destructive data-[state=checked]:bg-destructive data-[state=checked]:text-destructive-foreground hover:border-destructive transition-colors\",\n    \"button-group\":\n      \"data-[state=checked]:border-destructive data-[state=checked]:bg-destructive data-[state=checked]:text-destructive-foreground hover:border-destructive transition-colors\",\n  },\n  muted: {\n    option:\n      \"data-[state=checked]:border-muted data-[state=checked]:bg-muted data-[state=checked]:text-muted-foreground hover:border-muted transition-colors\",\n    \"button-group\":\n      \"data-[state=checked]:border-muted data-[state=checked]:bg-muted data-[state=checked]:text-muted-foreground hover:border-muted transition-colors\",\n  },\n  success: {\n    option:\n      \"data-[state=checked]:border-success data-[state=checked]:bg-success data-[state=checked]:text-success-foreground hover:border-success transition-colors\",\n    \"button-group\":\n      \"data-[state=checked]:border-success data-[state=checked]:bg-success data-[state=checked]:text-success-foreground hover:border-success transition-colors\",\n  },\n  error: {\n    option:\n      \"data-[state=checked]:border-error data-[state=checked]:bg-error data-[state=checked]:text-error-foreground hover:border-error transition-colors\",\n    \"button-group\":\n      \"data-[state=checked]:border-error data-[state=checked]:bg-error data-[state=checked]:text-error-foreground hover:border-error transition-colors\",\n  },\n  warning: {\n    option:\n      \"data-[state=checked]:border-warning data-[state=checked]:bg-warning data-[state=checked]:text-warning-foreground hover:border-warning transition-colors\",\n    \"button-group\":\n      \"data-[state=checked]:border-warning data-[state=checked]:bg-warning data-[state=checked]:text-warning-foreground hover:border-warning transition-colors\",\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 radioGroupItemVariants = cva(\n  \"border border-input text-primary 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:bg-input/30 aspect-square size-4 shrink-0 rounded-full shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-input disabled:border-input\",\n  {\n    variants: {\n      variant: {\n        option: \"\",\n        \"button-group\":\n          \"border-0 bg-transparent aspect-auto size-auto rounded-none first:rounded-l-md last:rounded-r-md border border-input hover:bg-accent hover:text-accent-foreground data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary data-[state=checked]:shadow-sm focus-visible:ring-0 px-3 py-2 text-sm font-medium\",\n      },\n      size: {\n        default: \"size-4\",\n        sm: \"size-3\",\n        lg: \"size-5\",\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: \"option\",\n      size: \"default\",\n      color: null,\n    },\n  }\n);\n\nconst radioGroupVariants = cva(\"grid gap-3\", {\n  variants: {\n    variant: {\n      option: \"\",\n      \"button-group\": \"flex flex-row gap-0\",\n    },\n  },\n  defaultVariants: {\n    variant: \"option\",\n  },\n});\n\ntype RadioGroupProps = React.ComponentProps<typeof RadioGroupPrimitive.Root> &\n  VariantProps<typeof radioGroupVariants>;\n\nfunction RadioGroup({ className, variant, ...props }: RadioGroupProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn(radioGroupVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\ntype RadioGroupItemProps = React.ComponentProps<\n  typeof RadioGroupPrimitive.Item\n> &\n  VariantProps<typeof radioGroupItemVariants>;\n\nfunction RadioGroupItem({\n  className,\n  variant,\n  size,\n  color,\n  ...props\n}: RadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        radioGroupItemVariants({ variant, size, color, className })\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"relative flex items-center justify-center\"\n      >\n        {variant === \"button-group\" ? (\n          <CircleIcon className=\"fill-current size-2\" />\n        ) : (\n          <CircleIcon className=\"fill-current absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2\" />\n        )}\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport {\n  RadioGroup,\n  RadioGroupItem,\n  type RadioGroupProps,\n  type RadioGroupItemProps,\n};\n"],"names":["colorVariants","generateCompoundVariants","variants","color","variant","radioGroupItemVariants","cva","radioGroupVariants","RadioGroup","className","props","jsx","RadioGroupPrimitive","cn","RadioGroupItem","size","CircleIcon"],"mappings":"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"}
+{"version":3,"file":"radio-group.js","sources":["../../../../../../../../packages/ui/src/components/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { CircleIcon } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst colorVariants = {\n  primary: {\n    option:\n      \"ds:data-[state=checked]:border-primary ds:data-[state=checked]:bg-primary ds:data-[state=checked]:text-primary-foreground ds:hover:border-primary ds:transition-colors\",\n    \"button-group\":\n      \"ds:data-[state=checked]:border-primary ds:data-[state=checked]:bg-primary ds:data-[state=checked]:text-primary-foreground ds:hover:border-primary ds:transition-colors\",\n  },\n  secondary: {\n    option:\n      \"ds:data-[state=checked]:border-secondary ds:data-[state=checked]:bg-secondary ds:data-[state=checked]:text-secondary-foreground ds:hover:border-secondary ds:transition-colors\",\n    \"button-group\":\n      \"ds:data-[state=checked]:border-secondary ds:data-[state=checked]:bg-secondary ds:data-[state=checked]:text-secondary-foreground ds:hover:border-secondary ds:transition-colors\",\n  },\n  accent: {\n    option:\n      \"ds:data-[state=checked]:border-accent ds:data-[state=checked]:bg-accent ds:data-[state=checked]:text-accent-foreground ds:hover:border-accent ds:transition-colors\",\n    \"button-group\":\n      \"ds:data-[state=checked]:border-accent ds:data-[state=checked]:bg-accent ds:data-[state=checked]:text-accent-foreground ds:hover:border-accent ds:transition-colors\",\n  },\n  destructive: {\n    option:\n      \"ds:data-[state=checked]:border-destructive ds:data-[state=checked]:bg-destructive ds:data-[state=checked]:text-destructive-foreground ds:hover:border-destructive ds:transition-colors\",\n    \"button-group\":\n      \"ds:data-[state=checked]:border-destructive ds:data-[state=checked]:bg-destructive ds:data-[state=checked]:text-destructive-foreground ds:hover:border-destructive ds:transition-colors\",\n  },\n  muted: {\n    option:\n      \"ds:data-[state=checked]:border-muted ds:data-[state=checked]:bg-muted ds:data-[state=checked]:text-muted-foreground ds:hover:border-muted ds:transition-colors\",\n    \"button-group\":\n      \"ds:data-[state=checked]:border-muted ds:data-[state=checked]:bg-muted ds:data-[state=checked]:text-muted-foreground ds:hover:border-muted ds:transition-colors\",\n  },\n  success: {\n    option:\n      \"ds:data-[state=checked]:border-success ds:data-[state=checked]:bg-success ds:data-[state=checked]:text-success-foreground ds:hover:border-success ds:transition-colors\",\n    \"button-group\":\n      \"ds:data-[state=checked]:border-success ds:data-[state=checked]:bg-success ds:data-[state=checked]:text-success-foreground ds:hover:border-success ds:transition-colors\",\n  },\n  error: {\n    option:\n      \"ds:data-[state=checked]:border-error ds:data-[state=checked]:bg-error ds:data-[state=checked]:text-error-foreground ds:hover:border-error ds:transition-colors\",\n    \"button-group\":\n      \"ds:data-[state=checked]:border-error ds:data-[state=checked]:bg-error ds:data-[state=checked]:text-error-foreground ds:hover:border-error ds:transition-colors\",\n  },\n  warning: {\n    option:\n      \"ds:data-[state=checked]:border-warning ds:data-[state=checked]:bg-warning ds:data-[state=checked]:text-warning-foreground ds:hover:border-warning ds:transition-colors\",\n    \"button-group\":\n      \"ds:data-[state=checked]:border-warning ds:data-[state=checked]:bg-warning ds:data-[state=checked]:text-warning-foreground ds:hover:border-warning ds:transition-colors\",\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 radioGroupItemVariants = cva(\n  \"ds:border ds:border-input ds:text-primary 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:bg-input/30 ds:aspect-square ds:size-4 ds:shrink-0 ds:rounded-full 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:disabled:bg-input ds:disabled:border-input\",\n  {\n    variants: {\n      variant: {\n        option: \"\",\n        \"button-group\":\n          \"ds:border-0 ds:bg-transparent ds:aspect-auto ds:size-auto ds:rounded-none ds:first:rounded-l-md ds:last:rounded-r-md ds:border ds:border-input ds:hover:bg-accent ds:hover:text-accent-foreground ds:data-[state=checked]:bg-primary ds:data-[state=checked]:text-primary-foreground ds:data-[state=checked]:border-primary ds:data-[state=checked]:shadow-sm ds:focus-visible:ring-0 ds:px-3 ds:py-2 ds:text-sm ds:font-medium\",\n      },\n      size: {\n        default: \"ds:size-4\",\n        sm: \"ds:size-3\",\n        lg: \"ds:size-5\",\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: \"option\",\n      size: \"default\",\n      color: null,\n    },\n  }\n);\n\nconst radioGroupVariants = cva(\"ds:grid ds:gap-3\", {\n  variants: {\n    variant: {\n      option: \"\",\n      \"button-group\": \"ds:flex ds:flex-row ds:gap-0\",\n    },\n  },\n  defaultVariants: {\n    variant: \"option\",\n  },\n});\n\ntype RadioGroupProps = React.ComponentProps<typeof RadioGroupPrimitive.Root> &\n  VariantProps<typeof radioGroupVariants>;\n\nfunction RadioGroup({ className, variant, ...props }: RadioGroupProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn(radioGroupVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\ntype RadioGroupItemProps = React.ComponentProps<\n  typeof RadioGroupPrimitive.Item\n> &\n  VariantProps<typeof radioGroupItemVariants>;\n\nfunction RadioGroupItem({\n  className,\n  variant,\n  size,\n  color,\n  ...props\n}: RadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        radioGroupItemVariants({ variant, size, color, className })\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"ds:relative ds:flex ds:items-center ds:justify-center\"\n      >\n        {variant === \"button-group\" ? (\n          <CircleIcon className=\"ds:fill-current ds:size-2\" />\n        ) : (\n          <CircleIcon className=\"ds:fill-current ds:absolute ds:top-1/2 ds:left-1/2 ds:size-2 ds:-translate-x-1/2 ds:-translate-y-1/2\" />\n        )}\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport {\n  RadioGroup,\n  RadioGroupItem,\n  type RadioGroupProps,\n  type RadioGroupItemProps,\n};\n"],"names":["colorVariants","generateCompoundVariants","variants","color","variant","radioGroupItemVariants","cva","radioGroupVariants","RadioGroup","className","props","jsx","RadioGroupPrimitive","cn","RadioGroupItem","size","CircleIcon"],"mappings":";;;;;AASA,MAAMA,IAAgB;AAAA,EACpB,SAAS;AAAA,IACP,QACE;AAAA,IACF,gBACE;AAAA,EAAA;AAAA,EAEJ,WAAW;AAAA,IACT,QACE;AAAA,IACF,gBACE;AAAA,EAAA;AAAA,EAEJ,QAAQ;AAAA,IACN,QACE;AAAA,IACF,gBACE;AAAA,EAAA;AAAA,EAEJ,aAAa;AAAA,IACX,QACE;AAAA,IACF,gBACE;AAAA,EAAA;AAAA,EAEJ,OAAO;AAAA,IACL,QACE;AAAA,IACF,gBACE;AAAA,EAAA;AAAA,EAEJ,SAAS;AAAA,IACP,QACE;AAAA,IACF,gBACE;AAAA,EAAA;AAAA,EAEJ,OAAO;AAAA,IACL,QACE;AAAA,IACF,gBACE;AAAA,EAAA;AAAA,EAEJ,SAAS;AAAA,IACP,QACE;AAAA,IACF,gBACE;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,IAAyBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,gBACE;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,GAEMM,IAAqBD,EAAI,oBAAoB;AAAA,EACjD,UAAU;AAAA,IACR,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;AAKD,SAASE,EAAW,EAAE,WAAAC,GAAW,SAAAL,GAAS,GAAGM,KAA0B;AACrE,SACE,gBAAAC;AAAA,IAACC,EAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGN,EAAmB,EAAE,SAAAH,GAAS,WAAAK,EAAA,CAAW,CAAC;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAOA,SAASI,EAAe;AAAA,EACtB,WAAAL;AAAA,EACA,SAAAL;AAAA,EACA,MAAAW;AAAA,EACA,OAAAZ;AAAA,EACA,GAAGO;AACL,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAACC,EAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACTR,EAAuB,EAAE,SAAAD,GAAS,MAAAW,GAAM,OAAAZ,GAAO,WAAAM,GAAW;AAAA,MAAA;AAAA,MAE3D,GAAGC;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAACC,EAAoB;AAAA,QAApB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,UAET,UAAAR,MAAY,iBACX,gBAAAO,EAACK,GAAA,EAAW,WAAU,6BAA4B,IAElD,gBAAAL,EAACK,GAAA,EAAW,WAAU,uGAAA,CAAuG;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjI;AAAA,EAAA;AAGN;"}

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

@@ -1,18 +1,18 @@
 import { jsx as a } from "react/jsx-runtime";
-import { GripVerticalIcon as o } from "lucide-react";
-import * as t from "react-resizable-panels";
-import { cva as d } from "class-variance-authority";
-import { cn as l } from "../lib/utils.js";
+import { GripVerticalIcon as n } from "lucide-react";
+import * as s from "react-resizable-panels";
+import { cva as o } from "class-variance-authority";
+import { cn as d } from "../lib/utils.js";
 function h({
   className: e,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    t.PanelGroup,
+    s.PanelGroup,
     {
       "data-slot": "resizable-panel-group",
-      className: l(
-        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className: d(
+        "ds:flex ds:h-full ds:w-full ds:data-[panel-group-direction=vertical]:flex-col",
         e
       ),
       ...r
@@ -22,15 +22,15 @@ function h({
 function g({
   ...e
 }) {
-  return /* @__PURE__ */ a(t.Panel, { "data-slot": "resizable-panel", ...e });
+  return /* @__PURE__ */ a(s.Panel, { "data-slot": "resizable-panel", ...e });
 }
-const p = d(
-  "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+const p = o(
+  "ds:bg-border ds:focus-visible:ring-ring ds:relative ds:flex ds:w-px ds:items-center ds:justify-center ds:after:absolute ds:after:inset-y-0 ds:after:left-1/2 ds:after:w-1 ds:after:-translate-x-1/2 ds:focus-visible:ring-1 ds:focus-visible:ring-offset-1 ds:focus-visible:outline-hidden ds:data-[panel-group-direction=vertical]:h-px ds:data-[panel-group-direction=vertical]:w-full ds:data-[panel-group-direction=vertical]:after:left-0 ds:data-[panel-group-direction=vertical]:after:h-1 ds:data-[panel-group-direction=vertical]:after:w-full ds:data-[panel-group-direction=vertical]:after:translate-x-0 ds:data-[panel-group-direction=vertical]:after:-translate-y-1/2 ds:[&[data-panel-group-direction=vertical]>div]:rotate-90",
   {
     variants: {
       variant: {
         default: "",
-        line: "transition-all hover:bg-primary/50 hover:shadow-[0_0_12px_3px_hsl(var(--primary)/0.6)] hover:ring-1 hover:ring-primary/30 data-[resize-handle-state=hover]:bg-primary/50 data-[resize-handle-state=hover]:shadow-[0_0_12px_3px_hsl(var(--primary)/0.6)] data-[resize-handle-state=hover]:ring-1 data-[resize-handle-state=hover]:ring-primary/30 data-[resize-handle-state=drag]:bg-primary data-[resize-handle-state=drag]:shadow-[0_0_12px_3px_hsl(var(--primary)/0.6)] data-[resize-handle-state=drag]:ring-1 data-[resize-handle-state=drag]:ring-primary/30"
+        line: "ds:transition-all ds:hover:bg-primary/50 ds:hover:shadow-[0_0_12px_3px_hsl(var(--primary)/0.6)] ds:hover:ring-1 ds:hover:ring-primary/30 ds:data-[resize-handle-state=hover]:bg-primary/50 ds:data-[resize-handle-state=hover]:shadow-[0_0_12px_3px_hsl(var(--primary)/0.6)] ds:data-[resize-handle-state=hover]:ring-1 ds:data-[resize-handle-state=hover]:ring-primary/30 ds:data-[resize-handle-state=drag]:bg-primary ds:data-[resize-handle-state=drag]:shadow-[0_0_12px_3px_hsl(var(--primary)/0.6)] ds:data-[resize-handle-state=drag]:ring-1 ds:data-[resize-handle-state=drag]:ring-primary/30"
       }
     },
     defaultVariants: {
@@ -41,17 +41,17 @@ const p = d(
 function m({
   withHandle: e,
   icon: r,
-  variant: i,
-  className: n,
-  ...s
+  variant: t,
+  className: i,
+  ...l
 }) {
   return /* @__PURE__ */ a(
-    t.PanelResizeHandle,
+    s.PanelResizeHandle,
     {
       "data-slot": "resizable-handle",
-      className: l(p({ variant: i }), n),
-      ...s,
-      children: e && i !== "line" && (r ?? /* @__PURE__ */ a("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ a(o, { className: "size-2.5" }) }))
+      className: d(p({ variant: t }), i),
+      ...l,
+      children: e && t !== "line" && (r ?? /* @__PURE__ */ a("div", { className: "ds:bg-border ds:z-10 ds:flex ds:h-4 ds:w-3 ds:items-center ds:justify-center ds:rounded-xs ds:border", children: /* @__PURE__ */ a(n, { className: "ds:size-2.5" }) }))
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"resizable.js","sources":["../../../../../../../../packages/ui/src/components/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { GripVerticalIcon } from \"lucide-react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) {\n  return (\n    <ResizablePrimitive.PanelGroup\n      data-slot=\"resizable-panel-group\"\n      className={cn(\n        \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ResizablePanel({\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.Panel>) {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\nconst resizableHandleVariants = cva(\n  \"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        line: \"transition-all hover:bg-primary/50 hover:shadow-[0_0_12px_3px_hsl(var(--primary)/0.6)] hover:ring-1 hover:ring-primary/30 data-[resize-handle-state=hover]:bg-primary/50 data-[resize-handle-state=hover]:shadow-[0_0_12px_3px_hsl(var(--primary)/0.6)] data-[resize-handle-state=hover]:ring-1 data-[resize-handle-state=hover]:ring-primary/30 data-[resize-handle-state=drag]:bg-primary data-[resize-handle-state=drag]:shadow-[0_0_12px_3px_hsl(var(--primary)/0.6)] data-[resize-handle-state=drag]:ring-1 data-[resize-handle-state=drag]:ring-primary/30\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nfunction ResizableHandle({\n  withHandle,\n  icon,\n  variant,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> &\n  VariantProps<typeof resizableHandleVariants> & {\n    withHandle?: boolean;\n    icon?: React.ReactNode;\n  }) {\n  return (\n    <ResizablePrimitive.PanelResizeHandle\n      data-slot=\"resizable-handle\"\n      className={cn(resizableHandleVariants({ variant }), className)}\n      {...props}\n    >\n      {withHandle &&\n        variant !== \"line\" &&\n        (icon ?? (\n          <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n            <GripVerticalIcon className=\"size-2.5\" />\n          </div>\n        ))}\n    </ResizablePrimitive.PanelResizeHandle>\n  );\n}\n\nexport {\n  ResizablePanelGroup,\n  ResizablePanel,\n  ResizableHandle,\n  resizableHandleVariants,\n};\n"],"names":["ResizablePanelGroup","className","props","jsx","ResizablePrimitive","cn","ResizablePanel","resizableHandleVariants","cva","ResizableHandle","withHandle","icon","variant","GripVerticalIcon"],"mappings":";;;;;AASA,SAASA,EAAoB;AAAA,EAC3B,WAAAC;AAAA,EACA,GAAGC;AACL,GAA+D;AAC7D,SACE,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAe;AAAA,EACtB,GAAGJ;AACL,GAA0D;AACxD,2BAAQE,EAAmB,OAAnB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAEA,MAAMK,IAA0BC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAgB;AAAA,EACvB,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAX;AAAA,EACA,GAAGC;AACL,GAIK;AACH,SACE,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGE,EAAwB,EAAE,SAAAK,EAAA,CAAS,GAAGX,CAAS;AAAA,MAC5D,GAAGC;AAAA,MAEH,UAAAQ,KACCE,MAAY,WACXD,KACC,gBAAAR,EAAC,OAAA,EAAI,WAAU,6EACb,UAAA,gBAAAA,EAACU,GAAA,EAAiB,WAAU,WAAA,CAAW,GACzC;AAAA,IAAA;AAAA,EAAA;AAIV;"}
+{"version":3,"file":"resizable.js","sources":["../../../../../../../../packages/ui/src/components/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { GripVerticalIcon } from \"lucide-react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) {\n  return (\n    <ResizablePrimitive.PanelGroup\n      data-slot=\"resizable-panel-group\"\n      className={cn(\n        \"ds:flex ds:h-full ds:w-full ds:data-[panel-group-direction=vertical]:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ResizablePanel({\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.Panel>) {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\nconst resizableHandleVariants = cva(\n  \"ds:bg-border ds:focus-visible:ring-ring ds:relative ds:flex ds:w-px ds:items-center ds:justify-center ds:after:absolute ds:after:inset-y-0 ds:after:left-1/2 ds:after:w-1 ds:after:-translate-x-1/2 ds:focus-visible:ring-1 ds:focus-visible:ring-offset-1 ds:focus-visible:outline-hidden ds:data-[panel-group-direction=vertical]:h-px ds:data-[panel-group-direction=vertical]:w-full ds:data-[panel-group-direction=vertical]:after:left-0 ds:data-[panel-group-direction=vertical]:after:h-1 ds:data-[panel-group-direction=vertical]:after:w-full ds:data-[panel-group-direction=vertical]:after:translate-x-0 ds:data-[panel-group-direction=vertical]:after:-translate-y-1/2 ds:[&[data-panel-group-direction=vertical]>div]:rotate-90\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        line: \"ds:transition-all ds:hover:bg-primary/50 ds:hover:shadow-[0_0_12px_3px_hsl(var(--primary)/0.6)] ds:hover:ring-1 ds:hover:ring-primary/30 ds:data-[resize-handle-state=hover]:bg-primary/50 ds:data-[resize-handle-state=hover]:shadow-[0_0_12px_3px_hsl(var(--primary)/0.6)] ds:data-[resize-handle-state=hover]:ring-1 ds:data-[resize-handle-state=hover]:ring-primary/30 ds:data-[resize-handle-state=drag]:bg-primary ds:data-[resize-handle-state=drag]:shadow-[0_0_12px_3px_hsl(var(--primary)/0.6)] ds:data-[resize-handle-state=drag]:ring-1 ds:data-[resize-handle-state=drag]:ring-primary/30\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nfunction ResizableHandle({\n  withHandle,\n  icon,\n  variant,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> &\n  VariantProps<typeof resizableHandleVariants> & {\n    withHandle?: boolean;\n    icon?: React.ReactNode;\n  }) {\n  return (\n    <ResizablePrimitive.PanelResizeHandle\n      data-slot=\"resizable-handle\"\n      className={cn(resizableHandleVariants({ variant }), className)}\n      {...props}\n    >\n      {withHandle &&\n        variant !== \"line\" &&\n        (icon ?? (\n          <div className=\"ds:bg-border ds:z-10 ds:flex ds:h-4 ds:w-3 ds:items-center ds:justify-center ds:rounded-xs ds:border\">\n            <GripVerticalIcon className=\"ds:size-2.5\" />\n          </div>\n        ))}\n    </ResizablePrimitive.PanelResizeHandle>\n  );\n}\n\nexport {\n  ResizablePanelGroup,\n  ResizablePanel,\n  ResizableHandle,\n  resizableHandleVariants,\n};\n"],"names":["ResizablePanelGroup","className","props","jsx","ResizablePrimitive","cn","ResizablePanel","resizableHandleVariants","cva","ResizableHandle","withHandle","icon","variant","GripVerticalIcon"],"mappings":";;;;;AASA,SAASA,EAAoB;AAAA,EAC3B,WAAAC;AAAA,EACA,GAAGC;AACL,GAA+D;AAC7D,SACE,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAe;AAAA,EACtB,GAAGJ;AACL,GAA0D;AACxD,2BAAQE,EAAmB,OAAnB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAEA,MAAMK,IAA0BC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAgB;AAAA,EACvB,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAX;AAAA,EACA,GAAGC;AACL,GAIK;AACH,SACE,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGE,EAAwB,EAAE,SAAAK,EAAA,CAAS,GAAGX,CAAS;AAAA,MAC5D,GAAGC;AAAA,MAEH,UAAAQ,KACCE,MAAY,WACXD,KACC,gBAAAR,EAAC,OAAA,EAAI,WAAU,wGACb,UAAA,gBAAAA,EAACU,GAAA,EAAiB,WAAU,cAAA,CAAc,GAC5C;AAAA,IAAA;AAAA,EAAA;AAIV;"}