@giddaa-housing/ui 3.4.0 → 3.6.0

package/dist/combobox.js

@@ -1,310 +1,3 @@
 "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 { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import { Combobox as Combobox$1 } from "@base-ui/react";
-import { useVirtualizer } from "@tanstack/react-virtual";
-//#region src/combobox.tsx
-const ComboboxSelectionContext = React.createContext({ multiple: false });
-function Combobox({ multiple, children, size, ...props }) {
-	return /* @__PURE__ */ jsx(SizeProvider, {
-		size,
-		children: /* @__PURE__ */ jsx(ComboboxSelectionContext.Provider, {
-			value: { multiple: multiple === true },
-			children: /* @__PURE__ */ jsx(Combobox$1.Root, {
-				multiple,
-				...props,
-				children
-			})
-		})
-	});
-}
-const comboboxTriggerVariants = cva("group/combobox-trigger flex w-fit min-w-0 items-center justify-between rounded-full border border-line bg-canvas text-left font-normal whitespace-nowrap text-fg-primary shadow-none outline-none transition-[background-color,border-color,border-radius,box-shadow,color] select-none hover:border-line-strong focus-visible:border-line-focus focus-visible:inset-ring-1 focus-visible:inset-ring-line-focus data-focused:border-line-focus data-focused:inset-ring-1 data-focused:inset-ring-line-focus data-popup-open:rounded-2xl data-popup-open:border-line-focus data-popup-open:inset-ring-1 data-popup-open:inset-ring-line-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-line-subtle disabled:bg-surface disabled:text-fg-caption-placeholder data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:border-line-subtle data-disabled:bg-surface data-disabled:text-fg-caption-placeholder data-placeholder:text-fg-caption-placeholder aria-invalid:border-line-danger aria-invalid:text-fg-danger aria-invalid:shadow-none data-[invalid=true]:border-line-danger data-[invalid=true]:text-fg-danger *:data-[slot=combobox-value]:line-clamp-1 *:data-[slot=combobox-value]:flex *:data-[slot=combobox-value]:min-w-0 *:data-[slot=combobox-value]:items-center *:data-[slot=combobox-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-	variants: { size: {
-		sm: "h-8 gap-2 px-3 text-gdt-xs [&_svg:not([class*='size-'])]:size-3.5",
-		md: "h-10 gap-2 px-3.5 text-gdt-sm [&_svg:not([class*='size-'])]:size-4",
-		lg: "h-12 gap-2.5 px-4 pr-5 text-gdt-md [&_svg:not([class*='size-'])]:size-4.5"
-	} },
-	defaultVariants: { size: "md" }
-});
-const comboboxInputVariants = cva("w-auto has-data-popup-open:rounded-2xl has-data-popup-open:border-line-focus has-data-popup-open:inset-ring-1 has-data-popup-open:inset-ring-line-focus", {
-	variants: { size: {
-		sm: "",
-		md: "",
-		lg: ""
-	} },
-	defaultVariants: { size: "md" }
-});
-const comboboxContentVariants = cva("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width))] origin-(--transform-origin) overflow-hidden border border-line-subtle bg-canvas text-fg-primary shadow-(--elevation-e1-shadow) transition-[opacity,scale,translate] duration-[var(--duration-motion-popup)] ease-gdt-out data-[chips=true]:min-w-(--anchor-width) data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95 data-[side=bottom]:data-starting-style:translate-y-2 data-[side=bottom]:data-ending-style:translate-y-2 data-[side=top]:data-starting-style:-translate-y-2 data-[side=top]:data-ending-style:-translate-y-2 data-[side=left]:data-starting-style:translate-x-2 data-[side=left]:data-ending-style:translate-x-2 data-[side=right]:data-starting-style:-translate-x-2 data-[side=right]:data-ending-style:-translate-x-2 data-[side=inline-end]:data-starting-style:-translate-x-2 data-[side=inline-end]:data-ending-style:-translate-x-2 data-[side=inline-start]:data-starting-style:translate-x-2 data-[side=inline-start]:data-ending-style:translate-x-2 motion-reduce:data-starting-style:scale-100 motion-reduce:data-ending-style:scale-100 motion-reduce:data-[side=bottom]:data-starting-style:translate-y-0 motion-reduce:data-[side=bottom]:data-ending-style:translate-y-0 motion-reduce:data-[side=top]:data-starting-style:translate-y-0 motion-reduce:data-[side=top]:data-ending-style:translate-y-0 motion-reduce:data-[side=left]:data-starting-style:translate-x-0 motion-reduce:data-[side=left]:data-ending-style:translate-x-0 motion-reduce:data-[side=right]:data-starting-style:translate-x-0 motion-reduce:data-[side=right]:data-ending-style:translate-x-0 motion-reduce:data-[side=inline-end]:data-starting-style:translate-x-0 motion-reduce:data-[side=inline-end]:data-ending-style:translate-x-0 motion-reduce:data-[side=inline-start]:data-starting-style:translate-x-0 motion-reduce:data-[side=inline-start]:data-ending-style:translate-x-0 *:data-[slot=input-group]:mb-1", {
-	variants: { size: {
-		sm: "rounded-lg p-1",
-		md: "rounded-xl p-1.5",
-		lg: "rounded-[18px] p-2"
-	} },
-	defaultVariants: { size: "md" }
-});
-const comboboxItemVariants = cva("group/combobox-item relative flex w-full cursor-pointer items-center font-normal text-fg-primary outline-none select-none data-highlighted:bg-surface data-disabled:pointer-events-none data-disabled:text-fg-caption-placeholder [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-	variants: { size: {
-		sm: "gap-1.5 rounded-md px-3 py-1.5 text-gdt-xs",
-		md: "gap-2 rounded-md px-4 py-2 text-gdt-sm",
-		lg: "gap-2.5 rounded-md px-4 py-2.5 text-gdt-md"
-	} },
-	defaultVariants: { size: "md" }
-});
-const comboboxChipsVariants = cva("flex flex-wrap items-center gap-1 rounded-full border border-line bg-canvas bg-clip-padding text-fg-primary transition-[background-color,border-color,box-shadow,color] focus-within:border-line-focus focus-within:inset-ring-1 focus-within:inset-ring-line-focus has-aria-invalid:border-line-danger has-aria-invalid:text-fg-danger has-aria-invalid:shadow-none has-data-[slot=combobox-chip]:px-1 has-data-popup-open:rounded-2xl has-data-popup-open:border-line-focus has-data-popup-open:inset-ring-1 has-data-popup-open:inset-ring-line-focus", {
-	variants: { size: {
-		sm: "min-h-8 px-2.5 py-1 text-gdt-xs",
-		md: "min-h-10 px-3 py-1.5 text-gdt-sm",
-		lg: "min-h-12 px-4 py-2 text-gdt-md"
-	} },
-	defaultVariants: { size: "md" }
-});
-const comboboxChipVariants = cva("flex w-fit items-center justify-center gap-1 rounded-sm bg-surface font-medium whitespace-nowrap text-fg-primary has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", {
-	variants: { size: {
-		sm: "h-5 px-1.5 text-gdt-xs",
-		md: "h-[calc(--spacing(5.25))] px-1.5 text-gdt-xs",
-		lg: "h-6 px-2 text-gdt-sm"
-	} },
-	defaultVariants: { size: "md" }
-});
-function ComboboxValue({ ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Value, {
-		"data-slot": "combobox-value",
-		...props
-	});
-}
-function ComboboxTrigger({ className, children, ...props }) {
-	const resolvedSize = useComponentSize();
-	return /* @__PURE__ */ jsxs(Combobox$1.Trigger, {
-		"data-slot": "combobox-trigger",
-		"data-size": resolvedSize,
-		className: cn(comboboxTriggerVariants({ size: resolvedSize }), className),
-		...props,
-		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 }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Clear, {
-		"data-slot": "combobox-clear",
-		className: cn(className),
-		...props,
-		render: /* @__PURE__ */ jsx(InputGroupButton, {
-			variant: "ghost",
-			size: "icon-xs",
-			children: /* @__PURE__ */ jsx(X, { className: "pointer-events-none" })
-		})
-	});
-}
-function ComboboxInput({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
-	const resolvedSize = useComponentSize();
-	return /* @__PURE__ */ jsxs(InputGroup, {
-		className: cn(comboboxInputVariants({ size: resolvedSize }), className),
-		children: [
-			/* @__PURE__ */ jsx(Combobox$1.Input, {
-				render: /* @__PURE__ */ jsx(InputGroupInput, { disabled }),
-				...props
-			}),
-			/* @__PURE__ */ jsxs(InputGroupAddon, {
-				align: "inline-end",
-				children: [showTrigger && /* @__PURE__ */ jsx(InputGroupButton, {
-					size: "icon-xs",
-					variant: "ghost",
-					render: /* @__PURE__ */ jsx(ComboboxTrigger, {}),
-					"data-slot": "input-group-button",
-					className: "border-0 bg-transparent p-0 shadow-none inset-ring-0 group-has-data-[slot=combobox-clear]/input-group:hidden hover:border-transparent focus-visible:border-transparent focus-visible:inset-ring-0 data-popup-open:border-transparent data-popup-open:bg-transparent data-popup-open:inset-ring-0 data-pressed:bg-transparent",
-					disabled
-				}), showClear && /* @__PURE__ */ jsx(ComboboxClear, { disabled })]
-			}),
-			children
-		]
-	});
-}
-function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
-	const resolvedSize = useComponentSize();
-	return /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
-		side,
-		sideOffset,
-		align,
-		alignOffset,
-		anchor,
-		className: "isolate z-50",
-		children: /* @__PURE__ */ jsx(Combobox$1.Popup, {
-			"data-slot": "combobox-content",
-			"data-chips": !!anchor,
-			className: cn("group/combobox-content", comboboxContentVariants({ size: resolvedSize }), "has-data-[slot=combobox-virtualized]:max-h-none", className),
-			...props
-		})
-	}) });
-}
-function ComboboxList({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.List, {
-		"data-slot": "combobox-list",
-		className: cn("no-scrollbar max-h-(--available-height) space-y-0.5 scroll-py-1 overflow-y-auto overscroll-contain data-empty:p-0 has-data-[slot=combobox-virtualized]:max-h-none has-data-[slot=combobox-virtualized]:space-y-0 has-data-[slot=combobox-virtualized]:overflow-hidden", className),
-		...props
-	});
-}
-function ComboboxItem({ className, children, ...props }) {
-	const { multiple } = React.useContext(ComboboxSelectionContext);
-	const resolvedSize = useComponentSize();
-	return /* @__PURE__ */ jsxs(Combobox$1.Item, {
-		"data-slot": "combobox-item",
-		className: cn(comboboxItemVariants({ size: resolvedSize }), !multiple && "data-selected:bg-surface-brand-subtle data-selected:font-medium data-selected:text-fg-brand", className),
-		...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(Check, {})
-		}) : null, /* @__PURE__ */ jsx("span", {
-			className: "flex min-w-0 flex-1 shrink-0 items-center gap-2",
-			children
-		})]
-	});
-}
-function ComboboxGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Group, {
-		"data-slot": "combobox-group",
-		className: cn("scroll-my-1 space-y-0.5", className),
-		...props
-	});
-}
-function ComboboxLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.GroupLabel, {
-		"data-slot": "combobox-label",
-		className: cn("px-3 py-1 text-gdt-xs text-fg-secondary", className),
-		...props
-	});
-}
-function ComboboxCollection({ ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Collection, {
-		"data-slot": "combobox-collection",
-		...props
-	});
-}
-function ComboboxEmpty({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Empty, {
-		"data-slot": "combobox-empty",
-		className: cn("hidden w-full justify-center py-2 text-center text-gdt-sm text-fg-secondary group-data-empty/combobox-content:flex", className),
-		...props
-	});
-}
-function ComboboxSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Separator, {
-		"data-slot": "combobox-separator",
-		className: cn("pointer-events-none my-1 h-px bg-line-subtle", className),
-		...props
-	});
-}
-function ComboboxChips({ className, ...props }) {
-	const resolvedSize = useComponentSize();
-	return /* @__PURE__ */ jsx(Combobox$1.Chips, {
-		"data-slot": "combobox-chips",
-		className: cn(comboboxChipsVariants({ size: resolvedSize }), className),
-		...props
-	});
-}
-function ComboboxChip({ className, children, showRemove = true, ...props }) {
-	const resolvedSize = useComponentSize();
-	return /* @__PURE__ */ jsxs(Combobox$1.Chip, {
-		"data-slot": "combobox-chip",
-		className: cn(comboboxChipVariants({ size: resolvedSize }), className),
-		...props,
-		children: [children, showRemove && /* @__PURE__ */ jsx(Combobox$1.ChipRemove, {
-			className: "-ml-1 opacity-50 hover:opacity-100",
-			"data-slot": "combobox-chip-remove",
-			render: /* @__PURE__ */ jsx(Button, {
-				variant: "ghost",
-				size: "icon-xs",
-				children: /* @__PURE__ */ jsx(X, { className: "pointer-events-none" })
-			})
-		})]
-	});
-}
-function ComboboxChipsInput({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Input, {
-		"data-slot": "combobox-chip-input",
-		className: cn("min-w-16 flex-1 bg-transparent text-fg-primary outline-none placeholder:text-fg-caption-placeholder", className),
-		...props
-	});
-}
-function useComboboxAnchor() {
-	return React.useRef(null);
-}
-/**
-* Wires up an external virtualizer for a large `Combobox`. Spread the returned
-* `onItemHighlighted` onto `<Combobox virtualized items={...}>` and pass
-* `virtualizerRef` to `<ComboboxVirtualizedList>`. Keeps keyboard navigation in
-* sync by scrolling the highlighted (off-screen) item into view.
-*/
-function useComboboxVirtualizer() {
-	const virtualizerRef = React.useRef(null);
-	return {
-		virtualizerRef,
-		onItemHighlighted: React.useCallback((item, { reason, index }) => {
-			const virtualizer = virtualizerRef.current;
-			if (item == null || !virtualizer || index < 0) return;
-			const isStart = index === 0;
-			const isEnd = index === virtualizer.options.count - 1;
-			if (reason === "none" || reason === "keyboard" && (isStart || isEnd)) queueMicrotask(() => {
-				virtualizer.scrollToIndex(index, { align: isEnd ? "start" : "end" });
-			});
-		}, [])
-	};
-}
-function ComboboxVirtualizedList({ virtualizerRef, estimateSize = 40, overscan = 20, paddingStart = 4, paddingEnd = 4, maxHeight = "22rem", className, children }) {
-	const filteredItems = Combobox$1.useFilteredItems();
-	const scrollElementRef = React.useRef(null);
-	const virtualizer = useVirtualizer({
-		count: filteredItems.length,
-		getScrollElement: () => scrollElementRef.current,
-		estimateSize: typeof estimateSize === "function" ? estimateSize : () => estimateSize,
-		overscan,
-		paddingStart,
-		paddingEnd,
-		scrollPaddingStart: paddingStart,
-		scrollPaddingEnd: paddingEnd
-	});
-	React.useImperativeHandle(virtualizerRef, () => virtualizer, [virtualizer]);
-	const handleScrollElementRef = React.useCallback((element) => {
-		scrollElementRef.current = element;
-		if (element) virtualizer.measure();
-	}, [virtualizer]);
-	const totalSize = virtualizer.getTotalSize();
-	if (!filteredItems.length) return null;
-	return /* @__PURE__ */ jsx("div", {
-		role: "presentation",
-		ref: handleScrollElementRef,
-		"data-slot": "combobox-virtualized",
-		style: { maxHeight },
-		className: cn("no-scrollbar overflow-y-auto overscroll-contain", className),
-		children: /* @__PURE__ */ jsx("div", {
-			role: "presentation",
-			className: "relative w-full",
-			style: { height: totalSize },
-			children: virtualizer.getVirtualItems().map((virtualItem) => {
-				const item = filteredItems[virtualItem.index];
-				if (item == null) return null;
-				return /* @__PURE__ */ jsx(React.Fragment, { children: children(item, {
-					index: virtualItem.index,
-					"data-index": virtualItem.index,
-					"aria-setsize": filteredItems.length,
-					"aria-posinset": virtualItem.index + 1,
-					style: {
-						position: "absolute",
-						top: 0,
-						left: 0,
-						width: "100%",
-						height: virtualItem.size,
-						transform: `translateY(${virtualItem.start}px)`
-					}
-				}) }, virtualItem.key);
-			})
-		})
-	});
-}
-//#endregion
-export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, ComboboxVirtualizedList, useComboboxAnchor, useComboboxVirtualizer };
+import { _ as ComboboxValue, a as ComboboxCollection, b as useComboboxVirtualizer, c as ComboboxFooter, d as ComboboxInput, f as ComboboxItem, g as ComboboxTrigger, h as ComboboxSeparator, i as ComboboxChipsInput, l as ComboboxGroup, m as ComboboxList, n as ComboboxChip, o as ComboboxContent, p as ComboboxLabel, r as ComboboxChips, s as ComboboxEmpty, t as Combobox, u as ComboboxHeader, v as ComboboxVirtualizedList, y as useComboboxAnchor } from "./combobox-CACVdp1R.js";
+export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, ComboboxVirtualizedList, useComboboxAnchor, useComboboxVirtualizer };

