@dgshahr/ui-kit 0.0.1

package/dist/SelectableInputWrapper-DAj8v1nv.js

@@ -0,0 +1,69 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { c as clsx } from './clsx-ChV9xqsO.js';
+import './assets/styles.css';/* empty css                */
+
+const SelectableInputWrapper = (props) => {
+  const {
+    children,
+    containerClassName,
+    errorMessage,
+    helperMessage,
+    isError,
+    label,
+    variant = "default"
+  } = props;
+  const icon = props.icon;
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: clsx(
+        "flex w-fit justify-between items-center group has-[:disabled]:opacity-40 has-[:disabled]:cursor-not-allowed transition",
+        {
+          "p-3 border w-full border-solid rounded-xl bg-white has-[:checked]:bg-primary-50": variant === "bordered",
+          "has-[:checked]:border-primary-500 border-gray-200 hover:ring-4 hover:ring-gray-100 has-[:focus]:ring has-[:focus]:ring-primary-300 has-[:focus]:ring-offset-1 has-[:focus]:ring-offset-white": variant === "bordered" && !isError,
+          "border-error-500 hover:ring-4 hover:ring-error-50 has-[:focus]:ring has-[:focus]:ring-error-300 has-[:focus]:ring-offset-1 has-[:focus]:ring-offset-white": variant === "bordered" && isError
+        },
+        containerClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx(
+              "flex space-x-2 space-x-reverse",
+              errorMessage ?? helperMessage ? "items-start" : "items-center"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: clsx("relative h-[18px] w-[18px]", { "mt-1": label }), children: children({
+                inputClassName: clsx(
+                  "peer w-full h-full disabled:bg-gray-200 appearance-none border border-gray-300 group-hover:border-primary-500 checked:bg-primary-500 checked:border-transparent transition-all",
+                  {
+                    "group-hover:ring-4 group-hover:ring-gray-100 focus:!ring focus:!ring-primary-300 focus:ring-offset-1 focus:ring-offset-white": variant !== "bordered" && !isError,
+                    "!border-error-500 group-hover:ring-4 group-hover:ring-error-50 focus:!ring focus:!ring-error-300 focus:ring-offset-1 focus:ring-offset-white": variant !== "bordered" && isError
+                  }
+                ),
+                checkedInputClassName: "absolute top-0 left-0 w-full h-full flex items-center justify-center text-white opacity-0 peer-checked:opacity-100 transition-opacity"
+              }) }),
+              Boolean(label) && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "font-p2-medium text-gray-700 transition group-hover:text-primary-500", children: label }),
+                Boolean(errorMessage ?? helperMessage) && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: clsx(
+                      "font-p3-regular",
+                      errorMessage && isError ? "text-error-500" : "text-gray-500"
+                    ),
+                    children: isError && errorMessage ? errorMessage : helperMessage
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        variant === "bordered" && icon ? /* @__PURE__ */ jsx("div", { className: "text-gray-600 group-hover:text-primary-500 group-checked:text-primary-500", children: icon }) : null
+      ]
+    }
+  );
+};
+
+export { SelectableInputWrapper as S };

package/dist/Slide-6SD8mElS.js

