@spacesync/client 0.1.0

package/dist/styles/theme.css

@@ -0,0 +1,223 @@
+@import "@fontsource-variable/inter";
+
+/* src/styles/theme.css */
+@custom-variant dark (&:is(.dark *));
+:root {
+  --font-size: 16px;
+  --background: #ffffff;
+  --foreground: oklch(0.145 0 0);
+  --card: #ffffff;
+  --card-foreground: oklch(0.145 0 0);
+  --popover: #030213;
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: #030213;
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.95 0.0058 264.53);
+  --secondary-foreground: #030213;
+  --muted: #f5f5f7;
+  --muted-foreground: #8a8a9a;
+  --accent: #f1f2f4;
+  --accent-foreground: #030213;
+  --destructive: #d4183d;
+  --destructive-foreground: #ffffff;
+  --border: #eceef2;
+  --input: #eceef2;
+  --input-background: #f7f7f8;
+  --switch-background: #cbced4;
+  --font-weight-medium: 500;
+  --font-weight-normal: 400;
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: #f5f5f7;
+  --sidebar-foreground: #13131a;
+  --sidebar-primary: #13131a;
+  --sidebar-primary-foreground: #f5f5f7;
+  --sidebar-accent: #eceef2;
+  --sidebar-accent-foreground: #13131a;
+  --sidebar-border: #e0e0e5;
+  --sidebar-ring: oklch(0.708 0 0);
+  --scrollbar-thumb: oklch(0.55 0 0 / 0.28);
+  --scrollbar-thumb-hover: oklch(0.45 0 0 / 0.4);
+}
+:root[data-shell-theme=light],
+:root:not([data-shell-theme]) {
+  --sidebar: #f5f5f7;
+  --sidebar-foreground: #13131a;
+  --sidebar-primary: #13131a;
+  --sidebar-primary-foreground: #f5f5f7;
+  --sidebar-accent: #eceef2;
+  --sidebar-accent-foreground: #13131a;
+  --sidebar-border: #e0e0e5;
+  --sidebar-ring: oklch(0.708 0 0);
+}
+:root[data-shell-theme=dark] {
+  --sidebar: #13131a;
+  --sidebar-foreground: oklch(0.93 0 0);
+  --sidebar-primary: oklch(0.93 0 0);
+  --sidebar-primary-foreground: #13131a;
+  --sidebar-accent: oklch(0.24 0.01 264);
+  --sidebar-accent-foreground: oklch(0.95 0 0);
+  --sidebar-border: oklch(0.3 0.01 264);
+  --sidebar-ring: oklch(0.55 0 0);
+}
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.145 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.145 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.269 0 0);
+  --input: oklch(0.269 0 0);
+  --ring: oklch(0.439 0 0);
+  --font-weight-medium: 500;
+  --font-weight-normal: 400;
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --scrollbar-thumb: oklch(0.985 0 0 / 0.22);
+  --scrollbar-thumb-hover: oklch(0.985 0 0 / 0.35);
+}
+.dark[data-shell-theme=light] {
+  --sidebar: #f5f5f7;
+  --sidebar-foreground: #13131a;
+  --sidebar-primary: #13131a;
+  --sidebar-primary-foreground: #f5f5f7;
+  --sidebar-accent: #eceef2;
+  --sidebar-accent-foreground: #13131a;
+  --sidebar-border: #e0e0e5;
+  --sidebar-ring: oklch(0.708 0 0);
+}
+.dark[data-shell-theme=dark] {
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.269 0 0);
+  --sidebar-ring: oklch(0.439 0 0);
+}
+@theme inline { --font-sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground font-sans;
+  }
+  html {
+    font-size: var(--font-size);
+  }
+  h1 {
+    font-size: var(--text-2xl);
+    font-weight: var(--font-weight-medium);
+    line-height: 1.5;
+  }
+  h2 {
+    font-size: var(--text-xl);
+    font-weight: var(--font-weight-medium);
+    line-height: 1.5;
+  }
+  h3 {
+    font-size: var(--text-lg);
+    font-weight: var(--font-weight-medium);
+    line-height: 1.5;
+  }
+  h4 {
+    font-size: var(--text-base);
+    font-weight: var(--font-weight-medium);
+    line-height: 1.5;
+  }
+  label {
+    font-size: var(--text-base);
+    font-weight: var(--font-weight-medium);
+    line-height: 1.5;
+  }
+  button {
+    font-size: var(--text-base);
+    font-weight: var(--font-weight-medium);
+    line-height: 1.5;
+    cursor: pointer;
+  }
+  button:disabled {
+    cursor: not-allowed;
+  }
+  input {
+    font-size: var(--text-base);
+    font-weight: var(--font-weight-normal);
+    line-height: 1.5;
+  }
+}
+@layer components {
+  :root[data-shell-theme=dark] [data-slot=shell-top-bar-title] .text-foreground,
+  :root[data-shell-theme=dark] [data-slot=shell-top-bar-actions] .text-foreground {
+    color: var(--sidebar-foreground) !important;
+  }
+  :root[data-shell-theme=dark] [data-slot=shell-top-bar-title] .text-muted-foreground,
+  :root[data-shell-theme=dark] [data-slot=shell-top-bar-actions] .text-muted-foreground {
+    color: color-mix(in oklch, var(--sidebar-foreground) 62%, transparent) !important;
+  }
+  :root[data-shell-theme=dark] [data-slot=shell-top-bar-actions] :is([data-slot=button], [data-shell-top-bar-action]):hover,
+  :root[data-shell-theme=dark] [data-slot=shell-top-bar-actions] :is([data-slot=button], [data-shell-top-bar-action]):active {
+    color: var(--sidebar-foreground) !important;
+  }
+  :root[data-shell-theme=dark] [data-slot=shell-top-bar-actions] :is([data-slot=button], [data-shell-top-bar-action]).border-sidebar-border:hover,
+  :root[data-shell-theme=dark] [data-slot=shell-top-bar-actions] :is([data-slot=button], [data-shell-top-bar-action]).border-sidebar-border:active {
+    background-color: color-mix(in oklch, var(--sidebar-foreground) 12%, var(--sidebar-accent)) !important;
+    border-color: color-mix(in oklch, var(--sidebar-foreground) 25%, var(--sidebar-border)) !important;
+  }
+  :root[data-shell-theme=light] [data-slot=shell-top-bar-actions] :is([data-slot=button], [data-shell-top-bar-action]).border-sidebar-border:hover,
+  :root[data-shell-theme=light] [data-slot=shell-top-bar-actions] :is([data-slot=button], [data-shell-top-bar-action]).border-sidebar-border:active {
+    background-color: color-mix(in oklch, var(--sidebar-foreground) 6%, var(--sidebar-accent)) !important;
+    border-color: color-mix(in oklch, var(--sidebar-foreground) 14%, var(--sidebar-border)) !important;
+    color: var(--sidebar-foreground) !important;
+  }
+  :is([data-slot=popover-content], [data-slot=hover-card-content], [data-slot=dropdown-menu-content], [data-slot=dropdown-menu-sub-content], [data-slot=select-content], [data-slot=context-menu-content], [data-slot=context-menu-sub-content], [data-slot=menubar-content], [data-slot=menubar-sub-content]),
+  :is([data-slot=popover-content], [data-slot=hover-card-content], [data-slot=dropdown-menu-content], [data-slot=dropdown-menu-sub-content], [data-slot=select-content], [data-slot=context-menu-content], [data-slot=context-menu-sub-content], [data-slot=menubar-content], [data-slot=menubar-sub-content]) :is(.overflow-y-auto, .overflow-x-auto, .overflow-auto) {
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-thumb) transparent;
+  }
+  :is([data-slot=popover-content], [data-slot=hover-card-content], [data-slot=dropdown-menu-content], [data-slot=dropdown-menu-sub-content], [data-slot=select-content], [data-slot=context-menu-content], [data-slot=context-menu-sub-content], [data-slot=menubar-content], [data-slot=menubar-sub-content])::-webkit-scrollbar,
+  :is([data-slot=popover-content], [data-slot=hover-card-content], [data-slot=dropdown-menu-content], [data-slot=dropdown-menu-sub-content], [data-slot=select-content], [data-slot=context-menu-content], [data-slot=context-menu-sub-content], [data-slot=menubar-content], [data-slot=menubar-sub-content]) :is(.overflow-y-auto, .overflow-x-auto, .overflow-auto)::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+  :is([data-slot=popover-content], [data-slot=hover-card-content], [data-slot=dropdown-menu-content], [data-slot=dropdown-menu-sub-content], [data-slot=select-content], [data-slot=context-menu-content], [data-slot=context-menu-sub-content], [data-slot=menubar-content], [data-slot=menubar-sub-content])::-webkit-scrollbar-track,
+  :is([data-slot=popover-content], [data-slot=hover-card-content], [data-slot=dropdown-menu-content], [data-slot=dropdown-menu-sub-content], [data-slot=select-content], [data-slot=context-menu-content], [data-slot=context-menu-sub-content], [data-slot=menubar-content], [data-slot=menubar-sub-content]) :is(.overflow-y-auto, .overflow-x-auto, .overflow-auto)::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  :is([data-slot=popover-content], [data-slot=hover-card-content], [data-slot=dropdown-menu-content], [data-slot=dropdown-menu-sub-content], [data-slot=select-content], [data-slot=context-menu-content], [data-slot=context-menu-sub-content], [data-slot=menubar-content], [data-slot=menubar-sub-content])::-webkit-scrollbar-thumb,
+  :is([data-slot=popover-content], [data-slot=hover-card-content], [data-slot=dropdown-menu-content], [data-slot=dropdown-menu-sub-content], [data-slot=select-content], [data-slot=context-menu-content], [data-slot=context-menu-sub-content], [data-slot=menubar-content], [data-slot=menubar-sub-content]) :is(.overflow-y-auto, .overflow-x-auto, .overflow-auto)::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar-thumb);
+    border-radius: 9999px;
+  }
+  :is([data-slot=popover-content], [data-slot=hover-card-content], [data-slot=dropdown-menu-content], [data-slot=dropdown-menu-sub-content], [data-slot=select-content], [data-slot=context-menu-content], [data-slot=context-menu-sub-content], [data-slot=menubar-content], [data-slot=menubar-sub-content])::-webkit-scrollbar-thumb:hover,
+  :is([data-slot=popover-content], [data-slot=hover-card-content], [data-slot=dropdown-menu-content], [data-slot=dropdown-menu-sub-content], [data-slot=select-content], [data-slot=context-menu-content], [data-slot=context-menu-sub-content], [data-slot=menubar-content], [data-slot=menubar-sub-content]) :is(.overflow-y-auto, .overflow-x-auto, .overflow-auto)::-webkit-scrollbar-thumb:hover {
+    background-color: var(--scrollbar-thumb-hover);
+  }
+  :is([data-slot=popover-content], [data-slot=hover-card-content], [data-slot=dropdown-menu-content], [data-slot=dropdown-menu-sub-content], [data-slot=select-content], [data-slot=context-menu-content], [data-slot=context-menu-sub-content], [data-slot=menubar-content], [data-slot=menubar-sub-content]) [data-slot=scroll-area-thumb] {
+    background-color: var(--scrollbar-thumb);
+  }
+  :is([data-slot=popover-content], [data-slot=hover-card-content], [data-slot=dropdown-menu-content], [data-slot=dropdown-menu-sub-content], [data-slot=select-content], [data-slot=context-menu-content], [data-slot=context-menu-sub-content], [data-slot=menubar-content], [data-slot=menubar-sub-content]) [data-slot=scroll-area-thumb]:hover {
+    background-color: var(--scrollbar-thumb-hover);
+  }
+}
+/*# sourceMappingURL=theme.css.map */

