@yuno-payments/dashboard-design-system 2.9.4 → 3.0.0

package/dist/components/molecules/data-table-cells/data-table-amount-cell.d.ts

@@ -1,33 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Props for the DataTableAmountCell component
- */
-export interface DataTableAmountCellProps {
-    /** The numeric amount value */
-    value: number | null | undefined;
-    /** ISO 4217 currency code @default "USD" */
-    currency?: string;
-    /** Override locale for formatting */
-    locales?: string | string[];
-    /** CurrencyField size variant @default "xs" */
-    size?: "xs" | "sm" | "base";
-    /** Whether to show the currency code @default true */
-    showCurrencyCode?: boolean;
-    /** Content to render when value is empty/NaN @default "-" */
-    emptyState?: ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * A table cell for displaying formatted currency amounts.
- * Wraps the CurrencyField atom with sensible defaults for table usage.
- *
- * @example
- * ```tsx
- * <DataTableAmountCell value={1234.56} currency="USD" />
- * <DataTableAmountCell value={500} currency="PEN" locales="es-PE" />
- * <DataTableAmountCell value={0} currency="BRL" locales="pt-BR" />
- * ```
- */
-declare const DataTableAmountCell: import('react').ForwardRefExoticComponent<DataTableAmountCellProps & import('react').RefAttributes<HTMLDivElement>>;
-export { DataTableAmountCell };

package/dist/components/molecules/data-table-cells/data-table-amount-cell.js

@@ -1,28 +0,0 @@
-import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as s } from "react";
-import { cn as f } from "../../../lib/utils.js";
-import { CurrencyField as x } from "../../atoms/currency-field/currency-field.js";
-const p = s(
-  ({
-    value: e,
-    currency: t = "USD",
-    locales: m,
-    size: o = "xs",
-    showCurrencyCode: a = !0,
-    emptyState: i = "-",
-    className: l
-  }, n) => e == null || Number.isNaN(e) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: i }) : /* @__PURE__ */ r.jsx("div", { ref: n, className: f("flex", l), children: /* @__PURE__ */ r.jsx(
-    x,
-    {
-      value: e,
-      currency: t,
-      locales: m,
-      size: o,
-      showCurrencyCode: a
-    }
-  ) })
-);
-p.displayName = "DataTableAmountCell";
-export {
-  p as DataTableAmountCell
-};

package/dist/components/molecules/data-table-cells/data-table-badge-cell.d.ts

@@ -1,36 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Badge } from '../../atoms/badge';
-import { IconName } from '../../atoms/icon';
-type BadgeVariant = NonNullable<ComponentProps<typeof Badge>["variant"]>;
-/**
- * Props for the DataTableBadgeCell component
- */
-export interface DataTableBadgeCellProps {
-    /** Label rendered inside the badge */
-    value: string | null | undefined;
-    /** Badge visual variant */
-    variant?: BadgeVariant;
-    /** Optional icon rendered at the start of the badge */
-    startIcon?: IconName;
-    /** Content to render when value is empty @default "-" */
-    emptyState?: ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * A table cell that renders a single `Badge` with a pre-computed variant.
- * Use it when the caller already knows the visual variant (no lookup map needed)
- * — for example: ternary results, range-based status colors, or one-off
- * labelled badges.
- *
- * For data-driven lookups (status key → variant via a map), prefer
- * `DataTableStatusCell`.
- *
- * @example
- * ```tsx
- * <DataTableBadgeCell value={method} variant={getColorMethod(method)} />
- * <DataTableBadgeCell value="Active" variant="success" startIcon="CheckCircle" />
- * ```
- */
-declare const DataTableBadgeCell: import('react').ForwardRefExoticComponent<DataTableBadgeCellProps & import('react').RefAttributes<HTMLSpanElement>>;
-export { DataTableBadgeCell };

package/dist/components/molecules/data-table-cells/data-table-badge-cell.js

@@ -1,19 +0,0 @@
-import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as l } from "react";
-import { Badge as n } from "../../atoms/badge/badge.js";
-const d = l(
-  ({ value: e, variant: a = "info", startIcon: t, emptyState: o = "-", className: i }, m) => e ? /* @__PURE__ */ r.jsx(
-    n,
-    {
-      ref: m,
-      variant: a,
-      startIcon: t,
-      className: i,
-      children: e
-    }
-  ) : /* @__PURE__ */ r.jsx(r.Fragment, { children: o })
-);
-d.displayName = "DataTableBadgeCell";
-export {
-  d as DataTableBadgeCell
-};

