@splenddev/kreativ-core 0.1.0 → 0.1.2

package/dist/utils/index.cjs

@@ -169,6 +169,206 @@ function resolveTypography(typography, tokens) {
   };
 }
 
+// src/utils/cssVariables.ts
+function toKebabCase(str) {
+  return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function colorToRgbChannels(value) {
+  const trimmed = value.trim();
+  const rgbMatch = trimmed.match(
+    /^rgba?\(\s*(\d+(?:\.\d+)?)\s*[,\s]\s*(\d+(?:\.\d+)?)\s*[,\s]\s*(\d+(?:\.\d+)?)(?:\s*[/,]\s*[\d.]+%?)?\s*\)$/i
+  );
+  if (rgbMatch) {
+    return `${rgbMatch[1]} ${rgbMatch[2]} ${rgbMatch[3]}`;
+  }
+  if (trimmed.startsWith("#")) {
+    const hex = trimmed.slice(1);
+    if (hex.length === 3) {
+      const r = parseInt(hex.slice(0, 1).repeat(2), 16);
+      const g = parseInt(hex.slice(1, 2).repeat(2), 16);
+      const b = parseInt(hex.slice(2, 3).repeat(2), 16);
+      return `${r} ${g} ${b}`;
+    }
+    if (hex.length === 6) {
+      const r = parseInt(hex.slice(0, 2), 16);
+      const g = parseInt(hex.slice(2, 4), 16);
+      const b = parseInt(hex.slice(4, 6), 16);
+      return `${r} ${g} ${b}`;
+    }
+  }
+  if (/^\d+(?:\.\d+)?\s+\d+(?:\.\d+)?\s+\d+(?:\.\d+)?$/.test(trimmed)) {
+    return trimmed;
+  }
+  return value;
+}
+function getTokenValue(reference, tokens) {
+  const path = reference.replace(/^\{/, "").replace(/\}$/, "").split(".");
+  let current = tokens;
+  for (const segment of path) {
+    if (typeof current !== "object" || current === null || !(segment in current)) {
+      return void 0;
+    }
+    current = current[segment];
+  }
+  if (typeof current === "object" && current !== null && "value" in current) {
+    const value = current.value;
+    if (typeof value === "string" || typeof value === "number") {
+      return value;
+    }
+  }
+  return void 0;
+}
+function resolveReference(reference, tokens, seen = /* @__PURE__ */ new Set()) {
+  if (seen.has(reference)) {
+    console.error(
+      `[kreativ-core] Circular token reference detected: ${reference}`
+    );
+    return void 0;
+  }
+  const nextSeen = new Set(seen);
+  nextSeen.add(reference);
+  const value = getTokenValue(reference, tokens);
+  if (value === void 0) {
+    console.warn(
+      `[kreativ-core] Unable to resolve token reference: ${reference}`
+    );
+    return void 0;
+  }
+  if (typeof value === "number") {
+    return String(value);
+  }
+  if (value.startsWith("{") && value.endsWith("}")) {
+    return resolveReference(value, tokens, nextSeen);
+  }
+  return value;
+}
+function resolveValue(value, tokens) {
+  if (typeof value === "number") {
+    return String(value);
+  }
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  if (value.startsWith("{") && value.endsWith("}")) {
+    return resolveReference(value, tokens);
+  }
+  return value;
+}
+function flattenTokens(value, path, result, tokens) {
+  if (typeof value !== "object" || value === null) {
+    return;
+  }
+  if ("value" in value) {
+    const tokenValue = value.value;
+    const resolved = resolveValue(tokenValue, tokens);
+    if (resolved !== void 0) {
+      result[path.join(".")] = resolved;
+    }
+    return;
+  }
+  for (const [key, child] of Object.entries(value)) {
+    flattenTokens(child, [...path, key], result, tokens);
+  }
+}
+function resolveSemanticValue(value, mode, tokens) {
+  if (typeof value === "object" && value !== null && "light" in value && "dark" in value) {
+    const modeValue = value[mode];
+    return resolveValue(modeValue, tokens);
+  }
+  return resolveValue(value, tokens);
+}
+function resolveSemanticTokens(semanticTokens, tokens, mode) {
+  const result = {};
+  function walk(value, path) {
+    if (typeof value !== "object" || value === null) {
+      return;
+    }
+    if ("value" in value) {
+      const semanticValue = value.value;
+      const resolved = resolveSemanticValue(semanticValue, mode, tokens);
+      if (resolved !== void 0) {
+        result[path.join(".")] = resolved;
+      }
+      return;
+    }
+    for (const [key, child] of Object.entries(
+      value
+    )) {
+      walk(child, [...path, key]);
+    }
+  }
+  walk(semanticTokens, []);
+  return result;
+}
+function resolveTokens(tokens, semanticTokens, mode) {
+  const primitiveTokens = {};
+  flattenTokens(tokens, [], primitiveTokens, tokens);
+  const resolvedSemanticTokens = resolveSemanticTokens(
+    semanticTokens,
+    tokens,
+    mode
+  );
+  return {
+    ...primitiveTokens,
+    ...resolvedSemanticTokens
+  };
+}
+function resolveSemanticTokenReferences(tokens, semanticTokens) {
+  function resolveValue2(value, seen = /* @__PURE__ */ new Set()) {
+    if (typeof value === "string") {
+      if (!value.startsWith("{") || !value.endsWith("}")) {
+        return value;
+      }
+      if (seen.has(value)) {
+        console.error(
+          `[kreativ-core] Circular token reference detected: ${value}`
+        );
+        return value;
+      }
+      const resolved = getTokenValue(value, tokens);
+      if (resolved === void 0) {
+        console.warn(
+          `[kreativ-core] Unable to resolve token reference: ${value}`
+        );
+        return value;
+      }
+      const nextSeen = new Set(seen);
+      nextSeen.add(value);
+      return resolveValue2(resolved, nextSeen);
+    }
+    if (Array.isArray(value)) {
+      return value.map((item) => resolveValue2(item, seen));
+    }
+    if (typeof value === "object" && value !== null) {
+      return Object.fromEntries(
+        Object.entries(value).map(([key, child]) => [
+          key,
+          resolveValue2(child, seen)
+        ])
+      );
+    }
+    return value;
+  }
+  return resolveValue2(semanticTokens);
+}
+function tokensToCssVars(tokens, mode, intensity, prefix = "kui") {
+  const cssVars = {};
+  for (const [path, value] of Object.entries(tokens)) {
+    const parts = path.split(".");
+    const [_first = "", second = ""] = parts;
+    const isSemanticColor = parts.length === 2 && parts[0] === "colors";
+    const isPrimitiveColor = parts.length >= 3 && parts[0] === "colors";
+    const varName = isSemanticColor ? `--${prefix}-${toKebabCase(second)}` : `--${prefix}-${parts.map(toKebabCase).join("-")}`;
+    const outputValue = isSemanticColor || isPrimitiveColor ? colorToRgbChannels(value) : value;
+    cssVars[varName] = outputValue;
+  }
+  return {
+    ...cssVars,
+    [`--${prefix}-mode`]: mode,
+    [`--${prefix}-intensity`]: String(intensity)
+  };
+}
+
 exports.composeRefs = composeRefs;
 exports.createComponent = createComponent;
 exports.createFromProps = createFromProps;
@@ -177,8 +377,12 @@ exports.hasKuiMeta = hasKuiMeta;
 exports.isResponsiveValue = isResponsiveValue;
 exports.mergeResponsiveValue = mergeResponsiveValue;
 exports.resolveResponsiveValue = resolveResponsiveValue;
+exports.resolveSemanticTokenReferences = resolveSemanticTokenReferences;
 exports.resolveTokenReference = resolveTokenReference;
+exports.resolveTokens = resolveTokens;
 exports.resolveTypography = resolveTypography;
+exports.toKebabCase = toKebabCase;
 exports.toResponsiveClasses = toResponsiveClasses;
+exports.tokensToCssVars = tokensToCssVars;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/utils/index.cjs.map

@@ -1 +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"],"names":["React","value"],"mappings":"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","file":"index.cjs","sourcesContent":["import * as React from \"react\";\n\nexport interface KuiSupports {\n  disabled?: boolean;\n  invalid?: boolean;\n  required?: boolean;\n  [key: string]: boolean | undefined;\n}\nexport type KuiSkeletonHint =\n  | \"text\"\n  | \"rect\"\n  | \"circle\"\n  | \"input-shaped\"\n  | \"preserve\"\n  | (string & {});\nexport type KuiRole =\n  | \"action\"\n  | \"formControl\"\n  | \"overlay\"\n  | \"layout\"\n  | \"display\"\n  | \"disclosure\"\n  | \"navigation\"\n  | (string & {});\n\nexport interface KuiMeta {\n  formControl?: \"single\" | \"compound\";\n  supports?: KuiSupports;\n  skeleton?: KuiSkeletonHint;\n  role?: KuiRole;\n  groupSlot?: string;\n}\n\nexport type KuiComponent<P, E> = React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<P> & React.RefAttributes<E>\n> & { __kui: KuiMeta };\n\nexport interface CreateComponentConfig<P, E> {\n  __kui: KuiMeta;\n  render: (props: P, ref: React.ForwardedRef<E>) => React.ReactElement | null;\n  displayName?: string;\n}\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  if (config.displayName) C.displayName = config.displayName;\n  C.__kui = config.__kui;\n  return C;\n}\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","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"]}
+{"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"],"names":["React","value","resolveValue"],"mappings":"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","file":"index.cjs","sourcesContent":["import * as React from \"react\";\n\nexport interface KuiSupports {\n  disabled?: boolean;\n  invalid?: boolean;\n  required?: boolean;\n  [key: string]: boolean | undefined;\n}\nexport type KuiSkeletonHint =\n  | \"text\"\n  | \"rect\"\n  | \"circle\"\n  | \"input-shaped\"\n  | \"preserve\"\n  | (string & {});\nexport type KuiRole =\n  | \"action\"\n  | \"formControl\"\n  | \"overlay\"\n  | \"layout\"\n  | \"display\"\n  | \"disclosure\"\n  | \"navigation\"\n  | (string & {});\n\nexport interface KuiMeta {\n  formControl?: \"single\" | \"compound\";\n  supports?: KuiSupports;\n  skeleton?: KuiSkeletonHint;\n  role?: KuiRole;\n  groupSlot?: string;\n}\n\nexport type KuiComponent<P, E> = React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<P> & React.RefAttributes<E>\n> & { __kui: KuiMeta };\n\nexport interface CreateComponentConfig<P, E> {\n  __kui: KuiMeta;\n  render: (props: P, ref: React.ForwardedRef<E>) => React.ReactElement | null;\n  displayName?: string;\n}\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  if (config.displayName) C.displayName = config.displayName;\n  C.__kui = config.__kui;\n  return C;\n}\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","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"]}

