@salt-ds/lab 1.0.0-alpha.6 → 1.0.0-alpha.61

package/dist-cjs/static-list/StaticList.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var react = require('react');
+var StaticList$1 = require('./StaticList.css.js');
+
+const withBaseName = core.makePrefixer("saltStaticList");
+const StaticList = react.forwardRef(
+  function StaticList2({ children, className, ...rest }, ref) {
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-static-list",
+      css: StaticList$1,
+      window: targetWindow
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: clsx.clsx(withBaseName(), className), ref, ...rest, children });
+  }
+);
+
+exports.StaticList = StaticList;
+//# sourceMappingURL=StaticList.js.map

package/dist-cjs/static-list/StaticList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticList.js","sources":["../src/static-list/StaticList.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\n\nimport staticListCss from \"./StaticList.css\";\n\nconst withBaseName = makePrefixer(\"saltStaticList\");\n\nexport interface StaticListProps extends ComponentPropsWithoutRef<\"ul\"> {\n  /**\n   * The list items to be rendered within the StaticList.\n   */\n  children: ReactNode;\n}\n\nexport const StaticList = forwardRef<HTMLOListElement, StaticListProps>(\n  function StaticList({ children, className, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-static-list\",\n      css: staticListCss,\n      window: targetWindow,\n    });\n\n    return (\n      <ol className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n        {children}\n      </ol>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","StaticList","useWindow","useComponentCssInjection","staticListCss","jsx","clsx"],"mappings":";;;;;;;;;;AAYA,MAAM,YAAA,GAAeA,kBAAa,gBAAgB,CAAA;AAS3C,MAAM,UAAa,GAAAC,gBAAA;AAAA,EACxB,SAASC,YAAW,EAAE,QAAA,EAAU,WAAW,GAAG,IAAA,IAAQ,GAAK,EAAA;AACzD,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,kBAAA;AAAA,MACR,GAAK,EAAAC,YAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IACE,uBAAAC,cAAA,CAAC,IAAG,EAAA,EAAA,SAAA,EAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA,SAAS,CAAG,EAAA,GAAA,EAAW,GAAG,IAAA,EAC3D,QACH,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist-cjs/static-list/StaticListItem.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltStaticListItem {\n  list-style-type: none;\n  display: flex;\n  gap: var(--salt-spacing-100);\n  box-sizing: border-box;\n  padding: var(--salt-spacing-50) var(--salt-spacing-100);\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n}\n\n.saltStaticListItem > .saltIcon {\n  /* Workaround to ensure the icon and button are aligned.*/\n  min-height: var(--salt-size-base);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=StaticListItem.css.js.map

package/dist-cjs/static-list/StaticListItem.css.js.map

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

package/dist-cjs/static-list/StaticListItem.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var react = require('react');
+var StaticListItem$1 = require('./StaticListItem.css.js');
+
+const withBaseName = core.makePrefixer("saltStaticListItem");
+const StaticListItem = react.forwardRef(
+  function StaticListItem2(props, ref) {
+    const { className, children, ...restProps } = props;
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-static-list-item",
+      css: StaticListItem$1,
+      window: targetWindow
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { className: clsx.clsx(withBaseName(), className), ref, ...restProps, children });
+  }
+);
+
+exports.StaticListItem = StaticListItem;
+//# sourceMappingURL=StaticListItem.js.map

package/dist-cjs/static-list/StaticListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticListItem.js","sources":["../src/static-list/StaticListItem.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\n\nimport staticListItemCss from \"./StaticListItem.css\";\n\nconst withBaseName = makePrefixer(\"saltStaticListItem\");\n\nexport interface StaticListItemProps extends ComponentPropsWithoutRef<\"li\"> {}\n\nexport const StaticListItem = forwardRef<HTMLLIElement, StaticListItemProps>(\n  function StaticListItem(props, ref) {\n    const { className, children, ...restProps } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-static-list-item\",\n      css: staticListItemCss,\n      window: targetWindow,\n    });\n\n    return (\n      <li className={clsx(withBaseName(), className)} ref={ref} {...restProps}>\n        {children}\n      </li>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","StaticListItem","useWindow","useComponentCssInjection","staticListItemCss","jsx","clsx"],"mappings":";;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,kBAAa,oBAAoB,CAAA;AAI/C,MAAM,cAAiB,GAAAC,gBAAA;AAAA,EAC5B,SAASC,eAAe,CAAA,KAAA,EAAO,GAAK,EAAA;AAClC,IAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,GAAG,WAAc,GAAA,KAAA;AAE9C,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,uBAAA;AAAA,MACR,GAAK,EAAAC,gBAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IACE,uBAAAC,cAAA,CAAC,IAAG,EAAA,EAAA,SAAA,EAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA,SAAS,CAAG,EAAA,GAAA,EAAW,GAAG,SAAA,EAC3D,QACH,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist-cjs/static-list/StaticListItemContent.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltStaticListItemContent {\n  flex: 1 0;\n  margin: var(--salt-spacing-75) 0;\n  color: var(--salt-content-primary-foreground);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  font-family: var(--salt-text-fontFamily);\n  line-height: var(--salt-text-lineHeight);\n  letter-spacing: var(--salt-text-letterSpacing);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=StaticListItemContent.css.js.map

