xyne-components 0.1.0 → 0.1.2

package/dist/Badge/index.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkJKYZDOSJcjs = require('../chunk-JKYZDOSJ.cjs');
+require('../chunk-SRXGVBJ5.cjs');
+
+
+exports.Badge = _chunkJKYZDOSJcjs.Badge;
+//# sourceMappingURL=index.cjs.map

package/dist/Badge/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/Badge/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,wCAAC","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/Badge/index.cjs"}

package/dist/Badge/index.d.cts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { a as PolymorphicComponentPropsWithRef, S as SxProp } from '../polymorphic-BpYm1AeE.cjs';
+
+type BadgeVariant = 'badge' | 'dot';
+type BadgeSlots = {
+    root?: React.ElementType;
+    icon?: React.ElementType;
+};
+type BadgeSlotProps = {
+    root?: React.HTMLAttributes<HTMLElement>;
+    icon?: React.HTMLAttributes<HTMLSpanElement>;
+};
+type BadgeOwnProps = {
+    variant?: BadgeVariant;
+    icon?: React.ReactNode;
+    slots?: BadgeSlots;
+    slotProps?: BadgeSlotProps;
+    sx?: SxProp;
+};
+type BadgeProps<C extends React.ElementType = 'span'> = PolymorphicComponentPropsWithRef<C, BadgeOwnProps>;
+type BadgeComponent = <C extends React.ElementType = 'span'>(props: BadgeProps<C>) => React.ReactElement | null;
+declare const Badge: BadgeComponent;
+
+export { Badge, type BadgeProps, type BadgeSlotProps, type BadgeSlots, type BadgeVariant };

package/dist/Badge/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { a as PolymorphicComponentPropsWithRef, S as SxProp } from '../polymorphic-BpYm1AeE.js';
+
+type BadgeVariant = 'badge' | 'dot';
+type BadgeSlots = {
+    root?: React.ElementType;
+    icon?: React.ElementType;
+};
+type BadgeSlotProps = {
+    root?: React.HTMLAttributes<HTMLElement>;
+    icon?: React.HTMLAttributes<HTMLSpanElement>;
+};
+type BadgeOwnProps = {
+    variant?: BadgeVariant;
+    icon?: React.ReactNode;
+    slots?: BadgeSlots;
+    slotProps?: BadgeSlotProps;
+    sx?: SxProp;
+};
+type BadgeProps<C extends React.ElementType = 'span'> = PolymorphicComponentPropsWithRef<C, BadgeOwnProps>;
+type BadgeComponent = <C extends React.ElementType = 'span'>(props: BadgeProps<C>) => React.ReactElement | null;
+declare const Badge: BadgeComponent;
+
+export { Badge, type BadgeProps, type BadgeSlotProps, type BadgeSlots, type BadgeVariant };

package/dist/Badge/index.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  Badge
+} from "../chunk-EJ4BXCSG.js";
+import "../chunk-ZS6WGFYT.js";
+export {
+  Badge
+};
+//# sourceMappingURL=index.js.map

package/dist/Badge/index.js.map

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

package/dist/Directory/index.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkXF7A3MNWcjs = require('../chunk-XF7A3MNW.cjs');
+require('../chunk-SRXGVBJ5.cjs');
+
+
+exports.Directory = _chunkXF7A3MNWcjs.Directory;
+//# sourceMappingURL=index.cjs.map

package/dist/Directory/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/Directory/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,gDAAC","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/Directory/index.cjs"}

package/dist/Directory/index.d.cts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { a as PolymorphicComponentPropsWithRef, S as SxProp } from '../polymorphic-BpYm1AeE.cjs';
+
+type DirectoryVariant = 'opened' | 'closed';
+type DirectorySlots = {
+    root?: React.ElementType;
+    header?: React.ElementType;
+    leading?: React.ElementType;
+    trailing?: React.ElementType;
+    content?: React.ElementType;
+};
+type DirectorySlotProps = {
+    root?: React.HTMLAttributes<HTMLElement>;
+    header?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+    leading?: React.HTMLAttributes<HTMLSpanElement>;
+    trailing?: React.HTMLAttributes<HTMLSpanElement>;
+    content?: React.HTMLAttributes<HTMLDivElement>;
+};
+type DirectoryOwnProps = {
+    label?: string;
+    variant?: DirectoryVariant;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    onHeaderClick?: React.MouseEventHandler<HTMLButtonElement>;
+    children?: React.ReactNode;
+    slots?: DirectorySlots;
+    slotProps?: DirectorySlotProps;
+    sx?: SxProp;
+};
+type DirectoryProps<C extends React.ElementType = 'div'> = PolymorphicComponentPropsWithRef<C, DirectoryOwnProps>;
+type DirectoryComponent = <C extends React.ElementType = 'div'>(props: DirectoryProps<C>) => React.ReactElement | null;
+declare const Directory: DirectoryComponent;
+
+export { Directory, type DirectoryProps, type DirectorySlotProps, type DirectorySlots, type DirectoryVariant };

package/dist/Directory/index.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { a as PolymorphicComponentPropsWithRef, S as SxProp } from '../polymorphic-BpYm1AeE.js';
+
+type DirectoryVariant = 'opened' | 'closed';
+type DirectorySlots = {
+    root?: React.ElementType;
+    header?: React.ElementType;
+    leading?: React.ElementType;
+    trailing?: React.ElementType;
+    content?: React.ElementType;
+};
+type DirectorySlotProps = {
+    root?: React.HTMLAttributes<HTMLElement>;
+    header?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+    leading?: React.HTMLAttributes<HTMLSpanElement>;
+    trailing?: React.HTMLAttributes<HTMLSpanElement>;
+    content?: React.HTMLAttributes<HTMLDivElement>;
+};
+type DirectoryOwnProps = {
+    label?: string;
+    variant?: DirectoryVariant;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    onHeaderClick?: React.MouseEventHandler<HTMLButtonElement>;
+    children?: React.ReactNode;
+    slots?: DirectorySlots;
+    slotProps?: DirectorySlotProps;
+    sx?: SxProp;
+};
+type DirectoryProps<C extends React.ElementType = 'div'> = PolymorphicComponentPropsWithRef<C, DirectoryOwnProps>;
+type DirectoryComponent = <C extends React.ElementType = 'div'>(props: DirectoryProps<C>) => React.ReactElement | null;
+declare const Directory: DirectoryComponent;
+
+export { Directory, type DirectoryProps, type DirectorySlotProps, type DirectorySlots, type DirectoryVariant };

package/dist/Directory/index.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  Directory
+} from "../chunk-SEFQF2DQ.js";
+import "../chunk-ZS6WGFYT.js";
+export {
+  Directory
+};
+//# sourceMappingURL=index.js.map

package/dist/Directory/index.js.map

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

package/dist/Label/index.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkRXHOBQUJcjs = require('../chunk-RXHOBQUJ.cjs');
+require('../chunk-SRXGVBJ5.cjs');
+
+
+exports.Label = _chunkRXHOBQUJcjs.Label;
+//# sourceMappingURL=index.cjs.map

package/dist/Label/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/Label/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,wCAAC","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/Label/index.cjs"}

