@janbox/storefront-ui 1.0.0 → 1.0.2

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

@@ -1,113 +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 Autoplay = require("embla-carousel-autoplay");
-const useEmblaCarousel = require("embla-carousel-react");
-const emblaCarouselWheelGestures = require("embla-carousel-wheel-gestures");
-const lodashEs = require("lodash-es");
-const helpers = require("./helpers.cjs");
-const utils_index = require("../../../utils/index.cjs");
-const theme_screens = require("../../../theme/screens.cjs");
-require("../../../theme/palette.cjs");
-const swiperDotsPaging = require("../swiper-dots-paging/swiper-dots-paging.cjs");
-const swiperSlide = require("../swiper-slide/swiper-slide.cjs");
-const stylesheet = require("../../../utils/stylesheet.cjs");
-const SWIPER_SLIDE_GAP_VAR_NAME = "--slice-gap";
-const SWIPER_SLIDE_GAP_VAR = `var(${SWIPER_SLIDE_GAP_VAR_NAME}, 0px)`;
-const Swiper = ({ children, onApi, ref, ..._props }) => {
-  var _a, _b, _c, _d;
-  const { xs, sm, md, lg, autoplayOptions, options, className, paging, ...rest } = helpers.getSwiperProps(_props);
-  const [emblaRef, emblaApi] = useEmblaCarousel(
-    {
-      align: "start",
-      ...options
-    },
-    [Autoplay(autoplayOptions), emblaCarouselWheelGestures.WheelGesturesPlugin()]
-  );
-  react.useEffect(() => {
-    emblaApi && (onApi == null ? void 0 : onApi(emblaApi));
-  }, [emblaApi]);
-  const mergedRefs = react$1.useMergeRefs([emblaRef, ref]);
-  const css = [
-    {
-      position: "relative",
-      overflow: "hidden",
-      maxHeight: "100%",
-      maxWidth: "100%"
-    },
-    (options == null ? void 0 : options.axis) === "y" && { height: "100%" },
-    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,
-      className: stylesheet.cn(
-        swiperClasses.root,
-        className
-      ),
-      ...rest,
-      ref: mergedRefs,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            css: {
-              display: "flex",
-              alignItems: "stretch",
-              height: "100%",
-              ...(options == null ? void 0 : options.axis) === "y" ? { height: "100%", flexDirection: "column" } : {}
-            },
-            className: swiperClasses.list,
-            children
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: null, children: (paging == null ? void 0 : paging.type) === "dots" && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            css: {
-              position: "absolute",
-              left: 0,
-              right: 0,
-              display: "flex",
-              justifyContent: "center",
-              bottom: 0,
-              ...(_a = paging.xs) == null ? void 0 : _a.css,
-              [theme_screens.mediaQuery("sm")]: (_b = paging.sm) == null ? void 0 : _b.css,
-              [theme_screens.mediaQuery("md")]: (_c = paging.md) == null ? void 0 : _c.css,
-              [theme_screens.mediaQuery("lg")]: (_d = paging.lg) == null ? void 0 : _d.css
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(swiperDotsPaging.SwiperDotsPaging, { api: emblaApi, ...paging.options })
-          }
-        ) })
-      ]
-    }
-  );
-};
-const createStyle = ({ slidesPerView, css, spaceBetween } = {}) => {
-  return [
-    {
-      [`& > .${swiperClasses.list}`]: {
-        [SWIPER_SLIDE_GAP_VAR_NAME]: lodashEs.isNumber(spaceBetween) ? `${spaceBetween}px` : void 0,
-        gap: SWIPER_SLIDE_GAP_VAR,
-        [`& > .${swiperSlide.swiperSlideClasses.root}`]: {
-          flexBasis: lodashEs.isNumber(slidesPerView) ? `calc((100% - (${SWIPER_SLIDE_GAP_VAR} * ${slidesPerView - 1})) / ${slidesPerView})` : void 0
-        }
-      }
-    },
-    css
-  ];
-};
-const swiperClasses = {
-  root: utils_index.makeClassList("swiper"),
-  list: utils_index.makeClassList("swiper-list")
-};
-exports.Swiper = Swiper;
-exports.swiperClasses = swiperClasses;

package/dist/lib/swiper/swiper-dots-paging/swiper-dots-paging.cjs

