@forthtilliath/forth-ui 0.3.0 → 0.4.1

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

@@ -1,3 +1,3 @@
-export type { CodeBlockProps } from "./code-block";
-export { CodeBlock } from "./code-block";
+export type { CodeBlockProps } from "./code-block.js";
+export { CodeBlock } from "./code-block.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/code-block/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -1 +1 @@
-export { CodeBlock } from "./code-block";
+export { CodeBlock } from "./code-block.js";

package/dist/components/collapsible/index.d.ts

@@ -1,7 +1,7 @@
-export type { CollapsibleProps } from "./collapsible";
-export type { CollapsibleContentProps } from "./collapsible";
-export type { CollapsibleTriggerProps } from "./collapsible";
-export { Collapsible } from "./collapsible";
-export { CollapsibleContent } from "./collapsible";
-export { CollapsibleTrigger } from "./collapsible";
+export type { CollapsibleProps } from "./collapsible.js";
+export type { CollapsibleContentProps } from "./collapsible.js";
+export type { CollapsibleTriggerProps } from "./collapsible.js";
+export { Collapsible } from "./collapsible.js";
+export { CollapsibleContent } from "./collapsible.js";
+export { CollapsibleTrigger } from "./collapsible.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/collapsible/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAChE,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/collapsible/index.js

@@ -1,3 +1,3 @@
-export { Collapsible } from "./collapsible";
-export { CollapsibleContent } from "./collapsible";
-export { CollapsibleTrigger } from "./collapsible";
+export { Collapsible } from "./collapsible.js";
+export { CollapsibleContent } from "./collapsible.js";
+export { CollapsibleTrigger } from "./collapsible.js";

