@splenddev/kreativ-core 0.0.1 → 0.1.1

package/README.md

@@ -6,6 +6,8 @@ Define tokens, themes, and recipes. Core validates them and turns them into CSS
 
 > **Status:** early development. We're extracting this from Kreativ UI, so APIs and package boundaries may still change.
 
+**Using Kreativ UI?** You don't need to install this separately — `@splenddev/kreativ-ui` depends on it directly and stays version-matched automatically. Reach for this package on its own only if you're building your own design system or tooling on the same foundation, without Kreativ UI's components.
+
 ## Install
 
 ```bash
@@ -59,13 +61,13 @@ Kreativ Core   tokens · semantic tokens · typography · sizes · recipes
                themes · validation · CSS variables · component metadata · React runtime
       │
       ▼
-Kreativ UI     components + the default design language
+Kreativ UI     components + the default design language + extend*() helpers
       │
       ▼
 Your app
 ```
 
-Use Kreativ UI to build apps. Reach for Core when you're building your own design system or tooling on the same foundation. Defaults (tokens, sizes, typography, recipes) belong to Kreativ UI, never to Core.
+Use Kreativ UI to build apps. Reach for Core when you're building your own design system or tooling on the same foundation. Defaults (tokens, sizes, typography, recipes) belong to Kreativ UI, never to Core — and because "extending" means merging against _some_ default, the `extendTokens()`, `extendSemanticTokens()`, `extendTypography()`, `extendSizes()`, and `extendRecipes()` helpers live in Kreativ UI too. Core only ships the `defineX` functions that build a layer from scratch. See [Using Core standalone](#using-core-standalone) if you want that extend pattern without Kreativ UI.
 
 ### Providers
 
@@ -95,7 +97,7 @@ Semantic tokens describe meaning instead of raw values. Components consume `{col
 
 ```ts
 defineSemanticToken("{colors.blue.500}", "{colors.blue.400}"); // light, dark
-defineSemanticToken("{colors.white}");                          // same in both modes
+defineSemanticToken("{colors.white}"); // same in both modes
 ```
 
 They can reference primitives or other semantic tokens. Keeping all references on the semantic side keeps the token graph predictable and makes cycle detection simple.
@@ -193,7 +195,7 @@ const theme = defineTheme({
 
 `defineTheme()` keeps the exact shape you pass in while validating the relationships between layers. Metadata fields are `name`, `description`, `author`, and `source`, all optional.
 
-#### Overriding and extending
+#### Overriding
 
 Customize an existing theme with a `ThemeOverride`:
 
@@ -207,7 +209,7 @@ const override = {
 };
 ```
 
-Or extend one layer at a time with `extendTokens()`, `extendSemanticTokens()`, `extendTypography()`, `extendSizes()`, and `extendRecipes()`.
+Core itself doesn't merge an override against a default theme for you — there's no default theme to merge against here. That's what Kreativ UI's `extendTokens()`, `extendSemanticTokens()`, `extendTypography()`, `extendSizes()`, and `extendRecipes()` do, one layer at a time, against its built-in defaults. If you're not using Kreativ UI, see below.
 
 ### Validation
 
@@ -239,6 +241,13 @@ colors.brand     →  --kui-brand
                     --kui-intensity
 ```
 
+`tokensToCssVars` takes an optional `prefix` argument (default `"kui"`), so you can generate variables under your own namespace instead:
+
+```ts
+tokensToCssVars(resolved, "light", theme.intensity, "myds");
+// --myds-brand, --myds-mode, --myds-intensity, ...
+```
+
 Color values are normalized to RGB channels where appropriate, so the variables work with modern color-manipulation patterns.
 
 ### ThemeProvider
@@ -250,7 +259,9 @@ Color mode can be `"light"`, `"dark"`, or `"system"` (which follows `prefers-col
 The theme context exposes:
 
 ```ts
-{ theme, mode, resolvedMode, setMode, fallbackSize, tokens }
+{
+  (theme, mode, resolvedMode, setMode, fallbackSize, tokens);
+}
 ```
 
 so components can use the active theme without being coupled to any default theme.
@@ -273,11 +284,23 @@ Metadata gives tooling, generators, and composition systems a machine-readable d
 
 ```ts
 interface KuiMeta {
-  role?: "action" | "formControl" | "overlay" | "layout"
-       | "display" | "disclosure" | "navigation" | string;
-  groupSlot?: string;                    // logical compound group, e.g. "Tooltip"
+  role?:
+    | "action"
+    | "formControl"
+    | "overlay"
+    | "layout"
+    | "display"
+    | "disclosure"
+    | "navigation"
+    | string;
+  groupSlot?: string; // logical compound group, e.g. "Tooltip"
   formControl?: "single" | "compound";
-  supports?: { disabled?: boolean; invalid?: boolean; required?: boolean; [key: string]: boolean | undefined };
+  supports?: {
+    disabled?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+    [key: string]: boolean | undefined;
+  };
   skeleton?: KuiSkeletonHint;
 }
 ```
@@ -295,7 +318,12 @@ providerDefaults → defaultProps → generatedProps → consumerProps
 ```
 
 ```ts
-createFromProps({ providerDefaults, defaultProps, generatedProps, consumerProps });
+createFromProps({
+  providerDefaults,
+  defaultProps,
+  generatedProps,
+  consumerProps,
+});
 ```
 
 - **`className`**: concatenated in priority order.
@@ -308,7 +336,11 @@ createFromProps({ providerDefaults, defaultProps, generatedProps, consumerProps
 `useControllableState()` is the standard controlled/uncontrolled pattern:
 
 ```ts
-const [value, setValue] = useControllableState({ value, defaultValue, onChange });
+const [value, setValue] = useControllableState({
+  value,
+  defaultValue,
+  onChange,
+});
 ```
 
 A component is controlled when `value` is defined. In controlled mode, `setValue()` only calls `onChange()`. In uncontrolled mode it also updates internal state. Updates are skipped when the next value is `Object.is`-equal to the current one.
@@ -317,6 +349,31 @@ A component is controlled when `value` is defined. In controlled mode, `setValue
 
 Responsive styles are generated from the active theme's breakpoint tokens, so components never hard-code breakpoints. The generated rules come back together with a data attribute that scopes them to the element.
 
+## Using Core standalone
+
+Core ships the `defineX` functions (`defineTokens`, `defineSemanticToken`, `defineTypography`, `defineSizes`, `defineRecipe`, `defineTheme`) but no built-in defaults, and no `extendX` helpers — those are a Kreativ UI concern, since "extending" means merging an override against _some_ default set, and Core doesn't ship one.
+
+If you're building your own design system on Core, define your own defaults once, then write small `extend` wrappers over them the same way Kreativ UI does internally:
+
+```ts
+import { defineTokens, deepMerge } from "@splenddev/kreativ-core";
+import type {
+  DesignTokens,
+  ThemeOverride,
+} from "@splenddev/kreativ-core/types";
+
+const defaultTokens = defineTokens({
+  colors: { blue: { 500: "#3b82f6", 600: "#2563eb" } },
+  spacing: { sm: "0.5rem", md: "1rem" },
+});
+
+export function extendTokens(override?: ThemeOverride["tokens"]): DesignTokens {
+  return deepMerge(defaultTokens, override);
+}
+```
+
+The same pattern applies to `defineSemanticToken`, `defineTypography`, `defineSizes`, and `defineRecipe` — define the default layer, then merge overrides against it with `deepMerge` (for tokens) or a small per-key merge (for typography, sizes, and recipes, where overrides should merge one level deep rather than replace the whole entry).
+
 ## Design principles
 
 - **Tokens before components.** Components consume the design system; they don't invent their own visual language.
@@ -324,7 +381,7 @@ Responsive styles are generated from the active theme's breakpoint tokens, so co
 - **Strict primitives, flexible semantics.** Primitives stay terminal; semantic tokens do the referencing.
 - **Metadata is part of the contract.** A component's role, relationships, and supported states are described to tooling, not just rendered.
 - **Predictable composition.** Prop merging, theme extension, recipe resolution, and token resolution all follow explicit precedence.
-- **Defaults belong to the implementation.** Core defines the system; Kreativ UI defines the look.
+- **Defaults belong to the implementation.** Core defines the system; Kreativ UI defines the look — and owns the `extendX` helpers that merge against that look.
 
 ## Contributing
 

package/dist/{common-CxqD2cxB.d.cts → common-1QyKLdTc.d.cts}

@@ -554,4 +554,4 @@ interface ValidateProps<T = string> {
     validateOn?: ValidateOn;
 }
 
