@sixthshift/design-system 0.2.1 → 0.4.0

package/dist/theme.generated.css

@@ -1,438 +0,0 @@
-/**
- * Default Theme
- * Version: 0.1.0
- *
- * AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
- * Edit src/theme/theme.json, src/theme/palette.json, or src/theme/typography.json and run: bun run build:theme
- */
-
-:root {
-  /* Color Palette */
-  --color-emerald-50: #f2fafb;
-  --color-emerald-100: #d6eef0;
-  --color-emerald-200: #addde0;
-  --color-emerald-300: #7cc4c8;
-  --color-emerald-400: #4ba5a9;
-  --color-emerald-500: #368086;
-  --color-emerald-600: #2c666c;
-  --color-emerald-700: #234e53;
-  --color-emerald-800: #19393d;
-  --color-emerald-900: #11292c;
-  --color-emerald-950: #0a1a1d;
-  --color-topaz-50: #fff7f0;
-  --color-topaz-100: #ffe5d1;
-  --color-topaz-200: #fbc89f;
-  --color-topaz-300: #f0a066;
-  --color-topaz-400: #d9722e;
-  --color-topaz-500: #c4530a;
-  --color-topaz-600: #9f4007;
-  --color-topaz-700: #7b2e06;
-  --color-topaz-800: #5a2105;
-  --color-topaz-900: #3d1503;
-  --color-topaz-950: #230c02;
-  --color-ruby-50: #fff5f6;
-  --color-ruby-100: #fde1e4;
-  --color-ruby-200: #f8bac3;
-  --color-ruby-300: #ec8796;
-  --color-ruby-400: #d55368;
-  --color-ruby-500: #c33341;
-  --color-ruby-600: #9e2533;
-  --color-ruby-700: #7a1b27;
-  --color-ruby-800: #57131c;
-  --color-ruby-900: #3a0c13;
-  --color-ruby-950: #21070b;
-  --color-ocean-50: #f0f4fa;
-  --color-ocean-100: #dce6f4;
-  --color-ocean-200: #b9cde9;
-  --color-ocean-300: #8fafd9;
-  --color-ocean-400: #6691c7;
-  --color-ocean-500: #4573ae;
-  --color-ocean-600: #355a8c;
-  --color-ocean-700: #034078;
-  --color-ocean-800: #022f5a;
-  --color-ocean-900: #001f54;
-  --color-ocean-950: #0a1128;
-  --color-sky-50: #effcff;
-  --color-sky-100: #d6f5fb;
-  --color-sky-200: #b3ecf7;
-  --color-sky-300: #7fdff0;
-  --color-sky-400: #44c9e2;
-  --color-sky-500: #1282a2;
-  --color-sky-600: #0f6b86;
-  --color-sky-700: #10576d;
-  --color-sky-800: #12475a;
-  --color-sky-900: #133c4c;
-  --color-sky-950: #062733;
-  --color-earth-50: #fefcfb;
-  --color-earth-100: #faf6f4;
-  --color-earth-200: #f2ebe7;
-  --color-earth-300: #e8ddd6;
-  --color-earth-400: #d4c4b9;
-  --color-earth-500: #b8a192;
-  --color-earth-600: #9a816f;
-  --color-earth-700: #7d6555;
-  --color-earth-800: #5e4b40;
-  --color-earth-900: #3d302a;
-  --color-earth-950: #211916;
-  --color-slate-50: #f8fafc;
-  --color-slate-100: #f1f5f9;
-  --color-slate-200: #e2e8f0;
-  --color-slate-300: #cbd5e1;
-  --color-slate-400: #94a3b8;
-  --color-slate-500: #64748b;
-  --color-slate-600: #475569;
-  --color-slate-700: #334155;
-  --color-slate-800: #1e293b;
-  --color-slate-900: #0f172a;
-  --color-slate-950: #020617;
-
-  /* Typography */
-  --font-sans: Inter Variable, ui-sans-serif, system-ui, sans-serif;
-  --font-mono: JetBrains Mono Variable, ui-monospace, monospace;
-}
-
-:root:not([data-theme]), :root[data-theme="light"] {
-  /* Background */
-  --bg-strong: var(--color-slate-800);
-  --bg-strong-hovered: var(--color-slate-900);
-  --bg-strong-pressed: var(--color-slate-950);
-  --bg-strong-disabled: var(--color-slate-300);
-  --bg-normal: white;
-  --bg-normal-hovered: var(--color-slate-50);
-  --bg-normal-pressed: var(--color-slate-100);
-  --bg-normal-disabled: var(--color-slate-200);
-  --bg-subtle: var(--color-slate-50);
-  --bg-subtle-hovered: var(--color-slate-100);
-  --bg-subtle-pressed: var(--color-slate-200);
-  --bg-subtle-disabled: var(--color-slate-100);
-  --bg-brand-subtle: var(--color-ocean-100);
-  --bg-brand-subtle-hovered: var(--color-ocean-200);
-  --bg-brand-subtle-pressed: var(--color-ocean-300);
-  --bg-brand-subtle-disabled: var(--color-ocean-50);
-  --bg-brand: var(--color-ocean-600);
-  --bg-brand-hovered: var(--color-ocean-700);
-  --bg-brand-pressed: var(--color-ocean-800);
-  --bg-brand-disabled: var(--color-ocean-300);
-  --bg-brand-strong: var(--color-ocean-800);
-  --bg-brand-strong-hovered: var(--color-ocean-900);
-  --bg-brand-strong-pressed: var(--color-ocean-950);
-  --bg-brand-strong-disabled: var(--color-ocean-400);
-  --bg-success-subtle: var(--color-emerald-100);
-  --bg-success-subtle-hovered: var(--color-emerald-200);
-  --bg-success-subtle-pressed: var(--color-emerald-300);
-  --bg-success-subtle-disabled: var(--color-emerald-50);
-  --bg-success: var(--color-emerald-600);
-  --bg-success-hovered: var(--color-emerald-700);
-  --bg-success-pressed: var(--color-emerald-800);
-  --bg-success-disabled: var(--color-emerald-300);
-  --bg-success-strong: var(--color-emerald-800);
-  --bg-success-strong-hovered: var(--color-emerald-900);
-  --bg-success-strong-pressed: var(--color-emerald-950);
-  --bg-success-strong-disabled: var(--color-emerald-400);
-  --bg-warning-subtle: var(--color-topaz-100);
-  --bg-warning-subtle-hovered: var(--color-topaz-200);
-  --bg-warning-subtle-pressed: var(--color-topaz-300);
-  --bg-warning-subtle-disabled: var(--color-topaz-50);
-  --bg-warning: var(--color-topaz-600);
-  --bg-warning-hovered: var(--color-topaz-700);
-  --bg-warning-pressed: var(--color-topaz-800);
-  --bg-warning-disabled: var(--color-topaz-300);
-  --bg-warning-strong: var(--color-topaz-800);
-  --bg-warning-strong-hovered: var(--color-topaz-900);
-  --bg-warning-strong-pressed: var(--color-topaz-950);
-  --bg-warning-strong-disabled: var(--color-topaz-400);
-  --bg-danger-subtle: var(--color-ruby-100);
-  --bg-danger-subtle-hovered: var(--color-ruby-200);
-  --bg-danger-subtle-pressed: var(--color-ruby-300);
-  --bg-danger-subtle-disabled: var(--color-ruby-50);
-  --bg-danger: var(--color-ruby-600);
-  --bg-danger-hovered: var(--color-ruby-700);
-  --bg-danger-pressed: var(--color-ruby-800);
-  --bg-danger-disabled: var(--color-ruby-300);
-  --bg-danger-strong: var(--color-ruby-800);
-  --bg-danger-strong-hovered: var(--color-ruby-900);
-  --bg-danger-strong-pressed: var(--color-ruby-950);
-  --bg-danger-strong-disabled: var(--color-ruby-400);
-  --bg-overlay: rgba(0, 0, 0, 0.5);
-
-  /* Foreground */
-  --fg-strong: var(--color-slate-900);
-  --fg-strong-hovered: var(--color-slate-950);
-  --fg-strong-pressed: black;
-  --fg-strong-disabled: var(--color-slate-400);
-  --fg-on-strong: var(--color-slate-50);
-  --fg-on-strong-hovered: white;
-  --fg-on-strong-pressed: white;
-  --fg-on-strong-disabled: var(--color-slate-300);
-  --fg-normal: var(--color-slate-900);
-  --fg-normal-hovered: var(--color-slate-950);
-  --fg-normal-pressed: var(--color-slate-950);
-  --fg-normal-disabled: var(--color-slate-400);
-  --fg-subtle: var(--color-slate-500);
-  --fg-subtle-hovered: var(--color-slate-600);
-  --fg-subtle-pressed: var(--color-slate-700);
-  --fg-subtle-disabled: var(--color-slate-300);
-  --fg-brand: var(--color-ocean-700);
-  --fg-brand-hovered: var(--color-ocean-800);
-  --fg-brand-pressed: var(--color-ocean-900);
-  --fg-brand-disabled: var(--color-ocean-300);
-  --fg-on-brand-subtle: var(--color-ocean-800);
-  --fg-on-brand-subtle-hovered: var(--color-ocean-900);
-  --fg-on-brand-subtle-pressed: var(--color-ocean-950);
-  --fg-on-brand-subtle-disabled: var(--color-ocean-400);
-  --fg-on-brand: var(--color-slate-50);
-  --fg-on-brand-hovered: white;
-  --fg-on-brand-pressed: white;
-  --fg-on-brand-disabled: var(--color-slate-300);
-  --fg-on-brand-strong: var(--color-slate-50);
-  --fg-on-brand-strong-hovered: white;
-  --fg-on-brand-strong-pressed: white;
-  --fg-on-brand-strong-disabled: var(--color-slate-300);
-  --fg-success: var(--color-emerald-700);
-  --fg-success-hovered: var(--color-emerald-800);
-  --fg-success-pressed: var(--color-emerald-900);
-  --fg-success-disabled: var(--color-emerald-300);
-  --fg-on-success-subtle: var(--color-emerald-800);
-  --fg-on-success-subtle-hovered: var(--color-emerald-900);
-  --fg-on-success-subtle-pressed: var(--color-emerald-950);
-  --fg-on-success-subtle-disabled: var(--color-emerald-400);
-  --fg-on-success: var(--color-slate-50);
-  --fg-on-success-hovered: white;
-  --fg-on-success-pressed: white;
-  --fg-on-success-disabled: var(--color-slate-300);
-  --fg-warning: var(--color-topaz-700);
-  --fg-warning-hovered: var(--color-topaz-800);
-  --fg-warning-pressed: var(--color-topaz-900);
-  --fg-warning-disabled: var(--color-topaz-300);
-  --fg-on-warning-subtle: var(--color-topaz-800);
-  --fg-on-warning-subtle-hovered: var(--color-topaz-900);
-  --fg-on-warning-subtle-pressed: var(--color-topaz-950);
-  --fg-on-warning-subtle-disabled: var(--color-topaz-400);
-  --fg-on-warning: var(--color-slate-50);
-  --fg-on-warning-hovered: white;
-  --fg-on-warning-pressed: white;
-  --fg-on-warning-disabled: var(--color-slate-300);
-  --fg-danger: var(--color-ruby-700);
-  --fg-danger-hovered: var(--color-ruby-800);
-  --fg-danger-pressed: var(--color-ruby-900);
-  --fg-danger-disabled: var(--color-ruby-300);
-  --fg-on-danger-subtle: var(--color-ruby-800);
-  --fg-on-danger-subtle-hovered: var(--color-ruby-900);
-  --fg-on-danger-subtle-pressed: var(--color-ruby-950);
-  --fg-on-danger-subtle-disabled: var(--color-ruby-400);
-  --fg-on-danger: var(--color-slate-50);
-  --fg-on-danger-hovered: white;
-  --fg-on-danger-pressed: white;
-  --fg-on-danger-disabled: var(--color-slate-300);
-
-  /* Border */
-  --border-strong: var(--color-slate-800);
-  --border-strong-hovered: var(--color-slate-900);
-  --border-strong-pressed: var(--color-slate-950);
-  --border-strong-disabled: var(--color-slate-300);
-  --border-normal: var(--color-slate-300);
-  --border-normal-hovered: var(--color-slate-400);
-  --border-normal-pressed: var(--color-slate-500);
-  --border-normal-disabled: var(--color-slate-100);
-  --border-subtle: var(--color-slate-100);
-  --border-subtle-hovered: var(--color-slate-200);
-  --border-subtle-pressed: var(--color-slate-300);
-  --border-subtle-disabled: var(--color-slate-50);
-  --border-brand-subtle: var(--color-ocean-300);
-  --border-brand-subtle-hovered: var(--color-ocean-400);
-  --border-brand-subtle-pressed: var(--color-ocean-500);
-  --border-brand-subtle-disabled: var(--color-ocean-200);
-  --border-brand: var(--color-ocean-600);
-  --border-brand-hovered: var(--color-ocean-700);
-  --border-brand-pressed: var(--color-ocean-800);
-  --border-brand-disabled: var(--color-ocean-200);
-  --border-brand-strong: var(--color-ocean-800);
-  --border-brand-strong-hovered: var(--color-ocean-900);
-  --border-brand-strong-pressed: var(--color-ocean-950);
-  --border-brand-strong-disabled: var(--color-ocean-400);
-  --border-success: var(--color-emerald-300);
-  --border-success-hovered: var(--color-emerald-400);
-  --border-success-pressed: var(--color-emerald-500);
-  --border-success-disabled: var(--color-emerald-200);
-  --border-warning: var(--color-topaz-300);
-  --border-warning-hovered: var(--color-topaz-400);
-  --border-warning-pressed: var(--color-topaz-500);
-  --border-warning-disabled: var(--color-topaz-200);
-  --border-danger: var(--color-ruby-300);
-  --border-danger-hovered: var(--color-ruby-400);
-  --border-danger-pressed: var(--color-ruby-500);
-  --border-danger-disabled: var(--color-ruby-200);
-}
-
-:root[data-theme="dark"] {
-  /* Background */
-  --bg-strong: var(--color-slate-200);
-  --bg-strong-hovered: var(--color-slate-100);
-  --bg-strong-pressed: var(--color-slate-50);
-  --bg-strong-disabled: var(--color-slate-600);
-  --bg-normal: var(--color-slate-900);
-  --bg-normal-hovered: var(--color-slate-800);
-  --bg-normal-pressed: var(--color-slate-700);
-  --bg-normal-disabled: var(--color-slate-900);
-  --bg-subtle: var(--color-slate-800);
-  --bg-subtle-hovered: var(--color-slate-700);
-  --bg-subtle-pressed: var(--color-slate-600);
-  --bg-subtle-disabled: var(--color-slate-800);
-  --bg-brand-subtle: var(--color-ocean-950);
-  --bg-brand-subtle-hovered: var(--color-ocean-900);
-  --bg-brand-subtle-pressed: var(--color-ocean-800);
-  --bg-brand-subtle-disabled: var(--color-ocean-950);
-  --bg-brand: var(--color-ocean-500);
-  --bg-brand-hovered: var(--color-ocean-400);
-  --bg-brand-pressed: var(--color-ocean-300);
-  --bg-brand-disabled: var(--color-ocean-800);
-  --bg-brand-strong: var(--color-ocean-300);
-  --bg-brand-strong-hovered: var(--color-ocean-200);
-  --bg-brand-strong-pressed: var(--color-ocean-100);
-  --bg-brand-strong-disabled: var(--color-ocean-600);
-  --bg-success-subtle: var(--color-emerald-950);
-  --bg-success-subtle-hovered: var(--color-emerald-900);
-  --bg-success-subtle-pressed: var(--color-emerald-800);
-  --bg-success-subtle-disabled: var(--color-emerald-950);
-  --bg-success: var(--color-emerald-500);
-  --bg-success-hovered: var(--color-emerald-400);
-  --bg-success-pressed: var(--color-emerald-300);
-  --bg-success-disabled: var(--color-emerald-800);
-  --bg-success-strong: var(--color-emerald-300);
-  --bg-success-strong-hovered: var(--color-emerald-200);
-  --bg-success-strong-pressed: var(--color-emerald-100);
-  --bg-success-strong-disabled: var(--color-emerald-600);
-  --bg-warning-subtle: var(--color-topaz-950);
-  --bg-warning-subtle-hovered: var(--color-topaz-900);
-  --bg-warning-subtle-pressed: var(--color-topaz-800);
-  --bg-warning-subtle-disabled: var(--color-topaz-950);
-  --bg-warning: var(--color-topaz-500);
-  --bg-warning-hovered: var(--color-topaz-400);
-  --bg-warning-pressed: var(--color-topaz-300);
-  --bg-warning-disabled: var(--color-topaz-800);
-  --bg-warning-strong: var(--color-topaz-300);
-  --bg-warning-strong-hovered: var(--color-topaz-200);
-  --bg-warning-strong-pressed: var(--color-topaz-100);
-  --bg-warning-strong-disabled: var(--color-topaz-600);
-  --bg-danger-subtle: var(--color-ruby-950);
-  --bg-danger-subtle-hovered: var(--color-ruby-900);
-  --bg-danger-subtle-pressed: var(--color-ruby-800);
-  --bg-danger-subtle-disabled: var(--color-ruby-950);
-  --bg-danger: var(--color-ruby-500);
-  --bg-danger-hovered: var(--color-ruby-400);
-  --bg-danger-pressed: var(--color-ruby-300);
-  --bg-danger-disabled: var(--color-ruby-800);
-  --bg-danger-strong: var(--color-ruby-300);
-  --bg-danger-strong-hovered: var(--color-ruby-200);
-  --bg-danger-strong-pressed: var(--color-ruby-100);
-  --bg-danger-strong-disabled: var(--color-ruby-600);
-  --bg-overlay: rgba(0, 0, 0, 0.6);
-
-  /* Foreground */
-  --fg-strong: var(--color-slate-50);
-  --fg-strong-hovered: white;
-  --fg-strong-pressed: white;
-  --fg-strong-disabled: var(--color-slate-500);
-  --fg-on-strong: var(--color-slate-900);
-  --fg-on-strong-hovered: var(--color-slate-950);
-  --fg-on-strong-pressed: black;
-  --fg-on-strong-disabled: var(--color-slate-500);
-  --fg-normal: var(--color-slate-50);
-  --fg-normal-hovered: white;
-  --fg-normal-pressed: white;
-  --fg-normal-disabled: var(--color-slate-500);
-  --fg-subtle: var(--color-slate-400);
-  --fg-subtle-hovered: var(--color-slate-300);
-  --fg-subtle-pressed: var(--color-slate-200);
-  --fg-subtle-disabled: var(--color-slate-600);
-  --fg-brand: var(--color-ocean-400);
-  --fg-brand-hovered: var(--color-ocean-300);
-  --fg-brand-pressed: var(--color-ocean-200);
-  --fg-brand-disabled: var(--color-ocean-700);
-  --fg-on-brand-subtle: var(--color-ocean-300);
-  --fg-on-brand-subtle-hovered: var(--color-ocean-200);
-  --fg-on-brand-subtle-pressed: var(--color-ocean-100);
-  --fg-on-brand-subtle-disabled: var(--color-ocean-700);
-  --fg-on-brand: var(--color-slate-50);
-  --fg-on-brand-hovered: white;
-  --fg-on-brand-pressed: white;
-  --fg-on-brand-disabled: var(--color-slate-400);
-  --fg-on-brand-strong: var(--color-slate-900);
-  --fg-on-brand-strong-hovered: var(--color-slate-950);
-  --fg-on-brand-strong-pressed: black;
-  --fg-on-brand-strong-disabled: var(--color-slate-500);
-  --fg-success: var(--color-emerald-400);
-  --fg-success-hovered: var(--color-emerald-300);
-  --fg-success-pressed: var(--color-emerald-200);
-  --fg-success-disabled: var(--color-emerald-700);
-  --fg-on-success-subtle: var(--color-emerald-300);
-  --fg-on-success-subtle-hovered: var(--color-emerald-200);
-  --fg-on-success-subtle-pressed: var(--color-emerald-100);
-  --fg-on-success-subtle-disabled: var(--color-emerald-700);
-  --fg-on-success: var(--color-slate-900);
-  --fg-on-success-hovered: var(--color-slate-950);
-  --fg-on-success-pressed: black;
-  --fg-on-success-disabled: var(--color-slate-500);
-  --fg-warning: var(--color-topaz-400);
-  --fg-warning-hovered: var(--color-topaz-300);
-  --fg-warning-pressed: var(--color-topaz-200);
-  --fg-warning-disabled: var(--color-topaz-700);
-  --fg-on-warning-subtle: var(--color-topaz-300);
-  --fg-on-warning-subtle-hovered: var(--color-topaz-200);
-  --fg-on-warning-subtle-pressed: var(--color-topaz-100);
-  --fg-on-warning-subtle-disabled: var(--color-topaz-700);
-  --fg-on-warning: var(--color-slate-900);
-  --fg-on-warning-hovered: var(--color-slate-950);
-  --fg-on-warning-pressed: black;
-  --fg-on-warning-disabled: var(--color-slate-500);
-  --fg-danger: var(--color-ruby-400);
-  --fg-danger-hovered: var(--color-ruby-300);
-  --fg-danger-pressed: var(--color-ruby-200);
-  --fg-danger-disabled: var(--color-ruby-700);
-  --fg-on-danger-subtle: var(--color-ruby-300);
-  --fg-on-danger-subtle-hovered: var(--color-ruby-200);
-  --fg-on-danger-subtle-pressed: var(--color-ruby-100);
-  --fg-on-danger-subtle-disabled: var(--color-ruby-700);
-  --fg-on-danger: var(--color-slate-900);
-  --fg-on-danger-hovered: var(--color-slate-950);
-  --fg-on-danger-pressed: black;
-  --fg-on-danger-disabled: var(--color-slate-500);
-
-  /* Border */
-  --border-strong: var(--color-slate-200);
-  --border-strong-hovered: var(--color-slate-100);
-  --border-strong-pressed: var(--color-slate-50);
-  --border-strong-disabled: var(--color-slate-600);
-  --border-normal: var(--color-slate-700);
-  --border-normal-hovered: var(--color-slate-600);
-  --border-normal-pressed: var(--color-slate-500);
-  --border-normal-disabled: var(--color-slate-800);
-  --border-subtle: var(--color-slate-800);
-  --border-subtle-hovered: var(--color-slate-700);
-  --border-subtle-pressed: var(--color-slate-600);
-  --border-subtle-disabled: var(--color-slate-900);
-  --border-brand-subtle: var(--color-ocean-700);
-  --border-brand-subtle-hovered: var(--color-ocean-600);
-  --border-brand-subtle-pressed: var(--color-ocean-500);
-  --border-brand-subtle-disabled: var(--color-ocean-800);
-  --border-brand: var(--color-ocean-500);
-  --border-brand-hovered: var(--color-ocean-400);
-  --border-brand-pressed: var(--color-ocean-300);
-  --border-brand-disabled: var(--color-ocean-800);
-  --border-brand-strong: var(--color-ocean-300);
-  --border-brand-strong-hovered: var(--color-ocean-200);
-  --border-brand-strong-pressed: var(--color-ocean-100);
-  --border-brand-strong-disabled: var(--color-ocean-600);
-  --border-success: var(--color-emerald-700);
-  --border-success-hovered: var(--color-emerald-600);
-  --border-success-pressed: var(--color-emerald-500);
-  --border-success-disabled: var(--color-emerald-800);
-  --border-warning: var(--color-topaz-700);
-  --border-warning-hovered: var(--color-topaz-600);
-  --border-warning-pressed: var(--color-topaz-500);
-  --border-warning-disabled: var(--color-topaz-800);
-  --border-danger: var(--color-ruby-700);
-  --border-danger-hovered: var(--color-ruby-600);
-  --border-danger-pressed: var(--color-ruby-500);
-  --border-danger-disabled: var(--color-ruby-800);
-}

