@rimelight/ui 0.0.41 → 0.0.43

package/src/presets/index.ts

@@ -1,577 +0,0 @@
-import { dirname, join } from "node:path"
-import { fileURLToPath } from "node:url"
-import {
-  definePreset,
-  presetTypography,
-  presetWind4,
-  presetIcons,
-  transformerDirectives,
-  transformerVariantGroup,
-  type Preset
-} from "unocss"
-import { colorConfig } from "../config/color.config"
-
-const pathDirname = dirname(fileURLToPath(import.meta.url))
-export const uiSrcGlob = join(pathDirname, "../**/*.{js,ts,jsx,tsx,vue,svelte,astro}")
-export const uiFilesystemGlob = join(pathDirname, "../**/*")
-
-type ColorShades = Record<string, string>
-type ColorModeShades = { light?: ColorShades; dark?: ColorShades }
-export type ColorConfigValue = ColorShades | ColorModeShades
-
-function generateLightShade(shade: string, value: string): string {
-  const num = Number(shade)
-  if (isNaN(num)) return value
-  const mixPct = Math.min(60, ((950 - num) / 950) * 60)
-  return `color-mix(in oklch, ${value}, white ${mixPct.toFixed(0)}%)`
-}
-
-function generateDarkShade(shade: string, value: string): string {
-  const num = Number(shade)
-  if (isNaN(num)) return value
-  const mixPct = Math.min(60, ((num - 50) / 900) * 60)
-  return `color-mix(in oklch, ${value}, black ${mixPct.toFixed(0)}%)`
-}
-
-function resolveColorModes(
-  entry: ColorConfigValue,
-  autogenerate?: boolean
-): { light: Record<string, string>; dark: Record<string, string> } {
-  const raw = entry as Record<string, unknown>
-
-  const modeLight =
-    typeof raw.light === "object" && raw.light !== null ? { ...raw.light } : ({} as ColorShades)
-  const modeDark =
-    typeof raw.dark === "object" && raw.dark !== null ? { ...raw.dark } : ({} as ColorShades)
-
-  const modeKeys = new Set(["light", "dark"])
-  const flatShades: ColorShades = {}
-  for (const [k, v] of Object.entries(raw)) {
-    if (!modeKeys.has(k) && typeof v === "string") {
-      flatShades[k] = v
-    }
-  }
-
-  const allShades = [
-    ...new Set([...Object.keys(modeLight), ...Object.keys(modeDark), ...Object.keys(flatShades)])
-  ]
-
-  if (autogenerate) {
-    if (Object.keys(modeLight).length === 0) {
-      for (const shade of allShades) {
-        const value = flatShades[shade] ?? modeDark[shade]
-        if (value) modeLight[shade] = generateLightShade(shade, value)
-      }
-    }
-    if (Object.keys(modeDark).length === 0) {
-      for (const shade of allShades) {
-        const value = flatShades[shade] ?? modeLight[shade]
-        if (value) modeDark[shade] = generateDarkShade(shade, value)
-      }
-    }
-  }
-
-  const light: ColorShades = {}
-  const dark: ColorShades = {}
-
-  for (const shade of allShades) {
-    const lv = modeLight[shade] ?? flatShades[shade] ?? modeDark[shade]
-    if (lv !== undefined) light[shade] = lv
-
-    const dv = modeDark[shade] ?? flatShades[shade] ?? modeLight[shade]
-    if (dv !== undefined) dark[shade] = dv
-  }
-
-  return { light, dark }
-}
-
-const createScale = (colorName: string, shadeKeys: string[]) => ({
-  DEFAULT: `var(--${colorName})`,
-  foreground: `var(--${colorName}-foreground)`,
-  accent: `var(--${colorName}-accent)`,
-  ...Object.fromEntries(shadeKeys.map((shade) => [shade, `var(--color-${colorName}-${shade})`]))
-})
-
-export interface RimelightPresetOptions {
-  colors?: Record<string, ColorConfigValue>
-  autogenerateColorModes?: boolean
-  presets?: {
-    wind?: boolean
-    typography?: boolean
-    icons?: boolean
-  }
-}
-
-export default definePreset((options?: RimelightPresetOptions) => {
-  const userColors = options?.colors ?? {}
-  const autoGen = options?.autogenerateColorModes ?? true
-  const allColors = [...new Set([...colorConfig.colors, ...Object.keys(userColors)])]
-
-  // Built-in scales already have explicit {light, dark} buckets — pass through directly.
-  // Only user-provided colors need resolveColorModes (they may be flat shades or partial modes).
-  const resolvedBuiltins = Object.fromEntries(
-    Object.entries(colorConfig.scales).map(([name, entry]) => [name, entry])
-  )
-  const resolvedUserColors = Object.fromEntries(
-    Object.entries(userColors).map(([name, entry]) => [name, resolveColorModes(entry, autoGen)])
-  )
-  const resolvedColors = { ...resolvedBuiltins, ...resolvedUserColors }
-
-  const safelist = allColors.flatMap((color) => ["rl-color-" + color])
-
-  const enabledPresets = {
-    wind: options?.presets?.wind !== false,
-    typography: options?.presets?.typography !== false,
-    icons: options?.presets?.icons !== false
-  }
-
-  return {
-    name: "rimelight-ui",
-    safelist,
-    presets: (
-      [
-        enabledPresets.wind && presetWind4(),
-        enabledPresets.typography &&
-          presetTypography({
-            cssExtend: {
-              "h1,h2,h3,h4,h5,h6": {
-                "font-family": "var(--font-sans), system-ui, sans-serif"
-              },
-              "p,li,blockquote,code": {
-                "font-family": "var(--font-sans), system-ui, sans-serif"
-              },
-              "pre,code": {
-                "font-family": "var(--font-mono), monospace"
-              }
-            }
-          }),
-        enabledPresets.icons &&
-          presetIcons({
-            extraProperties: {
-              "display": "inline-block",
-              "vertical-align": "middle"
-            }
-          })
-      ] as const
-    ).filter((p): p is Preset => Boolean(p)),
-    transformers: [transformerDirectives(), transformerVariantGroup()],
-
-    outputToCssLayers: true,
-    layers: {
-      theme: 1,
-      preflights: 2,
-      shortcuts: 3,
-      default: 4
-    },
-
-    shortcuts: {
-      "container": "mx-auto w-full max-w-[var(--rl-container)] px-xs sm:px-md md:px-xl lg:px-xl",
-      "sr-only":
-        "absolute w-px h-px p-0 m-0 overflow-hidden clip-rect-1-1-1-1 whitespace-nowrap border-0"
-    },
-    rules: [
-      [
-        /^clip-rect-(\d+)-(\d+)-(\d+)-(\d+)$/,
-        ([, t, r, b, l]) => ({ clip: `rect(${t}px, ${r}px, ${b}px, ${l}px)` })
-      ],
-      [
-        /^rl-color-(.+)$/,
-        ([, color]) => ({
-          "--rl-bg": `var(--color-${color}-500)`,
-          "--rl-bg-hover": `var(--color-${color}-600)`,
-          "--rl-text": `var(--color-${color}-600)`,
-          "--rl-ring": `var(--color-${color}-500)`,
-          "--rl-border": `var(--color-${color}-500)`
-        })
-      ],
-      // Pins the element's color-scheme to light — light-dark() resolves to light values.
-      // Also sets color so plain text children inherit the correct foreground without needing
-      // an explicit utility class on every element.
-      ["rl-light", { "color-scheme": "light", "color": "var(--foreground)" }],
-      // Pins the element's color-scheme to dark — light-dark() resolves to dark values.
-      ["rl-dark", { "color-scheme": "dark", "color": "var(--foreground)" }],
-      // Resets color-scheme back to reactive — follows the page-level preference
-      // (i.e. whatever is set on <html>). Use inside a pinned wrapper to opt a subtree back out.
-      ["rl-auto", { "color-scheme": "light dark", "color": "var(--foreground)" }],
-      // Visibility-aware rendering utility to prevent unsafe inline style attributes in strict CSPs
-      [
-        "rla-visibility-aware",
-        {
-          "content-visibility": "auto",
-          "contain-intrinsic-size": "var(--rla-contain-intrinsic-size, auto 500px)"
-        }
-      ],
-      [
-        /^(text)-(default|muted|dimmed|toned|highlighted|elevated|accented|inverted)(?:\/(\d+))?$/,
-        ([, , name, opacity]) =>
-          opacity
-            ? { color: `color-mix(in srgb, var(--text-color-${name}) ${opacity}%, transparent)` }
-            : { color: `var(--text-color-${name})` }
-      ],
-      [
-        /^(bg)-(default|muted|elevated|accented|dimmed|toned|highlighted)(?:\/(\d+))?$/,
-        ([, , name, opacity]) =>
-          opacity
-            ? {
-                "background-color": `color-mix(in srgb, var(--background-color-${name}) ${opacity}%, transparent)`
-              }
-            : { "background-color": `var(--background-color-${name})` }
-      ],
-      [
-        /^bg-inverted(?:\/(\d+))?$/,
-        ([, opacity]) =>
-          opacity
-            ? {
-                "background-color": `color-mix(in srgb, var(--background-color-inverted) ${opacity}%, transparent)`,
-                "color": "var(--text-color-inverted)"
-              }
-            : {
-                "background-color": "var(--background-color-inverted)",
-                "color": "var(--text-color-inverted)"
-              }
-      ],
-      [
-        /^(ring)-(default|muted|elevated|accented|dimmed|toned|highlighted|inverted)(?:\/(\d+))?$/,
-        ([, , name, opacity]) =>
-          opacity
-            ? {
-                "--un-ring-color": `color-mix(in srgb, var(--ring-color-${name}) ${opacity}%, transparent)`
-              }
-            : { "--un-ring-color": `var(--ring-color-${name})` }
-      ],
-      [
-        /^(border)-(default|muted|elevated|accented|dimmed|toned|highlighted|inverted)(?:\/(\d+))?$/,
-        ([, , name, opacity]) =>
-          opacity
-            ? {
-                "border-color": `color-mix(in srgb, var(--border-color-${name}) ${opacity}%, transparent)`
-              }
-            : { "border-color": `var(--border-color-${name})` }
-      ],
-      [
-        /^(outline)-(inverted)(?:\/(\d+))?$/,
-        ([, , name, opacity]) =>
-          opacity
-            ? {
-                "outline-color": `color-mix(in srgb, var(--ring-color-${name}) ${opacity}%, transparent)`
-              }
-            : { "outline-color": `var(--ring-color-${name})` }
-      ]
-    ],
-
-    theme: {
-      spacing: {
-        "6xs": "0.125rem",
-        "5xs": "0.25rem",
-        "4xs": "0.375rem",
-        "3xs": "0.5rem",
-        "2xs": "0.625rem",
-        "xs": "0.75rem",
-        "sm": "0.875rem",
-        "md": "1rem",
-        "lg": "1.25rem",
-        "xl": "1.5rem",
-        "2xl": "2rem",
-        "3xl": "3rem",
-        "4xl": "4rem",
-        "5xl": "6rem",
-        "6xl": "8rem"
-      },
-      colors: {
-        "background": "var(--background)",
-        "foreground": "var(--foreground)",
-        "card": {
-          DEFAULT: "var(--card)",
-          foreground: "var(--card-foreground)"
-        },
-        "popover": {
-          DEFAULT: "var(--popover)",
-          foreground: "var(--popover-foreground)"
-        },
-        ...Object.fromEntries(
-          allColors.map((color) => {
-            const m = resolvedColors[color]!
-            const shadeKeys = [...new Set([...Object.keys(m.light), ...Object.keys(m.dark)])]
-            return [color, createScale(color, shadeKeys)]
-          })
-        ),
-        "muted": {
-          DEFAULT: "var(--muted)",
-          foreground: "var(--muted-foreground)"
-        },
-        "accent": {
-          DEFAULT: "var(--accent)",
-          foreground: "var(--accent-foreground)"
-        },
-        "border": "var(--border)",
-        "input": "var(--input)",
-        "outline": "var(--outline)",
-        "ring": "var(--ring)",
-        "destructive": {
-          DEFAULT: "var(--destructive)",
-          subtle: "var(--color-destructive-subtle)"
-        },
-        "sidebar": {
-          DEFAULT: "var(--sidebar)",
-          foreground: "var(--sidebar-foreground)",
-          primary: {
-            DEFAULT: "var(--sidebar-primary)",
-            foreground: "var(--sidebar-primary-foreground)"
-          },
-          accent: {
-            DEFAULT: "var(--sidebar-accent)",
-            foreground: "var(--sidebar-accent-foreground)"
-          },
-          border: "var(--sidebar-border)",
-          ring: "var(--sidebar-ring)"
-        },
-        "chart": {
-          "1": "var(--chart-1)",
-          "2": "var(--chart-2)",
-          "3": "var(--chart-3)",
-          "4": "var(--chart-4)",
-          "5": "var(--chart-5)"
-        },
-        "hover": "var(--color-hover)",
-        "surface": "var(--color-surface)",
-        "muted-strong": "var(--color-muted-strong)",
-        "foreground-secondary": "var(--color-foreground-secondary)",
-        "foreground-tertiary": "var(--color-foreground-tertiary)",
-        "placeholder": "var(--color-placeholder)",
-        "input-border": "var(--color-input-border)",
-        "accent-subtle": "var(--color-accent-subtle)",
-        "elevated": "var(--background-color-elevated)",
-        "accented": "var(--ring-color-accented)",
-        "dimmed": "var(--text-color-dimmed)",
-        "toned": "var(--text-color-toned)",
-        "highlighted": "var(--text-color-highlighted)"
-      },
-      radius: {
-        "xs": "calc(var(--radius) - 0.375rem)",
-        "sm": "calc(var(--radius) - 0.25rem)",
-        "md": "calc(var(--radius) - 0.125rem)",
-        "lg": "var(--radius)",
-        "xl": "calc(var(--radius) + 0.25rem)",
-        "2xl": "calc(var(--radius) + 0.5rem)",
-        "3xl": "calc(var(--radius) + 1rem)"
-      },
-      animation: {
-        keyframes: {
-          "accordion-down":
-            "from { height: 0; } to { height: var(--starwind-accordion-content-height); }",
-          "accordion-up":
-            "from { height: var(--starwind-accordion-content-height); } to { height: 0; }",
-          "marquee": "from { transform: translateX(0); } to { transform: translateX(-100%); }"
-        },
-        durations: {
-          "accordion-down": "0.2s",
-          "accordion-up": "0.2s",
-          "marquee": "30s"
-        },
-        timingFns: {
-          "accordion-down": "ease-out",
-          "accordion-up": "ease-out",
-          "marquee": "linear"
-        },
-        counts: { marquee: "infinite" }
-      }
-    },
-
-    preflights: [
-      {
-        getCSS: () => {
-          // Single pass: emit light-dark() for every color shade.
-          // The browser resolves each call based on the element's inherited color-scheme.
-          const lightDarkLines = Object.entries(resolvedColors)
-            .flatMap(([color, modes]) => {
-              const light = modes.light as Record<string, string>
-              const dark = (modes.dark ?? modes.light) as Record<string, string>
-              return Object.keys(light).map((shade) => {
-                const l = light[shade]
-                const d = dark[shade] ?? l
-                return `            --color-${color}-${shade}: light-dark(${l}, ${d});`
-              })
-            })
-            .join("\n")
-
-          return `
-        :root {
-          color-scheme: light dark;
-
-          /* Semantic tokens — each resolves to its light or dark value based on color-scheme */
-          --background: light-dark(#ffffff, #030712);
-          --foreground: light-dark(#030712, #f9fafb);
-          --card: light-dark(#ffffff, #111827);
-          --card-foreground: light-dark(#030712, #f9fafb);
-          --popover: light-dark(#ffffff, #1f2937);
-          --popover-foreground: light-dark(#030712, #f9fafb);
-          --primary: light-dark(#0064d7, #3b82f6);
-          --primary-foreground: #ffffff;
-          --primary-accent: light-dark(#0050ac, #60a5fa);
-          --secondary: #8b5cf6;
-          --secondary-foreground: #f9fafb;
-          --secondary-accent: light-dark(#7c3aed, #a78bfa);
-          --muted: light-dark(#f3f4f6, #1f2937);
-          --muted-foreground: light-dark(#4b5563, #9ca3af);
-          --accent: light-dark(#f3f4f6, #374151);
-          --accent-foreground: light-dark(#111827, #f3f4f6);
-          --info: #3b82f6;
-          --info-foreground: #ffffff;
-          --info-accent: light-dark(#2563eb, #60a5fa);
-          --success: #22c55e;
-          --success-foreground: #ffffff;
-          --success-accent: light-dark(#16a34a, #4ade80);
-          --warning: #f59e0b;
-          --warning-foreground: #000000;
-          --warning-accent: light-dark(#d97706, #fbbf24);
-          --error: #ef4444;
-          --error-foreground: #f9fafb;
-          --error-accent: light-dark(#dc2626, #f87171);
-          --commentary: light-dark(#ec4899, #f472b6);
-          --commentary-foreground: light-dark(#f9fafb, #0f172a);
-          --commentary-accent: light-dark(#db2777, #f9a8d4);
-          --ideation: light-dark(#8b5cf6, #a78bfa);
-          --ideation-foreground: light-dark(#f9fafb, #0f172a);
-          --ideation-accent: light-dark(#7c3aed, #c4b5fd);
-          --source: light-dark(#38bdf8, #7dd3fc);
-          --source-foreground: #0f172a;
-          --source-accent: light-dark(#0284c7, #bae6fd);
-          --border: light-dark(#e5e7eb, rgba(249, 250, 251, 0.1));
-          --input: light-dark(#e5e7eb, rgba(249, 250, 251, 0.15));
-          --outline: light-dark(#9ca3af, #6b7280);
-          --ring: light-dark(#9ca3af, #6b7280);
-          --radius: 0.625rem;
-          --sidebar: light-dark(#f9fafb, #111827);
-          --sidebar-foreground: light-dark(#030712, #f9fafb);
-          --sidebar-primary: #1d4ed8;
-          --sidebar-primary-foreground: #f9fafb;
-          --sidebar-accent: light-dark(#f3f4f6, #1f2937);
-          --sidebar-accent-foreground: light-dark(#111827, #f3f4f6);
-          --sidebar-border: light-dark(#e5e7eb, #1f2937);
-          --sidebar-ring: light-dark(#9ca3af, #6b7280);
-          --chart-1: light-dark(#3b82f6, #60a5fa);
-          --chart-2: light-dark(#6366f1, #818cf8);
-          --chart-3: light-dark(#8b5cf6, #a78bfa);
-          --chart-4: light-dark(#a855f7, #c084fc);
-          --chart-5: light-dark(#ec4899, #f472b6);
-          --destructive: light-dark(#ef4444, #f87171);
-          --color-surface: light-dark(#ffffff, #1f2937);
-          --color-muted-strong: light-dark(#e5e7eb, #374151);
-          --color-foreground-secondary: light-dark(#4b5563, #d1d5db);
-          --color-foreground-tertiary: light-dark(#6b7280, #9ca3af);
-          --color-placeholder: light-dark(#9ca3af, #6b7280);
-          --color-input-border: light-dark(#d1d5db, #4b5563);
-          --color-hover: light-dark(#f3f4f6, #374151);
-          --color-destructive-subtle: light-dark(#fef2f2, #451a1a);
-          --color-accent-subtle: light-dark(#eff6ff, #1e293b);
-          --font-sans: "Noto Sans", sans-serif;
-          --font-serif: "Noto Serif", serif;
-          --font-mono: "Noto Sans Mono", monospace;
-
-          --ui-header-height: 4rem;
-          --rl-container: 90rem;
-
-          /* Text / background / border / ring semantic tokens using responsive neutral variables */
-          --text-color-default: var(--color-neutral-700);
-          --text-color-muted: var(--color-neutral-600);
-          --text-color-dimmed: var(--color-neutral-500);
-          --text-color-toned: var(--color-neutral-800);
-          --text-color-highlighted: var(--color-neutral-950);
-          --text-color-elevated: var(--color-neutral-800);
-          --text-color-accented: var(--color-neutral-900);
-          --text-color-inverted: var(--color-neutral-50);
-
-          --background-color-default: light-dark(#ffffff, var(--color-neutral-50));
-          --background-color-muted: var(--color-neutral-100);
-          --background-color-elevated: var(--color-neutral-200);
-          --background-color-accented: var(--color-neutral-300);
-          --background-color-dimmed: var(--color-neutral-400);
-          --background-color-toned: var(--color-neutral-800);
-          --background-color-highlighted: var(--color-neutral-900);
-          --background-color-inverted: var(--color-neutral-950);
-
-          --border-color-default: var(--color-neutral-200);
-          --border-color-muted: var(--color-neutral-100);
-          --border-color-elevated: var(--color-neutral-200);
-          --border-color-accented: var(--color-neutral-300);
-          --border-color-dimmed: var(--color-neutral-400);
-          --border-color-toned: var(--color-neutral-800);
-          --border-color-highlighted: var(--color-neutral-900);
-          --border-color-inverted: var(--color-neutral-950);
-
-          --ring-color-default: var(--color-neutral-200);
-          --ring-color-muted: var(--color-neutral-100);
-          --ring-color-elevated: var(--color-neutral-200);
-          --ring-color-accented: var(--color-neutral-300);
-          --ring-color-dimmed: var(--color-neutral-400);
-          --ring-color-toned: var(--color-neutral-800);
-          --ring-color-highlighted: var(--color-neutral-900);
-          --ring-color-inverted: var(--color-neutral-950);
-
-          --divide-color-default: var(--color-neutral-200);
-          --divide-color-inverted: var(--color-neutral-950);
-
-          /* Color scales — light-dark() resolves based on inherited color-scheme */
-${lightDarkLines}
-
-          /* Shiki / Expressive Code */
-          --shiki-foreground: #e1e4e8;
-          --shiki-background: #1f2428;
-          --shiki-token-keyword: #f97583;
-          --shiki-token-string: #9ecbff;
-          --shiki-token-comment: #6a737d;
-          --shiki-token-function: #b392f0;
-          --shiki-token-constant: #79b8ff;
-          --shiki-token-parameter: #ffab70;
-          --shiki-token-punctuation: #e1e4e8;
-        }
-        /* Re-declare color on semantic text elements so light-dark() re-evaluates
-           against each element's own inherited color-scheme. Without this, plain
-           text inherits a pre-computed color from body and ignores rl-dark/rl-light
-           wrappers. All rules are overridable by any utility class. */
-        p, h1, h2, h3, h4, h5, h6,
-        li, blockquote, figcaption, caption,
-        label, legend, dt, dd {
-          color: var(--foreground);
-        }
-        .dark {
-          color-scheme: dark;
-        }
-        .light {
-          color-scheme: light;
-        }
-
-        /* Accessibility fallback for hidden="until-found" in older/non-supporting browsers */
-        @supports not (content-visibility: hidden) {
-          [hidden="until-found"] {
-            display: none !important;
-          }
-        }
-
-        /* ── Global body reset ───────────────────────────────────────────── */
-        body {
-          background-color: var(--background);
-          color: var(--foreground);
-          font-family: var(--font-sans);
-        }
-
-        /* ── Uniform focus styles ────────────────────────────────────────── */
-        *,
-        ::before,
-        ::after {
-          /* Setup default ring/outline parameters or halo */
-          --un-ring-color: var(--primary);
-        }
-
-        *:focus-visible,
-        *:has(> a:focus-visible) {
-          outline: 2px solid color-mix(in srgb, var(--un-ring-color, var(--primary)) 25%, transparent);
-          outline-offset: 2px;
-        }
-
-        `
-        }
-      }
-    ]
-  }
-})