-export type { TypographyStyle as $, AnimationTokens as A, BaseBreakpoint as B, CSSPropertiesWithVars as C, DeepPartial as D, Easing as E, FontSizeTokens as F, ShadowTokens as G, Size as H, SizeProps as I, SizeValue as J, SpacingTokens as K, LetterSpacingTokens as L, StateControlProps as M, StateProps as N, Orientation as O, StatusProps as P, Styleable as Q, RadiusTokens as R, SemanticColorTokens as S, ThemeAnimation as T, TokenDefinition as U, TokenGroup as V, TokenReferenceString as W, TokenValue as X, TrimProps as Y, Typography as Z, TypographyProps as _, BaseColor as a, UndoRedoProps as a0, ValidateOn as a1, ValidateProps as a2, ValidationResult as a3, ValueProps as a4, Variant as a5, VariantProps as a6, BaseProps as b, BaseVariant as c, BreakpointTokens as d, ClearableProps as e, ColorModeValue as f, ColorProps as g, ColorScale as h, ColorTokens as i, ControlledProps as j, DesignTokens as k, DisabledProps as l, EmbeddedProps as m, FontTokens as n, FontWeightTokens as o, FormFieldStatus as p, FullWidthProps as q, LineHeightTokens as r, LoadingProps as s, OrientationProps as t, ReportedValidity as u, RequiredStateControlProps as v, ResponsiveStyles as w, ResponsiveValue as x, SemanticToken as y, SemanticTokens as z };
+export type { TypographyStyle as $, AnimationTokens as A, BaseBreakpoint as B, CSSPropertiesWithVars as C, DesignTokens as D, Easing as E, FontSizeTokens as F, RadiusTokens as G, ReportedValidity as H, RequiredStateControlProps as I, SemanticColorTokens as J, ShadowTokens as K, LetterSpacingTokens as L, SizeProps as M, SizeValue as N, Orientation as O, SpacingTokens as P, StateControlProps as Q, ResponsiveValue as R, Size as S, TokenValue as T, StateProps as U, StatusProps as V, Styleable as W, ThemeAnimation as X, TokenGroup as Y, TrimProps as Z, TypographyProps as _, ResponsiveStyles as a, UndoRedoProps as a0, ValidateOn as a1, ValidateProps as a2, ValidationResult as a3, ValueProps as a4, Variant as a5, VariantProps as a6, SemanticToken as b, Typography as c, TokenDefinition as d, TokenReferenceString as e, SemanticTokens as f, BaseColor as g, BaseProps as h, BaseVariant as i, BreakpointTokens as j, ClearableProps as k, ColorModeValue as l, ColorProps as m, ColorScale as n, ColorTokens as o, ControlledProps as p, DeepPartial as q, DisabledProps as r, EmbeddedProps as s, FontTokens as t, FontWeightTokens as u, FormFieldStatus as v, FullWidthProps as w, LineHeightTokens as x, LoadingProps as y, OrientationProps as z };

package/dist/{common-CxqD2cxB.d.ts → common-1QyKLdTc.d.ts}

@@ -554,4 +554,4 @@ interface ValidateProps<T = string> {
     validateOn?: ValidateOn;
 }
 
-export type { TypographyStyle as $, AnimationTokens as A, BaseBreakpoint as B, CSSPropertiesWithVars as C, DeepPartial as D, Easing as E, FontSizeTokens as F, ShadowTokens as G, Size as H, SizeProps as I, SizeValue as J, SpacingTokens as K, LetterSpacingTokens as L, StateControlProps as M, StateProps as N, Orientation as O, StatusProps as P, Styleable as Q, RadiusTokens as R, SemanticColorTokens as S, ThemeAnimation as T, TokenDefinition as U, TokenGroup as V, TokenReferenceString as W, TokenValue as X, TrimProps as Y, Typography as Z, TypographyProps as _, BaseColor as a, UndoRedoProps as a0, ValidateOn as a1, ValidateProps as a2, ValidationResult as a3, ValueProps as a4, Variant as a5, VariantProps as a6, BaseProps as b, BaseVariant as c, BreakpointTokens as d, ClearableProps as e, ColorModeValue as f, ColorProps as g, ColorScale as h, ColorTokens as i, ControlledProps as j, DesignTokens as k, DisabledProps as l, EmbeddedProps as m, FontTokens as n, FontWeightTokens as o, FormFieldStatus as p, FullWidthProps as q, LineHeightTokens as r, LoadingProps as s, OrientationProps as t, ReportedValidity as u, RequiredStateControlProps as v, ResponsiveStyles as w, ResponsiveValue as x, SemanticToken as y, SemanticTokens as z };
+export type { TypographyStyle as $, AnimationTokens as A, BaseBreakpoint as B, CSSPropertiesWithVars as C, DesignTokens as D, Easing as E, FontSizeTokens as F, RadiusTokens as G, ReportedValidity as H, RequiredStateControlProps as I, SemanticColorTokens as J, ShadowTokens as K, LetterSpacingTokens as L, SizeProps as M, SizeValue as N, Orientation as O, SpacingTokens as P, StateControlProps as Q, ResponsiveValue as R, Size as S, TokenValue as T, StateProps as U, StatusProps as V, Styleable as W, ThemeAnimation as X, TokenGroup as Y, TrimProps as Z, TypographyProps as _, ResponsiveStyles as a, UndoRedoProps as a0, ValidateOn as a1, ValidateProps as a2, ValidationResult as a3, ValueProps as a4, Variant as a5, VariantProps as a6, SemanticToken as b, Typography as c, TokenDefinition as d, TokenReferenceString as e, SemanticTokens as f, BaseColor as g, BaseProps as h, BaseVariant as i, BreakpointTokens as j, ClearableProps as k, ColorModeValue as l, ColorProps as m, ColorScale as n, ColorTokens as o, ControlledProps as p, DeepPartial as q, DisabledProps as r, EmbeddedProps as s, FontTokens as t, FontWeightTokens as u, FormFieldStatus as v, FullWidthProps as w, LineHeightTokens as x, LoadingProps as y, OrientationProps as z };

package/dist/{hooks.cjs → hooks/index.cjs}

@@ -438,5 +438,5 @@ exports.useSizeToken = useSizeToken;
 exports.useSizes = useSizes;
 exports.useTypography = useTypography;
 exports.useUndoRedo = useUndoRedo;
