@povio/ui 3.4.0-rc.19 → 3.4.0-rc.20

package/dist/{components/status/Toast/toast.cva.d.ts → Toast-DDkev3SZ.d.ts}

@@ -1,6 +1,6 @@
-import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import "../../buttons/Button/button.cva.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+import "./button.cva-zMNkoZH8.js";
+import { FC, ReactNode, SVGProps } from "react";
 //#region src/components/status/Toast/toast.cva.d.ts
 declare const toastDefinition: {
   base: string[];
@@ -58,4 +58,18 @@ declare const statusSeparatorDefinition: {
   }>;
 };
 //#endregion
-export { ToastConfig, ToastVariantProps, statusIconDefinition, statusSeparatorDefinition, toastDefinition };
+//#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-runtime").JSX.Element;
+declare const ToastContainer: () => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ToastVariantProps as a, toastDefinition as c, ToastProps as i, ToastAction as n, statusIconDefinition as o, ToastContainer as r, statusSeparatorDefinition as s, Toast as t };

package/dist/Toggle-CgD4ykP4.js

@@ -0,0 +1,177 @@
+import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { E as $64fa3d84918910a7$export$ef03459518577ad4, L as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, P as $df56164dff5785e2$export$4338b53315abf666, R as $3ef42575df84b30b$export$9d1611c77c2fe928, T as $64fa3d84918910a7$export$df3a06d6289f983e, b as $64fa3d84918910a7$export$29f1550f4b0d4415, t as $6179b936705e76d3$export$ae780daf29e6d456, x as $64fa3d84918910a7$export$4d86445c2cf5e3, z as $5dc95899b306f630$export$c9058316764c140e } from "./useHover-DwfnacVy.js";
+import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DuXtCnJj.js";
+import { t as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-DjaDVPQT.js";
+import { t as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "./useToggle-DDay--cY.js";
+import { t as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState-Dyx-sAjp.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
+import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
+import { t as FormFieldError } from "./FormFieldError-CFg0Wn3i.js";
+import { t as CheckContent } from "./CheckContent-DzWpxKGq.js";
+import $HgANd$react, { createContext, forwardRef, memo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@react-aria+switch@3.7.10+67f6792bdf102c28/node_modules/@react-aria/switch/dist/useSwitch.mjs
+function $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {
+	let { labelProps, inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref);
+	return {
+		labelProps,
+		inputProps: {
+			...inputProps,
+			role: "switch",
+			checked: isSelected
+		},
+		isSelected,
+		isPressed,
+		isDisabled,
+		isReadOnly
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/Switch.mjs
+const $8e59e948500a8fe1$export$8699e3b644d5a28a = /*#__PURE__*/ createContext(null);
+const $8e59e948500a8fe1$export$b5d5cf8927ab7262 = /*#__PURE__*/ forwardRef(function Switch(props, ref) {
+	let { inputRef: userProvidedInputRef = null, ...otherProps } = props;
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(otherProps, ref, $8e59e948500a8fe1$export$8699e3b644d5a28a);
+	let inputRef = $df56164dff5785e2$export$4338b53315abf666($5dc95899b306f630$export$c9058316764c140e(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
+	let state = $3017fa7ffdddec74$export$8042c6c013fd5226(props);
+	let { labelProps, inputProps, isSelected, isDisabled, isReadOnly, isPressed } = $b418ec0c85c52f27$export$d853f7095ae95f88({
+		...$64fa3d84918910a7$export$ef03459518577ad4(props),
+		children: typeof props.children === "function" ? true : props.children
+	}, state, inputRef);
+	let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
+	let isInteractionDisabled = props.isDisabled || props.isReadOnly;
+	let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
+		...props,
+		isDisabled: isInteractionDisabled
+	});
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-Switch",
+		values: {
+			isSelected,
+			isPressed,
+			isHovered,
+			isFocused,
+			isFocusVisible,
+			isDisabled,
+			isReadOnly,
+			state
+		}
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	delete DOMProps.id;
+	delete DOMProps.onClick;
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.label, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, labelProps, hoverProps, renderProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-selected": isSelected || void 0,
+		"data-pressed": isPressed || void 0,
+		"data-hovered": isHovered || void 0,
+		"data-focused": isFocused || void 0,
+		"data-focus-visible": isFocusVisible || void 0,
+		"data-disabled": isDisabled || void 0,
+		"data-readonly": isReadOnly || void 0
+	}, /*#__PURE__*/ $HgANd$react.createElement($5c3e21d68f1c4674$export$439d29a4e110a164, { elementType: "span" }, /*#__PURE__*/ $HgANd$react.createElement("input", {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(inputProps, focusProps),
+		ref: inputRef
+	})), renderProps.children);
+});
+//#endregion
+//#region src/components/inputs/Toggle/toggle.cva.ts
+const toggleDefinition = UIOverrides.defineConfig({
+	base: ["h-6 w-10 rounded-full before:m-0-5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass],
+	config: {
+		variants: { variant: { default: [
+			"bg-interactive-contained-secondary-idle",
+			"group-disabled:bg-interactive-contained-secondary-disabled",
+			"group-hover:bg-interactive-contained-secondary-hover",
+			"group-pressed:bg-interactive-contained-secondary-pressed",
+			"group-selected:bg-interactive-contained-primary-idle",
+			"group-selected:group-hover:bg-interactive-contained-primary-hover",
+			"group-selected:group-pressed:bg-interactive-contained-primary-pressed",
+			"group-focus-visible:outline-interactive-text-secondary-focus",
+			"before:bg-interactive-contained-secondary-on-idle",
+			"group-hover:before:bg-interactive-contained-secondary-on-hover",
+			"group-disabled:before:bg-interactive-contained-secondary-on-disabled",
+			"group-selected:before:bg-interactive-contained-primary-on-idle",
+			"group-selected:group-hover:before:bg-interactive-contained-primary-on-hover",
+			"group-selected:group-pressed:before:bg-interactive-contained-primary-on-pressed",
+			"group-selected:group-disabled:bg-interactive-contained-primary-disabled"
+		] } },
+		defaultVariants: { variant: "default" }
+	}
+});
+const toggleTypography = compoundMapper({ default: {
+	size: "label-1",
+	sizeMobile: "label-1",
+	variant: "default"
+} });
+const toggleContentClassName = compoundMapper({ default: "text-text-default-2" });
+//#endregion
+//#region src/components/inputs/Toggle/Toggle.tsx
+const ToggleBase = (props) => {
+	const ui = UIConfig.useConfig();
+	const toggleCva = UIOverrides.useCva("toggle.cva", toggleDefinition);
+	const toggleTypographyMap = UIOverrides.useMapper("toggle.typography", toggleTypography);
+	const toggleContentClassNameMap = UIOverrides.useMapper("toggle.contentClassName", toggleContentClassName);
+	const { className, children, isDisabled, error, variant: variantProp, onChange, onBlur, ...rest } = props;
+	const variant = variantProp ?? ui.toggle.variant;
+	const formFieldErrorProps = {
+		error,
+		isDisabled
+	};
+	const handleChange = (isSelected) => {
+		onChange?.(isSelected);
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs($8e59e948500a8fe1$export$b5d5cf8927ab7262, {
+		...rest,
+		"data-is-dirty": props.isDirty || void 0,
+		"data-is-required": props.isRequired || void 0,
+		isDisabled,
+		onChange: handleChange,
+		onBlur,
+		className: clsx("group flex items-center gap-2", !isDisabled && "cursor-pointer", className),
+		children: [/* @__PURE__ */ jsx("div", { className: toggleCva({
+			variant,
+			...rest
+		}) }), /* @__PURE__ */ jsx(CheckContent, {
+			typography: toggleTypographyMap({
+				variant,
+				...rest
+			}),
+			contentClassName: toggleContentClassNameMap({
+				variant,
+				...rest
+			}),
+			children
+		})]
+	}), /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
+};
+const ToggleComponent = (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(ToggleBase, {
+				...innerProps,
+				ref: $5dc95899b306f630$export$c9058316764c140e(ref, field.ref),
+				isSelected: field.value,
+				onChange: field.onChange,
+				onBlur: field.onBlur,
+				name: field.name,
+				isDirty,
+				isDisabled: field.disabled || props.isDisabled,
+				error: props.error ?? error?.message
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(ToggleBase, { ...props });
+};
+const Toggle = memo(ToggleComponent);
+//#endregion
+export { toggleDefinition as n, Toggle as t };

package/dist/{components/inputs/Toggle/toggle.cva.d.ts → Toggle-TDp5YtaQ.d.ts}

@@ -1,6 +1,10 @@
-import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import "../../text/Typography/typography.cva.js";
+import { m as SwitchProps } from "./types-BV15_DBT.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+import "./typography.cva-7RYwLrA7.js";
+import { n as FieldValues } from "./form.binding-DWlFTecs.js";
+import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
+import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
+import { Ref } from "react";
 //#region src/components/inputs/Toggle/toggle.cva.d.ts
 declare const toggleDefinition: {
   base: string[];
@@ -13,4 +17,16 @@ declare const toggleDefinition: {
 type ToggleConfig = NonNullable<typeof toggleDefinition.config>;
 interface ToggleVariantProps extends UIOverrides.VariantProps<ToggleConfig> {}
 //#endregion
-export { ToggleConfig, ToggleVariantProps, toggleDefinition };
+//#region src/components/inputs/Toggle/Toggle.d.ts
+interface ToggleBaseProps extends FormFieldErrorProps, ToggleVariantProps, Omit<SwitchProps, "className"> {
+  ref?: Ref<HTMLLabelElement>;
+  children?: string;
+  isDirty?: boolean;
+  isRequired?: boolean;
+}
+type ToggleProps = ToggleBaseProps;
+type ControlledToggleProps<TFieldValues extends FieldValues> = ControlProps<ToggleProps, TFieldValues, "isSelected">;
+declare const ToggleComponent: <TFieldValues extends FieldValues>(props: ControlledToggleProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const Toggle: typeof ToggleComponent;
+//#endregion
+export { toggleDefinition as i, Toggle as n, ToggleProps as r, ControlledToggleProps as t };

package/dist/ToggleButton-BuEhb8eu.d.ts

@@ -0,0 +1,12 @@
+import { _ as ToggleButtonProps$1 } from "./types-BV15_DBT.js";
+import { n as ButtonVariantProps } from "./button.cva-zMNkoZH8.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-CIOaLH0a.js";
+import { n as ButtonIconProps } from "./Button-C_FOjIn-.js";
+import { ReactNode } from "react";
+//#region src/components/buttons/ToggleButton/ToggleButton.d.ts
+type ToggleButtonProps = ButtonVariantProps & ButtonContentVariantProps & ToggleButtonProps$1 & ButtonIconProps<true | false> & {
+  children: ReactNode;
+};
+declare const ToggleButton: ({ children, ...props }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ToggleButtonProps as n, ToggleButton as t };

package/dist/ToggleButton-D94yRla8.js

@@ -0,0 +1,216 @@
+import { B as $d4ee10de306f2510$export$4282f70798064fe0, K as $ff5963eb1fccf552$export$e08e3b67e392101e, L as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, R as $3ef42575df84b30b$export$9d1611c77c2fe928, T as $64fa3d84918910a7$export$df3a06d6289f983e, X as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $64fa3d84918910a7$export$29f1550f4b0d4415, t as $6179b936705e76d3$export$ae780daf29e6d456, x as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./useHover-DwfnacVy.js";
+import { n as $c8a5a149f625efcf$export$758399f318e6385a, o as $9bf71ea28793e738$export$c5251b9e124bf29, t as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-qJF4qfyY.js";
+import { t as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-Bk39gTui.js";
+import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-CLFkoJMP.js";
+import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DuXtCnJj.js";
+import { t as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-iUReggbG.js";
+import { t as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState-Dyx-sAjp.js";
+import $HgANd$react, { createContext, forwardRef, useContext, useMemo, useRef, useState } from "react";
+//#region ../../node_modules/.bun/@react-aria+button@3.14.4+67f6792bdf102c28/node_modules/@react-aria/button/dist/useToggleButton.mjs
+function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
+	const { isSelected } = state;
+	const { isPressed, buttonProps } = $701a24aa0da5b062$export$ea18c227d4417cc3({
+		...props,
+		onPress: $ff5963eb1fccf552$export$e08e3b67e392101e(state.toggle, props.onPress)
+	}, ref);
+	return {
+		isPressed,
+		isSelected,
+		isDisabled: props.isDisabled || false,
+		buttonProps: $3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, { "aria-pressed": isSelected })
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+toolbar@3.0.0-beta.23+67f6792bdf102c28/node_modules/@react-aria/toolbar/dist/useToolbar.mjs
+function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
+	const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, orientation = "horizontal" } = props;
+	let [isInToolbar, setInToolbar] = useState(false);
+	$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+		var _ref_current_parentElement;
+		setInToolbar(!!(ref.current && ((_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === void 0 ? void 0 : _ref_current_parentElement.closest("[role=\"toolbar\"]"))));
+	});
+	const { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+	const shouldReverse = direction === "rtl" && orientation === "horizontal";
+	let focusManager = $9bf71ea28793e738$export$c5251b9e124bf29(ref);
+	const onKeyDown = (e) => {
+		if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.target)) 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") {
+			e.stopPropagation();
+			lastFocused.current = document.activeElement;
+			if (e.shiftKey) focusManager.focusFirst();
+			else focusManager.focusLast();
+			return;
+		} else return;
+		e.stopPropagation();
+		e.preventDefault();
+	};
+	const lastFocused = useRef(null);
+	const onBlur = (e) => {
+		if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && !lastFocused.current) lastFocused.current = e.target;
+	};
+	const onFocus = (e) => {
+		if (lastFocused.current && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && $d4ee10de306f2510$export$4282f70798064fe0(ref.current, e.target)) {
+			var _lastFocused_current;
+			(_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 || _lastFocused_current.focus();
+			lastFocused.current = null;
+		}
+	};
+	return { toolbarProps: {
+		...$65484d02dcb7eb3e$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+button@3.14.4+67f6792bdf102c28/node_modules/@react-aria/button/dist/useToggleButtonGroup.mjs
+function $4547d1bf40011fdf$export$dd5580ae642f110f(props, state, ref) {
+	let { isDisabled } = props;
+	let { toolbarProps } = $2680b1829e803644$export$fa142eb1681c520(props, ref);
+	return { groupProps: {
+		...toolbarProps,
+		role: state.selectionMode === "single" ? "radiogroup" : toolbarProps.role,
+		"aria-disabled": isDisabled
+	} };
+}
+function $4547d1bf40011fdf$export$bc53712daae3d6e6(props, state, ref) {
+	let toggleState = {
+		isSelected: state.selectedKeys.has(props.id),
+		defaultSelected: false,
+		setSelected(isSelected) {
+			state.setSelected(props.id, isSelected);
+		},
+		toggle() {
+			state.toggleKey(props.id);
+		}
+	};
+	let { isPressed, isSelected, isDisabled, buttonProps } = $55f54f7887471b58$export$51e84d46ca0bc451({
+		...props,
+		id: void 0,
+		isDisabled: props.isDisabled || state.isDisabled
+	}, toggleState, ref);
+	if (state.selectionMode === "single") {
+		buttonProps.role = "radio";
+		buttonProps["aria-checked"] = toggleState.isSelected;
+		delete buttonProps["aria-pressed"];
+	}
+	return {
+		isPressed,
+		isSelected,
+		isDisabled,
+		buttonProps
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-stately+toggle@3.9.4+83d5fd7b249dbeef/node_modules/@react-stately/toggle/dist/useToggleGroupState.mjs
+function $ad999b7f496648d1$export$8deac67f4addf270(props) {
+	let { selectionMode = "single", disallowEmptySelection, isDisabled = false } = props;
+	let [selectedKeys, setSelectedKeys] = $458b0a5536c1a7cf$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 ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/ToggleButtonGroup.mjs
+const $84b7d8702d4ff4a8$export$298258635ae0dd97 = /*#__PURE__*/ createContext({});
+const $84b7d8702d4ff4a8$export$a8a71863db173133 = /*#__PURE__*/ createContext(null);
+const $84b7d8702d4ff4a8$export$40258cc1d95ff477 = /*#__PURE__*/ forwardRef(function ToggleButtonGroup(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $84b7d8702d4ff4a8$export$298258635ae0dd97);
+	let state = $ad999b7f496648d1$export$8deac67f4addf270(props);
+	let { groupProps } = $4547d1bf40011fdf$export$dd5580ae642f110f(props, state, ref);
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		values: {
+			orientation: props.orientation || "horizontal",
+			isDisabled: state.isDisabled,
+			state
+		},
+		defaultClassName: "react-aria-ToggleButtonGroup"
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, groupProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-orientation": props.orientation || "horizontal",
+		"data-disabled": props.isDisabled || void 0
+	}, /*#__PURE__*/ $HgANd$react.createElement($84b7d8702d4ff4a8$export$a8a71863db173133.Provider, { value: state }, /*#__PURE__*/ $HgANd$react.createElement($c8a5a149f625efcf$export$758399f318e6385a, null, renderProps.children)));
+});
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/ToggleButton.mjs
+const $efde0372d7a700fe$export$43506d75ebd2e218 = /*#__PURE__*/ createContext({});
+const $efde0372d7a700fe$export$d2b052e7b4be1756 = /*#__PURE__*/ forwardRef(function ToggleButton(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $efde0372d7a700fe$export$43506d75ebd2e218);
+	let groupState = useContext($84b7d8702d4ff4a8$export$a8a71863db173133);
+	let state = $3017fa7ffdddec74$export$8042c6c013fd5226(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 ? $4547d1bf40011fdf$export$bc53712daae3d6e6({
+		...props,
+		id: props.id
+	}, groupState, ref) : $55f54f7887471b58$export$51e84d46ca0bc451({
+		...props,
+		id: props.id != null ? String(props.id) : void 0
+	}, state, ref);
+	let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
+	let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
+		...props,
+		isDisabled
+	});
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		id: void 0,
+		values: {
+			isHovered,
+			isPressed,
+			isFocused,
+			isSelected: state.isSelected,
+			isFocusVisible,
+			isDisabled,
+			state
+		},
+		defaultClassName: "react-aria-ToggleButton"
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	delete DOMProps.id;
+	delete DOMProps.onClick;
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.button, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(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__*/ $HgANd$react.createElement($1d5b8b8664671ef2$export$c9549807523555e0.Provider, { value: { isSelected } }, renderProps.children));
+});
+//#endregion
+export { $4547d1bf40011fdf$export$dd5580ae642f110f as i, $84b7d8702d4ff4a8$export$40258cc1d95ff477 as n, $ad999b7f496648d1$export$8deac67f4addf270 as r, $efde0372d7a700fe$export$d2b052e7b4be1756 as t };