colbrush 1.0.1 → 1.0.4

package/package.json

@@ -1,80 +1,76 @@
-{
-    "name": "colbrush",
-    "version": "1.0.1",
-    "description": "",
-    "type": "module",
-    "main": "./dist/index.browser.js",
-    "module": "./dist/index.browser.js",
-    "types": "./dist/index.browser.d.ts",
-    "exports": {
-        ".": {
-            "types": "./dist/index.browser.d.ts",
-            "import": "./dist/index.browser.js",
-            "require": "./dist/index.browser.cjs"
-        },
-        "./styles.css": "./dist/styles.css",
-        "./client": {
-            "types": "./dist/client.d.ts",
-            "import": "./dist/client.js",
-            "require": "./dist/client.cjs"
-        },
-        "./package.json": "./package.json"
-    },
-    "typesVersions": {
-        "*": {
-            "*": [
-                "./dist/index.browser.d.ts"
-            ]
-        }
-    },
-    "files": [
-        "dist"
-    ],
-    "sideEffects": [
-        "dist/styles.css"
-    ],
-    "bin": {
-        "colbrush": "./dist/cli.js"
-    },
-    "scripts": {
-        "build": "tsup src/index.browser.ts src/client.ts src/cli.ts --format esm,cjs --dts && pnpm build:css",
-        "build:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify",
-        "dev": "tsup src/index.browser.ts --watch",
-        "test": "jest --passWithNoTests",
-        "prepublishOnly": "pnpm build"
-    },
-    "keywords": [],
-    "author": "",
-    "license": "MIT",
-    "dependencies": {
-        "chokidar": "^3.6.0",
-        "chroma-js": "^3.1.2",
-        "color-blind": "^0.1.3",
-        "colorjs.io": "^0.5.2",
-        "postcss": "^8.5.6",
-        "postcss-safe-parser": "^7.0.1"
-    },
-    "peerDependencies": {
-        "react": ">=17",
-        "react-dom": ">=17"
-    },
-    "devDependencies": {
-        "@tailwindcss/cli": "^4.1.12",
-        "@types/chroma-js": "^3.1.1",
-        "@types/jest": "^30.0.0",
-        "@types/node": "^24.1.0",
-        "@types/postcss-safe-parser": "^5.0.4",
-        "@types/react": "^19.1.9",
-        "@types/react-dom": "^19.1.7",
-        "esbuild-plugin-svgr": "^3.1.1",
-        "eslint": "^9.32.0",
-        "eslint-config-prettier": "^10.1.8",
-        "eslint-plugin-import": "^2.32.0",
-        "jest": "^30.0.5",
-        "prettier": "^3.6.2",
-        "ts-jest": "^29.4.0",
-        "tsup": "^8.5.0",
-        "tailwindcss": "^4.1.12",
-        "typescript": "^5.8.3"
-    }
-}
+{
+    "name": "colbrush",
+    "version": "1.0.4",
+    "description": "",
+    "type": "module",
+    "main": "./dist/client.cjs",
+    "module": "./dist/client.js",
+    "types": "./dist/client.d.ts",
+    "exports": {
+        "./styles.css": "./dist/styles.css",
+        "./client": {
+            "types": "./dist/client.d.ts",
+            "import": "./dist/client.js",
+            "require": "./dist/client.cjs"
+        },
+        "./package.json": "./package.json"
+    },
+    "typesVersions": {
+        "*": {
+            "*": [
+                "./dist/client.d.ts"
+            ]
+        }
+    },
+    "files": [
+        "dist"
+    ],
+    "sideEffects": [
+        "dist/styles.css"
+    ],
+    "bin": {
+        "colbrush": "./dist/cli.js"
+    },
+    "scripts": {
+        "svgr": "svgr src/assets --out-dir src/icons --typescript",
+        "build:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify",
+        "build": "pnpm svgr && tsup --config tsup.config.ts && pnpm build:css",
+        "dev": "tsup --config tsup.config.ts --watch",
+        "prepublishOnly": "pnpm build"
+    },
+    "keywords": [],
+    "author": "",
+    "license": "MIT",
+    "dependencies": {
+        "chokidar": "^3.6.0",
+        "chroma-js": "^3.1.2",
+        "color-blind": "^0.1.3",
+        "colorjs.io": "^0.5.2",
+        "postcss": "^8.5.6",
+        "postcss-safe-parser": "^7.0.1"
+    },
+    "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+    },
+    "devDependencies": {
+        "@svgr/cli": "^8.1.0",
+        "@tailwindcss/cli": "^4.1.12",
+        "@types/chroma-js": "^3.1.1",
+        "@types/jest": "^30.0.0",
+        "@types/node": "^24.1.0",
+        "@types/postcss-safe-parser": "^5.0.4",
+        "@types/react": "^19.1.9",
+        "@types/react-dom": "^19.1.7",
+        "esbuild-plugin-svgr": "^3.1.1",
+        "eslint": "^9.32.0",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-import": "^2.32.0",
+        "jest": "^30.0.5",
+        "prettier": "^3.6.2",
+        "tailwindcss": "^4.1.12",
+        "ts-jest": "^29.4.0",
+        "tsup": "^8.5.0",
+        "typescript": "^5.8.3"
+    }
+}

