@utilitywarehouse/hearth-react 0.28.4 → 0.28.6

package/dist/chunk-JZ25MWK4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-JZ25MWK4.cjs","../src/helpers/get-classname-styles.ts"],"names":["getClassNameStyles","value","prefix","tokens","isResponsive","defaultValue","responsivePrefix"],"mappings":"AAAA,ylBAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,ICyG7GA,CAAAA,CAAqB,CAAC,CACjC,KAAA,CAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CACF,CAAA,CAAA,EAAiC,CAC/B,IAAMC,CAAAA,CAAmBF,CAAAA,CAAe,IAAA,CAAO,EAAA,CAE/C,EAAA,CAAI,CAAA,CAAAH,CAAAA,GAAU,KAAA,CAAA,EAAaI,CAAAA,GAAiB,KAAA,CAAA,CAAA,CAK5C,CAAA,EAAA,CAAIJ,CAAAA,GAAU,KAAA,CAAA,EAAaI,CAAAA,CACzB,MAAO,CAAE,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-JZ25MWK4.cjs","sourcesContent":[null,"import type { Breakpoints, Responsive } from '../types/responsive';\nimport { isResponsiveObject } from './is-responsive-object';\nimport { kebabCase } from './kebab-case';\nimport { GLOBAL_PREFIX } from './with-global-prefix';\n\n/**\n * Options for `getClassNameStyles`.\n */\ntype GetClassNameStylesOptions = {\n  /**\n   * The input to map to className/style.\n   * - Token or raw value: string | number\n   * - Boolean: only `true` is meaningful and produces a bare class\n   * - Responsive: per-breakpoint values keyed by breakpoint names\n   */\n  value: Responsive<string | number> | undefined;\n  /**\n   * The utility prefix segment used in the generated class(es), e.g. `color`, `gap`.\n   */\n  prefix: string | undefined;\n  /**\n   * Whitelist of token values that should become token classes instead of CSS variables.\n   */\n  tokens: ReadonlyArray<string | number> | undefined;\n  /**\n   * Whether to include the responsive segment (`-r`) and support responsive var naming.\n   */\n  isResponsive: boolean;\n  /**\n   * Default token/raw value to use when `value` is `undefined`.\n   */\n  defaultValue?: string | number;\n};\n\n/**\n * Build a className (and optional style object) for utility-first, token-aware styling.\n *\n * The function maps a provided value (token, raw value, boolean, or responsive object)\n * to a prefixed utility class name, and when necessary, emits CSS custom properties\n * to carry raw values that are not represented by tokens.\n *\n * Behavior summary:\n * - Token value: emits a single class (e.g. `h-r-color-red-500`).\n * - Non-token value: emits a base class (e.g. `h-r-width`) and a style object with a CSS var.\n * - Boolean true: emits a single non-responsive class (e.g. `h-hidden`).\n * - Responsive object: emits breakpoint-scoped classes and, for non-token values, breakpoint-scoped CSS vars.\n * - When `defaultValue` is provided and `value` is `undefined`, a default class is emitted.\n *\n * Examples\n * ```ts\n * // 1) Token value → single token class\n * getClassNameStyles({\n *   value: 'grey-200',\n *   prefix: 'border-color',\n *   tokens: ['blue0', 'blue50', 'blue100', ... ],\n *   isResponsive: false,\n * });\n * // => { className: 'h-color-red-500' }\n *\n * // 2) Non-token value → base class + CSS variable\n * getClassNameStyles({\n *   value: 16,\n *   prefix: 'gap',\n *   tokens: [0, 4, 8, 12],\n *   isResponsive: false,\n * });\n * // => { className: 'h-gap', style: { '--h-gap': 16 } }\n *\n * // 3) Boolean true → simple class (non-responsive)\n * getClassNameStyles({\n *   value: true,\n *   prefix: 'hidden',\n *   tokens: undefined,\n *   isResponsive: false,\n * });\n * // => { className: 'h-hidden' }\n *\n * // 4) Responsive object with mixed token/non-token values\n * getClassNameStyles({\n *   value: { mobile: 'red-500', tablet: '#ff0000' },\n *   prefix: 'color',\n *   tokens: ['red-500'],\n *   isResponsive: true,\n * });\n * // => {\n * //   className: 'h-r-color-red-500 tablet:h-r-color',\n * //   style: { '--h-r-color-tablet': '#ff0000' }\n * // }\n *\n * // 5) Default value when value is undefined\n * getClassNameStyles({\n *   value: undefined,\n *   defaultValue: 'md',\n *   prefix: 'size',\n *   tokens: ['sm', 'md', 'lg'],\n *   isResponsive: false,\n * });\n * // => { className: 'h-size-md' }\n * ```\n *\n * @param value The styling value; may be a token, raw value, boolean true, or a responsive object.\n * @param prefix The utility prefix to use in the generated class name(s).\n * @param tokens List of acceptable token values; used to decide token vs raw handling.\n * @param isResponsive Whether this utility participates in responsive variants (adds the `-r` segment).\n * @param defaultValue Optional default token/raw value used when `value` is `undefined`.\n * @returns An object containing `className` and, when needed, a `style` map of CSS custom properties.\n */\nexport const getClassNameStyles = ({\n  value,\n  prefix,\n  tokens,\n  isResponsive,\n  defaultValue,\n}: GetClassNameStylesOptions) => {\n  const responsivePrefix = isResponsive ? '-r' : '';\n\n  if (value === undefined && defaultValue === undefined) {\n    return;\n  }\n\n  // If no explicit value is provided but a default exists, emit the default token class\n  if (value === undefined && defaultValue) {\n    return { className: `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${defaultValue}` };\n  }\n\n  // Handle primitive (token/raw) values: decide between token class vs CSS var\n  if (typeof value === 'string' || typeof value === 'number') {\n    const isTokenValue = tokens?.includes(value);\n    if (isTokenValue) {\n      return {\n        className: `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${kebabCase(String(value))}`,\n      };\n    }\n    return {\n      className: `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}`,\n      style: { [`--h${responsivePrefix}-${prefix}`]: value || defaultValue },\n    };\n  }\n\n  if (typeof value === 'boolean' && value === true) {\n    // boolean values do not have any associated tokens and we currently don't support responsive boolean props\n    return { className: `${GLOBAL_PREFIX}-${prefix}` };\n  }\n\n  // Handle responsive props: generate per-breakpoint classes and CSS variables.\n  // - For token values: emit `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${token}` with breakpoint prefix (except initial).\n  // - For non-token values: emit `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}` and attach a breakpoint-scoped CSS variable\n  //   `--h${responsivePrefix}-${prefix}` or `--h${responsivePrefix}-${prefix}-${bp}` for non-initial breakpoints.\n  if (isResponsiveObject(value)) {\n    const initialBreakpoint = 'mobile';\n\n    // Build per-breakpoint classes from the responsive value object:\n    // - For each breakpoint, read its value and determine if it's a token.\n    // - Token → `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${token}`.\n    // - Non-token → `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}`.\n    // - Prefix non-initial breakpoints with `${bp}:`.\n    // - Result: one class string per defined breakpoint in `classes`.\n    //\n    // These classes will work in conjunction with PostCSS to implement\n    // styles that are only valid at the determined breakpoint.\n    const classes = (Object.keys(value) as Array<Breakpoints>).map(bp => {\n      const breakpointValue = value[bp];\n      if (breakpointValue !== undefined) {\n        const isTokenValue = tokens?.includes(breakpointValue);\n        let baseClassName: string;\n        if (isTokenValue) {\n          baseClassName = `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${breakpointValue}`;\n        } else {\n          baseClassName = `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}`;\n        }\n        const className = bp === initialBreakpoint ? baseClassName : `${bp}:${baseClassName}`;\n        return className;\n      }\n    });\n\n    // Build a map of CSS variables for non-token responsive values:\n    // - Iterate over breakpoints and skip token values (tokens are handled by classes only).\n    // - Use `--h${responsivePrefix}-${prefix}` for the initial breakpoint and append `-${bp}` for others.\n    // - Assign the raw breakpoint value to the computed CSS variable name in the accumulator.\n    const styles = (Object.keys(value) as Array<Breakpoints>).reduce(\n      (acc: { [key: string]: string | number }, bp: Breakpoints) => {\n        const breakpointValue = value[bp];\n        const isTokenValue = tokens?.includes(breakpointValue);\n        if (breakpointValue !== undefined && !isTokenValue) {\n          const baseStyleName = `--h${responsivePrefix}-${prefix}`;\n          const styleName = bp === initialBreakpoint ? baseStyleName : `${baseStyleName}-${bp}`;\n          acc[styleName] = breakpointValue;\n          return acc;\n        }\n        return acc;\n      },\n      {}\n    );\n    return { className: classes.join(' '), style: styles };\n  }\n};\n"]}

package/dist/chunk-K3AF4B5W.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _radixui = require('radix-ui');var _react = require('react');var _useMergedRefs = require('@base-ui/utils/useMergedRefs');var _jsxruntime = require('react/jsx-runtime');var p="MenuContent",d=_chunk4Q432K4Wcjs.b.call(void 0, p),S={bottomLeft:{side:"bottom",align:"start"},bottomRight:{side:"bottom",align:"end"},topLeft:{side:"top",align:"start"},topRight:{side:"top",align:"end"}},h= exports.a =_react.forwardRef.call(void 0, ({className:f,children:g,forceMount:o,placement:v="bottomLeft",...b},M)=>{let l=_react.useRef.call(void 0, null),i=_react.useRef.call(void 0, void 0),C=_react.useCallback.call(void 0, e=>{if(l.current=e,_optionalChain([i, 'access', _ => _.current, 'optionalCall', _2 => _2()]),i.current=void 0,!e||!o)return;e.hidden=e.dataset.state!=="open";let a=new MutationObserver(()=>{e.hidden=e.dataset.state!=="open"});a.observe(e,{attributes:!0,attributeFilter:["data-state"]}),i.current=()=>{a.disconnect(),e.hidden=!1}},[o]),E=_useMergedRefs.useMergedRefs.call(void 0, C,M);return _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.DropdownMenuPortal,{forceMount:o,children:_jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.DropdownMenuContent,{ref:E,forceMount:o,className:_chunkONNSZMWFcjs.a.call(void 0, d,f),...b,sideOffset:4,...S[v],collisionPadding:8,onCloseAutoFocus:e=>e.preventDefault(),onInteractOutside:o?e=>{let P=_optionalChain([e, 'access', _3 => _3.detail, 'optionalAccess', _4 => _4.originalEvent, 'optionalAccess', _5 => _5.target]),s=_optionalChain([l, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.getAttribute, 'call', _8 => _8("aria-labelledby")]);_optionalChain([(s?document.getElementById(s):null), 'optionalAccess', _9 => _9.contains, 'call', _10 => _10(P)])&&e.preventDefault()}:void 0,children:_jsxruntime.jsxs.call(void 0, _radixui.ScrollArea.Root,{className:_chunk4Q432K4Wcjs.b.call(void 0, "ScrollAreaRoot"),type:"auto",children:[_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Viewport,{className:_chunk4Q432K4Wcjs.b.call(void 0, "ScrollAreaViewport"),children:_jsxruntime.jsx.call(void 0, "div",{className:`${d}List`,children:g})}),_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Scrollbar,{className:_chunk4Q432K4Wcjs.b.call(void 0, "ScrollAreaScrollbar"),orientation:"vertical",children:_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Thumb,{className:_chunk4Q432K4Wcjs.b.call(void 0, "ScrollAreaThumb")})})]})})})});h.displayName=p;exports.a = h;
+//# sourceMappingURL=chunk-K3AF4B5W.cjs.map

package/dist/chunk-K3AF4B5W.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-K3AF4B5W.cjs","../src/components/Menu/MenuContent.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","placementTranslation","MenuContent","forwardRef","className","children","forceMount","placement","props","ref","nodeRef","useRef","cleanupRef","contentRef","useCallback","node","observer","mergedRef","useMergedRefs","jsx","MenuPrimitive","cn","target","triggerId","jsxs","ScrollAreaPrimitive"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-K3AF4B5W.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { DropdownMenu as MenuPrimitive, ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport type { MenuContentProps } from './MenuContent.props';\nimport { forwardRef, useCallback, useRef } from 'react';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'MenuContent';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype MenuContentElement = ComponentRef<'div'>;\n\nconst placementTranslation: Record<string, { side: 'bottom' | 'top'; align: 'start' | 'end' }> = {\n  bottomLeft: { side: 'bottom', align: 'start' },\n  bottomRight: { side: 'bottom', align: 'end' },\n  topLeft: { side: 'top', align: 'start' },\n  topRight: { side: 'top', align: 'end' },\n};\n\nexport const MenuContent = forwardRef<MenuContentElement, MenuContentProps>(\n  ({ className, children, forceMount, placement = 'bottomLeft', ...props }, ref) => {\n    const nodeRef = useRef<MenuContentElement | null>(null);\n    const cleanupRef = useRef<(() => void) | undefined>(undefined);\n\n    // There are times the content needs to be hidden but present in the DOM,\n    // for SEO reasons. So we use forceMount.\n    //\n    // A callback ref is used instead of useLayoutEffect + useRef because\n    // portal children's refs are not reliably attached by the time\n    // useLayoutEffect fires in the parent. The callback fires exactly when the\n    // DOM node is created or removed.\n    const contentRef = useCallback(\n      (node: MenuContentElement | null) => {\n        nodeRef.current = node;\n        cleanupRef.current?.();\n        cleanupRef.current = undefined;\n\n        if (!node || !forceMount) return;\n\n        node.hidden = node.dataset.state !== 'open';\n\n        const observer = new MutationObserver(() => {\n          node.hidden = node.dataset.state !== 'open';\n        });\n        observer.observe(node, { attributes: true, attributeFilter: ['data-state'] });\n\n        cleanupRef.current = () => {\n          observer.disconnect();\n          node.hidden = false;\n        };\n      },\n      [forceMount]\n    );\n\n    const mergedRef = useMergedRefs(contentRef, ref);\n\n    return (\n      <MenuPrimitive.DropdownMenuPortal forceMount={forceMount}>\n        <MenuPrimitive.DropdownMenuContent\n          ref={mergedRef}\n          forceMount={forceMount}\n          className={cn(componentClassName, className)}\n          {...props}\n          sideOffset={4}\n          {...placementTranslation[placement]}\n          collisionPadding={8}\n          // These are temporary UI fixes, until we have time to replace with Base UI.\n          onCloseAutoFocus={e => e.preventDefault()}\n          onInteractOutside={\n            forceMount\n              ? e => {\n                  // With forceMount, Radix's DismissableLayer is always mounted and fires\n                  // on every outside interaction — including trigger clicks. React processes\n                  // pointer events with flushSync, so by the time the DismissableLayer's\n                  // document listener fires (added via setTimeout after mount), React has\n                  // already committed the new open state. Checking data-state here would\n                  // always see 'open' and fail to prevent. Instead we check the click target:\n                  // if it's inside the trigger (found via aria-labelledby → trigger id),\n                  // we prevent the dismiss so the trigger's own toggle handler takes effect.\n                  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                  const originalEvent = (e as CustomEvent).detail?.originalEvent as\n                    | PointerEvent\n                    | undefined;\n                  const target = originalEvent?.target as HTMLElement | null;\n                  const triggerId = nodeRef.current?.getAttribute('aria-labelledby');\n                  const triggerEl = triggerId ? document.getElementById(triggerId) : null;\n                  if (triggerEl?.contains(target)) e.preventDefault();\n                }\n              : undefined\n          }\n        >\n          <ScrollAreaPrimitive.Root className={withGlobalPrefix('ScrollAreaRoot')} type=\"auto\">\n            <ScrollAreaPrimitive.Viewport className={withGlobalPrefix('ScrollAreaViewport')}>\n              <div className={`${componentClassName}List`}>{children}</div>\n            </ScrollAreaPrimitive.Viewport>\n            <ScrollAreaPrimitive.Scrollbar\n              className={withGlobalPrefix('ScrollAreaScrollbar')}\n              orientation=\"vertical\"\n            >\n              <ScrollAreaPrimitive.Thumb className={withGlobalPrefix('ScrollAreaThumb')} />\n            </ScrollAreaPrimitive.Scrollbar>\n          </ScrollAreaPrimitive.Root>\n        </MenuPrimitive.DropdownMenuContent>\n      </MenuPrimitive.DropdownMenuPortal>\n    );\n  }\n);\n\nMenuContent.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-K7DZ64UC.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var r={order:{className:"order",responsive:!0}};exports.a = r;
+//# sourceMappingURL=chunk-K7DZ64UC.cjs.map

