@forthtilliath/forth-ui 0.2.5 → 0.4.0

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

@@ -0,0 +1,27 @@
+import type React from "react";
+export interface GradientFrameProps {
+    /** Side the gradient frame sticks out on (default: `"right"`). */
+    side?: "left" | "right";
+    children: React.ReactNode;
+    /**
+     * Custom classes for each part of the component.
+     *
+     * - `root` wraps the frame and the content.
+     * - `frame` is the offset gradient panel — set its colors here with
+     *   gradient stops (`from-* via-* to-*`), the direction (`bg-linear-135`)
+     *   is already set.
+     * - `content` is the rounded, clipped container around `children`.
+     */
+    className?: Partial<Record<"root" | "frame" | "content", string>>;
+}
+/**
+ * A visual (image, video, card…) laid on a rounded frame offset diagonally
+ * behind it, filled with a gradient — a decorative "photo on a colored card"
+ * effect. The offset grows from `md` screens on.
+ *
+ * @version 0.1.0
+ * @author Forth
+ * @copyright 2026 Forth
+ */
+export declare function GradientFrame({ side, children, className, }: GradientFrameProps): React.JSX.Element;
+//# sourceMappingURL=gradient-frame.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-frame.d.ts","sourceRoot":"","sources":["../../../src/components/gradient-frame/gradient-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;CACnE;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAc,EACd,QAAQ,EACR,SAAS,GACV,EAAE,kBAAkB,qBAuBpB"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+/**
+ * A visual (image, video, card…) laid on a rounded frame offset diagonally
+ * behind it, filled with a gradient — a decorative "photo on a colored card"
+ * effect. The offset grows from `md` screens on.
+ *
+ * @version 0.1.0
+ * @author Forth
+ * @copyright 2026 Forth
+ */
+export function GradientFrame({ side = "right", children, className, }) {
+    return (_jsxs("div", { "data-slot": "gradient-frame", className: cn("relative", className?.root), children: [_jsx("div", { "aria-hidden": "true", className: cn("from-primary to-primary/40 absolute inset-0 rounded-3xl bg-linear-135", side === "right"
+                    ? "translate-x-3 translate-y-3 md:translate-x-5 md:translate-y-5"
+                    : "-translate-x-3 translate-y-3 md:-translate-x-5 md:translate-y-5", className?.frame) }), _jsx("div", { className: cn("relative overflow-hidden rounded-3xl shadow-xl", className?.content), children: children })] }));
+}

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1 @@
+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 | 12 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | null | undefined;
-    spacing?: "sm" | "lg" | "none" | "xs" | "md" | "xl" | null | undefined;
+    cols?: 1 | 2 | 3 | 7 | 10 | 5 | 12 | 4 | 6 | 8 | 9 | 11 | 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

@@ -0,0 +1,21 @@
+import type React from "react";
+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<{
+        size?: number | string;
+        "aria-hidden"?: boolean | "true" | "false";
+    }>;
+};
+/**
+ * An icon inside a round, tinted bubble — e.g. to lead an information line
+ * (date, place…). Tinted with `primary` by default; override both the
+ * background and the icon color through `className`
+ * (`bg-sky-500/15 text-sky-600`).
+ *
+ * @version 0.1.0
+ * @author Forth
+ * @copyright 2026 Forth
+ */
+export declare function IconBubble({ icon: Icon, size, className, ...props }: IconBubbleProps): React.JSX.Element;
+//# sourceMappingURL=icon-bubble.d.ts.map

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

@@ -0,0 +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,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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+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
+ * background and the icon color through `className`
+ * (`bg-sky-500/15 text-sky-600`).
+ *
+ * @version 0.1.0
+ * @author Forth
+ * @copyright 2026 Forth
+ */
+export function IconBubble({ icon: Icon, size, className, ...props }) {
+    return (_jsx("span", { "data-slot": "icon-bubble", className: cn(iconBubbleVariants({ size }), className), ...props, children: _jsx(Icon, { size: ICON_BUBBLE_ICON_SIZES[size ?? "default"], "aria-hidden": "true" }) }));
+}

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,12 @@
+import type { VariantProps } from "class-variance-authority";
+export declare const iconBubbleVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Icon size (px) matching each bubble size. */
+export declare const ICON_BUBBLE_ICON_SIZES: {
+    readonly sm: 14;
+    readonly default: 17;
+    readonly lg: 20;
+};
+export type IconBubbleVariants = VariantProps<typeof iconBubbleVariants>;
+//# sourceMappingURL=variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/components/icon-bubble/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,eAAO,MAAM,kBAAkB;;8EAc9B,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

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

