@dgshahr/ui-kit 0.0.5 → 0.0.6

package/dist/Form/Input/index.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { c as clsx } from '../../clsx-ChV9xqsO.js';
 import { forwardRef, useState } from 'react';
-import { T as TextFieldWrapper } from '../../TextFieldWrapper--hxpmYuz.js';
+import { T as TextFieldWrapper } from '../../TextFieldWrapper-BkoKcbvs.js';
 
 const CloseSquareIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
@@ -110,18 +110,18 @@ const Input = forwardRef(function Input2(props, ref) {
     TextFieldWrapper,
     {
       ...props,
-      containerClassName: clsx("items-center", containerClassName),
+      containerClassName: clsx("dgs-ui-kit-items-center", containerClassName),
       children: ({ handleChangeField, value, setValue }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        prefix && /* @__PURE__ */ jsx("span", { className: "font-p1-regular text-gray-500", children: prefix }),
+        prefix && /* @__PURE__ */ jsx("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: prefix }),
         /* @__PURE__ */ jsx(
           "input",
           {
             ...restProps,
             ref,
             className: clsx(
-              "bg-transparent focus:outline-none flex-1",
-              dir === "rtl" ? "text-right" : "!text-left",
-              placeholderDir === "rtl" ? "placeholder:text-right" : "placeholder:text-left",
+              "dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",
+              dir === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
+              placeholderDir === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
               {
                 ss02: restProps.type != "password"
               },
@@ -143,20 +143,20 @@ const Input = forwardRef(function Input2(props, ref) {
             children: /* @__PURE__ */ jsx(
               CloseSquareIcon,
               {
-                className: "text-gray-600",
+                className: "dgs-ui-kit-text-gray-600",
                 width: 20,
                 height: 20
               }
             )
           }
         ),
-        postfix && /* @__PURE__ */ jsx("span", { className: "font-p1-regular text-gray-500", children: postfix }),
-        leftIcon && /* @__PURE__ */ jsx("div", { className: "text-gray-600", children: leftIcon }),
+        postfix && /* @__PURE__ */ jsx("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: postfix }),
+        leftIcon && /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-text-gray-600", children: leftIcon }),
         restProps.type === "password" && /* @__PURE__ */ jsx(
           "button",
           {
             onClick: () => setType((prv) => prv === "text" ? "password" : "text"),
-            className: "text-gray-600",
+            className: "dgs-ui-kit-text-gray-600",
             children: type === "password" ? /* @__PURE__ */ jsx(
               EyeIcon,
               {

package/dist/Form/RadioButton/index.cjs

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const clsx = require('../../clsx-BtxeOLZW.cjs');
-const SelectableInputWrapper = require('../../SelectableInputWrapper-D2aYQb9J.cjs');
+const SelectableInputWrapper = require('../../SelectableInputWrapper-g7YtIiBW.cjs');
 
 const RadioButton = (props) => {
   const { className, ...rest } = props;
@@ -11,11 +11,11 @@ const RadioButton = (props) => {
       "input",
       {
         type: "radio",
-        className: clsx.clsx("rounded-full", inputClassName, className),
+        className: clsx.clsx("dgs-ui-kit-rounded-full", inputClassName, className),
         ...rest
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: checkedInputClassName, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-full w-2 h-2" }) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: checkedInputClassName, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2" }) })
   ] }) });
 };
 

package/dist/Form/RadioButton/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { c as clsx } from '../../clsx-ChV9xqsO.js';
-import { S as SelectableInputWrapper } from '../../SelectableInputWrapper-DAj8v1nv.js';
+import { S as SelectableInputWrapper } from '../../SelectableInputWrapper-BIBVazbq.js';
 
 const RadioButton = (props) => {
   const { className, ...rest } = props;
@@ -9,11 +9,11 @@ const RadioButton = (props) => {
       "input",
       {
         type: "radio",
-        className: clsx("rounded-full", inputClassName, className),
+        className: clsx("dgs-ui-kit-rounded-full", inputClassName, className),
         ...rest
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: checkedInputClassName, children: /* @__PURE__ */ jsx("div", { className: "bg-white rounded-full w-2 h-2" }) })
+    /* @__PURE__ */ jsx("div", { className: checkedInputClassName, children: /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2" }) })
   ] }) });
 };
 

package/dist/Form/Textarea/index.cjs

@@ -3,7 +3,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const clsx = require('../../clsx-BtxeOLZW.cjs');
 const react = require('react');
-const TextFieldWrapper = require('../../TextFieldWrapper-DaoZxs1E.cjs');
+const TextFieldWrapper = require('../../TextFieldWrapper-D-DH5_DG.cjs');
 
 const Textarea = react.forwardRef(function Textarea2(props, ref) {
   const { dir = "rtl", placeholderDir = dir, ...restProps } = props;
@@ -13,9 +13,9 @@ const Textarea = react.forwardRef(function Textarea2(props, ref) {
       ...restProps,
       ref,
       className: clsx.clsx(
-        "text-gray-800 bg-transparent w-full h-full focus:outline-none ss02 flex-1 resize-none",
-        dir === "rtl" ? "text-right" : "!text-left",
-        placeholderDir === "rtl" ? "placeholder:text-right" : "placeholder:text-left",
+        "dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-transparent dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",
+        dir === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
+        placeholderDir === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
         restProps.className
       ),
       onChange: handleChangeField,

package/dist/Form/Textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EAEtB,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAGxF,UAAU,aACR,SAAQ,IAAI,CACR,iBAAiB,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,EACnF,KAAK,CACN,EACD,kBAAkB;CAAG;AAEzB,QAAA,MAAM,QAAQ,4HAwBZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EAEtB,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAGxF,UAAU,aACR,SAAQ,IAAI,CACR,iBAAiB,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,EACnF,KAAK,CACN,EACD,kBAAkB;CAAG;AAEzB,QAAA,MAAM,QAAQ,4HA0BZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/Form/Textarea/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { c as clsx } from '../../clsx-ChV9xqsO.js';
 import { forwardRef } from 'react';
-import { T as TextFieldWrapper } from '../../TextFieldWrapper--hxpmYuz.js';
+import { T as TextFieldWrapper } from '../../TextFieldWrapper-BkoKcbvs.js';
 
 const Textarea = forwardRef(function Textarea2(props, ref) {
   const { dir = "rtl", placeholderDir = dir, ...restProps } = props;
@@ -11,9 +11,9 @@ const Textarea = forwardRef(function Textarea2(props, ref) {
       ...restProps,
       ref,
       className: clsx(
-        "text-gray-800 bg-transparent w-full h-full focus:outline-none ss02 flex-1 resize-none",
-        dir === "rtl" ? "text-right" : "!text-left",
-        placeholderDir === "rtl" ? "placeholder:text-right" : "placeholder:text-left",
+        "dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-transparent dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",
+        dir === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
+        placeholderDir === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
         restProps.className
       ),
       onChange: handleChangeField,

package/dist/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableInputWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,wBAAwB;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,uBAAwB,SAAQ,wBAAwB;IAChE,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,sBAAuB,SAAQ,wBAAwB;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,6BAA6B,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;AAE7F,KAAK,2BAA2B,GAAG,6BAA6B,GAAG;IACjE,QAAQ,EAAE,CAAC,UAAU,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAChG,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA0E3D,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"SelectableInputWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,wBAAwB;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,uBAAwB,SAAQ,wBAAwB;IAChE,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,sBAAuB,SAAQ,wBAAwB;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,6BAA6B,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;AAE7F,KAAK,2BAA2B,GAAG,6BAA6B,GAAG;IACjE,QAAQ,EAAE,CAAC,UAAU,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAChG,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAgF3D,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/Pagination/index.cjs

@@ -72,48 +72,57 @@ const Pagination = (props) => {
     if (typeof onPageChange === "function") onPageChange(page);
     setCurrentPage(page);
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("flex justify-between w-full px-4 text-gray-600", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
-      {
-        disabled: currentPage === 1,
-        onClick: () => handlePageChange(currentPage - 1),
-        rightIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowRight2.ArrowRight2Icon, {}),
-        variant: navigationButtonsWithText ? "text" : "secondary",
-        size: navigationButtonsWithText ? "medium" : "small",
-        children: navigationButtonsWithText && "صفحه قبل"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-x-1 tablet:gap-x-4", children: paginationRange.map((pageNumber) => {
-      if (typeof pageNumber === "string") {
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { children: DOTS }, pageNumber);
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          className: clsx.clsx(
-            "ss02 w-9 h-9 tablet:w-11 tablet:h-11 flex justify-center items-center font-h6-bold tablet:font-h5-bold transition border border-solid border-transparent rounded-lg",
-            pageNumber === currentPage ? "bg-primary-500 text-white" : "hover:text-primary-500 hover:border-primary-200",
-            className
-          ),
-          onClick: () => handlePageChange(pageNumber),
-          children: pageNumber
-        },
-        pageNumber
-      );
-    }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
-      {
-        disabled: currentPage === lastPage,
-        onClick: () => handlePageChange(currentPage + 1),
-        leftIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowLeft2.ArrowLeft2Icon, {}),
-        variant: navigationButtonsWithText ? "text" : "secondary",
-        size: navigationButtonsWithText ? "medium" : "small",
-        children: navigationButtonsWithText && "صفحه بعد"
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: clsx.clsx(
+        "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-w-full dgs-ui-kit-px-4 dgs-ui-kit-text-gray-600",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            disabled: currentPage === 1,
+            onClick: () => handlePageChange(currentPage - 1),
+            rightIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowRight2.ArrowRight2Icon, {}),
+            variant: navigationButtonsWithText ? "text" : "secondary",
+            size: navigationButtonsWithText ? "medium" : "small",
+            children: navigationButtonsWithText && "صفحه قبل"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4", children: paginationRange.map((pageNumber) => {
+          if (typeof pageNumber === "string") {
+            return /* @__PURE__ */ jsxRuntime.jsx("div", { children: DOTS }, pageNumber);
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: clsx.clsx(
+                "ss02 dgs-ui-kit-w-9 dgs-ui-kit-h-9 md:dgs-ui-kit-w-11 md:dgs-ui-kit-h-11 dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-font-h6-bold md:dgs-ui-kit-font-h5-bold dgs-ui-kit-transition dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",
+                pageNumber === currentPage ? "dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white" : "hover:dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-border-primary-200",
+                className
+              ),
+              onClick: () => handlePageChange(pageNumber),
+              children: pageNumber
+            },
+            pageNumber
+          );
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            disabled: currentPage === lastPage,
+            onClick: () => handlePageChange(currentPage + 1),
+            leftIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowLeft2.ArrowLeft2Icon, {}),
+            variant: navigationButtonsWithText ? "text" : "secondary",
+            size: navigationButtonsWithText ? "medium" : "small",
+            children: navigationButtonsWithText && "صفحه بعد"
+          }
+        )
+      ]
+    }
+  );
 };
 
 module.exports = Pagination;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAOA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,mDAyEzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAOA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,mDA8EzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/Pagination/index.js

@@ -70,48 +70,57 @@ const Pagination = (props) => {
     if (typeof onPageChange === "function") onPageChange(page);
     setCurrentPage(page);
   }
-  return /* @__PURE__ */ jsxs("div", { className: clsx("flex justify-between w-full px-4 text-gray-600", className), children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        disabled: currentPage === 1,
-        onClick: () => handlePageChange(currentPage - 1),
-        rightIcon: /* @__PURE__ */ jsx(ArrowRight2Icon, {}),
-        variant: navigationButtonsWithText ? "text" : "secondary",
-        size: navigationButtonsWithText ? "medium" : "small",
-        children: navigationButtonsWithText && "صفحه قبل"
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-1 tablet:gap-x-4", children: paginationRange.map((pageNumber) => {
-      if (typeof pageNumber === "string") {
-        return /* @__PURE__ */ jsx("div", { children: DOTS }, pageNumber);
-      }
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: clsx(
-            "ss02 w-9 h-9 tablet:w-11 tablet:h-11 flex justify-center items-center font-h6-bold tablet:font-h5-bold transition border border-solid border-transparent rounded-lg",
-            pageNumber === currentPage ? "bg-primary-500 text-white" : "hover:text-primary-500 hover:border-primary-200",
-            className
-          ),
-          onClick: () => handlePageChange(pageNumber),
-          children: pageNumber
-        },
-        pageNumber
-      );
-    }) }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        disabled: currentPage === lastPage,
-        onClick: () => handlePageChange(currentPage + 1),
-        leftIcon: /* @__PURE__ */ jsx(ArrowLeft2Icon, {}),
-        variant: navigationButtonsWithText ? "text" : "secondary",
-        size: navigationButtonsWithText ? "medium" : "small",
-        children: navigationButtonsWithText && "صفحه بعد"
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx(
+        "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-w-full dgs-ui-kit-px-4 dgs-ui-kit-text-gray-600",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            disabled: currentPage === 1,
+            onClick: () => handlePageChange(currentPage - 1),
+            rightIcon: /* @__PURE__ */ jsx(ArrowRight2Icon, {}),
+            variant: navigationButtonsWithText ? "text" : "secondary",
+            size: navigationButtonsWithText ? "medium" : "small",
+            children: navigationButtonsWithText && "صفحه قبل"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4", children: paginationRange.map((pageNumber) => {
+          if (typeof pageNumber === "string") {
+            return /* @__PURE__ */ jsx("div", { children: DOTS }, pageNumber);
+          }
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: clsx(
+                "ss02 dgs-ui-kit-w-9 dgs-ui-kit-h-9 md:dgs-ui-kit-w-11 md:dgs-ui-kit-h-11 dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-font-h6-bold md:dgs-ui-kit-font-h5-bold dgs-ui-kit-transition dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",
+                pageNumber === currentPage ? "dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white" : "hover:dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-border-primary-200",
+                className
+              ),
+              onClick: () => handlePageChange(pageNumber),
+              children: pageNumber
+            },
+            pageNumber
+          );
+        }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            disabled: currentPage === lastPage,
+            onClick: () => handlePageChange(currentPage + 1),
+            leftIcon: /* @__PURE__ */ jsx(ArrowLeft2Icon, {}),
+            variant: navigationButtonsWithText ? "text" : "secondary",
+            size: navigationButtonsWithText ? "medium" : "small",
+            children: navigationButtonsWithText && "صفحه بعد"
+          }
+        )
+      ]
+    }
+  );
 };
 
 export { Pagination as default };

