@moduix/react 2.1.0 → 2.2.4

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

@@ -1,82 +1,87 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
-import HoverCard_module_default from "./HoverCard.module.js";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { HoverCard, useHoverCard, useHoverCardContext } from "@ark-ui/react/hover-card";
-//#region src/components/hover-card/HoverCard.tsx
-function HoverCardRoot({ portalled, portalRef, ...props }) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(HoverCard.Root, {
-			"data-slot": "hover-card-root",
-			...props
-		})
-	});
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import HoverCard_module from "./HoverCard.module.js";
+function HoverCardRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(HoverCard.Root, {
+            "data-slot": "hover-card-root",
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
 }
-function HoverCardRootProvider({ portalled, portalRef, ...props }) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(HoverCard.RootProvider, {
-			"data-slot": "hover-card-root-provider",
-			...props
-		})
-	});
+function HoverCardRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(HoverCard.RootProvider, {
+            "data-slot": "hover-card-root-provider",
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
 }
-const HoverCardTrigger = forwardRef(function HoverCardTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(HoverCard.Trigger, {
-		ref,
-		"data-slot": "hover-card-trigger",
-		asChild,
-		className: clsx(!asChild && HoverCard_module_default.trigger, normalizeClassName(className)),
-		...props
-	});
+const HoverCard_HoverCardTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(HoverCard.Trigger, {
+        ref: ref,
+        "data-slot": "hover-card-trigger",
+        asChild: asChild,
+        className: clsx(!asChild && HoverCard_module.trigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const HoverCardPositioner = forwardRef(function HoverCardPositioner({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(HoverCard.Positioner, {
-		ref,
-		"data-slot": "hover-card-positioner",
-		className: clsx(HoverCard_module_default.positioner, normalizeClassName(className)),
-		...props
-	}) });
+const HoverCard_HoverCardPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(HoverCard.Positioner, {
+            ref: ref,
+            "data-slot": "hover-card-positioner",
+            className: clsx(HoverCard_module.positioner, normalizeClassName(className)),
+            ...props
+        })
+    });
 });
-const HoverCardContent = forwardRef(function HoverCardContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(HoverCard.Content, {
-		ref,
-		"data-slot": "hover-card-content",
-		className: clsx(HoverCard_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const HoverCard_HoverCardContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(HoverCard.Content, {
+        ref: ref,
+        "data-slot": "hover-card-content",
+        className: clsx(HoverCard_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const HoverCardArrow = forwardRef(function HoverCardArrow({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(HoverCard.Arrow, {
-		ref,
-		"data-slot": "hover-card-arrow",
-		className: clsx(HoverCard_module_default.arrow, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(HoverCardArrowTip, {})
-	});
+const HoverCard_HoverCardArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(HoverCard.Arrow, {
+        ref: ref,
+        "data-slot": "hover-card-arrow",
+        className: clsx(HoverCard_module.arrow, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(HoverCard_HoverCardArrowTip, {})
+    });
 });
-const HoverCardArrowTip = forwardRef(function HoverCardArrowTip({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(HoverCard.ArrowTip, {
-		ref,
-		"data-slot": "hover-card-arrow-tip",
-		className: clsx(HoverCard_module_default.arrowTip, normalizeClassName(className)),
-		...props
-	});
+const HoverCard_HoverCardArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(HoverCard.ArrowTip, {
+        ref: ref,
+        "data-slot": "hover-card-arrow-tip",
+        className: clsx(HoverCard_module.arrowTip, normalizeClassName(className)),
+        ...props
+    });
 });
-const HoverCard$1 = Object.assign(HoverCardRoot, {
-	Root: HoverCardRoot,
-	RootProvider: HoverCardRootProvider,
-	Trigger: HoverCardTrigger,
-	Positioner: HoverCardPositioner,
-	Content: HoverCardContent,
-	Arrow: HoverCardArrow,
-	ArrowTip: HoverCardArrowTip,
-	Context: HoverCard.Context
+const HoverCard_HoverCard = Object.assign(HoverCardRoot, {
+    Root: HoverCardRoot,
+    RootProvider: HoverCardRootProvider,
+    Trigger: HoverCard_HoverCardTrigger,
+    Positioner: HoverCard_HoverCardPositioner,
+    Content: HoverCard_HoverCardContent,
+    Arrow: HoverCard_HoverCardArrow,
+    ArrowTip: HoverCard_HoverCardArrowTip,
+    Context: HoverCard.Context
 });
-//#endregion
-export { HoverCard$1 as HoverCard, useHoverCard, useHoverCardContext };
+export { HoverCard_HoverCard as HoverCard, useHoverCard, useHoverCardContext };

package/dist/components/hover-card/HoverCard.module.js

@@ -1,13 +1,13 @@
-import './HoverCard.css';
-//#region src/components/hover-card/HoverCard.module.css
-var HoverCard_module_default = {
-	"arrow": "_0VaKFG_arrow",
-	"arrowTip": "_0VaKFG_arrowTip",
-	"content": "_0VaKFG_content",
-	"hover-card-enter": "_0VaKFG_hover-card-enter",
-	"hover-card-exit": "_0VaKFG_hover-card-exit",
-	"positioner": "_0VaKFG_positioner",
-	"trigger": "_0VaKFG_trigger"
+import "./HoverCard_module.css";
+const HoverCard_module = {
+    trigger: "trigger-lDTCiV",
+    positioner: "positioner-Knug22",
+    content: "content-Su6EOr",
+    "hover-card-enter": "hover-card-enter-Yx8tti",
+    hoverCardEnter: "hover-card-enter-Yx8tti",
+    "hover-card-exit": "hover-card-exit-l3ykob",
+    hoverCardExit: "hover-card-exit-l3ykob",
+    arrow: "arrow-iWKZXG",
+    arrowTip: "arrowTip-Sgqdh6"
 };
-//#endregion
-export { HoverCard_module_default as default };
+export default HoverCard_module;

package/dist/components/hover-card/HoverCard_module.css

@@ -0,0 +1,117 @@
+@layer moduix.components {
+  .trigger-lDTCiV {
+    --moduix-hover-card-trigger-current-color: var(--moduix-hover-card-trigger-color, var(--moduix-color-primary));
+    align-items: center;
+    gap: var(--moduix-hover-card-trigger-gap, var(--moduix-spacing-1));
+    color: var(--moduix-hover-card-trigger-current-color);
+    font: inherit;
+    text-decoration-line: underline;
+    text-decoration-thickness: var(--moduix-hover-card-trigger-decoration-thickness, 1px);
+    -webkit-text-decoration-color: var(--moduix-hover-card-trigger-decoration-color, color-mix(in oklab, var(--moduix-hover-card-trigger-current-color), transparent 40%));
+    text-decoration-color: var(--moduix-hover-card-trigger-decoration-color, color-mix(in oklab, var(--moduix-hover-card-trigger-current-color), transparent 40%));
+    text-underline-offset: var(--moduix-hover-card-trigger-underline-offset, 2px);
+    cursor: pointer;
+    transition: color var(--moduix-hover-card-transition, var(--moduix-duration-fast)),
+      text-decoration-color var(--moduix-hover-card-transition, var(--moduix-duration-fast));
+    outline: 0;
+    display: inline-flex;
+  }
+
+  @media (hover: hover) {
+    .trigger-lDTCiV:hover {
+      -webkit-text-decoration-color: var(--moduix-hover-card-trigger-decoration-color-hover, var(--moduix-hover-card-trigger-current-color));
+      text-decoration-color: var(--moduix-hover-card-trigger-decoration-color-hover, var(--moduix-hover-card-trigger-current-color));
+    }
+  }
+
+  .trigger-lDTCiV[data-state="open"] {
+    -webkit-text-decoration-color: var(--moduix-hover-card-trigger-decoration-color-open, var(--moduix-hover-card-trigger-current-color));
+    text-decoration-color: var(--moduix-hover-card-trigger-decoration-color-open, var(--moduix-hover-card-trigger-current-color));
+  }
+
+  .trigger-lDTCiV:focus-visible {
+    border-radius: var(--moduix-hover-card-trigger-focus-radius, var(--moduix-radius-xs));
+    outline: var(--moduix-hover-card-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+        solid var(--moduix-hover-card-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-hover-card-trigger-focus-offset, var(--moduix-focus-ring-offset));
+    text-decoration-line: none;
+  }
+
+  .trigger-lDTCiV:is([data-disabled], [disabled]) {
+    pointer-events: none;
+    opacity: var(--moduix-hover-card-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .positioner-Knug22 {
+    z-index: var(--z-index, var(--moduix-z-popup));
+    max-width: var(--available-width);
+    outline: 0;
+  }
+
+  .content-Su6EOr {
+    z-index: calc(var(--moduix-z-popup) + var(--layer-index, 0));
+    box-sizing: border-box;
+    width: var(--moduix-hover-card-width, auto);
+    height: var(--moduix-hover-card-height, auto);
+    min-width: min(var(--moduix-hover-card-min-width, 14rem), var(--available-width));
+    max-width: min(var(--moduix-hover-card-max-width, 24rem), var(--available-width));
+    max-height: min(var(--moduix-hover-card-max-height, 24rem), var(--available-height, 100dvh));
+    padding: var(--moduix-hover-card-padding-y, var(--moduix-spacing-2))
+      var(--moduix-hover-card-padding-x, var(--moduix-spacing-2));
+    border-radius: var(--moduix-hover-card-radius, var(--moduix-radius-lg));
+    background-color: var(--moduix-hover-card-bg, var(--moduix-color-popover));
+    color: var(--moduix-hover-card-color, var(--moduix-color-popover-foreground));
+    outline: var(--moduix-hover-card-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-hover-card-border-color, var(--moduix-color-border));
+    box-shadow: var(--moduix-hover-card-shadow, var(--moduix-shadow-lg));
+    transform-origin: var(--transform-origin);
+    border: 0;
+    position: relative;
+    overflow: visible;
+  }
+
+  .content-Su6EOr[data-state="open"] {
+    animation: hover-card-enter-Yx8tti
+        var(--moduix-hover-card-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast))
+            var(--moduix-popup-motion-easing, ease))
+        both;
+  }
+
+  .content-Su6EOr[data-state="closed"] {
+    animation: hover-card-exit-l3ykob
+        var(--moduix-hover-card-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast))
+            var(--moduix-popup-motion-easing, ease))
+        both;
+  }
+
+  .arrow-iWKZXG {
+    --arrow-size: var(--moduix-hover-card-arrow-size, var(--moduix-spacing-2-5));
+    --arrow-background: var(--moduix-hover-card-bg, var(--moduix-color-popover));
+  }
+
+  .arrowTip-Sgqdh6 {
+    border-top: var(--moduix-hover-card-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-hover-card-arrow-stroke-color, var(--moduix-hover-card-border-color, var(--moduix-color-border)));
+    border-left: var(--moduix-hover-card-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-hover-card-arrow-stroke-color, var(--moduix-hover-card-border-color, var(--moduix-color-border)));
+  }
+
+  @keyframes hover-card-enter-Yx8tti {
+    from {
+      opacity: var(--moduix-hover-card-content-starting-opacity, var(--moduix-popup-motion-starting-opacity, 0));
+      translate: var(--moduix-hover-card-content-starting-translate-x, var(--moduix-popup-motion-starting-translate-x, 0))
+        var(--moduix-hover-card-content-starting-translate-y, var(--moduix-popup-motion-starting-translate-y, 0));
+      scale: var(--moduix-hover-card-content-starting-scale, var(--moduix-popup-motion-starting-scale, var(--moduix-scale-popup)));
+    }
+  }
+
+  @keyframes hover-card-exit-l3ykob {
+    to {
+      opacity: var(--moduix-hover-card-content-ending-opacity, var(--moduix-popup-motion-ending-opacity, 0));
+      translate: var(--moduix-hover-card-content-ending-translate-x, var(--moduix-popup-motion-ending-translate-x, 0))
+        var(--moduix-hover-card-content-ending-translate-y, var(--moduix-popup-motion-ending-translate-y, 0));
+      scale: var(--moduix-hover-card-content-ending-scale, var(--moduix-popup-motion-ending-scale, var(--moduix-scale-popup)));
+    }
+  }
+}
+

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

@@ -1,2 +1 @@
-import { HoverCard, useHoverCard, useHoverCardContext } from "./HoverCard.js";
-export { HoverCard, useHoverCard, useHoverCardContext };
+export { HoverCard, useHoverCard, useHoverCardContext } from './HoverCard.js';

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

@@ -0,0 +1 @@
+export { HoverCard, useHoverCard, useHoverCardContext } from "./HoverCard.js";

package/dist/components/image/Image.d.ts

@@ -1,12 +1,6 @@
-import { ImageProps, SourceProps } from "@unpic/react";
-
-//#region src/components/image/Image.d.ts
-type ImageSourceProps = SourceProps & {
-  'data-slot'?: string;
+import type { ImageProps as UnpicImageProps } from '@unpic/react';
+declare const Image: import("react").ForwardRefExoticComponent<UnpicImageProps & import("react").RefAttributes<HTMLImageElement>> & {
+    Root: import("react").ForwardRefExoticComponent<UnpicImageProps & import("react").RefAttributes<HTMLImageElement>>;
+    Source: import("react").ForwardRefExoticComponent<import("@unpic/core").UnpicSourceProps & import("react").RefAttributes<HTMLSourceElement>>;
 };
-declare const Image$1: import("react").ForwardRefExoticComponent<ImageProps & import("react").RefAttributes<HTMLImageElement>> & {
-  Root: import("react").ForwardRefExoticComponent<ImageProps & import("react").RefAttributes<HTMLImageElement>>;
-  Source: import("react").ForwardRefExoticComponent<ImageSourceProps & import("react").RefAttributes<HTMLSourceElement>>;
-};
-//#endregion
-export { Image$1 as Image };
+export { Image };

package/dist/components/image/Image.js

@@ -1,28 +1,26 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Image_module_default from "./Image.module.js";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Image, Source } from "@unpic/react";
-//#region src/components/image/Image.tsx
-const ImageRoot = forwardRef(function ImageRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Image, {
-		ref,
-		"data-slot": "image-root",
-		className: clsx(Image_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Image_module from "./Image.module.js";
+const Image_ImageRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Image, {
+        ref: ref,
+        ...props,
+        "data-slot": "image-root",
+        className: clsx(Image_module.root, normalizeClassName(className))
+    });
 });
-const ImageSource = forwardRef(function ImageSource(props, ref) {
-	return /* @__PURE__ */ jsx(Source, {
-		ref,
-		"data-slot": "image-source",
-		...props
-	});
+const Image_ImageSource = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return /*#__PURE__*/ jsx(Source, {
+        ref: ref,
+        ...props,
+        "data-slot": "image-source"
+    });
 });
-const Image$1 = Object.assign(ImageRoot, {
-	Root: ImageRoot,
-	Source: ImageSource
+const Image_Image = Object.assign(Image_ImageRoot, {
+    Root: Image_ImageRoot,
+    Source: Image_ImageSource
 });
-//#endregion
-export { Image$1 as Image };
+export { Image_Image as Image };

package/dist/components/image/Image.module.js

@@ -1,5 +1,5 @@
-import './Image.css';
-//#region src/components/image/Image.module.css
-var Image_module_default = { "root": "gMmqtq_root" };
-//#endregion
-export { Image_module_default as default };
+import "./Image_module.css";
+const Image_module = {
+    root: "root-TcvZxj"
+};
+export default Image_module;

package/dist/components/image/Image_module.css

@@ -0,0 +1,8 @@
+@layer moduix.components {
+  .root-TcvZxj {
+    box-sizing: border-box;
+    border-radius: var(--moduix-image-radius, var(--moduix-radius-md));
+    display: block;
+  }
+}
+

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

@@ -1,2 +1 @@
-import { Image } from "./Image.js";
-export { Image };
+export * from './Image.js';

package/dist/components/image/index.js

@@ -0,0 +1 @@
+export * from "./Image.js";

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

@@ -1,20 +1,17 @@
-import { ImageCropper, useImageCropper } from "@ark-ui/react/image-cropper";
-
-//#region src/components/image-cropper/ImageCropper.d.ts
-declare const ImageCropper$1: import("react").ForwardRefExoticComponent<Omit<ImageCropper.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<ImageCropper.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<ImageCropper.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Context: (props: ImageCropper.ContextProps) => import("react").ReactNode;
-  Viewport: import("react").ForwardRefExoticComponent<Omit<ImageCropper.ViewportProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Image: import("react").ForwardRefExoticComponent<Omit<ImageCropper.ImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
-  Selection: import("react").ForwardRefExoticComponent<Omit<ImageCropper.SelectionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Grid: import("react").ForwardRefExoticComponent<Omit<ImageCropper.GridProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Handle: import("react").ForwardRefExoticComponent<Omit<ImageCropper.HandleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  CropArea: import("react").ForwardRefExoticComponent<Omit<ImageCropper.SelectionProps & import("react").RefAttributes<HTMLDivElement> & {
-    gridClassName?: string;
-    handleClassName?: string;
-  }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  handles: ImageCropper.HandlePosition[];
+import { ImageCropper as ImageCropperPrimitive, useImageCropper, useImageCropperContext } from '@ark-ui/react/image-cropper';
+declare const ImageCropper: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: ImageCropperPrimitive.ContextProps) => import("react").ReactNode;
+    Viewport: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.ViewportProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Image: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.ImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+    Selection: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.SelectionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Grid: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.GridProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Handle: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.HandleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    CropArea: import("react").ForwardRefExoticComponent<Omit<Omit<ImageCropperPrimitive.SelectionProps & import("react").RefAttributes<HTMLDivElement>, "children" | "asChild"> & {
+        gridClassName?: string;
+        handleClassName?: string;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    handles: ImageCropperPrimitive.HandlePosition[];
 };
-//#endregion
-export { ImageCropper$1 as ImageCropper, useImageCropper };
+export { ImageCropper, useImageCropper, useImageCropperContext };