@@ -1,77 +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 utils_index = require("../../../utils/index.cjs");
-const SwiperDotsPaging = ({
-  api,
-  size = 12,
-  spaceBetween = 4,
-  colorVariant = "primary"
-}) => {
-  const [inViewIndexes, setInViewIndexes] = react.useState((api == null ? void 0 : api.slidesInView()) ?? []);
-  const [totalSlides, setTotalSlides] = react.useState((api == null ? void 0 : api.slideNodes().length) ?? 0);
-  const { main, light } = utils_index.getColorShadesByVariant(colorVariant);
-  react.useEffect(() => {
-    const checkSlidesInView = () => {
-      setInViewIndexes((api == null ? void 0 : api.slidesInView()) ?? []);
-    };
-    const checkTotalSlides = () => {
-      setTotalSlides((api == null ? void 0 : api.slideNodes().length) ?? 0);
-    };
-    checkSlidesInView();
-    checkTotalSlides();
-    api == null ? void 0 : api.on("slidesInView", checkSlidesInView);
-    api == null ? void 0 : api.on("resize", checkSlidesInView);
-    api == null ? void 0 : api.on("slidesChanged", checkTotalSlides);
-    return () => {
-      api == null ? void 0 : api.off("slidesInView", checkSlidesInView);
-      api == null ? void 0 : api.off("resize", checkSlidesInView);
-      api == null ? void 0 : api.off("slidesChanged", checkTotalSlides);
-    };
-  }, [api]);
-  const onDotClick = (e) => {
-    e.stopPropagation();
-    api == null ? void 0 : api.scrollTo(Number(e.currentTarget.value));
-  };
-  const firstInViewIndex = inViewIndexes.at(0) ?? 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { position: "relative", display: "flex", width: "fit-content", gap: spaceBetween, minHeight: size }, children: [
-    lodashEs.times(totalSlides).map((slideIndex) => /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onDotClick, value: slideIndex, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        css: {
-          width: size,
-          height: size,
-          borderColor: main,
-          backgroundColor: light,
-          border: "1px solid",
-          borderRadius: 9999,
-          ...inViewIndexes.includes(slideIndex) ? { visibility: "hidden" } : {}
-        }
-      }
-    ) }, slideIndex)),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        initial: {
-          width: 0,
-          left: 0
-        },
-        animate: {
-          width: inViewIndexes.length * size + (inViewIndexes.length - 1) * spaceBetween,
-          left: firstInViewIndex * size + firstInViewIndex * spaceBetween
-        },
-        css: {
-          backgroundColor: main,
-          position: "absolute",
-          top: 0,
-          bottom: 0,
-          borderRadius: 9999
-        }
-      }
-    )
-  ] });
-};
-exports.SwiperDotsPaging = SwiperDotsPaging;

package/dist/lib/swiper/swiper-slide/swiper-slide.cjs

@@ -1,31 +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 theme_screens = require("../../../theme/screens.cjs");
-require("../../../theme/palette.cjs");
-const stylesheet = require("../../../utils/stylesheet.cjs");
-const SwiperSlide = react.forwardRef(
-  ({ xs, sm, md, lg, className, ...props }, ref) => {
-    const css = [
-      {
-        flexShrink: 0,
-        flexGrow: 0,
-        overflow: "hidden"
-      },
-      xs == null ? void 0 : xs.css,
-      {
-        [theme_screens.mediaQuery("sm")]: sm == null ? void 0 : sm.css,
-        [theme_screens.mediaQuery("md")]: md == null ? void 0 : md.css,
-        [theme_screens.mediaQuery("lg")]: lg == null ? void 0 : lg.css
-      }
-    ];
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, css, className: stylesheet.cn(swiperSlideClasses.root, className), ref });
-  }
-);
-const swiperSlideClasses = {
-  root: utils_index.makeClassList("swiper-slide")
-};
-exports.SwiperSlide = SwiperSlide;
-exports.swiperSlideClasses = swiperSlideClasses;

package/dist/lib/switch/switch.cjs

