xyne-components 0.1.0 → 0.1.2

package/dist/chunk-2JYR6C3L.cjs

@@ -0,0 +1,219 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+
+
+var _chunkWUV742E6cjs = require('./chunk-WUV742E6.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(
+    _chunkWUV742E6cjs.DEFAULT_THEME,
+    override
+  );
+}
+
+// src/theme/ThemeProvider.tsx
+var _react = require('react');
+
+// src/theme/ColorSchemeProvider.tsx
+
+var _jsxruntime = 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 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] = _react.useState.call(void 0, () => {
+    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 (e2) {
+    }
+    return defaultColorScheme;
+  });
+  const [systemPreference, setSystemPreference] = _react.useState.call(void 0, getSystemPreference);
+  const resolvedColorScheme = _nullishCoalesce(forceColorScheme, () => ( (colorScheme === "auto" ? systemPreference : colorScheme)));
+  _react.useEffect.call(void 0, () => {
+    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);
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    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]);
+  _react.useEffect.call(void 0, () => {
+    applyToDOM(resolvedColorScheme, getRootElement);
+  }, [resolvedColorScheme, getRootElement]);
+  const setColorScheme = _react.useCallback.call(void 0, (scheme) => {
+    if (forceColorScheme) return;
+    setColorSchemeRaw(scheme);
+    try {
+      window.localStorage.setItem(storageKey, scheme);
+    } catch (e3) {
+    }
+  }, [forceColorScheme, storageKey]);
+  const toggleColorScheme = _react.useCallback.call(void 0, () => {
+    setColorScheme(resolvedColorScheme === "dark" ? "light" : "dark");
+  }, [resolvedColorScheme, setColorScheme]);
+  const value = _react.useMemo.call(void 0, () => ({
+    colorScheme,
+    resolvedColorScheme,
+    setColorScheme,
+    toggleColorScheme
+  }), [colorScheme, resolvedColorScheme, setColorScheme, toggleColorScheme]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWUV742E6cjs.ColorSchemeContext.Provider, { value, children });
+}
+
+// src/theme/ThemeProvider.tsx
+
+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 = _react.useMemo.call(void 0, 
+    () => createTheme(themeOverride),
+    [themeOverride]
+  );
+  const cssText = _react.useMemo.call(void 0, () => {
+    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__ */ _jsxruntime.jsx.call(void 0, 
+    ColorSchemeProvider,
+    {
+      defaultColorScheme,
+      forceColorScheme,
+      storageKey: colorSchemeStorageKey,
+      getRootElement,
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWUV742E6cjs.ThemeContext.Provider, { value: resolvedTheme, children: [
+        cssText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { "data-xc-theme": "", children: cssText }),
+        children
+      ] })
+    }
+  );
+}
+
+
+
+
+
+exports.createTheme = createTheme; exports.ColorSchemeProvider = ColorSchemeProvider; exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=chunk-2JYR6C3L.cjs.map

package/dist/chunk-2JYR6C3L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-2JYR6C3L.cjs","../src/theme/createTheme.ts","../src/theme/ThemeProvider.tsx","../src/theme/ColorSchemeProvider.tsx"],"names":["useMemo","jsx"],"mappings":"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","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-2JYR6C3L.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-54N4ZTTL.js

@@ -0,0 +1,173 @@
+"use client";
+
+// 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/ThemeContext.ts
+import { createContext } from "react";
+var ThemeContext = createContext(DEFAULT_THEME);
+
+// src/theme/ColorSchemeContext.ts
+import { createContext as createContext2 } from "react";
+var ColorSchemeContext = createContext2({
+  colorScheme: "light",
+  resolvedColorScheme: "light",
+  setColorScheme: () => {
+  },
+  toggleColorScheme: () => {
+  }
+});
+
+export {
+  DEFAULT_THEME,
+  ThemeContext,
+  ColorSchemeContext
+};
+//# sourceMappingURL=chunk-54N4ZTTL.js.map

