@ark-ui/react 0.8.0-beta.0 → 0.8.1

package/avatar/avatar-fallback.d.ts

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type AvatarFallbackProps = HTMLArkProps<'span'>;
+export declare const AvatarFallback: ForwardRefExoticComponent<Assign<AsChildComponentProps<"span">, Record<never, never>>>;

package/avatar/avatar-fallback.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useAvatarContext } from './avatar-context.mjs';
+
+const AvatarFallback = forwardRef((props, ref) => {
+  const { fallbackProps } = useAvatarContext();
+  const mergedProps = mergeProps(fallbackProps, props);
+  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
+});
+
+export { AvatarFallback };

package/avatar/avatar-image.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const avatarContext = require('./avatar-context.cjs');
+
+const AvatarImage = forwardRef.forwardRef((props, ref) => {
+  const { imageProps } = avatarContext.useAvatarContext();
+  const mergedProps = react.mergeProps(imageProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.img, { ...mergedProps, ref });
+});
+
+exports.AvatarImage = AvatarImage;

package/avatar/avatar-image.d.ts

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type AvatarImageProps = HTMLArkProps<'img'>;
+export declare const AvatarImage: ForwardRefExoticComponent<Assign<AsChildComponentProps<"img">, Record<never, never>>>;

package/avatar/avatar-image.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useAvatarContext } from './avatar-context.mjs';
+
+const AvatarImage = forwardRef((props, ref) => {
+  const { imageProps } = useAvatarContext();
+  const mergedProps = mergeProps(imageProps, props);
+  return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });
+});
+
+export { AvatarImage };

