@tomny-dev/uzi 0.1.9 → 0.1.10

package/dist/index.css

@@ -1,1428 +0,0 @@
-/* src/theme/theme.css */
-:root {
-  --focus-ring: 2px solid color-mix(in srgb, var(--ring, #94a3b8) 50%, transparent);
-  --focus-ring-offset: 2px;
-  --success: hsl(142 71% 45%);
-  --warning: hsl(38 92% 50%);
-}
-:root,
-:root[data-uzi-theme=light],
-[data-uzi-theme=light] {
-  color-scheme: light;
-  --background: hsl(210 20% 98%);
-  --foreground: hsl(222 47% 11%);
-  --card: hsl(0 0% 100%);
-  --card-foreground: hsl(222 47% 11%);
-  --popover: hsl(0 0% 100%);
-  --popover-foreground: hsl(222 47% 11%);
-  --secondary: hsl(214 32% 94%);
-  --secondary-foreground: hsl(222 47% 11%);
-  --muted: hsl(214 32% 94%);
-  --muted-foreground: hsl(215 16% 47%);
-  --accent: hsl(214 32% 92%);
-  --accent-foreground: hsl(222 47% 11%);
-  --destructive: hsl(0 84% 60%);
-  --destructive-foreground: hsl(0 0% 98%);
-  --border: hsl(214 32% 88%);
-  --input: hsl(214 32% 88%);
-  --panel: var(--card);
-  --text: var(--foreground);
-}
-:root[data-uzi-theme=dark],
-[data-uzi-theme=dark] {
-  color-scheme: dark;
-  --background: #0f172a;
-  --foreground: #e2e8f0;
-  --card: #111827;
-  --card-foreground: #e2e8f0;
-  --popover: #111827;
-  --popover-foreground: #e2e8f0;
-  --secondary: #152036;
-  --secondary-foreground: #e2e8f0;
-  --muted: #152036;
-  --muted-foreground: #94a3b8;
-  --accent: color-mix(in srgb, var(--primary, #22d3ee) 12%, transparent);
-  --accent-foreground: #e2e8f0;
-  --destructive: hsl(0 72% 51%);
-  --destructive-foreground: hsl(0 0% 98%);
-  --border: #1f2937;
-  --input: #1f2937;
-  --panel: #111827;
-  --surface-elevated: #0b1224;
-  --surface-topbar: color-mix(in srgb, var(--background, #0b1224) 85%, transparent);
-  --text: #e2e8f0;
-}
-:root,
-:root[data-uzi-accent=blue],
-[data-uzi-accent=blue] {
-  --primary: hsl(221 83% 53%);
-  --primary-foreground: hsl(210 40% 98%);
-  --ring: hsl(221 83% 53%);
-}
-:root[data-uzi-accent=cyan],
-[data-uzi-accent=cyan] {
-  --primary: hsl(188 94% 43%);
-  --primary-foreground: hsl(222 47% 11%);
-  --ring: hsl(188 94% 43%);
-}
-:root[data-uzi-accent=violet],
-[data-uzi-accent=violet] {
-  --primary: hsl(262 83% 58%);
-  --primary-foreground: hsl(210 40% 98%);
-  --ring: hsl(262 83% 58%);
-}
-:root[data-uzi-accent=emerald],
-[data-uzi-accent=emerald] {
-  --primary: hsl(160 84% 39%);
-  --primary-foreground: hsl(210 40% 98%);
-  --ring: hsl(160 84% 39%);
-}
-:root[data-uzi-accent=amber],
-[data-uzi-accent=amber] {
-  --primary: hsl(38 92% 50%);
-  --primary-foreground: hsl(222 47% 11%);
-  --ring: hsl(38 92% 50%);
-}
-:root[data-uzi-accent=rose],
-[data-uzi-accent=rose] {
-  --primary: hsl(346 77% 49%);
-  --primary-foreground: hsl(210 40% 98%);
-  --ring: hsl(346 77% 49%);
-}
-
-/* src/components/button/button.module.css */
-.button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  font-family: inherit;
-  font-weight: 600;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  cursor: pointer;
-  text-decoration: none;
-  transition:
-    opacity 0.15s,
-    border-color 0.15s,
-    color 0.15s,
-    background 0.15s;
-  white-space: nowrap;
-  line-height: 1;
-}
-.button:focus-visible {
-  outline: var(--focus-ring);
-  outline-offset: var(--focus-ring-offset);
-}
-.button svg {
-  width: 1rem;
-  height: 1rem;
-  flex-shrink: 0;
-}
-.button:disabled {
-  opacity: 0.45;
-  cursor: not-allowed;
-}
-.size-sm {
-  font-size: 0.82rem;
-  min-height: 2rem;
-  padding: 6px 14px;
-}
-.size-md {
-  font-size: 0.95rem;
-  min-height: 2.25rem;
-  padding: 10px 22px;
-}
-.size-lg {
-  font-size: 1rem;
-  min-height: 2.5rem;
-  padding: 12px 28px;
-}
-.size-icon {
-  width: 2.25rem;
-  height: 2.25rem;
-  padding: 0;
-}
-.variant-primary {
-  background: var(--ts-btn-primary-bg, var(--primary, #22d3ee));
-  color: var(--ts-btn-primary-text, var(--primary-foreground, #0f172a));
-}
-.variant-primary:hover:not(:disabled) {
-  opacity: 0.88;
-}
-.variant-secondary {
-  background: var(--ts-btn-secondary-bg, var(--secondary, rgba(255, 255, 255, 0.06)));
-  color: var(--ts-btn-secondary-text, var(--secondary-foreground, var(--text, #e2e8f0)));
-  border-color: var(--ts-btn-secondary-border, var(--border, #1f2937));
-}
-.variant-secondary:hover:not(:disabled) {
-  background: var(--ts-btn-secondary-hover-bg, color-mix(in srgb, var(--secondary, rgba(255, 255, 255, 0.06)) 90%, black));
-}
-.variant-outline {
-  background: var(--ts-btn-outline-bg, var(--background, transparent));
-  color: var(--ts-btn-outline-text, var(--foreground, var(--text, #e2e8f0)));
-  border-color: var(--ts-btn-outline-border, var(--border, #1f2937));
-}
-.variant-outline:hover:not(:disabled) {
-  background: var(--ts-btn-outline-hover-bg, var(--accent, rgba(255, 255, 255, 0.06)));
-  color: var(--ts-btn-outline-hover-text, var(--accent-foreground, var(--foreground, #e2e8f0)));
-}
-.variant-ghost {
-  background: transparent;
-  color: var(--ts-btn-ghost-text, var(--muted-foreground, var(--muted, #94a3b8)));
-  padding-left: 8px;
-  padding-right: 8px;
-}
-.variant-ghost:hover:not(:disabled) {
-  background: var(--ts-btn-ghost-hover-bg, var(--accent, rgba(255, 255, 255, 0.05)));
-  color: var(--ts-btn-ghost-hover-text, var(--accent-foreground, var(--foreground, #e2e8f0)));
-}
-.variant-destructive {
-  background: var(--ts-btn-danger-bg, var(--destructive, #f87171));
-  color: var(--ts-btn-danger-text, var(--destructive-foreground, #fff));
-}
-.variant-destructive:hover:not(:disabled) {
-  opacity: 0.9;
-}
-.variant-link {
-  background: transparent;
-  color: var(--ts-btn-link-text, var(--primary, #22d3ee));
-  border-color: transparent;
-  min-height: auto;
-  padding: 0;
-  border-radius: 0;
-}
-.variant-link:hover:not(:disabled) {
-  text-decoration: underline;
-  text-underline-offset: 0.2em;
-}
-
-/* src/components/avatar/avatar.module.css */
-.avatar {
-  position: relative;
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  border-radius: 999px;
-  background: var(--ts-avatar-bg, var(--muted, rgba(255, 255, 255, 0.08)));
-  color: var(--ts-avatar-fg, var(--muted-foreground, var(--text, #e2e8f0)));
-}
-.size-sm {
-  width: 1.75rem;
-  height: 1.75rem;
-}
-.size-md {
-  width: 2rem;
-  height: 2rem;
-}
-.size-lg {
-  width: 2.25rem;
-  height: 2.25rem;
-}
-.image {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.fallback {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  align-items: center;
-  justify-content: center;
-  border-radius: inherit;
-  background: var(--ts-avatar-fallback-bg, var(--muted, rgba(255, 255, 255, 0.08)));
-  color: var(--ts-avatar-fallback-fg, var(--muted-foreground, var(--text, #e2e8f0)));
-  font-size: 0.85rem;
-  font-weight: 700;
-  line-height: 1;
-  text-transform: uppercase;
-}
-
-/* src/components/card/card.module.css */
-.card {
-  position: relative;
-  overflow: visible;
-  border-radius: var(--ts-card-radius, 12px);
-  border: 1px solid var(--ts-card-border, var(--border, #1f2937));
-  background: var(--ts-card-bg, var(--panel, #111827));
-  color: var(--ts-card-fg, var(--text, #e2e8f0));
-  box-shadow: var(--ts-card-shadow, 0 16px 36px rgba(0, 0, 0, 0.28));
-  padding: var(--ts-card-padding, 16px);
-  transition:
-    transform 140ms ease,
-    box-shadow 140ms ease,
-    border-color 140ms ease,
-    background-color 140ms ease;
-}
-.tone-default {
-  --ts-card-bg: var(--panel, #111827);
-  --ts-card-border: var(--border, #1f2937);
-  --ts-card-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
-}
-.tone-muted {
-  --ts-card-bg: var(--ts-card-muted-bg, rgba(255, 255, 255, 0.02));
-  --ts-card-border: var(--ts-card-muted-border, rgba(255, 255, 255, 0.06));
-  --ts-card-shadow: 0 10px 26px rgba(0, 0, 0, 0.22);
-}
-.tone-contrast {
-  --ts-card-bg: var(--ts-card-contrast-bg, #0b1224);
-  --ts-card-border: var(--ts-card-contrast-border, rgba(255, 255, 255, 0.1));
-  --ts-card-shadow: 0 18px 50px rgba(0, 0, 0, 0.32);
-}
-.interactive {
-  cursor: default;
-}
-.interactive:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.32);
-  border-color: var(--ts-card-hover-border, color-mix(in srgb, var(--primary, #22d3ee) 40%, transparent));
-}
-.interactive:focus-within {
-  outline: var(--focus-ring);
-  outline-offset: var(--focus-ring-offset);
-}
-.padding-none {
-  --ts-card-padding: 0;
-}
-.padding-sm {
-  --ts-card-padding: 10px;
-}
-.padding-md {
-  --ts-card-padding: 16px;
-}
-.padding-lg {
-  --ts-card-padding: 20px;
-}
-
-/* src/components/pill/pill.module.css */
-.pill {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 4px 10px;
-  border-radius: 999px;
-  border: 1px solid var(--ts-pill-border, var(--border, #1f2937));
-  background: var(--ts-pill-bg, rgba(255, 255, 255, 0.04));
-  color: var(--ts-pill-fg, var(--muted, #94a3b8));
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
-  line-height: 1.2;
-  white-space: nowrap;
-}
-.size-sm {
-  padding: 3px 8px;
-  font-size: 11px;
-}
-.size-md {
-  padding: 4px 10px;
-}
-.tone-neutral {
-  background: var(--ts-pill-bg, rgba(255, 255, 255, 0.04));
-  border-color: var(--ts-pill-border, var(--border, #1f2937));
-  color: var(--ts-pill-fg, var(--muted, #94a3b8));
-}
-.tone-success {
-  color: var(--success, hsl(142 71% 45%));
-  border-color: color-mix(in srgb, var(--success, hsl(142 71% 45%)) 45%, transparent);
-  background: color-mix(in srgb, var(--success, hsl(142 71% 45%)) 12%, transparent);
-}
-.tone-warning {
-  color: var(--warning, hsl(38 92% 50%));
-  border-color: color-mix(in srgb, var(--warning, hsl(38 92% 50%)) 45%, transparent);
-  background: color-mix(in srgb, var(--warning, hsl(38 92% 50%)) 12%, transparent);
-}
-.tone-info {
-  color: var(--primary, #22d3ee);
-  border-color: color-mix(in srgb, var(--primary, #22d3ee) 50%, transparent);
-  background: color-mix(in srgb, var(--primary, #22d3ee) 12%, transparent);
-}
-.tone-danger {
-  color: var(--destructive, #f87171);
-  border-color: color-mix(in srgb, var(--destructive, #f87171) 45%, transparent);
-  background: color-mix(in srgb, var(--destructive, #f87171) 12%, transparent);
-}
-.icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 12px;
-  height: 12px;
-}
-.content {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-}
-
-/* src/components/modal/modal.module.css */
-.backdrop {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.55);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-  z-index: 100;
-}
-.modal {
-  background: var(--background, #0f172a);
-  border: 1px solid var(--border, #1f2937);
-  border-radius: 14px;
-  padding: 24px;
-  width: min(500px, 100%);
-  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-}
-.size-sm {
-  width: min(380px, 100%);
-}
-.size-md {
-  width: min(500px, 100%);
-}
-.size-lg {
-  width: min(640px, 100%);
-}
-.size-xl {
-  width: min(900px, 100%);
-}
-.header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 16px;
-}
-.titles {
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-}
-.title {
-  font-weight: 700;
-  font-size: 16px;
-  color: var(--text, #e2e8f0);
-  line-height: 1.3;
-}
-.subtitle {
-  font-size: 13px;
-  color: var(--muted, #94a3b8);
-  line-height: 1.4;
-}
-.closeButton {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  flex-shrink: 0;
-  background: transparent;
-  border: 1px solid transparent;
-  border-radius: 6px;
-  color: var(--muted, #94a3b8);
-  cursor: pointer;
-  transition: background 0.12s, color 0.12s;
-  padding: 0;
-}
-.closeButton:hover {
-  background: rgba(255, 255, 255, 0.07);
-  color: var(--text, #e2e8f0);
-}
-.closeButton:focus-visible {
-  outline: var(--focus-ring);
-  outline-offset: var(--focus-ring-offset);
-}
-.body {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.footer {
-  display: flex;
-  gap: 8px;
-  margin-top: 20px;
-}
-
-/* src/components/alert/alert.module.css */
-.alert {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.5rem;
-  border-radius: 0.375rem;
-  border: 1px solid;
-  padding: 0.625rem 0.875rem;
-  font-size: 0.875rem;
-  line-height: 1.5;
-}
-.success {
-  border-color: color-mix(in srgb, var(--success, hsl(142 71% 45%)) 35%, transparent);
-  background: color-mix(in srgb, var(--success, hsl(142 71% 45%)) 10%, transparent);
-  color: color-mix(in srgb, var(--success, hsl(142 71% 45%)) 90%, var(--foreground, #e2e8f0));
-}
-.error {
-  border-color: color-mix(in srgb, var(--destructive, #f87171) 35%, transparent);
-  background: color-mix(in srgb, var(--destructive, #f87171) 10%, transparent);
-  color: color-mix(in srgb, var(--destructive, #f87171) 90%, var(--foreground, #e2e8f0));
-}
-.warning {
-  border-color: color-mix(in srgb, var(--warning, hsl(38 92% 50%)) 35%, transparent);
-  background: color-mix(in srgb, var(--warning, hsl(38 92% 50%)) 10%, transparent);
-  color: color-mix(in srgb, var(--warning, hsl(38 92% 50%)) 90%, var(--foreground, #e2e8f0));
-}
-.info {
-  border-color: color-mix(in srgb, var(--primary, #22d3ee) 35%, transparent);
-  background: color-mix(in srgb, var(--primary, #22d3ee) 10%, transparent);
-  color: color-mix(in srgb, var(--primary, #22d3ee) 90%, var(--foreground, #e2e8f0));
-}
-
-/* src/components/toast/toast.module.css */
-.stack {
-  position: fixed;
-  z-index: 2147483000;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  pointer-events: none;
-}
-.topRight {
-  top: 16px;
-  right: 16px;
-  align-items: flex-end;
-}
-.topLeft {
-  top: 16px;
-  left: 16px;
-  align-items: flex-start;
-}
-.topCenter {
-  top: 16px;
-  left: 50%;
-  transform: translateX(-50%);
-  align-items: center;
-}
-.bottomRight {
-  bottom: 16px;
-  right: 16px;
-  align-items: flex-end;
-}
-.bottomLeft {
-  bottom: 16px;
-  left: 16px;
-  align-items: flex-start;
-}
-.bottomCenter {
-  bottom: 16px;
-  left: 50%;
-  transform: translateX(-50%);
-  align-items: center;
-}
-.toast {
-  pointer-events: auto;
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  min-width: 280px;
-  max-width: min(420px, calc(100vw - 32px));
-  padding: 12px 14px;
-  border-radius: 10px;
-  border: 1px solid var(--toast-border, #1f2937);
-  background: var(--toast-bg, #111827);
-  color: var(--toast-text, #e2e8f0);
-  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
-  animation: toastSlideIn 180ms ease-out;
-}
-.toast.exit {
-  animation: toastSlideOut 160ms ease-in forwards;
-}
-.icon {
-  width: 18px;
-  height: 18px;
-  flex-shrink: 0;
-}
-.body {
-  flex: 1;
-  min-width: 0;
-  display: grid;
-  gap: 6px;
-}
-.message {
-  word-break: break-word;
-  font-size: 14px;
-  line-height: 1.4;
-}
-.actions {
-  display: flex;
-  gap: 6px;
-  flex-wrap: wrap;
-}
-.actionButton {
-  padding: 5px 10px;
-  font-size: 12px;
-  font-weight: 600;
-  border-radius: 6px;
-  border: 1px solid var(--toast-action-border, rgba(0, 0, 0, 0.2));
-  background: var(--toast-action-bg, rgba(0, 0, 0, 0.1));
-  color: var(--toast-text, #e2e8f0);
-  cursor: pointer;
-  transition: background 120ms ease;
-}
-.actionButton:hover {
-  background: var(--toast-button-bg, rgba(0, 0, 0, 0.15));
-}
-.closeButton {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  padding: 0;
-  margin: -2px -4px -2px 0;
-  border: none;
-  border-radius: 4px;
-  background: transparent;
-  color: var(--toast-text, #e2e8f0);
-  opacity: 0.6;
-  cursor: pointer;
-  transition: opacity 120ms ease, background 120ms ease;
-}
-.closeButton:hover {
-  opacity: 1;
-  background: var(--toast-button-bg, rgba(0, 0, 0, 0.1));
-}
-@keyframes toastSlideIn {
-  from {
-    opacity: 0;
-    transform: translateY(-8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-@keyframes toastSlideOut {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(-6px);
-  }
-}
-
-/* src/components/input/input.module.css */
-.input {
-  display: flex;
-  width: 100%;
-  min-height: 2.25rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--ts-input-border, var(--input, var(--border, #1f2937)));
-  background: var(--ts-input-bg, var(--background, #fff));
-  color: var(--ts-input-fg, var(--foreground, var(--text, #e2e8f0)));
-  padding: 0.25rem 0.75rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  box-shadow: var(--ts-input-shadow, 0 1px 2px rgba(0, 0, 0, 0.04));
-  transition: border-color 0.15s ease, background 0.15s ease;
-}
-.input::placeholder {
-  color: var(--ts-input-placeholder, var(--muted-foreground, var(--muted, #94a3b8)));
-}
-.input:focus-visible {
-  outline: var(--focus-ring);
-  outline-offset: var(--focus-ring-offset);
-}
-.input:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-/* src/components/label/label.module.css */
-.label {
-  font-size: 0.875rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--ts-label-fg, inherit);
-}
-
-/* src/components/checkbox/checkbox.module.css */
-.checkbox {
-  width: 1rem;
-  height: 1rem;
-  margin: 0;
-  border-radius: 0.25rem;
-  border: 1px solid var(--ts-checkbox-border, var(--primary, var(--border, #1f2937)));
-  background: var(--ts-checkbox-bg, var(--background, #fff));
-  accent-color: var(--ts-checkbox-accent, var(--primary, #0f172a));
-  cursor: pointer;
-}
-.checkbox:focus-visible {
-  outline: var(--focus-ring);
-  outline-offset: var(--focus-ring-offset);
-}
-.checkbox:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-/* src/components/dropdown/dropdown.module.css */
-.wrapper {
-  position: relative;
-  display: inline-block;
-}
-.trigger {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 6px 10px 6px 14px;
-  background: var(--ts-dropdown-bg, var(--panel, #111827));
-  border: 1px solid var(--ts-dropdown-border, var(--border, #1f2937));
-  border-radius: 8px;
-  color: var(--ts-dropdown-text, var(--text, #e2e8f0));
-  font-size: 0.85rem;
-  font-weight: 500;
-  cursor: pointer;
-  white-space: nowrap;
-  transition: border-color 0.15s;
-  user-select: none;
-}
-.trigger:hover {
-  border-color: var(--ts-dropdown-accent, var(--accent, #22d3ee));
-}
-.trigger:focus-visible {
-  outline: var(--focus-ring);
-  outline-offset: var(--focus-ring-offset);
-}
-.trigger-active {
-  border-color: var(--ts-dropdown-accent, var(--accent, #22d3ee));
-  color: var(--ts-dropdown-accent, var(--accent, #22d3ee));
-}
-.chevron {
-  width: 10px;
-  height: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: transform 0.15s;
-  color: var(--muted, #94a3b8);
-  flex-shrink: 0;
-}
-.chevron-open {
-  transform: rotate(180deg);
-}
-.menu {
-  position: absolute;
-  top: calc(100% + 6px);
-  left: 0;
-  min-width: 100%;
-  background: var(--ts-dropdown-bg, var(--panel, #111827));
-  border: 1px solid var(--ts-dropdown-border, var(--border, #1f2937));
-  border-radius: 10px;
-  padding: 4px;
-  z-index: 50;
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
-  animation: dropdownFadeIn 0.1s ease;
-}
-@keyframes dropdownFadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(-4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.option {
-  display: block;
-  width: 100%;
-  padding: 8px 12px;
-  border-radius: 6px;
-  font-size: 0.85rem;
-  font-weight: 500;
-  color: var(--muted, #94a3b8);
-  background: none;
-  border: none;
-  cursor: pointer;
-  text-align: left;
-  white-space: nowrap;
-  transition: background 0.1s, color 0.1s;
-}
-.option:hover {
-  background: var(--accent, color-mix(in srgb, var(--primary, #22d3ee) 8%, transparent));
-  color: var(--ts-dropdown-text, var(--text, #e2e8f0));
-}
-.option:focus-visible {
-  outline: var(--focus-ring);
-  outline-offset: var(--focus-ring-offset);
-}
-.option-selected {
-  color: var(--primary, #22d3ee);
-  background: color-mix(in srgb, var(--primary, #22d3ee) 8%, transparent);
-}
-
-/* src/components/dropdown-menu/dropdown-menu.module.css */
-.content {
-  z-index: 50;
-  min-width: 8rem;
-  max-height: var(--radix-dropdown-menu-content-available-height);
-  overflow-x: hidden;
-  overflow-y: auto;
-  border: 1px solid var(--ts-menu-border, var(--border, #1f2937));
-  border-radius: 0.5rem;
-  background: var(--ts-menu-bg, var(--popover, var(--panel, #111827)));
-  color: var(--ts-menu-fg, var(--popover-foreground, var(--text, #e2e8f0)));
-  padding: 0.25rem;
-  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
-  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
-  animation: menuFadeIn 140ms ease;
-}
-.item {
-  position: relative;
-  display: flex;
-  width: 100%;
-  cursor: default;
-  user-select: none;
-  align-items: center;
-  gap: 0.5rem;
-  border-radius: 0.375rem;
-  padding: 0.375rem 0.5rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  outline: none;
-}
-.item[data-inset=true] {
-  padding-left: 2rem;
-}
-.item[data-highlighted] {
-  background: var(--ts-menu-hover-bg, var(--accent, rgba(255, 255, 255, 0.06)));
-  color: var(--ts-menu-hover-fg, var(--accent-foreground, var(--foreground, #e2e8f0)));
-}
-.item[data-disabled] {
-  pointer-events: none;
-  opacity: 0.5;
-}
-.destructive {
-  color: var(--ts-menu-danger, var(--destructive, #f87171));
-}
-.destructive[data-highlighted] {
-  background: color-mix(in srgb, var(--destructive, #f87171) 15%, transparent);
-  color: var(--ts-menu-danger-fg, var(--destructive, #f87171));
-}
-.insetItem {
-  padding-left: 2rem;
-}
-.indicator {
-  position: absolute;
-  left: 0.5rem;
-  display: inline-flex;
-  width: 1rem;
-  height: 1rem;
-  align-items: center;
-  justify-content: center;
-  color: currentColor;
-}
-.indicatorIcon {
-  display: block;
-}
-.radioDot {
-  display: block;
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 999px;
-  background: currentColor;
-}
-.label {
-  padding: 0.375rem 0.5rem;
-  font-size: 0.875rem;
-  font-weight: 600;
-  line-height: 1.25rem;
-}
-.label[data-inset=true] {
-  padding-left: 2rem;
-}
-.separator {
-  height: 1px;
-  margin: 0.25rem -0.25rem;
-  background: var(--ts-menu-separator, var(--border, rgba(255, 255, 255, 0.12)));
-}
-.chevron {
-  margin-left: auto;
-  flex-shrink: 0;
-}
-@keyframes menuFadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(-4px) scale(0.98);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-}
-
-/* src/components/theme-toggle-button/theme-toggle-button.module.css */
-.withLabel {
-  padding-left: 12px;
-  padding-right: 12px;
-}
-
-/* src/components/top-bar/top-bar.module.css */
-.topBar {
-  position: sticky;
-  top: 0;
-  z-index: 30;
-  border-bottom: 1px solid var(--ts-topbar-border, var(--border, rgba(15, 23, 42, 0.1)));
-  background: var(--ts-topbar-bg, color-mix(in srgb, var(--background, #fff) 92%, transparent));
-  box-shadow: var(--ts-topbar-shadow, 0 1px 2px rgba(15, 23, 42, 0.06));
-  backdrop-filter: blur(12px);
-}
-.topBarStatic {
-  position: relative;
-}
-.topBarInner {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
-  min-height: 4.25rem;
-  padding: env(safe-area-inset-top) 1rem 0 1rem;
-}
-.topBarStart {
-  display: flex;
-  align-items: center;
-  gap: 0.875rem;
-  min-width: 0;
-  flex: 1 1 auto;
-}
-.topBarBrand {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.625rem;
-  min-width: 0;
-  color: var(--ts-topbar-brand-fg, var(--foreground, var(--text, #0f172a)));
-  text-decoration: none;
-}
-.topBarBrandContent {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.topBarCenter {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 0 1 auto;
-  min-width: 0;
-}
-.topBarCenterGroup {
-  display: inline-flex;
-  align-items: center;
-  gap: 1rem;
-  min-width: 0;
-}
-.topBarActions {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 0.75rem;
-  min-width: 0;
-  flex: 1 1 auto;
-}
-@media (max-width: 768px) {
-  .topBarInner {
-    min-height: 4rem;
-    gap: 0.75rem;
-    padding-left: max(0.75rem, env(safe-area-inset-left));
-    padding-right: max(0.75rem, env(safe-area-inset-right));
-  }
-  .topBarStart {
-    gap: 0.75rem;
-  }
-  .topBarActions {
-    gap: 0.5rem;
-  }
-}
-
-/* src/components/app-shell/app-shell.module.css */
-.appShell {
-  display: grid;
-  grid-template-rows: calc(var(--app-shell-topbar-height, 64px) + env(safe-area-inset-top)) 1fr;
-  grid-template-columns: var(--app-shell-sidebar-width, 240px) 1fr;
-  height: 100vh;
-  height: 100dvh;
-}
-.appShellAnimated {
-  transition: grid-template-columns 200ms ease;
-}
-.appShell.appShellOpen {
-  grid-template-columns: var(--app-shell-sidebar-width, 240px) 1fr;
-}
-.appShell.appShellCollapsed {
-  grid-template-columns: 0 1fr;
-}
-.appShellTopbar {
-  --ts-topbar-bg: var(--surface-topbar, var(--surface-elevated, color-mix(in srgb, var(--background, #fff) 90%, transparent)));
-  --ts-topbar-border: var(--border);
-  --ts-topbar-brand-fg: var(--foreground, var(--text, #0f172a));
-  grid-column: 1 / -1;
-  min-height: calc(var(--app-shell-topbar-height, 64px) + env(safe-area-inset-top));
-  padding-left: 0;
-  padding-right: 0;
-  box-shadow: none;
-}
-.appShellTopbarLeft {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex: 1;
-  min-width: 0;
-}
-.appShellTopbarStart {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-}
-.appShellTopbarRight {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  min-width: 0;
-  flex-shrink: 0;
-}
-.appShellTopbarRight > * {
-  min-width: 0;
-}
-.appShellBrand {
-  font-size: 26px;
-  color: var(--text);
-  text-decoration: none;
-  display: flex;
-  align-items: center;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.appShellHamburger {
-  background: transparent;
-  border: none;
-  padding: 0;
-  width: 40px;
-  height: 40px;
-  border-radius: 8px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text);
-  cursor: pointer;
-  transition: background 120ms ease;
-}
-.appShellHamburger:hover {
-  background: var(--accent);
-}
-.appShellHamburger:focus-visible {
-  outline: var(--focus-ring);
-  outline-offset: var(--focus-ring-offset);
-}
-.appShellHamburger svg {
-  width: 28px;
-  height: 28px;
-}
-.appShellSidebar {
-  border-right: 1px solid var(--border);
-  background: var(--panel, var(--card, #111827));
-  padding: 24px;
-  overflow-y: auto;
-}
-.appShellAnimated .appShellSidebar {
-  transition: transform 200ms ease, opacity 200ms ease;
-}
-.appShell.appShellCollapsed .appShellSidebar {
-  transform: translateX(-110%);
-  opacity: 0;
-  pointer-events: none;
-}
-.appShellMain {
-  overflow-y: auto;
-  min-height: 0;
-  flex: 1 1 0;
-}
-.appShellBackdrop {
-  display: none;
-}
-@media (max-width: 960px) {
-  .appShellBackdrop {
-    display: block;
-    position: fixed;
-    inset: 0;
-    top: calc(var(--app-shell-topbar-height, 56px) + env(safe-area-inset-top));
-    background: rgba(0, 0, 0, 0.5);
-    z-index: 14;
-  }
-  .appShell {
-    --app-shell-topbar-height: 56px;
-    grid-template-columns: 1fr;
-    grid-template-rows: calc(var(--app-shell-topbar-height, 56px) + env(safe-area-inset-top)) 1fr;
-  }
-  .appShell.appShellOpen,
-  .appShell.appShellCollapsed {
-    grid-template-columns: 1fr;
-  }
-  .appShellSidebar {
-    display: block;
-    position: fixed;
-    top: calc(var(--app-shell-topbar-height, 56px) + env(safe-area-inset-top));
-    left: 0;
-    bottom: 0;
-    width: var(--app-shell-sidebar-width, 240px);
-    max-width: 80vw;
-    background: var(--panel, var(--card, #111827));
-    padding: 16px 12px;
-    transform: translateX(-105%);
-    z-index: 15;
-    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
-  }
-  .appShellSidebar.appShellSidebarOpen {
-    transform: translateX(0);
-  }
-  .appShellTopbar {
-    padding-left: max(12px, env(safe-area-inset-left));
-    padding-right: max(12px, env(safe-area-inset-right));
-    gap: 10px;
-  }
-  .appShellTopbarLeft {
-    gap: 10px;
-    flex: 1;
-  }
-  .appShellTopbarStart {
-    min-width: 0;
-  }
-  .appShellTopbarRight {
-    gap: 6px;
-  }
-  .appShellBrand {
-    font-size: 24px;
-    max-width: 50vw;
-  }
-  .appShellHamburger {
-    width: 40px;
-    height: 40px;
-    border-radius: 8px;
-  }
-  .appShellHamburger svg {
-    width: 24px;
-    height: 24px;
-  }
-}
-@media (max-width: 640px) {
-  .appShellTopbar {
-    gap: 8px;
-  }
-  .appShellBrand {
-    font-size: 22px;
-    max-width: 34vw;
-  }
-  .appShellTopbarRight {
-    max-width: 44vw;
-  }
-}
-@media (max-width: 480px) {
-  .appShellBrand {
-    font-size: 20px;
-    max-width: 30vw;
-  }
-}
-
-/* src/components/sidebar-nav/sidebar-nav.module.css */
-.uziSidebarNav {
-  --sidebar-nav-icon-size: 18px;
-  --sidebar-nav-icon-size-mobile: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  align-items: stretch;
-  min-height: 0;
-}
-.uziSidebarNavCollapsed {
-  gap: 10px;
-}
-.uziSidebarNavHeader,
-.uziSidebarNavFooter {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.uziSidebarNavFooter {
-  margin-top: auto;
-  padding-top: 12px;
-  border-top: 1px solid var(--border, #1f2937);
-}
-.uziSidebarNavSections {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  gap: 14px;
-}
-.uziSidebarNavSection {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.uziSidebarNavSectionItems {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.uziSidebarNavSectionLabel {
-  padding: 0 10px;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--muted-foreground, #94a3b8);
-  opacity: 0.75;
-}
-.uziSidebarNavItem {
-  color: var(--foreground, #e2e8f0);
-  background: transparent;
-  border: none;
-  box-shadow: none;
-  padding: 10px 12px 10px 10px;
-  border-radius: 10px;
-  text-decoration: none;
-  font-size: 14px;
-  display: grid;
-  grid-template-columns: var(--sidebar-nav-icon-size) minmax(0, 1fr);
-  align-items: center;
-  column-gap: 10px;
-  width: 100%;
-  text-align: left;
-  box-sizing: border-box;
-  line-height: 1.2;
-  transition: background 120ms ease, color 120ms ease;
-}
-button.uziSidebarNavItem {
-  font-family: inherit;
-  cursor: pointer;
-}
-.uziSidebarNavItem:focus-visible {
-  outline: var(--focus-ring);
-  outline-offset: var(--focus-ring-offset);
-}
-.uziSidebarNavItem:hover {
-  background: color-mix(in srgb, var(--primary, #22d3ee) 10%, transparent);
-}
-.uziSidebarNavItem.uziSidebarNavItemActive {
-  background: color-mix(in srgb, var(--primary, #22d3ee) 18%, transparent);
-  color: var(--foreground, #e2e8f0);
-  font-weight: 700;
-}
-.uziSidebarNavItemCollapsed {
-  grid-template-columns: 1fr;
-  justify-items: center;
-  padding-right: 10px;
-  padding-left: 10px;
-}
-.uziSidebarNavItemDisabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.uziSidebarNavIcon {
-  width: var(--sidebar-nav-icon-size);
-  height: var(--sidebar-nav-icon-size);
-  min-width: var(--sidebar-nav-icon-size);
-  color: var(--muted-foreground, #94a3b8);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  vertical-align: middle;
-}
-.uziSidebarNavIcon > * {
-  width: 100% !important;
-  height: 100% !important;
-  max-width: 100%;
-  max-height: 100%;
-}
-.uziSidebarNavIcon :where(svg) {
-  width: 100%;
-  height: 100%;
-  display: block;
-  stroke: currentColor;
-}
-.uziSidebarNavItem.uziSidebarNavItemActive .uziSidebarNavIcon {
-  color: var(--primary, #22d3ee);
-}
-.uziSidebarNavItemBody {
-  display: flex;
-  min-width: 0;
-  flex: 1 1 auto;
-  flex-direction: column;
-  gap: 3px;
-  overflow: hidden;
-}
-.uziSidebarNavLabelRow {
-  display: flex;
-  min-width: 0;
-  align-items: center;
-  gap: 8px;
-}
-.uziSidebarNavLabel {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.uziSidebarNavDescription {
-  color: var(--muted-foreground, #94a3b8);
-  font-size: 12px;
-  line-height: 1.35;
-}
-.uziSidebarNavBadge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 4px 8px;
-  border-radius: 999px;
-  border: 1px solid var(--border, #1f2937);
-  background: rgba(255, 255, 255, 0.04);
-  color: var(--muted-foreground, #94a3b8);
-  font-size: 11px;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-}
-@media (max-width: 960px) {
-  .uziSidebarNav {
-    gap: 10px;
-  }
-  .uziSidebarNavSections {
-    gap: 12px;
-  }
-  .uziSidebarNavSectionItems {
-    gap: 6px;
-  }
-  .uziSidebarNavItem {
-    padding: 9px 10px 9px 8px;
-    border-radius: 9px;
-    font-size: 14px;
-    grid-template-columns: var(--sidebar-nav-icon-size-mobile) minmax(0, 1fr);
-    column-gap: 8px;
-  }
-  .uziSidebarNavIcon {
-    width: var(--sidebar-nav-icon-size-mobile);
-    height: var(--sidebar-nav-icon-size-mobile);
-    min-width: var(--sidebar-nav-icon-size-mobile);
-  }
-  .uziSidebarNavIcon :where(svg) {
-    width: var(--sidebar-nav-icon-size-mobile);
-    height: var(--sidebar-nav-icon-size-mobile);
-  }
-  .uziSidebarNavDescription {
-    font-size: 11px;
-  }
-}
-@media (max-width: 480px) {
-  .uziSidebarNavItem {
-    padding: 8px 9px 8px 7px;
-    font-size: 13px;
-  }
-}
-
-/* src/components/skeleton/skeleton.module.css */
-.skeleton {
-  background: color-mix(in srgb, var(--muted-foreground, #94a3b8) 14%, var(--background, #0f172a));
-  animation: skeleton-pulse 1.6s ease-in-out infinite;
-}
-@keyframes skeleton-pulse {
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.45;
-  }
-}
-.radius-sm {
-  border-radius: 4px;
-}
-.radius-md {
-  border-radius: 8px;
-}
-.radius-lg {
-  border-radius: 12px;
-}
-.radius-full {
-  border-radius: 9999px;
-}
-
-/* src/components/progress/progress.module.css */
-.track {
-  height: 8px;
-  border-radius: 9999px;
-  overflow: hidden;
-  background: color-mix(in srgb, var(--border, #1f2937) 60%, transparent);
-}
-.fill {
-  height: 100%;
-  border-radius: 9999px;
-  transition: width 0.4s ease;
-}
-.tone-default {
-  background: var(--foreground, #e2e8f0);
-}
-.tone-success {
-  background: var(--success, hsl(142 71% 45%));
-}
-.tone-warning {
-  background: var(--warning, hsl(38 92% 50%));
-}
-.tone-danger {
-  background: var(--destructive, #f87171);
-}
-
-/* src/components/select/select.module.css */
-.select {
-  display: flex;
-  width: 100%;
-  min-height: 2.25rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--ts-input-border, var(--input, var(--border, #1f2937)));
-  background: var(--ts-input-bg, var(--background, #fff));
-  color: var(--ts-input-fg, var(--foreground, var(--text, #e2e8f0)));
-  padding: 0.25rem 2rem 0.25rem 0.75rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-family: inherit;
-  box-shadow: var(--ts-input-shadow, 0 1px 2px rgba(0, 0, 0, 0.04));
-  transition: border-color 0.15s ease, background 0.15s ease;
-  appearance: none;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2 3.5L5 6.5L8 3.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: right 0.625rem center;
-  cursor: pointer;
-}
-.select:focus-visible {
-  outline: var(--focus-ring);
-  outline-offset: var(--focus-ring-offset);
-}
-.select:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-.select option {
-  background: var(--background, #0f172a);
-  color: var(--foreground, #e2e8f0);
-}
-/*# sourceMappingURL=index.css.map */