package/dist/cta.d.ts

@@ -1,4 +1,4 @@
-import { n as ButtonLink, t as Button } from "./button-DW5OijoR.js";
+import { n as ButtonLink, t as Button } from "./button-BS5KCibF.js";
 import { useRender } from "@base-ui/react/use-render";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";

package/dist/cta.js

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

package/dist/currency-selector.js

@@ -1,8 +1,8 @@
 "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 { cn } from "./utils/cn.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
+import { useUncontrolled } from "./utils/use-uncontrolled.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 //#region src/lib/country-flags.tsx

package/dist/data-table.d.ts

@@ -1,8 +1,8 @@
-import { t as Button } from "./button-DW5OijoR.js";
+import { t as Button } from "./button-BS5KCibF.js";
 import { Empty } from "./empty-state.js";
 import { FilterApplyButtonProps, FilterContentProps, FilterProps, FilterResetButtonProps } from "./filter.js";
 import { Pagination } from "./pagination.js";
-import { PopoverBody, PopoverContent, PopoverFooter, PopoverHeader } from "./popover.js";
+import { a as PopoverFooter, n as PopoverBody, o as PopoverHeader, r as PopoverContent } from "./popover-CNymD33m.js";
 import { Table as Table$1 } from "./table.js";
 import * as React from "react";
 import { ColumnDef, Row, Table, TableOptions } from "@tanstack/react-table";

