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

package/dist/components/inputs/Toggle/toggle.cva.js

@@ -1,35 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { uiGroupOutlineClass } from "../../outline.clsx.js";
-import { compoundMapper } from "../../../utils/compoundMapper.js";
-//#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
-export { toggleContentClassName, toggleDefinition, toggleTypography };

package/dist/components/inputs/shared/TooltipWrapper.js

@@ -1,25 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { Tooltip } from "../../tooltip.js";
-import { tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/shared/TooltipWrapper.tsx
-const TooltipWrapper = (props) => {
-	const tooltipWrapperTriggerCva = UIOverrides.useCva("tooltipWrapper.triggerCva", tooltipWrapperTriggerDefinition);
-	if (props.as !== "inline") return props.children;
-	return /* @__PURE__ */ jsx(Tooltip, {
-		text: props.error || void 0,
-		placement: "bottom",
-		color: "error",
-		hidden: !props.error,
-		isNonInteractiveTrigger: true,
-		triggerClassName: tooltipWrapperTriggerCva({ className: props.triggerClassName }),
-		triggerTabIndex: props.triggerTabIndex,
-		children: /* @__PURE__ */ jsx("div", {
-			tabIndex: -1,
-			className: tooltipWrapperTriggerCva({}),
-			children: props.children
-		})
-	});
-};
-//#endregion
-export { TooltipWrapper };

package/dist/components/inputs/shared/form.binding.d.ts

@@ -1,7 +0,0 @@
-import { DeepKeys, UIForm } from "../../../hooks/useForm.js";
-//#region src/components/inputs/shared/form.binding.d.ts
-type FieldValues = Record<string, any>;
-type FieldPath<TFieldValues extends FieldValues> = DeepKeys<TFieldValues>;
-type FormInstance<TFieldValues extends FieldValues> = UIForm<TFieldValues>;
-//#endregion
-export { FieldPath, FieldValues, FormInstance };

package/dist/components/inputs/shared/form.types.js

@@ -1,8 +0,0 @@
-//#region src/components/inputs/shared/form.types.ts
-const getFieldError = (errors) => errors.flatMap((error) => {
-	if (typeof error === "string") return [error];
-	if (error && typeof error === "object" && "message" in error) return [String(error.message)];
-	return [];
-}).at(0);
-//#endregion
-export { getFieldError };

package/dist/components/inputs/shared/label.cva.d.ts

@@ -1,19 +0,0 @@
-import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import "../../text/Typography/typography.cva.js";
-//#region src/components/inputs/shared/label.cva.d.ts
-declare const labelDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly as: {
-      default: ["flex items-start gap-1 text-text-default-1 input-disabled:text-text-default-3"];
-      filter: ["text-text-default-1 input-disabled:text-text-default-3"];
-      inline: ["flex items-start gap-1 text-text-default-1"];
-      floating: ["pointer-events-none", "absolute transition-all duration-75", "top-1/2 -translate-y-1/2", "text-text-default-3", "input-disabled:text-interactive-text-secondary-disabled!", "input-filled:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]", "input-filled:translate-y-0", "input-filled:text-text-default-1", "input-filled:font-semibold!", "input-filled:text-label-3!", "group-data-[text-area]/text-area:top-floating-label-input-height-empty group-data-[text-area]/text-area:translate-y-0", "group-has-[textarea:not(:placeholder-shown)]/text-area:hidden", "group-data-[text-editor]/text-editor:top-floating-label-input-height-empty group-data-[text-editor]/text-editor:left-input-side-default group-data-[text-editor]/text-editor:translate-y-0", "group-data-[is-filled=true]/text-editor:hidden"];
-    };
-  }>;
-};
-type LabelConfig = NonNullable<typeof labelDefinition.config>;
-interface LabelBaseProps extends UIOverrides.VariantProps<LabelConfig> {}
-//#endregion
-export { LabelBaseProps, LabelConfig, labelDefinition };

package/dist/components/inputs/shared/label.cva.js

