@sprawlify/solid 0.0.14 → 0.0.16

package/dist/collection-zj3lxnwW.js

@@ -0,0 +1,220 @@
+import { i as useMachine } from "./core-oNB2jGcl.js";
+import { t as runIfFn } from "./run-if-fn-D5794CxE.js";
+import { createEffect, createMemo, createSignal, on, splitProps } from "solid-js";
+import { GridCollection, ListCollection, Selection, TreeCollection, filePathToTree } from "@sprawlify/primitives/collection";
+import * as asyncList from "@sprawlify/primitives/machines/async-list";
+
+//#region src/components/collection/grid-collection.ts
+const createGridCollection = (options) => new GridCollection(options);
+
+//#endregion
+//#region src/components/collection/list-collection.ts
+const createListCollection = (options) => new ListCollection(options);
+
+//#endregion
+//#region src/components/collection/tree-collection.ts
+const createTreeCollection = (options) => new TreeCollection(options);
+const createFileTreeCollection = (paths) => filePathToTree(paths);
+
+//#endregion
+//#region src/components/collection/use-async-list.ts
+const useAsyncList = (props) => {
+	const machineProps = createMemo(() => runIfFn(props));
+	const service = useMachine(asyncList.machine, machineProps);
+	return createMemo(() => asyncList.connect(service));
+};
+
+//#endregion
+//#region src/components/collection/use-list-collection.ts
+function useListCollection(props) {
+	const splittedProps = createMemo(() => {
+		return splitProps(typeof props === "function" ? props() : props, [
+			"initialItems",
+			"filter",
+			"limit"
+		]);
+	});
+	const init = () => {
+		const [localProps] = splittedProps();
+		return localProps.initialItems;
+	};
+	const [items, setItemsImpl] = createSignal(init());
+	const [filterText, setFilterText] = createSignal("");
+	const setItems = (newItems) => {
+		setItemsImpl(newItems);
+		setFilterText("");
+	};
+	const create = (itemsToCreate) => {
+		const [, collectionOptions] = splittedProps();
+		return createListCollection({
+			...collectionOptions,
+			items: itemsToCreate
+		});
+	};
+	return {
+		collection: createMemo(() => {
+			const [localProps, collectionOptions] = splittedProps();
+			const filter = localProps.filter;
+			let activeItems = items();
+			if (filterText() && filter) activeItems = create(items()).filter((itemString, _index, item) => filter(itemString, filterText(), item)).items;
+			const limitedItems = localProps.limit == null ? activeItems : activeItems.slice(0, localProps.limit);
+			return createListCollection({
+				...collectionOptions,
+				items: limitedItems
+			});
+		}),
+		filter: (inputValue = "") => {
+			setFilterText(inputValue);
+		},
+		set: (newItems) => {
+			setItems(newItems);
+		},
+		reset: () => {
+			const [localProps] = splittedProps();
+			setItems(localProps.initialItems);
+		},
+		clear: () => {
+			setItems([]);
+		},
+		insert: (index, ...itemsToInsert) => {
+			const newItems = create(items()).insert(index, ...itemsToInsert).items;
+			setItems(newItems);
+		},
+		insertBefore: (value, ...itemsToInsert) => {
+			const newItems = create(items()).insertBefore(value, ...itemsToInsert).items;
+			setItems(newItems);
+		},
+		insertAfter: (value, ...itemsToInsert) => {
+			const newItems = create(items()).insertAfter(value, ...itemsToInsert).items;
+			setItems(newItems);
+		},
+		remove: (...itemOrValues) => {
+			const newItems = create(items()).remove(...itemOrValues).items;
+			setItems(newItems);
+		},
+		move: (value, to) => {
+			const newItems = create(items()).move(value, to).items;
+			setItems(newItems);
+		},
+		moveBefore: (value, ...values) => {
+			const newItems = create(items()).moveBefore(value, ...values).items;
+			setItems(newItems);
+		},
+		moveAfter: (value, ...values) => {
+			const newItems = create(items()).moveAfter(value, ...values).items;
+			setItems(newItems);
+		},
+		reorder: (from, to) => {
+			const newItems = create(items()).reorder(from, to).items;
+			setItems(newItems);
+		},
+		append: (...itemsToAppend) => {
+			const newItems = create(items()).append(...itemsToAppend).items;
+			setItems(newItems);
+		},
+		upsert: (value, item, mode = "append") => {
+			const newItems = create(items()).upsert(value, item, mode).items;
+			setItems(newItems);
+		},
+		prepend: (...itemsToPrepend) => {
+			const newItems = create(items()).prepend(...itemsToPrepend).items;
+			setItems(newItems);
+		},
+		update: (value, item) => {
+			const newItems = create(items()).update(value, item).items;
+			setItems(newItems);
+		}
+	};
+}
+
+//#endregion
+//#region src/components/collection/use-list-selection.ts
+function useListSelection(props) {
+	const splittedProps = createMemo(() => {
+		return splitProps(typeof props === "function" ? props() : props, [
+			"collection",
+			"selectionMode",
+			"deselectable",
+			"initialSelectedValues",
+			"resetOnCollectionChange"
+		]);
+	});
+	const createSelection = (values = []) => {
+		const [localProps] = splittedProps();
+		const selection$1 = new Selection(values);
+		selection$1.selectionMode = localProps.selectionMode ?? "single";
+		selection$1.deselectable = localProps.deselectable ?? true;
+		return selection$1;
+	};
+	const init = () => {
+		const [localProps] = splittedProps();
+		return createSelection(localProps.initialSelectedValues ?? []);
+	};
+	const [selection, setSelection] = createSignal(init());
+	const watchDeps = () => {
+		const [{ collection, resetOnCollectionChange }] = splittedProps();
+		return [collection.getValues(), resetOnCollectionChange];
+	};
+	createEffect(on(watchDeps, ([, resetOnCollectionChange]) => {
+		if (resetOnCollectionChange) setSelection(createSelection());
+	}, { defer: true }));
+	return {
+		selectedValues: createMemo(() => Array.from(selection())),
+		isEmpty: createMemo(() => selection().isEmpty()),
+		firstSelectedValue: createMemo(() => {
+			const [localProps] = splittedProps();
+			return selection().firstSelectedValue(localProps.collection);
+		}),
+		lastSelectedValue: createMemo(() => {
+			const [localProps] = splittedProps();
+			return selection().lastSelectedValue(localProps.collection);
+		}),
+		isSelected: (value) => {
+			return selection().isSelected(value);
+		},
+		isAllSelected: () => {
+			const [localProps] = splittedProps();
+			const allValues = localProps.collection.getValues();
+			return allValues.length > 0 && allValues.every((value) => selection().isSelected(value));
+		},
+		isSomeSelected: () => {
+			const [localProps] = splittedProps();
+			return localProps.collection.getValues().some((value) => selection().isSelected(value));
+		},
+		canSelect: (value) => {
+			const [localProps] = splittedProps();
+			return selection().canSelect(localProps.collection, value);
+		},
+		select: (value, forceToggle) => {
+			const [localProps] = splittedProps();
+			setSelection(selection().select(localProps.collection, value, forceToggle));
+		},
+		deselect: (value) => {
+			setSelection(selection().deselect(value));
+		},
+		toggle: (value) => {
+			const [localProps] = splittedProps();
+			setSelection(selection().toggleSelection(localProps.collection, value));
+		},
+		replace: (value) => {
+			const [localProps] = splittedProps();
+			setSelection(selection().replaceSelection(localProps.collection, value));
+		},
+		extend: (anchorValue, targetValue) => {
+			const [localProps] = splittedProps();
+			setSelection(selection().extendSelection(localProps.collection, anchorValue, targetValue));
+		},
+		setSelectedValues: (values) => {
+			setSelection(selection().setSelection(values));
+		},
+		clear: () => {
+			setSelection(selection().clearSelection());
+		},
+		resetSelection: () => {
+			setSelection(createSelection());
+		}
+	};
+}
+
+//#endregion
+export { createTreeCollection as a, createFileTreeCollection as i, useListCollection as n, createListCollection as o, useAsyncList as r, createGridCollection as s, useListSelection as t };

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

