acinguiux-ds-react-framework 0.0.6 → 0.0.7

package/build/esm/components/Stepper/Stepper.styles.js

@@ -1,21 +1,23 @@
-import i, { css as e } from "styled-components";
-import { Directions as r, Alignments as l } from "../../react-base/src/consts.js";
-const c = i.ol`
-  ${({ $direction: o, alignment: t }) => e`
-    display: flex;
+import n, { css as r } from "styled-components";
+import { stepperConsts as i } from "../../react-base/src/components/Stepper/Stepper.consts.js";
+import { Directions as s } from "../../react-base/src/consts.js";
+const l = n.ol`
+  ${({ $direction: t, $stepWidth: o }) => {
+  const p = typeof o == "number" ? `${o}px` : o;
+  return r`
+      display: grid;
+      gap: ${i.stepsContainerGap}px;
+      padding: 0;
+      margin: 0;
 
-    ${o === r.Horizontal && e`
-      width: 100%;
-      flex-direction: ${t === l.Right ? "row" : "row-reverse"};
-    `}
-
-    ${o === r.Vertical && e`
-      height: 100%;
-      flex-direction: column;
-    `}
-  `}
+      ${t === s.Horizontal && r`
+        grid-auto-columns: ${p || "1fr"};
+        grid-auto-flow: column;
+      `}
+    `;
+}}
 `;
 export {
-  c as Stepper
+  l as Stepper
 };
 //# sourceMappingURL=Stepper.styles.js.map

package/build/esm/components/Stepper/Stepper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.styles.js","sources":["../../../../src/components/Stepper/Stepper.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Directions, Transient, Alignments } from 'acinguiux-ds-react-base';\n\nimport { IStepperProps } from './Stepper.types';\n\nconst Stepper = styled.ol<Pick<IStepperProps, 'alignment'> & Transient<Pick<IStepperProps, 'direction'>, 'direction'>>`\n  ${({ $direction, alignment }) => css`\n    display: flex;\n\n    ${$direction === Directions.Horizontal &&\n    css`\n      width: 100%;\n      flex-direction: ${alignment === Alignments.Right ? 'row' : 'row-reverse'};\n    `}\n\n    ${$direction === Directions.Vertical &&\n    css`\n      height: 100%;\n      flex-direction: column;\n    `}\n  `}\n`;\n\nexport { Stepper };\n"],"names":["Stepper","styled","$direction","alignment","css","Directions","Alignments"],"mappings":";;AAKA,MAAMA,IAAUC,EAAO;AAAA,IACnB,CAAC,EAAE,YAAAC,GAAY,WAAAC,EAAA,MAAgBC;AAAA;AAAA;AAAA,MAG7BF,MAAeG,EAAW,cAC5BD;AAAA;AAAA,wBAEoBD,MAAcG,EAAW,QAAQ,QAAQ,aAAa;AAAA,KACzE;AAAA;AAAA,MAECJ,MAAeG,EAAW,YAC5BD;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA;"}
+{"version":3,"file":"Stepper.styles.js","sources":["../../../../src/components/Stepper/Stepper.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Directions, TransientAll, StepperConsts } from 'acinguiux-ds-react-base';\n\nimport { IStepperProps } from './Stepper.types';\n\nconst Stepper = styled.ol<TransientAll<Pick<IStepperProps, 'direction' | 'stepWidth'>>>`\n  ${({ $direction, $stepWidth }) => {\n    const width = typeof $stepWidth === 'number' ? `${$stepWidth}px` : $stepWidth;\n\n    return css`\n      display: grid;\n      gap: ${StepperConsts.stepperConsts.stepsContainerGap}px;\n      padding: 0;\n      margin: 0;\n\n      ${$direction === Directions.Horizontal &&\n      css`\n        grid-auto-columns: ${width || '1fr'};\n        grid-auto-flow: column;\n      `}\n    `;\n  }}\n`;\n\nexport { Stepper };\n"],"names":["Stepper","styled","$direction","$stepWidth","width","css","StepperConsts.stepperConsts","Directions"],"mappings":";;;AAKA,MAAMA,IAAUC,EAAO;AAAA,IACnB,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAAiB;AAChC,QAAMC,IAAQ,OAAOD,KAAe,WAAW,GAAGA,CAAU,OAAOA;AAE5D,SAAAE;AAAA;AAAA,aAEEC,EAA4B,iBAAiB;AAAA;AAAA;AAAA;AAAA,QAIlDJ,MAAeK,EAAW,cAC5BF;AAAA,6BACuBD,KAAS,KAAK;AAAA;AAAA,OAEpC;AAAA;AAEL,CAAC;AAAA;"}

package/build/esm/components/Stepper/Stepper.types.d.ts

@@ -1,18 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { Sizes, Directions, Alignments } from '..\..\react-base\src';
-export type StepperSize = Sizes.Small | Sizes.Medium | Sizes.Large;
-export type StepperDirection = Directions;
-export type StepperAlignment = Alignments.Left | Alignments.Right;
-export type StepType = 'base' | 'dot';
-type CustomStepperProps = {
-    type?: StepType;
-};
-export interface IStepperProps extends Omit<ComponentPropsWithoutRef<'ol'>, 'type'>, CustomStepperProps {
-    size?: StepperSize;
-    direction?: StepperDirection;
-    alignment?: StepperAlignment;
-    current: number;
-    children: ReactNode[];
-}
-export {};
+import { ComponentPropsWithoutRef } from 'react';
+import { StepperTypes } from '..\..\react-base\src';
+export type IStepperProps = Omit<ComponentPropsWithoutRef<'ol'>, 'type'> & StepperTypes.IStepperProps;
 //# sourceMappingURL=Stepper.types.d.ts.map

package/build/esm/components/Stepper/Stepper.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Stepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAExE,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;AACnE,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAC1C,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC;AAElE,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAC;AAEtC,KAAK,kBAAkB,GAAG;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,EAAE,kBAAkB;IACrG,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB"}
+{"version":3,"file":"Stepper.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Stepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC,aAAa,CAAC"}

package/build/esm/components/Stepper/_internalComponents/ContainedStep/ContainedStep.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { IStepProps } from '../../Step.types';
+declare const ContainedStep: ({ direction, size, order, title, invalid, stage, showBadge, showStepNumber, badgeChildren, badgeIcon, ...rest }: IStepProps) => ReactElement;
+export default ContainedStep;
+//# sourceMappingURL=ContainedStep.d.ts.map

package/build/esm/components/Stepper/_internalComponents/ContainedStep/ContainedStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainedStep.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Stepper/_internalComponents/ContainedStep/ContainedStep.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI9C,QAAA,MAAM,aAAa,oHAYhB,UAAU,KAAG,YAsBf,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build/esm/components/Stepper/_internalComponents/ContainedStep/ContainedStep.js

@@ -0,0 +1,39 @@
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import C from "../Content/Content.js";
+import { ContainedStepWrapper as f, Content as h } from "./ContainedStep.styles.js";
+import { ContainedContainer as s, Badge as x, ConnectorLine as g } from "../../Step.styles.js";
+const W = ({
+  direction: t,
+  size: e,
+  order: r,
+  title: d,
+  invalid: a,
+  stage: p,
+  showBadge: i,
+  showStepNumber: c,
+  badgeChildren: $,
+  badgeIcon: m,
+  ...l
+}) => /* @__PURE__ */ o(
+  f,
+  {
+    $type: "contained",
+    $showBadge: i,
+    $direction: t,
+    $size: e,
+    $invalid: a,
+    $stage: p,
+    ...l,
+    children: [
+      /* @__PURE__ */ o(s, { children: [
+        i && /* @__PURE__ */ n(x, { size: e, icon: m, fixedWidth: !0, children: $ }),
+        /* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(C, { order: r, showStepNumber: c, title: d, size: e }) })
+      ] }),
+      /* @__PURE__ */ n(g, { $type: "line", $direction: t })
+    ]
+  }
+);
+export {
+  W as default
+};
+//# sourceMappingURL=ContainedStep.js.map

package/build/esm/components/Stepper/_internalComponents/ContainedStep/ContainedStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainedStep.js","sources":["../../../../../../src/components/Stepper/_internalComponents/ContainedStep/ContainedStep.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport Content from '../Content/Content';\nimport { IStepProps } from '../../Step.types';\nimport * as Styled from './ContainedStep.styles';\nimport * as StyledStep from '../../Step.styles';\n\nconst ContainedStep = ({\n  direction,\n  size,\n  order,\n  title,\n  invalid,\n  stage,\n  showBadge,\n  showStepNumber,\n  badgeChildren,\n  badgeIcon,\n  ...rest\n}: IStepProps): ReactElement => (\n  <Styled.ContainedStepWrapper\n    $type=\"contained\"\n    $showBadge={showBadge}\n    $direction={direction}\n    $size={size}\n    $invalid={invalid}\n    $stage={stage}\n    {...rest}\n  >\n    <StyledStep.ContainedContainer>\n      {showBadge && (\n        <StyledStep.Badge size={size} icon={badgeIcon} fixedWidth>\n          {badgeChildren}\n        </StyledStep.Badge>\n      )}\n      <Styled.Content>\n        <Content order={order} showStepNumber={showStepNumber} title={title} size={size} />\n      </Styled.Content>\n    </StyledStep.ContainedContainer>\n    <StyledStep.ConnectorLine $type=\"line\" $direction={direction} />\n  </Styled.ContainedStepWrapper>\n);\n\nexport default ContainedStep;\n"],"names":["ContainedStep","direction","size","order","title","invalid","stage","showBadge","showStepNumber","badgeChildren","badgeIcon","rest","jsxs","Styled.ContainedStepWrapper","StyledStep.ContainedContainer","jsx","StyledStep.Badge","Styled.Content","Content","StyledStep.ConnectorLine"],"mappings":";;;;AAOA,MAAMA,IAAgB,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,YAAYN;AAAA,IACZ,YAAYN;AAAA,IACZ,OAAOC;AAAA,IACP,UAAUG;AAAA,IACV,QAAQC;AAAA,IACP,GAAGK;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAC,EAAAE,GAAA,EACE,UAAA;AAAA,QACCP,KAAA,gBAAAQ,EAACC,GAAA,EAAiB,MAAAd,GAAY,MAAMQ,GAAW,YAAU,IACtD,UACHD,EAAA,CAAA;AAAA,QAEF,gBAAAM,EAACE,GAAA,EACC,UAAA,gBAAAF,EAACG,KAAQ,OAAAf,GAAc,gBAAAK,GAAgC,OAAAJ,GAAc,MAAAF,EAAY,CAAA,EACnF,CAAA;AAAA,MAAA,GACF;AAAA,wBACCiB,GAAA,EAAyB,OAAM,QAAO,YAAYlB,EAAW,CAAA;AAAA,IAAA;AAAA,EAAA;AAChE;"}

package/build/esm/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.d.ts

@@ -0,0 +1,4 @@
+declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const ContainedStepWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, import("../../Step.types").IStepWrapperProps, never>;
+export { Content, ContainedStepWrapper };
+//# sourceMappingURL=ContainedStep.styles.d.ts.map

package/build/esm/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainedStep.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,OAAO,yGAGZ,CAAC;AAEF,QAAA,MAAM,oBAAoB,kJAMzB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/build/esm/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.js

@@ -0,0 +1,18 @@
+import t from "styled-components";
+import { StepWrapper as e, Badge as p } from "../../Step.styles.js";
+import * as o from "../../../../react-base/src/components/Stepper/Stepper.consts.js";
+const { containedStepperConsts: r } = o, s = t.div`
+  display: flex;
+  flex-direction: column;
+`, i = t(e)`
+  gap: ${r.wrapper.gap}px;
+
+  ${p} {
+    align-self: flex-start;
+  }
+`;
+export {
+  i as ContainedStepWrapper,
+  s as Content
+};
+//# sourceMappingURL=ContainedStep.styles.js.map

package/build/esm/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainedStep.styles.js","sources":["../../../../../../src/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { StepperConsts } from 'acinguiux-ds-react-base';\n\nimport { StepWrapper, Badge } from '../../Step.styles';\n\nconst { containedStepperConsts } = StepperConsts;\n\nconst Content = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst ContainedStepWrapper = styled(StepWrapper)`\n  gap: ${containedStepperConsts.wrapper.gap}px;\n\n  ${Badge} {\n    align-self: flex-start;\n  }\n`;\n\nexport { Content, ContainedStepWrapper };\n"],"names":["containedStepperConsts","StepperConsts","Content","styled","ContainedStepWrapper","StepWrapper","Badge"],"mappings":";;;AAKA,MAAM,EAAE,wBAAAA,EAA2B,IAAAC,GAE7BC,IAAUC,EAAO;AAAA;AAAA;AAAA,GAKjBC,IAAuBD,EAAOE,CAAW;AAAA,SACtCL,EAAuB,QAAQ,GAAG;AAAA;AAAA,IAEvCM,CAAK;AAAA;AAAA;AAAA;"}

package/build/esm/components/Stepper/_internalComponents/Content/Content.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { IContentProps } from './Content.types';
+declare const _default: ({ size, order, title, showStepNumber }: IContentProps) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export default _default;
+//# sourceMappingURL=Content.d.ts.map

package/build/esm/components/Stepper/_internalComponents/Content/Content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Stepper/_internalComponents/Content/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAQ,MAAM,OAAO,CAAC;AAK3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAoBhD,wBAA+C"}

package/build/esm/components/Stepper/_internalComponents/Content/Content.js

@@ -0,0 +1,25 @@
+import { jsxs as m, Fragment as o, jsx as i } from "react/jsx-runtime";
+import { memo as n } from "react";
+import { Text as p, Heading as a } from "../../Step.styles.js";
+import { getStepNumberSize as s, getTitleLevel as f } from "../../../../react-base/src/components/Stepper/Stepper.utils.js";
+import { TextElementTypes as b } from "../../../../react-base/src/consts.js";
+const c = ({ size: t, order: e, title: r, showStepNumber: l }) => /* @__PURE__ */ m(o, { children: [
+  l && /* @__PURE__ */ m(p, { "aria-label": `step-${e}-number`, size: s(t), children: [
+    "Step ",
+    e
+  ] }),
+  /* @__PURE__ */ i(
+    a,
+    {
+      "aria-label": `step-${e}-title`,
+      level: f(t),
+      type: b.Span,
+      bold: !0,
+      children: r
+    }
+  )
+] }), T = n(c);
+export {
+  T as default
+};
+//# sourceMappingURL=Content.js.map

package/build/esm/components/Stepper/_internalComponents/Content/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../../../../../src/components/Stepper/_internalComponents/Content/Content.tsx"],"sourcesContent":["import { ReactElement, memo } from 'react';\n\nimport { TextElementTypes, StepperUtils } from 'acinguiux-ds-react-base';\n\nimport * as StyledStep from '../../Step.styles';\nimport { IContentProps } from './Content.types';\n\nconst Content = ({ size, order, title, showStepNumber }: IContentProps): ReactElement => (\n  <>\n    {showStepNumber && (\n      <StyledStep.Text aria-label={`step-${order}-number`} size={StepperUtils.getStepNumberSize(size)}>\n        Step {order}\n      </StyledStep.Text>\n    )}\n    <StyledStep.Heading\n      aria-label={`step-${order}-title`}\n      level={StepperUtils.getTitleLevel(size)}\n      type={TextElementTypes.Span}\n      bold\n    >\n      {title}\n    </StyledStep.Heading>\n  </>\n);\n\nexport default memo(Content) as typeof Content;\n"],"names":["Content","size","order","title","showStepNumber","jsxs","Fragment","StyledStep.Text","StepperUtils.getStepNumberSize","jsx","StyledStep.Heading","StepperUtils.getTitleLevel","TextElementTypes","Content$1","memo"],"mappings":";;;;;AAOA,MAAMA,IAAU,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,gBAAAC,EAAA,MAElC,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAAF,KACE,gBAAAC,EAAAE,GAAA,EAAgB,cAAY,QAAQL,CAAK,WAAW,MAAMM,EAA+BP,CAAI,GAAG,UAAA;AAAA,IAAA;AAAA,IACzFC;AAAA,EAAA,GACR;AAAA,EAEF,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAY,QAAQR,CAAK;AAAA,MACzB,OAAOS,EAA2BV,CAAI;AAAA,MACtC,MAAMW,EAAiB;AAAA,MACvB,MAAI;AAAA,MAEH,UAAAT;AAAA,IAAA;AAAA,EAAA;AACH,GACF,GAGaU,IAAAC,EAAKd,CAAO;"}

package/build/esm/components/Stepper/_internalComponents/Content/Content.types.d.ts

@@ -0,0 +1,3 @@
+import { IStepProps } from '../../Step.types';
+export type IContentProps = Pick<IStepProps, 'size' | 'order' | 'title' | 'showStepNumber'>;
+//# sourceMappingURL=Content.types.d.ts.map

package/build/esm/components/Stepper/_internalComponents/Content/Content.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Stepper/_internalComponents/Content/Content.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,gBAAgB,CAAC,CAAC"}

package/build/esm/components/Stepper/_internalComponents/DefaultStep/DefaultStep.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { IStepProps } from '../../Step.types';
+declare const DefaultStep: ({ direction, size, order, title, invalid, stage, isLastStep, showStepNumber, showConnector, badgeChildren, badgeIcon, ...rest }: IStepProps) => ReactElement;
+export default DefaultStep;
+//# sourceMappingURL=DefaultStep.d.ts.map

package/build/esm/components/Stepper/_internalComponents/DefaultStep/DefaultStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultStep.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Stepper/_internalComponents/DefaultStep/DefaultStep.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKrC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI9C,QAAA,MAAM,WAAW,oIAad,UAAU,KAAG,YAyBf,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/esm/components/Stepper/_internalComponents/DefaultStep/DefaultStep.js

@@ -0,0 +1,40 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import s from "../Content/Content.js";
+import { DefaultStepWrapper as h, Connector as u, Content as C } from "./DefaultStep.styles.js";
+import { Badge as x, ConnectorLine as w } from "../../Step.styles.js";
+import { Directions as D } from "../../../../react-base/src/consts.js";
+const v = ({
+  direction: o,
+  size: t,
+  order: c,
+  title: d,
+  invalid: p,
+  stage: n,
+  isLastStep: $,
+  showStepNumber: r,
+  showConnector: l,
+  badgeChildren: a,
+  badgeIcon: f,
+  ...m
+}) => /* @__PURE__ */ i(
+  h,
+  {
+    $type: "default",
+    $direction: o,
+    $size: t,
+    $invalid: p,
+    $stage: n,
+    ...m,
+    children: [
+      /* @__PURE__ */ i(u, { $direction: o, children: [
+        /* @__PURE__ */ e(x, { size: t, icon: f, fixedWidth: !0, children: a }),
+        (!$ || l) && /* @__PURE__ */ e(w, { $type: n === "waiting" ? "dot" : "line", $direction: o })
+      ] }),
+      /* @__PURE__ */ e(C, { $direction: D.Vertical, $size: t, $showStepNumber: r, children: /* @__PURE__ */ e(s, { order: c, showStepNumber: r, title: d, size: t }) })
+    ]
+  }
+);
+export {
+  v as default
+};
+//# sourceMappingURL=DefaultStep.js.map

package/build/esm/components/Stepper/_internalComponents/DefaultStep/DefaultStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultStep.js","sources":["../../../../../../src/components/Stepper/_internalComponents/DefaultStep/DefaultStep.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport { Directions } from 'acinguiux-ds-react-base';\n\nimport Content from '../Content/Content';\nimport { IStepProps } from '../../Step.types';\nimport * as Styled from './DefaultStep.styles';\nimport * as StyledStep from '../../Step.styles';\n\nconst DefaultStep = ({\n  direction,\n  size,\n  order,\n  title,\n  invalid,\n  stage,\n  isLastStep,\n  showStepNumber,\n  showConnector,\n  badgeChildren,\n  badgeIcon,\n  ...rest\n}: IStepProps): ReactElement => {\n  const showConnectorLine = !isLastStep || showConnector;\n\n  return (\n    <Styled.DefaultStepWrapper\n      $type=\"default\"\n      $direction={direction}\n      $size={size}\n      $invalid={invalid}\n      $stage={stage}\n      {...rest}\n    >\n      <Styled.Connector $direction={direction}>\n        <StyledStep.Badge size={size} icon={badgeIcon} fixedWidth>\n          {badgeChildren}\n        </StyledStep.Badge>\n        {showConnectorLine && (\n          <StyledStep.ConnectorLine $type={stage === 'waiting' ? 'dot' : 'line'} $direction={direction} />\n        )}\n      </Styled.Connector>\n      <Styled.Content $direction={Directions.Vertical} $size={size} $showStepNumber={showStepNumber}>\n        <Content order={order} showStepNumber={showStepNumber} title={title} size={size} />\n      </Styled.Content>\n    </Styled.DefaultStepWrapper>\n  );\n};\n\nexport default DefaultStep;\n"],"names":["DefaultStep","direction","size","order","title","invalid","stage","isLastStep","showStepNumber","showConnector","badgeChildren","badgeIcon","rest","jsxs","Styled.DefaultStepWrapper","Styled.Connector","jsx","StyledStep.Badge","StyledStep.ConnectorLine","Styled.Content","Directions","Content"],"mappings":";;;;;AASA,MAAMA,IAAc,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAII,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,YAAYb;AAAA,IACZ,OAAOC;AAAA,IACP,UAAUG;AAAA,IACV,QAAQC;AAAA,IACP,GAAGM;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAA,EAAiB,YAAYd,GAC5B,UAAA;AAAA,QAAC,gBAAAe,EAAAC,GAAA,EAAiB,MAAAf,GAAY,MAAMS,GAAW,YAAU,IACtD,UACHD,GAAA;AAAA,SAdoB,CAACH,KAAcE,MAgBhC,gBAAAO,EAAAE,GAAA,EAAyB,OAAOZ,MAAU,YAAY,QAAQ,QAAQ,YAAYL,EAAW,CAAA;AAAA,MAAA,GAElG;AAAA,wBACCkB,GAAA,EAAe,YAAYC,EAAW,UAAU,OAAOlB,GAAM,iBAAiBM,GAC7E,UAAC,gBAAAQ,EAAAK,GAAA,EAAQ,OAAAlB,GAAc,gBAAAK,GAAgC,OAAAJ,GAAc,MAAAF,GAAY,EACnF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/build/esm/components/Stepper/_internalComponents/DefaultStep/DefaultStep.styles.d.ts

@@ -0,0 +1,6 @@
+import { IContentProps } from './DefaultStep.types';
+declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IContentProps, never>;
+export declare const Connector: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<import("..\..\..\..\react-base\src").TransientAll<Pick<import("../../Step.types").IStepProps, "direction">>>, never>;
+export declare const DefaultStepWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, import("../../Step.types").IStepWrapperProps, never>;
+export { Content };
+//# sourceMappingURL=DefaultStep.styles.d.ts.map

package/build/esm/components/Stepper/_internalComponents/DefaultStep/DefaultStep.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultStep.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Stepper/_internalComponents/DefaultStep/DefaultStep.styles.ts"],"names":[],"mappings":"AAKA,OAAO,EAAmB,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAMrE,QAAA,MAAM,OAAO,oHAiBZ,CAAC;AAEF,eAAO,MAAM,SAAS,yNAWrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,kJA8B9B,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/build/esm/components/Stepper/_internalComponents/DefaultStep/DefaultStep.styles.js

@@ -0,0 +1,65 @@
+import c, { css as o } from "styled-components";
+import { Surfaces as l } from "acinguiux-ds-fabrics";
+import { StepWrapper as g } from "../../Step.styles.js";
+import { Directions as a } from "../../../../react-base/src/consts.js";
+import * as u from "../../../../react-base/src/components/Stepper/Stepper.consts.js";
+const {
+  stepperConsts: { wrapper: e, content: n, connector: s }
+} = u, b = c.div`
+  ${({ $direction: r, $size: t, $showStepNumber: p }) => o`
+    display: flex;
+    gap: ${n.gap}px;
+    padding-top: ${n.paddingTop[t]}px;
+
+    ${r === a.Horizontal && o`
+      align-items: center;
+    `}
+
+    ${r === a.Vertical && o`
+      flex-direction: column;
+      ${!p && `padding-bottom: ${n.stepNumberHeight[t]}px;`}
+    `}
+  `};
+`, S = c.div`
+  ${({ $direction: r }) => o`
+    display: flex;
+    gap: ${s.gap[r]}px;
+    align-items: center;
+
+    ${r === a.Vertical && o`
+      flex-direction: column;
+    `}
+  `};
+`, k = c(g)`
+  ${({ theme: r, $direction: t, $invalid: p, $stage: i }) => {
+  const d = p && i === "current" ? l.Section : l.Surface;
+  return o`
+      border-radius: ${e.borderRadius}px;
+      padding: ${e.padding.vertical[t]}px ${e.padding.horizontal[t]}px;
+      gap: ${e.gap}px;
+
+      ${p && i === "current" && o`
+        background-color: ${r.onSurface.section.default.background};
+      `};
+
+      ${t === a.Vertical && o`
+        flex-direction: row;
+        padding-bottom: ${e.padding.horizontal[a.Vertical]}px;
+      `}
+
+      &:hover {
+        background-color: ${r.onSurface[d].hover.background};
+      }
+
+      &:active {
+        background-color: ${r.onSurface[d].active.background};
+      }
+    `;
+}}
+`;
+export {
+  S as Connector,
+  b as Content,
+  k as DefaultStepWrapper
+};
+//# sourceMappingURL=DefaultStep.styles.js.map

package/build/esm/components/Stepper/_internalComponents/DefaultStep/DefaultStep.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultStep.styles.js","sources":["../../../../../../src/components/Stepper/_internalComponents/DefaultStep/DefaultStep.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Directions, StepperConsts } from 'acinguiux-ds-react-base';\nimport { Surfaces } from 'acinguiux-ds-fabrics';\n\nimport { StepWrapper } from '../../Step.styles';\nimport { IConnectorProps, IContentProps } from './DefaultStep.types';\n\nconst {\n  stepperConsts: { wrapper, content, connector },\n} = StepperConsts;\n\nconst Content = styled.div<IContentProps>`\n  ${({ $direction, $size, $showStepNumber }) => css`\n    display: flex;\n    gap: ${content.gap}px;\n    padding-top: ${content.paddingTop[$size]}px;\n\n    ${$direction === Directions.Horizontal &&\n    css`\n      align-items: center;\n    `}\n\n    ${$direction === Directions.Vertical &&\n    css`\n      flex-direction: column;\n      ${!$showStepNumber && `padding-bottom: ${content.stepNumberHeight[$size]}px;`}\n    `}\n  `};\n`;\n\nexport const Connector = styled.div<IConnectorProps>`\n  ${({ $direction }) => css`\n    display: flex;\n    gap: ${connector.gap[$direction]}px;\n    align-items: center;\n\n    ${$direction === Directions.Vertical &&\n    css`\n      flex-direction: column;\n    `}\n  `};\n`;\n\nexport const DefaultStepWrapper = styled(StepWrapper)`\n  ${({ theme, $direction, $invalid, $stage }) => {\n    const backgroundSurfaceType = $invalid && $stage === 'current' ? Surfaces.Section : Surfaces.Surface;\n\n    return css`\n      border-radius: ${wrapper.borderRadius}px;\n      padding: ${wrapper.padding.vertical[$direction]}px ${wrapper.padding.horizontal[$direction]}px;\n      gap: ${wrapper.gap}px;\n\n      ${$invalid &&\n      $stage === 'current' &&\n      css`\n        background-color: ${theme.onSurface.section.default.background};\n      `};\n\n      ${$direction === Directions.Vertical &&\n      css`\n        flex-direction: row;\n        padding-bottom: ${wrapper.padding.horizontal[Directions.Vertical]}px;\n      `}\n\n      &:hover {\n        background-color: ${theme.onSurface[backgroundSurfaceType].hover.background};\n      }\n\n      &:active {\n        background-color: ${theme.onSurface[backgroundSurfaceType].active.background};\n      }\n    `;\n  }}\n`;\n\nexport { Content };\n"],"names":["wrapper","content","connector","StepperConsts","Content","styled","$direction","$size","$showStepNumber","css","Directions","Connector","DefaultStepWrapper","StepWrapper","theme","$invalid","$stage","backgroundSurfaceType","Surfaces"],"mappings":";;;;;AAOA,MAAM;AAAA,EACJ,eAAe,EAAE,SAAAA,GAAS,SAAAC,GAAS,WAAAC,EAAU;AAC/C,IAAIC,GAEEC,IAAUC,EAAO;AAAA,IACnB,CAAC,EAAE,YAAAC,GAAY,OAAAC,GAAO,iBAAAC,EAAsB,MAAAC;AAAA;AAAA,WAErCR,EAAQ,GAAG;AAAA,mBACHA,EAAQ,WAAWM,CAAK,CAAC;AAAA;AAAA,MAEtCD,MAAeI,EAAW,cAC5BD;AAAA;AAAA,KAEC;AAAA;AAAA,MAECH,MAAeI,EAAW,YAC5BD;AAAA;AAAA,QAEI,CAACD,KAAmB,mBAAmBP,EAAQ,iBAAiBM,CAAK,CAAC,KAAK;AAAA,KAC9E;AAAA,GACF;AAAA,GAGUI,IAAYN,EAAO;AAAA,IAC5B,CAAC,EAAE,YAAAC,EAAA,MAAiBG;AAAA;AAAA,WAEbP,EAAU,IAAII,CAAU,CAAC;AAAA;AAAA;AAAA,MAG9BA,MAAeI,EAAW,YAC5BD;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGUG,IAAqBP,EAAOQ,CAAW;AAAA,IAChD,CAAC,EAAE,OAAAC,GAAO,YAAAR,GAAY,UAAAS,GAAU,QAAAC,QAAa;AAC7C,QAAMC,IAAwBF,KAAYC,MAAW,YAAYE,EAAS,UAAUA,EAAS;AAEtF,SAAAT;AAAA,uBACYT,EAAQ,YAAY;AAAA,iBAC1BA,EAAQ,QAAQ,SAASM,CAAU,CAAC,MAAMN,EAAQ,QAAQ,WAAWM,CAAU,CAAC;AAAA,aACpFN,EAAQ,GAAG;AAAA;AAAA,QAEhBe,KACFC,MAAW,aACXP;AAAA,4BACsBK,EAAM,UAAU,QAAQ,QAAQ,UAAU;AAAA,OAC/D;AAAA;AAAA,QAECR,MAAeI,EAAW,YAC5BD;AAAA;AAAA,0BAEoBT,EAAQ,QAAQ,WAAWU,EAAW,QAAQ,CAAC;AAAA,OAClE;AAAA;AAAA;AAAA,4BAGqBI,EAAM,UAAUG,CAAqB,EAAE,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA,4BAIvDH,EAAM,UAAUG,CAAqB,EAAE,OAAO,UAAU;AAAA;AAAA;AAGlF,CAAC;AAAA;"}

package/build/esm/components/Stepper/_internalComponents/DefaultStep/DefaultStep.types.d.ts

@@ -0,0 +1,5 @@
+import { TransientAll } from '..\..\..\..\react-base\src';
+import { IStepProps } from '../../Step.types';
+export type IContentProps = Required<TransientAll<Pick<IStepProps, 'direction' | 'size'>>> & TransientAll<Pick<IStepProps, 'showStepNumber'>>;
+export type IConnectorProps = Required<TransientAll<Pick<IStepProps, 'direction'>>>;
+//# sourceMappingURL=DefaultStep.types.d.ts.map

package/build/esm/components/Stepper/_internalComponents/DefaultStep/DefaultStep.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultStep.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Stepper/_internalComponents/DefaultStep/DefaultStep.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,GACxF,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;AACnD,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC"}

package/build/esm/components/Stepper/utils/stepUtils.d.ts

@@ -1,4 +1,12 @@
-import { StepperSize, StepType } from '../Stepper.types';
-export declare const getTitleLevel: (size: StepperSize) => 2 | 3 | 4;
-export declare const getLineMinHeight: (size: StepperSize, type: StepType) => 40 | 48 | 56 | 68;
+import { StepperTypes } from '..\..\..\react-base\src';
+import { IStepProps } from '../Step.types';
+type GetStepComponentPropsArguments = {
+    stepsLength: number;
+    current: number;
+    index: number;
+    step: StepperTypes.Step;
+    type: StepperTypes.Type;
+};
+export declare const getStepComponentProps: ({ stepsLength, current, index, type, step: { onClick, icon, key, isFinished, ...restStep }, }: GetStepComponentPropsArguments) => Omit<IStepProps, 'size' | 'direction' | 'type' | 'icon'>;
+export {};
 //# sourceMappingURL=stepUtils.d.ts.map

package/build/esm/components/Stepper/utils/stepUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stepper/utils/stepUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEzD,eAAO,MAAM,aAAa,SAAU,WAAW,cAS9C,CAAC;AA6BF,eAAO,MAAM,gBAAgB,SAAU,WAAW,QAAQ,QAAQ,sBASjE,CAAC"}
+{"version":3,"file":"stepUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stepper/utils/stepUtils.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,KAAK,8BAA8B,GAAG;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,kGAM/B,8BAA8B,KAAG,KAAK,UAAU,EAAE,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAsC1F,CAAC"}

package/build/esm/components/Stepper/utils/stepUtils.js

@@ -1,46 +1,38 @@
-import { Sizes as t } from "../../../react-base/src/consts.js";
-const u = (e) => {
-  switch (e) {
-    case t.Small:
-      return 4;
-    case t.Large:
-      return 2;
-    default:
-      return 3;
-  }
-}, n = (e) => {
-  switch (e) {
-    case "dot":
-      return 48;
-    default:
-      return 40;
-  }
-}, i = (e) => {
-  switch (e) {
-    case "dot":
-      return 68;
-    default:
-      return 56;
-  }
-}, a = (e) => {
-  switch (e) {
-    case "dot":
-      return 68;
-    default:
-      return 48;
-  }
-}, c = (e, r) => {
-  switch (e) {
-    case t.Small:
-      return n(r);
-    case t.Large:
-      return a(r);
-    default:
-      return i(r);
-  }
+import { jsx as s } from "react/jsx-runtime";
+import u from "../../Icon/components/Check.js";
+import w from "../../Icon/components/Cross.js";
+import { getStage as y } from "../../../react-base/src/components/Stepper/Stepper.utils.js";
+const v = ({
+  stepsLength: l,
+  current: d,
+  index: r,
+  type: g,
+  step: { onClick: o, icon: c, key: p, isFinished: m, ...t }
+}) => {
+  const f = {
+    ...o && {
+      tabIndex: 0,
+      onKeyDown: (n) => {
+        o && (n.key === "Enter" || n.code === "Space") && n.currentTarget && n.currentTarget.click();
+      },
+      onClick: o
+    }
+  }, e = y(d, r, m), a = r + 1, b = !c && (e === "waiting" || !t.invalid && e === "current");
+  let i = c;
+  const h = b ? a : null;
+  return t.invalid && e !== "waiting" ? i = /* @__PURE__ */ s(w, {}) : e === "completed" && (i = /* @__PURE__ */ s(u, {})), {
+    stage: e,
+    order: a,
+    badgeIcon: i,
+    badgeChildren: h,
+    key: p ?? t.title,
+    isLastStep: r === l - 1,
+    "aria-label": `${g} step: ${a}, stage: ${e}`,
+    ...f,
+    ...t
+  };
 };
 export {
-  c as getLineMinHeight,
-  u as getTitleLevel
+  v as getStepComponentProps
 };
 //# sourceMappingURL=stepUtils.js.map

package/build/esm/components/Stepper/utils/stepUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepUtils.js","sources":["../../../../../src/components/Stepper/utils/stepUtils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\r\n\r\nimport { StepperSize, StepType } from '../Stepper.types';\r\n\r\nexport const getTitleLevel = (size: StepperSize) => {\r\n  switch (size) {\r\n    case Sizes.Small:\r\n      return 4;\r\n    case Sizes.Large:\r\n      return 2;\r\n    default:\r\n      return 3;\r\n  }\r\n};\r\n\r\nconst getSmallLineMinHeight = (type: StepType) => {\r\n  switch (type) {\r\n    case 'dot':\r\n      return 48;\r\n    default:\r\n      return 40;\r\n  }\r\n};\r\n\r\nconst getMediumLineMinHeight = (type: StepType) => {\r\n  switch (type) {\r\n    case 'dot':\r\n      return 68;\r\n    default:\r\n      return 56;\r\n  }\r\n};\r\n\r\nconst getLargeLineMinHeight = (type: StepType) => {\r\n  switch (type) {\r\n    case 'dot':\r\n      return 68;\r\n    default:\r\n      return 48;\r\n  }\r\n};\r\n\r\nexport const getLineMinHeight = (size: StepperSize, type: StepType) => {\r\n  switch (size) {\r\n    case Sizes.Small:\r\n      return getSmallLineMinHeight(type);\r\n    case Sizes.Large:\r\n      return getLargeLineMinHeight(type);\r\n    default:\r\n      return getMediumLineMinHeight(type);\r\n  }\r\n};\r\n"],"names":["getTitleLevel","size","Sizes","getSmallLineMinHeight","type","getMediumLineMinHeight","getLargeLineMinHeight","getLineMinHeight"],"mappings":";AAIa,MAAAA,IAAgB,CAACC,MAAsB;AAClD,UAAQA,GAAM;AAAA,IACZ,KAAKC,EAAM;AACF,aAAA;AAAA,IACT,KAAKA,EAAM;AACF,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEMC,IAAwB,CAACC,MAAmB;AAChD,UAAQA,GAAM;AAAA,IACZ,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEMC,IAAyB,CAACD,MAAmB;AACjD,UAAQA,GAAM;AAAA,IACZ,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEME,IAAwB,CAACF,MAAmB;AAChD,UAAQA,GAAM;AAAA,IACZ,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEaG,IAAmB,CAACN,GAAmBG,MAAmB;AACrE,UAAQH,GAAM;AAAA,IACZ,KAAKC,EAAM;AACT,aAAOC,EAAsBC,CAAI;AAAA,IACnC,KAAKF,EAAM;AACT,aAAOI,EAAsBF,CAAI;AAAA,IACnC;AACE,aAAOC,EAAuBD,CAAI;AAAA,EACtC;AACF;"}
+{"version":3,"file":"stepUtils.js","sources":["../../../../../src/components/Stepper/utils/stepUtils.tsx"],"sourcesContent":["import { KeyboardEvent } from 'react';\n\nimport { StepperUtils, StepperTypes } from 'acinguiux-ds-react-base';\n\nimport { Check, Cross } from '../../Icon/components';\nimport { IStepProps } from '../Step.types';\n\ntype GetStepComponentPropsArguments = {\n  stepsLength: number;\n  current: number;\n  index: number;\n  step: StepperTypes.Step;\n  type: StepperTypes.Type;\n};\n\nexport const getStepComponentProps = ({\n  stepsLength,\n  current,\n  index,\n  type,\n  step: { onClick, icon, key, isFinished, ...restStep },\n}: GetStepComponentPropsArguments): Omit<IStepProps, 'size' | 'direction' | 'type' | 'icon'> => {\n  const handleOnKeyDown = (e: KeyboardEvent<HTMLLIElement>) => {\n    if (onClick && (e.key === 'Enter' || e.code === 'Space') && e.currentTarget) {\n      e.currentTarget.click();\n    }\n  };\n\n  const clickableProps = {\n    ...(onClick && {\n      tabIndex: 0,\n      onKeyDown: handleOnKeyDown,\n      onClick,\n    }),\n  };\n  const stage = StepperUtils.getStage(current, index, isFinished);\n  const order = index + 1;\n  const renderChildren = !icon && (stage === 'waiting' || (!restStep.invalid && stage === 'current'));\n\n  let badgeIcon = icon;\n  const badgeChildren = renderChildren ? order : null;\n\n  if (restStep.invalid && stage !== 'waiting') {\n    badgeIcon = <Cross />;\n  } else if (stage === 'completed') {\n    badgeIcon = <Check />;\n  }\n\n  return {\n    stage,\n    order,\n    badgeIcon,\n    badgeChildren,\n    key: key ?? restStep.title,\n    isLastStep: index === stepsLength - 1,\n    'aria-label': `${type} step: ${order}, stage: ${stage}`,\n    ...clickableProps,\n    ...restStep,\n  };\n};\n"],"names":["getStepComponentProps","stepsLength","current","index","type","onClick","icon","key","isFinished","restStep","clickableProps","e","stage","StepperUtils.getStage","order","renderChildren","badgeIcon","badgeChildren","Cross","Check"],"mappings":";;;;AAeO,MAAMA,IAAwB,CAAC;AAAA,EACpC,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,KAAAC,GAAK,YAAAC,GAAY,GAAGC,EAAS;AACtD,MAAgG;AAO9F,QAAMC,IAAiB;AAAA,IACrB,GAAIL,KAAW;AAAA,MACb,UAAU;AAAA,MACV,WAToB,CAACM,MAAoC;AACvD,QAAAN,MAAYM,EAAE,QAAQ,WAAWA,EAAE,SAAS,YAAYA,EAAE,iBAC5DA,EAAE,cAAc,MAAM;AAAA,MAE1B;AAAA,MAMI,SAAAN;AAAA,IAAA;AAAA,EAEJ,GACMO,IAAQC,EAAsBX,GAASC,GAAOK,CAAU,GACxDM,IAAQX,IAAQ,GAChBY,IAAiB,CAACT,MAASM,MAAU,aAAc,CAACH,EAAS,WAAWG,MAAU;AAExF,MAAII,IAAYV;AACV,QAAAW,IAAgBF,IAAiBD,IAAQ;AAE3C,SAAAL,EAAS,WAAWG,MAAU,YAChCI,sBAAaE,GAAM,EAAA,IACVN,MAAU,gBACnBI,sBAAaG,GAAM,EAAA,IAGd;AAAA,IACL,OAAAP;AAAA,IACA,OAAAE;AAAA,IACA,WAAAE;AAAA,IACA,eAAAC;AAAA,IACA,KAAKV,KAAOE,EAAS;AAAA,IACrB,YAAYN,MAAUF,IAAc;AAAA,IACpC,cAAc,GAAGG,CAAI,UAAUU,CAAK,YAAYF,CAAK;AAAA,IACrD,GAAGF;AAAA,IACH,GAAGD;AAAA,EACL;AACF;"}

package/build/esm/components/Table/Table.js

@@ -1,23 +1,23 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as i, useMemo as d } from "react";
 import { TableContext as n } from "./hooks/useTable.js";
-import { Table as s } from "./Table.styles.js";
-import { Alignments as p, Sizes as b } from "../../react-base/src/consts.js";
-const c = i(
-  ({ size: o = b.Medium, alignment: r, empty: t, header: m, ...a }, l) => {
-    const f = d(
+import { Table as p } from "./Table.styles.js";
+import { Alignments as s, Sizes as u } from "../../react-base/src/consts.js";
+const M = i(
+  ({ size: r = u.Medium, alignment: o, empty: t, header: m, ...a }, f) => {
+    const l = d(
       () => ({
-        size: o,
-        alignment: r || p.Left,
+        size: r,
+        alignment: o || s.Left,
         empty: t,
         header: m
       }),
-      [o, r]
+      [r, o]
     );
-    return /* @__PURE__ */ e(n.Provider, { value: f, children: /* @__PURE__ */ e(s, { ref: l, size: o, alignment: r, ...a, cellPadding: 1 }) });
+    return /* @__PURE__ */ e(n.Provider, { value: l, children: /* @__PURE__ */ e(p, { ref: f, size: r, alignment: o, ...a, cellPadding: 1 }) });
   }
-), P = c;
+);
 export {
-  P as default
+  M as default
 };
 //# sourceMappingURL=Table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useMemo } from 'react';\r\n\r\nimport { Alignments, Sizes } from 'acinguiux-ds-react-base';\r\n\r\nimport { TableContext } from './hooks/useTable';\r\nimport * as Styled from './Table.styles';\r\nimport { ITableProps } from './Table.types';\r\n\r\nconst Table = forwardRef(\r\n  ({ size = Sizes.Medium, alignment, empty, header, ...props }: ITableProps, ref: ForwardedRef<HTMLTableElement>) => {\r\n    const value = useMemo(\r\n      (): ITableProps => ({\r\n        size,\r\n        alignment: alignment || Alignments.Left,\r\n        empty,\r\n        header,\r\n      }),\r\n      [size, alignment],\r\n    );\r\n\r\n    return (\r\n      <TableContext.Provider value={value}>\r\n        <Styled.Table ref={ref} size={size} alignment={alignment} {...props} cellPadding={1} />\r\n      </TableContext.Provider>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Table;\r\n"],"names":["Table","forwardRef","size","Sizes","alignment","empty","header","props","ref","value","useMemo","Alignments","TableContext","Styled.Table","Table$1"],"mappings":";;;;;AAQA,MAAMA,IAAQC;AAAA,EACZ,CAAC,EAAE,MAAAC,IAAOC,EAAM,QAAQ,WAAAC,GAAW,OAAAC,GAAO,QAAAC,GAAQ,GAAGC,EAAM,GAAgBC,MAAwC;AACjH,UAAMC,IAAQC;AAAA,MACZ,OAAoB;AAAA,QAClB,MAAAR;AAAA,QACA,WAAWE,KAAaO,EAAW;AAAA,QACnC,OAAAN;AAAA,QACA,QAAAC;AAAA,MAAA;AAAA,MAEF,CAACJ,GAAME,CAAS;AAAA,IAAA;AAGlB,6BACGQ,EAAa,UAAb,EAAsB,OAAAH,GACrB,4BAACI,GAAA,EAAa,KAAAL,GAAU,MAAAN,GAAY,WAAAE,GAAuB,GAAGG,GAAO,aAAa,GAAG,EACvF,CAAA;AAAA,EAEJ;AACF,GAEAO,IAAed;"}
+{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useMemo } from 'react';\n\nimport { Alignments, Sizes } from 'acinguiux-ds-react-base';\n\nimport { TableContext } from './hooks/useTable';\nimport * as Styled from './Table.styles';\nimport { ITableProps } from './Table.types';\n\nconst Table = forwardRef(\n  ({ size = Sizes.Medium, alignment, empty, header, ...props }: ITableProps, ref: ForwardedRef<HTMLTableElement>) => {\n    const value = useMemo(\n      (): ITableProps => ({\n        size,\n        alignment: alignment || Alignments.Left,\n        empty,\n        header,\n      }),\n      [size, alignment],\n    );\n\n    return (\n      <TableContext.Provider value={value}>\n        <Styled.Table ref={ref} size={size} alignment={alignment} {...props} cellPadding={1} />\n      </TableContext.Provider>\n    );\n  },\n);\n\nexport default Table;\n"],"names":["Table","forwardRef","size","Sizes","alignment","empty","header","props","ref","value","useMemo","Alignments","TableContext","Styled.Table"],"mappings":";;;;;AAQA,MAAMA,IAAQC;AAAA,EACZ,CAAC,EAAE,MAAAC,IAAOC,EAAM,QAAQ,WAAAC,GAAW,OAAAC,GAAO,QAAAC,GAAQ,GAAGC,EAAM,GAAgBC,MAAwC;AACjH,UAAMC,IAAQC;AAAA,MACZ,OAAoB;AAAA,QAClB,MAAAR;AAAA,QACA,WAAWE,KAAaO,EAAW;AAAA,QACnC,OAAAN;AAAA,QACA,QAAAC;AAAA,MAAA;AAAA,MAEF,CAACJ,GAAME,CAAS;AAAA,IAClB;AAEA,6BACGQ,EAAa,UAAb,EAAsB,OAAAH,GACrB,4BAACI,GAAA,EAAa,KAAAL,GAAU,MAAAN,GAAY,WAAAE,GAAuB,GAAGG,GAAO,aAAa,EAAG,CAAA,GACvF;AAAA,EAAA;AAGN;"}

package/build/esm/components/Table/Table.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.js","sources":["../../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Transient, Sizes, TableConsts } from 'acinguiux-ds-react-base';\r\n\r\nimport { ITableProps } from './Table.types';\r\nimport { TD, TR } from './components/TableElements/TableElements';\r\nimport Flexbox from '../Flexbox/Flexbox';\r\n\r\nconst Table = styled.table<Transient<ITableProps, 'empty'>>(\r\n  ({ theme, size = Sizes.Medium, alignment, $empty }) => css`\r\n    width: 100%;\r\n    height: ${TableConsts.consts[size].cell.height};\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    background-color: ${theme.onSurface.elevated.default.background};\r\n\r\n    > :first-child > ${TR}:first-of-type > :first-child {\r\n      border-top-left-radius: 8px;\r\n    }\r\n\r\n    > :first-child > ${TR}:first-of-type > * {\r\n      border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    }\r\n\r\n    > * > ${TR} > :first-child {\r\n      border-left: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    }\r\n\r\n    > * > ${TR} > :last-child {\r\n      border-right: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    }\r\n\r\n    > :last-child > ${TR}:last-of-type > * {\r\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    }\r\n\r\n    > :first-child > ${TR}:first-of-type > :last-child {\r\n      border-top-right-radius: 8px;\r\n    }\r\n\r\n    > :last-child > ${TR}:last-of-type > :first-child {\r\n      border-bottom-left-radius: 8px;\r\n    }\r\n\r\n    > :last-child > ${TR}:last-of-type > :last-child {\r\n      border-bottom-right-radius: 8px;\r\n    }\r\n\r\n    > * > ${TR} > ${TD} > ${Flexbox} {\r\n      justify-content: ${alignment};\r\n    }\r\n\r\n    tbody td {\r\n      text-align: ${alignment};\r\n\r\n      ${$empty &&\r\n    css`\r\n        padding: unset;\r\n      `};\r\n    }\r\n\r\n    tfoot th {\r\n      text-align: left;\r\n    }\r\n  `,\r\n);\r\n\r\nexport { Table };\r\n"],"names":["Table","styled","theme","size","Sizes","alignment","$empty","css","TableConsts.consts","TR","TD","Flexbox"],"mappings":";;;;;AAOA,MAAMA,IAAQC,EAAO;AAAA,EACnB,CAAC,EAAE,OAAAC,GAAO,MAAAC,IAAOC,EAAM,QAAQ,WAAAC,GAAW,QAAAC,EAAa,MAAAC;AAAA;AAAA,cAE3CC,EAAmBL,CAAI,EAAE,KAAK,MAAM;AAAA;AAAA;AAAA,wBAG1BD,EAAM,UAAU,SAAS,QAAQ,UAAU;AAAA;AAAA,uBAE5CO,CAAE;AAAA;AAAA;AAAA;AAAA,uBAIFA,CAAE;AAAA,8BACKP,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA,YAG/DO,CAAE;AAAA,+BACiBP,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA,YAGhEO,CAAE;AAAA,gCACkBP,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA,sBAGvDO,CAAE;AAAA,iCACSP,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA,uBAGvDO,CAAE;AAAA;AAAA;AAAA;AAAA,sBAIHA,CAAE;AAAA;AAAA;AAAA;AAAA,sBAIFA,CAAE;AAAA;AAAA;AAAA;AAAA,YAIZA,CAAE,MAAMC,CAAE,MAAMC,CAAO;AAAA,yBACVN,CAAS;AAAA;AAAA;AAAA;AAAA,oBAIdA,CAAS;AAAA;AAAA,QAErBC,KACJC;AAAA;AAAA,OAEG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOP;"}
+{"version":3,"file":"Table.styles.js","sources":["../../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Transient, Sizes, TableConsts } from 'acinguiux-ds-react-base';\n\nimport { ITableProps } from './Table.types';\nimport { TD, TR } from './components/TableElements/TableElements';\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst Table = styled.table<Transient<ITableProps, 'empty'>>(\n  ({ theme, size = Sizes.Medium, alignment, $empty }) => css`\n    width: 100%;\n    height: ${TableConsts.consts[size].cell.height};\n    border-collapse: separate;\n    border-spacing: 0;\n    background-color: ${theme.onSurface.elevated.default.background};\n\n    > :first-child > ${TR}:first-of-type > :first-child {\n      border-top-left-radius: 8px;\n    }\n\n    > :first-child > ${TR}:first-of-type > * {\n      border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    }\n\n    > * > ${TR} > :first-child {\n      border-left: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    }\n\n    > * > ${TR} > :last-child {\n      border-right: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    }\n\n    > :last-child > ${TR}:last-of-type > * {\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    }\n\n    > :first-child > ${TR}:first-of-type > :last-child {\n      border-top-right-radius: 8px;\n    }\n\n    > :last-child > ${TR}:last-of-type > :first-child {\n      border-bottom-left-radius: 8px;\n    }\n\n    > :last-child > ${TR}:last-of-type > :last-child {\n      border-bottom-right-radius: 8px;\n    }\n\n    > * > ${TR} > ${TD} > ${Flexbox} {\n      justify-content: ${alignment};\n    }\n\n    tbody td {\n      text-align: ${alignment};\n\n      ${$empty &&\n    css`\n        padding: unset;\n      `};\n    }\n\n    tfoot th {\n      text-align: left;\n    }\n  `,\n);\n\nexport { Table };\n"],"names":["Table","styled","theme","size","Sizes","alignment","$empty","css","TableConsts.consts","TR","TD","Flexbox"],"mappings":";;;;;AAOA,MAAMA,IAAQC,EAAO;AAAA,EACnB,CAAC,EAAE,OAAAC,GAAO,MAAAC,IAAOC,EAAM,QAAQ,WAAAC,GAAW,QAAAC,QAAaC;AAAA;AAAA,cAE3CC,EAAmBL,CAAI,EAAE,KAAK,MAAM;AAAA;AAAA;AAAA,wBAG1BD,EAAM,UAAU,SAAS,QAAQ,UAAU;AAAA;AAAA,uBAE5CO,CAAE;AAAA;AAAA;AAAA;AAAA,uBAIFA,CAAE;AAAA,8BACKP,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA,YAG/DO,CAAE;AAAA,+BACiBP,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA,YAGhEO,CAAE;AAAA,gCACkBP,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA,sBAGvDO,CAAE;AAAA,iCACSP,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA,uBAGvDO,CAAE;AAAA;AAAA;AAAA;AAAA,sBAIHA,CAAE;AAAA;AAAA;AAAA;AAAA,sBAIFA,CAAE;AAAA;AAAA;AAAA;AAAA,YAIZA,CAAE,MAAMC,CAAE,MAAMC,CAAO;AAAA,yBACVN,CAAS;AAAA;AAAA;AAAA;AAAA,oBAIdA,CAAS;AAAA;AAAA,QAErBC,KACJC;AAAA;AAAA,OAEG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOP;"}

package/build/esm/components/Table/_internalComponents/data.d.ts

@@ -22,7 +22,7 @@ export type Person = {
 export declare const productTypes: readonly ["new", "old", "refurbished", "good as new"];
 export declare const generateProductData: (amount?: number) => Product[];
 export declare const generateSentimentsOnData: <T>(data: T[]) => (T & {
-    sentiment: "neutral" | "positive" | "negative" | "warning" | "information" | undefined;
+    sentiment: "information" | "negative" | "neutral" | "positive" | "warning" | undefined;
 })[];
 export declare const generatePersonData: (amount?: number) => Person[];
 export declare const generateNestedData: <T extends {

package/build/esm/components/Table/components/BaseTable/BaseTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,QAAA,MAAM,SAAS,mUAuBZ,gBAAgB,CAAC,CAAC,4CAgEpB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,QAAA,MAAM,SAAS,mUAuBZ,gBAAgB,CAAC,CAAC,4CAgEpB,CAAC;AAEF,eAAe,SAAS,CAAC"}