@mikenotthepope/substrateui 0.1.3 → 0.2.0

package/dist/index.js

@@ -1,6 +1,6 @@
 "use client";
-import { Stack } from './chunk-IRBORST3.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Center, Stack, Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-IRBORST3.js';
+import { useLabels, resolveLabels, Stack } from './chunk-GK4MVBBR.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Center, Stack, Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-GK4MVBBR.js';
 import { __objRest, __spreadValues, cn, __spreadProps } from './chunk-IQWAGBDM.js';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDown, ChevronRight, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, ArrowLeft, ArrowRight, Check, X, Search, ChevronsUpDown, Circle, ArrowUp, ArrowDown, ArrowUpDown, Settings2, CalendarIcon, Dot, ChevronLeft, GripVertical, ChevronUp, PanelLeft, LoaderCircle, OctagonX, TriangleAlert, Info, CircleCheck } from 'lucide-react';
@@ -464,13 +464,23 @@ function Badge(_a) {
   var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
   return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "badge", className: cn(badgeVariants({ variant }), className) }, props));
 }
+var defaultBreadcrumbLabels = {
+  breadcrumb: "breadcrumb",
+  more: "More"
+};
 function Breadcrumb(_a) {
   var _b = _a, {
-    ref
+    ref,
+    "aria-label": ariaLabel,
+    labels: labelsProp
   } = _b, props = __objRest(_b, [
-    "ref"
+    "ref",
+    "aria-label",
+    "labels"
   ]);
-  return /* @__PURE__ */ jsx("nav", __spreadValues({ ref, "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultBreadcrumbLabels, ctx.breadcrumb, labelsProp);
+  return /* @__PURE__ */ jsx("nav", __spreadValues({ ref, "aria-label": ariaLabel != null ? ariaLabel : labels.breadcrumb, "data-slot": "breadcrumb" }, props));
 }
 function BreadcrumbList(_a) {
   var _b = _a, {
@@ -571,10 +581,17 @@ function BreadcrumbSeparator(_a) {
 }
 function BreadcrumbEllipsis(_a) {
   var _b = _a, {
-    className
+    className,
+    label,
+    labels: labelsProp
   } = _b, props = __objRest(_b, [
-    "className"
+    "className",
+    "label",
+    "labels"
   ]);
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultBreadcrumbLabels, ctx.breadcrumb, labelsProp);
+  const resolvedLabel = label != null ? label : labels.more;
   return /* @__PURE__ */ jsxs(
     "span",
     __spreadProps(__spreadValues({
@@ -585,7 +602,7 @@ function BreadcrumbEllipsis(_a) {
     }, props), {
       children: [
         /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: resolvedLabel })
       ]
     })
   );
@@ -805,6 +822,10 @@ function CalendarDayButton(_a) {
     }, props)
   );
 }
+var defaultCarouselLabels = {
+  previousSlide: "Previous slide",
+  nextSlide: "Next slide"
+};
 var CarouselContext = React3.createContext(null);
 function useCarousel() {
   const context = React3.useContext(CarouselContext);
@@ -961,14 +982,18 @@ function CarouselPrevious(_a) {
     className,
     variant = "outline",
     size = "icon",
+    labels: labelsProp,
     ref
   } = _b, props = __objRest(_b, [
     "className",
     "variant",
     "size",
+    "labels",
     "ref"
   ]);
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultCarouselLabels, ctx.carousel, labelsProp);
   return /* @__PURE__ */ jsxs(
     Button,
     __spreadProps(__spreadValues({
@@ -986,7 +1011,7 @@ function CarouselPrevious(_a) {
     }, props), {
       children: [
         /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels.previousSlide })
       ]
     })
   );
@@ -996,14 +1021,18 @@ function CarouselNext(_a) {
     className,
     variant = "outline",
     size = "icon",
+    labels: labelsProp,
     ref
   } = _b, props = __objRest(_b, [
     "className",
     "variant",
     "size",
+    "labels",
     "ref"
   ]);
   const { orientation, scrollNext, canScrollNext } = useCarousel();
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultCarouselLabels, ctx.carousel, labelsProp);
   return /* @__PURE__ */ jsxs(
     Button,
     __spreadProps(__spreadValues({
@@ -1021,7 +1050,7 @@ function CarouselNext(_a) {
     }, props), {
       children: [
         /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels.nextSlide })
       ]
     })
   );
