softable-pixels-web 1.0.0 → 1.0.2

package/dist/index.js

@@ -1,4 +1,5 @@
-import { t as TabSwitch } from "./TabSwitch-D6OPAUjC.js";
-import { n as useTheme, t as ThemeProvider } from "./ThemeContext-CRXby8a0.js";
+import { t as Typography } from "./Typography-Dn1vnPBy.js";
+import { t as TabSwitch } from "./TabSwitch-bxVgCnTw.js";
+import { n as useTheme, t as ThemeProvider } from "./ThemeContext-DiQ-_KUr.js";
 
-export { TabSwitch, ThemeProvider, useTheme };
+export { TabSwitch, ThemeProvider, Typography, useTheme };

package/dist/tab-switch.d.ts

@@ -1,2 +1,2 @@
-import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-CZOu4S--.js";
+import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index--nD5Wzza.js";
 export { SwitchOption, TabSwitch, TabSwitchProps };

package/dist/tab-switch.js

@@ -1,3 +1,4 @@
-import { t as TabSwitch } from "./TabSwitch-D6OPAUjC.js";
+import "./Typography-Dn1vnPBy.js";
+import { t as TabSwitch } from "./TabSwitch-bxVgCnTw.js";
 
 export { TabSwitch };

package/dist/theme-context.d.ts

@@ -1,2 +1,2 @@
-import { a as ThemeName, c as ThemeRegistry, i as ThemeMode, l as ThemeTokens, n as useTheme, o as ThemePersistence, r as ThemeContextData, s as ThemeProviderProps, t as ThemeProvider } from "./index-jFi4YRO5.js";
+import { a as ThemeName, c as ThemeRegistry, i as ThemeMode, l as ThemeTokens, n as useTheme, o as ThemePersistence, r as ThemeContextData, s as ThemeProviderProps, t as ThemeProvider } from "./index-B0CCFNqx.js";
 export { ThemeContextData, ThemeMode, ThemeName, ThemePersistence, ThemeProvider, ThemeProviderProps, ThemeRegistry, ThemeTokens, useTheme };

package/dist/theme-context.js

@@ -1,3 +1,3 @@
-import { n as useTheme, t as ThemeProvider } from "./ThemeContext-CRXby8a0.js";
+import { n as useTheme, t as ThemeProvider } from "./ThemeContext-DiQ-_KUr.js";
 
 export { ThemeProvider, useTheme };

package/dist/typography.d.ts

@@ -0,0 +1,2 @@
+import { t as Typography } from "./index-C_T04IuG.js";
+export { Typography };

package/dist/typography.js

@@ -0,0 +1,3 @@
+import { t as Typography } from "./Typography-Dn1vnPBy.js";
+
+export { Typography };

package/dist/useThemedStyles-DyrejrCM.d.ts

@@ -0,0 +1,91 @@
+//#region src/hooks/useThemedStyles/types/styleProps.d.ts
+type Space = number | string;
+type Size = number | string;
+interface MarginProps {
+  m?: Space;
+  mx?: Space;
+  my?: Space;
+  mt?: Space;
+  mr?: Space;
+  mb?: Space;
+  ml?: Space;
+}
+interface PaddingProps {
+  p?: Space;
+  px?: Space;
+  py?: Space;
+  pt?: Space;
+  pr?: Space;
+  pb?: Space;
+  pl?: Space;
+}
+interface TextProps {
+  fontSize?: number | string;
+  fontWeight?: React.CSSProperties['fontWeight'];
+  lineHeight?: number | string;
+  textAlign?: React.CSSProperties['textAlign'];
+}
+interface LayoutProps {
+  w?: Size;
+  h?: Size;
+  minW?: Size;
+  maxW?: Size;
+  minH?: Size;
+  maxH?: Size;
+}
+type CommonStyleProps = MarginProps & PaddingProps & TextProps & LayoutProps;
+//#endregion
+//#region src/hooks/useThemedStyles/types/useThemedStyles.d.ts
+/**
+ * Allows CSS Variables to be used in inline styles.
+ *
+ * Example:
+ * ```ts
+ * const style: CSSVars = { "--btn-bg": "#111", background: "var(--btn-bg)" }
+ * ```
+ */
+type CSSVars = React.CSSProperties & Record<`--${string}`, string | number>;
+/**
+ * A rule declaration is like CSSProperties, but also supports CSS variables.
+ * Used inside `__rules`.
+ */
+type RuleDecl = React.CSSProperties & Record<`--${string}`, string | number>;
+/**
+ * Map of selectors to declarations.
+ *
+ * Key examples:
+ * - "&:hover"
+ * - "& > p"
+ * - ":focus-visible"        (auto-scoped to the slot class)
+ * - "::before"             (auto-scoped)
+ * - "span"                 (scoped as descendant)
+ * - "&::-webkit-scrollbar" (scoped)
+ */
+type RuleMap = Record<string, RuleDecl>;
+/**
+ * Slot style supports a reserved `__rules` key.
+ *
+ * - Everything EXCEPT `__rules` is applied as inline style.
+ * - `__rules` is converted into runtime CSS and injected into a <style> tag.
+ *
+ * This enables hover, pseudo-elements, descendant selectors, and vendor selectors.
+ */
+type SlotStyle = (React.CSSProperties | CSSVars) & {
+  __rules?: RuleMap;
+};
+/**
+ * A map of "slots" to styles.
+ *
+ * Example:
+ * ```ts
+ * {
+ *   container: { ... },
+ *   label: { ... },
+ *   icon: { ... }
+ * }
+ * ```
+ */
+type StyleMap = Record<string, SlotStyle>;
+//#endregion
+export { CommonStyleProps as n, TextProps as r, StyleMap as t };
+//# sourceMappingURL=useThemedStyles-DyrejrCM.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "softable-pixels-web",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "",
   "keywords": [],
   "author": "softable",
@@ -16,7 +16,9 @@
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "rm -rf dist && tsdown"
+    "build": "pnpm generate:icons:node && rm -rf dist && tsdown",
+    "generate:icons": "chmod +x ./scripts/generate-icons.sh && ./scripts/generate-icons.sh",
+    "generate:icons:node": "node ./scripts/generate-icons.mjs"
   },
   "exports": {
     ".": {
@@ -31,24 +33,31 @@
       "types": "./dist/tab-switch.d.ts",
       "import": "./dist/tab-switch.js"
     },
+    "./typography": {
+      "types": "./dist/typography.d.ts",
+      "import": "./dist/typography.js"
+    },
     "./theme-context": {
       "types": "./dist/theme-context.d.ts",
       "import": "./dist/theme-context.js"
     }
   },
