@forthtilliath/forth-ui 0.2.5 → 0.4.0

package/dist/components/avatar/avatar.js

@@ -1,9 +1,11 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Avatar as AvatarPrimitive, AvatarFallback, AvatarImage, } from "@forthtilliath/shadcn-ui/components/avatar";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "@forthtilliath/shadcn-ui/components/tooltip";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { DEFAULT_BADGE_POSITION, STATUS_LABEL } from "./constants";
-import { avatarVariants, badgeVariants, fallbackVariants, statusVariants, tooltipTriggerVariants, } from "./variants";
+import { useUiMessages } from "../../locale/locale.js";
+import { DEFAULT_BADGE_POSITION } from "./constants.js";
+import { avatarVariants, badgeVariants, fallbackVariants, statusVariants, tooltipTriggerVariants, } from "./variants.js";
 /**
  * An image element with a fallback for representing the user.
  *
@@ -17,8 +19,9 @@ import { avatarVariants, badgeVariants, fallbackVariants, statusVariants, toolti
  * @author Forth
  * @copyright 2025 Forth
  */
-export function Avatar({ src, alt, fallback, fallbackVariant, shape, size, ring = false, status, position, badge, badgeVariant, badgePosition = DEFAULT_BADGE_POSITION, className, renderTooltip, ...props }) {
-    const avatar = (_jsxs("div", { className: "relative", children: [_jsxs(AvatarPrimitive, { className: cn("block", avatarVariants({ shape, ring, size }), className?.root), ...props, children: [_jsx(AvatarImage, { src: src, alt: alt, className: className?.image }), _jsx(AvatarFallback, { className: cn(fallbackVariants({ fallbackVariant, shape }), className?.fallback), children: fallback })] }), status && (_jsx("div", { className: cn(statusVariants({ status, position }), className?.status), children: _jsx("span", { className: "sr-only", children: STATUS_LABEL[status] }) })), badge !== undefined && (_jsx("div", { className: cn(badgeVariants({ badgeVariant, position: badgePosition }), className?.badge), children: badge }))] }));
+export function Avatar({ src, alt, fallback, fallbackVariant, shape, size, ring = false, status, position, badge, badgeVariant, badgePosition = DEFAULT_BADGE_POSITION, className, renderTooltip, locale, ...props }) {
+    const messages = useUiMessages(locale);
+    const avatar = (_jsxs("div", { className: "relative", children: [_jsxs(AvatarPrimitive, { className: cn("block", avatarVariants({ shape, ring, size }), className?.root), ...props, children: [_jsx(AvatarImage, { src: src, alt: alt, className: className?.image }), _jsx(AvatarFallback, { className: cn(fallbackVariants({ fallbackVariant, shape }), className?.fallback), children: fallback })] }), status && (_jsx("div", { className: cn(statusVariants({ status, position }), className?.status), children: _jsx("span", { className: "sr-only", children: messages.avatar[status] }) })), badge !== undefined && (_jsx("div", { className: cn(badgeVariants({ badgeVariant, position: badgePosition }), className?.badge), children: badge }))] }));
     if (typeof renderTooltip === "function") {
         return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: cn(tooltipTriggerVariants({ shape }), className?.tooltipTrigger), asChild: true, children: avatar }), _jsx(TooltipContent, { className: cn(className?.tooltipContent), children: renderTooltip() })] }));
     }

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

@@ -1,5 +1,5 @@
-export type { AvatarProps } from "./avatar";
-export { Avatar } from "./avatar";
-export type { AvatarGroupProps } from "./avatar-group";
-export { AvatarGroup } from "./avatar-group";
+export type { AvatarProps } from "./avatar.js";
+export { Avatar } from "./avatar.js";
+export type { AvatarGroupProps } from "./avatar-group.js";
+export { AvatarGroup } from "./avatar-group.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,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/avatar/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/avatar/index.js

@@ -1,2 +1,2 @@
-export { Avatar } from "./avatar";
-export { AvatarGroup } from "./avatar-group";
+export { Avatar } from "./avatar.js";
+export { AvatarGroup } from "./avatar-group.js";

