@defaultusr/dai-ui 1.2.4 → 1.2.6

package/dist/assets/main.css

@@ -1 +1 @@
-.dai-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:#314158;cursor:pointer;-webkit-user-select:none;user-select:none}.dark .dai-label{color:#90a1b9}.dai-hint{transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-size:.875rem;line-height:1.25rem;color:#62748e}.dai-form-control__input-group{position:relative;width:100%;overflow:hidden;border:1px solid oklch(86.9% .022 252.894);border-radius:.375rem;background-color:#fff;color:#000;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--dai-input-group-padding-x: .75rem ;--dai-input-group-padding-y: .5rem ;--dai-input-group-gap: .25rem ;--dai-input-group-padding-label: 0px}.dai-form-control__input-group__box{display:flex;align-items:center;gap:var(--dai-input-group-gap)}.dai-form-control__input-group__control{display:block;width:100%;flex:1 1 0%;-webkit-appearance:none;appearance:none;outline:none;background:none;border:none;box-shadow:none;padding-inline:var(--dai-input-group-padding-x);padding-block:calc(var(--dai-input-group-padding-y) + var(--dai-input-group-padding-label)) var(--dai-input-group-padding-y)}.dai-form-control__input-group__control::placeholder,.dai-form-control__input-group__control__placeholder{color:#90a1b9;opacity:1}.dark .dai-form-control__input-group__control::placeholder,.dark .dai-form-control__input-group__control__placeholder{color:#62748e}.dai-form-control__input-group__addon:first-child{margin-inline-start:var(--dai-input-group-padding-x)}.dai-form-control__input-group__addon:last-child{margin-inline-end:var(--dai-input-group-padding-x)}@media (min-width: 40rem){.dai-form-control__input-group{font-size:.875rem;line-height:1.25rem}}.dai-form-control__input-group:focus-within{outline-style:solid;outline-width:1px;outline-color:#6260ff;outline-color:oklch(58.5% .233 277.117);border-color:#6260ff!important;border-color:oklch(58.5% .233 277.117)!important}.dark .dai-form-control__input-group{background-color:#314158;border-color:#45556c;color:#f1f5f9}.dai-form-control__input-group__label{font-size:.75rem;line-height:1rem;position:absolute;left:.75rem;top:.5rem;pointer-events:none;color:#45556c}.dai-form-control__input-group--labeled{--dai-input-group-padding-label: 1.25rem }.dai-form-control__input-group--invalid{border-color:#fb2c36!important}.dai-form-control__input-group--invalid:focus-within{border-color:#fb2c36!important;outline-color:#fb2c36}.dai-form-control__input-group--disabled,.loading .dai-form-control__input-group{pointer-events:none;background-color:#f8fafc;color:#62748e}.dark .dai-form-control__input-group--disabled,.dark .loading .dai-form-control__input-group,.loading .dark .dai-form-control__input-group{background-color:#1d293d;color:#62748e}.dai-form-control__input-group--outlined{background-color:transparent!important}.dai-form-control__input-group--muted{--dai-bg-opacity: 5%;background-color:oklch(from oklch(55.4% .046 257.417) l c h/var(--dai-bg-opacity));border-color:transparent!important}.dai-form-control__input-group--muted:hover{--dai-bg-opacity: 10%}.dark .dai-form-control__input-group--muted{background-color:rgba(255,255,255,var(--dai-bg-opacity));--dai-bg-opacity: 6%}.dai-form-control__input-group--rounded{border-radius:calc(infinity * 1px)}.dai-form-control__input-group--lg{--dai-input-group-padding-x: 1rem ;--dai-input-group-padding-y: .75rem ;--dai-input-group-gap: .5rem }@media (min-width: 40rem){.dai-form-control__input-group--lg{font-size:1rem;line-height:1.5rem}}.dai-form-control__input-group--sm{--dai-input-group-padding-x: .5rem ;--dai-input-group-padding-y: .25rem ;border-radius:.25rem}.dai-form-control{position:relative}.dai-form-control label{display:inline-block;clear:both;margin-bottom:.25rem}.dai-form-control__hint{margin-top:.25rem}.dai-form-control .dai-form-control__validation-message{font-size:.75rem;line-height:1rem;position:absolute;display:flex;align-items:center;margin-top:.25rem;color:#e40014;color:oklch(57.7% .245 27.325);transition-property:opacity,transform;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dai-form-control .dai-form-control__validation-message svg{margin-right:.25rem;width:1rem;height:1rem;flex-shrink:0}.dai-form-control .dai-form-control__validation-message-transition-enter-from,.dai-form-control .dai-form-control__validation-message-transition-leave-to{opacity:0;transform:translate3d(0,-100%,0)}@media (min-width: 48rem){.dai-form-control--label-inline{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:.75rem;align-items:center}}@media (min-width: 48rem){.dai-form-control--label-inline label{grid-column:span 5/span 5}}@media (min-width: 64rem){.dai-form-control--label-inline label{grid-column:span 4/span 4}}@media (min-width: 48rem){.dai-form-control--label-inline .dai-form-control__container{grid-column:span 7/span 7}}@media (min-width: 64rem){.dai-form-control--label-inline .dai-form-control__container{grid-column:span 8/span 8}}.dai-form-control--lg label{margin-bottom:.5rem}.dai-combobox__stab-input{position:absolute;height:1px;width:1px;bottom:0;left:50%;opacity:0;padding:0;margin:0}.dai-combobox-btn{display:flex;gap:.25rem;align-items:center}.dai-combobox-btn__chevron{width:1.25rem;height:1.25rem;margin-left:auto;flex-shrink:0;color:#90a1b9}.dark .dai-combobox-btn__chevron{color:#62748e}.dai-combobox-options{z-index:50;margin-block:.5rem;padding:.25rem;overflow:hidden;min-width:min-content;background:#fff;border-radius:.375rem;--dai-shadow-color: rgb(0 0 0 / .1);--dai-ring-color: rgb(0 0 0 / .1);--dai-ring-shadow: 0 0 0 1px var(--dai-ring-color);--dai-shadow: 0 20px 25px -5px var(--dai-shadow-color), 0 8px 10px -6px var(--dai-shadow-color);box-shadow:var(--dai-ring-shadow),var(--dai-shadow);transition-property:scale,opacity;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dai-combobox-options:focus{outline:none}.dark .dai-combobox-options{background-color:#314158;--dai-ring-color: --utils.color("dark.600")}.dai-combobox-options>:not(:last-child){margin-block-end:.25rem}.dai-combobox-options--anim{opacity:0%;scale:95%}.dai-combobox-option{display:flex;align-items:center;gap:1rem;min-width:min-content;padding-inline:.75rem;padding-block:.5rem;border-radius:.375rem;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dai-combobox-option[data-active=true]:not([aria-selected=true]){background-color:#f1f5f9}.dark .dai-combobox-option[data-active=true]:not([aria-selected=true]){background-color:#45556c}.dai-combobox-option[aria-selected=true]{background-color:#eef2ff;color:#6260ff;color:oklch(58.5% .233 277.117)}.dark .dai-combobox-option[aria-selected=true]{background-color:#62748e;color:#fff}.dai-combobox-option[aria-disabled=true]{pointer-events:none;color:#62748e}.dark .dai-combobox-option[aria-disabled=true]{color:#90a1b9}.dai-combobox-option__check{flex-shrink:0;margin-left:auto;width:1.25rem;height:1.25rem}.dai-form-control__input-group__addon--btn{background-color:transparent;color:#90a1b9}.dai-form-control__input-group__addon--btn:focus{outline:none}.dai-form-control__input-group__addon--btn:hover,.dark .dai-form-control__input-group__addon--btn{color:#62748e}.dark .dai-form-control__input-group__addon--btn:hover{color:#90a1b9}.dai-form-control__input-group__addon--btn svg{width:1.25rem;height:1.25rem}.dai-form-control__input::-webkit-datetime-edit{line-height:1;padding:0;margin-bottom:-2px}.dai-form-control__input[type=color]{min-height:2.25rem;padding:.25rem .5rem}.dai-select{cursor:pointer}.dai-select__chevron{position:absolute;top:50%;right:.5rem;translate:0 -50%;width:1.25rem;height:1.25rem;pointer-events:none;color:#90a1b9}.dark .dai-select__chevron{color:#62748e}.form-control__textarea{padding-block:calc(var(--spacing) * 2);flex:1 1 0%;width:100%;display:block;--un-outline-style:none;outline-style:none;background-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.3s;transition-duration:.3s;margin-right:calc(calc(var(--spacing) * 3) * -1);padding-right:calc(var(--spacing) * 3)}@media (min-width: 40rem){.form-control__textarea{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight))}}.form-control__textarea::placeholder{color:color-mix(in srgb,var(--colors-secondary-400) var(--un-text-opacity),transparent);opacity:1}@supports (color: color-mix(in lab,red,red)){.form-control__textarea::placeholder{color:color-mix(in oklab,var(--colors-secondary-400) var(--un-text-opacity),transparent)}}.dark .form-control__textarea::placeholder{color:color-mix(in srgb,var(--colors-secondary-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .form-control__textarea::placeholder{color:color-mix(in oklab,var(--colors-secondary-500) var(--un-text-opacity),transparent)}}.form-control__textarea--autosize{box-sizing:border-box;resize:none}.form-control--lg .form-control__textarea{padding-block:calc(var(--spacing) * 3)}@media (min-width: 40rem){.form-control--lg .form-control__textarea{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight))}}.form-control--sm .form-control__textarea{padding-block:calc(var(--spacing) * 1)}.dai-checkbox-control{display:grid;grid-template-columns:min-content;align-items:center;column-gap:.75rem;row-gap:.25rem}.dai-checkbox-control .dai-checkbox{appearance:none;width:1.125rem;height:1.125rem;border-radius:.25rem;border:1px solid oklch(86.9% .022 252.894);background-color:#fff;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dai-checkbox-control .dai-checkbox:hover{background-color:#f8fafc}.dai-checkbox-control .dai-checkbox:checked{border-color:transparent!important;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.dai-checkbox-control .dai-checkbox:focus-visible{outline:2px solid oklch(58.5% .233 277.117);outline-offset:2px}.dai-checkbox-control .dai-checkbox--invalid{border-color:#fb2c36}.dai-checkbox-control .dai-checkbox--invalid:focus-visible{outline-color:#fb2c36}.dai-checkbox-control .dai-checkbox--primary:checked{background-color:#6260ff!important;background-color:oklch(58.5% .233 277.117)!important}.dai-checkbox-control .dai-checkbox--primary:checked:hover{background-color:#4f39f6!important}.dai-checkbox-control .dai-checkbox--primary:focus-visible{outline-color:#6260ff;outline-color:oklch(58.5% .233 277.117)}.dai-checkbox-control .dai-checkbox--success:checked{background-color:#00c65a!important;background-color:oklch(72.3% .219 149.579)!important}.dai-checkbox-control .dai-checkbox--success:checked:hover{background-color:#00a447!important;background-color:oklch(62.7% .194 149.214)!important}.dai-checkbox-control .dai-checkbox--success:focus-visible{outline-color:#00c65a;outline-color:oklch(72.3% .219 149.579)}.dai-checkbox-control .dai-checkbox--info:checked{background-color:#00a5ea!important;background-color:oklch(68.5% .169 237.323)!important}.dai-checkbox-control .dai-checkbox--info:checked:hover{background-color:#0084c7!important;background-color:oklch(58.8% .158 241.966)!important}.dai-checkbox-control .dai-checkbox--info:focus-visible{outline-color:#00a5ea;outline-color:oklch(68.5% .169 237.323)}.dai-checkbox-control .dai-checkbox--warning:checked{background-color:#f69e00!important;background-color:oklch(76.9% .188 70.08)!important}.dai-checkbox-control .dai-checkbox--warning:checked:hover{background-color:#da7700!important;background-color:oklch(66.6% .179 58.318)!important}.dai-checkbox-control .dai-checkbox--warning:focus-visible{outline-color:#f69e00;outline-color:oklch(76.9% .188 70.08)}.dai-checkbox-control .dai-checkbox--danger:checked{background-color:#fb2c36!important}.dai-checkbox-control .dai-checkbox--danger:checked:hover{background-color:#e40014!important;background-color:oklch(57.7% .245 27.325)!important}.dai-checkbox-control .dai-checkbox--danger:focus-visible{outline-color:#fb2c36}.dai-checkbox-control .dai-checkbox--secondary:checked{background-color:#62748e!important}.dai-checkbox-control .dai-checkbox--secondary:checked:hover{background-color:#45556c!important}.dai-checkbox-control .dai-checkbox--secondary:focus-visible{outline-color:#62748e}.dark .dai-checkbox-control .dai-checkbox{background-color:#314158;border-color:#45556c}.dark .dai-checkbox-control .dai-checkbox:hover{background-color:#45556c}.dai-checkbox-control .dai-checkbox--md{width:1.5rem;height:1.5rem}.dai-checkbox-control .dai-checkbox--lg{width:2rem;height:2rem;border-radius:.375rem}.dai-checkbox-control__label-container{grid-column-start:2;grid-row-start:1}.dai-checkbox-control__label{display:inline}.dai-checkbox-control__hint{grid-column-start:2;grid-row-start:2}.radio{-webkit-appearance:none;appearance:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 4.5);width:calc(var(--spacing) * 4.5);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));border-width:1px;border-color:color-mix(in srgb,var(--colors-secondary-300) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio{border-color:color-mix(in oklab,var(--colors-secondary-300) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}.dark .radio{border-color:color-mix(in srgb,var(--colors-dark-600) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-dark-700) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .radio{border-color:color-mix(in oklab,var(--colors-dark-600) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-dark-700) var(--un-bg-opacity),transparent)}}.radio:hover{background-color:color-mix(in srgb,var(--colors-secondary-50) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio:hover{background-color:color-mix(in oklab,var(--colors-secondary-50) var(--un-bg-opacity),transparent)}}.dark .radio:hover{background-color:color-mix(in srgb,var(--colors-dark-600) var(--un-bg-opacity),transparent)}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.dark .radio:hover{background-color:color-mix(in oklab,var(--colors-dark-600) var(--un-bg-opacity),transparent)}}.radio:checked{border-color:transparent;background-color:currentColor!important;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}.radio:focus-visible{outline-width:2px;outline-offset:2px;outline-style:var(--un-outline-style);outline-width:1px}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;syntax:"*";inherits:false;initial-value:solid;}.radio--invalid{border-color:color-mix(in srgb,var(--colors-danger-500) var(--un-border-opacity),transparent)!important}.radio--invalid:focus-visible{outline-color:color-mix(in srgb,var(--colors-danger-500) var(--un-outline-opacity),transparent)!important}@supports (color: color-mix(in lab,red,red)){.radio--invalid:focus-visible{outline-color:color-mix(in oklab,var(--colors-danger-500) var(--un-outline-opacity),transparent)!important}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.radio--invalid{border-color:color-mix(in oklab,var(--colors-danger-500) var(--un-border-opacity),transparent)!important}}.radio--primary{color:color-mix(in srgb,var(--colors-primary-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--primary{color:color-mix(in oklab,var(--colors-primary-500) var(--un-text-opacity),transparent)}}.radio--primary:hover:checked{color:color-mix(in srgb,var(--colors-primary-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--primary:hover:checked{color:color-mix(in oklab,var(--colors-primary-600) var(--un-text-opacity),transparent)}}.radio--primary:focus-visible{outline-color:color-mix(in srgb,var(--colors-primary-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--primary:focus-visible{outline-color:color-mix(in oklab,var(--colors-primary-500) var(--un-outline-opacity),transparent)}}.radio--success{color:color-mix(in srgb,var(--colors-success-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--success{color:color-mix(in oklab,var(--colors-success-500) var(--un-text-opacity),transparent)}}.radio--success:hover:checked{color:color-mix(in srgb,var(--colors-success-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--success:hover:checked{color:color-mix(in oklab,var(--colors-success-600) var(--un-text-opacity),transparent)}}.radio--success:focus-visible{outline-color:color-mix(in srgb,var(--colors-success-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--success:focus-visible{outline-color:color-mix(in oklab,var(--colors-success-500) var(--un-outline-opacity),transparent)}}.radio--info{color:color-mix(in srgb,var(--colors-info-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--info{color:color-mix(in oklab,var(--colors-info-500) var(--un-text-opacity),transparent)}}.radio--info:hover:checked{color:color-mix(in srgb,var(--colors-info-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--info:hover:checked{color:color-mix(in oklab,var(--colors-info-600) var(--un-text-opacity),transparent)}}.radio--info:focus-visible{outline-color:color-mix(in srgb,var(--colors-info-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--info:focus-visible{outline-color:color-mix(in oklab,var(--colors-info-500) var(--un-outline-opacity),transparent)}}.radio--warning{color:color-mix(in srgb,var(--colors-warning-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--warning{color:color-mix(in oklab,var(--colors-warning-500) var(--un-text-opacity),transparent)}}.radio--warning:hover:checked{color:color-mix(in srgb,var(--colors-warning-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--warning:hover:checked{color:color-mix(in oklab,var(--colors-warning-600) var(--un-text-opacity),transparent)}}.radio--warning:focus-visible{outline-color:color-mix(in srgb,var(--colors-warning-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--warning:focus-visible{outline-color:color-mix(in oklab,var(--colors-warning-500) var(--un-outline-opacity),transparent)}}.radio--danger{color:color-mix(in srgb,var(--colors-danger-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--danger{color:color-mix(in oklab,var(--colors-danger-500) var(--un-text-opacity),transparent)}}.radio--danger:hover:checked{color:color-mix(in srgb,var(--colors-danger-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--danger:hover:checked{color:color-mix(in oklab,var(--colors-danger-600) var(--un-text-opacity),transparent)}}.radio--danger:focus-visible{outline-color:color-mix(in srgb,var(--colors-danger-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--danger:focus-visible{outline-color:color-mix(in oklab,var(--colors-danger-500) var(--un-outline-opacity),transparent)}}.radio--secondary{color:color-mix(in srgb,var(--colors-secondary-500) var(--un-text-opacity),transparent)}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.radio--secondary{color:color-mix(in oklab,var(--colors-secondary-500) var(--un-text-opacity),transparent)}}.radio--secondary:hover:checked{color:color-mix(in srgb,var(--colors-secondary-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--secondary:hover:checked{color:color-mix(in oklab,var(--colors-secondary-600) var(--un-text-opacity),transparent)}}.radio--secondary:focus-visible{outline-color:color-mix(in srgb,var(--colors-secondary-500) var(--un-outline-opacity),transparent)}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.radio--secondary:focus-visible{outline-color:color-mix(in oklab,var(--colors-secondary-500) var(--un-outline-opacity),transparent)}}.dai-switch-control{display:grid;grid-template-columns:min-content auto;align-items:center;column-gap:.75rem;row-gap:.25rem}.dai-switch-control .dai-switch{display:inline-block;position:relative;width:2.5rem;height:1.5rem;padding:.125rem;-webkit-appearance:none;appearance:none;flex-shrink:0;border-radius:calc(infinity * 1px);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dai-switch-control .dai-switch:focus-visible{outline:2px solid oklch(58.5% .233 277.117);outline-offset:2px}.dai-switch-control .dai-switch__thumb{position:relative;background-color:#fff;width:1.25rem;height:1.25rem;border-radius:calc(infinity * 1px);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition-property:left,translate;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dark .dai-switch-control .dai-switch__thumb{background-color:#1d293d}.dai-switch-control .dai-switch--on{background-color:#6260ff;background-color:oklch(58.5% .233 277.117)}.dai-switch-control .dai-switch--on .dai-switch__thumb{left:100%;translate:-100% 0}.dai-switch-control .dai-switch--off{background-color:#cad5e2}.dark .dai-switch-control .dai-switch--off{background-color:#90a1b9}.dai-switch-control .dai-switch--off .dai-switch__thumb{left:0}.dai-switch-control__hint{grid-column-start:2;grid-row-start:2}.dai-btn{--dai-btn-color: oklch(51.1% .262 276.966);--dai-btn-bg-lightness: 0;--dai-btn-bg-opacity: 100%;background-color:oklch(from var(--dai-btn-color) calc(l + var(--dai-btn-bg-lightness)) c h/var(--dai-btn-bg-opacity));--dai-btn-text-lightness: 0;color:oklch(from var(--dai-btn-color) calc(l + var(--dai-btn-text-lightness)) c h)}.dai-btn--primary{--dai-btn-color: oklch(51.1% .262 276.966)}.dai-btn--success{--dai-btn-color: oklch(62.7% .194 149.214)}.dai-btn--info{--dai-btn-color: oklch(58.8% .158 241.966)}.dai-btn--warning{--dai-btn-color: oklch(66.6% .179 58.318)}.dai-btn--danger{--dai-btn-color: oklch(57.7% .245 27.325)}.dai-btn--secondary{--dai-btn-color: oklch(44.6% .043 257.281)}.dai-btn{display:inline-block;position:relative;padding:.5rem 1rem;cursor:pointer;font-weight:500;white-space:nowrap;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;-webkit-user-select:none;user-select:none;border-radius:.25rem;border-width:1px;border-color:transparent}@media (min-width: 40rem){.dai-btn{font-size:.875rem}}.dai-btn[aria-expanded=true],.dai-btn[aria-selected=true]{z-index:5}.dai-btn:disabled{cursor:not-allowed}.dai-btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:oklch(from var(--dai-btn-color) calc(l + .1) c h)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dai-btn__caption{display:flex;align-items:center;justify-content:center;gap:.5rem}.dai-btn__icon{width:1.25rem;height:1.25rem;flex-shrink:0}.dai-btn__spinner{display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:.5rem}.dai-btn__spinner svg{animation:spin 1s linear infinite;width:1.25rem;height:1.25rem}.dai-btn--loading,.loading .dai-btn{pointer-events:none}.dai-btn--loading[type=submit] .dai-btn__spinner,.dai-btn--loading.dai-btn--loading .dai-btn__spinner,.loading .dai-btn[type=submit] .dai-btn__spinner,.loading .dai-btn.dai-btn--loading .dai-btn__spinner{display:flex}.dai-btn--loading[type=submit] .dai-btn__caption,.dai-btn--loading.dai-btn--loading .dai-btn__caption,.loading .dai-btn[type=submit] .dai-btn__caption,.loading .dai-btn.dai-btn--loading .dai-btn__caption{visibility:hidden}.dai-btn--sm{padding:.25rem .625rem}.dai-btn--lg{padding:.75rem 1.25rem;border-radius:.375rem}@media (min-width: 40rem){.dai-btn--lg{font-size:1rem}}.dai-btn--block{width:100%;display:block}.dai-btn--rounded{border-radius:calc(infinity * 1px)}.dai-btn--condensed{padding:.5rem}.dai-btn--condensed.dai-btn--sm{padding:.25rem}.dai-btn--flat{color:#fff}.dai-btn--flat:hover{--dai-btn-bg-lightness: .1}.dai-btn--flat:active{--dai-btn-bg-lightness: -.1}.dai-btn--flat[aria-expanded=true],.dai-btn--flat[aria-selected=true]{--dai-btn-bg-lightness: -.1 !important}.dai-btn--flat:disabled,.dai-btn--flat.dai-btn--loading,.loading .dai-btn--flat{--dai-btn-bg-lightness: .2}.dai-btn--plain{--dai-btn-bg-opacity: 0%;--dai-btn-bg-lightness: .1;--dai-btn-text-lightness: .1}.dai-btn--plain:hover{--dai-btn-bg-opacity: 15%}.dai-btn--plain:active{--dai-btn-bg-opacity: 25%}.dai-btn--plain[aria-expanded=true],.dai-btn--plain[aria-selected=true]{--dai-btn-bg-opacity: 20%}.dai-btn--plain:disabled,.dai-btn--plain.dai-btn--loading,.loading .dai-btn--plain{--dai-btn-bg-opacity: 0%}.dai-btn--plain:disabled{--dai-btn-text-lightness: .3}.dai-btn--muted{--dai-btn-bg-opacity: 15%;--dai-btn-bg-lightness: .1;--dai-btn-text-lightness: .1}.dai-btn--muted:hover{--dai-btn-bg-opacity: 100%;color:#fff}.dai-btn--muted:active{--dai-btn-bg-opacity: 100%;--dai-btn-bg-lightness: -.1}.dai-btn--muted[aria-expanded=true],.dai-btn--muted[aria-selected=true]{--dai-btn-bg-opacity: 100%;color:#fff}.dai-btn--muted:disabled,.dai-btn--muted.dai-btn--loading,.loading .dai-btn--muted{--dai-btn-bg-opacity: 10%}.dai-btn--muted:disabled{--dai-btn-text-lightness: .2}.dai-btn--outlined{--dai-btn-bg-lightness: .1;--dai-btn-bg-opacity: 0%;--dai-btn-text-lightness: .1;border-color:oklch(from var(--dai-btn-color) calc(l + .1) c h)}.dai-btn--outlined:hover{--dai-btn-bg-opacity: 15%}.dai-btn--outlined:active{--dai-btn-bg-opacity: 25%}.dai-btn--outlined[aria-expanded=true],.dai-btn--outlined[aria-selected=true]{--dai-btn-bg-opacity: 20%}.dai-btn--outlined:disabled,.dai-btn--outlined.dai-btn--loading,.loading .dai-btn--outlined{border-color:oklch(from var(--dai-btn-color) calc(l + .3) c h)}.dai-btn--outlined:disabled{--dai-btn-text-lightness: .3}.dai-popover-dialog{z-index:50;border-radius:.375rem;overflow:hidden;background-color:#fff;outline:none!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 -4px 30px -10px #1c1b7e26;transition-property:opacity,scale;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dark .dai-popover-dialog{background-color:#314158;--dai-ring-color: --utils.color("dark.600")}.dai-popover-dialog--anim{opacity:0%;scale:95%}.dai-menu-items{z-index:50;padding:.25rem;margin-block:.5rem;overflow:hidden;background:#fff;border-radius:.375rem;--dai-shadow-color: rgb(0 0 0 / .1);--dai-ring-color: rgb(0 0 0 / .1);--dai-ring-shadow: 0 0 0 1px var(--dai-ring-color);--dai-shadow: 0 20px 25px -5px var(--dai-shadow-color), 0 8px 10px -6px var(--dai-shadow-color);box-shadow:var(--dai-ring-shadow),var(--dai-shadow);transition-property:scale,opacity;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dai-menu-items:focus{outline:none}.dark .dai-menu-items{background-color:#314158;--dai-ring-color: --utils.color("dark.600")}.dai-menu-items>:not(:last-child){margin-block-end:.25rem}.dai-menu-items--anim{opacity:0%;scale:95%}.dai-menu-item{display:flex;align-items:center;gap:1rem;padding-inline:.75rem;padding-block:.5rem;border-radius:.375rem;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dai-menu-item[data-active=true]:not([aria-checked=true]){background-color:#f1f5f9}.dark .dai-menu-item[data-active=true]:not([aria-checked=true]){background-color:#45556c}.dai-menu-item[aria-checked=true]{background-color:#eef2ff;color:#6260ff;color:oklch(58.5% .233 277.117)}.dark .dai-menu-item[aria-checked=true]{background-color:#62748e;color:#fff}.dai-menu-item[aria-disabled=true]{pointer-events:none;color:#62748e}.dark .dai-menu-item[aria-disabled=true]{color:#90a1b9}.dai-tab{appearance:none;cursor:pointer;padding:.75rem;background:transparent;font-weight:500;color:#62748e;transition:color .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.dark .dai-tab{color:#90a1b9}.dai-tab[aria-selected=false]:hover{color:#0f172b}.dark .dai-tab[aria-selected=false]:hover{color:#cad5e2}.dai-tab[aria-selected=true]{color:#6260ff!important;color:oklch(58.5% .233 277.117)!important}.dai-tab-list{position:relative;display:flex;overflow-x:auto}.dai-tab-list:focus{outline:none}.dai-tab-list::-webkit-scrollbar{display:none}.dai-tab-list{scrollbar-width:none}.dai-tab-list__slider{position:absolute;height:.15rem;bottom:0;background-color:#6260ff;background-color:oklch(58.5% .233 277.117);transition-timing-function:ease-out}.nui-offcanvas{inset-block:calc(var(--spacing) * 0);position:fixed;z-index:10;overflow-x:hidden;background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent);transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.2s;transition-duration:.2s}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.nui-offcanvas{background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}.dark .nui-offcanvas{background-color:color-mix(in srgb,var(--colors-dark-800) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .nui-offcanvas{background-color:color-mix(in oklab,var(--colors-dark-800) var(--un-bg-opacity),transparent)}}.nui-offcanvas--left{left:calc(var(--spacing) * 0);right:auto}.nui-offcanvas--right{right:calc(var(--spacing) * 0);left:auto}.nui-offcanvas--shadow{box-shadow:-10px 5px 15px -3px #0000001a,-4px 0 6px -2px #0000000d,10px 5px 15px -3px #0000001a,4px 0 6px -2px #0000000d}.nui-offcanvas{width:100vw}@media (min-width: 48rem){.nui-offcanvas{width:50vw}}@media (min-width: 64rem){.nui-offcanvas{width:45vw}}@media (min-width: 80rem){.nui-offcanvas{width:35vw}}.nui-offcanvas--lg{width:100vw}@media (min-width: 48rem){.nui-offcanvas--lg{width:50vw}}@media (min-width: 64rem){.nui-offcanvas--lg{width:55vw}}@media (min-width: 80rem){.nui-offcanvas--lg{width:60vw}}.nui-offcanvas--xl{width:100vw}@media (min-width: 48rem){.nui-offcanvas--xl{width:60vw}}@media (min-width: 64rem){.nui-offcanvas--xl{width:65vw}}@media (min-width: 80rem){.nui-offcanvas--xl{width:70vw}}.nui-offcanvas--animate-hidden{--un-translate-x:-100%;translate:var(--un-translate-x) var(--un-translate-y)}.nui-offcanvas--animate-hidden.nui-offcanvas--right{--un-translate-x:100%;translate:var(--un-translate-x) var(--un-translate-y)}.nui-offcanvas--animate-shown{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y)}.nui-body-push{transition-property:margin;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.2s;transition-duration:.2s;margin-inline:calc(var(--spacing) * 0)}@media (min-width: 48rem){.nui-body-push--right{margin-right:50vw}}@media (min-width: 64rem){.nui-body-push--right{margin-right:45vw}}@media (min-width: 80rem){.nui-body-push--right{margin-right:35vw}}@media (min-width: 48rem){.nui-body-push--right--lg{margin-right:50vw}}@media (min-width: 64rem){.nui-body-push--right--lg{margin-right:55vw}}@media (min-width: 80rem){.nui-body-push--right--lg{margin-right:60vw}}@media (min-width: 48rem){.nui-body-push--right--xl{margin-right:60vw}}@media (min-width: 64rem){.nui-body-push--right--xl{margin-right:65vw}}@media (min-width: 80rem){.nui-body-push--right--xl{margin-right:70vw}}@media (min-width: 48rem){.nui-body-push--left{margin-left:50vw}}@media (min-width: 64rem){.nui-body-push--left{margin-left:45vw}}@media (min-width: 80rem){.nui-body-push--left{margin-left:35vw}}@media (min-width: 48rem){.nui-body-push--left--lg{margin-left:50vw}}@media (min-width: 64rem){.nui-body-push--left--lg{margin-left:55vw}}@media (min-width: 80rem){.nui-body-push--left--lg{margin-left:60vw}}@media (min-width: 48rem){.nui-body-push--left--xl{margin-left:60vw}}@media (min-width: 64rem){.nui-body-push--left--xl{margin-left:65vw}}@media (min-width: 80rem){.nui-body-push--left--xl{margin-left:70vw}}.dai-notification{display:flex;align-items:flex-start;padding:1rem .75rem;border-radius:.375rem;box-shadow:0 0 0 1px #0000001a,0 25px 50px -12px #00000040;font-size:.875rem;line-height:1.25rem;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;opacity:.95}.dai-notification:hover{opacity:1}.dai-notification--primary{background-color:#6260ff;background-color:oklch(58.5% .233 277.117)}.dai-notification--success{background-color:#00c65a;background-color:oklch(72.3% .219 149.579)}.dai-notification--info{background-color:#00a5ea;background-color:oklch(68.5% .169 237.323)}.dai-notification--warning{background-color:#f69e00;background-color:oklch(76.9% .188 70.08)}.dai-notification--danger{background-color:#fb2c36}.dai-notification--secondary{background-color:#62748e}.dai-notification__icon{margin-inline:auto;flex-shrink:0;padding-right:1rem}.dai-notification__icon--primary{color:#7d87ff;color:oklch(67.3% .182 276.935)}.dai-notification__icon--success{color:#05df72}.dai-notification__icon--info{color:#00bbfd;color:oklch(74.6% .16 232.661)}.dai-notification__icon--warning{color:#fabc00;color:oklch(82.8% .189 84.429)}.dai-notification__icon--danger{color:#ff6568;color:oklch(70.4% .191 22.216)}.dai-notification__icon--secondary{color:#90a1b9}.dai-notification__icon svg{width:1.5rem;height:1.5rem}.dai-notification__content{flex-grow:1;padding-top:.125rem}.dai-notification__content__message{color:#ffffffe6}.dai-notification__content__message--bold{font-weight:500}.dai-notification__content__detail{color:#fffc;margin-top:.25rem}.dai-notification__dismiss{flex-shrink:0;margin-left:1rem;color:#fffc;cursor:pointer}.dai-notification__dismiss:hover{color:#fff}.dai-notification__dismiss svg{width:1.25rem;height:1.25rem}.dai-notification-queue{z-index:100;width:24rem;max-width:100%;display:flex;gap:.5rem}.dai-notification-queue--fixed{position:fixed}.dai-notification-queue--absolute{position:absolute}.dai-notification-queue--x-left{left:1rem}.dai-notification-queue--x-center{left:50%;transform:translate(-50%)}.dai-notification-queue--x-right{right:1rem}.dai-notification-queue--y-top{top:1rem;flex-direction:column-reverse}.dai-notification-queue--y-bottom{bottom:1rem;flex-direction:column}.dai-notification-queue__item{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dai-notification-queue__item--anim{opacity:0}.dai-notification-queue__item--anim-x-left{transform:translate(-20rem)}.dai-notification-queue__item--anim-x-right{transform:translate(20rem)}.dai-notification-queue__item--anim-y-top{transform:translateY(-5rem)}.dai-notification-queue__item--anim-y-bottom{transform:translateY(5rem)}.dai-notification-queue__item--anim-in{transition-timing-function:ease-out}.dai-notification-queue__item--anim-out{transition-timing-function:ease-in}.progress-infinite{animation-name:progress-infinite;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes progress-infinite{0%{width:0}50%{width:100%;left:0}to{width:0;left:100%}}.modal-enter-active .modal__backdrop{--un-duration:.3s;transition-duration:.3s;--un-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.modal-leave-active .modal__backdrop{--un-duration:.2s;transition-duration:.2s;--un-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.modal-enter-from .modal__backdrop,.modal-leave-to .modal__backdrop{opacity:0%}.modal-enter-active .modal__dialog{--un-duration:.2s;transition-duration:.2s;--un-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.modal-leave-active .modal__dialog{--un-duration:.2s;transition-duration:.2s;--un-ease:var(--ease-in);transition-timing-function:var(--ease-in)}@property --un-ease{syntax:"*";inherits:false;}.modal-enter-from .modal__dialog,.modal-leave-to .modal__dialog{opacity:0%;--un-translate-y:calc(calc(var(--spacing) * 10) * -1);translate:var(--un-translate-x) var(--un-translate-y)}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1;}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1;}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1;}@media (min-width: 40rem){.modal-enter-from .modal__dialog,.modal-leave-to .modal__dialog{--un-scale-x:97%;--un-scale-y:97%;scale:var(--un-scale-x) var(--un-scale-y)}}
+.dai-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:#314158;cursor:pointer;-webkit-user-select:none;user-select:none}.dark .dai-label{color:#90a1b9}.dai-hint{transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-size:.875rem;line-height:1.25rem;color:#62748e}.dai-form-control__input-group{position:relative;width:100%;overflow:hidden;border:1px solid oklch(86.9% .022 252.894);border-radius:.375rem;background-color:#fff;color:#000;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--dai-input-group-padding-x: .75rem ;--dai-input-group-padding-y: .5rem ;--dai-input-group-gap: .25rem ;--dai-input-group-padding-label: 0px}.dai-form-control__input-group__box{display:flex;align-items:center;gap:var(--dai-input-group-gap)}.dai-form-control__input-group__control{display:block;width:100%;flex:1 1 0%;-webkit-appearance:none;appearance:none;outline:none;background:none;border:none;box-shadow:none;padding-inline:var(--dai-input-group-padding-x);padding-block:calc(var(--dai-input-group-padding-y) + var(--dai-input-group-padding-label)) var(--dai-input-group-padding-y)}.dai-form-control__input-group__control::placeholder,.dai-form-control__input-group__control__placeholder{color:#90a1b9;opacity:1}.dark .dai-form-control__input-group__control::placeholder,.dark .dai-form-control__input-group__control__placeholder{color:#62748e}.dai-form-control__input-group__addon:first-child{margin-inline-start:var(--dai-input-group-padding-x)}.dai-form-control__input-group__addon:last-child{margin-inline-end:var(--dai-input-group-padding-x)}@media (min-width: 40rem){.dai-form-control__input-group{font-size:.875rem;line-height:1.25rem}}.dai-form-control__input-group:focus-within{outline-style:solid;outline-width:1px;outline-color:#6260ff;outline-color:oklch(58.5% .233 277.117);border-color:#6260ff!important;border-color:oklch(58.5% .233 277.117)!important}.dark .dai-form-control__input-group{background-color:#314158;border-color:#45556c;color:#f1f5f9}.dai-form-control__input-group__label{font-size:.75rem;line-height:1rem;position:absolute;left:.75rem;top:.5rem;pointer-events:none;color:#45556c}.dai-form-control__input-group--labeled{--dai-input-group-padding-label: 1.25rem }.dai-form-control__input-group--invalid{border-color:#fb2c36!important}.dai-form-control__input-group--invalid:focus-within{border-color:#fb2c36!important;outline-color:#fb2c36}.dai-form-control__input-group--disabled,.loading .dai-form-control__input-group{pointer-events:none;background-color:#f8fafc;color:#62748e}.dark .dai-form-control__input-group--disabled,.dark .loading .dai-form-control__input-group,.loading .dark .dai-form-control__input-group{background-color:#1d293d;color:#62748e}.dai-form-control__input-group--outlined{background-color:transparent!important}.dai-form-control__input-group--muted{--dai-bg-opacity: 5%;background-color:oklch(from oklch(55.4% .046 257.417) l c h/var(--dai-bg-opacity));border-color:transparent!important}.dai-form-control__input-group--muted:hover{--dai-bg-opacity: 10%}.dark .dai-form-control__input-group--muted{background-color:rgba(255,255,255,var(--dai-bg-opacity));--dai-bg-opacity: 6%}.dai-form-control__input-group--rounded{border-radius:calc(infinity * 1px)}.dai-form-control__input-group--lg{--dai-input-group-padding-x: 1rem ;--dai-input-group-padding-y: .75rem ;--dai-input-group-gap: .5rem }@media (min-width: 40rem){.dai-form-control__input-group--lg{font-size:1rem;line-height:1.5rem}}.dai-form-control__input-group--sm{--dai-input-group-padding-x: .5rem ;--dai-input-group-padding-y: .25rem ;border-radius:.25rem}.dai-form-control{position:relative}.dai-form-control label{display:inline-block;clear:both;margin-bottom:.25rem}.dai-form-control__hint{margin-top:.25rem}.dai-form-control .dai-form-control__validation-message{font-size:.75rem;line-height:1rem;position:absolute;display:flex;align-items:center;margin-top:.25rem;color:#e40014;color:oklch(57.7% .245 27.325);transition-property:opacity,transform;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dai-form-control .dai-form-control__validation-message svg{margin-right:.25rem;width:1rem;height:1rem;flex-shrink:0}.dai-form-control .dai-form-control__validation-message-transition-enter-from,.dai-form-control .dai-form-control__validation-message-transition-leave-to{opacity:0;transform:translate3d(0,-100%,0)}@media (min-width: 48rem){.dai-form-control--label-inline{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:.75rem;align-items:center}}@media (min-width: 48rem){.dai-form-control--label-inline label{grid-column:span 5/span 5}}@media (min-width: 64rem){.dai-form-control--label-inline label{grid-column:span 4/span 4}}@media (min-width: 48rem){.dai-form-control--label-inline .dai-form-control__container{grid-column:span 7/span 7}}@media (min-width: 64rem){.dai-form-control--label-inline .dai-form-control__container{grid-column:span 8/span 8}}.dai-form-control--lg label{margin-bottom:.5rem}.dai-combobox__stab-input{position:absolute;height:1px;width:1px;bottom:0;left:50%;opacity:0;padding:0;margin:0}.dai-combobox-btn{display:flex;gap:.25rem;align-items:center}.dai-combobox-btn__chevron{width:1.25rem;height:1.25rem;margin-left:auto;flex-shrink:0;color:#90a1b9}.dark .dai-combobox-btn__chevron{color:#62748e}.dai-combobox-options{z-index:50;margin-block:.5rem;padding:.25rem;overflow:hidden;min-width:min-content;background:#fff;border-radius:.375rem;--dai-shadow-color: rgb(0 0 0 / .1);--dai-ring-color: rgb(0 0 0 / .1);--dai-ring-shadow: 0 0 0 1px var(--dai-ring-color);--dai-shadow: 0 20px 25px -5px var(--dai-shadow-color), 0 8px 10px -6px var(--dai-shadow-color);box-shadow:var(--dai-ring-shadow),var(--dai-shadow);transition-property:scale,opacity;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dai-combobox-options:focus{outline:none}.dark .dai-combobox-options{background-color:#314158;--dai-ring-color: --utils.color("dark.600")}.dai-combobox-options>:not(:last-child){margin-block-end:.25rem}.dai-combobox-options--anim{opacity:0%;scale:95%}.dai-combobox-option{display:flex;align-items:center;gap:1rem;min-width:min-content;padding-inline:.75rem;padding-block:.5rem;border-radius:.375rem;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dai-combobox-option[data-active=true]:not([aria-selected=true]){background-color:#f1f5f9}.dark .dai-combobox-option[data-active=true]:not([aria-selected=true]){background-color:#45556c}.dai-combobox-option[aria-selected=true]{background-color:#eef2ff;color:#6260ff;color:oklch(58.5% .233 277.117)}.dark .dai-combobox-option[aria-selected=true]{background-color:#62748e;color:#fff}.dai-combobox-option[aria-disabled=true]{pointer-events:none;color:#62748e}.dark .dai-combobox-option[aria-disabled=true]{color:#90a1b9}.dai-combobox-option__check{flex-shrink:0;margin-left:auto;width:1.25rem;height:1.25rem}.dai-form-control__input-group__addon--btn{background-color:transparent;color:#90a1b9}.dai-form-control__input-group__addon--btn:focus{outline:none}.dai-form-control__input-group__addon--btn:hover,.dark .dai-form-control__input-group__addon--btn{color:#62748e}.dark .dai-form-control__input-group__addon--btn:hover{color:#90a1b9}.dai-form-control__input-group__addon--btn svg{width:1.25rem;height:1.25rem}.dai-form-control__input::-webkit-datetime-edit{line-height:1;padding:0;margin-bottom:-2px}.dai-form-control__input[type=color]{min-height:2.25rem;padding:.25rem .5rem}.dai-select{cursor:pointer}.dai-select__chevron{position:absolute;top:50%;right:.5rem;translate:0 -50%;width:1.25rem;height:1.25rem;pointer-events:none;color:#90a1b9}.dark .dai-select__chevron{color:#62748e}.form-control__textarea{padding-block:calc(var(--spacing) * 2);flex:1 1 0%;width:100%;display:block;--un-outline-style:none;outline-style:none;background-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.3s;transition-duration:.3s;margin-right:calc(calc(var(--spacing) * 3) * -1);padding-right:calc(var(--spacing) * 3)}@media (min-width: 40rem){.form-control__textarea{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight))}}.form-control__textarea::placeholder{color:color-mix(in srgb,var(--colors-secondary-400) var(--un-text-opacity),transparent);opacity:1}@supports (color: color-mix(in lab,red,red)){.form-control__textarea::placeholder{color:color-mix(in oklab,var(--colors-secondary-400) var(--un-text-opacity),transparent)}}.dark .form-control__textarea::placeholder{color:color-mix(in srgb,var(--colors-secondary-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .form-control__textarea::placeholder{color:color-mix(in oklab,var(--colors-secondary-500) var(--un-text-opacity),transparent)}}.form-control__textarea--autosize{box-sizing:border-box;resize:none}.form-control--lg .form-control__textarea{padding-block:calc(var(--spacing) * 3)}@media (min-width: 40rem){.form-control--lg .form-control__textarea{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight))}}.form-control--sm .form-control__textarea{padding-block:calc(var(--spacing) * 1)}.dai-checkbox-control{display:grid;grid-template-columns:min-content;align-items:center;column-gap:.75rem;row-gap:.25rem}.dai-checkbox-control .dai-checkbox{appearance:none;width:1.125rem;height:1.125rem;border-radius:.25rem;border:1px solid oklch(86.9% .022 252.894);background-color:#fff;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dai-checkbox-control .dai-checkbox:hover{background-color:#f8fafc}.dai-checkbox-control .dai-checkbox:checked{border-color:transparent!important;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.dai-checkbox-control .dai-checkbox:focus-visible{outline:2px solid oklch(58.5% .233 277.117);outline-offset:2px}.dai-checkbox-control .dai-checkbox--invalid{border-color:#fb2c36}.dai-checkbox-control .dai-checkbox--invalid:focus-visible{outline-color:#fb2c36}.dai-checkbox-control .dai-checkbox--primary:checked{background-color:#6260ff!important;background-color:oklch(58.5% .233 277.117)!important}.dai-checkbox-control .dai-checkbox--primary:checked:hover{background-color:#4f39f6!important}.dai-checkbox-control .dai-checkbox--primary:focus-visible{outline-color:#6260ff;outline-color:oklch(58.5% .233 277.117)}.dai-checkbox-control .dai-checkbox--success:checked{background-color:#00c65a!important;background-color:oklch(72.3% .219 149.579)!important}.dai-checkbox-control .dai-checkbox--success:checked:hover{background-color:#00a447!important;background-color:oklch(62.7% .194 149.214)!important}.dai-checkbox-control .dai-checkbox--success:focus-visible{outline-color:#00c65a;outline-color:oklch(72.3% .219 149.579)}.dai-checkbox-control .dai-checkbox--info:checked{background-color:#00a5ea!important;background-color:oklch(68.5% .169 237.323)!important}.dai-checkbox-control .dai-checkbox--info:checked:hover{background-color:#0084c7!important;background-color:oklch(58.8% .158 241.966)!important}.dai-checkbox-control .dai-checkbox--info:focus-visible{outline-color:#00a5ea;outline-color:oklch(68.5% .169 237.323)}.dai-checkbox-control .dai-checkbox--warning:checked{background-color:#f69e00!important;background-color:oklch(76.9% .188 70.08)!important}.dai-checkbox-control .dai-checkbox--warning:checked:hover{background-color:#da7700!important;background-color:oklch(66.6% .179 58.318)!important}.dai-checkbox-control .dai-checkbox--warning:focus-visible{outline-color:#f69e00;outline-color:oklch(76.9% .188 70.08)}.dai-checkbox-control .dai-checkbox--danger:checked{background-color:#fb2c36!important}.dai-checkbox-control .dai-checkbox--danger:checked:hover{background-color:#e40014!important;background-color:oklch(57.7% .245 27.325)!important}.dai-checkbox-control .dai-checkbox--danger:focus-visible{outline-color:#fb2c36}.dai-checkbox-control .dai-checkbox--secondary:checked{background-color:#62748e!important}.dai-checkbox-control .dai-checkbox--secondary:checked:hover{background-color:#45556c!important}.dai-checkbox-control .dai-checkbox--secondary:focus-visible{outline-color:#62748e}.dark .dai-checkbox-control .dai-checkbox{background-color:#314158;border-color:#45556c}.dark .dai-checkbox-control .dai-checkbox:hover{background-color:#45556c}.dai-checkbox-control .dai-checkbox--md{width:1.5rem;height:1.5rem}.dai-checkbox-control .dai-checkbox--lg{width:2rem;height:2rem;border-radius:.375rem}.dai-checkbox-control__label-container{grid-column-start:2;grid-row-start:1}.dai-checkbox-control__label{display:inline}.dai-checkbox-control__hint{grid-column-start:2;grid-row-start:2}.radio{-webkit-appearance:none;appearance:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 4.5);width:calc(var(--spacing) * 4.5);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));border-width:1px;border-color:color-mix(in srgb,var(--colors-secondary-300) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio{border-color:color-mix(in oklab,var(--colors-secondary-300) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}.dark .radio{border-color:color-mix(in srgb,var(--colors-dark-600) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-dark-700) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .radio{border-color:color-mix(in oklab,var(--colors-dark-600) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-dark-700) var(--un-bg-opacity),transparent)}}.radio:hover{background-color:color-mix(in srgb,var(--colors-secondary-50) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio:hover{background-color:color-mix(in oklab,var(--colors-secondary-50) var(--un-bg-opacity),transparent)}}.dark .radio:hover{background-color:color-mix(in srgb,var(--colors-dark-600) var(--un-bg-opacity),transparent)}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.dark .radio:hover{background-color:color-mix(in oklab,var(--colors-dark-600) var(--un-bg-opacity),transparent)}}.radio:checked{border-color:transparent;background-color:currentColor!important;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}.radio:focus-visible{outline-width:2px;outline-offset:2px;outline-style:var(--un-outline-style);outline-width:1px}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;syntax:"*";inherits:false;initial-value:solid;}.radio--invalid{border-color:color-mix(in srgb,var(--colors-danger-500) var(--un-border-opacity),transparent)!important}.radio--invalid:focus-visible{outline-color:color-mix(in srgb,var(--colors-danger-500) var(--un-outline-opacity),transparent)!important}@supports (color: color-mix(in lab,red,red)){.radio--invalid:focus-visible{outline-color:color-mix(in oklab,var(--colors-danger-500) var(--un-outline-opacity),transparent)!important}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.radio--invalid{border-color:color-mix(in oklab,var(--colors-danger-500) var(--un-border-opacity),transparent)!important}}.radio--primary{color:color-mix(in srgb,var(--colors-primary-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--primary{color:color-mix(in oklab,var(--colors-primary-500) var(--un-text-opacity),transparent)}}.radio--primary:hover:checked{color:color-mix(in srgb,var(--colors-primary-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--primary:hover:checked{color:color-mix(in oklab,var(--colors-primary-600) var(--un-text-opacity),transparent)}}.radio--primary:focus-visible{outline-color:color-mix(in srgb,var(--colors-primary-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--primary:focus-visible{outline-color:color-mix(in oklab,var(--colors-primary-500) var(--un-outline-opacity),transparent)}}.radio--success{color:color-mix(in srgb,var(--colors-success-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--success{color:color-mix(in oklab,var(--colors-success-500) var(--un-text-opacity),transparent)}}.radio--success:hover:checked{color:color-mix(in srgb,var(--colors-success-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--success:hover:checked{color:color-mix(in oklab,var(--colors-success-600) var(--un-text-opacity),transparent)}}.radio--success:focus-visible{outline-color:color-mix(in srgb,var(--colors-success-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--success:focus-visible{outline-color:color-mix(in oklab,var(--colors-success-500) var(--un-outline-opacity),transparent)}}.radio--info{color:color-mix(in srgb,var(--colors-info-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--info{color:color-mix(in oklab,var(--colors-info-500) var(--un-text-opacity),transparent)}}.radio--info:hover:checked{color:color-mix(in srgb,var(--colors-info-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--info:hover:checked{color:color-mix(in oklab,var(--colors-info-600) var(--un-text-opacity),transparent)}}.radio--info:focus-visible{outline-color:color-mix(in srgb,var(--colors-info-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--info:focus-visible{outline-color:color-mix(in oklab,var(--colors-info-500) var(--un-outline-opacity),transparent)}}.radio--warning{color:color-mix(in srgb,var(--colors-warning-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--warning{color:color-mix(in oklab,var(--colors-warning-500) var(--un-text-opacity),transparent)}}.radio--warning:hover:checked{color:color-mix(in srgb,var(--colors-warning-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--warning:hover:checked{color:color-mix(in oklab,var(--colors-warning-600) var(--un-text-opacity),transparent)}}.radio--warning:focus-visible{outline-color:color-mix(in srgb,var(--colors-warning-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--warning:focus-visible{outline-color:color-mix(in oklab,var(--colors-warning-500) var(--un-outline-opacity),transparent)}}.radio--danger{color:color-mix(in srgb,var(--colors-danger-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--danger{color:color-mix(in oklab,var(--colors-danger-500) var(--un-text-opacity),transparent)}}.radio--danger:hover:checked{color:color-mix(in srgb,var(--colors-danger-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--danger:hover:checked{color:color-mix(in oklab,var(--colors-danger-600) var(--un-text-opacity),transparent)}}.radio--danger:focus-visible{outline-color:color-mix(in srgb,var(--colors-danger-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--danger:focus-visible{outline-color:color-mix(in oklab,var(--colors-danger-500) var(--un-outline-opacity),transparent)}}.radio--secondary{color:color-mix(in srgb,var(--colors-secondary-500) var(--un-text-opacity),transparent)}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.radio--secondary{color:color-mix(in oklab,var(--colors-secondary-500) var(--un-text-opacity),transparent)}}.radio--secondary:hover:checked{color:color-mix(in srgb,var(--colors-secondary-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--secondary:hover:checked{color:color-mix(in oklab,var(--colors-secondary-600) var(--un-text-opacity),transparent)}}.radio--secondary:focus-visible{outline-color:color-mix(in srgb,var(--colors-secondary-500) var(--un-outline-opacity),transparent)}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.radio--secondary:focus-visible{outline-color:color-mix(in oklab,var(--colors-secondary-500) var(--un-outline-opacity),transparent)}}.dai-switch-control{display:grid;grid-template-columns:min-content auto;align-items:center;column-gap:.75rem;row-gap:.25rem}.dai-switch-control .dai-switch{display:inline-block;position:relative;width:2.5rem;height:1.5rem;padding:.125rem;-webkit-appearance:none;appearance:none;flex-shrink:0;border-radius:calc(infinity * 1px);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dai-switch-control .dai-switch:focus-visible{outline:2px solid oklch(58.5% .233 277.117);outline-offset:2px}.dai-switch-control .dai-switch__thumb{position:relative;background-color:#fff;width:1.25rem;height:1.25rem;border-radius:calc(infinity * 1px);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition-property:left,translate;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dark .dai-switch-control .dai-switch__thumb{background-color:#1d293d}.dai-switch-control .dai-switch--on{background-color:#6260ff;background-color:oklch(58.5% .233 277.117)}.dai-switch-control .dai-switch--on .dai-switch__thumb{left:100%;translate:-100% 0}.dai-switch-control .dai-switch--off{background-color:#cad5e2}.dark .dai-switch-control .dai-switch--off{background-color:#90a1b9}.dai-switch-control .dai-switch--off .dai-switch__thumb{left:0}.dai-switch-control__hint{grid-column-start:2;grid-row-start:2}.dai-btn{--dai-btn-color: oklch(51.1% .262 276.966);--dai-btn-bg-lightness: 0;--dai-btn-bg-opacity: 100%;background-color:oklch(from var(--dai-btn-color) calc(l + var(--dai-btn-bg-lightness)) c h/var(--dai-btn-bg-opacity));--dai-btn-text-lightness: 0;color:oklch(from var(--dai-btn-color) calc(l + var(--dai-btn-text-lightness)) c h)}.dai-btn--primary{--dai-btn-color: oklch(51.1% .262 276.966)}.dai-btn--success{--dai-btn-color: oklch(62.7% .194 149.214)}.dai-btn--info{--dai-btn-color: oklch(58.8% .158 241.966)}.dai-btn--warning{--dai-btn-color: oklch(66.6% .179 58.318)}.dai-btn--danger{--dai-btn-color: oklch(57.7% .245 27.325)}.dai-btn--secondary{--dai-btn-color: oklch(44.6% .043 257.281)}.dai-btn{display:inline-block;position:relative;padding:.5rem 1rem;cursor:pointer;font-weight:500;white-space:nowrap;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;-webkit-user-select:none;user-select:none;border-radius:.25rem;border-width:1px;border-color:transparent}@media (min-width: 40rem){.dai-btn{font-size:.875rem}}.dai-btn[aria-expanded=true],.dai-btn[aria-selected=true]{z-index:5}.dai-btn:disabled{cursor:not-allowed}.dai-btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:oklch(from var(--dai-btn-color) calc(l + .1) c h)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dai-btn__caption{display:flex;align-items:center;justify-content:center;gap:.5rem}.dai-btn__icon{width:1.25rem;height:1.25rem;flex-shrink:0}.dai-btn__spinner{display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:.5rem}.dai-btn__spinner svg{animation:spin 1s linear infinite;width:1.25rem;height:1.25rem}.dai-btn--loading,.loading .dai-btn{pointer-events:none}.dai-btn--loading[type=submit] .dai-btn__spinner,.dai-btn--loading.dai-btn--loading .dai-btn__spinner,.loading .dai-btn[type=submit] .dai-btn__spinner,.loading .dai-btn.dai-btn--loading .dai-btn__spinner{display:flex}.dai-btn--loading[type=submit] .dai-btn__caption,.dai-btn--loading.dai-btn--loading .dai-btn__caption,.loading .dai-btn[type=submit] .dai-btn__caption,.loading .dai-btn.dai-btn--loading .dai-btn__caption{visibility:hidden}.dai-btn--sm{padding:.25rem .625rem}.dai-btn--lg{padding:.75rem 1.25rem;border-radius:.375rem}@media (min-width: 40rem){.dai-btn--lg{font-size:1rem}}.dai-btn--block{width:100%;display:block}.dai-btn--rounded{border-radius:calc(infinity * 1px)}.dai-btn--condensed{padding:.5rem}.dai-btn--condensed.dai-btn--sm{padding:.25rem}.dai-btn--flat{color:#fff}.dai-btn--flat:hover{--dai-btn-bg-lightness: .1}.dai-btn--flat:active{--dai-btn-bg-lightness: -.1}.dai-btn--flat[aria-expanded=true],.dai-btn--flat[aria-selected=true]{--dai-btn-bg-lightness: -.1 !important}.dai-btn--flat:disabled,.dai-btn--flat.dai-btn--loading,.loading .dai-btn--flat{--dai-btn-bg-lightness: .2}.dai-btn--plain{--dai-btn-bg-opacity: 0%;--dai-btn-bg-lightness: .1;--dai-btn-text-lightness: .1}.dai-btn--plain:hover{--dai-btn-bg-opacity: 15%}.dai-btn--plain:active{--dai-btn-bg-opacity: 25%}.dai-btn--plain[aria-expanded=true],.dai-btn--plain[aria-selected=true]{--dai-btn-bg-opacity: 20%}.dai-btn--plain:disabled,.dai-btn--plain.dai-btn--loading,.loading .dai-btn--plain{--dai-btn-bg-opacity: 0%}.dai-btn--plain:disabled{--dai-btn-text-lightness: .3}.dai-btn--muted{--dai-btn-bg-opacity: 15%;--dai-btn-bg-lightness: .1;--dai-btn-text-lightness: .1}.dai-btn--muted:hover{--dai-btn-bg-opacity: 100%;color:#fff}.dai-btn--muted:active{--dai-btn-bg-opacity: 100%;--dai-btn-bg-lightness: -.1}.dai-btn--muted[aria-expanded=true],.dai-btn--muted[aria-selected=true]{--dai-btn-bg-opacity: 100%;color:#fff}.dai-btn--muted:disabled,.dai-btn--muted.dai-btn--loading,.loading .dai-btn--muted{--dai-btn-bg-opacity: 10%}.dai-btn--muted:disabled{--dai-btn-text-lightness: .2}.dai-btn--outlined{--dai-btn-bg-lightness: .1;--dai-btn-bg-opacity: 0%;--dai-btn-text-lightness: .1;border-color:oklch(from var(--dai-btn-color) calc(l + .1) c h)}.dai-btn--outlined:hover{--dai-btn-bg-opacity: 15%}.dai-btn--outlined:active{--dai-btn-bg-opacity: 25%}.dai-btn--outlined[aria-expanded=true],.dai-btn--outlined[aria-selected=true]{--dai-btn-bg-opacity: 20%}.dai-btn--outlined:disabled,.dai-btn--outlined.dai-btn--loading,.loading .dai-btn--outlined{border-color:oklch(from var(--dai-btn-color) calc(l + .3) c h)}.dai-btn--outlined:disabled{--dai-btn-text-lightness: .3}.dai-popover-dialog{z-index:50;border-radius:.375rem;overflow:hidden;background-color:#fff;outline:none!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 -4px 30px -10px #1c1b7e26;transition-property:opacity,scale;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dark .dai-popover-dialog{background-color:#314158;--dai-ring-color: --utils.color("dark.600")}.dai-popover-dialog--anim{opacity:0%;scale:95%}.dai-menu-items{z-index:50;padding:.25rem;margin-block:.5rem;overflow:hidden;background:#fff;border-radius:.375rem;--dai-shadow-color: rgb(0 0 0 / .1);--dai-ring-color: rgb(0 0 0 / .1);--dai-ring-shadow: 0 0 0 1px var(--dai-ring-color);--dai-shadow: 0 20px 25px -5px var(--dai-shadow-color), 0 8px 10px -6px var(--dai-shadow-color);box-shadow:var(--dai-ring-shadow),var(--dai-shadow);transition-property:scale,opacity;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dai-menu-items:focus{outline:none}.dark .dai-menu-items{background-color:#314158;--dai-ring-color: --utils.color("dark.600")}.dai-menu-items>:not(:last-child){margin-block-end:.25rem}.dai-menu-items--anim{opacity:0%;scale:95%}.dai-menu-item{display:flex;align-items:center;gap:1rem;padding-inline:.75rem;padding-block:.5rem;border-radius:.375rem;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dai-menu-item[data-active=true]:not([aria-checked=true]){background-color:#f1f5f9}.dark .dai-menu-item[data-active=true]:not([aria-checked=true]){background-color:#45556c}.dai-menu-item[aria-checked=true]{background-color:#eef2ff;color:#6260ff;color:oklch(58.5% .233 277.117)}.dark .dai-menu-item[aria-checked=true]{background-color:#62748e;color:#fff}.dai-menu-item[aria-disabled=true]{pointer-events:none;color:#62748e}.dark .dai-menu-item[aria-disabled=true]{color:#90a1b9}.dai-tab{appearance:none;cursor:pointer;padding:.75rem;background:transparent;font-weight:500;color:#62748e;transition:color .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.dark .dai-tab{color:#90a1b9}.dai-tab[aria-selected=false]:hover{color:#0f172b}.dark .dai-tab[aria-selected=false]:hover{color:#cad5e2}.dai-tab[aria-selected=true]{color:#6260ff!important;color:oklch(58.5% .233 277.117)!important}.dai-tab-list{position:relative;display:flex;overflow-x:auto}.dai-tab-list:focus{outline:none}.dai-tab-list::-webkit-scrollbar{display:none}.dai-tab-list{scrollbar-width:none}.dai-tab-list__slider{position:absolute;height:.15rem;bottom:0;background-color:#6260ff;background-color:oklch(58.5% .233 277.117);transition-timing-function:ease-out}.nui-offcanvas{inset-block:calc(var(--spacing) * 0);position:fixed;z-index:10;overflow-x:hidden;background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent);transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.2s;transition-duration:.2s}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.nui-offcanvas{background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}.dark .nui-offcanvas{background-color:color-mix(in srgb,var(--colors-dark-800) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .nui-offcanvas{background-color:color-mix(in oklab,var(--colors-dark-800) var(--un-bg-opacity),transparent)}}.nui-offcanvas--left{left:calc(var(--spacing) * 0);right:auto}.nui-offcanvas--right{right:calc(var(--spacing) * 0);left:auto}.nui-offcanvas--shadow{box-shadow:-10px 5px 15px -3px #0000001a,-4px 0 6px -2px #0000000d,10px 5px 15px -3px #0000001a,4px 0 6px -2px #0000000d}.nui-offcanvas{width:100vw}@media (min-width: 48rem){.nui-offcanvas{width:50vw}}@media (min-width: 64rem){.nui-offcanvas{width:45vw}}@media (min-width: 80rem){.nui-offcanvas{width:35vw}}.nui-offcanvas--lg{width:100vw}@media (min-width: 48rem){.nui-offcanvas--lg{width:50vw}}@media (min-width: 64rem){.nui-offcanvas--lg{width:55vw}}@media (min-width: 80rem){.nui-offcanvas--lg{width:60vw}}.nui-offcanvas--xl{width:100vw}@media (min-width: 48rem){.nui-offcanvas--xl{width:60vw}}@media (min-width: 64rem){.nui-offcanvas--xl{width:65vw}}@media (min-width: 80rem){.nui-offcanvas--xl{width:70vw}}.nui-offcanvas--animate-hidden{--un-translate-x:-100%;translate:var(--un-translate-x) var(--un-translate-y)}.nui-offcanvas--animate-hidden.nui-offcanvas--right{--un-translate-x:100%;translate:var(--un-translate-x) var(--un-translate-y)}.nui-offcanvas--animate-shown{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y)}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}.nui-body-push{transition-property:margin;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.2s;transition-duration:.2s;margin-inline:calc(var(--spacing) * 0)}@media (min-width: 48rem){.nui-body-push--right{margin-right:50vw}}@media (min-width: 64rem){.nui-body-push--right{margin-right:45vw}}@media (min-width: 80rem){.nui-body-push--right{margin-right:35vw}}@media (min-width: 48rem){.nui-body-push--right--lg{margin-right:50vw}}@media (min-width: 64rem){.nui-body-push--right--lg{margin-right:55vw}}@media (min-width: 80rem){.nui-body-push--right--lg{margin-right:60vw}}@media (min-width: 48rem){.nui-body-push--right--xl{margin-right:60vw}}@media (min-width: 64rem){.nui-body-push--right--xl{margin-right:65vw}}@media (min-width: 80rem){.nui-body-push--right--xl{margin-right:70vw}}@media (min-width: 48rem){.nui-body-push--left{margin-left:50vw}}@media (min-width: 64rem){.nui-body-push--left{margin-left:45vw}}@media (min-width: 80rem){.nui-body-push--left{margin-left:35vw}}@media (min-width: 48rem){.nui-body-push--left--lg{margin-left:50vw}}@media (min-width: 64rem){.nui-body-push--left--lg{margin-left:55vw}}@media (min-width: 80rem){.nui-body-push--left--lg{margin-left:60vw}}@media (min-width: 48rem){.nui-body-push--left--xl{margin-left:60vw}}@media (min-width: 64rem){.nui-body-push--left--xl{margin-left:65vw}}@media (min-width: 80rem){.nui-body-push--left--xl{margin-left:70vw}}.dai-notification{display:flex;align-items:flex-start;padding:1rem .75rem;border-radius:.375rem;box-shadow:0 0 0 1px #0000001a,0 25px 50px -12px #00000040;font-size:.875rem;line-height:1.25rem;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;opacity:.95}.dai-notification:hover{opacity:1}.dai-notification--primary{background-color:#6260ff;background-color:oklch(58.5% .233 277.117)}.dai-notification--success{background-color:#00c65a;background-color:oklch(72.3% .219 149.579)}.dai-notification--info{background-color:#00a5ea;background-color:oklch(68.5% .169 237.323)}.dai-notification--warning{background-color:#f69e00;background-color:oklch(76.9% .188 70.08)}.dai-notification--danger{background-color:#fb2c36}.dai-notification--secondary{background-color:#62748e}.dai-notification__icon{margin-inline:auto;flex-shrink:0;padding-right:1rem}.dai-notification__icon--primary{color:#7d87ff;color:oklch(67.3% .182 276.935)}.dai-notification__icon--success{color:#05df72}.dai-notification__icon--info{color:#00bbfd;color:oklch(74.6% .16 232.661)}.dai-notification__icon--warning{color:#fabc00;color:oklch(82.8% .189 84.429)}.dai-notification__icon--danger{color:#ff6568;color:oklch(70.4% .191 22.216)}.dai-notification__icon--secondary{color:#90a1b9}.dai-notification__icon svg{width:1.5rem;height:1.5rem}.dai-notification__content{flex-grow:1;padding-top:.125rem}.dai-notification__content__message{color:#ffffffe6}.dai-notification__content__message--bold{font-weight:500}.dai-notification__content__detail{color:#fffc;margin-top:.25rem}.dai-notification__dismiss{flex-shrink:0;margin-left:1rem;color:#fffc;cursor:pointer}.dai-notification__dismiss:hover{color:#fff}.dai-notification__dismiss svg{width:1.25rem;height:1.25rem}.dai-notification-queue{z-index:100;width:24rem;max-width:100%;display:flex;gap:.5rem}.dai-notification-queue--fixed{position:fixed}.dai-notification-queue--absolute{position:absolute}.dai-notification-queue--x-left{left:1rem}.dai-notification-queue--x-center{left:50%;transform:translate(-50%)}.dai-notification-queue--x-right{right:1rem}.dai-notification-queue--y-top{top:1rem;flex-direction:column-reverse}.dai-notification-queue--y-bottom{bottom:1rem;flex-direction:column}.dai-notification-queue__item{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dai-notification-queue__item--anim{opacity:0}.dai-notification-queue__item--anim-x-left{transform:translate(-20rem)}.dai-notification-queue__item--anim-x-right{transform:translate(20rem)}.dai-notification-queue__item--anim-y-top{transform:translateY(-5rem)}.dai-notification-queue__item--anim-y-bottom{transform:translateY(5rem)}.dai-notification-queue__item--anim-in{transition-timing-function:ease-out}.dai-notification-queue__item--anim-out{transition-timing-function:ease-in}.progress-infinite{animation-name:progress-infinite;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes progress-infinite{0%{width:0}50%{width:100%;left:0}to{width:0;left:100%}}.dai-modal{z-index:50}.dai-modal__backdrop{position:fixed;inset:0;background-color:oklch(from oklch(96.2% .018 272.314) l c h/60%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition-property:opacity;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.3s}.dai-modal__overlay{position:fixed;inset:0;overflow-y:auto}.dai-modal__overlay__container{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}@media (min-width: 40rem){.dai-modal__overlay__container{padding:1.5rem}}.dai-modal__dialog{transition-property:opacity,scale,translate;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s}.dai-modal--anim .dai-modal__backdrop{opacity:0%;transition-duration:.2s}.dai-modal--anim .dai-modal__dialog{opacity:0%;scale:95%;translate:0 -2.5rem}

