jaci-ui 0.3.0 → 0.4.0

package/dist/components/calendar/calendar.js

@@ -0,0 +1,368 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { calendar } from "../../styled-system/recipes/calendar.js";
+import { addDays, addMonths, createCalendarDate, dateKey, formatMonthLabel, getCalendarDays, getWeekdayLabels, isAfterDay, isBeforeDay, isSameDay, startOfMonth } from "../date-picker/date-utils.js";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/calendar/calendar.tsx
+const CalendarContext = createContext(null);
+function useCalendarContext() {
+	const context = useContext(CalendarContext);
+	if (!context) throw new Error("Calendar parts must be rendered inside Calendar.Root.");
+	return context;
+}
+function sameMonth(left, right) {
+	return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();
+}
+const CalendarRoot = forwardRef(function CalendarRoot({ children, className, defaultValue = null, disabled = false, isDateDisabled, locale = "pt-BR", maxDate, minDate, onValueChange, referenceDate, value: controlledValue, weekStartsOn = 0, yearRange: configuredYearRange, ...props }, ref) {
+	const initialDate = controlledValue ?? defaultValue ?? referenceDate ?? /* @__PURE__ */ new Date();
+	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+	const selected = controlledValue === void 0 ? uncontrolledValue : controlledValue;
+	const [month, setMonthState] = useState(() => startOfMonth(initialDate));
+	const [focusedDate, setFocusedDate] = useState(selected ?? initialDate);
+	const dayRefs = useRef(/* @__PURE__ */ new Map());
+	const calendarId = useId();
+	const styles = calendar();
+	const today = useMemo(() => createCalendarDate((referenceDate ?? /* @__PURE__ */ new Date()).getFullYear(), (referenceDate ?? /* @__PURE__ */ new Date()).getMonth(), (referenceDate ?? /* @__PURE__ */ new Date()).getDate()), [referenceDate]);
+	const minMonth = minDate ? startOfMonth(minDate) : void 0;
+	const maxMonth = maxDate ? startOfMonth(maxDate) : void 0;
+	const yearRange = useMemo(() => {
+		const start = configuredYearRange?.start ?? today.getFullYear() - 100;
+		const end = configuredYearRange?.end ?? today.getFullYear() + 20;
+		const years = [
+			selected?.getFullYear(),
+			minDate?.getFullYear(),
+			maxDate?.getFullYear()
+		].filter((year) => year !== void 0);
+		return {
+			start: Math.min(start, end, ...years),
+			end: Math.max(start, end, ...years)
+		};
+	}, [
+		configuredYearRange?.end,
+		configuredYearRange?.start,
+		maxDate,
+		minDate,
+		selected,
+		today
+	]);
+	const dateDisabled = useCallback((date) => Boolean(minDate && isBeforeDay(date, minDate) || maxDate && isAfterDay(date, maxDate) || isDateDisabled?.(date)), [
+		isDateDisabled,
+		maxDate,
+		minDate
+	]);
+	const monthDisabled = useCallback((date) => {
+		const first = startOfMonth(date);
+		const last = createCalendarDate(date.getFullYear(), date.getMonth() + 1, 0);
+		return Boolean(minDate && isBeforeDay(last, minDate) || maxDate && isAfterDay(first, maxDate));
+	}, [maxDate, minDate]);
+	const clampMonth = useCallback((date) => {
+		const normalized = startOfMonth(date);
+		if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;
+		if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;
+		return normalized;
+	}, [maxMonth, minMonth]);
+	const setMonth = useCallback((date) => setMonthState(clampMonth(date)), [clampMonth]);
+	const canNavigate = useCallback((amount) => {
+		const next = addMonths(month, amount);
+		return !(minMonth && isBeforeDay(next, minMonth)) && !(maxMonth && isAfterDay(next, maxMonth));
+	}, [
+		maxMonth,
+		minMonth,
+		month
+	]);
+	const setValue = useCallback((nextValue) => {
+		if (controlledValue === void 0) setUncontrolledValue(nextValue);
+		onValueChange?.(nextValue);
+	}, [controlledValue, onValueChange]);
+	const onSelect = useCallback((date) => {
+		if (disabled || dateDisabled(date)) return;
+		const next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());
+		setValue(next);
+		setFocusedDate(next);
+		setMonth(next);
+	}, [
+		dateDisabled,
+		disabled,
+		setMonth,
+		setValue
+	]);
+	const focusDate = useCallback((date, direction = 1) => {
+		let next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());
+		const step = direction < 0 ? -1 : 1;
+		let attempts = 0;
+		while (dateDisabled(next) && attempts < 366) {
+			next = addDays(next, step);
+			attempts += 1;
+		}
+		setFocusedDate(next);
+		setMonth(next);
+		const focusTarget = () => dayRefs.current.get(dateKey(next))?.focus();
+		focusTarget();
+		queueMicrotask(focusTarget);
+	}, [dateDisabled, setMonth]);
+	const selectMonth = useCallback((monthIndex) => setMonth(createCalendarDate(month.getFullYear(), monthIndex, 1)), [month, setMonth]);
+	const selectYear = useCallback((year) => setMonth(createCalendarDate(year, month.getMonth(), 1)), [month, setMonth]);
+	const registerDay = useCallback((key, node) => {
+		if (node) dayRefs.current.set(key, node);
+		else dayRefs.current.delete(key);
+	}, []);
+	useEffect(() => {
+		if (!selected) return;
+		setFocusedDate(selected);
+		setMonthState((current) => sameMonth(current, selected) ? current : clampMonth(selected));
+	}, [clampMonth, selected]);
+	const context = {
+		calendarId,
+		canNavigate,
+		dateDisabled,
+		disabled,
+		focusedDate,
+		focusDate,
+		locale,
+		month,
+		monthDisabled,
+		onSelect,
+		registerDay,
+		selected,
+		selectMonth,
+		selectYear,
+		setMonth,
+		styles,
+		today,
+		weekStartsOn,
+		yearRange
+	};
+	return /* @__PURE__ */ jsx(CalendarContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ jsx("section", {
+			...props,
+			"aria-label": props["aria-label"] ?? formatMonthLabel(month, locale),
+			className: cx(styles.root, className),
+			"data-jaci-component": "calendar",
+			"data-slot": "calendar",
+			ref,
+			children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(CalendarHeader, { children: [
+				/* @__PURE__ */ jsx(CalendarPrevious, {}),
+				/* @__PURE__ */ jsx(CalendarCaption, {}),
+				/* @__PURE__ */ jsx(CalendarNext, {})
+			] }), /* @__PURE__ */ jsx(CalendarGrid, {})] })
+		})
+	});
+});
+const CalendarHeader = forwardRef(function CalendarHeader({ className, ...props }, ref) {
+	const { styles } = useCalendarContext();
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cx(styles.header, className),
+		"data-slot": "calendar-header",
+		ref
+	});
+});
+const CalendarCaption = forwardRef(function CalendarCaption({ children, className, ...props }, ref) {
+	const { locale, month, styles } = useCalendarContext();
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		className: cx(styles.caption, className),
+		"data-slot": "calendar-caption",
+		ref,
+		children: children ?? formatMonthLabel(month, locale)
+	});
+});
+const CalendarNavigationButton = forwardRef(function CalendarNavigationButton({ amount = 1, children, className, onClick, ...props }, ref) {
+	const { canNavigate, month, setMonth, styles } = useCalendarContext();
+	const isDisabled = props.disabled || !canNavigate(amount);
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		"aria-label": props["aria-label"] ?? (amount < 0 ? "Previous month" : "Next month"),
+		className: cx(styles.navigation, className),
+		"data-slot": amount < 0 ? "calendar-previous" : "calendar-next",
+		disabled: isDisabled,
+		onClick: (event) => {
+			if (!isDisabled) setMonth(addMonths(month, amount));
+			onClick?.(event);
+		},
+		ref,
+		type: "button",
+		children: children ?? (amount < 0 ? "‹" : "›")
+	});
+});
+const CalendarPrevious = forwardRef(function CalendarPrevious(props, ref) {
+	return /* @__PURE__ */ jsx(CalendarNavigationButton, {
+		...props,
+		amount: -1,
+		ref
+	});
+});
+const CalendarNext = forwardRef(function CalendarNext(props, ref) {
+	return /* @__PURE__ */ jsx(CalendarNavigationButton, {
+		...props,
+		amount: 1,
+		ref
+	});
+});
+const CalendarMonthSelect = forwardRef(function CalendarMonthSelect({ className, ...props }, ref) {
+	const { locale, month, monthDisabled, selectMonth, styles } = useCalendarContext();
+	const labels = Array.from({ length: 12 }, (_, index) => new Intl.DateTimeFormat(locale, { month: "long" }).format(createCalendarDate(2024, index, 1)));
+	return /* @__PURE__ */ jsx("select", {
+		...props,
+		"aria-label": props["aria-label"] ?? "Select month",
+		className: cx(styles.monthSelect, className),
+		"data-slot": "calendar-month-select",
+		onChange: (event) => selectMonth(Number(event.currentTarget.value)),
+		ref,
+		value: month.getMonth(),
+		children: labels.map((label, index) => /* @__PURE__ */ jsx("option", {
+			disabled: monthDisabled(createCalendarDate(month.getFullYear(), index, 1)),
+			value: index,
+			children: label
+		}, label))
+	});
+});
+const CalendarYearSelect = forwardRef(function CalendarYearSelect({ className, ...props }, ref) {
+	const { month, monthDisabled, selectYear, styles, yearRange } = useCalendarContext();
+	const years = Array.from({ length: yearRange.end - yearRange.start + 1 }, (_, index) => yearRange.start + index);
+	return /* @__PURE__ */ jsx("select", {
+		...props,
+		"aria-label": props["aria-label"] ?? "Select year",
+		className: cx(styles.yearSelect, className),
+		"data-slot": "calendar-year-select",
+		onChange: (event) => selectYear(Number(event.currentTarget.value)),
+		ref,
+		value: month.getFullYear(),
+		children: years.map((year) => /* @__PURE__ */ jsx("option", {
+			disabled: monthDisabled(createCalendarDate(year, month.getMonth(), 1)),
+			value: year,
+			children: year
+		}, year))
+	});
+});
+const CalendarDay = forwardRef(function CalendarDay({ children, className, date, disabled, onClick, onKeyDown, ...props }, ref) {
+	const { dateDisabled, disabled: calendarDisabled, focusDate, focusedDate, locale, month, onSelect, registerDay, selected, styles, today, weekStartsOn } = useCalendarContext();
+	const key = dateKey(date);
+	const outsideMonth = !sameMonth(date, month);
+	const isDisabled = Boolean(disabled || calendarDisabled || dateDisabled(date));
+	const isSelected = isSameDay(date, selected);
+	const isFocused = isSameDay(date, focusedDate);
+	const isToday = isSameDay(date, today);
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		"aria-label": props["aria-label"] ?? new Intl.DateTimeFormat(locale, { dateStyle: "full" }).format(date),
+		"aria-current": isToday ? "date" : void 0,
+		"aria-selected": isSelected,
+		className: cx(styles.day, className),
+		"data-date": key,
+		"data-disabled": isDisabled || void 0,
+		"data-outside-month": outsideMonth || void 0,
+		"data-selected": isSelected || void 0,
+		"data-slot": "calendar-day",
+		"data-today": isToday || void 0,
+		disabled: isDisabled,
+		onClick: (event) => {
+			onSelect(date);
+			onClick?.(event);
+		},
+		onKeyDown: (event) => {
+			if (!event.defaultPrevented) {
+				let nextDate;
+				switch (event.key) {
+					case "ArrowLeft":
+						nextDate = addDays(date, -1);
+						break;
+					case "ArrowRight":
+						nextDate = addDays(date, 1);
+						break;
+					case "ArrowUp":
+						nextDate = addDays(date, -7);
+						break;
+					case "ArrowDown":
+						nextDate = addDays(date, 7);
+						break;
+					case "Home":
+						nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));
+						break;
+					case "End":
+						nextDate = addDays(date, 6 - (date.getDay() - weekStartsOn + 7) % 7);
+						break;
+					case "PageUp":
+						nextDate = addMonths(date, event.shiftKey ? -12 : -1);
+						break;
+					case "PageDown":
+						nextDate = addMonths(date, event.shiftKey ? 12 : 1);
+						break;
+					case "Enter":
+					case " ":
+						if (!isDisabled) {
+							event.preventDefault();
+							onSelect(date);
+						}
+						break;
+				}
+				if (nextDate) {
+					event.preventDefault();
+					focusDate(nextDate, nextDate < date ? -1 : 1);
+				}
+			}
+			onKeyDown?.(event);
+		},
+		ref: (node) => {
+			registerDay(key, node);
+			if (typeof ref === "function") ref(node);
+			else if (ref) ref.current = node;
+		},
+		role: "gridcell",
+		tabIndex: isFocused && !isDisabled ? 0 : -1,
+		type: "button",
+		children: children ?? date.getDate()
+	});
+});
+const CalendarGrid = forwardRef(function CalendarGrid({ "aria-label": ariaLabel, className, ...props }, ref) {
+	const { locale, month, styles, weekStartsOn } = useCalendarContext();
+	const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);
+	const weeks = useMemo(() => Array.from({ length: Math.ceil(days.length / 7) }, (_, index) => days.slice(index * 7, index * 7 + 7)), [days]);
+	const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		className: cx(styles.calendar, className),
+		"data-slot": "calendar-grid",
+		ref,
+		children: [/* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: styles.weekdays,
+			"data-slot": "calendar-weekdays",
+			children: weekdays.map((weekday) => /* @__PURE__ */ jsx("span", {
+				className: styles.weekday,
+				"data-slot": "calendar-weekday",
+				children: weekday
+			}, weekday))
+		}), /* @__PURE__ */ jsx("div", {
+			"aria-label": ariaLabel ?? formatMonthLabel(month, locale),
+			className: styles.grid,
+			"data-slot": "calendar-day-grid",
+			role: "grid",
+			children: weeks.map((week, index) => /* @__PURE__ */ jsx("div", {
+				"aria-rowindex": index + 1,
+				className: styles.row,
+				"data-slot": "calendar-week",
+				role: "row",
+				tabIndex: -1,
+				children: week.map((date) => /* @__PURE__ */ jsx(CalendarDay, { date }, dateKey(date)))
+			}, week.map(dateKey).join("-")))
+		})]
+	});
+});
+const Calendar = {
+	Root: CalendarRoot,
+	Header: CalendarHeader,
+	Caption: CalendarCaption,
+	Previous: CalendarPrevious,
+	Next: CalendarNext,
+	MonthSelect: CalendarMonthSelect,
+	YearSelect: CalendarYearSelect,
+	Grid: CalendarGrid,
+	Day: CalendarDay
+};
+//#endregion
+export { Calendar, CalendarCaption, CalendarDay, CalendarGrid, CalendarHeader, CalendarMonthSelect, CalendarNext, CalendarPrevious, CalendarRoot, CalendarYearSelect };
+
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","names":[],"sources":["../../../src/components/calendar/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { calendar } from \"../../styled-system/recipes\";\nimport {\n  addDays,\n  addMonths,\n  createCalendarDate,\n  dateKey,\n  formatMonthLabel,\n  getCalendarDays,\n  getWeekdayLabels,\n  isAfterDay,\n  isBeforeDay,\n  isSameDay,\n  startOfMonth,\n} from \"../date-picker/date-utils\";\n\nexport interface CalendarYearRange {\n  start: number;\n  end: number;\n}\n\nexport interface CalendarRootProps\n  extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\" | \"defaultValue\" | \"value\"> {\n  value?: Date | null;\n  defaultValue?: Date | null;\n  onValueChange?: (value: Date | null) => void;\n  referenceDate?: Date;\n  locale?: string;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  minDate?: Date;\n  maxDate?: Date;\n  isDateDisabled?: (date: Date) => boolean;\n  yearRange?: CalendarYearRange;\n  disabled?: boolean;\n  children?: ReactNode;\n}\n\ninterface CalendarContextValue {\n  calendarId: string;\n  dateDisabled: (date: Date) => boolean;\n  disabled: boolean;\n  focusedDate: Date;\n  focusDate: (date: Date, direction?: number) => void;\n  locale: string;\n  month: Date;\n  monthDisabled: (date: Date) => boolean;\n  onSelect: (date: Date) => void;\n  selected: Date | null;\n  setMonth: (date: Date) => void;\n  styles: ReturnType<typeof calendar>;\n  today: Date;\n  weekStartsOn: number;\n  yearRange: CalendarYearRange;\n  canNavigate: (amount: number) => boolean;\n  selectMonth: (month: number) => void;\n  selectYear: (year: number) => void;\n  registerDay: (key: string, node: HTMLButtonElement | null) => void;\n}\n\nimport { createContext, useContext } from \"react\";\n\nconst CalendarContext = createContext<CalendarContextValue | null>(null);\n\nfunction useCalendarContext() {\n  const context = useContext(CalendarContext);\n  if (!context) throw new Error(\"Calendar parts must be rendered inside Calendar.Root.\");\n  return context;\n}\n\nfunction sameMonth(left: Date, right: Date) {\n  return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nexport const CalendarRoot = forwardRef<HTMLElement, CalendarRootProps>(function CalendarRoot(\n  {\n    children,\n    className,\n    defaultValue = null,\n    disabled = false,\n    isDateDisabled,\n    locale = \"pt-BR\",\n    maxDate,\n    minDate,\n    onValueChange,\n    referenceDate,\n    value: controlledValue,\n    weekStartsOn = 0,\n    yearRange: configuredYearRange,\n    ...props\n  },\n  ref,\n) {\n  const initialDate = controlledValue ?? defaultValue ?? referenceDate ?? new Date();\n  const [uncontrolledValue, setUncontrolledValue] = useState<Date | null>(defaultValue);\n  const selected = controlledValue === undefined ? uncontrolledValue : controlledValue;\n  const [month, setMonthState] = useState(() => startOfMonth(initialDate));\n  const [focusedDate, setFocusedDate] = useState(selected ?? initialDate);\n  const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n  const calendarId = useId();\n  const styles = calendar();\n  const today = useMemo(\n    () =>\n      createCalendarDate(\n        (referenceDate ?? new Date()).getFullYear(),\n        (referenceDate ?? new Date()).getMonth(),\n        (referenceDate ?? new Date()).getDate(),\n      ),\n    [referenceDate],\n  );\n  const minMonth = minDate ? startOfMonth(minDate) : undefined;\n  const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\n  const yearRange = useMemo(() => {\n    const start = configuredYearRange?.start ?? today.getFullYear() - 100;\n    const end = configuredYearRange?.end ?? today.getFullYear() + 20;\n    const years = [selected?.getFullYear(), minDate?.getFullYear(), maxDate?.getFullYear()].filter(\n      (year): year is number => year !== undefined,\n    );\n    return { start: Math.min(start, end, ...years), end: Math.max(start, end, ...years) };\n  }, [configuredYearRange?.end, configuredYearRange?.start, maxDate, minDate, selected, today]);\n\n  const dateDisabled = useCallback(\n    (date: Date) =>\n      Boolean(\n        (minDate && isBeforeDay(date, minDate)) ||\n          (maxDate && isAfterDay(date, maxDate)) ||\n          isDateDisabled?.(date),\n      ),\n    [isDateDisabled, maxDate, minDate],\n  );\n  const monthDisabled = useCallback(\n    (date: Date) => {\n      const first = startOfMonth(date);\n      const last = createCalendarDate(date.getFullYear(), date.getMonth() + 1, 0);\n      return Boolean(\n        (minDate && isBeforeDay(last, minDate)) || (maxDate && isAfterDay(first, maxDate)),\n      );\n    },\n    [maxDate, minDate],\n  );\n  const clampMonth = useCallback(\n    (date: Date) => {\n      const normalized = startOfMonth(date);\n      if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;\n      if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;\n      return normalized;\n    },\n    [maxMonth, minMonth],\n  );\n  const setMonth = useCallback((date: Date) => setMonthState(clampMonth(date)), [clampMonth]);\n  const canNavigate = useCallback(\n    (amount: number) => {\n      const next = addMonths(month, amount);\n      return (\n        !(minMonth && isBeforeDay(next, minMonth)) && !(maxMonth && isAfterDay(next, maxMonth))\n      );\n    },\n    [maxMonth, minMonth, month],\n  );\n  const setValue = useCallback(\n    (nextValue: Date | null) => {\n      if (controlledValue === undefined) setUncontrolledValue(nextValue);\n      onValueChange?.(nextValue);\n    },\n    [controlledValue, onValueChange],\n  );\n  const onSelect = useCallback(\n    (date: Date) => {\n      if (disabled || dateDisabled(date)) return;\n      const next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      setValue(next);\n      setFocusedDate(next);\n      setMonth(next);\n    },\n    [dateDisabled, disabled, setMonth, setValue],\n  );\n  const focusDate = useCallback(\n    (date: Date, direction = 1) => {\n      let next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      const step = direction < 0 ? -1 : 1;\n      let attempts = 0;\n      while (dateDisabled(next) && attempts < 366) {\n        next = addDays(next, step);\n        attempts += 1;\n      }\n      setFocusedDate(next);\n      setMonth(next);\n      const focusTarget = () => dayRefs.current.get(dateKey(next))?.focus();\n      focusTarget();\n      queueMicrotask(focusTarget);\n    },\n    [dateDisabled, setMonth],\n  );\n  const selectMonth = useCallback(\n    (monthIndex: number) => setMonth(createCalendarDate(month.getFullYear(), monthIndex, 1)),\n    [month, setMonth],\n  );\n  const selectYear = useCallback(\n    (year: number) => setMonth(createCalendarDate(year, month.getMonth(), 1)),\n    [month, setMonth],\n  );\n  const registerDay = useCallback((key: string, node: HTMLButtonElement | null) => {\n    if (node) dayRefs.current.set(key, node);\n    else dayRefs.current.delete(key);\n  }, []);\n\n  useEffect(() => {\n    if (!selected) return;\n    setFocusedDate(selected);\n    setMonthState((current) => (sameMonth(current, selected) ? current : clampMonth(selected)));\n  }, [clampMonth, selected]);\n\n  const context: CalendarContextValue = {\n    calendarId,\n    canNavigate,\n    dateDisabled,\n    disabled,\n    focusedDate,\n    focusDate,\n    locale,\n    month,\n    monthDisabled,\n    onSelect,\n    registerDay,\n    selected,\n    selectMonth,\n    selectYear,\n    setMonth,\n    styles,\n    today,\n    weekStartsOn,\n    yearRange,\n  };\n\n  return (\n    <CalendarContext.Provider value={context}>\n      <section\n        {...props}\n        aria-label={props[\"aria-label\"] ?? formatMonthLabel(month, locale)}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"calendar\"\n        data-slot=\"calendar\"\n        ref={ref}\n      >\n        {children ?? (\n          <>\n            <CalendarHeader>\n              <CalendarPrevious />\n              <CalendarCaption />\n              <CalendarNext />\n            </CalendarHeader>\n            <CalendarGrid />\n          </>\n        )}\n      </section>\n    </CalendarContext.Provider>\n  );\n});\n\nexport type CalendarHeaderProps = ComponentPropsWithoutRef<\"div\">;\nexport const CalendarHeader = forwardRef<HTMLDivElement, CalendarHeaderProps>(\n  function CalendarHeader({ className, ...props }, ref) {\n    const { styles } = useCalendarContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.header, className)}\n        data-slot=\"calendar-header\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type CalendarCaptionProps = ComponentPropsWithoutRef<\"span\">;\nexport const CalendarCaption = forwardRef<HTMLSpanElement, CalendarCaptionProps>(\n  function CalendarCaption({ children, className, ...props }, ref) {\n    const { locale, month, styles } = useCalendarContext();\n    return (\n      <span\n        {...props}\n        className={cx(styles.caption, className)}\n        data-slot=\"calendar-caption\"\n        ref={ref}\n      >\n        {children ?? formatMonthLabel(month, locale)}\n      </span>\n    );\n  },\n);\n\nexport interface CalendarNavigationProps extends ComponentPropsWithoutRef<\"button\"> {\n  amount?: number;\n}\n\nconst CalendarNavigationButton = forwardRef<HTMLButtonElement, CalendarNavigationProps>(\n  function CalendarNavigationButton({ amount = 1, children, className, onClick, ...props }, ref) {\n    const { canNavigate, month, setMonth, styles } = useCalendarContext();\n    const isDisabled = props.disabled || !canNavigate(amount);\n    return (\n      <button\n        {...props}\n        aria-label={props[\"aria-label\"] ?? (amount < 0 ? \"Previous month\" : \"Next month\")}\n        className={cx(styles.navigation, className)}\n        data-slot={amount < 0 ? \"calendar-previous\" : \"calendar-next\"}\n        disabled={isDisabled}\n        onClick={(event) => {\n          if (!isDisabled) setMonth(addMonths(month, amount));\n          onClick?.(event);\n        }}\n        ref={ref}\n        type=\"button\"\n      >\n        {children ?? (amount < 0 ? \"‹\" : \"›\")}\n      </button>\n    );\n  },\n);\n\nexport const CalendarPrevious = forwardRef<HTMLButtonElement, CalendarNavigationProps>(\n  function CalendarPrevious(props, ref) {\n    return <CalendarNavigationButton {...props} amount={-1} ref={ref} />;\n  },\n);\nexport const CalendarNext = forwardRef<HTMLButtonElement, CalendarNavigationProps>(\n  function CalendarNext(props, ref) {\n    return <CalendarNavigationButton {...props} amount={1} ref={ref} />;\n  },\n);\n\nexport type CalendarMonthSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\nexport const CalendarMonthSelect = forwardRef<HTMLSelectElement, CalendarMonthSelectProps>(\n  function CalendarMonthSelect({ className, ...props }, ref) {\n    const { locale, month, monthDisabled, selectMonth, styles } = useCalendarContext();\n    const labels = Array.from({ length: 12 }, (_, index) =>\n      new Intl.DateTimeFormat(locale, { month: \"long\" }).format(createCalendarDate(2024, index, 1)),\n    );\n    return (\n      <select\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Select month\"}\n        className={cx(styles.monthSelect, className)}\n        data-slot=\"calendar-month-select\"\n        onChange={(event) => selectMonth(Number(event.currentTarget.value))}\n        ref={ref}\n        value={month.getMonth()}\n      >\n        {labels.map((label, index) => (\n          <option\n            disabled={monthDisabled(createCalendarDate(month.getFullYear(), index, 1))}\n            key={label}\n            value={index}\n          >\n            {label}\n          </option>\n        ))}\n      </select>\n    );\n  },\n);\n\nexport type CalendarYearSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\nexport const CalendarYearSelect = forwardRef<HTMLSelectElement, CalendarYearSelectProps>(\n  function CalendarYearSelect({ className, ...props }, ref) {\n    const { month, monthDisabled, selectYear, styles, yearRange } = useCalendarContext();\n    const years = Array.from(\n      { length: yearRange.end - yearRange.start + 1 },\n      (_, index) => yearRange.start + index,\n    );\n    return (\n      <select\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Select year\"}\n        className={cx(styles.yearSelect, className)}\n        data-slot=\"calendar-year-select\"\n        onChange={(event) => selectYear(Number(event.currentTarget.value))}\n        ref={ref}\n        value={month.getFullYear()}\n      >\n        {years.map((year) => (\n          <option\n            disabled={monthDisabled(createCalendarDate(year, month.getMonth(), 1))}\n            key={year}\n            value={year}\n          >\n            {year}\n          </option>\n        ))}\n      </select>\n    );\n  },\n);\n\nexport interface CalendarDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n  date: Date;\n}\n\nexport const CalendarDay = forwardRef<HTMLButtonElement, CalendarDayProps>(function CalendarDay(\n  { children, className, date, disabled, onClick, onKeyDown, ...props },\n  ref,\n) {\n  const {\n    dateDisabled,\n    disabled: calendarDisabled,\n    focusDate,\n    focusedDate,\n    locale,\n    month,\n    onSelect,\n    registerDay,\n    selected,\n    styles,\n    today,\n    weekStartsOn,\n  } = useCalendarContext();\n  const key = dateKey(date);\n  const outsideMonth = !sameMonth(date, month);\n  const isDisabled = Boolean(disabled || calendarDisabled || dateDisabled(date));\n  const isSelected = isSameDay(date, selected);\n  const isFocused = isSameDay(date, focusedDate);\n  const isToday = isSameDay(date, today);\n  return (\n    // biome-ignore lint/a11y/useSemanticElements: the roving button is the interactive grid cell.\n    <button\n      {...props}\n      aria-label={\n        props[\"aria-label\"] ?? new Intl.DateTimeFormat(locale, { dateStyle: \"full\" }).format(date)\n      }\n      aria-current={isToday ? \"date\" : undefined}\n      aria-selected={isSelected}\n      className={cx(styles.day, className)}\n      data-date={key}\n      data-disabled={isDisabled || undefined}\n      data-outside-month={outsideMonth || undefined}\n      data-selected={isSelected || undefined}\n      data-slot=\"calendar-day\"\n      data-today={isToday || undefined}\n      disabled={isDisabled}\n      onClick={(event) => {\n        onSelect(date);\n        onClick?.(event);\n      }}\n      onKeyDown={(event) => {\n        if (!event.defaultPrevented) {\n          let nextDate: Date | undefined;\n          switch (event.key) {\n            case \"ArrowLeft\":\n              nextDate = addDays(date, -1);\n              break;\n            case \"ArrowRight\":\n              nextDate = addDays(date, 1);\n              break;\n            case \"ArrowUp\":\n              nextDate = addDays(date, -7);\n              break;\n            case \"ArrowDown\":\n              nextDate = addDays(date, 7);\n              break;\n            case \"Home\":\n              nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));\n              break;\n            case \"End\":\n              nextDate = addDays(date, 6 - ((date.getDay() - weekStartsOn + 7) % 7));\n              break;\n            case \"PageUp\":\n              nextDate = addMonths(date, event.shiftKey ? -12 : -1);\n              break;\n            case \"PageDown\":\n              nextDate = addMonths(date, event.shiftKey ? 12 : 1);\n              break;\n            case \"Enter\":\n            case \" \":\n              if (!isDisabled) {\n                event.preventDefault();\n                onSelect(date);\n              }\n              break;\n          }\n          if (nextDate) {\n            event.preventDefault();\n            focusDate(nextDate, nextDate < date ? -1 : 1);\n          }\n        }\n        onKeyDown?.(event);\n      }}\n      ref={(node) => {\n        registerDay(key, node);\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) ref.current = node;\n      }}\n      role=\"gridcell\"\n      tabIndex={isFocused && !isDisabled ? 0 : -1}\n      type=\"button\"\n    >\n      {children ?? date.getDate()}\n    </button>\n  );\n});\n\nexport interface CalendarGridProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  \"aria-label\"?: string;\n}\n\nexport const CalendarGrid = forwardRef<HTMLDivElement, CalendarGridProps>(function CalendarGrid(\n  { \"aria-label\": ariaLabel, className, ...props },\n  ref,\n) {\n  const { locale, month, styles, weekStartsOn } = useCalendarContext();\n  const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n  const weeks = useMemo(\n    () =>\n      Array.from({ length: Math.ceil(days.length / 7) }, (_, index) =>\n        days.slice(index * 7, index * 7 + 7),\n      ),\n    [days],\n  );\n  const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n  return (\n    <div {...props} className={cx(styles.calendar, className)} data-slot=\"calendar-grid\" ref={ref}>\n      <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"calendar-weekdays\">\n        {weekdays.map((weekday) => (\n          <span className={styles.weekday} data-slot=\"calendar-weekday\" key={weekday}>\n            {weekday}\n          </span>\n        ))}\n      </div>\n      {/* biome-ignore lint/a11y/useSemanticElements: the calendar uses the ARIA grid pattern. */}\n      <div\n        aria-label={ariaLabel ?? formatMonthLabel(month, locale)}\n        className={styles.grid}\n        data-slot=\"calendar-day-grid\"\n        role=\"grid\"\n      >\n        {weeks.map((week, index) => (\n          // biome-ignore lint/a11y/useSemanticElements: Calendar rows use ARIA grid semantics while the day controls remain buttons.\n          <div\n            aria-rowindex={index + 1}\n            className={styles.row}\n            data-slot=\"calendar-week\"\n            key={week.map(dateKey).join(\"-\")}\n            role=\"row\"\n            tabIndex={-1}\n          >\n            {week.map((date) => (\n              <CalendarDay date={date} key={dateKey(date)} />\n            ))}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n\nexport const Calendar = {\n  Root: CalendarRoot,\n  Header: CalendarHeader,\n  Caption: CalendarCaption,\n  Previous: CalendarPrevious,\n  Next: CalendarNext,\n  MonthSelect: CalendarMonthSelect,\n  YearSelect: CalendarYearSelect,\n  Grid: CalendarGrid,\n  Day: CalendarDay,\n};\n"],"mappings":"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"}

