@janbox/storefront-ui 1.0.1 → 1.0.2

package/dist/lib/input-number/input-number.cjs

@@ -1,132 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const react$1 = require("@floating-ui/react");
-const lodashEs = require("lodash-es");
-const inputNumber_module = require("./input-number.module.scss.cjs");
-const input = require("../input/input.cjs");
-const useControllableState = require("../../hooks/use-controllable-state.cjs");
-require("clsx");
-require("../../theme/palette.cjs");
-const stylesheet = require("../../utils/stylesheet.cjs");
-const minus = require("../../assets/svg/minus.svg.cjs");
-const plus = require("../../assets/svg/plus.svg.cjs");
-const iconButton = require("../icon-button/icon-button.cjs");
-const MAX_FRACTION_DIGITS = 10;
-const InputNumber = ({
-  value,
-  defaultValue,
-  className,
-  step = 0,
-  suffix,
-  prefix,
-  fractionDigits = 0,
-  max = Infinity,
-  min = 0,
-  ref,
-  ...props
-}) => {
-  const inputRef = react.useRef(null);
-  const [valueAsString, setValueAsString] = useControllableState.useControllableState({
-    value: value == null ? void 0 : value.toString(),
-    defaultValue: (defaultValue == null ? void 0 : defaultValue.toString()) ?? ""
-  });
-  const valueAsNumber = parseFloat(valueAsString);
-  const mergedRefs = react$1.useMergeRefs([ref, inputRef]);
-  const fractionDigitsInNumber = typeof fractionDigits === "number" ? fractionDigits : MAX_FRACTION_DIGITS;
-  const transformFn = (value2) => {
-    var _a, _b;
-    value2 = value2.replace(/e|E/g, "");
-    if (min >= 0) {
-      value2 = value2.replace(/^-/, "");
-    }
-    if (fractionDigits === 0) {
-      value2 = value2.replace(/\.\d+$/, "");
-    } else {
-      const parts = value2.split(".");
-      if (parts.length > 1) {
-        const decimalPart = (_a = parts.at(1)) == null ? void 0 : _a.slice(0, Math.min(fractionDigitsInNumber, MAX_FRACTION_DIGITS));
-        value2 = `${parts.at(0)}.${decimalPart}`;
-      }
-    }
-    return ((_b = props.transform) == null ? void 0 : _b.call(props, value2)) ?? value2;
-  };
-  const onChange = (e) => {
-    var _a;
-    if (props.mode === "onBlur" && e.target.valueAsNumber < min) {
-      e.target.value = min.toString();
-    }
-    setValueAsString(e.target.value);
-    (_a = props.onChange) == null ? void 0 : _a.call(props, e);
-  };
-  const onKeyDown = (e) => {
-    var _a;
-    if (e.key === "e" || e.key === "E") {
-      e.preventDefault();
-    }
-    (_a = props.onKeyDown) == null ? void 0 : _a.call(props, e);
-  };
-  const dispatchChange = (nextValue) => {
-    var _a;
-    if (!inputRef.current) return;
-    const nativeInputValueSetter = (_a = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : _a.set;
-    nativeInputValueSetter == null ? void 0 : nativeInputValueSetter.call(inputRef.current, nextValue);
-    const event = new Event("input", { bubbles: true });
-    inputRef.current.dispatchEvent(event);
-  };
-  const onPlus = (_e) => {
-    const inputEl = inputRef.current;
-    if (lodashEs.isNil(inputEl)) return;
-    const currentValueAsNumber = inputEl.valueAsNumber;
-    const nextValueAsNumber = Math.min(isNaN(currentValueAsNumber) ? step : currentValueAsNumber + step, max);
-    if (currentValueAsNumber === nextValueAsNumber) return;
-    dispatchChange(nextValueAsNumber.toString());
-  };
-  const onMinus = (_e) => {
-    const inputEl = inputRef.current;
-    if (lodashEs.isNil(inputEl)) return;
-    const currentValueAsNumber = inputEl.valueAsNumber;
-    const nextValueAsNumber = Math.max(isNaN(currentValueAsNumber) ? step : currentValueAsNumber - step, min);
-    if (currentValueAsNumber === nextValueAsNumber) return;
-    dispatchChange(nextValueAsNumber.toString());
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    input.Input,
-    {
-      ...props,
-      value: valueAsString,
-      onChange,
-      transform: transformFn,
-      className: stylesheet.cn(inputNumber_module.default.input_number__input, className),
-      onKeyDown,
-      suffix: suffix ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: step > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-        iconButton.IconButton,
-        {
-          color: "neutral",
-          xs: {
-            size: "xs"
-          },
-          icon: { source: plus },
-          onClick: onPlus,
-          "aria-disabled": isNaN(valueAsNumber) ? false : valueAsNumber >= max
-        }
-      ) }),
-      prefix: prefix ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: step > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-        iconButton.IconButton,
-        {
-          color: "neutral",
-          xs: {
-            size: "xs"
-          },
-          icon: { source: minus },
-          onClick: onMinus,
-          "aria-disabled": isNaN(valueAsNumber) ? false : valueAsNumber <= min
-        }
-      ) }),
-      type: "number",
-      ref: mergedRefs
-    }
-  );
-};
-exports.InputNumber = InputNumber;