package/dist-cjs/static-list/StaticListItemContent.css.js.map

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

package/dist-cjs/static-list/StaticListItemContent.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var react = require('react');
+var StaticListItemContent$1 = require('./StaticListItemContent.css.js');
+
+const withBaseName = core.makePrefixer("saltStaticListItemContent");
+const StaticListItemContent = react.forwardRef(function StaticListItemContent2({ children, className, ...restProps }, ref) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-static-list-item-content",
+    css: StaticListItemContent$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(withBaseName(), className), ...restProps, ref, children });
+});
+
+exports.StaticListItemContent = StaticListItemContent;
+//# sourceMappingURL=StaticListItemContent.js.map

package/dist-cjs/static-list/StaticListItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticListItemContent.js","sources":["../src/static-list/StaticListItemContent.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\nimport staticListItemContent from \"./StaticListItemContent.css\";\n\nconst withBaseName = makePrefixer(\"saltStaticListItemContent\");\n\nexport interface StaticListItemContentProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of Static List Item\n   */\n  children?: ReactNode;\n}\n\nexport const StaticListItemContent = forwardRef<\n  HTMLDivElement,\n  StaticListItemContentProps\n>(function StaticListItemContent({ children, className, ...restProps }, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-static-list-item-content\",\n    css: staticListItemContent,\n    window: targetWindow,\n  });\n\n  return (\n    <div className={clsx(withBaseName(), className)} {...restProps} ref={ref}>\n      {children}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","StaticListItemContent","useWindow","useComponentCssInjection","staticListItemContent","jsx","clsx"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,kBAAa,2BAA2B,CAAA;AAUhD,MAAA,qBAAA,GAAwBC,gBAGnC,CAAA,SAASC,sBAAsB,CAAA,EAAE,UAAU,SAAW,EAAA,GAAG,SAAU,EAAA,EAAG,GAAK,EAAA;AAC3E,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,+BAAA;AAAA,IACR,GAAK,EAAAC,uBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA,SAAS,CAAI,EAAA,GAAG,SAAW,EAAA,GAAA,EAC7D,QACH,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/stepped-tracker/Step.Connector.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltStepConnector {\n  grid-area: connector;\n\n  transition-duration: inherit;\n  transition-timing-function: inherit;\n  transition-property: opacity, min-height;\n}\n\n.saltSteppedTracker-horizontal .saltStepConnector {\n  position: absolute;\n  transform: translateY(-100%);\n  top: calc(var(--step-icon-size) / 2);\n  left: calc(50% + calc(var(--step-icon-size) / 2 + var(--salt-spacing-100)));\n  right: calc(-50% + calc(var(--step-icon-size) / 2 + var(--salt-spacing-100)));\n\n  border-top-width: var(--salt-size-border-strong);\n  border-top-style: var(--salt-track-borderStyle-incomplete);\n  border-top-color: var(--salt-track-borderColor);\n}\n\n.saltSteppedTracker-horizontal .saltStep-stage-completed > .saltStepConnector,\n.saltSteppedTracker-horizontal .saltStep-stage-inprogress > .saltStepConnector {\n  border-top-style: var(--salt-track-borderStyle-complete);\n}\n\n.saltSteppedTracker-vertical .saltStepConnector {\n  min-height: var(--salt-size-base);\n  align-self: stretch;\n  justify-self: center;\n\n  border-left-width: var(--salt-size-border-strong);\n  border-left-style: var(--salt-track-borderStyle-incomplete);\n  border-left-color: var(--salt-track-borderColor);\n}\n\n.saltSteppedTracker-vertical .saltStep-stage-completed > .saltStepConnector,\n.saltSteppedTracker-vertical .saltStep-stage-inprogress > .saltStepConnector {\n  border-left-style: var(--salt-track-borderStyle-complete);\n}\n\n.saltStep-depth-0.saltStep:not(.saltStep-expanded):last-child > .saltStepConnector {\n  opacity: 0;\n  min-height: 0;\n}\n\n.saltStep-depth-0.saltStep-expanded:last-child .saltStep:not(.saltStep-expanded):last-child .saltStepConnector {\n  opacity: 0;\n  min-height: 0;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=Step.Connector.css.js.map

package/dist-cjs/stepped-tracker/Step.Connector.css.js.map

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

package/dist-cjs/stepped-tracker/Step.Connector.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var Step_Connector = require('./Step.Connector.css.js');
+
+const withBaseName = core.makePrefixer("saltStepConnector");
+function StepConnector() {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-step-connector",
+    css: Step_Connector,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: withBaseName() });
+}
+
+exports.StepConnector = StepConnector;
+//# sourceMappingURL=Step.Connector.js.map

