@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/Toast-DIlYlUQk.d.ts

@@ -0,0 +1,16 @@
+import { t as ToastVariantProps } from "./toast.cva-LU7TGprV.js";
+import { FC, ReactNode, SVGProps } from "react";
+//#region src/components/status/Toast/Toast.d.ts
+interface ToastAction {
+  text: string;
+  onPress: () => void;
+}
+interface ToastProps extends ToastVariantProps {
+  text: ReactNode;
+  isLoading?: boolean;
+  icon?: FC<SVGProps<SVGSVGElement>>;
+  actions?: ToastAction[];
+}
+declare const Toast: ({ text, isLoading, actions, icon: Icon, ...props }: ToastProps) => import("react").JSX.Element;
+//#endregion
+export { ToastAction as n, ToastProps as r, Toast as t };

package/dist/ToastContainer-1H_IxvyH.d.ts

@@ -0,0 +1,5 @@
+//#region src/components/status/Toast/ToastContainer.d.ts
+declare const ToastContainer: () => import("react").JSX.Element | null;
+declare const ToastProvider: typeof ToastContainer;
+//#endregion
+export { ToastProvider as n, ToastContainer as t };

package/dist/ToastContainer-gdpK8d8m.js

@@ -0,0 +1,55 @@
+import { t as UIConfig } from "./uiConfig.context-BvBsrMFI.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { c as toastWrapper, o as toastContainerDefinition, t as xo } from "./dist-BAT04RMQ.js";
+import { i as subscribeToToastActivation, n as isToastRendererActive, r as isToastRendererInactive } from "./toastActivation.store-BELtcr76.js";
+import { useSyncExternalStore } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/status/Toast/ToastRenderer.tsx
+const ToastRenderer = () => {
+	const $ = c(6);
+	const uiConfig = UIConfig.useConfig();
+	const containerCva = UIOverrides.useCva("toast.containerCva", toastContainerDefinition);
+	let t0;
+	if ($[0] !== containerCva || $[1] !== uiConfig.toast.position) {
+		t0 = (params) => containerCva({
+			position: params?.position ?? uiConfig.toast.position,
+			className: params?.defaultClassName
+		});
+		$[0] = containerCva;
+		$[1] = uiConfig.toast.position;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] !== t0 || $[4] !== uiConfig.toast.position) {
+		t1 = /* @__PURE__ */ jsx(xo, {
+			position: uiConfig.toast.position,
+			className: t0,
+			toastClassName: toastWrapper,
+			autoClose: 2500,
+			icon: false,
+			closeButton: false,
+			hideProgressBar: true
+		});
+		$[3] = t0;
+		$[4] = uiConfig.toast.position;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+};
+//#endregion
+//#region src/components/status/Toast/ToastContainer.tsx
+const ToastContainer = () => {
+	const $ = c(2);
+	const isActive = useSyncExternalStore(subscribeToToastActivation, isToastRendererActive, isToastRendererInactive);
+	let t0;
+	if ($[0] !== isActive) {
+		t0 = isActive ? /* @__PURE__ */ jsx(ToastRenderer, {}) : null;
+		$[0] = isActive;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+};
+const ToastProvider = ToastContainer;
+//#endregion
+export { ToastProvider as n, ToastContainer as t };

package/dist/ToggleButton-C966bfpT.js

@@ -0,0 +1,92 @@
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-D3gCeElo.js";
+import { t as $792f28e438b9ad5f$export$758399f318e6385a } from "./SharedElementTransition-lGqrCNlI.js";
+import { t as $91fe5e721c7f36c1$export$c9549807523555e0 } from "./SelectionIndicator-C9TY9dkk.js";
+import $ahdqC$react, { createContext, forwardRef, useContext } from "react";
+import { mergeProps } from "react-aria/mergeProps";
+import { filterDOMProps } from "react-aria/filterDOMProps";
+import { useFocusRing } from "react-aria/useFocusRing";
+import { useHover } from "react-aria/useHover";
+import { useToggleState } from "react-stately/useToggleState";
+import { useToggleButtonGroup, useToggleButtonGroupItem } from "react-aria/useToggleButtonGroup";
+import { useToggleGroupState } from "react-stately/useToggleGroupState";
+import { useToggleButton } from "react-aria/useToggleButton";
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ToggleButtonGroup.mjs
+const $bc25b811ec97a172$export$298258635ae0dd97 = /*#__PURE__*/ createContext({});
+const $bc25b811ec97a172$export$a8a71863db173133 = /*#__PURE__*/ createContext(null);
+const $bc25b811ec97a172$export$40258cc1d95ff477 = /*#__PURE__*/ forwardRef(function ToggleButtonGroup(props, ref) {
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $bc25b811ec97a172$export$298258635ae0dd97);
+	let state = useToggleGroupState(props);
+	let { groupProps } = useToggleButtonGroup(props, state, ref);
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		values: {
+			orientation: props.orientation || "horizontal",
+			isDisabled: state.isDisabled,
+			state
+		},
+		defaultClassName: "react-aria-ToggleButtonGroup"
+	});
+	let DOMProps = filterDOMProps(props, { global: true });
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
+		...mergeProps(DOMProps, renderProps, groupProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-orientation": props.orientation || "horizontal",
+		"data-disabled": props.isDisabled || void 0
+	}, /*#__PURE__*/ $ahdqC$react.createElement($bc25b811ec97a172$export$a8a71863db173133.Provider, { value: state }, /*#__PURE__*/ $ahdqC$react.createElement($792f28e438b9ad5f$export$758399f318e6385a, null, renderProps.children)));
+});
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ToggleButton.mjs
+const $75afe627ae0cc0fa$export$43506d75ebd2e218 = /*#__PURE__*/ createContext({});
+const $75afe627ae0cc0fa$export$d2b052e7b4be1756 = /*#__PURE__*/ forwardRef(function ToggleButton(props, ref) {
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $75afe627ae0cc0fa$export$43506d75ebd2e218);
+	let groupState = useContext($bc25b811ec97a172$export$a8a71863db173133);
+	let state = useToggleState(groupState && props.id != null ? {
+		isSelected: groupState.selectedKeys.has(props.id),
+		onChange(isSelected) {
+			groupState.setSelected(props.id, isSelected);
+		}
+	} : props);
+	let { buttonProps, isPressed, isSelected, isDisabled } = groupState && props.id != null ? useToggleButtonGroupItem({
+		...props,
+		id: props.id
+	}, groupState, ref) : useToggleButton({
+		...props,
+		id: props.id != null ? String(props.id) : void 0
+	}, state, ref);
+	let { focusProps, isFocused, isFocusVisible } = useFocusRing(props);
+	let { hoverProps, isHovered } = useHover({
+		...props,
+		isDisabled
+	});
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		id: void 0,
+		values: {
+			isHovered,
+			isPressed,
+			isFocused,
+			isSelected: state.isSelected,
+			isFocusVisible,
+			isDisabled,
+			state
+		},
+		defaultClassName: "react-aria-ToggleButton"
+	});
+	let DOMProps = filterDOMProps(props, { global: true });
+	delete DOMProps.id;
+	delete DOMProps.onClick;
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.button, {
+		...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-focused": isFocused || void 0,
+		"data-disabled": isDisabled || void 0,
+		"data-pressed": isPressed || void 0,
+		"data-selected": isSelected || void 0,
+		"data-hovered": isHovered || void 0,
+		"data-focus-visible": isFocusVisible || void 0
+	}, /*#__PURE__*/ $ahdqC$react.createElement($91fe5e721c7f36c1$export$c9549807523555e0.Provider, { value: { isSelected } }, renderProps.children));
+});
+//#endregion
+export { $bc25b811ec97a172$export$40258cc1d95ff477 as n, $75afe627ae0cc0fa$export$d2b052e7b4be1756 as t };