package/dist/lib/input-number/input-number.module.scss.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const input_number__input = "_input_number__input_2xvhv_1";
-const classes = {
-  input_number__input
-};
-exports.default = classes;
-exports.input_number__input = input_number__input;

package/dist/lib/input-range/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 getInputRangeProps = (extended) => {
-  return utils_index.mergeComponentProps(defaultProps, extended);
-};
-exports.getInputRangeProps = getInputRangeProps;

package/dist/lib/input-range/input-range.cjs

@@ -1,179 +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 inputRange_module = require("./input-range.module.scss.cjs");
-const utils_index = require("../../utils/index.cjs");
-const longArrowRight = require("../../assets/svg/long-arrow-right.svg.cjs");
-const theme_screens = require("../../theme/screens.cjs");
-require("../../theme/palette.cjs");
-const inputNumber = require("../input-number/input-number.cjs");
-const icon = require("../icon/icon.cjs");
-const stylesheet = require("../../utils/stylesheet.cjs");
-const formHelperText = require("../form-helper-text/form-helper-text.cjs");
-const InputRange = (_props) => {
-  const {
-    error,
-    helperText,
-    inputs,
-    xs,
-    md,
-    sm,
-    lg,
-    className,
-    onChange,
-    prefix,
-    suffix,
-    startIcon,
-    endIcon,
-    ...props
-  } = helpers.getInputRangeProps(_props);
-  const containerRef = react.useRef(null);
-  const inputRefs = react.useRef([]);
-  const iconProps = {
-    xs: {
-      size: utils_index.getSizeVariantState(xs == null ? void 0 : xs.size).iconSize
-    },
-    sm: {
-      size: utils_index.getSizeVariantState(sm == null ? void 0 : sm.size).iconSize
-    },
-    md: {
-      size: utils_index.getSizeVariantState(md == null ? void 0 : md.size).iconSize
-    },
-    lg: {
-      size: utils_index.getSizeVariantState(lg == null ? void 0 : lg.size).iconSize
-    }
-  };
-  const onInputFocus = (e) => {
-    var _a, _b;
-    e.target.select();
-    (_b = (_a = inputs == null ? void 0 : inputs.at(Number(e.currentTarget.dataset.index))) == null ? void 0 : _a.onFocus) == null ? void 0 : _b.call(_a, e);
-  };
-  const onInputChange = (e) => {
-    var _a, _b;
-    const edge = e.currentTarget.dataset.edge;
-    onChange == null ? void 0 : onChange(e, edge);
-    (_b = (_a = inputs == null ? void 0 : inputs.at(Number(e.currentTarget.dataset.index))) == null ? void 0 : _a.onChange) == null ? void 0 : _b.call(_a, e);
-  };
-  const css = [
-    createStyle(xs),
-    {
-      [theme_screens.mediaQuery("sm")]: createStyle(sm),
-      [theme_screens.mediaQuery("md")]: createStyle(md),
-      [theme_screens.mediaQuery("lg")]: createStyle(lg)
-    }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { width: "100%" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { css, className: stylesheet.cn(inputRange_module.default.input_range, className), ...props, ref: containerRef, children: [
-      prefix,
-      !!startIcon && /* @__PURE__ */ jsxRuntime.jsx(
-        icon.Icon,
-        {
-          ...startIcon,
-          css: { flexShrink: 0 },
-          className: stylesheet.cn(startIcon.className),
-          xs: {
-            size: utils_index.getSizeVariantState(xs == null ? void 0 : xs.size).iconSize,
-            ...startIcon.xs
-          },
-          sm: {
-            size: utils_index.getSizeVariantState(sm == null ? void 0 : sm.size).iconSize,
-            ...startIcon.sm
-          },
-          md: {
-            size: utils_index.getSizeVariantState(md == null ? void 0 : md.size).iconSize,
-            ...startIcon.md
-          },
-          lg: {
-            size: utils_index.getSizeVariantState(lg == null ? void 0 : lg.size).iconSize,
-            ...startIcon.lg
-          }
-        }
-      ),
-      ["from", "to"].map((edge, index, array) => {
-        const inputProps = (inputs == null ? void 0 : inputs.at(index)) ?? {};
-        return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            inputNumber.InputNumber,
-            {
-              ref: (el) => {
-                inputRefs.current[index] = el;
-              },
-              "data-edge": edge,
-              "data-index": index,
-              className: stylesheet.cn(inputProps.className),
-              css: { textAlign: "center" },
-              mainProps: {
-                style: {
-                  borderWidth: 0,
-                  boxShadow: "none",
-                  paddingLeft: 0,
-                  paddingRight: 0
-                }
-              },
-              mode: "onBlur",
-              ...inputProps,
-              onChange: onInputChange,
-              onFocus: onInputFocus,
-              xs: {
-                size: xs == null ? void 0 : xs.size,
-                ...inputProps.xs
-              },
-              sm: {
-                size: sm == null ? void 0 : sm.size,
-                ...inputProps.sm
-              },
-              md: {
-                size: md == null ? void 0 : md.size,
-                ...inputProps.md
-              },
-              lg: {
-                size: lg == null ? void 0 : lg.size,
-                ...inputProps.lg
-              }
-            },
-            index
-          ),
-          index < array.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...iconProps, css: { flexShrink: 0 }, source: longArrowRight })
-        ] }, index);
-      }),
-      !!endIcon && /* @__PURE__ */ jsxRuntime.jsx(
-        icon.Icon,
-        {
-          ...endIcon,
-          css: { flexShrink: 0 },
-          className: stylesheet.cn(endIcon.className),
-          xs: {
-            size: utils_index.getSizeVariantState(xs == null ? void 0 : xs.size).iconSize,
-            ...endIcon.xs
-          },
-          sm: {
-            size: utils_index.getSizeVariantState(sm == null ? void 0 : sm.size).iconSize,
-            ...endIcon.sm
-          },
-          md: {
-            size: utils_index.getSizeVariantState(md == null ? void 0 : md.size).iconSize,
-            ...endIcon.md
-          },
-          lg: {
-            size: utils_index.getSizeVariantState(lg == null ? void 0 : lg.size).iconSize,
-            ...endIcon.lg
-          }
-        }
-      ),
-      suffix
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(formHelperText.FormHelperText, { error, children: helperText })
-  ] });
-};
-const createStyle = ({ size } = {}) => {
-  const { inputPaddingX } = utils_index.getSizeVariantState(size);
-  return [
-    {
-      paddingLeft: inputPaddingX,
-      paddingRight: inputPaddingX
-    }
-  ];
-};
-exports.InputRange = InputRange;

