@sprawlify/react 0.0.4 → 0.0.6

package/dist/components/angle-slider/index.mjs

@@ -0,0 +1,180 @@
+import { t as __export } from "../../chunk-CYMnug_4.mjs";
+import { c as useEnvironmentContext, d as normalizeProps, f as useMachine, l as mergeProps, n as sprawlify, o as useLocaleContext } from "../../factory-DN0EdT7u.mjs";
+import { t as createContext$1 } from "../../create-context-DGYD_HQt.mjs";
+import { t as createSplitProps } from "../../create-split-props-BFscidWy.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
+import { anatomy as angleSliderAnatomy } from "@sprawlify/primitives/machines/angle-slider";
+
+//#region src/components/angle-slider/use-angle-slider-context.ts
+const [AngleSliderProvider, useAngleSliderContext] = createContext$1({
+	name: "AngleSliderContext",
+	hookName: "useAngleSliderContext",
+	providerName: "<AngleSliderProvider />"
+});
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-context.tsx
+const AngleSliderContext = (props) => props.children(useAngleSliderContext());
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-control.tsx
+const AngleSliderControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useAngleSliderContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderControl.displayName = "AngleSliderControl";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-hidden-input.tsx
+const AngleSliderHiddenInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useAngleSliderContext().getHiddenInputProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.input, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderHiddenInput.displayName = "AngleSliderHiddenInput";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-label.tsx
+const AngleSliderLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useAngleSliderContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderLabel.displayName = "AngleSliderLabel";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker.tsx
+const splitMarkerProps = createSplitProps();
+const AngleSliderMarker = forwardRef((props, ref) => {
+	const [markerProps, localProps] = splitMarkerProps(props, ["value"]);
+	const mergedProps = mergeProps(useAngleSliderContext().getMarkerProps(markerProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderMarker.displayName = "AngleSliderMarker";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker-group.tsx
+const AngleSliderMarkerGroup = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useAngleSliderContext().getMarkerGroupProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderMarkerGroup.displayName = "AngleSliderMarkerGroup";
+
+//#endregion
+//#region src/components/angle-slider/use-angle-slider.ts
+const useAngleSlider = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(angleSlider.machine, machineProps);
+	return angleSlider.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-root.tsx
+const splitRootProps = createSplitProps();
+const AngleSliderRoot = forwardRef((props, ref) => {
+	const [useAngleSliderProps, localProps] = splitRootProps(props, [
+		"id",
+		"ids",
+		"name",
+		"invalid",
+		"readOnly",
+		"disabled",
+		"onValueChangeEnd",
+		"onValueChange",
+		"defaultValue",
+		"value",
+		"step",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const angleSlider$1 = useAngleSlider(useAngleSliderProps);
+	const mergedProps = mergeProps(angleSlider$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(AngleSliderProvider, {
+		value: angleSlider$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+AngleSliderRoot.displayName = "AngleSliderRoot";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const AngleSliderRootProvider = forwardRef((props, ref) => {
+	const [{ value: angleSlider$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(angleSlider$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(AngleSliderProvider, {
+		value: angleSlider$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+AngleSliderRootProvider.displayName = "AngleSliderRootProvider";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-thumb.tsx
+const AngleSliderThumb = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useAngleSliderContext().getThumbProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderThumb.displayName = "AngleSliderThumb";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-value-text.tsx
+const AngleSliderValueText = forwardRef((props, ref) => {
+	const angleSlider$1 = useAngleSliderContext();
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...props,
+		ref,
+		children: props.children || angleSlider$1.valueAsDegree
+	});
+});
+AngleSliderValueText.displayName = "AngleSliderValueText";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider.ts
+var angle_slider_exports = /* @__PURE__ */ __export({
+	Context: () => AngleSliderContext,
+	Control: () => AngleSliderControl,
+	HiddenInput: () => AngleSliderHiddenInput,
+	Label: () => AngleSliderLabel,
+	Marker: () => AngleSliderMarker,
+	MarkerGroup: () => AngleSliderMarkerGroup,
+	Root: () => AngleSliderRoot,
+	RootProvider: () => AngleSliderRootProvider,
+	Thumb: () => AngleSliderThumb,
+	ValueText: () => AngleSliderValueText
+});
+
+//#endregion
+export { angle_slider_exports as AngleSlider, AngleSliderContext, AngleSliderControl, AngleSliderHiddenInput, AngleSliderLabel, AngleSliderMarker, AngleSliderMarkerGroup, AngleSliderRoot, AngleSliderRootProvider, AngleSliderThumb, AngleSliderValueText, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };

package/dist/components/avatar/index.cjs

@@ -0,0 +1,125 @@
+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_avatar = require("@sprawlify/primitives/machines/avatar");
+__sprawlify_primitives_machines_avatar = require_factory.__toESM(__sprawlify_primitives_machines_avatar);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/avatar/use-avatar-context.ts
+const [AvatarProvider, useAvatarContext] = require_create_context.createContext({
+	name: "AvatarContext",
+	hookName: "useAvatarContext",
+	providerName: "<AvatarProvider />"
+});
+
+//#endregion
+//#region src/components/avatar/avatar-context.tsx
+const AvatarContext = (props) => props.children(useAvatarContext());
+
+//#endregion
+//#region src/components/avatar/avatar-fallback.tsx
+const AvatarFallback = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAvatarContext().getFallbackProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+AvatarFallback.displayName = "AvatarFallback";
+
+//#endregion
+//#region src/components/avatar/avatar-image.tsx
+const AvatarImage = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAvatarContext().getImageProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.img, {
+		...mergedProps,
+		ref
+	});
+});
+AvatarImage.displayName = "AvatarImage";
+
+//#endregion
+//#region src/components/avatar/use-avatar.ts
+const useAvatar = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_factory.useEnvironmentContext();
+	const { dir } = require_factory.useLocaleContext();
+	const context = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_factory.useMachine(__sprawlify_primitives_machines_avatar.machine, context);
+	return __sprawlify_primitives_machines_avatar.connect(service, require_factory.normalizeProps);
+};
+
+//#endregion
+//#region src/components/avatar/avatar-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const AvatarRoot = (0, react.forwardRef)((props, ref) => {
+	const [useAvatarProps, localProps] = splitRootProps(props, [
+		"id",
+		"ids",
+		"onStatusChange"
+	]);
+	const avatar = useAvatar(useAvatarProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(avatar.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarProvider, {
+		value: avatar,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+AvatarRoot.displayName = "AvatarRoot";
+
+//#endregion
+//#region src/components/avatar/avatar-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const AvatarRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: avatar }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(avatar.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarProvider, {
+		value: avatar,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+AvatarRootProvider.displayName = "AvatarRootProvider";
+
+//#endregion
+//#region src/components/avatar/avatar.ts
+var avatar_exports = /* @__PURE__ */ require_factory.__export({
+	Context: () => AvatarContext,
+	Fallback: () => AvatarFallback,
+	Image: () => AvatarImage,
+	Root: () => AvatarRoot,
+	RootProvider: () => AvatarRootProvider
+});
+
+//#endregion
+Object.defineProperty(exports, 'Avatar', {
+  enumerable: true,
+  get: function () {
+    return avatar_exports;
+  }
+});
+exports.AvatarContext = AvatarContext;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;
+exports.AvatarRoot = AvatarRoot;
+exports.AvatarRootProvider = AvatarRootProvider;
+Object.defineProperty(exports, 'avatarAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_avatar.anatomy;
+  }
+});
+exports.useAvatar = useAvatar;
+exports.useAvatarContext = useAvatarContext;

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

@@ -0,0 +1,47 @@
+import { c as PropTypes, r as PolymorphicProps, s as Optional, t as HTMLProps } from "../../factory-BZBSaT-0.cjs";
+import * as react0 from "react";
+import { ReactNode } from "react";
+import * as avatar from "@sprawlify/primitives/machines/avatar";
+import { StatusChangeDetails, StatusChangeDetails as AvatarStatusChangeDetails, anatomy as avatarAnatomy } from "@sprawlify/primitives/machines/avatar";
+
+//#region src/components/avatar/use-avatar.d.ts
+interface UseAvatarProps extends Optional<Omit<avatar.Props, "dir" | "getRootNode">, "id"> {}
+interface UseAvatarReturn extends avatar.Api<PropTypes> {}
+declare const useAvatar: (props?: UseAvatarProps) => UseAvatarReturn;
+//#endregion
+//#region src/components/avatar/use-avatar-context.d.ts
+interface UseAvatarContext extends UseAvatarReturn {}
+//#endregion
+//#region src/components/avatar/avatar-context.d.ts
+interface AvatarContextProps {
+  children: (context: UseAvatarContext) => ReactNode;
+}
+declare const AvatarContext: (props: AvatarContextProps) => ReactNode;
+//#endregion
+//#region src/components/avatar/avatar-fallback.d.ts
+interface AvatarFallbackBaseProps extends PolymorphicProps {}
+interface AvatarFallbackProps extends HTMLProps<"span">, AvatarFallbackBaseProps {}
+declare const AvatarFallback: react0.ForwardRefExoticComponent<AvatarFallbackProps & react0.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/avatar/avatar-image.d.ts
+interface AvatarImageBaseProps extends PolymorphicProps {}
+interface AvatarImageProps extends HTMLProps<"img">, AvatarImageBaseProps {}
+declare const AvatarImage: react0.ForwardRefExoticComponent<AvatarImageProps & react0.RefAttributes<HTMLImageElement>>;
+//#endregion
+//#region src/components/avatar/avatar-root.d.ts
+interface AvatarRootBaseProps extends UseAvatarProps, PolymorphicProps {}
+interface AvatarRootProps extends HTMLProps<"div">, AvatarRootBaseProps {}
+declare const AvatarRoot: react0.ForwardRefExoticComponent<AvatarRootProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/avatar/avatar-root-provider.d.ts
+interface RootProviderProps {
+  value: UseAvatarReturn;
+}
+interface AvatarRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface AvatarRootProviderProps extends HTMLProps<"div">, AvatarRootProviderBaseProps {}
+declare const AvatarRootProvider: react0.ForwardRefExoticComponent<AvatarRootProviderProps & react0.RefAttributes<HTMLDivElement>>;
+declare namespace avatar_d_exports {
+  export { AvatarContext as Context, AvatarContextProps as ContextProps, AvatarFallback as Fallback, AvatarFallbackBaseProps as FallbackBaseProps, AvatarFallbackProps as FallbackProps, AvatarImage as Image, AvatarImageBaseProps as ImageBaseProps, AvatarImageProps as ImageProps, AvatarRoot as Root, AvatarRootBaseProps as RootBaseProps, AvatarRootProps as RootProps, AvatarRootProvider as RootProvider, AvatarRootProviderBaseProps as RootProviderBaseProps, AvatarRootProviderProps as RootProviderProps, StatusChangeDetails };
+}
+//#endregion
+export { avatar_d_exports as Avatar, AvatarContext, type AvatarContextProps, AvatarFallback, type AvatarFallbackBaseProps, type AvatarFallbackProps, AvatarImage, type AvatarImageBaseProps, type AvatarImageProps, AvatarRoot, type AvatarRootBaseProps, type AvatarRootProps, AvatarRootProvider, type AvatarRootProviderBaseProps, type AvatarRootProviderProps, type AvatarStatusChangeDetails, type UseAvatarContext, type UseAvatarProps, type UseAvatarReturn, avatarAnatomy, useAvatar, useAvatarContext };

package/dist/components/avatar/index.d.mts

@@ -0,0 +1,47 @@
+import { r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "../../factory-DaVMAttY.mjs";
+import * as react0 from "react";
+import { ReactNode } from "react";
+import * as avatar from "@sprawlify/primitives/machines/avatar";
+import { StatusChangeDetails, StatusChangeDetails as AvatarStatusChangeDetails, anatomy as avatarAnatomy } from "@sprawlify/primitives/machines/avatar";
+
+//#region src/components/avatar/use-avatar.d.ts
+interface UseAvatarProps extends Optional<Omit<avatar.Props, "dir" | "getRootNode">, "id"> {}
+interface UseAvatarReturn extends avatar.Api<PropTypes> {}
+declare const useAvatar: (props?: UseAvatarProps) => UseAvatarReturn;
+//#endregion
+//#region src/components/avatar/use-avatar-context.d.ts
+interface UseAvatarContext extends UseAvatarReturn {}
+//#endregion
+//#region src/components/avatar/avatar-context.d.ts
+interface AvatarContextProps {
+  children: (context: UseAvatarContext) => ReactNode;
+}
+declare const AvatarContext: (props: AvatarContextProps) => ReactNode;
+//#endregion
+//#region src/components/avatar/avatar-fallback.d.ts
+interface AvatarFallbackBaseProps extends PolymorphicProps {}
+interface AvatarFallbackProps extends HTMLProps<"span">, AvatarFallbackBaseProps {}
+declare const AvatarFallback: react0.ForwardRefExoticComponent<AvatarFallbackProps & react0.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/avatar/avatar-image.d.ts
+interface AvatarImageBaseProps extends PolymorphicProps {}
+interface AvatarImageProps extends HTMLProps<"img">, AvatarImageBaseProps {}
+declare const AvatarImage: react0.ForwardRefExoticComponent<AvatarImageProps & react0.RefAttributes<HTMLImageElement>>;
+//#endregion
+//#region src/components/avatar/avatar-root.d.ts
+interface AvatarRootBaseProps extends UseAvatarProps, PolymorphicProps {}
+interface AvatarRootProps extends HTMLProps<"div">, AvatarRootBaseProps {}
+declare const AvatarRoot: react0.ForwardRefExoticComponent<AvatarRootProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/avatar/avatar-root-provider.d.ts
+interface RootProviderProps {
+  value: UseAvatarReturn;
+}
+interface AvatarRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface AvatarRootProviderProps extends HTMLProps<"div">, AvatarRootProviderBaseProps {}
+declare const AvatarRootProvider: react0.ForwardRefExoticComponent<AvatarRootProviderProps & react0.RefAttributes<HTMLDivElement>>;
+declare namespace avatar_d_exports {
+  export { AvatarContext as Context, AvatarContextProps as ContextProps, AvatarFallback as Fallback, AvatarFallbackBaseProps as FallbackBaseProps, AvatarFallbackProps as FallbackProps, AvatarImage as Image, AvatarImageBaseProps as ImageBaseProps, AvatarImageProps as ImageProps, AvatarRoot as Root, AvatarRootBaseProps as RootBaseProps, AvatarRootProps as RootProps, AvatarRootProvider as RootProvider, AvatarRootProviderBaseProps as RootProviderBaseProps, AvatarRootProviderProps as RootProviderProps, StatusChangeDetails };
+}
+//#endregion
+export { avatar_d_exports as Avatar, AvatarContext, type AvatarContextProps, AvatarFallback, type AvatarFallbackBaseProps, type AvatarFallbackProps, AvatarImage, type AvatarImageBaseProps, type AvatarImageProps, AvatarRoot, type AvatarRootBaseProps, type AvatarRootProps, AvatarRootProvider, type AvatarRootProviderBaseProps, type AvatarRootProviderProps, type AvatarStatusChangeDetails, type UseAvatarContext, type UseAvatarProps, type UseAvatarReturn, avatarAnatomy, useAvatar, useAvatarContext };

package/dist/components/avatar/index.mjs

@@ -0,0 +1,107 @@
+import { t as __export } from "../../chunk-CYMnug_4.mjs";
+import { c as useEnvironmentContext, d as normalizeProps, f as useMachine, l as mergeProps, n as sprawlify, o as useLocaleContext } from "../../factory-DN0EdT7u.mjs";
+import { t as createContext$1 } from "../../create-context-DGYD_HQt.mjs";
+import { t as createSplitProps } from "../../create-split-props-BFscidWy.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as avatar from "@sprawlify/primitives/machines/avatar";
+import { anatomy as avatarAnatomy } from "@sprawlify/primitives/machines/avatar";
+
+//#region src/components/avatar/use-avatar-context.ts
+const [AvatarProvider, useAvatarContext] = createContext$1({
+	name: "AvatarContext",
+	hookName: "useAvatarContext",
+	providerName: "<AvatarProvider />"
+});
+
+//#endregion
+//#region src/components/avatar/avatar-context.tsx
+const AvatarContext = (props) => props.children(useAvatarContext());
+
+//#endregion
+//#region src/components/avatar/avatar-fallback.tsx
+const AvatarFallback = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useAvatarContext().getFallbackProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+AvatarFallback.displayName = "AvatarFallback";
+
+//#endregion
+//#region src/components/avatar/avatar-image.tsx
+const AvatarImage = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useAvatarContext().getImageProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.img, {
+		...mergedProps,
+		ref
+	});
+});
+AvatarImage.displayName = "AvatarImage";
+
+//#endregion
+//#region src/components/avatar/use-avatar.ts
+const useAvatar = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const context = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(avatar.machine, context);
+	return avatar.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/avatar/avatar-root.tsx
+const splitRootProps = createSplitProps();
+const AvatarRoot = forwardRef((props, ref) => {
+	const [useAvatarProps, localProps] = splitRootProps(props, [
+		"id",
+		"ids",
+		"onStatusChange"
+	]);
+	const avatar$1 = useAvatar(useAvatarProps);
+	const mergedProps = mergeProps(avatar$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(AvatarProvider, {
+		value: avatar$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+AvatarRoot.displayName = "AvatarRoot";
+
+//#endregion
+//#region src/components/avatar/avatar-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const AvatarRootProvider = forwardRef((props, ref) => {
+	const [{ value: avatar$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(avatar$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(AvatarProvider, {
+		value: avatar$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+AvatarRootProvider.displayName = "AvatarRootProvider";
+
+//#endregion
+//#region src/components/avatar/avatar.ts
+var avatar_exports = /* @__PURE__ */ __export({
+	Context: () => AvatarContext,
+	Fallback: () => AvatarFallback,
+	Image: () => AvatarImage,
+	Root: () => AvatarRoot,
+	RootProvider: () => AvatarRootProvider
+});
+
+//#endregion
+export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, avatarAnatomy, useAvatar, useAvatarContext };

package/dist/components/collapsible/index.cjs

@@ -1,6 +1,6 @@
 const require_factory = require('../../factory-CfqPG186.cjs');
 require('../../create-context-DCEySQ7J.cjs');
-const require_collapsible = require('../../collapsible-ztcYulwp.cjs');
+const require_collapsible = require('../../collapsible-D_cXuaRy.cjs');
 let __sprawlify_primitives_machines_collapsible = require("@sprawlify/primitives/machines/collapsible");
 
 Object.defineProperty(exports, 'Collapsible', {

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

@@ -1,6 +1,6 @@
-import { n as __export, t as RenderStrategyProps } from "../../render-strategy-CErLP5e-.cjs";
-import { c as PropTypes, r as PolymorphicProps, s as Optional, t as HTMLProps } from "../../factory-B3Fr36su.cjs";
-import * as react0 from "react";
+import { c as PropTypes, r as PolymorphicProps, s as Optional, t as HTMLProps } from "../../factory-BZBSaT-0.cjs";
+import { t as RenderStrategyProps } from "../../render-strategy-RT-KvAqO.cjs";
+import * as react8 from "react";
 import { ReactNode } from "react";
 import * as collapsible from "@sprawlify/primitives/machines/collapsible";
 import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
@@ -8,7 +8,7 @@ import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, a
 //#region src/components/collapsible/collapsible-content.d.ts
 interface CollapsibleContentBaseProps extends PolymorphicProps {}
 interface CollapsibleContentProps extends HTMLProps<"div">, CollapsibleContentBaseProps {}
-declare const CollapsibleContent: react0.ForwardRefExoticComponent<CollapsibleContentProps & react0.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleContent: react8.ForwardRefExoticComponent<CollapsibleContentProps & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/use-collapsible.d.ts
 interface UseCollapsibleProps extends Optional<Omit<collapsible.Props, "dir" | "getRootNode">, "id">, RenderStrategyProps {}
@@ -29,12 +29,12 @@ declare const CollapsibleContext: (props: CollapsibleContextProps) => ReactNode;
 //#region src/components/collapsible/collapsible-indicator.d.ts
 interface CollapsibleIndicatorBaseProps extends PolymorphicProps {}
 interface CollapsibleIndicatorProps extends HTMLProps<"div">, CollapsibleIndicatorBaseProps {}
-declare const CollapsibleIndicator: react0.ForwardRefExoticComponent<CollapsibleIndicatorProps & react0.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleIndicator: react8.ForwardRefExoticComponent<CollapsibleIndicatorProps & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/collapsible-root.d.ts
 interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps {}
 interface CollapsibleRootProps extends HTMLProps<"div">, CollapsibleRootBaseProps {}
-declare const CollapsibleRoot: react0.ForwardRefExoticComponent<CollapsibleRootProps & react0.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleRoot: react8.ForwardRefExoticComponent<CollapsibleRootProps & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/collapsible-root-provider.d.ts
 interface RootProviderProps {
@@ -42,12 +42,12 @@ interface RootProviderProps {
 }
 interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
 interface CollapsibleRootProviderProps extends HTMLProps<"div">, CollapsibleRootProviderBaseProps {}
-declare const CollapsibleRootProvider: react0.ForwardRefExoticComponent<CollapsibleRootProviderProps & react0.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleRootProvider: react8.ForwardRefExoticComponent<CollapsibleRootProviderProps & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/collapsible-trigger.d.ts
 interface CollapsibleTriggerBaseProps extends PolymorphicProps {}
 interface CollapsibleTriggerProps extends HTMLProps<"button">, CollapsibleTriggerBaseProps {}
-declare const CollapsibleTrigger: react0.ForwardRefExoticComponent<CollapsibleTriggerProps & react0.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleTrigger: react8.ForwardRefExoticComponent<CollapsibleTriggerProps & react8.RefAttributes<HTMLButtonElement>>;
 declare namespace collapsible_d_exports {
   export { CollapsibleContent as Content, CollapsibleContentBaseProps as ContentBaseProps, CollapsibleContentProps as ContentProps, CollapsibleContext as Context, CollapsibleContextProps as ContextProps, CollapsibleIndicator as Indicator, CollapsibleIndicatorBaseProps as IndicatorBaseProps, CollapsibleIndicatorProps as IndicatorProps, OpenChangeDetails, CollapsibleRoot as Root, CollapsibleRootBaseProps as RootBaseProps, CollapsibleRootProps as RootProps, CollapsibleRootProvider as RootProvider, CollapsibleRootProviderBaseProps as RootProviderBaseProps, CollapsibleRootProviderProps as RootProviderProps, CollapsibleTrigger as Trigger, CollapsibleTriggerBaseProps as TriggerBaseProps, CollapsibleTriggerProps as TriggerProps };
 }

package/dist/components/collapsible/index.d.mts

@@ -1,6 +1,6 @@
-import { r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "../../factory-BV5hc6hz.mjs";
-import { t as RenderStrategyProps } from "../../render-strategy-BfNJW1Xz.mjs";
-import * as react3 from "react";
+import { r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "../../factory-DaVMAttY.mjs";
+import { t as RenderStrategyProps } from "../../render-strategy--1FNKx5x.mjs";
+import * as react49 from "react";
 import { ReactNode } from "react";
 import * as collapsible from "@sprawlify/primitives/machines/collapsible";
 import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
@@ -8,7 +8,7 @@ import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, a
 //#region src/components/collapsible/collapsible-content.d.ts
 interface CollapsibleContentBaseProps extends PolymorphicProps {}
 interface CollapsibleContentProps extends HTMLProps<"div">, CollapsibleContentBaseProps {}
-declare const CollapsibleContent: react3.ForwardRefExoticComponent<CollapsibleContentProps & react3.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleContent: react49.ForwardRefExoticComponent<CollapsibleContentProps & react49.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/use-collapsible.d.ts
 interface UseCollapsibleProps extends Optional<Omit<collapsible.Props, "dir" | "getRootNode">, "id">, RenderStrategyProps {}
@@ -29,12 +29,12 @@ declare const CollapsibleContext: (props: CollapsibleContextProps) => ReactNode;
 //#region src/components/collapsible/collapsible-indicator.d.ts
 interface CollapsibleIndicatorBaseProps extends PolymorphicProps {}
 interface CollapsibleIndicatorProps extends HTMLProps<"div">, CollapsibleIndicatorBaseProps {}
-declare const CollapsibleIndicator: react3.ForwardRefExoticComponent<CollapsibleIndicatorProps & react3.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleIndicator: react49.ForwardRefExoticComponent<CollapsibleIndicatorProps & react49.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/collapsible-root.d.ts
 interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps {}
 interface CollapsibleRootProps extends HTMLProps<"div">, CollapsibleRootBaseProps {}
-declare const CollapsibleRoot: react3.ForwardRefExoticComponent<CollapsibleRootProps & react3.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleRoot: react49.ForwardRefExoticComponent<CollapsibleRootProps & react49.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/collapsible-root-provider.d.ts
 interface RootProviderProps {
@@ -42,12 +42,12 @@ interface RootProviderProps {
 }
 interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
 interface CollapsibleRootProviderProps extends HTMLProps<"div">, CollapsibleRootProviderBaseProps {}
-declare const CollapsibleRootProvider: react3.ForwardRefExoticComponent<CollapsibleRootProviderProps & react3.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleRootProvider: react49.ForwardRefExoticComponent<CollapsibleRootProviderProps & react49.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/collapsible-trigger.d.ts
 interface CollapsibleTriggerBaseProps extends PolymorphicProps {}
 interface CollapsibleTriggerProps extends HTMLProps<"button">, CollapsibleTriggerBaseProps {}
-declare const CollapsibleTrigger: react3.ForwardRefExoticComponent<CollapsibleTriggerProps & react3.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleTrigger: react49.ForwardRefExoticComponent<CollapsibleTriggerProps & react49.RefAttributes<HTMLButtonElement>>;
 declare namespace collapsible_d_exports {
   export { CollapsibleContent as Content, CollapsibleContentBaseProps as ContentBaseProps, CollapsibleContentProps as ContentProps, CollapsibleContext as Context, CollapsibleContextProps as ContextProps, CollapsibleIndicator as Indicator, CollapsibleIndicatorBaseProps as IndicatorBaseProps, CollapsibleIndicatorProps as IndicatorProps, OpenChangeDetails, CollapsibleRoot as Root, CollapsibleRootBaseProps as RootBaseProps, CollapsibleRootProps as RootProps, CollapsibleRootProvider as RootProvider, CollapsibleRootProviderBaseProps as RootProviderBaseProps, CollapsibleRootProviderProps as RootProviderProps, CollapsibleTrigger as Trigger, CollapsibleTriggerBaseProps as TriggerBaseProps, CollapsibleTriggerProps as TriggerProps };
 }

package/dist/components/collapsible/index.mjs

@@ -1,5 +1,5 @@
-import "../../factory-BvslhNMh.mjs";
-import "../../create-context-C0L0yhLQ.mjs";
-import { a as CollapsibleRoot, c as CollapsibleIndicator, d as useCollapsibleContext, i as CollapsibleRootProvider, l as CollapsibleContext, n as collapsibleAnatomy, o as useCollapsible, r as CollapsibleTrigger, t as collapsible_exports, u as CollapsibleContent } from "../../collapsible-uHsTDy9p.mjs";
+import "../../factory-DN0EdT7u.mjs";
+import "../../create-context-DGYD_HQt.mjs";
+import { a as CollapsibleRoot, c as CollapsibleContext, i as CollapsibleRootProvider, l as CollapsibleContent, n as collapsibleAnatomy, o as useCollapsible, r as CollapsibleTrigger, s as CollapsibleIndicator, t as collapsible_exports, u as useCollapsibleContext } from "../../collapsible-DYgHs1_i.mjs";
 
 export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, collapsibleAnatomy, useCollapsible, useCollapsibleContext };

package/dist/create-split-props-BFscidWy.mjs

@@ -0,0 +1,11 @@
+//#region src/utils/create-split-props.ts
+const createSplitProps = () => (props, keys) => keys.reduce((previousValue, currentValue) => {
+	const [target, source] = previousValue;
+	const key = currentValue;
+	if (source[key] !== void 0) target[key] = source[key];
+	delete source[key];
+	return [target, source];
+}, [{}, { ...props }]);
+
+//#endregion
+export { createSplitProps as t };

package/dist/create-split-props-CSaOnJRj.cjs

@@ -0,0 +1,17 @@
+
+//#region src/utils/create-split-props.ts
+const createSplitProps = () => (props, keys) => keys.reduce((previousValue, currentValue) => {
+	const [target, source] = previousValue;
+	const key = currentValue;
+	if (source[key] !== void 0) target[key] = source[key];
+	delete source[key];
+	return [target, source];
+}, [{}, { ...props }]);
+
+//#endregion
+Object.defineProperty(exports, 'createSplitProps', {
+  enumerable: true,
+  get: function () {
+    return createSplitProps;
+  }
+});