@ark-ui/react 5.27.1 → 5.29.0

package/dist/components/file-upload/file-upload-item-group.js

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
 import { FileUploadItemGroupPropsProvider } from './use-file-upload-item-group-props-context.js';
 
+const splitItemGroupProps = createSplitProps();
 const FileUploadItemGroup = forwardRef((props, ref) => {
-  const [itemGroupProps, localProps] = createSplitProps()(props, ["type"]);
+  const [itemGroupProps, localProps] = splitItemGroupProps(props, ["type"]);
   const fileUpload = useFileUploadContext();
   const mergedProps = mergeProps(fileUpload.getItemGroupProps(itemGroupProps), localProps);
   return /* @__PURE__ */ jsx(FileUploadItemGroupPropsProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsx(ark.ul, { ...mergedProps, ref }) });

package/dist/components/file-upload/file-upload-item.cjs

@@ -12,8 +12,9 @@ const useFileUploadContext = require('./use-file-upload-context.cjs');
 const useFileUploadItemGroupPropsContext = require('./use-file-upload-item-group-props-context.cjs');
 const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
 
+const splitItemBaseProps = createSplitProps.createSplitProps();
 const FileUploadItem = react.forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["file"]);
+  const [itemProps, localProps] = splitItemBaseProps(props, ["file"]);
   const fileUpload = useFileUploadContext.useFileUploadContext();
   const itemGroupProps = useFileUploadItemGroupPropsContext.useFileUploadItemGroupPropsContext();
   const itemPropsWithType = { ...itemProps, type: itemGroupProps.type };

package/dist/components/file-upload/file-upload-item.js

@@ -8,8 +8,9 @@ import { useFileUploadContext } from './use-file-upload-context.js';
 import { useFileUploadItemGroupPropsContext } from './use-file-upload-item-group-props-context.js';
 import { FileUploadItemPropsProvider } from './use-file-upload-item-props-context.js';
 
+const splitItemBaseProps = createSplitProps();
 const FileUploadItem = forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["file"]);
+  const [itemProps, localProps] = splitItemBaseProps(props, ["file"]);
   const fileUpload = useFileUploadContext();
   const itemGroupProps = useFileUploadItemGroupPropsContext();
   const itemPropsWithType = { ...itemProps, type: itemGroupProps.type };

