@relements/core 0.4.1 → 0.6.0

package/dist/components/code.css

@@ -0,0 +1 @@
+@layer re.components{.re-code{background-color:var(--re-color-bg-muted);border:var(--re-border-default);border-radius:var(--re-radius-md);margin:0;overflow:hidden}.re-code>figcaption{padding:var(--re-space-2) var(--re-space-4);font-family:var(--re-font-sans);font-size:var(--re-size-text-xs);font-weight:var(--re-font-weight-medium);color:var(--re-color-text-muted);background-color:var(--re-color-bg-subtle);border-block-end:var(--re-border-default)}.re-code>pre{background:0 0;border-radius:0;margin:0}}

package/dist/components/kbd.css

@@ -0,0 +1 @@
+@layer re.components{.re-kbd{min-inline-size:1.5em;font-family:var(--re-font-sans);font-size:var(--re-size-text-xs);font-weight:var(--re-font-weight-medium);white-space:nowrap;color:var(--re-color-text);background-color:var(--re-color-surface);border:var(--re-border-default);border-radius:var(--re-radius-sm);box-shadow:var(--re-shadow-sm);justify-content:center;align-items:center;padding:.15em .4em;line-height:1;display:inline-flex}}

package/dist/components/pagination.css

@@ -0,0 +1 @@
+@layer re.components{.re-pagination{align-items:center;gap:var(--re-space-1);flex-wrap:wrap;display:flex}.re-pagination__item{min-block-size:2.25rem;min-inline-size:2.25rem;padding:var(--re-space-1) var(--re-space-3);border:var(--re-border-width) solid transparent;border-radius:var(--re-radius-md);color:var(--re-color-text);font:inherit;font-size:var(--re-size-text-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.re-pagination__item:hover{background-color:var(--re-color-bg-subtle)}.re-pagination__item:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-pagination__item[aria-current=page]{background-color:var(--re-color-accent-600);color:var(--re-color-text-on-accent)}.re-pagination__item[aria-disabled=true]{opacity:.5;pointer-events:none}.re-pagination__ellipsis{padding-inline:var(--re-space-2);color:var(--re-color-text-muted);-webkit-user-select:none;user-select:none}}

package/dist/components/separator.css

@@ -0,0 +1 @@
+@layer re.components{.re-separator{color:var(--re-color-text-muted);border:0}hr.re-separator{border-top:var(--re-border-default);block-size:0;margin-block:var(--re-space-4)}.re-separator[data-orientation=vertical]{min-block-size:1em;inline-size:0;margin-block:0;margin-inline:var(--re-space-2);border-inline-start:var(--re-border-default);align-self:stretch}}

package/dist/components/skeleton.css

@@ -0,0 +1 @@
+@layer re.components{.re-skeleton{background-color:var(--re-color-bg-muted);border-radius:var(--re-radius-sm);background-image:linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--re-color-text) 8%, transparent) 50%, transparent 100%);background-repeat:no-repeat;background-size:200% 100%;block-size:1rem;inline-size:100%;animation:1.4s ease-in-out infinite re-skeleton-shimmer;display:block}.re-skeleton[data-shape=circle]{border-radius:9999px}.re-skeleton[data-shape=text]{block-size:1em}@keyframes re-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.re-skeleton{background-image:none;animation:none}}}

package/dist/components/spinner.css

@@ -0,0 +1 @@
+@layer re.components{.re-spinner{border:2px solid var(--re-color-border);border-block-start-color:var(--re-color-accent-600);border-radius:9999px;block-size:1.5rem;inline-size:1.5rem;animation:.6s linear infinite re-spin;display:inline-block}.re-spinner[data-size=sm]{block-size:1rem;inline-size:1rem}.re-spinner[data-size=lg]{border-width:3px;block-size:2rem;inline-size:2rem}@keyframes re-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.re-spinner{animation:none}}}

package/dist/components/table.css

@@ -0,0 +1 @@
+@layer re.components{.re-table-wrap{overflow-x:auto}.re-table{border-collapse:collapse;inline-size:100%;color:var(--re-color-text);font-size:var(--re-size-text-sm)}.re-table th,.re-table td{padding:var(--re-space-3) var(--re-space-4);text-align:start;vertical-align:middle;border-block-end:var(--re-border-default)}.re-table thead th{font-weight:var(--re-font-weight-semibold);border-block-end:var(--re-border-width) solid var(--re-color-border-strong)}.re-table tbody tr:last-child td{border-block-end:0}.re-table[data-zebra] tbody tr:nth-child(2n){background-color:var(--re-color-bg-subtle)}.re-table[data-hover] tbody tr:hover{background-color:var(--re-color-bg-muted)}.re-table[data-density=compact] :is(th,td){padding:var(--re-space-2) var(--re-space-3)}.re-table[data-sticky-header] thead th{background-color:var(--re-color-surface);position:sticky;inset-block-start:0}}

package/dist/index.css