package/dist/SelectableInputWrapper-BIBVazbq.js

@@ -0,0 +1,77 @@
+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(
+        "dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",
+        {
+          "dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50": variant === "bordered",
+          "has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": variant === "bordered" && !isError,
+          "dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": variant === "bordered" && isError
+        },
+        containerClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx(
+              "dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
+              errorMessage ?? helperMessage ? "dgs-ui-kit-items-start" : "dgs-ui-kit-items-center"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: clsx("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px]", {
+                    "dgs-ui-kit-mt-1": label
+                  }),
+                  children: children({
+                    inputClassName: clsx(
+                      "dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",
+                      {
+                        "group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": variant !== "bordered" && !isError,
+                        "!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": variant !== "bordered" && isError
+                      }
+                    ),
+                    checkedInputClassName: "dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"
+                  })
+                }
+              ),
+              Boolean(label) && /* @__PURE__ */ jsxs("div", { className: "dgs-ui-kit-space-y-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500", children: label }),
+                Boolean(errorMessage ?? helperMessage) && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: clsx(
+                      "dgs-ui-kit-font-p3-regular",
+                      errorMessage && isError ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
+                    ),
+                    children: isError && errorMessage ? errorMessage : helperMessage
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        variant === "bordered" && icon ? /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500", children: icon }) : null
+      ]
+    }
+  );
+};
+
+export { SelectableInputWrapper as S };

