@ark-ui/react 0.10.0 → 0.11.0-beta.1

package/pagination/index.mjs

@@ -1,9 +1,21 @@
-export { Pagination } from './pagination.mjs';
+import { Pagination as Pagination$1 } from './pagination.mjs';
 export { usePaginationContext } from './pagination-context.mjs';
-export { PaginationEllipsis } from './pagination-ellipsis.mjs';
-export { PaginationList } from './pagination-list.mjs';
-export { PaginationListItem } from './pagination-list-item.mjs';
-export { PaginationNextPageTrigger } from './pagination-next-page-trigger.mjs';
-export { PaginationPageTrigger } from './pagination-page-trigger.mjs';
-export { PaginationPrevPageTrigger } from './pagination-prev-page-trigger.mjs';
+import { PaginationEllipsis } from './pagination-ellipsis.mjs';
+import { PaginationList } from './pagination-list.mjs';
+import { PaginationListItem } from './pagination-list-item.mjs';
+import { PaginationNextPageTrigger } from './pagination-next-page-trigger.mjs';
+import { PaginationPageTrigger } from './pagination-page-trigger.mjs';
+import { PaginationPrevPageTrigger } from './pagination-prev-page-trigger.mjs';
 export { paginationAnatomy } from './pagination.anatomy.mjs';
+
+const Pagination = Object.assign(Pagination$1, {
+  Root: Pagination$1,
+  Ellipsis: PaginationEllipsis,
+  List: PaginationList,
+  ListItem: PaginationListItem,
+  NextPageTrigger: PaginationNextPageTrigger,
+  PageTrigger: PaginationPageTrigger,
+  PrevPageTrigger: PaginationPrevPageTrigger
+});
+
+export { Pagination, PaginationEllipsis, PaginationList, PaginationListItem, PaginationNextPageTrigger, PaginationPageTrigger, PaginationPrevPageTrigger };

package/pagination/pagination-context.d.ts

