@cryptlex/web-components 1.4.1 → 1.6.0

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

@@ -1,39 +1,39 @@
-import { jsx as n, jsxs as t } from "react/jsx-runtime";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { DotsHorizontalIcon as c, ChevronRightIcon as m, ChevronLeftIcon as p } from "@radix-ui/react-icons";
 import * as l from "react";
-import { ChevronLeftIcon as c, ChevronRightIcon as m, DotsHorizontalIcon as p } from "@radix-ui/react-icons";
-import { cn as e } from "../../utils/index.es.js";
 import { buttonVariants as g } from "./button.es.js";
-const N = ({ className: i, ...a }) => /* @__PURE__ */ n(
+import { cn as n } from "../../utils/index.es.js";
+const d = ({ className: i, ...a }) => /* @__PURE__ */ e(
   "nav",
   {
     role: "navigation",
     "aria-label": "pagination",
-    className: e("mx-auto flex w-full justify-center", i),
+    className: n("mx-auto flex w-full justify-center", i),
     ...a
   }
 );
-N.displayName = "Pagination";
-const d = l.forwardRef(({ className: i, ...a }, o) => /* @__PURE__ */ n(
+d.displayName = "Pagination";
+const N = l.forwardRef(({ className: i, ...a }, o) => /* @__PURE__ */ e(
   "ul",
   {
     ref: o,
-    className: e("flex flex-row items-center gap-1", i),
+    className: n("flex flex-row items-center gap-1", i),
     ...a
   }
 ));
-d.displayName = "PaginationContent";
-const f = l.forwardRef(({ className: i, ...a }, o) => /* @__PURE__ */ n("li", { ref: o, className: e("", i), ...a }));
+N.displayName = "PaginationContent";
+const f = l.forwardRef(({ className: i, ...a }, o) => /* @__PURE__ */ e("li", { ref: o, className: n("", i), ...a }));
 f.displayName = "PaginationItem";
-const s = ({
+const t = ({
   className: i,
   isActive: a,
-  size: o = "icon",
+  size: o = "default",
   ...r
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ e(
   "a",
   {
     "aria-current": a ? "page" : void 0,
-    className: e(
+    className: n(
       g({
         variant: a ? "outline" : "ghost",
         size: o
@@ -43,64 +43,64 @@ const s = ({
     ...r
   }
 );
-s.displayName = "PaginationLink";
+t.displayName = "PaginationLink";
 const P = ({
   className: i,
   ...a
-}) => /* @__PURE__ */ t(
-  s,
+}) => /* @__PURE__ */ s(
+  t,
   {
     "aria-label": "Go to previous page",
     size: "default",
-    className: e("gap-1 pl-2.5", i),
+    className: n("gap-1 pl-2.5", i),
     ...a,
     children: [
-      /* @__PURE__ */ n(c, { className: "h-4 w-4" }),
-      /* @__PURE__ */ n("span", { children: "Previous" })
+      /* @__PURE__ */ e(p, { className: "size-icon" }),
+      /* @__PURE__ */ e("span", { children: "Previous" })
     ]
   }
 );
 P.displayName = "PaginationPrevious";
-const h = ({
+const u = ({
   className: i,
   ...a
-}) => /* @__PURE__ */ t(
-  s,
+}) => /* @__PURE__ */ s(
+  t,
   {
     "aria-label": "Go to next page",
     size: "default",
-    className: e("gap-1 pr-2.5", i),
+    className: n("gap-1 pr-2.5", i),
     ...a,
     children: [
-      /* @__PURE__ */ n("span", { children: "Next" }),
-      /* @__PURE__ */ n(m, { className: "h-4 w-4" })
+      /* @__PURE__ */ e("span", { children: "Next" }),
+      /* @__PURE__ */ e(m, { className: "size-icon" })
     ]
   }
 );
-h.displayName = "PaginationNext";
-const u = ({
+u.displayName = "PaginationNext";
+const x = ({
   className: i,
   ...a
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": !0,
-    className: e("flex h-9 w-9 items-center justify-center", i),
+    className: n("flex size-9 items-center justify-center", i),
     ...a,
     children: [
-      /* @__PURE__ */ n(p, { className: "h-4 w-4" }),
-      /* @__PURE__ */ n("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ e(c, { className: "size-icon" }),
+      /* @__PURE__ */ e("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
-u.displayName = "PaginationEllipsis";
+x.displayName = "PaginationEllipsis";
 export {
-  N as Pagination,
-  d as PaginationContent,
-  u as PaginationEllipsis,
+  d as Pagination,
+  N as PaginationContent,
+  x as PaginationEllipsis,
   f as PaginationItem,
-  s as PaginationLink,
-  h as PaginationNext,
+  t as PaginationLink,
+  u as PaginationNext,
   P as PaginationPrevious
 };
 //# sourceMappingURL=pagination.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.es.js","sources":["../../../lib/components/ui/pagination.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  DotsHorizontalIcon,\n} from \"@radix-ui/react-icons\"\n\nimport { cn } from \"@/utils\"\nimport { ButtonProps, buttonVariants } from \"@/components/ui/button\"\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...props}\n  />\n)\nPagination.displayName = \"Pagination\"\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex flex-row items-center gap-1\", className)}\n    {...props}\n  />\n))\nPaginationContent.displayName = \"PaginationContent\"\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li ref={ref} className={cn(\"\", className)} {...props} />\n))\nPaginationItem.displayName = \"PaginationItem\"\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<ButtonProps, \"size\"> &\n  React.ComponentProps<\"a\">\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? \"page\" : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? \"outline\" : \"ghost\",\n        size,\n      }),\n      className\n    )}\n    {...props}\n  />\n)\nPaginationLink.displayName = \"PaginationLink\"\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 pl-2.5\", className)}\n    {...props}\n  >\n    <ChevronLeftIcon className=\"h-4 w-4\" />\n    <span>Previous</span>\n  </PaginationLink>\n)\nPaginationPrevious.displayName = \"PaginationPrevious\"\n\nconst PaginationNext = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 pr-2.5\", className)}\n    {...props}\n  >\n    <span>Next</span>\n    <ChevronRightIcon className=\"h-4 w-4\" />\n  </PaginationLink>\n)\nPaginationNext.displayName = \"PaginationNext\"\n\nconst PaginationEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <DotsHorizontalIcon className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n)\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\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","React","ref","PaginationItem","PaginationLink","isActive","size","buttonVariants","PaginationPrevious","jsxs","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","DotsHorizontalIcon"],"mappings":";;;;;AAUA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAClC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,IAC5D,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAEnB,MAAAK,IAAoBC,EAAM,WAG9B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAM,GAAGK,MAC1B,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAI;AAAA,IACA,WAAWH,EAAG,oCAAoCH,CAAS;AAAA,IAC1D,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAkB,cAAc;AAE1B,MAAAG,IAAiBF,EAAM,WAG3B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAS,GAAAK,wBACzB,MAAG,EAAA,KAAAA,GAAU,WAAWH,EAAG,IAAIH,CAAS,GAAI,GAAGC,GAAO,CACxD;AACDM,EAAe,cAAc;AAO7B,MAAMC,IAAiB,CAAC;AAAA,EACtB,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGT;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,gBAAcO,IAAW,SAAS;AAAA,IAClC,WAAWN;AAAA,MACTQ,EAAe;AAAA,QACb,SAASF,IAAW,YAAY;AAAA,QAChC,MAAAC;AAAA,MAAA,CACD;AAAA,MACDV;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAe,cAAc;AAE7B,MAAMI,IAAqB,CAAC;AAAA,EAC1B,WAAAZ;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAACL;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,gBAAgBH,CAAS;AAAA,IACtC,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAC,EAAAY,GAAA,EAAgB,WAAU,UAAU,CAAA;AAAA,MACrC,gBAAAZ,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAChB;AAEFU,EAAmB,cAAc;AAEjC,MAAMG,IAAiB,CAAC;AAAA,EACtB,WAAAf;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAACL;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,gBAAgBH,CAAS;AAAA,IACtC,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAK,UAAI,OAAA,CAAA;AAAA,MACV,gBAAAA,EAACc,GAAiB,EAAA,WAAU,UAAU,CAAA;AAAA,IAAA;AAAA,EAAA;AACxC;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAAC;AAAA,EAC1B,WAAAjB;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAWV,EAAG,4CAA4CH,CAAS;AAAA,IAClE,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAC,EAAAgB,GAAA,EAAmB,WAAU,UAAU,CAAA;AAAA,MACvC,gBAAAhB,EAAA,QAAA,EAAK,WAAU,WAAU,UAAU,aAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AACtC;AAEFe,EAAmB,cAAc;"}
+{"version":3,"file":"pagination.es.js","sources":["../../../lib/components/ui/pagination.tsx"],"sourcesContent":["// TODO, are we using Radix or Lucide???\n// TODO, are we even using this anywhere?\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  DotsHorizontalIcon,\n} from \"@radix-ui/react-icons\"\nimport * as React from \"react\"\n\nimport { ButtonProps, buttonVariants } from \"@/components/ui/button\"\nimport { cn } from \"@/utils\"\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...props}\n  />\n)\nPagination.displayName = \"Pagination\"\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex flex-row items-center gap-1\", className)}\n    {...props}\n  />\n))\nPaginationContent.displayName = \"PaginationContent\"\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li ref={ref} className={cn(\"\", className)} {...props} />\n))\nPaginationItem.displayName = \"PaginationItem\"\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<ButtonProps, \"size\"> &\n  React.ComponentProps<\"a\">\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  size = \"default\",\n  ...props\n}: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? \"page\" : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? \"outline\" : \"ghost\",\n        size,\n      }),\n      className\n    )}\n    {...props}\n  />\n)\nPaginationLink.displayName = \"PaginationLink\"\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 pl-2.5\", className)}\n    {...props}\n  >\n    <ChevronLeftIcon className=\"size-icon\" />\n    <span>Previous</span>\n  </PaginationLink>\n)\nPaginationPrevious.displayName = \"PaginationPrevious\"\n\nconst PaginationNext = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 pr-2.5\", className)}\n    {...props}\n  >\n    <span>Next</span>\n    <ChevronRightIcon className=\"size-icon\" />\n  </PaginationLink>\n)\nPaginationNext.displayName = \"PaginationNext\"\n\nconst PaginationEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\"flex size-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <DotsHorizontalIcon className=\"size-icon\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n)\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\n\nexport {\n  Pagination,\n  PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious\n}\n\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","buttonVariants","PaginationPrevious","jsxs","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","DotsHorizontalIcon"],"mappings":";;;;;AAYA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAClC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,IAC5D,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAEnB,MAAAK,IAAoBC,EAAM,WAG9B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAM,GAAGK,MAC1B,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAI;AAAA,IACA,WAAWH,EAAG,oCAAoCH,CAAS;AAAA,IAC1D,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAkB,cAAc;AAE1B,MAAAG,IAAiBF,EAAM,WAG3B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAS,GAAAK,wBACzB,MAAG,EAAA,KAAAA,GAAU,WAAWH,EAAG,IAAIH,CAAS,GAAI,GAAGC,GAAO,CACxD;AACDM,EAAe,cAAc;AAO7B,MAAMC,IAAiB,CAAC;AAAA,EACtB,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGT;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,gBAAcO,IAAW,SAAS;AAAA,IAClC,WAAWN;AAAA,MACTQ,EAAe;AAAA,QACb,SAASF,IAAW,YAAY;AAAA,QAChC,MAAAC;AAAA,MAAA,CACD;AAAA,MACDV;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAe,cAAc;AAE7B,MAAMI,IAAqB,CAAC;AAAA,EAC1B,WAAAZ;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAACL;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,gBAAgBH,CAAS;AAAA,IACtC,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAC,EAAAY,GAAA,EAAgB,WAAU,YAAY,CAAA;AAAA,MACvC,gBAAAZ,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAChB;AAEFU,EAAmB,cAAc;AAEjC,MAAMG,IAAiB,CAAC;AAAA,EACtB,WAAAf;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAACL;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,gBAAgBH,CAAS;AAAA,IACtC,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAK,UAAI,OAAA,CAAA;AAAA,MACV,gBAAAA,EAACc,GAAiB,EAAA,WAAU,YAAY,CAAA;AAAA,IAAA;AAAA,EAAA;AAC1C;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAAC;AAAA,EAC1B,WAAAjB;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAWV,EAAG,2CAA2CH,CAAS;AAAA,IACjE,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAC,EAAAgB,GAAA,EAAmB,WAAU,YAAY,CAAA;AAAA,MACzC,gBAAAhB,EAAA,QAAA,EAAK,WAAU,WAAU,UAAU,aAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AACtC;AAEFe,EAAmB,cAAc;"}

package/dist/components/ui/password-input.es.js

@@ -1,28 +1,28 @@
 "use client";
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import * as r from "react";
-import { EyeIcon as d, EyeOffIcon as i } from "lucide-react";
-import { Button as m } from "./button.es.js";
-import { Input as u } from "./input.es.js";
-const c = r.forwardRef(
-  ({ className: l, ...s }, o) => {
-    const [t, a] = r.useState(!1);
+import * as o from "react";
+import { EyeIcon as i, EyeOffIcon as d } from "lucide-react";
+import { Button as c } from "./button.es.js";
+import { Input as m } from "./input.es.js";
+const u = o.forwardRef(
+  ({ className: l, ...s }, r) => {
+    const [t, a] = o.useState(!1);
     return /* @__PURE__ */ n("div", { className: "flex flex-row items-center relative", children: [
-      /* @__PURE__ */ e(u, { type: t ? "text" : "password", ref: o, ...s }),
+      /* @__PURE__ */ e(m, { type: t ? "text" : "password", ref: r, ...s }),
       /* @__PURE__ */ e(
-        m,
+        c,
         {
           type: "button",
-          className: "absolute right-0 top-0 rounded-md bg-transparent p-2 text-muted-foreground hover:bg-muted/5 focus:outline-hidden",
+          className: "absolute right-0 top-0 rounded-md bg-transparent p-2 text-muted-foreground hover:bg-background/5 focus:outline-hidden",
           onClick: () => a(!t),
-          children: t ? /* @__PURE__ */ e(i, { className: "h-4 w-4", "aria-hidden": "true" }) : /* @__PURE__ */ e(d, { className: "h-4 w-4", "aria-hidden": "true" })
+          children: t ? /* @__PURE__ */ e(d, { className: "size-icon", "aria-hidden": "true" }) : /* @__PURE__ */ e(i, { className: "size-icon", "aria-hidden": "true" })
         }
       )
     ] });
   }
 );
-c.displayName = "PasswordInput";
+u.displayName = "PasswordInput";
 export {
-  c as PasswordInput
+  u as PasswordInput
 };
 //# sourceMappingURL=password-input.es.js.map

package/dist/components/ui/password-input.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.es.js","sources":["../../../lib/components/ui/password-input.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\n\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\nimport { Button } from './button';\nimport { Input, InputProps } from './input';\n\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, ...props }, ref) => {\n    const [showPassword, setShowPassword] = React.useState<boolean>(false);\n    return (\n      <div className=\"flex flex-row items-center relative\">\n        <Input type={showPassword ? 'text' : 'password'} ref={ref} {...props} />\n        <Button\n          type=\"button\"\n          className=\"absolute right-0 top-0 rounded-md bg-transparent p-2 text-muted-foreground hover:bg-muted/5 focus:outline-hidden\"\n          onClick={() => setShowPassword(!showPassword)}\n        >\n          {!showPassword ? (\n            <EyeIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n          ) : (\n            <EyeOffIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n          )}\n        </Button>\n      </div>\n    );\n  },\n);\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"names":["PasswordInput","React","className","props","ref","showPassword","setShowPassword","jsxs","jsx","Input","Button","EyeOffIcon","EyeIcon"],"mappings":";;;;;;AAOA,MAAMA,IAAgBC,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAM,CAACC,GAAcC,CAAe,IAAIL,EAAM,SAAkB,EAAK;AAEnE,WAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAM,MAAMJ,IAAe,SAAS,YAAY,KAAAD,GAAW,GAAGD,GAAO;AAAA,MACtE,gBAAAK;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAMJ,EAAgB,CAACD,CAAY;AAAA,UAE3C,UAACA,IAGC,gBAAAG,EAAAG,GAAA,EAAW,WAAU,WAAU,eAAY,OAAO,CAAA,IAFlD,gBAAAH,EAAAI,GAAA,EAAQ,WAAU,WAAU,eAAY,OAAO,CAAA;AAAA,QAEG;AAAA,MAAA;AAAA,IAEvD,GACF;AAAA,EAAA;AAGN;AACAZ,EAAc,cAAc;"}
+{"version":3,"file":"password-input.es.js","sources":["../../../lib/components/ui/password-input.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\n\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\nimport { Button } from './button';\nimport { Input, InputProps } from './input';\n\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, ...props }, ref) => {\n    const [showPassword, setShowPassword] = React.useState<boolean>(false);\n    return (\n      <div className=\"flex flex-row items-center relative\">\n        <Input type={showPassword ? 'text' : 'password'} ref={ref} {...props} />\n        <Button\n          type=\"button\"\n          className=\"absolute right-0 top-0 rounded-md bg-transparent p-2 text-muted-foreground hover:bg-background/5 focus:outline-hidden\"\n          onClick={() => setShowPassword(!showPassword)}\n        >\n          {!showPassword ? (\n            <EyeIcon className=\"size-icon\" aria-hidden=\"true\" />\n          ) : (\n            <EyeOffIcon className=\"size-icon\" aria-hidden=\"true\" />\n          )}\n        </Button>\n      </div>\n    );\n  },\n);\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"names":["PasswordInput","React","className","props","ref","showPassword","setShowPassword","jsxs","jsx","Input","Button","EyeOffIcon","EyeIcon"],"mappings":";;;;;;AAOA,MAAMA,IAAgBC,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAM,CAACC,GAAcC,CAAe,IAAIL,EAAM,SAAkB,EAAK;AAEnE,WAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAM,MAAMJ,IAAe,SAAS,YAAY,KAAAD,GAAW,GAAGD,GAAO;AAAA,MACtE,gBAAAK;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAMJ,EAAgB,CAACD,CAAY;AAAA,UAE3C,UAACA,IAGC,gBAAAG,EAAAG,GAAA,EAAW,WAAU,aAAY,eAAY,OAAO,CAAA,IAFpD,gBAAAH,EAAAI,GAAA,EAAQ,WAAU,aAAY,eAAY,OAAO,CAAA;AAAA,QAEG;AAAA,MAAA;AAAA,IAEzD,GACF;AAAA,EAAA;AAGN;AACAZ,EAAc,cAAc;"}

package/dist/components/ui/radio-group.es.js

@@ -1,32 +1,32 @@
 import { jsx as e } from "react/jsx-runtime";
-import * as s from "react";
 import { CheckIcon as m } from "@radix-ui/react-icons";
 import * as r from "@radix-ui/react-radio-group";
+import * as s from "react";
 import { cn as t } from "../../utils/index.es.js";
-const d = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ e(
+const d = s.forwardRef(({ className: i, ...o }, a) => /* @__PURE__ */ e(
   r.Root,
   {
-    className: t("grid gap-2", o),
-    ...i,
+    className: t("grid gap-2", i),
+    ...o,
     ref: a
   }
 ));
 d.displayName = r.Root.displayName;
-const l = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ e(
+const c = s.forwardRef(({ className: i, ...o }, a) => /* @__PURE__ */ e(
   r.Item,
   {
     ref: a,
     className: t(
-      "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow-sm focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-      o
+      "aspect-square size-icon rounded-full border border-primary text-primary shadow-sm focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      i
     ),
-    ...i,
-    children: /* @__PURE__ */ e(r.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(m, { className: "h-3.5 w-3.5 fill-primary" }) })
+    ...o,
+    children: /* @__PURE__ */ e(r.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(m, { className: "size-icon fill-primary" }) })
   }
 ));
-l.displayName = r.Item.displayName;
+c.displayName = r.Item.displayName;
 export {
   d as RadioGroup,
-  l as RadioGroupItem
+  c as RadioGroupItem
 };
 //# sourceMappingURL=radio-group.es.js.map

package/dist/components/ui/radio-group.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.es.js","sources":["../../../lib/components/ui/radio-group.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { CheckIcon } from \"@radix-ui/react-icons\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\n\nimport { cn } from \"@/utils\"\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  )\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow-sm focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <CheckIcon className=\"h-3.5 w-3.5 fill-primary\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"],"names":["RadioGroup","React","className","props","ref","jsx","RadioGroupPrimitive","cn","RadioGroupItem","CheckIcon"],"mappings":";;;;;AAMM,MAAAA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAExB,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,WAAWC,EAAG,cAAcL,CAAS;AAAA,IACpC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CAEH;AACDJ,EAAW,cAAcM,EAAoB,KAAK;AAE5C,MAAAE,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAExB,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAA,gBAAAE,EAACC,EAAoB,WAApB,EAA8B,WAAU,oCACvC,UAAC,gBAAAD,EAAAI,GAAA,EAAU,WAAU,2BAA2B,CAAA,EAClD,CAAA;AAAA,EAAA;AACF,CAEH;AACDD,EAAe,cAAcF,EAAoB,KAAK;"}
+{"version":3,"file":"radio-group.es.js","sources":["../../../lib/components/ui/radio-group.tsx"],"sourcesContent":["import { CheckIcon } from \"@radix-ui/react-icons\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  )\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"aspect-square size-icon rounded-full border border-primary text-primary shadow-sm focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <CheckIcon className=\"size-icon fill-primary\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"],"names":["RadioGroup","React","className","props","ref","jsx","RadioGroupPrimitive","cn","RadioGroupItem","CheckIcon"],"mappings":";;;;;AAMM,MAAAA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAExB,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,WAAWC,EAAG,cAAcL,CAAS;AAAA,IACpC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CAEH;AACDJ,EAAW,cAAcM,EAAoB,KAAK;AAE5C,MAAAE,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAExB,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAA,gBAAAE,EAACC,EAAoB,WAApB,EAA8B,WAAU,oCACvC,UAAC,gBAAAD,EAAAI,GAAA,EAAU,WAAU,yBAAyB,CAAA,EAChD,CAAA;AAAA,EAAA;AACF,CAEH;AACDD,EAAe,cAAcF,EAAoB,KAAK;"}

package/dist/components/ui/search-input.es.js

@@ -3,30 +3,30 @@ import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { Search as u, X as n } from "lucide-react";
 import { useState as f } from "react";
 import { Input as d } from "./input.es.js";
-const N = ({ onChange: t, ...o }) => {
-  const [a, l] = f(""), i = (e) => {
+const k = ({ onChange: t, ...o }) => {
+  const [s, a] = f(""), i = (e) => {
     const c = e.target.value;
-    l(c), t == null || t(c);
-  }, s = () => {
-    l(""), t == null || t("");
+    a(c), t == null || t(c);
+  }, l = () => {
+    a(""), t == null || t("");
   }, m = (e) => {
-    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), s());
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), l());
   };
   return /* @__PURE__ */ p("div", { className: "relative flex items-center", children: [
-    /* @__PURE__ */ r("div", { className: "absolute left-2 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ r(u, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ r("div", { className: "absolute left-2 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ r(u, { className: "size-4" }) }),
     /* @__PURE__ */ r(
       d,
       {
         ...o,
-        value: a,
+        value: s,
         onChange: i,
         className: "w-[200px] pl-7 pr-7"
       }
     ),
-    a && /* @__PURE__ */ r(
+    s && /* @__PURE__ */ r(
       n,
       {
-        onClick: s,
+        onClick: l,
         onKeyDown: m,
         tabIndex: 0,
         role: "button",
@@ -37,6 +37,6 @@ const N = ({ onChange: t, ...o }) => {
   ] });
 };
 export {
-  N as SearchInput
+  k as SearchInput
 };
 //# sourceMappingURL=search-input.es.js.map

package/dist/components/ui/search-input.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-input.es.js","sources":["../../../lib/components/ui/search-input.tsx"],"sourcesContent":["'use client';\nimport { Search, X } from 'lucide-react'; // Assuming LucideIcon is the type of your icons\nimport React, { useState } from 'react';\nimport { Input, InputProps } from './input'; // Adjust based on your Input import path\n\ninterface SearchInputProps extends Omit<InputProps, 'onChange'> {\n  onChange?: (value: string) => void; // Function to handle input value changes\n}\n\nconst SearchInput: React.FC<SearchInputProps> = ({ onChange, ...props }) => {\n  const [value, setValue] = useState<string>('');\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    setValue(newValue);\n    onChange?.(newValue); // Call the custom onChange handler with the new value\n  };\n\n  const handleClearClick = () => {\n    setValue('');\n    onChange?.(''); // Notify the parent that the input has been cleared\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<SVGElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      handleClearClick(); // Trigger the clear action on Enter or Space key press\n    }\n  };\n\n  return (\n    <div className=\"relative flex items-center\">\n      {/* Search Icon */}\n      <div className=\"absolute left-2 top-1/2 transform -translate-y-1/2\">\n        <Search className=\"h-4 w-4\" />\n      </div>\n\n      {/* Input Field */}\n      <Input\n        {...props}\n        value={value}\n        onChange={handleInputChange} // Use the internal handler\n        className={`w-[200px] pl-7 pr-7`}\n      />\n\n      {/* Clear (X) Icon */}\n      {value && (\n        <X\n          onClick={handleClearClick}\n          onKeyDown={handleKeyDown}\n          tabIndex={0}\n          role=\"button\" // Announce it as a button for assistive technologies\n          aria-label=\"Clear search input\" // Accessible label\n          className=\"absolute right-1 top-1/2 transform -translate-y-1/2 cursor-pointer\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport { SearchInput };\n"],"names":["SearchInput","onChange","props","value","setValue","useState","handleInputChange","event","newValue","handleClearClick","handleKeyDown","jsxs","jsx","Search","Input","X"],"mappings":";;;;;AASA,MAAMA,IAA0C,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAAY;AAC1E,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,EAAE,GAEvCC,IAAoB,CAACC,MAA+C;AAClE,UAAAC,IAAWD,EAAM,OAAO;AAC9B,IAAAH,EAASI,CAAQ,GACjBP,KAAA,QAAAA,EAAWO;AAAA,EACb,GAEMC,IAAmB,MAAM;AAC7B,IAAAL,EAAS,EAAE,GACXH,KAAA,QAAAA,EAAW;AAAA,EACb,GAEMS,IAAgB,CAACH,MAA2C;AAChE,KAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACzCA,EAAM,eAAe,GACJE,EAAA;AAAA,EAErB;AAGE,SAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,8BAEb,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAU,sDACb,4BAACC,GAAO,EAAA,WAAU,WAAU,EAC9B,CAAA;AAAA,IAGA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACE,GAAGZ;AAAA,QACJ,OAAAC;AAAA,QACA,UAAUG;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAGCH,KACC,gBAAAS;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAASN;AAAA,QACT,WAAWC;AAAA,QACX,UAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GAEJ;AAEJ;"}
+{"version":3,"file":"search-input.es.js","sources":["../../../lib/components/ui/search-input.tsx"],"sourcesContent":["'use client';\nimport { Search, X } from 'lucide-react'; // Assuming LucideIcon is the type of your icons\nimport React, { useState } from 'react';\nimport { Input, InputProps } from './input'; // Adjust based on your Input import path\n\ninterface SearchInputProps extends Omit<InputProps, 'onChange'> {\n  onChange?: (value: string) => void; // Function to handle input value changes\n}\n\nconst SearchInput: React.FC<SearchInputProps> = ({ onChange, ...props }) => {\n  const [value, setValue] = useState<string>('');\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    setValue(newValue);\n    onChange?.(newValue); // Call the custom onChange handler with the new value\n  };\n\n  const handleClearClick = () => {\n    setValue('');\n    onChange?.(''); // Notify the parent that the input has been cleared\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<SVGElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      handleClearClick(); // Trigger the clear action on Enter or Space key press\n    }\n  };\n\n  return (\n    <div className=\"relative flex items-center\">\n      {/* Search Icon */}\n      <div className=\"absolute left-2 top-1/2 transform -translate-y-1/2\">\n        <Search className=\"size-4\" />\n      </div>\n\n      {/* Input Field */}\n      <Input\n        {...props}\n        value={value}\n        onChange={handleInputChange} // Use the internal handler\n        className={`w-[200px] pl-7 pr-7`}\n      />\n\n      {/* Clear (X) Icon */}\n      {value && (\n        <X\n          onClick={handleClearClick}\n          onKeyDown={handleKeyDown}\n          tabIndex={0}\n          role=\"button\" // Announce it as a button for assistive technologies\n          aria-label=\"Clear search input\" // Accessible label\n          className=\"absolute right-1 top-1/2 transform -translate-y-1/2 cursor-pointer\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport { SearchInput };\n"],"names":["SearchInput","onChange","props","value","setValue","useState","handleInputChange","event","newValue","handleClearClick","handleKeyDown","jsxs","jsx","Search","Input","X"],"mappings":";;;;;AASA,MAAMA,IAA0C,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAAY;AAC1E,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,EAAE,GAEvCC,IAAoB,CAACC,MAA+C;AAClE,UAAAC,IAAWD,EAAM,OAAO;AAC9B,IAAAH,EAASI,CAAQ,GACjBP,KAAA,QAAAA,EAAWO;AAAA,EACb,GAEMC,IAAmB,MAAM;AAC7B,IAAAL,EAAS,EAAE,GACXH,KAAA,QAAAA,EAAW;AAAA,EACb,GAEMS,IAAgB,CAACH,MAA2C;AAChE,KAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACzCA,EAAM,eAAe,GACJE,EAAA;AAAA,EAErB;AAGE,SAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,8BAEb,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAU,sDACb,4BAACC,GAAO,EAAA,WAAU,UAAS,EAC7B,CAAA;AAAA,IAGA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACE,GAAGZ;AAAA,QACJ,OAAAC;AAAA,QACA,UAAUG;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAGCH,KACC,gBAAAS;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAASN;AAAA,QACT,WAAWC;AAAA,QACX,UAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GAEJ;AAEJ;"}

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

@@ -1,62 +1,63 @@
 "use client";
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
 import { CaretSortIcon as p, ChevronUpIcon as f, ChevronDownIcon as u, CheckIcon as h } from "@radix-ui/react-icons";
 import * as e from "@radix-ui/react-select";
-import * as s from "react";
-import { cn as l } from "../../utils/index.es.js";
-const I = e.Root, R = e.Group, C = e.Value, y = s.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ i(
+import * as l from "react";
+import { buttonVariants as g } from "./button.es.js";
+import { cn as s } from "../../utils/index.es.js";
+const I = e.Root, C = e.Group, z = e.Value, w = l.forwardRef(({ className: o, children: r, ...a }, i) => /* @__PURE__ */ d(
   e.Trigger,
   {
-    ref: d,
-    className: l(
-      "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-body shadow-xs ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:border-2 focus-visible:border-primary  disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+    ref: i,
+    className: s(
+      "flex h-input w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-body shadow-xs ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:border-2 focus-visible:border-primary  disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       o
     ),
     ...a,
     children: [
       r,
-      /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(p, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(p, { className: "size-icon opacity-50" }) })
     ]
   }
 ));
-y.displayName = e.Trigger.displayName;
-const n = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+w.displayName = e.Trigger.displayName;
+const n = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   e.ScrollUpButton,
   {
     ref: a,
-    className: l("flex cursor-default items-center justify-center py-1", o),
+    className: s("flex cursor-default items-center justify-center py-1", o),
     ...r,
     children: /* @__PURE__ */ t(f, {})
   }
 ));
 n.displayName = e.ScrollUpButton.displayName;
-const c = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+const c = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   e.ScrollDownButton,
   {
     ref: a,
-    className: l("flex cursor-default items-center justify-center py-1", o),
+    className: s("flex cursor-default items-center justify-center py-1", o),
     ...r,
     children: /* @__PURE__ */ t(u, {})
   }
 ));
 c.displayName = e.ScrollDownButton.displayName;
-const b = s.forwardRef(({ className: o, children: r, position: a = "popper", ...d }, m) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ i(
+const y = l.forwardRef(({ className: o, children: r, position: a = "popper", ...i }, m) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ d(
   e.Content,
   {
     ref: m,
-    className: l(
+    className: s(
       "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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",
       a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       o
     ),
     position: a,
-    ...d,
+    ...i,
     children: [
       /* @__PURE__ */ t(n, {}),
       /* @__PURE__ */ t(
         e.Viewport,
         {
-          className: l(
+          className: s(
             "p-1",
             a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
@@ -67,51 +68,32 @@ const b = s.forwardRef(({ className: o, children: r, position: a = "popper", ...
     ]
   }
 ) }));
-b.displayName = e.Content.displayName;
-const w = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
-  e.Label,
-  {
-    ref: a,
-    className: l("px-2 py-1.5 text-body font-semibold", o),
-    ...r
-  }
-));
-w.displayName = e.Label.displayName;
-const g = s.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ i(
+y.displayName = e.Content.displayName;
+const b = l.forwardRef(({ className: o, children: r, ...a }, i) => /* @__PURE__ */ d(
   e.Item,
   {
-    ref: d,
-    className: l(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-body outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+    ref: i,
+    className: s(
+      g({ size: "sm", variant: "ghost" }),
+      "w-full",
       o
     ),
     ...a,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(h, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t(e.ItemIndicator, { className: "absolute right-2 size-icon", children: /* @__PURE__ */ t(h, { className: "size-icon" }) }),
       /* @__PURE__ */ t(e.ItemText, { children: r })
     ]
   }
 ));
-g.displayName = e.Item.displayName;
-const x = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
-  e.Separator,
-  {
-    ref: a,
-    className: l("-mx-1 my-1 h-px bg-muted", o),
-    ...r
-  }
-));
-x.displayName = e.Separator.displayName;
+b.displayName = e.Item.displayName;
 export {
   I as Select,
-  b as SelectContent,
-  R as SelectGroup,
-  g as SelectItem,
-  w as SelectLabel,
+  y as SelectContent,
+  C as SelectGroup,
+  b as SelectItem,
   c as SelectScrollDownButton,
   n as SelectScrollUpButton,
-  x as SelectSeparator,
-  y as SelectTrigger,
-  C as SelectValue
+  w as SelectTrigger,
+  z as SelectValue
 };
 //# sourceMappingURL=select.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.es.js","sources":["../../../lib/components/ui/select.tsx"],"sourcesContent":["'use client';\nimport { CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon } from '@radix-ui/react-icons';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport * as React from 'react';\n\nimport { cn } from '@/utils';\n\nconst Select = SelectPrimitive.Root;\n\nconst SelectGroup = SelectPrimitive.Group;\n\nconst SelectValue = SelectPrimitive.Value;\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-body shadow-xs ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:border-2 focus-visible:border-primary  disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <CaretSortIcon className=\"h-4 w-4 opacity-50\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn('flex cursor-default items-center justify-center py-1', className)}\n    {...props}\n  >\n    <ChevronUpIcon />\n  </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn('flex cursor-default items-center justify-center py-1', className)}\n    {...props}\n  >\n    <ChevronDownIcon />\n  </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        'relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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        position === 'popper' &&\n          'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n        className,\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          'p-1',\n          position === 'popper' &&\n            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn('px-2 py-1.5 text-body font-semibold', className)}\n    {...props}\n  />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-body outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <CheckIcon className=\"h-4 w-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 my-1 h-px bg-muted', className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue\n};\n\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","jsxs","cn","jsx","CaretSortIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","SelectContent","position","SelectLabel","SelectItem","CheckIcon","SelectSeparator"],"mappings":"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"}
+{"version":3,"file":"select.es.js","sources":["../../../lib/components/ui/select.tsx"],"sourcesContent":["'use client';\nimport { CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon } from '@radix-ui/react-icons';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport * as React from 'react';\n\nimport { buttonVariants } from '@/components/ui/button';\nimport { cn } from '@/utils';\n\nconst Select = SelectPrimitive.Root;\n\nconst SelectGroup = SelectPrimitive.Group;\n\nconst SelectValue = SelectPrimitive.Value;\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'flex h-input w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-body shadow-xs ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:border-2 focus-visible:border-primary  disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <CaretSortIcon className=\"size-icon opacity-50\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn('flex cursor-default items-center justify-center py-1', className)}\n    {...props}\n  >\n    <ChevronUpIcon />\n  </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn('flex cursor-default items-center justify-center py-1', className)}\n    {...props}\n  >\n    <ChevronDownIcon />\n  </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        'relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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        position === 'popper' &&\n        'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n        className,\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          'p-1',\n          position === 'popper' &&\n          'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      buttonVariants({ size: 'sm', variant: 'ghost' }),\n      'w-full',\n      className,\n    )}\n    {...props}\n  >\n    <SelectPrimitive.ItemIndicator className=\"absolute right-2 size-icon\">\n      <CheckIcon className=\"size-icon\" />\n    </SelectPrimitive.ItemIndicator>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectTrigger,\n  SelectValue\n};\n\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","jsxs","cn","jsx","CaretSortIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","SelectContent","position","SelectItem","buttonVariants","CheckIcon"],"mappings":"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"}