package/src/components/Avatar/Avatar.tsx

@@ -1,19 +0,0 @@
-import { cn } from "@sixthshift/design-system/utils";
-import * as React from "react";
-
-const Avatar = React.forwardRef<HTMLSpanElement, React.HTMLAttributes<HTMLSpanElement>>(({ className, ...props }, ref) => (
-  <span ref={ref} className={cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className)} {...props} />
-));
-Avatar.displayName = "Avatar";
-
-const AvatarImage = React.forwardRef<HTMLImageElement, React.ImgHTMLAttributes<HTMLImageElement>>(({ className, alt, ...props }, ref) => (
-  <img ref={ref} alt={alt} className={cn("aspect-square h-full w-full", className)} {...props} />
-));
-AvatarImage.displayName = "AvatarImage";
-
-const AvatarFallback = React.forwardRef<HTMLSpanElement, React.HTMLAttributes<HTMLSpanElement>>(({ className, ...props }, ref) => (
-  <span ref={ref} className={cn("flex h-full w-full items-center justify-center rounded-full bg-bg-subtle font-medium text-sm", className)} {...props} />
-));
-AvatarFallback.displayName = "AvatarFallback";
-
-export { Avatar, AvatarFallback, AvatarImage };

package/src/components/Avatar/index.ts