package/dist/ToggleButton-D4y2fLmN.d.ts

@@ -0,0 +1,11 @@
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-CP857foM.js";
+import { n as ButtonAppearanceProps, r as ButtonIconProps } from "./Button-DTNjsGx5.js";
+import { ReactNode } from "react";
+import { ToggleButtonProps } from "react-aria-components";
+//#region src/components/buttons/ToggleButton/ToggleButton.d.ts
+type ToggleButtonProps$1 = ButtonAppearanceProps & Omit<ButtonContentVariantProps, "size"> & ToggleButtonProps & ButtonIconProps<true | false> & {
+  children: ReactNode;
+};
+declare const ToggleButton: ({ children, ...props }: ToggleButtonProps$1) => import("react").JSX.Element;
+//#endregion
+export { ToggleButtonProps$1 as n, ToggleButton as t };

package/dist/ToggleGroup-BMZsbHY9.js

@@ -0,0 +1,435 @@
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { n as $bc25b811ec97a172$export$40258cc1d95ff477, t as $75afe627ae0cc0fa$export$d2b052e7b4be1756 } from "./ToggleButton-C966bfpT.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { i as $23f2114a1b82827e$export$e58f029f0fbfdb29, n as $23f2114a1b82827e$export$4282f70798064fe0, r as $23f2114a1b82827e$export$cd4e5573fbe2b576, t as $c4867b2f328c2698$export$e5c5a5f917a5871c } from "./useLayoutEffect-DN7Dbrb9.js";
+import { n as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-BMVd3AOQ.js";
+import { n as $535772f9d2c1f38d$export$c5251b9e124bf29 } from "./FocusScope-CNjWJz3s.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-DDGNxVX8.js";
+import { t as FieldController } from "./form.binding-DLM7NA2s.js";
+import { t as FormField } from "./FormField-BHPdCLEV.js";
+import { Fragment, useMemo, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/toolbar/useToolbar.mjs
+function $afa781ff67c1cd08$export$fa142eb1681c520(props, ref) {
+	const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, orientation = "horizontal" } = props;
+	let [isInToolbar, setInToolbar] = useState(false);
+	$c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
+		setInToolbar(!!(ref.current && ref.current.parentElement?.closest("[role=\"toolbar\"]")));
+	});
+	const { direction } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
+	const shouldReverse = direction === "rtl" && orientation === "horizontal";
+	let focusManager = $535772f9d2c1f38d$export$c5251b9e124bf29(ref);
+	const onKeyDown = (e) => {
+		if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+		if (orientation === "horizontal" && e.key === "ArrowRight" || orientation === "vertical" && e.key === "ArrowDown") {
+			if (shouldReverse) focusManager.focusPrevious();
+			else focusManager.focusNext();
+		} else if (orientation === "horizontal" && e.key === "ArrowLeft" || orientation === "vertical" && e.key === "ArrowUp") {
+			if (shouldReverse) focusManager.focusNext();
+			else focusManager.focusPrevious();
+		} else if (e.key === "Tab") {
+			lastFocused.current = $23f2114a1b82827e$export$cd4e5573fbe2b576();
+			if (e.shiftKey) focusManager.focusFirst();
+			else focusManager.focusLast();
+			return;
+		} else return;
+		e.stopPropagation();
+		e.preventDefault();
+	};
+	const lastFocused = useRef(null);
+	const onBlur = (e) => {
+		if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && !lastFocused.current) lastFocused.current = $23f2114a1b82827e$export$e58f029f0fbfdb29(e);
+	};
+	const onFocus = (e) => {
+		if (lastFocused.current && !$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && $23f2114a1b82827e$export$4282f70798064fe0(ref.current, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) {
+			lastFocused.current?.focus();
+			lastFocused.current = null;
+		}
+	};
+	return { toolbarProps: {
+		...$8e9d2fae0ecb9001$export$457c3d6518dd4c6f(props, { labelable: true }),
+		role: !isInToolbar ? "toolbar" : "group",
+		"aria-orientation": orientation,
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabel == null ? ariaLabelledBy : void 0,
+		onKeyDownCapture: !isInToolbar ? onKeyDown : void 0,
+		onFocusCapture: !isInToolbar ? onFocus : void 0,
+		onBlurCapture: !isInToolbar ? onBlur : void 0
+	} };
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/button/useToggleButtonGroup.mjs
+function $162557ba4d6f08dd$export$dd5580ae642f110f(props, state, ref) {
+	let { isDisabled } = props;
+	let { toolbarProps } = $afa781ff67c1cd08$export$fa142eb1681c520(props, ref);
+	return { groupProps: {
+		...toolbarProps,
+		role: state.selectionMode === "single" ? "radiogroup" : toolbarProps.role,
+		"aria-disabled": isDisabled
+	} };
+}
+//#endregion
+//#region ../../node_modules/.bun/react-stately@3.49.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/toggle/useToggleGroupState.mjs
+function $3d8ad31c4c1725e9$export$8deac67f4addf270(props) {
+	let { selectionMode = "single", disallowEmptySelection, isDisabled = false } = props;
+	let [selectedKeys, setSelectedKeys] = $3e6197669829fe11$export$40bfa8c7b0832715(useMemo(() => props.selectedKeys ? new Set(props.selectedKeys) : void 0, [props.selectedKeys]), useMemo(() => props.defaultSelectedKeys ? new Set(props.defaultSelectedKeys) : /* @__PURE__ */ new Set(), [props.defaultSelectedKeys]), props.onSelectionChange);
+	return {
+		selectionMode,
+		isDisabled,
+		selectedKeys,
+		setSelectedKeys,
+		toggleKey(key) {
+			let keys;
+			if (selectionMode === "multiple") {
+				keys = new Set(selectedKeys);
+				if (keys.has(key) && (!disallowEmptySelection || keys.size > 1)) keys.delete(key);
+				else keys.add(key);
+			} else keys = new Set(selectedKeys.has(key) && !disallowEmptySelection ? [] : [key]);
+			setSelectedKeys(keys);
+		},
+		setSelected(key, isSelected) {
+			if (isSelected !== selectedKeys.has(key)) this.toggleKey(key);
+		}
+	};
+}
+//#endregion
+//#region src/components/ToggleGroup/toggleGroup.cva.ts
+const toggleGroupDefinition = UIOverrides.defineConfig({ base: [
+	"group/segment grid w-fit items-center gap-segmented-control-side-segmented-control p-segmented-control-side-segmented-control",
+	"bg-elevation-fill-default-3",
+	"rounded-segmented-control-rounding-segmented-control"
+] });
+const toggleGroupItemDefinition = UIOverrides.defineConfig({
+	base: [
+		"flex items-center justify-center gap-segmented-control-gap-content-icon-to-text transition-all duration-200",
+		"border border-support-transparent-outline",
+		"py-segmented-control-height-segment",
+		"rounded-segmented-control-rounding-segment",
+		"text-interactive-subtle-secondary-on-idle",
+		"hover:border-interactive-subtle-secondary-hover hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover",
+		"pressed:border-interactive-subtle-secondary-pressed pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed",
+		"disabled:border-support-transparent-outline disabled:text-interactive-subtle-secondary-on-disabled",
+		"selected:border-interactive-subtle-secondary-toggled-idle selected:bg-interactive-subtle-secondary-toggled-idle selected:text-interactive-subtle-secondary-on-toggled-idle",
+		"selected:disabled:border-interactive-subtle-secondary-toggled-disabled selected:disabled:bg-interactive-subtle-secondary-toggled-disabled selected:disabled:text-interactive-subtle-secondary-on-toggled-disabled"
+	],
+	config: {
+		variants: { iconOnly: {
+			true: "px-segmented-control-height-segment",
+			false: "px-segmented-control-side-segment"
+		} },
+		defaultVariants: { iconOnly: false }
+	}
+});
+//#endregion
+//#region src/components/ToggleGroup/ToggleGroupItem.tsx
+const ToggleGroupItem = (t0) => {
+	const $ = c(23);
+	let className;
+	let icon;
+	let id;
+	let isDisabled;
+	let label;
+	let props;
+	if ($[0] !== t0) {
+		({label, icon, id, isDisabled, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = icon;
+		$[3] = id;
+		$[4] = isDisabled;
+		$[5] = label;
+		$[6] = props;
+	} else {
+		className = $[1];
+		icon = $[2];
+		id = $[3];
+		isDisabled = $[4];
+		label = $[5];
+		props = $[6];
+	}
+	const IconComponent = icon;
+	const iconOnly = !!(icon && !label);
+	const toggleGroupItemCva = UIOverrides.useCva("toggleGroup.itemCva", toggleGroupItemDefinition);
+	let t1;
+	if ($[7] !== className || $[8] !== iconOnly || $[9] !== toggleGroupItemCva) {
+		t1 = toggleGroupItemCva({
+			iconOnly,
+			className
+		});
+		$[7] = className;
+		$[8] = iconOnly;
+		$[9] = toggleGroupItemCva;
+		$[10] = t1;
+	} else t1 = $[10];
+	let t2;
+	if ($[11] !== IconComponent || $[12] !== icon) {
+		t2 = icon && /* @__PURE__ */ jsx(IconComponent, { className: "size-6" });
+		$[11] = IconComponent;
+		$[12] = icon;
+		$[13] = t2;
+	} else t2 = $[13];
+	let t3;
+	if ($[14] !== label) {
+		t3 = label && /* @__PURE__ */ jsx(Typography, {
+			size: "label-2",
+			as: "span",
+			className: "overflow-hidden text-ellipsis text-center",
+			children: label
+		});
+		$[14] = label;
+		$[15] = t3;
+	} else t3 = $[15];
+	let t4;
+	if ($[16] !== id || $[17] !== isDisabled || $[18] !== props || $[19] !== t1 || $[20] !== t2 || $[21] !== t3) {
+		t4 = /* @__PURE__ */ jsxs($75afe627ae0cc0fa$export$d2b052e7b4be1756, {
+			...props,
+			id,
+			className: t1,
+			isDisabled,
+			children: [t2, t3]
+		});
+		$[16] = id;
+		$[17] = isDisabled;
+		$[18] = props;
+		$[19] = t1;
+		$[20] = t2;
+		$[21] = t3;
+		$[22] = t4;
+	} else t4 = $[22];
+	return t4;
+};
+//#endregion
+//#region src/components/ToggleGroup/ToggleGroup.tsx
+const ToggleGroupBase = (t0) => {
+	const $ = c(49);
+	let className;
+	let defaultValue;
+	let error;
+	let items;
+	let onChange;
+	let rest;
+	let toggleGroupItemClassName;
+	let value;
+	if ($[0] !== t0) {
+		({className, items, error, onChange, value, defaultValue, toggleGroupItemClassName, ...rest} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = defaultValue;
+		$[3] = error;
+		$[4] = items;
+		$[5] = onChange;
+		$[6] = rest;
+		$[7] = toggleGroupItemClassName;
+		$[8] = value;
+	} else {
+		className = $[1];
+		defaultValue = $[2];
+		error = $[3];
+		items = $[4];
+		onChange = $[5];
+		rest = $[6];
+		toggleGroupItemClassName = $[7];
+		value = $[8];
+	}
+	let t1;
+	if ($[9] !== defaultValue) {
+		t1 = defaultValue ? Array.isArray(defaultValue) ? defaultValue : [defaultValue] : void 0;
+		$[9] = defaultValue;
+		$[10] = t1;
+	} else t1 = $[10];
+	let t2;
+	if ($[11] !== value) {
+		t2 = value ? Array.isArray(value) ? value : [value] : void 0;
+		$[11] = value;
+		$[12] = t2;
+	} else t2 = $[12];
+	let t3;
+	if ($[13] !== rest || $[14] !== t1 || $[15] !== t2) {
+		t3 = {
+			...rest,
+			defaultSelectedKeys: t1,
+			selectedKeys: t2
+		};
+		$[13] = rest;
+		$[14] = t1;
+		$[15] = t2;
+		$[16] = t3;
+	} else t3 = $[16];
+	const props = t3;
+	const buttonGroupRef = useRef(null);
+	const state = $3d8ad31c4c1725e9$export$8deac67f4addf270(props);
+	const { groupProps } = $162557ba4d6f08dd$export$dd5580ae642f110f(props, state, buttonGroupRef);
+	const toggleGroupCva = UIOverrides.useCva("toggleGroup.cva", toggleGroupDefinition);
+	let t4;
+	if ($[17] !== error || $[18] !== props.isDisabled) {
+		t4 = {
+			error,
+			label: "",
+			hideLabel: true,
+			isDisabled: props.isDisabled
+		};
+		$[17] = error;
+		$[18] = props.isDisabled;
+		$[19] = t4;
+	} else t4 = $[19];
+	const formFieldProps = t4;
+	let t5;
+	if ($[20] !== onChange || $[21] !== props.selectionMode) {
+		t5 = (keys) => {
+			if (props.selectionMode === "multiple") onChange?.(Array.from(keys.values()));
+			else onChange?.(Array.from(keys.values())[0]);
+		};
+		$[20] = onChange;
+		$[21] = props.selectionMode;
+		$[22] = t5;
+	} else t5 = $[22];
+	const onSelectionChange = t5;
+	let t6;
+	if ($[23] !== items.length) {
+		t6 = items.length > 2 ? Array.from({ length: items.length * 2 - 1 }, _temp).join(" ") : `repeat(${items.length}, 1fr)`;
+		$[23] = items.length;
+		$[24] = t6;
+	} else t6 = $[24];
+	const gridTemplateColumns = t6;
+	let t7;
+	if ($[25] !== className) {
+		t7 = clsx("relative w-full", className);
+		$[25] = className;
+		$[26] = t7;
+	} else t7 = $[26];
+	let t8;
+	if ($[27] !== className || $[28] !== props || $[29] !== toggleGroupCva) {
+		t8 = toggleGroupCva({
+			...props,
+			className
+		});
+		$[27] = className;
+		$[28] = props;
+		$[29] = toggleGroupCva;
+		$[30] = t8;
+	} else t8 = $[30];
+	let t9;
+	if ($[31] !== gridTemplateColumns) {
+		t9 = { gridTemplateColumns };
+		$[31] = gridTemplateColumns;
+		$[32] = t9;
+	} else t9 = $[32];
+	let t10;
+	if ($[33] !== items || $[34] !== props.isDisabled || $[35] !== state || $[36] !== toggleGroupItemClassName) {
+		t10 = items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ToggleGroupItem, {
+			...item,
+			className: clsx(item.className, toggleGroupItemClassName),
+			isDisabled: item.isDisabled || props.isDisabled,
+			isSelected: state.selectedKeys.has(item.id),
+			onPress: () => {
+				state.toggleKey(item.id);
+			}
+		}), index !== items.length - 1 && items.length > 2 && /* @__PURE__ */ jsx("div", {
+			className: clsx("h-5 w-px rounded-2xl", !state.selectedKeys.has(item.id) && !state.selectedKeys.has(items[index + 1].id) && "bg-elevation-outline-default-1"),
+			children: /* @__PURE__ */ jsx("span", { className: "flex h-full w-px" })
+		})] }, item.id));
+		$[33] = items;
+		$[34] = props.isDisabled;
+		$[35] = state;
+		$[36] = toggleGroupItemClassName;
+		$[37] = t10;
+	} else t10 = $[37];
+	let t11;
+	if ($[38] !== groupProps || $[39] !== onSelectionChange || $[40] !== props || $[41] !== t10 || $[42] !== t8 || $[43] !== t9) {
+		t11 = /* @__PURE__ */ jsx($bc25b811ec97a172$export$40258cc1d95ff477, {
+			...props,
+			...groupProps,
+			ref: buttonGroupRef,
+			onSelectionChange,
+			className: t8,
+			style: t9,
+			children: t10
+		});
+		$[38] = groupProps;
+		$[39] = onSelectionChange;
+		$[40] = props;
+		$[41] = t10;
+		$[42] = t8;
+		$[43] = t9;
+		$[44] = t11;
+	} else t11 = $[44];
+	let t12;
+	if ($[45] !== formFieldProps || $[46] !== t11 || $[47] !== t7) {
+		t12 = /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			className: t7,
+			children: t11
+		});
+		$[45] = formFieldProps;
+		$[46] = t11;
+		$[47] = t7;
+		$[48] = t12;
+	} else t12 = $[48];
+	return t12;
+};
+const ToggleGroup = (props) => {
+	const $ = c(15);
+	if ("field" in props && props.field) {
+		let field;
+		let innerProps;
+		let ref;
+		if ($[0] !== props) {
+			({field, ref, ...innerProps} = props);
+			$[0] = props;
+			$[1] = field;
+			$[2] = innerProps;
+			$[3] = ref;
+		} else {
+			field = $[1];
+			innerProps = $[2];
+			ref = $[3];
+		}
+		let t0;
+		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
+			t0 = (t1) => {
+				const { field: field_0, fieldState: t2 } = t1;
+				const { error } = t2;
+				return /* @__PURE__ */ jsx(ToggleGroupBase, {
+					...innerProps,
+					ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field_0.ref),
+					value: field_0.value,
+					onChange: field_0.onChange,
+					isDisabled: field_0.disabled || props.isDisabled,
+					error: props.error ?? error?.message
+				});
+			};
+			$[4] = innerProps;
+			$[5] = props.error;
+			$[6] = props.isDisabled;
+			$[7] = ref;
+			$[8] = t0;
+		} else t0 = $[8];
+		let t1;
+		if ($[9] !== field.form || $[10] !== field.name || $[11] !== t0) {
+			t1 = /* @__PURE__ */ jsx(FieldController, {
+				control: field.form,
+				name: field.name,
+				render: t0
+			});
+			$[9] = field.form;
+			$[10] = field.name;
+			$[11] = t0;
+			$[12] = t1;
+		} else t1 = $[12];
+		return t1;
+	}
+	let t0;
+	if ($[13] !== props) {
+		t0 = /* @__PURE__ */ jsx(ToggleGroupBase, { ...props });
+		$[13] = props;
+		$[14] = t0;
+	} else t0 = $[14];
+	return t0;
+};
+function _temp(_, i) {
+	return i % 2 === 0 ? "1fr" : "auto";
+}
+//#endregion
+export { toggleGroupDefinition as n, toggleGroupItemDefinition as r, ToggleGroup as t };

