@defaultusr/dai-ui 1.2.0 → 1.2.1
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 +148 -144
- 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;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{cursor:not-allowed}.dai-btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:oklch(from var(--dai-btn-color) calc(l + .1) c h)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dai-btn__caption{display:flex;align-items:center;justify-content:center;gap:.5rem}.dai-btn__icon{width:1.25rem;height:1.25rem;flex-shrink:0}.dai-btn__spinner{display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:.5rem}.dai-btn__spinner svg{animation:spin 1s linear infinite;width:1.25rem;height:1.25rem}.dai-btn--loading,.loading .dai-btn{pointer-events:none}.dai-btn--loading[type=submit] .dai-btn__spinner,.dai-btn--loading.dai-btn--loading .dai-btn__spinner,.loading .dai-btn[type=submit] .dai-btn__spinner,.loading .dai-btn.dai-btn--loading .dai-btn__spinner{display:flex}.dai-btn--loading[type=submit] .dai-btn__caption,.dai-btn--loading.dai-btn--loading .dai-btn__caption,.loading .dai-btn[type=submit] .dai-btn__caption,.loading .dai-btn.dai-btn--loading .dai-btn__caption{visibility:hidden}.dai-btn--sm{padding:.25rem .625rem}.dai-btn--lg{padding:.75rem 1.25rem;border-radius:.375rem}@media (min-width: 40rem){.dai-btn--lg{font-size:1rem}}.dai-btn--block{width:100%;display:block}.dai-btn--rounded{border-radius:calc(infinity * 1px)}.dai-btn--condensed{padding:.5rem}.dai-btn--condensed.dai-btn--sm{padding:.25rem}.dai-btn--flat{color:#fff}.dai-btn--flat:hover{--dai-btn-bg-lightness: .1}.dai-btn--flat:active{--dai-btn-bg-lightness: -.1}.dai-btn--flat[aria-expanded=true],.dai-btn--flat[aria-selected=true]{--dai-btn-bg-lightness: -.1 !important}.dai-btn--flat:disabled,.dai-btn--flat.dai-btn--loading,.loading .dai-btn--flat{--dai-btn-bg-lightness: .2}.dai-btn--plain{--dai-btn-bg-opacity: 0%;--dai-btn-bg-lightness: .1;--dai-btn-text-lightness: .1}.dai-btn--plain:hover{--dai-btn-bg-opacity: 15%}.dai-btn--plain:active{--dai-btn-bg-opacity: 25%}.dai-btn--plain[aria-expanded=true],.dai-btn--plain[aria-selected=true]{--dai-btn-bg-opacity: 20%}.dai-btn--plain:disabled,.dai-btn--plain.dai-btn--loading,.loading .dai-btn--plain{--dai-btn-bg-opacity: 0%}.dai-btn--plain:disabled{--dai-btn-text-lightness: .3}.dai-btn--muted{--dai-btn-bg-opacity: 15%;--dai-btn-bg-lightness: .1;--dai-btn-text-lightness: .1}.dai-btn--muted:hover{--dai-btn-bg-opacity: 100%;color:#fff}.dai-btn--muted:active{--dai-btn-bg-opacity: 100%;--dai-btn-bg-lightness: -.1}.dai-btn--muted[aria-expanded=true],.dai-btn--muted[aria-selected=true]{--dai-btn-bg-opacity: 100%;color:#fff}.dai-btn--muted:disabled,.dai-btn--muted.dai-btn--loading,.loading .dai-btn--muted{--dai-btn-bg-opacity: 10%}.dai-btn--muted:disabled{--dai-btn-text-lightness: .2}.dai-btn--outlined{--dai-btn-bg-lightness: .1;--dai-btn-bg-opacity: 0%;--dai-btn-text-lightness: .1;border-color:oklch(from var(--dai-btn-color) calc(l + .1) c h)}.dai-btn--outlined:hover{--dai-btn-bg-opacity: 15%}.dai-btn--outlined:active{--dai-btn-bg-opacity: 25%}.dai-btn--outlined[aria-expanded=true],.dai-btn--outlined[aria-selected=true]{--dai-btn-bg-opacity: 20%}.dai-btn--outlined:disabled,.dai-btn--outlined.dai-btn--loading,.loading .dai-btn--outlined{border-color:oklch(from var(--dai-btn-color) calc(l + .3) c h)}.dai-btn--outlined:disabled{--dai-btn-text-lightness: .3}.dai-popover-dialog{z-index:50;border-radius:.375rem;overflow:hidden;background-color:#fff;outline:none!important;--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-container{grid-column-start:2;grid-row-start:1}.dai-checkbox-control__label{display:inline}.dai-checkbox-control__hint{grid-column-start:2;grid-row-start:2}.radio{-webkit-appearance:none;appearance:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 4.5);width:calc(var(--spacing) * 4.5);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));border-width:1px;border-color:color-mix(in srgb,var(--colors-secondary-300) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio{border-color:color-mix(in oklab,var(--colors-secondary-300) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}.dark .radio{border-color:color-mix(in srgb,var(--colors-dark-600) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-dark-700) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .radio{border-color:color-mix(in oklab,var(--colors-dark-600) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-dark-700) var(--un-bg-opacity),transparent)}}.radio:hover{background-color:color-mix(in srgb,var(--colors-secondary-50) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio:hover{background-color:color-mix(in oklab,var(--colors-secondary-50) var(--un-bg-opacity),transparent)}}.dark .radio:hover{background-color:color-mix(in srgb,var(--colors-dark-600) var(--un-bg-opacity),transparent)}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.dark .radio:hover{background-color:color-mix(in oklab,var(--colors-dark-600) var(--un-bg-opacity),transparent)}}.radio:checked{border-color:transparent;background-color:currentColor!important;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}.radio:focus-visible{outline-width:2px;outline-offset:2px;outline-style:var(--un-outline-style);outline-width:1px}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;syntax:"*";inherits:false;initial-value:solid;}.radio--invalid{border-color:color-mix(in srgb,var(--colors-danger-500) var(--un-border-opacity),transparent)!important}.radio--invalid:focus-visible{outline-color:color-mix(in srgb,var(--colors-danger-500) var(--un-outline-opacity),transparent)!important}@supports (color: color-mix(in lab,red,red)){.radio--invalid:focus-visible{outline-color:color-mix(in oklab,var(--colors-danger-500) var(--un-outline-opacity),transparent)!important}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.radio--invalid{border-color:color-mix(in oklab,var(--colors-danger-500) var(--un-border-opacity),transparent)!important}}.radio--primary{color:color-mix(in srgb,var(--colors-primary-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--primary{color:color-mix(in oklab,var(--colors-primary-500) var(--un-text-opacity),transparent)}}.radio--primary:hover:checked{color:color-mix(in srgb,var(--colors-primary-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--primary:hover:checked{color:color-mix(in oklab,var(--colors-primary-600) var(--un-text-opacity),transparent)}}.radio--primary:focus-visible{outline-color:color-mix(in srgb,var(--colors-primary-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--primary:focus-visible{outline-color:color-mix(in oklab,var(--colors-primary-500) var(--un-outline-opacity),transparent)}}.radio--success{color:color-mix(in srgb,var(--colors-success-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--success{color:color-mix(in oklab,var(--colors-success-500) var(--un-text-opacity),transparent)}}.radio--success:hover:checked{color:color-mix(in srgb,var(--colors-success-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--success:hover:checked{color:color-mix(in oklab,var(--colors-success-600) var(--un-text-opacity),transparent)}}.radio--success:focus-visible{outline-color:color-mix(in srgb,var(--colors-success-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--success:focus-visible{outline-color:color-mix(in oklab,var(--colors-success-500) var(--un-outline-opacity),transparent)}}.radio--info{color:color-mix(in srgb,var(--colors-info-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--info{color:color-mix(in oklab,var(--colors-info-500) var(--un-text-opacity),transparent)}}.radio--info:hover:checked{color:color-mix(in srgb,var(--colors-info-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--info:hover:checked{color:color-mix(in oklab,var(--colors-info-600) var(--un-text-opacity),transparent)}}.radio--info:focus-visible{outline-color:color-mix(in srgb,var(--colors-info-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--info:focus-visible{outline-color:color-mix(in oklab,var(--colors-info-500) var(--un-outline-opacity),transparent)}}.radio--warning{color:color-mix(in srgb,var(--colors-warning-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--warning{color:color-mix(in oklab,var(--colors-warning-500) var(--un-text-opacity),transparent)}}.radio--warning:hover:checked{color:color-mix(in srgb,var(--colors-warning-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--warning:hover:checked{color:color-mix(in oklab,var(--colors-warning-600) var(--un-text-opacity),transparent)}}.radio--warning:focus-visible{outline-color:color-mix(in srgb,var(--colors-warning-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--warning:focus-visible{outline-color:color-mix(in oklab,var(--colors-warning-500) var(--un-outline-opacity),transparent)}}.radio--danger{color:color-mix(in srgb,var(--colors-danger-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--danger{color:color-mix(in oklab,var(--colors-danger-500) var(--un-text-opacity),transparent)}}.radio--danger:hover:checked{color:color-mix(in srgb,var(--colors-danger-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--danger:hover:checked{color:color-mix(in oklab,var(--colors-danger-600) var(--un-text-opacity),transparent)}}.radio--danger:focus-visible{outline-color:color-mix(in srgb,var(--colors-danger-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--danger:focus-visible{outline-color:color-mix(in oklab,var(--colors-danger-500) var(--un-outline-opacity),transparent)}}.radio--secondary{color:color-mix(in srgb,var(--colors-secondary-500) var(--un-text-opacity),transparent)}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.radio--secondary{color:color-mix(in oklab,var(--colors-secondary-500) var(--un-text-opacity),transparent)}}.radio--secondary:hover:checked{color:color-mix(in srgb,var(--colors-secondary-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--secondary:hover:checked{color:color-mix(in oklab,var(--colors-secondary-600) var(--un-text-opacity),transparent)}}.radio--secondary:focus-visible{outline-color:color-mix(in srgb,var(--colors-secondary-500) var(--un-outline-opacity),transparent)}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.radio--secondary:focus-visible{outline-color:color-mix(in oklab,var(--colors-secondary-500) var(--un-outline-opacity),transparent)}}.dai-switch-control{display:grid;grid-template-columns:min-content auto;align-items:center;column-gap:.75rem;row-gap:.25rem}.dai-switch-control .dai-switch{display:inline-block;position:relative;width:2.5rem;height:1.5rem;padding:.125rem;-webkit-appearance:none;appearance:none;flex-shrink:0;border-radius:calc(infinity * 1px);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dai-switch-control .dai-switch:focus-visible{outline:2px solid oklch(58.5% .233 277.117);outline-offset:2px}.dai-switch-control .dai-switch__thumb{position:relative;background-color:#fff;width:1.25rem;height:1.25rem;border-radius:calc(infinity * 1px);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition-property:left,translate;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dark .dai-switch-control .dai-switch__thumb{background-color:#1d293d}.dai-switch-control .dai-switch--on{background-color:#6260ff;background-color:oklch(58.5% .233 277.117)}.dai-switch-control .dai-switch--on .dai-switch__thumb{left:100%;translate:-100% 0}.dai-switch-control .dai-switch--off{background-color:#cad5e2}.dark .dai-switch-control .dai-switch--off{background-color:#90a1b9}.dai-switch-control .dai-switch--off .dai-switch__thumb{left:0}.dai-switch-control__hint{grid-column-start:2;grid-row-start:2}.dai-btn{--dai-btn-color: oklch(51.1% .262 276.966);--dai-btn-bg-lightness: 0;--dai-btn-bg-opacity: 100%;background-color:oklch(from var(--dai-btn-color) calc(l + var(--dai-btn-bg-lightness)) c h/var(--dai-btn-bg-opacity));--dai-btn-text-lightness: 0;color:oklch(from var(--dai-btn-color) calc(l + var(--dai-btn-text-lightness)) c h)}.dai-btn--primary{--dai-btn-color: oklch(51.1% .262 276.966)}.dai-btn--success{--dai-btn-color: oklch(62.7% .194 149.214)}.dai-btn--info{--dai-btn-color: oklch(58.8% .158 241.966)}.dai-btn--warning{--dai-btn-color: oklch(66.6% .179 58.318)}.dai-btn--danger{--dai-btn-color: oklch(57.7% .245 27.325)}.dai-btn--secondary{--dai-btn-color: oklch(44.6% .043 257.281)}.dai-btn{display:inline-block;position:relative;padding:.5rem 1rem;cursor:pointer;font-weight:500;white-space:nowrap;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;-webkit-user-select:none;user-select:none;border-radius:.25rem;border-width:1px;border-color:transparent}@media (min-width: 40rem){.dai-btn{font-size:.875rem}}.dai-btn[aria-expanded=true],.dai-btn[aria-selected=true]{z-index:5}.dai-btn:disabled{cursor:not-allowed}.dai-btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:oklch(from var(--dai-btn-color) calc(l + .1) c h)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dai-btn__caption{display:flex;align-items:center;justify-content:center;gap:.5rem}.dai-btn__icon{width:1.25rem;height:1.25rem;flex-shrink:0}.dai-btn__spinner{display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:.5rem}.dai-btn__spinner svg{animation:spin 1s linear infinite;width:1.25rem;height:1.25rem}.dai-btn--loading,.loading .dai-btn{pointer-events:none}.dai-btn--loading[type=submit] .dai-btn__spinner,.dai-btn--loading.dai-btn--loading .dai-btn__spinner,.loading .dai-btn[type=submit] .dai-btn__spinner,.loading .dai-btn.dai-btn--loading .dai-btn__spinner{display:flex}.dai-btn--loading[type=submit] .dai-btn__caption,.dai-btn--loading.dai-btn--loading .dai-btn__caption,.loading .dai-btn[type=submit] .dai-btn__caption,.loading .dai-btn.dai-btn--loading .dai-btn__caption{visibility:hidden}.dai-btn--sm{padding:.25rem .625rem}.dai-btn--lg{padding:.75rem 1.25rem;border-radius:.375rem}@media (min-width: 40rem){.dai-btn--lg{font-size:1rem}}.dai-btn--block{width:100%;display:block}.dai-btn--rounded{border-radius:calc(infinity * 1px)}.dai-btn--condensed{padding:.5rem}.dai-btn--condensed.dai-btn--sm{padding:.25rem}.dai-btn--flat{color:#fff}.dai-btn--flat:hover{--dai-btn-bg-lightness: .1}.dai-btn--flat:active{--dai-btn-bg-lightness: -.1}.dai-btn--flat[aria-expanded=true],.dai-btn--flat[aria-selected=true]{--dai-btn-bg-lightness: -.1 !important}.dai-btn--flat:disabled,.dai-btn--flat.dai-btn--loading,.loading .dai-btn--flat{--dai-btn-bg-lightness: .2}.dai-btn--plain{--dai-btn-bg-opacity: 0%;--dai-btn-bg-lightness: .1;--dai-btn-text-lightness: .1}.dai-btn--plain:hover{--dai-btn-bg-opacity: 15%}.dai-btn--plain:active{--dai-btn-bg-opacity: 25%}.dai-btn--plain[aria-expanded=true],.dai-btn--plain[aria-selected=true]{--dai-btn-bg-opacity: 20%}.dai-btn--plain:disabled,.dai-btn--plain.dai-btn--loading,.loading .dai-btn--plain{--dai-btn-bg-opacity: 0%}.dai-btn--plain:disabled{--dai-btn-text-lightness: .3}.dai-btn--muted{--dai-btn-bg-opacity: 15%;--dai-btn-bg-lightness: .1;--dai-btn-text-lightness: .1}.dai-btn--muted:hover{--dai-btn-bg-opacity: 100%;color:#fff}.dai-btn--muted:active{--dai-btn-bg-opacity: 100%;--dai-btn-bg-lightness: -.1}.dai-btn--muted[aria-expanded=true],.dai-btn--muted[aria-selected=true]{--dai-btn-bg-opacity: 100%;color:#fff}.dai-btn--muted:disabled,.dai-btn--muted.dai-btn--loading,.loading .dai-btn--muted{--dai-btn-bg-opacity: 10%}.dai-btn--muted:disabled{--dai-btn-text-lightness: .2}.dai-btn--outlined{--dai-btn-bg-lightness: .1;--dai-btn-bg-opacity: 0%;--dai-btn-text-lightness: .1;border-color:oklch(from var(--dai-btn-color) calc(l + .1) c h)}.dai-btn--outlined:hover{--dai-btn-bg-opacity: 15%}.dai-btn--outlined:active{--dai-btn-bg-opacity: 25%}.dai-btn--outlined[aria-expanded=true],.dai-btn--outlined[aria-selected=true]{--dai-btn-bg-opacity: 20%}.dai-btn--outlined:disabled,.dai-btn--outlined.dai-btn--loading,.loading .dai-btn--outlined{border-color:oklch(from var(--dai-btn-color) calc(l + .3) c h)}.dai-btn--outlined:disabled{--dai-btn-text-lightness: .3}.dai-popover-dialog{z-index:50;border-radius:.375rem;overflow:hidden;background-color:#fff;outline:none!important;--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
|
-
import { Menu as
|
|
3
|
-
import { reactive as ce, watch as A, onUnmounted as R, defineComponent as
|
|
2
|
+
import { Menu as Nt, Popover as Ut, TabContainer as Xt, TabPanel as Dt } from "vue-composable-ui";
|
|
3
|
+
import { reactive as ce, watch as A, onUnmounted as R, defineComponent as v, createElementBlock as u, openBlock as i, renderSlot as p, createTextVNode as z, toDisplayString as k, normalizeClass as w, createBlock as h, createCommentVNode as y, createElementVNode as d, computed as _, createVNode as V, normalizeProps as fe, guardReactiveProps as me, withCtx as c, Transition as P, mergeModels as C, useModel as B, useId as q, useTemplateRef as L, mergeProps as $, unref as n, inject as ve, Fragment as I, ref as U, onMounted as O, withDirectives as X, renderList as D, vModelSelect as he, vModelText as pe, vModelRadio as be, resolveDynamicComponent as ye, nextTick as ge, normalizeStyle as N, Teleport as Z, TransitionGroup as we, withModifiers as ke } from "vue";
|
|
4
4
|
import './assets/main.css';function $e(e, ...t) {
|
|
5
5
|
let o = [];
|
|
6
6
|
const l = ce(t);
|
|
@@ -20,7 +20,7 @@ import './assets/main.css';function $e(e, ...t) {
|
|
|
20
20
|
classList: l
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
|
-
const xe = { class: "dai-label" }, F = /* @__PURE__ */
|
|
23
|
+
const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
|
|
24
24
|
__name: "label",
|
|
25
25
|
props: {
|
|
26
26
|
text: {}
|
|
@@ -32,7 +32,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ h({
|
|
|
32
32
|
])
|
|
33
33
|
]));
|
|
34
34
|
}
|
|
35
|
-
}), _e = { class: "dai-hint" }, H = /* @__PURE__ */
|
|
35
|
+
}), _e = { class: "dai-hint" }, H = /* @__PURE__ */ v({
|
|
36
36
|
__name: "hint",
|
|
37
37
|
props: {
|
|
38
38
|
text: {}
|
|
@@ -44,7 +44,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ h({
|
|
|
44
44
|
])
|
|
45
45
|
]));
|
|
46
46
|
}
|
|
47
|
-
}), Be = { class: "dai-form-control__input-group__box" }, Ve = /* @__PURE__ */
|
|
47
|
+
}), Be = { class: "dai-form-control__input-group__box" }, Ve = /* @__PURE__ */ v({
|
|
48
48
|
inheritAttrs: !1,
|
|
49
49
|
__name: "inputGroup",
|
|
50
50
|
props: {
|
|
@@ -69,7 +69,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ h({
|
|
|
69
69
|
"dai-form-control__input-group--invalid": e.invalid
|
|
70
70
|
}])
|
|
71
71
|
}, [
|
|
72
|
-
e.label ? (i(),
|
|
72
|
+
e.label ? (i(), h(F, {
|
|
73
73
|
key: 0,
|
|
74
74
|
text: e.label,
|
|
75
75
|
for: e.labelFor,
|
|
@@ -84,7 +84,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ h({
|
|
|
84
84
|
key: 0,
|
|
85
85
|
class: "dai-form-control__validation-message",
|
|
86
86
|
role: "alert"
|
|
87
|
-
}, S = /* @__PURE__ */
|
|
87
|
+
}, S = /* @__PURE__ */ v({
|
|
88
88
|
inheritAttrs: !1,
|
|
89
89
|
__name: "formControl",
|
|
90
90
|
props: {
|
|
@@ -112,13 +112,13 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ h({
|
|
|
112
112
|
"dai-form-control--lg": l.value === "large"
|
|
113
113
|
}])
|
|
114
114
|
}, [
|
|
115
|
-
e.label && e.labelPosition !== "inside" ? (i(),
|
|
115
|
+
e.label && e.labelPosition !== "inside" ? (i(), h(F, {
|
|
116
116
|
key: 0,
|
|
117
117
|
for: e.labelFor,
|
|
118
118
|
text: e.label
|
|
119
119
|
}, null, 8, ["for", "text"])) : y("", !0),
|
|
120
120
|
d("div", Me, [
|
|
121
|
-
|
|
121
|
+
V(Ve, fe(me({
|
|
122
122
|
...t,
|
|
123
123
|
label: e.labelPosition === "inside" ? e.label : void 0,
|
|
124
124
|
variant: o.value,
|
|
@@ -129,12 +129,12 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ h({
|
|
|
129
129
|
]),
|
|
130
130
|
_: 3
|
|
131
131
|
}, 16),
|
|
132
|
-
e.hint ? (i(),
|
|
132
|
+
e.hint ? (i(), h(H, {
|
|
133
133
|
key: 0,
|
|
134
134
|
text: e.hint,
|
|
135
135
|
class: "dai-form-control__hint"
|
|
136
136
|
}, null, 8, ["text"])) : y("", !0),
|
|
137
|
-
|
|
137
|
+
V(P, { name: "dai-form-control__validation-message-transition" }, {
|
|
138
138
|
default: c(() => [
|
|
139
139
|
e.validationMessage ? (i(), u("div", Ce, [
|
|
140
140
|
s[0] || (s[0] = d("svg", {
|
|
@@ -155,7 +155,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ h({
|
|
|
155
155
|
])
|
|
156
156
|
], 2));
|
|
157
157
|
}
|
|
158
|
-
}), Ee = ["value"], ze = /* @__PURE__ */
|
|
158
|
+
}), Ee = ["value"], ze = /* @__PURE__ */ v({
|
|
159
159
|
inheritAttrs: !1,
|
|
160
160
|
__name: "combobox",
|
|
161
161
|
props: /* @__PURE__ */ C({
|
|
@@ -187,14 +187,14 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ h({
|
|
|
187
187
|
t.validators,
|
|
188
188
|
t.showValidationError
|
|
189
189
|
);
|
|
190
|
-
return (g, b) => (i(),
|
|
190
|
+
return (g, b) => (i(), h(S, $(t, {
|
|
191
191
|
labelFor: n(l),
|
|
192
192
|
validationMessage: e.showValidationError ? "" : n(r),
|
|
193
193
|
invalid: !n(s),
|
|
194
194
|
class: g.$attrs.class
|
|
195
195
|
}), {
|
|
196
196
|
default: c(() => [
|
|
197
|
-
|
|
197
|
+
V(n(te), $({ ...g.$attrs, class: void 0, required: void 0 }, {
|
|
198
198
|
id: n(l),
|
|
199
199
|
modelValue: o.value,
|
|
200
200
|
"onUpdate:modelValue": b[0] || (b[0] = (f) => o.value = f)
|
|
@@ -214,10 +214,10 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ h({
|
|
|
214
214
|
_: 3
|
|
215
215
|
}, 16, ["labelFor", "validationMessage", "invalid", "class"]));
|
|
216
216
|
}
|
|
217
|
-
}),
|
|
217
|
+
}), kt = /* @__PURE__ */ v({
|
|
218
218
|
__name: "comboboxInput",
|
|
219
219
|
setup(e) {
|
|
220
|
-
return (t, o) => (i(),
|
|
220
|
+
return (t, o) => (i(), h(n(oe), { class: "dai-form-control__input-group__control" }, {
|
|
221
221
|
default: c(() => [
|
|
222
222
|
p(t.$slots, "default")
|
|
223
223
|
]),
|
|
@@ -227,7 +227,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ h({
|
|
|
227
227
|
}), Le = {
|
|
228
228
|
key: 0,
|
|
229
229
|
class: "dai-form-control__input-group__control__placeholder"
|
|
230
|
-
}, qe = /* @__PURE__ */
|
|
230
|
+
}, qe = /* @__PURE__ */ v({
|
|
231
231
|
__name: "comboboxButton",
|
|
232
232
|
props: {
|
|
233
233
|
placeholder: {}
|
|
@@ -265,15 +265,15 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ h({
|
|
|
265
265
|
])
|
|
266
266
|
], 16));
|
|
267
267
|
}
|
|
268
|
-
}), Te = /* @__PURE__ */
|
|
268
|
+
}), Te = /* @__PURE__ */ v({
|
|
269
269
|
__name: "comboboxOptions",
|
|
270
270
|
setup(e) {
|
|
271
|
-
return (t, o) => (i(),
|
|
271
|
+
return (t, o) => (i(), h(P, {
|
|
272
272
|
"enter-from-class": "dai-combobox-options--anim",
|
|
273
273
|
"leave-to-class": "dai-combobox-options--anim"
|
|
274
274
|
}, {
|
|
275
275
|
default: c(() => [
|
|
276
|
-
|
|
276
|
+
V(n(le), { class: "dai-combobox-options" }, {
|
|
277
277
|
default: c(() => [
|
|
278
278
|
p(t.$slots, "default")
|
|
279
279
|
]),
|
|
@@ -288,13 +288,13 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ h({
|
|
|
288
288
|
class: "dai-combobox-option__check",
|
|
289
289
|
xmlns: "http://www.w3.org/2000/svg",
|
|
290
290
|
viewBox: "0 0 16 16"
|
|
291
|
-
}, Pe = /* @__PURE__ */
|
|
291
|
+
}, Pe = /* @__PURE__ */ v({
|
|
292
292
|
__name: "comboboxOption",
|
|
293
293
|
props: {
|
|
294
294
|
value: {}
|
|
295
295
|
},
|
|
296
296
|
setup(e) {
|
|
297
|
-
return (t, o) => (i(),
|
|
297
|
+
return (t, o) => (i(), h(n(ie), {
|
|
298
298
|
value: e.value,
|
|
299
299
|
class: "dai-combobox-option"
|
|
300
300
|
}, {
|
|
@@ -343,7 +343,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
343
343
|
fill: "none",
|
|
344
344
|
viewBox: "0 0 24 24",
|
|
345
345
|
stroke: "currentColor"
|
|
346
|
-
},
|
|
346
|
+
}, $t = /* @__PURE__ */ v({
|
|
347
347
|
inheritAttrs: !1,
|
|
348
348
|
__name: "input",
|
|
349
349
|
props: /* @__PURE__ */ C({
|
|
@@ -379,8 +379,8 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
379
379
|
emits: ["update:modelValue", "update:files"],
|
|
380
380
|
setup(e) {
|
|
381
381
|
const t = e, o = t.id || q(), l = _(() => typeof t.autocomplete == "string" ? t.autocomplete : t.autocomplete ? "on" : "off"), a = B(e, "modelValue"), s = B(e, "files", {
|
|
382
|
-
set(
|
|
383
|
-
return r.value && (r.value.files =
|
|
382
|
+
set(M) {
|
|
383
|
+
return r.value && (r.value.files = M), M;
|
|
384
384
|
}
|
|
385
385
|
}), r = L("formElement"), { isValid: g, validationMessage: b, validate: f } = T(
|
|
386
386
|
r,
|
|
@@ -400,33 +400,33 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
400
400
|
function J() {
|
|
401
401
|
a.value = "";
|
|
402
402
|
}
|
|
403
|
-
function ee(
|
|
403
|
+
function ee(M) {
|
|
404
404
|
if (x)
|
|
405
405
|
return;
|
|
406
|
-
const { value: E } =
|
|
406
|
+
const { value: E } = M.target;
|
|
407
407
|
a.value = E;
|
|
408
408
|
}
|
|
409
409
|
return O(() => {
|
|
410
|
-
Y.value && import("imask").then((
|
|
411
|
-
x =
|
|
410
|
+
Y.value && import("imask").then((M) => {
|
|
411
|
+
x = M.default(
|
|
412
412
|
r.value,
|
|
413
413
|
Y.value
|
|
414
414
|
), x.on("accept", () => {
|
|
415
415
|
a.value = x.value;
|
|
416
416
|
});
|
|
417
417
|
});
|
|
418
|
-
}), (
|
|
418
|
+
}), (M, E) => (i(), h(S, $(t, {
|
|
419
419
|
"label-for": n(o),
|
|
420
420
|
"validation-message": e.showValidationError ? "" : n(b),
|
|
421
421
|
invalid: t.invalid || !n(g),
|
|
422
|
-
class:
|
|
422
|
+
class: M.$attrs.class
|
|
423
423
|
}), {
|
|
424
424
|
default: c(() => [
|
|
425
|
-
p(
|
|
425
|
+
p(M.$slots, "prepend"),
|
|
426
426
|
d("input", $({
|
|
427
427
|
ref_key: "formElement",
|
|
428
428
|
ref: r
|
|
429
|
-
}, { ...
|
|
429
|
+
}, { ...M.$attrs, class: void 0 }, {
|
|
430
430
|
id: n(o),
|
|
431
431
|
type: j.value,
|
|
432
432
|
pattern: G.value,
|
|
@@ -434,11 +434,11 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
434
434
|
autocomplete: l.value,
|
|
435
435
|
value: a.value,
|
|
436
436
|
onInputPassive: ee,
|
|
437
|
-
onKeyupPassive: E[0] || (E[0] = (
|
|
437
|
+
onKeyupPassive: E[0] || (E[0] = (yt) => !n(g) && n(f)()),
|
|
438
438
|
class: "dai-form-control__input-group__control dai-form-control__input"
|
|
439
439
|
}), null, 16, Se),
|
|
440
|
-
p(
|
|
441
|
-
t.type === "password" && a.value ? (i(),
|
|
440
|
+
p(M.$slots, "append"),
|
|
441
|
+
t.type === "password" && a.value ? (i(), h(K, {
|
|
442
442
|
key: 0,
|
|
443
443
|
onClick: W
|
|
444
444
|
}, {
|
|
@@ -467,7 +467,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
467
467
|
]),
|
|
468
468
|
_: 1
|
|
469
469
|
})) : y("", !0),
|
|
470
|
-
e.clearable && a.value && !t.disabled ? (i(),
|
|
470
|
+
e.clearable && a.value && !t.disabled ? (i(), h(K, {
|
|
471
471
|
key: 1,
|
|
472
472
|
onClick: J
|
|
473
473
|
}, {
|
|
@@ -492,7 +492,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
492
492
|
_: 3
|
|
493
493
|
}, 16, ["label-for", "validation-message", "invalid", "class"]));
|
|
494
494
|
}
|
|
495
|
-
}), Xe = ["id"], De = ["value"],
|
|
495
|
+
}), Xe = ["id"], De = ["value"], xt = /* @__PURE__ */ v({
|
|
496
496
|
inheritAttrs: !1,
|
|
497
497
|
__name: "select",
|
|
498
498
|
props: /* @__PURE__ */ C({
|
|
@@ -527,7 +527,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
527
527
|
t.validators,
|
|
528
528
|
t.showValidationError
|
|
529
529
|
);
|
|
530
|
-
return (b, f) => (i(),
|
|
530
|
+
return (b, f) => (i(), h(S, $(t, {
|
|
531
531
|
"label-for": n(o),
|
|
532
532
|
"validation-message": e.showValidationError ? "" : n(r),
|
|
533
533
|
invalid: t.invalid || !n(s),
|
|
@@ -567,7 +567,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
567
567
|
_: 3
|
|
568
568
|
}, 16, ["label-for", "validation-message", "invalid", "class"]));
|
|
569
569
|
}
|
|
570
|
-
}),
|
|
570
|
+
}), _t = /* @__PURE__ */ v({
|
|
571
571
|
__name: "selectbox",
|
|
572
572
|
props: /* @__PURE__ */ C({
|
|
573
573
|
options: {},
|
|
@@ -598,16 +598,16 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
598
598
|
emits: ["update:modelValue"],
|
|
599
599
|
setup(e) {
|
|
600
600
|
const t = e, o = B(e, "modelValue");
|
|
601
|
-
return (l, a) => (i(),
|
|
601
|
+
return (l, a) => (i(), h(n(ze), $(t, {
|
|
602
602
|
displayValue: (s) => e.options.find((r) => r[e.optionValue] === s)?.[e.optionText] || "",
|
|
603
603
|
modelValue: o.value,
|
|
604
604
|
"onUpdate:modelValue": a[0] || (a[0] = (s) => o.value = s)
|
|
605
605
|
}), {
|
|
606
606
|
default: c(() => [
|
|
607
|
-
|
|
608
|
-
|
|
607
|
+
V(n(qe), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
|
|
608
|
+
V(n(Te), null, {
|
|
609
609
|
default: c(() => [
|
|
610
|
-
(i(!0), u(I, null, D(e.options, (s) => (i(),
|
|
610
|
+
(i(!0), u(I, null, D(e.options, (s) => (i(), h(n(Pe), {
|
|
611
611
|
key: s[e.optionValue],
|
|
612
612
|
value: s[e.optionValue]
|
|
613
613
|
}, {
|
|
@@ -623,7 +623,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
623
623
|
_: 1
|
|
624
624
|
}, 16, ["displayValue", "modelValue"]));
|
|
625
625
|
}
|
|
626
|
-
}), He = ["id"],
|
|
626
|
+
}), He = ["id"], Bt = /* @__PURE__ */ v({
|
|
627
627
|
inheritAttrs: !1,
|
|
628
628
|
__name: "textarea",
|
|
629
629
|
props: /* @__PURE__ */ C({
|
|
@@ -647,7 +647,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
647
647
|
const f = a.value, m = f.offsetHeight - f.clientHeight;
|
|
648
648
|
f.style.height = "auto", f.style.height = `${f.scrollHeight + m}px`;
|
|
649
649
|
}
|
|
650
|
-
return O(b), (f, m) => (i(),
|
|
650
|
+
return O(b), (f, m) => (i(), h(S, $(t, {
|
|
651
651
|
"label-for": n(o),
|
|
652
652
|
"validation-message": e.showValidationError ? "" : n(r),
|
|
653
653
|
invalid: !n(s),
|
|
@@ -672,7 +672,10 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
672
672
|
_: 1
|
|
673
673
|
}, 16, ["label-for", "validation-message", "invalid", "class"]));
|
|
674
674
|
}
|
|
675
|
-
}), Ye = ["checked", "id"],
|
|
675
|
+
}), Ye = ["checked", "id"], Ke = {
|
|
676
|
+
key: 0,
|
|
677
|
+
class: "dai-checkbox-control__label-container"
|
|
678
|
+
}, Vt = /* @__PURE__ */ v({
|
|
676
679
|
inheritAttrs: !1,
|
|
677
680
|
__name: "checkbox",
|
|
678
681
|
props: /* @__PURE__ */ C({
|
|
@@ -725,19 +728,20 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
725
728
|
"dai-checkbox--lg": e.size === "large"
|
|
726
729
|
}]
|
|
727
730
|
}), null, 16, Ye),
|
|
728
|
-
e.label || f.$slots.default ? (i(),
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
731
|
+
e.label || f.$slots.default ? (i(), u("div", Ke, [
|
|
732
|
+
V(F, {
|
|
733
|
+
for: n(o),
|
|
734
|
+
class: "dai-checkbox-control__label"
|
|
735
|
+
}, {
|
|
736
|
+
default: c(() => [
|
|
737
|
+
p(f.$slots, "default", {}, () => [
|
|
738
|
+
z(k(e.label), 1)
|
|
739
|
+
])
|
|
740
|
+
]),
|
|
741
|
+
_: 3
|
|
742
|
+
}, 8, ["for"])
|
|
743
|
+
])) : y("", !0),
|
|
744
|
+
e.hint || f.$slots.hint ? (i(), h(H, {
|
|
741
745
|
key: 1,
|
|
742
746
|
class: "dai-checkbox-control__hint"
|
|
743
747
|
}, {
|
|
@@ -750,13 +754,13 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
750
754
|
})) : y("", !0)
|
|
751
755
|
], 2));
|
|
752
756
|
}
|
|
753
|
-
}),
|
|
757
|
+
}), Re = { class: "flex items-center h-5" }, Ze = ["value", "id"], Ge = {
|
|
754
758
|
key: 0,
|
|
755
759
|
class: "text-sm"
|
|
756
|
-
},
|
|
760
|
+
}, Qe = ["for"], We = {
|
|
757
761
|
key: 0,
|
|
758
762
|
class: "text-secondary-500 dark:text-secondary-400"
|
|
759
|
-
},
|
|
763
|
+
}, Mt = /* @__PURE__ */ v({
|
|
760
764
|
inheritAttrs: !1,
|
|
761
765
|
__name: "radio",
|
|
762
766
|
props: /* @__PURE__ */ C({
|
|
@@ -780,7 +784,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
780
784
|
return (r, g) => (i(), u("div", {
|
|
781
785
|
class: w(["flex items-start gap-3", r.$attrs.class])
|
|
782
786
|
}, [
|
|
783
|
-
d("div",
|
|
787
|
+
d("div", Re, [
|
|
784
788
|
X(d("input", $({
|
|
785
789
|
type: "radio",
|
|
786
790
|
ref_key: "formElement",
|
|
@@ -793,20 +797,20 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
793
797
|
[`radio--${e.color}`]: e.color,
|
|
794
798
|
"radio--invalid": !n(s)
|
|
795
799
|
}]
|
|
796
|
-
}), null, 16,
|
|
800
|
+
}), null, 16, Ze), [
|
|
797
801
|
[be, o.value]
|
|
798
802
|
])
|
|
799
803
|
]),
|
|
800
|
-
e.label ? (i(), u("div",
|
|
804
|
+
e.label ? (i(), u("div", Ge, [
|
|
801
805
|
d("label", {
|
|
802
806
|
for: n(l),
|
|
803
807
|
class: "font-medium select-none cursor-pointer"
|
|
804
|
-
}, k(e.label), 9,
|
|
805
|
-
e.hint ? (i(), u("p",
|
|
808
|
+
}, k(e.label), 9, Qe),
|
|
809
|
+
e.hint ? (i(), u("p", We, k(e.hint), 1)) : y("", !0)
|
|
806
810
|
])) : y("", !0)
|
|
807
811
|
], 2));
|
|
808
812
|
}
|
|
809
|
-
}),
|
|
813
|
+
}), Je = { class: "dai-switch-control" }, et = ["id", "aria-checked"], Ct = /* @__PURE__ */ v({
|
|
810
814
|
__name: "switch",
|
|
811
815
|
props: /* @__PURE__ */ C({
|
|
812
816
|
label: {},
|
|
@@ -818,7 +822,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
818
822
|
emits: ["update:modelValue"],
|
|
819
823
|
setup(e) {
|
|
820
824
|
const t = B(e, "modelValue"), o = q();
|
|
821
|
-
return (l, a) => (i(), u("div",
|
|
825
|
+
return (l, a) => (i(), u("div", Je, [
|
|
822
826
|
d("button", {
|
|
823
827
|
onClick: a[0] || (a[0] = (s) => t.value = !t.value),
|
|
824
828
|
id: n(o),
|
|
@@ -832,8 +836,8 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
832
836
|
"aria-hidden": "true",
|
|
833
837
|
class: "dai-switch__thumb"
|
|
834
838
|
}, null, -1)
|
|
835
|
-
])], 10,
|
|
836
|
-
e.label || l.$slots.default ? (i(),
|
|
839
|
+
])], 10, et),
|
|
840
|
+
e.label || l.$slots.default ? (i(), h(F, {
|
|
837
841
|
key: 0,
|
|
838
842
|
for: n(o)
|
|
839
843
|
}, {
|
|
@@ -844,7 +848,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
844
848
|
]),
|
|
845
849
|
_: 3
|
|
846
850
|
}, 8, ["for"])) : y("", !0),
|
|
847
|
-
e.hint || l.$slots.hint ? (i(),
|
|
851
|
+
e.hint || l.$slots.hint ? (i(), h(H, {
|
|
848
852
|
key: 1,
|
|
849
853
|
class: "dai-switch-control__hint"
|
|
850
854
|
}, {
|
|
@@ -857,10 +861,10 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
857
861
|
})) : y("", !0)
|
|
858
862
|
]));
|
|
859
863
|
}
|
|
860
|
-
}),
|
|
864
|
+
}), tt = {
|
|
861
865
|
key: 0,
|
|
862
866
|
class: "dai-btn__spinner"
|
|
863
|
-
},
|
|
867
|
+
}, ot = { class: "dai-btn__caption" }, Et = /* @__PURE__ */ v({
|
|
864
868
|
__name: "btn",
|
|
865
869
|
props: {
|
|
866
870
|
submit: { type: [Boolean, String] },
|
|
@@ -883,7 +887,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
883
887
|
},
|
|
884
888
|
setup(e) {
|
|
885
889
|
const t = e, o = _(() => t.submit ? "submit" : t.reset ? "reset" : "button"), l = _(() => t.variant ? t.variant : t.plain ? "plain" : t.muted ? "muted" : t.outlined ? "outlined" : "flat"), a = _(() => t.size ? t.size : t.sm ? "small" : t.lg ? "large" : "medium");
|
|
886
|
-
return (s, r) => (i(),
|
|
890
|
+
return (s, r) => (i(), h(ye(e.href ? "a" : "button"), {
|
|
887
891
|
type: e.href ? void 0 : o.value,
|
|
888
892
|
form: typeof e.submit == "string" ? e.submit : void 0,
|
|
889
893
|
href: e.href,
|
|
@@ -902,7 +906,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
902
906
|
}])
|
|
903
907
|
}, {
|
|
904
908
|
default: c(() => [
|
|
905
|
-
e.loading ? (i(), u("span",
|
|
909
|
+
e.loading ? (i(), u("span", tt, [...r[0] || (r[0] = [
|
|
906
910
|
d("svg", {
|
|
907
911
|
xmlns: "http://www.w3.org/2000/svg",
|
|
908
912
|
fill: "none",
|
|
@@ -923,7 +927,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
923
927
|
})
|
|
924
928
|
], -1)
|
|
925
929
|
])])) : y("", !0),
|
|
926
|
-
d("span",
|
|
930
|
+
d("span", ot, [
|
|
927
931
|
e.icon ? (i(), u("div", {
|
|
928
932
|
key: 0,
|
|
929
933
|
class: w([e.icon, "dai-btn__icon"])
|
|
@@ -938,15 +942,15 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
938
942
|
_: 3
|
|
939
943
|
}, 8, ["type", "form", "href", "class"]));
|
|
940
944
|
}
|
|
941
|
-
}),
|
|
945
|
+
}), zt = /* @__PURE__ */ v({
|
|
942
946
|
__name: "popoverDialog",
|
|
943
947
|
setup(e) {
|
|
944
|
-
return (t, o) => (i(),
|
|
948
|
+
return (t, o) => (i(), h(P, {
|
|
945
949
|
"enter-from-class": "dai-popover-dialog--anim",
|
|
946
950
|
"leave-to-class": "dai-popover-dialog--anim"
|
|
947
951
|
}, {
|
|
948
952
|
default: c(() => [
|
|
949
|
-
|
|
953
|
+
V(n(ne), { class: "dai-popover-dialog" }, {
|
|
950
954
|
default: c(() => [
|
|
951
955
|
p(t.$slots, "default")
|
|
952
956
|
]),
|
|
@@ -956,15 +960,15 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
956
960
|
_: 3
|
|
957
961
|
}));
|
|
958
962
|
}
|
|
959
|
-
}),
|
|
963
|
+
}), Lt = /* @__PURE__ */ v({
|
|
960
964
|
__name: "menuItems",
|
|
961
965
|
setup(e) {
|
|
962
|
-
return (t, o) => (i(),
|
|
966
|
+
return (t, o) => (i(), h(P, {
|
|
963
967
|
"enter-from-class": "dai-menu-items--anim",
|
|
964
968
|
"leave-to-class": "dai-menu-items--anim"
|
|
965
969
|
}, {
|
|
966
970
|
default: c(() => [
|
|
967
|
-
|
|
971
|
+
V(n(se), { class: "dai-menu-items" }, {
|
|
968
972
|
default: c(() => [
|
|
969
973
|
p(t.$slots, "default")
|
|
970
974
|
]),
|
|
@@ -974,18 +978,18 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
974
978
|
_: 3
|
|
975
979
|
}));
|
|
976
980
|
}
|
|
977
|
-
}),
|
|
981
|
+
}), at = {
|
|
978
982
|
key: 0,
|
|
979
983
|
class: "text-secondary-400 flex-shrink-0"
|
|
980
|
-
},
|
|
984
|
+
}, qt = /* @__PURE__ */ v({
|
|
981
985
|
__name: "menuItem",
|
|
982
986
|
props: {
|
|
983
987
|
icon: {}
|
|
984
988
|
},
|
|
985
989
|
setup(e) {
|
|
986
|
-
return (t, o) => (i(),
|
|
990
|
+
return (t, o) => (i(), h(n(re), { class: "dai-menu-item" }, {
|
|
987
991
|
default: c(({ isActive: l, isSelected: a }) => [
|
|
988
|
-
e.icon ? (i(), u("div",
|
|
992
|
+
e.icon ? (i(), u("div", at, [
|
|
989
993
|
d("div", {
|
|
990
994
|
class: w(["h-5 w-5", e.icon])
|
|
991
995
|
}, null, 2)
|
|
@@ -998,7 +1002,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
998
1002
|
_: 3
|
|
999
1003
|
}));
|
|
1000
1004
|
}
|
|
1001
|
-
}),
|
|
1005
|
+
}), Tt = /* @__PURE__ */ v({
|
|
1002
1006
|
__name: "tab",
|
|
1003
1007
|
props: {
|
|
1004
1008
|
id: {},
|
|
@@ -1006,7 +1010,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1006
1010
|
value: {}
|
|
1007
1011
|
},
|
|
1008
1012
|
setup(e) {
|
|
1009
|
-
return (t, o) => (i(),
|
|
1013
|
+
return (t, o) => (i(), h(n(de), {
|
|
1010
1014
|
id: e.id,
|
|
1011
1015
|
"aria-controls": e.ariaControls,
|
|
1012
1016
|
value: e.value,
|
|
@@ -1018,7 +1022,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1018
1022
|
_: 3
|
|
1019
1023
|
}, 8, ["id", "aria-controls", "value"]));
|
|
1020
1024
|
}
|
|
1021
|
-
}),
|
|
1025
|
+
}), At = /* @__PURE__ */ v({
|
|
1022
1026
|
__name: "tabList",
|
|
1023
1027
|
setup(e) {
|
|
1024
1028
|
const t = L("tablist"), o = L("slider"), l = U({});
|
|
@@ -1033,7 +1037,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1033
1037
|
transition: o.value.offsetLeft > r.offsetLeft ? "left .2s, right .5s" : "left .5s, right .2s"
|
|
1034
1038
|
});
|
|
1035
1039
|
}
|
|
1036
|
-
return O(() => ge(a)), (s, r) => (i(),
|
|
1040
|
+
return O(() => ge(a)), (s, r) => (i(), h(n(ue), {
|
|
1037
1041
|
ref_key: "tablist",
|
|
1038
1042
|
ref: t,
|
|
1039
1043
|
onClickPassive: a,
|
|
@@ -1051,7 +1055,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1051
1055
|
_: 3
|
|
1052
1056
|
}, 512));
|
|
1053
1057
|
}
|
|
1054
|
-
}),
|
|
1058
|
+
}), lt = ["id"], Pt = /* @__PURE__ */ v({
|
|
1055
1059
|
inheritAttrs: !1,
|
|
1056
1060
|
__name: "offcanvas",
|
|
1057
1061
|
props: /* @__PURE__ */ C({
|
|
@@ -1081,8 +1085,8 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1081
1085
|
window.addEventListener("click", s, { passive: !0 });
|
|
1082
1086
|
}), R(() => {
|
|
1083
1087
|
window.removeEventListener("click", s);
|
|
1084
|
-
}), (r, g) => (i(),
|
|
1085
|
-
|
|
1088
|
+
}), (r, g) => (i(), h(Z, { to: "body" }, [
|
|
1089
|
+
V(P, {
|
|
1086
1090
|
appear: "",
|
|
1087
1091
|
"enter-from-class": "nui-offcanvas--animate-hidden",
|
|
1088
1092
|
"enter-to-class": "nui-offcanvas--animate-shown",
|
|
@@ -1104,48 +1108,48 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1104
1108
|
}]
|
|
1105
1109
|
}), [
|
|
1106
1110
|
p(r.$slots, "default")
|
|
1107
|
-
], 16,
|
|
1111
|
+
], 16, lt)) : y("", !0)
|
|
1108
1112
|
]),
|
|
1109
1113
|
_: 3
|
|
1110
1114
|
})
|
|
1111
1115
|
]));
|
|
1112
1116
|
}
|
|
1113
|
-
}),
|
|
1117
|
+
}), it = {
|
|
1114
1118
|
key: 0,
|
|
1115
1119
|
role: "alert"
|
|
1116
|
-
},
|
|
1120
|
+
}, nt = {
|
|
1117
1121
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1118
1122
|
fill: "none",
|
|
1119
1123
|
viewBox: "0 0 24 24",
|
|
1120
1124
|
stroke: "currentColor"
|
|
1121
|
-
},
|
|
1125
|
+
}, st = {
|
|
1122
1126
|
key: 0,
|
|
1123
1127
|
"stroke-linecap": "round",
|
|
1124
1128
|
"stroke-linejoin": "round",
|
|
1125
1129
|
"stroke-width": "2",
|
|
1126
1130
|
d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
1127
|
-
},
|
|
1131
|
+
}, rt = {
|
|
1128
1132
|
key: 1,
|
|
1129
1133
|
"stroke-linecap": "round",
|
|
1130
1134
|
"stroke-linejoin": "round",
|
|
1131
1135
|
"stroke-width": "2",
|
|
1132
1136
|
d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
1133
|
-
},
|
|
1137
|
+
}, dt = {
|
|
1134
1138
|
key: 2,
|
|
1135
1139
|
"stroke-linecap": "round",
|
|
1136
1140
|
"stroke-linejoin": "round",
|
|
1137
1141
|
"stroke-width": "2",
|
|
1138
1142
|
d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
|
|
1139
|
-
},
|
|
1143
|
+
}, ut = {
|
|
1140
1144
|
key: 3,
|
|
1141
1145
|
"stroke-linecap": "round",
|
|
1142
1146
|
"stroke-linejoin": "round",
|
|
1143
1147
|
"stroke-width": "2",
|
|
1144
1148
|
d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
1145
|
-
},
|
|
1149
|
+
}, ct = { class: "dai-notification__content" }, ft = {
|
|
1146
1150
|
key: 0,
|
|
1147
1151
|
class: "dai-notification__content__detail"
|
|
1148
|
-
},
|
|
1152
|
+
}, mt = /* @__PURE__ */ v({
|
|
1149
1153
|
__name: "notification",
|
|
1150
1154
|
props: /* @__PURE__ */ C({
|
|
1151
1155
|
color: {},
|
|
@@ -1165,7 +1169,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1165
1169
|
function a() {
|
|
1166
1170
|
clearTimeout(l), o.value && t.timeout && (l = setTimeout(() => o.value = !1, t.timeout));
|
|
1167
1171
|
}
|
|
1168
|
-
return A(o, a, { immediate: !0 }), (s, r) => o.value ? (i(), u("div",
|
|
1172
|
+
return A(o, a, { immediate: !0 }), (s, r) => o.value ? (i(), u("div", it, [
|
|
1169
1173
|
d("div", {
|
|
1170
1174
|
class: w(["dai-notification", [`dai-notification--${e.color || "secondary"}`]])
|
|
1171
1175
|
}, [
|
|
@@ -1173,17 +1177,17 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1173
1177
|
key: 0,
|
|
1174
1178
|
class: w(["dai-notification__icon", [`dai-notification__icon--${e.icon}`]])
|
|
1175
1179
|
}, [
|
|
1176
|
-
(i(), u("svg",
|
|
1177
|
-
e.icon == "success" ? (i(), u("path",
|
|
1180
|
+
(i(), u("svg", nt, [
|
|
1181
|
+
e.icon == "success" ? (i(), u("path", st)) : e.icon == "info" ? (i(), u("path", rt)) : e.icon == "warning" ? (i(), u("path", dt)) : e.icon == "danger" ? (i(), u("path", ut)) : y("", !0)
|
|
1178
1182
|
]))
|
|
1179
1183
|
], 2)) : y("", !0),
|
|
1180
|
-
d("div",
|
|
1184
|
+
d("div", ct, [
|
|
1181
1185
|
d("div", {
|
|
1182
1186
|
class: w(["dai-notification__content__message", {
|
|
1183
1187
|
"dai-notification__content__message--bold": e.detail
|
|
1184
1188
|
}])
|
|
1185
1189
|
}, k(e.message), 3),
|
|
1186
|
-
e.detail ? (i(), u("div",
|
|
1190
|
+
e.detail ? (i(), u("div", ft, k(e.detail), 1)) : y("", !0)
|
|
1187
1191
|
]),
|
|
1188
1192
|
e.dismissible ? (i(), u("div", {
|
|
1189
1193
|
key: 1,
|
|
@@ -1207,7 +1211,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1207
1211
|
], 2)
|
|
1208
1212
|
])) : y("", !0);
|
|
1209
1213
|
}
|
|
1210
|
-
}),
|
|
1214
|
+
}), jt = /* @__PURE__ */ v({
|
|
1211
1215
|
__name: "notificationQueue",
|
|
1212
1216
|
props: /* @__PURE__ */ C({
|
|
1213
1217
|
length: { default: 3 },
|
|
@@ -1249,7 +1253,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1249
1253
|
"dai-notification-queue--x-right": e.positionX == "right"
|
|
1250
1254
|
}])
|
|
1251
1255
|
}, [
|
|
1252
|
-
|
|
1256
|
+
V(we, {
|
|
1253
1257
|
appear: "",
|
|
1254
1258
|
"enter-from-class": g.value,
|
|
1255
1259
|
"enter-active-class": "dai-notification-queue__item--anim-in",
|
|
@@ -1257,7 +1261,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1257
1261
|
"leave-active-class": "dai-notification-queue__item--anim-out"
|
|
1258
1262
|
}, {
|
|
1259
1263
|
default: c(() => [
|
|
1260
|
-
(i(!0), u(I, null, D(l.value, (m) => (i(),
|
|
1264
|
+
(i(!0), u(I, null, D(l.value, (m) => (i(), h(mt, {
|
|
1261
1265
|
key: m.id,
|
|
1262
1266
|
color: m.color,
|
|
1263
1267
|
icon: m.type,
|
|
@@ -1273,7 +1277,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1273
1277
|
}, 8, ["enter-from-class", "leave-to-class"])
|
|
1274
1278
|
], 2));
|
|
1275
1279
|
}
|
|
1276
|
-
}),
|
|
1280
|
+
}), vt = ["aria-valuenow"], It = /* @__PURE__ */ v({
|
|
1277
1281
|
__name: "progressbar",
|
|
1278
1282
|
props: {
|
|
1279
1283
|
value: {},
|
|
@@ -1309,12 +1313,12 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1309
1313
|
"progress-infinite": o.value
|
|
1310
1314
|
}, "h-full shadow-none relative text-center whitespace-nowrap text-white justify-center"])
|
|
1311
1315
|
}, null, 6)
|
|
1312
|
-
], 14,
|
|
1316
|
+
], 14, vt));
|
|
1313
1317
|
}
|
|
1314
|
-
}),
|
|
1318
|
+
}), ht = {
|
|
1315
1319
|
key: 0,
|
|
1316
1320
|
class: "z-50"
|
|
1317
|
-
},
|
|
1321
|
+
}, pt = { class: "fixed inset-0 overflow-y-auto" }, bt = { class: "modal__dialog" }, Ot = /* @__PURE__ */ v({
|
|
1318
1322
|
inheritAttrs: !1,
|
|
1319
1323
|
__name: "modal",
|
|
1320
1324
|
props: {
|
|
@@ -1329,24 +1333,24 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1329
1333
|
}
|
|
1330
1334
|
return A(t, (l) => {
|
|
1331
1335
|
l ? document.body.classList.add("overflow-hidden") : document.body.classList.remove("overflow-hidden");
|
|
1332
|
-
}), (l, a) => (i(),
|
|
1333
|
-
|
|
1336
|
+
}), (l, a) => (i(), h(Z, { to: "body" }, [
|
|
1337
|
+
V(P, {
|
|
1334
1338
|
appear: "",
|
|
1335
1339
|
name: "modal",
|
|
1336
1340
|
duration: { enter: 300, leave: 200 }
|
|
1337
1341
|
}, {
|
|
1338
1342
|
default: c(() => [
|
|
1339
|
-
t.value ? (i(), u("div",
|
|
1343
|
+
t.value ? (i(), u("div", ht, [
|
|
1340
1344
|
a[0] || (a[0] = d("div", {
|
|
1341
1345
|
class: "modal__backdrop fixed inset-0 bg-primary-50/60 backdrop-blur-sm",
|
|
1342
1346
|
"aria-hidden": "true"
|
|
1343
1347
|
}, null, -1)),
|
|
1344
|
-
d("div",
|
|
1348
|
+
d("div", pt, [
|
|
1345
1349
|
d("div", {
|
|
1346
1350
|
onClick: ke(o, ["self"]),
|
|
1347
1351
|
class: "min-h-full flex items-center justify-center p-4 sm:p-6"
|
|
1348
1352
|
}, [
|
|
1349
|
-
d("div",
|
|
1353
|
+
d("div", bt, [
|
|
1350
1354
|
p(l.$slots, "default", { close: o })
|
|
1351
1355
|
])
|
|
1352
1356
|
])
|
|
@@ -1359,34 +1363,34 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
|
|
|
1359
1363
|
}
|
|
1360
1364
|
});
|
|
1361
1365
|
export {
|
|
1362
|
-
|
|
1363
|
-
|
|
1366
|
+
Et as Btn,
|
|
1367
|
+
Vt as Checkbox,
|
|
1364
1368
|
ze as Combobox,
|
|
1365
1369
|
qe as ComboboxButton,
|
|
1366
|
-
|
|
1370
|
+
kt as ComboboxInput,
|
|
1367
1371
|
Pe as ComboboxOption,
|
|
1368
1372
|
Te as ComboboxOptions,
|
|
1369
1373
|
H as Hint,
|
|
1370
|
-
|
|
1374
|
+
$t as Input,
|
|
1371
1375
|
F as Label,
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1376
|
+
Nt as Menu,
|
|
1377
|
+
qt as MenuItem,
|
|
1378
|
+
Lt as MenuItems,
|
|
1379
|
+
Ot as Modal,
|
|
1380
|
+
mt as Notification,
|
|
1381
|
+
jt as NotificationQueue,
|
|
1382
|
+
Pt as Offcanvas,
|
|
1383
|
+
Ut as Popover,
|
|
1384
|
+
zt as PopoverDialog,
|
|
1385
|
+
It as Progressbar,
|
|
1386
|
+
Mt as Radio,
|
|
1387
|
+
xt as Select,
|
|
1388
|
+
_t as Selectbox,
|
|
1389
|
+
Ct as Switch,
|
|
1390
|
+
Tt as Tab,
|
|
1391
|
+
Xt as TabContainer,
|
|
1392
|
+
At as TabList,
|
|
1393
|
+
Dt as TabPanel,
|
|
1394
|
+
Bt as Textarea,
|
|
1391
1395
|
$e as useClassList
|
|
1392
1396
|
};
|