@giddaa-housing/ui 3.4.0 → 3.5.0

package/dist/icons-C9JXR5Xv.d.ts

@@ -0,0 +1,111 @@
+import { ReactElement, ReactNode, SVGProps } from "react";
+//#region src/icons.d.ts
+type IconProps = Omit<SVGProps<SVGSVGElement>, "children"> & {
+  /** Square edge length applied to `width` and `height`. Defaults to `24`. */
+  size?: number | string;
+};
+type IconComponent = (props: IconProps) => ReactElement;
+/**
+ * Bare SVG frame shared by every glyph. Exported so apps can draw a one-off
+ * icon that inherits the same sizing, stroke, and colour behaviour.
+ */
+declare function Icon({ name, size, strokeWidth, children, ...props }: IconProps & {
+  name?: string;
+  children: ReactNode;
+}): import("react").JSX.Element;
+declare function AlignCenter(props: IconProps): import("react").JSX.Element;
+declare function AlignJustify(props: IconProps): import("react").JSX.Element;
+declare function AlignLeft(props: IconProps): import("react").JSX.Element;
+declare function AlignRight(props: IconProps): import("react").JSX.Element;
+declare function ArrowDown(props: IconProps): import("react").JSX.Element;
+declare function ArrowRight(props: IconProps): import("react").JSX.Element;
+declare function ArrowUp(props: IconProps): import("react").JSX.Element;
+declare function ArrowUpRight(props: IconProps): import("react").JSX.Element;
+declare function Baseline(props: IconProps): import("react").JSX.Element;
+declare function Bold(props: IconProps): import("react").JSX.Element;
+declare function Calendar(props: IconProps): import("react").JSX.Element;
+declare function Captions(props: IconProps): import("react").JSX.Element;
+declare function CaptionsOff(props: IconProps): import("react").JSX.Element;
+declare function Check(props: IconProps): import("react").JSX.Element;
+declare function CheckCheck(props: IconProps): import("react").JSX.Element;
+declare function ChevronDown(props: IconProps): import("react").JSX.Element;
+declare function ChevronLeft(props: IconProps): import("react").JSX.Element;
+declare function ChevronRight(props: IconProps): import("react").JSX.Element;
+declare function ChevronUp(props: IconProps): import("react").JSX.Element;
+declare function ChevronsUpDown(props: IconProps): import("react").JSX.Element;
+declare function Clock(props: IconProps): import("react").JSX.Element;
+declare function Code2(props: IconProps): import("react").JSX.Element;
+declare function Eye(props: IconProps): import("react").JSX.Element;
+declare function EyeOff(props: IconProps): import("react").JSX.Element;
+declare function File(props: IconProps): import("react").JSX.Element;
+declare function FileText(props: IconProps): import("react").JSX.Element;
+/**
+ * Giddaa's own filter glyph — two solid sliders — rather than Lucide's hollow
+ * funnel. Filled artwork on a 14×12 grid, so like {@link Share} it overrides
+ * the frame's viewBox and stroke-based paint while keeping its square
+ * viewport, sizing and colour behaviour.
+ */
+declare function Filter(props: IconProps): import("react").JSX.Element;
+declare function Fullscreen(props: IconProps): import("react").JSX.Element;
+declare function Image(props: IconProps): import("react").JSX.Element;
+declare function Info(props: IconProps): import("react").JSX.Element;
+declare function Italic(props: IconProps): import("react").JSX.Element;
+declare function Link2(props: IconProps): import("react").JSX.Element;
+declare function List(props: IconProps): import("react").JSX.Element;
+declare function ListOrdered(props: IconProps): import("react").JSX.Element;
+declare function ListVideo(props: IconProps): import("react").JSX.Element;
+declare function Loader(props: IconProps): import("react").JSX.Element;
+declare function Loader2(props: IconProps): import("react").JSX.Element;
+declare function Maximize(props: IconProps): import("react").JSX.Element;
+declare function Maximize2(props: IconProps): import("react").JSX.Element;
+declare function Menu(props: IconProps): import("react").JSX.Element;
+declare function Mic(props: IconProps): import("react").JSX.Element;
+declare function MicOff(props: IconProps): import("react").JSX.Element;
+declare function Minimize(props: IconProps): import("react").JSX.Element;
+declare function Minimize2(props: IconProps): import("react").JSX.Element;
+declare function Minus(props: IconProps): import("react").JSX.Element;
+declare function Monitor(props: IconProps): import("react").JSX.Element;
+declare function Moon(props: IconProps): import("react").JSX.Element;
+declare function MoreHorizontal(props: IconProps): import("react").JSX.Element;
+declare function Pause(props: IconProps): import("react").JSX.Element;
+declare function Phone(props: IconProps): import("react").JSX.Element;
+declare function PictureInPicture2(props: IconProps): import("react").JSX.Element;
+declare function Pin(props: IconProps): import("react").JSX.Element;
+declare function Play(props: IconProps): import("react").JSX.Element;
+declare function Plus(props: IconProps): import("react").JSX.Element;
+declare function Quote(props: IconProps): import("react").JSX.Element;
+declare function Redo2(props: IconProps): import("react").JSX.Element;
+declare function RefreshCcw(props: IconProps): import("react").JSX.Element;
+declare function Repeat2(props: IconProps): import("react").JSX.Element;
+declare function RotateCcw(props: IconProps): import("react").JSX.Element;
+declare function RotateCw(props: IconProps): import("react").JSX.Element;
+declare function Search(props: IconProps): import("react").JSX.Element;
+declare function SearchX(props: IconProps): import("react").JSX.Element;
+declare function Send(props: IconProps): import("react").JSX.Element;
+declare function Settings(props: IconProps): import("react").JSX.Element;
+/**
+ * Giddaa's own share glyph, not Lucide's — an arrow curving out of a tray
+ * rather than the three-node graph `Share2` draws.
+ *
+ * It is the one solid icon in the set, and its artwork is 20×16 rather than
+ * square, so it overrides the frame's viewBox and its stroke-based paint. The
+ * square viewport every other icon gets still applies: the glyph scales to fit
+ * inside it and keeps its proportions, so `size-5` next to a `size-5` Lucide
+ * icon reads at the same weight.
+ */
+declare function Share(props: IconProps): import("react").JSX.Element;
+declare function SlidersHorizontal(props: IconProps): import("react").JSX.Element;
+declare function Star(props: IconProps): import("react").JSX.Element;
+declare function Sun(props: IconProps): import("react").JSX.Element;
+declare function TriangleAlert(props: IconProps): import("react").JSX.Element;
+declare function Underline(props: IconProps): import("react").JSX.Element;
+declare function Undo2(props: IconProps): import("react").JSX.Element;
+declare function UploadCloud(props: IconProps): import("react").JSX.Element;
+declare function User(props: IconProps): import("react").JSX.Element;
+declare function Video(props: IconProps): import("react").JSX.Element;
+declare function Volume1(props: IconProps): import("react").JSX.Element;
+declare function Volume2(props: IconProps): import("react").JSX.Element;
+declare function VolumeX(props: IconProps): import("react").JSX.Element;
+declare function X(props: IconProps): import("react").JSX.Element;
+//#endregion
+export { Phone as $, IconComponent as A, Loader2 as B, Eye as C, Video as Ct, Filter as D, X as Dt, FileText as E, VolumeX as Et, Link2 as F, MicOff as G, Maximize2 as H, List as I, Minus as J, Minimize as K, ListOrdered as L, Image as M, Info as N, Fullscreen as O, Italic as P, Pause as Q, ListVideo as R, Code2 as S, User as St, File as T, Volume2 as Tt, Menu as U, Maximize as V, Mic as W, Moon as X, Monitor as Y, MoreHorizontal as Z, ChevronLeft as _, Sun as _t, ArrowDown as a, Redo2 as at, ChevronsUpDown as b, Undo2 as bt, ArrowUpRight as c, RotateCcw as ct, Calendar as d, SearchX as dt, PictureInPicture2 as et, Captions as f, Send as ft, ChevronDown as g, Star as gt, CheckCheck as h, SlidersHorizontal as ht, AlignRight as i, Quote as it, IconProps as j, Icon as k, Baseline as l, RotateCw as lt, Check as m, Share as mt, AlignJustify as n, Play as nt, ArrowRight as o, RefreshCcw as ot, CaptionsOff as p, Settings as pt, Minimize2 as q, AlignLeft as r, Plus as rt, ArrowUp as s, Repeat2 as st, AlignCenter as t, Pin as tt, Bold as u, Search as ut, ChevronRight as v, TriangleAlert as vt, EyeOff as w, Volume1 as wt, Clock as x, UploadCloud as xt, ChevronUp as y, Underline as yt, Loader as z };

