@dgshahr/ui-kit 1.8.1 → 1.9.1

package/dist/Table/index.mjs

@@ -1,14 +1,15 @@
 "use client";
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { c as u } from "../clsx-OuTLNxxd.js";
-import j, { useState as H, useEffect as B, createContext as z, useContext as D, useRef as P } from "react";
-import q from "../Badge/index.mjs";
-import M from "../Form/Checkbox/index.mjs";
+import j, { useState as H, useEffect as R, createContext as z, useContext as D, useRef as P } from "react";
+import { i as q } from "../isBrowser-Bkqg1t1y.js";
+import M from "../Badge/index.mjs";
+import $ from "../Form/Checkbox/index.mjs";
 import E from "../Tooltip/index.mjs";
-import { I as $ } from "../IconArrowDown2-7ddwV5IE.js";
-import { I as F } from "../IconInfoCircleOutline-aO1F3qnG.js";
+import { I as F } from "../IconArrowDown2-7ddwV5IE.js";
+import { I as U } from "../IconInfoCircleOutline-aO1F3qnG.js";
 import x from "../Divider/index.mjs";
-import U from "../Pagination/index.mjs";
+import W from "../Pagination/index.mjs";
 import '../assets/styles.css';/* empty css                 */
 const O = z({
   observer: null,
@@ -19,12 +20,13 @@ const O = z({
 function C(t) {
   t.classList.add(_);
 }
-function W(t) {
+function Y(t) {
   t.classList.remove(_);
 }
-function Y(t) {
+function Z(t) {
   const { children: i, ...n } = t, { columns: l, rowSelection: s } = n, [a, c] = H(null);
-  return B(() => {
+  return R(() => {
+    if (!q()) return;
     let r = l.some((g) => !!g.sticky);
     return r || (r = !!s?.sticky), r && c(
       new IntersectionObserver(
@@ -32,22 +34,22 @@ function Y(t) {
           let d = !1;
           for (const k of g)
             if (k.boundingClientRect.right > k.intersectionRect.right) {
-              document.querySelectorAll("#sticky-cell-right").forEach(C), d = !0;
+              document?.querySelectorAll("#sticky-cell-right").forEach(C), d = !0;
               break;
             } else if (k.boundingClientRect.left < k.intersectionRect.left) {
-              document.querySelectorAll("#sticky-cell-left").forEach(C), d = !0;
+              document?.querySelectorAll("#sticky-cell-left").forEach(C), d = !0;
               break;
             }
-          d || document.querySelectorAll('[id^="sticky-cell-"]').forEach(W);
+          d || document?.querySelectorAll('[id^="sticky-cell-"]').forEach(Y);
         },
         { threshold: 1, rootMargin: "0% 100% 0% 100%" }
       )
     ), () => {
       a && a.disconnect();
     };
-  }, []), /* @__PURE__ */ e(O.Provider, { value: { observer: a, ...n }, children: i });
+  }, [l, s]), /* @__PURE__ */ e(O.Provider, { value: { observer: a, ...n }, children: i });
 }
-const y = () => D(O), Z = (t) => {
+const y = () => D(O), G = (t) => {
   const { title: i, extraElement: n, showTotal: l, total: s, className: a } = t;
   return /* @__PURE__ */ o(
     "div",
@@ -61,7 +63,7 @@ const y = () => D(O), Z = (t) => {
         l && /* @__PURE__ */ o("div", { className: "dgsuikit:flex dgsuikit:items-center dgsuikit:shrink-0", children: [
           /* @__PURE__ */ e("span", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-700 dgsuikit:ml-1", children: "تعداد نتایج:" }),
           /* @__PURE__ */ e(
-            q,
+            M,
             {
               value: s ?? 0,
               valueType: "number",
@@ -102,11 +104,11 @@ function K(t, i) {
         "dgsuikit:w-full dgsuikit:flex dgsuikit:items-center",
         v(t ?? "center")
       ),
-      children: /* @__PURE__ */ e(M, { ...i })
+      children: /* @__PURE__ */ e($, { ...i })
     }
   );
 }
-function G(t, i) {
+function J(t, i) {
   if (t)
     return u(
       "dgsuikit:sticky dgsuikit:z-10",
@@ -121,7 +123,7 @@ function G(t, i) {
 }
 const p = (t) => {
   const { children: i, className: n, type: l, sticky: s, addBorderToSticky: a, stuckToTop: c } = t, r = P(null), g = l, { observer: d } = y();
-  return B(() => {
+  return R(() => {
     if (!(!r.current || !d))
       return s && d.observe(r.current), () => {
         !r.current || !d || s && d.unobserve(r.current);
@@ -130,7 +132,7 @@ const p = (t) => {
     g,
     {
       ref: r,
-      className: u(n, G(s, a), {
+      className: u(n, J(s, a), {
         'dgsuikit:border-b-0 dgsuikit:before:content[""] dgsuikit:before:absolute dgsuikit:before:bottom-0 dgsuikit:before:left-0 dgsuikit:before:w-full dgsuikit:before:border-b dgsuikit:before:border-solid dgsuikit:before:border-gray-200': c,
         "dgsuikit:top-0 dgsuikit:z-20": c && s,
         "dgsuikit:sticky dgsuikit:top-0 dgsuikit:z-10": c && !s
@@ -139,10 +141,10 @@ const p = (t) => {
       children: i
     }
   );
-}, J = () => {
+}, Q = () => {
   const { columns: t, emptyContent: i } = y();
   return /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length, children: i }) }) });
-}, Q = (t) => {
+}, X = (t) => {
   const { className: i, ...n } = t;
   return /* @__PURE__ */ o(
     "svg",
@@ -441,7 +443,7 @@ const p = (t) => {
       ]
     }
   );
-}, X = () => {
+}, V = () => {
   const { columns: t, loading: i } = y();
   return /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
     "td",
@@ -449,7 +451,7 @@ const p = (t) => {
       className: "dgsuikit:p-10",
       colSpan: t.length,
       children: /* @__PURE__ */ e(
-        Q,
+        X,
         {
           width: typeof i != "boolean" ? i.size : 100,
           height: typeof i != "boolean" ? i.size : 100
@@ -458,12 +460,12 @@ const p = (t) => {
     }
   ) }) });
 }, N = "dgsuikit:p-4 dgsuikit:pl-0 dgsuikit:bg-white dgsuikit:border-b dgsuikit:border-solid dgsuikit:border-gray-200";
-function V(t, i) {
+function ee(t, i) {
   return t ? Array.isArray(t) ? t.reduce((n, l) => n?.[l] ?? null, i) : i[t] : null;
 }
-function ee(t, i, n) {
+function te(t, i, n) {
   if (typeof t.render == "function") return t.render(i, n);
-  const l = V(t.dataIndex, i);
+  const l = ee(t.dataIndex, i);
   if (t.ellipsis) {
     const s = /* @__PURE__ */ e("div", { className: "dgsuikit:!truncate", children: l });
     return typeof t.ellipsis != "boolean" && t.ellipsis.hideTooltip ? s : /* @__PURE__ */ e(
@@ -478,7 +480,7 @@ function ee(t, i, n) {
   }
   return l;
 }
-const te = (t) => {
+const ie = (t) => {
   const { havePagination: i } = t, {
     columns: n,
     data: l,
@@ -489,8 +491,8 @@ const te = (t) => {
     emptyContent: g,
     getRowClassName: d
   } = y();
-  if (r) return /* @__PURE__ */ e(X, {});
-  if (l.length < 1 && g) return /* @__PURE__ */ e(J, {});
+  if (r) return /* @__PURE__ */ e(V, {});
+  if (l.length < 1 && g) return /* @__PURE__ */ e(Q, {});
   const k = typeof d == "function";
   return /* @__PURE__ */ e("tbody", { children: l.map((m, h) => /* @__PURE__ */ o("tr", { children: [
     I(a) && /* @__PURE__ */ e(
@@ -535,14 +537,14 @@ const te = (t) => {
               "dgsuikit:flex dgsuikit:items-center dgsuikit:ml-2",
               v(f.align)
             ),
-            children: ee(f, m, h)
+            children: te(f, m, h)
           }
         )
       },
       `${m[s]}-${L(f.key, f.dataIndex)}`
     ))
   ] }, m[s])) });
-}, ie = (t) => /* @__PURE__ */ e(
+}, re = (t) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -560,7 +562,7 @@ const te = (t) => {
     )
   }
 );
-function re(t, i) {
+function se(t, i) {
   if (t.length !== i.length) return !1;
   t.sort(), i.sort();
   for (let n = 0; n < t.length; n++) if (t[n] !== i[n]) return !1;
@@ -569,7 +571,7 @@ function re(t, i) {
 const b = 16, w = "dgsuikit:p-4 dgsuikit:pl-0 dgsuikit:text-gray-500 dgsuikit:bg-gray-50 dgsuikit:border-b dgsuikit:border-solid dgsuikit:border-gray-200", T = "dgsuikit:!h-8 dgsuikit:shrink-0 dgsuikit:mr-2";
 function S(t, i) {
   return /* @__PURE__ */ e("button", { onClick: () => i.onSort(t), children: /* @__PURE__ */ e(
-    t === "ascend" ? ie : $,
+    t === "ascend" ? re : F,
     {
       width: b,
       height: b,
@@ -581,7 +583,7 @@ function A(t, i) {
   return /* @__PURE__ */ o("div", { className: "dgsuikit:font-p1-medium dgsuikit:flex dgsuikit:items-center dgsuikit:space-x-1", children: [
     /* @__PURE__ */ e("span", { children: t }),
     i && (i.anchorIcon ?? /* @__PURE__ */ e(
-      F,
+      U,
       {
         width: b,
         height: b
@@ -589,10 +591,10 @@ function A(t, i) {
     ))
   ] });
 }
-function R(t, i) {
+function B(t, i) {
   return t.map((n) => n[i]);
 }
-const se = (t) => {
+const ne = (t) => {
   const { haveHeader: i } = t, { columns: n, rowKey: l, rowSelection: s, data: a, stickyTableHeader: c } = y();
   return /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
     I(s) && /* @__PURE__ */ e(
@@ -609,11 +611,11 @@ const se = (t) => {
         children: /* @__PURE__ */ o("div", { className: "dgsuikit:flex dgsuikit:items-center dgsuikit:justify-between", children: [
           K(s?.align, {
             checked: s.selectedRowKeys.length > 0,
-            isIndeterminate: !re(
-              R(a, l),
+            isIndeterminate: !se(
+              B(a, l),
               s.selectedRowKeys
             ),
-            onChange: (r) => s?.onSelectRow(r, r.target.checked ? R(a, l) : [])
+            onChange: (r) => s?.onSelectRow(r, r.target.checked ? B(a, l) : [])
           }),
           /* @__PURE__ */ e(
             x,
@@ -675,7 +677,7 @@ const se = (t) => {
     ))
   ] }) });
 };
-function he(t) {
+function pe(t) {
   const {
     header: i,
     wrapperClassName: n,
@@ -694,7 +696,7 @@ function he(t) {
       ),
       children: [
         g && /* @__PURE__ */ e(
-          Z,
+          G,
           {
             ...i,
             total: a?.totalCount ?? s.length
@@ -704,21 +706,21 @@ function he(t) {
           k,
           {
             ...c !== "fixed" ? { className: u("dgsuikit:overflow-x-auto dgsuikit:h-full", r) } : {},
-            children: /* @__PURE__ */ e(Y, { ...t, children: /* @__PURE__ */ o(
+            children: /* @__PURE__ */ e(Z, { ...t, children: /* @__PURE__ */ o(
               "table",
               {
                 className: l,
                 style: { tableLayout: c },
                 children: [
-                  /* @__PURE__ */ e(se, { haveHeader: g }),
-                  /* @__PURE__ */ e(te, { havePagination: d })
+                  /* @__PURE__ */ e(ne, { haveHeader: g }),
+                  /* @__PURE__ */ e(ie, { havePagination: d })
                 ]
               }
             ) })
           }
         ),
         d && /* @__PURE__ */ e(
-          U,
+          W,
           {
             className: u("dgsuikit:py-4 dgsuikit:!px-0", a?.className),
             ...a
@@ -729,5 +731,5 @@ function he(t) {
   );
 }
 export {
-  he as default
+  pe as default
 };

package/dist/{TextFieldWrapper-DAv2s5vj.js → TextFieldWrapper-DJnrmooN.js}

@@ -2,7 +2,7 @@
 import { jsxs as t, Fragment as w, jsx as r } from "react/jsx-runtime";
 import { c as p } from "./clsx-OuTLNxxd.js";
 import C from "react";
-import { F as j } from "./FieldBottomInfo-C_QkvgNP.js";
+import { F as j } from "./FieldBottomInfo-Bb3s_zkd.js";
 import './assets/styles.css';/* empty css                */
 const E = (a) => {
   const { link: i, labelContent: e, required: o, disabled: n, labelAddon: d } = a;

package/dist/{TextFieldWrapper-DA0qiI_m.cjs → TextFieldWrapper-GdanVaoy.cjs}

@@ -1 +1 @@
-"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),x=require("./clsx-C11secjj.cjs"),q=require("react"),w=require("./FieldBottomInfo-CSd_EdIe.cjs");;/* empty css                  */const m=d=>{const{link:i,labelContent:s,required:a,disabled:r,labelAddon:n}=d;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:x.clsx("dgsuikit:flex",{"dgsuikit:justify-between":s&&i?.href,"dgsuikit:mb-2":!n,"dgsuikit:justify-start":s&&!i?.href,"dgsuikit:justify-end":!s&&i?.href,"dgsuikit:text-gray-400":r}),children:[s&&e.jsxs("label",{className:"dgsuikit:px-0 dgsuikit:font-p2-medium dgsuikit:md:mx-0",children:[s,a&&e.jsx("span",{className:"dgsuikit:ms-2 dgsuikit:text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgsuikit:font-button-small dgsuikit:text-primary-400",children:i.cnotent})]}),n]})},C=d=>{const{labelContent:i,link:s,containerClassName:a,rightIcon:r,isError:n,errorMessage:l,hintMessage:g,required:f,labelAddon:p,maxLength:u,disabled:t,value:b,wrapperClassName:o,showMaxLength:j,children:y}=d,c=!!(l||g||u&&j),k=!!(i||s?.href),v=c||k||o?"div":q.Fragment,N=F=>{const h=F.currentTarget.querySelector("textarea, input");h&&h.focus()};return e.jsxs(v,{...o?{className:o}:{},children:[k&&e.jsx(m,{disabled:t,labelContent:i,link:s,required:f,labelAddon:p}),e.jsxs("div",{onClick:N,className:x.clsx(`dgsuikit:relative dgsuikit:cursor-text dgsuikit:border dgsuikit:border-solid dgsuikit:rounded-lg dgsuikit:ring-4 dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-x-3 dgsuikit:p-3 dgsuikit:bg-gray-100 dgsuikit:transition-all dgsuikit:ring-transparent dgsuikit:has-[:focus]:bg-white ${!t&&"dgsuikit:hover:ring-gray-50"}`,n||l?"dgsuikit:border-error-500 dgsuikit:has-[:focus]:ring-error-50":`dgsuikit:border-transparent dgsuikit:has-[:focus]:border-primary-500 dgsuikit:has-[:focus]:ring-primary-50 ${!t&&"dgsuikit:hover:border-gray-300"}`,a,{"dgsuikit:text-gray-400":t}),children:[r&&e.jsx("div",{className:"dgsuikit:text-gray-600",children:r}),y]}),c&&e.jsx(w.FieldBottomInfo,{disabled:t,errorMessage:l,hintMessage:g,extraHelper:u&&e.jsxs("span",{className:"dgsuikit:ss02",children:[b?.toString()?.length??0,"/",u]})})]})};exports.FieldLabel=m;exports.TextFieldWrapper=C;
+"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),x=require("./clsx-C11secjj.cjs"),q=require("react"),w=require("./FieldBottomInfo-CwNgNyMP.cjs");;/* empty css                  */const m=d=>{const{link:i,labelContent:s,required:a,disabled:r,labelAddon:n}=d;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:x.clsx("dgsuikit:flex",{"dgsuikit:justify-between":s&&i?.href,"dgsuikit:mb-2":!n,"dgsuikit:justify-start":s&&!i?.href,"dgsuikit:justify-end":!s&&i?.href,"dgsuikit:text-gray-400":r}),children:[s&&e.jsxs("label",{className:"dgsuikit:px-0 dgsuikit:font-p2-medium dgsuikit:md:mx-0",children:[s,a&&e.jsx("span",{className:"dgsuikit:ms-2 dgsuikit:text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgsuikit:font-button-small dgsuikit:text-primary-400",children:i.cnotent})]}),n]})},C=d=>{const{labelContent:i,link:s,containerClassName:a,rightIcon:r,isError:n,errorMessage:l,hintMessage:g,required:f,labelAddon:p,maxLength:u,disabled:t,value:b,wrapperClassName:o,showMaxLength:j,children:y}=d,c=!!(l||g||u&&j),k=!!(i||s?.href),v=c||k||o?"div":q.Fragment,N=F=>{const h=F.currentTarget.querySelector("textarea, input");h&&h.focus()};return e.jsxs(v,{...o?{className:o}:{},children:[k&&e.jsx(m,{disabled:t,labelContent:i,link:s,required:f,labelAddon:p}),e.jsxs("div",{onClick:N,className:x.clsx(`dgsuikit:relative dgsuikit:cursor-text dgsuikit:border dgsuikit:border-solid dgsuikit:rounded-lg dgsuikit:ring-4 dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-x-3 dgsuikit:p-3 dgsuikit:bg-gray-100 dgsuikit:transition-all dgsuikit:ring-transparent dgsuikit:has-[:focus]:bg-white ${!t&&"dgsuikit:hover:ring-gray-50"}`,n||l?"dgsuikit:border-error-500 dgsuikit:has-[:focus]:ring-error-50":`dgsuikit:border-transparent dgsuikit:has-[:focus]:border-primary-500 dgsuikit:has-[:focus]:ring-primary-50 ${!t&&"dgsuikit:hover:border-gray-300"}`,a,{"dgsuikit:text-gray-400":t}),children:[r&&e.jsx("div",{className:"dgsuikit:text-gray-600",children:r}),y]}),c&&e.jsx(w.FieldBottomInfo,{disabled:t,errorMessage:l,hintMessage:g,extraHelper:u&&e.jsxs("span",{className:"dgsuikit:ss02",children:[b?.toString()?.length??0,"/",u]})})]})};exports.FieldLabel=m;exports.TextFieldWrapper=C;

package/dist/Tooltip/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),p=require("../clsx-C11secjj.cjs"),c=require("react"),C=require("react-dom"),q=require("../useFlipPosition-CWhLgzoz.cjs");;/* empty css                   */const I={bottom:"dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-right":"dgsuikit:left-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-left":"dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",top:"dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-right":"dgsuikit:left-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-left":"dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"},_={bottom:"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","bottom-right":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0","bottom-center":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","bottom-left":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",top:"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0","top-right":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0","top-center":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","top-left":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"},A=u=>{const{content:g,footer:n,title:i,icon:s,className:k,position:e="top-center",open:o,ref:a}=u;return t.jsxs("div",{ref:a,className:p.clsx(k,"dgsuikit:absolute dgsuikit:p-4 dgsuikit:flex dgsuikit:gap-2 dgsuikit:max-w-[400px] dgsuikit:bg-gray-700 dgsuikit:text-white dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:shadow-md dgsuikit:transition dgsuikit:duration-300 dgsuikit:w-max dgsuikit:z-50",o?"dgsuikit:opacity-100 dgsuikit:scale-100":"dgsuikit:opacity-0 dgsuikit:scale-0",_[e]),children:[s&&t.jsx("span",{className:"dgsuikit:shrink-0 dgsuikit:[&_svg]:size-5 dgsuikit:pt-1",children:s}),t.jsxs("div",{className:"dgsuikit:flex dgsuikit:flex-col dgsuikit:gap-1 dgsuikit:font-p2-regular",children:[i&&t.jsx("div",{className:"dgsuikit:font-h5-bold",children:i}),g,n]}),t.jsx("div",{className:p.clsx("dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45",I[e])})]})},M=u=>{const{children:g,content:n,className:i,wrapperClassName:s,footer:k,icon:e,position:o="top-center",title:a,disabled:N,attachToBody:b}=u,[h,x]=c.useState(!1),[w,S]=c.useState(o),{anchorRef:l,popperRef:T}=q.useFlipPosition({initialPosition:o,onPositionChange(d){S(r=>r===d?r:d)}});function m(){N||x(!0)}function f(){x(!1)}const y=t.jsx(A,{ref:T,open:h,title:a,icon:e,footer:k,className:i,position:w,content:n}),j=c.useMemo(()=>{if(!l.current||!b)return{};const{top:d,left:r,width:P,height:v}=l.current.getBoundingClientRect();return{top:`${d+window.scrollY}px`,left:`${r+window.scrollX}px`,width:`${P}px`,height:`${v}px`}},[h]);return t.jsxs("div",{ref:l,className:p.clsx("dgsuikit:relative",s),onMouseEnter:m,onTouchStart:m,onMouseLeave:f,onTouchEnd:f,children:[g,b?C.createPortal(t.jsx("div",{className:"dgsuikit:absolute",style:{...j},children:y}),document.body):y]})};module.exports=M;
+"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),b=require("../clsx-C11secjj.cjs"),p=require("react"),C=require("react-dom"),I=require("../useFlipPosition-dndhl72A.cjs"),w=require("../isBrowser-Bczqv-hd.cjs");;/* empty css                   */const _={bottom:"dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-right":"dgsuikit:left-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-left":"dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",top:"dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-right":"dgsuikit:left-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-left":"dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"},A={bottom:"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","bottom-right":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0","bottom-center":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","bottom-left":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",top:"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0","top-right":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0","top-center":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","top-left":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"},B=u=>{const{content:g,footer:n,title:i,icon:s,className:k,position:e="top-center",open:o,ref:a}=u;return t.jsxs("div",{ref:a,className:b.clsx(k,"dgsuikit:absolute dgsuikit:p-4 dgsuikit:flex dgsuikit:gap-2 dgsuikit:max-w-[400px] dgsuikit:bg-gray-700 dgsuikit:text-white dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:shadow-md dgsuikit:transition dgsuikit:duration-300 dgsuikit:w-max dgsuikit:z-50",o?"dgsuikit:opacity-100 dgsuikit:scale-100":"dgsuikit:opacity-0 dgsuikit:scale-0",A[e]),children:[s&&t.jsx("span",{className:"dgsuikit:shrink-0 dgsuikit:[&_svg]:size-5 dgsuikit:pt-1",children:s}),t.jsxs("div",{className:"dgsuikit:flex dgsuikit:flex-col dgsuikit:gap-1 dgsuikit:font-p2-regular",children:[i&&t.jsx("div",{className:"dgsuikit:font-h5-bold",children:i}),g,n]}),t.jsx("div",{className:b.clsx("dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45",_[e])})]})},M=u=>{const{children:g,content:n,className:i,wrapperClassName:s,footer:k,icon:e,position:o="top-center",title:a,disabled:N,attachToBody:l}=u,[h,x]=p.useState(!1),[S,T]=p.useState(o),{anchorRef:c,popperRef:j}=I.useFlipPosition({initialPosition:o,onPositionChange(d){T(r=>r===d?r:d)}});function m(){N||x(!0)}function f(){x(!1)}const y=t.jsx(B,{ref:j,open:h,title:a,icon:e,footer:k,className:i,position:S,content:n}),P=p.useMemo(()=>{if(!c.current||!l||!w.isBrowser())return{};const{top:d,left:r,width:v,height:q}=c.current.getBoundingClientRect();return{top:`${d+window?.scrollY}px`,left:`${r+window?.scrollX}px`,width:`${v}px`,height:`${q}px`}},[h,l]);return t.jsxs("div",{ref:c,className:b.clsx("dgsuikit:relative",s),onMouseEnter:m,onTouchStart:m,onMouseLeave:f,onTouchEnd:f,children:[g,l&&w.isBrowser()?C.createPortal(t.jsx("div",{className:"dgsuikit:absolute",style:{...P},children:y}),document?.body):y]})};module.exports=M;

package/dist/Tooltip/index.mjs

@@ -1,11 +1,12 @@
 "use client";
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { c as p } from "../clsx-OuTLNxxd.js";
-import { useState as N, useMemo as _ } from "react";
-import { createPortal as A } from "react-dom";
-import { u as M } from "../useFlipPosition-BWxiBDQ_.js";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { c as b } from "../clsx-OuTLNxxd.js";
+import { useState as N, useMemo as A } from "react";
+import { createPortal as M } from "react-dom";
+import { u as O } from "../useFlipPosition-D5Qjno2f.js";
+import { i as w } from "../isBrowser-Bkqg1t1y.js";
 import '../assets/styles.css';/* empty css                 */
-const O = {
+const E = {
   bottom: "dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",
   "bottom-right": "dgsuikit:left-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",
   "bottom-center": "dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",
@@ -14,7 +15,7 @@ const O = {
   "top-right": "dgsuikit:left-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br",
   "top-center": "dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br",
   "top-left": "dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"
-}, E = {
+}, L = {
   bottom: "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",
   "bottom-right": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0",
   "bottom-center": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
@@ -23,21 +24,21 @@ const O = {
   "top-right": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0",
   "top-center": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
   "top-left": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"
-}, L = (u) => {
+}, $ = (u) => {
   const { content: g, footer: n, title: i, icon: s, className: k, position: o = "top-center", open: d, ref: a } = u;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ p(
     "div",
     {
       ref: a,
-      className: p(
+      className: b(
         k,
         "dgsuikit:absolute dgsuikit:p-4 dgsuikit:flex dgsuikit:gap-2 dgsuikit:max-w-[400px] dgsuikit:bg-gray-700 dgsuikit:text-white dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:shadow-md dgsuikit:transition dgsuikit:duration-300 dgsuikit:w-max dgsuikit:z-50",
         d ? "dgsuikit:opacity-100 dgsuikit:scale-100" : "dgsuikit:opacity-0 dgsuikit:scale-0",
-        E[o]
+        L[o]
       ),
       children: [
         s && /* @__PURE__ */ t("span", { className: "dgsuikit:shrink-0 dgsuikit:[&_svg]:size-5 dgsuikit:pt-1", children: s }),
-        /* @__PURE__ */ c("div", { className: "dgsuikit:flex dgsuikit:flex-col dgsuikit:gap-1 dgsuikit:font-p2-regular", children: [
+        /* @__PURE__ */ p("div", { className: "dgsuikit:flex dgsuikit:flex-col dgsuikit:gap-1 dgsuikit:font-p2-regular", children: [
           i && /* @__PURE__ */ t("div", { className: "dgsuikit:font-h5-bold", children: i }),
           g,
           n
@@ -45,16 +46,16 @@ const O = {
         /* @__PURE__ */ t(
           "div",
           {
-            className: p(
+            className: b(
               "dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45",
-              O[o]
+              E[o]
             )
           }
         )
       ]
     }
   );
-}, X = (u) => {
+}, q = (u) => {
   const {
     children: g,
     content: n,
@@ -64,70 +65,70 @@ const O = {
     icon: o,
     position: d = "top-center",
     title: a,
-    disabled: w,
-    attachToBody: b
-  } = u, [m, f] = N(!1), [S, T] = N(d), { anchorRef: l, popperRef: v } = M({
+    disabled: S,
+    attachToBody: l
+  } = u, [m, f] = N(!1), [T, v] = N(d), { anchorRef: c, popperRef: P } = O({
     initialPosition: d,
     onPositionChange(e) {
-      T((r) => r === e ? r : e);
+      v((r) => r === e ? r : e);
     }
   });
   function h() {
-    w || f(!0);
+    S || f(!0);
   }
   function x() {
     f(!1);
   }
   const y = /* @__PURE__ */ t(
-    L,
+    $,
     {
-      ref: v,
+      ref: P,
       open: m,
       title: a,
       icon: o,
       footer: k,
       className: i,
-      position: S,
+      position: T,
       content: n
     }
-  ), P = _(() => {
-    if (!l.current || !b) return {};
-    const { top: e, left: r, width: C, height: I } = l.current.getBoundingClientRect();
+  ), C = A(() => {
+    if (!c.current || !l || !w()) return {};
+    const { top: e, left: r, width: I, height: _ } = c.current.getBoundingClientRect();
     return {
-      top: `${e + window.scrollY}px`,
-      left: `${r + window.scrollX}px`,
-      width: `${C}px`,
-      height: `${I}px`
+      top: `${e + window?.scrollY}px`,
+      left: `${r + window?.scrollX}px`,
+      width: `${I}px`,
+      height: `${_}px`
     };
-  }, [m]);
-  return /* @__PURE__ */ c(
+  }, [m, l]);
+  return /* @__PURE__ */ p(
     "div",
     {
-      ref: l,
-      className: p("dgsuikit:relative", s),
+      ref: c,
+      className: b("dgsuikit:relative", s),
       onMouseEnter: h,
       onTouchStart: h,
       onMouseLeave: x,
       onTouchEnd: x,
       children: [
         g,
-        b ? A(
+        l && w() ? M(
           /* @__PURE__ */ t(
             "div",
             {
               className: "dgsuikit:absolute",
               style: {
-                ...P
+                ...C
               },
               children: y
             }
           ),
-          document.body
+          document?.body
         ) : y
       ]
     }
   );
 };
 export {
-  X as default
+  q as default
 };