@@ -1 +1 @@
-@layer re.tokens{@layer re.tokens{:root{--re-color-neutral-0:#fff;--re-color-neutral-50:#f8fafc;--re-color-neutral-100:#f1f5f9;--re-color-neutral-200:#e2e8f0;--re-color-neutral-300:#cbd5e1;--re-color-neutral-400:#94a3b8;--re-color-neutral-500:#64748b;--re-color-neutral-600:#475569;--re-color-neutral-700:#334155;--re-color-neutral-800:#1e293b;--re-color-neutral-900:#0f172a;--re-color-neutral-950:#020617;--re-color-accent-50:#eff6ff;--re-color-accent-100:#dbeafe;--re-color-accent-200:#bfdbfe;--re-color-accent-300:#93c5fd;--re-color-accent-400:#60a5fa;--re-color-accent-500:#3b82f6;--re-color-accent-600:#2563eb;--re-color-accent-700:#1d4ed8;--re-color-accent-800:#1e40af;--re-color-accent-900:#1e3a8a;--re-color-danger-500:#ef4444;--re-color-danger-600:#dc2626;--re-color-danger-700:#b91c1c;--re-color-success-500:#10b981;--re-color-success-600:#059669;--re-color-success-700:#047857;--re-color-warning-500:#f59e0b;--re-color-warning-600:#d97706;--re-color-warning-700:#b45309;--re-color-bg:var(--re-color-neutral-0);--re-color-bg-subtle:var(--re-color-neutral-50);--re-color-bg-muted:var(--re-color-neutral-100);--re-color-surface:var(--re-color-neutral-0);--re-color-text:var(--re-color-neutral-900);--re-color-text-muted:var(--re-color-neutral-600);--re-color-text-subtle:var(--re-color-neutral-500);--re-color-text-on-accent:var(--re-color-neutral-0);--re-color-text-danger:var(--re-color-danger-700);--re-color-border:var(--re-color-neutral-200);--re-color-border-strong:var(--re-color-neutral-300);--re-color-border-danger:var(--re-color-danger-500);--re-color-link:var(--re-color-accent-700);--re-color-link-hover:var(--re-color-accent-800);--re-color-link-visited:var(--re-color-accent-800);--re-color-focus-ring:var(--re-color-accent-500);--re-color-selection-bg:var(--re-color-accent-100);--re-color-selection-text:var(--re-color-neutral-900);--re-color-info-surface:color-mix(in oklab, var(--re-color-accent-500) 12%, var(--re-color-bg));--re-color-info-border:var(--re-color-accent-500);--re-color-info-text:var(--re-color-accent-700);--re-color-success-surface:color-mix(in oklab, var(--re-color-success-500) 12%, var(--re-color-bg));--re-color-success-border:var(--re-color-success-500);--re-color-success-text:var(--re-color-success-700);--re-color-warning-surface:color-mix(in oklab, var(--re-color-warning-500) 12%, var(--re-color-bg));--re-color-warning-border:var(--re-color-warning-500);--re-color-warning-text:var(--re-color-warning-700);--re-color-danger-surface:color-mix(in oklab, var(--re-color-danger-500) 12%, var(--re-color-bg));--re-color-danger-border:var(--re-color-danger-500);--re-color-danger-text:var(--re-color-danger-700);--re-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--re-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--re-size-text-xs:.75rem;--re-size-text-sm:.875rem;--re-size-text-md:1rem;--re-size-text-lg:1.125rem;--re-size-text-xl:1.25rem;--re-size-text-2xl:1.5rem;--re-size-text-3xl:1.875rem;--re-size-text-4xl:2.25rem;--re-line-height-tight:1.2;--re-line-height-snug:1.35;--re-line-height-normal:1.5;--re-line-height-relaxed:1.65;--re-font-weight-regular:400;--re-font-weight-medium:500;--re-font-weight-semibold:600;--re-font-weight-bold:700;--re-space-0:0;--re-space-1:.25rem;--re-space-2:.5rem;--re-space-3:.75rem;--re-space-4:1rem;--re-space-5:1.25rem;--re-space-6:1.5rem;--re-space-8:2rem;--re-space-10:2.5rem;--re-space-12:3rem;--re-space-16:4rem;--re-radius-none:0;--re-radius-sm:.25rem;--re-radius-md:.375rem;--re-radius-lg:.5rem;--re-radius-xl:.75rem;--re-radius-pill:9999px;--re-border-width:1px;--re-border-width-strong:2px;--re-border-default:var(--re-border-width) solid var(--re-color-border);--re-border-strong:var(--re-border-width-strong) solid var(--re-color-border-strong);--re-border-danger:var(--re-border-width) solid var(--re-color-border-danger);--re-focus-ring-width:2px;--re-focus-ring-offset:2px;--re-focus-ring-color:var(--re-color-focus-ring);--re-shadow-focus:0 0 0 var(--re-focus-ring-offset) var(--re-color-bg), 0 0 0 calc(var(--re-focus-ring-offset) + var(--re-focus-ring-width)) var(--re-color-focus-ring);--re-shadow-sm:0 1px 2px #0000000f;--re-shadow-md:0 4px 12px #00000014;--re-shadow-lg:0 12px 32px #0000001f;--re-duration-instant:0s;--re-duration-fast:.12s;--re-duration-normal:.2s;--re-duration-slow:.32s;--re-easing-standard:cubic-bezier(.2, 0, 0, 1);--re-easing-emphasized:cubic-bezier(.3, 0, 0, 1);--re-z-base:0;--re-z-overlay:100;--re-z-popover:200;--re-z-dialog:300;--re-z-toast:400;--re-control-height-sm:1.75rem;--re-control-height-md:2.25rem;--re-control-height-lg:2.75rem;--re-control-padding-x:var(--re-space-3);--re-control-padding-y:var(--re-space-2)}@media (prefers-color-scheme:dark){:root{--re-color-bg:var(--re-color-neutral-950);--re-color-bg-subtle:var(--re-color-neutral-900);--re-color-bg-muted:var(--re-color-neutral-800);--re-color-surface:var(--re-color-neutral-900);--re-color-text:var(--re-color-neutral-50);--re-color-text-muted:var(--re-color-neutral-300);--re-color-text-subtle:var(--re-color-neutral-400);--re-color-text-on-accent:var(--re-color-neutral-0);--re-color-text-danger:var(--re-color-danger-500);--re-color-border:var(--re-color-neutral-700);--re-color-border-strong:var(--re-color-neutral-600);--re-color-link:var(--re-color-accent-300);--re-color-link-hover:var(--re-color-accent-200);--re-color-link-visited:var(--re-color-accent-200);--re-color-focus-ring:var(--re-color-accent-400);--re-color-selection-bg:var(--re-color-accent-900);--re-color-selection-text:var(--re-color-neutral-50);--re-color-info-surface:color-mix(in oklab, var(--re-color-accent-500) 20%, var(--re-color-bg));--re-color-info-border:var(--re-color-accent-400);--re-color-info-text:var(--re-color-accent-200);--re-color-success-surface:color-mix(in oklab, var(--re-color-success-500) 20%, var(--re-color-bg));--re-color-success-border:var(--re-color-success-500);--re-color-success-text:var(--re-color-success-500);--re-color-warning-surface:color-mix(in oklab, var(--re-color-warning-500) 20%, var(--re-color-bg));--re-color-warning-border:var(--re-color-warning-500);--re-color-warning-text:var(--re-color-warning-500);--re-color-danger-surface:color-mix(in oklab, var(--re-color-danger-500) 20%, var(--re-color-bg));--re-color-danger-border:var(--re-color-danger-500);--re-color-danger-text:var(--re-color-danger-500);--re-focus-ring-offset:0px;--re-shadow-focus:0 0 0 2px var(--re-color-focus-ring)}}}}@layer re.reset{@layer re.reset{*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;tab-size:4}body{min-height:100dvh;line-height:var(--re-line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}textarea{resize:vertical}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}}@layer re.base{@layer re.base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{font-family:var(--re-font-sans);font-size:var(--re-size-text-md);line-height:var(--re-line-height-normal);color:var(--re-color-text);background-color:var(--re-color-bg)}::selection{background-color:var(--re-color-selection-bg);color:var(--re-color-selection-text)}h1,h2,h3,h4,h5,h6{line-height:var(--re-line-height-tight);font-weight:var(--re-font-weight-semibold);color:var(--re-color-text)}h1{font-size:var(--re-size-text-4xl)}h2{font-size:var(--re-size-text-3xl)}h3{font-size:var(--re-size-text-2xl)}h4{font-size:var(--re-size-text-xl)}h5{font-size:var(--re-size-text-lg)}h6{font-size:var(--re-size-text-md)}p{line-height:var(--re-line-height-normal);color:var(--re-color-text)}small{font-size:var(--re-size-text-sm);color:var(--re-color-text-muted)}code,kbd,samp,pre{font-family:var(--re-font-mono);font-size:.95em}pre{padding:var(--re-space-3) var(--re-space-4);background-color:var(--re-color-bg-muted);border-radius:var(--re-radius-md);overflow:auto}code{background-color:var(--re-color-bg-muted);border-radius:var(--re-radius-sm);padding:.1em .3em}pre code{background:0 0;border-radius:0;padding:0}hr{border:0;border-top:var(--re-border-default);margin-block:var(--re-space-6)}a{color:var(--re-color-link);text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{color:var(--re-color-link-hover)}a:visited{color:var(--re-color-link-visited)}:focus-visible{box-shadow:var(--re-shadow-focus);border-radius:var(--re-radius-sm);outline:none}input,textarea,select{color:var(--re-color-text);background-color:var(--re-color-bg)}}}@layer re.components{.re-button{justify-content:center;align-items:center;gap:var(--re-space-2);box-sizing:border-box;block-size:var(--re-control-height-md);padding-inline:var(--re-space-4);font:inherit;font-weight:var(--re-font-weight-medium);font-size:var(--re-size-text-md);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;color:var(--re-color-text-on-accent);background-color:var(--re-color-accent-600);border:var(--re-border-width) solid transparent;border-radius:var(--re-radius-md);cursor:pointer;transition:background-color var(--re-duration-fast) var(--re-easing-standard), color var(--re-duration-fast) var(--re-easing-standard), border-color var(--re-duration-fast) var(--re-easing-standard), box-shadow var(--re-duration-fast) var(--re-easing-standard);padding-block:0;line-height:1;text-decoration:none;display:inline-flex}a.re-button{-webkit-tap-highlight-color:transparent}.re-button:hover{background-color:var(--re-color-accent-700)}.re-button:active{background-color:var(--re-color-accent-800)}.re-button:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-button:disabled,.re-button[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}a.re-button[aria-disabled=true]{pointer-events:none}.re-button[data-variant=secondary]{color:var(--re-color-text);background-color:var(--re-color-bg);border-color:var(--re-color-border-strong)}.re-button[data-variant=secondary]:hover{background-color:var(--re-color-bg-subtle)}.re-button[data-variant=secondary]:active{background-color:var(--re-color-bg-muted)}.re-button[data-variant=ghost]{color:var(--re-color-text);background-color:#0000;border-color:#0000}.re-button[data-variant=ghost]:hover{background-color:var(--re-color-bg-subtle)}.re-button[data-variant=ghost]:active{background-color:var(--re-color-bg-muted)}.re-button[data-variant=danger]{color:var(--re-color-text-on-accent);background-color:var(--re-color-danger-600)}.re-button[data-variant=danger]:hover{background-color:var(--re-color-danger-700)}.re-button[data-variant=danger]:active{background-color:var(--re-color-danger-700);filter:brightness(.95)}.re-button[data-size=sm]{block-size:var(--re-control-height-sm);padding-inline:var(--re-space-3);font-size:var(--re-size-text-sm)}.re-button[data-size=lg]{block-size:var(--re-control-height-lg);padding-inline:var(--re-space-5);font-size:var(--re-size-text-lg)}.re-button[data-full-width]{inline-size:100%}.re-link{color:var(--re-color-link);text-underline-offset:.18em;border-radius:var(--re-radius-sm);transition:color var(--re-duration-fast) var(--re-easing-standard), text-decoration-color var(--re-duration-fast) var(--re-easing-standard);text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:.08em}.re-link:hover{color:var(--re-color-link-hover)}.re-link:visited{color:var(--re-color-link-visited)}.re-link:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-link[data-variant=muted]{color:var(--re-color-text-muted);-webkit-text-decoration-color:var(--re-color-border-strong);text-decoration-color:var(--re-color-border-strong)}.re-link[data-variant=muted]:hover{color:var(--re-color-text);text-decoration-color:currentColor}.re-link[data-variant=subtle]{text-decoration-line:none}.re-link[data-variant=subtle]:hover{text-decoration-line:underline}.re-link[data-variant=external]:after{content:" ↗";speak:none}.re-input,.re-textarea,.re-select{box-sizing:border-box;inline-size:100%;min-block-size:var(--re-control-height-md);padding-inline:var(--re-control-padding-x);padding-block:var(--re-control-padding-y);font:inherit;font-size:var(--re-size-text-md);line-height:var(--re-line-height-normal);color:var(--re-color-text);background-color:var(--re-color-bg);border:var(--re-border-default);border-radius:var(--re-radius-md);appearance:none;transition:border-color var(--re-duration-fast) var(--re-easing-standard), box-shadow var(--re-duration-fast) var(--re-easing-standard), background-color var(--re-duration-fast) var(--re-easing-standard);display:block}.re-input::placeholder,.re-textarea::placeholder{color:var(--re-color-text-subtle);opacity:1}.re-input:hover,.re-textarea:hover,.re-select:hover{border-color:var(--re-color-border-strong)}.re-input:focus-visible,.re-textarea:focus-visible,.re-select:focus-visible{border-color:var(--re-color-focus-ring);box-shadow:var(--re-shadow-focus);outline:none}:is(.re-input[aria-invalid=true],.re-textarea[aria-invalid=true],.re-select[aria-invalid=true],.re-input:user-invalid,.re-textarea:user-invalid,.re-select:user-invalid){border-color:var(--re-color-border-danger)}:is(.re-input[aria-invalid=true]:focus-visible,.re-textarea[aria-invalid=true]:focus-visible,.re-select[aria-invalid=true]:focus-visible,.re-input:user-invalid:focus-visible,.re-textarea:user-invalid:focus-visible,.re-select:user-invalid:focus-visible){box-shadow:0 0 0 var(--re-focus-ring-offset) var(--re-color-bg), 0 0 0 calc(var(--re-focus-ring-offset) + var(--re-focus-ring-width)) var(--re-color-danger-500)}.re-input:disabled,.re-textarea:disabled,.re-select:disabled,.re-checkbox:disabled,.re-radio:disabled{cursor:not-allowed;background-color:var(--re-color-bg-muted);color:var(--re-color-text-subtle);opacity:.7}.re-input[data-size=sm],.re-textarea[data-size=sm],.re-select[data-size=sm]{min-block-size:var(--re-control-height-sm);font-size:var(--re-size-text-sm);padding-inline:var(--re-space-2)}.re-input[data-size=lg],.re-textarea[data-size=lg],.re-select[data-size=lg]{min-block-size:var(--re-control-height-lg);font-size:var(--re-size-text-lg);padding-inline:var(--re-space-4)}.re-textarea{min-block-size:calc(var(--re-control-height-md) * 2);resize:vertical;line-height:var(--re-line-height-relaxed)}.re-select{background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right var(--re-space-4) top 55%, right calc(var(--re-space-4) - 5px) top 55%;color:var(--re-color-text);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-inline-end:var(--re-space-8)}.re-select[multiple]{min-block-size:calc(var(--re-control-height-md) * 3);background-image:none;padding-inline-end:var(--re-control-padding-x)}.re-select[multiple] option{padding-block:var(--re-space-1)}.re-checkbox,.re-radio{appearance:none;background-color:var(--re-color-bg);border:var(--re-border-width-strong) solid var(--re-color-border-strong);cursor:pointer;block-size:1.125rem;inline-size:1.125rem;color:var(--re-color-text-on-accent);transition:background-color var(--re-duration-fast) var(--re-easing-standard), border-color var(--re-duration-fast) var(--re-easing-standard), box-shadow var(--re-duration-fast) var(--re-easing-standard);flex-shrink:0;place-content:center;margin:0;padding:0;display:inline-grid}.re-checkbox{border-radius:var(--re-radius-sm)}.re-radio{border-radius:var(--re-radius-pill)}.re-checkbox:hover,.re-radio:hover{border-color:var(--re-color-accent-600)}.re-checkbox:focus-visible,.re-radio:focus-visible{box-shadow:var(--re-shadow-focus);border-color:var(--re-color-focus-ring);outline:none}.re-checkbox:checked,.re-radio:checked{background-color:var(--re-color-accent-600);border-color:var(--re-color-accent-600)}.re-checkbox:checked:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background-color:currentColor;block-size:.65rem;inline-size:.65rem}.re-radio:checked:before{content:"";border-radius:var(--re-radius-pill);background-color:currentColor;block-size:.55rem;inline-size:.55rem}.re-checkbox:indeterminate{background-color:var(--re-color-accent-600);border-color:var(--re-color-accent-600)}.re-checkbox:indeterminate:before{content:"";border-radius:var(--re-radius-sm);background-color:currentColor;block-size:.18rem;inline-size:.7rem}.re-checkbox[aria-invalid=true],.re-radio[aria-invalid=true]{border-color:var(--re-color-border-danger)}.re-field{gap:var(--re-space-2);color:var(--re-color-text);flex-direction:column;display:flex}.re-field__label{font-size:var(--re-size-text-sm);font-weight:var(--re-font-weight-medium);color:var(--re-color-text);line-height:1.2}.re-field__label[data-required]:after{content:" *";color:var(--re-color-text-danger);margin-inline-start:.1em}.re-field__hint{font-size:var(--re-size-text-sm);color:var(--re-color-text-muted);line-height:var(--re-line-height-normal)}.re-field--inline{align-items:center;gap:var(--re-space-3);flex-direction:row}.re-field-group{gap:var(--re-space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.re-field-group__legend{font-size:var(--re-size-text-sm);font-weight:var(--re-font-weight-medium);color:var(--re-color-text);padding:0;line-height:1.2}.re-field-group[data-orientation=horizontal]>.re-field-group__items{gap:var(--re-space-4);flex-flow:wrap}.re-field-group__items{gap:var(--re-space-2);flex-direction:column;display:flex}.re-validation-message{font-size:var(--re-size-text-sm);line-height:var(--re-line-height-normal);color:var(--re-color-text-danger);display:block}.re-validation-message[data-tone=success]{color:var(--re-color-success-700)}.re-validation-message[data-tone=hint]{color:var(--re-color-text-muted)}.re-validation-message[data-tone=warning]{color:var(--re-color-warning-700)}.re-disclosure{border:var(--re-border-default);border-radius:var(--re-radius-md);background-color:var(--re-color-surface);overflow:hidden}.re-disclosure__summary{cursor:pointer;padding:var(--re-space-3) var(--re-space-4);font-weight:var(--re-font-weight-medium);color:var(--re-color-text);align-items:center;gap:var(--re-space-3);-webkit-user-select:none;user-select:none;transition:background-color var(--re-duration-fast) var(--re-easing-standard);list-style:none;display:flex}.re-disclosure__summary::-webkit-details-marker{display:none}.re-disclosure__summary:before{content:"";block-size:.6rem;inline-size:.6rem;transition:transform var(--re-duration-fast) var(--re-easing-standard);border-block-end:2px solid;border-inline-end:2px solid;flex-shrink:0;margin-inline-end:var(--re-space-1);transform:rotate(-45deg)}.re-disclosure[open]>.re-disclosure__summary:before{transform:rotate(45deg)}.re-disclosure__summary:hover{background-color:var(--re-color-bg-subtle)}.re-disclosure__summary:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-disclosure__body{padding:var(--re-space-3) var(--re-space-4) var(--re-space-4);border-block-start:var(--re-border-default);color:var(--re-color-text);line-height:var(--re-line-height-normal)}.re-disclosure[data-variant=plain]{background:0 0;border:0}.re-disclosure[data-variant=plain]>.re-disclosure__body{border-block-start:0;padding-block-start:var(--re-space-2)}.re-dialog:not([open]){display:none}.re-dialog{box-sizing:border-box;border:var(--re-border-default);border-radius:var(--re-radius-lg);background-color:var(--re-color-surface);color:var(--re-color-text);max-block-size:min(85vh,40rem);inline-size:min(90vw,32rem);box-shadow:var(--re-shadow-lg);flex-direction:column;padding:0;display:flex;overflow:hidden}.re-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006}.re-dialog:focus-visible{outline:none}.re-dialog__header{justify-content:space-between;align-items:center;gap:var(--re-space-3);padding:var(--re-space-4);border-block-end:var(--re-border-default);display:flex}.re-dialog__title{font-size:var(--re-size-text-lg);font-weight:var(--re-font-weight-semibold);line-height:var(--re-line-height-tight);color:var(--re-color-text);margin:0}.re-dialog__close{appearance:none;cursor:pointer;padding:var(--re-space-1) var(--re-space-2);border-radius:var(--re-radius-md);color:var(--re-color-text-muted);font:inherit;font-size:var(--re-size-text-xl);transition:background-color var(--re-duration-fast) var(--re-easing-standard);background:0 0;border:0;line-height:1}.re-dialog__close:hover{background-color:var(--re-color-bg-subtle);color:var(--re-color-text)}.re-dialog__close:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-dialog__body{padding:var(--re-space-4);line-height:var(--re-line-height-normal);overflow-y:auto}.re-dialog__footer{justify-content:flex-end;gap:var(--re-space-3);padding:var(--re-space-4);border-block-start:var(--re-border-default);background-color:var(--re-color-bg-subtle);display:flex}.re-progress,.re-meter{appearance:none;border-radius:var(--re-radius-pill);background-color:var(--re-color-bg-muted);block-size:.5rem;inline-size:100%;color:var(--re-color-accent-600);border:0;overflow:hidden}.re-progress::-webkit-progress-bar{background-color:var(--re-color-bg-muted);border-radius:var(--re-radius-pill)}.re-progress::-webkit-progress-value{background-color:var(--re-color-accent-600);border-radius:var(--re-radius-pill);transition:inline-size var(--re-duration-normal) var(--re-easing-standard)}.re-progress::-moz-progress-bar{background-color:var(--re-color-accent-600);border-radius:var(--re-radius-pill)}.re-progress:indeterminate{background:linear-gradient(90deg, transparent 0%, var(--re-color-accent-300) 50%, transparent 100%) no-repeat, var(--re-color-bg-muted);background-size:40% 100%,100% 100%;animation:1.2s linear infinite re-progress-indeterminate}@keyframes re-progress-indeterminate{0%{background-position:-40% 0,0 0}to{background-position:140% 0,0 0}}@media (prefers-reduced-motion:reduce){.re-progress:indeterminate{animation-duration:.01ms}}.re-meter::-webkit-meter-bar{background-color:var(--re-color-bg-muted);border-radius:var(--re-radius-pill);border:0}.re-meter::-webkit-meter-optimum-value{background-color:var(--re-color-success-600);border-radius:var(--re-radius-pill)}.re-meter::-webkit-meter-suboptimum-value{background-color:var(--re-color-warning-600);border-radius:var(--re-radius-pill)}.re-meter::-webkit-meter-even-less-good-value{background-color:var(--re-color-danger-600);border-radius:var(--re-radius-pill)}.re-meter::-moz-meter-bar{background-color:var(--re-color-success-600);border-radius:var(--re-radius-pill)}.re-meter:-moz-meter-sub-optimum::-moz-meter-bar{background-color:var(--re-color-warning-600)}.re-meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background-color:var(--re-color-danger-600)}.re-progress[data-size=sm],.re-meter[data-size=sm]{block-size:.25rem}.re-progress[data-size=lg],.re-meter[data-size=lg]{block-size:.75rem}.re-tabs{gap:var(--re-space-4);flex-direction:column;display:flex}.re-tabs__list{gap:var(--re-space-1);border-block-end:var(--re-border-default);flex-wrap:wrap;padding-block-end:0;display:flex}.re-tab{appearance:none;cursor:pointer;font:inherit;color:var(--re-color-text-muted);padding:var(--re-space-2) var(--re-space-4);border-radius:var(--re-radius-md) var(--re-radius-md) 0 0;line-height:1.4;font-weight:var(--re-font-weight-medium);transition:color var(--re-duration-fast) var(--re-easing-standard), background-color var(--re-duration-fast) var(--re-easing-standard);background:0 0;border:0;position:relative}.re-tab:hover{color:var(--re-color-text);background-color:var(--re-color-bg-subtle)}.re-tab:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-tab[aria-selected=true]{color:var(--re-color-text);background-color:var(--re-color-bg)}.re-tab[aria-selected=true]:after{content:"";inset-inline:var(--re-space-2);background-color:var(--re-color-accent-600);border-radius:var(--re-radius-sm);block-size:2px;position:absolute;inset-block-end:calc(var(--re-border-width) * -1)}.re-tabpanel{color:var(--re-color-text);line-height:var(--re-line-height-normal)}.re-tabpanel:focus-visible{box-shadow:var(--re-shadow-focus);border-radius:var(--re-radius-md);outline:none}.re-menu{display:inline-block;position:relative}.re-menu__panel{background-color:var(--re-color-surface);border:var(--re-border-default);border-radius:var(--re-radius-md);min-inline-size:12rem;box-shadow:var(--re-shadow-md);padding:var(--re-space-1);z-index:var(--re-z-popover);flex-direction:column;gap:1px;display:flex;position:absolute;inset-block-start:calc(100% + var(--re-space-1));inset-inline-start:0}.re-menu__item{appearance:none;cursor:pointer;font:inherit;text-align:start;padding:var(--re-space-2) var(--re-space-3);border-radius:var(--re-radius-sm);color:var(--re-color-text);line-height:var(--re-line-height-normal);background:0 0;border:0}.re-menu__item:hover{background-color:var(--re-color-bg-muted);outline:none}.re-menu__item:focus-visible{background-color:var(--re-color-bg-muted);box-shadow:inset 0 0 0 2px var(--re-color-focus-ring);outline:none}.re-menu__item[aria-disabled=true],.re-menu__item:disabled{color:var(--re-color-text-subtle);cursor:not-allowed}.re-menu__separator{background-color:var(--re-color-border);block-size:1px;margin-block:var(--re-space-1)}.re-popover{border:var(--re-border-default);border-radius:var(--re-radius-md);background-color:var(--re-color-surface);color:var(--re-color-text);padding:var(--re-space-3) var(--re-space-4);box-shadow:var(--re-shadow-md);max-inline-size:22rem;line-height:var(--re-line-height-normal);margin:0;inset:auto}.re-popover:popover-open{margin:0}.re-popover[data-tone=info]{background-color:color-mix(in srgb, var(--re-color-accent-500) 12%, var(--re-color-surface));border-color:var(--re-color-accent-500)}.re-popover[data-tone=warning]{background-color:color-mix(in srgb, var(--re-color-warning-500) 12%, var(--re-color-surface));border-color:var(--re-color-warning-500)}.re-popover[data-tone=danger]{background-color:color-mix(in srgb, var(--re-color-danger-500) 12%, var(--re-color-surface));border-color:var(--re-color-danger-500)}.re-toast-region{z-index:var(--re-z-toast);pointer-events:none;position:fixed;inset-block-end:var(--re-space-6);inset-inline-end:var(--re-space-6)}.re-toast-list{gap:var(--re-space-2);flex-direction:column-reverse;min-inline-size:16rem;max-inline-size:24rem;margin:0;padding:0;display:flex}.re-toast{pointer-events:auto;gap:var(--re-space-3);padding:var(--re-space-3) var(--re-space-4);background-color:var(--re-color-surface);color:var(--re-color-text);border:var(--re-border-default);border-radius:var(--re-radius-md);box-shadow:var(--re-shadow-md);line-height:var(--re-line-height-normal);align-items:flex-start;display:flex}.re-toast__body{flex:auto}.re-toast__dismiss{appearance:none;cursor:pointer;color:var(--re-color-text-muted);font:inherit;font-size:var(--re-size-text-lg);padding:0 var(--re-space-1);border-radius:var(--re-radius-sm);background:0 0;border:0;line-height:1}.re-toast__dismiss:hover{color:var(--re-color-text);background:var(--re-color-bg-subtle)}.re-toast__dismiss:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-toast[data-tone=success]{background-color:color-mix(in srgb, var(--re-color-success-600) 12%, var(--re-color-surface));border-color:var(--re-color-success-600);color:var(--re-color-text)}.re-toast[data-tone=danger]{background-color:color-mix(in srgb, var(--re-color-danger-600) 12%, var(--re-color-surface));border-color:var(--re-color-danger-600);color:var(--re-color-text)}.re-toast[data-tone=warning]{background-color:color-mix(in srgb, var(--re-color-warning-600) 12%, var(--re-color-surface));border-color:var(--re-color-warning-600);color:var(--re-color-text)}.re-accordion{border:var(--re-border-default);border-radius:var(--re-radius-md);flex-direction:column;display:flex;overflow:hidden}.re-accordion>.re-disclosure{border-width:0;border-radius:0}.re-accordion>.re-disclosure+.re-disclosure{border-block-start:var(--re-border-default)}.re-alert{align-items:flex-start;gap:var(--re-space-3);padding:var(--re-space-3) var(--re-space-4);border:var(--re-border-width) solid var(--re-color-info-border);border-radius:var(--re-radius-md);background-color:var(--re-color-info-surface);color:var(--re-color-text);line-height:var(--re-line-height-normal);display:flex}.re-alert__content{flex:auto;min-inline-size:0}.re-alert__title{margin:0 0 var(--re-space-1);font-weight:var(--re-font-weight-semibold);color:var(--re-color-info-text)}.re-alert__dismiss{appearance:none;cursor:pointer;padding:var(--re-space-1) var(--re-space-2);border-radius:var(--re-radius-sm);font-size:var(--re-size-text-lg);color:var(--re-color-text-muted);background:0 0;border:0;flex-shrink:0;line-height:1}.re-alert__dismiss:hover{color:var(--re-color-text);background:color-mix(in oklab, var(--re-color-text) 10%, transparent)}.re-alert__dismiss:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-alert[data-variant=success]{border-color:var(--re-color-success-border);background-color:var(--re-color-success-surface)}.re-alert[data-variant=success] .re-alert__title{color:var(--re-color-success-text)}.re-alert[data-variant=warning]{border-color:var(--re-color-warning-border);background-color:var(--re-color-warning-surface)}.re-alert[data-variant=warning] .re-alert__title{color:var(--re-color-warning-text)}.re-alert[data-variant=danger]{border-color:var(--re-color-danger-border);background-color:var(--re-color-danger-surface)}.re-alert[data-variant=danger] .re-alert__title{color:var(--re-color-danger-text)}.re-avatar{inline-size:var(--re-control-height-md);block-size:var(--re-control-height-md);border-radius:var(--re-radius-pill);background-color:var(--re-color-bg-muted);color:var(--re-color-text-muted);font-size:var(--re-size-text-sm);font-weight:var(--re-font-weight-medium);text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.re-avatar>img{object-fit:cover;block-size:100%;inline-size:100%}.re-avatar[data-size=sm]{inline-size:var(--re-control-height-sm);block-size:var(--re-control-height-sm);font-size:var(--re-size-text-xs)}.re-avatar[data-size=lg]{inline-size:var(--re-control-height-lg);block-size:var(--re-control-height-lg);font-size:var(--re-size-text-md)}.re-badge{align-items:center;gap:var(--re-space-1);padding-inline:var(--re-space-2);padding-block:calc(var(--re-space-1) / 2);font-size:var(--re-size-text-xs);font-weight:var(--re-font-weight-medium);white-space:nowrap;border-radius:var(--re-radius-pill);background-color:var(--re-color-bg-muted);color:var(--re-color-text-muted);line-height:1.4;display:inline-flex}.re-badge[data-variant=info]{background-color:var(--re-color-info-surface);color:var(--re-color-info-text)}.re-badge[data-variant=success]{background-color:var(--re-color-success-surface);color:var(--re-color-success-text)}.re-badge[data-variant=warning]{background-color:var(--re-color-warning-surface);color:var(--re-color-warning-text)}.re-badge[data-variant=danger]{background-color:var(--re-color-danger-surface);color:var(--re-color-danger-text)}.re-breadcrumb>ol{align-items:center;gap:var(--re-space-2);font-size:var(--re-size-text-sm);color:var(--re-color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.re-breadcrumb li{align-items:center;gap:var(--re-space-2);display:inline-flex}.re-breadcrumb li+li:before{content:"/";color:var(--re-color-text-subtle);-webkit-user-select:none;user-select:none}.re-breadcrumb a{color:var(--re-color-link);border-radius:var(--re-radius-sm);text-decoration:none}.re-breadcrumb a:hover{text-decoration:underline}.re-breadcrumb a:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-breadcrumb [aria-current=page]{color:var(--re-color-text);font-weight:var(--re-font-weight-medium);pointer-events:none;text-decoration:none}.re-card{background-color:var(--re-color-surface);border:var(--re-border-default);border-radius:var(--re-radius-lg);box-shadow:var(--re-shadow-sm);color:var(--re-color-text);flex-direction:column;display:flex;overflow:hidden}a.re-card{text-decoration:none}.re-card__header{padding:var(--re-space-4);font-weight:var(--re-font-weight-semibold);border-block-end:var(--re-border-default)}.re-card__body{padding:var(--re-space-4);line-height:var(--re-line-height-normal)}.re-card__footer{padding:var(--re-space-3) var(--re-space-4);border-block-start:var(--re-border-default);background-color:var(--re-color-bg-subtle)}.re-card[data-interactive]{cursor:pointer;transition:box-shadow var(--re-duration-fast) var(--re-easing-standard), border-color var(--re-duration-fast) var(--re-easing-standard)}.re-card[data-interactive]:hover{box-shadow:var(--re-shadow-md);border-color:var(--re-color-border-strong)}.re-card[data-interactive]:focus-within{box-shadow:var(--re-shadow-focus);outline:none}.re-switch{appearance:none;box-sizing:border-box;border:var(--re-border-width) solid var(--re-color-border-strong);border-radius:var(--re-radius-pill);background-color:var(--re-color-bg-muted);cursor:pointer;vertical-align:middle;block-size:1.25rem;inline-size:2.25rem;transition:background-color var(--re-duration-fast) var(--re-easing-standard), border-color var(--re-duration-fast) var(--re-easing-standard);flex-shrink:0;margin:0;position:relative}.re-switch:before{content:"";border-radius:var(--re-radius-pill);background-color:var(--re-color-surface);block-size:.875rem;inline-size:.875rem;box-shadow:var(--re-shadow-sm);transition:transform var(--re-duration-fast) var(--re-easing-standard);position:absolute;inset-block-start:2px;inset-inline-start:2px}.re-switch:checked{background-color:var(--re-color-accent-600);border-color:var(--re-color-accent-600)}.re-switch:checked:before{transform:translate(1rem)}.re-switch:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-switch:disabled{cursor:not-allowed;opacity:.55}.re-tag{align-items:center;gap:var(--re-space-1);padding-inline:var(--re-space-2);padding-block:calc(var(--re-space-1) / 2);font-size:var(--re-size-text-xs);white-space:nowrap;border:var(--re-border-width) solid var(--re-color-border);border-radius:var(--re-radius-pill);background-color:var(--re-color-bg-subtle);color:var(--re-color-text);line-height:1.4;display:inline-flex}.re-tag__remove{appearance:none;border-radius:var(--re-radius-pill);block-size:1rem;inline-size:1rem;color:var(--re-color-text-muted);font-size:var(--re-size-text-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.re-tag__remove:hover{color:var(--re-color-text);background:color-mix(in oklab, var(--re-color-text) 12%, transparent)}.re-tag__remove:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-tag[data-variant=info]{border-color:var(--re-color-info-border);background-color:var(--re-color-info-surface);color:var(--re-color-info-text)}.re-tag[data-variant=success]{border-color:var(--re-color-success-border);background-color:var(--re-color-success-surface);color:var(--re-color-success-text)}.re-tag[data-variant=warning]{border-color:var(--re-color-warning-border);background-color:var(--re-color-warning-surface);color:var(--re-color-warning-text)}.re-tag[data-variant=danger]{border-color:var(--re-color-danger-border);background-color:var(--re-color-danger-surface);color:var(--re-color-danger-text)}}
+@layer re.tokens{@layer re.tokens{:root{--re-color-neutral-0:#fff;--re-color-neutral-50:#f8fafc;--re-color-neutral-100:#f1f5f9;--re-color-neutral-200:#e2e8f0;--re-color-neutral-300:#cbd5e1;--re-color-neutral-400:#94a3b8;--re-color-neutral-500:#64748b;--re-color-neutral-600:#475569;--re-color-neutral-700:#334155;--re-color-neutral-800:#1e293b;--re-color-neutral-900:#0f172a;--re-color-neutral-950:#020617;--re-color-accent-50:#eff6ff;--re-color-accent-100:#dbeafe;--re-color-accent-200:#bfdbfe;--re-color-accent-300:#93c5fd;--re-color-accent-400:#60a5fa;--re-color-accent-500:#3b82f6;--re-color-accent-600:#2563eb;--re-color-accent-700:#1d4ed8;--re-color-accent-800:#1e40af;--re-color-accent-900:#1e3a8a;--re-color-danger-500:#ef4444;--re-color-danger-600:#dc2626;--re-color-danger-700:#b91c1c;--re-color-success-500:#10b981;--re-color-success-600:#059669;--re-color-success-700:#047857;--re-color-warning-500:#f59e0b;--re-color-warning-600:#d97706;--re-color-warning-700:#b45309;--re-color-bg:var(--re-color-neutral-0);--re-color-bg-subtle:var(--re-color-neutral-50);--re-color-bg-muted:var(--re-color-neutral-100);--re-color-surface:var(--re-color-neutral-0);--re-color-text:var(--re-color-neutral-900);--re-color-text-muted:var(--re-color-neutral-600);--re-color-text-subtle:var(--re-color-neutral-500);--re-color-text-on-accent:var(--re-color-neutral-0);--re-color-text-danger:var(--re-color-danger-700);--re-color-border:var(--re-color-neutral-200);--re-color-border-strong:var(--re-color-neutral-300);--re-color-border-danger:var(--re-color-danger-500);--re-color-link:var(--re-color-accent-700);--re-color-link-hover:var(--re-color-accent-800);--re-color-link-visited:var(--re-color-accent-800);--re-color-focus-ring:var(--re-color-accent-500);--re-color-selection-bg:var(--re-color-accent-100);--re-color-selection-text:var(--re-color-neutral-900);--re-color-info-surface:color-mix(in oklab, var(--re-color-accent-500) 12%, var(--re-color-bg));--re-color-info-border:var(--re-color-accent-500);--re-color-info-text:var(--re-color-accent-700);--re-color-success-surface:color-mix(in oklab, var(--re-color-success-500) 12%, var(--re-color-bg));--re-color-success-border:var(--re-color-success-500);--re-color-success-text:var(--re-color-success-700);--re-color-warning-surface:color-mix(in oklab, var(--re-color-warning-500) 12%, var(--re-color-bg));--re-color-warning-border:var(--re-color-warning-500);--re-color-warning-text:var(--re-color-warning-700);--re-color-danger-surface:color-mix(in oklab, var(--re-color-danger-500) 12%, var(--re-color-bg));--re-color-danger-border:var(--re-color-danger-500);--re-color-danger-text:var(--re-color-danger-700);--re-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--re-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--re-size-text-xs:.75rem;--re-size-text-sm:.875rem;--re-size-text-md:1rem;--re-size-text-lg:1.125rem;--re-size-text-xl:1.25rem;--re-size-text-2xl:1.5rem;--re-size-text-3xl:1.875rem;--re-size-text-4xl:2.25rem;--re-line-height-tight:1.2;--re-line-height-snug:1.35;--re-line-height-normal:1.5;--re-line-height-relaxed:1.65;--re-font-weight-regular:400;--re-font-weight-medium:500;--re-font-weight-semibold:600;--re-font-weight-bold:700;--re-space-0:0;--re-space-1:.25rem;--re-space-2:.5rem;--re-space-3:.75rem;--re-space-4:1rem;--re-space-5:1.25rem;--re-space-6:1.5rem;--re-space-8:2rem;--re-space-10:2.5rem;--re-space-12:3rem;--re-space-16:4rem;--re-radius-none:0;--re-radius-sm:.25rem;--re-radius-md:.375rem;--re-radius-lg:.5rem;--re-radius-xl:.75rem;--re-radius-pill:9999px;--re-border-width:1px;--re-border-width-strong:2px;--re-border-default:var(--re-border-width) solid var(--re-color-border);--re-border-strong:var(--re-border-width-strong) solid var(--re-color-border-strong);--re-border-danger:var(--re-border-width) solid var(--re-color-border-danger);--re-focus-ring-width:2px;--re-focus-ring-offset:2px;--re-focus-ring-color:var(--re-color-focus-ring);--re-shadow-focus:0 0 0 var(--re-focus-ring-offset) var(--re-color-bg), 0 0 0 calc(var(--re-focus-ring-offset) + var(--re-focus-ring-width)) var(--re-color-focus-ring);--re-shadow-sm:0 1px 2px #0000000f;--re-shadow-md:0 4px 12px #00000014;--re-shadow-lg:0 12px 32px #0000001f;--re-duration-instant:0s;--re-duration-fast:.12s;--re-duration-normal:.2s;--re-duration-slow:.32s;--re-easing-standard:cubic-bezier(.2, 0, 0, 1);--re-easing-emphasized:cubic-bezier(.3, 0, 0, 1);--re-z-base:0;--re-z-overlay:100;--re-z-popover:200;--re-z-dialog:300;--re-z-toast:400;--re-control-height-sm:1.75rem;--re-control-height-md:2.25rem;--re-control-height-lg:2.75rem;--re-control-padding-x:var(--re-space-3);--re-control-padding-y:var(--re-space-2)}@media (prefers-color-scheme:dark){:root{--re-color-bg:var(--re-color-neutral-950);--re-color-bg-subtle:var(--re-color-neutral-900);--re-color-bg-muted:var(--re-color-neutral-800);--re-color-surface:var(--re-color-neutral-900);--re-color-text:var(--re-color-neutral-50);--re-color-text-muted:var(--re-color-neutral-300);--re-color-text-subtle:var(--re-color-neutral-400);--re-color-text-on-accent:var(--re-color-neutral-0);--re-color-text-danger:var(--re-color-danger-500);--re-color-border:var(--re-color-neutral-700);--re-color-border-strong:var(--re-color-neutral-600);--re-color-link:var(--re-color-accent-300);--re-color-link-hover:var(--re-color-accent-200);--re-color-link-visited:var(--re-color-accent-200);--re-color-focus-ring:var(--re-color-accent-400);--re-color-selection-bg:var(--re-color-accent-900);--re-color-selection-text:var(--re-color-neutral-50);--re-color-info-surface:color-mix(in oklab, var(--re-color-accent-500) 20%, var(--re-color-bg));--re-color-info-border:var(--re-color-accent-400);--re-color-info-text:var(--re-color-accent-200);--re-color-success-surface:color-mix(in oklab, var(--re-color-success-500) 20%, var(--re-color-bg));--re-color-success-border:var(--re-color-success-500);--re-color-success-text:var(--re-color-success-500);--re-color-warning-surface:color-mix(in oklab, var(--re-color-warning-500) 20%, var(--re-color-bg));--re-color-warning-border:var(--re-color-warning-500);--re-color-warning-text:var(--re-color-warning-500);--re-color-danger-surface:color-mix(in oklab, var(--re-color-danger-500) 20%, var(--re-color-bg));--re-color-danger-border:var(--re-color-danger-500);--re-color-danger-text:var(--re-color-danger-500);--re-focus-ring-offset:0px;--re-shadow-focus:0 0 0 2px var(--re-color-focus-ring)}}}}@layer re.reset{@layer re.reset{*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;tab-size:4}body{min-height:100dvh;line-height:var(--re-line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}textarea{resize:vertical}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}}@layer re.base{@layer re.base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{font-family:var(--re-font-sans);font-size:var(--re-size-text-md);line-height:var(--re-line-height-normal);color:var(--re-color-text);background-color:var(--re-color-bg)}::selection{background-color:var(--re-color-selection-bg);color:var(--re-color-selection-text)}h1,h2,h3,h4,h5,h6{line-height:var(--re-line-height-tight);font-weight:var(--re-font-weight-semibold);color:var(--re-color-text)}h1{font-size:var(--re-size-text-4xl)}h2{font-size:var(--re-size-text-3xl)}h3{font-size:var(--re-size-text-2xl)}h4{font-size:var(--re-size-text-xl)}h5{font-size:var(--re-size-text-lg)}h6{font-size:var(--re-size-text-md)}p{line-height:var(--re-line-height-normal);color:var(--re-color-text)}small{font-size:var(--re-size-text-sm);color:var(--re-color-text-muted)}code,kbd,samp,pre{font-family:var(--re-font-mono);font-size:.95em}pre{padding:var(--re-space-3) var(--re-space-4);background-color:var(--re-color-bg-muted);border-radius:var(--re-radius-md);overflow:auto}code{background-color:var(--re-color-bg-muted);border-radius:var(--re-radius-sm);padding:.1em .3em}pre code{background:0 0;border-radius:0;padding:0}hr{border:0;border-top:var(--re-border-default);margin-block:var(--re-space-6)}a{color:var(--re-color-link);text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{color:var(--re-color-link-hover)}a:visited{color:var(--re-color-link-visited)}:focus-visible{box-shadow:var(--re-shadow-focus);border-radius:var(--re-radius-sm);outline:none}input,textarea,select{color:var(--re-color-text);background-color:var(--re-color-bg)}}}@layer re.components{.re-button{justify-content:center;align-items:center;gap:var(--re-space-2);box-sizing:border-box;block-size:var(--re-control-height-md);padding-inline:var(--re-space-4);font:inherit;font-weight:var(--re-font-weight-medium);font-size:var(--re-size-text-md);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;color:var(--re-color-text-on-accent);background-color:var(--re-color-accent-600);border:var(--re-border-width) solid transparent;border-radius:var(--re-radius-md);cursor:pointer;transition:background-color var(--re-duration-fast) var(--re-easing-standard), color var(--re-duration-fast) var(--re-easing-standard), border-color var(--re-duration-fast) var(--re-easing-standard), box-shadow var(--re-duration-fast) var(--re-easing-standard);padding-block:0;line-height:1;text-decoration:none;display:inline-flex}a.re-button{-webkit-tap-highlight-color:transparent}.re-button:hover{background-color:var(--re-color-accent-700)}.re-button:active{background-color:var(--re-color-accent-800)}.re-button:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-button:disabled,.re-button[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}a.re-button[aria-disabled=true]{pointer-events:none}.re-button[data-variant=secondary]{color:var(--re-color-text);background-color:var(--re-color-bg);border-color:var(--re-color-border-strong)}.re-button[data-variant=secondary]:hover{background-color:var(--re-color-bg-subtle)}.re-button[data-variant=secondary]:active{background-color:var(--re-color-bg-muted)}.re-button[data-variant=ghost]{color:var(--re-color-text);background-color:#0000;border-color:#0000}.re-button[data-variant=ghost]:hover{background-color:var(--re-color-bg-subtle)}.re-button[data-variant=ghost]:active{background-color:var(--re-color-bg-muted)}.re-button[data-variant=danger]{color:var(--re-color-text-on-accent);background-color:var(--re-color-danger-600)}.re-button[data-variant=danger]:hover{background-color:var(--re-color-danger-700)}.re-button[data-variant=danger]:active{background-color:var(--re-color-danger-700);filter:brightness(.95)}.re-button[data-size=sm]{block-size:var(--re-control-height-sm);padding-inline:var(--re-space-3);font-size:var(--re-size-text-sm)}.re-button[data-size=lg]{block-size:var(--re-control-height-lg);padding-inline:var(--re-space-5);font-size:var(--re-size-text-lg)}.re-button[data-full-width]{inline-size:100%}.re-link{color:var(--re-color-link);text-underline-offset:.18em;border-radius:var(--re-radius-sm);transition:color var(--re-duration-fast) var(--re-easing-standard), text-decoration-color var(--re-duration-fast) var(--re-easing-standard);text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:.08em}.re-link:hover{color:var(--re-color-link-hover)}.re-link:visited{color:var(--re-color-link-visited)}.re-link:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-link[data-variant=muted]{color:var(--re-color-text-muted);-webkit-text-decoration-color:var(--re-color-border-strong);text-decoration-color:var(--re-color-border-strong)}.re-link[data-variant=muted]:hover{color:var(--re-color-text);text-decoration-color:currentColor}.re-link[data-variant=subtle]{text-decoration-line:none}.re-link[data-variant=subtle]:hover{text-decoration-line:underline}.re-link[data-variant=external]:after{content:" ↗";speak:none}.re-input,.re-textarea,.re-select{box-sizing:border-box;inline-size:100%;min-block-size:var(--re-control-height-md);padding-inline:var(--re-control-padding-x);padding-block:var(--re-control-padding-y);font:inherit;font-size:var(--re-size-text-md);line-height:var(--re-line-height-normal);color:var(--re-color-text);background-color:var(--re-color-bg);border:var(--re-border-default);border-radius:var(--re-radius-md);appearance:none;transition:border-color var(--re-duration-fast) var(--re-easing-standard), box-shadow var(--re-duration-fast) var(--re-easing-standard), background-color var(--re-duration-fast) var(--re-easing-standard);display:block}.re-input::placeholder,.re-textarea::placeholder{color:var(--re-color-text-subtle);opacity:1}.re-input:hover,.re-textarea:hover,.re-select:hover{border-color:var(--re-color-border-strong)}.re-input:focus-visible,.re-textarea:focus-visible,.re-select:focus-visible{border-color:var(--re-color-focus-ring);box-shadow:var(--re-shadow-focus);outline:none}:is(.re-input[aria-invalid=true],.re-textarea[aria-invalid=true],.re-select[aria-invalid=true],.re-input:user-invalid,.re-textarea:user-invalid,.re-select:user-invalid){border-color:var(--re-color-border-danger)}:is(.re-input[aria-invalid=true]:focus-visible,.re-textarea[aria-invalid=true]:focus-visible,.re-select[aria-invalid=true]:focus-visible,.re-input:user-invalid:focus-visible,.re-textarea:user-invalid:focus-visible,.re-select:user-invalid:focus-visible){box-shadow:0 0 0 var(--re-focus-ring-offset) var(--re-color-bg), 0 0 0 calc(var(--re-focus-ring-offset) + var(--re-focus-ring-width)) var(--re-color-danger-500)}.re-input:disabled,.re-textarea:disabled,.re-select:disabled,.re-checkbox:disabled,.re-radio:disabled{cursor:not-allowed;background-color:var(--re-color-bg-muted);color:var(--re-color-text-subtle);opacity:.7}.re-input[data-size=sm],.re-textarea[data-size=sm],.re-select[data-size=sm]{min-block-size:var(--re-control-height-sm);font-size:var(--re-size-text-sm);padding-inline:var(--re-space-2)}.re-input[data-size=lg],.re-textarea[data-size=lg],.re-select[data-size=lg]{min-block-size:var(--re-control-height-lg);font-size:var(--re-size-text-lg);padding-inline:var(--re-space-4)}.re-textarea{min-block-size:calc(var(--re-control-height-md) * 2);resize:vertical;line-height:var(--re-line-height-relaxed)}.re-select{background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right var(--re-space-4) top 55%, right calc(var(--re-space-4) - 5px) top 55%;color:var(--re-color-text);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-inline-end:var(--re-space-8)}.re-select[multiple]{min-block-size:calc(var(--re-control-height-md) * 3);background-image:none;padding-inline-end:var(--re-control-padding-x)}.re-select[multiple] option{padding-block:var(--re-space-1)}.re-checkbox,.re-radio{appearance:none;background-color:var(--re-color-bg);border:var(--re-border-width-strong) solid var(--re-color-border-strong);cursor:pointer;block-size:1.125rem;inline-size:1.125rem;color:var(--re-color-text-on-accent);transition:background-color var(--re-duration-fast) var(--re-easing-standard), border-color var(--re-duration-fast) var(--re-easing-standard), box-shadow var(--re-duration-fast) var(--re-easing-standard);flex-shrink:0;place-content:center;margin:0;padding:0;display:inline-grid}.re-checkbox{border-radius:var(--re-radius-sm)}.re-radio{border-radius:var(--re-radius-pill)}.re-checkbox:hover,.re-radio:hover{border-color:var(--re-color-accent-600)}.re-checkbox:focus-visible,.re-radio:focus-visible{box-shadow:var(--re-shadow-focus);border-color:var(--re-color-focus-ring);outline:none}.re-checkbox:checked,.re-radio:checked{background-color:var(--re-color-accent-600);border-color:var(--re-color-accent-600)}.re-checkbox:checked:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background-color:currentColor;block-size:.65rem;inline-size:.65rem}.re-radio:checked:before{content:"";border-radius:var(--re-radius-pill);background-color:currentColor;block-size:.55rem;inline-size:.55rem}.re-checkbox:indeterminate{background-color:var(--re-color-accent-600);border-color:var(--re-color-accent-600)}.re-checkbox:indeterminate:before{content:"";border-radius:var(--re-radius-sm);background-color:currentColor;block-size:.18rem;inline-size:.7rem}.re-checkbox[aria-invalid=true],.re-radio[aria-invalid=true]{border-color:var(--re-color-border-danger)}.re-field{gap:var(--re-space-2);color:var(--re-color-text);flex-direction:column;display:flex}.re-field__label{font-size:var(--re-size-text-sm);font-weight:var(--re-font-weight-medium);color:var(--re-color-text);line-height:1.2}.re-field__label[data-required]:after{content:" *";color:var(--re-color-text-danger);margin-inline-start:.1em}.re-field__hint{font-size:var(--re-size-text-sm);color:var(--re-color-text-muted);line-height:var(--re-line-height-normal)}.re-field--inline{align-items:center;gap:var(--re-space-3);flex-direction:row}.re-field-group{gap:var(--re-space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.re-field-group__legend{font-size:var(--re-size-text-sm);font-weight:var(--re-font-weight-medium);color:var(--re-color-text);padding:0;line-height:1.2}.re-field-group[data-orientation=horizontal]>.re-field-group__items{gap:var(--re-space-4);flex-flow:wrap}.re-field-group__items{gap:var(--re-space-2);flex-direction:column;display:flex}.re-validation-message{font-size:var(--re-size-text-sm);line-height:var(--re-line-height-normal);color:var(--re-color-text-danger);display:block}.re-validation-message[data-tone=success]{color:var(--re-color-success-700)}.re-validation-message[data-tone=hint]{color:var(--re-color-text-muted)}.re-validation-message[data-tone=warning]{color:var(--re-color-warning-700)}.re-disclosure{border:var(--re-border-default);border-radius:var(--re-radius-md);background-color:var(--re-color-surface);overflow:hidden}.re-disclosure__summary{cursor:pointer;padding:var(--re-space-3) var(--re-space-4);font-weight:var(--re-font-weight-medium);color:var(--re-color-text);align-items:center;gap:var(--re-space-3);-webkit-user-select:none;user-select:none;transition:background-color var(--re-duration-fast) var(--re-easing-standard);list-style:none;display:flex}.re-disclosure__summary::-webkit-details-marker{display:none}.re-disclosure__summary:before{content:"";block-size:.6rem;inline-size:.6rem;transition:transform var(--re-duration-fast) var(--re-easing-standard);border-block-end:2px solid;border-inline-end:2px solid;flex-shrink:0;margin-inline-end:var(--re-space-1);transform:rotate(-45deg)}.re-disclosure[open]>.re-disclosure__summary:before{transform:rotate(45deg)}.re-disclosure__summary:hover{background-color:var(--re-color-bg-subtle)}.re-disclosure__summary:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-disclosure__body{padding:var(--re-space-3) var(--re-space-4) var(--re-space-4);border-block-start:var(--re-border-default);color:var(--re-color-text);line-height:var(--re-line-height-normal)}.re-disclosure[data-variant=plain]{background:0 0;border:0}.re-disclosure[data-variant=plain]>.re-disclosure__body{border-block-start:0;padding-block-start:var(--re-space-2)}.re-dialog:not([open]){display:none}.re-dialog{box-sizing:border-box;border:var(--re-border-default);border-radius:var(--re-radius-lg);background-color:var(--re-color-surface);color:var(--re-color-text);max-block-size:min(85vh,40rem);inline-size:min(90vw,32rem);box-shadow:var(--re-shadow-lg);flex-direction:column;padding:0;display:flex;overflow:hidden}.re-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006}.re-dialog:focus-visible{outline:none}.re-dialog__header{justify-content:space-between;align-items:center;gap:var(--re-space-3);padding:var(--re-space-4);border-block-end:var(--re-border-default);display:flex}.re-dialog__title{font-size:var(--re-size-text-lg);font-weight:var(--re-font-weight-semibold);line-height:var(--re-line-height-tight);color:var(--re-color-text);margin:0}.re-dialog__close{appearance:none;cursor:pointer;padding:var(--re-space-1) var(--re-space-2);border-radius:var(--re-radius-md);color:var(--re-color-text-muted);font:inherit;font-size:var(--re-size-text-xl);transition:background-color var(--re-duration-fast) var(--re-easing-standard);background:0 0;border:0;line-height:1}.re-dialog__close:hover{background-color:var(--re-color-bg-subtle);color:var(--re-color-text)}.re-dialog__close:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-dialog__body{padding:var(--re-space-4);line-height:var(--re-line-height-normal);overflow-y:auto}.re-dialog__footer{justify-content:flex-end;gap:var(--re-space-3);padding:var(--re-space-4);border-block-start:var(--re-border-default);background-color:var(--re-color-bg-subtle);display:flex}.re-progress,.re-meter{appearance:none;border-radius:var(--re-radius-pill);background-color:var(--re-color-bg-muted);block-size:.5rem;inline-size:100%;color:var(--re-color-accent-600);border:0;overflow:hidden}.re-progress::-webkit-progress-bar{background-color:var(--re-color-bg-muted);border-radius:var(--re-radius-pill)}.re-progress::-webkit-progress-value{background-color:var(--re-color-accent-600);border-radius:var(--re-radius-pill);transition:inline-size var(--re-duration-normal) var(--re-easing-standard)}.re-progress::-moz-progress-bar{background-color:var(--re-color-accent-600);border-radius:var(--re-radius-pill)}.re-progress:indeterminate{background:linear-gradient(90deg, transparent 0%, var(--re-color-accent-300) 50%, transparent 100%) no-repeat, var(--re-color-bg-muted);background-size:40% 100%,100% 100%;animation:1.2s linear infinite re-progress-indeterminate}@keyframes re-progress-indeterminate{0%{background-position:-40% 0,0 0}to{background-position:140% 0,0 0}}@media (prefers-reduced-motion:reduce){.re-progress:indeterminate{animation-duration:.01ms}}.re-meter::-webkit-meter-bar{background-color:var(--re-color-bg-muted);border-radius:var(--re-radius-pill);border:0}.re-meter::-webkit-meter-optimum-value{background-color:var(--re-color-success-600);border-radius:var(--re-radius-pill)}.re-meter::-webkit-meter-suboptimum-value{background-color:var(--re-color-warning-600);border-radius:var(--re-radius-pill)}.re-meter::-webkit-meter-even-less-good-value{background-color:var(--re-color-danger-600);border-radius:var(--re-radius-pill)}.re-meter::-moz-meter-bar{background-color:var(--re-color-success-600);border-radius:var(--re-radius-pill)}.re-meter:-moz-meter-sub-optimum::-moz-meter-bar{background-color:var(--re-color-warning-600)}.re-meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background-color:var(--re-color-danger-600)}.re-progress[data-size=sm],.re-meter[data-size=sm]{block-size:.25rem}.re-progress[data-size=lg],.re-meter[data-size=lg]{block-size:.75rem}.re-tabs{gap:var(--re-space-4);flex-direction:column;display:flex}.re-tabs__list{gap:var(--re-space-1);border-block-end:var(--re-border-default);flex-wrap:wrap;padding-block-end:0;display:flex}.re-tab{appearance:none;cursor:pointer;font:inherit;color:var(--re-color-text-muted);padding:var(--re-space-2) var(--re-space-4);border-radius:var(--re-radius-md) var(--re-radius-md) 0 0;line-height:1.4;font-weight:var(--re-font-weight-medium);transition:color var(--re-duration-fast) var(--re-easing-standard), background-color var(--re-duration-fast) var(--re-easing-standard);background:0 0;border:0;position:relative}.re-tab:hover{color:var(--re-color-text);background-color:var(--re-color-bg-subtle)}.re-tab:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-tab[aria-selected=true]{color:var(--re-color-text);background-color:var(--re-color-bg)}.re-tab[aria-selected=true]:after{content:"";inset-inline:var(--re-space-2);background-color:var(--re-color-accent-600);border-radius:var(--re-radius-sm);block-size:2px;position:absolute;inset-block-end:calc(var(--re-border-width) * -1)}.re-tabpanel{color:var(--re-color-text);line-height:var(--re-line-height-normal)}.re-tabpanel:focus-visible{box-shadow:var(--re-shadow-focus);border-radius:var(--re-radius-md);outline:none}.re-menu{display:inline-block;position:relative}.re-menu__panel{background-color:var(--re-color-surface);border:var(--re-border-default);border-radius:var(--re-radius-md);min-inline-size:12rem;box-shadow:var(--re-shadow-md);padding:var(--re-space-1);z-index:var(--re-z-popover);flex-direction:column;gap:1px;display:flex;position:absolute;inset-block-start:calc(100% + var(--re-space-1));inset-inline-start:0}.re-menu__item{appearance:none;cursor:pointer;font:inherit;text-align:start;padding:var(--re-space-2) var(--re-space-3);border-radius:var(--re-radius-sm);color:var(--re-color-text);line-height:var(--re-line-height-normal);background:0 0;border:0}.re-menu__item:hover{background-color:var(--re-color-bg-muted);outline:none}.re-menu__item:focus-visible{background-color:var(--re-color-bg-muted);box-shadow:inset 0 0 0 2px var(--re-color-focus-ring);outline:none}.re-menu__item[aria-disabled=true],.re-menu__item:disabled{color:var(--re-color-text-subtle);cursor:not-allowed}.re-menu__separator{background-color:var(--re-color-border);block-size:1px;margin-block:var(--re-space-1)}.re-popover{border:var(--re-border-default);border-radius:var(--re-radius-md);background-color:var(--re-color-surface);color:var(--re-color-text);padding:var(--re-space-3) var(--re-space-4);box-shadow:var(--re-shadow-md);max-inline-size:22rem;line-height:var(--re-line-height-normal);margin:0;inset:auto}.re-popover:popover-open{margin:0}.re-popover[data-tone=info]{background-color:color-mix(in srgb, var(--re-color-accent-500) 12%, var(--re-color-surface));border-color:var(--re-color-accent-500)}.re-popover[data-tone=warning]{background-color:color-mix(in srgb, var(--re-color-warning-500) 12%, var(--re-color-surface));border-color:var(--re-color-warning-500)}.re-popover[data-tone=danger]{background-color:color-mix(in srgb, var(--re-color-danger-500) 12%, var(--re-color-surface));border-color:var(--re-color-danger-500)}.re-toast-region{z-index:var(--re-z-toast);pointer-events:none;position:fixed;inset-block-end:var(--re-space-6);inset-inline-end:var(--re-space-6)}.re-toast-list{gap:var(--re-space-2);flex-direction:column-reverse;min-inline-size:16rem;max-inline-size:24rem;margin:0;padding:0;display:flex}.re-toast{pointer-events:auto;gap:var(--re-space-3);padding:var(--re-space-3) var(--re-space-4);background-color:var(--re-color-surface);color:var(--re-color-text);border:var(--re-border-default);border-radius:var(--re-radius-md);box-shadow:var(--re-shadow-md);line-height:var(--re-line-height-normal);align-items:flex-start;display:flex}.re-toast__body{flex:auto}.re-toast__dismiss{appearance:none;cursor:pointer;color:var(--re-color-text-muted);font:inherit;font-size:var(--re-size-text-lg);padding:0 var(--re-space-1);border-radius:var(--re-radius-sm);background:0 0;border:0;line-height:1}.re-toast__dismiss:hover{color:var(--re-color-text);background:var(--re-color-bg-subtle)}.re-toast__dismiss:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-toast[data-tone=success]{background-color:color-mix(in srgb, var(--re-color-success-600) 12%, var(--re-color-surface));border-color:var(--re-color-success-600);color:var(--re-color-text)}.re-toast[data-tone=danger]{background-color:color-mix(in srgb, var(--re-color-danger-600) 12%, var(--re-color-surface));border-color:var(--re-color-danger-600);color:var(--re-color-text)}.re-toast[data-tone=warning]{background-color:color-mix(in srgb, var(--re-color-warning-600) 12%, var(--re-color-surface));border-color:var(--re-color-warning-600);color:var(--re-color-text)}.re-accordion{border:var(--re-border-default);border-radius:var(--re-radius-md);flex-direction:column;display:flex;overflow:hidden}.re-accordion>.re-disclosure{border-width:0;border-radius:0}.re-accordion>.re-disclosure+.re-disclosure{border-block-start:var(--re-border-default)}.re-alert{align-items:flex-start;gap:var(--re-space-3);padding:var(--re-space-3) var(--re-space-4);border:var(--re-border-width) solid var(--re-color-info-border);border-radius:var(--re-radius-md);background-color:var(--re-color-info-surface);color:var(--re-color-text);line-height:var(--re-line-height-normal);display:flex}.re-alert__content{flex:auto;min-inline-size:0}.re-alert__title{margin:0 0 var(--re-space-1);font-weight:var(--re-font-weight-semibold);color:var(--re-color-info-text)}.re-alert__dismiss{appearance:none;cursor:pointer;padding:var(--re-space-1) var(--re-space-2);border-radius:var(--re-radius-sm);font-size:var(--re-size-text-lg);color:var(--re-color-text-muted);background:0 0;border:0;flex-shrink:0;line-height:1}.re-alert__dismiss:hover{color:var(--re-color-text);background:color-mix(in oklab, var(--re-color-text) 10%, transparent)}.re-alert__dismiss:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-alert[data-variant=success]{border-color:var(--re-color-success-border);background-color:var(--re-color-success-surface)}.re-alert[data-variant=success] .re-alert__title{color:var(--re-color-success-text)}.re-alert[data-variant=warning]{border-color:var(--re-color-warning-border);background-color:var(--re-color-warning-surface)}.re-alert[data-variant=warning] .re-alert__title{color:var(--re-color-warning-text)}.re-alert[data-variant=danger]{border-color:var(--re-color-danger-border);background-color:var(--re-color-danger-surface)}.re-alert[data-variant=danger] .re-alert__title{color:var(--re-color-danger-text)}.re-avatar{inline-size:var(--re-control-height-md);block-size:var(--re-control-height-md);border-radius:var(--re-radius-pill);background-color:var(--re-color-bg-muted);color:var(--re-color-text-muted);font-size:var(--re-size-text-sm);font-weight:var(--re-font-weight-medium);text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.re-avatar>img{object-fit:cover;block-size:100%;inline-size:100%}.re-avatar[data-size=sm]{inline-size:var(--re-control-height-sm);block-size:var(--re-control-height-sm);font-size:var(--re-size-text-xs)}.re-avatar[data-size=lg]{inline-size:var(--re-control-height-lg);block-size:var(--re-control-height-lg);font-size:var(--re-size-text-md)}.re-badge{align-items:center;gap:var(--re-space-1);padding-inline:var(--re-space-2);padding-block:calc(var(--re-space-1) / 2);font-size:var(--re-size-text-xs);font-weight:var(--re-font-weight-medium);white-space:nowrap;border-radius:var(--re-radius-pill);background-color:var(--re-color-bg-muted);color:var(--re-color-text-muted);line-height:1.4;display:inline-flex}.re-badge[data-variant=info]{background-color:var(--re-color-info-surface);color:var(--re-color-info-text)}.re-badge[data-variant=success]{background-color:var(--re-color-success-surface);color:var(--re-color-success-text)}.re-badge[data-variant=warning]{background-color:var(--re-color-warning-surface);color:var(--re-color-warning-text)}.re-badge[data-variant=danger]{background-color:var(--re-color-danger-surface);color:var(--re-color-danger-text)}.re-breadcrumb>ol{align-items:center;gap:var(--re-space-2);font-size:var(--re-size-text-sm);color:var(--re-color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.re-breadcrumb li{align-items:center;gap:var(--re-space-2);display:inline-flex}.re-breadcrumb li+li:before{content:"/";color:var(--re-color-text-subtle);-webkit-user-select:none;user-select:none}.re-breadcrumb a{color:var(--re-color-link);border-radius:var(--re-radius-sm);text-decoration:none}.re-breadcrumb a:hover{text-decoration:underline}.re-breadcrumb a:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-breadcrumb [aria-current=page]{color:var(--re-color-text);font-weight:var(--re-font-weight-medium);pointer-events:none;text-decoration:none}.re-card{background-color:var(--re-color-surface);border:var(--re-border-default);border-radius:var(--re-radius-lg);box-shadow:var(--re-shadow-sm);color:var(--re-color-text);flex-direction:column;display:flex;overflow:hidden}a.re-card{text-decoration:none}.re-card__header{padding:var(--re-space-4);font-weight:var(--re-font-weight-semibold);border-block-end:var(--re-border-default)}.re-card__body{padding:var(--re-space-4);line-height:var(--re-line-height-normal)}.re-card__footer{padding:var(--re-space-3) var(--re-space-4);border-block-start:var(--re-border-default);background-color:var(--re-color-bg-subtle)}.re-card[data-interactive]{cursor:pointer;transition:box-shadow var(--re-duration-fast) var(--re-easing-standard), border-color var(--re-duration-fast) var(--re-easing-standard)}.re-card[data-interactive]:hover{box-shadow:var(--re-shadow-md);border-color:var(--re-color-border-strong)}.re-card[data-interactive]:focus-within{box-shadow:var(--re-shadow-focus);outline:none}.re-switch{appearance:none;box-sizing:border-box;border:var(--re-border-width) solid var(--re-color-border-strong);border-radius:var(--re-radius-pill);background-color:var(--re-color-bg-muted);cursor:pointer;vertical-align:middle;block-size:1.25rem;inline-size:2.25rem;transition:background-color var(--re-duration-fast) var(--re-easing-standard), border-color var(--re-duration-fast) var(--re-easing-standard);flex-shrink:0;margin:0;position:relative}.re-switch:before{content:"";border-radius:var(--re-radius-pill);background-color:var(--re-color-surface);block-size:.875rem;inline-size:.875rem;box-shadow:var(--re-shadow-sm);transition:transform var(--re-duration-fast) var(--re-easing-standard);position:absolute;inset-block-start:2px;inset-inline-start:2px}.re-switch:checked{background-color:var(--re-color-accent-600);border-color:var(--re-color-accent-600)}.re-switch:checked:before{transform:translate(1rem)}.re-switch:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-switch:disabled{cursor:not-allowed;opacity:.55}.re-tag{align-items:center;gap:var(--re-space-1);padding-inline:var(--re-space-2);padding-block:calc(var(--re-space-1) / 2);font-size:var(--re-size-text-xs);white-space:nowrap;border:var(--re-border-width) solid var(--re-color-border);border-radius:var(--re-radius-pill);background-color:var(--re-color-bg-subtle);color:var(--re-color-text);line-height:1.4;display:inline-flex}.re-tag__remove{appearance:none;border-radius:var(--re-radius-pill);block-size:1rem;inline-size:1rem;color:var(--re-color-text-muted);font-size:var(--re-size-text-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.re-tag__remove:hover{color:var(--re-color-text);background:color-mix(in oklab, var(--re-color-text) 12%, transparent)}.re-tag__remove:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-tag[data-variant=info]{border-color:var(--re-color-info-border);background-color:var(--re-color-info-surface);color:var(--re-color-info-text)}.re-tag[data-variant=success]{border-color:var(--re-color-success-border);background-color:var(--re-color-success-surface);color:var(--re-color-success-text)}.re-tag[data-variant=warning]{border-color:var(--re-color-warning-border);background-color:var(--re-color-warning-surface);color:var(--re-color-warning-text)}.re-tag[data-variant=danger]{border-color:var(--re-color-danger-border);background-color:var(--re-color-danger-surface);color:var(--re-color-danger-text)}.re-table-wrap{overflow-x:auto}.re-table{border-collapse:collapse;inline-size:100%;color:var(--re-color-text);font-size:var(--re-size-text-sm)}.re-table th,.re-table td{padding:var(--re-space-3) var(--re-space-4);text-align:start;vertical-align:middle;border-block-end:var(--re-border-default)}.re-table thead th{font-weight:var(--re-font-weight-semibold);border-block-end:var(--re-border-width) solid var(--re-color-border-strong)}.re-table tbody tr:last-child td{border-block-end:0}.re-table[data-zebra] tbody tr:nth-child(2n){background-color:var(--re-color-bg-subtle)}.re-table[data-hover] tbody tr:hover{background-color:var(--re-color-bg-muted)}.re-table[data-density=compact] :is(th,td){padding:var(--re-space-2) var(--re-space-3)}.re-table[data-sticky-header] thead th{background-color:var(--re-color-surface);position:sticky;inset-block-start:0}.re-skeleton{background-color:var(--re-color-bg-muted);border-radius:var(--re-radius-sm);background-image:linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--re-color-text) 8%, transparent) 50%, transparent 100%);background-repeat:no-repeat;background-size:200% 100%;block-size:1rem;inline-size:100%;animation:1.4s ease-in-out infinite re-skeleton-shimmer;display:block}.re-skeleton[data-shape=circle]{border-radius:9999px}.re-skeleton[data-shape=text]{block-size:1em}@keyframes re-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.re-skeleton{background-image:none;animation:none}}.re-spinner{border:2px solid var(--re-color-border);border-block-start-color:var(--re-color-accent-600);border-radius:9999px;block-size:1.5rem;inline-size:1.5rem;animation:.6s linear infinite re-spin;display:inline-block}.re-spinner[data-size=sm]{block-size:1rem;inline-size:1rem}.re-spinner[data-size=lg]{border-width:3px;block-size:2rem;inline-size:2rem}@keyframes re-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.re-spinner{animation:none}}.re-pagination{align-items:center;gap:var(--re-space-1);flex-wrap:wrap;display:flex}.re-pagination__item{min-block-size:2.25rem;min-inline-size:2.25rem;padding:var(--re-space-1) var(--re-space-3);border:var(--re-border-width) solid transparent;border-radius:var(--re-radius-md);color:var(--re-color-text);font:inherit;font-size:var(--re-size-text-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.re-pagination__item:hover{background-color:var(--re-color-bg-subtle)}.re-pagination__item:focus-visible{box-shadow:var(--re-shadow-focus);outline:none}.re-pagination__item[aria-current=page]{background-color:var(--re-color-accent-600);color:var(--re-color-text-on-accent)}.re-pagination__item[aria-disabled=true]{opacity:.5;pointer-events:none}.re-pagination__ellipsis{padding-inline:var(--re-space-2);color:var(--re-color-text-muted);-webkit-user-select:none;user-select:none}.re-separator{color:var(--re-color-text-muted);border:0}hr.re-separator{border-top:var(--re-border-default);block-size:0;margin-block:var(--re-space-4)}.re-separator[data-orientation=vertical]{min-block-size:1em;inline-size:0;margin-block:0;margin-inline:var(--re-space-2);border-inline-start:var(--re-border-default);align-self:stretch}.re-kbd{min-inline-size:1.5em;font-family:var(--re-font-sans);font-size:var(--re-size-text-xs);font-weight:var(--re-font-weight-medium);white-space:nowrap;color:var(--re-color-text);background-color:var(--re-color-surface);border:var(--re-border-default);border-radius:var(--re-radius-sm);box-shadow:var(--re-shadow-sm);justify-content:center;align-items:center;padding:.15em .4em;line-height:1;display:inline-flex}.re-code{background-color:var(--re-color-bg-muted);border:var(--re-border-default);border-radius:var(--re-radius-md);margin:0;overflow:hidden}.re-code>figcaption{padding:var(--re-space-2) var(--re-space-4);font-family:var(--re-font-sans);font-size:var(--re-size-text-xs);font-weight:var(--re-font-weight-medium);color:var(--re-color-text-muted);background-color:var(--re-color-bg-subtle);border-block-end:var(--re-border-default)}.re-code>pre{background:0 0;border-radius:0;margin:0}}

package/dist/themes/renascent.css

@@ -1 +1 @@
-:root{--re-rn-dark-bg:#0f131a;--re-rn-dark-bg-subtle:#171c26;--re-rn-dark-bg-muted:#1f2430;--re-rn-dark-surface:#171c26;--re-rn-dark-text:#f8fafc;--re-rn-dark-text-muted:#97a3b4;--re-rn-dark-text-subtle:#6b7a90;--re-rn-dark-text-danger:#f87171;--re-rn-dark-border:#29303d;--re-rn-dark-border-strong:#353d4d;--re-rn-dark-border-danger:#ef4444;--re-rn-dark-link:#3c83f6;--re-rn-dark-link-hover:#60a5fa;--re-rn-dark-link-visited:#a78bfa;--re-rn-dark-selection-bg:#3c83f64d;--re-rn-dark-selection-text:#f8fafc;--re-rn-dark-focus-ring-offset:0px;--re-rn-dark-shadow-focus:0 0 0 2px var(--re-color-focus-ring);--re-rn-dark-info-surface:oklab(27.3825% -.00852493 -.0491423);--re-rn-dark-info-border:#60a5fa;--re-rn-dark-info-text:#93c3fd;--re-rn-dark-success-surface:oklab(31.6968% -.0306542 -.0128758);--re-rn-dark-success-border:#2fe9d0;--re-rn-dark-success-text:#2fe9d0;--re-rn-dark-warning-surface:oklab(32.2476% -.00189379 .0168638);--re-rn-dark-warning-border:#f9cf53;--re-rn-dark-warning-text:#f9cf53;--re-rn-dark-danger-surface:oklab(27.6095% .0357271 .00536118);--re-rn-dark-danger-border:#ef4444;--re-rn-dark-danger-text:#f87171;--re-rn-dark-accent-600:#2563eb;--re-rn-dark-accent-700:#1d4ed8;--re-rn-dark-accent-800:#1e40af;--re-rn-light-bg:#f6f8fc;--re-rn-light-bg-subtle:#eef2f8;--re-rn-light-bg-muted:#e3e9f2;--re-rn-light-surface:#fff;--re-rn-light-text:#0f131a;--re-rn-light-text-muted:#475569;--re-rn-light-text-subtle:#64748b;--re-rn-light-text-danger:#b91c1c;--re-rn-light-border:#d7dfea;--re-rn-light-border-strong:#c0cad9;--re-rn-light-border-danger:#dc2626;--re-rn-light-link:#2563eb;--re-rn-light-link-hover:#1d4ed8;--re-rn-light-link-visited:#7c3aed;--re-rn-light-selection-bg:#3c83f62e;--re-rn-light-selection-text:#0f131a;--re-rn-light-focus-ring-offset:2px;--re-rn-light-shadow-focus:0 0 0 var(--re-focus-ring-offset) var(--re-color-bg), 0 0 0 calc(var(--re-focus-ring-offset) + var(--re-focus-ring-width)) var(--re-color-focus-ring);--re-rn-light-info-surface:oklab(93.6354% -.0044884 -.0270548);--re-rn-light-info-border:#3c83f6;--re-rn-light-info-text:#2563eb;--re-rn-light-success-surface:oklab(96.224% -.0177659 -.0052949);--re-rn-light-success-border:#0fd4bb;--re-rn-light-success-text:#0f766e;--re-rn-light-warning-surface:oklab(96.5544% -.000509714 .0125489);--re-rn-light-warning-border:#f0b929;--re-rn-light-warning-text:#b45309;--re-rn-light-danger-surface:oklab(93.7716% .0220628 .00564731);--re-rn-light-danger-border:#dc2626;--re-rn-light-danger-text:#b91c1c;--re-rn-light-accent-600:#2563eb;--re-rn-light-accent-700:#1d4ed8;--re-rn-light-accent-800:#1e40af;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--re-color-bg:var(--re-rn-dark-bg);--re-color-bg-subtle:var(--re-rn-dark-bg-subtle);--re-color-bg-muted:var(--re-rn-dark-bg-muted);--re-color-surface:var(--re-rn-dark-surface);--re-color-text:var(--re-rn-dark-text);--re-color-text-muted:var(--re-rn-dark-text-muted);--re-color-text-subtle:var(--re-rn-dark-text-subtle);--re-color-border:var(--re-rn-dark-border);--re-color-border-strong:var(--re-rn-dark-border-strong);--re-color-accent-50:#eff6ff;--re-color-accent-100:#dbeafe;--re-color-accent-200:#bdd6fe;--re-color-accent-300:#93c3fd;--re-color-accent-400:#60a5fa;--re-color-accent-500:#60a5fa;--re-color-accent-600:#2563eb;--re-color-accent-700:#1d4ed8;--re-color-accent-800:#1e40af;--re-color-accent-900:#1e3a8a;--re-color-link:var(--re-rn-dark-link);--re-color-link-hover:var(--re-rn-dark-link-hover);--re-color-link-visited:var(--re-rn-dark-link-visited);--re-color-focus-ring:#3c83f6;--re-color-text-on-accent:#fff;--re-color-success-500:#2fe9d0;--re-color-success-600:#0fd4bb;--re-color-success-700:#0ab8a2;--re-color-warning-500:#f9cf53;--re-color-warning-600:#f0b929;--re-color-warning-700:#d4a020;--re-color-danger-500:#ef4444;--re-color-danger-600:#dc2626;--re-color-danger-700:#b91c1c;--re-color-info-surface:var(--re-rn-dark-info-surface);--re-color-info-border:var(--re-rn-dark-info-border);--re-color-info-text:var(--re-rn-dark-info-text);--re-color-success-surface:var(--re-rn-dark-success-surface);--re-color-success-border:var(--re-rn-dark-success-border);--re-color-success-text:var(--re-rn-dark-success-text);--re-color-warning-surface:var(--re-rn-dark-warning-surface);--re-color-warning-border:var(--re-rn-dark-warning-border);--re-color-warning-text:var(--re-rn-dark-warning-text);--re-color-danger-surface:var(--re-rn-dark-danger-surface);--re-color-danger-border:var(--re-rn-dark-danger-border);--re-color-danger-text:var(--re-rn-dark-danger-text);--re-focus-ring-offset:var(--re-rn-dark-focus-ring-offset);--re-shadow-focus:var(--re-rn-dark-shadow-focus);--re-color-selection-bg:var(--re-rn-dark-selection-bg);--re-color-selection-text:var(--re-rn-dark-selection-text);--re-color-text-danger:var(--re-rn-dark-text-danger);--re-color-border-danger:var(--re-rn-dark-border-danger);--re-color-phoenix:#f3753f;--re-color-phoenix-light:#f9a07a;--re-color-phoenix-dark:#d45a26;--re-color-purple:#a855f7;--re-color-purple-light:#c084fc;--re-color-purple-dark:#7c3aed;--re-gradient-brand:linear-gradient(135deg, #3c83f6, #a855f7);--re-gradient-phoenix:linear-gradient(135deg, #f3753f, #f9cf53);--re-gradient-hero:linear-gradient(135deg, #3c83f6 0%, #a855f7 50%, #f3753f 100%)}.theme-renascent,.theme-renascent-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--re-color-bg:var(--re-rn-dark-bg);--re-color-bg-subtle:var(--re-rn-dark-bg-subtle);--re-color-bg-muted:var(--re-rn-dark-bg-muted);--re-color-surface:var(--re-rn-dark-surface);--re-color-text:var(--re-rn-dark-text);--re-color-text-muted:var(--re-rn-dark-text-muted);--re-color-text-subtle:var(--re-rn-dark-text-subtle);--re-color-border:var(--re-rn-dark-border);--re-color-border-strong:var(--re-rn-dark-border-strong);--re-color-accent-500:#3c83f6;--re-color-accent-600:#2563eb;--re-color-accent-700:#1d4ed8;--re-color-link:var(--re-rn-dark-link);--re-color-link-hover:var(--re-rn-dark-link-hover);--re-color-focus-ring:#3c83f6;--re-color-text-on-accent:#fff;--re-color-text-danger:var(--re-rn-dark-text-danger);--re-color-border-danger:var(--re-rn-dark-border-danger);--re-color-success-500:#2fe9d0;--re-color-success-600:#0fd4bb;--re-color-success-700:#0ab8a2;--re-color-warning-500:#f9cf53;--re-color-warning-600:#f0b929;--re-color-warning-700:#d4a020;--re-color-danger-500:#ef4444;--re-color-danger-600:#dc2626;--re-color-danger-700:#b91c1c;--re-color-info-surface:var(--re-rn-dark-info-surface);--re-color-info-border:var(--re-rn-dark-info-border);--re-color-info-text:var(--re-rn-dark-info-text);--re-color-success-surface:var(--re-rn-dark-success-surface);--re-color-success-border:var(--re-rn-dark-success-border);--re-color-success-text:var(--re-rn-dark-success-text);--re-color-warning-surface:var(--re-rn-dark-warning-surface);--re-color-warning-border:var(--re-rn-dark-warning-border);--re-color-warning-text:var(--re-rn-dark-warning-text);--re-color-danger-surface:var(--re-rn-dark-danger-surface);--re-color-danger-border:var(--re-rn-dark-danger-border);--re-color-danger-text:var(--re-rn-dark-danger-text);--re-focus-ring-offset:var(--re-rn-dark-focus-ring-offset);--re-shadow-focus:var(--re-rn-dark-shadow-focus);--re-color-selection-bg:var(--re-rn-dark-selection-bg);--re-color-selection-text:var(--re-rn-dark-selection-text);background-color:var(--re-color-bg);color:var(--re-color-text)}@media (prefers-color-scheme:light){:root,.theme-renascent{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--re-color-bg:var(--re-rn-light-bg);--re-color-bg-subtle:var(--re-rn-light-bg-subtle);--re-color-bg-muted:var(--re-rn-light-bg-muted);--re-color-surface:var(--re-rn-light-surface);--re-color-text:var(--re-rn-light-text);--re-color-text-muted:var(--re-rn-light-text-muted);--re-color-text-subtle:var(--re-rn-light-text-subtle);--re-color-text-on-accent:#fff;--re-color-accent-600:var(--re-rn-light-accent-600);--re-color-accent-700:var(--re-rn-light-accent-700);--re-color-accent-800:var(--re-rn-light-accent-800);--re-color-text-danger:var(--re-rn-light-text-danger);--re-color-border:var(--re-rn-light-border);--re-color-border-strong:var(--re-rn-light-border-strong);--re-color-border-danger:var(--re-rn-light-border-danger);--re-color-link:var(--re-rn-light-link);--re-color-link-hover:var(--re-rn-light-link-hover);--re-color-link-visited:var(--re-rn-light-link-visited);--re-color-focus-ring:#3c83f6;--re-color-selection-bg:var(--re-rn-light-selection-bg);--re-color-selection-text:var(--re-rn-light-selection-text);--re-focus-ring-offset:var(--re-rn-light-focus-ring-offset);--re-shadow-focus:var(--re-rn-light-shadow-focus);--re-color-info-surface:var(--re-rn-light-info-surface);--re-color-info-border:var(--re-rn-light-info-border);--re-color-info-text:var(--re-rn-light-info-text);--re-color-success-surface:var(--re-rn-light-success-surface);--re-color-success-border:var(--re-rn-light-success-border);--re-color-success-text:var(--re-rn-light-success-text);--re-color-warning-surface:var(--re-rn-light-warning-surface);--re-color-warning-border:var(--re-rn-light-warning-border);--re-color-warning-text:var(--re-rn-light-warning-text);--re-color-danger-surface:var(--re-rn-light-danger-surface);--re-color-danger-border:var(--re-rn-light-danger-border);--re-color-danger-text:var(--re-rn-light-danger-text)}}.theme-renascent-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--re-color-bg:var(--re-rn-light-bg);--re-color-bg-subtle:var(--re-rn-light-bg-subtle);--re-color-bg-muted:var(--re-rn-light-bg-muted);--re-color-surface:var(--re-rn-light-surface);--re-color-text:var(--re-rn-light-text);--re-color-text-muted:var(--re-rn-light-text-muted);--re-color-text-subtle:var(--re-rn-light-text-subtle);--re-color-text-on-accent:#fff;--re-color-accent-600:var(--re-rn-light-accent-600);--re-color-accent-700:var(--re-rn-light-accent-700);--re-color-accent-800:var(--re-rn-light-accent-800);--re-color-text-danger:var(--re-rn-light-text-danger);--re-color-border:var(--re-rn-light-border);--re-color-border-strong:var(--re-rn-light-border-strong);--re-color-border-danger:var(--re-rn-light-border-danger);--re-color-link:var(--re-rn-light-link);--re-color-link-hover:var(--re-rn-light-link-hover);--re-color-link-visited:var(--re-rn-light-link-visited);--re-color-focus-ring:#3c83f6;--re-color-selection-bg:var(--re-rn-light-selection-bg);--re-color-selection-text:var(--re-rn-light-selection-text);--re-focus-ring-offset:var(--re-rn-light-focus-ring-offset);--re-shadow-focus:var(--re-rn-light-shadow-focus);--re-color-info-surface:var(--re-rn-light-info-surface);--re-color-info-border:var(--re-rn-light-info-border);--re-color-info-text:var(--re-rn-light-info-text);--re-color-success-surface:var(--re-rn-light-success-surface);--re-color-success-border:var(--re-rn-light-success-border);--re-color-success-text:var(--re-rn-light-success-text);--re-color-warning-surface:var(--re-rn-light-warning-surface);--re-color-warning-border:var(--re-rn-light-warning-border);--re-color-warning-text:var(--re-rn-light-warning-text);--re-color-danger-surface:var(--re-rn-light-danger-surface);--re-color-danger-border:var(--re-rn-light-danger-border);--re-color-danger-text:var(--re-rn-light-danger-text);background-color:var(--re-color-bg);color:var(--re-color-text)}.re-button[data-variant=phoenix]{background:var(--re-gradient-phoenix);color:#fff;background-origin:border-box;border-color:#0000}.re-button[data-variant=phoenix]:hover{filter:brightness(1.12)}.re-button[data-variant=phoenix]:active{filter:brightness(.9)}.re-button[data-variant=phoenix]:focus-visible{border-color:#0000}.re-button[data-variant=phoenix]:disabled,.re-button[data-variant=phoenix][aria-disabled=true]{filter:none;opacity:.55}.re-button[data-variant=brand]{background:var(--re-gradient-brand);color:#fff;background-origin:border-box;border-color:#0000}.re-button[data-variant=brand]:hover{filter:brightness(1.12)}.re-button[data-variant=brand]:active{filter:brightness(.9)}.re-button[data-variant=brand]:focus-visible{border-color:#0000}.re-button[data-variant=brand]:disabled,.re-button[data-variant=brand][aria-disabled=true]{filter:none;opacity:.55}
+:root{--re-rn-dark-bg:#0f131a;--re-rn-dark-bg-subtle:#171c26;--re-rn-dark-bg-muted:#1f2430;--re-rn-dark-surface:#171c26;--re-rn-dark-text:#f8fafc;--re-rn-dark-text-muted:#97a3b4;--re-rn-dark-text-subtle:#6b7a90;--re-rn-dark-text-danger:#f87171;--re-rn-dark-border:#29303d;--re-rn-dark-border-strong:#353d4d;--re-rn-dark-border-danger:#ef4444;--re-rn-dark-link:#3c83f6;--re-rn-dark-link-hover:#60a5fa;--re-rn-dark-link-visited:#a78bfa;--re-rn-dark-selection-bg:#3c83f64d;--re-rn-dark-selection-text:#f8fafc;--re-rn-dark-focus-ring-offset:0px;--re-rn-dark-shadow-focus:0 0 0 2px var(--re-color-focus-ring);--re-rn-dark-info-surface:oklab(27.3825% -.00852493 -.0491423);--re-rn-dark-info-border:#60a5fa;--re-rn-dark-info-text:#93c3fd;--re-rn-dark-success-surface:oklab(31.6968% -.0306542 -.0128758);--re-rn-dark-success-border:#2fe9d0;--re-rn-dark-success-text:#2fe9d0;--re-rn-dark-warning-surface:oklab(32.2476% -.00189379 .0168638);--re-rn-dark-warning-border:#f9cf53;--re-rn-dark-warning-text:#f9cf53;--re-rn-dark-danger-surface:oklab(27.6095% .0357271 .00536118);--re-rn-dark-danger-border:#ef4444;--re-rn-dark-danger-text:#f87171;--re-rn-dark-accent-600:#2563eb;--re-rn-dark-accent-700:#1d4ed8;--re-rn-dark-accent-800:#1e40af;--re-rn-light-bg:#f6f8fc;--re-rn-light-bg-subtle:#eef2f8;--re-rn-light-bg-muted:#e3e9f2;--re-rn-light-surface:#fff;--re-rn-light-text:#0f131a;--re-rn-light-text-muted:#475569;--re-rn-light-text-subtle:#64748b;--re-rn-light-text-danger:#b91c1c;--re-rn-light-border:#d7dfea;--re-rn-light-border-strong:#c0cad9;--re-rn-light-border-danger:#dc2626;--re-rn-light-link:#2563eb;--re-rn-light-link-hover:#1d4ed8;--re-rn-light-link-visited:#7c3aed;--re-rn-light-selection-bg:#3c83f62e;--re-rn-light-selection-text:#0f131a;--re-rn-light-focus-ring-offset:2px;--re-rn-light-shadow-focus:0 0 0 var(--re-focus-ring-offset) var(--re-color-bg), 0 0 0 calc(var(--re-focus-ring-offset) + var(--re-focus-ring-width)) var(--re-color-focus-ring);--re-rn-light-info-surface:oklab(93.6354% -.0044884 -.0270548);--re-rn-light-info-border:#3c83f6;--re-rn-light-info-text:#2563eb;--re-rn-light-success-surface:oklab(96.224% -.0177659 -.0052949);--re-rn-light-success-border:#0fd4bb;--re-rn-light-success-text:#0f766e;--re-rn-light-warning-surface:oklab(96.5544% -.000509714 .0125489);--re-rn-light-warning-border:#f0b929;--re-rn-light-warning-text:#b45309;--re-rn-light-danger-surface:oklab(93.7716% .0220628 .00564731);--re-rn-light-danger-border:#dc2626;--re-rn-light-danger-text:#b91c1c;--re-rn-light-accent-600:#2563eb;--re-rn-light-accent-700:#1d4ed8;--re-rn-light-accent-800:#1e40af;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--re-color-bg:var(--re-rn-dark-bg);--re-color-bg-subtle:var(--re-rn-dark-bg-subtle);--re-color-bg-muted:var(--re-rn-dark-bg-muted);--re-color-surface:var(--re-rn-dark-surface);--re-color-text:var(--re-rn-dark-text);--re-color-text-muted:var(--re-rn-dark-text-muted);--re-color-text-subtle:var(--re-rn-dark-text-subtle);--re-color-border:var(--re-rn-dark-border);--re-color-border-strong:var(--re-rn-dark-border-strong);--re-color-accent-50:#eff6ff;--re-color-accent-100:#dbeafe;--re-color-accent-200:#bdd6fe;--re-color-accent-300:#93c3fd;--re-color-accent-400:#60a5fa;--re-color-accent-500:#60a5fa;--re-color-accent-600:#2563eb;--re-color-accent-700:#1d4ed8;--re-color-accent-800:#1e40af;--re-color-accent-900:#1e3a8a;--re-color-link:var(--re-rn-dark-link);--re-color-link-hover:var(--re-rn-dark-link-hover);--re-color-link-visited:var(--re-rn-dark-link-visited);--re-color-focus-ring:#3c83f6;--re-color-text-on-accent:#fff;--re-color-success-500:#2fe9d0;--re-color-success-600:#0fd4bb;--re-color-success-700:#0ab8a2;--re-color-warning-500:#f9cf53;--re-color-warning-600:#f0b929;--re-color-warning-700:#d4a020;--re-color-danger-500:#ef4444;--re-color-danger-600:#dc2626;--re-color-danger-700:#b91c1c;--re-color-info-surface:var(--re-rn-dark-info-surface);--re-color-info-border:var(--re-rn-dark-info-border);--re-color-info-text:var(--re-rn-dark-info-text);--re-color-success-surface:var(--re-rn-dark-success-surface);--re-color-success-border:var(--re-rn-dark-success-border);--re-color-success-text:var(--re-rn-dark-success-text);--re-color-warning-surface:var(--re-rn-dark-warning-surface);--re-color-warning-border:var(--re-rn-dark-warning-border);--re-color-warning-text:var(--re-rn-dark-warning-text);--re-color-danger-surface:var(--re-rn-dark-danger-surface);--re-color-danger-border:var(--re-rn-dark-danger-border);--re-color-danger-text:var(--re-rn-dark-danger-text);--re-focus-ring-offset:var(--re-rn-dark-focus-ring-offset);--re-shadow-focus:var(--re-rn-dark-shadow-focus);--re-color-selection-bg:var(--re-rn-dark-selection-bg);--re-color-selection-text:var(--re-rn-dark-selection-text);--re-color-text-danger:var(--re-rn-dark-text-danger);--re-color-border-danger:var(--re-rn-dark-border-danger);--re-color-phoenix:#f3753f;--re-color-phoenix-light:#f9a07a;--re-color-phoenix-dark:#d45a26;--re-color-purple:#a855f7;--re-color-purple-light:#c084fc;--re-color-purple-dark:#7c3aed;--re-gradient-brand:linear-gradient(135deg, #3c83f6, #a855f7);--re-gradient-phoenix:linear-gradient(135deg, #f3753f, #f9cf53);--re-gradient-hero:linear-gradient(135deg, #3c83f6 0%, #a855f7 50%, #f3753f 100%)}.theme-renascent,.theme-renascent-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--re-color-bg:var(--re-rn-dark-bg);--re-color-bg-subtle:var(--re-rn-dark-bg-subtle);--re-color-bg-muted:var(--re-rn-dark-bg-muted);--re-color-surface:var(--re-rn-dark-surface);--re-color-text:var(--re-rn-dark-text);--re-color-text-muted:var(--re-rn-dark-text-muted);--re-color-text-subtle:var(--re-rn-dark-text-subtle);--re-color-border:var(--re-rn-dark-border);--re-color-border-strong:var(--re-rn-dark-border-strong);--re-color-accent-500:#60a5fa;--re-color-accent-600:#2563eb;--re-color-accent-700:#1d4ed8;--re-color-link:var(--re-rn-dark-link);--re-color-link-hover:var(--re-rn-dark-link-hover);--re-color-focus-ring:#3c83f6;--re-color-text-on-accent:#fff;--re-color-text-danger:var(--re-rn-dark-text-danger);--re-color-border-danger:var(--re-rn-dark-border-danger);--re-color-success-500:#2fe9d0;--re-color-success-600:#0fd4bb;--re-color-success-700:#0ab8a2;--re-color-warning-500:#f9cf53;--re-color-warning-600:#f0b929;--re-color-warning-700:#d4a020;--re-color-danger-500:#ef4444;--re-color-danger-600:#dc2626;--re-color-danger-700:#b91c1c;--re-color-info-surface:var(--re-rn-dark-info-surface);--re-color-info-border:var(--re-rn-dark-info-border);--re-color-info-text:var(--re-rn-dark-info-text);--re-color-success-surface:var(--re-rn-dark-success-surface);--re-color-success-border:var(--re-rn-dark-success-border);--re-color-success-text:var(--re-rn-dark-success-text);--re-color-warning-surface:var(--re-rn-dark-warning-surface);--re-color-warning-border:var(--re-rn-dark-warning-border);--re-color-warning-text:var(--re-rn-dark-warning-text);--re-color-danger-surface:var(--re-rn-dark-danger-surface);--re-color-danger-border:var(--re-rn-dark-danger-border);--re-color-danger-text:var(--re-rn-dark-danger-text);--re-focus-ring-offset:var(--re-rn-dark-focus-ring-offset);--re-shadow-focus:var(--re-rn-dark-shadow-focus);--re-color-selection-bg:var(--re-rn-dark-selection-bg);--re-color-selection-text:var(--re-rn-dark-selection-text);background-color:var(--re-color-bg);color:var(--re-color-text)}@media (prefers-color-scheme:light){:root,.theme-renascent{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--re-color-bg:var(--re-rn-light-bg);--re-color-bg-subtle:var(--re-rn-light-bg-subtle);--re-color-bg-muted:var(--re-rn-light-bg-muted);--re-color-surface:var(--re-rn-light-surface);--re-color-text:var(--re-rn-light-text);--re-color-text-muted:var(--re-rn-light-text-muted);--re-color-text-subtle:var(--re-rn-light-text-subtle);--re-color-text-on-accent:#fff;--re-color-accent-600:var(--re-rn-light-accent-600);--re-color-accent-700:var(--re-rn-light-accent-700);--re-color-accent-800:var(--re-rn-light-accent-800);--re-color-text-danger:var(--re-rn-light-text-danger);--re-color-border:var(--re-rn-light-border);--re-color-border-strong:var(--re-rn-light-border-strong);--re-color-border-danger:var(--re-rn-light-border-danger);--re-color-link:var(--re-rn-light-link);--re-color-link-hover:var(--re-rn-light-link-hover);--re-color-link-visited:var(--re-rn-light-link-visited);--re-color-focus-ring:#3c83f6;--re-color-selection-bg:var(--re-rn-light-selection-bg);--re-color-selection-text:var(--re-rn-light-selection-text);--re-focus-ring-offset:var(--re-rn-light-focus-ring-offset);--re-shadow-focus:var(--re-rn-light-shadow-focus);--re-color-info-surface:var(--re-rn-light-info-surface);--re-color-info-border:var(--re-rn-light-info-border);--re-color-info-text:var(--re-rn-light-info-text);--re-color-success-surface:var(--re-rn-light-success-surface);--re-color-success-border:var(--re-rn-light-success-border);--re-color-success-text:var(--re-rn-light-success-text);--re-color-warning-surface:var(--re-rn-light-warning-surface);--re-color-warning-border:var(--re-rn-light-warning-border);--re-color-warning-text:var(--re-rn-light-warning-text);--re-color-danger-surface:var(--re-rn-light-danger-surface);--re-color-danger-border:var(--re-rn-light-danger-border);--re-color-danger-text:var(--re-rn-light-danger-text)}}.theme-renascent-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--re-color-bg:var(--re-rn-light-bg);--re-color-bg-subtle:var(--re-rn-light-bg-subtle);--re-color-bg-muted:var(--re-rn-light-bg-muted);--re-color-surface:var(--re-rn-light-surface);--re-color-text:var(--re-rn-light-text);--re-color-text-muted:var(--re-rn-light-text-muted);--re-color-text-subtle:var(--re-rn-light-text-subtle);--re-color-text-on-accent:#fff;--re-color-accent-600:var(--re-rn-light-accent-600);--re-color-accent-700:var(--re-rn-light-accent-700);--re-color-accent-800:var(--re-rn-light-accent-800);--re-color-text-danger:var(--re-rn-light-text-danger);--re-color-border:var(--re-rn-light-border);--re-color-border-strong:var(--re-rn-light-border-strong);--re-color-border-danger:var(--re-rn-light-border-danger);--re-color-link:var(--re-rn-light-link);--re-color-link-hover:var(--re-rn-light-link-hover);--re-color-link-visited:var(--re-rn-light-link-visited);--re-color-focus-ring:#3c83f6;--re-color-selection-bg:var(--re-rn-light-selection-bg);--re-color-selection-text:var(--re-rn-light-selection-text);--re-focus-ring-offset:var(--re-rn-light-focus-ring-offset);--re-shadow-focus:var(--re-rn-light-shadow-focus);--re-color-info-surface:var(--re-rn-light-info-surface);--re-color-info-border:var(--re-rn-light-info-border);--re-color-info-text:var(--re-rn-light-info-text);--re-color-success-surface:var(--re-rn-light-success-surface);--re-color-success-border:var(--re-rn-light-success-border);--re-color-success-text:var(--re-rn-light-success-text);--re-color-warning-surface:var(--re-rn-light-warning-surface);--re-color-warning-border:var(--re-rn-light-warning-border);--re-color-warning-text:var(--re-rn-light-warning-text);--re-color-danger-surface:var(--re-rn-light-danger-surface);--re-color-danger-border:var(--re-rn-light-danger-border);--re-color-danger-text:var(--re-rn-light-danger-text);background-color:var(--re-color-bg);color:var(--re-color-text)}.re-button[data-variant=phoenix]{background:var(--re-gradient-phoenix);color:#fff;background-origin:border-box;border-color:#0000}.re-button[data-variant=phoenix]:hover{filter:brightness(1.12)}.re-button[data-variant=phoenix]:active{filter:brightness(.9)}.re-button[data-variant=phoenix]:focus-visible{border-color:#0000}.re-button[data-variant=phoenix]:disabled,.re-button[data-variant=phoenix][aria-disabled=true]{filter:none;opacity:.55}.re-button[data-variant=brand]{background:var(--re-gradient-brand);color:#fff;background-origin:border-box;border-color:#0000}.re-button[data-variant=brand]:hover{filter:brightness(1.12)}.re-button[data-variant=brand]:active{filter:brightness(.9)}.re-button[data-variant=brand]:focus-visible{border-color:#0000}.re-button[data-variant=brand]:disabled,.re-button[data-variant=brand][aria-disabled=true]{filter:none;opacity:.55}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@relements/core",
-  "version": "0.4.1",
+  "version": "0.6.0",
   "description": "HTML-first design system core: tokens, styles, and progressive enhancement.",
   "repository": {
     "type": "git",
@@ -60,6 +60,13 @@
     "./components/card.css": "./dist/components/card.css",
     "./components/switch.css": "./dist/components/switch.css",
     "./components/tag.css": "./dist/components/tag.css",
+    "./components/table.css": "./dist/components/table.css",
+    "./components/skeleton.css": "./dist/components/skeleton.css",
+    "./components/spinner.css": "./dist/components/spinner.css",
+    "./components/pagination.css": "./dist/components/pagination.css",
+    "./components/separator.css": "./dist/components/separator.css",
+    "./components/kbd.css": "./dist/components/kbd.css",
+    "./components/code.css": "./dist/components/code.css",
     "./themes/renascent.css": "./dist/themes/renascent.css",
     "./behaviors/dismissible": {
       "import": "./dist/behaviors/dismissible.js",

package/src/components/code.css

@@ -0,0 +1,41 @@
+/**
+ * Relements code block.
+ *
+ * Native <code>/<pre> are already styled by re.base. This component wraps a
+ * code block in a bordered container with an optional caption (filename),
+ * using a <figure> + <figcaption>.
+ *
+ *   <figure class="re-code">
+ *     <figcaption>app.css</figcaption>
+ *     <pre><code>.re-button { color: red; }</code></pre>
+ *   </figure>
+ *
+ * A plain bordered block also works: <pre class="re-code">…</pre>.
+ */
+
+@layer re.components {
+  .re-code {
+    margin: 0;
+    overflow: hidden;
+    background-color: var(--re-color-bg-muted);
+    border: var(--re-border-default);
+    border-radius: var(--re-radius-md);
+  }
+
+  .re-code > figcaption {
+    padding: var(--re-space-2) var(--re-space-4);
+    font-family: var(--re-font-sans);
+    font-size: var(--re-size-text-xs);
+    font-weight: var(--re-font-weight-medium);
+    color: var(--re-color-text-muted);
+    background-color: var(--re-color-bg-subtle);
+    border-block-end: var(--re-border-default);
+  }
+
+  /* Reset the base <pre> chrome — the container owns it now. */
+  .re-code > pre {
+    margin: 0;
+    background: none;
+    border-radius: 0;
+  }
+}

package/src/components/kbd.css

@@ -0,0 +1,29 @@
+/**
+ * Relements kbd — keyboard key cap.
+ *
+ * Native <kbd> inherits the mono font from re.base; this component gives it a
+ * raised key-cap look for documenting shortcuts.
+ *
+ *   <kbd class="re-kbd">Esc</kbd>
+ *   <kbd class="re-kbd">⌘</kbd> <kbd class="re-kbd">K</kbd>
+ */
+
+@layer re.components {
+  .re-kbd {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-inline-size: 1.5em;
+    padding: 0.15em 0.4em;
+    font-family: var(--re-font-sans);
+    font-size: var(--re-size-text-xs);
+    font-weight: var(--re-font-weight-medium);
+    line-height: 1;
+    white-space: nowrap;
+    color: var(--re-color-text);
+    background-color: var(--re-color-surface);
+    border: var(--re-border-default);
+    border-radius: var(--re-radius-sm);
+    box-shadow: var(--re-shadow-sm);
+  }
+}

package/src/components/pagination.css

@@ -0,0 +1,57 @@
+/**
+ * Relements pagination — page navigation, no JavaScript.
+ * <nav class="re-pagination" aria-label="Pagination"> with .re-pagination__item
+ * links/buttons; mark the current page with aria-current="page" and disabled
+ * prev/next with aria-disabled="true".
+ */
+@layer re.components {
+  .re-pagination {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--re-space-1);
+  }
+
+  .re-pagination__item {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-inline-size: 2.25rem;
+    min-block-size: 2.25rem;
+    padding: var(--re-space-1) var(--re-space-3);
+    border: var(--re-border-width) solid transparent;
+    border-radius: var(--re-radius-md);
+    background: transparent;
+    color: var(--re-color-text);
+    font: inherit;
+    font-size: var(--re-size-text-sm);
+    line-height: 1;
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  .re-pagination__item:hover {
+    background-color: var(--re-color-bg-subtle);
+  }
+
+  .re-pagination__item:focus-visible {
+    outline: none;
+    box-shadow: var(--re-shadow-focus);
+  }
+
+  .re-pagination__item[aria-current="page"] {
+    background-color: var(--re-color-accent-600);
+    color: var(--re-color-text-on-accent);
+  }
+
+  .re-pagination__item[aria-disabled="true"] {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  .re-pagination__ellipsis {
+    padding-inline: var(--re-space-2);
+    color: var(--re-color-text-muted);
+    user-select: none;
+  }
+}

package/src/components/separator.css

@@ -0,0 +1,37 @@
+/**
+ * Relements separator.
+ *
+ * Native <hr> is already styled by re.base. This component adds an explicit
+ * class for consistency plus a vertical orientation for toolbars and inline
+ * groups.
+ *
+ *   <hr class="re-separator" />
+ *   <div class="re-separator" role="separator" aria-orientation="vertical"
+ *        data-orientation="vertical"></div>
+ *
+ * Orientation (data-orientation): horizontal (default), vertical.
+ */
+
+@layer re.components {
+  .re-separator {
+    border: 0;
+    color: var(--re-color-text-muted);
+  }
+
+  /* Horizontal rule (default). */
+  hr.re-separator {
+    block-size: 0;
+    border-top: var(--re-border-default);
+    margin-block: var(--re-space-4);
+  }
+
+  /* Vertical divider — sits between inline items in a flex row. */
+  .re-separator[data-orientation="vertical"] {
+    align-self: stretch;
+    inline-size: 0;
+    min-block-size: 1em;
+    margin-block: 0;
+    margin-inline: var(--re-space-2);
+    border-inline-start: var(--re-border-default);
+  }
+}

package/src/components/skeleton.css

@@ -0,0 +1,47 @@
+/**
+ * Relements skeleton — decorative loading placeholder.
+ * Mark decorative instances with aria-hidden="true"; use aria-busy on the region.
+ * data-shape="circle" | "text" (default: rectangle). Size via width/height.
+ */
+@layer re.components {
+  .re-skeleton {
+    display: block;
+    inline-size: 100%;
+    block-size: 1rem;
+    background-color: var(--re-color-bg-muted);
+    border-radius: var(--re-radius-sm);
+    background-image: linear-gradient(
+      90deg,
+      transparent 0%,
+      color-mix(in oklab, var(--re-color-text) 8%, transparent) 50%,
+      transparent 100%
+    );
+    background-size: 200% 100%;
+    background-repeat: no-repeat;
+    animation: re-skeleton-shimmer 1.4s ease-in-out infinite;
+  }
+
+  .re-skeleton[data-shape="circle"] {
+    border-radius: 9999px;
+  }
+
+  .re-skeleton[data-shape="text"] {
+    block-size: 1em;
+  }
+
+  @keyframes re-skeleton-shimmer {
+    from {
+      background-position: 200% 0;
+    }
+    to {
+      background-position: -200% 0;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .re-skeleton {
+      animation: none;
+      background-image: none;
+    }
+  }
+}

package/src/components/spinner.css

@@ -0,0 +1,39 @@
+/**
+ * Relements spinner — accessible busy indicator.
+ * Requires an accessible name: role="status" + aria-label (or a visually-hidden child).
+ * data-size="sm" | "md" (default) | "lg".
+ */
+@layer re.components {
+  .re-spinner {
+    display: inline-block;
+    inline-size: 1.5rem;
+    block-size: 1.5rem;
+    border: 2px solid var(--re-color-border);
+    border-block-start-color: var(--re-color-accent-600);
+    border-radius: 9999px;
+    animation: re-spin 0.6s linear infinite;
+  }
+
+  .re-spinner[data-size="sm"] {
+    inline-size: 1rem;
+    block-size: 1rem;
+  }
+
+  .re-spinner[data-size="lg"] {
+    inline-size: 2rem;
+    block-size: 2rem;
+    border-width: 3px;
+  }
+
+  @keyframes re-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .re-spinner {
+      animation: none;
+    }
+  }
+}

package/src/components/table.css

@@ -0,0 +1,53 @@
+/**
+ * Relements table — styles the native <table>.
+ * Wrap in <div class="re-table-wrap"> for horizontal scroll on narrow viewports.
+ * Opt-in via data-* on the table: data-zebra, data-hover, data-density="compact",
+ * data-sticky-header.
+ */
+@layer re.components {
+  .re-table-wrap {
+    overflow-x: auto;
+  }
+
+  .re-table {
+    inline-size: 100%;
+    border-collapse: collapse;
+    color: var(--re-color-text);
+    font-size: var(--re-size-text-sm);
+  }
+
+  .re-table th,
+  .re-table td {
+    padding: var(--re-space-3) var(--re-space-4);
+    text-align: start;
+    vertical-align: middle;
+    border-block-end: var(--re-border-default);
+  }
+
+  .re-table thead th {
+    font-weight: var(--re-font-weight-semibold);
+    border-block-end: var(--re-border-width) solid var(--re-color-border-strong);
+  }
+
+  .re-table tbody tr:last-child td {
+    border-block-end: 0;
+  }
+
+  .re-table[data-zebra] tbody tr:nth-child(even) {
+    background-color: var(--re-color-bg-subtle);
+  }
+
+  .re-table[data-hover] tbody tr:hover {
+    background-color: var(--re-color-bg-muted);
+  }
+
+  .re-table[data-density="compact"] :is(th, td) {
+    padding: var(--re-space-2) var(--re-space-3);
+  }
+
+  .re-table[data-sticky-header] thead th {
+    position: sticky;
+    inset-block-start: 0;
+    background-color: var(--re-color-surface);
+  }
+}

package/src/index.css

@@ -36,3 +36,10 @@
 @import "./components/card.css";
 @import "./components/switch.css";
 @import "./components/tag.css";
+@import "./components/table.css";
+@import "./components/skeleton.css";
+@import "./components/spinner.css";
+@import "./components/pagination.css";
+@import "./components/separator.css";
+@import "./components/kbd.css";
+@import "./components/code.css";

package/src/themes/renascent.css

@@ -234,7 +234,8 @@
   --re-color-text-subtle: var(--re-rn-dark-text-subtle);
   --re-color-border: var(--re-rn-dark-border);
   --re-color-border-strong: var(--re-rn-dark-border-strong);
-  --re-color-accent-500: #3c83f6;
+  /* Match the global dark ramp's tint so scoped/forced-dark and global agree. */
+  --re-color-accent-500: #60a5fa;
   --re-color-accent-600: #2563eb;
   --re-color-accent-700: #1d4ed8;
   --re-color-link: var(--re-rn-dark-link);