package/dist/ToggleGroup-D9CFdM5-.d.ts

@@ -0,0 +1,7 @@
+import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
+import { t as ControlledToggleGroupProps } from "./toggleGroup.types-DD6uRI5G.js";
+import { Key } from "react-aria-components";
+//#region src/components/ToggleGroup/ToggleGroup.d.ts
+declare const ToggleGroup: <TFieldValues extends FieldValues, TKey extends Key = Key>(props: ControlledToggleGroupProps<TFieldValues, TKey>) => import("react").JSX.Element;
+//#endregion
+export { ToggleGroup as t };

package/dist/Tooltip-B-2AxyjP.d.ts

@@ -0,0 +1,56 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { PropsWithChildren, ReactNode } from "react";
+import { TooltipProps } from "react-aria-components";
+//#region src/components/overlays/Tooltip/tooltip.cva.d.ts
+declare const tooltipDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["bg-interactive-contained-secondary-idle"];
+      error: ["w-max bg-elevation-fill-error-1"];
+    };
+  }>;
+};
+type TooltipConfig = NonNullable<typeof tooltipDefinition.config>;
+interface TooltipVariantProps extends UIOverrides.VariantProps<TooltipConfig> {}
+declare const tooltipPointerHorizontalDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["text-interactive-contained-secondary-idle"];
+      error: ["text-elevation-fill-error-1"];
+    };
+  }>;
+};
+declare const tooltipPointerVerticalDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["text-interactive-contained-secondary-idle"];
+      error: ["text-elevation-fill-error-1"];
+    };
+  }>;
+};
+declare const tooltipTextDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["text-interactive-contained-secondary-on-idle"];
+      error: ["text-text-error-inverted-1"];
+    };
+  }>;
+};
+//#endregion
+//#region src/components/overlays/Tooltip/Tooltip.d.ts
+interface TooltipProps$1 extends PropsWithChildren<TooltipProps>, TooltipVariantProps {
+  text: ReactNode;
+  isDisabled?: boolean;
+  delay?: number;
+  closeDelay?: number;
+  isNonInteractiveTrigger?: boolean;
+  triggerClassName?: string;
+  triggerTabIndex?: number;
+}
+declare const Tooltip: ({ children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps }: TooltipProps$1) => import("react").JSX.Element;
+//#endregion
+export { tooltipPointerVerticalDefinition as a, tooltipPointerHorizontalDefinition as i, TooltipProps$1 as n, tooltipTextDefinition as o, tooltipDefinition as r, Tooltip as t };