@clasing/ui 2.4.0 → 2.5.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 (91) hide show
  1. package/README.md +7 -12
  2. package/dist/{badge-Cprh3bik.js → badge-C29hQNIG.js} +2 -2
  3. package/dist/{button-3Q4mqjFF.js → button-Bn-b-nVw.js} +62 -81
  4. package/dist/button-C7U_D8vv.cjs +1 -0
  5. package/dist/{card-CbF9kVVs.js → card-Cv2M4wv8.js} +1 -1
  6. package/dist/chip-C_Uh7fe6.cjs +1 -0
  7. package/dist/{chip-B7Mqq278.js → chip-ZryYiiU1.js} +9 -9
  8. package/dist/{clasing-icon-XjkVWhKg.js → clasing-icon-BIYMLc8o.js} +11 -19
  9. package/dist/clasing-icon-Bym32_-4.cjs +1 -0
  10. package/dist/{command-ev4m9IoQ.js → command-CGrOI2Z9.js} +2 -2
  11. package/dist/components/accordion.es.js +1 -1
  12. package/dist/components/alert-dialog.cjs.js +1 -1
  13. package/dist/components/alert-dialog.es.js +2 -2
  14. package/dist/components/alert.es.js +2 -2
  15. package/dist/components/avatar.es.js +1 -1
  16. package/dist/components/badge.es.js +1 -1
  17. package/dist/components/blocks/interactive-card.es.js +5 -5
  18. package/dist/components/blocks/selectable-chips.cjs.js +1 -1
  19. package/dist/components/blocks/selectable-chips.es.js +3 -3
  20. package/dist/components/breadcrumb.es.js +1 -1
  21. package/dist/components/button-group.cjs.js +1 -0
  22. package/dist/components/button-group.d.ts +11 -0
  23. package/dist/components/button-group.es.js +75 -0
  24. package/dist/components/button.cjs.js +1 -1
  25. package/dist/components/button.d.ts +0 -3
  26. package/dist/components/button.es.js +1 -1
  27. package/dist/components/calendar.cjs.js +1 -1
  28. package/dist/components/calendar.es.js +2 -2
  29. package/dist/components/card.es.js +1 -1
  30. package/dist/components/chart.es.js +1 -1
  31. package/dist/components/checkbox.es.js +1 -1
  32. package/dist/components/chip.cjs.js +1 -1
  33. package/dist/components/chip.es.js +1 -1
  34. package/dist/components/clasing-icon.cjs.js +1 -1
  35. package/dist/components/clasing-icon.es.js +1 -1
  36. package/dist/components/collapsible.es.js +1 -1
  37. package/dist/components/command.es.js +1 -1
  38. package/dist/components/context-menu.es.js +1 -1
  39. package/dist/components/dialog.es.js +1 -1
  40. package/dist/components/divider.cjs.js +1 -1
  41. package/dist/components/divider.es.js +2 -18
  42. package/dist/components/drawer.es.js +1 -1
  43. package/dist/components/dropdown-menu.es.js +1 -1
  44. package/dist/components/form.es.js +2 -2
  45. package/dist/components/hover-card.es.js +1 -1
  46. package/dist/components/input-otp.es.js +1 -1
  47. package/dist/components/input.cjs.js +1 -1
  48. package/dist/components/input.es.js +1 -1
  49. package/dist/components/kbd.cjs.js +1 -0
  50. package/dist/components/kbd.d.ts +3 -0
  51. package/dist/components/kbd.es.js +30 -0
  52. package/dist/components/label.es.js +1 -1
  53. package/dist/components/menubar.es.js +1 -1
  54. package/dist/components/multi-select.cjs.js +1 -1
  55. package/dist/components/multi-select.es.js +5 -5
  56. package/dist/components/navigation-menu.es.js +2 -2
  57. package/dist/components/phone-input.cjs.js +1 -1
  58. package/dist/components/phone-input.es.js +5 -5
  59. package/dist/components/popover.es.js +1 -1
  60. package/dist/components/progress.es.js +1 -1
  61. package/dist/components/resizable.es.js +1 -1
  62. package/dist/components/scroll-area.es.js +1 -1
  63. package/dist/components/select.es.js +1 -1
  64. package/dist/components/sheet.es.js +1 -1
  65. package/dist/components/skeleton.es.js +1 -1
  66. package/dist/components/slider.es.js +1 -1
  67. package/dist/components/sonner.es.js +1 -1
  68. package/dist/components/switch.es.js +2 -2
  69. package/dist/components/table.es.js +1 -1
  70. package/dist/components/textarea.es.js +2 -2
  71. package/dist/components/toggle-group.es.js +2 -2
  72. package/dist/components/toggle.es.js +1 -1
  73. package/dist/components/tooltip.es.js +1 -1
  74. package/dist/{dialog-CXbzQHxn.js → dialog-CH4VxKX4.js} +1 -1
  75. package/dist/divider-BMxVoyPg.js +20 -0
  76. package/dist/divider-BcIwJzm7.cjs +1 -0
  77. package/dist/entries/button-group.d.ts +2 -0
  78. package/dist/entries/kbd.d.ts +2 -0
  79. package/dist/{index-D5lmpham.js → index-BCEGphus.js} +2 -2
  80. package/dist/{index-DN28Pf0m.js → index-DEha_UuN.js} +1 -1
  81. package/dist/{input-SV4tkGu9.js → input-BvfRiqqw.js} +3 -3
  82. package/dist/{input-D3AVygkb.cjs → input-Dtd0sjiW.cjs} +1 -1
  83. package/dist/{label-DDxTPxHk.js → label-Bl6V6esj.js} +1 -1
  84. package/dist/{popover-BdDS9aoy.js → popover-1_WpciTS.js} +1 -1
  85. package/dist/{scroll-area-oS6ZJIMN.js → scroll-area-CxpVQq0v.js} +1 -1
  86. package/dist/{toggle-BNzrNg1r.js → toggle-99EXLQgX.js} +2 -2
  87. package/dist/{tooltip-rv-jVOxy.js → tooltip-BS84dkwx.js} +1 -1
  88. package/package.json +373 -357
  89. package/dist/button-BekvnyS7.cjs +0 -1
  90. package/dist/chip-BG4NEZUv.cjs +0 -1
  91. package/dist/clasing-icon-CMe7j64k.cjs +0 -1