@@ -1359,6 +1388,9 @@ function Cluster(_a) {
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+var defaultDialogLabels = {
+  close: "Close"
+};
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
@@ -1387,12 +1419,16 @@ function DialogContent(_a) {
   var _b = _a, {
     className,
     children,
+    labels: labelsProp,
     ref
   } = _b, props = __objRest(_b, [
     "className",
     "children",
+    "labels",
     "ref"
   ]);
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultDialogLabels, ctx.dialog, labelsProp);
   return /* @__PURE__ */ jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsxs(
@@ -1409,7 +1445,7 @@ function DialogContent(_a) {
           children,
           /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute end-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
             /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels.close })
           ] })
         ]
       })
@@ -1668,23 +1704,37 @@ function PopoverContent(_a) {
     }, props)
   ) });
 }
+var defaultComboboxLabels = {
+  placeholder: "Select...",
+  searchPlaceholder: "Search...",
+  noResults: "No results found."
+};
 function Combobox(_a) {
   var _b = _a, {
     options,
-    placeholder = "Select...",
-    searchPlaceholder = "Search...",
-    emptyMessage = "No results found.",
+    placeholder: placeholder,
+    searchPlaceholder,
+    emptyMessage,
+    labels: labelsProp,
     className,
     disabled
   } = _b, props = __objRest(_b, [
     "options",
+    // These deprecated props are still accepted and forwarded into the labels
+    // API below for backward compatibility (see ComboboxBaseProps).
+    /* eslint-disable @typescript-eslint/no-deprecated */
     "placeholder",
     "searchPlaceholder",
     "emptyMessage",
+    /* eslint-enable @typescript-eslint/no-deprecated */
+    "labels",
     "className",
     "disabled"
   ]);
   var _a2;
+  const ctx = useLabels();
+  const mergedProp = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, labelsProp), placeholder != null && { placeholder }), searchPlaceholder != null && { searchPlaceholder }), emptyMessage != null && { noResults: emptyMessage });
+  const labels = resolveLabels(defaultComboboxLabels, ctx.combobox, mergedProp);
   const [open, setOpen] = React3.useState(false);
   const isMultiple = props.multiple === true;
   const selectedValues = isMultiple ? (_a2 = props.value) != null ? _a2 : [] : props.value ? [props.value] : [];
@@ -1732,7 +1782,7 @@ function Combobox(_a) {
       const opt = options.find((o) => o.value === props.value);
       return /* @__PURE__ */ jsx("span", { children: (_a3 = opt == null ? void 0 : opt.label) != null ? _a3 : props.value });
     }
-    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder });
+    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: labels.placeholder });
   };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -1754,9 +1804,9 @@ function Combobox(_a) {
       }
     ) }),
     /* @__PURE__ */ jsx(PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0", children: /* @__PURE__ */ jsxs(Command, { children: [
-      /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder }),
+      /* @__PURE__ */ jsx(CommandInput, { placeholder: labels.searchPlaceholder }),
       /* @__PURE__ */ jsxs(CommandList, { children: [
-        /* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage }),
+        /* @__PURE__ */ jsx(CommandEmpty, { children: labels.noResults }),
         /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(
           CommandItem,
           {
@@ -2346,11 +2396,28 @@ function TableCaption(_a) {
     }, props)
   );
 }
+var defaultLabels = {
+  previous: "Previous",
+  next: "Next",
+  noResults: "No results.",
+  view: "View",
+  toggleColumns: "Toggle columns",
+  selectAll: "Select all",
+  selectRow: "Select row",
+  rowsSelected: (selected, total) => `${selected} of ${total} row(s) selected.`,
+  pageOf: (page, total) => `Page ${page} of ${total}`,
+  sortedAscending: (title) => `${title}, sorted ascending. Click to sort descending.`,
+  sortedDescending: (title) => `${title}, sorted descending. Click to remove sort.`,
+  notSorted: (title) => `${title}, not sorted. Click to sort ascending.`
+};
 function DataTableColumnHeader({
   column,
   title,
-  className
+  className,
+  labels: labelsProp
 }) {
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultLabels, ctx.dataTable, labelsProp);
   if (!column.getCanSort()) {
     return /* @__PURE__ */ jsx("div", { className: cn(className), children: title });
   }
@@ -2362,7 +2429,7 @@ function DataTableColumnHeader({
       size: "sm",
       className: cn("-ms-3 h-8 font-mono text-xs", className),
       onClick: () => column.toggleSorting(sorted === "asc"),
-      "aria-label": sorted === "asc" ? `${title}, sorted ascending. Click to sort descending.` : sorted === "desc" ? `${title}, sorted descending. Click to remove sort.` : `${title}, not sorted. Click to sort ascending.`,
+      "aria-label": sorted === "asc" ? labels.sortedAscending(title) : sorted === "desc" ? labels.sortedDescending(title) : labels.notSorted(title),
       children: [
         title,
         sorted === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "ms-2 size-3.5", "aria-hidden": "true" }) : sorted === "desc" ? /* @__PURE__ */ jsx(ArrowDown, { className: "ms-2 size-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ArrowUpDown, { className: "ms-2 size-3.5", "aria-hidden": "true" })
@@ -2371,15 +2438,18 @@ function DataTableColumnHeader({
   );
 }
 function DataTableViewOptions({
-  table
+  table,
+  labels: labelsProp
 }) {
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultLabels, ctx.dataTable, labelsProp);
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "ms-auto h-8 border-2", children: [
       /* @__PURE__ */ jsx(Settings2, { className: "me-2 size-4" }),
-      /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: "View" })
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: labels.view })
     ] }) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-40", children: [
