@splenddev/kreativ-core 0.1.12 → 0.1.13

package/dist/{chunk-JIJ42ZVR.js → chunk-G2EVGZLH.js}

@@ -462,6 +462,19 @@ function resolveStyle(value) {
   return cssToClass(value);
 }
 
-export { composeRefs, createComponent, createFromProps, cssToClass, deepMerge, hasKuiMeta, hashStyle, injectStyle, isMotionGated, isResponsiveValue, kebabCase, mergeResponsiveValue, registerStyle, requireProvider, resolveResponsiveValue, resolveSemanticTokenReferences, resolveStyle, resolveToken, resolveTokenReference, resolveTokens, resolveTypography, serializeStyle, styleRegistry, toKebabCase, toResponsiveClasses, tokensToCssVars, useValidateChildren, warnOnFlatCompoundConflict };
-//# sourceMappingURL=chunk-JIJ42ZVR.js.map
-//# sourceMappingURL=chunk-JIJ42ZVR.js.map
+// src/utils/resolveFontSize.ts
+function resolveFontSize(value, typography, tokens) {
+  if (typeof value !== "string") {
+    return resolveTokenReference(value, tokens);
+  }
+  const match = value.match(/^\{typography\.(.+)\}$/);
+  if (!match || match[1] === void 0) {
+    return resolveTokenReference(value, tokens);
+  }
+  const preset = typography[match[1]];
+  return resolveTokenReference(preset?.fontSize, tokens);
+}
+
+export { composeRefs, createComponent, createFromProps, cssToClass, deepMerge, hasKuiMeta, hashStyle, injectStyle, isMotionGated, isResponsiveValue, kebabCase, mergeResponsiveValue, registerStyle, requireProvider, resolveFontSize, resolveResponsiveValue, resolveSemanticTokenReferences, resolveStyle, resolveToken, resolveTokenReference, resolveTokens, resolveTypography, serializeStyle, styleRegistry, toKebabCase, toResponsiveClasses, tokensToCssVars, useValidateChildren, warnOnFlatCompoundConflict };
+//# sourceMappingURL=chunk-G2EVGZLH.js.map
+//# sourceMappingURL=chunk-G2EVGZLH.js.map