package/dist/components/file-upload/file-upload-root-provider.cjs

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 
+const splitRootProviderProps = createSplitProps.createSplitProps();
 const FileUploadRootProvider = react.forwardRef((props, ref) => {
-  const [{ value: fileUpload }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const [{ value: fileUpload }, localProps] = splitRootProviderProps(props, ["value"]);
   const mergedProps = react$1.mergeProps(fileUpload.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useFileUploadContext.FileUploadProvider, { value: fileUpload, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });

package/dist/components/file-upload/file-upload-root-provider.js

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { FileUploadProvider } from './use-file-upload-context.js';
 
+const splitRootProviderProps = createSplitProps();
 const FileUploadRootProvider = forwardRef((props, ref) => {
-  const [{ value: fileUpload }, localProps] = createSplitProps()(props, ["value"]);
+  const [{ value: fileUpload }, localProps] = splitRootProviderProps(props, ["value"]);
   const mergedProps = mergeProps(fileUpload.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(FileUploadProvider, { value: fileUpload, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });

package/dist/components/file-upload/file-upload-root.cjs

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useFileUpload = require('./use-file-upload.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const FileUploadRoot = react.forwardRef((props, ref) => {
-  const [useFileUploadProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [useFileUploadProps, localProps] = splitRootProps(props, [
     "accept",
     "acceptedFiles",
     "allowDrop",

package/dist/components/file-upload/file-upload-root.js

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useFileUpload } from './use-file-upload.js';
 import { FileUploadProvider } from './use-file-upload-context.js';
 
+const splitRootProps = createSplitProps();
 const FileUploadRoot = forwardRef((props, ref) => {
-  const [useFileUploadProps, localProps] = createSplitProps()(props, [
+  const [useFileUploadProps, localProps] = splitRootProps(props, [
     "accept",
     "acceptedFiles",
     "allowDrop",

package/dist/components/floating-panel/floating-panel-resize-trigger.cjs

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
 
+const splitResizeTriggerProps = createSplitProps.createSplitProps();
 const FloatingPanelResizeTrigger = react.forwardRef((props, ref) => {
-  const [resizeProps, localProps] = createSplitProps.createSplitProps()(props, ["axis"]);
+  const [resizeProps, localProps] = splitResizeTriggerProps(props, ["axis"]);
   const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
   const mergedProps = react$1.mergeProps(floatingPanel.getResizeTriggerProps(resizeProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });

package/dist/components/floating-panel/floating-panel-resize-trigger.js

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useFloatingPanelContext } from './use-floating-panel-context.js';
 
+const splitResizeTriggerProps = createSplitProps();
 const FloatingPanelResizeTrigger = forwardRef((props, ref) => {
-  const [resizeProps, localProps] = createSplitProps()(props, ["axis"]);
+  const [resizeProps, localProps] = splitResizeTriggerProps(props, ["axis"]);
   const floatingPanel = useFloatingPanelContext();
   const mergedProps = mergeProps(floatingPanel.getResizeTriggerProps(resizeProps), localProps);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });

package/dist/components/floating-panel/floating-panel-root-provider.cjs

@@ -11,9 +11,10 @@ const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
 
+const splitRootProviderProps = createSplitProps.createSplitProps();
 const FloatingPanelRootProvider = (props) => {
   const [presenceProps, baseProps] = splitPresenceProps.splitPresenceProps(props);
-  const [{ value: floatingPanel }, localProps] = createSplitProps.createSplitProps()(baseProps, ["value"]);
+  const [{ value: floatingPanel }, localProps] = splitRootProviderProps(baseProps, ["value"]);
   const presence = usePresence.usePresence(react.mergeProps({ present: floatingPanel.open }, presenceProps));
   return /* @__PURE__ */ jsxRuntime.jsx(useFloatingPanelContext.FloatingPanelProvider, { value: floatingPanel, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: localProps.children }) });
 };

package/dist/components/floating-panel/floating-panel-root-provider.js

@@ -7,9 +7,10 @@ import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
 import { FloatingPanelProvider } from './use-floating-panel-context.js';
 
+const splitRootProviderProps = createSplitProps();
 const FloatingPanelRootProvider = (props) => {
   const [presenceProps, baseProps] = splitPresenceProps(props);
-  const [{ value: floatingPanel }, localProps] = createSplitProps()(baseProps, ["value"]);
+  const [{ value: floatingPanel }, localProps] = splitRootProviderProps(baseProps, ["value"]);
   const presence = usePresence(mergeProps({ present: floatingPanel.open }, presenceProps));
   return /* @__PURE__ */ jsx(FloatingPanelProvider, { value: floatingPanel, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: localProps.children }) });
 };

package/dist/components/floating-panel/floating-panel-root.cjs

@@ -12,9 +12,10 @@ const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useFloatingPanel = require('./use-floating-panel.cjs');
 const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const FloatingPanelRoot = (props) => {
   const [presenceProps, otherProps] = splitPresenceProps.splitPresenceProps(props);
-  const [useFloatingPanelProps, localProps] = createSplitProps.createSplitProps()(otherProps, [
+  const [useFloatingPanelProps, localProps] = splitRootProps(otherProps, [
     "allowOverflow",
     "closeOnEscape",
     "defaultOpen",

package/dist/components/floating-panel/floating-panel-root.js

@@ -8,9 +8,10 @@ import { PresenceProvider } from '../presence/use-presence-context.js';
 import { useFloatingPanel } from './use-floating-panel.js';
 import { FloatingPanelProvider } from './use-floating-panel-context.js';
 
+const splitRootProps = createSplitProps();
 const FloatingPanelRoot = (props) => {
   const [presenceProps, otherProps] = splitPresenceProps(props);
-  const [useFloatingPanelProps, localProps] = createSplitProps()(otherProps, [
+  const [useFloatingPanelProps, localProps] = splitRootProps(otherProps, [
     "allowOverflow",
     "closeOnEscape",
     "defaultOpen",

package/dist/components/floating-panel/floating-panel-stage-trigger.cjs

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
 
+const splitStageTriggerProps = createSplitProps.createSplitProps();
 const FloatingPanelStageTrigger = react.forwardRef((props, ref) => {
-  const [stage, localProps] = createSplitProps.createSplitProps()(props, ["stage"]);
+  const [stage, localProps] = splitStageTriggerProps(props, ["stage"]);
   const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
   const mergedProps = react$1.mergeProps(floatingPanel.getStageTriggerProps(stage), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });

package/dist/components/floating-panel/floating-panel-stage-trigger.js

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useFloatingPanelContext } from './use-floating-panel-context.js';
 
+const splitStageTriggerProps = createSplitProps();
 const FloatingPanelStageTrigger = forwardRef((props, ref) => {
-  const [stage, localProps] = createSplitProps()(props, ["stage"]);
+  const [stage, localProps] = splitStageTriggerProps(props, ["stage"]);
   const floatingPanel = useFloatingPanelContext();
   const mergedProps = mergeProps(floatingPanel.getStageTriggerProps(stage), localProps);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });

package/dist/components/focus-trap/focus-trap.cjs

@@ -11,9 +11,10 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const useSafeLayoutEffect = require('../../utils/use-safe-layout-effect.cjs');
 const factory = require('../factory.cjs');
 
+const splitTrapProps = createSplitProps.createSplitProps();
 const FocusTrap = react.forwardRef((props, ref) => {
   const localRef = react.useRef(null);
-  const [trapProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [trapProps, localProps] = splitTrapProps(props, [
     "disabled",
     "onActivate",
     "onDeactivate",

package/dist/components/focus-trap/focus-trap.js

@@ -7,9 +7,10 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.js';
 import { ark } from '../factory.js';
 
+const splitTrapProps = createSplitProps();
 const FocusTrap = forwardRef((props, ref) => {
   const localRef = useRef(null);
-  const [trapProps, localProps] = createSplitProps()(props, [
+  const [trapProps, localProps] = splitTrapProps(props, [
     "disabled",
     "onActivate",
     "onDeactivate",

package/dist/components/highlight/highlight.cjs

@@ -7,11 +7,12 @@ const react = require('react');
 const createSplitProps = require('../../utils/create-split-props.cjs');
 const useHighlight = require('./use-highlight.cjs');
 
+const splitHighlightBaseProps = createSplitProps.createSplitProps();
 const Highlight = (props) => {
   if (typeof props.text !== "string") {
     throw new Error("[ark-ui/highlight] text must be a string");
   }
-  const [highlightProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [highlightProps, localProps] = splitHighlightBaseProps(props, [
     "query",
     "text",
     "ignoreCase",

package/dist/components/highlight/highlight.js

@@ -3,11 +3,12 @@ import { Fragment } from 'react';
 import { createSplitProps } from '../../utils/create-split-props.js';
 import { useHighlight } from './use-highlight.js';
 
+const splitHighlightBaseProps = createSplitProps();
 const Highlight = (props) => {
   if (typeof props.text !== "string") {
     throw new Error("[ark-ui/highlight] text must be a string");
   }
-  const [highlightProps, localProps] = createSplitProps()(props, [
+  const [highlightProps, localProps] = splitHighlightBaseProps(props, [
     "query",
     "text",
     "ignoreCase",

package/dist/components/hover-card/hover-card.d.cts

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails } from '@zag-js/hover-card';
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@zag-js/hover-card';
 export { HoverCardArrow as Arrow, type HoverCardArrowBaseProps as ArrowBaseProps, type HoverCardArrowProps as ArrowProps, } from './hover-card-arrow';
 export { HoverCardArrowTip as ArrowTip, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, type HoverCardArrowTipProps as ArrowTipProps, } from './hover-card-arrow-tip';
 export { HoverCardContent as Content, type HoverCardContentBaseProps as ContentBaseProps, type HoverCardContentProps as ContentProps, } from './hover-card-content';

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

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails } from '@zag-js/hover-card';
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@zag-js/hover-card';
 export { HoverCardArrow as Arrow, type HoverCardArrowBaseProps as ArrowBaseProps, type HoverCardArrowProps as ArrowProps, } from './hover-card-arrow';
 export { HoverCardArrowTip as ArrowTip, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, type HoverCardArrowTipProps as ArrowTipProps, } from './hover-card-arrow-tip';
 export { HoverCardContent as Content, type HoverCardContentBaseProps as ContentBaseProps, type HoverCardContentProps as ContentProps, } from './hover-card-content';

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

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails as HoverCardOpenChangeDetails } from '@zag-js/hover-card';
+export type { FocusOutsideEvent as HoverCardFocusOutsideEvent, InteractOutsideEvent as HoverCardInteractOutsideEvent, OpenChangeDetails as HoverCardOpenChangeDetails, PointerDownOutsideEvent as HoverCardPointerDownOutsideEvent, } from '@zag-js/hover-card';
 export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps } from './hover-card-arrow';
 export { HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps } from './hover-card-arrow-tip';
 export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps } from './hover-card-content';

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

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails as HoverCardOpenChangeDetails } from '@zag-js/hover-card';
+export type { FocusOutsideEvent as HoverCardFocusOutsideEvent, InteractOutsideEvent as HoverCardInteractOutsideEvent, OpenChangeDetails as HoverCardOpenChangeDetails, PointerDownOutsideEvent as HoverCardPointerDownOutsideEvent, } from '@zag-js/hover-card';
 export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps } from './hover-card-arrow';
 export { HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps } from './hover-card-arrow-tip';
 export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps } from './hover-card-content';

package/dist/components/image-cropper/image-cropper-context.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useImageCropperContext = require('./use-image-cropper-context.cjs');
+
+const ImageCropperContext = (props) => props.children(useImageCropperContext.useImageCropperContext());
+
+exports.ImageCropperContext = ImageCropperContext;

package/dist/components/image-cropper/image-cropper-context.d.cts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseImageCropperContext } from './use-image-cropper-context';
+export interface ImageCropperContextProps {
+    children: (context: UseImageCropperContext) => ReactNode;
+}
+export declare const ImageCropperContext: (props: ImageCropperContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseImageCropperContext } from './use-image-cropper-context';
+export interface ImageCropperContextProps {
+    children: (context: UseImageCropperContext) => ReactNode;
+}
+export declare const ImageCropperContext: (props: ImageCropperContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+'use client';
+import { useImageCropperContext } from './use-image-cropper-context.js';
+
+const ImageCropperContext = (props) => props.children(useImageCropperContext());
+
+export { ImageCropperContext };

package/dist/components/image-cropper/image-cropper-grid.cjs

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useImageCropperContext = require('./use-image-cropper-context.cjs');
+
+const ImageCropperGrid = react.forwardRef((props, ref) => {
+  const { axis, ...localProps } = props;
+  const imageCropper = useImageCropperContext.useImageCropperContext();
+  const mergedProps = react$1.mergeProps(imageCropper.getGridProps({ axis }), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ImageCropperGrid.displayName = "ImageCropperGrid";
+
+exports.ImageCropperGrid = ImageCropperGrid;

package/dist/components/image-cropper/image-cropper-grid.d.cts

@@ -0,0 +1,8 @@
+import { GridProps } from '@zag-js/image-cropper';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ImageCropperGridBaseProps extends PolymorphicProps, GridProps {
+}
+export interface ImageCropperGridProps extends HTMLProps<'div'>, ImageCropperGridBaseProps {
+}
+export declare const ImageCropperGrid: ForwardRefExoticComponent<ImageCropperGridProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+import { GridProps } from '@zag-js/image-cropper';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ImageCropperGridBaseProps extends PolymorphicProps, GridProps {
+}
+export interface ImageCropperGridProps extends HTMLProps<'div'>, ImageCropperGridBaseProps {
+}
+export declare const ImageCropperGrid: ForwardRefExoticComponent<ImageCropperGridProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,16 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useImageCropperContext } from './use-image-cropper-context.js';
+
+const ImageCropperGrid = forwardRef((props, ref) => {
+  const { axis, ...localProps } = props;
+  const imageCropper = useImageCropperContext();
+  const mergedProps = mergeProps(imageCropper.getGridProps({ axis }), localProps);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ImageCropperGrid.displayName = "ImageCropperGrid";
+
+export { ImageCropperGrid };

package/dist/components/image-cropper/image-cropper-handle.cjs

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useImageCropperContext = require('./use-image-cropper-context.cjs');
+
+const ImageCropperHandle = react.forwardRef((props, ref) => {
+  const { position, ...localProps } = props;
+  const imageCropper = useImageCropperContext.useImageCropperContext();
+  const mergedProps = react$1.mergeProps(imageCropper.getHandleProps({ position }), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ImageCropperHandle.displayName = "ImageCropperHandle";
+
+exports.ImageCropperHandle = ImageCropperHandle;

package/dist/components/image-cropper/image-cropper-handle.d.cts

@@ -0,0 +1,8 @@
+import { HandleProps } from '@zag-js/image-cropper';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ImageCropperHandleBaseProps extends PolymorphicProps, HandleProps {
+}
+export interface ImageCropperHandleProps extends HTMLProps<'div'>, ImageCropperHandleBaseProps {
+}
+export declare const ImageCropperHandle: ForwardRefExoticComponent<ImageCropperHandleProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+import { HandleProps } from '@zag-js/image-cropper';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ImageCropperHandleBaseProps extends PolymorphicProps, HandleProps {
+}
+export interface ImageCropperHandleProps extends HTMLProps<'div'>, ImageCropperHandleBaseProps {
+}
+export declare const ImageCropperHandle: ForwardRefExoticComponent<ImageCropperHandleProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,16 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useImageCropperContext } from './use-image-cropper-context.js';
+
+const ImageCropperHandle = forwardRef((props, ref) => {
+  const { position, ...localProps } = props;
+  const imageCropper = useImageCropperContext();
+  const mergedProps = mergeProps(imageCropper.getHandleProps({ position }), localProps);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ImageCropperHandle.displayName = "ImageCropperHandle";
+
+export { ImageCropperHandle };

package/dist/components/image-cropper/image-cropper-image.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useImageCropperContext = require('./use-image-cropper-context.cjs');
+
+const ImageCropperImage = react.forwardRef((props, ref) => {
+  const imageCropper = useImageCropperContext.useImageCropperContext();
+  const mergedProps = react$1.mergeProps(imageCropper.getImageProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.img, { ...mergedProps, ref });
+});
+ImageCropperImage.displayName = "ImageCropperImage";
+
+exports.ImageCropperImage = ImageCropperImage;

package/dist/components/image-cropper/image-cropper-image.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ImageCropperImageBaseProps extends PolymorphicProps {
+}
+export interface ImageCropperImageProps extends HTMLProps<'img'>, ImageCropperImageBaseProps {
+}
+export declare const ImageCropperImage: ForwardRefExoticComponent<ImageCropperImageProps & RefAttributes<HTMLImageElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ImageCropperImageBaseProps extends PolymorphicProps {
+}
+export interface ImageCropperImageProps extends HTMLProps<'img'>, ImageCropperImageBaseProps {
+}
+export declare const ImageCropperImage: ForwardRefExoticComponent<ImageCropperImageProps & RefAttributes<HTMLImageElement>>;

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

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useImageCropperContext } from './use-image-cropper-context.js';
+
+const ImageCropperImage = forwardRef((props, ref) => {
+  const imageCropper = useImageCropperContext();
+  const mergedProps = mergeProps(imageCropper.getImageProps(), props);
+  return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });
+});
+ImageCropperImage.displayName = "ImageCropperImage";
+
+export { ImageCropperImage };

package/dist/components/image-cropper/image-cropper-root-provider.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useImageCropperContext = require('./use-image-cropper-context.cjs');
+
+const splitRootProviderProps = createSplitProps.createSplitProps();
+const ImageCropperRootProvider = react.forwardRef((props, ref) => {
+  const [{ value: imageCropper }, localProps] = splitRootProviderProps(props, ["value"]);
+  const mergedProps = react$1.mergeProps(imageCropper.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useImageCropperContext.ImageCropperProvider, { value: imageCropper, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+ImageCropperRootProvider.displayName = "ImageCropperRootProvider";
+
+exports.ImageCropperRootProvider = ImageCropperRootProvider;

package/dist/components/image-cropper/image-cropper-root-provider.d.cts

@@ -0,0 +1,12 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseImageCropperReturn } from './use-image-cropper';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UseImageCropperReturn;
+}
+export interface ImageCropperRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface ImageCropperRootProviderProps extends HTMLProps<'div'>, ImageCropperRootProviderBaseProps {
+}
+export declare const ImageCropperRootProvider: ForwardRefExoticComponent<ImageCropperRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/image-cropper/image-cropper-root-provider.d.ts

@@ -0,0 +1,12 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseImageCropperReturn } from './use-image-cropper';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UseImageCropperReturn;
+}
+export interface ImageCropperRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface ImageCropperRootProviderProps extends HTMLProps<'div'>, ImageCropperRootProviderBaseProps {
+}
+export declare const ImageCropperRootProvider: ForwardRefExoticComponent<ImageCropperRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/image-cropper/image-cropper-root-provider.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { ImageCropperProvider } from './use-image-cropper-context.js';
+
+const splitRootProviderProps = createSplitProps();
+const ImageCropperRootProvider = forwardRef((props, ref) => {
+  const [{ value: imageCropper }, localProps] = splitRootProviderProps(props, ["value"]);
+  const mergedProps = mergeProps(imageCropper.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(ImageCropperProvider, { value: imageCropper, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+ImageCropperRootProvider.displayName = "ImageCropperRootProvider";
+
+export { ImageCropperRootProvider };

package/dist/components/image-cropper/image-cropper-root.cjs

@@ -0,0 +1,52 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useImageCropper = require('./use-image-cropper.cjs');
+const useImageCropperContext = require('./use-image-cropper-context.cjs');
+
+const splitRootProps = createSplitProps.createSplitProps();
+const ImageCropperRoot = react.forwardRef((props, ref) => {
+  const [useImageCropperProps, localProps] = splitRootProps(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 imageCropper = useImageCropper.useImageCropper(useImageCropperProps);
+  const mergedProps = react$1.mergeProps(imageCropper.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useImageCropperContext.ImageCropperProvider, { value: imageCropper, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+ImageCropperRoot.displayName = "ImageCropperRoot";
+
+exports.ImageCropperRoot = ImageCropperRoot;

package/dist/components/image-cropper/image-cropper-root.d.cts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseImageCropperProps } from './use-image-cropper';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ImageCropperRootBaseProps extends UseImageCropperProps, PolymorphicProps {
+}
+export interface ImageCropperRootProps extends HTMLProps<'div'>, ImageCropperRootBaseProps {
+}
+export declare const ImageCropperRoot: ForwardRefExoticComponent<ImageCropperRootProps & RefAttributes<HTMLDivElement>>;