@@ -0,0 +1,69 @@
+import { n as PropTypes } from "../../index-C7N791Fc.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-Dbw4va3W.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-4A25bngy.js";
+import { t as RenderStrategyProps } from "../../render-strategy-BNECKEQk.js";
+import * as solid_js180 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+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";
+
+//#region src/components/accordion/use-accordion.d.ts
+interface UseAccordionProps extends Optional<Omit<accordion.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseAccordionReturn extends Accessor<accordion.Api<PropTypes>> {}
+declare const useAccordion: (props?: MaybeAccessor<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) => JSX.Element;
+}
+declare const AccordionContext: (props: AccordionContextProps) => JSX.Element;
+//#endregion
+//#region src/components/accordion/accordion-item.d.ts
+interface AccordionItemBaseProps extends ItemProps, PolymorphicProps<'div'> {}
+interface AccordionItemProps extends HTMLProps<'div'>, AccordionItemBaseProps {}
+declare const AccordionItem: (props: AccordionItemProps) => solid_js180.JSX.Element;
+//#endregion
+//#region src/components/accordion/accordion-item-content.d.ts
+interface AccordionItemContentBaseProps extends PolymorphicProps<'div'> {}
+interface AccordionItemContentProps extends HTMLProps<'div'>, AccordionItemContentBaseProps {}
+declare const AccordionItemContent: (props: AccordionItemContentProps) => solid_js180.JSX.Element;
+//#endregion
+//#region src/components/accordion/use-accordion-item-context.d.ts
+interface UseAccordionItemContext extends Accessor<ItemState> {}
+//#endregion
+//#region src/components/accordion/accordion-item-context.d.ts
+interface AccordionItemContextProps {
+  children: (context: UseAccordionItemContext) => JSX.Element;
+}
+declare const AccordionItemContext: (props: AccordionItemContextProps) => JSX.Element;
+//#endregion
+//#region src/components/accordion/accordion-item-indicator.d.ts
+interface AccordionItemIndicatorBaseProps extends PolymorphicProps<'div'> {}
+interface AccordionItemIndicatorProps extends HTMLProps<'div'>, AccordionItemIndicatorBaseProps {}
+declare const AccordionItemIndicator: (props: AccordionItemIndicatorProps) => solid_js180.JSX.Element;
+//#endregion
+//#region src/components/accordion/accordion-item-trigger.d.ts
+interface AccordionItemTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface AccordionItemTriggerProps extends HTMLProps<'button'>, AccordionItemTriggerBaseProps {}
+declare const AccordionItemTrigger: (props: AccordionItemTriggerProps) => solid_js180.JSX.Element;
+//#endregion
+//#region src/components/accordion/accordion-root.d.ts
+interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps<'div'> {}
+interface AccordionRootProps extends HTMLProps<'div'>, AccordionRootBaseProps {}
+declare const AccordionRoot: (props: AccordionRootProps) => solid_js180.JSX.Element;
+//#endregion
+//#region src/components/accordion/accordion-root-provider.d.ts
+interface RootProviderProps {
+  value: UseAccordionReturn;
+}
+interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps<'div'> {}
+interface AccordionRootProviderProps extends HTMLProps<'div'>, AccordionRootProviderBaseProps {}
+declare const AccordionRootProvider: (props: AccordionRootProviderProps) => solid_js180.JSX.Element;
+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 };