package/dist/lib/input-range/input-range.module.scss.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const input_range = "_input_range_1yrkm_1";
-const classes = {
-  input_range
-};
-exports.default = classes;
-exports.input_range = input_range;

package/dist/lib/lightbox/lightbox.cjs

@@ -1,199 +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 react$1 = require("motion/react");
-const ReactPlayer = require("react-player");
-const reactZoomPanPinch = require("react-zoom-pan-pinch");
-const arrowLeft = require("../../assets/svg/arrow-left.svg.cjs");
-const arrowRight = require("../../assets/svg/arrow-right.svg.cjs");
-const searchAddPlusMiddle = require("../../assets/svg/search-add-plus-middle.svg.cjs");
-const searchMinus = require("../../assets/svg/search-minus.svg.cjs");
-const timesCloseDelete = require("../../assets/svg/times-close-delete.svg.cjs");
-const theme_index = require("../../theme/index.cjs");
-const swiper = require("../swiper/swiper/swiper.cjs");
-const swiperSlide = require("../swiper/swiper-slide/swiper-slide.cjs");
-const floating = require("../floating/floating/floating.cjs");
-const floatingContent = require("../floating/floating-content/floating-content.cjs");
-const image = require("../image/image.cjs");
-const theme_screens = require("../../theme/screens.cjs");
-const floatingClose = require("../floating/floating-close/floating-close.cjs");
-const iconButton = require("../icon-button/icon-button.cjs");
-const LightboxIconButton = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    iconButton.IconButton,
-    {
-      color: "neutral",
-      css: {
-        backgroundColor: "rgba(255, 255, 255, 0.1)",
-        color: "white",
-        borderRadius: "50%",
-        ":hover": {
-          backgroundColor: "rgba(255, 255, 255, 0.2)"
-        }
-      },
-      ...props
-    }
-  );
-};
-const LightboxContent = ({ slides, defaultActiveIndex = 0 }) => {
-  const [mainApi, setMainApi] = react.useState();
-  const zoomPanPinchRef = react.useRef(null);
-  const contentElementRef = react.useRef(null);
-  const [activeIndex, setActiveIndex] = react.useState(defaultActiveIndex);
-  const activeSlide = slides.at(activeIndex);
-  const handlePrevious = () => {
-    mainApi == null ? void 0 : mainApi.scrollPrev();
-  };
-  const handleNext = () => {
-    mainApi == null ? void 0 : mainApi.scrollNext();
-  };
-  react.useEffect(() => {
-    const onSelect = () => {
-      if (!mainApi) return;
-      setActiveIndex(mainApi.selectedScrollSnap());
-    };
-    mainApi == null ? void 0 : mainApi.on("select", onSelect);
-    return () => {
-      mainApi == null ? void 0 : mainApi.off("select", onSelect);
-    };
-  }, [mainApi]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: { width: "100%", height: "100%", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: { position: "relative", width: "100%", flex: 1, overflow: "hidden", display: "flex", alignItems: "center", justifyContent: "center", paddingTop: 24, paddingBottom: 24, paddingLeft: 16, paddingRight: 16, [theme_screens.mediaQuery("md")]: { paddingLeft: 32, paddingRight: 32 } }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { position: "relative", width: "100%", height: "100%", paddingTop: 20, paddingBottom: 20, paddingLeft: 0, paddingRight: 0, [theme_screens.mediaQuery("md")]: { paddingLeft: 20, paddingRight: 20 } }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { css: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-      swiper.Swiper,
-      {
-        options: {
-          loop: true,
-          startIndex: defaultActiveIndex,
-          watchDrag: (_, event) => {
-            var _a;
-            return !((_a = contentElementRef.current) == null ? void 0 : _a.contains(event.target));
-          }
-        },
-        onApi: setMainApi,
-        xs: { slidesPerView: 1 },
-        css: { width: "100%", height: "100%" },
-        children: lodashEs.times(slides.length).map((index) => /* @__PURE__ */ jsxRuntime.jsx(swiperSlide.SwiperSlide, { children: activeIndex === index && /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.motion.div,
-          {
-            css: { display: "flex", width: "100%", height: "100%", alignItems: "center", justifyContent: "center" },
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            exit: { opacity: 0 },
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: contentElementRef, children: [
-              (activeSlide == null ? void 0 : activeSlide.source.type) === "image" && /* @__PURE__ */ jsxRuntime.jsx(
-                reactZoomPanPinch.TransformWrapper,
-                {
-                  ref: zoomPanPinchRef,
-                  wheel: {
-                    smoothStep: 0.02
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(reactZoomPanPinch.TransformComponent, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                    image.Image,
-                    {
-                      src: activeSlide == null ? void 0 : activeSlide.source.src,
-                      alt: activeSlide == null ? void 0 : activeSlide.title,
-                      xs: {
-                        css: {
-                          maxWidth: "100%",
-                          maxHeight: "100%",
-                          objectFit: "contain",
-                          userSelect: "none"
-                        }
-                      }
-                    }
-                  ) })
-                }
-              ),
-              (activeSlide == null ? void 0 : activeSlide.source.type) === "video" && /* @__PURE__ */ jsxRuntime.jsx("div", { css: { aspectRatio: "16/9", width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                ReactPlayer,
-                {
-                  light: activeSlide.source.thumbnail,
-                  src: activeSlide.source.src,
-                  width: "100%",
-                  height: "100%",
-                  controls: true
-                }
-              ) })
-            ] })
-          }
-        ) }, index))
-      }
-    ) }),
-    slides.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { display: "none", [theme_screens.mediaQuery("md")]: { display: "contents" } }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { css: { position: "absolute", left: 0, top: "50%", transform: "translateY(-50%) translateX(-50%)" }, children: /* @__PURE__ */ jsxRuntime.jsx(LightboxIconButton, { xs: { size: "sm" }, onClick: handlePrevious, icon: { source: arrowLeft } }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { css: { position: "absolute", right: 0, top: "50%", transform: "translateY(-50%) translateX(50%)" }, children: /* @__PURE__ */ jsxRuntime.jsx(LightboxIconButton, { xs: { size: "sm" }, onClick: handleNext, icon: { source: arrowRight } }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { css: { position: "absolute", left: -4, top: 0, transform: "translateY(-50%)", display: "flex", alignItems: "center", gap: 8, [theme_screens.mediaQuery("md")]: { left: -10 } }, children: slides.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      activeIndex + 1,
-      " / ",
-      slides.length
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { position: "absolute", right: -4, top: 0, transform: "translateY(-50%)", display: "flex", alignItems: "center", gap: 8, [theme_screens.mediaQuery("md")]: { right: -10 } }, children: [
-      slides.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { display: "contents", [theme_screens.mediaQuery("md")]: { display: "none" } }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(LightboxIconButton, { xs: { size: "sm" }, onClick: handlePrevious, icon: { source: arrowLeft } }),
-        /* @__PURE__ */ jsxRuntime.jsx(LightboxIconButton, { xs: { size: "sm" }, onClick: handleNext, icon: { source: arrowRight } })
-      ] }),
-      (activeSlide == null ? void 0 : activeSlide.source.type) === "image" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          LightboxIconButton,
-          {
-            xs: { size: "sm" },
-            onClick: () => {
-              var _a;
-              return (_a = zoomPanPinchRef.current) == null ? void 0 : _a.zoomOut(0.5);
-            },
-            icon: { source: searchMinus }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          LightboxIconButton,
-          {
-            xs: { size: "sm" },
-            onClick: () => {
-              var _a;
-              return (_a = zoomPanPinchRef.current) == null ? void 0 : _a.zoomIn(0.5);
-            },
-            icon: { source: searchAddPlusMiddle }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(floatingClose.FloatingClose, { children: /* @__PURE__ */ jsxRuntime.jsx(LightboxIconButton, { xs: { size: "sm" }, icon: { source: timesCloseDelete } }) })
-    ] }),
-    (activeSlide == null ? void 0 : activeSlide.title) && /* @__PURE__ */ jsxRuntime.jsx("div", { css: { position: "absolute", bottom: 0, left: "50%", transform: "translateX(-50%)", borderRadius: 8, fontSize: "0.75rem", lineHeight: "1rem", textAlign: "center" }, children: activeSlide.title })
-  ] }) }) });
-};
-const Lightbox = ({ slides, defaultActiveIndex, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    floating.Floating,
-    {
-      dismissProps: {
-        enabled: true
-      },
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        floatingContent.FloatingContent,
-        {
-          floatingOverlayProps: {
-            disabled: false,
-            lockScroll: true,
-            style: {
-              zIndex: theme_index.FLOATING_Z_INDEX,
-              backdropFilter: "blur(4px)"
-            },
-            css: {
-              position: "fixed",
-              inset: 0,
-              backgroundColor: "rgba(0, 0, 0, 0.9)",
-              color: "white"
-            }
-          },
-          css: { width: "100%", height: "100%" },
-          children: /* @__PURE__ */ jsxRuntime.jsx(LightboxContent, { slides, defaultActiveIndex })
-        }
-      )
-    }
-  );
-};
-exports.Lightbox = Lightbox;

