@ekkolyth/ui 0.1.16 → 0.1.18

package/dist/tanstack.d.ts

@@ -1,12 +0,0 @@
-export { TanstackThemeProvider as ThemeProvider, useTanstackTheme as useTheme } from './providers/tanstack.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ToasterProps } from 'sonner';
-export { S as SystemTheme, T as ThemeName } from './types-fUfvw1Mz.js';
-
-/**
- * Theme-aware Toaster for TanStack Router apps
- * Automatically syncs with TanstackThemeProvider
- */
-declare function TanstackToaster(props: ToasterProps): react_jsx_runtime.JSX.Element;
-
-export { TanstackToaster as Toaster };

package/dist/tanstack.js

@@ -1,203 +0,0 @@
-import { createContext, useState, useMemo, useEffect, use } from 'react';
-import { jsx } from 'react/jsx-runtime';
-import { Toaster as Toaster$1 } from 'sonner';
-import { Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var initialState = {
-  systemTheme: "system",
-  resolvedTheme: "ekkolyth-light",
-  availableThemes: {
-    light: ["ekkolyth-light"],
-    dark: ["ekkolyth-dark"]
-  },
-  setSystemTheme: () => null,
-  setSpecificTheme: () => null
-};
-var TanstackThemeProviderContext = createContext(initialState);
-var resolveSystemTheme = (systemTheme) => {
-  if (systemTheme === "system" || systemTheme === "normal") {
-    if (typeof window !== "undefined") {
-      return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-    }
-    return "light";
-  }
-  return systemTheme;
-};
-function TanstackThemeProvider({
-  children,
-  defaultTheme = "system",
-  lightTheme = ["ekkolyth-light"],
-  darkTheme = ["ekkolyth-dark"],
-  storageKey = "ekko-ui"
-}) {
-  const lightThemes = Array.isArray(lightTheme) ? lightTheme : [lightTheme];
-  const darkThemes = Array.isArray(darkTheme) ? darkTheme : [darkTheme];
-  const [systemTheme, setSystemThemeState] = useState(() => {
-    if (typeof window !== "undefined") {
-      const stored = localStorage.getItem(
-        `${storageKey}.theme-mode`
-      );
-      return stored || defaultTheme;
-    }
-    return defaultTheme;
-  });
-  const [selectedLightTheme, setSelectedLightThemeState] = useState(() => {
-    if (typeof window !== "undefined") {
-      const stored = localStorage.getItem(
-        `${storageKey}.theme-light`
-      );
-      return stored && lightThemes.includes(stored) ? stored : lightThemes[0];
-    }
-    return lightThemes[0];
-  });
-  const [selectedDarkTheme, setSelectedDarkThemeState] = useState(
-    () => {
-      if (typeof window !== "undefined") {
-        const stored = localStorage.getItem(
-          `${storageKey}.theme-dark`
-        );
-        return stored && darkThemes.includes(stored) ? stored : darkThemes[0];
-      }
-      return darkThemes[0];
-    }
-  );
-  const resolvedTheme = useMemo(() => {
-    const resolvedSystem = resolveSystemTheme(systemTheme);
-    return resolvedSystem === "light" ? selectedLightTheme : selectedDarkTheme;
-  }, [systemTheme, selectedLightTheme, selectedDarkTheme]);
-  useEffect(() => {
-    const root = document.documentElement;
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const updateTheme = () => {
-      const resolvedSystem = resolveSystemTheme(systemTheme);
-      const themeToApply = resolvedSystem === "light" ? selectedLightTheme : selectedDarkTheme;
-      root.setAttribute("data-theme", themeToApply);
-    };
-    updateTheme();
-    if (systemTheme === "system" || systemTheme === "normal") {
-      mediaQuery.addEventListener("change", updateTheme);
-      return () => mediaQuery.removeEventListener("change", updateTheme);
-    }
-  }, [systemTheme, selectedLightTheme, selectedDarkTheme]);
-  const value = useMemo(
-    () => ({
-      systemTheme,
-      resolvedTheme,
-      availableThemes: {
-        light: lightThemes,
-        dark: darkThemes
-      },
-      setSystemTheme: (newTheme) => {
-        if (typeof window !== "undefined") {
-          localStorage.setItem(`${storageKey}.theme-mode`, newTheme);
-        }
-        setSystemThemeState(newTheme);
-      },
-      setSpecificTheme: (mode, theme) => {
-        if (typeof window !== "undefined") {
-          const key = mode === "light" ? `${storageKey}.theme-light` : `${storageKey}.theme-dark`;
-          localStorage.setItem(key, theme);
-        }
-        if (mode === "light" && lightThemes.includes(theme)) {
-          setSelectedLightThemeState(theme);
-        } else if (mode === "dark" && darkThemes.includes(theme)) {
-          setSelectedDarkThemeState(theme);
-        }
-      }
-    }),
-    [systemTheme, resolvedTheme, lightThemes, darkThemes, storageKey]
-  );
-  return /* @__PURE__ */ jsx(TanstackThemeProviderContext.Provider, { value, children });
-}
-function useTanstackTheme() {
-  const context = use(TanstackThemeProviderContext);
-  if (context === void 0) {
-    throw new Error(
-      "useTanstackTheme must be used within a TanstackThemeProvider"
-    );
-  }
-  return context;
-}
-var Toaster = (_a) => {
-  var _b = _a, { theme = "system" } = _b, props = __objRest(_b, ["theme"]);
-  return /* @__PURE__ */ jsx(
-    Toaster$1,
-    __spreadValues({
-      theme,
-      className: "toaster group",
-      icons: {
-        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" })
-      },
-      style: {
-        "--normal-bg": "var(--popover)",
-        "--normal-text": "var(--popover-foreground)",
-        "--normal-border": "var(--border)",
-        "--border-radius": "var(--radius)"
-      },
-      toastOptions: {
-        classNames: {
-          toast: "cn-toast"
-        }
-      }
-    }, props)
-  );
-};
-
-// src/lib/types.ts
-var DARK_THEMES = [
-  "mocha",
-  "frappe",
-  "macchiato",
-  "tokyo-night",
-  "ekkoos-dark",
-  "ekkolyth-dark",
-  "ekko-playlist-dark"
-];
-
-// src/lib/theme.ts
-function isDarkTheme(theme) {
-  return DARK_THEMES.includes(theme);
-}
-function TanstackToaster(props) {
-  try {
-    const { resolvedTheme } = useTanstackTheme();
-    const theme = isDarkTheme(resolvedTheme) ? "dark" : "light";
-    return /* @__PURE__ */ jsx(Toaster, __spreadValues({ theme }, props));
-  } catch (e) {
-    return /* @__PURE__ */ jsx(Toaster, __spreadValues({ theme: "system" }, props));
-  }
-}
-
-export { TanstackThemeProvider as ThemeProvider, TanstackToaster as Toaster, useTanstackTheme as useTheme };

package/dist/themes/ekko-playlist.css

@@ -1,71 +0,0 @@
-/* Ekko Playlist - Light */
-html[data-theme="ekko-playlist-light"] {
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.586 0.253 17.585);
-  --primary-foreground: oklch(0.969 0.015 12.422);
-  --secondary: oklch(0.967 0.001 286.375);
-  --secondary-foreground: oklch(0.21 0.006 285.885);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.58 0.22 27);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --radius: 0.625rem;
-  --chart-1: oklch(0.81 0.117 11.638);
-  --chart-2: oklch(0.645 0.246 16.439);
-  --chart-3: oklch(0.586 0.253 17.585);
-  --chart-4: oklch(0.514 0.222 16.935);
-  --chart-5: oklch(0.455 0.188 13.697);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.586 0.253 17.585);
-  --sidebar-primary-foreground: oklch(0.969 0.015 12.422);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-}
-
-/* Ekko Playlist - Dark */
-html[data-theme="ekko-playlist-dark"] {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.645 0.246 16.439);
-  --primary-foreground: oklch(0.969 0.015 12.422);
-  --secondary: oklch(0.274 0.006 286.033);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.371 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --radius: 0.625rem;
-  --chart-1: oklch(0.81 0.117 11.638);
-  --chart-2: oklch(0.645 0.246 16.439);
-  --chart-3: oklch(0.586 0.253 17.585);
-  --chart-4: oklch(0.514 0.222 16.935);
-  --chart-5: oklch(0.455 0.188 13.697);
-  --sidebar: oklch(0.21 0.006 285.885);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.645 0.246 16.439);
-  --sidebar-primary-foreground: oklch(0.969 0.015 12.422);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
-}