package/dist/components/accordion/index.js

@@ -0,0 +1,185 @@
+import { t as __export } from "../../chunk-B93cd-Dz.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-oNB2jGcl.js";
+import { t as runIfFn } from "../../run-if-fn-D5794CxE.js";
+import { t as createContext$1 } from "../../create-context-GfQ_MylE.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-Bo0OFe08.js";
+import { t as createSplitProps } from "../../create-split-props-pQu7jijw.js";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-DFlz7Uc4.js";
+import { t as sprawlify } from "../../factory-PGDAvOKb.js";
+import { l as CollapsibleContent, o as CollapsibleRoot, u as useCollapsibleContext } from "../../collapsible-CX2tnXKq.js";
+import { createMemo, createUniqueId, splitProps } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as accordion from "@sprawlify/primitives/machines/accordion";
+import { anatomy as accordionAnatomy } from "@sprawlify/primitives/machines/accordion";
+
+//#region src/components/accordion/use-accordion-context.ts
+const [AccordionProvider, useAccordionContext] = createContext$1({
+	hookName: "useAccordionContext",
+	providerName: "<AccordionProvider />"
+});
+
+//#endregion
+//#region src/components/accordion/accordion-context.tsx
+const AccordionContext = (props) => props.children(useAccordionContext());
+
+//#endregion
+//#region src/components/accordion/use-accordion-item-context.ts
+const [AccordionItemProvider, useAccordionItemContext] = createContext$1({
+	hookName: "useAccordionItemContext",
+	providerName: "<AccordionItemProvider />"
+});
+
+//#endregion
+//#region src/components/accordion/use-accordion-item-props-context.ts
+const [AccordionItemPropsProvider, useAccordionItemPropsContext] = createContext$1({
+	hookName: "useAccordionItemPropsContext",
+	providerName: "<AccordionItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/accordion/accordion-item.tsx
+const AccordionItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["value", "disabled"]);
+	const accordion$1 = useAccordionContext();
+	const renderStrategyProps = useRenderStrategyContext();
+	const mergedProps = mergeProps$2(() => accordion$1().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => accordion$1().getItemState(itemProps));
+	const itemContentProps = accordion$1().getItemContentProps(itemProps);
+	return createComponent(AccordionItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(AccordionItemProvider, {
+				value: itemState,
+				get children() {
+					return createComponent(CollapsibleRoot, mergeProps$1({
+						get open() {
+							return itemState().expanded;
+						},
+						get ids() {
+							return { content: itemContentProps.id };
+						}
+					}, renderStrategyProps, mergedProps));
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/accordion/accordion-item-content.tsx
+const splitVisibilityProps = createSplitProps();
+const AccordionItemContent = (props) => {
+	const accordion$1 = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const itemContentProps = createMemo(() => {
+		const [, ownProps] = splitVisibilityProps(accordion$1().getItemContentProps(itemProps), ["hidden", "data-state"]);
+		return ownProps;
+	});
+	const mergedProps = mergeProps$2(() => itemContentProps(), props);
+	return createComponent(CollapsibleContent, mergedProps);
+};
+
+//#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 = (props) => {
+	const accordion$1 = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const mergedProps = mergeProps$2(() => accordion$1().getItemIndicatorProps(itemProps), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/accordion/accordion-item-trigger.tsx
+const AccordionItemTrigger = (props) => {
+	const accordion$1 = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const collapsible = useCollapsibleContext();
+	const [ariaControls, buttonProps] = splitProps(mergeProps$2(() => accordion$1().getItemTriggerProps(itemProps), props), ["aria-controls"]);
+	return createComponent(sprawlify.button, mergeProps$1(buttonProps, () => !collapsible().unmounted && ariaControls));
+};
+
+//#endregion
+//#region src/components/accordion/use-accordion.ts
+const useAccordion = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(accordion.machine, machineProps);
+	return createMemo(() => accordion.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/accordion/accordion-root.tsx
+const AccordionRoot = (props) => {
+	const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
+	const [useAccordionProps, localProps] = createSplitProps()(accordionProps, [
+		"collapsible",
+		"defaultValue",
+		"disabled",
+		"id",
+		"ids",
+		"multiple",
+		"onFocusChange",
+		"onValueChange",
+		"orientation",
+		"value"
+	]);
+	const api = useAccordion(useAccordionProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(AccordionProvider, {
+		value: api,
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/accordion/accordion-root-provider.tsx
+const AccordionRootProvider = (props) => {
+	const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
+	const [{ value: accordion$1 }, localProps] = createSplitProps()(accordionProps, ["value"]);
+	const mergedProps = mergeProps$2(() => accordion$1().getRootProps(), localProps);
+	return createComponent(AccordionProvider, {
+		value: accordion$1,
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/accordion/accordion.ts
+var accordion_exports = /* @__PURE__ */ __export({
+	Context: () => AccordionContext,
+	Item: () => AccordionItem,
+	ItemContent: () => AccordionItemContent,
+	ItemContext: () => AccordionItemContext,
+	ItemIndicator: () => AccordionItemIndicator,
+	ItemTrigger: () => AccordionItemTrigger,
+	Root: () => AccordionRoot,
+	RootProvider: () => AccordionRootProvider
+});
+
+//#endregion
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };

package/dist/components/accordion/index.jsx

@@ -0,0 +1,159 @@
+import { t as __export } from "../../chunk-B5so6B0y.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-DbInRfhI.jsx";
+import { t as runIfFn } from "../../run-if-fn-A3VwXy-o.jsx";
+import { t as createContext$1 } from "../../create-context-C3rvZvkc.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DFaRRd80.jsx";
+import { t as createSplitProps } from "../../create-split-props-B8A7_AF7.jsx";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-CdJhRv3I.jsx";
+import { t as sprawlify } from "../../factory-Ch5jgk20.jsx";
+import { t as collapsible_exports, u as useCollapsibleContext } from "../../collapsible-sG-Rzvf2.jsx";
+import { createMemo, createUniqueId, splitProps } from "solid-js";
+import * as accordion from "@sprawlify/primitives/machines/accordion";
+import { anatomy as accordionAnatomy } from "@sprawlify/primitives/machines/accordion";
+
+//#region src/components/accordion/use-accordion-context.ts
+const [AccordionProvider, useAccordionContext] = createContext$1({
+	hookName: "useAccordionContext",
+	providerName: "<AccordionProvider />"
+});
+
+//#endregion
+//#region src/components/accordion/accordion-context.tsx
+const AccordionContext = (props) => props.children(useAccordionContext());
+
+//#endregion
+//#region src/components/accordion/use-accordion-item-context.ts
+const [AccordionItemProvider, useAccordionItemContext] = createContext$1({
+	hookName: "useAccordionItemContext",
+	providerName: "<AccordionItemProvider />"
+});
+
+//#endregion
+//#region src/components/accordion/use-accordion-item-props-context.ts
+const [AccordionItemPropsProvider, useAccordionItemPropsContext] = createContext$1({
+	hookName: "useAccordionItemPropsContext",
+	providerName: "<AccordionItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/accordion/accordion-item.tsx
+const AccordionItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["value", "disabled"]);
+	const accordion$1 = useAccordionContext();
+	const renderStrategyProps = useRenderStrategyContext();
+	const mergedProps = mergeProps$1(() => accordion$1().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => accordion$1().getItemState(itemProps));
+	const itemContentProps = accordion$1().getItemContentProps(itemProps);
+	return <AccordionItemPropsProvider value={itemProps}>
+      <AccordionItemProvider value={itemState}>
+        <collapsible_exports.Root open={itemState().expanded} ids={{ content: itemContentProps.id }} {...renderStrategyProps} {...mergedProps} />
+      </AccordionItemProvider>
+    </AccordionItemPropsProvider>;
+};
+
+//#endregion
+//#region src/components/accordion/accordion-item-content.tsx
+const splitVisibilityProps = createSplitProps();
+const AccordionItemContent = (props) => {
+	const accordion$1 = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const itemContentProps = createMemo(() => {
+		const [, ownProps] = splitVisibilityProps(accordion$1().getItemContentProps(itemProps), ["hidden", "data-state"]);
+		return ownProps;
+	});
+	const mergedProps = mergeProps$1(() => itemContentProps(), props);
+	return <collapsible_exports.Content {...mergedProps} />;
+};
+
+//#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 = (props) => {
+	const accordion$1 = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const mergedProps = mergeProps$1(() => accordion$1().getItemIndicatorProps(itemProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/accordion/accordion-item-trigger.tsx
+const AccordionItemTrigger = (props) => {
+	const accordion$1 = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const collapsible = useCollapsibleContext();
+	const [ariaControls, buttonProps] = splitProps(mergeProps$1(() => accordion$1().getItemTriggerProps(itemProps), props), ["aria-controls"]);
+	return <sprawlify.button {...buttonProps} {...!collapsible().unmounted && ariaControls} />;
+};
+
+//#endregion
+//#region src/components/accordion/use-accordion.ts
+const useAccordion = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(accordion.machine, machineProps);
+	return createMemo(() => accordion.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/accordion/accordion-root.tsx
+const AccordionRoot = (props) => {
+	const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
+	const [useAccordionProps, localProps] = createSplitProps()(accordionProps, [
+		"collapsible",
+		"defaultValue",
+		"disabled",
+		"id",
+		"ids",
+		"multiple",
+		"onFocusChange",
+		"onValueChange",
+		"orientation",
+		"value"
+	]);
+	const api = useAccordion(useAccordionProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <AccordionProvider value={api}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <sprawlify.div {...mergedProps} />
+      </RenderStrategyProvider>
+    </AccordionProvider>;
+};
+
+//#endregion
+//#region src/components/accordion/accordion-root-provider.tsx
+const AccordionRootProvider = (props) => {
+	const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
+	const [{ value: accordion$1 }, localProps] = createSplitProps()(accordionProps, ["value"]);
+	const mergedProps = mergeProps$1(() => accordion$1().getRootProps(), localProps);
+	return <AccordionProvider value={accordion$1}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <sprawlify.div {...mergedProps} />
+      </RenderStrategyProvider>
+    </AccordionProvider>;
+};
+
+//#endregion
+//#region src/components/accordion/accordion.ts
+var accordion_exports = /* @__PURE__ */ __export({
+	Context: () => AccordionContext,
+	Item: () => AccordionItem,
+	ItemContent: () => AccordionItemContent,
+	ItemContext: () => AccordionItemContext,
+	ItemIndicator: () => AccordionItemIndicator,
+	ItemTrigger: () => AccordionItemTrigger,
+	Root: () => AccordionRoot,
+	RootProvider: () => AccordionRootProvider
+});
+
+//#endregion
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };