sander-ui 0.1.0

package/README.md

@@ -0,0 +1,83 @@
+# 🧩 sander-ui
+
+A modern React component library built with TypeScript and CSS Modules. Designed for consistency, accessibility, and simplicity.
+
+## ✨ Features
+
+- 🧱 **24 production-ready components** — from buttons and inputs to modals, drawers, and toasts
+- 🔷 **TypeScript first** — fully typed props with JSDoc descriptions
+- 🎨 **CSS Modules** — scoped styles with no runtime overhead
+- ♿ **Accessible** — semantic HTML, ARIA attributes, and keyboard support
+- 📖 **Storybook docs** — interactive documentation with auto-generated prop tables
+
+## 🗂️ Components
+
+### 📝 Form
+`Button` · `Input` · `Textarea` · `Select` · `Checkbox` · `Radio` · `Switch`
+
+### 💬 Feedback
+`Alert` · `Toast` · `Progress` · `Spinner` · `Skeleton`
+
+### 📊 Data Display
+`Avatar` · `Badge` · `Table` · `Tooltip` · `Accordion`
+
+### 🧭 Navigation
+`Tabs` · `Breadcrumbs` · `Pagination` · `Dropdown`
+
+### 📐 Layout
+`Card` · `Modal` · `Drawer`
+
+## 🚀 Getting Started
+
+```bash
+npm install
+```
+
+### 🛠️ Development
+
+```bash
+npm run storybook
+```
+
+Opens Storybook at [http://localhost:6006](http://localhost:6006) with live-reloading, interactive examples, and full prop documentation for every component.
+
+### 📦 Build
+
+```bash
+npm run build-storybook
+```
+
+Outputs a static documentation site to `storybook-static/`.
+
+## 🐳 Deployment
+
+A multi-stage `Dockerfile` is included for deploying the Storybook docs site:
+
+```bash
+docker build -t sander-ui .
+docker run -p 80:80 sander-ui
+```
+
+Compatible with EasyPanel, Railway, Fly.io, or any Docker-based hosting.
+
+## 🎛️ Design Tokens
+
+All visual decisions are centralized in CSS custom properties (`src/styles/_tokens.css`):
+
+- **Colors** — primary, semantic (success, error, warning, info), and a full gray scale
+- **Typography** — [Outfit](https://fonts.google.com/specimen/Outfit) font family with consistent size and weight scales
+- **Spacing** — a harmonious spacing scale from `0.125rem` to `3rem`
+- **Radii, shadows, transitions** — shared across all components
+
+## ⚙️ Tech Stack
+
+- [React](https://react.dev) + [TypeScript](https://www.typescriptlang.org)
+- [Vite](https://vite.dev)
+- [CSS Modules](https://github.com/css-modules/css-modules)
+- [Storybook](https://storybook.js.org)
+- [Lucide](https://lucide.dev) icons
+- [classnames](https://github.com/JedWatson/classnames)
+
+## 📄 License
+
+MIT

package/dist/index.css

@@ -0,0 +1 @@
+._accordion_7j7b7_1{border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}._item_7j7b7_6{border-bottom:1px solid var(--color-gray-200)}._item_7j7b7_6:last-child{border-bottom:none}._disabled_7j7b7_14{opacity:.5;pointer-events:none}._trigger_7j7b7_19{display:flex;align-items:center;padding:var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);cursor:pointer;transition:background var(--transition-base)}._trigger_7j7b7_19:hover{background:var(--color-gray-50)}._trigger_7j7b7_19:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}._trigger_7j7b7_19::marker{content:""}._trigger_7j7b7_19::-webkit-details-marker{display:none}._trigger_7j7b7_19:after{content:"";margin-left:auto;width:.5rem;height:.5rem;flex-shrink:0;border-right:1.5px solid var(--color-gray-400);border-bottom:1.5px solid var(--color-gray-400);transform:translateY(-1px) rotate(45deg);transition:transform var(--transition-fast)}._item_7j7b7_6[open]>._trigger_7j7b7_19:after{transform:translateY(1px) rotate(-135deg)}._content_7j7b7_64{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-base)}._contentOpen_7j7b7_70{grid-template-rows:1fr}._contentInner_7j7b7_74{overflow:hidden}._contentOpen_7j7b7_70>._contentInner_7j7b7_74{padding:0 var(--space-4) var(--space-4);font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-normal)}._alert_16i4u_1{display:flex;align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-lg);border:1px solid;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}._icon_16i4u_11{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:1px}._content_16i4u_18{flex:1;min-width:0}._title_16i4u_23{font-weight:var(--font-weight-medium)}._title_16i4u_23+._description_16i4u_27{margin-top:var(--space-1)}._description_16i4u_27{opacity:.9}._dismiss_16i4u_35{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);padding:var(--space-0-5);line-height:1;opacity:.7;background:none;border:none;color:inherit;cursor:pointer;transition:opacity var(--transition-base)}._dismiss_16i4u_35:hover{opacity:1}._dismiss_16i4u_35:focus-visible{opacity:1;outline:2px solid currentColor;outline-offset:2px}._success_16i4u_62{background:var(--color-success-light);color:var(--color-success-text);border-color:var(--color-success-border)}._error_16i4u_68{background:var(--color-error-light);color:var(--color-error-text);border-color:var(--color-error-border)}._warning_16i4u_74{background:var(--color-warning-light);color:var(--color-warning-text);border-color:var(--color-warning-border)}._info_16i4u_80{background:var(--color-info-light);color:var(--color-info-text);border-color:var(--color-info-border)}._wrapper_1p6ce_1{position:relative;display:inline-flex;flex-shrink:0}._sm_1p6ce_8{width:24px;height:24px;font-size:var(--font-size-xs)}._md_1p6ce_14{width:32px;height:32px;font-size:var(--font-size-sm)}._lg_1p6ce_20{width:40px;height:40px;font-size:var(--font-size-base)}._xl_1p6ce_26{width:56px;height:56px;font-size:var(--font-size-lg)}._2xl_1p6ce_32{width:80px;height:80px;font-size:var(--font-size-xl)}._image_1p6ce_38{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}._fallback_1p6ce_45{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--radius-full);background:var(--color-gray-200);color:var(--color-gray-600);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}._status_1p6ce_59{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:var(--radius-full);border:2px solid var(--color-white)}._status-online_1p6ce_71{background:var(--color-success)}._status-offline_1p6ce_75{background:var(--color-gray-400)}._status-busy_1p6ce_79{background:var(--color-error)}._status-away_1p6ce_83{background:var(--color-warning)}._group_1p6ce_88{display:flex;align-items:center}._group_1p6ce_88>._wrapper_1p6ce_1+._wrapper_1p6ce_1{margin-left:-8px}._group_1p6ce_88>._wrapper_1p6ce_1{border:2px solid var(--color-white);border-radius:var(--radius-full)}._badge_19d90_1{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}._sm_19d90_10{padding:var(--space-0-5) var(--space-1-5);font-size:var(--font-size-xs)}._md_19d90_15{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-sm)}._dot_19d90_21{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex-shrink:0}._remove_19d90_30{display:flex;align-items:center;justify-content:center;background:none;border:none;color:inherit;cursor:pointer;padding:0;margin-left:var(--space-0-5);opacity:.7;transition:opacity var(--transition-base);flex-shrink:0}._remove_19d90_30:hover{opacity:1}._remove_19d90_30:focus-visible{opacity:1;outline:2px solid currentColor;outline-offset:2px}._filled_19d90_56._default_19d90_56{background:var(--color-gray-100);color:var(--color-gray-700)}._filled_19d90_56._success_19d90_61{background:var(--color-success-light);color:var(--color-success)}._filled_19d90_56._warning_19d90_66{background:var(--color-warning-light);color:var(--color-warning)}._filled_19d90_56._error_19d90_71{background:var(--color-error-light);color:var(--color-error)}._filled_19d90_56._info_19d90_76{background:var(--color-info-light);color:var(--color-info)}._outline_19d90_82._default_19d90_56{border:1px solid var(--color-gray-300);color:var(--color-gray-700)}._outline_19d90_82._success_19d90_61{border:1px solid var(--color-success);color:var(--color-success)}._outline_19d90_82._warning_19d90_66{border:1px solid var(--color-warning);color:var(--color-warning)}._outline_19d90_82._error_19d90_71{border:1px solid var(--color-error);color:var(--color-error)}._outline_19d90_82._info_19d90_76{border:1px solid var(--color-info);color:var(--color-info)}._list_2tzve_1{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--font-size-sm);list-style:none}._item_2tzve_9{display:flex;align-items:center;gap:var(--space-1-5)}._separator_2tzve_15{width:.875rem;height:.875rem;color:var(--color-gray-400);flex-shrink:0}._link_2tzve_22{color:var(--color-gray-500);transition:color var(--transition-base)}._link_2tzve_22:hover{color:var(--color-gray-700)}._link_2tzve_22:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}._current_2tzve_37{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}._text_2tzve_42{color:var(--color-gray-500)}._ellipsis_2tzve_46{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:var(--space-0-5);border-radius:var(--radius-sm);transition:color var(--transition-base)}._ellipsis_2tzve_46:hover{color:var(--color-gray-700)}._ellipsis_2tzve_46:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes _spin_9eqlb_10{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_9eqlb_10{animation:_spin_9eqlb_10 1s linear infinite}._spinnerTrack_9eqlb_14{opacity:.25}._spinnerHead_9eqlb_18{opacity:.75}._sm_9eqlb_23{width:.875rem;height:.875rem}._md_9eqlb_28{width:1rem;height:1rem}._lg_9eqlb_33{width:1.25rem;height:1.25rem}._button_dajne_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-base),color var(--transition-base);border:none;line-height:var(--line-height-normal);text-decoration:none}._button_dajne_1:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._button_dajne_1:disabled{opacity:.5;pointer-events:none}._primary_dajne_28{background:var(--color-primary);color:var(--color-white)}._primary_dajne_28:hover{background:var(--color-primary-hover)}._secondary_dajne_37{background:var(--color-gray-100);color:var(--color-gray-900)}._secondary_dajne_37:hover{background:var(--color-gray-300)}._outline_dajne_46{background:transparent;color:var(--color-gray-700);box-shadow:inset 0 0 0 1px var(--color-gray-300)}._outline_dajne_46:hover{background:var(--color-gray-100)}._ghost_dajne_56{background:transparent;color:var(--color-gray-700)}._ghost_dajne_56:hover{background:var(--color-gray-200)}._danger_dajne_65{background:var(--color-error);color:var(--color-white)}._danger_dajne_65:hover{background:var(--color-error-hover)}._sm_dajne_75{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-sm)}._md_dajne_80{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}._lg_dajne_85{padding:var(--space-2) var(--space-5);font-size:var(--font-size-base)}._content_dajne_91{display:inline-flex;align-items:center;gap:var(--space-2)}._hidden_dajne_97{visibility:hidden}._spinner_dajne_101{position:absolute}._card_2a53z_1{border-radius:var(--radius-xl);background:var(--color-white)}._elevated_2a53z_7{border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}._outlined_2a53z_12{border:1px solid var(--color-gray-200)}._flat_2a53z_16{border:none}._padding-none_2a53z_21{padding:0}._padding-sm_2a53z_25{padding:var(--space-4)}._padding-md_2a53z_29{padding:var(--space-6)}._padding-lg_2a53z_33{padding:var(--space-8)}._header_2a53z_38{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-4)}._body_2a53z_44{flex:1}._footer_2a53z_48{padding-top:var(--space-4);border-top:1px solid var(--color-gray-200);margin-top:var(--space-4)}._wrapper_tjwht_1{display:flex;flex-direction:column}._row_tjwht_6{display:flex;align-items:center;gap:var(--space-2)}._checkbox_tjwht_12{appearance:none;width:1rem;height:1rem;flex-shrink:0;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background-color:var(--color-white);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base)}._checkbox_tjwht_12:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");background-size:100%;background-position:center;background-repeat:no-repeat}._checkbox_tjwht_12:indeterminate{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='7' width='10' height='2' rx='1'/%3E%3C/svg%3E");background-size:100%;background-position:center;background-repeat:no-repeat}._checkbox_tjwht_12:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-info)}._checkbox_tjwht_12:disabled{opacity:.5;cursor:not-allowed}._checkboxError_tjwht_54{border-color:var(--color-error-border)}._label_tjwht_58{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);cursor:pointer}._description_tjwht_65{margin-top:var(--space-0-5);margin-left:calc(1rem + var(--space-2));font-size:var(--font-size-xs);color:var(--color-gray-500)}._error_tjwht_72{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-error)}@keyframes _slide-in-right_vdk0r_1{0%{translate:100% 0}to{translate:0 0}}@keyframes _slide-out-right_vdk0r_1{0%{translate:0 0}to{translate:100% 0}}@keyframes _slide-in-left_vdk0r_1{0%{translate:-100% 0}to{translate:0 0}}@keyframes _slide-out-left_vdk0r_1{0%{translate:0 0}to{translate:-100% 0}}@keyframes _slide-in-top_vdk0r_1{0%{translate:0 -100%}to{translate:0 0}}@keyframes _slide-out-top_vdk0r_1{0%{translate:0 0}to{translate:0 -100%}}@keyframes _slide-in-bottom_vdk0r_1{0%{translate:0 100%}to{translate:0 0}}@keyframes _slide-out-bottom_vdk0r_1{0%{translate:0 0}to{translate:0 100%}}@keyframes _fade-in_vdk0r_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-out_vdk0r_1{0%{opacity:1}to{opacity:0}}._dialog_vdk0r_51{background:var(--color-white);padding:0;border:none;margin:0;max-width:none;max-height:none;box-shadow:var(--shadow-lg)}._dialog_vdk0r_51::backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._dialog_vdk0r_51[open]::backdrop{animation:_fade-in_vdk0r_1 .2s ease-out}._dialog_vdk0r_51[open]._closing_vdk0r_69::backdrop{animation:_fade-out_vdk0r_1 .15s ease-in forwards}._right_vdk0r_75,._left_vdk0r_76{height:100dvh}._right_vdk0r_75{margin-left:auto;margin-right:0}._right_vdk0r_75[open]{animation:_slide-in-right_vdk0r_1 .28s cubic-bezier(.32,.72,0,1)}._right_vdk0r_75[open]._closing_vdk0r_69{animation:_slide-out-right_vdk0r_1 .2s cubic-bezier(.32,.72,0,1) forwards}._left_vdk0r_76{margin-left:0;margin-right:auto}._left_vdk0r_76[open]{animation:_slide-in-left_vdk0r_1 .28s cubic-bezier(.32,.72,0,1)}._left_vdk0r_76[open]._closing_vdk0r_69{animation:_slide-out-left_vdk0r_1 .2s cubic-bezier(.32,.72,0,1) forwards}._top_vdk0r_97,._bottom_vdk0r_98{width:100dvw}._top_vdk0r_97{margin-top:0;margin-bottom:auto}._top_vdk0r_97[open]{animation:_slide-in-top_vdk0r_1 .28s cubic-bezier(.32,.72,0,1)}._top_vdk0r_97[open]._closing_vdk0r_69{animation:_slide-out-top_vdk0r_1 .2s cubic-bezier(.32,.72,0,1) forwards}._bottom_vdk0r_98{margin-top:auto;margin-bottom:0}._bottom_vdk0r_98[open]{animation:_slide-in-bottom_vdk0r_1 .28s cubic-bezier(.32,.72,0,1)}._bottom_vdk0r_98[open]._closing_vdk0r_69{animation:_slide-out-bottom_vdk0r_1 .2s cubic-bezier(.32,.72,0,1) forwards}._right_vdk0r_75._size-sm_vdk0r_119,._left_vdk0r_76._size-sm_vdk0r_119,._right_vdk0r_75._size-md_vdk0r_121,._left_vdk0r_76._size-md_vdk0r_121,._right_vdk0r_75._size-lg_vdk0r_123,._left_vdk0r_76._size-lg_vdk0r_123{width:100dvw}._top_vdk0r_97._size-sm_vdk0r_119,._bottom_vdk0r_98._size-sm_vdk0r_119{height:30dvh}._top_vdk0r_97._size-md_vdk0r_121,._bottom_vdk0r_98._size-md_vdk0r_121{height:60dvh}._top_vdk0r_97._size-lg_vdk0r_123,._bottom_vdk0r_98._size-lg_vdk0r_123{height:85dvh}._content_vdk0r_144{display:flex;flex-direction:column;height:100%}._header_vdk0r_150{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-gray-200)}._title_vdk0r_158{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}._closeButton_vdk0r_164{display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-base)}._closeButton_vdk0r_164:hover{color:var(--color-gray-600)}._closeButton_vdk0r_164:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._body_vdk0r_185{flex:1;overflow-y:auto;padding:var(--space-4);font-size:var(--font-size-sm);color:var(--color-gray-600)}._footer_vdk0r_193{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-gray-200)}@media(min-width:641px){._right_vdk0r_75._size-sm_vdk0r_119,._left_vdk0r_76._size-sm_vdk0r_119{width:20rem}._right_vdk0r_75._size-md_vdk0r_121,._left_vdk0r_76._size-md_vdk0r_121{width:24rem}._right_vdk0r_75._size-lg_vdk0r_123,._left_vdk0r_76._size-lg_vdk0r_123{width:32rem}._top_vdk0r_97._size-md_vdk0r_121,._bottom_vdk0r_98._size-md_vdk0r_121{height:50dvh}._top_vdk0r_97._size-lg_vdk0r_123,._bottom_vdk0r_98._size-lg_vdk0r_123{height:70dvh}._header_vdk0r_150,._body_vdk0r_185,._footer_vdk0r_193{padding:var(--space-6)}}@media(min-width:641px)and (max-width:1024px){._right_vdk0r_75._size-lg_vdk0r_123,._left_vdk0r_76._size-lg_vdk0r_123{width:min(28rem,85dvw)}}._wrapper_1s9du_1{position:relative}._trigger_1s9du_5{display:flex;align-items:center;border-radius:var(--radius-full);cursor:pointer;background:none;border:none;padding:0}@keyframes _menu-open_1s9du_1{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes _menu-close_1s9du_1{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-4px)}}._menu_1s9du_37{position:absolute;top:100%;margin-top:var(--space-2);width:12rem;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);background:var(--color-white);padding:var(--space-1) 0;box-shadow:var(--shadow-lg);z-index:10;transform-origin:top center;animation:_menu-open_1s9du_1 var(--transition-fast)}._closing_1s9du_52{animation:_menu-close_1s9du_1 var(--transition-fast) forwards}._alignRight_1s9du_56{right:0}._alignLeft_1s9du_60{left:0}._item_1s9du_64{display:flex;width:100%;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);text-align:left;font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;background:none;border:none;transition:background var(--transition-base)}._item_1s9du_64:hover,._item_1s9du_64:focus-visible{background:var(--color-gray-50);outline:none}._divider_1s9du_85{margin:var(--space-1) 0;border-top:1px solid var(--color-gray-100)}._wrapper_1rkkq_1{display:flex;flex-direction:column}._label_1rkkq_6{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}._input_1rkkq_13{display:block;width:100%;margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-900);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base)}._input_1rkkq_13:focus-visible{outline:none;border-color:var(--color-info);box-shadow:0 0 0 1px var(--color-info)}._inputError_1rkkq_33{border-color:var(--color-error-border)}._inputError_1rkkq_33:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}._error_1rkkq_42{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-error)}@keyframes _modal-scale-in_9xkb2_1{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes _modal-scale-out_9xkb2_1{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(8px)}}@keyframes _modal-fade-in_9xkb2_1{0%{opacity:0}to{opacity:1}}@keyframes _modal-fade-out_9xkb2_1{0%{opacity:1}to{opacity:0}}._dialog_9xkb2_33{background:transparent;padding:0;margin:auto;width:100%;border-radius:var(--radius-xl);border:none}._dialog_9xkb2_33::backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._dialog_9xkb2_33[open]{animation:_modal-scale-in_9xkb2_1 .28s cubic-bezier(.32,.72,0,1)}._dialog_9xkb2_33[open]::backdrop{animation:_modal-fade-in_9xkb2_1 .2s ease-out}._dialog_9xkb2_33[open]._closing_9xkb2_54{animation:_modal-scale-out_9xkb2_1 .2s cubic-bezier(.32,.72,0,1) forwards}._dialog_9xkb2_33[open]._closing_9xkb2_54::backdrop{animation:_modal-fade-out_9xkb2_1 .15s ease-in forwards}._size-sm_9xkb2_64{max-width:var(--max-width-sm)}._size-md_9xkb2_68{max-width:var(--max-width-md)}._size-lg_9xkb2_72{max-width:var(--max-width-lg)}._content_9xkb2_76{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}._header_9xkb2_83{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}._title_9xkb2_90{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}._closeButton_9xkb2_96{display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-base)}._closeButton_9xkb2_96:hover{color:var(--color-gray-600)}._closeButton_9xkb2_96:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._body_9xkb2_117{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-6);max-height:60dvh;overflow-y:auto}._footer_9xkb2_125{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}@media(max-width:640px){._dialog_9xkb2_33{margin:auto;padding:var(--space-4);width:100%}._size-sm_9xkb2_64,._size-md_9xkb2_68,._size-lg_9xkb2_72{max-width:none}._content_9xkb2_76{padding:var(--space-4)}._body_9xkb2_117{max-height:50dvh}}@media(min-width:641px)and (max-width:1024px){._size-lg_9xkb2_72{max-width:var(--max-width-md)}}._pagination_ydf1l_1{display:flex;align-items:center;gap:var(--space-1)}._page_ydf1l_7,._arrow_ydf1l_8{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 var(--space-2);border:none;border-radius:var(--radius-md);background:none;font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;transition:background var(--transition-base)}:is(._page_ydf1l_7,._arrow_ydf1l_8):hover:not(:disabled){background:var(--color-gray-100)}:is(._page_ydf1l_7,._arrow_ydf1l_8):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:is(._page_ydf1l_7,._arrow_ydf1l_8):disabled{opacity:.4;cursor:default}._active_ydf1l_38{background:var(--color-primary);color:var(--color-white)}._active_ydf1l_38:hover:not(:disabled){background:var(--color-primary-hover)}._ellipsis_ydf1l_47{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;font-size:var(--font-size-sm);color:var(--color-gray-400)}._icon_ydf1l_57{width:1rem;height:1rem}._wrapper_14k2c_1{display:flex;flex-direction:column;gap:var(--space-1-5)}._header_14k2c_7{display:flex;justify-content:space-between;align-items:center}._label_14k2c_13{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}._value_14k2c_19{font-size:var(--font-size-sm);color:var(--color-gray-500)}._track_14k2c_24{width:100%;border-radius:var(--radius-full);background:var(--color-gray-100);overflow:hidden}._sm_14k2c_31{height:.25rem}._md_14k2c_35{height:.5rem}._lg_14k2c_39{height:.75rem}._bar_14k2c_43{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width var(--transition-base)}@keyframes _indeterminate_14k2c_59{0%{transform:translate(-100%)}to{transform:translate(400%)}}._indeterminate_14k2c_59{width:25%;animation:_indeterminate_14k2c_59 1.5s ease-in-out infinite}._fieldset_ap4x3_1{border:none;padding:0;margin:0}._legend_ap4x3_7{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--space-2)}._options_ap4x3_14{display:flex;flex-direction:column;gap:var(--space-3)}._option_ap4x3_14{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}._radio_ap4x3_27{appearance:none;width:1rem;height:1rem;flex-shrink:0;margin-top:var(--space-0-5);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);background-color:var(--color-white);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base)}._radio_ap4x3_27:checked{border-color:var(--color-primary);background-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");background-size:100%;background-position:center;background-repeat:no-repeat}._radio_ap4x3_27:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-info)}._radio_ap4x3_27:disabled{opacity:.5;cursor:not-allowed}._radioError_ap4x3_61{border-color:var(--color-error-border)}._labels_ap4x3_65{display:flex;flex-direction:column}._label_ap4x3_65{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}._description_ap4x3_76{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--space-0-5)}._error_ap4x3_82{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-error)}._wrapper_z5w4u_1{display:flex;flex-direction:column}._label_z5w4u_6{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}._select_z5w4u_13{display:block;width:100%;margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-900);background-color:var(--color-white);box-shadow:var(--shadow-sm);font-family:inherit;font-size:inherit;cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base)}._select_z5w4u_13:focus-visible{outline:none;border-color:var(--color-info);box-shadow:0 0 0 1px var(--color-info)}._selectError_z5w4u_37{border-color:var(--color-error-border)}._selectError_z5w4u_37:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}._error_z5w4u_46{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-error)}@keyframes _shimmer_17jqz_1{0%{background-position:-200% 0}to{background-position:200% 0}}._skeleton_17jqz_10{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:_shimmer_17jqz_1 1.5s ease-in-out infinite}._text_17jqz_21{width:100%;height:.875rem;border-radius:var(--radius-sm)}._circular_17jqz_27{width:2.5rem;height:2.5rem;border-radius:var(--radius-full)}._rectangular_17jqz_33{width:100%;height:4rem;border-radius:var(--radius-md)}._wrapper_8eiej_1{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}._wrapperDisabled_8eiej_8{opacity:.5;cursor:not-allowed}._track_8eiej_13{position:relative;margin-top:var(--space-0-5);display:inline-flex;height:1.25rem;width:2.25rem;flex-shrink:0;align-items:center;border-radius:var(--radius-full);transition:background var(--transition-base);cursor:pointer;border:none;background:var(--color-gray-300)}._track_8eiej_13:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._track_8eiej_13:disabled{cursor:not-allowed}._trackChecked_8eiej_37{background:var(--color-primary)}._thumb_8eiej_41{display:inline-block;height:.875rem;width:.875rem;border-radius:var(--radius-full);background:var(--color-white);box-shadow:var(--shadow-sm);transition:transform var(--transition-base);transform:translate(3px)}._thumbChecked_8eiej_52{transform:translate(18px)}._labels_8eiej_56{-webkit-user-select:none;user-select:none}._label_8eiej_56{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}._description_8eiej_66{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--space-0-5)}._wrapper_wwjw1_1{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}._table_wwjw1_7{width:100%;font-size:var(--font-size-sm);border-collapse:collapse}._header_wwjw1_13{border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}._body_wwjw1_18>tr+tr{border-top:1px solid var(--color-gray-200)}._row_wwjw1_22{transition:background var(--transition-base)}._row_wwjw1_22:hover{background:var(--color-gray-50)}._head_wwjw1_13{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:var(--tracking-wider)}._cell_wwjw1_40{padding:var(--space-3) var(--space-4);color:var(--color-gray-700)}._tabList_194xi_1{position:relative;display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-gray-200);overflow-x:auto;scrollbar-width:none}._tabList_194xi_1::-webkit-scrollbar{display:none}._tab_194xi_1{cursor:pointer;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:color var(--transition-base);margin-bottom:-1px;background:none;border:none;border-bottom:3px solid transparent;color:var(--color-gray-500)}._tab_194xi_1:hover{color:var(--color-gray-700)}._tab_194xi_1:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}._tabActive_194xi_37{color:var(--color-gray-900)}._tabDisabled_194xi_41{opacity:.4;cursor:not-allowed}._tabDisabled_194xi_41:hover{color:var(--color-gray-500)}._indicator_194xi_50{position:absolute;bottom:0;height:3px;background:var(--color-gray-900);border-radius:var(--radius-full)}._indicatorAnimated_194xi_58{transition:left .25s cubic-bezier(.32,.72,0,1),width .25s cubic-bezier(.32,.72,0,1)}._wrapper_1aqpy_1{display:flex;flex-direction:column}._label_1aqpy_6{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}._textarea_1aqpy_13{display:block;width:100%;margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-900);box-shadow:var(--shadow-sm);font-family:inherit;font-size:inherit;resize:vertical;transition:border-color var(--transition-base),box-shadow var(--transition-base)}._textarea_1aqpy_13:focus-visible{outline:none;border-color:var(--color-info);box-shadow:0 0 0 1px var(--color-info)}._textareaError_1aqpy_36{border-color:var(--color-error-border)}._textareaError_1aqpy_36:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}._error_1aqpy_45{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-error)}._container_1wipo_1{position:fixed;z-index:50;display:flex;flex-direction:column;gap:var(--space-2);left:var(--space-4);right:var(--space-4)}._bottom-right_1wipo_12,._bottom-left_1wipo_13{bottom:var(--space-4)}._top-right_1wipo_17,._top-left_1wipo_18{top:var(--space-4)}@keyframes _slide-in-bottom_1wipo_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slide-out-bottom_1wipo_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes _slide-in-top_1wipo_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slide-out-top_1wipo_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes _slide-in-right_1wipo_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slide-out-right_1wipo_1{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes _slide-in-left_1wipo_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slide-out-left_1wipo_1{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}._toast_1wipo_66{display:flex;align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);border:1px solid;padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md)}._bottom-right_1wipo_12 ._toast_1wipo_66,._bottom-left_1wipo_13 ._toast_1wipo_66{animation:_slide-in-bottom_1wipo_1 .28s cubic-bezier(.32,.72,0,1)}._bottom-right_1wipo_12 ._toast_1wipo_66._dismissing_1wipo_82,._bottom-left_1wipo_13 ._toast_1wipo_66._dismissing_1wipo_82{animation:_slide-out-bottom_1wipo_1 .2s cubic-bezier(.32,.72,0,1) forwards}._top-right_1wipo_17 ._toast_1wipo_66,._top-left_1wipo_18 ._toast_1wipo_66{animation:_slide-in-top_1wipo_1 .28s cubic-bezier(.32,.72,0,1)}._top-right_1wipo_17 ._toast_1wipo_66._dismissing_1wipo_82,._top-left_1wipo_18 ._toast_1wipo_66._dismissing_1wipo_82{animation:_slide-out-top_1wipo_1 .2s cubic-bezier(.32,.72,0,1) forwards}@keyframes _spin_1wipo_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._icon_1wipo_102{flex-shrink:0}._iconSpin_1wipo_106{animation:_spin_1wipo_1 1s linear infinite}._message_1wipo_110{flex:1;font-size:var(--font-size-sm)}._dismiss_1wipo_82{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-sm);opacity:.7;background:none;border:none;color:inherit;cursor:pointer;transition:opacity var(--transition-base)}._dismiss_1wipo_82:hover{opacity:1}._dismiss_1wipo_82:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}._default_1wipo_140{background:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-200)}._success_1wipo_146{background:var(--color-success-light);color:var(--color-success-text);border-color:var(--color-success-border)}._error_1wipo_152{background:var(--color-error-light);color:var(--color-error-text);border-color:var(--color-error-border)}._warning_1wipo_158{background:var(--color-warning-light);color:var(--color-warning-text);border-color:var(--color-warning-border)}._info_1wipo_164{background:var(--color-info-light);color:var(--color-info-text);border-color:var(--color-info-border)}._loading_1wipo_170{background:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-200)}@media(min-width:641px){._container_1wipo_1{max-width:var(--max-width-sm)}._bottom-right_1wipo_12,._top-right_1wipo_17{left:auto}._bottom-left_1wipo_13,._top-left_1wipo_18{right:auto}._bottom-right_1wipo_12 ._toast_1wipo_66,._top-right_1wipo_17 ._toast_1wipo_66{animation:_slide-in-right_1wipo_1 .28s cubic-bezier(.32,.72,0,1)}._bottom-right_1wipo_12 ._toast_1wipo_66._dismissing_1wipo_82,._top-right_1wipo_17 ._toast_1wipo_66._dismissing_1wipo_82{animation:_slide-out-right_1wipo_1 .2s cubic-bezier(.32,.72,0,1) forwards}._bottom-left_1wipo_13 ._toast_1wipo_66,._top-left_1wipo_18 ._toast_1wipo_66{animation:_slide-in-left_1wipo_1 .28s cubic-bezier(.32,.72,0,1)}._bottom-left_1wipo_13 ._toast_1wipo_66._dismissing_1wipo_82,._top-left_1wipo_18 ._toast_1wipo_66._dismissing_1wipo_82{animation:_slide-out-left_1wipo_1 .2s cubic-bezier(.32,.72,0,1) forwards}}._trigger_9r84s_1{position:relative;display:inline-flex}._tooltip_9r84s_6{--tooltip-bg: var(--color-gray-900);--tooltip-color: var(--color-white);--tooltip-border: transparent;--tooltip-arrow-offset: -3px;position:absolute;z-index:50;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);background:var(--tooltip-bg);color:var(--tooltip-color);font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}._trigger_9r84s_1:hover ._tooltip_9r84s_6,._trigger_9r84s_1:focus-within ._tooltip_9r84s_6{opacity:1}._trigger_9r84s_1:hover ._tooltip_9r84s_6._dismissed_9r84s_30,._trigger_9r84s_1:focus-within ._tooltip_9r84s_6._dismissed_9r84s_30{opacity:0}._dark_9r84s_36{--tooltip-bg: var(--color-gray-900);--tooltip-color: var(--color-white);--tooltip-border: var(--color-gray-900)}._light_9r84s_42{--tooltip-bg: var(--color-white);--tooltip-color: var(--color-gray-900);--tooltip-border: var(--color-gray-200);--tooltip-arrow-offset: -4px;box-shadow:var(--shadow-md);border:1px solid var(--tooltip-border)}._success_9r84s_51{--tooltip-bg: var(--color-success-light);--tooltip-color: var(--color-success-text);--tooltip-border: var(--color-success-border);--tooltip-arrow-offset: -4px;border:1px solid var(--tooltip-border)}._error_9r84s_59{--tooltip-bg: var(--color-error-light);--tooltip-color: var(--color-error-text);--tooltip-border: var(--color-error-border);--tooltip-arrow-offset: -4px;border:1px solid var(--tooltip-border)}._warning_9r84s_67{--tooltip-bg: var(--color-warning-light);--tooltip-color: var(--color-warning-text);--tooltip-border: var(--color-warning-border);--tooltip-arrow-offset: -4px;border:1px solid var(--tooltip-border)}._info_9r84s_75{--tooltip-bg: var(--color-info-light);--tooltip-color: var(--color-info-text);--tooltip-border: var(--color-info-border);--tooltip-arrow-offset: -4px;border:1px solid var(--tooltip-border)}._top_9r84s_84{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}._bottom_9r84s_90{top:calc(100% + 6px);left:50%;transform:translate(-50%)}._left_9r84s_96{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}._right_9r84s_102{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}._arrow_9r84s_109{position:absolute;width:6px;height:6px;background:var(--tooltip-bg);border:1px solid var(--tooltip-border);transform:rotate(45deg)}._top_9r84s_84 ._arrow_9r84s_109{bottom:var(--tooltip-arrow-offset);left:50%;margin-left:-3px;border-top:none;border-left:none}._bottom_9r84s_90 ._arrow_9r84s_109{top:var(--tooltip-arrow-offset);left:50%;margin-left:-3px;border-bottom:none;border-right:none}._left_9r84s_96 ._arrow_9r84s_109{right:var(--tooltip-arrow-offset);top:50%;margin-top:-3px;border-bottom:none;border-left:none}._right_9r84s_102 ._arrow_9r84s_109{left:var(--tooltip-arrow-offset);top:50%;margin-top:-3px;border-top:none;border-right:none}