package/dist/chunk-K7DZ64UC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-K7DZ64UC.cjs","../src/props/order.props.ts"],"names":["orderPropDefs"],"mappings":"AAAA,qFAAY;AACZ;ACEO,IAAMA,CAAAA,CAAgB,CAC3B,KAAA,CAAO,CAAE,SAAA,CAAW,OAAA,CAAS,UAAA,CAAY,CAAA,CAAK,CAChD,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-K7DZ64UC.cjs","sourcesContent":[null,"import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nexport const orderPropDefs = {\n  order: { className: 'order', responsive: true },\n} satisfies {\n  order: PropDef<string>;\n};\n\nexport interface OrderProps {\n  order?: Responsive<string>;\n}\n"]}

package/dist/chunk-K7MHEGRW.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkPS7QRCC6cjs = require('./chunk-PS7QRCC6.cjs');var _chunkMOXUZLUZcjs = require('./chunk-MOXUZLUZ.cjs');var _chunkTVVHDQIWcjs = require('./chunk-TVVHDQIW.cjs');var _chunkHI7GZDRAcjs = require('./chunk-HI7GZDRA.cjs');var _chunkMV7VYPO6cjs = require('./chunk-MV7VYPO6.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var b="Pagination",s=_chunk4Q432K4Wcjs.b.call(void 0, b),m="...",M=7,_=(a,i)=>{if(i<=M)return Array.from({length:i},(r,d)=>d+1);let e=[],n=a<=4,t=a>i-4;return n?(e.push(1,2,3,4,5),e.push(m),e.push(i)):t?(e.push(1),e.push(m),e.push(i-4,i-3,i-2,i-1,i)):(e.push(1),e.push(m),e.push(a-1,a,a+1),e.push(m),e.push(i)),e},w= exports.a =_react.forwardRef.call(void 0, (a,i)=>{let{className:e,currentPage:n,totalPages:t,onPageChange:r,condensed:d=!1,hideSkipButtons:u=!1,as:C="div",...g}=_chunkMV7VYPO6cjs.a.call(void 0, a,_chunkHI7GZDRAcjs.a),B=_(n,t),P=()=>{n>1&&r(n-1)},E=()=>{n<t&&r(n+1)},k=()=>{n!==1&&r(1)},L=()=>{n!==t&&r(t)};return _jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{ref:i,"aria-label":"pagination",className:_chunkONNSZMWFcjs.a.call(void 0, s,e),"data-testid":s,...g,children:_jsxruntime.jsx.call(void 0, C,{children:_jsxruntime.jsxs.call(void 0, "div",{className:`${s}Container`,children:[_jsxruntime.jsxs.call(void 0, "div",{className:`${s}Controllers`,children:[!u&&_jsxruntime.jsx.call(void 0, _chunkMOXUZLUZcjs.a,{label:"Go to first page",onClick:k,disabled:n===1,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SkipFirstSmallIcon,{})}),_jsxruntime.jsx.call(void 0, _chunkMOXUZLUZcjs.a,{label:"Go to previous page",onClick:P,disabled:n===1,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronLeftSmallIcon,{})})]}),d?_jsxruntime.jsxs.call(void 0, _chunkTVVHDQIWcjs.a,{size:"md",color:"primary",children:["Page ",n," of ",t]}):_jsxruntime.jsx.call(void 0, "div",{children:_jsxruntime.jsx.call(void 0, "ol",{className:`${s}Pages`,children:B.map((l,$)=>{if(l===m)return _jsxruntime.jsx.call(void 0, "li",{children:_jsxruntime.jsx.call(void 0, _chunkTVVHDQIWcjs.a,{size:"md",color:"primary",className:`${s}Ellipsis`,children:m})},`ellipsis-${$}`);let h=l===n;return _jsxruntime.jsx.call(void 0, "li",{children:_jsxruntime.jsx.call(void 0, _chunkPS7QRCC6cjs.a,{className:`${s}Page`,variant:"ghost",colorScheme:"functional",onClick:()=>r(l),"data-active":h?"":void 0,"aria-label":`Go to page ${l}`,"aria-current":h?"page":void 0,children:l})},l)})})}),_jsxruntime.jsxs.call(void 0, "div",{className:`${s}Controllers`,children:[_jsxruntime.jsx.call(void 0, _chunkMOXUZLUZcjs.a,{label:"Go to next page",onClick:E,disabled:n===t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})}),!u&&_jsxruntime.jsx.call(void 0, _chunkMOXUZLUZcjs.a,{label:"Go to last page",onClick:L,disabled:n===t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SkipLastSmallIcon,{})})]})]})})})});w.displayName=b;exports.a = w;
+//# sourceMappingURL=chunk-K7MHEGRW.cjs.map

package/dist/chunk-K7MHEGRW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-K7MHEGRW.cjs","../src/components/Pagination/Pagination.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ELLIPSIS","MAX_VISIBLE_ITEMS","generatePageNumbers","currentPage","totalPages","_","i","pages","isNearStart","isNearEnd","Pagination","forwardRef","props","ref","className","onPageChange","condensed","hideSkipButtons","Tag","paginationProps","extractProps","marginPropDefs","handlePrevious","handleNext","handleFirst","handleLast","jsx","Slot","cn","jsxs"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-K7MHEGRW.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport {\n  ChevronLeftSmallIcon,\n  ChevronRightSmallIcon,\n  SkipFirstSmallIcon,\n  SkipLastSmallIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { Button } from '../Button/Button';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { PaginationProps } from './Pagination.props';\nimport { Slot } from 'radix-ui';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'Pagination';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype PaginationElement = ComponentRef<'div'>;\n\nconst ELLIPSIS = '...';\nconst MAX_VISIBLE_ITEMS = 7;\n\n/**\n * Generates the array of page numbers and ellipsis to display\n * Max visible items is 7 (including ellipses)\n */\nconst generatePageNumbers = (\n  currentPage: number,\n  totalPages: number\n): Array<number | typeof ELLIPSIS> => {\n  // If total pages fit within max visible items, show all\n  if (totalPages <= MAX_VISIBLE_ITEMS) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const pages: Array<number | typeof ELLIPSIS> = [];\n\n  // Determine if current page is close to start or end\n  const isNearStart = currentPage <= 4;\n  const isNearEnd = currentPage > totalPages - 4;\n\n  if (isNearStart) {\n    // Page 1-4 selected: 1, 2, 3, 4, 5, ..., last\n    pages.push(1, 2, 3, 4, 5);\n    pages.push(ELLIPSIS);\n    pages.push(totalPages);\n  } else if (isNearEnd) {\n    // Page (totalPages-4) to totalPages selected: 1, ..., last-4, last-3, last-2, last-1, last\n    pages.push(1);\n    pages.push(ELLIPSIS);\n    pages.push(totalPages - 4, totalPages - 3, totalPages - 2, totalPages - 1, totalPages);\n  } else {\n    // Middle pages: 1, ..., current-1, current, current+1, ..., last\n    pages.push(1);\n    pages.push(ELLIPSIS);\n    pages.push(currentPage - 1, currentPage, currentPage + 1);\n    pages.push(ELLIPSIS);\n    pages.push(totalPages);\n  }\n\n  return pages;\n};\n\nexport const Pagination = forwardRef<PaginationElement, PaginationProps>((props, ref) => {\n  const {\n    className,\n    currentPage,\n    totalPages,\n    onPageChange,\n    condensed = false,\n    hideSkipButtons = false,\n    as: Tag = 'div',\n    ...paginationProps\n  } = extractProps(props, marginPropDefs);\n\n  const pages = generatePageNumbers(currentPage, totalPages);\n\n  const handlePrevious = () => {\n    if (currentPage > 1) {\n      onPageChange(currentPage - 1);\n    }\n  };\n\n  const handleNext = () => {\n    if (currentPage < totalPages) {\n      onPageChange(currentPage + 1);\n    }\n  };\n\n  const handleFirst = () => {\n    if (currentPage !== 1) {\n      onPageChange(1);\n    }\n  };\n\n  const handleLast = () => {\n    if (currentPage !== totalPages) {\n      onPageChange(totalPages);\n    }\n  };\n\n  return (\n    <Slot.Root\n      ref={ref}\n      aria-label=\"pagination\"\n      className={cn(componentClassName, className)}\n      data-testid={componentClassName}\n      {...paginationProps}\n    >\n      <Tag>\n        <div className={`${componentClassName}Container`}>\n          <div className={`${componentClassName}Controllers`}>\n            {!hideSkipButtons && (\n              <UnstyledIconButton\n                label=\"Go to first page\"\n                onClick={handleFirst}\n                disabled={currentPage === 1}\n              >\n                <SkipFirstSmallIcon />\n              </UnstyledIconButton>\n            )}\n\n            <UnstyledIconButton\n              label=\"Go to previous page\"\n              onClick={handlePrevious}\n              disabled={currentPage === 1}\n            >\n              <ChevronLeftSmallIcon />\n            </UnstyledIconButton>\n          </div>\n\n          {condensed ? (\n            <BodyText size=\"md\" color=\"primary\">\n              Page {currentPage} of {totalPages}\n            </BodyText>\n          ) : (\n            <div>\n              <ol className={`${componentClassName}Pages`}>\n                {pages.map((page, index) => {\n                  if (page === ELLIPSIS) {\n                    return (\n                      <li key={`ellipsis-${index}`}>\n                        <BodyText\n                          size=\"md\"\n                          color=\"primary\"\n                          className={`${componentClassName}Ellipsis`}\n                        >\n                          {ELLIPSIS}\n                        </BodyText>\n                      </li>\n                    );\n                  }\n                  const isActive = page === currentPage;\n                  return (\n                    <li key={page}>\n                      <Button\n                        className={`${componentClassName}Page`}\n                        variant=\"ghost\"\n                        colorScheme=\"functional\"\n                        onClick={() => onPageChange(page)}\n                        data-active={isActive ? '' : undefined}\n                        aria-label={`Go to page ${page}`}\n                        aria-current={isActive ? 'page' : undefined}\n                      >\n                        {page}\n                      </Button>\n                    </li>\n                  );\n                })}\n              </ol>\n            </div>\n          )}\n\n          <div className={`${componentClassName}Controllers`}>\n            <UnstyledIconButton\n              label=\"Go to next page\"\n              onClick={handleNext}\n              disabled={currentPage === totalPages}\n            >\n              <ChevronRightSmallIcon />\n            </UnstyledIconButton>\n\n            {!hideSkipButtons && (\n              <UnstyledIconButton\n                label=\"Go to last page\"\n                onClick={handleLast}\n                disabled={currentPage === totalPages}\n              >\n                <SkipLastSmallIcon />\n              </UnstyledIconButton>\n            )}\n          </div>\n        </div>\n      </Tag>\n    </Slot.Root>\n  );\n});\n\nPagination.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-KANPKMAB.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkZPZD3QYZcjs = require('./chunk-ZPZD3QYZ.cjs');var _chunkLYHXMFNXcjs = require('./chunk-LYHXMFNX.cjs');var _chunkJS6RPUT5cjs = require('./chunk-JS6RPUT5.cjs');var _chunkHI7GZDRAcjs = require('./chunk-HI7GZDRA.cjs');var _chunkON67HB3Zcjs = require('./chunk-ON67HB3Z.cjs');var _chunkJI3B3RZQcjs = require('./chunk-JI3B3RZQ.cjs');var _chunkX74TIAAWcjs = require('./chunk-X74TIAAW.cjs');var _chunkDYPN6YUPcjs = require('./chunk-DYPN6YUP.cjs');var _chunkMV7VYPO6cjs = require('./chunk-MV7VYPO6.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunkNCWQKNBNcjs = require('./chunk-NCWQKNBN.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var C="Card",l=_chunk4Q432K4Wcjs.b.call(void 0, C),w= exports.a =_react.forwardRef.call(void 0, (r,P)=>{let{className:D,children:N,colorScheme:h="neutralStrong",shadowColor:x,...g}=_chunkMV7VYPO6cjs.a.call(void 0, r,_chunkJS6RPUT5cjs.a,_chunkX74TIAAWcjs.a,_chunkZPZD3QYZcjs.a,_chunkHI7GZDRAcjs.a,_chunkON67HB3Zcjs.a,_chunkDYPN6YUPcjs.a,_chunkJI3B3RZQcjs.a);return _jsxruntime.jsx.call(void 0, _chunkLYHXMFNXcjs.a,{ref:P,className:_chunkONNSZMWFcjs.a.call(void 0, l,D),"data-colorscheme":_chunkNCWQKNBNcjs.a.call(void 0, h),"data-shadowcolor":x,"data-card-variant":r.variant,"data-testid":l,...g,as:"div",children:N})});w.displayName=C;exports.a = w;
+//# sourceMappingURL=chunk-KANPKMAB.cjs.map

package/dist/chunk-KANPKMAB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-KANPKMAB.cjs","../src/components/Card/Card.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Card","forwardRef","props","ref","className","children","colorScheme","shadowColor","cardProps","extractProps","flexPropDefs","gapPropDefs","cardPropDefs","marginPropDefs","sizePropDefs","gridItemPropDefs","flexItemPropDefs","jsx","Flex","cn","kebabCase"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCW3c,+CA2BvB,IAtBEA,CAAAA,CAAiB,MAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAOC,+BAAAA,CAAoCC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACrE,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,eAAA,CACd,WAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CACFP,CACAQ,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CAEA,OACEC,6BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKf,CAAAA,CACL,SAAA,CAAWgB,iCAAAA,CAAGrB,CAAoBM,CAAS,CAAA,CAC3C,kBAAA,CAAkBgB,iCAAAA,CAAqB,CAAA,CACvC,kBAAA,CAAkBb,CAAAA,CAClB,mBAAA,CAAmBL,CAAAA,CAAM,OAAA,CACzB,aAAA,CAAaJ,CAAAA,CACZ,GAAGU,CAAAA,CACJ,EAAA,CAAG,KAAA,CAEF,QAAA,CAAAH,CAAAA,CACH,CAEJ,CAAC,CAAA,CAEDL,CAAAA,CAAK,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-KANPKMAB.cjs","sourcesContent":[null,"import { cn } from '../../helpers/cn';\nimport { cardPropDefs } from './Card.props';\nimport type { CardProps } from './Card.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { sizePropDefs } from '../../props/size.props';\nimport { gridItemPropDefs } from '../../props/grid-item.props';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { Flex } from '../Flex/Flex';\nimport { flexPropDefs } from '../Flex/Flex.props';\nimport { kebabCase } from '../../helpers/kebab-case';\nimport { gapPropDefs } from '../../props/gap.props';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\ntype CardElement = ComponentRef<'div'>;\n\nconst COMPONENT_NAME = 'Card';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Card = forwardRef<CardElement, CardProps>((props, ref) => {\n  const {\n    className,\n    children,\n    colorScheme = 'neutralStrong',\n    shadowColor,\n    ...cardProps\n  } = extractProps(\n    props,\n    flexPropDefs,\n    gapPropDefs,\n    cardPropDefs,\n    marginPropDefs,\n    sizePropDefs,\n    gridItemPropDefs,\n    flexItemPropDefs\n  );\n\n  return (\n    <Flex\n      ref={ref}\n      className={cn(componentClassName, className)}\n      data-colorscheme={kebabCase(colorScheme)}\n      data-shadowcolor={shadowColor}\n      data-card-variant={props.variant}\n      data-testid={componentClassName}\n      {...cardProps}\n      as=\"div\"\n    >\n      {children}\n    </Flex>\n  );\n});\n\nCard.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-KBTKO2SF.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkF5ZLBGFYcjs = require('./chunk-F5ZLBGFY.cjs');var _chunkR3O4ESM2cjs = require('./chunk-R3O4ESM2.cjs');var _chunkTVVHDQIWcjs = require('./chunk-TVVHDQIW.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var c="BreadcrumbItem",d=_chunk4Q432K4Wcjs.b.call(void 0, c),b= exports.a =_react.forwardRef.call(void 0, ({className:o,children:i,currentPage:l,...s},f)=>{let{inverted:r}=_react.useContext.call(void 0, _chunkF5ZLBGFYcjs.a);return l?_jsxruntime.jsx.call(void 0, _chunkTVVHDQIWcjs.a,{"aria-current":"page",size:"md",color:r?"inverted":"primary",textAlign:"center",asChild:!0,children:_jsxruntime.jsx.call(void 0, "li",{className:_chunkONNSZMWFcjs.a.call(void 0, d,o),children:i})}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "li",{className:_chunkONNSZMWFcjs.a.call(void 0, d,o),children:_jsxruntime.jsx.call(void 0, _chunkR3O4ESM2cjs.a,{ref:f,...s,inverted:r,children:i})}),_jsxruntime.jsx.call(void 0, _chunkTVVHDQIWcjs.a,{asChild:!0,size:"md",color:r?"inverted":"primary",textAlign:"center",children:_jsxruntime.jsx.call(void 0, "li",{"aria-hidden":!0,children:"/"})})]})});b.displayName=c;exports.a = b;
+//# sourceMappingURL=chunk-KBTKO2SF.cjs.map

package/dist/chunk-KBTKO2SF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-KBTKO2SF.cjs","../src/components/Breadcrumbs/BreadcrumbItem.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","BreadcrumbItem","forwardRef","className","children","currentPage","props","ref","inverted","useContext","jsx","BodyText","cn","jsxs","Fragment","Link"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,8BCAhK,+CA2B7B,IAlBJA,CAAAA,CAAiB,gBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAiBC,+BAAAA,CAC3B,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,WAAA,CAAAC,CAAAA,CAAa,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAQ,CACvD,GAAM,CAAE,QAAA,CAAAC,CAAS,CAAA,CAAIC,+BAAAA,mBAA6B,CAAA,CAElD,OAAIJ,CAAAA,CAEAK,6BAAAA,mBAACC,CAAA,CACC,cAAA,CAAa,MAAA,CACb,IAAA,CAAK,IAAA,CACL,KAAA,CAAOH,CAAAA,CAAW,UAAA,CAAa,SAAA,CAC/B,SAAA,CAAU,QAAA,CACV,OAAA,CAAO,CAAA,CAAA,CAEP,QAAA,CAAAE,6BAAAA,IAAC,CAAA,CAAG,SAAA,CAAWE,iCAAAA,CAAGb,CAAoBI,CAAS,CAAA,CAAI,QAAA,CAAAC,CAAAA,CAAS,CAAA,CAC9D,CAAA,CAKFS,8BAAAA,oBAAAC,CAAA,CACE,QAAA,CAAA,CAAAJ,6BAAAA,IAAC,CAAA,CAAG,SAAA,CAAWE,iCAAAA,CAAGb,CAAoBI,CAAS,CAAA,CAC7C,QAAA,CAAAO,6BAAAA,mBAACK,CAAA,CAAK,GAAA,CAAKR,CAAAA,CAAM,GAAGD,CAAAA,CAAO,QAAA,CAAUE,CAAAA,CAClC,QAAA,CAAAJ,CAAAA,CACH,CAAA,CACF,CAAA,CACAM,6BAAAA,mBAACC,CAAA,CAAS,OAAA,CAAO,CAAA,CAAA,CAAC,IAAA,CAAK,IAAA,CAAK,KAAA,CAAOH,CAAAA,CAAW,UAAA,CAAa,SAAA,CAAW,SAAA,CAAU,QAAA,CAC9E,QAAA,CAAAE,6BAAAA,IAAC,CAAA,CAAG,aAAA,CAAW,CAAA,CAAA,CAAC,QAAA,CAAA,GAAA,CAAC,CAAA,CACnB,CAAA,CAAA,CACF,CAEJ,CACF,CAAA,CAEAT,CAAAA,CAAe,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-KBTKO2SF.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef, useContext } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { BreadcrumbItemProps } from './BreadcrumbItem.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Link } from '../Link/Link';\nimport { BodyText } from '../BodyText/BodyText';\nimport { BreadcrumbsContext } from './Breadcrumbs.context';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'BreadcrumbItem';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype BreadcrumbItemElement = ComponentRef<'a'>;\n\nexport const BreadcrumbItem = forwardRef<BreadcrumbItemElement, BreadcrumbItemProps>(\n  ({ className, children, currentPage, ...props }, ref) => {\n    const { inverted } = useContext(BreadcrumbsContext);\n\n    if (currentPage) {\n      return (\n        <BodyText\n          aria-current=\"page\"\n          size=\"md\"\n          color={inverted ? 'inverted' : 'primary'}\n          textAlign=\"center\"\n          asChild\n        >\n          <li className={cn(componentClassName, className)}>{children}</li>\n        </BodyText>\n      );\n    }\n\n    return (\n      <>\n        <li className={cn(componentClassName, className)}>\n          <Link ref={ref} {...props} inverted={inverted}>\n            {children}\n          </Link>\n        </li>\n        <BodyText asChild size=\"md\" color={inverted ? 'inverted' : 'primary'} textAlign=\"center\">\n          <li aria-hidden>/</li>\n        </BodyText>\n      </>\n    );\n  }\n);\n\nBreadcrumbItem.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-KBX2N5VR.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as s}from"./chunk-IIJPWR54.js";var e=["auto",...s],a={margin:{className:"m",tokens:e,responsive:!0},marginTop:{className:"mt",tokens:e,responsive:!0},marginRight:{className:"mr",tokens:e,responsive:!0},marginBottom:{className:"mb",tokens:e,responsive:!0},marginLeft:{className:"ml",tokens:e,responsive:!0},marginX:{className:"mx",tokens:e,responsive:!0},marginY:{className:"my",tokens:e,responsive:!0}};export{a};
+//# sourceMappingURL=chunk-KBX2N5VR.js.map

package/dist/chunk-KBX2N5VR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/margin.props.ts"],"sourcesContent":["import { spaceTokens } from '../tokens/space';\nimport { CssTokenVariable } from '../types/css-token-variable';\nimport { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst values = ['auto', ...spaceTokens] as const;\n\nexport const marginPropDefs = {\n  margin: { className: 'm', tokens: values, responsive: true },\n  marginTop: { className: 'mt', tokens: values, responsive: true },\n  marginRight: { className: 'mr', tokens: values, responsive: true },\n  marginBottom: { className: 'mb', tokens: values, responsive: true },\n  marginLeft: { className: 'ml', tokens: values, responsive: true },\n  marginX: { className: 'mx', tokens: values, responsive: true },\n  marginY: { className: 'my', tokens: values, responsive: true },\n} satisfies {\n  margin: PropDef<(typeof values)[number] | CssTokenVariable>;\n  marginTop: PropDef<(typeof values)[number] | CssTokenVariable>;\n  marginRight: PropDef<(typeof values)[number] | CssTokenVariable>;\n  marginBottom: PropDef<(typeof values)[number] | CssTokenVariable>;\n  marginLeft: PropDef<(typeof values)[number] | CssTokenVariable>;\n  marginX: PropDef<(typeof values)[number] | CssTokenVariable>;\n  marginY: PropDef<(typeof values)[number] | CssTokenVariable>;\n};\n\nexport interface MarginProps {\n  margin?: Responsive<(typeof values)[number] | CssTokenVariable>;\n  marginTop?: Responsive<(typeof values)[number] | CssTokenVariable>;\n  marginRight?: Responsive<(typeof values)[number] | CssTokenVariable>;\n  marginBottom?: Responsive<(typeof values)[number] | CssTokenVariable>;\n  marginLeft?: Responsive<(typeof values)[number] | CssTokenVariable>;\n  marginX?: Responsive<(typeof values)[number] | CssTokenVariable>;\n  marginY?: Responsive<(typeof values)[number] | CssTokenVariable>;\n}\n"],"mappings":";;wCAKA,IAAMA,EAAS,CAAC,OAAQ,GAAGC,CAAW,EAEzBC,EAAiB,CAC5B,OAAQ,CAAE,UAAW,IAAK,OAAQF,EAAQ,WAAY,EAAK,EAC3D,UAAW,CAAE,UAAW,KAAM,OAAQA,EAAQ,WAAY,EAAK,EAC/D,YAAa,CAAE,UAAW,KAAM,OAAQA,EAAQ,WAAY,EAAK,EACjE,aAAc,CAAE,UAAW,KAAM,OAAQA,EAAQ,WAAY,EAAK,EAClE,WAAY,CAAE,UAAW,KAAM,OAAQA,EAAQ,WAAY,EAAK,EAChE,QAAS,CAAE,UAAW,KAAM,OAAQA,EAAQ,WAAY,EAAK,EAC7D,QAAS,CAAE,UAAW,KAAM,OAAQA,EAAQ,WAAY,EAAK,CAC/D","names":["values","spaceTokens","marginPropDefs"]}

package/dist/chunk-KCMPH25C.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkFIB3MNPFcjs = require('./chunk-FIB3MNPF.cjs');var _chunkLYHXMFNXcjs = require('./chunk-LYHXMFNX.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var s="RadioGroup",a=_chunk4Q432K4Wcjs.b.call(void 0, s),O= exports.a =_react.forwardRef.call(void 0, ({children:f,contentWidth:n,direction:R="column",className:d,label:u,labelVariant:G,helperText:l,validationText:c,validationStatus:P,required:r,disabled:p,loop:N,defaultValue:C,value:y,onValueChange:E,name:F,...h},w)=>{let x={...h,disabled:p,required:r,label:u,labelVariant:G,helperText:l,validationText:c,validationStatus:P},B={width:n,direction:R,name:F,required:r,disabled:p,loop:N,defaultValue:C,value:y,onValueChange:E};return _jsxruntime.jsx.call(void 0, _chunkFIB3MNPFcjs.a,{ref:w,"data-testid":a,...x,children:_jsxruntime.jsx.call(void 0, _radixui.RadioGroup.Root,{asChild:!0,className:_chunkONNSZMWFcjs.a.call(void 0, a,d),...B,children:_jsxruntime.jsx.call(void 0, _chunkLYHXMFNXcjs.a,{children:f})})})});O.displayName=s;exports.a = O;
+//# sourceMappingURL=chunk-KCMPH25C.cjs.map

package/dist/chunk-KCMPH25C.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-KCMPH25C.cjs","../src/components/RadioGroup/RadioGroup.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","RadioGroup","forwardRef","children","contentWidth","direction","className","label","labelVariant","helperText","validationText","validationStatus","required","disabled","loop","defaultValue","value","onValueChange","name","props","ref","formGroupBaseProps","radioGroupRootProps","jsx","FormGroupBase","RadioGroupPrimitive","cn","Flex"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,8BCAxI,mCAGuB,+CA+DxC,IAzDJA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAaC,+BAAAA,CAEtB,CACE,QAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CAAY,QAAA,CACZ,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAqB,CACzB,GAAGF,CAAAA,CACH,QAAA,CAAAN,CAAAA,CACA,QAAA,CAAAD,CAAAA,CACA,KAAA,CAAAL,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CACF,CAAA,CACMW,CAAAA,CAAsB,CAC1B,KAAA,CAAOlB,CAAAA,CACP,SAAA,CAAAC,CAAAA,CACA,IAAA,CAAAa,CAAAA,CACA,QAAA,CAAAN,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CACF,CAAA,CAEA,OACEM,6BAAAA,mBAACC,CAAA,CAAc,GAAA,CAAKJ,CAAAA,CAAK,aAAA,CAAarB,CAAAA,CAAqB,GAAGsB,CAAAA,CAC5D,QAAA,CAAAE,6BAAAA,mBAACE,CAAoB,IAAA,CAApB,CACC,OAAA,CAAO,CAAA,CAAA,CACP,SAAA,CAAWC,iCAAAA,CAAG3B,CAAoBO,CAAS,CAAA,CAC1C,GAAGgB,CAAAA,CAEJ,QAAA,CAAAC,6BAAAA,mBAACI,CAAA,CAAM,QAAA,CAAAxB,CAAAA,CAAS,CAAA,CAClB,CAAA,CACF,CAEJ,CACF,CAAA,CAEAF,CAAAA,CAAW,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-KCMPH25C.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { RadioGroupProps } from './RadioGroup.props';\nimport { Flex } from '../Flex/Flex';\nimport { FormGroupBase } from '../FormGroupBase/FormGroupBase';\n\nconst COMPONENT_NAME = 'RadioGroup';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype RadioGroupElement = ComponentRef<'fieldset'>;\n\nexport const RadioGroup = forwardRef<RadioGroupElement, RadioGroupProps>(\n  (\n    {\n      children,\n      contentWidth,\n      direction = 'column',\n      className,\n      label,\n      labelVariant,\n      helperText,\n      validationText,\n      validationStatus,\n      required,\n      disabled,\n      loop,\n      defaultValue,\n      value,\n      onValueChange,\n      name,\n      ...props\n    },\n    ref\n  ) => {\n    const formGroupBaseProps = {\n      ...props,\n      disabled,\n      required,\n      label,\n      labelVariant,\n      helperText,\n      validationText,\n      validationStatus,\n    };\n    const radioGroupRootProps = {\n      width: contentWidth,\n      direction,\n      name,\n      required,\n      disabled,\n      loop,\n      defaultValue,\n      value,\n      onValueChange,\n    };\n\n    return (\n      <FormGroupBase ref={ref} data-testid={componentClassName} {...formGroupBaseProps}>\n        <RadioGroupPrimitive.Root\n          asChild\n          className={cn(componentClassName, className)}\n          {...radioGroupRootProps}\n        >\n          <Flex>{children}</Flex>\n        </RadioGroupPrimitive.Root>\n      </FormGroupBase>\n    );\n  }\n);\n\nRadioGroup.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-KGSRRRQN.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as r}from"./chunk-4O5VTIJK.js";function p(e,n){if(typeof e=="string")return n[e];if(r(e))return Object.keys(e).reduce((i,s)=>{let t=n[e[s]];return t&&(i[s]=t),i},{})}export{p as a};
+//# sourceMappingURL=chunk-KGSRRRQN.js.map

package/dist/chunk-KGSRRRQN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helpers/get-responsive-translation.ts"],"sourcesContent":["import type { Breakpoint, Responsive } from '../types/responsive';\nimport { isResponsiveObject } from './is-responsive-object';\n\n/**\n * Translates a responsive value according to a provided mapping.\n *\n * If a responsive object is provided, the translation is applied per\n * breakpoint and a responsive object is returned.\n *\n * Examples\n * ```ts\n * getResponsiveTranslation('large', { large: 'medium', medium: 'small' }) // => 'medium'\n * getResponsiveTranslation({ mobile: 'medium', tablet: 'large' }, { large: 'medium', medium: 'small' })\n * // => { mobile: 'small', tablet: 'medium' }\n * getResponsiveTranslation<Orientation>({mobile: 'column', desktop: 'row'}, { column: 'vertical', row: 'horizontal' });\n * // => { mobile: 'vertical', tablet: 'horizontal' }\n * ```\n *\n * @param size - The size value (string or responsive object) to translate.\n * @param translation - Mapping object from input size to output size.\n * @returns The translated size (string or responsive object). May be `undefined` if input is unsupported.\n */\nexport function getResponsiveTranslation<Value extends string | number>(\n  value: Responsive<Value | Omit<string, Value>> | undefined,\n  translation: { [key: string]: Responsive<Value | Omit<string, Value>> | undefined }\n): Responsive<Value | Omit<string, Value>> | undefined {\n  if (typeof value === 'string') {\n    return translation[value];\n  }\n  if (isResponsiveObject(value)) {\n    return Object.keys(value).reduce((acc: { [key: string]: string }, bp: string) => {\n      const translated = translation[value[bp as Breakpoint]];\n      if (translated) {\n        acc[bp] = translated as string;\n      }\n      return acc;\n    }, {});\n  }\n}\n"],"mappings":";;wCAsBO,SAASA,EACdC,EACAC,EACqD,CACrD,GAAI,OAAOD,GAAU,SACnB,OAAOC,EAAYD,CAAK,EAE1B,GAAIE,EAAmBF,CAAK,EAC1B,OAAO,OAAO,KAAKA,CAAK,EAAE,OAAO,CAACG,EAAgCC,IAAe,CAC/E,IAAMC,EAAaJ,EAAYD,EAAMI,CAAgB,CAAC,EACtD,OAAIC,IACFF,EAAIC,CAAE,EAAIC,GAELF,CACT,EAAG,CAAC,CAAC,CAET","names":["getResponsiveTranslation","value","translation","isResponsiveObject","acc","bp","translated"]}

package/dist/chunk-KMCC4EB6.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+var _chunkMOXUZLUZcjs = require('./chunk-MOXUZLUZ.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var g="TabsList",s=_chunk4Q432K4Wcjs.b.call(void 0, g),U= exports.a =_react.forwardRef.call(void 0, ({className:I,children:R,...y},C)=>{let m=_react.useRef.call(void 0, null),c=_react.useRef.call(void 0, null),[E,N]=_react.useState.call(void 0, 0),[W,w]=_react.useState.call(void 0, 0),[h,M]=_react.useState.call(void 0, !1),[p,O]=_react.useState.call(void 0, !1),a=_react.useCallback.call(void 0, ()=>{let e=m.current;if(!e)return;let t=e.querySelector("."+_chunk4Q432K4Wcjs.b.call(void 0, 'Tab[data-state="active"]'));t&&(N(t.offsetLeft),w(t.offsetWidth))},[]),i=_react.useCallback.call(void 0, ()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth+1,r=t&&e.scrollLeft>0,o=t&&e.scrollLeft+e.clientWidth<e.scrollWidth-1;M(r),O(o)},[]);_react.useLayoutEffect.call(void 0, ()=>{a(),i();let e=m.current,t=c.current;if(!e&&!t)return;let r=new ResizeObserver(()=>{a(),i()});e&&r.observe(e),t&&r.observe(t);let o=new MutationObserver(()=>{a(),i()});e&&o.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-state"],childList:!0});let L=()=>i();return _optionalChain([t, 'optionalAccess', _ => _.addEventListener, 'call', _2 => _2("scroll",L,{passive:!0})]),()=>{r.disconnect(),o.disconnect(),_optionalChain([t, 'optionalAccess', _3 => _3.removeEventListener, 'call', _4 => _4("scroll",L)])}},[a,i]);let d=_react.useCallback.call(void 0, e=>{let t=c.current;if(!t)return;let r=t.clientWidth*.6,o=Math.max(0,Math.min(t.scrollLeft+e*r,t.scrollWidth-t.clientWidth));t.scrollTo({left:o,behavior:"smooth"})},[]),$=_react.useCallback.call(void 0, ()=>d(-1),[d]),x=_react.useCallback.call(void 0, ()=>d(1),[d]);return _jsxruntime.jsxs.call(void 0, _radixui.Tabs.List,{ref:C,className:_chunkONNSZMWFcjs.a.call(void 0, s,I),...y,children:[h?_jsxruntime.jsx.call(void 0, "div",{className:`${s}ScrollButtonLeft`,"aria-hidden":!0,children:_jsxruntime.jsx.call(void 0, _chunkMOXUZLUZcjs.a,{label:"scroll left",tabIndex:-1,onClick:$,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronLeftSmallIcon,{})})}):null,_jsxruntime.jsx.call(void 0, "div",{className:_chunkONNSZMWFcjs.a.call(void 0, `${s}Scroll`),"data-scroll-left":h?"":void 0,"data-scroll-right":p?"":void 0,ref:c,children:_jsxruntime.jsxs.call(void 0, "div",{className:`${s}Container`,ref:m,children:[R,_jsxruntime.jsx.call(void 0, "div",{className:`${s}Indicator`,style:{transform:`translateX(${E}px)`,width:`${W}px`}})]})}),p?_jsxruntime.jsx.call(void 0, "div",{className:`${s}ScrollButtonRight`,"aria-hidden":!0,children:_jsxruntime.jsx.call(void 0, _chunkMOXUZLUZcjs.a,{label:"scroll right",tabIndex:-1,onClick:x,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})})}):null]})});U.displayName=g;exports.a = U;
+//# sourceMappingURL=chunk-KMCC4EB6.cjs.map

package/dist/chunk-KMCC4EB6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-KMCC4EB6.cjs","../src/components/Tabs/TabsList.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TabsList","forwardRef","className","children","rest","ref","containerRef","useRef","scrollRef","activeTabIndicatorX","setActiveTabIndicatorX","useState","activeTabIndicatorWidth","setActiveTabIndicatorWidth","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","updateIndicator","useCallback","container","activeTrigger","checkOverflow","el","overflow","canLeft","canRight","useLayoutEffect","scrollEl","resizeObserver","mutationObserver","onScroll","scrollBy","direction","step","target","handleScrollLeft","handleScrollRight","jsxs","TabsPrimitive","cn","jsx"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-KMCC4EB6.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ChevronLeftSmallIcon, ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { TabsListProps } from './Tabs.props';\n\nconst COMPONENT_NAME = 'TabsList';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype TabsListElement = ComponentRef<'div'>;\n\nexport const TabsList = forwardRef<TabsListElement, TabsListProps>(\n  ({ className, children, ...rest }, ref) => {\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const scrollRef = useRef<HTMLDivElement | null>(null);\n\n    // Underline indicator that animates to match the active tab trigger\n    const [activeTabIndicatorX, setActiveTabIndicatorX] = useState(0);\n    const [activeTabIndicatorWidth, setActiveTabIndicatorWidth] = useState(0);\n\n    // Whether horizontal scroll icons should be shown\n    const [canScrollLeft, setCanScrollLeft] = useState(false);\n    const [canScrollRight, setCanScrollRight] = useState(false);\n\n    // Sync indicator position/size to the current active tab trigger\n    const updateIndicator = useCallback(() => {\n      const container = containerRef.current;\n      if (!container) return;\n\n      const activeTrigger = container.querySelector<HTMLElement>(\n        '.' + withGlobalPrefix('Tab[data-state=\"active\"]')\n      );\n      if (!activeTrigger) return;\n\n      setActiveTabIndicatorX(activeTrigger.offsetLeft);\n      setActiveTabIndicatorWidth(activeTrigger.offsetWidth);\n    }, []);\n\n    // Compute overflow and whether we can scroll left/right to show scroll icons\n    const checkOverflow = useCallback(() => {\n      const el = scrollRef.current;\n      if (!el) return;\n\n      const overflow = el.scrollWidth > el.clientWidth + 1;\n      const canLeft = overflow && el.scrollLeft > 0;\n      const canRight = overflow && el.scrollLeft + el.clientWidth < el.scrollWidth - 1;\n\n      setCanScrollLeft(canLeft);\n      setCanScrollRight(canRight);\n    }, []);\n\n    // Keep indicator and scroll buttons in sync with DOM/layout changes\n    useLayoutEffect(() => {\n      updateIndicator();\n      checkOverflow();\n\n      const container = containerRef.current;\n      const scrollEl = scrollRef.current;\n      if (!container && !scrollEl) return;\n\n      // Watch size changes (container and scroll viewport)\n      const resizeObserver = new ResizeObserver(() => {\n        updateIndicator();\n        checkOverflow();\n      });\n\n      if (container) resizeObserver.observe(container);\n      if (scrollEl) resizeObserver.observe(scrollEl);\n\n      // Watch DOM mutations that can affect which tab is active or present\n      const mutationObserver = new MutationObserver(() => {\n        updateIndicator();\n        checkOverflow();\n      });\n\n      if (container) {\n        mutationObserver.observe(container, {\n          subtree: true,\n          attributes: true,\n          attributeFilter: ['data-state'],\n          childList: true,\n        });\n      }\n\n      // Update scroll icons as the user scrolls\n      const onScroll = () => checkOverflow();\n      scrollEl?.addEventListener('scroll', onScroll, { passive: true });\n\n      return () => {\n        resizeObserver.disconnect();\n        mutationObserver.disconnect();\n        scrollEl?.removeEventListener('scroll', onScroll);\n      };\n    }, [updateIndicator, checkOverflow]);\n\n    // Smoothly scroll the tab section by ~60% of the viewport width\n    const scrollBy = useCallback((direction: 1 | -1) => {\n      const el = scrollRef.current;\n      if (!el) return;\n\n      const step = el.clientWidth * 0.6;\n      const target = Math.max(\n        0,\n        Math.min(el.scrollLeft + direction * step, el.scrollWidth - el.clientWidth)\n      );\n      el.scrollTo({ left: target, behavior: 'smooth' });\n    }, []);\n\n    const handleScrollLeft = useCallback(() => scrollBy(-1), [scrollBy]);\n    const handleScrollRight = useCallback(() => scrollBy(1), [scrollBy]);\n\n    return (\n      <TabsPrimitive.List ref={ref} className={cn(componentClassName, className)} {...rest}>\n        {canScrollLeft ? (\n          <div className={`${componentClassName}ScrollButtonLeft`} aria-hidden>\n            <UnstyledIconButton label=\"scroll left\" tabIndex={-1} onClick={handleScrollLeft}>\n              <ChevronLeftSmallIcon />\n            </UnstyledIconButton>\n          </div>\n        ) : null}\n        <div\n          className={cn(`${componentClassName}Scroll`)}\n          data-scroll-left={canScrollLeft ? '' : undefined}\n          data-scroll-right={canScrollRight ? '' : undefined}\n          ref={scrollRef}\n        >\n          <div className={`${componentClassName}Container`} ref={containerRef}>\n            {children}\n            <div\n              className={`${componentClassName}Indicator`}\n              // Animated underline: position and width driven by active trigger\n              style={{\n                transform: `translateX(${activeTabIndicatorX}px)`,\n                width: `${activeTabIndicatorWidth}px`,\n              }}\n            />\n          </div>\n        </div>\n        {canScrollRight ? (\n          <div className={`${componentClassName}ScrollButtonRight`} aria-hidden>\n            <UnstyledIconButton label=\"scroll right\" tabIndex={-1} onClick={handleScrollRight}>\n              <ChevronRightSmallIcon />\n            </UnstyledIconButton>\n          </div>\n        ) : null}\n      </TabsPrimitive.List>\n    );\n  }\n);\n\nTabsList.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-KO262ZYV.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var e=["start","center","end","stretch","between","around","evenly"],t= exports.a ={justifyContent:{className:"jc",tokens:e,responsive:!0}};exports.a = t;
+//# sourceMappingURL=chunk-KO262ZYV.cjs.map

package/dist/chunk-KO262ZYV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-KO262ZYV.cjs","../src/props/justify-content.props.ts"],"names":["values","justifyContentPropDefs"],"mappings":"AAAA,qFAAY;AACZ;ACEA,IAAMA,CAAAA,CAAS,CAAC,OAAA,CAAS,QAAA,CAAU,KAAA,CAAO,SAAA,CAAW,SAAA,CAAW,QAAA,CAAU,QAAQ,CAAA,CAErEC,CAAAA,aAAyB,CACpC,cAAA,CAAgB,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQD,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CACtE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-KO262ZYV.cjs","sourcesContent":[null,"import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst values = ['start', 'center', 'end', 'stretch', 'between', 'around', 'evenly'] as const;\n\nexport const justifyContentPropDefs = {\n  justifyContent: { className: 'jc', tokens: values, responsive: true },\n} satisfies {\n  justifyContent: PropDef<(typeof values)[number]>;\n};\n\nexport interface JustifyContentProps {\n  /**\n   * For flexboxes, the stretch value behaves as flex-start or start.\n   * This is because, in flexboxes, stretching is controlled using the flex-grow property.\n   */\n  justifyContent?: Responsive<(typeof values)[number]>;\n}\n"]}

package/dist/chunk-KRKSQUD7.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as e}from"./chunk-GIHKXHC4.js";import{a as l}from"./chunk-J3AJBV4B.js";import{b as s}from"./chunk-PDEVCIQ3.js";import{forwardRef as w}from"react";import{Tooltip as o}from"radix-ui";import{jsx as t,jsxs as r}from"react/jsx-runtime";var p="Tooltip",i=s(p),b=w(({children:a,heading:n,description:m,open:d,defaultOpen:g,onOpenChange:T,className:f,align:C="topCenter",...c},h)=>{let v={open:d,defaultOpen:g,onOpenChange:T},P={rightCenter:{side:"right",align:"center"},leftCenter:{side:"left",align:"center"},topLeft:{side:"top",align:"end"},topCenter:{side:"top",align:"center"},topRight:{side:"top",align:"start"},bottomLeft:{side:"bottom",align:"end"},bottomCenter:{side:"bottom",align:"center"},bottomRight:{side:"bottom",align:"start"}};return r(o.Root,{...v,children:[t(o.Trigger,{asChild:!0,children:a}),t(o.Portal,{children:r(o.Content,{ref:h,className:l(i,f),avoidCollisions:!0,sticky:"partial",...P[C],sideOffset:4,arrowPadding:32,"data-testid":i,...c,children:[r("div",{className:`${i}Content`,children:[n?t(e,{size:"md",weight:"semibold",children:n}):null,t(e,{size:"md",as:"div",children:m})]}),t(o.Arrow,{className:`${i}Arrow`,width:21,height:11,asChild:!0,children:t("svg",{width:"21",height:"11",viewBox:"0 0 21 11",children:t("path",{d:"M11.9545 10.0458C11.1538 11.0474 9.63077 11.0474 8.83011 10.0458L1.1365e-06 -1L20.7846 -1L11.9545 10.0458Z"})})})]})})]})});b.displayName=p;export{b as a};
+//# sourceMappingURL=chunk-KRKSQUD7.js.map

package/dist/chunk-KRKSQUD7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TooltipProps } from './Tooltip.props';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst COMPONENT_NAME = 'Tooltip';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype TooltipContentElement = ComponentRef<'div'>;\n\nexport const Tooltip = forwardRef<TooltipContentElement, TooltipProps>(\n  (\n    {\n      children,\n      heading,\n      description,\n      open,\n      defaultOpen,\n      onOpenChange,\n      className,\n      align = 'topCenter',\n      ...props\n    },\n    ref\n  ) => {\n    const rootProps = { open, defaultOpen, onOpenChange };\n\n    const alignmentTranslation: {\n      [key: string]: {\n        side: 'bottom' | 'top' | 'right' | 'left';\n        align: 'start' | 'end' | 'center';\n      };\n    } = {\n      rightCenter: { side: 'right', align: 'center' },\n      leftCenter: { side: 'left', align: 'center' },\n      topLeft: { side: 'top', align: 'end' },\n      topCenter: { side: 'top', align: 'center' },\n      topRight: { side: 'top', align: 'start' },\n      bottomLeft: { side: 'bottom', align: 'end' },\n      bottomCenter: { side: 'bottom', align: 'center' },\n      bottomRight: { side: 'bottom', align: 'start' },\n    };\n\n    return (\n      <TooltipPrimitive.Root {...rootProps}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            ref={ref}\n            className={cn(componentClassName, className)}\n            avoidCollisions={true}\n            sticky=\"partial\"\n            {...alignmentTranslation[align]}\n            sideOffset={4}\n            arrowPadding={32}\n            data-testid={componentClassName}\n            {...props}\n          >\n            <div className={`${componentClassName}Content`}>\n              {heading ? (\n                <BodyText size=\"md\" weight=\"semibold\">\n                  {heading}\n                </BodyText>\n              ) : null}\n              <BodyText size=\"md\" as=\"div\">\n                {description}\n              </BodyText>\n            </div>\n            <TooltipPrimitive.Arrow\n              className={`${componentClassName}Arrow`}\n              width={21}\n              height={11}\n              asChild\n            >\n              <svg width=\"21\" height=\"11\" viewBox=\"0 0 21 11\">\n                <path d=\"M11.9545 10.0458C11.1538 11.0474 9.63077 11.0474 8.83011 10.0458L1.1365e-06 -1L20.7846 -1L11.9545 10.0458Z\" />\n              </svg>\n            </TooltipPrimitive.Arrow>\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    );\n  }\n);\n\nTooltip.displayName = COMPONENT_NAME;\n"],"mappings":";;wHAEA,OAAS,cAAAA,MAAkB,QAE3B,OAAS,WAAWC,MAAwB,WA8CpC,cAAAC,EAaI,QAAAC,MAbJ,oBAxCR,IAAMC,EAAiB,UACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAUC,EACrB,CACE,CACE,SAAAC,EACA,QAAAC,EACA,YAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,YACR,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAY,CAAE,KAAAP,EAAM,YAAAC,EAAa,aAAAC,CAAa,EAE9CM,EAKF,CACF,YAAa,CAAE,KAAM,QAAS,MAAO,QAAS,EAC9C,WAAY,CAAE,KAAM,OAAQ,MAAO,QAAS,EAC5C,QAAS,CAAE,KAAM,MAAO,MAAO,KAAM,EACrC,UAAW,CAAE,KAAM,MAAO,MAAO,QAAS,EAC1C,SAAU,CAAE,KAAM,MAAO,MAAO,OAAQ,EACxC,WAAY,CAAE,KAAM,SAAU,MAAO,KAAM,EAC3C,aAAc,CAAE,KAAM,SAAU,MAAO,QAAS,EAChD,YAAa,CAAE,KAAM,SAAU,MAAO,OAAQ,CAChD,EAEA,OACEjB,EAACkB,EAAiB,KAAjB,CAAuB,GAAGF,EACzB,UAAAjB,EAACmB,EAAiB,QAAjB,CAAyB,QAAO,GAAE,SAAAZ,EAAS,EAC5CP,EAACmB,EAAiB,OAAjB,CACC,SAAAlB,EAACkB,EAAiB,QAAjB,CACC,IAAKH,EACL,UAAWI,EAAGjB,EAAoBU,CAAS,EAC3C,gBAAiB,GACjB,OAAO,UACN,GAAGK,EAAqBJ,CAAK,EAC9B,WAAY,EACZ,aAAc,GACd,cAAaX,EACZ,GAAGY,EAEJ,UAAAd,EAAC,OAAI,UAAW,GAAGE,CAAkB,UAClC,UAAAK,EACCR,EAACqB,EAAA,CAAS,KAAK,KAAK,OAAO,WACxB,SAAAb,EACH,EACE,KACJR,EAACqB,EAAA,CAAS,KAAK,KAAK,GAAG,MACpB,SAAAZ,EACH,GACF,EACAT,EAACmB,EAAiB,MAAjB,CACC,UAAW,GAAGhB,CAAkB,QAChC,MAAO,GACP,OAAQ,GACR,QAAO,GAEP,SAAAH,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAClC,SAAAA,EAAC,QAAK,EAAE,6GAA6G,EACvH,EACF,GACF,EACF,GACF,CAEJ,CACF,EAEAK,EAAQ,YAAcH","names":["forwardRef","TooltipPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Tooltip","forwardRef","children","heading","description","open","defaultOpen","onOpenChange","className","align","props","ref","rootProps","alignmentTranslation","TooltipPrimitive","cn","BodyText"]}

package/dist/chunk-KVTEX62Y.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _combobox = require('@base-ui/react/combobox');var _jsxruntime = require('react/jsx-runtime');var e="ComboboxItem",r=_chunk4Q432K4Wcjs.b.call(void 0, e),I= exports.a =({className:b,children:a,...s})=>_jsxruntime.jsxs.call(void 0, _combobox.Combobox.Item,{className:_chunkONNSZMWFcjs.a.call(void 0, r,b),...s,children:[_jsxruntime.jsx.call(void 0, "div",{children:a}),_jsxruntime.jsx.call(void 0, _combobox.Combobox.ItemIndicator,{className:`${r}Indicator`,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.TickSmallIcon,{})})]});I.displayName=e;exports.a = I;
+//# sourceMappingURL=chunk-KVTEX62Y.cjs.map

package/dist/chunk-KVTEX62Y.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-KVTEX62Y.cjs","../src/components/Combobox/ComboboxItem.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ComboboxItem","className","children","props","jsxs","ComboboxPrimitive","cn","jsx"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wECEnD,mDACgB,+CAQ1C,IALEA,CAAAA,CAAiB,cAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAe,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAAA,EAEzDC,8BAAAA,kBAACC,CAAkB,IAAA,CAAlB,CAAuB,SAAA,CAAWC,iCAAAA,CAAGR,CAAoBG,CAAS,CAAA,CAAI,GAAGE,CAAAA,CACxE,QAAA,CAAA,CAAAI,6BAAAA,KAAC,CAAA,CAAK,QAAA,CAAAL,CAAAA,CAAS,CAAA,CACfK,6BAAAA,kBAACF,CAAkB,aAAA,CAAlB,CAAgC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-KVTEX62Y.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { ComboboxItemProps } from './ComboboxItem.props';\n\nconst COMPONENT_NAME = 'ComboboxItem';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ComboboxItem = ({ className, children, ...props }: ComboboxItemProps) => {\n  return (\n    <ComboboxPrimitive.Item className={cn(componentClassName, className)} {...props}>\n      <div>{children}</div>\n      <ComboboxPrimitive.ItemIndicator className={`${componentClassName}Indicator`}>\n        <TickSmallIcon />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  );\n};\n\nComboboxItem.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-KWYDDEKB.js

@@ -0,0 +1,4 @@
+"use client";
+
+var e=["sm","md","lg","xl","2xl"],o={size:{className:"size",tokens:e,responsive:!1,default:"md"}};export{o as a};
+//# sourceMappingURL=chunk-KWYDDEKB.js.map

package/dist/chunk-KWYDDEKB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Heading/Heading.props.ts"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { TextWrapProps } from '../../props/text-wrap.props';\n\nconst sizes = ['sm', 'md', 'lg', 'xl', '2xl'] as const;\n\nexport const headingPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: false, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport interface HeadingProps\n  extends\n    ComponentPropsWithRef<'h2'>,\n    TextAlignProps,\n    TextTransformProps,\n    TextWrapProps,\n    MarginProps {\n  /**\n   * @default h2\n   */\n  as?: 'h1' | 'h2' | 'h3' | 'h4';\n  /** Change the default rendered element for the one passed as a child, merging their props and behavior. */\n  asChild?: boolean;\n  /**\n   * Set the text size styles.\n   * @default md\n   */\n  size?: (typeof sizes)[number];\n  /** Inverts the component colours, for use on darker surface colours. */\n  inverted?: boolean;\n}\n"],"mappings":";;AAOA,IAAMA,EAAQ,CAAC,KAAM,KAAM,KAAM,KAAM,KAAK,EAE/BC,EAAkB,CAC7B,KAAM,CAAE,UAAW,OAAQ,OAAQD,EAAO,WAAY,GAAO,QAAS,IAAK,CAC7E","names":["sizes","headingPropDefs"]}

package/dist/chunk-L4ZAX5S5.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var a="TableHeader",d=_chunk4Q432K4Wcjs.b.call(void 0, a),f= exports.a =_react.forwardRef.call(void 0, ({className:t,children:m,...p},l)=>_jsxruntime.jsx.call(void 0, "thead",{ref:l,className:_chunkONNSZMWFcjs.a.call(void 0, d,t),...p,children:_jsxruntime.jsx.call(void 0, "tr",{children:m})}));f.displayName=a;exports.a = f;
+//# sourceMappingURL=chunk-L4ZAX5S5.cjs.map

package/dist/chunk-L4ZAX5S5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-L4ZAX5S5.cjs","../src/components/Table/TableHeader.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TableHeader","forwardRef","className","children","props","ref","jsx","cn"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,8BCFtD,+CAgBnB,IATFA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAcC,+BAAAA,CACxB,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEhCC,6BAAAA,OAAC,CAAA,CAAM,GAAA,CAAKD,CAAAA,CAAK,SAAA,CAAWE,iCAAAA,CAAGT,CAAoBI,CAAS,CAAA,CAAI,GAAGE,CAAAA,CACjE,QAAA,CAAAE,6BAAAA,IAAC,CAAA,CAAI,QAAA,CAAAH,CAAAA,CAAS,CAAA,CAChB,CAGN,CAAA,CAEAH,CAAAA,CAAY,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-L4ZAX5S5.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TableHeaderProps } from './Table.props';\n\nconst COMPONENT_NAME = 'TableHeader';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype TableHeaderElement = ComponentRef<'thead'>;\n\nexport const TableHeader = forwardRef<TableHeaderElement, TableHeaderProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <thead ref={ref} className={cn(componentClassName, className)} {...props}>\n        <tr>{children}</tr>\n      </thead>\n    );\n  }\n);\n\nTableHeader.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-L7XVQXSE.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as o}from"./chunk-J3AJBV4B.js";import{b as m}from"./chunk-PDEVCIQ3.js";import{Combobox as i}from"@base-ui/react/combobox";import{jsx as C}from"react/jsx-runtime";var t="ComboboxEmpty",s=m(t),e=({className:p,children:b="No options found",...r})=>C(i.Empty,{className:o(s,p),...r,children:b});e.displayName=t;export{e as a};
+//# sourceMappingURL=chunk-L7XVQXSE.js.map

package/dist/chunk-L7XVQXSE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Combobox/ComboboxEmpty.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport type { ComboboxEmptyProps } from './ComboboxEmpty.props';\n\nconst COMPONENT_NAME = 'ComboboxEmpty';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ComboboxEmpty = ({\n  className,\n  children = 'No options found',\n  ...props\n}: ComboboxEmptyProps) => {\n  return (\n    <ComboboxPrimitive.Empty className={cn(componentClassName, className)} {...props}>\n      {children}\n    </ComboboxPrimitive.Empty>\n  );\n};\n\nComboboxEmpty.displayName = COMPONENT_NAME;\n"],"mappings":";;gFAIA,OAAS,YAAYA,MAAyB,0BAY1C,cAAAC,MAAA,oBATJ,IAAMC,EAAiB,gBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAgB,CAAC,CAC5B,UAAAC,EACA,SAAAC,EAAW,mBACX,GAAGC,CACL,IAEIP,EAACD,EAAkB,MAAlB,CAAwB,UAAWS,EAAGN,EAAoBG,CAAS,EAAI,GAAGE,EACxE,SAAAD,EACH,EAIJF,EAAc,YAAcH","names":["ComboboxPrimitive","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ComboboxEmpty","className","children","props","cn"]}

package/dist/chunk-LAZ3J27N.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as t}from"./chunk-OSK2N5OU.js";import{a as o}from"./chunk-J3AJBV4B.js";import{b as e}from"./chunk-PDEVCIQ3.js";import{forwardRef as l}from"react";import{jsx as i}from"react/jsx-runtime";var r="SkeletonBox",f=e(r),s=l(({className:n,...m},p)=>i(t,{ref:p,as:"div",className:o(f,n),...m}));s.displayName=r;export{s as a};
+//# sourceMappingURL=chunk-LAZ3J27N.js.map

