@povio/ui 5.0.0-rc.9 → 6.0.0-rc.2

package/dist/components/autocomplete.js

@@ -1,135 +1,2 @@
-import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.js";
-import { r as selectInputTagsContentWrapperDefinition } from "../selectDesktop.cva-CHAMxhfO.js";
-import { t as clsx } from "../clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
-import { n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "../staticSelect.utils-uHa8f_c6.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "../import-BE0r63d8.js";
-import { t as FieldController } from "../form.binding-CG1RPv6o.js";
-import { i as InputFrame, n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "../useStaticInputHandoff-NeZVnci-.js";
-import { memo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/inputs/Selection/Autocomplete/Autocomplete.tsx
-function AutocompleteInner({ renderStaticInput, isFormControlDisabled, ...props }) {
-	const ui = UIConfig.useConfig();
-	const selectInputTagsContentWrapperCva = UIOverrides.useCva("select.tagsContentWrapperCva", selectInputTagsContentWrapperDefinition);
-	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.select.renderStaticInput ?? ui.renderStaticInput));
-	const rootRef = useRef(null);
-	const { renderRealInput, replayStaticInputChange, replayStaticInputPress } = useStaticInputHandoff({
-		inputRef: rootRef,
-		renderInput,
-		setRenderInput,
-		getFocusTarget: (root, _staticTarget, fromEnd) => fromEnd ? getStaticInputFocusTarget(root, true) : root.querySelector("input, [data-type='select-trigger'], button, [tabindex]")
-	});
-	const currentValue = props.value;
-	if (!renderInput && !!props.customTrigger) setRenderInput(true);
-	if (!renderInput) {
-		const as = props.as ?? ui.input.as;
-		const size = props.size ?? ui.input.size;
-		let isDisabled = !!props.isDisabled;
-		if (isFormControlDisabled) isDisabled = true;
-		const mode = props.selectionMode ?? ui.select.selectionMode;
-		const { selectedItem, displayValue, isEmpty } = getStaticSelectValue({
-			items: props.items,
-			value: currentValue,
-			selectionMode: mode,
-			initialSelection: props.initialSelection,
-			mapInitialToSelectItem: props.mapInitialToSelectItem,
-			showSelectionContent: props.showSelectionContent,
-			isDisabled,
-			collapseAfter: props.collapseAfter ?? ui.select.collapseAfter,
-			selectedTagsType: props.selectedTagsType ?? ui.select.selectedTagsType
-		});
-		const isMultiple = mode === "multiple";
-		const trailingContent = /* @__PURE__ */ jsx(StaticSelectTrailingContent, {
-			trailingContent: props.trailingContent,
-			hideDropdownIcon: props.hideDropdownIcon,
-			isDisabled,
-			size
-		});
-		const placeholder = as === "floating" ? null : props.placeholder;
-		const shouldRenderPlaceholderAfterValue = mode !== "single" && props.placeholder && !isEmpty;
-		const inputValue = !isMultiple && selectedItem ? selectedItem.label : "";
-		const dataAttributes = {
-			dataIsEmpty: isEmpty,
-			dataIsFilled: !isEmpty,
-			dataIsDirty: props.isDirty,
-			dataIsRequired: props.isRequired,
-			dataIsDisabled: isDisabled,
-			dataDisabled: isDisabled,
-			dataInvalid: !!props.error,
-			dataHasSelection: !isEmpty,
-			dataHasSearch: false
-		};
-		return /* @__PURE__ */ jsx(InputFrame, {
-			...props,
-			isDisabled,
-			isLoading: false,
-			className: clsx("w-full", props.containerClassName),
-			inputClassName: clsx(props.className, props.inputClassName),
-			contentWrapperClassName: selectInputTagsContentWrapperCva({ isSearchable: true }),
-			contentGroup: "select",
-			labelPlacement: "content-row",
-			dataAttributes,
-			onStaticInteract: renderRealInput,
-			onStaticPress: replayStaticInputPress,
-			wrapTrailingContent: false,
-			leadingContent: props.leadingContent && /* @__PURE__ */ jsx("div", {
-				className: "ml-input-side-default flex shrink-0 items-center",
-				children: props.leadingContent
-			}),
-			trailingContent,
-			children: (dataAttributeProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [isMultiple && !isEmpty && displayValue, /* @__PURE__ */ jsx("input", {
-				disabled: isDisabled,
-				tabIndex: -1,
-				role: "combobox",
-				"aria-autocomplete": "list",
-				"aria-controls": `${dataAttributeProps.id}-listbox`,
-				"aria-expanded": false,
-				value: inputValue,
-				placeholder: isMultiple && shouldRenderPlaceholderAfterValue ? props.placeholder : placeholder ?? void 0,
-				className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-surface-default-popover-foreground disabled:text-inherit", props.inputClassName),
-				onChange: (event) => replayStaticInputChange(event.target.value),
-				...dataAttributeProps,
-				"data-rac": true
-			})] })
-		});
-	}
-	return /* @__PURE__ */ jsx(SelectBase, {
-		...props,
-		ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(props.ref, rootRef),
-		isSearchable: true
-	});
-}
-function AutocompleteComponent({ renderStaticInput, ...props }) {
-	if ("field" in props && props.field) {
-		const { ignoreInputValueFiltering = true, field, ref, ...innerProps } = props;
-		const controlWithOptions = field.form;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(AutocompleteInner, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value,
-				onChange: (value) => {
-					field.onChange(value);
-					field.onBlur();
-				},
-				onBlur: field.onBlur,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				isFormControlDisabled: !!controlWithOptions._options?.disabled,
-				error: props.error ?? error?.message,
-				ignoreInputValueFiltering,
-				renderStaticInput
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(AutocompleteInner, {
-		...props,
-		renderStaticInput
-	});
-}
-const Autocomplete = memo(AutocompleteComponent);
-//#endregion
+import { t as Autocomplete } from "../Autocomplete-DSwAc7jF.js";
 export { Autocomplete };

package/dist/components/badge-button.d.ts

@@ -1,2 +1,2 @@
-import { n as BadgeButtonProps, t as BadgeButton } from "../BadgeButton-Ccgt3oGO.js";
+import { n as BadgeButtonProps, t as BadgeButton } from "../BadgeButton-DZm_aw29.js";
 export { BadgeButton, BadgeButtonProps };

package/dist/components/badge-button.js

@@ -1,10 +1,10 @@
 import { t as X } from "../x-B6vfz8Ps.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "../Button-D6KlWSFL.js";
-import { t as $75afe627ae0cc0fa$export$d2b052e7b4be1756 } from "../ToggleButton-BW1ensey.js";
-import { t as ButtonContent } from "../ButtonContent-c7lJayVQ.js";
-import { a as badgeButtonTypography, i as badgeButtonIconSize, r as badgeButtonDefinition, t as badgeButtonContent } from "../badgeButton.cva-CvN4CTx5.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "../Button-C1YB5dOw.js";
+import { t as $75afe627ae0cc0fa$export$d2b052e7b4be1756 } from "../ToggleButton-DUQ8nwKY.js";
+import { t as ButtonContent } from "../ButtonContent-BBup-vN6.js";
+import { a as badgeButtonTypography, i as badgeButtonIconSize, r as badgeButtonDefinition, t as badgeButtonContent } from "../badgeButton.cva-C1BuYx1N.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/BadgeButton/BadgeButton.tsx

package/dist/components/badge.d.ts

@@ -1,2 +1,2 @@
-import { n as BadgeProps, t as Badge } from "../Badge-CBNpj823.js";
+import { n as BadgeProps, t as Badge } from "../Badge-Dp091PcC.js";
 export { Badge, BadgeProps };

package/dist/components/badge.js

@@ -1,12 +1,12 @@
-import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "../uiConfig.context-dxsO9puE.js";
 import { t as X } from "../x-B6vfz8Ps.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
-import { t as IconSlot } from "../IconSlot-DSK7qNxc.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "../Button-D6KlWSFL.js";
-import { t as Typography } from "../Typography-LU4z2pR1.js";
-import { r as badgeButtonDefinition } from "../badgeButton.cva-CvN4CTx5.js";
-import "../i18n-CX2EjhJI.js";
+import { t as IconSlot } from "../IconSlot-Cuvpj1gd.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "../Button-C1YB5dOw.js";
+import { t as Typography } from "../Typography-Ba5l4rmj.js";
+import { r as badgeButtonDefinition } from "../badgeButton.cva-C1BuYx1N.js";
+import "../i18n-BjNKHh_D.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
@@ -51,7 +51,7 @@ const Badge = (t0) => {
 		...appearanceProps,
 		variant,
 		hasIcon: isDismissible || !!Icon,
-		className: clsx("pointer-events-none inline-flex gap-list-gap-icon-to-label overflow-hidden", className)
+		className: clsx("pointer-events-none", className)
 	});
 	let t8;
 	if ($[8] !== Icon) {
@@ -78,7 +78,7 @@ const Badge = (t0) => {
 	if ($[14] !== buttonProps || $[15] !== isDismissible) {
 		t11 = isDismissible && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 			...buttonProps,
-			className: "pointer-events-auto shrink-0",
+			className: "pointer-events-auto shrink-0 rounded-sm opacity-70 outline-none transition-opacity hover:opacity-100 disabled:pointer-events-none disabled:opacity-50",
 			children: /* @__PURE__ */ jsx(IconSlot, { icon: X })
 		});
 		$[14] = buttonProps;

package/dist/components/bottom-sheet-header.d.ts

@@ -0,0 +1,16 @@
+import { t as TypographyVariantProps } from "../typography.cva-CKCCpIMj.js";
+import { ReactNode } from "react";
+import { DragControls } from "motion/react";
+//#region src/components/overlays/BottomSheet/BottomSheetHeader.d.ts
+interface BottomSheetHeaderProps {
+  label?: ReactNode;
+  isDismissable?: boolean;
+  dragControls?: DragControls;
+  hideHeader?: boolean;
+  hideThumb?: boolean;
+  headerTypography?: TypographyVariantProps;
+  onClose?: () => void;
+}
+declare const BottomSheetHeader: ({ label, dragControls, isDismissable, hideThumb, hideHeader, headerTypography, onClose }: BottomSheetHeaderProps) => import("react").JSX.Element;
+//#endregion
+export { BottomSheetHeader, BottomSheetHeaderProps };

package/dist/components/bottom-sheet-header.js

@@ -0,0 +1,80 @@
+import { t as X } from "../x-B6vfz8Ps.js";
+import { t as clsx } from "../clsx-CnD0nOiA.js";
+import { t as IconSlot } from "../IconSlot-Cuvpj1gd.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "../Button-C1YB5dOw.js";
+import { t as Typography } from "../Typography-Ba5l4rmj.js";
+import { n as uiOutlineClass } from "../outline.clsx-DGGQQRkM.js";
+import "../i18n-BjNKHh_D.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/overlays/BottomSheet/BottomSheetHeader.tsx
+const BottomSheetHeader = (t0) => {
+	const $ = c(17);
+	const { label, dragControls, isDismissable, hideThumb, hideHeader, headerTypography, onClose } = t0;
+	const { t } = useTranslation("ui");
+	const t1 = hideHeader && "pb-2";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = clsx(t1);
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== dragControls || $[3] !== hideThumb || $[4] !== isDismissable) {
+		t3 = isDismissable && !hideThumb && /* @__PURE__ */ jsx("div", {
+			className: "flex shrink-0 cursor-grab touch-none justify-center pt-4",
+			onPointerDown: (e) => {
+				e.preventDefault();
+				dragControls?.start(e);
+			},
+			"aria-hidden": true,
+			children: /* @__PURE__ */ jsx("div", { className: "h-2 w-[100px] shrink-0 rounded-full bg-muted" })
+		});
+		$[2] = dragControls;
+		$[3] = hideThumb;
+		$[4] = isDismissable;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== headerTypography || $[7] !== hideHeader || $[8] !== isDismissable || $[9] !== label || $[10] !== onClose || $[11] !== t) {
+		t4 = !hideHeader && /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-2 p-4",
+			children: [/* @__PURE__ */ jsx(Typography, {
+				size: "body",
+				className: "font-semibold",
+				...headerTypography,
+				children: label
+			}), onClose && isDismissable && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
+				onPress: onClose,
+				"aria-label": t(_temp),
+				className: clsx("inline-flex shrink-0 rounded-sm opacity-70 transition-opacity hover:opacity-100", uiOutlineClass),
+				children: /* @__PURE__ */ jsx(IconSlot, { icon: X })
+			})]
+		});
+		$[6] = headerTypography;
+		$[7] = hideHeader;
+		$[8] = isDismissable;
+		$[9] = label;
+		$[10] = onClose;
+		$[11] = t;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== t2 || $[14] !== t3 || $[15] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: t2,
+			children: [t3, t4]
+		});
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t5;
+	} else t5 = $[16];
+	return t5;
+};
+function _temp($) {
+	return $.ui.closeAlt;
+}
+//#endregion
+export { BottomSheetHeader };

