qaema-ui 0.0.27 → 0.0.29

package/dist/_virtual/index2.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
+var a = t();
+const m = /* @__PURE__ */ r(a);
 export {
-  s as default
+  m as default
 };

package/dist/_virtual/index3.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
-var a = t();
-const m = /* @__PURE__ */ r(a);
+import { __require as o } from "../node_modules/shallowequal/index.js";
+var a = o();
+const t = /* @__PURE__ */ r(a);
 export {
-  m as default
+  t as default
 };

package/dist/_virtual/index4.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/shallowequal/index.js";
-var a = o();
-const t = /* @__PURE__ */ r(a);
+import { __require as o } from "../node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  t as default
+  s as default
 };

package/dist/assets/icons/RiyalIcon.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 type SaudiRiyalIconProps = React.SVGProps<SVGSVGElement> & {
     color?: string;
 };

package/dist/components/AccordionCard.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export interface Transaction {
     id: string;
     amount: number;

package/dist/components/ActionInput.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { ButtonProps } from './Button';
+import React from 'react';
+import type { ButtonProps } from './Button';
 export type ActionInputProps = {
     initialExpanded?: boolean;
     onApply?: (code: string) => void;

package/dist/components/AddOnCardInput.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { AddOnCardProps } from './AddOnCard';
+import type React from 'react';
+import { type AddOnCardProps } from './AddOnCard';
 type AddOnCardInputOption = {
     data: AddOnCardProps;
     value: string;

package/dist/components/Alert.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export type AlertType = 'information' | 'error' | 'success' | 'warning' | 'default';
 type AlertProps = {
     alertType?: AlertType;

package/dist/components/AmountItem.d.ts

@@ -1,5 +1,5 @@
-import { AmountCellData, CellType } from './Table/Table.types';
-import { TypographyProps } from './Typography';
+import type { AmountCellData, CellType } from './Table/Table.types';
+import { type TypographyProps } from './Typography';
 type AmountItemProps = {
     data: AmountCellData;
     type?: CellType;

package/dist/components/Badge.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { BadgeVariant } from '../hooks/useBadgeVariant';
-import { FontWeight } from '../theme/theme';
+import type { ReactNode } from 'react';
+import { type BadgeVariant } from '@hooks/useBadgeVariant';
+import type { FontWeight } from '@theme/theme';
 export type BadgeProps = {
     bgColor?: string;
     color?: string;

package/dist/components/Button.d.ts

@@ -1,5 +1,6 @@
-import { default as React, ReactNode } from 'react';
-import { ButtonVariant } from '../hooks/useButtonVariant';
+import React from 'react';
+import type { ReactNode } from 'react';
+import { type ButtonVariant } from '@hooks/useButtonVariant';
 type ButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
 type ButtonType = 'button' | 'submit' | 'reset';
 export type ButtonProps = {

package/dist/components/Card.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export type CardProps = {
     children?: React.ReactNode;
     className?: string;

package/dist/components/CardsList.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { ButtonVariant } from 'react-bootstrap/esm/types';
+import React from 'react';
+import type { ButtonVariant } from 'react-bootstrap/esm/types';
 type cardListItem = {
     primaryButtonTitle: string;
     primaryButtonOnClick?: (item: cardListItem) => void;

package/dist/components/Chart.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 type ChartType = 'area' | 'line' | 'bar' | 'pie';
 type ChartDataType = {
     [key: string]: string | number | undefined;

package/dist/components/ChartLegend/ChartLegend.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { LegendItem } from '../Chart';
+import React from 'react';
+import type { LegendItem } from '@components/Chart';
 interface ChartLegendProps {
     yColor: string;
     yyColor?: string;

package/dist/components/ChartLegend/ChartLegend.js

@@ -1,27 +1,28 @@
 import { j as e } from "../../_virtual/jsx-runtime.js";
 import "react";
-import { useTheme as d } from "styled-components";
+import { useTheme as c } from "styled-components";
 import h from "../../assets/svg/Riyal.svg.js";
 import g from "../Image.js";
 import i from "../Typography.js";
 import { StyledLegendContainer as p, LegendRow as x, LegendName as j, LegendValue as u } from "./styles.js";
-const C = ({ yColor: o, yyColor: m, legendItems: n }) => {
-  const s = d();
+const C = ({ yColor: s, yyColor: m, legendItems: n }) => {
+  const o = c();
   if (n && n.length)
     return /* @__PURE__ */ e.jsx(p, { children: n.map((r, t) => {
-      const l = r.showRiyal ?? !0, a = r.value, c = r.color ?? (t === 1 ? m ?? o : o);
+      const l = r.showRiyal ?? !0, a = r.value, d = r.color ?? (t === 1 ? m ?? s : s);
       return /* @__PURE__ */ e.jsxs(x, { children: [
         /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx("span", { className: "legend-dot", style: { background: c } }),
+          /* @__PURE__ */ e.jsx("span", { className: "legend-dot", style: { background: d } }),
           /* @__PURE__ */ e.jsx(i, { variant: "mdText", weight: "semiBold", children: r.name })
         ] }),
         /* @__PURE__ */ e.jsx(u, { children: a && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          l && /* @__PURE__ */ e.jsx(g, { src: h, style: { verticalAlign: "middle" }, width: s.spacing.sm, height: s.spacing.sm }),
+          l && /* @__PURE__ */ e.jsx(g, { src: h, style: { verticalAlign: "middle" }, width: o.spacing.sm, height: o.spacing.sm }),
           /* @__PURE__ */ e.jsx(i, { variant: "mdText", children: a })
         ] }) })
       ] }, `${r.name}-${t}`);
     }) });
 };
 export {
-  C as ChartLegend
+  C as ChartLegend,
+  C as default
 };

package/dist/components/ChartLegend/PieChartLegend.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 type PieChartLegendItem = {
     name: string;
     value: number;

package/dist/components/ChartLegend/styles.d.ts

@@ -1,5 +1,5 @@
-export declare const StyledLegendContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PieLegendContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LegendRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LegendName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const LegendValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledLegendContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PieLegendContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const LegendValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/CollapsableCard.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export type CollapsableCardProps = {
     initialExpanded?: boolean;
     title?: string;

package/dist/components/ConfigList.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export type ConfigStatus = 'active' | 'inactive' | string;
 export type ConfigItem = {
     id: string | number;

package/dist/components/ConfirmationPopup.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export type ConfirmationPopupProps = {
     variant?: string;
     item: string;

package/dist/components/DatePicker.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export interface DatePickerProps {
     value: Date | null;
     onChange: (date: Date | null) => void;

package/dist/components/DatePicker.js

@@ -4,7 +4,7 @@ import { useTranslation as te } from "react-i18next";
 import { FaRegCalendarAlt as oe, FaAngleDown as ne, FaAngleLeft as se } from "../node_modules/react-icons/fa/index.js";
 import i, { useTheme as ie } from "styled-components";
 import ae from "./Hint.js";
-import { format as b } from "../node_modules/date-fns/format.js";
+import { formatDate as b } from "../node_modules/date-fns/format.js";
 import { parse as le } from "../node_modules/date-fns/parse.js";
 import { isBefore as L } from "../node_modules/date-fns/isBefore.js";
 import { isAfter as z } from "../node_modules/date-fns/isAfter.js";

package/dist/components/Divider.d.ts

@@ -1,7 +1,7 @@
 export type DividerProps = {
     marginVertical?: string;
 };
-declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>, DividerProps>, DividerProps>> & string;
 export default Divider;

package/dist/components/Draggable.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export type UploadState = 'idle-drag' | 'hover-drag' | 'pressed-drag';
 export type DraggableFile = File & {
     data?: string;

package/dist/components/DropDown.d.ts

@@ -1,4 +1,4 @@
-import { StringOrNumberRecord } from 'types/objects.types';
+import type { StringOrNumberRecord } from 'types/objects.types';
 export type DropDownOptionValue = StringOrNumberRecord | string | number;
 export type DropDownOption = {
     label: string;

package/dist/components/DropDownWithTable/DropDownWithTable.d.ts

@@ -1,3 +1,3 @@
-import { DropDownWithTableProps } from './DropDownWithTable.types';
+import type { DropDownWithTableProps } from './DropDownWithTable.types';
 declare const DropDownWithTable: <T extends Record<string, unknown>>(props: DropDownWithTableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default DropDownWithTable;

package/dist/components/DropDownWithTable/DropDownWithTable.types.d.ts

@@ -1,4 +1,4 @@
-import { TableColumn } from './Table/Table.types';
+import type { TableColumn } from './Table/Table.types';
 export interface DropDownWithTableProps<T extends Record<string, unknown>> {
     label?: string;
     options: T[];

package/dist/components/DropDownWithTable/Table/Table.d.ts

@@ -1,3 +1,3 @@
-import { TableProps } from './Table.types';
+import type { TableProps } from './Table.types';
 declare function Table<T extends Record<string, unknown>>({ columns, data, keyField, selectable, onRowSelect, rowActions, stickyHeader, loading, emptyStateMessage, pagination, onRowClick, rowClassName, isRowDisabled, breakpoint, alignHeader, isTableHeadVisible, isRowSelected: externalIsRowSelected, }: Readonly<TableProps<T>>): import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/components/DropDownWithTable/Table/Table.js

@@ -1,25 +1,25 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { useState as v, useEffect as L, useMemo as N } from "react";
-import { useTranslation as Q } from "react-i18next";
-import U from "../../Spinner.js";
-import X from "../../Pagination.js";
-import Y from "../../Typography.js";
-import O, { CheckboxCell as Z } from "./components/CellComponents.js";
+import { useState as v, useEffect as L, useMemo as Q } from "react";
+import { useTranslation as U } from "react-i18next";
+import X from "../../Spinner.js";
+import Y from "../../Pagination.js";
+import Z from "../../Typography.js";
+import O, { CheckboxCell as H } from "./components/CellComponents.js";
 import z from "./components/TableHead.js";
-import { TableContainer as H, LoadingOverlay as D, TablesWrapper as k, DataScrollBox as F, StyledTable as R, TableBody as W, EmptyState as w, TableRow as y, TableCellContainer as b, ActionsTable as ee, TableFooter as te } from "./Table.styles.js";
-function me({
+import { TableContainer as D, LoadingOverlay as k, TablesWrapper as F, DataScrollBox as R, StyledTable as w, TableBody as W, EmptyState as ee, TableRow as y, TableCellContainer as b, ActionsTable as te, TableFooter as ne } from "./Table.styles.js";
+function xe({
   columns: T,
-  data: i,
-  keyField: r,
-  selectable: u = !1,
+  data: n,
+  keyField: l,
+  selectable: j = !1,
   onRowSelect: m,
   rowActions: x,
   stickyHeader: $ = !1,
   loading: f = !1,
   emptyStateMessage: I,
-  pagination: n,
-  onRowClick: a,
-  rowClassName: j,
+  pagination: s,
+  onRowClick: u,
+  rowClassName: p,
   isRowDisabled: d,
   breakpoint: _ = "md",
   alignHeader: C = "start",
@@ -27,7 +27,7 @@ function me({
   isTableHeadVisible: K = !1,
   isRowSelected: S
 }) {
-  const [h, p] = v([]), [B, g] = v(_), [M, A] = v(null), { t: V } = Q();
+  const [h, g] = v([]), [B, P] = v(_), [M, A] = v(null), { t: N } = U();
   L(() => {
     const e = () => {
       A(null);
@@ -37,63 +37,63 @@ function me({
     };
   }, []), L(() => {
     const e = () => {
-      const l = window.innerWidth;
-      l < 576 ? g("sm") : l < 992 ? g("md") : g("lg");
+      const i = window.innerWidth;
+      i < 576 ? P("sm") : i < 992 ? P("md") : P("lg");
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const P = N(() => T.filter((e) => typeof e.hidden == "function" ? !e.hidden(B) : !e.hidden), [T, B]), q = () => {
-    h.length === i.length ? p([]) : p([...i]), m && m(h.length === i.length ? [] : [...i]);
+  const a = Q(() => T.filter((e) => typeof e.hidden == "function" ? !e.hidden(B) : !e.hidden), [T, B]), V = () => {
+    h.length === n.length ? g([]) : g([...n]), m && m(h.length === n.length ? [] : [...n]);
+  }, q = (e) => {
+    const i = h.filter((r) => e[l] === r[l]);
+    return i && i.length > 0;
   }, G = (e) => {
-    const l = h.filter((s) => e[r] === s[r]);
-    return l && l.length > 0;
-  }, J = (e) => {
-    const l = h.some((o) => o[r] === e[r]);
-    let s;
-    l ? s = h.filter((o) => o[r] !== e[r]) : s = [...h, e], p(s), m && m(s);
+    const i = h.some((o) => o[l] === e[l]);
+    let r;
+    i ? r = h.filter((o) => o[l] !== e[l]) : r = [...h, e], g(r), m && m(r);
   };
-  return /* @__PURE__ */ t.jsxs(H, { children: [
-    f && /* @__PURE__ */ t.jsx(D, { children: /* @__PURE__ */ t.jsx(U, { size: "3rem" }) }),
-    /* @__PURE__ */ t.jsxs(k, { children: [
-      /* @__PURE__ */ t.jsx(F, { children: /* @__PURE__ */ t.jsxs(R, { children: [
+  return /* @__PURE__ */ t.jsxs(D, { children: [
+    f && /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(X, { size: "3rem" }) }),
+    /* @__PURE__ */ t.jsxs(F, { children: [
+      /* @__PURE__ */ t.jsx(R, { children: /* @__PURE__ */ t.jsxs(w, { children: [
         K && /* @__PURE__ */ t.jsx(
           z,
           {
-            data: i,
-            handleSelectAll: q,
+            data: n,
+            handleSelectAll: V,
             selectedRows: h,
-            visibleColumns: P,
+            visibleColumns: a,
             alignHeader: C,
             rowActions: void 0,
             stickyHeader: $,
-            selectable: u,
+            selectable: j,
             loading: f
           }
         ),
-        /* @__PURE__ */ t.jsx(W, { children: i.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { colSpan: (u ? 1 : 0) + P.length, children: /* @__PURE__ */ t.jsx(w, { children: /* @__PURE__ */ t.jsx(Y, { variant: "mdText", children: I ?? V("NO_DATA_AVAILABLE") }) }) }) }) : i.map((e, l) => {
-          const s = (d == null ? void 0 : d(e)) ?? !1, o = S ? S(e) : h.some((c) => c[r] === e[r]), E = e[r];
+        /* @__PURE__ */ t.jsx(W, { children: n.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { colSpan: (j ? 1 : 0) + a.length, children: /* @__PURE__ */ t.jsx(ee, { children: /* @__PURE__ */ t.jsx(Z, { variant: "mdText", children: I ?? N("NO_DATA_AVAILABLE") }) }) }) }) : n == null ? void 0 : n.map((e, i) => {
+          const r = (d == null ? void 0 : d(e)) ?? !1, o = S ? S(e) : h.some((c) => c[l] === e[l]), E = e[l], J = (p == null ? void 0 : p(e, i)) ?? "";
           return /* @__PURE__ */ t.jsxs(
             y,
             {
               $selected: o,
-              $disabled: s,
-              $clickable: !!a && !s,
-              onClick: () => !s && (a == null ? void 0 : a(e)),
-              className: (j == null ? void 0 : j(e, l)) ?? "",
+              $disabled: r,
+              $clickable: !!u && !r,
+              onClick: () => !r && (u == null ? void 0 : u(e)),
+              className: J,
               children: [
-                u && /* @__PURE__ */ t.jsx(b, { $align: "center", $isFirstColumn: !0, children: /* @__PURE__ */ t.jsx(
-                  Z,
+                j && /* @__PURE__ */ t.jsx(b, { $align: "center", $isFirstColumn: !0, children: /* @__PURE__ */ t.jsx(
+                  H,
                   {
                     checkBoxOptions: {
-                      checked: G(e),
+                      checked: q(e),
                       $variant: "primary",
-                      $disabled: s,
+                      $disabled: r,
                       $size: "sm",
-                      onChange: () => !s && J(e)
+                      onChange: () => !r && G(e)
                     }
                   }
                 ) }),
-                P.map((c) => /* @__PURE__ */ t.jsx(b, { $align: c.align, children: /* @__PURE__ */ t.jsx(
+                a.map((c) => /* @__PURE__ */ t.jsx(b, { $align: c.align, children: /* @__PURE__ */ t.jsx(
                   O,
                   {
                     column: c,
@@ -111,11 +111,11 @@ function me({
           );
         }) })
       ] }) }),
-      x && x.length > 0 && /* @__PURE__ */ t.jsxs(ee, { children: [
+      x && x.length > 0 && /* @__PURE__ */ t.jsxs(te, { children: [
         /* @__PURE__ */ t.jsx(
           z,
           {
-            data: i,
+            data: n,
             handleSelectAll: () => {
             },
             selectedRows: h,
@@ -127,43 +127,43 @@ function me({
             loading: f
           }
         ),
-        /* @__PURE__ */ t.jsx(W, { children: i.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsx("div", { style: { height: "3.5rem" } }) }) }) : i.map((e) => {
-          const l = (d == null ? void 0 : d(e)) ?? !1;
-          return /* @__PURE__ */ t.jsx(y, { $disabled: l, children: /* @__PURE__ */ t.jsx(b, { $align: "center", $isActionCell: !0, children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx(W, { children: n.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsx("div", { style: { height: "3.5rem" } }) }) }) : n == null ? void 0 : n.map((e) => {
+          const i = (d == null ? void 0 : d(e)) ?? !1;
+          return /* @__PURE__ */ t.jsx(y, { $disabled: i, children: /* @__PURE__ */ t.jsx(b, { $align: "center", $isActionCell: !0, children: /* @__PURE__ */ t.jsx(
             O,
             {
               row: e,
               type: "icon",
               iconOptions: {
-                keyField: r,
+                keyField: l,
                 rowActions: x,
                 activeDropdown: M,
                 setActiveDropdown: A
               }
             }
-          ) }) }, `action-${e[r]}`);
+          ) }) }, `action-${e[l]}`);
         }) })
       ] })
     ] }),
-    n && n.enabled && /* @__PURE__ */ t.jsx(te, { children: /* @__PURE__ */ t.jsx(
-      X,
+    s && s.enabled && /* @__PURE__ */ t.jsx(ne, { children: /* @__PURE__ */ t.jsx(
+      Y,
       {
-        currentPage: n.currentPage,
-        totalPages: n.totalPages,
-        onChange: n.onPageChange,
+        currentPage: s.currentPage,
+        totalPages: s.totalPages,
+        onChange: s.onPageChange,
         disabled: f,
-        hidePrevButton: n.hidePrevButton,
-        hideNextButton: n.hideNextButton,
-        siblingCount: n.siblingCount,
-        boundaryCount: n.boundaryCount,
-        itemsPerPage: n.pageSize,
-        totalItems: n.totalItems,
-        itemsPerPageOptions: n.itemsPerPageOptions,
-        onItemsPerPageChange: n.onItemsPerPageChange
+        hidePrevButton: s.hidePrevButton,
+        hideNextButton: s.hideNextButton,
+        siblingCount: s.siblingCount,
+        boundaryCount: s.boundaryCount,
+        itemsPerPage: s.pageSize,
+        totalItems: s.totalItems,
+        itemsPerPageOptions: s.itemsPerPageOptions,
+        onItemsPerPageChange: s.onItemsPerPageChange
       }
     ) })
   ] });
 }
 export {
-  me as default
+  xe as default
 };