@giddaa-housing/ui 3.1.0 → 3.2.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,10 +1,10 @@
 "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

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/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/search-input.js

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

package/dist/select.js

@@ -1,7 +1,7 @@
 "use client";
+import { Check, ChevronDown, ChevronUp } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { SizeProvider, useComponentSize } from "./size-context.js";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import * as React from "react";
@@ -66,7 +66,7 @@ function SelectTrigger({ className, children, unstyled, ...props }) {
 		"data-size": resolvedSize,
 		className: cn(!unstyled && selectTriggerVariants({ size: resolvedSize }), className),
 		...props,
-		children: [children, /* @__PURE__ */ jsx(Select$1.Icon, { render: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-line-strong transition-transform group-data-disabled/select-trigger:text-fg-caption-placeholder data-popup-open:rotate-180" }) })]
+		children: [children, /* @__PURE__ */ jsx(Select$1.Icon, { render: /* @__PURE__ */ jsx(ChevronDown, { className: "text-line-strong transition-transform group-data-disabled/select-trigger:text-fg-caption-placeholder data-popup-open:rotate-180" }) })]
 	});
 }
 function SelectContent({ className, children, side = "bottom", sideOffset = 8, align = "center", alignOffset = 0, alignItemWithTrigger = false, ...props }) {
@@ -111,9 +111,9 @@ function SelectItem({ className, children, ...props }) {
 		children: [multiple ? /* @__PURE__ */ jsx(Select$1.ItemIndicator, {
 			keepMounted: true,
 			className: "flex size-5 shrink-0 items-center justify-center rounded-sm border border-line bg-canvas text-transparent transition-[background-color,border-color,color] group-data-selected/select-item:border-action-primary group-data-selected/select-item:bg-action-primary group-data-selected/select-item:text-fg-on-brand group-data-disabled/select-item:border-line-subtle group-data-disabled/select-item:bg-surface group-data-disabled/select-item:text-fg-caption-placeholder [&>svg]:size-3",
-			children: /* @__PURE__ */ jsx(CheckIcon, {})
+			children: /* @__PURE__ */ jsx(Check, {})
 		}) : null, /* @__PURE__ */ jsx(Select$1.ItemText, {
-			className: "flex min-w-0 flex-1 shrink-0 gap-2 whitespace-nowrap",
+			className: "flex min-w-0 flex-1 shrink-0 items-center gap-2",
 			children
 		})]
 	});
@@ -130,7 +130,7 @@ function SelectScrollUpButton({ className, ...props }) {
 		"data-slot": "select-scroll-up-button",
 		className: cn("sticky top-0 z-10 flex h-7 w-full cursor-default items-center justify-center bg-canvas text-fg-secondary [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
-		children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+		children: /* @__PURE__ */ jsx(ChevronUp, {})
 	});
 }
 function SelectScrollDownButton({ className, ...props }) {
@@ -138,7 +138,7 @@ function SelectScrollDownButton({ className, ...props }) {
 		"data-slot": "select-scroll-down-button",
 		className: cn("sticky bottom-0 z-10 flex h-7 w-full cursor-default items-center justify-center bg-canvas text-fg-secondary [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
-		children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+		children: /* @__PURE__ */ jsx(ChevronDown, {})
 	});
 }
 //#endregion

package/dist/sheet.js

@@ -1,9 +1,9 @@
 "use client";
+import { X } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { SizeProvider } from "./size-context.js";
 import { Button } from "./button.js";
 import { DialogNestingProvider, useDialogNestingDepth } from "./dialog-nesting.js";
-import { XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Dialog } from "@base-ui/react/dialog";
@@ -67,7 +67,7 @@ function SheetContent({ className, children, side = "left", size = "md", showClo
 					variant: "ghost",
 					className: "absolute z-10 size-7 border border-line bg-surface p-0 text-fg-primary shadow-(--elevation-e1-shadow) hover:bg-surface-raised group-data-[nested-dialog-open]/sheet-content:hidden group-data-[side=bottom]/sheet-content:-top-9 group-data-[side=bottom]/sheet-content:right-4 group-data-[side=top]/sheet-content:-bottom-9 group-data-[side=top]/sheet-content:right-4 group-data-[side=left]/sheet-content:-right-9 group-data-[side=left]/sheet-content:top-4 group-data-[side=right]/sheet-content:-left-9 group-data-[side=right]/sheet-content:top-4",
 					size: "icon-xs",
-					children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+					children: [/* @__PURE__ */ jsx(X, {}), /* @__PURE__ */ jsx("span", {
 						className: "sr-only",
 						children: "Close"
 					})]

package/dist/sidebar.js

@@ -1,4 +1,5 @@
 "use client";
+import { Menu } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Separator } from "./separator.js";
 import { Button } from "./button.js";
@@ -7,7 +8,6 @@ import { t as useUncontrolled } from "./use-uncontrolled-CLfM1XbB.js";
 import { Skeleton } from "./skeleton.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.js";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "./sheet.js";
-import { Menu } 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/stepper.js

@@ -1,6 +1,6 @@
 "use client";
+import { Check } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
-import { CheckIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import * as React from "react";
@@ -88,7 +88,7 @@ function StepperIndicator({ className, state: stateProp, children, ...props }) {
 		"data-state": resolved,
 		className: cn(indicatorVariants({ state: resolved }), className),
 		...props,
-		children: children ?? (resolved === "complete" ? /* @__PURE__ */ jsx(CheckIcon, {
+		children: children ?? (resolved === "complete" ? /* @__PURE__ */ jsx(Check, {
 			className: "size-4 sm:size-4.5",
 			strokeWidth: 2.5
 		}) : step)