@alma-oss/spirit-web-react 4.4.2 → 4.6.0

package/dist/types/shared/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/types/shared/index.ts"],"sourcesContent":["import { type ElementType, type ReactNode } from 'react';\n\nexport * from './adornments';\nexport * from './buttons';\nexport * from './colors';\nexport * from './columns';\nexport * from './dialogs';\nexport * from './dictionaries';\nexport * from './directions';\nexport * from './dragAndDrop';\nexport * from './element';\nexport * from './events';\nexport * from './inputs';\nexport * from './item';\nexport * from './polymorphic';\nexport * from './positions';\nexport * from './radii';\nexport * from './refs';\nexport * from './responsive';\nexport * from './rest';\nexport * from './sizes';\nexport * from './style';\nexport * from './text';\nexport * from './tokens';\n\nexport interface ChildrenProps {\n  /** The content to display in the component. */\n  children?: ReactNode | string;\n}\n\nexport interface ElementTypeProps<E extends ElementType = 'div'> {\n  /**\n   * The HTML element or React element used to render the component.\n   *\n   * @default 'div'\n   */\n  elementType?: E;\n}\n\nexport enum SpiritBreakpoints {\n  TABLET = 'tablet',\n  DESKTOP = 'desktop',\n}\n\n/**\n * This is actual type for all aria-* props which have value 'true' or 'false' is called Booleanish.\n * Unfortunately it is not exported, and you must create it manually.\n */\nexport type Booleanish = boolean | 'true' | 'false';\n\n/**\n * Represents a non-negative integer.\n *\n * @template T - The type of the number.\n */\n/* eslint-disable @typescript-eslint/no-explicit-any -- we don't care about the type here */\nexport type PositiveInteger<T extends number> = `${T}` extends '0' | `-${any}` | `${any}.${any}` ? never : T;\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":["SpiritBreakpoints"],"mappings":";;AAuCO,IAAKA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,UAAU,WAFAA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"index.js","sources":["../../../src/types/shared/index.ts"],"sourcesContent":["import { type ElementType, type ReactNode } from 'react';\n\nexport * from './adornments';\nexport * from './buttons';\nexport * from './colors';\nexport * from './columns';\nexport * from './dialogs';\nexport * from './dictionaries';\nexport * from './directions';\nexport * from './dragAndDrop';\nexport * from './element';\nexport * from './events';\nexport * from './inputs';\nexport * from './item';\nexport * from './polymorphic';\nexport * from './positions';\nexport * from './radii';\nexport * from './refs';\nexport * from './responsive';\nexport * from './router';\nexport * from './sizes';\nexport * from './style';\nexport * from './text';\nexport * from './tokens';\n\nexport interface ChildrenProps {\n  /** The content to display in the component. */\n  children?: ReactNode | string;\n}\n\nexport interface ElementTypeProps<E extends ElementType = 'div'> {\n  /**\n   * The HTML element or React element used to render the component.\n   *\n   * @default 'div'\n   */\n  elementType?: E;\n}\n\nexport enum SpiritBreakpoints {\n  TABLET = 'tablet',\n  DESKTOP = 'desktop',\n}\n\n/**\n * This is actual type for all aria-* props which have value 'true' or 'false' is called Booleanish.\n * Unfortunately it is not exported, and you must create it manually.\n */\nexport type Booleanish = boolean | 'true' | 'false';\n\n/**\n * Represents a non-negative integer.\n *\n * @template T - The type of the number.\n */\n/* eslint-disable @typescript-eslint/no-explicit-any -- we don't care about the type here */\nexport type PositiveInteger<T extends number> = `${T}` extends '0' | `-${any}` | `${any}.${any}` ? never : T;\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":["SpiritBreakpoints"],"mappings":";;AAuCO,IAAKA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,UAAU,WAFAA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/types/shared.d.ts

@@ -1,2 +1,2 @@
-export * from './shared/index'
+export * from '../src/types/shared/index'
 export {}

package/dist/types/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","sources":["../../src/types/tooltip.ts"],"sourcesContent":["import { type Placement, type Strategy } from '@floating-ui/react';\nimport type { ElementType, ReactNode } from 'react';\nimport type {\n  ChildrenProps,\n  ClickEvent,\n  ElementTypeProp,\n  PolymorphicComponentProps,\n  StyleProps,\n  TransferProps,\n} from './shared';\n\n/** ===== BASE API ===== */\nexport const TOOLTIP_TRIGGER = {\n  CLICK: 'click',\n  HOVER: 'hover',\n  FOCUS: 'focus',\n  MANUAL: 'manual',\n  OUTSIDE_PRESS: 'outside-press',\n  ESCAPE_KEY: 'escape-key',\n} as const;\n\nexport type TooltipTriggerType = 'click' | 'hover' | 'focus' | 'manual';\n\nexport interface TooltipCloseButtonProps extends StyleProps {\n  onClick?: (event: ClickEvent) => void;\n  label?: string;\n}\n\nexport interface TooltipState {\n  isOpen?: boolean;\n  onToggle: (isOpen: boolean) => void;\n}\n\nexport interface TooltipBaseProps extends ChildrenProps, StyleProps {\n  closeLabel?: string;\n  id: string;\n}\n\nexport interface TooltipStateProps {\n  enableFlipping?: boolean;\n  enableFlippingCrossAxis?: boolean;\n  enableShifting?: boolean;\n  enableSizing?: boolean;\n  flipFallbackAxisSideDirection?: 'none' | 'start' | 'end';\n  flipFallbackPlacements?: Placement | Placement[];\n  isFocusableOnHover?: boolean;\n  positionStrategy?: Strategy;\n  trigger?: TooltipTriggerType[];\n  placement?: Placement;\n}\n\n/** ===== STYLE API ===== */\nexport interface TooltipStyleProps extends TooltipBaseProps, TooltipState, TooltipStateProps {\n  isDismissible?: boolean;\n}\n\n/** ===== INTERNAL API ===== */\nexport interface TooltipProps extends TooltipStyleProps {}\n\n// Sub-components receive props from JSX, but get state/handlers from context\nexport interface TooltipPopoverProps extends ChildrenProps, StyleProps, TransferProps {}\nexport interface TooltipTriggerProps extends StyleProps, TransferProps {\n  elementType?: ElementTypeProp;\n  children?: string | ReactNode | ((props: { isOpen: boolean }) => ReactNode);\n}\n\nexport interface UncontrolledTooltipProps extends TooltipStyleProps {}\n\n/** ===== PUBLIC API ===== */\nexport type SpiritTooltipProps<E extends ElementType = 'div'> = PolymorphicComponentProps<E, TooltipProps>;\n"],"names":["TOOLTIP_TRIGGER"],"mappings":"gFAYO,MAAMA,EAAkB,CAC7B,MAAO,QACP,MAAO,QACP,MAAO,QACP,OAAQ,SACR,cAAe,gBACf,WAAY,YACd"}
+{"version":3,"file":"tooltip.cjs","sources":["../../src/types/tooltip.ts"],"sourcesContent":["import { type Placement, type Strategy } from '@floating-ui/react';\nimport type { ElementType, ReactNode } from 'react';\nimport type { ChildrenProps, ClickEvent, PolymorphicComponentProps, SpiritDivElementProps, StyleProps } from './shared';\n\n/** ===== BASE API ===== */\nexport const TOOLTIP_TRIGGER = {\n  CLICK: 'click',\n  HOVER: 'hover',\n  FOCUS: 'focus',\n  MANUAL: 'manual',\n  OUTSIDE_PRESS: 'outside-press',\n  ESCAPE_KEY: 'escape-key',\n} as const;\n\nexport type TooltipTriggerType = 'click' | 'hover' | 'focus' | 'manual';\n\nexport interface TooltipCloseButtonProps extends StyleProps {\n  onClick?: (event: ClickEvent) => void;\n  label?: string;\n}\n\nexport interface TooltipState {\n  isOpen?: boolean;\n  onToggle: (isOpen: boolean) => void;\n}\n\nexport interface TooltipBaseProps extends ChildrenProps, StyleProps {\n  closeLabel?: string;\n  id: string;\n}\n\nexport interface TooltipStateProps {\n  enableFlipping?: boolean;\n  enableFlippingCrossAxis?: boolean;\n  enableShifting?: boolean;\n  enableSizing?: boolean;\n  flipFallbackAxisSideDirection?: 'none' | 'start' | 'end';\n  flipFallbackPlacements?: Placement | Placement[];\n  isFocusableOnHover?: boolean;\n  positionStrategy?: Strategy;\n  trigger?: TooltipTriggerType[];\n  placement?: Placement;\n}\n\n/** ===== STYLE API ===== */\nexport interface TooltipStyleProps extends TooltipBaseProps, TooltipState, TooltipStateProps {\n  isDismissible?: boolean;\n}\n\n/** ===== INTERNAL API ===== */\nexport interface TooltipProps extends TooltipStyleProps {}\n\n// Sub-components receive props from JSX, but get state/handlers from context\nexport interface TooltipPopoverProps extends ChildrenProps, SpiritDivElementProps {}\n\nexport interface TooltipTriggerBaseProps extends StyleProps {\n  children?: string | ReactNode | ((props: { isOpen: boolean }) => ReactNode);\n}\n\nexport interface UncontrolledTooltipProps extends TooltipStyleProps {}\n\n/** ===== PUBLIC API ===== */\nexport type SpiritTooltipProps<E extends ElementType = 'div'> = PolymorphicComponentProps<E, TooltipProps>;\n\nexport type TooltipTriggerProps<E extends ElementType = 'button'> = PolymorphicComponentProps<\n  E,\n  TooltipTriggerBaseProps\n>;\n"],"names":["TOOLTIP_TRIGGER"],"mappings":"gFAKO,MAAMA,EAAkB,CAC7B,MAAO,QACP,MAAO,QACP,MAAO,QACP,OAAQ,SACR,cAAe,gBACf,WAAY,YACd"}

package/dist/types/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../src/types/tooltip.ts"],"sourcesContent":["import { type Placement, type Strategy } from '@floating-ui/react';\nimport type { ElementType, ReactNode } from 'react';\nimport type {\n  ChildrenProps,\n  ClickEvent,\n  ElementTypeProp,\n  PolymorphicComponentProps,\n  StyleProps,\n  TransferProps,\n} from './shared';\n\n/** ===== BASE API ===== */\nexport const TOOLTIP_TRIGGER = {\n  CLICK: 'click',\n  HOVER: 'hover',\n  FOCUS: 'focus',\n  MANUAL: 'manual',\n  OUTSIDE_PRESS: 'outside-press',\n  ESCAPE_KEY: 'escape-key',\n} as const;\n\nexport type TooltipTriggerType = 'click' | 'hover' | 'focus' | 'manual';\n\nexport interface TooltipCloseButtonProps extends StyleProps {\n  onClick?: (event: ClickEvent) => void;\n  label?: string;\n}\n\nexport interface TooltipState {\n  isOpen?: boolean;\n  onToggle: (isOpen: boolean) => void;\n}\n\nexport interface TooltipBaseProps extends ChildrenProps, StyleProps {\n  closeLabel?: string;\n  id: string;\n}\n\nexport interface TooltipStateProps {\n  enableFlipping?: boolean;\n  enableFlippingCrossAxis?: boolean;\n  enableShifting?: boolean;\n  enableSizing?: boolean;\n  flipFallbackAxisSideDirection?: 'none' | 'start' | 'end';\n  flipFallbackPlacements?: Placement | Placement[];\n  isFocusableOnHover?: boolean;\n  positionStrategy?: Strategy;\n  trigger?: TooltipTriggerType[];\n  placement?: Placement;\n}\n\n/** ===== STYLE API ===== */\nexport interface TooltipStyleProps extends TooltipBaseProps, TooltipState, TooltipStateProps {\n  isDismissible?: boolean;\n}\n\n/** ===== INTERNAL API ===== */\nexport interface TooltipProps extends TooltipStyleProps {}\n\n// Sub-components receive props from JSX, but get state/handlers from context\nexport interface TooltipPopoverProps extends ChildrenProps, StyleProps, TransferProps {}\nexport interface TooltipTriggerProps extends StyleProps, TransferProps {\n  elementType?: ElementTypeProp;\n  children?: string | ReactNode | ((props: { isOpen: boolean }) => ReactNode);\n}\n\nexport interface UncontrolledTooltipProps extends TooltipStyleProps {}\n\n/** ===== PUBLIC API ===== */\nexport type SpiritTooltipProps<E extends ElementType = 'div'> = PolymorphicComponentProps<E, TooltipProps>;\n"],"names":["TOOLTIP_TRIGGER"],"mappings":"AAYO,MAAMA,IAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AACd;"}
+{"version":3,"file":"tooltip.js","sources":["../../src/types/tooltip.ts"],"sourcesContent":["import { type Placement, type Strategy } from '@floating-ui/react';\nimport type { ElementType, ReactNode } from 'react';\nimport type { ChildrenProps, ClickEvent, PolymorphicComponentProps, SpiritDivElementProps, StyleProps } from './shared';\n\n/** ===== BASE API ===== */\nexport const TOOLTIP_TRIGGER = {\n  CLICK: 'click',\n  HOVER: 'hover',\n  FOCUS: 'focus',\n  MANUAL: 'manual',\n  OUTSIDE_PRESS: 'outside-press',\n  ESCAPE_KEY: 'escape-key',\n} as const;\n\nexport type TooltipTriggerType = 'click' | 'hover' | 'focus' | 'manual';\n\nexport interface TooltipCloseButtonProps extends StyleProps {\n  onClick?: (event: ClickEvent) => void;\n  label?: string;\n}\n\nexport interface TooltipState {\n  isOpen?: boolean;\n  onToggle: (isOpen: boolean) => void;\n}\n\nexport interface TooltipBaseProps extends ChildrenProps, StyleProps {\n  closeLabel?: string;\n  id: string;\n}\n\nexport interface TooltipStateProps {\n  enableFlipping?: boolean;\n  enableFlippingCrossAxis?: boolean;\n  enableShifting?: boolean;\n  enableSizing?: boolean;\n  flipFallbackAxisSideDirection?: 'none' | 'start' | 'end';\n  flipFallbackPlacements?: Placement | Placement[];\n  isFocusableOnHover?: boolean;\n  positionStrategy?: Strategy;\n  trigger?: TooltipTriggerType[];\n  placement?: Placement;\n}\n\n/** ===== STYLE API ===== */\nexport interface TooltipStyleProps extends TooltipBaseProps, TooltipState, TooltipStateProps {\n  isDismissible?: boolean;\n}\n\n/** ===== INTERNAL API ===== */\nexport interface TooltipProps extends TooltipStyleProps {}\n\n// Sub-components receive props from JSX, but get state/handlers from context\nexport interface TooltipPopoverProps extends ChildrenProps, SpiritDivElementProps {}\n\nexport interface TooltipTriggerBaseProps extends StyleProps {\n  children?: string | ReactNode | ((props: { isOpen: boolean }) => ReactNode);\n}\n\nexport interface UncontrolledTooltipProps extends TooltipStyleProps {}\n\n/** ===== PUBLIC API ===== */\nexport type SpiritTooltipProps<E extends ElementType = 'div'> = PolymorphicComponentProps<E, TooltipProps>;\n\nexport type TooltipTriggerProps<E extends ElementType = 'button'> = PolymorphicComponentProps<\n  E,\n  TooltipTriggerBaseProps\n>;\n"],"names":["TOOLTIP_TRIGGER"],"mappings":"AAKO,MAAMA,IAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AACd;"}

package/dist/types/truncate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"truncate.cjs","sources":["../../src/types/truncate.ts"],"sourcesContent":["import { type ElementType } from 'react';\nimport { type ChildrenProps, type PositiveInteger, type StyleProps } from './shared';\n\n/**\n * The modes of truncation.\n *\n * LINES: Truncate text to a specific number of lines.\n * WORDS: Truncate text to a specific number of words.\n * CHARACTERS: Truncate text to a specific number of characters.\n */\nexport const TruncateModes = {\n  LINES: 'lines',\n  WORDS: 'words',\n  CHARACTERS: 'characters',\n} as const;\n\nexport type TruncateMode = (typeof TruncateModes)[keyof typeof TruncateModes];\n\nexport interface SpiritTruncateProps<E extends ElementType> extends StyleProps, ChildrenProps {\n  elementType?: E;\n  /**\n   * The limit for the truncation (lines, words, or characters).\n   *\n   * @see PositiveInteger\n   */\n  limit?: PositiveInteger<number>;\n  /**\n   * The type of truncation to apply.\n   *\n   * @see TruncateModes\n   *\n   * @default 'lines'\n   */\n  mode?: TruncateMode;\n}\n"],"names":["TruncateModes"],"mappings":"gFAUO,MAAMA,EAAgB,CAC3B,MAAO,QACP,MAAO,QACP,WAAY,YACd"}
+{"version":3,"file":"truncate.cjs","sources":["../../src/types/truncate.ts"],"sourcesContent":["import { type ElementType } from 'react';\nimport { type ChildrenProps, type PolymorphicComponentProps, type PositiveInteger, type StyleProps } from './shared';\n\n/**\n * The modes of truncation.\n *\n * LINES: Truncate text to a specific number of lines.\n * WORDS: Truncate text to a specific number of words.\n * CHARACTERS: Truncate text to a specific number of characters.\n */\nexport const TruncateModes = {\n  LINES: 'lines',\n  WORDS: 'words',\n  CHARACTERS: 'characters',\n} as const;\n\nexport type TruncateMode = (typeof TruncateModes)[keyof typeof TruncateModes];\n\n/** ===== INTERNAL API ===== */\nexport interface TruncateProps extends StyleProps, ChildrenProps {\n  /**\n   * The limit for the truncation (lines, words, or characters).\n   *\n   * @see PositiveInteger\n   */\n  limit?: PositiveInteger<number>;\n  /**\n   * The type of truncation to apply.\n   *\n   * @see TruncateModes\n   *\n   * @default 'lines'\n   */\n  mode?: TruncateMode;\n}\n\n/** ===== PUBLIC API ===== */\nexport type SpiritTruncateProps<E extends ElementType = 'span'> = PolymorphicComponentProps<E, TruncateProps>;\n"],"names":["TruncateModes"],"mappings":"gFAUO,MAAMA,EAAgB,CAC3B,MAAO,QACP,MAAO,QACP,WAAY,YACd"}

