@xmart/xorder-ui 0.0.29 → 0.0.33

package/dist/index.esm.js

@@ -6,7 +6,7 @@ var w1;
 function je() {
   if (w1) return r1;
   w1 = 1;
-  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
   function i(s, t, l) {
     var u = null;
     if (l !== void 0 && (u = "" + l), t.key !== void 0 && (u = "" + t.key), "key" in t) {
@@ -27,7 +27,7 @@ function je() {
 var o1 = {};
 var R1;
 function ye() {
-  return R1 || (R1 = 1, process.env.NODE_ENV !== "production" && function() {
+  return R1 || (R1 = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(n) {
       if (n == null) return null;
       if (typeof n == "function")
@@ -221,7 +221,7 @@ React keys must be passed directly to JSX without using spread:
     function M(n) {
       return typeof n == "object" && n !== null && n.$$typeof === y;
     }
-    var k = F, y = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), L = Symbol.for("react.fragment"), H = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), R = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), X = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, c1 = Array.isArray, P = console.createTask ? console.createTask : function() {
+    var k = F, y = /* @__PURE__ */ Symbol.for("react.transitional.element"), g = /* @__PURE__ */ Symbol.for("react.portal"), L = /* @__PURE__ */ Symbol.for("react.fragment"), H = /* @__PURE__ */ Symbol.for("react.strict_mode"), V = /* @__PURE__ */ Symbol.for("react.profiler"), w = /* @__PURE__ */ Symbol.for("react.consumer"), R = /* @__PURE__ */ Symbol.for("react.context"), E = /* @__PURE__ */ Symbol.for("react.forward_ref"), Z = /* @__PURE__ */ Symbol.for("react.suspense"), W = /* @__PURE__ */ Symbol.for("react.suspense_list"), O = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), q = /* @__PURE__ */ Symbol.for("react.activity"), z = /* @__PURE__ */ Symbol.for("react.client.reference"), X = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, c1 = Array.isArray, P = console.createTask ? console.createTask : function() {
       return null;
     };
     k = {
@@ -254,7 +254,7 @@ React keys must be passed directly to JSX without using spread:
         I ? P(s(n)) : Q
       );
     };
-  }()), o1;
+  })()), o1;
 }
 var H1;
 function Ie() {
@@ -285,7 +285,7 @@ function f1(...e) {
 function B(...e) {
   return c.useCallback(f1(...e), e);
 }
-var be = Symbol.for("react.lazy"), C1 = c[" use ".trim().toString()];
+var be = /* @__PURE__ */ Symbol.for("react.lazy"), C1 = c[" use ".trim().toString()];
 function ge(e) {
   return typeof e == "object" && e !== null && "then" in e;
 }
@@ -319,7 +319,7 @@ function we(e) {
   });
   return r.displayName = `${e}.SlotClone`, r;
 }
-var A1 = Symbol("radix.slottable");
+var A1 = /* @__PURE__ */ Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function Re(e) {
   const r = ({ children: i }) => /* @__PURE__ */ m.jsx(m.Fragment, { children: i });
@@ -365,7 +365,7 @@ var Se = [
 ], Ne = Se.reduce((e, r) => {
   const i = /* @__PURE__ */ P1(`Primitive.${r}`), s = c.forwardRef((t, l) => {
     const { asChild: u, ...a } = t, f = u ? i : r;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m.jsx(f, { ...a, ref: l });
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m.jsx(f, { ...a, ref: l });
   });
   return s.displayName = `Primitive.${r}`, { ...e, [r]: s };
 }, {}), Ee = Object.freeze({
@@ -578,7 +578,7 @@ var u1 = { exports: {} }, n1 = {}, S1;
 function Qe() {
   if (S1) return n1;
   S1 = 1;
-  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
   function i(s, t, l) {
     var u = null;
     if (l !== void 0 && (u = "" + l), t.key !== void 0 && (u = "" + t.key), "key" in t) {
@@ -598,7 +598,7 @@ function Qe() {
 }
 var t1 = {}, N1;
 function er() {
-  return N1 || (N1 = 1, process.env.NODE_ENV !== "production" && function() {
+  return N1 || (N1 = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(n) {
       if (n == null) return null;
       if (typeof n == "function")
@@ -792,7 +792,7 @@ React keys must be passed directly to JSX without using spread:
     function M(n) {
       return typeof n == "object" && n !== null && n.$$typeof === y;
     }
-    var k = F, y = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), L = Symbol.for("react.fragment"), H = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), R = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), X = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, c1 = Array.isArray, P = console.createTask ? console.createTask : function() {
+    var k = F, y = /* @__PURE__ */ Symbol.for("react.transitional.element"), g = /* @__PURE__ */ Symbol.for("react.portal"), L = /* @__PURE__ */ Symbol.for("react.fragment"), H = /* @__PURE__ */ Symbol.for("react.strict_mode"), V = /* @__PURE__ */ Symbol.for("react.profiler"), w = /* @__PURE__ */ Symbol.for("react.consumer"), R = /* @__PURE__ */ Symbol.for("react.context"), E = /* @__PURE__ */ Symbol.for("react.forward_ref"), Z = /* @__PURE__ */ Symbol.for("react.suspense"), W = /* @__PURE__ */ Symbol.for("react.suspense_list"), O = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), q = /* @__PURE__ */ Symbol.for("react.activity"), z = /* @__PURE__ */ Symbol.for("react.client.reference"), X = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, c1 = Array.isArray, P = console.createTask ? console.createTask : function() {
       return null;
     };
     k = {
@@ -825,7 +825,7 @@ React keys must be passed directly to JSX without using spread:
         I ? P(s(n)) : Q
       );
     };
-  }()), t1;
+  })()), t1;
 }
 var E1;
 function rr() {
@@ -2287,7 +2287,7 @@ function Ko(e) {
   });
   return r.displayName = `${e}.SlotClone`, r;
 }