package/dist/components/avatar/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAM7D,eAAO,MAAM,cAAc;;;;8EA0BzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;8EAwBzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEjE;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;8EAsBzB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE/D,eAAO,MAAM,gBAAgB;;;8EAsD3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAErE,eAAO,MAAM,sBAAsB;;8EAWjC,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAW7D,eAAO,MAAM,cAAc;;;;8EA0BzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;8EAwBzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEjE;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;8EAsBzB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE/D,eAAO,MAAM,gBAAgB;;;8EAwD3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAErE,eAAO,MAAM,sBAAsB;;8EAWjC,CAAC"}

package/dist/components/avatar/variants.js

@@ -1,5 +1,5 @@
 import { cva } from "class-variance-authority";
-import { DEFAULT_BADGE_POSITION, DEFAULT_SHAPE } from "./constants";
+import { DEFAULT_BADGE_POSITION, DEFAULT_SHAPE } from "./constants.js";
 export const avatarVariants = cva("size-10", {
     variants: {
         ring: {
@@ -82,44 +82,44 @@ export const fallbackVariants = cva("", {
     variants: {
         fallbackVariant: {
             default: "",
-            amber: "bg-amber-500",
-            blue: "bg-blue-500",
-            cyan: "bg-cyan-500",
-            emerald: "bg-emerald-500",
-            fuchsia: "bg-fuchsia-500",
-            gray: "bg-gray-500",
-            green: "bg-green-500",
-            indigo: "bg-indigo-500",
-            lime: "bg-lime-500",
-            orange: "bg-orange-500",
-            pink: "bg-pink-500",
-            purple: "bg-purple-500",
-            red: "bg-red-500",
-            rose: "bg-rose-500",
-            slate: "bg-slate-500",
-            sky: "bg-sky-500",
-            teal: "bg-teal-500",
-            violet: "bg-violet-500",
-            yellow: "bg-yellow-500",
-            "amber-full": "bg-amber-500/25 text-amber-500",
-            "blue-full": "bg-blue-500/25 text-blue-500",
-            "cyan-full": "bg-cyan-500/25 text-cyan-500",
-            "emerald-full": "bg-emerald-500/25 text-emerald-500",
-            "fuchsia-full": "bg-fuchsia-500/25 text-fuchsia-500",
-            "gray-full": "bg-gray-500/25 text-gray-500",
-            "green-full": "bg-green-500/25 text-green-500",
-            "indigo-full": "bg-indigo-500/25 text-indigo-500",
-            "lime-full": "bg-lime-500/25 text-lime-500",
-            "orange-full": "bg-orange-500/25 text-orange-500",
-            "pink-full": "bg-pink-500/25 text-pink-500",
-            "purple-full": "bg-purple-500/25 text-purple-500",
-            "red-full": "bg-red-500/25 text-red-500",
-            "rose-full": "bg-rose-500/25 text-rose-500",
-            "slate-full": "bg-slate-500/25 text-slate-500",
-            "sky-full": "bg-sky-500/25 text-sky-500",
-            "teal-full": "bg-teal-500/25 text-teal-500",
-            "violet-full": "bg-violet-500/25 text-violet-500",
-            "yellow-full": "bg-yellow-500/25 text-yellow-500",
+            amber: "bg-amber-500 text-neutral-950",
+            blue: "bg-blue-500 text-neutral-950",
+            cyan: "bg-cyan-500 text-neutral-950",
+            emerald: "bg-emerald-500 text-neutral-950",
+            fuchsia: "bg-fuchsia-500 text-neutral-950",
+            gray: "bg-gray-600 text-white",
+            green: "bg-green-500 text-neutral-950",
+            indigo: "bg-indigo-600 text-white",
+            lime: "bg-lime-500 text-neutral-950",
+            orange: "bg-orange-500 text-neutral-950",
+            pink: "bg-pink-500 text-neutral-950",
+            purple: "bg-purple-500 text-neutral-950",
+            red: "bg-red-500 text-neutral-950",
+            rose: "bg-rose-500 text-neutral-950",
+            slate: "bg-slate-600 text-white",
+            sky: "bg-sky-500 text-neutral-950",
+            teal: "bg-teal-500 text-neutral-950",
+            violet: "bg-violet-600 text-white",
+            yellow: "bg-yellow-500 text-neutral-950",
+            "amber-full": "bg-amber-500/25 text-amber-800 dark:text-amber-200",
+            "blue-full": "bg-blue-500/25 text-blue-800 dark:text-blue-200",
+            "cyan-full": "bg-cyan-500/25 text-cyan-800 dark:text-cyan-200",
+            "emerald-full": "bg-emerald-500/25 text-emerald-800 dark:text-emerald-200",
+            "fuchsia-full": "bg-fuchsia-500/25 text-fuchsia-800 dark:text-fuchsia-200",
+            "gray-full": "bg-gray-500/25 text-gray-800 dark:text-gray-200",
+            "green-full": "bg-green-500/25 text-green-800 dark:text-green-200",
+            "indigo-full": "bg-indigo-500/25 text-indigo-800 dark:text-indigo-200",
+            "lime-full": "bg-lime-500/25 text-lime-800 dark:text-lime-200",
+            "orange-full": "bg-orange-500/25 text-orange-800 dark:text-orange-200",
+            "pink-full": "bg-pink-500/25 text-pink-800 dark:text-pink-200",
+            "purple-full": "bg-purple-500/25 text-purple-800 dark:text-purple-200",
+            "red-full": "bg-red-500/25 text-red-800 dark:text-red-200",
+            "rose-full": "bg-rose-500/25 text-rose-800 dark:text-rose-200",
+            "slate-full": "bg-slate-500/25 text-slate-800 dark:text-slate-200",
+            "sky-full": "bg-sky-500/25 text-sky-800 dark:text-sky-200",
+            "teal-full": "bg-teal-500/25 text-teal-800 dark:text-teal-200",
+            "violet-full": "bg-violet-500/25 text-violet-800 dark:text-violet-200",
+            "yellow-full": "bg-yellow-500/25 text-yellow-800 dark:text-yellow-200",
         },
         shape: {
             square: "rounded-none",

package/dist/components/badge/badge.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { Badge as BadgePrimitive } from "@forthtilliath/shadcn-ui/components/badge";
-import type { BadgeVariants } from "./variants";
+import { type UiLocale } from "../../locale/locale.js";
+import type { BadgeVariants } from "./variants.js";
 export type BadgeProps = Omit<React.ComponentProps<typeof BadgePrimitive>, "variant"> & BadgeVariants & {
     /**
      * Show a small colored dot before the content instead of filling the
@@ -30,6 +31,11 @@ export type BadgeProps = Omit<React.ComponentProps<typeof BadgePrimitive>, "vari
      * Called when the badge is dismissed, whether controlled or not.
      */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 };
 /**
  * Displays a badge or a component that looks like a badge.
@@ -44,5 +50,5 @@ export type BadgeProps = Omit<React.ComponentProps<typeof BadgePrimitive>, "vari
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function Badge({ className, variant, look, shape, size, dot, pulse, dismissible, open, onOpenChange, children, ...props }: BadgeProps): React.JSX.Element | null;
+export declare function Badge({ className, variant, look, shape, size, dot, pulse, dismissible, open, onOpenChange, children, locale, ...props }: BadgeProps): React.JSX.Element | null;
 //# sourceMappingURL=badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAGpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAC3C,SAAS,CACV,GACC,aAAa,GAAG;IACd;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEJ;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,GAAW,EACX,KAAa,EACb,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,4BA6CZ"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAGpF,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnD,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAC3C,SAAS,CACV,GACC,aAAa,GAAG;IACd;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB,CAAC;AAEJ;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,GAAW,EACX,KAAa,EACb,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,UAAU,4BA8CZ"}

package/dist/components/badge/badge.js

@@ -4,7 +4,8 @@ import * as React from "react";
 import { X } from "lucide-react";
 import { Badge as BadgePrimitive } from "@forthtilliath/shadcn-ui/components/badge";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { badgeVariants, dotVariants } from "./variants";
+import { useUiMessages } from "../../locale/locale.js";
+import { badgeVariants, dotVariants } from "./variants.js";
 /**
  * Displays a badge or a component that looks like a badge.
  *
@@ -18,7 +19,8 @@ import { badgeVariants, dotVariants } from "./variants";
  * @author Forth
  * @copyright 2026 Forth
  */
-export function Badge({ className, variant, look, shape, size, dot = false, pulse = false, dismissible = false, open, onOpenChange, children, ...props }) {
+export function Badge({ className, variant, look, shape, size, dot = false, pulse = false, dismissible = false, open, onOpenChange, children, locale, ...props }) {
+    const messages = useUiMessages(locale);
     const [uncontrolledOpen, setUncontrolledOpen] = React.useState(true);
     const isOpen = open ?? uncontrolledOpen;
     function handleDismiss(event) {
@@ -29,5 +31,5 @@ export function Badge({ className, variant, look, shape, size, dot = false, puls
     if (!isOpen) {
         return null;
     }
-    return (_jsxs(BadgePrimitive, { className: cn(badgeVariants({ variant, look, shape, size }), className), ...props, children: [dot && (_jsxs("span", { className: "relative inline-flex size-1.5", children: [pulse && (_jsx("span", { className: cn(dotVariants({ variant }), "absolute inline-flex size-full animate-ping opacity-75") })), _jsx("span", { className: cn(dotVariants({ variant }), "relative") })] })), children, dismissible && (_jsx("button", { type: "button", onClick: handleDismiss, "aria-label": "Dismiss", className: "-mr-0.5 ml-0.5 rounded-full opacity-70 transition-opacity outline-none hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current [&>svg]:size-2.5", children: _jsx(X, {}) }))] }));
+    return (_jsxs(BadgePrimitive, { className: cn(badgeVariants({ variant, look, shape, size }), className), ...props, children: [dot && (_jsxs("span", { className: "relative inline-flex size-1.5", children: [pulse && (_jsx("span", { className: cn(dotVariants({ variant }), "absolute inline-flex size-full animate-ping opacity-75") })), _jsx("span", { className: cn(dotVariants({ variant }), "relative") })] })), children, dismissible && (_jsx("button", { type: "button", onClick: handleDismiss, "aria-label": messages.badge.remove, className: "-mr-0.5 ml-0.5 rounded-full opacity-70 transition-opacity outline-none hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current [&>svg]:size-2.5", children: _jsx(X, {}) }))] }));
 }

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

@@ -1,4 +1,4 @@
-export type { BadgeProps } from "./badge";
-export { Badge } from "./badge";
-export type { BadgeVariants } from "./variants";
+export type { BadgeProps } from "./badge.js";
+export { Badge } from "./badge.js";
+export type { BadgeVariants } from "./variants.js";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/badge/index.js

@@ -1 +1 @@
-export { Badge } from "./badge";
+export { Badge } from "./badge.js";

package/dist/components/badge/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/components/badge/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAK7D,eAAO,MAAM,aAAa;;;;;8EA2HzB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE/D,eAAO,MAAM,WAAW;;8EAetB,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/components/badge/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAK7D,eAAO,MAAM,aAAa;;;;;8EAgIzB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE/D,eAAO,MAAM,WAAW;;8EAetB,CAAC"}

package/dist/components/badge/variants.js

@@ -35,6 +35,10 @@ export const badgeVariants = cva("inline-flex w-fit shrink-0 items-center justif
         size: "default",
     },
     compoundVariants: [
+        // `outline`'s bg-transparent clears the shadcn Badge's own background
+        // on colored variants; default/secondary keep theirs.
+        { variant: "default", look: "outline", className: "bg-primary" },
+        { variant: "secondary", look: "outline", className: "bg-secondary" },
         // default/secondary ignore `look` — like Alert's neutral variant,
         // none of the reference sources show a "soft"/"outline" neutral
         // badge distinct from `outline` itself already being a variant
@@ -57,7 +61,7 @@ export const badgeVariants = cva("inline-flex w-fit shrink-0 items-center justif
         {
             variant: "success",
             look: "solid",
-            className: "bg-green-600 text-white border-transparent",
+            className: "bg-green-700 text-white border-transparent",
         },
         {
             variant: "success",
@@ -72,7 +76,7 @@ export const badgeVariants = cva("inline-flex w-fit shrink-0 items-center justif
         {
             variant: "warning",
             look: "solid",
-            className: "bg-amber-500 text-white border-transparent",
+            className: "bg-amber-500 text-amber-950 border-transparent",
         },
         {
             variant: "warning",
@@ -87,7 +91,7 @@ export const badgeVariants = cva("inline-flex w-fit shrink-0 items-center justif
         {
             variant: "info",
             look: "solid",
-            className: "bg-sky-600 text-white border-transparent",
+            className: "bg-sky-700 text-white border-transparent",
         },
         {
             variant: "info",
@@ -107,7 +111,7 @@ export const badgeVariants = cva("inline-flex w-fit shrink-0 items-center justif
         {
             variant: "destructive",
             look: "soft",
-            className: "bg-destructive/10 text-destructive border-transparent",
+            className: "bg-red-50 text-red-700 border-transparent dark:bg-red-950 dark:text-red-300",
         },
         {
             variant: "destructive",

package/dist/components/banner/banner.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
-import type { BannerVariants } from "./variants";
+import { type UiLocale } from "../../locale/locale.js";
+import type { BannerVariants } from "./variants.js";
 export type BannerProps = React.ComponentProps<"div"> & BannerVariants & {
     /**
      * Shows a close button. Uncontrolled by default (the banner hides
@@ -26,6 +27,11 @@ export type BannerProps = React.ComponentProps<"div"> & BannerVariants & {
      * meaningful when `sticky` is also set.
      */
     hideOnScroll?: boolean;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 };
 /**
  * A full-width, page-level announcement bar — as opposed to `Alert`, which
@@ -39,5 +45,5 @@ export type BannerProps = React.ComponentProps<"div"> & BannerVariants & {
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function Banner({ className, variant, look, inset, sticky, dismissible, open, onOpenChange, hideOnScroll, action, children, ...props }: BannerProps): React.JSX.Element | null;
+export declare function Banner({ className, variant, look, inset, sticky, dismissible, open, onOpenChange, hideOnScroll, action, children, locale, ...props }: BannerProps): React.JSX.Element | null;
 //# sourceMappingURL=banner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGjD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GACnD,cAAc,GAAG;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAIJ;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,KAAK,EACL,MAAM,EACN,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,YAAoB,EACpB,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,4BAmDb"}
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GACnD,cAAc,GAAG;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB,CAAC;AAIJ;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,KAAK,EACL,MAAM,EACN,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,YAAoB,EACpB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,WAAW,4BAoDb"}

package/dist/components/banner/banner.js

@@ -3,7 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { X } from "lucide-react";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { bannerVariants } from "./variants";
+import { useUiMessages } from "../../locale/locale.js";
+import { bannerVariants } from "./variants.js";
 const HIDE_ON_SCROLL_THRESHOLD = 40;
 /**
  * A full-width, page-level announcement bar — as opposed to `Alert`, which
@@ -17,7 +18,8 @@ const HIDE_ON_SCROLL_THRESHOLD = 40;
  * @author Forth
  * @copyright 2026 Forth
  */
-export function Banner({ className, variant, look, inset, sticky, dismissible = false, open, onOpenChange, hideOnScroll = false, action, children, ...props }) {
+export function Banner({ className, variant, look, inset, sticky, dismissible = false, open, onOpenChange, hideOnScroll = false, action, children, locale, ...props }) {
+    const messages = useUiMessages(locale);
     const [uncontrolledOpen, setUncontrolledOpen] = React.useState(true);
     const [scrolledPast, setScrolledPast] = React.useState(false);
     const isOpen = (open ?? uncontrolledOpen) && !scrolledPast;
@@ -40,5 +42,5 @@ export function Banner({ className, variant, look, inset, sticky, dismissible =
     if (!isOpen) {
         return null;
     }
-    return (_jsxs("div", { "data-slot": "banner", role: "region", className: cn(bannerVariants({ variant, look, inset, sticky }), className), ...props, children: [children, action, dismissible && (_jsx("button", { type: "button", onClick: handleDismiss, "aria-label": "Dismiss", className: "ml-1 shrink-0 rounded-sm opacity-70 transition-opacity outline-none hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current", children: _jsx(X, { className: "size-4" }) }))] }));
+    return (_jsxs("div", { "data-slot": "banner", role: "region", className: cn(bannerVariants({ variant, look, inset, sticky }), className), ...props, children: [children, action, dismissible && (_jsx("button", { type: "button", onClick: handleDismiss, "aria-label": messages.dismiss, className: "ml-1 shrink-0 rounded-sm opacity-70 transition-opacity outline-none hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current", children: _jsx(X, { className: "size-4" }) }))] }));
 }

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

@@ -1,4 +1,4 @@
-export type { BannerProps } from "./banner";
-export { Banner } from "./banner";
-export type { BannerVariants } from "./variants";
+export type { BannerProps } from "./banner.js";
+export { Banner } from "./banner.js";
+export type { BannerVariants } from "./variants.js";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/banner/index.js

@@ -1 +1 @@
-export { Banner } from "./banner";
+export { Banner } from "./banner.js";

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

@@ -1,3 +1,3 @@
-export type { BentoGridItemProps } from "./bento-grid";
-export { BentoGrid, BentoGridItem } from "./bento-grid";
+export type { BentoGridItemProps } from "./bento-grid.js";
+export { BentoGrid, BentoGridItem } from "./bento-grid.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bento-grid/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bento-grid/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/bento-grid/index.js

@@ -1 +1 @@
-export { BentoGrid, BentoGridItem } from "./bento-grid";
+export { BentoGrid, BentoGridItem } from "./bento-grid.js";

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -1,4 +1,5 @@
-import type React from "react";
+import * as React from "react";
+import { type UiLocale } from "../../locale/locale.js";
 export interface BreadcrumbEntry {
     label: React.ReactNode;
     href?: string;
@@ -13,6 +14,11 @@ export interface BreadcrumbProps {
      */
     maxItems?: number;
     className?: string;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s. Explicit text props still win.
+     */
+    locale?: UiLocale;
 }
 /**
  * Displays the path to the current resource using a hierarchy of links.
@@ -25,5 +31,5 @@ export interface BreadcrumbProps {
  * @author Forth
  * @copyright 2026 Forth
  */
-export declare function Breadcrumb({ items, maxItems, className }: BreadcrumbProps): React.JSX.Element;
+export declare function Breadcrumb({ items, maxItems, className, locale, }: BreadcrumbProps): React.JSX.Element;
 //# sourceMappingURL=breadcrumb.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,qBAyFzE"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAEtE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAWD;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAM,GACP,EAAE,eAAe,qBAyFjB"}

package/dist/components/breadcrumb/breadcrumb.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
 import { Breadcrumb as BreadcrumbPrimitive, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "@forthtilliath/shadcn-ui/components/breadcrumb";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@forthtilliath/shadcn-ui/components/dropdown-menu";
+import { useUiMessages } from "../../locale/locale.js";
 function EntryLink({ item }) {
     return (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [item.icon, item.label] }));
 }
@@ -16,13 +18,16 @@ function EntryLink({ item }) {
  * @author Forth
  * @copyright 2026 Forth
  */
-export function Breadcrumb({ items, maxItems, className }) {
+export function Breadcrumb({ items, maxItems, className, locale, }) {
+    const messages = useUiMessages(locale);
     const shouldCollapse = maxItems !== undefined && items.length > maxItems;
     const firstItem = items[0];
     const lastItem = items.at(-1);
     const hiddenItems = shouldCollapse ? items.slice(1, -1) : [];
     const visibleMiddleItems = shouldCollapse ? [] : items.slice(1, -1);
-    return (_jsx(BreadcrumbPrimitive, { className: className, children: _jsxs(BreadcrumbList, { children: [firstItem && (_jsx(BreadcrumbItem, { children: firstItem.href ? (_jsx(BreadcrumbLink, { href: firstItem.href, children: _jsx(EntryLink, { item: firstItem }) })) : (_jsx(BreadcrumbPage, { children: _jsx(EntryLink, { item: firstItem }) })) })), items.length > 1 && _jsx(BreadcrumbSeparator, {}), shouldCollapse && (_jsxs(_Fragment, { children: [_jsx(BreadcrumbItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { className: "hover:text-foreground flex items-center transition-colors", "aria-label": "Show hidden breadcrumb items", children: "\u2026" }), _jsx(DropdownMenuContent, { align: "start", children: hiddenItems.map((item, index) => (
+    return (_jsx(BreadcrumbPrimitive, { className: className, children: _jsxs(BreadcrumbList, { children: [firstItem && (_jsx(BreadcrumbItem, { children: firstItem.href ? (_jsx(BreadcrumbLink, { href: firstItem.href, children: _jsx(EntryLink, { item: firstItem }) })) : (_jsx(BreadcrumbPage, { children: _jsx(EntryLink, { item: firstItem }) })) })), items.length > 1 && _jsx(BreadcrumbSeparator, {}), shouldCollapse && (_jsxs(_Fragment, { children: [_jsx(BreadcrumbItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { className: "hover:text-foreground flex items-center transition-colors", "aria-label": messages.breadcrumb.showHidden, children: "\u2026" }), _jsx(DropdownMenuContent, { align: "start", children: hiddenItems.map((item, index) => (
                                         // eslint-disable-next-line @eslint-react/no-array-index-key -- `label` is an arbitrary ReactNode and `href` is optional, so index is the only stable fallback
-                                        _jsx(DropdownMenuItem, { asChild: true, children: item.href ? (_jsx("a", { href: item.href, children: _jsx(EntryLink, { item: item }) })) : (_jsx("span", { children: _jsx(EntryLink, { item: item }) })) }, item.href ?? index))) })] }) }), _jsx(BreadcrumbSeparator, {})] })), visibleMiddleItems.map((item, index) => (_jsxs("span", { className: "inline-flex items-center gap-1.5 sm:gap-2.5", children: [_jsx(BreadcrumbItem, { children: item.href ? (_jsx(BreadcrumbLink, { href: item.href, children: _jsx(EntryLink, { item: item }) })) : (_jsx(BreadcrumbPage, { children: _jsx(EntryLink, { item: item }) })) }), _jsx(BreadcrumbSeparator, {})] }, item.href ?? index))), lastItem && items.length > 1 && (_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: _jsx(EntryLink, { item: lastItem }) }) }))] }) }));
+                                        _jsx(DropdownMenuItem, { asChild: true, children: item.href ? (_jsx("a", { href: item.href, children: _jsx(EntryLink, { item: item }) })) : (_jsx("span", { children: _jsx(EntryLink, { item: item }) })) }, item.href ?? index))) })] }) }), _jsx(BreadcrumbSeparator, {})] })), visibleMiddleItems.map((item, index) => (_jsxs(React.Fragment
+                // eslint-disable-next-line @eslint-react/no-array-index-key -- `label` is an arbitrary ReactNode and `href` is optional, so index is the only stable fallback
+                , { children: [_jsx(BreadcrumbItem, { children: item.href ? (_jsx(BreadcrumbLink, { href: item.href, children: _jsx(EntryLink, { item: item }) })) : (_jsx(BreadcrumbPage, { children: _jsx(EntryLink, { item: item }) })) }), _jsx(BreadcrumbSeparator, {})] }, item.href ?? index))), lastItem && items.length > 1 && (_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: _jsx(EntryLink, { item: lastItem }) }) }))] }) }));
 }

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

@@ -1,3 +1,3 @@
-export type { BreadcrumbEntry, BreadcrumbProps } from "./breadcrumb";
-export { Breadcrumb } from "./breadcrumb";
+export type { BreadcrumbEntry, BreadcrumbProps } from "./breadcrumb.js";
+export { Breadcrumb } from "./breadcrumb.js";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/breadcrumb/index.js

@@ -1 +1 @@
-export { Breadcrumb } from "./breadcrumb";
+export { Breadcrumb } from "./breadcrumb.js";

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

@@ -1,6 +1,6 @@
 import type * as React from "react";
 import { Button as ButtonPrimitive } from "@forthtilliath/shadcn-ui/components/button";
-import type { ButtonSizeVariants } from "./variants";
+import type { ButtonSizeVariants } from "./variants.js";
 export type ButtonProps = Omit<React.ComponentProps<typeof ButtonPrimitive>, "size"> & ButtonSizeVariants & {
     /**
      * Shows a spinner before the content and disables the button.

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAGvF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGrD,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAC5C,MAAM,CACP,GACC,kBAAkB,GAAG;IACnB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAI,EACJ,KAAK,EACL,OAAe,EACf,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,qBAYb"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAGvF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAC5C,MAAM,CACP,GACC,kBAAkB,GAAG;IACnB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAI,EACJ,KAAK,EACL,OAAe,EACf,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,qBAYb"}

package/dist/components/button/button.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Loader2Icon } from "lucide-react";
 import { Button as ButtonPrimitive } from "@forthtilliath/shadcn-ui/components/button";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { buttonSizeVariants } from "./variants";
+import { buttonSizeVariants } from "./variants.js";
 /**
  * Displays a button or a component that looks like a button.
  *

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

@@ -1,6 +1,6 @@
-export type { ButtonProps } from "./button";
-export { Button } from "./button";
-export type { ButtonGroupProps } from "./button-group";
-export { ButtonGroup } from "./button-group";
-export type { ButtonSizeVariants } from "./variants";
+export type { ButtonProps } from "./button.js";
+export { Button } from "./button.js";
+export type { ButtonGroupProps } from "./button-group.js";
+export { ButtonGroup } from "./button-group.js";
+export type { ButtonSizeVariants } from "./variants.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/button/index.js

@@ -1,2 +1,2 @@
-export { Button } from "./button";
-export { ButtonGroup } from "./button-group";
+export { Button } from "./button.js";
+export { ButtonGroup } from "./button-group.js";

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

@@ -1,3 +1,3 @@
-export type { CheckboxGroupOption, CheckboxGroupProps } from "./checkbox-group";
-export { CheckboxGroup } from "./checkbox-group";
+export type { CheckboxGroupOption, CheckboxGroupProps, } from "./checkbox-group.js";
+export { CheckboxGroup } from "./checkbox-group.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/checkbox/index.js

@@ -1 +1 @@
-export { CheckboxGroup } from "./checkbox-group";
+export { CheckboxGroup } from "./checkbox-group.js";

package/dist/components/chip/chip.d.ts

@@ -1,5 +1,5 @@
-import type { AvatarProps } from "../avatar";
-import type { BadgeProps } from "../badge";
+import type { AvatarProps } from "../avatar/index.js";
+import type { BadgeProps } from "../badge/index.js";
 export type ChipProps = BadgeProps & {
     /**
      * Renders a small `Avatar` before the content — for "person/entity chip"

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

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,KAAK,GAAG,UAAU,CAAC,CAAC;IACvD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAC,EACnB,MAAM,EACN,UAAkB,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,+BAWX"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,KAAK,GAAG,UAAU,CAAC,CAAC;IACvD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAC,EACnB,MAAM,EACN,UAAkB,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,+BAWX"}

package/dist/components/chip/chip.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { Avatar } from "../avatar";
-import { Badge } from "../badge";
+import { Avatar } from "../avatar/index.js";
+import { Badge } from "../badge/index.js";
 /**
  * A compact, interactive element for displaying status, categories, or
  * filters — `Badge` with an optional avatar slot for tagging people/entities.

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

@@ -1,3 +1,3 @@
-export type { ChipProps } from "./chip";
-export { Chip } from "./chip";
+export type { ChipProps } from "./chip.js";
+export { Chip } from "./chip.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/chip/index.js

@@ -1 +1 @@
-export { Chip } from "./chip";
+export { Chip } from "./chip.js";