package/dist/chunk-LAZ3J27N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/SkeletonBox.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { Box } from '../Box/Box';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { SkeletonBoxProps } from './SkeletonBox.props';\n\nconst COMPONENT_NAME = 'SkeletonBox';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SkeletonBoxElement = ComponentRef<'div'>;\n\nexport const SkeletonBox = forwardRef<SkeletonBoxElement, SkeletonBoxProps>(\n  ({ className, ...props }, ref) => {\n    return <Box ref={ref} as=\"div\" className={cn(componentClassName, className)} {...props} />;\n  }\n);\n\nSkeletonBox.displayName = COMPONENT_NAME;\n"],"mappings":";;wHAEA,OAAS,cAAAA,MAAkB,QAchB,cAAAC,MAAA,oBAPX,IAAMC,EAAiB,cACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAcC,EACzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACjBR,EAACS,EAAA,CAAI,IAAKD,EAAK,GAAG,MAAM,UAAWE,EAAGR,EAAoBI,CAAS,EAAI,GAAGC,EAAO,CAE5F,EAEAH,EAAY,YAAcH","names":["forwardRef","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","SkeletonBox","forwardRef","className","props","ref","Box","cn"]}

package/dist/chunk-LLSM7RUP.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var e=["visible","hidden","clip","scroll","auto"],o= exports.a ={overflow:{className:"o",tokens:e,responsive:!0},overflowX:{className:"ox",tokens:e,responsive:!0},overflowY:{className:"oy",tokens:e,responsive:!0}};exports.a = o;
+//# sourceMappingURL=chunk-LLSM7RUP.cjs.map