package/dist/styles/theme.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/theme.css"],"sourcesContent":["@import \"@fontsource-variable/inter\";\n\n@custom-variant dark (&:is(.dark *));\n\n:root {\n  --font-size: 16px;\n  --background: #ffffff;\n  --foreground: oklch(0.145 0 0);\n  --card: #ffffff;\n  --card-foreground: oklch(0.145 0 0);\n  --popover: #030213;\n  --popover-foreground: oklch(0.985 0 0);\n  --primary: #030213;\n  --primary-foreground: oklch(1 0 0);\n  --secondary: oklch(0.95 0.0058 264.53);\n  --secondary-foreground: #030213;\n  --muted: #f5f5f7;\n  --muted-foreground: #8a8a9a;\n  --accent: #f1f2f4;\n  --accent-foreground: #030213;\n  --destructive: #d4183d;\n  --destructive-foreground: #ffffff;\n  --border: #eceef2;\n  --input: #eceef2;\n  --input-background: #f7f7f8;\n  --switch-background: #cbced4;\n  --font-weight-medium: 500;\n  --font-weight-normal: 400;\n  --ring: oklch(0.708 0 0);\n  --chart-1: oklch(0.646 0.222 41.116);\n  --chart-2: oklch(0.6 0.118 184.704);\n  --chart-3: oklch(0.398 0.07 227.392);\n  --chart-4: oklch(0.828 0.189 84.429);\n  --chart-5: oklch(0.769 0.188 70.08);\n  --radius: 0.625rem;\n  --sidebar: #f5f5f7;\n  --sidebar-foreground: #13131a;\n  --sidebar-primary: #13131a;\n  --sidebar-primary-foreground: #f5f5f7;\n  --sidebar-accent: #eceef2;\n  --sidebar-accent-foreground: #13131a;\n  --sidebar-border: #e0e0e5;\n  --sidebar-ring: oklch(0.708 0 0);\n  --scrollbar-thumb: oklch(0.55 0 0 / 0.28);\n  --scrollbar-thumb-hover: oklch(0.45 0 0 / 0.4);\n}\n\n:root[data-shell-theme=\"light\"],\n:root:not([data-shell-theme]) {\n  --sidebar: #f5f5f7;\n  --sidebar-foreground: #13131a;\n  --sidebar-primary: #13131a;\n  --sidebar-primary-foreground: #f5f5f7;\n  --sidebar-accent: #eceef2;\n  --sidebar-accent-foreground: #13131a;\n  --sidebar-border: #e0e0e5;\n  --sidebar-ring: oklch(0.708 0 0);\n}\n\n:root[data-shell-theme=\"dark\"] {\n  --sidebar: #13131a;\n  --sidebar-foreground: oklch(0.93 0 0);\n  --sidebar-primary: oklch(0.93 0 0);\n  --sidebar-primary-foreground: #13131a;\n  --sidebar-accent: oklch(0.24 0.01 264);\n  --sidebar-accent-foreground: oklch(0.95 0 0);\n  --sidebar-border: oklch(0.3 0.01 264);\n  --sidebar-ring: oklch(0.55 0 0);\n}\n\n.dark {\n  --background: oklch(0.145 0 0);\n  --foreground: oklch(0.985 0 0);\n  --card: oklch(0.145 0 0);\n  --card-foreground: oklch(0.985 0 0);\n  --popover: oklch(0.145 0 0);\n  --popover-foreground: oklch(0.985 0 0);\n  --primary: oklch(0.985 0 0);\n  --primary-foreground: oklch(0.205 0 0);\n  --secondary: oklch(0.269 0 0);\n  --secondary-foreground: oklch(0.985 0 0);\n  --muted: oklch(0.269 0 0);\n  --muted-foreground: oklch(0.708 0 0);\n  --accent: oklch(0.269 0 0);\n  --accent-foreground: oklch(0.985 0 0);\n  --destructive: oklch(0.396 0.141 25.723);\n  --destructive-foreground: oklch(0.637 0.237 25.331);\n  --border: oklch(0.269 0 0);\n  --input: oklch(0.269 0 0);\n  --ring: oklch(0.439 0 0);\n  --font-weight-medium: 500;\n  --font-weight-normal: 400;\n  --chart-1: oklch(0.488 0.243 264.376);\n  --chart-2: oklch(0.696 0.17 162.48);\n  --chart-3: oklch(0.769 0.188 70.08);\n  --chart-4: oklch(0.627 0.265 303.9);\n  --chart-5: oklch(0.645 0.246 16.439);\n  --scrollbar-thumb: oklch(0.985 0 0 / 0.22);\n  --scrollbar-thumb-hover: oklch(0.985 0 0 / 0.35);\n}\n\n.dark[data-shell-theme=\"light\"] {\n  --sidebar: #f5f5f7;\n  --sidebar-foreground: #13131a;\n  --sidebar-primary: #13131a;\n  --sidebar-primary-foreground: #f5f5f7;\n  --sidebar-accent: #eceef2;\n  --sidebar-accent-foreground: #13131a;\n  --sidebar-border: #e0e0e5;\n  --sidebar-ring: oklch(0.708 0 0);\n}\n\n.dark[data-shell-theme=\"dark\"] {\n  --sidebar: oklch(0.205 0 0);\n  --sidebar-foreground: oklch(0.985 0 0);\n  --sidebar-primary: oklch(0.488 0.243 264.376);\n  --sidebar-primary-foreground: oklch(0.985 0 0);\n  --sidebar-accent: oklch(0.269 0 0);\n  --sidebar-accent-foreground: oklch(0.985 0 0);\n  --sidebar-border: oklch(0.269 0 0);\n  --sidebar-ring: oklch(0.439 0 0);\n}\n\n@theme inline {\n  --font-sans:\n    \"Inter Variable\", \"Inter\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n    \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --color-card: var(--card);\n  --color-card-foreground: var(--card-foreground);\n  --color-popover: var(--popover);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-primary: var(--primary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-secondary: var(--secondary);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-muted: var(--muted);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-accent: var(--accent);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-destructive: var(--destructive);\n  --color-destructive-foreground: var(--destructive-foreground);\n  --color-border: var(--border);\n  --color-input: var(--input);\n  --color-input-background: var(--input-background);\n  --color-switch-background: var(--switch-background);\n  --color-ring: var(--ring);\n  --color-chart-1: var(--chart-1);\n  --color-chart-2: var(--chart-2);\n  --color-chart-3: var(--chart-3);\n  --color-chart-4: var(--chart-4);\n  --color-chart-5: var(--chart-5);\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: var(--radius);\n  --radius-xl: calc(var(--radius) + 4px);\n  --color-sidebar: var(--sidebar);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-ring: var(--sidebar-ring);\n}\n\n@layer base {\n  * {\n    @apply border-border outline-ring/50;\n  }\n\n  body {\n    @apply bg-background text-foreground font-sans;\n  }\n\n  /**\n  * Default typography styles for HTML elements (h1-h4, p, label, button, input).\n  * These are in @layer base, so Tailwind utility classes (like text-sm, text-lg) automatically override them.\n  */\n\n  html {\n    font-size: var(--font-size);\n  }\n\n  h1 {\n    font-size: var(--text-2xl);\n    font-weight: var(--font-weight-medium);\n    line-height: 1.5;\n  }\n\n  h2 {\n    font-size: var(--text-xl);\n    font-weight: var(--font-weight-medium);\n    line-height: 1.5;\n  }\n\n  h3 {\n    font-size: var(--text-lg);\n    font-weight: var(--font-weight-medium);\n    line-height: 1.5;\n  }\n\n  h4 {\n    font-size: var(--text-base);\n    font-weight: var(--font-weight-medium);\n    line-height: 1.5;\n  }\n\n  label {\n    font-size: var(--text-base);\n    font-weight: var(--font-weight-medium);\n    line-height: 1.5;\n  }\n\n  button {\n    font-size: var(--text-base);\n    font-weight: var(--font-weight-medium);\n    line-height: 1.5;\n    cursor: pointer;\n  }\n\n  button:disabled {\n    cursor: not-allowed;\n  }\n\n  input {\n    font-size: var(--text-base);\n    font-weight: var(--font-weight-normal);\n    line-height: 1.5;\n  }\n}\n\n@layer components {\n  /* Dark shell top bar — remap light page chrome utilities inside title/actions */\n  :root[data-shell-theme=\"dark\"] [data-slot=\"shell-top-bar-title\"] .text-foreground,\n  :root[data-shell-theme=\"dark\"] [data-slot=\"shell-top-bar-actions\"] .text-foreground {\n    color: var(--sidebar-foreground) !important;\n  }\n\n  :root[data-shell-theme=\"dark\"] [data-slot=\"shell-top-bar-title\"] .text-muted-foreground,\n  :root[data-shell-theme=\"dark\"] [data-slot=\"shell-top-bar-actions\"] .text-muted-foreground {\n    color: color-mix(in oklch, var(--sidebar-foreground) 62%, transparent) !important;\n  }\n\n  /* shadcn Button outline/ghost hover utilities use accent tokens (light on dark shell) */\n  :root[data-shell-theme=\"dark\"] [data-slot=\"shell-top-bar-actions\"]\n    :is([data-slot=\"button\"], [data-shell-top-bar-action]):hover,\n  :root[data-shell-theme=\"dark\"] [data-slot=\"shell-top-bar-actions\"]\n    :is([data-slot=\"button\"], [data-shell-top-bar-action]):active {\n    color: var(--sidebar-foreground) !important;\n  }\n\n  :root[data-shell-theme=\"dark\"] [data-slot=\"shell-top-bar-actions\"]\n    :is([data-slot=\"button\"], [data-shell-top-bar-action]).border-sidebar-border:hover,\n  :root[data-shell-theme=\"dark\"] [data-slot=\"shell-top-bar-actions\"]\n    :is([data-slot=\"button\"], [data-shell-top-bar-action]).border-sidebar-border:active {\n    background-color: color-mix(\n      in oklch,\n      var(--sidebar-foreground) 12%,\n      var(--sidebar-accent)\n    ) !important;\n    border-color: color-mix(\n      in oklch,\n      var(--sidebar-foreground) 25%,\n      var(--sidebar-border)\n    ) !important;\n  }\n\n  /* Light shell top bar — keep shadcn outline buttons from using page accent hover on shell */\n  :root[data-shell-theme=\"light\"] [data-slot=\"shell-top-bar-actions\"]\n    :is([data-slot=\"button\"], [data-shell-top-bar-action]).border-sidebar-border:hover,\n  :root[data-shell-theme=\"light\"] [data-slot=\"shell-top-bar-actions\"]\n    :is([data-slot=\"button\"], [data-shell-top-bar-action]).border-sidebar-border:active {\n    background-color: color-mix(\n      in oklch,\n      var(--sidebar-foreground) 6%,\n      var(--sidebar-accent)\n    ) !important;\n    border-color: color-mix(\n      in oklch,\n      var(--sidebar-foreground) 14%,\n      var(--sidebar-border)\n    ) !important;\n    color: var(--sidebar-foreground) !important;\n  }\n\n  :is(\n    [data-slot=\"popover-content\"],\n    [data-slot=\"hover-card-content\"],\n    [data-slot=\"dropdown-menu-content\"],\n    [data-slot=\"dropdown-menu-sub-content\"],\n    [data-slot=\"select-content\"],\n    [data-slot=\"context-menu-content\"],\n    [data-slot=\"context-menu-sub-content\"],\n    [data-slot=\"menubar-content\"],\n    [data-slot=\"menubar-sub-content\"]\n  ),\n  :is(\n      [data-slot=\"popover-content\"],\n      [data-slot=\"hover-card-content\"],\n      [data-slot=\"dropdown-menu-content\"],\n      [data-slot=\"dropdown-menu-sub-content\"],\n      [data-slot=\"select-content\"],\n      [data-slot=\"context-menu-content\"],\n      [data-slot=\"context-menu-sub-content\"],\n      [data-slot=\"menubar-content\"],\n      [data-slot=\"menubar-sub-content\"]\n    )\n    :is(.overflow-y-auto, .overflow-x-auto, .overflow-auto) {\n    scrollbar-width: thin;\n    scrollbar-color: var(--scrollbar-thumb) transparent;\n  }\n\n  :is(\n    [data-slot=\"popover-content\"],\n    [data-slot=\"hover-card-content\"],\n    [data-slot=\"dropdown-menu-content\"],\n    [data-slot=\"dropdown-menu-sub-content\"],\n    [data-slot=\"select-content\"],\n    [data-slot=\"context-menu-content\"],\n    [data-slot=\"context-menu-sub-content\"],\n    [data-slot=\"menubar-content\"],\n    [data-slot=\"menubar-sub-content\"]\n  )::-webkit-scrollbar,\n  :is(\n      [data-slot=\"popover-content\"],\n      [data-slot=\"hover-card-content\"],\n      [data-slot=\"dropdown-menu-content\"],\n      [data-slot=\"dropdown-menu-sub-content\"],\n      [data-slot=\"select-content\"],\n      [data-slot=\"context-menu-content\"],\n      [data-slot=\"context-menu-sub-content\"],\n      [data-slot=\"menubar-content\"],\n      [data-slot=\"menubar-sub-content\"]\n    )\n    :is(.overflow-y-auto, .overflow-x-auto, .overflow-auto)::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n\n  :is(\n    [data-slot=\"popover-content\"],\n    [data-slot=\"hover-card-content\"],\n    [data-slot=\"dropdown-menu-content\"],\n    [data-slot=\"dropdown-menu-sub-content\"],\n    [data-slot=\"select-content\"],\n    [data-slot=\"context-menu-content\"],\n    [data-slot=\"context-menu-sub-content\"],\n    [data-slot=\"menubar-content\"],\n    [data-slot=\"menubar-sub-content\"]\n  )::-webkit-scrollbar-track,\n  :is(\n      [data-slot=\"popover-content\"],\n      [data-slot=\"hover-card-content\"],\n      [data-slot=\"dropdown-menu-content\"],\n      [data-slot=\"dropdown-menu-sub-content\"],\n      [data-slot=\"select-content\"],\n      [data-slot=\"context-menu-content\"],\n      [data-slot=\"context-menu-sub-content\"],\n      [data-slot=\"menubar-content\"],\n      [data-slot=\"menubar-sub-content\"]\n    )\n    :is(.overflow-y-auto, .overflow-x-auto, .overflow-auto)::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  :is(\n    [data-slot=\"popover-content\"],\n    [data-slot=\"hover-card-content\"],\n    [data-slot=\"dropdown-menu-content\"],\n    [data-slot=\"dropdown-menu-sub-content\"],\n    [data-slot=\"select-content\"],\n    [data-slot=\"context-menu-content\"],\n    [data-slot=\"context-menu-sub-content\"],\n    [data-slot=\"menubar-content\"],\n    [data-slot=\"menubar-sub-content\"]\n  )::-webkit-scrollbar-thumb,\n  :is(\n      [data-slot=\"popover-content\"],\n      [data-slot=\"hover-card-content\"],\n      [data-slot=\"dropdown-menu-content\"],\n      [data-slot=\"dropdown-menu-sub-content\"],\n      [data-slot=\"select-content\"],\n      [data-slot=\"context-menu-content\"],\n      [data-slot=\"context-menu-sub-content\"],\n      [data-slot=\"menubar-content\"],\n      [data-slot=\"menubar-sub-content\"]\n    )\n    :is(.overflow-y-auto, .overflow-x-auto, .overflow-auto)::-webkit-scrollbar-thumb {\n    background-color: var(--scrollbar-thumb);\n    border-radius: 9999px;\n  }\n\n  :is(\n      [data-slot=\"popover-content\"],\n      [data-slot=\"hover-card-content\"],\n      [data-slot=\"dropdown-menu-content\"],\n      [data-slot=\"dropdown-menu-sub-content\"],\n      [data-slot=\"select-content\"],\n      [data-slot=\"context-menu-content\"],\n      [data-slot=\"context-menu-sub-content\"],\n      [data-slot=\"menubar-content\"],\n      [data-slot=\"menubar-sub-content\"]\n    )::-webkit-scrollbar-thumb:hover,\n  :is(\n      [data-slot=\"popover-content\"],\n      [data-slot=\"hover-card-content\"],\n      [data-slot=\"dropdown-menu-content\"],\n      [data-slot=\"dropdown-menu-sub-content\"],\n      [data-slot=\"select-content\"],\n      [data-slot=\"context-menu-content\"],\n      [data-slot=\"context-menu-sub-content\"],\n      [data-slot=\"menubar-content\"],\n      [data-slot=\"menubar-sub-content\"]\n    )\n    :is(.overflow-y-auto, .overflow-x-auto, .overflow-auto)::-webkit-scrollbar-thumb:hover {\n    background-color: var(--scrollbar-thumb-hover);\n  }\n\n  :is(\n      [data-slot=\"popover-content\"],\n      [data-slot=\"hover-card-content\"],\n      [data-slot=\"dropdown-menu-content\"],\n      [data-slot=\"dropdown-menu-sub-content\"],\n      [data-slot=\"select-content\"],\n      [data-slot=\"context-menu-content\"],\n      [data-slot=\"context-menu-sub-content\"],\n      [data-slot=\"menubar-content\"],\n      [data-slot=\"menubar-sub-content\"]\n    )\n    [data-slot=\"scroll-area-thumb\"] {\n    background-color: var(--scrollbar-thumb);\n  }\n\n  :is(\n      [data-slot=\"popover-content\"],\n      [data-slot=\"hover-card-content\"],\n      [data-slot=\"dropdown-menu-content\"],\n      [data-slot=\"dropdown-menu-sub-content\"],\n      [data-slot=\"select-content\"],\n      [data-slot=\"context-menu-content\"],\n      [data-slot=\"context-menu-sub-content\"],\n      [data-slot=\"menubar-content\"],\n      [data-slot=\"menubar-sub-content\"]\n    )\n    [data-slot=\"scroll-area-thumb\"]:hover {\n    background-color: var(--scrollbar-thumb-hover);\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/styles/theme.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/support-presence-status.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** Green pulse when online; gray dot + last-seen otherwise. Ticks so "3m ago" stays current. */
+declare function SupportPresenceStatus({ lastSeenAt, onlineLabel, neverSeenLabel, className, }: {
+    lastSeenAt: string | null;
+    onlineLabel?: string;
+    neverSeenLabel?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { SupportPresenceStatus };

package/dist/support-presence-status.js

@@ -0,0 +1,92 @@
+import { useState, useEffect } from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/support/support-presence-status.tsx
+
+// src/lib/dateDisplay.ts
+var MS_MIN = 6e4;
+var MS_HOUR = 60 * MS_MIN;
+var MS_DAY = 24 * MS_HOUR;
+function formatRelativeTimeAgo(iso, now = /* @__PURE__ */ new Date()) {
+  try {
+    const d = new Date(iso.trim());
+    if (!Number.isFinite(d.getTime())) return "";
+    let diffMs = now.getTime() - d.getTime();
+    if (diffMs < 0) diffMs = 0;
+    const sec = Math.floor(diffMs / 1e3);
+    if (sec < 60) return "just now";
+    const min = Math.floor(diffMs / MS_MIN);
+    if (min < 60) return `${min}m ago`;
+    const hr = Math.floor(diffMs / MS_HOUR);
+    if (hr < 24) return `${hr}h ago`;
+    const day = Math.floor(diffMs / MS_DAY);
+    if (day < 7) return `${day}d ago`;
+    const week = Math.floor(day / 7);
+    if (week < 5) return `${week}w ago`;
+    const mo = Math.floor(day / 30);
+    if (mo < 12) return `${mo}mo ago`;
+    const yr = Math.floor(day / 365);
+    return `${Math.max(1, yr)}y ago`;
+  } catch {
+    return "";
+  }
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function LiveSpacePulseDot({ className }) {
+  return /* @__PURE__ */ jsxs("span", { className: cn("relative flex h-2 w-2 shrink-0", className), "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-40" }),
+    /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-emerald-500" })
+  ] });
+}
+var SUPPORT_PRESENCE_ONLINE_MS = 45e3;
+function supportPresenceFromLastSeen(lastSeenAt, nowMs = Date.now()) {
+  if (!lastSeenAt) return { lastSeenAt: null, online: false };
+  const ts = new Date(lastSeenAt).getTime();
+  if (!Number.isFinite(ts)) return { lastSeenAt: null, online: false };
+  return {
+    lastSeenAt,
+    online: nowMs - ts < SUPPORT_PRESENCE_ONLINE_MS
+  };
+}
+function formatSupportPresenceLabel(snapshot, opts) {
+  if (snapshot.online) return opts.onlineLabel;
+  if (!snapshot.lastSeenAt) return opts.neverSeenLabel;
+  const ago = formatRelativeTimeAgo(snapshot.lastSeenAt);
+  if (!ago) return opts.neverSeenLabel;
+  return ago === "just now" ? "Last seen just now" : `Last seen ${ago}`;
+}
+function OfflineDot({ className }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("inline-flex h-2 w-2 shrink-0 rounded-full bg-muted-foreground/45", className),
+      "aria-hidden": "true"
+    }
+  );
+}
+function SupportPresenceStatus({
+  lastSeenAt,
+  onlineLabel = "Online",
+  neverSeenLabel = "Offline",
+  className
+}) {
+  const [, setTick] = useState(0);
+  useEffect(() => {
+    const id = window.setInterval(() => setTick((n) => n + 1), 15e3);
+    return () => window.clearInterval(id);
+  }, []);
+  const snapshot = supportPresenceFromLastSeen(lastSeenAt);
+  const label = formatSupportPresenceLabel(snapshot, { onlineLabel, neverSeenLabel });
+  return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex min-w-0 items-center gap-1.5", className), children: [
+    snapshot.online ? /* @__PURE__ */ jsx(LiveSpacePulseDot, {}) : /* @__PURE__ */ jsx(OfflineDot, {}),
+    /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+  ] });
+}
+
+export { SupportPresenceStatus };
+//# sourceMappingURL=support-presence-status.js.map
+//# sourceMappingURL=support-presence-status.js.map

