@giddaa-housing/ui 3.1.0 → 3.3.0

package/dist/infinite-scroll.js

@@ -1,6 +1,6 @@
 "use client";
+import { Loader2 } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
-import { Loader2 } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 //#region src/lib/use-intersection.ts

package/dist/input-otp.js

@@ -1,7 +1,7 @@
 "use client";
+import { Minus } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { InputSizeProvider, useInputComponentSize } from "./input-size-context.js";
-import { MinusIcon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { OTPField } from "@base-ui/react/otp-field";
@@ -49,7 +49,7 @@ function InputOTPSeparator({ children, className, ...props }) {
 		"data-slot": "input-otp-separator",
 		className: cn("flex items-center justify-center px-1 text-fg-secondary [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
-		children: children ?? /* @__PURE__ */ jsx(MinusIcon, {})
+		children: children ?? /* @__PURE__ */ jsx(Minus, {})
 	});
 }
 //#endregion

package/dist/kpi-card.js

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

package/dist/match.js

@@ -1,7 +1,7 @@
 "use client";
+import { ChevronDown } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { CircularProgress } from "./progress.js";
-import { ChevronDown } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 //#region src/match.tsx

package/dist/media-gallery-hero.js

@@ -1,15 +1,15 @@
 "use client";
+import { Play } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { buttonVariants } from "./button.js";
 import { Carousel, CarouselContent, CarouselItem, useCarousel } from "./carousel.js";
 import { GalleryIndicator } from "./gallery-indicator.js";
 import { ReviewBlock } from "./review-block.js";
