@forthtilliath/forth-ui 0.2.5 → 0.4.0

package/dist/components/rating/index.js

@@ -1 +1 @@
-export { Rating } from "./rating";
+export { Rating } from "./rating.js";

package/dist/components/rating/rating.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type UiLocale } from "../../locale/locale.js";
 export interface RatingProps {
     value?: number;
     defaultValue?: number;
@@ -8,6 +9,11 @@ export interface RatingProps {
     readOnly?: boolean;
     size?: "sm" | "default" | "lg";
     className?: string;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 }
 /**
  * A star rating control with keyboard navigation (each star is a `radio`
@@ -19,5 +25,5 @@ export interface RatingProps {
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function Rating({ value, defaultValue, onValueChange, max, disabled, readOnly, size, className, }: RatingProps): React.JSX.Element;
+export declare function Rating({ value, defaultValue, onValueChange, max, disabled, readOnly, size, className, locale, }: RatingProps): React.JSX.Element;
 //# sourceMappingURL=rating.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/components/rating/rating.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,YAAgB,EAChB,aAAa,EACb,GAAO,EACP,QAAgB,EAChB,QAAgB,EAChB,IAAgB,EAChB,SAAS,GACV,EAAE,WAAW,qBA+Db"}
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/components/rating/rating.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAEtE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAQD;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,YAAgB,EAChB,aAAa,EACb,GAAO,EACP,QAAgB,EAChB,QAAgB,EAChB,IAAgB,EAChB,SAAS,EACT,MAAM,GACP,EAAE,WAAW,qBAsFb"}

package/dist/components/rating/rating.js

@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { StarIcon } from "lucide-react";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+import { useUiMessages } from "../../locale/locale.js";
 const SIZE_CLASSES = {
     sm: "size-4",
     default: "size-5",
@@ -18,7 +19,8 @@ const SIZE_CLASSES = {
  * @author Forth
  * @copyright 2026 Forth
  */
-export function Rating({ value, defaultValue = 0, onValueChange, max = 5, disabled = false, readOnly = false, size = "default", className, }) {
+export function Rating({ value, defaultValue = 0, onValueChange, max = 5, disabled = false, readOnly = false, size = "default", className, locale, }) {
+    const messages = useUiMessages(locale);
     const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
     const [hoverValue, setHoverValue] = React.useState(null);
     const current = value ?? uncontrolledValue;
@@ -27,6 +29,25 @@ export function Rating({ value, defaultValue = 0, onValueChange, max = 5, disabl
         setUncontrolledValue(next);
         onValueChange?.(next);
     }
+    // WAI-ARIA radio group: arrows move (and select) between stars, Home/End
+    // jump to the first/last one.
+    function handleKeyDown(e) {
+        const target = {
+            ArrowRight: current + 1,
+            ArrowUp: current + 1,
+            ArrowLeft: current - 1,
+            ArrowDown: current - 1,
+            Home: 1,
+            End: max,
+        }[e.key];
+        if (target === undefined || readOnly)
+            return;
+        e.preventDefault();
+        const next = Math.min(max, Math.max(1, target));
+        commit(next);
+        const stars = e.currentTarget.parentElement?.querySelectorAll("button");
+        stars?.[next - 1]?.focus();
+    }
     return (_jsx("div", { role: "radiogroup", 
         // Not a Tab stop itself — focus lives on the roving `role="radio"`
         // children below — but jsx-a11y wants an interactive-role element with
@@ -34,7 +55,7 @@ export function Rating({ value, defaultValue = 0, onValueChange, max = 5, disabl
         // to declare an explicit tabIndex.
         tabIndex: -1, "aria-disabled": disabled, "data-slot": "rating", className: cn("inline-flex items-center gap-0.5", (disabled || readOnly) && "pointer-events-none", className), onMouseLeave: () => {
             setHoverValue(null);
-        }, children: Array.from({ length: max }, (_, i) => i + 1).map((starValue) => (_jsx("button", { type: "button", role: "radio", "aria-checked": current === starValue, "aria-label": `${starValue.toString()} star${starValue > 1 ? "s" : ""}`, disabled: disabled, tabIndex: readOnly ? -1 : 0, onMouseEnter: () => {
+        }, children: Array.from({ length: max }, (_, i) => i + 1).map((starValue) => (_jsx("button", { type: "button", role: "radio", "aria-checked": current === starValue, "aria-label": messages.rating.stars(starValue), disabled: disabled, tabIndex: !readOnly && starValue === (current >= 1 ? current : 1) ? 0 : -1, onKeyDown: handleKeyDown, onMouseEnter: () => {
                 setHoverValue(starValue);
             }, onClick: () => {
                 if (!readOnly) {

package/dist/components/relative-time/index.d.ts

@@ -1,3 +1,3 @@
-export type { RelativeTimeProps } from "./relative-time";
-export { RelativeTime } from "./relative-time";
+export type { RelativeTimeProps } from "./relative-time.js";
+export { RelativeTime } from "./relative-time.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/relative-time/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/relative-time/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/relative-time/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/relative-time/index.js

@@ -1 +1 @@
-export { RelativeTime } from "./relative-time";
+export { RelativeTime } from "./relative-time.js";

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

@@ -1,3 +1,3 @@
-export type { ReparentProps, ReparentTarget } from "./reparent";
-export { Reparent } from "./reparent";
+export type { ReparentProps, ReparentTarget } from "./reparent.js";
+export { Reparent } from "./reparent.js";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/reparent/index.js

@@ -1 +1 @@
-export { Reparent } from "./reparent";
+export { Reparent } from "./reparent.js";

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/repeat/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/repeat/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/repeat/index.js

@@ -1 +1 @@
-export * from "./repeat";
+export * from "./repeat.js";

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

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

package/dist/components/scroll-progress/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-progress/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/scroll-progress/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/scroll-progress/index.js

@@ -1 +1 @@
-export { ScrollProgress } from "./scroll-progress";
+export { ScrollProgress } from "./scroll-progress.js";

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

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

package/dist/components/scroll-shadow/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-shadow/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-shadow/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/scroll-shadow/index.js

@@ -1 +1 @@
-export { ScrollShadow } from "./scroll-shadow";
+export { ScrollShadow } from "./scroll-shadow.js";

package/dist/components/scroll-shadow/scroll-shadow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-shadow.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-shadow/scroll-shadow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5D,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,UAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAyCnB"}
+{"version":3,"file":"scroll-shadow.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-shadow/scroll-shadow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5D,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,UAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,qBA2CnB"}

package/dist/components/scroll-shadow/scroll-shadow.js

@@ -37,7 +37,9 @@ export function ScrollShadow({ className, shadowSize = 40, onScroll, ...props })
     const maskFrom = atTop ? "black" : "transparent";
     const maskTo = atBottom ? "black" : "transparent";
     const mask = `linear-gradient(to bottom, ${maskFrom}, black ${shadowSize.toString()}px, black calc(100% - ${shadowSize.toString()}px), ${maskTo})`;
-    return (_jsx("div", { ref: ref, "data-slot": "scroll-shadow", "data-at-top": atTop, "data-at-bottom": atBottom, onScroll: (e) => {
+    return (_jsx("div", { ref: ref, "data-slot": "scroll-shadow", 
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- a scrollable region must be focusable for keyboard users to scroll it (axe scrollable-region-focusable)
+        tabIndex: 0, "data-at-top": atTop, "data-at-bottom": atBottom, onScroll: (e) => {
             updateEdges(e.currentTarget);
             onScroll?.(e);
         }, style: { maskImage: mask, WebkitMaskImage: mask }, className: cn("overflow-y-auto", className), ...props }));

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

@@ -1,3 +1,3 @@
-export type { UseScrollspyOptions } from "./use-scrollspy";
-export { useScrollspy } from "./use-scrollspy";
+export type { UseScrollspyOptions } from "./use-scrollspy.js";
+export { useScrollspy } from "./use-scrollspy.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/scrollspy/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/scrollspy/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/scrollspy/index.js

@@ -1 +1 @@
-export { useScrollspy } from "./use-scrollspy";
+export { useScrollspy } from "./use-scrollspy.js";

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

@@ -1,3 +1,3 @@
-export type { SeparatorProps } from "./separator";
-export { Separator } from "./separator";
+export type { SeparatorProps } from "./separator.js";
+export { Separator } from "./separator.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/separator/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/separator/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/separator/index.js

@@ -1 +1 @@
-export { Separator } from "./separator";
+export { Separator } from "./separator.js";

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

@@ -1,3 +1,3 @@
-export type { SnippetItem, SnippetProps } from "./snippet";
-export { Snippet } from "./snippet";
+export type { SnippetItem, SnippetProps } from "./snippet.js";
+export { Snippet } from "./snippet.js";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/snippet/index.js

@@ -1 +1 @@
-export { Snippet } from "./snippet";
+export { Snippet } from "./snippet.js";

package/dist/components/snippet/snippet.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type UiLocale } from "../../locale/locale.js";
 export interface SnippetItem {
     value: string;
     label: React.ReactNode;
@@ -9,6 +10,11 @@ export interface SnippetProps {
     /** @default items[0]?.value */
     defaultValue?: string;
     className?: string;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 }
 /**
  * Displays and copies code in a tabbed interface — the "npm install /
@@ -21,5 +27,5 @@ export interface SnippetProps {
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function Snippet({ items, defaultValue, className }: SnippetProps): React.JSX.Element;
+export declare function Snippet({ items, defaultValue, className, locale, }: SnippetProps): React.JSX.Element;
 //# sourceMappingURL=snippet.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"snippet.d.ts","sourceRoot":"","sources":["../../../src/components/snippet/snippet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,YAAY,qBAuDvE"}
+{"version":3,"file":"snippet.d.ts","sourceRoot":"","sources":["../../../src/components/snippet/snippet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAEtE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAID;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,SAAS,EACT,MAAM,GACP,EAAE,YAAY,qBA4Dd"}

package/dist/components/snippet/snippet.js

@@ -5,6 +5,7 @@ import { CheckIcon, CopyIcon } from "lucide-react";
 import { Button } from "@forthtilliath/shadcn-ui/components/button";
 import { Tabs, TabsContent, TabsList, TabsTrigger, } from "@forthtilliath/shadcn-ui/components/tabs";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+import { useUiMessages } from "../../locale/locale.js";
 const COPY_FEEDBACK_MS = 2000;
 /**
  * Displays and copies code in a tabbed interface — the "npm install /
@@ -17,7 +18,8 @@ const COPY_FEEDBACK_MS = 2000;
  * @author Forth
  * @copyright 2026 Forth
  */
-export function Snippet({ items, defaultValue, className }) {
+export function Snippet({ items, defaultValue, className, locale, }) {
+    const messages = useUiMessages(locale);
     const [copiedValue, setCopiedValue] = React.useState(null);
     function handleCopy(item) {
         void navigator.clipboard.writeText(item.code).then(() => {
@@ -29,5 +31,7 @@ export function Snippet({ items, defaultValue, className }) {
     }
     return (_jsxs(Tabs, { defaultValue: defaultValue ?? items[0]?.value, className: cn("border-border overflow-hidden rounded-lg border", className), children: [_jsx(TabsList, { className: "bg-muted/40 h-auto w-full justify-start rounded-none border-b p-0", children: items.map((item) => (_jsx(TabsTrigger, { value: item.value, className: "data-[state=active]:bg-background rounded-none font-mono text-xs", children: item.label }, item.value))) }), items.map((item) => (_jsxs(TabsContent, { value: item.value, className: "relative m-0", children: [_jsx("pre", { className: "overflow-x-auto p-4 pr-12 font-mono text-sm", children: _jsx("code", { children: item.code }) }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => {
                             handleCopy(item);
-                        }, "aria-label": copiedValue === item.value ? "Copied" : "Copy", className: "absolute top-2 right-2 size-7", children: copiedValue === item.value ? _jsx(CheckIcon, {}) : _jsx(CopyIcon, {}) })] }, item.value)))] }));
+                        }, "aria-label": copiedValue === item.value
+                            ? messages.snippet.copied
+                            : messages.snippet.copy, className: "absolute top-2 right-2 size-7", children: copiedValue === item.value ? _jsx(CheckIcon, {}) : _jsx(CopyIcon, {}) })] }, item.value)))] }));
 }

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

@@ -1,3 +1,3 @@
-export type { SortableProps } from "./sortable";
-export { Sortable } from "./sortable";
+export type { SortableProps } from "./sortable.js";
+export { Sortable } from "./sortable.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sortable/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/sortable/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/sortable/index.js

@@ -1 +1 @@
-export { Sortable } from "./sortable";
+export { Sortable } from "./sortable.js";

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

@@ -1,3 +1,3 @@
-export type { SpacerProps } from "./spacer";
-export { Spacer } from "./spacer";
+export type { SpacerProps } from "./spacer.js";
+export { Spacer } from "./spacer.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/spacer/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/spacer/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/spacer/index.js

@@ -1 +1 @@
-export { Spacer } from "./spacer";
+export { Spacer } from "./spacer.js";

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

@@ -1,4 +1,4 @@
-export type { SpinnerProps, SpinnerVariant } from "./spinner";
-export { Spinner } from "./spinner";
-export type { SpinnerSizeVariants } from "./variants";
+export type { SpinnerProps, SpinnerVariant } from "./spinner.js";
+export { Spinner } from "./spinner.js";
+export type { SpinnerSizeVariants } from "./variants.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/spinner/index.js

@@ -1 +1 @@
-export { Spinner } from "./spinner";
+export { Spinner } from "./spinner.js";

package/dist/components/spinner/spinner.d.ts

@@ -1,11 +1,17 @@
 import type React from "react";
-import type { SpinnerSizeVariants } from "./variants";
+import { type UiLocale } from "../../locale/locale.js";
+import type { SpinnerSizeVariants } from "./variants.js";
 export type SpinnerVariant = "default" | "ring" | "bars" | "ellipsis";
 export type SpinnerProps = React.ComponentProps<"span"> & SpinnerSizeVariants & {
     /**
      * @default "default"
      */
     variant?: SpinnerVariant;
+    /**
+     * Language of the default `aria-label` — French by default, or the
+     * nearest `UiLocaleProvider`'s. An `aria-label` prop still wins.
+     */
+    locale?: UiLocale;
 };
 /**
  * An accessible loading indicator, in one of a few visual styles.
@@ -18,5 +24,5 @@ export type SpinnerProps = React.ComponentProps<"span"> & SpinnerSizeVariants &
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function Spinner({ variant, size, className, ...props }: SpinnerProps): React.JSX.Element;
+export declare function Spinner({ variant, size, className, locale, ...props }: SpinnerProps): React.JSX.Element;
 //# sourceMappingURL=spinner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAGtD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtE,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACrD,mBAAmB,GAAG;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEJ;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAmB,EACnB,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,qBAyCd"}
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAEtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAGzD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtE,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACrD,mBAAmB,GAAG;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB,CAAC;AAEJ;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAmB,EACnB,IAAI,EACJ,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,YAAY,qBA0Cd"}

package/dist/components/spinner/spinner.js

@@ -1,7 +1,9 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Loader2Icon } from "lucide-react";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { spinnerSizeVariants } from "./variants";
+import { useUiMessages } from "../../locale/locale.js";
+import { spinnerSizeVariants } from "./variants.js";
 /**
  * An accessible loading indicator, in one of a few visual styles.
  *
@@ -13,7 +15,8 @@ import { spinnerSizeVariants } from "./variants";
  * @author Forth
  * @copyright 2026 Forth
  */
-export function Spinner({ variant = "default", size, className, ...props }) {
+export function Spinner({ variant = "default", size, className, locale, ...props }) {
+    const messages = useUiMessages(locale);
     const sizeClass = spinnerSizeVariants({ size });
-    return (_jsxs("span", { role: "status", "aria-label": "Loading", ...props, children: [variant === "ring" && (_jsx("span", { className: cn(sizeClass, "block animate-spin rounded-full border-2 border-current border-t-transparent", className) })), variant === "bars" && (_jsx("span", { className: cn(sizeClass, "flex items-center gap-0.5", className), children: [0, 150, 300].map((delay) => (_jsx("span", { className: "h-full w-1 animate-pulse rounded-full bg-current", style: { animationDelay: `${delay.toString()}ms` } }, delay))) })), variant === "ellipsis" && (_jsx("span", { className: cn(sizeClass, "flex items-center gap-1", className), children: [0, 150, 300].map((delay) => (_jsx("span", { className: "size-1/4 animate-bounce rounded-full bg-current", style: { animationDelay: `${delay.toString()}ms` } }, delay))) })), variant === "default" && (_jsx(Loader2Icon, { className: cn(sizeClass, "animate-spin", className) }))] }));
+    return (_jsxs("span", { role: "status", "aria-label": messages.spinner.loading, ...props, children: [variant === "ring" && (_jsx("span", { className: cn(sizeClass, "block animate-spin rounded-full border-2 border-current border-t-transparent", className) })), variant === "bars" && (_jsx("span", { className: cn(sizeClass, "flex items-center gap-0.5", className), children: [0, 150, 300].map((delay) => (_jsx("span", { className: "h-full w-1 animate-pulse rounded-full bg-current", style: { animationDelay: `${delay.toString()}ms` } }, delay))) })), variant === "ellipsis" && (_jsx("span", { className: cn(sizeClass, "flex items-center gap-1", className), children: [0, 150, 300].map((delay) => (_jsx("span", { className: "size-1/4 animate-bounce rounded-full bg-current", style: { animationDelay: `${delay.toString()}ms` } }, delay))) })), variant === "default" && (_jsx(Loader2Icon, { className: cn(sizeClass, "animate-spin", className) }))] }));
 }

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

@@ -1,3 +1,3 @@
-export type { StepperProps, StepperStep } from "./stepper";
-export { Stepper } from "./stepper";
+export type { StepperProps, StepperStep } from "./stepper.js";
+export { Stepper } from "./stepper.js";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/stepper/index.js

@@ -1 +1 @@
-export { Stepper } from "./stepper";
+export { Stepper } from "./stepper.js";

package/dist/components/submit-button/index.d.ts

@@ -1,3 +1,3 @@
-export type { SubmitButtonProps } from "./submit-button";
-export { SubmitButton } from "./submit-button";
+export type { SubmitButtonProps } from "./submit-button.js";
+export { SubmitButton } from "./submit-button.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/submit-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/submit-button/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/submit-button/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/submit-button/index.js

@@ -1 +1 @@
-export { SubmitButton } from "./submit-button";
+export { SubmitButton } from "./submit-button.js";

package/dist/components/submit-button/submit-button.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonProps } from "../button";
+import type { ButtonProps } from "../button/index.js";
 export type SubmitButtonProps = Omit<ButtonProps, "type" | "loading">;
 /**
  * A submit `Button` that shows its own loading state automatically while

package/dist/components/submit-button/submit-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"submit-button.d.ts","sourceRoot":"","sources":["../../../src/components/submit-button/submit-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAG7C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAEtE;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAGpD"}
+{"version":3,"file":"submit-button.d.ts","sourceRoot":"","sources":["../../../src/components/submit-button/submit-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAEtE;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAGpD"}

package/dist/components/submit-button/submit-button.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useFormStatus } from "react-dom";
-import { Button } from "../button";
+import { Button } from "../button/index.js";
 /**
  * A submit `Button` that shows its own loading state automatically while
  * its parent `<form>` is submitting — via React's `useFormStatus`, so no

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tags-input/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/tags-input/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -1 +1 @@
-export { TagsInput } from "./tags-input";
+export { TagsInput } from "./tags-input.js";

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

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type UiLocale } from "../../locale/locale.js";
 export interface TagsInputProps {
     value?: string[];
     defaultValue?: string[];
@@ -8,6 +9,18 @@ export interface TagsInputProps {
     /** Maximum number of tags allowed. */
     max?: number;
     className?: string;
+    /** `id` of the text input, e.g. for a `<label htmlFor>`. */
+    id?: string;
+    /**
+     * Accessible name of the text input — needed once tags hide the
+     * placeholder, unless a `<label>` targets `id`. @default "Ajouter un tag"
+     */
+    ariaLabel?: string;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 }
 /**
  * A flexible input for adding/removing multiple tags — `Enter`/`,` commits
@@ -22,5 +35,5 @@ export interface TagsInputProps {
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function TagsInput({ value, defaultValue, onValueChange, placeholder, disabled, max, className, }: TagsInputProps): React.JSX.Element;
+export declare function TagsInput({ value, defaultValue, onValueChange, placeholder, disabled, max, className, id, ariaLabel, locale, }: TagsInputProps): React.JSX.Element;
 //# sourceMappingURL=tags-input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../../../src/components/tags-input/tags-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAwB,EACxB,QAAgB,EAChB,GAAG,EACH,SAAS,GACV,EAAE,cAAc,qBA+EhB"}
+{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../../../src/components/tags-input/tags-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAGtE,MAAM,WAAW,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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,QAAgB,EAChB,GAAG,EACH,SAAS,EACT,EAAE,EACF,SAAS,EACT,MAAM,GACP,EAAE,cAAc,qBAqFhB"}

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

@@ -2,7 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { Badge } from "../badge";
+import { useUiMessages } from "../../locale/locale.js";
+import { Badge } from "../badge/index.js";
 /**
  * A flexible input for adding/removing multiple tags — `Enter`/`,` commits
  * the current text as a tag, `Backspace` on an empty input removes the
@@ -16,7 +17,9 @@ import { Badge } from "../badge";
  * @author Forth
  * @copyright 2026 Forth
  */
-export function TagsInput({ value, defaultValue, onValueChange, placeholder = "Add tag…", disabled = false, max, className, }) {
+export function TagsInput({ value, defaultValue, onValueChange, placeholder, disabled = false, max, className, id, ariaLabel, locale, }) {
+    const messages = useUiMessages(locale);
+    const placeholderText = placeholder ?? messages.tagsInput.placeholder;
     const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue ?? []);
     const [inputValue, setInputValue] = React.useState("");
     const tags = value ?? uncontrolledValue;
@@ -53,9 +56,9 @@ export function TagsInput({ value, defaultValue, onValueChange, placeholder = "A
     }
     return (_jsxs("div", { "data-slot": "tags-input", className: cn("border-input focus-within:border-ring focus-within:ring-ring/50 flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-md border bg-transparent px-3 py-1.5 shadow-xs transition-[color,box-shadow] focus-within:ring-[3px]", disabled && "pointer-events-none cursor-not-allowed opacity-50", className), children: [tags.map((tag) => (_jsx(Badge, { variant: "secondary", dismissible: true, open: true, onOpenChange: () => {
                     removeTag(tag);
-                }, children: tag }, tag))), _jsx("input", { value: inputValue, onChange: (e) => {
+                }, children: tag }, tag))), _jsx("input", { id: id, "aria-label": id === undefined ? (ariaLabel ?? messages.tagsInput.label) : ariaLabel, value: inputValue, onChange: (e) => {
                     setInputValue(e.target.value);
                 }, onKeyDown: handleKeyDown, onBlur: () => {
                     addTag(inputValue);
-                }, placeholder: tags.length === 0 ? placeholder : undefined, disabled: disabled, className: "placeholder:text-muted-foreground min-w-24 flex-1 bg-transparent text-sm outline-none disabled:cursor-not-allowed" })] }));
+                }, placeholder: tags.length === 0 ? placeholderText : undefined, disabled: disabled, className: "placeholder:text-muted-foreground min-w-24 flex-1 bg-transparent text-sm outline-none disabled:cursor-not-allowed" })] }));
 }

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

@@ -0,0 +1,3 @@
+export type { ThemeImageProps } from "./theme-image.js";
+export { ThemeImage } from "./theme-image.js";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1 @@
+export { ThemeImage } from "./theme-image.js";