@splenddev/kreativ-core 0.1.1 → 0.1.3

package/dist/utils/index.js

@@ -1,152 +1,3 @@
-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
-    )
-  };
-}
-
-export { composeRefs, createComponent, createFromProps, deepMerge, hasKuiMeta, isResponsiveValue, mergeResponsiveValue, resolveResponsiveValue, resolveTokenReference, resolveTypography, toResponsiveClasses };
+export { composeRefs, createComponent, createFromProps, deepMerge, hasKuiMeta, isResponsiveValue, mergeResponsiveValue, resolveResponsiveValue, resolveSemanticTokenReferences, resolveTokenReference, resolveTokens, resolveTypography, toKebabCase, toResponsiveClasses, tokensToCssVars } from '../chunk-OJSXALOI.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.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":["value"],"mappings":"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","file":"index.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"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/package.json

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