@dgshahr/ui-kit 1.6.0 → 1.7.0

package/dist/index.mjs

@@ -15,19 +15,20 @@ import { I as R } from "./index-ChP5zdaB.js";
 import { default as w } from "./Form/OtpInput/index.mjs";
 import { default as v } from "./Form/RadioButton/index.mjs";
 import { default as G } from "./Form/RangeInput/index.mjs";
-import { default as U } from "./Form/Select/index.mjs";
-import { default as q } from "./Form/Switch/index.mjs";
-import { default as E } from "./Form/Textarea/index.mjs";
-import { default as K } from "./Pagination/index.mjs";
-import { default as M } from "./Progress/Bar/index.mjs";
+import { default as O } from "./Form/Select/index.mjs";
+import { default as j } from "./Form/Switch/index.mjs";
+import { default as y } from "./Form/Textarea/index.mjs";
+import { default as J } from "./Pagination/index.mjs";
+import { default as L } from "./Progress/Bar/index.mjs";
 import { default as Q } from "./Progress/Doughnut/index.mjs";
 import { default as W } from "./Rate/index.mjs";
 import { default as Y } from "./Sidebar/index.mjs";
-import { a as _, S as $ } from "./Slide-Cg1SjpFn.js";
-import { a as er, H as ar } from "./Step-DB73tIkY.js";
-import { default as tr } from "./Table/index.mjs";
-import { default as pr } from "./Tabs/index.mjs";
-import { default as dr } from "./Tooltip/index.mjs";
+import { default as _ } from "./Menu/index.mjs";
+import { a as rr, S as er } from "./Slide-Cg1SjpFn.js";
+import { a as or, H as tr } from "./Step-DB73tIkY.js";
+import { default as pr } from "./Table/index.mjs";
+import { default as dr } from "./Tabs/index.mjs";
+import { default as ur } from "./Tooltip/index.mjs";
 export {
   o as AccordionGroup,
   t as AccordionItem,
@@ -42,23 +43,24 @@ export {
   b as Divider,
   I as Drawer,
   H as FileUploader,
-  er as HorizontalStep,
-  ar as HorizontalStepper,
+  or as HorizontalStep,
+  tr as HorizontalStepper,
   R as Input,
+  _ as Menu,
   w as OtpInput,
-  K as Pagination,
-  M as ProgressBar,
+  J as Pagination,
+  L as ProgressBar,
   Q as ProgressDoughnut,
   v as RadioButton,
   G as RangeInput,
   W as Rate,
-  U as Select,
+  O as Select,
   Y as Sidebar,
-  _ as Slide,
-  $ as Slider,
-  q as Switch,
-  tr as Table,
-  pr as Tabs,
-  E as Textarea,
-  dr as Tooltip
+  rr as Slide,
+  er as Slider,
+  j as Switch,
+  pr as Table,
+  dr as Tabs,
+  y as Textarea,
+  ur as Tooltip
 };

package/dist/useOutsideClick-CSnzjiLr.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react"),u=t=>{const e=r.useRef(null);return r.useEffect(()=>{const n=c=>{e.current&&!e.current.contains(c.target)&&t()};return document.addEventListener("click",n,!0),()=>{document.removeEventListener("click",n,!0)}},[e,t]),e};exports.useOutsideClick=u;

package/dist/useOutsideClick-DDIvXCYN.js

@@ -0,0 +1,15 @@
+import { useRef as u, useEffect as c } from "react";
+const i = (t) => {
+  const e = u(null);
+  return c(() => {
+    const r = (n) => {
+      e.current && !e.current.contains(n.target) && t();
+    };
+    return document.addEventListener("click", r, !0), () => {
+      document.removeEventListener("click", r, !0);
+    };
+  }, [e, t]), e;
+};
+export {
+  i as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgshahr/ui-kit",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "A modern, accessible, and customizable React component library",
   "author": "dgshahr",
   "contributes": [
@@ -154,6 +154,11 @@
       "import": "./dist/Form/Textarea/index.mjs",
       "require": "./dist/Form/Textarea/index.cjs"
     },
+    "./Menu": {
+      "types": "./dist/Menu/index.d.ts",
+      "import": "./dist/Menu/index.mjs",
+      "require": "./dist/Menu/index.cjs"
+    },
     "./Pagination": {
       "types": "./dist/Pagination/index.d.ts",
       "import": "./dist/Pagination/index.mjs",

package/dist/PickerWrapper-CJEhuXjK.cjs

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

package/dist/PickerWrapper-Dq1KZ9op.js

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