@clasing/ui 2.7.4 → 2.8.0

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 (144) hide show
  1. package/dist/{badge-aFyTFGVU.js → badge-DBOcqSZb.js} +7 -7
  2. package/dist/{button-BMh8vaQL.js → button-DSpGxL2e.js} +14 -15
  3. package/dist/{card-aAzRmGVH.js → card-zTCfwTcL.js} +1 -1
  4. package/dist/{chip-BmqvnZuy.js → chip-DOCdEBBS.js} +8 -8
  5. package/dist/{clasing-icon-CJQQN554.js → clasing-icon-zhfWTLFn.js} +1 -1
  6. package/dist/{command-peXi2dFX.js → command-Cq3FhQXv.js} +2 -2
  7. package/dist/components/{accordion.es.js → accordion.js} +1 -1
  8. package/dist/components/{alert-dialog.es.js → alert-dialog.js} +2 -2
  9. package/dist/components/{alert.es.js → alert.js} +3 -3
  10. package/dist/components/{avatar.es.js → avatar.js} +1 -1
  11. package/dist/components/badge.js +4 -0
  12. package/dist/components/blocks/{interactive-card.es.js → interactive-card.js} +12 -12
  13. package/dist/components/blocks/{selectable-chips.es.js → selectable-chips.js} +3 -3
  14. package/dist/components/{breadcrumb.es.js → breadcrumb.js} +1 -1
  15. package/dist/components/{button-group.es.js → button-group.js} +6 -6
  16. package/dist/components/button.js +5 -0
  17. package/dist/components/{calendar.es.js → calendar.js} +2 -2
  18. package/dist/components/{card.es.js → card.js} +1 -1
  19. package/dist/components/{chart.es.js → chart.js} +1 -1
  20. package/dist/components/{checkbox.es.js → checkbox.js} +1 -1
  21. package/dist/components/chip.js +5 -0
  22. package/dist/components/clasing-icon.js +4 -0
  23. package/dist/components/{collapsible.es.js → collapsible.js} +1 -1
  24. package/dist/components/{command.es.js → command.js} +1 -1
  25. package/dist/components/{context-menu.es.js → context-menu.js} +8 -8
  26. package/dist/components/{dialog.es.js → dialog.js} +1 -1
  27. package/dist/components/divider.js +4 -0
  28. package/dist/components/{drawer.es.js → drawer.js} +1 -1
  29. package/dist/components/{dropdown-menu.es.js → dropdown-menu.js} +39 -39
  30. package/dist/components/{form.es.js → form.js} +2 -2
  31. package/dist/components/{hover-card.es.js → hover-card.js} +1 -1
  32. package/dist/components/{input-otp.es.js → input-otp.js} +1 -1
  33. package/dist/components/input.js +4 -0
  34. package/dist/components/{kbd.es.js → kbd.js} +1 -1
  35. package/dist/components/label.js +4 -0
  36. package/dist/components/{menubar.es.js → menubar.js} +2 -2
  37. package/dist/components/{multi-select.es.js → multi-select.js} +5 -5
  38. package/dist/components/{navigation-menu.es.js → navigation-menu.js} +2 -2
  39. package/dist/components/{phone-input.es.js → phone-input.js} +5 -5
  40. package/dist/components/{popover.es.js → popover.js} +1 -1
  41. package/dist/components/{progress.es.js → progress.js} +1 -1
  42. package/dist/components/{resizable.es.js → resizable.js} +1 -1
  43. package/dist/components/scroll-area.js +5 -0
  44. package/dist/components/{select.es.js → select.js} +1 -1
  45. package/dist/components/{sheet.es.js → sheet.js} +1 -1
  46. package/dist/components/{skeleton.es.js → skeleton.js} +1 -1
  47. package/dist/components/{slider.es.js → slider.js} +1 -1
  48. package/dist/components/{sonner.es.js → sonner.js} +2 -2
  49. package/dist/components/{switch.es.js → switch.js} +8 -8
  50. package/dist/components/{table.es.js → table.js} +1 -1
  51. package/dist/components/{textarea.es.js → textarea.js} +8 -8
  52. package/dist/components/{toggle-group.es.js → toggle-group.js} +2 -2
  53. package/dist/components/toggle.js +5 -0
  54. package/dist/components/{tooltip.es.js → tooltip.js} +1 -1
  55. package/dist/{dialog-CdmsVmRe.js → dialog-BcR6vjTs.js} +1 -1
  56. package/dist/{divider-DumyhJI_.js → divider-DnPsAXol.js} +1 -1
  57. package/dist/index-C_XDkVGm.js +270 -0
  58. package/dist/{input-9_pd3W-1.js → input-C0PAOim8.js} +4 -4
  59. package/dist/{label-BteX4MEt.js → label-CnZHCbRc.js} +1 -1
  60. package/dist/{popover-eQq2Is-I.js → popover-CLQxfbEi.js} +1 -1
  61. package/dist/{scroll-area-CJy_EOqT.js → scroll-area-DQenuQib.js} +1 -1
  62. package/dist/{toggle-DuhnqdDT.js → toggle-Bj6sVNqF.js} +5 -5
  63. package/dist/{tooltip-BYeLeBei.js → tooltip-CC_kyHTm.js} +1 -1
  64. package/dist/ui.css +17 -9
  65. package/package.json +53 -106
  66. package/dist/badge-DK9gdPpu.cjs +0 -91
  67. package/dist/button-CBGIJZh6.cjs +0 -70
  68. package/dist/card-DkYKwjsA.cjs +0 -12
  69. package/dist/chip-BlWb6w16.cjs +0 -17
  70. package/dist/clasing-icon-CHt2Otn8.cjs +0 -1
  71. package/dist/command-DNjJookC.cjs +0 -35
  72. package/dist/components/accordion.cjs.js +0 -20
  73. package/dist/components/alert-dialog.cjs.js +0 -17
  74. package/dist/components/alert.cjs.js +0 -6
  75. package/dist/components/avatar.cjs.js +0 -1
  76. package/dist/components/badge.cjs.js +0 -1
  77. package/dist/components/badge.es.js +0 -4
  78. package/dist/components/blocks/interactive-card.cjs.js +0 -5
  79. package/dist/components/blocks/selectable-chips.cjs.js +0 -1
  80. package/dist/components/breadcrumb.cjs.js +0 -1
  81. package/dist/components/button-group.cjs.js +0 -1
  82. package/dist/components/button.cjs.js +0 -1
  83. package/dist/components/button.es.js +0 -5
  84. package/dist/components/calendar.cjs.js +0 -73
  85. package/dist/components/card.cjs.js +0 -1
  86. package/dist/components/chart.cjs.js +0 -32
  87. package/dist/components/checkbox.cjs.js +0 -15
  88. package/dist/components/chip.cjs.js +0 -1
  89. package/dist/components/chip.es.js +0 -5
  90. package/dist/components/clasing-icon.cjs.js +0 -1
  91. package/dist/components/clasing-icon.es.js +0 -4
  92. package/dist/components/collapsible.cjs.js +0 -10
  93. package/dist/components/command.cjs.js +0 -1
  94. package/dist/components/context-menu.cjs.js +0 -70
  95. package/dist/components/dialog.cjs.js +0 -1
  96. package/dist/components/divider.cjs.js +0 -1
  97. package/dist/components/divider.es.js +0 -4
  98. package/dist/components/drawer.cjs.js +0 -42
  99. package/dist/components/dropdown-menu.cjs.js +0 -70
  100. package/dist/components/form.cjs.js +0 -1
  101. package/dist/components/hover-card.cjs.js +0 -13
  102. package/dist/components/input-otp.cjs.js +0 -19
  103. package/dist/components/input.cjs.js +0 -1
  104. package/dist/components/input.es.js +0 -4
  105. package/dist/components/kbd.cjs.js +0 -9
  106. package/dist/components/label.cjs.js +0 -1
  107. package/dist/components/label.es.js +0 -4
  108. package/dist/components/menubar.cjs.js +0 -74
  109. package/dist/components/multi-select.cjs.js +0 -22
  110. package/dist/components/navigation-menu.cjs.js +0 -70
  111. package/dist/components/phone-input.cjs.js +0 -21
  112. package/dist/components/popover.cjs.js +0 -1
  113. package/dist/components/progress.cjs.js +0 -1
  114. package/dist/components/resizable.cjs.js +0 -22
  115. package/dist/components/scroll-area.cjs.js +0 -1
  116. package/dist/components/scroll-area.es.js +0 -5
  117. package/dist/components/select.cjs.js +0 -56
  118. package/dist/components/sheet.cjs.js +0 -36
  119. package/dist/components/skeleton.cjs.js +0 -1
  120. package/dist/components/slider.cjs.js +0 -23
  121. package/dist/components/sonner.cjs.js +0 -15
  122. package/dist/components/switch.cjs.js +0 -19
  123. package/dist/components/table.cjs.js +0 -20
  124. package/dist/components/textarea.cjs.js +0 -22
  125. package/dist/components/toggle-group.cjs.js +0 -12
  126. package/dist/components/toggle.cjs.js +0 -1
  127. package/dist/components/toggle.es.js +0 -5
  128. package/dist/components/tooltip.cjs.js +0 -1
  129. package/dist/dialog-BUaX7IId.cjs +0 -28
  130. package/dist/divider-D4EfIlt3.cjs +0 -1
  131. package/dist/hooks/useOutsideClick.cjs.js +0 -1
  132. package/dist/index-Bfismeyo.cjs +0 -6
  133. package/dist/index-BmhzhLcV.cjs +0 -1
  134. package/dist/index-CnqageB2.js +0 -34
  135. package/dist/index-CwFDnnd3.js +0 -3197
  136. package/dist/input-DKYrdSsU.cjs +0 -28
  137. package/dist/label-O3mSiGyx.cjs +0 -7
  138. package/dist/popover-A1-x5q-F.cjs +0 -13
  139. package/dist/scroll-area-DFyIQG6Z.cjs +0 -6
  140. package/dist/toggle-BdWGPLza.cjs +0 -21
  141. package/dist/tooltip-BZWEHWmU.cjs +0 -14
  142. package/dist/utils/types.cjs.js +0 -1
  143. /package/dist/hooks/{useOutsideClick.es.js → useOutsideClick.js} +0 -0
  144. /package/dist/utils/{types.es.js → types.js} +0 -0