package/dist/lib/linear-progress/helpers.cjs

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

package/dist/lib/linear-progress/linear-progress.cjs

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const lodashEs = require("lodash-es");
-const react = require("motion/react");
-const helpers = require("./helpers.cjs");
-const utils_index = require("../../utils/index.cjs");
-const theme_screens = require("../../theme/screens.cjs");
-require("../../theme/palette.cjs");
-const stylesheet = require("../../utils/stylesheet.cjs");
-const LinearProgress = (_props) => {
-  const { xs, sm, md, value, variant: _variant, className, ...props } = helpers.getLinearProgressProps(_props);
-  const fallbackVariant = lodashEs.isNil(value) ? "indeterminate" : "determinate";
-  const variant = _variant ?? fallbackVariant;
-  const rootInterpolation = [
-    {
-      position: "relative",
-      width: "100%",
-      overflow: "hidden",
-      [`& > .${linearProgressClasses.mask}`]: {
-        position: "absolute",
-        height: "100%"
-      }
-    },
-    createStyle(xs),
-    {
-      [theme_screens.mediaQuery("sm")]: createStyle(sm),
-      [theme_screens.mediaQuery("md")]: createStyle(md)
-    }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: rootInterpolation, className: stylesheet.cn(linearProgressClasses.root, className), ...props, children: [
-    variant === "indeterminate" && /* @__PURE__ */ jsxRuntime.jsx(
-      react.motion.div,
-      {
-        className: stylesheet.cn(linearProgressClasses.mask),
-        initial: { left: "-25%", width: "25%" },
-        animate: { left: "100%", width: "50%" },
-        transition: {
-          repeat: Infinity,
-          ease: "linear",
-          duration: 1.5
-        }
-      }
-    ),
-    variant === "determinate" && /* @__PURE__ */ jsxRuntime.jsx(
-      react.motion.div,
-      {
-        className: stylesheet.cn(linearProgressClasses.mask),
-        initial: {
-          width: `${value ?? 0}%`
-        },
-        animate: { width: `${value ?? 0}%` }
-      }
-    )
-  ] });
-};
-const linearProgressClasses = {
-  root: utils_index.makeClassList("linear-progress"),
-  mask: utils_index.makeClassList("linear-progress-mask")
-};
-const createStyle = ({ color, size } = {}) => {
-  const palette = utils_index.getColorShadesByVariant(color);
-  return [
-    {
-      height: size,
-      borderRadius: lodashEs.isNumber(size) ? size / 2 : void 0,
-      backgroundColor: palette.light,
-      [`& > .${linearProgressClasses.mask}`]: {
-        backgroundColor: palette.main,
-        borderRadius: lodashEs.isNumber(size) ? size / 2 : void 0
-      }
-    }
-  ];
-};
-exports.LinearProgress = LinearProgress;

package/dist/lib/link/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 getLinkProps = (extended) => {
-  return utils_index.mergeComponentProps(defaultProps, extended);
-};
-exports.getLinkProps = getLinkProps;