npm - @alma-oss/spirit-web-react - Versions diffs - 4.5.0 → 4.6.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2101) hide show

package/dist/components/Timeline/demo/constants.js ADDED Viewed

@@ -0,0 +1,141 @@
+const t = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.", n = [
+  {
+    marker: { content: "1" },
+    heading: { text: "Title" },
+    content: { text: t }
+  },
+  {
+    marker: { content: "2" },
+    content: { text: t }
+  },
+  {
+    marker: { content: "3" },
+    heading: { text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", isLink: !0 },
+    content: { text: t, hasButton: !0 }
+  },
+  {
+    marker: { content: "99" },
+    heading: { text: "Lorem ipsum dolor sit amet elit." }
+  }
+], o = [
+  {
+    marker: {
+      content: "1",
+      backgroundColor: "accent-01-subtle",
+      borderColor: "accent-01-basic",
+      textColor: "accent-01-basic"
+    },
+    heading: { text: "Title" },
+    content: { text: t }
+  },
+  {
+    marker: {
+      content: "2",
+      backgroundColor: "accent-01-subtle",
+      borderColor: "accent-01-basic",
+      textColor: "accent-01-basic"
+    },
+    heading: { text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." },
+    content: { text: t }
+  }
+], c = [
+  {
+    marker: {
+      backgroundColor: "accent-01-subtle",
+      borderColor: "accent-01-basic",
+      textColor: "accent-01-basic"
+    },
+    heading: { text: "Title" },
+    content: { text: t }
+  },
+  {
+    heading: { text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." },
+    content: { text: t }
+  }
+], r = [
+  {
+    marker: { iconName: "search", iconColor: "01" },
+    heading: { text: "Title" },
+    content: { text: t }
+  },
+  {
+    marker: { iconName: "file", iconColor: "secondary" },
+    heading: { text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." },
+    content: { text: t }
+  }
+], e = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.", i = [
+  {
+    marker: { content: "1" },
+    heading: { text: "Small Size" },
+    content: { text: e }
+  },
+  {
+    marker: { content: "2" },
+    heading: { text: "Medium Size" },
+    content: { text: e }
+  },
+  {
+    marker: { content: "3" },
+    heading: { text: "Large Size" },
+    content: { text: e }
+  }
+], a = [
+  {
+    marker: { iconName: "file", iconColor: "secondary" },
+    heading: { text: "Small Icon Marker" },
+    content: { text: e }
+  },
+  {
+    marker: { iconName: "file", iconColor: "secondary" },
+    heading: { text: "Medium Icon Marker" },
+    content: { text: e }
+  },
+  {
+    marker: { iconName: "file", iconColor: "secondary" },
+    heading: { text: "Large Icon Marker" },
+    content: { text: e }
+  }
+], s = [
+  {
+    heading: { text: "Small Dot Marker" },
+    content: { text: e }
+  },
+  {
+    heading: { text: "Medium Dot Marker" },
+    content: { text: e }
+  },
+  {
+    heading: { text: "Large Dot Marker" },
+    content: { text: e }
+  }
+], m = [
+  {
+    marker: { content: "1" },
+    heading: { text: "Responsive Marker" },
+    content: { text: e }
+  }
+], l = [
+  {
+    marker: { iconName: "file", iconColor: "secondary" },
+    heading: { text: "Responsive Icon Marker" },
+    content: { text: e }
+  }
+], d = [
+  {
+    heading: { text: "Responsive Dot Marker" },
+    content: { text: e }
+  }
+];
+export {
+  o as COLORED_NUMBER_STEPS,
+  n as DEFAULT_STEPS,
+  c as DOT_STEPS,
+  r as ICON_STEPS,
+  d as RESPONSIVE_SIZE_DOT_STEPS,
+  l as RESPONSIVE_SIZE_ICON_STEPS,
+  m as RESPONSIVE_SIZE_STEPS,
+  s as SIZE_DOT_STEPS,
+  a as SIZE_ICON_STEPS,
+  i as SIZE_STEPS
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Timeline/demo/constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.js","sources":["../../../../src/components/Timeline/demo/constants.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport type { IconColorType, TimelineMarkerProps } from '../../../types';\n\nexport interface TimelineDemoStep {\n marker?: Pick<TimelineMarkerProps, 'backgroundColor' | 'borderColor' | 'textColor'> & {\n content?: string | ReactNode;\n iconName?: string;\n iconColor?: IconColorType;\n };\n heading?: {\n text: string;\n isLink?: boolean;\n };\n content?: {\n text: string;\n hasButton?: boolean;\n };\n}\n\nconst LOREM_IPSUM =\n 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.';\n\nexport const DEFAULT_STEPS: TimelineDemoStep[] = [\n {\n marker: { content: '1' },\n heading: { text: 'Title' },\n content: { text: LOREM_IPSUM },\n },\n {\n marker: { content: '2' },\n content: { text: LOREM_IPSUM },\n },\n {\n marker: { content: '3' },\n heading: { text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', isLink: true },\n content: { text: LOREM_IPSUM, hasButton: true },\n },\n {\n marker: { content: '99' },\n heading: { text: 'Lorem ipsum dolor sit amet elit.' },\n },\n];\n\nexport const COLORED_NUMBER_STEPS: TimelineDemoStep[] = [\n {\n marker: {\n content: '1',\n backgroundColor: 'accent-01-subtle',\n borderColor: 'accent-01-basic',\n textColor: 'accent-01-basic',\n },\n heading: { text: 'Title' },\n content: { text: LOREM_IPSUM },\n },\n {\n marker: {\n content: '2',\n backgroundColor: 'accent-01-subtle',\n borderColor: 'accent-01-basic',\n textColor: 'accent-01-basic',\n },\n heading: { text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' },\n content: { text: LOREM_IPSUM },\n },\n];\n\nexport const DOT_STEPS: TimelineDemoStep[] = [\n {\n marker: {\n backgroundColor: 'accent-01-subtle',\n borderColor: 'accent-01-basic',\n textColor: 'accent-01-basic',\n },\n heading: { text: 'Title' },\n content: { text: LOREM_IPSUM },\n },\n {\n heading: { text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' },\n content: { text: LOREM_IPSUM },\n },\n];\n\nexport const ICON_STEPS: TimelineDemoStep[] = [\n {\n marker: { iconName: 'search', iconColor: '01' },\n heading: { text: 'Title' },\n content: { text: LOREM_IPSUM },\n },\n {\n marker: { iconName: 'file', iconColor: 'secondary' },\n heading: { text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' },\n content: { text: LOREM_IPSUM },\n },\n];\n\nconst SHORT_LOREM_IPSUM =\n 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.';\n\nexport const SIZE_STEPS: TimelineDemoStep[] = [\n {\n marker: { content: '1' },\n heading: { text: 'Small Size' },\n content: { text: SHORT_LOREM_IPSUM },\n },\n {\n marker: { content: '2' },\n heading: { text: 'Medium Size' },\n content: { text: SHORT_LOREM_IPSUM },\n },\n {\n marker: { content: '3' },\n heading: { text: 'Large Size' },\n content: { text: SHORT_LOREM_IPSUM },\n },\n];\n\nexport const SIZE_ICON_STEPS: TimelineDemoStep[] = [\n {\n marker: { iconName: 'file', iconColor: 'secondary' },\n heading: { text: 'Small Icon Marker' },\n content: { text: SHORT_LOREM_IPSUM },\n },\n {\n marker: { iconName: 'file', iconColor: 'secondary' },\n heading: { text: 'Medium Icon Marker' },\n content: { text: SHORT_LOREM_IPSUM },\n },\n {\n marker: { iconName: 'file', iconColor: 'secondary' },\n heading: { text: 'Large Icon Marker' },\n content: { text: SHORT_LOREM_IPSUM },\n },\n];\n\nexport const SIZE_DOT_STEPS: TimelineDemoStep[] = [\n {\n heading: { text: 'Small Dot Marker' },\n content: { text: SHORT_LOREM_IPSUM },\n },\n {\n heading: { text: 'Medium Dot Marker' },\n content: { text: SHORT_LOREM_IPSUM },\n },\n {\n heading: { text: 'Large Dot Marker' },\n content: { text: SHORT_LOREM_IPSUM },\n },\n];\n\nexport const RESPONSIVE_SIZE_STEPS: TimelineDemoStep[] = [\n {\n marker: { content: '1' },\n heading: { text: 'Responsive Marker' },\n content: { text: SHORT_LOREM_IPSUM },\n },\n];\n\nexport const RESPONSIVE_SIZE_ICON_STEPS: TimelineDemoStep[] = [\n {\n marker: { iconName: 'file', iconColor: 'secondary' },\n heading: { text: 'Responsive Icon Marker' },\n content: { text: SHORT_LOREM_IPSUM },\n },\n];\n\nexport const RESPONSIVE_SIZE_DOT_STEPS: TimelineDemoStep[] = [\n {\n heading: { text: 'Responsive Dot Marker' },\n content: { text: SHORT_LOREM_IPSUM },\n },\n];\n"],"names":["LOREM_IPSUM","DEFAULT_STEPS","COLORED_NUMBER_STEPS","DOT_STEPS","ICON_STEPS","SHORT_LOREM_IPSUM","SIZE_STEPS","SIZE_ICON_STEPS","SIZE_DOT_STEPS","RESPONSIVE_SIZE_STEPS","RESPONSIVE_SIZE_ICON_STEPS","RESPONSIVE_SIZE_DOT_STEPS"],"mappings":"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"}

package/dist/components/Timeline/demo/preview.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@alma-oss/spirit-icons/icons"),s=require("react"),i=require("../../../web-react/docs/DocsSection.cjs"),n=require("../../../context/IconsContext.cjs"),l=require("./TimelineColors.cjs"),r=require("./TimelineDefault.cjs"),o=require("./TimelineDots.cjs"),c=require("./TimelineIcons.cjs"),u=require("./TimelineResponsiveSizes.cjs"),d=require("./TimelineSizes.cjs"),a=require("./TimelineSizesDots.cjs"),j=require("./TimelineSizesIcons.cjs"),x=()=>e.jsx(s.StrictMode,{children:e.jsxs(n.IconsProvider,{value:t,children:[e.jsx(i.default,{title:"Basic Usage with Numbers",children:e.jsx(r.default,{})}),e.jsx(i.default,{title:"With Colored Numbers",children:e.jsx(l.default,{})}),e.jsx(i.default,{title:"With Dots",children:e.jsx(o.default,{})}),e.jsx(i.default,{title:"With Icon Component",children:e.jsx(c.default,{})}),e.jsx(i.default,{title:"Sizes",children:e.jsx(d.default,{})}),e.jsx(i.default,{title:"Sizes With Dots",children:e.jsx(a.default,{})}),e.jsx(i.default,{title:"Sizes With Icon Component",children:e.jsx(j.default,{})}),e.jsx(i.default,{title:"Responsive Sizes",children:e.jsx(u.default,{})})]})});exports.Preview=x;
2	+ //# sourceMappingURL=preview.cjs.map

package/dist/components/Timeline/demo/preview.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"preview.cjs","sources":["../../../../src/components/Timeline/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport TimelineColors from './TimelineColors';\nimport TimelineDefault from './TimelineDefault';\nimport TimelineDots from './TimelineDots';\nimport TimelineIcons from './TimelineIcons';\nimport TimelineResponsiveSizes from './TimelineResponsiveSizes';\nimport TimelineSizes from './TimelineSizes';\nimport TimelineSizesDots from './TimelineSizesDots';\nimport TimelineSizesIcons from './TimelineSizesIcons';\n\nexport const Preview = () => (\n <StrictMode>\n <IconsProvider value={icons}>\n <DocsSection title=\"Basic Usage with Numbers\">\n <TimelineDefault />\n </DocsSection>\n <DocsSection title=\"With Colored Numbers\">\n <TimelineColors />\n </DocsSection>\n <DocsSection title=\"With Dots\">\n <TimelineDots />\n </DocsSection>\n <DocsSection title=\"With Icon Component\">\n <TimelineIcons />\n </DocsSection>\n <DocsSection title=\"Sizes\">\n <TimelineSizes />\n </DocsSection>\n <DocsSection title=\"Sizes With Dots\">\n <TimelineSizesDots />\n </DocsSection>\n <DocsSection title=\"Sizes With Icon Component\">\n <TimelineSizesIcons />\n </DocsSection>\n <DocsSection title=\"Responsive Sizes\">\n <TimelineResponsiveSizes />\n </DocsSection>\n </IconsProvider>\n </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","TimelineDefault","TimelineColors","TimelineDots","TimelineIcons","TimelineSizes","TimelineSizesDots","TimelineSizesIcons","TimelineResponsiveSizes"],"mappings":"gkBAgBaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAC,OAACC,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAA,CAAAJ,MAACK,EAAAA,QAAA,CAAY,MAAM,2BACjB,SAAAL,MAACM,EAAAA,UAAgB,EACnB,QACCD,EAAAA,QAAA,CAAY,MAAM,uBACjB,SAAAL,MAACO,EAAAA,UAAe,EAClB,QACCF,EAAAA,QAAA,CAAY,MAAM,YACjB,SAAAL,MAACQ,EAAAA,UAAa,EAChB,QACCH,EAAAA,QAAA,CAAY,MAAM,sBACjB,SAAAL,MAACS,EAAAA,UAAc,EACjB,QACCJ,EAAAA,QAAA,CAAY,MAAM,QACjB,SAAAL,MAACU,EAAAA,UAAc,EACjB,QACCL,EAAAA,QAAA,CAAY,MAAM,kBACjB,SAAAL,MAACW,EAAAA,UAAkB,EACrB,QACCN,EAAAA,QAAA,CAAY,MAAM,4BACjB,SAAAL,MAACY,EAAAA,UAAmB,EACtB,QACCP,EAAAA,QAAA,CAAY,MAAM,mBACjB,SAAAL,EAAAA,IAACa,YAAwB,CAAA,CAC3B,CAAA,CAAA,CACF,CAAA,CACF"}

package/dist/components/Timeline/demo/preview.js ADDED Viewed

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as i, jsxs as o } from "react/jsx-runtime";
+import t from "@alma-oss/spirit-icons/icons";
+import { StrictMode as r } from "react";
+import e from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as m } from "../../../context/IconsContext.js";
+import n from "./TimelineColors.js";
+import s from "./TimelineDefault.js";
+import l from "./TimelineDots.js";
+import c from "./TimelineIcons.js";
+import p from "./TimelineResponsiveSizes.js";
+import h from "./TimelineSizes.js";
+import f from "./TimelineSizesDots.js";
+import d from "./TimelineSizesIcons.js";
+const w = () => /* @__PURE__ */ i(r, { children: /* @__PURE__ */ o(m, { value: t, children: [
+  /* @__PURE__ */ i(e, { title: "Basic Usage with Numbers", children: /* @__PURE__ */ i(s, {}) }),
+  /* @__PURE__ */ i(e, { title: "With Colored Numbers", children: /* @__PURE__ */ i(n, {}) }),
+  /* @__PURE__ */ i(e, { title: "With Dots", children: /* @__PURE__ */ i(l, {}) }),
+  /* @__PURE__ */ i(e, { title: "With Icon Component", children: /* @__PURE__ */ i(c, {}) }),
+  /* @__PURE__ */ i(e, { title: "Sizes", children: /* @__PURE__ */ i(h, {}) }),
+  /* @__PURE__ */ i(e, { title: "Sizes With Dots", children: /* @__PURE__ */ i(f, {}) }),
+  /* @__PURE__ */ i(e, { title: "Sizes With Icon Component", children: /* @__PURE__ */ i(d, {}) }),
+  /* @__PURE__ */ i(e, { title: "Responsive Sizes", children: /* @__PURE__ */ i(p, {}) })
+] }) });
+export {
+  w as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/Timeline/demo/preview.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"preview.js","sources":["../../../../src/components/Timeline/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport TimelineColors from './TimelineColors';\nimport TimelineDefault from './TimelineDefault';\nimport TimelineDots from './TimelineDots';\nimport TimelineIcons from './TimelineIcons';\nimport TimelineResponsiveSizes from './TimelineResponsiveSizes';\nimport TimelineSizes from './TimelineSizes';\nimport TimelineSizesDots from './TimelineSizesDots';\nimport TimelineSizesIcons from './TimelineSizesIcons';\n\nexport const Preview = () => (\n <StrictMode>\n <IconsProvider value={icons}>\n <DocsSection title=\"Basic Usage with Numbers\">\n <TimelineDefault />\n </DocsSection>\n <DocsSection title=\"With Colored Numbers\">\n <TimelineColors />\n </DocsSection>\n <DocsSection title=\"With Dots\">\n <TimelineDots />\n </DocsSection>\n <DocsSection title=\"With Icon Component\">\n <TimelineIcons />\n </DocsSection>\n <DocsSection title=\"Sizes\">\n <TimelineSizes />\n </DocsSection>\n <DocsSection title=\"Sizes With Dots\">\n <TimelineSizesDots />\n </DocsSection>\n <DocsSection title=\"Sizes With Icon Component\">\n <TimelineSizesIcons />\n </DocsSection>\n <DocsSection title=\"Responsive Sizes\">\n <TimelineResponsiveSizes />\n </DocsSection>\n </IconsProvider>\n </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","TimelineDefault","TimelineColors","TimelineDots","TimelineIcons","TimelineSizes","TimelineSizesDots","TimelineSizesIcons","TimelineResponsiveSizes"],"mappings":";;;;;;;;;;;;;;AAgBO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,GACpB,UAAA;AAAA,EAAA,gBAAAJ,EAACK,GAAA,EAAY,OAAM,4BACjB,UAAA,gBAAAL,EAACM,KAAgB,GACnB;AAAA,oBACCD,GAAA,EAAY,OAAM,wBACjB,UAAA,gBAAAL,EAACO,KAAe,GAClB;AAAA,oBACCF,GAAA,EAAY,OAAM,aACjB,UAAA,gBAAAL,EAACQ,KAAa,GAChB;AAAA,oBACCH,GAAA,EAAY,OAAM,uBACjB,UAAA,gBAAAL,EAACS,KAAc,GACjB;AAAA,oBACCJ,GAAA,EAAY,OAAM,SACjB,UAAA,gBAAAL,EAACU,KAAc,GACjB;AAAA,oBACCL,GAAA,EAAY,OAAM,mBACjB,UAAA,gBAAAL,EAACW,KAAkB,GACrB;AAAA,oBACCN,GAAA,EAAY,OAAM,6BACjB,UAAA,gBAAAL,EAACY,KAAmB,GACtB;AAAA,oBACCP,GAAA,EAAY,OAAM,oBACjB,UAAA,gBAAAL,EAACa,KAAwB,EAAA,CAC3B;AAAA,EAAA,CACF,EAAA,CACF;"}

