@sprawlify/solid 0.0.77 → 0.0.79

package/dist/alert-dialog-anatomy-6UZ4w58n.js

@@ -0,0 +1,8 @@
+import { anatomy } from "@sprawlify/primitives/machines/dialog";
+
+//#region src/components/alert-dialog/alert-dialog-anatomy.ts
+const alertDialogAnatomy = anatomy.rename("alert-dialog");
+const parts = alertDialogAnatomy.build();
+
+//#endregion
+export { parts as n, alertDialogAnatomy as t };

package/dist/alert-dialog-anatomy-Jo9BJdI4.d.ts

@@ -0,0 +1,6 @@
+import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
+
+//#region src/components/alert-dialog/alert-dialog-anatomy.d.ts
+declare const alertDialogAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"title" | "description" | "closeTrigger" | "content" | "positioner" | "backdrop" | "trigger">;
+//#endregion
+export { alertDialogAnatomy as t };

package/dist/{carousel-anatomy-pFq9cDLr.d.ts → carousel-anatomy-Dfum8Ea8.d.ts}

@@ -1,6 +1,6 @@
 import * as _sprawlify_primitives_anatomy1 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/carousel/carousel-anatomy.d.ts
-declare const carouselAnatomy: _sprawlify_primitives_anatomy1.AnatomyInstance<"root" | "control" | "indicator" | "item" | "nextTrigger" | "prevTrigger" | "itemGroup" | "progressText" | "indicatorGroup" | "autoplayTrigger" | "autoplayIndicator">;
+declare const carouselAnatomy: _sprawlify_primitives_anatomy1.AnatomyInstance<"progressText" | "control" | "root" | "item" | "itemGroup" | "indicator" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "autoplayIndicator">;
 //#endregion
 export { carouselAnatomy as t };

package/dist/checkbox-anatomy-C5bFwMFN.d.ts

@@ -0,0 +1,6 @@
+import * as _sprawlify_primitives_anatomy2 from "@sprawlify/primitives/anatomy";
+
+//#region src/components/checkbox/checkbox-anatomy.d.ts
+declare const checkboxAnatomy: _sprawlify_primitives_anatomy2.AnatomyInstance<"label" | "control" | "root" | "indicator" | "group">;
+//#endregion
+export { checkboxAnatomy as t };

package/dist/{collapsible-C8NaEGBe.js → collapsible-CGBYQyvv.js}

@@ -4,8 +4,8 @@ import { t as runIfFn } from "./run-if-fn-CTrSA35K.js";
 import { t as createContext$1 } from "./create-context-DPb5Yv_u.js";
 import { i as useLocaleContext, o as useEnvironmentContext } from "./providers-CdwYAas1.js";
 import { t as sprawlify } from "./factory-Ce76k0aC.js";
-import { t as createSplitProps } from "./create-split-props-kzDNfhyR.js";
-import { n as splitRenderStrategyProps } from "./render-strategy-EQBgRKI1.js";
+import { t as createSplitProps } from "./create-split-props-DgGDQfdT.js";
+import { n as splitRenderStrategyProps } from "./render-strategy-CNUvDuT1.js";
 import { Show, createEffect, createMemo, createSignal, createUniqueId } from "solid-js";
 import { createComponent } from "solid-js/web";
 import * as collapsible from "@sprawlify/primitives/machines/collapsible";

package/dist/color-picker-anatomy-C-6oaqkJ.d.ts

@@ -0,0 +1,6 @@
+import * as _sprawlify_primitives_anatomy3 from "@sprawlify/primitives/anatomy";
+
+//#region src/components/color-picker/color-picker-anatomy.d.ts
+declare const colorPickerAnatomy: _sprawlify_primitives_anatomy3.AnatomyInstance<"area" | "label" | "view" | "content" | "positioner" | "control" | "root" | "trigger" | "valueText" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+//#endregion
+export { colorPickerAnatomy as t };

package/dist/combobox-anatomy-D_3XqC9b.d.ts

@@ -0,0 +1,6 @@
+import * as _sprawlify_primitives_anatomy4 from "@sprawlify/primitives/anatomy";
+
+//#region src/components/combobox/combobox-anatomy.d.ts
+declare const comboboxAnatomy: _sprawlify_primitives_anatomy4.AnatomyInstance<"input" | "label" | "content" | "positioner" | "control" | "root" | "item" | "trigger" | "itemGroup" | "clearTrigger" | "list" | "itemIndicator" | "itemText" | "itemGroupLabel" | "empty">;
+//#endregion
+export { comboboxAnatomy as t };

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