package/dist/components/calendar/index.d.cts

@@ -0,0 +1,2 @@
+import { Calendar, CalendarCaption, CalendarCaptionProps, CalendarDay, CalendarDayProps, CalendarGrid, CalendarGridProps, CalendarHeader, CalendarHeaderProps, CalendarMonthSelect, CalendarMonthSelectProps, CalendarNavigationProps, CalendarNext, CalendarPrevious, CalendarRoot, CalendarRootProps, CalendarYearRange, CalendarYearSelect, CalendarYearSelectProps } from "./calendar.cjs";
+export { Calendar, CalendarCaption, type CalendarCaptionProps, CalendarDay, type CalendarDayProps, CalendarGrid, type CalendarGridProps, CalendarHeader, type CalendarHeaderProps, CalendarMonthSelect, type CalendarMonthSelectProps, type CalendarNavigationProps, CalendarNext, CalendarPrevious, CalendarRoot, type CalendarRootProps, type CalendarYearRange, CalendarYearSelect, type CalendarYearSelectProps };

package/dist/components/calendar/index.d.ts

@@ -0,0 +1,2 @@
+import { Calendar, CalendarCaption, CalendarCaptionProps, CalendarDay, CalendarDayProps, CalendarGrid, CalendarGridProps, CalendarHeader, CalendarHeaderProps, CalendarMonthSelect, CalendarMonthSelectProps, CalendarNavigationProps, CalendarNext, CalendarPrevious, CalendarRoot, CalendarRootProps, CalendarYearRange, CalendarYearSelect, CalendarYearSelectProps } from "./calendar.js";
+export { Calendar, CalendarCaption, type CalendarCaptionProps, CalendarDay, type CalendarDayProps, CalendarGrid, type CalendarGridProps, CalendarHeader, type CalendarHeaderProps, CalendarMonthSelect, type CalendarMonthSelectProps, type CalendarNavigationProps, CalendarNext, CalendarPrevious, CalendarRoot, type CalendarRootProps, type CalendarYearRange, CalendarYearSelect, type CalendarYearSelectProps };