package/dist/types/truncate.js.map

@@ -1 +1 @@
-{"version":3,"file":"truncate.js","sources":["../../src/types/truncate.ts"],"sourcesContent":["import { type ElementType } from 'react';\nimport { type ChildrenProps, type PositiveInteger, type StyleProps } from './shared';\n\n/**\n * The modes of truncation.\n *\n * LINES: Truncate text to a specific number of lines.\n * WORDS: Truncate text to a specific number of words.\n * CHARACTERS: Truncate text to a specific number of characters.\n */\nexport const TruncateModes = {\n  LINES: 'lines',\n  WORDS: 'words',\n  CHARACTERS: 'characters',\n} as const;\n\nexport type TruncateMode = (typeof TruncateModes)[keyof typeof TruncateModes];\n\nexport interface SpiritTruncateProps<E extends ElementType> extends StyleProps, ChildrenProps {\n  elementType?: E;\n  /**\n   * The limit for the truncation (lines, words, or characters).\n   *\n   * @see PositiveInteger\n   */\n  limit?: PositiveInteger<number>;\n  /**\n   * The type of truncation to apply.\n   *\n   * @see TruncateModes\n   *\n   * @default 'lines'\n   */\n  mode?: TruncateMode;\n}\n"],"names":["TruncateModes"],"mappings":"AAUO,MAAMA,IAAgB;AAAA,EAC3B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AACd;"}
+{"version":3,"file":"truncate.js","sources":["../../src/types/truncate.ts"],"sourcesContent":["import { type ElementType } from 'react';\nimport { type ChildrenProps, type PolymorphicComponentProps, type PositiveInteger, type StyleProps } from './shared';\n\n/**\n * The modes of truncation.\n *\n * LINES: Truncate text to a specific number of lines.\n * WORDS: Truncate text to a specific number of words.\n * CHARACTERS: Truncate text to a specific number of characters.\n */\nexport const TruncateModes = {\n  LINES: 'lines',\n  WORDS: 'words',\n  CHARACTERS: 'characters',\n} as const;\n\nexport type TruncateMode = (typeof TruncateModes)[keyof typeof TruncateModes];\n\n/** ===== INTERNAL API ===== */\nexport interface TruncateProps extends StyleProps, ChildrenProps {\n  /**\n   * The limit for the truncation (lines, words, or characters).\n   *\n   * @see PositiveInteger\n   */\n  limit?: PositiveInteger<number>;\n  /**\n   * The type of truncation to apply.\n   *\n   * @see TruncateModes\n   *\n   * @default 'lines'\n   */\n  mode?: TruncateMode;\n}\n\n/** ===== PUBLIC API ===== */\nexport type SpiritTruncateProps<E extends ElementType = 'span'> = PolymorphicComponentProps<E, TruncateProps>;\n"],"names":["TruncateModes"],"mappings":"AAUO,MAAMA,IAAgB;AAAA,EAC3B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AACd;"}

package/dist/types.d.ts

@@ -1,2 +1,2 @@
-export * from './types/index'
+export * from './src/types/index'
 export {}

package/dist/utils/debounce.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=(o,u)=>{let e,t=!1;return i=>{t||(t=!0,e&&clearTimeout(e),e=setTimeout(()=>{o(i),t=!1},u))}};exports.debounce=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=(o,i)=>{let e;const t=(c=>{e!==void 0&&clearTimeout(e),e=setTimeout(()=>{e=void 0,o(c)},i)});return t.cancel=()=>{e!==void 0&&(clearTimeout(e),e=void 0)},t};exports.debounce=u;
 //# sourceMappingURL=debounce.cjs.map

package/dist/utils/debounce.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.cjs","sources":["../../src/utils/debounce.ts"],"sourcesContent":["export const debounce = <T>(callback: (props: T) => void, delay: number) => {\n  let timeout: NodeJS.Timeout;\n  let isThrottled = false;\n\n  return (args: T): void => {\n    if (!isThrottled) {\n      isThrottled = true;\n\n      if (timeout) {\n        clearTimeout(timeout);\n      }\n\n      timeout = setTimeout(() => {\n        callback(args);\n        isThrottled = false;\n      }, delay);\n    }\n  };\n};\n"],"names":["debounce","callback","delay","timeout","isThrottled","args"],"mappings":"gFAAO,MAAMA,EAAW,CAAIC,EAA8BC,IAAkB,CAC1E,IAAIC,EACAC,EAAc,GAElB,OAAQC,GAAkB,CACnBD,IACHA,EAAc,GAEVD,GACF,aAAaA,CAAO,EAGtBA,EAAU,WAAW,IAAM,CACzBF,EAASI,CAAI,EACbD,EAAc,EAChB,EAAGF,CAAK,EAEZ,CACF"}
+{"version":3,"file":"debounce.cjs","sources":["../../src/utils/debounce.ts"],"sourcesContent":["export type DebouncedFunction<T> = ((args: T) => void) & { cancel: () => void };\n\n/**\n * Returns a debounced function that invokes `callback` after `delay` ms have elapsed\n * since the last time the debounced function was invoked.\n *\n * @param {Function} callback - Function to debounce.\n * @param {number} delay - Delay in milliseconds.\n * @returns {DebouncedFunction<T>} Debounced function with a `cancel` method.\n */\nexport const debounce = <T>(callback: (props: T) => void, delay: number): DebouncedFunction<T> => {\n  let timeout: ReturnType<typeof setTimeout> | undefined;\n\n  const debounced = ((args: T): void => {\n    if (timeout !== undefined) {\n      clearTimeout(timeout);\n    }\n\n    timeout = setTimeout(() => {\n      timeout = undefined;\n      callback(args);\n    }, delay);\n  }) as DebouncedFunction<T>;\n\n  debounced.cancel = () => {\n    if (timeout !== undefined) {\n      clearTimeout(timeout);\n      timeout = undefined;\n    }\n  };\n\n  return debounced;\n};\n"],"names":["debounce","callback","delay","timeout","debounced","args"],"mappings":"gFAUO,MAAMA,EAAW,CAAIC,EAA8BC,IAAwC,CAChG,IAAIC,EAEJ,MAAMC,GAAcC,GAAkB,CAChCF,IAAY,QACd,aAAaA,CAAO,EAGtBA,EAAU,WAAW,IAAM,CACzBA,EAAU,OACVF,EAASI,CAAI,CACf,EAAGH,CAAK,CACV,GAEA,OAAAE,EAAU,OAAS,IAAM,CACnBD,IAAY,SACd,aAAaA,CAAO,EACpBA,EAAU,OAEd,EAEOC,CACT"}

package/dist/utils/debounce.js