@@ -1 +0,0 @@
-export { Avatar, AvatarFallback, AvatarImage } from "./Avatar";

package/src/components/Breadcrumb/Breadcrumb.tsx

@@ -1,47 +0,0 @@
-import { useComponents } from "@sixthshift/design-system/components";
-import { cn } from "@sixthshift/design-system/utils";
-import { ChevronRight } from "lucide-react";
-import { type ComponentPropsWithoutRef, forwardRef, type ReactNode } from "react";
-
-export type BreadcrumbItem = {
-  label: ReactNode;
-  href?: string;
-};
-
-export type BreadcrumbProps = Omit<ComponentPropsWithoutRef<"nav">, "children"> & {
-  items: BreadcrumbItem[];
-};
-
-export const Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(({ className, items, ...props }, ref) => {
-  const { Link } = useComponents();
-
-  if (items.length === 0) return null;
-
-  return (
-    <nav ref={ref} aria-label="breadcrumb" className={cn("", className)} {...props}>
-      <ol className="flex flex-wrap items-center gap-1.5 text-sm sm:gap-2.5">
-        {items.map((item, index) => {
-          const isLast = index === items.length - 1;
-          const isClickable = !isLast && item.href;
-
-          return (
-            // biome-ignore lint/suspicious/noArrayIndexKey: Breadcrumb path items maintain stable order
-            <li key={index} className="inline-flex items-center gap-1.5">
-              {isClickable ? (
-                <Link href={item.href!} className="text-fg-subtle transition-colors hover:text-fg-normal">
-                  {item.label}
-                </Link>
-              ) : (
-                <span className={cn(isLast ? "font-medium text-fg-normal" : "text-fg-subtle")} aria-current={isLast ? "page" : undefined}>
-                  {item.label}
-                </span>
-              )}
-              {!isLast && <ChevronRight className="size-3.5 text-fg-subtle" aria-hidden="true" />}
-            </li>
-          );
-        })}
-      </ol>
-    </nav>
-  );
-});
-Breadcrumb.displayName = "Breadcrumb";