@@ -1,19 +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 switch_module = require("./switch.module.scss.cjs");
-require("clsx");
-require("lodash-es");
-require("../../theme/palette.cjs");
-const stylesheet = require("../../utils/stylesheet.cjs");
-const Switch = ({ children, className, ref, ...props }) => {
-  const inputRef = react.useRef(null);
-  const mergedRefs = react$1.useMergeRefs([ref, inputRef]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: switch_module.default.switch__container, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: switch_module.default.switch__main, children: /* @__PURE__ */ jsxRuntime.jsx("input", { ...props, type: "checkbox", className: stylesheet.cn(switch_module.default.switch__input, className), ref: mergedRefs }) }),
-    children
-  ] });
-};
-exports.Switch = Switch;

package/dist/lib/switch/switch.module.scss.cjs

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const switch__container = "_switch__container_19zrg_1";
-const switch__input = "_switch__input_19zrg_12";
-const switch__main = "_switch__main_19zrg_24";
-const classes = {
-  switch__container,
-  switch__input,
-  switch__main
-};
-exports.default = classes;
-exports.switch__container = switch__container;
-exports.switch__input = switch__input;
-exports.switch__main = switch__main;

package/dist/lib/table/table/table.cjs

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-require("react");
-require("clsx");
-require("lodash-es");
-const theme_palette = require("../../../theme/palette.cjs");
-const stylesheet = require("../../../utils/stylesheet.cjs");
-const Table = ({ className, children, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "table",
-    {
-      css: {
-        width: "100%",
-        borderTopLeftRadius: "0.5rem",
-        borderTopRightRadius: "0.5rem",
-        overflow: "hidden",
-        backgroundColor: theme_palette.getColorVar("surface.default")
-      },
-      className: stylesheet.cn(className),
-      ...props,
-      children
-    }
-  );
-};
-exports.Table = Table;

package/dist/lib/table/table-body/table-body.cjs

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-require("lodash-es");
-const theme_palette = require("../../../theme/palette.cjs");
-const primitive = require("../../primitive/primitive.cjs");
-const TableBody = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    primitive.Primitive,
-    {
-      as: "tbody",
-      xs: {
-        css: {
-          "& > tr": {
-            position: "relative",
-            "&::after": {
-              content: '""',
-              position: "absolute",
-              bottom: 0,
-              left: 0,
-              right: 0,
-              borderBottomWidth: 1,
-              borderBottomStyle: "solid",
-              borderBottomColor: theme_palette.getColorVar("neutral.100")
-            }
-          }
-        }
-      },
-      ...props,
-      children
-    }
-  );
-};
-exports.TableBody = TableBody;

package/dist/lib/table/table-cell/table-cell.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-require("react");
-require("clsx");
-require("lodash-es");
-require("../../../theme/palette.cjs");
-const stylesheet = require("../../../utils/stylesheet.cjs");
-const TableCell = ({ className, children, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("td", { css: { padding: "0.5rem" }, className: stylesheet.cn(className), ...props, children });
-};
-exports.TableCell = TableCell;

package/dist/lib/table/table-footer/table-footer.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const TableFooter = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("tfoot", { ...props, children });
-};
-exports.TableFooter = TableFooter;

package/dist/lib/table/table-head/table-head.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-require("lodash-es");
-const theme_palette = require("../../../theme/palette.cjs");
-const primitive = require("../../primitive/primitive.cjs");
-const TableHead = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    primitive.Primitive,
-    {
-      as: "thead",
-      xs: {
-        css: {
-          position: "relative",
-          fontWeight: 500,
-          "&::after": {
-            content: '""',
-            position: "absolute",
-            bottom: 0,
-            left: 0,
-            right: 0,
-            borderTopWidth: 1,
-            borderTopStyle: "solid",
-            borderTopColor: theme_palette.getColorVar("neutral.200")
-          }
-        }
-      },
-      ...props,
-      children
-    }
-  );
-};
-exports.TableHead = TableHead;

package/dist/lib/table/table-row/table-row.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const TableRow = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props, children });
-};
-exports.TableRow = TableRow;

package/dist/lib/tabs/tab/helpers.cjs

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const TabIndexContext = react.createContext(-1);
-const useTabIndexContext = () => {
-  return react.useContext(TabIndexContext);
-};
-exports.TabIndexContext = TabIndexContext;
-exports.useTabIndexContext = useTabIndexContext;