@@ -0,0 +1,19 @@
+import { cva } from "class-variance-authority";
+export const iconBubbleVariants = cva("bg-primary/15 text-primary grid shrink-0 place-items-center rounded-full", {
+    variants: {
+        size: {
+            sm: "size-7",
+            default: "size-9",
+            lg: "size-11",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+/** Icon size (px) matching each bubble size. */
+export const ICON_BUBBLE_ICON_SIZES = {
+    sm: 14,
+    default: 17,
+    lg: 20,
+};

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

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

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

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

@@ -1 +1 @@
-export { InfiniteScroll } from "./infinite-scroll";
+export { InfiniteScroll } from "./infinite-scroll.js";

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

@@ -1,2 +1,2 @@
-export { Kbd, KbdGroup } from "./kbd";
+export { Kbd, KbdGroup } from "./kbd.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/kbd/index.js

@@ -1 +1 @@
-export { Kbd, KbdGroup } from "./kbd";
+export { Kbd, KbdGroup } from "./kbd.js";

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

@@ -1,7 +1,7 @@
-export type { LinkProps } from "./link";
-export { Link } from "./link";
-export type { LinkPreviewMetadata, LinkPreviewProps } from "./link-preview";
-export { LinkPreview } from "./link-preview";
-export type { LinkVariants } from "./variants";
-export { linkVariants } from "./variants";
+export type { LinkProps } from "./link.js";
+export { Link } from "./link.js";
+export type { LinkPreviewMetadata, LinkPreviewProps } from "./link-preview.js";
+export { LinkPreview } from "./link-preview.js";
+export type { LinkVariants } from "./variants.js";
+export { linkVariants } from "./variants.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/link/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/link/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/link/index.js

@@ -1,3 +1,3 @@
-export { Link } from "./link";
-export { LinkPreview } from "./link-preview";
-export { linkVariants } from "./variants";
+export { Link } from "./link.js";
+export { LinkPreview } from "./link-preview.js";
+export { linkVariants } from "./variants.js";

package/dist/components/link/link.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { LinkVariants } from "./variants";
+import type { LinkVariants } from "./variants.js";
 export type LinkProps = React.ComponentProps<"a"> & LinkVariants & {
     /**
      * Renders the passed child instead of an `<a>` (e.g. a framework's own

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

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAC/C,YAAY,GAAG;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAMJ;;;;;;;;;GASG;AACH,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAe,EACf,UAAU,EACV,QAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,qBAgCX"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAC/C,YAAY,GAAG;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAMJ;;;;;;;;;GASG;AACH,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAe,EACf,UAAU,EACV,QAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,qBAgCX"}

package/dist/components/link/link.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { ArrowUpRightIcon } from "lucide-react";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { linkVariants } from "./variants";
+import { linkVariants } from "./variants.js";
 function isExternalHref(href) {
     return href !== undefined && /^https?:\/\//.test(href);
 }

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

@@ -1,3 +1,3 @@
-export type { MarqueeProps } from "./marquee";
-export { Marquee } from "./marquee";
+export type { MarqueeProps } from "./marquee.js";
+export { Marquee } from "./marquee.js";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/marquee/index.js

@@ -1 +1 @@
-export { Marquee } from "./marquee";
+export { Marquee } from "./marquee.js";

package/dist/components/mode-toggle/index.d.ts

@@ -0,0 +1,4 @@
+export type { ModeToggleProps } from "./mode-toggle.js";
+export { ModeToggle } from "./mode-toggle.js";
+export { ThemeProvider } from "./theme-provider.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/mode-toggle/index.d.ts.map

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

package/dist/components/mode-toggle/index.js

@@ -0,0 +1,2 @@
+export { ModeToggle } from "./mode-toggle.js";
+export { ThemeProvider } from "./theme-provider.js";

package/dist/components/mode-toggle/mode-toggle.d.ts

@@ -0,0 +1,22 @@
+import { type UiLocale } from "../../locale/locale.js";
+export interface ModeToggleProps {
+    className?: string;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `UiLocaleProvider`'s.
+     */
+    locale?: UiLocale;
+}
+/**
+ * A light / dark / system theme switcher — the web counterpart of
+ * react-native-kit's `ThemeToggle`. Built on `next-themes`: render it under
+ * a `ThemeProvider` (this folder's, or next-themes' own).
+ *
+ * @see https://ui.shadcn.com/docs/dark-mode/next
+ *
+ * @version 0.1.0
+ * @author Forth
+ * @copyright 2026 Forth
+ */
+export declare function ModeToggle({ className, locale }: ModeToggleProps): import("react").JSX.Element;
+//# sourceMappingURL=mode-toggle.d.ts.map

package/dist/components/mode-toggle/mode-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/mode-toggle/mode-toggle.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAEtE,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAID;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,eAAe,+BA2BhE"}

package/dist/components/mode-toggle/mode-toggle.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoonIcon, SunIcon } from "lucide-react";
+import { useTheme } from "next-themes";
+import { Button } from "@forthtilliath/shadcn-ui/components/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@forthtilliath/shadcn-ui/components/dropdown-menu";
+import { useUiMessages } from "../../locale/locale.js";
+const THEMES = ["light", "dark", "system"];
+/**
+ * A light / dark / system theme switcher — the web counterpart of
+ * react-native-kit's `ThemeToggle`. Built on `next-themes`: render it under
+ * a `ThemeProvider` (this folder's, or next-themes' own).
+ *
+ * @see https://ui.shadcn.com/docs/dark-mode/next
+ *
+ * @version 0.1.0
+ * @author Forth
+ * @copyright 2026 Forth
+ */
+export function ModeToggle({ className, locale }) {
+    const messages = useUiMessages(locale);
+    const { setTheme } = useTheme();
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "icon", className: className, children: [_jsx(SunIcon, { className: "scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }), _jsx(MoonIcon, { className: "absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }), _jsx("span", { className: "sr-only", children: messages.modeToggle.toggle })] }) }), _jsx(DropdownMenuContent, { align: "end", children: THEMES.map((theme) => (_jsx(DropdownMenuItem, { onClick: () => {
+                        setTheme(theme);
+                    }, children: messages.modeToggle[theme] }, theme))) })] }));
+}

