@adam-milo/ui 1.0.23 → 1.0.24

package/dist/style.css

@@ -1 +1 @@
-.btn{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding-block:var(--spacing-3);padding-inline:var(--spacing-4);gap:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-weight:400;font-size:var(--font-size-8);line-height:1.5rem;text-align:center;white-space:nowrap;border:none;border-radius:var(--radius-default);transition-property:background-color,color,border-color,transform;transition-duration:.2s;transition-timing-function:ease-in-out;will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:focus-visible{outline:2px solid;outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:1;pointer-events:none}.btn--primary-workspace{background-color:var(--color-popup);color:var(--color-card);outline-color:var(--color-popup)}.btn--primary-workspace:hover:not(:disabled){background-color:var(--color-action)}.btn--primary-workspace:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--primary-builder{background-color:var(--color-action);color:var(--color-card);outline-color:var(--color-action)}.btn--primary-builder:hover:not(:disabled){background-color:var(--color-text)}.btn--primary-builder:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--secondary{background-color:var(--color-card);color:var(--color-text);border:1px solid var(--color-system-text);outline-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--secondary:disabled{background-color:transparent;color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--ghost{background-color:transparent;color:var(--color-text);outline-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--ghost:disabled{background-color:transparent;color:var(--color-icon-secondary)}.btn--full-width{inline-size:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;flex-shrink:0}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);inline-size:100%}.input-wrapper--full-width{inline-size:100%}.input__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.input__field-container{position:relative;display:flex;align-items:center;inline-size:100%}.input{display:block;inline-size:100%;block-size:var(--spacing-11);padding-inline:var(--spacing-3-5);padding-block:var(--spacing-3-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-text);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-5px);transition-property:border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out;cursor:text}.input:focus{outline:none;border-color:var(--color-clickable);box-shadow:none}.input:hover:not(:disabled):not(:focus){border-color:var(--color-clickable)}.input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-card);color:var(--color-text);pointer-events:none}.input::placeholder{color:var(--color-icon-secondary)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:none}.input--error:hover:not(:disabled){border-color:var(--color-error)}.input--full-width{inline-size:100%}.input--with-toggle{padding-inline-end:var(--spacing-12)}.input__toggle{position:absolute;inset-block-start:50%;inset-inline-end:var(--spacing-3-5);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-5);block-size:var(--spacing-5);padding:0;background:transparent;border:none;color:var(--color-border);cursor:pointer;transition-property:color,transform;transition-duration:.2s;transition-timing-function:ease-in-out}.input__toggle:hover{color:var(--color-system-text)}.input__toggle:focus{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-sm)}.input__toggle:focus:not(:focus-visible){outline:none}.input__toggle:active{transform:translateY(-50%) scale(.95)}.input__toggle svg{inline-size:100%;block-size:100%}.input__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}.input__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}@media (min-width: 768px){.input{block-size:var(--spacing-11)}}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.checkbox__container{display:flex;align-items:center;gap:var(--spacing-2)}.checkbox__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1rem;height:1rem;margin:0;border:1px solid var(--color-icon-secondary);border-radius:.1875rem;background-color:var(--color-card);cursor:pointer;position:relative;flex-shrink:0;transition:all .15s ease-in-out}.checkbox__input:hover:not(:disabled){border-color:var(--color-icon-secondary);background-color:var(--color-bg)}.checkbox__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.checkbox__input:checked{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input:checked:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%) rotate(45deg);width:.3125rem;height:.625rem;border:solid var(--color-card);border-width:0 .125rem .125rem 0;border-inline-start-width:0;border-block-start-width:0}.checkbox__input[data-indeterminate=true]{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input[data-indeterminate=true]:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);width:.625rem;height:.125rem;background-color:var(--color-card);border:none;border-radius:.0625rem}.checkbox__input:disabled{border-color:var(--color-border);background-color:var(--color-bg-secondary);cursor:not-allowed}.checkbox__input:disabled:checked{background-color:var(--color-border);border-color:var(--color-border)}.checkbox__input--error{border-color:var(--color-error)}.checkbox__input--error:checked{background-color:var(--color-error);border-color:var(--color-error)}.checkbox__label{color:var(--color-text);font-size:var(--font-size-9);line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper--disabled .checkbox__label{cursor:not-allowed}.checkbox__error{display:block;color:var(--color-error);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}.checkbox__helper{display:block;color:var(--color-system-text);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}@media (min-width: 768px){.checkbox__label{font-size:var(--font-size-9)}}.radio-wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-2)}.radio-wrapper--disabled{opacity:1;cursor:not-allowed}.radio__container{display:inline-flex;align-items:center;gap:var(--spacing-2);position:relative}.radio__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.25rem;height:1.25rem;border:1px solid var(--color-icon-secondary);border-radius:50%;background-color:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:all .2s ease}.radio__input:not(:disabled):hover{border-color:var(--color-action)}.radio__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.radio__input:checked{border-color:var(--color-action);border-width:1px}.radio__input:checked:before{content:"";position:absolute;inset-inline-start:22%;inset-block-start:22%;width:56%;height:56%;background-color:var(--color-clickable);border-radius:50%;transition:all .2s ease}.radio__input:disabled{border-color:var(--color-border);background-color:transparent;cursor:not-allowed}.radio__input:disabled:checked{border-color:var(--color-icon-secondary)}.radio__input:disabled:checked:before{background-color:var(--color-icon-secondary)}.radio__input--error{border-color:var(--color-error)}.radio__input--error:checked{border-color:var(--color-error)}.radio__label{color:var(--color-text);font-size:var(--font-size-9);font-weight:400;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-wrapper--disabled .radio__label{color:var(--color-system-text);cursor:not-allowed}.radio__error{color:var(--color-error);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}.radio__helper{color:var(--color-system-text);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}@media (min-width: 768px){.radio__input{width:1.25rem;height:1.25rem}}@media (prefers-contrast: high){.radio__input{border-width:2px}.radio__input:checked:before{border:1px solid var(--color-bg)}}@media (prefers-reduced-motion: reduce){.radio__input,.radio__input:before{transition:none}}.tabs-list{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding:var(--spacing-1);gap:var(--spacing-1);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-icon-secondary)}.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding-inline:var(--spacing-3);padding-block:var(--spacing-1-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-default);background-color:transparent;color:var(--color-icon-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.tabs-trigger:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;z-index:1}.tabs-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.tabs-trigger[data-state=active]{background-color:var(--color-card);color:var(--color-text);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.tabs-trigger:hover:not([data-state=active]):not(:disabled){background-color:var(--color-border);color:var(--color-text)}.tabs-content{margin-block-start:var(--spacing-2)}.tabs-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-default)}@media (max-width: 639px){.tabs-list{inline-size:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tabs-trigger{padding-inline:var(--spacing-4);padding-block:var(--spacing-2)}}.alert{position:relative;display:flex;gap:var(--spacing-3);padding-inline:var(--spacing-4);padding-block:var(--spacing-3);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;border:1px solid;border-radius:var(--radius-md)}.alert--info{background-color:var(--color-clickable-light, rgba(47, 157, 178, .05));border-color:var(--color-clickable-light, rgba(47, 157, 178, .2));color:var(--color-clickable)}.alert--success{background-color:var(--color-success-light, rgba(76, 175, 80, .05));border-color:var(--color-success-light, rgba(76, 175, 80, .2));color:var(--color-success, #4caf50)}.alert--warning{background-color:var(--color-warning-light, rgba(255, 152, 0, .05));border-color:var(--color-warning-light, rgba(255, 152, 0, .2));color:var(--color-warning, #ff9800)}.alert--error{background-color:var(--color-error-light, rgba(255, 104, 104, .05));border-color:var(--color-error-light, rgba(255, 104, 104, .2));color:var(--color-error)}.alert__icon{display:inline-flex;align-items:flex-start;justify-content:center;flex-shrink:0;margin-block-start:.125rem}.alert--info .alert__icon{color:var(--color-clickable)}.alert--success .alert__icon{color:var(--color-success, #4caf50)}.alert--warning .alert__icon{color:var(--color-warning, #ff9800)}.alert--error .alert__icon{color:var(--color-error)}.alert__content{flex:1;min-inline-size:0}.alert__title{font-weight:600;margin-block-end:var(--spacing-1);line-height:1.3}@media (min-width: 768px){.alert{padding-inline:var(--spacing-5);padding-block:var(--spacing-4)}}.card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card);overflow:hidden}.card--default{border:1px solid var(--color-border);background-color:var(--color-card)}.card--outlined{border:2px solid var(--color-system-text);background-color:var(--color-card)}.card--elevated{border:1px solid var(--color-border);background-color:var(--color-card);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d}.card-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-6)}.card-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text)}.card-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}.card-content{padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}.card-footer{display:flex;align-items:center;gap:var(--spacing-4);padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}@media (max-width: 639px){.card-header,.card-content,.card-footer{padding-inline:var(--spacing-4);padding-block:var(--spacing-4)}.card-content,.card-footer{padding-block-start:0}}.datatable-wrapper{inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}.datatable{inline-size:100%;border-collapse:collapse;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-text)}.datatable__head{border-block-end:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.datatable__header-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);text-align:start;font-weight:600;color:var(--color-system-text)}.datatable__body-row{border-block-end:1px solid var(--color-border)}.datatable__body-row.datatable__body-row--hoverable:hover{background-color:var(--color-bg)}.datatable__body-row.datatable__body-row--striped:nth-child(2n){background-color:var(--color-bg)}.datatable__body-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);color:var(--color-text)}.datatable__empty{padding:var(--spacing-12);text-align:center;color:var(--color-icon-secondary);font-style:italic}@media (max-width: 639px){.datatable__header-cell,.datatable__body-cell{padding-inline:var(--spacing-2);padding-block:var(--spacing-2);font-size:var(--font-size-10)}.datatable__empty{padding:var(--spacing-8)}}.chip{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-1);padding-inline:var(--spacing-3);border-radius:var(--radius-default);border-width:var(--border-width-default);border-style:solid;font-size:var(--font-size-9);line-height:1;font-weight:400;transition:all .2s ease-in-out;cursor:default;-webkit-user-select:none;user-select:none}.chip__label{white-space:nowrap}.chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 10%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 30%,transparent);color:var(--color-clickable)}.chip--primary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-clickable) 15%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 40%,transparent)}.chip--primary.chip--selected{background-color:var(--color-clickable);border-color:var(--color-clickable);color:var(--color-card)}.chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 10%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 30%,transparent);color:var(--color-toggle)}.chip--secondary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-toggle) 15%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 40%,transparent)}.chip--secondary.chip--selected{background-color:var(--color-toggle);border-color:var(--color-toggle);color:var(--color-card)}.chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 10%,transparent);border-color:color-mix(in srgb,var(--color-popup) 30%,transparent);color:var(--color-popup)}.chip--tertiary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-popup) 15%,transparent);border-color:color-mix(in srgb,var(--color-popup) 40%,transparent)}.chip--tertiary.chip--selected{background-color:var(--color-popup);border-color:var(--color-popup);color:var(--color-card)}.chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent);color:var(--color-secondary)}.chip--quaternary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-secondary) 15%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 40%,transparent)}.chip--quaternary.chip--selected{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-card)}.chip--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (min-width: 768px){.chip{padding-inline:var(--spacing-3-5)}}@media (min-width: 1024px){.chip{padding-inline:var(--spacing-3)}}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.chip-group{display:block;width:100%;position:relative;overflow:visible}.chip-group__container{display:flex;flex-wrap:nowrap;gap:var(--spacing-2);align-items:center}.chip-group__item-wrapper{display:inline-flex;flex-shrink:0}.chip-group__item{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-1);cursor:pointer;outline:none;transition:all .2s ease-in-out;border-radius:var(--radius-default)}.chip-group__item:hover:not([aria-disabled=true]){cursor:pointer}.chip-group__item:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--spacing-0-5);border-radius:var(--radius-default)}.chip-group__item:focus-visible:not(:focus){outline:none}.chip-group__item:active:not([aria-disabled=true]){transform:scale(.98)}.chip-group__item[aria-disabled=true]{cursor:not-allowed}.chip-group__item .chip{cursor:pointer}.chip-group__item[aria-disabled=true] .chip{cursor:not-allowed}.chip-group__remove{position:absolute;inset-inline-end:var(--spacing-1);inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--spacing-4);height:var(--spacing-4);padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-round);transition:background-color .2s ease-in-out;color:currentColor}.chip-group__remove:hover{background-color:color-mix(in srgb,currentColor 20%,transparent)}.chip-group__remove:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--border-width-default)}.chip-group__item:has(.chip-group__remove) .chip{padding-inline-end:var(--spacing-6)}.chip-group__overflow{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}.chip-group__overflow .chip{transition:all .2s ease-in-out}.chip-group__overflow .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 20%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 50%,transparent);color:var(--color-clickable);cursor:pointer}.chip-group__overflow .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 20%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 50%,transparent);color:var(--color-toggle);cursor:pointer}.chip-group__overflow .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 20%,transparent);border-color:color-mix(in srgb,var(--color-popup) 50%,transparent);color:var(--color-popup);cursor:pointer}.chip-group__overflow .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 20%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 50%,transparent);color:var(--color-secondary);cursor:pointer}.chip-group__overflow:hover .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 25%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 60%,transparent)}.chip-group__overflow:hover .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 25%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 60%,transparent)}.chip-group__overflow:hover .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 25%,transparent);border-color:color-mix(in srgb,var(--color-popup) 60%,transparent)}.chip-group__overflow:hover .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 25%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 60%,transparent)}.chip-group__tooltip{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding-block:var(--spacing-2);padding-inline:var(--spacing-3);background-color:var(--color-text);color:var(--color-card);border:none;border-radius:var(--radius-default);font-size:var(--font-size-8);line-height:normal;animation:tooltipFadeIn .2s ease-in-out;display:flex;flex-direction:column;gap:var(--spacing-2);pointer-events:none}.chip-group__tooltip-item{white-space:pre-wrap;word-break:break-word;min-width:100%;width:min-content}.chip-group__dropdown{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding:0;background-color:var(--color-card);border:none;border-radius:var(--radius-md);box-shadow:0 0 var(--spacing-4) #0000001a;animation:tooltipFadeIn .2s ease-in-out;overflow:hidden}.chip-group__dropdown-item{padding-block:var(--spacing-2-5);padding-inline:var(--spacing-3);font-size:var(--font-size-9);color:var(--color-grey-07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .15s ease-in-out;width:100%}.chip-group__dropdown-item:first-child{background-color:var(--color-bg)}.chip-group__dropdown-item:hover:not(.chip-group__dropdown-item--disabled){background-color:var(--color-bg)}.chip-group__dropdown-item--disabled{opacity:.4;cursor:not-allowed}.chip-group__tooltip:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-text) transparent transparent transparent}.chip-group__dropdown:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-card) transparent transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;translate:-50% calc(var(--spacing-1) * -1)}to{opacity:1;translate:-50% 0}}.chip-group--disabled{opacity:.4;pointer-events:none}@media (min-width: 768px){.chip-group__container{gap:var(--spacing-2-5)}}@media (min-width: 1024px){.chip-group__container{gap:var(--spacing-2)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#191a3980;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.dialog-overlay[data-state=open]{animation-name:dialog-overlay-fade-in}.dialog-overlay[data-state=closed]{animation-name:dialog-overlay-fade-out}.dialog-content{position:fixed;inset-inline-start:50%;inset-block-start:50%;z-index:50;transform:translate(-50%,-50%);display:grid;gap:var(--spacing-4);inline-size:100%;max-inline-size:32rem;padding:var(--spacing-6);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.dialog-content[data-state=open]{animation-name:dialog-content-show}.dialog-content[data-state=closed]{animation-name:dialog-content-hide}.dialog-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.dialog-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);text-align:center}@media (min-width: 640px){.dialog-header{text-align:start}}.dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--spacing-2)}@media (min-width: 640px){.dialog-footer{flex-direction:row;justify-content:flex-end;gap:var(--spacing-2)}}.dialog-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text);letter-spacing:-.01em}.dialog-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-content-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}@media (max-width: 639px){.dialog-content{inline-size:calc(100% - var(--spacing-8));max-inline-size:calc(100% - var(--spacing-8));padding:var(--spacing-5)}}.stack{display:flex}.stack--horizontal{flex-direction:row}.stack--vertical{flex-direction:column}.stack--spacing-0{gap:0}.stack--spacing-1{gap:var(--spacing-1)}.stack--spacing-2{gap:var(--spacing-2)}.stack--spacing-3{gap:var(--spacing-3)}.stack--spacing-4{gap:var(--spacing-4)}.stack--spacing-5{gap:var(--spacing-5)}.stack--spacing-6{gap:var(--spacing-6)}.stack--spacing-8{gap:var(--spacing-8)}.stack--spacing-10{gap:var(--spacing-10)}.stack--spacing-12{gap:var(--spacing-12)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--wrap{flex-wrap:wrap}@media (max-width: 639px){.stack--horizontal.stack--responsive{flex-direction:column}}
+.btn{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding-block:var(--spacing-3);padding-inline:var(--spacing-4);gap:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-weight:400;font-size:var(--font-size-8);line-height:1.5rem;text-align:center;white-space:nowrap;border:none;border-radius:var(--radius-default);transition-property:background-color,color,border-color,transform;transition-duration:.2s;transition-timing-function:ease-in-out;will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:focus-visible{outline:2px solid;outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:1;pointer-events:none}.btn--primary-workspace{background-color:var(--color-popup);color:var(--color-card);outline-color:var(--color-popup)}.btn--primary-workspace:hover:not(:disabled){background-color:var(--color-action)}.btn--primary-workspace:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--primary-builder{background-color:var(--color-action);color:var(--color-card);outline-color:var(--color-action)}.btn--primary-builder:hover:not(:disabled){background-color:var(--color-text)}.btn--primary-builder:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--secondary{background-color:var(--color-card);color:var(--color-text);border:1px solid var(--color-system-text);outline-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--secondary:disabled{background-color:transparent;color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--ghost{background-color:transparent;color:var(--color-text);outline-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--ghost:disabled{background-color:transparent;color:var(--color-icon-secondary)}.btn--full-width{inline-size:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;flex-shrink:0}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);inline-size:100%}.input-wrapper--full-width{inline-size:100%}.input__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.input__field-container{position:relative;display:flex;align-items:center;inline-size:100%}.input{display:block;inline-size:100%;block-size:var(--spacing-11);padding-inline:var(--spacing-3-5);padding-block:var(--spacing-3-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-text);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-5px);transition-property:border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out;cursor:text}.input:focus{outline:none;border-color:var(--color-clickable);box-shadow:none}.input:hover:not(:disabled):not(:focus){border-color:var(--color-clickable)}.input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-card);color:var(--color-text);pointer-events:none}.input::placeholder{color:var(--color-icon-secondary)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:none}.input--error:hover:not(:disabled){border-color:var(--color-error)}.input--full-width{inline-size:100%}.input--with-toggle{padding-inline-end:var(--spacing-12)}.input__toggle{position:absolute;inset-block-start:50%;inset-inline-end:var(--spacing-3-5);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-5);block-size:var(--spacing-5);padding:0;background:transparent;border:none;color:var(--color-border);cursor:pointer;transition-property:color,transform;transition-duration:.2s;transition-timing-function:ease-in-out}.input__toggle:hover{color:var(--color-system-text)}.input__toggle:focus{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-sm)}.input__toggle:focus:not(:focus-visible){outline:none}.input__toggle:active{transform:translateY(-50%) scale(.95)}.input__toggle svg{inline-size:100%;block-size:100%}.input__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}.input__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}@media (min-width: 768px){.input{block-size:var(--spacing-11)}}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.checkbox__container{display:flex;align-items:center;gap:var(--spacing-2)}.checkbox__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1rem;height:1rem;margin:0;border:1px solid var(--color-icon-secondary);border-radius:.1875rem;background-color:var(--color-card);cursor:pointer;position:relative;flex-shrink:0;transition:all .15s ease-in-out}.checkbox__input:hover:not(:disabled){border-color:var(--color-icon-secondary);background-color:var(--color-bg)}.checkbox__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.checkbox__input:checked{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input:checked:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%) rotate(45deg);width:.3125rem;height:.625rem;border:solid var(--color-card);border-width:0 .125rem .125rem 0;border-inline-start-width:0;border-block-start-width:0}.checkbox__input[data-indeterminate=true]{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input[data-indeterminate=true]:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);width:.625rem;height:.125rem;background-color:var(--color-card);border:none;border-radius:.0625rem}.checkbox__input:disabled{border-color:var(--color-border);background-color:var(--color-bg-secondary);cursor:not-allowed}.checkbox__input:disabled:checked{background-color:var(--color-border);border-color:var(--color-border)}.checkbox__input--error{border-color:var(--color-error)}.checkbox__input--error:checked{background-color:var(--color-error);border-color:var(--color-error)}.checkbox__label{color:var(--color-text);font-size:var(--font-size-9);line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper--disabled .checkbox__label{cursor:not-allowed}.checkbox__error{display:block;color:var(--color-error);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}.checkbox__helper{display:block;color:var(--color-system-text);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}@media (min-width: 768px){.checkbox__label{font-size:var(--font-size-9)}}.radio-wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-2)}.radio-wrapper--disabled{opacity:1;cursor:not-allowed}.radio__container{display:inline-flex;align-items:center;gap:var(--spacing-2);position:relative}.radio__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.25rem;height:1.25rem;border:1px solid var(--color-icon-secondary);border-radius:50%;background-color:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:all .2s ease}.radio__input:not(:disabled):hover{border-color:var(--color-action)}.radio__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.radio__input:checked{border-color:var(--color-action);border-width:1px}.radio__input:checked:before{content:"";position:absolute;inset-inline-start:22%;inset-block-start:22%;width:56%;height:56%;background-color:var(--color-clickable);border-radius:50%;transition:all .2s ease}.radio__input:disabled{border-color:var(--color-border);background-color:transparent;cursor:not-allowed}.radio__input:disabled:checked{border-color:var(--color-icon-secondary)}.radio__input:disabled:checked:before{background-color:var(--color-icon-secondary)}.radio__input--error{border-color:var(--color-error)}.radio__input--error:checked{border-color:var(--color-error)}.radio__label{color:var(--color-text);font-size:var(--font-size-9);font-weight:400;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-wrapper--disabled .radio__label{color:var(--color-system-text);cursor:not-allowed}.radio__error{color:var(--color-error);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}.radio__helper{color:var(--color-system-text);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}@media (min-width: 768px){.radio__input{width:1.25rem;height:1.25rem}}@media (prefers-contrast: high){.radio__input{border-width:2px}.radio__input:checked:before{border:1px solid var(--color-bg)}}@media (prefers-reduced-motion: reduce){.radio__input,.radio__input:before{transition:none}}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5);inline-size:100%;position:relative}.select-wrapper--full-width{inline-size:100%}.select-field{position:relative;display:flex;flex-direction:column;inline-size:100%}.select-field__top{display:flex;align-items:flex-end;block-size:var(--spacing-2)}.select-field__border-left{inline-size:var(--spacing-3);block-size:var(--spacing-2);border-block-start:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);border-block-end:none;border-inline-end:none;border-start-start-radius:var(--radius-md);transition:border-color .2s ease-in-out}.select-field__border-left--floating{border-block-start:var(--border-width-md) solid var(--color-clickable);border-inline-start:var(--border-width-md) solid var(--color-clickable)}.select-field__border-left--error{border-block-start:1px solid var(--color-error);border-inline-start:1px solid var(--color-error)}.select-field__border-left--error.select-field__border-left--floating{border-block-start:var(--border-width-md) solid var(--color-error);border-inline-start:var(--border-width-md) solid var(--color-error)}.select-field__border-left--disabled{opacity:.5}.select-field__label-container{display:flex;align-items:flex-start;padding-inline:var(--spacing-1);padding-block:0}.select-field__border-right{flex:1;min-inline-size:1px;min-block-size:1px;block-size:var(--spacing-2);border-block-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-block-end:none;border-inline-start:none;border-start-end-radius:var(--radius-md);transition:border-color .2s ease-in-out}.select-field__border-right--floating{border-block-start:var(--border-width-md) solid var(--color-clickable);border-inline-end:var(--border-width-md) solid var(--color-clickable)}.select-field__border-right--error{border-block-start:1px solid var(--color-error);border-inline-end:1px solid var(--color-error)}.select-field__border-right--error.select-field__border-right--floating{border-block-start:var(--border-width-md) solid var(--color-error);border-inline-end:var(--border-width-md) solid var(--color-error)}.select-field__border-right--disabled{opacity:.5}.select-field__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:400;line-height:1;color:var(--color-clickable);white-space:nowrap}.select-field__label--floating{color:var(--color-clickable)}.select-field__label--error{color:var(--color-error)}.select-field__label--disabled{opacity:.5}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);inline-size:100%;padding-block-start:var(--spacing-1-5);padding-block-end:var(--spacing-3-5);padding-inline-start:var(--spacing-4);padding-inline-end:var(--spacing-3);background-color:var(--color-card);border-block-start:none;border-block-end:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-end-start-radius:var(--radius-md);border-end-end-radius:var(--radius-md);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-icon-secondary);text-align:start;cursor:pointer;transition-property:border-color;transition-duration:.2s;transition-timing-function:ease-in-out}.select-trigger--floating{color:var(--color-text);border-block-end:var(--border-width-md) solid var(--color-clickable);border-inline-start:var(--border-width-md) solid var(--color-clickable);border-inline-end:var(--border-width-md) solid var(--color-clickable)}.select-trigger--full-width{inline-size:100%}.select-trigger:hover:not(:disabled){border-color:var(--color-clickable)}.select-trigger:focus{outline:none}.select-trigger[data-state=open]{border-color:var(--color-clickable)}.select-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.select-trigger--error{border-color:var(--color-error)}.select-trigger--error:hover:not(:disabled),.select-trigger--error:focus,.select-trigger--error[data-state=open]{border-color:var(--color-error)}.select-trigger__placeholder-label{flex:1;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);color:var(--color-icon-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-trigger__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--spacing-6);block-size:var(--spacing-6);color:var(--color-action)}.select-trigger__icon svg{inline-size:100%;block-size:100%}.select-content{overflow:hidden;z-index:50;min-inline-size:var(--radix-select-trigger-width);max-block-size:var(--radix-select-content-available-height);background-color:var(--color-card);border-radius:var(--radius-md);box-shadow:0 .25rem 1rem #0000001a;animation-duration:.15s;animation-timing-function:ease-out}.select-content[data-state=open]{animation-name:select-content-open}.select-content[data-state=closed]{animation-name:select-content-close}@keyframes select-content-open{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes select-content-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.25rem)}}.select-viewport{padding:var(--spacing-2)}.select-item{display:flex;align-items:center;padding:var(--spacing-2);border-radius:var(--radius-default);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1.5;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background-color .1s ease-in-out}.select-item:hover,.select-item:focus,.select-item[data-highlighted]{background-color:var(--color-bg-secondary)}.select-item[data-state=checked]{background-color:var(--color-bg-secondary)}.select-item[data-disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.select-group-label{padding-block:var(--spacing-2);padding-inline:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:500;color:var(--color-system-text)}.select-separator{block-size:1px;margin-block:var(--spacing-1);background-color:var(--color-border)}.select__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-4)}.select__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-4)}.tabs-list{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding:var(--spacing-1);gap:var(--spacing-1);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-icon-secondary)}.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding-inline:var(--spacing-3);padding-block:var(--spacing-1-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-default);background-color:transparent;color:var(--color-icon-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.tabs-trigger:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;z-index:1}.tabs-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.tabs-trigger[data-state=active]{background-color:var(--color-card);color:var(--color-text);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.tabs-trigger:hover:not([data-state=active]):not(:disabled){background-color:var(--color-border);color:var(--color-text)}.tabs-content{margin-block-start:var(--spacing-2)}.tabs-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-default)}@media (max-width: 639px){.tabs-list{inline-size:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tabs-trigger{padding-inline:var(--spacing-4);padding-block:var(--spacing-2)}}.alert{position:relative;display:flex;gap:var(--spacing-3);padding-inline:var(--spacing-4);padding-block:var(--spacing-3);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;border:1px solid;border-radius:var(--radius-md)}.alert--info{background-color:var(--color-clickable-light, rgba(47, 157, 178, .05));border-color:var(--color-clickable-light, rgba(47, 157, 178, .2));color:var(--color-clickable)}.alert--success{background-color:var(--color-success-light, rgba(76, 175, 80, .05));border-color:var(--color-success-light, rgba(76, 175, 80, .2));color:var(--color-success, #4caf50)}.alert--warning{background-color:var(--color-warning-light, rgba(255, 152, 0, .05));border-color:var(--color-warning-light, rgba(255, 152, 0, .2));color:var(--color-warning, #ff9800)}.alert--error{background-color:var(--color-error-light, rgba(255, 104, 104, .05));border-color:var(--color-error-light, rgba(255, 104, 104, .2));color:var(--color-error)}.alert__icon{display:inline-flex;align-items:flex-start;justify-content:center;flex-shrink:0;margin-block-start:.125rem}.alert--info .alert__icon{color:var(--color-clickable)}.alert--success .alert__icon{color:var(--color-success, #4caf50)}.alert--warning .alert__icon{color:var(--color-warning, #ff9800)}.alert--error .alert__icon{color:var(--color-error)}.alert__content{flex:1;min-inline-size:0}.alert__title{font-weight:600;margin-block-end:var(--spacing-1);line-height:1.3}@media (min-width: 768px){.alert{padding-inline:var(--spacing-5);padding-block:var(--spacing-4)}}.card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card);overflow:hidden}.card--default{border:1px solid var(--color-border);background-color:var(--color-card)}.card--outlined{border:2px solid var(--color-system-text);background-color:var(--color-card)}.card--elevated{border:1px solid var(--color-border);background-color:var(--color-card);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d}.card-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-6)}.card-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text)}.card-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}.card-content{padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}.card-footer{display:flex;align-items:center;gap:var(--spacing-4);padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}@media (max-width: 639px){.card-header,.card-content,.card-footer{padding-inline:var(--spacing-4);padding-block:var(--spacing-4)}.card-content,.card-footer{padding-block-start:0}}.datatable-wrapper{inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}.datatable{inline-size:100%;border-collapse:collapse;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-text)}.datatable__head{border-block-end:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.datatable__header-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);text-align:start;font-weight:600;color:var(--color-system-text)}.datatable__body-row{border-block-end:1px solid var(--color-border)}.datatable__body-row.datatable__body-row--hoverable:hover{background-color:var(--color-bg)}.datatable__body-row.datatable__body-row--striped:nth-child(2n){background-color:var(--color-bg)}.datatable__body-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);color:var(--color-text)}.datatable__empty{padding:var(--spacing-12);text-align:center;color:var(--color-icon-secondary);font-style:italic}@media (max-width: 639px){.datatable__header-cell,.datatable__body-cell{padding-inline:var(--spacing-2);padding-block:var(--spacing-2);font-size:var(--font-size-10)}.datatable__empty{padding:var(--spacing-8)}}.chip{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-1);padding-inline:var(--spacing-3);border-radius:var(--radius-default);border-width:var(--border-width-default);border-style:solid;font-size:var(--font-size-9);line-height:1;font-weight:400;transition:all .2s ease-in-out;cursor:default;-webkit-user-select:none;user-select:none}.chip__label{white-space:nowrap}.chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 10%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 30%,transparent);color:var(--color-clickable)}.chip--primary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-clickable) 15%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 40%,transparent)}.chip--primary.chip--selected{background-color:var(--color-clickable);border-color:var(--color-clickable);color:var(--color-card)}.chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 10%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 30%,transparent);color:var(--color-toggle)}.chip--secondary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-toggle) 15%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 40%,transparent)}.chip--secondary.chip--selected{background-color:var(--color-toggle);border-color:var(--color-toggle);color:var(--color-card)}.chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 10%,transparent);border-color:color-mix(in srgb,var(--color-popup) 30%,transparent);color:var(--color-popup)}.chip--tertiary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-popup) 15%,transparent);border-color:color-mix(in srgb,var(--color-popup) 40%,transparent)}.chip--tertiary.chip--selected{background-color:var(--color-popup);border-color:var(--color-popup);color:var(--color-card)}.chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent);color:var(--color-secondary)}.chip--quaternary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-secondary) 15%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 40%,transparent)}.chip--quaternary.chip--selected{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-card)}.chip--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (min-width: 768px){.chip{padding-inline:var(--spacing-3-5)}}@media (min-width: 1024px){.chip{padding-inline:var(--spacing-3)}}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.chip-group{display:block;width:100%;position:relative;overflow:visible}.chip-group__container{display:flex;flex-wrap:nowrap;gap:var(--spacing-2);align-items:center}.chip-group__item-wrapper{display:inline-flex;flex-shrink:0}.chip-group__item{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-1);cursor:pointer;outline:none;transition:all .2s ease-in-out;border-radius:var(--radius-default)}.chip-group__item:hover:not([aria-disabled=true]){cursor:pointer}.chip-group__item:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--spacing-0-5);border-radius:var(--radius-default)}.chip-group__item:focus-visible:not(:focus){outline:none}.chip-group__item:active:not([aria-disabled=true]){transform:scale(.98)}.chip-group__item[aria-disabled=true]{cursor:not-allowed}.chip-group__item .chip{cursor:pointer}.chip-group__item[aria-disabled=true] .chip{cursor:not-allowed}.chip-group__remove{position:absolute;inset-inline-end:var(--spacing-1);inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--spacing-4);height:var(--spacing-4);padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-round);transition:background-color .2s ease-in-out;color:currentColor}.chip-group__remove:hover{background-color:color-mix(in srgb,currentColor 20%,transparent)}.chip-group__remove:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--border-width-default)}.chip-group__item:has(.chip-group__remove) .chip{padding-inline-end:var(--spacing-6)}.chip-group__overflow{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}.chip-group__overflow .chip{transition:all .2s ease-in-out}.chip-group__overflow .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 20%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 50%,transparent);color:var(--color-clickable);cursor:pointer}.chip-group__overflow .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 20%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 50%,transparent);color:var(--color-toggle);cursor:pointer}.chip-group__overflow .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 20%,transparent);border-color:color-mix(in srgb,var(--color-popup) 50%,transparent);color:var(--color-popup);cursor:pointer}.chip-group__overflow .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 20%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 50%,transparent);color:var(--color-secondary);cursor:pointer}.chip-group__overflow:hover .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 25%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 60%,transparent)}.chip-group__overflow:hover .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 25%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 60%,transparent)}.chip-group__overflow:hover .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 25%,transparent);border-color:color-mix(in srgb,var(--color-popup) 60%,transparent)}.chip-group__overflow:hover .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 25%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 60%,transparent)}.chip-group__tooltip{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding-block:var(--spacing-2);padding-inline:var(--spacing-3);background-color:var(--color-text);color:var(--color-card);border:none;border-radius:var(--radius-default);font-size:var(--font-size-8);line-height:normal;animation:tooltipFadeIn .2s ease-in-out;display:flex;flex-direction:column;gap:var(--spacing-2);pointer-events:none}.chip-group__tooltip-item{white-space:pre-wrap;word-break:break-word;min-width:100%;width:min-content}.chip-group__dropdown{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding:0;background-color:var(--color-card);border:none;border-radius:var(--radius-md);box-shadow:0 0 var(--spacing-4) #0000001a;animation:tooltipFadeIn .2s ease-in-out;overflow:hidden}.chip-group__dropdown-item{padding-block:var(--spacing-2-5);padding-inline:var(--spacing-3);font-size:var(--font-size-9);color:var(--color-grey-07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .15s ease-in-out;width:100%}.chip-group__dropdown-item:first-child{background-color:var(--color-bg)}.chip-group__dropdown-item:hover:not(.chip-group__dropdown-item--disabled){background-color:var(--color-bg)}.chip-group__dropdown-item--disabled{opacity:.4;cursor:not-allowed}.chip-group__tooltip:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-text) transparent transparent transparent}.chip-group__dropdown:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-card) transparent transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;translate:-50% calc(var(--spacing-1) * -1)}to{opacity:1;translate:-50% 0}}.chip-group--disabled{opacity:.4;pointer-events:none}@media (min-width: 768px){.chip-group__container{gap:var(--spacing-2-5)}}@media (min-width: 1024px){.chip-group__container{gap:var(--spacing-2)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#191a3980;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.dialog-overlay[data-state=open]{animation-name:dialog-overlay-fade-in}.dialog-overlay[data-state=closed]{animation-name:dialog-overlay-fade-out}.dialog-content{position:fixed;inset-inline-start:50%;inset-block-start:50%;z-index:50;transform:translate(-50%,-50%);display:grid;gap:var(--spacing-4);inline-size:100%;max-inline-size:32rem;padding:var(--spacing-6);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.dialog-content[data-state=open]{animation-name:dialog-content-show}.dialog-content[data-state=closed]{animation-name:dialog-content-hide}.dialog-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.dialog-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);text-align:center}@media (min-width: 640px){.dialog-header{text-align:start}}.dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--spacing-2)}@media (min-width: 640px){.dialog-footer{flex-direction:row;justify-content:flex-end;gap:var(--spacing-2)}}.dialog-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text);letter-spacing:-.01em}.dialog-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-content-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}@media (max-width: 639px){.dialog-content{inline-size:calc(100% - var(--spacing-8));max-inline-size:calc(100% - var(--spacing-8));padding:var(--spacing-5)}}.stack{display:flex}.stack--horizontal{flex-direction:row}.stack--vertical{flex-direction:column}.stack--spacing-0{gap:0}.stack--spacing-1{gap:var(--spacing-1)}.stack--spacing-2{gap:var(--spacing-2)}.stack--spacing-3{gap:var(--spacing-3)}.stack--spacing-4{gap:var(--spacing-4)}.stack--spacing-5{gap:var(--spacing-5)}.stack--spacing-6{gap:var(--spacing-6)}.stack--spacing-8{gap:var(--spacing-8)}.stack--spacing-10{gap:var(--spacing-10)}.stack--spacing-12{gap:var(--spacing-12)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--wrap{flex-wrap:wrap}@media (max-width: 639px){.stack--horizontal.stack--responsive{flex-direction:column}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adam-milo/ui",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "type": "module",
   "description": "Adam Milo Design System - UI Component Library",
   "keywords": [
@@ -62,6 +62,7 @@
     "@adam-milo/icons": "*",
     "@adam-milo/tokens": "*",
     "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-tabs": "^1.0.4",
     "clsx": "^2.1.0",
     "tailwind-merge": "^3.4.0"

package/dist/index19.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=/^[-!#$%&'*+\/0-9=?A-Z^_a-z{|}~](\.?[-!#$%&'*+\/0-9=?A-Z^_a-z`{|}~])*@[a-zA-Z0-9](-*\.?[a-zA-Z0-9])*\.[a-zA-Z](-?[a-zA-Z0-9])+$/;exports.validate=function(e){if(!e)return!1;if(e.length>254)return!1;if(!t.test(e))return!1;var r=e.split("@");return!(r[0].length>64)&&!r[1].split(".").some(function(t){return t.length>63})};

package/dist/index19.js

@@ -1,22 +0,0 @@
-var tester = /^[-!#$%&'*+\/0-9=?A-Z^_a-z{|}~](\.?[-!#$%&'*+\/0-9=?A-Z^_a-z`{|}~])*@[a-zA-Z0-9](-*\.?[a-zA-Z0-9])*\.[a-zA-Z](-?[a-zA-Z0-9])+$/;
-var validate = function(email) {
-  if (!email)
-    return false;
-  if (email.length > 254)
-    return false;
-  var valid = tester.test(email);
-  if (!valid)
-    return false;
-  var parts = email.split("@");
-  if (parts[0].length > 64)
-    return false;
-  var domainParts = parts[1].split(".");
-  if (domainParts.some(function(part) {
-    return part.length > 63;
-  }))
-    return false;
-  return true;
-};
-export {
-  validate
-};

package/dist/index30.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});process.env.NODE_ENV;exports.devWarn=e=>{};

package/dist/index30.js

@@ -1,9 +0,0 @@
-const isDev = process.env.NODE_ENV !== "production";
-const devWarn = (message) => {
-  if (isDev) {
-    console.warn(message);
-  }
-};
-export {
-  devWarn
-};