@owodesign/owoui 0.1.6 → 0.1.7-beta2

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.
Files changed (14) hide show
  1. package/dist/index.css +2 -2
  2. package/dist/index.d.ts +7 -3
  3. package/dist/index.min.js +2895 -1
  4. package/dist/storybook/index.css +2 -2
  5. package/dist/storybook/index.min.js +6910 -170
  6. package/dist/storybook-static/assets/index-BqGLqINX.css +1 -0
  7. package/dist/storybook-static/assets/index-DIFPlPRj.js +178 -0
  8. package/dist/storybook-static/index.html +6 -6
  9. package/dist/style.css +2 -2
  10. package/dist/tokens.min.js +195 -1
  11. package/package.json +11 -7
  12. package/dist/storybook-static/app.css +0 -597
  13. package/dist/storybook-static/assets/main.css +0 -1
  14. package/dist/storybook-static/assets/main.js +0 -307
package/dist/storybook-static/index.html CHANGED
@@ -1,12 +1,11 @@
1
1
  <!doctype html>
2
2
  <html lang="en">
3
3
  <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1" />
6
- <title>owoui Storybook</title>
7
- <meta name="color-scheme" content="light dark" />
8
- <link rel="stylesheet" href="./app.css" />
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>owoui Storybook Dev Host</title>
9
7
  <script>
8
+ // Blocking: apply stored theme/preset before first paint to prevent flash
10
9
  (function(){
11
10
  var d=document.documentElement,t=localStorage.getItem('owoui-storybook-theme'),
12
11
  p=localStorage.getItem('owoui-storybook-preset');
@@ -16,9 +15,10 @@
16
15
  d.classList.add('owoui-theme-'+t,'owoui-preset-'+p);
17
16
  })();
18
17
  </script>
18
+ <script type="module" crossorigin src="./assets/index-DIFPlPRj.js"></script>
19
+ <link rel="stylesheet" crossorigin href="./assets/index-BqGLqINX.css">
19
20
  </head>
20
21
  <body>
21
22
  <div id="root"></div>
22
- <script type="module" src="./assets/main.js"></script>
23
23
  </body>
24
24
  </html>
package/dist/style.css CHANGED
@@ -350,6 +350,6 @@
350
350
  }
351
351
 
352
352
  @layer owoui.components {
353
- .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 :global(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)}}
354
-
353
+ ._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)}}
354
+ /*$vite$:1*/
355
355
  }
