@krak-stack/registry 0.1.33 → 0.1.35

package/dist/components/ui/code-block.d.ts

@@ -10,5 +10,5 @@ type CodeBlockProps = {
     locale?: string;
     messages?: CodeBlockMessageTranslations;
 };
-export declare function CodeBlock({ code, language, locale, messages, }: CodeBlockProps): import("react").JSX.Element;
+export declare function CodeBlock({ code, language, locale: localeOverride, messages, }: CodeBlockProps): import("react").JSX.Element;
 export {};

package/dist/components/ui/code-block.js

@@ -49,6 +49,7 @@ function Button({
 // ../../src/components/ui/copy-button.tsx
 import { Check, Copy, TriangleAlert } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var messages = {
   en: { copy: "Copy", copied: "Copied", copyFailed: "Copy failed" },
@@ -63,7 +64,7 @@ function CopyButton({
   value,
   valueDescription,
   copyVariant = "default",
-  locale = "en",
+  locale: localeOverride,
   messages: messages2,
   onCopied,
   onCopyError,
@@ -73,6 +74,7 @@ function CopyButton({
   "aria-label": ariaLabel,
   ...props
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   const [copyState, setCopyState] = useState("idle");
   const copyTimeout = useRef(undefined);
   const labels = copyButtonMessages(locale, messages2);
@@ -136,6 +138,7 @@ import { highlight } from "@tanstack/highlight";
 import { createThemeCss } from "@tanstack/highlight/theme";
 import { githubDarkTheme } from "@tanstack/highlight/themes/github-dark";
 import { githubLightTheme } from "@tanstack/highlight/themes/github-light";
+import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var themeCss = `${createThemeCss({
   light: githubLightTheme,
@@ -175,9 +178,10 @@ var codeBlockMessages = (locale = "en", translations) => ({
 function CodeBlock({
   code,
   language = "text",
-  locale = "en",
+  locale: localeOverride,
   messages: messages3
 }) {
+  const locale = useKrakstackLocale2(localeOverride);
   const normalizedLanguage = language.toLowerCase() || "text";
   const highlighted = highlight(code, { lang: normalizedLanguage });
   const labels = codeBlockMessages(locale, messages3);

package/dist/components/ui/copy-button.d.ts

@@ -17,5 +17,5 @@ type CopyButtonProps = Omit<ComponentProps<typeof Button>, "children" | "onClick
     onCopyError?: (error: Error) => void;
     resetDelay?: number;
 };
-export declare function CopyButton({ value, valueDescription, copyVariant, locale, messages, onCopied, onCopyError, resetDelay, disabled, size, "aria-label": ariaLabel, ...props }: CopyButtonProps): import("react").JSX.Element;
+export declare function CopyButton({ value, valueDescription, copyVariant, locale: localeOverride, messages, onCopied, onCopyError, resetDelay, disabled, size, "aria-label": ariaLabel, ...props }: CopyButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/ui/copy-button.js

@@ -49,6 +49,7 @@ function Button({
 // ../../src/components/ui/copy-button.tsx
 import { Check, Copy, TriangleAlert } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var messages = {
   en: { copy: "Copy", copied: "Copied", copyFailed: "Copy failed" },
@@ -63,7 +64,7 @@ function CopyButton({
   value,
   valueDescription,
   copyVariant = "default",
-  locale = "en",
+  locale: localeOverride,
   messages: messages2,
   onCopied,
   onCopyError,
@@ -73,6 +74,7 @@ function CopyButton({
   "aria-label": ariaLabel,
   ...props
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   const [copyState, setCopyState] = useState("idle");
   const copyTimeout = useRef(undefined);
   const labels = copyButtonMessages(locale, messages2);

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

@@ -314,6 +314,7 @@ function Input({ className, type, ...props }) {
 
 // ../../src/components/ui/loading.tsx
 import { Loader2 } from "lucide-react";
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 var labels = {
   en: {
@@ -327,10 +328,11 @@ var loadingLabel = (locale, messages) => messages?.[locale]?.loading ?? messages
 function Loading({
   className,
   label,
-  locale = "en",
+  locale: localeOverride,
   messages,
   variant = "inline"
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   return /* @__PURE__ */ jsxs2("div", {
     className: cn("text-muted-foreground flex items-center justify-center gap-2 text-sm", variant === "centered" && "min-h-[50svh] w-full", className),
     children: [
@@ -653,6 +655,7 @@ function SelectScrollDownButton({
 }
 
 // ../../src/components/ui/pagination.tsx
+import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var messages = {
   en: {
@@ -683,7 +686,7 @@ var paginationMessages = (locale = "en", translations) => ({
 });
 function Pagination({
   compact = false,
-  locale = "en",
+  locale: localeOverride,
   messages: messageOverrides,
   onPageChange,
   onPageSizeChange,
@@ -695,6 +698,7 @@ function Pagination({
   showResults = true,
   totalRows
 }) {
+  const locale = useKrakstackLocale2(localeOverride);
   const labels2 = paginationMessages(locale, messageOverrides);
   const pageSizeId = useId();
   const canGoBack = page > 0;
@@ -970,6 +974,7 @@ function TooltipContent({
 }
 
 // ../../src/components/ui/data-table.tsx
+import { useKrakstackLocale as useKrakstackLocale3 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx14, jsxs as jsxs8, Fragment } from "react/jsx-runtime";
 var DataTablePersistedUiStateSchema = Schema.Struct({
   columnVisibility: Schema.Record(Schema.String, Schema.Boolean),
@@ -2880,6 +2885,7 @@ var HydratedDataTable = ({
   });
 };
 var DataTable = (props) => {
+  const locale = useKrakstackLocale3(props.locale);
   const persistedUiAtomRef = useRef(null);
   if (!persistedUiAtomRef.current) {
     const pathname = globalThis.window?.location.pathname ?? "/";
@@ -2903,6 +2909,7 @@ var DataTable = (props) => {
   }
   return /* @__PURE__ */ jsx14(HydratedDataTable, {
     ...props,
+    locale,
     persistedUiState: persistedUiResult.value,
     setPersistedUiState
   });
@@ -2940,15 +2947,17 @@ var DataTableContent = ({
   });
 };
 var DataTableListCell = (props) => {
-  if (props.options && (props.onAdd || props.onRemove)) {
+  const locale = useKrakstackLocale3(props.locale);
+  const resolvedProps = { ...props, locale };
+  if (resolvedProps.options && (resolvedProps.onAdd || resolvedProps.onRemove)) {
     return /* @__PURE__ */ jsx14(EditableDataTableListCell, {
-      ...props
+      ...resolvedProps
     });
   }
-  const { actionsLabel, itemActions, ...summaryProps } = props;
-  const labels2 = dataTableMessages(props.locale, props.messages);
-  const totalCount = props.totalCount ?? props.items.length;
-  const overflow = totalCount > Math.min(props.items.length, props.visibleCount ?? 3);
+  const { actionsLabel, itemActions, ...summaryProps } = resolvedProps;
+  const labels2 = 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) {
     return /* @__PURE__ */ jsx14(DataTableListSummary, {
       ...summaryProps
@@ -2962,12 +2971,12 @@ var DataTableListCell = (props) => {
     onPointerDown: (event) => event.stopPropagation(),
     children: /* @__PURE__ */ jsx14(DataTableListMenu, {
       actions: itemActions ?? [],
-      display: props.display,
+      display: resolvedProps.display,
       force: overflow,
       label: menuLabel,
-      items: props.items,
-      locale: props.locale,
-      messages: props.messages,
+      items: resolvedProps.items,
+      locale,
+      messages: resolvedProps.messages,
       trigger: /* @__PURE__ */ jsxs8(Button, {
         "aria-label": menuLabel,
         className: "h-full w-full min-w-0 justify-between rounded-none px-2 focus-visible:ring-inset",

package/dist/components/ui/editing-locale-switcher.d.ts

@@ -2,7 +2,7 @@ export type EditingLocale = string;
 export declare const editingLocales: readonly ["en", "fr"];
 export type EditingLocaleSwitcherMessages = Partial<Record<string, string>>;
 export type EditingLocaleSwitcherMessageTranslations = Partial<Record<string, EditingLocaleSwitcherMessages>>;
-export declare function EditingLocaleSwitcher({ locale, locales, messages, value, onValueChange, }: {
+export declare function EditingLocaleSwitcher({ locale: localeOverride, locales: localeOverrides, messages, value, onValueChange, }: {
     locale?: string;
     locales?: readonly string[];
     messages?: EditingLocaleSwitcherMessageTranslations;

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

@@ -132,6 +132,10 @@ function SelectScrollDownButton({
 }
 
 // ../../src/components/ui/editing-locale-switcher.tsx
+import {
+  useKrakstackLocale,
+  useKrakstackLocales
+} from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var editingLocales = ["en", "fr"];
 var messages = {
@@ -148,12 +152,14 @@ var editingLocaleMessages = (locale, translations) => {
   };
 };
 function EditingLocaleSwitcher({
-  locale = "en",
-  locales = editingLocales,
+  locale: localeOverride,
+  locales: localeOverrides,
   messages: messages2,
   value,
   onValueChange
 }) {
+  const locale = useKrakstackLocale(localeOverride);
+  const locales = useKrakstackLocales(localeOverrides);
   const labels = editingLocaleMessages(locale, messages2);
   const localeOptions = locales.map((value2) => ({
     value: value2,

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

@@ -305,6 +305,7 @@ function Input({ className, type, ...props }) {
 }
 
 // ../../src/components/ui/file-picker.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx5, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
 "use client";
 var messages = {
@@ -360,7 +361,7 @@ var FilePicker = ({
   id,
   image,
   invalid = false,
-  locale = "en",
+  locale: localeOverride,
   messages: messages2,
   multiple = false,
   name,
@@ -371,6 +372,7 @@ var FilePicker = ({
   required,
   title
 }) => {
+  const locale = useKrakstackLocale(localeOverride);
   const labels = filePickerMessages(locale, messages2);
   const inputRef = useRef(null);
   const dragDepthRef = useRef(0);
@@ -946,6 +948,7 @@ function InputGroupInput({
 }
 
 // ../../src/components/ui/virtualized-combobox.tsx
+import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 "use client";
 var messages2 = {
@@ -1250,14 +1253,18 @@ var VirtualizedComboboxMultiple = (props) => {
   });
 };
 function VirtualizedCombobox(props) {
+  const locale = useKrakstackLocale2(props.locale);
   return props.multiple ? /* @__PURE__ */ jsx12(VirtualizedComboboxMultiple, {
-    ...props
+    ...props,
+    locale
   }) : /* @__PURE__ */ jsx12(VirtualizedComboboxSingle, {
-    ...props
+    ...props,
+    locale
   });
 }
 
 // ../../src/components/ui/effect-form.tsx
+import { useKrakstackLocale as useKrakstackLocale3 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var messages3 = {
   en: {
@@ -1300,6 +1307,7 @@ var effectFormMessages = (locale = "en", translations) => ({
   ...translations?.[locale.split("-")[0] ?? locale],
   ...translations?.[locale]
 });
+var useEffectFormMessages = (locale, translations) => effectFormMessages(useKrakstackLocale3(locale), translations);
 var getCauseErrorMessage = (cause) => {
   const error = Cause.squash(cause);
   return error instanceof Error ? error.message : String(error);
@@ -1350,7 +1358,7 @@ var SubmitError = ({
 var SubmitButton = ({
   children,
   form,
-  locale = "en",
+  locale,
   messages: messages4,
   onSubmit
 }) => {
@@ -1359,6 +1367,7 @@ var SubmitButton = ({
   const isDirty = useAtomValue(form.isDirty);
   const hasChangedSinceSubmit = useAtomValue(form.hasChangedSinceSubmit);
   const lastSubmittedValues = useAtomValue(form.lastSubmittedValues);
+  const labels = useEffectFormMessages(locale, messages4);
   const hasPendingChanges = Option.isNone(lastSubmittedValues) ? isDirty : hasChangedSinceSubmit;
   return /* @__PURE__ */ jsxs6(Button, {
     type: "button",
@@ -1373,7 +1382,7 @@ var SubmitButton = ({
         "data-icon": "inline-start",
         className: "animate-spin"
       }),
-      children ?? effectFormMessages(locale, messages4).submit
+      children ?? labels.submit
     ]
   });
 };
@@ -1427,8 +1436,8 @@ var NameField = ({
   field,
   props
 }) => {
-  const { locale = "en", messages: messages4, ...fieldProps } = props;
-  const labels = effectFormMessages(locale, messages4);
+  const { locale, messages: messages4, ...fieldProps } = props;
+  const labels = useEffectFormMessages(locale, messages4);
   return /* @__PURE__ */ jsx13(TextField, {
     field,
     props: {
@@ -1474,12 +1483,13 @@ var TextAreaField = ({ field, props }) => {
   });
 };
 var DescriptionField = ({ field, props }) => {
-  const { locale = "en", messages: messages4, ...fieldProps } = props;
+  const { locale, messages: messages4, ...fieldProps } = props;
+  const labels = useEffectFormMessages(locale, messages4);
   return /* @__PURE__ */ jsx13(TextAreaField, {
     field,
     props: {
       ...fieldProps,
-      label: effectFormMessages(locale, messages4).description
+      label: labels.description
     }
   });
 };
@@ -1635,13 +1645,13 @@ var SelectField = ({
 var FolderField = ({
   field,
   props
-}) => /* @__PURE__ */ jsx13(SelectField, {
-  field,
-  props: {
-    ...props,
-    label: effectFormMessages(props.locale, props.messages).folder
-  }
-});
+}) => {
+  const labels = useEffectFormMessages(props.locale, props.messages);
+  return /* @__PURE__ */ jsx13(SelectField, {
+    field,
+    props: { ...props, label: labels.folder }
+  });
+};
 var MultiSelectField = ({
   field,
   props
@@ -1742,9 +1752,10 @@ var SearchableSelectField = ({
   field,
   props
 }) => {
+  const locale = useKrakstackLocale3(props.locale);
   const { selectedItems, mergedItems } = getSearchableSelectItems(field.value, props.initialItems ?? [], props.items);
   const invalid = Option.isSome(field.error);
-  const labels = virtualizedComboboxMessages(props.locale ?? "en", props.messages);
+  const labels = virtualizedComboboxMessages(locale, props.messages);
   const ariaLabel = Schema2.is(Schema2.String)(props.label) ? props.label : labels.search;
   return /* @__PURE__ */ jsxs6(Field, {
     className: "min-w-0",
@@ -1759,7 +1770,7 @@ var SearchableSelectField = ({
         ariaLabel,
         emptyLabel: props.emptyLabel,
         items: mergedItems,
-        locale: props.locale,
+        locale,
         ...props.messages ? { messages: props.messages } : {},
         multiple: true,
         ...props.onSearchValueChange ? { onSearchValueChange: props.onSearchValueChange } : {},
@@ -1783,9 +1794,10 @@ var SingleSearchableSelectField = ({
   field,
   props
 }) => {
+  const locale = useKrakstackLocale3(props.locale);
   const { selectedItems, mergedItems } = getSearchableSelectItems(field.value ? [field.value] : [], props.initialItems ?? [], props.items);
   const invalid = Option.isSome(field.error);
-  const labels = virtualizedComboboxMessages(props.locale ?? "en", props.messages);
+  const labels = virtualizedComboboxMessages(locale, props.messages);
   const ariaLabel = Schema2.is(Schema2.String)(props.label) ? props.label : labels.search;
   return /* @__PURE__ */ jsxs6(Field, {
     className: "min-w-0",
@@ -1800,7 +1812,7 @@ var SingleSearchableSelectField = ({
         ariaLabel,
         emptyLabel: props.emptyLabel,
         items: mergedItems,
-        locale: props.locale,
+        locale,
         ...props.messages ? { messages: props.messages } : {},
         ...props.onSearchValueChange ? { onSearchValueChange: props.onSearchValueChange } : {},
         onValueChange: (option) => field.onChange(option?.value ?? ""),
@@ -1823,7 +1835,7 @@ var NullableKeyValueField = ({
   field,
   props
 }) => {
-  const labels = effectFormMessages(props.locale, props.messages);
+  const labels = useEffectFormMessages(props.locale, props.messages);
   const entries = Object.entries(field.value ?? {});
   const updateEntry = (index, key, value) => Object.fromEntries(entries.map(([currentKey, currentValue], currentIndex) => currentIndex === index ? [key, value] : [currentKey, currentValue]));
   return /* @__PURE__ */ jsxs6(Field, {
@@ -1895,7 +1907,7 @@ var KeyValueField = ({
   field,
   props
 }) => {
-  const labels = effectFormMessages(props.locale, props.messages);
+  const labels = useEffectFormMessages(props.locale, props.messages);
   const entries = Object.entries(field.value);
   const updateEntry = (index, key, value) => Object.fromEntries(entries.map(([currentKey, currentValue], currentIndex) => currentIndex === index ? [key, value] : [currentKey, currentValue]));
   return /* @__PURE__ */ jsxs6(Field, {
@@ -1966,17 +1978,21 @@ var KeyValueField = ({
 var RevertButton = ({
   field,
   props
-}) => field.value === props.original ? null : /* @__PURE__ */ jsx13("div", {
-  className: "flex flex-1 justify-end",
-  children: /* @__PURE__ */ jsx13(Button, {
-    type: "button",
-    variant: "link",
-    className: "-mr-4 h-auto py-0",
-    onClick: () => field.onChange(props.original),
-    children: effectFormMessages(props.locale, props.messages).revert
-  })
-});
+}) => {
+  const labels = useEffectFormMessages(props.locale, props.messages);
+  return field.value === props.original ? null : /* @__PURE__ */ jsx13("div", {
+    className: "flex flex-1 justify-end",
+    children: /* @__PURE__ */ jsx13(Button, {
+      type: "button",
+      variant: "link",
+      className: "-mr-4 h-auto py-0",
+      onClick: () => field.onChange(props.original),
+      children: labels.revert
+    })
+  });
+};
 var ImageField = ({ field, props }) => {
+  const labels = useEffectFormMessages(props.locale, props.messages);
   const imageUrl = Schema2.is(Schema2.String)(field.value) ? field.value : undefined;
   const invalid = Option.isSome(field.error);
   return /* @__PURE__ */ jsxs6(Field, {
@@ -2009,7 +2025,7 @@ var ImageField = ({ field, props }) => {
         title: field.value instanceof File ? field.value.name : props.label
       }),
       props.size.suggestedWidth && props.size.suggestedHeight ? /* @__PURE__ */ jsx13(FieldDescription, {
-        children: effectFormMessages(props.locale, props.messages).suggestedImageSize(String(props.size.suggestedWidth), String(props.size.suggestedHeight))
+        children: labels.suggestedImageSize(String(props.size.suggestedWidth), String(props.size.suggestedHeight))
       }) : null,
       /* @__PURE__ */ jsx13(FieldError, {
         error: field.error
@@ -2018,11 +2034,11 @@ var ImageField = ({ field, props }) => {
   });
 };
 var NavigationBlock = ({
-  locale = "en",
+  locale,
   messages: messages4,
   shouldBlock
 }) => {
-  const labels = effectFormMessages(locale, messages4);
+  const labels = useEffectFormMessages(locale, messages4);
   return /* @__PURE__ */ jsx13(Block, {
     enableBeforeUnload: () => shouldBlock,
     shouldBlockFn: () => shouldBlock,

package/dist/components/ui/error-component.d.ts

@@ -29,4 +29,4 @@ export type ErrorComponentProps = RouterErrorComponentProps & {
         reference?: string;
     };
 };
-export declare const ErrorComponent: ({ error, locale, messages, retryable, className, diagnostics, }: ErrorComponentProps) => import("react").JSX.Element;
+export declare const ErrorComponent: ({ error, locale: localeOverride, messages, retryable, className, diagnostics, }: ErrorComponentProps) => import("react").JSX.Element;

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

@@ -59,6 +59,7 @@ function Button({
 // ../../src/components/ui/copy-button.tsx
 import { Check, Copy, TriangleAlert } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var messages = {
   en: { copy: "Copy", copied: "Copied", copyFailed: "Copy failed" },
@@ -73,7 +74,7 @@ function CopyButton({
   value,
   valueDescription,
   copyVariant = "default",
-  locale = "en",
+  locale: localeOverride,
   messages: messages2,
   onCopied,
   onCopyError,
@@ -83,6 +84,7 @@ function CopyButton({
   "aria-label": ariaLabel,
   ...props
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   const [copyState, setCopyState] = useState("idle");
   const copyTimeout = useRef(undefined);
   const labels = copyButtonMessages(locale, messages2);
@@ -214,6 +216,7 @@ function EmptyContent({ className, ...props }) {
 }
 
 // ../../src/components/ui/error-component.tsx
+import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var TraceId = Schema.String.check(Schema.isPattern(/^(?!0+$)(?:[a-f0-9]{16}|[a-f0-9]{32})$/i)).annotate({ identifier: "ErrorTraceId" });
 var decodeTraceId = Schema.decodeUnknownOption(TraceId);
@@ -271,12 +274,13 @@ var defaultMessages = {
 };
 var ErrorComponent = ({
   error,
-  locale = "en",
+  locale: localeOverride,
   messages: messages2,
   retryable = true,
   className,
   diagnostics
 }) => {
+  const locale = useKrakstackLocale2(localeOverride);
   const pathname = useRouterState({
     select: (state) => state.location.pathname
   });

package/dist/components/ui/file-picker.d.ts

@@ -34,4 +34,4 @@ export type FilePickerProps = {
     required?: boolean;
     title: ReactNode;
 };
-export declare const FilePicker: ({ accept, canClear, file, files, id, image, invalid, locale, messages, multiple, name, onBlur, onChange, onClear, onFilesChange, required, title, }: FilePickerProps) => import("react").JSX.Element;
+export declare const FilePicker: ({ accept, canClear, file, files, id, image, invalid, locale: localeOverride, messages, multiple, name, onBlur, onChange, onClear, onFilesChange, required, title, }: FilePickerProps) => import("react").JSX.Element;

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

@@ -188,6 +188,7 @@ function Input({ className, type, ...props }) {
 }
 
 // ../../src/components/ui/file-picker.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx4, jsxs, Fragment } from "react/jsx-runtime";
 "use client";
 var messages = {
@@ -243,7 +244,7 @@ var FilePicker = ({
   id,
   image,
   invalid = false,
-  locale = "en",
+  locale: localeOverride,
   messages: messages2,
   multiple = false,
   name,
@@ -254,6 +255,7 @@ var FilePicker = ({
   required,
   title
 }) => {
+  const locale = useKrakstackLocale(localeOverride);
   const labels = filePickerMessages(locale, messages2);
   const inputRef = useRef(null);
   const dragDepthRef = useRef(0);