@ark-ui/react 5.27.1 → 5.29.0

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,48 @@
+'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 splitRootProps = createSplitProps();
+const ImageCropperRoot = 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(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
+});

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

@@ -0,0 +1,13 @@
+export type { CropChangeDetails as ImageCropperCropChangeDetails, FlipChangeDetails as ImageCropperFlipChangeDetails, FlipState as ImageCropperFlipState, HandlePosition as ImageCropperHandlePosition, RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, } from '@zag-js/image-cropper';
+export { ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context';
+export { ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps } from './image-cropper-grid';
+export { ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandleProps, } from './image-cropper-handle';
+export { ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps } from './image-cropper-image';
+export { ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps } from './image-cropper-root';
+export { ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, } from './image-cropper-root-provider';
+export { ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, } from './image-cropper-selection';
+export { ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, } from './image-cropper-viewport';
+export { imageCropperAnatomy } from './image-cropper.anatomy';
+export { useImageCropper, type UseImageCropperProps, type UseImageCropperReturn } from './use-image-cropper';
+export { useImageCropperContext, type UseImageCropperContext } from './use-image-cropper-context';
+export * as ImageCropper from './image-cropper';

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

@@ -0,0 +1,13 @@
+export type { CropChangeDetails as ImageCropperCropChangeDetails, FlipChangeDetails as ImageCropperFlipChangeDetails, FlipState as ImageCropperFlipState, HandlePosition as ImageCropperHandlePosition, RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, } from '@zag-js/image-cropper';
+export { ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context';
+export { ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps } from './image-cropper-grid';
+export { ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandleProps, } from './image-cropper-handle';
+export { ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps } from './image-cropper-image';
+export { ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps } from './image-cropper-root';
+export { ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, } from './image-cropper-root-provider';
+export { ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, } from './image-cropper-selection';
+export { ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, } from './image-cropper-viewport';
+export { imageCropperAnatomy } from './image-cropper.anatomy';
+export { useImageCropper, type UseImageCropperProps, type UseImageCropperReturn } from './use-image-cropper';
+export { useImageCropperContext, type UseImageCropperContext } from './use-image-cropper-context';
+export * as ImageCropper from './image-cropper';

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

@@ -0,0 +1,13 @@
+export { ImageCropperContext } from './image-cropper-context.js';
+export { ImageCropperGrid } from './image-cropper-grid.js';
+export { ImageCropperHandle } from './image-cropper-handle.js';
+export { ImageCropperImage } from './image-cropper-image.js';
+export { ImageCropperRoot } from './image-cropper-root.js';
+export { ImageCropperRootProvider } from './image-cropper-root-provider.js';
+export { ImageCropperSelection } from './image-cropper-selection.js';
+export { ImageCropperViewport } from './image-cropper-viewport.js';
+export { useImageCropper } from './use-image-cropper.js';
+export { useImageCropperContext } from './use-image-cropper-context.js';
+import * as imageCropper from './image-cropper.js';
+export { imageCropper as ImageCropper };
+export { anatomy as imageCropperAnatomy } from '@zag-js/image-cropper';

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

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [ImageCropperProvider, useImageCropperContext] = createContext.createContext({
+  name: "ImageCropperContext",
+  hookName: "useImageCropperContext",
+  providerName: "<ImageCropperProvider />"
+});
+
+exports.ImageCropperProvider = ImageCropperProvider;
+exports.useImageCropperContext = useImageCropperContext;

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

@@ -0,0 +1,5 @@
+import { UseImageCropperReturn } from './use-image-cropper';
+import { Provider } from 'react';
+export interface UseImageCropperContext extends UseImageCropperReturn {
+}
+export declare const ImageCropperProvider: Provider<UseImageCropperContext>, useImageCropperContext: () => UseImageCropperContext;

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

@@ -0,0 +1,5 @@
+import { UseImageCropperReturn } from './use-image-cropper';
+import { Provider } from 'react';
+export interface UseImageCropperContext extends UseImageCropperReturn {
+}
+export declare const ImageCropperProvider: Provider<UseImageCropperContext>, useImageCropperContext: () => UseImageCropperContext;

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

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [ImageCropperProvider, useImageCropperContext] = createContext({
+  name: "ImageCropperContext",
+  hookName: "useImageCropperContext",
+  providerName: "<ImageCropperProvider />"
+});
+
+export { ImageCropperProvider, useImageCropperContext };

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

@@ -0,0 +1,45 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const imageCropper = require('@zag-js/image-cropper');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const imageCropper__namespace = /*#__PURE__*/_interopNamespaceDefault(imageCropper);
+
+const useImageCropper = (props) => {
+  const id = react.useId();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const machineProps = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = react$1.useMachine(imageCropper__namespace.machine, machineProps);
+  return imageCropper__namespace.connect(service, react$1.normalizeProps);
+};
+
+exports.useImageCropper = useImageCropper;

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

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as imageCropper from '@zag-js/image-cropper';
+export interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseImageCropperReturn extends imageCropper.Api<PropTypes> {
+}
+export declare const useImageCropper: (props?: UseImageCropperProps) => UseImageCropperReturn;

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

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as imageCropper from '@zag-js/image-cropper';
+export interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseImageCropperReturn extends imageCropper.Api<PropTypes> {
+}
+export declare const useImageCropper: (props?: UseImageCropperProps) => UseImageCropperReturn;

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

@@ -0,0 +1,22 @@
+'use client';
+import * as imageCropper from '@zag-js/image-cropper';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+
+const useImageCropper = (props) => {
+  const id = useId();
+  const { dir } = useLocaleContext();
+  const { getRootNode } = useEnvironmentContext();
+  const machineProps = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = useMachine(imageCropper.machine, machineProps);
+  return imageCropper.connect(service, normalizeProps);
+};
+
+export { useImageCropper };

package/dist/components/index.cjs

@@ -48,6 +48,8 @@ const bottomSheetTrigger = require('./bottom-sheet/bottom-sheet-trigger.cjs');
 const useBottomSheet = require('./bottom-sheet/use-bottom-sheet.cjs');
 const useBottomSheetContext = require('./bottom-sheet/use-bottom-sheet-context.cjs');
 const bottomSheet$1 = require('./bottom-sheet/bottom-sheet.cjs');
+const carouselAutoplayIndicator = require('./carousel/carousel-autoplay-indicator.cjs');
+const carouselProgressText = require('./carousel/carousel-progress-text.cjs');
 const carouselAutoplayTrigger = require('./carousel/carousel-autoplay-trigger.cjs');
 const carouselContext = require('./carousel/carousel-context.cjs');
 const carouselControl = require('./carousel/carousel-control.cjs');
@@ -59,9 +61,10 @@ const carouselNextTrigger = require('./carousel/carousel-next-trigger.cjs');
 const carouselPrevTrigger = require('./carousel/carousel-prev-trigger.cjs');
 const carouselRoot = require('./carousel/carousel-root.cjs');
 const carouselRootProvider = require('./carousel/carousel-root-provider.cjs');
+const carousel_anatomy = require('./carousel/carousel.anatomy.cjs');
 const useCarousel = require('./carousel/use-carousel.cjs');
 const useCarouselContext = require('./carousel/use-carousel-context.cjs');
-const carousel$1 = require('./carousel/carousel.cjs');
+const carousel = require('./carousel/carousel.cjs');
 const checkboxContext = require('./checkbox/checkbox-context.cjs');
 const checkboxControl = require('./checkbox/checkbox-control.cjs');
 const checkboxGroup = require('./checkbox/checkbox-group.cjs');
@@ -297,6 +300,17 @@ const hoverCardTrigger = require('./hover-card/hover-card-trigger.cjs');
 const useHoverCard = require('./hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./hover-card/hover-card.cjs');
+const imageCropperContext = require('./image-cropper/image-cropper-context.cjs');
+const imageCropperGrid = require('./image-cropper/image-cropper-grid.cjs');
+const imageCropperHandle = require('./image-cropper/image-cropper-handle.cjs');
+const imageCropperImage = require('./image-cropper/image-cropper-image.cjs');
+const imageCropperRoot = require('./image-cropper/image-cropper-root.cjs');
+const imageCropperRootProvider = require('./image-cropper/image-cropper-root-provider.cjs');
+const imageCropperSelection = require('./image-cropper/image-cropper-selection.cjs');
+const imageCropperViewport = require('./image-cropper/image-cropper-viewport.cjs');
+const useImageCropper = require('./image-cropper/use-image-cropper.cjs');
+const useImageCropperContext = require('./image-cropper/use-image-cropper-context.cjs');
+const imageCropper$1 = require('./image-cropper/image-cropper.cjs');
 const jsonTreeViewRoot = require('./json-tree-view/json-tree-view-root.cjs');
 const jsonTreeViewRootProvider = require('./json-tree-view/json-tree-view-root-provider.cjs');
 const jsonTreeViewTree = require('./json-tree-view/json-tree-view-tree.cjs');
@@ -548,9 +562,11 @@ const sliderValueText = require('./slider/slider-value-text.cjs');
 const useSlider = require('./slider/use-slider.cjs');
 const useSliderContext = require('./slider/use-slider-context.cjs');
 const slider$1 = require('./slider/slider.cjs');
+const splitter = require('@zag-js/splitter');
 const splitterContext = require('./splitter/splitter-context.cjs');
 const splitterPanel = require('./splitter/splitter-panel.cjs');
 const splitterResizeTrigger = require('./splitter/splitter-resize-trigger.cjs');
+const splitterResizeTriggerIndicator = require('./splitter/splitter-resize-trigger-indicator.cjs');
 const splitterRoot = require('./splitter/splitter-root.cjs');
 const splitterRootProvider = require('./splitter/splitter-root-provider.cjs');
 const useSplitter = require('./splitter/use-splitter.cjs');
@@ -705,7 +721,6 @@ const accordion = require('@zag-js/accordion');
 const angleSlider = require('@zag-js/angle-slider');
 const avatar = require('@zag-js/avatar');
 const bottomSheet = require('@zag-js/bottom-sheet');
-const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
 const dialog = require('@zag-js/dialog');
@@ -713,6 +728,7 @@ const editable = require('@zag-js/editable');
 const fileUpload = require('@zag-js/file-upload');
 const floatingPanel = require('@zag-js/floating-panel');
 const hoverCard = require('@zag-js/hover-card');
+const imageCropper = require('@zag-js/image-cropper');
 const marquee = require('@zag-js/marquee');
 const menu = require('@zag-js/menu');
 const numberInput = require('@zag-js/number-input');
@@ -728,7 +744,6 @@ const scrollArea = require('@zag-js/scroll-area');
 const select = require('@zag-js/select');
 const signaturePad = require('@zag-js/signature-pad');
 const slider = require('@zag-js/slider');
-const splitter = require('@zag-js/splitter');
 const steps = require('@zag-js/steps');
 const zagSwitch = require('@zag-js/switch');
 const tabs = require('@zag-js/tabs');
@@ -787,6 +802,8 @@ exports.BottomSheetTrigger = bottomSheetTrigger.BottomSheetTrigger;
 exports.useBottomSheet = useBottomSheet.useBottomSheet;
 exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
 exports.BottomSheet = bottomSheet$1;
+exports.CarouselAutoplayIndicator = carouselAutoplayIndicator.CarouselAutoplayIndicator;
+exports.CarouselProgressText = carouselProgressText.CarouselProgressText;
 exports.CarouselAutoplayTrigger = carouselAutoplayTrigger.CarouselAutoplayTrigger;
 exports.CarouselContext = carouselContext.CarouselContext;
 exports.CarouselControl = carouselControl.CarouselControl;
@@ -798,9 +815,10 @@ exports.CarouselNextTrigger = carouselNextTrigger.CarouselNextTrigger;
 exports.CarouselPrevTrigger = carouselPrevTrigger.CarouselPrevTrigger;
 exports.CarouselRoot = carouselRoot.CarouselRoot;
 exports.CarouselRootProvider = carouselRootProvider.CarouselRootProvider;
+exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.useCarousel = useCarousel.useCarousel;
 exports.useCarouselContext = useCarouselContext.useCarouselContext;
-exports.Carousel = carousel$1;
+exports.Carousel = carousel;
 exports.CheckboxContext = checkboxContext.CheckboxContext;
 exports.CheckboxControl = checkboxControl.CheckboxControl;
 exports.CheckboxGroup = checkboxGroup.CheckboxGroup;
@@ -1044,6 +1062,17 @@ exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard$1;
+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;
 exports.JsonTreeViewRoot = jsonTreeViewRoot.JsonTreeViewRoot;
 exports.JsonTreeViewRootProvider = jsonTreeViewRootProvider.JsonTreeViewRootProvider;
 exports.JsonTreeViewTree = jsonTreeViewTree.JsonTreeViewTree;
@@ -1296,9 +1325,18 @@ exports.SliderValueText = sliderValueText.SliderValueText;
 exports.useSlider = useSlider.useSlider;
 exports.useSliderContext = useSliderContext.useSliderContext;
 exports.Slider = slider$1;
+Object.defineProperty(exports, "getSplitterLayout", {
+	enumerable: true,
+	get: () => splitter.layout
+});
+Object.defineProperty(exports, "splitterAnatomy", {
+	enumerable: true,
+	get: () => splitter.anatomy
+});
 exports.SplitterContext = splitterContext.SplitterContext;
 exports.SplitterPanel = splitterPanel.SplitterPanel;
 exports.SplitterResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;
+exports.SplitterResizeTriggerIndicator = splitterResizeTriggerIndicator.SplitterResizeTriggerIndicator;
 exports.SplitterRoot = splitterRoot.SplitterRoot;
 exports.SplitterRootProvider = splitterRootProvider.SplitterRootProvider;
 exports.useSplitter = useSplitter.useSplitter;
@@ -1465,10 +1503,6 @@ Object.defineProperty(exports, "bottomSheetAnatomy", {
 	enumerable: true,
 	get: () => bottomSheet.anatomy
 });
-Object.defineProperty(exports, "carouselAnatomy", {
-	enumerable: true,
-	get: () => carousel.anatomy
-});
 Object.defineProperty(exports, "clipboardAnatomy", {
 	enumerable: true,
 	get: () => clipboard.anatomy
@@ -1497,6 +1531,10 @@ Object.defineProperty(exports, "hoverCardAnatomy", {
 	enumerable: true,
 	get: () => hoverCard.anatomy
 });
+Object.defineProperty(exports, "imageCropperAnatomy", {
+	enumerable: true,
+	get: () => imageCropper.anatomy
+});
 Object.defineProperty(exports, "marqueeAnatomy", {
 	enumerable: true,
 	get: () => marquee.anatomy
@@ -1557,10 +1595,6 @@ Object.defineProperty(exports, "sliderAnatomy", {
 	enumerable: true,
 	get: () => slider.anatomy
 });
-Object.defineProperty(exports, "splitterAnatomy", {
-	enumerable: true,
-	get: () => splitter.anatomy
-});
 Object.defineProperty(exports, "stepsAnatomy", {
 	enumerable: true,
 	get: () => steps.anatomy

package/dist/components/index.d.cts

@@ -23,6 +23,7 @@ export * from './format';
 export * from './frame';
 export * from './highlight';
 export * from './hover-card';
+export * from './image-cropper';
 export * from './json-tree-view';
 export * from './listbox';
 export * from './marquee';

package/dist/components/index.d.ts

@@ -23,6 +23,7 @@ export * from './format';
 export * from './frame';
 export * from './highlight';
 export * from './hover-card';
+export * from './image-cropper';
 export * from './json-tree-view';
 export * from './listbox';
 export * from './marquee';