@forthtilliath/forth-ui 0.3.0 → 0.4.0

package/dist/components/copy-menu-item/copy-menu-item.d.ts

@@ -0,0 +1,18 @@
+import type * as React from "react";
+import { DropdownMenuItem } from "@forthtilliath/shadcn-ui/components/dropdown-menu";
+export type CopyMenuItemProps = Omit<React.ComponentProps<typeof DropdownMenuItem>, "children"> & {
+    /** Text copied to the clipboard on select. */
+    value: string;
+    children: React.ReactNode;
+};
+/**
+ * A `DropdownMenuItem` that copies `value` to the clipboard on select and
+ * shows a checkmark for a couple of seconds — the menu stays open (its
+ * `onSelect` default is prevented) so the user sees the confirmation.
+ *
+ * @version 0.1.0
+ * @author Forth
+ * @copyright 2026 Forth
+ */
+export declare function CopyMenuItem({ value, children, onSelect, ...props }: CopyMenuItemProps): React.JSX.Element;
+//# sourceMappingURL=copy-menu-item.d.ts.map

package/dist/components/copy-menu-item/copy-menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/copy-menu-item/copy-menu-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AAErF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAC7C,UAAU,CACX,GAAG;IACF,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAiBnB"}

package/dist/components/copy-menu-item/copy-menu-item.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { useCopyToClipboard } from "@forthtilliath/react-kit/useCopyToClipboard";
+import { DropdownMenuItem } from "@forthtilliath/shadcn-ui/components/dropdown-menu";
+/**
+ * A `DropdownMenuItem` that copies `value` to the clipboard on select and
+ * shows a checkmark for a couple of seconds — the menu stays open (its
+ * `onSelect` default is prevented) so the user sees the confirmation.
+ *
+ * @version 0.1.0
+ * @author Forth
+ * @copyright 2026 Forth
+ */
+export function CopyMenuItem({ value, children, onSelect, ...props }) {
+    const [copiedText, copy] = useCopyToClipboard();
+    const copied = copiedText === value;
+    return (_jsxs(DropdownMenuItem, { ...props, onSelect: (event) => {
+            event.preventDefault();
+            void copy(value);
+            onSelect?.(event);
+        }, children: [copied ? _jsx(CheckIcon, {}) : _jsx(CopyIcon, {}), children] }));
+}

package/dist/components/copy-menu-item/index.d.ts

@@ -0,0 +1,3 @@
+export type { CopyMenuItemProps } from "./copy-menu-item.js";
+export { CopyMenuItem } from "./copy-menu-item.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/copy-menu-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/copy-menu-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/copy-menu-item/index.js

@@ -0,0 +1 @@
+export { CopyMenuItem } from "./copy-menu-item.js";

package/dist/components/count-animation/index.d.ts

@@ -1,3 +1,3 @@
-export type { CountAnimationProps } from "./count-animation";
-export { CountAnimation } from "./count-animation";
+export type { CountAnimationProps } from "./count-animation.js";
+export { CountAnimation } from "./count-animation.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/count-animation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/count-animation/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/count-animation/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/count-animation/index.js