package/dist/SelectableInputWrapper-g7YtIiBW.cjs

@@ -0,0 +1,79 @@
+'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(
+        "dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",
+        {
+          "dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50": variant === "bordered",
+          "has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": variant === "bordered" && !isError,
+          "dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": variant === "bordered" && isError
+        },
+        containerClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: clsx.clsx(
+              "dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
+              errorMessage ?? helperMessage ? "dgs-ui-kit-items-start" : "dgs-ui-kit-items-center"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: clsx.clsx("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px]", {
+                    "dgs-ui-kit-mt-1": label
+                  }),
+                  children: children({
+                    inputClassName: clsx.clsx(
+                      "dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",
+                      {
+                        "group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": variant !== "bordered" && !isError,
+                        "!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": variant !== "bordered" && isError
+                      }
+                    ),
+                    checkedInputClassName: "dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"
+                  })
+                }
+              ),
+              Boolean(label) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dgs-ui-kit-space-y-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500", children: label }),
+                Boolean(errorMessage ?? helperMessage) && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: clsx.clsx(
+                      "dgs-ui-kit-font-p3-regular",
+                      errorMessage && isError ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
+                    ),
+                    children: isError && errorMessage ? errorMessage : helperMessage
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        variant === "bordered" && icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500", children: icon }) : null
+      ]
+    }
+  );
+};
+
+exports.SelectableInputWrapper = SelectableInputWrapper;