@dgshahr/ui-kit 0.0.88 → 0.0.90

package/dist/Table/index.mjs

@@ -0,0 +1,329 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { c as a } from "../clsx-OuTLNxxd.js";
+import T from "../Badge/index.mjs";
+import B from "../Button/index.mjs";
+import K from "../Form/Checkbox/index.mjs";
+import v from "../Tooltip/index.mjs";
+import { I as R } from "../IconArrowDown2-7ddwV5IE.js";
+import { I as j } from "../IconInfoCircleOutline-aO1F3qnG.js";
+import p from "../Divider/index.mjs";
+import I from "../Pagination/index.mjs";
+import '../assets/styles.css';/* empty css                 */
+const L = (t) => {
+  const { title: i, actionButton: r, showTotal: d, total: n, className: o } = t;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: a(
+        "dgs-ui-kit-p-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse dgs-ui-kit-border-b dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200",
+        o
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: "dgs-ui-kit-font-h4-bold dgs-ui-kit-text-gray-700 dgs-ui-kit-w-full", children: i }),
+        d && /* @__PURE__ */ u("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-shrink-0", children: [
+          /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-700 dgs-ui-kit-ml-1", children: "تعداد نتایج:" }),
+          /* @__PURE__ */ e(
+            T,
+            {
+              value: n ?? 0,
+              valueType: "number",
+              size: "large",
+              color: "primary",
+              type: "twoTone"
+            }
+          )
+        ] }),
+        r && /* @__PURE__ */ e(
+          B,
+          {
+            className: a("dgs-ui-kit-shrink-0", r.className),
+            ...r,
+            children: r.children ?? null
+          }
+        )
+      ]
+    }
+  );
+};
+function h(t) {
+  switch (t) {
+    case "center":
+      return "dgs-ui-kit-justify-center";
+    case "start":
+      return "dgs-ui-kit-justify-start";
+    case "end":
+      return "dgs-ui-kit-justify-end";
+    default:
+      return;
+  }
+}
+function C(t, i) {
+  return t || (Array.isArray(i) ? i[i.length - 1] : i);
+}
+function S(t) {
+  return !!(t && t.selectedRowKeys.length > 1 || typeof t?.onSelectRow == "function");
+}
+function A(t, i) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: a(
+        "dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-center",
+        h(t ?? "center")
+      ),
+      children: /* @__PURE__ */ e(K, { ...i })
+    }
+  );
+}
+function k(t, i) {
+  if (t)
+    return a("dgs-ui-kit-sticky dgs-ui-kit-translate-y-[1px] dgs-ui-kit-z-10", {
+      "dgs-ui-kit-right-0": t === "right",
+      "dgs-ui-kit-left-0": t === "left",
+      'after:dgs-ui-kit-content-[""] after:dgs-ui-kit-absolute after:dgs-ui-kit-bottom-0 after:dgs-ui-kit-right-0 after:dgs-ui-kit-w-full after:dgs-ui-kit-border-b after:dgs-ui-kit-border-solid after:dgs-ui-kit-border-gray-200': i
+    });
+}
+const y = "dgs-ui-kit-p-4 dgs-ui-kit-pl-0 dgs-ui-kit-bg-white dgs-ui-kit-border-b dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200";
+function D(t, i) {
+  return t ? Array.isArray(t) ? t.reduce((r, d) => r?.[d] ?? null, i) : i[t] : null;
+}
+function E(t, i, r) {
+  if (typeof t.render == "function") return t.render(i, r);
+  const d = D(t.dataIndex, i);
+  if (t.ellipsis) {
+    const n = /* @__PURE__ */ e("div", { className: "!dgs-ui-kit-truncate", children: d });
+    return typeof t.ellipsis != "boolean" && t.ellipsis.hideTooltip ? n : /* @__PURE__ */ e(
+      v,
+      {
+        wrapperClassName: "dgs-ui-kit-w-full",
+        content: d,
+        children: n
+      }
+    );
+  }
+  return d;
+}
+function H(t) {
+  const { data: i, columns: r, rowKey: d, rowSelection: n, havePagination: o } = t;
+  return /* @__PURE__ */ e("tbody", { children: i.map((s, g) => /* @__PURE__ */ u("tr", { children: [
+    S(n) && /* @__PURE__ */ e(
+      "td",
+      {
+        className: a(
+          y,
+          n?.className,
+          {
+            "dgs-ui-kit-border-b-0 dgs-ui-kit-rounded-br-2xl": !o && g === i.length - 1
+          },
+          k(n?.sticky),
+          n?.className
+        ),
+        children: A(n?.align, {
+          onChange: (l) => n?.onSelectRow(l, s[d]),
+          checked: !!n?.selectedRowKeys.find((l) => l === s[d])
+        })
+      }
+    ),
+    r.map((l) => /* @__PURE__ */ e(
+      "td",
+      {
+        className: a(
+          y,
+          {
+            "dgs-ui-kit-border-b-0 first:dgs-ui-kit-rounded-br-2xl last:dgs-ui-kit-rounded-bl-2xl": !o && g === i.length - 1
+          },
+          k(l?.sticky),
+          l.className
+        ),
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: a(
+              "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-ml-2",
+              h(l.align)
+            ),
+            children: E(l, s, g)
+          }
+        )
+      },
+      `${s[d]}-${C(l.key, l.dataIndex)}`
+    ))
+  ] }, s[d])) });
+}
+const P = (t) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...t,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M19.53 16.03a.75.75 0 0 1-.976.073l-.084-.073L12 9.561l-6.47 6.47a.75.75 0 0 1-.976.072l-.084-.073a.75.75 0 0 1-.073-.976l.073-.084 7-7a.75.75 0 0 1 .976-.073l.084.073 7 7a.75.75 0 0 1 0 1.06"
+      }
+    )
+  }
+);
+function _(t, i) {
+  if (t.length !== i.length) return !1;
+  t.sort(), i.sort();
+  for (let r = 0; r < t.length; r++) if (t[r] !== i[r]) return !1;
+  return !0;
+}
+const c = 16, b = "dgs-ui-kit-p-4 dgs-ui-kit-pl-0 dgs-ui-kit-text-gray-500 dgs-ui-kit-bg-gray-50 dgs-ui-kit-border-b dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200", w = "!dgs-ui-kit-h-8 dgs-ui-kit-shrink-0";
+function N(t, i) {
+  return /* @__PURE__ */ u("div", { className: "dgs-ui-kit-font-p1-medium dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse", children: [
+    /* @__PURE__ */ e("span", { children: t }),
+    i && (i.anchorIcon ?? /* @__PURE__ */ e(
+      j,
+      {
+        width: c,
+        height: c
+      }
+    ))
+  ] });
+}
+function x(t, i) {
+  return t.map((r) => r[i]);
+}
+function z(t) {
+  const { columns: i, haveHeader: r, rowSelection: d, rowKey: n, data: o } = t;
+  return /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ u("tr", { children: [
+    S(d) && /* @__PURE__ */ e(
+      "th",
+      {
+        className: a(
+          b,
+          { "dgs-ui-kit-rounded-tr-2xl": !r },
+          k(d?.sticky, !0),
+          d?.className
+        ),
+        children: /* @__PURE__ */ u("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-between", children: [
+          A(d?.align, {
+            checked: d.selectedRowKeys.length > 0,
+            isIndeterminate: !_(
+              x(o, n),
+              d.selectedRowKeys
+            ),
+            onChange: (s) => d?.onSelectRow(s, s.target.checked ? x(o, n) : [])
+          }),
+          /* @__PURE__ */ e(
+            p,
+            {
+              type: "vertical",
+              className: w
+            }
+          )
+        ] })
+      }
+    ),
+    i.map((s, g) => /* @__PURE__ */ e(
+      "th",
+      {
+        className: a(
+          b,
+          {
+            "first:dgs-ui-kit-rounded-tr-2xl last:dgs-ui-kit-rounded-tl-2xl": !r
+          },
+          k(s?.sticky, !0),
+          s.className
+        ),
+        children: /* @__PURE__ */ u("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center", children: [
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: a(
+                "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-w-full dgs-ui-kit-ml-2",
+                h(s.align)
+              ),
+              children: [
+                s.tooltip?.content ? /* @__PURE__ */ e(v, { ...s.tooltip, children: N(s.title, s.tooltip) }) : N(s.title),
+                typeof s.onSort == "function" && /* @__PURE__ */ u("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col", children: [
+                  /* @__PURE__ */ e("button", { onClick: () => s.onSort("ascend"), children: /* @__PURE__ */ e(
+                    P,
+                    {
+                      width: c,
+                      height: c
+                    }
+                  ) }),
+                  /* @__PURE__ */ e("button", { onClick: () => s.onSort("descend"), children: /* @__PURE__ */ e(
+                    R,
+                    {
+                      width: c,
+                      height: c
+                    }
+                  ) })
+                ] })
+              ]
+            }
+          ),
+          g !== i.length - 1 && /* @__PURE__ */ e(
+            p,
+            {
+              type: "vertical",
+              className: w
+            }
+          )
+        ] })
+      },
+      C(s.key, s.dataIndex)
+    ))
+  ] }) });
+}
+function W(t) {
+  const { header: i, wrapperClassName: r, className: d, columns: n, rowSelection: o, data: s, rowKey: g, pagination: l } = t, f = (i && Object.values(i).length > 0) ?? !1, m = !!(l?.totalCount && l?.pageSize);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: a(
+        "dgs-ui-kit-relative dgs-ui-kit-bg-white dgs-ui-kit-border dgs-ui-kit-border-gray-200 dgs-ui-kit-border-solid dgs-ui-kit-rounded-2xl",
+        r
+      ),
+      children: [
+        f && /* @__PURE__ */ e(
+          L,
+          {
+            ...i,
+            total: l?.totalCount ?? s.length
+          }
+        ),
+        /* @__PURE__ */ u("table", { className: d, children: [
+          /* @__PURE__ */ e(
+            z,
+            {
+              columns: n,
+              haveHeader: f,
+              rowKey: g,
+              rowSelection: o,
+              data: s
+            }
+          ),
+          /* @__PURE__ */ e(
+            H,
+            {
+              columns: n,
+              data: s,
+              rowKey: g,
+              rowSelection: o,
+              havePagination: m
+            }
+          )
+        ] }),
+        m && /* @__PURE__ */ e(
+          I,
+          {
+            className: a("dgs-ui-kit-py-4 !dgs-ui-kit-px-0", l?.className),
+            ...l
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  W as default
+};

package/dist/Table/types.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+import { DeepNamePath } from '../../utils/types/deepNamePath';
+import { ButtonProps } from '../Button';
+import { PaginationProps } from '../Pagination';
+import { TooltipProps } from '../Tooltip';
+type NonTypeSafeDataIndex = string | string[];
+type TypeSafeDataIndex<T> = keyof T | DeepNamePath<T>;
+type DataIndexPath<T> = [keyof T] extends [never] ? NonTypeSafeDataIndex : TypeSafeDataIndex<T>;
+export type UnknownRecord = Record<string, unknown>;
+interface ColumnsTypeBase<T> {
+    title?: string;
+    align?: 'start' | 'center' | 'end';
+    className?: string;
+    tooltip?: Omit<TooltipProps, 'children'> & {
+        anchorIcon?: ReactNode;
+    };
+    sticky?: 'left' | 'right';
+    ellipsis?: boolean | {
+        hideTooltip?: boolean;
+    };
+    render?: (record: T, index: number) => ReactNode;
+    onSort?: (sortOrder: 'ascend' | 'descend') => void;
+}
+interface ColumnsTypeWithKey<T> {
+    key: string;
+    dataIndex?: DataIndexPath<T>;
+}
+interface ColumnsTypeWithDataIndex<T> {
+    key?: string;
+    dataIndex: DataIndexPath<T>;
+}
+export type ColumnsType<T extends UnknownRecord = UnknownRecord> = ColumnsTypeBase<T> & (ColumnsTypeWithKey<T> | ColumnsTypeWithDataIndex<T>);
+export interface TableHeaderProps {
+    title?: string;
+    showTotal?: boolean;
+    actionButton?: ButtonProps;
+    className?: string;
+}
+export interface RowSelectionProps<T> extends Pick<ColumnsType, 'align' | 'sticky' | 'className'> {
+    onSelectRow: (e: React.ChangeEvent<HTMLInputElement>, key: string | string[], record?: T) => void;
+    selectedRowKeys: string[];
+}
+export interface TableProps<T extends UnknownRecord = UnknownRecord> {
+    data: T[];
+    columns: ColumnsType<T>[];
+    rowKey: [keyof T] extends [never] ? string : keyof T;
+    header?: TableHeaderProps;
+    rowSelection?: RowSelectionProps<T>;
+    pagination?: PaginationProps;
+    wrapperClassName?: string;
+    className?: string;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/Table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Table/types.ts"],"names":[],"mappings":"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"}

package/dist/Table/utils.d.ts

@@ -0,0 +1,8 @@
+import { ColumnsType, TableProps, UnknownRecord } from './types';
+import { CheckboxProps } from '../Form/Checkbox';
+export declare function getAlingmentClass(align: ColumnsType['align']): "dgs-ui-kit-justify-end" | "dgs-ui-kit-justify-center" | "dgs-ui-kit-justify-start" | undefined;
+export declare function getColumnKey(key: ColumnsType['key'], dataIndex: ColumnsType<UnknownRecord>['dataIndex']): string | undefined;
+export declare function isSelectionAvailable<T extends UnknownRecord>(rowSelection: TableProps<T>['rowSelection']): boolean;
+export declare function renderRowSelectCheckbox(alingment: ColumnsType['align'], checkboxProps?: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function getStickyClass(sticky: ColumnsType['sticky'], addAfterBorderBottom?: boolean): string | undefined;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/components/Table/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,mGAW5D;AAED,wBAAgB,YAAY,CAC1B,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,EACvB,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,sBAQnD;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,aAAa,EAC1D,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,WAM5C;AAED,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,EAC/B,aAAa,CAAC,EAAE,aAAa,2CAY9B;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC,EAAE,OAAO,sBAS3F"}

package/dist/{TextFieldWrapper-K0g1kAl1.cjs → TextFieldWrapper-CQbBbmlX.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-7YeZbp0-.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("dgs-ui-kit-flex",{"dgs-ui-kit-justify-between":s&&i?.href,"dgs-ui-kit-mb-2":!n,"dgs-ui-kit-justify-start":s&&!i?.href,"dgs-ui-kit-justify-end":!s&&i?.href,"dgs-ui-kit-text-gray-400":r}),children:[s&&e.jsxs("label",{className:"dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0",children:[s,a&&e.jsx("span",{className:"dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgs-ui-kit-font-button-small dgs-ui-kit-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(`dgs-ui-kit-relative dgs-ui-kit-cursor-text dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-lg dgs-ui-kit-ring-4 dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-gap-x-3 dgs-ui-kit-p-3 dgs-ui-kit-bg-gray-100 dgs-ui-kit-transition-all dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-bg-white ${!t&&"hover:dgs-ui-kit-ring-gray-50"}`,n||l?"dgs-ui-kit-border-error-500 has-[:focus]:dgs-ui-kit-ring-error-50":`dgs-ui-kit-border-transparent has-[:focus]:dgs-ui-kit-border-primary-500 has-[:focus]:dgs-ui-kit-ring-primary-50 ${!t&&"hover:dgs-ui-kit-border-gray-300"}`,a,{"dgs-ui-kit-text-gray-400":t}),children:[r&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:r}),y]}),c&&e.jsx(w.FieldBottomInfo,{disabled:t,errorMessage:l,hintMessage:g,extraHelper:u&&e.jsxs("span",{className:"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-CE1uBAqq.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("dgs-ui-kit-flex",{"dgs-ui-kit-justify-between":s&&i?.href,"dgs-ui-kit-mb-2":!n,"dgs-ui-kit-justify-start":s&&!i?.href,"dgs-ui-kit-justify-end":!s&&i?.href,"dgs-ui-kit-text-gray-400":r}),children:[s&&e.jsxs("label",{className:"dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0",children:[s,a&&e.jsx("span",{className:"dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgs-ui-kit-font-button-small dgs-ui-kit-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(`dgs-ui-kit-relative dgs-ui-kit-cursor-text dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-lg dgs-ui-kit-ring-4 dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-gap-x-3 dgs-ui-kit-p-3 dgs-ui-kit-bg-gray-100 dgs-ui-kit-transition-all dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-bg-white ${!t&&"hover:dgs-ui-kit-ring-gray-50"}`,n||l?"dgs-ui-kit-border-error-500 has-[:focus]:dgs-ui-kit-ring-error-50":`dgs-ui-kit-border-transparent has-[:focus]:dgs-ui-kit-border-primary-500 has-[:focus]:dgs-ui-kit-ring-primary-50 ${!t&&"hover:dgs-ui-kit-border-gray-300"}`,a,{"dgs-ui-kit-text-gray-400":t}),children:[r&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:r}),y]}),c&&e.jsx(w.FieldBottomInfo,{disabled:t,errorMessage:l,hintMessage:g,extraHelper:u&&e.jsxs("span",{className:"ss02",children:[b?.toString()?.length??0,"/",u]})})]})};exports.FieldLabel=m;exports.TextFieldWrapper=C;

package/dist/{TextFieldWrapper-44165bs_.js → TextFieldWrapper-CQgQsfMJ.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-B1n-gK3T.js";
+import { F as j } from "./FieldBottomInfo-CJ8_Kr25.js";
 import './assets/styles.css';/* empty css                */
 const E = (d) => {
   const { link: i, labelContent: e, required: o, disabled: n, labelAddon: a } = d;

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"),i=require("../clsx-C11secjj.cjs"),n=require("react"),S=require("../useFlipPosition-CLwjhe7O.cjs");;/* empty css                   */const T={"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"},j={"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"},v=l=>{const{children:c,content:p,className:b,wrapperClassName:x,footer:f,icon:s,position:d="top-center",title:e}=l,[h,u]=n.useState(!1),[o,m]=n.useState(d),{anchorRef:y,popperRef:N}=S.useFlipPosition({initialPosition:d,onPositionChange(k){m(a=>a===k?a:k)}});function r(){u(!0)}function g(){u(!1)}return t.jsxs("div",{ref:y,className:i.clsx("dgs-ui-kit-relative",x),onMouseEnter:r,onTouchStart:r,onMouseLeave:g,onTouchEnd:g,children:[c,t.jsxs("div",{ref:N,className:i.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",h?"dgs-ui-kit-opacity-100 dgs-ui-kit-scale-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-scale-0",j[o]),children:[s&&t.jsx("span",{className:"dgs-ui-kit-shrink-0 [&_svg]:dgs-ui-kit-size-5 dgs-ui-kit-pt-1",children:s}),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:[e&&t.jsx("div",{className:"dgs-ui-kit-font-h5-bold",children:e}),p,f]}),t.jsx("div",{className:i.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",T[o])})]})]})};module.exports=v;

package/dist/Tooltip/index.d.ts

@@ -1,19 +1,13 @@
 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;
     footer?: ReactNode;
     className?: string;
+    wrapperClassName?: string;
     children: ReactNode;
 }
 declare const Tooltip: FC<TooltipProps>;

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,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAqE7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Tooltip/index.mjs

@@ -1,70 +1,79 @@
 "use client";
 import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { c as r } from "../clsx-OuTLNxxd.js";
-import { useState as p } from "react";
+import { c as s } from "../clsx-OuTLNxxd.js";
+import { useState as n } from "react";
+import { u as T } from "../useFlipPosition-pGmVUUhs.js";
 import '../assets/styles.css';/* empty css                 */
-const m = {
-  "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"
-}, f = {
-  "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"
-}, S = (k) => {
+const v = {
+  "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"
+}, w = {
+  "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"
+}, C = (c) => {
   const {
-    children: a,
-    content: l,
-    className: n,
-    footer: c,
-    icon: s,
-    tailPosition: d = "bottom-center",
-    title: u
-  } = k, [b, e] = p(!1);
+    children: p,
+    content: b,
+    className: m,
+    wrapperClassName: f,
+    footer: h,
+    icon: d,
+    position: o = "top-center",
+    title: e
+  } = c, [x, u] = n(!1), [r, y] = n(o), { anchorRef: N, popperRef: S } = T({
+    initialPosition: o,
+    onPositionChange(a) {
+      y((l) => l === a ? l : a);
+    }
+  });
   function g() {
-    e(!0);
+    u(!0);
   }
-  function o() {
-    e(!1);
+  function k() {
+    u(!1);
   }
   return /* @__PURE__ */ t(
     "div",
     {
-      className: "dgs-ui-kit-relative",
+      ref: N,
+      className: s("dgs-ui-kit-relative", f),
       onMouseEnter: g,
       onTouchStart: g,
-      onMouseLeave: o,
-      onTouchEnd: o,
+      onMouseLeave: k,
+      onTouchEnd: k,
       children: [
-        a,
+        p,
         /* @__PURE__ */ t(
           "div",
           {
-            className: r(
-              n,
-              "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",
-              b ? "dgs-ui-kit-opacity-100 dgs-ui-kit-scale-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-scale-0",
-              f[d]
+            ref: S,
+            className: s(
+              m,
+              "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",
+              x ? "dgs-ui-kit-opacity-100 dgs-ui-kit-scale-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-scale-0",
+              w[r]
             ),
             children: [
-              s && /* @__PURE__ */ i("span", { className: "dgs-ui-kit-shrink-0 [&_svg]:dgs-ui-kit-size-5 dgs-ui-kit-pt-1", children: s }),
+              d && /* @__PURE__ */ i("span", { className: "dgs-ui-kit-shrink-0 [&_svg]:dgs-ui-kit-size-5 dgs-ui-kit-pt-1", children: d }),
               /* @__PURE__ */ t("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-font-p2-regular", children: [
-                u && /* @__PURE__ */ i("div", { className: "dgs-ui-kit-font-h5-bold", children: u }),
-                l,
-                c
+                e && /* @__PURE__ */ i("div", { className: "dgs-ui-kit-font-h5-bold", children: e }),
+                b,
+                h
               ] }),
               /* @__PURE__ */ i(
                 "div",
                 {
-                  className: r(
+                  className: s(
                     "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",
-                    m[d]
+                    v[r]
                   )
                 }
               )
@@ -76,5 +85,5 @@ const m = {
   );
 };
 export {
-  S as default
+  C as default
 };