package/dist/components/molecules/data-table-cells/data-table-cell-wrapper.d.ts

@@ -1,32 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Props for the DataTableCellWrapper component
- */
-export interface DataTableCellWrapperProps {
-    /** The value to check for emptiness. Renders emptyState when null/undefined/'' or an empty array. */
-    value: unknown;
-    /** Content to render when value is non-empty */
-    children: ReactNode;
-    /** Content to render when value is empty @default "-" */
-    emptyState?: ReactNode;
-}
-/**
- * Wraps a custom table cell to enforce the standard empty-state ("-")
- * across the design system. Use this for cells that render custom JSX
- * (Badges, icon+text combos, switches, etc.) that don't fit one of the
- * specialized DataTable*Cell components.
- *
- * @example
- * ```tsx
- * <DataTableCellWrapper value={method}>
- *   <MethodTag method={method} />
- * </DataTableCellWrapper>
- *
- * // Custom empty state
- * <DataTableCellWrapper value={amount} emptyState="N/A">
- *   <CustomAmount value={amount} />
- * </DataTableCellWrapper>
- * ```
- */
-declare const DataTableCellWrapper: import('react').ForwardRefExoticComponent<DataTableCellWrapperProps & import('react').RefAttributes<HTMLSpanElement>>;
-export { DataTableCellWrapper };

package/dist/components/molecules/data-table-cells/data-table-cell-wrapper.js

@@ -1,7 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as i } from "react";
-const s = (r) => !!(r == null || typeof r == "string" && r.trim() === "" || Array.isArray(r) && r.length === 0), p = i(({ value: r, children: e, emptyState: n = "-" }, a) => s(r) ? /* @__PURE__ */ t.jsx("span", { ref: a, children: n }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: e }));
-p.displayName = "DataTableCellWrapper";
-export {
-  p as DataTableCellWrapper
-};

package/dist/components/molecules/data-table-cells/data-table-copy-cell.d.ts