@@ -1 +1 @@
-export { CountAnimation } from "./count-animation";
+export { CountAnimation } from "./count-animation.js";

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

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type UiLocale } from "../../locale/locale.js";
 export interface DatePickerProps {
     value?: Date;
     defaultValue?: Date;
@@ -8,6 +9,11 @@ export interface DatePickerProps {
     className?: string;
     /** Passed through to `Date.prototype.toLocaleDateString`. */
     formatOptions?: Intl.DateTimeFormatOptions;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 }
 /**
  * A single-date picker — shadcn-ui's own docs describe this as a recipe
@@ -23,5 +29,5 @@ export interface DatePickerProps {
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function DatePicker({ value, defaultValue, onValueChange, placeholder, disabled, className, formatOptions, }: DatePickerProps): React.JSX.Element;
+export declare function DatePicker({ value, defaultValue, onValueChange, placeholder, disabled, className, formatOptions, locale, }: DatePickerProps): React.JSX.Element;
 //# sourceMappingURL=date-picker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;CAC5C;AAMD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA2B,EAC3B,QAAgB,EAChB,SAAS,EACT,aAAsC,GACvC,EAAE,eAAe,qBAuCjB"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAGtE,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC3C;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAMD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,aAAsC,EACtC,MAAM,GACP,EAAE,eAAe,qBA6CjB"}

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

@@ -5,7 +5,8 @@ import { CalendarIcon } from "lucide-react";
 import { Calendar } from "@forthtilliath/shadcn-ui/components/calendar";
 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";
 const DEFAULT_FORMAT_OPTIONS = {
     dateStyle: "long",
 };
@@ -23,13 +24,15 @@ const DEFAULT_FORMAT_OPTIONS = {
  * @author Forth
  * @copyright 2026 Forth
  */
-export function DatePicker({ value, defaultValue, onValueChange, placeholder = "Pick a date", disabled = false, className, formatOptions = DEFAULT_FORMAT_OPTIONS, }) {
+export function DatePicker({ value, defaultValue, onValueChange, placeholder, disabled = false, className, formatOptions = DEFAULT_FORMAT_OPTIONS, locale, }) {
+    const messages = useUiMessages(locale);
+    const placeholderText = placeholder ?? messages.datePicker.placeholder;
     const [open, setOpen] = React.useState(false);
     const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
     const selected = value ?? uncontrolledValue;
     return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", disabled: disabled, className: cn("w-full justify-start text-left font-normal", selected === undefined && "text-muted-foreground", className), children: [_jsx(CalendarIcon, {}), selected !== undefined
                             ? selected.toLocaleDateString(undefined, formatOptions)
-                            : placeholder] }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: selected, onSelect: (date) => {
+                            : placeholderText] }) }), _jsx(PopoverContent, { "aria-label": placeholderText, className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: selected, onSelect: (date) => {
                         setUncontrolledValue(date);
                         onValueChange?.(date);
                         setOpen(false);

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -1 +1 @@
-export { DatePicker } from "./date-picker";
+export { DatePicker } from "./date-picker.js";

package/dist/components/description-list/index.d.ts

@@ -1,2 +1,2 @@
-export { DescriptionDetail, DescriptionGroup, DescriptionList, DescriptionTerm, } from "./description-list";
+export { DescriptionDetail, DescriptionGroup, DescriptionList, DescriptionTerm, } from "./description-list.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/description-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/description-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,GAChB,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/description-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,GAChB,MAAM,uBAAuB,CAAC"}

package/dist/components/description-list/index.js

@@ -1 +1 @@
-export { DescriptionDetail, DescriptionGroup, DescriptionList, DescriptionTerm, } from "./description-list";
+export { DescriptionDetail, DescriptionGroup, DescriptionList, DescriptionTerm, } from "./description-list.js";

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

@@ -1,3 +1,3 @@
-export type { DropdrawerItem, DropdrawerProps } from "./dropdrawer";
-export { Dropdrawer } from "./dropdrawer";
+export type { DropdrawerItem, DropdrawerProps } from "./dropdrawer.js";
+export { Dropdrawer } from "./dropdrawer.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdrawer/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdrawer/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/dropdrawer/index.js

@@ -1 +1 @@
-export { Dropdrawer } from "./dropdrawer";
+export { Dropdrawer } from "./dropdrawer.js";

package/dist/components/dropzone/dropzone.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type UiLocale } from "../../locale/locale.js";
 export interface DropzoneProps {
     value?: File[];
     defaultValue?: File[];
@@ -10,6 +11,11 @@ export interface DropzoneProps {
     maxSize?: number;
     disabled?: boolean;
     className?: string;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 }
 /**
  * A drag-and-drop file upload zone, listing accepted files below via
@@ -23,5 +29,5 @@ export interface DropzoneProps {
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function Dropzone({ value, defaultValue, onValueChange, accept, multiple, maxFiles, maxSize, disabled, className, }: DropzoneProps): React.JSX.Element;
+export declare function Dropzone({ value, defaultValue, onValueChange, accept, multiple, maxFiles, maxSize, disabled, className, locale, }: DropzoneProps): React.JSX.Element;
 //# sourceMappingURL=dropzone.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropzone.d.ts","sourceRoot":"","sources":["../../../src/components/dropzone/dropzone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,MAAM,EACN,QAAe,EACf,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,SAAS,GACV,EAAE,aAAa,qBA8Hf"}
+{"version":3,"file":"dropzone.d.ts","sourceRoot":"","sources":["../../../src/components/dropzone/dropzone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAatE,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAkBD;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,MAAM,EACN,QAAe,EACf,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,SAAS,EACT,MAAM,GACP,EAAE,aAAa,qBA+Hf"}

package/dist/components/dropzone/dropzone.js

@@ -3,7 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { FileIcon, UploadIcon, XIcon } from "lucide-react";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { FileList, FileListAction, FileListActions, FileListDescription, FileListHeader, FileListIcon, FileListInfo, FileListItem, FileListName, } from "../file-list";
+import { useUiMessages } from "../../locale/locale.js";
+import { FileList, FileListAction, FileListActions, FileListDescription, FileListHeader, FileListIcon, FileListInfo, FileListItem, FileListName, } from "../file-list/index.js";
 function formatBytes(bytes) {
     if (bytes === 0) {
         return "0 B";
@@ -27,7 +28,8 @@ function fileKey(file) {
  * @author Forth
  * @copyright 2026 Forth
  */
-export function Dropzone({ value, defaultValue, onValueChange, accept, multiple = true, maxFiles, maxSize, disabled = false, className, }) {
+export function Dropzone({ value, defaultValue, onValueChange, accept, multiple = true, maxFiles, maxSize, disabled = false, className, locale, }) {
+    const messages = useUiMessages(locale);
     const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue ?? []);
     const [isDragging, setIsDragging] = React.useState(false);
     const inputRef = React.useRef(null);
@@ -79,5 +81,5 @@ export function Dropzone({ value, defaultValue, onValueChange, accept, multiple
                             e.target.value = "";
                         } })] }), files.length > 0 && (_jsx(FileList, { children: files.map((file) => (_jsx(FileListItem, { children: _jsxs(FileListHeader, { children: [_jsx(FileListIcon, { children: _jsx(FileIcon, {}) }), _jsxs(FileListInfo, { children: [_jsx(FileListName, { children: file.name }), _jsx(FileListDescription, { children: formatBytes(file.size) })] }), _jsx(FileListActions, { children: _jsx(FileListAction, { onClick: () => {
                                         removeFile(file);
-                                    }, "aria-label": "Remove file", children: _jsx(XIcon, {}) }) })] }) }, fileKey(file)))) }))] }));
+                                    }, "aria-label": messages.dropzone.removeFile, children: _jsx(XIcon, {}) }) })] }) }, fileKey(file)))) }))] }));
 }

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