@@ -1,12 +1,15 @@
-const s = (i, o) => {
-  let e, t = !1;
-  return (r) => {
-    t || (t = !0, e && clearTimeout(e), e = setTimeout(() => {
-      i(r), t = !1;
-    }, o));
-  };
+const u = (t, i) => {
+  let e;
+  const o = ((c) => {
+    e !== void 0 && clearTimeout(e), e = setTimeout(() => {
+      e = void 0, t(c);
+    }, i);
+  });
+  return o.cancel = () => {
+    e !== void 0 && (clearTimeout(e), e = void 0);
+  }, o;
 };
 export {
-  s as debounce
+  u as debounce
 };
 //# sourceMappingURL=debounce.js.map

package/dist/utils/debounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.js","sources":["../../src/utils/debounce.ts"],"sourcesContent":["export const debounce = <T>(callback: (props: T) => void, delay: number) => {\n  let timeout: NodeJS.Timeout;\n  let isThrottled = false;\n\n  return (args: T): void => {\n    if (!isThrottled) {\n      isThrottled = true;\n\n      if (timeout) {\n        clearTimeout(timeout);\n      }\n\n      timeout = setTimeout(() => {\n        callback(args);\n        isThrottled = false;\n      }, delay);\n    }\n  };\n};\n"],"names":["debounce","callback","delay","timeout","isThrottled","args"],"mappings":"AAAO,MAAMA,IAAW,CAAIC,GAA8BC,MAAkB;AAC1E,MAAIC,GACAC,IAAc;AAElB,SAAO,CAACC,MAAkB;AACxB,IAAKD,MACHA,IAAc,IAEVD,KACF,aAAaA,CAAO,GAGtBA,IAAU,WAAW,MAAM;AACzB,MAAAF,EAASI,CAAI,GACbD,IAAc;AAAA,IAChB,GAAGF,CAAK;AAAA,EAEZ;AACF;"}
+{"version":3,"file":"debounce.js","sources":["../../src/utils/debounce.ts"],"sourcesContent":["export type DebouncedFunction<T> = ((args: T) => void) & { cancel: () => void };\n\n/**\n * Returns a debounced function that invokes `callback` after `delay` ms have elapsed\n * since the last time the debounced function was invoked.\n *\n * @param {Function} callback - Function to debounce.\n * @param {number} delay - Delay in milliseconds.\n * @returns {DebouncedFunction<T>} Debounced function with a `cancel` method.\n */\nexport const debounce = <T>(callback: (props: T) => void, delay: number): DebouncedFunction<T> => {\n  let timeout: ReturnType<typeof setTimeout> | undefined;\n\n  const debounced = ((args: T): void => {\n    if (timeout !== undefined) {\n      clearTimeout(timeout);\n    }\n\n    timeout = setTimeout(() => {\n      timeout = undefined;\n      callback(args);\n    }, delay);\n  }) as DebouncedFunction<T>;\n\n  debounced.cancel = () => {\n    if (timeout !== undefined) {\n      clearTimeout(timeout);\n      timeout = undefined;\n    }\n  };\n\n  return debounced;\n};\n"],"names":["debounce","callback","delay","timeout","debounced","args"],"mappings":"AAUO,MAAMA,IAAW,CAAIC,GAA8BC,MAAwC;AAChG,MAAIC;AAEJ,QAAMC,KAAa,CAACC,MAAkB;AACpC,IAAIF,MAAY,UACd,aAAaA,CAAO,GAGtBA,IAAU,WAAW,MAAM;AACzB,MAAAA,IAAU,QACVF,EAASI,CAAI;AAAA,IACf,GAAGH,CAAK;AAAA,EACV;AAEA,SAAAE,EAAU,SAAS,MAAM;AACvB,IAAID,MAAY,WACd,aAAaA,CAAO,GACpBA,IAAU;AAAA,EAEd,GAEOC;AACT;"}

package/dist/utils/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./assert.cjs"),o=require("./classname.cjs"),e=require("./colorObjectGenerators.cjs"),l=require("./compose.cjs"),n=require("./debounce.cjs"),c=require("./delayedCallback.cjs"),C=require("./htmlReactParser.cjs"),i=require("./mergeStyleProps.cjs"),a=require("./responsive.cjs"),m=require("./ssr.cjs"),r=require("./string.cjs"),t=require("./stylePropsClassesGenerator.cjs"),g=require("./toPascalCase.cjs");exports.isEmpty=s.isEmpty;exports.isEmptyArray=s.isEmptyArray;exports.isEmptyObject=s.isEmptyObject;exports.isEmptyString=s.isEmptyString;exports.isEnumerable=s.isEnumerable;exports.isNullish=s.isNullish;exports.applyClassNamePrefix=o.applyClassNamePrefix;exports.applyColor=o.applyColor;exports.applySize=o.applySize;exports.applyTheme=o.applyTheme;exports.generateColorsObject=e.generateColorsObject;exports.getAccentBackgroundColors=e.getAccentBackgroundColors;exports.getAccentBorderColors=e.getAccentBorderColors;exports.getAccentColorNames=e.getAccentColorNames;exports.getAccentTextColors=e.getAccentTextColors;exports.getEmotionBackgroundColors=e.getEmotionBackgroundColors;exports.getEmotionBorderColors=e.getEmotionBorderColors;exports.getEmotionColorNames=e.getEmotionColorNames;exports.getEmotionTextColors=e.getEmotionTextColors;exports.getNeutralBackgroundColors=e.getNeutralBackgroundColors;exports.getNeutralTextColors=e.getNeutralTextColors;exports.getTextColorNames=e.getTextColorNames;exports.compose=l.compose;exports.debounce=n.debounce;exports.delayedCallback=c.delayedCallback;exports.htmlReactParser=C.htmlReactParser;exports.mergeStyleProps=i.mergeStyleProps;exports.generateResponsiveClassNames=a.generateResponsiveClassNames;exports.isResponsive=a.isResponsive;exports.isSSR=m.isSSR;exports.camelCaseToKebabCase=r.camelCaseToKebabCase;exports.kebabCaseToCamelCase=r.kebabCaseToCamelCase;exports.kebabCaseToCamelCaseValues=r.kebabCaseToCamelCaseValues;exports.stringOrObjectKebabCaseToCamelCase=r.stringOrObjectKebabCaseToCamelCase;exports.generateResponsiveStylePropsClasses=t.generateResponsiveStylePropsClasses;exports.generateStaticStylePropsClasses=t.generateStaticStylePropsClasses;exports.generateStylePropsClassNames=t.generateStylePropsClassNames;exports.toPascalCase=g.toPascalCase;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./assert.cjs"),r=require("./classname.cjs"),e=require("./colorObjectGenerators.cjs"),n=require("./compose.cjs"),i=require("./debounce.cjs"),c=require("./delayedCallback.cjs"),C=require("./htmlReactParser.cjs"),m=require("./mergeStyleProps.cjs"),a=require("./pxToRem.cjs"),g=require("./router.cjs"),l=require("./responsive.cjs"),p=require("./ssr.cjs"),o=require("./string.cjs"),t=require("./stylePropsClassesGenerator.cjs"),u=require("./toPascalCase.cjs");exports.isEmpty=s.isEmpty;exports.isEmptyArray=s.isEmptyArray;exports.isEmptyObject=s.isEmptyObject;exports.isEmptyString=s.isEmptyString;exports.isEnumerable=s.isEnumerable;exports.isNullish=s.isNullish;exports.applyClassNamePrefix=r.applyClassNamePrefix;exports.applyColor=r.applyColor;exports.applySize=r.applySize;exports.applyTheme=r.applyTheme;exports.generateColorsObject=e.generateColorsObject;exports.getAccentBackgroundColors=e.getAccentBackgroundColors;exports.getAccentBorderColors=e.getAccentBorderColors;exports.getAccentColorNames=e.getAccentColorNames;exports.getAccentTextColors=e.getAccentTextColors;exports.getEmotionBackgroundColors=e.getEmotionBackgroundColors;exports.getEmotionBorderColors=e.getEmotionBorderColors;exports.getEmotionColorNames=e.getEmotionColorNames;exports.getEmotionTextColors=e.getEmotionTextColors;exports.getNeutralBackgroundColors=e.getNeutralBackgroundColors;exports.getNeutralTextColors=e.getNeutralTextColors;exports.getTextColorNames=e.getTextColorNames;exports.compose=n.compose;exports.debounce=i.debounce;exports.delayedCallback=c.delayedCallback;exports.htmlReactParser=C.htmlReactParser;exports.mergeStyleProps=m.mergeStyleProps;exports.DEFAULT_BASE_FONT_SIZE_PX=a.DEFAULT_BASE_FONT_SIZE_PX;exports.pxToRem=a.pxToRem;exports.handleLinkClick=g.handleLinkClick;exports.generateResponsiveClassNames=l.generateResponsiveClassNames;exports.isResponsive=l.isResponsive;exports.isSSR=p.isSSR;exports.camelCaseToKebabCase=o.camelCaseToKebabCase;exports.kebabCaseToCamelCase=o.kebabCaseToCamelCase;exports.kebabCaseToCamelCaseValues=o.kebabCaseToCamelCaseValues;exports.normalizeStringValue=o.normalizeStringValue;exports.stringOrObjectKebabCaseToCamelCase=o.stringOrObjectKebabCaseToCamelCase;exports.generateResponsiveStylePropsClasses=t.generateResponsiveStylePropsClasses;exports.generateStaticStylePropsClasses=t.generateStaticStylePropsClasses;exports.generateStylePropsClassNames=t.generateStylePropsClassNames;exports.toPascalCase=u.toPascalCase;
 //# sourceMappingURL=index.cjs.map

package/dist/utils/index.js

@@ -1,54 +1,60 @@
 import { isEmpty as r, isEmptyArray as t, isEmptyObject as s, isEmptyString as a, isEnumerable as l, isNullish as m } from "./assert.js";
-import { applyClassNamePrefix as C, applyColor as n, applySize as c, applyTheme as g } from "./classname.js";
-import { generateColorsObject as x, getAccentBackgroundColors as b, getAccentBorderColors as f, getAccentColorNames as y, getAccentTextColors as u, getEmotionBackgroundColors as E, getEmotionBorderColors as N, getEmotionColorNames as S, getEmotionTextColors as T, getNeutralBackgroundColors as d, getNeutralTextColors as P, getTextColorNames as k } from "./colorObjectGenerators.js";
+import { applyClassNamePrefix as C, applyColor as n, applySize as i, applyTheme as c } from "./classname.js";
+import { generateColorsObject as x, getAccentBackgroundColors as f, getAccentBorderColors as b, getAccentColorNames as y, getAccentTextColors as E, getEmotionBackgroundColors as S, getEmotionBorderColors as T, getEmotionColorNames as u, getEmotionTextColors as N, getNeutralBackgroundColors as d, getNeutralTextColors as k, getTextColorNames as P } from "./colorObjectGenerators.js";
 import { compose as B } from "./compose.js";
 import { debounce as O } from "./debounce.js";
-import { delayedCallback as j } from "./delayedCallback.js";
-import { htmlReactParser as K } from "./htmlReactParser.js";
-import { mergeStyleProps as V } from "./mergeStyleProps.js";
-import { generateResponsiveClassNames as w, isResponsive as D } from "./responsive.js";
-import { isSSR as G } from "./ssr.js";
-import { camelCaseToKebabCase as I, kebabCaseToCamelCase as J, kebabCaseToCamelCaseValues as L, stringOrObjectKebabCaseToCamelCase as M } from "./string.js";
-import { generateResponsiveStylePropsClasses as U, generateStaticStylePropsClasses as W, generateStylePropsClassNames as X } from "./stylePropsClassesGenerator.js";
-import { toPascalCase as Z } from "./toPascalCase.js";
+import { delayedCallback as _ } from "./delayedCallback.js";
+import { htmlReactParser as v } from "./htmlReactParser.js";
+import { mergeStyleProps as F } from "./mergeStyleProps.js";
+import { DEFAULT_BASE_FONT_SIZE_PX as L, pxToRem as V } from "./pxToRem.js";
+import { handleLinkClick as I } from "./router.js";
+import { generateResponsiveClassNames as X, isResponsive as Z } from "./responsive.js";
+import { isSSR as w } from "./ssr.js";
+import { camelCaseToKebabCase as H, kebabCaseToCamelCase as J, kebabCaseToCamelCaseValues as M, normalizeStringValue as Q, stringOrObjectKebabCaseToCamelCase as W } from "./string.js";
+import { generateResponsiveStylePropsClasses as $, generateStaticStylePropsClasses as ee, generateStylePropsClassNames as oe } from "./stylePropsClassesGenerator.js";
+import { toPascalCase as te } from "./toPascalCase.js";
 export {
+  L as DEFAULT_BASE_FONT_SIZE_PX,
   C as applyClassNamePrefix,
   n as applyColor,
-  c as applySize,
-  g as applyTheme,
-  I as camelCaseToKebabCase,
+  i as applySize,
+  c as applyTheme,
+  H as camelCaseToKebabCase,
   B as compose,
   O as debounce,
-  j as delayedCallback,
+  _ as delayedCallback,
   x as generateColorsObject,
-  w as generateResponsiveClassNames,
-  U as generateResponsiveStylePropsClasses,
-  W as generateStaticStylePropsClasses,
-  X as generateStylePropsClassNames,
-  b as getAccentBackgroundColors,
-  f as getAccentBorderColors,
+  X as generateResponsiveClassNames,
+  $ as generateResponsiveStylePropsClasses,
+  ee as generateStaticStylePropsClasses,
+  oe as generateStylePropsClassNames,
+  f as getAccentBackgroundColors,
+  b as getAccentBorderColors,
   y as getAccentColorNames,
-  u as getAccentTextColors,
-  E as getEmotionBackgroundColors,
-  N as getEmotionBorderColors,
-  S as getEmotionColorNames,
-  T as getEmotionTextColors,
+  E as getAccentTextColors,
+  S as getEmotionBackgroundColors,
+  T as getEmotionBorderColors,
+  u as getEmotionColorNames,
+  N as getEmotionTextColors,
   d as getNeutralBackgroundColors,
-  P as getNeutralTextColors,
-  k as getTextColorNames,
-  K as htmlReactParser,
+  k as getNeutralTextColors,
+  P as getTextColorNames,
+  I as handleLinkClick,
+  v as htmlReactParser,
   r as isEmpty,
   t as isEmptyArray,
   s as isEmptyObject,
   a as isEmptyString,
   l as isEnumerable,
   m as isNullish,
-  D as isResponsive,
-  G as isSSR,
+  Z as isResponsive,
+  w as isSSR,
   J as kebabCaseToCamelCase,
-  L as kebabCaseToCamelCaseValues,
-  V as mergeStyleProps,
-  M as stringOrObjectKebabCaseToCamelCase,
-  Z as toPascalCase
+  M as kebabCaseToCamelCaseValues,
+  F as mergeStyleProps,
+  Q as normalizeStringValue,
+  V as pxToRem,
+  W as stringOrObjectKebabCaseToCamelCase,
+  te as toPascalCase
 };
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/utils/pxToRem.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@alma-oss/spirit-design-tokens"),e=require("../constants/units.cjs"),o=Number.parseFloat(l.fontSizeBaseMobile),c=Number.isFinite(o)&&o>0?o:e.FALLBACK_BASE_FONT_SIZE_PX,d=(m,u={})=>{const{baseFontSize:F=c,decimals:t=e.DEFAULT_DECIMALS}=u,n=Number.parseFloat(String(m)),_=Number.isFinite(n)?n:0,s=Number.parseFloat(String(F)),S=Number.isFinite(s)&&s>0?s:e.FALLBACK_BASE_FONT_SIZE_PX,r=Number.isInteger(t)&&t>=0&&t<=e.MAX_TO_FIXED_DIGITS?t:e.DEFAULT_DECIMALS,E=_/S,i=10**r,a=Math.round((E+Number.EPSILON)*i)/i;return`${(Math.abs(a)===0?0:a).toFixed(r).replace(/\.?0+$/,"")}${e.REM_UNIT}`};exports.DEFAULT_BASE_FONT_SIZE_PX=c;exports.pxToRem=d;
+//# sourceMappingURL=pxToRem.cjs.map