package/src/components/Breadcrumb/index.ts

@@ -1,5 +0,0 @@
-export {
-  Breadcrumb,
-  type BreadcrumbItem,
-  type BreadcrumbProps,
-} from "./Breadcrumb";

package/src/components/ColorDot/ColorDot.tsx

@@ -1,50 +0,0 @@
-import { cn } from "@sixthshift/design-system/utils";
-import { cva, type VariantProps } from "class-variance-authority";
-import type { HTMLAttributes } from "react";
-
-const INTENT_CLASSES: Record<string, string> = {
-  neutral: "bg-fg-subtle",
-  brand: "bg-bg-brand",
-  primary: "bg-bg-brand",
-  success: "bg-bg-success",
-  warning: "bg-bg-warning",
-  danger: "bg-bg-danger",
-};
-
-const colorDotVariants = cva("inline-block shrink-0 rounded-full", {
-  variants: {
-    size: {
-      sm: "h-1.5 w-1.5",
-      md: "h-2 w-2",
-      lg: "h-2.5 w-2.5",
-    },
-    pulse: {
-      true: "animate-pulse",
-      false: "",
-    },
-  },
-  defaultVariants: {
-    size: "md",
-    pulse: false,
-  },
-});
-
-export type ColorDotProps = HTMLAttributes<HTMLSpanElement> &
-  VariantProps<typeof colorDotVariants> & {
-    /** Intent name (neutral, brand, success, warning, danger) or arbitrary CSS color */
-    color: string;
-  };
-
-export const ColorDot = ({ color, size, pulse, className, style, ...props }: ColorDotProps) => {
-  const intentClass = INTENT_CLASSES[color];
-
-  return (
-    <span
-      className={cn(colorDotVariants({ size, pulse }), intentClass, className)}
-      style={intentClass ? style : { ...style, backgroundColor: color }}
-      {...props}
-    />
-  );
-};
-
-export { colorDotVariants };