package/dist/chunk-LLSM7RUP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-LLSM7RUP.cjs","../src/props/overflow.props.ts"],"names":["values","overflowPropDefs"],"mappings":"AAAA,qFAAY;AACZ;ACEA,IAAMA,CAAAA,CAAS,CAAC,SAAA,CAAW,QAAA,CAAU,MAAA,CAAQ,QAAA,CAAU,MAAM,CAAA,CAEhDC,CAAAA,aAAmB,CAC9B,QAAA,CAAU,CAAE,SAAA,CAAW,GAAA,CAAK,MAAA,CAAQD,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CAAA,CAC7D,SAAA,CAAW,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQA,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CAAA,CAC/D,SAAA,CAAW,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQA,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CACjE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-LLSM7RUP.cjs","sourcesContent":[null,"import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst values = ['visible', 'hidden', 'clip', 'scroll', 'auto'] as const;\n\nexport const overflowPropDefs = {\n  overflow: { className: 'o', tokens: values, responsive: true },\n  overflowX: { className: 'ox', tokens: values, responsive: true },\n  overflowY: { className: 'oy', tokens: values, responsive: true },\n} satisfies {\n  overflow: PropDef<(typeof values)[number]>;\n  overflowX: PropDef<(typeof values)[number]>;\n  overflowY: PropDef<(typeof values)[number]>;\n};\n\nexport interface OverflowProps {\n  overflow?: Responsive<(typeof values)[number]>;\n  overflowX?: Responsive<(typeof values)[number]>;\n  overflowY?: Responsive<(typeof values)[number]>;\n}\n"]}

