@sprawlify/solid 0.0.16 → 0.0.18

package/dist/components/highlight/index.jsx

@@ -1,5 +1,5 @@
-import { t as runIfFn } from "../../run-if-fn-A3VwXy-o.jsx";
-import { t as createSplitProps } from "../../create-split-props-B8A7_AF7.jsx";
+import { t as runIfFn } from "../../run-if-fn-CrJzzDIM.jsx";
+import { t as createSplitProps } from "../../create-split-props-CKwjjjkD.jsx";
 import { For, Show, createMemo } from "solid-js";
 import { highlightWord } from "@sprawlify/primitives/highlight-word";
 
@@ -11,7 +11,7 @@ const useHighlight = (props) => {
 //#endregion
 //#region src/components/highlight/highlight.tsx
 const Highlight = (props) => {
-	if (typeof props.text !== "string") throw new Error("[ark-ui/highlight] text must be a string");
+	if (typeof props.text !== "string") throw new Error("[sprawlify/highlight] text must be a string");
 	const [highlightProps, localProps] = createSplitProps()(props, [
 		"query",
 		"text",

package/dist/components/hover-card/index.d.ts

@@ -0,0 +1,70 @@
+import { n as PropTypes } from "../../index-BLALA3BS.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-mGUbKy2h.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-srnAQg4A.js";
+import "../../render-strategy-BmTDUy3U.js";
+import { s as UsePresenceProps } from "../../index-DylIyeqd.js";
+import * as solid_js318 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as hoverCard from "@sprawlify/primitives/machines/hover-card";
+import { FocusOutsideEvent, FocusOutsideEvent as HoverCardFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as HoverCardInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as HoverCardOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as HoverCardPointerDownOutsideEvent, anatomy as hoverCardAnatomy } from "@sprawlify/primitives/machines/hover-card";
+
+//#region src/components/hover-card/hover-card-arrow.d.ts
+interface HoverCardArrowBaseProps extends PolymorphicProps<'div'> {}
+interface HoverCardArrowProps extends HTMLProps<'div'>, HoverCardArrowBaseProps {}
+declare const HoverCardArrow: (props: HoverCardArrowProps) => solid_js318.JSX.Element;
+//#endregion
+//#region src/components/hover-card/hover-card-arrow-tip.d.ts
+interface HoverCardArrowTipBaseProps extends PolymorphicProps<'div'> {}
+interface HoverCardArrowTipProps extends HTMLProps<'div'>, HoverCardArrowTipBaseProps {}
+declare const HoverCardArrowTip: (props: HoverCardArrowTipProps) => solid_js318.JSX.Element;
+//#endregion
+//#region src/components/hover-card/hover-card-content.d.ts
+interface HoverCardContentBaseProps extends PolymorphicProps<'div'> {}
+interface HoverCardContentProps extends HTMLProps<'div'>, HoverCardContentBaseProps {}
+declare const HoverCardContent: (props: HoverCardContentProps) => solid_js318.JSX.Element;
+//#endregion
+//#region src/components/hover-card/use-hover-card.d.ts
+interface UseHoverCardProps extends Optional<Omit<hoverCard.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseHoverCardReturn extends Accessor<hoverCard.Api<PropTypes>> {}
+declare const useHoverCard: (props?: MaybeAccessor<UseHoverCardProps>) => UseHoverCardReturn;
+//#endregion
+//#region src/components/hover-card/use-hover-card-context.d.ts
+interface UseHoverCardContext extends UseHoverCardReturn {}
+//#endregion
+//#region src/components/hover-card/hover-card-context.d.ts
+interface HoverCardContextProps {
+  children: (context: UseHoverCardContext) => JSX.Element;
+}
+declare const HoverCardContext: (props: HoverCardContextProps) => JSX.Element;
+//#endregion
+//#region src/components/hover-card/hover-card-positioner.d.ts
+interface HoverCardPositionerBaseProps extends PolymorphicProps<'div'> {}
+interface HoverCardPositionerProps extends HTMLProps<'div'>, HoverCardPositionerBaseProps {}
+declare const HoverCardPositioner: (props: HoverCardPositionerProps) => solid_js318.JSX.Element;
+//#endregion
+//#region src/components/hover-card/hover-card-root.d.ts
+interface HoverCardRootBaseProps extends UseHoverCardProps, UsePresenceProps {}
+interface HoverCardRootProps extends HoverCardRootBaseProps {
+  children?: JSX.Element;
+}
+declare const HoverCardRoot: (props: HoverCardRootProps) => JSX.Element;
+//#endregion
+//#region src/components/hover-card/hover-card-root-provider.d.ts
+interface RootProviderProps {
+  value: UseHoverCardReturn;
+}
+interface HoverCardRootProviderBaseProps extends RootProviderProps, UsePresenceProps {}
+interface HoverCardRootProviderProps extends HoverCardRootProviderBaseProps {
+  children?: JSX.Element;
+}
+declare const HoverCardRootProvider: (props: HoverCardRootProviderProps) => JSX.Element;
+//#endregion
+//#region src/components/hover-card/hover-card-trigger.d.ts
+interface HoverCardTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface HoverCardTriggerProps extends HTMLProps<'button'>, HoverCardTriggerBaseProps {}
+declare const HoverCardTrigger: (props: HoverCardTriggerProps) => solid_js318.JSX.Element;
+declare namespace hover_card_d_exports {
+  export { HoverCardArrow as Arrow, HoverCardArrowBaseProps as ArrowBaseProps, HoverCardArrowProps as ArrowProps, HoverCardArrowTip as ArrowTip, HoverCardArrowTipBaseProps as ArrowTipBaseProps, HoverCardArrowTipProps as ArrowTipProps, HoverCardContent as Content, HoverCardContentBaseProps as ContentBaseProps, HoverCardContentProps as ContentProps, HoverCardContext as Context, HoverCardContextProps as ContextProps, FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, HoverCardPositioner as Positioner, HoverCardPositionerBaseProps as PositionerBaseProps, HoverCardPositionerProps as PositionerProps, HoverCardRoot as Root, HoverCardRootBaseProps as RootBaseProps, HoverCardRootProps as RootProps, HoverCardRootProvider as RootProvider, HoverCardRootProviderBaseProps as RootProviderBaseProps, HoverCardRootProviderProps as RootProviderProps, HoverCardTrigger as Trigger, HoverCardTriggerBaseProps as TriggerBaseProps, HoverCardTriggerProps as TriggerProps };
+}
+//#endregion
+export { hover_card_d_exports as HoverCard, HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps, HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps, HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps, HoverCardContext, type HoverCardContextProps, type HoverCardFocusOutsideEvent, type HoverCardInteractOutsideEvent, type HoverCardOpenChangeDetails, type HoverCardPointerDownOutsideEvent, HoverCardPositioner, type HoverCardPositionerBaseProps, type HoverCardPositionerProps, HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps, HoverCardRootProvider, type HoverCardRootProviderBaseProps, type HoverCardRootProviderProps, HoverCardTrigger, type HoverCardTriggerBaseProps, type HoverCardTriggerProps, type UseHoverCardContext, type UseHoverCardProps, type UseHoverCardReturn, hoverCardAnatomy, useHoverCard, useHoverCardContext };

package/dist/components/hover-card/index.js

@@ -0,0 +1,168 @@
+import { t as __export } from "../../chunk-Bn8mXcTA.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-CRjuRw95.js";
+import { t as runIfFn } from "../../run-if-fn-C80kt4dU.js";
+import { t as createContext$1 } from "../../create-context-DlXBVMoq.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DgUckEdb.js";
+import { t as sprawlify } from "../../factory-k8EbNZ7r.js";
+import { t as createSplitProps } from "../../create-split-props-BHmgTHSf.js";
+import "../../render-strategy-BlHCR8sl.js";
+import { t as composeRefs } from "../../compose-refs-tCBI7PRJ.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Clrs1hmS.js";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as hoverCard from "@sprawlify/primitives/machines/hover-card";
+import { anatomy as hoverCardAnatomy } from "@sprawlify/primitives/machines/hover-card";
+
+//#region src/components/hover-card/use-hover-card-context.ts
+const [HoverCardProvider, useHoverCardContext] = createContext$1({
+	hookName: "useHoverCardContext",
+	providerName: "<HoverCardProvider />"
+});
+
+//#endregion
+//#region src/components/hover-card/hover-card-arrow.tsx
+const HoverCardArrow = (props) => {
+	const hoverCard$1 = useHoverCardContext();
+	const mergedProps = mergeProps$2(() => hoverCard$1().getArrowProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-arrow-tip.tsx
+const HoverCardArrowTip = (props) => {
+	const hoverCard$1 = useHoverCardContext();
+	const mergedProps = mergeProps$2(() => hoverCard$1().getArrowTipProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-content.tsx
+const HoverCardContent = (props) => {
+	const api = useHoverCardContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getContentProps(), () => 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/hover-card/hover-card-context.tsx
+const HoverCardContext = (props) => props.children(useHoverCardContext());
+
+//#endregion
+//#region src/components/hover-card/hover-card-positioner.tsx
+const HoverCardPositioner = (props) => {
+	const api = useHoverCardContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getPositionerProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/hover-card/use-hover-card.ts
+const useHoverCard = (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(hoverCard.machine, machineProps);
+	return createMemo(() => hoverCard.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-root.tsx
+const HoverCardRoot = (props) => {
+	const [presenceProps, hoverCardProps] = splitPresenceProps(props);
+	const [useHoverCardProps, localProps] = createSplitProps()(hoverCardProps, [
+		"closeDelay",
+		"defaultOpen",
+		"disabled",
+		"id",
+		"ids",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"open",
+		"openDelay",
+		"positioning"
+	]);
+	const api = useHoverCard(useHoverCardProps);
+	const apiPresence = usePresence(mergeProps$2(presenceProps, () => ({ present: api().open })));
+	return createComponent(HoverCardProvider, {
+		value: api,
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: apiPresence,
+				get children() {
+					return localProps.children;
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-root-provider.tsx
+const HoverCardRootProvider = (props) => {
+	const [presenceProps, hoverCardProps] = splitPresenceProps(props);
+	const presence = usePresence(mergeProps$2(presenceProps, () => ({ present: hoverCardProps.value().open })));
+	return createComponent(HoverCardProvider, {
+		get value() {
+			return hoverCardProps.value;
+		},
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: presence,
+				get children() {
+					return hoverCardProps.children;
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-trigger.tsx
+const HoverCardTrigger = (props) => {
+	const hoverCard$1 = useHoverCardContext();
+	const mergedProps = mergeProps$2(() => hoverCard$1().getTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card.ts
+var hover_card_exports = /* @__PURE__ */ __export({
+	Arrow: () => HoverCardArrow,
+	ArrowTip: () => HoverCardArrowTip,
+	Content: () => HoverCardContent,
+	Context: () => HoverCardContext,
+	Positioner: () => HoverCardPositioner,
+	Root: () => HoverCardRoot,
+	RootProvider: () => HoverCardRootProvider,
+	Trigger: () => HoverCardTrigger
+});
+
+//#endregion
+export { hover_card_exports as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, hoverCardAnatomy, useHoverCard, useHoverCardContext };

package/dist/components/hover-card/index.jsx

@@ -0,0 +1,136 @@
+import { t as __export } from "../../chunk-BJ7z6UrO.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-C_FYj4uc.jsx";
+import { t as runIfFn } from "../../run-if-fn-CrJzzDIM.jsx";
+import { t as createContext$1 } from "../../create-context-BwqlrMqL.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-C6VPiSrB.jsx";
+import { t as sprawlify } from "../../factory-BIJk1mK6.jsx";
+import { t as createSplitProps } from "../../create-split-props-CKwjjjkD.jsx";
+import "../../render-strategy-KJFIjVVG.jsx";
+import { t as composeRefs } from "../../compose-refs-Cp4AShsY.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-H4-8_5_s.jsx";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import * as hoverCard from "@sprawlify/primitives/machines/hover-card";
+import { anatomy as hoverCardAnatomy } from "@sprawlify/primitives/machines/hover-card";
+
+//#region src/components/hover-card/use-hover-card-context.ts
+const [HoverCardProvider, useHoverCardContext] = createContext$1({
+	hookName: "useHoverCardContext",
+	providerName: "<HoverCardProvider />"
+});
+
+//#endregion
+//#region src/components/hover-card/hover-card-arrow.tsx
+const HoverCardArrow = (props) => {
+	const hoverCard$1 = useHoverCardContext();
+	const mergedProps = mergeProps$1(() => hoverCard$1().getArrowProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-arrow-tip.tsx
+const HoverCardArrowTip = (props) => {
+	const hoverCard$1 = useHoverCardContext();
+	const mergedProps = mergeProps$1(() => hoverCard$1().getArrowTipProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-content.tsx
+const HoverCardContent = (props) => {
+	const api = useHoverCardContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-context.tsx
+const HoverCardContext = (props) => props.children(useHoverCardContext());
+
+//#endregion
+//#region src/components/hover-card/hover-card-positioner.tsx
+const HoverCardPositioner = (props) => {
+	const api = useHoverCardContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getPositionerProps(), props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/hover-card/use-hover-card.ts
+const useHoverCard = (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(hoverCard.machine, machineProps);
+	return createMemo(() => hoverCard.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-root.tsx
+const HoverCardRoot = (props) => {
+	const [presenceProps, hoverCardProps] = splitPresenceProps(props);
+	const [useHoverCardProps, localProps] = createSplitProps()(hoverCardProps, [
+		"closeDelay",
+		"defaultOpen",
+		"disabled",
+		"id",
+		"ids",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"open",
+		"openDelay",
+		"positioning"
+	]);
+	const api = useHoverCard(useHoverCardProps);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: api().open })));
+	return <HoverCardProvider value={api}>
+      <PresenceProvider value={apiPresence}>{localProps.children}</PresenceProvider>
+    </HoverCardProvider>;
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-root-provider.tsx
+const HoverCardRootProvider = (props) => {
+	const [presenceProps, hoverCardProps] = splitPresenceProps(props);
+	const presence = usePresence(mergeProps$1(presenceProps, () => ({ present: hoverCardProps.value().open })));
+	return <HoverCardProvider value={hoverCardProps.value}>
+      <PresenceProvider value={presence}>{hoverCardProps.children}</PresenceProvider>
+    </HoverCardProvider>;
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-trigger.tsx
+const HoverCardTrigger = (props) => {
+	const hoverCard$1 = useHoverCardContext();
+	const mergedProps = mergeProps$1(() => hoverCard$1().getTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card.ts
+var hover_card_exports = /* @__PURE__ */ __export({
+	Arrow: () => HoverCardArrow,
+	ArrowTip: () => HoverCardArrowTip,
+	Content: () => HoverCardContent,
+	Context: () => HoverCardContext,
+	Positioner: () => HoverCardPositioner,
+	Root: () => HoverCardRoot,
+	RootProvider: () => HoverCardRootProvider,
+	Trigger: () => HoverCardTrigger
+});
+
+//#endregion
+export { hover_card_exports as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, hoverCardAnatomy, useHoverCard, useHoverCardContext };

package/dist/components/image-cropper/index.d.ts

@@ -0,0 +1,64 @@
+import { n as PropTypes } from "../../index-BLALA3BS.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-mGUbKy2h.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-srnAQg4A.js";
+import * as solid_js214 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as imageCropper from "@sprawlify/primitives/machines/image-cropper";
+import { CropChangeDetails, CropChangeDetails as ImageCropperCropChangeDetails, FlipChangeDetails, FlipChangeDetails as ImageCropperFlipChangeDetails, FlipState, FlipState as ImageCropperFlipState, GridProps, HandlePosition, HandlePosition as ImageCropperHandlePosition, HandleProps, RotationChangeDetails, RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, anatomy as imageCropperAnatomy, handles } from "@sprawlify/primitives/machines/image-cropper";
+
+//#region src/components/image-cropper/use-image-cropper.d.ts
+interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseImageCropperReturn extends Accessor<imageCropper.Api<PropTypes>> {}
+declare const useImageCropper: (props?: MaybeAccessor<UseImageCropperProps>) => UseImageCropperReturn;
+//#endregion
+//#region src/components/image-cropper/use-image-cropper-context.d.ts
+interface UseImageCropperContext extends UseImageCropperReturn {}
+//#endregion
+//#region src/components/image-cropper/image-cropper-context.d.ts
+interface ImageCropperContextProps {
+  children: (context: UseImageCropperContext) => JSX.Element;
+}
+declare const ImageCropperContext: (props: ImageCropperContextProps) => JSX.Element;
+//#endregion
+//#region src/components/image-cropper/image-cropper-grid.d.ts
+interface ImageCropperGridBaseProps extends PolymorphicProps<'div'>, GridProps {}
+interface ImageCropperGridProps extends HTMLProps<'div'>, ImageCropperGridBaseProps {}
+declare const ImageCropperGrid: (props: ImageCropperGridProps) => solid_js214.JSX.Element;
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.d.ts
+interface ImageCropperHandleBaseProps extends PolymorphicProps<'div'>, HandleProps {}
+interface ImageCropperHandleProps extends HTMLProps<'div'>, ImageCropperHandleBaseProps {}
+declare const ImageCropperHandle: (props: ImageCropperHandleProps) => solid_js214.JSX.Element;
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.d.ts
+interface ImageCropperImageBaseProps extends PolymorphicProps<'img'> {}
+interface ImageCropperImageProps extends HTMLProps<'img'>, ImageCropperImageBaseProps {}
+declare const ImageCropperImage: (props: ImageCropperImageProps) => solid_js214.JSX.Element;
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.d.ts
+interface ImageCropperRootBaseProps extends UseImageCropperProps, PolymorphicProps<'div'> {}
+interface ImageCropperRootProps extends HTMLProps<'div'>, ImageCropperRootBaseProps {}
+declare const ImageCropperRoot: (props: ImageCropperRootProps) => solid_js214.JSX.Element;
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.d.ts
+interface RootProviderProps {
+  value: UseImageCropperReturn;
+}
+interface ImageCropperRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface ImageCropperRootProviderProps extends HTMLProps<'div'>, RootProviderProps, ImageCropperRootProviderBaseProps {}
+declare const ImageCropperRootProvider: (props: ImageCropperRootProviderProps) => solid_js214.JSX.Element;
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.d.ts
+interface ImageCropperSelectionBaseProps extends PolymorphicProps<'div'> {}
+interface ImageCropperSelectionProps extends HTMLProps<'div'>, ImageCropperSelectionBaseProps {}
+declare const ImageCropperSelection: (props: ImageCropperSelectionProps) => solid_js214.JSX.Element;
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.d.ts
+interface ImageCropperViewportBaseProps extends PolymorphicProps<'div'> {}
+interface ImageCropperViewportProps extends HTMLProps<'div'>, ImageCropperViewportBaseProps {}
+declare const ImageCropperViewport: (props: ImageCropperViewportProps) => solid_js214.JSX.Element;
+declare namespace image_cropper_d_exports {
+  export { ImageCropperContext as Context, ImageCropperContextProps as ContextProps, CropChangeDetails, FlipChangeDetails, FlipState, ImageCropperGrid as Grid, ImageCropperGridBaseProps as GridBaseProps, ImageCropperGridProps as GridProps, ImageCropperHandle as Handle, ImageCropperHandleBaseProps as HandleBaseProps, HandlePosition, ImageCropperHandleProps as HandleProps, ImageCropperImage as Image, ImageCropperImageBaseProps as ImageBaseProps, ImageCropperImageProps as ImageProps, ImageCropperRoot as Root, ImageCropperRootBaseProps as RootBaseProps, ImageCropperRootProps as RootProps, ImageCropperRootProvider as RootProvider, ImageCropperRootProviderBaseProps as RootProviderBaseProps, ImageCropperRootProviderProps as RootProviderProps, RotationChangeDetails, ImageCropperSelection as Selection, ImageCropperSelectionBaseProps as SelectionBaseProps, ImageCropperSelectionProps as SelectionProps, ImageCropperViewport as Viewport, ImageCropperViewportBaseProps as ViewportBaseProps, ImageCropperViewportProps as ViewportProps, ZoomChangeDetails, handles };
+}
+//#endregion
+export { image_cropper_d_exports as ImageCropper, ImageCropperContext, type ImageCropperContextProps, type ImageCropperCropChangeDetails, type ImageCropperFlipChangeDetails, type ImageCropperFlipState, ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps, ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandlePosition, type ImageCropperHandleProps, ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps, ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps, ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, type ImageCropperRotationChangeDetails, ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, type ImageCropperZoomChangeDetails, type UseImageCropperContext, type UseImageCropperProps, type UseImageCropperReturn, imageCropperAnatomy, useImageCropper, useImageCropperContext };

package/dist/components/image-cropper/index.js

@@ -0,0 +1,151 @@
+import { t as __export } from "../../chunk-Bn8mXcTA.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-CRjuRw95.js";
+import { t as runIfFn } from "../../run-if-fn-C80kt4dU.js";
+import { t as createContext$1 } from "../../create-context-DlXBVMoq.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DgUckEdb.js";
+import { t as sprawlify } from "../../factory-k8EbNZ7r.js";
+import { t as createSplitProps } from "../../create-split-props-BHmgTHSf.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+import * as imageCropper from "@sprawlify/primitives/machines/image-cropper";
+import { anatomy as imageCropperAnatomy, handles } from "@sprawlify/primitives/machines/image-cropper";
+
+//#region src/components/image-cropper/use-image-cropper-context.ts
+const [ImageCropperProvider, useImageCropperContext] = createContext$1({
+	hookName: "useImageCropperContext",
+	providerName: "<ImageCropperProvider />"
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-context.tsx
+const ImageCropperContext = (props) => props.children(useImageCropperContext());
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-grid.tsx
+const ImageCropperGrid = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getGridProps({ axis: props.axis }), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.tsx
+const ImageCropperHandle = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getHandleProps({ position: props.position }), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.tsx
+const ImageCropperImage = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getImageProps(), props);
+	return createComponent(sprawlify.img, mergedProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/use-image-cropper.ts
+const useImageCropper = (props = {}) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const imageCropperProps = runIfFn(props);
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...imageCropperProps
+	}));
+	const service = useMachine(imageCropper.machine, machineProps);
+	return createMemo(() => imageCropper.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.tsx
+const ImageCropperRoot = (props) => {
+	const [useImageCropperProps, localProps] = createSplitProps()(props, [
+		"aspectRatio",
+		"cropShape",
+		"defaultFlip",
+		"defaultRotation",
+		"defaultZoom",
+		"fixedCropArea",
+		"flip",
+		"id",
+		"ids",
+		"initialCrop",
+		"maxHeight",
+		"maxWidth",
+		"maxZoom",
+		"minHeight",
+		"minWidth",
+		"minZoom",
+		"nudgeStep",
+		"nudgeStepCtrl",
+		"nudgeStepShift",
+		"onCropChange",
+		"onFlipChange",
+		"onRotationChange",
+		"onZoomChange",
+		"rotation",
+		"translations",
+		"zoom",
+		"zoomSensitivity",
+		"zoomStep"
+	]);
+	const api = useImageCropper(useImageCropperProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(ImageCropperProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.tsx
+const ImageCropperRootProvider = (props) => {
+	const [{ value: imageCropper$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => imageCropper$1().getRootProps(), localProps);
+	return createComponent(ImageCropperProvider, {
+		value: imageCropper$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.tsx
+const ImageCropperSelection = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getSelectionProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.tsx
+const ImageCropperViewport = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getViewportProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper.ts
+var image_cropper_exports = /* @__PURE__ */ __export({
+	Context: () => ImageCropperContext,
+	Grid: () => ImageCropperGrid,
+	Handle: () => ImageCropperHandle,
+	Image: () => ImageCropperImage,
+	Root: () => ImageCropperRoot,
+	RootProvider: () => ImageCropperRootProvider,
+	Selection: () => ImageCropperSelection,
+	Viewport: () => ImageCropperViewport,
+	handles: () => handles
+});
+
+//#endregion
+export { image_cropper_exports as ImageCropper, ImageCropperContext, ImageCropperGrid, ImageCropperHandle, ImageCropperImage, ImageCropperRoot, ImageCropperRootProvider, ImageCropperSelection, ImageCropperViewport, imageCropperAnatomy, useImageCropper, useImageCropperContext };