@@ -2,7 +2,7 @@ import { n as PropTypes } from "../../index-CLwp1P-Z.js";
 import { i as Optional, n as MaybeAccessor } from "../../types-B9AK1oJL.js";
 import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DMawBjkt.js";
 import { t as RenderStrategyProps } from "../../render-strategy-CU_9g0dp.js";
-import * as solid_js25 from "solid-js";
+import * as solid_js376 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";
@@ -24,12 +24,12 @@ declare const AccordionContext: (props: AccordionContextProps) => JSX.Element;
 //#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_js25.JSX.Element;
+declare const AccordionItem: (props: AccordionItemProps) => solid_js376.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_js25.JSX.Element;
+declare const AccordionItemContent: (props: AccordionItemContentProps) => solid_js376.JSX.Element;
 //#endregion
 //#region src/components/accordion/use-accordion-item-context.d.ts
 interface UseAccordionItemContext extends Accessor<ItemState> {}
@@ -43,17 +43,17 @@ declare const AccordionItemContext: (props: AccordionItemContextProps) => JSX.El
 //#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_js25.JSX.Element;
+declare const AccordionItemIndicator: (props: AccordionItemIndicatorProps) => solid_js376.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_js25.JSX.Element;
+declare const AccordionItemTrigger: (props: AccordionItemTriggerProps) => solid_js376.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_js25.JSX.Element;
+declare const AccordionRoot: (props: AccordionRootProps) => solid_js376.JSX.Element;
 //#endregion
 //#region src/components/accordion/accordion-root-provider.d.ts
 interface RootProviderProps {
@@ -61,7 +61,7 @@ interface RootProviderProps {
 }
 interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps<'div'> {}
 interface AccordionRootProviderProps extends HTMLProps<'div'>, AccordionRootProviderBaseProps {}
-declare const AccordionRootProvider: (props: AccordionRootProviderProps) => solid_js25.JSX.Element;
+declare const AccordionRootProvider: (props: AccordionRootProviderProps) => solid_js376.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 };
 }

package/dist/components/accordion/index.js

@@ -5,9 +5,9 @@ import { t as createContext$1 } from "../../create-context-DPb5Yv_u.js";
 import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-CdwYAas1.js";
 import { t as sprawlify } from "../../factory-Ce76k0aC.js";
 import { t as accordionAnatomy } from "../../accordion-anatomy-SnniqySz.js";
-import { t as createSplitProps } from "../../create-split-props-kzDNfhyR.js";
-import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-EQBgRKI1.js";
-import { a as CollapsibleRoot, c as CollapsibleContent, l as useCollapsibleContext } from "../../collapsible-C8NaEGBe.js";
+import { t as createSplitProps } from "../../create-split-props-DgGDQfdT.js";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-CNUvDuT1.js";
+import { a as CollapsibleRoot, c as CollapsibleContent, l as useCollapsibleContext } from "../../collapsible-CGBYQyvv.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";

package/dist/components/alert-dialog/index.d.ts

