@janbox/storefront-ui 1.0.0

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

@@ -0,0 +1,113 @@
+"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/swiper.d.ts

@@ -0,0 +1,7 @@
+import { SwiperProps } from './types';
+export declare const Swiper: ({ children, onApi, ref, ..._props }: SwiperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const swiperClasses: {
+    root: string;
+    list: string;
+};
+//# sourceMappingURL=swiper.d.ts.map

package/dist/lib/swiper/swiper/swiper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swiper.d.ts","sourceRoot":"","sources":["../../../../src/lib/swiper/swiper/swiper.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,WAAW,EAAyB,MAAM,SAAS,CAAC;AAY7D,eAAO,MAAM,MAAM,wCAAyC,WAAW,qDA4EtE,CAAC;AAmBF,eAAO,MAAM,aAAa;;;CAGzB,CAAC"}

package/dist/lib/swiper/swiper/swiper.js

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

package/dist/lib/swiper/swiper/types.d.ts

@@ -0,0 +1,27 @@
+import { JSX } from 'react';
+import { AutoplayOptionsType } from 'embla-carousel-autoplay';
+import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+import { SwiperDotsPagingProps } from '../swiper-dots-paging/types';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+export type SwiperOptions = Parameters<typeof useEmblaCarousel>[0];
+export type SwiperApi = UseEmblaCarouselType[1];
+export interface SwiperResponsiveProps extends PropsWithCSS {
+    slidesPerView?: number | 'auto';
+    spaceBetween?: number;
+}
+type SwiperDosPaging = ResponsiveDesign<PropsWithCSS> & {
+    type: 'dots';
+    options?: SwiperDotsPagingProps;
+};
+type SwiperPaging = SwiperDosPaging;
+type SwiperExtendedProps = ResponsiveDesign<SwiperResponsiveProps> & {
+    autoplayOptions?: ShallowMerge<AutoplayOptionsType, {
+        delay?: number;
+    }>;
+    onApi?: (api: SwiperApi) => void;
+    options?: Partial<SwiperOptions>;
+    paging?: SwiperPaging;
+};
+export type SwiperProps = ShallowMerge<JSX.IntrinsicElements['div'], SwiperExtendedProps>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/swiper/swiper/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/swiper/swiper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,gBAAgB,EAAE,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE9E,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5E,MAAM,MAAM,SAAS,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAEhD,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,KAAK,eAAe,GAAG,gBAAgB,CAAC,YAAY,CAAC,GAAG;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,qBAAqB,CAAC;CACjC,CAAC;AAEF,KAAK,YAAY,GAAG,eAAe,CAAC;AAEpC,KAAK,mBAAmB,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,GAAG;IACnE,eAAe,CAAC,EAAE,YAAY,CAAC,mBAAmB,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxE,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAC,CAAC"}

package/dist/lib/swiper/swiper-dots-paging/index.d.ts

@@ -0,0 +1,2 @@
+export * from './swiper-dots-paging';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/swiper/swiper-dots-paging/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/swiper/swiper-dots-paging/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

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

@@ -0,0 +1,77 @@
+"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-dots-paging/swiper-dots-paging.d.ts

@@ -0,0 +1,3 @@
+import { SwiperDotsPagingProps } from './types';
+export declare const SwiperDotsPaging: ({ api, size, spaceBetween, colorVariant, }: SwiperDotsPagingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=swiper-dots-paging.d.ts.map

package/dist/lib/swiper/swiper-dots-paging/swiper-dots-paging.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swiper-dots-paging.d.ts","sourceRoot":"","sources":["../../../../src/lib/swiper/swiper-dots-paging/swiper-dots-paging.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAIhD,eAAO,MAAM,gBAAgB,+CAK1B,qBAAqB,qDAuEvB,CAAC"}

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

@@ -0,0 +1,77 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { times } from "lodash-es";
+import { motion } from "motion/react";
+import { getColorShadesByVariant } from "../../../utils/index.js";
+const SwiperDotsPaging = ({
+  api,
+  size = 12,
+  spaceBetween = 4,
+  colorVariant = "primary"
+}) => {
+  const [inViewIndexes, setInViewIndexes] = useState((api == null ? void 0 : api.slidesInView()) ?? []);
+  const [totalSlides, setTotalSlides] = useState((api == null ? void 0 : api.slideNodes().length) ?? 0);
+  const { main, light } = getColorShadesByVariant(colorVariant);
+  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__ */ jsxs("div", { css: { position: "relative", display: "flex", width: "fit-content", gap: spaceBetween, minHeight: size }, children: [
+    times(totalSlides).map((slideIndex) => /* @__PURE__ */ jsx("button", { onClick: onDotClick, value: slideIndex, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        css: {
+          width: size,
+          height: size,
+          borderColor: main,
+          backgroundColor: light,
+          border: "1px solid",
+          borderRadius: 9999,
+          ...inViewIndexes.includes(slideIndex) ? { visibility: "hidden" } : {}
+        }
+      }
+    ) }, slideIndex)),
+    /* @__PURE__ */ jsx(
+      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
+        }
+      }
+    )
+  ] });
+};
+export {
+  SwiperDotsPaging
+};

