xyne-components 0.1.0 → 0.1.2

package/dist/hooks/index.d.cts

@@ -0,0 +1,20 @@
+import { b as XyneTheme, a as ColorSchemeContextValue } from '../colorScheme.types-CqDRrNL0.cjs';
+import 'react';
+
+/** Access the resolved theme object from the nearest ThemeProvider. */
+declare function useTheme(): XyneTheme;
+
+/**
+ * Access and control the current color scheme.
+ *
+ * @example
+ * ```tsx
+ * const { resolvedColorScheme, toggleColorScheme } = useColorScheme()
+ * <button onClick={toggleColorScheme}>
+ *   Current: {resolvedColorScheme}
+ * </button>
+ * ```
+ */
+declare function useColorScheme(): ColorSchemeContextValue;
+
+export { useColorScheme, useTheme };

package/dist/hooks/index.d.ts

@@ -0,0 +1,20 @@
+import { b as XyneTheme, a as ColorSchemeContextValue } from '../colorScheme.types-CqDRrNL0.js';
+import 'react';
+
+/** Access the resolved theme object from the nearest ThemeProvider. */
+declare function useTheme(): XyneTheme;
+
+/**
+ * Access and control the current color scheme.
+ *
+ * @example
+ * ```tsx
+ * const { resolvedColorScheme, toggleColorScheme } = useColorScheme()
+ * <button onClick={toggleColorScheme}>
+ *   Current: {resolvedColorScheme}
+ * </button>
+ * ```
+ */
+declare function useColorScheme(): ColorSchemeContextValue;
+
+export { useColorScheme, useTheme };

package/dist/hooks/index.js

@@ -0,0 +1,11 @@
+"use client";
+import {
+  useColorScheme,
+  useTheme
+} from "../chunk-CNEANQ6B.js";
+import "../chunk-54N4ZTTL.js";
+export {
+  useColorScheme,
+  useTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.cjs

@@ -1,576 +1,42 @@
-"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);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Badge: () => Badge,
-  ColorSchemeProvider: () => ColorSchemeProvider,
-  DEFAULT_THEME: () => DEFAULT_THEME,
-  Directory: () => Directory,
-  Label: () => Label,
-  ListItem: () => ListItem,
-  ThemeProvider: () => ThemeProvider,
-  createTheme: () => createTheme,
-  useColorScheme: () => useColorScheme,
-  useTheme: () => useTheme
-});
-module.exports = __toCommonJS(index_exports);
 
-// src/ListItem/ListItem.tsx
-var import_react = __toESM(require("react"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-var ListItem = import_react.default.forwardRef(
-  ({
-    label,
-    subtext,
-    selected,
-    active,
-    showBar = true,
-    leading,
-    trailing,
-    disabled,
-    className,
-    ...rest
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "button",
-    {
-      ref,
-      type: "button",
-      ...rest,
-      className: `xc-list-item${className ? ` ${className}` : ""}`,
-      disabled,
-      "data-selected": selected || void 0,
-      "data-active": active || void 0,
-      "data-disabled": disabled || void 0,
-      children: [
-        showBar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "xc-list-item__bar", "aria-hidden": "true" }),
-        leading != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "xc-list-item__leading", "aria-hidden": "true", children: leading }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "xc-list-item__text", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "xc-list-item__label", children: label }),
-          subtext != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "xc-list-item__subtext", children: subtext })
-        ] }),
-        trailing != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "xc-list-item__trailing", "aria-hidden": "true", children: trailing })
-      ]
-    }
-  )
-);
-ListItem.displayName = "ListItem";
+var _chunkJKYZDOSJcjs = require('./chunk-JKYZDOSJ.cjs');
 
-// src/Badge/Badge.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Badge = import_react2.default.forwardRef(
-  ({ children, variant = "badge", icon, className, style, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "span",
-    {
-      ref,
-      ...rest,
-      className: `xc-badge${className ? ` ${className}` : ""}`,
-      "data-variant": variant,
-      style,
-      children: [
-        variant === "badge" && icon != null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "xc-badge__icon", "aria-hidden": "true", children: icon }),
-        variant === "badge" && children
-      ]
-    }
-  )
-);
-Badge.displayName = "Badge";
 