package/dist/support-presence-status.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/dateDisplay.ts","../src/ui/utils.ts","../src/live-space/live-space-pulse-dot.tsx","../src/support/support-presence-status.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"support-presence-status.js","sourcesContent":["/** Parse `HH:mm` wall-clock time. */\nexport function parseWallClockHm(value: string): { h: number; m: number } | undefined {\n  const m = /^([01]\\d|2[0-3]):([0-5]\\d)$/.exec(value.trim());\n  if (!m) return undefined;\n  const h = Number(m[1]);\n  const min = Number(m[2]);\n  if (h > 23 || min > 59) return undefined;\n  return { h, m: min };\n}\n\nexport function toWallClockHmStr(h: number, m: number): string {\n  return `${String(h).padStart(2, \"0\")}:${String(m).padStart(2, \"0\")}`;\n}\n\n/** Format stored `HH:mm` without timezone conversion. */\nexport function formatWallClockTime(value: string, timeFormat: \"12h\" | \"24h\"): string {\n  const p = parseWallClockHm(value);\n  if (!p) return value.trim() || \"—\";\n  if (timeFormat === \"24h\") return toWallClockHmStr(p.h, p.m);\n  const ap = p.h >= 12 ? \"PM\" : \"AM\";\n  const h12 = p.h % 12 || 12;\n  return `${h12}:${String(p.m).padStart(2, \"0\")} ${ap}`;\n}\n\n/** Add minutes to a wall-clock `HH:mm`, wrapping at 24h. */\nexport function addWallClockMinutes(value: string, minutes: number): string {\n  const p = parseWallClockHm(value);\n  if (!p) return value;\n  const total = p.h * 60 + p.m + minutes;\n  const wrapped = ((total % (24 * 60)) + 24 * 60) % (24 * 60);\n  return toWallClockHmStr(Math.floor(wrapped / 60), wrapped % 60);\n}\n\n/** Format `YYYY-MM-DD` as a calendar date (no timezone shift). */\nexport function formatCalendarDate(ymd: string): string {\n  if (!ymd || !/^\\d{4}-\\d{2}-\\d{2}$/.test(ymd)) return ymd || \"—\";\n  const [y, m, d] = ymd.split(\"-\").map(Number);\n  return new Date(y, m - 1, d).toLocaleDateString(\"en-US\", {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n}\n\n/** ISO `yyyy-mm-dd` for a local calendar date. */\nexport function toDateStr(date: Date): string {\n  const y = date.getFullYear();\n  const m = String(date.getMonth() + 1).padStart(2, \"0\");\n  const d = String(date.getDate()).padStart(2, \"0\");\n  return `${y}-${m}-${d}`;\n}\n\nexport function isSameDay(a: Date, b: Date): boolean {\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\n/** Short label for a date; shows \"Today\" when it matches the current local day. */\nexport function formatDate(date: Date): string {\n  if (isSameDay(date, new Date())) return \"Today\";\n  return date.toLocaleDateString(\"en-US\", {\n    weekday: \"short\",\n    month: \"short\",\n    day: \"numeric\",\n  });\n}\n\nconst MS_MIN = 60_000;\nconst MS_HOUR = 60 * MS_MIN;\nconst MS_DAY = 24 * MS_HOUR;\n\n/**\n * Compact relative time for feeds (e.g. announcements, notifications): `2m ago`, `2d ago`.\n * Uses elapsed wall time from `now` (defaults to current time). Returns \"\" if `iso` is unparseable.\n */\nexport function formatRelativeTimeAgo(iso: string, now: Date = new Date()): string {\n  try {\n    const d = new Date(iso.trim());\n    if (!Number.isFinite(d.getTime())) return \"\";\n    let diffMs = now.getTime() - d.getTime();\n    if (diffMs < 0) diffMs = 0;\n    const sec = Math.floor(diffMs / 1000);\n    if (sec < 60) return \"just now\";\n    const min = Math.floor(diffMs / MS_MIN);\n    if (min < 60) return `${min}m ago`;\n    const hr = Math.floor(diffMs / MS_HOUR);\n    if (hr < 24) return `${hr}h ago`;\n    const day = Math.floor(diffMs / MS_DAY);\n    if (day < 7) return `${day}d ago`;\n    const week = Math.floor(day / 7);\n    if (week < 5) return `${week}w ago`;\n    const mo = Math.floor(day / 30);\n    if (mo < 12) return `${mo}mo ago`;\n    const yr = Math.floor(day / 365);\n    return `${Math.max(1, yr)}y ago`;\n  } catch {\n    return \"\";\n  }\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { cn } from \"../ui/utils\";\n\n/** Ping + solid emerald marker used on Live space page title and sidebar nav. */\nexport function LiveSpacePulseDot({ className }: { className?: string }) {\n  return (\n    <span className={cn(\"relative flex h-2 w-2 shrink-0\", className)} aria-hidden=\"true\">\n      <span className=\"absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-40\" />\n      <span className=\"relative inline-flex h-2 w-2 rounded-full bg-emerald-500\" />\n    </span>\n  );\n}\n","import { useEffect, useState } from \"react\";\nimport { formatRelativeTimeAgo } from \"../lib/dateDisplay\";\nimport { LiveSpacePulseDot } from \"../live-space/live-space-pulse-dot\";\nimport { cn } from \"../ui/utils\";\n\nconst SUPPORT_PRESENCE_ONLINE_MS = 45_000;\n\nfunction supportPresenceFromLastSeen(\n  lastSeenAt: string | null | undefined,\n  nowMs = Date.now(),\n): { lastSeenAt: string | null; online: boolean } {\n  if (!lastSeenAt) return { lastSeenAt: null, online: false };\n  const ts = new Date(lastSeenAt).getTime();\n  if (!Number.isFinite(ts)) return { lastSeenAt: null, online: false };\n  return {\n    lastSeenAt,\n    online: nowMs - ts < SUPPORT_PRESENCE_ONLINE_MS,\n  };\n}\n\nfunction formatSupportPresenceLabel(\n  snapshot: { online: boolean; lastSeenAt: string | null },\n  opts: { onlineLabel: string; neverSeenLabel: string },\n): string {\n  if (snapshot.online) return opts.onlineLabel;\n  if (!snapshot.lastSeenAt) return opts.neverSeenLabel;\n  const ago = formatRelativeTimeAgo(snapshot.lastSeenAt);\n  if (!ago) return opts.neverSeenLabel;\n  return ago === \"just now\" ? \"Last seen just now\" : `Last seen ${ago}`;\n}\n\nfunction OfflineDot({ className }: { className?: string }) {\n  return (\n    <span\n      className={cn(\"inline-flex h-2 w-2 shrink-0 rounded-full bg-muted-foreground/45\", className)}\n      aria-hidden=\"true\"\n    />\n  );\n}\n\n/** Green pulse when online; gray dot + last-seen otherwise. Ticks so \"3m ago\" stays current. */\nexport function SupportPresenceStatus({\n  lastSeenAt,\n  onlineLabel = \"Online\",\n  neverSeenLabel = \"Offline\",\n  className,\n}: {\n  lastSeenAt: string | null;\n  onlineLabel?: string;\n  neverSeenLabel?: string;\n  className?: string;\n}) {\n  const [, setTick] = useState(0);\n\n  useEffect(() => {\n    const id = window.setInterval(() => setTick((n) => n + 1), 15_000);\n    return () => window.clearInterval(id);\n  }, []);\n\n  const snapshot = supportPresenceFromLastSeen(lastSeenAt);\n  const label = formatSupportPresenceLabel(snapshot, { onlineLabel, neverSeenLabel });\n\n  return (\n    <span className={cn(\"inline-flex min-w-0 items-center gap-1.5\", className)}>\n      {snapshot.online ? <LiveSpacePulseDot /> : <OfflineDot />}\n      <span className=\"truncate\">{label}</span>\n    </span>\n  );\n}\n"]}