package/dist/tokens.min.js CHANGED
@@ -1 +1,195 @@
1
- var o=["--owo-ref-color-neutral-900","--owo-ref-color-neutral-800","--owo-ref-color-neutral-700","--owo-ref-color-neutral-600","--owo-ref-color-neutral-500","--owo-ref-color-neutral-400","--owo-ref-color-neutral-300","--owo-ref-color-neutral-200","--owo-ref-color-neutral-100"],e=["--owo-cmp-surface-bg","--owo-cmp-surface-bg-subtle","--owo-cmp-surface-bg-raised","--owo-cmp-surface-bg-inset","--owo-cmp-surface-border","--owo-cmp-surface-border-muted","--owo-cmp-surface-border-strong","--owo-cmp-surface-shadow","--owo-cmp-surface-shadow-strong","--owo-cmp-surface-blur","--owo-cmp-canvas-bg","--owo-cmp-canvas-bg-subtle","--owo-cmp-surface-container","--owo-cmp-surface-container-high","--owo-cmp-surface-container-highest","--owo-cmp-overlay-bg","--owo-cmp-text-primary","--owo-cmp-text-secondary","--owo-cmp-text-muted","--owo-cmp-text-on-accent","--owo-cmp-accent-bg","--owo-cmp-accent-bg-hover","--owo-cmp-accent-bg-muted","--owo-cmp-accent-text","--owo-cmp-accent-border","--owo-cmp-success-bg","--owo-cmp-success-border","--owo-cmp-success-text","--owo-cmp-warning-bg","--owo-cmp-warning-border","--owo-cmp-warning-text","--owo-cmp-danger-bg","--owo-cmp-danger-bg-emphasis","--owo-cmp-danger-border","--owo-cmp-danger-text","--owo-cmp-info-bg","--owo-cmp-info-border","--owo-cmp-info-text","--owo-cmp-control-radius-sm","--owo-cmp-control-radius-md","--owo-cmp-control-radius-lg","--owo-cmp-control-radius-xl","--owo-cmp-control-radius-2xl","--owo-cmp-control-radius-full","--owo-cmp-control-height-xs","--owo-cmp-control-height-sm","--owo-cmp-control-height-md","--owo-cmp-control-height-lg","--owo-cmp-control-height-xl","--owo-cmp-control-border-width","--owo-cmp-control-focus-ring","--owo-cmp-control-focus-ring-offset","--owo-cmp-font-heading","--owo-cmp-motion-duration-fast","--owo-cmp-motion-duration-default","--owo-cmp-motion-ease-standard","--owo-cmp-motion-ease-decelerate","--owo-cmp-motion-ease-accelerate","--owo-cmp-density-compact","--owo-cmp-density-default","--owo-cmp-density-comfortable","--owo-cmp-z-dropdown","--owo-cmp-z-modal","--owo-cmp-z-toast"],r=["light","dark"],c=[{id:"surface",label:"Surface",tokens:["--owo-cmp-surface-bg","--owo-cmp-surface-bg-subtle","--owo-cmp-surface-bg-raised","--owo-cmp-surface-bg-inset","--owo-cmp-surface-border","--owo-cmp-surface-border-muted","--owo-cmp-surface-border-strong","--owo-cmp-surface-shadow","--owo-cmp-surface-shadow-strong","--owo-cmp-surface-blur","--owo-cmp-canvas-bg","--owo-cmp-canvas-bg-subtle","--owo-cmp-surface-container","--owo-cmp-surface-container-high","--owo-cmp-surface-container-highest","--owo-cmp-overlay-bg"]},{id:"text",label:"Text",tokens:["--owo-cmp-text-primary","--owo-cmp-text-secondary","--owo-cmp-text-muted","--owo-cmp-text-on-accent"]},{id:"accent",label:"Accent",tokens:["--owo-cmp-accent-bg","--owo-cmp-accent-bg-hover","--owo-cmp-accent-bg-muted","--owo-cmp-accent-text","--owo-cmp-accent-border"]},{id:"feedback",label:"Feedback",tokens:["--owo-cmp-success-bg","--owo-cmp-success-border","--owo-cmp-success-text","--owo-cmp-warning-bg","--owo-cmp-warning-border","--owo-cmp-warning-text","--owo-cmp-danger-bg","--owo-cmp-danger-bg-emphasis","--owo-cmp-danger-border","--owo-cmp-danger-text","--owo-cmp-info-bg","--owo-cmp-info-border","--owo-cmp-info-text"]},{id:"control",label:"Control",tokens:["--owo-cmp-control-radius-sm","--owo-cmp-control-radius-md","--owo-cmp-control-radius-lg","--owo-cmp-control-radius-xl","--owo-cmp-control-radius-2xl","--owo-cmp-control-radius-full","--owo-cmp-control-height-xs","--owo-cmp-control-height-sm","--owo-cmp-control-height-md","--owo-cmp-control-height-lg","--owo-cmp-control-height-xl","--owo-cmp-control-border-width","--owo-cmp-control-focus-ring","--owo-cmp-control-focus-ring-offset"]},{id:"typography",label:"Typography",tokens:["--owo-cmp-font-heading"]},{id:"motion-density",label:"Motion & Density",tokens:["--owo-cmp-motion-duration-fast","--owo-cmp-motion-duration-default","--owo-cmp-motion-ease-standard","--owo-cmp-motion-ease-decelerate","--owo-cmp-motion-ease-accelerate","--owo-cmp-density-compact","--owo-cmp-density-default","--owo-cmp-density-comfortable"]},{id:"layering",label:"Layering",tokens:["--owo-cmp-z-dropdown","--owo-cmp-z-modal","--owo-cmp-z-toast"]}],t=["default","flat","elevated","glass"],a={"--owo-cmp-surface-bg":"Default component surface background.","--owo-cmp-surface-bg-subtle":"Lower-emphasis surface background.","--owo-cmp-surface-bg-raised":"Raised surface background for floating or elevated panels.","--owo-cmp-surface-bg-inset":"Inset surface background for inputs and compact controls.","--owo-cmp-surface-border":"Default component border color.","--owo-cmp-surface-border-muted":"Lowest-emphasis border for subtle separators and dividers.","--owo-cmp-surface-border-strong":"Higher-emphasis border or focus-adjacent border color.","--owo-cmp-surface-shadow":"Default surface shadow for raised UI.","--owo-cmp-surface-shadow-strong":"Higher-emphasis shadow for popovers and overlays.","--owo-cmp-surface-blur":"Backdrop blur amount for translucent surface styles.","--owo-cmp-canvas-bg":"Page-level canvas background, distinct from component surfaces.","--owo-cmp-canvas-bg-subtle":"Subtle canvas background for secondary page regions.","--owo-cmp-surface-container":"Container background for sidebars, panels, and layout regions.","--owo-cmp-surface-container-high":"Higher-emphasis container background for nested panels.","--owo-cmp-surface-container-highest":"Highest-emphasis container background for deeply nested panels.","--owo-cmp-overlay-bg":"Shared overlay or backdrop background treatment.","--owo-cmp-text-primary":"Primary readable foreground text color.","--owo-cmp-text-secondary":"Secondary readable foreground text color.","--owo-cmp-text-muted":"Muted or tertiary text color.","--owo-cmp-text-on-accent":"Readable text color when placed on accent surfaces.","--owo-cmp-accent-bg":"Primary accent background color.","--owo-cmp-accent-bg-hover":"Primary accent hover color.","--owo-cmp-accent-bg-muted":"Muted accent background for hover, selected, and highlighted states.","--owo-cmp-accent-text":"Readable text color used on accent backgrounds.","--owo-cmp-accent-border":"Accent-tinted border for active indicators and emphasis separators.","--owo-cmp-success-bg":"Success background treatment.","--owo-cmp-success-border":"Success border treatment.","--owo-cmp-success-text":"Success foreground text color.","--owo-cmp-warning-bg":"Warning background treatment.","--owo-cmp-warning-border":"Warning border treatment.","--owo-cmp-warning-text":"Warning foreground text color.","--owo-cmp-danger-bg":"Danger background treatment.","--owo-cmp-danger-bg-emphasis":"Stronger danger background for hover, active, or destructive emphasis.","--owo-cmp-danger-border":"Danger border treatment.","--owo-cmp-danger-text":"Danger foreground text color.","--owo-cmp-info-bg":"Info background treatment.","--owo-cmp-info-border":"Info border treatment.","--owo-cmp-info-text":"Info foreground text color.","--owo-cmp-control-radius-sm":"Small control radius.","--owo-cmp-control-radius-md":"Default control radius.","--owo-cmp-control-radius-lg":"Large control radius.","--owo-cmp-control-radius-xl":"Extra-large radius for drawers, dialogs, and large containers.","--owo-cmp-control-radius-2xl":"Double extra-large radius for sheets and full-page overlays.","--owo-cmp-control-radius-full":"Fully rounded radius for pills, badges, avatars, and circular controls.","--owo-cmp-control-height-xs":"Extra-small control height.","--owo-cmp-control-height-sm":"Small control height.","--owo-cmp-control-height-md":"Default control height.","--owo-cmp-control-height-lg":"Large control height.","--owo-cmp-control-height-xl":"Extra-large control height.","--owo-cmp-control-border-width":"Default border width for controls.","--owo-cmp-control-focus-ring":"Focus ring color.","--owo-cmp-control-focus-ring-offset":"Focus ring offset base color.","--owo-cmp-font-heading":"Heading font family stack.","--owo-cmp-motion-duration-fast":"Fast motion duration.","--owo-cmp-motion-duration-default":"Default motion duration.","--owo-cmp-motion-ease-standard":"Default motion easing curve.","--owo-cmp-motion-ease-decelerate":"Entrance-friendly motion easing curve.","--owo-cmp-motion-ease-accelerate":"Exit-friendly motion easing curve.","--owo-cmp-density-compact":"Compact density scale.","--owo-cmp-density-default":"Default density scale.","--owo-cmp-density-comfortable":"Comfortable density scale.","--owo-cmp-z-dropdown":"Dropdown and popover layering index.","--owo-cmp-z-modal":"Modal and drawer layering index.","--owo-cmp-z-toast":"Toast and high-priority overlay layering index."};export{o as foundationNeutralKeys,t as presetNames,e as semanticTokenKeys,r as themeNames,a as tokenDescriptions,c as tokenGroups};
1
+ //#region src/tokens.ts
2
+ var e = [
3
+ "--owo-ref-color-neutral-900",
4
+ "--owo-ref-color-neutral-800",
5
+ "--owo-ref-color-neutral-700",
6
+ "--owo-ref-color-neutral-600",
7
+ "--owo-ref-color-neutral-500",
8
+ "--owo-ref-color-neutral-400",
9
+ "--owo-ref-color-neutral-300",
10
+ "--owo-ref-color-neutral-200",
11
+ "--owo-ref-color-neutral-100"
12
+ ], t = /* @__PURE__ */ "--owo-cmp-surface-bg.--owo-cmp-surface-bg-subtle.--owo-cmp-surface-bg-raised.--owo-cmp-surface-bg-inset.--owo-cmp-surface-border.--owo-cmp-surface-border-muted.--owo-cmp-surface-border-strong.--owo-cmp-surface-shadow.--owo-cmp-surface-shadow-strong.--owo-cmp-surface-blur.--owo-cmp-canvas-bg.--owo-cmp-canvas-bg-subtle.--owo-cmp-surface-container.--owo-cmp-surface-container-high.--owo-cmp-surface-container-highest.--owo-cmp-overlay-bg.--owo-cmp-text-primary.--owo-cmp-text-secondary.--owo-cmp-text-muted.--owo-cmp-text-on-accent.--owo-cmp-accent-bg.--owo-cmp-accent-bg-hover.--owo-cmp-accent-bg-muted.--owo-cmp-accent-text.--owo-cmp-accent-border.--owo-cmp-success-bg.--owo-cmp-success-border.--owo-cmp-success-text.--owo-cmp-warning-bg.--owo-cmp-warning-border.--owo-cmp-warning-text.--owo-cmp-danger-bg.--owo-cmp-danger-bg-emphasis.--owo-cmp-danger-border.--owo-cmp-danger-text.--owo-cmp-info-bg.--owo-cmp-info-border.--owo-cmp-info-text.--owo-cmp-control-radius-sm.--owo-cmp-control-radius-md.--owo-cmp-control-radius-lg.--owo-cmp-control-radius-xl.--owo-cmp-control-radius-2xl.--owo-cmp-control-radius-full.--owo-cmp-control-height-xs.--owo-cmp-control-height-sm.--owo-cmp-control-height-md.--owo-cmp-control-height-lg.--owo-cmp-control-height-xl.--owo-cmp-control-border-width.--owo-cmp-control-focus-ring.--owo-cmp-control-focus-ring-offset.--owo-cmp-font-heading.--owo-cmp-motion-duration-fast.--owo-cmp-motion-duration-default.--owo-cmp-motion-ease-standard.--owo-cmp-motion-ease-decelerate.--owo-cmp-motion-ease-accelerate.--owo-cmp-density-compact.--owo-cmp-density-default.--owo-cmp-density-comfortable.--owo-cmp-z-dropdown.--owo-cmp-z-modal.--owo-cmp-z-toast".split("."), n = ["light", "dark"], r = [
13
+ {
14
+ id: "surface",
15
+ label: "Surface",
16
+ tokens: [
17
+ "--owo-cmp-surface-bg",
18
+ "--owo-cmp-surface-bg-subtle",
19
+ "--owo-cmp-surface-bg-raised",
20
+ "--owo-cmp-surface-bg-inset",
21
+ "--owo-cmp-surface-border",
22
+ "--owo-cmp-surface-border-muted",
23
+ "--owo-cmp-surface-border-strong",
24
+ "--owo-cmp-surface-shadow",
25
+ "--owo-cmp-surface-shadow-strong",
26
+ "--owo-cmp-surface-blur",
27
+ "--owo-cmp-canvas-bg",
28
+ "--owo-cmp-canvas-bg-subtle",
29
+ "--owo-cmp-surface-container",
30
+ "--owo-cmp-surface-container-high",
31
+ "--owo-cmp-surface-container-highest",
32
+ "--owo-cmp-overlay-bg"
33
+ ]
34
+ },
35
+ {
36
+ id: "text",
37
+ label: "Text",
38
+ tokens: [
39
+ "--owo-cmp-text-primary",
40
+ "--owo-cmp-text-secondary",
41
+ "--owo-cmp-text-muted",
42
+ "--owo-cmp-text-on-accent"
43
+ ]
44
+ },
45
+ {
46
+ id: "accent",
47
+ label: "Accent",
48
+ tokens: [
49
+ "--owo-cmp-accent-bg",
50
+ "--owo-cmp-accent-bg-hover",
51
+ "--owo-cmp-accent-bg-muted",
52
+ "--owo-cmp-accent-text",
53
+ "--owo-cmp-accent-border"
54
+ ]
55
+ },
56
+ {
57
+ id: "feedback",
58
+ label: "Feedback",
59
+ tokens: [
60
+ "--owo-cmp-success-bg",
61
+ "--owo-cmp-success-border",
62
+ "--owo-cmp-success-text",
63
+ "--owo-cmp-warning-bg",
64
+ "--owo-cmp-warning-border",
65
+ "--owo-cmp-warning-text",
66
+ "--owo-cmp-danger-bg",
67
+ "--owo-cmp-danger-bg-emphasis",
68
+ "--owo-cmp-danger-border",
69
+ "--owo-cmp-danger-text",
70
+ "--owo-cmp-info-bg",
71
+ "--owo-cmp-info-border",
72
+ "--owo-cmp-info-text"
73
+ ]
74
+ },
75
+ {
76
+ id: "control",
77
+ label: "Control",
78
+ tokens: [
79
+ "--owo-cmp-control-radius-sm",
80
+ "--owo-cmp-control-radius-md",
81
+ "--owo-cmp-control-radius-lg",
82
+ "--owo-cmp-control-radius-xl",
83
+ "--owo-cmp-control-radius-2xl",
84
+ "--owo-cmp-control-radius-full",
85
+ "--owo-cmp-control-height-xs",
86
+ "--owo-cmp-control-height-sm",
87
+ "--owo-cmp-control-height-md",
88
+ "--owo-cmp-control-height-lg",
89
+ "--owo-cmp-control-height-xl",
90
+ "--owo-cmp-control-border-width",
91
+ "--owo-cmp-control-focus-ring",
92
+ "--owo-cmp-control-focus-ring-offset"
93
+ ]
94
+ },
95
+ {
96
+ id: "typography",
97
+ label: "Typography",
98
+ tokens: ["--owo-cmp-font-heading"]
99
+ },
100
+ {
101
+ id: "motion-density",
102
+ label: "Motion & Density",
103
+ tokens: [
104
+ "--owo-cmp-motion-duration-fast",
105
+ "--owo-cmp-motion-duration-default",
106
+ "--owo-cmp-motion-ease-standard",
107
+ "--owo-cmp-motion-ease-decelerate",
108
+ "--owo-cmp-motion-ease-accelerate",
109
+ "--owo-cmp-density-compact",
110
+ "--owo-cmp-density-default",
111
+ "--owo-cmp-density-comfortable"
112
+ ]
113
+ },
114
+ {
115
+ id: "layering",
116
+ label: "Layering",
117
+ tokens: [
118
+ "--owo-cmp-z-dropdown",
119
+ "--owo-cmp-z-modal",
120
+ "--owo-cmp-z-toast"
121
+ ]
122
+ }
123
+ ], i = [
124
+ "default",
125
+ "flat",
126
+ "elevated",
127
+ "glass"
128
+ ], a = {
129
+ "--owo-cmp-surface-bg": "Default component surface background.",
130
+ "--owo-cmp-surface-bg-subtle": "Lower-emphasis surface background.",
131
+ "--owo-cmp-surface-bg-raised": "Raised surface background for floating or elevated panels.",
132
+ "--owo-cmp-surface-bg-inset": "Inset surface background for inputs and compact controls.",
133
+ "--owo-cmp-surface-border": "Default component border color.",
134
+ "--owo-cmp-surface-border-muted": "Lowest-emphasis border for subtle separators and dividers.",
135
+ "--owo-cmp-surface-border-strong": "Higher-emphasis border or focus-adjacent border color.",
136
+ "--owo-cmp-surface-shadow": "Default surface shadow for raised UI.",
137
+ "--owo-cmp-surface-shadow-strong": "Higher-emphasis shadow for popovers and overlays.",
138
+ "--owo-cmp-surface-blur": "Backdrop blur amount for translucent surface styles.",
139
+ "--owo-cmp-canvas-bg": "Page-level canvas background, distinct from component surfaces.",
140
+ "--owo-cmp-canvas-bg-subtle": "Subtle canvas background for secondary page regions.",
141
+ "--owo-cmp-surface-container": "Container background for sidebars, panels, and layout regions.",
142
+ "--owo-cmp-surface-container-high": "Higher-emphasis container background for nested panels.",
143
+ "--owo-cmp-surface-container-highest": "Highest-emphasis container background for deeply nested panels.",
144
+ "--owo-cmp-overlay-bg": "Shared overlay or backdrop background treatment.",
145
+ "--owo-cmp-text-primary": "Primary readable foreground text color.",
146
+ "--owo-cmp-text-secondary": "Secondary readable foreground text color.",
147
+ "--owo-cmp-text-muted": "Muted or tertiary text color.",
148
+ "--owo-cmp-text-on-accent": "Readable text color when placed on accent surfaces.",
149
+ "--owo-cmp-accent-bg": "Primary accent background color.",
150
+ "--owo-cmp-accent-bg-hover": "Primary accent hover color.",
151
+ "--owo-cmp-accent-bg-muted": "Muted accent background for hover, selected, and highlighted states.",
152
+ "--owo-cmp-accent-text": "Readable text color used on accent backgrounds.",
153
+ "--owo-cmp-accent-border": "Accent-tinted border for active indicators and emphasis separators.",
154
+ "--owo-cmp-success-bg": "Success background treatment.",
155
+ "--owo-cmp-success-border": "Success border treatment.",
156
+ "--owo-cmp-success-text": "Success foreground text color.",
157
+ "--owo-cmp-warning-bg": "Warning background treatment.",
158
+ "--owo-cmp-warning-border": "Warning border treatment.",
159
+ "--owo-cmp-warning-text": "Warning foreground text color.",
160
+ "--owo-cmp-danger-bg": "Danger background treatment.",
161
+ "--owo-cmp-danger-bg-emphasis": "Stronger danger background for hover, active, or destructive emphasis.",
162
+ "--owo-cmp-danger-border": "Danger border treatment.",
163
+ "--owo-cmp-danger-text": "Danger foreground text color.",
164
+ "--owo-cmp-info-bg": "Info background treatment.",
165
+ "--owo-cmp-info-border": "Info border treatment.",
166
+ "--owo-cmp-info-text": "Info foreground text color.",
167
+ "--owo-cmp-control-radius-sm": "Small control radius.",
168
+ "--owo-cmp-control-radius-md": "Default control radius.",
169
+ "--owo-cmp-control-radius-lg": "Large control radius.",
170
+ "--owo-cmp-control-radius-xl": "Extra-large radius for drawers, dialogs, and large containers.",
171
+ "--owo-cmp-control-radius-2xl": "Double extra-large radius for sheets and full-page overlays.",
172
+ "--owo-cmp-control-radius-full": "Fully rounded radius for pills, badges, avatars, and circular controls.",
173
+ "--owo-cmp-control-height-xs": "Extra-small control height.",
174
+ "--owo-cmp-control-height-sm": "Small control height.",
175
+ "--owo-cmp-control-height-md": "Default control height.",
176
+ "--owo-cmp-control-height-lg": "Large control height.",
177
+ "--owo-cmp-control-height-xl": "Extra-large control height.",
178
+ "--owo-cmp-control-border-width": "Default border width for controls.",
179
+ "--owo-cmp-control-focus-ring": "Focus ring color.",
180
+ "--owo-cmp-control-focus-ring-offset": "Focus ring offset base color.",
181
+ "--owo-cmp-font-heading": "Heading font family stack.",
182
+ "--owo-cmp-motion-duration-fast": "Fast motion duration.",
183
+ "--owo-cmp-motion-duration-default": "Default motion duration.",
184
+ "--owo-cmp-motion-ease-standard": "Default motion easing curve.",
185
+ "--owo-cmp-motion-ease-decelerate": "Entrance-friendly motion easing curve.",
186
+ "--owo-cmp-motion-ease-accelerate": "Exit-friendly motion easing curve.",
187
+ "--owo-cmp-density-compact": "Compact density scale.",
188
+ "--owo-cmp-density-default": "Default density scale.",
189
+ "--owo-cmp-density-comfortable": "Comfortable density scale.",
190
+ "--owo-cmp-z-dropdown": "Dropdown and popover layering index.",
191
+ "--owo-cmp-z-modal": "Modal and drawer layering index.",
192
+ "--owo-cmp-z-toast": "Toast and high-priority overlay layering index."
193
+ };
194
+ //#endregion
195
+ export { e as foundationNeutralKeys, i as presetNames, t as semanticTokenKeys, n as themeNames, a as tokenDescriptions, r as tokenGroups };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@owodesign/owoui",
3
- "version": "0.1.6",
3
+ "version": "0.1.7-beta2",
4
4
  "description": "Reusable React UI foundation components and theme presets.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.min.js",