package/dist/data-table.js

@@ -1,6 +1,6 @@
 "use client";
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsUpDown, Pin, SearchX, SlidersHorizontal } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { Button } from "./button.js";
 import { Input } from "./input.js";
 import { Checkbox } from "./checkbox.js";

package/dist/date-picker.d.ts

@@ -1,12 +1,13 @@
-import { n as InputSize } from "./input-CfoEJ8A6.js";
+import { InputSizeValue } from "./input.js";
+import { t as PickerPlacementProps } from "./picker-j3txxA5t.js";
 import * as React from "react";
 import { DateRange, Matcher } from "react-day-picker";
 //#region src/date-picker.d.ts
 type CaptionLayout = "label" | "dropdown" | "dropdown-months" | "dropdown-years";
-interface DatePickerBaseProps {
+interface DatePickerBaseProps extends PickerPlacementProps {
   disabled?: boolean;
   /** Controls the trigger size. The calendar panel is not resized. */
-  size?: InputSize;
+  size?: InputSizeValue;
   placeholder?: string;
   className?: string;
   /** Caption style. Defaults to month + year dropdowns for quick navigation. */
@@ -22,11 +23,11 @@ interface DatePickerProps extends DatePickerBaseProps {
   value?: Date;
   onChange?: (date: Date | undefined) => void;
 }
-declare function DatePicker({ value, onChange, disabled, size, placeholder, className, captionLayout, startMonth, endMonth, disabledDates }: DatePickerProps): React.JSX.Element;
+declare function DatePicker({ value, onChange, disabled, size, placeholder, className, captionLayout, startMonth, endMonth, disabledDates, ...placement }: DatePickerProps): React.JSX.Element;
 interface DateRangePickerProps extends DatePickerBaseProps {
   value?: DateRange;
   onChange?: (range: DateRange | undefined) => void;
 }
-declare function DateRangePicker({ value, onChange, disabled, size, placeholder, className, captionLayout, startMonth, endMonth, disabledDates }: DateRangePickerProps): React.JSX.Element;
+declare function DateRangePicker({ value, onChange, disabled, size, placeholder, className, captionLayout, startMonth, endMonth, disabledDates, ...placement }: DateRangePickerProps): React.JSX.Element;
 //#endregion
 export { DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps };

package/dist/date-picker.js

@@ -1,19 +1,13 @@
 "use client";
 import { Calendar } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.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 { n as PickerTrigger, t as PickerFooter } from "./picker-BTXBrsl4.js";
+import { formatDate } from "./utils/format.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 //#region src/date-picker.tsx
-function formatDate(date) {
-	return date.toLocaleDateString("en-GB", {
-		day: "2-digit",
-		month: "long",
-		year: "numeric"
-	});
-}
 const PANEL_CLASSES = "flex min-w-(--anchor-width) flex-col items-center gap-0 overflow-hidden rounded-2xl p-0 border border-line-subtle";
 function defaultStartMonth() {
 	return new Date((/* @__PURE__ */ new Date()).getFullYear() - 100, 0);
@@ -21,7 +15,7 @@ function defaultStartMonth() {
 function defaultEndMonth() {
 	return new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11);
 }
-function DatePicker({ value, onChange, disabled = false, size, placeholder = "Select date", className, captionLayout = "dropdown", startMonth, endMonth, disabledDates }) {
+function DatePicker({ value, onChange, disabled = false, size, placeholder = "Select date", className, captionLayout = "dropdown", startMonth, endMonth, disabledDates, ...placement }) {
 	const [open, setOpen] = React.useState(false);
 	const [pending, setPending] = React.useState(value);
 	const [month, setMonth] = React.useState(() => value ?? /* @__PURE__ */ new Date());
@@ -45,10 +39,8 @@ function DatePicker({ value, onChange, disabled = false, size, placeholder = "Se
 			className
 		}), /* @__PURE__ */ jsxs(PopoverContent, {
 			showArrow: false,
-			align: "center",
-			side: "bottom",
-			collisionAvoidance: PICKER_COLLISION_AVOIDANCE,
 			className: PANEL_CLASSES,
+			...placement,
 			children: [/* @__PURE__ */ jsx(Calendar$1, {
 				mode: "single",
 				selected: pending,
@@ -74,7 +66,7 @@ function DatePicker({ value, onChange, disabled = false, size, placeholder = "Se
 		})]
 	});
 }
-function DateRangePicker({ value, onChange, disabled = false, size, placeholder = "Select date range", className, captionLayout = "dropdown", startMonth, endMonth, disabledDates }) {
+function DateRangePicker({ value, onChange, disabled = false, size, placeholder = "Select date range", className, captionLayout = "dropdown", startMonth, endMonth, disabledDates, ...placement }) {
 	const [open, setOpen] = React.useState(false);
 	const [pending, setPending] = React.useState(value);
 	const [month, setMonth] = React.useState(() => value?.from ?? /* @__PURE__ */ new Date());
@@ -102,10 +94,8 @@ function DateRangePicker({ value, onChange, disabled = false, size, placeholder
 			className
 		}), /* @__PURE__ */ jsxs(PopoverContent, {
 			showArrow: false,
-			align: "center",
-			side: "bottom",
-			collisionAvoidance: PICKER_COLLISION_AVOIDANCE,
 			className: cn(PANEL_CLASSES, "w-auto"),
+			...placement,
 			children: [/* @__PURE__ */ jsx(Calendar$1, {
 				mode: "range",
 				selected: pending,

package/dist/details-card.js

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

package/dist/dialog.d.ts

@@ -16,8 +16,10 @@ declare const dialogIconVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type DialogContentProps = Dialog$1.Popup.Props & VariantProps<typeof dialogContentVariants> & {
   showCloseButton?: boolean;
+  /** @internal Positions specialized popup shells without changing the surface. */
+  popupClassName?: string;
 };
-declare function DialogContent({ className, children, size, showCloseButton, ...props }: DialogContentProps): React.JSX.Element;
+declare function DialogContent({ className, children, size, showCloseButton, popupClassName, ...props }: DialogContentProps): React.JSX.Element;
 declare function DialogIcon({ className, size, tone, ...props }: React.ComponentProps<"div"> & VariantProps<typeof dialogIconVariants>): React.JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {

package/dist/dialog.js

@@ -1,6 +1,6 @@
 "use client";
 import { X } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { SizeProvider, useComponentSize } from "./size-context.js";
 import { Button } from "./button.js";
 import { DialogNestingProvider, useDialogNestingDepth } from "./dialog-nesting.js";
@@ -42,7 +42,7 @@ function DialogOverlay({ className, ...props }) {
 		...props
 	});
 }
-const dialogContentVariants = cva("group/dialog-content fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-5rem)] w-full max-w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 flex-col gap-4 overflow-visible rounded-2xl border border-line-subtle bg-surface-overlay bg-clip-padding p-(--dialog-padding) text-fg-primary shadow-(--elevation-e2-shadow) outline-none [--dialog-padding:1.25rem] origin-center transition-[opacity,scale] duration-[var(--duration-motion-popup)] ease-gdt-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95 motion-reduce:data-starting-style:scale-100 motion-reduce:data-ending-style:scale-100 data-[nested-dialog-open]:scale-[0.96]", {
+const dialogContentVariants = cva("group/dialog-content pointer-events-none fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 overflow-visible outline-none [--dialog-padding:1.25rem] origin-center transition-[opacity,scale] duration-[var(--duration-motion-popup)] ease-gdt-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95 motion-reduce:data-starting-style:scale-100 motion-reduce:data-ending-style:scale-100 data-[nested-dialog-open]:scale-[0.96]", {
 	variants: { size: {
 		sm: "sm:w-90 sm:[--dialog-padding:1.5rem]",
 		md: "sm:w-105 sm:[--dialog-padding:1.5rem]",
@@ -69,20 +69,24 @@ const dialogIconVariants = cva("flex shrink-0 items-center justify-center [&_svg
 		tone: "brand"
 	}
 });
-function DialogContent({ className, children, size, showCloseButton = true, ...props }) {
+function DialogContent({ className, children, size, showCloseButton = true, popupClassName, ...props }) {
 	const resolvedSize = useComponentSize(size);
 	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsx(SizeProvider, {
 		size: resolvedSize,
 		children: /* @__PURE__ */ jsxs(Dialog$1.Popup, {
 			"data-slot": "dialog-content",
 			"data-size": resolvedSize,
-			className: cn(dialogContentVariants({ size: resolvedSize }), className),
+			className: cn(dialogContentVariants({ size: resolvedSize }), popupClassName),
 			...props,
-			children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, {
+			children: [/* @__PURE__ */ jsx("div", {
+				"data-slot": "dialog-surface",
+				className: cn("pointer-events-auto flex max-h-[calc(100dvh-5rem)] w-full flex-col gap-4 overflow-visible rounded-2xl border border-line-subtle bg-surface-overlay bg-clip-padding p-(--dialog-padding) text-fg-primary shadow-(--elevation-e2-shadow)", className),
+				children
+			}), showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, {
 				"data-slot": "dialog-close",
 				render: /* @__PURE__ */ jsxs(Button, {
 					variant: "tertiary",
-					className: "absolute -top-10 right-0 z-10 group-data-[nested-dialog-open]/dialog-content:hidden",
+					className: "pointer-events-auto absolute -top-10 right-0 z-10 group-data-[nested-dialog-open]/dialog-content:hidden",
 					size: "icon-sm",
 					children: [/* @__PURE__ */ jsx(X, {}), /* @__PURE__ */ jsx("span", {
 						className: "sr-only",

package/dist/dropdown-menu.d.ts

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

package/dist/dropdown-menu.js

@@ -1,6 +1,6 @@
 "use client";
 import { Check, ChevronRight } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { SizeProvider, useComponentSize } from "./size-context.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";

package/dist/dropzone.js

@@ -1,6 +1,6 @@
 "use client";
 import { UploadCloud } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, use, useCallback, useRef, useState } from "react";
 //#region src/lib/use-file-picker.ts

package/dist/editorial-card.js

@@ -1,8 +1,9 @@
 "use client";
 import { ArrowRight, Play, Star } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
 import { buttonVariants } from "./button.js";
+import { getInitials } from "./utils/format.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
@@ -42,9 +43,6 @@ function EditorialCardHeader({ className, render, ...props }) {
 		state: { slot: "editorial-card-header" }
 	});
 }
-function getInitials(name) {
-	return name.trim().split(/\s+/).slice(0, 2).map((part) => part[0]?.toUpperCase()).join("");
-}
 function EditorialCardMeta({ className, render, ...props }) {
 	return useRender({
 		defaultTagName: "p",

package/dist/empty-state.js

@@ -1,4 +1,4 @@
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 //#region src/empty-state.tsx

package/dist/field.d.ts

@@ -1,3 +1,4 @@
+import { n as ComponentSizeValue } from "./size-context-BVhHduLi.js";
 import { Label } from "./label.js";
 import { VariantProps } from "class-variance-authority";
 //#region src/field.d.ts
@@ -10,7 +11,9 @@ declare const fieldVariants: (props?: ({
   orientation?: "horizontal" | "responsive" | "vertical" | null | undefined;
   size?: "lg" | "md" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Field({ className, orientation, size, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react").JSX.Element;
+declare function Field({ className, orientation, size, ...props }: React.ComponentProps<"div"> & Omit<VariantProps<typeof fieldVariants>, "size"> & {
+  size?: ComponentSizeValue;
+}): import("react").JSX.Element;
 declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
 declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react").JSX.Element;
 declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;