@krak-stack/registry 0.1.38 → 0.1.39

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

@@ -699,7 +699,7 @@ function Pagination({
   totalRows
 }) {
   const locale = useKrakstackLocale2(localeOverride);
-  const labels2 = paginationMessages(locale, messageOverrides);
+  const labels = paginationMessages(locale, messageOverrides);
   const pageSizeId = useId();
   const canGoBack = page > 0;
   const canGoForward = page + 1 < pageCount;
@@ -710,10 +710,10 @@ function Pagination({
         className: "text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-1 text-sm",
         children: [
           /* @__PURE__ */ jsx10("span", {
-            children: labels2.results(totalRows)
+            children: labels.results(totalRows)
           }),
           selectedRows > 0 ? /* @__PURE__ */ jsx10("span", {
-            children: labels2.selectedOf(selectedRows, totalRows)
+            children: labels.selectedOf(selectedRows, totalRows)
           }) : null
         ]
       }) : null,
@@ -726,7 +726,7 @@ function Pagination({
               /* @__PURE__ */ jsx10(Label, {
                 htmlFor: pageSizeId,
                 className: cn("hidden text-sm sm:block", compact && "block"),
-                children: labels2.pageSize
+                children: labels.pageSize
               }),
               /* @__PURE__ */ jsxs5(Select, {
                 items: pageSizes.map((size) => ({
@@ -759,7 +759,7 @@ function Pagination({
             children: [
               /* @__PURE__ */ jsx10("div", {
                 className: "flex items-center justify-center text-sm font-medium sm:block",
-                children: labels2.pageOf(page + 1, pageCount)
+                children: labels.pageOf(page + 1, pageCount)
               }),
               /* @__PURE__ */ jsxs5("div", {
                 className: "flex items-center gap-1",
@@ -772,7 +772,7 @@ function Pagination({
                     children: [
                       /* @__PURE__ */ jsx10("span", {
                         className: "sr-only",
-                        children: labels2.goToFirstPage
+                        children: labels.goToFirstPage
                       }),
                       /* @__PURE__ */ jsx10(ChevronsLeft, {})
                     ]
@@ -785,7 +785,7 @@ function Pagination({
                     children: [
                       /* @__PURE__ */ jsx10("span", {
                         className: "sr-only",
-                        children: labels2.goToPreviousPage
+                        children: labels.goToPreviousPage
                       }),
                       /* @__PURE__ */ jsx10(ChevronLeft, {})
                     ]
@@ -798,7 +798,7 @@ function Pagination({
                     children: [
                       /* @__PURE__ */ jsx10("span", {
                         className: "sr-only",
-                        children: labels2.goToNextPage
+                        children: labels.goToNextPage
                       }),
                       /* @__PURE__ */ jsx10(ChevronRight, {})
                     ]
@@ -811,7 +811,7 @@ function Pagination({
                     children: [
                       /* @__PURE__ */ jsx10("span", {
                         className: "sr-only",
-                        children: labels2.goToLastPage
+                        children: labels.goToLastPage
                       }),
                       /* @__PURE__ */ jsx10(ChevronsRight, {})
                     ]
@@ -1223,9 +1223,9 @@ var sortDataTableRows = (rows, columns, sorting) => {
           const nullOrder = colDef.typeOptions?.nulls === "first" ? -1 : 1;
           return leftScalar === undefined ? nullOrder : -nullOrder;
         }
-        const comparison2 = leftScalar - rightScalar;
-        if (comparison2 !== 0)
-          return sort.direction === "desc" ? -comparison2 : comparison2;
+        const comparison = leftScalar - rightScalar;
+        if (comparison !== 0)
+          return sort.direction === "desc" ? -comparison : comparison;
         continue;
       }
       if (!colDef.comparator && (colDef.type === "date" || colDef.type === "dateTime")) {
@@ -1237,9 +1237,9 @@ var sortDataTableRows = (rows, columns, sorting) => {
           const nullOrder = colDef.typeOptions?.nulls === "first" ? -1 : 1;
           return !leftDate ? nullOrder : -nullOrder;
         }
-        const comparison2 = DateTime.toEpochMillis(leftDate.instant) - DateTime.toEpochMillis(rightDate.instant);
-        if (comparison2 !== 0)
-          return sort.direction === "desc" ? -comparison2 : comparison2;
+        const comparison = DateTime.toEpochMillis(leftDate.instant) - DateTime.toEpochMillis(rightDate.instant);
+        if (comparison !== 0)
+          return sort.direction === "desc" ? -comparison : comparison;
         continue;
       }
       const comparison = column.colDef.comparator ? column.colDef.comparator(leftValue, rightValue, left.row.data, right.row.data) : Object.is(leftValue, rightValue) ? 0 : leftValue === null || leftValue === undefined ? 1 : rightValue === null || rightValue === undefined ? -1 : Schema.is(Schema.Number)(leftValue) && Schema.is(Schema.Number)(rightValue) ? leftValue - rightValue : String(leftValue).localeCompare(String(rightValue), undefined, { numeric: true, sensitivity: "base" });
@@ -1427,7 +1427,7 @@ var canMoveRowsToGroups = (store) => getActiveGrouping(store).some((field) => !!
 var canDragRows = (store) => getActiveGrouping(store).length ? canMoveRowsToGroups(store) : canReorderRows(store);
 var hasRowActionMenu = (store) => !!store.config.features.rowActions || canReorderRows(store);
 var getSelectedRows = (store, model) => model.rows.filter((row) => store.state.rowSelection[row.id]).map((row) => row.data);
-var renderCell = (row, column, locale = "en", labels2 = dataTableMessages(locale)) => {
+var renderCell = (row, column, locale = "en", labels = dataTableMessages(locale)) => {
   const value = row.values.get(column.id);
   const params = {
     data: row.data,
@@ -1496,11 +1496,11 @@ var renderCell = (row, column, locale = "en", labels2 = dataTableMessages(locale
         itemActions,
         items: config.getItems(row.data),
         locale,
-        messages: { [locale]: labels2 },
+        messages: { [locale]: labels },
         options: config.getOptions(row.data),
         totalCount: config.getTotalCount?.(row.data),
-        onAdd: config.onAdd ? (value2) => config.onAdd?.({ value: value2, row: row.data }) : undefined,
-        onRemove: config.onRemove ? (value2) => config.onRemove?.({ value: value2, row: row.data }) : undefined
+        onAdd: config.onAdd ? (value) => config.onAdd?.({ value, row: row.data }) : undefined,
+        onRemove: config.onRemove ? (value) => config.onRemove?.({ value, row: row.data }) : undefined
       });
     }
     return /* @__PURE__ */ jsx14(DataTableListCell, {
@@ -1508,7 +1508,7 @@ var renderCell = (row, column, locale = "en", labels2 = dataTableMessages(locale
       itemActions,
       items: config.getItems(row.data),
       locale,
-      messages: { [locale]: labels2 },
+      messages: { [locale]: labels },
       totalCount: config.getTotalCount?.(row.data)
     });
   }
@@ -1641,7 +1641,7 @@ var DataTableToolbar = ({
   tableAtom
 }) => {
   const [store, setStore] = useTableAtom(tableAtom);
-  const { features, labels: labels2 } = store.config;
+  const { features, labels } = store.config;
   const model = deriveModel(store);
   const selectedRows = getSelectedRows(store, model);
   const grouping = features.grouping;
@@ -1669,11 +1669,11 @@ var DataTableToolbar = ({
               globalFilter: event.target.value,
               page: 0
             })),
-            placeholder: labels2.filter,
+            placeholder: labels.filter,
             value: store.state.globalFilter ?? ""
           }),
           store.state.globalFilter ? /* @__PURE__ */ jsx14(Button, {
-            "aria-label": labels2.filter,
+            "aria-label": labels.filter,
             className: "absolute top-1/2 right-1 size-7 -translate-y-1/2",
             onClick: () => update((state) => ({
               ...state,
@@ -1697,7 +1697,7 @@ var DataTableToolbar = ({
                 /* @__PURE__ */ jsxs8(MenubarTrigger, {
                   className: "bg-primary text-primary-foreground hover:bg-primary/90 aria-expanded:bg-primary/90",
                   children: [
-                    labels2.selected,
+                    labels.selected,
                     /* @__PURE__ */ jsx14(Badge, {
                       variant: "secondary",
                       children: selectedRows.length
@@ -1711,7 +1711,7 @@ var DataTableToolbar = ({
                   children: /* @__PURE__ */ jsxs8(MenubarGroup, {
                     children: [
                       /* @__PURE__ */ jsx14(MenubarLabel, {
-                        children: bulkActions && bulkActions.label ? bulkActions.label : labels2.actions
+                        children: bulkActions && bulkActions.label ? bulkActions.label : labels.actions
                       }),
                       /* @__PURE__ */ jsx14(MenubarSeparator, {}),
                       visibleBulkActions.map((action) => /* @__PURE__ */ jsxs8(MenubarItem, {
@@ -1730,12 +1730,12 @@ var DataTableToolbar = ({
             grouping ? /* @__PURE__ */ jsxs8(MenubarMenu, {
               children: [
                 /* @__PURE__ */ jsxs8(MenubarTrigger, {
-                  "aria-label": labels2.groupBy,
+                  "aria-label": labels.groupBy,
                   children: [
                     /* @__PURE__ */ jsx14(Rows3, {}),
                     /* @__PURE__ */ jsx14("span", {
                       className: "hidden sm:inline",
-                      children: labels2.groupBy
+                      children: labels.groupBy
                     })
                   ]
                 }),
@@ -1744,7 +1744,7 @@ var DataTableToolbar = ({
                   children: /* @__PURE__ */ jsxs8(MenubarGroup, {
                     children: [
                       /* @__PURE__ */ jsx14(MenubarLabel, {
-                        children: labels2.groupBy
+                        children: labels.groupBy
                       }),
                       /* @__PURE__ */ jsx14(MenubarSeparator, {}),
                       grouping.fields.map((field) => /* @__PURE__ */ jsx14(MenubarCheckboxItem, {
@@ -1771,13 +1771,13 @@ var DataTableToolbar = ({
             }) : null,
             features.refresh ? /* @__PURE__ */ jsx14(MenubarMenu, {
               children: /* @__PURE__ */ jsxs8(MenubarTrigger, {
-                "aria-label": labels2.refresh,
+                "aria-label": labels.refresh,
                 onClick: features.refresh,
                 children: [
                   /* @__PURE__ */ jsx14(RefreshCw, {}),
                   /* @__PURE__ */ jsx14("span", {
                     className: "hidden sm:inline",
-                    children: labels2.refresh
+                    children: labels.refresh
                   })
                 ]
               })
@@ -1785,13 +1785,13 @@ var DataTableToolbar = ({
             features.export ? /* @__PURE__ */ jsxs8(MenubarMenu, {
               children: [
                 /* @__PURE__ */ jsxs8(MenubarTrigger, {
-                  "aria-label": labels2.export,
+                  "aria-label": labels.export,
                   disabled: !exportRows.length,
                   children: [
                     /* @__PURE__ */ jsx14(Download, {}),
                     /* @__PURE__ */ jsx14("span", {
                       className: "hidden sm:inline",
-                      children: labels2.export
+                      children: labels.export
                     })
                   ]
                 }),
@@ -1800,14 +1800,14 @@ var DataTableToolbar = ({
                   children: /* @__PURE__ */ jsxs8(MenubarGroup, {
                     children: [
                       /* @__PURE__ */ jsx14(MenubarLabel, {
-                        children: labels2.export
+                        children: labels.export
                       }),
                       /* @__PURE__ */ jsx14(MenubarSeparator, {}),
                       /* @__PURE__ */ jsxs8(MenubarItem, {
                         onClick: () => downloadCsv(model.visibleColumns.map(columnLabel), exportRows.map((row) => model.visibleColumns.map((column) => String(getDataTableExportValue(row, column, store.config.locale) ?? ""))), features.export ? features.export.baseName : "table"),
                         children: [
                           /* @__PURE__ */ jsx14(FileText, {}),
-                          labels2.exportCsv
+                          labels.exportCsv
                         ]
                       }),
                       /* @__PURE__ */ jsxs8(MenubarItem, {
@@ -1817,7 +1817,7 @@ var DataTableToolbar = ({
                         ]))), features.export ? features.export.baseName : "table"),
                         children: [
                           /* @__PURE__ */ jsx14(FileJson, {}),
-                          labels2.exportJson
+                          labels.exportJson
                         ]
                       })
                     ]
@@ -2834,7 +2834,7 @@ var HydratedDataTable = ({
       const config = {
         getRowId: selection && selection.getRowId || props.getRowId || undefined,
         onStateChange: props.onStateChange,
-        onUiStateChange: (state2) => setUiState(state2),
+        onUiStateChange: (state) => setUiState(state),
         status: props.status ?? {},
         features,
         onRowClicked: props.onRowClicked,
@@ -2955,7 +2955,7 @@ var DataTableListCell = (props) => {
     });
   }
   const { actionsLabel, itemActions, ...summaryProps } = resolvedProps;
-  const labels2 = dataTableMessages(locale, resolvedProps.messages);
+  const labels = dataTableMessages(locale, resolvedProps.messages);
   const totalCount = resolvedProps.totalCount ?? resolvedProps.items.length;
   const overflow = totalCount > Math.min(resolvedProps.items.length, resolvedProps.visibleCount ?? 3);
   if (!itemActions?.length && !overflow) {
@@ -2963,7 +2963,7 @@ var DataTableListCell = (props) => {
       ...summaryProps
     });
   }
-  const menuLabel = actionsLabel ?? (itemActions?.length ? labels2.actions : labels2.listDetails);
+  const menuLabel = actionsLabel ?? (itemActions?.length ? labels.actions : labels.listDetails);
   return /* @__PURE__ */ jsx14("div", {
     className: "grid min-h-16 in-[[data-slot=table-cell]]:absolute in-[[data-slot=table-cell]]:inset-0 in-[[data-slot=table-cell]]:min-h-0",
     "data-slot": "data-table-list-cell",
@@ -3005,7 +3005,7 @@ var EditableDataTableListCell = ({
   actionsLabel,
   itemActions,
   locale = "en",
-  messages: messages3
+  messages
 }) => {
   const [selected, setSelected] = useState([...items]);
   useLayoutEffect(() => setSelected([...items]), [items]);
@@ -3013,14 +3013,14 @@ var EditableDataTableListCell = ({
   const available = options.filter((item) => !selectedValues.has(item.value));
   const canAdd = !!onAdd && available.length > 0;
   const selectedTotal = totalCount === undefined ? selected.length : totalCount + selected.length - items.length;
-  const labels2 = dataTableMessages(locale, messages3);
+  const labels = dataTableMessages(locale, messages);
   const actions = [
     ...itemActions ?? [],
     ...onRemove ? [
       {
         id: "data-table-list-remove",
         closeOnClick: false,
-        name: labels2.removeItem,
+        name: labels.removeItem,
         icon: /* @__PURE__ */ jsx14(Trash2, {}),
         variant: "destructive",
         onClick: (item) => {
@@ -3040,7 +3040,7 @@ var EditableDataTableListCell = ({
     children: /* @__PURE__ */ jsx14(DataTableListMenu, {
       actions,
       addEmptyLabel: emptyLabel,
-      addLabel: labels2.addItem,
+      addLabel: labels.addItem,
       addOptions: canAdd ? available : undefined,
       addSearchLabel: manageLabel,
       display,
@@ -3048,7 +3048,7 @@ var EditableDataTableListCell = ({
       items: selected,
       label: actionsLabel ?? manageLabel,
       locale,
-      messages: messages3,
+      messages,
       onAdd: canAdd ? (item) => {
         onAdd(item.value);
         setSelected((current) => [...current, item]);
@@ -3084,7 +3084,7 @@ var DataTableListMenu = ({
   items,
   label,
   locale = "en",
-  messages: messages3,
+  messages,
   onAdd,
   trigger
 }) => {
@@ -3096,8 +3096,8 @@ var DataTableListMenu = ({
   const hasActions = entries.some(({ visibleActions }) => visibleActions.length);
   if (!force && !hasActions && !onAdd)
     return null;
-  const labels2 = dataTableMessages(locale, messages3);
-  const resolvedLabel = label ?? (hasActions ? labels2.actions : labels2.listDetails);
+  const labels = dataTableMessages(locale, messages);
+  const resolvedLabel = label ?? (hasActions ? labels.actions : labels.listDetails);
   return /* @__PURE__ */ jsxs8(DropdownMenu, {
     children: [
       /* @__PURE__ */ jsx14(DropdownMenuTrigger, {
@@ -3159,12 +3159,12 @@ var DataTableListMenu = ({
                 entries.length ? /* @__PURE__ */ jsx14(DropdownMenuSeparator, {}) : null,
                 /* @__PURE__ */ jsx14(DataTableListAddMenu, {
                   emptyLabel: addEmptyLabel,
-                  label: addLabel ?? labels2.addItem,
+                  label: addLabel ?? labels.addItem,
                   locale,
-                  messages: messages3,
+                  messages,
                   onAdd,
                   options: addOptions,
-                  searchLabel: addSearchLabel ?? labels2.filter,
+                  searchLabel: addSearchLabel ?? labels.filter,
                   display
                 })
               ]
@@ -3180,7 +3180,7 @@ var DataTableListAddMenu = ({
   display,
   label,
   locale = "en",
-  messages: messages3,
+  messages,
   onAdd,
   options,
   searchLabel
@@ -3189,7 +3189,7 @@ var DataTableListAddMenu = ({
   const focusSearch = useCallback((input) => {
     input?.focus({ preventScroll: true });
   }, []);
-  const labels2 = dataTableMessages(locale, messages3);
+  const labels = dataTableMessages(locale, messages);
   const normalizedSearch = search.trim().toLocaleLowerCase(locale);
   const filtered = normalizedSearch ? options.filter((item) => item.label.toLocaleLowerCase(locale).includes(normalizedSearch)) : options;
   return /* @__PURE__ */ jsxs8(DropdownMenuSub, {
@@ -3221,7 +3221,7 @@ var DataTableListAddMenu = ({
                   if (event.key !== "Escape")
                     event.stopPropagation();
                 },
-                placeholder: labels2.filter,
+                placeholder: labels.filter,
                 ref: focusSearch,
                 value: search
               })
@@ -3248,7 +3248,7 @@ var DataTableListSummaryContent = ({
   emptyLabel,
   items,
   locale,
-  messages: messages3,
+  messages,
   totalCount = items.length,
   display = "list",
   showMenu,
@@ -3284,7 +3284,7 @@ var DataTableListSummaryContent = ({
             force: true,
             items: normalized,
             locale,
-            messages: messages3
+            messages
           }) : null
         ]
       })
@@ -3306,7 +3306,7 @@ var DataTableListSummaryContent = ({
         force: true,
         items: normalized,
         locale,
-        messages: messages3
+        messages
       }) : null
     ]
   });

package/dist/components/ui/editing-locale-switcher.js

@@ -154,16 +154,16 @@ var editingLocaleMessages = (locale, translations) => {
 function EditingLocaleSwitcher({
   locale: localeOverride,
   locales: localeOverrides,
-  messages: messages2,
+  messages,
   value,
   onValueChange
 }) {
   const locale = useKrakstackLocale(localeOverride);
   const locales = useKrakstackLocales(localeOverrides);
-  const labels = editingLocaleMessages(locale, messages2);
-  const localeOptions = locales.map((value2) => ({
-    value: value2,
-    label: labels.localeName(value2)
+  const labels = editingLocaleMessages(locale, messages);
+  const localeOptions = locales.map((value) => ({
+    value,
+    label: labels.localeName(value)
   }));
   return /* @__PURE__ */ jsxs2(Select, {
     items: localeOptions,
@@ -194,10 +194,10 @@ function EditingLocaleSwitcher({
         ]
       }),
       /* @__PURE__ */ jsx3(SelectContent, {
-        children: localeOptions.map(({ value: value2, label }) => /* @__PURE__ */ jsx3(SelectItem, {
-          value: value2,
+        children: localeOptions.map(({ value, label }) => /* @__PURE__ */ jsx3(SelectItem, {
+          value,
           children: label
-        }, value2))
+        }, value))
       })
     ]
   });

package/dist/components/ui/effect-form.js

@@ -362,7 +362,7 @@ var FilePicker = ({
   image,
   invalid = false,
   locale: localeOverride,
-  messages: messages2,
+  messages,
   multiple = false,
   name,
   onBlur,
@@ -373,7 +373,7 @@ var FilePicker = ({
   title
 }) => {
   const locale = useKrakstackLocale(localeOverride);
-  const labels = filePickerMessages(locale, messages2);
+  const labels = filePickerMessages(locale, messages);
   const inputRef = useRef(null);
   const dragDepthRef = useRef(0);
   const [dragging, setDragging] = useState(false);
@@ -1362,7 +1362,7 @@ var SubmitButton = ({
   children,
   form,
   locale,
-  messages: messages4,
+  messages,
   onSubmit
 }) => {
   const submit = useAtomSet(form.submit);
@@ -1370,7 +1370,7 @@ var SubmitButton = ({
   const isDirty = useAtomValue(form.isDirty);
   const hasChangedSinceSubmit = useAtomValue(form.hasChangedSinceSubmit);
   const lastSubmittedValues = useAtomValue(form.lastSubmittedValues);
-  const labels = useEffectFormMessages(locale, messages4);
+  const labels = useEffectFormMessages(locale, messages);
   const hasPendingChanges = Option.isNone(lastSubmittedValues) ? isDirty : hasChangedSinceSubmit;
   return /* @__PURE__ */ jsxs6(Button, {
     type: "button",
@@ -1439,8 +1439,8 @@ var NameField = ({
   field,
   props
 }) => {
-  const { locale, messages: messages4, ...fieldProps } = props;
-  const labels = useEffectFormMessages(locale, messages4);
+  const { locale, messages, ...fieldProps } = props;
+  const labels = useEffectFormMessages(locale, messages);
   return /* @__PURE__ */ jsx13(TextField, {
     field,
     props: {
@@ -1486,8 +1486,8 @@ var TextAreaField = ({ field, props }) => {
   });
 };
 var DescriptionField = ({ field, props }) => {
-  const { locale, messages: messages4, ...fieldProps } = props;
-  const labels = useEffectFormMessages(locale, messages4);
+  const { locale, messages, ...fieldProps } = props;
+  const labels = useEffectFormMessages(locale, messages);
   return /* @__PURE__ */ jsx13(TextAreaField, {
     field,
     props: {
@@ -2038,10 +2038,10 @@ var ImageField = ({ field, props }) => {
 };
 var NavigationBlock = ({
   locale,
-  messages: messages4,
+  messages,
   shouldBlock
 }) => {
-  const labels = useEffectFormMessages(locale, messages4);
+  const labels = useEffectFormMessages(locale, messages);
   return /* @__PURE__ */ jsx13(Block, {
     enableBeforeUnload: () => shouldBlock,
     shouldBlockFn: () => shouldBlock,
@@ -2080,7 +2080,7 @@ var NavigationBlock = ({
 var FormBlockNavigation = ({
   form,
   locale,
-  messages: messages4
+  messages
 }) => {
   const submitResult = useAtomValue(form.submit);
   const isDirty = useAtomValue(form.isDirty);
@@ -2089,7 +2089,7 @@ var FormBlockNavigation = ({
   const shouldBlock = !submitResult.waiting && (Option.isNone(lastSubmittedValues) ? isDirty : hasChangedSinceSubmit);
   return /* @__PURE__ */ jsx13(NavigationBlock, {
     locale,
-    messages: messages4,
+    messages,
     shouldBlock
   });
 };

package/dist/components/ui/error-component.js

@@ -75,7 +75,7 @@ function CopyButton({
   valueDescription,
   copyVariant = "default",
   locale: localeOverride,
-  messages: messages2,
+  messages,
   onCopied,
   onCopyError,
   resetDelay = 1500,
@@ -87,7 +87,7 @@ function CopyButton({
   const locale = useKrakstackLocale(localeOverride);
   const [copyState, setCopyState] = useState("idle");
   const copyTimeout = useRef(undefined);
-  const labels = copyButtonMessages(locale, messages2);
+  const labels = copyButtonMessages(locale, messages);
   const accessibleLabel = ariaLabel ?? (valueDescription ? `${labels.copy} ${valueDescription}` : labels.copy);
   const isLarge = copyVariant === "large";
   const defaultSize = copyVariant === "sm" ? "icon-xs" : isLarge ? "sm" : "icon-sm";
@@ -275,7 +275,7 @@ var defaultMessages = {
 var ErrorComponent = ({
   error,
   locale: localeOverride,
-  messages: messages2,
+  messages,
   retryable = true,
   className,
   diagnostics
@@ -286,9 +286,9 @@ var ErrorComponent = ({
   });
   const labels = useMemo(() => ({
     ...defaultMessages[locale.startsWith("fr") ? "fr" : "en"],
-    ...messages2?.[locale.split("-")[0] ?? locale],
-    ...messages2?.[locale]
-  }), [locale, messages2]);
+    ...messages?.[locale.split("-")[0] ?? locale],
+    ...messages?.[locale]
+  }), [locale, messages]);
   const reference = diagnostics?.reference ?? getErrorTraceId(error);
   const report = useMemo(() => [
     `${labels.errorLabel}: ${error.name}`,

package/dist/components/ui/file-picker.js

@@ -245,7 +245,7 @@ var FilePicker = ({
   image,
   invalid = false,
   locale: localeOverride,
-  messages: messages2,
+  messages,
   multiple = false,
   name,
   onBlur,
@@ -256,7 +256,7 @@ var FilePicker = ({
   title
 }) => {
   const locale = useKrakstackLocale(localeOverride);
-  const labels = filePickerMessages(locale, messages2);
+  const labels = filePickerMessages(locale, messages);
   const inputRef = useRef(null);
   const dragDepthRef = useRef(0);
   const [dragging, setDragging] = useState(false);