@splenddev/kreativ-core 0.1.1 → 0.1.3

package/dist/chunk-5CYSF7C3.js

@@ -0,0 +1,24 @@
+import { createContext, useContext } from 'react';
+
+// src/provider/ThemeContext.tsx
+var ThemeContext = createContext(null);
+
+// src/utils/assertProviderContext.ts
+function assertProviderContext(ctx, hookName, providerName, packageName = "kreativ-core") {
+  if (ctx == null) {
+    throw new Error(
+      `[${packageName}] ${hookName}() must be used within a <${providerName}>. Did you forget to wrap your app with <${providerName}>? import { ${providerName} } from '${packageName}';`
+    );
+  }
+}
+
+// src/provider/useTheme.ts
+function useTheme() {
+  const ctx = useContext(ThemeContext);
+  assertProviderContext(ctx, "useTheme", "ThemeProvider");
+  return ctx;
+}
+
+export { ThemeContext, useTheme };
+//# sourceMappingURL=chunk-5CYSF7C3.js.map
+//# sourceMappingURL=chunk-5CYSF7C3.js.map

package/dist/chunk-5CYSF7C3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/ThemeContext.tsx","../src/utils/assertProviderContext.ts","../src/provider/useTheme.ts"],"names":[],"mappings":";;;AAcO,IAAM,YAAA,GAAe,cAAwC,IAAI;;;ACRjE,SAAS,qBAAA,CACd,GAAA,EACA,QAAA,EACA,YAAA,EACA,cAAc,cAAA,EACI;AAClB,EAAA,IAAI,OAAO,IAAA,EAAM;AACf,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAA,CAAA,EAAI,WAAW,CAAA,EAAA,EAAK,QAAQ,CAAA,0BAAA,EAA6B,YAAY,CAAA,yCAAA,EAC1B,YAAY,CAAA,YAAA,EACzC,YAAY,CAAA,SAAA,EAAY,WAAW,CAAA,EAAA;AAAA,KACnD;AAAA,EACF;AACF;;;ACbO,SAAS,QAAA,GAAW;AACzB,EAAA,MAAM,GAAA,GAAM,WAAW,YAAY,CAAA;AACnC,EAAA,qBAAA,CAAsB,GAAA,EAAK,YAAY,eAAe,CAAA;AACtD,EAAA,OAAO,GAAA;AACT","file":"chunk-5CYSF7C3.js","sourcesContent":["\"use client\";\r\n\r\nimport { createContext } from \"react\";\r\nimport type { ColorMode, Theme, ResolvedTokens } from \"@/types/theme\";\r\n\r\nexport interface ThemeContextValue {\r\n  theme: Theme;\r\n  mode: ColorMode;\r\n  resolvedMode: \"light\" | \"dark\";\r\n  setMode: (mode: ColorMode) => void;\r\n  fallbackSize: string;\r\n  tokens: ResolvedTokens;\r\n}\r\n\r\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\r\n","\"use client\";\r\n\r\n/**\r\n * Throws a standardized \"used outside provider\" error.\r\n * Shared across all kreativ-core hooks so the message stays consistent.\r\n */\r\nexport function assertProviderContext<T>(\r\n  ctx: T | null | undefined,\r\n  hookName: string,\r\n  providerName: string,\r\n  packageName = \"kreativ-core\",\r\n): asserts ctx is T {\r\n  if (ctx == null) {\r\n    throw new Error(\r\n      `[${packageName}] ${hookName}() must be used within a <${providerName}>. ` +\r\n        `Did you forget to wrap your app with <${providerName}>? ` +\r\n        `import { ${providerName} } from '${packageName}';`,\r\n    );\r\n  }\r\n}\r\n","\"use client\";\n\nimport { useContext } from \"react\";\nimport { ThemeContext } from \"@/provider/ThemeContext\";\nimport { assertProviderContext } from \"@/utils/assertProviderContext\";\n\nexport function useTheme() {\n  const ctx = useContext(ThemeContext);\n  assertProviderContext(ctx, \"useTheme\", \"ThemeProvider\");\n  return ctx;\n}\n"]}

package/dist/chunk-OJSXALOI.js