package/dist/components/Timeline/preview/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/components/Timeline/preview/index.cjs.map ADDED Viewed

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

package/dist/components/Timeline/preview/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Timeline/preview/index.js.map ADDED Viewed

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

package/dist/components/Timeline/preview.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Timeline/preview/index'
+export default _default
+export {}

package/dist/components/Timeline/useTimelineStyleProps.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("classnames"),r=require("../../hooks/useClassNamePrefix.cjs"),M=require("../../utils/responsive.cjs"),a=require("./constants.cjs");function I(m){const{markerBackgroundColor:t,markerBorderColor:n,markerTextColor:o,markerVariant:s,markerSize:C=a.TIMELINE_SIZE_DEFAULT,...u}=m||{},e=r.useClassNamePrefix("Timeline"),k=`${e}Content`,d=`${e}Heading`,l=`${e}Marker`,p=`${e}Step`,c=s===a.TIMELINE_MARKER.DOT||s===a.TIMELINE_MARKER.NUMBER,P=r.useClassNamePrefix(`bg-${t}`),x=r.useClassNamePrefix(`border-${n}`),N=r.useClassNamePrefix(`text-${o}`),T=t?P:"",g=n?x:"",E=o?N:"",f=i(l,{[`${l}--${s}`]:!!s,[T]:c,[g]:c,[E]:!!o}),B=M.generateResponsiveClassNames(e,C),$=i(e,...B);return{classProps:{content:k,heading:d,marker:f,root:$,step:p},props:u}}exports.useTimelineStyleProps=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("classnames"),r=require("../../hooks/useClassNamePrefix.cjs"),f=require("../../utils/responsive.cjs"),a=require("./constants.cjs");function B(m){const{markerBackgroundColor:t,markerBorderColor:n,markerTextColor:o,markerVariant:s,markerSize:C=a.TIMELINE_SIZE_DEFAULT,...u}=m||{},e=r.useClassNamePrefix("Timeline"),k=`${e}Content`,d=`${e}Heading`,l=`${e}Marker`,p=`${e}Step`,i=s===a.TIMELINE_MARKER.DOT||s===a.TIMELINE_MARKER.NUMBER,P=r.useClassNamePrefix(`bg-${t}`),x=r.useClassNamePrefix(`border-${n}`),T=r.useClassNamePrefix(`text-${o}`),g=t?P:"",E=n?x:"",N=o?T:"";return{classProps:{content:k,heading:d,marker:c(l,{[`${l}--${s}`]:!!s,[g]:i,[E]:i,[N]:!!o}),root:c(e,f.generateResponsiveClassNames(e,C)),step:p},props:u}}exports.useTimelineStyleProps=B;
 //# sourceMappingURL=useTimelineStyleProps.cjs.map