package/dist/utils/index.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { CSSProperties } from 'react';
-import { R as ResponsiveValue, B as BaseBreakpoint, $ as TypographyStyle, D as DesignTokens } from '../common-1QyKLdTc.cjs';
+import { ResponsiveValue, BaseBreakpoint, TypographyStyle, DesignTokens, SemanticTokens, ResolvedTokens } from '../types/index.cjs';
 
 interface KuiSupports {
     disabled?: boolean;
@@ -56,4 +56,9 @@ declare function resolveTypography(typography: TypographyStyle | undefined, toke
 
 declare function resolveTokenReference(value: unknown, tokens: DesignTokens): string | number;
 
-export { type CreateComponentConfig, type CreateFromPropsInput, type KuiComponent, type KuiMeta, type KuiRole, type KuiSkeletonHint, type KuiSupports, type ResolvedResponsiveValue, composeRefs, createComponent, createFromProps, deepMerge, hasKuiMeta, isResponsiveValue, mergeResponsiveValue, resolveResponsiveValue, resolveTokenReference, resolveTypography, toResponsiveClasses };
+declare function toKebabCase(str: string): string;
+declare function resolveTokens(tokens: DesignTokens, semanticTokens: SemanticTokens, mode: "light" | "dark"): ResolvedTokens;
+declare function resolveSemanticTokenReferences(tokens: DesignTokens, semanticTokens: SemanticTokens): SemanticTokens;
+declare function tokensToCssVars(tokens: ResolvedTokens, mode: "light" | "dark", intensity: number, prefix?: string): Record<string, string>;
+
+export { type CreateComponentConfig, type CreateFromPropsInput, type KuiComponent, type KuiMeta, type KuiRole, type KuiSkeletonHint, type KuiSupports, type ResolvedResponsiveValue, composeRefs, createComponent, createFromProps, deepMerge, hasKuiMeta, isResponsiveValue, mergeResponsiveValue, resolveResponsiveValue, resolveSemanticTokenReferences, resolveTokenReference, resolveTokens, resolveTypography, toKebabCase, toResponsiveClasses, tokensToCssVars };

package/dist/utils/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { CSSProperties } from 'react';
-import { R as ResponsiveValue, B as BaseBreakpoint, $ as TypographyStyle, D as DesignTokens } from '../common-1QyKLdTc.js';
+import { ResponsiveValue, BaseBreakpoint, TypographyStyle, DesignTokens, SemanticTokens, ResolvedTokens } from '../types/index.js';
 
 interface KuiSupports {
     disabled?: boolean;
@@ -56,4 +56,9 @@ declare function resolveTypography(typography: TypographyStyle | undefined, toke
 
 declare function resolveTokenReference(value: unknown, tokens: DesignTokens): string | number;
 
-export { type CreateComponentConfig, type CreateFromPropsInput, type KuiComponent, type KuiMeta, type KuiRole, type KuiSkeletonHint, type KuiSupports, type ResolvedResponsiveValue, composeRefs, createComponent, createFromProps, deepMerge, hasKuiMeta, isResponsiveValue, mergeResponsiveValue, resolveResponsiveValue, resolveTokenReference, resolveTypography, toResponsiveClasses };
+declare function toKebabCase(str: string): string;
+declare function resolveTokens(tokens: DesignTokens, semanticTokens: SemanticTokens, mode: "light" | "dark"): ResolvedTokens;
+declare function resolveSemanticTokenReferences(tokens: DesignTokens, semanticTokens: SemanticTokens): SemanticTokens;
+declare function tokensToCssVars(tokens: ResolvedTokens, mode: "light" | "dark", intensity: number, prefix?: string): Record<string, string>;
+
+export { type CreateComponentConfig, type CreateFromPropsInput, type KuiComponent, type KuiMeta, type KuiRole, type KuiSkeletonHint, type KuiSupports, type ResolvedResponsiveValue, composeRefs, createComponent, createFromProps, deepMerge, hasKuiMeta, isResponsiveValue, mergeResponsiveValue, resolveResponsiveValue, resolveSemanticTokenReferences, resolveTokenReference, resolveTokens, resolveTypography, toKebabCase, toResponsiveClasses, tokensToCssVars };

package/dist/utils/index.js

@@ -147,6 +147,206 @@ function resolveTypography(typography, tokens) {
   };
 }
 
-export { composeRefs, createComponent, createFromProps, deepMerge, hasKuiMeta, isResponsiveValue, mergeResponsiveValue, resolveResponsiveValue, resolveTokenReference, resolveTypography, toResponsiveClasses };
+// src/utils/cssVariables.ts
+function toKebabCase(str) {
+  return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function colorToRgbChannels(value) {
+  const trimmed = value.trim();
+  const rgbMatch = trimmed.match(
+    /^rgba?\(\s*(\d+(?:\.\d+)?)\s*[,\s]\s*(\d+(?:\.\d+)?)\s*[,\s]\s*(\d+(?:\.\d+)?)(?:\s*[/,]\s*[\d.]+%?)?\s*\)$/i
+  );
+  if (rgbMatch) {
+    return `${rgbMatch[1]} ${rgbMatch[2]} ${rgbMatch[3]}`;
+  }
+  if (trimmed.startsWith("#")) {
+    const hex = trimmed.slice(1);
+    if (hex.length === 3) {
+      const r = parseInt(hex.slice(0, 1).repeat(2), 16);
+      const g = parseInt(hex.slice(1, 2).repeat(2), 16);
+      const b = parseInt(hex.slice(2, 3).repeat(2), 16);
+      return `${r} ${g} ${b}`;
+    }
+    if (hex.length === 6) {
+      const r = parseInt(hex.slice(0, 2), 16);
+      const g = parseInt(hex.slice(2, 4), 16);
+      const b = parseInt(hex.slice(4, 6), 16);
+      return `${r} ${g} ${b}`;
+    }
+  }
+  if (/^\d+(?:\.\d+)?\s+\d+(?:\.\d+)?\s+\d+(?:\.\d+)?$/.test(trimmed)) {
+    return trimmed;
+  }
+  return value;
+}
+function getTokenValue(reference, tokens) {
+  const path = reference.replace(/^\{/, "").replace(/\}$/, "").split(".");
+  let current = tokens;
+  for (const segment of path) {
+    if (typeof current !== "object" || current === null || !(segment in current)) {
+      return void 0;
+    }
+    current = current[segment];
+  }
+  if (typeof current === "object" && current !== null && "value" in current) {
+    const value = current.value;
+    if (typeof value === "string" || typeof value === "number") {
+      return value;
+    }
+  }
+  return void 0;
+}
+function resolveReference(reference, tokens, seen = /* @__PURE__ */ new Set()) {
+  if (seen.has(reference)) {
+    console.error(
+      `[kreativ-core] Circular token reference detected: ${reference}`
+    );
+    return void 0;
+  }
+  const nextSeen = new Set(seen);
+  nextSeen.add(reference);
+  const value = getTokenValue(reference, tokens);
+  if (value === void 0) {
+    console.warn(
+      `[kreativ-core] Unable to resolve token reference: ${reference}`
+    );
+    return void 0;
+  }
+  if (typeof value === "number") {
+    return String(value);
+  }
+  if (value.startsWith("{") && value.endsWith("}")) {
+    return resolveReference(value, tokens, nextSeen);
+  }
+  return value;
+}
+function resolveValue(value, tokens) {
+  if (typeof value === "number") {
+    return String(value);
+  }
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  if (value.startsWith("{") && value.endsWith("}")) {
+    return resolveReference(value, tokens);
+  }
+  return value;
+}
+function flattenTokens(value, path, result, tokens) {
+  if (typeof value !== "object" || value === null) {
+    return;
+  }
+  if ("value" in value) {
+    const tokenValue = value.value;
+    const resolved = resolveValue(tokenValue, tokens);
+    if (resolved !== void 0) {
+      result[path.join(".")] = resolved;
+    }
+    return;
+  }
+  for (const [key, child] of Object.entries(value)) {
+    flattenTokens(child, [...path, key], result, tokens);
+  }
+}
+function resolveSemanticValue(value, mode, tokens) {
+  if (typeof value === "object" && value !== null && "light" in value && "dark" in value) {
+    const modeValue = value[mode];
+    return resolveValue(modeValue, tokens);
+  }
+  return resolveValue(value, tokens);
+}
+function resolveSemanticTokens(semanticTokens, tokens, mode) {
+  const result = {};
+  function walk(value, path) {
+    if (typeof value !== "object" || value === null) {
+      return;
+    }
+    if ("value" in value) {
+      const semanticValue = value.value;
+      const resolved = resolveSemanticValue(semanticValue, mode, tokens);
+      if (resolved !== void 0) {
+        result[path.join(".")] = resolved;
+      }
+      return;
+    }
+    for (const [key, child] of Object.entries(
+      value
+    )) {
+      walk(child, [...path, key]);
+    }
+  }
+  walk(semanticTokens, []);
+  return result;
+}
+function resolveTokens(tokens, semanticTokens, mode) {
+  const primitiveTokens = {};
+  flattenTokens(tokens, [], primitiveTokens, tokens);
+  const resolvedSemanticTokens = resolveSemanticTokens(
+    semanticTokens,
+    tokens,
+    mode
+  );
+  return {
+    ...primitiveTokens,
+    ...resolvedSemanticTokens
+  };
+}
+function resolveSemanticTokenReferences(tokens, semanticTokens) {
+  function resolveValue2(value, seen = /* @__PURE__ */ new Set()) {
+    if (typeof value === "string") {
+      if (!value.startsWith("{") || !value.endsWith("}")) {
+        return value;
+      }
+      if (seen.has(value)) {
+        console.error(
+          `[kreativ-core] Circular token reference detected: ${value}`
+        );
+        return value;
+      }
+      const resolved = getTokenValue(value, tokens);
+      if (resolved === void 0) {
+        console.warn(
+          `[kreativ-core] Unable to resolve token reference: ${value}`
+        );
+        return value;
+      }
+      const nextSeen = new Set(seen);
+      nextSeen.add(value);
+      return resolveValue2(resolved, nextSeen);
+    }
+    if (Array.isArray(value)) {
+      return value.map((item) => resolveValue2(item, seen));
+    }
+    if (typeof value === "object" && value !== null) {
+      return Object.fromEntries(
+        Object.entries(value).map(([key, child]) => [
+          key,
+          resolveValue2(child, seen)
+        ])
+      );
+    }
+    return value;
+  }
+  return resolveValue2(semanticTokens);
+}
+function tokensToCssVars(tokens, mode, intensity, prefix = "kui") {
+  const cssVars = {};
+  for (const [path, value] of Object.entries(tokens)) {
+    const parts = path.split(".");
+    const [_first = "", second = ""] = parts;
+    const isSemanticColor = parts.length === 2 && parts[0] === "colors";
+    const isPrimitiveColor = parts.length >= 3 && parts[0] === "colors";
+    const varName = isSemanticColor ? `--${prefix}-${toKebabCase(second)}` : `--${prefix}-${parts.map(toKebabCase).join("-")}`;
+    const outputValue = isSemanticColor || isPrimitiveColor ? colorToRgbChannels(value) : value;
+    cssVars[varName] = outputValue;
+  }
+  return {
+    ...cssVars,
+    [`--${prefix}-mode`]: mode,
+    [`--${prefix}-intensity`]: String(intensity)
+  };
+}
+
+export { composeRefs, createComponent, createFromProps, deepMerge, hasKuiMeta, isResponsiveValue, mergeResponsiveValue, resolveResponsiveValue, resolveSemanticTokenReferences, resolveTokenReference, resolveTokens, resolveTypography, toKebabCase, toResponsiveClasses, tokensToCssVars };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map