-import { Play } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 //#region src/media-gallery-hero.tsx
-const mediaGalleryHeroVariants = cva("relative isolate h-[350px] w-full overflow-hidden rounded-[32px] bg-surface-raised md:h-[380px] md:rounded-[40px] lg:h-[480px]");
-const mediaGalleryImagesVariants = cva("absolute inset-0 z-0 hidden size-full min-h-0 min-w-0 bg-surface-raised md:grid", {
+const mediaGalleryHeroVariants = cva("relative isolate h-[350px] w-full overflow-hidden rounded-[32px] md:h-[380px] md:rounded-[40px] lg:h-[480px]");
+const mediaGalleryImagesVariants = cva("absolute inset-0 z-0 hidden size-full min-h-0 min-w-0 md:grid", {
 	variants: { imageCount: {
 		1: "",
 		2: "gap-2 grid-cols-[minmax(0,3fr)_minmax(0,2fr)]",
@@ -77,7 +77,7 @@ function MobileGalleryCounter({ total }) {
 function MobileMediaCarousel({ currentMedia, images, mediaTotal, onMediaClick, renderMedia, showMobileIndicator }) {
 	const carouselImages = images.length > 0 ? images : [{}];
 	return /* @__PURE__ */ jsxs(Carousel, {
-		className: "absolute inset-0 z-0 block size-full rounded-[32px] bg-surface-raised md:hidden",
+		className: "absolute inset-0 z-0 block size-full rounded-[32px] md:hidden",
 		imageSize: "full",
 		opts: {
 			align: "start",

package/dist/media-player.js

@@ -1,8 +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 { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
-import { Captions, CaptionsOff, Maximize, Minimize, Pause, PictureInPicture2, Play, RefreshCcw, Repeat2, RotateCcw, RotateCw, Settings, TriangleAlert, Volume1, Volume2, VolumeX } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slider } from "@base-ui/react/slider";
@@ -20,6 +20,9 @@ const DEFAULT_PLAYBACK_RATES = [
 ];
 const CONTROLS_HIDE_DELAY = 2500;
 const SEEK_PREVIEW_WIDTH = 160;
+const SEEK_CHAPTER_GAP = 3;
+const SEEK_THUMB_SIZE = 14;
+const SEEK_THUMB_INSET = SEEK_THUMB_SIZE / 2;
 const MediaPlayerContext = React.createContext({
 	onMenuOpenChange: () => {},
 	portalContainer: null,
@@ -73,11 +76,8 @@ function clamp(value, min, max) {
 }
 function getSeekValueFromPointer(event, min, max) {
 	const rect = event.currentTarget.getBoundingClientRect();
-	const percent = clamp((event.clientX - rect.left) / rect.width, 0, 1);
-	return {
-		percent: percent * 100,
-		value: min + percent * (max - min)
-	};
+	const travel = Math.max(rect.width - SEEK_THUMB_SIZE, 1);
+	return min + clamp((event.clientX - rect.left - SEEK_THUMB_INSET) / travel, 0, 1) * (max - min);
 }
 function MediaPlayer({ mediaStore, ...props }) {
 	const audio = props.audio ?? (hasAudioChild(props.children) ? true : void 0);
@@ -272,7 +272,7 @@ function MediaPlayerVideo({ className, ref, ...props }) {
 			setRef(ref, node);
 		}, [ref]),
 		"data-slot": "media-player-video",
-		className: cn("block aspect-video size-full object-cover", "group-data-[fullscreen]/media-player:aspect-auto group-data-[fullscreen]/media-player:object-contain", className),
+		className: cn("block aspect-video size-full rounded-[inherit] object-cover", "group-data-[fullscreen]/media-player:aspect-auto group-data-[fullscreen]/media-player:object-contain", className),
 		playsInline: true,
 		...props
 	});
@@ -646,24 +646,28 @@ function MediaPlayerSeek({ className, disabled, onValueChange, "aria-label": ari
 			detail: void 0
 		});
 	};
+	const toFraction = (value) => canSeek ? (clamp(value, min, max) - min) / (max - min) : 0;
+	const toTrackOffset = (fraction) => {
+		if (fraction <= 0) return "0px";
+		if (fraction >= 1) return "100%";
+		return `calc(${SEEK_THUMB_INSET}px + ${fraction} * (100% - ${SEEK_THUMB_SIZE}px))`;
+	};
 	const previewValue = dragValue ?? hoverValue;
-	const previewPercent = previewValue !== null && canSeek ? (clamp(previewValue, min, max) - min) / (max - min) * 100 : 0;
 	const previewChapter = previewValue !== null ? chapterCues?.find((cue) => previewValue >= cue.startTime && previewValue < cue.endTime) : void 0;
 	const previewCoordValues = previewCoords?.map(Number);
 	const hasSpriteCoords = previewCoordValues?.length === 4 && (previewCoordValues[2] ?? 0) > 0;
 	const previewScale = hasSpriteCoords ? SEEK_PREVIEW_WIDTH / (previewCoordValues?.[2] ?? 1) : 1;
 	const previewClampPx = previewImage ? 84 : 32;
 	const controlRect = withTime && previewValue !== null ? controlRef.current?.getBoundingClientRect() : void 0;
-	const previewLeft = controlRect ? clamp(controlRect.left + previewPercent / 100 * controlRect.width, controlRect.left + previewClampPx, controlRect.right - previewClampPx) : 0;
-	const segmentBounds = canSeek ? [
-		min,
-		...(chapterCues ?? []).map((cue) => cue.startTime).filter((time) => time > min && time < max).sort((a, b) => a - b),
-		max
-	] : [0, 1];
-	const segments = segmentBounds.slice(0, -1).map((start, index) => ({
-		start,
-		end: segmentBounds[index + 1] ?? start
-	}));
+	const previewLeft = controlRect ? clamp(controlRect.left + SEEK_THUMB_INSET + toFraction(previewValue ?? 0) * (controlRect.width - SEEK_THUMB_SIZE), controlRect.left + previewClampPx, controlRect.right - previewClampPx) : 0;
+	const playedFraction = toFraction(displayTime);
+	const chapterStops = canSeek ? (chapterCues ?? []).map((cue) => toFraction(cue.startTime)).filter((fraction) => fraction > 0 && fraction < 1).sort((a, b) => a - b).map(toTrackOffset) : [];
+	const trackMask = chapterStops.length ? `linear-gradient(to right, #000 0, ${chapterStops.flatMap((offset) => [
+		`#000 calc(${offset} - ${SEEK_CHAPTER_GAP / 2}px)`,
+		`transparent calc(${offset} - ${SEEK_CHAPTER_GAP / 2}px)`,
+		`transparent calc(${offset} + ${SEEK_CHAPTER_GAP / 2}px)`,
+		`#000 calc(${offset} + ${SEEK_CHAPTER_GAP / 2}px)`
+	]).join(", ")}, #000 100%)` : void 0;
 	return /* @__PURE__ */ jsxs(Slider.Root, {
 		thumbAlignment: "edge",
 		"data-slot": "media-player-seek",
@@ -735,45 +739,52 @@ function MediaPlayerSeek({ className, disabled, onValueChange, "aria-label": ari
 			]
 		}), portalContainer ?? document.body), /* @__PURE__ */ jsxs(Slider.Control, {
 			ref: controlRef,
-			className: "flex h-8 w-full items-center",
+			className: "relative flex h-8 w-full items-center",
 			onPointerLeave: () => {
 				if (dragValue === null) clearPreview();
 			},
 			onPointerMove: (event) => {
 				if (resolvedDisabled || dragValue !== null) return;
 				const next = getSeekValueFromPointer(event, min, max);
-				setHoverValue(next.value);
-				previewAt(next.value);
+				setHoverValue(next);
+				previewAt(next);
 			},
-			children: [/* @__PURE__ */ jsx(Slider.Track, {
-				className: "relative flex h-2 w-full items-center gap-[3px]",
-				children: segments.map(({ start, end }) => {
-					const span = end - start || 1;
-					const fraction = (value) => clamp((clamp(value, start, end) - start) / span, 0, 1);
-					const playedWidth = fraction(displayTime) * 100;
-					return /* @__PURE__ */ jsxs("span", {
-						"data-slot": "media-player-seek-segment",
-						className: "relative h-full overflow-hidden rounded-full bg-line-subtle/65",
-						style: { width: `${span / (max - min || 1) * 100}%` },
-						children: [canSeek && buffered?.map(([bufferStart, bufferEnd]) => bufferEnd > start && bufferStart < end ? /* @__PURE__ */ jsx("span", {
-							"data-slot": "media-player-seek-buffered",
-							className: "absolute inset-y-0 bg-fg-on-brand/25",
-							style: {
-								left: `${fraction(bufferStart) * 100}%`,
-								width: `${(fraction(bufferEnd) - fraction(bufferStart)) * 100}%`
-							}
-						}, `${bufferStart}-${bufferEnd}`) : null), /* @__PURE__ */ jsx("span", {
-							"data-slot": "media-player-seek-progress",
-							"data-dragging": dragValue !== null || void 0,
-							className: "absolute inset-y-0 left-0 w-full origin-left bg-surface-brand transition-transform duration-200 ease-linear data-[dragging=true]:transition-none",
-							style: { transform: `scaleX(${playedWidth / 100})` }
-						})]
-					}, start);
-				})
+			children: [/* @__PURE__ */ jsxs(Slider.Track, {
+				className: "relative h-2 w-full overflow-hidden rounded-full bg-line-subtle/65",
+				style: trackMask ? {
+					maskImage: trackMask,
+					WebkitMaskImage: trackMask
+				} : void 0,
+				children: [
+					canSeek && buffered?.map(([bufferStart, bufferEnd]) => /* @__PURE__ */ jsx("span", {
+						"data-slot": "media-player-seek-buffered",
+						className: "absolute inset-y-0 bg-fg-on-brand/25",
+						style: {
+							left: toTrackOffset(toFraction(bufferStart)),
+							right: `calc(100% - ${toTrackOffset(toFraction(bufferEnd))})`
+						}
+					}, `${bufferStart}-${bufferEnd}`)),
+					/* @__PURE__ */ jsx("span", {
+						"data-slot": "media-player-seek-progress",
+						className: "absolute inset-y-0 left-0 bg-surface-brand",
+						style: { width: SEEK_THUMB_INSET }
+					}),
+					/* @__PURE__ */ jsx("span", {
+						"data-slot": "media-player-seek-progress",
+						"data-dragging": dragValue !== null || void 0,
+						className: "absolute inset-y-0 origin-left bg-surface-brand transition-transform duration-200 ease-linear data-[dragging=true]:transition-none",
+						style: {
+							left: SEEK_THUMB_INSET,
+							transform: `scaleX(${playedFraction})`,
+							width: `calc(100% - ${SEEK_THUMB_SIZE}px)`
+						}
+					})
+				]
 			}), /* @__PURE__ */ jsx(Slider.Thumb, {
 				getAriaLabel: () => ariaLabel ?? "Media timeline",
 				getAriaValueText: (_formatted, value) => `${formatTime(value)} of ${formatTime(max)}`,
-				className: cn("size-3.5 -translate-x-1/2 rounded-full bg-surface-overlay shadow-2 ring-2 ring-surface-brand outline-none", "transition-[scale] duration-[var(--duration-motion-press)] ease-gdt-out data-[dragging]:scale-125 motion-reduce:data-[dragging]:scale-100 data-[dragging]:transition-none", "focus-visible:[filter:drop-shadow(0_0_0.25rem_var(--color-line-focus))]")
+				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))]") })
 			})]
 		})]
 	});
@@ -888,7 +899,7 @@ function MediaPlayerError({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "media-player-error",
 		role: "alert",
-		className: cn("absolute inset-0 z-20 flex flex-col items-center justify-center gap-1 bg-canvas/85 px-6 text-center text-fg-primary backdrop-blur-sm rounded-2xl", className),
+		className: cn("absolute inset-0 z-20 flex flex-col items-center justify-center gap-1 rounded-[inherit] bg-canvas/85 px-6 text-center text-fg-primary backdrop-blur-sm", className),
 		...props,
 		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
 			/* @__PURE__ */ jsx(TriangleAlert, {

package/dist/message.js

@@ -1,6 +1,6 @@
 "use client";
+import { CheckCheck } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
-import { CheckCheck } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";

package/dist/mobile-sidebar.js

@@ -1,8 +1,8 @@
 "use client";
+import { ChevronDown, Menu, X } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.js";
 import { Sheet, SheetBody, SheetClose, SheetContent, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./sheet.js";
-import { ChevronDownIcon, MenuIcon, XIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
@@ -15,7 +15,7 @@ function MobileSidebarTrigger({ className, children, ...props }) {
 		"data-slot": "mobile-sidebar-trigger",
 		className: cn("inline-flex size-10 items-center justify-center rounded-lg text-fg-secondary outline-none transition-[background-color,color,translate] duration-(--duration-motion-press) ease-gdt-out hover:bg-surface hover:text-fg-primary focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)] active:translate-y-px motion-reduce:active:translate-y-0", className),
 		...props,
-		children: children ?? /* @__PURE__ */ jsx(MenuIcon, {
+		children: children ?? /* @__PURE__ */ jsx(Menu, {
 			"aria-hidden": "true",
 			className: "size-6"
 		})
@@ -50,7 +50,7 @@ function MobileSidebarClose({ className, children, ...props }) {
 		"data-slot": "mobile-sidebar-close",
 		className: cn("inline-flex size-8 shrink-0 items-center justify-center rounded-lg text-fg-primary outline-none transition-[background-color,translate] duration-(--duration-motion-press) ease-gdt-out hover:bg-surface focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)] active:translate-y-px motion-reduce:active:translate-y-0", className),
 		...props,
-		children: children ?? /* @__PURE__ */ jsx(XIcon, {
+		children: children ?? /* @__PURE__ */ jsx(X, {
 			"aria-hidden": "true",
 			className: "size-5"
 		})
@@ -137,7 +137,7 @@ function MobileSidebarGroupTrigger({ active = false, icon, className, children,
 				className: "min-w-0 truncate",
 				children
 			})]
-		}), /* @__PURE__ */ jsx(ChevronDownIcon, {
+		}), /* @__PURE__ */ jsx(ChevronDown, {
 			"aria-hidden": "true",
 			className: "size-4 shrink-0 text-current transition-transform duration-(--duration-motion-press) ease-gdt-out group-data-[panel-open]/collapsible-trigger:rotate-180 motion-reduce:transition-none"
 		})]

package/dist/multi-step-form.js

@@ -1,9 +1,9 @@
 "use client";
+import { Check } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { t as useUncontrolled } from "./use-uncontrolled-CLfM1XbB.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
 import { Progress, ProgressIndicator, ProgressTrack } from "./progress.js";
-import { CheckIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 //#region src/multi-step-form.tsx
@@ -181,7 +181,7 @@ function MultiStepFormIndicator({ type = "stepper", progressValue, showNextLabel
 								children: [/* @__PURE__ */ jsx("span", {
 									className: "transition-opacity duration-[var(--duration-motion-press)] ease-gdt-out group-data-[state=complete]/multi-step-form-step:opacity-0",
 									children: index + 1
-								}), /* @__PURE__ */ jsx(CheckIcon, {
+								}), /* @__PURE__ */ jsx(Check, {
 									"aria-hidden": "true",
 									strokeWidth: 2.5,
 									className: "absolute inset-0 m-auto size-4.5 scale-95 opacity-0 transition-[opacity,scale] duration-[var(--duration-motion-press)] ease-gdt-out motion-reduce:scale-100 group-data-[state=complete]/multi-step-form-step:scale-100 group-data-[state=complete]/multi-step-form-step:opacity-100"

package/dist/number-input.js

@@ -1,8 +1,8 @@
 "use client";
+import { Minus, Plus } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { SizeProvider, useComponentSize } from "./size-context.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
-import { MinusIcon, PlusIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NumberField } from "@base-ui/react/number-field";
 //#region src/number-input.tsx
@@ -52,14 +52,14 @@ function NumberInputControl() {
 			children: [/* @__PURE__ */ jsx(NumberField.Increment, {
 				className: "w-full flex-1 rounded-none rounded-tr-full",
 				render: /* @__PURE__ */ jsx(InputGroupButton, { variant: "tertiary" }),
-				children: /* @__PURE__ */ jsx(PlusIcon, { className: cn("size-1.5", {
+				children: /* @__PURE__ */ jsx(Plus, { className: cn("size-1.5", {
 					"size-3": size === "md",
 					"size-3.5": size === "lg"
 				}) })
 			}), /* @__PURE__ */ jsx(NumberField.Decrement, {
 				className: "w-full flex-1 rounded-none rounded-br-full",
 				render: /* @__PURE__ */ jsx(InputGroupButton, { variant: "tertiary" }),
-				children: /* @__PURE__ */ jsx(MinusIcon, { className: cn("size-1.5", {
+				children: /* @__PURE__ */ jsx(Minus, { className: cn("size-1.5", {
 					"size-3": size === "md",
 					"size-3.5": size === "lg"
 				}) })

package/dist/pagination.js

@@ -1,6 +1,6 @@
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Button, ButtonLink } from "./button.js";
-import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 //#region src/pagination.tsx
@@ -103,7 +103,7 @@ function PaginationPrevious({ className, showLabel = true, text = "Previous", ..
 		appearance: showLabel ? "control" : "icon",
 		className: cn(showLabel ? "pl-1.5!" : "", className),
 		...props,
-		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, {
+		children: [/* @__PURE__ */ jsx(ChevronLeft, {
 			"data-icon": "inline-start",
 			className: "cn-rtl-flip"
 		}), showLabel ? /* @__PURE__ */ jsx("span", {
@@ -121,7 +121,7 @@ function PaginationNext({ className, showLabel = true, text = "Next", ...props }
 		children: [showLabel ? /* @__PURE__ */ jsx("span", {
 			className: "hidden sm:block",
 			children: text
-		}) : null, /* @__PURE__ */ jsx(ChevronRightIcon, {
+		}) : null, /* @__PURE__ */ jsx(ChevronRight, {
 			"data-icon": "inline-end",
 			className: "cn-rtl-flip"
 		})]
@@ -133,7 +133,7 @@ function PaginationEllipsis({ className, ...props }) {
 		"data-slot": "pagination-ellipsis",
 		className: cn("flex size-8 items-center justify-center text-fg-secondary [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
-		children: [/* @__PURE__ */ jsx(MoreHorizontalIcon, {}), /* @__PURE__ */ jsx("span", {
+		children: [/* @__PURE__ */ jsx(MoreHorizontal, {}), /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
 			children: "More pages"
 		})]

package/dist/password-input.js

@@ -1,7 +1,7 @@
 "use client";
+import { Eye, EyeOff } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
-import { Eye, EyeOff } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 //#region src/password-input.tsx

package/dist/phone-input.js

@@ -1,10 +1,10 @@
 "use client";
+import { Check, ChevronDown, Search } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { useComponentSize } from "./size-context.js";
 import { Separator } from "./separator.js";
 import { InputGroup, InputGroupAddon, InputGroupInput } from "./input-group.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
-import { CheckIcon, ChevronDownIcon, SearchIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { AsYouType, getCountries, getCountryCallingCode, parsePhoneNumber } from "libphonenumber-js";
@@ -109,7 +109,7 @@ function CountryList({ items, country, onSelect }) {
 							className: "shrink-0 text-fg-secondary",
 							children: ["+", entry.calling]
 						}),
-						selected && /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 shrink-0 text-fg-brand" })
+						selected && /* @__PURE__ */ jsx(Check, { className: "size-4 shrink-0 text-fg-brand" })
 					]
 				}, entry.code);
 			})
@@ -147,7 +147,7 @@ function CountrySelect({ country, size, disabled, onSelect, finalFocusRef }) {
 					size
 				}),
 				/* @__PURE__ */ jsxs("span", { children: ["+", getCountryCallingCode(country)] }),
-				/* @__PURE__ */ jsx(ChevronDownIcon, { className: cn("text-fg-secondary transition-transform", open && "rotate-180", size === "lg" ? "size-4" : "size-3.5") })
+				/* @__PURE__ */ jsx(ChevronDown, { className: cn("text-fg-secondary transition-transform", open && "rotate-180", size === "lg" ? "size-4" : "size-3.5") })
 			]
 		}), /* @__PURE__ */ jsxs(PopoverContent, {
 			showArrow: false,
@@ -158,7 +158,7 @@ function CountrySelect({ country, size, disabled, onSelect, finalFocusRef }) {
 			className: "w-72 gap-0 overflow-hidden p-0",
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2 border-b border-line-subtle px-3.5 py-2.5",
-				children: [/* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 text-fg-secondary" }), /* @__PURE__ */ jsx("input", {
+				children: [/* @__PURE__ */ jsx(Search, { className: "size-4 shrink-0 text-fg-secondary" }), /* @__PURE__ */ jsx("input", {
 					ref: searchRef,
 					value: query,
 					onChange: (event) => setQuery(event.target.value),

package/dist/photo-gallery.js

@@ -1,8 +1,8 @@
 "use client";
+import { ChevronLeft, ChevronRight, Fullscreen, X } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Button } from "./button.js";
 import { Carousel, CarouselContent, CarouselItem } from "./carousel.js";
-import { ChevronLeftIcon, ChevronRightIcon, Fullscreen, XIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Dialog } from "@base-ui/react/dialog";
@@ -113,7 +113,7 @@ function GalleryButton({ className, variant = "ghost", ...rest }) {
 }
 /** Circular floating navigation button. Always present; the track loops. */
 function GalleryArrow({ side, onClick, className }) {
-	const Icon = side === "prev" ? ChevronLeftIcon : ChevronRightIcon;
+	const Icon = side === "prev" ? ChevronLeft : ChevronRight;
 	return /* @__PURE__ */ jsx(GalleryButton, {
 		type: "button",
 		"data-slot": `photo-gallery-${side}`,
@@ -272,7 +272,7 @@ function PhotoGalleryFullscreen({ images, open, onOpenChange, index, onIndexChan
 						"data-slot": "photo-gallery-fullscreen-close",
 						"aria-label": "Close gallery",
 						render: /* @__PURE__ */ jsx(GalleryButton, {}),
-						children: /* @__PURE__ */ jsx(XIcon, { className: "size-4 sm:size-5" })
+						children: /* @__PURE__ */ jsx(X, { className: "size-4 sm:size-5" })
 					})]
 				}),
 				/* @__PURE__ */ jsxs(Carousel, {

package/dist/price-tag.js

@@ -1,6 +1,6 @@
 "use client";
+import { Check, ChevronDown } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
-import { Check, ChevronDown } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Popover } from "@base-ui/react/popover";

package/dist/property-listing-card.js

@@ -62,7 +62,7 @@ function PropertyListingCardMediaTop({ className, ...props }) {
 function PropertyListingCardOptionsBar({ className, render, ...props }) {
 	return useRender({
 		defaultTagName: "a",
-		props: mergeProps({ className: cn("absolute inset-x-0 bottom-0 z-10 flex min-h-9.5 items-center justify-center gap-1 bg-black/80 px-4 py-1.5 text-center text-gdt-subtext font-extrabold tracking-wide text-white uppercase transition-[background-color] hover:bg-black/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-line-focus", className) }, props),
+		props: mergeProps({ className: cn("absolute inset-x-0 bottom-0 z-10 flex min-h-9.5 items-center justify-center gap-1 bg-black/70 px-4 py-1.5 text-center text-gdt-subtext font-extrabold tracking-wide text-white uppercase transition-[background-color] hover:bg-black/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-line-focus", "supports-backdrop-filter:bg-black/40 supports-backdrop-filter:backdrop-blur-[15px] supports-backdrop-filter:hover:bg-black/55", className) }, props),
 		render,
 		state: { slot: "property-listing-card-options-bar" }
 	});

package/dist/rich-text-editor.js

@@ -1,15 +1,15 @@
 "use client";
+import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Baseline, Bold, ChevronDown, Code2, Image as Image$1, Italic, Link2, List, ListOrdered, Quote, Redo2, Underline, Undo2 } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { useComponentSize } from "./size-context.js";
 import { Button } from "./button.js";
 import { Input } from "./input.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from "./dropdown-menu.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
-import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Baseline, Bold, ChevronDown, Code2, ImageIcon, Italic, Link2, List, ListOrdered, Quote, Redo2, Underline, Undo2 } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Color } from "@tiptap/extension-color";
-import { Image as Image$1 } from "@tiptap/extension-image";
+import { Image } from "@tiptap/extension-image";
 import { Placeholder } from "@tiptap/extension-placeholder";
 import { TextAlign } from "@tiptap/extension-text-align";
 import { TextStyle } from "@tiptap/extension-text-style";
@@ -283,7 +283,7 @@ function ImageControl({ tokens, disabled, onInsert }) {
 			title: "Insert image",
 			onMouseDown: (event) => event.preventDefault(),
 			className: toolbarControlClass(tokens, false),
-			children: /* @__PURE__ */ jsx(ImageIcon, {})
+			children: /* @__PURE__ */ jsx(Image$1, {})
 		}), /* @__PURE__ */ jsx(PopoverContent, {
 			showArrow: false,
 			align: "start",
@@ -387,7 +387,7 @@ const RichTextEditor = React.forwardRef(function RichTextEditor({ value, default
 			TextStyle,
 			Color,
 			TextAlign.configure({ types: ["heading", "paragraph"] }),
-			Image$1.configure({
+			Image.configure({
 				inline: false,
 				allowBase64: true
 			}),

package/dist/scroll-spy.d.ts

@@ -0,0 +1,61 @@
+import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
+import { TabsListVariant } from "./tabs.js";
+import * as React from "react";
+//#region src/scroll-spy.d.ts
+type ScrollSpyProps = Omit<React.ComponentProps<"div">, "onChange"> & {
+  orientation?: "horizontal" | "vertical";
+  /** Controlled active section. */
+  value?: string;
+  /** Active section before the first scroll measurement lands. */
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  /**
+   * Distance in px between the top of the scrollport and the line a section
+   * has to cross to become active. Set it to the height of a sticky header —
+   * it also becomes each section's `scroll-margin-top`, so scrolling lands
+   * the heading below the header rather than under it.
+   */
+  scrollOffset?: number;
+};
+/**
+ * `Tabs` for a page that shows everything at once: every section stays mounted
+ * and visible, the triggers scroll to their section, and the active trigger
+ * tracks whichever section the reader is currently on.
+ *
+ * The parts mirror the `Tabs` API — `ScrollSpy` / `ScrollSpyList` /
+ * `ScrollSpyTrigger` / `ScrollSpyContent`, matched by `value` — and the list
+ * takes the same `variant` and `size` as `TabsList`, so the two read as one
+ * family. Overflow ("More" dropdowns, per-breakpoint trigger counts) is the
+ * consuming app's job, exactly as it is with `Tabs`;
+ * `scrollSpyTriggerClassName` is exported so an overflow button can match the
+ * real triggers.
+ */
+declare function ScrollSpy({ className, orientation, value, defaultValue, onValueChange, scrollOffset, children, ...props }: ScrollSpyProps): React.JSX.Element;
+type ScrollSpyListProps = React.ComponentProps<"nav"> & {
+  variant?: TabsListVariant;
+  size?: ComponentSize;
+  /**
+   * Keep the active trigger visible as the reader scrolls. Opt in when the
+   * list itself scrolls — without it, a strip narrower than its triggers looks
+   * frozen once the active one passes out of view. No-op when nothing
+   * overflows, and it never scrolls anything but the list.
+   */
+  scrollActiveIntoView?: boolean;
+};
+declare function ScrollSpyList({ className, variant, size, children, scrollActiveIntoView, "aria-label": ariaLabel, ...props }: ScrollSpyListProps): React.JSX.Element;
+/**
+ * Trigger styling, exported so an overflow "More" button outside the list can
+ * render the same look — the `Tabs` trigger classes verbatim, so the two
+ * components stay pixel-identical.
+ */
+declare const scrollSpyTriggerClassName: string;
+type ScrollSpyTriggerProps = Omit<React.ComponentProps<"button">, "value"> & {
+  value: string;
+};
+declare function ScrollSpyTrigger({ className, value, type, onClick, ...props }: ScrollSpyTriggerProps): React.JSX.Element;
+type ScrollSpyContentProps = Omit<React.ComponentProps<"section">, "value"> & {
+  value: string;
+};
+declare function ScrollSpyContent({ className, value, style, tabIndex, ...props }: ScrollSpyContentProps): React.JSX.Element;
+//#endregion
+export { ScrollSpy, ScrollSpyContent, type ScrollSpyContentProps, ScrollSpyList, type ScrollSpyListProps, type ScrollSpyProps, ScrollSpyTrigger, type ScrollSpyTriggerProps, scrollSpyTriggerClassName };