-      /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "font-mono text-xs", children: "Toggle columns" }),
+      /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "font-mono text-xs", children: labels.toggleColumns }),
       /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
       table.getAllColumns().filter(
         (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
@@ -2397,24 +2467,21 @@ function DataTableViewOptions({
   ] });
 }
 function DataTablePagination({
-  table
+  table,
+  labels: labelsProp
 }) {
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultLabels, ctx.dataTable, labelsProp);
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 font-mono text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 font-mono text-xs text-muted-foreground", children: labels.rowsSelected(
       table.getFilteredSelectedRowModel().rows.length,
-      " of",
-      " ",
-      table.getFilteredRowModel().rows.length,
-      " row(s) selected."
-    ] }),
+      table.getFilteredRowModel().rows.length
+    ) }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "font-mono text-xs text-muted-foreground", children: [
-        "Page ",
+      /* @__PURE__ */ jsx("div", { className: "font-mono text-xs text-muted-foreground", children: labels.pageOf(
         table.getState().pagination.pageIndex + 1,
-        " of",
-        " ",
         table.getPageCount()
-      ] }),
+      ) }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -2423,8 +2490,8 @@ function DataTablePagination({
           className: "h-8 border-2",
           onClick: () => table.previousPage(),
           disabled: !table.getCanPreviousPage(),
-          "aria-label": "Previous page",
-          children: "Previous"
+          "aria-label": labels.previous,
+          children: labels.previous
         }
       ),
       /* @__PURE__ */ jsx(
@@ -2435,8 +2502,8 @@ function DataTablePagination({
           className: "h-8 border-2",
           onClick: () => table.nextPage(),
           disabled: !table.getCanNextPage(),
-          "aria-label": "Next page",
-          children: "Next"
+          "aria-label": labels.next,
+          children: labels.next
         }
       )
     ] })
@@ -2452,7 +2519,8 @@ function DataTableToolbar({ children, className }) {
     }
   );
 }
-function createSelectColumn() {
+function createSelectColumn(labels) {
+  const resolved = resolveLabels(defaultLabels, void 0, labels);
   return {
     id: "select",
     header: ({ table }) => /* @__PURE__ */ jsx(
@@ -2460,7 +2528,7 @@ function createSelectColumn() {
       {
         checked: table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected() && "indeterminate",
         onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
-        "aria-label": "Select all"
+        "aria-label": resolved.selectAll
       }
     ),
     cell: ({ row }) => /* @__PURE__ */ jsx(
@@ -2468,7 +2536,7 @@ function createSelectColumn() {
       {
         checked: row.getIsSelected(),
         onCheckedChange: (value) => row.toggleSelected(!!value),
-        "aria-label": "Select row"
+        "aria-label": resolved.selectRow
       }
     ),
     enableSorting: false,
@@ -2479,9 +2547,12 @@ function DataTable({
   columns,
   data,
   className,
-  toolbar
+  toolbar,
+  labels: labelsProp
 }) {
   var _a;
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultLabels, ctx.dataTable, labelsProp);
   const [sorting, setSorting] = React3.useState([]);
   const [columnFilters, setColumnFilters] = React3.useState([]);
   const [columnVisibility, setColumnVisibility] = React3.useState({});
@@ -2527,34 +2598,56 @@ function DataTable({
         {
           colSpan: columns.length,
           className: "h-24 text-center text-muted-foreground",
-          children: "No results."
+          children: labels.noResults
         }
       ) }) })
     ] }) }),