@@ -61,13 +61,13 @@
61
61
  "./src/storybook/**/*.tsx"
62
62
  ],
63
63
  "scripts": {
64
- "build": "npm run build:lib && npm run build:storybook && npm run build:css && npm run build:storybook:catalog && npm run build:storybook:static",
64
+ "build": "npm run build:lib && npm run build:storybook && npm run build:css && npm run check:dist:style-contract && npm run build:storybook:catalog && npm run build:storybook:static",
65
65
  "build:css": "node scripts/build-css.mjs",
66
- "build:lib": "tsup",
67
- "build:storybook": "tsup --config tsup.storybook.config.ts",
66
+ "build:lib": "vite build --config vite.lib.config.ts && tsup",
67
+ "build:storybook": "vite build --config vite.storybook.config.ts && tsup --config tsup.storybook.config.ts",
68
68
  "build:storybook:catalog": "node scripts/build-storybook-catalog.mjs",
69
- "build:storybook:static:bundle": "tsup --config tsup.storybook.static.config.ts",
70
- "build:storybook:static": "npm run build:storybook:static:bundle && node scripts/build-storybook-static.mjs",
69
+ "build:storybook:static": "vite build --config vite.storybook-static.config.ts",
70
+ "check:dist:style-contract": "node scripts/check-dist-style-contract.mjs",
71
71
  "check:css-modules": "node scripts/check-css-module-refs.mjs",
72
72
  "check:css-modules:unused": "node scripts/report-unused-css-module-classes.mjs",
73
73
  "dev:storybook": "vite --config vite.config.ts",
@@ -75,13 +75,16 @@
75
75
  "typecheck": "npm run check:css-modules && tsc --noEmit -p tsconfig.json",
76
76
  "consumer:smoke": "node examples/consumer-smoke.mjs",
77
77
  "consumer:tarball": "node scripts/verify-tarball-consumer.mjs",
78
+ "consumer:tarball:vite": "node scripts/verify-tarball-consumer.mjs --fixture vite",
79
+ "consumer:tarball:next-css": "node scripts/verify-tarball-consumer.mjs --fixture next-turbopack-css",
80
+ "consumer:tarball:next-components": "node scripts/verify-tarball-consumer.mjs --fixture next-turbopack",
78
81
  "clean": "rm -rf dist",
79
82
  "pack:inspect": "npm_config_cache=/tmp/owoui-npm-cache npm pack --dry-run --json .",
80
83
  "test": "vitest run",
81
84
  "test:watch": "vitest",
82
85
  "test:e2e": "npx playwright test",
83
86
  "test:e2e:update": "npx playwright test --update-snapshots",
84
- "release:check": "npm run build && npm run typecheck && npm run consumer:smoke && npm run consumer:tarball && npm run pack:inspect",
87
+ "release:check": "npm run build && npm run check:dist:style-contract && npm run typecheck && npm run consumer:smoke && npm run consumer:tarball && npm run pack:inspect",
85
88
  "release:publish": "npm run release:check && npm publish --access public"
86
89
  },
87
90
  "publishConfig": {
@@ -100,6 +103,7 @@
100
103
  "@playwright/test": "^1.59.0",
101
104
  "@testing-library/jest-dom": "^6.9.1",
102
105
  "@testing-library/react": "^16.3.2",
106
+ "@types/node": "^25.5.0",
103
107
  "@types/react": "^19.0.0",
104
108
  "@types/react-dom": "^19.0.0",
105
109
  "@vitejs/plugin-react": "^6.0.1",