@krak-stack/registry 0.1.33 → 0.1.35

package/dist/components/ui/form.d.ts

@@ -110,7 +110,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
     readonly MultiSelectField: (props: Omit<SelectFieldProps, "multiple">) => JSX.Element;
     readonly SearchableSelectField: <TData>({ description, label, multiple, ...props }: SearchableSelectFieldProps<TData>) => JSX.Element;
     readonly CheckboxField: (props: DefaultOptions) => JSX.Element;
-    readonly FileField: ({ label, accept, filePickerMessages, locale, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
+    readonly FileField: ({ label, accept, filePickerMessages, locale: localeOverride, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
         accept: InputHTMLAttributes<HTMLInputElement>["accept"];
         filePickerMessages?: FilePickerMessageTranslations;
         locale?: string;
@@ -122,7 +122,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
         locale?: string;
         messages?: FormMessageTranslations;
     }) => JSX.Element;
-    readonly ImageField: ({ filePickerMessages, label, locale, messages, size, }: {
+    readonly ImageField: ({ filePickerMessages, label, locale: localeOverride, messages, size, }: {
         filePickerMessages?: FilePickerMessageTranslations;
         label: string;
         locale?: string;
@@ -167,7 +167,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
     readonly MultiSelectField: (props: Omit<SelectFieldProps, "multiple">) => JSX.Element;
     readonly SearchableSelectField: <TData>({ description, label, multiple, ...props }: SearchableSelectFieldProps<TData>) => JSX.Element;
     readonly CheckboxField: (props: DefaultOptions) => JSX.Element;
-    readonly FileField: ({ label, accept, filePickerMessages, locale, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
+    readonly FileField: ({ label, accept, filePickerMessages, locale: localeOverride, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
         accept: InputHTMLAttributes<HTMLInputElement>["accept"];
         filePickerMessages?: FilePickerMessageTranslations;
         locale?: string;
@@ -179,7 +179,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
         locale?: string;
         messages?: FormMessageTranslations;
     }) => JSX.Element;
-    readonly ImageField: ({ filePickerMessages, label, locale, messages, size, }: {
+    readonly ImageField: ({ filePickerMessages, label, locale: localeOverride, messages, size, }: {
         filePickerMessages?: FilePickerMessageTranslations;
         label: string;
         locale?: string;
@@ -225,7 +225,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
         readonly MultiSelectField: (props: Omit<SelectFieldProps, "multiple">) => JSX.Element;
         readonly SearchableSelectField: <TData>({ description, label, multiple, ...props }: SearchableSelectFieldProps<TData>) => JSX.Element;
         readonly CheckboxField: (props: DefaultOptions) => JSX.Element;
-        readonly FileField: ({ label, accept, filePickerMessages, locale, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
+        readonly FileField: ({ label, accept, filePickerMessages, locale: localeOverride, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
             accept: InputHTMLAttributes<HTMLInputElement>["accept"];
             filePickerMessages?: FilePickerMessageTranslations;
             locale?: string;
@@ -237,7 +237,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
             locale?: string;
             messages?: FormMessageTranslations;
         }) => JSX.Element;
-        readonly ImageField: ({ filePickerMessages, label, locale, messages, size, }: {
+        readonly ImageField: ({ filePickerMessages, label, locale: localeOverride, messages, size, }: {
             filePickerMessages?: FilePickerMessageTranslations;
             label: string;
             locale?: string;
@@ -283,7 +283,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
     readonly MultiSelectField: (props: Omit<SelectFieldProps, "multiple">) => JSX.Element;
     readonly SearchableSelectField: <TData>({ description, label, multiple, ...props }: SearchableSelectFieldProps<TData>) => JSX.Element;
     readonly CheckboxField: (props: DefaultOptions) => JSX.Element;
-    readonly FileField: ({ label, accept, filePickerMessages, locale, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
+    readonly FileField: ({ label, accept, filePickerMessages, locale: localeOverride, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
         accept: InputHTMLAttributes<HTMLInputElement>["accept"];
         filePickerMessages?: FilePickerMessageTranslations;
         locale?: string;
@@ -295,7 +295,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
         locale?: string;
         messages?: FormMessageTranslations;
     }) => JSX.Element;
-    readonly ImageField: ({ filePickerMessages, label, locale, messages, size, }: {
+    readonly ImageField: ({ filePickerMessages, label, locale: localeOverride, messages, size, }: {
         filePickerMessages?: FilePickerMessageTranslations;
         label: string;
         locale?: string;
@@ -341,7 +341,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
         readonly MultiSelectField: (props: Omit<SelectFieldProps, "multiple">) => JSX.Element;
         readonly SearchableSelectField: <TData>({ description, label, multiple, ...props }: SearchableSelectFieldProps<TData>) => JSX.Element;
         readonly CheckboxField: (props: DefaultOptions) => JSX.Element;
-        readonly FileField: ({ label, accept, filePickerMessages, locale, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
+        readonly FileField: ({ label, accept, filePickerMessages, locale: localeOverride, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
             accept: InputHTMLAttributes<HTMLInputElement>["accept"];
             filePickerMessages?: FilePickerMessageTranslations;
             locale?: string;
@@ -353,7 +353,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
             locale?: string;
             messages?: FormMessageTranslations;
         }) => JSX.Element;
-        readonly ImageField: ({ filePickerMessages, label, locale, messages, size, }: {
+        readonly ImageField: ({ filePickerMessages, label, locale: localeOverride, messages, size, }: {
             filePickerMessages?: FilePickerMessageTranslations;
             label: string;
             locale?: string;
@@ -398,7 +398,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
         readonly MultiSelectField: (props: Omit<SelectFieldProps, "multiple">) => JSX.Element;
         readonly SearchableSelectField: <TData>({ description, label, multiple, ...props }: SearchableSelectFieldProps<TData>) => JSX.Element;
         readonly CheckboxField: (props: DefaultOptions) => JSX.Element;
-        readonly FileField: ({ label, accept, filePickerMessages, locale, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
+        readonly FileField: ({ label, accept, filePickerMessages, locale: localeOverride, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
             accept: InputHTMLAttributes<HTMLInputElement>["accept"];
             filePickerMessages?: FilePickerMessageTranslations;
             locale?: string;
@@ -410,7 +410,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
             locale?: string;
             messages?: FormMessageTranslations;
         }) => JSX.Element;
-        readonly ImageField: ({ filePickerMessages, label, locale, messages, size, }: {
+        readonly ImageField: ({ filePickerMessages, label, locale: localeOverride, messages, size, }: {
             filePickerMessages?: FilePickerMessageTranslations;
             label: string;
             locale?: string;

package/dist/components/ui/form.js

@@ -451,6 +451,7 @@ function AttachmentGroup({ className, ...props }) {
 }
 
 // ../../src/components/ui/file-picker.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx7, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
 "use client";
 var messages = {
@@ -506,7 +507,7 @@ var FilePicker = ({
   id,
   image,
   invalid = false,
-  locale = "en",
+  locale: localeOverride,
   messages: messages2,
   multiple = false,
   name,
@@ -517,6 +518,7 @@ var FilePicker = ({
   required,
   title
 }) => {
+  const locale = useKrakstackLocale(localeOverride);
   const labels = filePickerMessages(locale, messages2);
   const inputRef = useRef(null);
   const dragDepthRef = useRef(0);
@@ -951,6 +953,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 = {
@@ -1255,14 +1258,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/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: {
@@ -1301,6 +1308,7 @@ var formMessages = (locale = "en", translations) => ({
   ...translations?.[locale.split("-")[0] ?? locale],
   ...translations?.[locale]
 });
+var useFormMessages = (locale, translations) => formMessages(useKrakstackLocale3(locale), translations);
 var ErrorMessage = ({ text }) => {
   return /* @__PURE__ */ jsx13("em", {
     role: "alert",
@@ -1521,7 +1529,7 @@ var SelectField = ({
   });
 };
 var KeyValueField = (props) => {
-  const labels = formMessages(props.locale, props.messages);
+  const labels = useFormMessages(props.locale, props.messages);
   const field = useFieldContext();
   const invalid = !field.state.meta.isValid;
   const keyValues = Object.entries(field.state.value ?? {});
@@ -1701,12 +1709,14 @@ var SearchableSelectField = ({
   multiple,
   ...props
 }) => {
+  const locale = useKrakstackLocale3(props.locale);
   const field = useFieldContext();
-  const labels = virtualizedComboboxMessages(props.locale ?? "en", props.messages);
+  const labels = virtualizedComboboxMessages(locale, props.messages);
   const invalid = !field.state.meta.isValid;
   const ariaLabel = Schema2.is(Schema2.String)(label) ? label : labels.search;
   const controlProps = {
     ...props,
+    locale,
     ariaLabel,
     invalid,
     name: field.name
@@ -1737,11 +1747,12 @@ var FileField = ({
   label,
   accept,
   filePickerMessages: filePickerMessages2,
-  locale = "en",
+  locale: localeOverride,
   messages: messages4,
   onFileChange,
   required = false
 }) => {
+  const locale = useKrakstackLocale3(localeOverride);
   const labels = formMessages(locale, messages4);
   const field = useFieldContext();
   const invalid = !field.state.meta.isValid;
@@ -1790,10 +1801,11 @@ var FileField = ({
 var ImageField = ({
   filePickerMessages: filePickerMessages2,
   label,
-  locale = "en",
+  locale: localeOverride,
   messages: messages4,
   size
 }) => {
+  const locale = useKrakstackLocale3(localeOverride);
   const labels = formMessages(locale, messages4);
   const field = useFieldContext();
   const invalid = !field.state.meta.isValid;
@@ -1844,10 +1856,10 @@ var ImageField = ({
   });
 };
 var BlockNavigation = ({
-  locale = "en",
+  locale,
   messages: messages4
 }) => {
-  const labels = formMessages(locale, messages4);
+  const labels = useFormMessages(locale, messages4);
   const form = useFormContext();
   const shouldBlock = useStore(form.store, (formState) => formState.isDirty && !(formState.isSubmitting || formState.isSubmitted));
   return /* @__PURE__ */ jsx13(Block, {
@@ -1887,10 +1899,10 @@ var BlockNavigation = ({
 };
 var SubmitButton = ({
   children,
-  locale = "en",
+  locale,
   messages: messages4
 }) => {
-  const labels = formMessages(locale, messages4);
+  const labels = useFormMessages(locale, messages4);
   const form = useFormContext();
   return /* @__PURE__ */ jsx13(form.Subscribe, {
     selector: (formState) => [formState.isSubmitting],
@@ -1957,11 +1969,11 @@ var FieldWrapper = ({
   });
 };
 var RevertButton = ({
-  locale = "en",
+  locale,
   messages: messages4,
   original
 }) => {
-  const labels = formMessages(locale, messages4);
+  const labels = useFormMessages(locale, messages4);
   const field = useFieldContext();
   if (field.state.value !== original) {
     return /* @__PURE__ */ jsx13("div", {

package/dist/components/ui/google-map.d.ts

@@ -96,5 +96,5 @@ export type GoogleMapsApi = {
         };
     };
 };
-export declare function GoogleMap({ apiKey, center, zoom, marker, radius, interactive, zoomControls, minZoom, maxZoom, className, messages: messageOverrides, locale, }: GoogleMapProps): import("react").JSX.Element;
+export declare function GoogleMap({ apiKey, center, zoom, marker, radius, interactive, zoomControls, minZoom, maxZoom, className, messages: messageOverrides, locale: localeOverride, }: GoogleMapProps): import("react").JSX.Element;
 export {};

package/dist/components/ui/google-map.js

@@ -7,6 +7,7 @@ import { Schema } from "effect";
 import { cn } from "cn";
 
 // ../../src/components/ui/google-map.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx, jsxs } from "react/jsx-runtime";
 var googleMapsScriptId = "krak-stack-google-maps-script";
 var googleMapsCallbackName = "__krakStackGoogleMapsInit";
@@ -107,8 +108,9 @@ function GoogleMap({
   maxZoom = 20,
   className,
   messages: messageOverrides,
-  locale = "en"
+  locale: localeOverride
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   const mapElementRef = useRef(null);
   const apiRef = useRef(null);
   const mapRef = useRef(null);

package/dist/components/ui/icon-input.d.ts

@@ -54,5 +54,5 @@ type IconInputProps = {
     onValueChange: (value: string) => void;
     value: string;
 };
-export declare function IconInput({ collection, disabled, id, locale, messages, onValueChange, value, }: IconInputProps): import("react").JSX.Element;
+export declare function IconInput({ collection, disabled, id, locale: localeOverride, messages, onValueChange, value, }: IconInputProps): import("react").JSX.Element;
 export {};

package/dist/components/ui/icon-input.js

@@ -130,6 +130,7 @@ function InputGroupInput({
 }
 
 // ../../src/components/ui/virtualized-combobox.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 "use client";
 var messages = {
@@ -434,14 +435,18 @@ var VirtualizedComboboxMultiple = (props) => {
   });
 };
 function VirtualizedCombobox(props) {
+  const locale = useKrakstackLocale(props.locale);
   return props.multiple ? /* @__PURE__ */ jsx4(VirtualizedComboboxMultiple, {
-    ...props
+    ...props,
+    locale
   }) : /* @__PURE__ */ jsx4(VirtualizedComboboxSingle, {
-    ...props
+    ...props,
+    locale
   });
 }
 
 // ../../src/components/ui/icon-input.tsx
+import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx5, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
 var IconifySearchResponse = Schema.Struct({
   icons: Schema.Array(Schema.String)
@@ -490,11 +495,12 @@ function IconInput({
   collection = "lucide",
   disabled,
   id,
-  locale = "en",
+  locale: localeOverride,
   messages: messages2,
   onValueChange,
   value
 }) {
+  const locale = useKrakstackLocale2(localeOverride);
   const [isOpen, setIsOpen] = useState(false);
   const [query, setQuery] = useState("");
   const deferredQuery = useDeferredValue(query);

package/dist/components/ui/krakstack-provider.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+export type KrakstackProviderProps = {
+    children: ReactNode;
+    locale: string;
+    locales?: readonly string[];
+};
+export declare const KrakstackProvider: ({ children, locale, locales, }: KrakstackProviderProps) => import("react").JSX.Element;
+export declare const useKrakstackLocale: (locale?: string) => string;
+export declare const useKrakstackLocales: (locales?: readonly string[]) => readonly string[];

package/dist/components/ui/krakstack-provider.js

@@ -0,0 +1,28 @@
+// ../../src/components/ui/krakstack-provider.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var KrakstackContext = createContext({
+  locale: "en",
+  locales: ["en"]
+});
+var KrakstackProvider = ({
+  children,
+  locale,
+  locales = [locale]
+}) => /* @__PURE__ */ jsx(KrakstackContext.Provider, {
+  value: { locale, locales },
+  children
+});
+var useKrakstackLocale = (locale) => {
+  const context = useContext(KrakstackContext);
+  return locale ?? context.locale;
+};
+var useKrakstackLocales = (locales) => {
+  const context = useContext(KrakstackContext);
+  return locales ?? context.locales;
+};
+export {
+  KrakstackProvider,
+  useKrakstackLocale,
+  useKrakstackLocales
+};

package/dist/components/ui/loading.d.ts

@@ -3,7 +3,7 @@ export type LoadingMessages = {
     loading: string;
 };
 export type LoadingMessageTranslations = Partial<Record<string, Partial<LoadingMessages>>>;
-export declare function Loading({ className, label, locale, messages, variant, }: {
+export declare function Loading({ className, label, locale: localeOverride, messages, variant, }: {
     className?: string | undefined;
     label?: string | undefined;
     locale?: string | undefined;

package/dist/components/ui/loading.js

@@ -5,6 +5,7 @@ import { Loader2 } from "lucide-react";
 import { cn } from "cn";
 
 // ../../src/components/ui/loading.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx, jsxs } from "react/jsx-runtime";
 var labels = {
   en: {
@@ -18,10 +19,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__ */ jsxs("div", {
     className: cn("text-muted-foreground flex items-center justify-center gap-2 text-sm", variant === "centered" && "min-h-[50svh] w-full", className),
     children: [

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

@@ -2,10 +2,10 @@ export declare const locales: readonly ["en", "fr"];
 export type LocaleSwitcherMessages = Partial<Record<string, string>>;
 export type LocaleSwitcherMessageTranslations = Partial<Record<string, LocaleSwitcherMessages>>;
 type LocaleSwitcherProps = {
-    locale: string;
+    locale?: string;
     locales?: readonly string[];
     messages?: LocaleSwitcherMessageTranslations;
     onLocaleChange: (locale: string) => void;
 };
-export declare const LocaleSwitcher: ({ locale, locales: localeOptions, messages, onLocaleChange, }: LocaleSwitcherProps) => import("react").JSX.Element;
+export declare const LocaleSwitcher: ({ locale: localeOverride, locales: localeOverrides, messages, onLocaleChange, }: LocaleSwitcherProps) => import("react").JSX.Element;
 export {};

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

@@ -136,6 +136,10 @@ function DropdownMenuRadioItem({
 // ../../src/components/ui/locale-switcher.tsx
 import { Languages } from "lucide-react";
 import { Option, Schema } from "effect";
+import {
+  useKrakstackLocale,
+  useKrakstackLocales
+} from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var locales = ["en", "fr"];
 var messages = {
@@ -160,11 +164,13 @@ var localeMessages = (locale, translations) => {
   };
 };
 var LocaleSwitcher = ({
-  locale,
-  locales: localeOptions = locales,
+  locale: localeOverride,
+  locales: localeOverrides,
   messages: messages2,
   onLocaleChange
 }) => {
+  const locale = useKrakstackLocale(localeOverride);
+  const localeOptions = useKrakstackLocales(localeOverrides);
   const labels = localeMessages(locale, messages2);
   const LocaleSchema = Schema.String.check(Schema.makeFilter((value) => localeOptions.includes(value))).annotate({ identifier: "Locale" });
   return /* @__PURE__ */ jsxs2(DropdownMenu, {

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

@@ -42,4 +42,4 @@ export type PaginationProps = {
     showResults?: boolean | undefined;
     totalRows: number;
 };
-export declare function Pagination({ compact, locale, messages: messageOverrides, onPageChange, onPageSizeChange, page, pageCount, pageSize, pageSizes, selectedRows, showResults, totalRows, }: PaginationProps): import("react").JSX.Element;
+export declare function Pagination({ compact, locale: localeOverride, messages: messageOverrides, onPageChange, onPageSizeChange, page, pageCount, pageSize, pageSizes, selectedRows, showResults, totalRows, }: PaginationProps): import("react").JSX.Element;

package/dist/components/ui/pagination.js

@@ -183,6 +183,7 @@ function SelectScrollDownButton({
 }
 
 // ../../src/components/ui/pagination.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var messages = {
   en: {
@@ -213,7 +214,7 @@ var paginationMessages = (locale = "en", translations) => ({
 });
 function Pagination({
   compact = false,
-  locale = "en",
+  locale: localeOverride,
   messages: messageOverrides,
   onPageChange,
   onPageSizeChange,
@@ -225,6 +226,7 @@ function Pagination({
   showResults = true,
   totalRows
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   const labels = paginationMessages(locale, messageOverrides);
   const pageSizeId = useId();
   const canGoBack = page > 0;

package/dist/components/ui/search-menu.d.ts

@@ -33,4 +33,4 @@ export type SearchMenuProps = {
     onQueryChange?: (query: string) => void;
     shouldFilter?: boolean;
 };
-export declare function SearchMenu({ groups, locale, title, description, placeholder, inputPlaceholder, emptyMessage, messages, shortcutLabel, className, open, onOpenChange, onSelect, query, onQueryChange, shouldFilter, }: SearchMenuProps): import("react").JSX.Element;
+export declare function SearchMenu({ groups, locale: localeOverride, title, description, placeholder, inputPlaceholder, emptyMessage, messages, shortcutLabel, className, open, onOpenChange, onSelect, query, onQueryChange, shouldFilter, }: SearchMenuProps): import("react").JSX.Element;

package/dist/components/ui/search-menu.js

@@ -253,6 +253,7 @@ function CommandShortcut({
 }
 
 // ../../src/components/ui/search-menu.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx4, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
 var messages = {
   en: {
@@ -277,7 +278,7 @@ var searchMenuMessages = (locale, translations) => ({
 });
 function SearchMenu({
   groups,
-  locale = "en",
+  locale: localeOverride,
   title,
   description,
   placeholder,
@@ -293,6 +294,7 @@ function SearchMenu({
   onQueryChange,
   shouldFilter
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   const labels = searchMenuMessages(locale, messages2);
   const resolvedTitle = title ?? labels.title;
   const resolvedDescription = description ?? labels.description;

package/dist/components/ui/theme-switcher.d.ts

@@ -27,5 +27,5 @@ type ThemeSwitcherProps = {
 };
 export declare const ThemeProvider: ({ children, initialTheme, scriptDisabled, }: ThemeProviderProps) => import("react").JSX.Element;
 export declare const useTheme: () => ThemeProviderState;
-export declare const ThemeSwitcher: ({ locale, messages, options, value, onChange, }: ThemeSwitcherProps) => import("react").JSX.Element;
+export declare const ThemeSwitcher: ({ locale: localeOverride, messages, options, value, onChange, }: ThemeSwitcherProps) => import("react").JSX.Element;
 export {};

package/dist/components/ui/theme-switcher.js

@@ -146,6 +146,7 @@ function DropdownMenuRadioItem({
 }
 
 // ../../src/components/ui/theme-switcher.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx3, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
 var messages = {
   en: {
@@ -263,12 +264,13 @@ var useTheme = () => {
   return context;
 };
 var ThemeSwitcher = ({
-  locale = "en",
+  locale: localeOverride,
   messages: messages2,
   options = themes,
   value,
   onChange
 }) => {
+  const locale = useKrakstackLocale(localeOverride);
   const labels = themeMessages(locale, messages2);
   return /* @__PURE__ */ jsxs2(DropdownMenu, {
     children: [

package/dist/components/ui/virtualized-combobox.js

@@ -116,6 +116,7 @@ function InputGroupInput({
 }
 
 // ../../src/components/ui/virtualized-combobox.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 "use client";
 var messages = {
@@ -420,10 +421,13 @@ var VirtualizedComboboxMultiple = (props) => {
   });
 };
 function VirtualizedCombobox(props) {
+  const locale = useKrakstackLocale(props.locale);
   return props.multiple ? /* @__PURE__ */ jsx4(VirtualizedComboboxMultiple, {
-    ...props
+    ...props,
+    locale
   }) : /* @__PURE__ */ jsx4(VirtualizedComboboxSingle, {
-    ...props
+    ...props,
+    locale
   });
 }
 export {

package/dist/lib/docs.js

@@ -208,6 +208,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 jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var messages = {
   en: { copy: "Copy", copied: "Copied", copyFailed: "Copy failed" },
@@ -222,7 +223,7 @@ function CopyButton({
   value,
   valueDescription,
   copyVariant = "default",
-  locale = "en",
+  locale: localeOverride,
   messages: messages2,
   onCopied,
   onCopyError,
@@ -232,6 +233,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);
@@ -295,6 +297,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 jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var themeCss = `${createThemeCss({
   light: githubLightTheme,
@@ -334,9 +337,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);
@@ -377,7 +381,7 @@ var MarkdownContent = ({
   className,
   codeBlocks,
   html,
-  locale = "en",
+  locale,
   messages: messages3
 }) => {
   const content = [];
@@ -640,6 +644,7 @@ function CommandShortcut({
 }
 
 // ../../src/components/ui/search-menu.tsx
+import { useKrakstackLocale as useKrakstackLocale3 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx9, jsxs as jsxs6, Fragment as Fragment2 } from "react/jsx-runtime";
 var messages3 = {
   en: {
@@ -664,7 +669,7 @@ var searchMenuMessages = (locale, translations) => ({
 });
 function SearchMenu({
   groups,
-  locale = "en",
+  locale: localeOverride,
   title,
   description,
   placeholder,
@@ -680,6 +685,7 @@ function SearchMenu({
   onQueryChange,
   shouldFilter
 }) {
+  const locale = useKrakstackLocale3(localeOverride);
   const labels = searchMenuMessages(locale, messages4);
   const resolvedTitle = title ?? labels.title;
   const resolvedDescription = description ?? labels.description;