@yuno-payments/dashboard-design-system 2.3.4 → 2.3.5

package/dist/components/atoms/icon/icon.js

@@ -1,11 +1,10 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as d } from "react";
-import { cva as z } from "../../../node_modules/class-variance-authority/dist/index.js";
-import { cn as I } from "../../../lib/utils.js";
-import { IconList as h } from "./icon-list.js";
-import { Tooltip as j } from "../tooltip/tooltip.js";
-import { DIRECTIONAL_ICONS as C } from "./directional-icons.js";
-const N = z("inline-flex items-center justify-center shrink-0", {
+import { j as s } from "../../../_virtual/jsx-runtime.js";
+import { forwardRef as p } from "react";
+import { cva as u } from "../../../node_modules/class-variance-authority/dist/index.js";
+import { cn as x } from "../../../lib/utils.js";
+import { IconList as z } from "./icon-list.js";
+import { Tooltip as d } from "../tooltip/tooltip.js";
+const j = u("inline-flex items-center justify-center shrink-0", {
   variants: {
     size: {
       xs: "size-3",
@@ -18,39 +17,34 @@ const N = z("inline-flex items-center justify-center shrink-0", {
   defaultVariants: {
     size: "md"
   }
-}), g = d(
+}), g = p(
   ({
     name: r,
-    weight: n = "light",
+    weight: t = "light",
     size: e,
     className: c,
     color: l,
-    tooltip: o,
+    tooltip: i,
     tooltipProps: m,
-    autoMirrorRtl: a,
-    ...f
-  }, u) => {
+    ...a
+  }, f) => {
     if (!r)
       return null;
-    const i = h?.[r];
-    if (!i)
+    const o = z?.[r];
+    if (!o)
       return console.error("Missing icon", r), null;
-    const p = C.has(r), x = a ?? p, s = /* @__PURE__ */ t.jsx(
-      i,
+    const n = /* @__PURE__ */ s.jsx(
+      o,
       {
-        ref: u,
+        ref: f,
         "aria-label": r,
-        className: I(
-          N({ size: e }),
-          x && "rtl:scale-x-[-1]",
-          c
-        ),
+        className: x(j({ size: e }), c),
         color: l || "currentColor",
-        weight: n,
-        ...f
+        weight: t,
+        ...a
       }
     );
-    return o ? /* @__PURE__ */ t.jsx(j, { content: o, ...m, children: s }) : s;
+    return i ? /* @__PURE__ */ s.jsx(d, { content: i, ...m, children: n }) : n;
   }
 );
 g.displayName = "Icon";

package/dist/components/atoms/icon/index.d.ts

@@ -1,3 +1,2 @@
 export { Icon, type IconProps } from './icon';
 export { IconList, type IconName } from './icon-list';
-export { DIRECTIONAL_ICONS } from './directional-icons';

package/dist/components/atoms/index.d.ts

@@ -10,7 +10,7 @@ export { CurrencyField, type CurrencyFieldProps } from './currency-field';
 export { DatePicker, type DatePickerProps } from './date-picker';
 export { DateRangePicker, type DateRangePickerProps, } from './date-range-picker';
 export { TimePicker, type TimePickerProps } from './time-picker';
-export { FilterButton, FilterTag, FilterSection, FilterCheckboxOption, FilterRadioOption, FilterContent, FilterDateRange, FilterDateRangeOption, FilterDateRangeValue, FilterMultiInput, type FilterButtonProps, type FilterTagProps, type FilterSectionProps, type FilterCheckboxOptionProps, type FilterRadioOptionProps, type FilterContentProps, type FilterDateRangeProps, type FilterDateRangeOptionProps, type FilterDateRangeLabels, type FilterMultiInputProps, } from './filter';
+export { FilterButton, FilterTag, FilterSection, FilterCheckboxOption, FilterRadioOption, FilterContent, FilterDateRange, FilterDateRangeOption, FilterDateRangeValue, FilterMultiInput, type FilterButtonProps, type FilterTagProps, type FilterSectionProps, type FilterCheckboxOptionProps, type FilterRadioOptionProps, type FilterContentProps, type FilterDateRangeProps, type FilterDateRangeOptionProps, type FilterMultiInputProps, } from './filter';
 export { FilterDropdown, FilterMenu, FilterMenuItem, type FilterDropdownProps, type FilterConfig, type FilterMenuProps, type FilterMenuItemProps, type FilterDeferredContext, } from './filter-dropdown';
 export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, type DropdownMenuProps, type DropdownMenuPortalProps, type DropdownMenuTriggerProps, type DropdownMenuContentProps, type DropdownMenuGroupProps, type DropdownMenuLabelProps, type DropdownMenuItemProps, type DropdownMenuCheckboxItemProps, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemProps, type DropdownMenuSeparatorProps, type DropdownMenuShortcutProps, type DropdownMenuSubProps, type DropdownMenuSubTriggerProps, type DropdownMenuSubContentProps, } from './dropdown-menu';
 export { DotsMenu, type DotsMenuProps, type DotsMenuAction, type DotsMenuOptions, } from './dots-menu';

package/dist/components/atoms/radio-group/radio-group-option.js

@@ -9,7 +9,7 @@ const o = ({
 }) => /* @__PURE__ */ r.jsxs(
   "div",
   {
-    className: t ? "flex items-center gap-3 rtl:flex-row-reverse" : "flex items-start gap-3 rtl:flex-row-reverse",
+    className: t ? "flex items-center gap-3" : "flex items-start gap-3",
     children: [
       /* @__PURE__ */ r.jsx(
         d,
@@ -32,7 +32,7 @@ const o = ({
             children: e.label
           }
         ),
-        e.description && /* @__PURE__ */ r.jsx("p", { className: "text-sm text-muted-foreground ms-auto", children: e.description })
+        e.description && /* @__PURE__ */ r.jsx("p", { className: "text-sm text-muted-foreground ml-auto", children: e.description })
       ] }) : /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-1.5 flex-1", children: [
         /* @__PURE__ */ r.jsx(
           a,

package/dist/components/atoms/select/select.js

@@ -72,14 +72,14 @@ const $ = G.forwardRef(
               j.map((l, C) => /* @__PURE__ */ e.jsxs(V, { children: [
                 l.label && /* @__PURE__ */ e.jsx(E, { children: l.label }),
                 l.options.map((s) => /* @__PURE__ */ e.jsxs(f, { value: s.value, children: [
-                  s.icon && /* @__PURE__ */ e.jsx("span", { className: "me-2 inline-flex items-center", children: s.icon }),
+                  s.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", children: s.icon }),
                   s.label
                 ] }, s.value))
               ] }, C))
             ) : w ? (
               // Render flat options
               h.map((l) => /* @__PURE__ */ e.jsx(f, { value: l.value, children: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
-                l.icon && /* @__PURE__ */ e.jsx("span", { className: "me-2 inline-flex items-center", children: l.icon }),
+                l.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", children: l.icon }),
                 l.label
               ] }) }, l.value))
             ) : null })

package/dist/components/molecules/dialog-header/dialog-header.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 /**
  * Props for the DialogHeader component
  */
-export interface DialogHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+export interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Dialog title (text or custom element)
      */

package/dist/components/molecules/pagination/index.d.ts

@@ -1,3 +1,2 @@
 export { Pagination, type PaginationProps } from './pagination';
-export { getPaginationTranslations, type PaginationLanguage, type PaginationTranslations, } from './pagination-translations';
 export { Pagination as PaginationRoot, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from '../../../vendor/shadcn/pagination';

package/dist/components/molecules/pagination/page-numbers.d.ts

@@ -3,8 +3,6 @@ interface PageNumbersProps {
     totalPages?: number;
     maxVisiblePages: number;
     onPageClick?: (page: number) => void;
-    /** Screen reader label for ellipsis (default: "More pages") */
-    morePagesLabel?: string;
 }
-declare const PageNumbers: ({ currentPage, totalPages, maxVisiblePages, onPageClick, morePagesLabel, }: PageNumbersProps) => import("react/jsx-runtime").JSX.Element;
+declare const PageNumbers: ({ currentPage, totalPages, maxVisiblePages, onPageClick, }: PageNumbersProps) => import("react/jsx-runtime").JSX.Element;
 export { PageNumbers, type PageNumbersProps };

package/dist/components/molecules/pagination/page-numbers.js

@@ -1,24 +1,23 @@
 import { j as i } from "../../../_virtual/jsx-runtime.js";
 import { PaginationItem as e, PaginationLink as t, PaginationEllipsis as h } from "../../../vendor/shadcn/pagination.js";
-import { calculateVisiblePages as d } from "./page-numbers.utils.js";
-const b = ({
+import { calculateVisiblePages as a } from "./page-numbers.utils.js";
+const u = ({
   currentPage: n,
   totalPages: l,
   maxVisiblePages: o,
-  onPageClick: c,
-  morePagesLabel: m
+  onPageClick: c
 }) => {
   if (!l)
     return /* @__PURE__ */ i.jsx(e, { children: /* @__PURE__ */ i.jsx(t, { isActive: !0, children: n }) });
-  const x = (s, r) => {
+  const m = (s, r) => {
     s.preventDefault(), r !== n && c?.(r);
-  }, j = d(n, l, o);
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: j.map(
-    (s, r) => s === "ellipsis" ? /* @__PURE__ */ i.jsx(e, { children: /* @__PURE__ */ i.jsx(h, { srLabel: m }) }, `ellipsis-${r}`) : /* @__PURE__ */ i.jsx(e, { children: /* @__PURE__ */ i.jsx(
+  }, x = a(n, l, o);
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: x.map(
+    (s, r) => s === "ellipsis" ? /* @__PURE__ */ i.jsx(e, { children: /* @__PURE__ */ i.jsx(h, {}) }, `ellipsis-${r}`) : /* @__PURE__ */ i.jsx(e, { children: /* @__PURE__ */ i.jsx(
       t,
       {
         href: "#",
-        onClick: (a) => x(a, s),
+        onClick: (j) => m(j, s),
         isActive: s === n,
         children: s
       }
@@ -26,5 +25,5 @@ const b = ({
   ) });
 };
 export {
-  b as PageNumbers
+  u as PageNumbers
 };

package/dist/components/molecules/pagination/pagination.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps } from 'react';
-import { PaginationLanguage, PaginationTranslations } from './pagination-translations';
 /**
  * Props for the Pagination component
  */
@@ -44,14 +43,6 @@ interface PaginationProps extends ComponentProps<"nav"> {
      * @default 5
      */
     maxVisiblePages?: number;
-    /**
-     * Language for translations. Falls back to localStorage "yuno-lang", then "en".
-     */
-    lang?: PaginationLanguage;
-    /**
-     * Custom translations to override default language strings
-     */
-    translations?: Partial<PaginationTranslations>;
 }
 /**
  * Pagination component for navigating through multiple pages of content.

package/dist/components/molecules/pagination/pagination.js

@@ -1,66 +1,58 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as C, useMemo as D } from "react";
-import { PageNumbers as L } from "./page-numbers.js";
-import { Pagination as k, PaginationContent as S, PaginationItem as m, PaginationPrevious as y, PaginationNext as A } from "../../../vendor/shadcn/pagination.js";
-import { getPaginationTranslations as E } from "./pagination-translations.js";
-const c = "pointer-events-none opacity-50", I = C(
+import { j as i } from "../../../_virtual/jsx-runtime.js";
+import { forwardRef as D } from "react";
+import { PageNumbers as N } from "./page-numbers.js";
+import { Pagination as b, PaginationContent as g, PaginationItem as r, PaginationPrevious as v, PaginationNext as k } from "../../../vendor/shadcn/pagination.js";
+const l = "pointer-events-none opacity-50", S = D(
   ({
     currentPage: n,
-    totalPages: o,
-    onPageClick: d,
-    onClickNext: x,
-    onClickPrev: p,
-    disablePrevious: P = !1,
-    disableNext: g = !1,
-    showPreviousNext: r = !0,
-    maxVisiblePages: u = 5,
-    lang: l,
-    translations: f,
-    className: b,
-    ...j
-  }, h) => {
-    const a = D(() => ({ ...E(l), ...f }), [l, f]), s = n === 1 || P, t = (o ? n >= o : !1) || g, v = (i) => {
-      i.preventDefault(), !s && p?.();
-    }, N = (i) => {
-      i.preventDefault(), !t && x?.();
+    totalPages: e,
+    onPageClick: c,
+    onClickNext: f,
+    onClickPrev: d,
+    disablePrevious: m = !1,
+    disableNext: x = !1,
+    showPreviousNext: o = !0,
+    maxVisiblePages: p = 5,
+    className: j,
+    ...h
+  }, u) => {
+    const a = n === 1 || m, s = (e ? n >= e : !1) || x, P = (t) => {
+      t.preventDefault(), !a && d?.();
+    }, C = (t) => {
+      t.preventDefault(), !s && f?.();
     };
-    return /* @__PURE__ */ e.jsx(k, { ref: h, className: b, ...j, children: /* @__PURE__ */ e.jsxs(S, { children: [
-      r && /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(
-        y,
+    return /* @__PURE__ */ i.jsx(b, { ref: u, className: j, ...h, children: /* @__PURE__ */ i.jsxs(g, { children: [
+      o && /* @__PURE__ */ i.jsx(r, { children: /* @__PURE__ */ i.jsx(
+        v,
         {
           href: "#",
-          onClick: v,
-          "aria-disabled": s,
-          className: s ? c : "",
-          label: a.previous,
-          ariaLabel: a.goToPreviousPage
+          onClick: P,
+          "aria-disabled": a,
+          className: a ? l : ""
         }
       ) }),
-      /* @__PURE__ */ e.jsx(
-        L,
+      /* @__PURE__ */ i.jsx(
+        N,
         {
           currentPage: n,
-          totalPages: o,
-          maxVisiblePages: u,
-          onPageClick: d,
-          morePagesLabel: a.morePages
+          totalPages: e,
+          maxVisiblePages: p,
+          onPageClick: c
         }
       ),
-      r && /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(
-        A,
+      o && /* @__PURE__ */ i.jsx(r, { children: /* @__PURE__ */ i.jsx(
+        k,
         {
           href: "#",
-          onClick: N,
-          "aria-disabled": t,
-          className: t ? c : "",
-          label: a.next,
-          ariaLabel: a.goToNextPage
+          onClick: C,
+          "aria-disabled": s,
+          className: s ? l : ""
         }
       ) })
     ] }) });
   }
 );
-I.displayName = "Pagination";
+S.displayName = "Pagination";
 export {
-  I as Pagination
+  S as Pagination
 };

package/dist/components/organisms/data-table/components/column-header/data-table-column-header-menu.d.ts

@@ -1,10 +1,8 @@
 import { Column } from '@tanstack/react-table';
-import { DataTableTranslations } from '../../data-table.types';
 interface DataTableColumnHeaderMenuProps<TData, TValue> {
     column: Column<TData, TValue>;
     isLastVisibleColumn: boolean;
     onManageColumnsClick: () => void;
-    translations: Required<DataTableTranslations>;
 }
-export declare function DataTableColumnHeaderMenu<TData, TValue>({ column, isLastVisibleColumn, onManageColumnsClick, translations, }: DataTableColumnHeaderMenuProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableColumnHeaderMenu<TData, TValue>({ column, isLastVisibleColumn, onManageColumnsClick, }: DataTableColumnHeaderMenuProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/data-table/components/column-header/data-table-column-header-menu.js

@@ -1,76 +1,75 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.js";
 import { Icon as n } from "../../../../atoms/icon/icon.js";
-import { DropdownMenuContent as c, DropdownMenuItem as r, DropdownMenuSeparator as o } from "../../../../atoms/dropdown-menu/dropdown-menu.js";
-function C({
+import { DropdownMenuContent as g, DropdownMenuItem as i, DropdownMenuSeparator as o } from "../../../../atoms/dropdown-menu/dropdown-menu.js";
+function p({
   column: s,
-  isLastVisibleColumn: d,
-  onManageColumnsClick: x,
-  translations: i
+  isLastVisibleColumn: r,
+  onManageColumnsClick: a
 }) {
-  const l = s.getCanSort(), a = s.getCanPin(), g = s.getCanHide(), t = s.getIsPinned(), m = s.getIsSorted();
-  return /* @__PURE__ */ e.jsxs(c, { align: "start", children: [
+  const l = s.getCanSort(), d = s.getCanPin(), x = s.getCanHide(), t = s.getIsPinned(), c = s.getIsSorted();
+  return /* @__PURE__ */ e.jsxs(g, { align: "start", children: [
     l && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs(r, { onClick: () => s.toggleSorting(!1), children: [
+      /* @__PURE__ */ e.jsxs(i, { onClick: () => s.toggleSorting(!1), children: [
         /* @__PURE__ */ e.jsx(n, { name: "ArrowUp", size: "sm" }),
-        i.ascending
+        "Ascending"
       ] }),
-      /* @__PURE__ */ e.jsxs(r, { onClick: () => s.toggleSorting(!0), children: [
+      /* @__PURE__ */ e.jsxs(i, { onClick: () => s.toggleSorting(!0), children: [
         /* @__PURE__ */ e.jsx(n, { name: "ArrowDown", size: "sm" }),
-        i.descending
+        "Descending"
       ] }),
-      m && /* @__PURE__ */ e.jsxs(r, { onClick: () => s.clearSorting(), children: [
+      c && /* @__PURE__ */ e.jsxs(i, { onClick: () => s.clearSorting(), children: [
         /* @__PURE__ */ e.jsx(n, { name: "X", size: "sm" }),
-        i.clearSorting
+        "Clear sorting"
       ] }),
       /* @__PURE__ */ e.jsx(o, {})
     ] }),
-    a && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
-        r,
+        i,
         {
           onClick: () => s.pin("left"),
           disabled: t === "left",
           children: [
             /* @__PURE__ */ e.jsx(n, { name: "PushPinSimple", size: "sm" }),
-            i.pinToLeft
+            "Pin to the left"
           ]
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        r,
+        i,
         {
           onClick: () => s.pin("right"),
           disabled: t === "right",
           children: [
             /* @__PURE__ */ e.jsx(n, { name: "PushPinSimple", size: "sm" }),
-            i.pinToRight
+            "Pin to the right"
           ]
         }
       ),
-      t && /* @__PURE__ */ e.jsxs(r, { onClick: () => s.pin(!1), children: [
+      t && /* @__PURE__ */ e.jsxs(i, { onClick: () => s.pin(!1), children: [
         /* @__PURE__ */ e.jsx(n, { name: "PushPinSimpleSlash", size: "sm" }),
-        i.unpin
+        "Unpin"
       ] }),
       /* @__PURE__ */ e.jsx(o, {})
     ] }),
-    g && /* @__PURE__ */ e.jsxs(
-      r,
+    x && /* @__PURE__ */ e.jsxs(
+      i,
       {
         onClick: () => s.toggleVisibility(!1),
-        disabled: d,
+        disabled: r,
         children: [
           /* @__PURE__ */ e.jsx(n, { name: "EyeSlash", size: "sm" }),
-          i.hide,
-          d && /* @__PURE__ */ e.jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: i.lastColumn })
+          "Hide",
+          r && /* @__PURE__ */ e.jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: "(Last column)" })
         ]
       }
     ),
-    /* @__PURE__ */ e.jsxs(r, { onClick: x, children: [
+    /* @__PURE__ */ e.jsxs(i, { onClick: a, children: [
       /* @__PURE__ */ e.jsx(n, { name: "Columns", size: "sm" }),
-      i.manageColumns
+      "Manage columns"
     ] })
   ] });
 }
 export {
-  C as DataTableColumnHeaderMenu
+  p as DataTableColumnHeaderMenu
 };

package/dist/components/organisms/data-table/components/column-header/data-table-column-header.js

@@ -1,38 +1,37 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.js";
-import { Icon as h } from "../../../../atoms/icon/icon.js";
-import { cn as u } from "../../../../../lib/utils.js";
-import { useColumnHeader as O } from "../../hooks/use-column-header.js";
-import { DataTableColumnHeaderMenu as b } from "./data-table-column-header-menu.js";
+import { Icon as b } from "../../../../atoms/icon/icon.js";
+import { cn as m } from "../../../../../lib/utils.js";
+import { useColumnHeader as D } from "../../hooks/use-column-header.js";
+import { DataTableColumnHeaderMenu as O } from "./data-table-column-header-menu.js";
 import { DataTableManageColumnsDialog as v } from "../dialogs/data-table-manage-columns-dialog.js";
-import { DataTableColumnHeaderContent as A } from "./data-table-column-header-content.js";
-import { DEFAULT_DATA_TABLE_TRANSLATIONS as H } from "../../data-table.types.js";
+import { DataTableColumnHeaderContent as H } from "./data-table-column-header-content.js";
 import { DropdownMenu as I } from "../../../../atoms/dropdown-menu/dropdown-menu.js";
-function w({
+function z({
   column: o,
-  table: s,
-  title: a,
-  className: r,
+  table: l,
+  title: s,
+  className: a,
   info: n
 }) {
   const {
-    isHovered: p,
-    setIsHovered: t,
-    isMenuOpen: i,
-    setIsMenuOpen: d,
-    isManageColumnsOpen: c,
+    isHovered: u,
+    setIsHovered: r,
+    isMenuOpen: t,
+    setIsMenuOpen: p,
+    isManageColumnsOpen: d,
     setIsManageColumnsOpen: C,
-    isPinned: x,
-    canPin: f,
-    canSort: m,
+    isPinned: c,
+    canPin: x,
+    canSort: i,
     isSorted: g,
-    toggleableColumns: j,
-    visibleColumnsCount: M,
-    isLastVisibleColumn: D,
-    handleManageColumnsClick: T
-  } = O(o, s), l = s.options.meta?.translations ?? H;
-  return !m && !f ? /* @__PURE__ */ e.jsxs("div", { className: u("flex items-center gap-2", r), children: [
+    toggleableColumns: f,
+    visibleColumnsCount: j,
+    isLastVisibleColumn: M,
+    handleManageColumnsClick: h
+  } = D(o, l);
+  return !i && !x ? /* @__PURE__ */ e.jsxs("div", { className: m("flex items-center gap-2", a), children: [
     n && /* @__PURE__ */ e.jsx(
-      h,
+      b,
       {
         name: "Info",
         size: "sm",
@@ -40,45 +39,43 @@ function w({
         tooltip: n
       }
     ),
-    /* @__PURE__ */ e.jsx("span", { children: a })
+    /* @__PURE__ */ e.jsx("span", { children: s })
   ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { className: u("flex items-center gap-2", r), children: /* @__PURE__ */ e.jsxs(I, { open: i, onOpenChange: d, children: [
+    /* @__PURE__ */ e.jsx("div", { className: m("flex items-center gap-2", a), children: /* @__PURE__ */ e.jsxs(I, { open: t, onOpenChange: p, children: [
       /* @__PURE__ */ e.jsx(
-        A,
+        H,
         {
-          title: a,
+          title: s,
           info: n,
-          isPinned: x,
-          canSort: m,
+          isPinned: c,
+          canSort: i,
           sortDirection: g,
-          isHovered: p,
-          isMenuOpen: i,
-          onMouseEnter: () => t(!0),
-          onMouseLeave: () => t(!1)
+          isHovered: u,
+          isMenuOpen: t,
+          onMouseEnter: () => r(!0),
+          onMouseLeave: () => r(!1)
         }
       ),
       /* @__PURE__ */ e.jsx(
-        b,
+        O,
         {
           column: o,
-          isLastVisibleColumn: D,
-          onManageColumnsClick: T,
-          translations: l
+          isLastVisibleColumn: M,
+          onManageColumnsClick: h
         }
       )
     ] }) }),
     /* @__PURE__ */ e.jsx(
       v,
       {
-        isOpen: c,
+        isOpen: d,
         onOpenChange: C,
-        toggleableColumns: j,
-        visibleColumnsCount: M,
-        translations: l
+        toggleableColumns: f,
+        visibleColumnsCount: j
       }
     )
   ] });
 }
 export {
-  w as DataTableColumnHeader
+  z as DataTableColumnHeader
 };

package/dist/components/organisms/data-table/components/data-table-header.js

@@ -1,36 +1,37 @@
 import { j as a } from "../../../../_virtual/jsx-runtime.js";
+import "react";
 import { TableHeader as r, TableRow as m } from "../../../../vendor/shadcn/table.js";
 import { DataTableHeaderCell as o } from "./cells/data-table-header-cell.js";
 import { DataTableDraggableHeaderCell as d } from "./cells/data-table-draggable-header-cell.js";
-function j({
-  table: i,
-  enableColumnResizing: l,
-  enableColumnDragDrop: n = !1
+function b({
+  table: l,
+  enableColumnResizing: i,
+  enableColumnDragDrop: t = !1
 }) {
-  return n ? /* @__PURE__ */ a.jsx(r, { children: i.getHeaderGroups().map((s) => /* @__PURE__ */ a.jsx(m, { className: "bg-muted", children: s.headers.map((e, t) => e.column.id === "select" || e.column.id === "actions" || e.column.id === "_spacer" ? /* @__PURE__ */ a.jsx(
+  return t ? /* @__PURE__ */ a.jsx(r, { children: l.getHeaderGroups().map((s) => /* @__PURE__ */ a.jsx(m, { className: "bg-muted", children: s.headers.map((e, n) => e.column.id === "select" || e.column.id === "actions" || e.column.id === "_spacer" ? /* @__PURE__ */ a.jsx(
     o,
     {
       header: e,
-      enableColumnResizing: l ?? !1
+      enableColumnResizing: i ?? !1
     },
     e.id
   ) : /* @__PURE__ */ a.jsx(
     d,
     {
       header: e,
-      index: t,
-      enableColumnResizing: l ?? !1
+      index: n,
+      enableColumnResizing: i ?? !1
     },
     e.id
-  )) }, s.id)) }) : /* @__PURE__ */ a.jsx(r, { children: i.getHeaderGroups().map((s) => /* @__PURE__ */ a.jsx(m, { className: "bg-muted", children: s.headers.map((e) => /* @__PURE__ */ a.jsx(
+  )) }, s.id)) }) : /* @__PURE__ */ a.jsx(r, { children: l.getHeaderGroups().map((s) => /* @__PURE__ */ a.jsx(m, { className: "bg-muted", children: s.headers.map((e) => /* @__PURE__ */ a.jsx(
     o,
     {
       header: e,
-      enableColumnResizing: l ?? !1
+      enableColumnResizing: i ?? !1
     },
     e.id
   )) }, s.id)) });
 }
 export {
-  j as DataTableHeader
+  b as DataTableHeader
 };

package/dist/components/organisms/data-table/components/dialogs/data-table-manage-columns-dialog.d.ts

@@ -1,11 +1,9 @@
 import { Column } from '@tanstack/react-table';
-import { DataTableTranslations } from '../../data-table.types';
 interface DataTableManageColumnsDialogProps<TData> {
     isOpen: boolean;
     onOpenChange: (open: boolean) => void;
     toggleableColumns: Column<TData, unknown>[];
     visibleColumnsCount: number;
-    translations: Required<DataTableTranslations>;
 }
-export declare function DataTableManageColumnsDialog<TData>({ isOpen, onOpenChange, toggleableColumns, visibleColumnsCount, translations, }: DataTableManageColumnsDialogProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableManageColumnsDialog<TData>({ isOpen, onOpenChange, toggleableColumns, visibleColumnsCount, }: DataTableManageColumnsDialogProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};