@@ -0,0 +1,198 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { c as clsx } from './clsx-ChV9xqsO.js';
+import { createContext, useContext, useState, useEffect, useRef, Children } from 'react';
+import Button from './Button/index.js';
+import { A as ArrowRight2Icon } from './ArrowRight2-DCxJPvNC.js';
+import { A as ArrowLeft2Icon } from './ArrowLeft2-BURhvXT2.js';
+
+const sliderContext = createContext({
+  slidesPerView: 1,
+  spaceBetween: 0
+});
+const useSliderContext = () => useContext(sliderContext);
+
+function styleNavigationDot({ active, autoplay, variant }) {
+  const variantClassName = {
+    inside: "bg-gray-500/50 hover:bg-gray-500/80",
+    outside: "bg-gray-200 hover:bg-gray-300"
+  };
+  return [variantClassName[variant], active ? "w-[22px]" : "w-[6px]", autoplay ? "p-[1px]" : ""];
+}
+const NavigationDot = (props) => {
+  const { active, autoplay, variant, onClick, onNavigateToNext } = props;
+  const [fillPercentage, setFillPercentage] = useState(0);
+  useEffect(() => {
+    if (!active || !autoplay) return;
+    const autoplayTime = typeof autoplay === "boolean" ? 7e3 : autoplay?.delay ?? 7e3;
+    let startTime = Date.now();
+    const autoplayInterval = setInterval(() => {
+      const elapsed = Date.now() - startTime;
+      const percentage = elapsed / autoplayTime * 100;
+      setFillPercentage(Math.min(percentage, 100));
+      if (elapsed >= autoplayTime && typeof onNavigateToNext === "function") {
+        onNavigateToNext();
+      }
+    }, 100);
+    return function cleanup() {
+      setFillPercentage(0);
+      startTime = Date.now();
+      return clearInterval(autoplayInterval);
+    };
+  }, [active, autoplay, onNavigateToNext]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: clsx(
+        "rounded-full overflow-hidden transition-all h-[6px]",
+        styleNavigationDot({ active, autoplay, variant })
+      ),
+      onClick,
+      children: active && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx("h-full rounded-full", {
+            "bg-white": variant === "inside",
+            "bg-gray-700": variant === "outside"
+          }),
+          style: { width: autoplay ? `${fillPercentage}%` : "100%" }
+        }
+      )
+    }
+  );
+};
+
+const Slider = (props) => {
+  const {
+    className = "",
+    containerClassName = "",
+    showNavigationDots = true,
+    dotsClassName = "",
+    slidesPerView = 1,
+    autoplay,
+    navigationButtonsShowType = "hide",
+    spaceBetween = 0,
+    navigationVariant = "outside",
+    showPaginationText = false
+  } = props;
+  const [slideIndex, setSlideIndex] = useState(0);
+  const containerRef = useRef(null);
+  const childsCount = Children.count(props.children);
+  const slidesCount = Math.ceil(childsCount / slidesPerView);
+  const haveNavigation = showNavigationDots || navigationButtonsShowType && navigationButtonsShowType !== "hide" || showPaginationText;
+  function detectCarouselPosition(e) {
+    const itemsWidth = e.currentTarget.scrollWidth / slidesCount;
+    const position = (e.currentTarget.scrollWidth - e.currentTarget.scrollLeft) / itemsWidth;
+    setSlideIndex(Math.round(position % slidesCount));
+  }
+  function navigate(target) {
+    if (!containerRef.current) return;
+    const slideWidth = containerRef.current.offsetWidth;
+    let nextSlideScroll = -(slideWidth * target);
+    if (target < 0) nextSlideScroll = -(slideWidth * slidesCount);
+    else if (target >= slidesCount) nextSlideScroll = 0;
+    containerRef.current.scrollTo({
+      left: nextSlideScroll,
+      behavior: "smooth"
+    });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: clsx("overflow-hidden relative group", className), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          "flex snap-x snap-mandatory overflow-x-hidden [&>*]:snap-start no-scrollbar [&>*]:snap-always",
+          containerClassName
+        ),
+        style: { marginLeft: -spaceBetween },
+        onScroll: detectCarouselPosition,
+        ref: containerRef,
+        children: /* @__PURE__ */ jsx(sliderContext.Provider, { value: { slidesPerView, spaceBetween }, children: props.children })
+      }
+    ),
+    haveNavigation && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx("flex", {
+          "items-center justify-between mt-2": navigationVariant === "outside",
+          "absolute bottom-4 w-full justify-center": navigationVariant === "inside"
+        }),
+        children: [
+          navigationButtonsShowType && navigationButtonsShowType !== "hide" && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: clsx("flex gap-2", {
+                "absolute bottom-0 left-[5.5%]": navigationVariant === "inside",
+                "opacity-0 group-hover:opacity-100 transition": navigationButtonsShowType === "hover"
+              }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "secondary",
+                    onClick: () => navigate(slideIndex - 1),
+                    rightIcon: /* @__PURE__ */ jsx(ArrowRight2Icon, {})
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "secondary",
+                    onClick: () => navigate(slideIndex + 1),
+                    rightIcon: /* @__PURE__ */ jsx(ArrowLeft2Icon, {})
+                  }
+                )
+              ]
+            }
+          ),
+          (showNavigationDots || showPaginationText) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            showPaginationText && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 font-caption-regular text-gray-400 ss02", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: clsx("font-bold", {
+                    "text-gray-600": navigationVariant === "outside",
+                    "text-white": navigationVariant === "inside"
+                  }),
+                  children: slideIndex + 1
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: "از" }),
+              /* @__PURE__ */ jsx("span", { children: slidesCount })
+            ] }),
+            showNavigationDots && /* @__PURE__ */ jsx("div", { className: clsx("flex items-center justify-center gap-2", dotsClassName), children: Array.from(Array(slidesCount).keys()).map((item, index) => /* @__PURE__ */ jsx(
+              NavigationDot,
+              {
+                active: slideIndex === index,
+                autoplay: autoplay ?? false,
+                variant: navigationVariant,
+                onClick: () => navigate(index),
+                onNavigateToNext: () => navigate(slideIndex + 1)
+              },
+              item + slidesCount
+            )) })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+const Slide = (props) => {
+  const { children, className } = props;
+  const { slidesPerView, spaceBetween } = useSliderContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx("shrink-0", className),
+      style: {
+        width: 100 / (slidesPerView ?? 1) + "%",
+        paddingLeft: spaceBetween
+      },
+      children
+    }
+  );
+};
+
+export { Slider as S, Slide as a };

