brd-ui-kit 0.1.75 → 0.1.77

package/dist/components-ui-icon.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components-ui-icon-icon.cjs"),o=require("./components-ui-icon-icon-presets.cjs");exports.Icon=e.Icon;exports.iconPresets=o.iconPresets;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components-ui-icon-icon.cjs"),e=require("./components-ui-icon-icon-map.cjs"),n=require("./components-ui-icon-icon-presets.cjs");exports.Icon=o.Icon;exports.supportedIconTypes=e.supportedIconTypes;exports.iconPresets=n.iconPresets;
 //# sourceMappingURL=components-ui-icon.cjs.map

package/dist/components-ui-icon.js

@@ -1,7 +1,9 @@
 import { Icon as e } from "./components-ui-icon-icon.js";
+import { supportedIconTypes as t } from "./components-ui-icon-icon-map.js";
 import { iconPresets as c } from "./components-ui-icon-icon-presets.js";
 export {
   e as Icon,
-  c as iconPresets
+  c as iconPresets,
+  t as supportedIconTypes
 };
 //# sourceMappingURL=components-ui-icon.js.map

package/dist/components-ui-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-icon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"components-ui-icon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components-ui-input-group-input-group.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("class-variance-authority");require("react");const e=require("./lib-utils.cjs"),i=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const p=require("./components-ui-input-input.cjs"),d=require("./components-ui-textarea-textarea.cjs"),u=require("./components-ui-input-group-input-group.styles.cjs");function l({className:t,...n}){return r.jsx("div",{"data-slot":"input-group",role:"group",className:e.cn(`group/input-group border-inp-default-border bg-primary-bg relative flex w-full
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("class-variance-authority");const e=require("./lib-utils.cjs"),i=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const p=require("./components-ui-input-input.cjs"),d=require("./components-ui-textarea-textarea.cjs"),u=require("./components-ui-input-group-input-group.styles.cjs");function l({className:t,...n}){return r.jsx("div",{"data-slot":"input-group",role:"group",className:e.cn(`group/input-group border-inp-default-border bg-primary-bg relative flex w-full
         items-center rounded-xl border transition-[color,box-shadow] outline-none`,"h-10 has-[>textarea]:h-auto","hover:border-inp-hover-border","has-[>[data-align=inline-start]]:[&>input]:pl-2","has-[>[data-align=inline-end]]:[&>input]:pr-2",`has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col
         has-[>[data-align=block-start]]:[&>input]:pb-3`,`has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col
         has-[>[data-align=block-end]]:[&>input]:pt-3`,`has-[[data-slot=input-group-control]:focus-visible]:ring-inp-focus-border/20

package/dist/components-ui-input-group-input-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-input-group-input-group.cjs","sources":["../src/components/ui/input-group/input-group.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"../button\";\nimport { Input } from \"../input\";\nimport { Textarea } from \"../textarea\";\nimport { inputGroupAddonVariants, inputGroupButtonVariants } from \"./input-group.styles\";\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        `group/input-group border-inp-default-border bg-primary-bg relative flex w-full\n        items-center rounded-xl border transition-[color,box-shadow] outline-none`,\n        \"h-10 has-[>textarea]:h-auto\",\n        \"hover:border-inp-hover-border\",\n\n        \"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\n        \"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\n        `has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col\n        has-[>[data-align=block-start]]:[&>input]:pb-3`,\n        `has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col\n        has-[>[data-align=block-end]]:[&>input]:pt-3`,\n\n        `has-[[data-slot=input-group-control]:focus-visible]:ring-inp-focus-border/20\n        has-[[data-slot=input-group-control]:focus-visible]:border-inp-focus-border`,\n\n        \"has-[[data-slot=input-group-control][aria-invalid=true]]:border-error-text\",\n        \"has-[[data-slot=input-group-control][aria-valid=true]]:border-success-text\",\n        `has-[[data-slot=input-group-control][disabled]]:border-inp-disabled-border\n        has-[[data-slot=input-group-control][disabled]]:bg-disabled-bg\n        has-[[data-slot=input-group-control][disabled]]:text-disabled-text\n        has-[[data-slot=input-group-control][disabled]]:[&_svg]:text-disabled-text`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"primary\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\"> &\n  VariantProps<typeof inputGroupButtonVariants>) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        `text-secondary-text flex items-center gap-2 text-sm [&_svg]:pointer-events-none\n        [&_svg:not([class*='size-'])]:size-4`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupInput(props: React.ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        `w-0 min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        props.className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupTextarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        `flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n};\n"],"names":["InputGroup","className","props","jsx","cn","InputGroupAddon","align","inputGroupAddonVariants","e","InputGroupButton","type","variant","size","Button","inputGroupButtonVariants","InputGroupText","InputGroupInput","Input","InputGroupTextarea","Textarea"],"mappings":"sdASA,SAASA,EAAW,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,cACV,KAAK,QACL,UAAWC,EAAAA,GACT;AAAA,mFAEA,8BACA,gCAEA,kDACA,gDACA;AAAA,wDAEA;AAAA,sDAGA;AAAA,qFAGA,6EACA,6EACA;AAAA;AAAA;AAAA,oFAIAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASG,EAAgB,CACvB,UAAAJ,EACA,MAAAK,EAAQ,eACR,GAAGJ,CACL,EAA+E,CAC7E,OACEC,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,YAAU,oBACV,aAAYG,EACZ,UAAWF,EAAAA,GAAGG,EAAAA,wBAAwB,CAAE,MAAAD,CAAA,CAAO,EAAGL,CAAS,EAC3D,QAAUO,GAAM,CACTA,EAAE,OAAuB,QAAQ,QAAQ,GAG9CA,EAAE,cAAc,eAAe,cAAc,OAAO,GAAG,MAAA,CACzD,EACC,GAAGN,CAAA,CAAA,CAGV,CAEA,SAASO,EAAiB,CACxB,UAAAR,EACA,KAAAS,EAAO,SACP,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,GAAGV,CACL,EACiD,CAC/C,OACEC,EAAAA,IAACU,EAAAA,OAAA,CACC,KAAAH,EACA,YAAWE,EACX,QAAAD,EACA,UAAWP,EAAAA,GAAGU,EAAAA,yBAAyB,CAAE,KAAAF,CAAA,CAAM,EAAGX,CAAS,EAC1D,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASa,EAAe,CAAE,UAAAd,EAAW,GAAGC,GAAuC,CAC7E,OACEC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,GACT;AAAA,8CAEAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASc,EAAgBd,EAAsC,CAC7D,OACEC,EAAAA,IAACc,EAAAA,MAAA,CACC,YAAU,sBACV,UAAWb,EAAAA,GACT;AAAA;AAAA,6BAGAF,EAAM,SAAA,EAEP,GAAGA,CAAA,CAAA,CAGV,CAEA,SAASgB,EAAmB,CAAE,UAAAjB,EAAW,GAAGC,GAA2C,CACrF,OACEC,EAAAA,IAACgB,EAAAA,SAAA,CACC,YAAU,sBACV,UAAWf,EAAAA,GACT;AAAA;AAAA,6BAGAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV"}
+{"version":3,"file":"components-ui-input-group-input-group.cjs","sources":["../src/components/ui/input-group/input-group.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"../button\";\nimport { Input } from \"../input\";\nimport { Textarea } from \"../textarea\";\nimport { inputGroupAddonVariants, inputGroupButtonVariants } from \"./input-group.styles\";\n\nfunction InputGroup({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        `group/input-group border-inp-default-border bg-primary-bg relative flex w-full\n        items-center rounded-xl border transition-[color,box-shadow] outline-none`,\n        \"h-10 has-[>textarea]:h-auto\",\n        \"hover:border-inp-hover-border\",\n\n        \"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\n        \"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\n        `has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col\n        has-[>[data-align=block-start]]:[&>input]:pb-3`,\n        `has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col\n        has-[>[data-align=block-end]]:[&>input]:pt-3`,\n\n        `has-[[data-slot=input-group-control]:focus-visible]:ring-inp-focus-border/20\n        has-[[data-slot=input-group-control]:focus-visible]:border-inp-focus-border`,\n\n        \"has-[[data-slot=input-group-control][aria-invalid=true]]:border-error-text\",\n        \"has-[[data-slot=input-group-control][aria-valid=true]]:border-success-text\",\n        `has-[[data-slot=input-group-control][disabled]]:border-inp-disabled-border\n        has-[[data-slot=input-group-control][disabled]]:bg-disabled-bg\n        has-[[data-slot=input-group-control][disabled]]:text-disabled-text\n        has-[[data-slot=input-group-control][disabled]]:[&_svg]:text-disabled-text`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"primary\",\n  size = \"xs\",\n  ...props\n}: Omit<ComponentProps<typeof Button>, \"size\"> &\n  VariantProps<typeof inputGroupButtonVariants>) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupText({ className, ...props }: ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        `text-secondary-text flex items-center gap-2 text-sm [&_svg]:pointer-events-none\n        [&_svg:not([class*='size-'])]:size-4`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupInput(props: ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        `w-0 min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        props.className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupTextarea({ className, ...props }: ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        `flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n};\n"],"names":["InputGroup","className","props","jsx","cn","InputGroupAddon","align","inputGroupAddonVariants","e","InputGroupButton","type","variant","size","Button","inputGroupButtonVariants","InputGroupText","InputGroupInput","Input","InputGroupTextarea","Textarea"],"mappings":"qcASA,SAASA,EAAW,CAAE,UAAAC,EAAW,GAAGC,GAAgC,CAClE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,cACV,KAAK,QACL,UAAWC,EAAAA,GACT;AAAA,mFAEA,8BACA,gCAEA,kDACA,gDACA;AAAA,wDAEA;AAAA,sDAGA;AAAA,qFAGA,6EACA,6EACA;AAAA;AAAA;AAAA,oFAIAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASG,EAAgB,CACvB,UAAAJ,EACA,MAAAK,EAAQ,eACR,GAAGJ,CACL,EAAyE,CACvE,OACEC,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,YAAU,oBACV,aAAYG,EACZ,UAAWF,EAAAA,GAAGG,EAAAA,wBAAwB,CAAE,MAAAD,CAAA,CAAO,EAAGL,CAAS,EAC3D,QAAUO,GAAM,CACTA,EAAE,OAAuB,QAAQ,QAAQ,GAG9CA,EAAE,cAAc,eAAe,cAAc,OAAO,GAAG,MAAA,CACzD,EACC,GAAGN,CAAA,CAAA,CAGV,CAEA,SAASO,EAAiB,CACxB,UAAAR,EACA,KAAAS,EAAO,SACP,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,GAAGV,CACL,EACiD,CAC/C,OACEC,EAAAA,IAACU,EAAAA,OAAA,CACC,KAAAH,EACA,YAAWE,EACX,QAAAD,EACA,UAAWP,EAAAA,GAAGU,EAAAA,yBAAyB,CAAE,KAAAF,CAAA,CAAM,EAAGX,CAAS,EAC1D,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASa,EAAe,CAAE,UAAAd,EAAW,GAAGC,GAAiC,CACvE,OACEC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,GACT;AAAA,8CAEAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASc,EAAgBd,EAAgC,CACvD,OACEC,EAAAA,IAACc,EAAAA,MAAA,CACC,YAAU,sBACV,UAAWb,EAAAA,GACT;AAAA;AAAA,6BAGAF,EAAM,SAAA,EAEP,GAAGA,CAAA,CAAA,CAGV,CAEA,SAASgB,EAAmB,CAAE,UAAAjB,EAAW,GAAGC,GAAqC,CAC/E,OACEC,EAAAA,IAACgB,EAAAA,SAAA,CACC,YAAU,sBACV,UAAWf,EAAAA,GACT;AAAA;AAAA,6BAGAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV"}

package/dist/components-ui-input-group-input-group.js

@@ -1,13 +1,12 @@
 import { jsx as a } from "react/jsx-runtime";
 import "class-variance-authority";
-import "react";
 import { cn as o } from "./lib-utils.js";
 import { Button as i } from "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
 import { Input as u } from "./components-ui-input-input.js";
 import { Textarea as d } from "./components-ui-textarea-textarea.js";
 import { inputGroupAddonVariants as l, inputGroupButtonVariants as p } from "./components-ui-input-group-input-group.styles.js";
-function G({ className: t, ...r }) {
+function k({ className: t, ...r }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -38,7 +37,7 @@ function G({ className: t, ...r }) {
     }
   );
 }
-function I({
+function G({
   className: t,
   align: r = "inline-start",
   ...e
@@ -57,7 +56,7 @@ function I({
     }
   );
 }
-function N({
+function I({
   className: t,
   type: r = "button",
   variant: e = "primary",
@@ -75,7 +74,7 @@ function N({
     }
   );
 }
-function w({ className: t, ...r }) {
+function N({ className: t, ...r }) {
   return /* @__PURE__ */ a(
     "span",
     {
@@ -88,7 +87,7 @@ function w({ className: t, ...r }) {
     }
   );
 }
-function y(t) {
+function w(t) {
   return /* @__PURE__ */ a(
     u,
     {
@@ -103,7 +102,7 @@ function y(t) {
     }
   );
 }
-function T({ className: t, ...r }) {
+function y({ className: t, ...r }) {
   return /* @__PURE__ */ a(
     d,
     {
@@ -119,11 +118,11 @@ function T({ className: t, ...r }) {
   );
 }
 export {
-  G as InputGroup,
-  I as InputGroupAddon,
-  N as InputGroupButton,
-  y as InputGroupInput,
-  w as InputGroupText,
-  T as InputGroupTextarea
+  k as InputGroup,
+  G as InputGroupAddon,
+  I as InputGroupButton,
+  w as InputGroupInput,
+  N as InputGroupText,
+  y as InputGroupTextarea
 };
 //# sourceMappingURL=components-ui-input-group-input-group.js.map

package/dist/components-ui-input-group-input-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-input-group-input-group.js","sources":["../src/components/ui/input-group/input-group.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"../button\";\nimport { Input } from \"../input\";\nimport { Textarea } from \"../textarea\";\nimport { inputGroupAddonVariants, inputGroupButtonVariants } from \"./input-group.styles\";\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        `group/input-group border-inp-default-border bg-primary-bg relative flex w-full\n        items-center rounded-xl border transition-[color,box-shadow] outline-none`,\n        \"h-10 has-[>textarea]:h-auto\",\n        \"hover:border-inp-hover-border\",\n\n        \"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\n        \"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\n        `has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col\n        has-[>[data-align=block-start]]:[&>input]:pb-3`,\n        `has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col\n        has-[>[data-align=block-end]]:[&>input]:pt-3`,\n\n        `has-[[data-slot=input-group-control]:focus-visible]:ring-inp-focus-border/20\n        has-[[data-slot=input-group-control]:focus-visible]:border-inp-focus-border`,\n\n        \"has-[[data-slot=input-group-control][aria-invalid=true]]:border-error-text\",\n        \"has-[[data-slot=input-group-control][aria-valid=true]]:border-success-text\",\n        `has-[[data-slot=input-group-control][disabled]]:border-inp-disabled-border\n        has-[[data-slot=input-group-control][disabled]]:bg-disabled-bg\n        has-[[data-slot=input-group-control][disabled]]:text-disabled-text\n        has-[[data-slot=input-group-control][disabled]]:[&_svg]:text-disabled-text`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"primary\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\"> &\n  VariantProps<typeof inputGroupButtonVariants>) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        `text-secondary-text flex items-center gap-2 text-sm [&_svg]:pointer-events-none\n        [&_svg:not([class*='size-'])]:size-4`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupInput(props: React.ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        `w-0 min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        props.className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupTextarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        `flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n};\n"],"names":["InputGroup","className","props","jsx","cn","InputGroupAddon","align","inputGroupAddonVariants","e","InputGroupButton","type","variant","size","Button","inputGroupButtonVariants","InputGroupText","InputGroupInput","Input","InputGroupTextarea","Textarea"],"mappings":";;;;;;;;;AASA,SAASA,EAAW,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAGA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA;AAAA,QAIAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAgB;AAAA,EACvB,WAAAJ;AAAA,EACA,OAAAK,IAAQ;AAAA,EACR,GAAGJ;AACL,GAA+E;AAC7E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAYG;AAAA,MACZ,WAAWF,EAAGG,EAAwB,EAAE,OAAAD,EAAA,CAAO,GAAGL,CAAS;AAAA,MAC3D,SAAS,CAACO,MAAM;AACd,QAAKA,EAAE,OAAuB,QAAQ,QAAQ,KAG9CA,EAAE,cAAc,eAAe,cAAc,OAAO,GAAG,MAAA;AAAA,MACzD;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAiB;AAAA,EACxB,WAAAR;AAAA,EACA,MAAAS,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,GAAGV;AACL,GACiD;AAC/C,SACE,gBAAAC;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,MAAAH;AAAA,MACA,aAAWE;AAAA,MACX,SAAAD;AAAA,MACA,WAAWP,EAAGU,EAAyB,EAAE,MAAAF,EAAA,CAAM,GAAGX,CAAS;AAAA,MAC1D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASa,EAAe,EAAE,WAAAd,GAAW,GAAGC,KAAuC;AAC7E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASc,EAAgBd,GAAsC;AAC7D,SACE,gBAAAC;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWb;AAAA,QACT;AAAA;AAAA;AAAA,QAGAF,EAAM;AAAA,MAAA;AAAA,MAEP,GAAGA;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASgB,EAAmB,EAAE,WAAAjB,GAAW,GAAGC,KAA2C;AACrF,SACE,gBAAAC;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWf;AAAA,QACT;AAAA;AAAA;AAAA,QAGAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"components-ui-input-group-input-group.js","sources":["../src/components/ui/input-group/input-group.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"../button\";\nimport { Input } from \"../input\";\nimport { Textarea } from \"../textarea\";\nimport { inputGroupAddonVariants, inputGroupButtonVariants } from \"./input-group.styles\";\n\nfunction InputGroup({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        `group/input-group border-inp-default-border bg-primary-bg relative flex w-full\n        items-center rounded-xl border transition-[color,box-shadow] outline-none`,\n        \"h-10 has-[>textarea]:h-auto\",\n        \"hover:border-inp-hover-border\",\n\n        \"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\n        \"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\n        `has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col\n        has-[>[data-align=block-start]]:[&>input]:pb-3`,\n        `has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col\n        has-[>[data-align=block-end]]:[&>input]:pt-3`,\n\n        `has-[[data-slot=input-group-control]:focus-visible]:ring-inp-focus-border/20\n        has-[[data-slot=input-group-control]:focus-visible]:border-inp-focus-border`,\n\n        \"has-[[data-slot=input-group-control][aria-invalid=true]]:border-error-text\",\n        \"has-[[data-slot=input-group-control][aria-valid=true]]:border-success-text\",\n        `has-[[data-slot=input-group-control][disabled]]:border-inp-disabled-border\n        has-[[data-slot=input-group-control][disabled]]:bg-disabled-bg\n        has-[[data-slot=input-group-control][disabled]]:text-disabled-text\n        has-[[data-slot=input-group-control][disabled]]:[&_svg]:text-disabled-text`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"primary\",\n  size = \"xs\",\n  ...props\n}: Omit<ComponentProps<typeof Button>, \"size\"> &\n  VariantProps<typeof inputGroupButtonVariants>) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupText({ className, ...props }: ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        `text-secondary-text flex items-center gap-2 text-sm [&_svg]:pointer-events-none\n        [&_svg:not([class*='size-'])]:size-4`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupInput(props: ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        `w-0 min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        props.className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupTextarea({ className, ...props }: ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        `flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n};\n"],"names":["InputGroup","className","props","jsx","cn","InputGroupAddon","align","inputGroupAddonVariants","e","InputGroupButton","type","variant","size","Button","inputGroupButtonVariants","InputGroupText","InputGroupInput","Input","InputGroupTextarea","Textarea"],"mappings":";;;;;;;;AASA,SAASA,EAAW,EAAE,WAAAC,GAAW,GAAGC,KAAgC;AAClE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAGA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA;AAAA,QAIAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAgB;AAAA,EACvB,WAAAJ;AAAA,EACA,OAAAK,IAAQ;AAAA,EACR,GAAGJ;AACL,GAAyE;AACvE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAYG;AAAA,MACZ,WAAWF,EAAGG,EAAwB,EAAE,OAAAD,EAAA,CAAO,GAAGL,CAAS;AAAA,MAC3D,SAAS,CAACO,MAAM;AACd,QAAKA,EAAE,OAAuB,QAAQ,QAAQ,KAG9CA,EAAE,cAAc,eAAe,cAAc,OAAO,GAAG,MAAA;AAAA,MACzD;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAiB;AAAA,EACxB,WAAAR;AAAA,EACA,MAAAS,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,GAAGV;AACL,GACiD;AAC/C,SACE,gBAAAC;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,MAAAH;AAAA,MACA,aAAWE;AAAA,MACX,SAAAD;AAAA,MACA,WAAWP,EAAGU,EAAyB,EAAE,MAAAF,EAAA,CAAM,GAAGX,CAAS;AAAA,MAC1D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASa,EAAe,EAAE,WAAAd,GAAW,GAAGC,KAAiC;AACvE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASc,EAAgBd,GAAgC;AACvD,SACE,gBAAAC;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWb;AAAA,QACT;AAAA;AAAA;AAAA,QAGAF,EAAM;AAAA,MAAA;AAAA,MAEP,GAAGA;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASgB,EAAmB,EAAE,WAAAjB,GAAW,GAAGC,KAAqC;AAC/E,SACE,gBAAAC;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWf;AAAA,QACT;AAAA;AAAA;AAAA,QAGAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components-ui-input-input.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const s=require("./lib-utils.cjs");require("class-variance-authority");const o=require("./components-ui-input-input.styles.cjs"),p=({className:t,sizeInput:e,type:n,variant:u,...i})=>r.jsx("input",{"data-slot":"input",type:n||"text",className:s.cn(o.inputVariants({variant:u,sizeInput:e}),t),...i});exports.Input=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("./lib-utils.cjs");require("class-variance-authority");const o=require("./components-ui-input-input.styles.cjs"),p=({className:t,sizeInput:e,type:n,variant:u,...i})=>s.jsx("input",{"data-slot":"input",type:n||"text",className:r.cn(o.inputVariants({variant:u,sizeInput:e}),t),...i});exports.Input=p;
 //# sourceMappingURL=components-ui-input-input.cjs.map

package/dist/components-ui-input-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-input-input.cjs","sources":["../src/components/ui/input/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { type VariantProps } from \"class-variance-authority\";\n\nimport { inputVariants } from \"./input.styles\";\n\ntype InputProps = React.ComponentPropsWithRef<\"input\"> &\n  VariantProps<typeof inputVariants> & { className?: string };\n\nconst Input = ({ className, sizeInput, type, variant, ...props }: InputProps) => {\n  return (\n    <input\n      data-slot=\"input\"\n      type={type || \"text\"}\n      className={cn(inputVariants({ variant, sizeInput }), className)}\n      {...props}\n    />\n  );\n};\nexport { Input };\n"],"names":["Input","className","sizeInput","type","variant","props","jsx","cn","inputVariants"],"mappings":"uQASMA,EAAQ,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,KAAAC,EAAM,QAAAC,EAAS,GAAGC,KAErDC,EAAAA,IAAC,QAAA,CACC,YAAU,QACV,KAAMH,GAAQ,OACd,UAAWI,EAAAA,GAAGC,gBAAc,CAAE,QAAAJ,EAAS,UAAAF,CAAA,CAAW,EAAGD,CAAS,EAC7D,GAAGI,CAAA,CAAA"}
+{"version":3,"file":"components-ui-input-input.cjs","sources":["../src/components/ui/input/input.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { type VariantProps } from \"class-variance-authority\";\n\nimport { inputVariants } from \"./input.styles\";\n\ntype InputProps = ComponentPropsWithRef<\"input\"> &\n  VariantProps<typeof inputVariants> & { className?: string };\n\nconst Input = ({ className, sizeInput, type, variant, ...props }: InputProps) => {\n  return (\n    <input\n      data-slot=\"input\"\n      type={type || \"text\"}\n      className={cn(inputVariants({ variant, sizeInput }), className)}\n      {...props}\n    />\n  );\n};\nexport { Input };\n"],"names":["Input","className","sizeInput","type","variant","props","jsx","cn","inputVariants"],"mappings":"gPASMA,EAAQ,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,KAAAC,EAAM,QAAAC,EAAS,GAAGC,KAErDC,EAAAA,IAAC,QAAA,CACC,YAAU,QACV,KAAMH,GAAQ,OACd,UAAWI,EAAAA,GAAGC,gBAAc,CAAE,QAAAJ,EAAS,UAAAF,CAAA,CAAW,EAAGD,CAAS,EAC7D,GAAGI,CAAA,CAAA"}

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

@@ -1,9 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
-import "react";
 import { cn as n } from "./lib-utils.js";
 import "class-variance-authority";
 import { inputVariants as a } from "./components-ui-input-input.styles.js";
-const x = ({ className: t, sizeInput: r, type: o, variant: p, ...i }) => /* @__PURE__ */ m(
+const f = ({ className: t, sizeInput: r, type: o, variant: p, ...i }) => /* @__PURE__ */ m(
   "input",
   {
     "data-slot": "input",
@@ -13,6 +12,6 @@ const x = ({ className: t, sizeInput: r, type: o, variant: p, ...i }) => /* @__P
   }
 );
 export {
-  x as Input
+  f as Input
 };
 //# sourceMappingURL=components-ui-input-input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-ui-input-input.js","sources":["../src/components/ui/input/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { type VariantProps } from \"class-variance-authority\";\n\nimport { inputVariants } from \"./input.styles\";\n\ntype InputProps = React.ComponentPropsWithRef<\"input\"> &\n  VariantProps<typeof inputVariants> & { className?: string };\n\nconst Input = ({ className, sizeInput, type, variant, ...props }: InputProps) => {\n  return (\n    <input\n      data-slot=\"input\"\n      type={type || \"text\"}\n      className={cn(inputVariants({ variant, sizeInput }), className)}\n      {...props}\n    />\n  );\n};\nexport { Input };\n"],"names":["Input","className","sizeInput","type","variant","props","jsx","cn","inputVariants"],"mappings":";;;;;AASA,MAAMA,IAAQ,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,aAAU;AAAA,IACV,MAAMH,KAAQ;AAAA,IACd,WAAWI,EAAGC,EAAc,EAAE,SAAAJ,GAAS,WAAAF,EAAA,CAAW,GAAGD,CAAS;AAAA,IAC7D,GAAGI;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"components-ui-input-input.js","sources":["../src/components/ui/input/input.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { type VariantProps } from \"class-variance-authority\";\n\nimport { inputVariants } from \"./input.styles\";\n\ntype InputProps = ComponentPropsWithRef<\"input\"> &\n  VariantProps<typeof inputVariants> & { className?: string };\n\nconst Input = ({ className, sizeInput, type, variant, ...props }: InputProps) => {\n  return (\n    <input\n      data-slot=\"input\"\n      type={type || \"text\"}\n      className={cn(inputVariants({ variant, sizeInput }), className)}\n      {...props}\n    />\n  );\n};\nexport { Input };\n"],"names":["Input","className","sizeInput","type","variant","props","jsx","cn","inputVariants"],"mappings":";;;;AASA,MAAMA,IAAQ,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,aAAU;AAAA,IACV,MAAMH,KAAQ;AAAA,IACd,WAAWI,EAAGC,EAAc,EAAE,SAAAJ,GAAS,WAAAF,EAAA,CAAW,GAAGD,CAAS;AAAA,IAC7D,GAAGI;AAAA,EAAA;AAAA;"}

package/dist/components-ui-label-label.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("react");const n=require("@radix-ui/react-label"),c=require("class-variance-authority"),l=require("./lib-utils.cjs"),u=require("./components-ui-typography-typography.styles.cjs");function p(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=p(n),y=c.cva(u.getTypographyClassName("body-sm-regular")),i=({className:e,ref:r,...t})=>s.jsx(o.Root,{ref:r,className:l.cn(y(),e),...t});i.displayName=o.Root.displayName;exports.Label=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("@radix-ui/react-label"),c=require("class-variance-authority"),l=require("./lib-utils.cjs");require("react");const u=require("./components-ui-typography-typography.styles.cjs");function p(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=p(n),y=c.cva(u.getTypographyClassName("body-sm-regular")),i=({className:e,ref:r,...t})=>s.jsx(o.Root,{ref:r,className:l.cn(y(),e),...t});i.displayName=o.Root.displayName;exports.Label=i;
 //# sourceMappingURL=components-ui-label-label.cjs.map

package/dist/components-ui-label-label.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-label-label.cjs","sources":["../src/components/ui/label/label.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\nimport { getTypographyClassName } from \"../typography\";\n\nconst labelVariants = cva(getTypographyClassName(\"body-sm-regular\"));\n\ntype LabelRef = React.ComponentRef<typeof LabelPrimitive.Root>;\ntype LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n  VariantProps<typeof labelVariants> & {\n    ref?: React.Ref<LabelRef>;\n  };\n\nconst Label = ({ className, ref, ...props }: LabelProps) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n);\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"names":["labelVariants","cva","getTypographyClassName","Label","className","ref","props","jsx","LabelPrimitive","cn"],"mappings":"0kBAOMA,EAAgBC,EAAAA,IAAIC,yBAAuB,iBAAiB,CAAC,EAQ7DC,EAAQ,CAAC,CAAE,UAAAC,EAAW,IAAAC,EAAK,GAAGC,KAClCC,EAAAA,IAACC,EAAe,KAAf,CACC,IAAAH,EACA,UAAWI,EAAAA,GAAGT,EAAA,EAAiBI,CAAS,EACvC,GAAGE,CAAA,CACN,EAEFH,EAAM,YAAcK,EAAe,KAAK"}
+{"version":3,"file":"components-ui-label-label.cjs","sources":["../src/components/ui/label/label.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ComponentRef, Ref } from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\nimport { getTypographyClassName } from \"../typography\";\n\nconst labelVariants = cva(getTypographyClassName(\"body-sm-regular\"));\n\ntype LabelRef = ComponentRef<typeof LabelPrimitive.Root>;\ntype LabelProps = ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n  VariantProps<typeof labelVariants> & {\n    ref?: Ref<LabelRef>;\n  };\n\nconst Label = ({ className, ref, ...props }: LabelProps) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n);\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"names":["labelVariants","cva","getTypographyClassName","Label","className","ref","props","jsx","LabelPrimitive","cn"],"mappings":"0kBAOMA,EAAgBC,EAAAA,IAAIC,yBAAuB,iBAAiB,CAAC,EAQ7DC,EAAQ,CAAC,CAAE,UAAAC,EAAW,IAAAC,EAAK,GAAGC,KAClCC,EAAAA,IAACC,EAAe,KAAf,CACC,IAAAH,EACA,UAAWI,EAAAA,GAAGT,EAAA,EAAiBI,CAAS,EACvC,GAAGE,CAAA,CACN,EAEFH,EAAM,YAAcK,EAAe,KAAK"}

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

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import "react";
 import * as o from "@radix-ui/react-label";
 import { cva as i } from "class-variance-authority";
 import { cn as s } from "./lib-utils.js";
+import "react";
 import { getTypographyClassName as e } from "./components-ui-typography-typography.styles.js";
 const p = i(e("body-sm-regular")), l = ({ className: a, ref: m, ...r }) => /* @__PURE__ */ t(
   o.Root,

package/dist/components-ui-label-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-label-label.js","sources":["../src/components/ui/label/label.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\nimport { getTypographyClassName } from \"../typography\";\n\nconst labelVariants = cva(getTypographyClassName(\"body-sm-regular\"));\n\ntype LabelRef = React.ComponentRef<typeof LabelPrimitive.Root>;\ntype LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n  VariantProps<typeof labelVariants> & {\n    ref?: React.Ref<LabelRef>;\n  };\n\nconst Label = ({ className, ref, ...props }: LabelProps) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n);\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"names":["labelVariants","cva","getTypographyClassName","Label","className","ref","props","jsx","LabelPrimitive","cn"],"mappings":";;;;;;AAOA,MAAMA,IAAgBC,EAAIC,EAAuB,iBAAiB,CAAC,GAQ7DC,IAAQ,CAAC,EAAE,WAAAC,GAAW,KAAAC,GAAK,GAAGC,QAClC,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACC,KAAAH;AAAA,IACA,WAAWI,EAAGT,EAAA,GAAiBI,CAAS;AAAA,IACvC,GAAGE;AAAA,EAAA;AACN;AAEFH,EAAM,cAAcK,EAAe,KAAK;"}
+{"version":3,"file":"components-ui-label-label.js","sources":["../src/components/ui/label/label.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ComponentRef, Ref } from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\nimport { getTypographyClassName } from \"../typography\";\n\nconst labelVariants = cva(getTypographyClassName(\"body-sm-regular\"));\n\ntype LabelRef = ComponentRef<typeof LabelPrimitive.Root>;\ntype LabelProps = ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n  VariantProps<typeof labelVariants> & {\n    ref?: Ref<LabelRef>;\n  };\n\nconst Label = ({ className, ref, ...props }: LabelProps) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n);\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"names":["labelVariants","cva","getTypographyClassName","Label","className","ref","props","jsx","LabelPrimitive","cn"],"mappings":";;;;;;AAOA,MAAMA,IAAgBC,EAAIC,EAAuB,iBAAiB,CAAC,GAQ7DC,IAAQ,CAAC,EAAE,WAAAC,GAAW,KAAAC,GAAK,GAAGC,QAClC,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACC,KAAAH;AAAA,IACA,WAAWI,EAAGT,EAAA,GAAiBI,CAAS;AAAA,IACvC,GAAGE;AAAA,EAAA;AACN;AAEFH,EAAM,cAAcK,EAAe,KAAK;"}

package/dist/components-ui-pagination-pagination.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("react");const t=require("./lib-utils.cjs"),r=require("./components-ui-icon-icon.cjs");require("./components-ui-button-button.cjs");const d=require("./components-ui-button-button.styles.cjs"),l=({className:n,...a})=>i.jsx("nav",{role:"navigation","aria-label":"pagination",className:t.cn("mx-auto flex w-full justify-center",n),...a});l.displayName="Pagination";const c=({className:n,ref:a,...e})=>i.jsx("ul",{ref:a,className:t.cn("flex flex-row items-center gap-2",n),...e});c.displayName="PaginationContent";const g=({className:n,ref:a,...e})=>i.jsx("li",{ref:a,className:t.cn("",n),...e});g.displayName="PaginationItem";const o=({className:n,isActive:a,variant:e="page",disabled:s=!1,children:x,...P})=>{const y=e==="arrow-left"||e==="arrow-right";return i.jsx("a",{"aria-current":a?"page":void 0,"aria-disabled":s||void 0,className:t.cn(d.buttonVariants({variant:y?"pagination-arrow":"pagination-page",size:"pagination"}),a&&`bg-secondary-inverse-bg text-primary-inverse-text hover:bg-secondary-inverse-bg
-          active:bg-primary-inverce-pressed-bg`,s?"pointer-events-none cursor-not-allowed":"cursor-pointer",n),...P,children:x})};o.displayName="PaginationLink";const p=({className:n,disabled:a,children:e,...s})=>i.jsx(o,{"aria-label":"Go to previous page",variant:"arrow-left",disabled:a,className:t.cn(n),...s,children:e??i.jsx(r.Icon,{type:"caret-left",size:"x-small",disabled:a})});p.displayName="PaginationPrevious";const m=({className:n,disabled:a,children:e,...s})=>i.jsx(o,{"aria-label":"Go to next page",variant:"arrow-right",disabled:a,className:t.cn(n),...s,children:e??i.jsx(r.Icon,{type:"caret-right",size:"x-small",disabled:a})});m.displayName="PaginationNext";const u=({className:n,...a})=>i.jsxs("span",{"aria-hidden":!0,className:t.cn("bg-primary-bg flex size-8 items-center justify-center rounded-xl",n),...a,children:[i.jsx(r.Icon,{type:"dots-three",size:"x-small"}),i.jsx("span",{className:"sr-only",children:"More pages"})]});u.displayName="PaginationEllipsis";exports.Pagination=l;exports.PaginationContent=c;exports.PaginationEllipsis=u;exports.PaginationItem=g;exports.PaginationLink=o;exports.PaginationNext=m;exports.PaginationPrevious=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("phosphor-strokes-icons/icons/CaretLeft"),N=require("phosphor-strokes-icons/icons/CaretRight"),v=require("phosphor-strokes-icons/icons/DotsThree"),r=require("./components-icons-stroke-icon.cjs"),t=require("./lib-utils.cjs");require("./components-ui-button-button.cjs");const b=require("./components-ui-button-button.styles.cjs"),l=({className:n,...a})=>e.jsx("nav",{role:"navigation","aria-label":"pagination",className:t.cn("mx-auto flex w-full justify-center",n),...a});l.displayName="Pagination";const c=({className:n,ref:a,...i})=>e.jsx("ul",{ref:a,className:t.cn("flex flex-row items-center gap-2",n),...i});c.displayName="PaginationContent";const g=({className:n,ref:a,...i})=>e.jsx("li",{ref:a,className:t.cn("",n),...i});g.displayName="PaginationItem";const s=({className:n,isActive:a,variant:i="page",disabled:o=!1,children:x,...P})=>{const d=i==="arrow-left"||i==="arrow-right";return e.jsx("a",{"aria-current":a?"page":void 0,"aria-disabled":o||void 0,className:t.cn(b.buttonVariants({variant:d?"pagination-arrow":"pagination-page",size:"pagination"}),a&&`bg-secondary-inverse-bg text-primary-inverse-text hover:bg-secondary-inverse-bg
+          active:bg-primary-inverce-pressed-bg`,o?"pointer-events-none cursor-not-allowed":"cursor-pointer",n),...P,children:x})};s.displayName="PaginationLink";const p=({className:n,disabled:a,children:i,...o})=>e.jsx(s,{"aria-label":"Go to previous page",variant:"arrow-left",disabled:a,className:t.cn(n),...o,children:i??e.jsx(r.StrokeIcon,{icon:y.CaretLeft,size:"x-small",disabled:a})});p.displayName="PaginationPrevious";const u=({className:n,disabled:a,children:i,...o})=>e.jsx(s,{"aria-label":"Go to next page",variant:"arrow-right",disabled:a,className:t.cn(n),...o,children:i??e.jsx(r.StrokeIcon,{icon:N.CaretRight,size:"x-small",disabled:a})});u.displayName="PaginationNext";const m=({className:n,...a})=>e.jsxs("span",{"aria-hidden":!0,className:t.cn("bg-primary-bg flex size-8 items-center justify-center rounded-xl",n),...a,children:[e.jsx(r.StrokeIcon,{icon:v.DotsThree,size:"x-small"}),e.jsx("span",{className:"sr-only",children:"More pages"})]});m.displayName="PaginationEllipsis";exports.Pagination=l;exports.PaginationContent=c;exports.PaginationEllipsis=m;exports.PaginationItem=g;exports.PaginationLink=s;exports.PaginationNext=u;exports.PaginationPrevious=p;
 //# sourceMappingURL=components-ui-pagination-pagination.cjs.map

package/dist/components-ui-pagination-pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-pagination-pagination.cjs","sources":["../src/components/ui/pagination/pagination.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Icon } from \"../icon\";\nimport { buttonVariants } from \"../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\ntype PaginationContentProps = React.ComponentPropsWithRef<\"ul\">;\ntype PaginationItemProps = React.ComponentPropsWithRef<\"li\">;\n\nconst PaginationContent = ({ className, ref, ...props }: PaginationContentProps) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex flex-row items-center gap-2\", className)}\n    {...props}\n  />\n);\nPaginationContent.displayName = \"PaginationContent\";\n\nconst PaginationItem = ({ className, ref, ...props }: PaginationItemProps) => (\n  <li\n    ref={ref}\n    className={cn(\"\", className)}\n    {...props}\n  />\n);\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n  variant?: \"page\" | \"arrow-left\" | \"arrow-right\";\n  disabled?: boolean;\n} & React.ComponentProps<\"a\">;\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  variant = \"page\",\n  disabled = false,\n  children,\n  ...props\n}: PaginationLinkProps) => {\n  const isArrow = variant === \"arrow-left\" || variant === \"arrow-right\";\n\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        buttonVariants({\n          variant: isArrow ? \"pagination-arrow\" : \"pagination-page\",\n          size: \"pagination\",\n        }),\n        isActive &&\n          `bg-secondary-inverse-bg text-primary-inverse-text hover:bg-secondary-inverse-bg\n          active:bg-primary-inverce-pressed-bg`,\n        disabled ? \"pointer-events-none cursor-not-allowed\" : \"cursor-pointer\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = ({\n  className,\n  disabled,\n  children,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    variant=\"arrow-left\"\n    disabled={disabled}\n    className={cn(className)}\n    {...props}\n  >\n    {children ?? (\n      <Icon\n        type=\"caret-left\"\n        size=\"x-small\"\n        disabled={disabled}\n      />\n    )}\n  </PaginationLink>\n);\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = ({\n  className,\n  disabled,\n  children,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    variant=\"arrow-right\"\n    disabled={disabled}\n    className={cn(className)}\n    {...props}\n  >\n    {children ?? (\n      <Icon\n        type=\"caret-right\"\n        size=\"x-small\"\n        disabled={disabled}\n      />\n    )}\n  </PaginationLink>\n);\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\n      \"bg-primary-bg flex size-8 items-center justify-center rounded-xl\",\n      className,\n    )}\n    {...props}\n  >\n    <Icon\n      type=\"dots-three\"\n      size=\"x-small\"\n    />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","ref","PaginationItem","PaginationLink","isActive","variant","disabled","children","isArrow","buttonVariants","PaginationPrevious","Icon","PaginationNext","PaginationEllipsis","jsxs"],"mappings":"6TAMMA,EAAa,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAClCC,EAAAA,IAAC,MAAA,CACC,KAAK,aACL,aAAW,aACX,UAAWC,EAAAA,GAAG,qCAAsCH,CAAS,EAC5D,GAAGC,CAAA,CACN,EAEFF,EAAW,YAAc,aAKzB,MAAMK,EAAoB,CAAC,CAAE,UAAAJ,EAAW,IAAAK,EAAK,GAAGJ,KAC9CC,EAAAA,IAAC,KAAA,CACC,IAAAG,EACA,UAAWF,EAAAA,GAAG,mCAAoCH,CAAS,EAC1D,GAAGC,CAAA,CACN,EAEFG,EAAkB,YAAc,oBAEhC,MAAME,EAAiB,CAAC,CAAE,UAAAN,EAAW,IAAAK,EAAK,GAAGJ,KAC3CC,EAAAA,IAAC,KAAA,CACC,IAAAG,EACA,UAAWF,EAAAA,GAAG,GAAIH,CAAS,EAC1B,GAAGC,CAAA,CACN,EAEFK,EAAe,YAAc,iBAQ7B,MAAMC,EAAiB,CAAC,CACtB,UAAAP,EACA,SAAAQ,EACA,QAAAC,EAAU,OACV,SAAAC,EAAW,GACX,SAAAC,EACA,GAAGV,CACL,IAA2B,CACzB,MAAMW,EAAUH,IAAY,cAAgBA,IAAY,cAExD,OACEP,EAAAA,IAAC,IAAA,CACC,eAAcM,EAAW,OAAS,OAClC,gBAAeE,GAAY,OAC3B,UAAWP,EAAAA,GACTU,iBAAe,CACb,QAASD,EAAU,mBAAqB,kBACxC,KAAM,YAAA,CACP,EACDJ,GACE;AAAA,gDAEFE,EAAW,yCAA2C,iBACtDV,CAAA,EAED,GAAGC,EAEH,SAAAU,CAAA,CAAA,CAGP,EACAJ,EAAe,YAAc,iBAE7B,MAAMO,EAAqB,CAAC,CAC1B,UAAAd,EACA,SAAAU,EACA,SAAAC,EACA,GAAGV,CACL,IACEC,EAAAA,IAACK,EAAA,CACC,aAAW,sBACX,QAAQ,aACR,SAAAG,EACA,UAAWP,EAAAA,GAAGH,CAAS,EACtB,GAAGC,EAEH,SAAAU,GACCT,EAAAA,IAACa,EAAAA,KAAA,CACC,KAAK,aACL,KAAK,UACL,SAAAL,CAAA,CAAA,CACF,CAEJ,EAEFI,EAAmB,YAAc,qBAEjC,MAAME,EAAiB,CAAC,CACtB,UAAAhB,EACA,SAAAU,EACA,SAAAC,EACA,GAAGV,CACL,IACEC,EAAAA,IAACK,EAAA,CACC,aAAW,kBACX,QAAQ,cACR,SAAAG,EACA,UAAWP,EAAAA,GAAGH,CAAS,EACtB,GAAGC,EAEH,SAAAU,GACCT,EAAAA,IAACa,EAAAA,KAAA,CACC,KAAK,cACL,KAAK,UACL,SAAAL,CAAA,CAAA,CACF,CAEJ,EAEFM,EAAe,YAAc,iBAE7B,MAAMC,EAAqB,CAAC,CAAE,UAAAjB,EAAW,GAAGC,KAC1CiB,EAAAA,KAAC,OAAA,CACC,cAAW,GACX,UAAWf,EAAAA,GACT,mEACAH,CAAA,EAED,GAAGC,EAEJ,SAAA,CAAAC,EAAAA,IAACa,EAAAA,KAAA,CACC,KAAK,aACL,KAAK,SAAA,CAAA,EAEPb,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,YAAA,CAAU,CAAA,CAAA,CACtC,EAEFe,EAAmB,YAAc"}
+{"version":3,"file":"components-ui-pagination-pagination.cjs","sources":["../src/components/ui/pagination/pagination.tsx"],"sourcesContent":["import type { ComponentProps, ComponentPropsWithRef } from \"react\";\n\nimport { CaretLeft } from \"@/components/icons/CaretLeft\";\nimport { CaretRight } from \"@/components/icons/CaretRight\";\nimport { DotsThree } from \"@/components/icons/DotsThree\";\nimport { StrokeIcon } from \"@/components/icons/stroke-icon\";\nimport { cn } from \"@/lib/utils\";\nimport { buttonVariants } from \"../button\";\n\nconst Pagination = ({ className, ...props }: 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\ntype PaginationContentProps = ComponentPropsWithRef<\"ul\">;\ntype PaginationItemProps = ComponentPropsWithRef<\"li\">;\n\nconst PaginationContent = ({ className, ref, ...props }: PaginationContentProps) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex flex-row items-center gap-2\", className)}\n    {...props}\n  />\n);\nPaginationContent.displayName = \"PaginationContent\";\n\nconst PaginationItem = ({ className, ref, ...props }: PaginationItemProps) => (\n  <li\n    ref={ref}\n    className={cn(\"\", className)}\n    {...props}\n  />\n);\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n  variant?: \"page\" | \"arrow-left\" | \"arrow-right\";\n  disabled?: boolean;\n} & ComponentProps<\"a\">;\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  variant = \"page\",\n  disabled = false,\n  children,\n  ...props\n}: PaginationLinkProps) => {\n  const isArrow = variant === \"arrow-left\" || variant === \"arrow-right\";\n\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        buttonVariants({\n          variant: isArrow ? \"pagination-arrow\" : \"pagination-page\",\n          size: \"pagination\",\n        }),\n        isActive &&\n          `bg-secondary-inverse-bg text-primary-inverse-text hover:bg-secondary-inverse-bg\n          active:bg-primary-inverce-pressed-bg`,\n        disabled ? \"pointer-events-none cursor-not-allowed\" : \"cursor-pointer\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = ({\n  className,\n  disabled,\n  children,\n  ...props\n}: ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    variant=\"arrow-left\"\n    disabled={disabled}\n    className={cn(className)}\n    {...props}\n  >\n    {children ?? (\n      <StrokeIcon\n        icon={CaretLeft}\n        size=\"x-small\"\n        disabled={disabled}\n      />\n    )}\n  </PaginationLink>\n);\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = ({\n  className,\n  disabled,\n  children,\n  ...props\n}: ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    variant=\"arrow-right\"\n    disabled={disabled}\n    className={cn(className)}\n    {...props}\n  >\n    {children ?? (\n      <StrokeIcon\n        icon={CaretRight}\n        size=\"x-small\"\n        disabled={disabled}\n      />\n    )}\n  </PaginationLink>\n);\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = ({ className, ...props }: ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\n      \"bg-primary-bg flex size-8 items-center justify-center rounded-xl\",\n      className,\n    )}\n    {...props}\n  >\n    <StrokeIcon\n      icon={DotsThree}\n      size=\"x-small\"\n    />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","ref","PaginationItem","PaginationLink","isActive","variant","disabled","children","isArrow","buttonVariants","PaginationPrevious","StrokeIcon","CaretLeft","PaginationNext","CaretRight","PaginationEllipsis","jsxs","DotsThree"],"mappings":"wcASMA,EAAa,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAClCC,EAAAA,IAAC,MAAA,CACC,KAAK,aACL,aAAW,aACX,UAAWC,EAAAA,GAAG,qCAAsCH,CAAS,EAC5D,GAAGC,CAAA,CACN,EAEFF,EAAW,YAAc,aAKzB,MAAMK,EAAoB,CAAC,CAAE,UAAAJ,EAAW,IAAAK,EAAK,GAAGJ,KAC9CC,EAAAA,IAAC,KAAA,CACC,IAAAG,EACA,UAAWF,EAAAA,GAAG,mCAAoCH,CAAS,EAC1D,GAAGC,CAAA,CACN,EAEFG,EAAkB,YAAc,oBAEhC,MAAME,EAAiB,CAAC,CAAE,UAAAN,EAAW,IAAAK,EAAK,GAAGJ,KAC3CC,EAAAA,IAAC,KAAA,CACC,IAAAG,EACA,UAAWF,EAAAA,GAAG,GAAIH,CAAS,EAC1B,GAAGC,CAAA,CACN,EAEFK,EAAe,YAAc,iBAQ7B,MAAMC,EAAiB,CAAC,CACtB,UAAAP,EACA,SAAAQ,EACA,QAAAC,EAAU,OACV,SAAAC,EAAW,GACX,SAAAC,EACA,GAAGV,CACL,IAA2B,CACzB,MAAMW,EAAUH,IAAY,cAAgBA,IAAY,cAExD,OACEP,EAAAA,IAAC,IAAA,CACC,eAAcM,EAAW,OAAS,OAClC,gBAAeE,GAAY,OAC3B,UAAWP,EAAAA,GACTU,iBAAe,CACb,QAASD,EAAU,mBAAqB,kBACxC,KAAM,YAAA,CACP,EACDJ,GACE;AAAA,gDAEFE,EAAW,yCAA2C,iBACtDV,CAAA,EAED,GAAGC,EAEH,SAAAU,CAAA,CAAA,CAGP,EACAJ,EAAe,YAAc,iBAE7B,MAAMO,EAAqB,CAAC,CAC1B,UAAAd,EACA,SAAAU,EACA,SAAAC,EACA,GAAGV,CACL,IACEC,EAAAA,IAACK,EAAA,CACC,aAAW,sBACX,QAAQ,aACR,SAAAG,EACA,UAAWP,EAAAA,GAAGH,CAAS,EACtB,GAAGC,EAEH,SAAAU,GACCT,EAAAA,IAACa,EAAAA,WAAA,CACC,KAAMC,EAAAA,UACN,KAAK,UACL,SAAAN,CAAA,CAAA,CACF,CAEJ,EAEFI,EAAmB,YAAc,qBAEjC,MAAMG,EAAiB,CAAC,CACtB,UAAAjB,EACA,SAAAU,EACA,SAAAC,EACA,GAAGV,CACL,IACEC,EAAAA,IAACK,EAAA,CACC,aAAW,kBACX,QAAQ,cACR,SAAAG,EACA,UAAWP,EAAAA,GAAGH,CAAS,EACtB,GAAGC,EAEH,SAAAU,GACCT,EAAAA,IAACa,EAAAA,WAAA,CACC,KAAMG,EAAAA,WACN,KAAK,UACL,SAAAR,CAAA,CAAA,CACF,CAEJ,EAEFO,EAAe,YAAc,iBAE7B,MAAME,EAAqB,CAAC,CAAE,UAAAnB,EAAW,GAAGC,KAC1CmB,EAAAA,KAAC,OAAA,CACC,cAAW,GACX,UAAWjB,EAAAA,GACT,mEACAH,CAAA,EAED,GAAGC,EAEJ,SAAA,CAAAC,EAAAA,IAACa,EAAAA,WAAA,CACC,KAAMM,EAAAA,UACN,KAAK,SAAA,CAAA,EAEPnB,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,YAAA,CAAU,CAAA,CAAA,CACtC,EAEFiB,EAAmB,YAAc"}

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

@@ -1,126 +1,128 @@
-import { jsx as n, jsxs as g } from "react/jsx-runtime";
-import "react";
-import { cn as t } from "./lib-utils.js";
-import { Icon as o } from "./components-ui-icon-icon.js";
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { CaretLeft as g } from "phosphor-strokes-icons/icons/CaretLeft";
+import { CaretRight as c } from "phosphor-strokes-icons/icons/CaretRight";
+import { DotsThree as f } from "phosphor-strokes-icons/icons/DotsThree";
+import { StrokeIcon as t } from "./components-icons-stroke-icon.js";
+import { cn as r } from "./lib-utils.js";
 import "./components-ui-button-button.js";
-import { buttonVariants as m } from "./components-ui-button-button.styles.js";
-const c = ({ className: i, ...a }) => /* @__PURE__ */ n(
+import { buttonVariants as d } from "./components-ui-button-button.styles.js";
+const x = ({ className: i, ...a }) => /* @__PURE__ */ n(
   "nav",
   {
     role: "navigation",
     "aria-label": "pagination",
-    className: t("mx-auto flex w-full justify-center", i),
+    className: r("mx-auto flex w-full justify-center", i),
     ...a
   }
 );
-c.displayName = "Pagination";
-const d = ({ className: i, ref: a, ...e }) => /* @__PURE__ */ n(
+x.displayName = "Pagination";
+const N = ({ className: i, ref: a, ...e }) => /* @__PURE__ */ n(
   "ul",
   {
     ref: a,
-    className: t("flex flex-row items-center gap-2", i),
+    className: r("flex flex-row items-center gap-2", i),
     ...e
   }
 );
-d.displayName = "PaginationContent";
-const y = ({ className: i, ref: a, ...e }) => /* @__PURE__ */ n(
+N.displayName = "PaginationContent";
+const P = ({ className: i, ref: a, ...e }) => /* @__PURE__ */ n(
   "li",
   {
     ref: a,
-    className: t("", i),
+    className: r("", i),
     ...e
   }
 );
-y.displayName = "PaginationItem";
+P.displayName = "PaginationItem";
 const s = ({
   className: i,
   isActive: a,
   variant: e = "page",
-  disabled: r = !1,
+  disabled: o = !1,
   children: l,
-  ...p
+  ...m
 }) => /* @__PURE__ */ n(
   "a",
   {
     "aria-current": a ? "page" : void 0,
-    "aria-disabled": r || void 0,
-    className: t(
-      m({
+    "aria-disabled": o || void 0,
+    className: r(
+      d({
         variant: e === "arrow-left" || e === "arrow-right" ? "pagination-arrow" : "pagination-page",
         size: "pagination"
       }),
       a && `bg-secondary-inverse-bg text-primary-inverse-text hover:bg-secondary-inverse-bg
           active:bg-primary-inverce-pressed-bg`,
-      r ? "pointer-events-none cursor-not-allowed" : "cursor-pointer",
+      o ? "pointer-events-none cursor-not-allowed" : "cursor-pointer",
       i
     ),
-    ...p,
+    ...m,
     children: l
   }
 );
 s.displayName = "PaginationLink";
-const x = ({
+const u = ({
   className: i,
   disabled: a,
   children: e,
-  ...r
+  ...o
 }) => /* @__PURE__ */ n(
   s,
   {
     "aria-label": "Go to previous page",
     variant: "arrow-left",
     disabled: a,
-    className: t(i),
-    ...r,
+    className: r(i),
+    ...o,
     children: e ?? /* @__PURE__ */ n(
-      o,
+      t,
       {
-        type: "caret-left",
+        icon: g,
         size: "x-small",
         disabled: a
       }
     )
   }
 );
-x.displayName = "PaginationPrevious";
-const N = ({
+u.displayName = "PaginationPrevious";
+const v = ({
   className: i,
   disabled: a,
   children: e,
-  ...r
+  ...o
 }) => /* @__PURE__ */ n(
   s,
   {
     "aria-label": "Go to next page",
     variant: "arrow-right",
     disabled: a,
-    className: t(i),
-    ...r,
+    className: r(i),
+    ...o,
     children: e ?? /* @__PURE__ */ n(
-      o,
+      t,
       {
-        type: "caret-right",
+        icon: c,
         size: "x-small",
         disabled: a
       }
     )
   }
 );
-N.displayName = "PaginationNext";
-const P = ({ className: i, ...a }) => /* @__PURE__ */ g(
+v.displayName = "PaginationNext";
+const y = ({ className: i, ...a }) => /* @__PURE__ */ p(
   "span",
   {
     "aria-hidden": !0,
-    className: t(
+    className: r(
       "bg-primary-bg flex size-8 items-center justify-center rounded-xl",
       i
     ),
     ...a,
     children: [
       /* @__PURE__ */ n(
-        o,
+        t,
         {
-          type: "dots-three",
+          icon: f,
           size: "x-small"
         }
       ),
@@ -128,14 +130,14 @@ const P = ({ className: i, ...a }) => /* @__PURE__ */ g(
     ]
   }
 );
-P.displayName = "PaginationEllipsis";
+y.displayName = "PaginationEllipsis";
 export {
-  c as Pagination,
-  d as PaginationContent,
-  P as PaginationEllipsis,
-  y as PaginationItem,
+  x as Pagination,
+  N as PaginationContent,
+  y as PaginationEllipsis,
+  P as PaginationItem,
   s as PaginationLink,
-  N as PaginationNext,
-  x as PaginationPrevious
+  v as PaginationNext,
+  u as PaginationPrevious
 };
 //# sourceMappingURL=components-ui-pagination-pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-ui-pagination-pagination.js","sources":["../src/components/ui/pagination/pagination.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Icon } from \"../icon\";\nimport { buttonVariants } from \"../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\ntype PaginationContentProps = React.ComponentPropsWithRef<\"ul\">;\ntype PaginationItemProps = React.ComponentPropsWithRef<\"li\">;\n\nconst PaginationContent = ({ className, ref, ...props }: PaginationContentProps) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex flex-row items-center gap-2\", className)}\n    {...props}\n  />\n);\nPaginationContent.displayName = \"PaginationContent\";\n\nconst PaginationItem = ({ className, ref, ...props }: PaginationItemProps) => (\n  <li\n    ref={ref}\n    className={cn(\"\", className)}\n    {...props}\n  />\n);\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n  variant?: \"page\" | \"arrow-left\" | \"arrow-right\";\n  disabled?: boolean;\n} & React.ComponentProps<\"a\">;\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  variant = \"page\",\n  disabled = false,\n  children,\n  ...props\n}: PaginationLinkProps) => {\n  const isArrow = variant === \"arrow-left\" || variant === \"arrow-right\";\n\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        buttonVariants({\n          variant: isArrow ? \"pagination-arrow\" : \"pagination-page\",\n          size: \"pagination\",\n        }),\n        isActive &&\n          `bg-secondary-inverse-bg text-primary-inverse-text hover:bg-secondary-inverse-bg\n          active:bg-primary-inverce-pressed-bg`,\n        disabled ? \"pointer-events-none cursor-not-allowed\" : \"cursor-pointer\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = ({\n  className,\n  disabled,\n  children,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    variant=\"arrow-left\"\n    disabled={disabled}\n    className={cn(className)}\n    {...props}\n  >\n    {children ?? (\n      <Icon\n        type=\"caret-left\"\n        size=\"x-small\"\n        disabled={disabled}\n      />\n    )}\n  </PaginationLink>\n);\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = ({\n  className,\n  disabled,\n  children,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    variant=\"arrow-right\"\n    disabled={disabled}\n    className={cn(className)}\n    {...props}\n  >\n    {children ?? (\n      <Icon\n        type=\"caret-right\"\n        size=\"x-small\"\n        disabled={disabled}\n      />\n    )}\n  </PaginationLink>\n);\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\n      \"bg-primary-bg flex size-8 items-center justify-center rounded-xl\",\n      className,\n    )}\n    {...props}\n  >\n    <Icon\n      type=\"dots-three\"\n      size=\"x-small\"\n    />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","ref","PaginationItem","PaginationLink","isActive","variant","disabled","children","buttonVariants","PaginationPrevious","Icon","PaginationNext","PaginationEllipsis","jsxs"],"mappings":"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"}
+{"version":3,"file":"components-ui-pagination-pagination.js","sources":["../src/components/ui/pagination/pagination.tsx"],"sourcesContent":["import type { ComponentProps, ComponentPropsWithRef } from \"react\";\n\nimport { CaretLeft } from \"@/components/icons/CaretLeft\";\nimport { CaretRight } from \"@/components/icons/CaretRight\";\nimport { DotsThree } from \"@/components/icons/DotsThree\";\nimport { StrokeIcon } from \"@/components/icons/stroke-icon\";\nimport { cn } from \"@/lib/utils\";\nimport { buttonVariants } from \"../button\";\n\nconst Pagination = ({ className, ...props }: 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\ntype PaginationContentProps = ComponentPropsWithRef<\"ul\">;\ntype PaginationItemProps = ComponentPropsWithRef<\"li\">;\n\nconst PaginationContent = ({ className, ref, ...props }: PaginationContentProps) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex flex-row items-center gap-2\", className)}\n    {...props}\n  />\n);\nPaginationContent.displayName = \"PaginationContent\";\n\nconst PaginationItem = ({ className, ref, ...props }: PaginationItemProps) => (\n  <li\n    ref={ref}\n    className={cn(\"\", className)}\n    {...props}\n  />\n);\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n  variant?: \"page\" | \"arrow-left\" | \"arrow-right\";\n  disabled?: boolean;\n} & ComponentProps<\"a\">;\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  variant = \"page\",\n  disabled = false,\n  children,\n  ...props\n}: PaginationLinkProps) => {\n  const isArrow = variant === \"arrow-left\" || variant === \"arrow-right\";\n\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        buttonVariants({\n          variant: isArrow ? \"pagination-arrow\" : \"pagination-page\",\n          size: \"pagination\",\n        }),\n        isActive &&\n          `bg-secondary-inverse-bg text-primary-inverse-text hover:bg-secondary-inverse-bg\n          active:bg-primary-inverce-pressed-bg`,\n        disabled ? \"pointer-events-none cursor-not-allowed\" : \"cursor-pointer\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = ({\n  className,\n  disabled,\n  children,\n  ...props\n}: ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    variant=\"arrow-left\"\n    disabled={disabled}\n    className={cn(className)}\n    {...props}\n  >\n    {children ?? (\n      <StrokeIcon\n        icon={CaretLeft}\n        size=\"x-small\"\n        disabled={disabled}\n      />\n    )}\n  </PaginationLink>\n);\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = ({\n  className,\n  disabled,\n  children,\n  ...props\n}: ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    variant=\"arrow-right\"\n    disabled={disabled}\n    className={cn(className)}\n    {...props}\n  >\n    {children ?? (\n      <StrokeIcon\n        icon={CaretRight}\n        size=\"x-small\"\n        disabled={disabled}\n      />\n    )}\n  </PaginationLink>\n);\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = ({ className, ...props }: ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\n      \"bg-primary-bg flex size-8 items-center justify-center rounded-xl\",\n      className,\n    )}\n    {...props}\n  >\n    <StrokeIcon\n      icon={DotsThree}\n      size=\"x-small\"\n    />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","ref","PaginationItem","PaginationLink","isActive","variant","disabled","children","buttonVariants","PaginationPrevious","StrokeIcon","CaretLeft","PaginationNext","CaretRight","PaginationEllipsis","jsxs","DotsThree"],"mappings":"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"}

package/dist/components-ui-popover-popover.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");require("@radix-ui/react-accessible-icon");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-aspect-ratio");require("@radix-ui/react-avatar");require("@radix-ui/react-checkbox");require("@radix-ui/react-collapsible");require("@radix-ui/react-context-menu");require("@radix-ui/react-dialog");require("@radix-ui/react-direction");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-form");require("@radix-ui/react-hover-card");require("@radix-ui/react-label");require("@radix-ui/react-menubar");require("@radix-ui/react-navigation-menu");require("@radix-ui/react-one-time-password-field");require("@radix-ui/react-password-toggle-field");const p=require("@radix-ui/react-popover");require("@radix-ui/react-portal");require("@radix-ui/react-progress");require("@radix-ui/react-radio-group");require("@radix-ui/react-scroll-area");require("@radix-ui/react-select");require("@radix-ui/react-separator");require("@radix-ui/react-slider");require("@radix-ui/react-slot");require("@radix-ui/react-switch");require("@radix-ui/react-tabs");require("@radix-ui/react-toast");require("@radix-ui/react-toggle");require("@radix-ui/react-toggle-group");require("@radix-ui/react-toolbar");require("@radix-ui/react-tooltip");require("@radix-ui/react-visually-hidden");const u=require("./lib-utils.cjs"),s=require("./components-ui-popover-popover.styles.cjs");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=a(p);function c({...e}){return o.jsx(i.Root,{"data-slot":"popover",...e})}function q({...e}){return o.jsx(i.Trigger,{"data-slot":"popover-trigger",...e})}function l({className:e,align:r="center",sideOffset:t=4,...n}){return o.jsx(i.Portal,{children:o.jsx(i.Content,{"data-slot":"popover-content",align:r,sideOffset:t,className:u.cn(s.popoverContentClassNames,e),...n})})}function v({...e}){return o.jsx(i.Anchor,{"data-slot":"popover-anchor",...e})}function d({className:e,...r}){return o.jsx("div",{"data-slot":"popover-header",className:u.cn(s.popoverHeaderClassNames,e),...r})}function P({className:e,...r}){return o.jsx("div",{"data-slot":"popover-title",className:u.cn(s.popoverTitleClassNames,e),...r})}function f({className:e,...r}){return o.jsx("p",{"data-slot":"popover-description",className:u.cn(s.popoverDescriptionClassNames,e),...r})}exports.Popover=c;exports.PopoverAnchor=v;exports.PopoverContent=l;exports.PopoverDescription=f;exports.PopoverHeader=d;exports.PopoverTitle=P;exports.PopoverTrigger=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("@radix-ui/react-accessible-icon");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-aspect-ratio");require("@radix-ui/react-avatar");require("@radix-ui/react-checkbox");require("@radix-ui/react-collapsible");require("@radix-ui/react-context-menu");require("@radix-ui/react-dialog");require("@radix-ui/react-direction");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-form");require("@radix-ui/react-hover-card");require("@radix-ui/react-label");require("@radix-ui/react-menubar");require("@radix-ui/react-navigation-menu");require("@radix-ui/react-one-time-password-field");require("@radix-ui/react-password-toggle-field");const p=require("@radix-ui/react-popover");require("@radix-ui/react-portal");require("@radix-ui/react-progress");require("@radix-ui/react-radio-group");require("@radix-ui/react-scroll-area");require("@radix-ui/react-select");require("@radix-ui/react-separator");require("@radix-ui/react-slider");require("@radix-ui/react-slot");require("@radix-ui/react-switch");require("@radix-ui/react-tabs");require("@radix-ui/react-toast");require("@radix-ui/react-toggle");require("@radix-ui/react-toggle-group");require("@radix-ui/react-toolbar");require("@radix-ui/react-tooltip");require("@radix-ui/react-visually-hidden");const u=require("./lib-utils.cjs"),s=require("./components-ui-popover-popover.styles.cjs");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=a(p);function c({...e}){return o.jsx(i.Root,{"data-slot":"popover",...e})}function q({...e}){return o.jsx(i.Trigger,{"data-slot":"popover-trigger",...e})}function l({className:e,align:r="center",sideOffset:t=4,...n}){return o.jsx(i.Portal,{children:o.jsx(i.Content,{"data-slot":"popover-content",align:r,sideOffset:t,className:u.cn(s.popoverContentClassNames,e),...n})})}function v({...e}){return o.jsx(i.Anchor,{"data-slot":"popover-anchor",...e})}function d({className:e,...r}){return o.jsx("div",{"data-slot":"popover-header",className:u.cn(s.popoverHeaderClassNames,e),...r})}function P({className:e,...r}){return o.jsx("div",{"data-slot":"popover-title",className:u.cn(s.popoverTitleClassNames,e),...r})}function f({className:e,...r}){return o.jsx("p",{"data-slot":"popover-description",className:u.cn(s.popoverDescriptionClassNames,e),...r})}exports.Popover=c;exports.PopoverAnchor=v;exports.PopoverContent=l;exports.PopoverDescription=f;exports.PopoverHeader=d;exports.PopoverTitle=P;exports.PopoverTrigger=q;
 //# sourceMappingURL=components-ui-popover-popover.cjs.map

package/dist/components-ui-popover-popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-popover-popover.cjs","sources":["../src/components/ui/popover/popover.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\nimport {\n  popoverContentClassNames,\n  popoverDescriptionClassNames,\n  popoverHeaderClassNames,\n  popoverTitleClassNames,\n} from \"./popover.styles\";\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return (\n    <PopoverPrimitive.Root\n      data-slot=\"popover\"\n      {...props}\n    />\n  );\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot=\"popover-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(popoverContentClassNames, className)}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return (\n    <PopoverPrimitive.Anchor\n      data-slot=\"popover-anchor\"\n      {...props}\n    />\n  );\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(popoverHeaderClassNames, className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverTitle({ className, ...props }: React.ComponentProps<\"h2\">) {\n  return (\n    <div\n      data-slot=\"popover-title\"\n      className={cn(popoverTitleClassNames, className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"popover-description\"\n      className={cn(popoverDescriptionClassNames, className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n};\n"],"names":["Popover","props","jsx","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","popoverContentClassNames","PopoverAnchor","PopoverHeader","popoverHeaderClassNames","PopoverTitle","popoverTitleClassNames","PopoverDescription","popoverDescriptionClassNames"],"mappings":"+xDAWA,SAASA,EAAQ,CAAE,GAAGC,GAA6D,CACjF,OACEC,EAAAA,IAACC,EAAiB,KAAjB,CACC,YAAU,UACT,GAAGF,CAAA,CAAA,CAGV,CAEA,SAASG,EAAe,CACtB,GAAGH,CACL,EAA0D,CACxD,OACEC,EAAAA,IAACC,EAAiB,QAAjB,CACC,YAAU,kBACT,GAAGF,CAAA,CAAA,CAGV,CAEA,SAASI,EAAe,CACtB,UAAAC,EACA,MAAAC,EAAQ,SACR,WAAAC,EAAa,EACb,GAAGP,CACL,EAA0D,CACxD,OACEC,EAAAA,IAACC,EAAiB,OAAjB,CACC,SAAAD,EAAAA,IAACC,EAAiB,QAAjB,CACC,YAAU,kBACV,MAAAI,EACA,WAAAC,EACA,UAAWC,EAAAA,GAAGC,EAAAA,yBAA0BJ,CAAS,EAChD,GAAGL,CAAA,CAAA,EAER,CAEJ,CAEA,SAASU,EAAc,CACrB,GAAGV,CACL,EAAyD,CACvD,OACEC,EAAAA,IAACC,EAAiB,OAAjB,CACC,YAAU,iBACT,GAAGF,CAAA,CAAA,CAGV,CAEA,SAASW,EAAc,CAAE,UAAAN,EAAW,GAAGL,GAAsC,CAC3E,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,iBACV,UAAWO,EAAAA,GAAGI,EAAAA,wBAAyBP,CAAS,EAC/C,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASa,EAAa,CAAE,UAAAR,EAAW,GAAGL,GAAqC,CACzE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,gBACV,UAAWO,EAAAA,GAAGM,EAAAA,uBAAwBT,CAAS,EAC9C,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASe,EAAmB,CAAE,UAAAV,EAAW,GAAGL,GAAoC,CAC9E,OACEC,EAAAA,IAAC,IAAA,CACC,YAAU,sBACV,UAAWO,EAAAA,GAAGQ,EAAAA,6BAA8BX,CAAS,EACpD,GAAGL,CAAA,CAAA,CAGV"}
+{"version":3,"file":"components-ui-popover-popover.cjs","sources":["../src/components/ui/popover/popover.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\nimport {\n  popoverContentClassNames,\n  popoverDescriptionClassNames,\n  popoverHeaderClassNames,\n  popoverTitleClassNames,\n} from \"./popover.styles\";\n\nfunction Popover({ ...props }: ComponentProps<typeof PopoverPrimitive.Root>) {\n  return (\n    <PopoverPrimitive.Root\n      data-slot=\"popover\"\n      {...props}\n    />\n  );\n}\n\nfunction PopoverTrigger({ ...props }: ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot=\"popover-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(popoverContentClassNames, className)}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({ ...props }: ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return (\n    <PopoverPrimitive.Anchor\n      data-slot=\"popover-anchor\"\n      {...props}\n    />\n  );\n}\n\nfunction PopoverHeader({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(popoverHeaderClassNames, className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverTitle({ className, ...props }: ComponentProps<\"h2\">) {\n  return (\n    <div\n      data-slot=\"popover-title\"\n      className={cn(popoverTitleClassNames, className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverDescription({ className, ...props }: ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"popover-description\"\n      className={cn(popoverDescriptionClassNames, className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n};\n"],"names":["Popover","props","jsx","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","popoverContentClassNames","PopoverAnchor","PopoverHeader","popoverHeaderClassNames","PopoverTitle","popoverTitleClassNames","PopoverDescription","popoverDescriptionClassNames"],"mappings":"8wDAWA,SAASA,EAAQ,CAAE,GAAGC,GAAuD,CAC3E,OACEC,EAAAA,IAACC,EAAiB,KAAjB,CACC,YAAU,UACT,GAAGF,CAAA,CAAA,CAGV,CAEA,SAASG,EAAe,CAAE,GAAGH,GAA0D,CACrF,OACEC,EAAAA,IAACC,EAAiB,QAAjB,CACC,YAAU,kBACT,GAAGF,CAAA,CAAA,CAGV,CAEA,SAASI,EAAe,CACtB,UAAAC,EACA,MAAAC,EAAQ,SACR,WAAAC,EAAa,EACb,GAAGP,CACL,EAAoD,CAClD,OACEC,EAAAA,IAACC,EAAiB,OAAjB,CACC,SAAAD,EAAAA,IAACC,EAAiB,QAAjB,CACC,YAAU,kBACV,MAAAI,EACA,WAAAC,EACA,UAAWC,EAAAA,GAAGC,EAAAA,yBAA0BJ,CAAS,EAChD,GAAGL,CAAA,CAAA,EAER,CAEJ,CAEA,SAASU,EAAc,CAAE,GAAGV,GAAyD,CACnF,OACEC,EAAAA,IAACC,EAAiB,OAAjB,CACC,YAAU,iBACT,GAAGF,CAAA,CAAA,CAGV,CAEA,SAASW,EAAc,CAAE,UAAAN,EAAW,GAAGL,GAAgC,CACrE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,iBACV,UAAWO,EAAAA,GAAGI,EAAAA,wBAAyBP,CAAS,EAC/C,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASa,EAAa,CAAE,UAAAR,EAAW,GAAGL,GAA+B,CACnE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,gBACV,UAAWO,EAAAA,GAAGM,EAAAA,uBAAwBT,CAAS,EAC9C,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASe,EAAmB,CAAE,UAAAV,EAAW,GAAGL,GAA8B,CACxE,OACEC,EAAAA,IAAC,IAAA,CACC,YAAU,sBACV,UAAWO,EAAAA,GAAGQ,EAAAA,6BAA8BX,CAAS,EACpD,GAAGL,CAAA,CAAA,CAGV"}