package/dist/components/Timeline/useTimelineStyleProps.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTimelineStyleProps.cjs","sources":["../../../src/components/Timeline/useTimelineStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { ~~type ElementType } from 'react';\nimport {~~ useClassNamePrefix } from '../../hooks';\nimport type { SingleOrResponsive, SizesDictionaryType, ~~SpiritTimelineProps,~~ TimelineMarkerProps } from '../../types';\nimport { generateResponsiveClassNames } from '../../utils';\nimport { TIMELINE_MARKER, TIMELINE_SIZE_DEFAULT } from './constants';\n\nexport interface UseTimelineStyleProps {\n markerVariant?: TimelineMarkerProps['variant'];\n markerBackgroundColor?: TimelineMarkerProps['backgroundColor'];\n markerBorderColor?: TimelineMarkerProps['borderColor'];\n markerTextColor?: TimelineMarkerProps['textColor'];\n markerSize?: SingleOrResponsive<SizesDictionaryType>;\n}\n\nexport interface TimelineStyles<T> {\n /** className props /\n classProps: {\n content: string;\n heading: string;\n marker: string;\n root: string;\n step: string;\n };\n /* props to be passed to the element */\n props: T;\n}\n\nexport function useTimelineStyleProps(props?: UseTimelineStyleProps): ~~TimelineStyles<SpiritTimelineProps<ElementType>>~~ {\n const {\n markerBackgroundColor,\n markerBorderColor,\n markerTextColor,\n markerVariant,\n markerSize = TIMELINE_SIZE_DEFAULT,\n ...restProps\n } = props \|\| {};\n const timelineClass = useClassNamePrefix('Timeline');\n const contentClass = `${timelineClass}Content`;\n const headingClass = `${timelineClass}Heading`;\n const markerClass = `${timelineClass}Marker`;\n const stepClass = `${timelineClass}Step`;\n const shouldApplyBackgroundAndBorderColors =\n markerVariant === TIMELINE_MARKER.DOT \|\| markerVariant === TIMELINE_MARKER.NUMBER;\n const markerBackgroundPrefix = useClassNamePrefix(`bg-${markerBackgroundColor}`);\n const markerBorderClassPrefix = useClassNamePrefix(`border-${markerBorderColor}`);\n const markerTextColorClassPrefix = useClassNamePrefix(`text-${markerTextColor}`);\n const markerBackgroundClass = markerBackgroundColor ? markerBackgroundPrefix : '';\n const markerBorderClass = markerBorderColor ? markerBorderClassPrefix : '';\n const markerTextColorClass = markerTextColor ? markerTextColorClassPrefix : '';\n\n ~~const~~ ~~markerClasses~~ = classNames(markerClass, {\n [`${markerClass}--${markerVariant}`]: !!markerVariant,\n [markerBackgroundClass]: shouldApplyBackgroundAndBorderColors,\n [markerBorderClass]: shouldApplyBackgroundAndBorderColors,\n [markerTextColorClass]: !!markerTextColor,\n });\n~~\n const~~ ~~sizeClassNames = generateResponsiveClassNames~~(timelineClass, ~~markerSize);\n const rootClasses = classNames~~(timelineClass, ~~...sizeClassNames~~)~~;\n\n return {\n classProps: {\n content: contentClass~~,\n ~~heading: headingClass,\n marker: markerClasses,\n root: rootClasses,\n~~ step: stepClass,\n },\n props: restProps,\n };\n}\n"],"names":["useTimelineStyleProps","props","markerBackgroundColor","markerBorderColor","markerTextColor","markerVariant","markerSize","TIMELINE_SIZE_DEFAULT","restProps","timelineClass","useClassNamePrefix","contentClass","headingClass","markerClass","stepClass","shouldApplyBackgroundAndBorderColors","TIMELINE_MARKER","markerBackgroundPrefix","markerBorderClassPrefix","markerTextColorClassPrefix","markerBackgroundClass","markerBorderClass","markerTextColorClass","~~markerClasses","~~classNames","~~sizeClassNames","~~generateResponsiveClassNames"~~,"rootClasses"~~],"mappings":"~~mOA4BO~~,SAASA,EAAsBC,~~EAAiF~~,~~CACrH~~,KAAM,CACJ,sBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,WAAAC,EAAaC,EAAAA,sBACb,GAAGC,CAAA,EACDP,GAAS,CAAA,EACPQ,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAe,GAAGF,CAAa,UAC/BG,EAAe,GAAGH,CAAa,UAC/BI,EAAc,GAAGJ,CAAa,SAC9BK,EAAY,GAAGL,CAAa,OAC5BM,EACJV,IAAkBW,EAAAA,gBAAgB,KAAOX,IAAkBW,EAAAA,gBAAgB,OACvEC,EAAyBP,EAAAA,mBAAmB,MAAMR,CAAqB,EAAE,EACzEgB,EAA0BR,EAAAA,mBAAmB,UAAUP,CAAiB,EAAE,EAC1EgB,EAA6BT,EAAAA,mBAAmB,QAAQN,CAAe,EAAE,EACzEgB,EAAwBlB,EAAwBe,EAAyB,GACzEI,EAAoBlB,EAAoBe,EAA0B,GAClEI,EAAuBlB,EAAkBe,EAA6B,~~GAEtEI~~,~~EAAgBC~~,~~EAAWX~~,EAAa,~~CAC5C~~,CAAC,GAAGA,CAAW,KAAKR,CAAa,EAAE,EAAG,CAAC,CAACA,EACxC,CAACe,CAAqB,EAAGL,EACzB,CAACM,CAAiB,EAAGN,EACrB,CAACO,CAAoB,EAAG,CAAC,CAAClB,CAAA,CAC3B,~~EAEKqB~~,~~EAAiBC~~,EAAAA,~~6BAA6BjB~~,EAAeH,CAAU,~~EACvEqB~~,~~EAAcH~~,~~EAAWf~~,~~EAAe,GAAGgB,CAAc,EAE/D,MAAO,CACL,WAAY,CACV,QAASd,EACT,QAASC,EACT,OAAQW,EACR,KAAMI,EACN,KAAMb,~~CAAA,EAER,MAAON,CAAA,CAEX"}
1	+ {"version":3,"file":"useTimelineStyleProps.cjs","sources":["../../../src/components/Timeline/useTimelineStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport type { SingleOrResponsive, SizesDictionaryType, TimelineMarkerProps } from '../../types';\nimport { generateResponsiveClassNames } from '../../utils';\nimport { TIMELINE_MARKER, TIMELINE_SIZE_DEFAULT } from './constants';\n\nexport interface UseTimelineStyleProps {\n markerVariant?: TimelineMarkerProps['variant'];\n markerBackgroundColor?: TimelineMarkerProps['backgroundColor'];\n markerBorderColor?: TimelineMarkerProps['borderColor'];\n markerTextColor?: TimelineMarkerProps['textColor'];\n markerSize?: SingleOrResponsive<SizesDictionaryType>;\n}\n\nexport function useTimelineStyleProps(props?: UseTimelineStyleProps) {\n const {\n markerBackgroundColor,\n markerBorderColor,\n markerTextColor,\n markerVariant,\n markerSize = TIMELINE_SIZE_DEFAULT,\n ...restProps\n } = props \|\| {};\n const timelineClass = useClassNamePrefix('Timeline');\n const contentClass = `${timelineClass}Content`;\n const headingClass = `${timelineClass}Heading`;\n const markerClass = `${timelineClass}Marker`;\n const stepClass = `${timelineClass}Step`;\n const shouldApplyBackgroundAndBorderColors =\n markerVariant === TIMELINE_MARKER.DOT \|\| markerVariant === TIMELINE_MARKER.NUMBER;\n const markerBackgroundPrefix = useClassNamePrefix(`bg-${markerBackgroundColor}`);\n const markerBorderClassPrefix = useClassNamePrefix(`border-${markerBorderColor}`);\n const markerTextColorClassPrefix = useClassNamePrefix(`text-${markerTextColor}`);\n const markerBackgroundClass = markerBackgroundColor ? markerBackgroundPrefix : '';\n const markerBorderClass = markerBorderColor ? markerBorderClassPrefix : '';\n const markerTextColorClass = markerTextColor ? markerTextColorClassPrefix : '';\n\n return {\n classProps: {\n content: contentClass,\n heading: headingClass,\n marker: classNames(markerClass, {\n [`${markerClass}--${markerVariant}`]: !!markerVariant,\n [markerBackgroundClass]: shouldApplyBackgroundAndBorderColors,\n [markerBorderClass]: shouldApplyBackgroundAndBorderColors,\n [markerTextColorClass]: !!markerTextColor,\n }),\n root: classNames(timelineClass, generateResponsiveClassNames(timelineClass, markerSize)),\n step: stepClass,\n },\n props: restProps,\n };\n}\n"],"names":["useTimelineStyleProps","props","markerBackgroundColor","markerBorderColor","markerTextColor","markerVariant","markerSize","TIMELINE_SIZE_DEFAULT","restProps","timelineClass","useClassNamePrefix","contentClass","headingClass","markerClass","stepClass","shouldApplyBackgroundAndBorderColors","TIMELINE_MARKER","markerBackgroundPrefix","markerBorderClassPrefix","markerTextColorClassPrefix","markerBackgroundClass","markerBorderClass","markerTextColorClass","classNames","generateResponsiveClassNames"],"mappings":"mOAcO,SAASA,EAAsBC,EAA+B,CACnE,KAAM,CACJ,sBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,WAAAC,EAAaC,EAAAA,sBACb,GAAGC,CAAA,EACDP,GAAS,CAAA,EACPQ,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAe,GAAGF,CAAa,UAC/BG,EAAe,GAAGH,CAAa,UAC/BI,EAAc,GAAGJ,CAAa,SAC9BK,EAAY,GAAGL,CAAa,OAC5BM,EACJV,IAAkBW,EAAAA,gBAAgB,KAAOX,IAAkBW,EAAAA,gBAAgB,OACvEC,EAAyBP,EAAAA,mBAAmB,MAAMR,CAAqB,EAAE,EACzEgB,EAA0BR,EAAAA,mBAAmB,UAAUP,CAAiB,EAAE,EAC1EgB,EAA6BT,EAAAA,mBAAmB,QAAQN,CAAe,EAAE,EACzEgB,EAAwBlB,EAAwBe,EAAyB,GACzEI,EAAoBlB,EAAoBe,EAA0B,GAClEI,EAAuBlB,EAAkBe,EAA6B,GAE5E,MAAO,CACL,WAAY,CACV,QAASR,EACT,QAASC,EACT,OAAQW,EAAWV,EAAa,CAC9B,CAAC,GAAGA,CAAW,KAAKR,CAAa,EAAE,EAAG,CAAC,CAACA,EACxC,CAACe,CAAqB,EAAGL,EACzB,CAACM,CAAiB,EAAGN,EACrB,CAACO,CAAoB,EAAG,CAAC,CAAClB,CAAA,CAC3B,EACD,KAAMmB,EAAWd,EAAee,EAAAA,6BAA6Bf,EAAeH,CAAU,CAAC,EACvF,KAAMQ,CAAA,EAER,MAAON,CAAA,CAEX"}