package/dist/utils/pxToRem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pxToRem.cjs","sources":["../../src/utils/pxToRem.ts"],"sourcesContent":["import { fontSizeBaseMobile } from '@alma-oss/spirit-design-tokens';\nimport { DEFAULT_DECIMALS, FALLBACK_BASE_FONT_SIZE_PX, MAX_TO_FIXED_DIGITS, REM_UNIT } from '../constants';\n\nexport type PxToRemOptions = {\n  baseFontSize?: number | string;\n  decimals?: number;\n};\n\nconst parsedDefaultBaseFontSize = Number.parseFloat(fontSizeBaseMobile);\n\nexport const DEFAULT_BASE_FONT_SIZE_PX =\n  Number.isFinite(parsedDefaultBaseFontSize) && parsedDefaultBaseFontSize > 0\n    ? parsedDefaultBaseFontSize\n    : FALLBACK_BASE_FONT_SIZE_PX;\n\n/**\n * Converts a pixel value to rem units, rounded to a maximum number of decimals,\n * and trims trailing zeros (e.g. 2.50rem -> 2.5rem, 2.00rem -> 2rem).\n *\n * @param valuePx - The pixel value to convert (string or number)\n * @param options - Conversion options including baseFontSize and decimals\n * @returns {string} The converted value in rem units\n */\nexport const pxToRem = (valuePx: string | number, options: PxToRemOptions = {}): string => {\n  const { baseFontSize = DEFAULT_BASE_FONT_SIZE_PX, decimals = DEFAULT_DECIMALS } = options;\n  const parsedValuePx = Number.parseFloat(String(valuePx));\n  const effectiveValuePx = Number.isFinite(parsedValuePx) ? parsedValuePx : 0;\n  const parsedBaseFontSize = Number.parseFloat(String(baseFontSize));\n  const effectiveBaseFontSize =\n    Number.isFinite(parsedBaseFontSize) && parsedBaseFontSize > 0 ? parsedBaseFontSize : FALLBACK_BASE_FONT_SIZE_PX;\n  const effectiveDecimals =\n    Number.isInteger(decimals) && decimals >= 0 && decimals <= MAX_TO_FIXED_DIGITS ? decimals : DEFAULT_DECIMALS;\n\n  const remValue = effectiveValuePx / effectiveBaseFontSize;\n  const roundingFactor = 10 ** effectiveDecimals;\n  const roundedRem = Math.round((remValue + Number.EPSILON) * roundingFactor) / roundingFactor;\n  const normalizedRem = Math.abs(roundedRem) === 0 ? 0 : roundedRem;\n  const formattedRem = normalizedRem.toFixed(effectiveDecimals).replace(/\\.?0+$/, '');\n\n  return `${formattedRem}${REM_UNIT}`;\n};\n"],"names":["parsedDefaultBaseFontSize","fontSizeBaseMobile","DEFAULT_BASE_FONT_SIZE_PX","FALLBACK_BASE_FONT_SIZE_PX","pxToRem","valuePx","options","baseFontSize","decimals","DEFAULT_DECIMALS","parsedValuePx","effectiveValuePx","parsedBaseFontSize","effectiveBaseFontSize","effectiveDecimals","MAX_TO_FIXED_DIGITS","remValue","roundingFactor","roundedRem","REM_UNIT"],"mappings":"sKAQMA,EAA4B,OAAO,WAAWC,oBAAkB,EAEzDC,EACX,OAAO,SAASF,CAAyB,GAAKA,EAA4B,EACtEA,EACAG,EAAAA,2BAUOC,EAAU,CAACC,EAA0BC,EAA0B,KAAe,CACzF,KAAM,CAAE,aAAAC,EAAeL,EAA2B,SAAAM,EAAWC,EAAAA,kBAAqBH,EAC5EI,EAAgB,OAAO,WAAW,OAAOL,CAAO,CAAC,EACjDM,EAAmB,OAAO,SAASD,CAAa,EAAIA,EAAgB,EACpEE,EAAqB,OAAO,WAAW,OAAOL,CAAY,CAAC,EAC3DM,EACJ,OAAO,SAASD,CAAkB,GAAKA,EAAqB,EAAIA,EAAqBT,EAAAA,2BACjFW,EACJ,OAAO,UAAUN,CAAQ,GAAKA,GAAY,GAAKA,GAAYO,sBAAsBP,EAAWC,EAAAA,iBAExFO,EAAWL,EAAmBE,EAC9BI,EAAiB,IAAMH,EACvBI,EAAa,KAAK,OAAOF,EAAW,OAAO,SAAWC,CAAc,EAAIA,EAI9E,MAAO,IAHe,KAAK,IAAIC,CAAU,IAAM,EAAI,EAAIA,GACpB,QAAQJ,CAAiB,EAAE,QAAQ,SAAU,EAAE,CAE5D,GAAGK,EAAAA,QAAQ,EACnC"}

package/dist/utils/pxToRem.js

@@ -0,0 +1,11 @@
+import { fontSizeBaseMobile as _ } from "@alma-oss/spirit-design-tokens";
+import { FALLBACK_BASE_FONT_SIZE_PX as m, DEFAULT_DECIMALS as a, REM_UNIT as f, MAX_TO_FIXED_DIGITS as N } from "../constants/units.js";
+const o = Number.parseFloat(_), b = Number.isFinite(o) && o > 0 ? o : m, T = (c, F = {}) => {
+  const { baseFontSize: u = b, decimals: e = a } = F, r = Number.parseFloat(String(c)), S = Number.isFinite(r) ? r : 0, t = Number.parseFloat(String(u)), d = Number.isFinite(t) && t > 0 ? t : m, s = Number.isInteger(e) && e >= 0 && e <= N ? e : a, l = S / d, n = 10 ** s, i = Math.round((l + Number.EPSILON) * n) / n;
+  return `${(Math.abs(i) === 0 ? 0 : i).toFixed(s).replace(/\.?0+$/, "")}${f}`;
+};
+export {
+  b as DEFAULT_BASE_FONT_SIZE_PX,
+  T as pxToRem
+};
+//# sourceMappingURL=pxToRem.js.map

package/dist/utils/pxToRem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pxToRem.js","sources":["../../src/utils/pxToRem.ts"],"sourcesContent":["import { fontSizeBaseMobile } from '@alma-oss/spirit-design-tokens';\nimport { DEFAULT_DECIMALS, FALLBACK_BASE_FONT_SIZE_PX, MAX_TO_FIXED_DIGITS, REM_UNIT } from '../constants';\n\nexport type PxToRemOptions = {\n  baseFontSize?: number | string;\n  decimals?: number;\n};\n\nconst parsedDefaultBaseFontSize = Number.parseFloat(fontSizeBaseMobile);\n\nexport const DEFAULT_BASE_FONT_SIZE_PX =\n  Number.isFinite(parsedDefaultBaseFontSize) && parsedDefaultBaseFontSize > 0\n    ? parsedDefaultBaseFontSize\n    : FALLBACK_BASE_FONT_SIZE_PX;\n\n/**\n * Converts a pixel value to rem units, rounded to a maximum number of decimals,\n * and trims trailing zeros (e.g. 2.50rem -> 2.5rem, 2.00rem -> 2rem).\n *\n * @param valuePx - The pixel value to convert (string or number)\n * @param options - Conversion options including baseFontSize and decimals\n * @returns {string} The converted value in rem units\n */\nexport const pxToRem = (valuePx: string | number, options: PxToRemOptions = {}): string => {\n  const { baseFontSize = DEFAULT_BASE_FONT_SIZE_PX, decimals = DEFAULT_DECIMALS } = options;\n  const parsedValuePx = Number.parseFloat(String(valuePx));\n  const effectiveValuePx = Number.isFinite(parsedValuePx) ? parsedValuePx : 0;\n  const parsedBaseFontSize = Number.parseFloat(String(baseFontSize));\n  const effectiveBaseFontSize =\n    Number.isFinite(parsedBaseFontSize) && parsedBaseFontSize > 0 ? parsedBaseFontSize : FALLBACK_BASE_FONT_SIZE_PX;\n  const effectiveDecimals =\n    Number.isInteger(decimals) && decimals >= 0 && decimals <= MAX_TO_FIXED_DIGITS ? decimals : DEFAULT_DECIMALS;\n\n  const remValue = effectiveValuePx / effectiveBaseFontSize;\n  const roundingFactor = 10 ** effectiveDecimals;\n  const roundedRem = Math.round((remValue + Number.EPSILON) * roundingFactor) / roundingFactor;\n  const normalizedRem = Math.abs(roundedRem) === 0 ? 0 : roundedRem;\n  const formattedRem = normalizedRem.toFixed(effectiveDecimals).replace(/\\.?0+$/, '');\n\n  return `${formattedRem}${REM_UNIT}`;\n};\n"],"names":["parsedDefaultBaseFontSize","fontSizeBaseMobile","DEFAULT_BASE_FONT_SIZE_PX","FALLBACK_BASE_FONT_SIZE_PX","pxToRem","valuePx","options","baseFontSize","decimals","DEFAULT_DECIMALS","parsedValuePx","effectiveValuePx","parsedBaseFontSize","effectiveBaseFontSize","effectiveDecimals","MAX_TO_FIXED_DIGITS","remValue","roundingFactor","roundedRem","REM_UNIT"],"mappings":";;AAQA,MAAMA,IAA4B,OAAO,WAAWC,CAAkB,GAEzDC,IACX,OAAO,SAASF,CAAyB,KAAKA,IAA4B,IACtEA,IACAG,GAUOC,IAAU,CAACC,GAA0BC,IAA0B,OAAe;AACzF,QAAM,EAAE,cAAAC,IAAeL,GAA2B,UAAAM,IAAWC,MAAqBH,GAC5EI,IAAgB,OAAO,WAAW,OAAOL,CAAO,CAAC,GACjDM,IAAmB,OAAO,SAASD,CAAa,IAAIA,IAAgB,GACpEE,IAAqB,OAAO,WAAW,OAAOL,CAAY,CAAC,GAC3DM,IACJ,OAAO,SAASD,CAAkB,KAAKA,IAAqB,IAAIA,IAAqBT,GACjFW,IACJ,OAAO,UAAUN,CAAQ,KAAKA,KAAY,KAAKA,KAAYO,IAAsBP,IAAWC,GAExFO,IAAWL,IAAmBE,GAC9BI,IAAiB,MAAMH,GACvBI,IAAa,KAAK,OAAOF,IAAW,OAAO,WAAWC,CAAc,IAAIA;AAI9E,SAAO,IAHe,KAAK,IAAIC,CAAU,MAAM,IAAI,IAAIA,GACpB,QAAQJ,CAAiB,EAAE,QAAQ,UAAU,EAAE,CAE5D,GAAGK,CAAQ;AACnC;"}

package/dist/utils/router.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=t=>t.trim().startsWith("//"),h=t=>/^[a-z][a-z0-9+.-]*:/i.test(t.trim()),d=t=>h(t)||f(t),y=t=>t.trim().startsWith("#"),k=t=>typeof t=="string"&&t.toLowerCase()!=="_self",g=t=>t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||typeof t.button=="number"&&t.button!==0,b=t=>{const{router:e,routerOptions:n,href:o,target:a,download:s,onClick:i,isDisabled:l}=t,c=typeof o=="string"&&d(o),u=typeof o=="string"&&y(o);return!!(e&&o&&!l&&!(s===!0||typeof s=="string")&&!k(a)&&!c&&!u)?r=>{r.defaultPrevented||(i?.(r),!(g(r)||r.defaultPrevented)&&(r.preventDefault(),e?.navigate(String(o),n)))}:i};exports.handleLinkClick=b;
+//# sourceMappingURL=router.cjs.map