package/dist/icons.d.ts

@@ -1,93 +1,2 @@
-import { ReactElement, ReactNode, SVGProps } from "react";
-//#region src/icons.d.ts
-type IconProps = Omit<SVGProps<SVGSVGElement>, "children"> & {
-  /** Square edge length applied to `width` and `height`. Defaults to `24`. */
-  size?: number | string;
-};
-type IconComponent = (props: IconProps) => ReactElement;
-/**
- * Bare SVG frame shared by every glyph. Exported so apps can draw a one-off
- * icon that inherits the same sizing, stroke, and colour behaviour.
- */
-declare function Icon({ name, size, strokeWidth, children, ...props }: IconProps & {
-  name?: string;
-  children: ReactNode;
-}): import("react").JSX.Element;
-declare function AlignCenter(props: IconProps): import("react").JSX.Element;
-declare function AlignJustify(props: IconProps): import("react").JSX.Element;
-declare function AlignLeft(props: IconProps): import("react").JSX.Element;
-declare function AlignRight(props: IconProps): import("react").JSX.Element;
-declare function ArrowDown(props: IconProps): import("react").JSX.Element;
-declare function ArrowRight(props: IconProps): import("react").JSX.Element;
-declare function ArrowUp(props: IconProps): import("react").JSX.Element;
-declare function ArrowUpRight(props: IconProps): import("react").JSX.Element;
-declare function Baseline(props: IconProps): import("react").JSX.Element;
-declare function Bold(props: IconProps): import("react").JSX.Element;
-declare function Calendar(props: IconProps): import("react").JSX.Element;
-declare function Captions(props: IconProps): import("react").JSX.Element;
-declare function CaptionsOff(props: IconProps): import("react").JSX.Element;
-declare function Check(props: IconProps): import("react").JSX.Element;
-declare function CheckCheck(props: IconProps): import("react").JSX.Element;
-declare function ChevronDown(props: IconProps): import("react").JSX.Element;
-declare function ChevronLeft(props: IconProps): import("react").JSX.Element;
-declare function ChevronRight(props: IconProps): import("react").JSX.Element;
-declare function ChevronUp(props: IconProps): import("react").JSX.Element;
-declare function ChevronsUpDown(props: IconProps): import("react").JSX.Element;
-declare function Clock(props: IconProps): import("react").JSX.Element;
-declare function Code2(props: IconProps): import("react").JSX.Element;
-declare function Eye(props: IconProps): import("react").JSX.Element;
-declare function EyeOff(props: IconProps): import("react").JSX.Element;
-declare function File(props: IconProps): import("react").JSX.Element;
-declare function FileText(props: IconProps): import("react").JSX.Element;
-declare function Fullscreen(props: IconProps): import("react").JSX.Element;
-declare function Image(props: IconProps): import("react").JSX.Element;
-declare function Info(props: IconProps): import("react").JSX.Element;
-declare function Italic(props: IconProps): import("react").JSX.Element;
-declare function Link2(props: IconProps): import("react").JSX.Element;
-declare function List(props: IconProps): import("react").JSX.Element;
-declare function ListOrdered(props: IconProps): import("react").JSX.Element;
-declare function ListVideo(props: IconProps): import("react").JSX.Element;
-declare function Loader(props: IconProps): import("react").JSX.Element;
-declare function Loader2(props: IconProps): import("react").JSX.Element;
-declare function Maximize(props: IconProps): import("react").JSX.Element;
-declare function Maximize2(props: IconProps): import("react").JSX.Element;
-declare function Menu(props: IconProps): import("react").JSX.Element;
-declare function Mic(props: IconProps): import("react").JSX.Element;
-declare function MicOff(props: IconProps): import("react").JSX.Element;
-declare function Minimize(props: IconProps): import("react").JSX.Element;
-declare function Minimize2(props: IconProps): import("react").JSX.Element;
-declare function Minus(props: IconProps): import("react").JSX.Element;
-declare function Monitor(props: IconProps): import("react").JSX.Element;
-declare function Moon(props: IconProps): import("react").JSX.Element;
-declare function MoreHorizontal(props: IconProps): import("react").JSX.Element;
-declare function Pause(props: IconProps): import("react").JSX.Element;
-declare function Phone(props: IconProps): import("react").JSX.Element;
-declare function PictureInPicture2(props: IconProps): import("react").JSX.Element;
-declare function Pin(props: IconProps): import("react").JSX.Element;
-declare function Play(props: IconProps): import("react").JSX.Element;
-declare function Plus(props: IconProps): import("react").JSX.Element;
-declare function Quote(props: IconProps): import("react").JSX.Element;
-declare function Redo2(props: IconProps): import("react").JSX.Element;
-declare function RefreshCcw(props: IconProps): import("react").JSX.Element;
-declare function Repeat2(props: IconProps): import("react").JSX.Element;
-declare function RotateCcw(props: IconProps): import("react").JSX.Element;
-declare function RotateCw(props: IconProps): import("react").JSX.Element;
-declare function Search(props: IconProps): import("react").JSX.Element;
-declare function SearchX(props: IconProps): import("react").JSX.Element;
-declare function Send(props: IconProps): import("react").JSX.Element;
-declare function Settings(props: IconProps): import("react").JSX.Element;
-declare function SlidersHorizontal(props: IconProps): import("react").JSX.Element;
-declare function Star(props: IconProps): import("react").JSX.Element;
-declare function Sun(props: IconProps): import("react").JSX.Element;
-declare function TriangleAlert(props: IconProps): import("react").JSX.Element;
-declare function Underline(props: IconProps): import("react").JSX.Element;
-declare function Undo2(props: IconProps): import("react").JSX.Element;
-declare function UploadCloud(props: IconProps): import("react").JSX.Element;
-declare function User(props: IconProps): import("react").JSX.Element;
-declare function Video(props: IconProps): import("react").JSX.Element;
-declare function Volume1(props: IconProps): import("react").JSX.Element;
-declare function Volume2(props: IconProps): import("react").JSX.Element;
-declare function VolumeX(props: IconProps): import("react").JSX.Element;
-declare function X(props: IconProps): import("react").JSX.Element;
-//#endregion
-export { AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowDown, ArrowRight, ArrowUp, ArrowUpRight, Baseline, Bold, Calendar, Captions, CaptionsOff, Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsUpDown, Clock, Code2, Eye, EyeOff, File, FileText, Fullscreen, Icon, type IconComponent, type IconProps, Image, Info, Italic, Link2, List, ListOrdered, ListVideo, Loader, Loader2, Maximize, Maximize2, Menu, Mic, MicOff, Minimize, Minimize2, Minus, Monitor, Moon, MoreHorizontal, Pause, Phone, PictureInPicture2, Pin, Play, Plus, Quote, Redo2, RefreshCcw, Repeat2, RotateCcw, RotateCw, Search, SearchX, Send, Settings, SlidersHorizontal, Star, Sun, TriangleAlert, Underline, Undo2, UploadCloud, User, Video, Volume1, Volume2, VolumeX, X };
+import { $ as Phone, A as IconComponent, B as Loader2, C as Eye, Ct as Video, D as Filter, Dt as X, E as FileText, Et as VolumeX, F as Link2, G as MicOff, H as Maximize2, I as List, J as Minus, K as Minimize, L as ListOrdered, M as Image, N as Info, O as Fullscreen, P as Italic, Q as Pause, R as ListVideo, S as Code2, St as User, T as File, Tt as Volume2, U as Menu, V as Maximize, W as Mic, X as Moon, Y as Monitor, Z as MoreHorizontal, _ as ChevronLeft, _t as Sun, a as ArrowDown, at as Redo2, b as ChevronsUpDown, bt as Undo2, c as ArrowUpRight, ct as RotateCcw, d as Calendar, dt as SearchX, et as PictureInPicture2, f as Captions, ft as Send, g as ChevronDown, gt as Star, h as CheckCheck, ht as SlidersHorizontal, i as AlignRight, it as Quote, j as IconProps, k as Icon, l as Baseline, lt as RotateCw, m as Check, mt as Share, n as AlignJustify, nt as Play, o as ArrowRight, ot as RefreshCcw, p as CaptionsOff, pt as Settings, q as Minimize2, r as AlignLeft, rt as Plus, s as ArrowUp, st as Repeat2, t as AlignCenter, tt as Pin, u as Bold, ut as Search, v as ChevronRight, vt as TriangleAlert, w as EyeOff, wt as Volume1, x as Clock, xt as UploadCloud, y as ChevronUp, yt as Underline, z as Loader } from "./icons-C9JXR5Xv.js";
+export { AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowDown, ArrowRight, ArrowUp, ArrowUpRight, Baseline, Bold, Calendar, Captions, CaptionsOff, Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsUpDown, Clock, Code2, Eye, EyeOff, File, FileText, Filter, Fullscreen, Icon, type IconComponent, type IconProps, Image, Info, Italic, Link2, List, ListOrdered, ListVideo, Loader, Loader2, Maximize, Maximize2, Menu, Mic, MicOff, Minimize, Minimize2, Minus, Monitor, Moon, MoreHorizontal, Pause, Phone, PictureInPicture2, Pin, Play, Plus, Quote, Redo2, RefreshCcw, Repeat2, RotateCcw, RotateCw, Search, SearchX, Send, Settings, Share, SlidersHorizontal, Star, Sun, TriangleAlert, Underline, Undo2, UploadCloud, User, Video, Volume1, Volume2, VolumeX, X };

