@giddaa-housing/ui 3.0.1 → 3.2.0

package/dist/combobox.js

@@ -1,9 +1,9 @@
 "use client";
+import { Check, ChevronDown, X } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { SizeProvider, useComponentSize } from "./size-context.js";
 import { Button } from "./button.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
-import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import * as React from "react";
@@ -85,7 +85,7 @@ function ComboboxTrigger({ className, children, ...props }) {
 		"data-size": resolvedSize,
 		className: cn(comboboxTriggerVariants({ size: resolvedSize }), className),
 		...props,
-		children: [children, /* @__PURE__ */ jsx(Combobox$1.Icon, { render: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-line-strong transition-transform group-data-disabled/combobox-trigger:text-fg-caption-placeholder group-data-popup-open/combobox-trigger:rotate-180" }) })]
+		children: [children, /* @__PURE__ */ jsx(Combobox$1.Icon, { render: /* @__PURE__ */ jsx(ChevronDown, { className: "text-line-strong transition-transform group-data-disabled/combobox-trigger:text-fg-caption-placeholder group-data-popup-open/combobox-trigger:rotate-180" }) })]
 	});
 }
 function ComboboxClear({ className, ...props }) {
@@ -96,7 +96,7 @@ function ComboboxClear({ className, ...props }) {
 		render: /* @__PURE__ */ jsx(InputGroupButton, {
 			variant: "ghost",
 			size: "icon-xs",
-			children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
+			children: /* @__PURE__ */ jsx(X, { className: "pointer-events-none" })
 		})
 	});
 }
@@ -158,9 +158,9 @@ function ComboboxItem({ className, children, ...props }) {
 		children: [multiple ? /* @__PURE__ */ jsx(Combobox$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/combobox-item:border-action-primary group-data-selected/combobox-item:bg-action-primary group-data-selected/combobox-item:text-fg-on-brand group-data-disabled/combobox-item:border-line-subtle group-data-disabled/combobox-item:bg-surface group-data-disabled/combobox-item:text-fg-caption-placeholder [&>svg]:size-3",
-			children: /* @__PURE__ */ jsx(CheckIcon, {})
+			children: /* @__PURE__ */ jsx(Check, {})
 		}) : null, /* @__PURE__ */ jsx("span", {
-			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
 		})]
 	});
@@ -219,7 +219,7 @@ function ComboboxChip({ className, children, showRemove = true, ...props }) {
 			render: /* @__PURE__ */ jsx(Button, {
 				variant: "ghost",
 				size: "icon-xs",
-				children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
+				children: /* @__PURE__ */ jsx(X, { className: "pointer-events-none" })
 			})
 		})]
 	});

package/dist/cta.js