package/dist/components/color-picker/color-picker.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type UiLocale } from "../../locale/locale.js";
 export interface ColorPickerProps {
     value?: string;
     defaultValue?: string;
@@ -7,6 +8,11 @@ export interface ColorPickerProps {
     className?: string;
     /** Accessible name for the color swatch, which otherwise has no visible text. */
     ariaLabel?: string;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 }
 /**
  * A color swatch + hex text input, kept in sync — built on the browser's
@@ -22,5 +28,5 @@ export interface ColorPickerProps {
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function ColorPicker({ value, defaultValue, onValueChange, disabled, className, ariaLabel, }: ColorPickerProps): React.JSX.Element;
+export declare function ColorPicker({ value, defaultValue, onValueChange, disabled, className, ariaLabel, locale, }: ColorPickerProps): React.JSX.Element;
 //# sourceMappingURL=color-picker.d.ts.map

package/dist/components/color-picker/color-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAwB,EACxB,aAAa,EACb,QAAgB,EAChB,SAAS,EACT,SAA0B,GAC3B,EAAE,gBAAgB,qBAoDlB"}
+{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAEtE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAwB,EACxB,aAAa,EACb,QAAgB,EAChB,SAAS,EACT,SAAS,EACT,MAAM,GACP,EAAE,gBAAgB,qBA6DlB"}

package/dist/components/color-picker/color-picker.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Input } from "@forthtilliath/shadcn-ui/components/input";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+import { useUiMessages } from "../../locale/locale.js";
 const HEX_PATTERN = /^#[0-9a-f]{6}$/i;
 /**
  * A color swatch + hex text input, kept in sync — built on the browser's
@@ -18,18 +19,25 @@ const HEX_PATTERN = /^#[0-9a-f]{6}$/i;
  * @author Forth
  * @copyright 2026 Forth
  */
-export function ColorPicker({ value, defaultValue = "#000000", onValueChange, disabled = false, className, ariaLabel = "Choose color", }) {
+export function ColorPicker({ value, defaultValue = "#000000", onValueChange, disabled = false, className, ariaLabel, locale, }) {
+    const messages = useUiMessages(locale);
     const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
-    const [textValue, setTextValue] = React.useState(defaultValue);
     const color = value ?? uncontrolledValue;
+    // Hex text being typed; resynced when the color changes from outside.
+    const [textValue, setTextValue] = React.useState(color);
+    const [shownColor, setShownColor] = React.useState(color);
+    if (color !== shownColor) {
+        setShownColor(color);
+        setTextValue(color);
+    }
     function commit(next) {
         setUncontrolledValue(next);
         setTextValue(next);
         onValueChange?.(next);
     }
-    return (_jsxs("div", { "data-slot": "color-picker", className: cn("flex items-center gap-2", className), children: [_jsx("label", { "aria-label": ariaLabel, className: cn("border-input size-9 shrink-0 overflow-hidden rounded-md border shadow-xs", disabled && "pointer-events-none opacity-50"), style: { backgroundColor: color }, children: _jsx("input", { type: "color", value: color, disabled: disabled, onChange: (e) => {
+    return (_jsxs("div", { "data-slot": "color-picker", className: cn("flex items-center gap-2", className), children: [_jsx("label", { "aria-label": ariaLabel ?? messages.colorPicker.choose, className: cn("border-input size-9 shrink-0 overflow-hidden rounded-md border shadow-xs", disabled && "pointer-events-none opacity-50"), style: { backgroundColor: color }, children: _jsx("input", { type: "color", value: color, disabled: disabled, onChange: (e) => {
                         commit(e.target.value);
-                    }, className: "size-full cursor-pointer opacity-0" }) }), _jsx(Input, { value: textValue, disabled: disabled, onChange: (e) => {
+                    }, className: "size-full cursor-pointer opacity-0" }) }), _jsx(Input, { value: textValue, "aria-label": messages.colorPicker.hex, disabled: disabled, onChange: (e) => {
                     setTextValue(e.target.value);
                     if (HEX_PATTERN.test(e.target.value)) {
                         commit(e.target.value);

package/dist/components/color-picker/index.d.ts

@@ -1,3 +1,3 @@
-export type { ColorPickerProps } from "./color-picker";
-export { ColorPicker } from "./color-picker";
+export type { ColorPickerProps } from "./color-picker.js";
+export { ColorPicker } from "./color-picker.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/color-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/color-picker/index.js

@@ -1 +1 @@
-export { ColorPicker } from "./color-picker";
+export { ColorPicker } from "./color-picker.js";

package/dist/components/column-menu/column-menu.d.ts

@@ -1,4 +1,4 @@
-import type { ColumnMenuColumn, ColumnMenuLabels } from "./types";
+import type { ColumnMenuColumn, ColumnMenuLabels } from "./types.js";
 export interface ColumnMenuProps<C extends ColumnMenuColumn> {
     columns: C[];
     /** Restored by the reset button. */

package/dist/components/column-menu/column-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"column-menu.d.ts","sourceRoot":"","sources":["../../../src/components/column-menu/column-menu.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIlE,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,gBAAgB;IACzD,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,oCAAoC;IACpC,cAAc,EAAE,CAAC,EAAE,CAAC;IACpB,0EAA0E;IAC1E,eAAe,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IACtD,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,EAAE,OAAO,CACjB,MAAM,CACF,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,QAAQ,GACR,MAAM,GACN,MAAM,GACN,KAAK,EACP,MAAM,CACP,CACF,CAAC;CACH;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,gBAAgB,EAAE,EACrD,OAAO,EACP,cAAc,EACd,eAAe,EACf,MAAM,EACN,KAAa,EACb,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BAyJpB"}
+{"version":3,"file":"column-menu.d.ts","sourceRoot":"","sources":["../../../src/components/column-menu/column-menu.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAIrE,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,gBAAgB;IACzD,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,oCAAoC;IACpC,cAAc,EAAE,CAAC,EAAE,CAAC;IACpB,0EAA0E;IAC1E,eAAe,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IACtD,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,EAAE,OAAO,CACjB,MAAM,CACF,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,QAAQ,GACR,MAAM,GACN,MAAM,GACN,KAAK,EACP,MAAM,CACP,CACF,CAAC;CACH;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,gBAAgB,EAAE,EACrD,OAAO,EACP,cAAc,EACd,eAAe,EACf,MAAM,EACN,KAAa,EACb,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BAyJpB"}

package/dist/components/column-menu/column-menu.js

@@ -5,9 +5,9 @@ import { closestCenter, DndContext } from "@dnd-kit/core";
 import { arrayMove, SortableContext, verticalListSortingStrategy, } from "@dnd-kit/sortable";
 import { ChevronDown, RotateCcw } from "lucide-react";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { SortableColumnRow } from "./sortable-column-row";
-import { DEFAULT_COLUMN_MENU_LABELS } from "./types";
-import { useDndSensors } from "./use-dnd-sensors";
+import { SortableColumnRow } from "./sortable-column-row.js";
+import { DEFAULT_COLUMN_MENU_LABELS } from "./types.js";
+import { useDndSensors } from "./use-dnd-sensors.js";
 /**
  * A dropdown to show/hide and reorder (drag and drop, touch and keyboard
  * included) the columns of a table, with a "visible / total" counter and a

package/dist/components/column-menu/index.d.ts

@@ -1,6 +1,6 @@
-export type { ColumnMenuProps } from "./column-menu";
-export { ColumnMenu } from "./column-menu";
-export type { ColumnMenuColumn, ColumnMenuLabels } from "./types";
-export { DEFAULT_COLUMN_MENU_LABELS } from "./types";
-export { useDndSensors } from "./use-dnd-sensors";
+export type { ColumnMenuProps } from "./column-menu.js";
+export { ColumnMenu } from "./column-menu.js";
+export type { ColumnMenuColumn, ColumnMenuLabels } from "./types.js";
+export { DEFAULT_COLUMN_MENU_LABELS } from "./types.js";
+export { useDndSensors } from "./use-dnd-sensors.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/column-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/column-menu/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/column-menu/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/column-menu/index.js

@@ -1,3 +1,3 @@
-export { ColumnMenu } from "./column-menu";
-export { DEFAULT_COLUMN_MENU_LABELS } from "./types";
-export { useDndSensors } from "./use-dnd-sensors";
+export { ColumnMenu } from "./column-menu.js";
+export { DEFAULT_COLUMN_MENU_LABELS } from "./types.js";
+export { useDndSensors } from "./use-dnd-sensors.js";

package/dist/components/column-menu/sortable-column-row.d.ts

@@ -1,4 +1,4 @@
-import type { ColumnMenuColumn } from "./types";
+import type { ColumnMenuColumn } from "./types.js";
 export interface SortableColumnRowProps<K extends string> {
     column: ColumnMenuColumn<K>;
     index: number;

package/dist/components/column-menu/sortable-column-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sortable-column-row.d.ts","sourceRoot":"","sources":["../../../src/components/column-menu/sortable-column-row.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,MAAM;IACtD,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,EAClD,MAAM,EACN,KAAK,EACL,KAAK,EACL,eAAe,EACf,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,CAAC,CAAC,CAAC,+BAuD3B"}
+{"version":3,"file":"sortable-column-row.d.ts","sourceRoot":"","sources":["../../../src/components/column-menu/sortable-column-row.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,MAAM;IACtD,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,EAClD,MAAM,EACN,KAAK,EACL,KAAK,EACL,eAAe,EACf,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,CAAC,CAAC,CAAC,+BAuD3B"}

package/dist/components/column-menu/sortable-column-row.js

@@ -4,7 +4,7 @@ import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { GripVertical } from "lucide-react";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { ToggleSwitch } from "../toggle-switch";
+import { ToggleSwitch } from "../toggle-switch/index.js";
 /** One row of `ColumnMenu`: drag handle, visibility switch, position. */
 export function SortableColumnRow({ column, index, total, dragHandleLabel, onToggle, className, }) {
     const { attributes, listeners, setNodeRef, transform, transition, isDragging, } = useSortable({ id: column.key });

package/dist/components/combobox/combobox.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type UiLocale } from "../../locale/locale.js";
 export interface ComboboxOption {
     label: string;
     value: string;
@@ -12,6 +13,20 @@ export interface ComboboxProps {
     emptyMessage?: string;
     disabled?: boolean;
     className?: string;
+    /** `id` of the trigger — set by `Field`, or for a `<label htmlFor>`. */
+    id?: string;
+    /**
+     * Accessible name of the trigger (a combobox takes no name from its text).
+     * Defaults to the placeholder, unless a `<label>` targets `id`.
+     */
+    ariaLabel?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 }
 /**
  * An autocomplete/searchable select — shadcn-ui doesn't ship a standalone
@@ -27,5 +42,5 @@ export interface ComboboxProps {
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function Combobox({ options, value, onValueChange, placeholder, emptyMessage, disabled, className, }: ComboboxProps): React.JSX.Element;
+export declare function Combobox({ options, value, onValueChange, placeholder, emptyMessage, disabled, className, locale, id, ariaLabel, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, }: ComboboxProps): React.JSX.Element;
 //# sourceMappingURL=combobox.d.ts.map

package/dist/components/combobox/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,aAAa,EACb,WAAuB,EACvB,YAAkC,EAClC,QAAgB,EAChB,SAAS,GACV,EAAE,aAAa,qBAkDf"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAGtE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,aAAa,EACb,WAAW,EACX,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,MAAM,EACN,EAAE,EACF,SAAS,EACT,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,GAC5B,EAAE,aAAa,qBA8Df"}

package/dist/components/combobox/combobox.js

@@ -5,7 +5,8 @@ import { CheckIcon, ChevronsUpDownIcon } from "lucide-react";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "@forthtilliath/shadcn-ui/components/command";
 import { Popover, PopoverContent, PopoverTrigger, } from "@forthtilliath/shadcn-ui/components/popover";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { Button } from "../button";
+import { useUiMessages } from "../../locale/locale.js";
+import { Button } from "../button/index.js";
 /**
  * An autocomplete/searchable select — shadcn-ui doesn't ship a standalone
  * Combobox primitive, only a docs recipe combining `Popover` + `Command`
@@ -20,10 +21,13 @@ import { Button } from "../button";
  * @author Forth
  * @copyright 2026 Forth
  */
-export function Combobox({ options, value, onValueChange, placeholder = "Select…", emptyMessage = "No results found.", disabled = false, className, }) {
+export function Combobox({ options, value, onValueChange, placeholder, emptyMessage, disabled = false, className, locale, id, ariaLabel, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, }) {
+    const messages = useUiMessages(locale);
+    const emptyMessageText = emptyMessage ?? messages.emptyResults;
+    const placeholderText = placeholder ?? messages.combobox.placeholder;
     const [open, setOpen] = React.useState(false);
     const selected = options.find((option) => option.value === value);
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: cn("w-full justify-between font-normal", className), children: [selected?.label ?? placeholder, _jsx(ChevronsUpDownIcon, { className: "opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-(--radix-popover-trigger-width) p-0", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: placeholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: emptyMessage }), _jsx(CommandGroup, { children: options.map((option) => (_jsxs(CommandItem, { value: option.label, disabled: option.disabled, onSelect: () => {
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", id: id, role: "combobox", "aria-expanded": open, "aria-label": ariaLabel ?? (id === undefined ? placeholderText : undefined), "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, disabled: disabled, className: cn("w-full justify-between font-normal", className), children: [selected?.label ?? placeholderText, _jsx(ChevronsUpDownIcon, { className: "opacity-50" })] }) }), _jsx(PopoverContent, { "aria-label": ariaLabel ?? placeholderText, className: "w-(--radix-popover-trigger-width) p-0", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: placeholderText }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: emptyMessageText }), _jsx(CommandGroup, { children: options.map((option) => (_jsxs(CommandItem, { value: option.label, disabled: option.disabled, onSelect: () => {
                                             onValueChange?.(option.value === value ? "" : option.value);
                                             setOpen(false);
                                         }, children: [_jsx(CheckIcon, { className: cn("size-4", option.value === value ? "opacity-100" : "opacity-0") }), option.label] }, option.value))) })] })] }) })] }));

package/dist/components/combobox/index.d.ts

@@ -1,5 +1,5 @@
-export type { ComboboxOption, ComboboxProps } from "./combobox";
-export { Combobox } from "./combobox";
-export type { MultiSelectOption, MultiSelectProps } from "./multi-select";
-export { MultiSelect } from "./multi-select";
+export type { ComboboxOption, ComboboxProps } from "./combobox.js";
+export { Combobox } from "./combobox.js";
+export type { MultiSelectOption, MultiSelectProps } from "./multi-select.js";
+export { MultiSelect } from "./multi-select.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/combobox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/combobox/index.js

@@ -1,2 +1,2 @@
-export { Combobox } from "./combobox";
-export { MultiSelect } from "./multi-select";
+export { Combobox } from "./combobox.js";
+export { MultiSelect } from "./multi-select.js";

package/dist/components/combobox/multi-select.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
-import type { ComboboxOption } from "./combobox";
+import { type UiLocale } from "../../locale/locale.js";
+import type { ComboboxOption } from "./combobox.js";
 export type MultiSelectOption = ComboboxOption;
 export interface MultiSelectProps {
     options: MultiSelectOption[];
@@ -10,6 +11,20 @@ export interface MultiSelectProps {
     emptyMessage?: string;
     disabled?: boolean;
     className?: string;
+    /** `id` of the trigger — set by `Field`, or for a `<label htmlFor>`. */
+    id?: string;
+    /**
+     * Accessible name of the trigger (a combobox takes no name from its text).
+     * Defaults to the placeholder, unless a `<label>` targets `id`.
+     */
+    ariaLabel?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 }
 /**
  * `Combobox`'s multi-value sibling — selected options render as removable
@@ -26,5 +41,5 @@ export interface MultiSelectProps {
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function MultiSelect({ options, value, defaultValue, onValueChange, placeholder, emptyMessage, disabled, className, }: MultiSelectProps): React.JSX.Element;
+export declare function MultiSelect({ options, value, defaultValue, onValueChange, placeholder, emptyMessage, disabled, className, locale, id, ariaLabel, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, }: MultiSelectProps): React.JSX.Element;
 //# sourceMappingURL=multi-select.d.ts.map

package/dist/components/combobox/multi-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/multi-select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAuB,EACvB,YAAkC,EAClC,QAAgB,EAChB,SAAS,GACV,EAAE,gBAAgB,qBAoHlB"}
+{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/multi-select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAGtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,MAAM,EACN,EAAE,EACF,SAAS,EACT,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,GAC5B,EAAE,gBAAgB,qBA4HlB"}

package/dist/components/combobox/multi-select.js

@@ -6,7 +6,8 @@ import { buttonVariants } from "@forthtilliath/shadcn-ui/components/button";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "@forthtilliath/shadcn-ui/components/command";
 import { Popover, PopoverContent, PopoverTrigger, } from "@forthtilliath/shadcn-ui/components/popover";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { Badge } from "../badge";
+import { useUiMessages } from "../../locale/locale.js";
+import { Badge } from "../badge/index.js";
 /**
  * `Combobox`'s multi-value sibling — selected options render as removable
  * `Badge` chips in the trigger. Fills the same shadcn-ui gap as `Combobox`
@@ -22,7 +23,10 @@ import { Badge } from "../badge";
  * @author Forth
  * @copyright 2026 Forth
  */
-export function MultiSelect({ options, value, defaultValue, onValueChange, placeholder = "Select…", emptyMessage = "No results found.", disabled = false, className, }) {
+export function MultiSelect({ options, value, defaultValue, onValueChange, placeholder, emptyMessage, disabled = false, className, locale, id, ariaLabel, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, }) {
+    const messages = useUiMessages(locale);
+    const emptyMessageText = emptyMessage ?? messages.emptyResults;
+    const placeholderText = placeholder ?? messages.combobox.placeholder;
     const listboxId = React.useId();
     const [open, setOpen] = React.useState(false);
     const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue ?? []);
@@ -37,7 +41,7 @@ export function MultiSelect({ options, value, defaultValue, onValueChange, place
             : [...selected, optionValue]);
     }
     const selectedOptions = options.filter((option) => selected.includes(option.value));
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("div", { role: "combobox", tabIndex: disabled ? -1 : 0, "aria-expanded": open, "aria-controls": listboxId, "aria-disabled": disabled, "data-disabled": disabled, onKeyDown: (e) => {
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("div", { id: id, role: "combobox", tabIndex: disabled ? -1 : 0, "aria-expanded": open, "aria-label": ariaLabel ?? placeholderText, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-controls": listboxId, "aria-disabled": disabled, "data-disabled": disabled, onKeyDown: (e) => {
                         if (!disabled && (e.key === "Enter" || e.key === " ")) {
                             e.preventDefault();
                             setOpen((prev) => !prev);
@@ -46,7 +50,7 @@ export function MultiSelect({ options, value, defaultValue, onValueChange, place
                                     e.stopPropagation();
                                 }, onOpenChange: () => {
                                     toggle(option.value);
-                                }, children: option.label }, option.value)))) : (_jsx("span", { className: "text-muted-foreground font-normal", children: placeholder })) }), _jsx(ChevronsUpDownIcon, { className: "shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { id: listboxId, className: "w-(--radix-popover-trigger-width) p-0", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: placeholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: emptyMessage }), _jsx(CommandGroup, { children: options.map((option) => (_jsxs(CommandItem, { value: option.label, disabled: option.disabled, onSelect: () => {
+                                }, children: option.label }, option.value)))) : (_jsx("span", { className: "text-muted-foreground font-normal", children: placeholderText })) }), _jsx(ChevronsUpDownIcon, { className: "shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { id: listboxId, "aria-label": ariaLabel ?? placeholderText, className: "w-(--radix-popover-trigger-width) p-0", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: placeholderText }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: emptyMessageText }), _jsx(CommandGroup, { children: options.map((option) => (_jsxs(CommandItem, { value: option.label, disabled: option.disabled, onSelect: () => {
                                             toggle(option.value);
                                         }, children: [_jsx(CheckIcon, { className: cn("size-4", selected.includes(option.value)
                                                     ? "opacity-100"

package/dist/components/command-palette/command-palette.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type UiLocale } from "../../locale/locale.js";
 export interface CommandPaletteItem {
     label: React.ReactNode;
     value: string;
@@ -18,6 +19,11 @@ export interface CommandPaletteProps {
     emptyMessage?: string;
     /** Key that toggles the palette alongside Cmd/Ctrl. @default "k" */
     shortcutKey?: string;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 }
 /**
  * A global command menu (`Cmd/Ctrl+<key>` to open) — wraps shadcn-ui's own
@@ -33,5 +39,5 @@ export interface CommandPaletteProps {
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function CommandPalette({ groups, open, onOpenChange, placeholder, emptyMessage, shortcutKey, }: CommandPaletteProps): React.JSX.Element;
+export declare function CommandPalette({ groups, open, onOpenChange, placeholder, emptyMessage, shortcutKey, locale, }: CommandPaletteProps): React.JSX.Element;
 //# sourceMappingURL=command-palette.d.ts.map

package/dist/components/command-palette/command-palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,WAAyC,EACzC,YAAkC,EAClC,WAAiB,GAClB,EAAE,mBAAmB,qBA4DrB"}
+{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAEtE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAiB,EACjB,MAAM,GACP,EAAE,mBAAmB,qBA+DrB"}

package/dist/components/command-palette/command-palette.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut, } from "@forthtilliath/shadcn-ui/components/command";
+import { useUiMessages } from "../../locale/locale.js";
 /**
  * A global command menu (`Cmd/Ctrl+<key>` to open) — wraps shadcn-ui's own
  * `CommandDialog` (which has no keyboard-shortcut wiring of its own) with
@@ -16,7 +17,10 @@ import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, C
  * @author Forth
  * @copyright 2026 Forth
  */
-export function CommandPalette({ groups, open, onOpenChange, placeholder = "Type a command or search…", emptyMessage = "No results found.", shortcutKey = "k", }) {
+export function CommandPalette({ groups, open, onOpenChange, placeholder, emptyMessage, shortcutKey = "k", locale, }) {
+    const messages = useUiMessages(locale);
+    const emptyMessageText = emptyMessage ?? messages.emptyResults;
+    const placeholderText = placeholder ?? messages.commandPalette.placeholder;
     const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
     const isOpen = open ?? uncontrolledOpen;
     function setOpen(next) {
@@ -37,7 +41,7 @@ export function CommandPalette({ groups, open, onOpenChange, placeholder = "Type
         };
         // eslint-disable-next-line @eslint-react/exhaustive-deps -- `setOpen` is a plain function redefined every render; including it would re-register this listener every render instead of only when `isOpen`/`shortcutKey` actually change, which is what its own re-closure over `isOpen` depends on
     }, [isOpen, shortcutKey]);
-    return (_jsxs(CommandDialog, { open: isOpen, onOpenChange: setOpen, title: "Command Palette", description: placeholder, children: [_jsx(CommandInput, { placeholder: placeholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: emptyMessage }), groups.map((group, index) => (
+    return (_jsxs(CommandDialog, { open: isOpen, onOpenChange: setOpen, title: "Command Palette", description: placeholderText, children: [_jsx(CommandInput, { placeholder: placeholderText }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: emptyMessageText }), groups.map((group, index) => (
                     // eslint-disable-next-line @eslint-react/no-array-index-key -- `heading` is optional and not guaranteed unique
                     _jsx(CommandGroup, { heading: group.heading, children: group.items.map((item) => (_jsxs(CommandItem, { value: item.value, onSelect: () => {
                                 item.onSelect();

package/dist/components/command-palette/index.d.ts

@@ -1,3 +1,3 @@
-export type { CommandPaletteGroup, CommandPaletteItem, CommandPaletteProps, } from "./command-palette";
-export { CommandPalette } from "./command-palette";
+export type { CommandPaletteGroup, CommandPaletteItem, CommandPaletteProps, } from "./command-palette.js";
+export { CommandPalette } from "./command-palette.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/command-palette/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/command-palette/index.js

@@ -1 +1 @@
-export { CommandPalette } from "./command-palette";
+export { CommandPalette } from "./command-palette.js";

package/dist/components/confirm-dialog/confirm-dialog.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type UiLocale } from "../../locale/locale.js";
 /**
  * Provides `useConfirm`, an imperative `await confirm({...})` alternative
  * to hand-wiring an `AlertDialog`'s open state for every yes/no
@@ -12,7 +13,12 @@ import * as React from "react";
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function ConfirmDialogProvider({ children, }: {
+export declare function ConfirmDialogProvider({ children, locale, }: {
     children: React.ReactNode;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 }): React.JSX.Element;
 //# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/components/confirm-dialog/confirm-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/confirm-dialog/confirm-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAsDA"}
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/confirm-dialog/confirm-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAKtE;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB,qBA2DA"}

package/dist/components/confirm-dialog/confirm-dialog.js

@@ -4,7 +4,8 @@ import * as React from "react";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "@forthtilliath/shadcn-ui/components/alert-dialog";
 import { buttonVariants } from "@forthtilliath/shadcn-ui/components/button";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { ConfirmContext } from "./confirm-context";
+import { useUiMessages } from "../../locale/locale.js";
+import { ConfirmContext } from "./confirm-context.js";
 /**
  * Provides `useConfirm`, an imperative `await confirm({...})` alternative
  * to hand-wiring an `AlertDialog`'s open state for every yes/no
@@ -18,23 +19,28 @@ import { ConfirmContext } from "./confirm-context";
  * @author Forth
  * @copyright 2026 Forth
  */
-export function ConfirmDialogProvider({ children, }) {
+export function ConfirmDialogProvider({ children, locale, }) {
+    const messages = useUiMessages(locale);
     const [state, setState] = React.useState(null);
+    // Kept apart from `state`, so the last options stay rendered while the
+    // dialog animates out (clearing them left an empty, unnamed dialog).
+    const [open, setOpen] = React.useState(false);
     const confirm = React.useCallback((options) => {
         return new Promise((resolve) => {
             setState({ ...options, resolve });
+            setOpen(true);
         });
     }, []);
     function settle(confirmed) {
         state?.resolve(confirmed);
-        setState(null);
+        setOpen(false);
     }
-    return (_jsxs(ConfirmContext, { value: confirm, children: [children, _jsx(AlertDialog, { open: state !== null, onOpenChange: (open) => {
+    return (_jsxs(ConfirmContext, { value: confirm, children: [children, _jsx(AlertDialog, { open: open, onOpenChange: (open) => {
                     if (!open) {
                         settle(false);
                     }
-                }, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: state?.title }), state?.description !== undefined && (_jsx(AlertDialogDescription, { children: state.description }))] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: state?.cancelLabel ?? "Cancel" }), _jsx(AlertDialogAction, { onClick: () => {
+                }, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: state?.title }), state?.description !== undefined && (_jsx(AlertDialogDescription, { children: state.description }))] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: state?.cancelLabel ?? messages.confirmDialog.cancel }), _jsx(AlertDialogAction, { onClick: () => {
                                         settle(true);
                                     }, className: cn(state?.variant === "destructive" &&
-                                        buttonVariants({ variant: "destructive" })), children: state?.confirmLabel ?? "Continue" })] })] }) })] }));
+                                        buttonVariants({ variant: "destructive" })), children: state?.confirmLabel ?? messages.confirmDialog.confirm })] })] }) })] }));
 }

package/dist/components/confirm-dialog/index.d.ts

@@ -1,4 +1,4 @@
-export type { ConfirmOptions } from "./confirm-context";
-export { ConfirmDialogProvider } from "./confirm-dialog";
-export { useConfirm } from "./use-confirm";
+export type { ConfirmOptions } from "./confirm-context.js";
+export { ConfirmDialogProvider } from "./confirm-dialog.js";
+export { useConfirm } from "./use-confirm.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/confirm-dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/confirm-dialog/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/confirm-dialog/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/confirm-dialog/index.js

@@ -1,2 +1,2 @@
-export { ConfirmDialogProvider } from "./confirm-dialog";
-export { useConfirm } from "./use-confirm";
+export { ConfirmDialogProvider } from "./confirm-dialog.js";
+export { useConfirm } from "./use-confirm.js";

package/dist/components/confirm-dialog/use-confirm.d.ts

@@ -1,4 +1,4 @@
-import type { ConfirmFn } from "./confirm-context";
+import type { ConfirmFn } from "./confirm-context.js";
 /** Must be called from a descendant of `ConfirmDialogProvider`. */
 export declare function useConfirm(): ConfirmFn;
 //# sourceMappingURL=use-confirm.d.ts.map

package/dist/components/confirm-dialog/use-confirm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-confirm.d.ts","sourceRoot":"","sources":["../../../src/components/confirm-dialog/use-confirm.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,mEAAmE;AACnE,wBAAgB,UAAU,IAAI,SAAS,CAMtC"}
+{"version":3,"file":"use-confirm.d.ts","sourceRoot":"","sources":["../../../src/components/confirm-dialog/use-confirm.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGtD,mEAAmE;AACnE,wBAAgB,UAAU,IAAI,SAAS,CAMtC"}

package/dist/components/confirm-dialog/use-confirm.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ConfirmContext } from "./confirm-context";
+import { ConfirmContext } from "./confirm-context.js";
 /** Must be called from a descendant of `ConfirmDialogProvider`. */
 export function useConfirm() {
     const confirm = React.use(ConfirmContext);