@yuno-payments/dashboard-design-system 2.2.0 → 2.2.1-beta.2

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

@@ -1,10 +1,11 @@
-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", {
+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", {
   variants: {
     size: {
       xs: "size-3",
@@ -17,34 +18,39 @@ const j = u("inline-flex items-center justify-center shrink-0", {
   defaultVariants: {
     size: "md"
   }
-}), g = p(
+}), g = d(
   ({
     name: r,
-    weight: t = "light",
+    weight: n = "light",
     size: e,
     className: c,
     color: l,
-    tooltip: i,
+    tooltip: o,
     tooltipProps: m,
-    ...a
-  }, f) => {
+    autoMirrorRtl: a,
+    ...f
+  }, u) => {
     if (!r)
       return null;
-    const o = z?.[r];
-    if (!o)
+    const i = h?.[r];
+    if (!i)
       return console.error("Missing icon", r), null;
-    const n = /* @__PURE__ */ s.jsx(
-      o,
+    const p = C.has(r), x = a ?? p, s = /* @__PURE__ */ t.jsx(
+      i,
       {
-        ref: f,
+        ref: u,
         "aria-label": r,
-        className: x(j({ size: e }), c),
+        className: I(
+          N({ size: e }),
+          x && "rtl:scale-x-[-1]",
+          c
+        ),
         color: l || "currentColor",
-        weight: t,
-        ...a
+        weight: n,
+        ...f
       }
     );
-    return i ? /* @__PURE__ */ s.jsx(d, { content: i, ...m, children: n }) : n;
+    return o ? /* @__PURE__ */ t.jsx(j, { content: o, ...m, children: s }) : s;
   }
 );
 g.displayName = "Icon";

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

@@ -1,2 +1,3 @@
 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 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 FilterDateRangeLabels, 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" : "flex items-start gap-3",
+    className: t ? "flex items-center gap-3 rtl:flex-row-reverse" : "flex items-start gap-3 rtl:flex-row-reverse",
     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 ml-auto", children: e.description })
+        e.description && /* @__PURE__ */ r.jsx("p", { className: "text-sm text-muted-foreground ms-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: "mr-2 inline-flex items-center", children: s.icon }),
+                  s.icon && /* @__PURE__ */ e.jsx("span", { className: "me-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: "mr-2 inline-flex items-center", children: l.icon }),
+                l.icon && /* @__PURE__ */ e.jsx("span", { className: "me-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 React.HTMLAttributes<HTMLDivElement> {
+export interface DialogHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * Dialog title (text or custom element)
      */

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

@@ -1,2 +1,3 @@
 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,6 +3,8 @@ 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, }: PageNumbersProps) => import("react/jsx-runtime").JSX.Element;
+declare const PageNumbers: ({ currentPage, totalPages, maxVisiblePages, onPageClick, morePagesLabel, }: PageNumbersProps) => import("react/jsx-runtime").JSX.Element;
 export { PageNumbers, type PageNumbersProps };

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

@@ -1,23 +1,24 @@
 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 a } from "./page-numbers.utils.js";
-const u = ({
+import { calculateVisiblePages as d } from "./page-numbers.utils.js";
+const b = ({
   currentPage: n,
   totalPages: l,
   maxVisiblePages: o,
-  onPageClick: c
+  onPageClick: c,
+  morePagesLabel: m
 }) => {
   if (!l)
     return /* @__PURE__ */ i.jsx(e, { children: /* @__PURE__ */ i.jsx(t, { isActive: !0, children: n }) });
-  const m = (s, r) => {
+  const x = (s, r) => {
     s.preventDefault(), r !== n && c?.(r);
-  }, 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(
+  }, 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(
       t,
       {
         href: "#",
-        onClick: (j) => m(j, s),
+        onClick: (a) => x(a, s),
         isActive: s === n,
         children: s
       }
@@ -25,5 +26,5 @@ const u = ({
   ) });
 };
 export {
-  u as PageNumbers
+  b as PageNumbers
 };

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

@@ -0,0 +1,33 @@
+import { SupportedLanguage } from '../../../lib/utils';
+/**
+ * Supported languages for pagination translations
+ */
+export type PaginationLanguage = SupportedLanguage;
+/**
+ * Translation strings for Pagination component
+ */
+export interface PaginationTranslations {
+    /** Text for "Previous" button */
+    previous?: string;
+    /** Text for "Next" button */
+    next?: string;
+    /** Screen reader text for ellipsis ("More pages") */
+    morePages?: string;
+    /** Aria-label for Previous button */
+    goToPreviousPage?: string;
+    /** Aria-label for Next button */
+    goToNextPage?: string;
+}
+/**
+ * All translations by language code
+ */
+export declare const PAGINATION_TRANSLATIONS: Record<PaginationLanguage, Required<PaginationTranslations>>;
+/**
+ * Default translations (English)
+ */
+export declare const DEFAULT_PAGINATION_TRANSLATIONS: Required<PaginationTranslations>;
+/**
+ * Get translations for a specific language
+ * Falls back to localStorage language, then to English if not found
+ */
+export declare function getPaginationTranslations(lang?: PaginationLanguage): Required<PaginationTranslations>;

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

@@ -0,0 +1,82 @@
+import { getDefaultLanguage as g } from "../../../lib/utils.js";
+const e = {
+  previous: "Previous",
+  next: "Next",
+  morePages: "More pages",
+  goToPreviousPage: "Go to previous page",
+  goToNextPage: "Go to next page"
+}, r = {
+  previous: "Anterior",
+  next: "Siguiente",
+  morePages: "Más páginas",
+  goToPreviousPage: "Ir a página anterior",
+  goToNextPage: "Ir a página siguiente"
+}, t = {
+  previous: "前へ",
+  next: "次へ",
+  morePages: "その他のページ",
+  goToPreviousPage: "前のページへ",
+  goToNextPage: "次のページへ"
+}, s = {
+  previous: "السابق",
+  next: "التالي",
+  morePages: "صفحات أخرى",
+  goToPreviousPage: "انتقل إلى الصفحة السابقة",
+  goToNextPage: "انتقل إلى الصفحة التالية"
+}, i = {
+  previous: "Précédent",
+  next: "Suivant",
+  morePages: "Plus de pages",
+  goToPreviousPage: "Aller à la page précédente",
+  goToNextPage: "Aller à la page suivante"
+}, n = {
+  previous: "Anterior",
+  next: "Próximo",
+  morePages: "Mais páginas",
+  goToPreviousPage: "Ir para página anterior",
+  goToNextPage: "Ir para próxima página"
+}, T = {
+  previous: "Önceki",
+  next: "Sonraki",
+  morePages: "Daha fazla sayfa",
+  goToPreviousPage: "Önceki sayfaya git",
+  goToNextPage: "Sonraki sayfaya git"
+}, P = {
+  previous: "Назад",
+  next: "Вперёд",
+  morePages: "Ещё страницы",
+  goToPreviousPage: "Перейти на предыдущую страницу",
+  goToNextPage: "Перейти на следующую страницу"
+}, N = {
+  previous: "Zurück",
+  next: "Weiter",
+  morePages: "Weitere Seiten",
+  goToPreviousPage: "Zur vorherigen Seite",
+  goToNextPage: "Zur nächsten Seite"
+}, u = {
+  previous: "上一页",
+  next: "下一页",
+  morePages: "更多页面",
+  goToPreviousPage: "转到上一页",
+  goToNextPage: "转到下一页"
+}, A = {
+  en: e,
+  es: r,
+  ja: t,
+  ar: s,
+  fr: i,
+  pt: n,
+  tr: T,
+  ru: P,
+  de: N,
+  zh: u
+}, S = e;
+function v(o) {
+  const a = o ?? g();
+  return A[a] ?? S;
+}
+export {
+  S as DEFAULT_PAGINATION_TRANSLATIONS,
+  A as PAGINATION_TRANSLATIONS,
+  v as getPaginationTranslations
+};

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

@@ -1,4 +1,5 @@
 import { ComponentProps } from 'react';
+import { PaginationLanguage, PaginationTranslations } from './pagination-translations';
 /**
  * Props for the Pagination component
  */
@@ -43,6 +44,14 @@ 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,58 +1,66 @@
-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(
+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(
   ({
     currentPage: n,
-    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?.();
+    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?.();
     };
-    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,
+    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,
         {
           href: "#",
-          onClick: P,
-          "aria-disabled": a,
-          className: a ? l : ""
+          onClick: v,
+          "aria-disabled": s,
+          className: s ? c : "",
+          label: a.previous,
+          ariaLabel: a.goToPreviousPage
         }
       ) }),
-      /* @__PURE__ */ i.jsx(
-        N,
+      /* @__PURE__ */ e.jsx(
+        L,
         {
           currentPage: n,
-          totalPages: e,
-          maxVisiblePages: p,
-          onPageClick: c
+          totalPages: o,
+          maxVisiblePages: u,
+          onPageClick: d,
+          morePagesLabel: a.morePages
         }
       ),
-      o && /* @__PURE__ */ i.jsx(r, { children: /* @__PURE__ */ i.jsx(
-        k,
+      r && /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(
+        A,
         {
           href: "#",
-          onClick: C,
-          "aria-disabled": s,
-          className: s ? l : ""
+          onClick: N,
+          "aria-disabled": t,
+          className: t ? c : "",
+          label: a.next,
+          ariaLabel: a.goToNextPage
         }
       ) })
     ] }) });
   }
 );
-S.displayName = "Pagination";
+I.displayName = "Pagination";
 export {
-  S as Pagination
+  I as Pagination
 };

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

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