qaema-ui 0.0.27 → 0.0.29

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

@@ -1,23 +1,23 @@
-import { ColumnAlignment } from './Table.types';
-export declare const ActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const DropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DropdownButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const DropdownMenu: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+import type { ColumnAlignment } from './Table.types';
+export declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const DropdownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isOpen: boolean;
 }>> & string;
-export declare const DropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const DropdownItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $disabled?: boolean;
 }>> & string;
-export declare const TableContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledTable: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
-export declare const TableScrollContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "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;
+export declare const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const TableScrollContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "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;
 }, never>> & string;
-export declare const StyledTableHead: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
+export declare const StyledTableHead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
     $sticky?: boolean;
 }>> & string;
-export declare const TableHeaderRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
-export declare const TableHeaderCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
+export declare const TableHeaderRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
+export declare const TableHeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
     $align?: ColumnAlignment;
     $sortable?: boolean;
     $width?: string;
@@ -27,32 +27,32 @@ export declare const TableHeaderCell: import('styled-components/dist/types').ISt
     $isLastColumn?: boolean;
     $isActionCell?: boolean;
 }>> & string;
-export declare const TableBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
-export declare const TableRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
+export declare const TableBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export declare const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
     $selected?: boolean;
     $disabled?: boolean;
     $clickable?: boolean;
 }>> & string;
-export declare const TableCellContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
+export declare const TableCellContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
     $align?: ColumnAlignment;
     $isFirstColumn?: boolean;
     $isLastColumn?: boolean;
     $isActionCell?: boolean;
 }>> & string;
-export declare const SortIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const TableFooter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EmptyState: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LoadingOverlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Badge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const SortIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const TableFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EmptyState: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LoadingOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Badge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $variant: "primary" | "success" | "warning" | "error" | "neutral";
 }>> & string;
-export declare const StatusIndicator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const StatusIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $status: "success" | "warning" | "error" | "neutral";
 }>> & string;
-export declare const TablesWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DataScrollBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "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;
+export declare const TablesWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DataScrollBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "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;
 }, never>> & string;
-export declare const ActionsTable: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLTableElement | 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<HTMLTableElement> | null | undefined;
+export declare const ActionsTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLTableElement | 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<HTMLTableElement> | null | undefined;
 }, never>> & string;

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