package/dist-cjs/stepped-tracker/Step.Connector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.Connector.js","sources":["../src/stepped-tracker/Step.Connector.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport stepConnectorCSS from \"./Step.Connector.css\";\n\nconst withBaseName = makePrefixer(\"saltStepConnector\");\n\nexport function StepConnector() {\n  const targetWindow = useWindow();\n\n  useComponentCssInjection({\n    testId: \"salt-step-connector\",\n    css: stepConnectorCSS,\n    window: targetWindow,\n  });\n\n  return <div aria-hidden className={withBaseName()} />;\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","stepConnectorCSS"],"mappings":";;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA;AAE9C,SAAS,aAAgB,GAAA;AAC9B,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAE/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,qBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,sCAAQ,KAAI,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA,SAAA,EAAW,cAAgB,EAAA,CAAA;AACrD;;;;"}

package/dist-cjs/stepped-tracker/Step.Description.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltStepDescription {\n  grid-area: description;\n}\n\n.saltSteppedTracker-vertical .saltStepDescription {\n  padding-bottom: var(--salt-spacing-300);\n  padding-left: calc((var(--step-depth)) * var(--salt-spacing-100));\n}\n\n.saltStep-status-warning > .saltStepDescription {\n  color: var(--salt-status-warning-foreground-informative);\n}\n\n.saltStep-status-error > .saltStepDescription {\n  color: var(--salt-status-error-foreground-informative);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=Step.Description.css.js.map

package/dist-cjs/stepped-tracker/Step.Description.css.js.map

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

package/dist-cjs/stepped-tracker/Step.Description.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var Step_Description = require('./Step.Description.css.js');
+
+const withBaseName = core.makePrefixer("saltStepDescription");
+function StepDescription({
+  id,
+  className,
+  styleAs = "label",
+  ...props
+}) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-step-description",
+    css: Step_Description,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Text,
+    {
+      id,
+      styleAs: "label",
+      className: clsx(withBaseName(), className),
+      ...props
+    }
+  );
+}
+
+exports.StepDescription = StepDescription;
+//# sourceMappingURL=Step.Description.js.map

package/dist-cjs/stepped-tracker/Step.Description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.Description.js","sources":["../src/stepped-tracker/Step.Description.tsx"],"sourcesContent":["import { Text, type TextProps, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\n\nimport stepDescriptionCSS from \"./Step.Description.css\";\n\nexport interface StepDescriptionProps extends TextProps<\"div\"> {}\n\nconst withBaseName = makePrefixer(\"saltStepDescription\");\n\nexport function StepDescription({\n  id,\n  className,\n  styleAs = \"label\",\n  ...props\n}: StepDescriptionProps) {\n  const targetWindow = useWindow();\n\n  useComponentCssInjection({\n    testId: \"salt-step-description\",\n    css: stepDescriptionCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <Text\n      id={id}\n      styleAs=\"label\"\n      className={clsx(withBaseName(), className)}\n      {...props}\n    />\n  );\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","stepDescriptionCSS","jsx","Text"],"mappings":";;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA;AAEhD,SAAS,eAAgB,CAAA;AAAA,EAC9B,EAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAU,GAAA,OAAA;AAAA,EACV,GAAG;AACL,CAAyB,EAAA;AACvB,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAE/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,OAAQ,EAAA,OAAA;AAAA,MACR,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist-cjs/stepped-tracker/Step.ExpandTrigger.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltStepExpandTrigger {\n  grid-area: expand;\n}\n\n.saltButton.saltStepExpandTrigger:focus-visible {\n  outline-offset: calc(-1 * var(--salt-focused-outlineWidth));\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=Step.ExpandTrigger.css.js.map

package/dist-cjs/stepped-tracker/Step.ExpandTrigger.css.js.map

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

package/dist-cjs/stepped-tracker/Step.ExpandTrigger.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var Step_ExpandTrigger = require('./Step.ExpandTrigger.css.js');
+
+const withBaseName = core.makePrefixer("saltStepExpandTrigger");
+function StepExpandTrigger({
+  id,
+  expanded,
+  className,
+  ...props
+}) {
+  const { CollapseIcon, ExpandIcon } = core.useIcon();
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-step-expand-trigger",
+    css: Step_ExpandTrigger,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Button,
+    {
+      id,
+      appearance: "transparent",
+      sentiment: "neutral",
+      className: clsx(withBaseName(), className),
+      ...props,
+      children: expanded ? /* @__PURE__ */ jsxRuntime.jsx(CollapseIcon, { "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(ExpandIcon, { "aria-hidden": true })
+    }
+  );
+}
+
+exports.StepExpandTrigger = StepExpandTrigger;
+//# sourceMappingURL=Step.ExpandTrigger.js.map

package/dist-cjs/stepped-tracker/Step.ExpandTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.ExpandTrigger.js","sources":["../src/stepped-tracker/Step.ExpandTrigger.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@salt-ds/core\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useIcon } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\n\nimport stepExpandTriggerCSS from \"./Step.ExpandTrigger.css\";\n\nexport interface StepExpandTriggerProps extends ButtonProps {\n  expanded: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltStepExpandTrigger\");\n\nexport function StepExpandTrigger({\n  id,\n  expanded,\n  className,\n  ...props\n}: StepExpandTriggerProps) {\n  const { CollapseIcon, ExpandIcon } = useIcon();\n  const targetWindow = useWindow();\n\n  useComponentCssInjection({\n    testId: \"salt-step-expand-trigger\",\n    css: stepExpandTriggerCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <Button\n      id={id}\n      appearance=\"transparent\"\n      sentiment=\"neutral\"\n      className={clsx(withBaseName(), className)}\n      {...props}\n    >\n      {expanded ? <CollapseIcon aria-hidden /> : <ExpandIcon aria-hidden />}\n    </Button>\n  );\n}\n"],"names":["makePrefixer","useIcon","useWindow","useComponentCssInjection","stepExpandTriggerCSS","jsx","Button"],"mappings":";;;;;;;;;AAaA,MAAM,YAAA,GAAeA,kBAAa,uBAAuB,CAAA;AAElD,SAAS,iBAAkB,CAAA;AAAA,EAChC,EAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAA2B,EAAA;AACzB,EAAA,MAAM,EAAE,YAAA,EAAc,UAAW,EAAA,GAAIC,YAAQ,EAAA;AAC7C,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAE/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,0BAAA;AAAA,IACR,GAAK,EAAAC,kBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,UAAW,EAAA,aAAA;AAAA,MACX,SAAU,EAAA,SAAA;AAAA,MACV,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,QAAA,kCAAY,YAAa,EAAA,EAAA,aAAA,EAAW,MAAC,CAAK,mBAAAD,cAAA,CAAC,UAAW,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA;AAAA;AAAA,GACrE;AAEJ;;;;"}

package/dist-cjs/stepped-tracker/Step.Icon.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltStepIcon {\n  grid-area: icon;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  justify-self: center;\n}\n\n.saltSteppedTracker-vertical .saltStepIcon {\n  height: var(--salt-size-base);\n}\n\n.saltStep-stage-pending > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-static-foreground);\n}\n\n.saltStep-stage-locked > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-static-foreground);\n}\n\n.saltStep-stage-inprogress > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-info-foreground-decorative);\n}\n\n.saltStep-stage-active > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-info-foreground-decorative);\n}\n\n.saltStep-stage-completed > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-success-foreground-decorative);\n}\n\n.saltStep-status-warning > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-warning-foreground-decorative);\n}\n\n.saltStep-status-error > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-error-foreground-decorative);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=Step.Icon.css.js.map

package/dist-cjs/stepped-tracker/Step.Icon.css.js.map

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

package/dist-cjs/stepped-tracker/Step.Icon.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var react = require('react');
+var Step_Icon = require('./Step.Icon.css.js');
+
+const withBaseName = core.makePrefixer("saltStepIcon");
+function StepIcon({
+  status,
+  stage,
+  size,
+  sizeMultiplier = size || 1.5,
+  className,
+  ...props
+}) {
+  const targetWindow = window.useWindow();
+  const IconComponent = useStepIcon({ stage, status });
+  styles.useComponentCssInjection({
+    testId: "salt-step-icon",
+    css: Step_Icon,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    IconComponent,
+    {
+      size: sizeMultiplier,
+      className: clsx(withBaseName(), className),
+      ...props
+    }
+  );
+}
+function useStepIcon({
+  stage,
+  status
+}) {
+  const icons = core.useIcon();
+  const stepIconMap = react.useMemo(
+    () => ({
+      error: icons.ErrorIcon,
+      warning: icons.WarningIcon,
+      active: icons.ActiveIcon,
+      completed: icons.CompletedIcon,
+      pending: icons.PendingIcon,
+      inprogress: icons.InProgressIcon,
+      locked: icons.LockedIcon
+    }),
+    [icons]
+  );
+  return stepIconMap[status || stage];
+}
+
+exports.StepIcon = StepIcon;
+//# sourceMappingURL=Step.Icon.js.map

package/dist-cjs/stepped-tracker/Step.Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.Icon.js","sources":["../src/stepped-tracker/Step.Icon.tsx"],"sourcesContent":["import { makePrefixer, useIcon } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { useMemo } from \"react\";\n\nimport stepIconCSS from \"./Step.Icon.css\";\n\nimport type { StepStage, StepStatus } from \"./Step.types\";\n\nexport interface StepIconProps extends IconProps {\n  stage: StepStage;\n  status?: StepStatus;\n  sizeMultiplier?: IconProps[\"size\"];\n}\n\nconst withBaseName = makePrefixer(\"saltStepIcon\");\n\nexport function StepIcon({\n  status,\n  stage,\n  size,\n  sizeMultiplier = size || 1.5,\n  className,\n  ...props\n}: StepIconProps) {\n  const targetWindow = useWindow();\n  const IconComponent = useStepIcon({ stage, status });\n\n  useComponentCssInjection({\n    testId: \"salt-step-icon\",\n    css: stepIconCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <IconComponent\n      size={sizeMultiplier}\n      className={clsx(withBaseName(), className)}\n      {...props}\n    />\n  );\n}\n\nfunction useStepIcon({\n  stage,\n  status,\n}: Pick<StepIconProps, \"stage\" | \"status\">) {\n  const icons = useIcon();\n\n  const stepIconMap = useMemo(\n    () => ({\n      error: icons.ErrorIcon,\n      warning: icons.WarningIcon,\n      active: icons.ActiveIcon,\n      completed: icons.CompletedIcon,\n      pending: icons.PendingIcon,\n      inprogress: icons.InProgressIcon,\n      locked: icons.LockedIcon,\n    }),\n    [icons],\n  );\n\n  return stepIconMap[status || stage];\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","stepIconCSS","jsx","useIcon","useMemo"],"mappings":";;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA;AAEzC,SAAS,QAAS,CAAA;AAAA,EACvB,MAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,iBAAiB,IAAQ,IAAA,GAAA;AAAA,EACzB,SAAA;AAAA,EACA,GAAG;AACL,CAAkB,EAAA;AAChB,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAA,MAAM,aAAgB,GAAA,WAAA,CAAY,EAAE,KAAA,EAAO,QAAQ,CAAA;AAEnD,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,SAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,cAAA;AAAA,MACN,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAY,CAAA;AAAA,EACnB,KAAA;AAAA,EACA;AACF,CAA4C,EAAA;AAC1C,EAAA,MAAM,QAAQC,YAAQ,EAAA;AAEtB,EAAA,MAAM,WAAc,GAAAC,aAAA;AAAA,IAClB,OAAO;AAAA,MACL,OAAO,KAAM,CAAA,SAAA;AAAA,MACb,SAAS,KAAM,CAAA,WAAA;AAAA,MACf,QAAQ,KAAM,CAAA,UAAA;AAAA,MACd,WAAW,KAAM,CAAA,aAAA;AAAA,MACjB,SAAS,KAAM,CAAA,WAAA;AAAA,MACf,YAAY,KAAM,CAAA,cAAA;AAAA,MAClB,QAAQ,KAAM,CAAA;AAAA,KAChB,CAAA;AAAA,IACA,CAAC,KAAK;AAAA,GACR;AAEA,EAAO,OAAA,WAAA,CAAY,UAAU,KAAK,CAAA;AACpC;;;;"}

package/dist-cjs/stepped-tracker/Step.Label.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltStepLabel {\n  grid-area: label;\n}\n\n.saltSteppedTracker-horizontal .saltStepLabel {\n  margin-top: var(--salt-spacing-50);\n}\n\n.saltSteppedTracker-vertical .saltStepLabel {\n  padding-top: calc((var(--salt-size-base) - var(--salt-text-label-lineHeight)) / 2);\n  padding-bottom: calc((var(--salt-size-base) - var(--salt-text-label-lineHeight)) / 2);\n  padding-left: calc((var(--step-depth)) * var(--salt-spacing-100));\n}\n\n.saltStep-depth-0 > .saltText.saltStepLabel {\n  font-weight: var(--salt-text-fontWeight-strong);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=Step.Label.css.js.map

package/dist-cjs/stepped-tracker/Step.Label.css.js.map

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

package/dist-cjs/stepped-tracker/Step.Label.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var Step_Label = require('./Step.Label.css.js');
+
+const withBaseName = core.makePrefixer("saltStepLabel");
+function StepLabel({
+  id,
+  className,
+  styleAs = "label",
+  children,
+  ...props
+}) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-step-label",
+    css: Step_Label,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Text,
+    {
+      id,
+      styleAs: "label",
+      className: clsx(withBaseName(), className),
+      ...props,
+      children
+    }
+  );
+}
+
+exports.StepLabel = StepLabel;
+//# sourceMappingURL=Step.Label.js.map

package/dist-cjs/stepped-tracker/Step.Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.Label.js","sources":["../src/stepped-tracker/Step.Label.tsx"],"sourcesContent":["import { Text, type TextProps, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\n\nimport stepLabelCSS from \"./Step.Label.css\";\n\nexport interface StepLabelProps extends TextProps<\"div\"> {}\n\nconst withBaseName = makePrefixer(\"saltStepLabel\");\n\nexport function StepLabel({\n  id,\n  className,\n  styleAs = \"label\",\n  children,\n  ...props\n}: StepLabelProps) {\n  const targetWindow = useWindow();\n\n  useComponentCssInjection({\n    testId: \"salt-step-label\",\n    css: stepLabelCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <Text\n      id={id}\n      styleAs=\"label\"\n      className={clsx(withBaseName(), className)}\n      {...props}\n    >\n      {children}\n    </Text>\n  );\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","stepLabelCSS","jsx","Text"],"mappings":";;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA;AAE1C,SAAS,SAAU,CAAA;AAAA,EACxB,EAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAU,GAAA,OAAA;AAAA,EACV,QAAA;AAAA,EACA,GAAG;AACL,CAAmB,EAAA;AACjB,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAE/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,UAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,OAAQ,EAAA,OAAA;AAAA,MACR,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist-cjs/stepped-tracker/Step.SROnly.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltStepSROnly {\n  position: fixed;\n  top: 0;\n  left: 0;\n  transform: translate(-100%, -100%);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=Step.SROnly.css.js.map

package/dist-cjs/stepped-tracker/Step.SROnly.css.js.map

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

package/dist-cjs/stepped-tracker/Step.SROnly.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var Step_SROnly = require('./Step.SROnly.css.js');
+
+const withBaseName = core.makePrefixer("saltStepSROnly");
+function StepSROnly({ children, ...props }) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-step-sr-only",
+    css: Step_SROnly,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: withBaseName(), ...props, children });
+}
+
+exports.StepSROnly = StepSROnly;
+//# sourceMappingURL=Step.SROnly.js.map

package/dist-cjs/stepped-tracker/Step.SROnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.SROnly.js","sources":["../src/stepped-tracker/Step.SROnly.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport stepSROnlyCSS from \"./Step.SROnly.css\";\n\nconst withBaseName = makePrefixer(\"saltStepSROnly\");\n\nexport interface StepSROnlyProps extends ComponentPropsWithoutRef<\"div\"> {\n  children?: ReactNode;\n}\n\nexport function StepSROnly({ children, ...props }: StepSROnlyProps) {\n  const targetWindow = useWindow();\n\n  useComponentCssInjection({\n    testId: \"salt-step-sr-only\",\n    css: stepSROnlyCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <div className={withBaseName()} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","stepSROnlyCSS"],"mappings":";;;;;;;;AAOA,MAAM,YAAA,GAAeA,kBAAa,gBAAgB,CAAA;AAM3C,SAAS,UAAW,CAAA,EAAE,QAAU,EAAA,GAAG,OAA0B,EAAA;AAClE,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAE/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAC,WAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,sCACG,KAAI,EAAA,EAAA,SAAA,EAAW,cAAiB,EAAA,GAAG,OACjC,QACH,EAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/stepped-tracker/Step.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltStep {\n  /* Copy of size calculations of <Icon /> */\n  --step-icon-base-size: var(--salt-size-icon, 12px);\n  --step-icon-size-multiplier: var(--saltIcon-size-multiplier, 1.5);\n  --step-icon-size: calc(var(--step-icon-base-size) * var(--step-icon-size-multiplier));\n  --step-depth: var(--saltStep-depth, 0);\n}\n\n.saltSteppedTracker-horizontal .saltStep {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(3, min-content);\n  grid-template-areas:\n    \"icon\"\n    \"label\"\n    \"description\";\n  justify-items: center;\n  align-items: center;\n  text-align: center;\n  flex: 1;\n  padding: 0 var(--salt-spacing-25);\n}\n\n.saltSteppedTracker-vertical .saltStep {\n  display: grid;\n  grid-template-columns: var(--step-icon-size) 1fr min-content;\n  grid-template-areas:\n    \"icon            label           expand\"\n    \"connector       description     .\"\n    \"stepped-tracker stepped-tracker stepped-tracker\";\n  justify-items: start;\n  align-items: start;\n  gap: 0 var(--salt-spacing-100);\n  width: 100%;\n  transition-duration: inherit;\n  transition-timing-function: inherit;\n  transition-property: grid-template-rows;\n}\n\n.saltSteppedTracker-vertical .saltStep-terminal {\n  grid-template-areas:\n    \"icon            label           label\"\n    \"connector       description     description\"\n    \"stepped-tracker stepped-tracker stepped-tracker\";\n}\n\n.saltSteppedTracker-vertical > .saltStep.saltStep-expanded {\n  grid-template-rows:\n    var(--salt-size-base)\n    min-content\n    1fr;\n}\n\n.saltSteppedTracker-vertical > .saltStep.saltStep-collapsed {\n  grid-template-rows:\n    var(--salt-size-base)\n    min-content\n    0fr;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=Step.css.js.map

package/dist-cjs/stepped-tracker/Step.css.js.map

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

package/dist-cjs/stepped-tracker/Step.js

@@ -0,0 +1,161 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var react = require('react');
+var Step_Connector = require('./Step.Connector.js');
+var Step_Description = require('./Step.Description.js');
+var Step_ExpandTrigger = require('./Step.ExpandTrigger.js');
+var Step_Icon = require('./Step.Icon.js');
+var Step_Label = require('./Step.Label.js');
+var Step_SROnly = require('./Step.SROnly.js');
+var Step$1 = require('./Step.css.js');
+var SteppedTracker = require('./SteppedTracker.js');
+var SteppedTracker_Provider = require('./SteppedTracker.Provider.js');
+
+const withBaseName = core.makePrefixer("saltStep");
+function Step({
+  id: idProp,
+  label,
+  description,
+  status,
+  stage = "pending",
+  expanded: expandedProp,
+  defaultExpanded,
+  onToggle,
+  className,
+  style,
+  substeps,
+  children,
+  ...props
+}) {
+  const id = core.useId(idProp);
+  const targetWindow = window.useWindow();
+  const depth = react.useContext(SteppedTracker_Provider.DepthContext);
+  const [expanded, setExpanded] = core.useControlled({
+    name: "Step",
+    state: "expanded",
+    controlled: expandedProp,
+    default: Boolean(defaultExpanded)
+  });
+  styles.useComponentCssInjection({
+    testId: "salt-step",
+    css: Step$1,
+    window: targetWindow
+  });
+  react.useEffect(() => {
+    if (process.env.NODE_ENV !== "production") {
+      if (depth === -1) {
+        console.warn(
+          "<Step /> should be used within a <SteppedTracker /> component!"
+        );
+      }
+      if (depth > 2) {
+        console.warn("<Step /> should not be nested more than 2 levels deep!");
+      }
+    }
+  }, [depth]);
+  const ariaCurrent = stage === "active" ? "step" : void 0;
+  const iconSizeMultiplier = depth === 0 ? 1.5 : 1;
+  const hasNestedSteps = !!children || !!substeps;
+  const state = status || stage;
+  const labelId = `${id}-label`;
+  const descriptionId = `${id}-description`;
+  const expandTriggerId = `${id}-expand-trigger`;
+  const nestedSteppedTrackerId = `${id}-nested-stepped-tracker`;
+  const srOnly = {
+    stateId: `${id}-sr-only-state`,
+    stateText: state !== "active" ? state : void 0,
+    substepsId: `${id}-sr-only-substeps`,
+    substepsText: "substeps",
+    toggleSubstepsId: `${id}-sr-only-toggle-substeps`,
+    toggleSubstepsText: "toggle substeps"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      id,
+      "data-stage": stage,
+      "data-status": status,
+      "data-depth": depth,
+      "aria-current": ariaCurrent,
+      className: clsx(
+        withBaseName(),
+        withBaseName(`stage-${stage}`),
+        withBaseName(`depth-${depth}`),
+        status && withBaseName(`status-${status}`),
+        !hasNestedSteps && withBaseName("terminal"),
+        hasNestedSteps && expanded && withBaseName("expanded"),
+        hasNestedSteps && !expanded && withBaseName("collapsed"),
+        className
+      ),
+      style: {
+        "--saltStep-depth": depth,
+        ...style
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Step_SROnly.StepSROnly, { children: [
+          label,
+          " ",
+          description,
+          " ",
+          srOnly.stateText
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Step_SROnly.StepSROnly, { id: srOnly.toggleSubstepsId, "aria-hidden": true, children: srOnly.toggleSubstepsText }),
+        /* @__PURE__ */ jsxRuntime.jsx(Step_SROnly.StepSROnly, { id: srOnly.substepsId, "aria-hidden": true, children: srOnly.substepsText }),
+        /* @__PURE__ */ jsxRuntime.jsx(Step_SROnly.StepSROnly, { id: srOnly.stateId, "aria-hidden": true, children: srOnly.stateText }),
+        /* @__PURE__ */ jsxRuntime.jsx(Step_Connector.StepConnector, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Step_Icon.StepIcon,
+          {
+            stage,
+            status,
+            sizeMultiplier: iconSizeMultiplier,
+            "aria-hidden": true
+          }
+        ),
+        label && /* @__PURE__ */ jsxRuntime.jsx(Step_Label.StepLabel, { id: labelId, "aria-hidden": true, children: label }),
+        description && /* @__PURE__ */ jsxRuntime.jsx(Step_Description.StepDescription, { id: descriptionId, "aria-hidden": true, children: description }),
+        hasNestedSteps && /* @__PURE__ */ jsxRuntime.jsx(
+          Step_ExpandTrigger.StepExpandTrigger,
+          {
+            id: expandTriggerId,
+            "aria-expanded": expanded,
+            "aria-controls": nestedSteppedTrackerId,
+            "aria-labelledby": [
+              labelId,
+              descriptionId,
+              srOnly.stateId,
+              srOnly.toggleSubstepsId
+            ].join(" "),
+            expanded,
+            onClick: (event) => {
+              onToggle == null ? void 0 : onToggle(event);
+              setExpanded(!expanded);
+            }
+          }
+        ),
+        hasNestedSteps && /* @__PURE__ */ jsxRuntime.jsxs(
+          SteppedTracker.SteppedTracker,
+          {
+            id: nestedSteppedTrackerId,
+            "aria-labelledby": [labelId, srOnly.substepsId].join(" "),
+            "aria-hidden": !expanded,
+            hidden: !expanded,
+            children: [
+              children,
+              substeps == null ? void 0 : substeps.map((step) => /* @__PURE__ */ jsxRuntime.jsx(Step, { ...step }, step.id))
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.Step = Step;
+//# sourceMappingURL=Step.js.map