package/src/stores/toast.ts

@@ -1,24 +0,0 @@
-import { atom } from "nanostores"
-
-export interface ToastItem {
-  id: string
-  title: string
-  description?: string
-  variant?: "success" | "error" | "warning" | "info" | "default"
-}
-
-export const toasts = atom<ToastItem[]>([])
-
-export function addToast(toast: Omit<ToastItem, "id">) {
-  const id = Math.random().toString(36).slice(2, 9)
-  const item: ToastItem = { id, ...toast }
-  toasts.set([...toasts.get(), item])
-
-  setTimeout(() => {
-    removeToast(id)
-  }, 4500)
-}
-
-export function removeToast(id: string) {
-  toasts.set(toasts.get().filter((t) => t.id !== id))
-}

package/src/themes.ts

@@ -1,26 +0,0 @@
-import type { ComponentTheme } from "./types/component"
-
-export { defineTheme } from "./utils/defineTheme"
-
-const themeModules = import.meta.glob<{ default: ComponentTheme }>("./components/**/*.theme.ts", {
-  eager: true
-})
-
-function kebabToCamel(str: string): string {
-  return str.replace(/-([a-z])/g, (_, char) => char.toUpperCase())
-}
-
-function themeNameFromFile(path: string): string {
-  const fileName =
-    path
-      .split("/")
-      .pop()
-      ?.replace(/\.theme\.ts$/, "") || ""
-  return kebabToCamel(fileName)
-}
-
-export const uiConfig: Record<string, ComponentTheme> = Object.fromEntries(
-  Object.entries(themeModules)
-    .filter(([_, mod]) => Boolean(mod && mod.default))
-    .map(([path, module]) => [themeNameFromFile(path), module.default])
-)

package/src/types/component.ts

@@ -1,28 +0,0 @@
-import type { colorScales } from "../config/color.config"
-
-export type Theme = "light" | "dark"
-
-export type ThemeColor = keyof typeof colorScales | (string & {})
-
-export interface ComponentTheme {
-  slots: string[]
-  base: Record<string, string | string[]>
-  variants?: Record<string, Record<string, Record<string, string | string[]>>>
-  compoundVariants?: any[]
-  defaultVariants?: Record<string, unknown>
-}
-
-export type ComponentVariants<T extends { variants?: Record<string, Record<string, unknown>> }> =
-  T["variants"] extends Record<string, Record<string, unknown>>
-    ? {
-        [K in keyof T["variants"]]?: T["variants"][K] extends { true: unknown; false: unknown }
-          ? boolean
-          : T["variants"][K] extends { true: unknown }
-            ? boolean
-            : keyof T["variants"][K]
-      }
-    : never
-
-export type ComponentSlots<T extends { slots: readonly string[] }> = Partial<
-  Record<T["slots"][number], string>
->