@clasing/ui 0.1.126 → 0.1.128

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/dist/{badge-BnerQ2lF.js → badge-1kvIHznc.js} +1 -1
  2. package/dist/{badge-Czof3oqL.cjs → badge-P7DTJePf.cjs} +1 -1
  3. package/dist/{button-DddHyyHa.js → button-BMeBsgLZ.js} +156 -150
  4. package/dist/{button-Cegl49Yi.cjs → button-Chd1eL4R.cjs} +1 -1
  5. package/dist/{calendar-DL8gqdRp.cjs → calendar-B1iUTT_d.cjs} +1 -1
  6. package/dist/{calendar-BAQkzm4v.js → calendar-Bc6nud5f.js} +1 -1
  7. package/dist/{chip-A32aAc-8.cjs → chip-BtBgM97Y.cjs} +1 -1
  8. package/dist/{chip-ZZHZ8i1Q.js → chip-DOFVLzAe.js} +1 -1
  9. package/dist/command-BVqQYgq1.cjs +1 -0
  10. package/dist/command-DS_uqbdy.js +176 -0
  11. package/dist/components/accordion.cjs.js +1 -1
  12. package/dist/components/accordion.es.js +1 -1
  13. package/dist/components/alert-dialog.cjs.js +1 -1
  14. package/dist/components/alert-dialog.es.js +1 -1
  15. package/dist/components/alert.cjs.js +1 -1
  16. package/dist/components/alert.es.js +1 -1
  17. package/dist/components/badge.cjs.js +1 -1
  18. package/dist/components/badge.es.js +1 -1
  19. package/dist/components/blocks/date-picker.cjs.js +1 -1
  20. package/dist/components/blocks/date-picker.es.js +2 -2
  21. package/dist/components/blocks/date-range-picker.cjs.js +1 -1
  22. package/dist/components/blocks/date-range-picker.es.js +1 -1
  23. package/dist/components/blocks/interactive-card.cjs.js +1 -1
  24. package/dist/components/blocks/interactive-card.es.js +2 -2
  25. package/dist/components/blocks/selectable-chips.cjs.js +1 -1
  26. package/dist/components/blocks/selectable-chips.es.js +1 -1
  27. package/dist/components/breadcrumb.cjs.js +1 -1
  28. package/dist/components/breadcrumb.es.js +1 -1
  29. package/dist/components/button.cjs.js +1 -1
  30. package/dist/components/button.d.ts +1 -1
  31. package/dist/components/button.es.js +1 -1
  32. package/dist/components/calendar.cjs.js +1 -1
  33. package/dist/components/calendar.es.js +1 -1
  34. package/dist/components/checkbox.cjs.js +1 -1
  35. package/dist/components/checkbox.es.js +1 -1
  36. package/dist/components/chip.cjs.js +1 -1
  37. package/dist/components/chip.d.ts +1 -1
  38. package/dist/components/chip.es.js +1 -1
  39. package/dist/components/command.cjs.js +1 -1
  40. package/dist/components/command.es.js +1 -1
  41. package/dist/components/context-menu.cjs.js +1 -1
  42. package/dist/components/context-menu.es.js +1 -1
  43. package/dist/components/dialog.cjs.js +1 -1
  44. package/dist/components/dialog.es.js +1 -1
  45. package/dist/components/drawer.cjs.js +1 -3
  46. package/dist/components/drawer.es.js +58 -1091
  47. package/dist/components/dropdown-menu.cjs.js +1 -1
  48. package/dist/components/dropdown-menu.es.js +1 -1
  49. package/dist/components/icon-component.cjs.js +1 -1
  50. package/dist/components/icon-component.d.ts +2 -2
  51. package/dist/components/icon-component.es.js +1 -1
  52. package/dist/components/input-otp.cjs.js +1 -20
  53. package/dist/components/input-otp.es.js +37 -225
  54. package/dist/components/input.cjs.js +1 -1
  55. package/dist/components/input.d.ts +5 -8
  56. package/dist/components/input.es.js +1 -1
  57. package/dist/components/menubar.cjs.js +1 -1
  58. package/dist/components/menubar.es.js +1 -1
  59. package/dist/components/multi-select.cjs.js +1 -1
  60. package/dist/components/multi-select.es.js +3 -3
  61. package/dist/components/navigation-menu.cjs.js +1 -1
  62. package/dist/components/navigation-menu.es.js +1 -1
  63. package/dist/components/phone-input.cjs.js +1 -1
  64. package/dist/components/phone-input.es.js +4 -4
  65. package/dist/components/resizable.cjs.js +1 -1
  66. package/dist/components/resizable.es.js +24 -1527
  67. package/dist/components/select.cjs.js +1 -1
  68. package/dist/components/select.es.js +1 -1
  69. package/dist/components/sheet.cjs.js +1 -1
  70. package/dist/components/sheet.es.js +1 -1
  71. package/dist/{dialog-DZpF7OXg.js → dialog-BdbmyluB.js} +1 -1
  72. package/dist/{dialog-BKm2PZl2.cjs → dialog-DEwsbeqW.cjs} +1 -1
  73. package/dist/{icon-component-BZ-4FDV6.js → icon-component-DS1KwkwD.js} +11 -10
  74. package/dist/icon-component-lt1cLU_1.cjs +1 -0
  75. package/dist/{input-DwPDvbRE.js → input-CToZ7rWo.js} +55 -55
  76. package/dist/input-DDSu84U-.cjs +1 -0
  77. package/package.json +1 -1
  78. package/dist/command-BGCSJ9vX.js +0 -506
  79. package/dist/command-D9M8dk1M.cjs +0 -1
  80. package/dist/icon-component-LY_vGYHZ.cjs +0 -1
  81. package/dist/input-DFPJ_mtM.cjs +0 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-select"),r=require("../index-DoxiiusW.cjs"),l=require("../icon-component-LY_vGYHZ.cjs");function u(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(s,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return s.default=e,Object.freeze(s)}const n=u(d);function x({...e}){return t.jsxRuntimeExports.jsx(n.Root,{"data-slot":"select",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(n.Group,{"data-slot":"select-group",...e})}function m({...e}){return t.jsxRuntimeExports.jsx(n.Value,{"data-slot":"select-value",...e})}function g({className:e,size:s="md",children:o,...a}){return t.jsxRuntimeExports.jsxs(n.Trigger,{"data-slot":"select-trigger","data-size":s,className:r.cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",s==="xs"&&'text-label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',s==="sm"&&"text-label-md h-8 px-2 py-1",s==="md"&&"text-label-lg h-12 px-3 py-1",s==="lg"&&"text-label-xl h-16 px-4 py-2",e),...a,children:[o,t.jsxRuntimeExports.jsx(n.Icon,{asChild:!0,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronDown",className:"size-4 opacity-50"})})]})}function f({className:e,children:s,position:o="popper",...a}){return t.jsxRuntimeExports.jsx(n.Portal,{children:t.jsxRuntimeExports.jsxs(n.Content,{"data-slot":"select-content",className:r.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",o==="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",e),position:o,...a,children:[t.jsxRuntimeExports.jsx(i,{}),t.jsxRuntimeExports.jsx(n.Viewport,{className:r.cn("p-1",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:s}),t.jsxRuntimeExports.jsx(c,{})]})})}function j({className:e,...s}){return t.jsxRuntimeExports.jsx(n.Label,{"data-slot":"select-label",className:r.cn("text-muted-foreground px-2 py-1.5 text-xs",e),...s})}function b({className:e,children:s,...o}){return t.jsxRuntimeExports.jsxs(n.Item,{"data-slot":"select-item",className:r.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...o,children:[t.jsxRuntimeExports.jsx("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(n.ItemIndicator,{children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),t.jsxRuntimeExports.jsx(n.ItemText,{children:s})]})}function v({className:e,...s}){return t.jsxRuntimeExports.jsx(n.Separator,{"data-slot":"select-separator",className:r.cn("bg-border pointer-events-none -mx-1 my-1 h-px",e),...s})}function i({className:e,...s}){return t.jsxRuntimeExports.jsx(n.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:r.cn("flex cursor-default items-center justify-center py-1",e),...s,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronUp",className:"size-4"})})}function c({className:e,...s}){return t.jsxRuntimeExports.jsx(n.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:r.cn("flex cursor-default items-center justify-center py-1",e),...s,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronDown",className:"size-4"})})}exports.Select=x;exports.SelectContent=f;exports.SelectGroup=p;exports.SelectItem=b;exports.SelectLabel=j;exports.SelectScrollDownButton=c;exports.SelectScrollUpButton=i;exports.SelectSeparator=v;exports.SelectTrigger=g;exports.SelectValue=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-select"),r=require("../index-DoxiiusW.cjs"),l=require("../icon-component-lt1cLU_1.cjs");function u(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(s,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return s.default=e,Object.freeze(s)}const n=u(d);function x({...e}){return t.jsxRuntimeExports.jsx(n.Root,{"data-slot":"select",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(n.Group,{"data-slot":"select-group",...e})}function m({...e}){return t.jsxRuntimeExports.jsx(n.Value,{"data-slot":"select-value",...e})}function g({className:e,size:s="md",children:o,...a}){return t.jsxRuntimeExports.jsxs(n.Trigger,{"data-slot":"select-trigger","data-size":s,className:r.cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",s==="xs"&&'text-label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',s==="sm"&&"text-label-md h-8 px-2 py-1",s==="md"&&"text-label-lg h-12 px-3 py-1",s==="lg"&&"text-label-xl h-16 px-4 py-2",e),...a,children:[o,t.jsxRuntimeExports.jsx(n.Icon,{asChild:!0,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronDown",className:"size-4 opacity-50"})})]})}function f({className:e,children:s,position:o="popper",...a}){return t.jsxRuntimeExports.jsx(n.Portal,{children:t.jsxRuntimeExports.jsxs(n.Content,{"data-slot":"select-content",className:r.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",o==="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",e),position:o,...a,children:[t.jsxRuntimeExports.jsx(i,{}),t.jsxRuntimeExports.jsx(n.Viewport,{className:r.cn("p-1",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:s}),t.jsxRuntimeExports.jsx(c,{})]})})}function j({className:e,...s}){return t.jsxRuntimeExports.jsx(n.Label,{"data-slot":"select-label",className:r.cn("text-muted-foreground px-2 py-1.5 text-xs",e),...s})}function b({className:e,children:s,...o}){return t.jsxRuntimeExports.jsxs(n.Item,{"data-slot":"select-item",className:r.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...o,children:[t.jsxRuntimeExports.jsx("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(n.ItemIndicator,{children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),t.jsxRuntimeExports.jsx(n.ItemText,{children:s})]})}function v({className:e,...s}){return t.jsxRuntimeExports.jsx(n.Separator,{"data-slot":"select-separator",className:r.cn("bg-border pointer-events-none -mx-1 my-1 h-px",e),...s})}function i({className:e,...s}){return t.jsxRuntimeExports.jsx(n.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:r.cn("flex cursor-default items-center justify-center py-1",e),...s,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronUp",className:"size-4"})})}function c({className:e,...s}){return t.jsxRuntimeExports.jsx(n.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:r.cn("flex cursor-default items-center justify-center py-1",e),...s,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronDown",className:"size-4"})})}exports.Select=x;exports.SelectContent=f;exports.SelectGroup=p;exports.SelectItem=b;exports.SelectLabel=j;exports.SelectScrollDownButton=c;exports.SelectScrollUpButton=i;exports.SelectSeparator=v;exports.SelectTrigger=g;exports.SelectValue=m;