-    /* @__PURE__ */ jsx(DataTablePagination, { table })
+    /* @__PURE__ */ jsx(DataTablePagination, { table, labels: labelsProp })
   ] });
 }
-function formatDate(date) {
-  return new Intl.DateTimeFormat("en-US", {
+function defaultFormatDate(date, locale) {
+  return new Intl.DateTimeFormat(locale, {
     month: "long",
     day: "numeric",
     year: "numeric"
   }).format(date);
 }
-function formatDateShort(date) {
-  return new Intl.DateTimeFormat("en-US", {
+function defaultFormatDateShort(date, locale) {
+  return new Intl.DateTimeFormat(locale, {
     month: "short",
     day: "numeric",
     year: "numeric"
   }).format(date);
 }
+var defaultDatePickerLabels = {
+  placeholder: "Pick a date",
+  rangePlaceholder: "Pick a date range",
+  locale: "en-US",
+  formatDate: (date) => defaultFormatDate(date, "en-US"),
+  formatDateShort: (date) => defaultFormatDateShort(date, "en-US")
+};
+function resolveDatePickerLabels(context, prop) {
+  var _a, _b, _c, _d;
+  const merged = resolveLabels(defaultDatePickerLabels, context, prop);
+  const locale = merged.locale;
+  return __spreadProps(__spreadValues({}, merged), {
+    formatDate: (_b = (_a = prop == null ? void 0 : prop.formatDate) != null ? _a : context == null ? void 0 : context.formatDate) != null ? _b : ((date) => defaultFormatDate(date, locale)),
+    formatDateShort: (_d = (_c = prop == null ? void 0 : prop.formatDateShort) != null ? _c : context == null ? void 0 : context.formatDateShort) != null ? _d : ((date) => defaultFormatDateShort(date, locale))
+  });
+}
 function DatePicker({
   date,
   onDateChange,
-  placeholder = "Pick a date",
+  // Deprecated; forwarded into the labels API below for backward compatibility.
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
+  placeholder,
+  labels: labelsProp,
   className,
   disabled
 }) {
+  const ctx = useLabels();
+  const mergedProp = __spreadValues(__spreadValues({}, labelsProp), placeholder != null && { placeholder });
+  const labels = resolveDatePickerLabels(ctx.datePicker, mergedProp);
   return /* @__PURE__ */ jsxs(Popover, { children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       Button,
@@ -2568,7 +2661,7 @@ function DatePicker({
         ),
         children: [
           /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }),
-          date ? /* @__PURE__ */ jsx("span", { children: formatDate(date) }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder })
+          date ? /* @__PURE__ */ jsx("span", { children: labels.formatDate(date) }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: labels.placeholder })
         ]
       }
     ) }),
@@ -2585,10 +2678,16 @@ function DatePicker({
 function DateRangePicker({
   dateRange,
   onDateRangeChange,
-  placeholder = "Pick a date range",
+  // Deprecated; forwarded into the labels API below for backward compatibility.
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
+  placeholder,
+  labels: labelsProp,
   className,
   disabled
 }) {
+  const ctx = useLabels();
+  const mergedProp = __spreadValues(__spreadValues({}, labelsProp), placeholder != null && { rangePlaceholder: placeholder });
+  const labels = resolveDatePickerLabels(ctx.datePicker, mergedProp);
   return /* @__PURE__ */ jsxs(Popover, { children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       Button,
@@ -2603,9 +2702,9 @@ function DateRangePicker({
         children: [
           /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }),
           (dateRange == null ? void 0 : dateRange.from) ? /* @__PURE__ */ jsxs("span", { children: [
-            formatDateShort(dateRange.from),
-            dateRange.to && ` \u2013 ${formatDateShort(dateRange.to)}`
-          ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder })
+            labels.formatDateShort(dateRange.from),
+            dateRange.to && ` \u2013 ${labels.formatDateShort(dateRange.to)}`
+          ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: labels.rangePlaceholder })
         ]
       }
     ) }),
@@ -3949,13 +4048,29 @@ function NavigationMenuIndicator(_a) {
     })
   );
 }