@@ -1,44 +0,0 @@
-import { ReactNode } from 'react';
-import { IconName } from '../../atoms/icon';
-/**
- * Props for the DataTableCopyCell component
- */
-export interface DataTableCopyCellProps {
-    /** The text value to display and copy */
-    value: string;
-    /** Optional navigation link — renders value as an anchor */
-    linkTo?: string;
-    /** Optional icon before the text (e.g. "Key" for test credentials) */
-    startIcon?: IconName;
-    /** Tooltip for the start icon */
-    startIconTooltip?: string;
-    /** Tooltip for the copy button @default "Copy" */
-    copyTooltip?: string;
-    /** Custom callback on successful copy */
-    onCopySuccess?: () => void;
-    /** Custom callback on copy error */
-    onCopyError?: () => void;
-    /** Content to render when value is empty @default "-" */
-    emptyState?: ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * A table cell that displays a text value with a copy-to-clipboard button.
- * The copy button is always visible. Supports optional navigation links
- * and start icons (e.g., test credential indicators).
- *
- * @example
- * ```tsx
- * // Simple copy cell
- * <DataTableCopyCell value="pay_abc123def456ghi789" />
- *
- * // With link
- * <DataTableCopyCell value="pay_abc123" linkTo="/payments/details/pay_abc123" />
- *
- * // With start icon
- * <DataTableCopyCell value="pay_test_123" startIcon="Key" startIconTooltip="Test credential" />
- * ```
- */
-declare const DataTableCopyCell: import('react').ForwardRefExoticComponent<DataTableCopyCellProps & import('react').RefAttributes<HTMLDivElement>>;
-export { DataTableCopyCell };

package/dist/components/molecules/data-table-cells/data-table-copy-cell.js

@@ -1,84 +0,0 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as y } from "react";
-import { cn as g } from "../../../lib/utils.js";
-import { Icon as d } from "../../atoms/icon/icon.js";
-import { TooltipProvider as i, Tooltip as o, TooltipTrigger as n, TooltipContent as l } from "../../../vendor/shadcn/tooltip.js";
-import { useCopyToClipboard as N } from "../../../hooks/use-copy-to-clipboard.js";
-const b = y(
-  ({
-    value: r,
-    linkTo: t,
-    startIcon: a,
-    startIconTooltip: c,
-    copyTooltip: p = "Copy",
-    onCopySuccess: m,
-    onCopyError: x,
-    emptyState: h = "-",
-    className: j
-  }, C) => {
-    const { copyToClipboard: f } = N({
-      onSuccess: m,
-      onError: x
-    });
-    if (!r) return /* @__PURE__ */ e.jsx(e.Fragment, { children: h });
-    const u = (s) => {
-      s.stopPropagation(), f(r);
-    };
-    return /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        ref: C,
-        className: g("flex items-center gap-2 w-full", j),
-        children: [
-          a && /* @__PURE__ */ e.jsx(i, { children: /* @__PURE__ */ e.jsxs(o, { children: [
-            /* @__PURE__ */ e.jsx(n, { asChild: !0, children: /* @__PURE__ */ e.jsx("span", { className: "shrink-0 inline-flex", children: /* @__PURE__ */ e.jsx(
-              d,
-              {
-                name: a,
-                weight: "fill",
-                size: "sm",
-                className: "text-primary"
-              }
-            ) }) }),
-            c && /* @__PURE__ */ e.jsx(l, { children: /* @__PURE__ */ e.jsx("p", { children: c }) })
-          ] }) }),
-          /* @__PURE__ */ e.jsx(i, { children: /* @__PURE__ */ e.jsxs(o, { children: [
-            /* @__PURE__ */ e.jsx(n, { asChild: !0, children: /* @__PURE__ */ e.jsx("span", { className: "truncate text-sm", children: t ? /* @__PURE__ */ e.jsx(
-              "a",
-              {
-                href: t,
-                className: "text-primary hover:underline",
-                onClick: (s) => s.stopPropagation(),
-                children: r
-              }
-            ) : r }) }),
-            /* @__PURE__ */ e.jsx(l, { children: /* @__PURE__ */ e.jsx("p", { children: r }) })
-          ] }) }),
-          /* @__PURE__ */ e.jsx(i, { children: /* @__PURE__ */ e.jsxs(o, { children: [
-            /* @__PURE__ */ e.jsx(n, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-              "button",
-              {
-                type: "button",
-                className: "shrink-0 p-1 hover:bg-muted rounded",
-                onClick: u,
-                children: /* @__PURE__ */ e.jsx(
-                  d,
-                  {
-                    name: "CopySimple",
-                    size: "sm",
-                    className: "text-muted-foreground"
-                  }
-                )
-              }
-            ) }),
-            /* @__PURE__ */ e.jsx(l, { children: /* @__PURE__ */ e.jsx("p", { children: p }) })
-          ] }) })
-        ]
-      }
-    );
-  }
-);
-b.displayName = "DataTableCopyCell";
-export {
-  b as DataTableCopyCell
-};

package/dist/components/molecules/data-table-cells/data-table-country-cell.d.ts

@@ -1,34 +0,0 @@
-import { ReactNode } from 'react';
-export interface DataTableCountryCellProps {
-    /** ISO 3166-1 alpha-2 country code (e.g., "US", "CO", "BR") */
-    code: string | null | undefined;
-    /** Whether to show the flag emoji @default true */
-    showFlag?: boolean;
-    /** Whether to show the country name instead of just the code @default false */
-    showName?: boolean;
-    /** Custom function to resolve country name from code */
-    getCountryName?: (code: string) => string;
-    /** Content to render when code is empty/invalid @default "-" */
-    emptyState?: ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * A table cell for displaying country codes with flag emojis.
- * Supports showing just the code, or the full country name via
- * a custom resolver function.
- *
- * @example
- * ```tsx
- * // Code with flag
- * <DataTableCountryCell code="US" />
- *
- * // With country name
- * <DataTableCountryCell code="CO" showName getCountryName={countryNameFromCode} />
- *
- * // Without flag
- * <DataTableCountryCell code="BR" showFlag={false} />
- * ```
- */
-declare const DataTableCountryCell: import('react').ForwardRefExoticComponent<DataTableCountryCellProps & import('react').RefAttributes<HTMLDivElement>>;
-export { DataTableCountryCell };

package/dist/components/molecules/data-table-cells/data-table-country-cell.js

@@ -1,47 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as x } from "react";
-import { cn as f } from "../../../lib/utils.js";
-import { TooltipProvider as u, Tooltip as d, TooltipTrigger as h, TooltipContent as j } from "../../../vendor/shadcn/tooltip.js";
-const T = (r) => {
-  if (typeof r != "string") return "";
-  const e = r.trim().toUpperCase();
-  return /^[A-Z]{2}$/.test(e) ? String.fromCodePoint(
-    ...[...e].map((s) => s.charCodeAt(0) + 127397)
-  ) : "";
-}, C = x(
-  ({
-    code: r,
-    showFlag: e = !0,
-    showName: s = !1,
-    getCountryName: l,
-    emptyState: i = "-",
-    className: a
-  }, p) => {
-    if (!r) return /* @__PURE__ */ t.jsx(t.Fragment, { children: i });
-    const n = e ? T(r) : null, o = l ? l(r) : null, c = s && o ? o : r.toUpperCase(), m = o ?? r.toUpperCase();
-    return /* @__PURE__ */ t.jsx(u, { children: /* @__PURE__ */ t.jsxs(d, { children: [
-      /* @__PURE__ */ t.jsx(h, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
-        "div",
-        {
-          ref: p,
-          className: f(
-            "flex items-center gap-1 truncate text-sm",
-            a
-          ),
-          children: [
-            n && /* @__PURE__ */ t.jsx("span", { className: "shrink-0", children: n }),
-            /* @__PURE__ */ t.jsx("span", { className: "truncate", children: c })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ t.jsx(j, { children: /* @__PURE__ */ t.jsxs("p", { children: [
-        n && `${n} `,
-        m
-      ] }) })
-    ] }) });
-  }
-);
-C.displayName = "DataTableCountryCell";
-export {
-  C as DataTableCountryCell
-};

package/dist/components/molecules/data-table-cells/data-table-date-cell.d.ts

@@ -1,29 +0,0 @@
-export interface DataTableDateCellProps {
-    /** The date value — ISO string or Date object */
-    value: string | Date | null | undefined;
-    /** Custom date formatter. If not provided, uses Intl.DateTimeFormat with date and time */
-    formatFn?: (date: string | Date) => string;
-    /** Content to render when value is falsy @default "-" */
-    emptyState?: React.ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * A table cell for displaying formatted dates with truncation and tooltip.
- * Accepts a custom formatting function or uses a sensible default
- * (Intl.DateTimeFormat with date + time).
- *
- * @example
- * ```tsx
- * // Simple date
- * <DataTableDateCell value="2024-03-15T14:30:00Z" />
- *
- * // With custom formatter
- * <DataTableDateCell value="2024-03-15T14:30:00Z" formatFn={defaultDateFormat} />
- *
- * // With empty state
- * <DataTableDateCell value={null} emptyState="-" />
- * ```
- */
-declare const DataTableDateCell: import('react').ForwardRefExoticComponent<DataTableDateCellProps & import('react').RefAttributes<HTMLDivElement>>;
-export { DataTableDateCell };

package/dist/components/molecules/data-table-cells/data-table-date-cell.js

@@ -1,34 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as s } from "react";
-import { cn as m } from "../../../lib/utils.js";
-import { TooltipProvider as l, Tooltip as c, TooltipTrigger as d, TooltipContent as f } from "../../../vendor/shadcn/tooltip.js";
-const h = (r) => {
-  try {
-    const e = typeof r == "string" ? new Date(r) : r;
-    return new Intl.DateTimeFormat("en-US", {
-      weekday: "short",
-      year: "numeric",
-      month: "short",
-      day: "numeric",
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit",
-      hour12: !1
-    }).format(e);
-  } catch {
-    return String(r);
-  }
-}, p = s(
-  ({ value: r, formatFn: e, emptyState: i = "-", className: n }, a) => {
-    if (!r) return /* @__PURE__ */ t.jsx(t.Fragment, { children: i });
-    const o = (e ?? h)(r);
-    return /* @__PURE__ */ t.jsx(l, { children: /* @__PURE__ */ t.jsxs(c, { children: [
-      /* @__PURE__ */ t.jsx(d, { asChild: !0, children: /* @__PURE__ */ t.jsx("div", { ref: a, className: m("truncate text-sm", n), children: o }) }),
-      /* @__PURE__ */ t.jsx(f, { children: /* @__PURE__ */ t.jsx("p", { children: o }) })
-    ] }) });
-  }
-);
-p.displayName = "DataTableDateCell";
-export {
-  p as DataTableDateCell
-};

package/dist/components/molecules/data-table-cells/data-table-icon-cell.d.ts

@@ -1,42 +0,0 @@
-import { ReactNode } from 'react';
-import { IconName } from '../../atoms/icon';
-export interface DataTableIconCellItem {
-    /** Item name/label (shown only in tooltip) */
-    name: string;
-    /** URL to the icon image */
-    src?: string;
-    /** Phosphor icon name (used when no `src` URL is provided) */
-    iconName?: IconName;
-}
-export interface DataTableIconCellProps {
-    /** Array of items to display (deduplicated by name) */
-    items: DataTableIconCellItem[];
-    /** Maximum number of visible icons @default 4 */
-    maxVisible?: number;
-    /** Content to render when items is empty @default "-" */
-    emptyState?: ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * A table cell that displays a horizontal list of icons (no inline labels).
- * Names are shown in a per-icon tooltip; overflow items collapse into a
- * `+N` badge with its own tooltip listing the remaining names.
- *
- * Use it for icon-driven columns such as card brand logos or method icons
- * where visual scanning is primary. For "icon + label" rows (e.g. provider
- * with its name visible), prefer `DataTableIconTextCell`.
- *
- * @example
- * ```tsx
- * <DataTableIconCell
- *   items={[
- *     { name: "Visa", src: "https://..." },
- *     { name: "Mastercard", src: "https://..." },
- *     { name: "Amex", src: "https://..." },
- *   ]}
- * />
- * ```
- */
-declare const DataTableIconCell: import('react').ForwardRefExoticComponent<DataTableIconCellProps & import('react').RefAttributes<HTMLDivElement>>;
-export { DataTableIconCell };

package/dist/components/molecules/data-table-cells/data-table-icon-cell.js

@@ -1,53 +0,0 @@
-import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as u } from "react";
-import { cn as g } from "../../../lib/utils.js";
-import { Icon as N } from "../../atoms/icon/icon.js";
-import { TooltipProvider as c, Tooltip as t, TooltipTrigger as m, TooltipContent as d } from "../../../vendor/shadcn/tooltip.js";
-import { Badge as v } from "../../atoms/badge/badge.js";
-const T = u(({ items: n, maxVisible: l = 4, emptyState: i = "-", className: h }, x) => {
-  if (!n || n.length === 0) return /* @__PURE__ */ r.jsx(r.Fragment, { children: i });
-  const o = /* @__PURE__ */ new Set(), s = n.filter((e) => !e.name || o.has(e.name) ? !1 : (o.add(e.name), !0));
-  if (s.length === 0) return /* @__PURE__ */ r.jsx(r.Fragment, { children: i });
-  const p = s.slice(0, l), a = s.slice(l), j = (e) => e.src ? /* @__PURE__ */ r.jsx(
-    "img",
-    {
-      src: e.src,
-      alt: e.name,
-      className: "h-5 w-5 shrink-0 object-contain",
-      onError: (f) => {
-        f.currentTarget.style.display = "none";
-      }
-    }
-  ) : e.iconName ? /* @__PURE__ */ r.jsx(N, { name: e.iconName, size: "sm", className: "shrink-0" }) : null;
-  return /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      ref: x,
-      className: g("flex items-center gap-1.5", h),
-      children: [
-        p.map((e) => /* @__PURE__ */ r.jsx(c, { children: /* @__PURE__ */ r.jsxs(t, { children: [
-          /* @__PURE__ */ r.jsx(m, { asChild: !0, children: /* @__PURE__ */ r.jsx("span", { className: "inline-flex shrink-0", children: j(e) }) }),
-          /* @__PURE__ */ r.jsx(d, { children: /* @__PURE__ */ r.jsx("p", { children: e.name }) })
-        ] }) }, e.name)),
-        a.length > 0 && /* @__PURE__ */ r.jsx(c, { delayDuration: 0, children: /* @__PURE__ */ r.jsxs(t, { children: [
-          /* @__PURE__ */ r.jsx(m, { className: "shrink-0", children: /* @__PURE__ */ r.jsxs(
-            v,
-            {
-              variant: "outline",
-              className: "text-xs cursor-pointer hover:border-primary hover:text-primary",
-              children: [
-                "+",
-                a.length
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ r.jsx(d, { className: "p-2", children: /* @__PURE__ */ r.jsx("div", { className: "space-y-1", children: a.map((e) => /* @__PURE__ */ r.jsx("div", { className: "text-sm", children: e.name }, e.name)) }) })
-        ] }) })
-      ]
-    }
-  );
-});
-T.displayName = "DataTableIconCell";
-export {
-  T as DataTableIconCell
-};

package/dist/components/molecules/data-table-cells/data-table-icon-text-cell.d.ts

@@ -1,27 +0,0 @@
-import { ReactNode } from 'react';
-import { IconName } from '../../atoms/icon';
-export interface DataTableIconTextCellItem {
-    /** Item name/label */
-    name: string;
-    /** URL to the icon image */
-    src?: string;
-    /** Phosphor icon name (used when no `src` URL is provided) */
-    iconName?: IconName;
-}
-export interface DataTableIconTextCellProps {
-    /** Array of items to display (will be deduplicated by name) */
-    items: DataTableIconTextCellItem[];
-    /** Maximum number of visible items @default 1 */
-    maxVisible?: number;
-    /** Content to render when items is empty @default "-" */
-    emptyState?: ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * A table cell for displaying items with icons and text, such as payment
- * providers or payment methods. Shows the first item with its icon and name,
- * plus a "+N" badge for additional items. Automatically deduplicates by name.
- */
-declare const DataTableIconTextCell: import('react').ForwardRefExoticComponent<DataTableIconTextCellProps & import('react').RefAttributes<HTMLDivElement>>;
-export { DataTableIconTextCell };

package/dist/components/molecules/data-table-cells/data-table-icon-text-cell.js

@@ -1,76 +0,0 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as f } from "react";
-import { cn as N } from "../../../lib/utils.js";
-import { Icon as t } from "../../atoms/icon/icon.js";
-import { TooltipProvider as m, Tooltip as x, TooltipTrigger as d, TooltipContent as h } from "../../../vendor/shadcn/tooltip.js";
-import { Badge as g } from "../../atoms/badge/badge.js";
-const T = f(({ items: s, maxVisible: c = 1, emptyState: o = "-", className: p }, j) => {
-  if (!s || s.length === 0) return /* @__PURE__ */ e.jsx(e.Fragment, { children: o });
-  const i = /* @__PURE__ */ new Set(), n = s.filter((r) => !r.name || i.has(r.name) ? !1 : (i.add(r.name), !0));
-  if (n.length === 0) return /* @__PURE__ */ e.jsx(e.Fragment, { children: o });
-  const u = n.slice(0, c), a = n.slice(c);
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      ref: j,
-      className: N("flex items-center gap-2", p),
-      children: [
-        u.map((r) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-          r.src ? /* @__PURE__ */ e.jsx(
-            "img",
-            {
-              src: r.src,
-              alt: r.name,
-              className: "h-4 w-4 shrink-0 object-contain",
-              onError: (l) => {
-                l.currentTarget.style.display = "none";
-              }
-            }
-          ) : r.iconName ? /* @__PURE__ */ e.jsx(t, { name: r.iconName, size: "sm", className: "shrink-0" }) : null,
-          /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsxs(x, { children: [
-            /* @__PURE__ */ e.jsx(d, { asChild: !0, children: /* @__PURE__ */ e.jsx("span", { className: "truncate text-sm", children: r.name }) }),
-            /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsx("p", { children: r.name }) })
-          ] }) })
-        ] }, r.name)),
-        a.length > 0 && /* @__PURE__ */ e.jsx(m, { delayDuration: 0, children: /* @__PURE__ */ e.jsxs(x, { children: [
-          /* @__PURE__ */ e.jsx(d, { className: "shrink-0", children: /* @__PURE__ */ e.jsxs(
-            g,
-            {
-              variant: "outline",
-              className: "text-xs cursor-pointer hover:border-primary hover:text-primary",
-              children: [
-                "+",
-                a.length
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e.jsx(h, { className: "p-2", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: a.map((r) => /* @__PURE__ */ e.jsxs(
-            "div",
-            {
-              className: "flex items-center gap-3",
-              children: [
-                r.src ? /* @__PURE__ */ e.jsx(
-                  "img",
-                  {
-                    src: r.src,
-                    alt: r.name,
-                    className: "h-4 w-4 object-contain",
-                    onError: (l) => {
-                      l.currentTarget.style.display = "none";
-                    }
-                  }
-                ) : r.iconName ? /* @__PURE__ */ e.jsx(t, { name: r.iconName, size: "sm" }) : null,
-                /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: r.name })
-              ]
-            },
-            r.name
-          )) }) })
-        ] }) })
-      ]
-    }
-  );
-});
-T.displayName = "DataTableIconTextCell";
-export {
-  T as DataTableIconTextCell
-};