@cryptlex/web-components 3.8.1 → 4.1.0

package/dist/components/ui/badge.es.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { cn as t } from "../../utils/index.es.js";
+import { cn as t } from "../../utils/primitives.es.js";
 function s({ className: n, children: r, ...i }) {
   return /* @__PURE__ */ e(
     "span",

package/dist/components/ui/breadcrumb.es.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Root as i } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.0_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.es.js";
-import { cn as n } from "../../utils/index.es.js";
 import { ChevronRight as s, DotSquare as c } from "lucide-react";
+import { cn as n } from "../../utils/primitives.es.js";
 function p({ ...r }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", ...r });
 }
@@ -88,7 +88,7 @@ function B({
       className: n("flex size-9 items-center justify-center", r),
       ...e,
       children: [
-        /* @__PURE__ */ a(c, { className: "size-4" }),
+        /* @__PURE__ */ a(c, { className: "size-icon" }),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
       ]
     }

package/dist/components/ui/breadcrumb.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.es.js","sources":["../../../lib/components/ui/breadcrumb.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { ChevronRight, DotSquare } from \"lucide-react\";\n\nexport function Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n\treturn <nav aria-label=\"breadcrumb\" {...props} />;\n}\n\nexport function BreadcrumbList({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"ol\">) {\n\treturn (\n\t\t<ol\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-wrap items-center gap-1.5 break-words body text-muted-foreground sm:gap-2.5\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function BreadcrumbItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tclassName={cn(\"inline-flex items-center gap-1.5\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function BreadcrumbLink({\n\tasChild,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"a\"> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot : \"a\";\n\n\treturn (\n\t\t<Comp\n\t\t\tclassName={cn(\"transition-colors hover:text-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function BreadcrumbPage({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\trole=\"link\"\n\t\t\taria-disabled=\"true\"\n\t\t\taria-current=\"page\"\n\t\t\tclassName={cn(\"font-normal text-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function BreadcrumbSeparator({\n\tchildren,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\trole=\"presentation\"\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={cn(\"[&>svg]:size-icon\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <ChevronRight />}\n\t\t</li>\n\t);\n}\n\nexport function BreadcrumbEllipsis({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\trole=\"presentation\"\n\t\t\taria-hidden=\"true\"\n\t\t\t// TODO why 9??\n\t\t\tclassName={cn(\"flex size-9 items-center justify-center\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DotSquare className=\"size-4\" />\n\t\t\t<span className=\"sr-only\">More</span>\n\t\t</span>\n\t);\n}\n"],"names":["Breadcrumb","props","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","DotSquare"],"mappings":";;;;AAMO,SAASA,EAAW,EAAE,GAAGC,KAAsC;AACrE,SAAO,gBAAAC,EAAC,OAAA,EAAI,cAAW,cAAc,GAAGD,GAAO;AAChD;AAEO,SAASE,EAAe;AAAA,EAC9B,WAAAC;AAAA,EACA,GAAGH;AACJ,GAA+B;AAC9B,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWG;AAAA,QACV;AAAA,QACAD;AAAA,MAAA;AAAA,MAEA,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASK,EAAe;AAAA,EAC9B,WAAAF;AAAA,EACA,GAAGH;AACJ,GAA+B;AAC9B,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWG,EAAG,oCAAoCD,CAAS;AAAA,MAC1D,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASM,EAAe;AAAA,EAC9B,SAAAC;AAAA,EACA,WAAAJ;AAAA,EACA,GAAGH;AACJ,GAAsD;AAGrD,SACC,gBAAAC;AAAA,IAHYM,IAAUC,IAAO;AAAA,IAG5B;AAAA,MACA,WAAWJ,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASS,EAAe;AAAA,EAC9B,WAAAN;AAAA,EACA,GAAGH;AACJ,GAAiC;AAChC,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,MACrD,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASU,EAAoB;AAAA,EACnC,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGH;AACJ,GAA+B;AAC9B,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWG,EAAG,qBAAqBD,CAAS;AAAA,MAC3C,GAAGH;AAAA,MAEH,UAAAW,uBAAaC,GAAA,CAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAG9B;AAEO,SAASC,EAAmB;AAAA,EAClC,WAAAV;AAAA,EACA,GAAGH;AACJ,GAAiC;AAChC,SACC,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,eAAY;AAAA,MAEZ,WAAWV,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACc,GAAA,EAAU,WAAU,SAAA,CAAS;AAAA,QAC9B,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGjC;"}
+{"version":3,"file":"breadcrumb.es.js","sources":["../../../lib/components/ui/breadcrumb.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { ChevronRight, DotSquare } from \"lucide-react\";\n\nexport function Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n\treturn <nav aria-label=\"breadcrumb\" {...props} />;\n}\n\nexport function BreadcrumbList({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"ol\">) {\n\treturn (\n\t\t<ol\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-wrap items-center gap-1.5 break-words body text-muted-foreground sm:gap-2.5\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function BreadcrumbItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tclassName={cn(\"inline-flex items-center gap-1.5\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function BreadcrumbLink({\n\tasChild,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"a\"> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot : \"a\";\n\n\treturn (\n\t\t<Comp\n\t\t\tclassName={cn(\"transition-colors hover:text-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function BreadcrumbPage({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\trole=\"link\"\n\t\t\taria-disabled=\"true\"\n\t\t\taria-current=\"page\"\n\t\t\tclassName={cn(\"font-normal text-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function BreadcrumbSeparator({\n\tchildren,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\trole=\"presentation\"\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={cn(\"[&>svg]:size-icon\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <ChevronRight />}\n\t\t</li>\n\t);\n}\n\nexport function BreadcrumbEllipsis({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\trole=\"presentation\"\n\t\t\taria-hidden=\"true\"\n\t\t\t// TODO why 9??\n\t\t\tclassName={cn(\"flex size-9 items-center justify-center\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DotSquare className=\"size-icon\" />\n\t\t\t<span className=\"sr-only\">More</span>\n\t\t</span>\n\t);\n}\n"],"names":["Breadcrumb","props","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","DotSquare"],"mappings":";;;;AAMO,SAASA,EAAW,EAAE,GAAGC,KAAsC;AACrE,SAAO,gBAAAC,EAAC,OAAA,EAAI,cAAW,cAAc,GAAGD,GAAO;AAChD;AAEO,SAASE,EAAe;AAAA,EAC9B,WAAAC;AAAA,EACA,GAAGH;AACJ,GAA+B;AAC9B,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWG;AAAA,QACV;AAAA,QACAD;AAAA,MAAA;AAAA,MAEA,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASK,EAAe;AAAA,EAC9B,WAAAF;AAAA,EACA,GAAGH;AACJ,GAA+B;AAC9B,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWG,EAAG,oCAAoCD,CAAS;AAAA,MAC1D,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASM,EAAe;AAAA,EAC9B,SAAAC;AAAA,EACA,WAAAJ;AAAA,EACA,GAAGH;AACJ,GAAsD;AAGrD,SACC,gBAAAC;AAAA,IAHYM,IAAUC,IAAO;AAAA,IAG5B;AAAA,MACA,WAAWJ,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASS,EAAe;AAAA,EAC9B,WAAAN;AAAA,EACA,GAAGH;AACJ,GAAiC;AAChC,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,MACrD,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASU,EAAoB;AAAA,EACnC,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGH;AACJ,GAA+B;AAC9B,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWG,EAAG,qBAAqBD,CAAS;AAAA,MAC3C,GAAGH;AAAA,MAEH,UAAAW,uBAAaC,GAAA,CAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAG9B;AAEO,SAASC,EAAmB;AAAA,EAClC,WAAAV;AAAA,EACA,GAAGH;AACJ,GAAiC;AAChC,SACC,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,eAAY;AAAA,MAEZ,WAAWV,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACc,GAAA,EAAU,WAAU,YAAA,CAAY;AAAA,QACjC,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGjC;"}

package/dist/components/ui/button.es.js

@@ -1,17 +1,17 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { cva as p } from "class-variance-authority";
-import { cn as f } from "../../utils/index.es.js";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { cva as f } from "class-variance-authority";
 import { Loader as x } from "./loader.es.js";