package/avatar/avatar.cjs

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const avatarContext = require('./avatar-context.cjs');
+const useAvatar = require('./use-avatar.cjs');
+
+const Avatar = forwardRef.forwardRef((props, ref) => {
+  const [useAvatarProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "getRootNode",
+    "id",
+    "onError",
+    "onLoad"
+  ]);
+  const avatar = useAvatar.useAvatar(useAvatarProps);
+  const mergedProps = react.mergeProps(avatar.rootProps, localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(avatarContext.AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+
+exports.Avatar = Avatar;

package/avatar/avatar.d.ts

@@ -0,0 +1,6 @@
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import { type Assign } from '../types';
+import { type UseAvatarProps } from './use-avatar';
+export type AvatarProps = Assign<HTMLArkProps<'div'>, UseAvatarProps>;
+export declare const Avatar: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, AvatarProps>>;

package/avatar/avatar.mjs

@@ -0,0 +1,22 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { AvatarProvider } from './avatar-context.mjs';
+import { useAvatar } from './use-avatar.mjs';
+
+const Avatar = forwardRef((props, ref) => {
+  const [useAvatarProps, localProps] = createSplitProps()(props, [
+    "getRootNode",
+    "id",
+    "onError",
+    "onLoad"
+  ]);
+  const avatar = useAvatar(useAvatarProps);
+  const mergedProps = mergeProps(avatar.rootProps, localProps);
+  return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+
+export { Avatar };

package/avatar/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const avatar = require('./avatar.cjs');
+const avatarContext = require('./avatar-context.cjs');
+const avatarFallback = require('./avatar-fallback.cjs');
+const avatarImage = require('./avatar-image.cjs');
+const avatar$1 = require('@zag-js/avatar');
+
+
+
+exports.Avatar = avatar.Avatar;
+exports.useAvatarContext = avatarContext.useAvatarContext;
+exports.AvatarFallback = avatarFallback.AvatarFallback;
+exports.AvatarImage = avatarImage.AvatarImage;
+Object.defineProperty(exports, 'avatarAnatomy', {
+	enumerable: true,
+	get: () => avatar$1.anatomy
+});

package/avatar/index.d.ts

@@ -0,0 +1,5 @@
+export { Avatar, type AvatarProps } from './avatar';
+export { useAvatarContext } from './avatar-context';
+export { AvatarFallback, type AvatarFallbackProps } from './avatar-fallback';
+export { AvatarImage, type AvatarImageProps } from './avatar-image';
+export { avatarAnatomy } from './avatar.anatomy';

package/avatar/index.mjs

@@ -0,0 +1,5 @@
+export { Avatar } from './avatar.mjs';
+export { useAvatarContext } from './avatar-context.mjs';
+export { AvatarFallback } from './avatar-fallback.mjs';
+export { AvatarImage } from './avatar-image.mjs';
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';

package/avatar/use-avatar.cjs

@@ -0,0 +1,41 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const avatar = require('@zag-js/avatar');
+const react = require('@zag-js/react');
+const React = require('react');
+const environmentContext = require('../environment/environment-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 avatar__namespace = /*#__PURE__*/_interopNamespaceDefault(avatar);
+
+const useAvatar = (props) => {
+  const getRootNode = environmentContext.useEnvironmentContext();
+  const context = {
+    id: React.useId(),
+    getRootNode,
+    ...props
+  };
+  const [state, send] = react.useMachine(avatar__namespace.machine(context), { context });
+  return avatar__namespace.connect(state, send, react.normalizeProps);
+};
+
+exports.useAvatar = useAvatar;

package/avatar/use-avatar.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, CSSProperties } from 'react';
+import * as avatar from '@zag-js/avatar';
+import { type Optional } from '../types';
+export type UseAvatarProps = Optional<avatar.Context, 'id'>;
+export type UseAvatarReturn = ReturnType<typeof useAvatar>;
+export declare const useAvatar: (props: UseAvatarProps) => avatar.PublicApi<JSX.IntrinsicElements & {
+    element: HTMLAttributes<HTMLElement>;
+    style: CSSProperties;
+}>;

package/avatar/use-avatar.mjs

@@ -0,0 +1,18 @@
+'use client';
+import * as avatar from '@zag-js/avatar';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+
+const useAvatar = (props) => {
+  const getRootNode = useEnvironmentContext();
+  const context = {
+    id: useId(),
+    getRootNode,
+    ...props
+  };
+  const [state, send] = useMachine(avatar.machine(context), { context });
+  return avatar.connect(state, send, normalizeProps);
+};
+
+export { useAvatar };

package/carousel/carousel-context.cjs

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

package/carousel/carousel-context.d.ts

@@ -0,0 +1,11 @@
+import type { PublicApi } from '@zag-js/carousel';
+import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { type UseCarouselReturn } from './use-carousel';
+export type CarouselContext = UseCarouselReturn;
+export declare const CarouselProvider: Provider<PublicApi<JSX.IntrinsicElements & {
+    element: HTMLAttributes<HTMLElement>;
+    style: CSSProperties;
+}>>, useCarouselContext: () => PublicApi<JSX.IntrinsicElements & {
+    element: HTMLAttributes<HTMLElement>;
+    style: CSSProperties;
+}>;

package/carousel/carousel-context.mjs

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../create-context.mjs';
+
+const [CarouselProvider, useCarouselContext] = createContext({
+  name: "CarouselContext",
+  hookName: "useCarouselContext",
+  providerName: "<CarouselProvider />"
+});
+
+export { CarouselProvider, useCarouselContext };

package/carousel/carousel-control.cjs

@@ -0,0 +1,13 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const carousel_anatomy = require('./carousel.anatomy.cjs');
+
+const CarouselControl = forwardRef.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...carousel_anatomy.parts.control.attrs, ...props, ref }));
+
+exports.CarouselControl = CarouselControl;

package/carousel/carousel-control.d.ts

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type CarouselControlProps = HTMLArkProps<'div'>;
+export declare const CarouselControl: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;

package/carousel/carousel-control.mjs

@@ -0,0 +1,9 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { parts } from './carousel.anatomy.mjs';
+
+const CarouselControl = forwardRef((props, ref) => /* @__PURE__ */ jsx(ark.div, { ...parts.control.attrs, ...props, ref }));
+
+export { CarouselControl };

package/carousel/carousel-indicator-group.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const carouselContext = require('./carousel-context.cjs');
+
+const CarouselIndicatorGroup = forwardRef.forwardRef((props, ref) => {
+  const { indicatorGroupProps } = carouselContext.useCarouselContext();
+  const mergedProps = react.mergeProps(indicatorGroupProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+
+exports.CarouselIndicatorGroup = CarouselIndicatorGroup;

package/carousel/carousel-indicator-group.d.ts

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type CarouselIndicatorGroupProps = HTMLArkProps<'div'>;
+export declare const CarouselIndicatorGroup: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;

package/carousel/carousel-indicator-group.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useCarouselContext } from './carousel-context.mjs';
+
+const CarouselIndicatorGroup = forwardRef((props, ref) => {
+  const { indicatorGroupProps } = useCarouselContext();
+  const mergedProps = mergeProps(indicatorGroupProps, props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+
+export { CarouselIndicatorGroup };

package/carousel/carousel-indicator.cjs

@@ -0,0 +1,23 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const carouselContext = require('./carousel-context.cjs');
+
+const CarouselIndicator = forwardRef.forwardRef((props, ref) => {
+  const [indicatorProps, buttonProps] = createSplitProps.createSplitProps()(props, [
+    "readOnly",
+    "index"
+  ]);
+  const { getIndicatorProps } = carouselContext.useCarouselContext();
+  const mergedProps = react.mergeProps(getIndicatorProps(indicatorProps), buttonProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+
+exports.CarouselIndicator = CarouselIndicator;

package/carousel/carousel-indicator.d.ts

@@ -0,0 +1,6 @@
+import type { ForwardRefExoticComponent } from 'react';
+import type { SlideIndicatorProps } from '@zag-js/carousel';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type CarouselIndicatorProps = Assign<HTMLArkProps<'button'>, SlideIndicatorProps>;
+export declare const CarouselIndicator: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, CarouselIndicatorProps>>;

package/carousel/carousel-indicator.mjs

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useCarouselContext } from './carousel-context.mjs';
+
+const CarouselIndicator = forwardRef((props, ref) => {
+  const [indicatorProps, buttonProps] = createSplitProps()(props, [
+    "readOnly",
+    "index"
+  ]);
+  const { getIndicatorProps } = useCarouselContext();
+  const mergedProps = mergeProps(getIndicatorProps(indicatorProps), buttonProps);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+
+export { CarouselIndicator };

package/carousel/carousel-next-slide-trigger.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const carouselContext = require('./carousel-context.cjs');
+
+const CarouselNextSlideTrigger = forwardRef.forwardRef((props, ref) => {
+  const { nextTriggerProps } = carouselContext.useCarouselContext();
+  const mergedProps = react.mergeProps(nextTriggerProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+
+exports.CarouselNextSlideTrigger = CarouselNextSlideTrigger;

package/carousel/carousel-next-slide-trigger.d.ts

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type CarouselNextSlideTriggerProps = HTMLArkProps<'button'>;
+export declare const CarouselNextSlideTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;

package/carousel/carousel-next-slide-trigger.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useCarouselContext } from './carousel-context.mjs';
+
+const CarouselNextSlideTrigger = forwardRef((props, ref) => {
+  const { nextTriggerProps } = useCarouselContext();
+  const mergedProps = mergeProps(nextTriggerProps, props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+
+export { CarouselNextSlideTrigger };

package/carousel/carousel-prev-slide-trigger.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const carouselContext = require('./carousel-context.cjs');
+
+const CarouselPrevSlideTrigger = forwardRef.forwardRef((props, ref) => {
+  const { prevTriggerProps } = carouselContext.useCarouselContext();
+  const mergedProps = react.mergeProps(prevTriggerProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+
+exports.CarouselPrevSlideTrigger = CarouselPrevSlideTrigger;

package/carousel/carousel-prev-slide-trigger.d.ts

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type CarouselPrevSlideTriggerProps = HTMLArkProps<'button'>;
+export declare const CarouselPrevSlideTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;

package/carousel/carousel-prev-slide-trigger.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useCarouselContext } from './carousel-context.mjs';
+
+const CarouselPrevSlideTrigger = forwardRef((props, ref) => {
+  const { prevTriggerProps } = useCarouselContext();
+  const mergedProps = mergeProps(prevTriggerProps, props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+
+export { CarouselPrevSlideTrigger };

package/carousel/carousel-slide-group.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const carouselContext = require('./carousel-context.cjs');
+
+const CarouselSlideGroup = forwardRef.forwardRef((props, ref) => {
+  const { slideGroupProps } = carouselContext.useCarouselContext();
+  const mergedProps = react.mergeProps(slideGroupProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+
+exports.CarouselSlideGroup = CarouselSlideGroup;

package/carousel/carousel-slide-group.d.ts

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type CarouselSlideGroupProps = HTMLArkProps<'div'>;
+export declare const CarouselSlideGroup: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;

package/carousel/carousel-slide-group.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useCarouselContext } from './carousel-context.mjs';
+
+const CarouselSlideGroup = forwardRef((props, ref) => {
+  const { slideGroupProps } = useCarouselContext();
+  const mergedProps = mergeProps(slideGroupProps, props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+
+export { CarouselSlideGroup };

package/carousel/carousel-slide.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const carouselContext = require('./carousel-context.cjs');
+
+const CarouselSlide = forwardRef.forwardRef((props, ref) => {
+  const { index, ...divProps } = props;
+  const { getSlideProps } = carouselContext.useCarouselContext();
+  const mergedProps = react.mergeProps(getSlideProps({ index }), divProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+
+exports.CarouselSlide = CarouselSlide;

package/carousel/carousel-slide.d.ts

@@ -0,0 +1,6 @@
+import type { ForwardRefExoticComponent } from 'react';
+import type { SlideProps } from '@zag-js/carousel';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type CarouselSlideProps = Assign<HTMLArkProps<'div'>, SlideProps>;
+export declare const CarouselSlide: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, SlideProps>>;

package/carousel/carousel-slide.mjs

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useCarouselContext } from './carousel-context.mjs';
+
+const CarouselSlide = forwardRef((props, ref) => {
+  const { index, ...divProps } = props;
+  const { getSlideProps } = useCarouselContext();
+  const mergedProps = mergeProps(getSlideProps({ index }), divProps);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+
+export { CarouselSlide };

package/carousel/carousel-viewport.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const carouselContext = require('./carousel-context.cjs');
+
+const CarouselViewport = forwardRef.forwardRef((props, ref) => {
+  const { viewportProps } = carouselContext.useCarouselContext();
+  const mergedProps = react.mergeProps(viewportProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+
+exports.CarouselViewport = CarouselViewport;

package/carousel/carousel-viewport.d.ts

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type CarouselViewportProps = HTMLArkProps<'div'>;
+export declare const CarouselViewport: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;

package/carousel/carousel-viewport.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useCarouselContext } from './carousel-context.mjs';
+
+const CarouselViewport = forwardRef((props, ref) => {
+  const { viewportProps } = useCarouselContext();
+  const mergedProps = mergeProps(viewportProps, props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+
+export { CarouselViewport };

package/carousel/carousel.anatomy.cjs

@@ -0,0 +1,12 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const carousel = require('@zag-js/carousel');
+
+const carouselAnatomy = carousel.anatomy.extendWith("control");
+const parts = carouselAnatomy.build();
+
+exports.carouselAnatomy = carouselAnatomy;
+exports.parts = parts;

package/carousel/carousel.anatomy.d.ts

@@ -0,0 +1,3 @@
+import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
+export declare const carouselAnatomy: AnatomyInstance<"root" | "viewport" | "slideGroup" | "slide" | "previousTrigger" | "nextTrigger" | "indicatorGroup" | "indicator" | "control">;
+export declare const parts: Record<"root" | "viewport" | "slideGroup" | "slide" | "previousTrigger" | "nextTrigger" | "indicatorGroup" | "indicator" | "control", AnatomyPart>;