@janbox/storefront-ui 1.0.0 → 1.0.2

package/dist/lib/progress/progress.cjs

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-require("clsx");
-require("lodash-es");
-const theme_palette = require("../../theme/palette.cjs");
-const stylesheet = require("../../utils/stylesheet.cjs");
-const Progress = react.forwardRef((props, ref) => {
-  const { value, direction = "horizontal", activeProps = {}, className, children, ...rest } = props;
-  const { className: activeClassName, style: activeStyle, ...activeRest } = activeProps;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...rest,
-      ref,
-      css: [
-        {
-          backgroundColor: theme_palette.getColorVar("neutral.200"),
-          overflow: "hidden",
-          borderRadius: "9999px"
-        },
-        direction === "horizontal" && { width: "100%", height: "0.5rem" },
-        direction === "vertical" && { height: "100%", width: "0.5rem" }
-      ],
-      className: stylesheet.cn(className),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ...activeRest,
-          css: [
-            {
-              overflow: "hidden",
-              overflowWrap: "break-word",
-              borderRadius: "9999px",
-              backgroundColor: theme_palette.getColorVar("primary.600"),
-              transition: "width 300ms ease-in-out"
-            },
-            direction === "horizontal" && { height: "100%" },
-            direction === "vertical" && { width: "100%" }
-          ],
-          className: stylesheet.cn(activeClassName),
-          style: { [direction === "horizontal" ? "width" : "height"]: `${value}%`, ...activeStyle },
-          children
-        }
-      )
-    }
-  );
-});
-exports.Progress = Progress;

package/dist/lib/radio-button/helpers.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_index = require("../../utils/index.cjs");
-const defaultProps = {};
-const getRadioButtonProps = (extended) => {
-  return utils_index.mergeComponentProps(defaultProps, extended);
-};
-exports.getRadioButtonProps = getRadioButtonProps;

package/dist/lib/radio-button/radio-button.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const helpers = require("./helpers.cjs");
-const radioButton_module = require("./radio-button.module.scss.cjs");
-const utils_index = require("../../utils/index.cjs");
-const stylesheet = require("../../utils/stylesheet.cjs");
-const RadioButton = react.forwardRef((_props, ref) => {
-  const { children, color = "primary", className, containerProps, ...props } = helpers.getRadioButtonProps(_props);
-  const { main } = utils_index.getColorShadesByVariant(color);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "label",
-    {
-      ...containerProps,
-      css: [
-        {
-          "--radio-button-color": main
-        },
-        containerProps == null ? void 0 : containerProps.css
-      ],
-      className: stylesheet.cn(radioButton_module.default.radio_button__container, containerProps == null ? void 0 : containerProps.className),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: radioButton_module.default.radio_button__main, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("input", { ...props, className: stylesheet.cn(radioButton_module.default.radio_button__input, className), type: "radio", ref }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: radioButton_module.default.radio_button__checkmark })
-        ] }),
-        children
-      ]
-    }
-  );
-});
-exports.RadioButton = RadioButton;

package/dist/lib/radio-button/radio-button.module.scss.cjs

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const radio_button__container = "_radio_button__container_10dls_1";
-const radio_button__input = "_radio_button__input_10dls_10";
-const radio_button__checkmark = "_radio_button__checkmark_10dls_21";
-const radio_button__main = "_radio_button__main_10dls_25";
-const classes = {
-  radio_button__container,
-  radio_button__input,
-  radio_button__checkmark,
-  radio_button__main
-};
-exports.default = classes;
-exports.radio_button__checkmark = radio_button__checkmark;
-exports.radio_button__container = radio_button__container;
-exports.radio_button__input = radio_button__input;
-exports.radio_button__main = radio_button__main;

package/dist/lib/select/helpers.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_index = require("../../utils/index.cjs");
-const defaultProps = {
-  xs: {
-    size: "md"
-  }
-};
-const getSelectProps = (extended) => {
-  return utils_index.mergeComponentProps(defaultProps, extended);
-};
-exports.getSelectProps = getSelectProps;

package/dist/lib/select/select.cjs