package/dist/utils/router.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.cjs","sources":["../../src/utils/router.ts"],"sourcesContent":["import { type MouseEvent, type MouseEventHandler } from 'react';\nimport { type RouterContextType } from '../context/RouterContext';\n\nconst isProtocolRelativeUrl = (href: string): boolean => href.trim().startsWith('//');\nconst hasNonPathUrlScheme = (href: string): boolean => /^[a-z][a-z0-9+.-]*:/i.test(href.trim());\nconst isExternalOrNonPathHref = (href: string): boolean => hasNonPathUrlScheme(href) || isProtocolRelativeUrl(href);\nconst isHashOnlyHref = (href: string): boolean => href.trim().startsWith('#');\nconst shouldDeferToBrowserForTarget = (target?: string): boolean =>\n  typeof target === 'string' && target.toLowerCase() !== '_self';\n\nconst shouldDeferToBrowserForLinkClick = (\n  event: Pick<MouseEvent, 'metaKey' | 'ctrlKey' | 'shiftKey' | 'altKey' | 'button'>,\n): boolean =>\n  event.metaKey ||\n  event.ctrlKey ||\n  event.shiftKey ||\n  event.altKey ||\n  (typeof event.button === 'number' && event.button !== 0);\n\nexport type HandleLinkClickOptions = {\n  router: RouterContextType;\n  routerOptions?: Record<string, unknown>;\n  href?: string;\n  target?: string;\n  download?: string | boolean;\n  onClick?: MouseEventHandler;\n  isDisabled?: boolean;\n};\n\n/**\n * Creates click handler for link-like components integrated with RouterProvider.\n * Returns original `onClick` when router navigation should not be used\n * (e.g. missing router/href, disabled state, URL with a dedicated scheme such as\n * `https:` or `mailto:`, protocol-relative URL, hash-only URL, non-`_self`\n * target, `download` links, or modified / non-primary clicks).\n * If router navigation is applicable, the returned handler invokes `onClick` and\n * only navigates when the event is not prevented. If another handler already set\n * `event.defaultPrevented` before this handler runs, it exits early without\n * invoking `onClick` or navigating.\n *\n * @param {HandleLinkClickOptions} options Handler options object.\n * @param {RouterContextType} options.router Router context used for navigation.\n * @param {Record<string, unknown>} [options.routerOptions] Extra options for router navigation.\n * @param {string} [options.href] Link target URL.\n * @param {string} [options.target] HTML link target.\n * @param {string | boolean} [options.download] HTML link download attribute.\n * @param {MouseEventHandler} [options.onClick] Original click handler.\n * @param {boolean} [options.isDisabled] Whether the link is disabled.\n */\nexport const handleLinkClick = (options: HandleLinkClickOptions): MouseEventHandler | undefined => {\n  const { router, routerOptions, href, target, download, onClick: onNativeClick, isDisabled } = options;\n  const isNonPathHref = typeof href === 'string' && isExternalOrNonPathHref(href);\n  const isHashHref = typeof href === 'string' && isHashOnlyHref(href);\n  const hasDownloadAttribute = download === true || typeof download === 'string';\n  const shouldUseRouter = Boolean(\n    router &&\n    href &&\n    !isDisabled &&\n    !hasDownloadAttribute &&\n    !shouldDeferToBrowserForTarget(target) &&\n    !isNonPathHref &&\n    !isHashHref,\n  );\n\n  const onRouterClick: MouseEventHandler = (event) => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onNativeClick?.(event);\n\n    if (shouldDeferToBrowserForLinkClick(event) || event.defaultPrevented) {\n      return;\n    }\n\n    event.preventDefault();\n    router?.navigate(String(href), routerOptions);\n  };\n\n  return shouldUseRouter ? onRouterClick : onNativeClick;\n};\n"],"names":["isProtocolRelativeUrl","href","hasNonPathUrlScheme","isExternalOrNonPathHref","isHashOnlyHref","shouldDeferToBrowserForTarget","target","shouldDeferToBrowserForLinkClick","event","handleLinkClick","options","router","routerOptions","download","onNativeClick","isDisabled","isNonPathHref","isHashHref"],"mappings":"gFAGA,MAAMA,EAAyBC,GAA0BA,EAAK,KAAA,EAAO,WAAW,IAAI,EAC9EC,EAAuBD,GAA0B,uBAAuB,KAAKA,EAAK,MAAM,EACxFE,EAA2BF,GAA0BC,EAAoBD,CAAI,GAAKD,EAAsBC,CAAI,EAC5GG,EAAkBH,GAA0BA,EAAK,KAAA,EAAO,WAAW,GAAG,EACtEI,EAAiCC,GACrC,OAAOA,GAAW,UAAYA,EAAO,gBAAkB,QAEnDC,EACJC,GAEAA,EAAM,SACNA,EAAM,SACNA,EAAM,UACNA,EAAM,QACL,OAAOA,EAAM,QAAW,UAAYA,EAAM,SAAW,EAgC3CC,EAAmBC,GAAmE,CACjG,KAAM,CAAE,OAAAC,EAAQ,cAAAC,EAAe,KAAAX,EAAM,OAAAK,EAAQ,SAAAO,EAAU,QAASC,EAAe,WAAAC,CAAA,EAAeL,EACxFM,EAAgB,OAAOf,GAAS,UAAYE,EAAwBF,CAAI,EACxEgB,EAAa,OAAOhB,GAAS,UAAYG,EAAeH,CAAI,EA2BlE,MAzBwB,GACtBU,GACAV,GACA,CAACc,GACD,EAL2BF,IAAa,IAAQ,OAAOA,GAAa,WAMpE,CAACR,EAA8BC,CAAM,GACrC,CAACU,GACD,CAACC,GAGuCT,GAAU,CAC9CA,EAAM,mBAIVM,IAAgBN,CAAK,EAEjB,EAAAD,EAAiCC,CAAK,GAAKA,EAAM,oBAIrDA,EAAM,eAAA,EACNG,GAAQ,SAAS,OAAOV,CAAI,EAAGW,CAAa,GAC9C,EAEyCE,CAC3C"}

package/dist/utils/router.js

@@ -0,0 +1,10 @@
+const f = (t) => t.trim().startsWith("//"), h = (t) => /^[a-z][a-z0-9+.-]*:/i.test(t.trim()), d = (t) => h(t) || f(t), y = (t) => t.trim().startsWith("#"), k = (t) => typeof t == "string" && t.toLowerCase() !== "_self", p = (t) => t.metaKey || t.ctrlKey || t.shiftKey || t.altKey || typeof t.button == "number" && t.button !== 0, m = (t) => {
+  const { router: s, routerOptions: n, href: o, target: a, download: e, onClick: i, isDisabled: l } = t, c = typeof o == "string" && d(o), u = typeof o == "string" && y(o);
+  return !!(s && o && !l && !(e === !0 || typeof e == "string") && !k(a) && !c && !u) ? (r) => {
+    r.defaultPrevented || (i?.(r), !(p(r) || r.defaultPrevented) && (r.preventDefault(), s?.navigate(String(o), n)));
+  } : i;
+};
+export {
+  m as handleLinkClick
+};
+//# sourceMappingURL=router.js.map

package/dist/utils/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sources":["../../src/utils/router.ts"],"sourcesContent":["import { type MouseEvent, type MouseEventHandler } from 'react';\nimport { type RouterContextType } from '../context/RouterContext';\n\nconst isProtocolRelativeUrl = (href: string): boolean => href.trim().startsWith('//');\nconst hasNonPathUrlScheme = (href: string): boolean => /^[a-z][a-z0-9+.-]*:/i.test(href.trim());\nconst isExternalOrNonPathHref = (href: string): boolean => hasNonPathUrlScheme(href) || isProtocolRelativeUrl(href);\nconst isHashOnlyHref = (href: string): boolean => href.trim().startsWith('#');\nconst shouldDeferToBrowserForTarget = (target?: string): boolean =>\n  typeof target === 'string' && target.toLowerCase() !== '_self';\n\nconst shouldDeferToBrowserForLinkClick = (\n  event: Pick<MouseEvent, 'metaKey' | 'ctrlKey' | 'shiftKey' | 'altKey' | 'button'>,\n): boolean =>\n  event.metaKey ||\n  event.ctrlKey ||\n  event.shiftKey ||\n  event.altKey ||\n  (typeof event.button === 'number' && event.button !== 0);\n\nexport type HandleLinkClickOptions = {\n  router: RouterContextType;\n  routerOptions?: Record<string, unknown>;\n  href?: string;\n  target?: string;\n  download?: string | boolean;\n  onClick?: MouseEventHandler;\n  isDisabled?: boolean;\n};\n\n/**\n * Creates click handler for link-like components integrated with RouterProvider.\n * Returns original `onClick` when router navigation should not be used\n * (e.g. missing router/href, disabled state, URL with a dedicated scheme such as\n * `https:` or `mailto:`, protocol-relative URL, hash-only URL, non-`_self`\n * target, `download` links, or modified / non-primary clicks).\n * If router navigation is applicable, the returned handler invokes `onClick` and\n * only navigates when the event is not prevented. If another handler already set\n * `event.defaultPrevented` before this handler runs, it exits early without\n * invoking `onClick` or navigating.\n *\n * @param {HandleLinkClickOptions} options Handler options object.\n * @param {RouterContextType} options.router Router context used for navigation.\n * @param {Record<string, unknown>} [options.routerOptions] Extra options for router navigation.\n * @param {string} [options.href] Link target URL.\n * @param {string} [options.target] HTML link target.\n * @param {string | boolean} [options.download] HTML link download attribute.\n * @param {MouseEventHandler} [options.onClick] Original click handler.\n * @param {boolean} [options.isDisabled] Whether the link is disabled.\n */\nexport const handleLinkClick = (options: HandleLinkClickOptions): MouseEventHandler | undefined => {\n  const { router, routerOptions, href, target, download, onClick: onNativeClick, isDisabled } = options;\n  const isNonPathHref = typeof href === 'string' && isExternalOrNonPathHref(href);\n  const isHashHref = typeof href === 'string' && isHashOnlyHref(href);\n  const hasDownloadAttribute = download === true || typeof download === 'string';\n  const shouldUseRouter = Boolean(\n    router &&\n    href &&\n    !isDisabled &&\n    !hasDownloadAttribute &&\n    !shouldDeferToBrowserForTarget(target) &&\n    !isNonPathHref &&\n    !isHashHref,\n  );\n\n  const onRouterClick: MouseEventHandler = (event) => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onNativeClick?.(event);\n\n    if (shouldDeferToBrowserForLinkClick(event) || event.defaultPrevented) {\n      return;\n    }\n\n    event.preventDefault();\n    router?.navigate(String(href), routerOptions);\n  };\n\n  return shouldUseRouter ? onRouterClick : onNativeClick;\n};\n"],"names":["isProtocolRelativeUrl","href","hasNonPathUrlScheme","isExternalOrNonPathHref","isHashOnlyHref","shouldDeferToBrowserForTarget","target","shouldDeferToBrowserForLinkClick","event","handleLinkClick","options","router","routerOptions","download","onNativeClick","isDisabled","isNonPathHref","isHashHref"],"mappings":"AAGA,MAAMA,IAAwB,CAACC,MAA0BA,EAAK,KAAA,EAAO,WAAW,IAAI,GAC9EC,IAAsB,CAACD,MAA0B,uBAAuB,KAAKA,EAAK,MAAM,GACxFE,IAA0B,CAACF,MAA0BC,EAAoBD,CAAI,KAAKD,EAAsBC,CAAI,GAC5GG,IAAiB,CAACH,MAA0BA,EAAK,KAAA,EAAO,WAAW,GAAG,GACtEI,IAAgC,CAACC,MACrC,OAAOA,KAAW,YAAYA,EAAO,kBAAkB,SAEnDC,IAAmC,CACvCC,MAEAA,EAAM,WACNA,EAAM,WACNA,EAAM,YACNA,EAAM,UACL,OAAOA,EAAM,UAAW,YAAYA,EAAM,WAAW,GAgC3CC,IAAkB,CAACC,MAAmE;AACjG,QAAM,EAAE,QAAAC,GAAQ,eAAAC,GAAe,MAAAX,GAAM,QAAAK,GAAQ,UAAAO,GAAU,SAASC,GAAe,YAAAC,EAAA,IAAeL,GACxFM,IAAgB,OAAOf,KAAS,YAAYE,EAAwBF,CAAI,GACxEgB,IAAa,OAAOhB,KAAS,YAAYG,EAAeH,CAAI;AA2BlE,SAzBwB,GACtBU,KACAV,KACA,CAACc,KACD,EAL2BF,MAAa,MAAQ,OAAOA,KAAa,aAMpE,CAACR,EAA8BC,CAAM,KACrC,CAACU,KACD,CAACC,KAGsC,CAACT,MAAU;AAClD,IAAIA,EAAM,qBAIVM,IAAgBN,CAAK,GAEjB,EAAAD,EAAiCC,CAAK,KAAKA,EAAM,sBAIrDA,EAAM,eAAA,GACNG,GAAQ,SAAS,OAAOV,CAAI,GAAGW,CAAa;AAAA,EAC9C,IAEyCE;AAC3C;"}