package/dist/components/Timeline/useTimelineStyleProps.js CHANGED Viewed

@@ -1,33 +1,33 @@
-import m from "classnames";
-import { useClassNamePrefix as e } from "../../hooks/useClassNamePrefix.js";
-import { generateResponsiveClassNames as I } from "../../utils/responsive.js";
-import { TIMELINE_SIZE_DEFAULT as M, TIMELINE_MARKER as c } from "./constants.js";
-function L(i) {
+import l from "classnames";
+import { useClassNamePrefix as s } from "../../hooks/useClassNamePrefix.js";
+import { generateResponsiveClassNames as E } from "../../utils/responsive.js";
+import { TIMELINE_SIZE_DEFAULT as P, TIMELINE_MARKER as c } from "./constants.js";
+function R(i) {
   const {
-    markerBackgroundColor: a,
-    markerBorderColor: t,
+    markerBackgroundColor: t,
+    markerBorderColor: a,
     markerTextColor: o,
-    markerVariant: s,
-    markerSize: C = M,
+    markerVariant: e,
+    markerSize: C = P,
     ...k
-  } = i || {}, r = e("Timeline"), p = `${r}Content`, d = `${r}Heading`, n = `${r}Marker`, u = `${r}Step`, l = s === c.DOT || s === c.NUMBER, f = e(`bg-${a}`), g = e(`border-${t}`), x = e(`text-${o}`), B = a ? f : "", T = t ? g : "", $ = o ? x : "", E = m(n, {
-    [`${n}--${s}`]: !!s,
-    [B]: l,
-    [T]: l,
-    [$]: !!o
-  }), N = I(r, C), P = m(r, ...N);
+  } = i || {}, r = s("Timeline"), p = `${r}Content`, d = `${r}Heading`, n = `${r}Marker`, u = `${r}Step`, m = e === c.DOT || e === c.NUMBER, f = s(`bg-${t}`), g = s(`border-${a}`), x = s(`text-${o}`), B = t ? f : "", T = a ? g : "", $ = o ? x : "";
   return {
     classProps: {
       content: p,
       heading: d,
-      marker: E,
-      root: P,
+      marker: l(n, {
+        [`${n}--${e}`]: !!e,
+        [B]: m,
+        [T]: m,
+        [$]: !!o
+      }),
+      root: l(r, E(r, C)),
       step: u
     },
     props: k
   };
 }
 export {
-  L as useTimelineStyleProps
+  R as useTimelineStyleProps
 };
 //# sourceMappingURL=useTimelineStyleProps.js.map