package/dist/themes/theme-select.d.ts

@@ -1,12 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { S as Select } from '../index-C3ceanPz.js';
-import 'radix-ui';
-
-interface ThemeSelectProps extends React.ComponentProps<typeof Select> {
-    size?: 'sm' | 'default';
-    className?: string;
-}
-declare function ThemeSelect({ size, className, ...props }: ThemeSelectProps): react_jsx_runtime.JSX.Element;
-
-export { ThemeSelect, type ThemeSelectProps };

package/dist/themes/theme-select.js

@@ -1,357 +0,0 @@
-import { Select as Select$1 } from 'radix-ui';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'next-themes';
-import { createContext, use } from 'react';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-function Select(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx(Select$1.Root, __spreadValues({ "data-slot": "select" }, props));
-}
-function SelectGroup(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx(Select$1.Group, __spreadValues({ "data-slot": "select-group" }, props));
-}
-function SelectValue(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx(Select$1.Value, __spreadValues({ "data-slot": "select-value" }, props));
-}
-function SelectTrigger(_a) {
-  var _b = _a, {
-    className,
-    size = "default",
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "size",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxs(
-    Select$1.Trigger,
-    __spreadProps(__spreadValues({
-      "data-slot": "select-trigger",
-      "data-size": size,
-      className: cn(
-        "cursor-pointer border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )
-    }, props), {
-      children: [
-        children,
-        /* @__PURE__ */ jsx(Select$1.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
-      ]
-    })
-  );
-}
-function SelectContent(_a) {
-  var _b = _a, {
-    className,
-    children,
-    position = "item-aligned",
-    align = "center"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children",
-    "position",
-    "align"
-  ]);
-  return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsxs(
-    Select$1.Content,
-    __spreadProps(__spreadValues({
-      "data-slot": "select-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position,
-      align
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
-          Select$1.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-      ]
-    })
-  ) });
-}
-function SelectLabel(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx(
-    Select$1.Label,
-    __spreadValues({
-      "data-slot": "select-label",
-      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className)
-    }, props)
-  );
-}
-function SelectItem(_a) {
-  var _b = _a, {
-    className,
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxs(
-    Select$1.Item,
-    __spreadProps(__spreadValues({
-      "data-slot": "select-item",
-      className: cn(
-        "cursor-pointer focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        className
-      )
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "data-slot": "select-item-indicator",
-            className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
-          }
-        ),
-        /* @__PURE__ */ jsx(Select$1.ItemText, { children })
-      ]
-    })
-  );
-}
-function SelectScrollUpButton(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx(
-    Select$1.ScrollUpButton,
-    __spreadProps(__spreadValues({
-      "data-slot": "select-scroll-up-button",
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ jsx(
-        ChevronUpIcon,
-        {}
-      )
-    })
-  );
-}
-function SelectScrollDownButton(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx(
-    Select$1.ScrollDownButton,
-    __spreadProps(__spreadValues({
-      "data-slot": "select-scroll-down-button",
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ jsx(
-        ChevronDownIcon,
-        {}
-      )
-    })
-  );
-}
-var initialState = {
-  systemTheme: "system",
-  resolvedTheme: "ekkolyth-light",
-  availableThemes: {
-    light: ["ekkolyth-light"],
-    dark: ["ekkolyth-dark"]
-  },
-  setSystemTheme: () => null,
-  setSpecificTheme: () => null
-};
-var NextThemeProviderContext = createContext(initialState);
-function useNextTheme() {
-  const context = use(NextThemeProviderContext);
-  if (context === void 0) {
-    throw new Error("useNextTheme must be used within a NextThemeProvider");
-  }
-  return context;
-}
-var initialState2 = {
-  systemTheme: "system",
-  resolvedTheme: "ekkolyth-light",
-  availableThemes: {
-    light: ["ekkolyth-light"],
-    dark: ["ekkolyth-dark"]
-  },
-  setSystemTheme: () => null,
-  setSpecificTheme: () => null
-};
-var TanstackThemeProviderContext = createContext(initialState2);
-function useTanstackTheme() {
-  const context = use(TanstackThemeProviderContext);
-  if (context === void 0) {
-    throw new Error(
-      "useTanstackTheme must be used within a TanstackThemeProvider"
-    );
-  }
-  return context;
-}
-
-// src/lib/types.ts
-var LIGHT_THEMES = [
-  "latte",
-  "ekkoos-light",
-  "ekkolyth-light",
-  "ekko-playlist-light"
-];
-var DARK_THEMES = [
-  "mocha",
-  "frappe",
-  "macchiato",
-  "tokyo-night",
-  "ekkoos-dark",
-  "ekkolyth-dark",
-  "ekko-playlist-dark"
-];
-
-// src/lib/theme.ts
-function isLightTheme(theme) {
-  return LIGHT_THEMES.includes(theme);
-}
-function isDarkTheme(theme) {
-  return DARK_THEMES.includes(theme);
-}
-function useTheme() {
-  try {
-    return useNextTheme();
-  } catch (e) {
-    try {
-      return useTanstackTheme();
-    } catch (e2) {
-      throw new Error(
-        "useTheme must be used within a ThemeProvider (NextThemeProvider or TanstackThemeProvider)"
-      );
-    }
-  }
-}
-function ThemeSelect(_a) {
-  var _b = _a, {
-    size = "default",
-    className
-  } = _b, props = __objRest(_b, [
-    "size",
-    "className"
-  ]);
-  const { resolvedTheme, availableThemes, setSpecificTheme, setSystemTheme } = useTheme();
-  const handleThemeChange = (value) => {
-    const theme = value;
-    if (isLightTheme(theme)) {
-      setSpecificTheme("light", theme);
-      setSystemTheme("light");
-    } else if (isDarkTheme(theme)) {
-      setSpecificTheme("dark", theme);
-      setSystemTheme("dark");
-    }
-  };
-  const formatThemeName = (theme) => {
-    if (theme === "ekkoos-light") return "EkkoOS Light";
-    if (theme === "ekkoos-dark") return "EkkoOS Dark";
-    if (theme === "tokyo-night") return "Tokyo Night";
-    return theme.charAt(0).toUpperCase() + theme.slice(1);
-  };
-  return /* @__PURE__ */ jsxs(
-    Select,
-    __spreadProps(__spreadValues({
-      value: resolvedTheme,
-      onValueChange: handleThemeChange
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx(
-          SelectTrigger,
-          {
-            size,
-            className: cn(className),
-            children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select theme" })
-          }
-        ),
-        /* @__PURE__ */ jsxs(SelectContent, { children: [
-          availableThemes.light.length > 0 && /* @__PURE__ */ jsxs(SelectGroup, { children: [
-            /* @__PURE__ */ jsx(SelectLabel, { children: "Light Themes" }),
-            availableThemes.light.map((theme) => /* @__PURE__ */ jsx(
-              SelectItem,
-              {
-                value: theme,
-                children: formatThemeName(theme)
-              },
-              theme
-            ))
-          ] }),
-          availableThemes.dark.length > 0 && /* @__PURE__ */ jsxs(SelectGroup, { children: [
-            /* @__PURE__ */ jsx(SelectLabel, { children: "Dark Themes" }),
-            availableThemes.dark.map((theme) => /* @__PURE__ */ jsx(
-              SelectItem,
-              {
-                value: theme,
-                children: formatThemeName(theme)
-              },
-              theme
-            ))
-          ] })
-        ] })
-      ]
-    })
-  );
-}
-
-export { ThemeSelect };

package/dist/themes/theme-toggle.d.ts

@@ -1,15 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { T as Toggle } from '../index-C7t_lwpi.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-import 'radix-ui';
-
-interface ThemeToggleProps extends React.ComponentProps<typeof Toggle> {
-    variant?: 'default' | 'outline';
-    size?: 'default' | 'sm' | 'lg';
-    className?: string;
-}
-declare function ThemeToggle({ variant, size, className, ...props }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
-
-export { ThemeToggle, type ThemeToggleProps };