package/dist/chunk-LMTMAERO.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as m}from"./chunk-I3ZPPVMC.js";import{a}from"./chunk-KBX2N5VR.js";import{a as n}from"./chunk-UWZUYMW4.js";import{a as o}from"./chunk-J3AJBV4B.js";import{b as e}from"./chunk-PDEVCIQ3.js";import{forwardRef as O}from"react";import{jsx as P}from"react/jsx-runtime";var s="Divider",p=e(s);function N(i){return i===void 0?!1:m.includes(i)}var D=O((i,d)=>{let{decorative:f,orientation:t,className:c,...l}=n(i,a),r=N(t)?t:"horizontal",v=f?{"aria-hidden":!0}:{"aria-orientation":r==="vertical"?r:void 0};return P("hr",{ref:d,className:o(p,c),"data-orientation":r,"data-testid":p,...v,...l})});D.displayName=s;export{D as a};
+//# sourceMappingURL=chunk-LMTMAERO.js.map

package/dist/chunk-LMTMAERO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { DividerProps } from './Divider.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ORIENTATIONS } from '../../types/orientation';\nimport type { Orientation } from '../../types/orientation';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst COMPONENT_NAME = 'Divider';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nfunction isValidOrientation(orientation?: Orientation) {\n  if (orientation === undefined) return false;\n  return ORIENTATIONS.includes(orientation);\n}\n\ntype DividerElement = ComponentRef<'hr'>;\n\nexport const Divider = forwardRef<DividerElement, DividerProps>((props, ref) => {\n  const {\n    decorative,\n    orientation: providedOrientation,\n    className,\n    ...dividerProps\n  } = extractProps(props, marginPropDefs);\n  const orientation = isValidOrientation(providedOrientation) ? providedOrientation : 'horizontal';\n\n  // `aria-orientation` defaults to `horizontal` so we only need it if `orientation` is vertical\n  const ariaOrientation = orientation === 'vertical' ? orientation : undefined;\n  const semanticProps = decorative\n    ? { 'aria-hidden': true }\n    : { 'aria-orientation': ariaOrientation };\n\n  return (\n    <hr\n      ref={ref}\n      className={cn(componentClassName, className)}\n      data-orientation={orientation}\n      data-testid={componentClassName}\n      {...semanticProps}\n      {...dividerProps}\n    />\n  );\n});\n\nDivider.displayName = COMPONENT_NAME;\n"],"mappings":";;mMAAA,OAAS,cAAAA,MAAkB,QAoCvB,cAAAC,MAAA,oBA1BJ,IAAMC,EAAiB,UACjBC,EAAqBC,EAAiBF,CAAc,EAE1D,SAASG,EAAmBC,EAA2B,CACrD,OAAIA,IAAgB,OAAkB,GAC/BC,EAAa,SAASD,CAAW,CAC1C,CAIO,IAAME,EAAUC,EAAyC,CAACC,EAAOC,IAAQ,CAC9E,GAAM,CACJ,WAAAC,EACA,YAAaC,EACb,UAAAC,EACA,GAAGC,CACL,EAAIC,EAAaN,EAAOO,CAAc,EAChCX,EAAcD,EAAmBQ,CAAmB,EAAIA,EAAsB,aAI9EK,EAAgBN,EAClB,CAAE,cAAe,EAAK,EACtB,CAAE,mBAHkBN,IAAgB,WAAaA,EAAc,MAGzB,EAE1C,OACEL,EAAC,MACC,IAAKU,EACL,UAAWQ,EAAGhB,EAAoBW,CAAS,EAC3C,mBAAkBR,EAClB,cAAaH,EACZ,GAAGe,EACH,GAAGH,EACN,CAEJ,CAAC,EAEDP,EAAQ,YAAcN","names":["forwardRef","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","isValidOrientation","orientation","ORIENTATIONS","Divider","forwardRef","props","ref","decorative","providedOrientation","className","dividerProps","extractProps","marginPropDefs","semanticProps","cn"]}

