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

package/dist/components/TextFieldBase/useTextFieldBaseStyleProps.js

@@ -1,25 +1,26 @@
 import o from "classnames";
-import { useClassNamePrefix as S } from "../../hooks/useClassNamePrefix.js";
+import { useClassNamePrefix as f } from "../../hooks/useClassNamePrefix.js";
 function q(i) {
-  const { isFluid: d, isMultiline: s, isLabelHidden: n, size: l, validationState: t, ...a } = i, { isDisabled: r, isRequired: T } = a, e = S(s ? "TextArea" : "TextField"), c = `${e}--disabled`, x = `${e}--fluid`, _ = `${e}--${l}`, p = `${e}--${t}`, g = `${e}__input`, u = `${e}__label`, F = `${e}__label--required`, B = `${e}__label--hidden`, C = `${e}__validationText`, $ = `${e}__passwordToggle`, b = `${e}__passwordToggle__button`, w = `${e}__passwordToggle__icon`, P = `${e}__helperText`, m = o(e, {
-    [c]: r,
-    [x]: d,
-    [p]: t,
-    [_]: l
-  }), f = o(u, {
-    [F]: T,
-    [B]: n
-  });
+  const { isFluid: d, isMultiline: s, isLabelHidden: n, size: t, validationState: l, ...a } = i, { isDisabled: r, isRequired: c } = a, e = f(s ? "TextArea" : "TextField"), x = `${e}--disabled`, _ = `${e}--fluid`, u = `${e}--${t}`, p = `${e}--${l}`, F = `${e}__input`, g = `${e}__label`, B = `${e}__label--required`, T = `${e}__label--hidden`, C = `${e}__validationText`, $ = `${e}__passwordToggle`, b = `${e}__passwordToggle__button`, w = `${e}__passwordToggle__icon`, P = `${e}__helperText`, m = `${e}__counter`;
   return {
     classProps: {
-      root: m,
-      label: f,
-      input: g,
+      root: o(e, {
+        [x]: r,
+        [_]: d,
+        [p]: l,
+        [u]: t
+      }),
+      label: o(g, {
+        [B]: c,
+        [T]: n
+      }),
+      input: F,
       helperText: P,
       validationText: C,
       passwordToggle: $,
       passwordToggleButton: b,
-      passwordToggleIcon: w
+      passwordToggleIcon: w,
+      counter: m
     },
     props: {
       ...a,

package/dist/components/TextFieldBase/useTextFieldBaseStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextFieldBaseStyleProps.js","sources":["../../../src/components/TextFieldBase/useTextFieldBaseStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTextFieldBaseProps, type TextFieldBaseProps } from '../../types';\n\nexport interface TextFieldBaseStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    input: string;\n    helperText: string;\n    validationText: string;\n    passwordToggle: string;\n    passwordToggleButton: string;\n    passwordToggleIcon: string;\n  };\n  /** props to be passed to the input element */\n  props: Omit<TextFieldBaseProps, 'label'>;\n}\n\nexport function useTextFieldBaseStyleProps(props: Omit<SpiritTextFieldBaseProps, 'label'>): TextFieldBaseStyles {\n  const { isFluid, isMultiline, isLabelHidden, size, validationState, ...restProps } = props;\n  const { isDisabled, isRequired } = restProps;\n\n  const TextFieldBaseClass = useClassNamePrefix(isMultiline ? 'TextArea' : 'TextField');\n  const TextFieldBaseDisabledClass = `${TextFieldBaseClass}--disabled`;\n  const TextFieldBaseFluidClass = `${TextFieldBaseClass}--fluid`;\n  const TextFieldBaseSizeClass = `${TextFieldBaseClass}--${size}`;\n  const TextFieldBaseValidationClass = `${TextFieldBaseClass}--${validationState}`;\n  const TextFieldBaseInputClass = `${TextFieldBaseClass}__input`;\n  const TextFieldBaseLabelClass = `${TextFieldBaseClass}__label`;\n  const TextFieldBaseLabelRequiredClass = `${TextFieldBaseClass}__label--required`;\n  const TextFieldBaseLabelHiddenClass = `${TextFieldBaseClass}__label--hidden`;\n  const TextFieldBaseValidationTextClass = `${TextFieldBaseClass}__validationText`;\n  const TextFieldBasePasswordToggleClass = `${TextFieldBaseClass}__passwordToggle`;\n  const TextFieldBasePasswordToggleButtonClass = `${TextFieldBaseClass}__passwordToggle__button`;\n  const TextFieldBasePasswordToggleIconClass = `${TextFieldBaseClass}__passwordToggle__icon`;\n  const TextFieldBaseHelperTextClass = `${TextFieldBaseClass}__helperText`;\n\n  const rootStyles = classNames(TextFieldBaseClass, {\n    [TextFieldBaseDisabledClass]: isDisabled,\n    [TextFieldBaseFluidClass]: isFluid,\n    [TextFieldBaseValidationClass]: validationState,\n    [TextFieldBaseSizeClass]: size,\n  });\n  const labelStyles = classNames(TextFieldBaseLabelClass, {\n    [TextFieldBaseLabelRequiredClass]: isRequired,\n    [TextFieldBaseLabelHiddenClass]: isLabelHidden,\n  });\n\n  return {\n    classProps: {\n      root: rootStyles,\n      label: labelStyles,\n      input: TextFieldBaseInputClass,\n      helperText: TextFieldBaseHelperTextClass,\n      validationText: TextFieldBaseValidationTextClass,\n      passwordToggle: TextFieldBasePasswordToggleClass,\n      passwordToggleButton: TextFieldBasePasswordToggleButtonClass,\n      passwordToggleIcon: TextFieldBasePasswordToggleIconClass,\n    },\n    props: {\n      ...restProps,\n      isMultiline,\n    },\n  };\n}\n"],"names":["useTextFieldBaseStyleProps","props","isFluid","isMultiline","isLabelHidden","size","validationState","restProps","isDisabled","isRequired","TextFieldBaseClass","useClassNamePrefix","TextFieldBaseDisabledClass","TextFieldBaseFluidClass","TextFieldBaseSizeClass","TextFieldBaseValidationClass","TextFieldBaseInputClass","TextFieldBaseLabelClass","TextFieldBaseLabelRequiredClass","TextFieldBaseLabelHiddenClass","TextFieldBaseValidationTextClass","TextFieldBasePasswordToggleClass","TextFieldBasePasswordToggleButtonClass","TextFieldBasePasswordToggleIconClass","TextFieldBaseHelperTextClass","rootStyles","classNames","labelStyles"],"mappings":";;AAoBO,SAASA,EAA2BC,GAAqE;AAC9G,QAAM,EAAE,SAAAC,GAAS,aAAAC,GAAa,eAAAC,GAAe,MAAAC,GAAM,iBAAAC,GAAiB,GAAGC,MAAcN,GAC/E,EAAE,YAAAO,GAAY,YAAAC,EAAA,IAAeF,GAE7BG,IAAqBC,EAAmBR,IAAc,aAAa,WAAW,GAC9ES,IAA6B,GAAGF,CAAkB,cAClDG,IAA0B,GAAGH,CAAkB,WAC/CI,IAAyB,GAAGJ,CAAkB,KAAKL,CAAI,IACvDU,IAA+B,GAAGL,CAAkB,KAAKJ,CAAe,IACxEU,IAA0B,GAAGN,CAAkB,WAC/CO,IAA0B,GAAGP,CAAkB,WAC/CQ,IAAkC,GAAGR,CAAkB,qBACvDS,IAAgC,GAAGT,CAAkB,mBACrDU,IAAmC,GAAGV,CAAkB,oBACxDW,IAAmC,GAAGX,CAAkB,oBACxDY,IAAyC,GAAGZ,CAAkB,4BAC9Da,IAAuC,GAAGb,CAAkB,0BAC5Dc,IAA+B,GAAGd,CAAkB,gBAEpDe,IAAaC,EAAWhB,GAAoB;AAAA,IAChD,CAACE,CAA0B,GAAGJ;AAAA,IAC9B,CAACK,CAAuB,GAAGX;AAAA,IAC3B,CAACa,CAA4B,GAAGT;AAAA,IAChC,CAACQ,CAAsB,GAAGT;AAAA,EAAA,CAC3B,GACKsB,IAAcD,EAAWT,GAAyB;AAAA,IACtD,CAACC,CAA+B,GAAGT;AAAA,IACnC,CAACU,CAA6B,GAAGf;AAAA,EAAA,CAClC;AAED,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMqB;AAAA,MACN,OAAOE;AAAA,MACP,OAAOX;AAAA,MACP,YAAYQ;AAAA,MACZ,gBAAgBJ;AAAA,MAChB,gBAAgBC;AAAA,MAChB,sBAAsBC;AAAA,MACtB,oBAAoBC;AAAA,IAAA;AAAA,IAEtB,OAAO;AAAA,MACL,GAAGhB;AAAA,MACH,aAAAJ;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"useTextFieldBaseStyleProps.js","sources":["../../../src/components/TextFieldBase/useTextFieldBaseStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTextFieldBaseProps, type TextFieldBaseProps } from '../../types';\n\nexport interface TextFieldBaseStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    input: string;\n    helperText: string;\n    validationText: string;\n    passwordToggle: string;\n    passwordToggleButton: string;\n    passwordToggleIcon: string;\n    counter: string;\n  };\n  /** props to be passed to the input element */\n  props: Omit<TextFieldBaseProps, 'label'>;\n}\n\nexport function useTextFieldBaseStyleProps(props: Omit<SpiritTextFieldBaseProps, 'label'>): TextFieldBaseStyles {\n  const { isFluid, isMultiline, isLabelHidden, size, validationState, ...restProps } = props;\n  const { isDisabled, isRequired } = restProps;\n\n  const textFieldBaseClass = useClassNamePrefix(isMultiline ? 'TextArea' : 'TextField');\n  const textFieldBaseDisabledClass = `${textFieldBaseClass}--disabled`;\n  const textFieldBaseFluidClass = `${textFieldBaseClass}--fluid`;\n  const textFieldBaseSizeClass = `${textFieldBaseClass}--${size}`;\n  const textFieldBaseValidationClass = `${textFieldBaseClass}--${validationState}`;\n  const textFieldBaseInputClass = `${textFieldBaseClass}__input`;\n  const textFieldBaseLabelClass = `${textFieldBaseClass}__label`;\n  const textFieldBaseLabelRequiredClass = `${textFieldBaseClass}__label--required`;\n  const textFieldBaseLabelHiddenClass = `${textFieldBaseClass}__label--hidden`;\n  const textFieldBaseValidationTextClass = `${textFieldBaseClass}__validationText`;\n  const textFieldBasePasswordToggleClass = `${textFieldBaseClass}__passwordToggle`;\n  const textFieldBasePasswordToggleButtonClass = `${textFieldBaseClass}__passwordToggle__button`;\n  const textFieldBasePasswordToggleIconClass = `${textFieldBaseClass}__passwordToggle__icon`;\n  const textFieldBaseHelperTextClass = `${textFieldBaseClass}__helperText`;\n  const textFieldBaseCounterClass = `${textFieldBaseClass}__counter`;\n\n  return {\n    classProps: {\n      root: classNames(textFieldBaseClass, {\n        [textFieldBaseDisabledClass]: isDisabled,\n        [textFieldBaseFluidClass]: isFluid,\n        [textFieldBaseValidationClass]: validationState,\n        [textFieldBaseSizeClass]: size,\n      }),\n      label: classNames(textFieldBaseLabelClass, {\n        [textFieldBaseLabelRequiredClass]: isRequired,\n        [textFieldBaseLabelHiddenClass]: isLabelHidden,\n      }),\n      input: textFieldBaseInputClass,\n      helperText: textFieldBaseHelperTextClass,\n      validationText: textFieldBaseValidationTextClass,\n      passwordToggle: textFieldBasePasswordToggleClass,\n      passwordToggleButton: textFieldBasePasswordToggleButtonClass,\n      passwordToggleIcon: textFieldBasePasswordToggleIconClass,\n      counter: textFieldBaseCounterClass,\n    },\n    props: {\n      ...restProps,\n      isMultiline,\n    },\n  };\n}\n"],"names":["useTextFieldBaseStyleProps","props","isFluid","isMultiline","isLabelHidden","size","validationState","restProps","isDisabled","isRequired","textFieldBaseClass","useClassNamePrefix","textFieldBaseDisabledClass","textFieldBaseFluidClass","textFieldBaseSizeClass","textFieldBaseValidationClass","textFieldBaseInputClass","textFieldBaseLabelClass","textFieldBaseLabelRequiredClass","textFieldBaseLabelHiddenClass","textFieldBaseValidationTextClass","textFieldBasePasswordToggleClass","textFieldBasePasswordToggleButtonClass","textFieldBasePasswordToggleIconClass","textFieldBaseHelperTextClass","textFieldBaseCounterClass","classNames"],"mappings":";;AAqBO,SAASA,EAA2BC,GAAqE;AAC9G,QAAM,EAAE,SAAAC,GAAS,aAAAC,GAAa,eAAAC,GAAe,MAAAC,GAAM,iBAAAC,GAAiB,GAAGC,MAAcN,GAC/E,EAAE,YAAAO,GAAY,YAAAC,EAAA,IAAeF,GAE7BG,IAAqBC,EAAmBR,IAAc,aAAa,WAAW,GAC9ES,IAA6B,GAAGF,CAAkB,cAClDG,IAA0B,GAAGH,CAAkB,WAC/CI,IAAyB,GAAGJ,CAAkB,KAAKL,CAAI,IACvDU,IAA+B,GAAGL,CAAkB,KAAKJ,CAAe,IACxEU,IAA0B,GAAGN,CAAkB,WAC/CO,IAA0B,GAAGP,CAAkB,WAC/CQ,IAAkC,GAAGR,CAAkB,qBACvDS,IAAgC,GAAGT,CAAkB,mBACrDU,IAAmC,GAAGV,CAAkB,oBACxDW,IAAmC,GAAGX,CAAkB,oBACxDY,IAAyC,GAAGZ,CAAkB,4BAC9Da,IAAuC,GAAGb,CAAkB,0BAC5Dc,IAA+B,GAAGd,CAAkB,gBACpDe,IAA4B,GAAGf,CAAkB;AAEvD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMgB,EAAWhB,GAAoB;AAAA,QACnC,CAACE,CAA0B,GAAGJ;AAAA,QAC9B,CAACK,CAAuB,GAAGX;AAAA,QAC3B,CAACa,CAA4B,GAAGT;AAAA,QAChC,CAACQ,CAAsB,GAAGT;AAAA,MAAA,CAC3B;AAAA,MACD,OAAOqB,EAAWT,GAAyB;AAAA,QACzC,CAACC,CAA+B,GAAGT;AAAA,QACnC,CAACU,CAA6B,GAAGf;AAAA,MAAA,CAClC;AAAA,MACD,OAAOY;AAAA,MACP,YAAYQ;AAAA,MACZ,gBAAgBJ;AAAA,MAChB,gBAAgBC;AAAA,MAChB,sBAAsBC;AAAA,MACtB,oBAAoBC;AAAA,MACpB,SAASE;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,GAAGlB;AAAA,MACH,aAAAJ;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/TextFieldBase.d.ts

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