package/dist/Slide-BiCQh7AV.cjs

@@ -0,0 +1,201 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const clsx = require('./clsx-BtxeOLZW.cjs');
+const react = require('react');
+const Button = require('./Button/index.cjs');
+const ArrowRight2 = require('./ArrowRight2-DTuru_sP.cjs');
+const ArrowLeft2 = require('./ArrowLeft2-iZ0Au6Fn.cjs');
+
+const sliderContext = react.createContext({
+  slidesPerView: 1,
+  spaceBetween: 0
+});
+const useSliderContext = () => react.useContext(sliderContext);
+
+function styleNavigationDot({ active, autoplay, variant }) {
+  const variantClassName = {
+    inside: "bg-gray-500/50 hover:bg-gray-500/80",
+    outside: "bg-gray-200 hover:bg-gray-300"
+  };
+  return [variantClassName[variant], active ? "w-[22px]" : "w-[6px]", autoplay ? "p-[1px]" : ""];
+}
+const NavigationDot = (props) => {
+  const { active, autoplay, variant, onClick, onNavigateToNext } = props;
+  const [fillPercentage, setFillPercentage] = react.useState(0);
+  react.useEffect(() => {
+    if (!active || !autoplay) return;
+    const autoplayTime = typeof autoplay === "boolean" ? 7e3 : autoplay?.delay ?? 7e3;
+    let startTime = Date.now();
+    const autoplayInterval = setInterval(() => {
+      const elapsed = Date.now() - startTime;
+      const percentage = elapsed / autoplayTime * 100;
+      setFillPercentage(Math.min(percentage, 100));
+      if (elapsed >= autoplayTime && typeof onNavigateToNext === "function") {
+        onNavigateToNext();
+      }
+    }, 100);
+    return function cleanup() {
+      setFillPercentage(0);
+      startTime = Date.now();
+      return clearInterval(autoplayInterval);
+    };
+  }, [active, autoplay, onNavigateToNext]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      className: clsx.clsx(
+        "rounded-full overflow-hidden transition-all h-[6px]",
+        styleNavigationDot({ active, autoplay, variant })
+      ),
+      onClick,
+      children: active && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: clsx.clsx("h-full rounded-full", {
+            "bg-white": variant === "inside",
+            "bg-gray-700": variant === "outside"
+          }),
+          style: { width: autoplay ? `${fillPercentage}%` : "100%" }
+        }
+      )
+    }
+  );
+};
+
+const Slider = (props) => {
+  const {
+    className = "",
+    containerClassName = "",
+    showNavigationDots = true,
+    dotsClassName = "",
+    slidesPerView = 1,
+    autoplay,
+    navigationButtonsShowType = "hide",
+    spaceBetween = 0,
+    navigationVariant = "outside",
+    showPaginationText = false
+  } = props;
+  const [slideIndex, setSlideIndex] = react.useState(0);
+  const containerRef = react.useRef(null);
+  const childsCount = react.Children.count(props.children);
+  const slidesCount = Math.ceil(childsCount / slidesPerView);
+  const haveNavigation = showNavigationDots || navigationButtonsShowType && navigationButtonsShowType !== "hide" || showPaginationText;
+  function detectCarouselPosition(e) {
+    const itemsWidth = e.currentTarget.scrollWidth / slidesCount;
+    const position = (e.currentTarget.scrollWidth - e.currentTarget.scrollLeft) / itemsWidth;
+    setSlideIndex(Math.round(position % slidesCount));
+  }
+  function navigate(target) {
+    if (!containerRef.current) return;
+    const slideWidth = containerRef.current.offsetWidth;
+    let nextSlideScroll = -(slideWidth * target);
+    if (target < 0) nextSlideScroll = -(slideWidth * slidesCount);
+    else if (target >= slidesCount) nextSlideScroll = 0;
+    containerRef.current.scrollTo({
+      left: nextSlideScroll,
+      behavior: "smooth"
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("overflow-hidden relative group", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: clsx.clsx(
+          "flex snap-x snap-mandatory overflow-x-hidden [&>*]:snap-start no-scrollbar [&>*]:snap-always",
+          containerClassName
+        ),
+        style: { marginLeft: -spaceBetween },
+        onScroll: detectCarouselPosition,
+        ref: containerRef,
+        children: /* @__PURE__ */ jsxRuntime.jsx(sliderContext.Provider, { value: { slidesPerView, spaceBetween }, children: props.children })
+      }
+    ),
+    haveNavigation && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: clsx.clsx("flex", {
+          "items-center justify-between mt-2": navigationVariant === "outside",
+          "absolute bottom-4 w-full justify-center": navigationVariant === "inside"
+        }),
+        children: [
+          navigationButtonsShowType && navigationButtonsShowType !== "hide" && /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: clsx.clsx("flex gap-2", {
+                "absolute bottom-0 left-[5.5%]": navigationVariant === "inside",
+                "opacity-0 group-hover:opacity-100 transition": navigationButtonsShowType === "hover"
+              }),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "secondary",
+                    onClick: () => navigate(slideIndex - 1),
+                    rightIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowRight2.ArrowRight2Icon, {})
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "secondary",
+                    onClick: () => navigate(slideIndex + 1),
+                    rightIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowLeft2.ArrowLeft2Icon, {})
+                  }
+                )
+              ]
+            }
+          ),
+          (showNavigationDots || showPaginationText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            showPaginationText && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 font-caption-regular text-gray-400 ss02", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: clsx.clsx("font-bold", {
+                    "text-gray-600": navigationVariant === "outside",
+                    "text-white": navigationVariant === "inside"
+                  }),
+                  children: slideIndex + 1
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "از" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: slidesCount })
+            ] }),
+            showNavigationDots && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("flex items-center justify-center gap-2", dotsClassName), children: Array.from(Array(slidesCount).keys()).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+              NavigationDot,
+              {
+                active: slideIndex === index,
+                autoplay: autoplay ?? false,
+                variant: navigationVariant,
+                onClick: () => navigate(index),
+                onNavigateToNext: () => navigate(slideIndex + 1)
+              },
+              item + slidesCount
+            )) })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+const Slide = (props) => {
+  const { children, className } = props;
+  const { slidesPerView, spaceBetween } = useSliderContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: clsx.clsx("shrink-0", className),
+      style: {
+        width: 100 / (slidesPerView ?? 1) + "%",
+        paddingLeft: spaceBetween
+      },
+      children
+    }
+  );
+};
+
+exports.Slide = Slide;
+exports.Slider = Slider;