@@ -0,0 +1,84 @@
+import { n as PropTypes } from "../../index-CLwp1P-Z.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-B9AK1oJL.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DMawBjkt.js";
+import "../../render-strategy-CU_9g0dp.js";
+import { s as UsePresenceProps } from "../../index-BWV14Y6g.js";
+import * as solid_js339 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as alertDialog from "@sprawlify/primitives/machines/dialog";
+import { FocusOutsideEvent, FocusOutsideEvent as AlertDialogFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as AlertDialogInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as AlertDialogOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as AlertDialogPointerDownOutsideEvent } from "@sprawlify/primitives/machines/dialog";
+import * as _sprawlify_primitives_anatomy6 from "@sprawlify/primitives/anatomy";
+
+//#region src/components/alert-dialog/alert-dialog-backdrop.d.ts
+interface AlertDialogBackdropBaseProps extends PolymorphicProps<'div'> {}
+interface AlertDialogBackdropProps extends HTMLProps<'div'>, AlertDialogBackdropBaseProps {}
+declare const AlertDialogBackdrop: (props: AlertDialogBackdropProps) => solid_js339.JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-close-trigger.d.ts
+interface AlertDialogCloseTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface AlertDialogCloseTriggerProps extends HTMLProps<'button'>, AlertDialogCloseTriggerBaseProps {}
+declare const AlertDialogCloseTrigger: (props: AlertDialogCloseTriggerProps) => solid_js339.JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-content.d.ts
+interface AlertDialogContentBaseProps extends PolymorphicProps<'div'> {}
+interface AlertDialogContentProps extends HTMLProps<'div'>, AlertDialogContentBaseProps {}
+declare const AlertDialogContent: (props: AlertDialogContentProps) => solid_js339.JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/use-alert-dialog.d.ts
+interface UseAlertDialogProps extends Optional<Omit<alertDialog.Props, 'dir' | 'getRootNode' | 'role'>, 'id'> {}
+interface UseAlertDialogReturn extends Accessor<alertDialog.Api<PropTypes>> {}
+declare const useAlertDialog: (props?: MaybeAccessor<UseAlertDialogProps>) => UseAlertDialogReturn;
+//#endregion
+//#region src/components/alert-dialog/use-alert-dialog-context.d.ts
+interface UseAlertDialogContext extends UseAlertDialogReturn {}
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-context.d.ts
+interface AlertDialogContextProps {
+  children: (context: UseAlertDialogContext) => JSX.Element;
+}
+declare const AlertDialogContext: (props: AlertDialogContextProps) => JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-description.d.ts
+interface AlertDialogDescriptionBaseProps extends PolymorphicProps<'div'> {}
+interface AlertDialogDescriptionProps extends HTMLProps<'div'>, AlertDialogDescriptionBaseProps {}
+declare const AlertDialogDescription: (props: AlertDialogDescriptionProps) => solid_js339.JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-positioner.d.ts
+interface AlertDialogPositionerBaseProps extends PolymorphicProps<'div'> {}
+interface AlertDialogPositionerProps extends HTMLProps<'div'>, AlertDialogPositionerBaseProps {}
+declare const AlertDialogPositioner: (props: AlertDialogPositionerProps) => solid_js339.JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-root.d.ts
+interface AlertDialogRootBaseProps extends UseAlertDialogProps, UsePresenceProps {}
+interface AlertDialogRootProps extends AlertDialogRootBaseProps {
+  children?: JSX.Element;
+}
+declare const AlertDialogRoot: (props: AlertDialogRootProps) => JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-root-provider.d.ts
+interface RootProviderProps {
+  value: UseAlertDialogReturn;
+}
+interface AlertDialogRootProviderBaseProps extends RootProviderProps, UsePresenceProps {}
+interface AlertDialogRootProviderProps extends AlertDialogRootProviderBaseProps {
+  children?: JSX.Element;
+}
+declare const AlertDialogRootProvider: (props: AlertDialogRootProviderProps) => JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-title.d.ts
+interface AlertDialogTitleBaseProps extends PolymorphicProps<'h2'> {}
+interface AlertDialogTitleProps extends HTMLProps<'h2'>, AlertDialogTitleBaseProps {}
+declare const AlertDialogTitle: (props: AlertDialogTitleProps) => solid_js339.JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-trigger.d.ts
+interface AlertDialogTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface AlertDialogTriggerProps extends HTMLProps<'button'>, AlertDialogTriggerBaseProps {}
+declare const AlertDialogTrigger: (props: AlertDialogTriggerProps) => solid_js339.JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-anatomy.d.ts
+declare const alertDialogAnatomy: _sprawlify_primitives_anatomy6.Anatomy<"title" | "description" | "closeTrigger" | "content" | "positioner" | "backdrop" | "trigger">;
+declare namespace alert_dialog_d_exports {
+  export { AlertDialogBackdrop as Backdrop, AlertDialogBackdropBaseProps as BackdropBaseProps, AlertDialogBackdropProps as BackdropProps, AlertDialogCloseTrigger as CloseTrigger, AlertDialogCloseTriggerBaseProps as CloseTriggerBaseProps, AlertDialogCloseTriggerProps as CloseTriggerProps, AlertDialogContent as Content, AlertDialogContentBaseProps as ContentBaseProps, AlertDialogContentProps as ContentProps, AlertDialogContext as Context, AlertDialogContextProps as ContextProps, AlertDialogDescription as Description, AlertDialogDescriptionBaseProps as DescriptionBaseProps, AlertDialogDescriptionProps as DescriptionProps, FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, AlertDialogPositioner as Positioner, AlertDialogPositionerBaseProps as PositionerBaseProps, AlertDialogPositionerProps as PositionerProps, AlertDialogRoot as Root, AlertDialogRootBaseProps as RootBaseProps, AlertDialogRootProps as RootProps, AlertDialogRootProvider as RootProvider, AlertDialogRootProviderBaseProps as RootProviderBaseProps, AlertDialogRootProviderProps as RootProviderProps, AlertDialogTitle as Title, AlertDialogTitleBaseProps as TitleBaseProps, AlertDialogTitleProps as TitleProps, AlertDialogTrigger as Trigger, AlertDialogTriggerBaseProps as TriggerBaseProps, AlertDialogTriggerProps as TriggerProps };
+}
+//#endregion
+export { alert_dialog_d_exports as AlertDialog, AlertDialogBackdrop, type AlertDialogBackdropBaseProps, type AlertDialogBackdropProps, AlertDialogCloseTrigger, type AlertDialogCloseTriggerBaseProps, type AlertDialogCloseTriggerProps, AlertDialogContent, type AlertDialogContentBaseProps, type AlertDialogContentProps, AlertDialogContext, type AlertDialogContextProps, AlertDialogDescription, type AlertDialogDescriptionBaseProps, type AlertDialogDescriptionProps, type AlertDialogFocusOutsideEvent, type AlertDialogInteractOutsideEvent, type AlertDialogOpenChangeDetails, type AlertDialogPointerDownOutsideEvent, AlertDialogPositioner, type AlertDialogPositionerBaseProps, type AlertDialogPositionerProps, AlertDialogRoot, type AlertDialogRootBaseProps, type AlertDialogRootProps, AlertDialogRootProvider, type AlertDialogRootProviderBaseProps, type AlertDialogRootProviderProps, AlertDialogTitle, type AlertDialogTitleBaseProps, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerBaseProps, type AlertDialogTriggerProps, type UseAlertDialogContext, type UseAlertDialogProps, type UseAlertDialogReturn, alertDialogAnatomy, useAlertDialog, useAlertDialogContext };

