@splenddev/kreativ-core 0.1.2 → 0.1.4

package/dist/hooks/index.cjs

@@ -1,449 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-// src/hooks/useBreakpoint.ts
-var BREAKPOINTS = {
-  sm: 640,
-  md: 768,
-  lg: 1024,
-  xl: 1280,
-  "2xl": 1536
-};
-function useBreakpoint(breakpoint) {
-  const query = `(min-width: ${BREAKPOINTS[breakpoint]}px)`;
-  const [matches, setMatches] = React.useState(
-    () => typeof window !== "undefined" && window.matchMedia(query).matches
-  );
-  React.useEffect(() => {
-    const mql = window.matchMedia(query);
-    const listener = (e) => setMatches(e.matches);
-    mql.addEventListener("change", listener);
-    setMatches(mql.matches);
-    return () => mql.removeEventListener("change", listener);
-  }, [query]);
-  return matches;
-}
-var ThemeContext = React.createContext(null);
-
-// src/hooks/useColorMode.ts
-function useColorMode() {
-  const ctx = React.useContext(ThemeContext);
-  if (!ctx) {
-    throw new Error("useColorMode must be used within a ThemeProvider");
-  }
-  return {
-    mode: ctx.mode,
-    setMode: ctx.setMode,
-    toggleColorMode: () => {
-      throw new Error("not implemented");
-    }
-  };
-}
-function useControllableState({
-  value,
-  defaultValue,
-  onChange
-}) {
-  const [internal, setInternal] = React__namespace.useState(defaultValue);
-  const isControlled = value !== void 0;
-  const current = isControlled ? value : internal;
-  const currentRef = React__namespace.useRef(current);
-  currentRef.current = current;
-  const onChangeRef = React__namespace.useRef(onChange);
-  onChangeRef.current = onChange;
-  const set = React__namespace.useCallback(
-    (next) => {
-      if (Object.is(next, currentRef.current)) return;
-      if (!isControlled) setInternal(next);
-      onChangeRef.current?.(next);
-    },
-    [isControlled]
-  );
-  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) {
-    if (value === void 0) continue;
-    const { base, responsive } = resolveResponsiveValue(value);
-    if (base !== void 0) {
-      result.base = { ...result.base, ...toCss(base) };
-    }
-    for (const [bp, v] of Object.entries(responsive)) {
-      result[bp] = { ...result[bp], ...toCss(v) };
-    }
-  }
-  return result;
-}
-function useMergedResponsiveStyles(entries) {
-  return React.useMemo(
-    () => mergeResponsiveProps(entries),
-    entries.map(([value]) => value)
-  );
-}
-
-// 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 = React.useContext(ThemeContext);
-  assertProviderContext(ctx, "useTheme", "ThemeProvider");
-  return ctx;
-}
-
-// src/hooks/useResponsiveStyles.ts
-var cssPropertyToKebab = (property) => property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
-var cssValue = (value) => {
-  if (typeof value === "number") {
-    return String(value);
-  }
-  return value;
-};
-function useResponsiveStyles(responsiveStyles) {
-  const { theme } = useTheme();
-  const id = React.useId();
-  return React.useMemo(() => {
-    if (!responsiveStyles || Object.keys(responsiveStyles).length === 0) {
-      return {
-        attribute: void 0,
-        style: void 0
-      };
-    }
-    const breakpoints = theme.tokens.breakpoints;
-    if (!breakpoints) {
-      return {
-        attribute: void 0,
-        style: void 0
-      };
-    }
-    const attribute = id.replace(/:/g, "");
-    const selector = `[data-kui-responsive="${attribute}"]`;
-    const rules = [];
-    for (const [breakpoint, styles] of Object.entries(responsiveStyles)) {
-      const declarations = Object.entries(styles).filter(([, value]) => value !== void 0).map(
-        ([property, value]) => `${cssPropertyToKebab(property)}:${cssValue(value)};`
-      ).join("");
-      if (!declarations) continue;
-      if (breakpoint === "base") {
-        rules.push(`
-          ${selector} {
-            ${declarations}
-          }
-        `);
-        continue;
-      }
-      const breakpointToken = breakpoints[breakpoint];
-      if (!breakpointToken) continue;
-      rules.push(`
-        @media (min-width: ${breakpointToken.value}) {
-          ${selector} {
-            ${declarations}
-          }
-        }
-      `);
-    }
-    if (rules.length === 0) {
-      return {
-        attribute: void 0,
-        style: void 0
-      };
-    }
-    return {
-      attribute,
-      style: rules.join("\n")
-    };
-  }, [responsiveStyles, theme.tokens.breakpoints, id]);
-}
-var applySizeOffset = (value, offset) => {
-  if (!value || !offset) return value;
-  return `calc(${value} - ${offset})`;
-};
-function useSizeStyle(size, iconOnly = false, componentName = "component", options = {}) {
-  const {
-    widthFromHeight = false,
-    includeHeight = true,
-    includeWidth = false,
-    sizeOffset,
-    fontSizeOffset
-  } = options;
-  const { theme, fallbackSize } = useTheme();
-  return React.useMemo(() => {
-    const scale = theme.sizes;
-    const resolveToken = (sizeName) => scale[sizeName] ?? scale[fallbackSize] ?? Object.values(scale)[0] ?? {};
-    const buildStyle = (sizeName) => {
-      const token2 = resolveToken(sizeName);
-      const style = {};
-      if (includeHeight && token2.height) {
-        style.height = applySizeOffset(token2.height, sizeOffset);
-      }
-      if (includeWidth) {
-        if (iconOnly && token2.width) {
-          style.width = applySizeOffset(token2.width, sizeOffset);
-        } else if ((iconOnly || widthFromHeight) && includeHeight && token2.height) {
-          style.width = applySizeOffset(token2.height, sizeOffset);
-        }
-      }
-      if (!iconOnly && token2.paddingX) {
-        style.paddingLeft = token2.paddingX;
-        style.paddingRight = token2.paddingX;
-      }
-      if (token2.paddingY) {
-        style.paddingTop = token2.paddingY;
-        style.paddingBottom = token2.paddingY;
-      }
-      if (token2.fontSize) {
-        style.fontSize = applySizeOffset(token2.fontSize, fontSizeOffset);
-      }
-      if (token2.gap) {
-        style.gap = iconOnly ? 0 : token2.gap;
-      }
-      if (token2.radius) {
-        const varName = `--kui-${componentName}-radius`;
-        style[varName] = token2.radius;
-      }
-      return style;
-    };
-    if (!isResponsiveValue(size)) {
-      const style = buildStyle(size);
-      const token2 = resolveToken(size);
-      return {
-        style,
-        iconSize: token2.iconSize,
-        fontSize: applySizeOffset(token2.fontSize, fontSizeOffset),
-        gap: token2.gap
-      };
-    }
-    const { base, ...breakpoints } = size;
-    const baseSize = base ?? fallbackSize;
-    const responsiveStyles = {
-      base: buildStyle(baseSize)
-    };
-    for (const [breakpoint, breakpointSize] of Object.entries(breakpoints)) {
-      if (breakpointSize === void 0) continue;
-      responsiveStyles[breakpoint] = buildStyle(breakpointSize);
-    }
-    const token = resolveToken(baseSize);
-    return {
-      style: {},
-      responsiveStyles,
-      iconSize: token.iconSize,
-      fontSize: applySizeOffset(token.fontSize, fontSizeOffset),
-      gap: token.gap
-    };
-  }, [
-    theme.sizes,
-    size,
-    fallbackSize,
-    iconOnly,
-    includeHeight,
-    includeWidth,
-    widthFromHeight,
-    componentName,
-    sizeOffset,
-    fontSizeOffset
-  ]);
-}
-function applyOffset(value, offset) {
-  if (offset == null || value == null) {
-    return value;
-  }
-  if (typeof value !== "string") {
-    return value;
-  }
-  return `calc(${value} - ${offset})`;
-}
-function useSizeToken(size, key, offset) {
-  const { theme, fallbackSize } = useTheme();
-  return React.useMemo(() => {
-    const scale = theme.sizes;
-    const baseSize = isResponsiveValue(size) ? size.base ?? fallbackSize : size;
-    const token = scale[baseSize] ?? scale[fallbackSize] ?? Object.values(scale)[0] ?? {};
-    if (!key) {
-      return token;
-    }
-    return applyOffset(token[key], offset);
-  }, [theme.sizes, size, fallbackSize, key, offset]);
-}
-
-// src/hooks/useSizes.ts
-function getSizes(theme) {
-  return Object.keys(theme.sizes ?? {});
-}
-function useSizes() {
-  const { theme } = useTheme();
-  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();
-  return resolveTypography(
-    name ? theme.typography[name] : void 0,
-    theme.tokens
-  );
-}
-function useUndoRedo(initialValue, options = {}) {
-  const { maxHistory = 30, onValueChange } = options;
-  const [value, setValue] = React.useState(initialValue);
-  const historyRef = React.useRef([initialValue]);
-  const indexRef = React.useRef(0);
-  const push = React.useCallback(
-    (newValue) => {
-      if (newValue === historyRef.current[indexRef.current]) return;
-      historyRef.current = historyRef.current.slice(0, indexRef.current + 1);
-      historyRef.current.push(newValue);
-      if (historyRef.current.length > maxHistory) {
-        historyRef.current = historyRef.current.slice(-maxHistory);
-        indexRef.current = historyRef.current.length - 1;
-      } else {
-        indexRef.current = historyRef.current.length - 1;
-      }
-      setValue(newValue);
-      onValueChange?.(newValue);
-    },
-    [maxHistory, onValueChange]
-  );
-  const undo = React.useCallback(() => {
-    if (indexRef.current <= 0) return;
-    indexRef.current -= 1;
-    const newValue = historyRef.current[indexRef.current];
-    setValue(newValue);
-    onValueChange?.(newValue);
-  }, [onValueChange]);
-  const redo = React.useCallback(() => {
-    if (indexRef.current >= historyRef.current.length - 1) return;
-    indexRef.current += 1;
-    const newVal = historyRef.current[indexRef.current];
-    setValue(newVal);
-  }, []);
-  const reset = React.useCallback(
-    (newValue) => {
-      historyRef.current = [newValue];
-      indexRef.current = 0;
-      setValue(newValue);
-      onValueChange?.(newValue);
-    },
-    [onValueChange]
-  );
-  const canUndo = indexRef.current > 0;
-  const canRedo = indexRef.current < historyRef.current.length - 1;
-  return {
-    value,
-    setValue,
-    push,
-    undo,
-    redo,
-    reset,
-    canUndo,
-    canRedo,
-    history: historyRef.current,
-    currentIndex: indexRef.current
-  };
-}
-
-exports.getSizes = getSizes;
-exports.useBreakpoint = useBreakpoint;
-exports.useColorMode = useColorMode;
-exports.useControllableState = useControllableState;
-exports.useMergedResponsiveStyles = useMergedResponsiveStyles;
-exports.useResponsiveStyles = useResponsiveStyles;
-exports.useSizeStyle = useSizeStyle;
-exports.useSizeToken = useSizeToken;
-exports.useSizes = useSizes;
-exports.useTypography = useTypography;
-exports.useUndoRedo = useUndoRedo;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

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