package/dist/chunk-G2EVGZLH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/createComponent.tsx","../src/utils/composeRefs.ts","../src/utils/createFromProps.ts","../src/utils/responsive.ts","../src/utils/deepMerge.ts","../src/utils/resolveTokenReference.ts","../src/utils/resolveTypography.ts","../src/utils/cssVariables.ts","../src/utils/warnOnFlatCompoundConflict.ts","../src/utils/atomicStyle.ts","../src/utils/resolveFontSize.ts"],"names":["value","resolveValue","React2"],"mappings":"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","file":"chunk-G2EVGZLH.js","sourcesContent":["import * as React from \"react\";\nimport { MotionGatedProps } from \"..\";\n\n/**\n * Describes the common states a component can support.\n *\n * These flags are used by Kreativ UI to communicate states such as\n * disabled, invalid, and required to consumers and supporting utilities.\n *\n * Additional state flags may be added by components when needed.\n */\nexport interface KuiSupports {\n  disabled?: boolean;\n  invalid?: boolean;\n  required?: boolean;\n  [key: string]: boolean | undefined;\n}\n\n/**\n * Describes the visual shape a component should use when represented\n * as a skeleton.\n *\n * Custom string values can be used when a component needs a specialized\n * skeleton representation.\n */\nexport type KuiSkeletonHint =\n  | \"text\"\n  | \"rect\"\n  | \"circle\"\n  | \"input-shaped\"\n  | \"preserve\"\n  | (string & {});\n\n/**\n * Identifies the primary purpose of a component.\n *\n * The role helps Kreativ UI and supporting tools understand how a\n * component behaves and how it should be treated in different contexts.\n */\nexport type KuiRole =\n  | \"action\"\n  | \"formControl\"\n  | \"overlay\"\n  | \"layout\"\n  | \"display\"\n  | \"disclosure\"\n  | \"navigation\"\n  | (string & {});\n\n/**\n * Interaction states that can be represented by a component.\n */\nexport type KuiInteractionState = \"hover\" | \"focus\" | \"pressed\";\n\n/**\n * Describes how a component can participate in Kreativ Forge.\n *\n * Components can optionally provide this metadata to enable video\n * editing and animation support without requiring Forge as a dependency.\n */\nexport interface KuiVideoMeta<P> {\n  /**\n   * Stable identifier used to reference the component in Forge projects.\n   */\n  id: string;\n\n  /**\n   * Indicates whether Forge can safely control and render the component.\n   *\n   * Components marked as unsafe are excluded from Forge's interactive\n   * component controls.\n   */\n  safe: boolean;\n\n  /**\n   * Indicates whether the component can contain other Forge elements.\n   */\n  acceptsChildren?: boolean;\n\n  /**\n   * Indicates that the component depends on context provided by\n   * an ancestor component.\n   */\n  needsParentContext?: boolean;\n\n  /**\n   * Identifies props that can reference project assets.\n   *\n   * Forge uses these declarations to provide the appropriate asset\n   * selection and resolution behavior.\n   */\n  assetProps?: Record<\n    string,\n    \"image\" | \"video\" | \"audio\" | \"font\" | \"snippet\" | \"icon\"\n  >;\n\n  /**\n   * Lists props whose values can be controlled by Forge.\n   */\n  controlled?: Array<keyof P>;\n\n  /**\n   * Specifies which interaction states Forge can represent for the component.\n   */\n  interactionStates?: KuiInteractionState[];\n\n  /**\n   * Indicates the component's motion is gated by Forge at render-start\n   * (timers/transitions/uncontrolled animation disabled during render),\n   * rather than driven as a per-frame controlled prop. Components marked\n   * `safe: true` must honor this gate.\n   */\n  motionGated?: boolean;\n}\n\n/**\n * Metadata describing a Kreativ UI component's capabilities and behavior.\n *\n * This metadata is attached to components and can be used by Kreativ UI,\n * development tools, and integrations such as Kreativ Forge.\n */\nexport interface KuiMeta<P = any> {\n  /**\n   * Identifies whether the component is a single or compound form control.\n   */\n  formControl?: \"single\" | \"compound\";\n\n  /**\n   * Describes the states supported by the component.\n   */\n  supports?: KuiSupports;\n\n  /**\n   * Defines the skeleton representation used while the component loads.\n   */\n  skeleton?: KuiSkeletonHint;\n\n  /**\n   * Identifies the component's primary role.\n   */\n  role?: KuiRole;\n\n  /**\n   * Identifies the component's slot when it participates in a compound component.\n   */\n  groupSlot?: string;\n\n  /**\n   * Optional Kreativ Forge integration metadata.\n   */\n  video?: KuiVideoMeta<P>;\n\n  /**\n   * Allowlist of props exposed in Forge's Properties tab, with the\n   * synthesized-group each belongs to.\n   */\n  editableProps?: Array<{\n    prop: keyof P;\n    group: string;\n    label?: string;\n  }>;\n\n  /**\n   * Declares which prop resolves typography (via Kui's `resolveTypography`),\n   * letting Forge synthesize a Typography group wired to that prop.\n   */\n  typographyProp?: {\n    prop: keyof P;\n    allowedPresets?: string[] | \"all\";\n    allowCustom?: boolean;\n    allowTokenReferences?: boolean;\n    customFields?: {\n      fontFamily?: boolean;\n      fontSize?: boolean;\n      fontWeight?: boolean;\n      lineHeight?: boolean;\n      letterSpacing?: boolean;\n    };\n  };\n\n  /**\n   * Declares which prop resolves a semantic color token, letting Forge\n   * synthesize a Color group wired to that prop.\n   */\n  colorProp?: {\n    prop: keyof P;\n    allowedTokens?: string[] | \"all\";\n  };\n\n  /**\n   * Declares which prop resolves a size-scale token, letting Forge\n   * synthesize a Size group wired to that prop.\n   */\n  sizeProp?: {\n    prop: keyof P;\n    allowedSizes?: string[] | \"all\";\n  };\n}\n\n/**\n * A Kreativ UI component created with `createComponent`.\n *\n * In addition to normal React component behavior, Kreativ UI components\n * expose metadata describing their capabilities and role.\n */\nexport type KuiComponent<P, E> = React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<P> & React.RefAttributes<E>\n> & {\n  __kui: KuiMeta<P>;\n\n  /**\n   * Describes a provider required by the component.\n   */\n  providerRequired?: KuiProviderRequirement;\n};\n\n/**\n * Configuration used to create a Kreativ UI component.\n */\nexport interface CreateComponentConfig<P, E> {\n  /**\n   * Metadata describing the component's capabilities and behavior.\n   */\n  __kui: KuiMeta<P>;\n\n  /**\n   * Renders the component and receives its forwarded ref.\n   */\n  render: (props: P, ref: React.ForwardedRef<E>) => React.ReactElement | null;\n\n  /**\n   * Optional name used when displaying the component in development tools.\n   */\n  displayName?: string;\n}\n\n/**\n * Creates a Kreativ UI component with forwarded-ref support and\n * Kreativ UI metadata.\n *\n * @param config Component rendering function and metadata.\n * @returns A React component with Kreativ UI metadata attached.\n */\nexport function createComponent<P extends object, E = unknown>(\n  config: CreateComponentConfig<P, E>,\n): KuiComponent<P, E> {\n  const C = React.forwardRef(\n    config.render as unknown as React.ForwardRefRenderFunction<E, any>,\n  ) as unknown as KuiComponent<P, E>;\n\n  if (config.displayName) C.displayName = config.displayName;\n\n  C.__kui = config.__kui;\n  return C;\n}\n\n/**\n * Checks whether a value is a Kreativ UI component with component metadata.\n *\n * Useful when working with component types dynamically, such as when\n * inspecting children of compound components.\n *\n * @param value Value to inspect.\n * @returns `true` when the value contains valid Kreativ UI metadata.\n */\nexport function hasKuiMeta(value: unknown): value is { __kui: KuiMeta } {\n  return (\n    (typeof value === \"function\" ||\n      (typeof value === \"object\" && value !== null)) &&\n    \"__kui\" in (value as object) &&\n    typeof (value as { __kui: unknown }).__kui === \"object\" &&\n    (value as { __kui: unknown }).__kui !== null\n  );\n}\n\n/**\n * Lists the provider families available to Kreativ UI components.\n *\n * `controlled` is the provider state a child may declare via\n * `requireProvider`, not Forge `video.controlled` (that list is keyof props).\n */\nexport interface KuiProviderRegistry {\n  \"Popover.Root\": { controlled: \"open\" };\n  \"Menu.Root\": { controlled: \"open\" };\n  \"Form.Root\": { controlled: \"values\" };\n  \"FormField.Root\": { controlled: \"invalid\" };\n  \"Select.Root\": { controlled: \"value\" | \"open\" };\n}\n\n/**\n * Describes a provider that a component requires from its parent tree.\n */\nexport interface KuiProviderRequirement<\n  C extends keyof KuiProviderRegistry = keyof KuiProviderRegistry,\n> {\n  /**\n   * Identifies the provider component that must be present.\n   */\n  component: C;\n\n  /**\n   * Human-readable description of the provider requirement.\n   */\n  label: string;\n\n  /**\n   * Lists provider state values that can be controlled by the parent provider.\n   */\n  controlled?: Array<KuiProviderRegistry[C][\"controlled\"]>;\n}\n\n/**\n * Declares that a component requires a specific provider ancestor.\n *\n * Use this when a component is intended to be rendered as part of a\n * provider-based component such as Popover or Menu.\n *\n * @param component Provider component that must be present (e.g. \"Popover.Root\").\n * @param opts Provider requirement details (label, controlled state).\n * @returns A requirement descriptor; attach it via `component.providerRequired = ...`\n * or pass the target component separately depending on call site.\n */\nexport function requireProvider<C extends keyof KuiProviderRegistry>(\n  component: C,\n  opts: Omit<KuiProviderRequirement<C>, \"component\">,\n): KuiProviderRequirement<C> {\n  return { component, ...opts };\n}\n\n/**\n * Defines the child roles and slots accepted by a compound component.\n */\nexport interface KuiChildrenRegistry {\n  ButtonGroup: { roles: [\"action\"]; slots: [\"ButtonGroup\"] };\n  List: { roles: []; slots: [\"List\"] };\n  Card:{roles:[\"layout\"];slots:[\"Card\"]}\n}\n\n/**\n * Validates the direct children of a compound component during development.\n *\n * Unexpected children produce a development warning. Validation is skipped\n * in production builds.\n *\n * @param parentKey Compound component whose children are being validated.\n * @param children Children passed to the compound component.\n */\nexport function useValidateChildren<K extends keyof KuiChildrenRegistry>(\n  parentKey: K,\n  children: React.ReactNode,\n): void {\n  if (process.env.NODE_ENV === \"production\") return;\n\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return;\n\n    const type = child.type;\n\n    if (!hasKuiMeta(type)) return;\n\n    const meta = (type as { __kui: KuiMeta }).__kui;\n\n    const allowedRoles: readonly string[] =\n      KUI_CHILDREN_REGISTRY_ALLOWED[parentKey]?.roles ?? [];\n\n    const allowedSlots: readonly string[] =\n      KUI_CHILDREN_REGISTRY_ALLOWED[parentKey]?.slots ?? [];\n\n    const roleOk = meta.role ? allowedRoles.includes(meta.role) : false;\n\n    const slotOk = meta.groupSlot\n      ? allowedSlots.includes(meta.groupSlot)\n      : false;\n\n    if (!roleOk && !slotOk) {\n      const name =\n        (type as { displayName?: string }).displayName ?? \"component\";\n\n      console.warn(\n        `[kreativ-core] ${String(parentKey)} received an unexpected child \"${name}\" ` +\n          `(role: ${meta.role ?? \"none\"}, groupSlot: ${meta.groupSlot ?? \"none\"}). ` +\n          `Expected role in [${allowedRoles.join(\", \")}] or groupSlot in [${allowedSlots.join(\", \")}].`,\n      );\n    }\n  });\n}\n\nconst KUI_CHILDREN_REGISTRY_ALLOWED = {\n  ButtonGroup: { roles: [\"action\"], slots: [\"ButtonGroup\"] },\n  List: { roles: [], slots: [\"List\"] },\n  Card: { roles: [\"layout\"], slots: [\"Card\"] },\n} satisfies {\n  [K in keyof KuiChildrenRegistry]: {\n    roles: KuiChildrenRegistry[K][\"roles\"];\n    slots: KuiChildrenRegistry[K][\"slots\"];\n  };\n};\n\nexport function isMotionGated(props: MotionGatedProps): boolean {\n  return (\n    props[\"data-kui-motion-gated\"] === true ||\n    props[\"data-kui-motion-gated\"] === \"true\"\n  );\n}","import type * as React from \"react\";\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\nexport function composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n  return (node) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) (ref as React.MutableRefObject<T | null>).current = node;\n    }\n  };\n}\n","export interface CreateFromPropsInput<T extends object> {\n  providerDefaults?: Partial<T>;\n  defaultProps?: Partial<T>;\n  generatedProps?: Partial<T>;\n  consumerProps?: Partial<T>;\n}\nexport function createFromProps<T extends object>(input: CreateFromPropsInput<T>): T {\n  return {\n    ...input.providerDefaults,\n    ...input.defaultProps,\n    ...input.generatedProps,\n    ...input.consumerProps,\n  } as T;\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","function isPlainObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nexport function deepMerge<T>(base: T, override?: unknown): T {\n  if (override === undefined) {\n    return base;\n  }\n\n  if (!isPlainObject(base) || !isPlainObject(override)) {\n    return override as T;\n  }\n\n  const result: Record<string, unknown> = {\n    ...base,\n  };\n\n  for (const [key, value] of Object.entries(override)) {\n    const existing = result[key];\n\n    if (isPlainObject(existing) && isPlainObject(value)) {\n      result[key] = deepMerge(existing, value);\n    } else {\n      result[key] = value;\n    }\n  }\n\n  return result as T;\n}\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 type {\r\n  DesignTokens,\r\n  ResolvedTokens,\r\n  SemanticTokens,\r\n  TokenDefinition,\r\n} from \"@/types\";\r\n\r\nexport function toKebabCase(str: string): string {\r\n  return str.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\r\n}\r\nfunction colorToRgbChannels(value: string): string {\r\n  const trimmed = value.trim();\r\n\r\n  const rgbMatch = trimmed.match(\r\n    /^rgba?\\(\\s*(\\d+(?:\\.\\d+)?)\\s*[,\\s]\\s*(\\d+(?:\\.\\d+)?)\\s*[,\\s]\\s*(\\d+(?:\\.\\d+)?)(?:\\s*[/,]\\s*[\\d.]+%?)?\\s*\\)$/i,\r\n  );\r\n\r\n  if (rgbMatch) {\r\n    return `${rgbMatch[1]} ${rgbMatch[2]} ${rgbMatch[3]}`;\r\n  }\r\n\r\n  if (trimmed.startsWith(\"#\")) {\r\n    const hex = trimmed.slice(1);\r\n\r\n   if (hex.length === 3) {\r\n     const r = parseInt(hex.slice(0, 1).repeat(2), 16);\r\n     const g = parseInt(hex.slice(1, 2).repeat(2), 16);\r\n     const b = parseInt(hex.slice(2, 3).repeat(2), 16);\r\n\r\n     return `${r} ${g} ${b}`;\r\n   }\r\n\r\n    if (hex.length === 6) {\r\n      const r = parseInt(hex.slice(0, 2), 16);\r\n      const g = parseInt(hex.slice(2, 4), 16);\r\n      const b = parseInt(hex.slice(4, 6), 16);\r\n\r\n      return `${r} ${g} ${b}`;\r\n    }\r\n  }\r\n\r\n  if (/^\\d+(?:\\.\\d+)?\\s+\\d+(?:\\.\\d+)?\\s+\\d+(?:\\.\\d+)?$/.test(trimmed)) {\r\n    return trimmed;\r\n  }\r\n\r\n  return value;\r\n}\r\n\r\nfunction getTokenValue(\r\n  reference: string,\r\n  tokens: DesignTokens,\r\n): string | number | undefined {\r\n  const path = reference.replace(/^\\{/, \"\").replace(/\\}$/, \"\").split(\".\");\r\n\r\n  let current: unknown = tokens;\r\n\r\n  for (const segment of path) {\r\n    if (\r\n      typeof current !== \"object\" ||\r\n      current === null ||\r\n      !(segment in current)\r\n    ) {\r\n      return undefined;\r\n    }\r\n\r\n    current = (current as Record<string, unknown>)[segment];\r\n  }\r\n\r\n  if (typeof current === \"object\" && current !== null && \"value\" in current) {\r\n    const value = (current as TokenDefinition).value;\r\n\r\n    if (typeof value === \"string\" || typeof value === \"number\") {\r\n      return value;\r\n    }\r\n  }\r\n\r\n  return undefined;\r\n}\r\n\r\nfunction resolveReference(\r\n  reference: string,\r\n  tokens: DesignTokens,\r\n  seen = new Set<string>(),\r\n): string | undefined {\r\n  if (seen.has(reference)) {\r\n    console.error(\r\n      `[kreativ-core] Circular token reference detected: ${reference}`,\r\n    );\r\n\r\n    return undefined;\r\n  }\r\n\r\n  const nextSeen = new Set(seen);\r\n  nextSeen.add(reference);\r\n\r\n  const value = getTokenValue(reference, tokens);\r\n\r\n  if (value === undefined) {\r\n    console.warn(\r\n      `[kreativ-core] Unable to resolve token reference: ${reference}`,\r\n    );\r\n\r\n    return undefined;\r\n  }\r\n\r\n  if (typeof value === \"number\") {\r\n    return String(value);\r\n  }\r\n\r\n  if (value.startsWith(\"{\") && value.endsWith(\"}\")) {\r\n    return resolveReference(value, tokens, nextSeen);\r\n  }\r\n\r\n  return value;\r\n}\r\n\r\nfunction resolveValue(\r\n  value: unknown,\r\n  tokens: DesignTokens,\r\n): string | undefined {\r\n  if (typeof value === \"number\") {\r\n    return String(value);\r\n  }\r\n\r\n  if (typeof value !== \"string\") {\r\n    return undefined;\r\n  }\r\n\r\n  if (value.startsWith(\"{\") && value.endsWith(\"}\")) {\r\n    return resolveReference(value, tokens);\r\n  }\r\n\r\n  return value;\r\n}\r\n\r\nfunction flattenTokens(\r\n  value: unknown,\r\n  path: string[],\r\n  result: ResolvedTokens,\r\n  tokens: DesignTokens,\r\n): void {\r\n  if (typeof value !== \"object\" || value === null) {\r\n    return;\r\n  }\r\n\r\n  if (\"value\" in value) {\r\n    const tokenValue = (value as TokenDefinition).value;\r\n\r\n    const resolved = resolveValue(tokenValue, tokens);\r\n\r\n    if (resolved !== undefined) {\r\n      result[path.join(\".\")] = resolved;\r\n    }\r\n\r\n    return;\r\n  }\r\n\r\n  for (const [key, child] of Object.entries(value as Record<string, unknown>)) {\r\n    flattenTokens(child, [...path, key], result, tokens);\r\n  }\r\n}\r\n\r\nfunction resolveSemanticValue(\r\n  value: unknown,\r\n  mode: \"light\" | \"dark\",\r\n  tokens: DesignTokens,\r\n): string | undefined {\r\n  if (\r\n    typeof value === \"object\" &&\r\n    value !== null &&\r\n    \"light\" in value &&\r\n    \"dark\" in value\r\n  ) {\r\n    const modeValue = (\r\n      value as {\r\n        light: unknown;\r\n        dark: unknown;\r\n      }\r\n    )[mode];\r\n\r\n    return resolveValue(modeValue, tokens);\r\n  }\r\n\r\n  return resolveValue(value, tokens);\r\n}\r\n\r\nfunction resolveSemanticTokens(\r\n  semanticTokens: SemanticTokens,\r\n  tokens: DesignTokens,\r\n  mode: \"light\" | \"dark\",\r\n): ResolvedTokens {\r\n  const result: ResolvedTokens = {};\r\n\r\n  function walk(value: unknown, path: string[]): void {\r\n    if (typeof value !== \"object\" || value === null) {\r\n      return;\r\n    }\r\n\r\n    if (\"value\" in value) {\r\n      const semanticValue = (value as TokenDefinition).value;\r\n\r\n      const resolved = resolveSemanticValue(semanticValue, mode, tokens);\r\n\r\n      if (resolved !== undefined) {\r\n        result[path.join(\".\")] = resolved;\r\n      }\r\n\r\n      return;\r\n    }\r\n\r\n    for (const [key, child] of Object.entries(\r\n      value as Record<string, unknown>,\r\n    )) {\r\n      walk(child, [...path, key]);\r\n    }\r\n  }\r\n\r\n  walk(semanticTokens, []);\r\n\r\n  return result;\r\n}\r\n\r\nexport function resolveTokens(\r\n  tokens: DesignTokens,\r\n  semanticTokens: SemanticTokens,\r\n  mode: \"light\" | \"dark\",\r\n): ResolvedTokens {\r\n  const primitiveTokens: ResolvedTokens = {};\r\n\r\n  flattenTokens(tokens, [], primitiveTokens, tokens);\r\n\r\n  const resolvedSemanticTokens = resolveSemanticTokens(\r\n    semanticTokens,\r\n    tokens,\r\n    mode,\r\n  );\r\n\r\n  return {\r\n    ...primitiveTokens,\r\n    ...resolvedSemanticTokens,\r\n  };\r\n}\r\n\r\nexport function resolveSemanticTokenReferences(\r\n  tokens: DesignTokens,\r\n  semanticTokens: SemanticTokens,\r\n): SemanticTokens {\r\n  function resolveValue(value: unknown, seen = new Set<string>()): unknown {\r\n    if (typeof value === \"string\") {\r\n      if (!value.startsWith(\"{\") || !value.endsWith(\"}\")) {\r\n        return value;\r\n      }\r\n\r\n      if (seen.has(value)) {\r\n        console.error(\r\n          `[kreativ-core] Circular token reference detected: ${value}`,\r\n        );\r\n\r\n        return value;\r\n      }\r\n\r\n      const resolved = getTokenValue(value, tokens);\r\n\r\n      if (resolved === undefined) {\r\n        console.warn(\r\n          `[kreativ-core] Unable to resolve token reference: ${value}`,\r\n        );\r\n\r\n        return value;\r\n      }\r\n\r\n      const nextSeen = new Set(seen);\r\n      nextSeen.add(value);\r\n\r\n      return resolveValue(resolved, nextSeen);\r\n    }\r\n\r\n    if (Array.isArray(value)) {\r\n      return value.map((item) => resolveValue(item, seen));\r\n    }\r\n\r\n    if (typeof value === \"object\" && value !== null) {\r\n      return Object.fromEntries(\r\n        Object.entries(value).map(([key, child]) => [\r\n          key,\r\n          resolveValue(child, seen),\r\n        ]),\r\n      );\r\n    }\r\n\r\n    return value;\r\n  }\r\n\r\n  return resolveValue(semanticTokens) as SemanticTokens;\r\n}\r\n\r\nexport function tokensToCssVars(\r\n  tokens: ResolvedTokens,\r\n  mode: \"light\" | \"dark\",\r\n  intensity: number,\r\n  prefix = \"kui\",\r\n): Record<string, string> {\r\n  const cssVars: Record<string, string> = {};\r\n\r\n  for (const [path, value] of Object.entries(tokens)) {\r\n    const parts = path.split(\".\");\r\n    const [_first = \"\", second = \"\"] = parts;\r\n\r\n    const isSemanticColor = parts.length === 2 && parts[0] === \"colors\";\r\n\r\n    const isPrimitiveColor = parts.length >= 3 && parts[0] === \"colors\";\r\n\r\n    const varName = isSemanticColor\r\n      ? `--${prefix}-${toKebabCase(second)}`\r\n      : `--${prefix}-${parts.map(toKebabCase).join(\"-\")}`;\r\n\r\n    const outputValue =\r\n      isSemanticColor || isPrimitiveColor ? colorToRgbChannels(value) : value;\r\n\r\n    cssVars[varName] = outputValue;\r\n  }\r\n\r\n  return {\r\n    ...cssVars,\r\n\r\n    [`--${prefix}-mode`]: mode,\r\n    [`--${prefix}-intensity`]: String(intensity),\r\n  };\r\n}\r\n","import * as React from \"react\";\n\nexport interface WarnOnFlatCompoundConflictOptions {\n  /** The flat prop's value (or undefined/falsy if unset). */\n  flatValue: unknown;\n  /**\n   * Override for legitimately-falsy boolean flat props (e.g. a flat\n   * `open={false}` is still \"set\" and should be checked for conflict) —\n   * when provided, this takes precedence over checking flatValue's truthiness.\n   */\n  hasFlatValue?: boolean;\n  children: React.ReactNode;\n  /** The compound part's component reference to match against, e.g. FormField.Label */\n  matchType: React.ElementType;\n  componentName: string;\n  propName: string;\n  childName: string;\n}\n\n/**\n * Detects whether a flat prop (sugar for one specific named compound\n * part) and that same named child are both present in the same\n * render. Scoped ONLY to this named-flat-prop-vs-named-child\n * conflict — not the general flat-vs-compound API style choice\n * (e.g. Slider's flat-or-compound, which has no such conflict since\n * the two are mutually exclusive paths with no simultaneous-use case).\n *\n * Returns true when the matching named child is present, meaning the\n * caller should suppress its flat-prop-derived rendering and let the\n * explicit child win. Warns in dev when BOTH the flat prop and the\n * child are present, since that's very likely an authoring mistake.\n */\nexport function warnOnFlatCompoundConflict({\n  flatValue,\n  hasFlatValue,\n  children,\n  matchType,\n  componentName,\n  propName,\n  childName,\n}: WarnOnFlatCompoundConflictOptions): boolean {\n  const flatIsSet = hasFlatValue !== undefined ? hasFlatValue : Boolean(flatValue);\n\n  let childIsPresent = false;\n  React.Children.forEach(children, (child) => {\n    if (childIsPresent) return;\n    if (React.isValidElement(child) && child.type === matchType) {\n      childIsPresent = true;\n    }\n  });\n\n  if (flatIsSet && childIsPresent && process.env.NODE_ENV !== \"production\") {\n    console.warn(\n      `<${componentName}>: both the \\`${propName}\\` prop and a <${childName} /> child were provided. ` +\n        `The \\`${propName}\\` prop will be ignored in favor of the explicit <${childName} /> child. ` +\n        `Remove one of the two to resolve this warning.`\n    );\n  }\n\n  return childIsPresent;\n}\n","import { RecipeStyle, StyleObject, StyleValue } from \"@/types\";\r\n\r\n/**\r\n * Resolves a `{token.path}` reference to a CSS var() call. Any other value\r\n * passes through unchanged.\r\n *\r\n * \"{colors.brand.500}\" -> \"var(--kui-colors-brand-500)\"\r\n * \"1rem\"                -> \"1rem\" (passthrough)\r\n * 16                     -> 16 (passthrough)\r\n */\r\nexport function resolveToken(value: StyleValue): StyleValue {\r\n  if (typeof value !== \"string\") return value;\r\n\r\n  const match = /^\\{(.+)\\}$/.exec(value.trim());\r\n  if (!match || match[1] === undefined) return value;\r\n\r\n  const path = match[1].trim().replace(/\\./g, \"-\");\r\n  return `var(--kui-${path})`;\r\n}\r\n\r\n/**\r\n * Converts a camelCase CSS property name to kebab-case.\r\n * `\"backgroundColor\"` -> `\"background-color\"`\r\n */\r\nexport function kebabCase(prop: string): string {\r\n  return prop.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\r\n}\r\n\r\n/**\r\n * Serializes a StyleObject into a stable, sorted CSS declaration string.\r\n * Filters out null/undefined values, resolves token references, kebab-cases\r\n * property names, and sorts alphabetically by property name for a stable\r\n * hash regardless of key insertion order.\r\n */\r\nexport function serializeStyle(style: StyleObject): string {\r\n  return Object.entries(style)\r\n    .filter(([, value]) => value !== null && value !== undefined)\r\n    .map(([prop, value]) => [kebabCase(prop), resolveToken(value)] as const)\r\n    .sort(([a], [b]) => (a < b ? -1 : a > b ? 1 : 0))\r\n    .map(([prop, value]) => `${prop}:${value}`)\r\n    .join(\";\");\r\n}\r\n \r\nexport function hashStyle(input: string): string {\r\n  let hash = 5381;\r\n  for (let i = 0; i < input.length; i++) {\r\n    hash = ((hash * 33) ^ input.charCodeAt(i)) >>> 0;\r\n  }\r\n  return hash.toString(36);\r\n}\r\n \r\n \r\nconst STYLE_ELEMENT_ATTR = \"data-kui\";\r\n \r\nlet styleElement: HTMLStyleElement | null = null;\r\n \r\nfunction getStyleElement(): HTMLStyleElement | null {\r\n  if (typeof document === \"undefined\") return null;\r\n  if (styleElement && styleElement.isConnected) return styleElement;\r\n \r\n  const existing = document.querySelector<HTMLStyleElement>(\r\n    `style[${STYLE_ELEMENT_ATTR}]`,\r\n  );\r\n  if (existing) {\r\n    styleElement = existing;\r\n    return styleElement;\r\n  }\r\n \r\n  const el = document.createElement(\"style\");\r\n  el.setAttribute(STYLE_ELEMENT_ATTR, \"\");\r\n  document.head.appendChild(el);\r\n  styleElement = el;\r\n  return styleElement;\r\n}\r\n \r\n/**\r\n * Appends a raw CSS rule to the shared <style data-kui> tag.\r\n * No-ops in non-browser environments (document === undefined).\r\n */\r\nexport function injectStyle(className: string, declarations: string): void {\r\n  const el = getStyleElement();\r\n  if (!el) return;\r\n  el.appendChild(document.createTextNode(`.${className}{${declarations}}`));\r\n}\r\n \r\n/** Map-based dedup registry, keyed by generated class name. */\r\nexport const styleRegistry = new Map<string, true>();\r\n \r\n/**\r\n * Registers a class name's CSS if it hasn't been injected yet.\r\n * Safe to call repeatedly with the same className — only injects once.\r\n */\r\nexport function registerStyle(className: string, declarations: string): void {\r\n  if (styleRegistry.has(className)) return;\r\n  styleRegistry.set(className, true);\r\n  injectStyle(className, declarations);\r\n}\r\n \r\n \r\n/**\r\n * Serializes a StyleObject into CSS, hashes it into a stable `kui-<hash>`\r\n * class name, registers the backing rule (dedup'd), and returns the class\r\n * name for use in a className string.\r\n */\r\nexport function cssToClass(style: StyleObject): string {\r\n  const declarations = serializeStyle(style);\r\n  const className = `kui-${hashStyle(declarations)}`;\r\n  registerStyle(className, declarations);\r\n  return className;\r\n}\r\n \r\n\r\n \r\n/**\r\n * Resolves a single RecipeStyle value to a class-name-safe string.\r\n * Strings pass through unchanged; StyleObjects are routed through the\r\n * atomic-CSS pipeline and resolve to a generated class name.\r\n */\r\nexport function resolveStyle(value: RecipeStyle): string {\r\n  if (typeof value === \"string\") return value;\r\n  return cssToClass(value);\r\n}","import type { DesignTokens, Typography } from \"@/types\";\r\nimport { resolveTokenReference } from \"./resolveTokenReference\";\r\n\r\n/**\r\n * Resolves a SizeToken.fontSize value, which is a two-level reference:\r\n *\r\n *   SizeToken.fontSize -> \"{typography.sizeXs}\"  (typography preset name)\r\n *   TypographyStyle.fontSize -> \"{fontSizes.xs}\" (primitive token)\r\n *\r\n * resolveTokenReference alone can't do this in one call: it terminates\r\n * at a `{value}`-wrapped leaf or a raw primitive, and a typography\r\n * preset is neither (it's a plain object with fontFamily/fontSize/\r\n * fontWeight/lineHeight fields). So the first hop — typography preset\r\n * name -> preset object -> its own fontSize field — is done manually\r\n * here, and only the second hop (preset.fontSize -> primitive) goes\r\n * through resolveTokenReference, against `tokens` as usual.\r\n *\r\n * If `value` isn't a \"{typography.X}\" reference (unexpected, but\r\n * possible via a misconfigured theme), it falls back to resolving\r\n * directly against `tokens`, matching the old single-step behavior.\r\n */\r\nexport function resolveFontSize(\r\n  value: unknown,\r\n  typography: Typography,\r\n  tokens: DesignTokens,\r\n): string | number {\r\n  if (typeof value !== \"string\") {\r\n    return resolveTokenReference(value, tokens);\r\n  }\r\n\r\n  const match = value.match(/^\\{typography\\.(.+)\\}$/);\r\n\r\n  if (!match || match[1] === undefined) {\r\n    return resolveTokenReference(value, tokens);\r\n  }\r\n\r\n  const preset = (typography as Record<string, { fontSize?: unknown }>)[\r\n    match[1]\r\n  ];\r\n\r\n  return resolveTokenReference(preset?.fontSize, tokens);\r\n}\r\n"]}