package/dist/Slider/NavigationDot.d.ts

@@ -0,0 +1,11 @@
+import { SliderProps } from './Slider';
+interface NavigationDotProps {
+    active: boolean;
+    autoplay: Required<SliderProps>['autoplay'];
+    variant: 'inside' | 'outside';
+    onClick?: () => void;
+    onNavigateToNext?: () => void;
+}
+declare const NavigationDot: (props: NavigationDotProps) => import("react/jsx-runtime").JSX.Element;
+export default NavigationDot;
+//# sourceMappingURL=NavigationDot.d.ts.map

package/dist/Slider/NavigationDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationDot.d.ts","sourceRoot":"","sources":["../../src/components/Slider/NavigationDot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,UAAU,kBAAkB;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC;IAC5C,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAWD,QAAA,MAAM,aAAa,UAAW,kBAAkB,4CA6C/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Slider/Slide.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+interface SlideProps {
+    className?: string;
+}
+declare const Slide: FC<PropsWithChildren<SlideProps>>;
+export default Slide;
+//# sourceMappingURL=Slide.d.ts.map

package/dist/Slider/Slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slide.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAe5C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/Slider/Slider.d.ts

@@ -0,0 +1,25 @@
+import { FC, PropsWithChildren } from 'react';
+interface SliderPropsBase {
+    className?: string;
+    containerClassName?: string;
+    showNavigationDots?: boolean;
+    dotsClassName?: string;
+    slidesPerView?: number;
+    autoplay?: boolean | {
+        delay?: number | null;
+    };
+    spaceBetween?: number;
+    showPaginationText?: boolean;
+}
+interface InsideNavigationSliderProps extends SliderPropsBase {
+    navigationVariant?: 'inside';
+    navigationButtonsShowType?: 'hide' | 'hover' | 'permanent';
+}
+interface OutsideNavigationSliderProps extends SliderPropsBase {
+    navigationVariant?: 'outside';
+    navigationButtonsShowType?: 'hide' | 'permanent';
+}
+export type SliderProps = InsideNavigationSliderProps | OutsideNavigationSliderProps;
+declare const Slider: FC<PropsWithChildren<SliderProps>>;
+export default Slider;
+//# sourceMappingURL=Slider.d.ts.map

