@dgshahr/ui-kit 0.0.1

package/dist/Form/Input/index.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+import { TextFieldBaseProps } from '../Wrappers/TextFieldWrapper/TextFieldWrapper';
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'dir'>, TextFieldBaseProps {
+    leftIcon?: JSX.Element;
+    prefix?: string;
+    postfix?: string;
+    isClearOption?: boolean;
+    onClear?: () => void;
+}
+declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Input;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,mBAAmB,EAAwB,MAAM,OAAO,CAAC;AAC1F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAMxF,UAAU,UACR,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,EACxD,kBAAkB;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,yGA8ET,CAAC;AACH,eAAe,KAAK,CAAC"}

package/dist/Form/Input/index.js

@@ -0,0 +1,180 @@
+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-D3oaEPmc.js';
+
+const CloseSquareIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "m15.456 9.595-5.852 5.852-1.061-1.06 5.853-5.853z",
+          clipRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "m9.6 8.532 5.856 5.858-1.06 1.06-5.857-5.857z",
+          clipRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m10-8.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+);
+
+const EyeIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M12.247 20.812c-4.033 0-7.654-2.828-9.686-7.558a.75.75 0 0 1 0-.592c2.034-4.732 5.655-7.557 9.687-7.557s7.657 2.825 9.69 7.557a.75.75 0 0 1 0 .592c-2.032 4.73-5.653 7.554-9.685 7.557zm-8.182-7.853c1.806 3.983 4.846 6.352 8.18 6.352 3.334.002 6.373-2.369 8.18-6.352-1.808-3.986-4.848-6.354-8.182-6.354s-6.37 2.368-8.176 6.354z"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M12.247 16.789a3.825 3.825 0 1 1 0-7.651 3.825 3.825 0 0 1 0 7.65m0-6.152a2.326 2.326 0 1 0 0 4.651 2.326 2.326 0 0 0 0-4.651"
+        }
+      )
+    ]
+  }
+);
+
+const HideIcon = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M20.417 3.22a.75.75 0 0 1 0 1.06L4.643 20.055a.744.744 0 0 1-1.06 0 .75.75 0 0 1 0-1.06l1.972-1.971c-1.413-1.293-2.613-3.036-3.493-5.089a.75.75 0 0 1 0-.593C3.082 8.977 4.52 7.02 6.22 5.683c3.292-2.606 7.621-2.744 11.048-.375l2.088-2.088a.75.75 0 0 1 1.06 0m-.37 4.82c.724.962 1.36 2.073 1.891 3.299a.74.74 0 0 1 0 .595C19.842 16.79 16.128 19.69 12 19.69a8.8 8.8 0 0 1-2.769-.451.75.75 0 0 1 .474-1.424A7.3 7.3 0 0 0 12 18.19c3.428 0 6.561-2.442 8.43-6.553a14.5 14.5 0 0 0-1.58-2.694.75.75 0 0 1 1.197-.902M7.15 6.862c-1.437 1.13-2.67 2.776-3.58 4.778.794 1.752 1.836 3.23 3.047 4.322l2.138-2.138a3.87 3.87 0 0 1-.67-2.184A3.92 3.92 0 0 1 12 7.722a3.9 3.9 0 0 1 2.187.669l2.001-2.002c-2.853-1.844-6.325-1.676-9.038.472m8.088 4.6a.75.75 0 0 1 .606.872 3.92 3.92 0 0 1-3.141 3.147.75.75 0 0 1-.268-1.476 2.41 2.41 0 0 0 1.932-1.937.754.754 0 0 1 .87-.606M12 9.221a2.418 2.418 0 0 0-2.152 3.509l3.245-3.246A2.4 2.4 0 0 0 12 9.222",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+
+const Input = forwardRef(function Input2(props, ref) {
+  const {
+    dir = "rtl",
+    placeholderDir = dir,
+    containerClassName,
+    leftIcon,
+    prefix,
+    postfix,
+    isClearOption,
+    onClear,
+    ...restProps
+  } = props;
+  const [type, setType] = useState(restProps.type);
+  return /* @__PURE__ */ jsx(
+    TextFieldWrapper,
+    {
+      ...props,
+      containerClassName: clsx("items-center", containerClassName),
+      children: ({ handleChangeField, value, setValue }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        prefix && /* @__PURE__ */ jsx("span", { className: "font-p1-regular 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",
+              {
+                ss02: restProps.type != "password"
+              },
+              props.className
+            ),
+            ...dir === "ltr" ? { style: { direction: "ltr" } } : {},
+            value,
+            onChange: handleChangeField,
+            type
+          }
+        ),
+        isClearOption && value && value.length > 0 && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => {
+              setValue("");
+              if (typeof onClear === "function") onClear();
+            },
+            children: /* @__PURE__ */ jsx(
+              CloseSquareIcon,
+              {
+                className: "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 }),
+        restProps.type === "password" && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setType((prv) => prv === "text" ? "password" : "text"),
+            className: "text-gray-600",
+            children: type === "password" ? /* @__PURE__ */ jsx(
+              EyeIcon,
+              {
+                width: 20,
+                height: 20
+              }
+            ) : /* @__PURE__ */ jsx(
+              HideIcon,
+              {
+                width: 20,
+                height: 20
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+});
+
+export { Input as default };

package/dist/Form/RadioButton/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const clsx = require('../../clsx-BtxeOLZW.cjs');
+const SelectableInputWrapper = require('../../SelectableInputWrapper-D2aYQb9J.cjs');
+
+const RadioButton = (props) => {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectableInputWrapper.SelectableInputWrapper, { ...rest, children: ({ inputClassName, checkedInputClassName }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "radio",
+        className: clsx.clsx("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" }) })
+  ] }) });
+};
+
+module.exports = RadioButton;