package/dist/chunk-54N4ZTTL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/defaultTheme.ts","../src/theme/ThemeContext.ts","../src/theme/ColorSchemeContext.ts"],"sourcesContent":["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 { createContext } from 'react'\nimport type { XyneTheme } from './types'\nimport { DEFAULT_THEME } from './defaultTheme'\n\nexport const ThemeContext = createContext<XyneTheme>(DEFAULT_THEME)\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"],"mappings":"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","names":["createContext"]}

package/dist/chunk-73U3B3WX.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+var _chunkWUV742E6cjs = require('./chunk-WUV742E6.cjs');
+
+// src/hooks/useTheme.ts
+var _react = require('react');
+function useTheme() {
+  return _react.useContext.call(void 0, _chunkWUV742E6cjs.ThemeContext);
+}
+
+// src/hooks/useColorScheme.ts
+
+function useColorScheme() {
+  return _react.useContext.call(void 0, _chunkWUV742E6cjs.ColorSchemeContext);
+}
+
+
+
+
+exports.useTheme = useTheme; exports.useColorScheme = useColorScheme;
+//# sourceMappingURL=chunk-73U3B3WX.cjs.map

package/dist/chunk-73U3B3WX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-73U3B3WX.cjs","../src/hooks/useTheme.ts","../src/hooks/useColorScheme.ts"],"names":["useContext"],"mappings":"AAAA,qFAAY;AACZ;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACNA,8BAA2B;AAKpB,SAAS,QAAA,CAAA,EAAsB;AACpC,EAAA,OAAO,+BAAA,8BAAuB,CAAA;AAChC;ADIA;AACA;AEZA;AAeO,SAAS,cAAA,CAAA,EAA0C;AACxD,EAAA,OAAOA,+BAAAA,oCAA6B,CAAA;AACtC;AFAA;AACA;AACE;AACA;AACF,qEAAC","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-73U3B3WX.cjs","sourcesContent":[null,"import { useContext } from 'react'\nimport type { XyneTheme } from '../theme/types'\nimport { ThemeContext } from '../theme/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 '../theme/colorScheme.types'\nimport { ColorSchemeContext } from '../theme/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"]}

package/dist/chunk-CNEANQ6B.js

@@ -0,0 +1,23 @@
+"use client";
+import {
+  ColorSchemeContext,
+  ThemeContext
+} from "./chunk-54N4ZTTL.js";
+
+// src/hooks/useTheme.ts
+import { useContext } from "react";
+function useTheme() {
+  return useContext(ThemeContext);
+}
+
+// src/hooks/useColorScheme.ts
+import { useContext as useContext2 } from "react";
+function useColorScheme() {
+  return useContext2(ColorSchemeContext);
+}
+
+export {
+  useTheme,
+  useColorScheme
+};
+//# sourceMappingURL=chunk-CNEANQ6B.js.map

package/dist/chunk-CNEANQ6B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useTheme.ts","../src/hooks/useColorScheme.ts"],"sourcesContent":["import { useContext } from 'react'\nimport type { XyneTheme } from '../theme/types'\nimport { ThemeContext } from '../theme/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 '../theme/colorScheme.types'\nimport { ColorSchemeContext } from '../theme/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":";;;;;;;AAAA,SAAS,kBAAkB;AAKpB,SAAS,WAAsB;AACpC,SAAO,WAAW,YAAY;AAChC;;;ACPA,SAAS,cAAAA,mBAAkB;AAepB,SAAS,iBAA0C;AACxD,SAAOC,YAAW,kBAAkB;AACtC;","names":["useContext","useContext"]}

package/dist/chunk-EJ4BXCSG.js