+var defaultPaginationLabels = {
+  pagination: "pagination",
+  previous: "Previous",
+  next: "Next",
+  morePages: "More pages"
+};
 function Pagination(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className,
+    "aria-label": ariaLabel,
+    labels: labelsProp
+  } = _b, props = __objRest(_b, [
+    "className",
+    "aria-label",
+    "labels"
+  ]);
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultPaginationLabels, ctx.pagination, labelsProp);
   return /* @__PURE__ */ jsx(
     "nav",
     __spreadValues({
       role: "navigation",
-      "aria-label": "pagination",
+      "aria-label": ariaLabel != null ? ariaLabel : labels.pagination,
       "data-slot": "pagination",
       className: cn("mx-auto flex w-full justify-center", className)
     }, props)
@@ -4015,41 +4130,57 @@ function PaginationLink(_a) {
 }
 function PaginationPrevious(_a) {
   var _b = _a, {
-    className
+    className,
+    label,
+    labels: labelsProp
   } = _b, props = __objRest(_b, [
-    "className"
+    "className",
+    "label",
+    "labels"
   ]);
+  var _a2;
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultPaginationLabels, ctx.pagination, labelsProp);
+  const resolvedLabel = label != null ? label : labels.previous;
   return /* @__PURE__ */ jsxs(
     PaginationLink,
     __spreadProps(__spreadValues({
-      "aria-label": "Go to previous page",
+      "aria-label": (_a2 = props["aria-label"]) != null ? _a2 : resolvedLabel,
       size: "default",
       "data-slot": "pagination-previous",
       className: cn("gap-1 ps-2.5", className)
     }, props), {
       children: [
         /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { children: "Previous" })
+        /* @__PURE__ */ jsx("span", { children: resolvedLabel })
       ]
     })
   );
 }
 function PaginationNext(_a) {
   var _b = _a, {
-    className
+    className,
+    label,
+    labels: labelsProp
   } = _b, props = __objRest(_b, [
-    "className"
+    "className",
+    "label",
+    "labels"
   ]);
+  var _a2;
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultPaginationLabels, ctx.pagination, labelsProp);
+  const resolvedLabel = label != null ? label : labels.next;
   return /* @__PURE__ */ jsxs(
     PaginationLink,
     __spreadProps(__spreadValues({
-      "aria-label": "Go to next page",
+      "aria-label": (_a2 = props["aria-label"]) != null ? _a2 : resolvedLabel,
       size: "default",
       "data-slot": "pagination-next",
       className: cn("gap-1 pe-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx("span", { children: "Next" }),
+        /* @__PURE__ */ jsx("span", { children: resolvedLabel }),
         /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
       ]
     })
@@ -4057,10 +4188,17 @@ function PaginationNext(_a) {
 }
 function PaginationEllipsis(_a) {
   var _b = _a, {
-    className
+    className,
+    label,
+    labels: labelsProp
   } = _b, props = __objRest(_b, [
-    "className"
+    "className",
+    "label",
+    "labels"
   ]);
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultPaginationLabels, ctx.pagination, labelsProp);
+  const resolvedLabel = label != null ? label : labels.morePages;
   return /* @__PURE__ */ jsxs(
     "span",
     __spreadProps(__spreadValues({
@@ -4070,7 +4208,7 @@ function PaginationEllipsis(_a) {
     }, props), {
       children: [
         /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: resolvedLabel })
       ]
     })
   );
@@ -4234,13 +4372,19 @@ function ScrollBar(_a) {
     })
   );
 }