@@ -1,317 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const lodashEs = require("lodash-es");
-const helpers = require("./helpers.cjs");
-const svgLoader = require("../../components/svg-loader.cjs");
-const virtualizedList = require("../../components/virtualized-list.cjs");
-const index = require("../../hooks/use-window-screen/index.cjs");
-const useControllableState = require("../../hooks/use-controllable-state.cjs");
-const utils_index = require("../../utils/index.cjs");
-const arrowDown = require("../../assets/svg/arrow-down.svg.cjs");
-const doneCheck = require("../../assets/svg/done-check.svg.cjs");
-const theme_palette = require("../../theme/palette.cjs");
-const theme_typography = require("../../theme/typography.cjs");
-const common = require("../../utils/common.cjs");
-const floating = require("../floating/floating/floating.cjs");
-const floatingTrigger = require("../floating/floating-trigger/floating-trigger.cjs");
-const inputMask = require("../input-mask/input-mask.cjs");
-const floatingContent = require("../floating/floating-content/floating-content.cjs");
-const input = require("../input/input.cjs");
-const formHelperText = require("../form-helper-text/form-helper-text.cjs");
-const DEFAULT_DISPLAY_ROW_COUNT = 5;
-const Select = ({
-  ref,
-  ...props
-}) => {
-  var _a, _b, _c, _d, _e;
-  const {
-    placement = "bottom-start",
-    open,
-    onOpenChange,
-    searchable = true,
-    value,
-    optionValue,
-    optionLabel,
-    defaultValue,
-    options,
-    onChange,
-    placeholder,
-    listProps,
-    selectedRenderer,
-    optionSearchLabel,
-    helperText,
-    error,
-    containerProps,
-    inputProps,
-    fullWidth = true,
-    lazy = true,
-    ...rest
-  } = helpers.getSelectProps(props);
-  const searchInputRef = react.useRef(null);
-  const floatingRef = react.useRef(null);
-  const uniqueId = react.useId();
-  const [inputValue, setInputValue] = useControllableState.useControllableState({
-    defaultValue: (inputProps == null ? void 0 : inputProps.defaultValue) ?? "",
-    value: inputProps == null ? void 0 : inputProps.value
-  });
-  const windowScreen = index.useWindowScreen();
-  const [isOpen, setIsOpen] = useControllableState.useControllableState({
-    defaultValue: open ?? false,
-    value: open
-  });
-  const prehandleOpenChange = (nextOpen, event, reason) => {
-    setIsOpen(nextOpen);
-    onOpenChange == null ? void 0 : onOpenChange(nextOpen, event, reason);
-  };
-  const [selectedValue, setSelectedValue] = useControllableState.useControllableState({
-    defaultValue,
-    value
-  });
-  const getOptionValue = react.useCallback(
-    (option) => {
-      return typeof optionValue === "function" ? optionValue(option) : lodashEs.get(option, optionValue ?? "value");
-    },
-    [optionValue]
-  );
-  const getOptionLabel = react.useCallback(
-    (option) => {
-      return typeof optionLabel === "function" ? optionLabel(option) : lodashEs.get(option, optionLabel ?? "label");
-    },
-    [optionLabel]
-  );
-  const handleChange = (row) => {
-    var _a2, _b2, _c2;
-    const rowValue = getOptionValue(row);
-    setSelectedValue(rowValue);
-    onChange == null ? void 0 : onChange(rowValue, row);
-    (_c2 = (_a2 = floatingRef.current) == null ? void 0 : (_b2 = _a2.context).onOpenChange) == null ? void 0 : _c2.call(_b2, false);
-  };
-  const selectedOption = react.useMemo(
-    () => options.find((option) => selectedValue === getOptionValue(option)),
-    [getOptionValue, options, selectedValue]
-  );
-  const responsiveSize = lodashEs.isNil(windowScreen.name) ? void 0 : utils_index.getResponsiveProp(rest, "size", windowScreen.name);
-  const rowMinHeight = utils_index.getSizeVariantState(responsiveSize).inputSize ?? 0;
-  const displayOptions = react.useMemo(() => {
-    if (!inputValue) {
-      return options;
-    }
-    return options.filter((option) => {
-      let searchLabels = [String(getOptionLabel(option))];
-      switch (typeof optionSearchLabel) {
-        case "function":
-          searchLabels = common.ensureArray(optionSearchLabel(option));
-          break;
-        case "string":
-          searchLabels = common.ensureArray(String(lodashEs.get(option, optionSearchLabel)));
-          break;
-        case "object":
-          searchLabels = optionSearchLabel.map((label) => String(lodashEs.get(option, label)));
-          break;
-      }
-      return common.matchSearch(searchLabels, inputValue);
-    });
-  }, [getOptionLabel, inputValue, optionSearchLabel, options]);
-  const RowComponent = ({ row }) => {
-    const rowData = displayOptions.at(row.index);
-    if (lodashEs.isNil(rowData)) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
-    const rowValue = getOptionValue(rowData);
-    const isSelected = selectedValue === rowValue;
-    const onClick = (_e2) => {
-      var _a2, _b2, _c2;
-      if (isSelected) {
-        (_c2 = (_a2 = floatingRef.current) == null ? void 0 : (_b2 = _a2.context).onOpenChange) == null ? void 0 : _c2.call(_b2, false);
-        return;
-      }
-      handleChange(rowData);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        onClick,
-        "aria-hidden": true,
-        "data-option-value": rowValue,
-        css: {
-          minHeight: rowMinHeight,
-          paddingTop: 2,
-          paddingBottom: 2,
-          paddingLeft: 12,
-          paddingRight: 12,
-          display: "flex",
-          alignItems: "center",
-          gap: 8,
-          cursor: "pointer",
-          borderRadius: 8,
-          ":hover": { backgroundColor: theme_palette.getColorVar("neutral.100") },
-          ...isSelected ? {
-            color: theme_palette.getColorVar("primary.600"),
-            backgroundColor: theme_palette.getColorVar("primary.100"),
-            ":hover": { backgroundColor: theme_palette.getColorVar("primary.100") }
-          } : {}
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { css: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: getOptionLabel(rowData) }),
-          isSelected && /* @__PURE__ */ jsxRuntime.jsx(svgLoader.SvgLoader, { source: doneCheck, width: 24, height: 24, css: { color: theme_palette.getColorVar("primary.600") } })
-        ]
-      }
-    );
-  };
-  const sizeOptions = {
-    apply({ elements }) {
-      const { width } = elements.reference.getBoundingClientRect();
-      Object.assign(elements.floating.style, {
-        minWidth: `${width}px`
-      });
-    }
-  };
-  const estimateSize = react.useCallback(
-    (_index) => {
-      return rowMinHeight ?? 0;
-    },
-    [rowMinHeight]
-  );
-  const getItemKey = react.useCallback(
-    (index2) => {
-      const option = displayOptions.at(index2);
-      return option ? getOptionValue(option).toString() : `${uniqueId}-${index2}`;
-    },
-    [displayOptions, getOptionValue, uniqueId]
-  );
-  const getTextCss = (sizeVariant) => {
-    if (lodashEs.isNil(sizeVariant)) return {};
-    const { textVariant } = utils_index.getSizeVariantState(sizeVariant);
-    if (lodashEs.isNil(textVariant)) return {};
-    return theme_typography.getTypographyVar(textVariant);
-  };
-  const onInputChange = (e) => {
-    var _a2;
-    e.target.value = lodashEs.trimStart(e.target.value);
-    setInputValue(e.target.value);
-    (_a2 = inputProps == null ? void 0 : inputProps.onChange) == null ? void 0 : _a2.call(inputProps, e);
-  };
-  react.useEffect(() => {
-    const timer = setTimeout(() => {
-      var _a2;
-      if (isOpen) {
-        (_a2 = searchInputRef.current) == null ? void 0 : _a2.focus();
-      } else {
-        setInputValue("");
-      }
-    }, 100);
-    return () => clearTimeout(timer);
-  }, [isOpen, setInputValue]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ...containerProps,
-      css: {
-        display: "flex",
-        flexDirection: "column",
-        ...fullWidth ? { width: "100%" } : {},
-        ...containerProps == null ? void 0 : containerProps.css
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          floating.Floating,
-          {
-            clickProps: {
-              enabled: true
-            },
-            dismissProps: {
-              enabled: true
-            },
-            sizeOptions,
-            placement,
-            open: isOpen,
-            onOpenChange: prehandleOpenChange,
-            ref: floatingRef,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(floatingTrigger.FloatingTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                inputMask.InputMask,
-                {
-                  type: "button",
-                  error: isOpen ? false : error,
-                  element: "button",
-                  suffix: /* @__PURE__ */ jsxRuntime.jsx(
-                    svgLoader.SvgLoader,
-                    {
-                      source: arrowDown,
-                      width: 20,
-                      height: 20,
-                      css: {
-                        transition: "transform 150ms",
-                        ...isOpen ? { transform: "rotate(-180deg)" } : {}
-                      }
-                    }
-                  ),
-                  ...rest,
-                  css: [
-                    {
-                      ":hover": { outlineColor: theme_palette.getColorVar("primary.300") }
-                    },
-                    isOpen && { outlineColor: theme_palette.getColorVar("primary.600") },
-                    rest.disabled && {
-                      cursor: "not-allowed",
-                      pointerEvents: "none",
-                      backgroundColor: theme_palette.getColorVar("neutral.200")
-                    },
-                    rest.css
-                  ],
-                  ref,
-                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: [{ flex: 1, textAlign: "left", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, getTextCss((_a = rest.xs) == null ? void 0 : _a.size)], children: selectedOption ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: selectedRenderer ? selectedRenderer(selectedOption) : getOptionLabel(selectedOption) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { css: { color: theme_palette.getColorVar("neutral.400"), display: "block" }, children: placeholder }) })
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(floatingContent.FloatingContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { css: {
-                paddingTop: 8,
-                paddingBottom: 8,
-                border: "1px solid",
-                borderColor: theme_palette.getColorVar("border.default"),
-                borderRadius: 8,
-                boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-                fontSize: "0.875rem",
-                lineHeight: "1.25rem",
-                backgroundColor: theme_palette.getColorVar("surface.default")
-              }, children: [
-                searchable && /* @__PURE__ */ jsxRuntime.jsx("div", { css: { paddingLeft: 8, paddingRight: 8, paddingBottom: 12, position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                  input.Input,
-                  {
-                    xs: { size: (_b = rest.xs) == null ? void 0 : _b.size },
-                    sm: { size: (_c = rest.sm) == null ? void 0 : _c.size },
-                    md: { size: (_d = rest.md) == null ? void 0 : _d.size },
-                    lg: { size: (_e = rest.lg) == null ? void 0 : _e.size },
-                    value: inputValue,
-                    ...inputProps,
-                    onChange: onInputChange,
-                    ref: searchInputRef
-                  }
-                ) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  virtualizedList.VirtualizedList,
-                  {
-                    ...listProps,
-                    css: { paddingLeft: 4, paddingRight: 4 },
-                    options: {
-                      count: displayOptions.length,
-                      estimateSize,
-                      getItemKey,
-                      overscan: lazy ? void 0 : options.length
-                    },
-                    style: {
-                      maxHeight: rowMinHeight * DEFAULT_DISPLAY_ROW_COUNT,
-                      ...listProps == null ? void 0 : listProps.style
-                    },
-                    RowComponent
-                  }
-                )
-              ] }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(formHelperText.FormHelperText, { error, children: helperText })
-      ]
-    }
-  );
-};
-exports.Select = Select;

package/dist/lib/star-rating/star-rating.cjs

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const utils_index = require("../../utils/index.cjs");
-const StarRating = react.forwardRef(
-  ({ rating, maxRating = 5, size = 24, colorVariant = "secondary" }, ref) => {
-    const id = react.useId();
-    const percent = rating / maxRating * 24;
-    const { main } = utils_index.getColorShadesByVariant(colorVariant);
-    return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ref, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id, children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: percent, height: 24 }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M12 2.89648L14.935 8.88948L21.5 9.85648L16.75 14.5185L17.871 21.1045L12 17.9935L6.129 21.1045L7.25 14.5185L2.5 9.85648L9.064 8.88948L12 2.89648Z",
-          fill: "white",
-          stroke: main,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M12 2.89648L14.935 8.88948L21.5 9.85648L16.75 14.5185L17.871 21.1045L12 17.9935L6.129 21.1045L7.25 14.5185L2.5 9.85648L9.064 8.88948L12 2.89648Z",
-          fill: main,
-          clipPath: `url(#${id})`,
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "1.5",
-          stroke: main
-        }
-      )
-    ] });
-  }
-);
-exports.StarRating = StarRating;