package/dist/utils/string.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),o=e=>e.replace(/-([a-z])/g,a=>a[1].toUpperCase()),r=e=>{if(typeof e=="object"&&e!==null){const a={};for(const[t,s]of Object.entries(e))a[t]=typeof s=="string"?o(s):s;return a}return e},b=e=>typeof e=="string"?o(e):typeof e=="object"&&e!==null?r(e):e;exports.camelCaseToKebabCase=C;exports.kebabCaseToCamelCase=o;exports.kebabCaseToCamelCaseValues=r;exports.stringOrObjectKebabCaseToCamelCase=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),s=e=>e.replace(/-([a-z])/g,a=>a[1].toUpperCase()),t=e=>{if(typeof e=="object"&&e!==null){const a={};for(const[o,r]of Object.entries(e))a[o]=typeof r=="string"?s(r):r;return a}return e},C=e=>typeof e=="string"||e==null?e??void 0:String(e),b=e=>typeof e=="string"?s(e):typeof e=="object"&&e!==null?t(e):e;exports.camelCaseToKebabCase=l;exports.kebabCaseToCamelCase=s;exports.kebabCaseToCamelCaseValues=t;exports.normalizeStringValue=C;exports.stringOrObjectKebabCaseToCamelCase=b;
 //# sourceMappingURL=string.cjs.map

package/dist/utils/string.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"string.cjs","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\n * Converts a camelCase or PascalCase string to kebab-case.\n *\n * @param {string} input - The camelCase string to be converted.\n * @returns {string} The kebab-case version of the input string.\n */\nexport const camelCaseToKebabCase = (input: string): string =>\n  input.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n\n/**\n * Converts a kebab-case string to camelCase.\n *\n * @param {string} input - The kebab-case string to be converted.\n * @returns {string} The camelCase version of the input string.\n */\nexport const kebabCaseToCamelCase = (input: string): string => input.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\n\n/**\n * Converts an object with kebab-case string values to camelCase.\n *\n * @param {Record<string, string>} input - The input to be converted.\n * @returns {Record<string, string>} The converted input.\n */\nexport const kebabCaseToCamelCaseValues = (input: Record<string, string>): Record<string, string> => {\n  if (typeof input === 'object' && input !== null) {\n    const result: Record<string, string> = {};\n    for (const [key, value] of Object.entries(input)) {\n      result[key] = typeof value === 'string' ? kebabCaseToCamelCase(value) : value;\n    }\n\n    return result;\n  }\n\n  return input;\n};\n\n/**\n * Converts a kebab-case string or an object with kebab-case values to camelCase.\n *\n * @param {string | Record<string, string>} input - The input to be converted.\n * @returns {string | Record<string, string>} The converted input.\n */\nexport const stringOrObjectKebabCaseToCamelCase = (\n  input: string | Record<string, string>,\n): string | Record<string, string> => {\n  if (typeof input === 'string') {\n    return kebabCaseToCamelCase(input);\n  }\n  if (typeof input === 'object' && input !== null) {\n    return kebabCaseToCamelCaseValues(input);\n  }\n\n  return input;\n};\n"],"names":["camelCaseToKebabCase","input","kebabCaseToCamelCase","g","kebabCaseToCamelCaseValues","result","key","value","stringOrObjectKebabCaseToCamelCase"],"mappings":"gFAMO,MAAMA,EAAwBC,GACnCA,EAAM,QAAQ,qBAAsB,OAAO,EAAE,YAAA,EAQlCC,EAAwBD,GAA0BA,EAAM,QAAQ,YAAcE,GAAMA,EAAE,CAAC,EAAE,YAAA,CAAa,EAQtGC,EAA8BH,GAA0D,CACnG,GAAI,OAAOA,GAAU,UAAYA,IAAU,KAAM,CAC/C,MAAMI,EAAiC,CAAA,EACvC,SAAW,CAACC,EAAKC,CAAK,IAAK,OAAO,QAAQN,CAAK,EAC7CI,EAAOC,CAAG,EAAI,OAAOC,GAAU,SAAWL,EAAqBK,CAAK,EAAIA,EAG1E,OAAOF,CACT,CAEA,OAAOJ,CACT,EAQaO,EACXP,GAEI,OAAOA,GAAU,SACZC,EAAqBD,CAAK,EAE/B,OAAOA,GAAU,UAAYA,IAAU,KAClCG,EAA2BH,CAAK,EAGlCA"}
+{"version":3,"file":"string.cjs","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\n * Converts a camelCase or PascalCase string to kebab-case.\n *\n * @param {string} input - The camelCase string to be converted.\n * @returns {string} The kebab-case version of the input string.\n */\nexport const camelCaseToKebabCase = (input: string): string =>\n  input.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n\n/**\n * Converts a kebab-case string to camelCase.\n *\n * @param {string} input - The kebab-case string to be converted.\n * @returns {string} The camelCase version of the input string.\n */\nexport const kebabCaseToCamelCase = (input: string): string => input.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\n\n/**\n * Converts an object with kebab-case string values to camelCase.\n *\n * @param {Record<string, string>} input - The input to be converted.\n * @returns {Record<string, string>} The converted input.\n */\nexport const kebabCaseToCamelCaseValues = (input: Record<string, string>): Record<string, string> => {\n  if (typeof input === 'object' && input !== null) {\n    const result: Record<string, string> = {};\n    for (const [key, value] of Object.entries(input)) {\n      result[key] = typeof value === 'string' ? kebabCaseToCamelCase(value) : value;\n    }\n\n    return result;\n  }\n\n  return input;\n};\n\n/**\n * Normalizes a value to `string | undefined`.\n *\n * Returns the original value if it is already a string,\n * `undefined` for nullish inputs, or `String(value)` for anything else.\n *\n * @param {unknown} value - The value to normalize.\n * @returns {string | undefined} The normalized string value.\n */\nexport const normalizeStringValue = (value: unknown): string | undefined => {\n  if (typeof value === 'string' || value == null) {\n    return value ?? undefined;\n  }\n\n  return String(value);\n};\n\n/**\n * Converts a kebab-case string or an object with kebab-case values to camelCase.\n *\n * @param {string | Record<string, string>} input - The input to be converted.\n * @returns {string | Record<string, string>} The converted input.\n */\nexport const stringOrObjectKebabCaseToCamelCase = (\n  input: string | Record<string, string>,\n): string | Record<string, string> => {\n  if (typeof input === 'string') {\n    return kebabCaseToCamelCase(input);\n  }\n  if (typeof input === 'object' && input !== null) {\n    return kebabCaseToCamelCaseValues(input);\n  }\n\n  return input;\n};\n"],"names":["camelCaseToKebabCase","input","kebabCaseToCamelCase","g","kebabCaseToCamelCaseValues","result","key","value","normalizeStringValue","stringOrObjectKebabCaseToCamelCase"],"mappings":"gFAMO,MAAMA,EAAwBC,GACnCA,EAAM,QAAQ,qBAAsB,OAAO,EAAE,YAAA,EAQlCC,EAAwBD,GAA0BA,EAAM,QAAQ,YAAcE,GAAMA,EAAE,CAAC,EAAE,YAAA,CAAa,EAQtGC,EAA8BH,GAA0D,CACnG,GAAI,OAAOA,GAAU,UAAYA,IAAU,KAAM,CAC/C,MAAMI,EAAiC,CAAA,EACvC,SAAW,CAACC,EAAKC,CAAK,IAAK,OAAO,QAAQN,CAAK,EAC7CI,EAAOC,CAAG,EAAI,OAAOC,GAAU,SAAWL,EAAqBK,CAAK,EAAIA,EAG1E,OAAOF,CACT,CAEA,OAAOJ,CACT,EAWaO,EAAwBD,GAC/B,OAAOA,GAAU,UAAYA,GAAS,KACjCA,GAAS,OAGX,OAAOA,CAAK,EASRE,EACXR,GAEI,OAAOA,GAAU,SACZC,EAAqBD,CAAK,EAE/B,OAAOA,GAAU,UAAYA,IAAU,KAClCG,EAA2BH,CAAK,EAGlCA"}

package/dist/utils/string.js

@@ -1,16 +1,17 @@
-const c = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), r = (e) => e.replace(/-([a-z])/g, (a) => a[1].toUpperCase()), t = (e) => {
+const n = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), o = (e) => e.replace(/-([a-z])/g, (r) => r[1].toUpperCase()), a = (e) => {
   if (typeof e == "object" && e !== null) {
-    const a = {};
-    for (const [o, s] of Object.entries(e))
-      a[o] = typeof s == "string" ? r(s) : s;
-    return a;
+    const r = {};
+    for (const [s, t] of Object.entries(e))
+      r[s] = typeof t == "string" ? o(t) : t;
+    return r;
   }
   return e;
-}, l = (e) => typeof e == "string" ? r(e) : typeof e == "object" && e !== null ? t(e) : e;
+}, c = (e) => typeof e == "string" || e == null ? e ?? void 0 : String(e), l = (e) => typeof e == "string" ? o(e) : typeof e == "object" && e !== null ? a(e) : e;
 export {
-  c as camelCaseToKebabCase,
-  r as kebabCaseToCamelCase,
-  t as kebabCaseToCamelCaseValues,
+  n as camelCaseToKebabCase,
+  o as kebabCaseToCamelCase,
+  a as kebabCaseToCamelCaseValues,
+  c as normalizeStringValue,
   l as stringOrObjectKebabCaseToCamelCase
 };
 //# sourceMappingURL=string.js.map

package/dist/utils/string.js.map

@@ -1 +1 @@
-{"version":3,"file":"string.js","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\n * Converts a camelCase or PascalCase string to kebab-case.\n *\n * @param {string} input - The camelCase string to be converted.\n * @returns {string} The kebab-case version of the input string.\n */\nexport const camelCaseToKebabCase = (input: string): string =>\n  input.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n\n/**\n * Converts a kebab-case string to camelCase.\n *\n * @param {string} input - The kebab-case string to be converted.\n * @returns {string} The camelCase version of the input string.\n */\nexport const kebabCaseToCamelCase = (input: string): string => input.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\n\n/**\n * Converts an object with kebab-case string values to camelCase.\n *\n * @param {Record<string, string>} input - The input to be converted.\n * @returns {Record<string, string>} The converted input.\n */\nexport const kebabCaseToCamelCaseValues = (input: Record<string, string>): Record<string, string> => {\n  if (typeof input === 'object' && input !== null) {\n    const result: Record<string, string> = {};\n    for (const [key, value] of Object.entries(input)) {\n      result[key] = typeof value === 'string' ? kebabCaseToCamelCase(value) : value;\n    }\n\n    return result;\n  }\n\n  return input;\n};\n\n/**\n * Converts a kebab-case string or an object with kebab-case values to camelCase.\n *\n * @param {string | Record<string, string>} input - The input to be converted.\n * @returns {string | Record<string, string>} The converted input.\n */\nexport const stringOrObjectKebabCaseToCamelCase = (\n  input: string | Record<string, string>,\n): string | Record<string, string> => {\n  if (typeof input === 'string') {\n    return kebabCaseToCamelCase(input);\n  }\n  if (typeof input === 'object' && input !== null) {\n    return kebabCaseToCamelCaseValues(input);\n  }\n\n  return input;\n};\n"],"names":["camelCaseToKebabCase","input","kebabCaseToCamelCase","g","kebabCaseToCamelCaseValues","result","key","value","stringOrObjectKebabCaseToCamelCase"],"mappings":"AAMO,MAAMA,IAAuB,CAACC,MACnCA,EAAM,QAAQ,sBAAsB,OAAO,EAAE,YAAA,GAQlCC,IAAuB,CAACD,MAA0BA,EAAM,QAAQ,aAAa,CAACE,MAAMA,EAAE,CAAC,EAAE,YAAA,CAAa,GAQtGC,IAA6B,CAACH,MAA0D;AACnG,MAAI,OAAOA,KAAU,YAAYA,MAAU,MAAM;AAC/C,UAAMI,IAAiC,CAAA;AACvC,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQN,CAAK;AAC7C,MAAAI,EAAOC,CAAG,IAAI,OAAOC,KAAU,WAAWL,EAAqBK,CAAK,IAAIA;AAG1E,WAAOF;AAAA,EACT;AAEA,SAAOJ;AACT,GAQaO,IAAqC,CAChDP,MAEI,OAAOA,KAAU,WACZC,EAAqBD,CAAK,IAE/B,OAAOA,KAAU,YAAYA,MAAU,OAClCG,EAA2BH,CAAK,IAGlCA;"}
+{"version":3,"file":"string.js","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\n * Converts a camelCase or PascalCase string to kebab-case.\n *\n * @param {string} input - The camelCase string to be converted.\n * @returns {string} The kebab-case version of the input string.\n */\nexport const camelCaseToKebabCase = (input: string): string =>\n  input.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n\n/**\n * Converts a kebab-case string to camelCase.\n *\n * @param {string} input - The kebab-case string to be converted.\n * @returns {string} The camelCase version of the input string.\n */\nexport const kebabCaseToCamelCase = (input: string): string => input.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\n\n/**\n * Converts an object with kebab-case string values to camelCase.\n *\n * @param {Record<string, string>} input - The input to be converted.\n * @returns {Record<string, string>} The converted input.\n */\nexport const kebabCaseToCamelCaseValues = (input: Record<string, string>): Record<string, string> => {\n  if (typeof input === 'object' && input !== null) {\n    const result: Record<string, string> = {};\n    for (const [key, value] of Object.entries(input)) {\n      result[key] = typeof value === 'string' ? kebabCaseToCamelCase(value) : value;\n    }\n\n    return result;\n  }\n\n  return input;\n};\n\n/**\n * Normalizes a value to `string | undefined`.\n *\n * Returns the original value if it is already a string,\n * `undefined` for nullish inputs, or `String(value)` for anything else.\n *\n * @param {unknown} value - The value to normalize.\n * @returns {string | undefined} The normalized string value.\n */\nexport const normalizeStringValue = (value: unknown): string | undefined => {\n  if (typeof value === 'string' || value == null) {\n    return value ?? undefined;\n  }\n\n  return String(value);\n};\n\n/**\n * Converts a kebab-case string or an object with kebab-case values to camelCase.\n *\n * @param {string | Record<string, string>} input - The input to be converted.\n * @returns {string | Record<string, string>} The converted input.\n */\nexport const stringOrObjectKebabCaseToCamelCase = (\n  input: string | Record<string, string>,\n): string | Record<string, string> => {\n  if (typeof input === 'string') {\n    return kebabCaseToCamelCase(input);\n  }\n  if (typeof input === 'object' && input !== null) {\n    return kebabCaseToCamelCaseValues(input);\n  }\n\n  return input;\n};\n"],"names":["camelCaseToKebabCase","input","kebabCaseToCamelCase","g","kebabCaseToCamelCaseValues","result","key","value","normalizeStringValue","stringOrObjectKebabCaseToCamelCase"],"mappings":"AAMO,MAAMA,IAAuB,CAACC,MACnCA,EAAM,QAAQ,sBAAsB,OAAO,EAAE,YAAA,GAQlCC,IAAuB,CAACD,MAA0BA,EAAM,QAAQ,aAAa,CAACE,MAAMA,EAAE,CAAC,EAAE,YAAA,CAAa,GAQtGC,IAA6B,CAACH,MAA0D;AACnG,MAAI,OAAOA,KAAU,YAAYA,MAAU,MAAM;AAC/C,UAAMI,IAAiC,CAAA;AACvC,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQN,CAAK;AAC7C,MAAAI,EAAOC,CAAG,IAAI,OAAOC,KAAU,WAAWL,EAAqBK,CAAK,IAAIA;AAG1E,WAAOF;AAAA,EACT;AAEA,SAAOJ;AACT,GAWaO,IAAuB,CAACD,MAC/B,OAAOA,KAAU,YAAYA,KAAS,OACjCA,KAAS,SAGX,OAAOA,CAAK,GASRE,IAAqC,CAChDR,MAEI,OAAOA,KAAU,WACZC,EAAqBD,CAAK,IAE/B,OAAOA,KAAU,YAAYA,MAAU,OAClCG,EAA2BH,CAAK,IAGlCA;"}

