baseline-kit 5.0.0 → 5.2.0

package/dist/guide.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"guide.mjs","names":[],"sources":["../packages/core/src/config/defaults.ts","../packages/core/src/config/merge.ts","../packages/react/src/components/Config/Config.tsx","../packages/core/src/utils/parse.ts","../packages/core/src/utils/convert.ts","../packages/core/src/utils/math.ts","../packages/core/src/utils/normalize.ts","../packages/core/src/utils/merge.ts","../packages/core/src/validation/guide.ts","../packages/core/src/utils/grid.ts","../packages/core/src/descriptors/guide.ts","../packages/react/src/hooks/useConfig.ts","../packages/react/src/hooks/useDebug.ts","../packages/dom/src/timing.ts","../packages/dom/src/measure.ts","../packages/react/src/hooks/useMeasure.ts","../packages/dom/src/viewport.ts","../packages/react/src/hooks/useGuide.ts","../packages/react/src/hooks/useIsClient.ts","../packages/react/src/utils/ssr.tsx","../packages/react/src/utils/merge.ts","../packages/react/src/components/Guide/styles.module.css","../packages/react/src/components/Guide/Guide.tsx"],"sourcesContent":["import type { ConfigSchema } from './schema'\n\nexport const DEFAULT_CONFIG: ConfigSchema = {\n  base: 8,\n  baseline: {\n    variant: 'line',\n    debugging: 'hidden',\n    colors: {\n      line: 'var(--bk-baseline-color-line-theme)',\n      flat: 'var(--bk-baseline-color-flat-theme)',\n    },\n  },\n  guide: {\n    variant: 'line',\n    debugging: 'hidden',\n    colors: {\n      line: 'var(--bk-guide-color-line-theme)',\n      pattern: 'var(--bk-guide-color-pattern-theme)',\n      auto: 'var(--bk-guide-color-auto-theme)',\n      fixed: 'var(--bk-guide-color-fixed-theme)',\n    },\n  },\n  spacer: {\n    variant: 'line',\n    debugging: 'hidden',\n    colors: {\n      line: 'var(--bk-spacer-color-line-theme)',\n      flat: 'var(--bk-spacer-color-flat-theme)',\n      text: 'var(--bk-spacer-color-text-theme)',\n    },\n  },\n  box: {\n    debugging: 'hidden',\n    colors: {\n      line: 'var(--bk-box-color-line-theme)',\n      flat: 'var(--bk-box-color-flat-theme)',\n      text: 'var(--bk-box-color-text-theme)',\n    },\n  },\n  padder: {\n    debugging: 'hidden',\n    color: 'var(--bk-padder-color-theme)',\n  },\n} as const\n","import type { ConfigSchema } from './schema'\n\ntype MergeConfigParams = {\n  parentConfig: ConfigSchema\n  base?: number\n  baseline?: Partial<ConfigSchema['baseline']>\n  guide?: Partial<ConfigSchema['guide']>\n  spacer?: Partial<ConfigSchema['spacer']>\n  box?: Partial<ConfigSchema['box']>\n  padder?: Partial<ConfigSchema['padder']>\n}\n\nconst COMPONENT_KEYS = ['baseline', 'guide', 'spacer', 'box', 'padder'] as const\n\nexport const mergeConfig = (params: MergeConfigParams): ConfigSchema => {\n  const { parentConfig, base } = params\n  const merged = {} as Record<string, unknown>\n\n  for (const key of COMPONENT_KEYS) {\n    merged[key] = { ...parentConfig[key], ...params[key] }\n  }\n\n  return { base: base ?? parentConfig.base, ...merged } as ConfigSchema\n}\n\ntype CSSVariablesParams = {\n  base: number\n  baseline: ConfigSchema['baseline']\n  guide: ConfigSchema['guide']\n  spacer: ConfigSchema['spacer']\n  box: ConfigSchema['box']\n  padder: ConfigSchema['padder']\n}\n\nexport const createCSSVariables = (\n  params: CSSVariablesParams\n): Record<string, string> => {\n  const { base, baseline, guide, spacer, box, padder } = params\n  return {\n    '--bk-base': `${base}px`,\n    '--bkbl-cl': baseline.colors.line,\n    '--bkbl-cf': baseline.colors.flat,\n    '--bkgd-cl': guide.colors.line,\n    '--bkgd-cp': guide.colors.pattern,\n    '--bkgd-ca': guide.colors.auto,\n    '--bkgd-cf': guide.colors.fixed,\n    '--bksp-cl': spacer.colors.line,\n    '--bksp-cf': spacer.colors.flat,\n    '--bksp-ct': spacer.colors.text,\n    '--bkbx-cl': box.colors.line,\n    '--bkbx-cf': box.colors.flat,\n    '--bkbx-ct': box.colors.text,\n    '--bkpd-c': padder.color,\n  }\n}\n","import * as React from 'react'\nimport type { ConfigSchema } from '@baseline-kit/core/config/schema'\nimport { DEFAULT_CONFIG } from '@baseline-kit/core/config/defaults'\nimport {\n  mergeConfig,\n  createCSSVariables,\n} from '@baseline-kit/core/config/merge'\n\n// Re-export types that consumers need\nexport type { DebuggingMode } from '@baseline-kit/core/types'\nexport type { ConfigSchema } from '@baseline-kit/core/config/schema'\n\n// Create the context\nconst ConfigContext = React.createContext<ConfigSchema>(DEFAULT_CONFIG)\nConfigContext.displayName = 'ConfigContext'\n\n// Update to use React 19's use hook instead of useContext\nexport const useDefaultConfig = () => React.use(ConfigContext)\n\ntype ConfigProps = {\n  children: React.ReactNode\n  base?: number\n  baseline?: Partial<ConfigSchema['baseline']>\n  guide?: Partial<ConfigSchema['guide']>\n  spacer?: Partial<ConfigSchema['spacer']>\n  box?: Partial<ConfigSchema['box']>\n  padder?: Partial<ConfigSchema['padder']>\n}\n\n/**\n * Configuration provider for baseline-kit components.\n */\nexport function Config({\n  children,\n  base,\n  baseline,\n  guide,\n  spacer,\n  box,\n  padder,\n}: ConfigProps) {\n  const parentConfig = useDefaultConfig()\n\n  const value = React.useMemo(() => {\n    return mergeConfig({\n      parentConfig,\n      base,\n      baseline,\n      guide,\n      spacer,\n      box,\n      padder,\n    })\n  }, [parentConfig, base, baseline, guide, spacer, box, padder])\n\n  return <ConfigContext value={value}>{children}</ConfigContext>\n}\n\n// Re-export createCSSVariables and mergeConfig for consumers\nexport { createCSSVariables, mergeConfig }\n","export function parseUnit(\n  value: string\n): { value: number; unit: string } | null {\n  const match = value.trim().match(/^([+-]?[\\d.]+)([a-zA-Z%]+)$/)\n  if (!match) return null\n  const num = parseFloat(match[1])\n  const unit = match[2]\n  return { value: num, unit }\n}\n\nexport function formatValue(\n  value: string | number | undefined,\n  defaultValue?: number\n): string {\n  if (value === undefined && defaultValue !== undefined)\n    return `${defaultValue}px`\n  if (\n    value === 'auto' ||\n    (typeof value === 'string' &&\n      /^(auto|100%|0|.*(fr|vh|vw|vmin|vmax|rem))$/.test(value))\n  ) {\n    return String(value)\n  }\n  if (typeof value === 'number') return `${value}px`\n  return value ?? ''\n}\n","import { parseUnit } from './parse'\n\nexport interface ConversionContext {\n  parentSize?: number\n  viewportWidth?: number\n  viewportHeight?: number\n  rootFontSize?: number\n  parentFontSize?: number\n}\n\nconst DEFAULT_CONTEXT: Required<ConversionContext> = {\n  parentSize: 0,\n  viewportWidth: 1920,\n  viewportHeight: 1080,\n  rootFontSize: 16,\n  parentFontSize: 16,\n}\n\nexport const ABSOLUTE_UNIT_CONVERSIONS: Record<string, number> = {\n  px: 1,\n  in: 96,\n  cm: 37.8,\n  mm: 3.78,\n  pt: 1.33,\n  pc: 16,\n}\n\nexport const RELATIVE_UNITS: string[] = [\n  'em',\n  'rem',\n  'vh',\n  'vw',\n  'vmin',\n  'vmax',\n  '%',\n]\n\nconst RELATIVE_UNIT_RESOLVERS: Record<\n  string,\n  (ctx: Required<ConversionContext>) => number\n> = {\n  em: (ctx) => ctx.parentFontSize,\n  rem: (ctx) => ctx.rootFontSize,\n  vh: (ctx) => ctx.viewportHeight / 100,\n  vw: (ctx) => ctx.viewportWidth / 100,\n  vmin: (ctx) => Math.min(ctx.viewportWidth, ctx.viewportHeight) / 100,\n  vmax: (ctx) => Math.max(ctx.viewportWidth, ctx.viewportHeight) / 100,\n  '%': (ctx) => ctx.parentSize / 100,\n}\n\nexport function convertValue(\n  value: number | string | undefined,\n  context?: ConversionContext\n): number | null {\n  if (typeof value === 'number') return value\n  if (typeof value !== 'string') return null\n\n  const parsed = parseUnit(value)\n  if (!parsed) return null\n\n  const { value: num, unit } = parsed\n\n  if (unit in ABSOLUTE_UNIT_CONVERSIONS) {\n    return num * ABSOLUTE_UNIT_CONVERSIONS[unit]\n  }\n\n  if (unit === 'auto') return null\n\n  const resolver = RELATIVE_UNIT_RESOLVERS[unit]\n  if (resolver) {\n    const ctx = { ...DEFAULT_CONTEXT, ...context }\n    return num * resolver(ctx)\n  }\n\n  return null\n}\n","export function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max)\n}\n\ntype RowCountParams = {\n  height?: number\n  top: number\n  bottom: number\n  base: number\n}\n\nexport function calculateRowCount(params: RowCountParams): number {\n  const { height, top, bottom, base } = params\n  const totalHeight = (height ?? 0) - (top + bottom)\n  return Math.max(1, Math.floor(totalHeight / base))\n}\n","import { convertValue, type ConversionContext } from './convert'\nimport { clamp } from './math'\n\nexport interface NormalizationOptions {\n  base?: number\n  round?: boolean\n  clamp?: { min?: number; max?: number }\n  suppressWarnings?: boolean\n  context?: ConversionContext\n}\n\nexport function normalizeValue(\n  value: string | number | undefined,\n  options: NormalizationOptions = {}\n): number {\n  const {\n    base = 8,\n    round: doRound = true,\n    clamp: clampOptions,\n    context,\n  } = options\n\n  if (value === 'auto') return base\n\n  let num: number | null = null\n  if (typeof value === 'number') {\n    num = value\n  } else if (typeof value === 'string') {\n    num = convertValue(value, context) ?? base\n  }\n  if (num === null) num = base\n\n  if (base <= 0) return num\n\n  const normalized = doRound ? Math.round(num / base) * base : num\n\n  return clampOptions !== undefined\n    ? clamp(\n        normalized,\n        clampOptions.min ?? -Infinity,\n        clampOptions.max ?? Infinity\n      )\n    : normalized\n}\n\nexport function normalizeValuePair(\n  values:\n    | [string | number | undefined, string | number | undefined]\n    | undefined,\n  defaults: [number, number],\n  options?: NormalizationOptions\n): [number, number] {\n  if (!values) return defaults\n\n  if (values[0] === undefined && values[1] === undefined) {\n    return defaults\n  }\n\n  const first =\n    values[0] !== undefined ? normalizeValue(values[0], options) : defaults[0]\n  const second =\n    values[1] !== undefined ? normalizeValue(values[1], options) : defaults[1]\n  return [first, second]\n}\n","import type { DebuggingMode } from '../types'\n\n/**\n * Combines class names, filtering out falsy values.\n * Lightweight alternative to clsx/classnames.\n */\nexport const cx = (\n  ...classes: Array<string | boolean | undefined | null>\n): string => classes.filter(Boolean).join(' ').trim()\n\n/**\n * Resolves component debug/visibility state from prop and config.\n * Pure function — framework-agnostic.\n */\nexport interface DebugState {\n  isShown: boolean\n  isHidden: boolean\n  isNone: boolean\n  debugging: DebuggingMode | undefined\n}\n\nexport function resolveDebugState(\n  debuggingProp?: DebuggingMode,\n  debuggingConfig?: DebuggingMode\n): DebugState {\n  const effective = debuggingProp ?? debuggingConfig\n  return {\n    isShown: effective === 'visible',\n    isHidden: effective === 'hidden',\n    isNone: effective === 'none',\n    debugging: effective,\n  }\n}\n\nexport type StyleOverrideParams = {\n  key: string\n  value: string\n  defaultStyles: Record<string, string>\n  skipDimensions?: {\n    fitContent?: string[]\n    auto?: string[]\n    fullSize?: string[]\n  }\n}\n\nexport function createStyleOverride(\n  params: StyleOverrideParams | string,\n  value?: string,\n  defaultStyles?: Record<string, string>\n): Record<string, string> {\n  const key = typeof params === 'string' ? params : params.key\n  const val = typeof params === 'string' ? value! : params.value\n  const defaults =\n    typeof params === 'string' ? defaultStyles! : params.defaultStyles\n  const skipDimensions =\n    typeof params === 'object' ? params.skipDimensions : undefined\n\n  if (skipDimensions) {\n    if (skipDimensions.fitContent?.includes(key) && val === 'fit-content') {\n      return {}\n    }\n    if (skipDimensions.auto?.includes(key) && val === 'auto') {\n      return {}\n    }\n    if (\n      skipDimensions.fullSize?.includes(key) &&\n      (val === '100%' || val === '100vh' || val === '100vw')\n    ) {\n      return {}\n    }\n  }\n\n  return val !== defaults[key] ? { [key]: val } : {}\n}\n","import type { GuideColumnsPattern, GuideColumnValue } from '../types'\n\nconst UNIT_PATTERN =\n  /^\\d*\\.?\\d+(?:fr|px|%|em|rem|vh|vw|vmin|vmax|pt|pc|in|cm|mm)$/\n\nexport const isValidGuideColumnValue = (\n  value: unknown\n): value is GuideColumnValue => {\n  if (typeof value === 'number') return Number.isFinite(value) && value >= 0\n  if (typeof value !== 'string') return false\n  return value === 'auto' || value === '100%' || UNIT_PATTERN.test(value)\n}\n\nexport const isValidGuidePattern = (\n  pattern: unknown\n): pattern is GuideColumnsPattern =>\n  Array.isArray(pattern) &&\n  pattern.length > 0 &&\n  pattern.every(isValidGuideColumnValue)\n","import type { GuideConfig, GuideColumnsPattern } from '../types'\nimport { isValidGuidePattern } from '../validation/guide'\nimport { normalizeValue } from './normalize'\nimport { formatValue } from './parse'\nimport { convertValue, type ConversionContext } from './convert'\n\nexport interface GuideResult {\n  template: string\n  columnsCount: number\n  calculatedGap: number\n  isValid: boolean\n}\n\nconst INVALID_RESULT: GuideResult = {\n  template: 'none',\n  columnsCount: 0,\n  calculatedGap: 0,\n  isValid: false,\n}\n\n/**\n * Pure calculation of grid template from container width and guide config.\n * Framework-agnostic — can be used outside React.\n *\n * Sizing note: the `line` variant still reports the number of pixel tracks as\n * metadata, but React renders line guides with a CSS gradient so dense grids do\n * not allocate one DOM node per line.\n */\nexport function calculateGuideTemplate(\n  width: number,\n  config: GuideConfig,\n  context?: ConversionContext\n): GuideResult {\n  const variant = config.variant ?? 'line'\n  const base = config.base ?? 8\n  const gap = normalizeValue(config.gap ?? 0, { base, context })\n\n  if (!width) return INVALID_RESULT\n\n  switch (variant) {\n    case 'line': {\n      const finalGap = gap === 0 ? 0 : gap - 1\n      const actualGapWithLine = finalGap + 1\n\n      const columns =\n        finalGap === 0\n          ? Math.max(1, Math.floor(width) + 1)\n          : Math.max(1, Math.floor((width + 1) / actualGapWithLine) + 1)\n\n      return {\n        template: `repeat(${columns}, 1px)`,\n        columnsCount: columns,\n        calculatedGap: gap > 0 ? gap - 1 : gap,\n        isValid: true,\n      }\n    }\n\n    case 'pattern': {\n      if (!config.columns || !Array.isArray(config.columns)) {\n        return INVALID_RESULT\n      }\n\n      if (!isValidGuidePattern(config.columns)) {\n        return INVALID_RESULT\n      }\n\n      const columnsArr = (config.columns as GuideColumnsPattern).map((col) =>\n        typeof col === 'number' ? `${col}px` : col\n      )\n\n      if (columnsArr.some((c) => c === '0' || c === '0px')) {\n        return INVALID_RESULT\n      }\n\n      return {\n        template: columnsArr.join(' '),\n        columnsCount: columnsArr.length,\n        calculatedGap: gap,\n        isValid: true,\n      }\n    }\n\n    case 'fixed': {\n      const colCount = typeof config.columns === 'number' ? config.columns : 0\n      if (colCount < 1) return INVALID_RESULT\n\n      const colWidth = config.columnWidth\n        ? formatValue(config.columnWidth)\n        : '1fr'\n\n      return {\n        template: `repeat(${colCount}, ${colWidth})`,\n        columnsCount: colCount,\n        calculatedGap: gap,\n        isValid: true,\n      }\n    }\n\n    case 'auto': {\n      const colWidth = config.columnWidth ?? 'auto'\n      if (colWidth === 'auto') {\n        return {\n          template: 'repeat(auto-fill, minmax(0, 1fr))',\n          columnsCount: 1,\n          calculatedGap: gap,\n          isValid: true,\n        }\n      }\n\n      const colWidthStr =\n        typeof colWidth === 'number' ? `${colWidth}px` : colWidth.toString()\n      const pxVal = convertValue(colWidthStr, context) ?? 0\n      const columns =\n        pxVal > 0 ? Math.max(1, Math.floor((width + gap) / (pxVal + gap))) : 1\n\n      return {\n        template: `repeat(auto-fill, ${colWidthStr})`,\n        columnsCount: columns,\n        calculatedGap: gap,\n        isValid: true,\n      }\n    }\n\n    default: {\n      const columns = Math.max(1, Math.floor(width / (gap + 1)) + 1)\n      return {\n        template: `repeat(${columns}, 1px)`,\n        columnsCount: columns,\n        calculatedGap: gap,\n        isValid: true,\n      }\n    }\n  }\n}\n\nexport const createGridSpanStyles = (\n  span?: number,\n  colSpan?: number,\n  rowSpan?: number\n): Record<string, string> => {\n  const gridStyles: Record<string, string> = {}\n\n  if (span !== undefined) {\n    gridStyles.gridColumn = `span ${span}`\n    gridStyles.gridRow = `span ${span}`\n  } else {\n    if (colSpan !== undefined) {\n      gridStyles.gridColumn = `span ${colSpan}`\n    }\n    if (rowSpan !== undefined) {\n      gridStyles.gridRow = `span ${rowSpan}`\n    }\n  }\n\n  return gridStyles\n}\n","import type { GuideVariant, GuideConfig } from '../types'\nimport { formatValue, createStyleOverride } from '../utils'\n\nexport interface GuideDescriptorParams {\n  base: number\n  colors: Record<GuideVariant, string>\n  variant: GuideVariant\n  align: string\n  width?: number | string\n  height?: number | string\n  columnWidth?: number | string\n  maxWidth?: number | string\n  color?: string\n  /** Pre-computed guide template result (from useGuide or calculateGuideTemplate) */\n  template: string\n  columnsCount: number\n  calculatedGap: number\n  isVisible: boolean\n}\n\nexport interface GuideDescriptor {\n  containerStyle: Record<string, string>\n  columnColor: string\n  columnsCount: number\n  calculatedGap: number\n  template: string\n  isVisible: boolean\n  isLineVariant: boolean\n  classTokens: string[]\n}\n\nexport interface GuideConfigParams {\n  variant: GuideVariant\n  base: number\n  gap: number\n  columns?: number | readonly (string | number | undefined | 'auto')[]\n  columnWidth?: number | string\n}\n\n/**\n * Creates a GuideConfig from component props.\n * Pure function — no React or DOM dependency.\n */\nexport function createGuideConfig({\n  variant,\n  base,\n  gap,\n  columns,\n  columnWidth,\n}: GuideConfigParams): GuideConfig {\n  switch (variant) {\n    case 'line':\n      return { variant: 'line', gap, base }\n    case 'pattern':\n      if (columns && Array.isArray(columns)) {\n        return {\n          variant: 'pattern',\n          columns: columns as readonly (string | number)[],\n          gap,\n          base,\n        }\n      }\n      break\n    case 'fixed':\n      if (columns !== undefined) {\n        const parsed =\n          typeof columns === 'number' ? columns : parseInt(String(columns), 10)\n        return {\n          variant: 'fixed',\n          columns: !isNaN(parsed) ? parsed : 12,\n          columnWidth: columnWidth || '60px',\n          gap,\n          base,\n        }\n      }\n      break\n  }\n  return { variant: 'auto', columnWidth: columnWidth || '1fr', gap, base }\n}\n\nconst GUIDE_DEFAULTS = (\n  base: number,\n  lineColor: string\n): Record<string, string> => ({\n  '--bkgd-w': '100%',\n  '--bkgd-h': '100%',\n  '--bkgd-mw': 'none',\n  '--bkgd-cw': '60px',\n  '--bkgd-gw': '24px',\n  '--bkgd-n': '12',\n  '--bkgd-b': `${base}px`,\n  '--bkgd-cl': lineColor,\n  '--bkgd-g': '0',\n})\n\n/**\n * Computes all styles and data needed to render a Guide component.\n * Pure function — framework-agnostic.\n */\nexport function createGuideDescriptor(\n  params: GuideDescriptorParams\n): GuideDescriptor {\n  const {\n    base,\n    colors,\n    variant,\n    align,\n    width,\n    height,\n    columnWidth,\n    maxWidth,\n    color,\n    template,\n    columnsCount,\n    calculatedGap,\n    isVisible,\n  } = params\n\n  const defaultStyles = GUIDE_DEFAULTS(base, colors.line)\n  const fullDimensions = ['--bkgd-w', '--bkgd-h']\n\n  const widthValue = formatValue(width ?? '100%')\n  const heightValue = formatValue(height ?? '100%')\n\n  const containerStyle: Record<string, string> = {\n    ...createStyleOverride({\n      key: '--bkgd-w',\n      value: widthValue,\n      defaultStyles,\n      skipDimensions: { fullSize: fullDimensions },\n    }),\n    ...createStyleOverride({\n      key: '--bkgd-h',\n      value: heightValue,\n      defaultStyles,\n      skipDimensions: { fullSize: fullDimensions },\n    }),\n    ...createStyleOverride({\n      key: '--bkgd-mw',\n      value: formatValue(maxWidth || 'none'),\n      defaultStyles,\n    }),\n    ...createStyleOverride({\n      key: '--bkgd-cw',\n      value: formatValue(columnWidth || '60px'),\n      defaultStyles,\n    }),\n    ...createStyleOverride({\n      key: '--bkgd-n',\n      value: `${columnsCount}`,\n      defaultStyles,\n    }),\n    ...createStyleOverride({ key: '--bkgd-b', value: '0', defaultStyles }),\n    ...createStyleOverride({\n      key: '--bkgd-cl',\n      value: color ?? colors.line,\n      defaultStyles,\n    }),\n    ...createStyleOverride({\n      key: '--bkgd-g',\n      value: `${calculatedGap}px`,\n      defaultStyles,\n    }),\n    ...createStyleOverride({\n      key: '--bkgd-j',\n      value: align || 'center',\n      defaultStyles,\n    }),\n    // CSS module resolves grid-template-columns from --bkgd-t, so the inline\n    // gridTemplateColumns property would be redundant.\n    ...(template && template !== 'none' ? { '--bkgd-t': template } : {}),\n  }\n\n  const columnColor =\n    (variant && variant in colors\n      ? colors[variant as keyof typeof colors]\n      : undefined) ?? colors.line\n\n  const isLineVariant = variant === 'line'\n  const classTokens = ['gde', isVisible ? 'v' : 'h']\n  if (isLineVariant) classTokens.push('line')\n\n  if (isLineVariant) {\n    containerStyle['--bkgd-line-color'] = color ?? colors.line\n    containerStyle['--bkgd-line-period'] = `${calculatedGap + 1}px`\n  }\n\n  return {\n    containerStyle,\n    columnColor,\n    columnsCount,\n    calculatedGap,\n    template,\n    isVisible,\n    isLineVariant,\n    classTokens,\n  }\n}\n","import { useMemo } from 'react'\nimport type { ConfigSchema } from '@baseline-kit/core/config/schema'\nimport { useDefaultConfig } from '../components/Config/Config'\n\n/** Type helper that merges base configuration with component-specific settings. */\nexport type ComponentConfig<K extends keyof ConfigSchema> = ConfigSchema[K] & {\n  base: number\n}\n\n/**\n * Hook for accessing component-specific theme configuration.\n */\nexport function useConfig<K extends keyof ConfigSchema>(\n  component: K\n): ComponentConfig<K> {\n  const defaultConfig = useDefaultConfig()\n  return useMemo(() => {\n    return Object.assign(\n      { base: defaultConfig.base },\n      defaultConfig[component]\n    ) as ComponentConfig<K>\n  }, [defaultConfig, component])\n}\n","import { useMemo } from 'react'\nimport { resolveDebugState } from '@baseline-kit/core/utils/merge'\nimport type { DebuggingMode } from '@baseline-kit/core/types'\n\n/**\n * Hook for managing component debug state and visibility.\n * Delegates to pure resolveDebugState in core.\n */\nexport function useDebug(\n  debuggingProp?: DebuggingMode,\n  debuggingConfig?: DebuggingMode\n) {\n  return useMemo(\n    () => resolveDebugState(debuggingProp, debuggingConfig),\n    [debuggingProp, debuggingConfig]\n  )\n}\n","export const debounce = <T extends (...args: unknown[]) => void>(\n  fn: T,\n  delay: number\n): [T, () => void] => {\n  let timer: ReturnType<typeof setTimeout> | null = null\n\n  const cancel = () => {\n    if (timer) {\n      clearTimeout(timer)\n      timer = null\n    }\n  }\n\n  const debounced = ((...args) => {\n    cancel()\n    timer = setTimeout(() => fn(...args), delay)\n  }) as T\n\n  return [debounced, cancel]\n}\n\nexport const rafThrottle = <T extends (...args: never[]) => void>(\n  fn: T\n): [T, () => void] => {\n  let rafId: number | null = null\n  let lastArgs: Parameters<T> | null = null\n\n  const cancel = () => {\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId)\n      rafId = null\n      lastArgs = null\n    }\n  }\n\n  const throttled = (...args: Parameters<T>) => {\n    lastArgs = args\n\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId)\n    }\n\n    rafId = requestAnimationFrame(() => {\n      fn(...lastArgs!)\n      rafId = null\n      lastArgs = null\n    })\n  }\n\n  return [throttled as T, cancel]\n}\n","/**\n * Element measurement observer.\n */\n\nimport { rafThrottle } from './timing'\n\nexport interface MeasureRect {\n  width: number\n  height: number\n}\n\nexport interface MeasureObserverHandle {\n  /** Force an immediate re-measure */\n  refresh(): void\n  /** Stop observing */\n  disconnect(): void\n}\n\n/**\n * Observes an element's dimensions via ResizeObserver.\n * Calls `onChange` with rounded width/height whenever the size changes.\n */\nexport function createMeasureObserver(\n  el: Element,\n  onChange: (rect: MeasureRect) => void\n): MeasureObserverHandle {\n  let prev: MeasureRect = { width: 0, height: 0 }\n\n  const measure = () => {\n    try {\n      const rect = el.getBoundingClientRect()\n      const next: MeasureRect = {\n        width: Math.round(rect.width),\n        height: Math.round(rect.height),\n      }\n      if (next.width !== prev.width || next.height !== prev.height) {\n        prev = next\n        onChange(next)\n      }\n    } catch {\n      // element may have been removed\n    }\n  }\n\n  const [throttledMeasure, cancelMeasure] = rafThrottle(measure)\n\n  // Initial measurement\n  measure()\n\n  const observer = new ResizeObserver(throttledMeasure)\n  observer.observe(el)\n\n  return {\n    refresh: throttledMeasure,\n    disconnect() {\n      observer.disconnect()\n      cancelMeasure()\n    },\n  }\n}\n","import * as React from 'react'\nimport { createMeasureObserver } from '@baseline-kit/dom/measure'\nimport type { MeasureRect } from '@baseline-kit/dom/measure'\n\nexport interface MeasureResult extends MeasureRect {\n  refresh: () => void\n}\n\nconst ZERO: MeasureRect = { width: 0, height: 0 }\n\n/**\n * Hook for measuring and tracking DOM element dimensions.\n * Thin wrapper around the imperative createMeasureObserver from @baseline-kit/dom.\n */\nexport function useMeasure(\n  ref: React.RefObject<HTMLElement | null>\n): MeasureResult {\n  const [dimensions, setDimensions] = React.useState<MeasureRect>(ZERO)\n  const handleRef = React.useRef<ReturnType<\n    typeof createMeasureObserver\n  > | null>(null)\n\n  React.useLayoutEffect(() => {\n    if (typeof window === 'undefined' || !ref.current) return\n\n    const handle = createMeasureObserver(ref.current, (rect) => {\n      setDimensions((prev) =>\n        prev.width === rect.width && prev.height === rect.height ? prev : rect\n      )\n    })\n    handleRef.current = handle\n\n    return () => {\n      handle.disconnect()\n      handleRef.current = null\n    }\n  }, [ref])\n\n  const refresh = React.useCallback(() => {\n    handleRef.current?.refresh()\n  }, [])\n\n  return { ...dimensions, refresh }\n}\n","import type { ConversionContext } from '@baseline-kit/core'\n\n/**\n * Returns the current browser viewport for vw/vh/vmin/vmax conversion.\n * Returns an empty object on the server so callers fall back to the\n * core defaults without crashing.\n */\nexport function getViewportContext(): Partial<ConversionContext> {\n  if (typeof window === 'undefined') return {}\n  return {\n    viewportWidth: window.innerWidth,\n    viewportHeight: window.innerHeight,\n  }\n}\n","import * as React from 'react'\nimport type { GuideConfig } from '@baseline-kit/core/types'\nimport { calculateGuideTemplate } from '@baseline-kit/core/utils/grid'\nimport { getViewportContext } from '@baseline-kit/dom/viewport'\nimport { useMeasure } from './useMeasure'\n\nexport type { GuideResult } from '@baseline-kit/core/utils/grid'\n\n/**\n * Hook for calculating grid layout parameters based on container dimensions.\n */\nexport function useGuide(\n  ref: React.RefObject<HTMLElement | null>,\n  config: GuideConfig\n) {\n  const { width } = useMeasure(ref)\n  return React.useMemo(\n    () => calculateGuideTemplate(width, config, getViewportContext()),\n    [config, width]\n  )\n}\n","import { useEffect, useState } from 'react'\n\n/**\n * Hook to determine if the code is running on the client side.\n */\nexport function useIsClient() {\n  const [isClient, setIsClient] = useState(false)\n\n  useEffect(() => {\n    setIsClient(true)\n  }, [])\n\n  return isClient\n}\n","/**\n * React-specific SSR utilities (ClientOnly component)\n */\nimport * as React from 'react'\nimport { useIsClient } from '../hooks/useIsClient'\n\ninterface ClientOnlyProps {\n  children: React.ReactNode\n  fallback?: React.ReactNode\n}\n\n/**\n * A utility component that only renders its children on the client side.\n * @internal Not part of the public API\n */\nexport function ClientOnly({ children, fallback = null }: ClientOnlyProps) {\n  const isClient = useIsClient()\n\n  if (!isClient) {\n    return <>{fallback}</>\n  }\n\n  return <>{children}</>\n}\n","import * as React from 'react'\n\n/**\n * Combines descriptor style records and React style objects.\n * Accepts Record<string, string> from descriptors and React.CSSProperties.\n */\nexport function mergeStyles(\n  ...styles: Array<Record<string, string> | React.CSSProperties | undefined>\n): React.CSSProperties {\n  return Object.assign({}, ...styles.filter(Boolean))\n}\n\n/**\n * Merges multiple React refs into a single callback ref.\n */\nexport function mergeRefs<T>(\n  ...refs: Array<React.Ref<T> | null | undefined>\n): React.RefCallback<T> {\n  return (node: T | null) => {\n    refs.forEach((ref) => {\n      if (!ref) return\n      if (typeof ref === 'function') {\n        ref(node)\n      } else {\n        Object.assign(ref, { current: node })\n      }\n    })\n  }\n}\n",".gde {\n  position: absolute;\n  inset: 0;\n  box-sizing: border-box;\n  width: var(--bkgd-w, 100%);\n  height: var(--bkgd-h, 100%);\n  max-width: var(--bkgd-mw, none);\n  margin-inline: auto;\n  pointer-events: none;\n  padding: var(--bkgd-pb, 0) var(--bkgd-pi, 0);\n}\n\n.v {\n  opacity: 1;\n  visibility: visible;\n  transition:\n    opacity var(--bk-transition-base),\n    visibility 0ms linear;\n}\n\n.h {\n  opacity: 0;\n  visibility: hidden;\n  transition:\n    opacity var(--bk-transition-base),\n    visibility 0ms linear 180ms;\n}\n\n.line {\n  left: -0.5px; /* Alignment correction for line variant */\n}\n\n.cols {\n  position: absolute;\n  inset: 0;\n  display: grid;\n  column-gap: var(--bkgd-g);\n  grid-template-rows: 1fr;\n  grid-template-columns: var(--bkgd-t);\n  justify-content: var(--bkgd-j);\n  width: var(--bk-wf);\n  height: var(--bk-hf);\n  overflow: hidden;\n  contain: layout style paint;\n}\n\n.col {\n  min-width: 0;\n  width: var(--bk-wf);\n  height: var(--bk-hf);\n}\n\n/* Variant-specific styles */\n.col[data-variant='line'] {\n  width: 1px;\n  background-color: var(--bkgd-cl);\n}\n\n.cols[data-variant='line'] {\n  display: block;\n  background-image: repeating-linear-gradient(\n    to right,\n    var(--bkgd-line-color, var(--bkgd-cl)) 0 1px,\n    transparent 1px var(--bkgd-line-period, 1px)\n  );\n}\n\n.col[data-variant='pattern'] {\n  background-color: var(--bkgd-cp);\n}\n\n.col[data-variant='auto'] {\n  background-color: var(--bkgd-ca);\n  overflow: hidden;\n}\n\n.col[data-variant='fixed'] {\n  background-color: var(--bkgd-cf);\n}\n\n/* Style for SSR rendering */\n.ssr {\n  box-sizing: border-box;\n  display: grid;\n  position: relative;\n  z-index: 1;\n  pointer-events: none;\n  min-height: 100px; /* Ensures a minimum height during SSR */\n}\n","import * as React from 'react'\nimport type { ComponentsProps } from '../types'\nimport { useConfig } from '../../hooks/useConfig'\nimport { useDebug } from '../../hooks/useDebug'\nimport { useMeasure } from '../../hooks/useMeasure'\nimport { useGuide } from '../../hooks/useGuide'\nimport { cx } from '@baseline-kit/core/utils/merge'\nimport {\n  createGuideDescriptor,\n  createGuideConfig,\n} from '@baseline-kit/core/descriptors/guide'\nimport type { GuideVariant, GuideConfig } from '@baseline-kit/core/types'\nimport { ClientOnly } from '../../utils/ssr'\nimport { mergeStyles } from '../../utils/merge'\nimport styles from './styles.module.css'\n\nexport type { GuideConfig }\n\nexport type GuideProps = {\n  align?: React.CSSProperties['justifyContent']\n  variant?: GuideVariant\n  columns?: number | readonly (string | number | undefined | 'auto')[]\n  columnWidth?: React.CSSProperties['width']\n  maxWidth?: React.CSSProperties['maxWidth']\n  color?: React.CSSProperties['color']\n  children?: React.ReactNode\n  gap?: number\n  ssrMode?: boolean\n} & ComponentsProps &\n  Omit<GuideConfig, 'columns' | 'columnWidth' | 'gap'>\n\nexport const Guide = React.memo(function Guide({\n  className,\n  debugging,\n  style,\n  variant: variantProp,\n  align = 'center',\n  gap: gapProp,\n  height,\n  width,\n  columns,\n  columnWidth,\n  maxWidth,\n  color,\n  children,\n  ssrMode = false,\n  ...props\n}: GuideProps) {\n  const config = useConfig('guide')\n  const variant = variantProp ?? config.variant\n  const gap = typeof gapProp === 'number' ? gapProp : 0\n  const { isShown } = useDebug(debugging, config.debugging)\n\n  if (!isShown) {\n    return (\n      <div\n        className={cx(styles.gde, styles.h, className)}\n        style={style}\n        data-testid=\"guide\"\n        data-variant={variant}\n        aria-hidden=\"true\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  const ssrFallback = (\n    <div\n      className={cx(styles.gde, styles.h, styles.ssr, className)}\n      style={{\n        width: width ?? '100%',\n        height: height ?? '100%',\n        maxWidth: maxWidth ?? 'none',\n        ...style,\n      }}\n      data-testid=\"guide\"\n      data-variant={variant}\n      aria-hidden=\"true\"\n    >\n      {children}\n    </div>\n  )\n\n  if (ssrMode) {\n    return ssrFallback\n  }\n\n  return (\n    <ClientOnly fallback={ssrFallback}>\n      <GuideImpl\n        className={className}\n        debugging={debugging}\n        style={style}\n        variant={variant}\n        align={align}\n        gap={gap}\n        height={height}\n        width={width}\n        columns={columns}\n        columnWidth={columnWidth}\n        maxWidth={maxWidth}\n        color={color}\n        {...props}\n      >\n        {children}\n      </GuideImpl>\n    </ClientOnly>\n  )\n})\n\nconst GuideImpl = React.memo(function GuideImpl({\n  className,\n  debugging,\n  style,\n  variant,\n  align = 'center',\n  gap,\n  height,\n  width,\n  columns,\n  columnWidth,\n  maxWidth,\n  color,\n  children,\n  ...props\n}: GuideProps) {\n  const config = useConfig('guide')\n  const { isShown } = useDebug(debugging, config.debugging)\n  const containerRef = React.useRef<HTMLDivElement | null>(null)\n  useMeasure(containerRef)\n\n  const resolvedVariant = (variant ?? config.variant) as GuideVariant\n  const resolvedGap = typeof gap === 'number' ? gap : 0\n\n  const gridConfig = React.useMemo(\n    () =>\n      createGuideConfig({\n        variant: resolvedVariant,\n        base: config.base,\n        gap: resolvedGap,\n        columns,\n        columnWidth: columnWidth as number | string | undefined,\n      }),\n    [resolvedVariant, config.base, resolvedGap, columns, columnWidth]\n  )\n\n  const { template, columnsCount, calculatedGap } = useGuide(\n    containerRef,\n    gridConfig\n  )\n\n  const descriptor = React.useMemo(\n    () =>\n      createGuideDescriptor({\n        base: config.base,\n        colors: config.colors,\n        variant: resolvedVariant,\n        align: align || 'center',\n        width,\n        height,\n        columnWidth,\n        maxWidth,\n        color,\n        template,\n        columnsCount,\n        calculatedGap,\n        isVisible: isShown,\n      }),\n    [\n      config.base,\n      config.colors,\n      resolvedVariant,\n      align,\n      width,\n      height,\n      columnWidth,\n      maxWidth,\n      color,\n      template,\n      columnsCount,\n      calculatedGap,\n      isShown,\n    ]\n  )\n\n  const containerStyles = React.useMemo(\n    () => mergeStyles(descriptor.containerStyle, style),\n    [descriptor.containerStyle, style]\n  )\n\n  return (\n    <div\n      ref={containerRef}\n      data-testid=\"guide\"\n      aria-hidden=\"true\"\n      className={cx(...descriptor.classTokens.map((t) => styles[t]), className)}\n      data-variant={variant}\n      style={containerStyles}\n      {...props}\n    >\n      {isShown && (\n        <div className={styles.cols} data-variant={variant}>\n          {!descriptor.isLineVariant &&\n            Array.from({ length: descriptor.columnsCount }, (_, i) => (\n              <div\n                key={i}\n                className={styles.col}\n                data-column-index={i}\n                data-variant={variant}\n                style={{ backgroundColor: descriptor.columnColor }}\n              />\n            ))}\n        </div>\n      )}\n      {children}\n    </div>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"guide.mjs","names":[],"sources":["../packages/core/src/config/defaults.ts","../packages/core/src/config/merge.ts","../packages/react/src/components/Config/Config.tsx","../packages/core/src/utils/parse.ts","../packages/core/src/utils/convert.ts","../packages/core/src/utils/math.ts","../packages/core/src/utils/normalize.ts","../packages/core/src/utils/merge.ts","../packages/core/src/validation/guide.ts","../packages/core/src/utils/grid.ts","../packages/core/src/descriptors/guide.ts","../packages/react/src/hooks/useConfig.ts","../packages/react/src/hooks/useDebug.ts","../packages/dom/src/timing.ts","../packages/dom/src/measure.ts","../packages/react/src/hooks/useMeasure.ts","../packages/dom/src/viewport.ts","../packages/react/src/hooks/useGuide.ts","../packages/react/src/hooks/useIsClient.ts","../packages/react/src/utils/ssr.tsx","../packages/react/src/utils/merge.ts","../packages/react/src/components/Guide/styles.module.css","../packages/react/src/components/Guide/Guide.tsx"],"sourcesContent":["import type { ConfigSchema } from './schema'\n\nexport const DEFAULT_CONFIG: ConfigSchema = {\n  base: 8,\n  baseline: {\n    variant: 'line',\n    debugging: 'hidden',\n    colors: {\n      line: 'var(--bk-baseline-color-line-theme, hsla(240, 60%, 40%, 0.15))',\n      flat: 'var(--bk-baseline-color-flat-theme, hsla(230, 100%, 70%, 0.2))',\n    },\n  },\n  guide: {\n    variant: 'line',\n    debugging: 'hidden',\n    colors: {\n      line: 'var(--bk-guide-color-line-theme, hsla(240, 60%, 40%, 0.15))',\n      pattern: 'var(--bk-guide-color-pattern-theme, hsla(230, 100%, 70%, 0.2))',\n      auto: 'var(--bk-guide-color-auto-theme, hsla(200, 100%, 70%, 0.15))',\n      fixed: 'var(--bk-guide-color-fixed-theme, hsla(200, 100%, 70%, 0.15))',\n    },\n  },\n  spacer: {\n    variant: 'line',\n    debugging: 'hidden',\n    colors: {\n      line: 'var(--bk-spacer-color-line-theme, hsla(270, 60%, 40%, 0.6))',\n      flat: 'var(--bk-spacer-color-flat-theme, hsla(230, 100%, 70%, 0.2))',\n      text: 'var(--bk-spacer-color-text-theme, hsla(270, 60%, 40%, 1))',\n    },\n  },\n  box: {\n    debugging: 'hidden',\n    colors: {\n      line: 'var(--bk-box-color-line-theme, hsla(300, 60%, 40%, 0.6))',\n      flat: 'var(--bk-box-color-flat-theme, hsla(260, 100%, 70%, 0.2))',\n      text: 'var(--bk-box-color-text-theme, hsla(300, 60%, 40%, 0.9))',\n    },\n  },\n  padder: {\n    debugging: 'hidden',\n    color: 'var(--bk-padder-color-theme, hsla(270, 60%, 40%, 0.6))',\n  },\n} as const\n","import type { ConfigSchema } from './schema'\n\ntype PartialColors<T> = T extends { colors: infer Colors }\n  ? Omit<Partial<T>, 'colors'> & { colors?: Partial<Colors> }\n  : Partial<T>\n\nexport type ConfigOverrides = {\n  base?: number\n  baseline?: PartialColors<ConfigSchema['baseline']>\n  guide?: PartialColors<ConfigSchema['guide']>\n  spacer?: PartialColors<ConfigSchema['spacer']>\n  box?: PartialColors<ConfigSchema['box']>\n  padder?: Partial<ConfigSchema['padder']>\n}\n\ntype MergeConfigParams = ConfigOverrides & {\n  parentConfig: ConfigSchema\n}\n\nconst COMPONENT_KEYS = ['baseline', 'guide', 'spacer', 'box', 'padder'] as const\n\nexport const mergeConfig = (params: MergeConfigParams): ConfigSchema => {\n  const { parentConfig, base } = params\n  const merged = {} as Record<string, unknown>\n\n  for (const key of COMPONENT_KEYS) {\n    const override = params[key]\n    const inherited = parentConfig[key]\n    const next = { ...inherited, ...override } as Record<string, unknown>\n\n    if (\n      override &&\n      'colors' in override &&\n      override.colors &&\n      'colors' in inherited\n    ) {\n      next.colors = {\n        ...(inherited.colors as Record<string, string>),\n        ...(override.colors as Record<string, string>),\n      }\n    }\n\n    merged[key] = next\n  }\n\n  return { base: base ?? parentConfig.base, ...merged } as ConfigSchema\n}\n\ntype CSSVariablesParams = {\n  base: number\n  baseline: ConfigSchema['baseline']\n  guide: ConfigSchema['guide']\n  spacer: ConfigSchema['spacer']\n  box: ConfigSchema['box']\n  padder: ConfigSchema['padder']\n}\n\nexport const createCSSVariables = (\n  params: CSSVariablesParams\n): Record<string, string> => {\n  const { base, baseline, guide, spacer, box, padder } = params\n  return {\n    '--bk-base': `${base}px`,\n    '--bkbl-cl': baseline.colors.line,\n    '--bkbl-cf': baseline.colors.flat,\n    '--bkgd-cl': guide.colors.line,\n    '--bkgd-cp': guide.colors.pattern,\n    '--bkgd-ca': guide.colors.auto,\n    '--bkgd-cf': guide.colors.fixed,\n    '--bksp-cl': spacer.colors.line,\n    '--bksp-cf': spacer.colors.flat,\n    '--bksp-ct': spacer.colors.text,\n    '--bkbx-cl': box.colors.line,\n    '--bkbx-cf': box.colors.flat,\n    '--bkbx-ct': box.colors.text,\n    '--bkpd-c': padder.color,\n  }\n}\n","import * as React from 'react'\nimport type { ConfigSchema } from '@baseline-kit/core/config/schema'\nimport { DEFAULT_CONFIG } from '@baseline-kit/core/config/defaults'\nimport {\n  type ConfigOverrides,\n  mergeConfig,\n  createCSSVariables,\n} from '@baseline-kit/core/config/merge'\n\n// Re-export types that consumers need\nexport type { DebuggingMode } from '@baseline-kit/core/types'\nexport type { ConfigSchema } from '@baseline-kit/core/config/schema'\n\n// Root and guide are published as separate bundles. Keep their context\n// identity shared when an application imports both entry points.\nconst CONFIG_CONTEXT_KEY = '__baseline_kit_config_context__'\nconst contextStore = globalThis as typeof globalThis & {\n  [CONFIG_CONTEXT_KEY]?: React.Context<ConfigSchema>\n}\nconst ConfigContext =\n  contextStore[CONFIG_CONTEXT_KEY] ??\n  (contextStore[CONFIG_CONTEXT_KEY] = React.createContext(DEFAULT_CONFIG))\nConfigContext.displayName = 'ConfigContext'\n\n// Update to use React 19's use hook instead of useContext\nexport const useDefaultConfig = () => React.use(ConfigContext)\n\ntype ConfigProps = ConfigOverrides & {\n  children: React.ReactNode\n}\n\n/**\n * Configuration provider for baseline-kit components.\n */\nexport function Config({\n  children,\n  base,\n  baseline,\n  guide,\n  spacer,\n  box,\n  padder,\n}: ConfigProps) {\n  const parentConfig = useDefaultConfig()\n\n  const value = React.useMemo(() => {\n    return mergeConfig({\n      parentConfig,\n      base,\n      baseline,\n      guide,\n      spacer,\n      box,\n      padder,\n    })\n  }, [parentConfig, base, baseline, guide, spacer, box, padder])\n\n  return <ConfigContext value={value}>{children}</ConfigContext>\n}\n\n// Re-export createCSSVariables and mergeConfig for consumers\nexport { createCSSVariables, mergeConfig }\n","export function parseUnit(\n  value: string\n): { value: number; unit: string } | null {\n  const match = value.trim().match(/^([+-]?[\\d.]+)([a-zA-Z%]+)$/)\n  if (!match) return null\n  const num = parseFloat(match[1])\n  const unit = match[2]\n  return { value: num, unit }\n}\n\nexport function formatValue(\n  value: string | number | undefined,\n  defaultValue?: number\n): string {\n  if (value === undefined && defaultValue !== undefined)\n    return `${defaultValue}px`\n  if (\n    value === 'auto' ||\n    (typeof value === 'string' &&\n      /^(auto|100%|0|.*(fr|vh|vw|vmin|vmax|rem))$/.test(value))\n  ) {\n    return String(value)\n  }\n  if (typeof value === 'number') return `${value}px`\n  return value ?? ''\n}\n","import { parseUnit } from './parse'\n\nexport interface ConversionContext {\n  parentSize?: number\n  viewportWidth?: number\n  viewportHeight?: number\n  rootFontSize?: number\n  parentFontSize?: number\n}\n\nconst DEFAULT_CONTEXT: Required<ConversionContext> = {\n  parentSize: 0,\n  viewportWidth: 1920,\n  viewportHeight: 1080,\n  rootFontSize: 16,\n  parentFontSize: 16,\n}\n\nexport const ABSOLUTE_UNIT_CONVERSIONS: Record<string, number> = {\n  px: 1,\n  in: 96,\n  cm: 37.8,\n  mm: 3.78,\n  pt: 1.33,\n  pc: 16,\n}\n\nexport const RELATIVE_UNITS: string[] = [\n  'em',\n  'rem',\n  'vh',\n  'vw',\n  'vmin',\n  'vmax',\n  '%',\n]\n\nconst RELATIVE_UNIT_RESOLVERS: Record<\n  string,\n  (ctx: Required<ConversionContext>) => number\n> = {\n  em: (ctx) => ctx.parentFontSize,\n  rem: (ctx) => ctx.rootFontSize,\n  vh: (ctx) => ctx.viewportHeight / 100,\n  vw: (ctx) => ctx.viewportWidth / 100,\n  vmin: (ctx) => Math.min(ctx.viewportWidth, ctx.viewportHeight) / 100,\n  vmax: (ctx) => Math.max(ctx.viewportWidth, ctx.viewportHeight) / 100,\n  '%': (ctx) => ctx.parentSize / 100,\n}\n\nexport function convertValue(\n  value: number | string | undefined,\n  context?: ConversionContext\n): number | null {\n  if (typeof value === 'number') return value\n  if (typeof value !== 'string') return null\n\n  const parsed = parseUnit(value)\n  if (!parsed) return null\n\n  const { value: num, unit } = parsed\n\n  if (unit in ABSOLUTE_UNIT_CONVERSIONS) {\n    return num * ABSOLUTE_UNIT_CONVERSIONS[unit]\n  }\n\n  if (unit === 'auto') return null\n\n  const resolver = RELATIVE_UNIT_RESOLVERS[unit]\n  if (resolver) {\n    const ctx = { ...DEFAULT_CONTEXT, ...context }\n    return num * resolver(ctx)\n  }\n\n  return null\n}\n","export function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max)\n}\n\ntype RowCountParams = {\n  height?: number\n  top: number\n  bottom: number\n  base: number\n}\n\nexport function calculateRowCount(params: RowCountParams): number {\n  const { height, top, bottom, base } = params\n  const totalHeight = (height ?? 0) - (top + bottom)\n  return Math.max(1, Math.floor(totalHeight / base))\n}\n","import { convertValue, type ConversionContext } from './convert'\nimport { clamp } from './math'\n\nexport interface NormalizationOptions {\n  base?: number\n  round?: boolean\n  clamp?: { min?: number; max?: number }\n  suppressWarnings?: boolean\n  context?: ConversionContext\n}\n\nexport function normalizeValue(\n  value: string | number | undefined,\n  options: NormalizationOptions = {}\n): number {\n  const {\n    base = 8,\n    round: doRound = true,\n    clamp: clampOptions,\n    context,\n  } = options\n\n  if (value === 'auto') return base\n\n  let num: number | null = null\n  if (typeof value === 'number') {\n    num = value\n  } else if (typeof value === 'string') {\n    num = convertValue(value, context) ?? base\n  }\n  if (num === null) num = base\n\n  if (base <= 0) return num\n\n  const normalized = doRound ? Math.round(num / base) * base : num\n\n  return clampOptions !== undefined\n    ? clamp(\n        normalized,\n        clampOptions.min ?? -Infinity,\n        clampOptions.max ?? Infinity\n      )\n    : normalized\n}\n\nexport function normalizeValuePair(\n  values:\n    [string | number | undefined, string | number | undefined] | undefined,\n  defaults: [number, number],\n  options?: NormalizationOptions\n): [number, number] {\n  if (!values) return defaults\n\n  if (values[0] === undefined && values[1] === undefined) {\n    return defaults\n  }\n\n  const first =\n    values[0] !== undefined ? normalizeValue(values[0], options) : defaults[0]\n  const second =\n    values[1] !== undefined ? normalizeValue(values[1], options) : defaults[1]\n  return [first, second]\n}\n","import type { DebuggingMode } from '../types'\n\n/**\n * Combines class names, filtering out falsy values.\n * Lightweight alternative to clsx/classnames.\n */\nexport const cx = (\n  ...classes: Array<string | boolean | undefined | null>\n): string => classes.filter(Boolean).join(' ').trim()\n\n/**\n * Resolves component debug/visibility state from prop and config.\n * Pure function — framework-agnostic.\n */\nexport interface DebugState {\n  isShown: boolean\n  isHidden: boolean\n  isNone: boolean\n  debugging: DebuggingMode | undefined\n}\n\nexport function resolveDebugState(\n  debuggingProp?: DebuggingMode,\n  debuggingConfig?: DebuggingMode\n): DebugState {\n  const effective = debuggingProp ?? debuggingConfig\n  return {\n    isShown: effective === 'visible',\n    isHidden: effective === 'hidden',\n    isNone: effective === 'none',\n    debugging: effective,\n  }\n}\n\nexport type StyleOverrideParams = {\n  key: string\n  value: string\n  defaultStyles: Record<string, string>\n  skipDimensions?: {\n    fitContent?: string[]\n    auto?: string[]\n    fullSize?: string[]\n  }\n}\n\nexport function createStyleOverride(\n  params: StyleOverrideParams | string,\n  value?: string,\n  defaultStyles?: Record<string, string>\n): Record<string, string> {\n  const key = typeof params === 'string' ? params : params.key\n  const val = typeof params === 'string' ? value! : params.value\n  const defaults =\n    typeof params === 'string' ? defaultStyles! : params.defaultStyles\n  const skipDimensions =\n    typeof params === 'object' ? params.skipDimensions : undefined\n\n  if (skipDimensions) {\n    if (skipDimensions.fitContent?.includes(key) && val === 'fit-content') {\n      return {}\n    }\n    if (skipDimensions.auto?.includes(key) && val === 'auto') {\n      return {}\n    }\n    if (\n      skipDimensions.fullSize?.includes(key) &&\n      (val === '100%' || val === '100vh' || val === '100vw')\n    ) {\n      return {}\n    }\n  }\n\n  return val !== defaults[key] ? { [key]: val } : {}\n}\n","import type { GuideColumnsPattern, GuideColumnValue } from '../types'\n\nconst UNIT_PATTERN =\n  /^\\d*\\.?\\d+(?:fr|px|%|em|rem|vh|vw|vmin|vmax|pt|pc|in|cm|mm)$/\n\nexport const isValidGuideColumnValue = (\n  value: unknown\n): value is GuideColumnValue => {\n  if (typeof value === 'number') return Number.isFinite(value) && value >= 0\n  if (typeof value !== 'string') return false\n  return value === 'auto' || value === '100%' || UNIT_PATTERN.test(value)\n}\n\nexport const isValidGuidePattern = (\n  pattern: unknown\n): pattern is GuideColumnsPattern =>\n  Array.isArray(pattern) &&\n  pattern.length > 0 &&\n  pattern.every(isValidGuideColumnValue)\n","import type { GuideConfig, GuideColumnsPattern } from '../types'\nimport { isValidGuidePattern } from '../validation/guide'\nimport { normalizeValue } from './normalize'\nimport { formatValue } from './parse'\nimport { convertValue, type ConversionContext } from './convert'\n\nexport interface GuideResult {\n  template: string\n  columnsCount: number\n  calculatedGap: number\n  isValid: boolean\n}\n\nconst INVALID_RESULT: GuideResult = {\n  template: 'none',\n  columnsCount: 0,\n  calculatedGap: 0,\n  isValid: false,\n}\n\n/**\n * Pure calculation of grid template from container width and guide config.\n * Framework-agnostic — can be used outside React.\n *\n * Sizing note: the `line` variant still reports the number of pixel tracks as\n * metadata, but React renders line guides with a CSS gradient so dense grids do\n * not allocate one DOM node per line.\n */\nexport function calculateGuideTemplate(\n  width: number,\n  config: GuideConfig,\n  context?: ConversionContext\n): GuideResult {\n  const variant = config.variant ?? 'line'\n  const base = config.base ?? 8\n  const gap = normalizeValue(config.gap ?? 0, { base, context })\n\n  if (!width) return INVALID_RESULT\n\n  switch (variant) {\n    case 'line': {\n      const finalGap = gap === 0 ? 0 : gap - 1\n      const actualGapWithLine = finalGap + 1\n\n      const columns =\n        finalGap === 0\n          ? Math.max(1, Math.floor(width) + 1)\n          : Math.max(1, Math.floor((width + 1) / actualGapWithLine) + 1)\n\n      return {\n        template: `repeat(${columns}, 1px)`,\n        columnsCount: columns,\n        calculatedGap: gap > 0 ? gap - 1 : gap,\n        isValid: true,\n      }\n    }\n\n    case 'pattern': {\n      if (!config.columns || !Array.isArray(config.columns)) {\n        return INVALID_RESULT\n      }\n\n      if (!isValidGuidePattern(config.columns)) {\n        return INVALID_RESULT\n      }\n\n      const columnsArr = (config.columns as GuideColumnsPattern).map((col) =>\n        typeof col === 'number' ? `${col}px` : col\n      )\n\n      if (columnsArr.some((c) => c === '0' || c === '0px')) {\n        return INVALID_RESULT\n      }\n\n      return {\n        template: columnsArr.join(' '),\n        columnsCount: columnsArr.length,\n        calculatedGap: gap,\n        isValid: true,\n      }\n    }\n\n    case 'fixed': {\n      const colCount = typeof config.columns === 'number' ? config.columns : 0\n      if (colCount < 1) return INVALID_RESULT\n\n      const colWidth = config.columnWidth\n        ? formatValue(config.columnWidth)\n        : '1fr'\n\n      return {\n        template: `repeat(${colCount}, ${colWidth})`,\n        columnsCount: colCount,\n        calculatedGap: gap,\n        isValid: true,\n      }\n    }\n\n    case 'auto': {\n      const colWidth = config.columnWidth ?? 'auto'\n      if (colWidth === 'auto') {\n        return {\n          template: 'repeat(auto-fill, minmax(0, 1fr))',\n          columnsCount: 1,\n          calculatedGap: gap,\n          isValid: true,\n        }\n      }\n\n      const colWidthStr =\n        typeof colWidth === 'number' ? `${colWidth}px` : colWidth.toString()\n      const pxVal = convertValue(colWidthStr, context) ?? 0\n      const columns =\n        pxVal > 0 ? Math.max(1, Math.floor((width + gap) / (pxVal + gap))) : 1\n\n      return {\n        template: `repeat(auto-fill, ${colWidthStr})`,\n        columnsCount: columns,\n        calculatedGap: gap,\n        isValid: true,\n      }\n    }\n\n    default: {\n      const columns = Math.max(1, Math.floor(width / (gap + 1)) + 1)\n      return {\n        template: `repeat(${columns}, 1px)`,\n        columnsCount: columns,\n        calculatedGap: gap,\n        isValid: true,\n      }\n    }\n  }\n}\n\nexport const createGridSpanStyles = (\n  span?: number,\n  colSpan?: number,\n  rowSpan?: number\n): Record<string, string> => {\n  const gridStyles: Record<string, string> = {}\n\n  if (span !== undefined) {\n    gridStyles.gridColumn = `span ${span}`\n    gridStyles.gridRow = `span ${span}`\n  } else {\n    if (colSpan !== undefined) {\n      gridStyles.gridColumn = `span ${colSpan}`\n    }\n    if (rowSpan !== undefined) {\n      gridStyles.gridRow = `span ${rowSpan}`\n    }\n  }\n\n  return gridStyles\n}\n","import type { GuideVariant, GuideConfig } from '../types'\nimport { formatValue, createStyleOverride } from '../utils'\n\nexport interface GuideDescriptorParams {\n  base: number\n  colors: Record<GuideVariant, string>\n  variant: GuideVariant\n  align: string\n  width?: number | string\n  height?: number | string\n  columnWidth?: number | string\n  maxWidth?: number | string\n  color?: string\n  /** Pre-computed guide template result (from useGuide or calculateGuideTemplate) */\n  template: string\n  columnsCount: number\n  calculatedGap: number\n  isVisible: boolean\n}\n\nexport interface GuideDescriptor {\n  containerStyle: Record<string, string>\n  columnColor: string\n  columnsCount: number\n  calculatedGap: number\n  template: string\n  isVisible: boolean\n  isLineVariant: boolean\n  classTokens: string[]\n}\n\nexport interface GuideConfigParams {\n  variant: GuideVariant\n  base: number\n  gap: number\n  columns?: number | readonly (string | number | undefined | 'auto')[]\n  columnWidth?: number | string\n}\n\n/**\n * Creates a GuideConfig from component props.\n * Pure function — no React or DOM dependency.\n */\nexport function createGuideConfig({\n  variant,\n  base,\n  gap,\n  columns,\n  columnWidth,\n}: GuideConfigParams): GuideConfig {\n  switch (variant) {\n    case 'line':\n      return { variant: 'line', gap, base }\n    case 'pattern':\n      if (columns && Array.isArray(columns)) {\n        return {\n          variant: 'pattern',\n          columns: columns as readonly (string | number)[],\n          gap,\n          base,\n        }\n      }\n      break\n    case 'fixed':\n      if (columns !== undefined) {\n        const parsed =\n          typeof columns === 'number' ? columns : parseInt(String(columns), 10)\n        return {\n          variant: 'fixed',\n          columns: !isNaN(parsed) ? parsed : 12,\n          columnWidth: columnWidth || '60px',\n          gap,\n          base,\n        }\n      }\n      break\n  }\n  return { variant: 'auto', columnWidth: columnWidth || '1fr', gap, base }\n}\n\nconst GUIDE_DEFAULTS = (\n  base: number,\n  lineColor: string\n): Record<string, string> => ({\n  '--bkgd-w': '100%',\n  '--bkgd-h': '100%',\n  '--bkgd-mw': 'none',\n  '--bkgd-cw': '60px',\n  '--bkgd-gw': '24px',\n  '--bkgd-n': '12',\n  '--bkgd-b': `${base}px`,\n  '--bkgd-cl': lineColor,\n  '--bkgd-g': '0',\n})\n\n/**\n * Computes all styles and data needed to render a Guide component.\n * Pure function — framework-agnostic.\n */\nexport function createGuideDescriptor(\n  params: GuideDescriptorParams\n): GuideDescriptor {\n  const {\n    base,\n    colors,\n    variant,\n    align,\n    width,\n    height,\n    columnWidth,\n    maxWidth,\n    color,\n    template,\n    columnsCount,\n    calculatedGap,\n    isVisible,\n  } = params\n\n  const defaultStyles = GUIDE_DEFAULTS(base, colors.line)\n  const containerStyle: Record<string, string> = {\n    // Config is wrapperless, so every guide color channel must travel with\n    // the consuming guide rather than relying on root CSS variables.\n    '--bkgd-cl': color ?? colors.line,\n    '--bkgd-cp': color ?? colors.pattern,\n    '--bkgd-ca': color ?? colors.auto,\n    '--bkgd-cf': color ?? colors.fixed,\n    // Always declare the containing-block default and preserve explicit CSS\n    // dimensions. A viewport size is not equivalent to 100% of the parent.\n    '--bkgd-w': formatValue(width ?? '100%'),\n    '--bkgd-h': formatValue(height ?? '100%'),\n    ...createStyleOverride({\n      key: '--bkgd-mw',\n      value: formatValue(maxWidth || 'none'),\n      defaultStyles,\n    }),\n    ...createStyleOverride({\n      key: '--bkgd-cw',\n      value: formatValue(columnWidth || '60px'),\n      defaultStyles,\n    }),\n    ...createStyleOverride({\n      key: '--bkgd-n',\n      value: `${columnsCount}`,\n      defaultStyles,\n    }),\n    ...createStyleOverride({ key: '--bkgd-b', value: '0', defaultStyles }),\n    ...createStyleOverride({\n      key: '--bkgd-cl',\n      value: color ?? colors.line,\n      defaultStyles,\n    }),\n    ...createStyleOverride({\n      key: '--bkgd-g',\n      value: `${calculatedGap}px`,\n      defaultStyles,\n    }),\n    ...createStyleOverride({\n      key: '--bkgd-j',\n      value: align || 'center',\n      defaultStyles,\n    }),\n    // CSS module resolves grid-template-columns from --bkgd-t, so the inline\n    // gridTemplateColumns property would be redundant.\n    ...(template && template !== 'none' ? { '--bkgd-t': template } : {}),\n  }\n\n  const columnColor =\n    color ??\n    (variant && variant in colors\n      ? colors[variant as keyof typeof colors]\n      : undefined) ??\n    colors.line\n\n  const isLineVariant = variant === 'line'\n  const classTokens = ['gde', isVisible ? 'v' : 'h']\n  if (isLineVariant) classTokens.push('line')\n\n  if (isLineVariant) {\n    containerStyle['--bkgd-line-color'] = 'var(--bkgd-cl)'\n    containerStyle['--bkgd-line-period'] = `${calculatedGap + 1}px`\n  }\n\n  return {\n    containerStyle,\n    columnColor,\n    columnsCount,\n    calculatedGap,\n    template,\n    isVisible,\n    isLineVariant,\n    classTokens,\n  }\n}\n","import { useMemo } from 'react'\nimport type { ConfigSchema } from '@baseline-kit/core/config/schema'\nimport { useDefaultConfig } from '../components/Config/Config'\n\n/** Type helper that merges base configuration with component-specific settings. */\nexport type ComponentConfig<K extends keyof ConfigSchema> = ConfigSchema[K] & {\n  base: number\n}\n\n/**\n * Hook for accessing component-specific theme configuration.\n */\nexport function useConfig<K extends keyof ConfigSchema>(\n  component: K\n): ComponentConfig<K> {\n  const defaultConfig = useDefaultConfig()\n  return useMemo(() => {\n    return Object.assign(\n      { base: defaultConfig.base },\n      defaultConfig[component]\n    ) as ComponentConfig<K>\n  }, [defaultConfig, component])\n}\n","import { useMemo } from 'react'\nimport { resolveDebugState } from '@baseline-kit/core/utils/merge'\nimport type { DebuggingMode } from '@baseline-kit/core/types'\n\n/**\n * Hook for managing component debug state and visibility.\n * Delegates to pure resolveDebugState in core.\n */\nexport function useDebug(\n  debuggingProp?: DebuggingMode,\n  debuggingConfig?: DebuggingMode\n) {\n  return useMemo(\n    () => resolveDebugState(debuggingProp, debuggingConfig),\n    [debuggingProp, debuggingConfig]\n  )\n}\n","export const debounce = <T extends (...args: unknown[]) => void>(\n  fn: T,\n  delay: number\n): [T, () => void] => {\n  let timer: ReturnType<typeof setTimeout> | null = null\n\n  const cancel = () => {\n    if (timer) {\n      clearTimeout(timer)\n      timer = null\n    }\n  }\n\n  const debounced = ((...args) => {\n    cancel()\n    timer = setTimeout(() => fn(...args), delay)\n  }) as T\n\n  return [debounced, cancel]\n}\n\nexport const rafThrottle = <T extends (...args: never[]) => void>(\n  fn: T\n): [T, () => void] => {\n  let rafId: number | null = null\n  let lastArgs: Parameters<T> | null = null\n\n  const cancel = () => {\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId)\n      rafId = null\n      lastArgs = null\n    }\n  }\n\n  const throttled = (...args: Parameters<T>) => {\n    lastArgs = args\n\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId)\n    }\n\n    rafId = requestAnimationFrame(() => {\n      fn(...lastArgs!)\n      rafId = null\n      lastArgs = null\n    })\n  }\n\n  return [throttled as T, cancel]\n}\n","/**\n * Element measurement observer.\n */\n\nimport { rafThrottle } from './timing'\n\nexport interface MeasureRect {\n  width: number\n  height: number\n}\n\nexport interface MeasureObserverHandle {\n  /** Force an immediate re-measure */\n  refresh(): void\n  /** Stop observing */\n  disconnect(): void\n}\n\n/**\n * Observes an element's dimensions via ResizeObserver.\n * Calls `onChange` with rounded width/height whenever the size changes.\n */\nexport function createMeasureObserver(\n  el: Element,\n  onChange: (rect: MeasureRect) => void\n): MeasureObserverHandle {\n  let prev: MeasureRect = { width: 0, height: 0 }\n\n  const measure = () => {\n    try {\n      const rect = el.getBoundingClientRect()\n      const next: MeasureRect = {\n        width: Math.round(rect.width),\n        height: Math.round(rect.height),\n      }\n      if (next.width !== prev.width || next.height !== prev.height) {\n        prev = next\n        onChange(next)\n      }\n    } catch {\n      // element may have been removed\n    }\n  }\n\n  const [throttledMeasure, cancelMeasure] = rafThrottle(measure)\n\n  // Initial measurement\n  measure()\n\n  const observer = new ResizeObserver(throttledMeasure)\n  observer.observe(el)\n\n  return {\n    refresh: throttledMeasure,\n    disconnect() {\n      observer.disconnect()\n      cancelMeasure()\n    },\n  }\n}\n","import * as React from 'react'\nimport { createMeasureObserver } from '@baseline-kit/dom/measure'\nimport type { MeasureRect } from '@baseline-kit/dom/measure'\n\nexport interface MeasureResult extends MeasureRect {\n  refresh: () => void\n}\n\nconst ZERO: MeasureRect = { width: 0, height: 0 }\n\n/**\n * Hook for measuring and tracking DOM element dimensions.\n * Thin wrapper around the imperative createMeasureObserver from @baseline-kit/dom.\n */\nexport function useMeasure(\n  ref: React.RefObject<HTMLElement | null>\n): MeasureResult {\n  const [dimensions, setDimensions] = React.useState<MeasureRect>(ZERO)\n  const handleRef = React.useRef<ReturnType<\n    typeof createMeasureObserver\n  > | null>(null)\n\n  React.useLayoutEffect(() => {\n    if (typeof window === 'undefined' || !ref.current) return\n\n    const handle = createMeasureObserver(ref.current, (rect) => {\n      setDimensions((prev) =>\n        prev.width === rect.width && prev.height === rect.height ? prev : rect\n      )\n    })\n    handleRef.current = handle\n\n    return () => {\n      handle.disconnect()\n      handleRef.current = null\n    }\n  }, [ref])\n\n  const refresh = React.useCallback(() => {\n    handleRef.current?.refresh()\n  }, [])\n\n  return { ...dimensions, refresh }\n}\n","import type { ConversionContext } from '@baseline-kit/core'\n\n/**\n * Returns the current browser viewport for vw/vh/vmin/vmax conversion.\n * Returns an empty object on the server so callers fall back to the\n * core defaults without crashing.\n */\nexport function getViewportContext(): Partial<ConversionContext> {\n  if (typeof window === 'undefined') return {}\n  return {\n    viewportWidth: window.innerWidth,\n    viewportHeight: window.innerHeight,\n  }\n}\n","import * as React from 'react'\nimport type { GuideConfig } from '@baseline-kit/core/types'\nimport { calculateGuideTemplate } from '@baseline-kit/core/utils/grid'\nimport { getViewportContext } from '@baseline-kit/dom/viewport'\nimport { useMeasure } from './useMeasure'\n\nexport type { GuideResult } from '@baseline-kit/core/utils/grid'\n\n/**\n * Hook for calculating grid layout parameters based on container dimensions.\n */\nexport function useGuide(\n  ref: React.RefObject<HTMLElement | null>,\n  config: GuideConfig\n) {\n  const { width } = useMeasure(ref)\n  return React.useMemo(\n    () => calculateGuideTemplate(width, config, getViewportContext()),\n    [config, width]\n  )\n}\n","import { useEffect, useState } from 'react'\n\n/**\n * Hook to determine if the code is running on the client side.\n */\nexport function useIsClient() {\n  const [isClient, setIsClient] = useState(false)\n\n  useEffect(() => {\n    setIsClient(true)\n  }, [])\n\n  return isClient\n}\n","/**\n * React-specific SSR utilities (ClientOnly component)\n */\nimport * as React from 'react'\nimport { useIsClient } from '../hooks/useIsClient'\n\ninterface ClientOnlyProps {\n  children: React.ReactNode\n  fallback?: React.ReactNode\n}\n\n/**\n * A utility component that only renders its children on the client side.\n * @internal Not part of the public API\n */\nexport function ClientOnly({ children, fallback = null }: ClientOnlyProps) {\n  const isClient = useIsClient()\n\n  if (!isClient) {\n    return <>{fallback}</>\n  }\n\n  return <>{children}</>\n}\n","import * as React from 'react'\n\n/**\n * Combines descriptor style records and React style objects.\n * Accepts Record<string, string> from descriptors and React.CSSProperties.\n */\nexport function mergeStyles(\n  ...styles: Array<Record<string, string> | React.CSSProperties | undefined>\n): React.CSSProperties {\n  return Object.assign({}, ...styles.filter(Boolean))\n}\n\n/**\n * Merges multiple React refs into a single callback ref.\n */\nexport function mergeRefs<T>(\n  ...refs: Array<React.Ref<T> | null | undefined>\n): React.RefCallback<T> {\n  return (node: T | null) => {\n    refs.forEach((ref) => {\n      if (!ref) return\n      if (typeof ref === 'function') {\n        ref(node)\n      } else {\n        Object.assign(ref, { current: node })\n      }\n    })\n  }\n}\n",".gde {\n  position: absolute;\n  inset: 0;\n  box-sizing: border-box;\n  width: var(--bkgd-w, 100%);\n  height: var(--bkgd-h, 100%);\n  max-width: var(--bkgd-mw, none);\n  margin-inline: auto;\n  pointer-events: none;\n  padding: var(--bkgd-pb, 0) var(--bkgd-pi, 0);\n}\n\n.v {\n  opacity: 1;\n  visibility: visible;\n  transition:\n    opacity var(--bk-transition-base),\n    visibility 0ms linear;\n}\n\n.h {\n  opacity: 0;\n  visibility: hidden;\n  transition:\n    opacity var(--bk-transition-base),\n    visibility 0ms linear 180ms;\n}\n\n.line {\n  left: -0.5px; /* Alignment correction for line variant */\n}\n\n.cols {\n  position: absolute;\n  inset: 0;\n  display: grid;\n  column-gap: var(--bkgd-g);\n  grid-template-rows: 1fr;\n  grid-template-columns: var(--bkgd-t);\n  justify-content: var(--bkgd-j);\n  width: var(--bk-wf);\n  height: var(--bk-hf);\n  overflow: hidden;\n  contain: layout style paint;\n}\n\n.col {\n  min-width: 0;\n  width: var(--bk-wf);\n  height: var(--bk-hf);\n}\n\n/* Variant-specific styles */\n.col[data-variant='line'] {\n  width: 1px;\n  background-color: var(--bkgd-cl);\n}\n\n.cols[data-variant='line'] {\n  display: block;\n  background-image: repeating-linear-gradient(\n    to right,\n    var(--bkgd-line-color, var(--bkgd-cl)) 0 1px,\n    transparent 1px var(--bkgd-line-period, 1px)\n  );\n}\n\n.col[data-variant='pattern'] {\n  background-color: var(--bkgd-cp);\n}\n\n.col[data-variant='auto'] {\n  background-color: var(--bkgd-ca);\n  overflow: hidden;\n}\n\n.col[data-variant='fixed'] {\n  background-color: var(--bkgd-cf);\n}\n\n/* Style for SSR rendering */\n.ssr {\n  box-sizing: border-box;\n  z-index: 1;\n  pointer-events: none;\n}\n","import * as React from 'react'\nimport type { ComponentsProps } from '../types'\nimport { useConfig } from '../../hooks/useConfig'\nimport { useDebug } from '../../hooks/useDebug'\nimport { useMeasure } from '../../hooks/useMeasure'\nimport { useGuide } from '../../hooks/useGuide'\nimport { cx } from '@baseline-kit/core/utils/merge'\nimport {\n  createGuideDescriptor,\n  createGuideConfig,\n} from '@baseline-kit/core/descriptors/guide'\nimport type { GuideVariant, GuideConfig } from '@baseline-kit/core/types'\nimport { ClientOnly } from '../../utils/ssr'\nimport { mergeStyles } from '../../utils/merge'\nimport styles from './styles.module.css'\n\nexport type { GuideConfig }\n\nexport type GuideProps = {\n  align?: React.CSSProperties['justifyContent']\n  variant?: GuideVariant\n  columns?: number | readonly (string | number | undefined | 'auto')[]\n  columnWidth?: React.CSSProperties['width']\n  maxWidth?: React.CSSProperties['maxWidth']\n  color?: React.CSSProperties['color']\n  children?: React.ReactNode\n  gap?: number\n  ssrMode?: boolean\n} & ComponentsProps &\n  Omit<GuideConfig, 'columns' | 'columnWidth' | 'gap'>\n\nexport const Guide = React.memo(function Guide({\n  className,\n  debugging,\n  style,\n  variant: variantProp,\n  align = 'center',\n  gap: gapProp,\n  height,\n  width,\n  columns,\n  columnWidth,\n  maxWidth,\n  color,\n  children,\n  ssrMode = false,\n  ...props\n}: GuideProps) {\n  const config = useConfig('guide')\n  const variant = variantProp ?? config.variant\n  const gap = typeof gapProp === 'number' ? gapProp : 0\n  const { isShown } = useDebug(debugging, config.debugging)\n\n  if (!isShown) {\n    return (\n      <div\n        className={cx(styles.gde, styles.h, className)}\n        style={style}\n        data-testid=\"guide\"\n        data-variant={variant}\n        aria-hidden=\"true\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  const ssrFallback = (\n    <div\n      className={cx(styles.gde, styles.h, styles.ssr, className)}\n      style={{\n        width: width ?? '100%',\n        height: height ?? '100%',\n        maxWidth: maxWidth ?? 'none',\n        ...style,\n      }}\n      data-testid=\"guide\"\n      data-variant={variant}\n      aria-hidden=\"true\"\n    >\n      {children}\n    </div>\n  )\n\n  if (ssrMode) {\n    return ssrFallback\n  }\n\n  return (\n    <ClientOnly fallback={ssrFallback}>\n      <GuideImpl\n        className={className}\n        debugging={debugging}\n        style={style}\n        variant={variant}\n        align={align}\n        gap={gap}\n        height={height}\n        width={width}\n        columns={columns}\n        columnWidth={columnWidth}\n        maxWidth={maxWidth}\n        color={color}\n        {...props}\n      >\n        {children}\n      </GuideImpl>\n    </ClientOnly>\n  )\n})\n\nconst GuideImpl = React.memo(function GuideImpl({\n  className,\n  debugging,\n  style,\n  variant,\n  align = 'center',\n  gap,\n  height,\n  width,\n  columns,\n  columnWidth,\n  maxWidth,\n  color,\n  children,\n  ...props\n}: GuideProps) {\n  const config = useConfig('guide')\n  const { isShown } = useDebug(debugging, config.debugging)\n  const containerRef = React.useRef<HTMLDivElement | null>(null)\n  useMeasure(containerRef)\n\n  const resolvedVariant = (variant ?? config.variant) as GuideVariant\n  const resolvedGap = typeof gap === 'number' ? gap : 0\n\n  const gridConfig = React.useMemo(\n    () =>\n      createGuideConfig({\n        variant: resolvedVariant,\n        base: config.base,\n        gap: resolvedGap,\n        columns,\n        columnWidth: columnWidth as number | string | undefined,\n      }),\n    [resolvedVariant, config.base, resolvedGap, columns, columnWidth]\n  )\n\n  const { template, columnsCount, calculatedGap } = useGuide(\n    containerRef,\n    gridConfig\n  )\n\n  const descriptor = React.useMemo(\n    () =>\n      createGuideDescriptor({\n        base: config.base,\n        colors: config.colors,\n        variant: resolvedVariant,\n        align: align || 'center',\n        width,\n        height,\n        columnWidth,\n        maxWidth,\n        color,\n        template,\n        columnsCount,\n        calculatedGap,\n        isVisible: isShown,\n      }),\n    [\n      config.base,\n      config.colors,\n      resolvedVariant,\n      align,\n      width,\n      height,\n      columnWidth,\n      maxWidth,\n      color,\n      template,\n      columnsCount,\n      calculatedGap,\n      isShown,\n    ]\n  )\n\n  const containerStyles = React.useMemo(\n    () => mergeStyles(descriptor.containerStyle, style),\n    [descriptor.containerStyle, style]\n  )\n\n  return (\n    <div\n      ref={containerRef}\n      data-testid=\"guide\"\n      aria-hidden=\"true\"\n      className={cx(...descriptor.classTokens.map((t) => styles[t]), className)}\n      data-variant={variant}\n      style={containerStyles}\n      {...props}\n    >\n      {isShown && (\n        <div className={styles.cols} data-variant={variant}>\n          {!descriptor.isLineVariant &&\n            Array.from({ length: descriptor.columnsCount }, (_, i) => (\n              <div\n                key={i}\n                className={styles.col}\n                data-column-index={i}\n                data-variant={variant}\n              />\n            ))}\n        </div>\n      )}\n      {children}\n    </div>\n  )\n})\n"],"mappings":"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"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=require(`./src-CMjyHjX5.cjs`);let l=require(`react`);l=s(l,1);let u=require(`react/jsx-runtime`);var d=l.createContext(c.k);d.displayName=`ConfigContext`;var f=()=>l.use(d);function p({children:e,base:t,baseline:n,guide:r,spacer:i,box:a,padder:o}){let s=f();return(0,u.jsx)(d,{value:l.useMemo(()=>c.O({parentConfig:s,base:t,baseline:n,guide:r,spacer:i,box:a,padder:o}),[s,t,n,r,i,a,o]),children:e})}var m=e=>{let t=null,n=null;return[(...r)=>{n=r,t!==null&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{e(...n),t=null,n=null})},()=>{t!==null&&(cancelAnimationFrame(t),t=null,n=null)}]};function h(e,t){let n={width:0,height:0},r=()=>{try{let r=e.getBoundingClientRect(),i={width:Math.round(r.width),height:Math.round(r.height)};(i.width!==n.width||i.height!==n.height)&&(n=i,t(i))}catch{}},[i,a]=m(r);r();let o=new ResizeObserver(i);return o.observe(e),{refresh:i,disconnect(){o.disconnect(),a()}}}var g={width:0,height:0};function _(e){let[t,n]=l.useState(g),r=l.useRef(null);l.useLayoutEffect(()=>{if(typeof window>`u`||!e.current)return;let t=h(e.current,e=>{n(t=>t.width===e.width&&t.height===e.height?t:e)});return r.current=t,()=>{t.disconnect(),r.current=null}},[e]);let i=l.useCallback(()=>{r.current?.refresh()},[]);return{...t,refresh:i}}function v(e,t,n){let{totalItems:r,itemHeight:i,buffer:a=0}=t;if(!Number.isFinite(i)||i<=0)throw Error(`createVirtualTracker requires itemHeight to be greater than 0`);if(!Number.isFinite(r)||r<0)throw Error(`createVirtualTracker requires totalItems to be 0 or greater`);let o=()=>{let t=e.getBoundingClientRect().top+window.scrollY,n=Math.max(0,window.scrollY-t-a),o=n+window.innerHeight+a*2;return{start:Math.max(0,Math.floor(n/i)),end:Math.min(r,Math.ceil(o/i))}},s={start:0,end:r},[c,l]=m(()=>{let e=o();(e.start!==s.start||e.end!==s.end)&&(s=e,n(e))}),u={passive:!0};window.addEventListener(`scroll`,c,u),window.addEventListener(`resize`,c,u);let d=new IntersectionObserver(c,{threshold:0});return d.observe(e),c(),{refresh:c,disconnect(){window.removeEventListener(`scroll`,c,u),window.removeEventListener(`resize`,c,u),d.disconnect(),l()}}}function y({totalLines:e,lineHeight:t,containerRef:n,buffer:r=0}){let i=typeof r==`number`?r:parseInt(r,10)||0,[a,o]=(0,l.useState)({start:0,end:e}),s=(0,l.useCallback)(e=>{o(t=>t.start===e.start&&t.end===e.end?t:e)},[]);return(0,l.useLayoutEffect)(()=>{if(!n.current)return;let r=v(n.current,{totalItems:e,itemHeight:t,buffer:i},s);return()=>r.disconnect()},[n,e,t,i,s]),a}function b(e,{base:t=8,snapping:n=`none`,spacing:r={}}={}){if(t<1)throw Error(`Base must be >= 1 for baseline alignment.`);let{height:i}=_(e),a=l.useRef(null);return l.useMemo(()=>{let e=c.h({padding:r}),o=i%t===0;if(n===`none`)return{padding:e,isAligned:o,height:i};if(a.current)return{padding:a.current,isAligned:o,height:i};if(i===0)return{padding:e,isAligned:o,height:i};let s=c.m(i,t,e,n);return a.current=s,{padding:s,isAligned:o,height:i}},[t,n,r,i])}function x(){return typeof window>`u`?{}:{viewportWidth:window.innerWidth,viewportHeight:window.innerHeight}}function S(e,t){let{width:n}=_(e);return l.useMemo(()=>c.s(n,t,x()),[t,n])}function C(e){let t=f();return(0,l.useMemo)(()=>Object.assign({base:t.base},t[e]),[t,e])}function w(e,t){return(0,l.useMemo)(()=>c.p(e,t),[e,t])}function T(){let[e,t]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{t(!0)},[]),e}function E({children:e,fallback:t=null}){return T()?(0,u.jsx)(u.Fragment,{children:e}):(0,u.jsx)(u.Fragment,{children:t})}function D(...e){return Object.assign({},...e.filter(Boolean))}function O(...e){return t=>{e.forEach(e=>{e&&(typeof e==`function`?e(t):Object.assign(e,{current:t}))})}}var k={bas:`bas_4Emvv`,v:`v_lNfeX`,h:`h_PbNDU`,row:`row_J1Wva`,ssr:`ssr_PQAP-`},A=l.memo(function({className:e,debugging:t,style:n,variant:r,height:i,width:a,base:o,color:s,...d}){let f=C(`baseline`),{isShown:p}=w(t,f.debugging),m=l.useRef(null),{width:h,height:g}=_(m),v=o||f.base,b=l.useMemo(()=>c.i({base:v,colors:f.colors,variant:r??f.variant,width:a,height:i,color:s,containerWidth:h,containerHeight:g,spacing:d,isVisible:p}),[v,f.colors,f.variant,r,a,i,s,h,g,d,p]),{start:x,end:S}=y({totalLines:b.rowCount,lineHeight:v,containerRef:m,buffer:160}),T=l.useMemo(()=>D(b.containerStyle,n),[b.containerStyle,n]);return(0,u.jsx)(`div`,{ref:m,"data-testid":`baseline`,"aria-hidden":`true`,className:c.f(...b.classTokens.map(e=>k[e]),e),style:T,...d,children:p&&Array.from({length:S-x},(e,t)=>{let n=t+x;return(0,u.jsx)(`div`,{className:k.row,"data-row-index":n,style:b.getRowStyle(n)},n)})})}),j=l.memo(function({className:e,debugging:t,style:n,variant:r,height:i,width:a,base:o,color:s,ssrMode:l=!1,...d}){let f=C(`baseline`),p=r??f.variant,m=o??f.base,{isShown:h}=w(t,f.debugging);if(!h)return(0,u.jsx)(`div`,{className:c.f(k.bas,k.h,e),style:n,"data-testid":`baseline`,"aria-hidden":`true`,...d});let g=(0,u.jsx)(`div`,{className:c.f(k.bas,k.h,k.ssr,e),style:{width:a??`100%`,height:i??`100%`,...n},"data-testid":`baseline`,"aria-hidden":`true`});return l?g:(0,u.jsx)(E,{fallback:g,children:(0,u.jsx)(A,{className:e,debugging:t,style:n,variant:p,height:i,width:a,base:m,color:s,...d})})}),M={gde:`gde_4PKz3`,v:`v_yAvN0`,h:`h_XcWcy`,line:`line_UaLjW`,cols:`cols_ibtT4`,col:`col_QPSDI`,ssr:`ssr_4UN4k`},N=l.memo(function({className:e,debugging:t,style:n,variant:r,align:i=`center`,gap:a,height:o,width:s,columns:l,columnWidth:d,maxWidth:f,color:p,children:m,ssrMode:h=!1,...g}){let _=C(`guide`),v=r??_.variant,y=typeof a==`number`?a:0,{isShown:b}=w(t,_.debugging);if(!b)return(0,u.jsx)(`div`,{className:c.f(M.gde,M.h,e),style:n,"data-testid":`guide`,"data-variant":v,"aria-hidden":`true`,...g,children:m});let x=(0,u.jsx)(`div`,{className:c.f(M.gde,M.h,M.ssr,e),style:{width:s??`100%`,height:o??`100%`,maxWidth:f??`none`,...n},"data-testid":`guide`,"data-variant":v,"aria-hidden":`true`,children:m});return h?x:(0,u.jsx)(E,{fallback:x,children:(0,u.jsx)(P,{className:e,debugging:t,style:n,variant:v,align:i,gap:y,height:o,width:s,columns:l,columnWidth:d,maxWidth:f,color:p,...g,children:m})})}),P=l.memo(function({className:e,debugging:t,style:n,variant:r,align:i=`center`,gap:a,height:o,width:s,columns:d,columnWidth:f,maxWidth:p,color:m,children:h,...g}){let v=C(`guide`),{isShown:y}=w(t,v.debugging),b=l.useRef(null);_(b);let x=r??v.variant,T=typeof a==`number`?a:0,{template:E,columnsCount:O,calculatedGap:k}=S(b,l.useMemo(()=>c.a({variant:x,base:v.base,gap:T,columns:d,columnWidth:f}),[x,v.base,T,d,f])),A=l.useMemo(()=>c.o({base:v.base,colors:v.colors,variant:x,align:i||`center`,width:s,height:o,columnWidth:f,maxWidth:p,color:m,template:E,columnsCount:O,calculatedGap:k,isVisible:y}),[v.base,v.colors,x,i,s,o,f,p,m,E,O,k,y]),j=l.useMemo(()=>D(A.containerStyle,n),[A.containerStyle,n]);return(0,u.jsxs)(`div`,{ref:b,"data-testid":`guide`,"aria-hidden":`true`,className:c.f(...A.classTokens.map(e=>M[e]),e),"data-variant":r,style:j,...g,children:[y&&(0,u.jsx)(`div`,{className:M.cols,"data-variant":r,children:!A.isLineVariant&&Array.from({length:A.columnsCount},(e,t)=>(0,u.jsx)(`div`,{className:M.col,"data-column-index":t,"data-variant":r,style:{backgroundColor:A.columnColor}},t))}),h]})}),F=typeof window>`u`;function I(e,t){if(F)return t;try{return e()}catch{return t}}function L(e,t,n){return!e||F?t:n}var R={spr:`spr_syfhf`,line:`line_nzGsp`,flat:`flat_XJWHt`},z=l.memo(function({height:e,width:t,indicatorNode:n,debugging:r,variant:i,base:a,color:o,className:s,style:d,children:f,ssrMode:p=!1,...m}){let h=l.useRef(null),g=C(`spacer`),{isShown:_}=w(r,g.debugging),v=i??g.variant,y=a??g.base,b=T(),x=l.useMemo(()=>c.n({base:y,colors:g.colors,width:t,height:e,color:o,variant:v,isVisible:_}),[y,g.colors,t,e,o,v,_]),S=L(b&&!p,!1,_&&n!==void 0),E=l.useMemo(()=>{if(!S)return null;let e=x.normWidth,t=x.normHeight;return(0,u.jsxs)(u.Fragment,{children:[t!==0&&(0,u.jsx)(`span`,{"aria-hidden":`true`,children:n(t,`height`)},`height`),e!==0&&(0,u.jsx)(`span`,{"aria-hidden":`true`,children:n(e,`width`)},`width`)]})},[S,n,x.normWidth,x.normHeight]),O=l.useMemo(()=>D(x.style,d),[x.style,d]);return(0,u.jsxs)(`div`,{ref:h,"data-testid":`spacer`,className:c.f(...x.classTokens.map(e=>R[e]),s),"data-variant":v,"data-height":typeof x.normHeight==`number`?`${x.normHeight}px`:x.normHeight,style:O,...m,children:[E,f]})}),B={pad:`pad_NizuS`,lay:`lay_ZdQLz`,line:`line_7S7iI`,stk:`stk_X79YA`,v:`v_dowAz`},V=(e,t,n)=>{let r=e||`line`,i=t||`none`,a=(e,t)=>(0,u.jsx)(z,{variant:r,debugging:t===0||e===0?`none`:i,indicatorNode:n,height:t===`100%`?void 0:t,width:e===`100%`?void 0:e});return a.displayName=`PadderSpacer`,a},H={gridColumn:`1 / -1`},U={gridRow:`2 / 3`},W={gridRow:`2 / 3`,gridColumn:`2 / 3`},G=l.memo(l.forwardRef(function({children:e,className:t,debugging:n,height:r,indicatorNode:i,style:a,width:o,ssrMode:s=!1,...d},f){let p=C(`padder`),{variant:m}=C(`spacer`),h=l.useMemo(()=>c.h(d),[d]),{isShown:g,isNone:_,debugging:v}=w(n,p.debugging),y=!_,x=T(),S=l.useRef(null),E=b(S,{base:p.base,snapping:`height`,spacing:h}),k={padding:{top:h.top||0,right:h.right||0,bottom:h.bottom||0,left:h.left||0}},{padding:A}=L(x&&!s,k,E),j=O(f,S),M=l.useMemo(()=>c.t({base:p.base,color:p.color,width:o,height:r,padding:A,enableSpacers:y,isVisible:g}),[p.base,p.color,o,r,A,y,g]),N=l.useMemo(()=>D(M.containerStyle,a),[M.containerStyle,a]),P=l.useMemo(()=>V(m,v,i),[m,v,i]);return y?(0,u.jsxs)(`div`,{ref:j,"data-testid":`padder`,className:c.f(...M.classTokens.map(e=>B[e]),t),style:N,children:[(0,u.jsxs)(u.Fragment,{children:[A.top>=0&&(0,u.jsx)(`div`,{style:H,children:P(`100%`,A.top)}),A.left>=0&&(0,u.jsx)(`div`,{style:U,children:P(A.left,`100%`)})]}),(0,u.jsx)(`div`,{style:W,children:e}),(0,u.jsxs)(u.Fragment,{children:[A.right>=0&&(0,u.jsx)(`div`,{style:U,children:P(A.right,`100%`)}),A.bottom>=0&&(0,u.jsx)(`div`,{style:H,children:P(`100%`,A.bottom)})]})]}):(0,u.jsx)(`div`,{ref:j,"data-testid":`padder`,className:c.f(...M.classTokens.map(e=>B[e]),t),style:N,children:e})})),K={box:`box_sPqFs`,v:`v_ZrZ5j`},q=l.memo(l.forwardRef(function({children:e,snapping:t=`clamp`,debugging:n,className:r,colSpan:i,rowSpan:a,span:o,width:s,height:d,style:f,ssrMode:m=!1,...h},g){let _=C(`box`),{isShown:v,debugging:y}=w(n,_.debugging),x=T(),S=l.useRef(null),{top:E,bottom:k,left:A,right:j}=c.h(h),M=b(S,{base:_.base,snapping:t,spacing:{top:E,bottom:k,left:A,right:j}}),{padding:N}=L(x&&!m,{padding:{top:E||0,right:j||0,bottom:k||0,left:A||0}},M),P=l.useMemo(()=>c.r({base:_.base,lineColor:_.colors.line,width:s,height:d,span:o,colSpan:i,rowSpan:a,isVisible:v}),[_.base,_.colors.line,s,d,o,i,a,v]),F=l.useMemo(()=>D(P.boxStyle,f),[P.boxStyle,f]);return(0,u.jsx)(`div`,{ref:O(g,S),"data-testid":`box`,className:c.f(...P.classTokens.map(e=>K[e]),r),style:D(F,P.gridSpanStyle),children:(0,u.jsx)(p,{base:1,spacer:{variant:`flat`},children:(0,u.jsx)(G,{block:[N.top,N.bottom],inline:[N.left,N.right],width:`fit-content`,height:d,debugging:y,ssrMode:m,children:e})})})}));exports.Baseline=j,exports.Box=q,exports.Config=p,exports.Guide=N,exports.Padder=G,exports.Spacer=z,exports.isSSR=F,exports.safeClientValue=I;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));const c=require("./src-R5usYJol.cjs");let l=require("react");l=s(l,1);let u=require("react/jsx-runtime");var d=`__baseline_kit_config_context__`,f=globalThis,p=f[d]??(f[d]=l.createContext(c.k));p.displayName=`ConfigContext`;var m=()=>l.use(p);function h({children:e,base:t,baseline:n,guide:r,spacer:i,box:a,padder:o}){let s=m(),d=l.useMemo(()=>c.O({parentConfig:s,base:t,baseline:n,guide:r,spacer:i,box:a,padder:o}),[s,t,n,r,i,a,o]);return(0,u.jsx)(p,{value:d,children:e})}var g=e=>{let t=null,n=null;return[(...r)=>{n=r,t!==null&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{e(...n),t=null,n=null})},()=>{t!==null&&(cancelAnimationFrame(t),t=null,n=null)}]};function _(e,t){let n={width:0,height:0},r=()=>{try{let r=e.getBoundingClientRect(),i={width:Math.round(r.width),height:Math.round(r.height)};(i.width!==n.width||i.height!==n.height)&&(n=i,t(i))}catch{}},[i,a]=g(r);r();let o=new ResizeObserver(i);return o.observe(e),{refresh:i,disconnect(){o.disconnect(),a()}}}var v={width:0,height:0};function y(e){let[t,n]=l.useState(v),r=l.useRef(null);l.useLayoutEffect(()=>{if(typeof window>`u`||!e.current)return;let t=_(e.current,e=>{n(t=>t.width===e.width&&t.height===e.height?t:e)});return r.current=t,()=>{t.disconnect(),r.current=null}},[e]);let i=l.useCallback(()=>{r.current?.refresh()},[]);return{...t,refresh:i}}function b(e,t,n){let{totalItems:r,itemHeight:i,buffer:a=0}=t;if(!Number.isFinite(i)||i<=0)throw Error(`createVirtualTracker requires itemHeight to be greater than 0`);if(!Number.isFinite(r)||r<0)throw Error(`createVirtualTracker requires totalItems to be 0 or greater`);let o=()=>{let t=e.getBoundingClientRect().top+window.scrollY,n=Math.max(0,window.scrollY-t-a),o=n+window.innerHeight+a*2;return{start:Math.max(0,Math.floor(n/i)),end:Math.min(r,Math.ceil(o/i))}},s={start:0,end:r},[c,l]=g(()=>{let e=o();(e.start!==s.start||e.end!==s.end)&&(s=e,n(e))}),u={passive:!0};window.addEventListener(`scroll`,c,u),window.addEventListener(`resize`,c,u);let d=new IntersectionObserver(c,{threshold:0});return d.observe(e),c(),{refresh:c,disconnect(){window.removeEventListener(`scroll`,c,u),window.removeEventListener(`resize`,c,u),d.disconnect(),l()}}}function x({totalLines:e,lineHeight:t,containerRef:n,buffer:r=0}){let i=typeof r==`number`?r:parseInt(r,10)||0,[a,o]=(0,l.useState)({start:0,end:e}),s=(0,l.useCallback)(e=>{o(t=>t.start===e.start&&t.end===e.end?t:e)},[]);return(0,l.useLayoutEffect)(()=>{if(!n.current)return;o(t=>t.start===0&&t.end===e?t:{start:0,end:e});let r=b(n.current,{totalItems:e,itemHeight:t,buffer:i},s);return()=>r.disconnect()},[n,e,t,i,s]),a}function S(e,{base:t=8,snapping:n=`none`,snapEdge:r=`bottom`,spacing:i={}}={}){if(t<1)throw Error(`Base must be >= 1 for baseline alignment.`);let{height:a}=y(e),o=l.useRef(null);return l.useMemo(()=>{let e=c.h({padding:i}),s=a%t===0;if(n===`none`)return{padding:e,isAligned:s,height:a};if(o.current)return{padding:o.current,isAligned:s,height:a};if(a===0)return{padding:e,isAligned:s,height:a};let l=c.m(a,t,e,{mode:n,snapEdge:r});return o.current=l,{padding:l,isAligned:s,height:a}},[t,n,r,i,a])}function C(){return typeof window>`u`?{}:{viewportWidth:window.innerWidth,viewportHeight:window.innerHeight}}function w(e,t){let{width:n}=y(e);return l.useMemo(()=>c.s(n,t,C()),[t,n])}function T(e){let t=m();return(0,l.useMemo)(()=>Object.assign({base:t.base},t[e]),[t,e])}function E(e,t){return(0,l.useMemo)(()=>c.p(e,t),[e,t])}function D(){let[e,t]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{t(!0)},[]),e}function O({children:e,fallback:t=null}){return D()?(0,u.jsx)(u.Fragment,{children:e}):(0,u.jsx)(u.Fragment,{children:t})}function k(...e){return Object.assign({},...e.filter(Boolean))}function A(...e){return t=>{e.forEach(e=>{e&&(typeof e==`function`?e(t):Object.assign(e,{current:t}))})}}var j={bas:`bas_4Emvv`,v:`v_lNfeX`,h:`h_PbNDU`,row:`row_J1Wva`,ssr:`ssr_PQAP-`},M=l.memo(function({className:e,debugging:t,style:n,variant:r,height:i,width:a,base:o,color:s,...d}){let f=T(`baseline`),{isShown:p}=E(t,f.debugging),m=l.useRef(null),{width:h,height:g}=y(m),_=o||f.base,v=l.useMemo(()=>c.i({base:_,colors:f.colors,variant:r??f.variant,width:a,height:i,color:s,containerWidth:h,containerHeight:g,spacing:d,isVisible:p}),[_,f.colors,f.variant,r,a,i,s,h,g,d,p]),{start:b,end:S}=x({totalLines:v.rowCount,lineHeight:_,containerRef:m,buffer:160}),C=l.useMemo(()=>k(v.containerStyle,n),[v.containerStyle,n]);return(0,u.jsx)(`div`,{ref:m,"data-testid":`baseline`,"aria-hidden":`true`,className:c.f(...v.classTokens.map(e=>j[e]),e),style:C,...d,children:p&&Array.from({length:S-b},(e,t)=>{let n=t+b;return(0,u.jsx)(`div`,{className:j.row,"data-row-index":n,style:v.getRowStyle(n)},n)})})}),N=l.memo(function({className:e,debugging:t,style:n,variant:r,height:i,width:a,base:o,color:s,ssrMode:l=!1,...d}){let f=T(`baseline`),p=r??f.variant,m=o??f.base,{isShown:h}=E(t,f.debugging);if(!h)return(0,u.jsx)(`div`,{className:c.f(j.bas,j.h,e),style:n,"data-testid":`baseline`,"aria-hidden":`true`,...d});let g=(0,u.jsx)(`div`,{className:c.f(j.bas,j.h,j.ssr,e),style:{width:a??`100%`,height:i??`100%`,...n},"data-testid":`baseline`,"aria-hidden":`true`});return l?g:(0,u.jsx)(O,{fallback:g,children:(0,u.jsx)(M,{className:e,debugging:t,style:n,variant:p,height:i,width:a,base:m,color:s,...d})})}),P={gde:`gde_4PKz3`,v:`v_yAvN0`,h:`h_XcWcy`,line:`line_UaLjW`,cols:`cols_ibtT4`,col:`col_QPSDI`,ssr:`ssr_4UN4k`},F=l.memo(function({className:e,debugging:t,style:n,variant:r,align:i=`center`,gap:a,height:o,width:s,columns:l,columnWidth:d,maxWidth:f,color:p,children:m,ssrMode:h=!1,...g}){let _=T(`guide`),v=r??_.variant,y=typeof a==`number`?a:0,{isShown:b}=E(t,_.debugging);if(!b)return(0,u.jsx)(`div`,{className:c.f(P.gde,P.h,e),style:n,"data-testid":`guide`,"data-variant":v,"aria-hidden":`true`,...g,children:m});let x=(0,u.jsx)(`div`,{className:c.f(P.gde,P.h,P.ssr,e),style:{width:s??`100%`,height:o??`100%`,maxWidth:f??`none`,...n},"data-testid":`guide`,"data-variant":v,"aria-hidden":`true`,children:m});return h?x:(0,u.jsx)(O,{fallback:x,children:(0,u.jsx)(I,{className:e,debugging:t,style:n,variant:v,align:i,gap:y,height:o,width:s,columns:l,columnWidth:d,maxWidth:f,color:p,...g,children:m})})}),I=l.memo(function({className:e,debugging:t,style:n,variant:r,align:i=`center`,gap:a,height:o,width:s,columns:d,columnWidth:f,maxWidth:p,color:m,children:h,...g}){let _=T(`guide`),{isShown:v}=E(t,_.debugging),b=l.useRef(null);y(b);let x=r??_.variant,S=typeof a==`number`?a:0,{template:C,columnsCount:D,calculatedGap:O}=w(b,l.useMemo(()=>c.a({variant:x,base:_.base,gap:S,columns:d,columnWidth:f}),[x,_.base,S,d,f])),A=l.useMemo(()=>c.o({base:_.base,colors:_.colors,variant:x,align:i||`center`,width:s,height:o,columnWidth:f,maxWidth:p,color:m,template:C,columnsCount:D,calculatedGap:O,isVisible:v}),[_.base,_.colors,x,i,s,o,f,p,m,C,D,O,v]),j=l.useMemo(()=>k(A.containerStyle,n),[A.containerStyle,n]);return(0,u.jsxs)(`div`,{ref:b,"data-testid":`guide`,"aria-hidden":`true`,className:c.f(...A.classTokens.map(e=>P[e]),e),"data-variant":r,style:j,...g,children:[v&&(0,u.jsx)(`div`,{className:P.cols,"data-variant":r,children:!A.isLineVariant&&Array.from({length:A.columnsCount},(e,t)=>(0,u.jsx)(`div`,{className:P.col,"data-column-index":t,"data-variant":r},t))}),h]})}),L=typeof window>`u`;function R(e,t){if(L)return t;try{return e()}catch{return t}}function z(e,t,n){return!e||L?t:n}var B={spr:`spr_syfhf`,line:`line_nzGsp`,flat:`flat_XJWHt`,indicator:`indicator_inw1x`},V=l.memo(function({height:e,width:t,indicatorNode:n,debugging:r,variant:i,base:a,color:o,className:s,style:d,children:f,ssrMode:p=!1,...m}){let h=l.useRef(null),g=T(`spacer`),{isShown:_}=E(r,g.debugging),v=i??g.variant,y=a??g.base,b=D(),x=l.useMemo(()=>c.n({base:y,colors:g.colors,width:t,height:e,color:o,variant:v,isVisible:_}),[y,g.colors,t,e,o,v,_]),S=z(b&&!p,!1,_&&n!==void 0),C=l.useMemo(()=>{if(!S)return null;let e=x.normWidth,t=x.normHeight;return(0,u.jsxs)(u.Fragment,{children:[t!==0&&(0,u.jsx)(`span`,{className:B.indicator,"aria-hidden":`true`,children:n(t,`height`)},`height`),e!==0&&(0,u.jsx)(`span`,{className:B.indicator,"aria-hidden":`true`,children:n(e,`width`)},`width`)]})},[S,n,x.normWidth,x.normHeight]),w=l.useMemo(()=>k(x.style,d),[x.style,d]);return(0,u.jsxs)(`div`,{ref:h,"data-testid":`spacer`,className:c.f(...x.classTokens.map(e=>B[e]),s),"data-variant":v,"data-height":typeof x.normHeight==`number`?`${x.normHeight}px`:x.normHeight,style:w,...m,children:[C,f]})}),H={pad:`pad_NizuS`,content:`content_xFX0U`,v:`v_dowAz`},U=(e,t,n)=>{let r=e||`line`,i=t||`none`,a=(e,t)=>(0,u.jsx)(V,{variant:r,debugging:t===0||e===0?`none`:i,indicatorNode:n,height:t===`100%`?void 0:t,width:e===`100%`?void 0:e});return a.displayName=`PadderSpacer`,a},W={gridColumn:`1 / -1`},G={gridRow:`2 / 3`},K={gridRow:`2 / 3`,gridColumn:`2 / 3`},q=l.memo(l.forwardRef(function({children:e,className:t,debugging:n,height:r,indicatorNode:i,style:a,width:o,ssrMode:s=!1,...d},f){let p=T(`padder`),{variant:m}=T(`spacer`),h=l.useMemo(()=>c.h(d),[d]),{isShown:g,isNone:_,debugging:v}=E(n,p.debugging),y=!_,b=D(),x=l.useRef(null),C=S(x,{base:p.base,snapping:`height`,spacing:h}),w={padding:{top:h.top||0,right:h.right||0,bottom:h.bottom||0,left:h.left||0}},{padding:O}=z(b&&!s,w,C),j=A(f,x),M=l.useMemo(()=>c.t({base:p.base,color:p.color,width:o,height:r,padding:O,enableSpacers:y,isVisible:g}),[p.base,p.color,o,r,O,y,g]),N=l.useMemo(()=>k(M.containerStyle,a),[M.containerStyle,a]),P=l.useMemo(()=>U(m,v,i),[m,v,i]);return y?(0,u.jsxs)(`div`,{ref:j,"data-testid":`padder`,className:c.f(...M.classTokens.map(e=>H[e]),t),style:N,children:[(0,u.jsxs)(u.Fragment,{children:[O.top>=0&&(0,u.jsx)(`div`,{style:W,children:P(`100%`,O.top)}),O.left>=0&&(0,u.jsx)(`div`,{style:G,children:P(O.left,`100%`)})]}),(0,u.jsx)(`div`,{"data-testid":`padder-content`,className:H.content,style:K,children:e}),(0,u.jsxs)(u.Fragment,{children:[O.right>=0&&(0,u.jsx)(`div`,{style:G,children:P(O.right,`100%`)}),O.bottom>=0&&(0,u.jsx)(`div`,{style:W,children:P(`100%`,O.bottom)})]})]}):(0,u.jsx)(`div`,{ref:j,"data-testid":`padder`,className:c.f(...M.classTokens.map(e=>H[e]),t),style:N,children:e})})),J={box:`box_sPqFs`,v:`v_ZrZ5j`},Y=l.memo(l.forwardRef(function({children:e,snapping:t=`clamp`,snapEdge:n=`bottom`,debugging:r,className:i,colSpan:a,rowSpan:o,span:s,width:d,height:f,style:p,ssrMode:m=!1,...g},_){let v=T(`box`),{isShown:y,debugging:b}=E(r,v.debugging),x=D(),C=l.useRef(null),{top:w,bottom:O,left:j,right:M}=c.h(g),N=S(C,{base:v.base,snapping:t,snapEdge:n,spacing:{top:w,bottom:O,left:j,right:M}}),{padding:P}=z(x&&!m,{padding:{top:w||0,right:M||0,bottom:O||0,left:j||0}},N),F=l.useMemo(()=>c.r({base:v.base,lineColor:v.colors.line,width:d,height:f,span:s,colSpan:a,rowSpan:o,isVisible:y}),[v.base,v.colors.line,d,f,s,a,o,y]),I=l.useMemo(()=>k(F.boxStyle,p),[F.boxStyle,p]);return(0,u.jsx)(`div`,{ref:A(_,C),"data-testid":`box`,className:c.f(...F.classTokens.map(e=>J[e]),i),style:k(I,F.gridSpanStyle),children:(0,u.jsx)(h,{base:1,spacer:{variant:`flat`},children:(0,u.jsx)(q,{block:[P.top,P.bottom],inline:[P.left,P.right],width:`fit-content`,height:f,debugging:b,ssrMode:!0,children:e})})})}));exports.Baseline=N,exports.Box=Y,exports.Config=h,exports.Guide=F,exports.Padder=q,exports.Spacer=V,exports.isSSR=L,exports.safeClientValue=R;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../packages/react/src/components/Config/Config.tsx","../packages/dom/src/timing.ts","../packages/dom/src/measure.ts","../packages/react/src/hooks/useMeasure.ts","../packages/dom/src/virtual.ts","../packages/react/src/hooks/useVirtual.ts","../packages/react/src/hooks/useBaseline.ts","../packages/dom/src/viewport.ts","../packages/react/src/hooks/useGuide.ts","../packages/react/src/hooks/useConfig.ts","../packages/react/src/hooks/useDebug.ts","../packages/react/src/hooks/useIsClient.ts","../packages/react/src/utils/ssr.tsx","../packages/react/src/utils/merge.ts","../packages/react/src/components/Baseline/styles.module.css","../packages/react/src/components/Baseline/Baseline.tsx","../packages/react/src/components/Guide/styles.module.css","../packages/react/src/components/Guide/Guide.tsx","../packages/dom/src/ssr.ts","../packages/react/src/components/Spacer/styles.module.css","../packages/react/src/components/Spacer/Spacer.tsx","../packages/react/src/components/Padder/styles.module.css","../packages/react/src/components/Padder/Padder.tsx","../packages/react/src/components/Box/styles.module.css","../packages/react/src/components/Box/Box.tsx"],"sourcesContent":["import * as React from 'react'\nimport type { ConfigSchema } from '@baseline-kit/core/config/schema'\nimport { DEFAULT_CONFIG } from '@baseline-kit/core/config/defaults'\nimport {\n  mergeConfig,\n  createCSSVariables,\n} from '@baseline-kit/core/config/merge'\n\n// Re-export types that consumers need\nexport type { DebuggingMode } from '@baseline-kit/core/types'\nexport type { ConfigSchema } from '@baseline-kit/core/config/schema'\n\n// Create the context\nconst ConfigContext = React.createContext<ConfigSchema>(DEFAULT_CONFIG)\nConfigContext.displayName = 'ConfigContext'\n\n// Update to use React 19's use hook instead of useContext\nexport const useDefaultConfig = () => React.use(ConfigContext)\n\ntype ConfigProps = {\n  children: React.ReactNode\n  base?: number\n  baseline?: Partial<ConfigSchema['baseline']>\n  guide?: Partial<ConfigSchema['guide']>\n  spacer?: Partial<ConfigSchema['spacer']>\n  box?: Partial<ConfigSchema['box']>\n  padder?: Partial<ConfigSchema['padder']>\n}\n\n/**\n * Configuration provider for baseline-kit components.\n */\nexport function Config({\n  children,\n  base,\n  baseline,\n  guide,\n  spacer,\n  box,\n  padder,\n}: ConfigProps) {\n  const parentConfig = useDefaultConfig()\n\n  const value = React.useMemo(() => {\n    return mergeConfig({\n      parentConfig,\n      base,\n      baseline,\n      guide,\n      spacer,\n      box,\n      padder,\n    })\n  }, [parentConfig, base, baseline, guide, spacer, box, padder])\n\n  return <ConfigContext value={value}>{children}</ConfigContext>\n}\n\n// Re-export createCSSVariables and mergeConfig for consumers\nexport { createCSSVariables, mergeConfig }\n","export const debounce = <T extends (...args: unknown[]) => void>(\n  fn: T,\n  delay: number\n): [T, () => void] => {\n  let timer: ReturnType<typeof setTimeout> | null = null\n\n  const cancel = () => {\n    if (timer) {\n      clearTimeout(timer)\n      timer = null\n    }\n  }\n\n  const debounced = ((...args) => {\n    cancel()\n    timer = setTimeout(() => fn(...args), delay)\n  }) as T\n\n  return [debounced, cancel]\n}\n\nexport const rafThrottle = <T extends (...args: never[]) => void>(\n  fn: T\n): [T, () => void] => {\n  let rafId: number | null = null\n  let lastArgs: Parameters<T> | null = null\n\n  const cancel = () => {\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId)\n      rafId = null\n      lastArgs = null\n    }\n  }\n\n  const throttled = (...args: Parameters<T>) => {\n    lastArgs = args\n\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId)\n    }\n\n    rafId = requestAnimationFrame(() => {\n      fn(...lastArgs!)\n      rafId = null\n      lastArgs = null\n    })\n  }\n\n  return [throttled as T, cancel]\n}\n","/**\n * Element measurement observer.\n */\n\nimport { rafThrottle } from './timing'\n\nexport interface MeasureRect {\n  width: number\n  height: number\n}\n\nexport interface MeasureObserverHandle {\n  /** Force an immediate re-measure */\n  refresh(): void\n  /** Stop observing */\n  disconnect(): void\n}\n\n/**\n * Observes an element's dimensions via ResizeObserver.\n * Calls `onChange` with rounded width/height whenever the size changes.\n */\nexport function createMeasureObserver(\n  el: Element,\n  onChange: (rect: MeasureRect) => void\n): MeasureObserverHandle {\n  let prev: MeasureRect = { width: 0, height: 0 }\n\n  const measure = () => {\n    try {\n      const rect = el.getBoundingClientRect()\n      const next: MeasureRect = {\n        width: Math.round(rect.width),\n        height: Math.round(rect.height),\n      }\n      if (next.width !== prev.width || next.height !== prev.height) {\n        prev = next\n        onChange(next)\n      }\n    } catch {\n      // element may have been removed\n    }\n  }\n\n  const [throttledMeasure, cancelMeasure] = rafThrottle(measure)\n\n  // Initial measurement\n  measure()\n\n  const observer = new ResizeObserver(throttledMeasure)\n  observer.observe(el)\n\n  return {\n    refresh: throttledMeasure,\n    disconnect() {\n      observer.disconnect()\n      cancelMeasure()\n    },\n  }\n}\n","import * as React from 'react'\nimport { createMeasureObserver } from '@baseline-kit/dom/measure'\nimport type { MeasureRect } from '@baseline-kit/dom/measure'\n\nexport interface MeasureResult extends MeasureRect {\n  refresh: () => void\n}\n\nconst ZERO: MeasureRect = { width: 0, height: 0 }\n\n/**\n * Hook for measuring and tracking DOM element dimensions.\n * Thin wrapper around the imperative createMeasureObserver from @baseline-kit/dom.\n */\nexport function useMeasure(\n  ref: React.RefObject<HTMLElement | null>\n): MeasureResult {\n  const [dimensions, setDimensions] = React.useState<MeasureRect>(ZERO)\n  const handleRef = React.useRef<ReturnType<\n    typeof createMeasureObserver\n  > | null>(null)\n\n  React.useLayoutEffect(() => {\n    if (typeof window === 'undefined' || !ref.current) return\n\n    const handle = createMeasureObserver(ref.current, (rect) => {\n      setDimensions((prev) =>\n        prev.width === rect.width && prev.height === rect.height ? prev : rect\n      )\n    })\n    handleRef.current = handle\n\n    return () => {\n      handle.disconnect()\n      handleRef.current = null\n    }\n  }, [ref])\n\n  const refresh = React.useCallback(() => {\n    handleRef.current?.refresh()\n  }, [])\n\n  return { ...dimensions, refresh }\n}\n","/**\n * Virtual scroll range tracker.\n */\n\nimport { rafThrottle } from './timing'\n\nexport interface VirtualRange {\n  start: number\n  end: number\n}\n\nexport interface VirtualTrackerOptions {\n  totalItems: number\n  itemHeight: number\n  buffer?: number\n}\n\nexport interface VirtualTrackerHandle {\n  /** Force recalculation */\n  refresh(): void\n  /** Stop tracking */\n  disconnect(): void\n}\n\n/**\n * Tracks which slice of a virtual list is visible in the viewport.\n * Uses IntersectionObserver + window scroll/resize events.\n */\nexport function createVirtualTracker(\n  el: Element,\n  options: VirtualTrackerOptions,\n  onChange: (range: VirtualRange) => void\n): VirtualTrackerHandle {\n  const { totalItems, itemHeight, buffer = 0 } = options\n\n  if (!Number.isFinite(itemHeight) || itemHeight <= 0) {\n    throw new Error(\n      'createVirtualTracker requires itemHeight to be greater than 0'\n    )\n  }\n\n  if (!Number.isFinite(totalItems) || totalItems < 0) {\n    throw new Error(\n      'createVirtualTracker requires totalItems to be 0 or greater'\n    )\n  }\n\n  const calculateRange = (): VirtualRange => {\n    const rect = el.getBoundingClientRect()\n    const offsetTop = rect.top + window.scrollY\n    const viewportTop = Math.max(0, window.scrollY - offsetTop - buffer)\n    const viewportBottom = viewportTop + window.innerHeight + buffer * 2\n\n    const start = Math.max(0, Math.floor(viewportTop / itemHeight))\n    const end = Math.min(totalItems, Math.ceil(viewportBottom / itemHeight))\n    return { start, end }\n  }\n\n  let prev: VirtualRange = { start: 0, end: totalItems }\n\n  const update = () => {\n    const next = calculateRange()\n    if (next.start !== prev.start || next.end !== prev.end) {\n      prev = next\n      onChange(next)\n    }\n  }\n\n  const [throttledUpdate, cancelUpdate] = rafThrottle(update)\n\n  const listenerOptions: AddEventListenerOptions = { passive: true }\n\n  window.addEventListener('scroll', throttledUpdate, listenerOptions)\n  window.addEventListener('resize', throttledUpdate, listenerOptions)\n\n  const intersectionObserver = new IntersectionObserver(throttledUpdate, {\n    threshold: 0,\n  })\n  intersectionObserver.observe(el)\n\n  throttledUpdate()\n\n  return {\n    refresh: throttledUpdate,\n    disconnect() {\n      window.removeEventListener('scroll', throttledUpdate, listenerOptions)\n      window.removeEventListener('resize', throttledUpdate, listenerOptions)\n      intersectionObserver.disconnect()\n      cancelUpdate()\n    },\n  }\n}\n","import { RefObject, useCallback, useLayoutEffect, useState } from 'react'\nimport { createVirtualTracker } from '@baseline-kit/dom/virtual'\nimport type { VirtualRange } from '@baseline-kit/dom/virtual'\n\ntype VirtualOptions = {\n  totalLines: number\n  lineHeight: number\n  containerRef: RefObject<HTMLDivElement | null>\n  buffer?: number | string\n}\n\n/**\n * Hook for optimizing large lists through virtual scrolling.\n * Thin wrapper around the imperative createVirtualTracker from @baseline-kit/dom.\n */\nexport function useVirtual({\n  totalLines,\n  lineHeight,\n  containerRef,\n  buffer = 0,\n}: VirtualOptions) {\n  const numericBuffer =\n    typeof buffer === 'number' ? buffer : parseInt(buffer, 10) || 0\n\n  const [visibleRange, setVisibleRange] = useState<VirtualRange>({\n    start: 0,\n    end: totalLines,\n  })\n\n  const updateRange = useCallback((range: VirtualRange) => {\n    setVisibleRange((prev) =>\n      prev.start === range.start && prev.end === range.end ? prev : range\n    )\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!containerRef.current) return\n\n    const handle = createVirtualTracker(\n      containerRef.current,\n      { totalItems: totalLines, itemHeight: lineHeight, buffer: numericBuffer },\n      updateRange\n    )\n\n    return () => handle.disconnect()\n  }, [containerRef, totalLines, lineHeight, numericBuffer, updateRange])\n\n  return visibleRange\n}\n","import * as React from 'react'\nimport type { SnappingMode, Padding } from '@baseline-kit/core'\nimport { parsePadding, calculateSnappedSpacing } from '@baseline-kit/core'\nimport { useMeasure } from './useMeasure'\n\nexport interface BaselineOptions {\n  base?: number\n  snapping?: SnappingMode\n  spacing?: Partial<Padding> | number\n}\n\nexport interface BaselineResult {\n  padding: Padding\n  isAligned: boolean\n  height: number\n}\n\n/**\n * Hook for managing baseline grid alignment in components.\n *\n * Snapping notes\n * --------------\n * `clamp` mode would oscillate without a latch: each snap tweaks the\n * element's padding which changes its measured height, which would\n * trigger another snap, and so on. We snap exactly once per mount on\n * the *first non-zero* measurement, then keep returning the snapped\n * padding for the rest of the element's life. Resizes after the first\n * snap intentionally do not re-snap (avoids visual jitter and the\n * `clamp` oscillation).\n */\nexport function useBaseline(\n  ref: React.RefObject<HTMLElement | null>,\n  { base = 8, snapping = 'none', spacing = {} }: BaselineOptions = {}\n): BaselineResult {\n  if (base < 1) {\n    throw new Error('Base must be >= 1 for baseline alignment.')\n  }\n\n  const { height } = useMeasure(ref)\n  const snappedPaddingRef = React.useRef<Padding | null>(null)\n\n  return React.useMemo(() => {\n    const initialPadding = parsePadding({ padding: spacing })\n    const isAligned = height % base === 0\n\n    if (snapping === 'none') {\n      return { padding: initialPadding, isAligned, height }\n    }\n\n    // Reuse the cached snap on subsequent renders.\n    if (snappedPaddingRef.current) {\n      return { padding: snappedPaddingRef.current, isAligned, height }\n    }\n\n    // Wait for a real measurement before snapping. Without this guard\n    // the very first render (height = 0, before useMeasure settles)\n    // would compute a no-op snap and prematurely poison the cache,\n    // making real measurements never get snapped.\n    if (height === 0) {\n      return { padding: initialPadding, isAligned, height }\n    }\n\n    const finalPadding = calculateSnappedSpacing(\n      height,\n      base,\n      initialPadding,\n      snapping\n    )\n    snappedPaddingRef.current = finalPadding\n\n    return { padding: finalPadding, isAligned, height }\n  }, [base, snapping, spacing, height])\n}\n","import type { ConversionContext } from '@baseline-kit/core'\n\n/**\n * Returns the current browser viewport for vw/vh/vmin/vmax conversion.\n * Returns an empty object on the server so callers fall back to the\n * core defaults without crashing.\n */\nexport function getViewportContext(): Partial<ConversionContext> {\n  if (typeof window === 'undefined') return {}\n  return {\n    viewportWidth: window.innerWidth,\n    viewportHeight: window.innerHeight,\n  }\n}\n","import * as React from 'react'\nimport type { GuideConfig } from '@baseline-kit/core/types'\nimport { calculateGuideTemplate } from '@baseline-kit/core/utils/grid'\nimport { getViewportContext } from '@baseline-kit/dom/viewport'\nimport { useMeasure } from './useMeasure'\n\nexport type { GuideResult } from '@baseline-kit/core/utils/grid'\n\n/**\n * Hook for calculating grid layout parameters based on container dimensions.\n */\nexport function useGuide(\n  ref: React.RefObject<HTMLElement | null>,\n  config: GuideConfig\n) {\n  const { width } = useMeasure(ref)\n  return React.useMemo(\n    () => calculateGuideTemplate(width, config, getViewportContext()),\n    [config, width]\n  )\n}\n","import { useMemo } from 'react'\nimport type { ConfigSchema } from '@baseline-kit/core/config/schema'\nimport { useDefaultConfig } from '../components/Config/Config'\n\n/** Type helper that merges base configuration with component-specific settings. */\nexport type ComponentConfig<K extends keyof ConfigSchema> = ConfigSchema[K] & {\n  base: number\n}\n\n/**\n * Hook for accessing component-specific theme configuration.\n */\nexport function useConfig<K extends keyof ConfigSchema>(\n  component: K\n): ComponentConfig<K> {\n  const defaultConfig = useDefaultConfig()\n  return useMemo(() => {\n    return Object.assign(\n      { base: defaultConfig.base },\n      defaultConfig[component]\n    ) as ComponentConfig<K>\n  }, [defaultConfig, component])\n}\n","import { useMemo } from 'react'\nimport { resolveDebugState } from '@baseline-kit/core/utils/merge'\nimport type { DebuggingMode } from '@baseline-kit/core/types'\n\n/**\n * Hook for managing component debug state and visibility.\n * Delegates to pure resolveDebugState in core.\n */\nexport function useDebug(\n  debuggingProp?: DebuggingMode,\n  debuggingConfig?: DebuggingMode\n) {\n  return useMemo(\n    () => resolveDebugState(debuggingProp, debuggingConfig),\n    [debuggingProp, debuggingConfig]\n  )\n}\n","import { useEffect, useState } from 'react'\n\n/**\n * Hook to determine if the code is running on the client side.\n */\nexport function useIsClient() {\n  const [isClient, setIsClient] = useState(false)\n\n  useEffect(() => {\n    setIsClient(true)\n  }, [])\n\n  return isClient\n}\n","/**\n * React-specific SSR utilities (ClientOnly component)\n */\nimport * as React from 'react'\nimport { useIsClient } from '../hooks/useIsClient'\n\ninterface ClientOnlyProps {\n  children: React.ReactNode\n  fallback?: React.ReactNode\n}\n\n/**\n * A utility component that only renders its children on the client side.\n * @internal Not part of the public API\n */\nexport function ClientOnly({ children, fallback = null }: ClientOnlyProps) {\n  const isClient = useIsClient()\n\n  if (!isClient) {\n    return <>{fallback}</>\n  }\n\n  return <>{children}</>\n}\n","import * as React from 'react'\n\n/**\n * Combines descriptor style records and React style objects.\n * Accepts Record<string, string> from descriptors and React.CSSProperties.\n */\nexport function mergeStyles(\n  ...styles: Array<Record<string, string> | React.CSSProperties | undefined>\n): React.CSSProperties {\n  return Object.assign({}, ...styles.filter(Boolean))\n}\n\n/**\n * Merges multiple React refs into a single callback ref.\n */\nexport function mergeRefs<T>(\n  ...refs: Array<React.Ref<T> | null | undefined>\n): React.RefCallback<T> {\n  return (node: T | null) => {\n    refs.forEach((ref) => {\n      if (!ref) return\n      if (typeof ref === 'function') {\n        ref(node)\n      } else {\n        Object.assign(ref, { current: node })\n      }\n    })\n  }\n}\n",".bas {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  width: var(--bkbl-w);\n  height: var(--bkbl-h);\n  overflow: hidden;\n  contain: layout style paint;\n}\n\n.v {\n  opacity: 1;\n  visibility: visible;\n  transition:\n    opacity var(--bk-transition-base),\n    visibility 0ms linear;\n}\n\n.h {\n  opacity: 0;\n  visibility: hidden;\n  transition:\n    opacity var(--bk-transition-base),\n    visibility 0ms linear 180ms;\n}\n\n.row {\n  left: 0;\n  right: 0;\n  position: absolute;\n  top: var(--bkbl-rt);\n  height: var(--bkbl-rh);\n  background-color: var(--bkbl-c);\n}\n\n/* Style for SSR rendering */\n.ssr {\n  box-sizing: border-box;\n  display: grid;\n  position: relative;\n  z-index: 1;\n  pointer-events: none;\n}\n","import * as React from 'react'\nimport { ComponentsProps } from '../types'\nimport { useConfig, useDebug, useVirtual, useMeasure } from '../../hooks'\nimport { cx, createBaselineDescriptor } from '@baseline-kit/core'\nimport type { BaselineVariant } from '@baseline-kit/core'\nimport { ClientOnly } from '../../utils/ssr'\nimport { mergeStyles } from '../../utils/merge'\nimport styles from './styles.module.css'\n\nexport type { BaselineVariant }\n\nexport type BaselineProps = {\n  variant?: BaselineVariant\n  width?: number | string\n  height?: number | string\n  base?: number\n  color?: string\n  ssrMode?: boolean\n} & ComponentsProps\n\nconst BaselineImpl = React.memo(function BaselineImpl({\n  className,\n  debugging,\n  style,\n  variant,\n  height: heightProp,\n  width: widthProp,\n  base,\n  color: colorProp,\n  ...spacingProps\n}: BaselineProps) {\n  const config = useConfig('baseline')\n  const { isShown } = useDebug(debugging, config.debugging)\n  const containerRef = React.useRef<HTMLDivElement | null>(null)\n  const { width: containerWidth, height: containerHeight } =\n    useMeasure(containerRef)\n\n  const resolvedBase = base || config.base\n\n  const descriptor = React.useMemo(\n    () =>\n      createBaselineDescriptor({\n        base: resolvedBase,\n        colors: config.colors,\n        variant: (variant as BaselineVariant) ?? config.variant,\n        width: widthProp,\n        height: heightProp,\n        color: colorProp,\n        containerWidth,\n        containerHeight,\n        spacing: spacingProps,\n        isVisible: isShown,\n      }),\n    [\n      resolvedBase,\n      config.colors,\n      config.variant,\n      variant,\n      widthProp,\n      heightProp,\n      colorProp,\n      containerWidth,\n      containerHeight,\n      spacingProps,\n      isShown,\n    ]\n  )\n\n  const { start, end } = useVirtual({\n    totalLines: descriptor.rowCount,\n    lineHeight: resolvedBase,\n    containerRef,\n    buffer: 160,\n  })\n\n  const containerStyles = React.useMemo(\n    () => mergeStyles(descriptor.containerStyle, style),\n    [descriptor.containerStyle, style]\n  )\n\n  return (\n    <div\n      ref={containerRef}\n      data-testid=\"baseline\"\n      aria-hidden=\"true\"\n      className={cx(...descriptor.classTokens.map((t) => styles[t]), className)}\n      style={containerStyles}\n      {...spacingProps}\n    >\n      {isShown &&\n        Array.from({ length: end - start }, (_, i) => {\n          const rowIndex = i + start\n          return (\n            <div\n              className={styles.row}\n              key={rowIndex}\n              data-row-index={rowIndex}\n              style={descriptor.getRowStyle(rowIndex)}\n            />\n          )\n        })}\n    </div>\n  )\n})\n\nexport const Baseline = React.memo(function Baseline({\n  className,\n  debugging,\n  style,\n  variant: variantProp,\n  height: heightProp,\n  width: widthProp,\n  base: baseProp,\n  color: colorProp,\n  ssrMode = false,\n  ...spacingProps\n}: BaselineProps) {\n  const config = useConfig('baseline')\n  const variant = variantProp ?? config.variant\n  const base = baseProp ?? config.base\n  const { isShown } = useDebug(debugging, config.debugging)\n\n  if (!isShown) {\n    return (\n      <div\n        className={cx(styles.bas, styles.h, className)}\n        style={style}\n        data-testid=\"baseline\"\n        aria-hidden=\"true\"\n        {...spacingProps}\n      />\n    )\n  }\n\n  const ssrFallback = (\n    <div\n      className={cx(styles.bas, styles.h, styles.ssr, className)}\n      style={{\n        width: widthProp ?? '100%',\n        height: heightProp ?? '100%',\n        ...style,\n      }}\n      data-testid=\"baseline\"\n      aria-hidden=\"true\"\n    />\n  )\n\n  if (ssrMode) {\n    return ssrFallback\n  }\n\n  return (\n    <ClientOnly fallback={ssrFallback}>\n      <BaselineImpl\n        className={className}\n        debugging={debugging}\n        style={style}\n        variant={variant}\n        height={heightProp}\n        width={widthProp}\n        base={base}\n        color={colorProp}\n        {...spacingProps}\n      />\n    </ClientOnly>\n  )\n})\n",".gde {\n  position: absolute;\n  inset: 0;\n  box-sizing: border-box;\n  width: var(--bkgd-w, 100%);\n  height: var(--bkgd-h, 100%);\n  max-width: var(--bkgd-mw, none);\n  margin-inline: auto;\n  pointer-events: none;\n  padding: var(--bkgd-pb, 0) var(--bkgd-pi, 0);\n}\n\n.v {\n  opacity: 1;\n  visibility: visible;\n  transition:\n    opacity var(--bk-transition-base),\n    visibility 0ms linear;\n}\n\n.h {\n  opacity: 0;\n  visibility: hidden;\n  transition:\n    opacity var(--bk-transition-base),\n    visibility 0ms linear 180ms;\n}\n\n.line {\n  left: -0.5px; /* Alignment correction for line variant */\n}\n\n.cols {\n  position: absolute;\n  inset: 0;\n  display: grid;\n  column-gap: var(--bkgd-g);\n  grid-template-rows: 1fr;\n  grid-template-columns: var(--bkgd-t);\n  justify-content: var(--bkgd-j);\n  width: var(--bk-wf);\n  height: var(--bk-hf);\n  overflow: hidden;\n  contain: layout style paint;\n}\n\n.col {\n  min-width: 0;\n  width: var(--bk-wf);\n  height: var(--bk-hf);\n}\n\n/* Variant-specific styles */\n.col[data-variant='line'] {\n  width: 1px;\n  background-color: var(--bkgd-cl);\n}\n\n.cols[data-variant='line'] {\n  display: block;\n  background-image: repeating-linear-gradient(\n    to right,\n    var(--bkgd-line-color, var(--bkgd-cl)) 0 1px,\n    transparent 1px var(--bkgd-line-period, 1px)\n  );\n}\n\n.col[data-variant='pattern'] {\n  background-color: var(--bkgd-cp);\n}\n\n.col[data-variant='auto'] {\n  background-color: var(--bkgd-ca);\n  overflow: hidden;\n}\n\n.col[data-variant='fixed'] {\n  background-color: var(--bkgd-cf);\n}\n\n/* Style for SSR rendering */\n.ssr {\n  box-sizing: border-box;\n  display: grid;\n  position: relative;\n  z-index: 1;\n  pointer-events: none;\n  min-height: 100px; /* Ensures a minimum height during SSR */\n}\n","import * as React from 'react'\nimport type { ComponentsProps } from '../types'\nimport { useConfig } from '../../hooks/useConfig'\nimport { useDebug } from '../../hooks/useDebug'\nimport { useMeasure } from '../../hooks/useMeasure'\nimport { useGuide } from '../../hooks/useGuide'\nimport { cx } from '@baseline-kit/core/utils/merge'\nimport {\n  createGuideDescriptor,\n  createGuideConfig,\n} from '@baseline-kit/core/descriptors/guide'\nimport type { GuideVariant, GuideConfig } from '@baseline-kit/core/types'\nimport { ClientOnly } from '../../utils/ssr'\nimport { mergeStyles } from '../../utils/merge'\nimport styles from './styles.module.css'\n\nexport type { GuideConfig }\n\nexport type GuideProps = {\n  align?: React.CSSProperties['justifyContent']\n  variant?: GuideVariant\n  columns?: number | readonly (string | number | undefined | 'auto')[]\n  columnWidth?: React.CSSProperties['width']\n  maxWidth?: React.CSSProperties['maxWidth']\n  color?: React.CSSProperties['color']\n  children?: React.ReactNode\n  gap?: number\n  ssrMode?: boolean\n} & ComponentsProps &\n  Omit<GuideConfig, 'columns' | 'columnWidth' | 'gap'>\n\nexport const Guide = React.memo(function Guide({\n  className,\n  debugging,\n  style,\n  variant: variantProp,\n  align = 'center',\n  gap: gapProp,\n  height,\n  width,\n  columns,\n  columnWidth,\n  maxWidth,\n  color,\n  children,\n  ssrMode = false,\n  ...props\n}: GuideProps) {\n  const config = useConfig('guide')\n  const variant = variantProp ?? config.variant\n  const gap = typeof gapProp === 'number' ? gapProp : 0\n  const { isShown } = useDebug(debugging, config.debugging)\n\n  if (!isShown) {\n    return (\n      <div\n        className={cx(styles.gde, styles.h, className)}\n        style={style}\n        data-testid=\"guide\"\n        data-variant={variant}\n        aria-hidden=\"true\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  const ssrFallback = (\n    <div\n      className={cx(styles.gde, styles.h, styles.ssr, className)}\n      style={{\n        width: width ?? '100%',\n        height: height ?? '100%',\n        maxWidth: maxWidth ?? 'none',\n        ...style,\n      }}\n      data-testid=\"guide\"\n      data-variant={variant}\n      aria-hidden=\"true\"\n    >\n      {children}\n    </div>\n  )\n\n  if (ssrMode) {\n    return ssrFallback\n  }\n\n  return (\n    <ClientOnly fallback={ssrFallback}>\n      <GuideImpl\n        className={className}\n        debugging={debugging}\n        style={style}\n        variant={variant}\n        align={align}\n        gap={gap}\n        height={height}\n        width={width}\n        columns={columns}\n        columnWidth={columnWidth}\n        maxWidth={maxWidth}\n        color={color}\n        {...props}\n      >\n        {children}\n      </GuideImpl>\n    </ClientOnly>\n  )\n})\n\nconst GuideImpl = React.memo(function GuideImpl({\n  className,\n  debugging,\n  style,\n  variant,\n  align = 'center',\n  gap,\n  height,\n  width,\n  columns,\n  columnWidth,\n  maxWidth,\n  color,\n  children,\n  ...props\n}: GuideProps) {\n  const config = useConfig('guide')\n  const { isShown } = useDebug(debugging, config.debugging)\n  const containerRef = React.useRef<HTMLDivElement | null>(null)\n  useMeasure(containerRef)\n\n  const resolvedVariant = (variant ?? config.variant) as GuideVariant\n  const resolvedGap = typeof gap === 'number' ? gap : 0\n\n  const gridConfig = React.useMemo(\n    () =>\n      createGuideConfig({\n        variant: resolvedVariant,\n        base: config.base,\n        gap: resolvedGap,\n        columns,\n        columnWidth: columnWidth as number | string | undefined,\n      }),\n    [resolvedVariant, config.base, resolvedGap, columns, columnWidth]\n  )\n\n  const { template, columnsCount, calculatedGap } = useGuide(\n    containerRef,\n    gridConfig\n  )\n\n  const descriptor = React.useMemo(\n    () =>\n      createGuideDescriptor({\n        base: config.base,\n        colors: config.colors,\n        variant: resolvedVariant,\n        align: align || 'center',\n        width,\n        height,\n        columnWidth,\n        maxWidth,\n        color,\n        template,\n        columnsCount,\n        calculatedGap,\n        isVisible: isShown,\n      }),\n    [\n      config.base,\n      config.colors,\n      resolvedVariant,\n      align,\n      width,\n      height,\n      columnWidth,\n      maxWidth,\n      color,\n      template,\n      columnsCount,\n      calculatedGap,\n      isShown,\n    ]\n  )\n\n  const containerStyles = React.useMemo(\n    () => mergeStyles(descriptor.containerStyle, style),\n    [descriptor.containerStyle, style]\n  )\n\n  return (\n    <div\n      ref={containerRef}\n      data-testid=\"guide\"\n      aria-hidden=\"true\"\n      className={cx(...descriptor.classTokens.map((t) => styles[t]), className)}\n      data-variant={variant}\n      style={containerStyles}\n      {...props}\n    >\n      {isShown && (\n        <div className={styles.cols} data-variant={variant}>\n          {!descriptor.isLineVariant &&\n            Array.from({ length: descriptor.columnsCount }, (_, i) => (\n              <div\n                key={i}\n                className={styles.col}\n                data-column-index={i}\n                data-variant={variant}\n                style={{ backgroundColor: descriptor.columnColor }}\n              />\n            ))}\n        </div>\n      )}\n      {children}\n    </div>\n  )\n})\n","/**\n * Detects if code is running in a server-side environment\n */\nexport const isSSR = typeof window === 'undefined'\n\n/**\n * Default dimensions to use during server-side rendering\n */\nexport const SSR_DIMENSIONS = {\n  width: 1024,\n  height: 768,\n}\n\n/**\n * Safe window-using function that works in both server and client\n */\nexport function safeClientValue<T>(clientFn: () => T, fallback: T): T {\n  if (isSSR) {\n    return fallback\n  }\n\n  try {\n    return clientFn()\n  } catch {\n    return fallback\n  }\n}\n\n/**\n * Returns a stable value during SSR and initial render, then switches to\n * the dynamic value after hydration\n */\nexport function hydratedValue<T>(\n  isHydrated: boolean,\n  ssrValue: T,\n  dynamicValue: T\n): T {\n  return !isHydrated || isSSR ? ssrValue : dynamicValue\n}\n",".spr {\n  position: relative;\n  box-sizing: border-box;\n  width: var(--bksp-w, 100%);\n  height: var(--bksp-h, auto);\n  flex-shrink: 0;\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.line::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border: 1px solid var(--bksp-cl, hsla(270, 60%, 40%, 0.6));\n  z-index: calc(var(--bk-zi, 1));\n}\n\n.flat {\n  background-color: var(--bksp-cf, hsla(230, 100%, 70%, 0.2));\n}\n","import * as React from 'react'\nimport { useConfig, useDebug, useIsClient } from '../../hooks'\nimport { cx, createSpacerDescriptor } from '@baseline-kit/core'\nimport { hydratedValue } from '@baseline-kit/dom'\nimport { ComponentsProps, Variant } from '../types'\nimport { mergeStyles } from '../../utils/merge'\nimport styles from './styles.module.css'\n\nexport type IndicatorNode = (\n  value: number,\n  type: 'width' | 'height'\n) => React.ReactNode\n\nexport type SpacerProps = {\n  width?: React.CSSProperties['width']\n  height?: React.CSSProperties['height']\n  variant?: Variant\n  color?: string\n  base?: number\n  children?: React.ReactNode\n  indicatorNode?: IndicatorNode\n  ssrMode?: boolean\n} & ComponentsProps\n\nexport const Spacer = React.memo(function Spacer({\n  height: heightProp,\n  width: widthProp,\n  indicatorNode,\n  debugging: debuggingProp,\n  variant: variantProp,\n  base: baseProp,\n  color: colorProp,\n  className,\n  style,\n  children,\n  ssrMode = false,\n  ...props\n}: SpacerProps) {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const config = useConfig('spacer')\n  const { isShown } = useDebug(debuggingProp, config.debugging)\n  const variant = variantProp ?? config.variant\n  const base = baseProp ?? config.base\n\n  const isHydrated = useIsClient()\n\n  const descriptor = React.useMemo(\n    () =>\n      createSpacerDescriptor({\n        base,\n        colors: config.colors,\n        width: widthProp as number | string | undefined,\n        height: heightProp as number | string | undefined,\n        color: colorProp,\n        variant,\n        isVisible: isShown,\n      }),\n    [base, config.colors, widthProp, heightProp, colorProp, variant, isShown]\n  )\n\n  const shouldShowMeasurements = hydratedValue(\n    isHydrated && !ssrMode,\n    false,\n    isShown && indicatorNode !== undefined\n  )\n\n  const measurements = React.useMemo(() => {\n    if (!shouldShowMeasurements) return null\n    const w = descriptor.normWidth\n    const h = descriptor.normHeight\n    return (\n      <>\n        {h !== 0 && (\n          <span key=\"height\" aria-hidden=\"true\">\n            {indicatorNode!(h, 'height')}\n          </span>\n        )}\n        {w !== 0 && (\n          <span key=\"width\" aria-hidden=\"true\">\n            {indicatorNode!(w, 'width')}\n          </span>\n        )}\n      </>\n    )\n  }, [\n    shouldShowMeasurements,\n    indicatorNode,\n    descriptor.normWidth,\n    descriptor.normHeight,\n  ])\n\n  const baseStyles = React.useMemo(\n    () => mergeStyles(descriptor.style, style),\n    [descriptor.style, style]\n  )\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"spacer\"\n      className={cx(...descriptor.classTokens.map((t) => styles[t]), className)}\n      data-variant={variant}\n      data-height={\n        typeof descriptor.normHeight === 'number'\n          ? `${descriptor.normHeight}px`\n          : descriptor.normHeight\n      }\n      style={baseStyles}\n      {...props}\n    >\n      {measurements}\n      {children}\n    </div>\n  )\n})\n",".pad {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  grid-template-rows: auto 1fr auto;\n  width: var(--bkpd-w, auto);\n  height: var(--bkpd-h, auto);\n}\n\n.lay .line::after,\n.stk .line::after {\n  border: none;\n}\n\n.v::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border: 1px solid var(--bkpd-c, var(--bk-padder-color-theme));\n  pointer-events: none;\n  z-index: var(--bk-zi);\n}\n","import * as React from 'react'\nimport { useConfig, useDebug, useBaseline, useIsClient } from '../../hooks'\nimport { cx, parsePadding, createPadderDescriptor } from '@baseline-kit/core'\nimport { hydratedValue } from '@baseline-kit/dom'\nimport { mergeStyles, mergeRefs } from '../../utils/merge'\nimport { ComponentsProps, Variant } from '../types'\nimport { Spacer, IndicatorNode } from '../Spacer'\nimport type { DebuggingMode } from '../types'\nimport styles from './styles.module.css'\n\nexport type PadderProps = {\n  indicatorNode?: IndicatorNode\n  ssrMode?: boolean\n  children?: React.ReactNode\n} & ComponentsProps\n\nconst createRenderSpacerFn = (\n  variant: Variant | undefined,\n  debugging: DebuggingMode | undefined,\n  indicatorNode?: IndicatorNode\n) => {\n  const safeVariant = variant || 'line'\n  const safeDebugging = debugging || 'none'\n\n  const SpacerElement = (\n    widthVal: React.CSSProperties['width'],\n    heightVal: React.CSSProperties['height']\n  ) => (\n    <Spacer\n      variant={safeVariant}\n      debugging={heightVal === 0 || widthVal === 0 ? 'none' : safeDebugging}\n      indicatorNode={indicatorNode}\n      height={heightVal !== '100%' ? heightVal : undefined}\n      width={widthVal !== '100%' ? widthVal : undefined}\n    />\n  )\n  SpacerElement.displayName = 'PadderSpacer'\n  return SpacerElement\n}\n\n// Static grid position styles — hoisted to avoid re-creation on render\nconst GRID_FULL_ROW: React.CSSProperties = { gridColumn: '1 / -1' }\nconst GRID_MID_COL: React.CSSProperties = { gridRow: '2 / 3' }\nconst GRID_CENTER: React.CSSProperties = {\n  gridRow: '2 / 3',\n  gridColumn: '2 / 3',\n}\n\nexport const Padder = React.memo(\n  React.forwardRef<HTMLDivElement, PadderProps>(function Padder(\n    {\n      children,\n      className,\n      debugging: debuggingProp,\n      height,\n      indicatorNode,\n      style,\n      width,\n      ssrMode = false,\n      ...spacingProps\n    },\n    ref\n  ) {\n    const config = useConfig('padder')\n    const { variant } = useConfig('spacer')\n    const initialPadding = React.useMemo(\n      () => parsePadding(spacingProps),\n      [spacingProps]\n    )\n    const { isShown, isNone, debugging } = useDebug(\n      debuggingProp,\n      config.debugging\n    )\n    const enableSpacers = !isNone\n\n    const isHydrated = useIsClient()\n    const internalRef = React.useRef<HTMLDivElement | null>(null)\n\n    const baselinePadding = useBaseline(internalRef, {\n      base: config.base,\n      snapping: 'height',\n      spacing: initialPadding,\n    })\n\n    const stablePadding = {\n      padding: {\n        top: initialPadding.top || 0,\n        right: initialPadding.right || 0,\n        bottom: initialPadding.bottom || 0,\n        left: initialPadding.left || 0,\n      },\n    }\n    const { padding } = hydratedValue(\n      isHydrated && !ssrMode,\n      stablePadding,\n      baselinePadding\n    )\n\n    const setRefs = mergeRefs(ref, internalRef)\n\n    const descriptor = React.useMemo(\n      () =>\n        createPadderDescriptor({\n          base: config.base,\n          color: config.color,\n          width: width as number | string | undefined,\n          height: height as number | string | undefined,\n          padding,\n          enableSpacers,\n          isVisible: isShown,\n        }),\n      [\n        config.base,\n        config.color,\n        width,\n        height,\n        padding,\n        enableSpacers,\n        isShown,\n      ]\n    )\n\n    const containerStyles = React.useMemo(\n      () => mergeStyles(descriptor.containerStyle, style),\n      [descriptor.containerStyle, style]\n    )\n\n    const renderSpacer = React.useMemo(\n      () => createRenderSpacerFn(variant, debugging, indicatorNode),\n      [variant, debugging, indicatorNode]\n    )\n\n    if (!enableSpacers) {\n      return (\n        <div\n          ref={setRefs}\n          data-testid=\"padder\"\n          className={cx(\n            ...descriptor.classTokens.map((t) => styles[t]),\n            className\n          )}\n          style={containerStyles}\n        >\n          {children}\n        </div>\n      )\n    }\n\n    return (\n      <div\n        ref={setRefs}\n        data-testid=\"padder\"\n        className={cx(\n          ...descriptor.classTokens.map((t) => styles[t]),\n          className\n        )}\n        style={containerStyles}\n      >\n        <>\n          {padding.top >= 0 && (\n            <div style={GRID_FULL_ROW}>{renderSpacer('100%', padding.top)}</div>\n          )}\n          {padding.left >= 0 && (\n            <div style={GRID_MID_COL}>{renderSpacer(padding.left, '100%')}</div>\n          )}\n        </>\n        <div style={GRID_CENTER}>{children}</div>\n        <>\n          {padding.right >= 0 && (\n            <div style={GRID_MID_COL}>\n              {renderSpacer(padding.right, '100%')}\n            </div>\n          )}\n          {padding.bottom >= 0 && (\n            <div style={GRID_FULL_ROW}>\n              {renderSpacer('100%', padding.bottom)}\n            </div>\n          )}\n        </>\n      </div>\n    )\n  })\n)\n",".box {\n  position: relative;\n  width: var(--bkbx-w);\n  height: var(--bkbx-h);\n}\n\n.v::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border: 1px solid var(--bkbx-cl);\n  pointer-events: none;\n  z-index: var(--bk-zi);\n}\n","import * as React from 'react'\nimport { useConfig, useDebug, useBaseline, useIsClient } from '../../hooks'\nimport { cx, parsePadding, createBoxDescriptor } from '@baseline-kit/core'\nimport type { SnappingMode } from '@baseline-kit/core'\nimport { hydratedValue } from '@baseline-kit/dom'\nimport { mergeStyles, mergeRefs } from '../../utils/merge'\nimport { Config } from '../Config/Config'\nimport { Padder } from '../Padder'\nimport { ComponentsProps } from '../types'\nimport styles from './styles.module.css'\n\nexport type { SnappingMode }\n\nexport type BoxProps = {\n  colSpan?: number\n  rowSpan?: number\n  span?: number\n  snapping?: SnappingMode\n  ssrMode?: boolean\n  children?: React.ReactNode\n} & ComponentsProps\n\nexport const Box = React.memo(\n  React.forwardRef<HTMLDivElement, BoxProps>(function Box(\n    {\n      children,\n      snapping = 'clamp',\n      debugging: debuggingProp,\n      className,\n      colSpan,\n      rowSpan,\n      span,\n      width,\n      height,\n      style,\n      ssrMode = false,\n      ...spacingProps\n    },\n    ref\n  ) {\n    const config = useConfig('box')\n    const { isShown, debugging } = useDebug(debuggingProp, config.debugging)\n\n    const isHydrated = useIsClient()\n    const internalRef = React.useRef<HTMLDivElement | null>(null)\n    const { top, bottom, left, right } = parsePadding(spacingProps)\n\n    const baselinePadding = useBaseline(internalRef, {\n      base: config.base,\n      snapping,\n      spacing: { top, bottom, left, right },\n    })\n\n    const stablePadding = {\n      padding: {\n        top: top || 0,\n        right: right || 0,\n        bottom: bottom || 0,\n        left: left || 0,\n      },\n    }\n    const { padding } = hydratedValue(\n      isHydrated && !ssrMode,\n      stablePadding,\n      baselinePadding\n    )\n\n    const descriptor = React.useMemo(\n      () =>\n        createBoxDescriptor({\n          base: config.base,\n          lineColor: config.colors.line,\n          width,\n          height,\n          span,\n          colSpan,\n          rowSpan,\n          isVisible: isShown,\n        }),\n      [\n        config.base,\n        config.colors.line,\n        width,\n        height,\n        span,\n        colSpan,\n        rowSpan,\n        isShown,\n      ]\n    )\n\n    const boxStyles = React.useMemo(\n      () => mergeStyles(descriptor.boxStyle, style),\n      [descriptor.boxStyle, style]\n    )\n\n    return (\n      <div\n        ref={mergeRefs(ref, internalRef)}\n        data-testid=\"box\"\n        className={cx(\n          ...descriptor.classTokens.map((t) => styles[t]),\n          className\n        )}\n        style={mergeStyles(boxStyles, descriptor.gridSpanStyle)}\n      >\n        <Config base={1} spacer={{ variant: 'flat' }}>\n          <Padder\n            block={[padding.top, padding.bottom]}\n            inline={[padding.left, padding.right]}\n            width=\"fit-content\"\n            height={height}\n            debugging={debugging}\n            ssrMode={ssrMode}\n          >\n            {children}\n          </Padder>\n        </Config>\n      </div>\n    )\n  })\n)\n"],"mappings":"0oBAaA,IAAM,EAAgB,EAAM,cAA4B,EAAA,EAAe,CACvE,EAAc,YAAc,gBAG5B,IAAa,MAAyB,EAAM,IAAI,EAAc,CAe9D,SAAgB,EAAO,CACrB,WACA,OACA,WACA,QACA,SACA,MACA,UACc,CACd,IAAM,EAAe,GAAkB,CAcvC,OAAO,EAAA,EAAA,KAAC,EAAD,CAAsB,MAZf,EAAM,YACX,EAAA,EAAY,CACjB,eACA,OACA,WACA,QACA,SACA,MACA,SACD,CAAC,CACD,CAAC,EAAc,EAAM,EAAU,EAAO,EAAQ,EAAK,EAAO,CAEhC,CAAQ,WAAyB,CAAA,CClChE,IAAa,EACX,GACoB,CACpB,IAAI,EAAuB,KACvB,EAAiC,KAwBrC,MAAO,EAdY,GAAG,IAAwB,CAC5C,EAAW,EAEP,IAAU,MACZ,qBAAqB,EAAM,CAG7B,EAAQ,0BAA4B,CAClC,EAAG,GAAG,EAAU,CAChB,EAAQ,KACR,EAAW,MACX,MAnBiB,CACf,IAAU,OACZ,qBAAqB,EAAM,CAC3B,EAAQ,KACR,EAAW,OAkBgB,EC3BjC,SAAgB,EACd,EACA,EACuB,CACvB,IAAI,EAAoB,CAAE,MAAO,EAAG,OAAQ,EAAG,CAEzC,MAAgB,CACpB,GAAI,CACF,IAAM,EAAO,EAAG,uBAAuB,CACjC,EAAoB,CACxB,MAAO,KAAK,MAAM,EAAK,MAAM,CAC7B,OAAQ,KAAK,MAAM,EAAK,OAAO,CAChC,EACG,EAAK,QAAU,EAAK,OAAS,EAAK,SAAW,EAAK,UACpD,EAAO,EACP,EAAS,EAAK,OAEV,IAKJ,CAAC,EAAkB,GAAiB,EAAY,EAAQ,CAG9D,GAAS,CAET,IAAM,EAAW,IAAI,eAAe,EAAiB,CAGrD,OAFA,EAAS,QAAQ,EAAG,CAEb,CACL,QAAS,EACT,YAAa,CACX,EAAS,YAAY,CACrB,GAAe,EAElB,CClDH,IAAM,EAAoB,CAAE,MAAO,EAAG,OAAQ,EAAG,CAMjD,SAAgB,EACd,EACe,CACf,GAAM,CAAC,EAAY,GAAiB,EAAM,SAAsB,EAAK,CAC/D,EAAY,EAAM,OAEd,KAAK,CAEf,EAAM,oBAAsB,CAC1B,GAAI,OAAO,OAAW,KAAe,CAAC,EAAI,QAAS,OAEnD,IAAM,EAAS,EAAsB,EAAI,QAAU,GAAS,CAC1D,EAAe,GACb,EAAK,QAAU,EAAK,OAAS,EAAK,SAAW,EAAK,OAAS,EAAO,EACnE,EACD,CAGF,MAFA,GAAU,QAAU,MAEP,CACX,EAAO,YAAY,CACnB,EAAU,QAAU,OAErB,CAAC,EAAI,CAAC,CAET,IAAM,EAAU,EAAM,gBAAkB,CACtC,EAAU,SAAS,SAAS,EAC3B,EAAE,CAAC,CAEN,MAAO,CAAE,GAAG,EAAY,UAAS,CCdnC,SAAgB,EACd,EACA,EACA,EACsB,CACtB,GAAM,CAAE,aAAY,aAAY,SAAS,GAAM,EAE/C,GAAI,CAAC,OAAO,SAAS,EAAW,EAAI,GAAc,EAChD,MAAU,MACR,gEACD,CAGH,GAAI,CAAC,OAAO,SAAS,EAAW,EAAI,EAAa,EAC/C,MAAU,MACR,8DACD,CAGH,IAAM,MAAqC,CAEzC,IAAM,EADO,EAAG,uBACE,CAAK,IAAM,OAAO,QAC9B,EAAc,KAAK,IAAI,EAAG,OAAO,QAAU,EAAY,EAAO,CAC9D,EAAiB,EAAc,OAAO,YAAc,EAAS,EAInE,MAAO,CAAE,MAFK,KAAK,IAAI,EAAG,KAAK,MAAM,EAAc,EAAW,CAErD,CAAO,IADJ,KAAK,IAAI,EAAY,KAAK,KAAK,EAAiB,EAAW,CACvD,CAAK,EAGnB,EAAqB,CAAE,MAAO,EAAG,IAAK,EAAY,CAUhD,CAAC,EAAiB,GAAgB,MARnB,CACnB,IAAM,EAAO,GAAgB,EACzB,EAAK,QAAU,EAAK,OAAS,EAAK,MAAQ,EAAK,OACjD,EAAO,EACP,EAAS,EAAK,GAIyC,CAErD,EAA2C,CAAE,QAAS,GAAM,CAElE,OAAO,iBAAiB,SAAU,EAAiB,EAAgB,CACnE,OAAO,iBAAiB,SAAU,EAAiB,EAAgB,CAEnE,IAAM,EAAuB,IAAI,qBAAqB,EAAiB,CACrE,UAAW,EACZ,CAAC,CAKF,OAJA,EAAqB,QAAQ,EAAG,CAEhC,GAAiB,CAEV,CACL,QAAS,EACT,YAAa,CACX,OAAO,oBAAoB,SAAU,EAAiB,EAAgB,CACtE,OAAO,oBAAoB,SAAU,EAAiB,EAAgB,CACtE,EAAqB,YAAY,CACjC,GAAc,EAEjB,CC3EH,SAAgB,EAAW,CACzB,aACA,aACA,eACA,SAAS,GACQ,CACjB,IAAM,EACJ,OAAO,GAAW,SAAW,EAAS,SAAS,EAAQ,GAAG,EAAI,EAE1D,CAAC,EAAc,IAAA,EAAA,EAAA,UAA0C,CAC7D,MAAO,EACP,IAAK,EACN,CAAC,CAEI,GAAA,EAAA,EAAA,aAA2B,GAAwB,CACvD,EAAiB,GACf,EAAK,QAAU,EAAM,OAAS,EAAK,MAAQ,EAAM,IAAM,EAAO,EAC/D,EACA,EAAE,CAAC,CAcN,OAZA,EAAA,EAAA,qBAAsB,CACpB,GAAI,CAAC,EAAa,QAAS,OAE3B,IAAM,EAAS,EACb,EAAa,QACb,CAAE,WAAY,EAAY,WAAY,EAAY,OAAQ,EAAe,CACzE,EACD,CAED,UAAa,EAAO,YAAY,EAC/B,CAAC,EAAc,EAAY,EAAY,EAAe,EAAY,CAAC,CAE/D,ECjBT,SAAgB,EACd,EACA,CAAE,OAAO,EAAG,WAAW,OAAQ,UAAU,EAAE,EAAsB,EAAE,CACnD,CAChB,GAAI,EAAO,EACT,MAAU,MAAM,4CAA4C,CAG9D,GAAM,CAAE,UAAW,EAAW,EAAI,CAC5B,EAAoB,EAAM,OAAuB,KAAK,CAE5D,OAAO,EAAM,YAAc,CACzB,IAAM,EAAiB,EAAA,EAAa,CAAE,QAAS,EAAS,CAAC,CACnD,EAAY,EAAS,IAAS,EAEpC,GAAI,IAAa,OACf,MAAO,CAAE,QAAS,EAAgB,YAAW,SAAQ,CAIvD,GAAI,EAAkB,QACpB,MAAO,CAAE,QAAS,EAAkB,QAAS,YAAW,SAAQ,CAOlE,GAAI,IAAW,EACb,MAAO,CAAE,QAAS,EAAgB,YAAW,SAAQ,CAGvD,IAAM,EAAe,EAAA,EACnB,EACA,EACA,EACA,EACD,CAGD,MAFA,GAAkB,QAAU,EAErB,CAAE,QAAS,EAAc,YAAW,SAAQ,EAClD,CAAC,EAAM,EAAU,EAAS,EAAO,CAAC,CChEvC,SAAgB,GAAiD,CAE/D,OADI,OAAO,OAAW,IAAoB,EAAE,CACrC,CACL,cAAe,OAAO,WACtB,eAAgB,OAAO,YACxB,CCDH,SAAgB,EACd,EACA,EACA,CACA,GAAM,CAAE,SAAU,EAAW,EAAI,CACjC,OAAO,EAAM,YACL,EAAA,EAAuB,EAAO,EAAQ,GAAoB,CAAC,CACjE,CAAC,EAAQ,EAAM,CAChB,CCPH,SAAgB,EACd,EACoB,CACpB,IAAM,EAAgB,GAAkB,CACxC,OAAA,EAAA,EAAA,aACS,OAAO,OACZ,CAAE,KAAM,EAAc,KAAM,CAC5B,EAAc,GACf,CACA,CAAC,EAAe,EAAU,CAAC,CCbhC,SAAgB,EACd,EACA,EACA,CACA,OAAA,EAAA,EAAA,aACQ,EAAA,EAAkB,EAAe,EAAgB,CACvD,CAAC,EAAe,EAAgB,CACjC,CCVH,SAAgB,GAAc,CAC5B,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,GAAM,CAM/C,OAJA,EAAA,EAAA,eAAgB,CACd,EAAY,GAAK,EAChB,EAAE,CAAC,CAEC,ECGT,SAAgB,EAAW,CAAE,WAAU,WAAW,MAAyB,CAOzE,OANiB,GAEZ,EAIE,EAAA,EAAA,KAAA,EAAA,SAAA,CAAG,WAAY,CAAA,EAHb,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SAAG,EAAY,CAAA,CCb1B,SAAgB,EACd,GAAG,EACkB,CACrB,OAAO,OAAO,OAAO,EAAE,CAAE,GAAG,EAAO,OAAO,QAAQ,CAAC,CAMrD,SAAgB,EACd,GAAG,EACmB,CACtB,MAAQ,IAAmB,CACzB,EAAK,QAAS,GAAQ,CACf,IACD,OAAO,GAAQ,WACjB,EAAI,EAAK,CAET,OAAO,OAAO,EAAK,CAAE,QAAS,EAAM,CAAC,GAEvC,kFENA,EAAe,EAAM,KAAK,SAAsB,CACpD,YACA,YACA,QACA,UACA,OAAQ,EACR,MAAO,EACP,OACA,MAAO,EACP,GAAG,GACa,CAChB,IAAM,EAAS,EAAU,WAAW,CAC9B,CAAE,WAAY,EAAS,EAAW,EAAO,UAAU,CACnD,EAAe,EAAM,OAA8B,KAAK,CACxD,CAAE,MAAO,EAAgB,OAAQ,GACrC,EAAW,EAAa,CAEpB,EAAe,GAAQ,EAAO,KAE9B,EAAa,EAAM,YAErB,EAAA,EAAyB,CACvB,KAAM,EACN,OAAQ,EAAO,OACf,QAAU,GAA+B,EAAO,QAChD,MAAO,EACP,OAAQ,EACR,MAAO,EACP,iBACA,kBACA,QAAS,EACT,UAAW,EACZ,CAAC,CACJ,CACE,EACA,EAAO,OACP,EAAO,QACP,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAEK,CAAE,QAAO,OAAQ,EAAW,CAChC,WAAY,EAAW,SACvB,WAAY,EACZ,eACA,OAAQ,IACT,CAAC,CAEI,EAAkB,EAAM,YACtB,EAAY,EAAW,eAAgB,EAAM,CACnD,CAAC,EAAW,eAAgB,EAAM,CACnC,CAED,OACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,cAAY,WACZ,cAAY,OACZ,UAAW,EAAA,EAAG,GAAG,EAAW,YAAY,IAAK,GAAM,EAAO,GAAG,CAAE,EAAU,CACzE,MAAO,EACP,GAAI,WAEH,GACC,MAAM,KAAK,CAAE,OAAQ,EAAM,EAAO,EAAG,EAAG,IAAM,CAC5C,IAAM,EAAW,EAAI,EACrB,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAO,IAElB,iBAAgB,EAChB,MAAO,EAAW,YAAY,EAAS,CACvC,CAHK,EAGL,EAEJ,CACA,CAAA,EAER,CAEW,EAAW,EAAM,KAAK,SAAkB,CACnD,YACA,YACA,QACA,QAAS,EACT,OAAQ,EACR,MAAO,EACP,KAAM,EACN,MAAO,EACP,UAAU,GACV,GAAG,GACa,CAChB,IAAM,EAAS,EAAU,WAAW,CAC9B,EAAU,GAAe,EAAO,QAChC,EAAO,GAAY,EAAO,KAC1B,CAAE,WAAY,EAAS,EAAW,EAAO,UAAU,CAEzD,GAAI,CAAC,EACH,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,EAAG,EAAO,IAAK,EAAO,EAAG,EAAU,CACvC,QACP,cAAY,WACZ,cAAY,OACZ,GAAI,EACJ,CAAA,CAIN,IAAM,GACJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,EAAG,EAAO,IAAK,EAAO,EAAG,EAAO,IAAK,EAAU,CAC1D,MAAO,CACL,MAAO,GAAa,OACpB,OAAQ,GAAc,OACtB,GAAG,EACJ,CACD,cAAY,WACZ,cAAY,OACZ,CAAA,CAOJ,OAJI,EACK,GAIP,EAAA,EAAA,KAAC,EAAD,CAAY,SAAU,YACpB,EAAA,EAAA,KAAC,EAAD,CACa,YACA,YACJ,QACE,UACT,OAAQ,EACR,MAAO,EACD,OACN,MAAO,EACP,GAAI,EACJ,CAAA,CACS,CAAA,EAEf,iHEvIW,EAAQ,EAAM,KAAK,SAAe,CAC7C,YACA,YACA,QACA,QAAS,EACT,QAAQ,SACR,IAAK,EACL,SACA,QACA,UACA,cACA,WACA,QACA,WACA,UAAU,GACV,GAAG,GACU,CACb,IAAM,EAAS,EAAU,QAAQ,CAC3B,EAAU,GAAe,EAAO,QAChC,EAAM,OAAO,GAAY,SAAW,EAAU,EAC9C,CAAE,WAAY,EAAS,EAAW,EAAO,UAAU,CAEzD,GAAI,CAAC,EACH,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,EAAG,EAAO,IAAK,EAAO,EAAG,EAAU,CACvC,QACP,cAAY,QACZ,eAAc,EACd,cAAY,OACZ,GAAI,EAEH,WACG,CAAA,CAIV,IAAM,GACJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,EAAG,EAAO,IAAK,EAAO,EAAG,EAAO,IAAK,EAAU,CAC1D,MAAO,CACL,MAAO,GAAS,OAChB,OAAQ,GAAU,OAClB,SAAU,GAAY,OACtB,GAAG,EACJ,CACD,cAAY,QACZ,eAAc,EACd,cAAY,OAEX,WACG,CAAA,CAOR,OAJI,EACK,GAIP,EAAA,EAAA,KAAC,EAAD,CAAY,SAAU,YACpB,EAAA,EAAA,KAAC,EAAD,CACa,YACA,YACJ,QACE,UACF,QACF,MACG,SACD,QACE,UACI,cACH,WACH,QACP,GAAI,EAEH,WACS,CAAA,CACD,CAAA,EAEf,CAEI,EAAY,EAAM,KAAK,SAAmB,CAC9C,YACA,YACA,QACA,UACA,QAAQ,SACR,MACA,SACA,QACA,UACA,cACA,WACA,QACA,WACA,GAAG,GACU,CACb,IAAM,EAAS,EAAU,QAAQ,CAC3B,CAAE,WAAY,EAAS,EAAW,EAAO,UAAU,CACnD,EAAe,EAAM,OAA8B,KAAK,CAC9D,EAAW,EAAa,CAExB,IAAM,EAAmB,GAAW,EAAO,QACrC,EAAc,OAAO,GAAQ,SAAW,EAAM,EAc9C,CAAE,WAAU,eAAc,iBAAkB,EAChD,EAbiB,EAAM,YAErB,EAAA,EAAkB,CAChB,QAAS,EACT,KAAM,EAAO,KACb,IAAK,EACL,UACa,cACd,CAAC,CACJ,CAAC,EAAiB,EAAO,KAAM,EAAa,EAAS,EAAY,CAKjE,CACD,CAEK,EAAa,EAAM,YAErB,EAAA,EAAsB,CACpB,KAAM,EAAO,KACb,OAAQ,EAAO,OACf,QAAS,EACT,MAAO,GAAS,SAChB,QACA,SACA,cACA,WACA,QACA,WACA,eACA,gBACA,UAAW,EACZ,CAAC,CACJ,CACE,EAAO,KACP,EAAO,OACP,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAEK,EAAkB,EAAM,YACtB,EAAY,EAAW,eAAgB,EAAM,CACnD,CAAC,EAAW,eAAgB,EAAM,CACnC,CAED,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,cAAY,QACZ,cAAY,OACZ,UAAW,EAAA,EAAG,GAAG,EAAW,YAAY,IAAK,GAAM,EAAO,GAAG,CAAE,EAAU,CACzE,eAAc,EACd,MAAO,EACP,GAAI,WAPN,CASG,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAO,KAAM,eAAc,WACxC,CAAC,EAAW,eACX,MAAM,KAAK,CAAE,OAAQ,EAAW,aAAc,EAAG,EAAG,KAClD,EAAA,EAAA,KAAC,MAAD,CAEE,UAAW,EAAO,IAClB,oBAAmB,EACnB,eAAc,EACd,MAAO,CAAE,gBAAiB,EAAW,YAAa,CAClD,CALK,EAKL,CACF,CACA,CAAA,CAEP,EACG,IAER,CCxNW,EAAQ,OAAO,OAAW,IAavC,SAAgB,EAAmB,EAAmB,EAAgB,CACpE,GAAI,EACF,OAAO,EAGT,GAAI,CACF,OAAO,GAAU,MACX,CACN,OAAO,GAQX,SAAgB,EACd,EACA,EACA,EACG,CACH,MAAO,CAAC,GAAc,EAAQ,EAAW,8DEb9B,EAAS,EAAM,KAAK,SAAgB,CAC/C,OAAQ,EACR,MAAO,EACP,gBACA,UAAW,EACX,QAAS,EACT,KAAM,EACN,MAAO,EACP,YACA,QACA,WACA,UAAU,GACV,GAAG,GACW,CACd,IAAM,EAAM,EAAM,OAAuB,KAAK,CACxC,EAAS,EAAU,SAAS,CAC5B,CAAE,WAAY,EAAS,EAAe,EAAO,UAAU,CACvD,EAAU,GAAe,EAAO,QAChC,EAAO,GAAY,EAAO,KAE1B,EAAa,GAAa,CAE1B,EAAa,EAAM,YAErB,EAAA,EAAuB,CACrB,OACA,OAAQ,EAAO,OACf,MAAO,EACP,OAAQ,EACR,MAAO,EACP,UACA,UAAW,EACZ,CAAC,CACJ,CAAC,EAAM,EAAO,OAAQ,EAAW,EAAY,EAAW,EAAS,EAAQ,CAC1E,CAEK,EAAyB,EAC7B,GAAc,CAAC,EACf,GACA,GAAW,IAAkB,IAAA,GAC9B,CAEK,EAAe,EAAM,YAAc,CACvC,GAAI,CAAC,EAAwB,OAAO,KACpC,IAAM,EAAI,EAAW,UACf,EAAI,EAAW,WACrB,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,IAAM,IACL,EAAA,EAAA,KAAC,OAAD,CAAmB,cAAY,gBAC5B,EAAe,EAAG,SAAS,CACvB,CAFG,SAEH,CAER,IAAM,IACL,EAAA,EAAA,KAAC,OAAD,CAAkB,cAAY,gBAC3B,EAAe,EAAG,QAAQ,CACtB,CAFG,QAEH,CAER,CAAA,CAAA,EAEJ,CACD,EACA,EACA,EAAW,UACX,EAAW,WACZ,CAAC,CAEI,EAAa,EAAM,YACjB,EAAY,EAAW,MAAO,EAAM,CAC1C,CAAC,EAAW,MAAO,EAAM,CAC1B,CAED,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,cAAY,SACZ,UAAW,EAAA,EAAG,GAAG,EAAW,YAAY,IAAK,GAAM,EAAO,GAAG,CAAE,EAAU,CACzE,eAAc,EACd,cACE,OAAO,EAAW,YAAe,SAC7B,GAAG,EAAW,WAAW,IACzB,EAAW,WAEjB,MAAO,EACP,GAAI,WAXN,CAaG,EACA,EACG,IAER,mFElGI,GACJ,EACA,EACA,IACG,CACH,IAAM,EAAc,GAAW,OACzB,EAAgB,GAAa,OAE7B,GACJ,EACA,KAEA,EAAA,EAAA,KAAC,EAAD,CACE,QAAS,EACT,UAAW,IAAc,GAAK,IAAa,EAAI,OAAS,EACzC,gBACf,OAAQ,IAAc,OAAqB,IAAA,GAAZ,EAC/B,MAAO,IAAa,OAAoB,IAAA,GAAX,EAC7B,CAAA,CAGJ,MADA,GAAc,YAAc,eACrB,GAIH,EAAqC,CAAE,WAAY,SAAU,CAC7D,EAAoC,CAAE,QAAS,QAAS,CACxD,EAAmC,CACvC,QAAS,QACT,WAAY,QACb,CAEY,EAAS,EAAM,KAC1B,EAAM,WAAwC,SAC5C,CACE,WACA,YACA,UAAW,EACX,SACA,gBACA,QACA,QACA,UAAU,GACV,GAAG,GAEL,EACA,CACA,IAAM,EAAS,EAAU,SAAS,CAC5B,CAAE,WAAY,EAAU,SAAS,CACjC,EAAiB,EAAM,YACrB,EAAA,EAAa,EAAa,CAChC,CAAC,EAAa,CACf,CACK,CAAE,UAAS,SAAQ,aAAc,EACrC,EACA,EAAO,UACR,CACK,EAAgB,CAAC,EAEjB,EAAa,GAAa,CAC1B,EAAc,EAAM,OAA8B,KAAK,CAEvD,EAAkB,EAAY,EAAa,CAC/C,KAAM,EAAO,KACb,SAAU,SACV,QAAS,EACV,CAAC,CAEI,EAAgB,CACpB,QAAS,CACP,IAAK,EAAe,KAAO,EAC3B,MAAO,EAAe,OAAS,EAC/B,OAAQ,EAAe,QAAU,EACjC,KAAM,EAAe,MAAQ,EAC9B,CACF,CACK,CAAE,WAAY,EAClB,GAAc,CAAC,EACf,EACA,EACD,CAEK,EAAU,EAAU,EAAK,EAAY,CAErC,EAAa,EAAM,YAErB,EAAA,EAAuB,CACrB,KAAM,EAAO,KACb,MAAO,EAAO,MACP,QACC,SACR,UACA,gBACA,UAAW,EACZ,CAAC,CACJ,CACE,EAAO,KACP,EAAO,MACP,EACA,EACA,EACA,EACA,EACD,CACF,CAEK,EAAkB,EAAM,YACtB,EAAY,EAAW,eAAgB,EAAM,CACnD,CAAC,EAAW,eAAgB,EAAM,CACnC,CAEK,EAAe,EAAM,YACnB,EAAqB,EAAS,EAAW,EAAc,CAC7D,CAAC,EAAS,EAAW,EAAc,CACpC,CAkBD,OAhBK,GAiBH,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,cAAY,SACZ,UAAW,EAAA,EACT,GAAG,EAAW,YAAY,IAAK,GAAM,EAAO,GAAG,CAC/C,EACD,CACD,MAAO,WAPT,EASE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EAAQ,KAAO,IACd,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,WAAgB,EAAa,OAAQ,EAAQ,IAAI,CAAO,CAAA,CAErE,EAAQ,MAAQ,IACf,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,WAAe,EAAa,EAAQ,KAAM,OAAO,CAAO,CAAA,CAErE,CAAA,CAAA,EACH,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,EAAc,WAAe,CAAA,EACzC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EAAQ,OAAS,IAChB,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,WACT,EAAa,EAAQ,MAAO,OAAO,CAChC,CAAA,CAEP,EAAQ,QAAU,IACjB,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,WACT,EAAa,OAAQ,EAAQ,OAAO,CACjC,CAAA,CAEP,CAAA,CAAA,CACC,IA7CJ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,cAAY,SACZ,UAAW,EAAA,EACT,GAAG,EAAW,YAAY,IAAK,GAAM,EAAO,GAAG,CAC/C,EACD,CACD,MAAO,EAEN,WACG,CAAA,EAqCV,CACH,iCEhKY,EAAM,EAAM,KACvB,EAAM,WAAqC,SACzC,CACE,WACA,WAAW,QACX,UAAW,EACX,YACA,UACA,UACA,OACA,QACA,SACA,QACA,UAAU,GACV,GAAG,GAEL,EACA,CACA,IAAM,EAAS,EAAU,MAAM,CACzB,CAAE,UAAS,aAAc,EAAS,EAAe,EAAO,UAAU,CAElE,EAAa,GAAa,CAC1B,EAAc,EAAM,OAA8B,KAAK,CACvD,CAAE,MAAK,SAAQ,OAAM,SAAU,EAAA,EAAa,EAAa,CAEzD,EAAkB,EAAY,EAAa,CAC/C,KAAM,EAAO,KACb,WACA,QAAS,CAAE,MAAK,SAAQ,OAAM,QAAO,CACtC,CAAC,CAUI,CAAE,WAAY,EAClB,GAAc,CAAC,EACf,CATA,QAAS,CACP,IAAK,GAAO,EACZ,MAAO,GAAS,EAChB,OAAQ,GAAU,EAClB,KAAM,GAAQ,EACf,CAID,CACA,EACD,CAEK,EAAa,EAAM,YAErB,EAAA,EAAoB,CAClB,KAAM,EAAO,KACb,UAAW,EAAO,OAAO,KACzB,QACA,SACA,OACA,UACA,UACA,UAAW,EACZ,CAAC,CACJ,CACE,EAAO,KACP,EAAO,OAAO,KACd,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAEK,EAAY,EAAM,YAChB,EAAY,EAAW,SAAU,EAAM,CAC7C,CAAC,EAAW,SAAU,EAAM,CAC7B,CAED,OACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EAAU,EAAK,EAAY,CAChC,cAAY,MACZ,UAAW,EAAA,EACT,GAAG,EAAW,YAAY,IAAK,GAAM,EAAO,GAAG,CAC/C,EACD,CACD,MAAO,EAAY,EAAW,EAAW,cAAc,WAEvD,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAM,EAAG,OAAQ,CAAE,QAAS,OAAQ,WAC1C,EAAA,EAAA,KAAC,EAAD,CACE,MAAO,CAAC,EAAQ,IAAK,EAAQ,OAAO,CACpC,OAAQ,CAAC,EAAQ,KAAM,EAAQ,MAAM,CACrC,MAAM,cACE,SACG,YACF,UAER,WACM,CAAA,CACF,CAAA,CACL,CAAA,EAER,CACH"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../packages/react/src/components/Config/Config.tsx","../packages/dom/src/timing.ts","../packages/dom/src/measure.ts","../packages/react/src/hooks/useMeasure.ts","../packages/dom/src/virtual.ts","../packages/react/src/hooks/useVirtual.ts","../packages/react/src/hooks/useBaseline.ts","../packages/dom/src/viewport.ts","../packages/react/src/hooks/useGuide.ts","../packages/react/src/hooks/useConfig.ts","../packages/react/src/hooks/useDebug.ts","../packages/react/src/hooks/useIsClient.ts","../packages/react/src/utils/ssr.tsx","../packages/react/src/utils/merge.ts","../packages/react/src/components/Baseline/styles.module.css","../packages/react/src/components/Baseline/Baseline.tsx","../packages/react/src/components/Guide/styles.module.css","../packages/react/src/components/Guide/Guide.tsx","../packages/dom/src/ssr.ts","../packages/react/src/components/Spacer/styles.module.css","../packages/react/src/components/Spacer/Spacer.tsx","../packages/react/src/components/Padder/styles.module.css","../packages/react/src/components/Padder/Padder.tsx","../packages/react/src/components/Box/styles.module.css","../packages/react/src/components/Box/Box.tsx"],"sourcesContent":["import * as React from 'react'\nimport type { ConfigSchema } from '@baseline-kit/core/config/schema'\nimport { DEFAULT_CONFIG } from '@baseline-kit/core/config/defaults'\nimport {\n  type ConfigOverrides,\n  mergeConfig,\n  createCSSVariables,\n} from '@baseline-kit/core/config/merge'\n\n// Re-export types that consumers need\nexport type { DebuggingMode } from '@baseline-kit/core/types'\nexport type { ConfigSchema } from '@baseline-kit/core/config/schema'\n\n// Root and guide are published as separate bundles. Keep their context\n// identity shared when an application imports both entry points.\nconst CONFIG_CONTEXT_KEY = '__baseline_kit_config_context__'\nconst contextStore = globalThis as typeof globalThis & {\n  [CONFIG_CONTEXT_KEY]?: React.Context<ConfigSchema>\n}\nconst ConfigContext =\n  contextStore[CONFIG_CONTEXT_KEY] ??\n  (contextStore[CONFIG_CONTEXT_KEY] = React.createContext(DEFAULT_CONFIG))\nConfigContext.displayName = 'ConfigContext'\n\n// Update to use React 19's use hook instead of useContext\nexport const useDefaultConfig = () => React.use(ConfigContext)\n\ntype ConfigProps = ConfigOverrides & {\n  children: React.ReactNode\n}\n\n/**\n * Configuration provider for baseline-kit components.\n */\nexport function Config({\n  children,\n  base,\n  baseline,\n  guide,\n  spacer,\n  box,\n  padder,\n}: ConfigProps) {\n  const parentConfig = useDefaultConfig()\n\n  const value = React.useMemo(() => {\n    return mergeConfig({\n      parentConfig,\n      base,\n      baseline,\n      guide,\n      spacer,\n      box,\n      padder,\n    })\n  }, [parentConfig, base, baseline, guide, spacer, box, padder])\n\n  return <ConfigContext value={value}>{children}</ConfigContext>\n}\n\n// Re-export createCSSVariables and mergeConfig for consumers\nexport { createCSSVariables, mergeConfig }\n","export const debounce = <T extends (...args: unknown[]) => void>(\n  fn: T,\n  delay: number\n): [T, () => void] => {\n  let timer: ReturnType<typeof setTimeout> | null = null\n\n  const cancel = () => {\n    if (timer) {\n      clearTimeout(timer)\n      timer = null\n    }\n  }\n\n  const debounced = ((...args) => {\n    cancel()\n    timer = setTimeout(() => fn(...args), delay)\n  }) as T\n\n  return [debounced, cancel]\n}\n\nexport const rafThrottle = <T extends (...args: never[]) => void>(\n  fn: T\n): [T, () => void] => {\n  let rafId: number | null = null\n  let lastArgs: Parameters<T> | null = null\n\n  const cancel = () => {\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId)\n      rafId = null\n      lastArgs = null\n    }\n  }\n\n  const throttled = (...args: Parameters<T>) => {\n    lastArgs = args\n\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId)\n    }\n\n    rafId = requestAnimationFrame(() => {\n      fn(...lastArgs!)\n      rafId = null\n      lastArgs = null\n    })\n  }\n\n  return [throttled as T, cancel]\n}\n","/**\n * Element measurement observer.\n */\n\nimport { rafThrottle } from './timing'\n\nexport interface MeasureRect {\n  width: number\n  height: number\n}\n\nexport interface MeasureObserverHandle {\n  /** Force an immediate re-measure */\n  refresh(): void\n  /** Stop observing */\n  disconnect(): void\n}\n\n/**\n * Observes an element's dimensions via ResizeObserver.\n * Calls `onChange` with rounded width/height whenever the size changes.\n */\nexport function createMeasureObserver(\n  el: Element,\n  onChange: (rect: MeasureRect) => void\n): MeasureObserverHandle {\n  let prev: MeasureRect = { width: 0, height: 0 }\n\n  const measure = () => {\n    try {\n      const rect = el.getBoundingClientRect()\n      const next: MeasureRect = {\n        width: Math.round(rect.width),\n        height: Math.round(rect.height),\n      }\n      if (next.width !== prev.width || next.height !== prev.height) {\n        prev = next\n        onChange(next)\n      }\n    } catch {\n      // element may have been removed\n    }\n  }\n\n  const [throttledMeasure, cancelMeasure] = rafThrottle(measure)\n\n  // Initial measurement\n  measure()\n\n  const observer = new ResizeObserver(throttledMeasure)\n  observer.observe(el)\n\n  return {\n    refresh: throttledMeasure,\n    disconnect() {\n      observer.disconnect()\n      cancelMeasure()\n    },\n  }\n}\n","import * as React from 'react'\nimport { createMeasureObserver } from '@baseline-kit/dom/measure'\nimport type { MeasureRect } from '@baseline-kit/dom/measure'\n\nexport interface MeasureResult extends MeasureRect {\n  refresh: () => void\n}\n\nconst ZERO: MeasureRect = { width: 0, height: 0 }\n\n/**\n * Hook for measuring and tracking DOM element dimensions.\n * Thin wrapper around the imperative createMeasureObserver from @baseline-kit/dom.\n */\nexport function useMeasure(\n  ref: React.RefObject<HTMLElement | null>\n): MeasureResult {\n  const [dimensions, setDimensions] = React.useState<MeasureRect>(ZERO)\n  const handleRef = React.useRef<ReturnType<\n    typeof createMeasureObserver\n  > | null>(null)\n\n  React.useLayoutEffect(() => {\n    if (typeof window === 'undefined' || !ref.current) return\n\n    const handle = createMeasureObserver(ref.current, (rect) => {\n      setDimensions((prev) =>\n        prev.width === rect.width && prev.height === rect.height ? prev : rect\n      )\n    })\n    handleRef.current = handle\n\n    return () => {\n      handle.disconnect()\n      handleRef.current = null\n    }\n  }, [ref])\n\n  const refresh = React.useCallback(() => {\n    handleRef.current?.refresh()\n  }, [])\n\n  return { ...dimensions, refresh }\n}\n","/**\n * Virtual scroll range tracker.\n */\n\nimport { rafThrottle } from './timing'\n\nexport interface VirtualRange {\n  start: number\n  end: number\n}\n\nexport interface VirtualTrackerOptions {\n  totalItems: number\n  itemHeight: number\n  buffer?: number\n}\n\nexport interface VirtualTrackerHandle {\n  /** Force recalculation */\n  refresh(): void\n  /** Stop tracking */\n  disconnect(): void\n}\n\n/**\n * Tracks which slice of a virtual list is visible in the viewport.\n * Uses IntersectionObserver + window scroll/resize events.\n */\nexport function createVirtualTracker(\n  el: Element,\n  options: VirtualTrackerOptions,\n  onChange: (range: VirtualRange) => void\n): VirtualTrackerHandle {\n  const { totalItems, itemHeight, buffer = 0 } = options\n\n  if (!Number.isFinite(itemHeight) || itemHeight <= 0) {\n    throw new Error(\n      'createVirtualTracker requires itemHeight to be greater than 0'\n    )\n  }\n\n  if (!Number.isFinite(totalItems) || totalItems < 0) {\n    throw new Error(\n      'createVirtualTracker requires totalItems to be 0 or greater'\n    )\n  }\n\n  const calculateRange = (): VirtualRange => {\n    const rect = el.getBoundingClientRect()\n    const offsetTop = rect.top + window.scrollY\n    const viewportTop = Math.max(0, window.scrollY - offsetTop - buffer)\n    const viewportBottom = viewportTop + window.innerHeight + buffer * 2\n\n    const start = Math.max(0, Math.floor(viewportTop / itemHeight))\n    const end = Math.min(totalItems, Math.ceil(viewportBottom / itemHeight))\n    return { start, end }\n  }\n\n  let prev: VirtualRange = { start: 0, end: totalItems }\n\n  const update = () => {\n    const next = calculateRange()\n    if (next.start !== prev.start || next.end !== prev.end) {\n      prev = next\n      onChange(next)\n    }\n  }\n\n  const [throttledUpdate, cancelUpdate] = rafThrottle(update)\n\n  const listenerOptions: AddEventListenerOptions = { passive: true }\n\n  window.addEventListener('scroll', throttledUpdate, listenerOptions)\n  window.addEventListener('resize', throttledUpdate, listenerOptions)\n\n  const intersectionObserver = new IntersectionObserver(throttledUpdate, {\n    threshold: 0,\n  })\n  intersectionObserver.observe(el)\n\n  throttledUpdate()\n\n  return {\n    refresh: throttledUpdate,\n    disconnect() {\n      window.removeEventListener('scroll', throttledUpdate, listenerOptions)\n      window.removeEventListener('resize', throttledUpdate, listenerOptions)\n      intersectionObserver.disconnect()\n      cancelUpdate()\n    },\n  }\n}\n","import { RefObject, useCallback, useLayoutEffect, useState } from 'react'\nimport { createVirtualTracker } from '@baseline-kit/dom/virtual'\nimport type { VirtualRange } from '@baseline-kit/dom/virtual'\n\ntype VirtualOptions = {\n  totalLines: number\n  lineHeight: number\n  containerRef: RefObject<HTMLDivElement | null>\n  buffer?: number | string\n}\n\n/**\n * Hook for optimizing large lists through virtual scrolling.\n * Thin wrapper around the imperative createVirtualTracker from @baseline-kit/dom.\n */\nexport function useVirtual({\n  totalLines,\n  lineHeight,\n  containerRef,\n  buffer = 0,\n}: VirtualOptions) {\n  const numericBuffer =\n    typeof buffer === 'number' ? buffer : parseInt(buffer, 10) || 0\n\n  const [visibleRange, setVisibleRange] = useState<VirtualRange>({\n    start: 0,\n    end: totalLines,\n  })\n\n  const updateRange = useCallback((range: VirtualRange) => {\n    setVisibleRange((prev) =>\n      prev.start === range.start && prev.end === range.end ? prev : range\n    )\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!containerRef.current) return\n\n    // The first client measurement can change the descriptor's total line\n    // count (for example, from a relative CSS height to the measured pixels).\n    // Reset the range for that new total before tracking it; otherwise the\n    // previous one-item fallback can remain mounted forever.\n    setVisibleRange((prev) =>\n      prev.start === 0 && prev.end === totalLines\n        ? prev\n        : { start: 0, end: totalLines }\n    )\n\n    const handle = createVirtualTracker(\n      containerRef.current,\n      { totalItems: totalLines, itemHeight: lineHeight, buffer: numericBuffer },\n      updateRange\n    )\n\n    return () => handle.disconnect()\n  }, [containerRef, totalLines, lineHeight, numericBuffer, updateRange])\n\n  return visibleRange\n}\n","import * as React from 'react'\nimport type { SnapEdge, SnappingMode, Padding } from '@baseline-kit/core'\nimport { parsePadding, calculateSnappedSpacing } from '@baseline-kit/core'\nimport { useMeasure } from './useMeasure'\n\nexport interface BaselineOptions {\n  base?: number\n  snapping?: SnappingMode\n  snapEdge?: SnapEdge\n  spacing?: Partial<Padding> | number\n}\n\nexport interface BaselineResult {\n  padding: Padding\n  isAligned: boolean\n  height: number\n}\n\n/**\n * Hook for managing baseline grid alignment in components.\n *\n * Snapping notes\n * --------------\n * `clamp` mode would oscillate without a latch: each snap tweaks the\n * element's padding which changes its measured height, which would\n * trigger another snap, and so on. We snap exactly once per mount on\n * the *first non-zero* measurement, then keep returning the snapped\n * padding for the rest of the element's life. Resizes after the first\n * snap intentionally do not re-snap (avoids visual jitter and the\n * `clamp` oscillation).\n */\nexport function useBaseline(\n  ref: React.RefObject<HTMLElement | null>,\n  {\n    base = 8,\n    snapping = 'none',\n    snapEdge = 'bottom',\n    spacing = {},\n  }: BaselineOptions = {}\n): BaselineResult {\n  if (base < 1) {\n    throw new Error('Base must be >= 1 for baseline alignment.')\n  }\n\n  const { height } = useMeasure(ref)\n  const snappedPaddingRef = React.useRef<Padding | null>(null)\n\n  return React.useMemo(() => {\n    const initialPadding = parsePadding({ padding: spacing })\n    const isAligned = height % base === 0\n\n    if (snapping === 'none') {\n      return { padding: initialPadding, isAligned, height }\n    }\n\n    // Reuse the cached snap on subsequent renders.\n    if (snappedPaddingRef.current) {\n      return { padding: snappedPaddingRef.current, isAligned, height }\n    }\n\n    // Wait for a real measurement before snapping. Without this guard\n    // the very first render (height = 0, before useMeasure settles)\n    // would compute a no-op snap and prematurely poison the cache,\n    // making real measurements never get snapped.\n    if (height === 0) {\n      return { padding: initialPadding, isAligned, height }\n    }\n\n    const finalPadding = calculateSnappedSpacing(height, base, initialPadding, {\n      mode: snapping,\n      snapEdge,\n    })\n    snappedPaddingRef.current = finalPadding\n\n    return { padding: finalPadding, isAligned, height }\n  }, [base, snapping, snapEdge, spacing, height])\n}\n","import type { ConversionContext } from '@baseline-kit/core'\n\n/**\n * Returns the current browser viewport for vw/vh/vmin/vmax conversion.\n * Returns an empty object on the server so callers fall back to the\n * core defaults without crashing.\n */\nexport function getViewportContext(): Partial<ConversionContext> {\n  if (typeof window === 'undefined') return {}\n  return {\n    viewportWidth: window.innerWidth,\n    viewportHeight: window.innerHeight,\n  }\n}\n","import * as React from 'react'\nimport type { GuideConfig } from '@baseline-kit/core/types'\nimport { calculateGuideTemplate } from '@baseline-kit/core/utils/grid'\nimport { getViewportContext } from '@baseline-kit/dom/viewport'\nimport { useMeasure } from './useMeasure'\n\nexport type { GuideResult } from '@baseline-kit/core/utils/grid'\n\n/**\n * Hook for calculating grid layout parameters based on container dimensions.\n */\nexport function useGuide(\n  ref: React.RefObject<HTMLElement | null>,\n  config: GuideConfig\n) {\n  const { width } = useMeasure(ref)\n  return React.useMemo(\n    () => calculateGuideTemplate(width, config, getViewportContext()),\n    [config, width]\n  )\n}\n","import { useMemo } from 'react'\nimport type { ConfigSchema } from '@baseline-kit/core/config/schema'\nimport { useDefaultConfig } from '../components/Config/Config'\n\n/** Type helper that merges base configuration with component-specific settings. */\nexport type ComponentConfig<K extends keyof ConfigSchema> = ConfigSchema[K] & {\n  base: number\n}\n\n/**\n * Hook for accessing component-specific theme configuration.\n */\nexport function useConfig<K extends keyof ConfigSchema>(\n  component: K\n): ComponentConfig<K> {\n  const defaultConfig = useDefaultConfig()\n  return useMemo(() => {\n    return Object.assign(\n      { base: defaultConfig.base },\n      defaultConfig[component]\n    ) as ComponentConfig<K>\n  }, [defaultConfig, component])\n}\n","import { useMemo } from 'react'\nimport { resolveDebugState } from '@baseline-kit/core/utils/merge'\nimport type { DebuggingMode } from '@baseline-kit/core/types'\n\n/**\n * Hook for managing component debug state and visibility.\n * Delegates to pure resolveDebugState in core.\n */\nexport function useDebug(\n  debuggingProp?: DebuggingMode,\n  debuggingConfig?: DebuggingMode\n) {\n  return useMemo(\n    () => resolveDebugState(debuggingProp, debuggingConfig),\n    [debuggingProp, debuggingConfig]\n  )\n}\n","import { useEffect, useState } from 'react'\n\n/**\n * Hook to determine if the code is running on the client side.\n */\nexport function useIsClient() {\n  const [isClient, setIsClient] = useState(false)\n\n  useEffect(() => {\n    setIsClient(true)\n  }, [])\n\n  return isClient\n}\n","/**\n * React-specific SSR utilities (ClientOnly component)\n */\nimport * as React from 'react'\nimport { useIsClient } from '../hooks/useIsClient'\n\ninterface ClientOnlyProps {\n  children: React.ReactNode\n  fallback?: React.ReactNode\n}\n\n/**\n * A utility component that only renders its children on the client side.\n * @internal Not part of the public API\n */\nexport function ClientOnly({ children, fallback = null }: ClientOnlyProps) {\n  const isClient = useIsClient()\n\n  if (!isClient) {\n    return <>{fallback}</>\n  }\n\n  return <>{children}</>\n}\n","import * as React from 'react'\n\n/**\n * Combines descriptor style records and React style objects.\n * Accepts Record<string, string> from descriptors and React.CSSProperties.\n */\nexport function mergeStyles(\n  ...styles: Array<Record<string, string> | React.CSSProperties | undefined>\n): React.CSSProperties {\n  return Object.assign({}, ...styles.filter(Boolean))\n}\n\n/**\n * Merges multiple React refs into a single callback ref.\n */\nexport function mergeRefs<T>(\n  ...refs: Array<React.Ref<T> | null | undefined>\n): React.RefCallback<T> {\n  return (node: T | null) => {\n    refs.forEach((ref) => {\n      if (!ref) return\n      if (typeof ref === 'function') {\n        ref(node)\n      } else {\n        Object.assign(ref, { current: node })\n      }\n    })\n  }\n}\n",".bas {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  width: var(--bkbl-w);\n  height: var(--bkbl-h);\n  overflow: hidden;\n  contain: layout style paint;\n}\n\n.v {\n  opacity: 1;\n  visibility: visible;\n  transition:\n    opacity var(--bk-transition-base),\n    visibility 0ms linear;\n}\n\n.h {\n  opacity: 0;\n  visibility: hidden;\n  transition:\n    opacity var(--bk-transition-base),\n    visibility 0ms linear 180ms;\n}\n\n.row {\n  left: 0;\n  right: 0;\n  position: absolute;\n  top: var(--bkbl-rt);\n  height: var(--bkbl-rh);\n  background-color: var(--bkbl-c);\n}\n\n/* Style for SSR rendering */\n.ssr {\n  box-sizing: border-box;\n  z-index: 1;\n  pointer-events: none;\n}\n","import * as React from 'react'\nimport { ComponentsProps } from '../types'\nimport { useConfig, useDebug, useVirtual, useMeasure } from '../../hooks'\nimport { cx, createBaselineDescriptor } from '@baseline-kit/core'\nimport type { BaselineVariant } from '@baseline-kit/core'\nimport { ClientOnly } from '../../utils/ssr'\nimport { mergeStyles } from '../../utils/merge'\nimport styles from './styles.module.css'\n\nexport type { BaselineVariant }\n\nexport type BaselineProps = {\n  variant?: BaselineVariant\n  width?: number | string\n  height?: number | string\n  base?: number\n  color?: string\n  ssrMode?: boolean\n} & ComponentsProps\n\nconst BaselineImpl = React.memo(function BaselineImpl({\n  className,\n  debugging,\n  style,\n  variant,\n  height: heightProp,\n  width: widthProp,\n  base,\n  color: colorProp,\n  ...spacingProps\n}: BaselineProps) {\n  const config = useConfig('baseline')\n  const { isShown } = useDebug(debugging, config.debugging)\n  const containerRef = React.useRef<HTMLDivElement | null>(null)\n  const { width: containerWidth, height: containerHeight } =\n    useMeasure(containerRef)\n\n  const resolvedBase = base || config.base\n\n  const descriptor = React.useMemo(\n    () =>\n      createBaselineDescriptor({\n        base: resolvedBase,\n        colors: config.colors,\n        variant: (variant as BaselineVariant) ?? config.variant,\n        width: widthProp,\n        height: heightProp,\n        color: colorProp,\n        containerWidth,\n        containerHeight,\n        spacing: spacingProps,\n        isVisible: isShown,\n      }),\n    [\n      resolvedBase,\n      config.colors,\n      config.variant,\n      variant,\n      widthProp,\n      heightProp,\n      colorProp,\n      containerWidth,\n      containerHeight,\n      spacingProps,\n      isShown,\n    ]\n  )\n\n  const { start, end } = useVirtual({\n    totalLines: descriptor.rowCount,\n    lineHeight: resolvedBase,\n    containerRef,\n    buffer: 160,\n  })\n\n  const containerStyles = React.useMemo(\n    () => mergeStyles(descriptor.containerStyle, style),\n    [descriptor.containerStyle, style]\n  )\n\n  return (\n    <div\n      ref={containerRef}\n      data-testid=\"baseline\"\n      aria-hidden=\"true\"\n      className={cx(...descriptor.classTokens.map((t) => styles[t]), className)}\n      style={containerStyles}\n      {...spacingProps}\n    >\n      {isShown &&\n        Array.from({ length: end - start }, (_, i) => {\n          const rowIndex = i + start\n          return (\n            <div\n              className={styles.row}\n              key={rowIndex}\n              data-row-index={rowIndex}\n              style={descriptor.getRowStyle(rowIndex)}\n            />\n          )\n        })}\n    </div>\n  )\n})\n\nexport const Baseline = React.memo(function Baseline({\n  className,\n  debugging,\n  style,\n  variant: variantProp,\n  height: heightProp,\n  width: widthProp,\n  base: baseProp,\n  color: colorProp,\n  ssrMode = false,\n  ...spacingProps\n}: BaselineProps) {\n  const config = useConfig('baseline')\n  const variant = variantProp ?? config.variant\n  const base = baseProp ?? config.base\n  const { isShown } = useDebug(debugging, config.debugging)\n\n  if (!isShown) {\n    return (\n      <div\n        className={cx(styles.bas, styles.h, className)}\n        style={style}\n        data-testid=\"baseline\"\n        aria-hidden=\"true\"\n        {...spacingProps}\n      />\n    )\n  }\n\n  const ssrFallback = (\n    <div\n      className={cx(styles.bas, styles.h, styles.ssr, className)}\n      style={{\n        width: widthProp ?? '100%',\n        height: heightProp ?? '100%',\n        ...style,\n      }}\n      data-testid=\"baseline\"\n      aria-hidden=\"true\"\n    />\n  )\n\n  if (ssrMode) {\n    return ssrFallback\n  }\n\n  return (\n    <ClientOnly fallback={ssrFallback}>\n      <BaselineImpl\n        className={className}\n        debugging={debugging}\n        style={style}\n        variant={variant}\n        height={heightProp}\n        width={widthProp}\n        base={base}\n        color={colorProp}\n        {...spacingProps}\n      />\n    </ClientOnly>\n  )\n})\n",".gde {\n  position: absolute;\n  inset: 0;\n  box-sizing: border-box;\n  width: var(--bkgd-w, 100%);\n  height: var(--bkgd-h, 100%);\n  max-width: var(--bkgd-mw, none);\n  margin-inline: auto;\n  pointer-events: none;\n  padding: var(--bkgd-pb, 0) var(--bkgd-pi, 0);\n}\n\n.v {\n  opacity: 1;\n  visibility: visible;\n  transition:\n    opacity var(--bk-transition-base),\n    visibility 0ms linear;\n}\n\n.h {\n  opacity: 0;\n  visibility: hidden;\n  transition:\n    opacity var(--bk-transition-base),\n    visibility 0ms linear 180ms;\n}\n\n.line {\n  left: -0.5px; /* Alignment correction for line variant */\n}\n\n.cols {\n  position: absolute;\n  inset: 0;\n  display: grid;\n  column-gap: var(--bkgd-g);\n  grid-template-rows: 1fr;\n  grid-template-columns: var(--bkgd-t);\n  justify-content: var(--bkgd-j);\n  width: var(--bk-wf);\n  height: var(--bk-hf);\n  overflow: hidden;\n  contain: layout style paint;\n}\n\n.col {\n  min-width: 0;\n  width: var(--bk-wf);\n  height: var(--bk-hf);\n}\n\n/* Variant-specific styles */\n.col[data-variant='line'] {\n  width: 1px;\n  background-color: var(--bkgd-cl);\n}\n\n.cols[data-variant='line'] {\n  display: block;\n  background-image: repeating-linear-gradient(\n    to right,\n    var(--bkgd-line-color, var(--bkgd-cl)) 0 1px,\n    transparent 1px var(--bkgd-line-period, 1px)\n  );\n}\n\n.col[data-variant='pattern'] {\n  background-color: var(--bkgd-cp);\n}\n\n.col[data-variant='auto'] {\n  background-color: var(--bkgd-ca);\n  overflow: hidden;\n}\n\n.col[data-variant='fixed'] {\n  background-color: var(--bkgd-cf);\n}\n\n/* Style for SSR rendering */\n.ssr {\n  box-sizing: border-box;\n  z-index: 1;\n  pointer-events: none;\n}\n","import * as React from 'react'\nimport type { ComponentsProps } from '../types'\nimport { useConfig } from '../../hooks/useConfig'\nimport { useDebug } from '../../hooks/useDebug'\nimport { useMeasure } from '../../hooks/useMeasure'\nimport { useGuide } from '../../hooks/useGuide'\nimport { cx } from '@baseline-kit/core/utils/merge'\nimport {\n  createGuideDescriptor,\n  createGuideConfig,\n} from '@baseline-kit/core/descriptors/guide'\nimport type { GuideVariant, GuideConfig } from '@baseline-kit/core/types'\nimport { ClientOnly } from '../../utils/ssr'\nimport { mergeStyles } from '../../utils/merge'\nimport styles from './styles.module.css'\n\nexport type { GuideConfig }\n\nexport type GuideProps = {\n  align?: React.CSSProperties['justifyContent']\n  variant?: GuideVariant\n  columns?: number | readonly (string | number | undefined | 'auto')[]\n  columnWidth?: React.CSSProperties['width']\n  maxWidth?: React.CSSProperties['maxWidth']\n  color?: React.CSSProperties['color']\n  children?: React.ReactNode\n  gap?: number\n  ssrMode?: boolean\n} & ComponentsProps &\n  Omit<GuideConfig, 'columns' | 'columnWidth' | 'gap'>\n\nexport const Guide = React.memo(function Guide({\n  className,\n  debugging,\n  style,\n  variant: variantProp,\n  align = 'center',\n  gap: gapProp,\n  height,\n  width,\n  columns,\n  columnWidth,\n  maxWidth,\n  color,\n  children,\n  ssrMode = false,\n  ...props\n}: GuideProps) {\n  const config = useConfig('guide')\n  const variant = variantProp ?? config.variant\n  const gap = typeof gapProp === 'number' ? gapProp : 0\n  const { isShown } = useDebug(debugging, config.debugging)\n\n  if (!isShown) {\n    return (\n      <div\n        className={cx(styles.gde, styles.h, className)}\n        style={style}\n        data-testid=\"guide\"\n        data-variant={variant}\n        aria-hidden=\"true\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  const ssrFallback = (\n    <div\n      className={cx(styles.gde, styles.h, styles.ssr, className)}\n      style={{\n        width: width ?? '100%',\n        height: height ?? '100%',\n        maxWidth: maxWidth ?? 'none',\n        ...style,\n      }}\n      data-testid=\"guide\"\n      data-variant={variant}\n      aria-hidden=\"true\"\n    >\n      {children}\n    </div>\n  )\n\n  if (ssrMode) {\n    return ssrFallback\n  }\n\n  return (\n    <ClientOnly fallback={ssrFallback}>\n      <GuideImpl\n        className={className}\n        debugging={debugging}\n        style={style}\n        variant={variant}\n        align={align}\n        gap={gap}\n        height={height}\n        width={width}\n        columns={columns}\n        columnWidth={columnWidth}\n        maxWidth={maxWidth}\n        color={color}\n        {...props}\n      >\n        {children}\n      </GuideImpl>\n    </ClientOnly>\n  )\n})\n\nconst GuideImpl = React.memo(function GuideImpl({\n  className,\n  debugging,\n  style,\n  variant,\n  align = 'center',\n  gap,\n  height,\n  width,\n  columns,\n  columnWidth,\n  maxWidth,\n  color,\n  children,\n  ...props\n}: GuideProps) {\n  const config = useConfig('guide')\n  const { isShown } = useDebug(debugging, config.debugging)\n  const containerRef = React.useRef<HTMLDivElement | null>(null)\n  useMeasure(containerRef)\n\n  const resolvedVariant = (variant ?? config.variant) as GuideVariant\n  const resolvedGap = typeof gap === 'number' ? gap : 0\n\n  const gridConfig = React.useMemo(\n    () =>\n      createGuideConfig({\n        variant: resolvedVariant,\n        base: config.base,\n        gap: resolvedGap,\n        columns,\n        columnWidth: columnWidth as number | string | undefined,\n      }),\n    [resolvedVariant, config.base, resolvedGap, columns, columnWidth]\n  )\n\n  const { template, columnsCount, calculatedGap } = useGuide(\n    containerRef,\n    gridConfig\n  )\n\n  const descriptor = React.useMemo(\n    () =>\n      createGuideDescriptor({\n        base: config.base,\n        colors: config.colors,\n        variant: resolvedVariant,\n        align: align || 'center',\n        width,\n        height,\n        columnWidth,\n        maxWidth,\n        color,\n        template,\n        columnsCount,\n        calculatedGap,\n        isVisible: isShown,\n      }),\n    [\n      config.base,\n      config.colors,\n      resolvedVariant,\n      align,\n      width,\n      height,\n      columnWidth,\n      maxWidth,\n      color,\n      template,\n      columnsCount,\n      calculatedGap,\n      isShown,\n    ]\n  )\n\n  const containerStyles = React.useMemo(\n    () => mergeStyles(descriptor.containerStyle, style),\n    [descriptor.containerStyle, style]\n  )\n\n  return (\n    <div\n      ref={containerRef}\n      data-testid=\"guide\"\n      aria-hidden=\"true\"\n      className={cx(...descriptor.classTokens.map((t) => styles[t]), className)}\n      data-variant={variant}\n      style={containerStyles}\n      {...props}\n    >\n      {isShown && (\n        <div className={styles.cols} data-variant={variant}>\n          {!descriptor.isLineVariant &&\n            Array.from({ length: descriptor.columnsCount }, (_, i) => (\n              <div\n                key={i}\n                className={styles.col}\n                data-column-index={i}\n                data-variant={variant}\n              />\n            ))}\n        </div>\n      )}\n      {children}\n    </div>\n  )\n})\n","/**\n * Detects if code is running in a server-side environment\n */\nexport const isSSR = typeof window === 'undefined'\n\n/**\n * Default dimensions to use during server-side rendering\n */\nexport const SSR_DIMENSIONS = {\n  width: 1024,\n  height: 768,\n}\n\n/**\n * Safe window-using function that works in both server and client\n */\nexport function safeClientValue<T>(clientFn: () => T, fallback: T): T {\n  if (isSSR) {\n    return fallback\n  }\n\n  try {\n    return clientFn()\n  } catch {\n    return fallback\n  }\n}\n\n/**\n * Returns a stable value during SSR and initial render, then switches to\n * the dynamic value after hydration\n */\nexport function hydratedValue<T>(\n  isHydrated: boolean,\n  ssrValue: T,\n  dynamicValue: T\n): T {\n  return !isHydrated || isSSR ? ssrValue : dynamicValue\n}\n",".spr {\n  position: relative;\n  box-sizing: border-box;\n  width: var(--bksp-w, 100%);\n  height: var(--bksp-h, auto);\n  flex-shrink: 0;\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.line::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border: 1px solid var(--bksp-cl, hsla(270, 60%, 40%, 0.6));\n  z-index: calc(var(--bk-zi, 1));\n}\n\n.flat {\n  background-color: var(--bksp-cf, hsla(230, 100%, 70%, 0.2));\n}\n\n.indicator {\n  color: var(--bksp-ct, hsla(270, 60%, 40%, 1));\n}\n","import * as React from 'react'\nimport { useConfig, useDebug, useIsClient } from '../../hooks'\nimport { cx, createSpacerDescriptor } from '@baseline-kit/core'\nimport { hydratedValue } from '@baseline-kit/dom'\nimport { ComponentsProps, Variant } from '../types'\nimport { mergeStyles } from '../../utils/merge'\nimport styles from './styles.module.css'\n\nexport type IndicatorNode = (\n  value: number,\n  type: 'width' | 'height'\n) => React.ReactNode\n\nexport type SpacerProps = {\n  width?: React.CSSProperties['width']\n  height?: React.CSSProperties['height']\n  variant?: Variant\n  color?: string\n  base?: number\n  children?: React.ReactNode\n  indicatorNode?: IndicatorNode\n  ssrMode?: boolean\n} & ComponentsProps\n\nexport const Spacer = React.memo(function Spacer({\n  height: heightProp,\n  width: widthProp,\n  indicatorNode,\n  debugging: debuggingProp,\n  variant: variantProp,\n  base: baseProp,\n  color: colorProp,\n  className,\n  style,\n  children,\n  ssrMode = false,\n  ...props\n}: SpacerProps) {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const config = useConfig('spacer')\n  const { isShown } = useDebug(debuggingProp, config.debugging)\n  const variant = variantProp ?? config.variant\n  const base = baseProp ?? config.base\n\n  const isHydrated = useIsClient()\n\n  const descriptor = React.useMemo(\n    () =>\n      createSpacerDescriptor({\n        base,\n        colors: config.colors,\n        width: widthProp as number | string | undefined,\n        height: heightProp as number | string | undefined,\n        color: colorProp,\n        variant,\n        isVisible: isShown,\n      }),\n    [base, config.colors, widthProp, heightProp, colorProp, variant, isShown]\n  )\n\n  const shouldShowMeasurements = hydratedValue(\n    isHydrated && !ssrMode,\n    false,\n    isShown && indicatorNode !== undefined\n  )\n\n  const measurements = React.useMemo(() => {\n    if (!shouldShowMeasurements) return null\n    const w = descriptor.normWidth\n    const h = descriptor.normHeight\n    return (\n      <>\n        {h !== 0 && (\n          <span key=\"height\" className={styles.indicator} aria-hidden=\"true\">\n            {indicatorNode!(h, 'height')}\n          </span>\n        )}\n        {w !== 0 && (\n          <span key=\"width\" className={styles.indicator} aria-hidden=\"true\">\n            {indicatorNode!(w, 'width')}\n          </span>\n        )}\n      </>\n    )\n  }, [\n    shouldShowMeasurements,\n    indicatorNode,\n    descriptor.normWidth,\n    descriptor.normHeight,\n  ])\n\n  const baseStyles = React.useMemo(\n    () => mergeStyles(descriptor.style, style),\n    [descriptor.style, style]\n  )\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"spacer\"\n      className={cx(...descriptor.classTokens.map((t) => styles[t]), className)}\n      data-variant={variant}\n      data-height={\n        typeof descriptor.normHeight === 'number'\n          ? `${descriptor.normHeight}px`\n          : descriptor.normHeight\n      }\n      style={baseStyles}\n      {...props}\n    >\n      {measurements}\n      {children}\n    </div>\n  )\n})\n",".pad {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  grid-template-rows: auto 1fr auto;\n  width: var(--bkpd-w, auto);\n  height: var(--bkpd-h, auto);\n  text-box-trim: trim-both;\n  text-box-edge: ex alphabetic;\n}\n\n.content {\n  text-box-trim: trim-both;\n  text-box-edge: ex alphabetic;\n}\n\n.v::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border: 1px solid var(--bkpd-c, var(--bk-padder-color-theme));\n  pointer-events: none;\n  z-index: var(--bk-zi);\n}\n","import * as React from 'react'\nimport { useConfig, useDebug, useBaseline, useIsClient } from '../../hooks'\nimport { cx, parsePadding, createPadderDescriptor } from '@baseline-kit/core'\nimport { hydratedValue } from '@baseline-kit/dom'\nimport { mergeStyles, mergeRefs } from '../../utils/merge'\nimport { ComponentsProps, Variant } from '../types'\nimport { Spacer, IndicatorNode } from '../Spacer'\nimport type { DebuggingMode } from '../types'\nimport styles from './styles.module.css'\n\nexport type PadderProps = {\n  indicatorNode?: IndicatorNode\n  ssrMode?: boolean\n  children?: React.ReactNode\n} & ComponentsProps\n\nconst createRenderSpacerFn = (\n  variant: Variant | undefined,\n  debugging: DebuggingMode | undefined,\n  indicatorNode?: IndicatorNode\n) => {\n  const safeVariant = variant || 'line'\n  const safeDebugging = debugging || 'none'\n\n  const SpacerElement = (\n    widthVal: React.CSSProperties['width'],\n    heightVal: React.CSSProperties['height']\n  ) => (\n    <Spacer\n      variant={safeVariant}\n      debugging={heightVal === 0 || widthVal === 0 ? 'none' : safeDebugging}\n      indicatorNode={indicatorNode}\n      height={heightVal !== '100%' ? heightVal : undefined}\n      width={widthVal !== '100%' ? widthVal : undefined}\n    />\n  )\n  SpacerElement.displayName = 'PadderSpacer'\n  return SpacerElement\n}\n\n// Static grid position styles — hoisted to avoid re-creation on render\nconst GRID_FULL_ROW: React.CSSProperties = { gridColumn: '1 / -1' }\nconst GRID_MID_COL: React.CSSProperties = { gridRow: '2 / 3' }\nconst GRID_CENTER: React.CSSProperties = {\n  gridRow: '2 / 3',\n  gridColumn: '2 / 3',\n}\n\nexport const Padder = React.memo(\n  React.forwardRef<HTMLDivElement, PadderProps>(function Padder(\n    {\n      children,\n      className,\n      debugging: debuggingProp,\n      height,\n      indicatorNode,\n      style,\n      width,\n      ssrMode = false,\n      ...spacingProps\n    },\n    ref\n  ) {\n    const config = useConfig('padder')\n    const { variant } = useConfig('spacer')\n    const initialPadding = React.useMemo(\n      () => parsePadding(spacingProps),\n      [spacingProps]\n    )\n    const { isShown, isNone, debugging } = useDebug(\n      debuggingProp,\n      config.debugging\n    )\n    const enableSpacers = !isNone\n\n    const isHydrated = useIsClient()\n    const internalRef = React.useRef<HTMLDivElement | null>(null)\n\n    const baselinePadding = useBaseline(internalRef, {\n      base: config.base,\n      snapping: 'height',\n      spacing: initialPadding,\n    })\n\n    const stablePadding = {\n      padding: {\n        top: initialPadding.top || 0,\n        right: initialPadding.right || 0,\n        bottom: initialPadding.bottom || 0,\n        left: initialPadding.left || 0,\n      },\n    }\n    const { padding } = hydratedValue(\n      isHydrated && !ssrMode,\n      stablePadding,\n      baselinePadding\n    )\n\n    const setRefs = mergeRefs(ref, internalRef)\n\n    const descriptor = React.useMemo(\n      () =>\n        createPadderDescriptor({\n          base: config.base,\n          color: config.color,\n          width: width as number | string | undefined,\n          height: height as number | string | undefined,\n          padding,\n          enableSpacers,\n          isVisible: isShown,\n        }),\n      [\n        config.base,\n        config.color,\n        width,\n        height,\n        padding,\n        enableSpacers,\n        isShown,\n      ]\n    )\n\n    const containerStyles = React.useMemo(\n      () => mergeStyles(descriptor.containerStyle, style),\n      [descriptor.containerStyle, style]\n    )\n\n    const renderSpacer = React.useMemo(\n      () => createRenderSpacerFn(variant, debugging, indicatorNode),\n      [variant, debugging, indicatorNode]\n    )\n\n    if (!enableSpacers) {\n      return (\n        <div\n          ref={setRefs}\n          data-testid=\"padder\"\n          className={cx(\n            ...descriptor.classTokens.map((t) => styles[t]),\n            className\n          )}\n          style={containerStyles}\n        >\n          {children}\n        </div>\n      )\n    }\n\n    return (\n      <div\n        ref={setRefs}\n        data-testid=\"padder\"\n        className={cx(\n          ...descriptor.classTokens.map((t) => styles[t]),\n          className\n        )}\n        style={containerStyles}\n      >\n        <>\n          {padding.top >= 0 && (\n            <div style={GRID_FULL_ROW}>{renderSpacer('100%', padding.top)}</div>\n          )}\n          {padding.left >= 0 && (\n            <div style={GRID_MID_COL}>{renderSpacer(padding.left, '100%')}</div>\n          )}\n        </>\n        <div\n          data-testid=\"padder-content\"\n          className={styles.content}\n          style={GRID_CENTER}\n        >\n          {children}\n        </div>\n        <>\n          {padding.right >= 0 && (\n            <div style={GRID_MID_COL}>\n              {renderSpacer(padding.right, '100%')}\n            </div>\n          )}\n          {padding.bottom >= 0 && (\n            <div style={GRID_FULL_ROW}>\n              {renderSpacer('100%', padding.bottom)}\n            </div>\n          )}\n        </>\n      </div>\n    )\n  })\n)\n",".box {\n  position: relative;\n  width: var(--bkbx-w);\n  height: var(--bkbx-h);\n  text-box-trim: trim-both;\n  text-box-edge: ex alphabetic;\n}\n\n.v::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border: 1px solid var(--bkbx-cl);\n  pointer-events: none;\n  z-index: var(--bk-zi);\n}\n","import * as React from 'react'\nimport { useConfig, useDebug, useBaseline, useIsClient } from '../../hooks'\nimport { cx, parsePadding, createBoxDescriptor } from '@baseline-kit/core'\nimport type { SnapEdge, SnappingMode } from '@baseline-kit/core'\nimport { hydratedValue } from '@baseline-kit/dom'\nimport { mergeStyles, mergeRefs } from '../../utils/merge'\nimport { Config } from '../Config/Config'\nimport { Padder } from '../Padder'\nimport { ComponentsProps } from '../types'\nimport styles from './styles.module.css'\n\nexport type { SnapEdge, SnappingMode }\n\nexport type BoxProps = {\n  colSpan?: number\n  rowSpan?: number\n  span?: number\n  snapping?: SnappingMode\n  snapEdge?: SnapEdge\n  ssrMode?: boolean\n  children?: React.ReactNode\n} & ComponentsProps\n\nexport const Box = React.memo(\n  React.forwardRef<HTMLDivElement, BoxProps>(function Box(\n    {\n      children,\n      snapping = 'clamp',\n      snapEdge = 'bottom',\n      debugging: debuggingProp,\n      className,\n      colSpan,\n      rowSpan,\n      span,\n      width,\n      height,\n      style,\n      ssrMode = false,\n      ...spacingProps\n    },\n    ref\n  ) {\n    const config = useConfig('box')\n    const { isShown, debugging } = useDebug(debuggingProp, config.debugging)\n\n    const isHydrated = useIsClient()\n    const internalRef = React.useRef<HTMLDivElement | null>(null)\n    const { top, bottom, left, right } = parsePadding(spacingProps)\n\n    const baselinePadding = useBaseline(internalRef, {\n      base: config.base,\n      snapping,\n      snapEdge,\n      spacing: { top, bottom, left, right },\n    })\n\n    const stablePadding = {\n      padding: {\n        top: top || 0,\n        right: right || 0,\n        bottom: bottom || 0,\n        left: left || 0,\n      },\n    }\n    const { padding } = hydratedValue(\n      isHydrated && !ssrMode,\n      stablePadding,\n      baselinePadding\n    )\n\n    const descriptor = React.useMemo(\n      () =>\n        createBoxDescriptor({\n          base: config.base,\n          lineColor: config.colors.line,\n          width,\n          height,\n          span,\n          colSpan,\n          rowSpan,\n          isVisible: isShown,\n        }),\n      [\n        config.base,\n        config.colors.line,\n        width,\n        height,\n        span,\n        colSpan,\n        rowSpan,\n        isShown,\n      ]\n    )\n\n    const boxStyles = React.useMemo(\n      () => mergeStyles(descriptor.boxStyle, style),\n      [descriptor.boxStyle, style]\n    )\n\n    return (\n      <div\n        ref={mergeRefs(ref, internalRef)}\n        data-testid=\"box\"\n        className={cx(\n          ...descriptor.classTokens.map((t) => styles[t]),\n          className\n        )}\n        style={mergeStyles(boxStyles, descriptor.gridSpanStyle)}\n      >\n        <Config base={1} spacer={{ variant: 'flat' }}>\n          <Padder\n            block={[padding.top, padding.bottom]}\n            inline={[padding.left, padding.right]}\n            width=\"fit-content\"\n            height={height}\n            debugging={debugging}\n            // Box owns snapping; the inner Padder renders its resolved edges.\n            ssrMode\n          >\n            {children}\n          </Padder>\n        </Config>\n      </div>\n    )\n  })\n)\n"],"mappings":"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"}