@@ -1,74 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { compoundMapper } from "../../../utils/compoundMapper.js";
-//#region src/components/inputs/shared/label.cva.ts
-const labelDefinition = UIOverrides.defineConfig({
-	base: [""],
-	config: {
-		variants: { as: {
-			default: ["flex items-start gap-1 text-text-default-1 input-disabled:text-text-default-3"],
-			filter: ["text-text-default-1 input-disabled:text-text-default-3"],
-			inline: ["flex items-start gap-1 text-text-default-1"],
-			floating: [
-				"pointer-events-none",
-				"absolute transition-all duration-75",
-				"top-1/2 -translate-y-1/2",
-				"text-text-default-3",
-				"input-disabled:text-interactive-text-secondary-disabled!",
-				"input-filled:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]",
-				"input-filled:translate-y-0",
-				"input-filled:text-text-default-1",
-				"input-filled:font-semibold!",
-				"input-filled:text-label-3!",
-				"group-data-[text-area]/text-area:top-floating-label-input-height-empty group-data-[text-area]/text-area:translate-y-0",
-				"group-has-[textarea:not(:placeholder-shown)]/text-area:hidden",
-				"group-data-[text-editor]/text-editor:top-floating-label-input-height-empty group-data-[text-editor]/text-editor:left-input-side-default group-data-[text-editor]/text-editor:translate-y-0",
-				"group-data-[is-filled=true]/text-editor:hidden"
-			]
-		} },
-		defaultVariants: { as: "default" }
-	}
-});
-const labelTypography = compoundMapper({
-	compoundVariants: [
-		{
-			as: "default",
-			value: {
-				size: "label-2",
-				sizeMobile: "label-2",
-				variant: "prominent-1"
-			}
-		},
-		{
-			as: "filter",
-			value: {
-				size: "label-1",
-				sizeMobile: "label-1",
-				variant: "default"
-			}
-		},
-		{
-			as: "inline",
-			value: {
-				size: "label-2",
-				sizeMobile: "label-2",
-				variant: "prominent-1"
-			}
-		},
-		{
-			as: "floating",
-			value: {
-				size: "label-1",
-				sizeMobile: "label-1",
-				variant: "default"
-			}
-		}
-	],
-	default: {
-		size: "label-2",
-		sizeMobile: "label-2",
-		variant: "prominent-1"
-	},
-	defaultVariants: { as: "default" }
-});
-//#endregion
-export { labelDefinition, labelTypography };

package/dist/components/inputs/shared/tooltipWrapper.cva.d.ts

@@ -1,11 +0,0 @@
-import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-//#region src/components/inputs/shared/tooltipWrapper.cva.d.ts
-declare const tooltipWrapperTriggerDefinition: {
-  base: string[];
-  config?: StyleMergeUtils.Config<Record<never, never>>;
-};
-type TooltipWrapperTriggerConfig = NonNullable<typeof tooltipWrapperTriggerDefinition.config>;
-interface TooltipWrapperTriggerVariantProps extends UIOverrides.VariantProps<TooltipWrapperTriggerConfig> {}
-//#endregion
-export { TooltipWrapperTriggerConfig, TooltipWrapperTriggerVariantProps, tooltipWrapperTriggerDefinition };

package/dist/components/inputs/shared/tooltipWrapper.cva.js

@@ -1,5 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-//#region src/components/inputs/shared/tooltipWrapper.cva.ts
-const tooltipWrapperTriggerDefinition = UIOverrides.defineConfig({ base: ["inline-flex"] });
-//#endregion
-export { tooltipWrapperTriggerDefinition };

package/dist/components/inputs/shared/useFieldAccessibility.js

@@ -1,19 +0,0 @@
-import { useId } from "react";
-//#region src/components/inputs/shared/useFieldAccessibility.ts
-const joinIds = (...ids) => {
-	const uniqueIds = [...new Set(ids.flatMap((id) => id?.split(/\s+/u).filter(Boolean) ?? []))];
-	return uniqueIds.length > 0 ? uniqueIds.join(" ") : void 0;
-};
-const useFieldAccessibility = ({ describedBy, error, helperText }) => {
-	const generatedHelperTextId = useId();
-	const generatedErrorMessageId = useId();
-	const helperTextId = helperText ? `field-helper-${generatedHelperTextId}` : void 0;
-	const errorMessageId = error ? `field-error-${generatedErrorMessageId}` : void 0;
-	return {
-		describedBy: joinIds(describedBy, helperTextId, errorMessageId),
-		errorMessageId,
-		helperTextId
-	};
-};
-//#endregion
-export { useFieldAccessibility };

package/dist/components/inputs/shared/useStaticInputHandoff.js