package/dist/components/bottom-sheet.d.ts

@@ -1,3 +1,3 @@
-import { t as BottomSheetProps } from "../BottomSheet-DbQuzfAB.js";
-import { t as BottomSheet } from "../BottomSheet.lazy-D9LCEo7s.js";
+import { t as BottomSheetProps } from "../BottomSheet-C-jdDmO7.js";
+import { t as BottomSheet } from "../BottomSheet.lazy-C0_6p_UQ.js";
 export { BottomSheet, type BottomSheetProps };

package/dist/components/bottom-sheet.js

@@ -1,9 +1,9 @@
-import { t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "../Dialog-CKLkS00H.js";
+import { t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "../Dialog-lFYX-7Ax.js";
 import { Suspense, lazy, useEffect, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/BottomSheet/BottomSheet.lazy.tsx
-const BottomSheetRenderer = lazy(() => import("../BottomSheet-BXLE3161.js").then(({ BottomSheet }) => ({ default: BottomSheet })));
+const BottomSheetRenderer = lazy(() => import("../BottomSheet-DB0Cdlgx.js").then(({ BottomSheet }) => ({ default: BottomSheet })));
 const BottomSheet = (t0) => {
 	const $ = c(26);
 	let isOpen;

package/dist/components/breadcrumb/react-aria.js

@@ -1 +1 @@
-import"react-aria/mergeProps";import{mergeRefs as e}from"react-aria/mergeRefs";import t,{createContext as n,forwardRef as r,useContext as i,useMemo as a,useRef as o}from"react";import{useLayoutEffect as s}from"react-aria/private/utils/useLayoutEffect";import"react-aria/useObjectRef";import{createLeafComponent as c}from"react-aria/CollectionBuilder";import"react-aria/useLink";import{filterDOMProps as l}from"react-aria/filterDOMProps";import"react-aria/useFocusRing";import"react-aria/useHover";import"react-aria/useBreadcrumbs";import"react-aria/Collection";import{CollectionNode as u}from"react-aria/private/collections/BaseCollection";const d=Symbol(`default`);function f(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:o,defaultStyle:s,values:c,render:l}=e;return a(()=>{let e,a,u;return e=typeof t==`function`?t({...c,defaultClassName:i}):t,a=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:o}):r??o,{className:e??i,style:a||s?{...s,...a}:void 0,children:u??o,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,i,o,s,c,l])}function p(e,t){let n=i(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||d;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function m(n,r,i){let{render:c,...l}=r,u=o(null),d=a(()=>e(i,u),[i,u]);s(()=>{},[n,c]);let f={...l,ref:d};return c?c(f,void 0):t.createElement(n,f)}const h={},g=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=h[t];return n||(n=r(m.bind(null,t)),h[t]=n),n}}),_=n(null),v=n(null);var y=class extends u{static{this.type=`item`}};const b=c(y,function(e,n,r){let i=r.nextKey==null,{isDisabled:a,onAction:o}=p(v),s={"aria-current":i?`page`:null,isDisabled:a||i,onPress:()=>o?.(r.key)},c=f({...r.props,children:r.rendered,values:{isDisabled:a||i,isCurrent:i},defaultClassName:`react-aria-Breadcrumb`}),u=l(e,{global:!0,labelable:!0});return delete u.id,t.createElement(g.li,{...u,...c,ref:n,"data-disabled":a||i||void 0,"data-current":i||void 0},t.createElement(_.Provider,{value:s},c.children))});export{b as Breadcrumb};
+import"react-aria/mergeProps";import{mergeRefs as e}from"react-aria/mergeRefs";import t,{createContext as n,forwardRef as r,useContext as i,useMemo as a,useRef as o}from"react";import{useLayoutEffect as s}from"react-aria/private/utils/useLayoutEffect";import"react-aria/useObjectRef";import{createLeafComponent as c}from"react-aria/CollectionBuilder";import"react-aria/useLink";import{filterDOMProps as l}from"react-aria/filterDOMProps";import"react-aria/useFocusRing";import"react-aria/useHover";import"react-aria/useBreadcrumbs";import"react-aria/Collection";import{CollectionNode as u}from"react-aria/private/collections/BaseCollection";const d=Symbol(`default`);function f(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:o,defaultStyle:s,values:c,render:l}=e;return a(()=>{let e,a,u;return e=typeof t==`function`?t({...c,defaultClassName:i}):t,a=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:o}):r??o,{className:e??i,style:a||s?{...s,...a}:void 0,children:u??o,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,i,o,s,c,l])}function p(e,t){let n=i(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||d;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function m(n,r,i){let{render:c,...l}=r,u=o(null),d=a(()=>e(i,u),[i,u]);s(()=>{},[n,c]);let f={...l,ref:d};return c?c(f,void 0):t.createElement(n,f)}const h={},g=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=h[t];return n||(n=r(m.bind(null,t)),h[t]=n),n}}),_=n(null),v=n(null);var y=class extends u{static{this.type=`item`}};const b=c(y,function(e,n,r){let i=r.nextKey==null,{isDisabled:a,onAction:o}=p(v),s={"aria-current":i?`page`:void 0,isDisabled:a||i,onPress:()=>o?.(r.key)},c=f({...r.props,children:r.rendered,values:{isDisabled:a||i,isCurrent:i},defaultClassName:`react-aria-Breadcrumb`}),u=l(e,{global:!0,labelable:!0});return delete u.id,t.createElement(g.li,{...u,...c,ref:n,"data-disabled":a||i||void 0,"data-current":i||void 0},t.createElement(_.Provider,{value:s},c.children))});export{b as Breadcrumb};