package/src/components/ColorDot/index.ts

@@ -1 +0,0 @@
-export { ColorDot, type ColorDotProps, colorDotVariants } from "./ColorDot";

package/src/components/EmptyState/EmptyState.tsx

@@ -1,29 +0,0 @@
-import { Muted } from "@sixthshift/design-system/muted";
-import { cn } from "@sixthshift/design-system/utils";
-import type { HTMLAttributes, ReactNode } from "react";
-
-export type EmptyStateProps = HTMLAttributes<HTMLDivElement> & {
-  /** Optional icon to display */
-  icon?: ReactNode;
-  /** Message to display */
-  message: string;
-  /** Optional description for more context */
-  description?: string;
-  /** Optional action button or element */
-  action?: ReactNode;
-  /** Additional CSS classes */
-  className?: string;
-};
-
-export const EmptyState = ({ icon, message, description, action, className, ...props }: EmptyStateProps) => {
-  return (
-    <div className={cn("flex flex-col items-center justify-center gap-3 p-8 text-center", className)} {...props}>
-      {icon && <div className="text-fg-subtle">{icon}</div>}
-      <div className="flex flex-col gap-1">
-        <Muted>{message}</Muted>
-        {description && <span className="text-fg-subtle text-xs">{description}</span>}
-      </div>
-      {action && <div className="mt-2">{action}</div>}
-    </div>
-  );
-};

package/src/components/EmptyState/index.ts

@@ -1 +0,0 @@
-export { EmptyState, type EmptyStateProps } from "./EmptyState";