@dgshahr/ui-kit 0.0.92 → 0.0.94

package/dist/index-BOxK2gfQ.js

@@ -0,0 +1,183 @@
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { c as a } from "./clsx-OuTLNxxd.js";
+import { forwardRef as I, useState as N } from "react";
+import { I as R } from "./IconEye-DATABBb3.js";
+import { o as b } from "./omitObjects-CxFrrlkX.js";
+import { T as M } from "./TextFieldWrapper-CQgQsfMJ.js";
+const A = (r) => /* @__PURE__ */ h(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...r,
+    children: [
+      /* @__PURE__ */ t(
+        "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__ */ t(
+        "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__ */ t(
+        "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"
+        }
+      )
+    ]
+  }
+), E = (r) => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...r,
+    children: /* @__PURE__ */ t(
+      "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"
+      }
+    )
+  }
+), q = I(function(d, m) {
+  const {
+    dir: i = "rtl",
+    placeholderDir: x = i,
+    containerClassName: w,
+    leftIcon: u,
+    prefix: p,
+    prefixClassName: v,
+    postfix: f,
+    postfixClassName: k,
+    onClear: n,
+    value: o,
+    ...e
+  } = d, C = b(e, [
+    "labelAddon",
+    "labelContent",
+    "link",
+    "rightIcon",
+    "isError",
+    "errorMessage",
+    "hintMessage",
+    "wrapperClassName",
+    "showMaxLength"
+  ]), [c, y] = N(e.type);
+  function g() {
+    return /* @__PURE__ */ t(
+      "button",
+      {
+        onClick: () => {
+          typeof n == "function" && n();
+        },
+        children: /* @__PURE__ */ t(
+          A,
+          {
+            className: "dgs-ui-kit-text-gray-600",
+            width: 20,
+            height: 20
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ h(
+    M,
+    {
+      ...d,
+      containerClassName: a("dgs-ui-kit-items-center", w),
+      value: o,
+      children: [
+        p && /* @__PURE__ */ t(
+          "div",
+          {
+            className: a("dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", v),
+            children: p
+          }
+        ),
+        typeof n == "function" && o && i === "ltr" && g(),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            ...C,
+            ref: m,
+            className: a(
+              "dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",
+              i === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
+              x === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
+              {
+                ss02: e.type != "password"
+              },
+              d.className
+            ),
+            ...i === "ltr" ? { style: { direction: "ltr" } } : {},
+            value: o,
+            type: c,
+            onInput: (s) => {
+              if (typeof e.onInput == "function" && e.onInput(s) || c !== "number") return;
+              const l = s.currentTarget;
+              l.value.length > l.maxLength && (l.value = l.value.slice(0, l.maxLength));
+            }
+          }
+        ),
+        typeof n == "function" && o && i === "rtl" && g(),
+        f && /* @__PURE__ */ t(
+          "div",
+          {
+            className: a("dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", k),
+            children: f
+          }
+        ),
+        u && /* @__PURE__ */ t("div", { className: "dgs-ui-kit-text-gray-600", children: u }),
+        e.type === "password" && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: () => y((s) => s === "text" ? "password" : "text"),
+            className: "dgs-ui-kit-text-gray-600",
+            children: c === "password" ? /* @__PURE__ */ t(
+              R,
+              {
+                width: 20,
+                height: 20
+              }
+            ) : /* @__PURE__ */ t(
+              E,
+              {
+                width: 20,
+                height: 20
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  q as I,
+  A as a
+};

package/dist/index-CSis3p-s.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("./clsx-C11secjj.cjs"),h=require("react"),I=require("./IconEye-sBk4Mro2.cjs"),N=require("./omitObjects-CtiYo0hv.cjs"),R=require("./TextFieldWrapper-CQbBbmlX.cjs"),f=n=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...n,children:[e.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"}),e.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"}),e.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"})]}),b=n=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...n,children:e.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"})}),q=h.forwardRef(function(c,m){const{dir:s="rtl",placeholderDir:w=s,containerClassName:v,leftIcon:d,prefix:x,prefixClassName:j,postfix:p,postfixClassName:C,onClear:l,value:r,...t}=c,k=N.omitObject(t,["labelAddon","labelContent","link","rightIcon","isError","errorMessage","hintMessage","wrapperClassName","showMaxLength"]),[u,y]=h.useState(t.type);function g(){return e.jsx("button",{onClick:()=>{typeof l=="function"&&l()},children:e.jsx(f,{className:"dgs-ui-kit-text-gray-600",width:20,height:20})})}return e.jsxs(R.TextFieldWrapper,{...c,containerClassName:a.clsx("dgs-ui-kit-items-center",v),value:r,children:[x&&e.jsx("div",{className:a.clsx("dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500",j),children:x}),typeof l=="function"&&r&&s==="ltr"&&g(),e.jsx("input",{...k,ref:m,className:a.clsx("dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",s==="rtl"?"dgs-ui-kit-text-right":"!dgs-ui-kit-text-left",w==="rtl"?"placeholder:dgs-ui-kit-text-right":"placeholder:dgs-ui-kit-text-left",{ss02:t.type!="password"},c.className),...s==="ltr"?{style:{direction:"ltr"}}:{},value:r,type:u,onInput:o=>{if(typeof t.onInput=="function"&&t.onInput(o)||u!=="number")return;const i=o.currentTarget;i.value.length>i.maxLength&&(i.value=i.value.slice(0,i.maxLength))}}),typeof l=="function"&&r&&s==="rtl"&&g(),p&&e.jsx("div",{className:a.clsx("dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500",C),children:p}),d&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:d}),t.type==="password"&&e.jsx("button",{type:"button",onClick:()=>y(o=>o==="text"?"password":"text"),className:"dgs-ui-kit-text-gray-600",children:u==="password"?e.jsx(I.IconEye,{width:20,height:20}):e.jsx(b,{width:20,height:20})})]})});exports.IconCloseSquare=f;exports.Input=q;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css                  */const e=require("./AccordionItem-BcOHTf5E.cjs"),t=require("./Alert/index.cjs"),i=require("./Badge/index.cjs"),n=require("./Breadcrumb/index.cjs"),c=require("./Button/index.cjs"),u=require("./Chip/index.cjs"),s=require("./Divider/index.cjs"),a=require("./Drawer/index.cjs"),q=require("./Form/Checkbox/index.cjs"),d=require("./Form/Datepicker/index.cjs"),l=require("./Form/FileUploader/index.cjs"),p=require("./Form/Input/index.cjs"),S=require("./Form/OtpInput/index.cjs"),m=require("./Form/RadioButton/index.cjs"),b=require("./Form/Select/index.cjs"),g=require("./Form/Switch/index.cjs"),F=require("./Form/Textarea/index.cjs"),_=require("./Pagination/index.cjs"),B=require("./Progress/Bar/index.cjs"),T=require("./Progress/Doughnut/index.cjs"),h=require("./Sidebar/index.cjs"),r=require("./Slide-BhtrgZAI.cjs"),o=require("./Step-CcJeR_kj.cjs"),D=require("./Table/index.cjs"),A=require("./Tabs/index.cjs"),I=require("./Tooltip/index.cjs");exports.AccordionGroup=e.AccordionGroup;exports.AccordionItem=e.AccordionItem;exports.Alert=t;exports.Badge=i;exports.Breadcrumb=n;exports.Button=c;exports.Chip=u;exports.Divider=s;exports.Drawer=a;exports.Checkbox=q;exports.Datepicker=d;exports.FileUploader=l;exports.Input=p;exports.OtpInput=S;exports.RadioButton=m;exports.Select=b;exports.Switch=g;exports.Textarea=F;exports.Pagination=_;exports.ProgressBar=B;exports.ProgressDoughnut=T;exports.Sidebar=h;exports.Slide=r.Slide;exports.Slider=r.Slider;exports.HorizontalStep=o.HorizontalStep;exports.HorizontalStepper=o.HorizontalStepper;exports.Table=D;exports.Tabs=A;exports.Tooltip=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css                  */const e=require("./AccordionItem-BcOHTf5E.cjs"),t=require("./Alert/index.cjs"),i=require("./Badge/index.cjs"),n=require("./Breadcrumb/index.cjs"),u=require("./Button/index.cjs"),c=require("./Chip/index.cjs"),s=require("./Divider/index.cjs"),a=require("./Drawer/index.cjs"),q=require("./Form/Checkbox/index.cjs"),p=require("./Form/Datepicker/index.cjs"),d=require("./Form/FileUploader/index.cjs"),l=require("./index-CSis3p-s.cjs"),S=require("./Form/OtpInput/index.cjs"),m=require("./Form/RadioButton/index.cjs"),g=require("./Form/RangeInput/index.cjs"),b=require("./Form/Select/index.cjs"),F=require("./Form/Switch/index.cjs"),_=require("./Form/Textarea/index.cjs"),B=require("./Pagination/index.cjs"),I=require("./Progress/Bar/index.cjs"),T=require("./Progress/Doughnut/index.cjs"),h=require("./Sidebar/index.cjs"),r=require("./Slide-CfRBVhF3.cjs"),o=require("./Step-CcJeR_kj.cjs"),D=require("./Table/index.cjs"),A=require("./Tabs/index.cjs"),P=require("./Tooltip/index.cjs");exports.AccordionGroup=e.AccordionGroup;exports.AccordionItem=e.AccordionItem;exports.Alert=t;exports.Badge=i;exports.Breadcrumb=n;exports.Button=u;exports.Chip=c;exports.Divider=s;exports.Drawer=a;exports.Checkbox=q;exports.Datepicker=p;exports.FileUploader=d;exports.Input=l.Input;exports.OtpInput=S;exports.RadioButton=m;exports.RangeInput=g;exports.Select=b;exports.Switch=F;exports.Textarea=_;exports.Pagination=B;exports.ProgressBar=I;exports.ProgressDoughnut=T;exports.Sidebar=h;exports.Slide=r.Slide;exports.Slider=r.Slider;exports.HorizontalStep=o.HorizontalStep;exports.HorizontalStepper=o.HorizontalStepper;exports.Table=D;exports.Tabs=A;exports.Tooltip=P;

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export { default as FileUploader } from './Form/FileUploader';
 export { default as Input } from './Form/Input';
 export { default as OtpInput } from './Form/OtpInput';
 export { default as RadioButton } from './Form/RadioButton';
+export { default as RangeInput } from './Form/RangeInput';
 export { default as Select } from './Form/Select';
 export { default as Switch } from './Form/Switch';
 export { default as Textarea } from './Form/Textarea';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.mjs

@@ -6,25 +6,26 @@ import { default as u } from "./Breadcrumb/index.mjs";
 import { default as x } from "./Button/index.mjs";
 import { default as n } from "./Chip/index.mjs";
 import { default as S } from "./Divider/index.mjs";
-import { default as g } from "./Drawer/index.mjs";
-import { default as h } from "./Form/Checkbox/index.mjs";
-import { default as D } from "./Form/Datepicker/index.mjs";
-import { default as H } from "./Form/FileUploader/index.mjs";
-import { default as P } from "./Form/Input/index.mjs";
+import { default as b } from "./Drawer/index.mjs";
+import { default as I } from "./Form/Checkbox/index.mjs";
+import { default as A } from "./Form/Datepicker/index.mjs";
+import { default as T } from "./Form/FileUploader/index.mjs";
+import { I as P } from "./index-BOxK2gfQ.js";
 import { default as w } from "./Form/OtpInput/index.mjs";
 import { default as C } from "./Form/RadioButton/index.mjs";
-import { default as F } from "./Form/Select/index.mjs";
-import { default as O } from "./Form/Switch/index.mjs";
-import { default as U } from "./Form/Textarea/index.mjs";
-import { default as q } from "./Pagination/index.mjs";
-import { default as E } from "./Progress/Bar/index.mjs";
-import { default as K } from "./Progress/Doughnut/index.mjs";
-import { default as M } from "./Sidebar/index.mjs";
-import { a as Q, S as V } from "./Slide-CqKDMR53.js";
-import { a as X, H as Y } from "./Step-CkWjzL9B.js";
-import { default as _ } from "./Table/index.mjs";
-import { default as rr } from "./Tabs/index.mjs";
-import { default as or } from "./Tooltip/index.mjs";
+import { default as v } from "./Form/RangeInput/index.mjs";
+import { default as G } from "./Form/Select/index.mjs";
+import { default as U } from "./Form/Switch/index.mjs";
+import { default as q } from "./Form/Textarea/index.mjs";
+import { default as E } from "./Pagination/index.mjs";
+import { default as K } from "./Progress/Bar/index.mjs";
+import { default as M } from "./Progress/Doughnut/index.mjs";
+import { default as Q } from "./Sidebar/index.mjs";
+import { a as W, S as X } from "./Slide-BTJT9KN2.js";
+import { a as Z, H as _ } from "./Step-CkWjzL9B.js";
+import { default as rr } from "./Table/index.mjs";
+import { default as or } from "./Tabs/index.mjs";
+import { default as tr } from "./Tooltip/index.mjs";
 export {
   a as AccordionGroup,
   t as AccordionItem,
@@ -32,27 +33,28 @@ export {
   d as Badge,
   u as Breadcrumb,
   x as Button,
-  h as Checkbox,
+  I as Checkbox,
   n as Chip,
-  D as Datepicker,
+  A as Datepicker,
   S as Divider,
-  g as Drawer,
-  H as FileUploader,
-  X as HorizontalStep,
-  Y as HorizontalStepper,
+  b as Drawer,
+  T as FileUploader,
+  Z as HorizontalStep,
+  _ as HorizontalStepper,
   P as Input,
   w as OtpInput,
-  q as Pagination,
-  E as ProgressBar,
-  K as ProgressDoughnut,
+  E as Pagination,
+  K as ProgressBar,
+  M as ProgressDoughnut,
   C as RadioButton,
-  F as Select,
-  M as Sidebar,
-  Q as Slide,
-  V as Slider,
-  O as Switch,
-  _ as Table,
-  rr as Tabs,
-  U as Textarea,
-  or as Tooltip
+  v as RangeInput,
+  G as Select,
+  Q as Sidebar,
+  W as Slide,
+  X as Slider,
+  U as Switch,
+  rr as Table,
+  or as Tabs,
+  q as Textarea,
+  tr as Tooltip
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgshahr/ui-kit",
-  "version": "0.0.92",
+  "version": "0.0.94",
   "description": "dgshahr ui-kit",
   "author": "dgshahr",
   "license": "MIT",
@@ -196,11 +196,12 @@
   "devDependencies": {
     "@commitlint/cli": "^19.8.0",
     "@commitlint/config-conventional": "^19.8.0",
-    "@dgshahr/dg-theme-tailwind-plugin": "^1.0.10",
+    "@dgshahr/dg-theme-tailwind-plugin": "^1.0.11",
     "@eslint/compat": "^1.2.8",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.24.0",
     "@storybook/addon-actions": "^8.6.12",
+    "@storybook/addon-docs": "^8.6.12",
     "@storybook/addon-essentials": "^8.6.12",
     "@storybook/blocks": "^8.6.12",
     "@storybook/builder-vite": "^8.6.12",

package/dist/PickerWrapper-BuAOe-BZ.cjs

@@ -1 +0,0 @@
-"use client";"use strict";require('./assets/styles.css');const t=require("react/jsx-runtime"),e=require("./clsx-C11secjj.cjs"),n=require("react"),R=require("./Drawer/index.cjs"),q=require("./useFlipPosition-CLwjhe7O.cjs"),S=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./Form/Input/index.cjs");;/* empty css                  */const v=n.createContext({toggleWrapperVisibility:()=>{}}),D=()=>n.useContext(v),A=a=>{const i=n.useRef(null);return n.useEffect(()=>{const s=r=>{i.current&&!i.current.contains(r.target)&&a()};return document.addEventListener("click",s,!0),()=>{document.removeEventListener("click",s,!0)}},[i,a]),i},C="dgs-ui-kit-duration-300",b=400,O=a=>{const{dropdownType:i="popover",disabled:s,isLoading:r,wrapperClassName:N,customInput:g,children:k,drawerProps:m,inputProps:I,popoverClassName:y}=a,[u,c]=n.useState(!1),[f,d]=n.useState(!1),[x,P]=n.useState("bottom-left");let o;const{anchorRef:T,popperRef:W}=q.useFlipPosition({initialPosition:"bottom-left",minVisible:180,onPositionChange(l){P(w=>w===l?w:l)}}),j=A(()=>{i==="popover"&&u&&(c(!1),o&&clearTimeout(o),o=setTimeout(()=>{d(!1)},b))});function h(){if(s||r)return;const l=!f;o&&clearTimeout(o),l?(d(!0),o=setTimeout(()=>{c(!0)},0)):(c(!1),o=setTimeout(()=>{d(!1)},b))}const p=e.clsx({"!dgs-ui-kit-cursor-not-allowed":s,"!dgs-ui-kit-cursor-wait":r,"!dgs-ui-kit-cursor-pointer":!r&&!s});return t.jsxs("div",{ref:j,className:e.clsx("dgs-ui-kit-relative",N),children:[t.jsx("button",{ref:T,type:"button",className:e.clsx("dgs-ui-kit-w-full",p),onClick:h,children:g?g(u):t.jsx(E,{leftIcon:r?t.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):t.jsx(S.IconArrowDown2,{width:20,height:20,className:e.clsx("dgs-ui-kit-transition",C,{"dgs-ui-kit-rotate-180":u})}),containerClassName:e.clsx(p,{"dgs-ui-kit-items-baseline":r}),className:e.clsx("dgs-ui-kit-caret-transparent",p),disabled:s,...I})}),t.jsx(v.Provider,{value:{toggleWrapperVisibility:h},children:f&&t.jsx(t.Fragment,{children:i==="popover"?t.jsx("div",{ref:W,className:e.clsx("dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-right-0 dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",C,u?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",{"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)]":x.includes("bottom"),"dgs-ui-kit-top-0 dgs-ui-kit-translate-y-[calc(-100%-8px)]":x.includes("top")},y),children:k}):t.jsx(R,{...m,open:u,onClose:()=>c(!1),containerClassName:e.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",m?.containerClassName),children:k})})})]})};exports.PickerWrapper=O;exports.usePickerWrapperContext=D;

package/dist/Slide-BhtrgZAI.cjs

@@ -1 +0,0 @@
-"use client";"use strict";const t=require("react/jsx-runtime"),p=require("./clsx-C11secjj.cjs"),n=require("react"),D=require("./IconArrowLeft2-CNA3H0xY.cjs"),q=require("./IconArrowRight2-CF_bdH81.cjs"),T=require("./Button/index.cjs"),A=n.createContext({slidesPerView:1,spaceBetween:0,navigationVariant:"outside",showNavigationDots:!0,showPaginationText:!1,childrenCount:0,sliderId:""}),I=()=>n.useContext(A);function O({active:i,autoplay:s,variant:r="outside"}){return[{inside:"dgs-ui-kit-bg-gray-500/50 hover:dgs-ui-kit-bg-gray-500/80",outside:"dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-300"}[r],i?"dgs-ui-kit-w-[22px]":"dgs-ui-kit-w-[6px]",s?"dgs-ui-kit-p-[1px]":""]}const V=i=>{const{active:s,onClick:r,onNavigateToNext:a,index:e}=i,{autoplay:d,navigationVariant:v="outside"}=I(),[l,u]=n.useState(0);return n.useEffect(()=>{if(!s||!d)return;const k=typeof d=="boolean"?7e3:d?.delay??7e3;let x=Date.now();const c=setInterval(()=>{const g=Date.now()-x,f=g/k*100;u(Math.min(f,100)),g>=k&&typeof a=="function"&&(a(),u(0),clearInterval(c))},100);return function(){return u(0),x=Date.now(),clearInterval(c)}},[s,d,a]),t.jsx("button",{className:p.clsx("dgs-ui-kit-rounded-full dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-h-[6px]",O({active:s,autoplay:d,variant:v})),onClick:r,"aria-label":`slider-navigation-dot-${e+1}`,children:s&&t.jsx("div",{className:p.clsx("dgs-ui-kit-h-full dgs-ui-kit-rounded-full",{"dgs-ui-kit-bg-white":v==="inside","dgs-ui-kit-bg-gray-700":v==="outside"}),style:{width:d?`${l}%`:"100%"}})})},F=i=>{const{onNavigate:s,slideIndex:r,slidesCount:a}=i,{navigationButtonsShowType:e="hide",dotsClassName:d,navigationContainerClassName:v,navigationVariant:l="outside",showNavigationDots:u=!0,showPaginationText:k}=I(),x=t.jsxs("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-gap-2",{"dgs-ui-kit-absolute dgs-ui-kit-bottom-0 dgs-ui-kit-left-[5.5%]":l==="inside"&&e!=="onSides","dgs-ui-kit-absolute dgs-ui-kit-justify-between dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-w-full dgs-ui-kit-px-[5.5%]":e==="onSides","dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition":e==="hover"||e==="onSides"}),children:[t.jsx(T,{type:"button",variant:"secondary",onClick:()=>s(r-1),rightIcon:t.jsx(q.IconArrowRight2,{}),"aria-label":"slider-previous-button"}),t.jsx(T,{type:"button",variant:"secondary",onClick:()=>s(r+1),rightIcon:t.jsx(D.IconArrowLeft2,{}),"aria-label":"slider-next-button"})]});return t.jsxs(t.Fragment,{children:[e&&e!=="hide"&&e==="onSides"&&x,t.jsxs("div",{className:p.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-items-center dgs-ui-kit-mt-2":l==="outside","dgs-ui-kit-absolute dgs-ui-kit-bottom-4 dgs-ui-kit-w-full dgs-ui-kit-justify-center":l==="inside","dgs-ui-kit-justify-between":l==="outside"&&e!=="hide"&&e!=="onSides","dgs-ui-kit-justify-center":l==="outside"&&(e==="hide"||e==="onSides")},v),children:[e&&e!=="hide"&&e!=="onSides"&&x,(u||k)&&t.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-3",children:[k&&t.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-1 dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-400 ss02",children:[t.jsx("span",{className:p.clsx("dgs-ui-kit-font-bold",{"dgs-ui-kit-text-gray-600":l==="outside","dgs-ui-kit-text-white":l==="inside"}),children:r+1}),t.jsx("span",{children:"از"}),t.jsx("span",{children:a})]}),u&&t.jsx("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-gap-2",d),children:Array.from(Array(a).keys()).map((c,g)=>t.jsx(V,{active:r===g,index:g,onClick:()=>s(g),onNavigateToNext:()=>s(r+1)},c+a))})]})]})]})},L=n.forwardRef((i,s)=>{const[r,a]=n.useState(i),{className:e="",containerClassName:d="",showNavigationDots:v=!0,slidesPerView:l=1,navigationButtonsShowType:u="hide",spaceBetween:k=0,showPaginationText:x,onSlideIndexChange:c,initialSlide:g,containerXPadding:f=0}=r,[b,C]=n.useState(0),[P,R]=n.useState(0),W=Object.fromEntries(Object.entries(r).filter(([o])=>o!=="children")),h=n.useRef(null),m=Math.ceil(P/Math.floor(l)),E=(v||u&&u!=="hide"||x)&&m>1;function M(o){if(Math.ceil(Math.abs(o.currentTarget.scrollLeft))+o.currentTarget.clientWidth+1+f>=o.currentTarget.scrollWidth){C(m-1);return}const y=o.currentTarget.scrollWidth-f*2,w=y/m,N=(y-o.currentTarget.scrollLeft-f)/w;if(N<=m){C(0);return}C(Math.round(N%m))}function j(o){if(!h.current)return;const y=h.current.offsetWidth,w=b-o,N=h.current.scrollWidth/m,B=w*N;o<0?h.current.scrollTo({behavior:"smooth",left:-(y*m)}):o>=m?h.current.scrollTo({behavior:"smooth",left:0}):h.current.scrollBy({behavior:"smooth",left:B})}function S(){const y=Object.keys(i.responsive).sort().findLast(N=>Number(N)<=window.innerWidth),w=y?i.responsive[Number(y)]:null;a(w?{...r,...w}:i)}return n.useImperativeHandle(s,()=>({element:h.current,navigate:o=>j(Math.max(0,o-1))})),n.useEffect(()=>{if(!h.current)return;let o=h.current.childElementCount;f>0&&(o-=2),R(o)},[i.children,h,f]),n.useEffect(()=>{if(!(!i.responsive||Object.keys(i.responsive).length<=0))return S(),window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)}},[i.responsive]),n.useEffect(()=>{c&&typeof c=="function"&&c(b)},[b]),n.useEffect(()=>{typeof g=="number"&&h.current&&j(Math.max(0,g-1))},[g,h.current]),t.jsx(A.Provider,{value:{...W,childrenCount:P,sliderId:n.useId()},children:t.jsxs("div",{className:p.clsx("dgs-ui-kit-overflow-hidden dgs-ui-kit-relative dgs-ui-kit-group",e),style:{direction:"rtl"},children:[t.jsxs("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-snap-x dgs-ui-kit-snap-mandatory dgs-ui-kit-overflow-x-auto no-scrollbar",d),style:{marginLeft:-k},onScroll:M,ref:h,children:[f>0&&t.jsx("div",{className:"dgs-ui-kit-shrink-0",style:{width:f,paddingLeft:k}}),i.children,f>0&&t.jsx("div",{className:"dgs-ui-kit-shrink-0",style:{width:f,paddingLeft:k}})]}),E&&t.jsx(F,{onNavigate:j,slideIndex:b,slidesCount:m})]})})});L.displayName="Slider";function $({slidesPerView:i,childIndex:s,centerMode:r,childrenCount:a,haveContainerPadding:e}){const d=s%Math.floor(i)===0,v=i%1!==0,l=s===0,u=s===a-1;if(!d)return"none";if(r){if(v&&!e){if(l)return"start";if(u)return"end"}return"center"}return"start"}const K=i=>{const{children:s,className:r,style:a,...e}=i,{slidesPerView:d=1,spaceBetween:v=0,centerMode:l=!1,containerXPadding:u=0,childrenCount:k=0,sliderId:x}=I(),c=n.useRef(null),[g,f]=n.useState(0);return n.useEffect(()=>{c.current&&f(Array.prototype.indexOf.call(document.querySelectorAll(`[id='slide-item-${x}']`),c.current))},[c,k,u]),t.jsx("div",{...e,ref:c,id:`slide-item-${x}`,className:p.clsx("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-normal",r),style:{width:100/(d??1)+"%",paddingLeft:v,scrollSnapAlign:$({slidesPerView:d,childIndex:g,centerMode:l,childrenCount:k||0,haveContainerPadding:u>0}),...a},children:s})};exports.Slide=K;exports.Slider=L;