package/dist/lib/tabs/tab/tab.cjs

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const utils_index = require("../../../utils/index.cjs");
-const helpers$1 = require("./helpers.cjs");
-const helpers = require("../tabs/helpers.cjs");
-const button = require("../../button/button.cjs");
-const Tab = ({ children, ref, ..._props }) => {
-  var _a;
-  const { focusTab, activeIndex, tabProps: defaultTabProps = {}, preventActiveTabChange } = helpers.useTabsContext();
-  const { color, states, ...rest } = utils_index.mergeComponentProps(defaultTabProps, _props);
-  const tabIndex = helpers$1.useTabIndexContext();
-  const isTabActive = tabIndex === activeIndex;
-  const onClick = (e) => {
-    var _a2;
-    e.preventDefault();
-    if (preventActiveTabChange) {
-      !isTabActive && focusTab(tabIndex);
-    } else {
-      focusTab(tabIndex);
-    }
-    (_a2 = rest.onClick) == null ? void 0 : _a2.call(rest, e);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { ...rest, onClick, color: isTabActive ? (_a = states == null ? void 0 : states.active) == null ? void 0 : _a.color : color, ref, children });
-};
-exports.Tab = Tab;

package/dist/lib/tabs/tab-content/tab-content.cjs

@@ -1,22 +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 helpers = require("../tabs/helpers.cjs");
-const TabContent = react.forwardRef(({ children, ...rest }, ref) => {
-  const { activeIndex } = helpers.useTabsContext();
-  const flattenedChildren = utils_index.flattenChildren(children);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      css: {
-        display: "contents"
-      },
-      ...rest,
-      ref,
-      children: flattenedChildren.find((_, index) => index === activeIndex)
-    }
-  );
-});
-exports.TabContent = TabContent;

package/dist/lib/tabs/tab-indicator/tab-indicator.cjs

@@ -1,92 +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("motion/react");
-const theme_screens = require("../../../theme/screens.cjs");
-require("../../../theme/palette.cjs");
-const helpers = require("../tabs/helpers.cjs");
-const TabIndicator = () => {
-  const { activeIndex, tabIndicatorProps } = helpers.useTabsContext();
-  const indicatorEl = react.useRef(null);
-  const [indicatorRect, setIndicatorRect] = react.useState({
-    left: 0,
-    width: 0
-  });
-  const [activeTabElement, setActiveTabElement] = react.useState();
-  react.useEffect(() => {
-    var _a;
-    const tabListEl = (_a = indicatorEl.current) == null ? void 0 : _a.parentElement;
-    setActiveTabElement(tabListEl == null ? void 0 : tabListEl.children.item(activeIndex));
-    const mutationObserver = new MutationObserver((mutations) => {
-      var _a2;
-      const target = (_a2 = mutations.at(0)) == null ? void 0 : _a2.target;
-      if (target instanceof Element) {
-        setActiveTabElement(target.children.item(activeIndex));
-      }
-    });
-    if (tabListEl) {
-      mutationObserver.observe(tabListEl, {
-        childList: true
-      });
-    }
-    return () => {
-      mutationObserver.disconnect();
-    };
-  }, [activeIndex]);
-  react.useEffect(() => {
-    const resizeObserver = new ResizeObserver((entries) => {
-      var _a;
-      const target = (_a = entries.at(0)) == null ? void 0 : _a.target;
-      const parentElement = target == null ? void 0 : target.parentElement;
-      if (!target || !parentElement) {
-        return;
-      }
-      const targetRect = target.getBoundingClientRect();
-      const parentRect = parentElement.getBoundingClientRect();
-      setIndicatorRect({
-        left: targetRect.left - parentRect.left + parentElement.scrollLeft,
-        width: targetRect.width
-      });
-    });
-    if (activeTabElement) {
-      resizeObserver.observe(activeTabElement);
-    }
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [activeTabElement]);
-  const css = [
-    {
-      position: "absolute",
-      bottom: 0,
-      left: 0,
-      backgroundColor: "currentcolor",
-      borderRadius: 8
-    },
-    createStyle(tabIndicatorProps == null ? void 0 : tabIndicatorProps.xs),
-    {
-      [theme_screens.mediaQuery("sm")]: createStyle(tabIndicatorProps == null ? void 0 : tabIndicatorProps.sm),
-      [theme_screens.mediaQuery("md")]: createStyle(tabIndicatorProps == null ? void 0 : tabIndicatorProps.md)
-    }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react$1.motion.div,
-    {
-      initial: {
-        transform: "translateX(0)",
-        width: 0
-      },
-      animate: {
-        width: indicatorRect.width,
-        transform: `translateX(${indicatorRect.left}px)`
-      },
-      ref: indicatorEl,
-      css
-    }
-  );
-};
-const createStyle = ({ css } = {}) => {
-  return [css];
-};
-exports.TabIndicator = TabIndicator;

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

package/dist/lib/tabs/tab-list/tab-list.cjs

@@ -1,40 +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 helpers$1 = require("../tab/helpers.cjs");
-const utils_index = require("../../../utils/index.cjs");
-const theme_screens = require("../../../theme/screens.cjs");
-require("../../../theme/palette.cjs");
-const emotionHelpers = require("../../../utils/emotion-helpers.cjs");
-const tabIndicator = require("../tab-indicator/tab-indicator.cjs");
-const stylesheet = require("../../../utils/stylesheet.cjs");
-const TabList = react.forwardRef((_props, ref) => {
-  const { xs, sm, md, lg, children, className, ...props } = helpers.getTabListProps(_props);
-  const css = [
-    {
-      display: "flex",
-      width: "fit-content",
-      maxWidth: "100%",
-      alignItems: "center",
-      gap: 16,
-      position: "relative",
-      overflow: "auto",
-      "& > *": {
-        flexShrink: 0
-      }
-    },
-    xs == null ? void 0 : xs.css,
-    {
-      [theme_screens.mediaQuery("sm")]: sm == null ? void 0 : sm.css,
-      [theme_screens.mediaQuery("md")]: md == null ? void 0 : md.css,
-      [theme_screens.mediaQuery("lg")]: lg == null ? void 0 : lg.css
-    }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: [css, emotionHelpers.scrollbarNone], className: stylesheet.cn(className), ...props, ref, children: [
-    utils_index.flattenChildren(children).map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(helpers$1.TabIndexContext.Provider, { value: index, children: child }, index)),
-    /* @__PURE__ */ jsxRuntime.jsx(tabIndicator.TabIndicator, {})
-  ] });
-});
-exports.TabList = TabList;

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

