rbro-tat-uds 1.6.35 → 2.0.0

package/build/cjs/components/TextInput/TextInput.cjs

@@ -0,0 +1,433 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var styled = require('styled-components');
+require('../../assets/icons/exit.svg.cjs');
+require('../../assets/icons/home.svg.cjs');
+require('../../assets/icons/go-right.svg.cjs');
+require('../../assets/icons/trash.svg.cjs');
+require('../../assets/icons/asterix.svg.cjs');
+require('../../assets/icons/hint.svg.cjs');
+require('../../assets/icons/info_filled.svg.cjs');
+require('../../assets/icons/checkmark_filled.svg.cjs');
+require('../../assets/icons/warning_filled.svg.cjs');
+require('../../assets/icons/checkmark.svg.cjs');
+require('../../assets/icons/checkmark_ring.svg.cjs');
+require('../../assets/icons/remove_person.svg.cjs');
+require('../../assets/icons/clear_filled.svg.cjs');
+require('../../assets/icons/satellite-2.svg.cjs');
+require('../../assets/icons/man-butterfly.svg.cjs');
+require('../../assets/icons/doc-sent.svg.cjs');
+require('../../assets/icons/warning-tr-filled.svg.cjs');
+require('../../assets/icons/minus.svg.cjs');
+require('../../assets/icons/add.svg.cjs');
+require('../../assets/icons/doc_edit.svg.cjs');
+require('../../assets/icons/calendar.svg.cjs');
+require('../../assets/icons/branch.svg.cjs');
+require('../../assets/icons/invoice_seal.svg.cjs');
+require('../../assets/icons/money-bag-incoming.svg.cjs');
+require('../../assets/icons/money-bag-Outlined.svg.cjs');
+require('../../assets/icons/forward.svg.cjs');
+require('../../assets/icons/money-investment.svg.cjs');
+require('../../assets/icons/libra.svg.cjs');
+require('../../assets/icons/offer.svg.cjs');
+require('../../assets/icons/man-outlined.svg.cjs');
+require('../../assets/icons/retry-1.svg.cjs');
+require('../../assets/icons/doc-error.svg.cjs');
+require('../../assets/icons/clear-ring-filled.svg.cjs');
+require('../../assets/icons/clear-ring-outlined.svg.cjs');
+require('../../assets/icons/clear-ring.svg.cjs');
+require('../../assets/icons/mail.svg.cjs');
+require('../../assets/icons/mobile.svg.cjs');
+require('../../assets/icons/to-person.svg.cjs');
+require('../../assets/icons/rejected.svg.cjs');
+require('../../assets/icons/new_tab.svg.cjs');
+require('../../assets/icons/money-return.svg.cjs');
+require('../../assets/icons/wallet-2.svg.cjs');
+require('../../assets/icons/back.svg.cjs');
+require('../../assets/icons/close.svg.cjs');
+require('../../assets/icons/card.svg.cjs');
+require('../../assets/icons/calculator-currency-3.svg.cjs');
+require('../../assets/icons/inn-1.svg.cjs');
+require('../../assets/icons/money.svg.cjs');
+require('../../assets/icons/down-ring.svg.cjs');
+require('../../assets/icons/up-ring.svg.cjs');
+require('../../assets/icons/card-heart.svg.cjs');
+require('../../assets/icons/premium.svg.cjs');
+require('../../assets/icons/flag.svg.cjs');
+require('../../assets/icons/document.svg.cjs');
+require('../../assets/icons/up.svg.cjs');
+require('../../assets/icons/plus.svg.cjs');
+require('../../assets/icons/go-left.svg.cjs');
+require('../../assets/icons/select-open-down.svg.cjs');
+require('../../assets/icons/search.svg.cjs');
+require('../../assets/icons/checkmark-part.svg.cjs');
+require('../../assets/icons/doc-new.svg.cjs');
+require('../../assets/icons/tag-price-4.svg.cjs');
+require('../../assets/icons/cube.svg.cjs');
+require('../../assets/icons/chat-ask-raif.svg.cjs');
+require('../../assets/icons/code-qr.svg.cjs');
+require('../../assets/icons/crane-1.svg.cjs');
+require('../../assets/icons/in-progress-ring.svg.cjs');
+require('../../assets/icons/people-2.svg.cjs');
+require('../../assets/icons/chart-bar-2.svg.cjs');
+require('../../assets/icons/certificate.svg.cjs');
+require('../../assets/icons/chart-line.svg.cjs');
+require('../../assets/icons/rating.svg.cjs');
+require('../../assets/icons/select-hide.svg.cjs');
+require('../../assets/icons/refresh-repeat.svg.cjs');
+require('../../assets/icons/clear-rec.svg.cjs');
+require('../../assets/icons/shield-check.svg.cjs');
+require('../../assets/icons/like.svg.cjs');
+require('../../assets/icons/mobile-connecting.svg.cjs');
+require('../../assets/icons/bundle-of-money.svg.cjs');
+require('../../assets/icons/eye-opened.svg.cjs');
+require('../../assets/icons/mountains.svg.cjs');
+require('../../assets/icons/autoservice-3.svg.cjs');
+require('../../assets/icons/payment-auto.svg.cjs');
+require('../../assets/icons/warning-tr.svg.cjs');
+require('../../assets/icons/safe.svg.cjs');
+require('../../assets/icons/lightining.svg.cjs');
+require('../../assets/icons/credit-cash.svg.cjs');
+require('../../assets/icons/atm-cards-1.svg.cjs');
+require('../../assets/icons/card-credit.svg.cjs');
+require('../../assets/icons/exchange-1.svg.cjs');
+require('../../assets/icons/cards.svg.cjs');
+require('../../assets/icons/airplane.svg.cjs');
+require('../../assets/icons/calculator-currency-2.svg.cjs');
+require('../../assets/icons/shield.svg.cjs');
+require('../../assets/icons/menu-up.svg.cjs');
+require('../../assets/icons/menu-down.svg.cjs');
+require('../../assets/icons/office-supplies.svg.cjs');
+require('../../assets/icons/city.svg.cjs');
+require('../../assets/icons/edit.svg.cjs');
+require('../../assets/icons/grocery-2.svg.cjs');
+require('../../assets/icons/other-goods.svg.cjs');
+require('../../assets/icons/credit-consumer.svg.cjs');
+require('../../assets/icons/acc-special.svg.cjs');
+require('../../assets/icons/world.svg.cjs');
+require('../../assets/icons/atm-cash-1.svg.cjs');
+require('../../assets/icons/grocery-1.svg.cjs');
+require('../../assets/icons/hand-cash-1.svg.cjs');
+require('../../assets/icons/chat-raif.svg.cjs');
+require('../../assets/icons/insurance-1.svg.cjs');
+require('../../assets/icons/doc-sign-and-send.svg.cjs');
+require('../../assets/icons/currency-transfer.svg.cjs');
+require('../../assets/icons/in-progress.svg.cjs');
+require('../../assets/icons/calculator.svg.cjs');
+require('../../assets/icons/card-get.svg.cjs');
+require('../../assets/icons/phone.svg.cjs');
+require('../../assets/icons/mail-in.svg.cjs');
+require('../../assets/icons/to-people.svg.cjs');
+require('../../assets/icons/cancel.svg.cjs');
+require('../../assets/icons/eye-closed.svg.cjs');
+require('../../assets/icons/ideas-raiting.svg.cjs');
+require('../../assets/icons/star-person-1.svg.cjs');
+require('../../assets/icons/history.svg.cjs');
+require('../../assets/icons/history-partial.svg.cjs');
+require('../../assets/icons/mobile-send-money.svg.cjs');
+require('../../assets/icons/cash-transactions.svg.cjs');
+require('../../assets/icons/heart-outlined.svg.cjs');
+require('../../assets/icons/task-done.svg.cjs');
+require('../../assets/icons/purchases.svg.cjs');
+require('../../assets/icons/card-raif.svg.cjs');
+require('../../assets/icons/credit-pay-part.svg.cjs');
+require('../../assets/icons/credit-pay-full.svg.cjs');
+require('../../assets/icons/notification-outlined.svg.cjs');
+require('../../assets/icons/mail-out.svg.cjs');
+require('../../assets/icons/chat-1.svg.cjs');
+require('../../assets/icons/people-1.svg.cjs');
+require('../../assets/icons/in-queue.svg.cjs');
+require('../../assets/icons/warning-exclamation.svg.cjs');
+require('../../assets/icons/warning-ring.svg.cjs');
+var reactDom = require('react-dom');
+var Icon = require('../Icon/Icon.cjs');
+var Numpad = require('../Numpad/Numpad.cjs');
+var Spinner = require('../Spinner/Spinner.cjs');
+var utils = require('../../utils');
+
+const _type = ["text", "email", "password", "number"];
+const sizesWrapperVariants = {
+  small: styled.css`
+    height: 32px;
+    padding: 0px 10px 0px 12px;
+  `,
+  medium: styled.css`
+    height: 40px;
+    padding: 0px 10px 0px 12px;
+  `,
+  large: styled.css`
+    height: 48px;
+    padding: 0px 14px 0px 16px;
+  `
+};
+const TextInputStyledWrapper = styled.div`
+  width: 100%;
+  background-color: ${(props) => props.$disabled ? utils.colors.gray_30 : props.$intent === "default_white" ? utils.colors.white : utils.colors.gray_100};
+  border-radius: 8px;
+  outline: none;
+  box-sizing: border-box;
+  border: 2px solid transparent;
+  display: flex;
+  align-items: center;
+  position: relative;
+
+  &:focus-within {
+    outline: 2px solid ${utils.colors.accent_600};
+  }
+
+  ${(props) => (props.$leftButtonIcon || props.$leftText && typeof props.$leftText === "string" || props.$rightButtonIcon || props.$rightText && typeof props.$rightText === "string" || props.$intent === "success" || props.$loading || props.$clearButton) && styled.css`
+      gap: 8px;
+    `}
+
+  ${(props) => props.$intent && props.$intent === "danger" && styled.css`
+      border: 2px solid ${utils.colors.danger_500};
+    `}
+
+  ${(props) => props.$size && typeof props.$size === "string" && sizesWrapperVariants[props.$size]};
+
+  ${(props) => (props.$leftText || props.$leftButtonIcon) && styled.css`
+      & > .rnd8f3k9p2 {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+
+        & > span {
+          color: ${(props2) => props2.$disabled ? utils.colors.gray_300 : utils.colors.gray_600};
+          font-weight: 400;
+          font-size: ${(props2) => props2.$size && typeof props2.$size === "string" && (props2.$size === "large" ? "16px" : "14px")};
+        }
+      }
+    `}
+
+  ${(props) => (props.$rightText || props.$rightButtonIcon || props.$clearButton || props.$intent === "success") && styled.css`
+      & > .rnd9x7m2k4l {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+
+        & > span {
+          color: ${(props2) => props2.$disabled ? utils.colors.gray_300 : utils.colors.gray_600};
+          font-weight: 400;
+          font-size: ${(props2) => props2.$size && typeof props2.$size === "string" && (props2.$size === "large" ? "16px" : "14px")};
+        }
+      }
+    `}
+`;
+const TextInputStyled = styled.input`
+  background-color: transparent;
+  flex: 1;
+  width: inherit;
+  color: ${(props) => props.disabled ? utils.colors.gray_500 : utils.colors.gray_950};
+  font-weight: 400;
+  outline: none;
+  border: none;
+  font-family: Amalia, sans-serif;
+  height: 100%;
+  padding: 0px;
+  font-size: ${(props) => props.$size && typeof props.$size === "string" && (props.$size === "large" ? "16px" : "14px")};
+  text-align: left;
+
+  &::placeholder {
+    color: ${(props) => props.disabled ? utils.colors.gray_500 : utils.colors.gray_600};
+  }
+
+  &::-webkit-inner-spin-button,
+  &::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  &[type="number"] {
+    -moz-appearance: textfield;
+    appearance: textfield;
+  }
+`;
+const restrictType = (type, numpad) => {
+  if (type && typeof type === "string" && _type.includes(type)) {
+    if (numpad) return "text";
+    return type;
+  } else {
+    return "text";
+  }
+};
+const TextInput = ({
+  id,
+  type = "text",
+  name,
+  placeholder,
+  value,
+  setValue,
+  size = "medium",
+  intent = "default",
+  loading = false,
+  clearButton = false,
+  leftText,
+  rightText,
+  leftButtonIcon,
+  rightButtonIcon,
+  rightButtonOnClick,
+  onCloseNumpad,
+  numpad = false,
+  numpadOffset = 10,
+  numpadFloatNumber = true,
+  numpadPosition = {
+    left: "-4px",
+    top: "100%"
+  },
+  numpadPortal = false,
+  numpadAllowPaste = false,
+  ...props
+}) => {
+  const refTextInputWrapper = React.useRef(null);
+  const [openNumpad, setOpenNumpad] = React.useState(false);
+  const [isReadOnly, setIsReadOnly] = React.useState(numpad ? true : false);
+  const onHandlePaste = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const pastedText = e.clipboardData.getData("text").replace(/[^0-9]/g, "");
+    if (pastedText) {
+      setValue(pastedText);
+    }
+  };
+  const onClear = () => {
+    setValue("");
+  };
+  const handleChange = (value2) => {
+    setValue && setValue(value2);
+  };
+  const handleTextInputClick = (e) => {
+    if (numpad && !loading) {
+      if (numpadPortal) {
+        const openRace = setTimeout(() => setOpenNumpad(true), 100);
+        return () => clearTimeout(openRace);
+      } else {
+        setOpenNumpad(true);
+      }
+    }
+    props?.onClick && props.onClick(e);
+  };
+  React.useEffect(() => {
+    const textInputReference = refTextInputWrapper?.current;
+    const handleOutside = (e) => {
+      const numpadElement = document.getElementById("rbro-numpad-wrapper");
+      const isClickInsideNumpad = numpadElement?.contains(e.target);
+      if (textInputReference && !textInputReference.contains(e.target) && !isClickInsideNumpad) {
+        onCloseNumpad && onCloseNumpad();
+        setOpenNumpad(false);
+      }
+    };
+    if (openNumpad) {
+      document.addEventListener("mousedown", handleOutside);
+      return () => {
+        document.removeEventListener("mousedown", handleOutside);
+      };
+    }
+  }, [openNumpad, refTextInputWrapper, onCloseNumpad]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    TextInputStyledWrapper,
+    {
+      ref: refTextInputWrapper,
+      $leftButtonIcon: leftButtonIcon,
+      $leftText: leftText,
+      $rightButtonIcon: rightButtonIcon,
+      $rightText: rightText,
+      $rightButtonOnClick: rightButtonOnClick,
+      $size: size,
+      $intent: intent,
+      $disabled: props.disabled,
+      $clearButton: clearButton,
+      $loading: loading,
+      children: [
+        numpad && openNumpad && (numpadPortal ? reactDom.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Numpad.default,
+            {
+              value,
+              getValue: (v) => handleChange(v),
+              handleFooterButton: () => {
+                onCloseNumpad && onCloseNumpad();
+                setOpenNumpad(false);
+              },
+              offset: numpadOffset,
+              float: numpadFloatNumber,
+              withinPortal: true,
+              relativeRef: refTextInputWrapper
+            }
+          ),
+          document.body
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          Numpad.default,
+          {
+            value,
+            getValue: (v) => handleChange(v),
+            handleFooterButton: () => {
+              onCloseNumpad && onCloseNumpad();
+              setOpenNumpad(false);
+            },
+            offset: numpadOffset,
+            float: numpadFloatNumber,
+            position: numpadPosition
+          }
+        )),
+        (leftButtonIcon || leftText && typeof leftText === "string") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rnd8f3k9p2", children: [
+          leftButtonIcon && /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.default,
+            {
+              icon: leftButtonIcon,
+              size: 20,
+              color: props.disabled ? utils.colors.gray_300 : utils.colors.gray_500
+            }
+          ),
+          leftText && typeof leftText === "string" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: leftText })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TextInputStyled,
+          {
+            ...props,
+            $size: size,
+            $intent: intent,
+            $type: type,
+            id,
+            name,
+            type: restrictType(type, numpad),
+            placeholder,
+            value,
+            readOnly: isReadOnly,
+            onChange: (e) => {
+              if (numpad) return;
+              handleChange(e.target.value);
+            },
+            onClick: handleTextInputClick,
+            onPaste: numpad && numpadAllowPaste ? onHandlePaste : void 0,
+            onFocus: () => numpad && numpadAllowPaste && setIsReadOnly(false),
+            onBlur: () => numpad && numpadAllowPaste && setIsReadOnly(true)
+          }
+        ),
+        loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner.default, { style: { opacity: props.disabled ? 0.3 : 1 }, size: 20 }) : (rightButtonIcon || rightText && typeof rightText === "string" || intent && intent === "success" || clearButton) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rnd9x7m2k4l", children: [
+          rightText && typeof rightText === "string" && intent !== "success" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: rightText }),
+          (rightButtonIcon || intent === "success" || clearButton && !!value) && /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.default,
+            {
+              onClick: !props.disabled ? rightButtonIcon ? rightButtonOnClick : onClear : void 0,
+              style: {
+                cursor: rightButtonOnClick || clearButton ? "pointer" : "default"
+              },
+              icon: intent === "success" ? "checkmark_filled" : rightButtonIcon ? rightButtonIcon : "clear_filled",
+              size: 20,
+              color: props.disabled ? utils.colors.gray_300 : intent === "success" ? utils.colors.success_600 : utils.colors.gray_500
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+exports.default = TextInput;

package/build/cjs/components/TextInput/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TextInput = require('./TextInput.cjs');
+
+
+
+exports.default = TextInput.default;

package/build/cjs/components/TimedButton/TimedButton.cjs

@@ -0,0 +1,142 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var styled = require('styled-components');
+var Icon = require('../Icon/Icon.cjs');
+var utils = require('../../utils');
+
+const buttonIntentColors = {
+  default: utils.colors.info_800,
+  danger: utils.colors.danger_600,
+  accent: utils.colors.gray_950
+};
+const StyledTimedButton = styled.button`
+  outline: none;
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  ${({ $intent, $size }) => $intent !== "default" && styled.css`
+      & > span:first-of-type {
+        font-size: ${$size === "large" ? "16px" : "14px"};
+        font-weight: 500;
+        color: ${$intent === "success" ? utils.colors.gray_600 : utils.colors.danger_600};
+      }
+    `}
+
+  & > span:last-of-type {
+    color: ${({ $loading, $buttonIntent, $disabled }) => $disabled ? utils.colors.gray_300 : $loading ? utils.colors.info_200 : $buttonIntent && Object.keys(buttonIntentColors).includes($buttonIntent) ? buttonIntentColors[$buttonIntent] : utils.colors.info_800};
+    font-size: ${({ $size }) => $size === "large" ? "16px" : "14px"};
+    font-weight: 500;
+    line-height: 120%;
+  }
+
+  ${({ $loading }) => $loading && styled.css`
+      & > svg {
+        animation: spin 1s linear infinite;
+
+        @keyframes spin {
+          from {
+            transform: rotate(360deg);
+          }
+          to {
+            transform: rotate(0deg);
+          }
+        }
+      }
+    `}
+`;
+const TimedButton = ({
+  actionText = "Trimite cod prin SMS",
+  reActionText = "Retrimite",
+  intent = "default",
+  dangerLabel = "Codul nu a putut fi trimis",
+  successLabel = "Codul a fost trimis",
+  buttonIntent = "default",
+  disabled = false,
+  icon = "retry-1",
+  size = "medium",
+  delay = 10,
+  actionButtonOnClick,
+  reActionButtonOnClick,
+  ...rest
+}) => {
+  const [duration, setDuration] = React.useState(delay);
+  const [loading, setLoading] = React.useState(false);
+  const [retry, setRetry] = React.useState(false);
+  const onEvent = () => {
+    if (!loading && !disabled) {
+      if (!retry) {
+        setRetry(true);
+        actionButtonOnClick && actionButtonOnClick();
+        setLoading(true);
+      } else {
+        reActionButtonOnClick && reActionButtonOnClick();
+        setLoading(true);
+      }
+    }
+  };
+  React.useEffect(() => {
+    if (loading && !disabled) {
+      const interval = setInterval(() => {
+        setDuration((prevTime) => {
+          if (prevTime <= 1) {
+            clearInterval(interval);
+            setLoading(false);
+            return 0;
+          }
+          return prevTime - 1;
+        });
+      }, 1e3);
+      return () => {
+        clearInterval(interval);
+      };
+    } else {
+      setDuration(delay);
+    }
+  }, [delay, loading, disabled]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    StyledTimedButton,
+    {
+      disabled: loading || disabled,
+      onClick: onEvent,
+      $intent: intent,
+      $loading: loading,
+      $size: size,
+      $disabled: disabled,
+      $buttonIntent: buttonIntent,
+      type: "button",
+      ...rest,
+      children: [
+        intent !== "default" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: intent === "success" ? successLabel : dangerLabel }),
+        loading ? /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.default,
+          {
+            icon: "retry-1",
+            size: size === "large" ? 18 : 16,
+            color: utils.colors.info_200
+          }
+        ) : icon !== void 0 && icon !== null && /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.default,
+          {
+            icon,
+            size: size === "large" ? 18 : 16,
+            color: disabled ? utils.colors.gray_300 : loading ? utils.colors.info_200 : buttonIntent && Object.keys(buttonIntentColors).includes(buttonIntent) ? buttonIntentColors[buttonIntent] : utils.colors.info_800
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: loading ? `Retrimite in ${duration} secunde` : retry ? reActionText : actionText })
+      ]
+    }
+  );
+};
+
+exports.default = TimedButton;

package/build/cjs/components/TimedButton/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TimedButton = require('./TimedButton.cjs');
+
+
+
+exports.default = TimedButton.default;

package/build/cjs/components/TimelineSteps/TimelineSteps.cjs

@@ -0,0 +1,33 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var styled = require('styled-components');
+
+const TimelineStepsStyled = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`;
+const TimelineSteps = ({ children, ...rest }) => {
+  const childrenArray = React.Children.toArray(children);
+  const modifiedChildren = childrenArray.map((child, index) => {
+    if (React.isValidElement(child)) {
+      if (index === childrenArray.length - 1) {
+        return React.cloneElement(child, {
+          last: true
+        });
+      }
+      return child;
+    }
+    return child;
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(TimelineStepsStyled, { ...rest, children: modifiedChildren });
+};
+
+exports.default = TimelineSteps;

package/build/cjs/components/TimelineSteps/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TimelineSteps = require('./TimelineSteps.cjs');
+
+
+
+exports.default = TimelineSteps.default;