package/dist/theme-appearance-control.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ThemeAppearanceControl(): react_jsx_runtime.JSX.Element;
+
+export { ThemeAppearanceControl };

package/dist/theme-appearance-control.js

@@ -0,0 +1,114 @@
+import { Monitor, Sun, Moon } from 'lucide-react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { useTheme } from 'next-themes';
+
+// src/theme/theme-appearance-control.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function RadioGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    {
+      "data-slot": "radio-group",
+      className: cn("grid gap-3", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(
+        "flex size-[18px] shrink-0 items-center justify-center rounded-full border border-border bg-card shadow-sm outline-none transition-[border-color,box-shadow]",
+        "focus-visible:border-blue-500 focus-visible:ring-[3px] focus-visible:ring-blue-500/25",
+        "aria-invalid:border-red-400 aria-invalid:ring-red-500/20",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=checked]:border-blue-600",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        RadioGroupPrimitive.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "flex items-center justify-center",
+          children: /* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-full bg-blue-600" })
+        }
+      )
+    }
+  );
+}
+var OPTIONS = [
+  {
+    value: "system",
+    label: "System",
+    description: "Follow your device appearance",
+    icon: Monitor
+  },
+  { value: "light", label: "Light (default)", description: "Always use light mode", icon: Sun },
+  { value: "dark", label: "Dark", description: "Always use dark mode", icon: Moon }
+];
+function ThemeAppearanceControl() {
+  const { theme, setTheme } = useTheme();
+  const value = theme ?? "light";
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-foreground", children: "Appearance" }),
+    /* @__PURE__ */ jsx(
+      RadioGroup,
+      {
+        value,
+        onValueChange: (next) => setTheme(next),
+        className: "flex flex-col gap-2",
+        children: OPTIONS.map((opt) => {
+          const Icon = opt.icon;
+          return /* @__PURE__ */ jsxs(
+            "label",
+            {
+              htmlFor: `theme-${opt.value}`,
+              className: "flex cursor-pointer items-start gap-3 rounded-lg border border-border bg-card px-3 py-2.5 transition-colors has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring/50 hover:bg-accent/50",
+              children: [
+                /* @__PURE__ */ jsx(RadioGroupItem, { id: `theme-${opt.value}`, value: opt.value, className: "mt-0.5" }),
+                /* @__PURE__ */ jsx(Icon, { size: 16, className: "mt-0.5 shrink-0 text-muted-foreground", strokeWidth: 1.75 }),
+                /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium text-foreground", children: opt.label }),
+                  /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: opt.description })
+                ] })
+              ]
+            },
+            opt.value
+          );
+        })
+      }
+    )
+  ] });
+}
+
+export { ThemeAppearanceControl };
+//# sourceMappingURL=theme-appearance-control.js.map
+//# sourceMappingURL=theme-appearance-control.js.map

