@ekkolyth/ui 0.1.16 → 0.1.18

package/dist/themes/theme-toggle.js

@@ -1,179 +0,0 @@
-import { Monitor, Moon, Sun } from 'lucide-react';
-import { cva } from 'class-variance-authority';
-import { Toggle as Toggle$1 } from 'radix-ui';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { 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));
-}
-var toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Toggle(_a) {
-  var _b = _a, {
-    className,
-    variant = "default",
-    size = "default"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "variant",
-    "size"
-  ]);
-  return /* @__PURE__ */ jsx(
-    Toggle$1.Root,
-    __spreadValues({
-      "data-slot": "toggle",
-      className: cn(toggleVariants({ variant, size, className }))
-    }, props)
-  );
-}
-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;
-}
-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 ThemeToggle(_a) {
-  var _b = _a, {
-    variant = "default",
-    size = "default",
-    className
-  } = _b, props = __objRest(_b, [
-    "variant",
-    "size",
-    "className"
-  ]);
-  const { systemTheme, setSystemTheme } = useTheme();
-  const cycleTheme = () => {
-    const cycle = ["light", "dark", "system"];
-    const currentIndex = cycle.indexOf(
-      systemTheme === "normal" ? "light" : systemTheme
-    );
-    const nextIndex = (currentIndex + 1) % cycle.length;
-    setSystemTheme(cycle[nextIndex]);
-  };
-  const getIcon = () => {
-    const normalizedTheme = systemTheme === "normal" ? "light" : systemTheme;
-    switch (normalizedTheme) {
-      case "light":
-        return /* @__PURE__ */ jsx(Sun, { className: "size-4" });
-      case "dark":
-        return /* @__PURE__ */ jsx(Moon, { className: "size-4" });
-      case "system":
-        return /* @__PURE__ */ jsx(Monitor, { className: "size-4" });
-      default:
-        return /* @__PURE__ */ jsx(Monitor, { className: "size-4" });
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Toggle,
-    __spreadProps(__spreadValues({
-      variant,
-      size,
-      className: cn(className),
-      onClick: cycleTheme,
-      "aria-label": `Switch theme. Current: ${systemTheme}`
-    }, props), {
-      children: getIcon()
-    })
-  );
-}
-
-export { ThemeToggle };

package/dist/types-fUfvw1Mz.d.ts

@@ -1,8 +0,0 @@
-type SystemTheme = 'light' | 'dark' | 'system' | 'normal';
-declare const LIGHT_THEMES: readonly ["latte", "ekkoos-light", "ekkolyth-light", "ekko-playlist-light"];
-declare const DARK_THEMES: readonly ["mocha", "frappe", "macchiato", "tokyo-night", "ekkoos-dark", "ekkolyth-dark", "ekko-playlist-dark"];
-type LightThemes = (typeof LIGHT_THEMES)[number];
-type DarkThemes = (typeof DARK_THEMES)[number];
-type ThemeName = LightThemes | DarkThemes;
-
-export type { DarkThemes as D, LightThemes as L, SystemTheme as S, ThemeName as T };