@owodesign/owoui 0.1.7-beta → 0.1.7

package/dist/index.css

@@ -1,4 +1,4 @@
 @layer owoui.components {
-.root{--avatar-bg: var(--owo-cmp-surface-bg-inset);--avatar-text: var(--owo-cmp-text-secondary);--avatar-border: transparent;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--owo-cmp-control-radius-full);font-weight:500;user-select:none;background:var(--avatar-bg);color:var(--avatar-text);border:1px solid var(--avatar-border)}.root[data-size=xs]{height:1.5rem;width:1.5rem;font-size:10px}.root[data-size=sm]{height:2rem;width:2rem;font-size:.75rem;line-height:1rem}.root[data-size=md]{height:2.5rem;width:2.5rem;font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{height:3.5rem;width:3.5rem;font-size:1.125rem;line-height:1.75rem}.root>img{height:100%;width:100%;object-fit:cover}.root[data-tone=subtle]{--avatar-bg: var(--owo-cmp-surface-bg-subtle);--avatar-text: var(--owo-cmp-text-muted)}.root{--badge-bg: var(--owo-cmp-surface-bg-inset);--badge-text: var(--owo-cmp-text-secondary);--badge-border: transparent;display:inline-flex;align-items:center;border-radius:var(--owo-cmp-control-radius-full);border:1px solid var(--badge-border);color:var(--badge-text);background:var(--badge-bg)}.root[data-size=xs]{padding:.25rem .625rem;font-size:11px}.root[data-size=sm]{padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500}.root[data-variant=outline]{--badge-bg: transparent;--badge-border: var(--owo-cmp-surface-border)}.root[data-tone=info]{--badge-bg: var(--owo-cmp-info-bg);--badge-text: var(--owo-cmp-info-text);--badge-border: var(--owo-cmp-info-border)}.root[data-tone=info][data-variant=outline]{--badge-bg: transparent}.root[data-tone=success]{--badge-bg: var(--owo-cmp-success-bg);--badge-text: var(--owo-cmp-success-text);--badge-border: var(--owo-cmp-success-border)}.root[data-tone=success][data-variant=outline]{--badge-bg: transparent}.root[data-tone=warning]{--badge-bg: var(--owo-cmp-warning-bg);--badge-text: var(--owo-cmp-warning-text);--badge-border: var(--owo-cmp-warning-border)}.root[data-tone=warning][data-variant=outline]{--badge-bg: transparent}.root[data-tone=danger]{--badge-bg: var(--owo-cmp-danger-bg);--badge-text: var(--owo-cmp-danger-text);--badge-border: var(--owo-cmp-danger-border)}.root[data-tone=danger][data-variant=outline]{--badge-bg: transparent}.root{display:inline-flex}.root[data-animate=spin]{animation:owo-spin 1s linear infinite}@keyframes owo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.root[data-animate=spin]{animation:none}}.root{--button-bg: var(--owo-cmp-surface-bg);--button-bg-hover: var(--owo-cmp-surface-bg-inset);--button-bg-active: var(--owo-cmp-surface-bg-subtle);--button-text: var(--owo-cmp-text-primary);--button-border: var(--owo-cmp-surface-border);--button-ring: var(--owo-cmp-control-focus-ring);--button-disabled-opacity: .5;display:inline-flex;align-items:center;justify-content:center;padding:0;gap:.5rem;border-radius:var(--owo-cmp-control-radius-md);border:1px solid var(--button-border);font-weight:500;transition-property:color,background-color,border-color;transition-duration:.15s;appearance:none;background:var(--button-bg);color:var(--button-text)}.root[data-size=xs]{min-height:var(--owo-cmp-control-height-xs);padding-inline:.625rem;font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{min-height:var(--owo-cmp-control-height-sm);padding-inline:.75rem;font-size:.75rem;line-height:1rem}.root[data-size=md]{min-height:var(--owo-cmp-control-height-md);padding-inline:1rem;font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{min-height:var(--owo-cmp-control-height-lg);padding-inline:1.125rem;font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{min-height:var(--owo-cmp-control-height-xl);padding-inline:1.25rem;font-size:1rem;line-height:1.5rem}.root:focus-visible{box-shadow:inset 0 0 0 2px var(--button-ring);outline:none}.root:hover{background:var(--button-bg-hover)}.root:active{background:var(--button-bg-active)}.root:disabled{cursor:not-allowed;opacity:var(--button-disabled-opacity)}.root[data-loading=true]{pointer-events:none;cursor:wait}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.icon svg{display:block}.label{display:inline-flex;align-items:center}.root[data-variant=primary]{--button-bg: var(--owo-cmp-accent-bg);--button-bg-hover: var(--owo-cmp-accent-bg-hover);--button-bg-active: color-mix(in srgb, var(--owo-cmp-accent-bg-hover) 88%, black);--button-text: var(--owo-cmp-accent-text);--button-border: transparent}.root[data-variant=ghost]{--button-bg: transparent;--button-bg-hover: var(--owo-cmp-surface-bg-inset);--button-bg-active: var(--owo-cmp-surface-bg-subtle);--button-text: var(--owo-cmp-text-secondary);--button-border: transparent}.root[data-variant=danger]{--button-bg: var(--owo-cmp-danger-bg);--button-bg-hover: color-mix(in srgb, var(--owo-cmp-danger-bg) 92%, var(--owo-cmp-danger-border));--button-bg-active: color-mix(in srgb, var(--owo-cmp-danger-bg) 84%, var(--owo-cmp-danger-border));--button-text: var(--owo-cmp-danger-text);--button-border: var(--owo-cmp-danger-border);--button-ring: var(--owo-cmp-danger-border)}:where(.root [data-part=trigger]){border:0;padding:0;appearance:none;background:var(--collapsible-trigger-bg, transparent);color:inherit;font:inherit;cursor:pointer;transition:background-color .18s ease,color .18s ease}:where(.root [data-part=trigger]:hover){background:var(--collapsible-trigger-bg-hover, var(--collapsible-trigger-bg, transparent))}:where(.root [data-part=trigger][data-state=open]){background:var(--collapsible-trigger-bg-open, var(--collapsible-trigger-bg-hover, var(--collapsible-trigger-bg, transparent)))}:where(.root [data-part=content]){height:auto;overflow:hidden;transition:height .18s ease;background:var(--collapsible-content-bg, transparent)}.triggerInner{display:flex;width:100%;align-items:center;gap:var(--collapsible-trigger-gap, .75rem)}.triggerIcon,.triggerIndicator{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;line-height:0;color:inherit}.triggerLabel{min-width:0;flex:1 1 auto;text-align:inherit}.contentInner{min-height:0}.overlay{position:fixed;inset:0;z-index:var(--owo-cmp-z-modal);display:flex;align-items:center;justify-content:center}.overlay [data-part=backdrop]{position:absolute;inset:0;padding:0;border:0;background:var(--owo-cmp-overlay-bg);animation:dialog-backdrop-in .2s var(--owo-cmp-motion-ease-standard)}.panel{position:relative;z-index:10;width:100%;border-radius:var(--owo-cmp-control-radius-xl);background:var(--owo-cmp-surface-bg-raised);border:1px solid var(--owo-cmp-surface-border);color:var(--owo-cmp-text-primary);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:dialog-in .2s var(--owo-cmp-motion-ease-standard)}.panel[data-size=sm]{max-width:26rem}.panel[data-size=md]{max-width:32rem}.overlay [data-part=header]{padding:1.25rem 1.25rem .25rem;font-size:1rem;line-height:1.5;font-weight:600;color:var(--owo-cmp-text-primary)}.overlay [data-part=body]{padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-secondary)}.overlay [data-part=footer]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem 1.25rem}.confirmDescription{white-space:pre-wrap}@keyframes dialog-in{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}.trigger{border:0;padding:0;appearance:none;background:transparent;color:inherit;font:inherit}.content{min-width:12rem;overflow-y:auto;border:1px solid var(--owo-cmp-surface-border);border-radius:var(--owo-cmp-control-radius-lg);background:var(--owo-cmp-surface-bg-raised);box-shadow:var(--_owo-dropdown-menu-shadow, var(--owo-cmp-surface-shadow-strong));padding:.375rem;color:var(--owo-cmp-text-primary);outline:none;z-index:var(--owo-cmp-z-dropdown);animation:owo-dropdown-menu-in var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard)}.content[data-side=top]{transform-origin:bottom center}.content[data-side=bottom]{transform-origin:top center}.content[data-side=left]{transform-origin:center right}.content[data-side=right]{transform-origin:center left}.content [data-part=group]+[data-part=group]{margin-top:.375rem;padding-top:.375rem;border-top:1px solid color-mix(in srgb,var(--owo-cmp-surface-border) 80%,transparent)}.content [data-part=label]{padding:.35rem .625rem .25rem;font-size:.675rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.content [data-part=separator]{margin:.375rem .25rem;border-top:1px solid color-mix(in srgb,var(--owo-cmp-surface-border) 82%,transparent)}.content [data-part=item],.subTrigger{display:flex;width:100%;align-items:center;gap:.75rem;border:0;border-radius:calc(var(--owo-cmp-control-radius-md) - .125rem);background:transparent;padding:.625rem .75rem;text-align:left;color:inherit;cursor:default;transition:background-color var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard),color var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard);appearance:none}.content [data-part=item]:hover,.content [data-part=item][data-highlighted],.subTrigger:hover,.subTrigger[data-highlighted]{background:var(--owo-cmp-surface-bg-inset)}.content [data-part=item][data-selected]{background:color-mix(in srgb,var(--owo-cmp-accent-bg) 10%,var(--owo-cmp-surface-bg-raised))}.content [data-part=item][data-selected] .itemMain{color:var(--owo-cmp-text-primary);font-weight:600}.content [data-part=item][data-disabled],.subTrigger[data-disabled]{opacity:.5;cursor:not-allowed}.content [data-part=item][data-destructive],.subTrigger[data-destructive]{color:var(--owo-cmp-danger-text)}.itemInset{padding-left:1rem}.itemMain{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcut,.indicator,.submenuIndicator{flex:0 0 auto;color:var(--owo-cmp-text-muted);font-size:.75rem}.indicator{min-width:1rem;text-align:center;color:var(--owo-cmp-accent-bg);font-weight:700}.subTrigger[data-state=open]{background:var(--owo-cmp-surface-bg-inset)}@keyframes owo-dropdown-menu-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.panel{--drawer-surface: var(--owo-cmp-surface-bg-raised);--drawer-border: var(--owo-cmp-surface-border);--drawer-shadow: var(--owo-cmp-surface-shadow-strong);z-index:calc(var(--owo-cmp-z-modal) + 1);display:flex;max-width:100%;flex-direction:column;will-change:transform;transform:translate(0);transition:transform var(--owo-cmp-motion-duration-default) var(--owo-cmp-motion-ease-standard);background:var(--drawer-surface);border-color:var(--drawer-border);box-shadow:var(--drawer-shadow)}.panel[data-position=fixed]{position:fixed}.panel[data-position=absolute]{position:absolute}.panel[data-side=left]{left:0;top:0}.panel[data-side=right]{right:0;top:0}.panel[data-state=open]{pointer-events:auto;visibility:visible;transform:translate(0)}.panel[data-state=closed]{pointer-events:none;visibility:hidden}.panel[data-state=closed][data-side=left]{transform:translate(-100%)}.panel[data-state=closed][data-side=right]{transform:translate(100%)}.backdrop{--drawer-backdrop: var(--owo-cmp-overlay-bg);inset:0;z-index:var(--owo-cmp-z-modal);padding:0;border:0;background:var(--drawer-backdrop)}.backdrop[data-position=fixed]{position:fixed}.backdrop[data-position=absolute]{position:absolute}.root{--field-label: var(--owo-cmp-text-secondary);--field-help: var(--owo-cmp-text-muted);display:block}.root .label{display:block;margin-bottom:.25rem;font-size:.75rem;line-height:1rem;color:var(--field-label)}.root .help{display:block;margin-top:.25rem;font-size:.75rem;line-height:1rem;color:var(--field-help)}.root{--icon-button-bg: transparent;--icon-button-bg-hover: var(--owo-cmp-surface-bg-inset);--icon-button-bg-active: var(--owo-cmp-surface-bg-subtle);--icon-button-text: var(--owo-cmp-text-muted);--icon-button-ring: var(--owo-cmp-control-focus-ring);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--owo-cmp-control-radius-md);transition-property:color,background-color;transition-duration:.15s;background:var(--icon-button-bg);color:var(--icon-button-text)}.root[data-size=xs]{height:var(--owo-cmp-control-height-xs);width:var(--owo-cmp-control-height-xs)}.root[data-size=sm]{height:var(--owo-cmp-control-height-sm);width:var(--owo-cmp-control-height-sm)}.root[data-size=md]{height:var(--owo-cmp-control-height-md);width:var(--owo-cmp-control-height-md)}.root[data-size=lg]{height:var(--owo-cmp-control-height-lg);width:var(--owo-cmp-control-height-lg)}.root[data-size=xl]{height:var(--owo-cmp-control-height-xl);width:var(--owo-cmp-control-height-xl)}.root:focus-visible{box-shadow:inset 0 0 0 2px var(--icon-button-ring);outline:none}.root:hover{background:var(--icon-button-bg-hover);color:var(--owo-cmp-text-primary)}.root:active{background:var(--icon-button-bg-active)}.root[data-variant=subtle]{--icon-button-bg: var(--owo-cmp-surface-bg-inset);--icon-button-bg-hover: var(--owo-cmp-surface-bg-subtle);--icon-button-bg-active: var(--owo-cmp-surface-bg-raised);--icon-button-text: var(--owo-cmp-text-primary)}.root{--field-bg: var(--owo-cmp-surface-bg);--field-border: var(--owo-cmp-surface-border);--field-text: var(--owo-cmp-text-primary);--field-placeholder: var(--owo-cmp-text-muted);--field-ring: var(--owo-cmp-control-focus-ring);background:var(--field-bg);border:1px solid var(--field-border);color:var(--field-text);width:100%;min-height:var(--owo-cmp-control-height-md);border-radius:var(--owo-cmp-control-radius-md);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.root[data-size=xs]{min-height:var(--owo-cmp-control-height-xs);padding:.25rem .5rem;font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{min-height:var(--owo-cmp-control-height-sm);padding:.375rem .625rem;font-size:.75rem;line-height:1rem}.root[data-size=lg]{min-height:var(--owo-cmp-control-height-lg);padding:.5625rem .875rem;font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{min-height:var(--owo-cmp-control-height-xl);padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}.root::placeholder{color:var(--field-placeholder)}.root:hover:not(:disabled){--field-border: var(--owo-cmp-surface-border-strong)}.root:focus-visible{outline:none;--field-border: var(--field-ring);box-shadow:none}.root[data-tone=warning]{--field-border: var(--owo-cmp-warning-border);--field-ring: var(--owo-cmp-warning-border)}.root{--panel-bg: var(--owo-cmp-surface-bg);--panel-border: var(--owo-cmp-surface-border);--panel-section-border: var(--owo-cmp-surface-border);--panel-shadow: none;border-radius:var(--owo-cmp-control-radius-lg);border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow)}.root[data-padding=sm]{padding:1rem}.root[data-padding=md]{padding:1.25rem}.root[data-padding=lg]{padding:1.5rem}.root [data-part=header]{border-bottom:1px solid var(--panel-section-border);padding:1.25rem 1.5rem}.root [data-part=body]{padding:1.25rem 1.5rem}.root [data-part=footer]{border-top:1px solid var(--panel-section-border);padding:1rem 1.5rem}.root[data-variant=subtle]{--panel-bg: var(--owo-cmp-surface-bg-subtle)}.root[data-variant=raised]{--panel-bg: var(--owo-cmp-surface-bg-raised);--panel-shadow: var(--owo-cmp-surface-shadow)}.root{--segmented-bg: var(--owo-cmp-surface-bg-inset);--segmented-border: var(--owo-cmp-surface-border);--segmented-item-text: var(--owo-cmp-text-muted);--segmented-item-hover-text: var(--owo-cmp-text-secondary);--segmented-item-active-bg: var(--owo-cmp-surface-bg-raised);--segmented-item-active-text: var(--owo-cmp-text-primary);--segmented-ring: var(--owo-cmp-control-focus-ring);display:inline-flex;border-radius:var(--owo-cmp-control-radius-md);padding:.125rem;background:var(--segmented-bg);box-shadow:0 0 0 1px var(--segmented-border)}.root[data-size=xs]{font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{font-size:.75rem;line-height:1rem}.root[data-size=md]{font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{font-size:1rem;line-height:1.5rem}.item{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--owo-cmp-control-radius-sm);background:transparent;font-weight:500;transition:color .15s,background-color .15s;color:var(--segmented-item-text)}.item:focus{outline:none}.item:focus-visible{box-shadow:inset 0 0 0 1px var(--segmented-ring)}.item:disabled{cursor:not-allowed;opacity:.5}.item:hover{color:var(--segmented-item-hover-text)}.item[data-active=true]{background:var(--segmented-item-active-bg);color:var(--segmented-item-active-text)}.root[data-size=xs]>.item{min-height:calc(var(--owo-cmp-control-height-xs) - .25rem);padding:.125rem .5rem}.root[data-size=sm]>.item{min-height:calc(var(--owo-cmp-control-height-sm) - .25rem);padding:.25rem .625rem}.root[data-size=md]>.item{min-height:calc(var(--owo-cmp-control-height-md) - .25rem);padding:.375rem .75rem}.root[data-size=lg]>.item{min-height:calc(var(--owo-cmp-control-height-lg) - .25rem);padding:.5rem .875rem}.root[data-size=xl]>.item{min-height:calc(var(--owo-cmp-control-height-xl) - .25rem);padding:.625rem 1rem}.root{position:relative;display:inline-block}.root [data-part=trigger]{--select-bg: var(--owo-cmp-surface-bg);--select-border: var(--owo-cmp-surface-border);--select-text: var(--owo-cmp-text-primary);--select-ring: var(--owo-cmp-control-focus-ring);display:flex;width:100%;align-items:center;justify-content:space-between;padding:0;gap:.5rem;border-radius:var(--owo-cmp-control-radius-md);text-align:left;transition:color .15s,background-color .15s,border-color .15s;appearance:none;background:var(--select-bg);border:.5px solid var(--select-border);color:var(--select-text)}.root [data-part=trigger]:focus-visible{outline:none;--select-border: var(--select-ring);box-shadow:none}.root [data-part=trigger][data-size=xs]{height:var(--owo-cmp-control-height-xs);min-height:var(--owo-cmp-control-height-xs);padding:0 .5rem;font-size:.6875rem;line-height:.875rem}.root [data-part=trigger][data-size=sm]{height:var(--owo-cmp-control-height-sm);min-height:var(--owo-cmp-control-height-sm);padding:0 .5rem;font-size:.75rem;line-height:1rem}.root [data-part=trigger][data-size=md]{height:var(--owo-cmp-control-height-md);min-height:var(--owo-cmp-control-height-md);padding:0 .75rem;font-size:.875rem;line-height:1.25rem}.root [data-part=trigger][data-size=lg]{height:var(--owo-cmp-control-height-lg);min-height:var(--owo-cmp-control-height-lg);padding:0 .875rem;font-size:.9375rem;line-height:1.375rem}.root [data-part=trigger][data-size=xl]{height:var(--owo-cmp-control-height-xl);min-height:var(--owo-cmp-control-height-xl);padding:0 1rem;font-size:1rem;line-height:1.5rem}.root [data-part=trigger]:hover:not(:disabled){--select-border: var(--owo-cmp-surface-border-strong)}.root [data-part=trigger][data-state=open]{--select-border: var(--owo-cmp-surface-border-strong)}.root [data-part=trigger][data-tone=warning]{--select-border: var(--owo-cmp-warning-border);--select-ring: var(--owo-cmp-warning-border)}.valueText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder{color:var(--owo-cmp-text-muted)}.root [data-part=chevron]{width:.875rem;height:.875rem;flex-shrink:0;transition:transform .15s;color:var(--owo-cmp-text-muted)}.root [data-part=chevron][data-state=open]{transform:rotate(180deg)}.root [data-part=dropdown]{--select-dropdown-shadow: var(--owo-cmp-surface-shadow-strong);position:absolute;z-index:var(--owo-cmp-z-dropdown);margin-top:.25rem;max-height:15rem;width:100%;overflow:auto;border:1px solid var(--owo-cmp-surface-border);border-radius:var(--owo-cmp-control-radius-md);padding:.25rem 0;background:var(--owo-cmp-surface-bg-raised);box-shadow:var(--select-dropdown-shadow)}.root [data-part=dropdown][data-size=sm]{font-size:.75rem;line-height:1rem}.root [data-part=dropdown][data-size=md]{font-size:.875rem;line-height:1.25rem}.root [data-part=dropdown][data-size=xs]{font-size:.6875rem;line-height:.875rem}.root [data-part=dropdown][data-size=lg]{font-size:.9375rem;line-height:1.375rem}.root [data-part=dropdown][data-size=xl]{font-size:1rem;line-height:1.5rem}.root [data-part=option]{cursor:default;user-select:none;padding:.375rem .75rem;transition:background-color .15s}.root [data-part=option][data-disabled]{cursor:not-allowed;opacity:.5}.root [data-part=option][data-focused]{background:var(--owo-cmp-surface-bg-inset)}.root [data-part=option][data-selected]{color:var(--owo-cmp-accent-bg);font-weight:500}.root{border-radius:var(--owo-cmp-control-radius-sm);--_owo-skeleton-scan-duration: 3.6s;--skeleton-bg: linear-gradient( 180deg, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 94%, white) 0%, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 100%, var(--owo-cmp-surface-border)) 100% );--skeleton-bg-emphasis: linear-gradient( 180deg, color-mix(in srgb, var(--owo-cmp-surface-bg-subtle) 78%, var(--owo-ref-color-highlight-soft)) 0%, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 86%, var(--owo-cmp-surface-border)) 100% );--skeleton-sheen: linear-gradient( 100deg, transparent 0%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 10%, transparent) 28%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 35%, transparent) 40%, var(--owo-ref-color-highlight-sheen) 50%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 35%, transparent) 60%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 10%, transparent) 72%, transparent 100% );--skeleton-top-highlight: var(--owo-ref-color-highlight-soft);position:relative;overflow:hidden;background:var(--skeleton-bg);box-shadow:inset 0 1px 0 var(--skeleton-top-highlight);transform:translateZ(0)}.root[data-tone=emphasis]{background:var(--skeleton-bg-emphasis)}.root:before{content:"";position:absolute;inset:0;background:inherit;opacity:.84}.root:after{content:"";position:absolute;inset:-35%;background:var(--skeleton-sheen);transform:translate(-140%) skew(-14deg);opacity:0;will-change:transform,opacity}.root[data-animation=pulse]:after{display:none}.root[data-animation=pulse]:before{animation:owo-skeleton-breathe 2.6s var(--owo-cmp-motion-ease-standard) infinite}.root[data-animation=scan]:before{opacity:1;filter:none}.root[data-animation=scan]:after{opacity:1;animation:owo-skeleton-scan var(--_owo-skeleton-scan-duration) cubic-bezier(.3,0,.2,1) infinite}@keyframes owo-skeleton-breathe{0%,to{opacity:.8;filter:saturate(.96) brightness(.98)}50%{opacity:1;filter:saturate(1.04) brightness(1.04)}}@keyframes owo-skeleton-scan{0%{transform:translate(-140%) skew(-14deg);opacity:0}18%{opacity:.82}52%{transform:translate(6%) skew(-14deg);opacity:1}82%{opacity:.82}to{transform:translate(140%) skew(-14deg);opacity:0}}@media(prefers-reduced-motion:reduce){.root:before{animation:none;opacity:.94;filter:none}.root:after{animation:none;opacity:0}}.root{--status-notice-bg: var(--owo-feedback-neutral-bg);--status-notice-border: var(--owo-feedback-neutral-border);--status-notice-text: var(--owo-feedback-neutral-text);--status-notice-icon: var(--owo-feedback-neutral-icon);border-radius:var(--owo-cmp-control-radius-md);border-width:1px;border-style:solid;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;background:var(--status-notice-bg);border-color:var(--status-notice-border);color:var(--status-notice-text)}.withIcon{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem}.icon{color:var(--status-notice-icon)}.root:not([data-layout=vertical]) .icon{margin-top:.125rem;flex-shrink:0}.text{min-width:0}.title{font-weight:500;color:var(--owo-cmp-text-primary)}.root[data-layout=vertical]{border-radius:var(--owo-cmp-control-radius-lg)}.root[data-layout=vertical] .body{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;text-align:center}.root[data-layout=vertical] .icon{font-size:1.125rem;line-height:1.75rem}.root[data-layout=vertical] .title{color:var(--status-notice-text)}.root[data-layout=vertical] .action{margin-top:.5rem}.root[data-tone=info]{--status-notice-bg: var(--owo-feedback-info-bg);--status-notice-border: var(--owo-feedback-info-border);--status-notice-text: var(--owo-feedback-info-text);--status-notice-icon: var(--owo-feedback-info-icon)}.root[data-tone=success]{--status-notice-bg: var(--owo-feedback-success-bg);--status-notice-border: var(--owo-feedback-success-border);--status-notice-text: var(--owo-feedback-success-text);--status-notice-icon: var(--owo-feedback-success-icon)}.root[data-tone=warning]{--status-notice-bg: var(--owo-feedback-warning-bg);--status-notice-border: var(--owo-feedback-warning-border);--status-notice-text: var(--owo-feedback-warning-text);--status-notice-icon: var(--owo-feedback-warning-icon)}.root[data-tone=danger]{--status-notice-bg: var(--owo-feedback-danger-bg);--status-notice-border: var(--owo-feedback-danger-border);--status-notice-text: var(--owo-feedback-danger-text);--status-notice-icon: var(--owo-feedback-danger-icon)}.root{--switch-track-width: calc(var(--owo-cmp-control-height-md) + .5rem);--switch-thumb-size: 1.125rem;--switch-thumb-offset: .125rem;position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;padding:0;box-sizing:border-box;border-radius:var(--owo-cmp-control-radius-full);border:2px solid transparent;transition:background-color .15s,border-color .15s;background:var(--owo-cmp-surface-border-strong)}.root:focus{outline:none}.root:focus-visible{box-shadow:0 0 0 2px var(--owo-cmp-surface-bg),0 0 0 4px var(--owo-cmp-control-focus-ring)}.root:disabled{cursor:not-allowed;opacity:.5}.root[data-size=xs]{height:calc(var(--owo-cmp-control-height-xs) - .75rem);width:calc(var(--owo-cmp-control-height-xs) + .25rem);--switch-track-width: calc(var(--owo-cmp-control-height-xs) + .25rem);--switch-thumb-size: .625rem}.root[data-size=sm]{height:calc(var(--owo-cmp-control-height-sm) - .75rem);width:calc(var(--owo-cmp-control-height-sm) + .25rem);--switch-track-width: calc(var(--owo-cmp-control-height-sm) + .25rem);--switch-thumb-size: .875rem}.root[data-size=md]{height:calc(var(--owo-cmp-control-height-md) - .75rem);width:calc(var(--owo-cmp-control-height-md) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-md) + .5rem);--switch-thumb-size: 1.125rem}.root[data-size=lg]{height:calc(var(--owo-cmp-control-height-lg) - .75rem);width:calc(var(--owo-cmp-control-height-lg) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-lg) + .5rem);--switch-thumb-size: 1.375rem}.root[data-size=xl]{height:calc(var(--owo-cmp-control-height-xl) - .75rem);width:calc(var(--owo-cmp-control-height-xl) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-xl) + .5rem);--switch-thumb-size: 1.875rem}.root[aria-checked=true]{background:var(--owo-cmp-accent-bg)}.root:hover:not(:disabled){background:color-mix(in srgb,var(--owo-cmp-surface-border-strong) 82%,var(--owo-cmp-text-muted))}.root[aria-checked=true]:hover:not(:disabled){background:var(--owo-cmp-accent-bg-hover)}.root .thumb{pointer-events:none;display:inline-block;border-radius:var(--owo-cmp-control-radius-full);background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .15s;transform:translate(var(--switch-thumb-offset))}.root[data-size=xs]>.thumb{height:.625rem;width:.625rem}.root[data-size=sm]>.thumb{height:.875rem;width:.875rem}.root[data-size=md]>.thumb{height:1.125rem;width:1.125rem}.root[data-size=lg]>.thumb{height:1.375rem;width:1.375rem}.root[data-size=xl]>.thumb{height:1.875rem;width:1.875rem}.root[aria-checked=true]>.thumb{transform:translate(calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-offset)))}.root [data-part=list]{--tabs-border: var(--owo-cmp-surface-border);display:flex;align-items:flex-end;gap:.25rem;border-bottom-width:1px;border-bottom-style:solid;border-color:var(--tabs-border)}.root [data-part=trigger]{--tabs-text: var(--owo-cmp-text-muted);--tabs-hover-text: var(--owo-cmp-text-secondary);--tabs-active-text: var(--owo-cmp-text-primary);--tabs-active-border: var(--owo-cmp-accent-border);--tabs-active-bg: color-mix(in srgb, var(--owo-cmp-accent-bg-muted) 35%, transparent);--tabs-ring: var(--owo-cmp-control-focus-ring);position:relative;margin-bottom:-1px;display:inline-flex;min-height:var(--owo-cmp-control-height-md);align-items:center;justify-content:center;border:0;border-top-left-radius:var(--owo-cmp-control-radius-md);border-top-right-radius:var(--owo-cmp-control-radius-md);border-bottom:2px solid transparent;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:color .15s ease;appearance:none;background:transparent;color:var(--tabs-text)}.root [data-part=trigger]:focus{outline:none}.root [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 2px var(--tabs-ring)}.root [data-part=trigger]:disabled{cursor:not-allowed;opacity:.5}.root [data-part=trigger]:hover{color:var(--tabs-hover-text)}.root [data-part=trigger][data-state=active]{background:var(--tabs-active-bg);border-bottom-color:var(--tabs-active-border);color:var(--tabs-active-text)}.root [data-part=content]{padding-top:1rem;color:var(--owo-cmp-text-primary)}.root{min-height:calc(4.5em + 1rem);line-height:1.5}.root[data-auto-resize=true]{overflow-y:hidden}.container{pointer-events:none;position:fixed;bottom:1rem;right:1rem;z-index:var(--owo-cmp-z-toast);display:flex;flex-direction:column-reverse;gap:.5rem}.toast{--toast-bg: var(--owo-feedback-neutral-bg);--toast-border: var(--owo-feedback-neutral-border);--toast-text: var(--owo-feedback-neutral-text);--toast-icon: var(--owo-feedback-neutral-icon);--toast-shadow: var(--owo-cmp-surface-shadow-strong);pointer-events:auto;border-radius:var(--owo-cmp-control-radius-lg);border:1px solid var(--toast-border);font-size:.875rem;line-height:1.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--toast-bg);color:var(--toast-text);box-shadow:var(--toast-shadow);animation:toast-in .25s var(--owo-cmp-motion-ease-standard)}.toastDefault{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem}.toast [data-part=icon]{margin-top:.125rem;flex-shrink:0;color:var(--toast-icon)}.toast [data-part=content]{min-width:0;flex:1}.toast [data-part=title]{display:block;font-weight:500;color:inherit}.toast [data-part=message]{display:block}.toast [data-part=close]{margin-right:-.25rem;margin-top:-.125rem;flex-shrink:0;border-radius:var(--owo-cmp-control-radius-sm);padding:.125rem;color:currentColor;opacity:.5;transition:opacity .15s;background:transparent;border:0;cursor:pointer}.toast [data-part=close]:hover{opacity:1}.toast[data-tone=success]{--toast-bg: var(--owo-feedback-success-bg);--toast-border: var(--owo-feedback-success-border);--toast-text: var(--owo-feedback-success-text);--toast-icon: var(--owo-feedback-success-icon)}.toast[data-tone=warning]{--toast-bg: var(--owo-feedback-warning-bg);--toast-border: var(--owo-feedback-warning-border);--toast-text: var(--owo-feedback-warning-text);--toast-icon: var(--owo-feedback-warning-icon)}.toast[data-tone=danger]{--toast-bg: var(--owo-feedback-danger-bg);--toast-border: var(--owo-feedback-danger-border);--toast-text: var(--owo-feedback-danger-text);--toast-icon: var(--owo-feedback-danger-icon)}.toast[data-tone=info]{--toast-bg: var(--owo-feedback-info-bg);--toast-border: var(--owo-feedback-info-border);--toast-text: var(--owo-feedback-info-text);--toast-icon: var(--owo-feedback-info-icon)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.trigger{display:inline-flex}.content{--tooltip-bg: var(--owo-cmp-surface-bg-raised);--tooltip-border: var(--owo-cmp-surface-border);--tooltip-text: var(--owo-cmp-text-primary);--tooltip-shadow: var(--owo-cmp-surface-shadow-strong);--tooltip-arrow-color: var(--tooltip-bg);position:fixed;z-index:var(--owo-cmp-z-toast);border-radius:var(--owo-cmp-control-radius-lg);line-height:1.625;background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);backdrop-filter:blur(10px);animation:tooltip-in .15s var(--owo-cmp-motion-ease-standard)}.content[data-density=compact]{padding:.25rem .5rem;font-size:11px;max-width:200px}.content[data-density=default]{padding:.5rem .75rem;font-size:.75rem;line-height:1rem;max-width:20rem}.content [data-part=arrow]{position:absolute;color:var(--tooltip-arrow-color);filter:drop-shadow(0 1px 0 var(--tooltip-border))}@keyframes tooltip-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
-
+._root_crrwl_1{--avatar-bg:var(--owo-cmp-surface-bg-inset);--avatar-text:var(--owo-cmp-text-secondary);--avatar-border:transparent;border-radius:var(--owo-cmp-control-radius-full);-webkit-user-select:none;user-select:none;background:var(--avatar-bg);color:var(--avatar-text);border:1px solid var(--avatar-border);flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex;overflow:hidden}._root_crrwl_1[data-size=xs]{width:1.5rem;height:1.5rem;font-size:10px}._root_crrwl_1[data-size=sm]{width:2rem;height:2rem;font-size:.75rem;line-height:1rem}._root_crrwl_1[data-size=md]{width:2.5rem;height:2.5rem;font-size:.875rem;line-height:1.25rem}._root_crrwl_1[data-size=lg]{width:3.5rem;height:3.5rem;font-size:1.125rem;line-height:1.75rem}._root_crrwl_1>img{object-fit:cover;width:100%;height:100%}._root_crrwl_1[data-tone=subtle]{--avatar-bg:var(--owo-cmp-surface-bg-subtle);--avatar-text:var(--owo-cmp-text-muted)}._root_6bx55_1{--badge-bg:var(--owo-cmp-surface-bg-inset);--badge-text:var(--owo-cmp-text-secondary);--badge-border:transparent;border-radius:var(--owo-cmp-control-radius-full);border:1px solid var(--badge-border);color:var(--badge-text);background:var(--badge-bg);align-items:center;display:inline-flex}._root_6bx55_1[data-size=xs]{padding:.25rem .625rem;font-size:11px}._root_6bx55_1[data-size=sm]{padding:.25rem .75rem;font-size:.75rem;font-weight:500;line-height:1rem}._root_6bx55_1[data-variant=outline]{--badge-bg:transparent;--badge-border:var(--owo-cmp-surface-border)}._root_6bx55_1[data-tone=info]{--badge-bg:var(--owo-cmp-info-bg);--badge-text:var(--owo-cmp-info-text);--badge-border:var(--owo-cmp-info-border)}._root_6bx55_1[data-tone=info][data-variant=outline]{--badge-bg:transparent}._root_6bx55_1[data-tone=success]{--badge-bg:var(--owo-cmp-success-bg);--badge-text:var(--owo-cmp-success-text);--badge-border:var(--owo-cmp-success-border)}._root_6bx55_1[data-tone=success][data-variant=outline]{--badge-bg:transparent}._root_6bx55_1[data-tone=warning]{--badge-bg:var(--owo-cmp-warning-bg);--badge-text:var(--owo-cmp-warning-text);--badge-border:var(--owo-cmp-warning-border)}._root_6bx55_1[data-tone=warning][data-variant=outline]{--badge-bg:transparent}._root_6bx55_1[data-tone=danger]{--badge-bg:var(--owo-cmp-danger-bg);--badge-text:var(--owo-cmp-danger-text);--badge-border:var(--owo-cmp-danger-border)}._root_6bx55_1[data-tone=danger][data-variant=outline]{--badge-bg:transparent}._root_1oxco_1{display:inline-flex}._root_1oxco_1[data-animate=spin]{animation:1s linear infinite _owo-spin_1oxco_1}@keyframes _owo-spin_1oxco_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._root_1oxco_1[data-animate=spin]{animation:none}}._root_yhdgl_1{--button-bg:var(--owo-cmp-surface-bg);--button-bg-hover:var(--owo-cmp-surface-bg-inset);--button-bg-active:var(--owo-cmp-surface-bg-subtle);--button-text:var(--owo-cmp-text-primary);--button-border:var(--owo-cmp-surface-border);--button-ring:var(--owo-cmp-control-focus-ring);--button-disabled-opacity:.5;border-radius:var(--owo-cmp-control-radius-md);border:1px solid var(--button-border);appearance:none;background:var(--button-bg);color:var(--button-text);justify-content:center;align-items:center;gap:.5rem;padding:0;font-weight:500;transition-property:color,background-color,border-color;transition-duration:.15s;display:inline-flex}._root_yhdgl_1[data-size=xs]{min-height:var(--owo-cmp-control-height-xs);padding-inline:.625rem;font-size:.6875rem;line-height:.875rem}._root_yhdgl_1[data-size=sm]{min-height:var(--owo-cmp-control-height-sm);padding-inline:.75rem;font-size:.75rem;line-height:1rem}._root_yhdgl_1[data-size=md]{min-height:var(--owo-cmp-control-height-md);padding-inline:1rem;font-size:.875rem;line-height:1.25rem}._root_yhdgl_1[data-size=lg]{min-height:var(--owo-cmp-control-height-lg);padding-inline:1.125rem;font-size:.9375rem;line-height:1.375rem}._root_yhdgl_1[data-size=xl]{min-height:var(--owo-cmp-control-height-xl);padding-inline:1.25rem;font-size:1rem;line-height:1.5rem}._root_yhdgl_1:focus-visible{box-shadow:inset 0 0 0 2px var(--button-ring);outline:none}._root_yhdgl_1:hover{background:var(--button-bg-hover)}._root_yhdgl_1:active{background:var(--button-bg-active)}._root_yhdgl_1:disabled{cursor:not-allowed;opacity:var(--button-disabled-opacity)}._root_yhdgl_1[data-loading=true]{pointer-events:none;cursor:wait}._icon_yhdgl_83{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}._icon_yhdgl_83 svg{display:block}._label_yhdgl_95{align-items:center;display:inline-flex}._root_yhdgl_1[data-variant=primary]{--button-bg:var(--owo-cmp-accent-bg);--button-bg-hover:var(--owo-cmp-accent-bg-hover);--button-bg-active:color-mix(in srgb, var(--owo-cmp-accent-bg-hover) 88%, black);--button-text:var(--owo-cmp-accent-text);--button-border:transparent}._root_yhdgl_1[data-variant=ghost]{--button-bg:transparent;--button-bg-hover:var(--owo-cmp-surface-bg-inset);--button-bg-active:var(--owo-cmp-surface-bg-subtle);--button-text:var(--owo-cmp-text-secondary);--button-border:transparent}._root_yhdgl_1[data-variant=danger]{--button-bg:var(--owo-cmp-danger-bg);--button-bg-hover:color-mix(in srgb, var(--owo-cmp-danger-bg) 92%, var(--owo-cmp-danger-border));--button-bg-active:color-mix(in srgb, var(--owo-cmp-danger-bg) 84%, var(--owo-cmp-danger-border));--button-text:var(--owo-cmp-danger-text);--button-border:var(--owo-cmp-danger-border);--button-ring:var(--owo-cmp-danger-border)}._root_16v37_1{cursor:pointer;color:var(--owo-cmp-text-primary);align-items:center;gap:.625rem;display:inline-flex;position:relative}._root_16v37_1[data-disabled]{cursor:not-allowed;opacity:.5}._input_16v37_15{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:0;padding:0;position:absolute;overflow:hidden}._control_16v37_28{--checkbox-size:1rem;inline-size:var(--checkbox-size);block-size:var(--checkbox-size);border-radius:var(--owo-cmp-control-radius-sm);border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}._input_16v37_15:focus-visible+._control_16v37_28{box-shadow:0 0 0 2px var(--owo-cmp-surface-bg), 0 0 0 4px var(--owo-cmp-control-focus-ring);outline:none}._root_16v37_1:hover:not([data-disabled]) ._control_16v37_28{border-color:var(--owo-cmp-surface-border-strong)}._root_16v37_1[data-invalid] ._control_16v37_28{border-color:var(--owo-cmp-danger-border)}._control_16v37_28[data-state=checked],._control_16v37_28[data-state=indeterminate]{background:var(--owo-cmp-accent-bg);border-color:var(--owo-cmp-accent-bg)}._root_16v37_1:hover:not([data-disabled]) ._control_16v37_28[data-state=checked],._root_16v37_1:hover:not([data-disabled]) ._control_16v37_28[data-state=indeterminate]{background:var(--owo-cmp-accent-bg-hover);border-color:var(--owo-cmp-accent-bg-hover)}._control_16v37_28[data-size=xs]{--checkbox-size:.75rem}._control_16v37_28[data-size=sm]{--checkbox-size:.875rem}._control_16v37_28[data-size=md]{--checkbox-size:1rem}._control_16v37_28[data-size=lg]{--checkbox-size:1.125rem}._control_16v37_28[data-size=xl]{--checkbox-size:1.375rem}._icon_16v37_91{width:calc(var(--checkbox-size) * .8);height:calc(var(--checkbox-size) * .8);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}._label_16v37_101{color:var(--owo-cmp-text-secondary);font-size:.875rem;line-height:1.25rem}:where(._root_bx150_1 [data-part=trigger]){appearance:none;background:var(--collapsible-trigger-bg,transparent);color:inherit;font:inherit;cursor:pointer;border:0;padding:0;transition:background-color .18s,color .18s}:where(._root_bx150_1 [data-part=trigger]:hover){background:var(--collapsible-trigger-bg-hover,var(--collapsible-trigger-bg,transparent))}:where(._root_bx150_1 [data-part=trigger][data-state=open]){background:var(--collapsible-trigger-bg-open,var(--collapsible-trigger-bg-hover,var(--collapsible-trigger-bg,transparent)))}:where(._root_bx150_1 [data-part=content]){background:var(--collapsible-content-bg,transparent);height:auto;transition:height .18s;overflow:hidden}._triggerInner_bx150_27{align-items:center;gap:var(--collapsible-trigger-gap,.75rem);width:100%;display:flex}._triggerIcon_bx150_34,._triggerIndicator_bx150_35{color:inherit;flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}._triggerLabel_bx150_44{min-width:0;text-align:inherit;flex:auto}._contentInner_bx150_50{min-height:0}._overlay_1p0ee_1{z-index:var(--owo-cmp-z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._overlay_1p0ee_1 [data-part=backdrop]{background:var(--owo-cmp-overlay-bg);animation:_dialog-backdrop-in_1p0ee_1 .2s var(--owo-cmp-motion-ease-standard);border:0;padding:0;position:absolute;inset:0}._panel_1p0ee_19{z-index:10;border-radius:var(--owo-cmp-control-radius-xl);background:var(--owo-cmp-surface-bg-raised);border:1px solid var(--owo-cmp-surface-border);width:100%;color:var(--owo-cmp-text-primary);animation:_dialog-in_1p0ee_1 .2s var(--owo-cmp-motion-ease-standard);position:relative;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}._panel_1p0ee_19[data-size=sm]{max-width:26rem}._panel_1p0ee_19[data-size=md]{max-width:32rem}._overlay_1p0ee_1 [data-part=header]{color:var(--owo-cmp-text-primary);padding:1.25rem 1.25rem .25rem;font-size:1rem;font-weight:600;line-height:1.5}._overlay_1p0ee_1 [data-part=body]{color:var(--owo-cmp-text-secondary);padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem}._overlay_1p0ee_1 [data-part=footer]{justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1.25rem 1.25rem;display:flex}._confirmDescription_1p0ee_64{white-space:pre-wrap}@keyframes _dialog-in_1p0ee_1{0%{opacity:0;transform:scale(.95)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes _dialog-backdrop-in_1p0ee_1{0%{opacity:0}to{opacity:1}}._trigger_e00wn_1{appearance:none;color:inherit;font:inherit;background:0 0;border:0;padding:0}._content_e00wn_10{border:1px solid var(--owo-cmp-surface-border);border-radius:var(--owo-cmp-control-radius-lg);background:var(--owo-cmp-surface-bg-raised);min-width:12rem;box-shadow:var(--_owo-dropdown-menu-shadow,var(--owo-cmp-surface-shadow-strong));color:var(--owo-cmp-text-primary);z-index:var(--owo-cmp-z-dropdown);animation:_owo-dropdown-menu-in_e00wn_1 var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard);outline:none;padding:.375rem;overflow-y:auto}._content_e00wn_10[data-side=top]{transform-origin:bottom}._content_e00wn_10[data-side=bottom]{transform-origin:top}._content_e00wn_10[data-side=left]{transform-origin:100%}._content_e00wn_10[data-side=right]{transform-origin:0}._content_e00wn_10 [data-part=group]+[data-part=group]{border-top:1px solid color-mix(in srgb, var(--owo-cmp-surface-border) 80%, transparent);margin-top:.375rem;padding-top:.375rem}._content_e00wn_10 [data-part=label]{letter-spacing:.12em;text-transform:uppercase;color:var(--owo-cmp-text-muted);padding:.35rem .625rem .25rem;font-size:.675rem;font-weight:700}._content_e00wn_10 [data-part=separator]{border-top:1px solid color-mix(in srgb, var(--owo-cmp-surface-border) 82%, transparent);margin:.375rem .25rem}._content_e00wn_10 [data-part=item],._subTrigger_e00wn_61{border-radius:calc(var(--owo-cmp-control-radius-md) - .125rem);text-align:left;width:100%;color:inherit;cursor:default;transition:background-color var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard), color var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard);appearance:none;background:0 0;border:0;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}._content_e00wn_10 [data-part=item]:hover,._content_e00wn_10 [data-part=item][data-highlighted],._subTrigger_e00wn_61:hover,._subTrigger_e00wn_61[data-highlighted]{background:var(--owo-cmp-surface-bg-inset)}._content_e00wn_10 [data-part=item][data-selected]{background:color-mix(in srgb, var(--owo-cmp-accent-bg) 10%, var(--owo-cmp-surface-bg-raised))}._content_e00wn_10 [data-part=item][data-selected] ._itemMain_e00wn_90{color:var(--owo-cmp-text-primary);font-weight:600}._content_e00wn_10 [data-part=item][data-disabled],._subTrigger_e00wn_61[data-disabled]{opacity:.5;cursor:not-allowed}._content_e00wn_10 [data-part=item][data-destructive],._subTrigger_e00wn_61[data-destructive]{color:var(--owo-cmp-danger-text)}._itemInset_e00wn_106{padding-left:1rem}._itemMain_e00wn_90{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}._shortcut_e00wn_118,._indicator_e00wn_119,._submenuIndicator_e00wn_120{color:var(--owo-cmp-text-muted);flex:none;font-size:.75rem}._indicator_e00wn_119{text-align:center;min-width:1rem;color:var(--owo-cmp-accent-bg);font-weight:700}._subTrigger_e00wn_61[data-state=open]{background:var(--owo-cmp-surface-bg-inset)}@keyframes _owo-dropdown-menu-in_e00wn_1{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}._panel_7f715_1{--drawer-surface:var(--owo-cmp-surface-bg-raised);--drawer-border:var(--owo-cmp-surface-border);--drawer-shadow:var(--owo-cmp-surface-shadow-strong);z-index:calc(var(--owo-cmp-z-modal) + 1);will-change:transform;max-width:100%;transition:transform var(--owo-cmp-motion-duration-default) var(--owo-cmp-motion-ease-standard);background:var(--drawer-surface);border-color:var(--drawer-border);box-shadow:var(--drawer-shadow);flex-direction:column;display:flex;transform:translate(0)}._panel_7f715_1[data-position=fixed]{position:fixed}._panel_7f715_1[data-position=absolute]{position:absolute}._panel_7f715_1[data-side=left]{top:0;left:0}._panel_7f715_1[data-side=right]{top:0;right:0}._panel_7f715_1[data-state=open]{pointer-events:auto;visibility:visible;transform:translate(0)}._panel_7f715_1[data-state=closed]{pointer-events:none;visibility:hidden}._panel_7f715_1[data-state=closed][data-side=left]{transform:translate(-100%)}._panel_7f715_1[data-state=closed][data-side=right]{transform:translate(100%)}._backdrop_7f715_55{--drawer-backdrop:var(--owo-cmp-overlay-bg);z-index:var(--owo-cmp-z-modal);background:var(--drawer-backdrop);border:0;padding:0;inset:0}._backdrop_7f715_55[data-position=fixed]{position:fixed}._backdrop_7f715_55[data-position=absolute]{position:absolute}._root_38gc5_1{--field-label:var(--owo-cmp-text-secondary);--field-description:var(--owo-cmp-text-muted);--field-help:var(--owo-cmp-text-muted);--field-error:var(--owo-cmp-danger-text);--field-required:var(--owo-cmp-danger-text);display:block}._root_38gc5_1 ._label_38gc5_10{color:var(--field-label);margin-bottom:.25rem;font-size:.75rem;line-height:1rem;display:block}._root_38gc5_1 ._required_38gc5_18{color:var(--field-required);margin-left:.125rem}._root_38gc5_1 ._description_38gc5_23{color:var(--field-description);margin-bottom:.25rem;font-size:.75rem;line-height:1rem;display:block}._root_38gc5_1 ._error_38gc5_31{color:var(--field-error);margin-top:.25rem;font-size:.75rem;line-height:1rem;display:block}._root_38gc5_1 ._help_38gc5_39{color:var(--field-help);margin-top:.25rem;font-size:.75rem;line-height:1rem;display:block}._root_38gc5_1[data-invalid] ._label_38gc5_10{color:var(--field-error)}._root_38gc5_1[data-disabled]{opacity:.5;pointer-events:none}._root_1hqa8_1{--icon-button-bg:transparent;--icon-button-bg-hover:var(--owo-cmp-surface-bg-inset);--icon-button-bg-active:var(--owo-cmp-surface-bg-subtle);--icon-button-text:var(--owo-cmp-text-muted);--icon-button-ring:var(--owo-cmp-control-focus-ring);border-radius:var(--owo-cmp-control-radius-md);background:var(--icon-button-bg);color:var(--icon-button-text);border:0;justify-content:center;align-items:center;transition-property:color,background-color;transition-duration:.15s;display:inline-flex}._root_1hqa8_1[data-size=xs]{height:var(--owo-cmp-control-height-xs);width:var(--owo-cmp-control-height-xs)}._root_1hqa8_1[data-size=sm]{height:var(--owo-cmp-control-height-sm);width:var(--owo-cmp-control-height-sm)}._root_1hqa8_1[data-size=md]{height:var(--owo-cmp-control-height-md);width:var(--owo-cmp-control-height-md)}._root_1hqa8_1[data-size=lg]{height:var(--owo-cmp-control-height-lg);width:var(--owo-cmp-control-height-lg)}._root_1hqa8_1[data-size=xl]{height:var(--owo-cmp-control-height-xl);width:var(--owo-cmp-control-height-xl)}._root_1hqa8_1:focus-visible{box-shadow:inset 0 0 0 2px var(--icon-button-ring);outline:none}._root_1hqa8_1:hover{background:var(--icon-button-bg-hover);color:var(--owo-cmp-text-primary)}._root_1hqa8_1:active{background:var(--icon-button-bg-active)}._root_1hqa8_1:disabled{cursor:not-allowed;opacity:.5}._root_1hqa8_1[data-variant=subtle]{--icon-button-bg:var(--owo-cmp-surface-bg-inset);--icon-button-bg-hover:var(--owo-cmp-surface-bg-subtle);--icon-button-bg-active:var(--owo-cmp-surface-bg-raised);--icon-button-text:var(--owo-cmp-text-primary)}._root_8zge1_1{--field-bg:var(--owo-cmp-surface-bg);--field-border:var(--owo-cmp-surface-border);--field-text:var(--owo-cmp-text-primary);--field-placeholder:var(--owo-cmp-text-muted);--field-ring:var(--owo-cmp-control-focus-ring);background:var(--field-bg);border:1px solid var(--field-border);color:var(--field-text);width:100%;min-height:var(--owo-cmp-control-height-md);border-radius:var(--owo-cmp-control-radius-md);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}._root_8zge1_1[data-size=xs]{min-height:var(--owo-cmp-control-height-xs);padding:.25rem .5rem;font-size:.6875rem;line-height:.875rem}._root_8zge1_1[data-size=sm]{min-height:var(--owo-cmp-control-height-sm);padding:.375rem .625rem;font-size:.75rem;line-height:1rem}._root_8zge1_1[data-size=lg]{min-height:var(--owo-cmp-control-height-lg);padding:.5625rem .875rem;font-size:.9375rem;line-height:1.375rem}._root_8zge1_1[data-size=xl]{min-height:var(--owo-cmp-control-height-xl);padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}._root_8zge1_1::placeholder{color:var(--field-placeholder)}._root_8zge1_1:hover:not(:disabled){--field-border:var(--owo-cmp-surface-border-strong)}._root_8zge1_1:focus-visible{--field-border:var(--field-ring);box-shadow:none;outline:none}._root_8zge1_1[data-tone=warning]{--field-border:var(--owo-cmp-warning-border);--field-ring:var(--owo-cmp-warning-border)}._root_1226l_1{--panel-bg:var(--owo-cmp-surface-bg);--panel-border:var(--owo-cmp-surface-border);--panel-section-border:var(--owo-cmp-surface-border);--panel-shadow:none;border-radius:var(--owo-cmp-control-radius-lg);border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow)}._root_1226l_1[data-padding=sm]{padding:1rem}._root_1226l_1[data-padding=md]{padding:1.25rem}._root_1226l_1[data-padding=lg]{padding:1.5rem}._root_1226l_1 [data-part=header]{border-bottom:1px solid var(--panel-section-border);padding:1.25rem 1.5rem}._root_1226l_1 [data-part=body]{padding:1.25rem 1.5rem}._root_1226l_1 [data-part=footer]{border-top:1px solid var(--panel-section-border);padding:1rem 1.5rem}._root_1226l_1[data-variant=subtle]{--panel-bg:var(--owo-cmp-surface-bg-subtle)}._root_1226l_1[data-variant=raised]{--panel-bg:var(--owo-cmp-surface-bg-raised);--panel-shadow:var(--owo-cmp-surface-shadow)}._root_c2l0v_1{--segmented-bg:var(--owo-cmp-surface-bg-inset);--segmented-border:var(--owo-cmp-surface-border);--segmented-item-text:var(--owo-cmp-text-muted);--segmented-item-hover-text:var(--owo-cmp-text-secondary);--segmented-item-active-bg:var(--owo-cmp-surface-bg-raised);--segmented-item-active-text:var(--owo-cmp-text-primary);--segmented-ring:var(--owo-cmp-control-focus-ring);border-radius:var(--owo-cmp-control-radius-md);background:var(--segmented-bg);box-shadow:0 0 0 1px var(--segmented-border);padding:.125rem;display:inline-flex}._root_c2l0v_1[data-size=xs]{font-size:.6875rem;line-height:.875rem}._root_c2l0v_1[data-size=sm]{font-size:.75rem;line-height:1rem}._root_c2l0v_1[data-size=md]{font-size:.875rem;line-height:1.25rem}._root_c2l0v_1[data-size=lg]{font-size:.9375rem;line-height:1.375rem}._root_c2l0v_1[data-size=xl]{font-size:1rem;line-height:1.5rem}._item_c2l0v_41{border-radius:var(--owo-cmp-control-radius-sm);color:var(--segmented-item-text);background:0 0;border:0;justify-content:center;align-items:center;font-weight:500;transition:color .15s,background-color .15s;display:inline-flex}._item_c2l0v_41:focus{outline:none}._item_c2l0v_41:focus-visible{box-shadow:inset 0 0 0 1px var(--segmented-ring)}._item_c2l0v_41:disabled{cursor:not-allowed;opacity:.5}._item_c2l0v_41:hover{color:var(--segmented-item-hover-text)}._item_c2l0v_41[data-active=true]{background:var(--segmented-item-active-bg);color:var(--segmented-item-active-text)}._root_c2l0v_1[data-size=xs]>._item_c2l0v_41{min-height:calc(var(--owo-cmp-control-height-xs) - .25rem);padding:.125rem .5rem}._root_c2l0v_1[data-size=sm]>._item_c2l0v_41{min-height:calc(var(--owo-cmp-control-height-sm) - .25rem);padding:.25rem .625rem}._root_c2l0v_1[data-size=md]>._item_c2l0v_41{min-height:calc(var(--owo-cmp-control-height-md) - .25rem);padding:.375rem .75rem}._root_c2l0v_1[data-size=lg]>._item_c2l0v_41{min-height:calc(var(--owo-cmp-control-height-lg) - .25rem);padding:.5rem .875rem}._root_c2l0v_1[data-size=xl]>._item_c2l0v_41{min-height:calc(var(--owo-cmp-control-height-xl) - .25rem);padding:.625rem 1rem}._root_c2l0v_1[data-disabled]{opacity:.5;pointer-events:none}._root_c2l0v_1[data-invalid]{box-shadow:0 0 0 1px var(--owo-cmp-danger-border)}._root_1kzdq_1{display:inline-block;position:relative}._root_1kzdq_1 [data-part=trigger]{--select-bg:var(--owo-cmp-surface-bg);--select-border:var(--owo-cmp-surface-border);--select-text:var(--owo-cmp-text-primary);--select-ring:var(--owo-cmp-control-focus-ring);border-radius:var(--owo-cmp-control-radius-md);text-align:left;appearance:none;background:var(--select-bg);border:.5px solid var(--select-border);width:100%;color:var(--select-text);justify-content:space-between;align-items:center;gap:.5rem;padding:0;transition:color .15s,background-color .15s,border-color .15s;display:flex}._root_1kzdq_1 [data-part=trigger]:focus-visible{--select-border:var(--select-ring);box-shadow:none;outline:none}._root_1kzdq_1 [data-part=trigger][data-size=xs]{height:var(--owo-cmp-control-height-xs);min-height:var(--owo-cmp-control-height-xs);padding:0 .5rem;font-size:.6875rem;line-height:.875rem}._root_1kzdq_1 [data-part=trigger][data-size=sm]{height:var(--owo-cmp-control-height-sm);min-height:var(--owo-cmp-control-height-sm);padding:0 .5rem;font-size:.75rem;line-height:1rem}._root_1kzdq_1 [data-part=trigger][data-size=md]{height:var(--owo-cmp-control-height-md);min-height:var(--owo-cmp-control-height-md);padding:0 .75rem;font-size:.875rem;line-height:1.25rem}._root_1kzdq_1 [data-part=trigger][data-size=lg]{height:var(--owo-cmp-control-height-lg);min-height:var(--owo-cmp-control-height-lg);padding:0 .875rem;font-size:.9375rem;line-height:1.375rem}._root_1kzdq_1 [data-part=trigger][data-size=xl]{height:var(--owo-cmp-control-height-xl);min-height:var(--owo-cmp-control-height-xl);padding:0 1rem;font-size:1rem;line-height:1.5rem}._root_1kzdq_1 [data-part=trigger]:hover:not(:disabled),._root_1kzdq_1 [data-part=trigger][data-state=open]{--select-border:var(--owo-cmp-surface-border-strong)}._root_1kzdq_1 [data-part=trigger][data-tone=warning]{--select-border:var(--owo-cmp-warning-border);--select-ring:var(--owo-cmp-warning-border)}._root_1kzdq_1[data-invalid] [data-part=trigger]{--select-border:var(--owo-cmp-danger-border);--select-ring:var(--owo-cmp-danger-border)}._root_1kzdq_1 [data-part=trigger]:disabled{cursor:not-allowed;opacity:.5}._valueText_1kzdq_96{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._placeholder_1kzdq_102{color:var(--owo-cmp-text-muted)}._root_1kzdq_1 [data-part=chevron]{width:.875rem;height:.875rem;color:var(--owo-cmp-text-muted);flex-shrink:0;transition:transform .15s}._root_1kzdq_1 [data-part=chevron][data-state=open]{transform:rotate(180deg)}._root_1kzdq_1 [data-part=dropdown]{--select-dropdown-shadow:var(--owo-cmp-surface-shadow-strong);z-index:var(--owo-cmp-z-dropdown);border:1px solid var(--owo-cmp-surface-border);border-radius:var(--owo-cmp-control-radius-md);background:var(--owo-cmp-surface-bg-raised);width:100%;max-height:15rem;box-shadow:var(--select-dropdown-shadow);margin-top:.25rem;padding:.25rem 0;position:absolute;overflow:auto}._root_1kzdq_1 [data-part=dropdown][data-size=sm]{font-size:.75rem;line-height:1rem}._root_1kzdq_1 [data-part=dropdown][data-size=md]{font-size:.875rem;line-height:1.25rem}._root_1kzdq_1 [data-part=dropdown][data-size=xs]{font-size:.6875rem;line-height:.875rem}._root_1kzdq_1 [data-part=dropdown][data-size=lg]{font-size:.9375rem;line-height:1.375rem}._root_1kzdq_1 [data-part=dropdown][data-size=xl]{font-size:1rem;line-height:1.5rem}._root_1kzdq_1 [data-part=option]{cursor:default;-webkit-user-select:none;user-select:none;padding:.375rem .75rem;transition:background-color .15s}._root_1kzdq_1 [data-part=option][data-disabled]{cursor:not-allowed;opacity:.5}._root_1kzdq_1 [data-part=option][data-focused]{background:var(--owo-cmp-surface-bg-inset)}._root_1kzdq_1 [data-part=option][data-selected]{color:var(--owo-cmp-accent-bg);font-weight:500}._root_1sshx_1{border-radius:var(--owo-cmp-control-radius-sm);--_owo-skeleton-scan-duration:3.6s;--skeleton-bg:linear-gradient(180deg, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 94%, white) 0%, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 100%, var(--owo-cmp-surface-border)) 100%);--skeleton-bg-emphasis:linear-gradient(180deg, color-mix(in srgb, var(--owo-cmp-surface-bg-subtle) 78%, var(--owo-ref-color-highlight-soft)) 0%, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 86%, var(--owo-cmp-surface-border)) 100%);--skeleton-sheen:linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 10%, transparent) 28%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 35%, transparent) 40%, var(--owo-ref-color-highlight-sheen) 50%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 35%, transparent) 60%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 10%, transparent) 72%, transparent 100%);--skeleton-top-highlight:var(--owo-ref-color-highlight-soft);background:var(--skeleton-bg);box-shadow:inset 0 1px 0 var(--skeleton-top-highlight);position:relative;overflow:hidden;transform:translateZ(0)}._root_1sshx_1[data-tone=emphasis]{background:var(--skeleton-bg-emphasis)}._root_1sshx_1:before{content:"";background:inherit;opacity:.84;position:absolute;inset:0}._root_1sshx_1:after{content:"";background:var(--skeleton-sheen);opacity:0;will-change:transform, opacity;position:absolute;inset:-35%;transform:translate(-140%)skew(-14deg)}._root_1sshx_1[data-animation=pulse]:after{display:none}._root_1sshx_1[data-animation=pulse]:before{animation:_owo-skeleton-breathe_1sshx_1 2.6s var(--owo-cmp-motion-ease-standard) infinite}._root_1sshx_1[data-animation=scan]:before{opacity:1;filter:none}._root_1sshx_1[data-animation=scan]:after{opacity:1;animation:_owo-skeleton-scan_1sshx_1 var(--_owo-skeleton-scan-duration) cubic-bezier(.3, 0, .2, 1) infinite}@keyframes _owo-skeleton-breathe_1sshx_1{0%,to{opacity:.8;filter:saturate(.96)brightness(.98)}50%{opacity:1;filter:saturate(1.04)brightness(1.04)}}@keyframes _owo-skeleton-scan_1sshx_1{0%{opacity:0;transform:translate(-140%)skew(-14deg)}18%{opacity:.82}52%{opacity:1;transform:translate(6%)skew(-14deg)}82%{opacity:.82}to{opacity:0;transform:translate(140%)skew(-14deg)}}@media (prefers-reduced-motion:reduce){._root_1sshx_1:before{opacity:.94;filter:none;animation:none}._root_1sshx_1:after{opacity:0;animation:none}}._root_h4455_1{--status-notice-bg:var(--owo-feedback-neutral-bg);--status-notice-border:var(--owo-feedback-neutral-border);--status-notice-text:var(--owo-feedback-neutral-text);--status-notice-icon:var(--owo-feedback-neutral-icon);border-radius:var(--owo-cmp-control-radius-md);background:var(--status-notice-bg);border-style:solid;border-width:1px;border-color:var(--status-notice-border);color:var(--status-notice-text);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem}._withIcon_h4455_19{grid-template-columns:auto minmax(0,1fr);gap:.75rem;display:grid}._icon_h4455_25{color:var(--status-notice-icon)}._root_h4455_1:not([data-layout=vertical]) ._icon_h4455_25{flex-shrink:0;margin-top:.125rem}._text_h4455_36{min-width:0}._title_h4455_40{color:var(--owo-cmp-text-primary);font-weight:500}._root_h4455_1[data-layout=vertical]{border-radius:var(--owo-cmp-control-radius-lg)}._root_h4455_1[data-layout=vertical] ._body_h4455_50{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;display:flex}._root_h4455_1[data-layout=vertical] ._icon_h4455_25{font-size:1.125rem;line-height:1.75rem}._root_h4455_1[data-layout=vertical] ._title_h4455_40{color:var(--status-notice-text)}._root_h4455_1[data-layout=vertical] ._action_h4455_68{margin-top:.5rem}._root_h4455_1[data-tone=info]{--status-notice-bg:var(--owo-feedback-info-bg);--status-notice-border:var(--owo-feedback-info-border);--status-notice-text:var(--owo-feedback-info-text);--status-notice-icon:var(--owo-feedback-info-icon)}._root_h4455_1[data-tone=success]{--status-notice-bg:var(--owo-feedback-success-bg);--status-notice-border:var(--owo-feedback-success-border);--status-notice-text:var(--owo-feedback-success-text);--status-notice-icon:var(--owo-feedback-success-icon)}._root_h4455_1[data-tone=warning]{--status-notice-bg:var(--owo-feedback-warning-bg);--status-notice-border:var(--owo-feedback-warning-border);--status-notice-text:var(--owo-feedback-warning-text);--status-notice-icon:var(--owo-feedback-warning-icon)}._root_h4455_1[data-tone=danger]{--status-notice-bg:var(--owo-feedback-danger-bg);--status-notice-border:var(--owo-feedback-danger-border);--status-notice-text:var(--owo-feedback-danger-text);--status-notice-icon:var(--owo-feedback-danger-icon)}._root_91dlh_1{--switch-track-width:calc(var(--owo-cmp-control-height-md) + .5rem);--switch-thumb-size:1.125rem;--switch-thumb-offset:.125rem;cursor:pointer;box-sizing:border-box;border-radius:var(--owo-cmp-control-radius-full);background:var(--owo-cmp-surface-border-strong);border:2px solid #0000;flex-shrink:0;align-items:center;padding:0;transition:background-color .15s,border-color .15s;display:inline-flex;position:relative}._root_91dlh_1:focus{outline:none}._root_91dlh_1:focus-visible{box-shadow:0 0 0 2px var(--owo-cmp-surface-bg), 0 0 0 4px var(--owo-cmp-control-focus-ring)}._root_91dlh_1:disabled{cursor:not-allowed;opacity:.5}._root_91dlh_1[data-size=xs]{height:calc(var(--owo-cmp-control-height-xs) - .75rem);width:calc(var(--owo-cmp-control-height-xs) + .25rem);--switch-track-width:calc(var(--owo-cmp-control-height-xs) + .25rem);--switch-thumb-size:.625rem}._root_91dlh_1[data-size=sm]{height:calc(var(--owo-cmp-control-height-sm) - .75rem);width:calc(var(--owo-cmp-control-height-sm) + .25rem);--switch-track-width:calc(var(--owo-cmp-control-height-sm) + .25rem);--switch-thumb-size:.875rem}._root_91dlh_1[data-size=md]{height:calc(var(--owo-cmp-control-height-md) - .75rem);width:calc(var(--owo-cmp-control-height-md) + .5rem);--switch-track-width:calc(var(--owo-cmp-control-height-md) + .5rem);--switch-thumb-size:1.125rem}._root_91dlh_1[data-size=lg]{height:calc(var(--owo-cmp-control-height-lg) - .75rem);width:calc(var(--owo-cmp-control-height-lg) + .5rem);--switch-track-width:calc(var(--owo-cmp-control-height-lg) + .5rem);--switch-thumb-size:1.375rem}._root_91dlh_1[data-size=xl]{height:calc(var(--owo-cmp-control-height-xl) - .75rem);width:calc(var(--owo-cmp-control-height-xl) + .5rem);--switch-track-width:calc(var(--owo-cmp-control-height-xl) + .5rem);--switch-thumb-size:1.875rem}._root_91dlh_1[aria-checked=true]{background:var(--owo-cmp-accent-bg)}._root_91dlh_1:hover:not(:disabled){background:color-mix(in srgb, var(--owo-cmp-surface-border-strong) 82%, var(--owo-cmp-text-muted))}._root_91dlh_1[aria-checked=true]:hover:not(:disabled){background:var(--owo-cmp-accent-bg-hover)}._root_91dlh_1 ._thumb_91dlh_81{pointer-events:none;border-radius:var(--owo-cmp-control-radius-full);transform:translateX(var(--switch-thumb-offset));background:#fff;transition:transform .15s;display:inline-block;box-shadow:0 1px 3px #00000026}._root_91dlh_1[data-size=xs]>._thumb_91dlh_81{width:.625rem;height:.625rem}._root_91dlh_1[data-size=sm]>._thumb_91dlh_81{width:.875rem;height:.875rem}._root_91dlh_1[data-size=md]>._thumb_91dlh_81{width:1.125rem;height:1.125rem}._root_91dlh_1[data-size=lg]>._thumb_91dlh_81{width:1.375rem;height:1.375rem}._root_91dlh_1[data-size=xl]>._thumb_91dlh_81{width:1.875rem;height:1.875rem}._root_91dlh_1[aria-checked=true]>._thumb_91dlh_81{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-offset)))}._root_91dlh_1[data-invalid]{box-shadow:0 0 0 1px var(--owo-cmp-danger-border)}._root_1dxq8_1 [data-part=list]{--tabs-border:var(--owo-cmp-surface-border);border-bottom-style:solid;border-bottom-width:1px;border-color:var(--tabs-border);align-items:flex-end;gap:.25rem;display:flex}._root_1dxq8_1 [data-part=trigger]{--tabs-text:var(--owo-cmp-text-muted);--tabs-hover-text:var(--owo-cmp-text-secondary);--tabs-active-text:var(--owo-cmp-text-primary);--tabs-active-border:var(--owo-cmp-accent-border);--tabs-active-bg:color-mix(in srgb, var(--owo-cmp-accent-bg-muted) 35%, transparent);--tabs-ring:var(--owo-cmp-control-focus-ring);min-height:var(--owo-cmp-control-height-md);border-top-left-radius:var(--owo-cmp-control-radius-md);border-top-right-radius:var(--owo-cmp-control-radius-md);appearance:none;color:var(--tabs-text);background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;margin-bottom:-1px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:color .15s;display:inline-flex;position:relative}._root_1dxq8_1 [data-part=trigger]:focus{outline:none}._root_1dxq8_1 [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 2px var(--tabs-ring)}._root_1dxq8_1 [data-part=trigger]:disabled{cursor:not-allowed;opacity:.5}._root_1dxq8_1 [data-part=trigger]:hover{color:var(--tabs-hover-text)}._root_1dxq8_1 [data-part=trigger][data-state=active]{background:var(--tabs-active-bg);border-bottom-color:var(--tabs-active-border);color:var(--tabs-active-text)}._root_1dxq8_1 [data-part=content]{color:var(--owo-cmp-text-primary);padding-top:1rem}._root_17j1y_1{min-height:calc(4.5em + 1rem);line-height:1.5}._root_17j1y_1[data-auto-resize=true]{overflow-y:hidden}._container_73rls_1{pointer-events:none;z-index:var(--owo-cmp-z-toast);flex-direction:column-reverse;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}._toast_73rls_12{--toast-bg:var(--owo-feedback-neutral-bg);--toast-border:var(--owo-feedback-neutral-border);--toast-text:var(--owo-feedback-neutral-text);--toast-icon:var(--owo-feedback-neutral-icon);--toast-shadow:var(--owo-cmp-surface-shadow-strong);pointer-events:auto;border-radius:var(--owo-cmp-control-radius-lg);border:1px solid var(--toast-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--toast-bg);color:var(--toast-text);box-shadow:var(--toast-shadow);animation:_toast-in_73rls_1 .25s var(--owo-cmp-motion-ease-standard);font-size:.875rem;line-height:1.25rem}._toastDefault_73rls_32{align-items:flex-start;gap:.5rem;padding:.75rem 1rem;display:flex}._toast_73rls_12 [data-part=icon]{color:var(--toast-icon);flex-shrink:0;margin-top:.125rem}._toast_73rls_12 [data-part=content]{flex:1;min-width:0}._toast_73rls_12 [data-part=title]{color:inherit;font-weight:500;display:block}._toast_73rls_12 [data-part=message]{display:block}._toast_73rls_12 [data-part=close]{border-radius:var(--owo-cmp-control-radius-sm);color:currentColor;opacity:.5;cursor:pointer;background:0 0;border:0;flex-shrink:0;margin-top:-.125rem;margin-right:-.25rem;padding:.125rem;transition:opacity .15s}._toast_73rls_12 [data-part=close]:hover{opacity:1}._toast_73rls_12[data-tone=success]{--toast-bg:var(--owo-feedback-success-bg);--toast-border:var(--owo-feedback-success-border);--toast-text:var(--owo-feedback-success-text);--toast-icon:var(--owo-feedback-success-icon)}._toast_73rls_12[data-tone=warning]{--toast-bg:var(--owo-feedback-warning-bg);--toast-border:var(--owo-feedback-warning-border);--toast-text:var(--owo-feedback-warning-text);--toast-icon:var(--owo-feedback-warning-icon)}._toast_73rls_12[data-tone=danger]{--toast-bg:var(--owo-feedback-danger-bg);--toast-border:var(--owo-feedback-danger-border);--toast-text:var(--owo-feedback-danger-text);--toast-icon:var(--owo-feedback-danger-icon)}._toast_73rls_12[data-tone=info]{--toast-bg:var(--owo-feedback-info-bg);--toast-border:var(--owo-feedback-info-border);--toast-text:var(--owo-feedback-info-text);--toast-icon:var(--owo-feedback-info-icon)}@keyframes _toast-in_73rls_1{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}._trigger_xunrw_1{display:inline-flex}._content_xunrw_5{--tooltip-bg:var(--owo-cmp-surface-bg-raised);--tooltip-border:var(--owo-cmp-surface-border);--tooltip-text:var(--owo-cmp-text-primary);--tooltip-shadow:var(--owo-cmp-surface-shadow-strong);--tooltip-arrow-color:var(--tooltip-bg);z-index:var(--owo-cmp-z-toast);border-radius:var(--owo-cmp-control-radius-lg);background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:_tooltip-in_xunrw_1 .15s var(--owo-cmp-motion-ease-standard);line-height:1.625;position:fixed}._content_xunrw_5[data-density=compact]{max-width:200px;padding:.25rem .5rem;font-size:11px}._content_xunrw_5[data-density=default]{max-width:20rem;padding:.5rem .75rem;font-size:.75rem;line-height:1rem}._content_xunrw_5 [data-part=arrow]{color:var(--tooltip-arrow-color);filter:drop-shadow(0 1px 0 var(--tooltip-border));position:absolute}@keyframes _tooltip-in_xunrw_1{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
+/*$vite$:1*/
 }