package/dist/theme-appearance-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/utils.ts","../src/ui/label.tsx","../src/ui/radio-group.tsx","../src/theme/theme-appearance-control.tsx"],"names":["jsx"],"mappings":";;;;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACEA,SAAS,KAAA,CAAM,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqD;AACxF,EAAA,uBACE,GAAA;AAAA,IAAgB,cAAA,CAAA,IAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,qNAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;ACXA,SAAS,UAAA,CAAW;AAAA,EAClB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,uBACEA,GAAAA;AAAA,IAAqB,mBAAA,CAAA,IAAA;AAAA,IAApB;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA;AAAA,MACpC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,uBACEA,GAAAA;AAAA,IAAqB,mBAAA,CAAA,IAAA;AAAA,IAApB;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,6JAAA;AAAA,QACA,uFAAA;AAAA,QACA,0DAAA;AAAA,QACA,iDAAA;AAAA,QACA,sCAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAA,GAAAA;AAAA,QAAqB,mBAAA,CAAA,SAAA;AAAA,QAApB;AAAA,UACC,WAAA,EAAU,uBAAA;AAAA,UACV,SAAA,EAAU,kCAAA;AAAA,UAEV,QAAA,kBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAoC;AAAA;AAAA;AACtD;AAAA,GACF;AAEJ;ACvCA,IAAM,OAAA,GAKD;AAAA,EACH;AAAA,IACE,KAAA,EAAO,QAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,WAAA,EAAa,+BAAA;AAAA,IACb,IAAA,EAAM;AAAA,GACR;AAAA,EACA,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,mBAAmB,WAAA,EAAa,uBAAA,EAAyB,MAAM,GAAA,EAAI;AAAA,EAC5F,EAAE,OAAO,MAAA,EAAQ,KAAA,EAAO,QAAQ,WAAA,EAAa,sBAAA,EAAwB,MAAM,IAAA;AAC7E,CAAA;AAEO,SAAS,sBAAA,GAAyB;AACvC,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAI,QAAA,EAAS;AACrC,EAAA,MAAM,QAAS,KAAA,IAAS,OAAA;AAExB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA,YAAA,EAAU,CAAA;AAAA,oBACjEA,GAAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,aAAA,EAAe,CAAC,IAAA,KAAS,QAAA,CAAS,IAAoB,CAAA;AAAA,QACtD,SAAA,EAAU,qBAAA;AAAA,QAET,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,GAAA,KAAQ;AACpB,UAAA,MAAM,OAAO,GAAA,CAAI,IAAA;AACjB,UAAA,uBACE,IAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cAEC,OAAA,EAAS,CAAA,MAAA,EAAS,GAAA,CAAI,KAAK,CAAA,CAAA;AAAA,cAC3B,SAAA,EAAU,8LAAA;AAAA,cAEV,QAAA,EAAA;AAAA,gCAAAA,GAAAA,CAAC,cAAA,EAAA,EAAe,EAAA,EAAI,CAAA,MAAA,EAAS,GAAA,CAAI,KAAK,CAAA,CAAA,EAAI,KAAA,EAAO,GAAA,CAAI,KAAA,EAAO,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,gCAC/EA,IAAC,IAAA,EAAA,EAAK,IAAA,EAAM,IAAI,SAAA,EAAU,uCAAA,EAAwC,aAAa,IAAA,EAAM,CAAA;AAAA,gCACrF,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EACd,QAAA,EAAA;AAAA,kCAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2CAAA,EAA6C,cAAI,KAAA,EAAM,CAAA;AAAA,kCACvEA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qCAAA,EAAuC,cAAI,WAAA,EAAY;AAAA,iBAAA,EACzE;AAAA;AAAA,aAAA;AAAA,YATK,GAAA,CAAI;AAAA,WAUX;AAAA,QAEJ,CAAC;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ","file":"theme-appearance-control.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"./utils\";\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\n\nimport { cn } from \"./utils\";\n\nfunction RadioGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn(\"grid gap-3\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioGroupItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        \"flex size-[18px] shrink-0 items-center justify-center rounded-full border border-border bg-card shadow-sm outline-none transition-[border-color,box-shadow]\",\n        \"focus-visible:border-blue-500 focus-visible:ring-[3px] focus-visible:ring-blue-500/25\",\n        \"aria-invalid:border-red-400 aria-invalid:ring-red-500/20\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        \"data-[state=checked]:border-blue-600\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"flex items-center justify-center\"\n      >\n        <span className=\"size-2.5 rounded-full bg-blue-600\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n","import { Monitor, Moon, Sun } from \"lucide-react\";\nimport { Label } from \"../ui/label\";\nimport { RadioGroup, RadioGroupItem } from \"../ui/radio-group\";\nimport { useTheme } from \"./theme-provider\";\nimport type { WebThemeMode } from \"./constants\";\n\nconst OPTIONS: ReadonlyArray<{\n  value: WebThemeMode;\n  label: string;\n  description: string;\n  icon: typeof Sun;\n}> = [\n  {\n    value: \"system\",\n    label: \"System\",\n    description: \"Follow your device appearance\",\n    icon: Monitor,\n  },\n  { value: \"light\", label: \"Light (default)\", description: \"Always use light mode\", icon: Sun },\n  { value: \"dark\", label: \"Dark\", description: \"Always use dark mode\", icon: Moon },\n];\n\nexport function ThemeAppearanceControl() {\n  const { theme, setTheme } = useTheme();\n  const value = (theme ?? \"light\") as WebThemeMode;\n\n  return (\n    <div className=\"space-y-3\">\n      <Label className=\"text-sm font-medium text-foreground\">Appearance</Label>\n      <RadioGroup\n        value={value}\n        onValueChange={(next) => setTheme(next as WebThemeMode)}\n        className=\"flex flex-col gap-2\"\n      >\n        {OPTIONS.map((opt) => {\n          const Icon = opt.icon;\n          return (\n            <label\n              key={opt.value}\n              htmlFor={`theme-${opt.value}`}\n              className=\"flex cursor-pointer items-start gap-3 rounded-lg border border-border bg-card px-3 py-2.5 transition-colors has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring/50 hover:bg-accent/50\"\n            >\n              <RadioGroupItem id={`theme-${opt.value}`} value={opt.value} className=\"mt-0.5\" />\n              <Icon size={16} className=\"mt-0.5 shrink-0 text-muted-foreground\" strokeWidth={1.75} />\n              <span className=\"min-w-0 flex-1\">\n                <span className=\"block text-sm font-medium text-foreground\">{opt.label}</span>\n                <span className=\"block text-xs text-muted-foreground\">{opt.description}</span>\n              </span>\n            </label>\n          );\n        })}\n      </RadioGroup>\n    </div>\n  );\n}\n"]}