-// src/Label/Label.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Label = import_react3.default.forwardRef(
-  ({ children, variant = "closed", leading, trailing, className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    "button",
-    {
-      ref,
-      type: "button",
-      ...rest,
-      className: `xc-label${className ? ` ${className}` : ""}`,
-      "data-variant": variant,
-      children: [
-        leading != null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "xc-label__leading", "aria-hidden": "true", children: leading }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "xc-label__text", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "xc-label__content", children }) }),
-        trailing != null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "xc-label__trailing", "aria-hidden": "true", children: trailing })
-      ]
-    }
-  )
-);
-Label.displayName = "Label";
+var _chunkRXHOBQUJcjs = require('./chunk-RXHOBQUJ.cjs');
 
-// src/Directory/Directory.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Directory = import_react4.default.forwardRef(
-  ({
-    label,
-    variant = "closed",
-    leading,
-    trailing,
-    onHeaderClick,
-    children,
-    className,
-    ...rest
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    "div",
-    {
-      ref,
-      ...rest,
-      className: `xc-directory${className ? ` ${className}` : ""}`,
-      "data-variant": variant,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-          "button",
-          {
-            type: "button",
-            className: "xc-directory__header",
-            onClick: onHeaderClick,
-            children: [
-              leading != null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "xc-directory__leading", "aria-hidden": "true", children: leading }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "xc-directory__text", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "xc-directory__label", children: label }) }),
-              trailing != null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "xc-directory__trailing", "aria-hidden": "true", children: trailing })
-            ]
-          }
-        ),
-        variant === "opened" && children != null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "xc-directory__content", children })
-      ]
-    }
-  )
-);
-Directory.displayName = "Directory";
 
-// src/theme/defaultTheme.ts
-var DEFAULT_THEME = {
-  colors: {
-    orange: {
-      "50": "#fff7ed",
-      "100": "#ffedd4",
-      "200": "#ffd6a8",
-      "300": "#ffb86a",
-      "400": "#ff8904",
-      "500": "#fe6d36",
-      "600": "#ea580c",
-      "700": "#c2410c"
-    },
-    gray: {
-      "25": "#f6f8fa",
-      "50": "#f9fafb",
-      "100": "#f2f4f7",
-      "200": "#e4e7ec",
-      "300": "#d0d5dd",
-      "400": "#98a2b3",
-      "500": "#667085",
-      "600": "#475467",
-      "700": "#344054",
-      "800": "#1d2939",
-      "900": "#101828"
-    },
-    red: {
-      "50": "#fef3f2",
-      "500": "#f04438",
-      "600": "#d92d20",
-      "700": "#b42318"
-    },
-    green: {
-      "50": "#ecfdf3",
-      "500": "#12b76a",
-      "600": "#039855",
-      "700": "#027a48"
-    },
-    yellow: {
-      "50": "#fffaeb",
-      "500": "#f79009",
-      "600": "#dc6803",
-      "700": "#b54708"
-    },
-    blue: {
-      "50": "#eff8ff",
-      "500": "#2e90fa",
-      "600": "#1570ef",
-      "700": "#175cd3"
-    },
-    purple: {
-      "50": "#f9f5ff",
-      "500": "#9e77ed",
-      "600": "#7f56d9",
-      "700": "#6941c6"
-    },
-    teal: {
-      "50": "#f0fdf9",
-      "500": "#15b79e",
-      "600": "#0e9384",
-      "700": "#107569"
-    }
-  },
-  text: {
-    primary: "#101828",
-    secondary: "#475467",
-    tertiary: "#667085",
-    disabled: "#c9d0db",
-    brand: "#e8601a",
-    inverse: "#f1f5f9",
-    error: "#d92d20",
-    success: "#039855",
-    warning: "#b54708"
-  },
-  bg: {
-    white: "#ffffff",
-    subtle: "#f9fafb",
-    surfaceHover: "#f1f5f9",
-    brand: "#fff4ee",
-    error: "#fef3f2",
-    success: "#ecfdf3",
-    warning: "#fffaeb",
-    neutral: "#f9fafb",
-    purple: "#f9f5ff",
-    blue: "#eff8ff",
-    teal: "#f0fdf9"
-  },
-  border: {
-    default: "#d6dce6",
-    subtle: "#f1f5f9",
-    strong: "#98a2b3",
-    brand: "#fe6d36",
-    error: "#fda29b"
-  },
-  shadow: {
-    xs: "0 1px 2px 0 rgba(16, 24, 40, 0.05)",
-    sm: "0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px -1px rgba(16, 24, 40, 0.1)",
-    md: "0 4px 6px -1px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.1)",
-    pressed: "inset 0 0 4px 0 rgba(0, 0, 0, 0.15)"
-  },
-  radius: {
-    xs: "2px",
-    sm: "4px",
-    md: "8px",
-    lg: "12px",
-    xl: "16px",
-    full: "9999px"
-  },
-  spacing: {
-    "0": "0px",
-    "1": "2px",
-    "2": "4px",
-    "3": "6px",
-    "4": "8px",
-    "5": "10px",
-    "6": "12px",
-    "7": "14px",
-    "8": "16px",
-    "9": "18px",
-    "10": "20px",
-    "12": "24px",
-    "16": "32px"
-  },
-  fontFamily: "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-  fontWeight: {
-    regular: "400",
-    medium: "500",
-    semibold: "600",
-    bold: "700"
-  },
-  fontSize: {
-    "2xs": "10px",
-    xs: "11px",
-    sm: "12px",
-    md: "14px",
-    lg: "16px",
-    xl: "18px"
-  },
-  lineHeight: {
-    "2xs": "14px",
-    xs: "16px",
-    sm: "18px",
-    md: "20px",
-    lg: "24px",
-    xl: "28px"
-  },
-  other: {},
-  components: {}
-};
+var _chunkXF7A3MNWcjs = require('./chunk-XF7A3MNW.cjs');
 