@@ -0,0 +1,352 @@
+import * as React from 'react';
+
+// src/utils/createComponent.tsx
+function createComponent(config) {
+  const C = React.forwardRef(
+    config.render
+  );
+  if (config.displayName) C.displayName = config.displayName;
+  C.__kui = config.__kui;
+  return C;
+}
+function hasKuiMeta(value) {
+  return (typeof value === "function" || typeof value === "object" && value !== null) && "__kui" in value && typeof value.__kui === "object" && value.__kui !== null;
+}
+
+// src/utils/composeRefs.ts
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    }
+  };
+}
+
+// src/utils/createFromProps.ts
+function createFromProps(input) {
+  return {
+    ...input.providerDefaults,
+    ...input.defaultProps,
+    ...input.generatedProps,
+    ...input.consumerProps
+  };
+}
+
+// src/utils/responsive.ts
+function isResponsiveValue(value) {
+  return typeof value === "object" && value !== null;
+}
+function resolveResponsiveValue(value) {
+  if (value === null || typeof value !== "object" || Array.isArray(value)) {
+    return {
+      base: value,
+      responsive: {}
+    };
+  }
+  const responsiveValue = value;
+  const { base, ...responsive } = responsiveValue;
+  return {
+    base,
+    responsive: Object.fromEntries(
+      Object.entries(responsive).filter(([, value2]) => value2 !== void 0)
+    )
+  };
+}
+function toResponsiveClasses(value, resolve) {
+  const classes = [];
+  if (value.base !== void 0) {
+    classes.push(resolve(value.base));
+  }
+  for (const [breakpoint, item] of Object.entries(value.responsive)) {
+    classes.push(
+      item ? item.toString().split(" ").map((className) => `${breakpoint}:${className}`).join(" ") : ""
+    );
+  }
+  return classes.filter(Boolean).join(" ");
+}
+function mergeResponsiveValue(defaults, value) {
+  const defaultValue = resolveResponsiveValue(defaults);
+  if (value === void 0) {
+    return defaultValue;
+  }
+  const overrideValue = resolveResponsiveValue(value);
+  return {
+    base: overrideValue.base ?? defaultValue.base,
+    responsive: {
+      ...defaultValue.responsive,
+      ...overrideValue.responsive
+    }
+  };
+}
+
+// src/utils/deepMerge.ts
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function deepMerge(base, override) {
+  if (override === void 0) {
+    return base;
+  }
+  if (!isPlainObject(base) || !isPlainObject(override)) {
+    return override;
+  }
+  const result = {
+    ...base
+  };
+  for (const [key, value] of Object.entries(override)) {
+    const existing = result[key];
+    if (isPlainObject(existing) && isPlainObject(value)) {
+      result[key] = deepMerge(existing, value);
+    } else {
+      result[key] = value;
+    }
+  }
+  return result;
+}
+
+// src/utils/resolveTokenReference.ts
+function resolveTokenReference(value, tokens) {
+  if (typeof value !== "string") {
+    return typeof value === "number" ? value : "";
+  }
+  const match = value.match(/^\{(.+)\}$/);
+  if (!match || match[1] === void 0) {
+    return value;
+  }
+  const path = match[1].split(".");
+  let current = tokens;
+  for (const key of path) {
+    if (typeof current !== "object" || current === null || !(key in current)) {
+      return "";
+    }
+    current = current[key];
+  }
+  if (typeof current === "object" && current !== null && "value" in current) {
+    const tokenValue = current.value;
+    if (typeof tokenValue === "string" || typeof tokenValue === "number") {
+      return tokenValue;
+    }
+    return "";
+  }
+  return typeof current === "string" || typeof current === "number" ? current : "";
+}
+
+// src/utils/resolveTypography.ts
+function resolveTypography(typography, tokens) {
+  if (!typography) return {};
+  return {
+    fontFamily: resolveTokenReference(typography.fontFamily, tokens),
+    fontSize: resolveTokenReference(typography.fontSize, tokens),
+    fontWeight: resolveTokenReference(typography.fontWeight, tokens),
+    lineHeight: resolveTokenReference(typography.lineHeight, tokens),
+    letterSpacing: resolveTokenReference(
+      typography.letterSpacing,
+      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)
+  };
+}
+
+export { composeRefs, createComponent, createFromProps, deepMerge, hasKuiMeta, isResponsiveValue, mergeResponsiveValue, resolveResponsiveValue, resolveSemanticTokenReferences, resolveTokenReference, resolveTokens, resolveTypography, toKebabCase, toResponsiveClasses, tokensToCssVars };
+//# sourceMappingURL=chunk-OJSXALOI.js.map
+//# sourceMappingURL=chunk-OJSXALOI.js.map

package/dist/chunk-OJSXALOI.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"],"names":["value","resolveValue"],"mappings":"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","file":"chunk-OJSXALOI.js","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/chunk-RV5MKKBP.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-RV5MKKBP.js.map
+//# sourceMappingURL=chunk-RV5MKKBP.js.map

package/dist/chunk-RV5MKKBP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-RV5MKKBP.js"}

package/dist/hooks/index.d.ts

@@ -1,18 +1,8 @@
-import { ColorMode, SizeToken, Theme } from '../types/index.js';
+import { BaseBreakpoint, ColorMode, ResponsiveValue, ResponsiveStyles, SizeToken, Theme, Size } from '../types/index.js';
 import * as React from 'react';
 import { CSSProperties } from 'react';
