@parto-system-design/ui 1.1.11 → 1.1.16

package/dist/components/ui/data-table.js

@@ -1,9 +1,1539 @@
-export { DataTable } from '../../chunk-GCZ6YATL.js';
-import '../../chunk-3QYYPPFJ.js';
-import '../../chunk-S3T2L6NA.js';
-import '../../chunk-5JJSRGJD.js';
-import '../../chunk-SB5DSYR5.js';
-import '../../chunk-CV3N3HVK.js';
-import '../../chunk-4SVQNEVH.js';
+'use client';
+import * as React6 from 'react';
+import { forwardRef, cloneElement, isValidElement } from 'react';
+import { CheckIcon, Loader2, ChevronRightIcon, ChevronLeftIcon, MoreHorizontalIcon, ChevronDown, ChevronRight } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import { Slot } from '@radix-ui/react-slot';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function convertToLocalNumbers(text, locale) {
+  if (locale === "fa" || locale === "ar") {
+    const persianDigits = ["\u06F0", "\u06F1", "\u06F2", "\u06F3", "\u06F4", "\u06F5", "\u06F6", "\u06F7", "\u06F8", "\u06F9"];
+    return String(text).replace(/\d/g, (digit) => persianDigits[parseInt(digit)]);
+  }
+  return String(text);
+}
+
+// src/lib/i18n.ts
+function isRTL(locale) {
+  return locale === "fa" || locale === "ar";
+}
+var UI_STRINGS = {
+  fa: {
+    // Autocomplete
+    noResults: "\u0646\u062A\u06CC\u062C\u0647\u200C\u0627\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F",
+    suggestions: "\u067E\u06CC\u0634\u0646\u0647\u0627\u062F\u0647\u0627",
+    // MultiSelect
+    select: "\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F",
+    noOptionsFound: "\u0645\u0648\u0631\u062F\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F",
+    search: "\u062C\u0633\u062A\u062C\u0648...",
+    clearAll: "\u067E\u0627\u06A9 \u06A9\u0631\u062F\u0646 \u0647\u0645\u0647",
+    // DatePicker / DateRangePicker
+    selectDate: "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E",
+    selectDateRange: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0628\u0627\u0632\u0647 \u062A\u0627\u0631\u06CC\u062E",
+    // ErrorState
+    errorLoadingData: "\u062E\u0637\u0627 \u062F\u0631 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC \u062F\u0627\u062F\u0647\u200C\u0647\u0627",
+    retry: "\u062A\u0644\u0627\u0634 \u0645\u062C\u062F\u062F",
+    // FilterChip
+    remove: "\u062D\u0630\u0641",
+    // UserAutocomplete
+    noUsersFound: "\u06A9\u0627\u0631\u0628\u0631\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F",
+    // Pagination
+    goToPreviousPage: "\u0631\u0641\u062A\u0646 \u0628\u0647 \u0635\u0641\u062D\u0647 \u0642\u0628\u0644\u06CC",
+    goToNextPage: "\u0631\u0641\u062A\u0646 \u0628\u0647 \u0635\u0641\u062D\u0647 \u0628\u0639\u062F\u06CC",
+    previous: "\u0642\u0628\u0644\u06CC",
+    next: "\u0628\u0639\u062F\u06CC",
+    // ProfileInfo
+    actions: "\u0639\u0645\u0644\u06CC\u0627\u062A",
+    // CopyButton
+    copy: "\u06A9\u067E\u06CC",
+    copied: "\u06A9\u067E\u06CC \u0634\u062F",
+    // ConfirmDialog
+    confirm: "\u062A\u0627\u06CC\u06CC\u062F",
+    cancel: "\u0627\u0646\u0635\u0631\u0627\u0641",
+    areYouSure: "\u0622\u06CC\u0627 \u0645\u0637\u0645\u0626\u0646 \u0647\u0633\u062A\u06CC\u062F\u061F",
+    // Stepper
+    stepperLabel: "\u0645\u0631\u0627\u062D\u0644",
+    stepCompleted: "\u062A\u06A9\u0645\u06CC\u0644 \u0634\u062F\u0647",
+    stepCurrent: "\u0645\u0631\u062D\u0644\u0647 \u0641\u0639\u0644\u06CC",
+    stepPending: "\u062F\u0631 \u0627\u0646\u062A\u0638\u0627\u0631",
+    // FilterBar / FilterPanel
+    clearFilters: "\u067E\u0627\u06A9 \u06A9\u0631\u062F\u0646 \u0641\u06CC\u0644\u062A\u0631\u0647\u0627",
+    activeFilters: "\u0641\u06CC\u0644\u062A\u0631\u0647\u0627\u06CC \u0641\u0639\u0627\u0644",
+    filters: "\u0641\u06CC\u0644\u062A\u0631\u0647\u0627",
+    applyFilters: "\u0627\u0639\u0645\u0627\u0644",
+    resetFilters: "\u067E\u06CC\u0634\u200C\u0641\u0631\u0636",
+    noFiltersActive: "\u0641\u06CC\u0644\u062A\u0631 \u0641\u0639\u0627\u0644\u06CC \u0646\u06CC\u0633\u062A",
+    clearSection: "\u067E\u0627\u06A9 \u06A9\u0631\u062F\u0646 \u0627\u06CC\u0646 \u0628\u062E\u0634",
+    // PageHeader
+    goBack: "\u0628\u0627\u0632\u06AF\u0634\u062A",
+    // ViewToggle
+    gridView: "\u0646\u0645\u0627\u06CC \u0634\u0628\u06A9\u0647\u200C\u0627\u06CC",
+    listView: "\u0646\u0645\u0627\u06CC \u0644\u06CC\u0633\u062A\u06CC",
+    // PageLoader
+    loading: "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC...",
+    // ErrorBoundary
+    unexpectedError: "\u062E\u0637\u0627\u06CC \u063A\u06CC\u0631\u0645\u0646\u062A\u0638\u0631\u0647\u200C\u0627\u06CC \u0631\u062E \u062F\u0627\u062F",
+    // DataTable
+    selectAll: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0647\u0645\u0647",
+    selectRow: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0631\u062F\u06CC\u0641",
+    noDataToDisplay: "\u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u0628\u0631\u0627\u06CC \u0646\u0645\u0627\u06CC\u0634 \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F",
+    // InstagramPost
+    likesCount: "\u062A\u0639\u062F\u0627\u062F \u0644\u0627\u06CC\u06A9",
+    commentsCount: "\u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0645\u0646\u062A",
+    viewsCount: "\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F",
+    sharesCount: "\u062A\u0639\u062F\u0627\u062F \u0627\u0634\u062A\u0631\u0627\u06A9",
+    postTypeLabel: "\u0646\u0648\u0639 \u067E\u0633\u062A",
+    postTypePhoto: "\u0639\u06A9\u0633",
+    postTypeVideo: "\u0648\u06CC\u062F\u06CC\u0648",
+    postTypeCarousel: "\u0627\u0633\u0644\u0627\u06CC\u062F",
+    showMore: "\u0628\u06CC\u0634\u062A\u0631",
+    showLess: "\u06A9\u0645\u062A\u0631",
+    noMediaAvailable: "\u0631\u0633\u0627\u0646\u0647\u200C\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0646\u06CC\u0633\u062A",
+    commentAnalysis: "\u062A\u062D\u0644\u06CC\u0644 \u06A9\u0627\u0645\u0646\u062A\u200C\u0647\u0627",
+    commentAnalysisDisabled: "\u062A\u062D\u0644\u06CC\u0644 \u06A9\u0627\u0645\u0646\u062A\u200C\u0647\u0627 (\u063A\u06CC\u0631\u0641\u0639\u0627\u0644)",
+    booster: "\u0628\u0648\u0633\u062A\u0631",
+    boosterDisabled: "\u0628\u0648\u0633\u062A\u0631 (\u063A\u06CC\u0631\u0641\u0639\u0627\u0644)",
+    aiAnalysis: "\u062A\u062D\u0644\u06CC\u0644 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06CC",
+    aiAnalysisDisabled: "\u062A\u062D\u0644\u06CC\u0644 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06CC (\u063A\u06CC\u0631\u0641\u0639\u0627\u0644)",
+    openOnInstagram: "\u0628\u0627\u0632 \u06A9\u0631\u062F\u0646 \u062F\u0631 \u0627\u06CC\u0646\u0633\u062A\u0627\u06AF\u0631\u0627\u0645",
+    openOnInstagramDisabled: "\u0628\u0627\u0632 \u06A9\u0631\u062F\u0646 \u062F\u0631 \u0627\u06CC\u0646\u0633\u062A\u0627\u06AF\u0631\u0627\u0645 (\u063A\u06CC\u0631\u0641\u0639\u0627\u0644)"
+  },
+  ar: {
+    noResults: "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u0646\u062A\u0627\u0626\u062C",
+    suggestions: "\u0627\u0642\u062A\u0631\u0627\u062D\u0627\u062A",
+    select: "\u0627\u062E\u062A\u0631",
+    noOptionsFound: "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u062E\u064A\u0627\u0631\u0627\u062A",
+    search: "\u0628\u062D\u062B...",
+    clearAll: "\u0645\u0633\u062D \u0627\u0644\u0643\u0644",
+    selectDate: "\u0627\u062E\u062A\u0631 \u062A\u0627\u0631\u064A\u062E",
+    selectDateRange: "\u0627\u062E\u062A\u0631 \u0646\u0637\u0627\u0642 \u0627\u0644\u062A\u0627\u0631\u064A\u062E",
+    errorLoadingData: "\u062E\u0637\u0623 \u0641\u064A \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0628\u064A\u0627\u0646\u0627\u062A",
+    retry: "\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629",
+    remove: "\u062D\u0630\u0641",
+    noUsersFound: "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u0645\u0633\u062A\u062E\u062F\u0645\u064A\u0646",
+    goToPreviousPage: "\u0627\u0644\u0627\u0646\u062A\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629",
+    goToNextPage: "\u0627\u0644\u0627\u0646\u062A\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u062A\u0627\u0644\u064A\u0629",
+    previous: "\u0627\u0644\u0633\u0627\u0628\u0642",
+    next: "\u0627\u0644\u062A\u0627\u0644\u064A",
+    actions: "\u0625\u062C\u0631\u0627\u0621\u0627\u062A",
+    // CopyButton
+    copy: "\u0646\u0633\u062E",
+    copied: "\u062A\u0645 \u0627\u0644\u0646\u0633\u062E",
+    // ConfirmDialog
+    confirm: "\u062A\u0623\u0643\u064A\u062F",
+    cancel: "\u0625\u0644\u063A\u0627\u0621",
+    areYouSure: "\u0647\u0644 \u0623\u0646\u062A \u0645\u062A\u0623\u0643\u062F\u061F",
+    // Stepper
+    stepperLabel: "\u0627\u0644\u062E\u0637\u0648\u0627\u062A",
+    stepCompleted: "\u0645\u0643\u062A\u0645\u0644",
+    stepCurrent: "\u0627\u0644\u062E\u0637\u0648\u0629 \u0627\u0644\u062D\u0627\u0644\u064A\u0629",
+    stepPending: "\u0642\u064A\u062F \u0627\u0644\u0627\u0646\u062A\u0638\u0627\u0631",
+    // FilterBar / FilterPanel
+    clearFilters: "\u0645\u0633\u062D \u0627\u0644\u0641\u0644\u0627\u062A\u0631",
+    activeFilters: "\u0627\u0644\u0641\u0644\u0627\u062A\u0631 \u0627\u0644\u0646\u0634\u0637\u0629",
+    filters: "\u0627\u0644\u0641\u0644\u0627\u062A\u0631",
+    applyFilters: "\u062A\u0637\u0628\u064A\u0642",
+    resetFilters: "\u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A",
+    noFiltersActive: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0641\u0644\u0627\u062A\u0631 \u0646\u0634\u0637\u0629",
+    clearSection: "\u0645\u0633\u062D \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645",
+    // PageHeader
+    goBack: "\u0631\u062C\u0648\u0639",
+    // ViewToggle
+    gridView: "\u0639\u0631\u0636 \u0634\u0628\u0643\u064A",
+    listView: "\u0639\u0631\u0636 \u0642\u0627\u0626\u0645\u0629",
+    // PageLoader
+    loading: "\u062C\u0627\u0631\u064D \u0627\u0644\u062A\u062D\u0645\u064A\u0644...",
+    // ErrorBoundary
+    unexpectedError: "\u062D\u062F\u062B \u062E\u0637\u0623 \u063A\u064A\u0631 \u0645\u062A\u0648\u0642\u0639",
+    // DataTable
+    selectAll: "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644",
+    selectRow: "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0635\u0641",
+    noDataToDisplay: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A \u0644\u0644\u0639\u0631\u0636",
+    // InstagramPost
+    likesCount: "\u0639\u062F\u062F \u0627\u0644\u0625\u0639\u062C\u0627\u0628\u0627\u062A",
+    commentsCount: "\u0639\u062F\u062F \u0627\u0644\u062A\u0639\u0644\u064A\u0642\u0627\u062A",
+    viewsCount: "\u0639\u062F\u062F \u0627\u0644\u0645\u0634\u0627\u0647\u062F\u0627\u062A",
+    sharesCount: "\u0639\u062F\u062F \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0627\u062A",
+    postTypeLabel: "\u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u0634\u0648\u0631",
+    postTypePhoto: "\u0635\u0648\u0631\u0629",
+    postTypeVideo: "\u0641\u064A\u062F\u064A\u0648",
+    postTypeCarousel: "\u0634\u0631\u0627\u0626\u062D",
+    showMore: "\u0627\u0644\u0645\u0632\u064A\u062F",
+    showLess: "\u0623\u0642\u0644",
+    noMediaAvailable: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0648\u0633\u0627\u0626\u0637",
+    commentAnalysis: "\u062A\u062D\u0644\u064A\u0644 \u0627\u0644\u062A\u0639\u0644\u064A\u0642\u0627\u062A",
+    commentAnalysisDisabled: "\u062A\u062D\u0644\u064A\u0644 \u0627\u0644\u062A\u0639\u0644\u064A\u0642\u0627\u062A (\u0645\u0639\u0637\u0644)",
+    booster: "\u062A\u0639\u0632\u064A\u0632",
+    boosterDisabled: "\u062A\u0639\u0632\u064A\u0632 (\u0645\u0639\u0637\u0644)",
+    aiAnalysis: "\u062A\u062D\u0644\u064A\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064A",
+    aiAnalysisDisabled: "\u062A\u062D\u0644\u064A\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064A (\u0645\u0639\u0637\u0644)",
+    openOnInstagram: "\u0641\u062A\u062D \u0641\u064A \u0625\u0646\u0633\u062A\u0627\u062C\u0631\u0627\u0645",
+    openOnInstagramDisabled: "\u0641\u062A\u062D \u0641\u064A \u0625\u0646\u0633\u062A\u0627\u062C\u0631\u0627\u0645 (\u0645\u0639\u0637\u0644)"
+  },
+  en: {
+    noResults: "No results found",
+    suggestions: "Suggestions",
+    select: "Select",
+    noOptionsFound: "No options found",
+    search: "Search...",
+    clearAll: "Clear all",
+    selectDate: "Select date",
+    selectDateRange: "Select date range",
+    errorLoadingData: "Error loading data",
+    retry: "Retry",
+    remove: "Remove",
+    noUsersFound: "No users found",
+    goToPreviousPage: "Go to previous page",
+    goToNextPage: "Go to next page",
+    previous: "Previous",
+    next: "Next",
+    actions: "Actions",
+    // CopyButton
+    copy: "Copy",
+    copied: "Copied",
+    // ConfirmDialog
+    confirm: "Confirm",
+    cancel: "Cancel",
+    areYouSure: "Are you sure?",
+    // Stepper
+    stepperLabel: "Steps",
+    stepCompleted: "Completed",
+    stepCurrent: "Current step",
+    stepPending: "Pending",
+    // FilterBar / FilterPanel
+    clearFilters: "Clear filters",
+    activeFilters: "Active filters",
+    filters: "Filters",
+    applyFilters: "Apply",
+    resetFilters: "Reset",
+    noFiltersActive: "No active filters",
+    clearSection: "Clear this section",
+    // PageHeader
+    goBack: "Go back",
+    // ViewToggle
+    gridView: "Grid view",
+    listView: "List view",
+    // PageLoader
+    loading: "Loading...",
+    // ErrorBoundary
+    unexpectedError: "An unexpected error occurred",
+    // DataTable
+    selectAll: "Select all",
+    selectRow: "Select row",
+    noDataToDisplay: "No data to display",
+    // InstagramPost
+    likesCount: "Likes",
+    commentsCount: "Comments",
+    viewsCount: "Views",
+    sharesCount: "Shares",
+    postTypeLabel: "Post type",
+    postTypePhoto: "Photo",
+    postTypeVideo: "Video",
+    postTypeCarousel: "Carousel",
+    showMore: "More",
+    showLess: "Less",
+    noMediaAvailable: "No media available",
+    commentAnalysis: "Comment Analysis",
+    commentAnalysisDisabled: "Comment Analysis (disabled)",
+    booster: "Booster",
+    boosterDisabled: "Booster (disabled)",
+    aiAnalysis: "AI Analysis",
+    aiAnalysisDisabled: "AI Analysis (disabled)",
+    openOnInstagram: "Open on Instagram",
+    openOnInstagramDisabled: "Open on Instagram (disabled)"
+  }
+};
+function getUIStrings(locale = "fa") {
+  return UI_STRINGS[locale] ?? UI_STRINGS.fa;
+}
+var Checkbox = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    "data-slot": "checkbox",
+    className: cn(
+      "peer border-control bg-control data-[state=checked]:bg-brand data-[state=checked]:text-on-brand data-[state=checked]:border-brand focus-visible:border-brand-default focus-visible:ring-brand-default/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-all duration-150 outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      CheckboxPrimitive.Indicator,
+      {
+        "data-slot": "checkbox-indicator",
+        className: "grid place-content-center text-current transition-none",
+        children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+      }
+    )
+  }
+));
+Checkbox.displayName = "Checkbox";
+var skeletonVariants = cva("bg-accent animate-pulse", {
+  variants: {
+    shape: {
+      rect: "rounded-md",
+      line: "rounded-full h-4 w-full",
+      circle: "rounded-full",
+      text: "rounded h-4"
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  },
+  compoundVariants: [
+    { shape: "circle", size: "sm", class: "size-8" },
+    { shape: "circle", size: "md", class: "size-10" },
+    { shape: "circle", size: "lg", class: "size-14" }
+  ],
+  defaultVariants: {
+    shape: "rect",
+    size: "md"
+  }
+});
+function Skeleton({ className, shape, size, count, ...props }) {
+  if (count && count > 1) {
+    return /* @__PURE__ */ jsx("div", { role: "status", "aria-busy": "true", "aria-label": "Loading", className: "space-y-2", children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "skeleton",
+        "aria-hidden": "true",
+        className: cn(skeletonVariants({ shape, size }), className)
+      },
+      i
+    )) });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      role: "status",
+      "aria-busy": "true",
+      "aria-label": "Loading",
+      ...props,
+      className: cn(skeletonVariants({ shape, size }), className)
+    }
+  );
+}
+Skeleton.displayName = "Skeleton";
+function Table({
+  className,
+  size = "md",
+  striped = false,
+  bordered = false,
+  stickyHeader = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      "data-slot": "table",
+      "data-size": size,
+      "data-striped": striped || void 0,
+      "data-bordered": bordered || void 0,
+      "data-sticky-header": stickyHeader || void 0,
+      className: cn("w-full caption-bottom", className),
+      ...props
+    }
+  ) });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn(
+        // 1.1.16 — internal row dividers use --border-muted (subtle), same
+        // rationale as Card. The page-level rule of thumb: borders that
+        // separate sections of one surface should whisper, not shout.
+        "[&_tr]:border-b [&_tr]:border-muted bg-surface-75",
+        "[[data-sticky-header]_&]:sticky [[data-sticky-header]_&]:top-0 [[data-sticky-header]_&]:z-[9] [[data-sticky-header]_&]:bg-surface-75",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn(
+        "[&_tr:last-child]:border-0",
+        "[[data-striped]_&_tr:nth-child(even)]:bg-surface-75 [[data-striped]_&_tr:nth-child(even):hover]:bg-surface-200",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-surface-200 data-[state=selected]:bg-selection border-b border-muted transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, sortDirection, ...props }) {
+  const ariaSort = sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : sortDirection === "none" ? "none" : void 0;
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      "aria-sort": ariaSort,
+      className: cn(
+        "text-foreground-lighter text-start align-middle font-semibold whitespace-nowrap [&:has([role=checkbox])]:pe-0 [&>[role=checkbox]]:translate-y-[2px]",
+        // Size variants (inherited from parent table)
+        "[[data-size=sm]_&]:h-8 [[data-size=sm]_&]:px-2 [[data-size=sm]_&]:text-xs",
+        "[[data-size=md]_&]:h-10 [[data-size=md]_&]:px-3 [[data-size=md]_&]:text-sm",
+        "[[data-size=lg]_&]:h-12 [[data-size=lg]_&]:px-4 [[data-size=lg]_&]:text-base",
+        // Bordered variant
+        "[[data-bordered]_&]:border [[data-bordered]_&]:border-border",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0 [&>[role=checkbox]]:translate-y-[2px]",
+        // Size variants (inherited from parent table)
+        "[[data-size=sm]_&]:px-2 [[data-size=sm]_&]:py-1.5 [[data-size=sm]_&]:text-xs",
+        "[[data-size=md]_&]:px-3 [[data-size=md]_&]:py-2 [[data-size=md]_&]:text-sm",
+        "[[data-size=lg]_&]:px-4 [[data-size=lg]_&]:py-3 [[data-size=lg]_&]:text-base",
+        // Bordered variant
+        "[[data-bordered]_&]:border [[data-bordered]_&]:border-border",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableSortHeader({ className, children, sorted, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      "data-slot": "table-sort-header",
+      className: cn(
+        "inline-flex items-center gap-1.5 cursor-pointer select-none hover:text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 rounded-sm",
+        sorted && "text-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex flex-col -space-y-0.5", children: [
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: "8",
+              height: "5",
+              viewBox: "0 0 8 5",
+              className: cn("transition-colors", sorted === "asc" ? "text-foreground" : "text-foreground-muted"),
+              children: /* @__PURE__ */ jsx("path", { d: "M4 0L8 5H0L4 0Z", fill: "currentColor" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: "8",
+              height: "5",
+              viewBox: "0 0 8 5",
+              className: cn("transition-colors", sorted === "desc" ? "text-foreground" : "text-foreground-muted"),
+              children: /* @__PURE__ */ jsx("path", { d: "M4 5L0 0H8L4 5Z", fill: "currentColor" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+Table.displayName = "Table";
+TableHeader.displayName = "TableHeader";
+TableBody.displayName = "TableBody";
+TableHead.displayName = "TableHead";
+TableRow.displayName = "TableRow";
+TableCell.displayName = "TableCell";
+TableSortHeader.displayName = "TableSortHeader";
+
+// src/lib/constants.ts
+var SIZE = {
+  text: {
+    xs: "text-xs",
+    sm: "text-sm leading-4",
+    md: "text-sm",
+    lg: "text-base",
+    xl: "text-base"
+  },
+  padding: {
+    xs: "px-2.5 py-1",
+    sm: "px-3 py-2",
+    md: "px-4 py-2",
+    lg: "px-4 py-2",
+    xl: "px-6 py-3"
+  },
+  height: {
+    xs: "h-[26px]",
+    sm: "h-[34px]",
+    md: "h-[38px]",
+    lg: "h-[42px]",
+    xl: "h-[50px]"
+  }
+};
+var SIZE_VARIANTS = {
+  xs: `${SIZE.text["xs"]} ${SIZE.padding["xs"]} ${SIZE.height["xs"]}`,
+  sm: `${SIZE.text["sm"]} ${SIZE.padding["sm"]} ${SIZE.height["sm"]}`,
+  md: `${SIZE.text["md"]} ${SIZE.padding["md"]} ${SIZE.height["md"]}`,
+  lg: `${SIZE.text["lg"]} ${SIZE.padding["lg"]} ${SIZE.height["lg"]}`,
+  xl: `${SIZE.text["xl"]} ${SIZE.padding["xl"]} ${SIZE.height["xl"]}`
+};
+var DESTRUCTIVE_VARIANT = `
+  text-foreground
+  bg-destructive-300 dark:bg-destructive-400 hover:bg-destructive-400 dark:hover:bg-destructive-400/80
+  border-destructive-500 hover:border-destructive
+  hover:text-hi-contrast
+  data-[state=open]:border-destructive
+  data-[state=open]:bg-destructive-400 dark:data-[state=open]:bg-destructive-600/80
+`;
+var buttonVariants = cva(
+  `inline-flex items-center justify-center
+  relative
+  cursor-pointer
+  gap-2
+  text-center
+  font-normal
+  ease-out
+  duration-200
+  rounded-md
+  outline-none
+  transition-all
+  active:scale-[0.98]
+  focus-visible:ring-2
+  focus-visible:ring-ring
+  focus-visible:ring-offset-2
+  border
+  disabled:pointer-events-none
+  disabled:opacity-50
+  [&_svg]:pointer-events-none
+  [&_svg]:shrink-0
+  `,
+  {
+    variants: {
+      variant: {
+        primary: `
+          bg-brand-400 dark:bg-brand-500
+          hover:bg-brand-300 dark:hover:bg-brand-500/80
+          text-foreground
+          border-brand-500/75 dark:border-brand/30
+          hover:border-brand-600 dark:hover:border-brand-500
+          data-[state=open]:bg-brand-400/80 dark:data-[state=open]:bg-brand-600/80
+          `,
+        default: `
+          text-foreground
+          bg-alternative dark:bg-muted hover:bg-selection
+          border-strong hover:border-stronger
+          data-[state=open]:bg-selection
+          data-[state=open]:border-button-hover
+          `,
+        secondary: `
+          bg-foreground
+          text-background hover:text-border-stronger
+          focus-visible:text-border-control
+          border-foreground-light hover:border-foreground-lighter
+          data-[state=open]:border-foreground-lighter
+        `,
+        outline: `
+          text-foreground
+          bg-transparent
+          border-strong hover:border-foreground-muted
+          data-[state=open]:border-stronger
+        `,
+        dashed: `
+          text-foreground
+          border
+          border-dashed
+          border-strong hover:border-stronger
+          bg-transparent
+          data-[state=open]:border-stronger
+        `,
+        link: `
+          text-brand-600
+          border
+          border-transparent
+          bg-transparent
+          hover:bg-brand-400
+          shadow-none
+          data-[state=open]:bg-brand-400
+        `,
+        text: `
+          text-foreground
+          hover:bg-surface-300
+          shadow-none
+          data-[state=open]:bg-surface-300
+          border-transparent
+        `,
+        danger: DESTRUCTIVE_VARIANT,
+        warning: `
+          text-foreground
+          bg-warning-300 dark:bg-warning-400 hover:bg-warning-400 dark:hover:bg-warning-400/80
+          border-warning-500 hover:border-warning
+          hover:text-hi-contrast
+          data-[state=open]:border-warning
+          data-[state=open]:bg-warning-400 dark:data-[state=open]:bg-warning-600/80
+        `,
+        destructive: DESTRUCTIVE_VARIANT,
+        ghost: `
+          text-foreground
+          hover:bg-surface-100 dark:hover:bg-surface-200
+          border-transparent
+        `
+      },
+      block: {
+        true: "w-full flex items-center justify-center"
+      },
+      size: {
+        ...SIZE_VARIANTS,
+        default: SIZE_VARIANTS.sm,
+        icon: "size-9",
+        // Compact icon-only button (24×24). Useful for dense rows in tables
+        // and toolbars. Pair with a 14px lucide icon for a balanced look.
+        "icon-xs": "size-6",
+        "icon-sm": "size-7",
+        "icon-lg": "size-10"
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed pointer-events-none"
+      },
+      rounded: {
+        true: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "sm"
+    }
+  }
+);
+var IconContainerVariants = cva("inline-flex items-center justify-center", {
+  variants: {
+    size: {
+      xs: "[&_svg]:size-[14px]",
+      sm: "[&_svg]:size-[18px]",
+      md: "[&_svg]:size-[20px]",
+      lg: "[&_svg]:size-[20px]",
+      xl: "[&_svg]:size-[24px]",
+      /** @deprecated */
+      tiny: "[&_svg]:size-[14px]",
+      /** @deprecated */
+      small: "[&_svg]:size-[18px]",
+      /** @deprecated */
+      medium: "[&_svg]:size-[20px]",
+      /** @deprecated */
+      large: "[&_svg]:size-[20px]",
+      /** @deprecated */
+      xlarge: "[&_svg]:size-[24px]",
+      default: "[&_svg]:size-[18px]",
+      icon: "[&_svg]:size-[18px]"
+    },
+    variant: {
+      primary: "text-brand-600",
+      default: "text-foreground-lighter",
+      secondary: "text-border-muted",
+      outline: "text-foreground-lighter",
+      dashed: "text-foreground-lighter",
+      link: "text-brand-600",
+      text: "text-foreground-lighter",
+      danger: "text-destructive-600",
+      warning: "text-warning",
+      destructive: "text-destructive-600",
+      ghost: "text-foreground-lighter"
+    }
+  }
+});
+var loadingVariants = cva("", {
+  variants: {
+    variant: {
+      primary: "text-brand-600",
+      default: "text-foreground-lighter",
+      secondary: "text-border-muted",
+      outline: "text-foreground-lighter",
+      dashed: "text-foreground-lighter",
+      link: "text-brand-600",
+      text: "text-foreground-muted",
+      danger: "text-destructive-600",
+      warning: "text-warning",
+      destructive: "text-destructive-600",
+      ghost: "text-foreground-lighter"
+    },
+    loading: {
+      default: "",
+      true: `animate-spin`
+    }
+  }
+});
+var Button = forwardRef(
+  ({
+    asChild = false,
+    variant,
+    type,
+    size = "sm",
+    children,
+    isLoading,
+    loading,
+    block,
+    icon,
+    iconEnd,
+    iconStart,
+    iconRight,
+    iconLeft,
+    htmlType = "button",
+    rounded,
+    className,
+    ...props
+  }, ref) => {
+    if (process.env.NODE_ENV !== "production") {
+      const deprecatedSizes = ["tiny", "small", "medium", "large", "xlarge"];
+      if (size && deprecatedSizes.includes(size)) {
+        console.warn(`[Parto UI] Button: size="${size}" is deprecated. Use xs|sm|md|lg|xl instead.`);
+      }
+    }
+    const Comp = asChild ? Slot : "button";
+    const { tabIndex } = props;
+    const buttonVariant = type && typeof type === "string" && !["button", "submit", "reset"].includes(type) ? type : variant || "default";
+    const _loading = isLoading ?? loading;
+    const resolvedIconStart = icon ?? iconStart ?? iconLeft;
+    const resolvedIconEnd = iconEnd ?? iconRight;
+    const showIcon = _loading || resolvedIconStart;
+    const disabled = _loading === true || props.disabled;
+    const computedTabIndex = tabIndex !== void 0 ? tabIndex : disabled ? -1 : 0;
+    const iconSize = size === "default" ? "sm" : size === "icon" || size === "icon-sm" ? "sm" : size === "icon-xs" ? "xs" : size === "icon-lg" ? "lg" : size ?? "sm";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        "data-slot": "button",
+        "data-size": size,
+        type: htmlType,
+        disabled,
+        "aria-busy": _loading || void 0,
+        tabIndex: computedTabIndex,
+        className: cn(buttonVariants({ variant: buttonVariant, size, disabled, block, rounded }), className),
+        onClick: (e) => {
+          if (disabled) return e.preventDefault();
+          else props?.onClick?.(e);
+        },
+        ...props,
+        children: asChild ? isValidElement(children) ? cloneElement(
+          children,
+          void 0,
+          showIcon && (_loading ? /* @__PURE__ */ jsx("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: /* @__PURE__ */ jsx(Loader2, { className: cn(loadingVariants({ loading: _loading, variant: buttonVariant })) }) }) : resolvedIconStart ? /* @__PURE__ */ jsx("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: resolvedIconStart }) : null),
+          children.props?.children && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-2 truncate", children: children.props.children }),
+          resolvedIconEnd && !_loading && /* @__PURE__ */ jsx("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: resolvedIconEnd })
+        ) : null : /* @__PURE__ */ jsxs(Fragment, { children: [
+          showIcon && (_loading ? /* @__PURE__ */ jsxs("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: [
+            /* @__PURE__ */ jsx(
+              Loader2,
+              {
+                "aria-hidden": "true",
+                className: cn(loadingVariants({ loading: _loading, variant: buttonVariant }))
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC..." })
+          ] }) : resolvedIconStart ? /* @__PURE__ */ jsx("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: resolvedIconStart }) : null),
+          children && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-2 truncate", children }),
+          resolvedIconEnd && !_loading && /* @__PURE__ */ jsx("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: resolvedIconEnd })
+        ] })
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var PaginationDirectionContext = React6.createContext("rtl");
+function usePaginationDirection() {
+  return React6.useContext(PaginationDirectionContext);
+}
+function Pagination({ className, dir, children, ...props }) {
+  const resolvedDir = dir ?? "rtl";
+  return /* @__PURE__ */ jsx(PaginationDirectionContext.Provider, { value: resolvedDir, children: /* @__PURE__ */ jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      dir: resolvedDir,
+      className: cn("mx-auto flex w-full justify-center not-prose", className),
+      ...props,
+      children
+    }
+  ) });
+}
+function PaginationContent({ className, ...props }) {
+  const dir = usePaginationDirection();
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      dir,
+      className: cn("flex flex-row items-center gap-1 list-none", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({ className, isActive, size = "icon", dir, ...props }) {
+  const contextDir = usePaginationDirection();
+  const linkDir = dir ?? (contextDir === "rtl" ? "rtl" : "ltr");
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      dir: linkDir,
+      className: cn(
+        buttonVariants({
+          variant: "outline",
+          size
+        }),
+        // Remove underline from links
+        "no-underline",
+        // Active state styling with green color
+        isActive && [
+          "border-brand-500 bg-brand/10 text-brand-600",
+          "dark:border-brand-600 dark:bg-brand/10 dark:text-brand-400",
+          "pointer-events-none"
+        ],
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({ className, ...props }) {
+  const dir = usePaginationDirection();
+  const isRTL2 = dir === "rtl";
+  const strings = getUIStrings(isRTL2 ? "fa" : "en");
+  const Icon = isRTL2 ? ChevronRightIcon : ChevronLeftIcon;
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": strings.goToPreviousPage,
+      size: "default",
+      className: cn("gap-1 ps-2.5 pe-2.5 no-underline flex items-center", className),
+      dir: "ltr",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Icon, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline no-underline", children: strings.previous })
+      ]
+    }
+  );
+}
+function PaginationNext({ className, ...props }) {
+  const dir = usePaginationDirection();
+  const isRTL2 = dir === "rtl";
+  const strings = getUIStrings(isRTL2 ? "fa" : "en");
+  const Icon = isRTL2 ? ChevronLeftIcon : ChevronRightIcon;
+  return /* @__PURE__ */ jsx(
+    PaginationLink,
+    {
+      "aria-label": strings.goToNextPage,
+      size: "default",
+      className: cn("gap-1 ps-2.5 pe-2.5 no-underline flex items-center", className),
+      dir: "ltr",
+      ...props,
+      children: isRTL2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Icon, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline no-underline", children: strings.next })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline no-underline", children: strings.next }),
+        /* @__PURE__ */ jsx(Icon, { className: "size-4" })
+      ] })
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+Pagination.displayName = "Pagination";
+PaginationContent.displayName = "PaginationContent";
+PaginationItem.displayName = "PaginationItem";
+PaginationLink.displayName = "PaginationLink";
+PaginationPrevious.displayName = "PaginationPrevious";
+PaginationNext.displayName = "PaginationNext";
+PaginationEllipsis.displayName = "PaginationEllipsis";
+var PaginationControlled = React6.forwardRef(
+  ({
+    currentPage,
+    totalPages,
+    onPageChange,
+    siblingCount = 1,
+    showFirstLast = false,
+    showPrevNext = true,
+    showEllipsis = true,
+    className,
+    locale = "fa"
+  }, ref) => {
+    const isRTL2 = locale === "fa" || locale === "ar";
+    const localizeNumber = (n) => convertToLocalNumbers(String(n), locale);
+    const handlePageChange = (page) => {
+      if (page >= 1 && page <= totalPages && page !== currentPage) {
+        onPageChange(page);
+      }
+    };
+    const generatePageNumbers = () => {
+      const pages = [];
+      const totalNumbers = siblingCount * 2 + 5;
+      const totalBlocks = totalNumbers + 2;
+      if (totalPages <= totalBlocks) {
+        for (let i = 1; i <= totalPages; i++) {
+          pages.push(i);
+        }
+      } else {
+        const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
+        const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
+        const shouldShowLeftEllipsis = leftSiblingIndex > 2;
+        const shouldShowRightEllipsis = rightSiblingIndex < totalPages - 1;
+        if (!shouldShowLeftEllipsis && shouldShowRightEllipsis) {
+          const leftItemCount = 3 + 2 * siblingCount;
+          const leftRange = [];
+          for (let i = 1; i <= leftItemCount; i++) {
+            leftRange.push(i);
+          }
+          pages.push(...leftRange);
+          if (showEllipsis) pages.push("ellipsis");
+          pages.push(totalPages);
+        } else if (shouldShowLeftEllipsis && !shouldShowRightEllipsis) {
+          pages.push(1);
+          if (showEllipsis) pages.push("ellipsis");
+          const rightItemCount = 3 + 2 * siblingCount;
+          const rightRange = [];
+          for (let i = totalPages - rightItemCount + 1; i <= totalPages; i++) {
+            rightRange.push(i);
+          }
+          pages.push(...rightRange);
+        } else if (shouldShowLeftEllipsis && shouldShowRightEllipsis) {
+          pages.push(1);
+          if (showEllipsis) pages.push("ellipsis");
+          for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {
+            pages.push(i);
+          }
+          if (showEllipsis) pages.push("ellipsis");
+          pages.push(totalPages);
+        }
+      }
+      return pages;
+    };
+    const pageNumbers = generatePageNumbers();
+    const showFirstButton = showFirstLast && !pageNumbers.includes(1) && currentPage > 1;
+    const showLastButton = showFirstLast && !pageNumbers.includes(totalPages) && currentPage < totalPages;
+    return /* @__PURE__ */ jsx(Pagination, { ref, "data-slot": "pagination-controlled", className: cn(className), dir: isRTL2 ? "rtl" : "ltr", children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+      showFirstButton && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+        PaginationLink,
+        {
+          href: "#",
+          onClick: (e) => {
+            e.preventDefault();
+            handlePageChange(1);
+          },
+          children: localizeNumber(1)
+        }
+      ) }),
+      showPrevNext && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+        PaginationPrevious,
+        {
+          href: "#",
+          onClick: (e) => {
+            e.preventDefault();
+            handlePageChange(currentPage - 1);
+          },
+          className: currentPage === 1 ? "pointer-events-none opacity-50" : ""
+        }
+      ) }),
+      pageNumbers.map((page, index) => {
+        if (page === "ellipsis") {
+          return /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }, `ellipsis-${index}`);
+        }
+        return /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+          PaginationLink,
+          {
+            href: "#",
+            isActive: page === currentPage,
+            onClick: (e) => {
+              e.preventDefault();
+              handlePageChange(page);
+            },
+            children: localizeNumber(page)
+          }
+        ) }, page);
+      }),
+      showPrevNext && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+        PaginationNext,
+        {
+          href: "#",
+          onClick: (e) => {
+            e.preventDefault();
+            handlePageChange(currentPage + 1);
+          },
+          className: currentPage === totalPages ? "pointer-events-none opacity-50" : ""
+        }
+      ) }),
+      showLastButton && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+        PaginationLink,
+        {
+          href: "#",
+          onClick: (e) => {
+            e.preventDefault();
+            handlePageChange(totalPages);
+          },
+          children: localizeNumber(totalPages)
+        }
+      ) })
+    ] }) });
+  }
+);
+PaginationControlled.displayName = "PaginationControlled";
+function useInfiniteScroll({
+  onLoadMore,
+  hasMore,
+  isLoading = false,
+  rootMargin = "200px",
+  threshold = 0
+}) {
+  const observerRef = React6.useRef(null);
+  const callbackRef = React6.useRef(onLoadMore);
+  React6.useEffect(() => {
+    callbackRef.current = onLoadMore;
+  }, [onLoadMore]);
+  const hasMoreRef = React6.useRef(hasMore);
+  React6.useEffect(() => {
+    hasMoreRef.current = hasMore;
+  }, [hasMore]);
+  const isLoadingRef = React6.useRef(isLoading);
+  React6.useEffect(() => {
+    isLoadingRef.current = isLoading;
+  }, [isLoading]);
+  const sentinelRef = React6.useCallback(
+    (node) => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+        observerRef.current = null;
+      }
+      if (!node) return;
+      observerRef.current = new IntersectionObserver(
+        (entries) => {
+          const entry = entries[0];
+          if (entry?.isIntersecting && hasMoreRef.current && !isLoadingRef.current) {
+            callbackRef.current();
+          }
+        },
+        { rootMargin, threshold }
+      );
+      observerRef.current.observe(node);
+    },
+    [rootMargin, threshold]
+  );
+  React6.useEffect(() => {
+    return () => {
+      observerRef.current?.disconnect();
+    };
+  }, []);
+  return { sentinelRef };
+}
+var spinnerVariants = cva("animate-spin text-muted-foreground", {
+  variants: {
+    size: {
+      xs: "size-3",
+      sm: "size-4",
+      md: "size-5",
+      lg: "size-6",
+      xl: "size-8"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+var Spinner = React6.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    ref,
+    "data-slot": "spinner",
+    role: "status",
+    "aria-label": "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC...",
+    className: cn("inline-flex items-center justify-center", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(Loader2, { className: spinnerVariants({ size }), "aria-hidden": "true" })
+  }
+));
+Spinner.displayName = "Spinner";
+var noop = () => {
+};
+function DataTableInner({
+  columns,
+  data,
+  size = "md",
+  isLoading = false,
+  loadingRows = 5,
+  emptyState,
+  pagination,
+  sort,
+  multiSort,
+  footer = false,
+  stickyFooter = true,
+  onColumnResize,
+  selection,
+  columnVisibility,
+  expansion,
+  infiniteScroll,
+  virtualize,
+  striped = false,
+  bordered = false,
+  stickyHeader = false,
+  className,
+  caption,
+  resultCount,
+  locale = "fa"
+}, ref) {
+  const t = getUIStrings(locale);
+  const hasSelection = !!selection;
+  const hasExpansion = !!expansion;
+  const rtl = isRTL(locale);
+  const visibleColumns = React6.useMemo(() => {
+    return columns.filter((col) => {
+      const explicit = columnVisibility?.visible[col.id];
+      if (explicit !== void 0) return explicit;
+      return col.defaultVisible !== false;
+    });
+  }, [columns, columnVisibility]);
+  const allColumnCount = visibleColumns.length + (hasSelection ? 1 : 0) + (hasExpansion ? 1 : 0);
+  const getRowKey = React6.useMemo(
+    () => selection?.getRowKey ?? ((_, index) => index),
+    [selection?.getRowKey]
+  );
+  const allRowKeys = React6.useMemo(() => data.map((row, i) => getRowKey(row, i)), [data, getRowKey]);
+  const allSelected = hasSelection && data.length > 0 && allRowKeys.every((key) => selection.selectedRows.has(key));
+  const someSelected = hasSelection && !allSelected && allRowKeys.some((key) => selection.selectedRows.has(key));
+  const handleSelectAll = () => {
+    if (!selection) return;
+    if (allSelected) {
+      selection.onSelectionChange(/* @__PURE__ */ new Set());
+    } else {
+      selection.onSelectionChange(new Set(allRowKeys));
+    }
+  };
+  const handleSelectRow = (key) => {
+    if (!selection) return;
+    const next = new Set(selection.selectedRows);
+    if (next.has(key)) {
+      next.delete(key);
+    } else {
+      next.add(key);
+    }
+    selection.onSelectionChange(next);
+  };
+  const handleSort = (columnId, e) => {
+    if (multiSort) {
+      const isShift = !!e && "shiftKey" in e && e.shiftKey;
+      const existing = multiSort.rules.find((r) => r.column === columnId);
+      const maxRules = multiSort.maxRules ?? 3;
+      let next;
+      if (!isShift) {
+        if (existing) {
+          next = [{ column: columnId, direction: existing.direction === "asc" ? "desc" : "asc" }];
+        } else {
+          next = [{ column: columnId, direction: "asc" }];
+        }
+      } else {
+        if (existing) {
+          if (existing.direction === "asc") {
+            next = multiSort.rules.map((r) => r.column === columnId ? { ...r, direction: "desc" } : r);
+          } else {
+            next = multiSort.rules.filter((r) => r.column !== columnId);
+          }
+        } else {
+          next = [...multiSort.rules, { column: columnId, direction: "asc" }].slice(0, maxRules);
+        }
+      }
+      multiSort.onSortChange(next);
+      return;
+    }
+    if (!sort) return;
+    const nextDirection = sort.column === columnId && sort.direction === "asc" ? "desc" : "asc";
+    sort.onSort(columnId, nextDirection);
+  };
+  const getSortDir = (columnId) => {
+    if (multiSort) {
+      const rule = multiSort.rules.find((r) => r.column === columnId);
+      return rule ? rule.direction : "none";
+    }
+    if (!sort || sort.column !== columnId || !sort.direction) return "none";
+    return sort.direction;
+  };
+  const getSortPriority = (columnId) => {
+    if (!multiSort) return 0;
+    const idx = multiSort.rules.findIndex((r) => r.column === columnId);
+    return idx === -1 ? 0 : idx + 1;
+  };
+  const alignClass = (align) => {
+    if (align === "center") return "text-center";
+    if (align === "end") return "text-end";
+    return "text-start";
+  };
+  const pinClass = (pinned) => {
+    if (!pinned) return "";
+    const sideClass = pinned === "start" ? "sticky inset-inline-start-0 z-[1]" : "sticky inset-inline-end-0 z-[1]";
+    return `${sideClass} bg-background`;
+  };
+  const handleToggleExpand = (rowKey) => {
+    if (!expansion) return;
+    const next = new Set(expansion.expandedRows);
+    if (next.has(rowKey)) next.delete(rowKey);
+    else next.add(rowKey);
+    expansion.onExpandedRowsChange(next);
+  };
+  const [resizeWidths, setResizeWidths] = React6.useState({});
+  const dragRef = React6.useRef(null);
+  const startResize = React6.useCallback(
+    (columnId, e) => {
+      const col = columns.find((c) => c.id === columnId);
+      if (!col) return;
+      const headerCell = e.currentTarget.closest("th");
+      const measured = headerCell?.getBoundingClientRect().width || 0;
+      const startWidth = typeof col.width === "number" ? col.width : measured > 0 ? measured : 120;
+      dragRef.current = {
+        columnId,
+        startX: e.clientX,
+        startWidth,
+        currentWidth: startWidth,
+        minWidth: col.minWidth ?? 60,
+        maxWidth: col.maxWidth ?? 800
+      };
+      e.currentTarget.setPointerCapture?.(e.pointerId);
+      e.preventDefault();
+      e.stopPropagation();
+    },
+    [columns]
+  );
+  const onResizePointerMove = React6.useCallback(
+    (e) => {
+      const drag = dragRef.current;
+      if (!drag) return;
+      const dx = (rtl ? -1 : 1) * (e.clientX - drag.startX);
+      const next = Math.max(drag.minWidth, Math.min(drag.maxWidth, drag.startWidth + dx));
+      drag.currentWidth = next;
+      setResizeWidths((prev) => prev[drag.columnId] === next ? prev : { ...prev, [drag.columnId]: next });
+    },
+    [rtl]
+  );
+  const endResize = React6.useCallback(
+    (e) => {
+      const drag = dragRef.current;
+      if (!drag) return;
+      onColumnResize?.(drag.columnId, drag.currentWidth);
+      dragRef.current = null;
+      e.currentTarget.releasePointerCapture?.(e.pointerId);
+    },
+    [onColumnResize]
+  );
+  const getColumnWidth = (col) => {
+    return resizeWidths[col.id] ?? col.width;
+  };
+  const handleResizeKeyDown = React6.useCallback(
+    (columnId, e) => {
+      const isArrowGrow = rtl ? e.key === "ArrowLeft" : e.key === "ArrowRight";
+      const isArrowShrink = rtl ? e.key === "ArrowRight" : e.key === "ArrowLeft";
+      if (!isArrowGrow && !isArrowShrink && e.key !== "Home" && e.key !== "End") return;
+      const col = columns.find((c) => c.id === columnId);
+      if (!col) return;
+      const headerCell = e.currentTarget.closest("th");
+      const measured = headerCell?.getBoundingClientRect().width || 0;
+      const minWidth = col.minWidth ?? 60;
+      const maxWidth = col.maxWidth ?? 800;
+      const current = resizeWidths[columnId] ?? (typeof col.width === "number" ? col.width : measured > 0 ? measured : 120);
+      const step = e.shiftKey ? 32 : 8;
+      let next;
+      if (e.key === "Home") next = minWidth;
+      else if (e.key === "End") next = maxWidth;
+      else if (isArrowGrow) next = Math.min(maxWidth, current + step);
+      else next = Math.max(minWidth, current - step);
+      e.preventDefault();
+      setResizeWidths((prev) => prev[columnId] === next ? prev : { ...prev, [columnId]: next });
+      onColumnResize?.(columnId, next);
+    },
+    [columns, resizeWidths, rtl, onColumnResize]
+  );
+  const { sentinelRef } = useInfiniteScroll({
+    onLoadMore: infiniteScroll?.onLoadMore ?? noop,
+    hasMore: !!infiniteScroll?.hasMore,
+    isLoading: !!infiniteScroll?.isLoadingMore,
+    rootMargin: infiniteScroll?.rootMargin ?? "200px"
+  });
+  const virtRowHeight = virtualize?.rowHeight ?? 0;
+  const virtViewportHeight = virtualize?.viewportHeight ?? 480;
+  const virtOverscan = virtualize?.overscan ?? 6;
+  const virtScrollRef = React6.useRef(null);
+  const [virtScrollTop, setVirtScrollTop] = React6.useState(0);
+  const handleVirtScroll = React6.useCallback((e) => {
+    setVirtScrollTop(e.currentTarget.scrollTop);
+  }, []);
+  const { virtStartIndex, virtEndIndex, virtTopSpacer, virtBottomSpacer } = React6.useMemo(() => {
+    if (!virtualize || data.length === 0) {
+      return { virtStartIndex: 0, virtEndIndex: data.length, virtTopSpacer: 0, virtBottomSpacer: 0 };
+    }
+    const start = Math.max(0, Math.floor(virtScrollTop / virtRowHeight) - virtOverscan);
+    const visibleCount = Math.ceil(virtViewportHeight / virtRowHeight) + virtOverscan * 2;
+    const end = Math.min(data.length, start + visibleCount);
+    return {
+      virtStartIndex: start,
+      virtEndIndex: end,
+      virtTopSpacer: start * virtRowHeight,
+      virtBottomSpacer: (data.length - end) * virtRowHeight
+    };
+  }, [virtualize, data.length, virtScrollTop, virtRowHeight, virtViewportHeight, virtOverscan]);
+  return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "data-table", className: cn("flex flex-col gap-4", className), children: [
+    resultCount && /* @__PURE__ */ jsx("div", { "data-slot": "data-table-result-count", className: "text-sm text-foreground-muted", children: resultCount }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: virtualize ? virtScrollRef : void 0,
+        onScroll: virtualize ? handleVirtScroll : void 0,
+        style: virtualize ? { maxHeight: virtViewportHeight, overflowY: "auto" } : void 0,
+        "data-slot": virtualize ? "data-table-virtual-scroll" : void 0,
+        children: /* @__PURE__ */ jsxs(Table, { size, striped, bordered, stickyHeader: stickyHeader || !!virtualize, children: [
+          caption && /* @__PURE__ */ jsx("caption", { className: "text-foreground-muted mt-4 text-sm", children: caption }),
+          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+            hasSelection && /* @__PURE__ */ jsx(TableHead, { className: cn("w-[40px]", pinClass("start")), children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: allSelected ? true : someSelected ? "indeterminate" : false,
+                onCheckedChange: handleSelectAll,
+                "aria-label": t.selectAll
+              }
+            ) }),
+            hasExpansion && /* @__PURE__ */ jsx(TableHead, { className: cn("w-[36px]", pinClass("start")), "aria-hidden": "true" }),
+            visibleColumns.map((col) => {
+              const sortable = col.sortable && (sort || multiSort);
+              const dir = sortable ? getSortDir(col.id) : "none";
+              const priority = getSortPriority(col.id);
+              const liveWidth = getColumnWidth(col);
+              return /* @__PURE__ */ jsxs(
+                TableHead,
+                {
+                  sortDirection: sortable ? dir : void 0,
+                  className: cn("relative", alignClass(col.align), pinClass(col.pinned), col.className),
+                  style: liveWidth ? { width: liveWidth } : void 0,
+                  children: [
+                    sortable ? /* @__PURE__ */ jsx(
+                      TableSortHeader,
+                      {
+                        sorted: dir === "none" ? false : dir,
+                        onClick: (e) => handleSort(col.id, e),
+                        children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+                          col.header,
+                          priority > 0 && multiSort && multiSort.rules.length > 1 && /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              "data-slot": "data-table-sort-priority",
+                              className: "inline-flex h-4 min-w-4 items-center justify-center rounded bg-overlay-active px-1 text-[10px] font-medium tabular-nums text-foreground-light",
+                              "aria-label": `\u0627\u0648\u0644\u0648\u06CC\u062A \u0645\u0631\u062A\u0628\u200C\u0633\u0627\u0632\u06CC ${priority}`,
+                              children: priority
+                            }
+                          )
+                        ] })
+                      }
+                    ) : col.header,
+                    col.resizable && // role="separator" + tabIndex + ArrowKey handler is the
+                    // WAI-ARIA windowsplitter pattern (resizable separator).
+                    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        "data-slot": "data-table-resize-handle",
+                        role: "separator",
+                        "aria-orientation": "vertical",
+                        "aria-label": "\u062A\u063A\u06CC\u06CC\u0631 \u0627\u0646\u062F\u0627\u0632\u0647 \u0633\u062A\u0648\u0646",
+                        tabIndex: 0,
+                        "aria-valuenow": getColumnWidth(col),
+                        "aria-valuemin": col.minWidth ?? 60,
+                        "aria-valuemax": col.maxWidth ?? 800,
+                        onKeyDown: (e) => handleResizeKeyDown(col.id, e),
+                        onPointerDown: (e) => startResize(col.id, e),
+                        onPointerMove: onResizePointerMove,
+                        onPointerUp: endResize,
+                        onPointerCancel: endResize,
+                        className: cn(
+                          "absolute inset-block-0 inset-inline-end-0 w-1.5 cursor-col-resize select-none touch-none",
+                          "before:absolute before:inset-block-2 before:inset-inline-1/2 before:w-px before:-translate-x-1/2 before:bg-border-default before:opacity-0 before:transition-opacity",
+                          "hover:before:opacity-100 focus:before:opacity-100 focus-visible:outline-none focus-visible:before:!bg-brand focus-visible:before:opacity-100",
+                          dragRef.current?.columnId === col.id && "before:!bg-brand before:opacity-100"
+                        )
+                      }
+                    )
+                  ]
+                },
+                col.id
+              );
+            })
+          ] }) }),
+          /* @__PURE__ */ jsxs(TableBody, { children: [
+            virtualize && !isLoading && data.length > 0 && virtTopSpacer > 0 && /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", "data-slot": "data-table-virtual-spacer-top", children: /* @__PURE__ */ jsx("td", { colSpan: allColumnCount, style: { height: virtTopSpacer, padding: 0 } }) }),
+            isLoading ? Array.from({ length: loadingRows }).map((_, rowIdx) => /* @__PURE__ */ jsxs(TableRow, { children: [
+              hasSelection && /* @__PURE__ */ jsx(TableCell, { className: pinClass("start"), children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }) }),
+              hasExpansion && /* @__PURE__ */ jsx(TableCell, { className: pinClass("start"), children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }) }),
+              visibleColumns.map((col) => {
+                const liveWidth = getColumnWidth(col);
+                return /* @__PURE__ */ jsx(
+                  TableCell,
+                  {
+                    className: cn(alignClass(col.align), pinClass(col.pinned), col.className),
+                    style: liveWidth ? { width: liveWidth } : void 0,
+                    children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full max-w-[120px]" })
+                  },
+                  col.id
+                );
+              })
+            ] }, `skeleton-${rowIdx}`)) : data.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: allColumnCount, children: emptyState || /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-10 text-foreground-muted text-sm", children: t.noDataToDisplay }) }) }) : (virtualize ? data.slice(virtStartIndex, virtEndIndex) : data).map((row, sliceIdx) => {
+              const rowIdx = virtualize ? virtStartIndex + sliceIdx : sliceIdx;
+              const rowKey = getRowKey(row, rowIdx);
+              const isSelected = hasSelection && selection.selectedRows.has(rowKey);
+              const isExpanded = hasExpansion && expansion.expandedRows.has(rowKey);
+              const ChevronIcon = ChevronRight;
+              return /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+                /* @__PURE__ */ jsxs(TableRow, { "data-state": isSelected ? "selected" : void 0, children: [
+                  hasSelection && /* @__PURE__ */ jsx(TableCell, { className: pinClass("start"), children: /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked: isSelected,
+                      onCheckedChange: () => handleSelectRow(rowKey),
+                      "aria-label": `${t.selectRow} ${(rowIdx + 1).toLocaleString(locale === "fa" ? "fa-IR" : locale === "ar" ? "ar-SA" : "en-US")}`
+                    }
+                  ) }),
+                  hasExpansion && /* @__PURE__ */ jsx(TableCell, { className: pinClass("start"), children: /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": isExpanded ? "collapse" : "expand",
+                      "aria-expanded": isExpanded,
+                      onClick: () => handleToggleExpand(rowKey),
+                      className: "inline-flex size-6 items-center justify-center rounded text-foreground-lighter hover:bg-surface-100 hover:text-foreground transition-colors",
+                      children: isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronIcon, { className: cn("size-4", rtl && "rotate-180"), "aria-hidden": "true" })
+                    }
+                  ) }),
+                  visibleColumns.map((col) => {
+                    const liveWidth = getColumnWidth(col);
+                    return /* @__PURE__ */ jsx(
+                      TableCell,
+                      {
+                        className: cn(alignClass(col.align), pinClass(col.pinned), col.className),
+                        style: liveWidth ? { width: liveWidth } : void 0,
+                        children: col.cell(row, rowIdx)
+                      },
+                      col.id
+                    );
+                  })
+                ] }),
+                hasExpansion && isExpanded && /* @__PURE__ */ jsx(TableRow, { "data-slot": "data-table-expanded-row", children: /* @__PURE__ */ jsx(TableCell, { colSpan: allColumnCount, className: "bg-surface-100/50 border-t-0", children: expansion.renderExpandedRow(row, rowIdx) }) })
+              ] }, rowKey);
+            }),
+            virtualize && !isLoading && data.length > 0 && virtBottomSpacer > 0 && /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", "data-slot": "data-table-virtual-spacer-bottom", children: /* @__PURE__ */ jsx("td", { colSpan: allColumnCount, style: { height: virtBottomSpacer, padding: 0 } }) }),
+            infiniteScroll && !isLoading && data.length > 0 && infiniteScroll.hasMore && /* @__PURE__ */ jsx("tr", { "data-slot": "data-table-infinite-sentinel", "aria-hidden": !infiniteScroll.isLoadingMore, children: /* @__PURE__ */ jsx(
+              "td",
+              {
+                ref: sentinelRef,
+                colSpan: allColumnCount,
+                className: "border-0",
+                children: infiniteScroll.isLoadingMore ? infiniteScroll.loadingMoreContent ?? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-3 text-sm text-foreground-lighter", children: [
+                  /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+                  /* @__PURE__ */ jsx("span", { children: t.loading ?? "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC" })
+                ] }) : /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "h-px" })
+              }
+            ) }),
+            infiniteScroll && !isLoading && data.length > 0 && !infiniteScroll.hasMore && infiniteScroll.endContent && /* @__PURE__ */ jsx("tr", { "data-slot": "data-table-infinite-end", children: /* @__PURE__ */ jsx("td", { colSpan: allColumnCount, className: "border-0 py-3 text-center text-xs text-foreground-lighter", children: infiniteScroll.endContent }) })
+          ] }),
+          footer && visibleColumns.some((c) => !!c.footer) && !isLoading && data.length > 0 && /* @__PURE__ */ jsx(
+            "tfoot",
+            {
+              "data-slot": "data-table-footer",
+              "data-sticky": stickyFooter || void 0,
+              className: cn(
+                "bg-surface-75 border-t border-border-default font-medium",
+                stickyFooter && "[&>tr>td]:sticky [&>tr>td]:inset-block-end-0 [&>tr>td]:bg-surface-75 [&>tr>td]:z-[8]"
+              ),
+              children: /* @__PURE__ */ jsxs("tr", { children: [
+                hasSelection && /* @__PURE__ */ jsx("td", { className: pinClass("start"), "aria-hidden": "true" }),
+                hasExpansion && /* @__PURE__ */ jsx("td", { className: pinClass("start"), "aria-hidden": "true" }),
+                visibleColumns.map((col) => {
+                  const liveWidth = getColumnWidth(col);
+                  return /* @__PURE__ */ jsx(
+                    "td",
+                    {
+                      className: cn(
+                        alignClass(col.align),
+                        pinClass(col.pinned),
+                        col.className,
+                        "[[data-size=sm]_&]:px-2 [[data-size=sm]_&]:py-1.5 [[data-size=sm]_&]:text-xs",
+                        "[[data-size=md]_&]:px-3 [[data-size=md]_&]:py-2 [[data-size=md]_&]:text-sm",
+                        "[[data-size=lg]_&]:px-4 [[data-size=lg]_&]:py-3 [[data-size=lg]_&]:text-base"
+                      ),
+                      style: liveWidth ? { width: liveWidth } : void 0,
+                      children: col.footer ? col.footer() : null
+                    },
+                    col.id
+                  );
+                })
+              ] })
+            }
+          )
+        ] })
+      }
+    ),
+    pagination && pagination.totalPages > 1 && /* @__PURE__ */ jsx("div", { "data-slot": "data-table-pagination", className: "flex justify-center", children: /* @__PURE__ */ jsx(
+      PaginationControlled,
+      {
+        currentPage: pagination.currentPage,
+        totalPages: pagination.totalPages,
+        onPageChange: pagination.onPageChange
+      }
+    ) })
+  ] });
+}
+var DataTable = React6.forwardRef(DataTableInner);
+DataTable.displayName = "DataTable";
+
+export { DataTable };
 //# sourceMappingURL=data-table.js.map
 //# sourceMappingURL=data-table.js.map