seam-react 0.1.1 → 0.3.0

package/dist/styles.css

@@ -1 +1 @@
-@layer uk.tokens{:root{color-scheme:light dark;--uk-bg: light-dark(#ffffff, #0b0d12);--uk-surface: light-dark(#f6f7fb, #141821);--uk-surface-raised: light-dark(#ffffff, #1a1f2b);--uk-text: light-dark(#0f172a, #e7eaf0);--uk-text-muted: light-dark(#64748b, #98a2b3);--uk-border: light-dark(#e2e8f0, #2a3141);--uk-border-strong: light-dark(#cbd5e1, #3b4457);--uk-primary: light-dark(#4338ca, #a5b4fc);--uk-primary-solid: light-dark(#4338ca, #4f46e5);--uk-primary-solid-hover: light-dark(#3730a3, #6366f1);--uk-primary-contrast: #ffffff;--uk-danger: light-dark(#b91c1c, #fca5a5);--uk-danger-solid: light-dark(#b91c1c, #b91c1c);--uk-danger-solid-hover: light-dark(#991b1b, #991b1b);--uk-danger-contrast: #ffffff;--uk-success: light-dark(#15803d, #86efac);--uk-warning: light-dark(#b45309, #fcd34d);--uk-info: light-dark(#0369a1, #7dd3fc);--uk-focus-ring: light-dark(#6366f1, #a5b4fc);--uk-overlay: light-dark(rgb(15 23 42 / .45), rgb(0 0 0 / .65));--uk-space-1: .25rem;--uk-space-2: .5rem;--uk-space-3: .75rem;--uk-space-4: 1rem;--uk-space-5: 1.25rem;--uk-space-6: 1.5rem;--uk-space-8: 2rem;--uk-radius-sm: .375rem;--uk-radius-md: .625rem;--uk-radius-lg: .875rem;--uk-radius-full: 9999px;--uk-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--uk-font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;--uk-text-xs: .75rem;--uk-text-sm: .8125rem;--uk-text-md: .875rem;--uk-text-lg: 1rem;--uk-text-xl: 1.125rem;--uk-shadow-sm: 0 1px 2px rgb(15 23 42 / .08);--uk-shadow-md: 0 6px 16px -6px rgb(15 23 42 / .24);--uk-shadow-lg: 0 24px 48px -16px rgb(15 23 42 / .32), 0 2px 6px rgb(15 23 42 / .08);--uk-transition: .16s cubic-bezier(.2, .8, .2, 1);--uk-z-dialog: 1000;--uk-z-toast: 1100}@media(prefers-reduced-motion:reduce){:root{--uk-transition: 0ms}}}@layer uk.components{.uk-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--uk-space-2);border:1px solid transparent;border-radius:var(--uk-button-radius, var(--uk-radius-md));font-family:var(--uk-font-sans);font-weight:var(--uk-button-font-weight, 600);line-height:1;white-space:nowrap;cursor:pointer;user-select:none;text-decoration:none;transition:background-color var(--uk-transition),border-color var(--uk-transition),color var(--uk-transition),box-shadow var(--uk-transition)}.uk-button:focus-visible{outline:2px solid var(--uk-focus-ring);outline-offset:2px}.uk-button:disabled,.uk-button[data-loading=true]{cursor:not-allowed;opacity:.6}.uk-button[data-size=sm]{height:var(--uk-button-height-sm, 2rem);padding:0 var(--uk-space-3);font-size:var(--uk-text-sm)}.uk-button[data-size=md]{height:var(--uk-button-height-md, 2.5rem);padding:0 var(--uk-space-4);font-size:var(--uk-text-md)}.uk-button[data-size=lg]{height:var(--uk-button-height-lg, 3rem);padding:0 var(--uk-space-5);font-size:var(--uk-text-lg)}.uk-button[data-icon-only=true]{aspect-ratio:1;padding:0}.uk-button[data-variant=primary]{background:var(--uk-primary-solid);color:var(--uk-primary-contrast)}.uk-button[data-variant=primary]:hover:not(:disabled){background:var(--uk-primary-solid-hover)}.uk-button[data-variant=secondary]{background:var(--uk-surface);border-color:var(--uk-border);color:var(--uk-text)}.uk-button[data-variant=secondary]:hover:not(:disabled){border-color:var(--uk-border-strong)}.uk-button[data-variant=outline]{background:transparent;border-color:var(--uk-border-strong);color:var(--uk-text)}.uk-button[data-variant=outline]:hover:not(:disabled){background:var(--uk-surface)}.uk-button[data-variant=ghost]{background:transparent;color:var(--uk-text)}.uk-button[data-variant=ghost]:hover:not(:disabled){background:var(--uk-surface)}.uk-button[data-variant=danger]{background:var(--uk-danger-solid);color:var(--uk-danger-contrast)}.uk-button[data-variant=danger]:hover:not(:disabled){background:var(--uk-danger-solid-hover)}.uk-button__spinner{width:1em;height:1em;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:uk-button-spin .6s linear infinite}@keyframes uk-button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.uk-button__spinner{animation-duration:1.6s}}}@layer uk.components{.uk-input{width:100%;border:1px solid var(--uk-border-strong);border-radius:var(--uk-input-radius, var(--uk-radius-md));background:var(--uk-bg);color:var(--uk-text);font-family:var(--uk-font-sans);transition:border-color var(--uk-transition),box-shadow var(--uk-transition)}.uk-input[data-size=sm]{height:2rem;padding:0 var(--uk-space-3);font-size:var(--uk-text-sm)}.uk-input[data-size=md]{height:2.5rem;padding:0 var(--uk-space-3);font-size:var(--uk-text-md)}.uk-input[data-size=lg]{height:3rem;padding:0 var(--uk-space-4);font-size:var(--uk-text-lg)}.uk-input::placeholder{color:var(--uk-text-muted)}.uk-input:hover:not(:disabled){border-color:var(--uk-border-strong)}.uk-input:focus-visible{outline:none;border-color:var(--uk-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--uk-primary) 24%,transparent)}.uk-input:disabled{cursor:not-allowed;opacity:.6;background:var(--uk-surface)}.uk-input[aria-invalid=true]{border-color:var(--uk-danger)}.uk-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--uk-danger) 24%,transparent)}}@layer uk.components{.uk-switch{display:inline-flex;align-items:center;gap:var(--uk-space-3);color:var(--uk-text);font-family:var(--uk-font-sans);font-size:var(--uk-text-md);cursor:pointer;user-select:none}.uk-switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.uk-switch__track{position:relative;flex:none;width:2.5rem;height:1.5rem;border-radius:var(--uk-radius-full);background:var(--uk-switch-track, var(--uk-border-strong));transition:background-color var(--uk-transition)}.uk-switch__thumb{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--uk-switch-thumb, #ffffff);box-shadow:var(--uk-shadow-sm);transition:transform var(--uk-transition)}.uk-switch__input:checked+.uk-switch__track{background:var(--uk-switch-track-checked, var(--uk-primary-solid))}.uk-switch__input:checked+.uk-switch__track .uk-switch__thumb{transform:translate(1rem)}.uk-switch__input:focus-visible+.uk-switch__track{outline:2px solid var(--uk-focus-ring);outline-offset:2px}.uk-switch[data-disabled=true]{cursor:not-allowed;opacity:.6}}@layer uk.components{.uk-tabs{font-family:var(--uk-font-sans);color:var(--uk-text)}.uk-tabs__list{display:flex;gap:var(--uk-space-1);border-bottom:1px solid var(--uk-border)}.uk-tabs__trigger{position:relative;appearance:none;border:0;background:transparent;color:var(--uk-text-muted);font:inherit;font-size:var(--uk-text-md);font-weight:500;padding:var(--uk-space-2) var(--uk-space-3);border-radius:var(--uk-radius-sm) var(--uk-radius-sm) 0 0;cursor:pointer;transition:color var(--uk-transition),background-color var(--uk-transition)}.uk-tabs__trigger:hover:not(:disabled){color:var(--uk-text);background:var(--uk-surface)}.uk-tabs__trigger[data-state=active]{color:var(--uk-primary)}.uk-tabs__trigger[data-state=active]:after{content:"";position:absolute;right:var(--uk-space-2);bottom:-1px;left:var(--uk-space-2);height:var(--uk-tabs-indicator-size, 2px);border-radius:2px;background:var(--uk-tabs-indicator, var(--uk-primary))}.uk-tabs__trigger:focus-visible{outline:2px solid var(--uk-focus-ring);outline-offset:-2px}.uk-tabs__trigger:disabled{cursor:not-allowed;opacity:.5}.uk-tabs__panel{padding-top:var(--uk-space-4);color:var(--uk-text)}.uk-tabs__panel:focus-visible{outline:2px solid var(--uk-focus-ring);outline-offset:2px;border-radius:var(--uk-radius-sm)}.uk-tabs[data-orientation=vertical]{display:flex;gap:var(--uk-space-4)}.uk-tabs[data-orientation=vertical] .uk-tabs__list{flex-direction:column;border-bottom:0;border-inline-end:1px solid var(--uk-border)}.uk-tabs[data-orientation=vertical] .uk-tabs__trigger{text-align:start;border-radius:var(--uk-radius-sm) 0 0 var(--uk-radius-sm)}.uk-tabs[data-orientation=vertical] .uk-tabs__trigger[data-state=active]:after{top:var(--uk-space-2);right:-1px;bottom:var(--uk-space-2);left:auto;width:var(--uk-tabs-indicator-size, 2px);height:auto}.uk-tabs[data-orientation=vertical] .uk-tabs__panel{flex:1;padding-top:0}}@layer uk.components{.uk-dialog{width:min(var(--uk-dialog-width, 32rem),calc(100vw - var(--uk-space-8)));max-width:none;max-height:none;margin:auto;padding:0;border:0;background:transparent;color:var(--uk-text);z-index:var(--uk-z-dialog)}.uk-dialog::backdrop{background:var(--uk-overlay);backdrop-filter:blur(2px)}.uk-dialog[open]{animation:uk-dialog-in .18s cubic-bezier(.2,.8,.2,1)}.uk-dialog__panel{display:flex;flex-direction:column;max-height:min(85vh,42rem);border:1px solid var(--uk-border);border-radius:var(--uk-dialog-radius, var(--uk-radius-lg));background:var(--uk-surface-raised);box-shadow:var(--uk-shadow-lg);font-family:var(--uk-font-sans);overflow:hidden}.uk-dialog__header{display:flex;align-items:flex-start;gap:var(--uk-space-4);padding:var(--uk-space-5);border-bottom:1px solid var(--uk-border)}.uk-dialog__heading{flex:1;min-width:0}.uk-dialog__title{margin:0;color:var(--uk-text);font-size:var(--uk-text-xl);font-weight:600;line-height:1.3}.uk-dialog__description{margin:var(--uk-space-1) 0 0;color:var(--uk-text-muted);font-size:var(--uk-text-md);line-height:1.5}.uk-dialog__close{flex:none}.uk-dialog__body{padding:var(--uk-space-5);overflow-y:auto;font-size:var(--uk-text-md);line-height:1.6}.uk-dialog__footer{display:flex;justify-content:flex-end;gap:var(--uk-space-2);padding:var(--uk-space-4) var(--uk-space-5);border-top:1px solid var(--uk-border);background:var(--uk-surface)}@keyframes uk-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.uk-dialog[open]{animation:none}}}@layer uk.components{.uk-toast-viewport{position:fixed;z-index:var(--uk-z-toast);display:flex;flex-direction:column;gap:var(--uk-space-2);width:min(var(--uk-toast-width, 22rem),calc(100vw - var(--uk-space-8)));padding:var(--uk-space-4);pointer-events:none;font-family:var(--uk-font-sans)}.uk-toast-viewport[data-placement=top-right]{top:0;right:0}.uk-toast-viewport[data-placement=top-center]{top:0;left:50%;transform:translate(-50%)}.uk-toast-viewport[data-placement=bottom-right]{right:0;bottom:0;flex-direction:column-reverse}.uk-toast-viewport[data-placement=bottom-center]{bottom:0;left:50%;flex-direction:column-reverse;transform:translate(-50%)}.uk-toast{display:flex;align-items:flex-start;gap:var(--uk-space-3);padding:var(--uk-space-3) var(--uk-space-4);border:1px solid var(--uk-border);border-inline-start:3px solid var(--uk-toast-accent, var(--uk-info));border-radius:var(--uk-toast-radius, var(--uk-radius-md));background:var(--uk-surface-raised);color:var(--uk-text);box-shadow:var(--uk-shadow-md);pointer-events:auto;font-size:var(--uk-text-md);line-height:1.5}.uk-toast[data-variant=info]{--uk-toast-accent: var(--uk-info)}.uk-toast[data-variant=success]{--uk-toast-accent: var(--uk-success)}.uk-toast[data-variant=warning]{--uk-toast-accent: var(--uk-warning)}.uk-toast[data-variant=danger]{--uk-toast-accent: var(--uk-danger)}.uk-toast[data-state=open]{animation:uk-toast-in .18s cubic-bezier(.2,.8,.2,1)}.uk-toast[data-state=closed]{animation:uk-toast-out .18s cubic-bezier(.4,0,1,1) forwards}.uk-toast__body{flex:1;min-width:0}.uk-toast__title{color:var(--uk-text);font-weight:600}.uk-toast__description{margin-top:2px;color:var(--uk-text-muted)}.uk-toast__title+.uk-toast__description{margin-top:var(--uk-space-1)}.uk-toast__close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin:-2px -4px 0 0;padding:0;border:0;border-radius:var(--uk-radius-sm);background:transparent;color:var(--uk-text-muted);cursor:pointer}.uk-toast__close:hover{color:var(--uk-text);background:var(--uk-surface)}.uk-toast__close:focus-visible{outline:2px solid var(--uk-focus-ring);outline-offset:1px}@keyframes uk-toast-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes uk-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}@media(prefers-reduced-motion:reduce){.uk-toast[data-state=open],.uk-toast[data-state=closed]{animation:none}}}
+@layer uk.tokens{:root{color-scheme:light dark;--uk-bg: light-dark(#ffffff, #0b0d12);--uk-surface: light-dark(#f6f7fb, #141821);--uk-surface-raised: light-dark(#ffffff, #1a1f2b);--uk-text: light-dark(#0f172a, #e7eaf0);--uk-text-muted: light-dark(#64748b, #98a2b3);--uk-border: light-dark(#e2e8f0, #2a3141);--uk-border-strong: light-dark(#cbd5e1, #3b4457);--uk-primary: light-dark(#4338ca, #a5b4fc);--uk-primary-solid: light-dark(#4338ca, #4f46e5);--uk-primary-solid-hover: light-dark(#3730a3, #6366f1);--uk-primary-contrast: #ffffff;--uk-danger: light-dark(#b91c1c, #fca5a5);--uk-danger-solid: light-dark(#b91c1c, #b91c1c);--uk-danger-solid-hover: light-dark(#991b1b, #991b1b);--uk-danger-contrast: #ffffff;--uk-success: light-dark(#15803d, #86efac);--uk-warning: light-dark(#b45309, #fcd34d);--uk-info: light-dark(#0369a1, #7dd3fc);--uk-focus-ring: light-dark(#6366f1, #a5b4fc);--uk-overlay: light-dark(rgb(15 23 42 / .45), rgb(0 0 0 / .65));--uk-space-1: .25rem;--uk-space-2: .5rem;--uk-space-3: .75rem;--uk-space-4: 1rem;--uk-space-5: 1.25rem;--uk-space-6: 1.5rem;--uk-space-8: 2rem;--uk-radius-sm: .375rem;--uk-radius-md: .625rem;--uk-radius-lg: .875rem;--uk-radius-full: 9999px;--uk-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--uk-font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;--uk-text-xs: .75rem;--uk-text-sm: .8125rem;--uk-text-md: .875rem;--uk-text-lg: 1rem;--uk-text-xl: 1.125rem;--uk-shadow-sm: 0 1px 2px rgb(15 23 42 / .08);--uk-shadow-md: 0 6px 16px -6px rgb(15 23 42 / .24);--uk-shadow-lg: 0 24px 48px -16px rgb(15 23 42 / .32), 0 2px 6px rgb(15 23 42 / .08);--uk-duration-fast: .12s;--uk-duration-base: .16s;--uk-duration-control: .2s;--uk-duration-overlay: .24s;--uk-duration-exit: .18s;--uk-ease-out: cubic-bezier(.23, 1, .32, 1);--uk-ease-in-out: cubic-bezier(.77, 0, .175, 1);--uk-ease-drawer: cubic-bezier(.32, .72, 0, 1);--uk-transition: var(--uk-duration-base) var(--uk-ease-out);--uk-scale-press: .97;--uk-z-dialog: 1000;--uk-z-tooltip: 1100}@media(prefers-reduced-motion:reduce){:root{--uk-duration-fast: .1s;--uk-duration-base: .1s;--uk-duration-control: .1s;--uk-duration-overlay: .1s;--uk-duration-exit: .1s;--uk-transition: .1s ease}}}@layer uk.components{.uk-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--uk-space-2);border:1px solid transparent;border-radius:var(--uk-button-radius, var(--uk-radius-md));font-family:var(--uk-font-sans);font-weight:var(--uk-button-font-weight, 600);line-height:1;white-space:nowrap;cursor:pointer;user-select:none;text-decoration:none;transition:background-color var(--uk-transition),border-color var(--uk-transition),color var(--uk-transition),box-shadow var(--uk-transition),transform var(--uk-duration-fast) var(--uk-ease-out)}.uk-button:focus-visible{outline:2px solid var(--uk-focus-ring);outline-offset:2px}.uk-button:active:not(:disabled){transform:scale(var(--uk-scale-press))}.uk-button:disabled,.uk-button[data-loading=true]{cursor:not-allowed;opacity:.6}.uk-button[data-size=sm]{height:var(--uk-button-height-sm, 2rem);padding:0 var(--uk-space-3);font-size:var(--uk-text-sm)}.uk-button[data-size=md]{height:var(--uk-button-height-md, 2.5rem);padding:0 var(--uk-space-4);font-size:var(--uk-text-md)}.uk-button[data-size=lg]{height:var(--uk-button-height-lg, 3rem);padding:0 var(--uk-space-5);font-size:var(--uk-text-lg)}.uk-button[data-icon-only=true]{aspect-ratio:1;padding:0}.uk-button[data-variant=primary]{background:var(--uk-primary-solid);color:var(--uk-primary-contrast)}.uk-button[data-variant=secondary]{background:var(--uk-surface);border-color:var(--uk-border);color:var(--uk-text)}.uk-button[data-variant=outline]{background:transparent;border-color:var(--uk-border-strong);color:var(--uk-text)}.uk-button[data-variant=ghost]{background:transparent;color:var(--uk-text)}.uk-button[data-variant=danger]{background:var(--uk-danger-solid);color:var(--uk-danger-contrast)}@media(hover:hover)and (pointer:fine){.uk-button[data-variant=primary]:hover:not(:disabled){background:var(--uk-primary-solid-hover)}.uk-button[data-variant=secondary]:hover:not(:disabled){border-color:var(--uk-border-strong)}.uk-button[data-variant=outline]:hover:not(:disabled){background:var(--uk-surface)}.uk-button[data-variant=ghost]:hover:not(:disabled){background:var(--uk-surface)}.uk-button[data-variant=danger]:hover:not(:disabled){background:var(--uk-danger-solid-hover)}}.uk-button__spinner{width:1em;height:1em;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:uk-button-spin .6s linear infinite}@keyframes uk-button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.uk-button:active:not(:disabled){transform:none}.uk-button__spinner{animation-duration:1.6s}}}@layer uk.components{.uk-input{width:100%;border:1px solid var(--uk-border-strong);border-radius:var(--uk-input-radius, var(--uk-radius-md));background:var(--uk-bg);color:var(--uk-text);font-family:var(--uk-font-sans);transition:border-color var(--uk-transition),box-shadow var(--uk-transition)}.uk-input[data-size=sm]{height:2rem;padding:0 var(--uk-space-3);font-size:var(--uk-text-sm)}.uk-input[data-size=md]{height:2.5rem;padding:0 var(--uk-space-3);font-size:var(--uk-text-md)}.uk-input[data-size=lg]{height:3rem;padding:0 var(--uk-space-4);font-size:var(--uk-text-lg)}.uk-input::placeholder{color:var(--uk-text-muted)}.uk-input:hover:not(:disabled){border-color:var(--uk-border-strong)}.uk-input:focus-visible{outline:none;border-color:var(--uk-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--uk-primary) 24%,transparent)}.uk-input:disabled{cursor:not-allowed;opacity:.6;background:var(--uk-surface)}.uk-input[aria-invalid=true]{border-color:var(--uk-danger)}.uk-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--uk-danger) 24%,transparent)}}@layer uk.components{.uk-switch{display:inline-flex;align-items:center;gap:var(--uk-space-3);color:var(--uk-text);font-family:var(--uk-font-sans);font-size:var(--uk-text-md);cursor:pointer;user-select:none}.uk-switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.uk-switch__track{position:relative;flex:none;width:2.5rem;height:1.5rem;border-radius:var(--uk-radius-full);background:var(--uk-switch-track, var(--uk-border-strong));cursor:pointer;touch-action:none;user-select:none;transition:background-color var(--uk-transition)}.uk-switch__thumb{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--uk-switch-thumb, #ffffff);box-shadow:var(--uk-shadow-sm)}.uk-switch__input:checked+.uk-switch__track{background:var(--uk-switch-track-checked, var(--uk-primary-solid))}.uk-switch__input:focus-visible+.uk-switch__track{outline:2px solid var(--uk-focus-ring);outline-offset:2px}.uk-switch[data-disabled=true]{cursor:not-allowed;opacity:.6}.uk-switch[data-disabled=true] .uk-switch__track{cursor:not-allowed}}@layer uk.components{.uk-tabs{font-family:var(--uk-font-sans);color:var(--uk-text)}.uk-tabs__list{display:flex;gap:var(--uk-space-1);border-bottom:1px solid var(--uk-border)}.uk-tabs__trigger{position:relative;appearance:none;border:0;background:transparent;color:var(--uk-text-muted);font:inherit;font-size:var(--uk-text-md);font-weight:500;padding:var(--uk-space-2) var(--uk-space-3);border-radius:var(--uk-radius-sm) var(--uk-radius-sm) 0 0;cursor:pointer;transition:color var(--uk-transition),background-color var(--uk-transition)}.uk-tabs__trigger:hover:not(:disabled){color:var(--uk-text);background:var(--uk-surface)}.uk-tabs__trigger[data-state=active]{color:var(--uk-primary)}.uk-tabs__indicator{position:absolute;right:var(--uk-space-2);bottom:-1px;left:var(--uk-space-2);height:var(--uk-tabs-indicator-size, 2px);border-radius:2px;background:var(--uk-tabs-indicator, var(--uk-primary));pointer-events:none}.uk-tabs__trigger:focus-visible{outline:2px solid var(--uk-focus-ring);outline-offset:-2px}.uk-tabs__trigger:disabled{cursor:not-allowed;opacity:.5}.uk-tabs__panel{padding-top:var(--uk-space-4);color:var(--uk-text)}.uk-tabs__panel:focus-visible{outline:2px solid var(--uk-focus-ring);outline-offset:2px;border-radius:var(--uk-radius-sm)}.uk-tabs[data-orientation=vertical]{display:flex;gap:var(--uk-space-4)}.uk-tabs[data-orientation=vertical] .uk-tabs__list{flex-direction:column;border-bottom:0;border-inline-end:1px solid var(--uk-border)}.uk-tabs[data-orientation=vertical] .uk-tabs__trigger{text-align:start;border-radius:var(--uk-radius-sm) 0 0 var(--uk-radius-sm)}.uk-tabs[data-orientation=vertical] .uk-tabs__indicator{top:var(--uk-space-2);right:-1px;bottom:var(--uk-space-2);left:auto;width:var(--uk-tabs-indicator-size, 2px);height:auto}.uk-tabs[data-orientation=vertical] .uk-tabs__panel{flex:1;padding-top:0}}@layer uk.components{.uk-dialog{width:min(var(--uk-dialog-width, 32rem),calc(100vw - var(--uk-space-8)));max-width:none;max-height:none;margin:auto;padding:0;border:0;background:transparent;color:var(--uk-text);z-index:var(--uk-z-dialog)}.uk-dialog::backdrop{background:var(--uk-overlay);backdrop-filter:blur(8px) saturate(125%);opacity:1;transition:opacity var(--uk-duration-exit) var(--uk-ease-out)}.uk-dialog[data-state=closed]::backdrop{opacity:0;transition-delay:.22s}.uk-dialog[data-state=closed]{pointer-events:none}@starting-style{.uk-dialog[data-state=open]::backdrop{opacity:0}}.uk-dialog__panel{display:flex;flex-direction:column;max-height:min(85vh,42rem);border:1px solid var(--uk-border);border-radius:var(--uk-dialog-radius, var(--uk-radius-lg));background:var(--uk-surface-raised);box-shadow:var(--uk-shadow-lg);font-family:var(--uk-font-sans);overflow:hidden;transform-origin:center}.uk-dialog__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;column-gap:var(--uk-space-4);row-gap:0;padding:var(--uk-space-5);border-bottom:1px solid var(--uk-border)}.uk-dialog__header>.uk-dialog__title,.uk-dialog__header>.uk-dialog__description{grid-column:1}.uk-dialog__header>.uk-dialog__description{grid-row:2}.uk-dialog__header>.uk-dialog__close{grid-column:2;grid-row:1 / span 2}.uk-dialog__heading{flex:1;min-width:0}.uk-dialog__title{margin:0;color:var(--uk-text);font-size:var(--uk-text-xl);font-weight:600;line-height:1.3}.uk-dialog__description{margin:var(--uk-space-1) 0 0;color:var(--uk-text-muted);font-size:var(--uk-text-md);line-height:1.5}.uk-dialog__close{flex:none}.uk-dialog__body{padding:var(--uk-space-5);overflow-y:auto;font-size:var(--uk-text-md);line-height:1.6}.uk-dialog__footer{display:flex;justify-content:flex-end;gap:var(--uk-space-2);padding:var(--uk-space-4) var(--uk-space-5);border-top:1px solid var(--uk-border);background:transparent}@media(prefers-reduced-motion:reduce){.uk-dialog::backdrop{transition-duration:var(--uk-duration-fast);transition-timing-function:ease;transition-delay:0ms}}@media(prefers-reduced-transparency:reduce){.uk-dialog::backdrop{backdrop-filter:none}}@media(prefers-contrast:more){.uk-dialog__panel{border-color:var(--uk-text-muted);background:var(--uk-surface-raised);backdrop-filter:none}}}@layer uk.components{.uk-tooltip{position:fixed;z-index:var(--uk-z-tooltip);pointer-events:none}.uk-tooltip__surface{position:relative;width:max-content;max-width:min(var(--uk-tooltip-max-width, 20rem),calc(100vw - var(--uk-space-4)));padding:var(--uk-space-2) var(--uk-space-3);border:1px solid var(--uk-tooltip-border, var(--uk-border-strong));border-radius:var(--uk-tooltip-radius, var(--uk-radius-sm));background:var(--uk-tooltip-background, var(--uk-surface-raised));color:var(--uk-tooltip-text, var(--uk-text));box-shadow:var(--uk-shadow-md);font-family:var(--uk-font-sans);font-size:var(--uk-text-xs);font-weight:500;line-height:1.45;overflow-wrap:anywhere;pointer-events:none;user-select:none}.uk-tooltip--group{position:fixed}.uk-tooltip__content{display:block}.uk-tooltip__arrow{position:absolute;width:8px;height:8px;border:1px solid var(--uk-tooltip-border, var(--uk-border-strong));background:var(--uk-tooltip-background, var(--uk-surface-raised));transform:rotate(45deg);pointer-events:none}.uk-tooltip[data-side=top] .uk-tooltip__arrow{bottom:-5px;left:var(--uk-tooltip-arrow-offset);border-top:0;border-left:0;translate:-50% 0}.uk-tooltip[data-side=bottom] .uk-tooltip__arrow{top:-5px;left:var(--uk-tooltip-arrow-offset);border-right:0;border-bottom:0;translate:-50% 0}.uk-tooltip[data-side=left] .uk-tooltip__arrow{top:var(--uk-tooltip-arrow-offset);right:-5px;border-bottom:0;border-left:0;translate:0 -50%}.uk-tooltip[data-side=right] .uk-tooltip__arrow{top:var(--uk-tooltip-arrow-offset);left:-5px;border-top:0;border-right:0;translate:0 -50%}@media(prefers-contrast:more){.uk-tooltip__surface,.uk-tooltip__arrow{border-color:currentColor}}}

package/dist/styles.js

@@ -1,5 +1,5 @@
-import { jsx as a } from "react/jsx-runtime";
-const t = `@layer uk.tokens {
+import { jsx as r } from "react/jsx-runtime";
+const a = `@layer uk.tokens {
   :root {
     color-scheme: light dark;
 
@@ -55,15 +55,29 @@ const t = `@layer uk.tokens {
     --uk-shadow-lg:
       0 24px 48px -16px rgb(15 23 42 / 0.32), 0 2px 6px rgb(15 23 42 / 0.08);
 
-    --uk-transition: 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
+    --uk-duration-fast: 120ms;
+    --uk-duration-base: 160ms;
+    --uk-duration-control: 200ms;
+    --uk-duration-overlay: 240ms;
+    --uk-duration-exit: 180ms;
+    --uk-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
+    --uk-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
+    --uk-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
+    --uk-transition: var(--uk-duration-base) var(--uk-ease-out);
+    --uk-scale-press: 0.97;
 
     --uk-z-dialog: 1000;
-    --uk-z-toast: 1100;
+    --uk-z-tooltip: 1100;
   }
 
   @media (prefers-reduced-motion: reduce) {
     :root {
-      --uk-transition: 0ms;
+      --uk-duration-fast: 100ms;
+      --uk-duration-base: 100ms;
+      --uk-duration-control: 100ms;
+      --uk-duration-overlay: 100ms;
+      --uk-duration-exit: 100ms;
+      --uk-transition: 100ms ease;
     }
   }
 }
@@ -87,7 +101,8 @@ const t = `@layer uk.tokens {
       background-color var(--uk-transition),
       border-color var(--uk-transition),
       color var(--uk-transition),
-      box-shadow var(--uk-transition);
+      box-shadow var(--uk-transition),
+      transform var(--uk-duration-fast) var(--uk-ease-out);
   }
 
   .uk-button:focus-visible {
@@ -95,6 +110,10 @@ const t = `@layer uk.tokens {
     outline-offset: 2px;
   }
 
+  .uk-button:active:not(:disabled) {
+    transform: scale(var(--uk-scale-press));
+  }
+
   .uk-button:disabled,
   .uk-button[data-loading="true"] {
     cursor: not-allowed;
@@ -129,46 +148,48 @@ const t = `@layer uk.tokens {
     color: var(--uk-primary-contrast);
   }
 
-  .uk-button[data-variant="primary"]:hover:not(:disabled) {
-    background: var(--uk-primary-solid-hover);
-  }
-
   .uk-button[data-variant="secondary"] {
     background: var(--uk-surface);
     border-color: var(--uk-border);
     color: var(--uk-text);
   }
 
-  .uk-button[data-variant="secondary"]:hover:not(:disabled) {
-    border-color: var(--uk-border-strong);
-  }
-
   .uk-button[data-variant="outline"] {
     background: transparent;
     border-color: var(--uk-border-strong);
     color: var(--uk-text);
   }
 
-  .uk-button[data-variant="outline"]:hover:not(:disabled) {
-    background: var(--uk-surface);
-  }
-
   .uk-button[data-variant="ghost"] {
     background: transparent;
     color: var(--uk-text);
   }
 
-  .uk-button[data-variant="ghost"]:hover:not(:disabled) {
-    background: var(--uk-surface);
-  }
-
   .uk-button[data-variant="danger"] {
     background: var(--uk-danger-solid);
     color: var(--uk-danger-contrast);
   }
 
-  .uk-button[data-variant="danger"]:hover:not(:disabled) {
-    background: var(--uk-danger-solid-hover);
+  @media (hover: hover) and (pointer: fine) {
+    .uk-button[data-variant="primary"]:hover:not(:disabled) {
+      background: var(--uk-primary-solid-hover);
+    }
+
+    .uk-button[data-variant="secondary"]:hover:not(:disabled) {
+      border-color: var(--uk-border-strong);
+    }
+
+    .uk-button[data-variant="outline"]:hover:not(:disabled) {
+      background: var(--uk-surface);
+    }
+
+    .uk-button[data-variant="ghost"]:hover:not(:disabled) {
+      background: var(--uk-surface);
+    }
+
+    .uk-button[data-variant="danger"]:hover:not(:disabled) {
+      background: var(--uk-danger-solid-hover);
+    }
   }
 
   .uk-button__spinner {
@@ -188,6 +209,10 @@ const t = `@layer uk.tokens {
   }
 
   @media (prefers-reduced-motion: reduce) {
+    .uk-button:active:not(:disabled) {
+      transform: none;
+    }
+
     .uk-button__spinner {
       animation-duration: 1.6s;
     }
@@ -285,6 +310,9 @@ const t = `@layer uk.tokens {
     height: 1.5rem;
     border-radius: var(--uk-radius-full);
     background: var(--uk-switch-track, var(--uk-border-strong));
+    cursor: pointer;
+    touch-action: none;
+    user-select: none;
     transition: background-color var(--uk-transition);
   }
 
@@ -297,17 +325,12 @@ const t = `@layer uk.tokens {
     border-radius: 50%;
     background: var(--uk-switch-thumb, #ffffff);
     box-shadow: var(--uk-shadow-sm);
-    transition: transform var(--uk-transition);
   }
 
   .uk-switch__input:checked + .uk-switch__track {
     background: var(--uk-switch-track-checked, var(--uk-primary-solid));
   }
 
-  .uk-switch__input:checked + .uk-switch__track .uk-switch__thumb {
-    transform: translateX(1rem);
-  }
-
   .uk-switch__input:focus-visible + .uk-switch__track {
     outline: 2px solid var(--uk-focus-ring);
     outline-offset: 2px;
@@ -317,6 +340,10 @@ const t = `@layer uk.tokens {
     cursor: not-allowed;
     opacity: 0.6;
   }
+
+  .uk-switch[data-disabled="true"] .uk-switch__track {
+    cursor: not-allowed;
+  }
 }
 
 @layer uk.components {
@@ -357,8 +384,7 @@ const t = `@layer uk.tokens {
     color: var(--uk-primary);
   }
 
-  .uk-tabs__trigger[data-state="active"]::after {
-    content: "";
+  .uk-tabs__indicator {
     position: absolute;
     right: var(--uk-space-2);
     bottom: -1px;
@@ -366,6 +392,7 @@ const t = `@layer uk.tokens {
     height: var(--uk-tabs-indicator-size, 2px);
     border-radius: 2px;
     background: var(--uk-tabs-indicator, var(--uk-primary));
+    pointer-events: none;
   }
 
   .uk-tabs__trigger:focus-visible {
@@ -405,8 +432,7 @@ const t = `@layer uk.tokens {
     border-radius: var(--uk-radius-sm) 0 0 var(--uk-radius-sm);
   }
 
-  .uk-tabs[data-orientation="vertical"]
-    .uk-tabs__trigger[data-state="active"]::after {
+  .uk-tabs[data-orientation="vertical"] .uk-tabs__indicator {
     top: var(--uk-space-2);
     right: -1px;
     bottom: var(--uk-space-2);
@@ -436,11 +462,24 @@ const t = `@layer uk.tokens {
 
   .uk-dialog::backdrop {
     background: var(--uk-overlay);
-    backdrop-filter: blur(2px);
+    backdrop-filter: blur(8px) saturate(125%);
+    opacity: 1;
+    transition: opacity var(--uk-duration-exit) var(--uk-ease-out);
   }
 
-  .uk-dialog[open] {
-    animation: uk-dialog-in 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
+  .uk-dialog[data-state="closed"]::backdrop {
+    opacity: 0;
+    transition-delay: 220ms;
+  }
+
+  .uk-dialog[data-state="closed"] {
+    pointer-events: none;
+  }
+
+  @starting-style {
+    .uk-dialog[data-state="open"]::backdrop {
+      opacity: 0;
+    }
   }
 
   .uk-dialog__panel {
@@ -453,16 +492,33 @@ const t = `@layer uk.tokens {
     box-shadow: var(--uk-shadow-lg);
     font-family: var(--uk-font-sans);
     overflow: hidden;
+    transform-origin: center;
   }
 
   .uk-dialog__header {
-    display: flex;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
     align-items: flex-start;
-    gap: var(--uk-space-4);
+    column-gap: var(--uk-space-4);
+    row-gap: 0;
     padding: var(--uk-space-5);
     border-bottom: 1px solid var(--uk-border);
   }
 
+  .uk-dialog__header > .uk-dialog__title,
+  .uk-dialog__header > .uk-dialog__description {
+    grid-column: 1;
+  }
+
+  .uk-dialog__header > .uk-dialog__description {
+    grid-row: 2;
+  }
+
+  .uk-dialog__header > .uk-dialog__close {
+    grid-column: 2;
+    grid-row: 1 / span 2;
+  }
+
   .uk-dialog__heading {
     flex: 1;
     min-width: 0;
@@ -500,183 +556,123 @@ const t = `@layer uk.tokens {
     gap: var(--uk-space-2);
     padding: var(--uk-space-4) var(--uk-space-5);
     border-top: 1px solid var(--uk-border);
-    background: var(--uk-surface);
+    background: transparent;
   }
 
-  @keyframes uk-dialog-in {
-    from {
-      opacity: 0;
-      transform: translateY(8px) scale(0.98);
+  @media (prefers-reduced-motion: reduce) {
+    .uk-dialog::backdrop {
+      transition-duration: var(--uk-duration-fast);
+      transition-timing-function: ease;
+      transition-delay: 0ms;
     }
+  }
 
-    to {
-      opacity: 1;
-      transform: translateY(0) scale(1);
+  @media (prefers-reduced-transparency: reduce) {
+    .uk-dialog::backdrop {
+      backdrop-filter: none;
     }
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .uk-dialog[open] {
-      animation: none;
+  @media (prefers-contrast: more) {
+    .uk-dialog__panel {
+      border-color: var(--uk-text-muted);
+      background: var(--uk-surface-raised);
+      backdrop-filter: none;
     }
   }
 }
 
 @layer uk.components {
-  .uk-toast-viewport {
+  .uk-tooltip {
     position: fixed;
-    z-index: var(--uk-z-toast);
-    display: flex;
-    flex-direction: column;
-    gap: var(--uk-space-2);
-    width: min(var(--uk-toast-width, 22rem), calc(100vw - var(--uk-space-8)));
-    padding: var(--uk-space-4);
+    z-index: var(--uk-z-tooltip);
     pointer-events: none;
-    font-family: var(--uk-font-sans);
-  }
-
-  .uk-toast-viewport[data-placement="top-right"] {
-    top: 0;
-    right: 0;
-  }
-
-  .uk-toast-viewport[data-placement="top-center"] {
-    top: 0;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  .uk-toast-viewport[data-placement="bottom-right"] {
-    right: 0;
-    bottom: 0;
-    flex-direction: column-reverse;
   }
 
-  .uk-toast-viewport[data-placement="bottom-center"] {
-    bottom: 0;
-    left: 50%;
-    flex-direction: column-reverse;
-    transform: translateX(-50%);
-  }
-
-  .uk-toast {
-    display: flex;
-    align-items: flex-start;
-    gap: var(--uk-space-3);
-    padding: var(--uk-space-3) var(--uk-space-4);
-    border: 1px solid var(--uk-border);
-    border-inline-start: 3px solid var(--uk-toast-accent, var(--uk-info));
-    border-radius: var(--uk-toast-radius, var(--uk-radius-md));
-    background: var(--uk-surface-raised);
-    color: var(--uk-text);
+  .uk-tooltip__surface {
+    position: relative;
+    width: max-content;
+    max-width: min(
+      var(--uk-tooltip-max-width, 20rem),
+      calc(100vw - var(--uk-space-4))
+    );
+    padding: var(--uk-space-2) var(--uk-space-3);
+    border: 1px solid var(--uk-tooltip-border, var(--uk-border-strong));
+    border-radius: var(--uk-tooltip-radius, var(--uk-radius-sm));
+    background: var(--uk-tooltip-background, var(--uk-surface-raised));
+    color: var(--uk-tooltip-text, var(--uk-text));
     box-shadow: var(--uk-shadow-md);
-    pointer-events: auto;
-    font-size: var(--uk-text-md);
-    line-height: 1.5;
-  }
-
-  .uk-toast[data-variant="info"] {
-    --uk-toast-accent: var(--uk-info);
-  }
-
-  .uk-toast[data-variant="success"] {
-    --uk-toast-accent: var(--uk-success);
-  }
-
-  .uk-toast[data-variant="warning"] {
-    --uk-toast-accent: var(--uk-warning);
-  }
-
-  .uk-toast[data-variant="danger"] {
-    --uk-toast-accent: var(--uk-danger);
-  }
-
-  .uk-toast[data-state="open"] {
-    animation: uk-toast-in 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
-  }
-
-  .uk-toast[data-state="closed"] {
-    animation: uk-toast-out 180ms cubic-bezier(0.4, 0, 1, 1) forwards;
-  }
-
-  .uk-toast__body {
-    flex: 1;
-    min-width: 0;
+    font-family: var(--uk-font-sans);
+    font-size: var(--uk-text-xs);
+    font-weight: 500;
+    line-height: 1.45;
+    overflow-wrap: anywhere;
+    pointer-events: none;
+    user-select: none;
   }
 
-  .uk-toast__title {
-    color: var(--uk-text);
-    font-weight: 600;
+  .uk-tooltip--group {
+    position: fixed;
   }
 
-  .uk-toast__description {
-    margin-top: 2px;
-    color: var(--uk-text-muted);
+  .uk-tooltip__content {
+    display: block;
   }
 
-  .uk-toast__title + .uk-toast__description {
-    margin-top: var(--uk-space-1);
+  .uk-tooltip__arrow {
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    border: 1px solid var(--uk-tooltip-border, var(--uk-border-strong));
+    background: var(--uk-tooltip-background, var(--uk-surface-raised));
+    transform: rotate(45deg);
+    pointer-events: none;
   }
 
-  .uk-toast__close {
-    flex: none;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.5rem;
-    height: 1.5rem;
-    margin: -2px -4px 0 0;
-    padding: 0;
-    border: 0;
-    border-radius: var(--uk-radius-sm);
-    background: transparent;
-    color: var(--uk-text-muted);
-    cursor: pointer;
+  .uk-tooltip[data-side="top"] .uk-tooltip__arrow {
+    bottom: -5px;
+    left: var(--uk-tooltip-arrow-offset);
+    border-top: 0;
+    border-left: 0;
+    translate: -50% 0;
   }
 
-  .uk-toast__close:hover {
-    color: var(--uk-text);
-    background: var(--uk-surface);
+  .uk-tooltip[data-side="bottom"] .uk-tooltip__arrow {
+    top: -5px;
+    left: var(--uk-tooltip-arrow-offset);
+    border-right: 0;
+    border-bottom: 0;
+    translate: -50% 0;
   }
 
-  .uk-toast__close:focus-visible {
-    outline: 2px solid var(--uk-focus-ring);
-    outline-offset: 1px;
+  .uk-tooltip[data-side="left"] .uk-tooltip__arrow {
+    top: var(--uk-tooltip-arrow-offset);
+    right: -5px;
+    border-bottom: 0;
+    border-left: 0;
+    translate: 0 -50%;
   }
 
-  @keyframes uk-toast-in {
-    from {
-      opacity: 0;
-      transform: translateY(-6px) scale(0.98);
-    }
-
-    to {
-      opacity: 1;
-      transform: translateY(0) scale(1);
-    }
+  .uk-tooltip[data-side="right"] .uk-tooltip__arrow {
+    top: var(--uk-tooltip-arrow-offset);
+    left: -5px;
+    border-top: 0;
+    border-right: 0;
+    translate: 0 -50%;
   }
 
-  @keyframes uk-toast-out {
-    from {
-      opacity: 1;
-      transform: translateY(0) scale(1);
-    }
-
-    to {
-      opacity: 0;
-      transform: translateY(-4px) scale(0.98);
+  @media (prefers-contrast: more) {
+    .uk-tooltip__surface {
+      border-color: currentColor;
     }
-  }
 
-  @media (prefers-reduced-motion: reduce) {
-    .uk-toast[data-state="open"],
-    .uk-toast[data-state="closed"] {
-      animation: none;
+    .uk-tooltip__arrow {
+      border-color: currentColor;
     }
   }
 }`;
 function o({ nonce: n }) {
-  return /* @__PURE__ */ a("style", { "data-seam-ui": "", nonce: n, children: t });
+  return /* @__PURE__ */ r("style", { "data-seam-ui": "", nonce: n, children: a });
 }
 export {
   o as SeamStyles