acinguiux-ds-react-framework 0.1.18 → 0.1.19

package/build/esm/components/Timeline/Timeline.js

@@ -1,121 +1,121 @@
-import { jsxs as w, jsx as e } from "react/jsx-runtime";
-import { useMemo as B } from "react";
-import G from "classnames";
-import { Directions as S, Alignments as y, Sorts as u, Sizes as H, Variants as m } from "../../react-base/src/consts/index.js";
-import { getStepAlignment as J } from "../../react-base/src/components/Timeline/Timeline.utils.js";
-import { FabricsVariables as Q } from "acinguiux-ds-fabrics";
-import g from "./components/TimelineStep/TimelineStep.js";
-import { Timeline as U } from "./Timeline.styles.js";
-import { TIMELINE_CLASS as X } from "../../react-base/src/consts/classes.js";
-const p = ({
-  className: I,
-  size: L = `${H.Medium}`,
-  direction: A = `${S.Vertical}`,
-  sort: l = `${u.Asc}`,
-  alignment: N,
-  sentiment: O = Q.Sentiments.Neutral,
-  alternate: T = !1,
-  mirrored: f = !1,
-  topConnector: i,
-  bottomConnector: V,
-  steps: a,
-  ...D
+import { jsxs as k, jsx as u } from "react/jsx-runtime";
+import { useMemo as z } from "react";
+import K from "classnames";
+import { Directions as g, Alignments as h, Sorts as n, Sizes as P, Variants as e } from "../../react-base/src/consts/index.js";
+import { getStepAlignment as R } from "../../react-base/src/components/Timeline/Timeline.utils.js";
+import { FabricsVariables as W } from "acinguiux-ds-fabrics";
+import p from "./components/TimelineStep/TimelineStep.js";
+import { Timeline as _ } from "./Timeline.styles.js";
+import { TIMELINE_CLASS as q } from "../../react-base/src/consts/classes.js";
+const Z = ({
+  className: A,
+  size: d = `${P.Medium}`,
+  direction: c = `${g.Vertical}`,
+  sort: i = `${n.Asc}`,
+  alignment: T,
+  sentiment: b = W.Sentiments.Neutral,
+  alternate: f = !1,
+  mirrored: l = !1,
+  topConnector: t,
+  bottomConnector: S,
+  steps: s,
+  ...y
 }) => {
-  const b = N ?? (A === S.Vertical ? `${y.Right}` : `${y.Top}`), M = !!(a != null && a.find((s) => s.label)), d = B(
-    () => a == null ? void 0 : a.map((s, h) => ({
-      ...s,
+  const o = T ?? (c === g.Vertical ? `${h.Right}` : `${h.Top}`), I = !!s?.find((a) => a.label), $ = z(
+    () => s?.map((a, v) => ({
+      ...a,
       // safe to use index as key, as steps are not supposed to change dynamically
-      key: `${s.title ?? s.label}-${h}`
+      key: `${a.title ?? a.label}-${v}`
     })),
-    [a]
-  ), v = {
-    size: L,
-    direction: A,
-    timelineAlignment: b,
-    alternate: T,
-    sort: l
+    [s]
+  ), m = {
+    size: d,
+    direction: c,
+    timelineAlignment: o,
+    alternate: f,
+    sort: i
   };
-  return /* @__PURE__ */ w(
-    U,
+  return /* @__PURE__ */ k(
+    _,
     {
-      className: G(X, I),
-      $direction: A,
-      $alignment: b,
-      $alternate: T,
-      $sort: l,
-      ...D,
+      className: K(q, A),
+      $direction: c,
+      $alignment: o,
+      $alternate: f,
+      $sort: i,
+      ...y,
       children: [
-        !!(i != null && i.visibility) && l === u.Asc && !f && /* @__PURE__ */ e(
-          g,
+        !!t?.visibility && i === n.Asc && !l && /* @__PURE__ */ u(
+          p,
           {
-            variant: (i == null ? void 0 : i.variant) === "dashed" ? m.Transparent : m.Outlined,
+            variant: t?.variant === "dashed" ? e.Transparent : e.Outlined,
             dot: null,
             topConnector: !0,
-            ...v
+            ...m
           }
         ),
-        !!(i != null && i.visibility) && l === u.Desc && !!f && /* @__PURE__ */ e(
-          g,
+        !!t?.visibility && i === n.Desc && !!l && /* @__PURE__ */ u(
+          p,
           {
-            variant: (i == null ? void 0 : i.variant) === "dashed" ? m.Transparent : m.Outlined,
+            variant: t?.variant === "dashed" ? e.Transparent : e.Outlined,
             dot: null,
             topConnector: !0,
-            ...v
+            ...m
           }
         ),
-        (d == null ? void 0 : d.length) > 0 && d.map(
+        $?.length > 0 && $.map(
           ({
-            label: s,
-            title: h,
-            subtitle: j,
-            description: E,
-            children: F,
-            variant: k,
-            stepSentiment: z,
-            dot: P,
-            loading: R,
-            key: _,
-            contentPosition: q
-          }, $) => /* @__PURE__ */ e(
-            g,
+            label: a,
+            title: v,
+            subtitle: L,
+            description: N,
+            children: O,
+            variant: V,
+            stepSentiment: D,
+            dot: M,
+            loading: j,
+            key: E,
+            contentPosition: F
+          }, r) => /* @__PURE__ */ u(
+            p,
             {
-              label: s,
-              contentPosition: q,
-              title: h,
-              subtitle: j,
-              description: E,
-              variant: k,
-              dot: P,
-              stepSentiment: z ?? O,
-              stepAlignment: J(A, b, T, $),
-              loading: R,
-              mirrored: f,
-              hasLabels: M,
-              bottomConnector: V,
-              isFirstItem: l === u.Asc ? $ === 0 : $ === a.length - 1,
-              isLastItem: l === u.Asc ? $ === a.length - 1 : $ === 0,
-              ...v,
-              children: F
+              label: a,
+              contentPosition: F,
+              title: v,
+              subtitle: L,
+              description: N,
+              variant: V,
+              dot: M,
+              stepSentiment: D ?? b,
+              stepAlignment: R(c, o, f, r),
+              loading: j,
+              mirrored: l,
+              hasLabels: I,
+              bottomConnector: S,
+              isFirstItem: i === n.Asc ? r === 0 : r === s.length - 1,
+              isLastItem: i === n.Asc ? r === s.length - 1 : r === 0,
+              ...m,
+              children: O
             },
-            _
+            E
           )
         ),
-        !!(i != null && i.visibility) && l === u.Desc && !f && /* @__PURE__ */ e(
-          g,
+        !!t?.visibility && i === n.Desc && !l && /* @__PURE__ */ u(
+          p,
           {
-            variant: (i == null ? void 0 : i.variant) === "dashed" ? m.Transparent : m.Outlined,
+            variant: t?.variant === "dashed" ? e.Transparent : e.Outlined,
             dot: null,
             topConnector: !0,
-            ...v
+            ...m
           }
         ),
-        !!(i != null && i.visibility) && l === u.Asc && !!f && /* @__PURE__ */ e(
-          g,
+        !!t?.visibility && i === n.Asc && !!l && /* @__PURE__ */ u(
+          p,
           {
-            variant: (i == null ? void 0 : i.variant) === "dashed" ? m.Transparent : m.Outlined,
+            variant: t?.variant === "dashed" ? e.Transparent : e.Outlined,
             dot: null,
             topConnector: !0,
-            ...v
+            ...m
           }
         )
       ]
@@ -123,6 +123,6 @@ const p = ({
   );
 };
 export {
-  p as default
+  Z as default
 };
 //# sourceMappingURL=Timeline.js.map

package/build/esm/components/Timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sources":["../../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, Sorts, Alignments, Variants, TIMELINE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport TimelineStep from './components/TimelineStep/TimelineStep';\nimport * as Styled from './Timeline.styles';\nimport type { ITimelineProps } from './Timeline.types';\n\nconst Timeline = ({\n  className,\n  size = `${Sizes.Medium}`,\n  direction = `${Directions.Vertical}`,\n  sort = `${Sorts.Asc}`,\n  alignment,\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  alternate = false,\n  mirrored = false,\n  topConnector,\n  bottomConnector,\n  steps,\n  ...rest\n}: ITimelineProps) => {\n  const innerAlignment = alignment ?? (direction === Directions.Vertical ? `${Alignments.Right}` : `${Alignments.Top}`);\n  const hasLabels = !!steps?.find((step) => step.label);\n\n  const stepsWithKeys = useMemo(\n    () =>\n      steps?.map((step, index) => ({\n        ...step,\n        // safe to use index as key, as steps are not supposed to change dynamically\n        key: `${step.title ?? step.label}-${index}`,\n      })),\n    [steps],\n  );\n\n  const timelineStepProps = {\n    size,\n    direction,\n    timelineAlignment: innerAlignment,\n    alternate,\n    sort,\n  };\n\n  return (\n    <Styled.Timeline\n      className={classNames(TIMELINE_CLASS, className)}\n      $direction={direction}\n      $alignment={innerAlignment}\n      $alternate={alternate}\n      $sort={sort}\n      {...rest}\n    >\n      {!!topConnector?.visibility && sort === Sorts.Asc && !mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {!!topConnector?.visibility && sort === Sorts.Desc && !!mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {stepsWithKeys?.length > 0 &&\n        stepsWithKeys.map(\n          (\n            {\n              label,\n              title,\n              subtitle,\n              description,\n              children,\n              variant,\n              stepSentiment,\n              dot,\n              loading,\n              key,\n              contentPosition,\n            },\n            index,\n          ) => (\n            <TimelineStep\n              label={label}\n              contentPosition={contentPosition}\n              title={title}\n              subtitle={subtitle}\n              description={description}\n              variant={variant}\n              dot={dot}\n              stepSentiment={stepSentiment ?? sentiment}\n              stepAlignment={TimelineUtils.getStepAlignment(direction, innerAlignment, alternate, index)}\n              loading={loading}\n              mirrored={mirrored}\n              hasLabels={hasLabels}\n              bottomConnector={bottomConnector}\n              isFirstItem={sort === Sorts.Asc ? index === 0 : index === steps.length - 1}\n              isLastItem={sort === Sorts.Asc ? index === steps.length - 1 : index === 0}\n              key={key}\n              {...timelineStepProps}\n            >\n              {children}\n            </TimelineStep>\n          ),\n        )}\n      {!!topConnector?.visibility && sort === Sorts.Desc && !mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {!!topConnector?.visibility && sort === Sorts.Asc && !!mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n    </Styled.Timeline>\n  );\n};\n\nexport default Timeline;\n"],"names":["Timeline","className","size","Sizes","direction","Directions","sort","Sorts","alignment","sentiment","FabricsVariables","alternate","mirrored","topConnector","bottomConnector","steps","rest","innerAlignment","Alignments","hasLabels","step","stepsWithKeys","useMemo","index","timelineStepProps","jsxs","Styled.Timeline","classNames","TIMELINE_CLASS","jsx","TimelineStep","Variants","label","title","subtitle","description","children","variant","stepSentiment","dot","loading","key","contentPosition","TimelineUtils.getStepAlignment"],"mappings":"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"}
+{"version":3,"file":"Timeline.js","sources":["../../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, Sorts, Alignments, Variants, TIMELINE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport TimelineStep from './components/TimelineStep/TimelineStep';\nimport * as Styled from './Timeline.styles';\nimport type { ITimelineProps } from './Timeline.types';\n\nconst Timeline = ({\n  className,\n  size = `${Sizes.Medium}`,\n  direction = `${Directions.Vertical}`,\n  sort = `${Sorts.Asc}`,\n  alignment,\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  alternate = false,\n  mirrored = false,\n  topConnector,\n  bottomConnector,\n  steps,\n  ...rest\n}: ITimelineProps) => {\n  const innerAlignment = alignment ?? (direction === Directions.Vertical ? `${Alignments.Right}` : `${Alignments.Top}`);\n  const hasLabels = !!steps?.find((step) => step.label);\n\n  const stepsWithKeys = useMemo(\n    () =>\n      steps?.map((step, index) => ({\n        ...step,\n        // safe to use index as key, as steps are not supposed to change dynamically\n        key: `${step.title ?? step.label}-${index}`,\n      })),\n    [steps],\n  );\n\n  const timelineStepProps = {\n    size,\n    direction,\n    timelineAlignment: innerAlignment,\n    alternate,\n    sort,\n  };\n\n  return (\n    <Styled.Timeline\n      className={classNames(TIMELINE_CLASS, className)}\n      $direction={direction}\n      $alignment={innerAlignment}\n      $alternate={alternate}\n      $sort={sort}\n      {...rest}\n    >\n      {!!topConnector?.visibility && sort === Sorts.Asc && !mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {!!topConnector?.visibility && sort === Sorts.Desc && !!mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {stepsWithKeys?.length > 0 &&\n        stepsWithKeys.map(\n          (\n            {\n              label,\n              title,\n              subtitle,\n              description,\n              children,\n              variant,\n              stepSentiment,\n              dot,\n              loading,\n              key,\n              contentPosition,\n            },\n            index,\n          ) => (\n            <TimelineStep\n              label={label}\n              contentPosition={contentPosition}\n              title={title}\n              subtitle={subtitle}\n              description={description}\n              variant={variant}\n              dot={dot}\n              stepSentiment={stepSentiment ?? sentiment}\n              stepAlignment={TimelineUtils.getStepAlignment(direction, innerAlignment, alternate, index)}\n              loading={loading}\n              mirrored={mirrored}\n              hasLabels={hasLabels}\n              bottomConnector={bottomConnector}\n              isFirstItem={sort === Sorts.Asc ? index === 0 : index === steps.length - 1}\n              isLastItem={sort === Sorts.Asc ? index === steps.length - 1 : index === 0}\n              key={key}\n              {...timelineStepProps}\n            >\n              {children}\n            </TimelineStep>\n          ),\n        )}\n      {!!topConnector?.visibility && sort === Sorts.Desc && !mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {!!topConnector?.visibility && sort === Sorts.Asc && !!mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n    </Styled.Timeline>\n  );\n};\n\nexport default Timeline;\n"],"names":["Timeline","className","size","Sizes","direction","Directions","sort","Sorts","alignment","sentiment","FabricsVariables","alternate","mirrored","topConnector","bottomConnector","steps","rest","innerAlignment","Alignments","hasLabels","step","stepsWithKeys","useMemo","index","timelineStepProps","jsxs","Styled.Timeline","classNames","TIMELINE_CLASS","jsx","TimelineStep","Variants","label","title","subtitle","description","children","variant","stepSentiment","dot","loading","key","contentPosition","TimelineUtils.getStepAlignment"],"mappings":"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"}

package/build/esm/components/Timeline/components/TimelineStepBox/TimelineStepBox.js

@@ -1,81 +1,81 @@
-import { jsxs as s, Fragment as v, jsx as r } from "react/jsx-runtime";
-import { Alignments as l } from "../../../../react-base/src/consts/index.js";
-import { getLoadingSize as F } from "../../../../react-base/src/components/Timeline/Timeline.utils.js";
-import { FabricsVariables as c } from "acinguiux-ds-fabrics";
-import j from "../../../Loading/Loading.js";
-import { TimelineStepLabelContainer as T, TimelineStepLabel as h, TimelineStepBox as u, TimelineStepDot as z, TimelineStepLine as I } from "./TimelineStepBox.styles.js";
-const w = ({
-  size: $,
-  direction: m,
-  variant: x,
-  dot: a,
-  loading: t,
-  mirrored: p = !1,
-  dotLabel: n,
-  noLabel: d,
+import { jsxs as n, Fragment as D, jsx as e } from "react/jsx-runtime";
+import { Alignments as m } from "../../../../react-base/src/consts/index.js";
+import { getLoadingSize as g } from "../../../../react-base/src/components/Timeline/Timeline.utils.js";
+import { FabricsVariables as v } from "acinguiux-ds-fabrics";
+import F from "../../../Loading/Loading.js";
+import { TimelineStepLabelContainer as S, TimelineStepLabel as f, TimelineStepBox as b, TimelineStepDot as j, TimelineStepLine as u } from "./TimelineStepBox.styles.js";
+const k = ({
+  size: t,
+  direction: $,
+  variant: T,
+  dot: o,
+  loading: s,
+  mirrored: a = !1,
+  dotLabel: r,
+  noLabel: h,
   stepAlignment: i,
-  hasContent: B,
-  stepSentiment: L = c.Sentiments.Neutral,
-  bottomConnector: e,
-  isFirstItem: D,
-  isLastItem: g,
-  contentPosition: S = "normal",
-  children: f,
-  sort: o
-}) => /* @__PURE__ */ s(v, { children: [
-  (i === l.Right || i === l.Top) && !!n && /* @__PURE__ */ s(T, { children: [
-    /* @__PURE__ */ r(
-      h,
+  hasContent: x,
+  stepSentiment: d = v.Sentiments.Neutral,
+  bottomConnector: l,
+  isFirstItem: B,
+  isLastItem: L,
+  contentPosition: p = "normal",
+  children: c,
+  sort: C
+}) => /* @__PURE__ */ n(D, { children: [
+  (i === m.Right || i === m.Top) && !!r && /* @__PURE__ */ n(S, { children: [
+    /* @__PURE__ */ e(
+      f,
       {
-        $mirrored: p,
-        $noDotContent: !a,
-        $size: $,
-        $direction: m,
+        $mirrored: a,
+        $noDotContent: !o,
+        $size: t,
+        $direction: $,
         $stepAlignment: i,
-        children: n
+        children: r
       }
     ),
-    S === "opposite" && f
+    p === "opposite" && c
   ] }),
-  /* @__PURE__ */ s(
-    u,
+  /* @__PURE__ */ n(
+    b,
     {
-      $size: $,
-      $direction: m,
-      $variant: x,
-      $stepSentiment: L,
+      $size: t,
+      $direction: $,
+      $variant: T,
+      $stepSentiment: d,
       $stepAlignment: i,
-      $isBottomConnector: e == null ? void 0 : e.visibility,
-      $connectorVariant: e == null ? void 0 : e.variant,
-      $noDotContent: !a,
-      $noLabel: d,
-      $isFirstItem: D,
-      $isLastItem: g,
-      $loading: t,
-      $mirrored: p,
-      $sort: o,
+      $isBottomConnector: l?.visibility,
+      $connectorVariant: l?.variant,
+      $noDotContent: !o,
+      $noLabel: h,
+      $isFirstItem: B,
+      $isLastItem: L,
+      $loading: s,
+      $mirrored: a,
+      $sort: C,
       children: [
-        !!B && /* @__PURE__ */ r(z, { children: t ? /* @__PURE__ */ r(j, { size: F($) }) : a }),
-        /* @__PURE__ */ r(I, {})
+        !!x && /* @__PURE__ */ e(j, { children: s ? /* @__PURE__ */ e(F, { size: g(t) }) : o }),
+        /* @__PURE__ */ e(u, {})
       ]
     }
   ),
-  (i === l.Left || i === l.Bottom) && !!n && /* @__PURE__ */ s(T, { children: [
-    /* @__PURE__ */ r(
-      h,
+  (i === m.Left || i === m.Bottom) && !!r && /* @__PURE__ */ n(S, { children: [
+    /* @__PURE__ */ e(
+      f,
       {
-        $mirrored: p,
-        $noDotContent: !a,
-        $size: $,
-        $direction: m,
+        $mirrored: a,
+        $noDotContent: !o,
+        $size: t,
+        $direction: $,
         $stepAlignment: i,
-        children: n
+        children: r
       }
     ),
-    S === "opposite" && f
+    p === "opposite" && c
   ] })
 ] });
 export {
-  w as default
+  k as default
 };
 //# sourceMappingURL=TimelineStepBox.js.map

package/build/esm/components/Timeline/components/TimelineStepBox/TimelineStepBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineStepBox.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBox/TimelineStepBox.tsx"],"sourcesContent":["import { Alignments } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Loading from '../../../Loading/Loading';\nimport * as Styled from './TimelineStepBox.styles';\nimport type { ITimelineStepBoxProps } from './TimelineStepBox.types';\n\nconst TimelineStepBox = ({\n  size,\n  direction,\n  variant,\n  dot,\n  loading,\n  mirrored = false,\n  dotLabel,\n  noLabel,\n  stepAlignment,\n  hasContent,\n  stepSentiment = FabricsVariables.Sentiments.Neutral,\n  bottomConnector,\n  isFirstItem,\n  isLastItem,\n  contentPosition = 'normal',\n  children,\n  sort,\n}: ITimelineStepBoxProps) => (\n  <>\n    {(stepAlignment === Alignments.Right || stepAlignment === Alignments.Top) && !!dotLabel && (\n      <Styled.TimelineStepLabelContainer>\n        <Styled.TimelineStepLabel\n          $mirrored={mirrored}\n          $noDotContent={!dot}\n          $size={size}\n          $direction={direction}\n          $stepAlignment={stepAlignment}\n        >\n          {dotLabel}\n        </Styled.TimelineStepLabel>\n        {contentPosition === 'opposite' && children}\n      </Styled.TimelineStepLabelContainer>\n    )}\n\n    <Styled.TimelineStepBox\n      $size={size}\n      $direction={direction}\n      $variant={variant}\n      $stepSentiment={stepSentiment}\n      $stepAlignment={stepAlignment}\n      $isBottomConnector={bottomConnector?.visibility}\n      $connectorVariant={bottomConnector?.variant}\n      $noDotContent={!dot}\n      $noLabel={noLabel}\n      $isFirstItem={isFirstItem}\n      $isLastItem={isLastItem}\n      $loading={loading}\n      $mirrored={mirrored}\n      $sort={sort}\n    >\n      {!!hasContent && (\n        <Styled.TimelineStepDot>\n          {loading ? <Loading size={TimelineUtils.getLoadingSize(size)} /> : dot}\n        </Styled.TimelineStepDot>\n      )}\n      <Styled.TimelineStepLine />\n    </Styled.TimelineStepBox>\n    {(stepAlignment === Alignments.Left || stepAlignment === Alignments.Bottom) && !!dotLabel && (\n      <Styled.TimelineStepLabelContainer>\n        <Styled.TimelineStepLabel\n          $mirrored={mirrored}\n          $noDotContent={!dot}\n          $size={size}\n          $direction={direction}\n          $stepAlignment={stepAlignment}\n        >\n          {dotLabel}\n        </Styled.TimelineStepLabel>\n        {contentPosition === 'opposite' && children}\n      </Styled.TimelineStepLabelContainer>\n    )}\n  </>\n);\n\nexport default TimelineStepBox;\n"],"names":["TimelineStepBox","size","direction","variant","dot","loading","mirrored","dotLabel","noLabel","stepAlignment","hasContent","stepSentiment","FabricsVariables","bottomConnector","isFirstItem","isLastItem","contentPosition","children","sort","jsxs","Fragment","Alignments","Styled.TimelineStepLabelContainer","jsx","Styled.TimelineStepLabel","Styled.TimelineStepBox","Styled.TimelineStepDot","Loading","TimelineUtils.getLoadingSize","Styled.TimelineStepLine"],"mappings":";;;;;;AAQA,MAAMA,IAAkB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC,IAAgBC,EAAiB,WAAW;AAAA,EAC5C,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC;AAAA,EACA,MAAAC;AACF,MACE,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,GAAAX,MAAkBY,EAAW,SAASZ,MAAkBY,EAAW,QAAQ,CAAC,CAACd,KAC7E,gBAAAY,EAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWlB;AAAA,QACX,eAAe,CAACF;AAAA,QAChB,OAAOH;AAAA,QACP,YAAYC;AAAA,QACZ,gBAAgBO;AAAA,QAEf,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFS,MAAoB,cAAcC;AAAA,EAAA,GACrC;AAAA,EAGF,gBAAAE;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,OAAOxB;AAAA,MACP,YAAYC;AAAA,MACZ,UAAUC;AAAA,MACV,gBAAgBQ;AAAA,MAChB,gBAAgBF;AAAA,MAChB,oBAAoBI,KAAA,gBAAAA,EAAiB;AAAA,MACrC,mBAAmBA,KAAA,gBAAAA,EAAiB;AAAA,MACpC,eAAe,CAACT;AAAA,MAChB,UAAUI;AAAA,MACV,cAAcM;AAAA,MACd,aAAaC;AAAA,MACb,UAAUV;AAAA,MACV,WAAWC;AAAA,MACX,OAAOY;AAAA,MAEN,UAAA;AAAA,QAAA,CAAC,CAACR,KACD,gBAAAa,EAACG,GAAA,EACE,UAAArB,IAAU,gBAAAkB,EAACI,GAAA,EAAQ,MAAMC,EAA6B3B,CAAI,EAAA,CAAG,IAAKG,GACrE;AAAA,QAEF,gBAAAmB,EAACM,GAAA,CAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,GAEzBpB,MAAkBY,EAAW,QAAQZ,MAAkBY,EAAW,WAAW,CAAC,CAACd,KAC/E,gBAAAY,EAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWlB;AAAA,QACX,eAAe,CAACF;AAAA,QAChB,OAAOH;AAAA,QACP,YAAYC;AAAA,QACZ,gBAAgBO;AAAA,QAEf,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFS,MAAoB,cAAcC;AAAA,EAAA,EAAA,CACrC;AAAA,EAAA,CAEJ;"}
+{"version":3,"file":"TimelineStepBox.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBox/TimelineStepBox.tsx"],"sourcesContent":["import { Alignments } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Loading from '../../../Loading/Loading';\nimport * as Styled from './TimelineStepBox.styles';\nimport type { ITimelineStepBoxProps } from './TimelineStepBox.types';\n\nconst TimelineStepBox = ({\n  size,\n  direction,\n  variant,\n  dot,\n  loading,\n  mirrored = false,\n  dotLabel,\n  noLabel,\n  stepAlignment,\n  hasContent,\n  stepSentiment = FabricsVariables.Sentiments.Neutral,\n  bottomConnector,\n  isFirstItem,\n  isLastItem,\n  contentPosition = 'normal',\n  children,\n  sort,\n}: ITimelineStepBoxProps) => (\n  <>\n    {(stepAlignment === Alignments.Right || stepAlignment === Alignments.Top) && !!dotLabel && (\n      <Styled.TimelineStepLabelContainer>\n        <Styled.TimelineStepLabel\n          $mirrored={mirrored}\n          $noDotContent={!dot}\n          $size={size}\n          $direction={direction}\n          $stepAlignment={stepAlignment}\n        >\n          {dotLabel}\n        </Styled.TimelineStepLabel>\n        {contentPosition === 'opposite' && children}\n      </Styled.TimelineStepLabelContainer>\n    )}\n\n    <Styled.TimelineStepBox\n      $size={size}\n      $direction={direction}\n      $variant={variant}\n      $stepSentiment={stepSentiment}\n      $stepAlignment={stepAlignment}\n      $isBottomConnector={bottomConnector?.visibility}\n      $connectorVariant={bottomConnector?.variant}\n      $noDotContent={!dot}\n      $noLabel={noLabel}\n      $isFirstItem={isFirstItem}\n      $isLastItem={isLastItem}\n      $loading={loading}\n      $mirrored={mirrored}\n      $sort={sort}\n    >\n      {!!hasContent && (\n        <Styled.TimelineStepDot>\n          {loading ? <Loading size={TimelineUtils.getLoadingSize(size)} /> : dot}\n        </Styled.TimelineStepDot>\n      )}\n      <Styled.TimelineStepLine />\n    </Styled.TimelineStepBox>\n    {(stepAlignment === Alignments.Left || stepAlignment === Alignments.Bottom) && !!dotLabel && (\n      <Styled.TimelineStepLabelContainer>\n        <Styled.TimelineStepLabel\n          $mirrored={mirrored}\n          $noDotContent={!dot}\n          $size={size}\n          $direction={direction}\n          $stepAlignment={stepAlignment}\n        >\n          {dotLabel}\n        </Styled.TimelineStepLabel>\n        {contentPosition === 'opposite' && children}\n      </Styled.TimelineStepLabelContainer>\n    )}\n  </>\n);\n\nexport default TimelineStepBox;\n"],"names":["TimelineStepBox","size","direction","variant","dot","loading","mirrored","dotLabel","noLabel","stepAlignment","hasContent","stepSentiment","FabricsVariables","bottomConnector","isFirstItem","isLastItem","contentPosition","children","sort","jsxs","Fragment","Alignments","Styled.TimelineStepLabelContainer","jsx","Styled.TimelineStepLabel","Styled.TimelineStepBox","Styled.TimelineStepDot","Loading","TimelineUtils.getLoadingSize","Styled.TimelineStepLine"],"mappings":";;;;;;AAQA,MAAMA,IAAkB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC,IAAgBC,EAAiB,WAAW;AAAA,EAC5C,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC;AAAA,EACA,MAAAC;AACF,MACE,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,GAAAX,MAAkBY,EAAW,SAASZ,MAAkBY,EAAW,QAAQ,CAAC,CAACd,KAC7E,gBAAAY,EAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWlB;AAAA,QACX,eAAe,CAACF;AAAA,QAChB,OAAOH;AAAA,QACP,YAAYC;AAAA,QACZ,gBAAgBO;AAAA,QAEf,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFS,MAAoB,cAAcC;AAAA,EAAA,GACrC;AAAA,EAGF,gBAAAE;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,OAAOxB;AAAA,MACP,YAAYC;AAAA,MACZ,UAAUC;AAAA,MACV,gBAAgBQ;AAAA,MAChB,gBAAgBF;AAAA,MAChB,oBAAoBI,GAAiB;AAAA,MACrC,mBAAmBA,GAAiB;AAAA,MACpC,eAAe,CAACT;AAAA,MAChB,UAAUI;AAAA,MACV,cAAcM;AAAA,MACd,aAAaC;AAAA,MACb,UAAUV;AAAA,MACV,WAAWC;AAAA,MACX,OAAOY;AAAA,MAEN,UAAA;AAAA,QAAA,CAAC,CAACR,KACD,gBAAAa,EAACG,GAAA,EACE,UAAArB,IAAU,gBAAAkB,EAACI,GAAA,EAAQ,MAAMC,EAA6B3B,CAAI,EAAA,CAAG,IAAKG,GACrE;AAAA,QAEF,gBAAAmB,EAACM,GAAA,CAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,GAEzBpB,MAAkBY,EAAW,QAAQZ,MAAkBY,EAAW,WAAW,CAAC,CAACd,KAC/E,gBAAAY,EAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWlB;AAAA,QACX,eAAe,CAACF;AAAA,QAChB,OAAOH;AAAA,QACP,YAAYC;AAAA,QACZ,gBAAgBO;AAAA,QAEf,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFS,MAAoB,cAAcC;AAAA,EAAA,EAAA,CACrC;AAAA,EAAA,CAEJ;"}

package/build/esm/components/ToggleButton/ToggleButton.js

@@ -1,13 +1,13 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { forwardRef as O, useState as v, useEffect as x, useCallback as N } from "react";
-import j from "classnames";
-import { TOGGLE_BUTTON_CLASS as E } from "../../react-base/src/consts/classes.js";
-import { useProps as G } from "../../react-base/src/components/ToggleButton/ToggleButton.utils.js";
-import c from "./ToggleButton.styles.js";
-import V from "../Loading/Loading.js";
-import u from "../Text/components/Label/Label.js";
-const F = O(
-  ({ className: b, onClick: r, ...S }, h) => {
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { forwardRef as C, useState as O, useEffect as v, useCallback as x } from "react";
+import N from "classnames";
+import { TOGGLE_BUTTON_CLASS as j } from "../../react-base/src/consts/classes.js";
+import { useProps as k } from "../../react-base/src/components/ToggleButton/ToggleButton.utils.js";
+import d from "./ToggleButton.styles.js";
+import E from "../Loading/Loading.js";
+import c from "../Text/components/Label/Label.js";
+const q = C(
+  ({ className: b, onClick: u, ...S }, h) => {
     const {
       icon: m,
       iconOnly: g,
@@ -18,51 +18,51 @@ const F = O(
       selected: t,
       rounded: B,
       size: o,
-      outlined: s,
-      primaryLabel: n,
-      secondaryLabel: l,
+      outlined: a,
+      primaryLabel: r,
+      secondaryLabel: n,
       ...L
-    } = G(S), [T, f] = v(() => t);
-    x(() => {
+    } = k(S), [T, f] = O(() => t);
+    v(() => {
       f(t);
     }, [t]);
-    const z = N(
+    const z = x(
       (p) => {
-        i || (r == null || r(p), p.isDefaultPrevented() || f((P) => !P));
+        i || (u?.(p), p.isDefaultPrevented() || f((P) => !P));
       },
-      [r, i]
+      [u, i]
     );
-    return /* @__PURE__ */ d(
-      c.ToggleButton,
+    return /* @__PURE__ */ s(
+      d.ToggleButton,
       {
-        className: j(b, E),
+        className: N(b, j),
         ref: h,
         type: "button",
         "aria-pressed": !!T,
         onClick: z,
-        $outlined: s,
+        $outlined: a,
         $size: o,
         $rounded: B,
         "aria-busy": i,
-        "aria-label": String(e ? e.toString() : n ?? l),
+        "aria-label": String(e ? e.toString() : r ?? n),
         ...L,
         children: [
-          /* @__PURE__ */ d(c.ToggleButtonContent, { $size: o, $iconPosition: y, $icon: m, $iconOnly: g, children: [
+          /* @__PURE__ */ s(d.ToggleButtonContent, { $size: o, $iconPosition: y, $icon: m, $iconOnly: g, children: [
             m,
-            !g && /* @__PURE__ */ d(c.ToggleButtonLabelContainer, { $size: o, children: [
-              !!e && /* @__PURE__ */ a(u, { size: o, children: e }),
-              !!n && /* @__PURE__ */ a(u, { size: o, children: n }),
-              !!l && /* @__PURE__ */ a(u, { size: o, bold: !0, children: l })
+            !g && /* @__PURE__ */ s(d.ToggleButtonLabelContainer, { $size: o, children: [
+              !!e && /* @__PURE__ */ l(c, { size: o, children: e }),
+              !!r && /* @__PURE__ */ l(c, { size: o, children: r }),
+              !!n && /* @__PURE__ */ l(c, { size: o, bold: !0, children: n })
             ] })
           ] }),
-          !!i && /* @__PURE__ */ a(
-            V,
+          !!i && /* @__PURE__ */ l(
+            E,
             {
-              type: !s && t ? "selected" : void 0,
-              selectedProminence: !s && t ? "strong" : void 0,
+              type: !a && t ? "selected" : void 0,
+              selectedProminence: !a && t ? "strong" : void 0,
               size: $,
               "aria-hidden": !0,
-              "aria-label": String(e ? e.toString() : n ?? l)
+              "aria-label": String(e ? e.toString() : r ?? n)
             }
           )
         ]
@@ -71,6 +71,6 @@ const F = O(
   }
 );
 export {
-  F as default
+  q as default
 };
 //# sourceMappingURL=ToggleButton.js.map

package/build/esm/components/ToggleButton/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef, type MouseEventHandler, useCallback, useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { TOGGLE_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ToggleButtonUtils } from 'acinguiux-ds-react-base/components/ToggleButton';\n\nimport Styled from './ToggleButton.styles';\nimport type { IToggleButtonProps } from './ToggleButton.types';\nimport Loading from '../Loading/Loading';\nimport Label from '../Text/components/Label/Label';\n\nconst ToggleButton = forwardRef<HTMLButtonElement, IToggleButtonProps>(\n  ({ className, onClick, ...props }: IToggleButtonProps, ref) => {\n    const {\n      icon,\n      iconOnly,\n      iconPosition,\n      loaderSize,\n      children,\n      loading,\n      selected,\n      rounded,\n      size,\n      outlined,\n      primaryLabel,\n      secondaryLabel,\n      ...toggleButtonProps\n    } = ToggleButtonUtils.useProps(props);\n    const [selectedValue, setSelectedValue] = useState(() => selected);\n\n    useEffect(() => {\n      setSelectedValue(selected);\n    }, [selected]);\n\n    const handleOnClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n      (e) => {\n        if (!loading) {\n          onClick?.(e);\n          if (!e.isDefaultPrevented()) {\n            setSelectedValue((prevSelected) => !prevSelected);\n          }\n        }\n      },\n      [onClick, loading],\n    );\n\n    return (\n      <Styled.ToggleButton\n        className={classNames(className, TOGGLE_BUTTON_CLASS)}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={Boolean(selectedValue)}\n        onClick={handleOnClick}\n        $outlined={outlined}\n        $size={size}\n        $rounded={rounded}\n        aria-busy={loading}\n        aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n        {...toggleButtonProps}\n      >\n        <Styled.ToggleButtonContent $size={size} $iconPosition={iconPosition} $icon={icon} $iconOnly={iconOnly}>\n          {icon}\n          {!iconOnly && (\n            <Styled.ToggleButtonLabelContainer $size={size}>\n              {!!children && <Label size={size}>{children}</Label>}\n              {!!primaryLabel && <Label size={size}>{primaryLabel}</Label>}\n              {!!secondaryLabel && (\n                <Label size={size} bold={true}>\n                  {secondaryLabel}\n                </Label>\n              )}\n            </Styled.ToggleButtonLabelContainer>\n          )}\n        </Styled.ToggleButtonContent>\n        {!!loading && (\n          <Loading\n            type={!outlined && selected ? 'selected' : undefined}\n            selectedProminence={!outlined && selected ? 'strong' : undefined}\n            size={loaderSize}\n            aria-hidden={true}\n            aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n          />\n        )}\n      </Styled.ToggleButton>\n    );\n  },\n);\n\nexport default ToggleButton;\n"],"names":["ToggleButton","forwardRef","className","onClick","props","ref","icon","iconOnly","iconPosition","loaderSize","children","loading","selected","rounded","size","outlined","primaryLabel","secondaryLabel","toggleButtonProps","ToggleButtonUtils.useProps","selectedValue","setSelectedValue","useState","useEffect","handleOnClick","useCallback","e","prevSelected","jsxs","Styled","classNames","TOGGLE_BUTTON_CLASS","jsx","Label","Loading"],"mappings":";;;;;;;;AAWA,MAAMA,IAAeC;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAA6BC,MAAQ;AAC7D,UAAM;AAAA,MACJ,MAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDC,EAA2Bf,CAAK,GAC9B,CAACgB,GAAeC,CAAgB,IAAIC,EAAS,MAAMV,CAAQ;AAEjE,IAAAW,EAAU,MAAM;AACd,MAAAF,EAAiBT,CAAQ;AAAA,IAC3B,GAAG,CAACA,CAAQ,CAAC;AAEb,UAAMY,IAAsDC;AAAA,MAC1D,CAACC,MAAM;AACL,QAAKf,MACHR,KAAA,QAAAA,EAAUuB,IACLA,EAAE,wBACLL,EAAiB,CAACM,MAAiB,CAACA,CAAY;AAAA,MAGtD;AAAA,MACA,CAACxB,GAASQ,CAAO;AAAA,IAAA;AAGnB,WACE,gBAAAiB;AAAA,MAACC,EAAO;AAAA,MAAP;AAAA,QACC,WAAWC,EAAW5B,GAAW6B,CAAmB;AAAA,QACpD,KAAA1B;AAAA,QACA,MAAK;AAAA,QACL,gBAAc,EAAQe;AAAA,QACtB,SAASI;AAAA,QACT,WAAWT;AAAA,QACX,OAAOD;AAAA,QACP,UAAUD;AAAA,QACV,aAAWF;AAAA,QACX,cAAY,OAAOD,IAAWA,EAAS,SAAA,IAAcM,KAAgBC,CAAe;AAAA,QACnF,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAU,EAACC,EAAO,qBAAP,EAA2B,OAAOf,GAAM,eAAeN,GAAc,OAAOF,GAAM,WAAWC,GAC3F,UAAA;AAAA,YAAAD;AAAA,YACA,CAACC,KACA,gBAAAqB,EAACC,EAAO,4BAAP,EAAkC,OAAOf,GACvC,UAAA;AAAA,cAAA,CAAC,CAACJ,KAAY,gBAAAsB,EAACC,GAAA,EAAM,MAAAnB,GAAa,UAAAJ,GAAS;AAAA,cAC3C,CAAC,CAACM,KAAgB,gBAAAgB,EAACC,GAAA,EAAM,MAAAnB,GAAa,UAAAE,GAAa;AAAA,cACnD,CAAC,CAACC,KACD,gBAAAe,EAACC,KAAM,MAAAnB,GAAY,MAAM,IACtB,UAAAG,EAAA,CACH;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA,GAEJ;AAAA,UACC,CAAC,CAACN,KACD,gBAAAqB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAM,CAACnB,KAAYH,IAAW,aAAa;AAAA,cAC3C,oBAAoB,CAACG,KAAYH,IAAW,WAAW;AAAA,cACvD,MAAMH;AAAA,cACN,eAAa;AAAA,cACb,cAAY,OAAOC,IAAWA,EAAS,SAAA,IAAcM,KAAgBC,CAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACtF;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef, type MouseEventHandler, useCallback, useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { TOGGLE_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ToggleButtonUtils } from 'acinguiux-ds-react-base/components/ToggleButton';\n\nimport Styled from './ToggleButton.styles';\nimport type { IToggleButtonProps } from './ToggleButton.types';\nimport Loading from '../Loading/Loading';\nimport Label from '../Text/components/Label/Label';\n\nconst ToggleButton = forwardRef<HTMLButtonElement, IToggleButtonProps>(\n  ({ className, onClick, ...props }: IToggleButtonProps, ref) => {\n    const {\n      icon,\n      iconOnly,\n      iconPosition,\n      loaderSize,\n      children,\n      loading,\n      selected,\n      rounded,\n      size,\n      outlined,\n      primaryLabel,\n      secondaryLabel,\n      ...toggleButtonProps\n    } = ToggleButtonUtils.useProps(props);\n    const [selectedValue, setSelectedValue] = useState(() => selected);\n\n    useEffect(() => {\n      setSelectedValue(selected);\n    }, [selected]);\n\n    const handleOnClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n      (e) => {\n        if (!loading) {\n          onClick?.(e);\n          if (!e.isDefaultPrevented()) {\n            setSelectedValue((prevSelected) => !prevSelected);\n          }\n        }\n      },\n      [onClick, loading],\n    );\n\n    return (\n      <Styled.ToggleButton\n        className={classNames(className, TOGGLE_BUTTON_CLASS)}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={Boolean(selectedValue)}\n        onClick={handleOnClick}\n        $outlined={outlined}\n        $size={size}\n        $rounded={rounded}\n        aria-busy={loading}\n        aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n        {...toggleButtonProps}\n      >\n        <Styled.ToggleButtonContent $size={size} $iconPosition={iconPosition} $icon={icon} $iconOnly={iconOnly}>\n          {icon}\n          {!iconOnly && (\n            <Styled.ToggleButtonLabelContainer $size={size}>\n              {!!children && <Label size={size}>{children}</Label>}\n              {!!primaryLabel && <Label size={size}>{primaryLabel}</Label>}\n              {!!secondaryLabel && (\n                <Label size={size} bold={true}>\n                  {secondaryLabel}\n                </Label>\n              )}\n            </Styled.ToggleButtonLabelContainer>\n          )}\n        </Styled.ToggleButtonContent>\n        {!!loading && (\n          <Loading\n            type={!outlined && selected ? 'selected' : undefined}\n            selectedProminence={!outlined && selected ? 'strong' : undefined}\n            size={loaderSize}\n            aria-hidden={true}\n            aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n          />\n        )}\n      </Styled.ToggleButton>\n    );\n  },\n);\n\nexport default ToggleButton;\n"],"names":["ToggleButton","forwardRef","className","onClick","props","ref","icon","iconOnly","iconPosition","loaderSize","children","loading","selected","rounded","size","outlined","primaryLabel","secondaryLabel","toggleButtonProps","ToggleButtonUtils.useProps","selectedValue","setSelectedValue","useState","useEffect","handleOnClick","useCallback","e","prevSelected","jsxs","Styled","classNames","TOGGLE_BUTTON_CLASS","jsx","Label","Loading"],"mappings":";;;;;;;;AAWA,MAAMA,IAAeC;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAA6BC,MAAQ;AAC7D,UAAM;AAAA,MACJ,MAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDC,EAA2Bf,CAAK,GAC9B,CAACgB,GAAeC,CAAgB,IAAIC,EAAS,MAAMV,CAAQ;AAEjE,IAAAW,EAAU,MAAM;AACd,MAAAF,EAAiBT,CAAQ;AAAA,IAC3B,GAAG,CAACA,CAAQ,CAAC;AAEb,UAAMY,IAAsDC;AAAA,MAC1D,CAACC,MAAM;AACL,QAAKf,MACHR,IAAUuB,CAAC,GACNA,EAAE,wBACLL,EAAiB,CAACM,MAAiB,CAACA,CAAY;AAAA,MAGtD;AAAA,MACA,CAACxB,GAASQ,CAAO;AAAA,IAAA;AAGnB,WACE,gBAAAiB;AAAA,MAACC,EAAO;AAAA,MAAP;AAAA,QACC,WAAWC,EAAW5B,GAAW6B,CAAmB;AAAA,QACpD,KAAA1B;AAAA,QACA,MAAK;AAAA,QACL,gBAAc,EAAQe;AAAA,QACtB,SAASI;AAAA,QACT,WAAWT;AAAA,QACX,OAAOD;AAAA,QACP,UAAUD;AAAA,QACV,aAAWF;AAAA,QACX,cAAY,OAAOD,IAAWA,EAAS,SAAA,IAAcM,KAAgBC,CAAe;AAAA,QACnF,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAU,EAACC,EAAO,qBAAP,EAA2B,OAAOf,GAAM,eAAeN,GAAc,OAAOF,GAAM,WAAWC,GAC3F,UAAA;AAAA,YAAAD;AAAA,YACA,CAACC,KACA,gBAAAqB,EAACC,EAAO,4BAAP,EAAkC,OAAOf,GACvC,UAAA;AAAA,cAAA,CAAC,CAACJ,KAAY,gBAAAsB,EAACC,GAAA,EAAM,MAAAnB,GAAa,UAAAJ,GAAS;AAAA,cAC3C,CAAC,CAACM,KAAgB,gBAAAgB,EAACC,GAAA,EAAM,MAAAnB,GAAa,UAAAE,GAAa;AAAA,cACnD,CAAC,CAACC,KACD,gBAAAe,EAACC,KAAM,MAAAnB,GAAY,MAAM,IACtB,UAAAG,EAAA,CACH;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA,GAEJ;AAAA,UACC,CAAC,CAACN,KACD,gBAAAqB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAM,CAACnB,KAAYH,IAAW,aAAa;AAAA,cAC3C,oBAAoB,CAACG,KAAYH,IAAW,WAAW;AAAA,cACvD,MAAMH;AAAA,cACN,eAAa;AAAA,cACb,cAAY,OAAOC,IAAWA,EAAS,SAAA,IAAcM,KAAgBC,CAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACtF;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/build/esm/components/Tree/Tree.js

@@ -5,7 +5,7 @@ import { Tree as N } from "./Tree.styles.js";
 import j from "./components/TreeNode/TreeNode.js";
 import { patchData as x, updateNodeByPath as d, updateParentOnCheckboxChange as z, getByPath as h, deepCloneTree as C } from "./utils/treeUtils.js";
 const v = R(({ ...D }, k) => {
-  const u = w(!0), { treeData: i, size: g, showIcon: T, isCheckable: E, isDisabled: c, onCheck: f, onExpand: p, loadData: o, ...P } = I(D), [r, s] = B(x({ nextData: i, loadData: o, isDisabled: c }));
+  const u = w(!0), { treeData: i, size: g, showIcon: T, isCheckable: E, isDisabled: c, onCheck: f, onExpand: p, loadData: o, ...P } = I(D), [a, s] = B(x({ nextData: i, loadData: o, isDisabled: c }));
   F(() => {
     if (u.current) {
       u.current = !1;
@@ -14,25 +14,25 @@ const v = R(({ ...D }, k) => {
     s(x({ nextData: i, loadData: o, isDisabled: c }));
   }, [i, c]);
   const b = ({ node: e, path: t = [] }) => {
-    if (!r)
+    if (!a)
       return;
     if (!e.children && o) {
-      const a = d([...r], [...t], { isLoading: !0, isExpanded: !0 });
-      s(a), o(e);
+      const r = d([...a], [...t], { isLoading: !0, isExpanded: !0 });
+      s(r), o(e);
       return;
     }
-    const n = d([...r], [...t], { isExpanded: !e.isExpanded });
+    const n = d([...a], [...t], { isExpanded: !e.isExpanded });
     s(n), p && p(h(n, t), C(n));
   }, y = ({ node: e, path: t = [] }) => {
-    if (!r)
+    if (!a)
       return;
     const n = e.isChecked === "indeterminate" ? !0 : !e.isChecked;
-    let a = d([...r], [...t], { isChecked: n }, !0);
-    a = z(a, [...t]), s(a);
-    const m = h(a, t);
-    m && f && f(m, C(a));
+    let r = d([...a], [...t], { isChecked: n }, !0);
+    r = z(r, [...t]), s(r);
+    const m = h(r, t);
+    m && f && f(m, C(r));
   };
-  return /* @__PURE__ */ l(N, { role: "tree", "aria-multiselectable": !0, ref: k, ...P, children: r == null ? void 0 : r.map((e, t) => /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(N, { role: "tree", "aria-multiselectable": !0, ref: k, ...P, children: a?.map((e, t) => /* @__PURE__ */ l(
     j,
     {
       paddingFactor: 0,