@@ -1,5 +1,6 @@
-import type { PublicApi } from '@zag-js/pagination';
-import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { PublicApi } from '@zag-js/pagination';
+import { Provider, HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import { type UsePaginationReturn } from './use-pagination';
 export type PaginationContext = UsePaginationReturn;
 export declare const PaginationProvider: Provider<PublicApi<JSX.IntrinsicElements & {

package/pagination/pagination-ellipsis.d.ts

@@ -1,5 +1,5 @@
 import type { EllipsisProps } from '@zag-js/pagination';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 export type PaginationEllipsisProps = Assign<ComponentPropsWithoutRef<typeof ark.div>, EllipsisProps>;

package/pagination/pagination-list-item.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, LiHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, LiHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PaginationListItemProps = ComponentPropsWithoutRef<typeof ark.li>;
 export declare const PaginationListItem: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {

package/pagination/pagination-list.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PaginationListProps = ComponentPropsWithoutRef<typeof ark.ul>;
 export declare const PaginationList: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {

package/pagination/pagination-next-page-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PaginationNextPageTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const PaginationNextPageTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/pagination/pagination-page-trigger.d.ts

@@ -1,5 +1,5 @@
 import type { PageTriggerProps } from '@zag-js/pagination';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import type { Assign } from '../types';
 export type PaginationPageTriggerProps = Assign<ComponentPropsWithoutRef<typeof ark.button>, PageTriggerProps>;

package/pagination/pagination-prev-page-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PaginationPrevPageTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const PaginationPrevPageTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/pagination/pagination.anatomy.d.ts

@@ -1,3 +1,3 @@
-import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
+import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
 export declare const paginationAnatomy: AnatomyInstance<"list" | "root" | "pageTrigger" | "ellipsis" | "prevPageTrigger" | "nextPageTrigger" | "listItem">;
 export declare const parts: Record<"list" | "root" | "pageTrigger" | "ellipsis" | "prevPageTrigger" | "nextPageTrigger" | "listItem", AnatomyPart>;

package/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef,  type ReactNode } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UsePaginationProps, type UsePaginationReturn } from './use-pagination';

package/pagination/pagination.stories.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Pagination } from './';
+type PaginationType = typeof Pagination;
+declare const meta: Meta<PaginationType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const Controlled: () => JSX.Element;
+export declare const Customized: () => JSX.Element;

package/pagination/pagination.test.d.ts

@@ -0,0 +1 @@
+export {};

package/pagination/use-pagination.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const pagination = require('@zag-js/pagination');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/pagination/use-pagination.d.ts

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import * as pagination from '@zag-js/pagination';
 import { type Optional } from '../types';
 export type UsePaginationProps = Optional<pagination.Context, 'id'> & {

package/pagination/use-pagination.mjs

@@ -2,6 +2,7 @@
 import * as pagination from '@zag-js/pagination';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const usePagination = (props) => {

package/pin-input/index.cjs

@@ -2,21 +2,26 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const pinInput = require('./pin-input.cjs');
+const pinInput$1 = require('./pin-input.cjs');
 const pinInputContext = require('./pin-input-context.cjs');
 const pinInputControl = require('./pin-input-control.cjs');
 const pinInputField = require('./pin-input-field.cjs');
 const pinInputLabel = require('./pin-input-label.cjs');
-const pinInput$1 = require('@zag-js/pin-input');
-
+const pinInput = require('@zag-js/pin-input');
 
+const PinInput = Object.assign(pinInput$1.PinInput, {
+  Root: pinInput$1.PinInput,
+  Control: pinInputControl.PinInputControl,
+  Field: pinInputField.PinInputField,
+  Label: pinInputLabel.PinInputLabel
+});
 
-exports.PinInput = pinInput.PinInput;
 exports.usePinInputContext = pinInputContext.usePinInputContext;
 exports.PinInputControl = pinInputControl.PinInputControl;
 exports.PinInputField = pinInputField.PinInputField;
 exports.PinInputLabel = pinInputLabel.PinInputLabel;
 Object.defineProperty(exports, 'pinInputAnatomy', {
-	enumerable: true,
-	get: () => pinInput$1.anatomy
+  enumerable: true,
+  get: () => pinInput.anatomy
 });
+exports.PinInput = PinInput;

package/pin-input/index.d.ts

@@ -1,6 +1,43 @@
-export { PinInput, type PinInputProps } from './pin-input';
-export { usePinInputContext } from './pin-input-context';
-export { PinInputControl, type PinInputControlProps } from './pin-input-control';
-export { PinInputField, type PinInputFieldProps } from './pin-input-field';
-export { PinInputLabel, type PinInputLabelProps } from './pin-input-label';
-export { pinInputAnatomy } from './pin-input.anatomy';
+import { Context } from '@zag-js/pin-input';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, InputHTMLAttributes, LabelHTMLAttributes } from 'react';
+/// <reference types="react" />
+import { type PinInputProps } from './pin-input';
+import { usePinInputContext } from './pin-input-context';
+import { PinInputControl, type PinInputControlProps } from './pin-input-control';
+import { PinInputField, type PinInputFieldProps } from './pin-input-field';
+import { PinInputLabel, type PinInputLabelProps } from './pin-input-label';
+import { pinInputAnatomy } from './pin-input.anatomy';
+declare const PinInput: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, "name" | "value" | "getRootNode" | "form" | "mask" | "pattern" | "id" | "ids" | "disabled" | "type" | "onChange" | "onInvalid" | "defaultValue" | "autoFocus" | "dir" | "placeholder" | "invalid" | "translations" | "selectOnFocus" | "otp" | "onComplete" | "blurOnComplete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+    defaultValue?: string[] | undefined;
+} & RefAttributes<HTMLDivElement>> & {
+    Root: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "name" | "value" | "getRootNode" | "form" | "mask" | "pattern" | "id" | "ids" | "disabled" | "type" | "onChange" | "onInvalid" | "defaultValue" | "autoFocus" | "dir" | "placeholder" | "invalid" | "translations" | "selectOnFocus" | "otp" | "onComplete" | "blurOnComplete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+        defaultValue?: string[] | undefined;
+    } & RefAttributes<HTMLDivElement>>;
+    Control: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Field: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+        ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "index"> & {
+        index: number;
+    } & RefAttributes<HTMLInputElement>>;
+    Label: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLLabelElement>>;
+};
+export { PinInput, PinInputControl, PinInputField, PinInputLabel, pinInputAnatomy, usePinInputContext, };
+export type { PinInputControlProps, PinInputFieldProps, PinInputLabelProps, PinInputProps };

package/pin-input/index.mjs

@@ -1,6 +1,15 @@
-export { PinInput } from './pin-input.mjs';
+import { PinInput as PinInput$1 } from './pin-input.mjs';
 export { usePinInputContext } from './pin-input-context.mjs';
