@xmart/xorder-ui 0.0.34 → 0.0.35-dev.1

package/dist/styles/tokens/index.d.ts

@@ -1,2 +1,2 @@
-export { colors, primitive, spacing, typography, zIndex, } from './primitive.css';
+export { colors, primitive, spacing, typography, zIndex } from './primitive.css';
 export { semantic } from './semantic.css';

package/dist/xorder-ui.css

@@ -1 +1,2 @@
-: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}
+:root{--xoui-color-white:#fff;--xoui-color-black:#222;--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;--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;width:var(--_1rt5mjx0);height:var(--_1rt5mjx0);display:inline-block}._1rt5mjx3:after{content:"";box-sizing:border-box;width:var(--_1rt5mjx0);height:var(--_1rt5mjx0);border-width:calc(var(--_1rt5mjx0) / 8);border-style:solid;border-color:var(--_1rt5mjx1) var(--_1rt5mjx1) var(--_1rt5mjx1) transparent;border-radius:10000px;animation:1.2s linear infinite _1rt5mjx2;display:block}.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);box-sizing:border-box;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;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.25rem;line-height:1.5;transition:background-color .2s;display:inline-flex;position:relative}.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]){width:100%;display:flex}.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);cursor:not-allowed;font-weight:400}.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{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.prfw668{align-items:center;display:flex}.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);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:all .2s;display:inline-flex;position:relative}.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{justify-content:center;align-items:center;display:flex;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;width:var(--_1682sfm0);height:var(--_1682sfm0);color:var(--xoui-color-icon-primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}._1682sfm1:hover{color:var(--xoui-color-icon-brand);background-color:var(--xoui-color-background-default)}._1682sfm1:active{transform:translateY(-1px)}._1hbkh9y4{align-items:center;width:100%;display:inline-flex;position:relative}._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;font-family:var(--xoui-typography-font-family-base);font-size:var(--xoui-typography-font-size-md);background-color:var(--_1hbkh9y1);border:1px solid var(--_1hbkh9y0);border-radius:.375rem;padding-inline:.75rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}._1hbkh9y5:focus-visible{--_1hbkh9y0:var(--xoui-color-divider-input-focus);box-shadow:0 0 0 1px var(--xoui-color-divider-input-focus);outline:none}._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{width:var(--_1hbkh9y2);height:var(--_1hbkh9y2);color:var(--xoui-color-icon-primary);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}._1hbkh9y4[data-disabled] ._1hbkh9y6{color:var(--xoui-color-icon-disabled)}._1hbkh9y4[data-error] ._1hbkh9y6{color:var(--xoui-color-icon-destructive)}._1hbkh9y7{width:var(--_1hbkh9y2);height:var(--_1hbkh9y2);color:var(--xoui-color-icon-primary);z-index:1;opacity:0;justify-content:center;align-items:center;transition:opacity .25s ease-out;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}._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;flex-direction:column;gap:.5rem;display:flex}.yw7zqz1{flex-direction:row}.yw7zqz2{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;height:1.875rem;padding-inline:.5rem;display:flex}.yw7zqz3{box-sizing:border-box;border:1px solid var(--xoui-color-divider-input-default);background-color:var(--xoui-color-background-surface);border-radius:50%;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;transition:border-color .2s,background-color .2s;display:flex}: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;background-color:var(--xoui-color-brand-primary);border-radius:50%;width:.875rem;height:.875rem;transition:transform .2s;transform:scale(0)}:where(.yw7zqz2[data-state=checked]) .yw7zqz4{transform:scale(1)}:where(.yw7zqz2[data-disabled]) .yw7zqz4{background-color:var(--xoui-color-icon-disabled)}.yw7zqz5{color:var(--xoui-color-text-primary);font-size:1rem;line-height:1.5}: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;box-sizing:border-box;background-color:var(--r4f54b1);-webkit-tap-highlight-color:transparent;cursor:pointer;border-radius:9999px;height:2rem;position:relative}.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{background-color:#0000;align-items:center;display:flex}.r4f54b7{--r4f54b2:var(--xoui-color-white);--r4f54b3:1.5rem;--r4f54b4:.25rem;z-index:1;width:var(--r4f54b3);height:var(--r4f54b3);background-color:var(--r4f54b2);filter:drop-shadow(0 2px 2px #0000001a);will-change:inset-inline-start;border-radius:9999px;transition:inset-inline-start .15s;display:flex;position:absolute;inset-inline-start:var(--r4f54b4)}.r4f54b7[data-state=checked]{--r4f54b4:calc(100% - var(--r4f54b3) - .25rem)}.r4f54b8{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);-webkit-user-select:none;user-select:none;white-space:nowrap;background-color:#0000;margin-inline:1.75rem .5rem;padding-inline:.25rem;line-height:1;display:none}.r4f54b5[data-state=checked] .r4f54b8{margin-inline:.5rem 1.75rem}.r4f54b5[data-state=checked] .r4f54b8[data-on-label],.r4f54b5[data-state=unchecked] .r4f54b8[data-off-label]{display:block}
+/*$vite$:1*/

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@xmart/xorder-ui",
-  "version": "0.0.34",
+  "version": "0.0.35-dev.1",
+  "files": [
+    "dist"
+  ],
   "sideEffects": false,
   "main": "dist/index.esm.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -16,15 +16,30 @@
     "./styles.css": "./dist/xorder-ui.css"
   },
   "scripts": {
-    "prepublishOnly": "yarn build",
+    "prepublishOnly": "vp run build",
     "prebuild": "rm -rf ./dist",
-    "build": "vite build"
+    "build": "vp build"
+  },
+  "dependencies": {
+    "@radix-ui/react-radio-group": "1.3.8",
+    "@radix-ui/react-select": "2.2.6",
+    "@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.20.1",
+    "@vanilla-extract/dynamic": "2.1.5",
+    "@xmart/xorder-ui-icons": "0.0.35-dev.1",
+    "clsx": "2.1.1"
+  },
+  "devDependencies": {
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5"
   },
   "peerDependencies": {
     "@types/react": "*",
     "@types/react-dom": "*",
-    "react": "^18.0 || ^19.0 || ^19.0.0-rc",
-    "react-dom": "^18.0 || ^19.0 || ^19.0.0-rc"
+    "react": "^18.0 || ^19.0",
+    "react-dom": "^18.0 || ^19.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -33,16 +48,5 @@
     "@types/react-dom": {
       "optional": true
     }
-  },
-  "dependencies": {
-    "@radix-ui/react-radio-group": "1.3.8",
-    "@radix-ui/react-select": "2.2.6",
-    "@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.18.0",
-    "@vanilla-extract/dynamic": "2.1.5",
-    "@xmart/xorder-ui-icons": "0.0.34",
-    "clsx": "2.1.1"
   }
 }