xyne-components 0.1.0

package/dist/index.js

@@ -0,0 +1,530 @@
+// src/ListItem/ListItem.tsx
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ListItem = React.forwardRef(
+  ({
+    label,
+    subtext,
+    selected,
+    active,
+    showBar = true,
+    leading,
+    trailing,
+    disabled,
+    className,
+    ...rest
+  }, ref) => /* @__PURE__ */ 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__ */ jsx("span", { className: "xc-list-item__bar", "aria-hidden": "true" }),
+        leading != null && /* @__PURE__ */ jsx("span", { className: "xc-list-item__leading", "aria-hidden": "true", children: leading }),
+        /* @__PURE__ */ jsxs("span", { className: "xc-list-item__text", children: [
+          /* @__PURE__ */ jsx("span", { className: "xc-list-item__label", children: label }),
+          subtext != null && /* @__PURE__ */ jsx("span", { className: "xc-list-item__subtext", children: subtext })
+        ] }),
+        trailing != null && /* @__PURE__ */ jsx("span", { className: "xc-list-item__trailing", "aria-hidden": "true", children: trailing })
+      ]
+    }
+  )
+);
+ListItem.displayName = "ListItem";
+
+// src/Badge/Badge.tsx
+import React2 from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Badge = React2.forwardRef(
+  ({ children, variant = "badge", icon, className, style, ...rest }, ref) => /* @__PURE__ */ jsxs2(
+    "span",
+    {
+      ref,
+      ...rest,
+      className: `xc-badge${className ? ` ${className}` : ""}`,
+      "data-variant": variant,
+      style,
+      children: [
+        variant === "badge" && icon != null && /* @__PURE__ */ jsx2("span", { className: "xc-badge__icon", "aria-hidden": "true", children: icon }),
+        variant === "badge" && children
+      ]
+    }
+  )
+);
+Badge.displayName = "Badge";
+
+// src/Label/Label.tsx
+import React3 from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Label = React3.forwardRef(
+  ({ children, variant = "closed", leading, trailing, className, ...rest }, ref) => /* @__PURE__ */ jsxs3(
+    "button",
+    {
+      ref,
+      type: "button",
+      ...rest,
+      className: `xc-label${className ? ` ${className}` : ""}`,
+      "data-variant": variant,
+      children: [
+        leading != null && /* @__PURE__ */ jsx3("span", { className: "xc-label__leading", "aria-hidden": "true", children: leading }),
+        /* @__PURE__ */ jsx3("span", { className: "xc-label__text", children: /* @__PURE__ */ jsx3("span", { className: "xc-label__content", children }) }),
+        trailing != null && /* @__PURE__ */ jsx3("span", { className: "xc-label__trailing", "aria-hidden": "true", children: trailing })
+      ]
+    }
+  )
+);
+Label.displayName = "Label";
+
+// src/Directory/Directory.tsx
+import React4 from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var Directory = React4.forwardRef(
+  ({
+    label,
+    variant = "closed",
+    leading,
+    trailing,
+    onHeaderClick,
+    children,
+    className,
+    ...rest
+  }, ref) => /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      ref,
+      ...rest,
+      className: `xc-directory${className ? ` ${className}` : ""}`,
+      "data-variant": variant,
+      children: [
+        /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            type: "button",
+            className: "xc-directory__header",
+            onClick: onHeaderClick,
+            children: [
+              leading != null && /* @__PURE__ */ jsx4("span", { className: "xc-directory__leading", "aria-hidden": "true", children: leading }),
+              /* @__PURE__ */ jsx4("span", { className: "xc-directory__text", children: /* @__PURE__ */ jsx4("span", { className: "xc-directory__label", children: label }) }),
+              trailing != null && /* @__PURE__ */ jsx4("span", { className: "xc-directory__trailing", "aria-hidden": "true", children: trailing })
+            ]
+          }
+        ),
+        variant === "opened" && children != null && /* @__PURE__ */ jsx4("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: {}
+};
+
+// 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/ThemeContext.ts
+import { createContext } from "react";
+var ThemeContext = createContext(DEFAULT_THEME);
+
+// src/theme/ColorSchemeProvider.tsx
+import { useState, useEffect, useMemo, useCallback } from "react";
+
+// src/theme/ColorSchemeContext.ts
+import { createContext as createContext2 } from "react";
+var ColorSchemeContext = createContext2({
+  colorScheme: "light",
+  resolvedColorScheme: "light",
+  setColorScheme: () => {
+  },
+  toggleColorScheme: () => {
+  }
+});
+
+// src/theme/ColorSchemeProvider.tsx
+import { jsx as jsx5 } 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 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] = 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] = 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__ */ jsx5(ColorSchemeContext.Provider, { value, children });
+}
+
+// src/theme/ThemeProvider.tsx
+import { jsx as jsx6, jsxs as jsxs5 } 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__ */ jsx6(
+    ColorSchemeProvider,
+    {
+      defaultColorScheme,
+      forceColorScheme,
+      storageKey: colorSchemeStorageKey,
+      getRootElement,
+      children: /* @__PURE__ */ jsxs5(ThemeContext.Provider, { value: resolvedTheme, children: [
+        cssText && /* @__PURE__ */ jsx6("style", { "data-xc-theme": "", children: cssText }),
+        children
+      ] })
+    }
+  );
+}
+
+// src/theme/useTheme.ts
+import { useContext } from "react";
+function useTheme() {
+  return useContext(ThemeContext);
+}
+
+// src/theme/useColorScheme.ts
+import { useContext as useContext2 } from "react";
+function useColorScheme() {
+  return useContext2(ColorSchemeContext);
+}
+export {
+  Badge,
+  ColorSchemeProvider,
+  DEFAULT_THEME,
+  Directory,
+  Label,
+  ListItem,
+  ThemeProvider,
+  createTheme,
+  useColorScheme,
+  useTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ListItem/ListItem.tsx","../src/Badge/Badge.tsx","../src/Label/Label.tsx","../src/Directory/Directory.tsx","../src/theme/defaultTheme.ts","../src/theme/createTheme.ts","../src/theme/ThemeProvider.tsx","../src/theme/ThemeContext.ts","../src/theme/ColorSchemeProvider.tsx","../src/theme/ColorSchemeContext.ts","../src/theme/useTheme.ts","../src/theme/useColorScheme.ts"],"sourcesContent":["import React from 'react'\n\nexport interface ListItemProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  /** Primary label text */\n  label: string\n  /** Optional secondary line below the label */\n  subtext?: string\n  /** Item is visually selected */\n  selected?: boolean\n  /** Item is active (keyboard-highlighted / current) */\n  active?: boolean\n  /** Show the left vertical bar indicator @default true */\n  showBar?: boolean\n  /** 16×16 slot before the label */\n  leading?: React.ReactNode\n  /** 16×16 slot after the label */\n  trailing?: React.ReactNode\n}\n\nexport const ListItem = React.forwardRef<HTMLButtonElement, ListItemProps>(\n  (\n    {\n      label,\n      subtext,\n      selected,\n      active,\n      showBar = true,\n      leading,\n      trailing,\n      disabled,\n      className,\n      ...rest\n    },\n    ref,\n  ) => (\n    <button\n      ref={ref}\n      type=\"button\"\n      {...rest}\n      className={`xc-list-item${className ? ` ${className}` : ''}`}\n      disabled={disabled}\n      // data attributes drive CSS state — no class modifiers\n      data-selected={selected || undefined}\n      data-active={active || undefined}\n      data-disabled={disabled || undefined}\n    >\n      {showBar && <span className=\"xc-list-item__bar\" aria-hidden=\"true\" />}\n\n      {leading != null && (\n        <span className=\"xc-list-item__leading\" aria-hidden=\"true\">\n          {leading}\n        </span>\n      )}\n\n      <span className=\"xc-list-item__text\">\n        <span className=\"xc-list-item__label\">{label}</span>\n        {subtext != null && (\n          <span className=\"xc-list-item__subtext\">{subtext}</span>\n        )}\n      </span>\n\n      {trailing != null && (\n        <span className=\"xc-list-item__trailing\" aria-hidden=\"true\">\n          {trailing}\n        </span>\n      )}\n    </button>\n  ),\n)\n\nListItem.displayName = 'ListItem'\n","import React from 'react'\n\nexport type BadgeVariant = 'badge' | 'dot'\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Visual variant: \"badge\" (pill with count/text) or \"dot\" (tiny status indicator) @default 'badge' */\n  variant?: BadgeVariant\n  /** 12×12 icon slot, shown before the text (only for type=\"badge\") */\n  icon?: React.ReactNode\n}\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ children, variant = 'badge', icon, className, style, ...rest }, ref) => (\n    <span\n      ref={ref}\n      {...rest}\n      className={`xc-badge${className ? ` ${className}` : ''}`}\n      data-variant={variant}\n      style={style}\n    >\n      {variant === 'badge' && icon != null && (\n        <span className=\"xc-badge__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      {variant === 'badge' && children}\n    </span>\n  ),\n)\n\nBadge.displayName = 'Badge'\n","import React from 'react'\n\nexport type LabelVariant = 'opened' | 'closed'\n\nexport interface LabelProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'type'> {\n  children: React.ReactNode\n  /** Visual variant: \"opened\" (primary text) or \"closed\" (secondary text) @default 'closed' */\n  variant?: LabelVariant\n  /** 16×16 slot before the label text */\n  leading?: React.ReactNode\n  /** 16×16 slot after the label text */\n  trailing?: React.ReactNode\n}\n\nexport const Label = React.forwardRef<HTMLButtonElement, LabelProps>(\n  ({ children, variant = 'closed', leading, trailing, className, ...rest }, ref) => (\n    <button\n      ref={ref}\n      type=\"button\"\n      {...rest}\n      className={`xc-label${className ? ` ${className}` : ''}`}\n      data-variant={variant}\n    >\n      {leading != null && (\n        <span className=\"xc-label__leading\" aria-hidden=\"true\">\n          {leading}\n        </span>\n      )}\n\n      <span className=\"xc-label__text\">\n        <span className=\"xc-label__content\">{children}</span>\n      </span>\n\n      {trailing != null && (\n        <span className=\"xc-label__trailing\" aria-hidden=\"true\">\n          {trailing}\n        </span>\n      )}\n    </button>\n  ),\n)\n\nLabel.displayName = 'Label'\n","import React from 'react'\n\nexport type DirectoryVariant = 'opened' | 'closed'\n\nexport interface DirectoryProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Label text shown in the header row */\n  label: string\n  /** Visual variant: \"opened\" (children visible) or \"closed\" (collapsed) @default 'closed' */\n  variant?: DirectoryVariant\n  /** 16×16 slot before the label (folder icon) */\n  leading?: React.ReactNode\n  /** 16×16 slot after the label (chevron icon) */\n  trailing?: React.ReactNode\n  /** Called when the header row is clicked */\n  onHeaderClick?: React.MouseEventHandler<HTMLButtonElement>\n  /** Children rendered below the header when opened (typically ListItem components) */\n  children?: React.ReactNode\n}\n\nexport const Directory = React.forwardRef<HTMLDivElement, DirectoryProps>(\n  (\n    {\n      label,\n      variant = 'closed',\n      leading,\n      trailing,\n      onHeaderClick,\n      children,\n      className,\n      ...rest\n    },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      {...rest}\n      className={`xc-directory${className ? ` ${className}` : ''}`}\n      data-variant={variant}\n    >\n      <button\n        type=\"button\"\n        className=\"xc-directory__header\"\n        onClick={onHeaderClick}\n      >\n        {leading != null && (\n          <span className=\"xc-directory__leading\" aria-hidden=\"true\">\n            {leading}\n          </span>\n        )}\n\n        <span className=\"xc-directory__text\">\n          <span className=\"xc-directory__label\">{label}</span>\n        </span>\n\n        {trailing != null && (\n          <span className=\"xc-directory__trailing\" aria-hidden=\"true\">\n            {trailing}\n          </span>\n        )}\n      </button>\n\n      {variant === 'opened' && children != null && (\n        <div className=\"xc-directory__content\">\n          {children}\n        </div>\n      )}\n    </div>\n  ),\n)\n\nDirectory.displayName = 'Directory'\n","import type { XyneTheme } from './types'\n\n/**\n * Default theme — values match tokens.css (light mode).\n * Used as the base for createTheme() deep-merge.\n */\nexport const DEFAULT_THEME: XyneTheme = {\n  colors: {\n    orange: {\n      '50': '#fff7ed',\n      '100': '#ffedd4',\n      '200': '#ffd6a8',\n      '300': '#ffb86a',\n      '400': '#ff8904',\n      '500': '#fe6d36',\n      '600': '#ea580c',\n      '700': '#c2410c',\n    },\n    gray: {\n      '25': '#f6f8fa',\n      '50': '#f9fafb',\n      '100': '#f2f4f7',\n      '200': '#e4e7ec',\n      '300': '#d0d5dd',\n      '400': '#98a2b3',\n      '500': '#667085',\n      '600': '#475467',\n      '700': '#344054',\n      '800': '#1d2939',\n      '900': '#101828',\n    },\n    red: {\n      '50': '#fef3f2',\n      '500': '#f04438',\n      '600': '#d92d20',\n      '700': '#b42318',\n    },\n    green: {\n      '50': '#ecfdf3',\n      '500': '#12b76a',\n      '600': '#039855',\n      '700': '#027a48',\n    },\n    yellow: {\n      '50': '#fffaeb',\n      '500': '#f79009',\n      '600': '#dc6803',\n      '700': '#b54708',\n    },\n    blue: {\n      '50': '#eff8ff',\n      '500': '#2e90fa',\n      '600': '#1570ef',\n      '700': '#175cd3',\n    },\n    purple: {\n      '50': '#f9f5ff',\n      '500': '#9e77ed',\n      '600': '#7f56d9',\n      '700': '#6941c6',\n    },\n    teal: {\n      '50': '#f0fdf9',\n      '500': '#15b79e',\n      '600': '#0e9384',\n      '700': '#107569',\n    },\n  },\n\n  text: {\n    primary: '#101828',\n    secondary: '#475467',\n    tertiary: '#667085',\n    disabled: '#c9d0db',\n    brand: '#e8601a',\n    inverse: '#f1f5f9',\n    error: '#d92d20',\n    success: '#039855',\n    warning: '#b54708',\n  },\n\n  bg: {\n    white: '#ffffff',\n    subtle: '#f9fafb',\n    surfaceHover: '#f1f5f9',\n    brand: '#fff4ee',\n    error: '#fef3f2',\n    success: '#ecfdf3',\n    warning: '#fffaeb',\n    neutral: '#f9fafb',\n    purple: '#f9f5ff',\n    blue: '#eff8ff',\n    teal: '#f0fdf9',\n  },\n\n  border: {\n    default: '#d6dce6',\n    subtle: '#f1f5f9',\n    strong: '#98a2b3',\n    brand: '#fe6d36',\n    error: '#fda29b',\n  },\n\n  shadow: {\n    xs: '0 1px 2px 0 rgba(16, 24, 40, 0.05)',\n    sm: '0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px -1px rgba(16, 24, 40, 0.1)',\n    md: '0 4px 6px -1px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.1)',\n    pressed: 'inset 0 0 4px 0 rgba(0, 0, 0, 0.15)',\n  },\n\n  radius: {\n    xs: '2px',\n    sm: '4px',\n    md: '8px',\n    lg: '12px',\n    xl: '16px',\n    full: '9999px',\n  },\n\n  spacing: {\n    '0': '0px',\n    '1': '2px',\n    '2': '4px',\n    '3': '6px',\n    '4': '8px',\n    '5': '10px',\n    '6': '12px',\n    '7': '14px',\n    '8': '16px',\n    '9': '18px',\n    '10': '20px',\n    '12': '24px',\n    '16': '32px',\n  },\n\n  fontFamily: \"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\",\n\n  fontWeight: {\n    regular: '400',\n    medium: '500',\n    semibold: '600',\n    bold: '700',\n  },\n\n  fontSize: {\n    '2xs': '10px',\n    xs: '11px',\n    sm: '12px',\n    md: '14px',\n    lg: '16px',\n    xl: '18px',\n  },\n\n  lineHeight: {\n    '2xs': '14px',\n    xs: '16px',\n    sm: '18px',\n    md: '20px',\n    lg: '24px',\n    xl: '28px',\n  },\n\n  other: {},\n  components: {},\n}\n","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 * @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 { createContext } from 'react'\nimport type { XyneTheme } from './types'\nimport { DEFAULT_THEME } from './defaultTheme'\n\nexport const ThemeContext = createContext<XyneTheme>(DEFAULT_THEME)\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 readStorage(): ColorScheme | null {\n  if (typeof window === 'undefined') return null\n  try {\n    const stored = window.localStorage.getItem(STORAGE_KEY)\n    if (stored === 'light' || stored === 'dark' || stored === 'auto') return stored\n  } catch { /* localStorage unavailable */ }\n  return null\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  /** 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. @default 'xc-color-scheme' */\n  storageKey?: string\n  /** Return the element to set `data-theme` on. @default () => document.documentElement */\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    // Use a custom storage key by reading directly\n    if (typeof window !== 'undefined' && storageKey !== STORAGE_KEY) {\n      try {\n        const v = window.localStorage.getItem(storageKey)\n        if (v === 'light' || v === 'dark' || v === 'auto') return v\n      } catch { /* noop */ }\n    }\n    return readStorage() ?? defaultColorScheme\n  })\n\n  const [systemPreference, setSystemPreference] = useState<ResolvedColorScheme>(getSystemPreference)\n\n  const resolvedColorScheme: ResolvedColorScheme = forceColorScheme\n    ?? (colorScheme === 'auto' ? systemPreference : colorScheme)\n\n  // Listen for OS-level prefers-color-scheme changes\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  // Sync storage changes across tabs\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  // Apply data-theme to DOM whenever resolved value changes\n  useEffect(() => {\n    applyToDOM(resolvedColorScheme, getRootElement)\n  }, [resolvedColorScheme, getRootElement])\n\n  const setColorScheme = useCallback((scheme: ColorScheme) => {\n    if (forceColorScheme) return // forced — ignore\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","import { createContext } from 'react'\nimport type { ColorSchemeContextValue } from './colorScheme.types'\n\n/** Default (no-op) context — consumers outside a provider get static 'light'. */\nexport const ColorSchemeContext = createContext<ColorSchemeContextValue>({\n  colorScheme: 'light',\n  resolvedColorScheme: 'light',\n  setColorScheme: () => {},\n  toggleColorScheme: () => {},\n})\n","import { useContext } from 'react'\nimport type { XyneTheme } from './types'\nimport { ThemeContext } from './ThemeContext'\n\n/** Access the resolved theme object from the nearest ThemeProvider. */\nexport function useTheme(): XyneTheme {\n  return useContext(ThemeContext)\n}\n","import { useContext } from 'react'\nimport type { ColorSchemeContextValue } from './colorScheme.types'\nimport { ColorSchemeContext } from './ColorSchemeContext'\n\n/**\n * Access and control the current color scheme.\n *\n * @example\n * ```tsx\n * const { resolvedColorScheme, toggleColorScheme } = useColorScheme()\n * <button onClick={toggleColorScheme}>\n *   Current: {resolvedColorScheme}\n * </button>\n * ```\n */\nexport function useColorScheme(): ColorSchemeContextValue {\n  return useContext(ColorSchemeContext)\n}\n"],"mappings":"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","names":["React","jsx","jsxs","React","jsx","jsxs","React","jsx","jsxs","useMemo","createContext","jsx","jsx","jsxs","useMemo","useContext","useContext"]}