package/dist/components/alert-dialog/index.js

@@ -0,0 +1,219 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-Crxbs6Ki.js";
+import { t as runIfFn } from "../../run-if-fn-CTrSA35K.js";
+import { t as createContext$1 } from "../../create-context-DPb5Yv_u.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-CdwYAas1.js";
+import { t as sprawlify } from "../../factory-Ce76k0aC.js";
+import { n as parts, t as alertDialogAnatomy } from "../../alert-dialog-anatomy-6UZ4w58n.js";
+import { t as createSplitProps } from "../../create-split-props-DgGDQfdT.js";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-CNUvDuT1.js";
+import { t as composeRefs } from "../../compose-refs-C-e3esqD.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-BBn_Rd1l.js";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as alertDialog from "@sprawlify/primitives/machines/dialog";
+
+//#region src/components/alert-dialog/use-alert-dialog-context.ts
+const [AlertDialogProvider, useAlertDialogContext] = createContext$1({
+	hookName: "useAlertDialogContext",
+	providerName: "<AlertDialogProvider />"
+});
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-backdrop.tsx
+const AlertDialogBackdrop = (props) => {
+	const api = useAlertDialogContext();
+	const presenceApi = usePresence(mergeProps$2(useRenderStrategyContext(), () => ({ present: api().open })));
+	const mergedProps = mergeProps$2(() => api().getBackdropProps(), parts.backdrop.attrs, () => presenceApi().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presenceApi().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-close-trigger.tsx
+const AlertDialogCloseTrigger = (props) => {
+	const alertDialog = useAlertDialogContext();
+	const mergedProps = mergeProps$2(() => alertDialog().getCloseTriggerProps(), parts.closeTrigger.attrs, props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-content.tsx
+const AlertDialogContent = (props) => {
+	const api = useAlertDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getContentProps(), parts.content.attrs, () => presenceApi().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presenceApi().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-context.tsx
+const AlertDialogContext = (props) => props.children(useAlertDialogContext());
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-description.tsx
+const AlertDialogDescription = (props) => {
+	const alertDialog = useAlertDialogContext();
+	const mergedProps = mergeProps$2(() => alertDialog().getDescriptionProps(), parts.description.attrs, props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-positioner.tsx
+const AlertDialogPositioner = (props) => {
+	const api = useAlertDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getPositionerProps(), parts.positioner.attrs, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/alert-dialog/use-alert-dialog.ts
+const useAlertDialog = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props),
+		role: "alertdialog"
+	}));
+	const service = useMachine(alertDialog.machine, machineProps);
+	return createMemo(() => alertDialog.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-root.tsx
+const AlertDialogRoot = (props) => {
+	const [presenceProps, alertDialogProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const [useAlertDialogProps, localProps] = createSplitProps()(alertDialogProps, [
+		"aria-label",
+		"closeOnEscape",
+		"closeOnInteractOutside",
+		"defaultOpen",
+		"finalFocusEl",
+		"id",
+		"ids",
+		"initialFocusEl",
+		"modal",
+		"onEscapeKeyDown",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onRequestDismiss",
+		"open",
+		"persistentElements",
+		"preventScroll",
+		"restoreFocus",
+		"trapFocus"
+	]);
+	const api = useAlertDialog(useAlertDialogProps);
+	const apiPresence = usePresence(mergeProps$2(presenceProps, () => ({ present: api().open })));
+	return createComponent(AlertDialogProvider, {
+		value: api,
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(PresenceProvider, {
+						value: apiPresence,
+						get children() {
+							return localProps.children;
+						}
+					});
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-root-provider.tsx
+const AlertDialogRootProvider = (props) => {
+	const [presenceProps, alertDialogProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const apiPresence = usePresence(mergeProps$2(presenceProps, () => ({ present: alertDialogProps.value().open })));
+	return createComponent(AlertDialogProvider, {
+		get value() {
+			return alertDialogProps.value;
+		},
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(PresenceProvider, {
+						value: apiPresence,
+						get children() {
+							return alertDialogProps.children;
+						}
+					});
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-title.tsx
+const AlertDialogTitle = (props) => {
+	const alertDialog = useAlertDialogContext();
+	const mergedProps = mergeProps$2(() => alertDialog().getTitleProps(), parts.title.attrs, props);
+	return createComponent(sprawlify.h2, mergedProps);
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-trigger.tsx
+const AlertDialogTrigger = (props) => {
+	const api = useAlertDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getTriggerProps(), parts.trigger.attrs, () => ({ "aria-controls": presenceApi().unmounted && null }), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.ts
+var alert_dialog_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => AlertDialogBackdrop,
+	CloseTrigger: () => AlertDialogCloseTrigger,
+	Content: () => AlertDialogContent,
+	Context: () => AlertDialogContext,
+	Description: () => AlertDialogDescription,
+	Positioner: () => AlertDialogPositioner,
+	Root: () => AlertDialogRoot,
+	RootProvider: () => AlertDialogRootProvider,
+	Title: () => AlertDialogTitle,
+	Trigger: () => AlertDialogTrigger
+});
+
+//#endregion
+export { alert_dialog_exports as AlertDialog, AlertDialogBackdrop, AlertDialogCloseTrigger, AlertDialogContent, AlertDialogContext, AlertDialogDescription, AlertDialogPositioner, AlertDialogRoot, AlertDialogRootProvider, AlertDialogTitle, AlertDialogTrigger, alertDialogAnatomy, useAlertDialog, useAlertDialogContext };

package/dist/components/alert-dialog/index.jsx

@@ -0,0 +1,178 @@
+import { t as __exportAll } from "../../chunk-CbkudaSF.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-B6ixUkqg.jsx";
+import { t as runIfFn } from "../../run-if-fn-CJUSlNHk.jsx";
+import { t as createContext$1 } from "../../create-context-DGJ79e4Y.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-CjCWKYvZ.jsx";
+import { t as sprawlify } from "../../factory-CzIfQZJj.jsx";
+import { t as createSplitProps } from "../../create-split-props-CgD5kGV-.jsx";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-CjzB786h.jsx";
+import { t as composeRefs } from "../../compose-refs-fqtYfDF0.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-D9IWNBoq.jsx";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import * as alertDialog from "@sprawlify/primitives/machines/dialog";
+import { anatomy } from "@sprawlify/primitives/machines/dialog";
+
+//#region src/components/alert-dialog/use-alert-dialog-context.ts
+const [AlertDialogProvider, useAlertDialogContext] = createContext$1({
+	hookName: "useAlertDialogContext",
+	providerName: "<AlertDialogProvider />"
+});
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-anatomy.ts
+const alertDialogAnatomy = anatomy.rename("alert-dialog");
+const parts = alertDialogAnatomy.build();
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-backdrop.tsx
+const AlertDialogBackdrop = (props) => {
+	const api = useAlertDialogContext();
+	const presenceApi = usePresence(mergeProps$1(useRenderStrategyContext(), () => ({ present: api().open })));
+	const mergedProps = mergeProps$1(() => api().getBackdropProps(), parts.backdrop.attrs, () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-close-trigger.tsx
+const AlertDialogCloseTrigger = (props) => {
+	const alertDialog = useAlertDialogContext();
+	const mergedProps = mergeProps$1(() => alertDialog().getCloseTriggerProps(), parts.closeTrigger.attrs, props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-content.tsx
+const AlertDialogContent = (props) => {
+	const api = useAlertDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getContentProps(), parts.content.attrs, () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-context.tsx
+const AlertDialogContext = (props) => props.children(useAlertDialogContext());
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-description.tsx
+const AlertDialogDescription = (props) => {
+	const alertDialog = useAlertDialogContext();
+	const mergedProps = mergeProps$1(() => alertDialog().getDescriptionProps(), parts.description.attrs, props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-positioner.tsx
+const AlertDialogPositioner = (props) => {
+	const api = useAlertDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getPositionerProps(), parts.positioner.attrs, props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/alert-dialog/use-alert-dialog.ts
+const useAlertDialog = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props),
+		role: "alertdialog"
+	}));
+	const service = useMachine(alertDialog.machine, machineProps);
+	return createMemo(() => alertDialog.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-root.tsx
+const AlertDialogRoot = (props) => {
+	const [presenceProps, alertDialogProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const [useAlertDialogProps, localProps] = createSplitProps()(alertDialogProps, [
+		"aria-label",
+		"closeOnEscape",
+		"closeOnInteractOutside",
+		"defaultOpen",
+		"finalFocusEl",
+		"id",
+		"ids",
+		"initialFocusEl",
+		"modal",
+		"onEscapeKeyDown",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onRequestDismiss",
+		"open",
+		"persistentElements",
+		"preventScroll",
+		"restoreFocus",
+		"trapFocus"
+	]);
+	const api = useAlertDialog(useAlertDialogProps);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: api().open })));
+	return <AlertDialogProvider value={api}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={apiPresence}>{localProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </AlertDialogProvider>;
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-root-provider.tsx
+const AlertDialogRootProvider = (props) => {
+	const [presenceProps, alertDialogProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: alertDialogProps.value().open })));
+	return <AlertDialogProvider value={alertDialogProps.value}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={apiPresence}>{alertDialogProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </AlertDialogProvider>;
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-title.tsx
+const AlertDialogTitle = (props) => {
+	const alertDialog = useAlertDialogContext();
+	const mergedProps = mergeProps$1(() => alertDialog().getTitleProps(), parts.title.attrs, props);
+	return <sprawlify.h2 {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-trigger.tsx
+const AlertDialogTrigger = (props) => {
+	const api = useAlertDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getTriggerProps(), parts.trigger.attrs, () => ({ "aria-controls": presenceApi().unmounted && null }), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.ts
+var alert_dialog_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => AlertDialogBackdrop,
+	CloseTrigger: () => AlertDialogCloseTrigger,
+	Content: () => AlertDialogContent,
+	Context: () => AlertDialogContext,
+	Description: () => AlertDialogDescription,
+	Positioner: () => AlertDialogPositioner,
+	Root: () => AlertDialogRoot,
+	RootProvider: () => AlertDialogRootProvider,
+	Title: () => AlertDialogTitle,
+	Trigger: () => AlertDialogTrigger
+});
+
+//#endregion
+export { alert_dialog_exports as AlertDialog, AlertDialogBackdrop, AlertDialogCloseTrigger, AlertDialogContent, AlertDialogContext, AlertDialogDescription, AlertDialogPositioner, AlertDialogRoot, AlertDialogRootProvider, AlertDialogTitle, AlertDialogTrigger, alertDialogAnatomy, useAlertDialog, useAlertDialogContext };