@@ -1,28 +0,0 @@
1
- "use strict";const t=require("./index-Bfismeyo.cjs"),l=require("@phosphor-icons/react"),p=require("./index-BmhzhLcV.cjs"),x=require("react"),f=require("./button-CBGIJZh6.cjs");function g(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(e,s,r.get?r:{enumerable:!0,get:()=>n[s]})}}return e.default=n,Object.freeze(e)}const b=g(x),d=p.cva(`
2
- flex w-full min-w-0 rounded-md border border-input bg-transparent
3
- transition-[color,box-shadow] outline-none
4
- selection:bg-primary selection:text-primary-foreground
5
- file:inline-flex file:h-7 file:border-0 file:bg-transparent
6
- file:paragraph-sm file:font-medium file:text-foreground
7
- placeholder:text-muted-foreground
8
- disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50
9
- dark:bg-input/30
10
- `,{variants:{size:{xs:"h-7 px-2 py-1 label-sm",sm:"h-8 px-2 py-1 label-md",md:"h-12 px-3 py-1 label-lg",lg:"h-16 px-4 py-2 label-xl"}},defaultVariants:{size:"md"}});function m({className:n,type:e,size:s,icon:r,iconPosition:i="left",...o}){const[a,u]=b.useState(!1),c=()=>{u(!a)};return!r&&e!=="password"?t.jsxRuntimeExports.jsx("input",{type:e,"data-slot":"input",className:t.cn(d({size:s}),`
11
- focus-visible:border-ring focus-visible:ring-[3px]
12
- focus-visible:ring-ring
13
- `,`
14
- aria-invalid:border-destructive-foreground
15
- aria-invalid:ring-destructive-foreground/20
16
- dark:aria-invalid:ring-destructive-foreground/40
17
- `,n),...o}):t.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[r&&i==="left"&&t.jsxRuntimeExports.jsx("span",{className:`\r
18
- absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground\r
19
- `,children:r}),t.jsxRuntimeExports.jsx("input",{type:e==="password"?a?"text":"password":e,"data-slot":"input",className:t.cn(d({size:s}),`
20
- focus-visible:border-ring focus-visible:ring-[3px]
21
- focus-visible:ring-ring/50
22
- `,`
23
- aria-invalid:border-destructive-foreground
24
- aria-invalid:ring-destructive-foreground/20
25
- dark:aria-invalid:ring-destructive-foreground/40
26
- `,r&&i==="left"?"pl-10":"",r&&i==="right"||e==="password"?"pr-10":"",n),...o}),e==="password"&&t.jsxRuntimeExports.jsx(f.Button,{variant:"secondary",type:"button",iconOnly:!0,size:s==="xs"||s==="sm"?"xs":"md",tabIndex:-1,"aria-label":a?"Hide password":"Show password",className:"absolute top-1/2 right-3 -translate-y-1/2",onClick:c,children:a?t.jsxRuntimeExports.jsx(l.EyeSlashIcon,{}):t.jsxRuntimeExports.jsx(l.EyeIcon,{})}),r&&i==="right"&&e!=="password"&&t.jsxRuntimeExports.jsx("span",{className:`\r
27
- absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground\r
28
- `,children:r})]})}exports.Input=m;
@@ -1,7 +0,0 @@
1
- "use strict";const o=require("./index-Bfismeyo.cjs"),a=require("@radix-ui/react-label");function i(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 l=i(a);function s({className:e,...t}){return o.jsxRuntimeExports.jsx(l.Root,{"data-slot":"label",className:o.cn(`
2
- flex items-center gap-2 label-lg leading-none font-semibold
3
- text-foreground select-none
4
- group-data-[disabled=true]:pointer-events-none
5
- group-data-[disabled=true]:opacity-50
6
- peer-disabled:cursor-not-allowed peer-disabled:opacity-50
7
- `,e),...t})}exports.Label=s;
@@ -1,13 +0,0 @@
1
- "use strict";const o=require("./index-Bfismeyo.cjs"),s=require("@radix-ui/react-popover");function d(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const n=d(s);function p({...t}){return o.jsxRuntimeExports.jsx(n.Root,{"data-slot":"popover",...t})}function c({...t}){return o.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"popover-trigger",...t})}function u({className:t,align:r="center",sideOffset:e=4,collisionPadding:a=24,...i}){return o.jsxRuntimeExports.jsx(n.Portal,{children:o.jsxRuntimeExports.jsx(n.Content,{"data-slot":"popover-content",align:r,sideOffset:e,className:o.cn(`
2
- z-50 w-72 origin-(--radix-popover-content-transform-origin)
3
- rounded-md border bg-popover p-4 text-popover-foreground shadow-md
4
- outline-hidden
5
- data-[side=bottom]:slide-in-from-top-2
6
- data-[side=left]:slide-in-from-right-2
7
- data-[side=right]:slide-in-from-left-2
8
- data-[side=top]:slide-in-from-bottom-2
9
- data-[state=closed]:animate-out data-[state=closed]:fade-out-0
10
- data-[state=closed]:zoom-out-95
11
- data-[state=open]:animate-in data-[state=open]:fade-in-0
12
- data-[state=open]:zoom-in-95
13
- `,t),collisionPadding:a,...i})})}function l({...t}){return o.jsxRuntimeExports.jsx(n.Anchor,{"data-slot":"popover-anchor",...t})}exports.Popover=p;exports.PopoverAnchor=l;exports.PopoverContent=u;exports.PopoverTrigger=c;
@@ -1,6 +0,0 @@
1
- "use strict";const l=require("./index-Bfismeyo.cjs"),a=require("@radix-ui/react-scroll-area");function c(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const o=c(a);function i({className:r,children:e,...t}){return l.jsxRuntimeExports.jsxs(o.Root,{"data-slot":"scroll-area",className:l.cn("relative",r),...t,children:[l.jsxRuntimeExports.jsx(o.Viewport,{"data-slot":"scroll-area-viewport",className:`\r
2
- size-full rounded-[inherit] text-foreground\r
3
- transition-[color,box-shadow] outline-none\r
4
- focus-visible:ring-[3px] focus-visible:ring-ring/50\r
5
- focus-visible:outline-1\r
6
- `,children:e}),l.jsxRuntimeExports.jsx(s,{}),l.jsxRuntimeExports.jsx(o.Corner,{})]})}function s({className:r,orientation:e="vertical",...t}){return l.jsxRuntimeExports.jsx(o.ScrollAreaScrollbar,{"data-slot":"scroll-area-scrollbar",orientation:e,className:l.cn("flex touch-none p-px transition-colors select-none",e==="vertical"&&"h-full w-2.5 border-l border-l-transparent",e==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent",r),...t,children:l.jsxRuntimeExports.jsx(o.ScrollAreaThumb,{"data-slot":"scroll-area-thumb",className:"relative flex-1 rounded-full bg-border"})})}exports.ScrollArea=i;exports.ScrollBar=s;
@@ -1,21 +0,0 @@
1
- "use strict";const i=require("./index-Bfismeyo.cjs"),a=require("@radix-ui/react-toggle"),s=require("./index-BmhzhLcV.cjs");function l(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const d=l(a),o=s.cva(`
2
- inline-flex items-center justify-center gap-2 rounded-md paragraph-sm
3
- font-semibold whitespace-nowrap text-foreground
4
- transition-[color,box-shadow] outline-none
5
- hover:bg-muted hover:text-muted-foreground
6
- focus-visible:border-ring focus-visible:ring-[3px]
7
- focus-visible:ring-ring/50
8
- disabled:pointer-events-none disabled:opacity-50
9
- aria-invalid:border-destructive-foreground
10
- aria-invalid:ring-destructive-foreground/20
11
- data-[state=on]:bg-accent data-[state=on]:text-accent-foreground
12
- dark:aria-invalid:ring-destructive-foreground/40
13
- [&_svg]:pointer-events-none [&_svg]:shrink-0
14
- [&_svg:not([class*='size-'])]:size-4
15
- `,{variants:{variant:{default:"bg-transparent",outline:`
16
- border border-input bg-transparent shadow-xs
17
- hover:bg-accent hover:text-accent-foreground
18
- `},size:{xs:`
19
- h-7 min-w-7 px-1.5 label-sm
20
- [&_svg:not([class*="size-"])]:size-3.5
21
- `,sm:"h-8 min-w-8 px-2 label-md",md:"h-12 min-w-12 px-3 label-lg",lg:"h-16 min-w-16 px-4 label-xl"}},defaultVariants:{variant:"default",size:"md"}});function g({className:e,variant:n,size:t,...r}){return i.jsxRuntimeExports.jsx(d.Root,{"data-slot":"toggle",className:i.cn(o({variant:n,size:t,className:e})),...r})}exports.Toggle=g;exports.toggleVariants=o;
@@ -1,14 +0,0 @@
1
- "use strict";const o=require("./index-Bfismeyo.cjs"),l=require("@radix-ui/react-tooltip");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const i=d(l);function s({delayDuration:t=0,...e}){return o.jsxRuntimeExports.jsx(i.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function p({...t}){return o.jsxRuntimeExports.jsx(s,{children:o.jsxRuntimeExports.jsx(i.Root,{"data-slot":"tooltip",...t})})}function u({...t}){return o.jsxRuntimeExports.jsx(i.Trigger,{"data-slot":"tooltip-trigger",...t})}function c({className:t,sideOffset:e=0,collisionPadding:r=24,children:n,...a}){return o.jsxRuntimeExports.jsx(i.Portal,{children:o.jsxRuntimeExports.jsxs(i.Content,{"data-slot":"tooltip-content",sideOffset:e,className:o.cn(`
2
- z-50 w-fit origin-(--radix-tooltip-content-transform-origin)
3
- animate-in rounded-lg bg-foreground px-3 py-1.5 paragraph-sm
4
- text-balance text-background shadow-sm fade-in-0 zoom-in-95
5
- data-[side=bottom]:slide-in-from-top-2
6
- data-[side=left]:slide-in-from-right-2
7
- data-[side=right]:slide-in-from-left-2
8
- data-[side=top]:slide-in-from-bottom-2
9
- data-[state=closed]:animate-out data-[state=closed]:fade-out-0
10
- data-[state=closed]:zoom-out-95
11
- `,t),collisionPadding:r,...a,children:[n,o.jsxRuntimeExports.jsx(i.Arrow,{className:`\r
12
- z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]\r
13
- bg-foreground fill-foreground\r
14
- `})]})})}exports.Tooltip=p;exports.TooltipContent=c;exports.TooltipProvider=s;exports.TooltipTrigger=u;
@@ -1 +0,0 @@
1
- "use strict";
File without changes