-export { PinInputControl } from './pin-input-control.mjs';
-export { PinInputField } from './pin-input-field.mjs';
-export { PinInputLabel } from './pin-input-label.mjs';
+import { PinInputControl } from './pin-input-control.mjs';
+import { PinInputField } from './pin-input-field.mjs';
+import { PinInputLabel } from './pin-input-label.mjs';
 export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
+
+const PinInput = Object.assign(PinInput$1, {
+  Root: PinInput$1,
+  Control: PinInputControl,
+  Field: PinInputField,
+  Label: PinInputLabel
+});
+
+export { PinInput, PinInputControl, PinInputField, PinInputLabel };

package/pin-input/pin-input-context.d.ts

@@ -1,5 +1,6 @@
-import type { PublicApi } from '@zag-js/pin-input';
-import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { PublicApi } from '@zag-js/pin-input';
+import { Provider, HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import { type UsePinInputReturn } from './use-pin-input';
 export type PinInputContext = UsePinInputReturn;
 export declare const PinInputProvider: Provider<PublicApi<JSX.IntrinsicElements & {

package/pin-input/pin-input-control.cjs

@@ -12,9 +12,9 @@ const pinInputContext = require('./pin-input-context.cjs');
 const PinInputControl = react.forwardRef((props, ref) => {
   const { controlProps, hiddenInputProps } = pinInputContext.usePinInputContext();
   const mergedProps = react$1.mergeProps(controlProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsxs(factory.ark.div, { ...mergedProps, ref, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("input", { ...hiddenInputProps }),
-    props.children
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: props.children }),
+    /* @__PURE__ */ jsxRuntime.jsx("input", { ...hiddenInputProps })
   ] });
 });
 PinInputControl.displayName = "PinInputControl";

package/pin-input/pin-input-control.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PinInputControlProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const PinInputControl: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/pin-input/pin-input-control.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
@@ -8,9 +8,9 @@ import { usePinInputContext } from './pin-input-context.mjs';
 const PinInputControl = forwardRef((props, ref) => {
   const { controlProps, hiddenInputProps } = usePinInputContext();
   const mergedProps = mergeProps(controlProps, props);
-  return /* @__PURE__ */ jsxs(ark.div, { ...mergedProps, ref, children: [
-    /* @__PURE__ */ jsx("input", { ...hiddenInputProps }),
-    props.children
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: props.children }),
+    /* @__PURE__ */ jsx("input", { ...hiddenInputProps })
   ] });
 });
 PinInputControl.displayName = "PinInputControl";

package/pin-input/pin-input-field.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import type { Assign } from '../types';
 export type PinInputFieldProps = Assign<ComponentPropsWithoutRef<typeof ark.input>, {

package/pin-input/pin-input-label.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PinInputLabelProps = ComponentPropsWithoutRef<typeof ark.label>;
 export declare const PinInputLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {

package/pin-input/pin-input.d.ts

@@ -1,5 +1,5 @@
-import type { Context } from '@zag-js/pin-input';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { Context } from '@zag-js/pin-input';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UsePinInputProps } from './use-pin-input';
@@ -8,6 +8,6 @@ export declare const PinInput: ForwardRefExoticComponent<Omit<Omit<Omit<Detailed
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "name" | "value" | "form" | "mask" | "pattern" | "id" | "type" | "onChange" | "onInvalid" | "defaultValue" | "autoFocus" | "dir" | "placeholder" | "disabled" | "getRootNode" | "ids" | "invalid" | "translations" | "selectOnFocus" | "otp" | "onComplete" | "blurOnComplete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "name" | "value" | "getRootNode" | "form" | "mask" | "pattern" | "id" | "ids" | "disabled" | "type" | "onChange" | "onInvalid" | "defaultValue" | "autoFocus" | "dir" | "placeholder" | "invalid" | "translations" | "selectOnFocus" | "otp" | "onComplete" | "blurOnComplete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: string[] | undefined;
 } & RefAttributes<HTMLDivElement>>;

package/pin-input/pin-input.stories.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { PinInput } from './';
+type PinInputType = typeof PinInput;
+declare const meta: Meta<PinInputType>;
+export default meta;
+export declare const Basic: () => JSX.Element;

