@dgshahr/ui-kit 0.0.4 → 0.0.6

package/dist/index.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('./assets/styles.css');;/* empty css                  */
-const AccordionItem = require('./AccordionItem-lq6ehxKe.cjs');
+const AccordionItem = require('./AccordionItem-C3MiOBH7.cjs');
 const Alert = require('./Alert/index.cjs');
 const Badge = require('./Badge/index.cjs');
 const Breadcrumb = require('./Breadcrumb/index.cjs');
@@ -14,7 +14,7 @@ const Form_Input = require('./Form/Input/index.cjs');
 const Form_RadioButton = require('./Form/RadioButton/index.cjs');
 const Form_Textarea = require('./Form/Textarea/index.cjs');
 const Pagination = require('./Pagination/index.cjs');
-const Slide = require('./Slide-JxJDSGwS.cjs');
+const Slide = require('./Slide-BzXDEkqH.cjs');
 
 
 

package/dist/index.js

@@ -1,5 +1,5 @@
 import './assets/styles.css';/* empty css                */
-export { A as AccordionGroup, a as AccordionItem } from './AccordionItem-DN7bi5kw.js';
+export { A as AccordionGroup, a as AccordionItem } from './AccordionItem-BFDuboYi.js';
 export { default as Alert } from './Alert/index.js';
 export { default as Badge } from './Badge/index.js';
 export { default as Breadcrumb } from './Breadcrumb/index.js';
@@ -10,4 +10,4 @@ export { default as Input } from './Form/Input/index.js';
 export { default as RadioButton } from './Form/RadioButton/index.js';
 export { default as Textarea } from './Form/Textarea/index.js';
 export { default as Pagination } from './Pagination/index.js';
-export { a as Slide, S as Slider } from './Slide-B4sbGo5D.js';
+export { a as Slide, S as Slider } from './Slide-BhWFQV8r.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgshahr/ui-kit",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "dgshahr ui-kit",
   "author": "dgshahr",
   "license": "MIT",
@@ -151,9 +151,10 @@
   },
   "scripts": {
     "dev": "storybook dev -p 6006",
-    "build": "tsc && vite build && node scripts/generate-exports.js",
+    "build": "rm -rf dist && tsc && vite build && node scripts/generate-exports.js",
     "build:story": "storybook build",
-    "lint": "eslint --fix src/**/* --report-unused-disable-directives --max-warnings 0 -f codeframe",
+    "start:story": "npx http-server storybook-static",
+    "lint": "eslint --fix src/**/* --report-unused-disable-directives --max-warnings 0 --no-warn-ignored -f codeframe",
     "format": "prettier src/**/* --write --ignore-unknown",
     "prepublishOnly": "npm run build",
     "prepare": "husky",
@@ -217,4 +218,4 @@
       "yarn format"
     ]
   }
-}
+}

package/dist/SelectableInputWrapper-D2aYQb9J.cjs

@@ -1,71 +0,0 @@
-'use strict';
-
-require('./assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('./clsx-BtxeOLZW.cjs');
-;/* empty css                  */
-
-const SelectableInputWrapper = (props) => {
-  const {
-    children,
-    containerClassName,
-    errorMessage,
-    helperMessage,
-    isError,
-    label,
-    variant = "default"
-  } = props;
-  const icon = props.icon;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "label",
-    {
-      className: clsx.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__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: clsx.clsx(
-              "flex space-x-2 space-x-reverse",
-              errorMessage ?? helperMessage ? "items-start" : "items-center"
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("relative h-[18px] w-[18px]", { "mt-1": label }), children: children({
-                inputClassName: clsx.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__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-p2-medium text-gray-700 transition group-hover:text-primary-500", children: label }),
-                Boolean(errorMessage ?? helperMessage) && /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: clsx.clsx(
-                      "font-p3-regular",
-                      errorMessage && isError ? "text-error-500" : "text-gray-500"
-                    ),
-                    children: isError && errorMessage ? errorMessage : helperMessage
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        variant === "bordered" && icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-600 group-hover:text-primary-500 group-checked:text-primary-500", children: icon }) : null
-      ]
-    }
-  );
-};
-
-exports.SelectableInputWrapper = SelectableInputWrapper;

package/dist/SelectableInputWrapper-DAj8v1nv.js

@@ -1,69 +0,0 @@
-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-B4sbGo5D.js

@@ -1,198 +0,0 @@
-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 { A as ArrowLeft2Icon } from './ArrowLeft2-BURhvXT2.js';
-import { A as ArrowRight2Icon } from './ArrowRight2-DCxJPvNC.js';
-import Button from './Button/index.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-JxJDSGwS.cjs

@@ -1,201 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('./clsx-BtxeOLZW.cjs');
-const react = require('react');
-const ArrowLeft2 = require('./ArrowLeft2-iZ0Au6Fn.cjs');
-const ArrowRight2 = require('./ArrowRight2-DTuru_sP.cjs');
-const Button = require('./Button/index.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;