@@ -0,0 +1,20 @@
1
+ import { j as i, c as t } from "./index-BCEGphus.js";
2
+ import { forwardRef as l } from "react";
3
+ const o = l(
4
+ ({ className: a, orientation: r = "horizontal", ...s }, e) => /* @__PURE__ */ i.jsx(
5
+ "span",
6
+ {
7
+ ref: e,
8
+ className: t("bg-neutral-050", a, {
9
+ "h-px! w-full": r === "horizontal",
10
+ "h-full w-px!": r === "vertical"
11
+ }),
12
+ ...s
13
+ }
14
+ )
15
+ );
16
+ o.displayName = "Divider";
17
+ const m = o;
18
+ export {
19
+ m as D
20
+ };
@@ -0,0 +1 @@
1
+ "use strict";const r=require("./index-9HRzXEQf.cjs"),a=require("react"),i=a.forwardRef(({className:s,orientation:e="horizontal",...t},n)=>r.jsxRuntimeExports.jsx("span",{ref:n,className:r.cn("bg-neutral-050",s,{"h-px! w-full":e==="horizontal","h-full w-px!":e==="vertical"}),...t}));i.displayName="Divider";const l=i;exports.Divider=l;
@@ -0,0 +1,2 @@
1
+ import { ButtonGroup, ButtonGroupDivider, ButtonGroupText, buttonGroupVariants } from '../components/button-group';
2
+ export { ButtonGroup, ButtonGroupDivider, ButtonGroupText, buttonGroupVariants };
@@ -0,0 +1,2 @@
1
+ import { Kbd, KbdGroup } from '../components/kbd';
2
+ export { Kbd, KbdGroup };
@@ -4,7 +4,7 @@ var ge;
4
4
  function Le() {
5
5
  if (ge) return re;
6
6
  ge = 1;
7
- var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
7
+ var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
8
8
  function t(o, s, c) {
9
9
  var i = null;
10
10
  if (c !== void 0 && (i = "" + c), s.key !== void 0 && (i = "" + s.key), "key" in s) {
@@ -219,7 +219,7 @@ React keys must be passed directly to JSX without using spread:
219
219
  function E(r) {
220
220
  return typeof r == "object" && r !== null && r.$$typeof === C;
221
221
  }
222
- var T = Ge, C = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), G = Symbol.for("react.context"), L = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), $ = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), ne = Symbol.for("react.activity"), se = Symbol.for("react.client.reference"), F = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, Q = Array.isArray, P = console.createTask ? console.createTask : function() {
222
+ var T = Ge, C = /* @__PURE__ */ Symbol.for("react.transitional.element"), _ = /* @__PURE__ */ Symbol.for("react.portal"), v = /* @__PURE__ */ Symbol.for("react.fragment"), O = /* @__PURE__ */ Symbol.for("react.strict_mode"), U = /* @__PURE__ */ Symbol.for("react.profiler"), W = /* @__PURE__ */ Symbol.for("react.consumer"), G = /* @__PURE__ */ Symbol.for("react.context"), L = /* @__PURE__ */ Symbol.for("react.forward_ref"), j = /* @__PURE__ */ Symbol.for("react.suspense"), $ = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), A = /* @__PURE__ */ Symbol.for("react.lazy"), ne = /* @__PURE__ */ Symbol.for("react.activity"), se = /* @__PURE__ */ Symbol.for("react.client.reference"), F = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, Q = Array.isArray, P = console.createTask ? console.createTask : function() {
223
223
  return null;
224
224
  };