@@ -0,0 +1,55 @@
+"use client";
+import {
+  resolveSx
+} from "./chunk-ZS6WGFYT.js";
+
+// src/Badge/Badge.tsx
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Badge = React.forwardRef(
+  function BadgeInner({
+    children,
+    variant = "badge",
+    icon,
+    slots,
+    slotProps,
+    sx,
+    className,
+    style,
+    component,
+    ...rest
+  }, ref) {
+    const Root = slots?.root ?? component ?? "span";
+    const Icon = slots?.icon ?? "span";
+    const sxStyles = resolveSx(sx);
+    return /* @__PURE__ */ jsxs(
+      Root,
+      {
+        ref,
+        ...slotProps?.root,
+        ...rest,
+        className: `xc-badge${className ? ` ${className}` : ""}`,
+        "data-variant": variant,
+        style: { ...slotProps?.root?.style, ...sxStyles, ...style },
+        children: [
+          variant === "badge" && icon != null && /* @__PURE__ */ jsx(
+            Icon,
+            {
+              ...slotProps?.icon,
+              className: "xc-badge__icon",
+              "aria-hidden": "true",
+              children: icon
+            }
+          ),
+          variant === "badge" && children
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+export {
+  Badge
+};
+//# sourceMappingURL=chunk-EJ4BXCSG.js.map

package/dist/chunk-EJ4BXCSG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Badge/Badge.tsx"],"sourcesContent":["import React from 'react'\nimport type { PolymorphicComponentPropsWithRef, SxProp } from '../utils'\nimport { resolveSx } from '../utils'\n\nexport type BadgeVariant = 'badge' | 'dot'\n\nexport type BadgeSlots = {\n  root?: React.ElementType\n  icon?: React.ElementType\n}\n\nexport type BadgeSlotProps = {\n  root?: React.HTMLAttributes<HTMLElement>\n  icon?: React.HTMLAttributes<HTMLSpanElement>\n}\n\ntype BadgeOwnProps = {\n  variant?: BadgeVariant\n  icon?: React.ReactNode\n  slots?: BadgeSlots\n  slotProps?: BadgeSlotProps\n  sx?: SxProp\n}\n\nexport type BadgeProps<C extends React.ElementType = 'span'> =\n  PolymorphicComponentPropsWithRef<C, BadgeOwnProps>\n\ntype BadgeComponent = <C extends React.ElementType = 'span'>(\n  props: BadgeProps<C>,\n) => React.ReactElement | null\n\nexport const Badge: BadgeComponent = React.forwardRef(function BadgeInner(\n  {\n    children,\n    variant = 'badge',\n    icon,\n    slots,\n    slotProps,\n    sx,\n    className,\n    style,\n    component,\n    ...rest\n  }: BadgeProps<React.ElementType>,\n  ref: React.Ref<Element>,\n) {\n    const Root = (slots?.root ?? component ?? 'span') as React.ElementType\n    const Icon = (slots?.icon ?? 'span') as React.ElementType\n\n    const sxStyles = resolveSx(sx)\n\n    return (\n      <Root\n        ref={ref}\n        {...slotProps?.root}\n        {...rest}\n        className={`xc-badge${className ? ` ${className}` : ''}`}\n        data-variant={variant}\n        style={{ ...slotProps?.root?.style, ...sxStyles, ...style }}\n      >\n        {variant === 'badge' && icon != null && (\n          <Icon\n            {...slotProps?.icon}\n            className=\"xc-badge__icon\"\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </Icon>\n        )}\n        {variant === 'badge' && children}\n      </Root>\n    )\n  },\n) as unknown as BadgeComponent\n\n;(Badge as { displayName?: string }).displayName = 'Badge'\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAoDZ,SASI,KATJ;AArBC,IAAM,QAAwB,MAAM;AAAA,EAAW,SAAS,WAC7D;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACE,UAAM,OAAQ,OAAO,QAAQ,aAAa;AAC1C,UAAM,OAAQ,OAAO,QAAQ;AAE7B,UAAM,WAAW,UAAU,EAAE;AAE7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG,WAAW;AAAA,QACd,GAAG;AAAA,QACJ,WAAW,WAAW,YAAY,IAAI,SAAS,KAAK,EAAE;AAAA,QACtD,gBAAc;AAAA,QACd,OAAO,EAAE,GAAG,WAAW,MAAM,OAAO,GAAG,UAAU,GAAG,MAAM;AAAA,QAEzD;AAAA,sBAAY,WAAW,QAAQ,QAC9B;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,WAAW;AAAA,cACf,WAAU;AAAA,cACV,eAAY;AAAA,cAEX;AAAA;AAAA,UACH;AAAA,UAED,YAAY,WAAW;AAAA;AAAA;AAAA,IAC1B;AAAA,EAEJ;AACF;AAEE,MAAmC,cAAc;","names":[]}

package/dist/chunk-HAG5EYQ5.cjs

@@ -0,0 +1,87 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+var _chunkSRXGVBJ5cjs = require('./chunk-SRXGVBJ5.cjs');
+
+// src/ListItem/ListItem.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var NATIVELY_DISABLEABLE = /* @__PURE__ */ new Set(["button", "input", "select", "textarea", "fieldset"]);
+var ListItem = _react2.default.forwardRef(function ListItemInner({
+  label,
+  subtext,
+  selected,
+  active,
+  showBar = true,
+  leading,
+  trailing,
+  slots,
+  slotProps,
+  sx,
+  disabled,
+  className,
+  style,
+  component,
+  ...rest
+}, ref) {
+  const Root = _nullishCoalesce(_nullishCoalesce(_optionalChain([slots, 'optionalAccess', _ => _.root]), () => ( component)), () => ( "button"));
+  const Bar = _nullishCoalesce(_optionalChain([slots, 'optionalAccess', _2 => _2.bar]), () => ( "span"));
+  const Leading = _nullishCoalesce(_optionalChain([slots, 'optionalAccess', _3 => _3.leading]), () => ( "span"));
+  const Trailing = _nullishCoalesce(_optionalChain([slots, 'optionalAccess', _4 => _4.trailing]), () => ( "span"));
+  const Text = _nullishCoalesce(_optionalChain([slots, 'optionalAccess', _5 => _5.text]), () => ( "span"));
+  const sxStyles = _chunkSRXGVBJ5cjs.resolveSx.call(void 0, sx);
+  const isNativelyDisableable = typeof Root === "string" && NATIVELY_DISABLEABLE.has(Root);
+  const rootProps = Root === "button" ? { type: "button", ..._optionalChain([slotProps, 'optionalAccess', _6 => _6.root]) } : _optionalChain([slotProps, 'optionalAccess', _7 => _7.root]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Root,
+    {
+      ref,
+      ...rootProps,
+      ...rest,
+      className: `xc-list-item${className ? ` ${className}` : ""}`,
+      ...isNativelyDisableable ? { disabled } : { "aria-disabled": disabled || void 0 },
+      "data-selected": selected || void 0,
+      "data-active": active || void 0,
+      "data-disabled": disabled || void 0,
+      style: { ..._optionalChain([slotProps, 'optionalAccess', _8 => _8.root, 'optionalAccess', _9 => _9.style]), ...sxStyles, ...style },
+      children: [
+        showBar && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Bar,
+          {
+            ..._optionalChain([slotProps, 'optionalAccess', _10 => _10.bar]),
+            className: "xc-list-item__bar",
+            "aria-hidden": "true"
+          }
+        ),
+        leading != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Leading,
+          {
+            ..._optionalChain([slotProps, 'optionalAccess', _11 => _11.leading]),
+            className: "xc-list-item__leading",
+            "aria-hidden": "true",
+            children: leading
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Text, { ..._optionalChain([slotProps, 'optionalAccess', _12 => _12.text]), className: "xc-list-item__text", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "xc-list-item__label", children: label }),
+          subtext != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "xc-list-item__subtext", children: subtext })
+        ] }),
+        trailing != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Trailing,
+          {
+            ..._optionalChain([slotProps, 'optionalAccess', _13 => _13.trailing]),
+            className: "xc-list-item__trailing",
+            "aria-hidden": "true",
+            children: trailing
+          }
+        )
+      ]
+    }
+  );
+});
+ListItem.displayName = "ListItem";
+
+
+
+exports.ListItem = ListItem;
+//# sourceMappingURL=chunk-HAG5EYQ5.cjs.map