package/dist/theme-boot-script.d.ts

@@ -0,0 +1,4 @@
+/** Inline script for index.html — prevents light flash before React hydrates */
+declare const THEME_BOOT_SCRIPT: string;
+
+export { THEME_BOOT_SCRIPT };

package/dist/theme-boot-script.js

@@ -0,0 +1,9 @@
+// src/theme/constants.ts
+var WEB_THEME_STORAGE_KEY = "coworking.web.theme";
+
+// src/theme/theme-boot-script.ts
+var THEME_BOOT_SCRIPT = `(function(){try{var k=${JSON.stringify(WEB_THEME_STORAGE_KEY)};var t=localStorage.getItem(k)||"light";var d=t==="dark"||(t==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches);document.documentElement.classList.toggle("dark",d);}catch(e){}})();`;
+
+export { THEME_BOOT_SCRIPT };
+//# sourceMappingURL=theme-boot-script.js.map
+//# sourceMappingURL=theme-boot-script.js.map

package/dist/theme-boot-script.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/constants.ts","../src/theme/theme-boot-script.ts"],"names":[],"mappings":";AACO,IAAM,qBAAA,GAAwB,qBAAA;;;ACE9B,IAAM,iBAAA,GAAoB,CAAA,sBAAA,EAAyB,IAAA,CAAK,SAAA,CAAU,qBAAqB,CAAC,CAAA,wMAAA","file":"theme-boot-script.js","sourcesContent":["/** localStorage key used by next-themes and the index.html boot script */\nexport const WEB_THEME_STORAGE_KEY = \"coworking.web.theme\";\n\nexport type WebThemeMode = \"system\" | \"light\" | \"dark\";\n","import { WEB_THEME_STORAGE_KEY } from \"./constants\";\n\n/** Inline script for index.html — prevents light flash before React hydrates */\nexport const THEME_BOOT_SCRIPT = `(function(){try{var k=${JSON.stringify(WEB_THEME_STORAGE_KEY)};var t=localStorage.getItem(k)||\"light\";var d=t===\"dark\"||(t===\"system\"&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches);document.documentElement.classList.toggle(\"dark\",d);}catch(e){}})();`;\n"]}