package/dist/components/mode-toggle/theme-provider.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+/**
+ * `next-themes`' provider behind a `"use client"` boundary, so a Next.js
+ * root layout (a Server Component) can render it directly.
+ *
+ * @example
+ * <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+ *   {children}
+ * </ThemeProvider>
+ */
+export declare function ThemeProvider({ children, ...props }: ComponentProps<typeof NextThemesProvider>): import("react").JSX.Element;
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/components/mode-toggle/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../src/components/mode-toggle/theme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAElE;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,+BAE3C"}

package/dist/components/mode-toggle/theme-provider.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+/**
+ * `next-themes`' provider behind a `"use client"` boundary, so a Next.js
+ * root layout (a Server Component) can render it directly.
+ *
+ * @example
+ * <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+ *   {children}
+ * </ThemeProvider>
+ */
+export function ThemeProvider({ children, ...props }) {
+    return _jsx(NextThemesProvider, { ...props, children: children });
+}

package/dist/components/multi-step-loader/index.d.ts

@@ -1,3 +1,3 @@
-export type { LoadingState, MultiStepLoaderProps } from "./multi-step-loader";
-export { MultiStepLoader } from "./multi-step-loader";
+export type { LoadingState, MultiStepLoaderProps, } from "./multi-step-loader.js";
+export { MultiStepLoader } from "./multi-step-loader.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/multi-step-loader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/multi-step-loader/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/multi-step-loader/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,YAAY,EACZ,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/multi-step-loader/index.js

@@ -1 +1 @@
-export { MultiStepLoader } from "./multi-step-loader";
+export { MultiStepLoader } from "./multi-step-loader.js";

package/dist/components/multi-step-loader/multi-step-loader.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CheckIcon } from "lucide-react";
 import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
-import { Spinner } from "../spinner";
+import { Spinner } from "../spinner/index.js";
 /**
  * A full-screen overlay stepping through a sequence of loading messages —
  * for operations that take long enough that a single spinner reads as
@@ -49,5 +49,5 @@ export function MultiStepLoader({ loadingStates, loading, duration = 2000, loop
         return null;
     }
     const activeIndex = value ?? currentState;
-    return (_jsx("div", { role: "status", "aria-live": "polite", className: cn("bg-background/80 fixed inset-0 z-50 flex items-center justify-center backdrop-blur-sm", className), children: _jsx("div", { className: "flex flex-col gap-3", children: loadingStates.map((state, index) => (_jsxs("div", { className: cn("flex items-center gap-2 text-sm", index < activeIndex && "text-muted-foreground line-through", index === activeIndex && "text-foreground font-medium", index > activeIndex && "text-muted-foreground/50"), children: [index < activeIndex ? (_jsx(CheckIcon, { className: "size-4 text-green-600" })) : index === activeIndex ? (_jsx(Spinner, { size: "sm" })) : (_jsx("span", { className: "size-4" })), state.text] }, state.text))) }) }));
+    return (_jsx("div", { role: "status", "aria-live": "polite", className: cn("bg-background/80 fixed inset-0 z-50 flex items-center justify-center backdrop-blur-sm", className), children: _jsx("div", { className: "flex flex-col gap-3", children: loadingStates.map((state, index) => (_jsxs("div", { className: cn("flex items-center gap-2 text-sm", index < activeIndex && "text-muted-foreground line-through", index === activeIndex && "text-foreground font-medium", index > activeIndex && "text-muted-foreground"), children: [index < activeIndex ? (_jsx(CheckIcon, { className: "size-4 text-green-600" })) : index === activeIndex ? (_jsx(Spinner, { size: "sm" })) : (_jsx("span", { className: "size-4" })), state.text] }, state.text))) }) }));
 }

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

@@ -1,5 +1,5 @@
-export type { NavbarProps } from "./navbar";
-export { Navbar } from "./navbar";
-export type { NavbarMobileMenuItem, NavbarMobileMenuProps, } from "./navbar-mobile-menu";
-export { NavbarMobileMenu } from "./navbar-mobile-menu";
+export type { NavbarProps } from "./navbar.js";
+export { Navbar } from "./navbar.js";
+export type { NavbarMobileMenuItem, NavbarMobileMenuProps, } from "./navbar-mobile-menu.js";
+export { NavbarMobileMenu } from "./navbar-mobile-menu.js";
 //# sourceMappingURL=index.d.ts.map