+var defaultSearchFieldLabels = {
+  placeholder: "Search...",
+  clearSearch: "Clear search"
+};
 function SearchField(_a) {
   var _b = _a, {
-    placeholder = "Search...",
+    placeholder,
     shortcut,
     value,
     onChange,
     onClear,
+    clearLabel,
+    labels: labelsProp,
     className
   } = _b, props = __objRest(_b, [
     "placeholder",
@@ -4248,8 +4392,14 @@ function SearchField(_a) {
     "value",
     "onChange",
     "onClear",
+    "clearLabel",
+    "labels",
     "className"
   ]);
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultSearchFieldLabels, ctx.searchField, labelsProp);
+  const resolvedPlaceholder = placeholder != null ? placeholder : labels.placeholder;
+  const resolvedClearLabel = clearLabel != null ? clearLabel : labels.clearSearch;
   return /* @__PURE__ */ jsxs(
     InputGroup,
     __spreadProps(__spreadValues({
@@ -4263,10 +4413,10 @@ function SearchField(_a) {
           Input,
           {
             type: "search",
-            placeholder,
+            placeholder: resolvedPlaceholder,
             value,
             onChange: (e) => onChange(e.target.value),
-            "aria-label": placeholder,
+            "aria-label": resolvedPlaceholder,
             className: "border-0 focus-visible:ring-0 focus-visible:ring-offset-0"
           }
         ),
@@ -4274,7 +4424,7 @@ function SearchField(_a) {
           "button",
           {
             type: "button",
-            "aria-label": "Clear search",
+            "aria-label": resolvedClearLabel,
             onClick: () => {
               onChange("");
               onClear == null ? void 0 : onClear();
@@ -4496,6 +4646,9 @@ function Separator6(_a) {
     }, props)
   );
 }
+var defaultSheetLabels = {
+  close: "Close"
+};
 var Sheet = DialogPrimitive.Root;
 var SheetTrigger = DialogPrimitive.Trigger;
 var SheetClose = DialogPrimitive.Close;
@@ -4542,13 +4695,17 @@ function SheetContent(_a) {
     side = "right",
     className,
     children,
+    labels: labelsProp,
     ref
   } = _b, props = __objRest(_b, [
     "side",
     "className",
     "children",
+    "labels",
     "ref"
   ]);
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultSheetLabels, ctx.sheet, labelsProp);
   return /* @__PURE__ */ jsxs(SheetPortal, { children: [
     /* @__PURE__ */ jsx(SheetOverlay, {}),
     /* @__PURE__ */ jsxs(
@@ -4562,7 +4719,7 @@ function SheetContent(_a) {
           children,
           /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute end-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
             /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels.close })
           ] })
         ]
       })
@@ -4690,6 +4847,11 @@ function TooltipContent(_a) {
     }, props)
   );
 }
