@sprawlify/react 0.0.3 → 0.0.5

package/dist/collapsible-C5ZpjCRe.mjs

@@ -0,0 +1,140 @@
+import { t as __export } from "./chunk-DJTHdtxa.mjs";
+import { c as useEnvironmentContext, d as normalizeProps, f as useMachine, l as mergeProps, n as sprawlify, o as useLocaleContext } from "./factory-DbgGeb_e.mjs";
+import { t as createContext$1 } from "./create-context-DLMHiig4.mjs";
+import { t as createSplitProps } from "./create-split-props-DvwGh64U.mjs";
+import { forwardRef, useId, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as collapsible from "@sprawlify/primitives/machines/collapsible";
+import { anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
+
+//#region src/components/collapsible/use-collapsible-context.ts
+const [CollapsibleProvider, useCollapsibleContext] = createContext$1({
+	name: "CollapsibleContext",
+	hookName: "useCollapsibleContext",
+	providerName: "<CollapsibleProvider />"
+});
+
+//#endregion
+//#region src/components/collapsible/collapsible-content.tsx
+const CollapsibleContent = forwardRef((props, ref) => {
+	const collapsible$1 = useCollapsibleContext();
+	if (collapsible$1.isUnmounted) return null;
+	const mergedProps = mergeProps(collapsible$1.getContentProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+CollapsibleContent.displayName = "CollapsibleContent";
+
+//#endregion
+//#region src/components/collapsible/collapsible-context.tsx
+const CollapsibleContext = (props) => props.children(useCollapsibleContext());
+
+//#endregion
+//#region src/components/collapsible/collapsible-indicator.tsx
+const CollapsibleIndicator = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCollapsibleContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+CollapsibleIndicator.displayName = "CollapsibleIndicator";
+
+//#endregion
+//#region src/components/collapsible/split-collapsible-props.ts
+const splitCollapsibleProps = (props) => createSplitProps()(props, [
+	"collapsedHeight",
+	"collapsedWidth",
+	"defaultOpen",
+	"disabled",
+	"id",
+	"ids",
+	"lazyMount",
+	"onExitComplete",
+	"onOpenChange",
+	"open",
+	"unmountOnExit"
+]);
+
+//#endregion
+//#region src/components/collapsible/use-collapsible.ts
+const useCollapsible = (props = {}) => {
+	const { lazyMount, unmountOnExit, ...collapsibleProps } = props;
+	const id = useId();
+	const wasVisible = useRef(false);
+	const { dir } = useLocaleContext();
+	const { getRootNode } = useEnvironmentContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...collapsibleProps
+	};
+	const service = useMachine(collapsible.machine, machineProps);
+	const api = collapsible.connect(service, normalizeProps);
+	if (api.visible) wasVisible.current = true;
+	const isUnmounted = !api.visible && !wasVisible.current && lazyMount || unmountOnExit && !api.visible && wasVisible.current;
+	return {
+		...api,
+		isUnmounted
+	};
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible-root.tsx
+const CollapsibleRoot = forwardRef((props, ref) => {
+	const [useCollapsibleProps, localProps] = splitCollapsibleProps(props);
+	const collapsible$1 = useCollapsible(useCollapsibleProps);
+	const mergedProps = mergeProps(collapsible$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(CollapsibleProvider, {
+		value: collapsible$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CollapsibleRoot.displayName = "CollapsibleRoot";
+
+//#endregion
+//#region src/components/collapsible/collapsible-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const CollapsibleRootProvider = forwardRef((props, ref) => {
+	const [{ value: collapsible$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(collapsible$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(CollapsibleProvider, {
+		value: collapsible$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CollapsibleRootProvider.displayName = "CollapsibleRootProvider";
+
+//#endregion
+//#region src/components/collapsible/collapsible-trigger.tsx
+const CollapsibleTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useCollapsibleContext().getTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+CollapsibleTrigger.displayName = "CollapsibleTrigger";
+
+//#endregion
+//#region src/components/collapsible/collapsible.ts
+var collapsible_exports = /* @__PURE__ */ __export({
+	Content: () => CollapsibleContent,
+	Context: () => CollapsibleContext,
+	Indicator: () => CollapsibleIndicator,
+	Root: () => CollapsibleRoot,
+	RootProvider: () => CollapsibleRootProvider,
+	Trigger: () => CollapsibleTrigger
+});
+
+//#endregion
+export { CollapsibleRoot as a, CollapsibleContext as c, CollapsibleRootProvider as i, CollapsibleContent as l, collapsibleAnatomy as n, useCollapsible as o, CollapsibleTrigger as r, CollapsibleIndicator as s, collapsible_exports as t, useCollapsibleContext as u };

package/dist/collapsible-D_cXuaRy.cjs

@@ -0,0 +1,193 @@
+const require_factory = require('./factory-CfqPG186.cjs');
+const require_create_context = require('./create-context-DCEySQ7J.cjs');
+const require_create_split_props = require('./create-split-props-CSaOnJRj.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_collapsible = require("@sprawlify/primitives/machines/collapsible");
+__sprawlify_primitives_machines_collapsible = require_factory.__toESM(__sprawlify_primitives_machines_collapsible);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/collapsible/use-collapsible-context.ts
+const [CollapsibleProvider, useCollapsibleContext] = require_create_context.createContext({
+	name: "CollapsibleContext",
+	hookName: "useCollapsibleContext",
+	providerName: "<CollapsibleProvider />"
+});
+
+//#endregion
+//#region src/components/collapsible/collapsible-content.tsx
+const CollapsibleContent = (0, react.forwardRef)((props, ref) => {
+	const collapsible = useCollapsibleContext();
+	if (collapsible.isUnmounted) return null;
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(collapsible.getContentProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+CollapsibleContent.displayName = "CollapsibleContent";
+
+//#endregion
+//#region src/components/collapsible/collapsible-context.tsx
+const CollapsibleContext = (props) => props.children(useCollapsibleContext());
+
+//#endregion
+//#region src/components/collapsible/collapsible-indicator.tsx
+const CollapsibleIndicator = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useCollapsibleContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+CollapsibleIndicator.displayName = "CollapsibleIndicator";
+
+//#endregion
+//#region src/components/collapsible/split-collapsible-props.ts
+const splitCollapsibleProps = (props) => require_create_split_props.createSplitProps()(props, [
+	"collapsedHeight",
+	"collapsedWidth",
+	"defaultOpen",
+	"disabled",
+	"id",
+	"ids",
+	"lazyMount",
+	"onExitComplete",
+	"onOpenChange",
+	"open",
+	"unmountOnExit"
+]);
+
+//#endregion
+//#region src/components/collapsible/use-collapsible.ts
+const useCollapsible = (props = {}) => {
+	const { lazyMount, unmountOnExit, ...collapsibleProps } = props;
+	const id = (0, react.useId)();
+	const wasVisible = (0, react.useRef)(false);
+	const { dir } = require_factory.useLocaleContext();
+	const { getRootNode } = require_factory.useEnvironmentContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...collapsibleProps
+	};
+	const service = require_factory.useMachine(__sprawlify_primitives_machines_collapsible.machine, machineProps);
+	const api = __sprawlify_primitives_machines_collapsible.connect(service, require_factory.normalizeProps);
+	if (api.visible) wasVisible.current = true;
+	const isUnmounted = !api.visible && !wasVisible.current && lazyMount || unmountOnExit && !api.visible && wasVisible.current;
+	return {
+		...api,
+		isUnmounted
+	};
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible-root.tsx
+const CollapsibleRoot = (0, react.forwardRef)((props, ref) => {
+	const [useCollapsibleProps, localProps] = splitCollapsibleProps(props);
+	const collapsible = useCollapsible(useCollapsibleProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(collapsible.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleProvider, {
+		value: collapsible,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CollapsibleRoot.displayName = "CollapsibleRoot";
+
+//#endregion
+//#region src/components/collapsible/collapsible-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const CollapsibleRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: collapsible }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(collapsible.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleProvider, {
+		value: collapsible,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+CollapsibleRootProvider.displayName = "CollapsibleRootProvider";
+
+//#endregion
+//#region src/components/collapsible/collapsible-trigger.tsx
+const CollapsibleTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useCollapsibleContext().getTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+CollapsibleTrigger.displayName = "CollapsibleTrigger";
+
+//#endregion
+//#region src/components/collapsible/collapsible.ts
+var collapsible_exports = /* @__PURE__ */ require_factory.__export({
+	Content: () => CollapsibleContent,
+	Context: () => CollapsibleContext,
+	Indicator: () => CollapsibleIndicator,
+	Root: () => CollapsibleRoot,
+	RootProvider: () => CollapsibleRootProvider,
+	Trigger: () => CollapsibleTrigger
+});
+
+//#endregion
+Object.defineProperty(exports, 'CollapsibleContent', {
+  enumerable: true,
+  get: function () {
+    return CollapsibleContent;
+  }
+});
+Object.defineProperty(exports, 'CollapsibleContext', {
+  enumerable: true,
+  get: function () {
+    return CollapsibleContext;
+  }
+});
+Object.defineProperty(exports, 'CollapsibleIndicator', {
+  enumerable: true,
+  get: function () {
+    return CollapsibleIndicator;
+  }
+});
+Object.defineProperty(exports, 'CollapsibleRoot', {
+  enumerable: true,
+  get: function () {
+    return CollapsibleRoot;
+  }
+});
+Object.defineProperty(exports, 'CollapsibleRootProvider', {
+  enumerable: true,
+  get: function () {
+    return CollapsibleRootProvider;
+  }
+});
+Object.defineProperty(exports, 'CollapsibleTrigger', {
+  enumerable: true,
+  get: function () {
+    return CollapsibleTrigger;
+  }
+});
+Object.defineProperty(exports, 'collapsible_exports', {
+  enumerable: true,
+  get: function () {
+    return collapsible_exports;
+  }
+});
+Object.defineProperty(exports, 'useCollapsible', {
+  enumerable: true,
+  get: function () {
+    return useCollapsible;
+  }
+});
+Object.defineProperty(exports, 'useCollapsibleContext', {
+  enumerable: true,
+  get: function () {
+    return useCollapsibleContext;
+  }
+});

package/dist/components/accordion/index.cjs

@@ -0,0 +1,227 @@
+const require_factory = require('../../factory-CfqPG186.cjs');
+const require_create_context = require('../../create-context-DCEySQ7J.cjs');
+const require_collapsible = require('../../collapsible-D_cXuaRy.cjs');
+const require_create_split_props = require('../../create-split-props-CSaOnJRj.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_accordion = require("@sprawlify/primitives/machines/accordion");
+__sprawlify_primitives_machines_accordion = require_factory.__toESM(__sprawlify_primitives_machines_accordion);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/accordion/use-accordion-context.ts
+const [AccordionProvider, useAccordionContext] = require_create_context.createContext({
+	name: "AccordionContext",
+	hookName: "useAccordionContext",
+	providerName: "<AccordionProvider />"
+});
+
+//#endregion
+//#region src/components/accordion/accordion-context.tsx
+const AccordionContext = (props) => props.children(useAccordionContext());
+
+//#endregion
+//#region src/utils/render-strategy.ts
+const [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = require_create_context.createContext({
+	name: "RenderStrategyContext",
+	hookName: "useRenderStrategyContext",
+	providerName: "<RenderStrategyPropsProvider />"
+});
+const splitRenderStrategyProps = (props) => require_create_split_props.createSplitProps()(props, ["lazyMount", "unmountOnExit"]);
+
+//#endregion
+//#region src/components/accordion/use-accordion-item-context.ts
+const [AccordionItemProvider, useAccordionItemContext] = require_create_context.createContext({
+	name: "AccordionItemContext",
+	hookName: "useAccordionItemContext",
+	providerName: "<AccordionItemProvider />"
+});
+
+//#endregion
+//#region src/components/accordion/use-accordion-item-props-context.ts
+const [AccordionItemPropsProvider, useAccordionItemPropsContext] = require_create_context.createContext({
+	name: "AccordionItemPropsContext",
+	hookName: "useAccordionItemPropsContext",
+	providerName: "<AccordionItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/accordion/accordion-item.tsx
+const splitItemProps = require_create_split_props.createSplitProps();
+const AccordionItem = (0, react.forwardRef)((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
+	const accordion = useAccordionContext();
+	const renderStrategy = useRenderStrategyPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(accordion.getItemProps(itemProps), localProps);
+	const item = accordion.getItemState(itemProps);
+	const itemContentProps = accordion.getItemContentProps(itemProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionItemProvider, {
+			value: item,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_collapsible.CollapsibleRoot, {
+				ref,
+				open: item.expanded,
+				ids: { content: itemContentProps.id },
+				...renderStrategy,
+				...mergedProps
+			})
+		})
+	});
+});
+AccordionItem.displayName = "AccordionItem";
+
+//#endregion
+//#region src/components/accordion/accordion-item-content.tsx
+const splitVisibilityProps = require_create_split_props.createSplitProps();
+const AccordionItemContent = (0, react.forwardRef)((props, ref) => {
+	const accordion = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const [, itemContentProps] = splitVisibilityProps(accordion.getItemContentProps(itemProps), ["hidden", "data-state"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(itemContentProps, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_collapsible.CollapsibleContent, {
+		ref,
+		...mergedProps
+	});
+});
+AccordionItemContent.displayName = "AccordionItemContent";
+
+//#endregion
+//#region src/components/accordion/accordion-item-context.tsx
+const AccordionItemContext = (props) => props.children(useAccordionItemContext());
+
+//#endregion
+//#region src/components/accordion/accordion-item-indicator.tsx
+const AccordionItemIndicator = (0, react.forwardRef)((props, ref) => {
+	const accordion = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(accordion.getItemIndicatorProps(itemProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AccordionItemIndicator.displayName = "AccordionItemIndicator";
+
+//#endregion
+//#region src/components/accordion/accordion-item-trigger.tsx
+const AccordionItemTrigger = (0, react.forwardRef)((props, ref) => {
+	const accordion = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const collapsible = require_collapsible.useCollapsibleContext();
+	const triggerProps = accordion.getItemTriggerProps(itemProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)({
+		...triggerProps,
+		"aria-controls": collapsible.isUnmounted ? void 0 : triggerProps["aria-controls"]
+	}, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+AccordionItemTrigger.displayName = "AccordionItemTrigger";
+
+//#endregion
+//#region src/components/accordion/use-accordion.ts
+const useAccordion = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_factory.useEnvironmentContext();
+	const { dir } = require_factory.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_factory.useMachine(__sprawlify_primitives_machines_accordion.machine, machineProps);
+	return __sprawlify_primitives_machines_accordion.connect(service, require_factory.normalizeProps);
+};
+
+//#endregion
+//#region src/components/accordion/accordion-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const AccordionRoot = (0, react.forwardRef)((props, ref) => {
+	const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
+	const [useAccordionProps, localProps] = splitRootProps(accordionProps, [
+		"collapsible",
+		"defaultValue",
+		"disabled",
+		"id",
+		"ids",
+		"multiple",
+		"onFocusChange",
+		"onValueChange",
+		"orientation",
+		"value"
+	]);
+	const accordion = useAccordion(useAccordionProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(accordion.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionProvider, {
+		value: accordion,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+AccordionRoot.displayName = "AccordionRoot";
+
+//#endregion
+//#region src/components/accordion/accordion-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const AccordionRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
+	const [{ value: accordion }, localProps] = splitRootProviderProps(accordionProps, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(accordion.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionProvider, {
+		value: accordion,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+AccordionRootProvider.displayName = "AccordionRootProvider";
+
+//#endregion
+//#region src/components/accordion/accordion.ts
+var accordion_exports = /* @__PURE__ */ require_factory.__export({
+	Context: () => AccordionContext,
+	Item: () => AccordionItem,
+	ItemContent: () => AccordionItemContent,
+	ItemContext: () => AccordionItemContext,
+	ItemIndicator: () => AccordionItemIndicator,
+	ItemTrigger: () => AccordionItemTrigger,
+	Root: () => AccordionRoot,
+	RootProvider: () => AccordionRootProvider
+});
+
+//#endregion
+Object.defineProperty(exports, 'Accordion', {
+  enumerable: true,
+  get: function () {
+    return accordion_exports;
+  }
+});
+exports.AccordionContext = AccordionContext;
+exports.AccordionItem = AccordionItem;
+exports.AccordionItemContent = AccordionItemContent;
+exports.AccordionItemContext = AccordionItemContext;
+exports.AccordionItemIndicator = AccordionItemIndicator;
+exports.AccordionItemTrigger = AccordionItemTrigger;
+exports.AccordionRoot = AccordionRoot;
+exports.AccordionRootProvider = AccordionRootProvider;
+Object.defineProperty(exports, 'accordionAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_accordion.anatomy;
+  }
+});
+exports.useAccordion = useAccordion;
+exports.useAccordionContext = useAccordionContext;
+exports.useAccordionItemContext = useAccordionItemContext;

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

@@ -0,0 +1,67 @@
+import { c as PropTypes, o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps } from "../../factory-D5qarvEF.cjs";
+import { t as RenderStrategyProps } from "../../render-strategy-G1aEn-1X.cjs";
+import * as accordion from "@sprawlify/primitives/machines/accordion";
+import { FocusChangeDetails, FocusChangeDetails as AccordionFocusChangeDetails, ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, anatomy as accordionAnatomy } from "@sprawlify/primitives/machines/accordion";
+import * as react20 from "react";
+import { ReactNode } from "react";
+
+//#region src/components/accordion/use-accordion.d.ts
+interface UseAccordionProps extends Optional<Omit<accordion.Props, "dir" | "getRootNode">, "id"> {}
+interface UseAccordionReturn extends accordion.Api<PropTypes> {}
+declare const useAccordion: (props?: UseAccordionProps) => UseAccordionReturn;
+//#endregion
+//#region src/components/accordion/use-accordion-context.d.ts
+interface UseAccordionContext extends UseAccordionReturn {}
+//#endregion
+//#region src/components/accordion/accordion-context.d.ts
+interface AccordionContextProps {
+  children: (context: UseAccordionContext) => ReactNode;
+}
+declare const AccordionContext: (props: AccordionContextProps) => ReactNode;
+//#endregion
+//#region src/components/accordion/accordion-item.d.ts
+interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {}
+interface AccordionItemProps extends HTMLProps<"div">, AccordionItemBaseProps {}
+declare const AccordionItem: react20.ForwardRefExoticComponent<AccordionItemProps & react20.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/accordion/accordion-item-content.d.ts
+interface AccordionItemContentBaseProps extends PolymorphicProps {}
+interface AccordionItemContentProps extends HTMLProps<"div">, AccordionItemContentBaseProps {}
+declare const AccordionItemContent: react20.ForwardRefExoticComponent<AccordionItemContentProps & react20.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/accordion/use-accordion-item-context.d.ts
+interface UseAccordionItemContext extends ItemState {}
+//#endregion
+//#region src/components/accordion/accordion-item-context.d.ts
+interface AccordionItemContextProps {
+  children: (context: UseAccordionItemContext) => ReactNode;
+}
+declare const AccordionItemContext: (props: AccordionItemContextProps) => ReactNode;
+//#endregion
+//#region src/components/accordion/accordion-item-indicator.d.ts
+interface AccordionItemIndicatorBaseProps extends PolymorphicProps {}
+interface AccordionItemIndicatorProps extends HTMLProps<"div">, AccordionItemIndicatorBaseProps {}
+declare const AccordionItemIndicator: react20.ForwardRefExoticComponent<AccordionItemIndicatorProps & react20.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/accordion/accordion-item-trigger.d.ts
+interface AccordionItemTriggerBaseProps extends PolymorphicProps {}
+interface AccordionItemTriggerProps extends HTMLProps<"button">, AccordionItemTriggerBaseProps {}
+declare const AccordionItemTrigger: react20.ForwardRefExoticComponent<AccordionItemTriggerProps & react20.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/accordion/accordion-root.d.ts
+interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps {}
+interface AccordionRootProps extends Assign<HTMLProps<"div">, AccordionRootBaseProps> {}
+declare const AccordionRoot: react20.ForwardRefExoticComponent<AccordionRootProps & react20.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/accordion/accordion-root-provider.d.ts
+interface RootProviderProps {
+  value: UseAccordionReturn;
+}
+interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {}
+interface AccordionRootProviderProps extends HTMLProps<"div">, AccordionRootProviderBaseProps {}
+declare const AccordionRootProvider: react20.ForwardRefExoticComponent<AccordionRootProviderProps & react20.RefAttributes<HTMLDivElement>>;
+declare namespace accordion_d_exports {
+  export { AccordionContext as Context, AccordionContextProps as ContextProps, FocusChangeDetails, AccordionItem as Item, AccordionItemBaseProps as ItemBaseProps, AccordionItemContent as ItemContent, AccordionItemContentBaseProps as ItemContentBaseProps, AccordionItemContentProps as ItemContentProps, AccordionItemContext as ItemContext, AccordionItemContextProps as ItemContextProps, AccordionItemIndicator as ItemIndicator, AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps, AccordionItemIndicatorProps as ItemIndicatorProps, AccordionItemProps as ItemProps, AccordionItemTrigger as ItemTrigger, AccordionItemTriggerBaseProps as ItemTriggerBaseProps, AccordionItemTriggerProps as ItemTriggerProps, AccordionRoot as Root, AccordionRootBaseProps as RootBaseProps, AccordionRootProps as RootProps, AccordionRootProvider as RootProvider, AccordionRootProviderBaseProps as RootProviderBaseProps, AccordionRootProviderProps as RootProviderProps, ValueChangeDetails };
+}
+//#endregion
+export { accordion_d_exports as Accordion, AccordionContext, type AccordionContextProps, type AccordionFocusChangeDetails, AccordionItem, type AccordionItemBaseProps, AccordionItemContent, type AccordionItemContentBaseProps, type AccordionItemContentProps, AccordionItemContext, type AccordionItemContextProps, AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type AccordionItemIndicatorProps, type AccordionItemProps, AccordionItemTrigger, type AccordionItemTriggerBaseProps, type AccordionItemTriggerProps, AccordionRoot, type AccordionRootBaseProps, type AccordionRootProps, AccordionRootProvider, type AccordionRootProviderBaseProps, type AccordionRootProviderProps, type AccordionValueChangeDetails, type UseAccordionContext, type UseAccordionItemContext, type UseAccordionProps, type UseAccordionReturn, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };