@telia/teddy 0.7.17 → 0.7.27

package/dist/components/radio-card-group/radio-card-group-item.cjs

@@ -5,6 +5,7 @@ require("clsx");
 require("react");
 require("./radio-card-group-root.cjs");
 require("@radix-ui/react-radio-group");
+require("../step-indicator/index.cjs");
 require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");
 require("../pagination/index.cjs");
@@ -18,11 +19,11 @@ require("../collapsible/index.cjs");
 require("../meter-bar/index.cjs");
 require("../skeleton/index.cjs");
 require("../checkbox/index.cjs");
+const components_checkboxCardGroup_checkboxCardGroupIndicator = require("../checkbox-card-group/checkbox-card-group-indicator.cjs");
 require("../toast/toast-root.cjs");
 require("sonner");
 require("../toggletip/index.cjs");
 require("../breadcrumbs/index.cjs");
-const components_radioCardGroup_radioCardGroupItemTitle = require("./radio-card-group-item-title.cjs");
 require("../ribbon/index.cjs");
 require("../expandable-card/index.cjs");
 require("../color-dot/color-dot-root.cjs");
@@ -63,5 +64,5 @@ require("../container/container.cjs");
 require("../carousel/carousel-root.cjs");
 require("../slider/slider.cjs");
 require("../../utils/composeRefs.cjs");
-exports.Item = components_radioCardGroup_radioCardGroupItemTitle.Item$1;
-exports.ItemContext = components_radioCardGroup_radioCardGroupItemTitle.ItemContext$1;
+exports.Item = components_checkboxCardGroup_checkboxCardGroupIndicator.Item$2;
+exports.ItemContext = components_checkboxCardGroup_checkboxCardGroupIndicator.ItemContext$2;

package/dist/components/radio-card-group/radio-card-group-item.js

@@ -3,6 +3,7 @@ import "clsx";
 import "react";
 import "./radio-card-group-root.js";
 import "@radix-ui/react-radio-group";
+import "../step-indicator/index.js";
 import "../metric-meter/metric-meter.js";
 import "../footer/index.js";
 import "../pagination/index.js";
@@ -16,11 +17,11 @@ import "../collapsible/index.js";
 import "../meter-bar/index.js";
 import "../skeleton/index.js";
 import "../checkbox/index.js";
+import { f, e } from "../checkbox-card-group/checkbox-card-group-indicator.js";
 import "../toast/toast-root.js";
 import "sonner";
 import "../toggletip/index.js";
 import "../breadcrumbs/index.js";
-import { a, I } from "./radio-card-group-item-title.js";
 import "../ribbon/index.js";
 import "../expandable-card/index.js";
 import "../color-dot/color-dot-root.js";
@@ -62,6 +63,6 @@ import "../carousel/carousel-root.js";
 import "../slider/slider.js";
 import "../../utils/composeRefs.js";
 export {
-  a as Item,
-  I as ItemContext
+  f as Item,
+  e as ItemContext
 };

package/dist/components/scroll-area/index.d.ts

@@ -3,7 +3,7 @@ import { ItemProps } from './scroll-area-item';
 import { ButtonProps } from './scroll-area-button';
 
 export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-scroll-area').ScrollAreaProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    variant?: ("button" | "hidden" | "scrollbar") | undefined;
+    variant?: ("button" | "scrollbar" | "hidden") | undefined;
     scrollBehavior?: "auto" | "smooth" | undefined;
     viewPortClassName?: string | undefined;
     barClassName?: string | undefined;
@@ -21,7 +21,7 @@ export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<
         loading?: boolean | undefined;
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "text-underline" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+        variant?: "list-item" | "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "text-underline" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
         borderStyle?: ("dashed" | "default") | undefined;
     } & {
         iconOnly: true;
@@ -33,7 +33,7 @@ export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<
         loading?: boolean | undefined;
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "text-underline" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+        variant?: "list-item" | "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "text-underline" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
         borderStyle?: ("dashed" | "default") | undefined;
     } & {
         iconOnly?: false | undefined;

package/dist/components/scroll-area/scroll-area-button.d.ts

@@ -17,7 +17,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
     loading?: boolean | undefined;
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "text-underline" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+    variant?: "list-item" | "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "text-underline" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
     borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly: true;
@@ -29,7 +29,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
     loading?: boolean | undefined;
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "text-underline" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+    variant?: "list-item" | "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "text-underline" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
     borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly?: false | undefined;

package/dist/components/select/index.cjs

@@ -9,6 +9,7 @@ const components_select_selectValue = require("./select-value.cjs");
 const components_select_selectTrigger = require("./select-trigger.cjs");
 const components_select_selectPortal = require("./select-portal.cjs");
 const components_select_selectIndicator = require("./select-indicator.cjs");
+const components_select_selectSeparator = require("./select-separator.cjs");
 components_select_selectRoot.Root.displayName = "Select";
 components_select_selectItem.Item.displayName = "Select.Item";
 components_select_selectGroup.Group.displayName = "Select.Group";
@@ -18,6 +19,7 @@ components_select_selectValue.Value.displayName = "Select.Value";
 components_select_selectTrigger.Trigger.displayName = "Select.Trigger";
 components_select_selectPortal.Portal.displayName = "Select.Portal";
 components_select_selectIndicator.Indicator.displayName = "Select.Indicator";
+components_select_selectSeparator.Separator.displayName = "Select.Separator";
 const Select = Object.assign(components_select_selectRoot.Root, {
   Indicator: components_select_selectIndicator.Indicator,
   Item: components_select_selectItem.Item,
@@ -26,6 +28,7 @@ const Select = Object.assign(components_select_selectRoot.Root, {
   Content: components_select_selectContent.Content,
   Value: components_select_selectValue.Value,
   Trigger: components_select_selectTrigger.Trigger,
-  Portal: components_select_selectPortal.Portal
+  Portal: components_select_selectPortal.Portal,
+  Separator: components_select_selectSeparator.Separator
 });
 exports.Select = Select;

package/dist/components/select/index.d.ts

@@ -7,6 +7,7 @@ import { ValueProps } from './select-value';
 import { TriggerProps } from './select-trigger';
 import { PortalProps } from './select-portal';
 import { IndicatorProps } from './select-indicator';
+import { SeparatorProps } from './select-separator';
 
 export declare const Select: import('react').ForwardRefExoticComponent<import('@radix-ui/react-select').SelectProps & {
     name: string;
@@ -25,7 +26,8 @@ export declare const Select: import('react').ForwardRefExoticComponent<import('@
     Indicator: import('react').ForwardRefExoticComponent<Omit<Partial<import('..').IconProps>, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
     Item: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Group: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectGroupProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        options: string[];
+        options?: string[] | undefined;
+        label?: string | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     Viewport: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectViewportProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Content: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
@@ -37,6 +39,7 @@ export declare const Select: import('react').ForwardRefExoticComponent<import('@
         readonly?: boolean | undefined;
     } & import('react').RefAttributes<HTMLButtonElement>>;
     Portal: import('react').ForwardRefExoticComponent<import('@radix-ui/react-select').SelectPortalProps & import('react').RefAttributes<never>>;
+    Separator: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectSeparatorProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 };
 export type SelectProps = {
     Root: RootProps;
@@ -48,4 +51,5 @@ export type SelectProps = {
     Value: ValueProps;
     Trigger: TriggerProps;
     Portal: PortalProps;
+    Separator: SeparatorProps;
 };

package/dist/components/select/index.js

@@ -7,6 +7,7 @@ import { Value } from "./select-value.js";
 import { Trigger } from "./select-trigger.js";
 import { Portal } from "./select-portal.js";
 import { Indicator } from "./select-indicator.js";
+import { Separator } from "./select-separator.js";
 Root.displayName = "Select";
 Item.displayName = "Select.Item";
 Group.displayName = "Select.Group";
@@ -16,6 +17,7 @@ Value.displayName = "Select.Value";
 Trigger.displayName = "Select.Trigger";
 Portal.displayName = "Select.Portal";
 Indicator.displayName = "Select.Indicator";
+Separator.displayName = "Select.Separator";
 const Select = Object.assign(Root, {
   Indicator,
   Item,
@@ -24,7 +26,8 @@ const Select = Object.assign(Root, {
   Content,
   Value,
   Trigger,
-  Portal
+  Portal,
+  Separator
 });
 export {
   Select

package/dist/components/select/select-group.cjs

@@ -23,8 +23,12 @@ function _interopNamespaceDefault(e) {
 }
 const RadixSelect__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixSelect);
 const Group = React.forwardRef(
-  ({ options, ...props }, forwardRef) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(RadixSelect__namespace.Group, { ...props, ref: forwardRef, className: components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__group`], children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(components_select_selectItem.Item, { value: option, children: option })) });
+  ({ children, options, label, ...props }, forwardRef) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(RadixSelect__namespace.Group, { ...props, ref: forwardRef, className: components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__group`], children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(RadixSelect__namespace.Label, { className: components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__label`], children: label }),
+      options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(components_select_selectItem.Item, { value: option, children: option })),
+      children
+    ] });
   }
 );
 Group.displayName = "Select.Group";

package/dist/components/select/select-group.d.ts

@@ -2,8 +2,10 @@ import { default as React } from 'react';
 
 import * as RadixSelect from '@radix-ui/react-select';
 export type GroupProps = React.ComponentPropsWithoutRef<typeof RadixSelect.Group> & {
-    options: string[];
+    options?: string[];
+    label?: string;
 };
 export declare const Group: React.ForwardRefExoticComponent<Omit<RadixSelect.SelectGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    options: string[];
+    options?: string[] | undefined;
+    label?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/select/select-group.js

@@ -1,11 +1,15 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import * as RadixSelect from "@radix-ui/react-select";
 import { s as styles, rootClassName } from "./select-root.js";
 import { Item } from "./select-item.js";
 const Group = React__default.forwardRef(
-  ({ options, ...props }, forwardRef) => {
-    return /* @__PURE__ */ jsx(RadixSelect.Group, { ...props, ref: forwardRef, className: styles[`${rootClassName}__group`], children: options.map((option) => /* @__PURE__ */ jsx(Item, { value: option, children: option })) });
+  ({ children, options, label, ...props }, forwardRef) => {
+    return /* @__PURE__ */ jsxs(RadixSelect.Group, { ...props, ref: forwardRef, className: styles[`${rootClassName}__group`], children: [
+      label && /* @__PURE__ */ jsx(RadixSelect.Label, { className: styles[`${rootClassName}__label`], children: label }),
+      options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(Item, { value: option, children: option })),
+      children
+    ] });
   }
 );
 Group.displayName = "Select.Group";

package/dist/components/select/select-root.cjs

@@ -25,16 +25,18 @@ function _interopNamespaceDefault(e) {
 }
 const RadixSelect__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixSelect);
 const styles = {
-  "teddy-select": "_teddy-select_1i9a7_1",
-  "teddy-select__trigger": "_teddy-select__trigger_1i9a7_12",
-  "teddy-select__trigger--error": "_teddy-select__trigger--error_1i9a7_38",
-  "teddy-select__trigger--disabled": "_teddy-select__trigger--disabled_1i9a7_42",
-  "teddy-select__trigger--readonly": "_teddy-select__trigger--readonly_1i9a7_48",
-  "teddy-select__icon": "_teddy-select__icon_1i9a7_53",
-  "teddy-select__content": "_teddy-select__content_1i9a7_56",
-  "teddy-select__viewport": "_teddy-select__viewport_1i9a7_65",
-  "teddy-select__item": "_teddy-select__item_1i9a7_69",
-  "teddy-select__item-indicator": "_teddy-select__item-indicator_1i9a7_89"
+  "teddy-select": "_teddy-select_a7ezt_1",
+  "teddy-select__trigger": "_teddy-select__trigger_a7ezt_12",
+  "teddy-select__trigger--error": "_teddy-select__trigger--error_a7ezt_38",
+  "teddy-select__trigger--disabled": "_teddy-select__trigger--disabled_a7ezt_42",
+  "teddy-select__trigger--readonly": "_teddy-select__trigger--readonly_a7ezt_48",
+  "teddy-select__icon": "_teddy-select__icon_a7ezt_53",
+  "teddy-select__content": "_teddy-select__content_a7ezt_56",
+  "teddy-select__viewport": "_teddy-select__viewport_a7ezt_65",
+  "teddy-select__item": "_teddy-select__item_a7ezt_69",
+  "teddy-select__item-indicator": "_teddy-select__item-indicator_a7ezt_89",
+  "teddy-select__separator": "_teddy-select__separator_a7ezt_97",
+  "teddy-select__label": "_teddy-select__label_a7ezt_102"
 };
 const SelectContext = React.createContext({
   isDirty: false,

package/dist/components/select/select-root.js

@@ -6,16 +6,18 @@ import { HelperText } from "../helper-text/helper-text.js";
 import { FieldErrorText } from "../field-error-text/field-error-text.js";
 import clsx from "clsx";
 const styles = {
-  "teddy-select": "_teddy-select_1i9a7_1",
-  "teddy-select__trigger": "_teddy-select__trigger_1i9a7_12",
-  "teddy-select__trigger--error": "_teddy-select__trigger--error_1i9a7_38",
-  "teddy-select__trigger--disabled": "_teddy-select__trigger--disabled_1i9a7_42",
-  "teddy-select__trigger--readonly": "_teddy-select__trigger--readonly_1i9a7_48",
-  "teddy-select__icon": "_teddy-select__icon_1i9a7_53",
-  "teddy-select__content": "_teddy-select__content_1i9a7_56",
-  "teddy-select__viewport": "_teddy-select__viewport_1i9a7_65",
-  "teddy-select__item": "_teddy-select__item_1i9a7_69",
-  "teddy-select__item-indicator": "_teddy-select__item-indicator_1i9a7_89"
+  "teddy-select": "_teddy-select_a7ezt_1",
+  "teddy-select__trigger": "_teddy-select__trigger_a7ezt_12",
+  "teddy-select__trigger--error": "_teddy-select__trigger--error_a7ezt_38",
+  "teddy-select__trigger--disabled": "_teddy-select__trigger--disabled_a7ezt_42",
+  "teddy-select__trigger--readonly": "_teddy-select__trigger--readonly_a7ezt_48",
+  "teddy-select__icon": "_teddy-select__icon_a7ezt_53",
+  "teddy-select__content": "_teddy-select__content_a7ezt_56",
+  "teddy-select__viewport": "_teddy-select__viewport_a7ezt_65",
+  "teddy-select__item": "_teddy-select__item_a7ezt_69",
+  "teddy-select__item-indicator": "_teddy-select__item-indicator_a7ezt_89",
+  "teddy-select__separator": "_teddy-select__separator_a7ezt_97",
+  "teddy-select__label": "_teddy-select__label_a7ezt_102"
 };
 const SelectContext = React__default.createContext({
   isDirty: false,

package/dist/components/select/select-separator.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const RadixSelect = require("@radix-ui/react-select");
+const components_select_selectRoot = require("./select-root.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const RadixSelect__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixSelect);
+const Separator = React.forwardRef(
+  ({ ...props }, forwardRef) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixSelect__namespace.Separator, { className: components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__separator`], ...props, ref: forwardRef });
+  }
+);
+Separator.displayName = "Select.Separator";
+exports.Separator = Separator;

package/dist/components/select/select-separator.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+import * as RadixSelect from '@radix-ui/react-select';
+export type SeparatorProps = React.ComponentPropsWithoutRef<typeof RadixSelect.Separator> & {};
+export declare const Separator: React.ForwardRefExoticComponent<Omit<RadixSelect.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/select/select-separator.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import * as RadixSelect from "@radix-ui/react-select";
+import { s as styles, rootClassName } from "./select-root.js";
+const Separator = React__default.forwardRef(
+  ({ ...props }, forwardRef) => {
+    return /* @__PURE__ */ jsx(RadixSelect.Separator, { className: styles[`${rootClassName}__separator`], ...props, ref: forwardRef });
+  }
+);
+Separator.displayName = "Select.Separator";
+export {
+  Separator
+};

package/dist/components/step-indicator/index.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const components_stepIndicator_stepIndicatorStepElement = require("./step-indicator-step-element.cjs");
+components_stepIndicator_stepIndicatorStepElement.Root$1.displayName = "StepIndicator";
+components_stepIndicator_stepIndicatorStepElement.Step$1.displayName = "StepIndicator.Step";
+components_stepIndicator_stepIndicatorStepElement.StepElement.displayName = "StepIndicator.StepElement";
+components_stepIndicator_stepIndicatorStepElement.StepLine$1.displayName = "StepIndicator.StepLine";
+const StepIndicator = Object.assign(components_stepIndicator_stepIndicatorStepElement.Root$1, {
+  Step: components_stepIndicator_stepIndicatorStepElement.Step$1,
+  StepElement: components_stepIndicator_stepIndicatorStepElement.StepElement,
+  StepLine: components_stepIndicator_stepIndicatorStepElement.StepLine$1
+});
+exports.StepIndicator = StepIndicator;
+exports.default = StepIndicator;

package/dist/components/step-indicator/index.d.ts

@@ -0,0 +1,38 @@
+import { RootProps } from './step-indicator-root';
+import { StepProps } from './step-indicator-step';
+import { StepElementProps } from './step-indicator-step-element';
+import { StepLineProps } from './step-indicator-step-line';
+
+declare const StepIndicator: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onClick"> & {
+    index?: number | undefined;
+    numberOfSteps?: number | undefined;
+    labels?: import('react').ReactNode[] | undefined;
+    links?: string[] | undefined;
+    disabled?: boolean[] | undefined;
+    kind?: "purple" | undefined;
+    onClick?: ((index: number) => void) | undefined;
+    completedSteps?: number[] | undefined;
+    children?: import('react').ReactNode;
+} & import('react').RefAttributes<HTMLDivElement>> & {
+    Step: {
+        ({ index, activeStep, numberOfSteps, label, link, isDisabled, onClick, isCompleted, srOnlyText, children, }: StepProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    StepElement: {
+        ({ children, isPassed, isDisabled, onClick, link, index, className }: StepElementProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    StepLine: {
+        ({ activeStep, index, numberOfSteps }: StepLineProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
+};
+type StepIndicatorProps = {
+    Root: RootProps;
+    Step: StepProps;
+    StepElement: StepElementProps;
+    StepLine: StepLineProps;
+};
+export { StepIndicator };
+export type { StepIndicatorProps };
+export default StepIndicator;

package/dist/components/step-indicator/index.js

@@ -0,0 +1,14 @@
+import { R as Root, S as Step, StepElement, a as StepLine } from "./step-indicator-step-element.js";
+Root.displayName = "StepIndicator";
+Step.displayName = "StepIndicator.Step";
+StepElement.displayName = "StepIndicator.StepElement";
+StepLine.displayName = "StepIndicator.StepLine";
+const StepIndicator = Object.assign(Root, {
+  Step,
+  StepElement,
+  StepLine
+});
+export {
+  StepIndicator,
+  StepIndicator as default
+};

package/dist/components/step-indicator/step-indicator-root.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("react/jsx-runtime");
+require("react");
+require("clsx");
+const components_stepIndicator_stepIndicatorStepElement = require("./step-indicator-step-element.cjs");
+exports.Root = components_stepIndicator_stepIndicatorStepElement.Root$1;
+exports.rootClassName = components_stepIndicator_stepIndicatorStepElement.rootClassName$1;

package/dist/components/step-indicator/step-indicator-root.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+
+export declare const rootClassName = "teddy-step-indicator";
+export type RootProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'onClick'> & {
+    /**
+     * Current active step (index starts at 0)
+     */
+    index?: number;
+    /**
+     * Total number of steps
+     */
+    numberOfSteps?: number;
+    /**
+     * Labels for steps
+     */
+    labels?: Array<React.ReactNode>;
+    /**
+     * Links for steps
+     */
+    links?: string[];
+    /**
+     * List of indexes that should be disabled
+     */
+    disabled?: boolean[];
+    kind?: 'purple';
+    onClick?: (index: number) => void;
+    completedSteps?: number[];
+    children?: React.ReactNode;
+};
+export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onClick"> & {
+    /**
+     * Current active step (index starts at 0)
+     */
+    index?: number | undefined;
+    /**
+     * Total number of steps
+     */
+    numberOfSteps?: number | undefined;
+    /**
+     * Labels for steps
+     */
+    labels?: React.ReactNode[] | undefined;
+    /**
+     * Links for steps
+     */
+    links?: string[] | undefined;
+    /**
+     * List of indexes that should be disabled
+     */
+    disabled?: boolean[] | undefined;
+    kind?: "purple" | undefined;
+    onClick?: ((index: number) => void) | undefined;
+    completedSteps?: number[] | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/step-indicator/step-indicator-root.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import "clsx";
+import { R, r } from "./step-indicator-step-element.js";
+export {
+  R as Root,
+  r as rootClassName
+};