-var Qo = Symbol("radix.slottable");
+var Qo = /* @__PURE__ */ Symbol("radix.slottable");
 function en(e) {
   return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Qo;
 }
@@ -2327,7 +2327,7 @@ var nn = [
 ], D = nn.reduce((e, r) => {
   const i = /* @__PURE__ */ Jo(`Primitive.${r}`), s = c.forwardRef((t, l) => {
     const { asChild: u, ...a } = t, f = u ? i : r;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m.jsx(f, { ...a, ref: l });
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m.jsx(f, { ...a, ref: l });
   });
   return s.displayName = `Primitive.${r}`, { ...e, [r]: s };
 }, {});
@@ -2355,7 +2355,7 @@ function tn(e) {
   });
   return r.displayName = `${e}.SlotClone`, r;
 }
-var sn = Symbol("radix.slottable");
+var sn = /* @__PURE__ */ Symbol("radix.slottable");
 function ln(e) {
   return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === sn;
 }
@@ -2393,7 +2393,9 @@ function un(e) {
   const h = e + "CollectionItemSlot", v = "data-radix-collection-item", M = /* @__PURE__ */ _1(h), k = F.forwardRef(
     (g, L) => {
       const { scope: H, children: V, ...w } = g, R = F.useRef(null), E = B(L, R), Z = l(h, H);
-      return F.useEffect(() => (Z.itemMap.set(R, { ref: R, ...w }), () => void Z.itemMap.delete(R))), /* @__PURE__ */ m.jsx(M, { [v]: "", ref: E, children: V });
+      return F.useEffect(() => (Z.itemMap.set(R, { ref: R, ...w }), () => {
+        Z.itemMap.delete(R);
+      })), /* @__PURE__ */ m.jsx(M, { [v]: "", ref: E, children: V });
     }
   );
   k.displayName = h;

package/dist/xorder-ui.css

@@ -1 +1 @@
-:root{--xoui-color-white: #FFFFFF;--xoui-color-black: #222222;--xoui-color-gray-50: #F4F5F6;--xoui-color-gray-100: #E9ECEF;--xoui-color-gray-200: #D7DCE2;--xoui-color-gray-300: #BCC4CC;--xoui-color-gray-500: #7D8D9D;--xoui-color-gray-700: #6B7580;--xoui-color-gray-800: #3B454E;--xoui-color-red-100: #FFEFED;--xoui-color-red-600: #FF685A;--xoui-color-red-700: #DC0C00;--xoui-color-orange-30: #F9D4B2;--xoui-color-orange-50: #FFF5EB;--xoui-color-orange-600: #F38827;--xoui-color-orange-700: #F06000;--xoui-color-orange-800: #AE4E19;--xoui-color-yellow-100: #FFF7DC;--xoui-color-yellow-700: #FFBF00;--xoui-color-green-100: #F3FFEE;--xoui-color-green-700: #2CAB23;--xoui-color-green-800: #088000;--xoui-color-blue-50: #EEF8FD;--xoui-color-blue-100: #E4F2FF;--xoui-color-blue-700: #116FF3;--xoui-color-purple-100: #FCEEFF;--xoui-color-purple-700: #A807D0;--xoui-spacing-0: 0px;--xoui-spacing-1: 4px;--xoui-spacing-2: 8px;--xoui-spacing-3: 12px;--xoui-spacing-4: 16px;--xoui-spacing-5: 20px;--xoui-spacing-6: 24px;--xoui-spacing-8: 32px;--xoui-spacing-10: 40px;--xoui-spacing-12: 48px;--xoui-spacing-16: 64px;--xoui-spacing-20: 80px;--xoui-spacing-24: 96px;--xoui-spacing-xs: 4px;--xoui-spacing-sm: 8px;--xoui-spacing-md: 16px;--xoui-spacing-lg: 24px;--xoui-spacing-xl: 32px;--xoui-spacing-2xl: 40px;--xoui-typography-font-size-xs: .75rem;--xoui-typography-font-size-sm: .875rem;--xoui-typography-font-size-md: 1rem;--xoui-typography-font-size-lg: 1.125rem;--xoui-typography-font-size-xl: 1.25rem;--xoui-typography-font-size-2xl: 1.5rem;--xoui-typography-font-weight-normal: 300;--xoui-typography-font-weight-bold: 600;--xoui-typography-font-family-base: "Hiragino Kaku Gothic Pro", "Yu Gothic", Meiryo, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--xoui-typography-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--xoui-typography-font-family-serif: Georgia, "Times New Roman", Times, serif;--xoui-typography-font-family-mono: "SF Mono", Monaco, Inconsolata, "Roboto Mono", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--xoui-z-index-auto: auto;--xoui-z-index-base: 0;--xoui-z-index-docked: 10;--xoui-z-index-dropdown: 1000;--xoui-z-index-sticky: 1100;--xoui-z-index-banner: 1200;--xoui-z-index-overlay: 1300;--xoui-z-index-modal: 1400;--xoui-z-index-popover: 1500;--xoui-z-index-skip-link: 1600;--xoui-z-index-toast: 1700;--xoui-z-index-tooltip: 1800}:root{--xoui-color-brand-primary: var(--xoui-color-orange-700);--xoui-color-brand-primary-hover: var(--xoui-color-orange-800);--xoui-color-brand-light: var(--xoui-color-orange-50);--xoui-color-brand-light-hover: var(--xoui-color-orange-30);--xoui-color-button-base: var(--xoui-color-white);--xoui-color-button-base-hover: var(--xoui-color-gray-100);--xoui-color-button-disabled: var(--xoui-color-gray-100);--xoui-color-text-primary: var(--xoui-color-black);--xoui-color-text-secondary: var(--xoui-color-gray-800);--xoui-color-text-placeholder: var(--xoui-color-gray-500);--xoui-color-text-inverse: var(--xoui-color-white);--xoui-color-text-link-primary: var(--xoui-color-blue-700);--xoui-color-text-action-label: var(--xoui-color-orange-700);--xoui-color-text-action-label-disabled: var(--xoui-color-gray-700);--xoui-color-text-destructive: var(--xoui-color-gray-500);--xoui-color-text-error: var(--xoui-color-red-700);--xoui-color-text-warning: var(--xoui-color-yellow-700);--xoui-color-text-success: var(--xoui-color-green-700);--xoui-color-text-info: var(--xoui-color-blue-700);--xoui-color-background-default: var(--xoui-color-gray-50);--xoui-color-background-surface: var(--xoui-color-white);--xoui-color-background-supplier: var(--xoui-color-blue-50);--xoui-color-background-error: var(--xoui-color-red-100);--xoui-color-background-warning: var(--xoui-color-yellow-100);--xoui-color-background-success: var(--xoui-color-green-100);--xoui-color-background-info: var(--xoui-color-blue-100);--xoui-color-icon-primary: var(--xoui-color-gray-800);--xoui-color-icon-disabled: var(--xoui-color-gray-700);--xoui-color-icon-inverse: var(--xoui-color-white);--xoui-color-icon-destructive: var(--xoui-color-red-700);--xoui-color-icon-brand: var(--xoui-color-orange-700);--xoui-color-icon-info: var(--xoui-color-blue-700);--xoui-color-divider-input-default: var(--xoui-color-gray-300);--xoui-color-divider-input-subtle: var(--xoui-color-gray-200);--xoui-color-divider-input-disabled: var(--xoui-color-gray-200);--xoui-color-divider-section-default: var(--xoui-color-gray-200);--xoui-color-divider-section-subtle: var(--xoui-color-gray-100);--xoui-color-divider-input-focus: var(--xoui-color-orange-700);--xoui-color-divider-error: var(--xoui-color-red-700);--xoui-color-divider-warning: var(--xoui-color-yellow-700);--xoui-color-divider-success: var(--xoui-color-green-700);--xoui-color-divider-info: var(--xoui-color-blue-700)}@keyframes _1rt5mjx2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1rt5mjx3{--_1rt5mjx0: 2rem;--_1rt5mjx1: var(--xoui-color-brand-primary);all:unset;box-sizing:border-box;display:inline-block;width:var(--_1rt5mjx0);height:var(--_1rt5mjx0)}._1rt5mjx3:after{content:"";box-sizing:border-box;display:block;width:var(--_1rt5mjx0);height:var(--_1rt5mjx0);border-radius:10000px;border-width:calc(var(--_1rt5mjx0) / 8);border-style:solid;border-color:var(--_1rt5mjx1) var(--_1rt5mjx1) var(--_1rt5mjx1) transparent;animation:_1rt5mjx2 1.2s linear infinite}.prfw664{--prfw660: var(--xoui-color-white);--prfw661: var(--xoui-color-brand-primary);--prfw662: var(--xoui-color-brand-primary-hover);--prfw663: transparent;font-weight:700;font-family:var(--xoui-typography-font-family-base);line-height:1.5;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;border-radius:9999px;border:1px solid var(--prfw663);min-width:max-content;color:var(--prfw660);background-color:var(--prfw661);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;white-space:nowrap}.prfw664:focus-visible{outline:2px solid var(--xoui-color-brand-primary);outline-offset:1px}.prfw664:where([data-bold=normal]){font-weight:400}.prfw664:where([data-full-width]){display:flex;width:100%}.prfw664:where([data-size=sm]){height:2rem;font-size:var(--xoui-typography-font-size-xs);padding-inline:1rem}.prfw664:where([data-size=md]){height:2.5rem;font-size:var(--xoui-typography-font-size-md);padding-inline:1.25rem}.prfw664:where([data-size=lg]){height:3rem;font-size:var(--xoui-typography-font-size-md);padding-inline:1.5rem}.prfw664[aria-disabled]{--prfw660: var(--xoui-color-text-secondary);--prfw661: var(--xoui-color-button-disabled);--prfw663: var(--xoui-color-divider-input-disabled);font-weight:400;cursor:not-allowed}.prfw664:where:not([aria-disabled]):active{transform:translateY(1px)}.prfw665{--prfw660: var(--xoui-color-brand-primary);--prfw661: var(--xoui-color-background-surface);--prfw663: var(--xoui-color-brand-primary);--prfw662: var(--xoui-color-brand-light);border:1px solid var(--prfw663)}.prfw666{--prfw660: var(--xoui-color-text-primary);--prfw661: var(--xoui-color-background-surface);--prfw663: var(--xoui-color-divider-section-default);--prfw662: var(--xoui-color-gray-100);border:1px solid var(--prfw663)}.prfw667{display:flex;align-items:center;justify-content:center;position:absolute;inset:0}.prfw668{display:flex;align-items:center}.prfw668[data-section=left]{margin-left:-.25rem}.prfw668[data-section=right]{margin-right:-.25rem}.prfw668[aria-hidden]{visibility:hidden}@media (any-hover: hover){.prfw664:not([aria-disabled]):hover{background-color:var(--prfw662)}.prfw664:not([aria-disabled]):active{transform:translateY(1px)}}.igar8u0{--igar8u1: var(--xoui-color-icon-primary);--igar8u2: transparent;--igar8u3: var(--xoui-color-gray-300);--igar8u4: var(--xoui-color-button-disabled);--igar8u5: var(--xoui-color-gray-50);--igar8u6: var(--xoui-color-divider-section-default)}.igar8u7{all:unset;color:var(--igar8u1);background-color:var(--igar8u2);position:relative;height:2rem;width:2rem;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.igar8u7:focus-visible{outline:2px solid var(--xoui-color-brand-primary);outline-offset:2px}.igar8u7:where([data-disabled]){cursor:not-allowed;background-color:var(--igar8u4);color:var(--igar8u3)}.igar8u7:where(:not([data-disabled]):active){transform:translateY(1px)}.igar8u9{border:1px solid var(--igar8u6)}.igar8ua{--igar8u1: var(--xoui-color-white);--igar8u2: var(--xoui-color-brand-primary);--igar8u5: var(--xoui-color-brand-primary-hover)}.igar8ub{display:flex;align-items:center;justify-content:center;position:absolute;inset:0}@media (any-hover: hover){.igar8u7:where(:not([data-disabled]):hover){background-color:var(--igar8u5)}.igar8u7:where(:not([data-disabled]):active){transform:translateY(1px)}}._1682sfm1{--_1682sfm0: 1.5rem;all:unset;display:flex;align-items:center;justify-content:center;width:var(--_1682sfm0);height:var(--_1682sfm0);flex-shrink:0;color:var(--xoui-color-icon-primary);cursor:pointer;border-radius:50%}._1682sfm1:hover{color:var(--xoui-color-icon-brand);background-color:var(--xoui-color-background-default)}._1682sfm1:active{transform:translateY(-1px)}._1hbkh9y4{position:relative;display:inline-flex;align-items:center;width:100%}._1hbkh9y5{--_1hbkh9y0: var(--xoui-color-divider-input-default);--_1hbkh9y1: var(--xoui-color-background-surface);--_1hbkh9y2: 1.5rem;--_1hbkh9y3: calc(var(--_1hbkh9y2) + 1rem);box-sizing:border-box;width:100%;height:2.5rem;padding-inline:.75rem;font-family:var(--xoui-typography-font-family-base);font-size:var(--xoui-typography-font-size-md);line-height:1.5;background-color:var(--_1hbkh9y1);border:1px solid var(--_1hbkh9y0);border-radius:.375rem;transition:border-color .2s,box-shadow .2s}._1hbkh9y5:focus-visible{--_1hbkh9y0: var(--xoui-color-divider-input-focus);outline:none;box-shadow:0 0 0 1px var(--xoui-color-divider-input-focus)}._1hbkh9y5:disabled{--_1hbkh9y0: var(--xoui-color-divider-input-disabled);--_1hbkh9y1: var(--xoui-color-background-default);color:var(--xoui-color-text-placeholder);cursor:not-allowed}._1hbkh9y5::placeholder{color:var(--xoui-color-text-placeholder)}._1hbkh9y4[data-with-left-section] ._1hbkh9y5{padding-left:var(--_1hbkh9y3)}._1hbkh9y4[data-with-right-section] ._1hbkh9y5{padding-right:var(--_1hbkh9y3)}._1hbkh9y4[data-error] ._1hbkh9y5{color:var(--xoui-color-text-error);--_1hbkh9y0: var(--xoui-color-divider-error)}._1hbkh9y4[data-error]:focus ._1hbkh9y5{--_1hbkh9y0: var(--xoui-color-divider-error);box-shadow:0 0 0 1px var(--xoui-color-divider-error)}._1hbkh9y6{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--_1hbkh9y2);height:var(--_1hbkh9y2);color:var(--xoui-color-icon-primary);z-index:1}._1hbkh9y4[data-disabled] ._1hbkh9y6{color:var(--xoui-color-icon-disabled)}._1hbkh9y4[data-error] ._1hbkh9y6{color:var(--xoui-color-icon-destructive)}._1hbkh9y7{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--_1hbkh9y2);height:var(--_1hbkh9y2);color:var(--xoui-color-icon-primary);z-index:1;opacity:0;transition:opacity .25s ease-out}._1hbkh9y7[data-visible]{opacity:1;pointer-events:auto}._1hbkh9y4[data-disabled] ._1hbkh9y7{color:var(--xoui-color-icon-disabled)}._1hbkh9y4[data-error] ._1hbkh9y7{color:var(--xoui-color-icon-destructive)}.yw7zqz0{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem}.yw7zqz1{flex-direction:row}.yw7zqz2{all:unset;display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;height:1.875rem;padding-inline:.5rem}.yw7zqz3{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:50%;border:1px solid var(--xoui-color-divider-input-default);background-color:var(--xoui-color-background-surface);transition:border-color .2s,background-color .2s}:where(.yw7zqz2:hover) .yw7zqz3{border-color:var(--xoui-color-brand-primary)}:where(.yw7zqz2[data-state=checked]) .yw7zqz3{background-color:var(--xoui-color-background-surface)}:where(.yw7zqz2[data-disabled]) .yw7zqz3{border-color:var(--xoui-color-divider-input-disabled);background-color:var(--xoui-color-background-surface);cursor:not-allowed}.yw7zqz4{box-sizing:border-box;width:.875rem;height:.875rem;border-radius:50%;background-color:var(--xoui-color-brand-primary);transform:scale(0);transition:transform .2s}:where(.yw7zqz2[data-state=checked]) .yw7zqz4{transform:scale(1)}:where(.yw7zqz2[data-disabled]) .yw7zqz4{background-color:var(--xoui-color-icon-disabled)}.yw7zqz5{font-size:1rem;line-height:1.5;color:var(--xoui-color-text-primary)}:where(.yw7zqz2[data-disabled]) .yw7zqz5{color:var(--xoui-color-text-action-label-disabled)}.r4f54b5{--r4f54b1: var(--xoui-color-gray-300);--r4f54b0: var(--xoui-color-brand-primary);all:unset;height:2rem;box-sizing:border-box;background-color:var(--r4f54b1);border-radius:9999px;position:relative;-webkit-tap-highlight-color:transparent;cursor:pointer}.r4f54b5:focus-visible{outline:2px solid var(--r4f54b0);outline-offset:2px}.r4f54b5:where([data-disabled]){--r4f54b1: var(--xoui-color-button-disabled)}.r4f54b5:where([data-state=checked]):not([data-disabled]){--r4f54b1: var(--xoui-color-brand-primary)}.r4f54b6{display:flex;align-items:center;background-color:transparent}.r4f54b7{--r4f54b2: var(--xoui-color-white);--r4f54b3: 1.5rem;--r4f54b4: .25rem;position:absolute;display:flex;z-index:1;width:var(--r4f54b3);height:var(--r4f54b3);border-radius:9999px;background-color:var(--r4f54b2);filter:drop-shadow(0px 2px 2px rgba(0,0,0,.1));will-change:inset-inline-start;transition:inset-inline-start .15s ease;inset-inline-start:var(--r4f54b4)}.r4f54b7[data-state=checked]{--r4f54b4: calc(100% - var(--r4f54b3) - .25rem)}.r4f54b8{display:none;color:#fff;min-width:1.75rem;min-height:.75rem;font-size:var(--xoui-typography-font-size-xs);font-weight:var(--xoui-typography-font-weight-bold);background-color:transparent;line-height:1;-webkit-user-select:none;user-select:none;white-space:nowrap;padding-inline:.25rem;margin-inline-start:1.75rem;margin-inline-end:.5rem}.r4f54b5[data-state=checked] .r4f54b8{margin-inline-start:.5rem;margin-inline-end:1.75rem}.r4f54b5[data-state=checked] .r4f54b8[data-on-label],.r4f54b5[data-state=unchecked] .r4f54b8[data-off-label]{display:block}
+:root{--xoui-color-white: #FFFFFF;--xoui-color-black: #222222;--xoui-color-gray-50: #F4F5F6;--xoui-color-gray-100: #E9ECEF;--xoui-color-gray-200: #D7DCE2;--xoui-color-gray-300: #BCC4CC;--xoui-color-gray-500: #7D8D9D;--xoui-color-gray-700: #6B7580;--xoui-color-gray-800: #3B454E;--xoui-color-red-100: #FFEFED;--xoui-color-red-600: #FF685A;--xoui-color-red-700: #DC0C00;--xoui-color-orange-30: #F9D4B2;--xoui-color-orange-50: #FFF5EB;--xoui-color-orange-600: #F38827;--xoui-color-orange-700: #F06000;--xoui-color-orange-800: #AE4E19;--xoui-color-yellow-100: #FFF7DC;--xoui-color-yellow-700: #FFBF00;--xoui-color-green-100: #F3FFEE;--xoui-color-green-700: #2CAB23;--xoui-color-green-800: #088000;--xoui-color-blue-50: #EEF8FD;--xoui-color-blue-100: #E4F2FF;--xoui-color-blue-700: #116FF3;--xoui-color-purple-100: #FCEEFF;--xoui-color-purple-700: #A807D0;--xoui-spacing-0: 0px;--xoui-spacing-1: 4px;--xoui-spacing-2: 8px;--xoui-spacing-3: 12px;--xoui-spacing-4: 16px;--xoui-spacing-5: 20px;--xoui-spacing-6: 24px;--xoui-spacing-8: 32px;--xoui-spacing-10: 40px;--xoui-spacing-12: 48px;--xoui-spacing-16: 64px;--xoui-spacing-20: 80px;--xoui-spacing-24: 96px;--xoui-spacing-xs: 4px;--xoui-spacing-sm: 8px;--xoui-spacing-md: 16px;--xoui-spacing-lg: 24px;--xoui-spacing-xl: 32px;--xoui-spacing-2xl: 40px;--xoui-typography-font-size-xs: .75rem;--xoui-typography-font-size-sm: .875rem;--xoui-typography-font-size-md: 1rem;--xoui-typography-font-size-lg: 1.125rem;--xoui-typography-font-size-xl: 1.25rem;--xoui-typography-font-size-2xl: 1.5rem;--xoui-typography-font-weight-normal: 300;--xoui-typography-font-weight-bold: 600;--xoui-typography-font-family-base: "Hiragino Kaku Gothic Pro", "Yu Gothic", Meiryo, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--xoui-typography-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--xoui-typography-font-family-serif: Georgia, "Times New Roman", Times, serif;--xoui-typography-font-family-mono: "SF Mono", Monaco, Inconsolata, "Roboto Mono", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--xoui-z-index-auto: auto;--xoui-z-index-base: 0;--xoui-z-index-docked: 10;--xoui-z-index-dropdown: 1000;--xoui-z-index-sticky: 1100;--xoui-z-index-banner: 1200;--xoui-z-index-overlay: 1300;--xoui-z-index-modal: 1400;--xoui-z-index-popover: 1500;--xoui-z-index-skip-link: 1600;--xoui-z-index-toast: 1700;--xoui-z-index-tooltip: 1800}:root{--xoui-color-brand-primary: var(--xoui-color-orange-700);--xoui-color-brand-primary-hover: var(--xoui-color-orange-800);--xoui-color-brand-light: var(--xoui-color-orange-50);--xoui-color-brand-light-hover: var(--xoui-color-orange-30);--xoui-color-button-base: var(--xoui-color-white);--xoui-color-button-base-hover: var(--xoui-color-gray-100);--xoui-color-button-disabled: var(--xoui-color-gray-100);--xoui-color-text-primary: var(--xoui-color-black);--xoui-color-text-secondary: var(--xoui-color-gray-800);--xoui-color-text-placeholder: var(--xoui-color-gray-500);--xoui-color-text-inverse: var(--xoui-color-white);--xoui-color-text-link-primary: var(--xoui-color-blue-700);--xoui-color-text-action-label: var(--xoui-color-orange-700);--xoui-color-text-action-label-disabled: var(--xoui-color-gray-700);--xoui-color-text-destructive: var(--xoui-color-gray-500);--xoui-color-text-error: var(--xoui-color-red-700);--xoui-color-text-warning: var(--xoui-color-yellow-700);--xoui-color-text-success: var(--xoui-color-green-700);--xoui-color-text-info: var(--xoui-color-blue-700);--xoui-color-background-default: var(--xoui-color-gray-50);--xoui-color-background-surface: var(--xoui-color-white);--xoui-color-background-supplier: var(--xoui-color-blue-50);--xoui-color-background-error: var(--xoui-color-red-100);--xoui-color-background-warning: var(--xoui-color-yellow-100);--xoui-color-background-success: var(--xoui-color-green-100);--xoui-color-background-info: var(--xoui-color-blue-100);--xoui-color-icon-primary: var(--xoui-color-gray-800);--xoui-color-icon-disabled: var(--xoui-color-gray-700);--xoui-color-icon-inverse: var(--xoui-color-white);--xoui-color-icon-destructive: var(--xoui-color-red-700);--xoui-color-icon-brand: var(--xoui-color-orange-700);--xoui-color-icon-info: var(--xoui-color-blue-700);--xoui-color-divider-input-default: var(--xoui-color-gray-300);--xoui-color-divider-input-subtle: var(--xoui-color-gray-200);--xoui-color-divider-input-disabled: var(--xoui-color-gray-200);--xoui-color-divider-section-default: var(--xoui-color-gray-200);--xoui-color-divider-section-subtle: var(--xoui-color-gray-100);--xoui-color-divider-input-focus: var(--xoui-color-orange-700);--xoui-color-divider-error: var(--xoui-color-red-700);--xoui-color-divider-warning: var(--xoui-color-yellow-700);--xoui-color-divider-success: var(--xoui-color-green-700);--xoui-color-divider-info: var(--xoui-color-blue-700)}@keyframes _1rt5mjx2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1rt5mjx3{--_1rt5mjx0: 2rem;--_1rt5mjx1: var(--xoui-color-brand-primary);all:unset;box-sizing:border-box;display:inline-block;width:var(--_1rt5mjx0);height:var(--_1rt5mjx0)}._1rt5mjx3:after{content:"";box-sizing:border-box;display:block;width:var(--_1rt5mjx0);height:var(--_1rt5mjx0);border-radius:10000px;border-width:calc(var(--_1rt5mjx0) / 8);border-style:solid;border-color:var(--_1rt5mjx1) var(--_1rt5mjx1) var(--_1rt5mjx1) transparent;animation:_1rt5mjx2 1.2s linear infinite}.prfw664{--prfw660: var(--xoui-color-white);--prfw661: var(--xoui-color-brand-primary);--prfw662: var(--xoui-color-brand-primary-hover);--prfw663: transparent;font-weight:700;font-family:var(--xoui-typography-font-family-base);line-height:1.5;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;border-radius:9999px;border:1px solid var(--prfw663);min-width:max-content;color:var(--prfw660);background-color:var(--prfw661);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;white-space:nowrap}.prfw664:focus-visible{outline:2px solid var(--xoui-color-brand-primary);outline-offset:1px}.prfw664:where([data-bold=normal]){font-weight:400}.prfw664:where([data-full-width]){display:flex;width:100%}.prfw664:where([data-size=sm]){height:2rem;font-size:var(--xoui-typography-font-size-xs);padding-inline:1rem}.prfw664:where([data-size=md]){height:2.5rem;font-size:var(--xoui-typography-font-size-sm);padding-inline:1.25rem}.prfw664:where([data-size=lg]){height:3rem;font-size:var(--xoui-typography-font-size-md);padding-inline:1.5rem}.prfw664[aria-disabled]{--prfw660: var(--xoui-color-text-secondary);--prfw661: var(--xoui-color-button-disabled);--prfw663: var(--xoui-color-divider-input-disabled);font-weight:400;cursor:not-allowed}.prfw664:where:not([aria-disabled]):active{transform:translateY(1px)}.prfw665{--prfw660: var(--xoui-color-brand-primary);--prfw661: var(--xoui-color-background-surface);--prfw663: var(--xoui-color-brand-primary);--prfw662: var(--xoui-color-brand-light);border:1px solid var(--prfw663)}.prfw666{--prfw660: var(--xoui-color-text-primary);--prfw661: var(--xoui-color-background-surface);--prfw663: var(--xoui-color-divider-section-default);--prfw662: var(--xoui-color-gray-100);border:1px solid var(--prfw663)}.prfw667{display:flex;align-items:center;justify-content:center;position:absolute;inset:0}.prfw668{display:flex;align-items:center}.prfw668[data-section=left]{margin-left:-.25rem}.prfw668[data-section=right]{margin-right:-.25rem}.prfw668[aria-hidden]{visibility:hidden}@media(any-hover:hover){.prfw664:not([aria-disabled]):hover{background-color:var(--prfw662)}.prfw664:not([aria-disabled]):active{transform:translateY(1px)}}.igar8u0{--igar8u1: var(--xoui-color-icon-primary);--igar8u2: transparent;--igar8u3: var(--xoui-color-gray-300);--igar8u4: var(--xoui-color-button-disabled);--igar8u5: var(--xoui-color-gray-50);--igar8u6: var(--xoui-color-divider-section-default)}.igar8u7{all:unset;color:var(--igar8u1);background-color:var(--igar8u2);position:relative;height:2rem;width:2rem;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.igar8u7:focus-visible{outline:2px solid var(--xoui-color-brand-primary);outline-offset:2px}.igar8u7:where([data-disabled]){cursor:not-allowed;background-color:var(--igar8u4);color:var(--igar8u3)}.igar8u7:where(:not([data-disabled]):active){transform:translateY(1px)}.igar8u9{border:1px solid var(--igar8u6)}.igar8ua{--igar8u1: var(--xoui-color-white);--igar8u2: var(--xoui-color-brand-primary);--igar8u5: var(--xoui-color-brand-primary-hover)}.igar8ub{display:flex;align-items:center;justify-content:center;position:absolute;inset:0}@media(any-hover:hover){.igar8u7:where(:not([data-disabled]):hover){background-color:var(--igar8u5)}.igar8u7:where(:not([data-disabled]):active){transform:translateY(1px)}}._1682sfm1{--_1682sfm0: 1.5rem;all:unset;display:flex;align-items:center;justify-content:center;width:var(--_1682sfm0);height:var(--_1682sfm0);flex-shrink:0;color:var(--xoui-color-icon-primary);cursor:pointer;border-radius:50%}._1682sfm1:hover{color:var(--xoui-color-icon-brand);background-color:var(--xoui-color-background-default)}._1682sfm1:active{transform:translateY(-1px)}._1hbkh9y4{position:relative;display:inline-flex;align-items:center;width:100%}._1hbkh9y5{--_1hbkh9y0: var(--xoui-color-divider-input-default);--_1hbkh9y1: var(--xoui-color-background-surface);--_1hbkh9y2: 1.5rem;--_1hbkh9y3: calc(var(--_1hbkh9y2) + 1rem);box-sizing:border-box;width:100%;height:2.5rem;padding-inline:.75rem;font-family:var(--xoui-typography-font-family-base);font-size:var(--xoui-typography-font-size-md);line-height:1.5;background-color:var(--_1hbkh9y1);border:1px solid var(--_1hbkh9y0);border-radius:.375rem;transition:border-color .2s,box-shadow .2s}._1hbkh9y5:focus-visible{--_1hbkh9y0: var(--xoui-color-divider-input-focus);outline:none;box-shadow:0 0 0 1px var(--xoui-color-divider-input-focus)}._1hbkh9y5:disabled{--_1hbkh9y0: var(--xoui-color-divider-input-disabled);--_1hbkh9y1: var(--xoui-color-background-default);color:var(--xoui-color-text-placeholder);cursor:not-allowed}._1hbkh9y5::placeholder{color:var(--xoui-color-text-placeholder)}._1hbkh9y4[data-with-left-section] ._1hbkh9y5{padding-left:var(--_1hbkh9y3)}._1hbkh9y4[data-with-right-section] ._1hbkh9y5{padding-right:var(--_1hbkh9y3)}._1hbkh9y4[data-error] ._1hbkh9y5{color:var(--xoui-color-text-error);--_1hbkh9y0: var(--xoui-color-divider-error)}._1hbkh9y4[data-error]:focus ._1hbkh9y5{--_1hbkh9y0: var(--xoui-color-divider-error);box-shadow:0 0 0 1px var(--xoui-color-divider-error)}._1hbkh9y6{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--_1hbkh9y2);height:var(--_1hbkh9y2);color:var(--xoui-color-icon-primary);z-index:1}._1hbkh9y4[data-disabled] ._1hbkh9y6{color:var(--xoui-color-icon-disabled)}._1hbkh9y4[data-error] ._1hbkh9y6{color:var(--xoui-color-icon-destructive)}._1hbkh9y7{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--_1hbkh9y2);height:var(--_1hbkh9y2);color:var(--xoui-color-icon-primary);z-index:1;opacity:0;transition:opacity .25s ease-out}._1hbkh9y7[data-visible]{opacity:1;pointer-events:auto}._1hbkh9y4[data-disabled] ._1hbkh9y7{color:var(--xoui-color-icon-disabled)}._1hbkh9y4[data-error] ._1hbkh9y7{color:var(--xoui-color-icon-destructive)}.yw7zqz0{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem}.yw7zqz1{flex-direction:row}.yw7zqz2{all:unset;display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;height:1.875rem;padding-inline:.5rem}.yw7zqz3{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:50%;border:1px solid var(--xoui-color-divider-input-default);background-color:var(--xoui-color-background-surface);transition:border-color .2s,background-color .2s}:where(.yw7zqz2:hover) .yw7zqz3{border-color:var(--xoui-color-brand-primary)}:where(.yw7zqz2[data-state=checked]) .yw7zqz3{background-color:var(--xoui-color-background-surface)}:where(.yw7zqz2[data-disabled]) .yw7zqz3{border-color:var(--xoui-color-divider-input-disabled);background-color:var(--xoui-color-background-surface);cursor:not-allowed}.yw7zqz4{box-sizing:border-box;width:.875rem;height:.875rem;border-radius:50%;background-color:var(--xoui-color-brand-primary);transform:scale(0);transition:transform .2s}:where(.yw7zqz2[data-state=checked]) .yw7zqz4{transform:scale(1)}:where(.yw7zqz2[data-disabled]) .yw7zqz4{background-color:var(--xoui-color-icon-disabled)}.yw7zqz5{font-size:1rem;line-height:1.5;color:var(--xoui-color-text-primary)}:where(.yw7zqz2[data-disabled]) .yw7zqz5{color:var(--xoui-color-text-action-label-disabled)}.r4f54b5{--r4f54b1: var(--xoui-color-gray-300);--r4f54b0: var(--xoui-color-brand-primary);all:unset;height:2rem;box-sizing:border-box;background-color:var(--r4f54b1);border-radius:9999px;position:relative;-webkit-tap-highlight-color:transparent;cursor:pointer}.r4f54b5:focus-visible{outline:2px solid var(--r4f54b0);outline-offset:2px}.r4f54b5:where([data-disabled]){--r4f54b1: var(--xoui-color-button-disabled)}.r4f54b5:where([data-state=checked]):not([data-disabled]){--r4f54b1: var(--xoui-color-brand-primary)}.r4f54b6{display:flex;align-items:center;background-color:transparent}.r4f54b7{--r4f54b2: var(--xoui-color-white);--r4f54b3: 1.5rem;--r4f54b4: .25rem;position:absolute;display:flex;z-index:1;width:var(--r4f54b3);height:var(--r4f54b3);border-radius:9999px;background-color:var(--r4f54b2);filter:drop-shadow(0px 2px 2px rgba(0,0,0,.1));will-change:inset-inline-start;transition:inset-inline-start .15s ease;inset-inline-start:var(--r4f54b4)}.r4f54b7[data-state=checked]{--r4f54b4: calc(100% - var(--r4f54b3) - .25rem)}.r4f54b8{display:none;color:#fff;min-width:1.75rem;min-height:.75rem;font-size:var(--xoui-typography-font-size-xs);font-weight:var(--xoui-typography-font-weight-bold);background-color:transparent;line-height:1;-webkit-user-select:none;user-select:none;white-space:nowrap;padding-inline:.25rem;margin-inline-start:1.75rem;margin-inline-end:.5rem}.r4f54b5[data-state=checked] .r4f54b8{margin-inline-start:.5rem;margin-inline-end:1.75rem}.r4f54b5[data-state=checked] .r4f54b8[data-on-label],.r4f54b5[data-state=unchecked] .r4f54b8[data-off-label]{display:block}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xmart/xorder-ui",
-  "version": "0.0.29",
+  "version": "0.0.33",
   "sideEffects": false,
   "main": "dist/index.esm.js",
   "module": "dist/index.esm.js",
@@ -40,9 +40,9 @@
     "@radix-ui/react-slot": "1.2.4",
     "@radix-ui/react-switch": "1.2.6",
     "@radix-ui/react-visually-hidden": "1.2.4",
-    "@vanilla-extract/css": "1.17.5",
+    "@vanilla-extract/css": "1.18.0",
     "@vanilla-extract/dynamic": "2.1.5",
-    "@xmart/xorder-ui-icons": "0.0.6",
+    "@xmart/xorder-ui-icons": "0.0.32",
     "clsx": "2.1.1"
   }
 }

package/dist/components/button/button.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/icon-button/icon-button.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/input/input.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/radio-group/radio-group.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/select-box/select-box.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/spinner/spinner.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/switch/switch.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/tag/tag.test.d.ts

@@ -1 +0,0 @@
-export {};