@sprawlify/solid 0.0.13 → 0.0.15

package/dist/components/angle-slider/index.d.ts

@@ -0,0 +1,74 @@
+import { n as PropTypes } from "../../index-C3ATynHc.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-bQRbEioA.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-B6RK6SH4.js";
+import * as solid_js80 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
+import { MarkerProps, anatomy as angleSliderAnatomy } from "@sprawlify/primitives/machines/angle-slider";
+
+//#region src/components/angle-slider/use-angle-slider.d.ts
+interface UseAngleSliderProps extends Optional<Omit<angleSlider.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseAngleSliderReturn extends Accessor<angleSlider.Api<PropTypes>> {}
+declare const useAngleSlider: (props?: MaybeAccessor<UseAngleSliderProps>) => UseAngleSliderReturn;
+//#endregion
+//#region src/components/angle-slider/use-angle-slider-context.d.ts
+interface UseAngleSliderContext extends UseAngleSliderReturn {}
+//#endregion
+//#region src/components/angle-slider/angle-slider-context.d.ts
+interface AngleSliderContextProps {
+  children: (context: UseAngleSliderContext) => JSX.Element;
+}
+declare const AngleSliderContext: (props: AngleSliderContextProps) => JSX.Element;
+//#endregion
+//#region src/components/angle-slider/angle-slider-control.d.ts
+interface AngleSliderControlBaseProps extends PolymorphicProps<'div'> {}
+interface AngleSliderControlProps extends HTMLProps<'div'>, AngleSliderControlBaseProps {}
+declare const AngleSliderControl: (props: AngleSliderControlProps) => solid_js80.JSX.Element;
+//#endregion
+//#region src/components/angle-slider/angle-slider-hidden-input.d.ts
+interface AngleSliderHiddenInputBaseProps extends PolymorphicProps<'input'> {}
+interface AngleSliderHiddenInputProps extends HTMLProps<'input'>, AngleSliderHiddenInputBaseProps {}
+declare const AngleSliderHiddenInput: (props: AngleSliderHiddenInputProps) => solid_js80.JSX.Element;
+//#endregion
+//#region src/components/angle-slider/angle-slider-label.d.ts
+interface AngleSliderLabelBaseProps extends PolymorphicProps<'label'> {}
+interface AngleSliderLabelProps extends HTMLProps<'label'>, AngleSliderLabelBaseProps {}
+declare const AngleSliderLabel: (props: AngleSliderLabelProps) => solid_js80.JSX.Element;
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker.d.ts
+interface AngleSliderMarkerBaseProps extends PolymorphicProps<'div'>, MarkerProps {}
+interface AngleSliderMarkerProps extends HTMLProps<'div'>, AngleSliderMarkerBaseProps {}
+declare const AngleSliderMarker: (props: AngleSliderMarkerProps) => solid_js80.JSX.Element;
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker-group.d.ts
+interface AngleSliderMarkerGroupBaseProps extends PolymorphicProps<'div'> {}
+interface AngleSliderMarkerGroupProps extends HTMLProps<'div'>, AngleSliderMarkerGroupBaseProps {}
+declare const AngleSliderMarkerGroup: (props: AngleSliderMarkerGroupProps) => solid_js80.JSX.Element;
+//#endregion
+//#region src/components/angle-slider/angle-slider-root.d.ts
+interface AngleSliderRootBaseProps extends UseAngleSliderProps, PolymorphicProps<'div'> {}
+interface AngleSliderRootProps extends HTMLProps<'div'>, AngleSliderRootBaseProps {}
+declare const AngleSliderRoot: (props: AngleSliderRootProps) => solid_js80.JSX.Element;
+//#endregion
+//#region src/components/angle-slider/angle-slider-root-provider.d.ts
+interface RootProviderProps {
+  value: UseAngleSliderReturn;
+}
+interface AngleSliderRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'> {}
+interface AngleSliderRootProviderProps extends HTMLProps<'div'>, AngleSliderRootProviderBaseProps {}
+declare const AngleSliderRootProvider: (props: AngleSliderRootProviderProps) => solid_js80.JSX.Element;
+//#endregion
+//#region src/components/angle-slider/angle-slider-thumb.d.ts
+interface AngleSliderThumbBaseProps extends PolymorphicProps<'div'> {}
+interface AngleSliderThumbProps extends HTMLProps<'div'>, AngleSliderThumbBaseProps {}
+declare const AngleSliderThumb: (props: AngleSliderThumbProps) => solid_js80.JSX.Element;
+//#endregion
+//#region src/components/angle-slider/angle-slider-value-text.d.ts
+interface AngleSliderValueTextBaseProps extends PolymorphicProps<'div'> {}
+interface AngleSliderValueTextProps extends HTMLProps<'div'>, AngleSliderValueTextBaseProps {}
+declare const AngleSliderValueText: (props: AngleSliderValueTextProps) => solid_js80.JSX.Element;
+declare namespace angle_slider_d_exports {
+  export { AngleSliderContext as Context, AngleSliderContextProps as ContextProps, AngleSliderControl as Control, AngleSliderControlBaseProps as ControlBaseProps, AngleSliderControlProps as ControlProps, AngleSliderHiddenInput as HiddenInput, AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, AngleSliderHiddenInputProps as HiddenInputProps, AngleSliderLabel as Label, AngleSliderLabelBaseProps as LabelBaseProps, AngleSliderLabelProps as LabelProps, AngleSliderMarker as Marker, AngleSliderMarkerBaseProps as MarkerBaseProps, AngleSliderMarkerGroup as MarkerGroup, AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, AngleSliderMarkerGroupProps as MarkerGroupProps, AngleSliderMarkerProps as MarkerProps, AngleSliderRoot as Root, AngleSliderRootBaseProps as RootBaseProps, AngleSliderRootProps as RootProps, AngleSliderRootProvider as RootProvider, AngleSliderRootProviderBaseProps as RootProviderBaseProps, AngleSliderRootProviderProps as RootProviderProps, AngleSliderThumb as Thumb, AngleSliderThumbBaseProps as ThumbBaseProps, AngleSliderThumbProps as ThumbProps, AngleSliderValueText as ValueText, AngleSliderValueTextBaseProps as ValueTextBaseProps, AngleSliderValueTextProps as ValueTextProps };
+}
+//#endregion
+export { angle_slider_d_exports as AngleSlider, AngleSliderContext, type AngleSliderContextProps, AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps, AngleSliderMarker, type AngleSliderMarkerBaseProps, AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, type AngleSliderMarkerProps, AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps, AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps, AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, type UseAngleSliderContext, type UseAngleSliderProps, type UseAngleSliderReturn, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };

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