package/dist/icons.js

@@ -273,6 +273,22 @@ function FileText(props) {
 		]
 	});
 }
+/**
+* Giddaa's own filter glyph — two solid sliders — rather than Lucide's hollow
+* funnel. Filled artwork on a 14×12 grid, so like {@link Share} it overrides
+* the frame's viewBox and stroke-based paint while keeping its square
+* viewport, sizing and colour behaviour.
+*/
+function Filter(props) {
+	return /* @__PURE__ */ jsx(Icon, {
+		name: "filter",
+		viewBox: "0 0 14 12",
+		fill: "currentColor",
+		stroke: "none",
+		...props,
+		children: /* @__PURE__ */ jsx("path", { d: "M.778 9.75h6.3C7.388 11.025 8.633 12 10.11 12a3.155 3.155 0 0 0 3.033-2.25h.078c.467 0 .778-.3.778-.75s-.311-.75-.778-.75h-.078C12.834 6.975 11.59 6 10.111 6a3.155 3.155 0 0 0-3.033 2.25h-6.3C.31 8.25 0 8.55 0 9s.311.75.778.75ZM10.11 7.5c.856 0 1.556.675 1.556 1.5s-.7 1.5-1.556 1.5c-.855 0-1.555-.675-1.555-1.5s.7-1.5 1.555-1.5ZM.778 3.75h.078C1.166 5.025 2.41 6 3.889 6a3.155 3.155 0 0 0 3.033-2.25h6.3c.467 0 .778-.3.778-.75s-.311-.75-.778-.75h-6.3C6.612.975 5.367 0 3.89 0A3.155 3.155 0 0 0 .856 2.25H.778C.31 2.25 0 2.55 0 3s.311.75.778.75Zm3.11-2.25c.856 0 1.556.675 1.556 1.5s-.7 1.5-1.555 1.5c-.856 0-1.556-.675-1.556-1.5s.7-1.5 1.556-1.5Z" })
+	});
+}
 function Fullscreen(props) {
 	return /* @__PURE__ */ jsxs(Icon, {
 		name: "fullscreen",
@@ -745,6 +761,26 @@ function Settings(props) {
 		})]
 	});
 }