package/dist/main.js

@@ -1,6 +1,6 @@
-import { useFormControl as P, Combobox as te, ComboboxInput as oe, injectCombobox as ae, ComboboxOptions as le, ComboboxOption as ie, PopoverDialog as ne, MenuItems as se, MenuItem as re, Tab as de, TabList as ue } from "vue-composable-ui";
+import { useFormControl as T, Combobox as te, ComboboxInput as oe, injectCombobox as ae, ComboboxOptions as le, ComboboxOption as ie, PopoverDialog as ne, MenuItems as se, MenuItem as re, Tab as de, TabList as ue } from "vue-composable-ui";
 import { Menu as Nt, Popover as Ut, TabContainer as Xt, TabPanel as Dt } from "vue-composable-ui";
-import { reactive as ce, watch as T, onUnmounted as R, defineComponent as v, createElementBlock as u, openBlock as i, renderSlot as b, createTextVNode as z, toDisplayString as k, normalizeClass as w, createBlock as p, createCommentVNode as y, createElementVNode as d, computed as _, createVNode as V, normalizeProps as fe, guardReactiveProps as me, withCtx as f, Transition as A, mergeModels as C, useModel as B, useId as q, useTemplateRef as L, mergeProps as $, unref as n, inject as ve, Fragment as I, ref as U, onMounted as O, withDirectives as X, renderList as D, vModelSelect as he, vModelText as pe, vModelRadio as be, resolveDynamicComponent as ye, nextTick as ge, normalizeStyle as N, Teleport as Z, TransitionGroup as we, withModifiers as ke } from "vue";
+import { reactive as ce, watch as P, onUnmounted as R, defineComponent as v, createElementBlock as u, openBlock as i, renderSlot as b, createTextVNode as z, toDisplayString as k, normalizeClass as w, createBlock as p, createCommentVNode as y, createElementVNode as d, computed as _, createVNode as V, normalizeProps as fe, guardReactiveProps as me, withCtx as f, Transition as A, mergeModels as C, useModel as B, useId as q, useTemplateRef as L, mergeProps as $, unref as n, inject as ve, Fragment as j, ref as U, onMounted as O, withDirectives as X, renderList as D, vModelSelect as he, vModelText as pe, vModelRadio as be, resolveDynamicComponent as ye, nextTick as ge, normalizeStyle as N, Teleport as Z, TransitionGroup as we, withModifiers as ke } from "vue";
 import './assets/main.css';function $e(e, ...t) {
   let o = [];
   const l = ce(t);
@@ -10,7 +10,7 @@ import './assets/main.css';function $e(e, ...t) {
   function s() {
     e.classList.remove(...o);
   }
-  return T(
+  return P(
     l,
     () => {
       s(), a();
@@ -181,12 +181,12 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = B(e, "modelValue"), l = t.id || q(), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = P(
+    const t = e, o = B(e, "modelValue"), l = t.id || q(), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = T(
       a,
       t.validators,
       t.showValidationError
     );
-    return T(o, () => g(), { flush: "post" }), (h, m) => (i(), p(S, $(t, {
+    return P(o, () => g(), { flush: "post" }), (h, m) => (i(), p(S, $(t, {
       labelFor: n(l),
       validationMessage: e.showValidationError ? "" : n(r),
       invalid: !n(s),
@@ -245,7 +245,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
       class: "dai-form-control__input-group__control dai-combobox-btn"
     }), [
       b(l.$slots, "default", {}, () => [
-        n(t).displayValue.value ? (i(), u(I, { key: 1 }, [
+        n(t).displayValue.value ? (i(), u(j, { key: 1 }, [
           z(k(n(t).displayValue), 1)
         ], 64)) : (i(), u("span", Le, k(e.placeholder || "Select..."), 1)),
         a[1] || (a[1] = d("svg", {
@@ -264,7 +264,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
       ])
     ], 16));
   }
-}), Te = /* @__PURE__ */ v({
+}), Pe = /* @__PURE__ */ v({
   __name: "comboboxOptions",
   setup(e) {
     return (t, o) => (i(), p(A, {
@@ -282,7 +282,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
       _: 3
     }));
   }
-}), Pe = {
+}), Te = {
   key: 0,
   class: "dai-combobox-option__check",
   xmlns: "http://www.w3.org/2000/svg",
@@ -302,7 +302,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
           isActive: l,
           isSelected: a
         }),
-        a ? (i(), u("svg", Pe, [...o[0] || (o[0] = [
+        a ? (i(), u("svg", Te, [...o[0] || (o[0] = [
           d("path", {
             fill: "currentColor",
             "fill-rule": "evenodd",
@@ -314,12 +314,12 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
       _: 3
     }, 8, ["value"]));
   }
-}), je = (e, t) => {
+}), Ie = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [l, a] of t)
     o[l] = a;
   return o;
-}, Ie = {}, Oe = {
+}, je = {}, Oe = {
   type: "button",
   class: "dai-form-control__input-group__addon dai-form-control__input-group__addon--btn",
   tabindex: "-1",
@@ -330,7 +330,7 @@ function Fe(e, t) {
     b(e.$slots, "default")
   ]);
 }
-const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern", "title", "autocomplete", "value"], Ne = {
+const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern", "title", "autocomplete", "value"], Ne = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -381,16 +381,16 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
       set(M) {
         return r.value && (r.value.files = M), M;
       }
-    }), r = L("formElement"), { isValid: g, validationMessage: h, validate: m } = P(
+    }), r = L("formElement"), { isValid: g, validationMessage: h, validate: m } = T(
       r,
       t.validators,
       t.showValidationError
     ), c = U(!1);
-    T(a, () => {
+    P(a, () => {
       s.value = r.value?.files || null;
     });
     let x;
-    const j = _(() => t.type === "password" ? c.value ? "text" : "password" : t.type), Y = _(() => t.mask ? t.mask : t.type === "tel" ? {
+    const I = _(() => t.type === "password" ? c.value ? "text" : "password" : t.type), Y = _(() => t.mask ? t.mask : t.type === "tel" ? {
       mask: "{+7} (000) 000-00-00"
     } : t.mask), G = _(() => t.pattern ? t.pattern : t.type === "tel" ? "^\\+7 \\(9\\d{2}\\) \\d{3}-\\d{2}-\\d{2}" : t.pattern), Q = _(() => t.title ? t.title : t.type === "tel" ? "+7 (999) 888-77-66" : t.title);
     function W() {
@@ -427,7 +427,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
           ref: r
         }, { ...M.$attrs, class: void 0 }, {
           id: n(o),
-          type: j.value,
+          type: I.value,
           pattern: G.value,
           title: Q.value,
           autocomplete: l.value,
@@ -521,7 +521,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = t.id || q(), l = B(e, "modelValue"), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = P(
+    const t = e, o = t.id || q(), l = B(e, "modelValue"), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = T(
       a,
       t.validators,
       t.showValidationError
@@ -542,7 +542,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
           class: "dai-form-control__input-group__control dai-select"
         }), [
           b(h.$slots, "default", {}, () => [
-            (i(!0), u(I, null, D(e.options, (c) => (i(), u("option", {
+            (i(!0), u(j, null, D(e.options, (c) => (i(), u("option", {
               value: c[e.optionValue],
               key: c[e.optionValue]
             }, k(c[e.optionText]), 9, De))), 128))
@@ -604,9 +604,9 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
     }), {
       default: f(() => [
         V(n(qe), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
-        V(n(Te), null, {
+        V(n(Pe), null, {
           default: f(() => [
-            (i(!0), u(I, null, D(e.options, (s) => (i(), p(n(Ae), {
+            (i(!0), u(j, null, D(e.options, (s) => (i(), p(n(Ae), {
               key: s[e.optionValue],
               value: s[e.optionValue]
             }, {
@@ -636,7 +636,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = t.id || q(), l = B(e, "modelValue"), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = P(
+    const t = e, o = t.id || q(), l = B(e, "modelValue"), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = T(
       a,
       t.validators,
       t.showValidationError
@@ -692,7 +692,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = t.id || q(), l = t.value || o, a = B(e, "modelValue"), s = L("formElement"), { isValid: r } = P(
+    const t = e, o = t.id || q(), l = t.value || o, a = B(e, "modelValue"), s = L("formElement"), { isValid: r } = T(
       s,
       t.validators,
       t.showValidationError
@@ -703,8 +703,8 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
         if (x)
           a.value.push(l);
         else {
-          const j = a.value.indexOf(l);
-          j > -1 && a.value.splice(j, 1);
+          const I = a.value.indexOf(l);
+          I > -1 && a.value.splice(I, 1);
         }
       else
         a.value = x;
@@ -775,7 +775,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = B(e, "modelValue"), l = q(), a = L("formElement"), { isValid: s } = P(
+    const t = e, o = B(e, "modelValue"), l = q(), a = L("formElement"), { isValid: s } = T(
       a,
       t.validators,
       t.showValidationError
@@ -1001,7 +1001,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
       _: 3
     }));
   }
-}), Tt = /* @__PURE__ */ v({
+}), Pt = /* @__PURE__ */ v({
   __name: "tab",
   props: {
     id: {},
@@ -1021,7 +1021,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
       _: 3
     }, 8, ["id", "aria-controls", "value"]));
   }
-}), Pt = /* @__PURE__ */ v({
+}), Tt = /* @__PURE__ */ v({
   __name: "tabList",
   setup(e) {
     const t = L("tablist"), o = L("slider"), l = U({});
@@ -1071,7 +1071,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, o = B(e, "modelValue"), l = t.id ?? q(), { classList: a } = $e(document.body, "nui-body-push");
-    T(o, () => {
+    P(o, () => {
       if (!t.push || (a.splice(1), !o.value))
         return;
       let r = "nui-body-push--" + t.position;
@@ -1168,7 +1168,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
     function a() {
       clearTimeout(l), o.value && t.timeout && (l = setTimeout(() => o.value = !1, t.timeout));
     }
-    return T(o, a, { immediate: !0 }), (s, r) => o.value ? (i(), u("div", it, [
+    return P(o, a, { immediate: !0 }), (s, r) => o.value ? (i(), u("div", it, [
       d("div", {
         class: w(["dai-notification", [`dai-notification--${e.color || "secondary"}`]])
       }, [
@@ -1210,7 +1210,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
       ], 2)
     ])) : y("", !0);
   }
-}), jt = /* @__PURE__ */ v({
+}), It = /* @__PURE__ */ v({
   __name: "notificationQueue",
   props: /* @__PURE__ */ C({
     length: { default: 3 },
@@ -1236,7 +1236,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
         ), s();
       }, 200);
     }
-    T(o, s, { immediate: !0, deep: !0 });
+    P(o, s, { immediate: !0, deep: !0 });
     const g = _(() => {
       const h = ["dai-notification-queue__item--anim"];
       return t.positionX === "right" ? h.push("dai-notification-queue__item--anim-x-right") : t.positionX === "left" ? h.push("dai-notification-queue__item--anim-x-left") : t.positionX === "center" && t.positionY === "top" ? h.push("dai-notification-queue__item--anim-y-top") : t.positionX === "center" && t.positionY === "bottom" && h.push("dai-notification-queue__item--anim-y-bottom"), h.join(" ");
@@ -1260,7 +1260,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
         "leave-active-class": "dai-notification-queue__item--anim-out"
       }, {
         default: f(() => [
-          (i(!0), u(I, null, D(l.value, (c) => (i(), p(mt, {
+          (i(!0), u(j, null, D(l.value, (c) => (i(), p(mt, {
             key: c.id,
             color: c.color,
             icon: c.type,
@@ -1276,7 +1276,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 2));
   }
-}), vt = ["aria-valuenow"], It = /* @__PURE__ */ v({
+}), vt = ["aria-valuenow"], jt = /* @__PURE__ */ v({
   __name: "progressbar",
   props: {
     value: {},
@@ -1316,8 +1316,8 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
   }
 }), ht = {
   key: 0,
-  class: "z-50"
-}, pt = { class: "fixed inset-0 overflow-y-auto" }, bt = { class: "modal__dialog" }, Ot = /* @__PURE__ */ v({
+  class: "dai-modal"
+}, pt = { class: "dai-modal__overlay" }, bt = { class: "dai-modal__dialog" }, Ot = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "modal",
   props: {
@@ -1330,24 +1330,25 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
     function o() {
       t.value = !1;
     }
-    return T(t, (l) => {
-      l ? document.body.classList.add("overflow-hidden") : document.body.classList.remove("overflow-hidden");
+    return P(t, (l) => {
+      l ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
     }), (l, a) => (i(), p(Z, { to: "body" }, [
       V(A, {
         appear: "",
-        name: "modal",
+        "enter-from-class": "dai-modal--anim",
+        "leave-to-class": "dai-modal--anim",
         duration: { enter: 300, leave: 200 }
       }, {
         default: f(() => [
           t.value ? (i(), u("div", ht, [
             a[0] || (a[0] = d("div", {
-              class: "modal__backdrop fixed inset-0 bg-primary-50/60 backdrop-blur-sm",
+              class: "dai-modal__backdrop",
               "aria-hidden": "true"
             }, null, -1)),
             d("div", pt, [
               d("div", {
                 onClick: ke(o, ["self"]),
-                class: "min-h-full flex items-center justify-center p-4 sm:p-6"
+                class: "dai-modal__overlay__container"
               }, [
                 d("div", bt, [
                   b(l.$slots, "default", { close: o })
@@ -1368,7 +1369,7 @@ export {
   qe as ComboboxButton,
   kt as ComboboxInput,
   Ae as ComboboxOption,
-  Te as ComboboxOptions,
+  Pe as ComboboxOptions,
   H as Hint,
   $t as Input,
   F as Label,
@@ -1377,18 +1378,18 @@ export {
   Lt as MenuItems,
   Ot as Modal,
   mt as Notification,
-  jt as NotificationQueue,
+  It as NotificationQueue,
   At as Offcanvas,
   Ut as Popover,
   zt as PopoverDialog,
-  It as Progressbar,
+  jt as Progressbar,
   Mt as Radio,
   xt as Select,
   _t as Selectbox,
   Ct as Switch,
-  Tt as Tab,
+  Pt as Tab,
   Xt as TabContainer,
-  Pt as TabList,
+  Tt as TabList,
   Dt as TabPanel,
   Bt as Textarea,
   $e as useClassList

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@defaultusr/dai-ui",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "type": "module",
   "files": [
     "dist"