@moduix/react 2.2.0 → 2.2.4

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

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

package/dist/components/highlight/index.js

@@ -0,0 +1 @@
+export { Highlight } from "./Highlight.js";

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

@@ -1,29 +1,18 @@
-import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
-import { ComponentProps } from "react";
-import { HoverCard, useHoverCard, useHoverCardContext } from "@ark-ui/react/hover-card";
-
-//#region src/components/hover-card/HoverCard.d.ts
-type HoverCardRootProps = ComponentProps<typeof HoverCard.Root> & OverlayPortalProps;
-type HoverCardRootProviderProps = ComponentProps<typeof HoverCard.RootProvider> & OverlayPortalProps;
-declare function HoverCardRoot({
-  portalled,
-  portalRef,
-  ...props
-}: HoverCardRootProps): import("react").JSX.Element;
-declare function HoverCardRootProvider({
-  portalled,
-  portalRef,
-  ...props
-}: HoverCardRootProviderProps): import("react").JSX.Element;
-declare const HoverCard$1: typeof HoverCardRoot & {
-  Root: typeof HoverCardRoot;
-  RootProvider: typeof HoverCardRootProvider;
-  Trigger: import("react").ForwardRefExoticComponent<Omit<HoverCard.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Positioner: import("react").ForwardRefExoticComponent<Omit<HoverCard.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Content: import("react").ForwardRefExoticComponent<Omit<HoverCard.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Arrow: import("react").ForwardRefExoticComponent<Omit<HoverCard.ArrowProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ArrowTip: import("react").ForwardRefExoticComponent<Omit<HoverCard.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Context: (props: HoverCard.ContextProps) => import("react").ReactNode;
+import { HoverCard as HoverCardPrimitive, useHoverCard, useHoverCardContext } from '@ark-ui/react/hover-card';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal';
+type HoverCardRootProps = ComponentProps<typeof HoverCardPrimitive.Root> & OverlayPortalProps;
+type HoverCardRootProviderProps = ComponentProps<typeof HoverCardPrimitive.RootProvider> & OverlayPortalProps;
+declare function HoverCardRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: HoverCardRootProps): import("react").JSX.Element;
+declare function HoverCardRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: HoverCardRootProviderProps): import("react").JSX.Element;
+declare const HoverCard: typeof HoverCardRoot & {
+    Root: typeof HoverCardRoot;
+    RootProvider: typeof HoverCardRootProvider;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Arrow: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.ArrowProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ArrowTip: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: HoverCardPrimitive.ContextProps) => import("react").ReactNode;
 };
-//#endregion
-export { HoverCard$1 as HoverCard, useHoverCard, useHoverCardContext };
+export { HoverCard, useHoverCard, useHoverCardContext };

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.css → HoverCard_module.css}

@@ -1,5 +1,5 @@
 @layer moduix.components {
-  ._0VaKFG_trigger {
+  .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));
@@ -7,6 +7,7 @@
     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;
@@ -14,38 +15,40 @@
       text-decoration-color var(--moduix-hover-card-transition, var(--moduix-duration-fast));
     outline: 0;
     display: inline-flex;
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        text-decoration-color: var(--moduix-hover-card-trigger-decoration-color-hover, var(--moduix-hover-card-trigger-current-color));
-      }
+  @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));
     }
+  }
 
-    &[data-state="open"] {
-      text-decoration-color: var(--moduix-hover-card-trigger-decoration-color-open, 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));
+  }
 
-    &: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)))
+  .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;
-    }
+    outline-offset: var(--moduix-hover-card-trigger-focus-offset, var(--moduix-focus-ring-offset));
+    text-decoration-line: none;
+  }
 
-    &:is([data-disabled], [disabled]) {
-      pointer-events: none;
-      opacity: var(--moduix-hover-card-disabled-opacity, var(--moduix-opacity-disabled));
-    }
+  .trigger-lDTCiV:is([data-disabled], [disabled]) {
+    pointer-events: none;
+    opacity: var(--moduix-hover-card-disabled-opacity, var(--moduix-opacity-disabled));
   }
 
-  ._0VaKFG_positioner {
+  .positioner-Knug22 {
     z-index: var(--z-index, var(--moduix-z-popup));
     max-width: var(--available-width);
     outline: 0;
   }
 
-  ._0VaKFG_content {
+  .content-Su6EOr {
     z-index: calc(var(--moduix-z-popup) + var(--layer-index, 0));
     box-sizing: border-box;
     width: var(--moduix-hover-card-width, auto);
@@ -65,35 +68,35 @@
     border: 0;
     position: relative;
     overflow: visible;
+  }
 
-    &[data-state="open"] {
-      animation: _0VaKFG_hover-card-enter
+  .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;
-    }
+  }
 
-    &[data-state="closed"] {
-      animation: _0VaKFG_hover-card-exit
+  .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;
-    }
   }
 
-  ._0VaKFG_arrow {
+  .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));
   }
 
-  ._0VaKFG_arrowTip {
+  .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 _0VaKFG_hover-card-enter {
+  @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))
@@ -102,7 +105,7 @@
     }
   }
 
-  @keyframes _0VaKFG_hover-card-exit {
+  @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))
@@ -111,3 +114,4 @@
     }
   }
 }
+

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.css → Image_module.css}

@@ -1,7 +1,8 @@
 @layer moduix.components {
-  .gMmqtq_root {
+  .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 };