package/dist/Slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAOlG,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EACL,OAAO,GACP;QACE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB,CAAC;IACN,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,2BAA4B,SAAQ,eAAe;IAC3D,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,yBAAyB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;CAC5D;AACD,UAAU,4BAA6B,SAAQ,eAAe;IAC5D,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,yBAAyB,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAClD;AAED,MAAM,MAAM,WAAW,GAAG,2BAA2B,GAAG,4BAA4B,CAAC;AAErF,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA2H9C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Slider/context.d.ts

@@ -0,0 +1,8 @@
+interface ISliderContext {
+    slidesPerView: number;
+    spaceBetween: number;
+}
+export declare const sliderContext: import('react').Context<ISliderContext>;
+export declare const useSliderContext: () => ISliderContext;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/Slider/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Slider/context.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,yCAGxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,sBAAkC,CAAC"}

package/dist/Slider/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('../assets/styles.css');;/* empty css                   */
+const Slide = require('../Slide-BiCQh7AV.cjs');
+
+
+
+exports.Slide = Slide.Slide;
+exports.Slider = Slide.Slider;

package/dist/Slider/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Slider } from './Slider';
+export { default as Slide } from './Slide';
+//# sourceMappingURL=index.d.ts.map

package/dist/Slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/Slider/index.js

@@ -0,0 +1,2 @@
+import '../assets/styles.css';/* empty css                 */
+export { a as Slide, S as Slider } from '../Slide-6SD8mElS.js';