package/dist/components/Timeline/useTimelineStyleProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTimelineStyleProps.js","sources":["../../../src/components/Timeline/useTimelineStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { ~~type ElementType } from 'react';\nimport {~~ useClassNamePrefix } from '../../hooks';\nimport type { SingleOrResponsive, SizesDictionaryType, ~~SpiritTimelineProps,~~ TimelineMarkerProps } from '../../types';\nimport { generateResponsiveClassNames } from '../../utils';\nimport { TIMELINE_MARKER, TIMELINE_SIZE_DEFAULT } from './constants';\n\nexport interface UseTimelineStyleProps {\n markerVariant?: TimelineMarkerProps['variant'];\n markerBackgroundColor?: TimelineMarkerProps['backgroundColor'];\n markerBorderColor?: TimelineMarkerProps['borderColor'];\n markerTextColor?: TimelineMarkerProps['textColor'];\n markerSize?: SingleOrResponsive<SizesDictionaryType>;\n}\n\nexport interface TimelineStyles<T> {\n /** className props /\n classProps: {\n content: string;\n heading: string;\n marker: string;\n root: string;\n step: string;\n };\n /* props to be passed to the element */\n props: T;\n}\n\nexport function useTimelineStyleProps(props?: UseTimelineStyleProps): ~~TimelineStyles<SpiritTimelineProps<ElementType>>~~ {\n const {\n markerBackgroundColor,\n markerBorderColor,\n markerTextColor,\n markerVariant,\n markerSize = TIMELINE_SIZE_DEFAULT,\n ...restProps\n } = props \|\| {};\n const timelineClass = useClassNamePrefix('Timeline');\n const contentClass = `${timelineClass}Content`;\n const headingClass = `${timelineClass}Heading`;\n const markerClass = `${timelineClass}Marker`;\n const stepClass = `${timelineClass}Step`;\n const shouldApplyBackgroundAndBorderColors =\n markerVariant === TIMELINE_MARKER.DOT \|\| markerVariant === TIMELINE_MARKER.NUMBER;\n const markerBackgroundPrefix = useClassNamePrefix(`bg-${markerBackgroundColor}`);\n const markerBorderClassPrefix = useClassNamePrefix(`border-${markerBorderColor}`);\n const markerTextColorClassPrefix = useClassNamePrefix(`text-${markerTextColor}`);\n const markerBackgroundClass = markerBackgroundColor ? markerBackgroundPrefix : '';\n const markerBorderClass = markerBorderColor ? markerBorderClassPrefix : '';\n const markerTextColorClass = markerTextColor ? markerTextColorClassPrefix : '';\n\n ~~const~~ ~~markerClasses~~ = classNames(markerClass, {\n [`${markerClass}--${markerVariant}`]: !!markerVariant,\n [markerBackgroundClass]: shouldApplyBackgroundAndBorderColors,\n [markerBorderClass]: shouldApplyBackgroundAndBorderColors,\n [markerTextColorClass]: !!markerTextColor,\n });\n~~\n const~~ ~~sizeClassNames = generateResponsiveClassNames~~(timelineClass, ~~markerSize);\n const rootClasses = classNames~~(timelineClass, ~~...sizeClassNames~~)~~;\n\n return {\n classProps: {\n content: contentClass~~,\n ~~heading: headingClass,\n marker: markerClasses,\n root: rootClasses,\n~~ step: stepClass,\n },\n props: restProps,\n };\n}\n"],"names":["useTimelineStyleProps","props","markerBackgroundColor","markerBorderColor","markerTextColor","markerVariant","markerSize","TIMELINE_SIZE_DEFAULT","restProps","timelineClass","useClassNamePrefix","contentClass","headingClass","markerClass","stepClass","shouldApplyBackgroundAndBorderColors","TIMELINE_MARKER","markerBackgroundPrefix","markerBorderClassPrefix","markerTextColorClassPrefix","markerBackgroundClass","markerBorderClass","markerTextColorClass","~~markerClasses","~~classNames","~~sizeClassNames","~~generateResponsiveClassNames"~~,"rootClasses"~~],"mappings":";;;;~~AA4BO~~,SAASA,EAAsBC,~~GAAiF~~;~~AACrH~~,QAAM;AAAA,IACJ,uBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC,IAAaC;AAAA,IACb,GAAGC;AAAA,EAAA,IACDP,KAAS,CAAA,GACPQ,IAAgBC,EAAmB,UAAU,GAC7CC,IAAe,GAAGF,CAAa,WAC/BG,IAAe,GAAGH,CAAa,WAC/BI,IAAc,GAAGJ,CAAa,UAC9BK,IAAY,GAAGL,CAAa,QAC5BM,IACJV,MAAkBW,EAAgB,OAAOX,MAAkBW,EAAgB,QACvEC,IAAyBP,EAAmB,MAAMR,CAAqB,EAAE,GACzEgB,IAA0BR,EAAmB,UAAUP,CAAiB,EAAE,GAC1EgB,IAA6BT,EAAmB,QAAQN,CAAe,EAAE,GACzEgB,IAAwBlB,IAAwBe,IAAyB,IACzEI,IAAoBlB,IAAoBe,IAA0B,IAClEI,IAAuBlB,IAAkBe,IAA6B,~~IAEtEI~~,~~IAAgBC~~,~~EAAWX~~,GAAa;AAAA,~~IAC5C~~,CAAC,GAAGA,CAAW,KAAKR,CAAa,EAAE,GAAG,CAAC,CAACA;AAAA,~~IACxC~~,CAACe,CAAqB,GAAGL;AAAA,~~IACzB~~,CAACM,CAAiB,GAAGN;AAAA,~~IACrB~~,CAACO,CAAoB,GAAG,CAAC,CAAClB;AAAA,~~EAAA~~,CAC3B~~,GAEKqB,IAAiBC,EAA6BjB,GAAeH,CAAU,GACvEqB,IAAcH,EAAWf,GAAe,GAAGgB,CAAc~~;~~AAE/D,SAAO;~~AAAA,~~IACL~~,~~YAAY;AAAA~~,~~MACV~~,~~SAASd;AAAA~~,~~MACT~~,~~SAASC;AAAA~~,~~MACT~~,~~QAAQW~~;AAAA,~~MACR~~,~~MAAMI~~;AAAA,~~MACN,MAAMb;AAAA,~~IAAA;AAAA,IAER,OAAON;AAAA,EAAA;AAEX;"}
1	+ {"version":3,"file":"useTimelineStyleProps.js","sources":["../../../src/components/Timeline/useTimelineStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport type { SingleOrResponsive, SizesDictionaryType, TimelineMarkerProps } from '../../types';\nimport { generateResponsiveClassNames } from '../../utils';\nimport { TIMELINE_MARKER, TIMELINE_SIZE_DEFAULT } from './constants';\n\nexport interface UseTimelineStyleProps {\n markerVariant?: TimelineMarkerProps['variant'];\n markerBackgroundColor?: TimelineMarkerProps['backgroundColor'];\n markerBorderColor?: TimelineMarkerProps['borderColor'];\n markerTextColor?: TimelineMarkerProps['textColor'];\n markerSize?: SingleOrResponsive<SizesDictionaryType>;\n}\n\nexport function useTimelineStyleProps(props?: UseTimelineStyleProps) {\n const {\n markerBackgroundColor,\n markerBorderColor,\n markerTextColor,\n markerVariant,\n markerSize = TIMELINE_SIZE_DEFAULT,\n ...restProps\n } = props \|\| {};\n const timelineClass = useClassNamePrefix('Timeline');\n const contentClass = `${timelineClass}Content`;\n const headingClass = `${timelineClass}Heading`;\n const markerClass = `${timelineClass}Marker`;\n const stepClass = `${timelineClass}Step`;\n const shouldApplyBackgroundAndBorderColors =\n markerVariant === TIMELINE_MARKER.DOT \|\| markerVariant === TIMELINE_MARKER.NUMBER;\n const markerBackgroundPrefix = useClassNamePrefix(`bg-${markerBackgroundColor}`);\n const markerBorderClassPrefix = useClassNamePrefix(`border-${markerBorderColor}`);\n const markerTextColorClassPrefix = useClassNamePrefix(`text-${markerTextColor}`);\n const markerBackgroundClass = markerBackgroundColor ? markerBackgroundPrefix : '';\n const markerBorderClass = markerBorderColor ? markerBorderClassPrefix : '';\n const markerTextColorClass = markerTextColor ? markerTextColorClassPrefix : '';\n\n return {\n classProps: {\n content: contentClass,\n heading: headingClass,\n marker: classNames(markerClass, {\n [`${markerClass}--${markerVariant}`]: !!markerVariant,\n [markerBackgroundClass]: shouldApplyBackgroundAndBorderColors,\n [markerBorderClass]: shouldApplyBackgroundAndBorderColors,\n [markerTextColorClass]: !!markerTextColor,\n }),\n root: classNames(timelineClass, generateResponsiveClassNames(timelineClass, markerSize)),\n step: stepClass,\n },\n props: restProps,\n };\n}\n"],"names":["useTimelineStyleProps","props","markerBackgroundColor","markerBorderColor","markerTextColor","markerVariant","markerSize","TIMELINE_SIZE_DEFAULT","restProps","timelineClass","useClassNamePrefix","contentClass","headingClass","markerClass","stepClass","shouldApplyBackgroundAndBorderColors","TIMELINE_MARKER","markerBackgroundPrefix","markerBorderClassPrefix","markerTextColorClassPrefix","markerBackgroundClass","markerBorderClass","markerTextColorClass","classNames","generateResponsiveClassNames"],"mappings":";;;;AAcO,SAASA,EAAsBC,GAA+B;AACnE,QAAM;AAAA,IACJ,uBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC,IAAaC;AAAA,IACb,GAAGC;AAAA,EAAA,IACDP,KAAS,CAAA,GACPQ,IAAgBC,EAAmB,UAAU,GAC7CC,IAAe,GAAGF,CAAa,WAC/BG,IAAe,GAAGH,CAAa,WAC/BI,IAAc,GAAGJ,CAAa,UAC9BK,IAAY,GAAGL,CAAa,QAC5BM,IACJV,MAAkBW,EAAgB,OAAOX,MAAkBW,EAAgB,QACvEC,IAAyBP,EAAmB,MAAMR,CAAqB,EAAE,GACzEgB,IAA0BR,EAAmB,UAAUP,CAAiB,EAAE,GAC1EgB,IAA6BT,EAAmB,QAAQN,CAAe,EAAE,GACzEgB,IAAwBlB,IAAwBe,IAAyB,IACzEI,IAAoBlB,IAAoBe,IAA0B,IAClEI,IAAuBlB,IAAkBe,IAA6B;AAE5E,SAAO;AAAA,IACL,YAAY;AAAA,MACV,SAASR;AAAA,MACT,SAASC;AAAA,MACT,QAAQW,EAAWV,GAAa;AAAA,QAC9B,CAAC,GAAGA,CAAW,KAAKR,CAAa,EAAE,GAAG,CAAC,CAACA;AAAA,QACxC,CAACe,CAAqB,GAAGL;AAAA,QACzB,CAACM,CAAiB,GAAGN;AAAA,QACrB,CAACO,CAAoB,GAAG,CAAC,CAAClB;AAAA,MAAA,CAC3B;AAAA,MACD,MAAMmB,EAAWd,GAAee,EAA6Bf,GAAeH,CAAU,CAAC;AAAA,MACvF,MAAMQ;AAAA,IAAA;AAAA,IAER,OAAON;AAAA,EAAA;AAEX;"}

package/dist/components/Timeline.d.ts CHANGED Viewed

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

package/dist/components/Toast/ToastContext.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("react"),t={clear:()=>{},hide:()=>{},queue:[],setQueue:()=>{},show:()=>{}},o=e.createContext(t);exports.ToastContext=o;
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),a=require("react"),T=require("../../utils/delayedCallback.cjs"),i=require("./constants.cjs"),A={clear:()=>{},hide:()=>{},queue:[],setQueue:()=>{},show:()=>{}},b=a.createContext(A),k=(u,r)=>{const{type:t,payload:e}=r,{queue:s}=u;switch(t){case"show":return{queue:[...s,{autoCloseInterval:e.options?.autoCloseInterval||i.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,color:e.options?.color||void 0,enableAutoClose:e.options?.enableAutoClose||!0,hasIcon:e.options?.hasIcon||!1,iconName:e.options?.iconName,id:e.toastId,isDismissible:e.options?.isDismissible||!1,linkProps:e.options?.linkProps||{},isOpen:!0,content:{message:e.content.message,link:e.content.link||void 0}}]};case"hide":return{queue:s.filter(l=>l.id!==e.id)};case"clear":return{queue:[]};default:throw new Error}},v={queue:[]},I=({children:u})=>{const[r,t]=a.useReducer(k,v),{queue:e}=r,s=a.useCallback(c=>{t({type:"hide",payload:{id:c}})},[]),l=a.useCallback(()=>{t({type:"clear",payload:null})},[]),d=a.useCallback((c,o,n)=>{t({type:"show",payload:{content:c,toastId:o,options:n}}),n?.enableAutoClose&&T.delayedCallback(()=>s(o),n?.autoCloseInterval||i.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL)},[s]),p=a.useCallback(c=>{t({type:"clear",payload:null}),c.forEach(o=>{const n=o.enableAutoClose??!0,C=o.autoCloseInterval||i.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL;t({type:"show",payload:{content:{message:o.content.message,link:o.content.link??void 0},toastId:o.id,options:{autoCloseInterval:C,enableAutoClose:n,color:o.color,hasIcon:o.hasIcon||!1,iconName:o.iconName,isDismissible:o.isDismissible||!1,linkProps:o.linkProps||{}}}}),n&&T.delayedCallback(()=>s(o.id),C)})},[s]),h=a.useMemo(()=>({clear:l,hide:s,queue:e,setQueue:p,show:d}),[s,d,l,e.length,p]);return y.jsx(b.Provider,{value:h,children:u})};exports.ToastContext=b;exports.ToastProvider=I;
 //# sourceMappingURL=ToastContext.cjs.map