-const b = p(
-  "btn inline-flex items-center justify-center font-medium transition-colors",
+import { cn as b } from "../../utils/primitives.es.js";
+const v = f(
+  "btn inline-flex relative items-center justify-center font-medium transition-colors",
   {
     variants: {
       variant: {
         default: "btn-primary",
+        secondary: "btn-secondary",
         destructive: "btn-destructive",
-        outline: "btn-outline",
+        neutral: "btn-neutral",
         ghost: "btn-ghost",
-        secondary: "btn-secondary",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
@@ -23,39 +23,41 @@ const b = p(
       }
     },
     defaultVariants: {
-      variant: "default",
+      variant: "neutral",
       size: "default"
     }
   }
 );
-function N({
-  className: r,
-  variant: c,
+function g({
+  className: o,
+  variant: l,
   size: u,
-  loading: n,
-  disabled: l,
-  icon: e,
-  trailingIcon: i,
-  children: s,
+  loading: e,
+  disabled: c,
+  icon: n,
+  trailingIcon: s,
+  active: d = !1,
+  children: a,
   ...m
 }) {
-  const o = e ? e() : void 0, a = i ? i() : void 0;
-  return /* @__PURE__ */ d(
+  const r = n ? n() : void 0, i = s ? s() : void 0;
+  return /* @__PURE__ */ p(
     "button",
     {
-      className: f(b({ variant: c, size: u, className: r }), "gap-2"),
-      disabled: n || l,
+      className: b(v({ variant: l, size: u, className: o }), "gap-2"),
+      disabled: e || c,
       ...m,
       children: [
-        n ? /* @__PURE__ */ t(x, {}) : o ? /* @__PURE__ */ t(o, { className: "size-icon opacity-60" }) : null,
-        s && /* @__PURE__ */ t("span", { className: "truncate", children: s }),
-        a ? /* @__PURE__ */ t(a, { className: "size-icon opacity-60" }) : null
+        e ? /* @__PURE__ */ t(x, {}) : r ? /* @__PURE__ */ t(r, { className: "size-icon" }) : null,
+        a && /* @__PURE__ */ t("span", { className: "truncate", children: a }),
+        i ? /* @__PURE__ */ t(i, { className: "size-icon" }) : null,
+        d && /* @__PURE__ */ t("span", { className: "p-1 bg-destructive absolute top-0 end-0 -translate-y-1	translate-x-1 rounded-full" })
       ]
     }
   );
 }
 export {
-  N as Button,
-  b as buttonVariants
+  g as Button,
+  v as buttonVariants
 };
 //# sourceMappingURL=button.es.js.map

package/dist/components/ui/button.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { Loader } from \"./loader\";\n\nexport const buttonVariants = cva(\n\t`btn inline-flex items-center justify-center font-medium transition-colors`,\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"btn-primary\",\n\t\t\t\tdestructive: \"btn-destructive\",\n\t\t\t\toutline: \"btn-outline\",\n\t\t\t\tghost: \"btn-ghost\",\n\t\t\t\tsecondary: \"btn-secondary\",\n\t\t\t\tlink: \"text-primary underline-offset-4 hover:underline\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\txs: \"h-5 px-1 text-xs\",\n\t\t\t\tsm: \"h-7 px-2 text-sm\",\n\t\t\t\tdefault: \"input-dim\",\n\t\t\t\ticon: \"size-input\",\n\t\t\t\tlg: \"h-9 px-6 body\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\nexport interface ButtonProps\n\textends React.ComponentProps<\"button\">,\n\tVariantProps<typeof buttonVariants> {\n\tloading?: boolean;\n\ticon?: () => LucideIcon;\n\ttrailingIcon?: () => LucideIcon;\n}\n\nexport function Button({\n\tclassName,\n\tvariant,\n\tsize,\n\tloading,\n\tdisabled,\n\ticon,\n\ttrailingIcon,\n\tchildren,\n\t...props\n}: ButtonProps) {\n\tconst Icon = icon ? icon() : undefined;\n\tconst TrailingIcon = trailingIcon ? trailingIcon() : undefined;\n\n\treturn (\n\t\t<button\n\t\t\tclassName={cn(buttonVariants({ variant, size, className }), \"gap-2\")}\n\t\t\tdisabled={loading || disabled}\n\t\t\t{...props}\n\t\t>\n\t\t\t{/* Show loader when loading, otherwise show icon if present */}\n\t\t\t{loading ? (\n\t\t\t\t<Loader />\n\t\t\t) : Icon ? (\n\t\t\t\t<Icon className=\"size-icon opacity-60\" />\n\t\t\t) : null}\n\t\t\t{children && <span className=\"truncate\">{children}</span>}\n\t\t\t{TrailingIcon ? <TrailingIcon className=\"size-icon opacity-60\" /> : null}\n\t\t</button>\n\t);\n}\n"],"names":["buttonVariants","cva","Button","className","variant","size","loading","disabled","icon","trailingIcon","children","props","Icon","TrailingIcon","jsxs","cn","jsx","Loader"],"mappings":";;;;AAOO,MAAMA,IAAiBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MAAA;AAAA,MAEP,MAAM;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,IACL;AAAA,IAED,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACP;AAEF;AAUO,SAASC,EAAO;AAAA,EACtB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,GAAgB;AACf,QAAMC,IAAOJ,IAAOA,EAAA,IAAS,QACvBK,IAAeJ,IAAeA,EAAA,IAAiB;AAErD,SACC,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAGf,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,GAAG,OAAO;AAAA,MACnE,UAAUG,KAAWC;AAAA,MACpB,GAAGI;AAAA,MAGH,UAAA;AAAA,QAAAL,IACA,gBAAAU,EAACC,KAAO,IACLL,sBACFA,GAAA,EAAK,WAAU,wBAAuB,IACpC;AAAA,QACHF,KAAY,gBAAAM,EAAC,QAAA,EAAK,WAAU,YAAY,UAAAN,GAAS;AAAA,QACjDG,IAAe,gBAAAG,EAACH,GAAA,EAAa,WAAU,wBAAuB,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE;"}
+{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { Loader } from \"./loader\";\n\nexport const buttonVariants = cva(\n\t`btn inline-flex relative items-center justify-center font-medium transition-colors`,\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"btn-primary\",\n\t\t\t\tsecondary: \"btn-secondary\",\n\t\t\t\tdestructive: \"btn-destructive\",\n\t\t\t\tneutral: \"btn-neutral\",\n\t\t\t\tghost: \"btn-ghost\",\n\t\t\t\tlink: \"text-primary underline-offset-4 hover:underline\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\txs: \"h-5 px-1 text-xs\",\n\t\t\t\tsm: \"h-7 px-2 text-sm\",\n\t\t\t\tdefault: \"input-dim\",\n\t\t\t\ticon: \"size-input\",\n\t\t\t\tlg: \"h-9 px-6 body\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"neutral\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\nexport interface ButtonProps\n\textends React.ComponentProps<\"button\">,\n\tVariantProps<typeof buttonVariants> {\n\tloading?: boolean;\n\ticon?: () => LucideIcon;\n\ttrailingIcon?: () => LucideIcon;\n\tactive?: boolean\n}\n\nexport function Button({\n\tclassName,\n\tvariant,\n\tsize,\n\tloading,\n\tdisabled,\n\ticon,\n\ttrailingIcon,\n\tactive = false,\n\tchildren,\n\t...props\n}: ButtonProps) {\n\tconst Icon = icon ? icon() : undefined;\n\tconst TrailingIcon = trailingIcon ? trailingIcon() : undefined;\n\n\treturn (\n\t\t<button\n\t\t\tclassName={cn(buttonVariants({ variant, size, className }), \"gap-2\")}\n\t\t\tdisabled={loading || disabled}\n\t\t\t{...props}\n\t\t>\n\t\t\t{/* Show loader when loading, otherwise show icon if present */}\n\t\t\t{loading ? (\n\t\t\t\t<Loader />\n\t\t\t) : Icon ? (\n\t\t\t\t<Icon className=\"size-icon\" />\n\t\t\t) : null}\n\t\t\t{children && <span className=\"truncate\">{children}</span>}\n\t\t\t{TrailingIcon ? <TrailingIcon className=\"size-icon\" /> : null}\n\t\t\t{active && <span className=\"p-1 bg-destructive absolute top-0 end-0 -translate-y-1\ttranslate-x-1 rounded-full\"></span>}\n\t\t</button>\n\t);\n}\n"],"names":["buttonVariants","cva","Button","className","variant","size","loading","disabled","icon","trailingIcon","active","children","props","Icon","TrailingIcon","jsxs","cn","jsx","Loader"],"mappings":";;;;AAOO,MAAMA,IAAiBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAEP,MAAM;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,IACL;AAAA,IAED,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACP;AAEF;AAWO,SAASC,EAAO;AAAA,EACtB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,GAAGC;AACJ,GAAgB;AACf,QAAMC,IAAOL,IAAOA,EAAA,IAAS,QACvBM,IAAeL,IAAeA,EAAA,IAAiB;AAErD,SACC,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAGhB,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,GAAG,OAAO;AAAA,MACnE,UAAUG,KAAWC;AAAA,MACpB,GAAGK;AAAA,MAGH,UAAA;AAAA,QAAAN,IACA,gBAAAW,EAACC,KAAO,IACLL,sBACFA,GAAA,EAAK,WAAU,aAAY,IACzB;AAAA,QACHF,KAAY,gBAAAM,EAAC,QAAA,EAAK,WAAU,YAAY,UAAAN,GAAS;AAAA,QACjDG,IAAe,gBAAAG,EAACH,GAAA,EAAa,WAAU,aAAY,IAAK;AAAA,QACxDJ,KAAU,gBAAAO,EAAC,QAAA,EAAK,WAAU,oFAAA,CAAoF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlH;"}

package/dist/components/ui/card.es.js

@@ -1,11 +1,11 @@
 import { jsx as n } from "react/jsx-runtime";
-import { cn as t } from "../../utils/index.es.js";
+import { cn as o } from "../../utils/primitives.es.js";
 function c({ className: r, ...e }) {
   return /* @__PURE__ */ n(
     "div",
     {
-      className: t(
-        "flex flex-col p-4 border border-border bg-card text-card-foreground",
+      className: o(
+        "flex flex-col p-icon border border-border bg-card text-card-foreground",
         r
       ),
       ...e
@@ -16,28 +16,28 @@ function i({ className: r, ...e }) {
   return /* @__PURE__ */ n(
     "div",
     {
-      className: t("flex flex-col gap-y-1 pb-4 shrink-0", r),
+      className: o("flex flex-col gap-y-1 pb-icon shrink-0", r),
       ...e
     }
   );
 }
 function d({ className: r, ...e }) {
-  return /* @__PURE__ */ n("h3", { className: t("h4 leading-none", r), ...e });
+  return /* @__PURE__ */ n("h3", { className: o("h4 leading-none", r), ...e });
 }
 function l({
   className: r,
   ...e
 }) {
-  return /* @__PURE__ */ n("p", { className: t("caption", r), ...e });
+  return /* @__PURE__ */ n("p", { className: o("caption", r), ...e });
 }
 function s({ className: r, ...e }) {
-  return /* @__PURE__ */ n("div", { className: t("grow", r), ...e });
+  return /* @__PURE__ */ n("div", { className: o("grow", r), ...e });
 }
 function f({ className: r, ...e }) {
   return /* @__PURE__ */ n(
     "div",
     {
-      className: t("flex items-center w-full pt-4 gap-2 justify-end", r),
+      className: o("flex items-center w-full pt-icon gap-2 justify-end", r),
       ...e
     }
   );

package/dist/components/ui/card.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.es.js","sources":["../../../lib/components/ui/card.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nexport function Card({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col p-4 border border-border bg-card text-card-foreground\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"flex flex-col gap-y-1 pb-4 shrink-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\nexport function CardTitle({ className, ...props }: React.ComponentProps<\"h3\">) {\n\treturn (\n\t\t<h3 className={cn(\"h4 leading-none\", className)} {...props} />\n\t);\n}\n\n\nexport function CardDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"p\">) {\n\treturn (\n\t\t<p className={cn(\"caption\", className)} {...props} />\n\t);\n}\n\nexport function CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div className={cn(\"grow\", className)} {...props} />\n\t);\n}\n\n\nexport function CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"flex items-center w-full pt-4 gap-2 justify-end\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;AAGO,SAASA,EAAK,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AAC1E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASG,EAAW,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AAChF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAG,uCAAuCH,CAAS;AAAA,MAC7D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAqC;AAC9E,SACC,gBAAAC,EAAC,QAAG,WAAWC,EAAG,mBAAmBH,CAAS,GAAI,GAAGC,GAAO;AAE9D;AAGO,SAASK,EAAgB;AAAA,EAC/B,WAAAN;AAAA,EACA,GAAGC;AACJ,GAA8B;AAC7B,SACC,gBAAAC,EAAC,OAAE,WAAWC,EAAG,WAAWH,CAAS,GAAI,GAAGC,GAAO;AAErD;AAEO,SAASM,EAAY,EAAE,WAAAP,GAAW,GAAGC,KAAsC;AACjF,SACC,gBAAAC,EAAC,SAAI,WAAWC,EAAG,QAAQH,CAAS,GAAI,GAAGC,GAAO;AAEpD;AAGO,SAASO,EAAW,EAAE,WAAAR,GAAW,GAAGC,KAAsC;AAChF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAG,mDAAmDH,CAAS;AAAA,MACzE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"card.es.js","sources":["../../../lib/components/ui/card.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nexport function Card({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col p-icon border border-border bg-card text-card-foreground\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"flex flex-col gap-y-1 pb-icon shrink-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\nexport function CardTitle({ className, ...props }: React.ComponentProps<\"h3\">) {\n\treturn (\n\t\t<h3 className={cn(\"h4 leading-none\", className)} {...props} />\n\t);\n}\n\n\nexport function CardDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"p\">) {\n\treturn (\n\t\t<p className={cn(\"caption\", className)} {...props} />\n\t);\n}\n\nexport function CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div className={cn(\"grow\", className)} {...props} />\n\t);\n}\n\n\nexport function CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"flex items-center w-full pt-icon gap-2 justify-end\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;AAGO,SAASA,EAAK,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AAC1E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASG,EAAW,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AAChF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAG,0CAA0CH,CAAS;AAAA,MAChE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAqC;AAC9E,SACC,gBAAAC,EAAC,QAAG,WAAWC,EAAG,mBAAmBH,CAAS,GAAI,GAAGC,GAAO;AAE9D;AAGO,SAASK,EAAgB;AAAA,EAC/B,WAAAN;AAAA,EACA,GAAGC;AACJ,GAA8B;AAC7B,SACC,gBAAAC,EAAC,OAAE,WAAWC,EAAG,WAAWH,CAAS,GAAI,GAAGC,GAAO;AAErD;AAEO,SAASM,EAAY,EAAE,WAAAP,GAAW,GAAGC,KAAsC;AACjF,SACC,gBAAAC,EAAC,SAAI,WAAWC,EAAG,QAAQH,CAAS,GAAI,GAAGC,GAAO;AAEpD;AAGO,SAASO,EAAW,EAAE,WAAAR,GAAW,GAAGC,KAAsC;AAChF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAG,sDAAsDH,CAAS;AAAA,MAC5E,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/ui/copy-button.es.js

@@ -1,42 +1,40 @@
 "use client";
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { useState as a } from "react";
-import "../../utils/form-context.es.js";
-import "../../utils/form-hook.es.js";
-import { CheckCheck as s, Copy as d } from "lucide-react";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { CheckCheck as p, Copy as s } from "lucide-react";
+import { useState as d } from "react";
 import { TooltipProvider as T, Tooltip as m, TooltipTrigger as u, TooltipContent as f } from "./tooltip.es.js";
 import { Button as h } from "./button.es.js";
 const C = 5e3;
-function _({
+function B({
   value: r,
   tooltipMessage: c = "Copy to clipboard",
   onCopy: o
 }) {
-  const [i, e] = a(!1), n = async () => {
+  const [e, i] = d(!1), n = async () => {
     try {
-      await navigator.clipboard.writeText(r), e(!0), o == null || o(), setTimeout(() => {
-        e(!1);
+      await navigator.clipboard.writeText(r), i(!0), o == null || o(), setTimeout(() => {
+        i(!1);
       }, C);
     } catch (l) {
       console.error("Failed to copy text:", l);
     }
   };
   if (r)
-    return /* @__PURE__ */ t(T, { children: /* @__PURE__ */ p(m, { delayDuration: 0, children: [
+    return /* @__PURE__ */ t(T, { children: /* @__PURE__ */ a(m, { delayDuration: 0, children: [
       /* @__PURE__ */ t(u, { asChild: !0, children: /* @__PURE__ */ t(
         h,
         {
           onClick: n,
-          variant: "outline",
+          variant: "neutral",
           size: "xs",
-          icon: () => i ? s : d
+          icon: () => e ? p : s
         }
       ) }),
-      /* @__PURE__ */ t(f, { children: i ? "Copied" : c })
+      /* @__PURE__ */ t(f, { children: e ? "Copied" : c })
     ] }) });
 }
 export {
   C as COPY_BUTTON_STATE_TIMEOUT,
-  _ as CopyButton
+  B as CopyButton
 };
 //# sourceMappingURL=copy-button.es.js.map

package/dist/components/ui/copy-button.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button.es.js","sources":["../../../lib/components/ui/copy-button.tsx"],"sourcesContent":["\"use client\";\nimport {\n\tButton,\n\tTooltip,\n\tTooltipContent,\n\tTooltipProvider,\n\tTooltipTrigger,\n} from \"@/index\";\nimport { CheckCheck, Copy } from \"lucide-react\";\nimport { useState } from \"react\";\n\ninterface CopyProps {\n\tvalue: string;\n\ttooltipMessage?: string;\n\tonCopy?: () => void;\n}\n\nexport const COPY_BUTTON_STATE_TIMEOUT = 5000;\nexport function CopyButton({\n\tvalue,\n\ttooltipMessage = \"Copy to clipboard\",\n\tonCopy,\n}: CopyProps) {\n\tconst [copied, setCopied] = useState(false);\n\n\tconst copyToClipboard = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(value);\n\t\t\tsetCopied(true);\n\t\t\tonCopy?.();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetCopied(false);\n\t\t\t}, COPY_BUTTON_STATE_TIMEOUT);\n\t\t} catch (err) {\n\t\t\tconsole.error(\"Failed to copy text:\", err);\n\t\t}\n\t};\n\tif (!value) return;\n\treturn (\n\t\t<TooltipProvider>\n\t\t\t<Tooltip delayDuration={0}>\n\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={copyToClipboard}\n\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\ticon={() => (copied ? CheckCheck : Copy)}\n\t\t\t\t\t/>\n\t\t\t\t</TooltipTrigger>\n\t\t\t\t<TooltipContent>{copied ? \"Copied\" : tooltipMessage}</TooltipContent>\n\t\t\t</Tooltip>\n\t\t</TooltipProvider>\n\t);\n}\n"],"names":["COPY_BUTTON_STATE_TIMEOUT","CopyButton","value","tooltipMessage","onCopy","copied","setCopied","useState","copyToClipboard","err","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Button","CheckCheck","Copy","TooltipContent"],"mappings":";;;;;;;;AAiBO,MAAMA,IAA4B;AAClC,SAASC,EAAW;AAAA,EAC1B,OAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,QAAAC;AACD,GAAc;AACb,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAkB,YAAY;AACnC,QAAI;AACH,YAAM,UAAU,UAAU,UAAUN,CAAK,GACzCI,EAAU,EAAI,GACdF,KAAA,QAAAA,KAEA,WAAW,MAAM;AAChB,QAAAE,EAAU,EAAK;AAAA,MAAA,GACbN,CAAyB;AAAA,IAAA,SACpBS,GAAK;AACb,cAAQ,MAAM,wBAAwBA,CAAG;AAAA,IAAA;AAAA,EAC1C;AAED,MAAKP;AACL,WACC,gBAAAQ,EAACC,GAAA,EACA,UAAA,gBAAAC,EAACC,GAAA,EAAQ,eAAe,GACvB,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAe,SAAO,IACtB,UAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACA,SAASP;AAAA,UACT,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,MAAM,MAAOH,IAASW,IAAaC;AAAA,QAAA;AAAA,MAAA,GAErC;AAAA,MACA,gBAAAP,EAACQ,GAAA,EAAgB,UAAAb,IAAS,WAAWF,EAAA,CAAe;AAAA,IAAA,EAAA,CACrD,EAAA,CACD;AAEF;"}
+{"version":3,"file":"copy-button.es.js","sources":["../../../lib/components/ui/copy-button.tsx"],"sourcesContent":["\"use client\";\nimport {\n\tButton,\n\tTooltip,\n\tTooltipContent,\n\tTooltipProvider,\n\tTooltipTrigger,\n} from \"@/index\";\nimport { CheckCheck, Copy } from \"lucide-react\";\nimport { useState } from \"react\";\n\ninterface CopyProps {\n\tvalue: string;\n\ttooltipMessage?: string;\n\tonCopy?: () => void;\n}\n\nexport const COPY_BUTTON_STATE_TIMEOUT = 5000;\nexport function CopyButton({\n\tvalue,\n\ttooltipMessage = \"Copy to clipboard\",\n\tonCopy,\n}: CopyProps) {\n\tconst [copied, setCopied] = useState(false);\n\n\tconst copyToClipboard = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(value);\n\t\t\tsetCopied(true);\n\t\t\tonCopy?.();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetCopied(false);\n\t\t\t}, COPY_BUTTON_STATE_TIMEOUT);\n\t\t} catch (err) {\n\t\t\tconsole.error(\"Failed to copy text:\", err);\n\t\t}\n\t};\n\tif (!value) return;\n\treturn (\n\t\t<TooltipProvider>\n\t\t\t<Tooltip delayDuration={0}>\n\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={copyToClipboard}\n\t\t\t\t\t\tvariant=\"neutral\"\n\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\ticon={() => (copied ? CheckCheck : Copy)}\n\t\t\t\t\t/>\n\t\t\t\t</TooltipTrigger>\n\t\t\t\t<TooltipContent>{copied ? \"Copied\" : tooltipMessage}</TooltipContent>\n\t\t\t</Tooltip>\n\t\t</TooltipProvider>\n\t);\n}\n"],"names":["COPY_BUTTON_STATE_TIMEOUT","CopyButton","value","tooltipMessage","onCopy","copied","setCopied","useState","copyToClipboard","err","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Button","CheckCheck","Copy","TooltipContent"],"mappings":";;;;;;AAiBO,MAAMA,IAA4B;AAClC,SAASC,EAAW;AAAA,EAC1B,OAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,QAAAC;AACD,GAAc;AACb,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAkB,YAAY;AACnC,QAAI;AACH,YAAM,UAAU,UAAU,UAAUN,CAAK,GACzCI,EAAU,EAAI,GACdF,KAAA,QAAAA,KAEA,WAAW,MAAM;AAChB,QAAAE,EAAU,EAAK;AAAA,MAChB,GAAGN,CAAyB;AAAA,IAC7B,SAASS,GAAK;AACb,cAAQ,MAAM,wBAAwBA,CAAG;AAAA,IAC1C;AAAA,EACD;AACA,MAAKP;AACL,WACC,gBAAAQ,EAACC,GAAA,EACA,UAAA,gBAAAC,EAACC,GAAA,EAAQ,eAAe,GACvB,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAe,SAAO,IACtB,UAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACA,SAASP;AAAA,UACT,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,MAAM,MAAOH,IAASW,IAAaC;AAAA,QAAA;AAAA,MAAA,GAErC;AAAA,MACA,gBAAAP,EAACQ,GAAA,EAAgB,UAAAb,IAAS,WAAWF,EAAA,CAAe;AAAA,IAAA,EAAA,CACrD,EAAA,CACD;AAEF;"}

package/dist/components/ui/dialog.es.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import { Root as r, Trigger as l, Portal as c, Close as s, Overlay as d, Content as u, Title as f, Description as g } from "../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-dialog/dist/index.es.js";
-import { cn as o } from "../../utils/index.es.js";
 import { Cross as m } from "lucide-react";
+import { cn as o } from "../../utils/primitives.es.js";
 const N = r, v = l, p = c, C = s;
 function x({
   className: t,
@@ -30,14 +30,14 @@ function z({
       u,
       {
         className: o(
-          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-4 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-icon border bg-background p-icon shadow-lg duration-200 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",
           t
         ),
         ...i,
         children: [
           e,
-          /* @__PURE__ */ n(s, { className: "absolute right-4 top-4 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-            /* @__PURE__ */ a(m, { className: "size-4" }),
+          /* @__PURE__ */ n(s, { className: "absolute right-icon top-icon opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+            /* @__PURE__ */ a(m, { className: "size-icon" }),
             /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
           ] })
         ]

package/dist/components/ui/dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.es.js","sources":["../../../lib/components/ui/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { Cross } from \"lucide-react\";\n\nexport const Dialog = DialogPrimitive.Root;\n\nexport const DialogTrigger = DialogPrimitive.Trigger;\n\nexport const DialogPortal = DialogPrimitive.Portal;\n\nexport const DialogClose = DialogPrimitive.Close;\n\nexport function DialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n\treturn (\n\t\t<DialogPrimitive.Overlay\n\t\t\tclassName={cn(\n\t\t\t\t\"fixed inset-0 z-50 bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\nexport function DialogContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n\treturn (\n\t\t<DialogPortal>\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-4 shadow-lg duration-200 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\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<DialogPrimitive.Close className=\"absolute right-4 top-4 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n\t\t\t\t\t<Cross className=\"size-4\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</DialogPrimitive.Close>\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t);\n}\n\nexport function DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col space-y-1.5 text-center sm:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n\treturn (\n\t\t<DialogPrimitive.Title className={cn(\"h3\", className)} {...props} />\n\t);\n}\n\nexport function DialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tclassName={cn(\"body text-muted-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","className","props","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","jsxs","DialogPrimitive.Content","Cross","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":";;;;;AAQO,MAAMA,IAASC,GAETC,IAAgBC,GAEhBC,IAAeC,GAEfC,IAAcC;AAEpB,SAASC,EAAc;AAAA,EAC7B,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAyD;AACxD,SACC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASI,EAAc;AAAA,EAC7B,WAAAL;AAAA,EACA,UAAAM;AAAA,EACA,GAAGL;AACJ,GAAyD;AACxD,2BACEN,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAO,EAACH,GAAA,EAAc;AAAA,IACf,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QACA,WAAWJ;AAAA,UACV;AAAA,UACAJ;AAAA,QAAA;AAAA,QAEA,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAK;AAAA,UACD,gBAAAC,EAACT,GAAA,EAAsB,WAAU,oPAChC,UAAA;AAAA,YAAA,gBAAAI,EAACO,GAAA,EAAM,WAAU,SAAA,CAAS;AAAA,YAC1B,gBAAAP,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,UAAA,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,GACD;AAEF;AAEO,SAASQ,EAAa,EAAE,WAAAV,GAAW,GAAGC,KAAsC;AAClF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWE;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASU,EAAa,EAAE,WAAAX,GAAW,GAAGC,KAAsC;AAClF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWE;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASW,EAAY;AAAA,EAC3B,WAAAZ;AAAA,EACA,GAAGC;AACJ,GAAuD;AACtD,SACC,gBAAAC,EAACW,GAAA,EAAsB,WAAWT,EAAG,MAAMJ,CAAS,GAAI,GAAGC,GAAO;AAEpE;AAEO,SAASa,EAAkB;AAAA,EACjC,WAAAd;AAAA,EACA,GAAGC;AACJ,GAA6D;AAC5D,SACC,gBAAAC;AAAA,IAACa;AAAAA,IAAA;AAAA,MACA,WAAWX,EAAG,8BAA8BJ,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"dialog.es.js","sources":["../../../lib/components/ui/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { Cross } from \"lucide-react\";\n\nexport const Dialog = DialogPrimitive.Root;\n\nexport const DialogTrigger = DialogPrimitive.Trigger;\n\nexport const DialogPortal = DialogPrimitive.Portal;\n\nexport const DialogClose = DialogPrimitive.Close;\n\nexport function DialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n\treturn (\n\t\t<DialogPrimitive.Overlay\n\t\t\tclassName={cn(\n\t\t\t\t\"fixed inset-0 z-50 bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\nexport function DialogContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n\treturn (\n\t\t<DialogPortal>\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-icon border bg-background p-icon shadow-lg duration-200 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\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<DialogPrimitive.Close className=\"absolute right-icon top-icon opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n\t\t\t\t\t<Cross className=\"size-icon\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</DialogPrimitive.Close>\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t);\n}\n\nexport function DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col space-y-1.5 text-center sm:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n\treturn (\n\t\t<DialogPrimitive.Title className={cn(\"h3\", className)} {...props} />\n\t);\n}\n\nexport function DialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tclassName={cn(\"body text-muted-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","className","props","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","jsxs","DialogPrimitive.Content","Cross","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":";;;;;AAQO,MAAMA,IAASC,GAETC,IAAgBC,GAEhBC,IAAeC,GAEfC,IAAcC;AAEpB,SAASC,EAAc;AAAA,EAC7B,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAyD;AACxD,SACC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASI,EAAc;AAAA,EAC7B,WAAAL;AAAA,EACA,UAAAM;AAAA,EACA,GAAGL;AACJ,GAAyD;AACxD,2BACEN,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAO,EAACH,GAAA,EAAc;AAAA,IACf,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QACA,WAAWJ;AAAA,UACV;AAAA,UACAJ;AAAA,QAAA;AAAA,QAEA,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAK;AAAA,UACD,gBAAAC,EAACT,GAAA,EAAsB,WAAU,0PAChC,UAAA;AAAA,YAAA,gBAAAI,EAACO,GAAA,EAAM,WAAU,YAAA,CAAY;AAAA,YAC7B,gBAAAP,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,UAAA,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,GACD;AAEF;AAEO,SAASQ,EAAa,EAAE,WAAAV,GAAW,GAAGC,KAAsC;AAClF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWE;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASU,EAAa,EAAE,WAAAX,GAAW,GAAGC,KAAsC;AAClF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWE;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASW,EAAY;AAAA,EAC3B,WAAAZ;AAAA,EACA,GAAGC;AACJ,GAAuD;AACtD,SACC,gBAAAC,EAACW,GAAA,EAAsB,WAAWT,EAAG,MAAMJ,CAAS,GAAI,GAAGC,GAAO;AAEpE;AAEO,SAASa,EAAkB;AAAA,EACjC,WAAAd;AAAA,EACA,GAAGC;AACJ,GAA6D;AAC5D,SACC,gBAAAC;AAAA,IAACa;AAAAA,IAAA;AAAA,MACA,WAAWX,EAAG,8BAA8BJ,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/ui/drawer.es.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import { Drawer as o } from "vaul";
-import { cn as n } from "../../utils/index.es.js";
+import { cn as n } from "../../utils/primitives.es.js";
 function m({
   shouldScaleBackground: r = !0,
   ...e
@@ -14,8 +14,8 @@ function m({
     }
   );
 }
-const x = o.Trigger, c = o.Portal, D = o.Close;
-function i({
+const x = o.Trigger, i = o.Portal, D = o.Close;
+function s({
   className: r,
   ...e
 }) {
@@ -32,8 +32,8 @@ function d({
   children: e,
   ...a
 }) {
-  return /* @__PURE__ */ s(c, { children: [
-    /* @__PURE__ */ t(i, {}),
+  return /* @__PURE__ */ c(i, { children: [
+    /* @__PURE__ */ t(s, {}),
     /* @__PURE__ */ t(
       o.Content,
       {
@@ -55,7 +55,7 @@ function g({
   return /* @__PURE__ */ t(
     "div",
     {
-      className: n("grid gap-1.5 p-4 text-center sm:text-left", r),
+      className: n("grid gap-1.5 p-icon text-center sm:text-left", r),
       ...e
     }
   );
@@ -67,7 +67,7 @@ function w({
   return /* @__PURE__ */ t(
     "div",
     {
-      className: n("mt-auto flex flex-col gap-2 p-4", r),
+      className: n("mt-auto flex flex-col gap-2 p-icon", r),
       ...e
     }
   );
@@ -97,8 +97,8 @@ export {
   b as DrawerDescription,
   w as DrawerFooter,
   g as DrawerHeader,
-  i as DrawerOverlay,
-  c as DrawerPortal,
+  s as DrawerOverlay,
+  i as DrawerPortal,
   p as DrawerTitle,
   x as DrawerTrigger
 };

package/dist/components/ui/drawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.es.js","sources":["../../../lib/components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\nimport type * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"@/utils\";\n\nexport function Drawer({\n\tshouldScaleBackground = true,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n\treturn (\n\t\t<DrawerPrimitive.Root\n\t\t\tshouldScaleBackground={shouldScaleBackground}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport const DrawerTrigger = DrawerPrimitive.Trigger;\n\nexport const DrawerPortal: React.FC<\n\tReact.ComponentProps<typeof DrawerPrimitive.Portal>\n> = DrawerPrimitive.Portal;\n\nexport const DrawerClose = DrawerPrimitive.Close;\n\nexport function DrawerOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n\treturn (\n\t\t<DrawerPrimitive.Overlay\n\t\t\tclassName={cn(\"fixed inset-0 z-50 bg-background/80\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DrawerContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n\treturn (\n\t\t<DrawerPortal>\n\t\t\t<DrawerOverlay />\n\t\t\t<DrawerPrimitive.Content\n\t\t\t\tstyle={{ userSelect: \"text\" }}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col border bg-background\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</DrawerPrimitive.Content>\n\t\t</DrawerPortal>\n\t);\n}\n\nexport function DrawerHeader({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DrawerFooter({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DrawerTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n\treturn <DrawerPrimitive.Title className={cn(\"h3\", className)} {...props} />;\n}\n\nexport function DrawerDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n\treturn (\n\t\t<DrawerPrimitive.Description\n\t\t\tclassName={cn(\"body text-muted-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Drawer","shouldScaleBackground","props","jsx","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","className","cn","DrawerContent","children","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;AAMO,SAASA,EAAO;AAAA,EACtB,uBAAAC,IAAwB;AAAA,EACxB,GAAGC;AACJ,GAAsD;AACrD,SACC,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACA,uBAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,MAAMG,IAAgBD,EAAgB,SAEhCE,IAETF,EAAgB,QAEPG,IAAcH,EAAgB;AAEpC,SAASI,EAAc;AAAA,EAC7B,WAAAC;AAAA,EACA,GAAGP;AACJ,GAAyD;AACxD,SACC,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACA,WAAWM,EAAG,uCAAuCD,CAAS;AAAA,MAC7D,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASS,EAAc;AAAA,EAC7B,WAAAF;AAAA,EACA,UAAAG;AAAA,EACA,GAAGV;AACJ,GAAyD;AACxD,2BACEI,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAH,EAACK,GAAA,EAAc;AAAA,IACf,gBAAAL;AAAA,MAACC,EAAgB;AAAA,MAAhB;AAAA,QACA,OAAO,EAAE,YAAY,OAAA;AAAA,QACrB,WAAWM;AAAA,UACV;AAAA,UACAD;AAAA,QAAA;AAAA,QAEA,GAAGP;AAAA,QAEH,UAAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACD;AAEF;AAEO,SAASC,EAAa;AAAA,EAC5B,WAAAJ;AAAA,EACA,GAAGP;AACJ,GAAgC;AAC/B,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWO,EAAG,6CAA6CD,CAAS;AAAA,MACnE,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASY,EAAa;AAAA,EAC5B,WAAAL;AAAA,EACA,GAAGP;AACJ,GAAgC;AAC/B,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWO,EAAG,mCAAmCD,CAAS;AAAA,MACzD,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASa,EAAY;AAAA,EAC3B,WAAAN;AAAA,EACA,GAAGP;AACJ,GAAuD;AACtD,SAAO,gBAAAC,EAACC,EAAgB,OAAhB,EAAsB,WAAWM,EAAG,MAAMD,CAAS,GAAI,GAAGP,GAAO;AAC1E;AAEO,SAASc,EAAkB;AAAA,EACjC,WAAAP;AAAA,EACA,GAAGP;AACJ,GAA6D;AAC5D,SACC,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACA,WAAWM,EAAG,8BAA8BD,CAAS;AAAA,MACpD,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"drawer.es.js","sources":["../../../lib/components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\nimport type * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"@/utils\";\n\nexport function Drawer({\n\tshouldScaleBackground = true,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n\treturn (\n\t\t<DrawerPrimitive.Root\n\t\t\tshouldScaleBackground={shouldScaleBackground}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport const DrawerTrigger = DrawerPrimitive.Trigger;\n\nexport const DrawerPortal: React.FC<\n\tReact.ComponentProps<typeof DrawerPrimitive.Portal>\n> = DrawerPrimitive.Portal;\n\nexport const DrawerClose = DrawerPrimitive.Close;\n\nexport function DrawerOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n\treturn (\n\t\t<DrawerPrimitive.Overlay\n\t\t\tclassName={cn(\"fixed inset-0 z-50 bg-background/80\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DrawerContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n\treturn (\n\t\t<DrawerPortal>\n\t\t\t<DrawerOverlay />\n\t\t\t<DrawerPrimitive.Content\n\t\t\t\tstyle={{ userSelect: \"text\" }}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col border bg-background\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</DrawerPrimitive.Content>\n\t\t</DrawerPortal>\n\t);\n}\n\nexport function DrawerHeader({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"grid gap-1.5 p-icon text-center sm:text-left\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DrawerFooter({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"mt-auto flex flex-col gap-2 p-icon\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DrawerTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n\treturn <DrawerPrimitive.Title className={cn(\"h3\", className)} {...props} />;\n}\n\nexport function DrawerDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n\treturn (\n\t\t<DrawerPrimitive.Description\n\t\t\tclassName={cn(\"body text-muted-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Drawer","shouldScaleBackground","props","jsx","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","className","cn","DrawerContent","children","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;AAMO,SAASA,EAAO;AAAA,EACtB,uBAAAC,IAAwB;AAAA,EACxB,GAAGC;AACJ,GAAsD;AACrD,SACC,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACA,uBAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,MAAMG,IAAgBD,EAAgB,SAEhCE,IAETF,EAAgB,QAEPG,IAAcH,EAAgB;AAEpC,SAASI,EAAc;AAAA,EAC7B,WAAAC;AAAA,EACA,GAAGP;AACJ,GAAyD;AACxD,SACC,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACA,WAAWM,EAAG,uCAAuCD,CAAS;AAAA,MAC7D,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASS,EAAc;AAAA,EAC7B,WAAAF;AAAA,EACA,UAAAG;AAAA,EACA,GAAGV;AACJ,GAAyD;AACxD,2BACEI,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAH,EAACK,GAAA,EAAc;AAAA,IACf,gBAAAL;AAAA,MAACC,EAAgB;AAAA,MAAhB;AAAA,QACA,OAAO,EAAE,YAAY,OAAA;AAAA,QACrB,WAAWM;AAAA,UACV;AAAA,UACAD;AAAA,QAAA;AAAA,QAEA,GAAGP;AAAA,QAEH,UAAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACD;AAEF;AAEO,SAASC,EAAa;AAAA,EAC5B,WAAAJ;AAAA,EACA,GAAGP;AACJ,GAAgC;AAC/B,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWO,EAAG,gDAAgDD,CAAS;AAAA,MACtE,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASY,EAAa;AAAA,EAC5B,WAAAL;AAAA,EACA,GAAGP;AACJ,GAAgC;AAC/B,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWO,EAAG,sCAAsCD,CAAS;AAAA,MAC5D,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASa,EAAY;AAAA,EAC3B,WAAAN;AAAA,EACA,GAAGP;AACJ,GAAuD;AACtD,SAAO,gBAAAC,EAACC,EAAgB,OAAhB,EAAsB,WAAWM,EAAG,MAAMD,CAAS,GAAI,GAAGP,GAAO;AAC1E;AAEO,SAASc,EAAkB;AAAA,EACjC,WAAAP;AAAA,EACA,GAAGP;AACJ,GAA6D;AAC5D,SACC,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACA,WAAWM,EAAG,8BAA8BD,CAAS;AAAA,MACpD,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/ui/dropdown-menu.es.js

@@ -1,8 +1,8 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { cn as n } from "../../utils/index.es.js";
-import { Root as c, Trigger as l, Group as u, Portal as i, Content as p, CheckboxItem as f, ItemIndicator as d, RadioGroup as b, RadioItem as g, Sub as h, SubTrigger as w, SubContent as x, Item as N, Label as D } from "../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.15_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-dropdown-menu/dist/index.es.js";
-import { Check as m, ChevronRight as I } from "lucide-react";
-const S = c, v = l, G = u, T = i, k = h, y = b;
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { Root as c, Trigger as u, Group as l, Portal as i, Sub as p, RadioGroup as f, SubTrigger as b, SubContent as g, Content as h, Item as w, CheckboxItem as x, ItemIndicator as d, RadioItem as N, Label as D } from "../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.15_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-dropdown-menu/dist/index.es.js";
+import { ChevronRight as I, Check as m } from "lucide-react";
+import { cn as n } from "../../utils/primitives.es.js";
+const S = c, v = u, G = l, T = i, k = p, y = f;
 function L({
   className: o,
   inset: e,
@@ -10,17 +10,17 @@ function L({
   ...r
 }) {
   return /* @__PURE__ */ s(
-    w,
+    b,
     {
       className: n(
         "flex cursor-default select-none items-center px-2 py-1.5 body outline-hidden focus:bg-accent data-[state=open]:bg-accent",
-        e && "pl-8",
+        e && "pl-input",
         o
       ),
       ...r,
       children: [
         a,
-        /* @__PURE__ */ t(I, { className: "ml-auto size-4" })
+        /* @__PURE__ */ t(I, { className: "ml-auto size-icon" })
       ]
     }
   );
@@ -30,7 +30,7 @@ function P({
   ...e
 }) {
   return /* @__PURE__ */ t(
-    x,
+    g,
     {
       className: n(
         "z-50 min-w-32 overflow-hidden border 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",
@@ -46,7 +46,7 @@ function j({
   ...a
 }) {
   return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
-    p,
+    h,
     {
       align: "start",
       sideOffset: e,
@@ -63,7 +63,7 @@ function q({
   className: o,
   ...e
 }) {
-  return /* @__PURE__ */ t(N, { className: n("dropdown-item"), ...e });
+  return /* @__PURE__ */ t(w, { className: n("dropdown-item"), ...e });
 }
 function A({
   className: o,
@@ -72,7 +72,7 @@ function A({
   ...r
 }) {
   return /* @__PURE__ */ s(
-    f,
+    x,
     {
       className: n("dropdown-item inline-flex items-center", o),
       checked: a,
@@ -90,7 +90,7 @@ function B({
   ...a
 }) {
   return /* @__PURE__ */ s(
-    g,
+    N,
     {
       className: n("dropdown-item", o),
       ...a,

package/dist/components/ui/dropdown-menu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.es.js","sources":["../../../lib/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronRight } from \"lucide-react\";\nimport type * as React from \"react\";\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group;\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal;\nexport const DropdownMenuSub = DropdownMenuPrimitive.Sub;\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\n/**\n * TODO (mudasirpandith)\n * Focus on trigger.\n * Focus on content after trigger is pressed?\n * List keyboard navigation in buttons within DropdownItems\n */\nexport function DropdownMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubTrigger\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-default select-none items-center px-2 py-1.5 body outline-hidden focus:bg-accent data-[state=open]:bg-accent\",\n\t\t\t\tinset && \"pl-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRight className=\"ml-auto size-4\" />\n\t\t</DropdownMenuPrimitive.SubTrigger>\n\t);\n}\n\nexport function DropdownMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubContent\n\t\t\tclassName={cn(\n\t\t\t\t\"z-50 min-w-32 overflow-hidden border 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\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DropdownMenuContent({\n\tclassName,\n\tsideOffset = 4,\n\t...props\n}: React.CustomComponentPropsWithRef<typeof DropdownMenuPrimitive.Content>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t<DropdownMenuPrimitive.Content\n\t\t\t\talign=\"start\"\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"z-50 min-w-48 max-w-2xs overflow-y-auto max-h-48 border bg-popover text-popover-foreground\",\n\t\t\t\t\t\"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\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</DropdownMenuPrimitive.Portal>\n\t);\n}\n\nexport function DropdownMenuItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Item className={cn(\"dropdown-item\")} {...props} />\n\t);\n}\n\nexport function DropdownMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\tchecked,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.CheckboxItem\n\t\t\tclassName={cn(\"dropdown-item inline-flex items-center\", className)}\n\t\t\tchecked={checked}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DropdownMenuPrimitive.ItemIndicator className=\"absolute right-2 size-icon\">\n\t\t\t\t<Check className=\"size-icon\" />\n\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t<span className=\"leading-none pe-3\">\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t</DropdownMenuPrimitive.CheckboxItem>\n\t);\n}\n\nexport function DropdownMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioItem\n\t\t\tclassName={cn(\"dropdown-item\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DropdownMenuPrimitive.ItemIndicator className=\"absolute right-2 size-icon\">\n\t\t\t\t<Check className=\"size-icon\" />\n\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.RadioItem>\n\t);\n}\n\nexport function DropdownMenuLabel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Label\n\t\t\tclassName={cn(\"p-2 border-b caption\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}"],"names":["DropdownMenu","DropdownMenuPrimitive.Root","DropdownMenuTrigger","DropdownMenuPrimitive.Trigger","DropdownMenuGroup","DropdownMenuPrimitive.Group","DropdownMenuPortal","DropdownMenuPrimitive.Portal","DropdownMenuSub","DropdownMenuPrimitive.Sub","DropdownMenuRadioGroup","DropdownMenuPrimitive.RadioGroup","DropdownMenuSubTrigger","className","inset","children","props","jsxs","DropdownMenuPrimitive.SubTrigger","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuPrimitive.SubContent","DropdownMenuContent","sideOffset","DropdownMenuPrimitive.Content","DropdownMenuItem","DropdownMenuPrimitive.Item","DropdownMenuCheckboxItem","checked","DropdownMenuPrimitive.CheckboxItem","DropdownMenuPrimitive.ItemIndicator","Check","DropdownMenuRadioItem","DropdownMenuPrimitive.RadioItem","DropdownMenuLabel","DropdownMenuPrimitive.Label"],"mappings":";;;;AAKO,MAAMA,IAAeC,GACfC,IAAsBC,GACtBC,IAAoBC,GACpBC,IAAqBC,GACrBC,IAAkBC,GAClBC,IAAyBC;AAQ/B,SAASC,EAAuB;AAAA,EACtC,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,GAEG;AACF,SACC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAL,KAAS;AAAA,QACTD;AAAA,MAAA;AAAA,MAEA,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAD;AAAA,QACD,gBAAAK,EAACC,GAAA,EAAa,WAAU,iBAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5C;AAEO,SAASC,EAAuB;AAAA,EACtC,WAAAT;AAAA,EACA,GAAGG;AACJ,GAAkE;AACjE,SACC,gBAAAI;AAAA,IAACG;AAAAA,IAAA;AAAA,MACA,WAAWJ;AAAA,QACV;AAAA,QACAN;AAAA,MAAA;AAAA,MAEA,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASQ,EAAoB;AAAA,EACnC,WAAAX;AAAA,EACA,YAAAY,IAAa;AAAA,EACb,GAAGT;AACJ,GAA4E;AAC3E,SACC,gBAAAI,EAACb,GAAA,EACA,UAAA,gBAAAa;AAAA,IAACM;AAAAA,IAAA;AAAA,MACA,OAAM;AAAA,MACN,YAAAD;AAAA,MACA,WAAWN;AAAA,QACV;AAAA,QACA;AAAA,QACAN;AAAA,MAAA;AAAA,MAEA,GAAGG;AAAA,IAAA;AAAA,EAAA,GAEN;AAEF;AAEO,SAASW,EAAiB;AAAA,EAChC,WAAAd;AAAA,EACA,GAAGG;AACJ,GAA4D;AAC3D,SACC,gBAAAI,EAACQ,GAAA,EAA2B,WAAWT,EAAG,eAAe,GAAI,GAAGH,GAAO;AAEzE;AAEO,SAASa,EAAyB;AAAA,EACxC,WAAAhB;AAAA,EACA,UAAAE;AAAA,EACA,SAAAe;AAAA,EACA,GAAGd;AACJ,GAAoE;AACnE,SACC,gBAAAC;AAAA,IAACc;AAAAA,IAAA;AAAA,MACA,WAAWZ,EAAG,0CAA0CN,CAAS;AAAA,MACjE,SAAAiB;AAAA,MACC,GAAGd;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACY,GAAA,EAAoC,WAAU,8BAC9C,UAAA,gBAAAZ,EAACa,GAAA,EAAM,WAAU,YAAA,CAAY,EAAA,CAC9B;AAAA,QACA,gBAAAb,EAAC,QAAA,EAAK,WAAU,qBACd,UAAAL,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;AAEO,SAASmB,EAAsB;AAAA,EACrC,WAAArB;AAAA,EACA,UAAAE;AAAA,EACA,GAAGC;AACJ,GAAiE;AAChE,SACC,gBAAAC;AAAA,IAACkB;AAAAA,IAAA;AAAA,MACA,WAAWhB,EAAG,iBAAiBN,CAAS;AAAA,MACvC,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACY,GAAA,EAAoC,WAAU,8BAC9C,UAAA,gBAAAZ,EAACa,GAAA,EAAM,WAAU,YAAA,CAAY,EAAA,CAC9B;AAAA,QACClB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGJ;AAEO,SAASqB,EAAkB;AAAA,EACjC,WAAAvB;AAAA,EACA,GAAGG;AACJ,GAA6D;AAC5D,SACC,gBAAAI;AAAA,IAACiB;AAAAA,IAAA;AAAA,MACA,WAAWlB,EAAG,wBAAwBN,CAAS;AAAA,MAC9C,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"dropdown-menu.es.js","sources":["../../../lib/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronRight } from \"lucide-react\";\nimport type * as React from \"react\";\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group;\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal;\nexport const DropdownMenuSub = DropdownMenuPrimitive.Sub;\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\n/**\n* TODO (mudasirpandith)\n * Focus on trigger.\n * Focus on content after trigger is pressed?\n * List keyboard navigation in buttons within DropdownItems\n */\nexport function DropdownMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubTrigger\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-default select-none items-center px-2 py-1.5 body outline-hidden focus:bg-accent data-[state=open]:bg-accent\",\n\t\t\t\tinset && \"pl-input\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRight className=\"ml-auto size-icon\" />\n\t\t</DropdownMenuPrimitive.SubTrigger>\n\t);\n}\n\nexport function DropdownMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubContent\n\t\t\tclassName={cn(\n\t\t\t\t\"z-50 min-w-32 overflow-hidden border 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\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DropdownMenuContent({\n\tclassName,\n\tsideOffset = 4,\n\t...props\n}: React.CustomComponentPropsWithRef<typeof DropdownMenuPrimitive.Content>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t<DropdownMenuPrimitive.Content\n\t\t\t\talign=\"start\"\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"z-50 min-w-48 max-w-2xs overflow-y-auto max-h-48 border bg-popover text-popover-foreground\",\n\t\t\t\t\t\"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\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</DropdownMenuPrimitive.Portal>\n\t);\n}\n\n/** TODO, is this  */\nexport function DropdownMenuItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Item className={cn(\"dropdown-item\")} {...props} />\n\t);\n}\n\nexport function DropdownMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\tchecked,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.CheckboxItem\n\t\t\tclassName={cn(\"dropdown-item inline-flex items-center\", className)}\n\t\t\tchecked={checked}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DropdownMenuPrimitive.ItemIndicator className=\"absolute right-2 size-icon\">\n\t\t\t\t<Check className=\"size-icon\" />\n\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t<span className=\"leading-none pe-3\">\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t</DropdownMenuPrimitive.CheckboxItem>\n\t);\n}\n\nexport function DropdownMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioItem\n\t\t\tclassName={cn(\"dropdown-item\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DropdownMenuPrimitive.ItemIndicator className=\"absolute right-2 size-icon\">\n\t\t\t\t<Check className=\"size-icon\" />\n\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.RadioItem>\n\t);\n}\n\nexport function DropdownMenuLabel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Label\n\t\t\tclassName={cn(\"p-2 border-b caption\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}"],"names":["DropdownMenu","DropdownMenuPrimitive.Root","DropdownMenuTrigger","DropdownMenuPrimitive.Trigger","DropdownMenuGroup","DropdownMenuPrimitive.Group","DropdownMenuPortal","DropdownMenuPrimitive.Portal","DropdownMenuSub","DropdownMenuPrimitive.Sub","DropdownMenuRadioGroup","DropdownMenuPrimitive.RadioGroup","DropdownMenuSubTrigger","className","inset","children","props","jsxs","DropdownMenuPrimitive.SubTrigger","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuPrimitive.SubContent","DropdownMenuContent","sideOffset","DropdownMenuPrimitive.Content","DropdownMenuItem","DropdownMenuPrimitive.Item","DropdownMenuCheckboxItem","checked","DropdownMenuPrimitive.CheckboxItem","DropdownMenuPrimitive.ItemIndicator","Check","DropdownMenuRadioItem","DropdownMenuPrimitive.RadioItem","DropdownMenuLabel","DropdownMenuPrimitive.Label"],"mappings":";;;;AAKO,MAAMA,IAAeC,GACfC,IAAsBC,GACtBC,IAAoBC,GACpBC,IAAqBC,GACrBC,IAAkBC,GAClBC,IAAyBC;AAQ/B,SAASC,EAAuB;AAAA,EACtC,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,GAEG;AACF,SACC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAL,KAAS;AAAA,QACTD;AAAA,MAAA;AAAA,MAEA,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAD;AAAA,QACD,gBAAAK,EAACC,GAAA,EAAa,WAAU,oBAAA,CAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG/C;AAEO,SAASC,EAAuB;AAAA,EACtC,WAAAT;AAAA,EACA,GAAGG;AACJ,GAAkE;AACjE,SACC,gBAAAI;AAAA,IAACG;AAAAA,IAAA;AAAA,MACA,WAAWJ;AAAA,QACV;AAAA,QACAN;AAAA,MAAA;AAAA,MAEA,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASQ,EAAoB;AAAA,EACnC,WAAAX;AAAA,EACA,YAAAY,IAAa;AAAA,EACb,GAAGT;AACJ,GAA4E;AAC3E,SACC,gBAAAI,EAACb,GAAA,EACA,UAAA,gBAAAa;AAAA,IAACM;AAAAA,IAAA;AAAA,MACA,OAAM;AAAA,MACN,YAAAD;AAAA,MACA,WAAWN;AAAA,QACV;AAAA,QACA;AAAA,QACAN;AAAA,MAAA;AAAA,MAEA,GAAGG;AAAA,IAAA;AAAA,EAAA,GAEN;AAEF;AAGO,SAASW,EAAiB;AAAA,EAChC,WAAAd;AAAA,EACA,GAAGG;AACJ,GAA4D;AAC3D,SACC,gBAAAI,EAACQ,GAAA,EAA2B,WAAWT,EAAG,eAAe,GAAI,GAAGH,GAAO;AAEzE;AAEO,SAASa,EAAyB;AAAA,EACxC,WAAAhB;AAAA,EACA,UAAAE;AAAA,EACA,SAAAe;AAAA,EACA,GAAGd;AACJ,GAAoE;AACnE,SACC,gBAAAC;AAAA,IAACc;AAAAA,IAAA;AAAA,MACA,WAAWZ,EAAG,0CAA0CN,CAAS;AAAA,MACjE,SAAAiB;AAAA,MACC,GAAGd;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACY,GAAA,EAAoC,WAAU,8BAC9C,UAAA,gBAAAZ,EAACa,GAAA,EAAM,WAAU,YAAA,CAAY,EAAA,CAC9B;AAAA,QACA,gBAAAb,EAAC,QAAA,EAAK,WAAU,qBACd,UAAAL,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;AAEO,SAASmB,EAAsB;AAAA,EACrC,WAAArB;AAAA,EACA,UAAAE;AAAA,EACA,GAAGC;AACJ,GAAiE;AAChE,SACC,gBAAAC;AAAA,IAACkB;AAAAA,IAAA;AAAA,MACA,WAAWhB,EAAG,iBAAiBN,CAAS;AAAA,MACvC,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACY,GAAA,EAAoC,WAAU,8BAC9C,UAAA,gBAAAZ,EAACa,GAAA,EAAM,WAAU,YAAA,CAAY,EAAA,CAC9B;AAAA,QACClB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGJ;AAEO,SAASqB,EAAkB;AAAA,EACjC,WAAAvB;AAAA,EACA,GAAGG;AACJ,GAA6D;AAC5D,SACC,gBAAAI;AAAA,IAACiB;AAAAA,IAAA;AAAA,MACA,WAAWlB,EAAG,wBAAwBN,CAAS;AAAA,MAC9C,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/ui/label.es.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Root as t } from "../../node_modules/.pnpm/@radix-ui_react-label@2.1.7_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-label/dist/index.es.js";
-import { cn as n } from "../../utils/index.es.js";
+import { cn as n } from "../../utils/primitives.es.js";
 function m({
   className: o,
   ...e

package/dist/components/ui/loader.es.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { cn as i } from "../../utils/index.es.js";
-import { Loader2 as m } from "lucide-react";
+import { Loader2 as i } from "lucide-react";
+import { cn as m } from "../../utils/primitives.es.js";
 function a({ className: o }) {
-  return /* @__PURE__ */ r(m, { className: i("animate-spin size-icon", o) });
+  return /* @__PURE__ */ r(i, { className: m("animate-spin size-icon", o) });
 }
 export {
   a as Loader

package/dist/components/ui/pagination.es.js

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as t } from "react/jsx-runtime";
 import { buttonVariants as l } from "./button.es.js";
-import { cn as i } from "../../utils/index.es.js";
 import { ChevronLeft as c, ChevronRight as u, DotSquare as m } from "lucide-react";
+import { cn as i } from "../../utils/primitives.es.js";
 function d({ className: e, ...a }) {
   return /* @__PURE__ */ n(
     "nav",
@@ -43,7 +43,7 @@ function r({
       "aria-current": a ? "page" : void 0,
       className: i(
         l({
-          variant: a ? "outline" : "ghost",
+          variant: a ? "neutral" : "ghost",
           size: o
         }),
         e