{"version":3,"file":"index.mjs","sources":["../src/components/Config/defaults.ts","../src/components/Config/Config.tsx","../src/utils/parse.ts","../src/utils/convert.ts","../src/utils/math.ts","../src/utils/normalize.ts","../src/utils/padding.ts","../src/utils/snapping.ts","../src/utils/grid.ts","../src/utils/merge.ts","../src/utils/timing.ts","../src/hooks/useIsClient.ts","../src/utils/ssr.tsx","../src/hooks/useMeasure.ts","../src/hooks/useVirtual.ts","../src/hooks/useBaseline.ts","../src/components/Spacer/Spacer.tsx","../src/components/Padder/Padder.tsx","../src/components/Layout/Layout.tsx","../src/components/Box/Box.tsx","../src/components/Stack/Stack.tsx","../src/components/Guide/Guide.tsx","../src/components/Guide/validation.ts","../src/hooks/useGuide.ts","../src/hooks/useConfig.ts","../src/hooks/useDebug.ts","../src/components/Baseline/Baseline.tsx"],"sourcesContent":["/**\n * @file defaults.ts\n * @description Default theme and configuration values for baseline-kit\n * @module baseline-kit/components/Config\n */\n\nimport type { ConfigSchema } from './Config'\n\n/**\n * CSS variable-based color configuration for Guide component.\n * Maps each guide variant to its theme color.\n */\nconst GUIDE_COLORS = {\n /** Color for single-line guides */\n line: 'var(--bk-guide-color-line-theme)',\n /** Color for pattern-based guides */\n pattern: 'var(--bk-guide-color-pattern-theme)',\n /** Color for auto-calculated guides */\n auto: 'var(--bk-guide-color-auto-theme)',\n /** Color for fixed-column guides */\n fixed: 'var(--bk-guide-color-fixed-theme)',\n} as const\n\n/**\n * CSS variable-based color configuration for Baseline component.\n */\nconst BASELINE_COLORS = {\n /** Color for line variant */\n line: 'var(--bk-baseline-color-line-theme)',\n /** Color for flat/block variant */\n flat: 'var(--bk-baseline-color-flat-theme)',\n} as const\n\n/**\n * CSS variable-based color configuration for Spacer component.\n */\nconst SPACER_COLORS = {\n /** Color for line-style spacers */\n line: 'var(--bk-spacer-color-line-theme)',\n /** Color for flat/block spacers */\n flat: 'var(--bk-spacer-color-flat-theme)',\n /** Color for measurement indicators */\n text: 'var(--bk-spacer-color-text-theme)',\n} as const\n\n/**\n * CSS variable-based color configuration for Box component.\n */\nconst BOX_COLORS = {\n /** Border color for debug outline */\n line: 'var(--bk-box-color-line-theme)',\n /** Background color for debug mode */\n flat: 'var(--bk-box-color-flat-theme)',\n /** Color for measurement indicators */\n text: 'var(--bk-box-color-text-theme)',\n} as const\n\n/**\n * CSS variable-based color configuration for Stack/Flex component.\n */\nconst STACK_COLORS = {\n /** Border color for debug outline */\n line: 'var(--bk-stack-color-line-theme)',\n /** Background color for debug mode */\n flat: 'var(--bk-stack-color-flat-theme)',\n /** Color for measurement indicators */\n text: 'var(--bk-stack-color-text-theme)',\n} as const\n\n/**\n * CSS variable-based color configuration for Layout component.\n */\nconst LAYOUT_COLORS = {\n /** Border color for debug outline */\n line: 'var(--bk-layout-color-line-theme)',\n /** Background color for debug mode */\n flat: 'var(--bk-layout-color-flat-theme)',\n /** Color for measurement indicators */\n text: 'var(--bk-layout-color-text-theme)',\n} as const\n\n/** CSS variable for Padder component color */\nconst PADDER_COLOR = 'var(--bk-padder-color-theme)'\n\n/**\n * Default configuration for baseline-kit.\n *\n * @remarks\n * Provides the base configuration for all components including:\n * - Base unit for spacing calculations (8px default)\n * - Default component variants\n * - Initial debugging modes\n * - Theme color assignments\n *\n * Each component section includes:\n * - Visual variant selection (where applicable)\n * - Debugging mode setting\n * - Color theme assignments\n *\n * The configuration is marked as const to ensure type safety\n * and prevent accidental modifications.\n */\nexport const DEFAULT_CONFIG: ConfigSchema = {\n /** Base unit for spacing calculations (in pixels) */\n base: 8,\n\n /** Baseline grid configuration */\n baseline: {\n variant: 'line',\n debugging: 'hidden',\n colors: BASELINE_COLORS,\n },\n\n /** Guide overlay configuration */\n guide: {\n variant: 'line',\n debugging: 'hidden',\n colors: GUIDE_COLORS,\n },\n\n /** Spacer component configuration */\n spacer: {\n variant: 'line',\n debugging: 'hidden',\n colors: SPACER_COLORS,\n },\n\n /** Box component configuration */\n box: {\n debugging: 'hidden',\n colors: BOX_COLORS,\n },\n\n /** Stack/Flex component configuration */\n stack: {\n debugging: 'hidden',\n colors: STACK_COLORS,\n },\n\n /** Layout component configuration */\n layout: {\n debugging: 'hidden',\n colors: LAYOUT_COLORS,\n },\n\n /** Padder component configuration */\n padder: {\n debugging: 'hidden',\n color: PADDER_COLOR,\n },\n} as const\n","import * as React from 'react'\nimport { BaselineVariant } from '@/components'\nimport { DEFAULT_CONFIG } from './defaults'\nimport type { GuideVariant, Variant } from '../types'\n\n/**\n * Controls component debugging visibility and behavior.\n *\n * @remarks\n * - `none`: Debug features are fully disabled\n * - `hidden`: Debug elements exist in DOM but are not visible\n * - `visible`: Debug elements are fully rendered and visible\n */\nexport type DebuggingMode = 'none' | 'hidden' | 'visible'\n\n/** Color configuration for component themes. */\ntype Colors = {\n /** Color for line-based visuals */\n line: string\n /** Color for flat surface visuals */\n flat: string\n /** Color for measurement indicators */\n text: string\n}\n\n/** Complete configuration schema for baseline-kit. */\nexport type ConfigSchema = {\n /** Base unit for spacing calculations */\n base: number\n /** Guide component configuration */\n guide: {\n variant: GuideVariant\n debugging: DebuggingMode\n colors: Record\n }\n /** Baseline component configuration */\n baseline: {\n variant: BaselineVariant\n debugging: DebuggingMode\n colors: Record\n }\n /** Stack component configuration */\n stack: {\n colors: Colors\n debugging: DebuggingMode\n }\n /** Layout component configuration */\n layout: {\n colors: Colors\n debugging: DebuggingMode\n }\n /** Spacer component configuration */\n spacer: {\n variant: Variant\n debugging: DebuggingMode\n colors: Colors\n }\n /** Box component configuration */\n box: {\n colors: Colors\n debugging: DebuggingMode\n }\n /** Padder component configuration */\n padder: {\n color: string\n debugging: DebuggingMode\n }\n}\n\n// Create the context\nconst ConfigContext = 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 = {\n children: React.ReactNode\n /** Base unit for spacing calculations */\n base?: number\n /** Baseline component overrides */\n baseline?: Partial\n /** Flex component overrides */\n stack?: Partial\n /** Layout component overrides */\n layout?: Partial\n /** Guide component overrides */\n guide?: Partial\n /** Spacer component overrides */\n spacer?: Partial\n /** Box component overrides */\n box?: Partial\n /** Padder component overrides */\n padder?: Partial\n}\n\n// Utils -----------------------------------------------------------------------\n\n/** Parameters for creating CSS variables */\ntype CSSVariablesParams = {\n /** Base unit for spacing calculations */\n base: number\n /** Baseline component configuration */\n baseline: ConfigSchema['baseline']\n /** Guide component configuration */\n guide: ConfigSchema['guide']\n /** Stack component configuration */\n stack: ConfigSchema['stack']\n /** Spacer component configuration */\n spacer: ConfigSchema['spacer']\n /** Layout component configuration */\n layout: ConfigSchema['layout']\n /** Box component configuration */\n box: ConfigSchema['box']\n /** Padder component configuration */\n padder: ConfigSchema['padder']\n}\n\n/**\n * Creates CSS variables from the configuration object.\n * These variables are used throughout the component library.\n */\nexport const createCSSVariables = (\n params: CSSVariablesParams\n): Record => {\n const { base, baseline, guide, stack, spacer, layout, box, padder } = params\n\n return {\n '--bkb': `${base}px`,\n\n // Baseline Colors\n '--bkbcl': baseline.colors.line,\n '--bkbcf': baseline.colors.flat,\n\n // Guide Colors\n '--bkgcl': guide.colors.line,\n '--bkgcp': guide.colors.pattern,\n '--bkgca': guide.colors.auto,\n '--bkgcf': guide.colors.fixed,\n\n // Spacer Colors\n '--bkscl': spacer.colors.line,\n '--bkscf': spacer.colors.flat,\n '--bksci': spacer.colors.text,\n\n // Box Colors\n '--bkxcl': box.colors.line,\n '--bkxcf': box.colors.flat,\n '--bkxci': box.colors.text,\n\n // Flex Colors\n '--bkkcl': stack.colors.line,\n '--bkkcf': stack.colors.flat,\n '--bkkci': stack.colors.text,\n\n // Layout Colors\n '--bklcl': layout.colors.line,\n '--bklcf': layout.colors.flat,\n '--bklci': layout.colors.text,\n\n // Padder Color\n '--bkpc': padder.color,\n }\n}\n\n/** Parameters for merging configuration */\ntype MergeConfigParams = {\n /** Parent configuration to extend */\n parentConfig: ConfigSchema\n /** Base unit override */\n base?: number\n /** Baseline component overrides */\n baseline?: Partial\n /** Guide component overrides */\n guide?: Partial\n /** Spacer component overrides */\n spacer?: Partial\n /** Box component overrides */\n box?: Partial\n /** Stack component overrides */\n stack?: Partial\n /** Layout component overrides */\n layout?: Partial\n /** Padder component overrides */\n padder?: Partial\n}\n\n/**\n * Merges parent config with overrides.\n * Creates a new config object without mutating the parent.\n */\nexport const mergeConfig = (params: MergeConfigParams): ConfigSchema => {\n const {\n parentConfig,\n base,\n baseline,\n guide,\n spacer,\n box,\n stack,\n layout,\n padder,\n } = params\n\n return {\n base: base ?? parentConfig.base,\n baseline: { ...parentConfig.baseline, ...baseline },\n guide: { ...parentConfig.guide, ...guide },\n spacer: { ...parentConfig.spacer, ...spacer },\n box: { ...parentConfig.box, ...box },\n stack: { ...parentConfig.stack, ...stack },\n layout: { ...parentConfig.layout, ...layout },\n padder: { ...parentConfig.padder, ...padder },\n }\n}\n\n/**\n * Configuration provider for baseline-kit components.\n *\n * @remarks\n * Config provides theme and debugging settings to all nested components.\n * It allows for:\n * - Global base unit configuration\n * - Component-specific color themes\n * - Debug mode control\n * - Visual style customization\n *\n * Configs can be nested to override settings for specific sections.\n *\n * @example\n * ```tsx\n * // Basic global configuration\n * \n * \n * \n *\n * // Component-specific overrides\n * \n * ...\n * \n *\n * // Nested configurations\n * \n *
Uses 8px base
\n * \n *
Uses 4px base
\n * \n * \n * ```\n */\nexport function Config({\n children,\n base,\n stack,\n baseline,\n guide,\n layout,\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 stack,\n layout,\n padder,\n })\n }, [parentConfig, base, baseline, guide, spacer, box, stack, layout, padder])\n\n return {children}\n}\n","/**\n * Parses a CSS unit string into its numeric value and unit.\n *\n * @param value - CSS value string to parse\n * @returns Object with value and unit, or null if parsing fails\n */\nexport 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\n/**\n * Formats a value as a valid CSS string.\n *\n * @param value - Value to format\n * @param defaultValue - Optional default if value is undefined\n * @returns Formatted CSS string\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 /** Parent element dimension for relative units */\n parentSize?: number\n /** Viewport width for vw units */\n viewportWidth?: number\n /** Viewport height for vh units */\n viewportHeight?: number\n /** Root font size for rem units */\n rootFontSize?: number\n /** Parent font size for em units */\n parentFontSize?: number\n}\n\nconst DEFAULT_CONTEXT: Required = {\n parentSize: 0,\n viewportWidth: typeof window !== 'undefined' ? window.innerWidth : 1920,\n viewportHeight: typeof window !== 'undefined' ? window.innerHeight : 1080,\n rootFontSize: 16,\n parentFontSize: 16,\n}\n\n/** Conversion factors for absolute units to pixels */\nexport const ABSOLUTE_UNIT_CONVERSIONS: Record = {\n px: 1,\n in: 96, // 1in = 96px\n cm: 37.8, // 1cm = 37.8px\n mm: 3.78, // 1mm = 3.78px\n pt: 1.33, // 1pt = 1.33px\n pc: 16, // 1pc = 16px\n}\n\n/** Supported relative CSS units */\nexport const RELATIVE_UNITS: string[] = [\n 'em',\n 'rem',\n 'vh',\n 'vw',\n 'vmin',\n 'vmax',\n '%',\n]\n\n/**\n * Converts CSS values to pixels.\n *\n * @param value - CSS value to convert\n * @param context - Optional context for relative unit conversion\n * @returns Value in pixels or null if conversion fails\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 // Handle absolute units\n if (unit in ABSOLUTE_UNIT_CONVERSIONS) {\n return num * ABSOLUTE_UNIT_CONVERSIONS[unit]\n }\n\n // Special case for auto\n if (unit === 'auto') return null\n\n // Handle relative units\n if (RELATIVE_UNITS.includes(unit)) {\n const ctx = { ...DEFAULT_CONTEXT, ...context }\n switch (unit) {\n case 'em':\n return num * ctx.parentFontSize\n case 'rem':\n return num * ctx.rootFontSize\n case 'vh':\n return (num / 100) * ctx.viewportHeight\n case 'vw':\n return (num / 100) * ctx.viewportWidth\n case 'vmin':\n return (num / 100) * Math.min(ctx.viewportWidth, ctx.viewportHeight)\n case 'vmax':\n return (num / 100) * Math.max(ctx.viewportWidth, ctx.viewportHeight)\n case '%':\n return (num / 100) * ctx.parentSize\n default:\n return null\n }\n }\n return null\n}\n","import { convertValue } from './convert'\n\n/**\n * Calculates the modulo (remainder) of a CSS value when divided by a base unit.\n *\n * @param value - Input value (number or CSS string)\n * @param base - Base unit to calculate remainder against\n * @param options - Optional calculation controls\n * @returns Remainder in pixel units (e.g., \"6px\")\n */\nexport function moduloize(\n value: number | string | undefined,\n base: number,\n options?: { round?: boolean }\n): string {\n const doRound = options?.round ?? true\n const num =\n value === undefined\n ? 0\n : typeof value === 'number'\n ? value\n : (convertValue(value) ?? 0)\n const normalized = doRound ? Math.round(num) : num\n const remainder = normalized % base\n return `${remainder}px`\n}\n\n/**\n * Constrains a number within a specified range.\n *\n * @param value - Number to clamp\n * @param min - Minimum allowed value\n * @param max - Maximum allowed value\n * @returns Clamped value\n */\nexport function clamp(value: number, min: number, max: number): number {\n return Math.min(Math.max(value, min), max)\n}\n\n/**\n * Rounds a number to specified precision.\n *\n * @param value - Number to round\n * @param precision - Decimal places (default: 0)\n * @returns Rounded number\n */\nexport function round(value: number, precision = 0): number {\n if (precision >= 0) {\n return Number(\n (Math.round(value * 10 ** precision) / 10 ** precision).toFixed(precision)\n )\n } else {\n const factor = 10 ** Math.abs(precision)\n return Math.round(value / factor) * factor\n }\n}\n\n/** Parameters for row count calculation */\ntype RowCountParams = {\n /** Available height for the container */\n height?: number\n /** Top padding/offset value */\n top: number\n /** Bottom padding/offset value */\n bottom: number\n /** Base unit for calculations */\n base: number\n}\n\n/**\n * Calculates the number of rows that fit in the available space.\n * Ensures at least one row is always returned.\n *\n * @param params - Parameters for calculation\n * @returns Number of rows that fit in the space\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 } from './convert'\nimport { clamp } from './math'\n\nexport interface NormalizationOptions {\n /** Base unit for normalization */\n base?: number\n /** Whether to round to nearest base multiple */\n round?: boolean\n /** Optional value clamping */\n clamp?: { min?: number; max?: number }\n /** Suppress warning messages */\n suppressWarnings?: boolean\n}\n\n/**\n * Normalizes CSS values to a consistent format based on base unit.\n *\n * @param value - Value to normalize\n * @param options - Normalization configuration\n * @returns Normalized numeric value\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 suppressWarnings = false,\n } = options\n\n // Handle special cases\n if (value === 'auto') return base\n\n // Convert to number\n let num: number | null = null\n if (typeof value === 'number') {\n num = value\n } else if (typeof value === 'string') {\n const conv = convertValue(value)\n if (conv === null) {\n if (!suppressWarnings) {\n console.error(\n `Failed to convert \"${value}\" to pixels. Falling back to base ${base}.`\n )\n }\n num = base\n } else {\n num = conv\n }\n }\n if (num === null) num = base\n\n // Apply normalization\n const normalized = doRound ? Math.round(num / base) * base : num\n\n // Apply clamping if needed\n const clamped =\n clampOptions !== undefined\n ? clamp(\n normalized,\n clampOptions.min ?? -Infinity,\n clampOptions.max ?? Infinity\n )\n : normalized\n\n // Warn about adjustments\n if (!suppressWarnings && clamped !== num) {\n console.warn(`Normalized ${num} to ${clamped} to match base ${base}px.`)\n }\n\n return clamped\n}\n\n/**\n * Normalizes a pair of CSS values.\n *\n * @param values - Tuple of values to normalize\n * @param defaults - Default values if input is undefined\n * @param options - Normalization options\n * @returns Tuple of normalized values\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 { Padding, PaddingValue, Spacing, SpacingProps } from '@components'\n\n/**\n * Extract numeric top, right, bottom, left (in px) from `padding` or `block/inline`.\n * @param spacing - The props which may include padding, block, inline\n * @returns { top, right, bottom, left } with 0 defaults\n *\n * Priority (if padding is defined, it overrides block/inline):\n * - If `padding` is present, parse it fully (4 edges).\n * - Otherwise, parse `block` for top/bottom and `inline` for left/right.\n */\nexport function parsePadding(spacing: SpacingProps): Padding {\n if ('padding' in spacing && spacing.padding != null) {\n return parsePaddingValue(spacing.padding)\n }\n\n // Otherwise, parse block/inline separately\n const blockEdges =\n 'block' in spacing && spacing.block != null\n ? parseBlock(spacing.block)\n : { top: 0, bottom: 0 }\n const inlineEdges =\n 'inline' in spacing && spacing.inline != null\n ? parseInline(spacing.inline)\n : { left: 0, right: 0 }\n\n // Merge partial edges\n return {\n top: blockEdges.top,\n right: inlineEdges.right,\n bottom: blockEdges.bottom,\n left: inlineEdges.left,\n }\n}\n\n/**\n * Parses `padding` of various shapes to { top, right, bottom, left } in px.\n *\n * @param padding - number | [block, inline] | [top, right, bottom, left] | { start?: number; end?: number; left?: number; right?: number }\n */\nfunction parsePaddingValue(padding: PaddingValue): Padding {\n if (typeof padding === 'number') {\n return { top: padding, right: padding, bottom: padding, left: padding }\n }\n\n if (Array.isArray(padding)) {\n if (padding.length === 2) {\n const [block, inline] = padding\n return { top: block, right: inline, bottom: block, left: inline }\n }\n if (padding.length >= 4) {\n const [top, right, bottom, left] = padding\n return {\n top: top ?? 0,\n right: right ?? 0,\n bottom: bottom ?? 0,\n left: left ?? 0,\n }\n }\n }\n\n if (typeof padding === 'object' && !Array.isArray(padding)) {\n // possible keys: top, bottom, left, right, start, end\n // interpret start => top, end => bottom if you prefer\n const top = padding.top ?? 0\n const bottom = padding.bottom ?? 0\n const left = padding.left ?? 0\n const right = padding.right ?? 0\n return { top, right, bottom, left }\n }\n\n // fallback\n return { top: 0, right: 0, bottom: 0, left: 0 }\n}\n\n/**\n * Parses `block` of various shapes to { top, bottom } in px.\n * @param block - number | [top, bottom] | { start?: number; end?: number }\n */\nfunction parseBlock(block: Spacing): Pick {\n if (typeof block === 'number') {\n return { top: block, bottom: block }\n }\n\n // [top, bottom]\n if (Array.isArray(block)) {\n const [top, bottom] = block\n return {\n top: top ?? 0,\n bottom: bottom ?? 0,\n }\n }\n\n // object { start, end }\n if (typeof block === 'object') {\n return {\n top: block.start ?? 0,\n bottom: block.end ?? 0,\n }\n }\n\n return { top: 0, bottom: 0 }\n}\n\n/**\n * Parses `inline` of various shapes to { left, right } in px.\n * @param inline - number | [left, right] | { start?: number; end?: number }\n */\nfunction parseInline(inline: Spacing): Pick {\n if (typeof inline === 'number') {\n return { left: inline, right: inline }\n }\n\n if (Array.isArray(inline)) {\n const [left, right] = inline\n return {\n left: left ?? 0,\n right: right ?? 0,\n }\n }\n\n if (typeof inline === 'object') {\n return {\n left: inline.start ?? 0,\n right: inline.end ?? 0,\n }\n }\n\n return { left: 0, right: 0 }\n}\n","import { SnappingMode, Padding, PaddingValue } from '@components'\nimport { parsePadding } from '@/utils/padding'\n\n/**\n * Calculates spacing adjustments to maintain baseline grid alignment.\n *\n * @remarks\n * Provides different snapping behaviors:\n * - none: No adjustments\n * - height: Adjusts bottom padding only\n * - clamp: Adjusts both top and bottom padding\n *\n * @param height - Measured element height\n * @param base - Grid base unit\n * @param initial - Initial spacing values\n * @param snapping - Snapping mode to apply\n * @returns Adjusted spacing values\n *\n * @example\n * ```ts\n * // Height snapping mode\n * calculateSnappedSpacing(46, 8, { top: 10, bottom: 10 }, 'height')\n * // => { top: 10, right: 0, bottom: 12, left: 0 }\n *\n * // Clamp mode\n * calculateSnappedSpacing(45, 8, { top: 10, bottom: 6 }, 'clamp')\n * // => { top: 2, right: 0, bottom: 1, left: 0 }\n * ```\n */\nexport function calculateSnappedSpacing(\n height: number,\n base: number,\n initial: PaddingValue,\n snapping: SnappingMode\n): Padding {\n const pad: Padding = parsePadding({ padding: initial })\n\n if (snapping === 'none') {\n return pad\n }\n\n if (snapping === 'height') {\n const remainder = height % base\n if (remainder !== 0) {\n pad.bottom += base - remainder\n }\n }\n\n if (snapping === 'clamp') {\n pad.top = pad.top % base\n const remainder = height % base\n if (remainder !== 0) {\n pad.bottom += base - remainder\n }\n pad.bottom = pad.bottom % base\n }\n\n return pad\n}\n","/**\n * @file grid.ts\n * @description Grid layout utilities\n * @module utils\n */\n\nimport * as React from 'react'\n\n/**\n * Creates grid span styles based on span props.\n * Handles both combined span and individual col/row span values.\n *\n * @param span - Optional equal span for both rows and columns\n * @param colSpan - Optional column span value\n * @param rowSpan - Optional row span value\n * @returns CSS properties object with grid span values\n *\n * @example\n * ```ts\n * createGridSpanStyles(2) // => { gridColumn: \"span 2\", gridRow: \"span 2\" }\n * createGridSpanStyles(undefined, 3, 2) // => { gridColumn: \"span 3\", gridRow: \"span 2\" }\n * ```\n */\nexport const createGridSpanStyles = (\n span?: number,\n colSpan?: number,\n rowSpan?: number\n): React.CSSProperties => {\n const gridStyles: React.CSSProperties = {}\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 * as React from 'react'\n\n/**\n * Combines class names, filtering out falsy values.\n *\n * @remarks\n * - Filters out false, null, undefined\n * - Trims whitespace\n * - Preserves order of classes\n *\n * @param classes - Array of potential class names\n * @returns Combined class string\n *\n * @example\n * ```ts\n * mergeClasses('btn', isActive && 'active', undefined)\n * // => \"btn active\"\n * ```\n */\nexport const mergeClasses = (\n ...classes: Array\n): string => classes.filter(Boolean).join(' ').trim()\n\n/**\n * Combines multiple style objects with type safety.\n *\n * @remarks\n * - Preserves type information\n * - Handles undefined values\n * - Merges deeply nested styles\n *\n * @param styles - Array of style objects\n * @returns Combined style object\n *\n * @example\n * ```ts\n * mergeStyles(\n * { color: 'red' },\n * isLarge && { fontSize: '2em' },\n * customStyles\n * )\n * ```\n */\nexport const mergeStyles = (\n ...styles: Array\n): T =>\n Object.assign(\n {},\n ...styles.filter((style): style is T => style !== undefined)\n )\n\n/**\n * Assigns a value to a React ref.\n */\nfunction assignRef(\n ref: React.Ref | null | undefined,\n node: T | null\n): void {\n if (!ref) return\n if (typeof ref === 'function') {\n ref(node)\n } else {\n try {\n Object.assign(ref, { current: node })\n } catch (error) {\n console.error('Error assigning ref:', error)\n }\n }\n}\n\n/**\n * Merges multiple React refs into a single callback ref.\n *\n * @remarks\n * Handles:\n * - Function refs\n * - Object refs\n * - Undefined/null refs\n *\n * @param refs - Array of refs to merge\n * @returns Combined ref callback\n *\n * @example\n * ```tsx\n * const Component = React.forwardRef((props, ref) => {\n * const localRef = useRef(null);\n * const combinedRef = mergeRefs(ref, localRef);\n *\n * return
;\n * });\n * ```\n */\nexport function mergeRefs(\n ...refs: Array | null | undefined>\n): React.RefCallback {\n return (node: T | null) => {\n refs.forEach((ref) => {\n assignRef(ref, node)\n })\n }\n}\n\n/**\n * Parameters for creating a style override\n */\nexport type StyleOverrideParams = {\n /** CSS variable key to potentially override */\n key: string\n /** Value to use if override is needed */\n value: string\n /** Default styles to compare against */\n defaultStyles: Record\n /** Special case dimensions that should be skipped for specific values */\n skipDimensions?: {\n /** Dimensions that should be skipped when they're set to \"fit-content\" */\n fitContent?: string[]\n /** Dimensions that should be skipped when they're set to \"auto\" */\n auto?: string[]\n /** Dimensions that should be skipped when they're set to % values (like \"100%\") */\n fullSize?: string[]\n }\n}\n\n/**\n * Creates style overrides for CSS variables, conditionally based on comparison to defaults.\n * Only applies overrides when the value differs from the default, optimizing style objects.\n *\n * @param params - Style override parameters or individual arguments\n * @param value\n * @param defaultStyles\n * @returns Style object with override (if needed)\n *\n * @example\n * ```ts\n * // Object parameter style:\n * createStyleOverride({\n * key: '--color',\n * value: 'red',\n * defaultStyles: { '--color': 'blue' }\n * })\n * // => { '--color': 'red' }\n *\n * // With dimension skipping:\n * createStyleOverride({\n * key: '--width',\n * value: 'fit-content',\n * defaultStyles: { '--width': 'auto' },\n * skipDimensions: { fitContent: ['--width', '--height'] }\n * })\n * // => {}\n *\n * // Legacy style with separate arguments:\n * createStyleOverride('--color', 'red', { '--color': 'blue' })\n * // => { '--color': 'red' }\n * ```\n */\nexport function createStyleOverride(\n params: StyleOverrideParams | string,\n value?: string,\n defaultStyles?: Record\n): Record {\n // Handle both object parameter and individual arguments for backward compatibility\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 // Skip dimensions based on specific values\n if (skipDimensions) {\n // Skip 'fit-content' dimensions (Box, Spacer patterns)\n if (skipDimensions.fitContent?.includes(key) && val === 'fit-content') {\n return {}\n }\n\n // Skip 'auto' dimensions (Stack, Layout patterns)\n if (skipDimensions.auto?.includes(key) && val === 'auto') {\n return {}\n }\n\n // Skip '100%' or '100vh/vw' dimensions (Guide, some Spacer patterns)\n if (\n skipDimensions.fullSize?.includes(key) &&\n (val === '100%' || val === '100vh' || val === '100vw')\n ) {\n return {}\n }\n }\n\n // Only apply override if value differs from default\n return val !== defaults[key] ? { [key]: val } : {}\n}\n","/**\n * Creates a debounced version of a function.\n *\n * @remarks\n * Useful for:\n * - Handling rapid event sequences\n * - Limiting API calls\n * - Performance optimization\n *\n * @param fn - Function to debounce\n * @param delay - Delay in milliseconds\n * @returns Debounced function\n *\n * @example\n * ```ts\n * const handleResize = debounce(() => {\n * // Expensive calculation\n * }, 100);\n *\n * window.addEventListener('resize', handleResize);\n * ```\n */\nexport const debounce = void>(\n fn: T,\n delay: number\n): [T, () => void] => {\n let timer: ReturnType | 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\n/**\n * Creates a requestAnimationFrame-based throttled function.\n *\n * @remarks\n * Optimizes performance by:\n * - Limiting execution to animation frames\n * - Preventing rapid-fire calls\n * - Maintaining visual smoothness\n *\n * @param fn - Function to throttle\n * @returns RAF-throttled function\n *\n * @example\n * ```ts\n * const updateScroll = rafThrottle(() => {\n * // Update scroll position\n * });\n *\n * document.addEventListener('scroll', updateScroll);\n * ```\n */\nexport const rafThrottle = void>(fn: T): T => {\n let rafId: number | null = null\n let lastArgs: Parameters | null = null\n\n const throttled = (...args: Parameters) => {\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\n}\n","import { useEffect, useState } from 'react'\n\n/**\n * Hook to determine if the code is running on the client side.\n *\n * @returns Boolean indicating if the code is running in a browser environment\n */\nexport function useIsClient() {\n // Start with false for SSR\n const [isClient, setIsClient] = useState(false)\n\n // Only run once on mount\n useEffect(() => {\n setIsClient(true)\n }, [])\n\n return isClient\n}\n","/**\n * SSR (Server-Side Rendering) utility functions for baseline-kit.\n */\nimport * as React from 'react'\nimport { useIsClient } from '../hooks/useIsClient'\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 * @param clientFn Function that uses window/browser APIs\n * @param fallback Fallback value to use in SSR environment\n * @returns Result of clientFn in browser, fallback in SSR\n */\nexport function safeClientValue(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 * @param isHydrated Boolean indicating if component is hydrated\n * @param ssrValue Value to use during SSR/initial render\n * @param dynamicValue Value to use after hydration\n */\nexport function hydratedValue(\n isHydrated: boolean,\n ssrValue: T,\n dynamicValue: T\n): T {\n return !isHydrated || isSSR ? ssrValue : dynamicValue\n}\n\n/**\n * ClientOnly component props\n * @internal\n */\ninterface ClientOnlyProps {\n /**\n * Content to render when on the client-side\n */\n children: React.ReactNode\n /**\n * Optional fallback to show during SSR\n */\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'\nimport { rafThrottle } from '@utils'\n\nexport interface MeasureResult {\n /** Measured width in pixels */\n width: number\n /** Measured height in pixels */\n height: number\n /** Function to force a remeasurement */\n refresh: () => void\n}\n\n/**\n * Hook for measuring and tracking DOM element dimensions.\n *\n * Provides responsive element measurements using ResizeObserver,\n * with performance optimization (via RAF throttling), error handling,\n * and a manual refresh method.\n *\n * @param ref - Reference to the DOM element to measure\n * @returns Current dimensions and refresh function\n *\n * @example\n * ```tsx\n * function ResponsiveBox() {\n * const ref = React.useRef(null);\n * const { width, height, refresh } = useMeasure(ref);\n *\n * return (\n *
\n * Width: {width}px, Height: {height}px\n * \n *
\n * );\n * }\n * ```\n */\nexport function useMeasure(\n ref: React.RefObject\n): MeasureResult {\n const [dimensions, setDimensions] = React.useState({ width: 0, height: 0 })\n\n // measure() reads getBoundingClientRect() from ref.current\n const measure = React.useCallback(() => {\n if (!ref.current) return\n try {\n const rect = ref.current.getBoundingClientRect()\n const next = {\n width: rect ? Math.round(rect.width) : 0,\n height: rect ? Math.round(rect.height) : 0,\n }\n setDimensions((prev) =>\n prev.width === next.width && prev.height === next.height ? prev : next\n )\n } catch {\n setDimensions({ width: 0, height: 0 })\n }\n }, [ref])\n\n // Create a throttled version of measure using RAF.\n const refresh = React.useMemo(() => rafThrottle(measure), [measure])\n\n // On mount (or when ref changes) perform an immediate measurement.\n React.useLayoutEffect(() => {\n if (typeof window === 'undefined') return\n measure()\n }, [measure])\n\n // Set up a ResizeObserver on mount.\n React.useLayoutEffect(() => {\n if (typeof window === 'undefined' || !ref.current) return\n const observer = new ResizeObserver(() => {\n refresh()\n })\n observer.observe(ref.current)\n return () => {\n observer.disconnect()\n }\n }, [ref, refresh])\n\n return { ...dimensions, refresh }\n}\n","import {\n RefObject,\n useCallback,\n useLayoutEffect,\n useMemo,\n useState,\n} from 'react'\nimport { rafThrottle } from '@utils'\n\ntype VirtualResult = {\n /** Total number of items/lines to virtualize */\n totalLines: number\n /** Height of each item in pixels */\n lineHeight: number\n /** Reference to the scrollable container */\n containerRef: RefObject\n /** Additional items to render above/below viewport */\n buffer?: number | string\n}\n\n/**\n * Hook for optimizing large lists through virtual scrolling.\n *\n * @remarks\n * This hook helps manage virtual scrolling by:\n * - Calculating visible item ranges\n * - Handling scroll events efficiently\n * - Managing buffer zones for smooth scrolling\n * - Supporting dynamic container sizes\n *\n * Performance optimizations:\n * - RAF-based scroll handling\n * - Intersection Observer for visibility\n * - Buffer zones to prevent flicker\n * - Efficient range calculations\n *\n * @param options - Virtual scrolling configuration\n * @returns Object containing start and end indices of visible items\n *\n * @example\n * ```tsx\n * function VirtualList() {\n * const containerRef = useRef(null);\n * const { start, end } = useVirtual({\n * totalLines: 1000,\n * lineHeight: 30,\n * containerRef,\n * buffer: 5\n * });\n *\n * return (\n *
\n *
\n * {items.slice(start, end).map(item => (\n *
\n * {item.content}\n *
\n * ))}\n *
\n *
\n * );\n * }\n * ```\n */\nexport function useVirtual({\n totalLines,\n lineHeight,\n containerRef,\n buffer = 0,\n}: VirtualResult) {\n // Convert buffer to numeric value\n const numericBuffer = useMemo(\n () => (typeof buffer === 'number' ? buffer : parseInt(buffer, 10) || 0),\n [buffer]\n )\n\n /**\n * Calculates the visible range of items based on scroll position\n * and viewport dimensions.\n */\n const calculateRange = useCallback(() => {\n const element = containerRef.current\n if (!element) return { start: 0, end: totalLines }\n\n // Show all lines if container is inside .content-block\n if (element.closest('.block')) {\n return { start: 0, end: totalLines }\n }\n\n // Calculate visible range\n const rect = element.getBoundingClientRect()\n const offsetTop = rect.top + window.scrollY\n const viewportTop = Math.max(0, window.scrollY - offsetTop - numericBuffer)\n const viewportBottom = viewportTop + window.innerHeight + numericBuffer * 2\n\n const start = Math.max(0, Math.floor(viewportTop / lineHeight))\n const end = Math.min(totalLines, Math.ceil(viewportBottom / lineHeight))\n\n return { start, end }\n }, [totalLines, lineHeight, containerRef, numericBuffer])\n\n const [visibleRange, setVisibleRange] = useState(calculateRange)\n\n // Subscribe to window events using our helper\n useWindowEvents(['scroll', 'resize'], () => {\n updateRangeThrottled()\n })\n\n // Throttle updates for performance\n const updateRange = useCallback(() => {\n setVisibleRange((prev) => {\n const next = calculateRange()\n return prev.start !== next.start || prev.end !== next.end ? next : prev\n })\n }, [calculateRange])\n\n const updateRangeThrottled = useMemo(\n () => rafThrottle(updateRange),\n [updateRange]\n )\n\n useLayoutEffect(() => {\n const element = containerRef.current\n if (!element) return\n\n // Use IntersectionObserver for visibility tracking\n const observer = new IntersectionObserver(updateRangeThrottled, {\n threshold: 0,\n })\n observer.observe(element)\n updateRangeThrottled()\n\n return () => {\n observer.disconnect()\n }\n }, [containerRef, calculateRange, updateRangeThrottled])\n\n return visibleRange\n}\n\n/** Helper hook to manage multiple window event listeners. */\nfunction useWindowEvents(events: string[], handler: () => void) {\n const stableHandler = useCallback(handler, [handler])\n\n useLayoutEffect(() => {\n const wrappedHandler = () => stableHandler()\n events.forEach((evt) => window.addEventListener(evt, wrappedHandler))\n return () =>\n events.forEach((evt) => window.removeEventListener(evt, wrappedHandler))\n }, [events, stableHandler])\n}\n","import * as React from 'react'\nimport { useMeasure } from './useMeasure'\nimport { calculateSnappedSpacing } from '@utils'\nimport type { SnappingMode, Padding } from '@components'\nimport { parsePadding } from '@utils'\n\nexport interface BaselineOptions {\n /* Base unit for alignment (default 8). */\n base?: number\n /** Snapping strategy: 'none' | 'height' | 'clamp'. */\n snapping?: SnappingMode\n /** Initial padding config. e.g. { top: 10, bottom: 20 } or just 8, etc. */\n spacing?: Partial | number\n /** Whether to warn in the console if the measured height is not a multiple of base. */\n warnOnMisalignment?: boolean\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 * @remarks\n * This hook handles the complex calculations needed to maintain baseline grid\n * alignment, including:\n * ▪\tMeasuring element dimensions\n * ▪\tCalculating padding adjustments\n * ▪\tPotentially snapping values to ensure multiples of the base\n * ▪\tWarning about misalignments in development\n *\n * Different snapping modes affect how spacing is adjusted:\n * ▪\t'none': Uses raw spacing values without adjustment\n * ▪\t'height': Adjusts only the final (bottom) padding to align\n * ▪\t'clamp': Adjusts top and bottom to align\n *\n * @param ref Reference to the DOM element\n * @param options Configuration options for alignment behavior\n * @returns Object with adjusted padding, alignment status, and height\n *\n * @example\n * ```tsx\n * export function MyComponent() {\n * const ref = useRef(null)\n * const { padding } = useBaseline(ref, {\n * base: 8,\n * snapping: 'height',\n * spacing: {\n * top: 16,\n * bottom: 16\n * }\n * }}\n * >\n * Content\n *
\n * )\n * }\n */\nexport function useBaseline(\n ref: React.RefObject,\n {\n base = 8,\n snapping = 'none',\n spacing = {},\n warnOnMisalignment = false,\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 // Track whether we've already snapped once for this component.\n const didSnapRef = React.useRef(false)\n const hasWarnedRef = React.useRef(false)\n\n return React.useMemo(() => {\n // Convert the spacing prop into { top, right, bottom, left } numeric values.\n const initialPadding = parsePadding({ padding: spacing })\n const isAligned = height % base === 0\n\n // Log the warning only once\n if (\n !isAligned &&\n warnOnMisalignment &&\n process.env.NODE_ENV === 'development'\n ) {\n if (!hasWarnedRef.current) {\n console.warn(\n `[useBaseline] Element height (${height}px) is not aligned with base (${base}px).`\n )\n hasWarnedRef.current = true // Mark warning as logged\n }\n }\n\n // If snapping is disabled, just return the original padding.\n if (snapping === 'none') {\n return { padding: initialPadding, isAligned, height }\n }\n\n // If we've already snapped once, just reuse the original (or store the\n // snapped result in a ref if you prefer).\n if (didSnapRef.current) {\n return { padding: initialPadding, isAligned, height }\n }\n\n // Snap exactly once.\n const finalPadding = calculateSnappedSpacing(\n height,\n base,\n initialPadding,\n snapping\n )\n didSnapRef.current = true\n\n return { padding: finalPadding, isAligned, height }\n }, [base, snapping, spacing, warnOnMisalignment, height])\n}\n","import * as React from 'react'\nimport { useConfig, useDebug } from '@hooks'\nimport {\n mergeStyles,\n mergeClasses,\n formatValue,\n normalizeValuePair,\n createStyleOverride,\n hydratedValue,\n} from '@utils'\nimport { ComponentsProps, Variant } from '../types'\nimport styles from './styles.module.css'\n\n// Type Definitions ------------------------------------------------------------\n\nexport type IndicatorNode = (\n value: number,\n type: 'width' | 'height'\n) => React.ReactNode\n\nexport type SpacerProps = {\n /** Explicit width (takes precedence over block) */\n width?: React.CSSProperties['width']\n /** Explicit height (takes precedence over block) */\n height?: React.CSSProperties['height']\n /** Visual style in debug mode */\n variant?: Variant\n /** Color to use for debug visuals (overrides theme) */\n color?: string\n /** Base unit for measurements (defaults to theme value) */\n base?: number\n /** Custom content to render (for debugging info) */\n children?: React.ReactNode\n /** Custom indicator node rendering function */\n indicatorNode?: IndicatorNode\n /** Flag to enable SSR-compatible mode (simplified initial render) */\n ssrMode?: boolean\n} & ComponentsProps\n\n// Utils -----------------------------------------------------------------------\n\n/** Creates default spacer styles */\nconst createDefaultSpacerStyles = (\n base: number,\n textColor: string,\n flatColor: string,\n lineColor: string\n): Record => ({\n '--bksw': '100%',\n '--bksh': '100%',\n '--bksb': `${base}px`,\n '--bksct': textColor,\n '--bkscf': flatColor,\n '--bkscl': lineColor,\n})\n\n/** Generates measurement indicators for debugging */\nconst generateMeasurements = (\n isShown: boolean,\n indicatorNode: SpacerProps['indicatorNode'],\n normWidth: number | string,\n normHeight: number | string\n): React.ReactNode | null => {\n if (!isShown || !indicatorNode) return null\n\n const width = typeof normWidth === 'number' ? normWidth : 0\n const height = typeof normHeight === 'number' ? normHeight : 0\n\n return (\n <>\n {height !== 0 && (\n {indicatorNode(height, 'height')}\n )}\n {width !== 0 && {indicatorNode(width, 'width')}}\n \n )\n}\n\n/**\n * Creates empty space for implementing margins, gaps, and spacing.\n *\n * @remarks\n * - Flexible sizing: Set width and height directly\n * - Normalized values: All inputs convert to base unit multiples\n * - Debug visuals: Shows spacing measurements with theming\n * - Automatic: Empty in production, visible in debug mode\n *\n * @example\n * ```tsx\n * // Fixed size spacer\n * \n *\n * // Percentage-based spacer with debug hints\n * \n *\n * // Full-width spacer\n * \n * ```\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(null)\n const config = useConfig('spacer')\n\n const { isShown } = useDebug(debuggingProp, config.debugging)\n const variant = variantProp ?? config.variant\n const base = baseProp ?? config.base\n\n // Add hydration state tracking\n const [isHydrated, setIsHydrated] = React.useState(false)\n\n React.useEffect(() => {\n setIsHydrated(true)\n }, [])\n\n const [normWidth, normHeight] = React.useMemo(() => {\n return normalizeValuePair([widthProp, heightProp], [0, 0], {\n base,\n suppressWarnings: true,\n })\n }, [widthProp, heightProp, base])\n\n // Ensure stable rendering for measurements during SSR\n const shouldShowMeasurements = hydratedValue(\n isHydrated && !ssrMode,\n false, // Don't show measurements during SSR\n isShown && indicatorNode !== undefined\n )\n\n // Only generate measurements after hydration\n const measurements = React.useMemo(() => {\n if (!shouldShowMeasurements) {\n return null\n }\n\n return generateMeasurements(isShown, indicatorNode, normWidth, normHeight)\n }, [shouldShowMeasurements, isShown, indicatorNode, normWidth, normHeight])\n\n const defaultStyles = React.useMemo(\n () =>\n createDefaultSpacerStyles(\n base,\n config.colors.text,\n config.colors.flat,\n config.colors.line\n ),\n [base, config.colors]\n )\n\n const baseStyles = React.useMemo(() => {\n const heightValue = formatValue(normHeight || '100%')\n const widthValue = formatValue(normWidth || '100%')\n const baseValue = `${base}px`\n\n // Define dimensions that should be skipped when set to 100%\n const dimensionVars = ['--bksw', '--bksh']\n\n const customStyles = {\n ...createStyleOverride({\n key: '--bksh',\n value: heightValue,\n defaultStyles,\n skipDimensions: { fullSize: dimensionVars },\n }),\n ...createStyleOverride({\n key: '--bksw',\n value: widthValue,\n defaultStyles,\n skipDimensions: { fullSize: dimensionVars },\n }),\n // Explicitly set --bksb to ensure it is always applied\n '--bksb': baseValue,\n ...createStyleOverride({\n key: '--bksct',\n value: colorProp ?? config.colors.text,\n defaultStyles,\n }),\n ...createStyleOverride({\n key: '--bkscl',\n value: colorProp ?? config.colors.line,\n defaultStyles,\n }),\n ...createStyleOverride({\n key: '--bkscf',\n value: colorProp ?? config.colors.flat,\n defaultStyles,\n }),\n } as React.CSSProperties\n\n return mergeStyles(customStyles, style)\n }, [\n normWidth,\n normHeight,\n colorProp,\n base,\n config.colors,\n defaultStyles,\n style,\n ])\n\n return (\n \n {measurements}\n {children}\n \n )\n})\n","import * as React from 'react'\nimport { useConfig, useDebug, useBaseline } from '@hooks'\nimport {\n mergeClasses,\n mergeStyles,\n parsePadding,\n mergeRefs,\n formatValue,\n hydratedValue,\n} from '@utils'\nimport { ComponentsProps, Variant } from '../types'\nimport { Spacer, IndicatorNode } from '../Spacer'\nimport { DebuggingMode } from '@/components'\nimport styles from './styles.module.css'\n\ntype RenderSpacerFn = (\n width: React.CSSProperties['width'],\n height: React.CSSProperties['height']\n) => React.ReactNode\n\ntype PaddingStyles = {\n paddingBlock?: string\n paddingInline?: string\n [key: string]: string | undefined\n}\n\nexport type PadderProps = {\n /** Render function for custom measurement indicators */\n indicatorNode?: IndicatorNode\n /** Flag to enable SSR-compatible mode (simplified initial render) */\n ssrMode?: boolean\n children?: React.ReactNode\n} & ComponentsProps\n\n/** Creates default container styles for Padder */\nconst createPadderContainerStyles = (\n width: React.CSSProperties['width'],\n height: React.CSSProperties['height'],\n base: number,\n color: string\n): Record => {\n const stylesObj: Record = {}\n\n // Only inject width/height if they differ from defaults\n if (width !== 'fit-content') {\n stylesObj['--bkpw'] = formatValue(width || 'fit-content')\n }\n if (height !== 'fit-content') {\n stylesObj['--bkph'] = formatValue(height || 'fit-content')\n }\n\n // Always set base and color\n stylesObj['--bkpb'] = `${base}px`\n stylesObj['--bkpc'] = color\n\n return stylesObj\n}\n\n/** Creates direct padding styles when spacers are disabled */\nconst createDirectPaddingStyles = (\n enableSpacers: boolean,\n padding: {\n top: number\n right: number\n bottom: number\n left: number\n }\n): PaddingStyles => {\n const { top, right, bottom, left } = padding\n const stylesObj: PaddingStyles = {}\n\n // When spacers are disabled (i.e. debugging === \"none\"), add direct padding styles\n if (!enableSpacers) {\n if (top > 0 || bottom > 0) {\n stylesObj.paddingBlock = `${top}px ${bottom}px`\n }\n if (left > 0 || right > 0) {\n stylesObj.paddingInline = `${left}px ${right}px`\n }\n }\n\n return stylesObj\n}\n\n/** Creates a render function for spacers */\nconst createRenderSpacerFn = (\n variant: Variant | undefined,\n debugging: DebuggingMode | undefined,\n indicatorNode?: IndicatorNode\n): RenderSpacerFn => {\n // Default to 'line' if variant is undefined\n const safeVariant = variant || 'line'\n // Default to 'none' if debugging is undefined\n const safeDebugging = debugging || 'none'\n\n const SpacerElement = (\n widthVal: React.CSSProperties['width'],\n heightVal: React.CSSProperties['height']\n ) => (\n \n )\n\n // Add display name to satisfy linter\n SpacerElement.displayName = 'PadderSpacer'\n\n return SpacerElement\n}\n\n/**\n * A foundational component that manages consistent padding with visual debugging.\n *\n * @remarks\n * Padder is a low-level utility that:\n * - Applies consistent padding around content\n * - Supports visual debugging of spacing\n * - Maintains baseline grid alignment\n * - Uses Spacer components for visual padding representation\n *\n * When debugging is enabled (`\"visible\"` or `\"hidden\"`), padding is represented\n * using Spacer components. When debugging is `\"none\"`, direct CSS padding is\n * applied for better performance.\n *\n * @example\n * ```tsx\n * // Basic usage\n * \n *
Content with consistent padding
\n * \n *\n * // With debug visuals and custom indicators\n * (\n * {dim}: {value}px\n * )}\n * >\n *
Content with visible padding guides
\n * \n *\n * // Direct padding mode\n * \n *
Content with direct CSS padding
\n * \n * ```\n */\nexport const Padder = React.memo(\n React.forwardRef(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 // Add hydration state tracking\n const [isHydrated, setIsHydrated] = React.useState(false)\n\n React.useEffect(() => {\n setIsHydrated(true)\n }, [])\n\n const internalRef = React.useRef(null)\n\n // Get padding calculation from useBaseline\n const baselinePadding = useBaseline(internalRef, {\n base: config.base,\n snapping: 'height',\n spacing: initialPadding,\n warnOnMisalignment: !isNone,\n })\n\n // Create stable initial padding for SSR\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\n // Use stable padding during SSR and initial render, then switch to dynamic padding\n const { padding } = hydratedValue(\n isHydrated && !ssrMode,\n stablePadding,\n baselinePadding\n )\n\n const setRefs = mergeRefs(ref, internalRef)\n\n const containerStyles = React.useMemo(() => {\n const baseStyles = createPadderContainerStyles(\n width,\n height,\n config.base,\n config.color\n )\n\n const paddingStyles = createDirectPaddingStyles(enableSpacers, {\n top: padding.top,\n right: padding.right,\n bottom: padding.bottom,\n left: padding.left,\n })\n\n return mergeStyles(\n { ...baseStyles, ...paddingStyles } as React.CSSProperties,\n style\n )\n }, [\n width,\n height,\n config.base,\n config.color,\n enableSpacers,\n padding.top,\n padding.right,\n padding.bottom,\n padding.left,\n style,\n ])\n\n const renderSpacer = React.useMemo(\n () => createRenderSpacerFn(variant, debugging, indicatorNode),\n [variant, debugging, indicatorNode]\n )\n\n // When debugging is \"none\", simply return a container with direct CSS padding\n // and no additional grid/Spacer elements.\n if (!enableSpacers) {\n return (\n \n {children}\n \n )\n }\n\n // When debugging is enabled, use a grid structure with wrapping spacer elements.\n return (\n \n <>\n {/* Top spacer - spans full width */}\n {padding.top >= 0 && (\n
\n {renderSpacer('100%', padding.top)}\n
\n )}\n\n {/* Left spacer */}\n {padding.left >= 0 && (\n
\n {renderSpacer(padding.left, '100%')}\n
\n )}\n \n\n {/* Main content - centered in grid */}\n
{children}
\n\n <>\n {/* Right spacer */}\n {padding.right >= 0 && (\n
\n {renderSpacer(padding.right, '100%')}\n
\n )}\n\n {/* Bottom spacer - spans full width */}\n {padding.bottom >= 0 && (\n
\n {renderSpacer('100%', padding.bottom)}\n
\n )}\n \n \n )\n })\n)\n","import * as React from 'react'\nimport type { Gaps } from '@components'\nimport { useConfig, useDebug, useBaseline } from '@hooks'\nimport {\n mergeStyles,\n mergeClasses,\n parsePadding,\n formatValue,\n createStyleOverride,\n hydratedValue,\n} from '@utils'\nimport { Config } from '../Config'\nimport { Padder } from '../Padder'\nimport { Spacer } from '../Spacer'\nimport { ComponentsProps, Variant } from '../types'\nimport styles from './styles.module.css'\n\n// Import the IndicatorNode type from Spacer props\ntype IndicatorNode = NonNullable<\n React.ComponentProps['indicatorNode']\n>\n\nexport type LayoutProps = {\n /**\n * Grid column definition. Supports:\n * - Number: Equal columns (3 → repeat(3, 1fr))\n * - String: Raw template (\"1fr auto 200px\")\n * - Array: Mixed values ([100, '1fr'] → \"100px 1fr\")\n */\n columns?: number | string | Array\n /** Grid row definition (same format as columns) */\n rows?: number | string | Array\n /** Controls item alignment along column axis */\n justifyItems?: React.CSSProperties['justifyItems']\n /** Controls item alignment along row axis */\n alignItems?: React.CSSProperties['alignItems']\n /** Controls content distribution along row axis */\n justifyContent?: React.CSSProperties['justifyContent']\n /** Controls content distribution along column axis */\n alignContent?: React.CSSProperties['alignContent']\n /** Custom measurement indicator renderer */\n indicatorNode?: IndicatorNode\n /** Visual style in debug mode */\n variant?: Variant\n /** Flag to enable SSR-compatible mode (simplified initial render) */\n ssrMode?: boolean\n /** Container width (defaults to \"auto\") */\n width?: React.CSSProperties['width']\n /** Container height (defaults to \"auto\") */\n height?: React.CSSProperties['height']\n children?: React.ReactNode\n} & ComponentsProps &\n Gaps\n\n/** Creates default layout styles with theme colors */\nconst createDefaultLayoutStyles = (colors: {\n line: string\n flat: string\n text: string\n}): Record => ({\n '--bklw': 'auto',\n '--bklh': 'auto',\n '--bklcl': colors.line,\n '--bklcf': colors.flat,\n '--bklci': colors.text,\n})\n\n/** Parses grid template definitions into CSS grid-template values. */\nconst getGridTemplate = (\n prop?: number | string | Array\n): string => {\n if (typeof prop === 'number') return `repeat(${prop}, 1fr)`\n if (typeof prop === 'string') return prop\n if (Array.isArray(prop)) {\n return prop.map((p) => (typeof p === 'number' ? `${p}px` : p)).join(' ')\n }\n return 'repeat(auto-fill, minmax(100px, 1fr))'\n}\n\n/** Creates grid gap styles */\nconst createGridGapStyles = (\n gap?: React.CSSProperties['gap'] | number,\n rowGap?: React.CSSProperties['rowGap'] | number,\n columnGap?: React.CSSProperties['columnGap'] | number\n): Record => {\n const styles: Record = {}\n\n if (gap !== undefined) {\n styles.gap = formatValue(gap)\n }\n if (rowGap !== undefined) {\n styles.rowGap = formatValue(rowGap)\n }\n if (columnGap !== undefined) {\n styles.columnGap = formatValue(columnGap)\n }\n\n return styles\n}\n\n/**\n * A grid-based layout component with baseline alignment and responsive columns.\n *\n * @remarks\n * Layout provides a CSS Grid container that:\n * - Supports flexible column definitions\n * - Maintains baseline grid alignment\n * - Includes gap management\n * - Offers comprehensive alignment controls\n * - Provides debug overlays for visual verification\n *\n * When no explicit dimensions are provided, Layout defaults to \"auto\"\n * for both width and height.\n *\n * @example\n * ```tsx\n * // Basic equal columns\n * \n *
Column 1
\n *
Column 2
\n *
Column 3
\n * \n *\n * // Mixed column widths with alignment\n * \n *
Fixed
\n *
Flexible
\n *
Double width
\n * \n * ```\n */\nexport const Layout = React.memo(function Layout({\n alignContent,\n alignItems,\n children,\n className,\n columns = 'repeat(auto-fill, minmax(100px, 1fr))',\n columnGap,\n debugging: debuggingProp,\n gap,\n height,\n indicatorNode,\n justifyContent,\n justifyItems,\n rowGap,\n rows,\n style,\n variant,\n width,\n ssrMode = false,\n ...spacingProps\n}: LayoutProps) {\n const config = useConfig('layout')\n const { isShown, debugging } = useDebug(debuggingProp, config.debugging)\n\n // Add hydration state tracking\n const [isHydrated, setIsHydrated] = React.useState(false)\n\n React.useEffect(() => {\n setIsHydrated(true)\n }, [])\n\n const layoutRef = React.useRef(null)\n\n const initialPadding = React.useMemo(\n () => parsePadding(spacingProps),\n [spacingProps]\n )\n\n // Get padding calculation from useBaseline\n const baselinePadding = useBaseline(layoutRef, {\n base: config.base,\n snapping: 'height',\n spacing: initialPadding,\n warnOnMisalignment: true,\n })\n\n // Create stable initial padding for SSR\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\n // Use stable padding during SSR and initial render, then switch to dynamic padding\n const { padding } = hydratedValue(\n isHydrated && !ssrMode,\n stablePadding,\n baselinePadding\n )\n\n const gridTemplateColumns = React.useMemo(\n () => getGridTemplate(columns),\n [columns]\n )\n\n const gridTemplateRows = React.useMemo(\n () => (rows ? getGridTemplate(rows) : 'auto'),\n [rows]\n )\n\n const defaultLayoutStyles = React.useMemo(\n () => createDefaultLayoutStyles(config.colors),\n [config.colors]\n )\n\n const gridGapStyles = React.useMemo(\n () => createGridGapStyles(gap, rowGap, columnGap),\n [gap, rowGap, columnGap]\n )\n\n const containerStyles = React.useMemo(() => {\n const widthValue = formatValue(width || 'auto')\n const heightValue = formatValue(height || 'auto')\n\n // Define dimensions that should be skipped when set to auto\n const autoDimensions = ['--bklw', '--bklh']\n\n return mergeStyles(\n {\n // Theme overrides\n ...createStyleOverride({\n key: '--bklw',\n value: widthValue,\n defaultStyles: defaultLayoutStyles,\n skipDimensions: { auto: autoDimensions },\n }),\n ...createStyleOverride({\n key: '--bklh',\n value: heightValue,\n defaultStyles: defaultLayoutStyles,\n skipDimensions: { auto: autoDimensions },\n }),\n ...createStyleOverride({\n key: '--bklcl',\n value: config.colors.line,\n defaultStyles: defaultLayoutStyles,\n }),\n ...createStyleOverride({\n key: '--bklcf',\n value: config.colors.flat,\n defaultStyles: defaultLayoutStyles,\n }),\n ...createStyleOverride({\n key: '--bklci',\n value: config.colors.text,\n defaultStyles: defaultLayoutStyles,\n }),\n\n // Grid properties - only inject if different from defaults\n ...(gridTemplateColumns !== 'repeat(auto-fill, minmax(100px, 1fr))' && {\n '--bklgtc': gridTemplateColumns,\n }),\n ...(gridTemplateRows !== 'auto' && { '--bklgtr': gridTemplateRows }),\n ...(justifyItems && { '--bklji': justifyItems }),\n ...(alignItems && { '--bklai': alignItems }),\n ...(justifyContent && { '--bkljc': justifyContent }),\n ...(alignContent && { '--bklac': alignContent }),\n\n // Include gap styles\n ...gridGapStyles,\n } as React.CSSProperties,\n style\n )\n }, [\n gridTemplateColumns,\n gridTemplateRows,\n justifyItems,\n alignItems,\n justifyContent,\n alignContent,\n width,\n height,\n config.colors,\n defaultLayoutStyles,\n style,\n gridGapStyles,\n ])\n\n return (\n \n \n 0\n ? Object.fromEntries(\n Object.entries(spacingProps).filter(\n ([key]) => key !== 'ssrMode'\n )\n )\n : {})}\n >\n {children}\n \n \n \n )\n})\n","import * as React from 'react'\nimport { useConfig, useDebug, useBaseline } from '@hooks'\nimport {\n mergeClasses,\n mergeStyles,\n parsePadding,\n mergeRefs,\n formatValue,\n createGridSpanStyles,\n createStyleOverride,\n hydratedValue,\n} from '@utils'\nimport { Config } from '../Config/Config'\nimport { Padder } from '../Padder'\nimport { ComponentsProps } from '../types'\nimport styles from './styles.module.css'\n\n/**\n * Determines how the Box component aligns to the baseline grid.\n *\n * @remarks\n * - `none`: No snapping; uses raw spacing values as provided\n * - `height`: Only container height snaps to base unit multiples\n * - `clamp`: Both height and spacing values snap to base unit multiples\n */\nexport type SnappingMode = 'none' | 'height' | 'clamp'\n\nexport type BoxProps = {\n /** Number of columns to span in a grid layout */\n colSpan?: number\n /** Number of rows to span in a grid layout */\n rowSpan?: number\n /** Shorthand for equal column and row span. Takes precedence over individual spans */\n span?: number\n /** Controls baseline grid alignment behavior */\n snapping?: SnappingMode\n /** Flag to enable SSR-compatible mode (simplified initial render) */\n ssrMode?: boolean\n children?: React.ReactNode\n} & ComponentsProps\n\n/**\n * Creates default box styles with theme values.\n * Sets CSS variables for width, height, base unit, and colors.\n */\nconst createDefaultBoxStyles = (\n base: number,\n lineColor: string\n): Record => ({\n '--bkboxw': 'auto',\n '--bkboxh': 'auto',\n '--bkboxc': lineColor,\n '--bkboxb': `${base}px`,\n})\n\ntype BoxCustomStylesParams = {\n /** Width property for the box */\n width?: React.CSSProperties['width']\n /** Height property for the box */\n height?: React.CSSProperties['height']\n /** Base unit for measurements */\n base: number\n /** Line color from theme */\n lineColor: string\n /** Default styles for comparison */\n defaultStyles: Record\n}\n\n/**\n * Creates custom styles for the Box component.\n * Handles dimension overrides and other custom properties.\n */\nconst createBoxCustomStyles = ({\n width,\n height,\n base,\n lineColor,\n defaultStyles,\n}: BoxCustomStylesParams): React.CSSProperties => {\n const widthValue = formatValue(width || 'fit-content')\n const heightValue = formatValue(height || 'fit-content')\n\n // Define box dimensions that should be skipped when set to fit-content\n const dimensionVars = ['--bkboxw', '--bkboxh']\n\n return {\n ...createStyleOverride({\n key: '--bkboxw',\n value: widthValue,\n defaultStyles,\n skipDimensions: { fitContent: dimensionVars },\n }),\n ...createStyleOverride({\n key: '--bkboxh',\n value: heightValue,\n defaultStyles,\n skipDimensions: { fitContent: dimensionVars },\n }),\n ...createStyleOverride({\n key: '--bkboxb',\n value: `${base}px`,\n defaultStyles,\n }),\n ...createStyleOverride({\n key: '--bkboxc',\n value: lineColor,\n defaultStyles,\n }),\n } as React.CSSProperties\n}\n\n/**\n * A foundational container component that ensures consistent spacing and baseline alignment.\n *\n * @remarks\n * Box provides a layout container that:\n * - Ensures consistent spacing aligned to the baseline grid\n * - Supports grid layout integration through span props\n * - Offers configurable snapping modes for fine-grained alignment control\n * - Includes debug overlays for visual alignment verification\n *\n * By default, Box uses \"auto\" for both width and height unless explicitly specified.\n *\n * @example\n * ```tsx\n * // Basic usage with spacing\n * \n *

Content aligned to baseline

\n * \n *\n * // With grid spanning and custom snapping\n * \n *

Grid-integrated content

\n * \n * ```\n */\nexport const Box = React.memo(\n React.forwardRef(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 // Add hydration state tracking\n const [isHydrated, setIsHydrated] = React.useState(false)\n\n React.useEffect(() => {\n setIsHydrated(true)\n }, [])\n\n const internalRef = React.useRef(null)\n const { top, bottom, left, right } = parsePadding(spacingProps)\n\n // Get padding calculation from useBaseline\n const baselinePadding = useBaseline(internalRef, {\n base: config.base,\n snapping,\n spacing: { top, bottom, left, right },\n warnOnMisalignment: debugging !== 'none',\n })\n\n // Create stable initial padding for SSR\n const stablePadding = {\n padding: {\n top: top || 0,\n right: right || 0,\n bottom: bottom || 0,\n left: left || 0,\n },\n }\n\n // Use stable padding during SSR and initial render, then switch to dynamic padding\n const { padding } = hydratedValue(\n isHydrated && !ssrMode,\n stablePadding,\n baselinePadding\n )\n\n const gridSpanStyles = React.useMemo(\n () => createGridSpanStyles(span, colSpan, rowSpan),\n [colSpan, rowSpan, span]\n )\n\n const defaultBoxStyles = React.useMemo(\n () => createDefaultBoxStyles(config.base, config.colors.line),\n [config.base, config.colors.line]\n )\n\n const boxStyles = React.useMemo(() => {\n const customStyles = createBoxCustomStyles({\n width,\n height,\n base: config.base,\n lineColor: config.colors.line,\n defaultStyles: defaultBoxStyles,\n })\n return mergeStyles(customStyles, style)\n }, [\n config.base,\n config.colors.line,\n width,\n height,\n defaultBoxStyles,\n style,\n ])\n\n return (\n \n \n \n {children}\n \n \n \n )\n })\n)\n","import * as React from 'react'\nimport type { Gaps } from '@components'\nimport { useConfig, useDebug, useBaseline } from '@hooks'\nimport {\n mergeClasses,\n mergeStyles,\n parsePadding,\n formatValue,\n createStyleOverride,\n hydratedValue,\n} from '@utils'\nimport { Padder } from '../Padder'\nimport { IndicatorNode } from '../Spacer'\nimport { Config } from '../Config'\nimport { ComponentsProps, Variant } from '../types'\nimport styles from './styles.module.css'\n\n// Maps shorthand directions to Flexbox directions\nconst DIRECTION_AXIS: Record = {\n x: 'row',\n y: 'column',\n '-x': 'row-reverse',\n '-y': 'column-reverse',\n}\n\nexport type CSSPropertiesDirectionalAxis = keyof typeof DIRECTION_AXIS\n\nexport type StackProps = {\n /** Main axis orientation */\n direction?: React.CSSProperties['flexDirection'] &\n CSSPropertiesDirectionalAxis\n /** Distribution of space on main axis */\n justify?: React.CSSProperties['justifyContent']\n /** Alignment on cross axis */\n align?: React.CSSProperties['alignItems']\n /** Container width (defaults to \"auto\") */\n width?: React.CSSProperties['width']\n /** Container height (defaults to \"auto\") */\n height?: React.CSSProperties['height']\n /** Custom measurement indicator renderer */\n indicatorNode?: IndicatorNode\n /** Visual style in debug mode */\n variant?: Variant\n /** Gap between items in base units */\n gap?: Gaps\n /** Row gap when using different values for rows and columns */\n rowGap?: Gaps\n /** Column gap when using different values for rows and columns */\n columnGap?: Gaps\n /** Flag to enable SSR-compatible mode (simplified initial render) */\n ssrMode?: boolean\n children?: React.ReactNode\n} & ComponentsProps\n\n// Utils -----------------------------------------------------------------------\n\n/** Creates default stack styles with theme colors */\nconst createDefaultStackStyles = (colors: Record) => ({\n '--bkkw': 'auto',\n '--bkkh': 'auto',\n '--bkkcl': colors.line,\n '--bkkcf': colors.flat,\n '--bkkci': colors.text,\n})\n\n/** Creates gap styles for the stack */\nconst createStackGapStyles = (\n rowGap?: number,\n columnGap?: number,\n gap?: number\n): Record => ({\n rowGap: gap !== undefined ? gap : rowGap,\n columnGap: gap !== undefined ? gap : columnGap,\n})\n\n/**\n * A flexible container component aligning children to the baseline grid.\n *\n * @remarks\n * Stack provides a flex container that:\n * - Maintains baseline grid alignment\n * - Supports both row and column layouts\n * - Handles consistent spacing between items\n * - Includes visual debug overlays\n *\n * Key features:\n * - Automatic dimension management (defaults to auto)\n * - Direct padding application in non-debug mode\n * - Comprehensive alignment controls\n * - Theme-aware debug visuals\n *\n * @example\n * ```tsx\n * // Basic horizontal stack\n * \n *
Item 1
\n *
Item 2
\n * \n *\n * // Vertical stack with alignment\n * \n *
Top
\n *
Middle
\n *
Bottom
\n * \n *\n * // Complex layout with padding\n * \n *
Panel 1
\n *
Panel 2
\n * \n * ```\n */\nexport const Stack = React.memo(function Stack({\n align = 'flex-start',\n children,\n className,\n columnGap,\n debugging: debuggingProp,\n direction = 'row',\n gap,\n height,\n indicatorNode,\n justify = 'flex-start',\n rowGap,\n style,\n variant,\n width,\n ssrMode = false,\n ...spacingProps\n}: StackProps) {\n // Read configuration from context or props\n const config = useConfig('stack')\n const { isShown, debugging } = useDebug(debuggingProp, config.debugging)\n\n // Add hydration state tracking\n const [isHydrated, setIsHydrated] = React.useState(false)\n\n React.useEffect(() => {\n setIsHydrated(true)\n }, [])\n\n const stackRef = React.useRef(null)\n\n // Process spacing props\n const { top, right, bottom, left } = parsePadding({\n ...spacingProps,\n })\n\n // Get padding calculation from useBaseline\n const baselinePadding = useBaseline(stackRef, {\n base: config.base,\n snapping: 'height',\n spacing: { top, right, bottom, left },\n warnOnMisalignment: debugging !== 'none',\n })\n\n // Create stable initial padding for SSR\n const stablePadding = {\n padding: {\n top: top || 0,\n right: right || 0,\n bottom: bottom || 0,\n left: left || 0,\n },\n }\n\n // Use stable padding during SSR and initial render, then switch to dynamic padding\n const { padding } = hydratedValue(\n isHydrated && !ssrMode,\n stablePadding,\n baselinePadding\n )\n\n const stackGapStyles = React.useMemo(() => {\n const formattedRowGap = rowGap !== undefined ? Number(rowGap) : undefined\n const formattedColumnGap =\n columnGap !== undefined ? Number(columnGap) : undefined\n const formattedGap = gap !== undefined ? Number(gap) : undefined\n\n return createStackGapStyles(\n formattedRowGap,\n formattedColumnGap,\n formattedGap\n )\n }, [rowGap, columnGap, gap])\n\n const defaultStackStyles = React.useMemo(\n () => createDefaultStackStyles(config.colors),\n [config.colors]\n )\n\n const containerStyles = React.useMemo(() => {\n const widthValue = formatValue(width || 'auto')\n const heightValue = formatValue(height || 'auto')\n const flexDirection = DIRECTION_AXIS[direction] || direction\n\n // Define stack dimensions that should be skipped when set to auto\n const dimensionVars = ['--bkkw', '--bkkh']\n\n const customOverrides = {\n ...createStyleOverride({\n key: '--bkkw',\n value: widthValue,\n defaultStyles: defaultStackStyles,\n skipDimensions: { auto: dimensionVars },\n }),\n ...createStyleOverride({\n key: '--bkkh',\n value: heightValue,\n defaultStyles: defaultStackStyles,\n skipDimensions: { auto: dimensionVars },\n }),\n ...createStyleOverride({\n key: '--bkkcl',\n value: config.colors.line,\n defaultStyles: defaultStackStyles,\n }),\n ...createStyleOverride({\n key: '--bkkcf',\n value: config.colors.flat,\n defaultStyles: defaultStackStyles,\n }),\n ...createStyleOverride({\n key: '--bkkci',\n value: config.colors.text,\n defaultStyles: defaultStackStyles,\n }),\n } as React.CSSProperties\n\n const baseStyles = {\n flexDirection,\n justifyContent: justify,\n alignItems: align,\n width,\n height,\n } as React.CSSProperties\n\n return mergeStyles(baseStyles, stackGapStyles, customOverrides, style)\n }, [\n direction,\n justify,\n align,\n width,\n height,\n config.colors.line,\n config.colors.flat,\n config.colors.text,\n defaultStackStyles,\n stackGapStyles,\n style,\n ])\n\n const mergedContainerStyles =\n debugging === 'none'\n ? {\n ...containerStyles,\n paddingBlock: `${padding.top}px ${padding.bottom}px`,\n paddingInline: `${padding.left}px ${padding.right}px`,\n }\n : containerStyles\n\n return (\n \n \n \n {children}\n \n \n \n )\n})\n","import * as React from 'react'\nimport { ComponentsProps } from '@components'\nimport { useConfig, useDebug, useGuide, useMeasure } from '@hooks'\nimport {\n formatValue,\n mergeClasses,\n mergeStyles,\n createStyleOverride,\n ClientOnly,\n} from '@utils'\nimport { AutoConfig, FixedConfig, LineConfig, PatternConfig } from './types'\nimport type { GuideVariant } from '../types'\nimport styles from './styles.module.css'\n\n/** Merged configuration types that support various grid layout strategies */\nexport type GuideConfig = PatternConfig | AutoConfig | FixedConfig | LineConfig\n\nexport type GuideProps = {\n /** Controls horizontal alignment of columns within the container */\n align?: React.CSSProperties['justifyContent']\n /** Visual style of the guide */\n variant?: GuideVariant\n /** Number of columns (for fixed/auto variants) */\n columns?: number | readonly (string | number | undefined | 'auto')[]\n /** Column width (for fixed variant) */\n columnWidth?: React.CSSProperties['width']\n /** Maximum width of the guide */\n maxWidth?: React.CSSProperties['maxWidth']\n /** Color override for guide lines */\n color?: React.CSSProperties['color']\n /** Content to render inside the guide */\n children?: React.ReactNode\n /** Gap between columns */\n gap?: number\n /** Flag to enable SSR-compatible mode (simplified initial render) */\n ssrMode?: boolean\n} & ComponentsProps &\n Omit\n\n/** Parameters for creating a grid configuration */\ntype GridConfigParams = {\n variant: GuideVariant\n base: number\n gap: number\n columns?: number | readonly (string | number | undefined | 'auto')[]\n columnWidth?: React.CSSProperties['width']\n}\n\n/**\n * Creates a grid configuration based on the specified variant and parameters\n * Internal helper function for Guide component\n */\nconst createGridConfig = (\n params: GridConfigParams\n): PatternConfig | AutoConfig | FixedConfig | LineConfig => {\n const { variant, base, gap, columns, columnWidth } = params\n\n switch (variant) {\n case 'line':\n return {\n variant: 'line',\n gap,\n base,\n } as LineConfig\n\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 } as PatternConfig\n }\n break\n\n case 'fixed':\n if (columns !== undefined) {\n const parsedColumns =\n typeof columns === 'number' ? columns : parseInt(String(columns), 10)\n return {\n variant: 'fixed',\n columns: !isNaN(parsedColumns) ? parsedColumns : 12,\n columnWidth: columnWidth || '60px',\n gap,\n base,\n } as FixedConfig\n }\n break\n }\n\n // Default to auto columns if no valid configuration was created\n return {\n variant: 'auto',\n columnWidth: columnWidth || '1fr',\n gap,\n base,\n } as AutoConfig\n}\n\n/** Creates default guide styles */\nconst createDefaultGuideStyles = (\n base: number,\n lineColor: string\n): Record => ({\n '--bkgw': 'auto',\n '--bkgh': 'auto',\n '--bkgmw': 'none',\n '--bkgcw': '60px',\n '--bkggw': '24px',\n '--bkgc': '12',\n '--bkgb': `${base}px`,\n '--bkgcl': lineColor,\n '--bkgg': '0',\n})\n\n/**\n * A developer tool component that provides visual grid overlays for alignment.\n *\n * @remarks\n * Guide renders a configurable grid overlay that helps visualize:\n * - Column layouts and spacing\n * - Content alignment\n * - Layout patterns\n *\n * The component supports multiple variants:\n * - \"line\": Simple evenly-spaced vertical lines\n * - \"pattern\": Custom repeating column width patterns\n * - \"fixed\": Fixed number of equal or custom-width columns\n * - \"auto\": Dynamically calculated columns based on container width\n *\n * @example\n * ```tsx\n * // Basic column guide\n * \n *\n * // Custom column pattern\n * \n *\n * // Fixed columns with custom width\n * \n * ```\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 debugging isn't enabled, render a hidden element\n // This ensures tests can find the element even when hidden\n if (!isShown) {\n return (\n \n {children}\n \n )\n }\n\n // Create a simple SSR fallback with the expected dimensions\n const ssrFallback = (\n \n {children}\n \n )\n\n // Wrap the actual implementation in ClientOnly\n return (\n \n \n {children}\n \n \n )\n})\n\n// Implementation component that only renders on the client side\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 ssrMode: _ssrMode = false,\n ...props\n}: GuideProps) {\n const config = useConfig('guide')\n const { isShown } = useDebug(debugging, config.debugging)\n const containerRef = React.useRef(null)\n\n // Measure the container dimensions\n const {\n width: containerWidth,\n height: containerHeight,\n refresh, // Keep the refresh function available for dynamic updates\n } = useMeasure(containerRef)\n\n // Effect for handling window resize events\n React.useEffect(() => {\n const handleResize = () => {\n // Trigger a remeasurement when window size changes\n refresh()\n }\n\n window.addEventListener('resize', handleResize)\n return () => {\n window.removeEventListener('resize', handleResize)\n }\n }, [refresh])\n\n // Create guide configuration based on variant\n const gridConfig = React.useMemo(() => {\n // Ensure we have valid values for the grid configuration\n const safeVariant = variant as GuideVariant\n const safeGap = typeof gap === 'number' ? gap : 0\n\n return createGridConfig({\n variant: safeVariant,\n base: config.base,\n gap: safeGap,\n columns,\n columnWidth,\n })\n }, [variant, config.base, gap, columns, columnWidth])\n\n const { template, columnsCount, calculatedGap } = useGuide(\n containerRef,\n gridConfig\n )\n\n const defaultStyles = React.useMemo(\n () => createDefaultGuideStyles(config.base, config.colors.line),\n [config.base, config.colors.line]\n )\n\n const containerStyles = React.useMemo(() => {\n // Process dimension values\n const widthValue = formatValue(width || containerWidth || 'auto')\n const heightValue = formatValue(height || containerHeight || 'auto')\n const maxWidthValue = formatValue(maxWidth || 'none')\n const columnWidthValue = formatValue(columnWidth || '60px')\n\n // Define dimensions that should be skipped when set to auto\n const autoDimensions = ['--bkgw', '--bkgh']\n\n // Create custom styles with conditional overrides\n const customStyles = {\n ...createStyleOverride({\n key: '--bkgw',\n value: widthValue,\n defaultStyles,\n skipDimensions: { auto: autoDimensions },\n }),\n ...createStyleOverride({\n key: '--bkgh',\n value: heightValue,\n defaultStyles,\n skipDimensions: { auto: autoDimensions },\n }),\n ...createStyleOverride({\n key: '--bkgmw',\n value: maxWidthValue,\n defaultStyles,\n }),\n ...createStyleOverride({\n key: '--bkgcw',\n value: columnWidthValue,\n defaultStyles,\n }),\n ...createStyleOverride({\n key: '--bkgc',\n value: `${columnsCount}`,\n defaultStyles,\n }),\n ...createStyleOverride({\n key: '--bkgb',\n value: `0`,\n defaultStyles,\n }),\n ...createStyleOverride({\n key: '--bkgcl',\n value: color ?? config.colors.line,\n defaultStyles,\n }),\n ...createStyleOverride({\n key: '--bkgg',\n value: `${calculatedGap}px`,\n defaultStyles,\n }),\n ...createStyleOverride({\n key: '--bkgj',\n value: align || 'center',\n defaultStyles,\n }),\n ...(template && template !== 'none' ? { '--bkgt': template } : {}),\n // Add grid template if available\n ...(template && template !== 'none'\n ? { gridTemplateColumns: template }\n : {}),\n } as React.CSSProperties\n\n return mergeStyles(customStyles, style)\n }, [\n width,\n height,\n maxWidth,\n columnWidth,\n columnsCount,\n color,\n template,\n calculatedGap,\n containerWidth,\n containerHeight,\n config.colors.line,\n defaultStyles,\n style,\n align,\n ])\n\n // In the component where gap is used:\n const handleGapCalculations = () => {\n // Ensure gap is a number\n const safeGap = typeof gap === 'number' ? gap : 0\n\n // When gap is 0, we need width + 1 columns to fill the space\n // When gap > 0, we need to account for the -1px reduction in each gap\n const finalGap = safeGap === 0 ? 0 : safeGap - 1\n const actualGapWithLine = finalGap + 1\n\n // Rest of the gap calculations...\n return { finalGap, actualGapWithLine }\n }\n\n // Use the gap calculations where needed\n const { finalGap, actualGapWithLine } = handleGapCalculations()\n\n // Ensure width is a number\n const containerWidthValue =\n typeof width === 'number' ? width : containerWidth || 1024\n\n // For line variants, account for the -1px reduction in each gap\n // If we have N columns, we have (N-1) gaps, each reduced by 1px\n // So the total width lost is (N-1) pixels\n let columnCount: number\n\n if (finalGap === 0) {\n // When gap is 0, we need a column per pixel + 1\n columnCount = Math.floor(containerWidthValue) + 1\n } else if (variant === 'line') {\n // For line variant with gap > 0:\n // We need to solve for N in: N * actualGapWithLine - (N-1) = containerWidthValue\n // Which simplifies to: N = (containerWidthValue + 1) / (actualGapWithLine - 1 + 1)\n columnCount = Math.max(\n 1,\n Math.floor((containerWidthValue + 1) / actualGapWithLine) + 1\n )\n } else {\n // For other variants, use the standard formula\n columnCount = Math.max(\n 1,\n Math.floor(containerWidthValue / actualGapWithLine) + 1\n )\n }\n\n return (\n \n {isShown && (\n
\n {Array.from({ length: columnCount }, (_, i) => {\n const colColor =\n config.colors[variant as keyof typeof config.colors] ??\n config.colors.line\n return (\n \n )\n })}\n
\n )}\n {children}\n \n )\n})\n","/**\n * @file validation.ts\n * @description Validation utilities for Guide component configurations\n * @module baseline-kit/components/Guide/validation\n */\n\nimport {\n GRID_ALIGNMENTS,\n GridAlignment,\n GuideColumnsPattern,\n GuideColumnValue,\n GuideConfig,\n} from '@components'\nimport { ABSOLUTE_UNIT_CONVERSIONS, RELATIVE_UNITS } from '@utils'\n\n/**\n * Regular expression for valid CSS unit values.\n * Matches numeric values with supported CSS units.\n */\nconst UNIT_PATTERN =\n /^\\d*\\.?\\d+(?:fr|px|%|em|rem|vh|vw|vmin|vmax|pt|pc|in|cm|mm)$/\n\n/**\n * Validates individual grid column values.\n *\n * @example\n * ```ts\n * isValidGuideColumnValue(100) // true\n * isValidGuideColumnValue('100px') // true\n * isValidGuideColumnValue('auto') // true\n * isValidGuideColumnValue('foo') // false\n * ```\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\n/**\n * Validates an array of column values as a grid pattern.\n *\n * @example\n * ```ts\n * isValidGuidePattern(['100px', '1fr']) // true\n * isValidGuidePattern([100, 200]) // true\n * isValidGuidePattern(['invalid']) // false\n * isValidGuidePattern([]) // false\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\n/**\n * Validates CSS grid values against supported units.\n *\n * @example\n * ```ts\n * isGuideValue('100px') // true\n * isGuideValue('2rem') // true\n * isGuideValue('foo') // false\n * ```\n */\nexport const isGuideValue = (value: unknown) => {\n const CSS_UNITS = [\n ...Object.keys(ABSOLUTE_UNIT_CONVERSIONS),\n ...RELATIVE_UNITS,\n ]\n return (\n typeof value === 'number' ||\n (typeof value === 'string' &&\n CSS_UNITS.some((unit) => value.endsWith(unit)))\n )\n}\n\n/**\n * Validates grid alignment values.\n *\n * @example\n * ```ts\n * isGuideAlignment('start') // true\n * isGuideAlignment('center') // true\n * isGuideAlignment('foo') // false\n * ```\n */\nexport const isGuideAlignment = (value: unknown): value is GridAlignment =>\n typeof value === 'string' && GRID_ALIGNMENTS.includes(value as GridAlignment)\n\n/**\n * Type guard for object values.\n */\nconst isObject = (value: unknown): value is Record =>\n typeof value === 'object' && value !== null\n\n/**\n * Validates line-based guide configurations.\n *\n * @example\n * ```ts\n * isGuideLineConfig({ variant: 'line' }) // true\n * isGuideLineConfig({ variant: 'pattern' }) // false\n * ```\n */\nexport const isGuideLineConfig = (config: unknown): config is GuideConfig =>\n isObject(config) && config.variant === 'line'\n\n/**\n * Validates column-based guide configurations.\n *\n * @example\n * ```ts\n * isGuideColumnConfig({ columns: 12 }) // true\n * isGuideColumnConfig({ variant: 'line' }) // false\n * ```\n */\nexport const isGuideColumnConfig = (config: unknown): config is GuideConfig =>\n isObject(config) && 'columns' in config && !('variant' in config)\n\n/**\n * Validates auto-calculated guide configurations.\n *\n * @example\n * ```ts\n * isAutoCalculatedGuide({ columnWidth: '200px' }) // true\n * isAutoCalculatedGuide({ columns: 12 }) // false\n * ```\n */\nexport const isAutoCalculatedGuide = (config: unknown): config is GuideConfig =>\n isObject(config) &&\n 'columnWidth' in config &&\n !('variant' in config) &&\n !('columns' in config)\n","import * as React from 'react'\nimport { GuideConfig, GuideColumnsPattern } from '@components'\nimport { isValidGuidePattern } from '@/components/Guide/validation'\nimport { formatValue, convertValue, normalizeValue } from '@utils'\nimport { useMeasure } from './useMeasure'\n\nexport interface GuideResult {\n /** CSS grid template string */\n template: string\n /** Total number of columns */\n columnsCount: number\n /** Final gap size in pixels */\n calculatedGap: number\n /** Whether the configuration is valid */\n isValid: boolean\n}\n\n/**\n * Hook for calculating grid layout parameters based on container dimensions.\n *\n * @remarks\n * This hook handles complex grid calculations for different layout variants:\n * - 'line': Evenly spaced vertical lines\n * - 'pattern': Custom repeating column patterns\n * - 'fixed': Set number of columns with optional width\n * - 'auto': Dynamic columns based on available space\n *\n * Key features:\n * - Responsive grid calculations\n * - Pattern validation\n * - Gap management\n * - Error handling\n *\n * @param ref - Reference to container element\n * @param config - Grid configuration object\n * @returns Grid calculation results\n *\n * @example\n * ```tsx\n * function GridOverlay() {\n * const ref = useRef(null);\n * const { template, columnsCount } = useGuide(ref, {\n * variant: 'fixed',\n * columns: 12,\n * gap: 16,\n * base: 8\n * });\n *\n * return (\n * \n * {Array(columnsCount).fill(null).map((_, i) => (\n *
\n * ))}\n *
\n * );\n * }\n * ```\n */\nexport function useGuide(\n ref: React.RefObject,\n config: GuideConfig\n): GuideResult {\n const { width } = useMeasure(ref)\n const hasWarnedRef = React.useRef(false) // Track if warning has been logged\n\n return React.useMemo(() => {\n // Default values\n const variant = config.variant ?? 'line'\n const base = config.base ?? 8\n\n // The gap is already adjusted in createGridConfig for line variants\n // So we should use config.gap directly without further adjustment\n const gap = normalizeValue(config.gap ?? 0, { base })\n\n // Return invalid result if no width\n if (!width) {\n return {\n template: 'none',\n columnsCount: 0,\n calculatedGap: 0,\n isValid: false,\n }\n }\n\n try {\n switch (variant) {\n case 'line': {\n // Simple vertical lines\n // Account for -1px reduction in each gap when gap > 0\n const finalGap = gap === 0 ? 0 : gap - 1\n const actualGapWithLine = finalGap + 1\n\n let columns: number\n\n if (finalGap === 0) {\n // When gap is 0, need a column per pixel + 1\n columns = Math.max(1, Math.floor(width) + 1)\n } else {\n // For line variant with gap > 0:\n // Account for the -1px reduction in each gap\n columns = Math.max(\n 1,\n Math.floor((width + 1) / actualGapWithLine) + 1\n )\n }\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 // Custom column pattern\n if (!config.columns || !Array.isArray(config.columns)) {\n throw new Error('Missing or invalid pattern columns')\n }\n\n if (!isValidGuidePattern(config.columns)) {\n throw new Error('Invalid \"pattern\" columns array')\n }\n\n const columnsArr = (config.columns as GuideColumnsPattern).map(\n (col) => {\n if (typeof col === 'number') return `${col}px`\n return col\n }\n )\n\n // Validate no zero widths\n if (columnsArr.some((c) => c === '0' || c === '0px')) {\n return {\n template: 'none',\n columnsCount: 0,\n calculatedGap: 0,\n isValid: false,\n }\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 // Fixed number of columns\n const colCount =\n typeof config.columns === 'number' ? config.columns : 0\n if (colCount < 1) {\n throw new Error(`Invalid columns count: ${colCount}`)\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 // Auto-filling columns\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 const colWidthStr =\n typeof colWidth === 'number' ? `${colWidth}px` : colWidth.toString()\n\n const pxVal = convertValue(colWidthStr) ?? 0\n const columns =\n pxVal > 0\n ? Math.max(1, Math.floor((width + gap) / (pxVal + gap)))\n : 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 if (!hasWarnedRef.current) {\n console.warn(\n `[useGuide] Unknown variant \"${variant}\". Falling back to \"line\".`\n )\n hasWarnedRef.current = true // Mark warning as logged\n }\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 } catch (error) {\n console.warn('Error in useGuide:', error)\n return {\n template: 'none',\n columnsCount: 0,\n calculatedGap: 0,\n isValid: false,\n }\n }\n }, [config, width])\n}\n","import { useMemo } from 'react'\nimport { ConfigSchema, useDefaultConfig } from '@components'\n\n/** Type helper that merges base configuration with component-specific settings. */\nexport type ComponentConfig = ConfigSchema[K] & {\n /** Base unit for spacing calculations */\n base: number\n}\n\n/**\n * Hook for accessing component-specific theme configuration.\n *\n * @remarks\n * This hook provides:\n * - Access to component-specific theme settings\n * - Automatic base unit inheritance\n * - Memoized configuration to prevent unnecessary updates\n * - Type-safe configuration access\n *\n * It merges:\n * - Global base unit settings\n * - Component-specific configurations\n * - Theme-based color schemes\n *\n * @param component - Name of the component requesting configuration\n * @returns Merged configuration for the specific component\n *\n * @example\n * ```tsx\n * function Box() {\n * const config = useConfig('box');\n *\n * return (\n *
\n * {children}\n *
\n * );\n * }\n * ```\n */\nexport function useConfig(\n component: K\n): ComponentConfig {\n const defaultConfig = useDefaultConfig()\n return useMemo(() => {\n return Object.assign(\n { base: defaultConfig.base },\n defaultConfig[component]\n ) as ComponentConfig\n }, [defaultConfig, component])\n}\n","import { useMemo } from 'react'\nimport { DebuggingMode } from '../components/Config/Config'\n\ninterface DebugResult {\n /** Whether debug visuals should be shown */\n isShown: boolean\n /** Whether debug features exist but are hidden */\n isHidden: boolean\n /** Whether debug features are disabled */\n isNone: boolean\n /** Current debugging mode */\n debugging: DebuggingMode | undefined\n}\n\n/**\n * Hook for managing component debug state and visibility.\n *\n * @remarks\n * Determines the active debugging mode by:\n * - Using prop value if provided\n * - Falling back to config value if prop is undefined\n * - Computing visibility states based on active mode\n *\n * This hook helps components:\n * - Control debug visual rendering\n * - Manage debug feature states\n * - Handle prop/config inheritance\n *\n * @param debuggingProp - Optional debugging mode from props\n * @param debuggingConfig - Debugging mode from theme/config\n * @returns Debug state information\n *\n * @example\n * ```tsx\n * function DebugComponent({ debugging: debugProp }) {\n * const { isShown, isHidden, isNone } = useDebug(\n * debugProp,\n * 'hidden' // Default from config\n * );\n *\n * return (\n *
\n * {isShown && }\n * {!isNone && }\n * \n *
\n * );\n * }\n * ```\n */\nexport function useDebug(\n debuggingProp?: DebuggingMode,\n debuggingConfig?: DebuggingMode\n): DebugResult {\n return useMemo(() => {\n const effective = debuggingProp ?? debuggingConfig\n return {\n isShown: effective === 'visible',\n isHidden: effective === 'hidden',\n isNone: effective === 'none',\n debugging: effective,\n }\n }, [debuggingProp, debuggingConfig])\n}\n","import * as React from 'react'\nimport { ComponentsProps } from '@components'\nimport { useConfig, useDebug, useVirtual, useMeasure } from '@hooks'\nimport {\n parsePadding,\n normalizeValuePair,\n mergeStyles,\n mergeClasses,\n calculateRowCount,\n formatValue,\n createStyleOverride,\n ClientOnly,\n} from '@utils'\nimport { Variant } from '../types'\nimport styles from './styles.module.css'\n\nexport type BaselineVariant = Exclude\n\nexport type BaselineProps = {\n /** Visual style variant for the baseline guides */\n variant?: BaselineVariant\n /** Explicit width for the overlay (e.g., \"1200px\" or 1200) */\n width?: number | string\n /** Explicit height for the overlay (e.g., \"100vh\" or 800) */\n height?: number | string\n /** Base unit for measurements (defaults to theme value) */\n base?: number\n /** Color override for grid lines */\n color?: string\n /** Flag to enable SSR-compatible mode (simplified initial render) */\n ssrMode?: boolean\n} & ComponentsProps\n\n/** Creates default baseline styles */\nconst createDefaultBaselineStyles = (\n base: number,\n lineColor: string,\n flatColor: string\n): Record => ({\n '--bkbw': '100%',\n '--bkbh': '100%',\n '--bkbb': `${base}px`,\n '--bkbcl': lineColor,\n '--bkbcf': flatColor,\n})\n\n/** Create row styles for baseline lines */\ntype RowStyleParams = {\n /** Row index */\n index: number\n /** Base unit for calculations */\n base: number\n /** Baseline visual variant */\n variant: BaselineVariant\n /** Selected color for the baseline */\n chosenColor: string\n /** Theme line color */\n lineColor: string\n /** Theme flat color */\n flatColor: string\n}\n\n/**\n * Creates styles for an individual baseline row.\n * Applies positioning and visual styling based on variant.\n */\nconst createBaselineRowStyle = (\n params: RowStyleParams\n): React.CSSProperties => {\n const { index, base, variant, chosenColor, lineColor, flatColor } = params\n\n // Directly set the CSS variables instead of using createStyleOverride\n return {\n '--bkrt': index === 0 ? '0px' : `${index * base}px`,\n '--bkrh': variant === 'line' ? '1px' : `${base}px`,\n '--bkbc': chosenColor || (variant === 'line' ? lineColor : flatColor),\n } as React.CSSProperties\n}\n\n// Implementation component that only renders on the client side\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 ssrMode: _ssrMode = false,\n ...spacingProps\n}: BaselineProps) {\n const config = useConfig('baseline')\n const { isShown } = useDebug(debugging, config.debugging)\n\n // Use a stable reference that won't cause hydration mismatches\n const containerRef = React.useRef(null)\n\n // Always call hooks, but conditionally use their results\n const {\n width: containerWidth,\n height: containerHeight,\n refresh,\n } = useMeasure(containerRef)\n\n // Effect for handling window resize events\n React.useEffect(() => {\n const handleResize = () => {\n refresh()\n }\n\n window.addEventListener('resize', handleResize)\n return () => {\n window.removeEventListener('resize', handleResize)\n }\n }, [refresh])\n\n const [_normWidth, normHeight] = React.useMemo(() => {\n return normalizeValuePair(\n [widthProp, heightProp],\n [containerWidth, containerHeight]\n )\n }, [widthProp, heightProp, containerWidth, containerHeight])\n\n const { top, right, bottom, left } = React.useMemo(\n () => parsePadding(spacingProps),\n [spacingProps]\n )\n\n const padding = React.useMemo(() => {\n const paddingValues = [top, right, bottom, left]\n .map((value) => (value ? `${value}px` : '0'))\n .join(' ')\n\n return paddingValues !== '0 0 0 0' ? paddingValues : undefined\n }, [top, right, bottom, left])\n\n const rowCount = React.useMemo(() => {\n const baseValue = base || config.base\n return calculateRowCount({\n height: normHeight,\n top,\n bottom,\n base: baseValue,\n })\n }, [normHeight, top, bottom, base, config.base])\n\n // Use virtual rendering for performance\n const { start, end } = useVirtual({\n totalLines: rowCount,\n lineHeight: base || config.base,\n containerRef,\n buffer: 160,\n })\n\n const chosenColor =\n colorProp || (variant === 'line' ? config.colors.line : config.colors.flat)\n\n // Create default baseline styles\n const defaultBaselineStyles = React.useMemo(\n () =>\n createDefaultBaselineStyles(\n base || config.base,\n config.colors.line,\n config.colors.flat\n ),\n [base, config.colors.line, config.colors.flat, config.base]\n )\n\n const containerStyles = React.useMemo(() => {\n const widthValue = formatValue(widthProp || '100%')\n const heightValue = formatValue(heightProp || '100%')\n\n // Define dimensions that should be skipped when set to 100%\n const dimensionVars = ['--bkbw', '--bkbh']\n\n return mergeStyles(\n {\n ...createStyleOverride({\n key: '--bkbw',\n value: widthValue,\n defaultStyles: defaultBaselineStyles,\n skipDimensions: { fullSize: dimensionVars },\n }),\n ...createStyleOverride({\n key: '--bkbh',\n value: heightValue,\n defaultStyles: defaultBaselineStyles,\n skipDimensions: { fullSize: dimensionVars },\n }),\n ...createStyleOverride({\n key: '--bkbb',\n value: `${base}px`,\n defaultStyles: defaultBaselineStyles,\n }),\n ...createStyleOverride({\n key: '--bkbcl',\n value: colorProp || config.colors.line,\n defaultStyles: defaultBaselineStyles,\n }),\n ...createStyleOverride({\n key: '--bkbcf',\n value: colorProp || config.colors.flat,\n defaultStyles: defaultBaselineStyles,\n }),\n ...(padding && { padding }),\n } as React.CSSProperties,\n style\n )\n }, [\n widthProp,\n heightProp,\n base,\n colorProp,\n config.colors.line,\n config.colors.flat,\n padding,\n defaultBaselineStyles,\n style,\n ])\n\n const getRowStyle = React.useCallback(\n (index: number) => {\n // Ensure variant is a BaselineVariant\n const safeVariant = variant as BaselineVariant\n const safeBase = base || config.base\n\n return createBaselineRowStyle({\n index,\n base: safeBase,\n variant: safeVariant,\n chosenColor,\n lineColor: config.colors.line,\n flatColor: config.colors.flat,\n })\n },\n [\n base,\n variant,\n chosenColor,\n config.colors.line,\n config.colors.flat,\n config.base,\n ]\n )\n\n return (\n \n {isShown &&\n Array.from({ length: end - start }, (_, i) => {\n const rowIndex = i + start\n return (\n \n )\n })}\n \n )\n})\n\n/**\n * Renders horizontal guidelines for maintaining vertical rhythm and baseline alignment.\n *\n * @remarks\n * Baseline provides horizontal guides that:\n * - Help maintain consistent vertical spacing\n * - Support visual verification of baseline alignment\n * - Optimize performance through virtual rendering\n * - Adapt to container dimensions\n *\n * @example\n * ```tsx\n * // Basic baseline overlay\n * \n *\n * // Custom variant with padding\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 debugging isn't enabled, render a hidden element\n // This ensures tests can find the element even when hidden\n if (!isShown) {\n return (\n \n )\n }\n\n // Create a simple SSR fallback\n const ssrFallback = (\n \n )\n\n // Wrap the actual implementation in ClientOnly\n return (\n \n \n \n )\n})\n"],"names":["GUIDE_COLORS","BASELINE_COLORS","SPACER_COLORS","BOX_COLORS","STACK_COLORS","LAYOUT_COLORS","PADDER_COLOR","DEFAULT_CONFIG","ConfigContext","React","useDefaultConfig","mergeConfig","params","parentConfig","base","baseline","guide","spacer","box","stack","layout","padder","Config","children","value","jsx","parseUnit","match","num","unit","formatValue","defaultValue","DEFAULT_CONTEXT","ABSOLUTE_UNIT_CONVERSIONS","RELATIVE_UNITS","convertValue","context","parsed","ctx","clamp","min","max","calculateRowCount","height","top","bottom","totalHeight","normalizeValue","options","doRound","clampOptions","suppressWarnings","conv","normalized","clamped","normalizeValuePair","values","defaults","first","second","parsePadding","spacing","parsePaddingValue","blockEdges","parseBlock","inlineEdges","parseInline","padding","block","inline","right","left","calculateSnappedSpacing","initial","snapping","pad","remainder","createGridSpanStyles","span","colSpan","rowSpan","gridStyles","mergeClasses","classes","mergeStyles","styles","style","assignRef","ref","node","error","mergeRefs","refs","createStyleOverride","defaultStyles","key","val","skipDimensions","_a","_b","_c","rafThrottle","fn","rafId","lastArgs","args","useIsClient","isClient","setIsClient","useState","useEffect","isSSR","safeClientValue","clientFn","fallback","hydratedValue","isHydrated","ssrValue","dynamicValue","ClientOnly","useMeasure","dimensions","setDimensions","measure","rect","next","prev","refresh","observer","useVirtual","totalLines","lineHeight","containerRef","buffer","numericBuffer","useMemo","calculateRange","useCallback","element","offsetTop","viewportTop","viewportBottom","start","end","visibleRange","setVisibleRange","useWindowEvents","updateRangeThrottled","updateRange","useLayoutEffect","events","handler","stableHandler","wrappedHandler","evt","useBaseline","warnOnMisalignment","didSnapRef","hasWarnedRef","initialPadding","isAligned","finalPadding","createDefaultSpacerStyles","textColor","flatColor","lineColor","generateMeasurements","isShown","indicatorNode","normWidth","normHeight","width","jsxs","Fragment","Spacer","heightProp","widthProp","debuggingProp","variantProp","baseProp","colorProp","className","ssrMode","props","config","useConfig","useDebug","variant","setIsHydrated","shouldShowMeasurements","measurements","baseStyles","heightValue","widthValue","baseValue","dimensionVars","customStyles","createPadderContainerStyles","color","stylesObj","createDirectPaddingStyles","enableSpacers","createRenderSpacerFn","debugging","safeVariant","safeDebugging","SpacerElement","widthVal","heightVal","Padder","spacingProps","isNone","internalRef","baselinePadding","stablePadding","setRefs","containerStyles","paddingStyles","renderSpacer","createDefaultLayoutStyles","colors","getGridTemplate","prop","p","createGridGapStyles","gap","rowGap","columnGap","Layout","alignContent","alignItems","columns","justifyContent","justifyItems","rows","layoutRef","gridTemplateColumns","gridTemplateRows","defaultLayoutStyles","gridGapStyles","autoDimensions","createDefaultBoxStyles","createBoxCustomStyles","Box","gridSpanStyles","defaultBoxStyles","boxStyles","DIRECTION_AXIS","createDefaultStackStyles","createStackGapStyles","Stack","align","direction","justify","stackRef","stackGapStyles","formattedRowGap","formattedColumnGap","formattedGap","defaultStackStyles","flexDirection","customOverrides","mergedContainerStyles","createGridConfig","columnWidth","parsedColumns","createDefaultGuideStyles","Guide","gapProp","maxWidth","ssrFallback","GuideImpl","_ssrMode","containerWidth","containerHeight","handleResize","gridConfig","safeGap","template","columnsCount","calculatedGap","useGuide","maxWidthValue","columnWidthValue","handleGapCalculations","finalGap","actualGapWithLine","containerWidthValue","columnCount","_","i","colColor","UNIT_PATTERN","isValidGuideColumnValue","isValidGuidePattern","pattern","columnsArr","col","colCount","colWidth","colWidthStr","pxVal","component","defaultConfig","debuggingConfig","effective","createDefaultBaselineStyles","createBaselineRowStyle","index","chosenColor","BaselineImpl","_normWidth","paddingValues","rowCount","defaultBaselineStyles","getRowStyle","safeBase","rowIndex","Baseline"],"mappings":"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"}