package/dist/lib/stepper/step.cjs

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-require("lodash-es");
-const theme_palette = require("../../theme/palette.cjs");
-const check = require("../../assets/svg/check.svg.cjs");
-const icon = require("../icon/icon.cjs");
-const stateStyles = {
-  done: {
-    text: { color: theme_palette.getColorVar("white") },
-    bg: {
-      borderColor: theme_palette.getColorVar("primary.600"),
-      backgroundColor: theme_palette.getColorVar("primary.600"),
-      color: theme_palette.getColorVar("white")
-    }
-  },
-  active: {
-    text: { color: theme_palette.getColorVar("primary.600") },
-    bg: {
-      borderColor: theme_palette.getColorVar("primary.600"),
-      backgroundColor: theme_palette.getColorVar("white"),
-      color: theme_palette.getColorVar("primary.600")
-    }
-  },
-  normal: {
-    text: { color: theme_palette.getColorVar("white") },
-    bg: {
-      borderColor: theme_palette.getColorVar("neutral.500"),
-      backgroundColor: theme_palette.getColorVar("neutral.500"),
-      color: theme_palette.getColorVar("white")
-    }
-  }
-};
-const Step = react.forwardRef((props, ref) => {
-  const { state = "normal", content, className, size = 32, children, ...rest } = props;
-  const styles = stateStyles[state] ?? stateStyles.normal;
-  const checked = state === "done";
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      style: { width: `${size}px`, height: `${size}px` },
-      ref,
-      css: {
-        borderRadius: "50%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        borderWidth: 2,
-        borderStyle: "solid",
-        transition: "border 500ms, background 500ms, color 500ms",
-        zIndex: 1,
-        ...styles.bg
-      },
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { css: {
-          ...styles.text,
-          display: "-webkit-box",
-          WebkitLineClamp: 2,
-          WebkitBoxOrient: "vertical",
-          overflow: "hidden"
-        }, children: checked ? /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { source: check }) : children }),
-        content
-      ]
-    }
-  ) });
-});
-exports.Step = Step;