package/dist/utils.d.ts

@@ -1,2 +1,2 @@
-export * from './utils/index'
+export * from './src/utils/index'
 export {}

package/dist/web-react/docs/DocsBox.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),o=require("classnames"),d=require("../../hooks/styleProps.cjs"),f=require("../../hooks/useClassNamePrefix.cjs"),x={size:"medium"},y=r=>{const l={...x,...r},{children:i,isMultiline:c,size:e,...u}=l,{styleProps:t,props:n}=d.useStyleProps(u),s=f.useClassNamePrefix("docs-Box"),a=`${s}--${e}`,p=`${s}--multiline`,m=o(s,{[a]:e,[p]:c});return P.jsx("div",{...t,...n,className:o(m,t.className),children:i})};exports.default=y;
+//# sourceMappingURL=DocsBox.cjs.map

package/dist/web-react/docs/DocsBox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsBox.cjs","sources":["../../../docs/DocsBox.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactNode } from 'react';\nimport { type SizesDictionaryType, type StyleProps, useClassNamePrefix, useStyleProps } from '../src';\n\ninterface DocsBoxProps extends StyleProps {\n  children: ReactNode;\n  isMultiline?: boolean;\n  size?: SizesDictionaryType;\n}\n\nconst defaultProps: Partial<DocsBoxProps> = {\n  size: 'medium',\n};\n\nconst DocsBox = (props: DocsBoxProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, isMultiline, size, ...restProps } = propsWithDefaults;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const docsBoxClass = useClassNamePrefix('docs-Box');\n  const sizeClass = `${docsBoxClass}--${size}`;\n  const multilineClass = `${docsBoxClass}--multiline`;\n\n  const classProps = classNames(docsBoxClass, {\n    [sizeClass]: size,\n    [multilineClass]: isMultiline,\n  });\n\n  return (\n    <div {...styleProps} {...transferProps} className={classNames(classProps, styleProps.className)}>\n      {children}\n    </div>\n  );\n};\n\nexport default DocsBox;\n"],"names":["defaultProps","DocsBox","props","propsWithDefaults","children","isMultiline","size","restProps","styleProps","transferProps","useStyleProps","docsBoxClass","useClassNamePrefix","sizeClass","multilineClass","classProps","classNames","jsx"],"mappings":"8QAYMA,EAAsC,CAC1C,KAAM,QACR,EAEMC,EAAWC,GAAwB,CACvC,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,YAAAC,EAAa,KAAAC,EAAM,GAAGC,GAAcJ,EAChD,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcH,CAAS,EAC9DI,EAAeC,EAAAA,mBAAmB,UAAU,EAC5CC,EAAY,GAAGF,CAAY,KAAKL,CAAI,GACpCQ,EAAiB,GAAGH,CAAY,cAEhCI,EAAaC,EAAWL,EAAc,CAC1C,CAACE,CAAS,EAAGP,EACb,CAACQ,CAAc,EAAGT,CAAA,CACnB,EAED,OACEY,EAAAA,IAAC,MAAA,CAAK,GAAGT,EAAa,GAAGC,EAAe,UAAWO,EAAWD,EAAYP,EAAW,SAAS,EAC3F,SAAAJ,CAAA,CACH,CAEJ"}

package/dist/web-react/docs/DocsBox.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as f } from "react/jsx-runtime";
+import e from "classnames";
+import { useStyleProps as d } from "../../hooks/styleProps.js";
+import { useClassNamePrefix as P } from "../../hooks/useClassNamePrefix.js";
+const x = {
+  size: "medium"
+}, $ = (r) => {
+  const i = { ...x, ...r }, { children: l, isMultiline: c, size: o, ...a } = i, { styleProps: t, props: m } = d(a), s = P("docs-Box"), n = `${s}--${o}`, p = `${s}--multiline`, u = e(s, {
+    [n]: o,
+    [p]: c
+  });
+  return /* @__PURE__ */ f("div", { ...t, ...m, className: e(u, t.className), children: l });
+};
+export {
+  $ as default
+};
+//# sourceMappingURL=DocsBox.js.map

package/dist/web-react/docs/DocsBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsBox.js","sources":["../../../docs/DocsBox.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactNode } from 'react';\nimport { type SizesDictionaryType, type StyleProps, useClassNamePrefix, useStyleProps } from '../src';\n\ninterface DocsBoxProps extends StyleProps {\n  children: ReactNode;\n  isMultiline?: boolean;\n  size?: SizesDictionaryType;\n}\n\nconst defaultProps: Partial<DocsBoxProps> = {\n  size: 'medium',\n};\n\nconst DocsBox = (props: DocsBoxProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, isMultiline, size, ...restProps } = propsWithDefaults;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const docsBoxClass = useClassNamePrefix('docs-Box');\n  const sizeClass = `${docsBoxClass}--${size}`;\n  const multilineClass = `${docsBoxClass}--multiline`;\n\n  const classProps = classNames(docsBoxClass, {\n    [sizeClass]: size,\n    [multilineClass]: isMultiline,\n  });\n\n  return (\n    <div {...styleProps} {...transferProps} className={classNames(classProps, styleProps.className)}>\n      {children}\n    </div>\n  );\n};\n\nexport default DocsBox;\n"],"names":["defaultProps","DocsBox","props","propsWithDefaults","children","isMultiline","size","restProps","styleProps","transferProps","useStyleProps","docsBoxClass","useClassNamePrefix","sizeClass","multilineClass","classProps","classNames","jsx"],"mappings":";;;;;AAYA,MAAMA,IAAsC;AAAA,EAC1C,MAAM;AACR,GAEMC,IAAU,CAACC,MAAwB;AACvC,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,aAAAC,GAAa,MAAAC,GAAM,GAAGC,MAAcJ,GAChD,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAkBC,EAAcH,CAAS,GAC9DI,IAAeC,EAAmB,UAAU,GAC5CC,IAAY,GAAGF,CAAY,KAAKL,CAAI,IACpCQ,IAAiB,GAAGH,CAAY,eAEhCI,IAAaC,EAAWL,GAAc;AAAA,IAC1C,CAACE,CAAS,GAAGP;AAAA,IACb,CAACQ,CAAc,GAAGT;AAAA,EAAA,CACnB;AAED,SACE,gBAAAY,EAAC,OAAA,EAAK,GAAGT,GAAa,GAAGC,GAAe,WAAWO,EAAWD,GAAYP,EAAW,SAAS,GAC3F,UAAAJ,EAAA,CACH;AAEJ;"}

package/dist/web-react/docs/DocsSection.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),S=require("../../components/Container/Container.cjs"),m=require("../../components/Section/Section.cjs"),y=require("../../components/Tag/Tag.cjs"),f=require("../../hooks/styleProps.cjs"),j=require("../../utils/mergeStyleProps.cjs"),x=require("./DocsStack.cjs"),q={container:"all",hasPadding:!0,hasStack:!0,stackAlignment:"start",tag:""},k=c=>{const a={...q,...c},{children:t,container:s,hasPadding:i,hasStack:l,stackAlignment:u,title:d,tag:r,...g}=a,{styleProps:h,props:n}=f.useStyleProps(g),p=j.mergeStyleProps("section",{styleProps:h,otherProps:n}),o=e.jsxs("h2",{className:"docs-Heading",children:[d,r&&e.jsx(y.default,{color:"warning",isSubtle:!0,children:r})]}),P=e.jsxs(e.Fragment,{children:[s==="heading-only"?e.jsx(S.default,{children:o}):o,l?e.jsx(x.default,{stackAlignment:u,children:t}):t]});return e.jsx(m.default,{...n,...p,hasContainer:s==="all",size:i?"xsmall":void 0,children:P})};exports.default=k;
+//# sourceMappingURL=DocsSection.cjs.map

package/dist/web-react/docs/DocsSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsSection.cjs","sources":["../../../docs/DocsSection.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ReactNode } from 'react';\nimport { Container, Section, type StyleProps, Tag, useStyleProps } from '../src';\nimport { mergeStyleProps } from '../src/utils';\nimport DocsStack from './DocsStack';\n\ninterface DocsSectionProps extends StyleProps {\n  children: ReactNode;\n  container?: 'none' | 'all' | 'heading-only';\n  hasPadding?: boolean;\n  hasStack?: boolean;\n  stackAlignment?: 'start' | 'center' | 'end' | 'stretch';\n  tag?: string;\n  title: string;\n}\n\nconst defaultProps: Partial<DocsSectionProps> = {\n  container: 'all',\n  hasPadding: true,\n  hasStack: true,\n  stackAlignment: 'start',\n  tag: '',\n};\n\nconst DocsSection = (props: DocsSectionProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, container, hasPadding, hasStack, stackAlignment, title, tag, ...restProps } = propsWithDefaults;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps('section', {\n    styleProps,\n    otherProps,\n  });\n\n  const heading = (\n    <h2 className=\"docs-Heading\">\n      {title}\n      {tag && (\n        <Tag color=\"warning\" isSubtle>\n          {tag}\n        </Tag>\n      )}\n    </h2>\n  );\n\n  const content = (\n    <>\n      {container === 'heading-only' ? <Container>{heading}</Container> : heading}\n      {hasStack ? <DocsStack stackAlignment={stackAlignment}>{children}</DocsStack> : children}\n    </>\n  );\n\n  return (\n    <Section\n      {...otherProps}\n      {...mergedStyleProps}\n      hasContainer={container === 'all'}\n      size={hasPadding ? 'xsmall' : undefined}\n    >\n      {content}\n    </Section>\n  );\n};\n\nexport default DocsSection;\n"],"names":["defaultProps","DocsSection","props","propsWithDefaults","children","container","hasPadding","hasStack","stackAlignment","title","tag","restProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","heading","jsxs","jsx","Tag","content","Fragment","Container","DocsStack","Section"],"mappings":"kaAiBMA,EAA0C,CAC9C,UAAW,MACX,WAAY,GACZ,SAAU,GACV,eAAgB,QAChB,IAAK,EACP,EAEMC,EAAeC,GAA4B,CAC/C,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,UAAAC,EAAW,WAAAC,EAAY,SAAAC,EAAU,eAAAC,EAAgB,MAAAC,EAAO,IAAAC,EAAK,GAAGC,CAAA,EAAcR,EAC1F,CAAA,WAAES,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAC3DI,EAAmBC,EAAAA,gBAAgB,UAAW,CAAA,WAClDJ,EACA,WAAAC,CAAA,CACD,EAEKI,EACJC,EAAAA,KAAC,KAAA,CAAG,UAAU,eACX,SAAA,CAAAT,EACAC,GACCS,EAAAA,IAACC,EAAAA,QAAA,CAAI,MAAM,UAAU,SAAQ,GAC1B,SAAAV,CAAA,CACH,CAAA,EAEJ,EAGIW,EACJH,EAAAA,KAAAI,EAAAA,SAAA,CACG,SAAA,CAAAjB,IAAc,eAAiBc,MAACI,EAAAA,QAAA,CAAW,SAAAN,CAAA,CAAQ,EAAeA,EAClEV,EAAWY,EAAAA,IAACK,EAAAA,QAAA,CAAU,eAAAhB,EAAiC,SAAAJ,EAAS,EAAeA,CAAA,EAClF,EAGF,OACEe,EAAAA,IAACM,EAAAA,QAAA,CACE,GAAGZ,EACH,GAAGE,EACJ,aAAcV,IAAc,MAC5B,KAAMC,EAAa,SAAW,OAE7B,SAAAe,CAAA,CAAA,CAGP"}