+/**
+* Giddaa's own share glyph, not Lucide's — an arrow curving out of a tray
+* rather than the three-node graph `Share2` draws.
+*
+* It is the one solid icon in the set, and its artwork is 20×16 rather than
+* square, so it overrides the frame's viewBox and its stroke-based paint. The
+* square viewport every other icon gets still applies: the glyph scales to fit
+* inside it and keeps its proportions, so `size-5` next to a `size-5` Lucide
+* icon reads at the same weight.
+*/
+function Share(props) {
+	return /* @__PURE__ */ jsx(Icon, {
+		name: "share",
+		viewBox: "0 0 20 16",
+		fill: "currentColor",
+		stroke: "none",
+		...props,
+		children: /* @__PURE__ */ jsx("path", { d: "m19.707 7.372-8-7.112a1.044 1.044 0 0 0-.512-.243 1.117 1.117 0 0 0-.578.05.984.984 0 0 0-.448.328.82.82 0 0 0-.169.494v3.15c-2.732.226-5.27 1.348-7.12 3.15-1.85 1.8-2.877 4.15-2.88 6.589v1.333c0 .185.065.365.185.515.12.15.29.264.487.324.196.06.408.066.608.014.199-.052.375-.157.504-.302a11.337 11.337 0 0 1 3.536-2.505 12.566 12.566 0 0 1 4.351-1.094c.05-.005.175-.014.33-.023v3.071a.82.82 0 0 0 .168.494c.11.146.266.26.448.327.183.068.384.085.578.05.194-.033.372-.118.512-.242l8-7.112A.842.842 0 0 0 20 8a.842.842 0 0 0-.293-.628ZM12 12.966V11.11a.842.842 0 0 0-.293-.628 1.067 1.067 0 0 0-.707-.26c-.255 0-1.296.044-1.562.075-2.695.22-5.26 1.13-7.386 2.62.241-1.96 1.288-3.773 2.939-5.09C6.64 6.51 8.78 5.78 11 5.778c.264 0 .519-.094.706-.26a.842.842 0 0 0 .293-.63V3.036L17.586 8 12 12.966Z" })
+	});
+}
 function SlidersHorizontal(props) {
 	return /* @__PURE__ */ jsxs(Icon, {
 		name: "sliders-horizontal",
@@ -902,4 +938,4 @@ function X(props) {
 	});
 }
 //#endregion
-export { AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowDown, ArrowRight, ArrowUp, ArrowUpRight, Baseline, Bold, Calendar, Captions, CaptionsOff, Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsUpDown, Clock, Code2, Eye, EyeOff, File, FileText, Fullscreen, Icon, Image, Info, Italic, Link2, List, ListOrdered, ListVideo, Loader, Loader2, Maximize, Maximize2, Menu, Mic, MicOff, Minimize, Minimize2, Minus, Monitor, Moon, MoreHorizontal, Pause, Phone, PictureInPicture2, Pin, Play, Plus, Quote, Redo2, RefreshCcw, Repeat2, RotateCcw, RotateCw, Search, SearchX, Send, Settings, SlidersHorizontal, Star, Sun, TriangleAlert, Underline, Undo2, UploadCloud, User, Video, Volume1, Volume2, VolumeX, X };
+export { AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowDown, ArrowRight, ArrowUp, ArrowUpRight, Baseline, Bold, Calendar, Captions, CaptionsOff, Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsUpDown, Clock, Code2, Eye, EyeOff, File, FileText, Filter, Fullscreen, Icon, Image, Info, Italic, Link2, List, ListOrdered, ListVideo, Loader, Loader2, Maximize, Maximize2, Menu, Mic, MicOff, Minimize, Minimize2, Minus, Monitor, Moon, MoreHorizontal, Pause, Phone, PictureInPicture2, Pin, Play, Plus, Quote, Redo2, RefreshCcw, Repeat2, RotateCcw, RotateCw, Search, SearchX, Send, Settings, Share, SlidersHorizontal, Star, Sun, TriangleAlert, Underline, Undo2, UploadCloud, User, Video, Volume1, Volume2, VolumeX, X };

package/dist/image.d.ts

@@ -0,0 +1,59 @@
+import { useRender } from "@base-ui/react/use-render";
+import * as React from "react";
+//#region src/image.d.ts
+/**
+ * What a custom image component is handed: every `<img>` prop, already merged
+ * — `src`, `alt`, the resolved `className`, and whatever the call site passed
+ * through. Typed as an `img` rather than the generic HTML attributes Base UI
+ * defaults to, so a render function can read `src` without a cast.
+ */
+type ImageRenderProps = React.ComponentPropsWithRef<"img">;
+/** Carried into `data-slot`, and handed to a `render` function as its state. */
+type ImageState = {
+  slot: string;
+};
+type ImageProps = useRender.ComponentProps<"img", ImageState, ImageRenderProps>;
+/**
+ * A `ReactElement` to clone, or a function returning the element to render.
+ * `<Image render={<NextImage fill />} />` and
+ * `<Image render={(props) => <NextImage {...props} fill />} />` are both it.
+ */
+type ImageRender = ImageProps["render"];
+/**
+ * Sets the image component for everything below it, so a Next.js or Gatsby
+ * app names its own `Image` once at the root rather than at every listing,
+ * gallery and thumbnail. A `render` passed to an individual image still wins.
+ *
+ * ```tsx
+ * // `NextImage` being this app's import of the framework's own component.
+ * <ImageProvider render={(props) => <NextImage {...props} fill sizes="100vw" />}>
+ *   <App />
+ * </ImageProvider>
+ * ```
+ *
+ * The components that read this render photography — listings, galleries,
+ * posters. Ones whose `src` is made in the browser, like `FileUpload`'s
+ * `URL.createObjectURL` previews, stay on a plain `<img>`: an optimising
+ * loader has nothing to fetch from a `blob:` URL.
+ */
+declare function ImageProvider({ render, children }: {
+  render?: ImageRender;
+  children?: React.ReactNode;
+}): React.JSX.Element;
+/** The render a component should use: its own if given, else the provider's. */
+declare function useImageRender(render?: ImageRender): import("@base-ui/react").ComponentRenderFn<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, ImageState> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
+/**
+ * An `<img>` that can be swapped for someone else's image component, either
+ * one at a time through `render` or wholesale through `ImageProvider`.
+ *
+ * It adds nothing to a plain `<img>` otherwise — no sizing, no object-fit, no
+ * loading behaviour. `loading`, `fetchPriority`, `sizes`, `srcSet`, `decoding`
+ * and the rest pass straight through, which is the point: the call site knows
+ * whether a photo is above the fold and this does not.
+ */
+declare function Image({ render, slot, ...props }: Omit<ImageProps, "slot"> & {
+  /** Names the element in the DOM as `data-slot`, for styling and for tests. */
+  slot?: string;
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+//#endregion
+export { Image, type ImageProps, ImageProvider, type ImageRender, type ImageRenderProps, type ImageState, useImageRender };

package/dist/image.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import * as React from "react";
+//#region src/image.tsx
+const ImageRenderContext = React.createContext(void 0);
+/**
+* Sets the image component for everything below it, so a Next.js or Gatsby
+* app names its own `Image` once at the root rather than at every listing,
+* gallery and thumbnail. A `render` passed to an individual image still wins.
+*
+* ```tsx
+* // `NextImage` being this app's import of the framework's own component.
+* <ImageProvider render={(props) => <NextImage {...props} fill sizes="100vw" />}>
+*   <App />
+* </ImageProvider>
+* ```
+*
+* The components that read this render photography — listings, galleries,
+* posters. Ones whose `src` is made in the browser, like `FileUpload`'s
+* `URL.createObjectURL` previews, stay on a plain `<img>`: an optimising
+* loader has nothing to fetch from a `blob:` URL.
+*/
+function ImageProvider({ render, children }) {
+	return /* @__PURE__ */ jsx(ImageRenderContext.Provider, {
+		value: render,
+		children
+	});
+}
+/** The render a component should use: its own if given, else the provider's. */
+function useImageRender(render) {
+	const inheritedRender = React.useContext(ImageRenderContext);
+	return render ?? inheritedRender;
+}
+/**
+* An `<img>` that can be swapped for someone else's image component, either
+* one at a time through `render` or wholesale through `ImageProvider`.
+*
+* It adds nothing to a plain `<img>` otherwise — no sizing, no object-fit, no
+* loading behaviour. `loading`, `fetchPriority`, `sizes`, `srcSet`, `decoding`
+* and the rest pass straight through, which is the point: the call site knows
+* whether a photo is above the fold and this does not.
+*/
+function Image({ render, slot = "image", ...props }) {
+	return useRender({
+		defaultTagName: "img",
+		render: useImageRender(render),
+		props,
+		state: { slot }
+	});
+}
+//#endregion
+export { Image, ImageProvider, useImageRender };

package/dist/infinite-scroll.js

@@ -1,35 +1,9 @@
 "use client";
 import { Loader2 } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
+import { useIntersection } from "./utils/use-intersection.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-//#region src/lib/use-intersection.ts
-function useIntersection(options) {
-	const [entry, setEntry] = useState(null);
-	const observer = useRef(null);
-	return {
-		ref: useCallback((element) => {
-			if (observer.current) {
-				observer.current.disconnect();
-				observer.current = null;
-			}
-			if (element === null) {
-				setEntry(null);
-				return;
-			}
-			if (typeof IntersectionObserver === "undefined") {
-				setEntry(null);
-				return;
-			}
-			observer.current = new IntersectionObserver(([_entry]) => {
-				setEntry(_entry ?? null);
-			}, options);
-			observer.current.observe(element);
-		}, [options]),
-		entry
-	};
-}
-//#endregion
+import { createContext, useContext, useEffect, useMemo } from "react";
 //#region src/infinite-scroll.tsx
 const InfiniteScrollContext = createContext(null);
 function useInfiniteScrollContext(consumer) {

package/dist/infotip.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Popover } from "@base-ui/react/popover";
 //#region src/infotip.tsx

package/dist/input-group.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { SizeProvider } from "./size-context.js";
 import { Button } from "./button.js";
 import { InputSizeProvider, useInputComponentSize } from "./input-size-context.js";

package/dist/input-otp.js

@@ -1,6 +1,6 @@
 "use client";
 import { Minus } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { InputSizeProvider, useInputComponentSize } from "./input-size-context.js";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";

package/dist/input.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { useInputComponentSize } from "./input-size-context.js";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";

package/dist/item.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { mergeProps, useRender } from "@base-ui/react";
 //#region src/item.tsx
 function Item({ className, render, ...props }) {

package/dist/kpi-card.js

@@ -1,6 +1,6 @@
 "use client";
 import { ArrowDown, ArrowUp, ArrowUpRight } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { Skeleton } from "./skeleton.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";

package/dist/label.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/label.tsx
 function Label({ className, children, withAsterisk = false, showOptionalText = false, ...props }) {

package/dist/line-chart.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { SizeProvider, useComponentSize } from "./size-context.js";
 import { ChartContainer, cartesianAxisProps } from "./chart.js";
 import { jsx } from "react/jsx-runtime";

package/dist/list-item.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { Avatar } from "./avatar.js";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";

package/dist/map-indicator.js

@@ -1,4 +1,4 @@
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/map-indicator.tsx
 const MAP_INDICATOR_DIMENSIONS = {

package/dist/match.js

@@ -1,6 +1,6 @@
 "use client";
 import { ChevronDown } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { CircularProgress } from "./progress.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";

package/dist/media-gallery-hero.js

@@ -1,9 +1,10 @@
 "use client";
 import { Play } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { buttonVariants } from "./button.js";
 import { Carousel, CarouselContent, CarouselItem, useCarousel } from "./carousel.js";
 import { GalleryIndicator } from "./gallery-indicator.js";
+import { Image } from "./image.js";
 import { ReviewBlock } from "./review-block.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
@@ -42,7 +43,8 @@ function getMediaKey(image) {
 	return image.id ?? image.src ?? image.alt ?? "placeholder";
 }
 function MediaGalleryTile({ className, image, index, isDesktopTile, onMediaClick, renderMedia }) {
-	const content = renderMedia?.(image, index) ?? (image.src ? /* @__PURE__ */ jsx("img", {
+	const content = renderMedia?.(image, index) ?? (image.src ? /* @__PURE__ */ jsx(Image, {
+		slot: "media-gallery-hero-image",
 		alt: image.alt ?? "",
 		className: "size-full object-cover",
 		draggable: false,
@@ -135,7 +137,8 @@ function MediaGalleryVideo({ alt = "", autoPlay, className, controls, label = "P
 		playsInline,
 		poster,
 		src
-	}) : poster ? /* @__PURE__ */ jsx("img", {
+	}) : poster ? /* @__PURE__ */ jsx(Image, {
+		slot: "media-gallery-hero-poster",
 		alt,
 		className: "size-full object-cover",
 		draggable: false,

package/dist/media-player.js

@@ -1,7 +1,8 @@
 "use client";
 import { Captions, CaptionsOff, Maximize, Minimize, Pause, PictureInPicture2, Play, RefreshCcw, Repeat2, RotateCcw, RotateCw, Settings, TriangleAlert, Volume1, Volume2, VolumeX } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
+import { formatDuration } from "./utils/format.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
@@ -35,15 +36,6 @@ function setRef(ref, value) {
 	}
 	if (ref) ref.current = value;
 }
-function formatTime(value) {
-	if (!Number.isFinite(value)) return "0:00";
-	const safeValue = Math.max(0, Math.floor(value ?? 0));
-	const hours = Math.floor(safeValue / 3600);
-	const minutes = Math.floor(safeValue % 3600 / 60);
-	const seconds = safeValue % 60;
-	if (hours > 0) return `${hours}:${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
-	return `${minutes}:${String(seconds).padStart(2, "0")}`;
-}
 function formatRate(value) {
 	if (!value || value === 1) return "1x";
 	return `${Number.parseFloat(value.toFixed(2))}x`;
@@ -590,7 +582,7 @@ function MediaPlayerTime({ className, showDuration = true, ...props }) {
 		"data-slot": "media-player-time",
 		className: cn("inline-flex shrink-0 items-center px-1 text-gdt-sm font-medium tabular-nums text-fg-on-brand/80", className),
 		...props,
-		children: showDuration ? `${formatTime(currentTime)} / ${formatTime(duration)}` : formatTime(currentTime)
+		children: showDuration ? `${formatDuration(currentTime)} / ${formatDuration(duration)}` : formatDuration(currentTime)
 	});
 }
 function MediaPlayerSeek({ className, disabled, onValueChange, "aria-label": ariaLabel, step = 5, withTime = true, ...props }) {
@@ -734,7 +726,7 @@ function MediaPlayerSeek({ className, disabled, onValueChange, "aria-label": ari
 				}) : null,
 				/* @__PURE__ */ jsx("span", {
 					className: cn("px-2.5 py-1 text-gdt-xs font-bold tabular-nums", (previewImage || previewChapter?.text) && "pt-0.5 pb-1.5"),
-					children: formatTime(previewValue)
+					children: formatDuration(previewValue)
 				})
 			]
 		}), portalContainer ?? document.body), /* @__PURE__ */ jsxs(Slider.Control, {
@@ -782,7 +774,7 @@ function MediaPlayerSeek({ className, disabled, onValueChange, "aria-label": ari
 				]
 			}), /* @__PURE__ */ jsx(Slider.Thumb, {
 				getAriaLabel: () => ariaLabel ?? "Media timeline",
-				getAriaValueText: (_formatted, value) => `${formatTime(value)} of ${formatTime(max)}`,
+				getAriaValueText: (_formatted, value) => `${formatDuration(value)} of ${formatDuration(max)}`,
 				className: cn("group/seek-thumb size-[14px] rounded-full outline-none", "transition-[inset-inline-start] duration-200 ease-linear data-[dragging]:transition-none"),
 				children: /* @__PURE__ */ jsx("span", { className: cn("block size-full rounded-full border-2 border-surface-brand bg-surface-overlay shadow-2", "transition-[scale] duration-[var(--duration-motion-press)] ease-gdt-out group-data-[dragging]/seek-thumb:scale-125 motion-reduce:group-data-[dragging]/seek-thumb:scale-100", "group-has-[:focus-visible]/seek-thumb:[filter:drop-shadow(0_0_0.25rem_var(--color-line-focus))]") })
 			})]

package/dist/message.js

@@ -1,6 +1,7 @@
 "use client";
 import { CheckCheck } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
+import { formatTimestamp, toDateTimeAttribute } from "./utils/format.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
@@ -13,17 +14,6 @@ function useMessageContext() {
 	if (!context) throw new Error("Message parts must be rendered inside <Message>.");
 	return context;
 }
-function toDateTimeAttribute(value) {
-	return value instanceof Date ? value.toISOString() : value;
-}
-function formatTimestamp(value) {
-	if (typeof value === "string") return value;
-	return value.toLocaleTimeString([], {
-		hour: "2-digit",
-		minute: "2-digit",
-		hour12: false
-	});
-}
 /** Styles the bubble itself — the surface inside `Message`, not `Message`'s root. */
 const messageVariants = cva("relative flex w-fit min-w-0 flex-col shadow-1 *:data-[slot=message-media]:max-w-full", {
 	variants: {

package/dist/mobile-sidebar.js

@@ -1,6 +1,6 @@
 "use client";
 import { ChevronDown, Menu, X } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.js";
 import { Sheet, SheetBody, SheetClose, SheetContent, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./sheet.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";