@@ -1,83 +0,0 @@
-import { useLayoutEffect, useRef, useState } from "react";
-//#region src/components/inputs/shared/useStaticInputHandoff.ts
-const useStaticInputHandoff = ({ inputRef, renderInput, setRenderInput, getFocusTarget, getPressTarget }) => {
-	const [shouldFocus, setShouldFocus] = useState(false);
-	const pendingStaticChangeRef = useRef(null);
-	const pendingStaticFocusTargetRef = useRef(null);
-	const resolvedFocusTargetRef = useRef(null);
-	const shouldReplayStaticPressRef = useRef(false);
-	const hoverHandoffFrameRef = useRef(null);
-	useLayoutEffect(() => () => {
-		if (hoverHandoffFrameRef.current !== null) cancelAnimationFrame(hoverHandoffFrameRef.current);
-	}, []);
-	useLayoutEffect(() => {
-		if (!renderInput || !shouldFocus) return;
-		const focusRealInput = (replayPendingInteraction) => {
-			const input = inputRef.current;
-			const pendingValue = pendingStaticChangeRef.current;
-			let focusTarget = null;
-			if (!replayPendingInteraction && resolvedFocusTargetRef.current) focusTarget = resolvedFocusTargetRef.current;
-			else if (input) focusTarget = getFocusTarget?.(input, pendingStaticFocusTargetRef.current) ?? input;
-			if (replayPendingInteraction) resolvedFocusTargetRef.current = focusTarget;
-			if (replayPendingInteraction && focusTarget instanceof HTMLInputElement && pendingValue != null) {
-				(Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(focusTarget, pendingValue);
-				focusTarget.dispatchEvent(new Event("input", { bubbles: true }));
-				pendingStaticChangeRef.current = null;
-			}
-			focusTarget?.focus();
-			if (!replayPendingInteraction) {
-				pendingStaticFocusTargetRef.current = null;
-				resolvedFocusTargetRef.current = null;
-			}
-			if (replayPendingInteraction && shouldReplayStaticPressRef.current) {
-				shouldReplayStaticPressRef.current = false;
-				(input ? getPressTarget?.(input) ?? focusTarget : focusTarget)?.click();
-			}
-		};
-		focusRealInput(true);
-		const frame = requestAnimationFrame(() => {
-			focusRealInput(false);
-			setShouldFocus(false);
-		});
-		return () => {
-			cancelAnimationFrame(frame);
-		};
-	}, [
-		getFocusTarget,
-		getPressTarget,
-		inputRef,
-		renderInput,
-		shouldFocus
-	]);
-	return {
-		shouldFocus,
-		renderRealInput: (focus, target) => {
-			pendingStaticFocusTargetRef.current = target ?? null;
-			setShouldFocus(focus);
-			if (focus) {
-				if (hoverHandoffFrameRef.current !== null) {
-					cancelAnimationFrame(hoverHandoffFrameRef.current);
-					hoverHandoffFrameRef.current = null;
-				}
-				setRenderInput(true);
-				return;
-			}
-			hoverHandoffFrameRef.current = requestAnimationFrame(() => {
-				hoverHandoffFrameRef.current = null;
-				setRenderInput(true);
-			});
-		},
-		replayStaticInputChange: (value) => {
-			pendingStaticChangeRef.current = value;
-			setShouldFocus(true);
-			setRenderInput(true);
-		},
-		replayStaticInputPress: () => {
-			shouldReplayStaticPressRef.current = true;
-			setShouldFocus(true);
-			setRenderInput(true);
-		}
-	};
-};
-//#endregion
-export { useStaticInputHandoff };

package/dist/components/navigation/Accordion/Accordion.d.ts

@@ -1,5 +0,0 @@
-import { AccordionItemProps, AccordionProps } from "./accordion.types.js";
-//#region src/components/navigation/Accordion/Accordion.d.ts
-declare const Accordion: ({ items, variant, actionPosition, allowsMultipleExpanded, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { Accordion, type AccordionItemProps, type AccordionProps };

package/dist/components/navigation/Accordion/Accordion.js

@@ -1,81 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { accordionDefinition } from "./accordion.cva.js";
-import { AccordionItem } from "./AccordionItem.js";
-import { c } from "react/compiler-runtime";
-import { clsx } from "clsx";
-import { DisclosureGroup } from "react-aria-components";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/navigation/Accordion/Accordion.tsx
-const Accordion = (t0) => {
-	const $ = c(23);
-	const { items, variant: t1, actionPosition: t2, allowsMultipleExpanded: t3, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled } = t0;
-	const variant = t1 === void 0 ? "filled" : t1;
-	const actionPosition = t2 === void 0 ? "right" : t2;
-	const allowsMultipleExpanded = t3 === void 0 ? false : t3;
-	const accordionCva = UIOverrides.useCva("accordion.cva", accordionDefinition);
-	const t4 = items.length === 1;
-	let t5;
-	if ($[0] !== accordionCva || $[1] !== className || $[2] !== t4 || $[3] !== variant) {
-		t5 = clsx(accordionCva({
-			className,
-			variant,
-			singleItem: t4
-		}));
-		$[0] = accordionCva;
-		$[1] = className;
-		$[2] = t4;
-		$[3] = variant;
-		$[4] = t5;
-	} else t5 = $[4];
-	let t6;
-	if ($[5] !== actionPosition || $[6] !== disabled || $[7] !== items || $[8] !== variant) {
-		let t7;
-		if ($[10] !== actionPosition || $[11] !== disabled || $[12] !== items.length || $[13] !== variant) {
-			t7 = (item) => /* @__PURE__ */ jsx(AccordionItem, {
-				id: item.id,
-				heading: item.heading,
-				subheading: item.subheading,
-				icon: item.icon,
-				variant,
-				actionPosition,
-				disabled: item.disabled || disabled,
-				isSingle: items.length === 1,
-				children: item.children
-			}, item.id);
-			$[10] = actionPosition;
-			$[11] = disabled;
-			$[12] = items.length;
-			$[13] = variant;
-			$[14] = t7;
-		} else t7 = $[14];
-		t6 = items.map(t7);
-		$[5] = actionPosition;
-		$[6] = disabled;
-		$[7] = items;
-		$[8] = variant;
-		$[9] = t6;
-	} else t6 = $[9];
-	let t7;
-	if ($[15] !== allowsMultipleExpanded || $[16] !== defaultExpandedKeys || $[17] !== disabled || $[18] !== expandedKeys || $[19] !== onExpandedChange || $[20] !== t5 || $[21] !== t6) {
-		t7 = /* @__PURE__ */ jsx(DisclosureGroup, {
-			allowsMultipleExpanded,
-			expandedKeys,
-			defaultExpandedKeys,
-			onExpandedChange,
-			className: t5,
-			isDisabled: disabled,
-			children: t6
-		});
-		$[15] = allowsMultipleExpanded;
-		$[16] = defaultExpandedKeys;
-		$[17] = disabled;
-		$[18] = expandedKeys;
-		$[19] = onExpandedChange;
-		$[20] = t5;
-		$[21] = t6;
-		$[22] = t7;
-	} else t7 = $[22];
-	return t7;
-};
-//#endregion
-export { Accordion };

package/dist/components/navigation/Accordion/AccordionItem.js

@@ -1,108 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { Typography } from "../../text/Typography/Typography.js";
-import { accordionChevronDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./accordion.cva.js";
-import { ChevronDown } from "lucide-react";
-import { c } from "react/compiler-runtime";
-import { Button, Disclosure, DisclosurePanel, Heading } from "react-aria-components";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/navigation/Accordion/AccordionItem.tsx
-const AccordionItem = (t0) => {
-	const $ = c(25);
-	const { id, disabled, heading, subheading, children, icon: Icon, variant: t1, actionPosition: t2, isSingle } = t0;
-	const variant = t1 === void 0 ? "filled" : t1;
-	const actionPosition = t2 === void 0 ? "right" : t2;
-	const itemCva = UIOverrides.useCva("accordion.itemCva", accordionItemDefinition);
-	const triggerCva = UIOverrides.useCva("accordion.triggerCva", accordionTriggerDefinition);
-	const headingCva = UIOverrides.useCva("accordion.headingCva", accordionHeadingDefinition);
-	const headingTitleCva = UIOverrides.useCva("accordion.headingTitleCva", accordionHeadingTitleDefinition);
-	const headingSubtitleCva = UIOverrides.useCva("accordion.headingSubtitleCva", accordionHeadingSubtitleDefinition);
-	const chevronCva = UIOverrides.useCva("accordion.chevronCva", accordionChevronDefinition);
-	const iconCva = UIOverrides.useCva("accordion.iconCva", accordionIconDefinition);
-	const panelCva = UIOverrides.useCva("accordion.panelCva", accordionPanelDefinition);
-	const panelContentCva = UIOverrides.useCva("accordion.panelContentCva", accordionPanelContentDefinition);
-	let t3;
-	if ($[0] !== isSingle || $[1] !== itemCva || $[2] !== variant) {
-		t3 = itemCva({
-			variant,
-			singleItem: isSingle
-		});
-		$[0] = isSingle;
-		$[1] = itemCva;
-		$[2] = variant;
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== Icon || $[5] !== actionPosition || $[6] !== chevronCva || $[7] !== children || $[8] !== disabled || $[9] !== heading || $[10] !== headingCva || $[11] !== headingSubtitleCva || $[12] !== headingTitleCva || $[13] !== iconCva || $[14] !== panelContentCva || $[15] !== panelCva || $[16] !== subheading || $[17] !== triggerCva || $[18] !== variant) {
-		t4 = (t5) => {
-			const { isExpanded } = t5;
-			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Heading, { children: /* @__PURE__ */ jsxs(Button, {
-				slot: "trigger",
-				className: triggerCva({
-					variant,
-					actionPosition,
-					disabled
-				}),
-				children: [/* @__PURE__ */ jsx("div", {
-					className: headingCva({}),
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-1 items-center gap-accordion-gap-icon-to-text",
-						children: [
-							Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({}) }),
-							/* @__PURE__ */ jsx(Typography, {
-								size: "label-2",
-								variant: "default",
-								className: headingTitleCva({}),
-								children: heading
-							}),
-							subheading && /* @__PURE__ */ jsx(Typography, {
-								size: "label-3",
-								variant: "default",
-								className: headingSubtitleCva({}),
-								children: subheading
-							})
-						]
-					})
-				}), /* @__PURE__ */ jsx(ChevronDown, { className: chevronCva({ isExpanded }) })]
-			}) }), /* @__PURE__ */ jsx(DisclosurePanel, {
-				className: panelCva({ isExpanded }),
-				children: /* @__PURE__ */ jsx("div", {
-					className: panelContentCva({}),
-					children
-				})
-			})] });
-		};
-		$[4] = Icon;
-		$[5] = actionPosition;
-		$[6] = chevronCva;
-		$[7] = children;
-		$[8] = disabled;
-		$[9] = heading;
-		$[10] = headingCva;
-		$[11] = headingSubtitleCva;
-		$[12] = headingTitleCva;
-		$[13] = iconCva;
-		$[14] = panelContentCva;
-		$[15] = panelCva;
-		$[16] = subheading;
-		$[17] = triggerCva;
-		$[18] = variant;
-		$[19] = t4;
-	} else t4 = $[19];
-	let t5;
-	if ($[20] !== disabled || $[21] !== id || $[22] !== t3 || $[23] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Disclosure, {
-			id,
-			className: t3,
-			isDisabled: disabled,
-			children: t4
-		});
-		$[20] = disabled;
-		$[21] = id;
-		$[22] = t3;
-		$[23] = t4;
-		$[24] = t5;
-	} else t5 = $[24];
-	return t5;
-};
-//#endregion
-export { AccordionItem };