package/dist/Form/RadioButton/index.d.ts

@@ -0,0 +1,6 @@
+import { SelectableInputBaseUnionProps } from '../Wrappers/SelectableInputWrapper/SelectableInputWrapper';
+import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+type RadioButtonProps = SelectableInputBaseUnionProps & Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'type'>;
+declare const RadioButton: (props: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioButton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RadioButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2DAA2D,CAAC;AAC/G,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGpE,KAAK,gBAAgB,GAAG,6BAA6B,GACnD,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE3F,QAAA,MAAM,WAAW,UAAW,gBAAgB,4CAmB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/Form/RadioButton/index.js

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

package/dist/Form/Textarea/index.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const clsx = require('../../clsx-BtxeOLZW.cjs');
+const react = require('react');
+const TextFieldWrapper = require('../../TextFieldWrapper-C80myx6j.cjs');
+
+const Textarea = react.forwardRef(function Textarea2(props, ref) {
+  const { dir = "rtl", placeholderDir = dir, ...restProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(TextFieldWrapper.TextFieldWrapper, { ...props, children: ({ handleChangeField }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      ...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",
+        restProps.className
+      ),
+      onChange: handleChangeField,
+      rows: restProps.rows ?? 5
+    }
+  ) });
+});
+
+module.exports = Textarea;

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

@@ -0,0 +1,7 @@
+import { DetailedHTMLProps, TextareaHTMLAttributes } from 'react';
+import { TextFieldBaseProps } from '../Wrappers/TextFieldWrapper/TextFieldWrapper';
+interface TextareaProps extends Omit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'dir'>, TextFieldBaseProps {
+}
+declare const Textarea: import('react').ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/Form/Textarea/index.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as clsx } from '../../clsx-ChV9xqsO.js';
+import { forwardRef } from 'react';
+import { T as TextFieldWrapper } from '../../TextFieldWrapper-D3oaEPmc.js';
+
+const Textarea = forwardRef(function Textarea2(props, ref) {
+  const { dir = "rtl", placeholderDir = dir, ...restProps } = props;
+  return /* @__PURE__ */ jsx(TextFieldWrapper, { ...props, children: ({ handleChangeField }) => /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ...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",
+        restProps.className
+      ),
+      onChange: handleChangeField,
+      rows: restProps.rows ?? 5
+    }
+  ) });
+});
+
+export { Textarea as default };

package/dist/Pagination/index.cjs

@@ -0,0 +1,119 @@
+'use strict';
+
+require('../assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const clsx = require('../clsx-BtxeOLZW.cjs');
+const Button = require('../Button/index.cjs');
+const ArrowRight2 = require('../ArrowRight2-DTuru_sP.cjs');
+const ArrowLeft2 = require('../ArrowLeft2-iZ0Au6Fn.cjs');
+;/* empty css                   */
+
+const DOTS = "...";
+function range(start, end) {
+  const length = end - start + 1;
+  return Array.from({ length }, (_, idx) => idx + start);
+}
+function getPaginationRange({
+  totalCount,
+  pageSize,
+  siblingCount,
+  currentPage
+}) {
+  const totalPageCount = Math.ceil(totalCount / pageSize);
+  const totalPageNumbers = siblingCount + 5;
+  if (totalPageNumbers >= totalPageCount) {
+    return range(1, totalPageCount);
+  }
+  const rightSiblingIndex = Math.max(currentPage - siblingCount, 1);
+  const leftSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
+  const shouldShowRightDots = rightSiblingIndex > 2;
+  const shouldShowLeftDots = leftSiblingIndex < totalPageCount - 1;
+  const firstPageIndex = 1;
+  const lastPageIndex = totalPageCount;
+  if (!shouldShowRightDots && shouldShowLeftDots) {
+    let rightItemCount = 2 + siblingCount;
+    if (rightSiblingIndex > 1) rightItemCount += 1;
+    const rightRange = range(1, rightItemCount);
+    return [...rightRange, DOTS, totalPageCount];
+  }
+  if (shouldShowRightDots && !shouldShowLeftDots) {
+    let leftItemCount = 2 + siblingCount;
+    if (leftSiblingIndex < totalPageCount) leftItemCount += 1;
+    const leftRange = range(totalPageCount - leftItemCount + 1, totalPageCount);
+    return [firstPageIndex, DOTS, ...leftRange];
+  }
+  const middleRange = range(rightSiblingIndex, leftSiblingIndex);
+  return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
+}
+
+const Pagination = (props) => {
+  const {
+    totalCount,
+    pageSize,
+    onPageChange,
+    siblingCount = 1,
+    defaultCurrent = 1,
+    navigationButtonsWithText = true,
+    hideOnSinglePage,
+    className
+  } = props;
+  const [currentPage, setCurrentPage] = react.useState(defaultCurrent);
+  const paginationRange = getPaginationRange({
+    totalCount,
+    pageSize,
+    siblingCount,
+    currentPage
+  });
+  const lastPage = paginationRange[paginationRange.length - 1];
+  if (hideOnSinglePage && paginationRange.length < 2) {
+    return null;
+  }
+  function handlePageChange(page) {
+    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 && "صفحه بعد"
+      }
+    )
+  ] });
+};
+
+module.exports = Pagination;

