@dgshahr/ui-kit 0.0.87 → 0.0.89

package/dist/Sidebar/index.mjs

@@ -1,15 +1,16 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { c as u } from "../clsx-OuTLNxxd.js";
-import { createContext as gi, useContext as fi, useState as J, useCallback as ki, useEffect as pi, Fragment as hi } from "react";
-import { I as mi } from "../IconSearch-aShj2vmu.js";
-import Z from "../Badge/index.mjs";
-import bi from "../Form/Input/index.mjs";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { c as r } from "../clsx-OuTLNxxd.js";
+import { createContext as E, useContext as I, useState as C, useCallback as T, useEffect as j, Fragment as z } from "react";
+import { d as D } from "../index-CzwAoGdL.js";
+import { I as R } from "../IconSearch-aShj2vmu.js";
+import S from "../Badge/index.mjs";
+import P from "../Form/Input/index.mjs";
 import '../assets/styles.css';/* empty css                 */
-import { A as yi, a as xi } from "../AccordionItem-CbYyB1Ub.js";
-import ii from "../Divider/index.mjs";
-import { I as vi } from "../IconArrowLeft2-cxcPyDqS.js";
-import Ci from "../Button/index.mjs";
-const Si = (i) => /* @__PURE__ */ p(
+import { A as M, a as V } from "../AccordionItem-CbYyB1Ub.js";
+import v from "../Divider/index.mjs";
+import { I as F } from "../IconArrowLeft2-cxcPyDqS.js";
+import H from "../Button/index.mjs";
+const G = (i) => /* @__PURE__ */ o(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -19,7 +20,7 @@ const Si = (i) => /* @__PURE__ */ p(
     viewBox: "0 0 24 24",
     ...i,
     children: [
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t(
         "path",
         {
           fill: "currentColor",
@@ -28,7 +29,7 @@ const Si = (i) => /* @__PURE__ */ p(
           clipRule: "evenodd"
         }
       ),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t(
         "path",
         {
           fill: "currentColor",
@@ -39,127 +40,40 @@ const Si = (i) => /* @__PURE__ */ p(
       )
     ]
   }
-), B = "dgs-ui-kit-duration-300", $ = "dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600", G = "dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none", ti = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600", K = `${ti} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`, ei = gi({
+), h = "dgs-ui-kit-duration-300", x = "dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600", y = "dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none", A = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600", w = `${A} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`, _ = E({
   isOpen: !1,
   setIsOpen: () => {
   }
-}), _ = () => fi(ei);
-var E = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function wi(i) {
-  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
-}
-var H, Q;
-function Ni() {
-  if (Q) return H;
-  Q = 1;
-  var i = "Expected a function", s = NaN, n = "[object Symbol]", a = /^\s+|\s+$/g, l = /^[-+]0x[0-9a-f]+$/i, m = /^0b[01]+$/i, y = /^0o[0-7]+$/i, S = parseInt, w = typeof E == "object" && E && E.Object === Object && E, D = typeof self == "object" && self && self.Object === Object && self, f = w || D || Function("return this")(), x = Object.prototype, o = x.toString, c = Math.max, ri = Math.min, M = function() {
-    return f.Date.now();
-  };
-  function ni(t, d, k) {
-    var v, N, I, C, g, b, j = 0, q = !1, T = !1, z = !0;
-    if (typeof t != "function")
-      throw new TypeError(i);
-    d = V(d) || 0, P(k) && (q = !!k.leading, T = "maxWait" in k, I = T ? c(V(k.maxWait) || 0, d) : I, z = "trailing" in k ? !!k.trailing : z);
-    function F(r) {
-      var h = v, O = N;
-      return v = N = void 0, j = r, C = t.apply(O, h), C;
-    }
-    function ui(r) {
-      return j = r, g = setTimeout(A, d), q ? F(r) : C;
-    }
-    function ai(r) {
-      var h = r - b, O = r - j, X = d - h;
-      return T ? ri(X, I - O) : X;
-    }
-    function L(r) {
-      var h = r - b, O = r - j;
-      return b === void 0 || h >= d || h < 0 || T && O >= I;
-    }
-    function A() {
-      var r = M();
-      if (L(r))
-        return U(r);
-      g = setTimeout(A, ai(r));
-    }
-    function U(r) {
-      return g = void 0, z && v ? F(r) : (v = N = void 0, C);
-    }
-    function li() {
-      g !== void 0 && clearTimeout(g), j = 0, v = b = N = g = void 0;
-    }
-    function ci() {
-      return g === void 0 ? C : U(M());
-    }
-    function W() {
-      var r = M(), h = L(r);
-      if (v = arguments, N = this, b = r, h) {
-        if (g === void 0)
-          return ui(b);
-        if (T)
-          return g = setTimeout(A, d), F(b);
-      }
-      return g === void 0 && (g = setTimeout(A, d)), C;
-    }
-    return W.cancel = li, W.flush = ci, W;
-  }
-  function P(t) {
-    var d = typeof t;
-    return !!t && (d == "object" || d == "function");
-  }
-  function oi(t) {
-    return !!t && typeof t == "object";
-  }
-  function di(t) {
-    return typeof t == "symbol" || oi(t) && o.call(t) == n;
-  }
-  function V(t) {
-    if (typeof t == "number")
-      return t;
-    if (di(t))
-      return s;
-    if (P(t)) {
-      var d = typeof t.valueOf == "function" ? t.valueOf() : t;
-      t = P(d) ? d + "" : d;
-    }
-    if (typeof t != "string")
-      return t === 0 ? t : +t;
-    t = t.replace(a, "");
-    var k = m.test(t);
-    return k || y.test(t) ? S(t.slice(2), k ? 2 : 8) : l.test(t) ? s : +t;
-  }
-  return H = ni, H;
-}
-var ji = Ni();
-const Ti = /* @__PURE__ */ wi(ji), R = (i) => u(
+}), c = () => I(_), f = (i) => r(
   "dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",
   i ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0",
-  B
+  h
 );