package/dist/components/navigation/Accordion/accordion.cva.d.ts

@@ -1,86 +0,0 @@
-import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-//#region src/components/navigation/Accordion/accordion.cva.d.ts
-declare const accordionDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly variant: {
-      readonly filled: "gap-1";
-      readonly outlined: "";
-    };
-    readonly singleItem: {
-      readonly true: "";
-      readonly false: "";
-    };
-  }>;
-};
-type AccordionConfig = NonNullable<typeof accordionDefinition.config>;
-interface AccordionVariantProps extends UIOverrides.VariantProps<AccordionConfig> {}
-declare const accordionItemDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly variant: {
-      readonly filled: "rounded-accordion-rounding-filled bg-elevation-fill-default-2";
-      readonly outlined: "";
-    };
-    readonly singleItem: {
-      readonly true: "";
-      readonly false: "";
-    };
-  }>;
-};
-declare const accordionTriggerDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly variant: {
-      readonly outlined: "rounded-accordion-rounding-outlined hover:bg-elevation-fill-default-2";
-      readonly filled: "rounded-accordion-rounding-filled bg-elevation-fill-default-2 hover:bg-elevation-fill-default-3";
-    };
-    readonly actionPosition: {
-      readonly left: "flex-row-reverse";
-      readonly right: "flex-row";
-    };
-    readonly disabled: {
-      readonly true: "opacity-50";
-    };
-  }>;
-};
-declare const accordionHeadingDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{}>;
-};
-declare const accordionHeadingTitleDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{}>;
-};
-declare const accordionHeadingSubtitleDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{}>;
-};
-declare const accordionChevronDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly isExpanded: {
-      readonly true: "rotate-180";
-      readonly false: "rotate-0";
-    };
-  }>;
-};
-declare const accordionIconDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{}>;
-};
-declare const accordionPanelDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly isExpanded: {
-      readonly true: "px-accordion-side-accordion pt-0 pb-accordion-height-accordion";
-    };
-  }>;
-};
-declare const accordionPanelContentDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{}>;
-};
-//#endregion
-export { AccordionConfig, AccordionVariantProps, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition };