@owodesign/owoui 0.1.7-beta2 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.d.ts +92 -37
- package/dist/index.min.js +1006 -733
- package/dist/storybook/catalog.js +13 -3
- package/dist/storybook/catalog.json +13 -3
- package/dist/storybook/index.css +1 -1
- package/dist/storybook/index.min.js +1938 -1262
- package/dist/storybook-static/assets/index-BRZA1IIs.js +178 -0
- package/dist/storybook-static/assets/index-Bb9jxRzx.css +1 -0
- package/dist/storybook-static/index.html +2 -2
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/dist/storybook-static/assets/index-BqGLqINX.css +0 -1
- package/dist/storybook-static/assets/index-DIFPlPRj.js +0 -178
package/dist/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
@layer owoui.components {
|
|
2
|
-
._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)}: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_1fz2l_1{--field-label:var(--owo-cmp-text-secondary);--field-help:var(--owo-cmp-text-muted);display:block}._root_1fz2l_1 ._label_1fz2l_7{color:var(--field-label);margin-bottom:.25rem;font-size:.75rem;line-height:1rem;display:block}._root_1fz2l_1 ._help_1fz2l_15{color:var(--field-help);margin-top:.25rem;font-size:.75rem;line-height:1rem;display:block}._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_biv8a_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_biv8a_1[data-size=xs]{font-size:.6875rem;line-height:.875rem}._root_biv8a_1[data-size=sm]{font-size:.75rem;line-height:1rem}._root_biv8a_1[data-size=md]{font-size:.875rem;line-height:1.25rem}._root_biv8a_1[data-size=lg]{font-size:.9375rem;line-height:1.375rem}._root_biv8a_1[data-size=xl]{font-size:1rem;line-height:1.5rem}._item_biv8a_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_biv8a_41:focus{outline:none}._item_biv8a_41:focus-visible{box-shadow:inset 0 0 0 1px var(--segmented-ring)}._item_biv8a_41:disabled{cursor:not-allowed;opacity:.5}._item_biv8a_41:hover{color:var(--segmented-item-hover-text)}._item_biv8a_41[data-active=true]{background:var(--segmented-item-active-bg);color:var(--segmented-item-active-text)}._root_biv8a_1[data-size=xs]>._item_biv8a_41{min-height:calc(var(--owo-cmp-control-height-xs) - .25rem);padding:.125rem .5rem}._root_biv8a_1[data-size=sm]>._item_biv8a_41{min-height:calc(var(--owo-cmp-control-height-sm) - .25rem);padding:.25rem .625rem}._root_biv8a_1[data-size=md]>._item_biv8a_41{min-height:calc(var(--owo-cmp-control-height-md) - .25rem);padding:.375rem .75rem}._root_biv8a_1[data-size=lg]>._item_biv8a_41{min-height:calc(var(--owo-cmp-control-height-lg) - .25rem);padding:.5rem .875rem}._root_biv8a_1[data-size=xl]>._item_biv8a_41{min-height:calc(var(--owo-cmp-control-height-xl) - .25rem);padding:.625rem 1rem}._root_pixr0_1{display:inline-block;position:relative}._root_pixr0_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_pixr0_1 [data-part=trigger]:focus-visible{--select-border:var(--select-ring);box-shadow:none;outline:none}._root_pixr0_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_pixr0_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_pixr0_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_pixr0_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_pixr0_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_pixr0_1 [data-part=trigger]:hover:not(:disabled),._root_pixr0_1 [data-part=trigger][data-state=open]{--select-border:var(--owo-cmp-surface-border-strong)}._root_pixr0_1 [data-part=trigger][data-tone=warning]{--select-border:var(--owo-cmp-warning-border);--select-ring:var(--owo-cmp-warning-border)}._root_pixr0_1 [data-part=trigger]:disabled{cursor:not-allowed;opacity:.5}._valueText_pixr0_91{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._placeholder_pixr0_97{color:var(--owo-cmp-text-muted)}._root_pixr0_1 [data-part=chevron]{width:.875rem;height:.875rem;color:var(--owo-cmp-text-muted);flex-shrink:0;transition:transform .15s}._root_pixr0_1 [data-part=chevron][data-state=open]{transform:rotate(180deg)}._root_pixr0_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_pixr0_1 [data-part=dropdown][data-size=sm]{font-size:.75rem;line-height:1rem}._root_pixr0_1 [data-part=dropdown][data-size=md]{font-size:.875rem;line-height:1.25rem}._root_pixr0_1 [data-part=dropdown][data-size=xs]{font-size:.6875rem;line-height:.875rem}._root_pixr0_1 [data-part=dropdown][data-size=lg]{font-size:.9375rem;line-height:1.375rem}._root_pixr0_1 [data-part=dropdown][data-size=xl]{font-size:1rem;line-height:1.5rem}._root_pixr0_1 [data-part=option]{cursor:default;-webkit-user-select:none;user-select:none;padding:.375rem .75rem;transition:background-color .15s}._root_pixr0_1 [data-part=option][data-disabled]{cursor:not-allowed;opacity:.5}._root_pixr0_1 [data-part=option][data-focused]{background:var(--owo-cmp-surface-bg-inset)}._root_pixr0_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_1qzgu_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_1qzgu_1:focus{outline:none}._root_1qzgu_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_1qzgu_1:disabled{cursor:not-allowed;opacity:.5}._root_1qzgu_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_1qzgu_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_1qzgu_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_1qzgu_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_1qzgu_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_1qzgu_1[aria-checked=true]{background:var(--owo-cmp-accent-bg)}._root_1qzgu_1:hover:not(:disabled){background:color-mix(in srgb, var(--owo-cmp-surface-border-strong) 82%, var(--owo-cmp-text-muted))}._root_1qzgu_1[aria-checked=true]:hover:not(:disabled){background:var(--owo-cmp-accent-bg-hover)}._root_1qzgu_1 ._thumb_1qzgu_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_1qzgu_1[data-size=xs]>._thumb_1qzgu_81{width:.625rem;height:.625rem}._root_1qzgu_1[data-size=sm]>._thumb_1qzgu_81{width:.875rem;height:.875rem}._root_1qzgu_1[data-size=md]>._thumb_1qzgu_81{width:1.125rem;height:1.125rem}._root_1qzgu_1[data-size=lg]>._thumb_1qzgu_81{width:1.375rem;height:1.375rem}._root_1qzgu_1[data-size=xl]>._thumb_1qzgu_81{width:1.875rem;height:1.875rem}._root_1qzgu_1[aria-checked=true]>._thumb_1qzgu_81{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-offset)))}._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)}}
|
|
2
|
+
._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)}}
|
|
3
3
|
/*$vite$:1*/
|
|
4
4
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -45,6 +45,26 @@ type ButtonProps = ButtonElementProps | LinkElementProps;
|
|
|
45
45
|
declare function buttonClassName({ className, }: Pick<ButtonProps, 'variant' | 'size' | 'loading' | 'className'>): string;
|
|
46
46
|
declare function Button(props: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
47
47
|
|
|
48
|
+
type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
49
|
+
interface CheckboxProps {
|
|
50
|
+
checked?: boolean;
|
|
51
|
+
defaultChecked?: boolean;
|
|
52
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
53
|
+
indeterminate?: boolean;
|
|
54
|
+
disabled?: boolean;
|
|
55
|
+
required?: boolean;
|
|
56
|
+
invalid?: boolean;
|
|
57
|
+
name?: string;
|
|
58
|
+
value?: string;
|
|
59
|
+
id?: string;
|
|
60
|
+
size?: CheckboxSize;
|
|
61
|
+
className?: string;
|
|
62
|
+
ariaLabel?: string;
|
|
63
|
+
children?: ReactNode;
|
|
64
|
+
'aria-describedby'?: string;
|
|
65
|
+
}
|
|
66
|
+
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;
|
|
67
|
+
|
|
48
68
|
type CollapsiblePart = 'trigger' | 'content' | 'triggerInner' | 'triggerIcon' | 'triggerLabel' | 'triggerIndicator' | 'contentInner';
|
|
49
69
|
interface CollapsibleRootProps extends HTMLAttributes<HTMLDivElement> {
|
|
50
70
|
children: ReactNode;
|
|
@@ -195,15 +215,32 @@ interface DrawerProps extends HTMLAttributes<HTMLElement> {
|
|
|
195
215
|
}
|
|
196
216
|
declare function Drawer({ as: Component, open, children, side, position, showBackdrop, onClose, closeLabel, backdropClassName, className, classNames, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
197
217
|
|
|
198
|
-
type FieldPart = 'label' | 'help';
|
|
218
|
+
type FieldPart = 'label' | 'description' | 'error' | 'help' | 'required';
|
|
199
219
|
interface FieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
200
220
|
label: ReactNode;
|
|
221
|
+
description?: ReactNode;
|
|
222
|
+
error?: ReactNode;
|
|
201
223
|
help?: ReactNode;
|
|
224
|
+
required?: boolean;
|
|
225
|
+
disabled?: boolean;
|
|
226
|
+
invalid?: boolean;
|
|
202
227
|
htmlFor?: string;
|
|
203
228
|
children: ReactNode;
|
|
204
229
|
classNames?: Partial<Record<FieldPart, string>>;
|
|
205
230
|
}
|
|
206
|
-
declare function Field({ label, help, htmlFor, children, className, classNames, ...props }: FieldProps): react_jsx_runtime.JSX.Element;
|
|
231
|
+
declare function Field({ label, description, error, help, required, disabled, invalid, htmlFor, children, className, classNames, ...props }: FieldProps): react_jsx_runtime.JSX.Element;
|
|
232
|
+
|
|
233
|
+
interface FieldContextValue {
|
|
234
|
+
/** Auto-generated control ID for htmlFor / id association. */
|
|
235
|
+
controlId: string;
|
|
236
|
+
/** Label element ID for controls that need aria-labelledby instead of htmlFor. */
|
|
237
|
+
labelId: string;
|
|
238
|
+
/** Space-separated IDs for aria-describedby (description + error slots). */
|
|
239
|
+
describedBy: string | undefined;
|
|
240
|
+
disabled: boolean;
|
|
241
|
+
invalid: boolean;
|
|
242
|
+
required: boolean;
|
|
243
|
+
}
|
|
207
244
|
|
|
208
245
|
type IconButtonVariant = 'ghost' | 'subtle';
|
|
209
246
|
type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -227,16 +264,10 @@ type InputBaseProps = {
|
|
|
227
264
|
className?: string;
|
|
228
265
|
tone?: 'default' | 'warning';
|
|
229
266
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
267
|
+
invalid?: boolean;
|
|
230
268
|
};
|
|
231
|
-
type
|
|
232
|
-
|
|
233
|
-
};
|
|
234
|
-
type TextareaProps$1 = InputBaseProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & {
|
|
235
|
-
as: 'textarea';
|
|
236
|
-
};
|
|
237
|
-
type InputProps = TextInputProps | TextareaProps$1;
|
|
238
|
-
declare function Input(props: TextInputProps): React.JSX.Element;
|
|
239
|
-
declare function Input(props: TextareaProps$1): React.JSX.Element;
|
|
269
|
+
type InputProps = InputBaseProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
|
|
270
|
+
declare function Input({ className, tone, size, invalid, ...rest }: InputProps): react_jsx_runtime.JSX.Element;
|
|
240
271
|
|
|
241
272
|
type PanelVariant = 'default' | 'subtle' | 'raised';
|
|
242
273
|
type PanelPadding = 'none' | 'sm' | 'md' | 'lg';
|
|
@@ -254,53 +285,70 @@ declare function PanelHeader({ className, children, ...props }: PanelSectionProp
|
|
|
254
285
|
declare function PanelBody({ className, children, ...props }: PanelSectionProps): react_jsx_runtime.JSX.Element;
|
|
255
286
|
declare function PanelFooter({ className, children, ...props }: PanelSectionProps): react_jsx_runtime.JSX.Element;
|
|
256
287
|
|
|
257
|
-
|
|
288
|
+
/**
|
|
289
|
+
* Shared option model for single-select controls (Select, SegmentedControl,
|
|
290
|
+
* and future RadioGroup). Using a common type prevents divergent option
|
|
291
|
+
* structures across the form family.
|
|
292
|
+
*/
|
|
293
|
+
type ChoiceOption<T extends string> = {
|
|
258
294
|
value: T;
|
|
259
|
-
label:
|
|
295
|
+
label: ReactNode;
|
|
260
296
|
disabled?: boolean;
|
|
261
|
-
|
|
297
|
+
/** Explicit string representation for accessibility and search/filter use
|
|
298
|
+
* cases where `label` is a ReactNode that cannot be inferred as text. */
|
|
299
|
+
textValue?: string;
|
|
300
|
+
};
|
|
301
|
+
|
|
262
302
|
interface SegmentedControlProps<T extends string> {
|
|
263
|
-
value
|
|
264
|
-
|
|
265
|
-
|
|
303
|
+
value?: T;
|
|
304
|
+
defaultValue?: T;
|
|
305
|
+
onValueChange?: (value: T) => void;
|
|
306
|
+
options: Array<ChoiceOption<T>>;
|
|
266
307
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
308
|
+
disabled?: boolean;
|
|
309
|
+
required?: boolean;
|
|
310
|
+
invalid?: boolean;
|
|
311
|
+
id?: string;
|
|
312
|
+
name?: string;
|
|
267
313
|
className?: string;
|
|
268
|
-
ariaLabel
|
|
314
|
+
ariaLabel?: string;
|
|
315
|
+
'aria-describedby'?: string;
|
|
269
316
|
}
|
|
270
|
-
declare function SegmentedControl<T extends string>({ value,
|
|
317
|
+
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;
|
|
271
318
|
|
|
272
|
-
interface SelectOption<T extends string> {
|
|
273
|
-
value: T;
|
|
274
|
-
label: string;
|
|
275
|
-
disabled?: boolean;
|
|
276
|
-
}
|
|
277
319
|
interface SelectRenderValueArgs<T extends string> {
|
|
278
320
|
open: boolean;
|
|
279
321
|
placeholder: string;
|
|
280
|
-
selectedOption?:
|
|
322
|
+
selectedOption?: ChoiceOption<T>;
|
|
281
323
|
}
|
|
282
324
|
interface SelectRenderOptionArgs<T extends string> {
|
|
283
|
-
option:
|
|
325
|
+
option: ChoiceOption<T>;
|
|
284
326
|
index: number;
|
|
285
327
|
selected: boolean;
|
|
286
328
|
highlighted: boolean;
|
|
287
329
|
}
|
|
288
330
|
type SelectPart = 'trigger' | 'chevron' | 'dropdown' | 'option';
|
|
289
331
|
interface SelectProps<T extends string> {
|
|
290
|
-
value
|
|
291
|
-
|
|
292
|
-
|
|
332
|
+
value?: T | '';
|
|
333
|
+
defaultValue?: T | '';
|
|
334
|
+
onValueChange?: (value: T) => void;
|
|
335
|
+
options: Array<ChoiceOption<T>>;
|
|
293
336
|
placeholder?: string;
|
|
294
337
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
295
338
|
tone?: 'default' | 'warning';
|
|
296
339
|
disabled?: boolean;
|
|
340
|
+
required?: boolean;
|
|
341
|
+
invalid?: boolean;
|
|
342
|
+
id?: string;
|
|
343
|
+
name?: string;
|
|
297
344
|
className?: string;
|
|
298
|
-
ariaLabel
|
|
345
|
+
ariaLabel?: string;
|
|
346
|
+
'aria-describedby'?: string;
|
|
299
347
|
renderValue?: (args: SelectRenderValueArgs<T>) => ReactNode;
|
|
300
348
|
renderOption?: (args: SelectRenderOptionArgs<T>) => ReactNode;
|
|
301
349
|
classNames?: Partial<Record<SelectPart, string>>;
|
|
302
350
|
}
|
|
303
|
-
declare function Select<T extends string>({ value,
|
|
351
|
+
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;
|
|
304
352
|
|
|
305
353
|
type SkeletonAnimation = 'pulse' | 'scan';
|
|
306
354
|
type SkeletonTone = 'default' | 'emphasis' | 'warm';
|
|
@@ -339,14 +387,20 @@ declare function StatusNotice({ tone, layout, icon, title, description, action,
|
|
|
339
387
|
|
|
340
388
|
type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
341
389
|
interface SwitchProps {
|
|
342
|
-
checked
|
|
343
|
-
|
|
390
|
+
checked?: boolean;
|
|
391
|
+
defaultChecked?: boolean;
|
|
392
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
344
393
|
size?: SwitchSize;
|
|
345
394
|
disabled?: boolean;
|
|
395
|
+
required?: boolean;
|
|
396
|
+
invalid?: boolean;
|
|
397
|
+
id?: string;
|
|
398
|
+
name?: string;
|
|
346
399
|
className?: string;
|
|
347
|
-
ariaLabel
|
|
400
|
+
ariaLabel?: string;
|
|
401
|
+
'aria-describedby'?: string;
|
|
348
402
|
}
|
|
349
|
-
declare function Switch({ checked,
|
|
403
|
+
declare function Switch({ checked: checkedProp, defaultChecked, onCheckedChange, size, disabled, required, invalid, id, name, className, ariaLabel, 'aria-describedby': ariaDescribedBy, }: SwitchProps): react_jsx_runtime.JSX.Element;
|
|
350
404
|
|
|
351
405
|
interface TabsRootProps extends HTMLAttributes<HTMLDivElement> {
|
|
352
406
|
children: ReactNode;
|
|
@@ -383,8 +437,9 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
|
|
|
383
437
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
384
438
|
resize?: 'none' | 'vertical' | 'both';
|
|
385
439
|
autoResize?: boolean;
|
|
440
|
+
invalid?: boolean;
|
|
386
441
|
}
|
|
387
|
-
declare function Textarea({ className, tone, size, resize, autoResize, style, onInput, rows, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
|
|
442
|
+
declare function Textarea({ className, tone, size, resize, autoResize, invalid, style, onInput, rows, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
|
|
388
443
|
|
|
389
444
|
type ToastTone = 'success' | 'warning' | 'danger' | 'info';
|
|
390
445
|
type ToastPart = 'container' | 'toast' | 'icon' | 'content' | 'title' | 'message' | 'close';
|
|
@@ -437,4 +492,4 @@ interface TooltipProps {
|
|
|
437
492
|
}
|
|
438
493
|
declare function Tooltip({ content, placement: preferredPlacement, density, showDelay, hideDelay, arrow, renderArrow, className, children, classNames, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
439
494
|
|
|
440
|
-
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, type FieldProps, IconButton, type IconButtonProps, Input, type InputProps, Panel, PanelBody, PanelFooter, PanelHeader, SegmentedControl, type
|
|
495
|
+
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 };
|