package/pin-input/pin-input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/pin-input/use-pin-input.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const pinInput = require('@zag-js/pin-input');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/pin-input/use-pin-input.d.ts

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import * as pinInput from '@zag-js/pin-input';
 import { type Optional } from '../types';
 export type UsePinInputProps = Optional<pinInput.Context, 'id'> & {

package/pin-input/use-pin-input.mjs

@@ -2,6 +2,7 @@
 import * as pinInput from '@zag-js/pin-input';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const usePinInput = (props) => {

package/popover/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const popover = require('./popover.cjs');
+const popover$1 = require('./popover.cjs');
 const popoverAnchor = require('./popover-anchor.cjs');
 const popoverArrow = require('./popover-arrow.cjs');
 const popoverArrowTip = require('./popover-arrow-tip.cjs');
@@ -13,11 +13,21 @@ const popoverDescription = require('./popover-description.cjs');
 const popoverPositioner = require('./popover-positioner.cjs');
 const popoverTitle = require('./popover-title.cjs');
 const popoverTrigger = require('./popover-trigger.cjs');
-const popover$1 = require('@zag-js/popover');
-
+const popover = require('@zag-js/popover');
 
+const Popover = Object.assign(popover$1.Popover, {
+  Root: popover$1.Popover,
+  Anchor: popoverAnchor.PopoverAnchor,
+  Arrow: popoverArrow.PopoverArrow,
+  ArrowTip: popoverArrowTip.PopoverArrowTip,
+  CloseTrigger: popoverCloseTrigger.PopoverCloseTrigger,
+  Content: popoverContent.PopoverContent,
+  Description: popoverDescription.PopoverDescription,
+  Positioner: popoverPositioner.PopoverPositioner,
+  Title: popoverTitle.PopoverTitle,
+  Trigger: popoverTrigger.PopoverTrigger
+});
 
-exports.Popover = popover.Popover;
 exports.PopoverAnchor = popoverAnchor.PopoverAnchor;
 exports.PopoverArrow = popoverArrow.PopoverArrow;
 exports.PopoverArrowTip = popoverArrowTip.PopoverArrowTip;
@@ -29,6 +39,7 @@ exports.PopoverPositioner = popoverPositioner.PopoverPositioner;
 exports.PopoverTitle = popoverTitle.PopoverTitle;
 exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
 Object.defineProperty(exports, 'popoverAnatomy', {
-	enumerable: true,
-	get: () => popover$1.anatomy
+  enumerable: true,
+  get: () => popover.anatomy
 });
+exports.Popover = Popover;

package/popover/index.d.ts

@@ -1,12 +1,66 @@
-export { Popover, type PopoverProps } from './popover';
-export { PopoverAnchor, type PopoverAnchorProps } from './popover-anchor';
-export { PopoverArrow, type PopoverArrowProps } from './popover-arrow';
-export { PopoverArrowTip, type PopoverArrowTipProps } from './popover-arrow-tip';
-export { PopoverCloseTrigger, type PopoverCloseTriggerProps } from './popover-close-trigger';
-export { PopoverContent, type PopoverContentProps } from './popover-content';
-export { usePopoverContext } from './popover-context';
-export { PopoverDescription, type PopoverDescriptionProps } from './popover-description';
-export { PopoverPositioner, type PopoverPositionerProps } from './popover-positioner';
-export { PopoverTitle, type PopoverTitleProps } from './popover-title';
-export { PopoverTrigger, type PopoverTriggerProps } from './popover-trigger';
-export { popoverAnatomy } from './popover.anatomy';
+import { PresenceProps } from '..';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ButtonHTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+/// <reference types="react" />
+import { type PopoverProps } from './popover';
+import { PopoverAnchor, type PopoverAnchorProps } from './popover-anchor';
+import { PopoverArrow, type PopoverArrowProps } from './popover-arrow';
+import { PopoverArrowTip, type PopoverArrowTipProps } from './popover-arrow-tip';
+import { PopoverCloseTrigger, type PopoverCloseTriggerProps } from './popover-close-trigger';
+import { PopoverContent, type PopoverContentProps } from './popover-content';
+import { usePopoverContext } from './popover-context';
+import { PopoverDescription, type PopoverDescriptionProps } from './popover-description';
+import { PopoverPositioner, type PopoverPositionerProps } from './popover-positioner';
+import { PopoverTitle, type PopoverTitleProps } from './popover-title';
+import { PopoverTrigger, type PopoverTriggerProps } from './popover-trigger';
+import { popoverAnatomy } from './popover.anatomy';
+declare const Popover: ((props: PopoverProps) => JSX.Element) & {
+    Root: (props: PopoverProps) => JSX.Element;
+    Anchor: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Arrow: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    ArrowTip: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    CloseTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+    Content: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & Omit<PresenceProps, "children"> & RefAttributes<HTMLDivElement>>;
+    Description: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLParagraphElement>>;
+    Positioner: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Title: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Trigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+};
+export { Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverPositioner, PopoverTitle, PopoverTrigger, popoverAnatomy, usePopoverContext, };
+export type { PopoverAnchorProps, PopoverArrowProps, PopoverArrowTipProps, PopoverCloseTriggerProps, PopoverContentProps, PopoverDescriptionProps, PopoverPositionerProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, };

package/popover/index.mjs

@@ -1,12 +1,27 @@
-export { Popover } from './popover.mjs';
-export { PopoverAnchor } from './popover-anchor.mjs';
-export { PopoverArrow } from './popover-arrow.mjs';
-export { PopoverArrowTip } from './popover-arrow-tip.mjs';
-export { PopoverCloseTrigger } from './popover-close-trigger.mjs';
-export { PopoverContent } from './popover-content.mjs';
+import { Popover as Popover$1 } from './popover.mjs';
+import { PopoverAnchor } from './popover-anchor.mjs';
+import { PopoverArrow } from './popover-arrow.mjs';
+import { PopoverArrowTip } from './popover-arrow-tip.mjs';
+import { PopoverCloseTrigger } from './popover-close-trigger.mjs';
+import { PopoverContent } from './popover-content.mjs';
 export { usePopoverContext } from './popover-context.mjs';
-export { PopoverDescription } from './popover-description.mjs';
-export { PopoverPositioner } from './popover-positioner.mjs';
-export { PopoverTitle } from './popover-title.mjs';
-export { PopoverTrigger } from './popover-trigger.mjs';
+import { PopoverDescription } from './popover-description.mjs';
+import { PopoverPositioner } from './popover-positioner.mjs';
+import { PopoverTitle } from './popover-title.mjs';
+import { PopoverTrigger } from './popover-trigger.mjs';
 export { anatomy as popoverAnatomy } from '@zag-js/popover';
+
+const Popover = Object.assign(Popover$1, {
+  Root: Popover$1,
+  Anchor: PopoverAnchor,
+  Arrow: PopoverArrow,
+  ArrowTip: PopoverArrowTip,
+  CloseTrigger: PopoverCloseTrigger,
+  Content: PopoverContent,
+  Description: PopoverDescription,
+  Positioner: PopoverPositioner,
+  Title: PopoverTitle,
+  Trigger: PopoverTrigger
+});
+
+export { Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverPositioner, PopoverTitle, PopoverTrigger };

package/popover/popover-anchor.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PopoverAnchorProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const PopoverAnchor: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/popover/popover-arrow-tip.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PopoverArrowTipProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const PopoverArrowTip: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/popover/popover-arrow.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PopoverArrowProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const PopoverArrow: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/popover/popover-close-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PopoverCloseTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const PopoverCloseTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/popover/popover-content.cjs

@@ -7,9 +7,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
-const splitPresenceProps = require('../presence/split-presence-props.cjs');
+require('../presence/index.cjs');
 const popoverContext = require('./popover-context.cjs');
 const popoverPresence = require('./popover-presence.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
 
 const PopoverContent = react.forwardRef((props, ref) => {
   const [presenceProps, popoverContentProps] = splitPresenceProps.splitPresenceProps(props);

package/popover/popover-content.d.ts

@@ -1,5 +1,5 @@
-import type { PresenceProps } from '../presence';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { PresenceProps } from '../presence';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type PopoverPresenceProps } from './popover-presence';
 export type PopoverContentProps = ComponentPropsWithoutRef<typeof ark.div> & Omit<PopoverPresenceProps, 'children'>;

package/popover/popover-content.mjs

@@ -3,9 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { splitPresenceProps } from '../presence/split-presence-props.mjs';
+import '../presence/index.mjs';
 import { usePopoverContext } from './popover-context.mjs';
 import { PopoverPresence } from './popover-presence.mjs';
+import { splitPresenceProps } from '../presence/split-presence-props.mjs';
 
 const PopoverContent = forwardRef((props, ref) => {
   const [presenceProps, popoverContentProps] = splitPresenceProps(props);