-  "dependencies": {
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "radix-ui": "^1.4.3",
+    "react-dom": "^18.2.0",
     "framer-motion": "^11.0.3"
   },
   "devDependencies": {
-    "tsdown": "^0.18.3",
-    "typescript": "^5.9.3",
     "@biomejs/biome": "2.0.6",
+    "@svgr/cli": "^8.1.0",
+    "@svgr/webpack": "^8.1.0",
     "@types/node": "^18.18.3",
     "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "framer-motion": "^11.0.3",
-    "@types/react-dom": "^19.2.3"
+    "tsdown": "^0.18.3",
+    "typescript": "^5.9.3"
   },
   "typesVersions": {
     "*": {
@@ -58,6 +67,9 @@
       "tab-switch": [
         "dist/tab-switch/index.d.ts"
       ],
+      "typography": [
+        "dist/typography/index.d.ts"
+      ],
       "theme-context": [
         "dist/theme-context/index.d.ts"
       ]

package/dist/TabSwitch-D6OPAUjC.js

@@ -1,304 +0,0 @@
-import { useMemo } from "react";
-import { motion } from "framer-motion";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/hooks/useThemedStyles/utils/resolveCommonStyleProps.ts
-function toCss(v) {
-	return typeof v === "number" ? `${v}px` : v;
-}
-/**
-* Source of truth: common prop -> how it maps into CSSProperties.
-* Add new common props ONLY here.
-*/
-const COMMON_MAP = {
-	m: (v, o) => {
-		o.margin = toCss(v);
-	},
-	mx: (v, o) => {
-		o.marginLeft = toCss(v);
-		o.marginRight = toCss(v);
-	},
-	my: (v, o) => {
-		o.marginTop = toCss(v);
-		o.marginBottom = toCss(v);
-	},
-	mt: (v, o) => {
-		o.marginTop = toCss(v);
-	},
-	mr: (v, o) => {
-		o.marginRight = toCss(v);
-	},
-	mb: (v, o) => {
-		o.marginBottom = toCss(v);
-	},
-	ml: (v, o) => {
-		o.marginLeft = toCss(v);
-	},
-	p: (v, o) => {
-		o.padding = toCss(v);
-	},
-	px: (v, o) => {
-		o.paddingLeft = toCss(v);
-		o.paddingRight = toCss(v);
-	},
-	py: (v, o) => {
-		o.paddingTop = toCss(v);
-		o.paddingBottom = toCss(v);
-	},
-	pt: (v, o) => {
-		o.paddingTop = toCss(v);
-	},
-	pr: (v, o) => {
-		o.paddingRight = toCss(v);
-	},
-	pb: (v, o) => {
-		o.paddingBottom = toCss(v);
-	},
-	pl: (v, o) => {
-		o.paddingLeft = toCss(v);
-	},
-	fontSize: (v, o) => {
-		o.fontSize = toCss(v);
-	},
-	fontWeight: (v, o) => {
-		o.fontWeight = v;
-	},
-	lineHeight: (v, o) => {
-		o.lineHeight = toCss(v);
-	},
-	textAlign: (v, o) => {
-		o.textAlign = v;
-	},
-	w: (v, o) => {
-		o.width = toCss(v);
-	},
-	h: (v, o) => {
-		o.height = toCss(v);
-	},
-	minW: (v, o) => {
-		o.minWidth = toCss(v);
-	},
-	maxW: (v, o) => {
-		o.maxWidth = toCss(v);
-	},
-	minH: (v, o) => {
-		o.minHeight = toCss(v);
-	},
-	maxH: (v, o) => {
-		o.maxHeight = toCss(v);
-	}
-};
-const COMMON_KEYS = Object.keys(COMMON_MAP);
-function hasAnyCommonStyleProps(props) {
-	for (const k of COMMON_KEYS) if (props[k] != null) return true;
-	return false;
-}
-function resolveCommonStyleProps(props) {
-	const out = {};
-	for (const k of COMMON_KEYS) {
-		const value = props[k];
-		if (value != null) COMMON_MAP[k](value, out);
-	}
-	return out;
-}
-
-//#endregion
-//#region src/hooks/useThemedStyles/utils/stripCommonProps.ts
-const COMMON_KEY_SET = new Set(COMMON_KEYS);
-
-//#endregion
-//#region src/hooks/useThemedStyles/index.ts
-/** biome-ignore-all lint/suspicious/noExplicitAny: <Not needed> */
-/**
-* Shallow-merge style maps slot-by-slot.
-* - warns when override contains unknown slots (dev UX)
-* - merges each slot object shallowly
-*/
-function mergeStyleMaps(base, override) {
-	if (!override) return base;
-	const out = { ...base };
-	for (const key in override) {
-		if (!(key in base)) console.warn(`[useThemedStyles] Unknown style slot "${key}". Available slots: ${Object.keys(base).join(", ")}`);
-		out[key] = {
-			...base[key] ?? {},
-			...override[key] ?? {}
-		};
-	}
-	return out;
-}
-/**
-* Applies common style props (if present) to a chosen slot of the styles map.
-* Common props are resolved by `resolveCommonStyleProps`.
-*/
-function applyCommonsToStyles(styles, props, slotOverride) {
-	if (!hasAnyCommonStyleProps(props)) return styles;
-	const keys = Object.keys(styles);
-	if (keys.length === 0) return styles;
-	const slot = slotOverride ?? ("container" in styles ? "container" : keys[0]);
-	const common = resolveCommonStyleProps(props);
-	return {
-		...styles,
-		[slot]: {
-			...styles[slot] ?? {},
-			...common
-		}
-	};
-}
-/**
-* useThemedStyles
-*
-* React-Native-like style factory hook for React web.
-*
-* Features:
-* - Slot-based styles: factory returns { container, text, icon, ... }
-* - Memoization control: `deps` > `pick(props)` > `[props]`
-* - Optional per-slot overrides for customization
-* - Optional auto-application of "common style props"
-* - Supports CSS variables in inline styles
-*
-* Typical usage:
-* @example
-* const styles = useThemedStyles(props, createButtonStyles, {
-*   pick: pickButtonStyleProps,
-*   override: props.styles,
-*   applyCommonProps: true,
-* });
-*
-* return (
-*   <button style={styles.container}>
-*     <span style={styles.text}>Hello</span>
-*   </button>
-* );
-*/
-function useThemedStyles(props, factory, options) {
-	const base = useMemo(() => factory(props), [factory, ...options?.deps ?? (options?.pick ? options.pick(props) : [props])]);
-	const merged = useMemo(() => mergeStyleMaps(base, options?.override), [base, options?.override]);
-	return useMemo(() => {
-		if (!options?.applyCommonProps) return merged;
-		return applyCommonsToStyles(merged, props, options.commonSlot);
-	}, [
-		merged,
-		props,
-		options?.applyCommonProps,
-		options?.commonSlot
-	]);
-}
-
-//#endregion
-//#region src/components/toolkit/TabSwitch/components/TabSwitchItem/styles.ts
-function createTabSwitchItemStyles({ variant, disabled, selected, selectedColor, selectedLabelColor }) {
-	const labelColor = selected ? selectedLabelColor ?? "var(--px-text-primary)" : "var(--px-text-secondary)";
-	const accent = selectedColor ?? "var(--px-color-primary)";
-	return {
-		item: {
-			position: "relative",
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			gap: 4,
-			background: "transparent",
-			border: 0,
-			padding: "8px 10px",
-			cursor: disabled ? "not-allowed" : "pointer",
-			opacity: disabled ? .5 : 1,
-			userSelect: "none",
-			whiteSpace: "nowrap"
-		},
-		label: {
-			zIndex: 1,
-			fontSize: 14,
-			fontWeight: 700,
-			color: labelColor
-		},
-		selectedBg: variant === "default" ? {
-			position: "absolute",
-			inset: 0,
-			borderRadius: 6,
-			border: "1px solid var(--px-border-primary)",
-			background: selected ? accent : "transparent"
-		} : {
-			position: "absolute",
-			left: 0,
-			right: 0,
-			bottom: -2,
-			height: 2,
-			background: selected ? accent : "transparent"
-		}
-	};
-}
-
-//#endregion
-//#region src/components/toolkit/TabSwitch/components/TabSwitchItem/index.tsx
-function SwitchItem(props) {
-	const { option, disabled, selected, layoutId, onClick } = props;
-	const styles = useThemedStyles(props, createTabSwitchItemStyles, { pick: (p) => [
-		p.variant,
-		p.selectedColor,
-		p.selected
-	] });
-	const isDisabled = disabled || option.disabled;
-	return /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		style: styles.item,
-		tabIndex: isDisabled ? -1 : 0,
-		onClick: () => !isDisabled && onClick(option.value),
-		children: [
-			selected ? /* @__PURE__ */ jsx(motion.div, {
-				layoutId: layoutId || "pixel-tabswitch-selected",
-				style: styles.selectedBg
-			}) : null,
-			option.icon ? /* @__PURE__ */ jsx("span", {
-				style: { display: "inline-flex" },
-				children: option.icon
-			}) : null,
-			/* @__PURE__ */ jsx("span", {
-				style: styles.label,
-				children: option.label
-			})
-		]
-	});
-}
-
-//#endregion
-//#region src/components/toolkit/TabSwitch/styles.ts
-function createTabSwitchStyles(props) {
-	const { fitContent } = props;
-	return { container: {
-		display: "flex",
-		flexDirection: "row",
-		alignItems: "center",
-		width: fitContent ? "fit-content" : "100%",
-		borderBottom: "1px solid var(--pixel-border, #e5e7eb)",
-		gap: 0
-	} };
-}
-
-//#endregion
-//#region src/components/toolkit/TabSwitch/index.tsx
-function TabSwitch(props) {
-	const { options, disabled, layoutId, currentValue, variant = "default", onChange } = props;
-	return /* @__PURE__ */ jsx("div", {
-		style: useThemedStyles(props, createTabSwitchStyles, {
-			pick: (p) => [
-				p.fitContent,
-				p.selectedLabelColor,
-				p.variant
-			],
-			override: props.styles,
-			applyCommonProps: true
-		}).container,
-		children: options.map((opt) => /* @__PURE__ */ jsx(SwitchItem, {
-			option: opt,
-			variant,
-			layoutId,
-			disabled,
-			selected: currentValue === opt.value,
-			selectedColor: props.selectedLabelColor,
-			onClick: onChange
-		}, String(opt.value)))
-	});
-}
-
-//#endregion
-export { TabSwitch as t };
-//# sourceMappingURL=TabSwitch-D6OPAUjC.js.map