+var defaultSidebarLabels = {
+  toggleSidebar: "Toggle Sidebar",
+  mobileTitle: "Sidebar",
+  mobileDescription: "Displays the mobile sidebar."
+};
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -4789,6 +4951,9 @@ function Sidebar(_a) {
     collapsible = "offcanvas",
     className,
     children,
+    mobileTitle,
+    mobileDescription,
+    labels: labelsProp,
     ref
   } = _b, props = __objRest(_b, [
     "side",
@@ -4796,9 +4961,16 @@ function Sidebar(_a) {
     "collapsible",
     "className",
     "children",
+    "mobileTitle",
+    "mobileDescription",
+    "labels",
     "ref"
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultSidebarLabels, ctx.sidebar, labelsProp);
+  const resolvedMobileTitle = mobileTitle != null ? mobileTitle : labels.mobileTitle;
+  const resolvedMobileDescription = mobileDescription != null ? mobileDescription : labels.mobileDescription;
   if (collapsible === "none") {
     return /* @__PURE__ */ jsx(
       "div",
@@ -4828,8 +5000,8 @@ function Sidebar(_a) {
         side,
         children: [
           /* @__PURE__ */ jsxs(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsx(SheetTitle, { children: resolvedMobileTitle }),
+            /* @__PURE__ */ jsx(SheetDescription, { children: resolvedMobileDescription })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col", children })
         ]
@@ -4887,13 +5059,20 @@ function SidebarTrigger(_a) {
   var _b = _a, {
     className,
     onClick,
+    label,
+    labels: labelsProp,
     ref
   } = _b, props = __objRest(_b, [
     "className",
     "onClick",
+    "label",
+    "labels",
     "ref"
   ]);
   const { toggleSidebar } = useSidebar();
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultSidebarLabels, ctx.sidebar, labelsProp);
+  const resolvedLabel = label != null ? label : labels.toggleSidebar;
   return /* @__PURE__ */ jsxs(
     Button,
     __spreadProps(__spreadValues({
@@ -4910,7 +5089,7 @@ function SidebarTrigger(_a) {
     }, props), {
       children: [
         /* @__PURE__ */ jsx(PanelLeft, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: resolvedLabel })
       ]
     })
   );
@@ -4918,22 +5097,29 @@ function SidebarTrigger(_a) {
 function SidebarRail(_a) {
   var _b = _a, {
     className,
+    label,
+    labels: labelsProp,
     ref
   } = _b, props = __objRest(_b, [
     "className",
+    "label",
+    "labels",
     "ref"
   ]);
   const { toggleSidebar } = useSidebar();
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultSidebarLabels, ctx.sidebar, labelsProp);
+  const resolvedLabel = label != null ? label : labels.toggleSidebar;
   return /* @__PURE__ */ jsx(
     "button",
     __spreadValues({
       ref,
       "data-slot": "sidebar-rail",
       "data-sidebar": "rail",
-      "aria-label": "Toggle Sidebar",
+      "aria-label": resolvedLabel,
       tabIndex: -1,
       onClick: toggleSidebar,
-      title: "Toggle Sidebar",
+      title: resolvedLabel,
       className: cn(
         "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-end-4 group-data-[side=right]:start-0 sm:flex",
         "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
@@ -5534,6 +5720,9 @@ function Spacer(_a) {
     }, props)
   );
 }
+var defaultSpinnerLabels = {
+  loading: "Loading\u2026"
+};
 var spinnerVariants = cva(
   "rounded-full border-2",
   {
@@ -5552,11 +5741,15 @@ var spinnerVariants = cva(
 function Spinner(_a) {
   var _b = _a, {
     className,
-    size
+    size,
+    labels: labelsProp
   } = _b, props = __objRest(_b, [
     "className",
-    "size"
+    "size",
+    "labels"
   ]);
+  const ctx = useLabels();
+  const labels = resolveLabels(defaultSpinnerLabels, ctx.spinner, labelsProp);
   return /* @__PURE__ */ jsx(
     "div",
     __spreadProps(__spreadValues({
@@ -5564,7 +5757,7 @@ function Spinner(_a) {
       role: "status",
       className: cn(spinnerVariants({ size }), className)
     }, props), {
-      children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading\u2026" })
+      children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels.loading })
     })
   );
 }
@@ -5861,6 +6054,6 @@ function Mono(_a) {
   );
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, Calendar, CalendarDayButton, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Cluster, Code, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DataTableViewOptions, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Divider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyAction, EmptyDescription, EmptyIcon, EmptyTitle, Field, FieldError, FieldHint, FieldLabel, Fieldset, Form, FormActions, FormActionsPrimary, FormActionsSecondary, FormSection, FormSectionContent, FormSectionDescription, FormSectionHeader, FormSectionTitle, Grid, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupPrefix, InputGroupSuffix, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item4 as Item, ItemIcon, ItemLabel, Kbd, Label3 as Label, Large, Lead, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Mono, Muted, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, P, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchField, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator6 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Small, Spacer, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, createSelectColumn, nativeSelectVariants, navigationMenuTriggerStyle, spinnerVariants, toggleVariants, useDirection, useFieldContext, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, Calendar, CalendarDayButton, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Cluster, Code, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DataTableViewOptions, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Divider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyAction, EmptyDescription, EmptyIcon, EmptyTitle, Field, FieldError, FieldHint, FieldLabel, Fieldset, Form, FormActions, FormActionsPrimary, FormActionsSecondary, FormSection, FormSectionContent, FormSectionDescription, FormSectionHeader, FormSectionTitle, Grid, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupPrefix, InputGroupSuffix, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item4 as Item, ItemIcon, ItemLabel, Kbd, Label3 as Label, Large, Lead, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Mono, Muted, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, P, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchField, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator6 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Small, Spacer, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, createSelectColumn, nativeSelectVariants, navigationMenuTriggerStyle, sidebarMenuButtonVariants, spinnerVariants, toggleVariants, useDirection, useFieldContext, useSidebar };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map