225
225
  T = {
@@ -1,4 +1,4 @@
1
- import { a as O } from "./index-D5lmpham.js";
1
+ import { a as O } from "./index-BCEGphus.js";
2
2
  const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
3
3
  var u;
4
4
  if (l?.variants == null) return y(e, n?.class, n?.className);
@@ -1,8 +1,8 @@
1
- import { j as e, c as n } from "./index-D5lmpham.js";
1
+ import { j as e, c as n } from "./index-BCEGphus.js";
2
2
  import { EyeSlashIcon as f, EyeIcon as b } from "@phosphor-icons/react";
3
- import { c as m } from "./index-DN28Pf0m.js";
3
+ import { c as m } from "./index-DEha_UuN.js";
4
4
  import * as x from "react";
5
- import { B as c } from "./button-3Q4mqjFF.js";
5
+ import { B as c } from "./button-Bn-b-nVw.js";
6
6
  const o = m(
7
7
  "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input file:paragraph-sm flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
8
8
  {
@@ -1 +1 @@
1
- "use strict";const r=require("./index-9HRzXEQf.cjs"),o=require("@phosphor-icons/react"),c=require("./index-ECyCsPX0.cjs"),x=require("react"),b=require("./button-BekvnyS7.cjs");function f(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const s in i)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(i,s);Object.defineProperty(e,s,t.get?t:{enumerable:!0,get:()=>i[s]})}}return e.default=i,Object.freeze(e)}const g=f(x),d=c.cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input file:paragraph-sm flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{xs:"label-sm h-7 px-2 py-1",sm:"label-md h-8 px-2 py-1",md:"label-lg h-12 px-3 py-1",lg:"label-xl h-16 px-4 py-2"}},defaultVariants:{size:"md"}});function m({className:i,type:e,size:s,icon:t,iconPosition:a="left",...l}){const[n,u]=g.useState(!1),p=()=>{u(!n)};return!t&&e!=="password"?r.jsxRuntimeExports.jsx("input",{type:e,"data-slot":"input",className:r.cn(d({size:s}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",i),...l}):r.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[t&&a==="left"&&r.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2",children:t}),r.jsxRuntimeExports.jsx("input",{type:e==="password"?n?"text":"password":e,"data-slot":"input",className:r.cn(d({size:s}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",t&&a==="left"?"pl-10":"",t&&a==="right"||e==="password"?"pr-10":"",i),...l}),e==="password"&&r.jsxRuntimeExports.jsx(b.Button,{variant:"inverse",type:"button",size:s==="xs"||s==="sm"?"xs":"md",tabIndex:-1,"aria-label":n?"Hide password":"Show password",className:"absolute top-1/2 right-3 -translate-y-1/2",onClick:p,children:n?r.jsxRuntimeExports.jsx(o.EyeSlashIcon,{}):r.jsxRuntimeExports.jsx(o.EyeIcon,{})}),t&&a==="right"&&e!=="password"&&r.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2",children:t})]})}exports.Input=m;
1
+ "use strict";const r=require("./index-9HRzXEQf.cjs"),o=require("@phosphor-icons/react"),c=require("./index-ECyCsPX0.cjs"),x=require("react"),b=require("./button-C7U_D8vv.cjs");function f(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const s in i)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(i,s);Object.defineProperty(e,s,t.get?t:{enumerable:!0,get:()=>i[s]})}}return e.default=i,Object.freeze(e)}const g=f(x),d=c.cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input file:paragraph-sm flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{xs:"label-sm h-7 px-2 py-1",sm:"label-md h-8 px-2 py-1",md:"label-lg h-12 px-3 py-1",lg:"label-xl h-16 px-4 py-2"}},defaultVariants:{size:"md"}});function m({className:i,type:e,size:s,icon:t,iconPosition:a="left",...l}){const[n,u]=g.useState(!1),p=()=>{u(!n)};return!t&&e!=="password"?r.jsxRuntimeExports.jsx("input",{type:e,"data-slot":"input",className:r.cn(d({size:s}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",i),...l}):r.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[t&&a==="left"&&r.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2",children:t}),r.jsxRuntimeExports.jsx("input",{type:e==="password"?n?"text":"password":e,"data-slot":"input",className:r.cn(d({size:s}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",t&&a==="left"?"pl-10":"",t&&a==="right"||e==="password"?"pr-10":"",i),...l}),e==="password"&&r.jsxRuntimeExports.jsx(b.Button,{variant:"inverse",type:"button",size:s==="xs"||s==="sm"?"xs":"md",tabIndex:-1,"aria-label":n?"Hide password":"Show password",className:"absolute top-1/2 right-3 -translate-y-1/2",onClick:p,children:n?r.jsxRuntimeExports.jsx(o.EyeSlashIcon,{}):r.jsxRuntimeExports.jsx(o.EyeIcon,{})}),t&&a==="right"&&e!=="password"&&r.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2",children:t})]})}exports.Input=m;
@@ -1,4 +1,4 @@
1
- import { j as t, c as o } from "./index-D5lmpham.js";
1
+ import { j as t, c as o } from "./index-BCEGphus.js";
2
2
  import * as l from "@radix-ui/react-label";
3
3
  function s({
4
4
  className: e,
@@ -1,4 +1,4 @@
1
- import { j as t, c as i } from "./index-D5lmpham.js";
1
+ import { j as t, c as i } from "./index-BCEGphus.js";
2
2
  import * as e from "@radix-ui/react-popover";
3
3
  function p({
4
4
  ...o
@@ -1,4 +1,4 @@
1
- import { j as r, c as s } from "./index-D5lmpham.js";
1
+ import { j as r, c as s } from "./index-BCEGphus.js";
2
2
  import * as o from "@radix-ui/react-scroll-area";
3
3
  function i({
4
4
  className: e,
@@ -1,6 +1,6 @@
1
- import { j as n, c as r } from "./index-D5lmpham.js";
1
+ import { j as n, c as r } from "./index-BCEGphus.js";
2
2
  import * as s from "@radix-ui/react-toggle";
3
- import { c as o } from "./index-DN28Pf0m.js";
3
+ import { c as o } from "./index-DEha_UuN.js";
4
4
  const l = o(
5
5
  "hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-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 paragraph-sm inline-flex items-center justify-center gap-2 rounded-md font-semibold whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
6
6
  {
@@ -1,4 +1,4 @@
1
- import { j as o, c as s } from "./index-D5lmpham.js";
1
+ import { j as o, c as s } from "./index-BCEGphus.js";
2
2
  import * as i from "@radix-ui/react-tooltip";
3
3
  function n({
4
4
  delayDuration: t = 0,