@defaultusr/dai-ui 1.1.14 → 1.1.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/main.css +1 -1
- package/dist/main.js +56 -52
- package/dist/types/components/input_controls/checkbox.vue.d.ts +2 -0
- package/dist/types/components/input_controls/combobox/combobox.stories.d.ts +12 -0
- package/dist/types/components/input_controls/combobox/combobox.vue.d.ts +1 -0
- package/package.json +1 -1
package/dist/assets/main.css
CHANGED
|
@@ -1 +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}.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 auto;align-items:center;column-gap:.75rem;row-gap:.25rem}.dai-checkbox-control .dai-checkbox{appearance:none;width:1.125rem;height:1.125rem;border-radius:.375rem;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__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{pointer-events:none}.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] .btn__spinner,.dai-btn--loading.dai-btn--loading .btn__spinner,.loading .dai-btn[type=submit] .btn__spinner,.loading .dai-btn.dai-btn--loading .btn__spinner{display:flex}.dai-btn--loading[type=submit] .btn__caption,.dai-btn--loading.dai-btn--loading .btn__caption,.loading .dai-btn[type=submit] .btn__caption,.loading .dai-btn.dai-btn--loading .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;--dai-ring-color: rgb(0 0 0 / .1);box-shadow:0 0 0 1px var(--dai-ring-color),0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition-property:opacity,transform;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)}}
|
|
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{grid-column-start:2;grid-row-start:1}.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{pointer-events:none}.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] .btn__spinner,.dai-btn--loading.dai-btn--loading .btn__spinner,.loading .dai-btn[type=submit] .btn__spinner,.loading .dai-btn.dai-btn--loading .btn__spinner{display:flex}.dai-btn--loading[type=submit] .btn__caption,.dai-btn--loading.dai-btn--loading .btn__caption,.loading .dai-btn[type=submit] .btn__caption,.loading .dai-btn.dai-btn--loading .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;--dai-ring-color: rgb(0 0 0 / .1);box-shadow:0 0 0 1px var(--dai-ring-color),0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition-property:opacity,transform;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)}}
|
package/dist/main.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
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";
|
|
2
2
|
import { Menu as Ut, Popover as Nt, TabContainer as Xt, TabPanel as Dt } from "vue-composable-ui";
|
|
3
|
-
import { reactive as ce, watch as P, onUnmounted as K, defineComponent as v, createElementBlock as u, openBlock as a, renderSlot as
|
|
3
|
+
import { reactive as ce, watch as P, onUnmounted as K, defineComponent as v, createElementBlock as u, openBlock as a, renderSlot as h, createTextVNode as z, toDisplayString as k, normalizeClass as w, createBlock as m, createCommentVNode as b, createElementVNode as d, computed as _, createVNode as V, normalizeProps as fe, guardReactiveProps as me, withCtx as c, Transition as A, mergeModels as M, useModel as x, useId as q, useTemplateRef as L, mergeProps as $, unref as s, inject as ve, Fragment as j, ref as N, onMounted as I, withDirectives as O, renderList as X, vModelSelect as he, vModelText as pe, vModelCheckbox as be, vModelRadio as ye, resolveDynamicComponent as ge, nextTick as we, normalizeStyle as U, Teleport as R, TransitionGroup as ke, withModifiers as $e } from "vue";
|
|
4
4
|
import './assets/main.css';function xe(e, ...t) {
|
|
5
5
|
let o = [];
|
|
6
6
|
const l = ce(t);
|
|
@@ -27,7 +27,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
27
27
|
},
|
|
28
28
|
setup(e) {
|
|
29
29
|
return (t, o) => (a(), u("label", _e, [
|
|
30
|
-
|
|
30
|
+
h(t.$slots, "default", {}, () => [
|
|
31
31
|
z(k(e.text), 1)
|
|
32
32
|
])
|
|
33
33
|
]));
|
|
@@ -39,7 +39,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
39
39
|
},
|
|
40
40
|
setup(e) {
|
|
41
41
|
return (t, o) => (a(), u("div", Be, [
|
|
42
|
-
|
|
42
|
+
h(t.$slots, "default", {}, () => [
|
|
43
43
|
z(k(e.text), 1)
|
|
44
44
|
])
|
|
45
45
|
]));
|
|
@@ -76,7 +76,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
76
76
|
class: "dai-form-control__input-group__label"
|
|
77
77
|
}, null, 8, ["text", "for"])) : b("", !0),
|
|
78
78
|
d("div", Ve, [
|
|
79
|
-
|
|
79
|
+
h(t.$slots, "default")
|
|
80
80
|
])
|
|
81
81
|
], 2));
|
|
82
82
|
}
|
|
@@ -125,7 +125,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
125
125
|
size: l.value
|
|
126
126
|
})), {
|
|
127
127
|
default: c(() => [
|
|
128
|
-
|
|
128
|
+
h(i.$slots, "default")
|
|
129
129
|
]),
|
|
130
130
|
_: 3
|
|
131
131
|
}, 16),
|
|
@@ -161,7 +161,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
161
161
|
props: /* @__PURE__ */ M({
|
|
162
162
|
id: {},
|
|
163
163
|
validators: { default: () => [] },
|
|
164
|
-
showValidationError: { type: Boolean },
|
|
164
|
+
showValidationError: { type: Boolean, default: !1 },
|
|
165
165
|
labelPosition: {},
|
|
166
166
|
hint: {},
|
|
167
167
|
validationMessage: {},
|
|
@@ -187,7 +187,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
187
187
|
t.validators,
|
|
188
188
|
t.showValidationError
|
|
189
189
|
);
|
|
190
|
-
return (y,
|
|
190
|
+
return (y, p) => (a(), m(S, $(t, {
|
|
191
191
|
labelFor: s(l),
|
|
192
192
|
validationMessage: e.showValidationError ? "" : s(n),
|
|
193
193
|
invalid: !s(r),
|
|
@@ -197,7 +197,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
197
197
|
V(s(te), $({ ...y.$attrs, class: void 0, required: void 0 }, {
|
|
198
198
|
id: s(l),
|
|
199
199
|
modelValue: o.value,
|
|
200
|
-
"onUpdate:modelValue":
|
|
200
|
+
"onUpdate:modelValue": p[0] || (p[0] = (g) => o.value = g)
|
|
201
201
|
}), {
|
|
202
202
|
default: c(() => [
|
|
203
203
|
d("input", $({
|
|
@@ -206,7 +206,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
206
206
|
type: "text",
|
|
207
207
|
value: o.value
|
|
208
208
|
}, { required: y.$attrs.required }, { class: "dai-combobox__stab-input" }), null, 16, ze),
|
|
209
|
-
|
|
209
|
+
h(y.$slots, "default")
|
|
210
210
|
]),
|
|
211
211
|
_: 3
|
|
212
212
|
}, 16, ["id", "modelValue"])
|
|
@@ -219,7 +219,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
219
219
|
setup(e) {
|
|
220
220
|
return (t, o) => (a(), m(s(oe), { class: "dai-form-control__input-group__control" }, {
|
|
221
221
|
default: c(() => [
|
|
222
|
-
|
|
222
|
+
h(t.$slots, "default")
|
|
223
223
|
]),
|
|
224
224
|
_: 3
|
|
225
225
|
}));
|
|
@@ -245,7 +245,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
245
245
|
type: "button",
|
|
246
246
|
class: "dai-form-control__input-group__control dai-combobox-btn"
|
|
247
247
|
}), [
|
|
248
|
-
|
|
248
|
+
h(l.$slots, "default", {}, () => [
|
|
249
249
|
s(t).displayValue.value ? (a(), u(j, { key: 1 }, [
|
|
250
250
|
z(k(s(t).displayValue), 1)
|
|
251
251
|
], 64)) : (a(), u("span", qe, k(e.placeholder || "Select..."), 1)),
|
|
@@ -275,7 +275,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
275
275
|
default: c(() => [
|
|
276
276
|
V(s(le), { class: "dai-combobox-options" }, {
|
|
277
277
|
default: c(() => [
|
|
278
|
-
|
|
278
|
+
h(t.$slots, "default")
|
|
279
279
|
]),
|
|
280
280
|
_: 3
|
|
281
281
|
})
|
|
@@ -299,7 +299,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
299
299
|
class: "dai-combobox-option"
|
|
300
300
|
}, {
|
|
301
301
|
default: c(({ isActive: l, isSelected: i }) => [
|
|
302
|
-
|
|
302
|
+
h(t.$slots, "default", {
|
|
303
303
|
isActive: l,
|
|
304
304
|
isSelected: i
|
|
305
305
|
}),
|
|
@@ -328,7 +328,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
|
328
328
|
};
|
|
329
329
|
function Se(e, t) {
|
|
330
330
|
return a(), u("button", Fe, [
|
|
331
|
-
|
|
331
|
+
h(e.$slots, "default")
|
|
332
332
|
]);
|
|
333
333
|
}
|
|
334
334
|
const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern", "title", "autocomplete", "value"], Ne = {
|
|
@@ -382,7 +382,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
382
382
|
set(B) {
|
|
383
383
|
return n.value && (n.value.files = B), B;
|
|
384
384
|
}
|
|
385
|
-
}), n = L("formElement"), { isValid: y, validationMessage:
|
|
385
|
+
}), n = L("formElement"), { isValid: y, validationMessage: p, validate: g } = T(
|
|
386
386
|
n,
|
|
387
387
|
t.validators,
|
|
388
388
|
t.showValidationError
|
|
@@ -417,12 +417,12 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
417
417
|
});
|
|
418
418
|
}), (B, E) => (a(), m(S, $(t, {
|
|
419
419
|
"label-for": s(o),
|
|
420
|
-
"validation-message": e.showValidationError ? "" : s(
|
|
420
|
+
"validation-message": e.showValidationError ? "" : s(p),
|
|
421
421
|
invalid: t.invalid || !s(y),
|
|
422
422
|
class: B.$attrs.class
|
|
423
423
|
}), {
|
|
424
424
|
default: c(() => [
|
|
425
|
-
|
|
425
|
+
h(B.$slots, "prepend"),
|
|
426
426
|
d("input", $({
|
|
427
427
|
ref_key: "formElement",
|
|
428
428
|
ref: n
|
|
@@ -437,7 +437,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
437
437
|
onKeyupPassive: E[0] || (E[0] = (yt) => !s(y) && s(g)()),
|
|
438
438
|
class: "dai-form-control__input-group__control dai-form-control__input"
|
|
439
439
|
}), null, 16, Ue),
|
|
440
|
-
|
|
440
|
+
h(B.$slots, "append"),
|
|
441
441
|
t.type === "password" && i.value ? (a(), m(Y, {
|
|
442
442
|
key: 0,
|
|
443
443
|
onClick: W
|
|
@@ -527,29 +527,29 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
527
527
|
t.validators,
|
|
528
528
|
t.showValidationError
|
|
529
529
|
);
|
|
530
|
-
return (
|
|
530
|
+
return (p, g) => (a(), m(S, $(t, {
|
|
531
531
|
"label-for": s(o),
|
|
532
532
|
"validation-message": e.showValidationError ? "" : s(n),
|
|
533
533
|
invalid: t.invalid || !s(r),
|
|
534
|
-
class:
|
|
534
|
+
class: p.$attrs.class
|
|
535
535
|
}), {
|
|
536
536
|
default: c(() => [
|
|
537
537
|
O(d("select", $({
|
|
538
538
|
ref_key: "formElement",
|
|
539
539
|
ref: i
|
|
540
|
-
}, { ...
|
|
540
|
+
}, { ...p.$attrs, class: void 0 }, {
|
|
541
541
|
id: s(o),
|
|
542
542
|
"onUpdate:modelValue": g[0] || (g[0] = (f) => l.value = f),
|
|
543
543
|
class: "dai-form-control__input-group__control dai-select"
|
|
544
544
|
}), [
|
|
545
|
-
p
|
|
545
|
+
h(p.$slots, "default", {}, () => [
|
|
546
546
|
(a(!0), u(j, null, X(e.options, (f) => (a(), u("option", {
|
|
547
547
|
value: f[e.optionValue],
|
|
548
548
|
key: f[e.optionValue]
|
|
549
549
|
}, k(f[e.optionText]), 9, He))), 128))
|
|
550
550
|
])
|
|
551
551
|
], 16, De), [
|
|
552
|
-
[
|
|
552
|
+
[he, l.value]
|
|
553
553
|
]),
|
|
554
554
|
g[1] || (g[1] = d("svg", {
|
|
555
555
|
class: "dai-select__chevron",
|
|
@@ -642,12 +642,12 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
642
642
|
t.validators,
|
|
643
643
|
t.showValidationError
|
|
644
644
|
);
|
|
645
|
-
function
|
|
645
|
+
function p() {
|
|
646
646
|
if (!t.autosize) return;
|
|
647
647
|
const g = i.value, f = g.offsetHeight - g.clientHeight;
|
|
648
648
|
g.style.height = "auto", g.style.height = `${g.scrollHeight + f}px`;
|
|
649
649
|
}
|
|
650
|
-
return I(
|
|
650
|
+
return I(p), (g, f) => (a(), m(S, $(t, {
|
|
651
651
|
"label-for": s(o),
|
|
652
652
|
"validation-message": e.showValidationError ? "" : s(n),
|
|
653
653
|
invalid: !s(r),
|
|
@@ -661,12 +661,12 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
661
661
|
id: s(o),
|
|
662
662
|
"onUpdate:modelValue": f[0] || (f[0] = (C) => l.value = C),
|
|
663
663
|
onKeyupPassive: f[1] || (f[1] = (C) => !s(r) && s(y)()),
|
|
664
|
-
onInputPassive:
|
|
664
|
+
onInputPassive: p,
|
|
665
665
|
class: ["form-control__textarea", {
|
|
666
666
|
"form-control__textarea--autosize": e.autosize
|
|
667
667
|
}]
|
|
668
668
|
}), null, 16, Ye), [
|
|
669
|
-
[
|
|
669
|
+
[pe, l.value]
|
|
670
670
|
])
|
|
671
671
|
]),
|
|
672
672
|
_: 1
|
|
@@ -677,6 +677,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
677
677
|
__name: "checkbox",
|
|
678
678
|
props: /* @__PURE__ */ M({
|
|
679
679
|
color: { default: "primary" },
|
|
680
|
+
size: { default: "small" },
|
|
680
681
|
validators: {},
|
|
681
682
|
showValidationError: { type: Boolean, default: !0 },
|
|
682
683
|
label: {},
|
|
@@ -698,23 +699,26 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
698
699
|
O(d("input", $({
|
|
699
700
|
ref_key: "formElement",
|
|
700
701
|
ref: i,
|
|
701
|
-
"onUpdate:modelValue": y[0] || (y[0] = (
|
|
702
|
+
"onUpdate:modelValue": y[0] || (y[0] = (p) => o.value = p)
|
|
702
703
|
}, { ...n.$attrs, class: "" }, {
|
|
703
704
|
id: s(l),
|
|
704
705
|
type: "checkbox",
|
|
705
706
|
class: ["dai-checkbox", {
|
|
706
707
|
[`dai-checkbox--${e.color}`]: e.color,
|
|
707
|
-
"dai-checkbox--invalid": !s(r)
|
|
708
|
+
"dai-checkbox--invalid": !s(r),
|
|
709
|
+
"dai-checkbox--md": e.size === "medium",
|
|
710
|
+
"dai-checkbox--lg": e.size === "large"
|
|
708
711
|
}]
|
|
709
712
|
}), null, 16, Ke), [
|
|
710
713
|
[be, o.value]
|
|
711
714
|
]),
|
|
712
715
|
e.label || n.$slots.default ? (a(), m(F, {
|
|
713
716
|
key: 0,
|
|
714
|
-
for: s(l)
|
|
717
|
+
for: s(l),
|
|
718
|
+
class: "dai-checkbox-control__label"
|
|
715
719
|
}, {
|
|
716
720
|
default: c(() => [
|
|
717
|
-
|
|
721
|
+
h(n.$slots, "default", {}, () => [
|
|
718
722
|
z(k(e.label), 1)
|
|
719
723
|
])
|
|
720
724
|
]),
|
|
@@ -725,7 +729,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
725
729
|
class: "dai-checkbox-control__hint"
|
|
726
730
|
}, {
|
|
727
731
|
default: c(() => [
|
|
728
|
-
|
|
732
|
+
h(n.$slots, "hint", {}, () => [
|
|
729
733
|
z(k(e.hint), 1)
|
|
730
734
|
])
|
|
731
735
|
]),
|
|
@@ -768,7 +772,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
768
772
|
type: "radio",
|
|
769
773
|
ref_key: "formElement",
|
|
770
774
|
ref: i,
|
|
771
|
-
"onUpdate:modelValue": y[0] || (y[0] = (
|
|
775
|
+
"onUpdate:modelValue": y[0] || (y[0] = (p) => o.value = p)
|
|
772
776
|
}, { ...n.$attrs, class: "" }, {
|
|
773
777
|
value: e.value,
|
|
774
778
|
id: s(l),
|
|
@@ -821,7 +825,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
821
825
|
for: s(o)
|
|
822
826
|
}, {
|
|
823
827
|
default: c(() => [
|
|
824
|
-
|
|
828
|
+
h(l.$slots, "default", {}, () => [
|
|
825
829
|
z(k(e.label), 1)
|
|
826
830
|
])
|
|
827
831
|
]),
|
|
@@ -832,7 +836,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
832
836
|
class: "dai-switch-control__hint"
|
|
833
837
|
}, {
|
|
834
838
|
default: c(() => [
|
|
835
|
-
|
|
839
|
+
h(l.$slots, "hint", {}, () => [
|
|
836
840
|
z(k(e.hint), 1)
|
|
837
841
|
])
|
|
838
842
|
]),
|
|
@@ -911,7 +915,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
911
915
|
key: 0,
|
|
912
916
|
class: w([e.icon, "dai-btn__icon"])
|
|
913
917
|
}, null, 2)) : b("", !0),
|
|
914
|
-
|
|
918
|
+
h(r.$slots, "default"),
|
|
915
919
|
e.iconAfter ? (a(), u("div", {
|
|
916
920
|
key: 1,
|
|
917
921
|
class: w([e.iconAfter, "dai-btn__icon"])
|
|
@@ -931,7 +935,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
931
935
|
default: c(() => [
|
|
932
936
|
V(s(ne), { class: "dai-popover-dialog" }, {
|
|
933
937
|
default: c(() => [
|
|
934
|
-
|
|
938
|
+
h(t.$slots, "default")
|
|
935
939
|
]),
|
|
936
940
|
_: 3
|
|
937
941
|
})
|
|
@@ -949,7 +953,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
949
953
|
default: c(() => [
|
|
950
954
|
V(s(se), { class: "dai-menu-items" }, {
|
|
951
955
|
default: c(() => [
|
|
952
|
-
|
|
956
|
+
h(t.$slots, "default")
|
|
953
957
|
]),
|
|
954
958
|
_: 3
|
|
955
959
|
})
|
|
@@ -973,7 +977,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
973
977
|
class: w(["h-5 w-5", e.icon])
|
|
974
978
|
}, null, 2)
|
|
975
979
|
])) : b("", !0),
|
|
976
|
-
|
|
980
|
+
h(t.$slots, "default", {
|
|
977
981
|
isActive: l,
|
|
978
982
|
isSelected: i
|
|
979
983
|
})
|
|
@@ -996,7 +1000,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
996
1000
|
class: "dai-tab"
|
|
997
1001
|
}, {
|
|
998
1002
|
default: c(() => [
|
|
999
|
-
|
|
1003
|
+
h(t.$slots, "default")
|
|
1000
1004
|
]),
|
|
1001
1005
|
_: 3
|
|
1002
1006
|
}, 8, ["id", "aria-controls", "value"]));
|
|
@@ -1029,7 +1033,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
1029
1033
|
class: "dai-tab-list__slider",
|
|
1030
1034
|
style: U(l.value)
|
|
1031
1035
|
}, null, 4),
|
|
1032
|
-
|
|
1036
|
+
h(r.$slots, "default")
|
|
1033
1037
|
]),
|
|
1034
1038
|
_: 3
|
|
1035
1039
|
}, 512));
|
|
@@ -1086,7 +1090,7 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
1086
1090
|
"nui-offcanvas--xl": e.xl
|
|
1087
1091
|
}]
|
|
1088
1092
|
}), [
|
|
1089
|
-
|
|
1093
|
+
h(n.$slots, "default")
|
|
1090
1094
|
], 16, lt)) : b("", !0)
|
|
1091
1095
|
]),
|
|
1092
1096
|
_: 3
|
|
@@ -1209,19 +1213,19 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
1209
1213
|
function r() {
|
|
1210
1214
|
o.value.length === 0 || l.value.length >= t.length || (l.value.push({ ...o.value[0], id: i++, show: !0 }), o.value.shift());
|
|
1211
1215
|
}
|
|
1212
|
-
function n(
|
|
1216
|
+
function n(p) {
|
|
1213
1217
|
setTimeout(() => {
|
|
1214
1218
|
l.value = l.value.filter(
|
|
1215
|
-
(g) => g.id !==
|
|
1219
|
+
(g) => g.id !== p
|
|
1216
1220
|
), r();
|
|
1217
1221
|
}, 200);
|
|
1218
1222
|
}
|
|
1219
1223
|
P(o, r, { immediate: !0, deep: !0 });
|
|
1220
1224
|
const y = _(() => {
|
|
1221
|
-
const
|
|
1222
|
-
return t.positionX === "right" ?
|
|
1225
|
+
const p = ["dai-notification-queue__item--anim"];
|
|
1226
|
+
return t.positionX === "right" ? p.push("dai-notification-queue__item--anim-x-right") : t.positionX === "left" ? p.push("dai-notification-queue__item--anim-x-left") : t.positionX === "center" && t.positionY === "top" ? p.push("dai-notification-queue__item--anim-y-top") : t.positionX === "center" && t.positionY === "bottom" && p.push("dai-notification-queue__item--anim-y-bottom"), p.join(" ");
|
|
1223
1227
|
});
|
|
1224
|
-
return (
|
|
1228
|
+
return (p, g) => (a(), u("div", {
|
|
1225
1229
|
class: w(["dai-notification-queue", {
|
|
1226
1230
|
"dai-notification-queue--fixed": e.position == "fixed",
|
|
1227
1231
|
"dai-notification-queue--absolute": e.position == "absolute",
|
|
@@ -1294,10 +1298,10 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
1294
1298
|
}, null, 6)
|
|
1295
1299
|
], 14, vt));
|
|
1296
1300
|
}
|
|
1297
|
-
}),
|
|
1301
|
+
}), ht = {
|
|
1298
1302
|
key: 0,
|
|
1299
1303
|
class: "z-50"
|
|
1300
|
-
},
|
|
1304
|
+
}, pt = { class: "fixed inset-0 overflow-y-auto" }, bt = { class: "modal__dialog" }, Ot = /* @__PURE__ */ v({
|
|
1301
1305
|
inheritAttrs: !1,
|
|
1302
1306
|
__name: "modal",
|
|
1303
1307
|
props: {
|
|
@@ -1319,18 +1323,18 @@ const Y = /* @__PURE__ */ Ie(Oe, [["render", Se]]), Ue = ["id", "type", "pattern
|
|
|
1319
1323
|
duration: { enter: 300, leave: 200 }
|
|
1320
1324
|
}, {
|
|
1321
1325
|
default: c(() => [
|
|
1322
|
-
t.value ? (a(), u("div",
|
|
1326
|
+
t.value ? (a(), u("div", ht, [
|
|
1323
1327
|
i[0] || (i[0] = d("div", {
|
|
1324
1328
|
class: "modal__backdrop fixed inset-0 bg-primary-50/60 backdrop-blur-sm",
|
|
1325
1329
|
"aria-hidden": "true"
|
|
1326
1330
|
}, null, -1)),
|
|
1327
|
-
d("div",
|
|
1331
|
+
d("div", pt, [
|
|
1328
1332
|
d("div", {
|
|
1329
1333
|
onClick: $e(o, ["self"]),
|
|
1330
1334
|
class: "min-h-full flex items-center justify-center p-4 sm:p-6"
|
|
1331
1335
|
}, [
|
|
1332
1336
|
d("div", bt, [
|
|
1333
|
-
|
|
1337
|
+
h(l.$slots, "default", { close: o })
|
|
1334
1338
|
])
|
|
1335
1339
|
])
|
|
1336
1340
|
])
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
2
|
color?: "primary" | "secondary" | "success" | "warning" | "danger" | "info";
|
|
3
|
+
size?: "small" | "medium" | "large";
|
|
3
4
|
validators?: Array<(v: string) => boolean | string>;
|
|
4
5
|
showValidationError?: boolean;
|
|
5
6
|
label?: string;
|
|
@@ -19,6 +20,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
|
|
|
19
20
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
20
21
|
"onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
|
|
21
22
|
}>, {
|
|
23
|
+
size: "small" | "medium" | "large";
|
|
22
24
|
showValidationError: boolean;
|
|
23
25
|
color: "primary" | "secondary" | "success" | "warning" | "danger" | "info";
|
|
24
26
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -11,6 +11,7 @@ declare const meta: {
|
|
|
11
11
|
"update:modelValue": (value: any) => any;
|
|
12
12
|
}, import("vue").PublicProps, {
|
|
13
13
|
validators: import("vue-composable-ui").Validator[];
|
|
14
|
+
showValidationError: boolean;
|
|
14
15
|
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
15
16
|
P: {};
|
|
16
17
|
B: {};
|
|
@@ -24,6 +25,7 @@ declare const meta: {
|
|
|
24
25
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
25
26
|
}>, {}, {}, {}, {}, {
|
|
26
27
|
validators: import("vue-composable-ui").Validator[];
|
|
28
|
+
showValidationError: boolean;
|
|
27
29
|
}>;
|
|
28
30
|
__isFragment?: never;
|
|
29
31
|
__isTeleport?: never;
|
|
@@ -36,6 +38,7 @@ declare const meta: {
|
|
|
36
38
|
"update:modelValue": (value: any) => any;
|
|
37
39
|
}, string, {
|
|
38
40
|
validators: import("vue-composable-ui").Validator[];
|
|
41
|
+
showValidationError: boolean;
|
|
39
42
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
40
43
|
$slots: {
|
|
41
44
|
default?: (props: {}) => any;
|
|
@@ -125,6 +128,7 @@ declare const meta: {
|
|
|
125
128
|
"update:modelValue": (value: any) => any;
|
|
126
129
|
}, import("vue").PublicProps, {
|
|
127
130
|
validators: import("vue-composable-ui").Validator[];
|
|
131
|
+
showValidationError: boolean;
|
|
128
132
|
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
129
133
|
P: {};
|
|
130
134
|
B: {};
|
|
@@ -138,6 +142,7 @@ declare const meta: {
|
|
|
138
142
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
139
143
|
}>, {}, {}, {}, {}, {
|
|
140
144
|
validators: import("vue-composable-ui").Validator[];
|
|
145
|
+
showValidationError: boolean;
|
|
141
146
|
}>;
|
|
142
147
|
__isFragment?: never;
|
|
143
148
|
__isTeleport?: never;
|
|
@@ -150,6 +155,7 @@ declare const meta: {
|
|
|
150
155
|
"update:modelValue": (value: any) => any;
|
|
151
156
|
}, string, {
|
|
152
157
|
validators: import("vue-composable-ui").Validator[];
|
|
158
|
+
showValidationError: boolean;
|
|
153
159
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
154
160
|
$slots: {
|
|
155
161
|
default?: (props: {}) => any;
|
|
@@ -165,6 +171,7 @@ declare const meta: {
|
|
|
165
171
|
"update:modelValue": (value: any) => any;
|
|
166
172
|
}, import("vue").PublicProps, {
|
|
167
173
|
validators: import("vue-composable-ui").Validator[];
|
|
174
|
+
showValidationError: boolean;
|
|
168
175
|
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
169
176
|
P: {};
|
|
170
177
|
B: {};
|
|
@@ -178,6 +185,7 @@ declare const meta: {
|
|
|
178
185
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
179
186
|
}>, {}, {}, {}, {}, {
|
|
180
187
|
validators: import("vue-composable-ui").Validator[];
|
|
188
|
+
showValidationError: boolean;
|
|
181
189
|
}>;
|
|
182
190
|
__isFragment?: never;
|
|
183
191
|
__isTeleport?: never;
|
|
@@ -190,6 +198,7 @@ declare const meta: {
|
|
|
190
198
|
"update:modelValue": (value: any) => any;
|
|
191
199
|
}, string, {
|
|
192
200
|
validators: import("vue-composable-ui").Validator[];
|
|
201
|
+
showValidationError: boolean;
|
|
193
202
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
194
203
|
$slots: {
|
|
195
204
|
default?: (props: {}) => any;
|
|
@@ -266,6 +275,7 @@ declare const meta: {
|
|
|
266
275
|
"update:modelValue": (value: any) => any;
|
|
267
276
|
}, import("vue").PublicProps, {
|
|
268
277
|
validators: import("vue-composable-ui").Validator[];
|
|
278
|
+
showValidationError: boolean;
|
|
269
279
|
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
270
280
|
P: {};
|
|
271
281
|
B: {};
|
|
@@ -279,6 +289,7 @@ declare const meta: {
|
|
|
279
289
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
280
290
|
}>, {}, {}, {}, {}, {
|
|
281
291
|
validators: import("vue-composable-ui").Validator[];
|
|
292
|
+
showValidationError: boolean;
|
|
282
293
|
}>;
|
|
283
294
|
__isFragment?: never;
|
|
284
295
|
__isTeleport?: never;
|
|
@@ -291,6 +302,7 @@ declare const meta: {
|
|
|
291
302
|
"update:modelValue": (value: any) => any;
|
|
292
303
|
}, string, {
|
|
293
304
|
validators: import("vue-composable-ui").Validator[];
|
|
305
|
+
showValidationError: boolean;
|
|
294
306
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
295
307
|
$slots: {
|
|
296
308
|
default?: (props: {}) => any;
|
|
@@ -19,6 +19,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
|
|
|
19
19
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
20
20
|
}>, {
|
|
21
21
|
validators: Validator[];
|
|
22
|
+
showValidationError: boolean;
|
|
22
23
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
23
24
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
24
25
|
export default _default;
|