package/dist/components/combobox/combobox.cjs

@@ -17,7 +17,7 @@ function useComboboxStyles() {
 * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,
 * object values, grouped items, filtering and multiple selection.
 */
-function ComboboxRoot({ children, className, errors, invalid, name, size = "md", ...props }) {
+function ComboboxRoot({ children, className, errors, invalid, loading: _loading, name, size = "md", ...props }) {
 	const fieldProps = {
 		className: require_cx.cx(require_combobox.combobox({ size }).root, className),
 		...errors === void 0 ? {} : { errors },
@@ -155,6 +155,16 @@ const ComboboxClear = (0, react.forwardRef)(function ComboboxClear({ children =
 		children
 	});
 });
+const ComboboxLoading = (0, react.forwardRef)(function ComboboxLoading({ children = "Loading…", className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		"aria-live": "polite",
+		className: require_cx.cx(useComboboxStyles().loading, className),
+		"data-slot": "combobox-loading",
+		children
+	});
+});
 const ComboboxStatus = (0, react.forwardRef)(function ComboboxStatus({ className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Status, {
 		...props,
@@ -188,6 +198,7 @@ const Combobox = {
 	Group: ComboboxGroup,
 	GroupLabel: ComboboxGroupLabel,
 	Empty: ComboboxEmpty,
+	Loading: ComboboxLoading,
 	Clear: ComboboxClear,
 	Status: ComboboxStatus,
 	Arrow: ComboboxArrow,
@@ -207,6 +218,7 @@ exports.ComboboxItem = ComboboxItem;
 exports.ComboboxItemIndicator = ComboboxItemIndicator;
 exports.ComboboxLabel = ComboboxLabel;
 exports.ComboboxList = ComboboxList;
+exports.ComboboxLoading = ComboboxLoading;
 exports.ComboboxPopup = ComboboxPopup;
 exports.ComboboxPortal = ComboboxPortal;
 exports.ComboboxPositioner = ComboboxPositioner;

package/dist/components/combobox/combobox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.cjs","names":["combobox","cx","Field","BaseCombobox","BaseField","withRecipeClassName"],"sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { forwardRef, createContext, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { ComboboxRoot as BaseComboboxRoot } from \"@base-ui/react/combobox\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { combobox } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ComboboxSize = \"sm\" | \"md\" | \"lg\";\n\nconst ComboboxSizeContext = createContext<ComboboxSize>(\"md\");\n\nfunction useComboboxStyles() {\n  return combobox({ size: useContext(ComboboxSizeContext) });\n}\n\nexport interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>\n  extends Omit<BaseComboboxRoot.Props<Value, Multiple>, \"children\" | \"className\"> {\n  /** Visual size shared by the input and trigger. */\n  size?: ComboboxSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A searchable Base UI combobox with Field integration. It supports the\n * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,\n * object values, grouped items, filtering and multiple selection.\n */\nexport function ComboboxRoot<Value = string, Multiple extends boolean | undefined = false>({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  size = \"md\",\n  ...props\n}: ComboboxRootProps<Value, Multiple>) {\n  const styles = combobox({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <ComboboxSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseCombobox.Root {...props} {...(name === undefined ? {} : { name })}>\n          {children}\n        </BaseCombobox.Root>\n      </Field>\n    </ComboboxSizeContext.Provider>\n  );\n}\n\nexport type ComboboxLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const ComboboxLabel = forwardRef<HTMLElement, ComboboxLabelProps>(function ComboboxLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseField.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().label, className)}\n      data-slot=\"combobox-label\"\n    />\n  );\n});\n\nexport type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.InputGroup>;\n\nexport const ComboboxInputGroup = forwardRef<HTMLDivElement, ComboboxInputGroupProps>(\n  function ComboboxInputGroup({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.InputGroup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().inputGroup, className)}\n        data-slot=\"combobox-input-group\"\n      />\n    );\n  },\n);\n\nexport type ComboboxInputProps = ComponentPropsWithoutRef<typeof BaseCombobox.Input>;\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().input, className)}\n        data-jaci-component=\"combobox\"\n        data-slot=\"combobox-input\"\n      />\n    );\n  },\n);\n\nexport type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Trigger>;\n\nexport const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  function ComboboxTrigger({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().trigger, className)}\n        data-slot=\"combobox-trigger\"\n      />\n    );\n  },\n);\n\nexport type ComboboxIconProps = ComponentPropsWithoutRef<typeof BaseCombobox.Icon>;\n\nexport const ComboboxIcon = forwardRef<HTMLSpanElement, ComboboxIconProps>(function ComboboxIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Icon\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().icon, className)}\n      data-slot=\"combobox-icon\"\n    >\n      {children}\n    </BaseCombobox.Icon>\n  );\n});\n\nexport type ComboboxValueProps = ComponentPropsWithoutRef<typeof BaseCombobox.Value>;\nexport const ComboboxValue = BaseCombobox.Value;\n\nexport const ComboboxPortal = BaseCombobox.Portal;\n\nexport type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Positioner>;\nexport const ComboboxPositioner = forwardRef<HTMLDivElement, ComboboxPositionerProps>(\n  function ComboboxPositioner({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().positioner, className)}\n        data-slot=\"combobox-positioner\"\n      />\n    );\n  },\n);\n\nexport type ComboboxPopupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Popup>;\nexport const ComboboxPopup = forwardRef<HTMLDivElement, ComboboxPopupProps>(function ComboboxPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().popup, className)}\n      data-slot=\"combobox-popup\"\n    />\n  );\n});\n\nexport type ComboboxListProps = ComponentPropsWithoutRef<typeof BaseCombobox.List>;\nexport const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(function ComboboxList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().list, className)}\n      data-slot=\"combobox-list\"\n    />\n  );\n});\n\nexport type ComboboxItemProps = ComponentPropsWithoutRef<typeof BaseCombobox.Item>;\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(function ComboboxItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().item, className)}\n      data-slot=\"combobox-item\"\n    />\n  );\n});\n\nexport type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseCombobox.ItemIndicator\n>;\nexport const ComboboxItemIndicator = forwardRef<HTMLSpanElement, ComboboxItemIndicatorProps>(\n  function ComboboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.ItemIndicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().itemIndicator, className)}\n        data-slot=\"combobox-item-indicator\"\n      >\n        {children}\n      </BaseCombobox.ItemIndicator>\n    );\n  },\n);\n\nexport type ComboboxGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Group>;\nexport const ComboboxGroup = forwardRef<HTMLDivElement, ComboboxGroupProps>(function ComboboxGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().group, className)}\n      data-slot=\"combobox-group\"\n    />\n  );\n});\n\nexport type ComboboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseCombobox.GroupLabel>;\nexport const ComboboxGroupLabel = forwardRef<HTMLDivElement, ComboboxGroupLabelProps>(\n  function ComboboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().groupLabel, className)}\n        data-slot=\"combobox-group-label\"\n      />\n    );\n  },\n);\n\nexport type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof BaseCombobox.Empty>;\nexport const ComboboxEmpty = forwardRef<HTMLDivElement, ComboboxEmptyProps>(function ComboboxEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Empty\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().empty, className)}\n      data-slot=\"combobox-empty\"\n    />\n  );\n});\n\nexport type ComboboxClearProps = ComponentPropsWithoutRef<typeof BaseCombobox.Clear>;\nexport const ComboboxClear = forwardRef<HTMLButtonElement, ComboboxClearProps>(\n  function ComboboxClear({ children = \"×\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.Clear\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().clear, className)}\n        data-slot=\"combobox-clear\"\n        aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      >\n        {children}\n      </BaseCombobox.Clear>\n    );\n  },\n);\n\nexport type ComboboxStatusProps = ComponentPropsWithoutRef<typeof BaseCombobox.Status>;\nexport const ComboboxStatus = forwardRef<HTMLDivElement, ComboboxStatusProps>(\n  function ComboboxStatus({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Status\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().status, className)}\n        data-slot=\"combobox-status\"\n      />\n    );\n  },\n);\n\nexport type ComboboxArrowProps = ComponentPropsWithoutRef<typeof BaseCombobox.Arrow>;\nexport const ComboboxArrow = forwardRef<HTMLDivElement, ComboboxArrowProps>(function ComboboxArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().arrow, className)}\n      data-slot=\"combobox-arrow\"\n    />\n  );\n});\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  InputGroup: ComboboxInputGroup,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Icon: ComboboxIcon,\n  Value: ComboboxValue,\n  Portal: ComboboxPortal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  ItemIndicator: ComboboxItemIndicator,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n  Empty: ComboboxEmpty,\n  Clear: ComboboxClear,\n  Status: ComboboxStatus,\n  Arrow: ComboboxArrow,\n  useFilter: BaseCombobox.useFilter,\n};\n"],"mappings":"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"}
+{"version":3,"file":"combobox.cjs","names":["combobox","cx","Field","BaseCombobox","BaseField","withRecipeClassName"],"sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { forwardRef, createContext, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { ComboboxRoot as BaseComboboxRoot } from \"@base-ui/react/combobox\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { combobox } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ComboboxSize = \"sm\" | \"md\" | \"lg\";\n\nconst ComboboxSizeContext = createContext<ComboboxSize>(\"md\");\n\nfunction useComboboxStyles() {\n  return combobox({ size: useContext(ComboboxSizeContext) });\n}\n\nexport interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>\n  extends Omit<BaseComboboxRoot.Props<Value, Multiple>, \"children\" | \"className\"> {\n  /** Visual size shared by the input and trigger. */\n  size?: ComboboxSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Shows a loading state through the optional Loading slot. */\n  loading?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A searchable Base UI combobox with Field integration. It supports the\n * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,\n * object values, grouped items, filtering and multiple selection.\n */\nexport function ComboboxRoot<Value = string, Multiple extends boolean | undefined = false>({\n  children,\n  className,\n  errors,\n  invalid,\n  loading: _loading,\n  name,\n  size = \"md\",\n  ...props\n}: ComboboxRootProps<Value, Multiple>) {\n  const styles = combobox({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <ComboboxSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseCombobox.Root {...props} {...(name === undefined ? {} : { name })}>\n          {children}\n        </BaseCombobox.Root>\n      </Field>\n    </ComboboxSizeContext.Provider>\n  );\n}\n\nexport type ComboboxLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const ComboboxLabel = forwardRef<HTMLElement, ComboboxLabelProps>(function ComboboxLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseField.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().label, className)}\n      data-slot=\"combobox-label\"\n    />\n  );\n});\n\nexport type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.InputGroup>;\n\nexport const ComboboxInputGroup = forwardRef<HTMLDivElement, ComboboxInputGroupProps>(\n  function ComboboxInputGroup({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.InputGroup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().inputGroup, className)}\n        data-slot=\"combobox-input-group\"\n      />\n    );\n  },\n);\n\nexport type ComboboxInputProps = ComponentPropsWithoutRef<typeof BaseCombobox.Input>;\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().input, className)}\n        data-jaci-component=\"combobox\"\n        data-slot=\"combobox-input\"\n      />\n    );\n  },\n);\n\nexport type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Trigger>;\n\nexport const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  function ComboboxTrigger({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().trigger, className)}\n        data-slot=\"combobox-trigger\"\n      />\n    );\n  },\n);\n\nexport type ComboboxIconProps = ComponentPropsWithoutRef<typeof BaseCombobox.Icon>;\n\nexport const ComboboxIcon = forwardRef<HTMLSpanElement, ComboboxIconProps>(function ComboboxIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Icon\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().icon, className)}\n      data-slot=\"combobox-icon\"\n    >\n      {children}\n    </BaseCombobox.Icon>\n  );\n});\n\nexport type ComboboxValueProps = ComponentPropsWithoutRef<typeof BaseCombobox.Value>;\nexport const ComboboxValue = BaseCombobox.Value;\n\nexport const ComboboxPortal = BaseCombobox.Portal;\n\nexport type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Positioner>;\nexport const ComboboxPositioner = forwardRef<HTMLDivElement, ComboboxPositionerProps>(\n  function ComboboxPositioner({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().positioner, className)}\n        data-slot=\"combobox-positioner\"\n      />\n    );\n  },\n);\n\nexport type ComboboxPopupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Popup>;\nexport const ComboboxPopup = forwardRef<HTMLDivElement, ComboboxPopupProps>(function ComboboxPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().popup, className)}\n      data-slot=\"combobox-popup\"\n    />\n  );\n});\n\nexport type ComboboxListProps = ComponentPropsWithoutRef<typeof BaseCombobox.List>;\nexport const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(function ComboboxList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().list, className)}\n      data-slot=\"combobox-list\"\n    />\n  );\n});\n\nexport type ComboboxItemProps = ComponentPropsWithoutRef<typeof BaseCombobox.Item>;\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(function ComboboxItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().item, className)}\n      data-slot=\"combobox-item\"\n    />\n  );\n});\n\nexport type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseCombobox.ItemIndicator\n>;\nexport const ComboboxItemIndicator = forwardRef<HTMLSpanElement, ComboboxItemIndicatorProps>(\n  function ComboboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.ItemIndicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().itemIndicator, className)}\n        data-slot=\"combobox-item-indicator\"\n      >\n        {children}\n      </BaseCombobox.ItemIndicator>\n    );\n  },\n);\n\nexport type ComboboxGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Group>;\nexport const ComboboxGroup = forwardRef<HTMLDivElement, ComboboxGroupProps>(function ComboboxGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().group, className)}\n      data-slot=\"combobox-group\"\n    />\n  );\n});\n\nexport type ComboboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseCombobox.GroupLabel>;\nexport const ComboboxGroupLabel = forwardRef<HTMLDivElement, ComboboxGroupLabelProps>(\n  function ComboboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().groupLabel, className)}\n        data-slot=\"combobox-group-label\"\n      />\n    );\n  },\n);\n\nexport type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof BaseCombobox.Empty>;\nexport const ComboboxEmpty = forwardRef<HTMLDivElement, ComboboxEmptyProps>(function ComboboxEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Empty\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().empty, className)}\n      data-slot=\"combobox-empty\"\n    />\n  );\n});\n\nexport type ComboboxClearProps = ComponentPropsWithoutRef<typeof BaseCombobox.Clear>;\nexport const ComboboxClear = forwardRef<HTMLButtonElement, ComboboxClearProps>(\n  function ComboboxClear({ children = \"×\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.Clear\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().clear, className)}\n        data-slot=\"combobox-clear\"\n        aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      >\n        {children}\n      </BaseCombobox.Clear>\n    );\n  },\n);\n\nexport type ComboboxLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const ComboboxLoading = forwardRef<HTMLDivElement, ComboboxLoadingProps>(\n  function ComboboxLoading({ children = \"Loading…\", className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-live=\"polite\"\n        className={cx(useComboboxStyles().loading, className)}\n        data-slot=\"combobox-loading\"\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nexport type ComboboxStatusProps = ComponentPropsWithoutRef<typeof BaseCombobox.Status>;\nexport const ComboboxStatus = forwardRef<HTMLDivElement, ComboboxStatusProps>(\n  function ComboboxStatus({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Status\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().status, className)}\n        data-slot=\"combobox-status\"\n      />\n    );\n  },\n);\n\nexport type ComboboxArrowProps = ComponentPropsWithoutRef<typeof BaseCombobox.Arrow>;\nexport const ComboboxArrow = forwardRef<HTMLDivElement, ComboboxArrowProps>(function ComboboxArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().arrow, className)}\n      data-slot=\"combobox-arrow\"\n    />\n  );\n});\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  InputGroup: ComboboxInputGroup,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Icon: ComboboxIcon,\n  Value: ComboboxValue,\n  Portal: ComboboxPortal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  ItemIndicator: ComboboxItemIndicator,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n  Empty: ComboboxEmpty,\n  Loading: ComboboxLoading,\n  Clear: ComboboxClear,\n  Status: ComboboxStatus,\n  Arrow: ComboboxArrow,\n  useFilter: BaseCombobox.useFilter,\n};\n"],"mappings":"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"}

package/dist/components/combobox/combobox.d.cts

@@ -8,6 +8,8 @@ interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>
   size?: ComboboxSize;
   /** Marks the field invalid when an external validator owns its state. */
   invalid?: boolean;
+  /** Shows a loading state through the optional Loading slot. */
+  loading?: boolean;
   /** Direct error content rendered through the surrounding Field context. */
   errors?: ReactNode | ReactNode[];
   children?: ReactNode;
@@ -18,7 +20,7 @@ interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>
  * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,
  * object values, grouped items, filtering and multiple selection.
  */
-declare function ComboboxRoot$1<Value = string, Multiple extends boolean | undefined = false>({ children, className, errors, invalid, name, size, ...props }: ComboboxRootProps<Value, Multiple>): import("react").JSX.Element;
+declare function ComboboxRoot$1<Value = string, Multiple extends boolean | undefined = false>({ children, className, errors, invalid, loading: _loading, name, size, ...props }: ComboboxRootProps<Value, Multiple>): import("react").JSX.Element;
 type ComboboxLabelProps = ComponentPropsWithoutRef<typeof Field.Label>;
 declare const ComboboxLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
 type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof Combobox.InputGroup>;
@@ -50,6 +52,8 @@ type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof Combobox.Empty>;
 declare const ComboboxEmpty: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type ComboboxClearProps = ComponentPropsWithoutRef<typeof Combobox.Clear>;
 declare const ComboboxClear: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type ComboboxLoadingProps = ComponentPropsWithoutRef<"div">;
+declare const ComboboxLoading: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type ComboboxStatusProps = ComponentPropsWithoutRef<typeof Combobox.Status>;
 declare const ComboboxStatus: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type ComboboxArrowProps = ComponentPropsWithoutRef<typeof Combobox.Arrow>;
@@ -71,11 +75,12 @@ declare const Combobox$1: {
   Group: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   GroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Empty: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Loading: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Clear: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
   Status: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   useFilter: typeof Combobox.useFilter;
 };
 //#endregion
-export { Combobox$1 as Combobox, ComboboxArrow, ComboboxArrowProps, ComboboxClear, ComboboxClearProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxIcon, ComboboxIconProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, ComboboxPositionerProps, ComboboxRoot$1 as ComboboxRoot, ComboboxRootProps, ComboboxSize, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps };
+export { Combobox$1 as Combobox, ComboboxArrow, ComboboxArrowProps, ComboboxClear, ComboboxClearProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxIcon, ComboboxIconProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxLoading, ComboboxLoadingProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, ComboboxPositionerProps, ComboboxRoot$1 as ComboboxRoot, ComboboxRootProps, ComboboxSize, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps };
 //# sourceMappingURL=combobox.d.cts.map