package/dist/components/breadcrumbs.d.ts

@@ -1,2 +1,2 @@
-import { n as Breadcrumbs, r as BreadcrumbsProps, t as BreadcrumbItem } from "../Breadcrumbs-CUV6CU8Q.js";
+import { n as Breadcrumbs, r as BreadcrumbsProps, t as BreadcrumbItem } from "../Breadcrumbs-CuupIZuv.js";
 export { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps };

package/dist/components/breadcrumbs.js

@@ -1,2 +1,2 @@
-import { t as Breadcrumbs } from "../Breadcrumbs-FF8hMfXd.js";
+import { t as Breadcrumbs } from "../Breadcrumbs-V-Bea_bs.js";
 export { Breadcrumbs };

package/dist/components/button-group.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from "react";
+//#region src/components/buttons/ButtonGroup/ButtonGroup.d.ts
+/**
+ * Groups related action buttons. Use ToggleGroup for controls that represent a
+ * selected value.
+ */
+interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+  orientation?: "horizontal" | "vertical";
+}
+declare const ButtonGroup: ({ orientation, className, ...props }: ButtonGroupProps) => import("react").JSX.Element;
+//#endregion
+export { ButtonGroup, ButtonGroupProps };

package/dist/components/button-group.js

@@ -0,0 +1,46 @@
+import { t as clsx } from "../clsx-CnD0nOiA.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/buttons/ButtonGroup/ButtonGroup.tsx
+const ButtonGroup = (t0) => {
+	const $ = c(11);
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({orientation: t1, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const orientation = t1 === void 0 ? "horizontal" : t1;
+	const t2 = orientation === "horizontal" ? "flex-row items-center" : "flex-col items-stretch";
+	let t3;
+	if ($[4] !== className || $[5] !== t2) {
+		t3 = clsx("inline-flex", t2, className);
+		$[4] = className;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== orientation || $[8] !== props || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			...props,
+			role: "group",
+			"data-orientation": orientation,
+			className: t3
+		});
+		$[7] = orientation;
+		$[8] = props;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+};
+//#endregion
+export { ButtonGroup };

package/dist/components/button.d.ts

@@ -1,3 +1,3 @@
-import { n as ButtonVariantProps } from "../button.cva-C7kEhgoA.js";
-import { i as ButtonProps, t as Button } from "../Button-D-4qb0IR.js";
+import { n as ButtonVariantProps } from "../button.cva-YpNNY6C-.js";
+import { n as ButtonProps, t as Button } from "../Button-BL5ils-5.js";
 export { Button, type ButtonProps, type ButtonVariantProps };

package/dist/components/button.js

@@ -1,2 +1,2 @@
-import { t as Button } from "../Button-C5rv4Cr2.js";
+import { t as Button } from "../Button-DU1Q8GDB.js";
 export { Button };

package/dist/components/checkbox-group.d.ts

@@ -1,2 +1,2 @@
-import { n as CheckboxGroupProps, r as ControlledCheckboxGroupProps, t as CheckboxGroup } from "../CheckboxGroup-DGF12cmB.js";
-export { CheckboxGroup, CheckboxGroupProps, ControlledCheckboxGroupProps };
+import { i as CheckboxGroupProps, n as CheckboxGroupBase, r as CheckboxGroupComponent, t as CheckboxGroup } from "../CheckboxGroup-B_rzZgta.js";
+export { CheckboxGroup, type CheckboxGroupBase, type CheckboxGroupComponent, type CheckboxGroupProps };

package/dist/components/checkbox-group.js

@@ -1,164 +1,2 @@
-import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.js";
-import { i as checkboxContentWrapperDefinition, o as checkboxGroupLabelDefinition, r as checkboxContentRowDefinition } from "../CheckboxCheckmark-CpC3wlMs.js";
-import { t as clsx } from "../clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
-import { n as CheckboxBase, r as $ed8ccb2e23e76301$export$4aa08d5625cb8ead } from "../Checkbox-CV1ILXXO.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "../import-BE0r63d8.js";
-import { t as FieldController } from "../form.binding-CG1RPv6o.js";
-import { r as FormFieldLabel, t as FormField } from "../FormField-B99dLt8o.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "../input.cva-DJA8ovm_.js";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useLabel } from "@react-aria/label";
-//#region src/components/inputs/Checkbox/CheckboxGroup.tsx
-const CheckboxGroupBase = (props) => {
-	const ui = UIConfig.useConfig();
-	const checkboxContentWrapperCva = UIOverrides.useCva("checkbox.contentWrapperCva", checkboxContentWrapperDefinition);
-	const checkboxContentRowCva = UIOverrides.useCva("checkbox.contentRowCva", checkboxContentRowDefinition);
-	const checkboxGroupLabelCva = UIOverrides.useCva("checkbox.groupLabelCva", checkboxGroupLabelDefinition);
-	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
-	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	const { ref, label, tooltipText, helperText, isDirty, isRequired, rightContent, isDisabled, headerClassName, errorClassName, labelClassName, inputClassName, isHeaderHidden, error, className, options, allValue, value, defaultValue, onChange, onBlur, as: asProp, size: sizeProp, variant: variantProp, hideLabel: hideLabelProp, ...rest } = props;
-	const as = asProp ?? ui.input.as;
-	const size = sizeProp ?? ui.input.size;
-	const variant = variantProp ?? ui.checkbox.variant;
-	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
-	const optionValues = options.map((option) => option.value);
-	const expandAllValue = (currentValue) => {
-		if (allValue === null && currentValue === null) return optionValues;
-		if (allValue !== void 0 && allValue !== null && currentValue) {
-			if (currentValue.length === allValue.length && currentValue.every((item, index) => item === allValue[index])) return optionValues;
-		}
-		return currentValue ?? void 0;
-	};
-	const resolvedValue = expandAllValue(value);
-	const resolvedDefaultValue = expandAllValue(defaultValue);
-	const selectedValue = resolvedValue ?? resolvedDefaultValue;
-	const shouldRenderInputFrame = as !== "default";
-	const { labelProps, fieldProps } = useLabel({ label });
-	const formFieldProps = {
-		className,
-		error,
-		errorClassName,
-		headerClassName,
-		helperText,
-		hideLabel,
-		isDisabled,
-		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
-		isRequired,
-		label,
-		rightContent,
-		tooltipText
-	};
-	const headerProps = {
-		className: headerClassName,
-		helperText,
-		isDisabled,
-		isHeaderHidden: hideLabel || isHeaderHidden,
-		isRequired,
-		label,
-		labelProps,
-		rightContent,
-		tooltipText
-	};
-	const handleChange = (nextValue) => {
-		const hasAllOptions = allValue !== void 0 && optionValues.length > 0 && optionValues.every((optionValue) => nextValue.includes(optionValue));
-		onChange?.(hasAllOptions ? allValue : nextValue);
-	};
-	return /* @__PURE__ */ jsx($ed8ccb2e23e76301$export$4aa08d5625cb8ead, {
-		...rest,
-		...fieldProps,
-		ref,
-		value: resolvedValue,
-		defaultValue: resolvedDefaultValue,
-		onChange: handleChange,
-		onBlur,
-		isDisabled,
-		isInvalid: !!error,
-		isRequired,
-		"data-is-dirty": isDirty || void 0,
-		"data-is-required": isRequired || void 0,
-		className: "group",
-		children: /* @__PURE__ */ jsx(FormField, {
-			...formFieldProps,
-			as,
-			labelProps,
-			className: clsx("w-full", as === "inline" && "h-full", className),
-			tabIndex: as === "inline" ? -1 : void 0,
-			children: /* @__PURE__ */ jsx("div", {
-				className: clsx("group/checkbox-group-content relative", shouldRenderInputFrame && inputBaseCva({
-					variant: ui.input.variant,
-					as
-				}), inputClassName),
-				"data-rac": "",
-				"data-disabled": isDisabled || void 0,
-				"data-is-disabled": isDisabled || void 0,
-				"data-invalid": !!error || void 0,
-				"data-has-selection": selectedValue?.length ? true : void 0,
-				"data-checkbox-group-content": "",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: clsx(checkboxContentWrapperCva({
-						variant,
-						as,
-						size,
-						hasInputFrame: shouldRenderInputFrame,
-						...rest
-					}), shouldRenderInputFrame && as !== "floating" && inputSizeCva({
-						as,
-						size
-					})),
-					"data-is-dirty": isDirty || void 0,
-					"data-is-required": isRequired || void 0,
-					children: [as && ["filter", "floating"].includes(as) && /* @__PURE__ */ jsx(FormFieldLabel, {
-						...headerProps,
-						as: as === "floating" ? "filter" : as,
-						size,
-						className: clsx(headerClassName, checkboxGroupLabelCva({ as }))
-					}), /* @__PURE__ */ jsx("div", {
-						className: checkboxContentRowCva({
-							variant,
-							as,
-							hasInputFrame: shouldRenderInputFrame,
-							...rest
-						}),
-						children: options.map((option) => /* @__PURE__ */ jsx(CheckboxBase, {
-							value: option.value,
-							variant,
-							hideLabel,
-							hideError: true,
-							labelClassName,
-							children: option.label
-						}, option.value))
-					})]
-				})
-			})
-		})
-	});
-};
-const CheckboxGroupComponent = (props) => {
-	if ("field" in props && props.field) {
-		const { field, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(CheckboxGroupBase, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value,
-				onChange: (value) => {
-					field.onChange(value);
-					field.onBlur();
-				},
-				onBlur: field.onBlur,
-				name: field.name,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(CheckboxGroupBase, { ...props });
-};
-const CheckboxGroup = memo(CheckboxGroupComponent);
-//#endregion
+import { t as CheckboxGroup } from "../CheckboxGroup-D3LxgocB.js";
 export { CheckboxGroup };

package/dist/components/checkbox.d.ts

@@ -1,2 +1,2 @@
-import { a as ControlledCheckboxProps, i as CheckboxProps, n as CheckboxBase, r as CheckboxBaseProps, t as Checkbox } from "../Checkbox-DVTWaMKa.js";
-export { Checkbox, CheckboxBase, CheckboxBaseProps, CheckboxProps, ControlledCheckboxProps };
+import { a as CheckboxProps, i as CheckboxComponent, n as CheckboxBase, r as CheckboxBaseProps, t as Checkbox } from "../Checkbox-BjZVQ-6_.js";
+export { Checkbox, type CheckboxBase, type CheckboxBaseProps, type CheckboxComponent, type CheckboxProps };

package/dist/components/checkbox.js

@@ -1,2 +1,2 @@
-import { n as CheckboxBase, t as Checkbox } from "../Checkbox-CV1ILXXO.js";
-export { Checkbox, CheckboxBase };
+import { t as Checkbox } from "../Checkbox-Bo03jrPX.js";
+export { Checkbox };

package/dist/components/combo-box/react-aria.js

@@ -1 +1 @@
-import{mergeProps as e}from"react-aria/mergeProps";import{mergeRefs as t}from"react-aria/mergeRefs";import n,{createContext as r,forwardRef as i,useCallback as a,useContext as o,useMemo as s,useRef as c,useState as l}from"react";import{useLayoutEffect as u}from"react-aria/private/utils/useLayoutEffect";import{useObjectRef as d}from"react-aria/useObjectRef";import"react-aria/useAutocomplete";import"react-stately/private/autocomplete/useAutocompleteState";import{CollectionBuilder as f,createLeafComponent as p}from"react-aria/CollectionBuilder";import{filterDOMProps as m}from"react-aria/filterDOMProps";import"react-aria/useFocusRing";import"react-aria/useHover";import"react-aria/Collection";import{LoaderNode as h}from"react-aria/private/collections/BaseCollection";import{createHideableComponent as g}from"react-aria/private/collections/Hidden";import"react-aria/private/live-announcer/LiveAnnouncer";import"react-aria/useButton";import"react-aria/useId";import"react-aria/I18nProvider";import"react-stately/private/form/useFormValidationState";import"react-aria/useListBox";import"react-aria/FocusScope";import{inertValue as _}from"react-aria/private/utils/inertValue";import"react-aria/ListKeyboardDelegate";import"react-stately/useListState";import{useLoadMoreSentinel as v}from"react-aria/private/utils/useLoadMoreSentinel";import"react-aria/useCollator";import"react-aria/useFocus";import"react-aria/useKeyboard";import"react-aria/usePopover";import"react-aria/Overlay";import"react-aria/private/interactions/focusSafely";import"react-aria/private/interactions/useFocusVisible";import"react-aria/private/utils/shadowdom/DOMFunctions";import"react-stately/useOverlayTriggerState";import"react-aria/private/utils/animation";import{useResizeObserver as ee}from"react-aria/private/utils/useResizeObserver";import"react-stately/useMenuTriggerState";import"react-aria/private/interactions/PressResponder";import"react-aria/useDialog";import"react-aria/useOverlayTrigger";import{useComboBox as te}from"react-aria/useComboBox";import{useComboBoxState as y}from"react-stately/useComboBoxState";import{useFilter as b}from"react-aria/useFilter";import"react-aria/useListFormatter";const x=Symbol(`default`);function S({values:e,children:t}){for(let[r,i]of e)t=n.createElement(r.Provider,{value:i},t);return t}function C(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:a,defaultStyle:o,values:c,render:l}=e;return s(()=>{let e,s,u;return e=typeof t==`function`?t({...c,defaultClassName:i}):t,s=typeof n==`function`?n({...c,defaultStyle:o||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:a}):r??a,{className:e??i,style:s||o?{...o,...s}:void 0,children:u??a,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,i,a,o,c,l])}function w(e,t){let n=o(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||x;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function T(n,r,i){let{ref:a,...o}=w(i,n.slot)||{},c=d(s(()=>t(r,a),[r,a])),l=e(o,n);return`style`in o&&o.style&&`style`in n&&n.style&&(l.style=typeof o.style==`function`||typeof n.style==`function`?e=>{let t=typeof o.style==`function`?o.style(e):o.style,r={...e.defaultStyle,...t},i=typeof n.style==`function`?n.style({...e,defaultStyle:r}):n.style;return{...r,...i}}:{...o.style,...n.style}),[l,c]}function ne(e=!0){let[t,n]=l(e),r=c(!1),i=a(e=>{r.current=!0,n(!!e)},[]);return u(()=>{r.current||n(!1)},[]),[i,t]}function re(e){let t=/^(data-.*)$/,n={};for(let r in e)t.test(r)||(n[r]=e[r]);return n}function E(e,r,i){let{render:a,...o}=r,l=c(null),d=s(()=>t(i,l),[i,l]);u(()=>{},[e,a]);let f={...o,ref:d};return a?a(f,void 0):n.createElement(e,f)}const D={},O=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=D[t];return n||(n=i(E.bind(null,t)),D[t]=n),n}}),k=r(null),A=r({}),j=r({}),M=r({}),N=r(null),P=r(null),F=r({}),I=r({}),L=r(null),R=r(null);p(h,function(t,r,i){let a=o(R),{isLoading:l,onLoadMore:u,scrollOffset:d,...f}=t,p=c(null),h=s(()=>({onLoadMore:u,collection:a?.collection,sentinelRef:p,scrollOffset:d}),[u,d,a?.collection]);v(h,p);let g=C({...f,id:void 0,children:i.rendered,defaultClassName:`react-aria-ListBoxLoadingIndicator`,values:void 0});return n.createElement(n.Fragment,null,n.createElement(`div`,{style:{position:`relative`,width:0,height:0},inert:_(!0)},n.createElement(`div`,{"data-testid":`loadMoreSentinel`,ref:p,style:{position:`absolute`,height:1,width:1}})),l&&g.children&&n.createElement(n.Fragment,null,n.createElement(O.div,{...e(m(t,{global:!0}),{tabIndex:-1}),...g,role:`option`,ref:r},g.children)))});const ie=r(null),z=r(null),B=r(null),V=r(null),H=g(function(e,t){[e,t]=T(e,t,B);let{children:r,isDisabled:i=!1,isInvalid:a=!1,isRequired:o=!1,isReadOnly:c=!1}=e,l=s(()=>n.createElement(L.Provider,{value:{items:e.items??e.defaultItems}},typeof r==`function`?r({isOpen:!1,isDisabled:i,isInvalid:a,isRequired:o,defaultChildren:null,isReadOnly:c}):r),[r,i,a,o,c,e.items,e.defaultItems]);return n.createElement(f,{content:l},r=>n.createElement(W,{props:e,collection:r,comboBoxRef:t}))}),U=[A,j,I,k,F,M];function W({props:e,collection:t,comboBoxRef:r}){let{name:i,formValue:o=`key`,allowsCustomValue:u}=e;u&&(o=`text`);let{validationBehavior:d}=w(P)||{},f=e.validationBehavior??d??`native`,{contains:p}=b({sensitivity:`base`}),h=y({...e,defaultFilter:e.defaultFilter||p,items:e.items,children:void 0,collection:t,validationBehavior:f}),g=c(null),_=c(null),v=c(null),x=c(null),T=c(null),[E,D]=ne(!e[`aria-label`]&&!e[`aria-labelledby`]),[B,H]=l(`label`),{buttonProps:W,inputProps:K,listBoxProps:q,labelProps:J,descriptionProps:ae,errorMessageProps:oe,valueProps:se,...Y}=te({...re(e),label:D,inputRef:_,buttonRef:g,listBoxRef:x,popoverRef:T,name:o===`text`?i:void 0,validationBehavior:f,labelElementType:B},h),[ce,X]=l(null),le=a(()=>{if(_.current&&!v.current){let e=g.current?.getBoundingClientRect(),t=_.current.getBoundingClientRect(),n=e?Math.min(e.left,t.left):t.left,r=e?Math.max(e.right,t.right):t.right;X(r-n+`px`)}},[g,_,X]);ee({ref:_,onResize:le});let ue=s(()=>({get current(){return v.current||_.current}}),[v,_]),de=s(()=>({isOpen:h.isOpen,isDisabled:e.isDisabled||!1,isInvalid:Y.isInvalid||!1,isRequired:e.isRequired||!1,isReadOnly:e.isReadOnly||!1}),[h.isOpen,e.isDisabled,Y.isInvalid,e.isRequired,e.isReadOnly]),Z=C({...e,values:de,defaultClassName:`react-aria-ComboBox`}),Q=m(e,{global:!0});delete Q.id;let $=[];if(i&&o===`key`){let t=Array.isArray(h.value)?h.value:[h.value];t.length===0&&(t=[null]),$=t.map((t,r)=>n.createElement(`input`,{key:r,type:`hidden`,name:i,form:e.form,value:t??``}))}return n.createElement(S,{values:[[V,h],[A,{...J,elementType:B,ref:E}],[j,{...W,ref:g,isPressed:h.isOpen}],[I,{...K,ref:_}],[k,{...K,ref:a(e=>{_.current=e,e&&H(e.tagName.toLowerCase()===`input`?`label`:`span`)},[]),value:h.inputValue,onChange:e=>h.setInputValue(e)}],[z,h],[ie,{ref:T,triggerRef:ue,scrollRef:x,placement:`bottom start`,isNonModal:!0,trigger:`ComboBox`,style:{"--trigger-width":ce},clearContexts:U}],[L,{...q,ref:x}],[R,h],[M,{slots:{description:ae,errorMessage:oe}}],[F,{ref:v,isInvalid:Y.isInvalid,isDisabled:e.isDisabled||!1}],[N,Y],[G,se]]},n.createElement(O.div,{...Q,...Z,ref:r,slot:e.slot||void 0,"data-focused":h.isFocused||void 0,"data-open":h.isOpen||void 0,"data-disabled":e.isDisabled||void 0,"data-readonly":e.isReadOnly||void 0,"data-invalid":Y.isInvalid||void 0,"data-required":e.isRequired||void 0},Z.children,$))}const G=r(null);export{H as ComboBox};
+import{mergeProps as e}from"react-aria/mergeProps";import{mergeRefs as t}from"react-aria/mergeRefs";import n,{createContext as r,forwardRef as i,useCallback as a,useContext as o,useMemo as s,useRef as c,useState as l}from"react";import{useLayoutEffect as u}from"react-aria/private/utils/useLayoutEffect";import{useObjectRef as d}from"react-aria/useObjectRef";import"react-aria/useAutocomplete";import"react-stately/private/autocomplete/useAutocompleteState";import{CollectionBuilder as f,createLeafComponent as p}from"react-aria/CollectionBuilder";import{filterDOMProps as m}from"react-aria/filterDOMProps";import"react-aria/useFocusRing";import"react-aria/useHover";import"react-aria/Collection";import{LoaderNode as h}from"react-aria/private/collections/BaseCollection";import{createHideableComponent as g}from"react-aria/private/collections/Hidden";import"react-aria/private/live-announcer/LiveAnnouncer";import"react-aria/useButton";import"react-aria/useId";import"react-aria/I18nProvider";import"react-stately/private/form/useFormValidationState";import"react-aria/useListBox";import"react-aria/FocusScope";import{inertValue as _}from"react-aria/private/utils/inertValue";import"react-aria/ListKeyboardDelegate";import"react-stately/useListState";import{useLoadMoreSentinel as v}from"react-aria/private/utils/useLoadMoreSentinel";import"react-aria/useCollator";import"react-aria/useFocus";import"react-aria/useKeyboard";import"react-aria/usePopover";import"react-aria/Overlay";import"react-aria/private/interactions/focusSafely";import"react-aria/private/interactions/useFocusVisible";import"react-aria/private/utils/shadowdom/DOMFunctions";import"react-stately/useOverlayTriggerState";import"react-aria/private/utils/runAfterKeyboard";import"react-aria/private/utils/animation";import{useResizeObserver as ee}from"react-aria/private/utils/useResizeObserver";import"react-stately/useMenuTriggerState";import"react-aria/private/interactions/PressResponder";import"react-aria/useDialog";import"react-aria/useOverlayTrigger";import{useComboBox as te}from"react-aria/useComboBox";import{useComboBoxState as y}from"react-stately/useComboBoxState";import{useFilter as b}from"react-aria/useFilter";import"react-aria/useListFormatter";const x=Symbol(`default`);function S({values:e,children:t}){for(let[r,i]of e)t=n.createElement(r.Provider,{value:i},t);return t}function C(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:a,defaultStyle:o,values:c,render:l}=e;return s(()=>{let e,s,u;return e=typeof t==`function`?t({...c,defaultClassName:i}):t,s=typeof n==`function`?n({...c,defaultStyle:o||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:a}):r??a,{className:e??i,style:s||o?{...o,...s}:void 0,children:u??a,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,i,a,o,c,l])}function w(e,t){let n=o(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||x;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function T(n,r,i){let{ref:a,...o}=w(i,n.slot)||{},c=d(s(()=>t(r,a),[r,a])),l=e(o,n);return`style`in o&&o.style&&`style`in n&&n.style&&(l.style=typeof o.style==`function`||typeof n.style==`function`?e=>{let t=typeof o.style==`function`?o.style(e):o.style,r={...e.defaultStyle,...t},i=typeof n.style==`function`?n.style({...e,defaultStyle:r}):n.style;return{...r,...i}}:{...o.style,...n.style}),[l,c]}function ne(e=!0){let[t,n]=l(e),r=c(!1),i=a(e=>{r.current=!0,n(!!e)},[]);return u(()=>{r.current||n(!1)},[]),[i,t]}function re(e){let t=/^(data-.*)$/,n={};for(let r in e)t.test(r)||(n[r]=e[r]);return n}function E(e,r,i){let{render:a,...o}=r,l=c(null),d=s(()=>t(i,l),[i,l]);u(()=>{},[e,a]);let f={...o,ref:d};return a?a(f,void 0):n.createElement(e,f)}const D={},O=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=D[t];return n||(n=i(E.bind(null,t)),D[t]=n),n}}),k=r(null),A=r({}),j=r({}),M=r({}),N=r(null),P=r(null),F=r({}),I=r({}),L=r(null),R=r(null);p(h,function(t,r,i){let a=o(R),{isLoading:l,onLoadMore:u,scrollOffset:d,...f}=t,p=c(null),h=s(()=>({onLoadMore:u,collection:a?.collection,sentinelRef:p,scrollOffset:d}),[u,d,a?.collection]);v(h,p);let g=C({...f,id:void 0,children:i.rendered,defaultClassName:`react-aria-ListBoxLoadingIndicator`,values:void 0});return n.createElement(n.Fragment,null,n.createElement(`div`,{style:{position:`relative`,width:0,height:0},inert:_(!0)},n.createElement(`div`,{"data-testid":`loadMoreSentinel`,ref:p,style:{position:`absolute`,height:1,width:1}})),l&&g.children&&n.createElement(n.Fragment,null,n.createElement(O.div,{...e(m(t,{global:!0}),{tabIndex:-1}),...g,role:`option`,ref:r},g.children)))});const ie=r(null),z=r(null),B=r(null),V=r(null),H=g(function(e,t){[e,t]=T(e,t,B);let{children:r,isDisabled:i=!1,isInvalid:a=!1,isRequired:o=!1,isReadOnly:c=!1}=e,l=s(()=>n.createElement(L.Provider,{value:{items:e.items??e.defaultItems}},typeof r==`function`?r({isOpen:!1,isDisabled:i,isInvalid:a,isRequired:o,defaultChildren:null,isReadOnly:c}):r),[r,i,a,o,c,e.items,e.defaultItems]);return n.createElement(f,{content:l},r=>n.createElement(W,{props:e,collection:r,comboBoxRef:t}))}),U=[A,j,I,k,F,M];function W({props:e,collection:t,comboBoxRef:r}){let{name:i,formValue:o=`key`,allowsCustomValue:u}=e;u&&(o=`text`);let{validationBehavior:d}=w(P)||{},f=e.validationBehavior??d??`native`,{contains:p}=b({sensitivity:`base`}),h=y({...e,defaultFilter:e.defaultFilter||p,items:e.items,children:void 0,collection:t,validationBehavior:f}),g=c(null),_=c(null),v=c(null),x=c(null),T=c(null),[E,D]=ne(!e[`aria-label`]&&!e[`aria-labelledby`]),[B,H]=l(`label`),{buttonProps:W,inputProps:K,listBoxProps:q,labelProps:J,descriptionProps:ae,errorMessageProps:oe,valueProps:se,...Y}=te({...re(e),label:D,inputRef:_,buttonRef:g,listBoxRef:x,popoverRef:T,name:o===`text`?i:void 0,validationBehavior:f,labelElementType:B},h),[ce,X]=l(null),le=a(()=>{if(_.current&&!v.current){let e=g.current?.getBoundingClientRect(),t=_.current.getBoundingClientRect(),n=e?Math.min(e.left,t.left):t.left,r=e?Math.max(e.right,t.right):t.right;X(r-n+`px`)}},[g,_,X]);ee({ref:_,onResize:le});let ue=s(()=>({get current(){return v.current||_.current}}),[v,_]),de=s(()=>({isOpen:h.isOpen,isDisabled:e.isDisabled||!1,isInvalid:Y.isInvalid||!1,isRequired:e.isRequired||!1,isReadOnly:e.isReadOnly||!1}),[h.isOpen,e.isDisabled,Y.isInvalid,e.isRequired,e.isReadOnly]),Z=C({...e,values:de,defaultClassName:`react-aria-ComboBox`}),Q=m(e,{global:!0});delete Q.id;let $=[];if(i&&o===`key`){let t=Array.isArray(h.value)?h.value:[h.value];t.length===0&&(t=[null]),$=t.map((t,r)=>n.createElement(`input`,{key:r,type:`hidden`,name:i,form:e.form,value:t??``}))}return n.createElement(S,{values:[[V,h],[A,{...J,elementType:B,ref:E}],[j,{...W,ref:g,isPressed:h.isOpen}],[I,{...K,ref:_}],[k,{...K,ref:a(e=>{_.current=e,e&&H(e.tagName.toLowerCase()===`input`?`label`:`span`)},[]),value:h.inputValue,onChange:e=>h.setInputValue(e)}],[z,h],[ie,{ref:T,triggerRef:ue,scrollRef:x,placement:`bottom start`,isNonModal:!0,trigger:`ComboBox`,style:{"--trigger-width":ce},clearContexts:U}],[L,{...q,ref:x}],[R,h],[M,{slots:{description:ae,errorMessage:oe}}],[F,{ref:v,isInvalid:Y.isInvalid,isDisabled:e.isDisabled||!1}],[N,Y],[G,se]]},n.createElement(O.div,{...Q,...Z,ref:r,slot:e.slot||void 0,"data-focused":h.isFocused||void 0,"data-open":h.isOpen||void 0,"data-disabled":e.isDisabled||void 0,"data-readonly":e.isReadOnly||void 0,"data-invalid":Y.isInvalid||void 0,"data-required":e.isRequired||void 0},Z.children,$))}const G=r(null);export{H as ComboBox};