package/dist/web-react/docs/DocsSection.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as t, jsxs as i, Fragment as f } from "react/jsx-runtime";
+import P from "../../components/Container/Container.js";
+import S from "../../components/Section/Section.js";
+import k from "../../components/Tag/Tag.js";
+import { useStyleProps as y } from "../../hooks/styleProps.js";
+import { mergeStyleProps as x } from "../../utils/mergeStyleProps.js";
+import D from "./DocsStack.js";
+const j = {
+  container: "all",
+  hasPadding: !0,
+  hasStack: !0,
+  stackAlignment: "start",
+  tag: ""
+}, N = (a) => {
+  const c = { ...j, ...a }, { children: o, container: r, hasPadding: l, hasStack: m, stackAlignment: p, title: d, tag: e, ...h } = c, { styleProps: g, props: s } = y(h), u = x("section", {
+    styleProps: g,
+    otherProps: s
+  }), n = /* @__PURE__ */ i("h2", { className: "docs-Heading", children: [
+    d,
+    e && /* @__PURE__ */ t(k, { color: "warning", isSubtle: !0, children: e })
+  ] });
+  return /* @__PURE__ */ t(
+    S,
+    {
+      ...s,
+      ...u,
+      hasContainer: r === "all",
+      size: l ? "xsmall" : void 0,
+      children: /* @__PURE__ */ i(f, { children: [
+        r === "heading-only" ? /* @__PURE__ */ t(P, { children: n }) : n,
+        m ? /* @__PURE__ */ t(D, { stackAlignment: p, children: o }) : o
+      ] })
+    }
+  );
+};
+export {
+  N as default
+};
+//# sourceMappingURL=DocsSection.js.map

package/dist/web-react/docs/DocsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsSection.js","sources":["../../../docs/DocsSection.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ReactNode } from 'react';\nimport { Container, Section, type StyleProps, Tag, useStyleProps } from '../src';\nimport { mergeStyleProps } from '../src/utils';\nimport DocsStack from './DocsStack';\n\ninterface DocsSectionProps extends StyleProps {\n  children: ReactNode;\n  container?: 'none' | 'all' | 'heading-only';\n  hasPadding?: boolean;\n  hasStack?: boolean;\n  stackAlignment?: 'start' | 'center' | 'end' | 'stretch';\n  tag?: string;\n  title: string;\n}\n\nconst defaultProps: Partial<DocsSectionProps> = {\n  container: 'all',\n  hasPadding: true,\n  hasStack: true,\n  stackAlignment: 'start',\n  tag: '',\n};\n\nconst DocsSection = (props: DocsSectionProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, container, hasPadding, hasStack, stackAlignment, title, tag, ...restProps } = propsWithDefaults;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps('section', {\n    styleProps,\n    otherProps,\n  });\n\n  const heading = (\n    <h2 className=\"docs-Heading\">\n      {title}\n      {tag && (\n        <Tag color=\"warning\" isSubtle>\n          {tag}\n        </Tag>\n      )}\n    </h2>\n  );\n\n  const content = (\n    <>\n      {container === 'heading-only' ? <Container>{heading}</Container> : heading}\n      {hasStack ? <DocsStack stackAlignment={stackAlignment}>{children}</DocsStack> : children}\n    </>\n  );\n\n  return (\n    <Section\n      {...otherProps}\n      {...mergedStyleProps}\n      hasContainer={container === 'all'}\n      size={hasPadding ? 'xsmall' : undefined}\n    >\n      {content}\n    </Section>\n  );\n};\n\nexport default DocsSection;\n"],"names":["defaultProps","DocsSection","props","propsWithDefaults","children","container","hasPadding","hasStack","stackAlignment","title","tag","restProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","heading","jsxs","jsx","Tag","Section","Fragment","Container","DocsStack"],"mappings":";;;;;;;;AAiBA,MAAMA,IAA0C;AAAA,EAC9C,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,KAAK;AACP,GAEMC,IAAc,CAACC,MAA4B;AAC/C,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,WAAAC,GAAW,YAAAC,GAAY,UAAAC,GAAU,gBAAAC,GAAgB,OAAAC,GAAO,KAAAC,GAAK,GAAGC,EAAA,IAAcR,GAC1F,EAAE,YAAAS,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAC3DI,IAAmBC,EAAgB,WAAW;AAAA,IAClD,YAAAJ;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GAEKI,IACJ,gBAAAC,EAAC,MAAA,EAAG,WAAU,gBACX,UAAA;AAAA,IAAAT;AAAA,IACAC,KACC,gBAAAS,EAACC,GAAA,EAAI,OAAM,WAAU,UAAQ,IAC1B,UAAAV,EAAA,CACH;AAAA,EAAA,GAEJ;AAUF,SACE,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACH,GAAGE;AAAA,MACJ,cAAcV,MAAc;AAAA,MAC5B,MAAMC,IAAa,WAAW;AAAA,MAE7B,UAbH,gBAAAY,EAAAI,GAAA,EACG,UAAA;AAAA,QAAAjB,MAAc,iBAAiB,gBAAAc,EAACI,GAAA,EAAW,UAAAN,EAAA,CAAQ,IAAeA;AAAA,QAClEV,IAAW,gBAAAY,EAACK,GAAA,EAAU,gBAAAhB,GAAiC,UAAAJ,GAAS,IAAeA;AAAA,MAAA,GAClF;AAAA,IAUG;AAAA,EAAA;AAGP;"}

package/dist/web-react/docs/DocsStack.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),i=require("classnames"),u=require("../../hooks/styleProps.cjs"),p={stackAlignment:void 0},d=t=>{const o={...p,...t},{children:r,stackAlignment:s,...c}=o,{styleProps:e,props:n}=u.useStyleProps(c),l=s?`docs-Stack--${s}`:"";return a.jsx("div",{...e,...n,className:i("docs-Stack",l,e.className),children:r})};exports.default=d;
+//# sourceMappingURL=DocsStack.cjs.map

package/dist/web-react/docs/DocsStack.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsStack.cjs","sources":["../../../docs/DocsStack.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactNode } from 'react';\nimport { type StyleProps, useStyleProps } from '../src';\n\ninterface DocsStackProps extends StyleProps {\n  children: ReactNode;\n  stackAlignment?: 'start' | 'center' | 'end' | 'stretch';\n}\n\nconst defaultProps: Partial<DocsStackProps> = {\n  stackAlignment: undefined,\n};\n\nconst DocsStack = (props: DocsStackProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, stackAlignment, ...restProps } = propsWithDefaults;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const alignmentClass = stackAlignment ? `docs-Stack--${stackAlignment}` : '';\n\n  return (\n    <div {...styleProps} {...transferProps} className={classNames('docs-Stack', alignmentClass, styleProps.className)}>\n      {children}\n    </div>\n  );\n};\n\nexport default DocsStack;\n"],"names":["defaultProps","DocsStack","props","propsWithDefaults","children","stackAlignment","restProps","styleProps","transferProps","useStyleProps","alignmentClass","jsx","classNames"],"mappings":"8NAWMA,EAAwC,CAC5C,eAAgB,MAClB,EAEMC,EAAaC,GAA0B,CAC3C,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,eAAAC,EAAgB,GAAGC,GAAcH,EAC7C,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcH,CAAS,EAC9DI,EAAiBL,EAAiB,eAAeA,CAAc,GAAK,GAE1E,OACEM,EAAAA,IAAC,MAAA,CAAK,GAAGJ,EAAa,GAAGC,EAAe,UAAWI,EAAW,aAAcF,EAAgBH,EAAW,SAAS,EAC7G,SAAAH,CAAA,CACH,CAEJ"}

package/dist/web-react/docs/DocsStack.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import p from "classnames";
+import { useStyleProps as i } from "../../hooks/styleProps.js";
+const m = {
+  stackAlignment: void 0
+}, k = (o) => {
+  const r = { ...m, ...o }, { children: c, stackAlignment: s, ...e } = r, { styleProps: t, props: a } = i(e), n = s ? `docs-Stack--${s}` : "";
+  return /* @__PURE__ */ l("div", { ...t, ...a, className: p("docs-Stack", n, t.className), children: c });
+};
+export {
+  k as default
+};
+//# sourceMappingURL=DocsStack.js.map

package/dist/web-react/docs/DocsStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsStack.js","sources":["../../../docs/DocsStack.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactNode } from 'react';\nimport { type StyleProps, useStyleProps } from '../src';\n\ninterface DocsStackProps extends StyleProps {\n  children: ReactNode;\n  stackAlignment?: 'start' | 'center' | 'end' | 'stretch';\n}\n\nconst defaultProps: Partial<DocsStackProps> = {\n  stackAlignment: undefined,\n};\n\nconst DocsStack = (props: DocsStackProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, stackAlignment, ...restProps } = propsWithDefaults;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const alignmentClass = stackAlignment ? `docs-Stack--${stackAlignment}` : '';\n\n  return (\n    <div {...styleProps} {...transferProps} className={classNames('docs-Stack', alignmentClass, styleProps.className)}>\n      {children}\n    </div>\n  );\n};\n\nexport default DocsStack;\n"],"names":["defaultProps","DocsStack","props","propsWithDefaults","children","stackAlignment","restProps","styleProps","transferProps","useStyleProps","alignmentClass","jsx","classNames"],"mappings":";;;;AAWA,MAAMA,IAAwC;AAAA,EAC5C,gBAAgB;AAClB,GAEMC,IAAY,CAACC,MAA0B;AAC3C,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,gBAAAC,GAAgB,GAAGC,MAAcH,GAC7C,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAcH,CAAS,GAC9DI,IAAiBL,IAAiB,eAAeA,CAAc,KAAK;AAE1E,SACE,gBAAAM,EAAC,OAAA,EAAK,GAAGJ,GAAa,GAAGC,GAAe,WAAWI,EAAW,cAAcF,GAAgBH,EAAW,SAAS,GAC7G,UAAAH,EAAA,CACH;AAEJ;"}

package/dist/web-react/docs/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={BASIC:"basic",NEUTRAL:"neutral",EMOTION:"emotion",ACCENT:"accent"},e={SUCCESS:"success",INFORMATIVE:"informative",WARNING:"warning",DANGER:"danger"};exports.DemoColorTypes=o;exports.DemoEmotionColors=e;
+//# sourceMappingURL=constants.cjs.map

package/dist/web-react/docs/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../docs/constants.ts"],"sourcesContent":["// Token colors are alphabetically sorted by default,\n// but for the demo we want a custom order.\n// Use this ordering for demo purposes only.\nexport const DemoButtonComponentColors = {\n  PRIMARY: 'primary',\n  SECONDARY: 'secondary',\n  TERTIARY: 'tertiary',\n  PLAIN: 'plain',\n} as const;\n\nexport const DemoColorTypes = {\n  BASIC: 'basic',\n  NEUTRAL: 'neutral',\n  EMOTION: 'emotion',\n  ACCENT: 'accent',\n} as const;\n\nexport const DemoEmotionColors = {\n  SUCCESS: 'success',\n  INFORMATIVE: 'informative',\n  WARNING: 'warning',\n  DANGER: 'danger',\n} as const;\n"],"names":["DemoColorTypes","DemoEmotionColors"],"mappings":"gFAUO,MAAMA,EAAiB,CAC5B,MAAO,QACP,QAAS,UACT,QAAS,UACT,OAAQ,QACV,EAEaC,EAAoB,CAC/B,QAAS,UACT,YAAa,cACb,QAAS,UACT,OAAQ,QACV"}

package/dist/web-react/docs/constants.js

@@ -0,0 +1,16 @@
+const o = {
+  BASIC: "basic",
+  NEUTRAL: "neutral",
+  EMOTION: "emotion",
+  ACCENT: "accent"
+}, e = {
+  SUCCESS: "success",
+  INFORMATIVE: "informative",
+  WARNING: "warning",
+  DANGER: "danger"
+};
+export {
+  o as DemoColorTypes,
+  e as DemoEmotionColors
+};
+//# sourceMappingURL=constants.js.map