package/dist/components/Timeline/Timeline.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),m=require("../../hooks/styleProps.cjs"),y=require("../../utils/mergeStyleProps.cjs"),a=require("./constants.cjs"),S=require("./useTimelineStyleProps.cjs"),T={elementType:"ol",size:a.TIMELINE_SIZE_DEFAULT},t=r=>{const o={...T,...r},{elementType:e="ol",children:l,size:n,...i}=o,{classProps:p}=S.useTimelineStyleProps({markerSize:n}),{styleProps:u,props:s}=m.useStyleProps(i),c=y.mergeStyleProps(e,{classProps:p.root,styleProps:u,otherProps:s});return P.jsx(e,{...s,...c,children:l})};t.spiritComponent="Timeline";exports.default=t;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),y=require("../../hooks/styleProps.cjs"),a=require("../../utils/mergeStyleProps.cjs"),S=require("./constants.cjs"),T=require("./useTimelineStyleProps.cjs"),d={elementType:"ol",size:S.TIMELINE_SIZE_DEFAULT},e=r=>{const o={...d,...r},{elementType:n,children:l,size:i,...p}=o,s=n,{classProps:c}=T.useTimelineStyleProps({markerSize:i}),{styleProps:u,props:t}=y.useStyleProps(p),m=a.mergeStyleProps(s,{classProps:c.root,styleProps:u,otherProps:t});return P.jsx(s,{...t,...m,children:l})};e.spiritComponent="Timeline";e.displayName="Timeline";exports.default=e;
 //# sourceMappingURL=Timeline.cjs.map

package/dist/components/Timeline/Timeline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.cjs","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTimelineProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TIMELINE_SIZE_DEFAULT } from './constants';\nimport { useTimelineStyleProps } from './useTimelineStyleProps';\n\nconst defaultProps: Partial<SpiritTimelineProps> = {\n  elementType: 'ol',\n  size: TIMELINE_SIZE_DEFAULT,\n};\n\nconst Timeline = <E extends ElementType = 'ol'>(props: SpiritTimelineProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'ol', children, size, ...restProps } = propsWithDefaults;\n  const { classProps } = useTimelineStyleProps({ markerSize: size });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.root, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nTimeline.spiritComponent = 'Timeline';\n\nexport default Timeline;\n"],"names":["defaultProps","TIMELINE_SIZE_DEFAULT","Timeline","props","propsWithDefaults","ElementTag","children","size","restProps","classProps","useTimelineStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"yTASMA,EAA6C,CACjD,YAAa,KACb,KAAMC,EAAAA,qBACR,EAEMC,EAA0CC,GAAkC,CAChF,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAaE,EAAa,KAAM,SAAAC,EAAU,KAAAC,EAAM,GAAGC,GAAcJ,EACnE,CAAE,WAAAK,CAAA,EAAeC,EAAAA,sBAAsB,CAAE,WAAYH,EAAM,EAC3D,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAC3DM,EAAmBC,kBAAgBV,EAAY,CAAE,WAAYI,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAE5G,aACGP,EAAA,CAAY,GAAGO,EAAa,GAAGE,EAC7B,SAAAR,EACH,CAEJ,EAEAJ,EAAS,gBAAkB"}
+{"version":3,"file":"Timeline.cjs","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTimelineProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TIMELINE_SIZE_DEFAULT } from './constants';\nimport { useTimelineStyleProps } from './useTimelineStyleProps';\n\nconst defaultProps: Partial<SpiritTimelineProps> = {\n  elementType: 'ol',\n  size: TIMELINE_SIZE_DEFAULT,\n};\n\nconst Timeline = <E extends ElementType = 'ol'>(props: SpiritTimelineProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, size, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps } = useTimelineStyleProps({ markerSize: size });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.root, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nTimeline.spiritComponent = 'Timeline';\nTimeline.displayName = 'Timeline';\n\nexport default Timeline;\n"],"names":["defaultProps","TIMELINE_SIZE_DEFAULT","Timeline","props","propsWithDefaults","elementType","children","size","restProps","Component","classProps","useTimelineStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"yTASMA,EAA6C,CACjD,YAAa,KACb,KAAMC,EAAAA,qBACR,EAEMC,EAA0CC,GAAkC,CAChF,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,KAAAC,EAAM,GAAGC,GAAcJ,EAChDK,EAAYJ,EACZ,CAAE,WAAAK,CAAA,EAAeC,EAAAA,sBAAsB,CAAE,WAAYJ,EAAM,EAC3D,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,kBAAgBP,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAE3G,aACGJ,EAAA,CAAW,GAAGI,EAAa,GAAGE,EAC5B,SAAAT,EACH,CAEJ,EAEAJ,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}