-//# sourceMappingURL=hooks.cjs.map
-//# sourceMappingURL=hooks.cjs.map
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useBreakpoint.ts","../../src/provider/ThemeContext.tsx","../../src/hooks/useColorMode.ts","../../src/hooks/useControllableState.ts","../../src/utils/responsive.ts","../../src/hooks/useMergedResponsiveStyles.ts","../../src/provider/useTheme.ts","../../src/hooks/useResponsiveStyles.ts","../../src/hooks/useSizeStyle.ts","../../src/hooks/useSizeToken.ts","../../src/hooks/useSizes.ts","../../src/utils/resolveTokenReference.ts","../../src/utils/resolveTypography.ts","../../src/hooks/useTypography.ts","../../src/hooks/useUndoRedo.ts"],"names":["useState","useEffect","createContext","useContext","React","value","useMemo","useId","token","useRef","useCallback"],"mappings":"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","file":"index.cjs","sourcesContent":["\"use client\";\r\n\r\nimport { useEffect, useState } from \"react\";\r\n\r\n// Mirrors Tailwind's default breakpoints so component internals can branch\r\n// on the same thresholds consumers style against.\r\nconst BREAKPOINTS = {\r\n  sm: 640,\r\n  md: 768,\r\n  lg: 1024,\r\n  xl: 1280,\r\n  \"2xl\": 1536,\r\n} as const;\r\n\r\ntype Breakpoint = keyof typeof BREAKPOINTS;\r\n\r\n/** Returns whether the viewport is at or above the given breakpoint. */\r\nexport function useBreakpoint(breakpoint: Breakpoint): boolean {\r\n  const query = `(min-width: ${BREAKPOINTS[breakpoint]}px)`;\r\n  const [matches, setMatches] = useState(\r\n    () => typeof window !== \"undefined\" && window.matchMedia(query).matches\r\n  );\r\n\r\n  useEffect(() => {\r\n    const mql = window.matchMedia(query);\r\n    const listener = (e: MediaQueryListEvent) => setMatches(e.matches);\r\n    mql.addEventListener(\"change\", listener);\r\n    setMatches(mql.matches);\r\n    return () => mql.removeEventListener(\"change\", listener);\r\n  }, [query]);\r\n\r\n  return matches;\r\n}\r\n","\"use client\";\r\n\r\nimport { createContext } from \"react\";\r\nimport type { ColorMode, Theme, ResolvedTokens } from \"@/types/theme\";\r\n\r\nexport interface ThemeContextValue {\r\n  theme: Theme;\r\n  mode: ColorMode;\r\n  resolvedMode: \"light\" | \"dark\";\r\n  setMode: (mode: ColorMode) => void;\r\n  fallbackSize: string;\r\n  tokens: ResolvedTokens;\r\n}\r\n\r\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\r\n","import { useContext } from \"react\";\nimport { ThemeContext } from \"../provider/ThemeContext\";\nimport { ColorMode } from \"@/types/theme\";\n\nexport interface UseColorModeReturn {\n  mode: ColorMode;\n  setMode: (mode: ColorMode) => void;\n  toggleColorMode: () => void;\n}\n\nexport function useColorMode(): UseColorModeReturn {\n  const ctx = useContext(ThemeContext);\n\n  if (!ctx) {\n    throw new Error(\"useColorMode must be used within a ThemeProvider\");\n  }\n\n  return {\n    mode: ctx.mode,\n    setMode: ctx.setMode,\n    toggleColorMode: () => {\n      throw new Error(\"not implemented\");\n    },\n  };\n}\n","import * as React from \"react\";\n\nexport interface UseControllableStateOptions<T> {\n  value?: T;\n  defaultValue: T;\n  onChange?: (next: T) => void;\n}\n\nexport function useControllableState<T>({\n  value,\n  defaultValue,\n  onChange,\n}: UseControllableStateOptions<T>): [T, (next: T) => void] {\n  const [internal, setInternal] = React.useState<T>(defaultValue);\n  const isControlled = value !== undefined;\n  const current = isControlled ? (value as T) : internal;\n  const currentRef = React.useRef(current);\n  currentRef.current = current;\n  const onChangeRef = React.useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const set = React.useCallback(\n    (next: T) => {\n      if (Object.is(next, currentRef.current)) return;\n      if (!isControlled) setInternal(next);\n      onChangeRef.current?.(next);\n    },\n    [isControlled],\n  );\n  return [current, set];\n}\n","import type { BaseBreakpoint, ResponsiveValue } from \"@/types\";\n\nexport function isResponsiveValue<T>(\n  value: ResponsiveValue<T>,\n): value is Partial<Record<\"base\" | BaseBreakpoint, T>> {\n  return typeof value === \"object\" && value !== null;\n}\n\nexport interface ResolvedResponsiveValue<T> {\n  base?: T;\n  responsive: Record<string, T>;\n}\n\nexport function resolveResponsiveValue<T, B extends string = string>(\n  value: ResponsiveValue<T, B>,\n): ResolvedResponsiveValue<T> {\n  if (value === null || typeof value !== \"object\" || Array.isArray(value)) {\n    return {\n      base: value,\n      responsive: {},\n    };\n  }\n\n  const responsiveValue = value as Partial<Record<\"base\" | B, T>>;\n\n  const { base, ...responsive } = responsiveValue;\n\n  return {\n    base,\n    responsive: Object.fromEntries(\n      Object.entries(responsive).filter(([, value]) => value !== undefined),\n    ) as Record<string, T>,\n  };\n}\n\nexport function toResponsiveClasses<T>(\n  value: ResolvedResponsiveValue<T>,\n  resolve: (value: T) => string,\n): string {\n  const classes: string[] = [];\n\n  if (value.base !== undefined) {\n    classes.push(resolve(value.base));\n  }\n\n  for (const [breakpoint, item] of Object.entries(value.responsive)) {\n    classes.push(\n      item\n        ? item\n            .toString()\n            .split(\" \")\n            .map((className) => `${breakpoint}:${className}`)\n            .join(\" \")\n        : \"\",\n    );\n  }\n\n  return classes.filter(Boolean).join(\" \");\n}\n\nexport function mergeResponsiveValue<T, B extends string = string>(\n  defaults: ResponsiveValue<T, B>,\n  value?: ResponsiveValue<T, B>,\n): ResolvedResponsiveValue<T> {\n  const defaultValue = resolveResponsiveValue(defaults);\n\n  if (value === undefined) {\n    return defaultValue;\n  }\n\n  const overrideValue = resolveResponsiveValue(value);\n\n  return {\n    base: overrideValue.base ?? defaultValue.base,\n    responsive: {\n      ...defaultValue.responsive,\n      ...overrideValue.responsive,\n    },\n  };\n}\n","\"use client\";\r\n\r\nimport { useMemo } from \"react\";\r\nimport type { CSSProperties } from \"react\";\r\nimport type { ResponsiveValue, ResponsiveStyles } from \"@/types\";\r\nimport { resolveResponsiveValue } from \"@/utils/responsive\";\r\n\r\n/**\r\n * One entry: a responsive prop value plus a mapper from that value to a\r\n * partial CSSProperties object.\r\n *\r\n * Using `any` for the value type because different entries may have different\r\n * value types, and we only need to call the mapper with the resolved value.\r\n */\r\nexport type ResponsivePropEntry = [\r\n  value: ResponsiveValue<any> | undefined,\r\n  toCss: (value: any) => Partial<CSSProperties>,\r\n];\r\n\r\nfunction mergeResponsiveProps(\r\n  entries: ResponsivePropEntry[],\r\n): ResponsiveStyles {\r\n  const result: ResponsiveStyles = {};\r\n\r\n  for (const [value, toCss] of entries) {\r\n    if (value === undefined) continue;\r\n\r\n    const { base, responsive } = resolveResponsiveValue(value);\r\n\r\n    if (base !== undefined) {\r\n      result.base = { ...result.base, ...toCss(base) };\r\n    }\r\n\r\n    for (const [bp, v] of Object.entries(responsive)) {\r\n      result[bp] = { ...result[bp], ...toCss(v) };\r\n    }\r\n  }\r\n\r\n  return result;\r\n}\r\n\r\n/**\r\n * Merges multiple ResponsiveValue<T> props into one ResponsiveStyles map,\r\n * memoized on the entries' values.\r\n *\r\n * @example\r\n * const responsiveStyles = useMergedResponsiveStyles([\r\n *   [gap, (v) => ({ gap: spaceVar(v) })],\r\n *   [align, (v) => ({ alignItems: v })],\r\n * ]);\r\n */\r\nexport function useMergedResponsiveStyles(\r\n  entries: ResponsivePropEntry[],\r\n): ResponsiveStyles {\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  return useMemo(\r\n    () => mergeResponsiveProps(entries),\r\n    entries.map(([value]) => value),\r\n  );\r\n}\r\n","\"use client\";\n\nimport { useContext } from \"react\";\nimport { ThemeContext } from \"@/provider/ThemeContext\";\n\nexport function useTheme() {\n  const ctx = useContext(ThemeContext);\n  if (!ctx) {\n    throw new Error(\n      \"useTheme() was called outside <UIProvider>. Wrap your app in <UIProvider> from 'kreativ-ui'.\",\n    );\n  }\n  return ctx;\n}\n","\"use client\";\r\n\r\nimport { type CSSProperties, useId, useMemo } from \"react\";\r\n\r\nimport type { ResponsiveStyles } from \"@/types\";\r\nimport { useTheme } from \"@/provider/useTheme\";\r\n\r\nconst cssPropertyToKebab = (property: string) =>\r\n  property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);\r\n\r\nconst cssValue = (value: CSSProperties[keyof CSSProperties]) => {\r\n  if (typeof value === \"number\") {\r\n    return String(value);\r\n  }\r\n\r\n  return value;\r\n};\r\n\r\nexport function useResponsiveStyles(responsiveStyles?: ResponsiveStyles) {\r\n  const { theme } = useTheme();\r\n  const id = useId();\r\n\r\n  return useMemo(() => {\r\n    if (!responsiveStyles || Object.keys(responsiveStyles).length === 0) {\r\n      return {\r\n        attribute: undefined,\r\n        style: undefined,\r\n      };\r\n    }\r\n\r\n    const breakpoints = theme.tokens.breakpoints;\r\n\r\n    if (!breakpoints) {\r\n      return {\r\n        attribute: undefined,\r\n        style: undefined,\r\n      };\r\n    }\r\n\r\n    const attribute = id.replace(/:/g, \"\");\r\n\r\n    const selector = `[data-kui-responsive=\"${attribute}\"]`;\r\n\r\n    const rules: string[] = [];\r\n\r\n    for (const [breakpoint, styles] of Object.entries(responsiveStyles)) {\r\n      const declarations = Object.entries(styles)\r\n        .filter(([, value]) => value !== undefined)\r\n        .map(\r\n          ([property, value]) =>\r\n            `${cssPropertyToKebab(property)}:${cssValue(value)};`,\r\n        )\r\n        .join(\"\");\r\n\r\n      if (!declarations) continue;\r\n\r\n      if (breakpoint === \"base\") {\r\n        rules.push(`\r\n          ${selector} {\r\n            ${declarations}\r\n          }\r\n        `);\r\n\r\n        continue;\r\n      }\r\n\r\n      const breakpointToken = breakpoints[breakpoint];\r\n\r\n      if (!breakpointToken) continue;\r\n\r\n      rules.push(`\r\n        @media (min-width: ${breakpointToken.value}) {\r\n          ${selector} {\r\n            ${declarations}\r\n          }\r\n        }\r\n      `);\r\n    }\r\n\r\n    if (rules.length === 0) {\r\n      return {\r\n        attribute: undefined,\r\n        style: undefined,\r\n      };\r\n    }\r\n\r\n    return {\r\n      attribute,\r\n      style: rules.join(\"\\n\"),\r\n    };\r\n  }, [responsiveStyles, theme.tokens.breakpoints, id]);\r\n}\r\n","\"use client\";\n\nimport { useMemo, type CSSProperties } from \"react\";\n\nimport type {\n  CSSPropertiesWithVars,\n  ResponsiveStyles,\n  ResponsiveValue,\n} from \"@/types\";\nimport { isResponsiveValue } from \"@/utils/responsive\";\nimport { useTheme } from \"@/provider/useTheme\";\n\nexport interface UseSizeStyleOptions {\n  includeHeight?: boolean;\n  includeWidth?: boolean;\n  widthFromHeight?: boolean;\n  sizeOffset?: string;\n  fontSizeOffset?: string;\n}\n\nexport interface ResolvedSize {\n  /**\n   * Inline styles for non-responsive sizing.\n   *\n   * For responsive values this is intentionally empty so that\n   * breakpoint styles can override each other through CSS.\n   */\n  style: CSSProperties;\n\n  /**\n   * Styles generated for responsive sizing.\n   */\n  responsiveStyles?: ResponsiveStyles;\n\n  iconSize?: CSSProperties[\"width\"];\n  fontSize?: CSSProperties[\"fontSize\"];\n  gap?: CSSProperties[\"gap\"];\n}\n\nconst applySizeOffset = (\n  value: string | undefined,\n  offset: string | undefined,\n) => {\n  if (!value || !offset) return value;\n\n  return `calc(${value} - ${offset})`;\n};\n\nexport function useSizeStyle(\n  size: ResponsiveValue<string>,\n  iconOnly = false,\n  componentName = \"component\",\n  options: UseSizeStyleOptions = {},\n): ResolvedSize {\n  const {\n    widthFromHeight = false,\n    includeHeight = true,\n    includeWidth = false,\n    sizeOffset,\n    fontSizeOffset,\n  } = options;\n\n  const { theme, fallbackSize } = useTheme();\n\n  return useMemo(() => {\n    const scale = theme.sizes;\n\n    const resolveToken = (sizeName: string) =>\n      scale[sizeName] ?? scale[fallbackSize] ?? Object.values(scale)[0] ?? {};\n\n    const buildStyle = (sizeName: string): CSSPropertiesWithVars => {\n      const token = resolveToken(sizeName);\n      const style: CSSPropertiesWithVars = {};\n\n      if (includeHeight && token.height) {\n        style.height = applySizeOffset(token.height, sizeOffset);\n      }\n\n      if (includeWidth) {\n        if (iconOnly && token.width) {\n          style.width = applySizeOffset(token.width, sizeOffset);\n        } else if (\n          (iconOnly || widthFromHeight) &&\n          includeHeight &&\n          token.height\n        ) {\n          style.width = applySizeOffset(token.height, sizeOffset);\n        }\n      }\n\n      if (!iconOnly && token.paddingX) {\n        style.paddingLeft = token.paddingX;\n        style.paddingRight = token.paddingX;\n      }\n\n      if (token.paddingY) {\n        style.paddingTop = token.paddingY;\n        style.paddingBottom = token.paddingY;\n      }\n\n      if (token.fontSize) {\n        style.fontSize = applySizeOffset(token.fontSize, fontSizeOffset);\n      }\n\n      if (token.gap) {\n        style.gap = iconOnly ? 0 : token.gap;\n      }\n\n      if (token.radius) {\n        const varName = `--kui-${componentName}-radius` as `--kui-${string}`;\n\n        style[varName] = token.radius;\n      }\n\n      return style;\n    };\n\n    if (!isResponsiveValue(size)) {\n      const style = buildStyle(size);\n      const token = resolveToken(size);\n\n      return {\n        style,\n        iconSize: token.iconSize,\n        fontSize: applySizeOffset(token.fontSize, fontSizeOffset),\n        gap: token.gap,\n      };\n    }\n\n    const { base, ...breakpoints } = size;\n\n    const baseSize = base ?? fallbackSize;\n\n    const responsiveStyles: ResponsiveStyles = {\n      base: buildStyle(baseSize),\n    };\n\n    for (const [breakpoint, breakpointSize] of Object.entries(breakpoints)) {\n      if (breakpointSize === undefined) continue;\n\n      responsiveStyles[breakpoint] = buildStyle(breakpointSize);\n    }\n\n    const token = resolveToken(baseSize);\n\n    return {\n      style: {},\n      responsiveStyles,\n      iconSize: token.iconSize,\n      fontSize: applySizeOffset(token.fontSize, fontSizeOffset),\n      gap: token.gap,\n    };\n  }, [\n    theme.sizes,\n    size,\n    fallbackSize,\n    iconOnly,\n    includeHeight,\n    includeWidth,\n    widthFromHeight,\n    componentName,\n    sizeOffset,\n    fontSizeOffset,\n  ]);\n}\n","import type { ResponsiveValue, SizeToken } from \"@/types\";\r\n\r\nimport { useMemo } from \"react\";\r\nimport { useTheme } from \"@/provider/useTheme\";\r\nimport { isResponsiveValue } from \"@/utils/responsive\";\r\n\r\ntype SizeTokenValue = SizeToken[keyof SizeToken];\r\n\r\nfunction applyOffset(value: SizeTokenValue, offset?: string): SizeTokenValue {\r\n  if (offset == null || value == null) {\r\n    return value;\r\n  }\r\n\r\n  if (typeof value !== \"string\") {\r\n    return value;\r\n  }\r\n\r\n  return `calc(${value} - ${offset})`;\r\n}\r\n\r\nexport function useSizeToken(size: ResponsiveValue<string>): SizeToken;\r\n\r\nexport function useSizeToken<K extends keyof SizeToken>(\r\n  size: ResponsiveValue<string>,\r\n  key: K,\r\n  offset?: string,\r\n): SizeToken[K];\r\n\r\nexport function useSizeToken<K extends keyof SizeToken>(\r\n  size: ResponsiveValue<string>,\r\n  key?: K,\r\n  offset?: string,\r\n): SizeToken | SizeToken[K] {\r\n  const { theme, fallbackSize } = useTheme();\r\n\r\n  return useMemo(() => {\r\n    const scale = theme.sizes;\r\n\r\n    const baseSize = isResponsiveValue(size)\r\n      ? (size.base ?? fallbackSize)\r\n      : size;\r\n\r\n    const token =\r\n      scale[baseSize] ?? scale[fallbackSize] ?? Object.values(scale)[0] ?? {};\r\n\r\n    if (!key) {\r\n      return token;\r\n    }\r\n\r\n    return applyOffset(token[key], offset) as SizeToken[K];\r\n  }, [theme.sizes, size, fallbackSize, key, offset]);\r\n}\r\n","import { useTheme } from \"@/provider/useTheme\";\r\nimport type { Size, Theme } from \"@/types\";\r\n\r\nexport function getSizes(theme: Theme): Size[] {\r\n  return Object.keys(theme.sizes ?? {}) as Size[];\r\n}\r\n\r\nexport function useSizes(): Size[] {\r\n  const { theme } = useTheme();\r\n  return getSizes(theme);\r\n}\r\n","import type { DesignTokens } from \"@/types\";\r\n\r\nexport function resolveTokenReference(\r\n  value: unknown,\r\n  tokens: DesignTokens,\r\n): string | number {\r\n  if (typeof value !== \"string\") {\r\n    return typeof value === \"number\" ? value : \"\";\r\n  }\r\n\r\n  const match = value.match(/^\\{(.+)\\}$/);\r\n\r\n  if (!match || match[1] === undefined) {\r\n    return value;\r\n  }\r\n\r\n  const path = match[1].split(\".\");\r\n\r\n  let current: unknown = tokens;\r\n\r\n  for (const key of path) {\r\n    if (typeof current !== \"object\" || current === null || !(key in current)) {\r\n      return \"\";\r\n    }\r\n\r\n    current = (current as Record<string, unknown>)[key];\r\n  }\r\n\r\n  if (typeof current === \"object\" && current !== null && \"value\" in current) {\r\n    const tokenValue = (current as { value: unknown }).value;\r\n\r\n    if (typeof tokenValue === \"string\" || typeof tokenValue === \"number\") {\r\n      return tokenValue;\r\n    }\r\n\r\n    return \"\";\r\n  }\r\n\r\n  return typeof current === \"string\" || typeof current === \"number\"\r\n    ? current\r\n    : \"\";\r\n}\r\n","import type { CSSProperties } from \"react\";\r\nimport type { DesignTokens, TypographyStyle } from \"@/types\";\r\nimport { resolveTokenReference } from \"./resolveTokenReference\";\r\n\r\nexport function resolveTypography(\r\n  typography: TypographyStyle | undefined,\r\n  tokens: DesignTokens,\r\n): CSSProperties {\r\n  if (!typography) return {};\r\n\r\n  return {\r\n    fontFamily: resolveTokenReference(typography.fontFamily, tokens) as string,\r\n    fontSize: resolveTokenReference(typography.fontSize, tokens) as string,\r\n    fontWeight: resolveTokenReference(typography.fontWeight, tokens),\r\n    lineHeight: resolveTokenReference(typography.lineHeight, tokens),\r\n    letterSpacing: resolveTokenReference(\r\n      typography.letterSpacing,\r\n      tokens,\r\n    ) as string,\r\n  };\r\n}\r\n","import { useTheme } from \"@/provider\";\r\nimport { resolveTypography } from \"@/utils\";\r\n\r\nexport function useTypography(name?: string) {\r\n  const { theme } = useTheme();\r\n\r\n  return resolveTypography(\r\n    name ? theme.typography[name] : undefined,\r\n    theme.tokens,\r\n  );\r\n}","import { useCallback, useRef, useState } from \"react\";\r\n\r\ninterface UseUndoRedoOptions {\r\n  /**\r\n   * Maximum number of history entries to keep.\r\n   * Only applies when `undoable` is `true` and the component manages its own history.\r\n   * @default 30\r\n   */\r\n  maxHistory?: number;\r\n}\r\n\r\n/**\r\n * Manages a history stack for a value, providing undo/redo capabilities.\r\n * The hook stores the current value in its own state, but you can also\r\n * sync it with external state by calling `push` when the external value changes.\r\n *\r\n * @param initialValue - The starting value.\r\n * @param options - Configuration (maxHistory).\r\n * @returns An object with the current value, setters, and undo/redo controls.\r\n */\r\nexport function useUndoRedo<T>(\r\n  initialValue: T,\r\n  options: UseUndoRedoOptions & {\r\n    onValueChange?: (value: T | undefined) => void;\r\n  } = {},\r\n) {\r\n  const { maxHistory = 30, onValueChange } = options;\r\n\r\n  const [value, setValue] = useState<T | undefined>(initialValue);\r\n  const historyRef = useRef<T[]>([initialValue]);\r\n  const indexRef = useRef(0);\r\n\r\n  const push = useCallback(\r\n    (newValue: T) => {\r\n      if (newValue === historyRef.current[indexRef.current]) return;\r\n\r\n      historyRef.current = historyRef.current.slice(0, indexRef.current + 1);\r\n\r\n      historyRef.current.push(newValue);\r\n      if (historyRef.current.length > maxHistory) {\r\n        historyRef.current = historyRef.current.slice(-maxHistory);\r\n        indexRef.current = historyRef.current.length - 1;\r\n      } else {\r\n        indexRef.current = historyRef.current.length - 1;\r\n      }\r\n\r\n      setValue(newValue);\r\n      onValueChange?.(newValue);\r\n    },\r\n    [maxHistory, onValueChange],\r\n  );\r\n\r\n  const undo = useCallback(() => {\r\n    if (indexRef.current <= 0) return;\r\n    indexRef.current -= 1;\r\n    const newValue = historyRef.current[indexRef.current];\r\n    setValue(newValue);\r\n    onValueChange?.(newValue);\r\n  }, [onValueChange]);\r\n\r\n  const redo = useCallback(() => {\r\n    if (indexRef.current >= historyRef.current.length - 1) return;\r\n    indexRef.current += 1;\r\n    const newVal = historyRef.current[indexRef.current];\r\n    setValue(newVal);\r\n  }, []);\r\n\r\n  const reset = useCallback(\r\n    (newValue: T) => {\r\n      historyRef.current = [newValue];\r\n      indexRef.current = 0;\r\n      setValue(newValue);\r\n      onValueChange?.(newValue);\r\n    },\r\n    [onValueChange],\r\n  );\r\n\r\n  const canUndo = indexRef.current > 0;\r\n  const canRedo = indexRef.current < historyRef.current.length - 1;\r\n\r\n  return {\r\n    value,\r\n    setValue,\r\n    push,\r\n    undo,\r\n    redo,\r\n    reset,\r\n    canUndo,\r\n    canRedo,\r\n    history: historyRef.current,\r\n    currentIndex: indexRef.current,\r\n  };\r\n}\r\n"]}

package/dist/{hooks.d.ts → hooks/index.d.cts}

@@ -1,8 +1,7 @@
-export { U as UseColorModeReturn, u as useColorMode } from './useColorMode-B7eyS27H.js';
+import { ColorMode, SizeToken, Theme } from '../types/index.cjs';
 import * as React from 'react';
 import { CSSProperties } from 'react';
-import { x as ResponsiveValue, w as ResponsiveStyles, H as Size } from './common-CxqD2cxB.js';
-import { SizeToken, Theme } from './types.js';
+import { R as ResponsiveValue, a as ResponsiveStyles, S as Size } from '../common-1QyKLdTc.cjs';
 
 declare const BREAKPOINTS: {
     readonly sm: 640;
@@ -15,6 +14,13 @@ type Breakpoint = keyof typeof BREAKPOINTS;
 /** Returns whether the viewport is at or above the given breakpoint. */
 declare function useBreakpoint(breakpoint: Breakpoint): boolean;
 
+interface UseColorModeReturn {
+    mode: ColorMode;
+    setMode: (mode: ColorMode) => void;
+    toggleColorMode: () => void;
+}
+declare function useColorMode(): UseColorModeReturn;
+
 interface UseControllableStateOptions<T> {
     value?: T;
     defaultValue: T;
@@ -118,4 +124,4 @@ declare function useUndoRedo<T>(initialValue: T, options?: UseUndoRedoOptions &
     currentIndex: number;
 };
 
-export { type ResolvedSize, type ResponsivePropEntry, type UseControllableStateOptions, type UseSizeStyleOptions, getSizes, useBreakpoint, useControllableState, useMergedResponsiveStyles, useResponsiveStyles, useSizeStyle, useSizeToken, useSizes, useTypography, useUndoRedo };
+export { type ResolvedSize, type ResponsivePropEntry, type UseColorModeReturn, type UseControllableStateOptions, type UseSizeStyleOptions, getSizes, useBreakpoint, useColorMode, useControllableState, useMergedResponsiveStyles, useResponsiveStyles, useSizeStyle, useSizeToken, useSizes, useTypography, useUndoRedo };

package/dist/{hooks.d.cts → hooks/index.d.ts}

@@ -1,8 +1,7 @@
-export { U as UseColorModeReturn, u as useColorMode } from './useColorMode-tvcgvc4V.cjs';
+import { ColorMode, SizeToken, Theme } from '../types/index.js';
 import * as React from 'react';
 import { CSSProperties } from 'react';
-import { x as ResponsiveValue, w as ResponsiveStyles, H as Size } from './common-CxqD2cxB.cjs';
-import { SizeToken, Theme } from './types.cjs';
+import { R as ResponsiveValue, a as ResponsiveStyles, S as Size } from '../common-1QyKLdTc.js';
 
 declare const BREAKPOINTS: {
     readonly sm: 640;
@@ -15,6 +14,13 @@ type Breakpoint = keyof typeof BREAKPOINTS;
 /** Returns whether the viewport is at or above the given breakpoint. */
 declare function useBreakpoint(breakpoint: Breakpoint): boolean;
 
+interface UseColorModeReturn {
+    mode: ColorMode;
+    setMode: (mode: ColorMode) => void;
+    toggleColorMode: () => void;
+}
+declare function useColorMode(): UseColorModeReturn;
+
 interface UseControllableStateOptions<T> {
     value?: T;
     defaultValue: T;
@@ -118,4 +124,4 @@ declare function useUndoRedo<T>(initialValue: T, options?: UseUndoRedoOptions &
     currentIndex: number;
 };
 
-export { type ResolvedSize, type ResponsivePropEntry, type UseControllableStateOptions, type UseSizeStyleOptions, getSizes, useBreakpoint, useControllableState, useMergedResponsiveStyles, useResponsiveStyles, useSizeStyle, useSizeToken, useSizes, useTypography, useUndoRedo };
+export { type ResolvedSize, type ResponsivePropEntry, type UseColorModeReturn, type UseControllableStateOptions, type UseSizeStyleOptions, getSizes, useBreakpoint, useColorMode, useControllableState, useMergedResponsiveStyles, useResponsiveStyles, useSizeStyle, useSizeToken, useSizes, useTypography, useUndoRedo };

package/dist/{hooks.js → hooks/index.js}

@@ -407,5 +407,5 @@ function useUndoRedo(initialValue, options = {}) {
 }
 
 export { getSizes, useBreakpoint, useColorMode, useControllableState, useMergedResponsiveStyles, useResponsiveStyles, useSizeStyle, useSizeToken, useSizes, useTypography, useUndoRedo };
-//# sourceMappingURL=hooks.js.map
-//# sourceMappingURL=hooks.js.map
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useBreakpoint.ts","../../src/provider/ThemeContext.tsx","../../src/hooks/useColorMode.ts","../../src/hooks/useControllableState.ts","../../src/utils/responsive.ts","../../src/hooks/useMergedResponsiveStyles.ts","../../src/provider/useTheme.ts","../../src/hooks/useResponsiveStyles.ts","../../src/hooks/useSizeStyle.ts","../../src/hooks/useSizeToken.ts","../../src/hooks/useSizes.ts","../../src/utils/resolveTokenReference.ts","../../src/utils/resolveTypography.ts","../../src/hooks/useTypography.ts","../../src/hooks/useUndoRedo.ts"],"names":["value","useContext","useMemo","token","useState","useRef","useCallback"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\";\r\n\r\nimport { useEffect, useState } from \"react\";\r\n\r\n// Mirrors Tailwind's default breakpoints so component internals can branch\r\n// on the same thresholds consumers style against.\r\nconst BREAKPOINTS = {\r\n  sm: 640,\r\n  md: 768,\r\n  lg: 1024,\r\n  xl: 1280,\r\n  \"2xl\": 1536,\r\n} as const;\r\n\r\ntype Breakpoint = keyof typeof BREAKPOINTS;\r\n\r\n/** Returns whether the viewport is at or above the given breakpoint. */\r\nexport function useBreakpoint(breakpoint: Breakpoint): boolean {\r\n  const query = `(min-width: ${BREAKPOINTS[breakpoint]}px)`;\r\n  const [matches, setMatches] = useState(\r\n    () => typeof window !== \"undefined\" && window.matchMedia(query).matches\r\n  );\r\n\r\n  useEffect(() => {\r\n    const mql = window.matchMedia(query);\r\n    const listener = (e: MediaQueryListEvent) => setMatches(e.matches);\r\n    mql.addEventListener(\"change\", listener);\r\n    setMatches(mql.matches);\r\n    return () => mql.removeEventListener(\"change\", listener);\r\n  }, [query]);\r\n\r\n  return matches;\r\n}\r\n","\"use client\";\r\n\r\nimport { createContext } from \"react\";\r\nimport type { ColorMode, Theme, ResolvedTokens } from \"@/types/theme\";\r\n\r\nexport interface ThemeContextValue {\r\n  theme: Theme;\r\n  mode: ColorMode;\r\n  resolvedMode: \"light\" | \"dark\";\r\n  setMode: (mode: ColorMode) => void;\r\n  fallbackSize: string;\r\n  tokens: ResolvedTokens;\r\n}\r\n\r\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\r\n","import { useContext } from \"react\";\nimport { ThemeContext } from \"../provider/ThemeContext\";\nimport { ColorMode } from \"@/types/theme\";\n\nexport interface UseColorModeReturn {\n  mode: ColorMode;\n  setMode: (mode: ColorMode) => void;\n  toggleColorMode: () => void;\n}\n\nexport function useColorMode(): UseColorModeReturn {\n  const ctx = useContext(ThemeContext);\n\n  if (!ctx) {\n    throw new Error(\"useColorMode must be used within a ThemeProvider\");\n  }\n\n  return {\n    mode: ctx.mode,\n    setMode: ctx.setMode,\n    toggleColorMode: () => {\n      throw new Error(\"not implemented\");\n    },\n  };\n}\n","import * as React from \"react\";\n\nexport interface UseControllableStateOptions<T> {\n  value?: T;\n  defaultValue: T;\n  onChange?: (next: T) => void;\n}\n\nexport function useControllableState<T>({\n  value,\n  defaultValue,\n  onChange,\n}: UseControllableStateOptions<T>): [T, (next: T) => void] {\n  const [internal, setInternal] = React.useState<T>(defaultValue);\n  const isControlled = value !== undefined;\n  const current = isControlled ? (value as T) : internal;\n  const currentRef = React.useRef(current);\n  currentRef.current = current;\n  const onChangeRef = React.useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const set = React.useCallback(\n    (next: T) => {\n      if (Object.is(next, currentRef.current)) return;\n      if (!isControlled) setInternal(next);\n      onChangeRef.current?.(next);\n    },\n    [isControlled],\n  );\n  return [current, set];\n}\n","import type { BaseBreakpoint, ResponsiveValue } from \"@/types\";\n\nexport function isResponsiveValue<T>(\n  value: ResponsiveValue<T>,\n): value is Partial<Record<\"base\" | BaseBreakpoint, T>> {\n  return typeof value === \"object\" && value !== null;\n}\n\nexport interface ResolvedResponsiveValue<T> {\n  base?: T;\n  responsive: Record<string, T>;\n}\n\nexport function resolveResponsiveValue<T, B extends string = string>(\n  value: ResponsiveValue<T, B>,\n): ResolvedResponsiveValue<T> {\n  if (value === null || typeof value !== \"object\" || Array.isArray(value)) {\n    return {\n      base: value,\n      responsive: {},\n    };\n  }\n\n  const responsiveValue = value as Partial<Record<\"base\" | B, T>>;\n\n  const { base, ...responsive } = responsiveValue;\n\n  return {\n    base,\n    responsive: Object.fromEntries(\n      Object.entries(responsive).filter(([, value]) => value !== undefined),\n    ) as Record<string, T>,\n  };\n}\n\nexport function toResponsiveClasses<T>(\n  value: ResolvedResponsiveValue<T>,\n  resolve: (value: T) => string,\n): string {\n  const classes: string[] = [];\n\n  if (value.base !== undefined) {\n    classes.push(resolve(value.base));\n  }\n\n  for (const [breakpoint, item] of Object.entries(value.responsive)) {\n    classes.push(\n      item\n        ? item\n            .toString()\n            .split(\" \")\n            .map((className) => `${breakpoint}:${className}`)\n            .join(\" \")\n        : \"\",\n    );\n  }\n\n  return classes.filter(Boolean).join(\" \");\n}\n\nexport function mergeResponsiveValue<T, B extends string = string>(\n  defaults: ResponsiveValue<T, B>,\n  value?: ResponsiveValue<T, B>,\n): ResolvedResponsiveValue<T> {\n  const defaultValue = resolveResponsiveValue(defaults);\n\n  if (value === undefined) {\n    return defaultValue;\n  }\n\n  const overrideValue = resolveResponsiveValue(value);\n\n  return {\n    base: overrideValue.base ?? defaultValue.base,\n    responsive: {\n      ...defaultValue.responsive,\n      ...overrideValue.responsive,\n    },\n  };\n}\n","\"use client\";\r\n\r\nimport { useMemo } from \"react\";\r\nimport type { CSSProperties } from \"react\";\r\nimport type { ResponsiveValue, ResponsiveStyles } from \"@/types\";\r\nimport { resolveResponsiveValue } from \"@/utils/responsive\";\r\n\r\n/**\r\n * One entry: a responsive prop value plus a mapper from that value to a\r\n * partial CSSProperties object.\r\n *\r\n * Using `any` for the value type because different entries may have different\r\n * value types, and we only need to call the mapper with the resolved value.\r\n */\r\nexport type ResponsivePropEntry = [\r\n  value: ResponsiveValue<any> | undefined,\r\n  toCss: (value: any) => Partial<CSSProperties>,\r\n];\r\n\r\nfunction mergeResponsiveProps(\r\n  entries: ResponsivePropEntry[],\r\n): ResponsiveStyles {\r\n  const result: ResponsiveStyles = {};\r\n\r\n  for (const [value, toCss] of entries) {\r\n    if (value === undefined) continue;\r\n\r\n    const { base, responsive } = resolveResponsiveValue(value);\r\n\r\n    if (base !== undefined) {\r\n      result.base = { ...result.base, ...toCss(base) };\r\n    }\r\n\r\n    for (const [bp, v] of Object.entries(responsive)) {\r\n      result[bp] = { ...result[bp], ...toCss(v) };\r\n    }\r\n  }\r\n\r\n  return result;\r\n}\r\n\r\n/**\r\n * Merges multiple ResponsiveValue<T> props into one ResponsiveStyles map,\r\n * memoized on the entries' values.\r\n *\r\n * @example\r\n * const responsiveStyles = useMergedResponsiveStyles([\r\n *   [gap, (v) => ({ gap: spaceVar(v) })],\r\n *   [align, (v) => ({ alignItems: v })],\r\n * ]);\r\n */\r\nexport function useMergedResponsiveStyles(\r\n  entries: ResponsivePropEntry[],\r\n): ResponsiveStyles {\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  return useMemo(\r\n    () => mergeResponsiveProps(entries),\r\n    entries.map(([value]) => value),\r\n  );\r\n}\r\n","\"use client\";\n\nimport { useContext } from \"react\";\nimport { ThemeContext } from \"@/provider/ThemeContext\";\n\nexport function useTheme() {\n  const ctx = useContext(ThemeContext);\n  if (!ctx) {\n    throw new Error(\n      \"useTheme() was called outside <UIProvider>. Wrap your app in <UIProvider> from 'kreativ-ui'.\",\n    );\n  }\n  return ctx;\n}\n","\"use client\";\r\n\r\nimport { type CSSProperties, useId, useMemo } from \"react\";\r\n\r\nimport type { ResponsiveStyles } from \"@/types\";\r\nimport { useTheme } from \"@/provider/useTheme\";\r\n\r\nconst cssPropertyToKebab = (property: string) =>\r\n  property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);\r\n\r\nconst cssValue = (value: CSSProperties[keyof CSSProperties]) => {\r\n  if (typeof value === \"number\") {\r\n    return String(value);\r\n  }\r\n\r\n  return value;\r\n};\r\n\r\nexport function useResponsiveStyles(responsiveStyles?: ResponsiveStyles) {\r\n  const { theme } = useTheme();\r\n  const id = useId();\r\n\r\n  return useMemo(() => {\r\n    if (!responsiveStyles || Object.keys(responsiveStyles).length === 0) {\r\n      return {\r\n        attribute: undefined,\r\n        style: undefined,\r\n      };\r\n    }\r\n\r\n    const breakpoints = theme.tokens.breakpoints;\r\n\r\n    if (!breakpoints) {\r\n      return {\r\n        attribute: undefined,\r\n        style: undefined,\r\n      };\r\n    }\r\n\r\n    const attribute = id.replace(/:/g, \"\");\r\n\r\n    const selector = `[data-kui-responsive=\"${attribute}\"]`;\r\n\r\n    const rules: string[] = [];\r\n\r\n    for (const [breakpoint, styles] of Object.entries(responsiveStyles)) {\r\n      const declarations = Object.entries(styles)\r\n        .filter(([, value]) => value !== undefined)\r\n        .map(\r\n          ([property, value]) =>\r\n            `${cssPropertyToKebab(property)}:${cssValue(value)};`,\r\n        )\r\n        .join(\"\");\r\n\r\n      if (!declarations) continue;\r\n\r\n      if (breakpoint === \"base\") {\r\n        rules.push(`\r\n          ${selector} {\r\n            ${declarations}\r\n          }\r\n        `);\r\n\r\n        continue;\r\n      }\r\n\r\n      const breakpointToken = breakpoints[breakpoint];\r\n\r\n      if (!breakpointToken) continue;\r\n\r\n      rules.push(`\r\n        @media (min-width: ${breakpointToken.value}) {\r\n          ${selector} {\r\n            ${declarations}\r\n          }\r\n        }\r\n      `);\r\n    }\r\n\r\n    if (rules.length === 0) {\r\n      return {\r\n        attribute: undefined,\r\n        style: undefined,\r\n      };\r\n    }\r\n\r\n    return {\r\n      attribute,\r\n      style: rules.join(\"\\n\"),\r\n    };\r\n  }, [responsiveStyles, theme.tokens.breakpoints, id]);\r\n}\r\n","\"use client\";\n\nimport { useMemo, type CSSProperties } from \"react\";\n\nimport type {\n  CSSPropertiesWithVars,\n  ResponsiveStyles,\n  ResponsiveValue,\n} from \"@/types\";\nimport { isResponsiveValue } from \"@/utils/responsive\";\nimport { useTheme } from \"@/provider/useTheme\";\n\nexport interface UseSizeStyleOptions {\n  includeHeight?: boolean;\n  includeWidth?: boolean;\n  widthFromHeight?: boolean;\n  sizeOffset?: string;\n  fontSizeOffset?: string;\n}\n\nexport interface ResolvedSize {\n  /**\n   * Inline styles for non-responsive sizing.\n   *\n   * For responsive values this is intentionally empty so that\n   * breakpoint styles can override each other through CSS.\n   */\n  style: CSSProperties;\n\n  /**\n   * Styles generated for responsive sizing.\n   */\n  responsiveStyles?: ResponsiveStyles;\n\n  iconSize?: CSSProperties[\"width\"];\n  fontSize?: CSSProperties[\"fontSize\"];\n  gap?: CSSProperties[\"gap\"];\n}\n\nconst applySizeOffset = (\n  value: string | undefined,\n  offset: string | undefined,\n) => {\n  if (!value || !offset) return value;\n\n  return `calc(${value} - ${offset})`;\n};\n\nexport function useSizeStyle(\n  size: ResponsiveValue<string>,\n  iconOnly = false,\n  componentName = \"component\",\n  options: UseSizeStyleOptions = {},\n): ResolvedSize {\n  const {\n    widthFromHeight = false,\n    includeHeight = true,\n    includeWidth = false,\n    sizeOffset,\n    fontSizeOffset,\n  } = options;\n\n  const { theme, fallbackSize } = useTheme();\n\n  return useMemo(() => {\n    const scale = theme.sizes;\n\n    const resolveToken = (sizeName: string) =>\n      scale[sizeName] ?? scale[fallbackSize] ?? Object.values(scale)[0] ?? {};\n\n    const buildStyle = (sizeName: string): CSSPropertiesWithVars => {\n      const token = resolveToken(sizeName);\n      const style: CSSPropertiesWithVars = {};\n\n      if (includeHeight && token.height) {\n        style.height = applySizeOffset(token.height, sizeOffset);\n      }\n\n      if (includeWidth) {\n        if (iconOnly && token.width) {\n          style.width = applySizeOffset(token.width, sizeOffset);\n        } else if (\n          (iconOnly || widthFromHeight) &&\n          includeHeight &&\n          token.height\n        ) {\n          style.width = applySizeOffset(token.height, sizeOffset);\n        }\n      }\n\n      if (!iconOnly && token.paddingX) {\n        style.paddingLeft = token.paddingX;\n        style.paddingRight = token.paddingX;\n      }\n\n      if (token.paddingY) {\n        style.paddingTop = token.paddingY;\n        style.paddingBottom = token.paddingY;\n      }\n\n      if (token.fontSize) {\n        style.fontSize = applySizeOffset(token.fontSize, fontSizeOffset);\n      }\n\n      if (token.gap) {\n        style.gap = iconOnly ? 0 : token.gap;\n      }\n\n      if (token.radius) {\n        const varName = `--kui-${componentName}-radius` as `--kui-${string}`;\n\n        style[varName] = token.radius;\n      }\n\n      return style;\n    };\n\n    if (!isResponsiveValue(size)) {\n      const style = buildStyle(size);\n      const token = resolveToken(size);\n\n      return {\n        style,\n        iconSize: token.iconSize,\n        fontSize: applySizeOffset(token.fontSize, fontSizeOffset),\n        gap: token.gap,\n      };\n    }\n\n    const { base, ...breakpoints } = size;\n\n    const baseSize = base ?? fallbackSize;\n\n    const responsiveStyles: ResponsiveStyles = {\n      base: buildStyle(baseSize),\n    };\n\n    for (const [breakpoint, breakpointSize] of Object.entries(breakpoints)) {\n      if (breakpointSize === undefined) continue;\n\n      responsiveStyles[breakpoint] = buildStyle(breakpointSize);\n    }\n\n    const token = resolveToken(baseSize);\n\n    return {\n      style: {},\n      responsiveStyles,\n      iconSize: token.iconSize,\n      fontSize: applySizeOffset(token.fontSize, fontSizeOffset),\n      gap: token.gap,\n    };\n  }, [\n    theme.sizes,\n    size,\n    fallbackSize,\n    iconOnly,\n    includeHeight,\n    includeWidth,\n    widthFromHeight,\n    componentName,\n    sizeOffset,\n    fontSizeOffset,\n  ]);\n}\n","import type { ResponsiveValue, SizeToken } from \"@/types\";\r\n\r\nimport { useMemo } from \"react\";\r\nimport { useTheme } from \"@/provider/useTheme\";\r\nimport { isResponsiveValue } from \"@/utils/responsive\";\r\n\r\ntype SizeTokenValue = SizeToken[keyof SizeToken];\r\n\r\nfunction applyOffset(value: SizeTokenValue, offset?: string): SizeTokenValue {\r\n  if (offset == null || value == null) {\r\n    return value;\r\n  }\r\n\r\n  if (typeof value !== \"string\") {\r\n    return value;\r\n  }\r\n\r\n  return `calc(${value} - ${offset})`;\r\n}\r\n\r\nexport function useSizeToken(size: ResponsiveValue<string>): SizeToken;\r\n\r\nexport function useSizeToken<K extends keyof SizeToken>(\r\n  size: ResponsiveValue<string>,\r\n  key: K,\r\n  offset?: string,\r\n): SizeToken[K];\r\n\r\nexport function useSizeToken<K extends keyof SizeToken>(\r\n  size: ResponsiveValue<string>,\r\n  key?: K,\r\n  offset?: string,\r\n): SizeToken | SizeToken[K] {\r\n  const { theme, fallbackSize } = useTheme();\r\n\r\n  return useMemo(() => {\r\n    const scale = theme.sizes;\r\n\r\n    const baseSize = isResponsiveValue(size)\r\n      ? (size.base ?? fallbackSize)\r\n      : size;\r\n\r\n    const token =\r\n      scale[baseSize] ?? scale[fallbackSize] ?? Object.values(scale)[0] ?? {};\r\n\r\n    if (!key) {\r\n      return token;\r\n    }\r\n\r\n    return applyOffset(token[key], offset) as SizeToken[K];\r\n  }, [theme.sizes, size, fallbackSize, key, offset]);\r\n}\r\n","import { useTheme } from \"@/provider/useTheme\";\r\nimport type { Size, Theme } from \"@/types\";\r\n\r\nexport function getSizes(theme: Theme): Size[] {\r\n  return Object.keys(theme.sizes ?? {}) as Size[];\r\n}\r\n\r\nexport function useSizes(): Size[] {\r\n  const { theme } = useTheme();\r\n  return getSizes(theme);\r\n}\r\n","import type { DesignTokens } from \"@/types\";\r\n\r\nexport function resolveTokenReference(\r\n  value: unknown,\r\n  tokens: DesignTokens,\r\n): string | number {\r\n  if (typeof value !== \"string\") {\r\n    return typeof value === \"number\" ? value : \"\";\r\n  }\r\n\r\n  const match = value.match(/^\\{(.+)\\}$/);\r\n\r\n  if (!match || match[1] === undefined) {\r\n    return value;\r\n  }\r\n\r\n  const path = match[1].split(\".\");\r\n\r\n  let current: unknown = tokens;\r\n\r\n  for (const key of path) {\r\n    if (typeof current !== \"object\" || current === null || !(key in current)) {\r\n      return \"\";\r\n    }\r\n\r\n    current = (current as Record<string, unknown>)[key];\r\n  }\r\n\r\n  if (typeof current === \"object\" && current !== null && \"value\" in current) {\r\n    const tokenValue = (current as { value: unknown }).value;\r\n\r\n    if (typeof tokenValue === \"string\" || typeof tokenValue === \"number\") {\r\n      return tokenValue;\r\n    }\r\n\r\n    return \"\";\r\n  }\r\n\r\n  return typeof current === \"string\" || typeof current === \"number\"\r\n    ? current\r\n    : \"\";\r\n}\r\n","import type { CSSProperties } from \"react\";\r\nimport type { DesignTokens, TypographyStyle } from \"@/types\";\r\nimport { resolveTokenReference } from \"./resolveTokenReference\";\r\n\r\nexport function resolveTypography(\r\n  typography: TypographyStyle | undefined,\r\n  tokens: DesignTokens,\r\n): CSSProperties {\r\n  if (!typography) return {};\r\n\r\n  return {\r\n    fontFamily: resolveTokenReference(typography.fontFamily, tokens) as string,\r\n    fontSize: resolveTokenReference(typography.fontSize, tokens) as string,\r\n    fontWeight: resolveTokenReference(typography.fontWeight, tokens),\r\n    lineHeight: resolveTokenReference(typography.lineHeight, tokens),\r\n    letterSpacing: resolveTokenReference(\r\n      typography.letterSpacing,\r\n      tokens,\r\n    ) as string,\r\n  };\r\n}\r\n","import { useTheme } from \"@/provider\";\r\nimport { resolveTypography } from \"@/utils\";\r\n\r\nexport function useTypography(name?: string) {\r\n  const { theme } = useTheme();\r\n\r\n  return resolveTypography(\r\n    name ? theme.typography[name] : undefined,\r\n    theme.tokens,\r\n  );\r\n}","import { useCallback, useRef, useState } from \"react\";\r\n\r\ninterface UseUndoRedoOptions {\r\n  /**\r\n   * Maximum number of history entries to keep.\r\n   * Only applies when `undoable` is `true` and the component manages its own history.\r\n   * @default 30\r\n   */\r\n  maxHistory?: number;\r\n}\r\n\r\n/**\r\n * Manages a history stack for a value, providing undo/redo capabilities.\r\n * The hook stores the current value in its own state, but you can also\r\n * sync it with external state by calling `push` when the external value changes.\r\n *\r\n * @param initialValue - The starting value.\r\n * @param options - Configuration (maxHistory).\r\n * @returns An object with the current value, setters, and undo/redo controls.\r\n */\r\nexport function useUndoRedo<T>(\r\n  initialValue: T,\r\n  options: UseUndoRedoOptions & {\r\n    onValueChange?: (value: T | undefined) => void;\r\n  } = {},\r\n) {\r\n  const { maxHistory = 30, onValueChange } = options;\r\n\r\n  const [value, setValue] = useState<T | undefined>(initialValue);\r\n  const historyRef = useRef<T[]>([initialValue]);\r\n  const indexRef = useRef(0);\r\n\r\n  const push = useCallback(\r\n    (newValue: T) => {\r\n      if (newValue === historyRef.current[indexRef.current]) return;\r\n\r\n      historyRef.current = historyRef.current.slice(0, indexRef.current + 1);\r\n\r\n      historyRef.current.push(newValue);\r\n      if (historyRef.current.length > maxHistory) {\r\n        historyRef.current = historyRef.current.slice(-maxHistory);\r\n        indexRef.current = historyRef.current.length - 1;\r\n      } else {\r\n        indexRef.current = historyRef.current.length - 1;\r\n      }\r\n\r\n      setValue(newValue);\r\n      onValueChange?.(newValue);\r\n    },\r\n    [maxHistory, onValueChange],\r\n  );\r\n\r\n  const undo = useCallback(() => {\r\n    if (indexRef.current <= 0) return;\r\n    indexRef.current -= 1;\r\n    const newValue = historyRef.current[indexRef.current];\r\n    setValue(newValue);\r\n    onValueChange?.(newValue);\r\n  }, [onValueChange]);\r\n\r\n  const redo = useCallback(() => {\r\n    if (indexRef.current >= historyRef.current.length - 1) return;\r\n    indexRef.current += 1;\r\n    const newVal = historyRef.current[indexRef.current];\r\n    setValue(newVal);\r\n  }, []);\r\n\r\n  const reset = useCallback(\r\n    (newValue: T) => {\r\n      historyRef.current = [newValue];\r\n      indexRef.current = 0;\r\n      setValue(newValue);\r\n      onValueChange?.(newValue);\r\n    },\r\n    [onValueChange],\r\n  );\r\n\r\n  const canUndo = indexRef.current > 0;\r\n  const canRedo = indexRef.current < historyRef.current.length - 1;\r\n\r\n  return {\r\n    value,\r\n    setValue,\r\n    push,\r\n    undo,\r\n    redo,\r\n    reset,\r\n    canUndo,\r\n    canRedo,\r\n    history: historyRef.current,\r\n    currentIndex: indexRef.current,\r\n  };\r\n}\r\n"]}