-import { R as ResponsiveValue, a as ResponsiveStyles, S as Size } from '../common-1QyKLdTc.js';
 
-declare const BREAKPOINTS: {
-    readonly sm: 640;
-    readonly md: 768;
-    readonly lg: 1024;
-    readonly xl: 1280;
-    readonly "2xl": 1536;
-};
-type Breakpoint = keyof typeof BREAKPOINTS;
-/** Returns whether the viewport is at or above the given breakpoint. */
-declare function useBreakpoint(breakpoint: Breakpoint): boolean;
+declare function useBreakpoint(breakpoint: BaseBreakpoint): boolean;
 
 interface UseColorModeReturn {
     mode: ColorMode;

package/dist/hooks/index.js

@@ -1,7 +1,8 @@
+import { ThemeContext, useTheme } from '../chunk-5CYSF7C3.js';
+import { isResponsiveValue, resolveTypography, resolveResponsiveValue } from '../chunk-OJSXALOI.js';
 import * as React from 'react';
-import { createContext, useState, useEffect, useContext, useMemo, useId, useRef, useCallback } from 'react';
+import { useState, useEffect, useContext, useMemo, useId, useRef, useCallback } from 'react';
 
-// src/hooks/useBreakpoint.ts
 var BREAKPOINTS = {
   sm: 640,
   md: 768,
@@ -23,9 +24,6 @@ function useBreakpoint(breakpoint) {
   }, [query]);
   return matches;
 }
-var ThemeContext = createContext(null);
-
-// src/hooks/useColorMode.ts
 function useColorMode() {
   const ctx = useContext(ThemeContext);
   if (!ctx) {
@@ -61,29 +59,6 @@ function useControllableState({
   );
   return [current, set];
 }
-
-// src/utils/responsive.ts
-function isResponsiveValue(value) {
-  return typeof value === "object" && value !== null;
-}
-function resolveResponsiveValue(value) {
-  if (value === null || typeof value !== "object" || Array.isArray(value)) {
-    return {
-      base: value,
-      responsive: {}
-    };
-  }
-  const responsiveValue = value;
-  const { base, ...responsive } = responsiveValue;
-  return {
-    base,
-    responsive: Object.fromEntries(
-      Object.entries(responsive).filter(([, value2]) => value2 !== void 0)
-    )
-  };
-}
-
-// src/hooks/useMergedResponsiveStyles.ts
 function mergeResponsiveProps(entries) {
   const result = {};
   for (const [value, toCss] of entries) {
@@ -104,17 +79,6 @@ function useMergedResponsiveStyles(entries) {
     entries.map(([value]) => value)
   );
 }
-function useTheme() {
-  const ctx = useContext(ThemeContext);
-  if (!ctx) {
-    throw new Error(
-      "useTheme() was called outside <UIProvider>. Wrap your app in <UIProvider> from 'kreativ-ui'."
-    );
-  }
-  return ctx;
-}
-
-// src/hooks/useResponsiveStyles.ts
 var cssPropertyToKebab = (property) => property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
 var cssValue = (value) => {
   if (typeof value === "number") {
@@ -297,48 +261,6 @@ function useSizes() {
   return getSizes(theme);
 }
 
-// src/utils/resolveTokenReference.ts
-function resolveTokenReference(value, tokens) {
-  if (typeof value !== "string") {
-    return typeof value === "number" ? value : "";
-  }
-  const match = value.match(/^\{(.+)\}$/);
-  if (!match || match[1] === void 0) {
-    return value;
-  }
-  const path = match[1].split(".");
-  let current = tokens;
-  for (const key of path) {
-    if (typeof current !== "object" || current === null || !(key in current)) {
-      return "";
-    }
-    current = current[key];
-  }
-  if (typeof current === "object" && current !== null && "value" in current) {
-    const tokenValue = current.value;
-    if (typeof tokenValue === "string" || typeof tokenValue === "number") {
-      return tokenValue;
-    }
-    return "";
-  }
-  return typeof current === "string" || typeof current === "number" ? current : "";
-}
-
-// src/utils/resolveTypography.ts
-function resolveTypography(typography, tokens) {
-  if (!typography) return {};
-  return {
-    fontFamily: resolveTokenReference(typography.fontFamily, tokens),
-    fontSize: resolveTokenReference(typography.fontSize, tokens),
-    fontWeight: resolveTokenReference(typography.fontWeight, tokens),
-    lineHeight: resolveTokenReference(typography.lineHeight, tokens),
-    letterSpacing: resolveTokenReference(
-      typography.letterSpacing,
-      tokens
-    )
-  };
-}
-
 // src/hooks/useTypography.ts
 function useTypography(name) {
   const { theme } = useTheme();