package/dist/components/Timeline/Timeline.js

@@ -1,18 +1,19 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import { useStyleProps as P } from "../../hooks/styleProps.js";
-import { mergeStyleProps as a } from "../../utils/mergeStyleProps.js";
-import { TIMELINE_SIZE_DEFAULT as f } from "./constants.js";
-import { useTimelineStyleProps as u } from "./useTimelineStyleProps.js";
-const T = {
+import { jsx as a } from "react/jsx-runtime";
+import { useStyleProps as f } from "../../hooks/styleProps.js";
+import { mergeStyleProps as u } from "../../utils/mergeStyleProps.js";
+import { TIMELINE_SIZE_DEFAULT as y } from "./constants.js";
+import { useTimelineStyleProps as T } from "./useTimelineStyleProps.js";
+const S = {
   elementType: "ol",
-  size: f
-}, y = (s) => {
-  const r = { ...T, ...s }, { elementType: e = "ol", children: t, size: p, ...i } = r, { classProps: l } = u({ markerSize: p }), { styleProps: m, props: o } = P(i), n = a(e, { classProps: l.root, styleProps: m, otherProps: o });
-  return /* @__PURE__ */ c(e, { ...o, ...n, children: t });
+  size: y
+}, s = (r) => {
+  const t = { ...S, ...r }, { elementType: p, children: i, size: m, ...n } = t, e = p, { classProps: l } = T({ markerSize: m }), { styleProps: c, props: o } = f(n), P = u(e, { classProps: l.root, styleProps: c, otherProps: o });
+  return /* @__PURE__ */ a(e, { ...o, ...P, children: i });
 };
-y.spiritComponent = "Timeline";
+s.spiritComponent = "Timeline";
+s.displayName = "Timeline";
 export {
-  y as default
+  s as default
 };
 //# sourceMappingURL=Timeline.js.map

package/dist/components/Timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTimelineProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TIMELINE_SIZE_DEFAULT } from './constants';\nimport { useTimelineStyleProps } from './useTimelineStyleProps';\n\nconst defaultProps: Partial<SpiritTimelineProps> = {\n  elementType: 'ol',\n  size: TIMELINE_SIZE_DEFAULT,\n};\n\nconst Timeline = <E extends ElementType = 'ol'>(props: SpiritTimelineProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'ol', children, size, ...restProps } = propsWithDefaults;\n  const { classProps } = useTimelineStyleProps({ markerSize: size });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.root, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nTimeline.spiritComponent = 'Timeline';\n\nexport default Timeline;\n"],"names":["defaultProps","TIMELINE_SIZE_DEFAULT","Timeline","props","propsWithDefaults","ElementTag","children","size","restProps","classProps","useTimelineStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;AASA,MAAMA,IAA6C;AAAA,EACjD,aAAa;AAAA,EACb,MAAMC;AACR,GAEMC,IAAW,CAA+BC,MAAkC;AAChF,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAaE,IAAa,MAAM,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAAcJ,GACnE,EAAE,YAAAK,EAAA,IAAeC,EAAsB,EAAE,YAAYH,GAAM,GAC3D,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS,GAC3DM,IAAmBC,EAAgBV,GAAY,EAAE,YAAYI,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE5G,2BACGP,GAAA,EAAY,GAAGO,GAAa,GAAGE,GAC7B,UAAAR,GACH;AAEJ;AAEAJ,EAAS,kBAAkB;"}
+{"version":3,"file":"Timeline.js","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTimelineProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TIMELINE_SIZE_DEFAULT } from './constants';\nimport { useTimelineStyleProps } from './useTimelineStyleProps';\n\nconst defaultProps: Partial<SpiritTimelineProps> = {\n  elementType: 'ol',\n  size: TIMELINE_SIZE_DEFAULT,\n};\n\nconst Timeline = <E extends ElementType = 'ol'>(props: SpiritTimelineProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, size, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps } = useTimelineStyleProps({ markerSize: size });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.root, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nTimeline.spiritComponent = 'Timeline';\nTimeline.displayName = 'Timeline';\n\nexport default Timeline;\n"],"names":["defaultProps","TIMELINE_SIZE_DEFAULT","Timeline","props","propsWithDefaults","elementType","children","size","restProps","Component","classProps","useTimelineStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;AASA,MAAMA,IAA6C;AAAA,EACjD,aAAa;AAAA,EACb,MAAMC;AACR,GAEMC,IAAW,CAA+BC,MAAkC;AAChF,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAAcJ,GAChDK,IAAYJ,GACZ,EAAE,YAAAK,EAAA,IAAeC,EAAsB,EAAE,YAAYJ,GAAM,GAC3D,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE3G,2BACGJ,GAAA,EAAW,GAAGI,GAAa,GAAGE,GAC5B,UAAAT,GACH;AAEJ;AAEAJ,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}

package/dist/components/Timeline/TimelineStep.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),P=require("../../hooks/styleProps.cjs"),m=require("../../utils/mergeStyleProps.cjs"),y=require("./useTimelineStyleProps.cjs"),S={elementType:"li"},t=r=>{const o={...S,...r},{elementType:e="li",children:l,...p}=o,{classProps:n}=y.useTimelineStyleProps(),{styleProps:i,props:s}=P.useStyleProps(p),u=m.mergeStyleProps(e,{classProps:n.step,styleProps:i,otherProps:s});return c.jsx(e,{...s,...u,children:l})};t.spiritComponent="TimelineStep";exports.default=t;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),m=require("../../hooks/styleProps.cjs"),y=require("../../utils/mergeStyleProps.cjs"),S=require("./useTimelineStyleProps.cjs"),a={elementType:"li"},e=r=>{const o={...a,...r},{elementType:l,children:p,...n}=o,s=l,{classProps:i}=S.useTimelineStyleProps(),{styleProps:u,props:t}=m.useStyleProps(n),c=y.mergeStyleProps(s,{classProps:i.step,styleProps:u,otherProps:t});return P.jsx(s,{...t,...c,children:p})};e.spiritComponent="TimelineStep";e.displayName="TimelineStep";exports.default=e;
 //# sourceMappingURL=TimelineStep.cjs.map