package/dist/chunk-LNEDBBH4.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as l}from"./chunk-ZL7L2WXW.js";import{a}from"./chunk-G3WPDRZY.js";import{a as o}from"./chunk-P22N5ZWP.js";import{a as m}from"./chunk-7X24J4CX.js";import{a as n}from"./chunk-J3AJBV4B.js";import{b as p}from"./chunk-PDEVCIQ3.js";import{forwardRef as S}from"react";import{jsx as i,jsxs as D}from"react/jsx-runtime";var s="DateInputSegment",x=p(s),y=S(({className:d,label:u,placeholder:f,value:c,disabled:e,required:I,id:b,...g},N)=>{let{id:t,labelId:r}=m({providedId:b,prefix:"date-input-segment"});return D(o,{className:n(x,d),"data-disabled":e?"":void 0,children:[i(a,{htmlFor:t,id:r,disableUserSelect:!0,children:u}),i(l,{ref:N,type:"text",inputMode:"numeric",pattern:"[0-9]*",id:t,placeholder:e?void 0:f,value:c,disabled:e,required:I,"aria-labelledby":r,spellCheck:"false",...g})]})});y.displayName=s;export{y as a};
+//# sourceMappingURL=chunk-LNEDBBH4.js.map

package/dist/chunk-LNEDBBH4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DateInput/DateInputSegment.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { useIds } from '../../hooks/use-ids';\nimport { InputBase, type InputBaseElement } from '../InputBase/InputBase';\nimport type { DateInputSegmentProps } from './DateInputSegment.props';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'DateInputSegment';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const DateInputSegment = forwardRef<InputBaseElement, DateInputSegmentProps>(\n  ({ className, label, placeholder, value, disabled, required, id: providedId, ...props }, ref) => {\n    const { id, labelId } = useIds({ providedId, prefix: 'date-input-segment' });\n\n    return (\n      <Flex className={cn(componentClassName, className)} data-disabled={disabled ? '' : undefined}>\n        <Label htmlFor={id} id={labelId} disableUserSelect>\n          {label}\n        </Label>\n\n        <InputBase\n          ref={ref}\n          type=\"text\"\n          inputMode=\"numeric\"\n          pattern=\"[0-9]*\"\n          id={id}\n          placeholder={!disabled ? placeholder : undefined}\n          value={value}\n          disabled={disabled}\n          required={required}\n          aria-labelledby={labelId}\n          spellCheck=\"false\"\n          {...props}\n        />\n      </Flex>\n    );\n  }\n);\n\nDateInputSegment.displayName = COMPONENT_NAME;\n"],"mappings":";;2OASA,OAAS,cAAAA,MAAkB,QAUrB,OACE,OAAAC,EADF,QAAAC,MAAA,oBARN,IAAMC,EAAiB,mBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAmBN,EAC9B,CAAC,CAAE,UAAAO,EAAW,MAAAC,EAAO,YAAAC,EAAa,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,GAAIC,EAAY,GAAGC,CAAM,EAAGC,IAAQ,CAC/F,GAAM,CAAE,GAAAC,EAAI,QAAAC,CAAQ,EAAIC,EAAO,CAAE,WAAAL,EAAY,OAAQ,oBAAqB,CAAC,EAE3E,OACEX,EAACiB,EAAA,CAAK,UAAWC,EAAGhB,EAAoBG,CAAS,EAAG,gBAAeI,EAAW,GAAK,OACjF,UAAAV,EAACoB,EAAA,CAAM,QAASL,EAAI,GAAIC,EAAS,kBAAiB,GAC/C,SAAAT,EACH,EAEAP,EAACqB,EAAA,CACC,IAAKP,EACL,KAAK,OACL,UAAU,UACV,QAAQ,SACR,GAAIC,EACJ,YAAcL,EAAyB,OAAdF,EACzB,MAAOC,EACP,SAAUC,EACV,SAAUC,EACV,kBAAiBK,EACjB,WAAW,QACV,GAAGH,EACN,GACF,CAEJ,CACF,EAEAR,EAAiB,YAAcH","names":["forwardRef","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","DateInputSegment","className","label","placeholder","value","disabled","required","providedId","props","ref","id","labelId","useIds","Flex","cn","Label","InputBase"]}

package/dist/chunk-LYHXMFNX.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkJS6RPUT5cjs = require('./chunk-JS6RPUT5.cjs');var _chunkXND7IASVcjs = require('./chunk-XND7IASV.cjs');var _chunkNONBWXLGcjs = require('./chunk-NONBWXLG.cjs');var _chunkTZC7VV6Qcjs = require('./chunk-TZC7VV6Q.cjs');var _chunkRZCMHO55cjs = require('./chunk-RZCMHO55.cjs');var _chunkHI7GZDRAcjs = require('./chunk-HI7GZDRA.cjs');var _chunkSLQGPZQGcjs = require('./chunk-SLQGPZQG.cjs');var _chunkK7DZ64UCcjs = require('./chunk-K7DZ64UC.cjs');var _chunkLLSM7RUPcjs = require('./chunk-LLSM7RUP.cjs');var _chunkC7MGXYJVcjs = require('./chunk-C7MGXYJV.cjs');var _chunkY3LG2TQDcjs = require('./chunk-Y3LG2TQD.cjs');var _chunkON67HB3Zcjs = require('./chunk-ON67HB3Z.cjs');var _chunkIBAWC5PZcjs = require('./chunk-IBAWC5PZ.cjs');var _chunkYXZUIAEJcjs = require('./chunk-YXZUIAEJ.cjs');var _chunkJIOYPZ76cjs = require('./chunk-JIOYPZ76.cjs');var _chunk3MENRMUMcjs = require('./chunk-3MENRMUM.cjs');var _chunkJI3B3RZQcjs = require('./chunk-JI3B3RZQ.cjs');var _chunkX74TIAAWcjs = require('./chunk-X74TIAAW.cjs');var _chunkDYPN6YUPcjs = require('./chunk-DYPN6YUP.cjs');var _chunkKO262ZYVcjs = require('./chunk-KO262ZYV.cjs');var _chunkM4J4J2PDcjs = require('./chunk-M4J4J2PD.cjs');var _chunkQYZWAV35cjs = require('./chunk-QYZWAV35.cjs');var _chunkH2UGCCK3cjs = require('./chunk-H2UGCCK3.cjs');var _chunkPEK32LCDcjs = require('./chunk-PEK32LCD.cjs');var _chunkPF66C53Ncjs = require('./chunk-PF66C53N.cjs');var _chunkMV7VYPO6cjs = require('./chunk-MV7VYPO6.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var v="Flex",T=_chunk4Q432K4Wcjs.b.call(void 0, v),j= exports.a =_react.forwardRef.call(void 0, (z,A)=>{let{className:M,asChild:O,as:k="div",children:o,...G}=_chunkMV7VYPO6cjs.a.call(void 0, z,_chunkJS6RPUT5cjs.a,_chunkQYZWAV35cjs.a,_chunkM4J4J2PDcjs.a,_chunkH2UGCCK3cjs.a,_chunkPEK32LCDcjs.a,_chunkPF66C53Ncjs.a,_chunkIBAWC5PZcjs.a,_chunkYXZUIAEJcjs.a,_chunkJIOYPZ76cjs.a,_chunk3MENRMUMcjs.a,_chunkJI3B3RZQcjs.a,_chunkX74TIAAWcjs.a,_chunkDYPN6YUPcjs.a,_chunkKO262ZYVcjs.a,_chunkHI7GZDRAcjs.a,_chunkSLQGPZQGcjs.a,_chunkK7DZ64UCcjs.a,_chunkLLSM7RUPcjs.a,_chunkC7MGXYJVcjs.a,_chunkY3LG2TQDcjs.a,_chunkON67HB3Zcjs.a,_chunkXND7IASVcjs.a,_chunkNONBWXLGcjs.a,_chunkTZC7VV6Qcjs.a,_chunkRZCMHO55cjs.a);return _jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{ref:A,className:_chunkONNSZMWFcjs.a.call(void 0, T,M),"data-testid":T,...G,children:O?o:_jsxruntime.jsx.call(void 0, k,{children:o})})});j.displayName=v;exports.a = j;
+//# sourceMappingURL=chunk-LYHXMFNX.cjs.map

package/dist/chunk-LYHXMFNX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-LYHXMFNX.cjs","../src/components/Flex/Flex.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Flex","forwardRef","props","ref","className","asChild","Tag","children","flexProps","extractProps","flexPropDefs","alignItemsPropDefs","alignContentPropDefs","alignSelfPropDefs","backgroundColorPropDefs","borderColorPropDefs","borderRadiusPropDefs","borderStylePropDefs","borderWidthPropDefs","colorPropDefs","flexItemPropDefs","gapPropDefs","gridItemPropDefs","justifyContentPropDefs","marginPropDefs","opacityPropDefs","orderPropDefs","overflowPropDefs","paddingPropDefs","positionPropDefs","sizePropDefs","spacingPropDefs","textAlignPropDefs","textTransformPropDefs","zIndexPropDefs","jsx","Slot","cn"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCGjmC,8BA2BM,+CAmDC,IAhDtBA,CAAAA,CAAiB,MAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAOC,+BAAAA,CAAoCC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACrE,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CAAM,KAAA,CACV,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CACFP,CACAQ,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CAEA,OACEC,6BAAAA,aAACC,CAAK,IAAA,CAAL,CACC,GAAA,CAAKjC,CAAAA,CACL,SAAA,CAAWkC,iCAAAA,CAAGvC,CAAoBM,CAAS,CAAA,CAC3C,aAAA,CAAaN,CAAAA,CACZ,GAAGU,CAAAA,CAEH,QAAA,CAAAH,CAAAA,CAAUE,CAAAA,CAAW4B,6BAAAA,CAAC7B,CAAA,CAAK,QAAA,CAAAC,CAAAA,CAAS,CAAA,CACvC,CAEJ,CAAC,CAAA,CAEDP,CAAAA,CAAK,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-LYHXMFNX.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { flexPropDefs } from './Flex.props';\nimport type { FlexProps } from './Flex.props';\nimport { Slot } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { paddingPropDefs } from '../../props/padding.props';\nimport { colorPropDefs } from '../../props/color.props';\nimport { sizePropDefs } from '../../props/size.props';\nimport { gapPropDefs } from '../../props/gap.props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { gridItemPropDefs } from '../../props/grid-item.props';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { spacingPropDefs } from '../../props/spacing.props';\nimport { backgroundColorPropDefs } from '../../props/background-color.props';\nimport { positionPropDefs } from '../../props/position.props';\nimport { textAlignPropDefs } from '../../props/text-align.props';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\nimport { borderColorPropDefs } from '../../props/border-color.props';\nimport { borderRadiusPropDefs } from '../../props/border-radius.props';\nimport { alignItemsPropDefs } from '../../props/align-items.props';\nimport { justifyContentPropDefs } from '../../props/justify-content.props';\nimport { borderStylePropDefs } from '../../props/border-style.props';\nimport { borderWidthPropDefs } from '../../props/border-width.props';\nimport { zIndexPropDefs } from '../../props/z-index.props';\nimport { overflowPropDefs } from '../../props/overflow.props';\nimport { opacityPropDefs } from '../../props/opacity.props';\nimport { alignContentPropDefs } from '../../props/align-content.props';\nimport { alignSelfPropDefs } from '../../props/align-self.props';\nimport type { ComponentRef } from 'react';\nimport { forwardRef } from 'react';\nimport { orderPropDefs } from '../../props/order.props';\n\nconst COMPONENT_NAME = 'Flex';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype FlexElement = ComponentRef<'span'>;\n\nexport const Flex = forwardRef<FlexElement, FlexProps>((props, ref) => {\n  const {\n    className,\n    asChild,\n    as: Tag = 'div',\n    children,\n    ...flexProps\n  } = extractProps(\n    props,\n    flexPropDefs,\n    alignItemsPropDefs,\n    alignContentPropDefs,\n    alignSelfPropDefs,\n    backgroundColorPropDefs,\n    borderColorPropDefs,\n    borderRadiusPropDefs,\n    borderStylePropDefs,\n    borderWidthPropDefs,\n    colorPropDefs,\n    flexItemPropDefs,\n    gapPropDefs,\n    gridItemPropDefs,\n    justifyContentPropDefs,\n    marginPropDefs,\n    opacityPropDefs,\n    orderPropDefs,\n    overflowPropDefs,\n    paddingPropDefs,\n    positionPropDefs,\n    sizePropDefs,\n    spacingPropDefs,\n    textAlignPropDefs,\n    textTransformPropDefs,\n    zIndexPropDefs\n  );\n\n  return (\n    <Slot.Root\n      ref={ref}\n      className={cn(componentClassName, className)}\n      data-testid={componentClassName}\n      {...flexProps}\n    >\n      {asChild ? children : <Tag>{children}</Tag>}\n    </Slot.Root>\n  );\n});\n\nFlex.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-M4E57QB3.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as o}from"./chunk-J3AJBV4B.js";import{b as e}from"./chunk-PDEVCIQ3.js";import{forwardRef as p}from"react";import{Tabs as s}from"radix-ui";import{jsx as f}from"react/jsx-runtime";var r="Tab",i=e(r),n=p(({className:t,...m},a)=>f(s.Trigger,{ref:a,className:o(i,t),...m}));n.displayName=r;export{n as a};
+//# sourceMappingURL=chunk-M4E57QB3.js.map

package/dist/chunk-M4E57QB3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/Tab.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TabProps } from './Tabs.props';\n\nconst COMPONENT_NAME = 'Tab';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype TabElement = ComponentRef<'button'>;\n\nexport const Tab = forwardRef<TabElement, TabProps>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger ref={ref} className={cn(componentClassName, className)} {...props} />\n));\n\nTab.displayName = COMPONENT_NAME;\n"],"mappings":";;gFAEA,OAAS,cAAAA,MAAkB,QAG3B,OAAS,QAAQC,MAAqB,WAUpC,cAAAC,MAAA,oBANF,IAAMC,EAAiB,MACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAMC,EAAiC,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC5ER,EAACS,EAAc,QAAd,CAAsB,IAAKD,EAAK,UAAWE,EAAGR,EAAoBI,CAAS,EAAI,GAAGC,EAAO,CAC3F,EAEDH,EAAI,YAAcH","names":["forwardRef","TabsPrimitive","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","Tab","forwardRef","className","props","ref","TabsPrimitive","cn"]}