@@ -59,9 +59,9 @@ function CTAContent({ className, render, ...props }) {
 function CTATag({ className, render, ...props }) {
 	return useRender({
 		defaultTagName: "span",
-		props: mergeProps({ className: cn("text-fg-brand text-gdt-capitalized uppercase font-semibold", className) }, props),
+		props: mergeProps({ className: cn("text-fg-brand text-gdt-capitalized uppercase font-semibold", "group-data-[variant=brand]/cta-card:text-fg-on-brand", className) }, props),
 		render,
-		state: { slot: "cta-title" }
+		state: { slot: "cta-tag" }
 	});
 }
 function CTATitle({ className, render, ...props }) {
@@ -130,7 +130,7 @@ function CTAListItem({ children, className, icon, render, ...props }) {
 function CTACard({ className, render, variant = "default", ...props }) {
 	return useRender({
 		defaultTagName: "div",
-		props: mergeProps({ className: cn("group/cta-card min-w-0 flex flex-col gap-3.5  py-6.5 px-6 rounded-2xl text", { "bg-canvas border shadow-1": variant === "default" }, { "bg-surface-brand shadow-2": variant === "brand" }) }, props),
+		props: mergeProps({ className: cn("group/cta-card min-w-0 flex flex-col gap-3.5  py-6.5 px-6 rounded-2xl text", { "bg-canvas border border-line shadow-1": variant === "default" }, { "bg-surface-brand shadow-2": variant === "brand" }) }, props),
 		render,
 		state: {
 			slot: "cta-card",

package/dist/currency-selector.d.ts

@@ -1,15 +1,17 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 //#region src/currency-selector.d.ts
-type CurrencyFlagStripe = {
-  color: string;
-  size?: number;
-};
 type CurrencySelectorOption = {
   code: string;
   label: string;
+  /**
+   * ISO 3166-1 alpha-2 code used to pick the flag. Defaults to the first two
+   * letters of `code`, which is how ISO 4217 currency codes are built —
+   * `NGN` → `NG`, `USD` → `US`, `EUR` → `EU`.
+   */
   countryCode?: string;
-  flag?: readonly CurrencyFlagStripe[];
+  /** Custom artwork, for a currency the built-in flag set does not cover. */
+  flag?: React.ReactNode;
 };
 type CurrencySelectorSize = NonNullable<VariantProps<typeof currencySelectorTriggerVariants>["size"]>;
 type CurrencySelectorProps = Omit<React.ComponentProps<"button">, "children" | "defaultValue" | "onChange" | "value"> & {
@@ -31,11 +33,11 @@ declare const currencySelectorTriggerVariants: (props?: ({
   size?: "lg" | "md" | "sm" | null | undefined;
   withBackground?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function CurrencyFlag({ flag, label, className }: {
-  flag?: readonly CurrencyFlagStripe[];
+declare function CurrencyFlag({ countryCode, label, className }: {
+  countryCode?: string;
   label?: string;
   className?: string;
 }): React.JSX.Element;
 declare function CurrencySelector({ options, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, size, withBackground, showFlag, showOptionFlags, contentClassName, className, placeholder, type, ...props }: CurrencySelectorProps): React.JSX.Element;
 //#endregion
-export { CurrencyFlag, type CurrencyFlagStripe, CurrencySelector, type CurrencySelectorOption, type CurrencySelectorProps, type CurrencySelectorSize, currencySelectorTriggerVariants };
+export { CurrencyFlag, CurrencySelector, type CurrencySelectorOption, type CurrencySelectorProps, type CurrencySelectorSize, currencySelectorTriggerVariants };

package/dist/currency-selector.js

@@ -1,17 +1,235 @@
 "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 { CheckIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+//#region src/lib/country-flags.tsx
+/**
+* Hand-drawn flags for the currencies the design system ships with. They are
+* simplified for a 24×16 pill — recognisable at icon size rather than exact
+* heraldry — and inlined so no icon or flag package is needed at runtime.
+*
+* Every flag draws into a `0 0 24 16` viewBox. Add a country by dropping a new
+* entry into `COUNTRY_FLAGS`, keyed by its ISO 3166-1 alpha-2 code.
+*/
+/** Points of a five-pointed star, so the EU/US/Ghana stars stay real stars. */
+function starPath(cx, cy, radius) {
+	return `M${Array.from({ length: 10 }, (_, index) => {
+		const distance = index % 2 === 0 ? radius : radius * .382;
+		const angle = index * Math.PI / 5 - Math.PI / 2;
+		return `${(cx + Math.cos(angle) * distance).toFixed(2)} ${(cy + Math.sin(angle) * distance).toFixed(2)}`;
+	}).join("L")}Z`;
+}
+const US_STRIPE_HEIGHT = 16 / 13;
+const US_STRIPES = Array.from({ length: 7 }, (_, index) => index * 2 * US_STRIPE_HEIGHT);
+const US_STARS = Array.from({ length: 9 }, (_, index) => ({
+	x: 2.2 + index % 3 * 2.6,
+	y: 2 + Math.floor(index / 3) * 2.3
+}));
+const EU_STARS = Array.from({ length: 12 }, (_, index) => {
+	const angle = index * Math.PI / 6 - Math.PI / 2;
+	return {
+		x: 12 + Math.cos(angle) * 5,
+		y: 8 + Math.sin(angle) * 5
+	};
+});
+const MAPLE_LEAF = "M12 3.45L12.71 5.25L14.23 4.83L13.85 6.54L16.09 6.96L15.52 7.68L15.94 9.05L13.95 8.72L13.76 9.67L12.59 9.01L12.9 12.19L11.1 12.19L11.41 9.01L10.24 9.67L10.05 8.72L8.06 9.05L8.48 7.68L7.92 6.96L10.15 6.54L9.77 4.83L11.29 5.25Z";
+const COUNTRY_FLAGS = {
+	/** Nigeria */
+	NG: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			width: "24",
+			height: "16",
+			fill: "#ffffff"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			width: "8",
+			height: "16",
+			fill: "#008751"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			x: "16",
+			width: "8",
+			height: "16",
+			fill: "#008751"
+		})
+	] }),
+	/** United States */
+	US: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			width: "24",
+			height: "16",
+			fill: "#ffffff"
+		}),
+		US_STRIPES.map((y) => /* @__PURE__ */ jsx("rect", {
+			y,
+			width: "24",
+			height: US_STRIPE_HEIGHT,
+			fill: "#b22234"
+		}, y)),
+		/* @__PURE__ */ jsx("rect", {
+			width: "9.6",
+			height: US_STRIPE_HEIGHT * 7,
+			fill: "#3c3b6e"
+		}),
+		US_STARS.map((star) => /* @__PURE__ */ jsx("path", {
+			d: starPath(star.x, star.y, .85),
+			fill: "#ffffff"
+		}, `${star.x}-${star.y}`))
+	] }),
+	/** United Kingdom */
+	GB: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			width: "24",
+			height: "16",
+			fill: "#012169"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M0 0 24 16M24 0 0 16",
+			stroke: "#ffffff",
+			strokeWidth: "3.2"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M0 0 24 16M24 0 0 16",
+			stroke: "#c8102e",
+			strokeWidth: "1.6"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M12 0V16M0 8H24",
+			stroke: "#ffffff",
+			strokeWidth: "5.3"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M12 0V16M0 8H24",
+			stroke: "#c8102e",
+			strokeWidth: "3.2"
+		})
+	] }),
+	/** European Union */
+	EU: () => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
+		width: "24",
+		height: "16",
+		fill: "#003399"
+	}), EU_STARS.map((star) => /* @__PURE__ */ jsx("path", {
+		d: starPath(star.x, star.y, 1),
+		fill: "#ffcc00"
+	}, `${star.x.toFixed(2)}-${star.y.toFixed(2)}`))] }),
+	/** Canada */
+	CA: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			width: "24",
+			height: "16",
+			fill: "#ffffff"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			width: "6",
+			height: "16",
+			fill: "#d52b1e"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			x: "18",
+			width: "6",
+			height: "16",
+			fill: "#d52b1e"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: MAPLE_LEAF,
+			fill: "#d52b1e"
+		})
+	] }),
+	/** Japan */
+	JP: () => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
+		width: "24",
+		height: "16",
+		fill: "#ffffff"
+	}), /* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "8",
+		r: "4.6",
+		fill: "#bc002d"
+	})] }),
+	/** Ghana */
+	GH: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			width: "24",
+			height: "16",
+			fill: "#fcd116"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			width: "24",
+			height: "5.33",
+			fill: "#ce1126"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			y: "10.67",
+			width: "24",
+			height: "5.33",
+			fill: "#006b3f"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: starPath(12, 8, 2.3),
+			fill: "#000000"
+		})
+	] }),
+	/** United Arab Emirates */
+	AE: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			width: "24",
+			height: "16",
+			fill: "#ffffff"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			x: "6",
+			width: "18",
+			height: "5.33",
+			fill: "#00732f"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			x: "6",
+			y: "10.67",
+			width: "18",
+			height: "5.33",
+			fill: "#000000"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			width: "6",
+			height: "16",
+			fill: "#ff0000"
+		})
+	] })
+};
+/** Neutral placeholder for a currency we have no flag for yet. */
+function FallbackFlag() {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			width: "24",
+			height: "16",
+			fill: "currentColor",
+			opacity: "0.1"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "8",
+			r: "4",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1",
+			opacity: "0.45"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M8 8h8M12 4c1.8 1.9 1.8 6.1 0 8M12 4c-1.8 1.9-1.8 6.1 0 8",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1",
+			opacity: "0.45"
+		})
+	] });
+}
+//#endregion
 //#region src/currency-selector.tsx