package/dist/components/Timeline/TimelineStep.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineStep.cjs","sources":["../../../src/components/Timeline/TimelineStep.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTimelineStepProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTimelineStyleProps } from './useTimelineStyleProps';\n\nconst defaultProps: Partial<SpiritTimelineStepProps> = {\n  elementType: 'li',\n};\n\nconst TimelineStep = <E extends ElementType = 'li'>(props: SpiritTimelineStepProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'li', children, ...restProps } = propsWithDefaults;\n  const { classProps } = useTimelineStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.step, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nTimelineStep.spiritComponent = 'TimelineStep';\n\nexport default TimelineStep;\n"],"names":["defaultProps","TimelineStep","props","propsWithDefaults","ElementTag","children","restProps","classProps","useTimelineStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"4RAQMA,EAAiD,CACrD,YAAa,IACf,EAEMC,EAA8CC,GAAsC,CACxF,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAaE,EAAa,KAAM,SAAAC,EAAU,GAAGC,GAAcH,EAC7D,CAAE,WAAAI,CAAA,EAAeC,wBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAC3DM,EAAmBC,kBAAgBT,EAAY,CAAE,WAAYG,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAE5G,aACGN,EAAA,CAAY,GAAGM,EAAa,GAAGE,EAC7B,SAAAP,EACH,CAEJ,EAEAJ,EAAa,gBAAkB"}
+{"version":3,"file":"TimelineStep.cjs","sources":["../../../src/components/Timeline/TimelineStep.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTimelineStepProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTimelineStyleProps } from './useTimelineStyleProps';\n\nconst defaultProps: Partial<SpiritTimelineStepProps> = {\n  elementType: 'li',\n};\n\nconst TimelineStep = <E extends ElementType = 'li'>(props: SpiritTimelineStepProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps } = useTimelineStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.step, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nTimelineStep.spiritComponent = 'TimelineStep';\nTimelineStep.displayName = 'TimelineStep';\n\nexport default TimelineStep;\n"],"names":["defaultProps","TimelineStep","props","propsWithDefaults","elementType","children","restProps","Component","classProps","useTimelineStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"4RAQMA,EAAiD,CACrD,YAAa,IACf,EAEMC,EAA8CC,GAAsC,CACxF,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,GAAGC,GAAcH,EAC1CI,EAAYH,EACZ,CAAE,WAAAI,CAAA,EAAeC,wBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,kBAAgBP,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAE3G,aACGJ,EAAA,CAAW,GAAGI,EAAa,GAAGE,EAC5B,SAAAR,EACH,CAEJ,EAEAJ,EAAa,gBAAkB,eAC/BA,EAAa,YAAc"}

package/dist/components/Timeline/TimelineStep.js

@@ -1,16 +1,17 @@
 "use client";
-import { jsx as m } from "react/jsx-runtime";
-import { useStyleProps as c } from "../../hooks/styleProps.js";
-import { mergeStyleProps as P } from "../../utils/mergeStyleProps.js";
-import { useTimelineStyleProps as u } from "./useTimelineStyleProps.js";
-const a = {
+import { jsx as P } from "react/jsx-runtime";
+import { useStyleProps as a } from "../../hooks/styleProps.js";
+import { mergeStyleProps as u } from "../../utils/mergeStyleProps.js";
+import { useTimelineStyleProps as y } from "./useTimelineStyleProps.js";
+const f = {
   elementType: "li"
-}, f = (t) => {
-  const o = { ...a, ...t }, { elementType: e = "li", children: r, ...p } = o, { classProps: l } = u(), { styleProps: i, props: s } = c(p), n = P(e, { classProps: l.step, styleProps: i, otherProps: s });
-  return /* @__PURE__ */ m(e, { ...s, ...n, children: r });
+}, t = (o) => {
+  const r = { ...f, ...o }, { elementType: p, children: n, ...i } = r, e = p, { classProps: l } = y(), { styleProps: m, props: s } = a(i), c = u(e, { classProps: l.step, styleProps: m, otherProps: s });
+  return /* @__PURE__ */ P(e, { ...s, ...c, children: n });
 };
-f.spiritComponent = "TimelineStep";
+t.spiritComponent = "TimelineStep";
+t.displayName = "TimelineStep";
 export {
-  f as default
+  t as default
 };
 //# sourceMappingURL=TimelineStep.js.map

package/dist/components/Timeline/TimelineStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineStep.js","sources":["../../../src/components/Timeline/TimelineStep.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTimelineStepProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTimelineStyleProps } from './useTimelineStyleProps';\n\nconst defaultProps: Partial<SpiritTimelineStepProps> = {\n  elementType: 'li',\n};\n\nconst TimelineStep = <E extends ElementType = 'li'>(props: SpiritTimelineStepProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'li', children, ...restProps } = propsWithDefaults;\n  const { classProps } = useTimelineStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.step, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nTimelineStep.spiritComponent = 'TimelineStep';\n\nexport default TimelineStep;\n"],"names":["defaultProps","TimelineStep","props","propsWithDefaults","ElementTag","children","restProps","classProps","useTimelineStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;AAQA,MAAMA,IAAiD;AAAA,EACrD,aAAa;AACf,GAEMC,IAAe,CAA+BC,MAAsC;AACxF,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAaE,IAAa,MAAM,UAAAC,GAAU,GAAGC,MAAcH,GAC7D,EAAE,YAAAI,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS,GAC3DM,IAAmBC,EAAgBT,GAAY,EAAE,YAAYG,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE5G,2BACGN,GAAA,EAAY,GAAGM,GAAa,GAAGE,GAC7B,UAAAP,GACH;AAEJ;AAEAJ,EAAa,kBAAkB;"}
+{"version":3,"file":"TimelineStep.js","sources":["../../../src/components/Timeline/TimelineStep.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTimelineStepProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTimelineStyleProps } from './useTimelineStyleProps';\n\nconst defaultProps: Partial<SpiritTimelineStepProps> = {\n  elementType: 'li',\n};\n\nconst TimelineStep = <E extends ElementType = 'li'>(props: SpiritTimelineStepProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps } = useTimelineStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.step, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nTimelineStep.spiritComponent = 'TimelineStep';\nTimelineStep.displayName = 'TimelineStep';\n\nexport default TimelineStep;\n"],"names":["defaultProps","TimelineStep","props","propsWithDefaults","elementType","children","restProps","Component","classProps","useTimelineStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;AAQA,MAAMA,IAAiD;AAAA,EACrD,aAAa;AACf,GAEMC,IAAe,CAA+BC,MAAsC;AACxF,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,GAAGC,MAAcH,GAC1CI,IAAYH,GACZ,EAAE,YAAAI,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE3G,2BACGJ,GAAA,EAAW,GAAGI,GAAa,GAAGE,GAC5B,UAAAR,GACH;AAEJ;AAEAJ,EAAa,kBAAkB;AAC/BA,EAAa,cAAc;"}

package/dist/components/Timeline/constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../constants/dictionaries.cjs"),e={DOT:"dot",NUMBER:"number"},t=E.Sizes.SMALL;exports.TIMELINE_MARKER=e;exports.TIMELINE_SIZE_DEFAULT=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../constants/dictionaries.cjs"),e={DOT:"dot",NUMBER:"number",ICON:"icon"},t=E.Sizes.SMALL;exports.TIMELINE_MARKER=e;exports.TIMELINE_SIZE_DEFAULT=t;
 //# sourceMappingURL=constants.cjs.map

package/dist/components/Timeline/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../src/components/Timeline/constants.ts"],"sourcesContent":["import { Sizes } from '../../constants';\n\nexport const TIMELINE_MARKER = {\n  DOT: 'dot',\n  NUMBER: 'number',\n  ICON: 'icon',\n};\n\nexport const TIMELINE_SIZE_DEFAULT = Sizes.SMALL;\n"],"names":["TIMELINE_MARKER","TIMELINE_SIZE_DEFAULT","Sizes"],"mappings":"oIAEaA,EAAkB,CAC7B,IAAK,MACL,OAAQ,QAEV,EAEaC,EAAwBC,EAAAA,MAAM"}
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Timeline/constants.ts"],"sourcesContent":["import { Sizes } from '../../constants';\n\nexport const TIMELINE_MARKER = {\n  DOT: 'dot',\n  NUMBER: 'number',\n  ICON: 'icon',\n};\n\nexport const TIMELINE_SIZE_DEFAULT = Sizes.SMALL;\n"],"names":["TIMELINE_MARKER","TIMELINE_SIZE_DEFAULT","Sizes"],"mappings":"oIAEaA,EAAkB,CAC7B,IAAK,MACL,OAAQ,SACR,KAAM,MACR,EAEaC,EAAwBC,EAAAA,MAAM"}

package/dist/components/Timeline/constants.js

@@ -1,10 +1,11 @@
 import { Sizes as E } from "../../constants/dictionaries.js";
-const o = {
+const t = {
   DOT: "dot",
-  NUMBER: "number"
-}, r = E.SMALL;
+  NUMBER: "number",
+  ICON: "icon"
+}, I = E.SMALL;
 export {
-  o as TIMELINE_MARKER,
-  r as TIMELINE_SIZE_DEFAULT
+  t as TIMELINE_MARKER,
+  I as TIMELINE_SIZE_DEFAULT
 };
 //# sourceMappingURL=constants.js.map

package/dist/components/Timeline/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/components/Timeline/constants.ts"],"sourcesContent":["import { Sizes } from '../../constants';\n\nexport const TIMELINE_MARKER = {\n  DOT: 'dot',\n  NUMBER: 'number',\n  ICON: 'icon',\n};\n\nexport const TIMELINE_SIZE_DEFAULT = Sizes.SMALL;\n"],"names":["TIMELINE_MARKER","TIMELINE_SIZE_DEFAULT","Sizes"],"mappings":";AAEO,MAAMA,IAAkB;AAAA,EAC7B,KAAK;AAAA,EACL,QAAQ;AAEV,GAEaC,IAAwBC,EAAM;"}
+{"version":3,"file":"constants.js","sources":["../../../src/components/Timeline/constants.ts"],"sourcesContent":["import { Sizes } from '../../constants';\n\nexport const TIMELINE_MARKER = {\n  DOT: 'dot',\n  NUMBER: 'number',\n  ICON: 'icon',\n};\n\nexport const TIMELINE_SIZE_DEFAULT = Sizes.SMALL;\n"],"names":["TIMELINE_MARKER","TIMELINE_SIZE_DEFAULT","Sizes"],"mappings":";AAEO,MAAMA,IAAkB;AAAA,EAC7B,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AACR,GAEaC,IAAwBC,EAAM;"}

package/dist/components/Timeline/demo/TimelineColors.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../constants.cjs"),s=require("./constants.cjs"),r=require("./TimelineDemoFactory.cjs"),o=()=>e.jsx(r.default,{steps:s.COLORED_NUMBER_STEPS,variant:t.TIMELINE_MARKER.NUMBER});exports.default=o;
+//# sourceMappingURL=TimelineColors.cjs.map

package/dist/components/Timeline/demo/TimelineColors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineColors.cjs","sources":["../../../../src/components/Timeline/demo/TimelineColors.tsx"],"sourcesContent":["import React from 'react';\nimport { TIMELINE_MARKER } from '../constants';\nimport { COLORED_NUMBER_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst TimelineColors = () => <TimelineDemoFactory steps={COLORED_NUMBER_STEPS} variant={TIMELINE_MARKER.NUMBER} />;\n\nexport default TimelineColors;\n"],"names":["TimelineColors","jsx","TimelineDemoFactory","COLORED_NUMBER_STEPS","TIMELINE_MARKER"],"mappings":"mPAKMA,EAAiB,IAAMC,EAAAA,IAACC,UAAA,CAAoB,MAAOC,uBAAsB,QAASC,EAAAA,gBAAgB,MAAA,CAAQ"}

package/dist/components/Timeline/demo/TimelineColors.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { TIMELINE_MARKER as r } from "../constants.js";
+import { COLORED_NUMBER_STEPS as t } from "./constants.js";
+import m from "./TimelineDemoFactory.js";
+const p = () => /* @__PURE__ */ o(m, { steps: t, variant: r.NUMBER });
+export {
+  p as default
+};
+//# sourceMappingURL=TimelineColors.js.map

package/dist/components/Timeline/demo/TimelineColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineColors.js","sources":["../../../../src/components/Timeline/demo/TimelineColors.tsx"],"sourcesContent":["import React from 'react';\nimport { TIMELINE_MARKER } from '../constants';\nimport { COLORED_NUMBER_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst TimelineColors = () => <TimelineDemoFactory steps={COLORED_NUMBER_STEPS} variant={TIMELINE_MARKER.NUMBER} />;\n\nexport default TimelineColors;\n"],"names":["TimelineColors","jsx","TimelineDemoFactory","COLORED_NUMBER_STEPS","TIMELINE_MARKER"],"mappings":";;;;AAKA,MAAMA,IAAiB,MAAM,gBAAAC,EAACC,GAAA,EAAoB,OAAOC,GAAsB,SAASC,EAAgB,OAAA,CAAQ;"}

package/dist/components/Timeline/demo/TimelineDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../constants.cjs"),s=require("./constants.cjs"),r=require("./TimelineDemoFactory.cjs"),i=()=>e.jsx(r.default,{steps:s.DEFAULT_STEPS,variant:t.TIMELINE_MARKER.NUMBER});exports.default=i;
+//# sourceMappingURL=TimelineDefault.cjs.map

package/dist/components/Timeline/demo/TimelineDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineDefault.cjs","sources":["../../../../src/components/Timeline/demo/TimelineDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { TIMELINE_MARKER } from '../constants';\nimport { DEFAULT_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst TimelineDefault = () => <TimelineDemoFactory steps={DEFAULT_STEPS} variant={TIMELINE_MARKER.NUMBER} />;\n\nexport default TimelineDefault;\n"],"names":["TimelineDefault","jsx","TimelineDemoFactory","DEFAULT_STEPS","TIMELINE_MARKER"],"mappings":"mPAKMA,EAAkB,IAAMC,EAAAA,IAACC,UAAA,CAAoB,MAAOC,gBAAe,QAASC,EAAAA,gBAAgB,MAAA,CAAQ"}

package/dist/components/Timeline/demo/TimelineDefault.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import { TIMELINE_MARKER as o } from "../constants.js";
+import { DEFAULT_STEPS as r } from "./constants.js";
+import m from "./TimelineDemoFactory.js";
+const f = () => /* @__PURE__ */ t(m, { steps: r, variant: o.NUMBER });
+export {
+  f as default
+};
+//# sourceMappingURL=TimelineDefault.js.map

package/dist/components/Timeline/demo/TimelineDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineDefault.js","sources":["../../../../src/components/Timeline/demo/TimelineDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { TIMELINE_MARKER } from '../constants';\nimport { DEFAULT_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst TimelineDefault = () => <TimelineDemoFactory steps={DEFAULT_STEPS} variant={TIMELINE_MARKER.NUMBER} />;\n\nexport default TimelineDefault;\n"],"names":["TimelineDefault","jsx","TimelineDemoFactory","DEFAULT_STEPS","TIMELINE_MARKER"],"mappings":";;;;AAKA,MAAMA,IAAkB,MAAM,gBAAAC,EAACC,GAAA,EAAoB,OAAOC,GAAe,SAASC,EAAgB,OAAA,CAAQ;"}

package/dist/components/Timeline/demo/TimelineDemoFactory.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),l=require("../../Button/Button.cjs"),a=require("../../Heading/Heading.cjs"),c=require("../../Icon/Icon.cjs"),d=require("../../Link/Link.cjs"),u=require("../../Text/Text.cjs"),s=require("../Timeline.cjs"),m=require("../TimelineContent.cjs"),h=require("../TimelineHeading.cjs"),x=require("../TimelineMarker.cjs"),f=require("../TimelineStep.cjs"),g=({size:n,steps:o,variant:t})=>r.jsx(s.default,{size:n,children:o.map((e,i)=>r.jsxs(f.default,{children:[r.jsx(x.default,{variant:t,backgroundColor:e.marker?.backgroundColor,borderColor:e.marker?.borderColor,textColor:e.marker?.textColor,children:e.marker?.iconName?r.jsx(c.default,{name:e.marker?.iconName,color:e.marker?.iconColor}):e.marker?.content}),e.heading&&r.jsx(h.default,{children:r.jsx(a.default,{elementType:"h3",size:"small",emphasis:"semibold",children:e.heading.isLink?r.jsx(d.default,{href:"#",color:"primary",children:e.heading.text}):e.heading.text})}),e.content&&r.jsxs(m.default,{children:[r.jsx(u.default,{textColor:"secondary",marginBottom:e.content.hasButton?"space-800":void 0,children:e.content.text}),e.content.hasButton&&r.jsx(l.default,{color:"secondary",size:"large",children:"Button secondary"})]})]},`timeline-step-${i.toString()}`))});exports.default=g;
+//# sourceMappingURL=TimelineDemoFactory.cjs.map

package/dist/components/Timeline/demo/TimelineDemoFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineDemoFactory.cjs","sources":["../../../../src/components/Timeline/demo/TimelineDemoFactory.tsx"],"sourcesContent":["import React from 'react';\nimport type { SingleOrResponsive, SizesDictionaryType, TimelineMarkerType } from '../../../types';\nimport { Button } from '../../Button';\nimport { Heading } from '../../Heading';\nimport { Icon } from '../../Icon';\nimport { Link } from '../../Link';\nimport { Text } from '../../Text';\nimport Timeline from '../Timeline';\nimport TimelineContent from '../TimelineContent';\nimport TimelineHeading from '../TimelineHeading';\nimport TimelineMarker from '../TimelineMarker';\nimport TimelineStep from '../TimelineStep';\nimport type { TimelineDemoStep } from './constants';\n\ninterface TimelineDemoFactoryProps {\n  size?: SingleOrResponsive<SizesDictionaryType>;\n  steps: TimelineDemoStep[];\n  variant: TimelineMarkerType;\n}\n\nconst TimelineDemoFactory = ({ size, steps, variant }: TimelineDemoFactoryProps) => (\n  <Timeline size={size}>\n    {steps.map((step, index) => (\n      <TimelineStep key={`timeline-step-${index.toString()}`}>\n        <TimelineMarker\n          variant={variant}\n          backgroundColor={step.marker?.backgroundColor}\n          borderColor={step.marker?.borderColor}\n          textColor={step.marker?.textColor}\n        >\n          {step.marker?.iconName ? (\n            <Icon name={step.marker?.iconName} color={step.marker?.iconColor} />\n          ) : (\n            step.marker?.content\n          )}\n        </TimelineMarker>\n\n        {step.heading && (\n          <TimelineHeading>\n            <Heading elementType=\"h3\" size=\"small\" emphasis=\"semibold\">\n              {step.heading.isLink ? (\n                <Link href=\"#\" color=\"primary\">\n                  {step.heading.text}\n                </Link>\n              ) : (\n                step.heading.text\n              )}\n            </Heading>\n          </TimelineHeading>\n        )}\n\n        {step.content && (\n          <TimelineContent>\n            <Text textColor=\"secondary\" marginBottom={step.content.hasButton ? 'space-800' : undefined}>\n              {step.content.text}\n            </Text>\n            {step.content.hasButton && (\n              <Button color=\"secondary\" size=\"large\">\n                Button secondary\n              </Button>\n            )}\n          </TimelineContent>\n        )}\n      </TimelineStep>\n    ))}\n  </Timeline>\n);\n\nexport default TimelineDemoFactory;\n"],"names":["TimelineDemoFactory","size","steps","variant","jsx","Timeline","step","index","TimelineStep","TimelineMarker","Icon","TimelineHeading","Heading","Link","jsxs","TimelineContent","Text","Button"],"mappings":"yeAoBMA,EAAsB,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,QAAAC,KAC1CC,EAAAA,IAACC,EAAAA,QAAA,CAAS,KAAAJ,EACP,WAAM,IAAI,CAACK,EAAMC,WACfC,EAAAA,QAAA,CACC,SAAA,CAAAJ,EAAAA,IAACK,EAAAA,QAAA,CACC,QAAAN,EACA,gBAAiBG,EAAK,QAAQ,gBAC9B,YAAaA,EAAK,QAAQ,YAC1B,UAAWA,EAAK,QAAQ,UAEvB,SAAAA,EAAK,QAAQ,SACZF,EAAAA,IAACM,EAAAA,SAAK,KAAMJ,EAAK,QAAQ,SAAU,MAAOA,EAAK,QAAQ,UAAW,EAElEA,EAAK,QAAQ,OAAA,CAAA,EAIhBA,EAAK,SACJF,EAAAA,IAACO,EAAAA,QAAA,CACC,SAAAP,EAAAA,IAACQ,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,QAAQ,SAAS,WAC7C,SAAAN,EAAK,QAAQ,OACZF,EAAAA,IAACS,EAAAA,QAAA,CAAK,KAAK,IAAI,MAAM,UAClB,SAAAP,EAAK,QAAQ,IAAA,CAChB,EAEAA,EAAK,QAAQ,IAAA,CAEjB,EACF,EAGDA,EAAK,SACJQ,EAAAA,KAACC,EAAAA,QAAA,CACC,SAAA,CAAAX,EAAAA,IAACY,EAAAA,QAAA,CAAK,UAAU,YAAY,aAAcV,EAAK,QAAQ,UAAY,YAAc,OAC9E,SAAAA,EAAK,QAAQ,KAChB,EACCA,EAAK,QAAQ,WACZF,EAAAA,IAACa,EAAAA,SAAO,MAAM,YAAY,KAAK,QAAQ,SAAA,kBAAA,CAEvC,CAAA,CAAA,CAEJ,CAAA,CAAA,EAtCe,iBAAiBV,EAAM,SAAA,CAAU,EAwCpD,CACD,CAAA,CACH"}

package/dist/components/Timeline/demo/TimelineDemoFactory.js

@@ -0,0 +1,32 @@
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import a from "../../Button/Button.js";
+import l from "../../Heading/Heading.js";
+import c from "../../Icon/Icon.js";
+import d from "../../Link/Link.js";
+import h from "../../Text/Text.js";
+import f from "../Timeline.js";
+import k from "../TimelineContent.js";
+import g from "../TimelineHeading.js";
+import x from "../TimelineMarker.js";
+import C from "../TimelineStep.js";
+const N = ({ size: i, steps: n, variant: m }) => /* @__PURE__ */ o(f, { size: i, children: n.map((r, t) => /* @__PURE__ */ e(C, { children: [
+  /* @__PURE__ */ o(
+    x,
+    {
+      variant: m,
+      backgroundColor: r.marker?.backgroundColor,
+      borderColor: r.marker?.borderColor,
+      textColor: r.marker?.textColor,
+      children: r.marker?.iconName ? /* @__PURE__ */ o(c, { name: r.marker?.iconName, color: r.marker?.iconColor }) : r.marker?.content
+    }
+  ),
+  r.heading && /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(l, { elementType: "h3", size: "small", emphasis: "semibold", children: r.heading.isLink ? /* @__PURE__ */ o(d, { href: "#", color: "primary", children: r.heading.text }) : r.heading.text }) }),
+  r.content && /* @__PURE__ */ e(k, { children: [
+    /* @__PURE__ */ o(h, { textColor: "secondary", marginBottom: r.content.hasButton ? "space-800" : void 0, children: r.content.text }),
+    r.content.hasButton && /* @__PURE__ */ o(a, { color: "secondary", size: "large", children: "Button secondary" })
+  ] })
+] }, `timeline-step-${t.toString()}`)) });
+export {
+  N as default
+};
+//# sourceMappingURL=TimelineDemoFactory.js.map

package/dist/components/Timeline/demo/TimelineDemoFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineDemoFactory.js","sources":["../../../../src/components/Timeline/demo/TimelineDemoFactory.tsx"],"sourcesContent":["import React from 'react';\nimport type { SingleOrResponsive, SizesDictionaryType, TimelineMarkerType } from '../../../types';\nimport { Button } from '../../Button';\nimport { Heading } from '../../Heading';\nimport { Icon } from '../../Icon';\nimport { Link } from '../../Link';\nimport { Text } from '../../Text';\nimport Timeline from '../Timeline';\nimport TimelineContent from '../TimelineContent';\nimport TimelineHeading from '../TimelineHeading';\nimport TimelineMarker from '../TimelineMarker';\nimport TimelineStep from '../TimelineStep';\nimport type { TimelineDemoStep } from './constants';\n\ninterface TimelineDemoFactoryProps {\n  size?: SingleOrResponsive<SizesDictionaryType>;\n  steps: TimelineDemoStep[];\n  variant: TimelineMarkerType;\n}\n\nconst TimelineDemoFactory = ({ size, steps, variant }: TimelineDemoFactoryProps) => (\n  <Timeline size={size}>\n    {steps.map((step, index) => (\n      <TimelineStep key={`timeline-step-${index.toString()}`}>\n        <TimelineMarker\n          variant={variant}\n          backgroundColor={step.marker?.backgroundColor}\n          borderColor={step.marker?.borderColor}\n          textColor={step.marker?.textColor}\n        >\n          {step.marker?.iconName ? (\n            <Icon name={step.marker?.iconName} color={step.marker?.iconColor} />\n          ) : (\n            step.marker?.content\n          )}\n        </TimelineMarker>\n\n        {step.heading && (\n          <TimelineHeading>\n            <Heading elementType=\"h3\" size=\"small\" emphasis=\"semibold\">\n              {step.heading.isLink ? (\n                <Link href=\"#\" color=\"primary\">\n                  {step.heading.text}\n                </Link>\n              ) : (\n                step.heading.text\n              )}\n            </Heading>\n          </TimelineHeading>\n        )}\n\n        {step.content && (\n          <TimelineContent>\n            <Text textColor=\"secondary\" marginBottom={step.content.hasButton ? 'space-800' : undefined}>\n              {step.content.text}\n            </Text>\n            {step.content.hasButton && (\n              <Button color=\"secondary\" size=\"large\">\n                Button secondary\n              </Button>\n            )}\n          </TimelineContent>\n        )}\n      </TimelineStep>\n    ))}\n  </Timeline>\n);\n\nexport default TimelineDemoFactory;\n"],"names":["TimelineDemoFactory","size","steps","variant","jsx","Timeline","step","index","TimelineStep","TimelineMarker","Icon","TimelineHeading","Heading","Link","jsxs","TimelineContent","Text","Button"],"mappings":";;;;;;;;;;;AAoBA,MAAMA,IAAsB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,SAAAC,QAC1C,gBAAAC,EAACC,GAAA,EAAS,MAAAJ,GACP,YAAM,IAAI,CAACK,GAAMC,wBACfC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,SAAAN;AAAA,MACA,iBAAiBG,EAAK,QAAQ;AAAA,MAC9B,aAAaA,EAAK,QAAQ;AAAA,MAC1B,WAAWA,EAAK,QAAQ;AAAA,MAEvB,UAAAA,EAAK,QAAQ,WACZ,gBAAAF,EAACM,KAAK,MAAMJ,EAAK,QAAQ,UAAU,OAAOA,EAAK,QAAQ,WAAW,IAElEA,EAAK,QAAQ;AAAA,IAAA;AAAA,EAAA;AAAA,EAIhBA,EAAK,WACJ,gBAAAF,EAACO,GAAA,EACC,UAAA,gBAAAP,EAACQ,GAAA,EAAQ,aAAY,MAAK,MAAK,SAAQ,UAAS,YAC7C,UAAAN,EAAK,QAAQ,SACZ,gBAAAF,EAACS,GAAA,EAAK,MAAK,KAAI,OAAM,WAClB,UAAAP,EAAK,QAAQ,KAAA,CAChB,IAEAA,EAAK,QAAQ,KAAA,CAEjB,GACF;AAAA,EAGDA,EAAK,WACJ,gBAAAQ,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAX,EAACY,GAAA,EAAK,WAAU,aAAY,cAAcV,EAAK,QAAQ,YAAY,cAAc,QAC9E,UAAAA,EAAK,QAAQ,MAChB;AAAA,IACCA,EAAK,QAAQ,aACZ,gBAAAF,EAACa,KAAO,OAAM,aAAY,MAAK,SAAQ,UAAA,mBAAA,CAEvC;AAAA,EAAA,EAAA,CAEJ;AAAA,EAAA,GAtCe,iBAAiBV,EAAM,SAAA,CAAU,EAwCpD,CACD,EAAA,CACH;"}

package/dist/components/Timeline/demo/TimelineDots.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../constants.cjs"),s=require("./constants.cjs"),r=require("./TimelineDemoFactory.cjs"),i=()=>e.jsx(r.default,{steps:s.DOT_STEPS,variant:t.TIMELINE_MARKER.DOT});exports.default=i;
+//# sourceMappingURL=TimelineDots.cjs.map

package/dist/components/Timeline/demo/TimelineDots.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineDots.cjs","sources":["../../../../src/components/Timeline/demo/TimelineDots.tsx"],"sourcesContent":["import React from 'react';\nimport { TIMELINE_MARKER } from '../constants';\nimport { DOT_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst TimelineDots = () => <TimelineDemoFactory steps={DOT_STEPS} variant={TIMELINE_MARKER.DOT} />;\n\nexport default TimelineDots;\n"],"names":["TimelineDots","jsx","TimelineDemoFactory","DOT_STEPS","TIMELINE_MARKER"],"mappings":"mPAKMA,EAAe,IAAMC,EAAAA,IAACC,UAAA,CAAoB,MAAOC,YAAW,QAASC,EAAAA,gBAAgB,GAAA,CAAK"}

package/dist/components/Timeline/demo/TimelineDots.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { TIMELINE_MARKER as t } from "../constants.js";
+import { DOT_STEPS as r } from "./constants.js";
+import m from "./TimelineDemoFactory.js";
+const T = () => /* @__PURE__ */ o(m, { steps: r, variant: t.DOT });
+export {
+  T as default
+};
+//# sourceMappingURL=TimelineDots.js.map

package/dist/components/Timeline/demo/TimelineDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineDots.js","sources":["../../../../src/components/Timeline/demo/TimelineDots.tsx"],"sourcesContent":["import React from 'react';\nimport { TIMELINE_MARKER } from '../constants';\nimport { DOT_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst TimelineDots = () => <TimelineDemoFactory steps={DOT_STEPS} variant={TIMELINE_MARKER.DOT} />;\n\nexport default TimelineDots;\n"],"names":["TimelineDots","jsx","TimelineDemoFactory","DOT_STEPS","TIMELINE_MARKER"],"mappings":";;;;AAKA,MAAMA,IAAe,MAAM,gBAAAC,EAACC,GAAA,EAAoB,OAAOC,GAAW,SAASC,EAAgB,IAAA,CAAK;"}

package/dist/components/Timeline/demo/TimelineIcons.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../constants.cjs"),s=require("./constants.cjs"),n=require("./TimelineDemoFactory.cjs"),r=()=>e.jsx(n.default,{steps:s.ICON_STEPS,variant:t.TIMELINE_MARKER.ICON});exports.default=r;
+//# sourceMappingURL=TimelineIcons.cjs.map

package/dist/components/Timeline/demo/TimelineIcons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineIcons.cjs","sources":["../../../../src/components/Timeline/demo/TimelineIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { TIMELINE_MARKER } from '../constants';\nimport { ICON_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst TimelineIcons = () => <TimelineDemoFactory steps={ICON_STEPS} variant={TIMELINE_MARKER.ICON} />;\n\nexport default TimelineIcons;\n"],"names":["TimelineIcons","jsx","TimelineDemoFactory","ICON_STEPS","TIMELINE_MARKER"],"mappings":"mPAKMA,EAAgB,IAAMC,EAAAA,IAACC,UAAA,CAAoB,MAAOC,aAAY,QAASC,EAAAA,gBAAgB,IAAA,CAAM"}

package/dist/components/Timeline/demo/TimelineIcons.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { TIMELINE_MARKER as r } from "../constants.js";
+import { ICON_STEPS as t } from "./constants.js";
+import m from "./TimelineDemoFactory.js";
+const a = () => /* @__PURE__ */ o(m, { steps: t, variant: r.ICON });
+export {
+  a as default
+};
+//# sourceMappingURL=TimelineIcons.js.map

package/dist/components/Timeline/demo/TimelineIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineIcons.js","sources":["../../../../src/components/Timeline/demo/TimelineIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { TIMELINE_MARKER } from '../constants';\nimport { ICON_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst TimelineIcons = () => <TimelineDemoFactory steps={ICON_STEPS} variant={TIMELINE_MARKER.ICON} />;\n\nexport default TimelineIcons;\n"],"names":["TimelineIcons","jsx","TimelineDemoFactory","ICON_STEPS","TIMELINE_MARKER"],"mappings":";;;;AAKA,MAAMA,IAAgB,MAAM,gBAAAC,EAACC,GAAA,EAAoB,OAAOC,GAAY,SAASC,EAAgB,KAAA,CAAM;"}

package/dist/components/Timeline/demo/TimelineResponsiveSizes.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../constants.cjs"),s=require("./constants.cjs"),i=require("./TimelineDemoFactory.cjs"),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(i.default,{steps:s.RESPONSIVE_SIZE_STEPS,variant:t.TIMELINE_MARKER.NUMBER,size:{mobile:"small",tablet:"medium",desktop:"large"}}),e.jsx(i.default,{steps:s.RESPONSIVE_SIZE_DOT_STEPS,variant:t.TIMELINE_MARKER.DOT,size:{mobile:"small",tablet:"medium",desktop:"large"}}),e.jsx(i.default,{steps:s.RESPONSIVE_SIZE_ICON_STEPS,variant:t.TIMELINE_MARKER.ICON,size:{mobile:"small",tablet:"medium",desktop:"large"}})]});exports.default=l;
+//# sourceMappingURL=TimelineResponsiveSizes.cjs.map

package/dist/components/Timeline/demo/TimelineResponsiveSizes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineResponsiveSizes.cjs","sources":["../../../../src/components/Timeline/demo/TimelineResponsiveSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { TIMELINE_MARKER } from '../constants';\nimport { RESPONSIVE_SIZE_DOT_STEPS, RESPONSIVE_SIZE_ICON_STEPS, RESPONSIVE_SIZE_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst TimelineResponsiveSizes = () => (\n  <>\n    <TimelineDemoFactory\n      steps={RESPONSIVE_SIZE_STEPS}\n      variant={TIMELINE_MARKER.NUMBER}\n      size={{ mobile: 'small', tablet: 'medium', desktop: 'large' }}\n    />\n    <TimelineDemoFactory\n      steps={RESPONSIVE_SIZE_DOT_STEPS}\n      variant={TIMELINE_MARKER.DOT}\n      size={{ mobile: 'small', tablet: 'medium', desktop: 'large' }}\n    />\n    <TimelineDemoFactory\n      steps={RESPONSIVE_SIZE_ICON_STEPS}\n      variant={TIMELINE_MARKER.ICON}\n      size={{ mobile: 'small', tablet: 'medium', desktop: 'large' }}\n    />\n  </>\n);\n\nexport default TimelineResponsiveSizes;\n"],"names":["TimelineResponsiveSizes","jsxs","Fragment","jsx","TimelineDemoFactory","RESPONSIVE_SIZE_STEPS","TIMELINE_MARKER","RESPONSIVE_SIZE_DOT_STEPS","RESPONSIVE_SIZE_ICON_STEPS"],"mappings":"mPAKMA,EAA0B,IAC9BC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAOC,EAAAA,sBACP,QAASC,EAAAA,gBAAgB,OACzB,KAAM,CAAE,OAAQ,QAAS,OAAQ,SAAU,QAAS,OAAA,CAAQ,CAAA,EAE9DH,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAOG,EAAAA,0BACP,QAASD,EAAAA,gBAAgB,IACzB,KAAM,CAAE,OAAQ,QAAS,OAAQ,SAAU,QAAS,OAAA,CAAQ,CAAA,EAE9DH,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAOI,EAAAA,2BACP,QAASF,EAAAA,gBAAgB,KACzB,KAAM,CAAE,OAAQ,QAAS,OAAQ,SAAU,QAAS,OAAA,CAAQ,CAAA,CAC9D,CAAA,CACF"}

package/dist/components/Timeline/demo/TimelineResponsiveSizes.js

@@ -0,0 +1,34 @@
+import { jsxs as i, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { TIMELINE_MARKER as t } from "../constants.js";
+import { RESPONSIVE_SIZE_STEPS as a, RESPONSIVE_SIZE_DOT_STEPS as l, RESPONSIVE_SIZE_ICON_STEPS as o } from "./constants.js";
+import s from "./TimelineDemoFactory.js";
+const I = () => /* @__PURE__ */ i(m, { children: [
+  /* @__PURE__ */ e(
+    s,
+    {
+      steps: a,
+      variant: t.NUMBER,
+      size: { mobile: "small", tablet: "medium", desktop: "large" }
+    }
+  ),
+  /* @__PURE__ */ e(
+    s,
+    {
+      steps: l,
+      variant: t.DOT,
+      size: { mobile: "small", tablet: "medium", desktop: "large" }
+    }
+  ),
+  /* @__PURE__ */ e(
+    s,
+    {
+      steps: o,
+      variant: t.ICON,
+      size: { mobile: "small", tablet: "medium", desktop: "large" }
+    }
+  )
+] });
+export {
+  I as default
+};
+//# sourceMappingURL=TimelineResponsiveSizes.js.map

package/dist/components/Timeline/demo/TimelineResponsiveSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineResponsiveSizes.js","sources":["../../../../src/components/Timeline/demo/TimelineResponsiveSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { TIMELINE_MARKER } from '../constants';\nimport { RESPONSIVE_SIZE_DOT_STEPS, RESPONSIVE_SIZE_ICON_STEPS, RESPONSIVE_SIZE_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst TimelineResponsiveSizes = () => (\n  <>\n    <TimelineDemoFactory\n      steps={RESPONSIVE_SIZE_STEPS}\n      variant={TIMELINE_MARKER.NUMBER}\n      size={{ mobile: 'small', tablet: 'medium', desktop: 'large' }}\n    />\n    <TimelineDemoFactory\n      steps={RESPONSIVE_SIZE_DOT_STEPS}\n      variant={TIMELINE_MARKER.DOT}\n      size={{ mobile: 'small', tablet: 'medium', desktop: 'large' }}\n    />\n    <TimelineDemoFactory\n      steps={RESPONSIVE_SIZE_ICON_STEPS}\n      variant={TIMELINE_MARKER.ICON}\n      size={{ mobile: 'small', tablet: 'medium', desktop: 'large' }}\n    />\n  </>\n);\n\nexport default TimelineResponsiveSizes;\n"],"names":["TimelineResponsiveSizes","jsxs","Fragment","jsx","TimelineDemoFactory","RESPONSIVE_SIZE_STEPS","TIMELINE_MARKER","RESPONSIVE_SIZE_DOT_STEPS","RESPONSIVE_SIZE_ICON_STEPS"],"mappings":";;;;AAKA,MAAMA,IAA0B,MAC9B,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOC;AAAA,MACP,SAASC,EAAgB;AAAA,MACzB,MAAM,EAAE,QAAQ,SAAS,QAAQ,UAAU,SAAS,QAAA;AAAA,IAAQ;AAAA,EAAA;AAAA,EAE9D,gBAAAH;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOG;AAAA,MACP,SAASD,EAAgB;AAAA,MACzB,MAAM,EAAE,QAAQ,SAAS,QAAQ,UAAU,SAAS,QAAA;AAAA,IAAQ;AAAA,EAAA;AAAA,EAE9D,gBAAAH;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOI;AAAA,MACP,SAASF,EAAgB;AAAA,MACzB,MAAM,EAAE,QAAQ,SAAS,QAAQ,UAAU,SAAS,QAAA;AAAA,IAAQ;AAAA,EAAA;AAC9D,EAAA,CACF;"}

package/dist/components/Timeline/demo/TimelineSizes.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../../constants/dictionaries.cjs"),n=require("../constants.cjs"),o=require("./constants.cjs"),c=require("./TimelineDemoFactory.cjs"),t=Object.values(r.Sizes),u=()=>e.jsx(e.Fragment,{children:o.SIZE_STEPS.map((i,s)=>e.jsx(c.default,{steps:[i],variant:n.TIMELINE_MARKER.NUMBER,size:t[s]},`size-${t[s]}`))});exports.default=u;
+//# sourceMappingURL=TimelineSizes.cjs.map

package/dist/components/Timeline/demo/TimelineSizes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineSizes.cjs","sources":["../../../../src/components/Timeline/demo/TimelineSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { Sizes } from '../../../constants';\nimport { TIMELINE_MARKER } from '../constants';\nimport { SIZE_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst sizes = Object.values(Sizes);\n\nconst TimelineSizes = () => (\n  <>\n    {SIZE_STEPS.map((step, index) => (\n      <TimelineDemoFactory\n        key={`size-${sizes[index]}`}\n        steps={[step]}\n        variant={TIMELINE_MARKER.NUMBER}\n        size={sizes[index]}\n      />\n    ))}\n  </>\n);\n\nexport default TimelineSizes;\n"],"names":["sizes","Sizes","TimelineSizes","jsx","Fragment","step","index","TimelineDemoFactory","TIMELINE_MARKER"],"mappings":"oSAMMA,EAAQ,OAAO,OAAOC,OAAK,EAE3BC,EAAgB,IACpBC,MAAAC,EAAAA,SAAA,CACG,sBAAW,IAAI,CAACC,EAAMC,IACrBH,EAAAA,IAACI,EAAAA,QAAA,CAEC,MAAO,CAACF,CAAI,EACZ,QAASG,EAAAA,gBAAgB,OACzB,KAAMR,EAAMM,CAAK,CAAA,EAHZ,QAAQN,EAAMM,CAAK,CAAC,EAI3B,CACD,CAAA,CACH"}

package/dist/components/Timeline/demo/TimelineSizes.js

@@ -0,0 +1,18 @@
+import { jsx as i, Fragment as m } from "react/jsx-runtime";
+import { Sizes as o } from "../../../constants/dictionaries.js";
+import { TIMELINE_MARKER as s } from "../constants.js";
+import { SIZE_STEPS as a } from "./constants.js";
+import p from "./TimelineDemoFactory.js";
+const r = Object.values(o), z = () => /* @__PURE__ */ i(m, { children: a.map((t, e) => /* @__PURE__ */ i(
+  p,
+  {
+    steps: [t],
+    variant: s.NUMBER,
+    size: r[e]
+  },
+  `size-${r[e]}`
+)) });
+export {
+  z as default
+};
+//# sourceMappingURL=TimelineSizes.js.map

package/dist/components/Timeline/demo/TimelineSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineSizes.js","sources":["../../../../src/components/Timeline/demo/TimelineSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { Sizes } from '../../../constants';\nimport { TIMELINE_MARKER } from '../constants';\nimport { SIZE_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst sizes = Object.values(Sizes);\n\nconst TimelineSizes = () => (\n  <>\n    {SIZE_STEPS.map((step, index) => (\n      <TimelineDemoFactory\n        key={`size-${sizes[index]}`}\n        steps={[step]}\n        variant={TIMELINE_MARKER.NUMBER}\n        size={sizes[index]}\n      />\n    ))}\n  </>\n);\n\nexport default TimelineSizes;\n"],"names":["sizes","Sizes","TimelineSizes","jsx","Fragment","step","index","TimelineDemoFactory","TIMELINE_MARKER"],"mappings":";;;;;AAMA,MAAMA,IAAQ,OAAO,OAAOC,CAAK,GAE3BC,IAAgB,MACpB,gBAAAC,EAAAC,GAAA,EACG,YAAW,IAAI,CAACC,GAAMC,MACrB,gBAAAH;AAAA,EAACI;AAAA,EAAA;AAAA,IAEC,OAAO,CAACF,CAAI;AAAA,IACZ,SAASG,EAAgB;AAAA,IACzB,MAAMR,EAAMM,CAAK;AAAA,EAAA;AAAA,EAHZ,QAAQN,EAAMM,CAAK,CAAC;AAI3B,CACD,EAAA,CACH;"}

package/dist/components/Timeline/demo/TimelineSizesDots.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../../constants/dictionaries.cjs"),n=require("../constants.cjs"),o=require("./constants.cjs"),c=require("./TimelineDemoFactory.cjs"),t=Object.values(r.Sizes),u=()=>e.jsx(e.Fragment,{children:o.SIZE_DOT_STEPS.map((i,s)=>e.jsx(c.default,{steps:[i],variant:n.TIMELINE_MARKER.DOT,size:t[s]},`size-dot-${t[s]}`))});exports.default=u;
+//# sourceMappingURL=TimelineSizesDots.cjs.map

package/dist/components/Timeline/demo/TimelineSizesDots.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineSizesDots.cjs","sources":["../../../../src/components/Timeline/demo/TimelineSizesDots.tsx"],"sourcesContent":["import React from 'react';\nimport { Sizes } from '../../../constants';\nimport { TIMELINE_MARKER } from '../constants';\nimport { SIZE_DOT_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst sizes = Object.values(Sizes);\n\nconst TimelineSizesDots = () => (\n  <>\n    {SIZE_DOT_STEPS.map((step, index) => (\n      <TimelineDemoFactory\n        key={`size-dot-${sizes[index]}`}\n        steps={[step]}\n        variant={TIMELINE_MARKER.DOT}\n        size={sizes[index]}\n      />\n    ))}\n  </>\n);\n\nexport default TimelineSizesDots;\n"],"names":["sizes","Sizes","TimelineSizesDots","jsx","Fragment","step","index","TimelineDemoFactory","TIMELINE_MARKER"],"mappings":"oSAMMA,EAAQ,OAAO,OAAOC,OAAK,EAE3BC,EAAoB,IACxBC,MAAAC,EAAAA,SAAA,CACG,0BAAe,IAAI,CAACC,EAAMC,IACzBH,EAAAA,IAACI,EAAAA,QAAA,CAEC,MAAO,CAACF,CAAI,EACZ,QAASG,EAAAA,gBAAgB,IACzB,KAAMR,EAAMM,CAAK,CAAA,EAHZ,YAAYN,EAAMM,CAAK,CAAC,EAI/B,CACD,CAAA,CACH"}

package/dist/components/Timeline/demo/TimelineSizesDots.js

@@ -0,0 +1,18 @@
+import { jsx as e, Fragment as r } from "react/jsx-runtime";
+import { Sizes as s } from "../../../constants/dictionaries.js";
+import { TIMELINE_MARKER as m } from "../constants.js";
+import { SIZE_DOT_STEPS as a } from "./constants.js";
+import p from "./TimelineDemoFactory.js";
+const o = Object.values(s), z = () => /* @__PURE__ */ e(r, { children: a.map((i, t) => /* @__PURE__ */ e(
+  p,
+  {
+    steps: [i],
+    variant: m.DOT,
+    size: o[t]
+  },
+  `size-dot-${o[t]}`
+)) });
+export {
+  z as default
+};
+//# sourceMappingURL=TimelineSizesDots.js.map

package/dist/components/Timeline/demo/TimelineSizesDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineSizesDots.js","sources":["../../../../src/components/Timeline/demo/TimelineSizesDots.tsx"],"sourcesContent":["import React from 'react';\nimport { Sizes } from '../../../constants';\nimport { TIMELINE_MARKER } from '../constants';\nimport { SIZE_DOT_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst sizes = Object.values(Sizes);\n\nconst TimelineSizesDots = () => (\n  <>\n    {SIZE_DOT_STEPS.map((step, index) => (\n      <TimelineDemoFactory\n        key={`size-dot-${sizes[index]}`}\n        steps={[step]}\n        variant={TIMELINE_MARKER.DOT}\n        size={sizes[index]}\n      />\n    ))}\n  </>\n);\n\nexport default TimelineSizesDots;\n"],"names":["sizes","Sizes","TimelineSizesDots","jsx","Fragment","step","index","TimelineDemoFactory","TIMELINE_MARKER"],"mappings":";;;;;AAMA,MAAMA,IAAQ,OAAO,OAAOC,CAAK,GAE3BC,IAAoB,MACxB,gBAAAC,EAAAC,GAAA,EACG,YAAe,IAAI,CAACC,GAAMC,MACzB,gBAAAH;AAAA,EAACI;AAAA,EAAA;AAAA,IAEC,OAAO,CAACF,CAAI;AAAA,IACZ,SAASG,EAAgB;AAAA,IACzB,MAAMR,EAAMM,CAAK;AAAA,EAAA;AAAA,EAHZ,YAAYN,EAAMM,CAAK,CAAC;AAI/B,CACD,EAAA,CACH;"}

package/dist/components/Timeline/demo/TimelineSizesIcons.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("../../../constants/dictionaries.cjs"),r=require("../constants.cjs"),o=require("./constants.cjs"),c=require("./TimelineDemoFactory.cjs"),t=Object.values(n.Sizes),u=()=>e.jsx(e.Fragment,{children:o.SIZE_ICON_STEPS.map((i,s)=>e.jsx(c.default,{steps:[i],variant:r.TIMELINE_MARKER.ICON,size:t[s]},`size-icon-${t[s]}`))});exports.default=u;
+//# sourceMappingURL=TimelineSizesIcons.cjs.map

package/dist/components/Timeline/demo/TimelineSizesIcons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineSizesIcons.cjs","sources":["../../../../src/components/Timeline/demo/TimelineSizesIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { Sizes } from '../../../constants';\nimport { TIMELINE_MARKER } from '../constants';\nimport { SIZE_ICON_STEPS } from './constants';\nimport TimelineDemoFactory from './TimelineDemoFactory';\n\nconst sizes = Object.values(Sizes);\n\nconst TimelineSizesIcons = () => (\n  <>\n    {SIZE_ICON_STEPS.map((step, index) => (\n      <TimelineDemoFactory\n        key={`size-icon-${sizes[index]}`}\n        steps={[step]}\n        variant={TIMELINE_MARKER.ICON}\n        size={sizes[index]}\n      />\n    ))}\n  </>\n);\n\nexport default TimelineSizesIcons;\n"],"names":["sizes","Sizes","TimelineSizesIcons","jsx","Fragment","step","index","TimelineDemoFactory","TIMELINE_MARKER"],"mappings":"oSAMMA,EAAQ,OAAO,OAAOC,OAAK,EAE3BC,EAAqB,IACzBC,MAAAC,EAAAA,SAAA,CACG,2BAAgB,IAAI,CAACC,EAAMC,IAC1BH,EAAAA,IAACI,EAAAA,QAAA,CAEC,MAAO,CAACF,CAAI,EACZ,QAASG,EAAAA,gBAAgB,KACzB,KAAMR,EAAMM,CAAK,CAAA,EAHZ,aAAaN,EAAMM,CAAK,CAAC,EAIhC,CACD,CAAA,CACH"}

package/dist/components/Timeline/demo/TimelineSizesIcons.js

@@ -0,0 +1,18 @@
+import { jsx as i, Fragment as s } from "react/jsx-runtime";
+import { Sizes as t } from "../../../constants/dictionaries.js";
+import { TIMELINE_MARKER as m } from "../constants.js";
+import { SIZE_ICON_STEPS as a } from "./constants.js";
+import c from "./TimelineDemoFactory.js";
+const o = Object.values(t), z = () => /* @__PURE__ */ i(s, { children: a.map((r, e) => /* @__PURE__ */ i(
+  c,
+  {
+    steps: [r],
+    variant: m.ICON,
+    size: o[e]
+  },
+  `size-icon-${o[e]}`
+)) });
+export {
+  z as default
+};
+//# sourceMappingURL=TimelineSizesIcons.js.map