@ark-ui/react 0.15.0 → 1.0.0-beta.1

package/tooltip/tooltip-context.d.ts

@@ -1,5 +1,6 @@
 import { Provider } from 'react';
 /// <reference types="react" />
 import { type UseTooltipReturn } from './use-tooltip';
-export type TooltipContext = UseTooltipReturn;
-export declare const TooltipProvider: Provider<UseTooltipReturn>, useTooltipContext: () => UseTooltipReturn;
+export interface TooltipContext extends UseTooltipReturn {
+}
+export declare const TooltipProvider: Provider<TooltipContext>, useTooltipContext: () => TooltipContext;

package/tooltip/tooltip-positioner.cjs

@@ -11,8 +11,8 @@ const tooltipContext = require('./tooltip-context.cjs');
 
 const TooltipPositioner = react.forwardRef(
   (props, ref) => {
-    const { positionerProps } = tooltipContext.useTooltipContext();
-    const mergedProps = react$1.mergeProps(positionerProps, props);
+    const api = tooltipContext.useTooltipContext();
+    const mergedProps = react$1.mergeProps(api.positionerProps, props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );

package/tooltip/tooltip-positioner.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type TooltipPositionerProps = HTMLArkProps<'div'>;
-export declare const TooltipPositioner: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;
+export interface TooltipPositionerProps extends HTMLArkProps<'div'> {
+}
+export declare const TooltipPositioner: ForwardRefExoticComponent<TooltipPositionerProps & RefAttributes<HTMLDivElement>>;

package/tooltip/tooltip-positioner.mjs

@@ -7,8 +7,8 @@ import { useTooltipContext } from './tooltip-context.mjs';
 
 const TooltipPositioner = forwardRef(
   (props, ref) => {
-    const { positionerProps } = useTooltipContext();
-    const mergedProps = mergeProps(positionerProps, props);
+    const api = useTooltipContext();
+    const mergedProps = mergeProps(api.positionerProps, props);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );

package/tooltip/tooltip-trigger.cjs

@@ -10,8 +10,8 @@ const factory = require('../factory.cjs');
 const tooltipContext = require('./tooltip-context.cjs');
 
 const TooltipTrigger = react.forwardRef((props, ref) => {
-  const { triggerProps } = tooltipContext.useTooltipContext();
-  const mergedProps = react$1.mergeProps(triggerProps, props);
+  const api = tooltipContext.useTooltipContext();
+  const mergedProps = react$1.mergeProps(api.triggerProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
 TooltipTrigger.displayName = "TooltipTrigger";

package/tooltip/tooltip-trigger.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type TooltipTriggerProps = HTMLArkProps<'button'>;
-export declare const TooltipTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLButtonElement>>;
+export interface TooltipTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const TooltipTrigger: ForwardRefExoticComponent<TooltipTriggerProps & RefAttributes<HTMLButtonElement>>;

package/tooltip/tooltip-trigger.mjs

@@ -6,8 +6,8 @@ import { ark } from '../factory.mjs';
 import { useTooltipContext } from './tooltip-context.mjs';
 
 const TooltipTrigger = forwardRef((props, ref) => {
-  const { triggerProps } = useTooltipContext();
-  const mergedProps = mergeProps(triggerProps, props);
+  const api = useTooltipContext();
+  const mergedProps = mergeProps(api.triggerProps, props);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
 TooltipTrigger.displayName = "TooltipTrigger";

package/tooltip/tooltip.cjs

@@ -11,9 +11,9 @@ const useTooltip = require('./use-tooltip.cjs');
 
 const Tooltip = (props) => {
   const { children, ...useTooltipProps } = props;
-  const tooltip = useTooltip.useTooltip(useTooltipProps);
-  const view = runIfFn.runIfFn(children, tooltip);
-  return /* @__PURE__ */ jsxRuntime.jsx(tooltipContext.TooltipProvider, { value: tooltip, children: view });
+  const api = useTooltip.useTooltip(useTooltipProps);
+  const view = runIfFn.runIfFn(children, api);
+  return /* @__PURE__ */ jsxRuntime.jsx(tooltipContext.TooltipProvider, { value: api, children: view });
 };
 
 exports.Tooltip = Tooltip;

package/tooltip/tooltip.d.ts

@@ -1,9 +1,8 @@
 import { JSX } from 'react/jsx-runtime';
-import { type PropsWithChildren, type ReactNode } from 'react';
-import type { Assign } from '../types';
+import { type ReactNode } from 'react';
 import { type TooltipContext } from './tooltip-context';
 import { type UseTooltipProps } from './use-tooltip';
-export type TooltipProps = Assign<PropsWithChildren<UseTooltipProps>, {
+export interface TooltipProps extends UseTooltipProps {
     children?: ReactNode | ((props: TooltipContext) => ReactNode);
-}>;
+}
 export declare const Tooltip: (props: TooltipProps) => JSX.Element;

package/tooltip/tooltip.mjs

@@ -7,9 +7,9 @@ import { useTooltip } from './use-tooltip.mjs';
 
 const Tooltip = (props) => {
   const { children, ...useTooltipProps } = props;
-  const tooltip = useTooltip(useTooltipProps);
-  const view = runIfFn(children, tooltip);
-  return /* @__PURE__ */ jsx(TooltipProvider, { value: tooltip, children: view });
+  const api = useTooltip(useTooltipProps);
+  const view = runIfFn(children, api);
+  return /* @__PURE__ */ jsx(TooltipProvider, { value: api, children: view });
 };
 
 export { Tooltip };

package/tooltip/use-tooltip.cjs

@@ -7,6 +7,7 @@ const react$1 = require('@zag-js/react');
 const tooltip = require('@zag-js/tooltip');
 const react = require('react');
 require('../environment/index.cjs');
+const useEvent = require('../use-event.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {
@@ -29,13 +30,16 @@ function _interopNamespaceDefault(e) {
 const tooltip__namespace = /*#__PURE__*/_interopNamespaceDefault(tooltip);
 
 const useTooltip = (props) => {
-  const getRootNode = environmentContext.useEnvironmentContext();
-  const context = {
+  const initialContext = {
     id: react.useId(),
-    getRootNode,
+    getRootNode: environmentContext.useEnvironmentContext(),
     ...props
   };
-  const [state, send] = react$1.useMachine(tooltip__namespace.machine(context), { context });
+  const context = {
+    ...initialContext,
+    onOpenChange: useEvent.useEvent(props.onOpenChange, { sync: true })
+  };
+  const [state, send] = react$1.useMachine(tooltip__namespace.machine(initialContext), { context });
   return tooltip__namespace.connect(state, send, react$1.normalizeProps);
 };
 

package/tooltip/use-tooltip.d.ts

@@ -1,6 +1,8 @@
+import { type PropTypes } from '@zag-js/react';
 import * as tooltip from '@zag-js/tooltip';
 import { type Optional } from '../types';
 export interface UseTooltipProps extends Optional<tooltip.Context, 'id'> {
 }
-export type UseTooltipReturn = tooltip.Api;
+export interface UseTooltipReturn extends tooltip.Api<PropTypes> {
+}
 export declare const useTooltip: (props: UseTooltipProps) => UseTooltipReturn;

package/tooltip/use-tooltip.mjs

@@ -3,16 +3,20 @@ import { useMachine, normalizeProps } from '@zag-js/react';
 import * as tooltip from '@zag-js/tooltip';
 import { useId } from 'react';
 import '../environment/index.mjs';
+import { useEvent } from '../use-event.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useTooltip = (props) => {
-  const getRootNode = useEnvironmentContext();
-  const context = {
+  const initialContext = {
     id: useId(),
-    getRootNode,
+    getRootNode: useEnvironmentContext(),
     ...props
   };
-  const [state, send] = useMachine(tooltip.machine(context), { context });
+  const context = {
+    ...initialContext,
+    onOpenChange: useEvent(props.onOpenChange, { sync: true })
+  };
+  const [state, send] = useMachine(tooltip.machine(initialContext), { context });
   return tooltip.connect(state, send, normalizeProps);
 };
 

package/use-event.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const react = require('react');
-const reactDom = require('react-dom');
 const useLatestRef = require('./use-latest-ref.cjs');
 
 function useEvent(callback, opts = {}) {
@@ -13,7 +12,7 @@ function useEvent(callback, opts = {}) {
   return react.useCallback(
     (...args) => {
       if (sync)
-        return reactDom.flushSync(() => callbackRef.current?.(...args));
+        return queueMicrotask(() => callbackRef.current?.(...args));
       return callbackRef.current?.(...args);
     },
     [sync, callbackRef]

package/use-event.mjs

@@ -1,6 +1,5 @@
 'use client';
 import { useCallback } from 'react';
-import { flushSync } from 'react-dom';
 import { useLatestRef } from './use-latest-ref.mjs';
 
 function useEvent(callback, opts = {}) {
@@ -9,7 +8,7 @@ function useEvent(callback, opts = {}) {
   return useCallback(
     (...args) => {
       if (sync)
-        return flushSync(() => callbackRef.current?.(...args));
+        return queueMicrotask(() => callbackRef.current?.(...args));
       return callbackRef.current?.(...args);
     },
     [sync, callbackRef]

package/accordion/accordion-content.d.ts

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-import { type PresenceProps } from '../presence';
-import type { Assign } from '../types';
-export type AccordionContentProps = Assign<HTMLArkProps<'div'>, Omit<PresenceProps, 'children'>>;
-export declare const AccordionContent: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "present" | "onExitComplete" | "lazyMount" | "unmountOnExit"> & Omit<PresenceProps, "children"> & RefAttributes<HTMLDivElement>>;

package/accordion/accordion-trigger.d.ts

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type AccordionTriggerProps = HTMLArkProps<'button'>;
-export declare const AccordionTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLButtonElement>>;

package/accordion/accordion.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as accordionAnatomy } from '@zag-js/accordion';

package/avatar/avatar.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as avatarAnatomy } from '@zag-js/avatar';

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

@@ -1,19 +0,0 @@
-'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 carouselContext = require('./carousel-context.cjs');
-
-const CarouselNextSlideTrigger = react.forwardRef((props, ref) => {
-  const { nextSlideTriggerProps } = carouselContext.useCarouselContext();
-  const mergedProps = react$1.mergeProps(nextSlideTriggerProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
-CarouselNextSlideTrigger.displayName = "CarouselNextSlideTrigger";
-
-exports.CarouselNextSlideTrigger = CarouselNextSlideTrigger;

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

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type CarouselNextSlideTriggerProps = HTMLArkProps<'button'>;
-export declare const CarouselNextSlideTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -1,19 +0,0 @@
-'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 carouselContext = require('./carousel-context.cjs');
-
-const CarouselPrevSlideTrigger = react.forwardRef((props, ref) => {
-  const { prevSlideTriggerProps } = carouselContext.useCarouselContext();
-  const mergedProps = react$1.mergeProps(prevSlideTriggerProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
-CarouselPrevSlideTrigger.displayName = "CarouselPrevSlideTrigger";
-
-exports.CarouselPrevSlideTrigger = CarouselPrevSlideTrigger;

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

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type CarouselPrevSlideTriggerProps = HTMLArkProps<'button'>;
-export declare const CarouselPrevSlideTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type CarouselSlideGroupProps = HTMLArkProps<'div'>;
-export declare const CarouselSlideGroup: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;

package/carousel/carousel-slide.d.ts

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

package/carousel/carousel.anatomy.cjs

@@ -1,12 +0,0 @@
-'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

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

package/carousel/carousel.anatomy.mjs

@@ -1,7 +0,0 @@
-'use client';
-import { anatomy } from '@zag-js/carousel';
-
-const carouselAnatomy = anatomy.extendWith("control");
-const parts = carouselAnatomy.build();
-
-export { carouselAnatomy, parts };

package/checkbox/checkbox.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';

package/color-picker/color-picker-area-gradient.d.ts

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type ColorPickerAreaGradientProps = HTMLArkProps<'div'>;
-export declare const ColorPickerAreaGradient: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;

package/color-picker/color-picker-channel-slider-background.cjs

@@ -1,21 +0,0 @@
-'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 colorPickerChannelSliderContext = require('./color-picker-channel-slider-context.cjs');
-const colorPickerContext = require('./color-picker-context.cjs');
-
-const ColorPickerChannelSliderBackground = react.forwardRef((props, ref) => {
-  const sliderContext = colorPickerChannelSliderContext.useColorPickerChannelSliderContext();
-  const { getChannelSliderBackgroundProps } = colorPickerContext.useColorPickerContext();
-  const mergedProps = react$1.mergeProps(getChannelSliderBackgroundProps(sliderContext), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
-ColorPickerChannelSliderBackground.displayName = "ColorPickerChannelSliderBackground";
-
-exports.ColorPickerChannelSliderBackground = ColorPickerChannelSliderBackground;

package/color-picker/color-picker-channel-slider-background.d.ts

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type ColorPickerChannelSliderBackgroundProps = HTMLArkProps<'div'>;
-export declare const ColorPickerChannelSliderBackground: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;

package/color-picker/color-picker-channel-slider-background.mjs

@@ -1,17 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useColorPickerChannelSliderContext } from './color-picker-channel-slider-context.mjs';
-import { useColorPickerContext } from './color-picker-context.mjs';
-
-const ColorPickerChannelSliderBackground = forwardRef((props, ref) => {
-  const sliderContext = useColorPickerChannelSliderContext();
-  const { getChannelSliderBackgroundProps } = useColorPickerContext();
-  const mergedProps = mergeProps(getChannelSliderBackgroundProps(sliderContext), props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
-ColorPickerChannelSliderBackground.displayName = "ColorPickerChannelSliderBackground";
-
-export { ColorPickerChannelSliderBackground };

package/color-picker/color-picker-swatch-background.cjs

@@ -1,21 +0,0 @@
-'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 colorPickerContext = require('./color-picker-context.cjs');
-const colorPickerSwatchContext = require('./color-picker-swatch-context.cjs');
-
-const ColorPickerSwatchBackground = react.forwardRef((props, ref) => {
-  const { getSwatchBackgroundProps } = colorPickerContext.useColorPickerContext();
-  const colorSwatchProps = colorPickerSwatchContext.useColorPickerSwatchContext();
-  const mergedProps = react$1.mergeProps(getSwatchBackgroundProps(colorSwatchProps), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
-ColorPickerSwatchBackground.displayName = "ColorPickerSwatchBackground";
-
-exports.ColorPickerSwatchBackground = ColorPickerSwatchBackground;

package/color-picker/color-picker-swatch-background.d.ts

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type ColorPickerSwatchBackgroundProps = HTMLArkProps<'div'>;
-export declare const ColorPickerSwatchBackground: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;

package/color-picker/color-picker-swatch-background.mjs

@@ -1,17 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useColorPickerContext } from './color-picker-context.mjs';
-import { useColorPickerSwatchContext } from './color-picker-swatch-context.mjs';
-
-const ColorPickerSwatchBackground = forwardRef((props, ref) => {
-  const { getSwatchBackgroundProps } = useColorPickerContext();
-  const colorSwatchProps = useColorPickerSwatchContext();
-  const mergedProps = mergeProps(getSwatchBackgroundProps(colorSwatchProps), props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
-ColorPickerSwatchBackground.displayName = "ColorPickerSwatchBackground";
-
-export { ColorPickerSwatchBackground };

package/color-picker/color-picker-swatch-context.cjs

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

package/color-picker/color-picker-swatch-context.d.ts

@@ -1,4 +0,0 @@
-import { Provider } from 'react';
-/// <reference types="react" />
-import type { ColorSwatchProps } from '@zag-js/color-picker';
-export declare const ColorPickerSwatchProvider: Provider<ColorSwatchProps>, useColorPickerSwatchContext: () => ColorSwatchProps;

package/color-picker/color-picker-swatch-context.mjs

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

package/color-picker/color-picker.anatomy.cjs

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

package/color-picker/color-picker.anatomy.d.ts

@@ -1,3 +0,0 @@
-import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
-export declare const colorPickerAnatomy: AnatomyInstance<"area" | "label" | "content" | "areaThumb" | "areaGradient" | "channelSliderTrack" | "channelSliderTrackBackground" | "channelSliderThumb" | "channelInput" | "swatch" | "swatchBackground" | "eyeDropperTrigger" | "swatchGroup">;
-export declare const parts: Record<"area" | "label" | "content" | "areaThumb" | "areaGradient" | "channelSliderTrack" | "channelSliderTrackBackground" | "channelSliderThumb" | "channelInput" | "swatch" | "swatchBackground" | "eyeDropperTrigger" | "swatchGroup", AnatomyPart>;

package/color-picker/color-picker.anatomy.mjs

@@ -1,7 +0,0 @@
-'use client';
-import { anatomy } from '@zag-js/color-picker';
-
-const colorPickerAnatomy = anatomy.extendWith("swatchGroup");
-const parts = colorPickerAnatomy.build();
-
-export { colorPickerAnatomy, parts };

package/combobox/combobox.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';

package/date-picker/date-picker-cell-context.cjs

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

package/date-picker/date-picker-cell-context.d.ts

@@ -1,4 +0,0 @@
-import { Provider } from 'react';
-/// <reference types="react" />
-import type { CellProps } from '@zag-js/date-picker';
-export declare const DatePickerCellProvider: Provider<CellProps>, useDatePickerCellContext: () => CellProps;

package/date-picker/date-picker-cell-context.mjs

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

package/date-picker/date-picker-column-header.cjs

@@ -1,18 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const factory = require('../factory.cjs');
-const datePicker_anatomy = require('./date-picker.anatomy.cjs');
-
-const DatePickerColumnHeader = react.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { role: "columnheader", ...datePicker_anatomy.parts.columnHeader.attrs, ...props, ref });
-  }
-);
-DatePickerColumnHeader.displayName = "DatePickerColumnHeader";
-
-exports.DatePickerColumnHeader = DatePickerColumnHeader;