package/dist/index.d.ts

@@ -45,6 +45,26 @@ type ButtonProps = ButtonElementProps | LinkElementProps;
 declare function buttonClassName({ className, }: Pick<ButtonProps, 'variant' | 'size' | 'loading' | 'className'>): string;
 declare function Button(props: ButtonProps): react_jsx_runtime.JSX.Element;
 
+type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+interface CheckboxProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    name?: string;
+    value?: string;
+    id?: string;
+    size?: CheckboxSize;
+    className?: string;
+    ariaLabel?: string;
+    children?: ReactNode;
+    'aria-describedby'?: string;
+}
+declare function Checkbox({ checked: checkedProp, defaultChecked, onCheckedChange, indeterminate, disabled, required, invalid, name, value, id, size, className, ariaLabel, children, 'aria-describedby': ariaDescribedBy, }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
 type CollapsiblePart = 'trigger' | 'content' | 'triggerInner' | 'triggerIcon' | 'triggerLabel' | 'triggerIndicator' | 'contentInner';
 interface CollapsibleRootProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
@@ -195,13 +215,32 @@ interface DrawerProps extends HTMLAttributes<HTMLElement> {
 }
 declare function Drawer({ as: Component, open, children, side, position, showBackdrop, onClose, closeLabel, backdropClassName, className, classNames, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
 
+type FieldPart = 'label' | 'description' | 'error' | 'help' | 'required';
 interface FieldProps extends HTMLAttributes<HTMLDivElement> {
     label: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
     help?: ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
     htmlFor?: string;
     children: ReactNode;
+    classNames?: Partial<Record<FieldPart, string>>;
+}
+declare function Field({ label, description, error, help, required, disabled, invalid, htmlFor, children, className, classNames, ...props }: FieldProps): react_jsx_runtime.JSX.Element;
+
+interface FieldContextValue {
+    /** Auto-generated control ID for htmlFor / id association. */
+    controlId: string;
+    /** Label element ID for controls that need aria-labelledby instead of htmlFor. */
+    labelId: string;
+    /** Space-separated IDs for aria-describedby (description + error slots). */
+    describedBy: string | undefined;
+    disabled: boolean;
+    invalid: boolean;
+    required: boolean;
 }
-declare function Field({ label, help, htmlFor, children, className, ...props }: FieldProps): react_jsx_runtime.JSX.Element;
 
 type IconButtonVariant = 'ghost' | 'subtle';
 type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -225,16 +264,10 @@ type InputBaseProps = {
     className?: string;
     tone?: 'default' | 'warning';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    invalid?: boolean;
 };
-type TextInputProps = InputBaseProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
-    as?: 'input';
-};
-type TextareaProps$1 = InputBaseProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & {
-    as: 'textarea';
-};
-type InputProps = TextInputProps | TextareaProps$1;
-declare function Input(props: TextInputProps): React.JSX.Element;
-declare function Input(props: TextareaProps$1): React.JSX.Element;
+type InputProps = InputBaseProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
+declare function Input({ className, tone, size, invalid, ...rest }: InputProps): react_jsx_runtime.JSX.Element;
 
 type PanelVariant = 'default' | 'subtle' | 'raised';
 type PanelPadding = 'none' | 'sm' | 'md' | 'lg';
@@ -252,53 +285,70 @@ declare function PanelHeader({ className, children, ...props }: PanelSectionProp
 declare function PanelBody({ className, children, ...props }: PanelSectionProps): react_jsx_runtime.JSX.Element;
 declare function PanelFooter({ className, children, ...props }: PanelSectionProps): react_jsx_runtime.JSX.Element;
 
-interface SegmentedOption<T extends string> {
+/**
+ * Shared option model for single-select controls (Select, SegmentedControl,
+ * and future RadioGroup). Using a common type prevents divergent option
+ * structures across the form family.
+ */
+type ChoiceOption<T extends string> = {
     value: T;
-    label: string;
+    label: ReactNode;
     disabled?: boolean;
-}
+    /** Explicit string representation for accessibility and search/filter use
+     *  cases where `label` is a ReactNode that cannot be inferred as text. */
+    textValue?: string;
+};
+
 interface SegmentedControlProps<T extends string> {
-    value: T;
-    onChange: (value: T) => void;
-    options: Array<SegmentedOption<T>>;
+    value?: T;
+    defaultValue?: T;
+    onValueChange?: (value: T) => void;
+    options: Array<ChoiceOption<T>>;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    id?: string;
+    name?: string;
     className?: string;
-    ariaLabel: string;
+    ariaLabel?: string;
+    'aria-describedby'?: string;
 }
-declare function SegmentedControl<T extends string>({ value, onChange, options, size, className, ariaLabel, }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
+declare function SegmentedControl<T extends string>({ value: valueProp, defaultValue, onValueChange, options, size, disabled: disabledProp, required, invalid, id, name, className, ariaLabel, 'aria-describedby': ariaDescribedBy, }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
 
-interface SelectOption<T extends string> {
-    value: T;
-    label: string;
-    disabled?: boolean;
-}
 interface SelectRenderValueArgs<T extends string> {
     open: boolean;
     placeholder: string;
-    selectedOption?: SelectOption<T>;
+    selectedOption?: ChoiceOption<T>;
 }
 interface SelectRenderOptionArgs<T extends string> {
-    option: SelectOption<T>;
+    option: ChoiceOption<T>;
     index: number;
     selected: boolean;
     highlighted: boolean;
 }
 type SelectPart = 'trigger' | 'chevron' | 'dropdown' | 'option';
 interface SelectProps<T extends string> {
-    value: T | '';
-    onChange: (value: T) => void;
-    options: Array<SelectOption<T>>;
+    value?: T | '';
+    defaultValue?: T | '';
+    onValueChange?: (value: T) => void;
+    options: Array<ChoiceOption<T>>;
     placeholder?: string;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     tone?: 'default' | 'warning';
     disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    id?: string;
+    name?: string;
     className?: string;
-    ariaLabel: string;
+    ariaLabel?: string;
+    'aria-describedby'?: string;
     renderValue?: (args: SelectRenderValueArgs<T>) => ReactNode;
     renderOption?: (args: SelectRenderOptionArgs<T>) => ReactNode;
     classNames?: Partial<Record<SelectPart, string>>;
 }
-declare function Select<T extends string>({ value, onChange, options, placeholder, size, tone, disabled, className, ariaLabel, renderValue, renderOption, classNames, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function Select<T extends string>({ value: valueProp, defaultValue, onValueChange, options, placeholder, size, tone, disabled: disabledProp, required, invalid, id, name, className, ariaLabel, 'aria-describedby': ariaDescribedBy, renderValue, renderOption, classNames, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
 type SkeletonAnimation = 'pulse' | 'scan';
 type SkeletonTone = 'default' | 'emphasis' | 'warm';
@@ -322,6 +372,7 @@ declare function Spinner({ variant, size, className, label }: SpinnerProps): rea
 
 type StatusNoticeTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
 type StatusNoticeLayout = 'horizontal' | 'vertical';
+type StatusNoticePart = 'title' | 'icon' | 'body' | 'action';
 interface StatusNoticeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     tone?: StatusNoticeTone;
     layout?: StatusNoticeLayout;
@@ -330,19 +381,26 @@ interface StatusNoticeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'
     description?: ReactNode;
     action?: ReactNode;
     children?: ReactNode;
+    classNames?: Partial<Record<StatusNoticePart, string>>;
 }
-declare function StatusNotice({ tone, layout, icon, title, description, action, className, children, ...props }: StatusNoticeProps): react_jsx_runtime.JSX.Element;
+declare function StatusNotice({ tone, layout, icon, title, description, action, className, children, classNames, ...props }: StatusNoticeProps): react_jsx_runtime.JSX.Element;
 
 type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 interface SwitchProps {
-    checked: boolean;
-    onChange: (checked: boolean) => void;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
     size?: SwitchSize;
     disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    id?: string;
+    name?: string;
     className?: string;
-    ariaLabel: string;
+    ariaLabel?: string;
+    'aria-describedby'?: string;
 }
-declare function Switch({ checked, onChange, size, disabled, className, ariaLabel, }: SwitchProps): react_jsx_runtime.JSX.Element;
+declare function Switch({ checked: checkedProp, defaultChecked, onCheckedChange, size, disabled, required, invalid, id, name, className, ariaLabel, 'aria-describedby': ariaDescribedBy, }: SwitchProps): react_jsx_runtime.JSX.Element;
 
 interface TabsRootProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
@@ -379,8 +437,9 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     resize?: 'none' | 'vertical' | 'both';
     autoResize?: boolean;
+    invalid?: boolean;
 }
-declare function Textarea({ className, tone, size, resize, autoResize, style, onInput, rows, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+declare function Textarea({ className, tone, size, resize, autoResize, invalid, style, onInput, rows, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
 
 type ToastTone = 'success' | 'warning' | 'danger' | 'info';
 type ToastPart = 'container' | 'toast' | 'icon' | 'content' | 'title' | 'message' | 'close';
@@ -433,4 +492,4 @@ interface TooltipProps {
 }
 declare function Tooltip({ content, placement: preferredPlacement, density, showDelay, hideDelay, arrow, renderArrow, className, children, classNames, }: TooltipProps): react_jsx_runtime.JSX.Element;
 
-export { Avatar, Badge, type BadgeProps, Button, type ButtonProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsiblePart, CollapsibleRoot, type CollapsibleRootProps, CollapsibleTrigger, type CollapsibleTriggerProps, ConfirmProvider, Dialog, Drawer, DropdownMenu, type DropdownMenuAlign, type DropdownMenuContentProps, type DropdownMenuItemProps, type DropdownMenuProps, type DropdownMenuRole, type DropdownMenuSide, type DropdownMenuTriggerProps, Field, IconButton, type IconButtonProps, Input, type InputProps, Panel, PanelBody, PanelFooter, PanelHeader, SegmentedControl, type SegmentedOption, Select, type SelectOption, type SelectRenderOptionArgs, type SelectRenderValueArgs, Skeleton, type SkeletonAnimation, type SkeletonSpeed, type SkeletonTone, Spinner, StatusNotice, type StatusNoticeProps, Switch, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsRoot, type TabsRootProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type ToastInput, ToastProvider, type ToastRenderArgs, Tooltip, buttonClassName, useConfirm, useToast };
+export { Avatar, Badge, type BadgeProps, Button, type ButtonProps, Checkbox, type CheckboxProps, type ChoiceOption, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsiblePart, CollapsibleRoot, type CollapsibleRootProps, CollapsibleTrigger, type CollapsibleTriggerProps, ConfirmProvider, Dialog, Drawer, DropdownMenu, type DropdownMenuAlign, type DropdownMenuContentProps, type DropdownMenuItemProps, type DropdownMenuProps, type DropdownMenuRole, type DropdownMenuSide, type DropdownMenuTriggerProps, Field, type FieldContextValue, type FieldProps, IconButton, type IconButtonProps, Input, type InputProps, Panel, PanelBody, PanelFooter, PanelHeader, SegmentedControl, type SegmentedControlProps, Select, type SelectProps, type SelectRenderOptionArgs, type SelectRenderValueArgs, Skeleton, type SkeletonAnimation, type SkeletonSpeed, type SkeletonTone, Spinner, StatusNotice, type StatusNoticePart, type StatusNoticeProps, Switch, type SwitchProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsRoot, type TabsRootProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type ToastInput, ToastProvider, type ToastRenderArgs, Tooltip, buttonClassName, useConfirm, useToast };