-function Y(i, s) {
-  return /* @__PURE__ */ p(
+function N(i, s) {
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: u(
+      className: r(
         "dgs-ui-kit-flex dgs-ui-kit-items-center [&_svg]:dgs-ui-kit-size-6 [&_svg]:dgs-ui-kit-shrink-0 dgs-ui-kit-min-h-12 dgs-ui-kit-text-start",
         s ? "dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse" : "dgs-ui-kit-justify-center"
       ),
       children: [
         i.icon,
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "div",
           {
-            className: u(
+            className: r(
               "dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",
               s ? "dgs-ui-kit-w-full" : "dgs-ui-kit-w-0",
-              R
+              f
             ),
             children: i.title
           }
         ),
-        i.badgeCount && /* @__PURE__ */ e(
-          Z,
+        i.badgeCount && /* @__PURE__ */ t(
+          S,
           {
-            className: u("dgs-ui-kit-shrink-0", {
+            className: r("dgs-ui-kit-shrink-0", {
               "!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0": !s
             }),
             value: i.badgeCount,
@@ -172,115 +86,115 @@ function Y(i, s) {
     }
   );
 }
-function si(i, s) {
-  return i.map((n) => {
-    if ("children" in n && n.children) {
-      const a = si(n.children, s);
-      if (a.length > 0)
-        return { ...n, children: a };
+function B(i, s) {
+  return i.map((e) => {
+    if ("children" in e && e.children) {
+      const u = B(e.children, s);
+      if (u.length > 0)
+        return { ...e, children: u };
     }
-    return n.title.includes(s) ? { ...n } : null;
-  }).filter((n) => !!n);
+    return e.title.includes(s) ? { ...e } : null;
+  }).filter((e) => !!e);
 }
-const Oi = (i) => {
-  const { value: s, onChange: n } = i, { isOpen: a, searchInput: l } = _();
-  return /* @__PURE__ */ e(
-    bi,
+const U = (i) => {
+  const { value: s, onChange: e } = i, { isOpen: u, searchInput: a } = c();
+  return /* @__PURE__ */ t(
+    P,
     {
       value: s,
-      onChange: n,
-      rightIcon: /* @__PURE__ */ e(mi, {}),
+      onChange: e,
+      rightIcon: /* @__PURE__ */ t(R, {}),
       placeholder: "جستجو",
-      ...typeof l == "boolean" ? {} : l,
-      wrapperClassName: u(
+      ...typeof a == "boolean" ? {} : a,
+      wrapperClassName: r(
         "dgs-ui-kit-mb-8 dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-4",
-        R(a),
-        typeof l == "object" && l.wrapperClassName,
-        B
+        f(u),
+        typeof a == "object" && a.wrapperClassName,
+        h
       )
     }
   );
-}, _i = () => {
-  const { isOpen: i, searchInput: s = !0, items: n } = _(), [a, l] = J(""), [m, y] = J(n ?? []), S = ki(
-    Ti((f) => {
-      y(si(m, f));
+}, W = () => {
+  const { isOpen: i, searchInput: s = !0, items: e } = c(), [u, a] = C(""), [g, k] = C(e ?? []), m = T(
+    D((l) => {
+      k(B(g, l));
     }, 800),
     []
   );
-  function w(f) {
-    const x = f.target.value;
-    l(x), S(x);
+  function b(l) {
+    const p = l.target.value;
+    a(p), m(p);
   }
-  function D() {
-    l(""), y(n ?? []);
+  function O() {
+    a(""), k(e ?? []);
   }
-  return pi(() => {
-    a && D();
-  }, [i]), /* @__PURE__ */ p("div", { className: "dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar", children: [
-    !!s && /* @__PURE__ */ e(
-      Oi,
+  return j(() => {
+    u && O();
+  }, [i]), /* @__PURE__ */ o("div", { className: "dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar", children: [
+    !!s && /* @__PURE__ */ t(
+      U,
       {
-        value: a,
-        onChange: w
+        value: u,
+        onChange: b
       }
     ),
-    /* @__PURE__ */ e("div", { className: "dgs-ui-kit-space-y-6 dgs-ui-kit-px-4", children: m.map((f, x) => /* @__PURE__ */ p(hi, { children: [
-      /* @__PURE__ */ e(
+    /* @__PURE__ */ t("div", { className: "dgs-ui-kit-space-y-6 dgs-ui-kit-px-4", children: g.map((l, p) => /* @__PURE__ */ o(z, { children: [
+      /* @__PURE__ */ t(
         "div",
         {
-          className: u(
+          className: r(
             "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",
-            R(i)
+            f(i)
           ),
-          children: f.title
+          children: l.title
         }
       ),
-      /* @__PURE__ */ e(yi, { className: "dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", children: f.children?.map(
-        (o) => o.link ? /* @__PURE__ */ e(
+      /* @__PURE__ */ t(M, { className: "dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", children: l.children?.map(
+        (d) => d.link ? /* @__PURE__ */ t(
           "a",
           {
-            href: o.link,
-            className: u(
+            href: d.link,
+            className: r(
               "dgs-ui-kit-pr-3",
-              o.disabled && G,
-              o.active && K,
+              d.disabled && y,
+              d.active && w,
               i ? "dgs-ui-kit-pl-9" : "dgs-ui-kit-pl-3",
-              $
+              x
             ),
-            children: Y(o, i)
+            children: N(d, i)
           },
-          o.link
-        ) : /* @__PURE__ */ e(
-          xi,
+          d.link
+        ) : /* @__PURE__ */ t(
+          V,
           {
-            className: u("!dgs-ui-kit-p-0", o.disabled && G),
-            title: Y(o, i),
+            className: r("!dgs-ui-kit-p-0", d.disabled && y),
+            title: N(d, i),
             hideDivider: !0,
-            hideArrow: !i || o.disabled,
-            disable: !i || o.disabled,
-            titleClassName: u(
+            hideArrow: !i || d.disabled,
+            disable: !i || d.disabled,
+            titleClassName: r(
               "[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",
               i ? "dgs-ui-kit-px-3" : "!dgs-ui-kit-justify-center",
-              o.children?.find((c) => c.active) && K,
-              $
+              d.children?.find((n) => n.active) && w,
+              x
             ),
-            children: o.children?.map((c) => /* @__PURE__ */ p(
+            children: d.children?.map((n) => /* @__PURE__ */ o(
               "a",
               {
-                href: c.link,
-                className: u(
+                href: n.link,
+                className: r(
                   "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",
-                  c.disabled && G,
-                  c.active && ti,
-                  $
+                  n.disabled && y,
+                  n.active && A,
+                  x
                 ),
                 children: [
-                  /* @__PURE__ */ e("p", { children: c.title }),
-                  c.badgeCount && /* @__PURE__ */ e(
-                    Z,
+                  /* @__PURE__ */ t("p", { children: n.title }),
+                  n.badgeCount && /* @__PURE__ */ t(
+                    S,
                     {
                       valueType: "number",
-                      value: c.badgeCount,
+                      value: n.badgeCount,
                       color: "error",
                       type: "twoTone",
                       size: "small"
@@ -288,38 +202,38 @@ const Oi = (i) => {
                   )
                 ]
               },
-              c.link
+              n.link
             ))
           },
-          o.link ?? o.title
+          d.link ?? d.title
         )
       ) }),
-      x !== m.length - 1 && /* @__PURE__ */ e(ii, { type: "horizontal" })
-    ] }, f.title)) })
+      p !== g.length - 1 && /* @__PURE__ */ t(v, { type: "horizontal" })
+    ] }, l.title)) })
   ] });
-}, Ii = () => {
-  const { isOpen: i, logo: s } = _();
-  return /* @__PURE__ */ e("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8", children: /* @__PURE__ */ e(
+}, $ = () => {
+  const { isOpen: i, logo: s } = c();
+  return /* @__PURE__ */ t("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8", children: /* @__PURE__ */ t(
     "img",
     {
       ...s,
       alt: s?.alt ?? "Logo",
       src: i ? s?.open : s?.close,
-      className: u("dgs-ui-kit-h-12 dgs-ui-kit-w-full", s?.className)
+      className: r("dgs-ui-kit-h-12 dgs-ui-kit-w-full", s?.className)
     }
   ) });
-}, Ai = () => {
-  const { userProfile: i, isOpen: s } = _();
-  return /* @__PURE__ */ p(
+}, q = () => {
+  const { userProfile: i, isOpen: s } = c();
+  return /* @__PURE__ */ o(
     "a",
     {
       href: i?.link ?? "#",
-      className: u(
+      className: r(
         "dgs-ui-kit-mb-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
         { "dgs-ui-kit-pointer-events-none": !i?.link }
       ),
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "img",
           {
             src: i?.image,
@@ -327,28 +241,28 @@ const Oi = (i) => {
             className: "dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"
           }
         ),
-        /* @__PURE__ */ p("div", { className: u("dgs-ui-kit-flex dgs-ui-kit-flex-col", R(s)), children: [
-          /* @__PURE__ */ e("p", { className: "dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700", children: i?.name }),
-          /* @__PURE__ */ e("p", { className: "dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400", children: i?.description })
+        /* @__PURE__ */ o("div", { className: r("dgs-ui-kit-flex dgs-ui-kit-flex-col", f(s)), children: [
+          /* @__PURE__ */ t("p", { className: "dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700", children: i?.name }),
+          /* @__PURE__ */ t("p", { className: "dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400", children: i?.description })
         ] })
       ]
     }
   );
-}, Ei = () => {
-  const { isOpen: i, setIsOpen: s } = _();
-  return /* @__PURE__ */ e(
+}, J = () => {
+  const { isOpen: i, setIsOpen: s } = c();
+  return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
       className: "dgs-ui-kit-absolute dgs-ui-kit-top-7 dgs-ui-kit-left-0 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-p-1 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-bg-white",
       onClick: () => s(!i),
-      children: /* @__PURE__ */ e(
-        vi,
+      children: /* @__PURE__ */ t(
+        F,
         {
-          className: u(
+          className: r(
             "dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",
             i && "dgs-ui-kit-rotate-180",
-            B
+            h
           ),
           width: 16,
           height: 16
@@ -356,49 +270,49 @@ const Oi = (i) => {
       )
     }
   );
-}, Vi = (i) => {
+}, ui = (i) => {
   const {
     isOpen: s,
-    className: n,
-    logo: a,
-    items: l,
-    extraComponent: m,
-    userProfile: y,
-    logOutButtonProps: S,
-    onLogout: w
+    className: e,
+    logo: u,
+    items: a,
+    extraComponent: g,
+    userProfile: k,
+    logOutButtonProps: m,
+    onLogout: b
   } = i;
-  return /* @__PURE__ */ e(ei.Provider, { value: i, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ t(_.Provider, { value: i, children: /* @__PURE__ */ o(
     "div",
     {
-      className: u(
-        n,
+      className: r(
+        e,
         "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width]",
         s ? "dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full" : "dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]",
-        B
+        h
       ),
       children: [
-        /* @__PURE__ */ e(Ei, {}),
-        !!(a?.open ?? a?.close) && /* @__PURE__ */ e(Ii, {}),
-        l && l.length > 0 && /* @__PURE__ */ e(_i, {}),
-        /* @__PURE__ */ p("div", { className: "dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1", children: [
-          m,
-          /* @__PURE__ */ e(
-            ii,
+        /* @__PURE__ */ t(J, {}),
+        !!(u?.open ?? u?.close) && /* @__PURE__ */ t($, {}),
+        a && a.length > 0 && /* @__PURE__ */ t(W, {}),
+        /* @__PURE__ */ o("div", { className: "dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1", children: [
+          g,
+          /* @__PURE__ */ t(
+            v,
             {
               className: "dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",
               type: "horizontal"
             }
           ),
-          !!y?.image && /* @__PURE__ */ e(Ai, {}),
-          /* @__PURE__ */ e(
-            Ci,
+          !!k?.image && /* @__PURE__ */ t(q, {}),
+          /* @__PURE__ */ t(
+            H,
             {
               color: "error",
               variant: "secondary",
-              rightIcon: /* @__PURE__ */ e(Si, {}),
+              rightIcon: /* @__PURE__ */ t(G, {}),
               isFullWidth: !0,
-              onClick: w,
-              ...S,
+              onClick: b,
+              ...m,
               children: s ? "خروج" : ""
             }
           )
@@ -408,5 +322,5 @@ const Oi = (i) => {
   ) });
 };
 export {
-  Vi as default
+  ui as default
 };

package/dist/Tooltip/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),o=require("../clsx-C11secjj.cjs"),b=require("react");;/* empty css                   */const p={"top-left":"dgs-ui-kit-left-4 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl","top-center":"dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl","top-right":"dgs-ui-kit-right-4 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl","bottom-left":"dgs-ui-kit-left-4 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br","bottom-center":"dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br","bottom-right":"dgs-ui-kit-right-4 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br"},x={"top-left":"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-0","top-center":"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2","top-right":"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-right-0","bottom-left":"dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-0","bottom-center":"dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2","bottom-right":"dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-right-0"},m=r=>{const{children:k,content:a,className:l,footer:n,icon:i,tailPosition:s="bottom-center",title:d}=r,[c,e]=b.useState(!1);function u(){e(!0)}function g(){e(!1)}return t.jsxs("div",{className:"dgs-ui-kit-relative",onMouseEnter:u,onTouchStart:u,onMouseLeave:g,onTouchEnd:g,children:[k,t.jsxs("div",{className:o.clsx(l,"dgs-ui-kit-absolute dgs-ui-kit-p-4 dgs-ui-kit-flex dgs-ui-kit-gap-2 dgs-ui-kit-max-w-[400px] dgs-ui-kit-bg-gray-700 dgs-ui-kit-text-white dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-shadow-md dgs-ui-kit-transition dgs-ui-kit-w-max",c?"dgs-ui-kit-opacity-100 dgs-ui-kit-scale-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-scale-0",x[s]),children:[i&&t.jsx("span",{className:"dgs-ui-kit-shrink-0 [&_svg]:dgs-ui-kit-size-5 dgs-ui-kit-pt-1",children:i}),t.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-font-p2-regular",children:[d&&t.jsx("div",{className:"dgs-ui-kit-font-h5-bold",children:d}),a,n]}),t.jsx("div",{className:o.clsx("dgs-ui-kit-w-4 dgs-ui-kit-h-4 dgs-ui-kit-bg-gray-700 dgs-ui-kit-border-gray-300 dgs-ui-kit-absolute dgs-ui-kit-rotate-45",p[s])})]})]})};module.exports=m;
+"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),a=require("../clsx-C11secjj.cjs"),n=require("react"),N=require("../useFlipPosition-CLwjhe7O.cjs");;/* empty css                   */const S={"bottom-right":"dgs-ui-kit-left-4 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl","bottom-center":"dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl","bottom-left":"dgs-ui-kit-right-4 dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-t dgs-ui-kit-border-l dgs-ui-kit-rounded-tl","top-right":"dgs-ui-kit-left-4 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br","top-center":"dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br","top-left":"dgs-ui-kit-right-4 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br"},T={"bottom-right":"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-0","bottom-center":"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2","bottom-left":"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-right-0","top-right":"dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-0","top-center":"dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2","top-left":"dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-right-0"},j=l=>{const{children:c,content:p,className:b,footer:x,icon:i,position:s="top-center",title:d}=l,[f,e]=n.useState(!1),[u,h]=n.useState(s),{anchorRef:m,popperRef:y}=N.useFlipPosition({initialPosition:s,onPositionChange(g){h(k=>k===g?k:g)}});function o(){e(!0)}function r(){e(!1)}return t.jsxs("div",{ref:m,className:"dgs-ui-kit-relative",onMouseEnter:o,onTouchStart:o,onMouseLeave:r,onTouchEnd:r,children:[c,t.jsxs("div",{ref:y,className:a.clsx(b,"dgs-ui-kit-absolute dgs-ui-kit-p-4 dgs-ui-kit-flex dgs-ui-kit-gap-2 dgs-ui-kit-max-w-[400px] dgs-ui-kit-bg-gray-700 dgs-ui-kit-text-white dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-shadow-md dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-w-max",f?"dgs-ui-kit-opacity-100 dgs-ui-kit-scale-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-scale-0",T[u]),children:[i&&t.jsx("span",{className:"dgs-ui-kit-shrink-0 [&_svg]:dgs-ui-kit-size-5 dgs-ui-kit-pt-1",children:i}),t.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-font-p2-regular",children:[d&&t.jsx("div",{className:"dgs-ui-kit-font-h5-bold",children:d}),p,x]}),t.jsx("div",{className:a.clsx("dgs-ui-kit-w-4 dgs-ui-kit-h-4 dgs-ui-kit-bg-gray-700 dgs-ui-kit-border-gray-300 dgs-ui-kit-absolute dgs-ui-kit-rotate-45",S[u])})]})]})};module.exports=j;

package/dist/Tooltip/index.d.ts

@@ -1,14 +1,7 @@
 import { FC, ReactNode } from 'react';
-declare const TAIL_POSITION_CLASS_NAME: {
-    'top-left': string;
-    'top-center': string;
-    'top-right': string;
-    'bottom-left': string;
-    'bottom-center': string;
-    'bottom-right': string;
-};
+import { PopperPosition } from '../../hooks/useFlipPosition';
 export interface TooltipProps {
-    tailPosition?: keyof typeof TAIL_POSITION_CLASS_NAME;
+    position?: PopperPosition;
     title?: string;
     icon?: ReactNode;
     content: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,kBAAkB,CAAC;AAE1B,QAAA,MAAM,wBAAwB;;;;;;;CAa7B,CAAC;AAaF,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,MAAM,OAAO,wBAAwB,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA2D7B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEnF,OAAO,kBAAkB,CAAC;AA4B1B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4D7B,CAAC;AAEF,eAAe,OAAO,CAAC"}