@@ -1,3 +1,3 @@
-export type { DropzoneProps } from "./dropzone";
-export { Dropzone } from "./dropzone";
+export type { DropzoneProps } from "./dropzone.js";
+export { Dropzone } from "./dropzone.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropzone/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropzone/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/dropzone/index.js

@@ -1 +1 @@
-export { Dropzone } from "./dropzone";
+export { Dropzone } from "./dropzone.js";

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

@@ -1,3 +1,3 @@
-export type { FieldProps } from "./field";
-export { Field } from "./field";
+export type { FieldProps } from "./field.js";
+export { Field } from "./field.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/field/index.js

@@ -1 +1 @@
-export { Field } from "./field";
+export { Field } from "./field.js";

package/dist/components/file-list/file-list.d.ts

@@ -24,6 +24,9 @@ export declare function FileListActions({ className, ...props }: React.Component
 export declare function FileListAction({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
 export declare function FileListContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 export type FileListProgressProps = React.ComponentProps<typeof Progress>;
-/** Wraps shadcn-ui's `Progress` for the upload-progress row. */
+/**
+ * Wraps shadcn-ui's `Progress` for the upload-progress row. Give it an
+ * `aria-label` (e.g. "Uploading report.pdf"): a progress bar needs a name.
+ */
 export declare function FileListProgress(props: FileListProgressProps): React.JSX.Element;
 //# sourceMappingURL=file-list.d.ts.map

package/dist/components/file-list/file-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-list.d.ts","sourceRoot":"","sources":["../../../src/components/file-list/file-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAGxE;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ3E;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAW5B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAQ3B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW3B;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW9B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,qBAYhC;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAI7B;AAED,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE1E,gEAAgE;AAChE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAE5D"}
+{"version":3,"file":"file-list.d.ts","sourceRoot":"","sources":["../../../src/components/file-list/file-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAGxE;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ3E;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAW5B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAQ3B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW3B;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW9B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,qBAYhC;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAI7B;AAED,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE1E;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAE5D"}

package/dist/components/file-list/file-list.js

@@ -46,7 +46,10 @@ export function FileListAction({ className, ...props }) {
 export function FileListContent({ className, ...props }) {
     return (_jsx("div", { "data-slot": "file-list-content", className: cn(className), ...props }));
 }
-/** Wraps shadcn-ui's `Progress` for the upload-progress row. */
+/**
+ * Wraps shadcn-ui's `Progress` for the upload-progress row. Give it an
+ * `aria-label` (e.g. "Uploading report.pdf"): a progress bar needs a name.
+ */
 export function FileListProgress(props) {
     return _jsx(Progress, { "data-slot": "file-list-progress", ...props });
 }

package/dist/components/file-list/index.d.ts

@@ -1,3 +1,3 @@
-export type { FileListProgressProps } from "./file-list";
-export { FileList, FileListAction, FileListActions, FileListContent, FileListDescription, FileListDescriptionSeparator, FileListHeader, FileListIcon, FileListInfo, FileListItem, FileListName, FileListProgress, } from "./file-list";
+export type { FileListProgressProps } from "./file-list.js";
+export { FileList, FileListAction, FileListActions, FileListContent, FileListDescription, FileListDescriptionSeparator, FileListHeader, FileListIcon, FileListInfo, FileListItem, FileListName, FileListProgress, } from "./file-list.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/file-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/file-list/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EACL,QAAQ,EACR,cAAc,EACd,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,4BAA4B,EAC5B,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,gBAAgB,GACjB,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/file-list/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EACL,QAAQ,EACR,cAAc,EACd,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,4BAA4B,EAC5B,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,gBAAgB,GACjB,MAAM,gBAAgB,CAAC"}

package/dist/components/file-list/index.js

@@ -1 +1 @@
-export { FileList, FileListAction, FileListActions, FileListContent, FileListDescription, FileListDescriptionSeparator, FileListHeader, FileListIcon, FileListInfo, FileListItem, FileListName, FileListProgress, } from "./file-list";
+export { FileList, FileListAction, FileListActions, FileListContent, FileListDescription, FileListDescriptionSeparator, FileListHeader, FileListIcon, FileListInfo, FileListItem, FileListName, FileListProgress, } from "./file-list.js";

package/dist/components/gradient-frame/index.d.ts

@@ -1,3 +1,3 @@
-export type { GradientFrameProps } from "./gradient-frame";
-export { GradientFrame } from "./gradient-frame";
+export type { GradientFrameProps } from "./gradient-frame.js";
+export { GradientFrame } from "./gradient-frame.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/gradient-frame/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/gradient-frame/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/gradient-frame/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/gradient-frame/index.js

@@ -1 +1 @@
-export { GradientFrame } from "./gradient-frame";
+export { GradientFrame } from "./gradient-frame.js";

package/dist/components/grid/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/grid/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,gBAAgB;IAC3B,8BAA8B;YACtB,OAAO;mBACA,OAAO;EAGtB,CAAC;AAEH,eAAO,MAAM,mBAAmB;IAP9B,8BAA8B;YACtB,OAAO;mBACA,OAAO;CAK4C,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/grid/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,gBAAgB;IAC3B,8BAA8B;YACtB,OAAO;mBACA,OAAO;EAGtB,CAAC;AAEH,eAAO,MAAM,mBAAmB;IAP9B,8BAA8B;YACtB,OAAO;mBACA,OAAO;CAK4C,CAAC"}

package/dist/components/grid/context.js

@@ -1,3 +1,4 @@
+"use client";
 import React from "react";
 export const GridDebugContext = React.createContext({
     isDebugActive: false,

package/dist/components/grid/grid-item.d.ts

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { Prettify } from "@forthtilliath/ts-types/object";
-import { type GridItemVariants } from "./variants";
+import { type GridItemVariants } from "./variants.js";
 type Props = Prettify<GridItemVariants & React.ComponentProps<"div"> & {
     children: React.ReactNode;
 }>;

package/dist/components/grid/grid-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG/D,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,YAAY,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CACnB,gBAAgB,GACd,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CACJ,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkB3B"}
+{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG/D,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,eAAe,CAAC;AAEvB,KAAK,KAAK,GAAG,QAAQ,CACnB,gBAAgB,GACd,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CACJ,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkB3B"}

package/dist/components/grid/grid-item.js

@@ -1,7 +1,8 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { useGridDebugContext } from "./context";
-import { gridItemDebugVariants, gridItemVariants, } from "./variants";
+import { useGridDebugContext } from "./context.js";
+import { gridItemDebugVariants, gridItemVariants, } from "./variants.js";
 /**
  * A GridItem is a component that represents an item inside a Grid.
  *

package/dist/components/grid/grid.d.ts

@@ -1,8 +1,8 @@
 import type React from "react";
-import { type ClassValue } from "@forthtilliath/shadcn-ui/lib/utils";
+import type { ClassValue } from "clsx";
 import { type Prettify } from "@forthtilliath/ts-types/object";
-import { GridItem } from "./grid-item";
-import type { GridVariants } from "./variants";
+import { GridItem } from "./grid-item.js";
+import type { GridVariants } from "./variants.js";
 export type GridProps = Prettify<{
     children?: React.ReactNode;
     debug?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,UAAU,EAAM,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG/D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,MAAM,SAAS,GAAG,QAAQ,CAC9B;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB,GAAG,YAAY,GACd,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAC1D,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAc,EACd,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,SAAS,qBAqBX;yBA7Be,IAAI"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIvC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG/D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAC9B;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB,GAAG,YAAY,GACd,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAC1D,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAc,EACd,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,SAAS,qBAqBX;yBA7Be,IAAI"}

package/dist/components/grid/grid.js

@@ -1,10 +1,11 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useKeyListener } from "@forthtilliath/react-kit/useKeyListener";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { GridDebugContext } from "./context";
-import { GridItem } from "./grid-item";
-import { gridVariants } from "./variants";
+import { GridDebugContext } from "./context.js";
+import { GridItem } from "./grid-item.js";
+import { gridVariants } from "./variants.js";
 export function Grid({ children, className, debug, debugKey = "g", cols, spacing, ...props }) {
     const [isDebugActive, setIsDebugActive] = useState(true);
     const contextValue = useMemo(() => ({ debug, isDebugActive }), [debug, isDebugActive]);

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

@@ -1,3 +1,3 @@
-export * from "./grid";
-export * from "./grid-item";
+export * from "./grid.js";
+export * from "./grid-item.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC"}

package/dist/components/grid/index.js

@@ -1,2 +1,2 @@
-export * from "./grid";
-export * from "./grid-item";
+export * from "./grid.js";
+export * from "./grid-item.js";

package/dist/components/grid/variants.d.ts

@@ -1,7 +1,7 @@
 import type { VariantProps } from "class-variance-authority";
 export declare const gridVariants: (props?: ({
     cols?: 1 | 2 | 3 | 7 | 10 | 5 | 12 | 4 | 6 | 8 | 9 | 11 | null | undefined;
-    spacing?: "sm" | "lg" | "none" | "xs" | "md" | "xl" | null | undefined;
+    spacing?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type GridVariants = VariantProps<typeof gridVariants>;
 export declare const gridItemVariants: (props?: ({

package/dist/components/icon-bubble/icon-bubble.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-import type { IconBubbleVariants } from "./variants";
+import type { IconBubbleVariants } from "./variants.js";
 export type IconBubbleProps = Omit<React.ComponentProps<"span">, "children"> & IconBubbleVariants & {
     /** Icon component, e.g. a `lucide-react` icon. Decorative (`aria-hidden`). */
     icon: React.ComponentType<{

package/dist/components/icon-bubble/icon-bubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-bubble.d.ts","sourceRoot":"","sources":["../../../src/components/icon-bubble/icon-bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGrD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAC1E,kBAAkB,GAAG;IACnB,8EAA8E;IAC9E,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;KAC5C,CAAC,CAAC;CACJ,CAAC;AAEJ;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,qBAajB"}
+{"version":3,"file":"icon-bubble.d.ts","sourceRoot":"","sources":["../../../src/components/icon-bubble/icon-bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAC1E,kBAAkB,GAAG;IACnB,8EAA8E;IAC9E,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;KAC5C,CAAC,CAAC;CACJ,CAAC;AAEJ;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,qBAajB"}

package/dist/components/icon-bubble/icon-bubble.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { ICON_BUBBLE_ICON_SIZES, iconBubbleVariants } from "./variants";
+import { ICON_BUBBLE_ICON_SIZES, iconBubbleVariants } from "./variants.js";
 /**
  * An icon inside a round, tinted bubble — e.g. to lead an information line
  * (date, place…). Tinted with `primary` by default; override both the

package/dist/components/icon-bubble/index.d.ts

@@ -1,4 +1,4 @@
-export type { IconBubbleProps } from "./icon-bubble";
-export { IconBubble } from "./icon-bubble";
-export type { IconBubbleVariants } from "./variants";
+export type { IconBubbleProps } from "./icon-bubble.js";
+export { IconBubble } from "./icon-bubble.js";
+export type { IconBubbleVariants } from "./variants.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/icon-bubble/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-bubble/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-bubble/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/icon-bubble/index.js

@@ -1 +1 @@
-export { IconBubble } from "./icon-bubble";
+export { IconBubble } from "./icon-bubble.js";

package/dist/components/image-input/image-input.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type UiLocale } from "../../locale/locale.js";
 export interface ImageInputProps {
     /** An existing image URL to preview (e.g. editing something that already has one). */
     value?: string | null;
@@ -7,6 +8,11 @@ export interface ImageInputProps {
     className?: string;
     /** @default "16/9" */
     aspectRatio?: string;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 }
 /**
  * A click-to-upload image picker with a live preview.
@@ -17,5 +23,5 @@ export interface ImageInputProps {
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function ImageInput({ value, onFileChange, disabled, className, aspectRatio, }: ImageInputProps): React.JSX.Element;
+export declare function ImageInput({ value, onFileChange, disabled, className, aspectRatio, locale, }: ImageInputProps): React.JSX.Element;
 //# sourceMappingURL=image-input.d.ts.map

package/dist/components/image-input/image-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-input.d.ts","sourceRoot":"","sources":["../../../src/components/image-input/image-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAe;IAC9B,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,WAAoB,GACrB,EAAE,eAAe,qBA4EjB"}
+{"version":3,"file":"image-input.d.ts","sourceRoot":"","sources":["../../../src/components/image-input/image-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAEtE,MAAM,WAAW,eAAe;IAC9B,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,WAAoB,EACpB,MAAM,GACP,EAAE,eAAe,qBA6EjB"}

package/dist/components/image-input/image-input.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import * as React from "react";
 import { ImageIcon, XIcon } from "lucide-react";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+import { useUiMessages } from "../../locale/locale.js";
 /**
  * A click-to-upload image picker with a live preview.
  *
@@ -12,7 +13,8 @@ import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
  * @author Forth
  * @copyright 2026 Forth
  */
-export function ImageInput({ value, onFileChange, disabled = false, className, aspectRatio = "16/9", }) {
+export function ImageInput({ value, onFileChange, disabled = false, className, aspectRatio = "16/9", locale, }) {
+    const messages = useUiMessages(locale);
     const [file, setFile] = React.useState(null);
     const [objectUrl, setObjectUrl] = React.useState(null);
     const inputRef = React.useRef(null);
@@ -36,7 +38,7 @@ export function ImageInput({ value, onFileChange, disabled = false, className, a
     }
     return (_jsxs("div", { "data-slot": "image-input", className: cn("border-input relative flex items-center justify-center overflow-hidden rounded-lg border border-dashed", disabled && "pointer-events-none opacity-50", className), style: { aspectRatio }, children: [preview !== null ? (_jsxs(_Fragment, { children: [_jsx("img", { src: preview, alt: "", className: "size-full object-cover" }), _jsx("button", { type: "button", onClick: () => {
                             handleFile(null);
-                        }, "aria-label": "Remove image", className: "bg-background/80 text-foreground hover:bg-background absolute top-2 right-2 rounded-full p-1 shadow-xs", children: _jsx(XIcon, { className: "size-4" }) })] })) : (_jsxs("button", { type: "button", onClick: () => {
+                        }, "aria-label": messages.imageInput.remove, className: "bg-background/80 text-foreground hover:bg-background absolute top-2 right-2 rounded-full p-1 shadow-xs", children: _jsx(XIcon, { className: "size-4" }) })] })) : (_jsxs("button", { type: "button", onClick: () => {
                     inputRef.current?.click();
                 }, disabled: disabled, className: "text-muted-foreground hover:text-foreground flex flex-col items-center gap-2 p-8 text-sm", children: [_jsx(ImageIcon, { className: "size-8" }), "Click to upload an image"] })), _jsx("input", { ref: inputRef, type: "file", accept: "image/*", disabled: disabled, className: "hidden", onChange: (e) => {
                     handleFile(e.target.files?.[0] ?? null);

package/dist/components/image-input/index.d.ts

@@ -1,3 +1,3 @@
-export type { ImageInputProps } from "./image-input";
-export { ImageInput } from "./image-input";
+export type { ImageInputProps } from "./image-input.js";
+export { ImageInput } from "./image-input.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/image-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/image-input/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/image-input/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/image-input/index.js

@@ -1 +1 @@
-export { ImageInput } from "./image-input";
+export { ImageInput } from "./image-input.js";

package/dist/components/infinite-scroll/index.d.ts

@@ -1,3 +1,3 @@
-export type { InfiniteScrollProps } from "./infinite-scroll";
-export { InfiniteScroll } from "./infinite-scroll";
+export type { InfiniteScrollProps } from "./infinite-scroll.js";
+export { InfiniteScroll } from "./infinite-scroll.js";
 //# sourceMappingURL=index.d.ts.map