package/dist/TabSwitch-D6OPAUjC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabSwitch-D6OPAUjC.js","names":["COMMON_MAP: Record<\n  keyof CommonStyleProps,\n  (value: any, out: React.CSSProperties) => void\n>","out: React.CSSProperties"],"sources":["../src/hooks/useThemedStyles/utils/resolveCommonStyleProps.ts","../src/hooks/useThemedStyles/utils/stripCommonProps.ts","../src/hooks/useThemedStyles/index.ts","../src/components/toolkit/TabSwitch/components/TabSwitchItem/styles.ts","../src/components/toolkit/TabSwitch/components/TabSwitchItem/index.tsx","../src/components/toolkit/TabSwitch/styles.ts","../src/components/toolkit/TabSwitch/index.tsx"],"sourcesContent":["/** biome-ignore-all lint/suspicious/noExplicitAny: <Not needed> */\n\n// Types\nimport type { CommonStyleProps } from '../types'\n\nfunction toCss(v: number | string | undefined) {\n  return typeof v === 'number' ? `${v}px` : v\n}\n\n/**\n * Source of truth: common prop -> how it maps into CSSProperties.\n * Add new common props ONLY here.\n */\nconst COMMON_MAP: Record<\n  keyof CommonStyleProps,\n  (value: any, out: React.CSSProperties) => void\n> = {\n  // margin\n  m: (v, o) => {\n    o.margin = toCss(v)\n  },\n  mx: (v, o) => {\n    o.marginLeft = toCss(v)\n    o.marginRight = toCss(v)\n  },\n  my: (v, o) => {\n    o.marginTop = toCss(v)\n    o.marginBottom = toCss(v)\n  },\n  mt: (v, o) => {\n    o.marginTop = toCss(v)\n  },\n  mr: (v, o) => {\n    o.marginRight = toCss(v)\n  },\n  mb: (v, o) => {\n    o.marginBottom = toCss(v)\n  },\n  ml: (v, o) => {\n    o.marginLeft = toCss(v)\n  },\n\n  // padding\n  p: (v, o) => {\n    o.padding = toCss(v)\n  },\n  px: (v, o) => {\n    o.paddingLeft = toCss(v)\n    o.paddingRight = toCss(v)\n  },\n  py: (v, o) => {\n    o.paddingTop = toCss(v)\n    o.paddingBottom = toCss(v)\n  },\n  pt: (v, o) => {\n    o.paddingTop = toCss(v)\n  },\n  pr: (v, o) => {\n    o.paddingRight = toCss(v)\n  },\n  pb: (v, o) => {\n    o.paddingBottom = toCss(v)\n  },\n  pl: (v, o) => {\n    o.paddingLeft = toCss(v)\n  },\n\n  // text\n  fontSize: (v, o) => {\n    o.fontSize = toCss(v)\n  },\n  fontWeight: (v, o) => {\n    o.fontWeight = v\n  },\n  lineHeight: (v, o) => {\n    o.lineHeight = toCss(v)\n  },\n  textAlign: (v, o) => {\n    o.textAlign = v\n  },\n\n  // layout\n  w: (v, o) => {\n    o.width = toCss(v)\n  },\n  h: (v, o) => {\n    o.height = toCss(v)\n  },\n  minW: (v, o) => {\n    o.minWidth = toCss(v)\n  },\n  maxW: (v, o) => {\n    o.maxWidth = toCss(v)\n  },\n  minH: (v, o) => {\n    o.minHeight = toCss(v)\n  },\n  maxH: (v, o) => {\n    o.maxHeight = toCss(v)\n  }\n}\n\nexport const COMMON_KEYS = Object.keys(COMMON_MAP) as Array<\n  keyof CommonStyleProps\n>\n\nexport function hasAnyCommonStyleProps(props: Partial<CommonStyleProps>) {\n  for (const k of COMMON_KEYS) {\n    if (props[k] != null) return true\n  }\n  return false\n}\n\nexport function resolveCommonStyleProps(\n  props: Partial<CommonStyleProps>\n): React.CSSProperties {\n  const out: React.CSSProperties = {}\n\n  for (const k of COMMON_KEYS) {\n    const value = props[k]\n    if (value != null) COMMON_MAP[k](value, out)\n  }\n\n  return out\n}\n","/** biome-ignore-all lint/suspicious/noExplicitAny: <Not needed> */\n\nimport type { CommonStyleProps } from '../types'\n\nimport { COMMON_KEYS } from './resolveCommonStyleProps'\n\nconst COMMON_KEY_SET = new Set<string>(COMMON_KEYS as readonly string[])\n\nexport function stripCommonProps<T extends object>(\n  props: T\n): Omit<T, keyof CommonStyleProps> {\n  const out: Record<string, unknown> = {}\n\n  for (const key of Object.keys(props as any)) {\n    if (!COMMON_KEY_SET.has(key)) {\n      out[key] = (props as any)[key]\n    }\n  }\n\n  return out as Omit<T, keyof CommonStyleProps>\n}\n","/** biome-ignore-all lint/suspicious/noExplicitAny: <Not needed> */\n\n// External Libraries\nimport { useMemo } from 'react'\n\n// Utils\nimport { hasAnyCommonStyleProps, resolveCommonStyleProps } from './utils'\n\n// Types\nimport type { CommonStyleProps } from './types'\n\n/**\n * Allows CSS Variables to be used in inline styles:\n *   { \"--btn-bg\": \"#111\" }\n */\nexport type CSSVars = React.CSSProperties &\n  Record<`--${string}`, string | number>\n\n/** A style object can be regular CSSProperties or CSSProperties + CSS Variables */\nexport type StyleObject = React.CSSProperties | CSSVars\n\n/**\n * Map of \"slots\" to style objects.\n * Example slots: { container, text, icon }\n */\nexport type StyleMap = Record<string, StyleObject>\n\n/**\n * A style factory receives component props and returns a map of slot styles.\n */\nexport type StylesFactory<TProps, TStyles extends StyleMap> = (\n  props: TProps\n) => TStyles\n\nexport type UseThemedStylesOptions<TProps, TStyles extends StyleMap> = {\n  /**\n   * Optional optimization.\n   * When provided, the hook memoizes using the returned values instead of depending\n   * on the entire `props` object reference.\n   *\n   * Recommended pattern: create a `pickXStyleProps` per component.\n   *\n   * @example\n   * pick: (p) => [p.variant, p.size, p.disabled, p.color]\n   */\n  pick?: (props: TProps) => readonly unknown[]\n\n  /**\n   * Optional manual dependencies (highest priority).\n   * If provided, `deps` is used instead of `pick` or `props`.\n   *\n   * Use this if you want full control over memoization.\n   */\n  deps?: readonly unknown[]\n\n  /**\n   * Optional per-slot override. Useful to allow consumers to tweak styles\n   * without creating wrapper components or duplicating the style factory.\n   *\n   * The override is shallow-merged per slot:\n   *   mergedSlot = { ...baseSlot, ...overrideSlot }\n   *\n   * @example\n   * override: { container: { padding: \"0 24px\" } }\n   */\n  override?: Partial<TStyles>\n\n  /**\n   * When true, reads \"common style props\" from `props` (spacing, layout, typography...)\n   * and applies them on top of the chosen slot (default: \"container\").\n   *\n   * This enables a consistent set of props like `px`, `mt`, `fontSize`, `w`, etc.\n   * across multiple components.\n   *\n   * NOTE: You'll typically also want to remove these props before spreading props\n   * to DOM elements (to avoid invalid attributes). Use a `stripCommonProps`/`splitProps`\n   * helper for that.\n   */\n  applyCommonProps?: boolean\n\n  /**\n   * Where to apply common style props.\n   * Defaults to:\n   *  - \"container\" if that slot exists\n   *  - otherwise the first slot key returned by the style factory\n   */\n  commonSlot?: keyof TStyles\n}\n\n/**\n * Shallow-merge style maps slot-by-slot.\n * - warns when override contains unknown slots (dev UX)\n * - merges each slot object shallowly\n */\nfunction mergeStyleMaps<T extends StyleMap>(base: T, override?: Partial<T>): T {\n  if (!override) return base\n  const out = { ...base } as T\n\n  for (const key in override) {\n    if (!(key in base)) {\n      console.warn(\n        `[useThemedStyles] Unknown style slot \"${key}\". Available slots: ${Object.keys(base).join(', ')}`\n      )\n    }\n\n    out[key] = { ...(base[key] ?? {}), ...(override[key] ?? {}) } as any\n  }\n  return out\n}\n\n/**\n * Applies common style props (if present) to a chosen slot of the styles map.\n * Common props are resolved by `resolveCommonStyleProps`.\n */\nfunction applyCommonsToStyles<TStyles extends StyleMap>(\n  styles: TStyles,\n  props: Partial<CommonStyleProps>,\n  slotOverride?: keyof TStyles\n): TStyles {\n  if (!hasAnyCommonStyleProps(props)) return styles\n\n  const keys = Object.keys(styles)\n  if (keys.length === 0) return styles\n\n  const slot =\n    slotOverride ??\n    (('container' in styles ? 'container' : keys[0]) as keyof TStyles)\n\n  const common = resolveCommonStyleProps(props)\n\n  return {\n    ...styles,\n    [slot]: { ...(styles[slot] ?? {}), ...common }\n  } as TStyles\n}\n\n/**\n * useThemedStyles\n *\n * React-Native-like style factory hook for React web.\n *\n * Features:\n * - Slot-based styles: factory returns { container, text, icon, ... }\n * - Memoization control: `deps` > `pick(props)` > `[props]`\n * - Optional per-slot overrides for customization\n * - Optional auto-application of \"common style props\"\n * - Supports CSS variables in inline styles\n *\n * Typical usage:\n * @example\n * const styles = useThemedStyles(props, createButtonStyles, {\n *   pick: pickButtonStyleProps,\n *   override: props.styles,\n *   applyCommonProps: true,\n * });\n *\n * return (\n *   <button style={styles.container}>\n *     <span style={styles.text}>Hello</span>\n *   </button>\n * );\n */\nexport function useThemedStyles<TProps, TStyles extends StyleMap>(\n  props: TProps,\n  factory: StylesFactory<TProps, TStyles>,\n  options?: UseThemedStylesOptions<TProps, TStyles>\n): TStyles {\n  // Memoization priority:\n  // 1) deps (manual)\n  // 2) pick(props) (recommended)\n  // 3) props reference (default behavior)\n  const memoKey =\n    options?.deps ?? (options?.pick ? options.pick(props) : [props])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: deps are intentionally controlled by the hook API (optional `deps`)\n  const base = useMemo(() => factory(props), [factory, ...memoKey])\n\n  // Apply per-slot overrides (if any)\n  const merged = useMemo(\n    () => mergeStyleMaps(base, options?.override),\n    [base, options?.override]\n  )\n\n  // Optionally apply common style props on top of a slot\n  const withCommons = useMemo(() => {\n    if (!options?.applyCommonProps) return merged\n    return applyCommonsToStyles(merged, props as any, options.commonSlot)\n  }, [merged, props, options?.applyCommonProps, options?.commonSlot])\n\n  return withCommons\n}\n","// External Libraries\nimport type { CSSProperties } from 'react'\n\ninterface Params {\n  disabled?: boolean\n  selected?: boolean\n  selectedColor?: string\n  variant: 'default' | 'underline'\n  selectedLabelColor?: string\n}\n\nexport function createTabSwitchItemStyles({\n  variant,\n  disabled,\n  selected,\n  selectedColor,\n  selectedLabelColor\n}: Params) {\n  const labelColor = selected\n    ? (selectedLabelColor ?? 'var(--px-text-primary)')\n    : 'var(--px-text-secondary)'\n\n  const accent = selectedColor ?? 'var(--px-color-primary)'\n\n  return {\n    item: {\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 4,\n      background: 'transparent',\n      border: 0,\n      padding: '8px 10px',\n      cursor: disabled ? 'not-allowed' : 'pointer',\n      opacity: disabled ? 0.5 : 1,\n      userSelect: 'none',\n      whiteSpace: 'nowrap'\n    } as CSSProperties,\n\n    label: {\n      zIndex: 1,\n      fontSize: 14,\n      fontWeight: 700,\n      color: labelColor\n    } as CSSProperties,\n\n    selectedBg:\n      variant === 'default'\n        ? ({\n            position: 'absolute',\n            inset: 0,\n            borderRadius: 6,\n            border: '1px solid var(--px-border-primary)',\n            background: selected ? accent : 'transparent'\n          } as CSSProperties)\n        : ({\n            position: 'absolute',\n            left: 0,\n            right: 0,\n            bottom: -2,\n            height: 2,\n            background: selected ? accent : 'transparent'\n          } as CSSProperties)\n  }\n}\n","// External Libraries\nimport { motion } from 'framer-motion'\n\n// Types\nimport type { SwitchOption } from '../../types'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\nimport { createTabSwitchItemStyles } from './styles'\n\ntype Props<T> = {\n  option: SwitchOption<T>\n  selected: boolean\n  disabled?: boolean\n  layoutId?: string\n  selectedColor?: string\n  variant: 'default' | 'underline'\n  onClick: (value: T) => void\n}\n\nexport function SwitchItem<T>(props: Props<T>) {\n  const { option, disabled, selected, layoutId, onClick } = props\n\n  const styles = useThemedStyles(props, createTabSwitchItemStyles, {\n    pick: p => [p.variant, p.selectedColor, p.selected]\n  })\n\n  const isDisabled = disabled || option.disabled\n\n  return (\n    <button\n      type=\"button\"\n      style={styles.item}\n      tabIndex={isDisabled ? -1 : 0}\n      onClick={() => !isDisabled && onClick(option.value)}\n    >\n      {selected ? (\n        <motion.div\n          layoutId={layoutId || 'pixel-tabswitch-selected'}\n          style={styles.selectedBg}\n        />\n      ) : null}\n\n      {option.icon ? (\n        <span style={{ display: 'inline-flex' }}>{option.icon}</span>\n      ) : null}\n\n      <span style={styles.label}>{option.label}</span>\n    </button>\n  )\n}\n","// External Libraries\nimport type { CSSProperties } from 'react'\n\nimport type { TabSwitchProps } from './types'\n\nexport function createTabSwitchStyles<T>(props: TabSwitchProps<T>) {\n  const { fitContent } = props\n\n  return {\n    container: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      width: fitContent ? 'fit-content' : '100%',\n      borderBottom: '1px solid var(--pixel-border, #e5e7eb)',\n      gap: 0\n    } as CSSProperties\n  }\n}\n","// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Components\nimport { SwitchItem } from './components/TabSwitchItem'\n\n// Types\nimport type { TabSwitchProps } from './types'\n\n// Styles\nimport { createTabSwitchStyles } from './styles'\n\nexport * from './types'\n\nexport function TabSwitch<T>(props: TabSwitchProps<T>) {\n  const {\n    options,\n    disabled,\n    layoutId,\n    currentValue,\n    variant = 'default',\n    onChange\n  } = props\n\n  const styles = useThemedStyles(props, createTabSwitchStyles, {\n    pick: p => [p.fitContent, p.selectedLabelColor, p.variant],\n    override: props.styles,\n    applyCommonProps: true\n  })\n\n  return (\n    <div style={styles.container}>\n      {options.map(opt => (\n        <SwitchItem\n          key={String(opt.value)}\n          option={opt}\n          variant={variant}\n          layoutId={layoutId}\n          disabled={disabled}\n          selected={currentValue === opt.value}\n          selectedColor={props.selectedLabelColor}\n          onClick={onChange}\n        />\n      ))}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/ThemeContext-CRXby8a0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeContext-CRXby8a0.js","names":["result: any","out: any","defaultThemes: ThemeRegistry","ThemeProvider: React.FC<ThemeProviderProps>"],"sources":["../src/utils/functions/deepMerge.ts","../src/contexts/ThemeContext/constants.ts","../src/contexts/ThemeContext/utils/general.ts","../src/contexts/ThemeContext/utils/themeToCSSVars.ts","../src/contexts/ThemeContext/index.tsx"],"sourcesContent":["/** biome-ignore-all lint/suspicious/noExplicitAny: <Not needed> */\nexport type DeepPartial<T> = {\n  [P in keyof T]?: T[P] extends Array<infer U>\n    ? Array<DeepPartial<U>>\n    : T[P] extends object\n      ? DeepPartial<T[P]>\n      : T[P]\n}\n\nexport function deepMerge<T>(base: T, override?: DeepPartial<T>): T {\n  if (override === undefined) return clone(base)\n\n  if (!isPlainObject(base) || !isPlainObject(override)) {\n    return clone(override as T)\n  }\n\n  const result: any = Array.isArray(base) ? [] : {}\n\n  const baseKeys = Object.keys(base as any) as (keyof T)[]\n  const overrideKeys = Object.keys(override as any) as (keyof T)[]\n\n  const allKeys = Array.from(new Set([...baseKeys, ...overrideKeys]))\n\n  for (const k of allKeys) {\n    const baseVal = (base as any)[k]\n    const overrideVal = (override as any)[k]\n\n    if (overrideVal === undefined) {\n      result[k] = clone(baseVal)\n      continue\n    }\n\n    if (isPlainObject(baseVal) && isPlainObject(overrideVal)) {\n      result[k] = deepMerge(baseVal, overrideVal)\n      continue\n    }\n\n    result[k] = clone(overrideVal)\n  }\n\n  return result as T\n}\n\nfunction isPlainObject(x: any): x is Record<string, any> {\n  return !!x && typeof x === 'object' && !Array.isArray(x)\n}\n\nfunction clone<T>(v: T): T {\n  if (v === undefined || v === null) return v\n  if (Array.isArray(v)) return v.map(item => clone(item)) as unknown as T\n  if (isPlainObject(v)) {\n    const out: any = {}\n    for (const k of Object.keys(v)) out[k] = clone((v as any)[k])\n    return out\n  }\n  return v\n}\n","// theme/defaultThemes.ts\nimport type { ThemeRegistry } from './types'\n\nexport const defaultThemes: ThemeRegistry = {\n  light: {\n    colors: {\n      primary: '#0EB24C', // --color-brand-primary\n      secondary: '#6C6C6C', // foreground-secondary\n      success: '#0EB24C',\n      warning: '#f59e0b',\n      error: '#ef4444',\n      info: '#06b6d4',\n\n      background: '#FFFFFF', // --background\n      surface: '#FBFBFB', // --background-secondary\n      border: {\n        primary: '#E8E8E9',\n        secondary: '#E8E8E9'\n      }, // --border-primary\n\n      text: {\n        primary: '#222222', // --foreground-primary\n        secondary: '#6C6C6C', // --foreground-secondary\n        disabled: '#A0A0A0',\n        inverse: '#FFFFFF'\n      }\n    },\n\n    spacing: { xs: 4, sm: 8, md: 16, lg: 24, xl: 32, '2xl': 48 },\n    borderRadius: { none: 0, sm: 4, md: 6, lg: 8, full: 9999 },\n    fontSize: { xs: 12, sm: 14, md: 16, lg: 18, xl: 20, '2xl': 24 },\n    fontWeight: { normal: 400, medium: 500, semibold: 600, bold: 700 },\n    shadows: {\n      sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n      md: '0 4px 6px -1px rgba(0, 0, 0, 0.10)',\n      lg: '0 10px 15px -3px rgba(0, 0, 0, 0.10)',\n      xl: '0 20px 25px -5px rgba(0, 0, 0, 0.10)'\n    }\n  },\n\n  dark: {\n    colors: {\n      primary: '#0EB24C', // brand se mantém (ou pode clarear depois)\n      secondary: '#C7CFD8', // foreground-secondary dark\n      success: '#0EB24C',\n      warning: '#f59e0b',\n      error: '#ef4444',\n      info: '#06b6d4',\n\n      background: '#090909', // --background dark\n      surface: '#090909', // --background-secondary dark\n      border: {\n        primary: '#27282D',\n        secondary: '#27282D'\n      }, // --border-primary dark\n\n      text: {\n        primary: '#ECECEC', // --foreground-primary dark\n        secondary: '#C7CFD8', // --foreground-secondary dark\n        disabled: '#8B93A0',\n        inverse: '#090909'\n      }\n    },\n\n    spacing: { xs: 4, sm: 8, md: 16, lg: 24, xl: 32, '2xl': 48 },\n    borderRadius: { none: 0, sm: 4, md: 6, lg: 8, full: 9999 },\n    fontSize: { xs: 12, sm: 14, md: 16, lg: 18, xl: 20, '2xl': 24 },\n    fontWeight: { normal: 400, medium: 500, semibold: 600, bold: 700 },\n    shadows: {\n      sm: '0 1px 2px 0 rgba(0, 0, 0, 0.35)',\n      md: '0 4px 6px -1px rgba(0, 0, 0, 0.45)',\n      lg: '0 10px 15px -3px rgba(0, 0, 0, 0.50)',\n      xl: '0 20px 25px -5px rgba(0, 0, 0, 0.55)'\n    }\n  }\n}\n","// Utils\n/** biome-ignore-all lint/suspicious/noExplicitAny: <Not needed> */\nimport { deepMerge } from '@utils/functions'\nimport { defaultThemes } from '../constants'\n\n// Types\nimport type { ThemeMode, ThemeRegistry, ThemeTokens } from '../types'\n\n/**\n * Theme Utilities\n * ===============\n * Small DOM utilities used by the ThemeProvider to:\n * - toggle dark mode class for Tailwind compatibility\n * - inject CSS variables (`--px-*`) into the document root\n * - read/watch the OS/browser theme preference (`prefers-color-scheme`)\n *\n * These helpers are:\n * - **client-safe** (guarded for SSR)\n * - **framework-agnostic** (only touch `documentElement`)\n * - **tiny** (no dependencies)\n */\n\n/**\n * CSSVarMap\n * ---------\n * A map of CSS custom properties to be applied on the document root.\n *\n * Notes:\n * - Keys must be valid CSS variable names (e.g. `\"--px-bg\"`, `\"--px-text-primary\"`).\n * - Values can be strings or numbers.\n *   - If you store numbers (e.g. 16), you decide at consumption time whether it means px.\n *\n * You can keep it generic:\n *   Record<`--${string}`, string | number>\n *\n * Or restrict to your library prefix:\n *   Record<`--px-${string}`, string | number>\n */\nexport type CSSVarMap = Partial<Record<`--${string}`, string | number>>\n\n/**\n * applyThemeClass(themeName)\n * -------------------------\n * Applies the light/dark mode class to the `<html>` element.\n *\n * Tailwind’s dark mode (in the common \"class\" strategy) typically relies on a\n * `.dark` class. This function toggles ONLY the `dark` class:\n *\n * - themeName `\"dark\"`  => adds `.dark`\n * - themeName `\"light\"` => removes `.dark`\n *\n * SSR:\n * - No-op on the server (when `document` is undefined).\n */\nexport function applyThemeClass(themeName: 'light' | 'dark') {\n  if (typeof document === 'undefined') return\n  const root = document.documentElement\n  root.classList.toggle('dark', themeName === 'dark')\n}\n\n/**\n * applyCssVars(vars)\n * ------------------\n * Injects CSS variables into the document root (`<html>`).\n *\n * This is how the library exposes theme tokens as CSS variables.\n * Components can then use `var(--px-...)` in styles.\n *\n * Example:\n * ```ts\n * applyCssVars({ '--px-bg': '#fff', '--px-text-primary': '#111' })\n * ```\n *\n * Behavior:\n * - Ignores `null` / `undefined` values.\n * - Converts all values to string before applying.\n *\n * SSR:\n * - No-op on the server (when `document` is undefined).\n */\nexport function applyCssVars(vars: CSSVarMap) {\n  if (typeof document === 'undefined') return\n  const root = document.documentElement\n\n  for (const [key, value] of Object.entries(vars)) {\n    if (value == null) continue\n    root.style.setProperty(key, String(value))\n  }\n}\n\n/**\n * getSystemThemeName()\n * --------------------\n * Returns the current OS/browser color scheme preference.\n *\n * It reads `prefers-color-scheme: dark` using `window.matchMedia`.\n *\n * Returns:\n * - `\"dark\"` if the user prefers dark mode\n * - `\"light\"` otherwise\n *\n * SSR:\n * - Returns `\"light\"` on the server (safe default).\n */\nexport function getSystemThemeName(): 'light' | 'dark' {\n  if (typeof window === 'undefined') return 'light'\n  const prefersDark =\n    window.matchMedia?.('(prefers-color-scheme: dark)').matches ?? false\n  return prefersDark ? 'dark' : 'light'\n}\n\n/**\n * watchSystemTheme(onChange)\n * --------------------------\n * Subscribes to changes in OS/browser theme preference.\n *\n * Use this when your selected mode is `\"system\"` so the app immediately reacts\n * when the user changes their OS theme.\n *\n * - Calls `onChange('light' | 'dark')` whenever the preference changes.\n * - Returns an `unsubscribe()` function.\n *\n * Implementation details:\n * - Uses `matchMedia('(prefers-color-scheme: dark)')`.\n * - Supports both modern `addEventListener('change', ...)` and legacy Safari\n *   `addListener(...)` APIs.\n *\n * SSR:\n * - Returns a no-op unsubscribe function on the server.\n */\nexport function watchSystemTheme(onChange: (name: 'light' | 'dark') => void) {\n  if (typeof window === 'undefined') return () => {}\n\n  const mq = window.matchMedia('(prefers-color-scheme: dark)')\n\n  const handler = () => onChange(mq.matches ? 'dark' : 'light')\n\n  // Optional: sync immediately on subscribe\n  handler()\n\n  // Modern browsers\n  if (mq.addEventListener) {\n    mq.addEventListener('change', handler)\n    return () => mq.removeEventListener('change', handler)\n  }\n\n  // Legacy Safari\n  mq.addListener(handler as any)\n  return () => mq.removeListener(handler as any)\n}\n\n/**\n * Resolves an effective theme name from a mode.\n */\nexport function resolveName(mode: ThemeMode): string {\n  if (mode !== 'system') return mode\n  return getSystemThemeName()\n}\n\n/**\n * Builds a registry of user theme patches.\n */\nexport function buildRegistry(\n  userThemes?: Partial<ThemeRegistry>\n): ThemeRegistry {\n  return {\n    light: {},\n    dark: {},\n    ...(userThemes ?? {})\n  } as ThemeRegistry\n}\n\n/**\n * Builds the final resolved theme tokens.\n */\nexport function buildTheme(\n  registry: ThemeRegistry,\n  resolvedName: string,\n  override?: Partial<ThemeTokens>\n): ThemeTokens {\n  const base: ThemeTokens =\n    resolvedName === 'dark'\n      ? (defaultThemes.dark as ThemeTokens)\n      : (defaultThemes.light as ThemeTokens)\n\n  const selectedPatch = (registry[resolvedName] ?? registry.light) as any\n\n  const merged = deepMerge(base, selectedPatch)\n  return deepMerge(merged, override)\n}\n\nexport function isThemeMode(value: unknown): value is ThemeMode {\n  return typeof value === 'string' && value.length > 0\n}\n\nexport function getLocalStorageSafe(): Storage | null {\n  if (typeof window === 'undefined') return null\n  try {\n    return window.localStorage\n  } catch {\n    return null\n  }\n}\n","// Types\nimport type { CSSVarMap } from './general'\nimport type { ThemeTokens } from '../types'\n\n/**\n * themeToCssVars(theme)\n * ---------------------\n * Converts a resolved `ThemeTokens` object into a CSS variable map (`CSSVarMap`).\n *\n * The ThemeProvider uses this function to inject `--px-*` variables into the\n * document root (`<html>`). Components can then rely on stable CSS variables,\n * making them framework-agnostic and compatible with Tailwind (via `.dark`).\n *\n * Why CSS variables?\n * - They are fast (native to the browser)\n * - They work across any styling strategy (inline styles, CSS modules, Tailwind, etc.)\n * - They enable dynamic theme switching without rerendering every component\n *\n * Requirements / Assumptions:\n * - The input `theme` must be **fully resolved** (i.e. complete `ThemeTokens`).\n *   The ThemeProvider is responsible for merging partial theme patches on top\n *   of a complete base theme (light/dark defaults).\n *\n * Variable naming:\n * - All variables are prefixed with `--px-` to avoid collisions.\n * - Tokens are grouped by category (colors, surfaces, borders, text, spacing, radius, typography, shadows).\n *\n * Notes:\n * - Spacing/radius/fontSize tokens are stored as numbers (e.g. `16`), which is valid\n *   for CSS variables. When consuming them, you can:\n *   - append `px` in JS (`${var}px`), or\n *   - store them as strings here (e.g. `\"16px\"`) if you prefer.\n *\n * Example usage (component styles):\n * ```ts\n * const styles = {\n *   background: 'var(--px-bg)',\n *   color: 'var(--px-text-primary)',\n *   borderColor: 'var(--px-border-primary)',\n * }\n * ```\n *\n * Example usage (Tailwind config / CSS):\n * ```css\n * .card {\n *   background: var(--px-surface);\n *   color: var(--px-text-primary);\n *   border: 1px solid var(--px-border-primary);\n * }\n * ```\n */\nexport function themeToCssVars(theme: ThemeTokens): CSSVarMap {\n  return {\n    /**\n     * Colors (semantic)\n     * -----------------\n     * Brand + intent colors. Prefer using these instead of raw palette values.\n     */\n    '--px-color-primary': theme.colors.primary,\n    '--px-color-secondary': theme.colors.secondary,\n    '--px-color-success': theme.colors.success,\n    '--px-color-warning': theme.colors.warning,\n    '--px-color-error': theme.colors.error,\n    '--px-color-info': theme.colors.info,\n\n    /**\n     * Surfaces\n     * --------\n     * Neutral surfaces for layouts and elevated containers.\n     */\n    '--px-bg': theme.colors.background,\n    '--px-surface': theme.colors.surface,\n\n    /**\n     * Borders\n     * -------\n     * Divider and outline colors.\n     */\n    '--px-border-primary': theme.colors.border.primary,\n    '--px-border-secondary': theme.colors.border.secondary,\n\n    /**\n     * Text\n     * ----\n     * Text colors for different emphasis levels.\n     */\n    '--px-text-primary': theme.colors.text.primary,\n    '--px-text-secondary': theme.colors.text.secondary,\n    '--px-text-disabled': theme.colors.text.disabled,\n    '--px-text-inverse': theme.colors.text.inverse,\n\n    /**\n     * Spacing scale\n     * -------------\n     * Numeric spacing tokens (commonly used as px in the component factories).\n     */\n    '--px-space-xs': theme.spacing.xs,\n    '--px-space-sm': theme.spacing.sm,\n    '--px-space-md': theme.spacing.md,\n    '--px-space-lg': theme.spacing.lg,\n    '--px-space-xl': theme.spacing.xl,\n    '--px-space-2xl': theme.spacing['2xl'],\n\n    /**\n     * Border radius scale\n     * -------------------\n     * Numeric radius tokens (commonly used as px).\n     */\n    '--px-radius-none': theme.borderRadius.none,\n    '--px-radius-sm': theme.borderRadius.sm,\n    '--px-radius-md': theme.borderRadius.md,\n    '--px-radius-lg': theme.borderRadius.lg,\n    '--px-radius-full': theme.borderRadius.full,\n\n    /**\n     * Typography scale\n     * ----------------\n     * Font sizes and font weights.\n     */\n    '--px-fs-xs': theme.fontSize.xs,\n    '--px-fs-sm': theme.fontSize.sm,\n    '--px-fs-md': theme.fontSize.md,\n    '--px-fs-lg': theme.fontSize.lg,\n    '--px-fs-xl': theme.fontSize.xl,\n    '--px-fs-2xl': theme.fontSize['2xl'],\n\n    '--px-fw-normal': theme.fontWeight.normal,\n    '--px-fw-medium': theme.fontWeight.medium,\n    '--px-fw-semibold': theme.fontWeight.semibold,\n    '--px-fw-bold': theme.fontWeight.bold,\n\n    /**\n     * Shadows\n     * -------\n     * CSS shadow strings for elevation.\n     */\n    '--px-shadow-sm': theme.shadows.sm,\n    '--px-shadow-md': theme.shadows.md,\n    '--px-shadow-lg': theme.shadows.lg,\n    '--px-shadow-xl': theme.shadows.xl\n  }\n}\n","/** biome-ignore-all lint/suspicious/noExplicitAny: <Not needed> */\n\n// External Libraries\nimport { useMemo, useState, useEffect, useContext, createContext } from 'react'\n\n// Utils\nimport {\n  buildTheme,\n  isThemeMode,\n  resolveName,\n  applyCssVars,\n  buildRegistry,\n  themeToCssVars,\n  applyThemeClass,\n  watchSystemTheme,\n  getLocalStorageSafe\n} from './utils'\n\n// Types\nimport type { ThemeMode, ThemeContextData, ThemeProviderProps } from './types'\n\nexport * from './types'\n\n/**\n * Theme Context\n * -------------\n * Internal context used by `ThemeProvider` and consumed by `useTheme()`.\n *\n * The value is always non-null inside a `<ThemeProvider />`.\n */\nconst ThemeContext = createContext<ThemeContextData | null>(null)\n\n/**\n * ThemeProvider\n * -------------\n * Provides theme state + resolved theme tokens to your app.\n */\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  themes,\n  children,\n  override,\n  persistence,\n  persist = false,\n  defaultMode = 'system',\n  storageKey = 'px-theme'\n}) => {\n  /**\n   * Registry of user patches (stable unless `themes` changes).\n   */\n  const registry = useMemo(() => buildRegistry(themes), [themes])\n\n  /**\n   * Selected mode (with optional persistence).\n   *\n   * Priority:\n   * 1) `persistence` adapter (advanced)\n   * 2) `persist === true` + localStorage (quick)\n   * 3) `defaultMode`\n   */\n  const [mode, setMode] = useState<ThemeMode>(() => {\n    // 1) advanced adapter\n    if (persistence) {\n      try {\n        const saved = persistence.get()\n        return (saved ?? defaultMode) as ThemeMode\n      } catch {\n        return defaultMode\n      }\n    }\n\n    // 2) quick localStorage mode\n    if (persist) {\n      const ls = getLocalStorageSafe()\n      if (!ls) return defaultMode\n      const raw = ls.getItem(storageKey)\n      return isThemeMode(raw) ? raw : defaultMode\n    }\n\n    // 3) fallback\n    return defaultMode\n  })\n\n  /**\n   * Loading flag (mainly useful if consumers want to wait for first mount).\n   */\n  const [isLoading, setLoading] = useState(true)\n\n  useEffect(() => {\n    setLoading(false)\n  }, [])\n\n  /**\n   * Resolved name is the actual currently applied theme name.\n   * If `mode === \"system\"`, it becomes \"light\" or \"dark\".\n   */\n  const resolvedName = useMemo(() => {\n    if (typeof window === 'undefined') return mode === 'system' ? 'light' : mode\n    return resolveName(mode)\n  }, [mode])\n\n  /**\n   * Build final resolved theme tokens (always complete).\n   */\n  const theme = useMemo(\n    () => buildTheme(registry, resolvedName, override),\n    [registry, resolvedName, override]\n  )\n\n  /**\n   * Keep in sync with OS when mode === \"system\".\n   */\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n    if (mode !== 'system') return\n\n    return watchSystemTheme(() => {\n      setMode('system')\n    })\n  }, [mode])\n\n  /**\n   * Apply theme effects:\n   * - toggles `.dark` class on <html> (Tailwind)\n   * - injects --px-* variables on <html>\n   */\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n    applyThemeClass(resolvedName === 'dark' ? 'dark' : 'light')\n    applyCssVars(themeToCssVars(theme))\n  }, [resolvedName, theme])\n\n  /**\n   * Persist mode changes (optional).\n   *\n   * We persist the selected `mode` (including \"system\"), not the resolvedName.\n   *\n   * Priority:\n   * - If `persistence` exists, use it.\n   * - Else if `persist === true`, use localStorage.\n   */\n  useEffect(() => {\n    // advanced adapter\n    if (persistence) {\n      try {\n        persistence.set(mode)\n      } catch {\n        // ignore\n      }\n      return\n    }\n\n    // quick localStorage mode\n    if (!persist) return\n    const ls = getLocalStorageSafe()\n    if (!ls) return\n\n    try {\n      ls.setItem(storageKey, mode)\n    } catch {\n      // ignore\n    }\n  }, [mode, persist, storageKey, persistence])\n\n  /**\n   * Sets the selected theme mode.\n   */\n  function setTheme(next: ThemeMode) {\n    setMode(next)\n  }\n\n  /**\n   * Toggles between two theme names (defaults to \"light\" and \"dark\").\n   */\n  function toggleTheme(a: string = 'light', b: string = 'dark') {\n    setMode(resolvedName === a ? b : a)\n  }\n\n  return (\n    <ThemeContext.Provider\n      value={{ mode, resolvedName, theme, isLoading, setTheme, toggleTheme }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\n/**\n * useTheme()\n *\n * Returns the current theme context.\n *\n * @throws If called outside of `<ThemeProvider />`.\n */\nexport function useTheme(): ThemeContextData {\n  const ctx = useContext(ThemeContext)\n  if (!ctx) throw new Error('useTheme must be used within a ThemeProvider')\n  return ctx\n}\n"],"mappings":"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"}