package/dist/hooks/index.d.cts

@@ -1,117 +0,0 @@
-import { BaseBreakpoint, ColorMode, ResponsiveValue, ResponsiveStyles, SizeToken, Theme, Size } from '../types/index.cjs';
-import * as React from 'react';
-import { CSSProperties } from 'react';
-
-declare function useBreakpoint(breakpoint: BaseBreakpoint): boolean;
-
-interface UseColorModeReturn {
-    mode: ColorMode;
-    setMode: (mode: ColorMode) => void;
-    toggleColorMode: () => void;
-}
-declare function useColorMode(): UseColorModeReturn;
-
-interface UseControllableStateOptions<T> {
-    value?: T;
-    defaultValue: T;
-    onChange?: (next: T) => void;
-}
-declare function useControllableState<T>({ value, defaultValue, onChange, }: UseControllableStateOptions<T>): [T, (next: T) => void];
-
-/**
- * One entry: a responsive prop value plus a mapper from that value to a
- * partial CSSProperties object.
- *
- * Using `any` for the value type because different entries may have different
- * value types, and we only need to call the mapper with the resolved value.
- */
-type ResponsivePropEntry = [
-    value: ResponsiveValue<any> | undefined,
-    toCss: (value: any) => Partial<CSSProperties>
-];
-/**
- * Merges multiple ResponsiveValue<T> props into one ResponsiveStyles map,
- * memoized on the entries' values.
- *
- * @example
- * const responsiveStyles = useMergedResponsiveStyles([
- *   [gap, (v) => ({ gap: spaceVar(v) })],
- *   [align, (v) => ({ alignItems: v })],
- * ]);
- */
-declare function useMergedResponsiveStyles(entries: ResponsivePropEntry[]): ResponsiveStyles;
-
-declare function useResponsiveStyles(responsiveStyles?: ResponsiveStyles): {
-    attribute: undefined;
-    style: undefined;
-} | {
-    attribute: string;
-    style: string;
-};
-
-interface UseSizeStyleOptions {
-    includeHeight?: boolean;
-    includeWidth?: boolean;
-    widthFromHeight?: boolean;
-    sizeOffset?: string;
-    fontSizeOffset?: string;
-}
-interface ResolvedSize {
-    /**
-     * Inline styles for non-responsive sizing.
-     *
-     * For responsive values this is intentionally empty so that
-     * breakpoint styles can override each other through CSS.
-     */
-    style: CSSProperties;
-    /**
-     * Styles generated for responsive sizing.
-     */
-    responsiveStyles?: ResponsiveStyles;
-    iconSize?: CSSProperties["width"];
-    fontSize?: CSSProperties["fontSize"];
-    gap?: CSSProperties["gap"];
-}
-declare function useSizeStyle(size: ResponsiveValue<string>, iconOnly?: boolean, componentName?: string, options?: UseSizeStyleOptions): ResolvedSize;
-
-declare function useSizeToken(size: ResponsiveValue<string>): SizeToken;
-declare function useSizeToken<K extends keyof SizeToken>(size: ResponsiveValue<string>, key: K, offset?: string): SizeToken[K];
-
-declare function getSizes(theme: Theme): Size[];
-declare function useSizes(): Size[];
-
-declare function useTypography(name?: string): React.CSSProperties;
-
-interface UseUndoRedoOptions {
-    /**
-     * Maximum number of history entries to keep.
-     * Only applies when `undoable` is `true` and the component manages its own history.
-     * @default 30
-     */
-    maxHistory?: number;
-}
-/**
- * Manages a history stack for a value, providing undo/redo capabilities.
- * The hook stores the current value in its own state, but you can also
- * sync it with external state by calling `push` when the external value changes.
- *
- * @param initialValue - The starting value.
- * @param options - Configuration (maxHistory).
- * @returns An object with the current value, setters, and undo/redo controls.
- */
-declare function useUndoRedo<T>(initialValue: T, options?: UseUndoRedoOptions & {
-    onValueChange?: (value: T | undefined) => void;
-}): {
-    value: T | undefined;
-    setValue: React.Dispatch<React.SetStateAction<T | undefined>>;
-    push: (newValue: T) => void;
-    undo: () => void;
-    redo: () => void;
-    reset: (newValue: T) => void;
-    canUndo: boolean;
-    canRedo: boolean;
-    history: T[];
-    currentIndex: number;
-};
-
-export { type ResolvedSize, type ResponsivePropEntry, type UseColorModeReturn, type UseControllableStateOptions, type UseSizeStyleOptions, getSizes, useBreakpoint, useColorMode, useControllableState, useMergedResponsiveStyles, useResponsiveStyles, useSizeStyle, useSizeToken, useSizes, useTypography, useUndoRedo };