package/dist/lib/tabs/tab-panel/tab-panel.cjs

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const theme_screens = require("../../../theme/screens.cjs");
-require("../../../theme/palette.cjs");
-const utils_index = require("../../../utils/index.cjs");
-const helpers = require("../tabs/helpers.cjs");
-const TabPanel = ({ children, ref, ..._props }) => {
-  const { tabPanelProps: defaultTabPanelProps = {} } = helpers.useTabsContext();
-  const { xs, sm, md, lg, ...props } = utils_index.mergeComponentProps(defaultTabPanelProps, _props);
-  const css = [
-    xs == null ? void 0 : xs.css,
-    {
-      [theme_screens.mediaQuery("sm")]: sm == null ? void 0 : sm.css,
-      [theme_screens.mediaQuery("md")]: md == null ? void 0 : md.css,
-      [theme_screens.mediaQuery("lg")]: lg == null ? void 0 : lg.css
-    }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref, css, children });
-};
-exports.TabPanel = TabPanel;

package/dist/lib/tabs/tabs/helpers.cjs

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-require("lodash-es");
-const theme_palette = require("../../../theme/palette.cjs");
-const utils_index = require("../../../utils/index.cjs");
-const defaultProps = {
-  tabProps: {
-    color: "neutral",
-    variant: "text",
-    states: {
-      active: {
-        color: "primary",
-        variant: "text"
-      }
-    }
-  },
-  tabIndicatorProps: {
-    xs: {
-      css: {
-        height: 2,
-        backgroundColor: theme_palette.getColorVar("primary.600")
-      }
-    }
-  }
-};
-const getTabsProps = (extended) => {
-  return utils_index.mergeComponentProps(defaultProps, extended);
-};
-const TabsContext = react.createContext({});
-const useTabsContext = () => {
-  return react.useContext(TabsContext);
-};
-exports.TabsContext = TabsContext;
-exports.getTabsProps = getTabsProps;
-exports.useTabsContext = useTabsContext;