package/dist/lib/swiper/swiper-dots-paging/types.d.ts

@@ -0,0 +1,9 @@
+import { SwiperApi } from '../swiper/types';
+import { ColorVariant } from '../../../types';
+export type SwiperDotsPagingProps = {
+    api?: SwiperApi;
+    size?: number;
+    spaceBetween?: number;
+    colorVariant?: ColorVariant;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/swiper/swiper-dots-paging/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/swiper/swiper-dots-paging/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC"}

package/dist/lib/swiper/swiper-slide/index.d.ts

@@ -0,0 +1,3 @@
+export * from './swiper-slide';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/swiper/swiper-slide/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/swiper/swiper-slide/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,31 @@
+"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/swiper/swiper-slide/swiper-slide.d.ts

@@ -0,0 +1,6 @@
+import { SwiperSlideProps } from './types';
+export declare const SwiperSlide: import('react').ForwardRefExoticComponent<Omit<SwiperSlideProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const swiperSlideClasses: {
+    root: string;
+};
+//# sourceMappingURL=swiper-slide.d.ts.map

package/dist/lib/swiper/swiper-slide/swiper-slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swiper-slide.d.ts","sourceRoot":"","sources":["../../../../src/lib/swiper/swiper-slide/swiper-slide.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAM3C,eAAO,MAAM,WAAW,0HAkBvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;CAE9B,CAAC"}

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

@@ -0,0 +1,31 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { makeClassList } from "../../../utils/index.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+import { cn } from "../../../utils/stylesheet.js";
+const SwiperSlide = forwardRef(
+  ({ xs, sm, md, lg, className, ...props }, ref) => {
+    const css = [
+      {
+        flexShrink: 0,
+        flexGrow: 0,
+        overflow: "hidden"
+      },
+      xs == null ? void 0 : xs.css,
+      {
+        [mediaQuery("sm")]: sm == null ? void 0 : sm.css,
+        [mediaQuery("md")]: md == null ? void 0 : md.css,
+        [mediaQuery("lg")]: lg == null ? void 0 : lg.css
+      }
+    ];
+    return /* @__PURE__ */ jsx("div", { ...props, css, className: cn(swiperSlideClasses.root, className), ref });
+  }
+);
+const swiperSlideClasses = {
+  root: makeClassList("swiper-slide")
+};
+export {
+  SwiperSlide,
+  swiperSlideClasses
+};

package/dist/lib/swiper/swiper-slide/types.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'react';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+interface SwiperSlideExtendedProps extends ResponsiveDesign<PropsWithCSS> {
+}
+export type SwiperSlideProps = ShallowMerge<JSX.IntrinsicElements['div'], SwiperSlideExtendedProps>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/swiper/swiper-slide/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/swiper/swiper-slide/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5E,UAAU,wBAAyB,SAAQ,gBAAgB,CAAC,YAAY,CAAC;CAAG;AAE5E,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,wBAAwB,CAAC,CAAC"}

package/dist/lib/switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './switch';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/lib/switch/switch.cjs

@@ -0,0 +1,19 @@
+"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.d.ts

@@ -0,0 +1,3 @@
+import { SwitchProps } from './types';
+export declare const Switch: ({ children, className, ref, ...props }: SwitchProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=switch.d.ts.map

package/dist/lib/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/lib/switch/switch.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,eAAO,MAAM,MAAM,2CAA4C,WAAW,qDAazE,CAAC"}

package/dist/lib/switch/switch.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { useRef } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import classes from "./switch.module.scss.js";
+import "clsx";
+import "lodash-es";
+import "../../theme/palette.js";
+import { cn } from "../../utils/stylesheet.js";
+const Switch = ({ children, className, ref, ...props }) => {
+  const inputRef = useRef(null);
+  const mergedRefs = useMergeRefs([ref, inputRef]);
+  return /* @__PURE__ */ jsxs("label", { className: classes.switch__container, children: [
+    /* @__PURE__ */ jsx("span", { className: classes.switch__main, children: /* @__PURE__ */ jsx("input", { ...props, type: "checkbox", className: cn(classes.switch__input, className), ref: mergedRefs }) }),
+    children
+  ] });
+};
+export {
+  Switch
+};

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

@@ -0,0 +1,14 @@
+"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/switch/switch.module.scss.js

@@ -0,0 +1,14 @@
+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
+};
+export {
+  classes as default,
+  switch__container,
+  switch__input,
+  switch__main
+};

package/dist/lib/switch/types.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react';
+import { ColorVariant, ShallowMerge } from '../../types';
+export type SwitchProps = ShallowMerge<JSX.IntrinsicElements['input'], {
+    color?: ColorVariant;
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/switch/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG,YAAY,CACpC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAC9B;IACE,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CACF,CAAC"}