package/dist/chunk-M4J4J2PD.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var e=["start","center","end","stretch","between","around","evenly"],n= exports.a ={alignContent:{className:"ac",tokens:e,responsive:!0}};exports.a = n;
+//# sourceMappingURL=chunk-M4J4J2PD.cjs.map

package/dist/chunk-M4J4J2PD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-M4J4J2PD.cjs","../src/props/align-content.props.ts"],"names":["values","alignContentPropDefs"],"mappings":"AAAA,qFAAY;AACZ;ACEA,IAAMA,CAAAA,CAAS,CAAC,OAAA,CAAS,QAAA,CAAU,KAAA,CAAO,SAAA,CAAW,SAAA,CAAW,QAAA,CAAU,QAAQ,CAAA,CAErEC,CAAAA,aAAuB,CAClC,YAAA,CAAc,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQD,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CACpE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-M4J4J2PD.cjs","sourcesContent":[null,"import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst values = ['start', 'center', 'end', 'stretch', 'between', 'around', 'evenly'] as const;\n\nexport const alignContentPropDefs = {\n  alignContent: { className: 'ac', tokens: values, responsive: true },\n} satisfies {\n  alignContent: PropDef<(typeof values)[number]>;\n};\n\nexport interface AlignContentProps {\n  alignContent?: Responsive<(typeof values)[number]>;\n}\n"]}

package/dist/chunk-MAHLRZOU.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkUWJ37UIDcjs = require('./chunk-UWJ37UID.cjs');var _chunkR3O4ESM2cjs = require('./chunk-R3O4ESM2.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var m="ProgressStepButton",S=_chunk4Q432K4Wcjs.b.call(void 0, m),B= exports.a =_react.forwardRef.call(void 0, ({label:t,className:a,status:e,disabled:r,onClick:f,"aria-label":P,...l},c)=>{let u=e==="active";return _jsxruntime.jsx.call(void 0, _chunkUWJ37UIDcjs.a,{status:e,className:_chunkONNSZMWFcjs.a.call(void 0, S,a),"aria-label":P,label:t,children:u?t:_jsxruntime.jsx.call(void 0, _chunkR3O4ESM2cjs.a,{asChild:!0,"aria-disabled":r,children:_jsxruntime.jsx.call(void 0, "button",{ref:c,...l,onClick:r?void 0:f,children:t})})})});B.displayName=m;exports.a = B;
+//# sourceMappingURL=chunk-MAHLRZOU.cjs.map

package/dist/chunk-MAHLRZOU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-MAHLRZOU.cjs","../src/components/ProgressStepper/ProgressStepButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressStepButton","forwardRef","label","className","status","disabled","onClick","ariaLabel","props","ref","isActive","jsx","ProgressStep","cn","Link"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,8BCAxI,+CA4Bf,IApBNA,CAAAA,CAAiB,oBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAqBC,+BAAAA,CAC/B,CAAE,KAAA,CAAAC,CAAAA,CAAO,SAAA,CAAAC,CAAAA,CAAW,MAAA,CAAAC,CAAAA,CAAQ,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAcC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAQ,CAC3F,IAAMC,CAAAA,CAAWN,CAAAA,GAAW,QAAA,CAE5B,OACEO,6BAAAA,mBAACC,CAAA,CACC,MAAA,CAAQR,CAAAA,CACR,SAAA,CAAWS,iCAAAA,CAAGf,CAAoBK,CAAS,CAAA,CAC3C,YAAA,CAAYI,CAAAA,CACZ,KAAA,CAAOL,CAAAA,CAEN,QAAA,CAAAQ,CAAAA,CACCR,CAAAA,CAEAS,6BAAAA,mBAACG,CAAA,CAAK,OAAA,CAAO,CAAA,CAAA,CAAC,eAAA,CAAeT,CAAAA,CAC3B,QAAA,CAAAM,6BAAAA,QAAC,CAAA,CAAO,GAAA,CAAKF,CAAAA,CAAM,GAAGD,CAAAA,CAAO,OAAA,CAASH,CAAAA,CAAW,KAAA,CAAA,CAAYC,CAAAA,CAC1D,QAAA,CAAAJ,CAAAA,CACH,CAAA,CACF,CAAA,CAEJ,CAEJ,CACF,CAAA,CAEAF,CAAAA,CAAmB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-MAHLRZOU.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Link } from '../Link/Link';\nimport { cn } from '../../helpers/cn';\nimport type { ProgressStepButtonProps } from './ProgressStep.props';\nimport { ProgressStep } from './ProgressStep';\n\nconst COMPONENT_NAME = 'ProgressStepButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ProgressStepButtonElement = ComponentRef<'button'>;\n\nexport const ProgressStepButton = forwardRef<ProgressStepButtonElement, ProgressStepButtonProps>(\n  ({ label, className, status, disabled, onClick, 'aria-label': ariaLabel, ...props }, ref) => {\n    const isActive = status === 'active';\n\n    return (\n      <ProgressStep\n        status={status}\n        className={cn(componentClassName, className)}\n        aria-label={ariaLabel}\n        label={label}\n      >\n        {isActive ? (\n          label\n        ) : (\n          <Link asChild aria-disabled={disabled}>\n            <button ref={ref} {...props} onClick={disabled ? undefined : onClick}>\n              {label}\n            </button>\n          </Link>\n        )}\n      </ProgressStep>\n    );\n  }\n);\n\nProgressStepButton.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-MAI4XPIG.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkTVVHDQIWcjs = require('./chunk-TVVHDQIW.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _jsxruntime = require('react/jsx-runtime');var e="ProgressBarValueText",a=_chunk4Q432K4Wcjs.b.call(void 0, e),t= exports.a =s=>_jsxruntime.jsx.call(void 0, _chunkTVVHDQIWcjs.a,{as:"span",className:a,"aria-hidden":"true",...s});t.displayName=e;exports.a = t;
+//# sourceMappingURL=chunk-MAI4XPIG.cjs.map

package/dist/chunk-MAI4XPIG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-MAI4XPIG.cjs","../src/components/ProgressBar/ProgressBarValueText.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressBarValueText","props","jsx","BodyText"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,+CCM/E,IAJIA,CAAAA,CAAiB,sBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAwBC,CAAAA,EACnCC,6BAAAA,mBAACC,CAAA,CAAS,EAAA,CAAG,MAAA,CAAO,SAAA,CAAWL,CAAAA,CAAoB,aAAA,CAAY,MAAA,CAAQ,GAAGG,CAAAA,CAAO,CAAA,CAGnFD,CAAAA,CAAqB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-MAI4XPIG.cjs","sourcesContent":[null,"import { BodyText } from '../BodyText/BodyText';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { BodyTextProps } from '../BodyText/BodyText.props';\n\nconst COMPONENT_NAME = 'ProgressBarValueText';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ProgressBarValueText = (props: Pick<BodyTextProps, 'children'>) => (\n  <BodyText as=\"span\" className={componentClassName} aria-hidden=\"true\" {...props} />\n);\n\nProgressBarValueText.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-MB2NMZ2I.js

@@ -0,0 +1,4 @@
+"use client";
+
+var e=["sm","md","lg"],o={size:{className:"size",tokens:e,responsive:!0,default:"md"}};export{o as a};
+//# sourceMappingURL=chunk-MB2NMZ2I.js.map

package/dist/chunk-MB2NMZ2I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/SkeletonBodyText.props.ts"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport type { MarginProps } from '../../props/margin.props';\nimport type { PropDef } from '../../props/prop-def';\nimport type { Responsive } from '../../types/responsive';\nimport { SizeProps } from '../../props/size.props';\n\nconst sizes = ['sm', 'md', 'lg'] as const;\n\nexport const skeletonBodyTextPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport interface SkeletonBodyTextProps\n  extends\n    Omit<ComponentPropsWithRef<'div'>, 'children' | 'color'>,\n    MarginProps,\n    Pick<SizeProps, 'width' | 'maxWidth' | 'minWidth'> {\n  /**\n   * Set the size to match BodyText size.\n   * @default md\n   */\n  size?: Responsive<(typeof sizes)[number]>;\n  /**\n   * Number of skeleton lines to render.\n   * @default 1\n   */\n  lines?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';\n}\n"],"mappings":";;AAMA,IAAMA,EAAQ,CAAC,KAAM,KAAM,IAAI,EAElBC,EAA2B,CACtC,KAAM,CAAE,UAAW,OAAQ,OAAQD,EAAO,WAAY,GAAM,QAAS,IAAK,CAC5E","names":["sizes","skeletonBodyTextPropDefs"]}

package/dist/chunk-MH3GNWQM.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as w}from"./chunk-XHV267M2.js";import{a as h}from"./chunk-GIHKXHC4.js";import{a as u}from"./chunk-KBX2N5VR.js";import{a as b}from"./chunk-7X24J4CX.js";import{a as p}from"./chunk-UWZUYMW4.js";import{a as d}from"./chunk-J3AJBV4B.js";import{b as f}from"./chunk-PDEVCIQ3.js";import{Switch as S}from"radix-ui";import{CloseSmallIcon as L,TickSmallIcon as M}from"@utilitywarehouse/hearth-react-icons";import{forwardRef as O,useRef as x,useEffect as B}from"react";import{jsx as n,jsxs as E}from"react/jsx-runtime";var v="Switch",o=f(v),g=O(({...C},N)=>{let{className:P,label:r,id:R,"aria-labelledby":T,disabled:e,onCheckedChange:y,...k}=p(C,w,u),{id:l,labelId:c}=b({providedId:R,prefix:"switch"}),a=!!r,I=x(null),t=N||I;return B(()=>{let s=m=>{m.preventDefault()},i=null;return t&&typeof t=="object"&&t.current&&(i=t.current),i&&e&&i.addEventListener("click",s),()=>{i&&i.removeEventListener("click",s)}},[t,e]),E("div",{"aria-disabled":e||void 0,className:o,"data-testid":o,children:[a?n(h,{as:"label",size:"lg",id:c,htmlFor:l,children:r}):null,n(S.Root,{ref:t,className:d(`${o}Root`,P),id:l,"aria-labelledby":T??(a?c:void 0),"aria-disabled":e||void 0,"data-disabled":e||void 0,onCheckedChange:e?void 0:y,...k,children:E(S.Thumb,{className:`${o}Thumb`,children:[n(L,{className:`${o}CloseIcon`}),n(M,{className:`${o}TickIcon`})]})})]})});g.displayName=v;export{g as a};
+//# sourceMappingURL=chunk-MH3GNWQM.js.map