package/dist/lib/stepper/stepper.cjs

@@ -1,86 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const step = require("./step.cjs");
-const progress = require("../progress/progress.cjs");
-const maxPercent = 100;
-const Stepper = react.forwardRef((props, ref) => {
-  const { direction = "horizontal", className, items, activeIndex = 0, circleSize = 32, ...rest } = props;
-  const value = maxPercent / (items.length - 1) * activeIndex;
-  const progressBarSize = `${(items.length - 1) / items.length * 100}%`;
-  const progressBarStyles = {
-    horizontal: {
-      top: `${circleSize / 2}px`,
-      width: progressBarSize
-    },
-    vertical: {
-      left: `${circleSize / 2}px`,
-      height: progressBarSize
-    }
-  };
-  const renderItems = () => {
-    return items.map((item, index) => {
-      const { children, description, ...itemRest } = item;
-      const getState = () => {
-        if (index < activeIndex) {
-          return "done";
-        }
-        if (index === activeIndex) {
-          return "active";
-        }
-        if (index > activeIndex) {
-          return "normal";
-        }
-      };
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "li",
-        {
-          css: {
-            flex: 1,
-            display: "flex",
-            gap: 16,
-            ...direction === "vertical" ? { flexDirection: "row", alignItems: "center" } : { flexDirection: "column", alignItems: "center", justifyContent: "space-between" }
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(step.Step, { size: circleSize, state: getState(), ...itemRest, children: children ?? index + 1 }),
-            !!description && /* @__PURE__ */ jsxRuntime.jsx("div", { children: description })
-          ]
-        },
-        index
-      );
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      progress.Progress,
-      {
-        ref,
-        css: {
-          position: "absolute",
-          zIndex: -1,
-          width: "100%",
-          ...direction === "horizontal" ? { height: 4, left: "50%", transform: "translateX(-50%) translateY(-50%)" } : { width: 4, top: "50%", transform: "translateY(-50%) translateX(-50%)" }
-        },
-        style: progressBarStyles[direction],
-        value,
-        direction,
-        ...rest
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "ul",
-      {
-        css: {
-          display: "flex",
-          width: "100%",
-          height: "100%",
-          gap: 12,
-          ...direction === "horizontal" ? { flexDirection: "row", justifyContent: "space-between" } : { flexDirection: "column", justifyContent: "space-between" }
-        },
-        children: renderItems()
-      }
-    )
-  ] });
-});
-exports.Stepper = Stepper;

package/dist/lib/stepper/types.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const states = {
-  done: "done",
-  active: "active",
-  normal: "normal"
-};
-exports.states = states;

package/dist/lib/swiper/swiper/helpers.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_index = require("../../../utils/index.cjs");
-const defaultProps = {
-  autoplayOptions: {
-    active: false,
-    delay: 3e3,
-    stopOnFocusIn: false,
-    stopOnInteraction: false,
-    stopOnLastSnap: false
-  }
-};
-const getSwiperProps = (extended) => {
-  return utils_index.mergeComponentProps(defaultProps, extended);
-};
-exports.getSwiperProps = getSwiperProps;