package/dist/theme-provider.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+export { useTheme } from 'next-themes';
+
+declare function ThemeProvider({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { ThemeProvider };

package/dist/theme-provider.js

@@ -0,0 +1,25 @@
+import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
+export { useTheme } from 'next-themes';
+import { jsx } from 'react/jsx-runtime';
+
+// src/theme/theme-provider.tsx
+
+// src/theme/constants.ts
+var WEB_THEME_STORAGE_KEY = "coworking.web.theme";
+function ThemeProvider({ children }) {
+  return /* @__PURE__ */ jsx(
+    ThemeProvider$1,
+    {
+      attribute: "class",
+      defaultTheme: "light",
+      enableSystem: true,
+      storageKey: WEB_THEME_STORAGE_KEY,
+      disableTransitionOnChange: true,
+      children
+    }
+  );
+}
+
+export { ThemeProvider };
+//# sourceMappingURL=theme-provider.js.map
+//# sourceMappingURL=theme-provider.js.map

package/dist/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/constants.ts","../src/theme/theme-provider.tsx"],"names":["NextThemesProvider"],"mappings":";;;;;;;AACO,IAAM,qBAAA,GAAwB,qBAAA;ACG9B,SAAS,aAAA,CAAc,EAAE,QAAA,EAAS,EAA4B;AACnE,EAAA,uBACE,GAAA;AAAA,IAACA,eAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,OAAA;AAAA,MACV,YAAA,EAAa,OAAA;AAAA,MACb,YAAA,EAAY,IAAA;AAAA,MACZ,UAAA,EAAY,qBAAA;AAAA,MACZ,yBAAA,EAAyB,IAAA;AAAA,MAExB;AAAA;AAAA,GACH;AAEJ","file":"theme-provider.js","sourcesContent":["/** localStorage key used by next-themes and the index.html boot script */\nexport const WEB_THEME_STORAGE_KEY = \"coworking.web.theme\";\n\nexport type WebThemeMode = \"system\" | \"light\" | \"dark\";\n","import { ThemeProvider as NextThemesProvider } from \"next-themes\";\nimport type { ReactNode } from \"react\";\nimport { WEB_THEME_STORAGE_KEY } from \"./constants\";\n\nexport function ThemeProvider({ children }: { children: ReactNode }) {\n  return (\n    <NextThemesProvider\n      attribute=\"class\"\n      defaultTheme=\"light\"\n      enableSystem\n      storageKey={WEB_THEME_STORAGE_KEY}\n      disableTransitionOnChange\n    >\n      {children}\n    </NextThemesProvider>\n  );\n}\n\nexport { useTheme } from \"next-themes\";\n"]}