package/dist/chunk-MH3GNWQM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Switch/Switch.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { switchPropDefs } from './Switch.props';\nimport type { SwitchProps } from './Switch.props';\nimport { cn } from '../../helpers/cn';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport { extractProps } from '../../helpers/extract-props';\nimport { CloseSmallIcon, TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { useIds } from '../../hooks/use-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { forwardRef, useRef, useEffect } from 'react';\nimport type { ComponentRef, RefObject } from 'react';\n\nconst COMPONENT_NAME = 'Switch';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SwitchElement = ComponentRef<'button'>;\n\nexport const Switch = forwardRef<SwitchElement, SwitchProps>(({ ...props }, forwardedRef) => {\n  const {\n    className,\n    label,\n    id: providedId,\n    'aria-labelledby': ariaLabelledby,\n    disabled,\n    onCheckedChange,\n    ...switchProps\n  } = extractProps(props, switchPropDefs, marginPropDefs);\n  const { id, labelId } = useIds({ providedId, prefix: 'switch' });\n  const showLabel = !!label;\n  const internalRef = useRef<HTMLButtonElement | null>(null);\n  const switchRef = forwardedRef || internalRef;\n\n  // We're using aria-disabled rather than disabled, so that the element can\n  // still be focused with a keyboard. Therefore we need to prevent the\n  // internal button from being clickable when the component is disabled.\n  useEffect(() => {\n    const handleClick = (e: MouseEvent) => {\n      e.preventDefault();\n    };\n\n    // Get the ref value and ensure proper typing\n    let currentElement: HTMLButtonElement | null = null;\n    if (switchRef && typeof switchRef === 'object' && switchRef.current) {\n      // Type assertion to ensure TypeScript understands this is a valid ref object\n      const refObject = switchRef as RefObject<HTMLButtonElement>;\n      currentElement = refObject.current;\n    }\n\n    if (currentElement && disabled) {\n      currentElement.addEventListener('click', handleClick);\n    }\n\n    return () => {\n      if (currentElement) {\n        currentElement.removeEventListener('click', handleClick);\n      }\n    };\n  }, [switchRef, disabled]);\n\n  return (\n    <div\n      aria-disabled={disabled || undefined}\n      className={componentClassName}\n      data-testid={componentClassName}\n    >\n      {showLabel ? (\n        <BodyText as=\"label\" size=\"lg\" id={labelId} htmlFor={id}>\n          {label}\n        </BodyText>\n      ) : null}\n      <SwitchPrimitive.Root\n        ref={switchRef}\n        className={cn(`${componentClassName}Root`, className)}\n        id={id}\n        aria-labelledby={ariaLabelledby ?? (showLabel ? labelId : undefined)}\n        aria-disabled={disabled || undefined}\n        data-disabled={disabled || undefined}\n        onCheckedChange={disabled ? undefined : onCheckedChange}\n        {...switchProps}\n      >\n        <SwitchPrimitive.Thumb className={`${componentClassName}Thumb`}>\n          <CloseSmallIcon className={`${componentClassName}CloseIcon`} />\n          <TickSmallIcon className={`${componentClassName}TickIcon`} />\n        </SwitchPrimitive.Thumb>\n      </SwitchPrimitive.Root>\n    </div>\n  );\n});\n\nSwitch.displayName = COMPONENT_NAME;\n"],"mappings":";;wRAMA,OAAS,UAAUA,MAAuB,WAE1C,OAAS,kBAAAC,EAAgB,iBAAAC,MAAqB,uCAI9C,OAAS,cAAAC,EAAY,UAAAC,EAAQ,aAAAC,MAAiB,QAyDtC,cAAAC,EAcA,QAAAC,MAdA,oBAtDR,IAAMC,EAAiB,SACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAASR,EAAuC,CAAC,CAAE,GAAGS,CAAM,EAAGC,IAAiB,CAC3F,GAAM,CACJ,UAAAC,EACA,MAAAC,EACA,GAAIC,EACJ,kBAAmBC,EACnB,SAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,EAAIC,EAAaT,EAAOU,EAAgBC,CAAc,EAChD,CAAE,GAAAC,EAAI,QAAAC,CAAQ,EAAIC,EAAO,CAAE,WAAAV,EAAY,OAAQ,QAAS,CAAC,EACzDW,EAAY,CAAC,CAACZ,EACda,EAAcxB,EAAiC,IAAI,EACnDyB,EAAYhB,GAAgBe,EAKlC,OAAAvB,EAAU,IAAM,CACd,IAAMyB,EAAeC,GAAkB,CACrCA,EAAE,eAAe,CACnB,EAGIC,EAA2C,KAC/C,OAAIH,GAAa,OAAOA,GAAc,UAAYA,EAAU,UAG1DG,EADkBH,EACS,SAGzBG,GAAkBd,GACpBc,EAAe,iBAAiB,QAASF,CAAW,EAG/C,IAAM,CACPE,GACFA,EAAe,oBAAoB,QAASF,CAAW,CAE3D,CACF,EAAG,CAACD,EAAWX,CAAQ,CAAC,EAGtBX,EAAC,OACC,gBAAeW,GAAY,OAC3B,UAAWT,EACX,cAAaA,EAEZ,UAAAkB,EACCrB,EAAC2B,EAAA,CAAS,GAAG,QAAQ,KAAK,KAAK,GAAIR,EAAS,QAASD,EAClD,SAAAT,EACH,EACE,KACJT,EAAC4B,EAAgB,KAAhB,CACC,IAAKL,EACL,UAAWM,EAAG,GAAG1B,CAAkB,OAAQK,CAAS,EACpD,GAAIU,EACJ,kBAAiBP,IAAmBU,EAAYF,EAAU,QAC1D,gBAAeP,GAAY,OAC3B,gBAAeA,GAAY,OAC3B,gBAAiBA,EAAW,OAAYC,EACvC,GAAGC,EAEJ,SAAAb,EAAC2B,EAAgB,MAAhB,CAAsB,UAAW,GAAGzB,CAAkB,QACrD,UAAAH,EAAC8B,EAAA,CAAe,UAAW,GAAG3B,CAAkB,YAAa,EAC7DH,EAAC+B,EAAA,CAAc,UAAW,GAAG5B,CAAkB,WAAY,GAC7D,EACF,GACF,CAEJ,CAAC,EAEDE,EAAO,YAAcH","names":["SwitchPrimitive","CloseSmallIcon","TickSmallIcon","forwardRef","useRef","useEffect","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Switch","props","forwardedRef","className","label","providedId","ariaLabelledby","disabled","onCheckedChange","switchProps","extractProps","switchPropDefs","marginPropDefs","id","labelId","useIds","showLabel","internalRef","switchRef","handleClick","e","currentElement","BodyText","SwitchPrimitive","cn","CloseSmallIcon","TickSmallIcon"]}

package/dist/chunk-MHDXUNFS.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as d}from"./chunk-JH7NHQH7.js";import{a as o}from"./chunk-PDEVCIQ3.js";import{a as l}from"./chunk-4O5VTIJK.js";var g=({value:e,prefix:s,tokens:$,isResponsive:f,defaultValue:m})=>{let n=f?"-r":"";if(!(e===void 0&&m===void 0)){if(e===void 0&&m)return{className:`${"h"}${n}-${s}-${m}`};if(typeof e=="string"||typeof e=="number")return $?.includes(e)?{className:`${"h"}${n}-${s}-${d(String(e))}`}:{className:`${"h"}${n}-${s}`,style:{[`--h${n}-${s}`]:e||m}};if(typeof e=="boolean"&&e===!0)return{className:`${"h"}-${s}`};if(l(e)){let c="mobile",p=Object.keys(e).map(t=>{let i=e[t];if(i!==void 0){let a=$?.includes(i),r;return a?r=`${"h"}${n}-${s}-${i}`:r=`${"h"}${n}-${s}`,t===c?r:`${t}:${r}`}}),u=Object.keys(e).reduce((t,i)=>{let a=e[i],r=$?.includes(a);if(a!==void 0&&!r){let y=`--h${n}-${s}`,k=i===c?y:`${y}-${i}`;return t[k]=a,t}return t},{});return{className:p.join(" "),style:u}}}};export{g as a};
+//# sourceMappingURL=chunk-MHDXUNFS.js.map

package/dist/chunk-MHDXUNFS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helpers/get-classname-styles.ts"],"sourcesContent":["import type { Breakpoints, Responsive } from '../types/responsive';\nimport { isResponsiveObject } from './is-responsive-object';\nimport { kebabCase } from './kebab-case';\nimport { GLOBAL_PREFIX } from './with-global-prefix';\n\n/**\n * Options for `getClassNameStyles`.\n */\ntype GetClassNameStylesOptions = {\n  /**\n   * The input to map to className/style.\n   * - Token or raw value: string | number\n   * - Boolean: only `true` is meaningful and produces a bare class\n   * - Responsive: per-breakpoint values keyed by breakpoint names\n   */\n  value: Responsive<string | number> | undefined;\n  /**\n   * The utility prefix segment used in the generated class(es), e.g. `color`, `gap`.\n   */\n  prefix: string | undefined;\n  /**\n   * Whitelist of token values that should become token classes instead of CSS variables.\n   */\n  tokens: ReadonlyArray<string | number> | undefined;\n  /**\n   * Whether to include the responsive segment (`-r`) and support responsive var naming.\n   */\n  isResponsive: boolean;\n  /**\n   * Default token/raw value to use when `value` is `undefined`.\n   */\n  defaultValue?: string | number;\n};\n\n/**\n * Build a className (and optional style object) for utility-first, token-aware styling.\n *\n * The function maps a provided value (token, raw value, boolean, or responsive object)\n * to a prefixed utility class name, and when necessary, emits CSS custom properties\n * to carry raw values that are not represented by tokens.\n *\n * Behavior summary:\n * - Token value: emits a single class (e.g. `h-r-color-red-500`).\n * - Non-token value: emits a base class (e.g. `h-r-width`) and a style object with a CSS var.\n * - Boolean true: emits a single non-responsive class (e.g. `h-hidden`).\n * - Responsive object: emits breakpoint-scoped classes and, for non-token values, breakpoint-scoped CSS vars.\n * - When `defaultValue` is provided and `value` is `undefined`, a default class is emitted.\n *\n * Examples\n * ```ts\n * // 1) Token value → single token class\n * getClassNameStyles({\n *   value: 'grey-200',\n *   prefix: 'border-color',\n *   tokens: ['blue0', 'blue50', 'blue100', ... ],\n *   isResponsive: false,\n * });\n * // => { className: 'h-color-red-500' }\n *\n * // 2) Non-token value → base class + CSS variable\n * getClassNameStyles({\n *   value: 16,\n *   prefix: 'gap',\n *   tokens: [0, 4, 8, 12],\n *   isResponsive: false,\n * });\n * // => { className: 'h-gap', style: { '--h-gap': 16 } }\n *\n * // 3) Boolean true → simple class (non-responsive)\n * getClassNameStyles({\n *   value: true,\n *   prefix: 'hidden',\n *   tokens: undefined,\n *   isResponsive: false,\n * });\n * // => { className: 'h-hidden' }\n *\n * // 4) Responsive object with mixed token/non-token values\n * getClassNameStyles({\n *   value: { mobile: 'red-500', tablet: '#ff0000' },\n *   prefix: 'color',\n *   tokens: ['red-500'],\n *   isResponsive: true,\n * });\n * // => {\n * //   className: 'h-r-color-red-500 tablet:h-r-color',\n * //   style: { '--h-r-color-tablet': '#ff0000' }\n * // }\n *\n * // 5) Default value when value is undefined\n * getClassNameStyles({\n *   value: undefined,\n *   defaultValue: 'md',\n *   prefix: 'size',\n *   tokens: ['sm', 'md', 'lg'],\n *   isResponsive: false,\n * });\n * // => { className: 'h-size-md' }\n * ```\n *\n * @param value The styling value; may be a token, raw value, boolean true, or a responsive object.\n * @param prefix The utility prefix to use in the generated class name(s).\n * @param tokens List of acceptable token values; used to decide token vs raw handling.\n * @param isResponsive Whether this utility participates in responsive variants (adds the `-r` segment).\n * @param defaultValue Optional default token/raw value used when `value` is `undefined`.\n * @returns An object containing `className` and, when needed, a `style` map of CSS custom properties.\n */\nexport const getClassNameStyles = ({\n  value,\n  prefix,\n  tokens,\n  isResponsive,\n  defaultValue,\n}: GetClassNameStylesOptions) => {\n  const responsivePrefix = isResponsive ? '-r' : '';\n\n  if (value === undefined && defaultValue === undefined) {\n    return;\n  }\n\n  // If no explicit value is provided but a default exists, emit the default token class\n  if (value === undefined && defaultValue) {\n    return { className: `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${defaultValue}` };\n  }\n\n  // Handle primitive (token/raw) values: decide between token class vs CSS var\n  if (typeof value === 'string' || typeof value === 'number') {\n    const isTokenValue = tokens?.includes(value);\n    if (isTokenValue) {\n      return {\n        className: `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${kebabCase(String(value))}`,\n      };\n    }\n    return {\n      className: `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}`,\n      style: { [`--h${responsivePrefix}-${prefix}`]: value || defaultValue },\n    };\n  }\n\n  if (typeof value === 'boolean' && value === true) {\n    // boolean values do not have any associated tokens and we currently don't support responsive boolean props\n    return { className: `${GLOBAL_PREFIX}-${prefix}` };\n  }\n\n  // Handle responsive props: generate per-breakpoint classes and CSS variables.\n  // - For token values: emit `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${token}` with breakpoint prefix (except initial).\n  // - For non-token values: emit `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}` and attach a breakpoint-scoped CSS variable\n  //   `--h${responsivePrefix}-${prefix}` or `--h${responsivePrefix}-${prefix}-${bp}` for non-initial breakpoints.\n  if (isResponsiveObject(value)) {\n    const initialBreakpoint = 'mobile';\n\n    // Build per-breakpoint classes from the responsive value object:\n    // - For each breakpoint, read its value and determine if it's a token.\n    // - Token → `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${token}`.\n    // - Non-token → `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}`.\n    // - Prefix non-initial breakpoints with `${bp}:`.\n    // - Result: one class string per defined breakpoint in `classes`.\n    //\n    // These classes will work in conjunction with PostCSS to implement\n    // styles that are only valid at the determined breakpoint.\n    const classes = (Object.keys(value) as Array<Breakpoints>).map(bp => {\n      const breakpointValue = value[bp];\n      if (breakpointValue !== undefined) {\n        const isTokenValue = tokens?.includes(breakpointValue);\n        let baseClassName: string;\n        if (isTokenValue) {\n          baseClassName = `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${breakpointValue}`;\n        } else {\n          baseClassName = `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}`;\n        }\n        const className = bp === initialBreakpoint ? baseClassName : `${bp}:${baseClassName}`;\n        return className;\n      }\n    });\n\n    // Build a map of CSS variables for non-token responsive values:\n    // - Iterate over breakpoints and skip token values (tokens are handled by classes only).\n    // - Use `--h${responsivePrefix}-${prefix}` for the initial breakpoint and append `-${bp}` for others.\n    // - Assign the raw breakpoint value to the computed CSS variable name in the accumulator.\n    const styles = (Object.keys(value) as Array<Breakpoints>).reduce(\n      (acc: { [key: string]: string | number }, bp: Breakpoints) => {\n        const breakpointValue = value[bp];\n        const isTokenValue = tokens?.includes(breakpointValue);\n        if (breakpointValue !== undefined && !isTokenValue) {\n          const baseStyleName = `--h${responsivePrefix}-${prefix}`;\n          const styleName = bp === initialBreakpoint ? baseStyleName : `${baseStyleName}-${bp}`;\n          acc[styleName] = breakpointValue;\n          return acc;\n        }\n        return acc;\n      },\n      {}\n    );\n    return { className: classes.join(' '), style: styles };\n  }\n};\n"],"mappings":";;wHA2GO,IAAMA,EAAqB,CAAC,CACjC,MAAAC,EACA,OAAAC,EACA,OAAAC,EACA,aAAAC,EACA,aAAAC,CACF,IAAiC,CAC/B,IAAMC,EAAmBF,EAAe,KAAO,GAE/C,GAAI,EAAAH,IAAU,QAAaI,IAAiB,QAK5C,IAAIJ,IAAU,QAAaI,EACzB,MAAO,CAAE,UAAW,GAAG,GAAa,GAAGC,CAAgB,IAAIJ,CAAM,IAAIG,CAAY,EAAG,EAItF,GAAI,OAAOJ,GAAU,UAAY,OAAOA,GAAU,SAEhD,OADqBE,GAAQ,SAASF,CAAK,EAElC,CACL,UAAW,GAAG,GAAa,GAAGK,CAAgB,IAAIJ,CAAM,IAAIK,EAAU,OAAON,CAAK,CAAC,CAAC,EACtF,EAEK,CACL,UAAW,GAAG,GAAa,GAAGK,CAAgB,IAAIJ,CAAM,GACxD,MAAO,CAAE,CAAC,MAAMI,CAAgB,IAAIJ,CAAM,EAAE,EAAGD,GAASI,CAAa,CACvE,EAGF,GAAI,OAAOJ,GAAU,WAAaA,IAAU,GAE1C,MAAO,CAAE,UAAW,GAAG,GAAa,IAAIC,CAAM,EAAG,EAOnD,GAAIM,EAAmBP,CAAK,EAAG,CAC7B,IAAMQ,EAAoB,SAWpBC,EAAW,OAAO,KAAKT,CAAK,EAAyB,IAAIU,GAAM,CACnE,IAAMC,EAAkBX,EAAMU,CAAE,EAChC,GAAIC,IAAoB,OAAW,CACjC,IAAMC,EAAeV,GAAQ,SAASS,CAAe,EACjDE,EACJ,OAAID,EACFC,EAAgB,GAAG,GAAa,GAAGR,CAAgB,IAAIJ,CAAM,IAAIU,CAAe,GAEhFE,EAAgB,GAAG,GAAa,GAAGR,CAAgB,IAAIJ,CAAM,GAE7CS,IAAOF,EAAoBK,EAAgB,GAAGH,CAAE,IAAIG,CAAa,EAErF,CACF,CAAC,EAMKC,EAAU,OAAO,KAAKd,CAAK,EAAyB,OACxD,CAACe,EAAyCL,IAAoB,CAC5D,IAAMC,EAAkBX,EAAMU,CAAE,EAC1BE,EAAeV,GAAQ,SAASS,CAAe,EACrD,GAAIA,IAAoB,QAAa,CAACC,EAAc,CAClD,IAAMI,EAAgB,MAAMX,CAAgB,IAAIJ,CAAM,GAChDgB,EAAYP,IAAOF,EAAoBQ,EAAgB,GAAGA,CAAa,IAAIN,CAAE,GACnF,OAAAK,EAAIE,CAAS,EAAIN,EACVI,CACT,CACA,OAAOA,CACT,EACA,CAAC,CACH,EACA,MAAO,CAAE,UAAWN,EAAQ,KAAK,GAAG,EAAG,MAAOK,CAAO,CACvD,EACF","names":["getClassNameStyles","value","prefix","tokens","isResponsive","defaultValue","responsivePrefix","kebabCase","isResponsiveObject","initialBreakpoint","classes","bp","breakpointValue","isTokenValue","baseClassName","styles","acc","baseStyleName","styleName"]}