package/dist/chunk-4UJAETSM.js

@@ -1,63 +0,0 @@
-// src/utils/core/colorScale.ts
-import Color from "colorjs.io";
-
-// src/constants/variation.ts
-var DEFAULT_KEYS = [
-  "50",
-  "100",
-  "200",
-  "300",
-  "400",
-  "500",
-  "600",
-  "700",
-  "800",
-  "900"
-];
-var DEFAULT_SCALE = {
-  "50": { dL: 0.36, cMul: 0.95 },
-  "100": { dL: 0.28, cMul: 0.96 },
-  "200": { dL: 0.18, cMul: 0.98 },
-  "300": { dL: 0.08, cMul: 0.99 },
-  "400": { dL: 0.02, cMul: 1 },
-  "500": { dL: 0, cMul: 1 },
-  "600": { dL: -0.05, cMul: 0.98 },
-  "700": { dL: -0.15, cMul: 0.94 },
-  "800": { dL: -0.22, cMul: 0.9 },
-  "900": { dL: -0.3, cMul: 0.88 }
-};
-
-// src/utils/core/colorScale.ts
-var CLAMP01 = (x) => Math.max(0, Math.min(1, x));
-function hexToOKLCH(hex) {
-  const c = new Color(hex);
-  const o = c.to("oklch");
-  return { l: o.l, c: o.c, h: o.h ?? 0 };
-}
-function oklchToHex(l, c, h) {
-  const color = new Color("oklch", [l, c, h]);
-  const srgb = color.to("srgb");
-  const r = CLAMP01(srgb.r), g = CLAMP01(srgb.g), b = CLAMP01(srgb.b);
-  return new Color("srgb", [r, g, b]).toString({ format: "hex" });
-}
-function buildScaleFromBaseHex(baseHex, opts) {
-  const keys = opts?.keys ?? DEFAULT_KEYS;
-  const cMin = opts?.cMin ?? 0.02;
-  const cMax = opts?.cMax ?? 0.4;
-  const lockHue = true;
-  const base = hexToOKLCH(baseHex);
-  const out = {};
-  for (const k of keys) {
-    const pat = DEFAULT_SCALE[k] ?? DEFAULT_SCALE["500"];
-    const L = CLAMP01(base.l + pat.dL);
-    const C = Math.max(cMin, Math.min(cMax, base.c * pat.cMul));
-    const H = lockHue ? base.h : base.h;
-    out[k] = oklchToHex(L, C, H);
-  }
-  return out;
-}
-
-export {
-  DEFAULT_KEYS,
-  buildScaleFromBaseHex
-};