@@ -1,7 +1,7 @@
1
1
  import { j as e } from "../jsx-runtime-C5mzlN2N.js";
2
2
  import * as s from "@radix-ui/react-select";
3
3
  import { c as o } from "../index-CRiPKpXj.js";
4
- import { I as n } from "../icon-component-BZ-4FDV6.js";
4
+ import { I as n } from "../icon-component-DS1KwkwD.js";
5
5
  function m({
6
6
  ...t
7
7
  }) {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../jsx-runtime-DUiatUiq.cjs"),i=require("@radix-ui/react-dialog"),a=require("../index-DoxiiusW.cjs"),l=require("../icon-component-LY_vGYHZ.cjs");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const n=d(i);function c({...t}){return o.jsxRuntimeExports.jsx(n.Root,{"data-slot":"sheet",...t})}function u({...t}){return o.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"sheet-trigger",...t})}function x({...t}){return o.jsxRuntimeExports.jsx(n.Close,{"data-slot":"sheet-close",...t})}function m({...t}){return o.jsxRuntimeExports.jsx(n.Portal,{"data-slot":"sheet-portal",...t})}function p({className:t,...e}){return o.jsxRuntimeExports.jsx(n.Overlay,{"data-slot":"sheet-overlay",className:a.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...e})}function f({className:t,children:e,side:s="right",...r}){return o.jsxRuntimeExports.jsxs(m,{children:[o.jsxRuntimeExports.jsx(p,{}),o.jsxRuntimeExports.jsxs(n.Content,{"data-slot":"sheet-content",className:a.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",s==="right"&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",s==="left"&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",s==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",s==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),...r,children:[e,o.jsxRuntimeExports.jsxs(n.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",children:[o.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconX",className:"size-4"}),o.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function h({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-header",className:a.cn("flex flex-col gap-1.5 p-4",t),...e})}function g({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-footer",className:a.cn("mt-auto flex flex-col gap-2 p-4",t),...e})}function j({className:t,...e}){return o.jsxRuntimeExports.jsx(n.Title,{"data-slot":"sheet-title",className:a.cn("text-foreground font-semibold",t),...e})}function b({className:t,...e}){return o.jsxRuntimeExports.jsx(n.Description,{"data-slot":"sheet-description",className:a.cn("text-muted-foreground text-sm",t),...e})}exports.Sheet=c;exports.SheetClose=x;exports.SheetContent=f;exports.SheetDescription=b;exports.SheetFooter=g;exports.SheetHeader=h;exports.SheetTitle=j;exports.SheetTrigger=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../jsx-runtime-DUiatUiq.cjs"),i=require("@radix-ui/react-dialog"),a=require("../index-DoxiiusW.cjs"),l=require("../icon-component-lt1cLU_1.cjs");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const n=d(i);function c({...t}){return o.jsxRuntimeExports.jsx(n.Root,{"data-slot":"sheet",...t})}function u({...t}){return o.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"sheet-trigger",...t})}function x({...t}){return o.jsxRuntimeExports.jsx(n.Close,{"data-slot":"sheet-close",...t})}function m({...t}){return o.jsxRuntimeExports.jsx(n.Portal,{"data-slot":"sheet-portal",...t})}function p({className:t,...e}){return o.jsxRuntimeExports.jsx(n.Overlay,{"data-slot":"sheet-overlay",className:a.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...e})}function f({className:t,children:e,side:s="right",...r}){return o.jsxRuntimeExports.jsxs(m,{children:[o.jsxRuntimeExports.jsx(p,{}),o.jsxRuntimeExports.jsxs(n.Content,{"data-slot":"sheet-content",className:a.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",s==="right"&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",s==="left"&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",s==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",s==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),...r,children:[e,o.jsxRuntimeExports.jsxs(n.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",children:[o.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconX",className:"size-4"}),o.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function h({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-header",className:a.cn("flex flex-col gap-1.5 p-4",t),...e})}function g({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-footer",className:a.cn("mt-auto flex flex-col gap-2 p-4",t),...e})}function j({className:t,...e}){return o.jsxRuntimeExports.jsx(n.Title,{"data-slot":"sheet-title",className:a.cn("text-foreground font-semibold",t),...e})}function b({className:t,...e}){return o.jsxRuntimeExports.jsx(n.Description,{"data-slot":"sheet-description",className:a.cn("text-muted-foreground text-sm",t),...e})}exports.Sheet=c;exports.SheetClose=x;exports.SheetContent=f;exports.SheetDescription=b;exports.SheetFooter=g;exports.SheetHeader=h;exports.SheetTitle=j;exports.SheetTrigger=u;
@@ -1,7 +1,7 @@
1
1
  import { j as e } from "../jsx-runtime-C5mzlN2N.js";
2
2
  import * as a from "@radix-ui/react-dialog";
3
3
  import { c as s } from "../index-CRiPKpXj.js";
4
- import { I as i } from "../icon-component-BZ-4FDV6.js";
4
+ import { I as i } from "../icon-component-DS1KwkwD.js";
5
5
  function m({ ...t }) {
6
6
  return /* @__PURE__ */ e.jsx(a.Root, { "data-slot": "sheet", ...t });
7
7
  }
@@ -1,7 +1,7 @@
1
1
  import { j as a } from "./jsx-runtime-C5mzlN2N.js";
2
2
  import * as e from "@radix-ui/react-dialog";
3
3
  import { c as s } from "./index-CRiPKpXj.js";
4
- import { I as l } from "./icon-component-BZ-4FDV6.js";
4
+ import { I as l } from "./icon-component-DS1KwkwD.js";
5
5
  function f({
6
6
  ...t
7
7
  }) {
@@ -1 +1 @@
1
- "use strict";const o=require("./jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-dialog"),n=require("./index-DoxiiusW.cjs"),c=require("./icon-component-LY_vGYHZ.cjs");function u(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const a=u(d);function g({...t}){return o.jsxRuntimeExports.jsx(a.Root,{"data-slot":"dialog",...t})}function x({...t}){return o.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"dialog-trigger",...t})}function r({...t}){return o.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"dialog-portal",...t})}function m({...t}){return o.jsxRuntimeExports.jsx(a.Close,{"data-slot":"dialog-close",...t})}function l({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Overlay,{"data-slot":"dialog-overlay",className:n.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...e})}function p({className:t,children:e,showCloseButton:s=!0,...i}){return o.jsxRuntimeExports.jsxs(r,{"data-slot":"dialog-portal",children:[o.jsxRuntimeExports.jsx(l,{}),o.jsxRuntimeExports.jsxs(a.Content,{"data-slot":"dialog-content",className:n.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...i,children:[e,s&&o.jsxRuntimeExports.jsxs(a.Close,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[o.jsxRuntimeExports.jsx(c.IconComponent,{iconName:"IconX"}),o.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function f({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-header",className:n.cn("flex flex-col gap-2 text-center sm:text-left",t),...e})}function j({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-footer",className:n.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function D({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Title,{"data-slot":"dialog-title",className:n.cn("text-lg leading-none font-semibold",t),...e})}function R({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Description,{"data-slot":"dialog-description",className:n.cn("text-muted-foreground text-sm",t),...e})}exports.Dialog=g;exports.DialogClose=m;exports.DialogContent=p;exports.DialogDescription=R;exports.DialogFooter=j;exports.DialogHeader=f;exports.DialogOverlay=l;exports.DialogPortal=r;exports.DialogTitle=D;exports.DialogTrigger=x;
1
+ "use strict";const o=require("./jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-dialog"),n=require("./index-DoxiiusW.cjs"),c=require("./icon-component-lt1cLU_1.cjs");function u(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const a=u(d);function g({...t}){return o.jsxRuntimeExports.jsx(a.Root,{"data-slot":"dialog",...t})}function x({...t}){return o.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"dialog-trigger",...t})}function r({...t}){return o.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"dialog-portal",...t})}function m({...t}){return o.jsxRuntimeExports.jsx(a.Close,{"data-slot":"dialog-close",...t})}function l({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Overlay,{"data-slot":"dialog-overlay",className:n.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...e})}function p({className:t,children:e,showCloseButton:s=!0,...i}){return o.jsxRuntimeExports.jsxs(r,{"data-slot":"dialog-portal",children:[o.jsxRuntimeExports.jsx(l,{}),o.jsxRuntimeExports.jsxs(a.Content,{"data-slot":"dialog-content",className:n.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...i,children:[e,s&&o.jsxRuntimeExports.jsxs(a.Close,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[o.jsxRuntimeExports.jsx(c.IconComponent,{iconName:"IconX"}),o.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function f({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-header",className:n.cn("flex flex-col gap-2 text-center sm:text-left",t),...e})}function j({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-footer",className:n.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function D({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Title,{"data-slot":"dialog-title",className:n.cn("text-lg leading-none font-semibold",t),...e})}function R({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Description,{"data-slot":"dialog-description",className:n.cn("text-muted-foreground text-sm",t),...e})}exports.Dialog=g;exports.DialogClose=m;exports.DialogContent=p;exports.DialogDescription=R;exports.DialogFooter=j;exports.DialogHeader=f;exports.DialogOverlay=l;exports.DialogPortal=r;exports.DialogTitle=D;exports.DialogTrigger=x;
@@ -1,20 +1,20 @@
1
1
  import { j as t } from "./jsx-runtime-C5mzlN2N.js";
2
- import { c as l } from "./index-CRiPKpXj.js";
2
+ import { c as m } from "./index-CRiPKpXj.js";
3
3
  import * as i from "@tabler/icons-react";
4
4
  import { forwardRef as f } from "react";
5
- const m = f(
6
- ({ iconName: o, iconText: r, stroke: c = "1.5", onClick: a, size: e = 24, ...s }, p) => {
5
+ const c = f(
6
+ ({ iconName: o, iconText: r, stroke: a = "1.5", onClick: p, size: e = 24, ...s }, l) => {
7
7
  if (o) {
8
8
  const n = i[o];
9
9
  return /* @__PURE__ */ t.jsx(
10
10
  n,
11
11
  {
12
12
  role: "img",
13
- ref: p,
14
- stroke: c,
15
- onClick: a,
13
+ ref: l,
14
+ stroke: a,
15
+ onClick: p,
16
16
  size: e,
17
- className: l("pointer-events-none", s.className),
17
+ className: m("pointer-events-none", s.className),
18
18
  ...s
19
19
  }
20
20
  );
@@ -23,13 +23,14 @@ const m = f(
23
23
  return /* @__PURE__ */ t.jsx(
24
24
  "div",
25
25
  {
26
+ ref: l,
26
27
  className: "pointer-events-none flex items-center justify-center",
27
28
  style: { width: e, height: e },
28
29
  role: "img",
29
30
  children: /* @__PURE__ */ t.jsx(
30
31
  "p",
31
32
  {
32
- className: l({
33
+ className: m({
33
34
  "text-label-sm": e <= 16,
34
35
  "text-label-md": e > 16
35
36
  }),
@@ -42,8 +43,8 @@ const m = f(
42
43
  return console.error(`Icon ${o} not found`), null;
43
44
  }
44
45
  );
45
- m.displayName = "IconComponent";
46
- const I = m;
46
+ c.displayName = "IconComponent";
47
+ const I = c;
47
48
  export {
48
49
  I
49
50
  };
@@ -0,0 +1 @@
1
+ "use strict";const c=require("./jsx-runtime-DUiatUiq.cjs"),i=require("./index-DoxiiusW.cjs"),m=require("@tabler/icons-react"),p=require("react");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const d=f(m),u=p.forwardRef(({iconName:e,iconText:t,stroke:n="1.5",onClick:r,size:o=24,...l},a)=>{if(e){const s=d[e];return c.jsxRuntimeExports.jsx(s,{role:"img",ref:a,stroke:n,onClick:r,size:o,className:i.cn("pointer-events-none",l.className),...l})}else if(t){const s=t.slice(0,2).toUpperCase();return c.jsxRuntimeExports.jsx("div",{ref:a,className:"pointer-events-none flex items-center justify-center",style:{width:o,height:o},role:"img",children:c.jsxRuntimeExports.jsx("p",{className:i.cn({"text-label-sm":o<=16,"text-label-md":o>16}),children:s})})}else return console.error(`Icon ${e} not found`),null});u.displayName="IconComponent";const x=u;exports.IconComponent=x;
@@ -1,10 +1,10 @@
1
- import { j as s } from "./jsx-runtime-C5mzlN2N.js";
1
+ import { j as t } from "./jsx-runtime-C5mzlN2N.js";
2
2
  import { L as j } from "./label-BpDUqtrC.js";
3
3
  import { c as r } from "./index-CRiPKpXj.js";
4
- import { c as y } from "./index-BqtVL8d-.js";
4
+ import { c as N } from "./index-BqtVL8d-.js";
5
5
  import * as I from "react";
6
- import { I as d } from "./icon-component-BZ-4FDV6.js";
7
- const h = y(
6
+ import { I as n } from "./icon-component-DS1KwkwD.js";
7
+ const y = N(
8
8
  "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 border bg-transparent text-base transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
9
9
  {
10
10
  variants: {
@@ -30,37 +30,37 @@ const h = y(
30
30
  }
31
31
  }
32
32
  );
33
- function F({
34
- className: f,
35
- label: b,
36
- helperText: m,
37
- error: t,
38
- touched: a,
39
- iconLeft: n,
40
- iconRight: i,
33
+ function V({
34
+ className: b,
35
+ label: x,
36
+ helperText: u,
37
+ error: s,
38
+ touched: i,
39
+ iconName: f,
40
+ iconPosition: d = "left",
41
41
  type: l = "text",
42
- size: v,
43
- rounded: g,
44
- state: k,
42
+ size: g,
43
+ rounded: v,
44
+ state: z,
45
45
  containerClassName: p,
46
46
  ...e
47
47
  }) {
48
- const [o, w] = I.useState(!1), u = (x) => typeof x == "string" ? { name: x } : x, c = t && a ? "error" : a && !t && e.value ? "success" : "default", N = () => {
48
+ const [o, w] = I.useState(!1), a = f ? ((m) => typeof m == "string" ? { name: m } : m)(f) : void 0, c = s && i ? "error" : i && !s && e.value ? "success" : "default", h = () => {
49
49
  w(!o);
50
50
  };
51
- return /* @__PURE__ */ s.jsxs("div", { className: r("flex flex-col gap-2", p), children: [
52
- b && /* @__PURE__ */ s.jsx(
51
+ return /* @__PURE__ */ t.jsxs("div", { className: r("flex flex-col gap-2", p), children: [
52
+ x && /* @__PURE__ */ t.jsx(
53
53
  j,
54
54
  {
55
55
  htmlFor: e.id,
56
56
  className: r({
57
57
  "text-neutral-700": e.disabled
58
58
  }),
59
- children: b
59
+ children: x
60
60
  }
61
61
  ),
62
- /* @__PURE__ */ s.jsxs("div", { className: "relative w-full", children: [
63
- n && /* @__PURE__ */ s.jsx(
62
+ /* @__PURE__ */ t.jsxs("div", { className: "relative w-full", children: [
63
+ a && d === "left" && /* @__PURE__ */ t.jsx(
64
64
  "span",
65
65
  {
66
66
  className: r("absolute top-1/2 left-3 -translate-y-1/2", {
@@ -69,51 +69,51 @@ function F({
69
69
  "text-success-main": c === "success",
70
70
  "text-neutral-700": e.disabled
71
71
  }),
72
- children: /* @__PURE__ */ s.jsx(
73
- d,
72
+ children: /* @__PURE__ */ t.jsx(
73
+ n,
74
74
  {
75
- iconName: u(n).name,
76
- stroke: u(n).stroke,
75
+ iconName: a.name,
76
+ stroke: a.stroke,
77
77
  size: 20
78
78
  }
79
79
  )
80
80
  }
81
81
  ),
82
- /* @__PURE__ */ s.jsx(
82
+ /* @__PURE__ */ t.jsx(
83
83
  "input",
84
84
  {
85
85
  type: l === "password" ? o ? "text" : "password" : l,
86
86
  "data-slot": "input",
87
- "aria-describedby": e.id && m ? `${e.id}-helper-text` : void 0,
88
- "aria-invalid": !!(t && a),
89
- "aria-errormessage": e.id && t ? `${e.id}-error-text` : void 0,
87
+ "aria-describedby": e.id && u ? `${e.id}-helper-text` : void 0,
88
+ "aria-invalid": !!(s && i),
89
+ "aria-errormessage": e.id && s ? `${e.id}-error-text` : void 0,
90
90
  className: r(
91
- h({
92
- size: v,
93
- rounded: g,
91
+ y({
92
+ size: g,
93
+ rounded: v,
94
94
  state: c,
95
95
  className: r(
96
96
  "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
97
- n ? "pl-10" : "",
98
- i || l === "password" ? "pr-10" : "",
97
+ a && d === "left" ? "pl-10" : "",
98
+ a && d === "right" || l === "password" ? "pr-10" : "",
99
99
  l === "color" ? "h-[50px] p-0" : "",
100
- f
100
+ b
101
101
  )
102
102
  })
103
103
  ),
104
104
  ...e
105
105
  }
106
106
  ),
107
- l === "password" && /* @__PURE__ */ s.jsx(
107
+ l === "password" && /* @__PURE__ */ t.jsx(
108
108
  "button",
109
109
  {
110
110
  type: "button",
111
111
  tabIndex: -1,
112
112
  "aria-label": o ? "Hide password" : "Show password",
113
113
  className: "absolute top-1/2 right-3 -translate-y-1/2 rounded-md p-1 hover:bg-neutral-100/50 focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-none",
114
- onClick: N,
115
- children: /* @__PURE__ */ s.jsx(
116
- d,
114
+ onClick: h,
115
+ children: /* @__PURE__ */ t.jsx(
116
+ n,
117
117
  {
118
118
  iconName: o ? "IconEyeOff" : "IconEye",
119
119
  size: 20
@@ -121,24 +121,24 @@ function F({
121
121
  )
122
122
  }
123
123
  ),
124
- i && l !== "password" && /* @__PURE__ */ s.jsx("span", { className: "absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ s.jsx(
125
- d,
124
+ a && d === "right" && l !== "password" && /* @__PURE__ */ t.jsx("span", { className: "absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ t.jsx(
125
+ n,
126
126
  {
127
- iconName: u(i).name,
128
- stroke: u(i).stroke,
127
+ iconName: a.name,
128
+ stroke: a.stroke,
129
129
  size: 20
130
130
  }
131
131
  ) }),
132
- !i && t && a && l !== "password" && /* @__PURE__ */ s.jsx(
133
- d,
132
+ !a && s && i && l !== "password" && /* @__PURE__ */ t.jsx(
133
+ n,
134
134
  {
135
135
  iconName: "IconAlertCircleFilled",
136
136
  size: 20,
137
137
  className: "text-destructive absolute top-1/2 right-3 -translate-y-1/2"
138
138
  }
139
139
  ),
140
- !i && a && !t && e.value && l !== "password" && /* @__PURE__ */ s.jsx(
141
- d,
140
+ !a && i && !s && e.value && l !== "password" && /* @__PURE__ */ t.jsx(
141
+ n,
142
142
  {
143
143
  iconName: "IconCircleCheckFilled",
144
144
  size: 20,
@@ -146,29 +146,29 @@ function F({
146
146
  }
147
147
  )
148
148
  ] }),
149
- t && a ? /* @__PURE__ */ s.jsx(
149
+ s && i ? /* @__PURE__ */ t.jsx(
150
150
  "span",
151
151
  {
152
152
  id: e.id && `${e.id}-error-text`,
153
153
  "aria-invalid": !0,
154
154
  className: "text-destructive text-label-md",
155
- children: t
155
+ children: s
156
156
  }
157
- ) : m ? /* @__PURE__ */ s.jsx(
157
+ ) : u ? /* @__PURE__ */ t.jsx(
158
158
  "span",
159
159
  {
160
160
  id: e.id && `${e.id}-helper-text`,
161
161
  className: r("text-label-md", {
162
- "text-muted-foreground": !t && !a,
163
- "text-destructive": t && a,
164
- "text-success-main": a && !t && e.value !== void 0,
162
+ "text-muted-foreground": !s && !i,
163
+ "text-destructive": s && i,
164
+ "text-success-main": i && !s && e.value !== void 0,
165
165
  "text-neutral-700": e.disabled
166
166
  }),
167
- children: m
167
+ children: u
168
168
  }
169
169
  ) : null
170
170
  ] });
171
171
  }
172
172
  export {
173
- F as I
173
+ V as I
174
174
  };
@@ -0,0 +1 @@
1
+ "use strict";const s=require("./jsx-runtime-DUiatUiq.cjs"),h=require("./label-CbzkBbPT.cjs"),d=require("./index-DoxiiusW.cjs"),N=require("./index-C8P6Mn4U.cjs"),E=require("react"),u=require("./icon-component-lt1cLU_1.cjs");function I(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const a in r)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(r,a);Object.defineProperty(o,a,t.get?t:{enumerable:!0,get:()=>r[a]})}}return o.default=r,Object.freeze(o)}const R=I(E),y=N.cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 border bg-transparent text-base transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",{variants:{size:{sm:"text-label-md h-8 rounded-sm px-2 py-1",md:"text-label-lg h-12 rounded-md px-3 py-1",lg:"text-label-xl h-16 rounded-lg px-4 py-2"},rounded:{default:"",full:"rounded-full"},state:{default:"",error:"border-destructive ring-destructive/20 dark:ring-destructive/40",success:"border-success ring-success/20 dark:ring-success/40"}},defaultVariants:{size:"md",rounded:"default",state:"default"}});function z({className:r,label:o,helperText:a,error:t,touched:i,iconName:b,iconPosition:c="left",type:l="text",size:g,rounded:p,state:k,containerClassName:j,...e}){const[x,v]=R.useState(!1),n=b?(f=>typeof f=="string"?{name:f}:f)(b):void 0,m=t&&i?"error":i&&!t&&e.value?"success":"default",w=()=>{v(!x)};return s.jsxRuntimeExports.jsxs("div",{className:d.cn("flex flex-col gap-2",j),children:[o&&s.jsxRuntimeExports.jsx(h.Label,{htmlFor:e.id,className:d.cn({"text-neutral-700":e.disabled}),children:o}),s.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[n&&c==="left"&&s.jsxRuntimeExports.jsx("span",{className:d.cn("absolute top-1/2 left-3 -translate-y-1/2",{"text-muted-foreground":m==="default","text-destructive":m==="error","text-success-main":m==="success","text-neutral-700":e.disabled}),children:s.jsxRuntimeExports.jsx(u.IconComponent,{iconName:n.name,stroke:n.stroke,size:20})}),s.jsxRuntimeExports.jsx("input",{type:l==="password"?x?"text":"password":l,"data-slot":"input","aria-describedby":e.id&&a?`${e.id}-helper-text`:void 0,"aria-invalid":!!(t&&i),"aria-errormessage":e.id&&t?`${e.id}-error-text`:void 0,className:d.cn(y({size:g,rounded:p,state:m,className:d.cn("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",n&&c==="left"?"pl-10":"",n&&c==="right"||l==="password"?"pr-10":"",l==="color"?"h-[50px] p-0":"",r)})),...e}),l==="password"&&s.jsxRuntimeExports.jsx("button",{type:"button",tabIndex:-1,"aria-label":x?"Hide password":"Show password",className:"absolute top-1/2 right-3 -translate-y-1/2 rounded-md p-1 hover:bg-neutral-100/50 focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-none",onClick:w,children:s.jsxRuntimeExports.jsx(u.IconComponent,{iconName:x?"IconEyeOff":"IconEye",size:20})}),n&&c==="right"&&l!=="password"&&s.jsxRuntimeExports.jsx("span",{className:"absolute top-1/2 right-3 -translate-y-1/2",children:s.jsxRuntimeExports.jsx(u.IconComponent,{iconName:n.name,stroke:n.stroke,size:20})}),!n&&t&&i&&l!=="password"&&s.jsxRuntimeExports.jsx(u.IconComponent,{iconName:"IconAlertCircleFilled",size:20,className:"text-destructive absolute top-1/2 right-3 -translate-y-1/2"}),!n&&i&&!t&&e.value&&l!=="password"&&s.jsxRuntimeExports.jsx(u.IconComponent,{iconName:"IconCircleCheckFilled",size:20,className:"text-success-main absolute top-1/2 right-3 -translate-y-1/2"})]}),t&&i?s.jsxRuntimeExports.jsx("span",{id:e.id&&`${e.id}-error-text`,"aria-invalid":!0,className:"text-destructive text-label-md",children:t}):a?s.jsxRuntimeExports.jsx("span",{id:e.id&&`${e.id}-helper-text`,className:d.cn("text-label-md",{"text-muted-foreground":!t&&!i,"text-destructive":t&&i,"text-success-main":i&&!t&&e.value!==void 0,"text-neutral-700":e.disabled}),children:a}):null]})}exports.Input=z;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clasing/ui",
3
- "version": "0.1.126",
3
+ "version": "0.1.128",
4
4
  "type": "module",
5
5
  "main": "./dist/index.umd.js",
6
6
  "module": "./dist/index.es.js",