-const DEFAULT_FLAG = [
-	{ color: "#1f8f55" },
-	{ color: "#ffffff" },
-	{ color: "#1f8f55" }
-];
-const currencySelectorTriggerVariants = cva("group/currency-selector inline-flex w-fit shrink-0 items-center rounded-full border-0 font-bold whitespace-nowrap outline-none transition-[background-color,color,box-shadow] focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60 data-popup-open:text-fg-primary [&_svg]:size-3.5 [&_svg]:shrink-0 [&_svg]:text-current", {
+const currencySelectorTriggerVariants = cva("group/currency-selector inline-flex w-fit shrink-0 items-center rounded-full border-0 font-bold whitespace-nowrap outline-none transition-[background-color,color,box-shadow] focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60 data-popup-open:text-fg-primary [&_svg:not([data-slot=currency-flag])]:size-3.5 [&_svg]:shrink-0 [&_svg]:text-current", {
 	variants: {
 		size: {
 			sm: "h-8 gap-1.5 px-3 text-gdt-xs",
@@ -31,20 +249,27 @@ const currencySelectorTriggerVariants = cva("group/currency-selector inline-flex
 function findOption(options, value) {
 	return options.find((option) => option.code === value);
 }
-function CurrencyFlag({ flag = DEFAULT_FLAG, label, className }) {
-	const total = flag.reduce((sum, stripe) => sum + (stripe.size ?? 1), 0);
-	let cursor = 0;
-	const stops = flag.flatMap((stripe) => {
-		const start = cursor;
-		cursor += (stripe.size ?? 1) / total * 100;
-		return [`${stripe.color} ${start.toFixed(2)}%`, `${stripe.color} ${cursor.toFixed(2)}%`];
-	});
-	return /* @__PURE__ */ jsx("span", {
+/** `USD` → `US`, `EUR` → `EU`: ISO 4217 codes lead with their country code. */
+function toCountryCode(option) {
+	return (option.countryCode ?? option.code.slice(0, 2)).toUpperCase();
+}
+function CurrencyFlag({ countryCode, label, className }) {
+	const Flag = (countryCode ? COUNTRY_FLAGS[countryCode.toUpperCase()] : void 0) ?? FallbackFlag;
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 24 16",
 		role: "img",
 		"aria-label": label ?? "Currency flag",
 		"data-slot": "currency-flag",
-		className: cn("inline-block h-4 w-6 shrink-0 overflow-hidden rounded-[3px] bg-cover shadow-[inset_0_0_0_1px_rgb(0_0_0/0.04)]", className),
-		style: { backgroundImage: `linear-gradient(90deg, ${stops.join(", ")})` }
+		className: cn("inline-block size-4 w-6 shrink-0 overflow-hidden rounded-[3px] shadow-[inset_0_0_0_1px_rgb(0_0_0/0.08)]", className),
+		children: /* @__PURE__ */ jsx(Flag, {})
+	});
+}
+/** Renders the option's own artwork when it has any, else the built-in flag. */
+function OptionFlag({ option }) {
+	if (option.flag) return option.flag;
+	return /* @__PURE__ */ jsx(CurrencyFlag, {
+		countryCode: toCountryCode(option),
+		label: `${toCountryCode(option)} flag`
 	});
 }
 function CurrencySelector({ options, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, size = "md", withBackground = true, showFlag = true, showOptionFlags = true, contentClassName, className, placeholder = "Select currency", type = "button", ...props }) {
@@ -77,10 +302,7 @@ function CurrencySelector({ options, value, defaultValue, onValueChange, open, d
 				withBackground
 			}), className),
 			...props,
-			children: [showFlag && selectedOption ? /* @__PURE__ */ jsx(CurrencyFlag, {
-				flag: selectedOption.flag,
-				label: `${selectedOption.countryCode ?? selectedOption.code} flag`
-			}) : null, /* @__PURE__ */ jsx(SelectValue, {
+			children: [showFlag && selectedOption ? /* @__PURE__ */ jsx(OptionFlag, { option: selectedOption }) : null, /* @__PURE__ */ jsx(SelectValue, {
 				placeholder,
 				children: selectedOption?.code ?? placeholder
 			})]
@@ -92,10 +314,7 @@ function CurrencySelector({ options, value, defaultValue, onValueChange, open, d
 				value: option.code,
 				className: "min-h-12 rounded-lg px-3 text-gdt-sm data-selected:bg-surface-brand-subtle data-selected:font-normal data-selected:text-fg-brand data-highlighted:bg-surface-brand-subtle",
 				children: [
-					showOptionFlags ? /* @__PURE__ */ jsx(CurrencyFlag, {
-						flag: option.flag,
-						label: `${option.countryCode ?? option.code} flag`
-					}) : null,
+					showOptionFlags ? /* @__PURE__ */ jsx(OptionFlag, { option }) : null,
 					/* @__PURE__ */ jsxs("span", {
 						className: "min-w-0 flex-1 truncate",
 						children: [
@@ -104,7 +323,7 @@ function CurrencySelector({ options, value, defaultValue, onValueChange, open, d
 							option.label
 						]
 					}),
-					option.code === selectedValue ? /* @__PURE__ */ jsx(CheckIcon, { className: "ml-auto size-4 text-fg-brand" }) : null
+					option.code === selectedValue ? /* @__PURE__ */ jsx(Check, { className: "ml-auto size-4 text-fg-brand" }) : null
 				]
 			}, option.code))
 		})]

package/dist/data-table.js

@@ -1,4 +1,5 @@
 "use client";
+import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsUpDown, Pin, SearchX, SlidersHorizontal } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Button } from "./button.js";
 import { Input } from "./input.js";
@@ -11,7 +12,6 @@ import { Popover, PopoverBody, PopoverContent, PopoverFooter, PopoverHeader, Pop
 import { Skeleton } from "./skeleton.js";
 import { Table as Table$1, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table.js";
 import { TableCard, TableCardAction } from "./table-card.js";
-import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsUpDown, PinIcon, SearchX, SlidersHorizontal } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
@@ -258,7 +258,7 @@ function DataTable({ className, containerClassName, emptyState, interactiveColum
 								type: "button",
 								className: "shrink-0 cursor-pointer border-none bg-transparent p-0 outline-none",
 								onClick: () => isPinned ? header.column.pin(false) : header.column.pin("left"),
-								children: /* @__PURE__ */ jsx(PinIcon, { className: cn("size-3.5", isPinned && "text-fg-brand") })
+								children: /* @__PURE__ */ jsx(Pin, { className: cn("size-3.5", isPinned && "text-fg-brand") })
 							}) : null,
 							header.column.getCanResize() ? /* @__PURE__ */ jsx("button", {
 								"aria-label": "Resize column",

package/dist/date-picker.js

@@ -1,9 +1,9 @@
 "use client";
+import { Calendar } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
-import { Calendar } from "./calendar.js";
+import { Calendar as Calendar$1 } from "./calendar.js";
 import { Popover, PopoverContent } from "./popover.js";
 import { n as PickerFooter, r as PickerTrigger, t as PICKER_COLLISION_AVOIDANCE } from "./picker-xSTzeYhc.js";
-import { CalendarIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 //#region src/date-picker.tsx
@@ -36,7 +36,7 @@ function DatePicker({ value, onChange, disabled = false, size, placeholder = "Se
 		open,
 		onOpenChange: handleOpenChange,
 		children: [/* @__PURE__ */ jsx(PickerTrigger, {
-			icon: CalendarIcon,
+			icon: Calendar,
 			displayValue: value ? formatDate(value) : "",
 			placeholder,
 			disabled,
@@ -49,7 +49,7 @@ function DatePicker({ value, onChange, disabled = false, size, placeholder = "Se
 			side: "bottom",
 			collisionAvoidance: PICKER_COLLISION_AVOIDANCE,
 			className: PANEL_CLASSES,
-			children: [/* @__PURE__ */ jsx(Calendar, {
+			children: [/* @__PURE__ */ jsx(Calendar$1, {
 				mode: "single",
 				selected: pending,
 				onSelect: setPending,
@@ -89,7 +89,7 @@ function DateRangePicker({ value, onChange, disabled = false, size, placeholder
 		open,
 		onOpenChange: handleOpenChange,
 		children: [/* @__PURE__ */ jsx(PickerTrigger, {
-			icon: CalendarIcon,
+			icon: Calendar,
 			displayValue: (() => {
 				if (value?.from && value?.to) return `${formatDate(value.from)} — ${formatDate(value.to)}`;
 				if (value?.from) return formatDate(value.from);
@@ -106,7 +106,7 @@ function DateRangePicker({ value, onChange, disabled = false, size, placeholder
 			side: "bottom",
 			collisionAvoidance: PICKER_COLLISION_AVOIDANCE,
 			className: cn(PANEL_CLASSES, "w-auto"),
-			children: [/* @__PURE__ */ jsx(Calendar, {
+			children: [/* @__PURE__ */ jsx(Calendar$1, {
 				mode: "range",
 				selected: pending,
 				onSelect: setPending,

package/dist/dialog.js

@@ -1,9 +1,9 @@
 "use client";
+import { X } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { SizeProvider, useComponentSize } 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 as Dialog$1 } from "@base-ui/react/dialog";
@@ -84,7 +84,7 @@ function DialogContent({ className, children, size, showCloseButton = true, ...p
 					variant: "tertiary",
 					className: "absolute -top-10 right-0 z-10 group-data-[nested-dialog-open]/dialog-content:hidden",
 					size: "icon-sm",
-					children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+					children: [/* @__PURE__ */ jsx(X, {}), /* @__PURE__ */ jsx("span", {
 						className: "sr-only",
 						children: "Close"
 					})]

package/dist/dropdown-menu.d.ts

@@ -1,4 +1,4 @@
-import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
 import * as React from "react";
 import { Menu } from "@base-ui/react/menu";
 //#region src/dropdown-menu.d.ts