package/dist/chunk-MPTI2JBC.js

@@ -1,103 +0,0 @@
-import {
-  DEFAULT_KEYS,
-  buildScaleFromBaseHex
-} from "./chunk-4UJAETSM.js";
-
-// src/node/applyThemes.ts
-import fs from "fs";
-import postcss, { Rule } from "postcss";
-import safeParser from "postcss-safe-parser";
-
-// src/constants/regex.ts
-var variableRegex = /(--color-[\w-]+):\s*(#[0-9a-fA-F]{3,8})/g;
-var variationRegex = /^--(.+?)-(50|100|200|300|400|500|600|700|800|900)$/i;
-
-// src/node/applyThemes.ts
-var CSS_PATH = "src/index.css";
-function toThemeColor(hex, _vision) {
-  return hex;
-}
-function loadRoot(cssPath = CSS_PATH) {
-  const css = fs.readFileSync(cssPath, "utf8");
-  return postcss().process(css, { parser: safeParser }).root;
-}
-function getExistingKeysForToken(root, token) {
-  const keys = /* @__PURE__ */ new Set();
-  root.walkDecls((d) => {
-    if (!d.prop.startsWith("--")) return;
-    const m = d.prop.match(variationRegex);
-    if (!m) return;
-    const [, t, k] = m;
-    if (t === token) keys.add(k);
-  });
-  return Array.from(keys);
-}
-function upsertBlock(root, selector, kv) {
-  let rule;
-  root.walkRules((r) => {
-    if (r.selector === selector) rule = r;
-  });
-  if (!rule) {
-    rule = new Rule({ selector });
-    root.append(rule);
-  }
-  const remain = new Map(Object.entries(kv));
-  rule.walkDecls((d) => {
-    if (remain.has(d.prop)) {
-      d.value = remain.get(d.prop);
-      remain.delete(d.prop);
-    }
-  });
-  for (const [prop, value] of remain) rule.append({ prop, value });
-}
-function getColorVariablesFromRoot(root) {
-  const vars = {};
-  root.walkDecls((decl) => {
-    const name = decl.prop.trim();
-    const value = decl.value.trim();
-    if (name.startsWith("--color")) {
-      vars[name] = value;
-    }
-  });
-  return vars;
-}
-function applyThemes(input, cssPath = CSS_PATH) {
-  const root = loadRoot(cssPath);
-  const originalVars = getColorVariablesFromRoot(root);
-  const varsForTheme = {};
-  for (const [varName, value] of Object.entries(originalVars)) {
-    varsForTheme[varName] = value;
-  }
-  for (const [varName, val] of Object.entries(input.variables)) {
-    const rich = typeof val === "string" ? inferRich(varName, val) : val;
-    const m = varName.match(variationRegex);
-    const isPattern = !!m;
-    if (isPattern) {
-      const [, token] = m;
-      const keys = rich.keys && rich.keys.length ? rich.keys : getExistingKeysForToken(root, token).length ? getExistingKeysForToken(root, token) : Array.from(DEFAULT_KEYS);
-      if (rich.scale !== false) {
-        const scaleMap = buildScaleFromBaseHex(rich.base, { keys });
-        for (const k of keys) {
-          const hex = scaleMap[k];
-          varsForTheme[`--${token}-${k}`] = toThemeColor(hex, input.vision);
-        }
-      } else {
-        varsForTheme[varName] = toThemeColor(rich.base, input.vision);
-      }
-    } else {
-      varsForTheme[varName] = toThemeColor(rich.base, input.vision);
-    }
-  }
-  upsertBlock(root, `[data-theme='${input.vision}']`, varsForTheme);
-  fs.writeFileSync(cssPath, root.toString(), "utf8");
-  console.log(`\u2705 [${input.vision}] theme updated in ${cssPath}`);
-}
-function inferRich(varName, baseHex) {
-  return variationRegex.test(varName) ? { base: baseHex, scale: true } : { base: baseHex, scale: false };
-}
-
-export {
-  variableRegex,
-  applyThemes,
-  inferRich
-};

package/dist/index.browser.cjs

@@ -1,267 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.browser.ts
-var index_browser_exports = {};
-__export(index_browser_exports, {
-  ThemeProvider: () => ThemeProvider,
-  ThemeSwitcher: () => ThemeSwitcher,
-  applyTheme: () => applyTheme,
-  buildScaleFromBaseHex: () => buildScaleFromBaseHex,
-  mergeVars: () => mergeVars,
-  prefersReducedMotion: () => prefersReducedMotion,
-  readThemeVariables: () => readThemeVariables,
-  useTheme: () => useTheme
-});
-module.exports = __toCommonJS(index_browser_exports);
-
-// src/components/ThemeProvider.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var THEMES = [
-  "default",
-  "protanopia",
-  "deuteranopia",
-  "tritanopia"
-];
-var KEY = "theme";
-var ThemeContext = (0, import_react.createContext)({
-  theme: "default",
-  updateTheme: () => {
-  }
-});
-var useTheme = () => (0, import_react.useContext)(ThemeContext);
-function ThemeProvider({ children }) {
-  const [theme, setTheme] = (0, import_react.useState)("default");
-  (0, import_react.useEffect)(() => {
-    const stored = localStorage.getItem(KEY) || "default";
-    setTheme(stored);
-    document.documentElement.setAttribute("data-theme", stored);
-  }, []);
-  const updateTheme = (t) => {
-    setTheme(t);
-    localStorage.setItem(KEY, t);
-    document.documentElement.setAttribute("data-theme", t);
-  };
-  const value = (0, import_react.useMemo)(() => ({ theme, updateTheme }), [theme]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value, children });
-}
-
-// src/components/ThemeSwitcher.tsx
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function ThemeSwitcher({ options, className }) {
-  const { theme, updateTheme } = useTheme();
-  const list = options?.length ? options : THEMES;
-  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
-  const wrapperRef = (0, import_react2.useRef)(null);
-  (0, import_react2.useEffect)(() => {
-    const handleClickOutside = (event) => {
-      if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "div",
-    {
-      ref: wrapperRef,
-      className: `${className} ${isOpen ? "w-[130px] h-fit rounded-md" : "w-[60px] h-[60px] rounded-full"} fixed bottom-[10px] right-[10px] justify-center items-center flex text-[20px] bg-[#ffffff] drop-shadow-md drop-shadow-gray-400`,
-      onClick: () => setIsOpen((prev) => !prev),
-      children: [
-        !isOpen && "\u{1F3A8}",
-        isOpen && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-col gap-[8px] w-full", children: list.map((t) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "option",
-          {
-            value: t,
-            className: `${theme === t && "underline"} flex text-[15px] py-1 justify-center hover:bg-[#00A4A4] hover:underline text-center hover:cursor-pointer w-full`,
-            onClick: () => updateTheme(t),
-            children: t
-          },
-          t
-        )) })
-      ]
-    }
-  );
-}
-
-// src/runtime/applyThemes.ts
-function normalizeVarName(name) {
-  return name.startsWith("--") ? name : `--${name}`;
-}
-function maybeSetDataTheme(target, themeName, setAttr = true) {
-  if (themeName && setAttr) {
-    target.setAttribute("data-theme", themeName);
-  }
-}
-function applyInline(target, vars) {
-  for (const [k, v] of Object.entries(vars)) {
-    target.style.setProperty(normalizeVarName(k), v);
-  }
-}
-function applyWithStyleTag(vars, selector, styleId = "cbt-theme-style", replace = true) {
-  let styleEl = document.getElementById(styleId);
-  if (!styleEl) {
-    styleEl = document.createElement("style");
-    styleEl.id = styleId;
-    document.head.appendChild(styleEl);
-  }
-  const decls = Object.entries(vars).map(([k, v]) => `${normalizeVarName(k)}:${v};`).join("");
-  const block = `${selector}{${decls}}`;
-  if (replace) {
-    styleEl.textContent = block;
-  } else {
-    const sheet = styleEl.sheet;
-    if (!sheet) {
-      styleEl.textContent = block;
-      return;
-    }
-    let replaced = false;
-    for (let i = 0; i < sheet.cssRules.length; i++) {
-      const rule = sheet.cssRules[i];
-      if ("selectorText" in rule && rule.selectorText === selector) {
-        sheet.deleteRule(i);
-        sheet.insertRule(block, i);
-        replaced = true;
-        break;
-      }
-    }
-    if (!replaced) {
-      sheet.insertRule(block, sheet.cssRules.length);
-    }
-  }
-}
-function applyTheme(vars, options = {}, target = document.documentElement) {
-  const {
-    mode = "inline",
-    selector,
-    themeName,
-    styleId = "cbt-theme-style",
-    setDataThemeAttr = true,
-    replace = true
-  } = options;
-  maybeSetDataTheme(target, themeName, setDataThemeAttr);
-  if (mode === "inline") {
-    applyInline(target, vars);
-  } else {
-    const sel = selector ?? (themeName ? `[data-theme="${themeName}"]` : ":root");
-    applyWithStyleTag(vars, sel, styleId, replace);
-  }
-}
-function readThemeVariables(prefix = "--", target = document.documentElement) {
-  const out = {};
-  const styles = getComputedStyle(target);
-  for (let i = 0; i < styles.length; i++) {
-    const prop = styles[i];
-    if (prop.startsWith(prefix)) {
-      out[prop] = styles.getPropertyValue(prop).trim();
-    }
-  }
-  return out;
-}
-function mergeVars(base, override) {
-  return { ...base, ...override };
-}
-function prefersReducedMotion() {
-  return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
-}
-
-// src/utils/core/colorScale.ts
-var import_colorjs = __toESM(require("colorjs.io"), 1);
-
-// src/constants/variation.ts
-var DEFAULT_KEYS = [
-  "50",
-  "100",
-  "200",
-  "300",
-  "400",
-  "500",
-  "600",
-  "700",
-  "800",
-  "900"
-];
-var DEFAULT_SCALE = {
-  "50": { dL: 0.36, cMul: 0.95 },
-  "100": { dL: 0.28, cMul: 0.96 },
-  "200": { dL: 0.18, cMul: 0.98 },
-  "300": { dL: 0.08, cMul: 0.99 },
-  "400": { dL: 0.02, cMul: 1 },
-  "500": { dL: 0, cMul: 1 },
-  "600": { dL: -0.05, cMul: 0.98 },
-  "700": { dL: -0.15, cMul: 0.94 },
-  "800": { dL: -0.22, cMul: 0.9 },
-  "900": { dL: -0.3, cMul: 0.88 }
-};
-
-// src/utils/core/colorScale.ts
-var CLAMP01 = (x) => Math.max(0, Math.min(1, x));
-function hexToOKLCH(hex) {
-  const c = new import_colorjs.default(hex);
-  const o = c.to("oklch");
-  return { l: o.l, c: o.c, h: o.h ?? 0 };
-}
-function oklchToHex(l, c, h) {
-  const color = new import_colorjs.default("oklch", [l, c, h]);
-  const srgb = color.to("srgb");
-  const r = CLAMP01(srgb.r), g = CLAMP01(srgb.g), b = CLAMP01(srgb.b);
-  return new import_colorjs.default("srgb", [r, g, b]).toString({ format: "hex" });
-}
-function buildScaleFromBaseHex(baseHex, opts) {
-  const keys = opts?.keys ?? DEFAULT_KEYS;
-  const cMin = opts?.cMin ?? 0.02;
-  const cMax = opts?.cMax ?? 0.4;
-  const lockHue = true;
-  const base = hexToOKLCH(baseHex);
-  const out = {};
-  for (const k of keys) {
-    const pat = DEFAULT_SCALE[k] ?? DEFAULT_SCALE["500"];
-    const L = CLAMP01(base.l + pat.dL);
-    const C = Math.max(cMin, Math.min(cMax, base.c * pat.cMul));
-    const H = lockHue ? base.h : base.h;
-    out[k] = oklchToHex(L, C, H);
-  }
-  return out;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ThemeProvider,
-  ThemeSwitcher,
-  applyTheme,
-  buildScaleFromBaseHex,
-  mergeVars,
-  prefersReducedMotion,
-  readThemeVariables,
-  useTheme
-});