-// src/theme/createTheme.ts
-function isPlainObject(value) {
-  return value !== null && typeof value === "object" && !Array.isArray(value);
-}
-function deepMerge(target, source) {
-  const result = { ...target };
-  for (const key of Object.keys(source)) {
-    if (isPlainObject(source[key]) && isPlainObject(target[key])) {
-      result[key] = deepMerge(
-        target[key],
-        source[key]
-      );
-    } else {
-      result[key] = source[key];
-    }
-  }
-  return result;
-}
-function createTheme(override) {
-  return deepMerge(
-    DEFAULT_THEME,
-    override
-  );
-}
 
-// src/theme/ThemeProvider.tsx
-var import_react8 = require("react");
+var _chunkHAG5EYQ5cjs = require('./chunk-HAG5EYQ5.cjs');
 
-// src/theme/ThemeContext.ts
-var import_react5 = require("react");
-var ThemeContext = (0, import_react5.createContext)(DEFAULT_THEME);
 
-// src/theme/ColorSchemeProvider.tsx
-var import_react7 = require("react");
 
-// src/theme/ColorSchemeContext.ts
-var import_react6 = require("react");
-var ColorSchemeContext = (0, import_react6.createContext)({
-  colorScheme: "light",
-  resolvedColorScheme: "light",
-  setColorScheme: () => {
-  },
-  toggleColorScheme: () => {
-  }
-});
 
-// src/theme/ColorSchemeProvider.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var STORAGE_KEY = "xc-color-scheme";
-function getSystemPreference() {
-  if (typeof window === "undefined") return "light";
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function readStorage() {
-  if (typeof window === "undefined") return null;
-  try {
-    const stored = window.localStorage.getItem(STORAGE_KEY);
-    if (stored === "light" || stored === "dark" || stored === "auto") return stored;
-  } catch {
-  }
-  return null;
-}
-function applyToDOM(resolved, getRootElement) {
-  if (typeof document === "undefined") return;
-  const root = getRootElement ? getRootElement() : document.documentElement;
-  if (root) root.setAttribute("data-theme", resolved);
-}
-function ColorSchemeProvider({
-  defaultColorScheme = "light",
-  forceColorScheme,
-  storageKey = STORAGE_KEY,
-  getRootElement,
-  children
-}) {
-  const [colorScheme, setColorSchemeRaw] = (0, import_react7.useState)(() => {
-    if (forceColorScheme) return forceColorScheme;
-    if (typeof window !== "undefined" && storageKey !== STORAGE_KEY) {
-      try {
-        const v = window.localStorage.getItem(storageKey);
-        if (v === "light" || v === "dark" || v === "auto") return v;
-      } catch {
-      }
-    }
-    return readStorage() ?? defaultColorScheme;
-  });
-  const [systemPreference, setSystemPreference] = (0, import_react7.useState)(getSystemPreference);
-  const resolvedColorScheme = forceColorScheme ?? (colorScheme === "auto" ? systemPreference : colorScheme);
-  (0, import_react7.useEffect)(() => {
-    if (typeof window === "undefined") return;
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    const handler = (e) => {
-      setSystemPreference(e.matches ? "dark" : "light");
-    };
-    mq.addEventListener("change", handler);
-    return () => mq.removeEventListener("change", handler);
-  }, []);
-  (0, import_react7.useEffect)(() => {
-    if (typeof window === "undefined") return;
-    const handler = (e) => {
-      if (e.key !== storageKey) return;
-      const val = e.newValue;
-      if (val === "light" || val === "dark" || val === "auto") {
-        setColorSchemeRaw(val);
-      }
-    };
-    window.addEventListener("storage", handler);
-    return () => window.removeEventListener("storage", handler);
-  }, [storageKey]);
-  (0, import_react7.useEffect)(() => {
-    applyToDOM(resolvedColorScheme, getRootElement);
-  }, [resolvedColorScheme, getRootElement]);
-  const setColorScheme = (0, import_react7.useCallback)((scheme) => {
-    if (forceColorScheme) return;
-    setColorSchemeRaw(scheme);
-    try {
-      window.localStorage.setItem(storageKey, scheme);
-    } catch {
-    }
-  }, [forceColorScheme, storageKey]);
-  const toggleColorScheme = (0, import_react7.useCallback)(() => {
-    setColorScheme(resolvedColorScheme === "dark" ? "light" : "dark");
-  }, [resolvedColorScheme, setColorScheme]);
-  const value = (0, import_react7.useMemo)(() => ({
-    colorScheme,
-    resolvedColorScheme,
-    setColorScheme,
-    toggleColorScheme
-  }), [colorScheme, resolvedColorScheme, setColorScheme, toggleColorScheme]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ColorSchemeContext.Provider, { value, children });
-}
+var _chunk2JYR6C3Lcjs = require('./chunk-2JYR6C3L.cjs');
 
-// src/theme/ThemeProvider.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function camelToKebab(str) {
-  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-}
-function themeOverrideToCssVars(override) {
-  const vars = {};
-  if (override.colors) {
-    for (const [scale, shades] of Object.entries(override.colors)) {
-      for (const [shade, value] of Object.entries(shades)) {
-        vars[`--xc-color-${camelToKebab(scale)}-${shade}`] = value;
-      }
-    }
-  }
-  if (override.text) {
-    for (const [key, value] of Object.entries(override.text)) {
-      vars[`--xc-color-text-${camelToKebab(key)}`] = value;
-    }
-  }
-  if (override.bg) {
-    for (const [key, value] of Object.entries(override.bg)) {
-      vars[`--xc-color-bg-${camelToKebab(key)}`] = value;
-    }
-  }
-  if (override.border) {
-    for (const [key, value] of Object.entries(override.border)) {
-      vars[`--xc-color-border-${camelToKebab(key)}`] = value;
-    }
-  }
-  if (override.shadow) {
-    for (const [key, value] of Object.entries(override.shadow)) {
-      vars[`--xc-shadow-${camelToKebab(key)}`] = value;
-    }
-  }
-  if (override.radius) {
-    for (const [key, value] of Object.entries(override.radius)) {
-      vars[`--xc-radius-${camelToKebab(key)}`] = value;
-    }
-  }
-  if (override.spacing) {
-    for (const [key, value] of Object.entries(override.spacing)) {
-      vars[`--xc-space-${key}`] = value;
-    }
-  }
-  if (override.fontFamily) {
-    vars["--xc-font-family"] = override.fontFamily;
-  }
-  if (override.fontWeight) {
-    for (const [key, value] of Object.entries(override.fontWeight)) {
-      vars[`--xc-font-weight-${camelToKebab(key)}`] = value;
-    }
-  }
-  if (override.fontSize) {
-    for (const [key, value] of Object.entries(override.fontSize)) {
-      vars[`--xc-font-size-${key}`] = value;
-    }
-  }
-  if (override.lineHeight) {
-    for (const [key, value] of Object.entries(override.lineHeight)) {
-      vars[`--xc-line-height-${key}`] = value;
-    }
-  }
-  return vars;
-}
-function ThemeProvider({
-  theme: themeOverride = {},
-  cssVariablesSelector = ":root",
-  defaultColorScheme = "light",
-  forceColorScheme,
-  colorSchemeStorageKey,
-  getRootElement,
-  children
-}) {
-  const resolvedTheme = (0, import_react8.useMemo)(
-    () => createTheme(themeOverride),
-    [themeOverride]
-  );
-  const cssText = (0, import_react8.useMemo)(() => {
-    const vars = themeOverrideToCssVars(themeOverride);
-    const entries = Object.entries(vars);
-    if (entries.length === 0) return "";
-    const declarations = entries.map(([k, v]) => `  ${k}: ${v};`).join("\n");
-    return `${cssVariablesSelector} {
-${declarations}
-}`;
-  }, [themeOverride, cssVariablesSelector]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    ColorSchemeProvider,
-    {
-      defaultColorScheme,
-      forceColorScheme,
-      storageKey: colorSchemeStorageKey,
-      getRootElement,
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(ThemeContext.Provider, { value: resolvedTheme, children: [
-        cssText && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { "data-xc-theme": "", children: cssText }),
-        children
-      ] })
-    }
-  );
-}
 
-// src/theme/useTheme.ts
-var import_react9 = require("react");
-function useTheme() {
-  return (0, import_react9.useContext)(ThemeContext);
-}
 
-// src/theme/useColorScheme.ts
-var import_react10 = require("react");
-function useColorScheme() {
-  return (0, import_react10.useContext)(ColorSchemeContext);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Badge,
-  ColorSchemeProvider,
-  DEFAULT_THEME,
-  Directory,
-  Label,
-  ListItem,
-  ThemeProvider,
-  createTheme,
-  useColorScheme,
-  useTheme
-});
+var _chunk73U3B3WXcjs = require('./chunk-73U3B3WX.cjs');
+
+
+var _chunkWUV742E6cjs = require('./chunk-WUV742E6.cjs');
+
+
+var _chunkSRXGVBJ5cjs = require('./chunk-SRXGVBJ5.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Badge = _chunkJKYZDOSJcjs.Badge; exports.ColorSchemeProvider = _chunk2JYR6C3Lcjs.ColorSchemeProvider; exports.DEFAULT_THEME = _chunkWUV742E6cjs.DEFAULT_THEME; exports.Directory = _chunkXF7A3MNWcjs.Directory; exports.Label = _chunkRXHOBQUJcjs.Label; exports.ListItem = _chunkHAG5EYQ5cjs.ListItem; exports.ThemeProvider = _chunk2JYR6C3Lcjs.ThemeProvider; exports.createTheme = _chunk2JYR6C3Lcjs.createTheme; exports.resolveSx = _chunkSRXGVBJ5cjs.resolveSx; exports.useColorScheme = _chunk73U3B3WXcjs.useColorScheme; exports.useTheme = _chunk73U3B3WXcjs.useTheme;
 //# sourceMappingURL=index.cjs.map