@coinloger/dev-ui 0.1.0 → 0.1.1

package/dist/cjs/components/Container/Container.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),p=require("clsx"),f=require("prop-types");;/* empty css                */function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=d(f),s=u.forwardRef(({className:e,children:r,fluid:t=!1,as:n="div",...a},c)=>{const i=p.clsx("ui-container",t&&"ui-container--fluid",e);return l.jsx(n,{ref:c,className:i,...a,children:r})});s.displayName="Container";s.propTypes={fluid:o.bool,as:o.elementType,children:o.node,className:o.string};exports.Container=s;

package/dist/cjs/components/Flex/Flex.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),g=require("react"),w=require("clsx"),O=require("prop-types"),j=require("./FlexItem.cjs");;/* empty css           */function v(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const e=v(O),l=g.forwardRef(({className:t,children:s,direction:r="row",justify:o="start",align:c="stretch",wrap:u="nowrap",gap:n="md",inline:a=!1,as:f="div",style:m,...p},d)=>{const i=typeof n=="number"||typeof n=="string"&&!["sm","md","lg","xl"].includes(n),y=w.clsx(a?"ui-flex--inline":"ui-flex",`ui-flex--dir-${r}`,`ui-flex--justify-${o}`,`ui-flex--align-${c}`,`ui-flex--wrap-${u}`,!i&&n&&`ui-flex--gap-${n}`,t),x={...m,...i?{gap:n}:{}};return b.jsx(f,{ref:d,className:y,style:x,...p,children:s})});l.displayName="Flex";l.Item=j.FlexItem;l.propTypes={direction:e.oneOf(["row","column","row-reverse","column-reverse"]),justify:e.oneOf(["start","center","end","between","around","evenly"]),align:e.oneOf(["start","center","end","stretch","baseline"]),wrap:e.oneOf(["nowrap","wrap","wrap-reverse"]),gap:e.oneOfType([e.oneOf(["sm","md","lg","xl"]),e.number,e.string]),inline:e.bool,as:e.elementType,children:e.node,className:e.string,style:e.object,id:e.string};exports.Flex=l;

package/dist/cjs/components/Flex/FlexItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),b=require("react"),x=require("clsx"),O=require("prop-types");function T(r){const o=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(o,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return o.default=r,Object.freeze(o)}const e=T(O),s=b.forwardRef(({className:r,children:o,grow:t,shrink:n,basis:i,flex:l,width:c,order:u,as:a="div",style:f,...m},p)=>{const d={...f,...t!==void 0&&{flexGrow:t===!0?1:t===!1?0:t},...n!==void 0&&{flexShrink:n===!0?1:n===!1?0:n},...i!==void 0&&{flexBasis:i},...l!==void 0&&{flex:l},...c!==void 0&&{width:c},...u!==void 0&&{order:u}};return y.jsx(a,{ref:p,className:x.clsx("ui-flex-item",r),style:d,...m,children:o})});s.displayName="Flex.Item";s.propTypes={grow:e.oneOfType([e.bool,e.number]),shrink:e.oneOfType([e.bool,e.number]),basis:e.oneOfType([e.string,e.number]),flex:e.oneOfType([e.string,e.number]),width:e.oneOfType([e.string,e.number]),order:e.number,as:e.elementType,children:e.node,className:e.string,style:e.object,id:e.string};exports.FlexItem=s;

package/dist/cjs/components/Select/Select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("react"),c=require("clsx"),k=require("prop-types");;/* empty css             */function S(l){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const n in l)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(l,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>l[n]})}}return r.default=l,Object.freeze(r)}const e=S(k),f=({options:l,value:r,onChange:n,placeholder:o="Select an option",label:x,error:b,helperText:g,disabled:a,fullWidth:h,size:y="md",className:j})=>{const[i,u]=m.useState(!1),d=m.useRef(null),p=l.find(s=>s.value===r),v=()=>{a||u(!i)},O=s=>{n&&n(s),u(!1)};return m.useEffect(()=>{const s=N=>{d.current&&!d.current.contains(N.target)&&u(!1)};return i&&document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}},[i]),t.jsxs("div",{className:c.clsx("ui-select-wrapper",h&&"ui-w-full",j),ref:d,style:{width:h?"100%":"auto"},children:[x&&t.jsx("label",{className:"ui-label",style:{marginBottom:"0.375rem",display:"block"},children:x}),t.jsxs("button",{type:"button",className:c.clsx("ui-select-trigger",`ui-select-${y}`,b&&"ui-select-error",a&&"ui-select-disabled",i&&"ui-select-open"),onClick:v,disabled:a,"aria-haspopup":"listbox","aria-expanded":i,children:[t.jsx("span",{className:c.clsx(!p&&"ui-select-placeholder"),children:p?p.label:o}),t.jsx("svg",{className:"ui-select-icon",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),i&&t.jsxs("ul",{className:"ui-select-menu",role:"listbox",children:[l.map(s=>t.jsx("li",{className:c.clsx("ui-select-option",s.value===r&&"ui-select-selected"),onClick:()=>O(s.value),role:"option","aria-selected":s.value===r,children:s.label},s.value)),l.length===0&&t.jsx("li",{className:"ui-select-option",style:{color:"var(--ui-text-muted)",cursor:"default"},children:"No options"})]}),g&&t.jsx("span",{className:c.clsx("ui-helper-text",b&&"ui-helper-text-error"),style:{marginTop:"0.375rem",display:"block"},children:g})]})};f.displayName="Select";f.propTypes={options:e.arrayOf(e.shape({value:e.oneOfType([e.string,e.number]).isRequired,label:e.string.isRequired})).isRequired,value:e.oneOfType([e.string,e.number]),onChange:e.func,placeholder:e.string,label:e.string,error:e.bool,helperText:e.string,disabled:e.bool,fullWidth:e.bool,size:e.oneOf(["sm","md","lg","xl"]),className:e.string};exports.Select=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),o=require("clsx"),q=require("prop-types");;/* empty css             */function E(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const i in n)if(i!=="default"){const d=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(r,i,d.get?d:{enumerable:!0,get:()=>n[i]})}}return r.default=n,Object.freeze(r)}const e=E(q),g=({options:n,value:r,onChange:i,placeholder:d="Select an option",label:x,error:h,helperText:v,disabled:m,fullWidth:y,size:w="md",className:N})=>{const[l,f]=u.useState(!1),[O,j]=u.useState("bottom"),c=u.useRef(null),b=n.find(t=>t.value===r),a=()=>{if(c.current){const t=c.current.getBoundingClientRect(),p=window.innerHeight-t.bottom,T=t.top;p<250&&T>p?j("top"):j("bottom")}},S=()=>{m||(l||a(),f(!l))},k=t=>{i&&i(t),f(!1)};return u.useEffect(()=>(l&&(window.addEventListener("resize",a),window.addEventListener("scroll",a,{capture:!0})),()=>{window.removeEventListener("resize",a),window.removeEventListener("scroll",a,{capture:!0})}),[l]),u.useEffect(()=>{const t=p=>{c.current&&!c.current.contains(p.target)&&f(!1)};return l&&document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}},[l]),s.jsxs("div",{className:o.clsx("ui-select-wrapper",y&&"ui-w-full",N),ref:c,style:{width:y?"100%":"auto"},children:[x&&s.jsx("label",{className:"ui-label",style:{marginBottom:"0.375rem",display:"block"},children:x}),s.jsxs("div",{className:"ui-select-input-container",children:[s.jsxs("button",{type:"button",className:o.clsx("ui-select-trigger",`ui-select-${w}`,h&&"ui-select-error",m&&"ui-select-disabled",l&&"ui-select-open"),onClick:S,disabled:m,"aria-haspopup":"listbox","aria-expanded":l,children:[s.jsx("span",{className:o.clsx(!b&&"ui-select-placeholder"),children:b?b.label:d}),s.jsx("svg",{className:"ui-select-icon",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),l&&s.jsxs("ul",{className:o.clsx("ui-select-menu",O==="top"&&"ui-select-menu-top"),role:"listbox",children:[n.map(t=>s.jsx("li",{className:o.clsx("ui-select-option",t.value===r&&"ui-select-selected"),onClick:()=>k(t.value),role:"option","aria-selected":t.value===r,children:t.label},t.value)),n.length===0&&s.jsx("li",{className:"ui-select-option",style:{color:"var(--ui-text-muted)",cursor:"default"},children:"No options"})]})]}),v&&s.jsx("span",{className:o.clsx("ui-helper-text",h&&"ui-helper-text-error"),style:{marginTop:"0.375rem",display:"block"},children:v})]})};g.displayName="Select";g.propTypes={options:e.arrayOf(e.shape({value:e.oneOfType([e.string,e.number]).isRequired,label:e.string.isRequired})).isRequired,value:e.oneOfType([e.string,e.number]),onChange:e.func,placeholder:e.string,label:e.string,error:e.bool,helperText:e.string,disabled:e.bool,fullWidth:e.bool,size:e.oneOf(["sm","md","lg","xl"]),className:e.string};exports.Select=g;

package/dist/cjs/dev-ui.css

@@ -1 +1 @@
-:root{--ui-primary: #2563eb;--ui-primary-hover: color-mix(in srgb, var(--ui-primary), black 10%);--ui-primary-active: color-mix(in srgb, var(--ui-primary), black 20%);--ui-primary-light: #eff6ff;--ui-text-main: #111827;--ui-text-muted: #6b7280;--ui-border: #e5e7eb;--ui-border-hover: #d1d5db;--ui-bg-main: #ffffff;--ui-bg-subtle: #f9fafb;--ui-danger: #ef4444;--ui-success: #10b981;--ui-warning: #f59e0b;--ui-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ui-font-size-sm: 12px;--ui-font-size-md: 13px;--ui-font-size-lg: 16px;--ui-font-size-xl: 21px;--ui-spacing-xs: 4px;--ui-spacing-xsl: 6px;--ui-spacing-sm: 8px;--ui-spacing-md: 12px;--ui-spacing-lg: 16px;--ui-spacing-xl: 21px;--ui-spacing-xxl: 24px;--ui-radius-sm: 2px;--ui-radius-md: 4px;--ui-radius-lg: 8px;--ui-radius-xl: 16px;--ui-radius-full: 50%;--ui-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--ui-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ui-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -2px rgb(0 0 0 / .05);--ui-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04);--ui-btn-bg: transparent;--ui-btn-text: var(--ui-text-main);--ui-btn-border: transparent;--ui-btn-radius: var(--ui-radius-md);--ui-btn-padding: .5rem 1rem;--ui-btn-font-size: .95rem;--ui-btn-radius-sm: var(--ui-radius-md);--ui-btn-radius-md: var(--ui-radius-md);--ui-btn-radius-lg: var(--ui-radius-md);--ui-btn-radius-xl: var(--ui-radius-md);--ui-btn-padding-sm: .1rem .5rem;--ui-btn-padding-md: .25rem .5rem;--ui-btn-padding-lg: .25rem 1rem;--ui-btn-padding-xl: .5rem 1rem;--ui-btn-font-size-sm: var(--ui-font-size-sm);--ui-btn-font-size-md: var(--ui-font-size-md);--ui-btn-font-size-lg: var(--ui-font-size-lg);--ui-btn-font-size-xl: var(--ui-font-size-xl);--ui-input-radius: var(--ui-radius-md);--ui-input-bg: var(--ui-bg-main);--ui-input-border: 1px solid var(--ui-border);--ui-input-color: var(--ui-text-main);--ui-input-placeholder: var(--ui-text-muted);--ui-input-focus-border: var(--ui-primary);--ui-input-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-input-error-border: var(--ui-danger);--ui-input-error-ring: 0 0 0 3px rgba(239, 68, 68, .15);--ui-input-size-sm-padding: .35rem .5rem;--ui-input-size-sm-font-size: var(--ui-font-size-sm);--ui-input-size-md-padding: .5rem .75rem;--ui-input-size-md-font-size: var(--ui-font-size-md);--ui-input-size-lg-padding: .7rem 1rem;--ui-input-size-lg-font-size: var(--ui-font-size-lg);--ui-input-size-xl-padding: 1rem 1.25rem;--ui-input-size-xl-font-size: var(--ui-font-size-xl);--ui-select-radius: var(--ui-radius-md);--ui-select-bg: var(--ui-bg-main);--ui-select-border: 1px solid var(--ui-border);--ui-select-color: var(--ui-text-main);--ui-select-placeholder: var(--ui-text-muted);--ui-select-focus-border: var(--ui-primary);--ui-select-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-select-error-border: var(--ui-danger);--ui-select-error-ring: 0 0 0 3px rgba(239, 68, 68, .15);--ui-select-menu-bg: var(--ui-bg-main);--ui-select-menu-border: 1px solid var(--ui-border);--ui-select-menu-shadow: var(--ui-shadow-lg);--ui-select-option-hover-bg: var(--ui-bg-subtle);--ui-select-option-selected-bg: var(--ui-primary-light);--ui-select-option-selected-color: var(--ui-primary);--ui-select-size-sm-padding: var(--ui-input-size-sm-padding);--ui-select-size-sm-font-size: var(--ui-input-size-sm-font-size);--ui-select-size-md-padding: var(--ui-input-size-md-padding);--ui-select-size-md-font-size: var(--ui-input-size-md-font-size);--ui-select-size-lg-padding: var(--ui-input-size-lg-padding);--ui-select-size-lg-font-size: var(--ui-input-size-lg-font-size);--ui-select-size-xl-padding: var(--ui-input-size-xl-padding);--ui-select-size-xl-font-size: var(--ui-input-size-xl-font-size);--ui-card-radius: var(--ui-radius-md);--ui-card-bg: var(--ui-bg-main);--ui-card-border: 1px solid var(--ui-border);--ui-card-shadow: none;--ui-card-padding: var(--ui-spacing-md);--ui-card-header-bg: transparent;--ui-card-header-padding: var(--ui-spacing-md) var(--ui-spacing-md);--ui-card-header-border: 1px solid var(--ui-border);--ui-card-header-font-size: var(--ui-font-size-lg);--ui-card-font-size: var(--ui-font-size-md);--ui-card-footer-bg: var(--ui-bg-subtle);--ui-card-footer-padding: var(--ui-spacing-md) var(--ui-spacing-md);--ui-card-footer-border: 1px solid var(--ui-border);--ui-modal-radius: var(--ui-radius-lg);--ui-modal-bg: var(--ui-bg-main);--ui-modal-shadow: var(--ui-shadow-xl);--ui-modal-backdrop-bg: rgba(0, 0, 0, .4);--ui-modal-backdrop-blur: none;--ui-modal-border: 1px solid var(--ui-border);--ui-modal-z-index: 50;--ui-modal-header-padding: 1.25rem 1.5rem;--ui-modal-body-padding: 1.5rem;--ui-modal-footer-padding: 1.25rem 1.5rem;--ui-modal-size-sm-width: 400px;--ui-modal-size-md-width: 550px;--ui-modal-size-lg-width: 750px;--ui-modal-size-xl-width: 1140px;--ui-checkbox-size: 1.125rem;--ui-checkbox-radius: var(--ui-radius-sm);--ui-checkbox-bg: var(--ui-bg-main);--ui-checkbox-border: 1px solid var(--ui-border);--ui-checkbox-checked-bg: var(--ui-primary);--ui-checkbox-checked-border: var(--ui-primary);--ui-checkbox-checked-color: #ffffff;--ui-checkbox-disabled-opacity: .6;--ui-checkbox-size-sm-size: 1rem;--ui-checkbox-size-sm-font-size: var(--ui-font-size-sm);--ui-checkbox-size-md-size: 1.125rem;--ui-checkbox-size-md-font-size: var(--ui-font-size-md);--ui-checkbox-size-lg-size: 1.35rem;--ui-checkbox-size-lg-font-size: var(--ui-font-size-lg);--ui-checkbox-size-xl-size: 1.65rem;--ui-checkbox-size-xl-font-size: var(--ui-font-size-xl);--ui-radio-size: 1.125rem;--ui-radio-bg: var(--ui-bg-main);--ui-radio-border: 1px solid var(--ui-border);--ui-radio-checked-bg: var(--ui-primary);--ui-radio-checked-border: var(--ui-primary);--ui-radio-checked-color: #ffffff;--ui-radio-disabled-opacity: .6;--ui-radio-size-sm-size: 1rem;--ui-radio-size-sm-font-size: var(--ui-font-size-sm);--ui-radio-size-md-size: 1.125rem;--ui-radio-size-md-font-size: var(--ui-font-size-md);--ui-radio-size-lg-size: 1.35rem;--ui-radio-size-lg-font-size: var(--ui-font-size-lg);--ui-radio-size-xl-size: 1.65rem;--ui-radio-size-xl-font-size: var(--ui-font-size-xl);--ui-switch-width: 2.75rem;--ui-switch-height: 1.5rem;--ui-switch-bg: var(--ui-bg-subtle);--ui-switch-checked-bg: var(--ui-primary);--ui-switch-thumb-size: 1.125rem;--ui-switch-thumb-bg: #ffffff;--ui-switch-thumb-shadow: 0 1px 2px 0 rgb(0 0 0 / .15);--ui-switch-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-switch-disabled-opacity: .6;--ui-switch-size-sm-width: 2rem;--ui-switch-size-sm-height: 1.125rem;--ui-switch-size-sm-thumb-size: .8rem;--ui-switch-size-md-width: 2.75rem;--ui-switch-size-md-height: 1.5rem;--ui-switch-size-md-thumb-size: 1.125rem;--ui-switch-size-lg-width: 3.5rem;--ui-switch-size-lg-height: 1.875rem;--ui-switch-size-lg-thumb-size: 1.45rem;--ui-switch-size-xl-width: 4.25rem;--ui-switch-size-xl-height: 2.25rem;--ui-switch-size-xl-thumb-size: 1.75rem;--ui-badge-radius: var(--ui-radius-sm);--ui-badge-font-weight: 500;--ui-badge-size-sm-padding: .125rem .5rem;--ui-badge-size-sm-font-size: .75rem;--ui-badge-size-md-padding: .25rem .75rem;--ui-badge-size-md-font-size: .875rem;--ui-badge-size-lg-padding: .375rem .875rem;--ui-badge-size-lg-font-size: 1rem;--ui-badge-primary-bg: var(--ui-primary);--ui-badge-primary-text: #ffffff;--ui-badge-success-bg: var(--ui-success);--ui-badge-success-text: #ffffff;--ui-badge-warning-bg: var(--ui-warning);--ui-badge-warning-text: #ffffff;--ui-badge-danger-bg: var(--ui-danger);--ui-badge-danger-text: #ffffff;--ui-badge-neutral-bg: var(--ui-bg-subtle);--ui-badge-neutral-text: var(--ui-text-main);--ui-heading-h1-size: 2.5rem;--ui-heading-h1-line-height: 1.2;--ui-heading-h1-weight: 700;--ui-heading-h2-size: 2rem;--ui-heading-h2-line-height: 1.3;--ui-heading-h2-weight: 600;--ui-heading-h3-size: 1.75rem;--ui-heading-h3-line-height: 1.3;--ui-heading-h3-weight: 600;--ui-heading-h4-size: 1.5rem;--ui-heading-h4-line-height: 1.4;--ui-heading-h4-weight: 600;--ui-heading-h5-size: 1.25rem;--ui-heading-h5-line-height: 1.4;--ui-heading-h5-weight: 600;--ui-heading-h6-size: 1rem;--ui-heading-h6-line-height: 1.4;--ui-heading-h6-weight: 600;--ui-text-body-size: 1rem;--ui-text-body-line-height: 1.5;--ui-text-small-size: .875rem;--ui-text-small-line-height: 1.4;--ui-text-caption-size: .75rem;--ui-text-caption-line-height: 1.4;--ui-text-lead-weight: 400;--ui-tabs-border-color: var(--ui-border);--ui-tabs-active-color: var(--ui-primary);--ui-tabs-inactive-color: var(--ui-text-muted);--ui-tabs-hover-bg: var(--ui-bg-subtle);--ui-tabs-trigger-padding: .75rem 1rem;--ui-tabs-trigger-weight: 500;--ui-tabs-trigger-font-size: .95rem;--ui-tabs-content-padding: 1rem 0}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--ui-font-size-md)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;outline:none}table{border-collapse:collapse}button{background:none;border:none;cursor:pointer}.ui-m-xs{margin:var(--ui-spacing-xs)}.ui-mt-xs{margin-top:var(--ui-spacing-xs)}.ui-mb-xs{margin-bottom:var(--ui-spacing-xs)}.ui-ml-xs{margin-left:var(--ui-spacing-xs)}.ui-mr-xs{margin-right:var(--ui-spacing-xs)}.ui-mx-xs{margin-left:var(--ui-spacing-xs);margin-right:var(--ui-spacing-xs)}.ui-my-xs{margin-top:var(--ui-spacing-xs);margin-bottom:var(--ui-spacing-xs)}.ui-p-xs{padding:var(--ui-spacing-xs)}.ui-pt-xs{padding-top:var(--ui-spacing-xs)}.ui-pb-xs{padding-bottom:var(--ui-spacing-xs)}.ui-pl-xs{padding-left:var(--ui-spacing-xs)}.ui-pr-xs{padding-right:var(--ui-spacing-xs)}.ui-px-xs{padding-left:var(--ui-spacing-xs);padding-right:var(--ui-spacing-xs)}.ui-py-xs{padding-top:var(--ui-spacing-xs);padding-bottom:var(--ui-spacing-xs)}.ui-m-xsl{margin:var(--ui-spacing-xsl)}.ui-mt-xsl{margin-top:var(--ui-spacing-xsl)}.ui-mb-xsl{margin-bottom:var(--ui-spacing-xsl)}.ui-ml-xsl{margin-left:var(--ui-spacing-xsl)}.ui-mr-xsl{margin-right:var(--ui-spacing-xsl)}.ui-mx-xsl{margin-left:var(--ui-spacing-xsl);margin-right:var(--ui-spacing-xsl)}.ui-my-xsl{margin-top:var(--ui-spacing-xsl);margin-bottom:var(--ui-spacing-xsl)}.ui-p-xsl{padding:var(--ui-spacing-xsl)}.ui-pt-xsl{padding-top:var(--ui-spacing-xsl)}.ui-pb-xsl{padding-bottom:var(--ui-spacing-xsl)}.ui-pl-xsl{padding-left:var(--ui-spacing-xsl)}.ui-pr-xsl{padding-right:var(--ui-spacing-xsl)}.ui-px-xsl{padding-left:var(--ui-spacing-xsl);padding-right:var(--ui-spacing-xsl)}.ui-py-xsl{padding-top:var(--ui-spacing-xsl);padding-bottom:var(--ui-spacing-xsl)}.ui-m-sm{margin:var(--ui-spacing-sm)}.ui-mt-sm{margin-top:var(--ui-spacing-sm)}.ui-mb-sm{margin-bottom:var(--ui-spacing-sm)}.ui-ml-sm{margin-left:var(--ui-spacing-sm)}.ui-mr-sm{margin-right:var(--ui-spacing-sm)}.ui-mx-sm{margin-left:var(--ui-spacing-sm);margin-right:var(--ui-spacing-sm)}.ui-my-sm{margin-top:var(--ui-spacing-sm);margin-bottom:var(--ui-spacing-sm)}.ui-p-sm{padding:var(--ui-spacing-sm)}.ui-pt-sm{padding-top:var(--ui-spacing-sm)}.ui-pb-sm{padding-bottom:var(--ui-spacing-sm)}.ui-pl-sm{padding-left:var(--ui-spacing-sm)}.ui-pr-sm{padding-right:var(--ui-spacing-sm)}.ui-px-sm{padding-left:var(--ui-spacing-sm);padding-right:var(--ui-spacing-sm)}.ui-py-sm{padding-top:var(--ui-spacing-sm);padding-bottom:var(--ui-spacing-sm)}.ui-m-md{margin:var(--ui-spacing-md)}.ui-mt-md{margin-top:var(--ui-spacing-md)}.ui-mb-md{margin-bottom:var(--ui-spacing-md)}.ui-ml-md{margin-left:var(--ui-spacing-md)}.ui-mr-md{margin-right:var(--ui-spacing-md)}.ui-mx-md{margin-left:var(--ui-spacing-md);margin-right:var(--ui-spacing-md)}.ui-my-md{margin-top:var(--ui-spacing-md);margin-bottom:var(--ui-spacing-md)}.ui-p-md{padding:var(--ui-spacing-md)}.ui-pt-md{padding-top:var(--ui-spacing-md)}.ui-pb-md{padding-bottom:var(--ui-spacing-md)}.ui-pl-md{padding-left:var(--ui-spacing-md)}.ui-pr-md{padding-right:var(--ui-spacing-md)}.ui-px-md{padding-left:var(--ui-spacing-md);padding-right:var(--ui-spacing-md)}.ui-py-md{padding-top:var(--ui-spacing-md);padding-bottom:var(--ui-spacing-md)}.ui-m-lg{margin:var(--ui-spacing-lg)}.ui-mt-lg{margin-top:var(--ui-spacing-lg)}.ui-mb-lg{margin-bottom:var(--ui-spacing-lg)}.ui-ml-lg{margin-left:var(--ui-spacing-lg)}.ui-mr-lg{margin-right:var(--ui-spacing-lg)}.ui-mx-lg{margin-left:var(--ui-spacing-lg);margin-right:var(--ui-spacing-lg)}.ui-my-lg{margin-top:var(--ui-spacing-lg);margin-bottom:var(--ui-spacing-lg)}.ui-p-lg{padding:var(--ui-spacing-lg)}.ui-pt-lg{padding-top:var(--ui-spacing-lg)}.ui-pb-lg{padding-bottom:var(--ui-spacing-lg)}.ui-pl-lg{padding-left:var(--ui-spacing-lg)}.ui-pr-lg{padding-right:var(--ui-spacing-lg)}.ui-px-lg{padding-left:var(--ui-spacing-lg);padding-right:var(--ui-spacing-lg)}.ui-py-lg{padding-top:var(--ui-spacing-lg);padding-bottom:var(--ui-spacing-lg)}.ui-m-xl{margin:var(--ui-spacing-xl)}.ui-mt-xl{margin-top:var(--ui-spacing-xl)}.ui-mb-xl{margin-bottom:var(--ui-spacing-xl)}.ui-ml-xl{margin-left:var(--ui-spacing-xl)}.ui-mr-xl{margin-right:var(--ui-spacing-xl)}.ui-mx-xl{margin-left:var(--ui-spacing-xl);margin-right:var(--ui-spacing-xl)}.ui-my-xl{margin-top:var(--ui-spacing-xl);margin-bottom:var(--ui-spacing-xl)}.ui-p-xl{padding:var(--ui-spacing-xl)}.ui-pt-xl{padding-top:var(--ui-spacing-xl)}.ui-pb-xl{padding-bottom:var(--ui-spacing-xl)}.ui-pl-xl{padding-left:var(--ui-spacing-xl)}.ui-pr-xl{padding-right:var(--ui-spacing-xl)}.ui-px-xl{padding-left:var(--ui-spacing-xl);padding-right:var(--ui-spacing-xl)}.ui-py-xl{padding-top:var(--ui-spacing-xl);padding-bottom:var(--ui-spacing-xl)}.ui-m-xxl{margin:var(--ui-spacing-xxl)}.ui-mt-xxl{margin-top:var(--ui-spacing-xxl)}.ui-mb-xxl{margin-bottom:var(--ui-spacing-xxl)}.ui-ml-xxl{margin-left:var(--ui-spacing-xxl)}.ui-mr-xxl{margin-right:var(--ui-spacing-xxl)}.ui-mx-xxl{margin-left:var(--ui-spacing-xxl);margin-right:var(--ui-spacing-xxl)}.ui-my-xxl{margin-top:var(--ui-spacing-xxl);margin-bottom:var(--ui-spacing-xxl)}.ui-p-xxl{padding:var(--ui-spacing-xxl)}.ui-pt-xxl{padding-top:var(--ui-spacing-xxl)}.ui-pb-xxl{padding-bottom:var(--ui-spacing-xxl)}.ui-pl-xxl{padding-left:var(--ui-spacing-xxl)}.ui-pr-xxl{padding-right:var(--ui-spacing-xxl)}.ui-px-xxl{padding-left:var(--ui-spacing-xxl);padding-right:var(--ui-spacing-xxl)}.ui-py-xxl{padding-top:var(--ui-spacing-xxl);padding-bottom:var(--ui-spacing-xxl)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--ui-btn-padding);font-size:var(--ui-btn-font-size);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.5;text-decoration:none;-webkit-user-select:none;user-select:none}.ui-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ui-btn-primary{background-color:var(--ui-primary);color:#fff;border-color:var(--ui-primary)}.ui-btn-primary:hover{background-color:var(--ui-primary-hover);border-color:var(--ui-primary-hover)}.ui-btn-primary:active{background-color:var(--ui-primary-active)}.ui-btn-secondary{background-color:#fff;color:var(--ui-text-main);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-sm)}.ui-btn-secondary:hover{background-color:var(--ui-bg-subtle);border-color:var(--ui-border-hover);color:#000}.ui-btn-outline{background-color:transparent;color:var(--ui-primary);border-color:var(--ui-primary)}.ui-btn-outline:hover{background-color:var(--ui-primary-light)}.ui-btn-outline-danger{background-color:transparent;color:var(--ui-danger);border:1px solid var(--ui-danger)}.ui-btn-outline-danger:hover{background-color:color-mix(in srgb,var(--ui-danger),transparent 90%)}.ui-btn-outline-success{background-color:transparent;color:var(--ui-success);border:1px solid var(--ui-success)}.ui-btn-outline-success:hover{background-color:color-mix(in srgb,var(--ui-success),transparent 90%)}.ui-btn-outline-warning{background-color:transparent;color:var(--ui-warning);border:1px solid var(--ui-warning)}.ui-btn-outline-warning:hover{background-color:color-mix(in srgb,var(--ui-warning),transparent 90%)}.ui-btn-danger{background-color:var(--ui-danger);color:#fff;border-color:var(--ui-danger)}.ui-btn-danger:hover{background-color:color-mix(in srgb,var(--ui-danger),black 10%);border-color:color-mix(in srgb,var(--ui-danger),black 10%)}.ui-btn-success{background-color:var(--ui-success);color:#fff;border-color:var(--ui-success)}.ui-btn-success:hover{background-color:color-mix(in srgb,var(--ui-success),black 10%);border-color:color-mix(in srgb,var(--ui-success),black 10%)}.ui-btn-warning{background-color:var(--ui-warning);color:#fff;border-color:var(--ui-warning)}.ui-btn-warning:hover{background-color:color-mix(in srgb,var(--ui-warning),black 10%);border-color:color-mix(in srgb,var(--ui-warning),black 10%)}.ui-btn-ghost{background-color:transparent;color:var(--ui-text-main)}.ui-btn-ghost:hover{background-color:var(--ui-bg-subtle)}.ui-btn-sm{--ui-btn-padding: var(--ui-btn-padding-sm);--ui-btn-font-size: var(--ui-btn-font-size-sm);border-radius:var(--ui-btn-radius-sm, var(--ui-radius-sm))}.ui-btn-md{--ui-btn-padding: var(--ui-btn-padding-md);--ui-btn-font-size: var(--ui-btn-font-size-md);border-radius:var(--ui-btn-radius-md, var(--ui-radius-md))}.ui-btn-lg{--ui-btn-padding: var(--ui-btn-padding-lg);--ui-btn-font-size: var(--ui-btn-font-size-lg);border-radius:var(--ui-btn-radius-lg, var(--ui-radius-lg))}.ui-btn-xl{--ui-btn-padding: var(--ui-btn-padding-xl);--ui-btn-font-size: var(--ui-btn-font-size-xl);border-radius:var(--ui-btn-radius-xl, var(--ui-radius-xl))}.ui-btn:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.ui-input-wrapper{display:inline-flex;flex-direction:column;gap:.375rem}.ui-input-wrapper-full{display:flex;width:100%}.ui-input-error{border-color:var(--ui-danger)}.ui-input-error:focus{box-shadow:0 0 0 3px #ef444426}.ui-label{font-size:.875rem;font-weight:500;color:var(--ui-text-main)}.ui-input{display:block;width:100%;padding:var(--ui-input-size-md-padding);font-size:var(--ui-input-size-md-font-size);font-family:var(--ui-font-family);color:var(--ui-input-color);background-color:var(--ui-input-bg);border:var(--ui-input-border);border-radius:var(--ui-input-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ui-input::placeholder{color:var(--ui-input-placeholder);opacity:.8}.ui-input:hover{border-color:var(--ui-border-hover)}.ui-input:focus{border-color:var(--ui-input-focus-border);outline:0;box-shadow:var(--ui-input-focus-ring)}.ui-input-sm{padding:var(--ui-input-size-sm-padding);font-size:var(--ui-input-size-sm-font-size)}.ui-input-md{padding:var(--ui-input-size-md-padding);font-size:var(--ui-input-size-md-font-size)}.ui-input-lg{padding:var(--ui-input-size-lg-padding);font-size:var(--ui-input-size-lg-font-size)}.ui-input-xl{padding:var(--ui-input-size-xl-padding);font-size:var(--ui-input-size-xl-font-size)}.ui-input-error{border-color:var(--ui-input-error-border)}.ui-input-error:focus{border-color:var(--ui-input-error-border);box-shadow:var(--ui-input-error-ring)}.ui-helper-text{font-size:.8rem;color:var(--ui-text-muted)}.ui-helper-text-error{color:var(--ui-danger)}.ui-card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--ui-card-bg);border:var(--ui-card-border);border-radius:var(--ui-card-radius);box-shadow:var(--ui-card-shadow);transition:border-color .2s ease,box-shadow .2s ease}.ui-card:hover{border-color:var(--ui-border-hover)}.ui-card__header{padding:var(--ui-card-header-padding);margin-bottom:0;background-color:var(--ui-card-header-bg);border-bottom:var(--ui-card-header-border);font-weight:600;font-size:var(--ui-card-header-font-size);color:var(--ui-text-main);border-top-left-radius:calc(var(--ui-card-radius) - 1px);border-top-right-radius:calc(var(--ui-card-radius) - 1px)}.ui-card__body{flex:1 1 auto;padding:var(--ui-card-padding);color:var(--ui-text-muted);font-size:var(--ui-card-font-size);line-height:1.6}.ui-card__footer{padding:var(--ui-card-footer-padding);background-color:var(--ui-card-footer-bg);border-top:var(--ui-card-footer-border);display:flex;align-items:center;border-bottom-left-radius:calc(var(--ui-card-radius) - 1px);border-bottom-right-radius:calc(var(--ui-card-radius) - 1px)}.ui-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--ui-modal-backdrop-bg);-webkit-backdrop-filter:var(--ui-modal-backdrop-blur);backdrop-filter:var(--ui-modal-backdrop-blur);z-index:var(--ui-modal-z-index);padding:1rem;animation:ui-modal-fade-in .15s linear}.ui-modal{position:relative;display:flex;flex-direction:column;width:100%;max-height:90vh;background-color:var(--ui-modal-bg);border:var(--ui-modal-border);border-radius:var(--ui-modal-radius);box-shadow:var(--ui-modal-shadow);color:var(--ui-text-main);animation:ui-modal-slide-down .3s ease-out}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-modal-header-padding);border-bottom:1px solid var(--ui-border)}.ui-modal-title{margin:0;font-size:1.125rem;font-weight:600}.ui-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;cursor:pointer;color:var(--ui-text-muted);border-radius:var(--ui-radius-sm);transition:all .2s}.ui-modal-close:hover{background-color:var(--ui-bg-subtle);color:var(--ui-text-main)}.ui-modal-body{padding:var(--ui-modal-body-padding);overflow-y:auto;font-size:.95rem;line-height:1.5}.ui-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:var(--ui-modal-footer-padding);background-color:var(--ui-bg-subtle);border-top:1px solid var(--ui-border);border-bottom-left-radius:calc(var(--ui-modal-radius) - 1px);border-bottom-right-radius:calc(var(--ui-modal-radius) - 1px)}.ui-modal-sm{max-width:var(--ui-modal-size-sm-width)}.ui-modal-md{max-width:var(--ui-modal-size-md-width)}.ui-modal-lg{max-width:var(--ui-modal-size-lg-width)}.ui-modal-xl{max-width:var(--ui-modal-size-xl-width)}@keyframes ui-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ui-modal-slide-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:none}}@keyframes ui-modal-slide-up{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-50px)}}.ui-modal-overlay.ui-modal-closing{animation:ui-modal-fade-out .15s linear forwards}.ui-modal.ui-modal-closing{animation:ui-modal-slide-up .3s ease-out forwards}.ui-select-wrapper{position:relative;width:100%}.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;text-align:left;background-color:var(--ui-select-bg);border:var(--ui-select-border);border-radius:var(--ui-select-radius);color:var(--ui-select-color);transition:all .15s ease-in-out}.ui-select-trigger:focus{outline:none;border-color:var(--ui-select-focus-border);box-shadow:var(--ui-select-focus-ring)}.ui-select-trigger.ui-select-error{border-color:var(--ui-select-error-border)}.ui-select-trigger.ui-select-error:focus{box-shadow:var(--ui-select-error-ring)}.ui-select-trigger.ui-select-disabled{opacity:.6;cursor:not-allowed;background-color:var(--ui-bg-subtle)}.ui-select-placeholder{color:var(--ui-select-placeholder)}.ui-select-icon{width:1.25rem;height:1.25rem;color:var(--ui-text-muted);transition:transform .2s}.ui-select-open .ui-select-icon{transform:rotate(180deg)}.ui-select-menu{position:absolute;top:100%;left:0;width:100%;margin-top:4px;padding:4px;background-color:var(--ui-select-menu-bg);border:var(--ui-select-menu-border);border-radius:var(--ui-select-radius);box-shadow:var(--ui-select-menu-shadow);z-index:10;max-height:250px;overflow-y:auto;animation:ui-select-fade-in .1s ease-out}.ui-select-option{display:flex;align-items:center;width:100%;padding:.5rem .75rem;font-size:.95rem;cursor:pointer;border-radius:var(--ui-radius-sm);color:var(--ui-text-main);transition:background-color .1s}.ui-select-option:hover{background-color:var(--ui-select-option-hover-bg)}.ui-select-option.ui-select-selected{background-color:var(--ui-select-option-selected-bg);color:var(--ui-select-option-selected-color);font-weight:500}.ui-select-sm{padding:var(--ui-select-size-sm-padding);font-size:var(--ui-select-size-sm-font-size)}.ui-select-md{padding:var(--ui-select-size-md-padding);font-size:var(--ui-select-size-md-font-size)}.ui-select-lg{padding:var(--ui-select-size-lg-padding);font-size:var(--ui-select-size-lg-font-size)}.ui-select-xl{padding:var(--ui-select-size-xl-padding);font-size:var(--ui-select-size-xl-font-size)}@keyframes ui-select-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ui-checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--ui-checkbox-font-size, .95rem);-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-checkbox-label.ui-checkbox-disabled{cursor:not-allowed;opacity:var(--ui-checkbox-disabled-opacity)}.ui-checkbox-input{position:absolute;opacity:0;width:0;height:0}.ui-checkbox-custom{display:flex;align-items:center;justify-content:center;width:var(--ui-checkbox-size);height:var(--ui-checkbox-size);background-color:var(--ui-checkbox-bg);border:var(--ui-checkbox-border);border-radius:var(--ui-checkbox-radius);transition:all .15s ease-in-out;color:transparent;flex-shrink:0}.ui-checkbox-label:hover .ui-checkbox-custom{border-color:var(--ui-border-hover)}.ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-checkbox-checked-bg);border-color:var(--ui-checkbox-checked-border);color:var(--ui-checkbox-checked-color)}.ui-checkbox-icon{width:.8em;height:.8em;stroke-width:3}.ui-checkbox-sm{--ui-checkbox-size: var(--ui-checkbox-size-sm-size);font-size:var(--ui-checkbox-size-sm-font-size)}.ui-checkbox-md{--ui-checkbox-size: var(--ui-checkbox-size-md-size);font-size:var(--ui-checkbox-size-md-font-size)}.ui-checkbox-lg{--ui-checkbox-size: var(--ui-checkbox-size-lg-size);font-size:var(--ui-checkbox-size-lg-font-size)}.ui-checkbox-xl{--ui-checkbox-size: var(--ui-checkbox-size-xl-size);font-size:var(--ui-checkbox-size-xl-font-size)}.ui-checkbox-primary .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-primary);border-color:var(--ui-primary)}.ui-checkbox-primary .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-checkbox-success .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-success);border-color:var(--ui-success)}.ui-checkbox-success .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #10b98140;border-color:var(--ui-success)}.ui-checkbox-warning .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-warning);border-color:var(--ui-warning)}.ui-checkbox-warning .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #f59e0b40;border-color:var(--ui-warning)}.ui-checkbox-danger .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-danger);border-color:var(--ui-danger)}.ui-checkbox-danger .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #ef444440;border-color:var(--ui-danger)}.ui-radio-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--ui-radio-font-size, .95rem);-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-radio-label.ui-radio-disabled{cursor:not-allowed;opacity:var(--ui-radio-disabled-opacity)}.ui-radio-input{position:absolute;opacity:0;width:0;height:0}.ui-radio-custom{display:flex;align-items:center;justify-content:center;width:var(--ui-radio-size);height:var(--ui-radio-size);background-color:var(--ui-radio-bg);border:var(--ui-radio-border);border-radius:50%;transition:all .15s ease-in-out;flex-shrink:0}.ui-radio-dot{width:.5em;height:.5em;background-color:var(--ui-radio-checked-color);border-radius:50%;transform:scale(0);transition:transform .15s ease-in-out}.ui-radio-label:hover .ui-radio-custom{border-color:var(--ui-border-hover)}.ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-radio-checked-bg);border-color:var(--ui-radio-checked-border)}.ui-radio-input:checked+.ui-radio-custom .ui-radio-dot{transform:scale(1)}.ui-radio-sm{--ui-radio-size: var(--ui-radio-size-sm-size);font-size:var(--ui-radio-size-sm-font-size)}.ui-radio-md{--ui-radio-size: var(--ui-radio-size-md-size);font-size:var(--ui-radio-size-md-font-size)}.ui-radio-lg{--ui-radio-size: var(--ui-radio-size-lg-size);font-size:var(--ui-radio-size-lg-font-size)}.ui-radio-xl{--ui-radio-size: var(--ui-radio-size-xl-size);font-size:var(--ui-radio-size-xl-font-size)}.ui-radio-primary .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-primary);border-color:var(--ui-primary)}.ui-radio-primary .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-radio-success .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-success);border-color:var(--ui-success)}.ui-radio-success .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #10b98140;border-color:var(--ui-success)}.ui-radio-warning .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-warning);border-color:var(--ui-warning)}.ui-radio-warning .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #f59e0b40;border-color:var(--ui-warning)}.ui-radio-danger .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-danger);border-color:var(--ui-danger)}.ui-radio-danger .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #ef444440;border-color:var(--ui-danger)}.ui-switch-label{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-switch-label.ui-switch-disabled{cursor:not-allowed;opacity:var(--ui-switch-disabled-opacity)}.ui-switch-input{position:absolute;opacity:0;width:0;height:0}.ui-switch-track{position:relative;width:var(--ui-switch-width);height:var(--ui-switch-height);background-color:var(--ui-border);border-radius:9999px;transition:background-color .2s ease-in-out;flex-shrink:0}.ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-switch-checked-bg)}.ui-switch-thumb{position:absolute;top:50%;transform:translateY(-50%);left:2px;width:var(--ui-switch-thumb-size);height:var(--ui-switch-thumb-size);background-color:var(--ui-switch-thumb-bg);border-radius:50%;box-shadow:var(--ui-switch-thumb-shadow);transition:left .2s cubic-bezier(.4,0,.2,1)}.ui-switch-input:checked+.ui-switch-track .ui-switch-thumb{left:calc(100% - var(--ui-switch-thumb-size) - 2px)}.ui-switch-input:focus+.ui-switch-track{box-shadow:var(--ui-switch-focus-ring)}.ui-switch-sm{--ui-switch-width: var(--ui-switch-size-sm-width);--ui-switch-height: var(--ui-switch-size-sm-height);--ui-switch-thumb-size: var(--ui-switch-size-sm-thumb-size);font-size:var(--ui-font-size-sm)}.ui-switch-md{--ui-switch-width: var(--ui-switch-size-md-width);--ui-switch-height: var(--ui-switch-size-md-height);--ui-switch-thumb-size: var(--ui-switch-size-md-thumb-size);font-size:var(--ui-font-size-md)}.ui-switch-lg{--ui-switch-width: var(--ui-switch-size-lg-width);--ui-switch-height: var(--ui-switch-size-lg-height);--ui-switch-thumb-size: var(--ui-switch-size-lg-thumb-size);font-size:var(--ui-font-size-lg)}.ui-switch-xl{--ui-switch-width: var(--ui-switch-size-xl-width);--ui-switch-height: var(--ui-switch-size-xl-height);--ui-switch-thumb-size: var(--ui-switch-size-xl-thumb-size);font-size:var(--ui-font-size-xl)}.ui-switch-primary .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px var(--ui-primary-light)}.ui-switch-success .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-success)}.ui-switch-success .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #10b98140}.ui-switch-warning .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-warning)}.ui-switch-warning .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #f59e0b40}.ui-switch-danger .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-danger)}.ui-switch-danger .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #ef444440}.ui-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--ui-badge-radius);font-weight:var(--ui-badge-font-weight);line-height:1;transition:all .2s ease}.ui-badge-pill{border-radius:9999px}.ui-badge-sm{padding:var(--ui-badge-size-sm-padding);font-size:var(--ui-badge-size-sm-font-size)}.ui-badge-md{padding:var(--ui-badge-size-md-padding);font-size:var(--ui-badge-size-md-font-size)}.ui-badge-lg{padding:var(--ui-badge-size-lg-padding);font-size:var(--ui-badge-size-lg-font-size)}.ui-badge-primary{background-color:var(--ui-badge-primary-bg);color:var(--ui-badge-primary-text)}.ui-badge-success{background-color:var(--ui-badge-success-bg);color:var(--ui-badge-success-text)}.ui-badge-warning{background-color:var(--ui-badge-warning-bg);color:var(--ui-badge-warning-text)}.ui-badge-danger{background-color:var(--ui-badge-danger-bg);color:var(--ui-badge-danger-text)}.ui-badge-neutral{background-color:var(--ui-badge-neutral-bg);color:var(--ui-badge-neutral-text);border:1px solid var(--ui-border)}.ui-heading{margin:0;color:var(--ui-text-main);font-family:inherit}.ui-heading-h1{font-size:var(--ui-heading-h1-size);font-weight:var(--ui-heading-h1-weight);line-height:var(--ui-heading-h1-line-height)}.ui-heading-h2{font-size:var(--ui-heading-h2-size);font-weight:var(--ui-heading-h2-weight);line-height:var(--ui-heading-h2-line-height)}.ui-heading-h3{font-size:var(--ui-heading-h3-size);font-weight:var(--ui-heading-h3-weight);line-height:var(--ui-heading-h3-line-height)}.ui-heading-h4{font-size:var(--ui-heading-h4-size);font-weight:var(--ui-heading-h4-weight);line-height:var(--ui-heading-h4-line-height)}.ui-heading-h5{font-size:var(--ui-heading-h5-size);font-weight:var(--ui-heading-h5-weight);line-height:var(--ui-heading-h5-line-height)}.ui-heading-h6{font-size:var(--ui-heading-h6-size);font-weight:var(--ui-heading-h6-weight);line-height:var(--ui-heading-h6-line-height)}.ui-text{margin:0;color:var(--ui-text-main);font-family:inherit}.ui-text-muted{color:var(--ui-text-muted)}.ui-text-body{font-size:var(--ui-text-body-size);line-height:var(--ui-text-body-line-height)}.ui-text-small{font-size:var(--ui-text-small-size);line-height:var(--ui-text-small-line-height)}.ui-text-caption{font-size:var(--ui-text-caption-size);line-height:var(--ui-text-caption-line-height);color:var(--ui-text-muted)}.ui-text-lead{font-size:var(--ui-text-lead-size);line-height:var(--ui-text-lead-line-height);font-weight:var(--ui-text-lead-weight);color:var(--ui-text-muted)}.ui-text-weight-normal{font-weight:400}.ui-text-weight-medium{font-weight:500}.ui-text-weight-semibold{font-weight:600}.ui-text-weight-bold{font-weight:700}.ui-text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ui-text-clamp{display:-webkit-box;-webkit-line-clamp:var(--ui-line-clamp, 1);-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.ui-tabs{display:flex;flex-direction:column;width:100%}.ui-tabs-list{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.ui-tabs-list-line{border-bottom:1px solid var(--ui-tabs-border-color)}.ui-tabs-list-line .ui-tabs-trigger{border-bottom:2px solid transparent;margin-bottom:-1px}.ui-tabs-list-line .ui-tabs-trigger[data-state=active]{color:var(--ui-tabs-active-color);border-bottom-color:var(--ui-tabs-active-color)}.ui-tabs-list-pills{display:inline-flex;flex-wrap:wrap;gap:.5rem;padding:0;background:transparent;border-radius:0}.ui-tabs-list-pills .ui-tabs-trigger{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;border-radius:var(--ui-radius-md);border:1px solid transparent;background-color:transparent;color:var(--ui-text-main);flex:none;min-width:auto}.ui-tabs-list-pills .ui-tabs-trigger[data-state=active]{background-color:var(--ui-primary);color:#fff;border-color:var(--ui-primary);box-shadow:none}.ui-tabs-list-pills .ui-tabs-trigger:hover:not(:disabled):not([data-state=active]){background-color:var(--ui-bg-subtle);color:var(--ui-text-main)}.ui-tabs-trigger{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--ui-tabs-trigger-padding);font-size:var(--ui-tabs-trigger-font-size);font-weight:var(--ui-tabs-trigger-weight);color:var(--ui-tabs-inactive-color);background:transparent;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;-webkit-user-select:none;user-select:none}.ui-tabs-trigger:hover:not(:disabled):not([data-state=active]){background-color:var(--ui-tabs-hover-bg);color:var(--ui-text-main)}.ui-tabs-trigger:disabled{opacity:.5;cursor:not-allowed}.ui-tabs-trigger:focus-visible{border-radius:var(--ui-radius-sm);outline:2px solid var(--ui-primary);outline-offset:2px}.ui-tabs-content{padding:var(--ui-tabs-content-padding);outline:none}.ui-table{width:100%;margin-bottom:1rem;color:var(--ui-text-main);background-color:transparent;border-collapse:collapse;font-family:var(--ui-font-family);font-size:.95rem}.ui-table th,.ui-table td{padding:.75rem;vertical-align:top;border-bottom:1px solid var(--ui-border);text-align:left}.ui-table th{font-weight:600;color:var(--ui-text-main);background-color:var(--ui-bg-subtle);border-bottom-width:2px}.ui-table-bordered,.ui-table-bordered th,.ui-table-bordered td{border:1px solid var(--ui-border)}.ui-table-striped tbody tr:nth-of-type(odd){background-color:var(--ui-bg-subtle)}.ui-table-hover tbody tr:hover{background-color:var(--ui-primary-light);color:var(--ui-primary-dark)}.ui-table-sm th,.ui-table-sm td{padding:.375rem;font-size:.875rem}.ui-table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
+:root{--ui-primary: #2563eb;--ui-primary-hover: color-mix(in srgb, var(--ui-primary), black 10%);--ui-primary-active: color-mix(in srgb, var(--ui-primary), black 20%);--ui-primary-light: #eff6ff;--ui-text-main: #111827;--ui-text-muted: #6b7280;--ui-border: #e5e7eb;--ui-border-hover: #d1d5db;--ui-bg-main: #ffffff;--ui-bg-subtle: #f9fafb;--ui-danger: #ef4444;--ui-success: #10b981;--ui-warning: #f59e0b;--ui-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ui-font-size-sm: 12px;--ui-font-size-md: 13px;--ui-font-size-lg: 16px;--ui-font-size-xl: 21px;--ui-spacing-xs: 4px;--ui-spacing-xsl: 6px;--ui-spacing-sm: 8px;--ui-spacing-md: 12px;--ui-spacing-lg: 16px;--ui-spacing-xl: 21px;--ui-spacing-xxl: 24px;--ui-radius-sm: 2px;--ui-radius-md: 4px;--ui-radius-lg: 8px;--ui-radius-xl: 16px;--ui-radius-full: 50%;--ui-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--ui-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ui-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -2px rgb(0 0 0 / .05);--ui-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04);--ui-btn-bg: transparent;--ui-btn-text: var(--ui-text-main);--ui-btn-border: transparent;--ui-btn-radius: var(--ui-radius-md);--ui-btn-padding: .5rem 1rem;--ui-btn-font-size: .95rem;--ui-btn-radius-sm: var(--ui-radius-md);--ui-btn-radius-md: var(--ui-radius-md);--ui-btn-radius-lg: var(--ui-radius-md);--ui-btn-radius-xl: var(--ui-radius-md);--ui-btn-padding-sm: .1rem .5rem;--ui-btn-padding-md: .25rem .5rem;--ui-btn-padding-lg: .25rem 1rem;--ui-btn-padding-xl: .5rem 1rem;--ui-btn-font-size-sm: var(--ui-font-size-sm);--ui-btn-font-size-md: var(--ui-font-size-md);--ui-btn-font-size-lg: var(--ui-font-size-lg);--ui-btn-font-size-xl: var(--ui-font-size-xl);--ui-input-radius: var(--ui-radius-md);--ui-input-bg: var(--ui-bg-main);--ui-input-border: 1px solid var(--ui-border);--ui-input-color: var(--ui-text-main);--ui-input-placeholder: var(--ui-text-muted);--ui-input-focus-border: var(--ui-primary);--ui-input-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-input-error-border: var(--ui-danger);--ui-input-error-ring: 0 0 0 3px rgba(239, 68, 68, .15);--ui-input-size-sm-padding: .35rem .5rem;--ui-input-size-sm-font-size: var(--ui-font-size-sm);--ui-input-size-md-padding: .5rem .75rem;--ui-input-size-md-font-size: var(--ui-font-size-md);--ui-input-size-lg-padding: .7rem 1rem;--ui-input-size-lg-font-size: var(--ui-font-size-lg);--ui-input-size-xl-padding: 1rem 1.25rem;--ui-input-size-xl-font-size: var(--ui-font-size-xl);--ui-select-radius: var(--ui-radius-md);--ui-select-bg: var(--ui-bg-main);--ui-select-border: 1px solid var(--ui-border);--ui-select-color: var(--ui-text-main);--ui-select-placeholder: var(--ui-text-muted);--ui-select-focus-border: var(--ui-primary);--ui-select-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-select-error-border: var(--ui-danger);--ui-select-error-ring: 0 0 0 3px rgba(239, 68, 68, .15);--ui-select-menu-bg: var(--ui-bg-main);--ui-select-menu-border: 1px solid var(--ui-border);--ui-select-menu-shadow: var(--ui-shadow-lg);--ui-select-option-hover-bg: var(--ui-bg-subtle);--ui-select-option-selected-bg: var(--ui-primary-light);--ui-select-option-selected-color: var(--ui-primary);--ui-select-size-sm-padding: var(--ui-input-size-sm-padding);--ui-select-size-sm-font-size: var(--ui-input-size-sm-font-size);--ui-select-size-md-padding: var(--ui-input-size-md-padding);--ui-select-size-md-font-size: var(--ui-input-size-md-font-size);--ui-select-size-lg-padding: var(--ui-input-size-lg-padding);--ui-select-size-lg-font-size: var(--ui-input-size-lg-font-size);--ui-select-size-xl-padding: var(--ui-input-size-xl-padding);--ui-select-size-xl-font-size: var(--ui-input-size-xl-font-size);--ui-card-radius: var(--ui-radius-md);--ui-card-bg: var(--ui-bg-main);--ui-card-border: 1px solid var(--ui-border);--ui-card-shadow: none;--ui-card-padding: var(--ui-spacing-md);--ui-card-header-bg: transparent;--ui-card-header-padding: var(--ui-spacing-md) var(--ui-spacing-md);--ui-card-header-border: 1px solid var(--ui-border);--ui-card-header-font-size: var(--ui-font-size-lg);--ui-card-font-size: var(--ui-font-size-md);--ui-card-footer-bg: var(--ui-bg-subtle);--ui-card-footer-padding: var(--ui-spacing-md) var(--ui-spacing-md);--ui-card-footer-border: 1px solid var(--ui-border);--ui-modal-radius: var(--ui-radius-lg);--ui-modal-bg: var(--ui-bg-main);--ui-modal-shadow: var(--ui-shadow-xl);--ui-modal-backdrop-bg: rgba(0, 0, 0, .4);--ui-modal-backdrop-blur: none;--ui-modal-border: 1px solid var(--ui-border);--ui-modal-z-index: 50;--ui-modal-header-padding: 1.25rem 1.5rem;--ui-modal-body-padding: 1.5rem;--ui-modal-footer-padding: 1.25rem 1.5rem;--ui-modal-size-sm-width: 400px;--ui-modal-size-md-width: 550px;--ui-modal-size-lg-width: 750px;--ui-modal-size-xl-width: 1140px;--ui-checkbox-size: 1.125rem;--ui-checkbox-radius: var(--ui-radius-sm);--ui-checkbox-bg: var(--ui-bg-main);--ui-checkbox-border: 1px solid var(--ui-border);--ui-checkbox-checked-bg: var(--ui-primary);--ui-checkbox-checked-border: var(--ui-primary);--ui-checkbox-checked-color: #ffffff;--ui-checkbox-disabled-opacity: .6;--ui-checkbox-size-sm-size: 1rem;--ui-checkbox-size-sm-font-size: var(--ui-font-size-sm);--ui-checkbox-size-md-size: 1.125rem;--ui-checkbox-size-md-font-size: var(--ui-font-size-md);--ui-checkbox-size-lg-size: 1.35rem;--ui-checkbox-size-lg-font-size: var(--ui-font-size-lg);--ui-checkbox-size-xl-size: 1.65rem;--ui-checkbox-size-xl-font-size: var(--ui-font-size-xl);--ui-radio-size: 1.125rem;--ui-radio-bg: var(--ui-bg-main);--ui-radio-border: 1px solid var(--ui-border);--ui-radio-checked-bg: var(--ui-primary);--ui-radio-checked-border: var(--ui-primary);--ui-radio-checked-color: #ffffff;--ui-radio-disabled-opacity: .6;--ui-radio-size-sm-size: 1rem;--ui-radio-size-sm-font-size: var(--ui-font-size-sm);--ui-radio-size-md-size: 1.125rem;--ui-radio-size-md-font-size: var(--ui-font-size-md);--ui-radio-size-lg-size: 1.35rem;--ui-radio-size-lg-font-size: var(--ui-font-size-lg);--ui-radio-size-xl-size: 1.65rem;--ui-radio-size-xl-font-size: var(--ui-font-size-xl);--ui-switch-width: 2.75rem;--ui-switch-height: 1.5rem;--ui-switch-bg: var(--ui-bg-subtle);--ui-switch-checked-bg: var(--ui-primary);--ui-switch-thumb-size: 1.125rem;--ui-switch-thumb-bg: #ffffff;--ui-switch-thumb-shadow: 0 1px 2px 0 rgb(0 0 0 / .15);--ui-switch-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-switch-disabled-opacity: .6;--ui-switch-size-sm-width: 2rem;--ui-switch-size-sm-height: 1.125rem;--ui-switch-size-sm-thumb-size: .8rem;--ui-switch-size-md-width: 2.75rem;--ui-switch-size-md-height: 1.5rem;--ui-switch-size-md-thumb-size: 1.125rem;--ui-switch-size-lg-width: 3.5rem;--ui-switch-size-lg-height: 1.875rem;--ui-switch-size-lg-thumb-size: 1.45rem;--ui-switch-size-xl-width: 4.25rem;--ui-switch-size-xl-height: 2.25rem;--ui-switch-size-xl-thumb-size: 1.75rem;--ui-badge-radius: var(--ui-radius-sm);--ui-badge-font-weight: 500;--ui-badge-size-sm-padding: .125rem .5rem;--ui-badge-size-sm-font-size: .75rem;--ui-badge-size-md-padding: .25rem .75rem;--ui-badge-size-md-font-size: .875rem;--ui-badge-size-lg-padding: .375rem .875rem;--ui-badge-size-lg-font-size: 1rem;--ui-badge-primary-bg: var(--ui-primary);--ui-badge-primary-text: #ffffff;--ui-badge-success-bg: var(--ui-success);--ui-badge-success-text: #ffffff;--ui-badge-warning-bg: var(--ui-warning);--ui-badge-warning-text: #ffffff;--ui-badge-danger-bg: var(--ui-danger);--ui-badge-danger-text: #ffffff;--ui-badge-neutral-bg: var(--ui-bg-subtle);--ui-badge-neutral-text: var(--ui-text-main);--ui-heading-h1-size: 2.5rem;--ui-heading-h1-line-height: 1.2;--ui-heading-h1-weight: 700;--ui-heading-h2-size: 2rem;--ui-heading-h2-line-height: 1.3;--ui-heading-h2-weight: 600;--ui-heading-h3-size: 1.75rem;--ui-heading-h3-line-height: 1.3;--ui-heading-h3-weight: 600;--ui-heading-h4-size: 1.5rem;--ui-heading-h4-line-height: 1.4;--ui-heading-h4-weight: 600;--ui-heading-h5-size: 1.25rem;--ui-heading-h5-line-height: 1.4;--ui-heading-h5-weight: 600;--ui-heading-h6-size: 1rem;--ui-heading-h6-line-height: 1.4;--ui-heading-h6-weight: 600;--ui-text-body-size: var(--ui-font-size-md);--ui-text-body-line-height: var(--ui-line-height-md);--ui-text-small-size: var(--ui-font-size-sm);--ui-text-small-line-height: var(--ui-line-height-sm);--ui-text-caption-size: var(--ui-font-size-xs);--ui-text-caption-line-height: var(--ui-line-height-xs);--ui-text-lead-weight: 400;--ui-tabs-border-color: var(--ui-border);--ui-tabs-active-color: var(--ui-primary);--ui-tabs-inactive-color: var(--ui-text-muted);--ui-tabs-hover-bg: var(--ui-bg-subtle);--ui-tabs-trigger-padding: .75rem 1rem;--ui-tabs-trigger-weight: 500;--ui-tabs-trigger-font-size: .95rem;--ui-tabs-content-padding: 1rem 0;--ui-flex-gap-sm: var(--ui-spacing-sm);--ui-flex-gap-md: var(--ui-spacing-md);--ui-flex-gap-lg: var(--ui-spacing-lg);--ui-flex-gap-xl: var(--ui-spacing-xl);--ui-container-padding-x: var(--ui-spacing-md);--ui-container-max-width-sm: 540px;--ui-container-max-width-md: 768px;--ui-container-max-width-lg: 1024px;--ui-container-max-width-xl: 1280px;--ui-container-max-width-xxl: 1536px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--ui-font-size-md)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;outline:none}table{border-collapse:collapse}button{background:none;border:none;cursor:pointer}.ui-m-xs{margin:var(--ui-spacing-xs)}.ui-mt-xs{margin-top:var(--ui-spacing-xs)}.ui-mb-xs{margin-bottom:var(--ui-spacing-xs)}.ui-ml-xs{margin-left:var(--ui-spacing-xs)}.ui-mr-xs{margin-right:var(--ui-spacing-xs)}.ui-mx-xs{margin-left:var(--ui-spacing-xs);margin-right:var(--ui-spacing-xs)}.ui-my-xs{margin-top:var(--ui-spacing-xs);margin-bottom:var(--ui-spacing-xs)}.ui-p-xs{padding:var(--ui-spacing-xs)}.ui-pt-xs{padding-top:var(--ui-spacing-xs)}.ui-pb-xs{padding-bottom:var(--ui-spacing-xs)}.ui-pl-xs{padding-left:var(--ui-spacing-xs)}.ui-pr-xs{padding-right:var(--ui-spacing-xs)}.ui-px-xs{padding-left:var(--ui-spacing-xs);padding-right:var(--ui-spacing-xs)}.ui-py-xs{padding-top:var(--ui-spacing-xs);padding-bottom:var(--ui-spacing-xs)}.ui-m-xsl{margin:var(--ui-spacing-xsl)}.ui-mt-xsl{margin-top:var(--ui-spacing-xsl)}.ui-mb-xsl{margin-bottom:var(--ui-spacing-xsl)}.ui-ml-xsl{margin-left:var(--ui-spacing-xsl)}.ui-mr-xsl{margin-right:var(--ui-spacing-xsl)}.ui-mx-xsl{margin-left:var(--ui-spacing-xsl);margin-right:var(--ui-spacing-xsl)}.ui-my-xsl{margin-top:var(--ui-spacing-xsl);margin-bottom:var(--ui-spacing-xsl)}.ui-p-xsl{padding:var(--ui-spacing-xsl)}.ui-pt-xsl{padding-top:var(--ui-spacing-xsl)}.ui-pb-xsl{padding-bottom:var(--ui-spacing-xsl)}.ui-pl-xsl{padding-left:var(--ui-spacing-xsl)}.ui-pr-xsl{padding-right:var(--ui-spacing-xsl)}.ui-px-xsl{padding-left:var(--ui-spacing-xsl);padding-right:var(--ui-spacing-xsl)}.ui-py-xsl{padding-top:var(--ui-spacing-xsl);padding-bottom:var(--ui-spacing-xsl)}.ui-m-sm{margin:var(--ui-spacing-sm)}.ui-mt-sm{margin-top:var(--ui-spacing-sm)}.ui-mb-sm{margin-bottom:var(--ui-spacing-sm)}.ui-ml-sm{margin-left:var(--ui-spacing-sm)}.ui-mr-sm{margin-right:var(--ui-spacing-sm)}.ui-mx-sm{margin-left:var(--ui-spacing-sm);margin-right:var(--ui-spacing-sm)}.ui-my-sm{margin-top:var(--ui-spacing-sm);margin-bottom:var(--ui-spacing-sm)}.ui-p-sm{padding:var(--ui-spacing-sm)}.ui-pt-sm{padding-top:var(--ui-spacing-sm)}.ui-pb-sm{padding-bottom:var(--ui-spacing-sm)}.ui-pl-sm{padding-left:var(--ui-spacing-sm)}.ui-pr-sm{padding-right:var(--ui-spacing-sm)}.ui-px-sm{padding-left:var(--ui-spacing-sm);padding-right:var(--ui-spacing-sm)}.ui-py-sm{padding-top:var(--ui-spacing-sm);padding-bottom:var(--ui-spacing-sm)}.ui-m-md{margin:var(--ui-spacing-md)}.ui-mt-md{margin-top:var(--ui-spacing-md)}.ui-mb-md{margin-bottom:var(--ui-spacing-md)}.ui-ml-md{margin-left:var(--ui-spacing-md)}.ui-mr-md{margin-right:var(--ui-spacing-md)}.ui-mx-md{margin-left:var(--ui-spacing-md);margin-right:var(--ui-spacing-md)}.ui-my-md{margin-top:var(--ui-spacing-md);margin-bottom:var(--ui-spacing-md)}.ui-p-md{padding:var(--ui-spacing-md)}.ui-pt-md{padding-top:var(--ui-spacing-md)}.ui-pb-md{padding-bottom:var(--ui-spacing-md)}.ui-pl-md{padding-left:var(--ui-spacing-md)}.ui-pr-md{padding-right:var(--ui-spacing-md)}.ui-px-md{padding-left:var(--ui-spacing-md);padding-right:var(--ui-spacing-md)}.ui-py-md{padding-top:var(--ui-spacing-md);padding-bottom:var(--ui-spacing-md)}.ui-m-lg{margin:var(--ui-spacing-lg)}.ui-mt-lg{margin-top:var(--ui-spacing-lg)}.ui-mb-lg{margin-bottom:var(--ui-spacing-lg)}.ui-ml-lg{margin-left:var(--ui-spacing-lg)}.ui-mr-lg{margin-right:var(--ui-spacing-lg)}.ui-mx-lg{margin-left:var(--ui-spacing-lg);margin-right:var(--ui-spacing-lg)}.ui-my-lg{margin-top:var(--ui-spacing-lg);margin-bottom:var(--ui-spacing-lg)}.ui-p-lg{padding:var(--ui-spacing-lg)}.ui-pt-lg{padding-top:var(--ui-spacing-lg)}.ui-pb-lg{padding-bottom:var(--ui-spacing-lg)}.ui-pl-lg{padding-left:var(--ui-spacing-lg)}.ui-pr-lg{padding-right:var(--ui-spacing-lg)}.ui-px-lg{padding-left:var(--ui-spacing-lg);padding-right:var(--ui-spacing-lg)}.ui-py-lg{padding-top:var(--ui-spacing-lg);padding-bottom:var(--ui-spacing-lg)}.ui-m-xl{margin:var(--ui-spacing-xl)}.ui-mt-xl{margin-top:var(--ui-spacing-xl)}.ui-mb-xl{margin-bottom:var(--ui-spacing-xl)}.ui-ml-xl{margin-left:var(--ui-spacing-xl)}.ui-mr-xl{margin-right:var(--ui-spacing-xl)}.ui-mx-xl{margin-left:var(--ui-spacing-xl);margin-right:var(--ui-spacing-xl)}.ui-my-xl{margin-top:var(--ui-spacing-xl);margin-bottom:var(--ui-spacing-xl)}.ui-p-xl{padding:var(--ui-spacing-xl)}.ui-pt-xl{padding-top:var(--ui-spacing-xl)}.ui-pb-xl{padding-bottom:var(--ui-spacing-xl)}.ui-pl-xl{padding-left:var(--ui-spacing-xl)}.ui-pr-xl{padding-right:var(--ui-spacing-xl)}.ui-px-xl{padding-left:var(--ui-spacing-xl);padding-right:var(--ui-spacing-xl)}.ui-py-xl{padding-top:var(--ui-spacing-xl);padding-bottom:var(--ui-spacing-xl)}.ui-m-xxl{margin:var(--ui-spacing-xxl)}.ui-mt-xxl{margin-top:var(--ui-spacing-xxl)}.ui-mb-xxl{margin-bottom:var(--ui-spacing-xxl)}.ui-ml-xxl{margin-left:var(--ui-spacing-xxl)}.ui-mr-xxl{margin-right:var(--ui-spacing-xxl)}.ui-mx-xxl{margin-left:var(--ui-spacing-xxl);margin-right:var(--ui-spacing-xxl)}.ui-my-xxl{margin-top:var(--ui-spacing-xxl);margin-bottom:var(--ui-spacing-xxl)}.ui-p-xxl{padding:var(--ui-spacing-xxl)}.ui-pt-xxl{padding-top:var(--ui-spacing-xxl)}.ui-pb-xxl{padding-bottom:var(--ui-spacing-xxl)}.ui-pl-xxl{padding-left:var(--ui-spacing-xxl)}.ui-pr-xxl{padding-right:var(--ui-spacing-xxl)}.ui-px-xxl{padding-left:var(--ui-spacing-xxl);padding-right:var(--ui-spacing-xxl)}.ui-py-xxl{padding-top:var(--ui-spacing-xxl);padding-bottom:var(--ui-spacing-xxl)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--ui-btn-padding);font-size:var(--ui-btn-font-size);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.5;text-decoration:none;-webkit-user-select:none;user-select:none}.ui-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ui-btn-primary{background-color:var(--ui-primary);color:#fff;border-color:var(--ui-primary)}.ui-btn-primary:hover{background-color:var(--ui-primary-hover);border-color:var(--ui-primary-hover)}.ui-btn-primary:active{background-color:var(--ui-primary-active)}.ui-btn-secondary{background-color:#fff;color:var(--ui-text-main);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-sm)}.ui-btn-secondary:hover{background-color:var(--ui-bg-subtle);border-color:var(--ui-border-hover);color:#000}.ui-btn-outline{background-color:transparent;color:var(--ui-primary);border-color:var(--ui-primary)}.ui-btn-outline:hover{background-color:var(--ui-primary-light)}.ui-btn-outline-danger{background-color:transparent;color:var(--ui-danger);border:1px solid var(--ui-danger)}.ui-btn-outline-danger:hover{background-color:color-mix(in srgb,var(--ui-danger),transparent 90%)}.ui-btn-outline-success{background-color:transparent;color:var(--ui-success);border:1px solid var(--ui-success)}.ui-btn-outline-success:hover{background-color:color-mix(in srgb,var(--ui-success),transparent 90%)}.ui-btn-outline-warning{background-color:transparent;color:var(--ui-warning);border:1px solid var(--ui-warning)}.ui-btn-outline-warning:hover{background-color:color-mix(in srgb,var(--ui-warning),transparent 90%)}.ui-btn-danger{background-color:var(--ui-danger);color:#fff;border-color:var(--ui-danger)}.ui-btn-danger:hover{background-color:color-mix(in srgb,var(--ui-danger),black 10%);border-color:color-mix(in srgb,var(--ui-danger),black 10%)}.ui-btn-success{background-color:var(--ui-success);color:#fff;border-color:var(--ui-success)}.ui-btn-success:hover{background-color:color-mix(in srgb,var(--ui-success),black 10%);border-color:color-mix(in srgb,var(--ui-success),black 10%)}.ui-btn-warning{background-color:var(--ui-warning);color:#fff;border-color:var(--ui-warning)}.ui-btn-warning:hover{background-color:color-mix(in srgb,var(--ui-warning),black 10%);border-color:color-mix(in srgb,var(--ui-warning),black 10%)}.ui-btn-ghost{background-color:transparent;color:var(--ui-text-main)}.ui-btn-ghost:hover{background-color:var(--ui-bg-subtle)}.ui-btn-sm{--ui-btn-padding: var(--ui-btn-padding-sm);--ui-btn-font-size: var(--ui-btn-font-size-sm);border-radius:var(--ui-btn-radius-sm, var(--ui-radius-sm))}.ui-btn-md{--ui-btn-padding: var(--ui-btn-padding-md);--ui-btn-font-size: var(--ui-btn-font-size-md);border-radius:var(--ui-btn-radius-md, var(--ui-radius-md))}.ui-btn-lg{--ui-btn-padding: var(--ui-btn-padding-lg);--ui-btn-font-size: var(--ui-btn-font-size-lg);border-radius:var(--ui-btn-radius-lg, var(--ui-radius-lg))}.ui-btn-xl{--ui-btn-padding: var(--ui-btn-padding-xl);--ui-btn-font-size: var(--ui-btn-font-size-xl);border-radius:var(--ui-btn-radius-xl, var(--ui-radius-xl))}.ui-btn:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.ui-input-wrapper{display:inline-flex;flex-direction:column;gap:.375rem}.ui-input-wrapper-full{display:flex;width:100%}.ui-input-error{border-color:var(--ui-danger)}.ui-input-error:focus{box-shadow:0 0 0 3px #ef444426}.ui-label{font-size:.875rem;font-weight:500;color:var(--ui-text-main)}.ui-input{display:block;width:100%;padding:var(--ui-input-size-md-padding);font-size:var(--ui-input-size-md-font-size);font-family:var(--ui-font-family);color:var(--ui-input-color);background-color:var(--ui-input-bg);border:var(--ui-input-border);border-radius:var(--ui-input-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ui-input::placeholder{color:var(--ui-input-placeholder);opacity:.8}.ui-input:hover{border-color:var(--ui-border-hover)}.ui-input:focus{border-color:var(--ui-input-focus-border);outline:0;box-shadow:var(--ui-input-focus-ring)}.ui-input-sm{padding:var(--ui-input-size-sm-padding);font-size:var(--ui-input-size-sm-font-size)}.ui-input-md{padding:var(--ui-input-size-md-padding);font-size:var(--ui-input-size-md-font-size)}.ui-input-lg{padding:var(--ui-input-size-lg-padding);font-size:var(--ui-input-size-lg-font-size)}.ui-input-xl{padding:var(--ui-input-size-xl-padding);font-size:var(--ui-input-size-xl-font-size)}.ui-input-error{border-color:var(--ui-input-error-border)}.ui-input-error:focus{border-color:var(--ui-input-error-border);box-shadow:var(--ui-input-error-ring)}.ui-helper-text{font-size:.8rem;color:var(--ui-text-muted)}.ui-helper-text-error{color:var(--ui-danger)}.ui-card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--ui-card-bg);border:var(--ui-card-border);border-radius:var(--ui-card-radius);box-shadow:var(--ui-card-shadow);transition:border-color .2s ease,box-shadow .2s ease}.ui-card:hover{border-color:var(--ui-border-hover)}.ui-card__header{padding:var(--ui-card-header-padding);margin-bottom:0;background-color:var(--ui-card-header-bg);border-bottom:var(--ui-card-header-border);font-weight:600;font-size:var(--ui-card-header-font-size);color:var(--ui-text-main);border-top-left-radius:calc(var(--ui-card-radius) - 1px);border-top-right-radius:calc(var(--ui-card-radius) - 1px)}.ui-card__body{flex:1 1 auto;padding:var(--ui-card-padding);color:var(--ui-text-muted);font-size:var(--ui-card-font-size);line-height:1.6}.ui-card__footer{padding:var(--ui-card-footer-padding);background-color:var(--ui-card-footer-bg);border-top:var(--ui-card-footer-border);display:flex;align-items:center;border-bottom-left-radius:calc(var(--ui-card-radius) - 1px);border-bottom-right-radius:calc(var(--ui-card-radius) - 1px)}.ui-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--ui-modal-backdrop-bg);-webkit-backdrop-filter:var(--ui-modal-backdrop-blur);backdrop-filter:var(--ui-modal-backdrop-blur);z-index:var(--ui-modal-z-index);padding:1rem;animation:ui-modal-fade-in .15s linear}.ui-modal{position:relative;display:flex;flex-direction:column;width:100%;max-height:90vh;background-color:var(--ui-modal-bg);border:var(--ui-modal-border);border-radius:var(--ui-modal-radius);box-shadow:var(--ui-modal-shadow);color:var(--ui-text-main);animation:ui-modal-slide-down .3s ease-out}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-modal-header-padding);border-bottom:1px solid var(--ui-border)}.ui-modal-title{margin:0;font-size:1.125rem;font-weight:600}.ui-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;cursor:pointer;color:var(--ui-text-muted);border-radius:var(--ui-radius-sm);transition:all .2s}.ui-modal-close:hover{background-color:var(--ui-bg-subtle);color:var(--ui-text-main)}.ui-modal-body{padding:var(--ui-modal-body-padding);overflow-y:auto;font-size:.95rem;line-height:1.5}.ui-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:var(--ui-modal-footer-padding);background-color:var(--ui-bg-subtle);border-top:1px solid var(--ui-border);border-bottom-left-radius:calc(var(--ui-modal-radius) - 1px);border-bottom-right-radius:calc(var(--ui-modal-radius) - 1px)}.ui-modal-sm{max-width:var(--ui-modal-size-sm-width)}.ui-modal-md{max-width:var(--ui-modal-size-md-width)}.ui-modal-lg{max-width:var(--ui-modal-size-lg-width)}.ui-modal-xl{max-width:var(--ui-modal-size-xl-width)}@keyframes ui-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ui-modal-slide-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:none}}@keyframes ui-modal-slide-up{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-50px)}}.ui-modal-overlay.ui-modal-closing{animation:ui-modal-fade-out .15s linear forwards}.ui-modal.ui-modal-closing{animation:ui-modal-slide-up .3s ease-out forwards}.ui-select-wrapper{width:100%}.ui-select-input-container{position:relative;width:100%}.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;text-align:left;background-color:var(--ui-select-bg);border:var(--ui-select-border);border-radius:var(--ui-select-radius);color:var(--ui-select-color);transition:all .15s ease-in-out}.ui-select-trigger:focus{outline:none;border-color:var(--ui-select-focus-border);box-shadow:var(--ui-select-focus-ring)}.ui-select-trigger.ui-select-error{border-color:var(--ui-select-error-border)}.ui-select-trigger.ui-select-error:focus{box-shadow:var(--ui-select-error-ring)}.ui-select-trigger.ui-select-disabled{opacity:.6;cursor:not-allowed;background-color:var(--ui-bg-subtle)}.ui-select-placeholder{color:var(--ui-select-placeholder)}.ui-select-icon{width:1.25rem;height:1.25rem;color:var(--ui-text-muted);transition:transform .2s}.ui-select-open .ui-select-icon{transform:rotate(180deg)}.ui-select-menu{position:absolute;top:100%;left:0;width:100%;margin-top:4px;padding:4px;background-color:var(--ui-select-menu-bg);border:var(--ui-select-menu-border);border-radius:var(--ui-select-radius);box-shadow:var(--ui-select-menu-shadow);z-index:10;max-height:250px;overflow-y:auto;animation:ui-select-fade-in-down .1s ease-out}.ui-select-menu-top{top:auto;bottom:100%;margin-top:0;margin-bottom:4px;animation:ui-select-fade-in-up .1s ease-out}.ui-select-option{display:flex;align-items:center;width:100%;padding:.5rem .75rem;font-size:.95rem;cursor:pointer;border-radius:var(--ui-radius-sm);color:var(--ui-text-main);transition:background-color .1s}.ui-select-option:hover{background-color:var(--ui-select-option-hover-bg)}.ui-select-option.ui-select-selected{background-color:var(--ui-select-option-selected-bg);color:var(--ui-select-option-selected-color);font-weight:500}.ui-select-sm{padding:var(--ui-select-size-sm-padding);font-size:var(--ui-select-size-sm-font-size)}.ui-select-md{padding:var(--ui-select-size-md-padding);font-size:var(--ui-select-size-md-font-size)}.ui-select-lg{padding:var(--ui-select-size-lg-padding);font-size:var(--ui-select-size-lg-font-size)}.ui-select-xl{padding:var(--ui-select-size-xl-padding);font-size:var(--ui-select-size-xl-font-size)}@keyframes ui-select-fade-in-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-select-fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ui-checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--ui-checkbox-font-size, .95rem);-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-checkbox-label.ui-checkbox-disabled{cursor:not-allowed;opacity:var(--ui-checkbox-disabled-opacity)}.ui-checkbox-input{position:absolute;opacity:0;width:0;height:0}.ui-checkbox-custom{display:flex;align-items:center;justify-content:center;width:var(--ui-checkbox-size);height:var(--ui-checkbox-size);background-color:var(--ui-checkbox-bg);border:var(--ui-checkbox-border);border-radius:var(--ui-checkbox-radius);transition:all .15s ease-in-out;color:transparent;flex-shrink:0}.ui-checkbox-label:hover .ui-checkbox-custom{border-color:var(--ui-border-hover)}.ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-checkbox-checked-bg);border-color:var(--ui-checkbox-checked-border);color:var(--ui-checkbox-checked-color)}.ui-checkbox-icon{width:.8em;height:.8em;stroke-width:3}.ui-checkbox-sm{--ui-checkbox-size: var(--ui-checkbox-size-sm-size);font-size:var(--ui-checkbox-size-sm-font-size)}.ui-checkbox-md{--ui-checkbox-size: var(--ui-checkbox-size-md-size);font-size:var(--ui-checkbox-size-md-font-size)}.ui-checkbox-lg{--ui-checkbox-size: var(--ui-checkbox-size-lg-size);font-size:var(--ui-checkbox-size-lg-font-size)}.ui-checkbox-xl{--ui-checkbox-size: var(--ui-checkbox-size-xl-size);font-size:var(--ui-checkbox-size-xl-font-size)}.ui-checkbox-primary .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-primary);border-color:var(--ui-primary)}.ui-checkbox-primary .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-checkbox-success .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-success);border-color:var(--ui-success)}.ui-checkbox-success .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #10b98140;border-color:var(--ui-success)}.ui-checkbox-warning .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-warning);border-color:var(--ui-warning)}.ui-checkbox-warning .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #f59e0b40;border-color:var(--ui-warning)}.ui-checkbox-danger .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-danger);border-color:var(--ui-danger)}.ui-checkbox-danger .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #ef444440;border-color:var(--ui-danger)}.ui-radio-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--ui-radio-font-size, .95rem);-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-radio-label.ui-radio-disabled{cursor:not-allowed;opacity:var(--ui-radio-disabled-opacity)}.ui-radio-input{position:absolute;opacity:0;width:0;height:0}.ui-radio-custom{display:flex;align-items:center;justify-content:center;width:var(--ui-radio-size);height:var(--ui-radio-size);background-color:var(--ui-radio-bg);border:var(--ui-radio-border);border-radius:50%;transition:all .15s ease-in-out;flex-shrink:0}.ui-radio-dot{width:.5em;height:.5em;background-color:var(--ui-radio-checked-color);border-radius:50%;transform:scale(0);transition:transform .15s ease-in-out}.ui-radio-label:hover .ui-radio-custom{border-color:var(--ui-border-hover)}.ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-radio-checked-bg);border-color:var(--ui-radio-checked-border)}.ui-radio-input:checked+.ui-radio-custom .ui-radio-dot{transform:scale(1)}.ui-radio-sm{--ui-radio-size: var(--ui-radio-size-sm-size);font-size:var(--ui-radio-size-sm-font-size)}.ui-radio-md{--ui-radio-size: var(--ui-radio-size-md-size);font-size:var(--ui-radio-size-md-font-size)}.ui-radio-lg{--ui-radio-size: var(--ui-radio-size-lg-size);font-size:var(--ui-radio-size-lg-font-size)}.ui-radio-xl{--ui-radio-size: var(--ui-radio-size-xl-size);font-size:var(--ui-radio-size-xl-font-size)}.ui-radio-primary .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-primary);border-color:var(--ui-primary)}.ui-radio-primary .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-radio-success .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-success);border-color:var(--ui-success)}.ui-radio-success .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #10b98140;border-color:var(--ui-success)}.ui-radio-warning .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-warning);border-color:var(--ui-warning)}.ui-radio-warning .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #f59e0b40;border-color:var(--ui-warning)}.ui-radio-danger .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-danger);border-color:var(--ui-danger)}.ui-radio-danger .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #ef444440;border-color:var(--ui-danger)}.ui-switch-label{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-switch-label.ui-switch-disabled{cursor:not-allowed;opacity:var(--ui-switch-disabled-opacity)}.ui-switch-input{position:absolute;opacity:0;width:0;height:0}.ui-switch-track{position:relative;width:var(--ui-switch-width);height:var(--ui-switch-height);background-color:var(--ui-border);border-radius:9999px;transition:background-color .2s ease-in-out;flex-shrink:0}.ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-switch-checked-bg)}.ui-switch-thumb{position:absolute;top:50%;transform:translateY(-50%);left:2px;width:var(--ui-switch-thumb-size);height:var(--ui-switch-thumb-size);background-color:var(--ui-switch-thumb-bg);border-radius:50%;box-shadow:var(--ui-switch-thumb-shadow);transition:left .2s cubic-bezier(.4,0,.2,1)}.ui-switch-input:checked+.ui-switch-track .ui-switch-thumb{left:calc(100% - var(--ui-switch-thumb-size) - 2px)}.ui-switch-input:focus+.ui-switch-track{box-shadow:var(--ui-switch-focus-ring)}.ui-switch-sm{--ui-switch-width: var(--ui-switch-size-sm-width);--ui-switch-height: var(--ui-switch-size-sm-height);--ui-switch-thumb-size: var(--ui-switch-size-sm-thumb-size);font-size:var(--ui-font-size-sm)}.ui-switch-md{--ui-switch-width: var(--ui-switch-size-md-width);--ui-switch-height: var(--ui-switch-size-md-height);--ui-switch-thumb-size: var(--ui-switch-size-md-thumb-size);font-size:var(--ui-font-size-md)}.ui-switch-lg{--ui-switch-width: var(--ui-switch-size-lg-width);--ui-switch-height: var(--ui-switch-size-lg-height);--ui-switch-thumb-size: var(--ui-switch-size-lg-thumb-size);font-size:var(--ui-font-size-lg)}.ui-switch-xl{--ui-switch-width: var(--ui-switch-size-xl-width);--ui-switch-height: var(--ui-switch-size-xl-height);--ui-switch-thumb-size: var(--ui-switch-size-xl-thumb-size);font-size:var(--ui-font-size-xl)}.ui-switch-primary .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px var(--ui-primary-light)}.ui-switch-success .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-success)}.ui-switch-success .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #10b98140}.ui-switch-warning .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-warning)}.ui-switch-warning .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #f59e0b40}.ui-switch-danger .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-danger)}.ui-switch-danger .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #ef444440}.ui-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--ui-badge-radius);font-weight:var(--ui-badge-font-weight);line-height:1;transition:all .2s ease}.ui-badge-pill{border-radius:9999px}.ui-badge-sm{padding:var(--ui-badge-size-sm-padding);font-size:var(--ui-badge-size-sm-font-size)}.ui-badge-md{padding:var(--ui-badge-size-md-padding);font-size:var(--ui-badge-size-md-font-size)}.ui-badge-lg{padding:var(--ui-badge-size-lg-padding);font-size:var(--ui-badge-size-lg-font-size)}.ui-badge-primary{background-color:var(--ui-badge-primary-bg);color:var(--ui-badge-primary-text)}.ui-badge-success{background-color:var(--ui-badge-success-bg);color:var(--ui-badge-success-text)}.ui-badge-warning{background-color:var(--ui-badge-warning-bg);color:var(--ui-badge-warning-text)}.ui-badge-danger{background-color:var(--ui-badge-danger-bg);color:var(--ui-badge-danger-text)}.ui-badge-neutral{background-color:var(--ui-badge-neutral-bg);color:var(--ui-badge-neutral-text);border:1px solid var(--ui-border)}.ui-heading{margin:0;color:var(--ui-text-main);font-family:inherit}.ui-heading-h1{font-size:var(--ui-heading-h1-size);font-weight:var(--ui-heading-h1-weight);line-height:var(--ui-heading-h1-line-height)}.ui-heading-h2{font-size:var(--ui-heading-h2-size);font-weight:var(--ui-heading-h2-weight);line-height:var(--ui-heading-h2-line-height)}.ui-heading-h3{font-size:var(--ui-heading-h3-size);font-weight:var(--ui-heading-h3-weight);line-height:var(--ui-heading-h3-line-height)}.ui-heading-h4{font-size:var(--ui-heading-h4-size);font-weight:var(--ui-heading-h4-weight);line-height:var(--ui-heading-h4-line-height)}.ui-heading-h5{font-size:var(--ui-heading-h5-size);font-weight:var(--ui-heading-h5-weight);line-height:var(--ui-heading-h5-line-height)}.ui-heading-h6{font-size:var(--ui-heading-h6-size);font-weight:var(--ui-heading-h6-weight);line-height:var(--ui-heading-h6-line-height)}.ui-text{margin:0;color:var(--ui-text-main);font-family:inherit}.ui-text-muted{color:var(--ui-text-muted)}.ui-text-body{font-size:var(--ui-text-body-size);line-height:var(--ui-text-body-line-height)}.ui-text-small{font-size:var(--ui-text-small-size);line-height:var(--ui-text-small-line-height)}.ui-text-caption{font-size:var(--ui-text-caption-size);line-height:var(--ui-text-caption-line-height);color:var(--ui-text-muted)}.ui-text-lead{font-size:var(--ui-text-lead-size);line-height:var(--ui-text-lead-line-height);font-weight:var(--ui-text-lead-weight);color:var(--ui-text-muted)}.ui-text-weight-normal{font-weight:400}.ui-text-weight-medium{font-weight:500}.ui-text-weight-semibold{font-weight:600}.ui-text-weight-bold{font-weight:700}.ui-text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ui-text-clamp{display:-webkit-box;-webkit-line-clamp:var(--ui-line-clamp, 1);-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.ui-tabs{display:flex;flex-direction:column;width:100%}.ui-tabs-list{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.ui-tabs-list-line{border-bottom:1px solid var(--ui-tabs-border-color)}.ui-tabs-list-line .ui-tabs-trigger{border-bottom:2px solid transparent;margin-bottom:-1px}.ui-tabs-list-line .ui-tabs-trigger[data-state=active]{color:var(--ui-tabs-active-color);border-bottom-color:var(--ui-tabs-active-color)}.ui-tabs-list-pills{display:inline-flex;flex-wrap:wrap;gap:.5rem;padding:0;background:transparent;border-radius:0}.ui-tabs-list-pills .ui-tabs-trigger{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;border-radius:var(--ui-radius-md);border:1px solid transparent;background-color:transparent;color:var(--ui-text-main);flex:none;min-width:auto}.ui-tabs-list-pills .ui-tabs-trigger[data-state=active]{background-color:var(--ui-primary);color:#fff;border-color:var(--ui-primary);box-shadow:none}.ui-tabs-list-pills .ui-tabs-trigger:hover:not(:disabled):not([data-state=active]){background-color:var(--ui-bg-subtle);color:var(--ui-text-main)}.ui-tabs-trigger{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--ui-tabs-trigger-padding);font-size:var(--ui-tabs-trigger-font-size);font-weight:var(--ui-tabs-trigger-weight);color:var(--ui-tabs-inactive-color);background:transparent;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;-webkit-user-select:none;user-select:none}.ui-tabs-trigger:hover:not(:disabled):not([data-state=active]){background-color:var(--ui-tabs-hover-bg);color:var(--ui-text-main)}.ui-tabs-trigger:disabled{opacity:.5;cursor:not-allowed}.ui-tabs-trigger:focus-visible{border-radius:var(--ui-radius-sm);outline:2px solid var(--ui-primary);outline-offset:2px}.ui-tabs-content{padding:var(--ui-tabs-content-padding);outline:none}.ui-table{width:100%;margin-bottom:1rem;color:var(--ui-text-main);background-color:transparent;border-collapse:collapse;font-family:var(--ui-font-family);font-size:.95rem}.ui-table th,.ui-table td{padding:.75rem;vertical-align:top;border-bottom:1px solid var(--ui-border);text-align:left}.ui-table th{font-weight:600;color:var(--ui-text-main);background-color:var(--ui-bg-subtle);border-bottom-width:2px}.ui-table-bordered,.ui-table-bordered th,.ui-table-bordered td{border:1px solid var(--ui-border)}.ui-table-striped tbody tr:nth-of-type(odd){background-color:var(--ui-bg-subtle)}.ui-table-hover tbody tr:hover{background-color:var(--ui-primary-light);color:var(--ui-primary-dark)}.ui-table-sm th,.ui-table-sm td{padding:.375rem;font-size:.875rem}.ui-table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ui-flex{display:flex;min-width:0}.ui-flex--inline{display:inline-flex}.ui-flex--dir-row{flex-direction:row}.ui-flex--dir-column{flex-direction:column}.ui-flex--dir-row-reverse{flex-direction:row-reverse}.ui-flex--dir-column-reverse{flex-direction:column-reverse}.ui-flex--justify-start{justify-content:flex-start}.ui-flex--justify-center{justify-content:center}.ui-flex--justify-end{justify-content:flex-end}.ui-flex--justify-between{justify-content:space-between}.ui-flex--justify-around{justify-content:space-around}.ui-flex--justify-evenly{justify-content:space-evenly}.ui-flex--align-start{align-items:flex-start}.ui-flex--align-center{align-items:center}.ui-flex--align-end{align-items:flex-end}.ui-flex--align-stretch{align-items:stretch}.ui-flex--align-baseline{align-items:baseline}.ui-flex--wrap-nowrap{flex-wrap:nowrap}.ui-flex--wrap-wrap{flex-wrap:wrap}.ui-flex--wrap-reverse{flex-wrap:wrap-reverse}.ui-flex--gap-0{gap:0}.ui-flex--gap-sm{gap:var(--ui-flex-gap-sm)}.ui-flex--gap-md{gap:var(--ui-flex-gap-md)}.ui-flex--gap-lg{gap:var(--ui-flex-gap-lg)}.ui-flex--gap-xl{gap:var(--ui-flex-gap-xl)}.ui-container{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--ui-container-padding-x, 1rem);padding-left:var(--ui-container-padding-x, 1rem)}.ui-container--fluid{max-width:100%}@media(min-width:576px){.ui-container:not(.ui-container--fluid){max-width:var(--ui-container-max-width-sm, 540px)}}@media(min-width:768px){.ui-container:not(.ui-container--fluid){max-width:var(--ui-container-max-width-md, 720px)}}@media(min-width:992px){.ui-container:not(.ui-container--fluid){max-width:var(--ui-container-max-width-lg, 960px)}}@media(min-width:1200px){.ui-container:not(.ui-container--fluid){max-width:var(--ui-container-max-width-xl, 1140px)}}@media(min-width:1400px){.ui-container:not(.ui-container--fluid){max-width:var(--ui-container-max-width-xxl, 1320px)}}

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                       */;/* empty css                   */;/* empty css                       */const r=require("./components/Button/Button.cjs"),o=require("./components/Input/Input.cjs"),t=require("./components/Card/Card.cjs"),e=require("./components/Modal/Modal.cjs"),a=require("./components/Select/Select.cjs"),i=require("./components/Checkbox/Checkbox.cjs"),d=require("./components/Radio/Radio.cjs"),u=require("./components/Switch/Switch.cjs"),c=require("./components/Badge/Badge.cjs"),n=require("./components/Typography/Heading.cjs"),s=require("./components/Typography/Text.cjs"),l=require("./components/Tabs/Tabs.cjs"),q=require("./components/Table/Table.cjs"),T=require("./theme.cjs");exports.Button=r.Button;exports.Input=o.Input;exports.Card=t.Card;exports.Modal=e.Modal;exports.ModalBody=e.ModalBody;exports.ModalFooter=e.ModalFooter;exports.ModalHeader=e.ModalHeader;exports.Select=a.Select;exports.Checkbox=i.Checkbox;exports.Radio=d.Radio;exports.Switch=u.Switch;exports.Badge=c.Badge;exports.Heading=n.Heading;exports.Text=s.Text;exports.Tabs=l.Tabs;exports.Table=q.Table;exports.ThemeProvider=T.ThemeProvider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                       */;/* empty css                   */;/* empty css                       */const r=require("./components/Button/Button.cjs"),o=require("./components/Input/Input.cjs"),t=require("./components/Card/Card.cjs"),e=require("./components/Modal/Modal.cjs"),i=require("./components/Select/Select.cjs"),a=require("./components/Checkbox/Checkbox.cjs"),n=require("./components/Radio/Radio.cjs"),d=require("./components/Switch/Switch.cjs"),u=require("./components/Badge/Badge.cjs"),c=require("./components/Typography/Heading.cjs"),l=require("./components/Typography/Text.cjs"),s=require("./components/Tabs/Tabs.cjs"),q=require("./components/Table/Table.cjs"),T=require("./theme.cjs"),b=require("./components/Flex/Flex.cjs"),M=require("./components/Container/Container.cjs");exports.Button=r.Button;exports.Input=o.Input;exports.Card=t.Card;exports.Modal=e.Modal;exports.ModalBody=e.ModalBody;exports.ModalFooter=e.ModalFooter;exports.ModalHeader=e.ModalHeader;exports.Select=i.Select;exports.Checkbox=a.Checkbox;exports.Radio=n.Radio;exports.Switch=d.Switch;exports.Badge=u.Badge;exports.Heading=c.Heading;exports.Text=l.Text;exports.Tabs=s.Tabs;exports.Table=q.Table;exports.ThemeProvider=T.ThemeProvider;exports.Flex=b.Flex;exports.Container=M.Container;

package/dist/esm/components/Container/Container.d.ts

@@ -0,0 +1,23 @@
+import { ElementType, HTMLAttributes, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface ContainerProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * If true, container will be fluid (100% width) at all breakpoints.
+     * @default false
+     */
+    fluid?: boolean;
+    /**
+     * The component used for the root node.
+     * @default 'div'
+     */
+    as?: ElementType;
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+}
+/**
+ * A container component to center your content horizontally.
+ * It's the most basic layout element.
+ */
+export declare const Container: ForwardRefExoticComponent<ContainerProps & RefAttributes<HTMLElement>>;

package/dist/esm/components/Container/Container.js

@@ -0,0 +1,31 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { clsx as c } from "clsx";
+import * as o from "prop-types";
+/* empty css              */
+const r = l(
+  ({
+    className: e,
+    children: s,
+    fluid: i = !1,
+    as: a = "div",
+    ...n
+  }, t) => {
+    const m = c(
+      "ui-container",
+      i && "ui-container--fluid",
+      e
+    );
+    return /* @__PURE__ */ p(a, { ref: t, className: m, ...n, children: s });
+  }
+);
+r.displayName = "Container";
+r.propTypes = {
+  fluid: o.bool,
+  as: o.elementType,
+  children: o.node,
+  className: o.string
+};
+export {
+  r as Container
+};

package/dist/esm/components/Flex/Flex.d.ts

@@ -0,0 +1,64 @@
+import { ElementType, CSSProperties, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { FlexItem } from './FlexItem';
+
+export interface FlexProps {
+    /**
+     * The direction of the flex container.
+     * @default 'row'
+     */
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    /**
+     * Alignment of items along the main axis.
+     * @default 'start'
+     */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /**
+     * Alignment of items along the cross axis.
+     * @default 'stretch'
+     */
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /**
+     * Whether items should wrap to the next line.
+     * @default 'nowrap'
+     */
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    /**
+     * Gap between items.
+     * Can be a predefined size ('sm', 'md', 'lg', 'xl') or a valid CSS value (number or string).
+     * @default 'md'
+     */
+    gap?: 'sm' | 'md' | 'lg' | 'xl' | number | string;
+    /**
+     * If true, renders as an inline-flex container.
+     * @default false
+     */
+    inline?: boolean;
+    /**
+     * The component used for the root node.
+     * @default 'div'
+     */
+    as?: ElementType;
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names.
+     */
+    className?: string;
+    /**
+     * Inline styles.
+     */
+    style?: CSSProperties;
+    /**
+     * Optional ID.
+     */
+    id?: string;
+}
+/**
+ * A flexible layout component (Flexbox).
+ * building block for creating structured layouts.
+ */
+export declare const Flex: ForwardRefExoticComponent<FlexProps & RefAttributes<HTMLElement>> & {
+    Item: typeof FlexItem;
+};

package/dist/esm/components/Flex/Flex.js

@@ -0,0 +1,57 @@
+import { jsx as w } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { clsx as O } from "clsx";
+import * as e from "prop-types";
+import { FlexItem as g } from "./FlexItem.js";
+/* empty css         */
+const s = b(
+  ({
+    className: o,
+    children: n,
+    direction: i = "row",
+    justify: l = "start",
+    align: m = "stretch",
+    wrap: f = "nowrap",
+    gap: r = "md",
+    inline: a = !1,
+    as: p = "div",
+    style: c,
+    ...u
+  }, d) => {
+    const t = typeof r == "number" || typeof r == "string" && !["sm", "md", "lg", "xl"].includes(r), x = O(
+      a ? "ui-flex--inline" : "ui-flex",
+      `ui-flex--dir-${i}`,
+      `ui-flex--justify-${l}`,
+      `ui-flex--align-${m}`,
+      `ui-flex--wrap-${f}`,
+      !t && r && `ui-flex--gap-${r}`,
+      o
+    ), y = {
+      ...c,
+      ...t ? { gap: r } : {}
+    };
+    return /* @__PURE__ */ w(p, { ref: d, className: x, style: y, ...u, children: n });
+  }
+);
+s.displayName = "Flex";
+s.Item = g;
+s.propTypes = {
+  direction: e.oneOf(["row", "column", "row-reverse", "column-reverse"]),
+  justify: e.oneOf(["start", "center", "end", "between", "around", "evenly"]),
+  align: e.oneOf(["start", "center", "end", "stretch", "baseline"]),
+  wrap: e.oneOf(["nowrap", "wrap", "wrap-reverse"]),
+  gap: e.oneOfType([
+    e.oneOf(["sm", "md", "lg", "xl"]),
+    e.number,
+    e.string
+  ]),
+  inline: e.bool,
+  as: e.elementType,
+  children: e.node,
+  className: e.string,
+  style: e.object,
+  id: e.string
+};
+export {
+  s as Flex
+};

package/dist/esm/components/Flex/FlexItem.d.ts

@@ -0,0 +1,53 @@
+import { ElementType, CSSProperties, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface FlexItemProps {
+    /**
+     * Flex grow factor.
+     * @default 0
+     */
+    grow?: boolean | number;
+    /**
+     * Flex shrink factor.
+     * @default 1
+     */
+    shrink?: boolean | number;
+    /**
+     * Flex basis value.
+     * @default 'auto'
+     */
+    basis?: string | number;
+    /**
+     * Flex shorthand.
+     */
+    flex?: string | number;
+    /**
+     * Explicit width.
+     */
+    width?: string | number;
+    /**
+     * Order of the item.
+     */
+    order?: number;
+    /**
+     * The component used for the root node.
+     * @default 'div'
+     */
+    as?: ElementType;
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names.
+     */
+    className?: string;
+    /**
+     * Inline styles.
+     */
+    style?: CSSProperties;
+    /**
+     * Optional ID.
+     */
+    id?: string;
+}
+export declare const FlexItem: ForwardRefExoticComponent<FlexItemProps & RefAttributes<HTMLElement>>;

package/dist/esm/components/Flex/FlexItem.js

@@ -0,0 +1,47 @@
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { clsx as c } from "clsx";
+import * as e from "prop-types";
+const n = x(
+  ({
+    className: l,
+    children: f,
+    grow: o,
+    shrink: r,
+    basis: s,
+    flex: t,
+    width: m,
+    order: i,
+    as: p = "div",
+    style: a,
+    ...d
+  }, y) => {
+    const u = {
+      ...a,
+      ...o !== void 0 && { flexGrow: o === !0 ? 1 : o === !1 ? 0 : o },
+      ...r !== void 0 && { flexShrink: r === !0 ? 1 : r === !1 ? 0 : r },
+      ...s !== void 0 && { flexBasis: s },
+      ...t !== void 0 && { flex: t },
+      ...m !== void 0 && { width: m },
+      ...i !== void 0 && { order: i }
+    };
+    return /* @__PURE__ */ b(p, { ref: y, className: c("ui-flex-item", l), style: u, ...d, children: f });
+  }
+);
+n.displayName = "Flex.Item";
+n.propTypes = {
+  grow: e.oneOfType([e.bool, e.number]),
+  shrink: e.oneOfType([e.bool, e.number]),
+  basis: e.oneOfType([e.string, e.number]),
+  flex: e.oneOfType([e.string, e.number]),
+  width: e.oneOfType([e.string, e.number]),
+  order: e.number,
+  as: e.elementType,
+  children: e.node,
+  className: e.string,
+  style: e.object,
+  id: e.string
+};
+export {
+  n as FlexItem
+};

package/dist/esm/components/Select/Select.js

@@ -1,95 +1,114 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { useState as w, useRef as T, useEffect as R } from "react";
-import { clsx as r } from "clsx";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { useState as y, useRef as S, useEffect as N } from "react";
+import { clsx as l } from "clsx";
 import * as e from "prop-types";
 /* empty css           */
-const b = ({
-  options: i,
-  value: n,
-  onChange: m,
-  placeholder: y = "Select an option",
-  label: p,
-  error: f,
-  helperText: h,
-  disabled: o,
-  fullWidth: g,
-  size: v = "md",
-  className: x
+const x = ({
+  options: a,
+  value: u,
+  onChange: f,
+  placeholder: k = "Select an option",
+  label: h,
+  error: b,
+  helperText: g,
+  disabled: d,
+  fullWidth: v,
+  size: L = "md",
+  className: O
 }) => {
-  const [t, a] = w(!1), c = T(null), u = i.find((l) => l.value === n), N = () => {
-    o || a(!t);
-  }, k = (l) => {
-    m && m(l), a(!1);
+  const [s, p] = y(!1), [E, w] = y("bottom"), n = S(null), m = a.find((t) => t.value === u), r = () => {
+    if (n.current) {
+      const t = n.current.getBoundingClientRect(), o = window.innerHeight - t.bottom, C = t.top;
+      o < 250 && C > o ? w("top") : w("bottom");
+    }
+  }, R = () => {
+    d || (s || r(), p(!s));
+  }, T = (t) => {
+    f && f(t), p(!1);
   };
-  return R(() => {
-    const l = (O) => {
-      c.current && !c.current.contains(O.target) && a(!1);
+  return N(() => (s && (window.addEventListener("resize", r), window.addEventListener("scroll", r, { capture: !0 })), () => {
+    window.removeEventListener("resize", r), window.removeEventListener("scroll", r, { capture: !0 });
+  }), [s]), N(() => {
+    const t = (o) => {
+      n.current && !n.current.contains(o.target) && p(!1);
     };
-    return t && document.addEventListener("mousedown", l), () => {
-      document.removeEventListener("mousedown", l);
+    return s && document.addEventListener("mousedown", t), () => {
+      document.removeEventListener("mousedown", t);
     };
-  }, [t]), /* @__PURE__ */ d(
+  }, [s]), /* @__PURE__ */ c(
     "div",
     {
-      className: r("ui-select-wrapper", g && "ui-w-full", x),
-      ref: c,
-      style: { width: g ? "100%" : "auto" },
+      className: l("ui-select-wrapper", v && "ui-w-full", O),
+      ref: n,
+      style: { width: v ? "100%" : "auto" },
       children: [
-        p && /* @__PURE__ */ s("label", { className: "ui-label", style: { marginBottom: "0.375rem", display: "block" }, children: p }),
-        /* @__PURE__ */ d(
-          "button",
-          {
-            type: "button",
-            className: r(
-              "ui-select-trigger",
-              `ui-select-${v}`,
-              f && "ui-select-error",
-              o && "ui-select-disabled",
-              t && "ui-select-open"
-            ),
-            onClick: N,
-            disabled: o,
-            "aria-haspopup": "listbox",
-            "aria-expanded": t,
-            children: [
-              /* @__PURE__ */ s("span", { className: r(!u && "ui-select-placeholder"), children: u ? u.label : y }),
-              /* @__PURE__ */ s(
-                "svg",
-                {
-                  className: "ui-select-icon",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ s("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
-                }
-              )
-            ]
-          }
-        ),
-        t && /* @__PURE__ */ d("ul", { className: "ui-select-menu", role: "listbox", children: [
-          i.map((l) => /* @__PURE__ */ s(
-            "li",
+        h && /* @__PURE__ */ i("label", { className: "ui-label", style: { marginBottom: "0.375rem", display: "block" }, children: h }),
+        /* @__PURE__ */ c("div", { className: "ui-select-input-container", children: [
+          /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              className: l(
+                "ui-select-trigger",
+                `ui-select-${L}`,
+                b && "ui-select-error",
+                d && "ui-select-disabled",
+                s && "ui-select-open"
+              ),
+              onClick: R,
+              disabled: d,
+              "aria-haspopup": "listbox",
+              "aria-expanded": s,
+              children: [
+                /* @__PURE__ */ i("span", { className: l(!m && "ui-select-placeholder"), children: m ? m.label : k }),
+                /* @__PURE__ */ i(
+                  "svg",
+                  {
+                    className: "ui-select-icon",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ i("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+                  }
+                )
+              ]
+            }
+          ),
+          s && /* @__PURE__ */ c(
+            "ul",
             {
-              className: r(
-                "ui-select-option",
-                l.value === n && "ui-select-selected"
+              className: l(
+                "ui-select-menu",
+                E === "top" && "ui-select-menu-top"
               ),
-              onClick: () => k(l.value),
-              role: "option",
-              "aria-selected": l.value === n,
-              children: l.label
-            },
-            l.value
-          )),
-          i.length === 0 && /* @__PURE__ */ s("li", { className: "ui-select-option", style: { color: "var(--ui-text-muted)", cursor: "default" }, children: "No options" })
+              role: "listbox",
+              children: [
+                a.map((t) => /* @__PURE__ */ i(
+                  "li",
+                  {
+                    className: l(
+                      "ui-select-option",
+                      t.value === u && "ui-select-selected"
+                    ),
+                    onClick: () => T(t.value),
+                    role: "option",
+                    "aria-selected": t.value === u,
+                    children: t.label
+                  },
+                  t.value
+                )),
+                a.length === 0 && /* @__PURE__ */ i("li", { className: "ui-select-option", style: { color: "var(--ui-text-muted)", cursor: "default" }, children: "No options" })
+              ]
+            }
+          )
         ] }),
-        h && /* @__PURE__ */ s("span", { className: r("ui-helper-text", f && "ui-helper-text-error"), style: { marginTop: "0.375rem", display: "block" }, children: h })
+        g && /* @__PURE__ */ i("span", { className: l("ui-helper-text", b && "ui-helper-text-error"), style: { marginTop: "0.375rem", display: "block" }, children: g })
       ]
     }
   );
 };
-b.displayName = "Select";
-b.propTypes = {
+x.displayName = "Select";
+x.propTypes = {
   options: e.arrayOf(e.shape({
     value: e.oneOfType([e.string, e.number]).isRequired,
     label: e.string.isRequired
@@ -106,5 +125,5 @@ b.propTypes = {
   className: e.string
 };
 export {
-  b as Select
+  x as Select
 };

package/dist/esm/dev-ui.css

@@ -1 +1 @@
-:root{--ui-primary: #2563eb;--ui-primary-hover: color-mix(in srgb, var(--ui-primary), black 10%);--ui-primary-active: color-mix(in srgb, var(--ui-primary), black 20%);--ui-primary-light: #eff6ff;--ui-text-main: #111827;--ui-text-muted: #6b7280;--ui-border: #e5e7eb;--ui-border-hover: #d1d5db;--ui-bg-main: #ffffff;--ui-bg-subtle: #f9fafb;--ui-danger: #ef4444;--ui-success: #10b981;--ui-warning: #f59e0b;--ui-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ui-font-size-sm: 12px;--ui-font-size-md: 13px;--ui-font-size-lg: 16px;--ui-font-size-xl: 21px;--ui-spacing-xs: 4px;--ui-spacing-xsl: 6px;--ui-spacing-sm: 8px;--ui-spacing-md: 12px;--ui-spacing-lg: 16px;--ui-spacing-xl: 21px;--ui-spacing-xxl: 24px;--ui-radius-sm: 2px;--ui-radius-md: 4px;--ui-radius-lg: 8px;--ui-radius-xl: 16px;--ui-radius-full: 50%;--ui-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--ui-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ui-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -2px rgb(0 0 0 / .05);--ui-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04);--ui-btn-bg: transparent;--ui-btn-text: var(--ui-text-main);--ui-btn-border: transparent;--ui-btn-radius: var(--ui-radius-md);--ui-btn-padding: .5rem 1rem;--ui-btn-font-size: .95rem;--ui-btn-radius-sm: var(--ui-radius-md);--ui-btn-radius-md: var(--ui-radius-md);--ui-btn-radius-lg: var(--ui-radius-md);--ui-btn-radius-xl: var(--ui-radius-md);--ui-btn-padding-sm: .1rem .5rem;--ui-btn-padding-md: .25rem .5rem;--ui-btn-padding-lg: .25rem 1rem;--ui-btn-padding-xl: .5rem 1rem;--ui-btn-font-size-sm: var(--ui-font-size-sm);--ui-btn-font-size-md: var(--ui-font-size-md);--ui-btn-font-size-lg: var(--ui-font-size-lg);--ui-btn-font-size-xl: var(--ui-font-size-xl);--ui-input-radius: var(--ui-radius-md);--ui-input-bg: var(--ui-bg-main);--ui-input-border: 1px solid var(--ui-border);--ui-input-color: var(--ui-text-main);--ui-input-placeholder: var(--ui-text-muted);--ui-input-focus-border: var(--ui-primary);--ui-input-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-input-error-border: var(--ui-danger);--ui-input-error-ring: 0 0 0 3px rgba(239, 68, 68, .15);--ui-input-size-sm-padding: .35rem .5rem;--ui-input-size-sm-font-size: var(--ui-font-size-sm);--ui-input-size-md-padding: .5rem .75rem;--ui-input-size-md-font-size: var(--ui-font-size-md);--ui-input-size-lg-padding: .7rem 1rem;--ui-input-size-lg-font-size: var(--ui-font-size-lg);--ui-input-size-xl-padding: 1rem 1.25rem;--ui-input-size-xl-font-size: var(--ui-font-size-xl);--ui-select-radius: var(--ui-radius-md);--ui-select-bg: var(--ui-bg-main);--ui-select-border: 1px solid var(--ui-border);--ui-select-color: var(--ui-text-main);--ui-select-placeholder: var(--ui-text-muted);--ui-select-focus-border: var(--ui-primary);--ui-select-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-select-error-border: var(--ui-danger);--ui-select-error-ring: 0 0 0 3px rgba(239, 68, 68, .15);--ui-select-menu-bg: var(--ui-bg-main);--ui-select-menu-border: 1px solid var(--ui-border);--ui-select-menu-shadow: var(--ui-shadow-lg);--ui-select-option-hover-bg: var(--ui-bg-subtle);--ui-select-option-selected-bg: var(--ui-primary-light);--ui-select-option-selected-color: var(--ui-primary);--ui-select-size-sm-padding: var(--ui-input-size-sm-padding);--ui-select-size-sm-font-size: var(--ui-input-size-sm-font-size);--ui-select-size-md-padding: var(--ui-input-size-md-padding);--ui-select-size-md-font-size: var(--ui-input-size-md-font-size);--ui-select-size-lg-padding: var(--ui-input-size-lg-padding);--ui-select-size-lg-font-size: var(--ui-input-size-lg-font-size);--ui-select-size-xl-padding: var(--ui-input-size-xl-padding);--ui-select-size-xl-font-size: var(--ui-input-size-xl-font-size);--ui-card-radius: var(--ui-radius-md);--ui-card-bg: var(--ui-bg-main);--ui-card-border: 1px solid var(--ui-border);--ui-card-shadow: none;--ui-card-padding: var(--ui-spacing-md);--ui-card-header-bg: transparent;--ui-card-header-padding: var(--ui-spacing-md) var(--ui-spacing-md);--ui-card-header-border: 1px solid var(--ui-border);--ui-card-header-font-size: var(--ui-font-size-lg);--ui-card-font-size: var(--ui-font-size-md);--ui-card-footer-bg: var(--ui-bg-subtle);--ui-card-footer-padding: var(--ui-spacing-md) var(--ui-spacing-md);--ui-card-footer-border: 1px solid var(--ui-border);--ui-modal-radius: var(--ui-radius-lg);--ui-modal-bg: var(--ui-bg-main);--ui-modal-shadow: var(--ui-shadow-xl);--ui-modal-backdrop-bg: rgba(0, 0, 0, .4);--ui-modal-backdrop-blur: none;--ui-modal-border: 1px solid var(--ui-border);--ui-modal-z-index: 50;--ui-modal-header-padding: 1.25rem 1.5rem;--ui-modal-body-padding: 1.5rem;--ui-modal-footer-padding: 1.25rem 1.5rem;--ui-modal-size-sm-width: 400px;--ui-modal-size-md-width: 550px;--ui-modal-size-lg-width: 750px;--ui-modal-size-xl-width: 1140px;--ui-checkbox-size: 1.125rem;--ui-checkbox-radius: var(--ui-radius-sm);--ui-checkbox-bg: var(--ui-bg-main);--ui-checkbox-border: 1px solid var(--ui-border);--ui-checkbox-checked-bg: var(--ui-primary);--ui-checkbox-checked-border: var(--ui-primary);--ui-checkbox-checked-color: #ffffff;--ui-checkbox-disabled-opacity: .6;--ui-checkbox-size-sm-size: 1rem;--ui-checkbox-size-sm-font-size: var(--ui-font-size-sm);--ui-checkbox-size-md-size: 1.125rem;--ui-checkbox-size-md-font-size: var(--ui-font-size-md);--ui-checkbox-size-lg-size: 1.35rem;--ui-checkbox-size-lg-font-size: var(--ui-font-size-lg);--ui-checkbox-size-xl-size: 1.65rem;--ui-checkbox-size-xl-font-size: var(--ui-font-size-xl);--ui-radio-size: 1.125rem;--ui-radio-bg: var(--ui-bg-main);--ui-radio-border: 1px solid var(--ui-border);--ui-radio-checked-bg: var(--ui-primary);--ui-radio-checked-border: var(--ui-primary);--ui-radio-checked-color: #ffffff;--ui-radio-disabled-opacity: .6;--ui-radio-size-sm-size: 1rem;--ui-radio-size-sm-font-size: var(--ui-font-size-sm);--ui-radio-size-md-size: 1.125rem;--ui-radio-size-md-font-size: var(--ui-font-size-md);--ui-radio-size-lg-size: 1.35rem;--ui-radio-size-lg-font-size: var(--ui-font-size-lg);--ui-radio-size-xl-size: 1.65rem;--ui-radio-size-xl-font-size: var(--ui-font-size-xl);--ui-switch-width: 2.75rem;--ui-switch-height: 1.5rem;--ui-switch-bg: var(--ui-bg-subtle);--ui-switch-checked-bg: var(--ui-primary);--ui-switch-thumb-size: 1.125rem;--ui-switch-thumb-bg: #ffffff;--ui-switch-thumb-shadow: 0 1px 2px 0 rgb(0 0 0 / .15);--ui-switch-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-switch-disabled-opacity: .6;--ui-switch-size-sm-width: 2rem;--ui-switch-size-sm-height: 1.125rem;--ui-switch-size-sm-thumb-size: .8rem;--ui-switch-size-md-width: 2.75rem;--ui-switch-size-md-height: 1.5rem;--ui-switch-size-md-thumb-size: 1.125rem;--ui-switch-size-lg-width: 3.5rem;--ui-switch-size-lg-height: 1.875rem;--ui-switch-size-lg-thumb-size: 1.45rem;--ui-switch-size-xl-width: 4.25rem;--ui-switch-size-xl-height: 2.25rem;--ui-switch-size-xl-thumb-size: 1.75rem;--ui-badge-radius: var(--ui-radius-sm);--ui-badge-font-weight: 500;--ui-badge-size-sm-padding: .125rem .5rem;--ui-badge-size-sm-font-size: .75rem;--ui-badge-size-md-padding: .25rem .75rem;--ui-badge-size-md-font-size: .875rem;--ui-badge-size-lg-padding: .375rem .875rem;--ui-badge-size-lg-font-size: 1rem;--ui-badge-primary-bg: var(--ui-primary);--ui-badge-primary-text: #ffffff;--ui-badge-success-bg: var(--ui-success);--ui-badge-success-text: #ffffff;--ui-badge-warning-bg: var(--ui-warning);--ui-badge-warning-text: #ffffff;--ui-badge-danger-bg: var(--ui-danger);--ui-badge-danger-text: #ffffff;--ui-badge-neutral-bg: var(--ui-bg-subtle);--ui-badge-neutral-text: var(--ui-text-main);--ui-heading-h1-size: 2.5rem;--ui-heading-h1-line-height: 1.2;--ui-heading-h1-weight: 700;--ui-heading-h2-size: 2rem;--ui-heading-h2-line-height: 1.3;--ui-heading-h2-weight: 600;--ui-heading-h3-size: 1.75rem;--ui-heading-h3-line-height: 1.3;--ui-heading-h3-weight: 600;--ui-heading-h4-size: 1.5rem;--ui-heading-h4-line-height: 1.4;--ui-heading-h4-weight: 600;--ui-heading-h5-size: 1.25rem;--ui-heading-h5-line-height: 1.4;--ui-heading-h5-weight: 600;--ui-heading-h6-size: 1rem;--ui-heading-h6-line-height: 1.4;--ui-heading-h6-weight: 600;--ui-text-body-size: 1rem;--ui-text-body-line-height: 1.5;--ui-text-small-size: .875rem;--ui-text-small-line-height: 1.4;--ui-text-caption-size: .75rem;--ui-text-caption-line-height: 1.4;--ui-text-lead-weight: 400;--ui-tabs-border-color: var(--ui-border);--ui-tabs-active-color: var(--ui-primary);--ui-tabs-inactive-color: var(--ui-text-muted);--ui-tabs-hover-bg: var(--ui-bg-subtle);--ui-tabs-trigger-padding: .75rem 1rem;--ui-tabs-trigger-weight: 500;--ui-tabs-trigger-font-size: .95rem;--ui-tabs-content-padding: 1rem 0}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--ui-font-size-md)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;outline:none}table{border-collapse:collapse}button{background:none;border:none;cursor:pointer}.ui-m-xs{margin:var(--ui-spacing-xs)}.ui-mt-xs{margin-top:var(--ui-spacing-xs)}.ui-mb-xs{margin-bottom:var(--ui-spacing-xs)}.ui-ml-xs{margin-left:var(--ui-spacing-xs)}.ui-mr-xs{margin-right:var(--ui-spacing-xs)}.ui-mx-xs{margin-left:var(--ui-spacing-xs);margin-right:var(--ui-spacing-xs)}.ui-my-xs{margin-top:var(--ui-spacing-xs);margin-bottom:var(--ui-spacing-xs)}.ui-p-xs{padding:var(--ui-spacing-xs)}.ui-pt-xs{padding-top:var(--ui-spacing-xs)}.ui-pb-xs{padding-bottom:var(--ui-spacing-xs)}.ui-pl-xs{padding-left:var(--ui-spacing-xs)}.ui-pr-xs{padding-right:var(--ui-spacing-xs)}.ui-px-xs{padding-left:var(--ui-spacing-xs);padding-right:var(--ui-spacing-xs)}.ui-py-xs{padding-top:var(--ui-spacing-xs);padding-bottom:var(--ui-spacing-xs)}.ui-m-xsl{margin:var(--ui-spacing-xsl)}.ui-mt-xsl{margin-top:var(--ui-spacing-xsl)}.ui-mb-xsl{margin-bottom:var(--ui-spacing-xsl)}.ui-ml-xsl{margin-left:var(--ui-spacing-xsl)}.ui-mr-xsl{margin-right:var(--ui-spacing-xsl)}.ui-mx-xsl{margin-left:var(--ui-spacing-xsl);margin-right:var(--ui-spacing-xsl)}.ui-my-xsl{margin-top:var(--ui-spacing-xsl);margin-bottom:var(--ui-spacing-xsl)}.ui-p-xsl{padding:var(--ui-spacing-xsl)}.ui-pt-xsl{padding-top:var(--ui-spacing-xsl)}.ui-pb-xsl{padding-bottom:var(--ui-spacing-xsl)}.ui-pl-xsl{padding-left:var(--ui-spacing-xsl)}.ui-pr-xsl{padding-right:var(--ui-spacing-xsl)}.ui-px-xsl{padding-left:var(--ui-spacing-xsl);padding-right:var(--ui-spacing-xsl)}.ui-py-xsl{padding-top:var(--ui-spacing-xsl);padding-bottom:var(--ui-spacing-xsl)}.ui-m-sm{margin:var(--ui-spacing-sm)}.ui-mt-sm{margin-top:var(--ui-spacing-sm)}.ui-mb-sm{margin-bottom:var(--ui-spacing-sm)}.ui-ml-sm{margin-left:var(--ui-spacing-sm)}.ui-mr-sm{margin-right:var(--ui-spacing-sm)}.ui-mx-sm{margin-left:var(--ui-spacing-sm);margin-right:var(--ui-spacing-sm)}.ui-my-sm{margin-top:var(--ui-spacing-sm);margin-bottom:var(--ui-spacing-sm)}.ui-p-sm{padding:var(--ui-spacing-sm)}.ui-pt-sm{padding-top:var(--ui-spacing-sm)}.ui-pb-sm{padding-bottom:var(--ui-spacing-sm)}.ui-pl-sm{padding-left:var(--ui-spacing-sm)}.ui-pr-sm{padding-right:var(--ui-spacing-sm)}.ui-px-sm{padding-left:var(--ui-spacing-sm);padding-right:var(--ui-spacing-sm)}.ui-py-sm{padding-top:var(--ui-spacing-sm);padding-bottom:var(--ui-spacing-sm)}.ui-m-md{margin:var(--ui-spacing-md)}.ui-mt-md{margin-top:var(--ui-spacing-md)}.ui-mb-md{margin-bottom:var(--ui-spacing-md)}.ui-ml-md{margin-left:var(--ui-spacing-md)}.ui-mr-md{margin-right:var(--ui-spacing-md)}.ui-mx-md{margin-left:var(--ui-spacing-md);margin-right:var(--ui-spacing-md)}.ui-my-md{margin-top:var(--ui-spacing-md);margin-bottom:var(--ui-spacing-md)}.ui-p-md{padding:var(--ui-spacing-md)}.ui-pt-md{padding-top:var(--ui-spacing-md)}.ui-pb-md{padding-bottom:var(--ui-spacing-md)}.ui-pl-md{padding-left:var(--ui-spacing-md)}.ui-pr-md{padding-right:var(--ui-spacing-md)}.ui-px-md{padding-left:var(--ui-spacing-md);padding-right:var(--ui-spacing-md)}.ui-py-md{padding-top:var(--ui-spacing-md);padding-bottom:var(--ui-spacing-md)}.ui-m-lg{margin:var(--ui-spacing-lg)}.ui-mt-lg{margin-top:var(--ui-spacing-lg)}.ui-mb-lg{margin-bottom:var(--ui-spacing-lg)}.ui-ml-lg{margin-left:var(--ui-spacing-lg)}.ui-mr-lg{margin-right:var(--ui-spacing-lg)}.ui-mx-lg{margin-left:var(--ui-spacing-lg);margin-right:var(--ui-spacing-lg)}.ui-my-lg{margin-top:var(--ui-spacing-lg);margin-bottom:var(--ui-spacing-lg)}.ui-p-lg{padding:var(--ui-spacing-lg)}.ui-pt-lg{padding-top:var(--ui-spacing-lg)}.ui-pb-lg{padding-bottom:var(--ui-spacing-lg)}.ui-pl-lg{padding-left:var(--ui-spacing-lg)}.ui-pr-lg{padding-right:var(--ui-spacing-lg)}.ui-px-lg{padding-left:var(--ui-spacing-lg);padding-right:var(--ui-spacing-lg)}.ui-py-lg{padding-top:var(--ui-spacing-lg);padding-bottom:var(--ui-spacing-lg)}.ui-m-xl{margin:var(--ui-spacing-xl)}.ui-mt-xl{margin-top:var(--ui-spacing-xl)}.ui-mb-xl{margin-bottom:var(--ui-spacing-xl)}.ui-ml-xl{margin-left:var(--ui-spacing-xl)}.ui-mr-xl{margin-right:var(--ui-spacing-xl)}.ui-mx-xl{margin-left:var(--ui-spacing-xl);margin-right:var(--ui-spacing-xl)}.ui-my-xl{margin-top:var(--ui-spacing-xl);margin-bottom:var(--ui-spacing-xl)}.ui-p-xl{padding:var(--ui-spacing-xl)}.ui-pt-xl{padding-top:var(--ui-spacing-xl)}.ui-pb-xl{padding-bottom:var(--ui-spacing-xl)}.ui-pl-xl{padding-left:var(--ui-spacing-xl)}.ui-pr-xl{padding-right:var(--ui-spacing-xl)}.ui-px-xl{padding-left:var(--ui-spacing-xl);padding-right:var(--ui-spacing-xl)}.ui-py-xl{padding-top:var(--ui-spacing-xl);padding-bottom:var(--ui-spacing-xl)}.ui-m-xxl{margin:var(--ui-spacing-xxl)}.ui-mt-xxl{margin-top:var(--ui-spacing-xxl)}.ui-mb-xxl{margin-bottom:var(--ui-spacing-xxl)}.ui-ml-xxl{margin-left:var(--ui-spacing-xxl)}.ui-mr-xxl{margin-right:var(--ui-spacing-xxl)}.ui-mx-xxl{margin-left:var(--ui-spacing-xxl);margin-right:var(--ui-spacing-xxl)}.ui-my-xxl{margin-top:var(--ui-spacing-xxl);margin-bottom:var(--ui-spacing-xxl)}.ui-p-xxl{padding:var(--ui-spacing-xxl)}.ui-pt-xxl{padding-top:var(--ui-spacing-xxl)}.ui-pb-xxl{padding-bottom:var(--ui-spacing-xxl)}.ui-pl-xxl{padding-left:var(--ui-spacing-xxl)}.ui-pr-xxl{padding-right:var(--ui-spacing-xxl)}.ui-px-xxl{padding-left:var(--ui-spacing-xxl);padding-right:var(--ui-spacing-xxl)}.ui-py-xxl{padding-top:var(--ui-spacing-xxl);padding-bottom:var(--ui-spacing-xxl)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--ui-btn-padding);font-size:var(--ui-btn-font-size);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.5;text-decoration:none;-webkit-user-select:none;user-select:none}.ui-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ui-btn-primary{background-color:var(--ui-primary);color:#fff;border-color:var(--ui-primary)}.ui-btn-primary:hover{background-color:var(--ui-primary-hover);border-color:var(--ui-primary-hover)}.ui-btn-primary:active{background-color:var(--ui-primary-active)}.ui-btn-secondary{background-color:#fff;color:var(--ui-text-main);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-sm)}.ui-btn-secondary:hover{background-color:var(--ui-bg-subtle);border-color:var(--ui-border-hover);color:#000}.ui-btn-outline{background-color:transparent;color:var(--ui-primary);border-color:var(--ui-primary)}.ui-btn-outline:hover{background-color:var(--ui-primary-light)}.ui-btn-outline-danger{background-color:transparent;color:var(--ui-danger);border:1px solid var(--ui-danger)}.ui-btn-outline-danger:hover{background-color:color-mix(in srgb,var(--ui-danger),transparent 90%)}.ui-btn-outline-success{background-color:transparent;color:var(--ui-success);border:1px solid var(--ui-success)}.ui-btn-outline-success:hover{background-color:color-mix(in srgb,var(--ui-success),transparent 90%)}.ui-btn-outline-warning{background-color:transparent;color:var(--ui-warning);border:1px solid var(--ui-warning)}.ui-btn-outline-warning:hover{background-color:color-mix(in srgb,var(--ui-warning),transparent 90%)}.ui-btn-danger{background-color:var(--ui-danger);color:#fff;border-color:var(--ui-danger)}.ui-btn-danger:hover{background-color:color-mix(in srgb,var(--ui-danger),black 10%);border-color:color-mix(in srgb,var(--ui-danger),black 10%)}.ui-btn-success{background-color:var(--ui-success);color:#fff;border-color:var(--ui-success)}.ui-btn-success:hover{background-color:color-mix(in srgb,var(--ui-success),black 10%);border-color:color-mix(in srgb,var(--ui-success),black 10%)}.ui-btn-warning{background-color:var(--ui-warning);color:#fff;border-color:var(--ui-warning)}.ui-btn-warning:hover{background-color:color-mix(in srgb,var(--ui-warning),black 10%);border-color:color-mix(in srgb,var(--ui-warning),black 10%)}.ui-btn-ghost{background-color:transparent;color:var(--ui-text-main)}.ui-btn-ghost:hover{background-color:var(--ui-bg-subtle)}.ui-btn-sm{--ui-btn-padding: var(--ui-btn-padding-sm);--ui-btn-font-size: var(--ui-btn-font-size-sm);border-radius:var(--ui-btn-radius-sm, var(--ui-radius-sm))}.ui-btn-md{--ui-btn-padding: var(--ui-btn-padding-md);--ui-btn-font-size: var(--ui-btn-font-size-md);border-radius:var(--ui-btn-radius-md, var(--ui-radius-md))}.ui-btn-lg{--ui-btn-padding: var(--ui-btn-padding-lg);--ui-btn-font-size: var(--ui-btn-font-size-lg);border-radius:var(--ui-btn-radius-lg, var(--ui-radius-lg))}.ui-btn-xl{--ui-btn-padding: var(--ui-btn-padding-xl);--ui-btn-font-size: var(--ui-btn-font-size-xl);border-radius:var(--ui-btn-radius-xl, var(--ui-radius-xl))}.ui-btn:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.ui-input-wrapper{display:inline-flex;flex-direction:column;gap:.375rem}.ui-input-wrapper-full{display:flex;width:100%}.ui-input-error{border-color:var(--ui-danger)}.ui-input-error:focus{box-shadow:0 0 0 3px #ef444426}.ui-label{font-size:.875rem;font-weight:500;color:var(--ui-text-main)}.ui-input{display:block;width:100%;padding:var(--ui-input-size-md-padding);font-size:var(--ui-input-size-md-font-size);font-family:var(--ui-font-family);color:var(--ui-input-color);background-color:var(--ui-input-bg);border:var(--ui-input-border);border-radius:var(--ui-input-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ui-input::placeholder{color:var(--ui-input-placeholder);opacity:.8}.ui-input:hover{border-color:var(--ui-border-hover)}.ui-input:focus{border-color:var(--ui-input-focus-border);outline:0;box-shadow:var(--ui-input-focus-ring)}.ui-input-sm{padding:var(--ui-input-size-sm-padding);font-size:var(--ui-input-size-sm-font-size)}.ui-input-md{padding:var(--ui-input-size-md-padding);font-size:var(--ui-input-size-md-font-size)}.ui-input-lg{padding:var(--ui-input-size-lg-padding);font-size:var(--ui-input-size-lg-font-size)}.ui-input-xl{padding:var(--ui-input-size-xl-padding);font-size:var(--ui-input-size-xl-font-size)}.ui-input-error{border-color:var(--ui-input-error-border)}.ui-input-error:focus{border-color:var(--ui-input-error-border);box-shadow:var(--ui-input-error-ring)}.ui-helper-text{font-size:.8rem;color:var(--ui-text-muted)}.ui-helper-text-error{color:var(--ui-danger)}.ui-card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--ui-card-bg);border:var(--ui-card-border);border-radius:var(--ui-card-radius);box-shadow:var(--ui-card-shadow);transition:border-color .2s ease,box-shadow .2s ease}.ui-card:hover{border-color:var(--ui-border-hover)}.ui-card__header{padding:var(--ui-card-header-padding);margin-bottom:0;background-color:var(--ui-card-header-bg);border-bottom:var(--ui-card-header-border);font-weight:600;font-size:var(--ui-card-header-font-size);color:var(--ui-text-main);border-top-left-radius:calc(var(--ui-card-radius) - 1px);border-top-right-radius:calc(var(--ui-card-radius) - 1px)}.ui-card__body{flex:1 1 auto;padding:var(--ui-card-padding);color:var(--ui-text-muted);font-size:var(--ui-card-font-size);line-height:1.6}.ui-card__footer{padding:var(--ui-card-footer-padding);background-color:var(--ui-card-footer-bg);border-top:var(--ui-card-footer-border);display:flex;align-items:center;border-bottom-left-radius:calc(var(--ui-card-radius) - 1px);border-bottom-right-radius:calc(var(--ui-card-radius) - 1px)}.ui-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--ui-modal-backdrop-bg);-webkit-backdrop-filter:var(--ui-modal-backdrop-blur);backdrop-filter:var(--ui-modal-backdrop-blur);z-index:var(--ui-modal-z-index);padding:1rem;animation:ui-modal-fade-in .15s linear}.ui-modal{position:relative;display:flex;flex-direction:column;width:100%;max-height:90vh;background-color:var(--ui-modal-bg);border:var(--ui-modal-border);border-radius:var(--ui-modal-radius);box-shadow:var(--ui-modal-shadow);color:var(--ui-text-main);animation:ui-modal-slide-down .3s ease-out}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-modal-header-padding);border-bottom:1px solid var(--ui-border)}.ui-modal-title{margin:0;font-size:1.125rem;font-weight:600}.ui-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;cursor:pointer;color:var(--ui-text-muted);border-radius:var(--ui-radius-sm);transition:all .2s}.ui-modal-close:hover{background-color:var(--ui-bg-subtle);color:var(--ui-text-main)}.ui-modal-body{padding:var(--ui-modal-body-padding);overflow-y:auto;font-size:.95rem;line-height:1.5}.ui-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:var(--ui-modal-footer-padding);background-color:var(--ui-bg-subtle);border-top:1px solid var(--ui-border);border-bottom-left-radius:calc(var(--ui-modal-radius) - 1px);border-bottom-right-radius:calc(var(--ui-modal-radius) - 1px)}.ui-modal-sm{max-width:var(--ui-modal-size-sm-width)}.ui-modal-md{max-width:var(--ui-modal-size-md-width)}.ui-modal-lg{max-width:var(--ui-modal-size-lg-width)}.ui-modal-xl{max-width:var(--ui-modal-size-xl-width)}@keyframes ui-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ui-modal-slide-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:none}}@keyframes ui-modal-slide-up{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-50px)}}.ui-modal-overlay.ui-modal-closing{animation:ui-modal-fade-out .15s linear forwards}.ui-modal.ui-modal-closing{animation:ui-modal-slide-up .3s ease-out forwards}.ui-select-wrapper{position:relative;width:100%}.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;text-align:left;background-color:var(--ui-select-bg);border:var(--ui-select-border);border-radius:var(--ui-select-radius);color:var(--ui-select-color);transition:all .15s ease-in-out}.ui-select-trigger:focus{outline:none;border-color:var(--ui-select-focus-border);box-shadow:var(--ui-select-focus-ring)}.ui-select-trigger.ui-select-error{border-color:var(--ui-select-error-border)}.ui-select-trigger.ui-select-error:focus{box-shadow:var(--ui-select-error-ring)}.ui-select-trigger.ui-select-disabled{opacity:.6;cursor:not-allowed;background-color:var(--ui-bg-subtle)}.ui-select-placeholder{color:var(--ui-select-placeholder)}.ui-select-icon{width:1.25rem;height:1.25rem;color:var(--ui-text-muted);transition:transform .2s}.ui-select-open .ui-select-icon{transform:rotate(180deg)}.ui-select-menu{position:absolute;top:100%;left:0;width:100%;margin-top:4px;padding:4px;background-color:var(--ui-select-menu-bg);border:var(--ui-select-menu-border);border-radius:var(--ui-select-radius);box-shadow:var(--ui-select-menu-shadow);z-index:10;max-height:250px;overflow-y:auto;animation:ui-select-fade-in .1s ease-out}.ui-select-option{display:flex;align-items:center;width:100%;padding:.5rem .75rem;font-size:.95rem;cursor:pointer;border-radius:var(--ui-radius-sm);color:var(--ui-text-main);transition:background-color .1s}.ui-select-option:hover{background-color:var(--ui-select-option-hover-bg)}.ui-select-option.ui-select-selected{background-color:var(--ui-select-option-selected-bg);color:var(--ui-select-option-selected-color);font-weight:500}.ui-select-sm{padding:var(--ui-select-size-sm-padding);font-size:var(--ui-select-size-sm-font-size)}.ui-select-md{padding:var(--ui-select-size-md-padding);font-size:var(--ui-select-size-md-font-size)}.ui-select-lg{padding:var(--ui-select-size-lg-padding);font-size:var(--ui-select-size-lg-font-size)}.ui-select-xl{padding:var(--ui-select-size-xl-padding);font-size:var(--ui-select-size-xl-font-size)}@keyframes ui-select-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ui-checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--ui-checkbox-font-size, .95rem);-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-checkbox-label.ui-checkbox-disabled{cursor:not-allowed;opacity:var(--ui-checkbox-disabled-opacity)}.ui-checkbox-input{position:absolute;opacity:0;width:0;height:0}.ui-checkbox-custom{display:flex;align-items:center;justify-content:center;width:var(--ui-checkbox-size);height:var(--ui-checkbox-size);background-color:var(--ui-checkbox-bg);border:var(--ui-checkbox-border);border-radius:var(--ui-checkbox-radius);transition:all .15s ease-in-out;color:transparent;flex-shrink:0}.ui-checkbox-label:hover .ui-checkbox-custom{border-color:var(--ui-border-hover)}.ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-checkbox-checked-bg);border-color:var(--ui-checkbox-checked-border);color:var(--ui-checkbox-checked-color)}.ui-checkbox-icon{width:.8em;height:.8em;stroke-width:3}.ui-checkbox-sm{--ui-checkbox-size: var(--ui-checkbox-size-sm-size);font-size:var(--ui-checkbox-size-sm-font-size)}.ui-checkbox-md{--ui-checkbox-size: var(--ui-checkbox-size-md-size);font-size:var(--ui-checkbox-size-md-font-size)}.ui-checkbox-lg{--ui-checkbox-size: var(--ui-checkbox-size-lg-size);font-size:var(--ui-checkbox-size-lg-font-size)}.ui-checkbox-xl{--ui-checkbox-size: var(--ui-checkbox-size-xl-size);font-size:var(--ui-checkbox-size-xl-font-size)}.ui-checkbox-primary .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-primary);border-color:var(--ui-primary)}.ui-checkbox-primary .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-checkbox-success .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-success);border-color:var(--ui-success)}.ui-checkbox-success .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #10b98140;border-color:var(--ui-success)}.ui-checkbox-warning .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-warning);border-color:var(--ui-warning)}.ui-checkbox-warning .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #f59e0b40;border-color:var(--ui-warning)}.ui-checkbox-danger .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-danger);border-color:var(--ui-danger)}.ui-checkbox-danger .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #ef444440;border-color:var(--ui-danger)}.ui-radio-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--ui-radio-font-size, .95rem);-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-radio-label.ui-radio-disabled{cursor:not-allowed;opacity:var(--ui-radio-disabled-opacity)}.ui-radio-input{position:absolute;opacity:0;width:0;height:0}.ui-radio-custom{display:flex;align-items:center;justify-content:center;width:var(--ui-radio-size);height:var(--ui-radio-size);background-color:var(--ui-radio-bg);border:var(--ui-radio-border);border-radius:50%;transition:all .15s ease-in-out;flex-shrink:0}.ui-radio-dot{width:.5em;height:.5em;background-color:var(--ui-radio-checked-color);border-radius:50%;transform:scale(0);transition:transform .15s ease-in-out}.ui-radio-label:hover .ui-radio-custom{border-color:var(--ui-border-hover)}.ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-radio-checked-bg);border-color:var(--ui-radio-checked-border)}.ui-radio-input:checked+.ui-radio-custom .ui-radio-dot{transform:scale(1)}.ui-radio-sm{--ui-radio-size: var(--ui-radio-size-sm-size);font-size:var(--ui-radio-size-sm-font-size)}.ui-radio-md{--ui-radio-size: var(--ui-radio-size-md-size);font-size:var(--ui-radio-size-md-font-size)}.ui-radio-lg{--ui-radio-size: var(--ui-radio-size-lg-size);font-size:var(--ui-radio-size-lg-font-size)}.ui-radio-xl{--ui-radio-size: var(--ui-radio-size-xl-size);font-size:var(--ui-radio-size-xl-font-size)}.ui-radio-primary .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-primary);border-color:var(--ui-primary)}.ui-radio-primary .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-radio-success .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-success);border-color:var(--ui-success)}.ui-radio-success .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #10b98140;border-color:var(--ui-success)}.ui-radio-warning .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-warning);border-color:var(--ui-warning)}.ui-radio-warning .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #f59e0b40;border-color:var(--ui-warning)}.ui-radio-danger .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-danger);border-color:var(--ui-danger)}.ui-radio-danger .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #ef444440;border-color:var(--ui-danger)}.ui-switch-label{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-switch-label.ui-switch-disabled{cursor:not-allowed;opacity:var(--ui-switch-disabled-opacity)}.ui-switch-input{position:absolute;opacity:0;width:0;height:0}.ui-switch-track{position:relative;width:var(--ui-switch-width);height:var(--ui-switch-height);background-color:var(--ui-border);border-radius:9999px;transition:background-color .2s ease-in-out;flex-shrink:0}.ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-switch-checked-bg)}.ui-switch-thumb{position:absolute;top:50%;transform:translateY(-50%);left:2px;width:var(--ui-switch-thumb-size);height:var(--ui-switch-thumb-size);background-color:var(--ui-switch-thumb-bg);border-radius:50%;box-shadow:var(--ui-switch-thumb-shadow);transition:left .2s cubic-bezier(.4,0,.2,1)}.ui-switch-input:checked+.ui-switch-track .ui-switch-thumb{left:calc(100% - var(--ui-switch-thumb-size) - 2px)}.ui-switch-input:focus+.ui-switch-track{box-shadow:var(--ui-switch-focus-ring)}.ui-switch-sm{--ui-switch-width: var(--ui-switch-size-sm-width);--ui-switch-height: var(--ui-switch-size-sm-height);--ui-switch-thumb-size: var(--ui-switch-size-sm-thumb-size);font-size:var(--ui-font-size-sm)}.ui-switch-md{--ui-switch-width: var(--ui-switch-size-md-width);--ui-switch-height: var(--ui-switch-size-md-height);--ui-switch-thumb-size: var(--ui-switch-size-md-thumb-size);font-size:var(--ui-font-size-md)}.ui-switch-lg{--ui-switch-width: var(--ui-switch-size-lg-width);--ui-switch-height: var(--ui-switch-size-lg-height);--ui-switch-thumb-size: var(--ui-switch-size-lg-thumb-size);font-size:var(--ui-font-size-lg)}.ui-switch-xl{--ui-switch-width: var(--ui-switch-size-xl-width);--ui-switch-height: var(--ui-switch-size-xl-height);--ui-switch-thumb-size: var(--ui-switch-size-xl-thumb-size);font-size:var(--ui-font-size-xl)}.ui-switch-primary .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px var(--ui-primary-light)}.ui-switch-success .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-success)}.ui-switch-success .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #10b98140}.ui-switch-warning .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-warning)}.ui-switch-warning .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #f59e0b40}.ui-switch-danger .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-danger)}.ui-switch-danger .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #ef444440}.ui-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--ui-badge-radius);font-weight:var(--ui-badge-font-weight);line-height:1;transition:all .2s ease}.ui-badge-pill{border-radius:9999px}.ui-badge-sm{padding:var(--ui-badge-size-sm-padding);font-size:var(--ui-badge-size-sm-font-size)}.ui-badge-md{padding:var(--ui-badge-size-md-padding);font-size:var(--ui-badge-size-md-font-size)}.ui-badge-lg{padding:var(--ui-badge-size-lg-padding);font-size:var(--ui-badge-size-lg-font-size)}.ui-badge-primary{background-color:var(--ui-badge-primary-bg);color:var(--ui-badge-primary-text)}.ui-badge-success{background-color:var(--ui-badge-success-bg);color:var(--ui-badge-success-text)}.ui-badge-warning{background-color:var(--ui-badge-warning-bg);color:var(--ui-badge-warning-text)}.ui-badge-danger{background-color:var(--ui-badge-danger-bg);color:var(--ui-badge-danger-text)}.ui-badge-neutral{background-color:var(--ui-badge-neutral-bg);color:var(--ui-badge-neutral-text);border:1px solid var(--ui-border)}.ui-heading{margin:0;color:var(--ui-text-main);font-family:inherit}.ui-heading-h1{font-size:var(--ui-heading-h1-size);font-weight:var(--ui-heading-h1-weight);line-height:var(--ui-heading-h1-line-height)}.ui-heading-h2{font-size:var(--ui-heading-h2-size);font-weight:var(--ui-heading-h2-weight);line-height:var(--ui-heading-h2-line-height)}.ui-heading-h3{font-size:var(--ui-heading-h3-size);font-weight:var(--ui-heading-h3-weight);line-height:var(--ui-heading-h3-line-height)}.ui-heading-h4{font-size:var(--ui-heading-h4-size);font-weight:var(--ui-heading-h4-weight);line-height:var(--ui-heading-h4-line-height)}.ui-heading-h5{font-size:var(--ui-heading-h5-size);font-weight:var(--ui-heading-h5-weight);line-height:var(--ui-heading-h5-line-height)}.ui-heading-h6{font-size:var(--ui-heading-h6-size);font-weight:var(--ui-heading-h6-weight);line-height:var(--ui-heading-h6-line-height)}.ui-text{margin:0;color:var(--ui-text-main);font-family:inherit}.ui-text-muted{color:var(--ui-text-muted)}.ui-text-body{font-size:var(--ui-text-body-size);line-height:var(--ui-text-body-line-height)}.ui-text-small{font-size:var(--ui-text-small-size);line-height:var(--ui-text-small-line-height)}.ui-text-caption{font-size:var(--ui-text-caption-size);line-height:var(--ui-text-caption-line-height);color:var(--ui-text-muted)}.ui-text-lead{font-size:var(--ui-text-lead-size);line-height:var(--ui-text-lead-line-height);font-weight:var(--ui-text-lead-weight);color:var(--ui-text-muted)}.ui-text-weight-normal{font-weight:400}.ui-text-weight-medium{font-weight:500}.ui-text-weight-semibold{font-weight:600}.ui-text-weight-bold{font-weight:700}.ui-text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ui-text-clamp{display:-webkit-box;-webkit-line-clamp:var(--ui-line-clamp, 1);-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.ui-tabs{display:flex;flex-direction:column;width:100%}.ui-tabs-list{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.ui-tabs-list-line{border-bottom:1px solid var(--ui-tabs-border-color)}.ui-tabs-list-line .ui-tabs-trigger{border-bottom:2px solid transparent;margin-bottom:-1px}.ui-tabs-list-line .ui-tabs-trigger[data-state=active]{color:var(--ui-tabs-active-color);border-bottom-color:var(--ui-tabs-active-color)}.ui-tabs-list-pills{display:inline-flex;flex-wrap:wrap;gap:.5rem;padding:0;background:transparent;border-radius:0}.ui-tabs-list-pills .ui-tabs-trigger{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;border-radius:var(--ui-radius-md);border:1px solid transparent;background-color:transparent;color:var(--ui-text-main);flex:none;min-width:auto}.ui-tabs-list-pills .ui-tabs-trigger[data-state=active]{background-color:var(--ui-primary);color:#fff;border-color:var(--ui-primary);box-shadow:none}.ui-tabs-list-pills .ui-tabs-trigger:hover:not(:disabled):not([data-state=active]){background-color:var(--ui-bg-subtle);color:var(--ui-text-main)}.ui-tabs-trigger{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--ui-tabs-trigger-padding);font-size:var(--ui-tabs-trigger-font-size);font-weight:var(--ui-tabs-trigger-weight);color:var(--ui-tabs-inactive-color);background:transparent;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;-webkit-user-select:none;user-select:none}.ui-tabs-trigger:hover:not(:disabled):not([data-state=active]){background-color:var(--ui-tabs-hover-bg);color:var(--ui-text-main)}.ui-tabs-trigger:disabled{opacity:.5;cursor:not-allowed}.ui-tabs-trigger:focus-visible{border-radius:var(--ui-radius-sm);outline:2px solid var(--ui-primary);outline-offset:2px}.ui-tabs-content{padding:var(--ui-tabs-content-padding);outline:none}.ui-table{width:100%;margin-bottom:1rem;color:var(--ui-text-main);background-color:transparent;border-collapse:collapse;font-family:var(--ui-font-family);font-size:.95rem}.ui-table th,.ui-table td{padding:.75rem;vertical-align:top;border-bottom:1px solid var(--ui-border);text-align:left}.ui-table th{font-weight:600;color:var(--ui-text-main);background-color:var(--ui-bg-subtle);border-bottom-width:2px}.ui-table-bordered,.ui-table-bordered th,.ui-table-bordered td{border:1px solid var(--ui-border)}.ui-table-striped tbody tr:nth-of-type(odd){background-color:var(--ui-bg-subtle)}.ui-table-hover tbody tr:hover{background-color:var(--ui-primary-light);color:var(--ui-primary-dark)}.ui-table-sm th,.ui-table-sm td{padding:.375rem;font-size:.875rem}.ui-table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
+:root{--ui-primary: #2563eb;--ui-primary-hover: color-mix(in srgb, var(--ui-primary), black 10%);--ui-primary-active: color-mix(in srgb, var(--ui-primary), black 20%);--ui-primary-light: #eff6ff;--ui-text-main: #111827;--ui-text-muted: #6b7280;--ui-border: #e5e7eb;--ui-border-hover: #d1d5db;--ui-bg-main: #ffffff;--ui-bg-subtle: #f9fafb;--ui-danger: #ef4444;--ui-success: #10b981;--ui-warning: #f59e0b;--ui-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ui-font-size-sm: 12px;--ui-font-size-md: 13px;--ui-font-size-lg: 16px;--ui-font-size-xl: 21px;--ui-spacing-xs: 4px;--ui-spacing-xsl: 6px;--ui-spacing-sm: 8px;--ui-spacing-md: 12px;--ui-spacing-lg: 16px;--ui-spacing-xl: 21px;--ui-spacing-xxl: 24px;--ui-radius-sm: 2px;--ui-radius-md: 4px;--ui-radius-lg: 8px;--ui-radius-xl: 16px;--ui-radius-full: 50%;--ui-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--ui-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ui-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -2px rgb(0 0 0 / .05);--ui-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04);--ui-btn-bg: transparent;--ui-btn-text: var(--ui-text-main);--ui-btn-border: transparent;--ui-btn-radius: var(--ui-radius-md);--ui-btn-padding: .5rem 1rem;--ui-btn-font-size: .95rem;--ui-btn-radius-sm: var(--ui-radius-md);--ui-btn-radius-md: var(--ui-radius-md);--ui-btn-radius-lg: var(--ui-radius-md);--ui-btn-radius-xl: var(--ui-radius-md);--ui-btn-padding-sm: .1rem .5rem;--ui-btn-padding-md: .25rem .5rem;--ui-btn-padding-lg: .25rem 1rem;--ui-btn-padding-xl: .5rem 1rem;--ui-btn-font-size-sm: var(--ui-font-size-sm);--ui-btn-font-size-md: var(--ui-font-size-md);--ui-btn-font-size-lg: var(--ui-font-size-lg);--ui-btn-font-size-xl: var(--ui-font-size-xl);--ui-input-radius: var(--ui-radius-md);--ui-input-bg: var(--ui-bg-main);--ui-input-border: 1px solid var(--ui-border);--ui-input-color: var(--ui-text-main);--ui-input-placeholder: var(--ui-text-muted);--ui-input-focus-border: var(--ui-primary);--ui-input-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-input-error-border: var(--ui-danger);--ui-input-error-ring: 0 0 0 3px rgba(239, 68, 68, .15);--ui-input-size-sm-padding: .35rem .5rem;--ui-input-size-sm-font-size: var(--ui-font-size-sm);--ui-input-size-md-padding: .5rem .75rem;--ui-input-size-md-font-size: var(--ui-font-size-md);--ui-input-size-lg-padding: .7rem 1rem;--ui-input-size-lg-font-size: var(--ui-font-size-lg);--ui-input-size-xl-padding: 1rem 1.25rem;--ui-input-size-xl-font-size: var(--ui-font-size-xl);--ui-select-radius: var(--ui-radius-md);--ui-select-bg: var(--ui-bg-main);--ui-select-border: 1px solid var(--ui-border);--ui-select-color: var(--ui-text-main);--ui-select-placeholder: var(--ui-text-muted);--ui-select-focus-border: var(--ui-primary);--ui-select-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-select-error-border: var(--ui-danger);--ui-select-error-ring: 0 0 0 3px rgba(239, 68, 68, .15);--ui-select-menu-bg: var(--ui-bg-main);--ui-select-menu-border: 1px solid var(--ui-border);--ui-select-menu-shadow: var(--ui-shadow-lg);--ui-select-option-hover-bg: var(--ui-bg-subtle);--ui-select-option-selected-bg: var(--ui-primary-light);--ui-select-option-selected-color: var(--ui-primary);--ui-select-size-sm-padding: var(--ui-input-size-sm-padding);--ui-select-size-sm-font-size: var(--ui-input-size-sm-font-size);--ui-select-size-md-padding: var(--ui-input-size-md-padding);--ui-select-size-md-font-size: var(--ui-input-size-md-font-size);--ui-select-size-lg-padding: var(--ui-input-size-lg-padding);--ui-select-size-lg-font-size: var(--ui-input-size-lg-font-size);--ui-select-size-xl-padding: var(--ui-input-size-xl-padding);--ui-select-size-xl-font-size: var(--ui-input-size-xl-font-size);--ui-card-radius: var(--ui-radius-md);--ui-card-bg: var(--ui-bg-main);--ui-card-border: 1px solid var(--ui-border);--ui-card-shadow: none;--ui-card-padding: var(--ui-spacing-md);--ui-card-header-bg: transparent;--ui-card-header-padding: var(--ui-spacing-md) var(--ui-spacing-md);--ui-card-header-border: 1px solid var(--ui-border);--ui-card-header-font-size: var(--ui-font-size-lg);--ui-card-font-size: var(--ui-font-size-md);--ui-card-footer-bg: var(--ui-bg-subtle);--ui-card-footer-padding: var(--ui-spacing-md) var(--ui-spacing-md);--ui-card-footer-border: 1px solid var(--ui-border);--ui-modal-radius: var(--ui-radius-lg);--ui-modal-bg: var(--ui-bg-main);--ui-modal-shadow: var(--ui-shadow-xl);--ui-modal-backdrop-bg: rgba(0, 0, 0, .4);--ui-modal-backdrop-blur: none;--ui-modal-border: 1px solid var(--ui-border);--ui-modal-z-index: 50;--ui-modal-header-padding: 1.25rem 1.5rem;--ui-modal-body-padding: 1.5rem;--ui-modal-footer-padding: 1.25rem 1.5rem;--ui-modal-size-sm-width: 400px;--ui-modal-size-md-width: 550px;--ui-modal-size-lg-width: 750px;--ui-modal-size-xl-width: 1140px;--ui-checkbox-size: 1.125rem;--ui-checkbox-radius: var(--ui-radius-sm);--ui-checkbox-bg: var(--ui-bg-main);--ui-checkbox-border: 1px solid var(--ui-border);--ui-checkbox-checked-bg: var(--ui-primary);--ui-checkbox-checked-border: var(--ui-primary);--ui-checkbox-checked-color: #ffffff;--ui-checkbox-disabled-opacity: .6;--ui-checkbox-size-sm-size: 1rem;--ui-checkbox-size-sm-font-size: var(--ui-font-size-sm);--ui-checkbox-size-md-size: 1.125rem;--ui-checkbox-size-md-font-size: var(--ui-font-size-md);--ui-checkbox-size-lg-size: 1.35rem;--ui-checkbox-size-lg-font-size: var(--ui-font-size-lg);--ui-checkbox-size-xl-size: 1.65rem;--ui-checkbox-size-xl-font-size: var(--ui-font-size-xl);--ui-radio-size: 1.125rem;--ui-radio-bg: var(--ui-bg-main);--ui-radio-border: 1px solid var(--ui-border);--ui-radio-checked-bg: var(--ui-primary);--ui-radio-checked-border: var(--ui-primary);--ui-radio-checked-color: #ffffff;--ui-radio-disabled-opacity: .6;--ui-radio-size-sm-size: 1rem;--ui-radio-size-sm-font-size: var(--ui-font-size-sm);--ui-radio-size-md-size: 1.125rem;--ui-radio-size-md-font-size: var(--ui-font-size-md);--ui-radio-size-lg-size: 1.35rem;--ui-radio-size-lg-font-size: var(--ui-font-size-lg);--ui-radio-size-xl-size: 1.65rem;--ui-radio-size-xl-font-size: var(--ui-font-size-xl);--ui-switch-width: 2.75rem;--ui-switch-height: 1.5rem;--ui-switch-bg: var(--ui-bg-subtle);--ui-switch-checked-bg: var(--ui-primary);--ui-switch-thumb-size: 1.125rem;--ui-switch-thumb-bg: #ffffff;--ui-switch-thumb-shadow: 0 1px 2px 0 rgb(0 0 0 / .15);--ui-switch-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-switch-disabled-opacity: .6;--ui-switch-size-sm-width: 2rem;--ui-switch-size-sm-height: 1.125rem;--ui-switch-size-sm-thumb-size: .8rem;--ui-switch-size-md-width: 2.75rem;--ui-switch-size-md-height: 1.5rem;--ui-switch-size-md-thumb-size: 1.125rem;--ui-switch-size-lg-width: 3.5rem;--ui-switch-size-lg-height: 1.875rem;--ui-switch-size-lg-thumb-size: 1.45rem;--ui-switch-size-xl-width: 4.25rem;--ui-switch-size-xl-height: 2.25rem;--ui-switch-size-xl-thumb-size: 1.75rem;--ui-badge-radius: var(--ui-radius-sm);--ui-badge-font-weight: 500;--ui-badge-size-sm-padding: .125rem .5rem;--ui-badge-size-sm-font-size: .75rem;--ui-badge-size-md-padding: .25rem .75rem;--ui-badge-size-md-font-size: .875rem;--ui-badge-size-lg-padding: .375rem .875rem;--ui-badge-size-lg-font-size: 1rem;--ui-badge-primary-bg: var(--ui-primary);--ui-badge-primary-text: #ffffff;--ui-badge-success-bg: var(--ui-success);--ui-badge-success-text: #ffffff;--ui-badge-warning-bg: var(--ui-warning);--ui-badge-warning-text: #ffffff;--ui-badge-danger-bg: var(--ui-danger);--ui-badge-danger-text: #ffffff;--ui-badge-neutral-bg: var(--ui-bg-subtle);--ui-badge-neutral-text: var(--ui-text-main);--ui-heading-h1-size: 2.5rem;--ui-heading-h1-line-height: 1.2;--ui-heading-h1-weight: 700;--ui-heading-h2-size: 2rem;--ui-heading-h2-line-height: 1.3;--ui-heading-h2-weight: 600;--ui-heading-h3-size: 1.75rem;--ui-heading-h3-line-height: 1.3;--ui-heading-h3-weight: 600;--ui-heading-h4-size: 1.5rem;--ui-heading-h4-line-height: 1.4;--ui-heading-h4-weight: 600;--ui-heading-h5-size: 1.25rem;--ui-heading-h5-line-height: 1.4;--ui-heading-h5-weight: 600;--ui-heading-h6-size: 1rem;--ui-heading-h6-line-height: 1.4;--ui-heading-h6-weight: 600;--ui-text-body-size: var(--ui-font-size-md);--ui-text-body-line-height: var(--ui-line-height-md);--ui-text-small-size: var(--ui-font-size-sm);--ui-text-small-line-height: var(--ui-line-height-sm);--ui-text-caption-size: var(--ui-font-size-xs);--ui-text-caption-line-height: var(--ui-line-height-xs);--ui-text-lead-weight: 400;--ui-tabs-border-color: var(--ui-border);--ui-tabs-active-color: var(--ui-primary);--ui-tabs-inactive-color: var(--ui-text-muted);--ui-tabs-hover-bg: var(--ui-bg-subtle);--ui-tabs-trigger-padding: .75rem 1rem;--ui-tabs-trigger-weight: 500;--ui-tabs-trigger-font-size: .95rem;--ui-tabs-content-padding: 1rem 0;--ui-flex-gap-sm: var(--ui-spacing-sm);--ui-flex-gap-md: var(--ui-spacing-md);--ui-flex-gap-lg: var(--ui-spacing-lg);--ui-flex-gap-xl: var(--ui-spacing-xl);--ui-container-padding-x: var(--ui-spacing-md);--ui-container-max-width-sm: 540px;--ui-container-max-width-md: 768px;--ui-container-max-width-lg: 1024px;--ui-container-max-width-xl: 1280px;--ui-container-max-width-xxl: 1536px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--ui-font-size-md)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;outline:none}table{border-collapse:collapse}button{background:none;border:none;cursor:pointer}.ui-m-xs{margin:var(--ui-spacing-xs)}.ui-mt-xs{margin-top:var(--ui-spacing-xs)}.ui-mb-xs{margin-bottom:var(--ui-spacing-xs)}.ui-ml-xs{margin-left:var(--ui-spacing-xs)}.ui-mr-xs{margin-right:var(--ui-spacing-xs)}.ui-mx-xs{margin-left:var(--ui-spacing-xs);margin-right:var(--ui-spacing-xs)}.ui-my-xs{margin-top:var(--ui-spacing-xs);margin-bottom:var(--ui-spacing-xs)}.ui-p-xs{padding:var(--ui-spacing-xs)}.ui-pt-xs{padding-top:var(--ui-spacing-xs)}.ui-pb-xs{padding-bottom:var(--ui-spacing-xs)}.ui-pl-xs{padding-left:var(--ui-spacing-xs)}.ui-pr-xs{padding-right:var(--ui-spacing-xs)}.ui-px-xs{padding-left:var(--ui-spacing-xs);padding-right:var(--ui-spacing-xs)}.ui-py-xs{padding-top:var(--ui-spacing-xs);padding-bottom:var(--ui-spacing-xs)}.ui-m-xsl{margin:var(--ui-spacing-xsl)}.ui-mt-xsl{margin-top:var(--ui-spacing-xsl)}.ui-mb-xsl{margin-bottom:var(--ui-spacing-xsl)}.ui-ml-xsl{margin-left:var(--ui-spacing-xsl)}.ui-mr-xsl{margin-right:var(--ui-spacing-xsl)}.ui-mx-xsl{margin-left:var(--ui-spacing-xsl);margin-right:var(--ui-spacing-xsl)}.ui-my-xsl{margin-top:var(--ui-spacing-xsl);margin-bottom:var(--ui-spacing-xsl)}.ui-p-xsl{padding:var(--ui-spacing-xsl)}.ui-pt-xsl{padding-top:var(--ui-spacing-xsl)}.ui-pb-xsl{padding-bottom:var(--ui-spacing-xsl)}.ui-pl-xsl{padding-left:var(--ui-spacing-xsl)}.ui-pr-xsl{padding-right:var(--ui-spacing-xsl)}.ui-px-xsl{padding-left:var(--ui-spacing-xsl);padding-right:var(--ui-spacing-xsl)}.ui-py-xsl{padding-top:var(--ui-spacing-xsl);padding-bottom:var(--ui-spacing-xsl)}.ui-m-sm{margin:var(--ui-spacing-sm)}.ui-mt-sm{margin-top:var(--ui-spacing-sm)}.ui-mb-sm{margin-bottom:var(--ui-spacing-sm)}.ui-ml-sm{margin-left:var(--ui-spacing-sm)}.ui-mr-sm{margin-right:var(--ui-spacing-sm)}.ui-mx-sm{margin-left:var(--ui-spacing-sm);margin-right:var(--ui-spacing-sm)}.ui-my-sm{margin-top:var(--ui-spacing-sm);margin-bottom:var(--ui-spacing-sm)}.ui-p-sm{padding:var(--ui-spacing-sm)}.ui-pt-sm{padding-top:var(--ui-spacing-sm)}.ui-pb-sm{padding-bottom:var(--ui-spacing-sm)}.ui-pl-sm{padding-left:var(--ui-spacing-sm)}.ui-pr-sm{padding-right:var(--ui-spacing-sm)}.ui-px-sm{padding-left:var(--ui-spacing-sm);padding-right:var(--ui-spacing-sm)}.ui-py-sm{padding-top:var(--ui-spacing-sm);padding-bottom:var(--ui-spacing-sm)}.ui-m-md{margin:var(--ui-spacing-md)}.ui-mt-md{margin-top:var(--ui-spacing-md)}.ui-mb-md{margin-bottom:var(--ui-spacing-md)}.ui-ml-md{margin-left:var(--ui-spacing-md)}.ui-mr-md{margin-right:var(--ui-spacing-md)}.ui-mx-md{margin-left:var(--ui-spacing-md);margin-right:var(--ui-spacing-md)}.ui-my-md{margin-top:var(--ui-spacing-md);margin-bottom:var(--ui-spacing-md)}.ui-p-md{padding:var(--ui-spacing-md)}.ui-pt-md{padding-top:var(--ui-spacing-md)}.ui-pb-md{padding-bottom:var(--ui-spacing-md)}.ui-pl-md{padding-left:var(--ui-spacing-md)}.ui-pr-md{padding-right:var(--ui-spacing-md)}.ui-px-md{padding-left:var(--ui-spacing-md);padding-right:var(--ui-spacing-md)}.ui-py-md{padding-top:var(--ui-spacing-md);padding-bottom:var(--ui-spacing-md)}.ui-m-lg{margin:var(--ui-spacing-lg)}.ui-mt-lg{margin-top:var(--ui-spacing-lg)}.ui-mb-lg{margin-bottom:var(--ui-spacing-lg)}.ui-ml-lg{margin-left:var(--ui-spacing-lg)}.ui-mr-lg{margin-right:var(--ui-spacing-lg)}.ui-mx-lg{margin-left:var(--ui-spacing-lg);margin-right:var(--ui-spacing-lg)}.ui-my-lg{margin-top:var(--ui-spacing-lg);margin-bottom:var(--ui-spacing-lg)}.ui-p-lg{padding:var(--ui-spacing-lg)}.ui-pt-lg{padding-top:var(--ui-spacing-lg)}.ui-pb-lg{padding-bottom:var(--ui-spacing-lg)}.ui-pl-lg{padding-left:var(--ui-spacing-lg)}.ui-pr-lg{padding-right:var(--ui-spacing-lg)}.ui-px-lg{padding-left:var(--ui-spacing-lg);padding-right:var(--ui-spacing-lg)}.ui-py-lg{padding-top:var(--ui-spacing-lg);padding-bottom:var(--ui-spacing-lg)}.ui-m-xl{margin:var(--ui-spacing-xl)}.ui-mt-xl{margin-top:var(--ui-spacing-xl)}.ui-mb-xl{margin-bottom:var(--ui-spacing-xl)}.ui-ml-xl{margin-left:var(--ui-spacing-xl)}.ui-mr-xl{margin-right:var(--ui-spacing-xl)}.ui-mx-xl{margin-left:var(--ui-spacing-xl);margin-right:var(--ui-spacing-xl)}.ui-my-xl{margin-top:var(--ui-spacing-xl);margin-bottom:var(--ui-spacing-xl)}.ui-p-xl{padding:var(--ui-spacing-xl)}.ui-pt-xl{padding-top:var(--ui-spacing-xl)}.ui-pb-xl{padding-bottom:var(--ui-spacing-xl)}.ui-pl-xl{padding-left:var(--ui-spacing-xl)}.ui-pr-xl{padding-right:var(--ui-spacing-xl)}.ui-px-xl{padding-left:var(--ui-spacing-xl);padding-right:var(--ui-spacing-xl)}.ui-py-xl{padding-top:var(--ui-spacing-xl);padding-bottom:var(--ui-spacing-xl)}.ui-m-xxl{margin:var(--ui-spacing-xxl)}.ui-mt-xxl{margin-top:var(--ui-spacing-xxl)}.ui-mb-xxl{margin-bottom:var(--ui-spacing-xxl)}.ui-ml-xxl{margin-left:var(--ui-spacing-xxl)}.ui-mr-xxl{margin-right:var(--ui-spacing-xxl)}.ui-mx-xxl{margin-left:var(--ui-spacing-xxl);margin-right:var(--ui-spacing-xxl)}.ui-my-xxl{margin-top:var(--ui-spacing-xxl);margin-bottom:var(--ui-spacing-xxl)}.ui-p-xxl{padding:var(--ui-spacing-xxl)}.ui-pt-xxl{padding-top:var(--ui-spacing-xxl)}.ui-pb-xxl{padding-bottom:var(--ui-spacing-xxl)}.ui-pl-xxl{padding-left:var(--ui-spacing-xxl)}.ui-pr-xxl{padding-right:var(--ui-spacing-xxl)}.ui-px-xxl{padding-left:var(--ui-spacing-xxl);padding-right:var(--ui-spacing-xxl)}.ui-py-xxl{padding-top:var(--ui-spacing-xxl);padding-bottom:var(--ui-spacing-xxl)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--ui-btn-padding);font-size:var(--ui-btn-font-size);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.5;text-decoration:none;-webkit-user-select:none;user-select:none}.ui-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ui-btn-primary{background-color:var(--ui-primary);color:#fff;border-color:var(--ui-primary)}.ui-btn-primary:hover{background-color:var(--ui-primary-hover);border-color:var(--ui-primary-hover)}.ui-btn-primary:active{background-color:var(--ui-primary-active)}.ui-btn-secondary{background-color:#fff;color:var(--ui-text-main);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-sm)}.ui-btn-secondary:hover{background-color:var(--ui-bg-subtle);border-color:var(--ui-border-hover);color:#000}.ui-btn-outline{background-color:transparent;color:var(--ui-primary);border-color:var(--ui-primary)}.ui-btn-outline:hover{background-color:var(--ui-primary-light)}.ui-btn-outline-danger{background-color:transparent;color:var(--ui-danger);border:1px solid var(--ui-danger)}.ui-btn-outline-danger:hover{background-color:color-mix(in srgb,var(--ui-danger),transparent 90%)}.ui-btn-outline-success{background-color:transparent;color:var(--ui-success);border:1px solid var(--ui-success)}.ui-btn-outline-success:hover{background-color:color-mix(in srgb,var(--ui-success),transparent 90%)}.ui-btn-outline-warning{background-color:transparent;color:var(--ui-warning);border:1px solid var(--ui-warning)}.ui-btn-outline-warning:hover{background-color:color-mix(in srgb,var(--ui-warning),transparent 90%)}.ui-btn-danger{background-color:var(--ui-danger);color:#fff;border-color:var(--ui-danger)}.ui-btn-danger:hover{background-color:color-mix(in srgb,var(--ui-danger),black 10%);border-color:color-mix(in srgb,var(--ui-danger),black 10%)}.ui-btn-success{background-color:var(--ui-success);color:#fff;border-color:var(--ui-success)}.ui-btn-success:hover{background-color:color-mix(in srgb,var(--ui-success),black 10%);border-color:color-mix(in srgb,var(--ui-success),black 10%)}.ui-btn-warning{background-color:var(--ui-warning);color:#fff;border-color:var(--ui-warning)}.ui-btn-warning:hover{background-color:color-mix(in srgb,var(--ui-warning),black 10%);border-color:color-mix(in srgb,var(--ui-warning),black 10%)}.ui-btn-ghost{background-color:transparent;color:var(--ui-text-main)}.ui-btn-ghost:hover{background-color:var(--ui-bg-subtle)}.ui-btn-sm{--ui-btn-padding: var(--ui-btn-padding-sm);--ui-btn-font-size: var(--ui-btn-font-size-sm);border-radius:var(--ui-btn-radius-sm, var(--ui-radius-sm))}.ui-btn-md{--ui-btn-padding: var(--ui-btn-padding-md);--ui-btn-font-size: var(--ui-btn-font-size-md);border-radius:var(--ui-btn-radius-md, var(--ui-radius-md))}.ui-btn-lg{--ui-btn-padding: var(--ui-btn-padding-lg);--ui-btn-font-size: var(--ui-btn-font-size-lg);border-radius:var(--ui-btn-radius-lg, var(--ui-radius-lg))}.ui-btn-xl{--ui-btn-padding: var(--ui-btn-padding-xl);--ui-btn-font-size: var(--ui-btn-font-size-xl);border-radius:var(--ui-btn-radius-xl, var(--ui-radius-xl))}.ui-btn:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.ui-input-wrapper{display:inline-flex;flex-direction:column;gap:.375rem}.ui-input-wrapper-full{display:flex;width:100%}.ui-input-error{border-color:var(--ui-danger)}.ui-input-error:focus{box-shadow:0 0 0 3px #ef444426}.ui-label{font-size:.875rem;font-weight:500;color:var(--ui-text-main)}.ui-input{display:block;width:100%;padding:var(--ui-input-size-md-padding);font-size:var(--ui-input-size-md-font-size);font-family:var(--ui-font-family);color:var(--ui-input-color);background-color:var(--ui-input-bg);border:var(--ui-input-border);border-radius:var(--ui-input-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ui-input::placeholder{color:var(--ui-input-placeholder);opacity:.8}.ui-input:hover{border-color:var(--ui-border-hover)}.ui-input:focus{border-color:var(--ui-input-focus-border);outline:0;box-shadow:var(--ui-input-focus-ring)}.ui-input-sm{padding:var(--ui-input-size-sm-padding);font-size:var(--ui-input-size-sm-font-size)}.ui-input-md{padding:var(--ui-input-size-md-padding);font-size:var(--ui-input-size-md-font-size)}.ui-input-lg{padding:var(--ui-input-size-lg-padding);font-size:var(--ui-input-size-lg-font-size)}.ui-input-xl{padding:var(--ui-input-size-xl-padding);font-size:var(--ui-input-size-xl-font-size)}.ui-input-error{border-color:var(--ui-input-error-border)}.ui-input-error:focus{border-color:var(--ui-input-error-border);box-shadow:var(--ui-input-error-ring)}.ui-helper-text{font-size:.8rem;color:var(--ui-text-muted)}.ui-helper-text-error{color:var(--ui-danger)}.ui-card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--ui-card-bg);border:var(--ui-card-border);border-radius:var(--ui-card-radius);box-shadow:var(--ui-card-shadow);transition:border-color .2s ease,box-shadow .2s ease}.ui-card:hover{border-color:var(--ui-border-hover)}.ui-card__header{padding:var(--ui-card-header-padding);margin-bottom:0;background-color:var(--ui-card-header-bg);border-bottom:var(--ui-card-header-border);font-weight:600;font-size:var(--ui-card-header-font-size);color:var(--ui-text-main);border-top-left-radius:calc(var(--ui-card-radius) - 1px);border-top-right-radius:calc(var(--ui-card-radius) - 1px)}.ui-card__body{flex:1 1 auto;padding:var(--ui-card-padding);color:var(--ui-text-muted);font-size:var(--ui-card-font-size);line-height:1.6}.ui-card__footer{padding:var(--ui-card-footer-padding);background-color:var(--ui-card-footer-bg);border-top:var(--ui-card-footer-border);display:flex;align-items:center;border-bottom-left-radius:calc(var(--ui-card-radius) - 1px);border-bottom-right-radius:calc(var(--ui-card-radius) - 1px)}.ui-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--ui-modal-backdrop-bg);-webkit-backdrop-filter:var(--ui-modal-backdrop-blur);backdrop-filter:var(--ui-modal-backdrop-blur);z-index:var(--ui-modal-z-index);padding:1rem;animation:ui-modal-fade-in .15s linear}.ui-modal{position:relative;display:flex;flex-direction:column;width:100%;max-height:90vh;background-color:var(--ui-modal-bg);border:var(--ui-modal-border);border-radius:var(--ui-modal-radius);box-shadow:var(--ui-modal-shadow);color:var(--ui-text-main);animation:ui-modal-slide-down .3s ease-out}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-modal-header-padding);border-bottom:1px solid var(--ui-border)}.ui-modal-title{margin:0;font-size:1.125rem;font-weight:600}.ui-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;cursor:pointer;color:var(--ui-text-muted);border-radius:var(--ui-radius-sm);transition:all .2s}.ui-modal-close:hover{background-color:var(--ui-bg-subtle);color:var(--ui-text-main)}.ui-modal-body{padding:var(--ui-modal-body-padding);overflow-y:auto;font-size:.95rem;line-height:1.5}.ui-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:var(--ui-modal-footer-padding);background-color:var(--ui-bg-subtle);border-top:1px solid var(--ui-border);border-bottom-left-radius:calc(var(--ui-modal-radius) - 1px);border-bottom-right-radius:calc(var(--ui-modal-radius) - 1px)}.ui-modal-sm{max-width:var(--ui-modal-size-sm-width)}.ui-modal-md{max-width:var(--ui-modal-size-md-width)}.ui-modal-lg{max-width:var(--ui-modal-size-lg-width)}.ui-modal-xl{max-width:var(--ui-modal-size-xl-width)}@keyframes ui-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ui-modal-slide-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:none}}@keyframes ui-modal-slide-up{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-50px)}}.ui-modal-overlay.ui-modal-closing{animation:ui-modal-fade-out .15s linear forwards}.ui-modal.ui-modal-closing{animation:ui-modal-slide-up .3s ease-out forwards}.ui-select-wrapper{width:100%}.ui-select-input-container{position:relative;width:100%}.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;text-align:left;background-color:var(--ui-select-bg);border:var(--ui-select-border);border-radius:var(--ui-select-radius);color:var(--ui-select-color);transition:all .15s ease-in-out}.ui-select-trigger:focus{outline:none;border-color:var(--ui-select-focus-border);box-shadow:var(--ui-select-focus-ring)}.ui-select-trigger.ui-select-error{border-color:var(--ui-select-error-border)}.ui-select-trigger.ui-select-error:focus{box-shadow:var(--ui-select-error-ring)}.ui-select-trigger.ui-select-disabled{opacity:.6;cursor:not-allowed;background-color:var(--ui-bg-subtle)}.ui-select-placeholder{color:var(--ui-select-placeholder)}.ui-select-icon{width:1.25rem;height:1.25rem;color:var(--ui-text-muted);transition:transform .2s}.ui-select-open .ui-select-icon{transform:rotate(180deg)}.ui-select-menu{position:absolute;top:100%;left:0;width:100%;margin-top:4px;padding:4px;background-color:var(--ui-select-menu-bg);border:var(--ui-select-menu-border);border-radius:var(--ui-select-radius);box-shadow:var(--ui-select-menu-shadow);z-index:10;max-height:250px;overflow-y:auto;animation:ui-select-fade-in-down .1s ease-out}.ui-select-menu-top{top:auto;bottom:100%;margin-top:0;margin-bottom:4px;animation:ui-select-fade-in-up .1s ease-out}.ui-select-option{display:flex;align-items:center;width:100%;padding:.5rem .75rem;font-size:.95rem;cursor:pointer;border-radius:var(--ui-radius-sm);color:var(--ui-text-main);transition:background-color .1s}.ui-select-option:hover{background-color:var(--ui-select-option-hover-bg)}.ui-select-option.ui-select-selected{background-color:var(--ui-select-option-selected-bg);color:var(--ui-select-option-selected-color);font-weight:500}.ui-select-sm{padding:var(--ui-select-size-sm-padding);font-size:var(--ui-select-size-sm-font-size)}.ui-select-md{padding:var(--ui-select-size-md-padding);font-size:var(--ui-select-size-md-font-size)}.ui-select-lg{padding:var(--ui-select-size-lg-padding);font-size:var(--ui-select-size-lg-font-size)}.ui-select-xl{padding:var(--ui-select-size-xl-padding);font-size:var(--ui-select-size-xl-font-size)}@keyframes ui-select-fade-in-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-select-fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ui-checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--ui-checkbox-font-size, .95rem);-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-checkbox-label.ui-checkbox-disabled{cursor:not-allowed;opacity:var(--ui-checkbox-disabled-opacity)}.ui-checkbox-input{position:absolute;opacity:0;width:0;height:0}.ui-checkbox-custom{display:flex;align-items:center;justify-content:center;width:var(--ui-checkbox-size);height:var(--ui-checkbox-size);background-color:var(--ui-checkbox-bg);border:var(--ui-checkbox-border);border-radius:var(--ui-checkbox-radius);transition:all .15s ease-in-out;color:transparent;flex-shrink:0}.ui-checkbox-label:hover .ui-checkbox-custom{border-color:var(--ui-border-hover)}.ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-checkbox-checked-bg);border-color:var(--ui-checkbox-checked-border);color:var(--ui-checkbox-checked-color)}.ui-checkbox-icon{width:.8em;height:.8em;stroke-width:3}.ui-checkbox-sm{--ui-checkbox-size: var(--ui-checkbox-size-sm-size);font-size:var(--ui-checkbox-size-sm-font-size)}.ui-checkbox-md{--ui-checkbox-size: var(--ui-checkbox-size-md-size);font-size:var(--ui-checkbox-size-md-font-size)}.ui-checkbox-lg{--ui-checkbox-size: var(--ui-checkbox-size-lg-size);font-size:var(--ui-checkbox-size-lg-font-size)}.ui-checkbox-xl{--ui-checkbox-size: var(--ui-checkbox-size-xl-size);font-size:var(--ui-checkbox-size-xl-font-size)}.ui-checkbox-primary .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-primary);border-color:var(--ui-primary)}.ui-checkbox-primary .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-checkbox-success .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-success);border-color:var(--ui-success)}.ui-checkbox-success .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #10b98140;border-color:var(--ui-success)}.ui-checkbox-warning .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-warning);border-color:var(--ui-warning)}.ui-checkbox-warning .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #f59e0b40;border-color:var(--ui-warning)}.ui-checkbox-danger .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-danger);border-color:var(--ui-danger)}.ui-checkbox-danger .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #ef444440;border-color:var(--ui-danger)}.ui-radio-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--ui-radio-font-size, .95rem);-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-radio-label.ui-radio-disabled{cursor:not-allowed;opacity:var(--ui-radio-disabled-opacity)}.ui-radio-input{position:absolute;opacity:0;width:0;height:0}.ui-radio-custom{display:flex;align-items:center;justify-content:center;width:var(--ui-radio-size);height:var(--ui-radio-size);background-color:var(--ui-radio-bg);border:var(--ui-radio-border);border-radius:50%;transition:all .15s ease-in-out;flex-shrink:0}.ui-radio-dot{width:.5em;height:.5em;background-color:var(--ui-radio-checked-color);border-radius:50%;transform:scale(0);transition:transform .15s ease-in-out}.ui-radio-label:hover .ui-radio-custom{border-color:var(--ui-border-hover)}.ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-radio-checked-bg);border-color:var(--ui-radio-checked-border)}.ui-radio-input:checked+.ui-radio-custom .ui-radio-dot{transform:scale(1)}.ui-radio-sm{--ui-radio-size: var(--ui-radio-size-sm-size);font-size:var(--ui-radio-size-sm-font-size)}.ui-radio-md{--ui-radio-size: var(--ui-radio-size-md-size);font-size:var(--ui-radio-size-md-font-size)}.ui-radio-lg{--ui-radio-size: var(--ui-radio-size-lg-size);font-size:var(--ui-radio-size-lg-font-size)}.ui-radio-xl{--ui-radio-size: var(--ui-radio-size-xl-size);font-size:var(--ui-radio-size-xl-font-size)}.ui-radio-primary .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-primary);border-color:var(--ui-primary)}.ui-radio-primary .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-radio-success .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-success);border-color:var(--ui-success)}.ui-radio-success .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #10b98140;border-color:var(--ui-success)}.ui-radio-warning .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-warning);border-color:var(--ui-warning)}.ui-radio-warning .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #f59e0b40;border-color:var(--ui-warning)}.ui-radio-danger .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-danger);border-color:var(--ui-danger)}.ui-radio-danger .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #ef444440;border-color:var(--ui-danger)}.ui-switch-label{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-switch-label.ui-switch-disabled{cursor:not-allowed;opacity:var(--ui-switch-disabled-opacity)}.ui-switch-input{position:absolute;opacity:0;width:0;height:0}.ui-switch-track{position:relative;width:var(--ui-switch-width);height:var(--ui-switch-height);background-color:var(--ui-border);border-radius:9999px;transition:background-color .2s ease-in-out;flex-shrink:0}.ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-switch-checked-bg)}.ui-switch-thumb{position:absolute;top:50%;transform:translateY(-50%);left:2px;width:var(--ui-switch-thumb-size);height:var(--ui-switch-thumb-size);background-color:var(--ui-switch-thumb-bg);border-radius:50%;box-shadow:var(--ui-switch-thumb-shadow);transition:left .2s cubic-bezier(.4,0,.2,1)}.ui-switch-input:checked+.ui-switch-track .ui-switch-thumb{left:calc(100% - var(--ui-switch-thumb-size) - 2px)}.ui-switch-input:focus+.ui-switch-track{box-shadow:var(--ui-switch-focus-ring)}.ui-switch-sm{--ui-switch-width: var(--ui-switch-size-sm-width);--ui-switch-height: var(--ui-switch-size-sm-height);--ui-switch-thumb-size: var(--ui-switch-size-sm-thumb-size);font-size:var(--ui-font-size-sm)}.ui-switch-md{--ui-switch-width: var(--ui-switch-size-md-width);--ui-switch-height: var(--ui-switch-size-md-height);--ui-switch-thumb-size: var(--ui-switch-size-md-thumb-size);font-size:var(--ui-font-size-md)}.ui-switch-lg{--ui-switch-width: var(--ui-switch-size-lg-width);--ui-switch-height: var(--ui-switch-size-lg-height);--ui-switch-thumb-size: var(--ui-switch-size-lg-thumb-size);font-size:var(--ui-font-size-lg)}.ui-switch-xl{--ui-switch-width: var(--ui-switch-size-xl-width);--ui-switch-height: var(--ui-switch-size-xl-height);--ui-switch-thumb-size: var(--ui-switch-size-xl-thumb-size);font-size:var(--ui-font-size-xl)}.ui-switch-primary .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px var(--ui-primary-light)}.ui-switch-success .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-success)}.ui-switch-success .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #10b98140}.ui-switch-warning .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-warning)}.ui-switch-warning .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #f59e0b40}.ui-switch-danger .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-danger)}.ui-switch-danger .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #ef444440}.ui-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--ui-badge-radius);font-weight:var(--ui-badge-font-weight);line-height:1;transition:all .2s ease}.ui-badge-pill{border-radius:9999px}.ui-badge-sm{padding:var(--ui-badge-size-sm-padding);font-size:var(--ui-badge-size-sm-font-size)}.ui-badge-md{padding:var(--ui-badge-size-md-padding);font-size:var(--ui-badge-size-md-font-size)}.ui-badge-lg{padding:var(--ui-badge-size-lg-padding);font-size:var(--ui-badge-size-lg-font-size)}.ui-badge-primary{background-color:var(--ui-badge-primary-bg);color:var(--ui-badge-primary-text)}.ui-badge-success{background-color:var(--ui-badge-success-bg);color:var(--ui-badge-success-text)}.ui-badge-warning{background-color:var(--ui-badge-warning-bg);color:var(--ui-badge-warning-text)}.ui-badge-danger{background-color:var(--ui-badge-danger-bg);color:var(--ui-badge-danger-text)}.ui-badge-neutral{background-color:var(--ui-badge-neutral-bg);color:var(--ui-badge-neutral-text);border:1px solid var(--ui-border)}.ui-heading{margin:0;color:var(--ui-text-main);font-family:inherit}.ui-heading-h1{font-size:var(--ui-heading-h1-size);font-weight:var(--ui-heading-h1-weight);line-height:var(--ui-heading-h1-line-height)}.ui-heading-h2{font-size:var(--ui-heading-h2-size);font-weight:var(--ui-heading-h2-weight);line-height:var(--ui-heading-h2-line-height)}.ui-heading-h3{font-size:var(--ui-heading-h3-size);font-weight:var(--ui-heading-h3-weight);line-height:var(--ui-heading-h3-line-height)}.ui-heading-h4{font-size:var(--ui-heading-h4-size);font-weight:var(--ui-heading-h4-weight);line-height:var(--ui-heading-h4-line-height)}.ui-heading-h5{font-size:var(--ui-heading-h5-size);font-weight:var(--ui-heading-h5-weight);line-height:var(--ui-heading-h5-line-height)}.ui-heading-h6{font-size:var(--ui-heading-h6-size);font-weight:var(--ui-heading-h6-weight);line-height:var(--ui-heading-h6-line-height)}.ui-text{margin:0;color:var(--ui-text-main);font-family:inherit}.ui-text-muted{color:var(--ui-text-muted)}.ui-text-body{font-size:var(--ui-text-body-size);line-height:var(--ui-text-body-line-height)}.ui-text-small{font-size:var(--ui-text-small-size);line-height:var(--ui-text-small-line-height)}.ui-text-caption{font-size:var(--ui-text-caption-size);line-height:var(--ui-text-caption-line-height);color:var(--ui-text-muted)}.ui-text-lead{font-size:var(--ui-text-lead-size);line-height:var(--ui-text-lead-line-height);font-weight:var(--ui-text-lead-weight);color:var(--ui-text-muted)}.ui-text-weight-normal{font-weight:400}.ui-text-weight-medium{font-weight:500}.ui-text-weight-semibold{font-weight:600}.ui-text-weight-bold{font-weight:700}.ui-text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ui-text-clamp{display:-webkit-box;-webkit-line-clamp:var(--ui-line-clamp, 1);-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.ui-tabs{display:flex;flex-direction:column;width:100%}.ui-tabs-list{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.ui-tabs-list-line{border-bottom:1px solid var(--ui-tabs-border-color)}.ui-tabs-list-line .ui-tabs-trigger{border-bottom:2px solid transparent;margin-bottom:-1px}.ui-tabs-list-line .ui-tabs-trigger[data-state=active]{color:var(--ui-tabs-active-color);border-bottom-color:var(--ui-tabs-active-color)}.ui-tabs-list-pills{display:inline-flex;flex-wrap:wrap;gap:.5rem;padding:0;background:transparent;border-radius:0}.ui-tabs-list-pills .ui-tabs-trigger{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;border-radius:var(--ui-radius-md);border:1px solid transparent;background-color:transparent;color:var(--ui-text-main);flex:none;min-width:auto}.ui-tabs-list-pills .ui-tabs-trigger[data-state=active]{background-color:var(--ui-primary);color:#fff;border-color:var(--ui-primary);box-shadow:none}.ui-tabs-list-pills .ui-tabs-trigger:hover:not(:disabled):not([data-state=active]){background-color:var(--ui-bg-subtle);color:var(--ui-text-main)}.ui-tabs-trigger{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--ui-tabs-trigger-padding);font-size:var(--ui-tabs-trigger-font-size);font-weight:var(--ui-tabs-trigger-weight);color:var(--ui-tabs-inactive-color);background:transparent;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;-webkit-user-select:none;user-select:none}.ui-tabs-trigger:hover:not(:disabled):not([data-state=active]){background-color:var(--ui-tabs-hover-bg);color:var(--ui-text-main)}.ui-tabs-trigger:disabled{opacity:.5;cursor:not-allowed}.ui-tabs-trigger:focus-visible{border-radius:var(--ui-radius-sm);outline:2px solid var(--ui-primary);outline-offset:2px}.ui-tabs-content{padding:var(--ui-tabs-content-padding);outline:none}.ui-table{width:100%;margin-bottom:1rem;color:var(--ui-text-main);background-color:transparent;border-collapse:collapse;font-family:var(--ui-font-family);font-size:.95rem}.ui-table th,.ui-table td{padding:.75rem;vertical-align:top;border-bottom:1px solid var(--ui-border);text-align:left}.ui-table th{font-weight:600;color:var(--ui-text-main);background-color:var(--ui-bg-subtle);border-bottom-width:2px}.ui-table-bordered,.ui-table-bordered th,.ui-table-bordered td{border:1px solid var(--ui-border)}.ui-table-striped tbody tr:nth-of-type(odd){background-color:var(--ui-bg-subtle)}.ui-table-hover tbody tr:hover{background-color:var(--ui-primary-light);color:var(--ui-primary-dark)}.ui-table-sm th,.ui-table-sm td{padding:.375rem;font-size:.875rem}.ui-table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ui-flex{display:flex;min-width:0}.ui-flex--inline{display:inline-flex}.ui-flex--dir-row{flex-direction:row}.ui-flex--dir-column{flex-direction:column}.ui-flex--dir-row-reverse{flex-direction:row-reverse}.ui-flex--dir-column-reverse{flex-direction:column-reverse}.ui-flex--justify-start{justify-content:flex-start}.ui-flex--justify-center{justify-content:center}.ui-flex--justify-end{justify-content:flex-end}.ui-flex--justify-between{justify-content:space-between}.ui-flex--justify-around{justify-content:space-around}.ui-flex--justify-evenly{justify-content:space-evenly}.ui-flex--align-start{align-items:flex-start}.ui-flex--align-center{align-items:center}.ui-flex--align-end{align-items:flex-end}.ui-flex--align-stretch{align-items:stretch}.ui-flex--align-baseline{align-items:baseline}.ui-flex--wrap-nowrap{flex-wrap:nowrap}.ui-flex--wrap-wrap{flex-wrap:wrap}.ui-flex--wrap-reverse{flex-wrap:wrap-reverse}.ui-flex--gap-0{gap:0}.ui-flex--gap-sm{gap:var(--ui-flex-gap-sm)}.ui-flex--gap-md{gap:var(--ui-flex-gap-md)}.ui-flex--gap-lg{gap:var(--ui-flex-gap-lg)}.ui-flex--gap-xl{gap:var(--ui-flex-gap-xl)}.ui-container{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--ui-container-padding-x, 1rem);padding-left:var(--ui-container-padding-x, 1rem)}.ui-container--fluid{max-width:100%}@media(min-width:576px){.ui-container:not(.ui-container--fluid){max-width:var(--ui-container-max-width-sm, 540px)}}@media(min-width:768px){.ui-container:not(.ui-container--fluid){max-width:var(--ui-container-max-width-md, 720px)}}@media(min-width:992px){.ui-container:not(.ui-container--fluid){max-width:var(--ui-container-max-width-lg, 960px)}}@media(min-width:1200px){.ui-container:not(.ui-container--fluid){max-width:var(--ui-container-max-width-xl, 1140px)}}@media(min-width:1400px){.ui-container:not(.ui-container--fluid){max-width:var(--ui-container-max-width-xxl, 1320px)}}

package/dist/esm/index.d.ts

@@ -13,3 +13,5 @@ export * from './components/Typography/Text';
 export * from './components/Tabs/Tabs';
 export * from './components/Table/Table';
 export * from './theme';
+export * from './components/Flex/Flex';
+export * from './components/Container/Container';

package/dist/esm/index.js

@@ -4,33 +4,37 @@
 import { Button as p } from "./components/Button/Button.js";
 import { Input as f } from "./components/Input/Input.js";
 import { Card as d } from "./components/Card/Card.js";
-import { Modal as l, ModalBody as M, ModalFooter as T, ModalHeader as b } from "./components/Modal/Modal.js";
-import { Select as h } from "./components/Select/Select.js";
+import { Modal as l, ModalBody as n, ModalFooter as M, ModalHeader as T } from "./components/Modal/Modal.js";
+import { Select as c } from "./components/Select/Select.js";
 import { Checkbox as B } from "./components/Checkbox/Checkbox.js";
-import { Radio as u } from "./components/Radio/Radio.js";
-import { Switch as H } from "./components/Switch/Switch.js";
-import { Badge as k } from "./components/Badge/Badge.js";
-import { Heading as v } from "./components/Typography/Heading.js";
-import { Text as y } from "./components/Typography/Text.js";
+import { Radio as g } from "./components/Radio/Radio.js";
+import { Switch as F } from "./components/Switch/Switch.js";
+import { Badge as S } from "./components/Badge/Badge.js";
+import { Heading as s } from "./components/Typography/Heading.js";
+import { Text as w } from "./components/Typography/Text.js";
 import { Tabs as I } from "./components/Tabs/Tabs.js";
 import { Table as R } from "./components/Table/Table.js";
 import { ThemeProvider as q } from "./theme.js";
+import { Flex as A } from "./components/Flex/Flex.js";
+import { Container as E } from "./components/Container/Container.js";
 export {
-  k as Badge,
+  S as Badge,
   p as Button,
   d as Card,
   B as Checkbox,
-  v as Heading,
+  E as Container,
+  A as Flex,
+  s as Heading,
   f as Input,
   l as Modal,
-  M as ModalBody,
-  T as ModalFooter,
-  b as ModalHeader,
-  u as Radio,
-  h as Select,
-  H as Switch,
+  n as ModalBody,
+  M as ModalFooter,
+  T as ModalHeader,
+  g as Radio,
+  c as Select,
+  F as Switch,
   R as Table,
   I as Tabs,
-  y as Text,
+  w as Text,
   q as ThemeProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinloger/dev-ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.cjs",