package/dist/Pagination/index.d.ts

@@ -0,0 +1,13 @@
+export interface PaginationProps {
+    totalCount: number;
+    pageSize: number;
+    onPageChange?: (page: number) => void;
+    siblingCount?: number;
+    defaultCurrent?: number;
+    navigationButtonsWithText?: boolean;
+    hideOnSinglePage?: boolean;
+    className?: string;
+}
+declare const Pagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Pagination;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/Pagination/index.js

@@ -0,0 +1,117 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { c as clsx } from '../clsx-ChV9xqsO.js';
+import Button from '../Button/index.js';
+import { A as ArrowRight2Icon } from '../ArrowRight2-DCxJPvNC.js';
+import { A as ArrowLeft2Icon } from '../ArrowLeft2-BURhvXT2.js';
+import '../assets/styles.css';/* empty css                 */
+
+const DOTS = "...";
+function range(start, end) {
+  const length = end - start + 1;
+  return Array.from({ length }, (_, idx) => idx + start);
+}
+function getPaginationRange({
+  totalCount,
+  pageSize,
+  siblingCount,
+  currentPage
+}) {
+  const totalPageCount = Math.ceil(totalCount / pageSize);
+  const totalPageNumbers = siblingCount + 5;
+  if (totalPageNumbers >= totalPageCount) {
+    return range(1, totalPageCount);
+  }
+  const rightSiblingIndex = Math.max(currentPage - siblingCount, 1);
+  const leftSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
+  const shouldShowRightDots = rightSiblingIndex > 2;
+  const shouldShowLeftDots = leftSiblingIndex < totalPageCount - 1;
+  const firstPageIndex = 1;
+  const lastPageIndex = totalPageCount;
+  if (!shouldShowRightDots && shouldShowLeftDots) {
+    let rightItemCount = 2 + siblingCount;
+    if (rightSiblingIndex > 1) rightItemCount += 1;
+    const rightRange = range(1, rightItemCount);
+    return [...rightRange, DOTS, totalPageCount];
+  }
+  if (shouldShowRightDots && !shouldShowLeftDots) {
+    let leftItemCount = 2 + siblingCount;
+    if (leftSiblingIndex < totalPageCount) leftItemCount += 1;
+    const leftRange = range(totalPageCount - leftItemCount + 1, totalPageCount);
+    return [firstPageIndex, DOTS, ...leftRange];
+  }
+  const middleRange = range(rightSiblingIndex, leftSiblingIndex);
+  return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
+}
+
+const Pagination = (props) => {
+  const {
+    totalCount,
+    pageSize,
+    onPageChange,
+    siblingCount = 1,
+    defaultCurrent = 1,
+    navigationButtonsWithText = true,
+    hideOnSinglePage,
+    className
+  } = props;
+  const [currentPage, setCurrentPage] = useState(defaultCurrent);
+  const paginationRange = getPaginationRange({
+    totalCount,
+    pageSize,
+    siblingCount,
+    currentPage
+  });
+  const lastPage = paginationRange[paginationRange.length - 1];
+  if (hideOnSinglePage && paginationRange.length < 2) {
+    return null;
+  }
+  function handlePageChange(page) {
+    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 && "صفحه بعد"
+      }
+    )
+  ] });
+};
+
+export { Pagination as default };

package/dist/Pagination/utils.d.ts

@@ -0,0 +1,8 @@
+import { PaginationProps } from '.';
+export declare const DOTS = "...";
+interface GetPaginationRangeArguments extends Required<Pick<PaginationProps, 'totalCount' | 'pageSize' | 'siblingCount'>> {
+    currentPage: number;
+}
+export declare function getPaginationRange({ totalCount, pageSize, siblingCount, currentPage, }: GetPaginationRangeArguments): (string | number)[];
+export {};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/components/Pagination/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAEzC,eAAO,MAAM,IAAI,QAAQ,CAAC;AAO1B,UAAU,2BACR,SAAQ,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,UAAU,GAAG,cAAc,CAAC,CAAC;IACnF,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,WAAW,GACZ,EAAE,2BAA2B,uBA2D7B"}

package/dist/SelectableInputWrapper-D2aYQb9J.cjs

@@ -0,0 +1,71 @@
+'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;