package/dist/components/Toast/ToastContext.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastContext.cjs","sources":["../../../src/components/Toast/ToastContext.tsx"],"sourcesContent":["'use client';\n\nimport React, { type FC, type ReactNode, createContext, useCallback, useMemo, useReducer } from 'react';\nimport { type ToastColorType, type ToastLinkProps } from '../../types';\nimport { delayedCallback } from '../../utils';\nimport { DEFAULT_TOAST_AUTO_CLOSE_INTERVAL } from './constants';\n\ntype ToastState = {\n queue: ToastItem[];\n};\n\nexport interface ToastItem {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon: boolean;\n iconName?: string;\n id: string;\n isDismissible: boolean;\n isOpen: boolean;\n linkProps: ToastLinkProps;\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n };\n}\n\nexport interface ToastContextType extends ToastState {\n clear: () => void;\n hide: (id: string) => void;\n setQueue: (newQueue: ToastItem[]) => void;\n show: (\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n },\n id: string,\n options?: {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon?: boolean;\n iconName?: string;\n isDismissible?: boolean;\n linkProps: ToastLinkProps;\n },\n ) => void;\n}\n\nconst defaultToastContext: ToastContextType = {\n clear: () => {},\n hide: () => {},\n queue: [],\n setQueue: () => {},\n show: () => {},\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const ToastContext = createContext<ToastContextType>(defaultToastContext);\n\ntype ActionType =\n \| {\n type: 'show';\n payload: {\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n };\n toastId: string;\n options?: {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon?: boolean;\n iconName?: string;\n isDismissible?: boolean;\n linkProps: ToastLinkProps;\n };\n };\n }\n \| { type: 'hide'; payload: { id: string } }\n \| { type: 'clear'; payload: null }\n \| { type: 'setQueue'; payload: { newQueue: ToastItem[] } };\n\nconst reducer = (state: ToastState, action: ActionType): ToastState => {\n const { type, payload } = action;\n const { queue: currentQueue } = state;\n\n switch (type) {\n case 'show': {\n const newQueue = [\n ...currentQueue,\n {\n autoCloseInterval: payload.options?.autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,\n color: payload.options?.color \|\| undefined,\n enableAutoClose: payload.options?.enableAutoClose \|\| true,\n hasIcon: payload.options?.hasIcon \|\| false,\n iconName: payload.options?.iconName,\n id: payload.toastId,\n isDismissible: payload.options?.isDismissible \|\| false,\n linkProps: payload.options?.linkProps \|\| {},\n isOpen: true,\n content: {\n message: payload.content.message,\n link: payload.content.link \|\| undefined,\n },\n },\n ];\n\n return { queue: newQueue };\n }\n\n case 'hide': {\n return { queue: currentQueue.filter((item) => item.id !== payload.id) };\n }\n\n case 'clear':\n return { queue: [] };\n\n default:\n throw new Error();\n }\n};\n\ninterface ToastProviderProps {\n children: ReactNode;\n}\n\nconst initialToastState: ToastState = {\n queue: [],\n};\n\nexport const ToastProvider: FC<ToastProviderProps> = ({ children }) => {\n const [state, dispatch] = useReducer(reducer, initialToastState);\n const { queue } = state;\n\n const hide = useCallback((id: string) => {\n dispatch({ type: 'hide', payload: { id } });\n }, []);\n\n const clear = useCallback(() => {\n dispatch({ type: 'clear', payload: null });\n }, []);\n\n const show = useCallback(\n (\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n },\n toastId: string,\n options?: {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon?: boolean;\n iconName?: string;\n isDismissible?: boolean;\n linkProps: ToastLinkProps;\n },\n ) => {\n dispatch({ type: 'show', payload: { content, toastId, options } });\n\n options?.enableAutoClose &&\n delayedCallback(() => hide(toastId), options?.autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);\n },\n [hide],\n );\n const setQueue = useCallback(\n (newQueue: ToastItem[]) => {\n dispatch({ type: 'clear', payload: null });\n\n newQueue.forEach((item) => {\n const enableAutoClose = item.enableAutoClose ?? true;\n const autoCloseInterval = item.autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL;\n\n dispatch({\n type: 'show',\n payload: {\n content: {\n message: item.content.message,\n link: item.content.link ?? undefined,\n },\n toastId: item.id,\n options: {\n autoCloseInterval,\n enableAutoClose,\n color: item.color,\n hasIcon: item.hasIcon \|\| false,\n iconName: item.iconName,\n isDismissible: item.isDismissible \|\| false,\n linkProps: item.linkProps \|\| {},\n },\n },\n });\n\n enableAutoClose && delayedCallback(() => hide(item.id), autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);\n });\n },\n [hide],\n );\n\n const contextValue = useMemo(\n () => ({\n clear,\n hide,\n queue,\n setQueue,\n show,\n }),\n // recreated the context value when the number of items changed\n // not when individual items were modified\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [hide, show, clear, queue.length, setQueue],\n );\n\n return <ToastContext.Provider value={contextValue}>{children}</ToastContext.Provider>;\n};\n"],"names":["defaultToastContext","ToastContext","createContext"],"mappings":"~~mJAiDMA~~,EAAwC,CAC5C,MAAO,IAAM,CAAC,EACd,KAAM,IAAM,CAAC,EACb,MAAO,CAAA,EACP,SAAU,IAAM,CAAC,EACjB,KAAM,IAAM,CAAC,CACf,EAGaC,EAAeC,EAAAA,cAAgCF,CAAmB"}
1	+ {"version":3,"file":"ToastContext.cjs","sources":["../../../src/components/Toast/ToastContext.tsx"],"sourcesContent":["'use client';\n\nimport React, { type FC, type ReactNode, createContext, useCallback, useMemo, useReducer } from 'react';\nimport { type ToastColorType, type ToastLinkProps } from '../../types';\nimport { delayedCallback } from '../../utils';\nimport { DEFAULT_TOAST_AUTO_CLOSE_INTERVAL } from './constants';\n\ntype ToastState = {\n queue: ToastItem[];\n};\n\nexport interface ToastItem {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon: boolean;\n iconName?: string;\n id: string;\n isDismissible: boolean;\n isOpen: boolean;\n linkProps: ToastLinkProps;\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n };\n}\n\nexport interface ToastContextType extends ToastState {\n clear: () => void;\n hide: (id: string) => void;\n setQueue: (newQueue: ToastItem[]) => void;\n show: (\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n },\n id: string,\n options?: {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon?: boolean;\n iconName?: string;\n isDismissible?: boolean;\n linkProps: ToastLinkProps;\n },\n ) => void;\n}\n\nconst defaultToastContext: ToastContextType = {\n clear: () => {},\n hide: () => {},\n queue: [],\n setQueue: () => {},\n show: () => {},\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const ToastContext = createContext<ToastContextType>(defaultToastContext);\n\ntype ActionType =\n \| {\n type: 'show';\n payload: {\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n };\n toastId: string;\n options?: {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon?: boolean;\n iconName?: string;\n isDismissible?: boolean;\n linkProps: ToastLinkProps;\n };\n };\n }\n \| { type: 'hide'; payload: { id: string } }\n \| { type: 'clear'; payload: null }\n \| { type: 'setQueue'; payload: { newQueue: ToastItem[] } };\n\nconst reducer = (state: ToastState, action: ActionType): ToastState => {\n const { type, payload } = action;\n const { queue: currentQueue } = state;\n\n switch (type) {\n case 'show': {\n const newQueue = [\n ...currentQueue,\n {\n autoCloseInterval: payload.options?.autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,\n color: payload.options?.color \|\| undefined,\n enableAutoClose: payload.options?.enableAutoClose \|\| true,\n hasIcon: payload.options?.hasIcon \|\| false,\n iconName: payload.options?.iconName,\n id: payload.toastId,\n isDismissible: payload.options?.isDismissible \|\| false,\n linkProps: payload.options?.linkProps \|\| {},\n isOpen: true,\n content: {\n message: payload.content.message,\n link: payload.content.link \|\| undefined,\n },\n },\n ];\n\n return { queue: newQueue };\n }\n\n case 'hide': {\n return { queue: currentQueue.filter((item) => item.id !== payload.id) };\n }\n\n case 'clear':\n return { queue: [] };\n\n default:\n throw new Error();\n }\n};\n\ninterface ToastProviderProps {\n children: ReactNode;\n}\n\nconst initialToastState: ToastState = {\n queue: [],\n};\n\nexport const ToastProvider: FC<ToastProviderProps> = ({ children }) => {\n const [state, dispatch] = useReducer(reducer, initialToastState);\n const { queue } = state;\n\n const hide = useCallback((id: string) => {\n dispatch({ type: 'hide', payload: { id } });\n }, []);\n\n const clear = useCallback(() => {\n dispatch({ type: 'clear', payload: null });\n }, []);\n\n const show = useCallback(\n (\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n },\n toastId: string,\n options?: {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon?: boolean;\n iconName?: string;\n isDismissible?: boolean;\n linkProps: ToastLinkProps;\n },\n ) => {\n dispatch({ type: 'show', payload: { content, toastId, options } });\n\n options?.enableAutoClose &&\n delayedCallback(() => hide(toastId), options?.autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);\n },\n [hide],\n );\n const setQueue = useCallback(\n (newQueue: ToastItem[]) => {\n dispatch({ type: 'clear', payload: null });\n\n newQueue.forEach((item) => {\n const enableAutoClose = item.enableAutoClose ?? true;\n const autoCloseInterval = item.autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL;\n\n dispatch({\n type: 'show',\n payload: {\n content: {\n message: item.content.message,\n link: item.content.link ?? undefined,\n },\n toastId: item.id,\n options: {\n autoCloseInterval,\n enableAutoClose,\n color: item.color,\n hasIcon: item.hasIcon \|\| false,\n iconName: item.iconName,\n isDismissible: item.isDismissible \|\| false,\n linkProps: item.linkProps \|\| {},\n },\n },\n });\n\n enableAutoClose && delayedCallback(() => hide(item.id), autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);\n });\n },\n [hide],\n );\n\n const contextValue = useMemo(\n () => ({\n clear,\n hide,\n queue,\n setQueue,\n show,\n }),\n // recreated the context value when the number of items changed\n // not when individual items were modified\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [hide, show, clear, queue.length, setQueue],\n );\n\n return <ToastContext.Provider value={contextValue}>{children}</ToastContext.Provider>;\n};\n"],"names":["defaultToastContext","ToastContext","createContext","reducer","state","action","type","payload","currentQueue","DEFAULT_TOAST_AUTO_CLOSE_INTERVAL","item","initialToastState","ToastProvider","children","dispatch","useReducer","queue","hide","useCallback","id","clear","show","content","toastId","options","delayedCallback","setQueue","newQueue","enableAutoClose","autoCloseInterval","contextValue","useMemo"],"mappings":"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"}

package/dist/components/Toast/ToastContext.js CHANGED Viewed

@@ -1,7 +1,9 @@
 "use client";
-import "react/jsx-runtime";
-import { createContext as t } from "react";
-const e = {
+import { jsx as f } from "react/jsx-runtime";
+import { createContext as b, useReducer as m, useCallback as c, useMemo as v } from "react";
+import { delayedCallback as C } from "../../utils/delayedCallback.js";
+import { DEFAULT_TOAST_AUTO_CLOSE_INTERVAL as i } from "./constants.js";
+const I = {
   clear: () => {
   },
   hide: () => {
@@ -11,8 +13,90 @@ const e = {
   },
   show: () => {
   }
-}, r = t(e);
+}, k = b(I), w = (r, u) => {
+  const { type: t, payload: e } = u, { queue: s } = r;
+  switch (t) {
+    case "show":
+      return { queue: [
+        ...s,
+        {
+          autoCloseInterval: e.options?.autoCloseInterval || i,
+          color: e.options?.color || void 0,
+          enableAutoClose: e.options?.enableAutoClose || !0,
+          hasIcon: e.options?.hasIcon || !1,
+          iconName: e.options?.iconName,
+          id: e.toastId,
+          isDismissible: e.options?.isDismissible || !1,
+          linkProps: e.options?.linkProps || {},
+          isOpen: !0,
+          content: {
+            message: e.content.message,
+            link: e.content.link || void 0
+          }
+        }
+      ] };
+    case "hide":
+      return { queue: s.filter((a) => a.id !== e.id) };
+    case "clear":
+      return { queue: [] };
+    default:
+      throw new Error();
+  }
+}, A = {
+  queue: []
+}, g = ({ children: r }) => {
+  const [u, t] = m(w, A), { queue: e } = u, s = c((l) => {
+    t({ type: "hide", payload: { id: l } });
+  }, []), a = c(() => {
+    t({ type: "clear", payload: null });
+  }, []), p = c(
+    (l, o, n) => {
+      t({ type: "show", payload: { content: l, toastId: o, options: n } }), n?.enableAutoClose && C(() => s(o), n?.autoCloseInterval || i);
+    },
+    [s]
+  ), d = c(
+    (l) => {
+      t({ type: "clear", payload: null }), l.forEach((o) => {
+        const n = o.enableAutoClose ?? !0, h = o.autoCloseInterval || i;
+        t({
+          type: "show",
+          payload: {
+            content: {
+              message: o.content.message,
+              link: o.content.link ?? void 0
+            },
+            toastId: o.id,
+            options: {
+              autoCloseInterval: h,
+              enableAutoClose: n,
+              color: o.color,
+              hasIcon: o.hasIcon || !1,
+              iconName: o.iconName,
+              isDismissible: o.isDismissible || !1,
+              linkProps: o.linkProps || {}
+            }
+          }
+        }), n && C(() => s(o.id), h);
+      });
+    },
+    [s]
+  ), y = v(
+    () => ({
+      clear: a,
+      hide: s,
+      queue: e,
+      setQueue: d,
+      show: p
+    }),
+    // recreated the context value when the number of items changed
+    // not when individual items were modified
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [s, p, a, e.length, d]
+  );
+  return /* @__PURE__ */ f(k.Provider, { value: y, children: r });
+};
 export {
-  r as ToastContext
+  k as ToastContext,
+  g as ToastProvider
 };
 //# sourceMappingURL=ToastContext.js.map

package/dist/components/Toast/ToastContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastContext.js","sources":["../../../src/components/Toast/ToastContext.tsx"],"sourcesContent":["'use client';\n\nimport React, { type FC, type ReactNode, createContext, useCallback, useMemo, useReducer } from 'react';\nimport { type ToastColorType, type ToastLinkProps } from '../../types';\nimport { delayedCallback } from '../../utils';\nimport { DEFAULT_TOAST_AUTO_CLOSE_INTERVAL } from './constants';\n\ntype ToastState = {\n queue: ToastItem[];\n};\n\nexport interface ToastItem {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon: boolean;\n iconName?: string;\n id: string;\n isDismissible: boolean;\n isOpen: boolean;\n linkProps: ToastLinkProps;\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n };\n}\n\nexport interface ToastContextType extends ToastState {\n clear: () => void;\n hide: (id: string) => void;\n setQueue: (newQueue: ToastItem[]) => void;\n show: (\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n },\n id: string,\n options?: {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon?: boolean;\n iconName?: string;\n isDismissible?: boolean;\n linkProps: ToastLinkProps;\n },\n ) => void;\n}\n\nconst defaultToastContext: ToastContextType = {\n clear: () => {},\n hide: () => {},\n queue: [],\n setQueue: () => {},\n show: () => {},\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const ToastContext = createContext<ToastContextType>(defaultToastContext);\n\ntype ActionType =\n \| {\n type: 'show';\n payload: {\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n };\n toastId: string;\n options?: {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon?: boolean;\n iconName?: string;\n isDismissible?: boolean;\n linkProps: ToastLinkProps;\n };\n };\n }\n \| { type: 'hide'; payload: { id: string } }\n \| { type: 'clear'; payload: null }\n \| { type: 'setQueue'; payload: { newQueue: ToastItem[] } };\n\nconst reducer = (state: ToastState, action: ActionType): ToastState => {\n const { type, payload } = action;\n const { queue: currentQueue } = state;\n\n switch (type) {\n case 'show': {\n const newQueue = [\n ...currentQueue,\n {\n autoCloseInterval: payload.options?.autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,\n color: payload.options?.color \|\| undefined,\n enableAutoClose: payload.options?.enableAutoClose \|\| true,\n hasIcon: payload.options?.hasIcon \|\| false,\n iconName: payload.options?.iconName,\n id: payload.toastId,\n isDismissible: payload.options?.isDismissible \|\| false,\n linkProps: payload.options?.linkProps \|\| {},\n isOpen: true,\n content: {\n message: payload.content.message,\n link: payload.content.link \|\| undefined,\n },\n },\n ];\n\n return { queue: newQueue };\n }\n\n case 'hide': {\n return { queue: currentQueue.filter((item) => item.id !== payload.id) };\n }\n\n case 'clear':\n return { queue: [] };\n\n default:\n throw new Error();\n }\n};\n\ninterface ToastProviderProps {\n children: ReactNode;\n}\n\nconst initialToastState: ToastState = {\n queue: [],\n};\n\nexport const ToastProvider: FC<ToastProviderProps> = ({ children }) => {\n const [state, dispatch] = useReducer(reducer, initialToastState);\n const { queue } = state;\n\n const hide = useCallback((id: string) => {\n dispatch({ type: 'hide', payload: { id } });\n }, []);\n\n const clear = useCallback(() => {\n dispatch({ type: 'clear', payload: null });\n }, []);\n\n const show = useCallback(\n (\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n },\n toastId: string,\n options?: {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon?: boolean;\n iconName?: string;\n isDismissible?: boolean;\n linkProps: ToastLinkProps;\n },\n ) => {\n dispatch({ type: 'show', payload: { content, toastId, options } });\n\n options?.enableAutoClose &&\n delayedCallback(() => hide(toastId), options?.autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);\n },\n [hide],\n );\n const setQueue = useCallback(\n (newQueue: ToastItem[]) => {\n dispatch({ type: 'clear', payload: null });\n\n newQueue.forEach((item) => {\n const enableAutoClose = item.enableAutoClose ?? true;\n const autoCloseInterval = item.autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL;\n\n dispatch({\n type: 'show',\n payload: {\n content: {\n message: item.content.message,\n link: item.content.link ?? undefined,\n },\n toastId: item.id,\n options: {\n autoCloseInterval,\n enableAutoClose,\n color: item.color,\n hasIcon: item.hasIcon \|\| false,\n iconName: item.iconName,\n isDismissible: item.isDismissible \|\| false,\n linkProps: item.linkProps \|\| {},\n },\n },\n });\n\n enableAutoClose && delayedCallback(() => hide(item.id), autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);\n });\n },\n [hide],\n );\n\n const contextValue = useMemo(\n () => ({\n clear,\n hide,\n queue,\n setQueue,\n show,\n }),\n // recreated the context value when the number of items changed\n // not when individual items were modified\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [hide, show, clear, queue.length, setQueue],\n );\n\n return <ToastContext.Provider value={contextValue}>{children}</ToastContext.Provider>;\n};\n"],"names":["defaultToastContext","ToastContext","createContext"],"mappings":"~~;;;~~AAiDA,MAAMA,IAAwC;AAAA,EAC5C,OAAO,MAAM;AAAA,EAAC;AAAA,EACd,MAAM,MAAM;AAAA,EAAC;AAAA,EACb,OAAO,CAAA;AAAA,EACP,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,MAAM,MAAM;AAAA,EAAC;AACf,GAGaC,IAAeC,EAAgCF,CAAmB;"}
1	+ {"version":3,"file":"ToastContext.js","sources":["../../../src/components/Toast/ToastContext.tsx"],"sourcesContent":["'use client';\n\nimport React, { type FC, type ReactNode, createContext, useCallback, useMemo, useReducer } from 'react';\nimport { type ToastColorType, type ToastLinkProps } from '../../types';\nimport { delayedCallback } from '../../utils';\nimport { DEFAULT_TOAST_AUTO_CLOSE_INTERVAL } from './constants';\n\ntype ToastState = {\n queue: ToastItem[];\n};\n\nexport interface ToastItem {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon: boolean;\n iconName?: string;\n id: string;\n isDismissible: boolean;\n isOpen: boolean;\n linkProps: ToastLinkProps;\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n };\n}\n\nexport interface ToastContextType extends ToastState {\n clear: () => void;\n hide: (id: string) => void;\n setQueue: (newQueue: ToastItem[]) => void;\n show: (\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n },\n id: string,\n options?: {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon?: boolean;\n iconName?: string;\n isDismissible?: boolean;\n linkProps: ToastLinkProps;\n },\n ) => void;\n}\n\nconst defaultToastContext: ToastContextType = {\n clear: () => {},\n hide: () => {},\n queue: [],\n setQueue: () => {},\n show: () => {},\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const ToastContext = createContext<ToastContextType>(defaultToastContext);\n\ntype ActionType =\n \| {\n type: 'show';\n payload: {\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n };\n toastId: string;\n options?: {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon?: boolean;\n iconName?: string;\n isDismissible?: boolean;\n linkProps: ToastLinkProps;\n };\n };\n }\n \| { type: 'hide'; payload: { id: string } }\n \| { type: 'clear'; payload: null }\n \| { type: 'setQueue'; payload: { newQueue: ToastItem[] } };\n\nconst reducer = (state: ToastState, action: ActionType): ToastState => {\n const { type, payload } = action;\n const { queue: currentQueue } = state;\n\n switch (type) {\n case 'show': {\n const newQueue = [\n ...currentQueue,\n {\n autoCloseInterval: payload.options?.autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,\n color: payload.options?.color \|\| undefined,\n enableAutoClose: payload.options?.enableAutoClose \|\| true,\n hasIcon: payload.options?.hasIcon \|\| false,\n iconName: payload.options?.iconName,\n id: payload.toastId,\n isDismissible: payload.options?.isDismissible \|\| false,\n linkProps: payload.options?.linkProps \|\| {},\n isOpen: true,\n content: {\n message: payload.content.message,\n link: payload.content.link \|\| undefined,\n },\n },\n ];\n\n return { queue: newQueue };\n }\n\n case 'hide': {\n return { queue: currentQueue.filter((item) => item.id !== payload.id) };\n }\n\n case 'clear':\n return { queue: [] };\n\n default:\n throw new Error();\n }\n};\n\ninterface ToastProviderProps {\n children: ReactNode;\n}\n\nconst initialToastState: ToastState = {\n queue: [],\n};\n\nexport const ToastProvider: FC<ToastProviderProps> = ({ children }) => {\n const [state, dispatch] = useReducer(reducer, initialToastState);\n const { queue } = state;\n\n const hide = useCallback((id: string) => {\n dispatch({ type: 'hide', payload: { id } });\n }, []);\n\n const clear = useCallback(() => {\n dispatch({ type: 'clear', payload: null });\n }, []);\n\n const show = useCallback(\n (\n content: {\n message: JSX.Element \| string;\n link?: JSX.Element \| string;\n },\n toastId: string,\n options?: {\n autoCloseInterval?: number;\n color?: ToastColorType;\n enableAutoClose?: boolean;\n hasIcon?: boolean;\n iconName?: string;\n isDismissible?: boolean;\n linkProps: ToastLinkProps;\n },\n ) => {\n dispatch({ type: 'show', payload: { content, toastId, options } });\n\n options?.enableAutoClose &&\n delayedCallback(() => hide(toastId), options?.autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);\n },\n [hide],\n );\n const setQueue = useCallback(\n (newQueue: ToastItem[]) => {\n dispatch({ type: 'clear', payload: null });\n\n newQueue.forEach((item) => {\n const enableAutoClose = item.enableAutoClose ?? true;\n const autoCloseInterval = item.autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL;\n\n dispatch({\n type: 'show',\n payload: {\n content: {\n message: item.content.message,\n link: item.content.link ?? undefined,\n },\n toastId: item.id,\n options: {\n autoCloseInterval,\n enableAutoClose,\n color: item.color,\n hasIcon: item.hasIcon \|\| false,\n iconName: item.iconName,\n isDismissible: item.isDismissible \|\| false,\n linkProps: item.linkProps \|\| {},\n },\n },\n });\n\n enableAutoClose && delayedCallback(() => hide(item.id), autoCloseInterval \|\| DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);\n });\n },\n [hide],\n );\n\n const contextValue = useMemo(\n () => ({\n clear,\n hide,\n queue,\n setQueue,\n show,\n }),\n // recreated the context value when the number of items changed\n // not when individual items were modified\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [hide, show, clear, queue.length, setQueue],\n );\n\n return <ToastContext.Provider value={contextValue}>{children}</ToastContext.Provider>;\n};\n"],"names":["defaultToastContext","ToastContext","createContext","reducer","state","action","type","payload","currentQueue","DEFAULT_TOAST_AUTO_CLOSE_INTERVAL","item","initialToastState","ToastProvider","children","dispatch","useReducer","queue","hide","useCallback","id","clear","show","content","toastId","options","delayedCallback","setQueue","newQueue","enableAutoClose","autoCloseInterval","contextValue","useMemo"],"mappings":"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"}

package/dist/components/Toast/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Toast.cjs"),e=require("./ToastBar.cjs"),s=require("./ToastBarMessage.cjs"),o=require("./ToastBarLink.cjs"),a=require("./UncontrolledToast.cjs"),T=require("./constants.cjs"),r=require("./useToast.cjs");exports.Toast=t.default;exports.ToastBar=e.default;exports.ToastBarMessage=s.default;exports.ToastBarLink=o.default;exports.UncontrolledToast=a.default;exports.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL=T.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL;exports.DEFAULT_TOAST_COLOR=T.DEFAULT_TOAST_COLOR;exports.ICON_BOX_SIZE=T.ICON_BOX_SIZE;exports.TRANSITIONING_STYLES=T.TRANSITIONING_STYLES;exports.TRANSITION_DURATION=T.TRANSITION_DURATION;exports.ToastColorsExtended=T.ToastColorsExtended;exports.useToast=r.useToast;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Toast.cjs"),o=require("./ToastBar.cjs"),s=require("./ToastBarMessage.cjs"),a=require("./ToastBarLink.cjs"),r=require("./UncontrolledToast.cjs"),t=require("./constants.cjs"),T=require("./ToastContext.cjs"),n=require("./useToast.cjs");exports.Toast=e.default;exports.ToastBar=o.default;exports.ToastBarMessage=s.default;exports.ToastBarLink=a.default;exports.UncontrolledToast=r.default;exports.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL=t.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL;exports.DEFAULT_TOAST_COLOR=t.DEFAULT_TOAST_COLOR;exports.ICON_BOX_SIZE=t.ICON_BOX_SIZE;exports.TRANSITIONING_STYLES=t.TRANSITIONING_STYLES;exports.TRANSITION_DURATION=t.TRANSITION_DURATION;exports.ToastColorsExtended=t.ToastColorsExtended;exports.ToastContext=T.ToastContext;exports.ToastProvider=T.ToastProvider;exports.useToast=n.useToast;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Toast/index.js CHANGED Viewed

@@ -1,22 +1,25 @@
-import { default as a } from "./Toast.js";
-import { default as r } from "./ToastBar.js";
+import { default as r } from "./Toast.js";
+import { default as T } from "./ToastBar.js";
 import { default as s } from "./ToastBarMessage.js";
 import { default as O } from "./ToastBarLink.js";
-import { default as A } from "./UncontrolledToast.js";
-import { DEFAULT_TOAST_AUTO_CLOSE_INTERVAL as d, DEFAULT_TOAST_COLOR as l, ICON_BOX_SIZE as x, TRANSITIONING_STYLES as N, TRANSITION_DURATION as S, ToastColorsExtended as m } from "./constants.js";
-import { useToast as u } from "./useToast.js";
+import { default as _ } from "./UncontrolledToast.js";
+import { DEFAULT_TOAST_AUTO_CLOSE_INTERVAL as A, DEFAULT_TOAST_COLOR as I, ICON_BOX_SIZE as l, TRANSITIONING_STYLES as m, TRANSITION_DURATION as p, ToastColorsExtended as N } from "./constants.js";
+import { ToastContext as u, ToastProvider as E } from "./ToastContext.js";
+import { useToast as n } from "./useToast.js";
 export {
-  d as DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,
-  l as DEFAULT_TOAST_COLOR,
-  x as ICON_BOX_SIZE,
-  N as TRANSITIONING_STYLES,
-  S as TRANSITION_DURATION,
-  a as Toast,
-  r as ToastBar,
+  A as DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,
+  I as DEFAULT_TOAST_COLOR,
+  l as ICON_BOX_SIZE,
+  m as TRANSITIONING_STYLES,
+  p as TRANSITION_DURATION,
+  r as Toast,
+  T as ToastBar,
   O as ToastBarLink,
   s as ToastBarMessage,
-  m as ToastColorsExtended,
-  A as UncontrolledToast,
-  u as useToast
+  N as ToastColorsExtended,
+  u as ToastContext,
+  E as ToastProvider,
+  _ as UncontrolledToast,
+  n as useToast
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Toast/index.js.map CHANGED Viewed

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

package/dist/components/Toast/useToastBarStyleProps.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("classnames"),o=require("../../hooks/useClassNamePrefix.cjs"),$=require("./constants.cjs"),b=a=>{const{color:e,isDismissible:r,...n}=a,s=o.useClassNamePrefix("ToastBar"),l=`${s}__box`,i=`${s}__close`,c=`${s}__container`,C=`${s}__content`,B=`${s}__link`,u=o.useClassNamePrefix("link-underlined"),_=`${s}--${e||$.ToastColorsExtended.NEUTRAL}`,d=`${s}--dismissible`,m=t(s,_,r&&d),P=t(B,u);return{classProps:{root:m,box:l,close:i,container:c,content:C,link:P},props:n}};exports.useToastBarStyleProps=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("classnames"),o=require("../../hooks/useClassNamePrefix.cjs"),m=require("./constants.cjs"),P=a=>{const{color:e,isDismissible:r,...n}=a,s=o.useClassNamePrefix("ToastBar"),l=`${s}__box`,i=`${s}__close`,c=`${s}__container`,C=`${s}__content`,u=`${s}__link`,B=o.useClassNamePrefix("link-underlined"),_=`${s}--${e||m.ToastColorsExtended.NEUTRAL}`,d=`${s}--dismissible`;return{classProps:{root:t(s,_,r&&d),box:l,close:i,container:c,content:C,link:t(u,B)},props:n}};exports.useToastBarStyleProps=P;
 //# sourceMappingURL=useToastBarStyleProps.cjs.map