package/dist/index.browser.d.cts

@@ -1,78 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as ScaleKeys, a as Scale } from './types-1AdZPAhd.cjs';
-
-declare const THEMES: readonly ["default", "protanopia", "deuteranopia", "tritanopia"];
-type ThemeType = (typeof THEMES)[number];
-type ThemeContextType = {
-    theme: ThemeType;
-    updateTheme: (t: ThemeType) => void;
-};
-declare const useTheme: () => ThemeContextType;
-declare function ThemeProvider({ children }: {
-    children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-
-type Props = {
-    /** 드롭다운에 표기할 테마 목록(미지정 시 전체) */
-    options?: ThemeType[];
-    /** 외형 커스터마이즈용 */
-    className?: string;
-};
-declare function ThemeSwitcher({ options, className }: Props): react_jsx_runtime.JSX.Element;
-
-type CSSVarMap = Record<string, string>;
-type ApplyThemeMode = 'inline' | 'style';
-interface ApplyThemeOptions {
-    /**
-     * 적용 모드
-     *  - 'inline': target.style.setProperty로 직접 주입
-     *  - 'style' : <style> 태그에 selector 블록으로 주입
-     */
-    mode?: ApplyThemeMode;
-    /**
-     * mode='style'일 때 적용할 CSS 선택자
-     * 지정 안 하면 themeName 있으면 `[data-theme="<themeName>"]`, 없으면 ':root'
-     */
-    selector?: string;
-    /**
-     * themeName 지정 시 target에 data-theme="<themeName>" 속성 부여
-     */
-    themeName?: string;
-    /**
-     * mode='style'일 때 <style> 태그 id
-     */
-    styleId?: string;
-    /**
-     * themeName 있을 때 data-theme 속성을 부여할지 여부
-     */
-    setDataThemeAttr?: boolean;
-    /**
-     * mode='style'일 때 기존 블록을 완전히 대체할지 여부
-     */
-    replace?: boolean;
-}
-/**
- * 브라우저에서 CSS 변수 팔레트 적용
- * @param vars - CSS 변수 맵
- * @param options - 적용 옵션
- * @param target - 기본 document.documentElement
- */
-declare function applyTheme(vars: CSSVarMap, options?: ApplyThemeOptions, target?: HTMLElement): void;
-/** 현재 target의 CSS 변수 읽기 */
-declare function readThemeVariables(prefix?: string, target?: Element): CSSVarMap;
-/** 두 팔레트 병합 */
-declare function mergeVars(base: CSSVarMap, override: CSSVarMap): CSSVarMap;
-/** prefers-reduced-motion 여부 */
-declare function prefersReducedMotion(): boolean;
-
-/**
- * 입력 대표색(보통 500) 하나로 50~900까지 생성
- */
-declare function buildScaleFromBaseHex(baseHex: string, opts?: {
-    keys?: ScaleKeys[];
-    cMin?: number;
-    cMax?: number;
-    lockHue?: boolean;
-}): Scale;
-
-export { ThemeProvider, ThemeSwitcher, type ThemeType, applyTheme, buildScaleFromBaseHex, mergeVars, prefersReducedMotion, readThemeVariables, useTheme };