@ark-ui/react 5.27.1 → 5.28.0

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,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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useImageCropperContext = require('./use-image-cropper-context.cjs');
+
+const ImageCropperRootProvider = react.forwardRef((props, ref) => {
+  const [{ value: imageCropper }, localProps] = createSplitProps.createSplitProps()(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,16 @@
+'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 ImageCropperRootProvider = forwardRef((props, ref) => {
+  const [{ value: imageCropper }, localProps] = createSplitProps()(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,51 @@
+'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 ImageCropperRoot = react.forwardRef((props, ref) => {
+  const [useImageCropperProps, localProps] = createSplitProps.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 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>>;

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

@@ -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>>;

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

@@ -0,0 +1,47 @@
+'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 { useImageCropper } from './use-image-cropper.js';
+import { ImageCropperProvider } from './use-image-cropper-context.js';
+
+const ImageCropperRoot = forwardRef((props, ref) => {
+  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 imageCropper = useImageCropper(useImageCropperProps);
+  const mergedProps = mergeProps(imageCropper.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(ImageCropperProvider, { value: imageCropper, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+ImageCropperRoot.displayName = "ImageCropperRoot";
+
+export { ImageCropperRoot };

package/dist/components/image-cropper/image-cropper-selection.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 ImageCropperSelection = react.forwardRef((props, ref) => {
+  const imageCropper = useImageCropperContext.useImageCropperContext();
+  const mergedProps = react$1.mergeProps(imageCropper.getSelectionProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ImageCropperSelection.displayName = "ImageCropperSelection";
+
+exports.ImageCropperSelection = ImageCropperSelection;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ImageCropperSelectionBaseProps extends PolymorphicProps {
+}
+export interface ImageCropperSelectionProps extends HTMLProps<'div'>, ImageCropperSelectionBaseProps {
+}
+export declare const ImageCropperSelection: ForwardRefExoticComponent<ImageCropperSelectionProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ImageCropperSelectionBaseProps extends PolymorphicProps {
+}
+export interface ImageCropperSelectionProps extends HTMLProps<'div'>, ImageCropperSelectionBaseProps {
+}
+export declare const ImageCropperSelection: ForwardRefExoticComponent<ImageCropperSelectionProps & RefAttributes<HTMLDivElement>>;

package/dist/components/image-cropper/image-cropper-selection.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 ImageCropperSelection = forwardRef((props, ref) => {
+  const imageCropper = useImageCropperContext();
+  const mergedProps = mergeProps(imageCropper.getSelectionProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ImageCropperSelection.displayName = "ImageCropperSelection";
+
+export { ImageCropperSelection };

package/dist/components/image-cropper/image-cropper-viewport.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 ImageCropperViewport = react.forwardRef((props, ref) => {
+  const imageCropper = useImageCropperContext.useImageCropperContext();
+  const mergedProps = react$1.mergeProps(imageCropper.getViewportProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ImageCropperViewport.displayName = "ImageCropperViewport";
+
+exports.ImageCropperViewport = ImageCropperViewport;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ImageCropperViewportBaseProps extends PolymorphicProps {
+}
+export interface ImageCropperViewportProps extends HTMLProps<'div'>, ImageCropperViewportBaseProps {
+}
+export declare const ImageCropperViewport: ForwardRefExoticComponent<ImageCropperViewportProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ImageCropperViewportBaseProps extends PolymorphicProps {
+}
+export interface ImageCropperViewportProps extends HTMLProps<'div'>, ImageCropperViewportBaseProps {
+}
+export declare const ImageCropperViewport: ForwardRefExoticComponent<ImageCropperViewportProps & RefAttributes<HTMLDivElement>>;

package/dist/components/image-cropper/image-cropper-viewport.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 ImageCropperViewport = forwardRef((props, ref) => {
+  const imageCropper = useImageCropperContext();
+  const mergedProps = mergeProps(imageCropper.getViewportProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ImageCropperViewport.displayName = "ImageCropperViewport";
+
+export { ImageCropperViewport };

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

@@ -0,0 +1 @@
+export { anatomy as imageCropperAnatomy } from '@zag-js/image-cropper';

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

@@ -0,0 +1 @@
+export { anatomy as imageCropperAnatomy } from '@zag-js/image-cropper';

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

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const imageCropper = require('@zag-js/image-cropper');
+const imageCropperContext = require('./image-cropper-context.cjs');
+const imageCropperGrid = require('./image-cropper-grid.cjs');
+const imageCropperHandle = require('./image-cropper-handle.cjs');
+const imageCropperImage = require('./image-cropper-image.cjs');
+const imageCropperRoot = require('./image-cropper-root.cjs');
+const imageCropperRootProvider = require('./image-cropper-root-provider.cjs');
+const imageCropperSelection = require('./image-cropper-selection.cjs');
+const imageCropperViewport = require('./image-cropper-viewport.cjs');
+
+
+
+Object.defineProperty(exports, "handles", {
+  enumerable: true,
+  get: () => imageCropper.handles
+});
+exports.Context = imageCropperContext.ImageCropperContext;
+exports.Grid = imageCropperGrid.ImageCropperGrid;
+exports.Handle = imageCropperHandle.ImageCropperHandle;
+exports.Image = imageCropperImage.ImageCropperImage;
+exports.Root = imageCropperRoot.ImageCropperRoot;
+exports.RootProvider = imageCropperRootProvider.ImageCropperRootProvider;
+exports.Selection = imageCropperSelection.ImageCropperSelection;
+exports.Viewport = imageCropperViewport.ImageCropperViewport;

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

@@ -0,0 +1,10 @@
+export type { CropChangeDetails, FlipChangeDetails, FlipState, HandlePosition, RotationChangeDetails, ZoomChangeDetails, SelectionLabelDetails, PreviewDescriptionDetails, SelectionValueTextDetails, } from '@zag-js/image-cropper';
+export { handles } from '@zag-js/image-cropper';
+export { ImageCropperContext as Context, type ImageCropperContextProps as ContextProps } from './image-cropper-context';
+export { ImageCropperGrid as Grid, type ImageCropperGridBaseProps as GridBaseProps, type ImageCropperGridProps as GridProps, } from './image-cropper-grid';
+export { ImageCropperHandle as Handle, type ImageCropperHandleBaseProps as HandleBaseProps, type ImageCropperHandleProps as HandleProps, } from './image-cropper-handle';
+export { ImageCropperImage as Image, type ImageCropperImageBaseProps as ImageBaseProps, type ImageCropperImageProps as ImageProps, } from './image-cropper-image';
+export { ImageCropperRoot as Root, type ImageCropperRootBaseProps as RootBaseProps, type ImageCropperRootProps as RootProps, } from './image-cropper-root';
+export { ImageCropperRootProvider as RootProvider, type ImageCropperRootProviderBaseProps as RootProviderBaseProps, type ImageCropperRootProviderProps as RootProviderProps, } from './image-cropper-root-provider';
+export { ImageCropperSelection as Selection, type ImageCropperSelectionBaseProps as SelectionBaseProps, type ImageCropperSelectionProps as SelectionProps, } from './image-cropper-selection';
+export { ImageCropperViewport as Viewport, type ImageCropperViewportBaseProps as ViewportBaseProps, type ImageCropperViewportProps as ViewportProps, } from './image-cropper-viewport';

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

@@ -0,0 +1,10 @@
+export type { CropChangeDetails, FlipChangeDetails, FlipState, HandlePosition, RotationChangeDetails, ZoomChangeDetails, SelectionLabelDetails, PreviewDescriptionDetails, SelectionValueTextDetails, } from '@zag-js/image-cropper';
+export { handles } from '@zag-js/image-cropper';
+export { ImageCropperContext as Context, type ImageCropperContextProps as ContextProps } from './image-cropper-context';
+export { ImageCropperGrid as Grid, type ImageCropperGridBaseProps as GridBaseProps, type ImageCropperGridProps as GridProps, } from './image-cropper-grid';
+export { ImageCropperHandle as Handle, type ImageCropperHandleBaseProps as HandleBaseProps, type ImageCropperHandleProps as HandleProps, } from './image-cropper-handle';
+export { ImageCropperImage as Image, type ImageCropperImageBaseProps as ImageBaseProps, type ImageCropperImageProps as ImageProps, } from './image-cropper-image';
+export { ImageCropperRoot as Root, type ImageCropperRootBaseProps as RootBaseProps, type ImageCropperRootProps as RootProps, } from './image-cropper-root';
+export { ImageCropperRootProvider as RootProvider, type ImageCropperRootProviderBaseProps as RootProviderBaseProps, type ImageCropperRootProviderProps as RootProviderProps, } from './image-cropper-root-provider';
+export { ImageCropperSelection as Selection, type ImageCropperSelectionBaseProps as SelectionBaseProps, type ImageCropperSelectionProps as SelectionProps, } from './image-cropper-selection';
+export { ImageCropperViewport as Viewport, type ImageCropperViewportBaseProps as ViewportBaseProps, type ImageCropperViewportProps as ViewportProps, } from './image-cropper-viewport';

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

@@ -0,0 +1,9 @@
+export { handles } from '@zag-js/image-cropper';
+export { ImageCropperContext as Context } from './image-cropper-context.js';
+export { ImageCropperGrid as Grid } from './image-cropper-grid.js';
+export { ImageCropperHandle as Handle } from './image-cropper-handle.js';
+export { ImageCropperImage as Image } from './image-cropper-image.js';
+export { ImageCropperRoot as Root } from './image-cropper-root.js';
+export { ImageCropperRootProvider as RootProvider } from './image-cropper-root-provider.js';
+export { ImageCropperSelection as Selection } from './image-cropper-selection.js';
+export { ImageCropperViewport as Viewport } from './image-cropper-viewport.js';

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

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const imageCropperContext = require('./image-cropper-context.cjs');
+const imageCropperGrid = require('./image-cropper-grid.cjs');
+const imageCropperHandle = require('./image-cropper-handle.cjs');
+const imageCropperImage = require('./image-cropper-image.cjs');
+const imageCropperRoot = require('./image-cropper-root.cjs');
+const imageCropperRootProvider = require('./image-cropper-root-provider.cjs');
+const imageCropperSelection = require('./image-cropper-selection.cjs');
+const imageCropperViewport = require('./image-cropper-viewport.cjs');
+const useImageCropper = require('./use-image-cropper.cjs');
+const useImageCropperContext = require('./use-image-cropper-context.cjs');
+const imageCropper$1 = require('./image-cropper.cjs');
+const imageCropper = require('@zag-js/image-cropper');
+
+
+
+exports.ImageCropperContext = imageCropperContext.ImageCropperContext;
+exports.ImageCropperGrid = imageCropperGrid.ImageCropperGrid;
+exports.ImageCropperHandle = imageCropperHandle.ImageCropperHandle;
+exports.ImageCropperImage = imageCropperImage.ImageCropperImage;
+exports.ImageCropperRoot = imageCropperRoot.ImageCropperRoot;
+exports.ImageCropperRootProvider = imageCropperRootProvider.ImageCropperRootProvider;
+exports.ImageCropperSelection = imageCropperSelection.ImageCropperSelection;
+exports.ImageCropperViewport = imageCropperViewport.ImageCropperViewport;
+exports.useImageCropper = useImageCropper.useImageCropper;
+exports.useImageCropperContext = useImageCropperContext.useImageCropperContext;
+exports.ImageCropper = imageCropper$1;
+Object.defineProperty(exports, "imageCropperAnatomy", {
+  enumerable: true,
+  get: () => imageCropper.anatomy
+});