package/dist/hooks/index.d.ts

@@ -154,6 +154,8 @@ declare function useSizeStyle(size: ResponsiveValue<string>, iconOnly?: boolean,
  *
  * All token values are passed through `resolveTokenReference`, so token
  * aliases like `"{spacing.4}"` are expanded to their concrete value.
+ * `fontSize` is the one exception: it's a reference into `typography`,
+ * not `tokens` directly, and is resolved via `resolveFontSize`.
  *
  * @param size - Size name or responsive size object to resolve.
  * @returns The full resolved {@link SizeToken} for the requested size.

package/dist/hooks/index.js

@@ -1,5 +1,5 @@
 import { ThemeContext, useTheme } from '../chunk-5CYSF7C3.js';
-import { isResponsiveValue, resolveTypography, resolveTokenReference, resolveResponsiveValue } from '../chunk-JIJ42ZVR.js';
+import { isResponsiveValue, resolveTypography, resolveTokenReference, resolveFontSize, resolveResponsiveValue } from '../chunk-G2EVGZLH.js';
 import * as React from 'react';
 import { useState, useEffect, useContext, useMemo, useId, useRef, useCallback } from 'react';
 
@@ -157,7 +157,9 @@ function useSizeStyle(size, iconOnly = false, componentName = "component", optio
   return useMemo(() => {
     const scale = theme.sizes;
     const tokens = theme.tokens;
+    const typography = theme.typography;
     const resolveValue = (value) => String(resolveTokenReference(value, tokens));
+    const resolveFont = (value) => String(resolveFontSize(value, typography, tokens));
     const resolveToken = (sizeName) => scale[sizeName] ?? scale[fallbackSize] ?? Object.values(scale)[0] ?? {};
     const buildStyle = (sizeName) => {
       const token2 = resolveToken(sizeName);
@@ -166,7 +168,7 @@ function useSizeStyle(size, iconOnly = false, componentName = "component", optio
       const width = resolveValue(token2.width);
       const paddingX = resolveValue(token2.paddingX);
       const paddingY = resolveValue(token2.paddingY);
-      const fontSize = resolveValue(token2.fontSize);
+      const fontSize = resolveFont(token2.fontSize);
       const gap = resolveValue(token2.gap);
       const radius = resolveValue(token2.radius);
       if (includeHeight && height) {
@@ -205,7 +207,7 @@ function useSizeStyle(size, iconOnly = false, componentName = "component", optio
       return {
         style,
         iconSize: resolveValue(token2.iconSize),
-        fontSize: applySizeOffset(resolveValue(token2.fontSize), fontSizeOffset),
+        fontSize: applySizeOffset(resolveFont(token2.fontSize), fontSizeOffset),
         gap: resolveValue(token2.gap)
       };
     }
@@ -223,7 +225,7 @@ function useSizeStyle(size, iconOnly = false, componentName = "component", optio
       style: {},
       responsiveStyles,
       iconSize: resolveValue(token.iconSize),
-      fontSize: applySizeOffset(resolveValue(token.fontSize), fontSizeOffset),
+      fontSize: applySizeOffset(resolveFont(token.fontSize), fontSizeOffset),
       gap: resolveValue(token.gap)
     };
   }, [
@@ -253,17 +255,18 @@ function useSizeToken(size, key, offset) {
   return useMemo(() => {
     const scale = theme.sizes;
     const tokens = theme.tokens;
+    const typography = theme.typography;
     const baseSize = isResponsiveValue(size) ? size.base ?? fallbackSize : size;
     const token = scale[baseSize] ?? scale[fallbackSize] ?? Object.values(scale)[0] ?? {};
-    const resolve = (value) => value == null ? value : resolveTokenReference(value, tokens);
+    const resolve = (value, field) => field === "fontSize" ? resolveFontSize(value, typography, tokens) : value == null ? value : resolveTokenReference(value, tokens);
     if (!key) {
       const resolved = Object.fromEntries(
-        Object.entries(token).map(([k, v]) => [k, resolve(v)])
+        Object.entries(token).map(([k, v]) => [k, resolve(v, k)])
       );
       return resolved;
     }
     return applyOffset(
-      resolve(token[key]),
+      resolve(token[key], key),
       offset
     );
   }, [theme, size, fallbackSize, key, offset]);

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useBreakpoint.ts","../../src/hooks/useColorMode.ts","../../src/hooks/useControllableState.ts","../../src/hooks/useMergedResponsiveStyles.ts","../../src/hooks/useResponsiveStyles.ts","../../src/hooks/useSizeStyle.ts","../../src/hooks/useSizeToken.ts","../../src/hooks/useSizes.ts","../../src/hooks/useTypography.ts","../../src/hooks/useUndoRedo.ts"],"names":["useMemo","token","useState","useRef","useCallback"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\";\r\n\r\nimport { BaseBreakpoint } from \"@/types\";\r\nimport { useEffect, useState } from \"react\";\r\n\r\nconst BREAKPOINTS: Record<BaseBreakpoint, number> = {\r\n  sm: 640,\r\n  md: 768,\r\n  lg: 1024,\r\n  xl: 1280,\r\n  \"2xl\": 1536,\r\n};\r\n\r\nexport function useBreakpoint(breakpoint: BaseBreakpoint): 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","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","\"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\";\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\n/**\n * Options for {@link useSizeStyle}.\n */\nexport interface UseSizeStyleOptions {\n  /**\n   * Include `height` in the resolved style.\n   * @default true\n   */\n  includeHeight?: boolean;\n\n  /**\n   * Include `width` in the resolved style.\n   *\n   * When enabled, width is derived from the token's own `width` if\n   * `iconOnly` is set, otherwise from the token's `height`.\n   * @default false\n   */\n  includeWidth?: boolean;\n\n  /**\n   * Force `width` to mirror `height`, even when not in icon-only mode.\n   * @default false\n   */\n  widthFromHeight?: boolean;\n\n  /**\n   * CSS length subtracted from the resolved `height` / `width`\n   * (e.g. `\"2px\"`). Applied via `calc(...)`.\n   */\n  sizeOffset?: string;\n\n  /**\n   * CSS length subtracted from the resolved `fontSize`.\n   * Applied via `calc(...)`.\n   */\n  fontSizeOffset?: string;\n}\n\n/**\n * Result of {@link useSizeStyle}.\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  /** Resolved icon size, if defined on the token. */\n  iconSize?: CSSProperties[\"width\"];\n\n  /** Resolved font size, after applying `fontSizeOffset`. */\n  fontSize?: CSSProperties[\"fontSize\"];\n\n  /** Resolved gap between child elements. */\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\nimport type { DesignTokens } from \"@/types\";\nimport { resolveTokenReference } from \"@/utils\";\n\n/**\n * Builds size-related inline styles from a theme size token.\n *\n * Accepts either a plain size name (e.g. `\"md\"`) or a responsive value\n * (e.g. `{ base: \"sm\", lg: \"md\" }`). All token values are expanded through\n * `resolveTokenReference`, so aliases like `\"{spacing.4}\"` become concrete\n * values.\n *\n * Behavior notes:\n * - Padding is skipped when `iconOnly` is `true`.\n * - `gap` is forced to `0` when `iconOnly` is `true`.\n * - The token's `radius` is exposed as the CSS variable\n *   `--kui-<componentName>-radius` so consumers can reuse it in CSS.\n * - For responsive inputs, breakpoint styles are returned in\n *   `responsiveStyles` and `style` stays empty.\n *\n * @param size - Size name or responsive size object to resolve.\n * @param iconOnly - When `true`, applies icon-specific sizing (square,\n *   no horizontal padding, no gap).\n * @param componentName - Namespace used for generated CSS variables.\n * @param options - See {@link UseSizeStyleOptions}.\n * @returns A {@link ResolvedSize} containing inline and/or responsive styles.\n *\n * @example\n * ```ts\n * const { style } = useSizeStyle(\"md\");\n * // <button style={style} />\n * ```\n *\n * @example\n * ```ts\n * const { responsiveStyles } = useSizeStyle(\n *   { base: \"sm\", lg: \"md\" },\n *   false,\n *   \"button\",\n *   { includeWidth: true, sizeOffset: \"2px\" },\n * );\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    const tokens = theme.tokens as unknown as DesignTokens;\n\n    const resolveValue = (value: unknown) =>\n      String(resolveTokenReference(value, tokens));\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      const height = resolveValue(token.height);\n      const width = resolveValue(token.width);\n      const paddingX = resolveValue(token.paddingX);\n      const paddingY = resolveValue(token.paddingY);\n      const fontSize = resolveValue(token.fontSize);\n      const gap = resolveValue(token.gap);\n      const radius = resolveValue(token.radius);\n\n      if (includeHeight && height) {\n        style.height = applySizeOffset(height, sizeOffset);\n      }\n\n      if (includeWidth) {\n        if (iconOnly && width) {\n          style.width = applySizeOffset(width, sizeOffset);\n        } else if ((iconOnly || widthFromHeight) && includeHeight && height) {\n          style.width = applySizeOffset(height, sizeOffset);\n        }\n      }\n\n      if (!iconOnly && paddingX) {\n        style.paddingLeft = paddingX;\n        style.paddingRight = paddingX;\n      }\n\n      if (paddingY) {\n        style.paddingTop = paddingY;\n        style.paddingBottom = paddingY;\n      }\n\n      if (fontSize) {\n        style.fontSize = applySizeOffset(fontSize, fontSizeOffset);\n      }\n\n      if (gap) {\n        style.gap = iconOnly ? 0 : gap;\n      }\n\n      if (radius) {\n        const varName = `--kui-${componentName}-radius` as `--kui-${string}`;\n        style[varName] = 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: resolveValue(token.iconSize),\n        fontSize: applySizeOffset(resolveValue(token.fontSize), fontSizeOffset),\n        gap: resolveValue(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: resolveValue(token.iconSize),\n      fontSize: applySizeOffset(resolveValue(token.fontSize), fontSizeOffset),\n      gap: resolveValue(token.gap),\n    };\n  }, [\n    theme,\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, DesignTokens } from \"@/types\";\r\n\r\nimport { useMemo } from \"react\";\r\nimport { useTheme } from \"@/provider/useTheme\";\r\nimport { isResponsiveValue } from \"@/utils/responsive\";\r\nimport { resolveTokenReference } from \"@/utils/resolveTokenReference\";\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\n/**\r\n * Resolves a size token from the active theme.\r\n *\r\n * Accepts either a plain size name (e.g. `\"md\"`) or a responsive value\r\n * (e.g. `{ base: \"md\", lg: \"xl\" }`). When a responsive object is passed,\r\n * the `base` key is used, falling back to the theme's `fallbackSize`.\r\n *\r\n * All token values are passed through `resolveTokenReference`, so token\r\n * aliases like `\"{spacing.4}\"` are expanded to their concrete value.\r\n *\r\n * @param size - Size name or responsive size object to resolve.\r\n * @returns The full resolved {@link SizeToken} for the requested size.\r\n *\r\n * @example\r\n * ```ts\r\n * const token = useSizeToken(\"md\");\r\n * // { height: \"40px\", paddingX: \"16px\", fontSize: \"14px\", ... }\r\n * ```\r\n *\r\n * @example\r\n * ```ts\r\n * const token = useSizeToken({ base: \"sm\", lg: \"md\" });\r\n * ```\r\n */\r\nexport function useSizeToken(size: ResponsiveValue<string>): SizeToken;\r\n\r\n/**\r\n * Resolves a single value from a size token.\r\n *\r\n * Like the object overload, this accepts a plain or responsive size name and\r\n * expands token references. When `offset` is provided, the resolved value is\r\n * wrapped in a `calc(...)` expression subtracting the offset — useful for\r\n * trimming sizes without redefining a token.\r\n *\r\n * @typeParam K - The key of {@link SizeToken} to read (e.g. `\"height\"`, `\"fontSize\"`).\r\n * @param size - Size name or responsive size object to resolve.\r\n * @param key - The token field to read.\r\n * @param offset - Optional CSS length to subtract from the resolved value.\r\n * @returns The resolved (and optionally offset) token field.\r\n *\r\n * @example\r\n * ```ts\r\n * const height = useSizeToken(\"md\", \"height\");\r\n * // \"40px\"\r\n *\r\n * const height = useSizeToken(\"md\", \"height\", \"4px\");\r\n * // \"calc(40px - 4px)\"\r\n * ```\r\n *\r\n * @example\r\n * ```ts\r\n * const fontSize = useSizeToken({ base: \"sm\", lg: \"md\" }, \"fontSize\");\r\n * ```\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    const tokens = theme.tokens as unknown as DesignTokens;\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    const resolve = (value: unknown) =>\r\n      value == null ? value : resolveTokenReference(value, tokens);\r\n\r\n    if (!key) {\r\n      const resolved = Object.fromEntries(\r\n        Object.entries(token).map(([k, v]) => [k, resolve(v)]),\r\n      ) as SizeToken;\r\n\r\n      return resolved;\r\n    }\r\n\r\n    return applyOffset(\r\n      resolve(token[key]) as SizeTokenValue,\r\n      offset,\r\n    ) as SizeToken[K];\r\n  }, [theme, 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 { 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"]}
+{"version":3,"sources":["../../src/hooks/useBreakpoint.ts","../../src/hooks/useColorMode.ts","../../src/hooks/useControllableState.ts","../../src/hooks/useMergedResponsiveStyles.ts","../../src/hooks/useResponsiveStyles.ts","../../src/hooks/useSizeStyle.ts","../../src/hooks/useSizeToken.ts","../../src/hooks/useSizes.ts","../../src/hooks/useTypography.ts","../../src/hooks/useUndoRedo.ts"],"names":["useMemo","token","useState","useRef","useCallback"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\";\r\n\r\nimport { BaseBreakpoint } from \"@/types\";\r\nimport { useEffect, useState } from \"react\";\r\n\r\nconst BREAKPOINTS: Record<BaseBreakpoint, number> = {\r\n  sm: 640,\r\n  md: 768,\r\n  lg: 1024,\r\n  xl: 1280,\r\n  \"2xl\": 1536,\r\n};\r\n\r\nexport function useBreakpoint(breakpoint: BaseBreakpoint): 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","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","\"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\";\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\n/**\n * Options for {@link useSizeStyle}.\n */\nexport interface UseSizeStyleOptions {\n  /**\n   * Include `height` in the resolved style.\n   * @default true\n   */\n  includeHeight?: boolean;\n\n  /**\n   * Include `width` in the resolved style.\n   *\n   * When enabled, width is derived from the token's own `width` if\n   * `iconOnly` is set, otherwise from the token's `height`.\n   * @default false\n   */\n  includeWidth?: boolean;\n\n  /**\n   * Force `width` to mirror `height`, even when not in icon-only mode.\n   * @default false\n   */\n  widthFromHeight?: boolean;\n\n  /**\n   * CSS length subtracted from the resolved `height` / `width`\n   * (e.g. `\"2px\"`). Applied via `calc(...)`.\n   */\n  sizeOffset?: string;\n\n  /**\n   * CSS length subtracted from the resolved `fontSize`.\n   * Applied via `calc(...)`.\n   */\n  fontSizeOffset?: string;\n}\n\n/**\n * Result of {@link useSizeStyle}.\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  /** Resolved icon size, if defined on the token. */\n  iconSize?: CSSProperties[\"width\"];\n\n  /** Resolved font size, after applying `fontSizeOffset`. */\n  fontSize?: CSSProperties[\"fontSize\"];\n\n  /** Resolved gap between child elements. */\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\nimport type { DesignTokens } from \"@/types\";\nimport { resolveFontSize, resolveTokenReference } from \"@/utils\";\n\n/**\n * Builds size-related inline styles from a theme size token.\n *\n * Accepts either a plain size name (e.g. `\"md\"`) or a responsive value\n * (e.g. `{ base: \"sm\", lg: \"md\" }`). All token values are expanded through\n * `resolveTokenReference`, so aliases like `\"{spacing.4}\"` become concrete\n * values.\n *\n * Behavior notes:\n * - Padding is skipped when `iconOnly` is `true`.\n * - `gap` is forced to `0` when `iconOnly` is `true`.\n * - The token's `radius` is exposed as the CSS variable\n *   `--kui-<componentName>-radius` so consumers can reuse it in CSS.\n * - For responsive inputs, breakpoint styles are returned in\n *   `responsiveStyles` and `style` stays empty.\n *\n * @param size - Size name or responsive size object to resolve.\n * @param iconOnly - When `true`, applies icon-specific sizing (square,\n *   no horizontal padding, no gap).\n * @param componentName - Namespace used for generated CSS variables.\n * @param options - See {@link UseSizeStyleOptions}.\n * @returns A {@link ResolvedSize} containing inline and/or responsive styles.\n *\n * @example\n * ```ts\n * const { style } = useSizeStyle(\"md\");\n * // <button style={style} />\n * ```\n *\n * @example\n * ```ts\n * const { responsiveStyles } = useSizeStyle(\n *   { base: \"sm\", lg: \"md\" },\n *   false,\n *   \"button\",\n *   { includeWidth: true, sizeOffset: \"2px\" },\n * );\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    const tokens = theme.tokens as unknown as DesignTokens;\n    const typography = theme.typography;\n\n    const resolveValue = (value: unknown) =>\n      String(resolveTokenReference(value, tokens));\n\n    const resolveFont = (value: unknown) =>\n      String(resolveFontSize(value, typography, tokens));\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      const height = resolveValue(token.height);\n      const width = resolveValue(token.width);\n      const paddingX = resolveValue(token.paddingX);\n      const paddingY = resolveValue(token.paddingY);\n      const fontSize = resolveFont(token.fontSize);\n      const gap = resolveValue(token.gap);\n      const radius = resolveValue(token.radius);\n\n      if (includeHeight && height) {\n        style.height = applySizeOffset(height, sizeOffset);\n      }\n\n      if (includeWidth) {\n        if (iconOnly && width) {\n          style.width = applySizeOffset(width, sizeOffset);\n        } else if ((iconOnly || widthFromHeight) && includeHeight && height) {\n          style.width = applySizeOffset(height, sizeOffset);\n        }\n      }\n\n      if (!iconOnly && paddingX) {\n        style.paddingLeft = paddingX;\n        style.paddingRight = paddingX;\n      }\n\n      if (paddingY) {\n        style.paddingTop = paddingY;\n        style.paddingBottom = paddingY;\n      }\n\n      if (fontSize) {\n        style.fontSize = applySizeOffset(fontSize, fontSizeOffset);\n      }\n\n      if (gap) {\n        style.gap = iconOnly ? 0 : gap;\n      }\n\n      if (radius) {\n        const varName = `--kui-${componentName}-radius` as `--kui-${string}`;\n        style[varName] = 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: resolveValue(token.iconSize),\n        fontSize: applySizeOffset(resolveFont(token.fontSize), fontSizeOffset),\n        gap: resolveValue(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: resolveValue(token.iconSize),\n      fontSize: applySizeOffset(resolveFont(token.fontSize), fontSizeOffset),\n      gap: resolveValue(token.gap),\n    };\n  }, [\n    theme,\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, DesignTokens } from \"@/types\";\r\n\r\nimport { useMemo } from \"react\";\r\nimport { useTheme } from \"@/provider/useTheme\";\r\nimport { isResponsiveValue } from \"@/utils/responsive\";\r\nimport { resolveTokenReference } from \"@/utils/resolveTokenReference\";\r\nimport { resolveFontSize } from \"@/utils/resolveFontSize\";\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\n/**\r\n * Resolves a size token from the active theme.\r\n *\r\n * Accepts either a plain size name (e.g. `\"md\"`) or a responsive value\r\n * (e.g. `{ base: \"md\", lg: \"xl\" }`). When a responsive object is passed,\r\n * the `base` key is used, falling back to the theme's `fallbackSize`.\r\n *\r\n * All token values are passed through `resolveTokenReference`, so token\r\n * aliases like `\"{spacing.4}\"` are expanded to their concrete value.\r\n * `fontSize` is the one exception: it's a reference into `typography`,\r\n * not `tokens` directly, and is resolved via `resolveFontSize`.\r\n *\r\n * @param size - Size name or responsive size object to resolve.\r\n * @returns The full resolved {@link SizeToken} for the requested size.\r\n *\r\n * @example\r\n * ```ts\r\n * const token = useSizeToken(\"md\");\r\n * // { height: \"40px\", paddingX: \"16px\", fontSize: \"14px\", ... }\r\n * ```\r\n *\r\n * @example\r\n * ```ts\r\n * const token = useSizeToken({ base: \"sm\", lg: \"md\" });\r\n * ```\r\n */\r\nexport function useSizeToken(size: ResponsiveValue<string>): SizeToken;\r\n\r\n/**\r\n * Resolves a single value from a size token.\r\n *\r\n * Like the object overload, this accepts a plain or responsive size name and\r\n * expands token references. When `offset` is provided, the resolved value is\r\n * wrapped in a `calc(...)` expression subtracting the offset — useful for\r\n * trimming sizes without redefining a token.\r\n *\r\n * @typeParam K - The key of {@link SizeToken} to read (e.g. `\"height\"`, `\"fontSize\"`).\r\n * @param size - Size name or responsive size object to resolve.\r\n * @param key - The token field to read.\r\n * @param offset - Optional CSS length to subtract from the resolved value.\r\n * @returns The resolved (and optionally offset) token field.\r\n *\r\n * @example\r\n * ```ts\r\n * const height = useSizeToken(\"md\", \"height\");\r\n * // \"40px\"\r\n *\r\n * const height = useSizeToken(\"md\", \"height\", \"4px\");\r\n * // \"calc(40px - 4px)\"\r\n * ```\r\n *\r\n * @example\r\n * ```ts\r\n * const fontSize = useSizeToken({ base: \"sm\", lg: \"md\" }, \"fontSize\");\r\n * ```\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    const tokens = theme.tokens as unknown as DesignTokens;\r\n    const typography = theme.typography;\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    const resolve = (value: unknown, field?: string) =>\r\n      field === \"fontSize\"\r\n        ? resolveFontSize(value, typography, tokens)\r\n        : value == null\r\n          ? value\r\n          : resolveTokenReference(value, tokens);\r\n\r\n    if (!key) {\r\n      const resolved = Object.fromEntries(\r\n        Object.entries(token).map(([k, v]) => [k, resolve(v, k)]),\r\n      ) as SizeToken;\r\n\r\n      return resolved;\r\n    }\r\n\r\n    return applyOffset(\r\n      resolve(token[key], key) as SizeTokenValue,\r\n      offset,\r\n    ) as SizeToken[K];\r\n  }, [theme, 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 { 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/index.d.ts

@@ -1,7 +1,7 @@
 import { TokenValue, SemanticToken, SizeToken, SizeScale, Typography, RecipeDefinition, DesignTokens, TokenDefinition, TokenReferenceString as TokenReferenceString$1, SemanticTokens, Theme, ColorMode, ResolvedTokens } from './types/index.js';
 export { AnimationTokens, BaseBreakpoint, BaseColor, BaseProps, BaseVariant, BreakpointTokens, CSSPropertiesWithVars, ClearableProps, ColorModeValue, ColorProps, ColorScale, ColorTokens, ControlledProps, CustomRecipes, DeepPartial, DefaultRecipeCollection, DisabledProps, Easing, EmbeddedProps, FontSizeTokens, FontTokens, FontWeightTokens, FormFieldStatus, FullWidthProps, IntensityMap, LetterSpacingTokens, LineHeightTokens, LoadingProps, MotionGatedProps, Orientation, OrientationProps, RadiusTokens, RecipeCollection, RecipeCompoundVariant, RecipeStyle, RecipeVariant, RecipeVariantValue, ReportedValidity, RequiredStateControlProps, ResponsiveStyles, ResponsiveValue, SemanticColorTokens, ShadowTokens, Size, SizeProps, SizeValue, SpacingTokens, StateControlProps, StateProps, StatusProps, StyleObject, StyleValue, Styleable, ThemeAnimation, ThemeOverride, ThemeTogglerTransition, ThemeTransition, TokenGroup, TrimProps, TypographyProps, TypographyStyle, UndoRedoProps, ValidateOn, ValidateProps, ValidationResult, ValueProps, Variant, VariantProps } from './types/index.js';
 import * as React from 'react';
-export { CreateComponentConfig, CreateFromPropsInput, KuiChildrenRegistry, KuiComponent, KuiInteractionState, KuiMeta, KuiProviderRegistry, KuiProviderRequirement, KuiRole, KuiSkeletonHint, KuiSupports, KuiVideoMeta, ResolvedResponsiveValue, WarnOnFlatCompoundConflictOptions, composeRefs, createComponent, createFromProps, cssToClass, deepMerge, hasKuiMeta, hashStyle, injectStyle, isMotionGated, isResponsiveValue, kebabCase, mergeResponsiveValue, registerStyle, requireProvider, resolveResponsiveValue, resolveSemanticTokenReferences, resolveStyle, resolveToken, resolveTokenReference, resolveTokens, resolveTypography, serializeStyle, styleRegistry, toKebabCase, toResponsiveClasses, tokensToCssVars, useValidateChildren, warnOnFlatCompoundConflict } from './utils/index.js';
+export { CreateComponentConfig, CreateFromPropsInput, KuiChildrenRegistry, KuiComponent, KuiInteractionState, KuiMeta, KuiProviderRegistry, KuiProviderRequirement, KuiRole, KuiSkeletonHint, KuiSupports, KuiVideoMeta, ResolvedResponsiveValue, WarnOnFlatCompoundConflictOptions, composeRefs, createComponent, createFromProps, cssToClass, deepMerge, hasKuiMeta, hashStyle, injectStyle, isMotionGated, isResponsiveValue, kebabCase, mergeResponsiveValue, registerStyle, requireProvider, resolveFontSize, resolveResponsiveValue, resolveSemanticTokenReferences, resolveStyle, resolveToken, resolveTokenReference, resolveTokens, resolveTypography, serializeStyle, styleRegistry, toKebabCase, toResponsiveClasses, tokensToCssVars, useValidateChildren, warnOnFlatCompoundConflict } from './utils/index.js';
 
 declare function defineToken<T extends TokenValue>(value: T): {
     value: T;

package/dist/index.js

@@ -1,5 +1,5 @@
 export { ThemeContext, useTheme } from './chunk-5CYSF7C3.js';
-export { composeRefs, createComponent, createFromProps, cssToClass, deepMerge, hasKuiMeta, hashStyle, injectStyle, isMotionGated, isResponsiveValue, kebabCase, mergeResponsiveValue, registerStyle, requireProvider, resolveResponsiveValue, resolveSemanticTokenReferences, resolveStyle, resolveToken, resolveTokenReference, resolveTokens, resolveTypography, serializeStyle, styleRegistry, toKebabCase, toResponsiveClasses, tokensToCssVars, useValidateChildren, warnOnFlatCompoundConflict } from './chunk-JIJ42ZVR.js';
+export { composeRefs, createComponent, createFromProps, cssToClass, deepMerge, hasKuiMeta, hashStyle, injectStyle, isMotionGated, isResponsiveValue, kebabCase, mergeResponsiveValue, registerStyle, requireProvider, resolveFontSize, resolveResponsiveValue, resolveSemanticTokenReferences, resolveStyle, resolveToken, resolveTokenReference, resolveTokens, resolveTypography, serializeStyle, styleRegistry, toKebabCase, toResponsiveClasses, tokensToCssVars, useValidateChildren, warnOnFlatCompoundConflict } from './chunk-G2EVGZLH.js';
 import './chunk-RV5MKKBP.js';
 
 // src/define/token.ts

package/dist/utils/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { CSSProperties } from 'react';
-import { MotionGatedProps, ResponsiveValue, BaseBreakpoint, TypographyStyle, DesignTokens, SemanticTokens, ResolvedTokens, StyleObject, RecipeStyle, StyleValue } from '../types/index.js';
+import { MotionGatedProps, ResponsiveValue, BaseBreakpoint, TypographyStyle, DesignTokens, SemanticTokens, ResolvedTokens, StyleObject, RecipeStyle, StyleValue, Typography } from '../types/index.js';
 
 /**
  * Describes the common states a component can support.
@@ -399,4 +399,24 @@ declare function cssToClass(style: StyleObject): string;
  */
 declare function resolveStyle(value: RecipeStyle): string;
 
-export { type CreateComponentConfig, type CreateFromPropsInput, type KuiChildrenRegistry, type KuiComponent, type KuiInteractionState, type KuiMeta, type KuiProviderRegistry, type KuiProviderRequirement, type KuiRole, type KuiSkeletonHint, type KuiSupports, type KuiVideoMeta, type ResolvedResponsiveValue, type WarnOnFlatCompoundConflictOptions, composeRefs, createComponent, createFromProps, cssToClass, deepMerge, hasKuiMeta, hashStyle, injectStyle, isMotionGated, isResponsiveValue, kebabCase, mergeResponsiveValue, registerStyle, requireProvider, resolveResponsiveValue, resolveSemanticTokenReferences, resolveStyle, resolveToken, resolveTokenReference, resolveTokens, resolveTypography, serializeStyle, styleRegistry, toKebabCase, toResponsiveClasses, tokensToCssVars, useValidateChildren, warnOnFlatCompoundConflict };
+/**
+ * Resolves a SizeToken.fontSize value, which is a two-level reference:
+ *
+ *   SizeToken.fontSize -> "{typography.sizeXs}"  (typography preset name)
+ *   TypographyStyle.fontSize -> "{fontSizes.xs}" (primitive token)
+ *
+ * resolveTokenReference alone can't do this in one call: it terminates
+ * at a `{value}`-wrapped leaf or a raw primitive, and a typography
+ * preset is neither (it's a plain object with fontFamily/fontSize/
+ * fontWeight/lineHeight fields). So the first hop — typography preset
+ * name -> preset object -> its own fontSize field — is done manually
+ * here, and only the second hop (preset.fontSize -> primitive) goes
+ * through resolveTokenReference, against `tokens` as usual.
+ *
+ * If `value` isn't a "{typography.X}" reference (unexpected, but
+ * possible via a misconfigured theme), it falls back to resolving
+ * directly against `tokens`, matching the old single-step behavior.
+ */
+declare function resolveFontSize(value: unknown, typography: Typography, tokens: DesignTokens): string | number;
+
+export { type CreateComponentConfig, type CreateFromPropsInput, type KuiChildrenRegistry, type KuiComponent, type KuiInteractionState, type KuiMeta, type KuiProviderRegistry, type KuiProviderRequirement, type KuiRole, type KuiSkeletonHint, type KuiSupports, type KuiVideoMeta, type ResolvedResponsiveValue, type WarnOnFlatCompoundConflictOptions, composeRefs, createComponent, createFromProps, cssToClass, deepMerge, hasKuiMeta, hashStyle, injectStyle, isMotionGated, isResponsiveValue, kebabCase, mergeResponsiveValue, registerStyle, requireProvider, resolveFontSize, resolveResponsiveValue, resolveSemanticTokenReferences, resolveStyle, resolveToken, resolveTokenReference, resolveTokens, resolveTypography, serializeStyle, styleRegistry, toKebabCase, toResponsiveClasses, tokensToCssVars, useValidateChildren, warnOnFlatCompoundConflict };

package/dist/utils/index.js

@@ -1,3 +1,3 @@
-export { composeRefs, createComponent, createFromProps, cssToClass, deepMerge, hasKuiMeta, hashStyle, injectStyle, isMotionGated, isResponsiveValue, kebabCase, mergeResponsiveValue, registerStyle, requireProvider, resolveResponsiveValue, resolveSemanticTokenReferences, resolveStyle, resolveToken, resolveTokenReference, resolveTokens, resolveTypography, serializeStyle, styleRegistry, toKebabCase, toResponsiveClasses, tokensToCssVars, useValidateChildren, warnOnFlatCompoundConflict } from '../chunk-JIJ42ZVR.js';
+export { composeRefs, createComponent, createFromProps, cssToClass, deepMerge, hasKuiMeta, hashStyle, injectStyle, isMotionGated, isResponsiveValue, kebabCase, mergeResponsiveValue, registerStyle, requireProvider, resolveFontSize, resolveResponsiveValue, resolveSemanticTokenReferences, resolveStyle, resolveToken, resolveTokenReference, resolveTokens, resolveTypography, serializeStyle, styleRegistry, toKebabCase, toResponsiveClasses, tokensToCssVars, useValidateChildren, warnOnFlatCompoundConflict } from '../chunk-G2EVGZLH.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splenddev/kreativ-core",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "Design-system foundation for Kreativ UI — tokens, theming, recipes, and component primitives.",
   "type": "module",
   "main": "./dist/index.cjs",

package/dist/chunk-JIJ42ZVR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/createComponent.tsx","../src/utils/composeRefs.ts","../src/utils/createFromProps.ts","../src/utils/responsive.ts","../src/utils/deepMerge.ts","../src/utils/resolveTokenReference.ts","../src/utils/resolveTypography.ts","../src/utils/cssVariables.ts","../src/utils/warnOnFlatCompoundConflict.ts","../src/utils/atomicStyle.ts"],"names":["value","resolveValue","React2"],"mappings":"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","file":"chunk-JIJ42ZVR.js","sourcesContent":["import * as React from \"react\";\nimport { MotionGatedProps } from \"..\";\n\n/**\n * Describes the common states a component can support.\n *\n * These flags are used by Kreativ UI to communicate states such as\n * disabled, invalid, and required to consumers and supporting utilities.\n *\n * Additional state flags may be added by components when needed.\n */\nexport interface KuiSupports {\n  disabled?: boolean;\n  invalid?: boolean;\n  required?: boolean;\n  [key: string]: boolean | undefined;\n}\n\n/**\n * Describes the visual shape a component should use when represented\n * as a skeleton.\n *\n * Custom string values can be used when a component needs a specialized\n * skeleton representation.\n */\nexport type KuiSkeletonHint =\n  | \"text\"\n  | \"rect\"\n  | \"circle\"\n  | \"input-shaped\"\n  | \"preserve\"\n  | (string & {});\n\n/**\n * Identifies the primary purpose of a component.\n *\n * The role helps Kreativ UI and supporting tools understand how a\n * component behaves and how it should be treated in different contexts.\n */\nexport type KuiRole =\n  | \"action\"\n  | \"formControl\"\n  | \"overlay\"\n  | \"layout\"\n  | \"display\"\n  | \"disclosure\"\n  | \"navigation\"\n  | (string & {});\n\n/**\n * Interaction states that can be represented by a component.\n */\nexport type KuiInteractionState = \"hover\" | \"focus\" | \"pressed\";\n\n/**\n * Describes how a component can participate in Kreativ Forge.\n *\n * Components can optionally provide this metadata to enable video\n * editing and animation support without requiring Forge as a dependency.\n */\nexport interface KuiVideoMeta<P> {\n  /**\n   * Stable identifier used to reference the component in Forge projects.\n   */\n  id: string;\n\n  /**\n   * Indicates whether Forge can safely control and render the component.\n   *\n   * Components marked as unsafe are excluded from Forge's interactive\n   * component controls.\n   */\n  safe: boolean;\n\n  /**\n   * Indicates whether the component can contain other Forge elements.\n   */\n  acceptsChildren?: boolean;\n\n  /**\n   * Indicates that the component depends on context provided by\n   * an ancestor component.\n   */\n  needsParentContext?: boolean;\n\n  /**\n   * Identifies props that can reference project assets.\n   *\n   * Forge uses these declarations to provide the appropriate asset\n   * selection and resolution behavior.\n   */\n  assetProps?: Record<\n    string,\n    \"image\" | \"video\" | \"audio\" | \"font\" | \"snippet\" | \"icon\"\n  >;\n\n  /**\n   * Lists props whose values can be controlled by Forge.\n   */\n  controlled?: Array<keyof P>;\n\n  /**\n   * Specifies which interaction states Forge can represent for the component.\n   */\n  interactionStates?: KuiInteractionState[];\n\n  /**\n   * Indicates the component's motion is gated by Forge at render-start\n   * (timers/transitions/uncontrolled animation disabled during render),\n   * rather than driven as a per-frame controlled prop. Components marked\n   * `safe: true` must honor this gate.\n   */\n  motionGated?: boolean;\n}\n\n/**\n * Metadata describing a Kreativ UI component's capabilities and behavior.\n *\n * This metadata is attached to components and can be used by Kreativ UI,\n * development tools, and integrations such as Kreativ Forge.\n */\nexport interface KuiMeta<P = any> {\n  /**\n   * Identifies whether the component is a single or compound form control.\n   */\n  formControl?: \"single\" | \"compound\";\n\n  /**\n   * Describes the states supported by the component.\n   */\n  supports?: KuiSupports;\n\n  /**\n   * Defines the skeleton representation used while the component loads.\n   */\n  skeleton?: KuiSkeletonHint;\n\n  /**\n   * Identifies the component's primary role.\n   */\n  role?: KuiRole;\n\n  /**\n   * Identifies the component's slot when it participates in a compound component.\n   */\n  groupSlot?: string;\n\n  /**\n   * Optional Kreativ Forge integration metadata.\n   */\n  video?: KuiVideoMeta<P>;\n\n  /**\n   * Allowlist of props exposed in Forge's Properties tab, with the\n   * synthesized-group each belongs to.\n   */\n  editableProps?: Array<{\n    prop: keyof P;\n    group: string;\n    label?: string;\n  }>;\n\n  /**\n   * Declares which prop resolves typography (via Kui's `resolveTypography`),\n   * letting Forge synthesize a Typography group wired to that prop.\n   */\n  typographyProp?: {\n    prop: keyof P;\n    allowedPresets?: string[] | \"all\";\n    allowCustom?: boolean;\n    allowTokenReferences?: boolean;\n    customFields?: {\n      fontFamily?: boolean;\n      fontSize?: boolean;\n      fontWeight?: boolean;\n      lineHeight?: boolean;\n      letterSpacing?: boolean;\n    };\n  };\n\n  /**\n   * Declares which prop resolves a semantic color token, letting Forge\n   * synthesize a Color group wired to that prop.\n   */\n  colorProp?: {\n    prop: keyof P;\n    allowedTokens?: string[] | \"all\";\n  };\n\n  /**\n   * Declares which prop resolves a size-scale token, letting Forge\n   * synthesize a Size group wired to that prop.\n   */\n  sizeProp?: {\n    prop: keyof P;\n    allowedSizes?: string[] | \"all\";\n  };\n}\n\n/**\n * A Kreativ UI component created with `createComponent`.\n *\n * In addition to normal React component behavior, Kreativ UI components\n * expose metadata describing their capabilities and role.\n */\nexport type KuiComponent<P, E> = React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<P> & React.RefAttributes<E>\n> & {\n  __kui: KuiMeta<P>;\n\n  /**\n   * Describes a provider required by the component.\n   */\n  providerRequired?: KuiProviderRequirement;\n};\n\n/**\n * Configuration used to create a Kreativ UI component.\n */\nexport interface CreateComponentConfig<P, E> {\n  /**\n   * Metadata describing the component's capabilities and behavior.\n   */\n  __kui: KuiMeta<P>;\n\n  /**\n   * Renders the component and receives its forwarded ref.\n   */\n  render: (props: P, ref: React.ForwardedRef<E>) => React.ReactElement | null;\n\n  /**\n   * Optional name used when displaying the component in development tools.\n   */\n  displayName?: string;\n}\n\n/**\n * Creates a Kreativ UI component with forwarded-ref support and\n * Kreativ UI metadata.\n *\n * @param config Component rendering function and metadata.\n * @returns A React component with Kreativ UI metadata attached.\n */\nexport function createComponent<P extends object, E = unknown>(\n  config: CreateComponentConfig<P, E>,\n): KuiComponent<P, E> {\n  const C = React.forwardRef(\n    config.render as unknown as React.ForwardRefRenderFunction<E, any>,\n  ) as unknown as KuiComponent<P, E>;\n\n  if (config.displayName) C.displayName = config.displayName;\n\n  C.__kui = config.__kui;\n  return C;\n}\n\n/**\n * Checks whether a value is a Kreativ UI component with component metadata.\n *\n * Useful when working with component types dynamically, such as when\n * inspecting children of compound components.\n *\n * @param value Value to inspect.\n * @returns `true` when the value contains valid Kreativ UI metadata.\n */\nexport function hasKuiMeta(value: unknown): value is { __kui: KuiMeta } {\n  return (\n    (typeof value === \"function\" ||\n      (typeof value === \"object\" && value !== null)) &&\n    \"__kui\" in (value as object) &&\n    typeof (value as { __kui: unknown }).__kui === \"object\" &&\n    (value as { __kui: unknown }).__kui !== null\n  );\n}\n\n/**\n * Lists the provider families available to Kreativ UI components.\n *\n * `controlled` is the provider state a child may declare via\n * `requireProvider`, not Forge `video.controlled` (that list is keyof props).\n */\nexport interface KuiProviderRegistry {\n  \"Popover.Root\": { controlled: \"open\" };\n  \"Menu.Root\": { controlled: \"open\" };\n  \"Form.Root\": { controlled: \"values\" };\n  \"FormField.Root\": { controlled: \"invalid\" };\n  \"Select.Root\": { controlled: \"value\" | \"open\" };\n}\n\n/**\n * Describes a provider that a component requires from its parent tree.\n */\nexport interface KuiProviderRequirement<\n  C extends keyof KuiProviderRegistry = keyof KuiProviderRegistry,\n> {\n  /**\n   * Identifies the provider component that must be present.\n   */\n  component: C;\n\n  /**\n   * Human-readable description of the provider requirement.\n   */\n  label: string;\n\n  /**\n   * Lists provider state values that can be controlled by the parent provider.\n   */\n  controlled?: Array<KuiProviderRegistry[C][\"controlled\"]>;\n}\n\n/**\n * Declares that a component requires a specific provider ancestor.\n *\n * Use this when a component is intended to be rendered as part of a\n * provider-based component such as Popover or Menu.\n *\n * @param component Provider component that must be present (e.g. \"Popover.Root\").\n * @param opts Provider requirement details (label, controlled state).\n * @returns A requirement descriptor; attach it via `component.providerRequired = ...`\n * or pass the target component separately depending on call site.\n */\nexport function requireProvider<C extends keyof KuiProviderRegistry>(\n  component: C,\n  opts: Omit<KuiProviderRequirement<C>, \"component\">,\n): KuiProviderRequirement<C> {\n  return { component, ...opts };\n}\n\n/**\n * Defines the child roles and slots accepted by a compound component.\n */\nexport interface KuiChildrenRegistry {\n  ButtonGroup: { roles: [\"action\"]; slots: [\"ButtonGroup\"] };\n  List: { roles: []; slots: [\"List\"] };\n  Card:{roles:[\"layout\"];slots:[\"Card\"]}\n}\n\n/**\n * Validates the direct children of a compound component during development.\n *\n * Unexpected children produce a development warning. Validation is skipped\n * in production builds.\n *\n * @param parentKey Compound component whose children are being validated.\n * @param children Children passed to the compound component.\n */\nexport function useValidateChildren<K extends keyof KuiChildrenRegistry>(\n  parentKey: K,\n  children: React.ReactNode,\n): void {\n  if (process.env.NODE_ENV === \"production\") return;\n\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return;\n\n    const type = child.type;\n\n    if (!hasKuiMeta(type)) return;\n\n    const meta = (type as { __kui: KuiMeta }).__kui;\n\n    const allowedRoles: readonly string[] =\n      KUI_CHILDREN_REGISTRY_ALLOWED[parentKey]?.roles ?? [];\n\n    const allowedSlots: readonly string[] =\n      KUI_CHILDREN_REGISTRY_ALLOWED[parentKey]?.slots ?? [];\n\n    const roleOk = meta.role ? allowedRoles.includes(meta.role) : false;\n\n    const slotOk = meta.groupSlot\n      ? allowedSlots.includes(meta.groupSlot)\n      : false;\n\n    if (!roleOk && !slotOk) {\n      const name =\n        (type as { displayName?: string }).displayName ?? \"component\";\n\n      console.warn(\n        `[kreativ-core] ${String(parentKey)} received an unexpected child \"${name}\" ` +\n          `(role: ${meta.role ?? \"none\"}, groupSlot: ${meta.groupSlot ?? \"none\"}). ` +\n          `Expected role in [${allowedRoles.join(\", \")}] or groupSlot in [${allowedSlots.join(\", \")}].`,\n      );\n    }\n  });\n}\n\nconst KUI_CHILDREN_REGISTRY_ALLOWED = {\n  ButtonGroup: { roles: [\"action\"], slots: [\"ButtonGroup\"] },\n  List: { roles: [], slots: [\"List\"] },\n  Card: { roles: [\"layout\"], slots: [\"Card\"] },\n} satisfies {\n  [K in keyof KuiChildrenRegistry]: {\n    roles: KuiChildrenRegistry[K][\"roles\"];\n    slots: KuiChildrenRegistry[K][\"slots\"];\n  };\n};\n\nexport function isMotionGated(props: MotionGatedProps): boolean {\n  return (\n    props[\"data-kui-motion-gated\"] === true ||\n    props[\"data-kui-motion-gated\"] === \"true\"\n  );\n}","import type * as React from \"react\";\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\nexport function composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n  return (node) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) (ref as React.MutableRefObject<T | null>).current = node;\n    }\n  };\n}\n","export interface CreateFromPropsInput<T extends object> {\n  providerDefaults?: Partial<T>;\n  defaultProps?: Partial<T>;\n  generatedProps?: Partial<T>;\n  consumerProps?: Partial<T>;\n}\nexport function createFromProps<T extends object>(input: CreateFromPropsInput<T>): T {\n  return {\n    ...input.providerDefaults,\n    ...input.defaultProps,\n    ...input.generatedProps,\n    ...input.consumerProps,\n  } as T;\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","function isPlainObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nexport function deepMerge<T>(base: T, override?: unknown): T {\n  if (override === undefined) {\n    return base;\n  }\n\n  if (!isPlainObject(base) || !isPlainObject(override)) {\n    return override as T;\n  }\n\n  const result: Record<string, unknown> = {\n    ...base,\n  };\n\n  for (const [key, value] of Object.entries(override)) {\n    const existing = result[key];\n\n    if (isPlainObject(existing) && isPlainObject(value)) {\n      result[key] = deepMerge(existing, value);\n    } else {\n      result[key] = value;\n    }\n  }\n\n  return result as T;\n}\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 type {\r\n  DesignTokens,\r\n  ResolvedTokens,\r\n  SemanticTokens,\r\n  TokenDefinition,\r\n} from \"@/types\";\r\n\r\nexport function toKebabCase(str: string): string {\r\n  return str.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\r\n}\r\nfunction colorToRgbChannels(value: string): string {\r\n  const trimmed = value.trim();\r\n\r\n  const rgbMatch = trimmed.match(\r\n    /^rgba?\\(\\s*(\\d+(?:\\.\\d+)?)\\s*[,\\s]\\s*(\\d+(?:\\.\\d+)?)\\s*[,\\s]\\s*(\\d+(?:\\.\\d+)?)(?:\\s*[/,]\\s*[\\d.]+%?)?\\s*\\)$/i,\r\n  );\r\n\r\n  if (rgbMatch) {\r\n    return `${rgbMatch[1]} ${rgbMatch[2]} ${rgbMatch[3]}`;\r\n  }\r\n\r\n  if (trimmed.startsWith(\"#\")) {\r\n    const hex = trimmed.slice(1);\r\n\r\n   if (hex.length === 3) {\r\n     const r = parseInt(hex.slice(0, 1).repeat(2), 16);\r\n     const g = parseInt(hex.slice(1, 2).repeat(2), 16);\r\n     const b = parseInt(hex.slice(2, 3).repeat(2), 16);\r\n\r\n     return `${r} ${g} ${b}`;\r\n   }\r\n\r\n    if (hex.length === 6) {\r\n      const r = parseInt(hex.slice(0, 2), 16);\r\n      const g = parseInt(hex.slice(2, 4), 16);\r\n      const b = parseInt(hex.slice(4, 6), 16);\r\n\r\n      return `${r} ${g} ${b}`;\r\n    }\r\n  }\r\n\r\n  if (/^\\d+(?:\\.\\d+)?\\s+\\d+(?:\\.\\d+)?\\s+\\d+(?:\\.\\d+)?$/.test(trimmed)) {\r\n    return trimmed;\r\n  }\r\n\r\n  return value;\r\n}\r\n\r\nfunction getTokenValue(\r\n  reference: string,\r\n  tokens: DesignTokens,\r\n): string | number | undefined {\r\n  const path = reference.replace(/^\\{/, \"\").replace(/\\}$/, \"\").split(\".\");\r\n\r\n  let current: unknown = tokens;\r\n\r\n  for (const segment of path) {\r\n    if (\r\n      typeof current !== \"object\" ||\r\n      current === null ||\r\n      !(segment in current)\r\n    ) {\r\n      return undefined;\r\n    }\r\n\r\n    current = (current as Record<string, unknown>)[segment];\r\n  }\r\n\r\n  if (typeof current === \"object\" && current !== null && \"value\" in current) {\r\n    const value = (current as TokenDefinition).value;\r\n\r\n    if (typeof value === \"string\" || typeof value === \"number\") {\r\n      return value;\r\n    }\r\n  }\r\n\r\n  return undefined;\r\n}\r\n\r\nfunction resolveReference(\r\n  reference: string,\r\n  tokens: DesignTokens,\r\n  seen = new Set<string>(),\r\n): string | undefined {\r\n  if (seen.has(reference)) {\r\n    console.error(\r\n      `[kreativ-core] Circular token reference detected: ${reference}`,\r\n    );\r\n\r\n    return undefined;\r\n  }\r\n\r\n  const nextSeen = new Set(seen);\r\n  nextSeen.add(reference);\r\n\r\n  const value = getTokenValue(reference, tokens);\r\n\r\n  if (value === undefined) {\r\n    console.warn(\r\n      `[kreativ-core] Unable to resolve token reference: ${reference}`,\r\n    );\r\n\r\n    return undefined;\r\n  }\r\n\r\n  if (typeof value === \"number\") {\r\n    return String(value);\r\n  }\r\n\r\n  if (value.startsWith(\"{\") && value.endsWith(\"}\")) {\r\n    return resolveReference(value, tokens, nextSeen);\r\n  }\r\n\r\n  return value;\r\n}\r\n\r\nfunction resolveValue(\r\n  value: unknown,\r\n  tokens: DesignTokens,\r\n): string | undefined {\r\n  if (typeof value === \"number\") {\r\n    return String(value);\r\n  }\r\n\r\n  if (typeof value !== \"string\") {\r\n    return undefined;\r\n  }\r\n\r\n  if (value.startsWith(\"{\") && value.endsWith(\"}\")) {\r\n    return resolveReference(value, tokens);\r\n  }\r\n\r\n  return value;\r\n}\r\n\r\nfunction flattenTokens(\r\n  value: unknown,\r\n  path: string[],\r\n  result: ResolvedTokens,\r\n  tokens: DesignTokens,\r\n): void {\r\n  if (typeof value !== \"object\" || value === null) {\r\n    return;\r\n  }\r\n\r\n  if (\"value\" in value) {\r\n    const tokenValue = (value as TokenDefinition).value;\r\n\r\n    const resolved = resolveValue(tokenValue, tokens);\r\n\r\n    if (resolved !== undefined) {\r\n      result[path.join(\".\")] = resolved;\r\n    }\r\n\r\n    return;\r\n  }\r\n\r\n  for (const [key, child] of Object.entries(value as Record<string, unknown>)) {\r\n    flattenTokens(child, [...path, key], result, tokens);\r\n  }\r\n}\r\n\r\nfunction resolveSemanticValue(\r\n  value: unknown,\r\n  mode: \"light\" | \"dark\",\r\n  tokens: DesignTokens,\r\n): string | undefined {\r\n  if (\r\n    typeof value === \"object\" &&\r\n    value !== null &&\r\n    \"light\" in value &&\r\n    \"dark\" in value\r\n  ) {\r\n    const modeValue = (\r\n      value as {\r\n        light: unknown;\r\n        dark: unknown;\r\n      }\r\n    )[mode];\r\n\r\n    return resolveValue(modeValue, tokens);\r\n  }\r\n\r\n  return resolveValue(value, tokens);\r\n}\r\n\r\nfunction resolveSemanticTokens(\r\n  semanticTokens: SemanticTokens,\r\n  tokens: DesignTokens,\r\n  mode: \"light\" | \"dark\",\r\n): ResolvedTokens {\r\n  const result: ResolvedTokens = {};\r\n\r\n  function walk(value: unknown, path: string[]): void {\r\n    if (typeof value !== \"object\" || value === null) {\r\n      return;\r\n    }\r\n\r\n    if (\"value\" in value) {\r\n      const semanticValue = (value as TokenDefinition).value;\r\n\r\n      const resolved = resolveSemanticValue(semanticValue, mode, tokens);\r\n\r\n      if (resolved !== undefined) {\r\n        result[path.join(\".\")] = resolved;\r\n      }\r\n\r\n      return;\r\n    }\r\n\r\n    for (const [key, child] of Object.entries(\r\n      value as Record<string, unknown>,\r\n    )) {\r\n      walk(child, [...path, key]);\r\n    }\r\n  }\r\n\r\n  walk(semanticTokens, []);\r\n\r\n  return result;\r\n}\r\n\r\nexport function resolveTokens(\r\n  tokens: DesignTokens,\r\n  semanticTokens: SemanticTokens,\r\n  mode: \"light\" | \"dark\",\r\n): ResolvedTokens {\r\n  const primitiveTokens: ResolvedTokens = {};\r\n\r\n  flattenTokens(tokens, [], primitiveTokens, tokens);\r\n\r\n  const resolvedSemanticTokens = resolveSemanticTokens(\r\n    semanticTokens,\r\n    tokens,\r\n    mode,\r\n  );\r\n\r\n  return {\r\n    ...primitiveTokens,\r\n    ...resolvedSemanticTokens,\r\n  };\r\n}\r\n\r\nexport function resolveSemanticTokenReferences(\r\n  tokens: DesignTokens,\r\n  semanticTokens: SemanticTokens,\r\n): SemanticTokens {\r\n  function resolveValue(value: unknown, seen = new Set<string>()): unknown {\r\n    if (typeof value === \"string\") {\r\n      if (!value.startsWith(\"{\") || !value.endsWith(\"}\")) {\r\n        return value;\r\n      }\r\n\r\n      if (seen.has(value)) {\r\n        console.error(\r\n          `[kreativ-core] Circular token reference detected: ${value}`,\r\n        );\r\n\r\n        return value;\r\n      }\r\n\r\n      const resolved = getTokenValue(value, tokens);\r\n\r\n      if (resolved === undefined) {\r\n        console.warn(\r\n          `[kreativ-core] Unable to resolve token reference: ${value}`,\r\n        );\r\n\r\n        return value;\r\n      }\r\n\r\n      const nextSeen = new Set(seen);\r\n      nextSeen.add(value);\r\n\r\n      return resolveValue(resolved, nextSeen);\r\n    }\r\n\r\n    if (Array.isArray(value)) {\r\n      return value.map((item) => resolveValue(item, seen));\r\n    }\r\n\r\n    if (typeof value === \"object\" && value !== null) {\r\n      return Object.fromEntries(\r\n        Object.entries(value).map(([key, child]) => [\r\n          key,\r\n          resolveValue(child, seen),\r\n        ]),\r\n      );\r\n    }\r\n\r\n    return value;\r\n  }\r\n\r\n  return resolveValue(semanticTokens) as SemanticTokens;\r\n}\r\n\r\nexport function tokensToCssVars(\r\n  tokens: ResolvedTokens,\r\n  mode: \"light\" | \"dark\",\r\n  intensity: number,\r\n  prefix = \"kui\",\r\n): Record<string, string> {\r\n  const cssVars: Record<string, string> = {};\r\n\r\n  for (const [path, value] of Object.entries(tokens)) {\r\n    const parts = path.split(\".\");\r\n    const [_first = \"\", second = \"\"] = parts;\r\n\r\n    const isSemanticColor = parts.length === 2 && parts[0] === \"colors\";\r\n\r\n    const isPrimitiveColor = parts.length >= 3 && parts[0] === \"colors\";\r\n\r\n    const varName = isSemanticColor\r\n      ? `--${prefix}-${toKebabCase(second)}`\r\n      : `--${prefix}-${parts.map(toKebabCase).join(\"-\")}`;\r\n\r\n    const outputValue =\r\n      isSemanticColor || isPrimitiveColor ? colorToRgbChannels(value) : value;\r\n\r\n    cssVars[varName] = outputValue;\r\n  }\r\n\r\n  return {\r\n    ...cssVars,\r\n\r\n    [`--${prefix}-mode`]: mode,\r\n    [`--${prefix}-intensity`]: String(intensity),\r\n  };\r\n}\r\n","import * as React from \"react\";\n\nexport interface WarnOnFlatCompoundConflictOptions {\n  /** The flat prop's value (or undefined/falsy if unset). */\n  flatValue: unknown;\n  /**\n   * Override for legitimately-falsy boolean flat props (e.g. a flat\n   * `open={false}` is still \"set\" and should be checked for conflict) —\n   * when provided, this takes precedence over checking flatValue's truthiness.\n   */\n  hasFlatValue?: boolean;\n  children: React.ReactNode;\n  /** The compound part's component reference to match against, e.g. FormField.Label */\n  matchType: React.ElementType;\n  componentName: string;\n  propName: string;\n  childName: string;\n}\n\n/**\n * Detects whether a flat prop (sugar for one specific named compound\n * part) and that same named child are both present in the same\n * render. Scoped ONLY to this named-flat-prop-vs-named-child\n * conflict — not the general flat-vs-compound API style choice\n * (e.g. Slider's flat-or-compound, which has no such conflict since\n * the two are mutually exclusive paths with no simultaneous-use case).\n *\n * Returns true when the matching named child is present, meaning the\n * caller should suppress its flat-prop-derived rendering and let the\n * explicit child win. Warns in dev when BOTH the flat prop and the\n * child are present, since that's very likely an authoring mistake.\n */\nexport function warnOnFlatCompoundConflict({\n  flatValue,\n  hasFlatValue,\n  children,\n  matchType,\n  componentName,\n  propName,\n  childName,\n}: WarnOnFlatCompoundConflictOptions): boolean {\n  const flatIsSet = hasFlatValue !== undefined ? hasFlatValue : Boolean(flatValue);\n\n  let childIsPresent = false;\n  React.Children.forEach(children, (child) => {\n    if (childIsPresent) return;\n    if (React.isValidElement(child) && child.type === matchType) {\n      childIsPresent = true;\n    }\n  });\n\n  if (flatIsSet && childIsPresent && process.env.NODE_ENV !== \"production\") {\n    console.warn(\n      `<${componentName}>: both the \\`${propName}\\` prop and a <${childName} /> child were provided. ` +\n        `The \\`${propName}\\` prop will be ignored in favor of the explicit <${childName} /> child. ` +\n        `Remove one of the two to resolve this warning.`\n    );\n  }\n\n  return childIsPresent;\n}\n","import { RecipeStyle, StyleObject, StyleValue } from \"@/types\";\r\n\r\n/**\r\n * Resolves a `{token.path}` reference to a CSS var() call. Any other value\r\n * passes through unchanged.\r\n *\r\n * \"{colors.brand.500}\" -> \"var(--kui-colors-brand-500)\"\r\n * \"1rem\"                -> \"1rem\" (passthrough)\r\n * 16                     -> 16 (passthrough)\r\n */\r\nexport function resolveToken(value: StyleValue): StyleValue {\r\n  if (typeof value !== \"string\") return value;\r\n\r\n  const match = /^\\{(.+)\\}$/.exec(value.trim());\r\n  if (!match || match[1] === undefined) return value;\r\n\r\n  const path = match[1].trim().replace(/\\./g, \"-\");\r\n  return `var(--kui-${path})`;\r\n}\r\n\r\n/**\r\n * Converts a camelCase CSS property name to kebab-case.\r\n * `\"backgroundColor\"` -> `\"background-color\"`\r\n */\r\nexport function kebabCase(prop: string): string {\r\n  return prop.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\r\n}\r\n\r\n/**\r\n * Serializes a StyleObject into a stable, sorted CSS declaration string.\r\n * Filters out null/undefined values, resolves token references, kebab-cases\r\n * property names, and sorts alphabetically by property name for a stable\r\n * hash regardless of key insertion order.\r\n */\r\nexport function serializeStyle(style: StyleObject): string {\r\n  return Object.entries(style)\r\n    .filter(([, value]) => value !== null && value !== undefined)\r\n    .map(([prop, value]) => [kebabCase(prop), resolveToken(value)] as const)\r\n    .sort(([a], [b]) => (a < b ? -1 : a > b ? 1 : 0))\r\n    .map(([prop, value]) => `${prop}:${value}`)\r\n    .join(\";\");\r\n}\r\n \r\nexport function hashStyle(input: string): string {\r\n  let hash = 5381;\r\n  for (let i = 0; i < input.length; i++) {\r\n    hash = ((hash * 33) ^ input.charCodeAt(i)) >>> 0;\r\n  }\r\n  return hash.toString(36);\r\n}\r\n \r\n \r\nconst STYLE_ELEMENT_ATTR = \"data-kui\";\r\n \r\nlet styleElement: HTMLStyleElement | null = null;\r\n \r\nfunction getStyleElement(): HTMLStyleElement | null {\r\n  if (typeof document === \"undefined\") return null;\r\n  if (styleElement && styleElement.isConnected) return styleElement;\r\n \r\n  const existing = document.querySelector<HTMLStyleElement>(\r\n    `style[${STYLE_ELEMENT_ATTR}]`,\r\n  );\r\n  if (existing) {\r\n    styleElement = existing;\r\n    return styleElement;\r\n  }\r\n \r\n  const el = document.createElement(\"style\");\r\n  el.setAttribute(STYLE_ELEMENT_ATTR, \"\");\r\n  document.head.appendChild(el);\r\n  styleElement = el;\r\n  return styleElement;\r\n}\r\n \r\n/**\r\n * Appends a raw CSS rule to the shared <style data-kui> tag.\r\n * No-ops in non-browser environments (document === undefined).\r\n */\r\nexport function injectStyle(className: string, declarations: string): void {\r\n  const el = getStyleElement();\r\n  if (!el) return;\r\n  el.appendChild(document.createTextNode(`.${className}{${declarations}}`));\r\n}\r\n \r\n/** Map-based dedup registry, keyed by generated class name. */\r\nexport const styleRegistry = new Map<string, true>();\r\n \r\n/**\r\n * Registers a class name's CSS if it hasn't been injected yet.\r\n * Safe to call repeatedly with the same className — only injects once.\r\n */\r\nexport function registerStyle(className: string, declarations: string): void {\r\n  if (styleRegistry.has(className)) return;\r\n  styleRegistry.set(className, true);\r\n  injectStyle(className, declarations);\r\n}\r\n \r\n \r\n/**\r\n * Serializes a StyleObject into CSS, hashes it into a stable `kui-<hash>`\r\n * class name, registers the backing rule (dedup'd), and returns the class\r\n * name for use in a className string.\r\n */\r\nexport function cssToClass(style: StyleObject): string {\r\n  const declarations = serializeStyle(style);\r\n  const className = `kui-${hashStyle(declarations)}`;\r\n  registerStyle(className, declarations);\r\n  return className;\r\n}\r\n \r\n\r\n \r\n/**\r\n * Resolves a single RecipeStyle value to a class-name-safe string.\r\n * Strings pass through unchanged; StyleObjects are routed through the\r\n * atomic-CSS pipeline and resolve to a generated class name.\r\n */\r\nexport function resolveStyle(value: RecipeStyle): string {\r\n  if (typeof value === \"string\") return value;\r\n  return cssToClass(value);\r\n}"]}