@@ -1,8 +1,8 @@
-import { Dispatch, SetStateAction } from 'react';
-import { BadgeProps } from '../../../Badge';
-import { CheckboxProps } from '../../../Checkbox';
-import { RadioButtonProps } from '../../../Radio';
-import { AmountCellData, CellAlignment, CellData, CellType, RowAction, TableColumn, TransactionCellData } from '../Table.types';
+import type { Dispatch, SetStateAction } from 'react';
+import type { BadgeProps } from '@components/Badge';
+import { type CheckboxProps } from '@components/Checkbox';
+import { type RadioButtonProps } from '@components/Radio';
+import type { AmountCellData, CellAlignment, CellData, CellType, RowAction, TableColumn, TransactionCellData } from '../Table.types';
 export interface BaseCellProps {
     align?: CellAlignment;
     isDisabled?: boolean;
@@ -96,7 +96,7 @@ export declare const TransactionCell: React.FC<TransactionCellProps>;
 export declare const CheckboxCell: React.FC<CheckboxCellProps>;
 export declare const RadioButtonCell: React.FC<RadioButtonCellProps>;
 export declare const BadgeCell: React.FC<BadgeCellProps>;
-export declare const CustomCell: <T>({ column, row, rowIndex }: CustomCellProps<T>) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const CustomCell: <T>({ column, row, rowIndex }: CustomCellProps<T>) => string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export declare const IconCell: <T>({ row, keyField, rowActions, activeDropdown, setActiveDropdown, setConfirmationPopupOpen, }: IconCellProps<T>) => import("react/jsx-runtime").JSX.Element;
 export interface CellFactoryProps<T = unknown> {
     column?: TableColumn<T>;

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

@@ -1,118 +1,118 @@
-import { j as r } from "../../../../_virtual/jsx-runtime.js";
-import { FaEllipsisH as p, FaEdit as f } from "../../../../node_modules/react-icons/fa/index.js";
-import { FaPrint as u, FaCopy as j, FaTrash as C, FaEye as h } from "../../../../node_modules/react-icons/fa6/index.js";
-import g from "styled-components";
-import b from "../../../AmountItem.js";
-import y from "../../../Badge.js";
-import F from "../../../Checkbox.js";
-import d from "../../../InfoItem.js";
-import I from "../../../Radio.js";
-import $ from "../../../StatIndicator.js";
-import { DropdownContainer as v, DropdownButton as k, DropdownMenu as T, DropdownItem as B } from "../Table.styles.js";
-const i = g.div`
+import { j as t } from "../../../../_virtual/jsx-runtime.js";
+import { FaEllipsisH as j, FaEdit as $ } from "../../../../node_modules/react-icons/fa/index.js";
+import { FaPrint as m, FaCopy as u, FaTrash as p, FaEye as f } from "../../../../node_modules/react-icons/fa6/index.js";
+import C from "styled-components";
+import W from "../../../AmountItem.js";
+import g from "../../../Badge.js";
+import b from "../../../Checkbox.js";
+import c from "../../../InfoItem.js";
+import y from "../../../Radio.js";
+import F from "../../../StatIndicator.js";
+import { DropdownContainer as I, DropdownButton as v, DropdownMenu as k, DropdownItem as T } from "../Table.styles.js";
+const a = C.div`
   display: flex;
   align-items: center;
   direction: inherit;
   gap: 8px;
-  width: ${({ width: e }) => e};
-  max-width: ${({ maxWidth: e }) => e};
-  min-width: ${({ minWidth: e }) => e};
-`, E = {
-  view: /* @__PURE__ */ r.jsx(h, {}),
-  edit: /* @__PURE__ */ r.jsx(f, {}),
-  delete: /* @__PURE__ */ r.jsx(C, {}),
-  copy: /* @__PURE__ */ r.jsx(j, {}),
-  duplicate: /* @__PURE__ */ r.jsx(j, {}),
-  approve: /* @__PURE__ */ r.jsx(u, {}),
-  print: /* @__PURE__ */ r.jsx(u, {})
-}, R = (e) => E[e.toLowerCase()] ?? null, D = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), L = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), M = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), S = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), V = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(b, { data: e, type: t, width: s }) }), H = ({ data: e, width: t, maxWidth: s, minWidth: n }) => /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx($, { value: e.value, direction: e.transactionType }) }), K = ({ checkBoxOptions: e, width: t, maxWidth: s, minWidth: n }) => {
-  const o = e ? { ...e, name: e.name ?? "" } : void 0;
-  return /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx(F, { ...o }) });
-}, P = ({ radioButtonOptions: e, width: t, maxWidth: s, minWidth: n }) => {
-  const o = e ? { ...e, name: e.name ?? "" } : void 0;
-  return /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx(I, { ...o }) });
-}, U = ({ badgeOptions: e, width: t, maxWidth: s, minWidth: n }) => /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx(y, { ...e }) }), q = ({ column: e, row: t, rowIndex: s }) => {
+  width: ${({ $width: e }) => e};
+  max-width: ${({ $maxWidth: e }) => e};
+  min-width: ${({ $minWidth: e }) => e};
+`, w = {
+  view: /* @__PURE__ */ t.jsx(f, {}),
+  edit: /* @__PURE__ */ t.jsx($, {}),
+  delete: /* @__PURE__ */ t.jsx(p, {}),
+  copy: /* @__PURE__ */ t.jsx(u, {}),
+  duplicate: /* @__PURE__ */ t.jsx(u, {}),
+  approve: /* @__PURE__ */ t.jsx(m, {}),
+  print: /* @__PURE__ */ t.jsx(m, {})
+}, B = (e) => w[e.toLowerCase()] ?? null, E = ({ data: e, type: n, width: r, maxWidth: s, minWidth: l }) => /* @__PURE__ */ t.jsx(a, { $width: r, $maxWidth: s, $minWidth: l, children: e && /* @__PURE__ */ t.jsx(c, { data: e, type: n, width: r }) }), R = ({ data: e, type: n, width: r, maxWidth: s, minWidth: l }) => /* @__PURE__ */ t.jsx(a, { $width: r, $maxWidth: s, $minWidth: l, children: e && /* @__PURE__ */ t.jsx(c, { data: e, type: n, width: r }) }), D = ({ data: e, type: n, width: r, maxWidth: s, minWidth: l }) => /* @__PURE__ */ t.jsx(a, { $width: r, $maxWidth: s, $minWidth: l, children: e && /* @__PURE__ */ t.jsx(c, { data: e, type: n, width: r }) }), L = ({ data: e, type: n, width: r, maxWidth: s, minWidth: l }) => /* @__PURE__ */ t.jsx(a, { $width: r, $maxWidth: s, $minWidth: l, children: e && /* @__PURE__ */ t.jsx(c, { data: e, type: n, width: r }) }), M = ({ data: e, type: n, width: r, maxWidth: s, minWidth: l }) => /* @__PURE__ */ t.jsx(a, { $width: r, $maxWidth: s, $minWidth: l, children: e && /* @__PURE__ */ t.jsx(W, { data: e, type: n, width: r }) }), S = ({ data: e, width: n, maxWidth: r, minWidth: s }) => /* @__PURE__ */ t.jsx(a, { $width: n, $maxWidth: r, $minWidth: s, children: /* @__PURE__ */ t.jsx(F, { value: e.value, direction: e.transactionType }) }), V = ({ checkBoxOptions: e, width: n, maxWidth: r, minWidth: s }) => {
+  const l = e ? { ...e, name: e.name ?? "" } : void 0;
+  return /* @__PURE__ */ t.jsx(a, { $width: n, $maxWidth: r, $minWidth: s, children: /* @__PURE__ */ t.jsx(b, { ...l }) });
+}, H = ({ radioButtonOptions: e, width: n, maxWidth: r, minWidth: s }) => {
+  const l = e ? { ...e, name: e.name ?? "" } : void 0;
+  return /* @__PURE__ */ t.jsx(a, { $width: n, $maxWidth: r, $minWidth: s, children: /* @__PURE__ */ t.jsx(y, { ...l }) });
+}, K = ({ badgeOptions: e, width: n, maxWidth: r, minWidth: s }) => /* @__PURE__ */ t.jsx(a, { $width: n, $maxWidth: r, $minWidth: s, children: /* @__PURE__ */ t.jsx(g, { ...e }) }), P = ({ column: e, row: n, rowIndex: r }) => {
   if (e.renderCell) {
-    const n = typeof e.accessor == "function" ? e.accessor(t) : t[e.accessor];
-    return e.renderCell(n, t, s);
+    const s = typeof e.accessor == "function" ? e.accessor(n) : n[e.accessor];
+    return e.renderCell(s, n, r);
   }
-  return /* @__PURE__ */ r.jsx(r.Fragment, {});
-}, z = ({
+  return /* @__PURE__ */ t.jsx(t.Fragment, {});
+}, U = ({
   row: e,
-  keyField: t,
-  rowActions: s,
-  activeDropdown: n,
-  setActiveDropdown: o,
-  setConfirmationPopupOpen: c
+  keyField: n,
+  rowActions: r,
+  activeDropdown: s,
+  setActiveDropdown: l,
+  setConfirmationPopupOpen: d
 }) => {
-  const a = e ? e[t] : void 0;
-  return /* @__PURE__ */ r.jsxs(v, { onClick: (l) => l.stopPropagation(), children: [
-    /* @__PURE__ */ r.jsx(
-      k,
+  const o = e ? e[n] : void 0;
+  return /* @__PURE__ */ t.jsxs(I, { onClick: (i) => i.stopPropagation(), children: [
+    /* @__PURE__ */ t.jsx(
+      v,
       {
-        onClick: (l) => {
-          l.stopPropagation(), o(n === a ? null : a);
+        onClick: (i) => {
+          i.stopPropagation(), l(s === o ? null : o);
         },
-        children: /* @__PURE__ */ r.jsx(p, {})
+        children: /* @__PURE__ */ t.jsx(j, {})
       }
     ),
-    /* @__PURE__ */ r.jsx(T, { $isOpen: n === a, children: s == null ? void 0 : s.filter((l) => typeof l.hidden == "function" ? !l.hidden(e) : !l.hidden).map((l) => {
-      if (!l) return null;
-      const x = typeof l.disabled == "function" ? l.disabled(e) : l.disabled;
-      return /* @__PURE__ */ r.jsxs(
-        B,
+    /* @__PURE__ */ t.jsx(k, { $isOpen: s === o, children: r == null ? void 0 : r.filter((i) => typeof i.hidden == "function" ? !i.hidden(e) : !i.hidden).map((i) => {
+      if (!i) return null;
+      const x = typeof i.disabled == "function" ? i.disabled(e) : i.disabled;
+      return /* @__PURE__ */ t.jsxs(
+        T,
         {
           $disabled: x,
-          onClick: (m) => {
-            m.stopPropagation(), o(null), x || l.onClick(e), (l.action.toLowerCase() === "delete" || l.action.includes("delet")) && (c == null || c(!0));
+          onClick: (h) => {
+            h.stopPropagation(), l(null), x || i.onClick(e), (i.action.toLowerCase() === "delete" || i.action.includes("delet")) && (d == null || d(!0));
           },
           children: [
-            R(l.action) ?? l.icon,
-            l.label
+            B(i.action) ?? i.icon,
+            i.label
           ]
         },
-        `action-${String(e[t])}-${l.action}`
+        `action-${String(e[n])}-${i.action}`
       );
     }) })
   ] });
-}, w = (e) => {
-  const { type: t, column: s, row: n, iconOptions: o, ...c } = e, a = s ? n[s.accessor] : {};
-  switch (t) {
+}, O = (e) => {
+  const { type: n, column: r, row: s, iconOptions: l, ...d } = e, o = r ? s[r.accessor] : {};
+  switch (n) {
     case "user":
-      return /* @__PURE__ */ r.jsx(L, { ...c, data: a, type: t });
+      return /* @__PURE__ */ t.jsx(R, { ...d, data: o, type: n });
     case "flag":
-      return /* @__PURE__ */ r.jsx(M, { ...c, data: a, type: t });
+      return /* @__PURE__ */ t.jsx(D, { ...d, data: o, type: n });
     case "product":
-      return /* @__PURE__ */ r.jsx(D, { ...c, data: a, type: t });
+      return /* @__PURE__ */ t.jsx(E, { ...d, data: o, type: n });
     case "amount":
-      return /* @__PURE__ */ r.jsx(V, { ...c, data: a });
+      return /* @__PURE__ */ t.jsx(M, { ...d, data: o });
     case "transaction":
-      return /* @__PURE__ */ r.jsx(H, { ...c, data: a });
+      return /* @__PURE__ */ t.jsx(S, { ...d, data: o });
     case "checkbox":
-      return /* @__PURE__ */ r.jsx(K, { ...c });
+      return /* @__PURE__ */ t.jsx(V, { ...d });
     case "radioButton":
-      return /* @__PURE__ */ r.jsx(P, { ...c });
+      return /* @__PURE__ */ t.jsx(H, { ...d });
     case "badge":
-      return /* @__PURE__ */ r.jsx(U, { badgeOptions: a });
+      return /* @__PURE__ */ t.jsx(K, { badgeOptions: o });
     case "icon":
-      return /* @__PURE__ */ r.jsx(z, { row: n, ...o, ...c });
+      return /* @__PURE__ */ t.jsx(U, { row: s, ...l, ...d });
     case "custom":
-      return /* @__PURE__ */ r.jsx(q, { column: s, row: n, ...c });
+      return /* @__PURE__ */ t.jsx(P, { column: r, row: s, ...d });
     default:
-      return /* @__PURE__ */ r.jsx(S, { ...c, data: a });
+      return /* @__PURE__ */ t.jsx(L, { ...d, data: o });
   }
 };
 export {
-  V as AmountCell,
-  U as BadgeCell,
-  K as CheckboxCell,
-  q as CustomCell,
-  M as FlagCell,
-  z as IconCell,
-  D as ProductCell,
-  P as RadioButtonCell,
-  S as TextCell,
-  H as TransactionCell,
-  L as UserCell,
-  w as default
+  M as AmountCell,
+  K as BadgeCell,
+  V as CheckboxCell,
+  P as CustomCell,
+  D as FlagCell,
+  U as IconCell,
+  E as ProductCell,
+  H as RadioButtonCell,
+  L as TextCell,
+  S as TransactionCell,
+  R as UserCell,
+  O as default
 };

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

@@ -1,4 +1,4 @@
-import { ColumnAlignment, RowAction } from '../Table.types';
+import type { ColumnAlignment, RowAction } from '../Table.types';
 export interface TableHeadProps {
     data: any[];
     handleSelectAll: () => void;

package/dist/components/FileDownloadCard.d.ts

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

package/dist/components/Filter.d.ts

@@ -1,22 +1,22 @@
-import { default as React } from 'react';
-export declare const FilterButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const DropdownList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+import React from 'react';
+export declare const FilterButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const DropdownList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;
-export declare const DropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FieldOptions: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FilterIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const RadioLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
-export declare const SearchInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const RadioGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FieldHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const DateInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
+export declare const DropdownItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FieldOptions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FilterIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const RadioLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const SearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const RadioGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FieldHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const DateInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLInputElement> | null | undefined;
-}, Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
+}, Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLInputElement> | null | undefined;
 }>, never>, never>> & string;
-export declare const SelectInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;
-export declare const ButtonGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;
+export declare const ButtonGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export type FilterField = {
     accessor: string;
     header: string;

package/dist/components/FilterActiveBar.d.ts

@@ -1,4 +1,4 @@
-import { FilterData, FilterField } from './Filter';
+import type { FilterData, FilterField } from './Filter';
 export type FilterActiveBarProps = {
     fields: FilterField[];
     activeFilters: FilterData[];

package/dist/components/Header.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode, default as React } from 'react';
-import { NavItemType } from './NavItem';
+import { type ReactNode } from 'react';
+import type React from 'react';
+import { type NavItemType } from './NavItem';
 export type HeaderProps = {
     setOpen: (value: boolean) => void;
     profileImg: string;

package/dist/components/HelpCard.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import type React from 'react';
 export type HelpCardProps = {
     icon?: React.ReactNode;
     title: string;
@@ -11,7 +11,7 @@ export type HelpCardProps = {
     isLoading?: boolean;
     className?: string;
 };
-export declare const HelpCardGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const HelpCardGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     min?: number;
     gap?: number;
 }>> & string;

package/dist/components/Hint.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { HintVariant } from '../hooks/useHintVariant';
+import React from 'react';
+import { type HintVariant } from '@hooks/useHintVariant';
 export type HintProps = {
     variant: HintVariant;
     showLeadIcon?: boolean;

package/dist/components/HorizontalChart.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import type React from 'react';
 type HorizontalChartData = {
     name: string;
     value: number;
@@ -7,6 +7,6 @@ type HorizontalChartData = {
 export type HorizontalChartProps = {
     data: Array<HorizontalChartData>;
 };
-export declare const LabelRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LabelRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const HorizontalChart: React.FC<HorizontalChartProps>;
 export default HorizontalChart;

package/dist/components/Image.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { Theme } from '../theme/theme';
+import React from 'react';
+import type { Theme } from '@theme/theme';
 export type ImageProps = {
     src?: string;
     alt?: string;

package/dist/components/InfoCard.d.ts

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

package/dist/components/InfoItem.d.ts

@@ -1,4 +1,4 @@
-import { CellData, CellType } from './Table/Table.types';
+import type { CellData, CellType } from './Table/Table.types';
 type InfoItemProps = {
     data: CellData;
     type: CellType;

package/dist/components/InputField.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export type InputFieldProps = {
     label?: string;
     optional?: boolean;
@@ -23,6 +23,6 @@ export type InputFieldProps = {
     name?: string;
     isInteractive?: boolean;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'>;
-export declare const Optional: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const Optional: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 declare const InputField: React.FC<InputFieldProps>;
 export default InputField;

package/dist/components/Layout.d.ts

@@ -1,6 +1,7 @@
-import { ReactNode, default as React } from 'react';
-import { HeaderProps } from './Header';
-import { SidemenuProps } from './Sidemenu';
+import { type ReactNode } from 'react';
+import type React from 'react';
+import { type HeaderProps } from './Header';
+import { type SidemenuProps } from './Sidemenu';
 export type LayoutProps = {
     header: HeaderProps;
     sideMenu: SidemenuProps;

package/dist/components/Legend.d.ts

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

package/dist/components/Link.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 type CommonProps = {
     color?: string;
     fontSize?: string | number;

package/dist/components/ListToolbar.d.ts

@@ -1,8 +1,8 @@
-import { default as React } from 'react';
-import { ButtonProps } from './Button';
-import { FilterProps } from './Filter';
-import { FilterActiveBarProps } from './FilterActiveBar';
-import { SearchBarProps } from './SearchBar';
+import React from 'react';
+import { type ButtonProps } from './Button';
+import type { FilterProps } from './Filter';
+import { type FilterActiveBarProps } from './FilterActiveBar';
+import { type SearchBarProps } from './SearchBar';
 type ActionButton = ButtonProps & {
     label: string;
 };

package/dist/components/MethodCard.d.ts

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

package/dist/components/Modal.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { ZIndexVariant } from '../hooks/useZIndex';
+import React from 'react';
+import { type ZIndexVariant } from '@hooks/useZIndex';
 type ModalSize = 'sm' | 'md' | 'lg' | 'xl';
 export type ModalProps = {
     title?: string;

package/dist/components/ModalWithRequestCard.d.ts

@@ -1,5 +1,5 @@
-import { ModalProps } from './Modal';
-import { RequestCardProps } from './RequestCard';
+import { type ModalProps } from './Modal';
+import { type RequestCardProps } from './RequestCard';
 export type ModalWithRequestCardProps = {
     modalProps: ModalProps;
     requestCardProps: RequestCardProps;

package/dist/components/NavItem.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { NavItemVariant } from '../hooks/useNavItemVariant';
+import type React from 'react';
+import { type NavItemVariant } from '@hooks/useNavItemVariant';
 type NotificationVariant = 'bullet' | 'badge';
 type NavItemComponentType = 'button' | 'link';
 export type NavItemType = {