@dgshahr/ui-kit 0.0.3 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgshahr/ui-kit",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "dgshahr ui-kit",
   "author": "dgshahr",
   "license": "MIT",
@@ -17,70 +17,17 @@
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "scripts": {
-    "dev": "storybook dev -p 6006",
-    "build": "tsc && vite build && node scripts/generate-exports.js",
-    "build:story": "storybook build",
-    "lint": "eslint --fix src/**/* --report-unused-disable-directives --max-warnings 0",
-    "format": "prettier src/**/* --write --ignore-unknown",
-    "prepublishOnly": "npm run build",
-    "prepare": "husky"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^19.5.0",
-    "@commitlint/config-conventional": "^19.5.0",
-    "@dgshahr/dg-theme-tailwind-plugin": "^1.0.3",
-    "@eslint/compat": "^1.1.1",
-    "@eslint/eslintrc": "^3.1.0",
-    "@eslint/js": "^9.11.1",
-    "@storybook/addon-actions": "^8.3.2",
-    "@storybook/addon-essentials": "^8.3.2",
-    "@storybook/blocks": "^8.3.2",
-    "@storybook/builder-vite": "^8.3.2",
-    "@storybook/react": "^8.3.2",
-    "@storybook/react-vite": "^8.3.2",
-    "@types/node": "^22.5.5",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
-    "@typescript-eslint/eslint-plugin": "^8.6.0",
-    "@typescript-eslint/parser": "^8.6.0",
-    "@vitejs/plugin-react-swc": "^3.5.0",
-    "autoprefixer": "^10.4.16",
-    "clsx": "^2.0.0",
-    "eslint": "^9.11.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jest-dom": "^5.1.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "eslint-plugin-storybook": "^0.8.0",
-    "globals": "^15.9.0",
-    "husky": "^9.1.6",
-    "jsdom": "^25.0.1",
-    "lint-staged": "^15.2.10",
-    "postcss": "^8.4.32",
-    "prettier": "^3.1.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "storybook": "^8.3.2",
-    "strip-ansi": "6",
-    "tailwindcss": "^3.3.6",
-    "typescript": "^5.2.2",
-    "vite": "^5.0.8",
-    "vite-plugin-dts": "^4.2.1",
-    "vite-plugin-lib-inject-css": "^2.1.1"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "lint-staged": {
-    "*.+(js|jsx|ts|tsx)": [
-      "yarn lint",
-      "yarn format"
-    ]
-  },
   "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    },
     "./Accordion": {
       "import": {
         "types": "./dist/Accordion/index.d.ts",
@@ -141,14 +88,44 @@
         "default": "./dist/Divider/index.cjs"
       }
     },
-    ".": {
+    "./Form/Checkbox": {
       "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
+        "types": "./dist/Form/Checkbox/index.d.ts",
+        "default": "./dist/Form/Checkbox/index.js"
       },
       "require": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.cjs"
+        "types": "./dist/Form/Checkbox/index.d.ts",
+        "default": "./dist/Form/Checkbox/index.cjs"
+      }
+    },
+    "./Form/Input": {
+      "import": {
+        "types": "./dist/Form/Input/index.d.ts",
+        "default": "./dist/Form/Input/index.js"
+      },
+      "require": {
+        "types": "./dist/Form/Input/index.d.ts",
+        "default": "./dist/Form/Input/index.cjs"
+      }
+    },
+    "./Form/RadioButton": {
+      "import": {
+        "types": "./dist/Form/RadioButton/index.d.ts",
+        "default": "./dist/Form/RadioButton/index.js"
+      },
+      "require": {
+        "types": "./dist/Form/RadioButton/index.d.ts",
+        "default": "./dist/Form/RadioButton/index.cjs"
+      }
+    },
+    "./Form/Textarea": {
+      "import": {
+        "types": "./dist/Form/Textarea/index.d.ts",
+        "default": "./dist/Form/Textarea/index.js"
+      },
+      "require": {
+        "types": "./dist/Form/Textarea/index.d.ts",
+        "default": "./dist/Form/Textarea/index.cjs"
       }
     },
     "./Pagination": {
@@ -171,5 +148,73 @@
         "default": "./dist/Slider/index.cjs"
       }
     }
+  },
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "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",
+    "format": "prettier src/**/* --write --ignore-unknown",
+    "prepublishOnly": "npm run build",
+    "prepare": "husky",
+    "transform-icons": "rm -rf src/icons/ && svgr assets/icons/ --config-file svgr.config.cjs"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.5.0",
+    "@commitlint/config-conventional": "^19.5.0",
+    "@dgshahr/dg-theme-tailwind-plugin": "^1.0.3",
+    "@eslint/compat": "^1.1.1",
+    "@eslint/eslintrc": "^3.1.0",
+    "@eslint/js": "^9.11.1",
+    "@storybook/addon-actions": "^8.3.2",
+    "@storybook/addon-essentials": "^8.3.2",
+    "@storybook/blocks": "^8.3.2",
+    "@storybook/builder-vite": "^8.3.2",
+    "@storybook/react": "^8.3.2",
+    "@storybook/react-vite": "^8.3.2",
+    "@svgr/cli": "^8.1.0",
+    "@types/node": "^22.5.5",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@typescript-eslint/eslint-plugin": "^8.6.0",
+    "@typescript-eslint/parser": "^8.6.0",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "autoprefixer": "^10.4.16",
+    "clsx": "^2.0.0",
+    "eslint": "^9.11.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-formatter-codeframe": "^7.32.1",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-import": "^2.30.0",
+    "eslint-plugin-jest-dom": "^5.1.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "eslint-plugin-storybook": "^0.8.0",
+    "globals": "^15.9.0",
+    "husky": "^9.1.6",
+    "jsdom": "^25.0.1",
+    "lint-staged": "^15.2.10",
+    "postcss": "^8.4.32",
+    "prettier": "^3.1.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "storybook": "^8.3.2",
+    "strip-ansi": "6",
+    "tailwindcss": "^3.3.6",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8",
+    "vite-plugin-dts": "^4.2.1",
+    "vite-plugin-lib-inject-css": "^2.1.1"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "lint-staged": {
+    "*.+(js|jsx|ts|tsx)": [
+      "yarn lint",
+      "yarn format"
+    ]
   }
 }

package/dist/Slide-6SD8mElS.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 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

@@ -1,201 +0,0 @@
-'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/{AccordionItem-BBbE__nk.js → AccordionItem-DN7bi5kw.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useId } from 'react';
 import { c as clsx } from './clsx-ChV9xqsO.js';
+import { createContext, useContext, useState, useId } from 'react';
 import Divider from './Divider/index.js';
 
 const accordionContext = createContext({

package/dist/{AccordionItem-BOXOB5GK.cjs → AccordionItem-lq6ehxKe.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
 const clsx = require('./clsx-BtxeOLZW.cjs');
+const react = require('react');
 const Divider = require('./Divider/index.cjs');
 
 const accordionContext = react.createContext({