@@ -0,0 +1,155 @@
+import { t as __export } from "../../chunk-CKcAJnC7.js";
+import { a as useMachine, i as mergeProps$2, r as normalizeProps, t as runIfFn } from "../../run-if-fn-eYlaegHy.js";
+import { t as createContext$1 } from "../../create-context-PS2j4mEo.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-CQkAUunr.js";
+import { n as createSplitProps, t as sprawlify } from "../../factory-CEdj72aS.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+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({
+	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 = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$2(() => api().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-hidden-input.tsx
+const AngleSliderHiddenInput = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$2(() => api().getHiddenInputProps(), props);
+	return createComponent(sprawlify.input, mergedProps);
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-label.tsx
+const AngleSliderLabel = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker.tsx
+const AngleSliderMarker = (props) => {
+	const [markerProps, localProps] = createSplitProps()(props, ["value"]);
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$2(() => api().getMarkerProps(markerProps), localProps);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker-group.tsx
+const AngleSliderMarkerGroup = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$2(() => api().getMarkerGroupProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/angle-slider/use-angle-slider.ts
+const useAngleSlider = (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(angleSlider.machine, machineProps);
+	return createMemo(() => angleSlider.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-root.tsx
+const AngleSliderRoot = (props) => {
+	const [useAngleSliderProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"name",
+		"invalid",
+		"readOnly",
+		"disabled",
+		"onValueChangeEnd",
+		"onValueChange",
+		"defaultValue",
+		"value",
+		"step",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const angleSlider$1 = useAngleSlider(useAngleSliderProps);
+	const mergedProps = mergeProps$2(() => angleSlider$1().getRootProps(), localProps);
+	return createComponent(AngleSliderProvider, {
+		value: angleSlider$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-root-provider.tsx
+const AngleSliderRootProvider = (props) => {
+	const [rootProps, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => rootProps.value().getRootProps(), localProps);
+	return createComponent(AngleSliderProvider, {
+		get value() {
+			return rootProps.value;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-thumb.tsx
+const AngleSliderThumb = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$2(() => api().getThumbProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-value-text.tsx
+const AngleSliderValueText = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$2(() => api().getValueTextProps(), props);
+	return createComponent(sprawlify.div, mergeProps$1(mergedProps, { get children() {
+		return props.children || api().valueAsDegree;
+	} }));
+};
+
+//#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/angle-slider/index.jsx

@@ -0,0 +1,144 @@
+import { t as __export } from "../../chunk-C4aQI7lE.jsx";
+import { a as useMachine, i as mergeProps$1, r as normalizeProps, t as runIfFn } from "../../run-if-fn-DRWB51JE.jsx";
+import { t as createContext$1 } from "../../create-context-h3cXiEld.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-CHqGPEsc.jsx";
+import { n as sprawlify, t as createSplitProps } from "../../create-split-props-CQVsvhvg.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+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({
+	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 = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-hidden-input.tsx
+const AngleSliderHiddenInput = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getHiddenInputProps(), props);
+	return <sprawlify.input {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-label.tsx
+const AngleSliderLabel = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker.tsx
+const AngleSliderMarker = (props) => {
+	const [markerProps, localProps] = createSplitProps()(props, ["value"]);
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getMarkerProps(markerProps), localProps);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker-group.tsx
+const AngleSliderMarkerGroup = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getMarkerGroupProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/angle-slider/use-angle-slider.ts
+const useAngleSlider = (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(angleSlider.machine, machineProps);
+	return createMemo(() => angleSlider.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-root.tsx
+const AngleSliderRoot = (props) => {
+	const [useAngleSliderProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"name",
+		"invalid",
+		"readOnly",
+		"disabled",
+		"onValueChangeEnd",
+		"onValueChange",
+		"defaultValue",
+		"value",
+		"step",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const angleSlider$1 = useAngleSlider(useAngleSliderProps);
+	const mergedProps = mergeProps$1(() => angleSlider$1().getRootProps(), localProps);
+	return <AngleSliderProvider value={angleSlider$1}>
+      <sprawlify.div {...mergedProps} />
+    </AngleSliderProvider>;
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-root-provider.tsx
+const AngleSliderRootProvider = (props) => {
+	const [rootProps, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => rootProps.value().getRootProps(), localProps);
+	return <AngleSliderProvider value={rootProps.value}>
+      <sprawlify.div {...mergedProps} />
+    </AngleSliderProvider>;
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-thumb.tsx
+const AngleSliderThumb = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getThumbProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-value-text.tsx
+const AngleSliderValueText = (props) => {
+	const api = useAngleSliderContext();
+	const mergedProps = mergeProps$1(() => api().getValueTextProps(), props);
+	return <sprawlify.div {...mergedProps}>{props.children || api().valueAsDegree}</sprawlify.div>;
+};
+
+//#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.d.ts

@@ -0,0 +1,49 @@
+import { n as PropTypes } from "../../index-C3ATynHc.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-bQRbEioA.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-B6RK6SH4.js";
+import * as solid_js58 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+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 Accessor<avatar.Api<PropTypes>> {}
+declare const useAvatar: (props?: MaybeAccessor<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) => JSX.Element;
+}
+declare const AvatarContext: (props: AvatarContextProps) => JSX.Element;
+//#endregion
+//#region src/components/avatar/avatar-fallback.d.ts
+interface AvatarFallbackBaseProps extends PolymorphicProps<'span'> {}
+interface AvatarFallbackProps extends HTMLProps<'span'>, AvatarFallbackBaseProps {}
+declare const AvatarFallback: (props: AvatarFallbackProps) => solid_js58.JSX.Element;
+//#endregion
+//#region src/components/avatar/avatar-image.d.ts
+interface AvatarImageBaseProps extends PolymorphicProps<'img'> {}
+interface AvatarImageProps extends HTMLProps<'img'>, AvatarImageBaseProps {}
+declare const AvatarImage: (props: AvatarImageProps) => solid_js58.JSX.Element;
+//#endregion
+//#region src/components/avatar/avatar-root.d.ts
+interface AvatarRootBaseProps extends UseAvatarProps, PolymorphicProps<'div'> {}
+interface AvatarRootProps extends HTMLProps<'div'>, AvatarRootBaseProps {}
+declare const AvatarRoot: (props: AvatarRootProps) => solid_js58.JSX.Element;
+//#endregion
+//#region src/components/avatar/avatar-root-provider.d.ts
+interface RootProviderProps {
+  value: UseAvatarReturn;
+}
+interface AvatarRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface AvatarRootProviderProps extends HTMLProps<'div'>, RootProviderProps, AvatarRootProviderBaseProps {}
+declare const AvatarRootProvider: (props: AvatarRootProviderProps) => solid_js58.JSX.Element;
+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.js

@@ -0,0 +1,95 @@
+import { t as __export } from "../../chunk-CKcAJnC7.js";
+import { a as useMachine, i as mergeProps$2, r as normalizeProps, t as runIfFn } from "../../run-if-fn-eYlaegHy.js";
+import { t as createContext$1 } from "../../create-context-PS2j4mEo.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-CQkAUunr.js";
+import { n as createSplitProps, t as sprawlify } from "../../factory-CEdj72aS.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+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({
+	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 = (props) => {
+	const context = useAvatarContext();
+	const mergedProps = mergeProps$2(() => context().getFallbackProps(), props);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#endregion
+//#region src/components/avatar/avatar-image.tsx
+const AvatarImage = (props) => {
+	const context = useAvatarContext();
+	const mergedProps = mergeProps$2(() => context().getImageProps(), props);
+	return createComponent(sprawlify.img, mergedProps);
+};
+
+//#endregion
+//#region src/components/avatar/use-avatar.ts
+const useAvatar = (props) => {
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const id = createUniqueId();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(avatar.machine, machineProps);
+	return createMemo(() => avatar.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/avatar/avatar-root.tsx
+const AvatarRoot = (props) => {
+	const [useAvatarProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"onStatusChange"
+	]);
+	const context = useAvatar(useAvatarProps);
+	const mergedProps = mergeProps$2(() => context().getRootProps(), localProps);
+	return createComponent(AvatarProvider, {
+		value: context,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/avatar/avatar-root-provider.tsx
+const AvatarRootProvider = (props) => {
+	const [{ value: avatar$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => avatar$1().getRootProps(), localProps);
+	return createComponent(AvatarProvider, {
+		value: avatar$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#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/avatar/index.jsx

@@ -0,0 +1,88 @@
+import { t as __export } from "../../chunk-C4aQI7lE.jsx";
+import { a as useMachine, i as mergeProps$1, r as normalizeProps, t as runIfFn } from "../../run-if-fn-DRWB51JE.jsx";
+import { t as createContext$1 } from "../../create-context-h3cXiEld.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-CHqGPEsc.jsx";
+import { n as sprawlify, t as createSplitProps } from "../../create-split-props-CQVsvhvg.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+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({
+	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 = (props) => {
+	const context = useAvatarContext();
+	const mergedProps = mergeProps$1(() => context().getFallbackProps(), props);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/avatar/avatar-image.tsx
+const AvatarImage = (props) => {
+	const context = useAvatarContext();
+	const mergedProps = mergeProps$1(() => context().getImageProps(), props);
+	return <sprawlify.img {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/avatar/use-avatar.ts
+const useAvatar = (props) => {
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const id = createUniqueId();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(avatar.machine, machineProps);
+	return createMemo(() => avatar.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/avatar/avatar-root.tsx
+const AvatarRoot = (props) => {
+	const [useAvatarProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"onStatusChange"
+	]);
+	const context = useAvatar(useAvatarProps);
+	const mergedProps = mergeProps$1(() => context().getRootProps(), localProps);
+	return <AvatarProvider value={context}>
+      <sprawlify.div {...mergedProps} />
+    </AvatarProvider>;
+};
+
+//#endregion
+//#region src/components/avatar/avatar-root-provider.tsx
+const AvatarRootProvider = (props) => {
+	const [{ value: avatar$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => avatar$1().getRootProps(), localProps);
+	return <AvatarProvider value={avatar$1}>
+      <sprawlify.div {...mergedProps} />
+    </AvatarProvider>;
+};
+
+//#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 };