package/dist/Label/index.d.cts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { a as PolymorphicComponentPropsWithRef, S as SxProp } from '../polymorphic-BpYm1AeE.cjs';
+
+type LabelVariant = 'opened' | 'closed';
+type LabelSlots = {
+    root?: React.ElementType;
+    leading?: React.ElementType;
+    trailing?: React.ElementType;
+};
+type LabelSlotProps = {
+    root?: React.HTMLAttributes<HTMLElement>;
+    leading?: React.HTMLAttributes<HTMLSpanElement>;
+    trailing?: React.HTMLAttributes<HTMLSpanElement>;
+};
+type LabelOwnProps = {
+    children?: React.ReactNode;
+    variant?: LabelVariant;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    slots?: LabelSlots;
+    slotProps?: LabelSlotProps;
+    sx?: SxProp;
+};
+type LabelProps<C extends React.ElementType = 'button'> = PolymorphicComponentPropsWithRef<C, LabelOwnProps>;
+type LabelComponent = <C extends React.ElementType = 'button'>(props: LabelProps<C>) => React.ReactElement | null;
+declare const Label: LabelComponent;
+
+export { Label, type LabelProps, type LabelSlotProps, type LabelSlots, type LabelVariant };

package/dist/Label/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { a as PolymorphicComponentPropsWithRef, S as SxProp } from '../polymorphic-BpYm1AeE.js';
+
+type LabelVariant = 'opened' | 'closed';
+type LabelSlots = {
+    root?: React.ElementType;
+    leading?: React.ElementType;
+    trailing?: React.ElementType;
+};
+type LabelSlotProps = {
+    root?: React.HTMLAttributes<HTMLElement>;
+    leading?: React.HTMLAttributes<HTMLSpanElement>;
+    trailing?: React.HTMLAttributes<HTMLSpanElement>;
+};
+type LabelOwnProps = {
+    children?: React.ReactNode;
+    variant?: LabelVariant;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    slots?: LabelSlots;
+    slotProps?: LabelSlotProps;
+    sx?: SxProp;
+};
+type LabelProps<C extends React.ElementType = 'button'> = PolymorphicComponentPropsWithRef<C, LabelOwnProps>;
+type LabelComponent = <C extends React.ElementType = 'button'>(props: LabelProps<C>) => React.ReactElement | null;
+declare const Label: LabelComponent;
+
+export { Label, type LabelProps, type LabelSlotProps, type LabelSlots, type LabelVariant };

package/dist/Label/index.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  Label
+} from "../chunk-ZJ3XTUYJ.js";
+import "../chunk-ZS6WGFYT.js";
+export {
+  Label
+};
+//# sourceMappingURL=index.js.map

package/dist/Label/index.js.map

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

package/dist/ListItem/index.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkHAG5EYQ5cjs = require('../chunk-HAG5EYQ5.cjs');
+require('../chunk-SRXGVBJ5.cjs');
+
+
+exports.ListItem = _chunkHAG5EYQ5cjs.ListItem;
+//# sourceMappingURL=index.cjs.map

package/dist/ListItem/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/ListItem/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,8CAAC","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/ListItem/index.cjs"}

package/dist/ListItem/index.d.cts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { a as PolymorphicComponentPropsWithRef, S as SxProp } from '../polymorphic-BpYm1AeE.cjs';
+
+type ListItemSlots = {
+    root?: React.ElementType;
+    bar?: React.ElementType;
+    leading?: React.ElementType;
+    trailing?: React.ElementType;
+    text?: React.ElementType;
+};
+type ListItemSlotProps = {
+    root?: React.HTMLAttributes<HTMLElement>;
+    bar?: React.HTMLAttributes<HTMLSpanElement>;
+    leading?: React.HTMLAttributes<HTMLSpanElement>;
+    trailing?: React.HTMLAttributes<HTMLSpanElement>;
+    text?: React.HTMLAttributes<HTMLSpanElement>;
+};
+type ListItemOwnProps = {
+    label?: string;
+    subtext?: string;
+    selected?: boolean;
+    active?: boolean;
+    showBar?: boolean;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    slots?: ListItemSlots;
+    slotProps?: ListItemSlotProps;
+    sx?: SxProp;
+};
+type ListItemProps<C extends React.ElementType = 'button'> = PolymorphicComponentPropsWithRef<C, ListItemOwnProps>;
+type ListItemComponent = <C extends React.ElementType = 'button'>(props: ListItemProps<C>) => React.ReactElement | null;
+declare const ListItem: ListItemComponent;
+
+export { ListItem, type ListItemProps, type ListItemSlotProps, type ListItemSlots };

package/dist/ListItem/index.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { a as PolymorphicComponentPropsWithRef, S as SxProp } from '../polymorphic-BpYm1AeE.js';
+
+type ListItemSlots = {
+    root?: React.ElementType;
+    bar?: React.ElementType;
+    leading?: React.ElementType;
+    trailing?: React.ElementType;
+    text?: React.ElementType;
+};
+type ListItemSlotProps = {
+    root?: React.HTMLAttributes<HTMLElement>;
+    bar?: React.HTMLAttributes<HTMLSpanElement>;
+    leading?: React.HTMLAttributes<HTMLSpanElement>;
+    trailing?: React.HTMLAttributes<HTMLSpanElement>;
+    text?: React.HTMLAttributes<HTMLSpanElement>;
+};
+type ListItemOwnProps = {
+    label?: string;
+    subtext?: string;
+    selected?: boolean;
+    active?: boolean;
+    showBar?: boolean;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    slots?: ListItemSlots;
+    slotProps?: ListItemSlotProps;
+    sx?: SxProp;
+};
+type ListItemProps<C extends React.ElementType = 'button'> = PolymorphicComponentPropsWithRef<C, ListItemOwnProps>;
+type ListItemComponent = <C extends React.ElementType = 'button'>(props: ListItemProps<C>) => React.ReactElement | null;
+declare const ListItem: ListItemComponent;
+
+export { ListItem, type ListItemProps, type ListItemSlotProps, type ListItemSlots };

package/dist/ListItem/index.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  ListItem
+} from "../chunk-RVNFEWBE.js";
+import "../chunk-ZS6WGFYT.js";
+export {
+  ListItem
+};
+//# sourceMappingURL=index.js.map

package/dist/ListItem/index.js.map

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

package/dist/chunk-2452BBK4.js

@@ -0,0 +1,219 @@
+"use client";
+import {
+  ColorSchemeContext,
+  DEFAULT_THEME,
+  ThemeContext
+} from "./chunk-54N4ZTTL.js";
+
+// 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
+import { useMemo as useMemo2 } from "react";
+
+// src/theme/ColorSchemeProvider.tsx
+import { useState, useEffect, useMemo, useCallback } from "react";
+import { jsx } from "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 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] = useState(() => {
+    if (forceColorScheme) return forceColorScheme;
+    try {
+      if (typeof window !== "undefined") {
+        const v = window.localStorage.getItem(storageKey);
+        if (v === "light" || v === "dark" || v === "auto") return v;
+      }
+    } catch {
+    }
+    return defaultColorScheme;
+  });
+  const [systemPreference, setSystemPreference] = useState(getSystemPreference);
+  const resolvedColorScheme = forceColorScheme ?? (colorScheme === "auto" ? systemPreference : colorScheme);
+  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);
+  }, []);
+  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]);
+  useEffect(() => {
+    applyToDOM(resolvedColorScheme, getRootElement);
+  }, [resolvedColorScheme, getRootElement]);
+  const setColorScheme = useCallback((scheme) => {
+    if (forceColorScheme) return;
+    setColorSchemeRaw(scheme);
+    try {
+      window.localStorage.setItem(storageKey, scheme);
+    } catch {
+    }
+  }, [forceColorScheme, storageKey]);
+  const toggleColorScheme = useCallback(() => {
+    setColorScheme(resolvedColorScheme === "dark" ? "light" : "dark");
+  }, [resolvedColorScheme, setColorScheme]);
+  const value = useMemo(() => ({
+    colorScheme,
+    resolvedColorScheme,
+    setColorScheme,
+    toggleColorScheme
+  }), [colorScheme, resolvedColorScheme, setColorScheme, toggleColorScheme]);
+  return /* @__PURE__ */ jsx(ColorSchemeContext.Provider, { value, children });
+}
+
+// src/theme/ThemeProvider.tsx
+import { jsx as jsx2, jsxs } from "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 = useMemo2(
+    () => createTheme(themeOverride),
+    [themeOverride]
+  );
+  const cssText = useMemo2(() => {
+    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__ */ jsx2(
+    ColorSchemeProvider,
+    {
+      defaultColorScheme,
+      forceColorScheme,
+      storageKey: colorSchemeStorageKey,
+      getRootElement,
+      children: /* @__PURE__ */ jsxs(ThemeContext.Provider, { value: resolvedTheme, children: [
+        cssText && /* @__PURE__ */ jsx2("style", { "data-xc-theme": "", children: cssText }),
+        children
+      ] })
+    }
+  );
+}
+
+export {
+  createTheme,
+  ColorSchemeProvider,
+  ThemeProvider
+};
+//# sourceMappingURL=chunk-2452BBK4.js.map

package/dist/chunk-2452BBK4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/createTheme.ts","../src/theme/ThemeProvider.tsx","../src/theme/ColorSchemeProvider.tsx"],"sourcesContent":["import type { XyneTheme, XyneThemeOverride } from './types'\nimport { DEFAULT_THEME } from './defaultTheme'\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  return value !== null && typeof value === 'object' && !Array.isArray(value)\n}\n\nfunction deepMerge(\n  target: Record<string, unknown>,\n  source: Record<string, unknown>,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = { ...target }\n  for (const key of Object.keys(source)) {\n    if (isPlainObject(source[key]) && isPlainObject(target[key])) {\n      result[key] = deepMerge(\n        target[key] as Record<string, unknown>,\n        source[key] as Record<string, unknown>,\n      )\n    } else {\n      result[key] = source[key]\n    }\n  }\n  return result\n}\n\n/** Deep-merge a partial override with DEFAULT_THEME to produce a full theme. */\nexport function createTheme(override: XyneThemeOverride): XyneTheme {\n  return deepMerge(\n    DEFAULT_THEME as unknown as Record<string, unknown>,\n    override as Record<string, unknown>,\n  ) as unknown as XyneTheme\n}\n","import React, { useMemo } from 'react'\nimport type { XyneThemeOverride } from './types'\nimport type { ColorScheme, ResolvedColorScheme } from './colorScheme.types'\nimport { ThemeContext } from './ThemeContext'\nimport { createTheme } from './createTheme'\nimport { ColorSchemeProvider } from './ColorSchemeProvider'\n\n/** Convert camelCase to kebab-case: \"surfaceHover\" → \"surface-hover\" */\nfunction camelToKebab(str: string): string {\n  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`)\n}\n\n/**\n * Generate CSS custom-property declarations from a theme override.\n * Only fields present in the override produce variables — tokens.css provides all defaults.\n */\nfunction themeOverrideToCssVars(override: XyneThemeOverride): Record<string, string> {\n  const vars: Record<string, string> = {}\n\n  if (override.colors) {\n    for (const [scale, shades] of Object.entries(override.colors)) {\n      for (const [shade, value] of Object.entries(shades)) {\n        vars[`--xc-color-${camelToKebab(scale)}-${shade}`] = value\n      }\n    }\n  }\n\n  if (override.text) {\n    for (const [key, value] of Object.entries(override.text)) {\n      vars[`--xc-color-text-${camelToKebab(key)}`] = value\n    }\n  }\n\n  if (override.bg) {\n    for (const [key, value] of Object.entries(override.bg)) {\n      vars[`--xc-color-bg-${camelToKebab(key)}`] = value\n    }\n  }\n\n  if (override.border) {\n    for (const [key, value] of Object.entries(override.border)) {\n      vars[`--xc-color-border-${camelToKebab(key)}`] = value\n    }\n  }\n\n  if (override.shadow) {\n    for (const [key, value] of Object.entries(override.shadow)) {\n      vars[`--xc-shadow-${camelToKebab(key)}`] = value\n    }\n  }\n\n  if (override.radius) {\n    for (const [key, value] of Object.entries(override.radius)) {\n      vars[`--xc-radius-${camelToKebab(key)}`] = value\n    }\n  }\n\n  if (override.spacing) {\n    for (const [key, value] of Object.entries(override.spacing)) {\n      vars[`--xc-space-${key}`] = value\n    }\n  }\n\n  if (override.fontFamily) {\n    vars['--xc-font-family'] = override.fontFamily\n  }\n\n  if (override.fontWeight) {\n    for (const [key, value] of Object.entries(override.fontWeight)) {\n      vars[`--xc-font-weight-${camelToKebab(key)}`] = value\n    }\n  }\n\n  if (override.fontSize) {\n    for (const [key, value] of Object.entries(override.fontSize)) {\n      vars[`--xc-font-size-${key}`] = value\n    }\n  }\n\n  if (override.lineHeight) {\n    for (const [key, value] of Object.entries(override.lineHeight)) {\n      vars[`--xc-line-height-${key}`] = value\n    }\n  }\n\n  return vars\n}\n\nexport interface ThemeProviderProps {\n  /** Theme override — deep-merged with DEFAULT_THEME */\n  theme?: XyneThemeOverride\n  /** CSS selector for variable injection. @default ':root' */\n  cssVariablesSelector?: string\n  /** Initial color scheme if nothing is stored. @default 'light' */\n  defaultColorScheme?: ColorScheme\n  /** Force a specific color scheme — ignores storage and user toggle. */\n  forceColorScheme?: ResolvedColorScheme\n  /** localStorage key for color scheme persistence. @default 'xc-color-scheme' */\n  colorSchemeStorageKey?: string\n  /** Return the element to set `data-theme` on. @default () => document.documentElement */\n  getRootElement?: () => HTMLElement | undefined\n  children: React.ReactNode\n}\n\n/**\n * Provides theme context and injects CSS variable overrides via a <style> tag.\n * Wrap your app (or a subtree) to customise design tokens.\n *\n * @important Pass a stable reference (from `createTheme()` or `useMemo`) to the `theme` prop.\n * Inline object literals recreate a new reference every render, causing unnecessary CSS\n * recalculations. Example: `const theme = createTheme({ text: { brand: '#0066ff' } })` outside\n * your component, then `<ThemeProvider theme={theme}>`.\n *\n * @example\n * ```tsx\n * const theme = createTheme({ text: { brand: '#0066ff' } })\n * <ThemeProvider theme={theme}>{children}</ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n  theme: themeOverride = {},\n  cssVariablesSelector = ':root',\n  defaultColorScheme = 'light',\n  forceColorScheme,\n  colorSchemeStorageKey,\n  getRootElement,\n  children,\n}: ThemeProviderProps) {\n  const resolvedTheme = useMemo(\n    () => createTheme(themeOverride),\n    [themeOverride],\n  )\n\n  const cssText = useMemo(() => {\n    const vars = themeOverrideToCssVars(themeOverride)\n    const entries = Object.entries(vars)\n    if (entries.length === 0) return ''\n    const declarations = entries\n      .map(([k, v]) => `  ${k}: ${v};`)\n      .join('\\n')\n    return `${cssVariablesSelector} {\\n${declarations}\\n}`\n  }, [themeOverride, cssVariablesSelector])\n\n  return (\n    <ColorSchemeProvider\n      defaultColorScheme={defaultColorScheme}\n      forceColorScheme={forceColorScheme}\n      storageKey={colorSchemeStorageKey}\n      getRootElement={getRootElement}\n    >\n      <ThemeContext.Provider value={resolvedTheme}>\n        {cssText && <style data-xc-theme=\"\">{cssText}</style>}\n        {children}\n      </ThemeContext.Provider>\n    </ColorSchemeProvider>\n  )\n}\n","import React, { useState, useEffect, useMemo, useCallback } from 'react'\nimport type { ColorScheme, ResolvedColorScheme, ColorSchemeContextValue } from './colorScheme.types'\nimport { ColorSchemeContext } from './ColorSchemeContext'\n\nconst STORAGE_KEY = 'xc-color-scheme'\n\nfunction getSystemPreference(): ResolvedColorScheme {\n  if (typeof window === 'undefined') return 'light'\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\nfunction applyToDOM(resolved: ResolvedColorScheme, getRootElement?: () => HTMLElement | undefined) {\n  if (typeof document === 'undefined') return\n  const root = getRootElement ? getRootElement() : document.documentElement\n  if (root) root.setAttribute('data-theme', resolved)\n}\n\nexport interface ColorSchemeProviderProps {\n  defaultColorScheme?: ColorScheme\n  forceColorScheme?: ResolvedColorScheme\n  storageKey?: string\n  getRootElement?: () => HTMLElement | undefined\n  children: React.ReactNode\n}\n\nexport function ColorSchemeProvider({\n  defaultColorScheme = 'light',\n  forceColorScheme,\n  storageKey = STORAGE_KEY,\n  getRootElement,\n  children,\n}: ColorSchemeProviderProps) {\n  const [colorScheme, setColorSchemeRaw] = useState<ColorScheme>(() => {\n    if (forceColorScheme) return forceColorScheme\n    try {\n      if (typeof window !== 'undefined') {\n        const v = window.localStorage.getItem(storageKey)\n        if (v === 'light' || v === 'dark' || v === 'auto') return v\n      }\n    } catch { /* noop */ }\n    return defaultColorScheme\n  })\n\n  const [systemPreference, setSystemPreference] = useState<ResolvedColorScheme>(getSystemPreference)\n\n  const resolvedColorScheme: ResolvedColorScheme = forceColorScheme\n    ?? (colorScheme === 'auto' ? systemPreference : colorScheme)\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n    const mq = window.matchMedia('(prefers-color-scheme: dark)')\n    const handler = (e: MediaQueryListEvent) => {\n      setSystemPreference(e.matches ? 'dark' : 'light')\n    }\n    mq.addEventListener('change', handler)\n    return () => mq.removeEventListener('change', handler)\n  }, [])\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n    const handler = (e: StorageEvent) => {\n      if (e.key !== storageKey) return\n      const val = e.newValue\n      if (val === 'light' || val === 'dark' || val === 'auto') {\n        setColorSchemeRaw(val)\n      }\n    }\n    window.addEventListener('storage', handler)\n    return () => window.removeEventListener('storage', handler)\n  }, [storageKey])\n\n  useEffect(() => {\n    applyToDOM(resolvedColorScheme, getRootElement)\n  }, [resolvedColorScheme, getRootElement])\n\n  const setColorScheme = useCallback((scheme: ColorScheme) => {\n    if (forceColorScheme) return\n    setColorSchemeRaw(scheme)\n    try {\n      window.localStorage.setItem(storageKey, scheme)\n    } catch { /* noop */ }\n  }, [forceColorScheme, storageKey])\n\n  const toggleColorScheme = useCallback(() => {\n    setColorScheme(resolvedColorScheme === 'dark' ? 'light' : 'dark')\n  }, [resolvedColorScheme, setColorScheme])\n\n  const value = useMemo<ColorSchemeContextValue>(() => ({\n    colorScheme,\n    resolvedColorScheme,\n    setColorScheme,\n    toggleColorScheme,\n  }), [colorScheme, resolvedColorScheme, setColorScheme, toggleColorScheme])\n\n  return (\n    <ColorSchemeContext.Provider value={value}>\n      {children}\n    </ColorSchemeContext.Provider>\n  )\n}\n"],"mappings":"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","names":["useMemo","jsx","useMemo"]}