@ark-ui/react 2.0.0 → 2.0.2

package/number-input/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -11,16 +10,9 @@ const numberInputInput = require('./number-input-input.cjs');
 const numberInputLabel = require('./number-input-label.cjs');
 const numberInputRoot = require('./number-input-root.cjs');
 const numberInputScrubber = require('./number-input-scrubber.cjs');
+const numberInput = require('./number-input.cjs');
+
 
-const NumberInput = {
-  Root: numberInputRoot.NumberInputRoot,
-  Control: numberInputControl.NumberInputControl,
-  DecrementTrigger: numberInputDecrementTrigger.NumberInputDecrementTrigger,
-  Input: numberInputInput.NumberInputInput,
-  IncrementTrigger: numberInputIncrementTrigger.NumberInputIncrementTrigger,
-  Label: numberInputLabel.NumberInputLabel,
-  Scrubber: numberInputScrubber.NumberInputScrubber
-};
 
 exports.useNumberInputContext = numberInputContext.useNumberInputContext;
 exports.NumberInputControl = numberInputControl.NumberInputControl;
@@ -30,4 +22,4 @@ exports.NumberInputInput = numberInputInput.NumberInputInput;
 exports.NumberInputLabel = numberInputLabel.NumberInputLabel;
 exports.NumberInputRoot = numberInputRoot.NumberInputRoot;
 exports.NumberInputScrubber = numberInputScrubber.NumberInputScrubber;
-exports.NumberInput = NumberInput;
+exports.NumberInput = numberInput;

package/number-input/index.d.ts

@@ -1,5 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { FocusChangeDetails as NumberInputFocusChangeDetails, ValueChangeDetails as NumberInputValueChangeDetails, ValueInvalidDetails as NumberInputValueInvalidDetails } from '@zag-js/number-input';
 import { useNumberInputContext, type NumberInputContext } from './number-input-context';
 import { NumberInputControl, type NumberInputControlProps } from './number-input-control';
@@ -9,14 +7,6 @@ import { NumberInputInput, type NumberInputInputProps } from './number-input-inp
 import { NumberInputLabel, type NumberInputLabelProps } from './number-input-label';
 import { NumberInputRoot, type NumberInputRootProps } from './number-input-root';
 import { NumberInputScrubber, type NumberInputScrubberProps } from './number-input-scrubber';
-export declare const NumberInput: {
-    Root: ForwardRefExoticComponent<NumberInputRootProps & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<NumberInputControlProps & RefAttributes<HTMLDivElement>>;
-    DecrementTrigger: ForwardRefExoticComponent<NumberInputDecrementTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Input: ForwardRefExoticComponent<NumberInputInputProps & RefAttributes<HTMLInputElement>>;
-    IncrementTrigger: ForwardRefExoticComponent<NumberInputIncrementTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Label: ForwardRefExoticComponent<NumberInputLabelProps & RefAttributes<HTMLLabelElement>>;
-    Scrubber: ForwardRefExoticComponent<NumberInputScrubberProps & RefAttributes<HTMLDivElement>>;
-};
+export * as NumberInput from './number-input';
 export { NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber, useNumberInputContext, };
 export type { NumberInputContext, NumberInputControlProps, NumberInputDecrementTriggerProps, NumberInputFocusChangeDetails, NumberInputIncrementTriggerProps, NumberInputInputProps, NumberInputLabelProps, NumberInputRootProps, NumberInputScrubberProps, NumberInputValueChangeDetails, NumberInputValueInvalidDetails, };

package/number-input/index.mjs

@@ -1,21 +1,10 @@
-'use client';
 export { useNumberInputContext } from './number-input-context.mjs';
-import { NumberInputControl } from './number-input-control.mjs';
-import { NumberInputDecrementTrigger } from './number-input-decrement-trigger.mjs';
-import { NumberInputIncrementTrigger } from './number-input-increment-trigger.mjs';
-import { NumberInputInput } from './number-input-input.mjs';
-import { NumberInputLabel } from './number-input-label.mjs';
-import { NumberInputRoot } from './number-input-root.mjs';
-import { NumberInputScrubber } from './number-input-scrubber.mjs';
-
-const NumberInput = {
-  Root: NumberInputRoot,
-  Control: NumberInputControl,
-  DecrementTrigger: NumberInputDecrementTrigger,
-  Input: NumberInputInput,
-  IncrementTrigger: NumberInputIncrementTrigger,
-  Label: NumberInputLabel,
-  Scrubber: NumberInputScrubber
-};
-
-export { NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber };
+export { NumberInputControl } from './number-input-control.mjs';
+export { NumberInputDecrementTrigger } from './number-input-decrement-trigger.mjs';
+export { NumberInputIncrementTrigger } from './number-input-increment-trigger.mjs';
+export { NumberInputInput } from './number-input-input.mjs';
+export { NumberInputLabel } from './number-input-label.mjs';
+export { NumberInputRoot } from './number-input-root.mjs';
+export { NumberInputScrubber } from './number-input-scrubber.mjs';
+import * as numberInput from './number-input.mjs';
+export { numberInput as NumberInput };

package/number-input/number-input.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const numberInputControl = require('./number-input-control.cjs');
+const numberInputDecrementTrigger = require('./number-input-decrement-trigger.cjs');
+const numberInputIncrementTrigger = require('./number-input-increment-trigger.cjs');
+const numberInputInput = require('./number-input-input.cjs');
+const numberInputLabel = require('./number-input-label.cjs');
+const numberInputRoot = require('./number-input-root.cjs');
+const numberInputScrubber = require('./number-input-scrubber.cjs');
+
+
+
+exports.Control = numberInputControl.NumberInputControl;
+exports.DecrementTrigger = numberInputDecrementTrigger.NumberInputDecrementTrigger;
+exports.IncrementTrigger = numberInputIncrementTrigger.NumberInputIncrementTrigger;
+exports.Input = numberInputInput.NumberInputInput;
+exports.Label = numberInputLabel.NumberInputLabel;
+exports.Root = numberInputRoot.NumberInputRoot;
+exports.Scrubber = numberInputScrubber.NumberInputScrubber;

package/number-input/number-input.d.ts

@@ -0,0 +1,8 @@
+import { NumberInputControl as Control } from './number-input-control';
+import { NumberInputDecrementTrigger as DecrementTrigger } from './number-input-decrement-trigger';
+import { NumberInputIncrementTrigger as IncrementTrigger } from './number-input-increment-trigger';
+import { NumberInputInput as Input } from './number-input-input';
+import { NumberInputLabel as Label } from './number-input-label';
+import { NumberInputRoot as Root } from './number-input-root';
+import { NumberInputScrubber as Scrubber } from './number-input-scrubber';
+export { Control, DecrementTrigger, IncrementTrigger, Input, Label, Root, Scrubber };

package/number-input/number-input.mjs

@@ -0,0 +1,7 @@
+export { NumberInputControl as Control } from './number-input-control.mjs';
+export { NumberInputDecrementTrigger as DecrementTrigger } from './number-input-decrement-trigger.mjs';
+export { NumberInputIncrementTrigger as IncrementTrigger } from './number-input-increment-trigger.mjs';
+export { NumberInputInput as Input } from './number-input-input.mjs';
+export { NumberInputLabel as Label } from './number-input-label.mjs';
+export { NumberInputRoot as Root } from './number-input-root.mjs';
+export { NumberInputScrubber as Scrubber } from './number-input-scrubber.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -101,17 +101,17 @@
   },
   "devDependencies": {
     "@release-it/keep-a-changelog": "5.0.0",
-    "@storybook/addon-a11y": "7.6.10",
-    "@storybook/addon-essentials": "7.6.10",
-    "@storybook/addons": "7.6.10",
-    "@storybook/react": "7.6.10",
-    "@storybook/react-vite": "7.6.10",
+    "@storybook/addon-a11y": "7.6.12",
+    "@storybook/addon-essentials": "7.6.12",
+    "@storybook/addons": "7.6.12",
+    "@storybook/react": "7.6.12",
+    "@storybook/react-vite": "7.6.12",
     "@testing-library/dom": "9.3.4",
-    "@testing-library/jest-dom": "6.3.0",
-    "@testing-library/react": "14.1.2",
+    "@testing-library/jest-dom": "6.4.1",
+    "@testing-library/react": "14.2.1",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.6",
-    "@types/react": "18.2.48",
+    "@types/react": "18.2.52",
     "@types/react-dom": "18.2.18",
     "@types/testing-library__jest-dom": "5.14.9",
     "@typescript-eslint/eslint-plugin": "6.20.0",
@@ -128,10 +128,10 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-frame-component": "5.2.6",
-    "react-hook-form": "7.49.3",
+    "react-hook-form": "7.50.0",
     "release-it": "17.0.3",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "7.6.10",
+    "storybook": "7.6.12",
     "typescript": "5.3.3",
     "vite": "5.0.12",
     "vite-plugin-dts": "3.7.2",

package/pagination/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -9,14 +8,9 @@ const paginationItem = require('./pagination-item.cjs');
 const paginationNextTrigger = require('./pagination-next-trigger.cjs');
 const paginationPrevTrigger = require('./pagination-prev-trigger.cjs');
 const paginationRoot = require('./pagination-root.cjs');
+const pagination = require('./pagination.cjs');
+
 
-const Pagination = {
-  Root: paginationRoot.PaginationRoot,
-  Ellipsis: paginationEllipsis.PaginationEllipsis,
-  Item: paginationItem.PaginationItem,
-  NextTrigger: paginationNextTrigger.PaginationNextTrigger,
-  PrevTrigger: paginationPrevTrigger.PaginationPrevTrigger
-};
 
 exports.usePaginationContext = paginationContext.usePaginationContext;
 exports.PaginationEllipsis = paginationEllipsis.PaginationEllipsis;
@@ -24,4 +18,4 @@ exports.PaginationItem = paginationItem.PaginationItem;
 exports.PaginationNextTrigger = paginationNextTrigger.PaginationNextTrigger;
 exports.PaginationPrevTrigger = paginationPrevTrigger.PaginationPrevTrigger;
 exports.PaginationRoot = paginationRoot.PaginationRoot;
-exports.Pagination = Pagination;
+exports.Pagination = pagination;

package/pagination/index.d.ts

@@ -1,5 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails } from '@zag-js/pagination';
 import { usePaginationContext, type PaginationContext } from './pagination-context';
 import { PaginationEllipsis, type PaginationEllipsisProps } from './pagination-ellipsis';
@@ -7,12 +5,6 @@ import { PaginationItem, type PaginationItemProps } from './pagination-item';
 import { PaginationNextTrigger, type PaginationNextTriggerProps } from './pagination-next-trigger';
 import { PaginationPrevTrigger, type PaginationPrevTriggerProps } from './pagination-prev-trigger';
 import { PaginationRoot, type PaginationRootProps } from './pagination-root';
-export declare const Pagination: {
-    Root: ForwardRefExoticComponent<PaginationRootProps & RefAttributes<HTMLElement>>;
-    Ellipsis: ForwardRefExoticComponent<PaginationEllipsisProps & RefAttributes<HTMLDivElement>>;
-    Item: ForwardRefExoticComponent<PaginationItemProps & RefAttributes<HTMLButtonElement>>;
-    NextTrigger: ForwardRefExoticComponent<PaginationNextTriggerProps & RefAttributes<HTMLButtonElement>>;
-    PrevTrigger: ForwardRefExoticComponent<PaginationPrevTriggerProps & RefAttributes<HTMLButtonElement>>;
-};
+export * as Pagination from './pagination';
 export { PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, usePaginationContext, };
 export type { PaginationContext, PaginationEllipsisProps, PaginationItemLabelDetails, PaginationItemProps, PaginationNextTriggerProps, PaginationPageChangeDetails, PaginationPrevTriggerProps, PaginationRootProps, };

package/pagination/index.mjs

@@ -1,17 +1,8 @@
-'use client';
 export { usePaginationContext } from './pagination-context.mjs';
-import { PaginationEllipsis } from './pagination-ellipsis.mjs';
-import { PaginationItem } from './pagination-item.mjs';
-import { PaginationNextTrigger } from './pagination-next-trigger.mjs';
-import { PaginationPrevTrigger } from './pagination-prev-trigger.mjs';
-import { PaginationRoot } from './pagination-root.mjs';
-
-const Pagination = {
-  Root: PaginationRoot,
-  Ellipsis: PaginationEllipsis,
-  Item: PaginationItem,
-  NextTrigger: PaginationNextTrigger,
-  PrevTrigger: PaginationPrevTrigger
-};
-
-export { Pagination, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot };
+export { PaginationEllipsis } from './pagination-ellipsis.mjs';
+export { PaginationItem } from './pagination-item.mjs';
+export { PaginationNextTrigger } from './pagination-next-trigger.mjs';
+export { PaginationPrevTrigger } from './pagination-prev-trigger.mjs';
+export { PaginationRoot } from './pagination-root.mjs';
+import * as pagination from './pagination.mjs';
+export { pagination as Pagination };

package/pagination/pagination.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const paginationEllipsis = require('./pagination-ellipsis.cjs');
+const paginationItem = require('./pagination-item.cjs');
+const paginationNextTrigger = require('./pagination-next-trigger.cjs');
+const paginationPrevTrigger = require('./pagination-prev-trigger.cjs');
+const paginationRoot = require('./pagination-root.cjs');
+
+
+
+exports.Ellipsis = paginationEllipsis.PaginationEllipsis;
+exports.Item = paginationItem.PaginationItem;
+exports.NextTrigger = paginationNextTrigger.PaginationNextTrigger;
+exports.PrevTrigger = paginationPrevTrigger.PaginationPrevTrigger;
+exports.Root = paginationRoot.PaginationRoot;

package/pagination/pagination.d.ts

@@ -0,0 +1,6 @@
+import { PaginationEllipsis as Ellipsis } from './pagination-ellipsis';
+import { PaginationItem as Item } from './pagination-item';
+import { PaginationNextTrigger as NextTrigger } from './pagination-next-trigger';
+import { PaginationPrevTrigger as PrevTrigger } from './pagination-prev-trigger';
+import { PaginationRoot as Root } from './pagination-root';
+export { Ellipsis, Item, NextTrigger, PrevTrigger, Root };

package/pagination/pagination.mjs

@@ -0,0 +1,5 @@
+export { PaginationEllipsis as Ellipsis } from './pagination-ellipsis.mjs';
+export { PaginationItem as Item } from './pagination-item.mjs';
+export { PaginationNextTrigger as NextTrigger } from './pagination-next-trigger.mjs';
+export { PaginationPrevTrigger as PrevTrigger } from './pagination-prev-trigger.mjs';
+export { PaginationRoot as Root } from './pagination-root.mjs';

package/pin-input/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -8,17 +7,13 @@ const pinInputControl = require('./pin-input-control.cjs');
 const pinInputInput = require('./pin-input-input.cjs');
 const pinInputLabel = require('./pin-input-label.cjs');
 const pinInputRoot = require('./pin-input-root.cjs');
+const pinInput = require('./pin-input.cjs');
+
 
-const PinInput = {
-  Root: pinInputRoot.PinInputRoot,
-  Control: pinInputControl.PinInputControl,
-  Input: pinInputInput.PinInputInput,
-  Label: pinInputLabel.PinInputLabel
-};
 
 exports.usePinInputContext = pinInputContext.usePinInputContext;
 exports.PinInputControl = pinInputControl.PinInputControl;
 exports.PinInputInput = pinInputInput.PinInputInput;
 exports.PinInputLabel = pinInputLabel.PinInputLabel;
 exports.PinInputRoot = pinInputRoot.PinInputRoot;
-exports.PinInput = PinInput;
+exports.PinInput = pinInput;

package/pin-input/index.d.ts

@@ -1,16 +1,9 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { ValueChangeDetails as PinInputValueChangeDetails, ValueInvalidDetails as PinInputValueInvalidDetails } from '@zag-js/pin-input';
 import { usePinInputContext, type PinInputContext } from './pin-input-context';
 import { PinInputControl, type PinInputControlProps } from './pin-input-control';
 import { PinInputInput, type PinInputInputProps } from './pin-input-input';
 import { PinInputLabel, type PinInputLabelProps } from './pin-input-label';
 import { PinInputRoot, type PinInputRootProps } from './pin-input-root';
-export declare const PinInput: {
-    Root: ForwardRefExoticComponent<PinInputRootProps & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<PinInputControlProps & RefAttributes<HTMLDivElement>>;
-    Input: ForwardRefExoticComponent<PinInputInputProps & RefAttributes<HTMLInputElement>>;
-    Label: ForwardRefExoticComponent<PinInputLabelProps & RefAttributes<HTMLLabelElement>>;
-};
+export * as PinInput from './pin-input';
 export { PinInputControl, PinInputInput, PinInputLabel, PinInputRoot, usePinInputContext };
 export type { PinInputContext, PinInputControlProps, PinInputInputProps, PinInputLabelProps, PinInputRootProps, PinInputValueChangeDetails, PinInputValueInvalidDetails, };

package/pin-input/index.mjs

@@ -1,15 +1,7 @@
-'use client';
 export { usePinInputContext } from './pin-input-context.mjs';
-import { PinInputControl } from './pin-input-control.mjs';
-import { PinInputInput } from './pin-input-input.mjs';
-import { PinInputLabel } from './pin-input-label.mjs';
-import { PinInputRoot } from './pin-input-root.mjs';
-
-const PinInput = {
-  Root: PinInputRoot,
-  Control: PinInputControl,
-  Input: PinInputInput,
-  Label: PinInputLabel
-};
-
-export { PinInput, PinInputControl, PinInputInput, PinInputLabel, PinInputRoot };
+export { PinInputControl } from './pin-input-control.mjs';
+export { PinInputInput } from './pin-input-input.mjs';
+export { PinInputLabel } from './pin-input-label.mjs';
+export { PinInputRoot } from './pin-input-root.mjs';
+import * as pinInput from './pin-input.mjs';
+export { pinInput as PinInput };

package/pin-input/pin-input.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const pinInputControl = require('./pin-input-control.cjs');
+const pinInputInput = require('./pin-input-input.cjs');
+const pinInputLabel = require('./pin-input-label.cjs');
+const pinInputRoot = require('./pin-input-root.cjs');
+
+
+
+exports.Control = pinInputControl.PinInputControl;
+exports.Input = pinInputInput.PinInputInput;
+exports.Label = pinInputLabel.PinInputLabel;
+exports.Root = pinInputRoot.PinInputRoot;

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

@@ -0,0 +1,5 @@
+import { PinInputControl as Control } from './pin-input-control';
+import { PinInputInput as Input } from './pin-input-input';
+import { PinInputLabel as Label } from './pin-input-label';
+import { PinInputRoot as Root } from './pin-input-root';
+export { Control, Input, Label, Root };

package/pin-input/pin-input.mjs

@@ -0,0 +1,4 @@
+export { PinInputControl as Control } from './pin-input-control.mjs';
+export { PinInputInput as Input } from './pin-input-input.mjs';
+export { PinInputLabel as Label } from './pin-input-label.mjs';
+export { PinInputRoot as Root } from './pin-input-root.mjs';

package/popover/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -15,20 +14,9 @@ const popoverPositioner = require('./popover-positioner.cjs');
 const popoverRoot = require('./popover-root.cjs');
 const popoverTitle = require('./popover-title.cjs');
 const popoverTrigger = require('./popover-trigger.cjs');
+const popover = require('./popover.cjs');
+
 
-const Popover = {
-  Root: popoverRoot.PopoverRoot,
-  Anchor: popoverAnchor.PopoverAnchor,
-  Arrow: popoverArrow.PopoverArrow,
-  ArrowTip: popoverArrowTip.PopoverArrowTip,
-  CloseTrigger: popoverCloseTrigger.PopoverCloseTrigger,
-  Content: popoverContent.PopoverContent,
-  Description: popoverDescription.PopoverDescription,
-  Indicator: popoverIndicator.PopoverIndicator,
-  Positioner: popoverPositioner.PopoverPositioner,
-  Title: popoverTitle.PopoverTitle,
-  Trigger: popoverTrigger.PopoverTrigger
-};
 
 exports.PopoverAnchor = popoverAnchor.PopoverAnchor;
 exports.PopoverArrow = popoverArrow.PopoverArrow;
@@ -42,4 +30,4 @@ exports.PopoverPositioner = popoverPositioner.PopoverPositioner;
 exports.PopoverRoot = popoverRoot.PopoverRoot;
 exports.PopoverTitle = popoverTitle.PopoverTitle;
 exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
-exports.Popover = Popover;
+exports.Popover = popover;

package/popover/index.d.ts

@@ -1,6 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { JSX } from 'react/jsx-runtime';
-/// <reference types="react" />
 import type { OpenChangeDetails as PopoverOpenChangeDetails } from '@zag-js/popover';
 import { PopoverAnchor, type PopoverAnchorProps } from './popover-anchor';
 import { PopoverArrow, type PopoverArrowProps } from './popover-arrow';
@@ -14,18 +11,6 @@ import { PopoverPositioner, type PopoverPositionerProps } from './popover-positi
 import { PopoverRoot, type PopoverRootProps } from './popover-root';
 import { PopoverTitle, type PopoverTitleProps } from './popover-title';
 import { PopoverTrigger, type PopoverTriggerProps } from './popover-trigger';
-export declare const Popover: {
-    Root: (props: PopoverRootProps) => JSX.Element;
-    Anchor: ForwardRefExoticComponent<PopoverAnchorProps & RefAttributes<HTMLDivElement>>;
-    Arrow: ForwardRefExoticComponent<PopoverArrowProps & RefAttributes<HTMLDivElement>>;
-    ArrowTip: ForwardRefExoticComponent<PopoverArrowTipProps & RefAttributes<HTMLDivElement>>;
-    CloseTrigger: ForwardRefExoticComponent<PopoverCloseTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Content: ForwardRefExoticComponent<PopoverContentProps & RefAttributes<HTMLDivElement>>;
-    Description: ForwardRefExoticComponent<PopoverDescriptionProps & RefAttributes<HTMLParagraphElement>>;
-    Indicator: ForwardRefExoticComponent<PopoverIndicatorProps & RefAttributes<HTMLDivElement>>;
-    Positioner: ForwardRefExoticComponent<PopoverPositionerProps & RefAttributes<HTMLDivElement>>;
-    Title: ForwardRefExoticComponent<PopoverTitleProps & RefAttributes<HTMLDivElement>>;
-    Trigger: ForwardRefExoticComponent<PopoverTriggerProps & RefAttributes<HTMLButtonElement>>;
-};
+export * as Popover from './popover';
 export { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, usePopoverContext, };
 export type { PopoverAnchorProps, PopoverArrowProps, PopoverArrowTipProps, PopoverCloseTriggerProps, PopoverContentProps, PopoverContext, PopoverDescriptionProps, PopoverIndicatorProps, PopoverOpenChangeDetails, PopoverPositionerProps, PopoverRootProps, PopoverTitleProps, PopoverTriggerProps, };

package/popover/index.mjs

@@ -1,29 +1,14 @@
-'use client';
-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 { 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';
 export { usePopoverContext } from './popover-context.mjs';
-import { PopoverDescription } from './popover-description.mjs';
-import { PopoverIndicator } from './popover-indicator.mjs';
-import { PopoverPositioner } from './popover-positioner.mjs';
-import { PopoverRoot } from './popover-root.mjs';
-import { PopoverTitle } from './popover-title.mjs';
-import { PopoverTrigger } from './popover-trigger.mjs';
-
-const Popover = {
-  Root: PopoverRoot,
-  Anchor: PopoverAnchor,
-  Arrow: PopoverArrow,
-  ArrowTip: PopoverArrowTip,
-  CloseTrigger: PopoverCloseTrigger,
-  Content: PopoverContent,
-  Description: PopoverDescription,
-  Indicator: PopoverIndicator,
-  Positioner: PopoverPositioner,
-  Title: PopoverTitle,
-  Trigger: PopoverTrigger
-};
-
-export { Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger };
+export { PopoverDescription } from './popover-description.mjs';
+export { PopoverIndicator } from './popover-indicator.mjs';
+export { PopoverPositioner } from './popover-positioner.mjs';
+export { PopoverRoot } from './popover-root.mjs';
+export { PopoverTitle } from './popover-title.mjs';
+export { PopoverTrigger } from './popover-trigger.mjs';
+import * as popover from './popover.mjs';
+export { popover as Popover };

package/popover/popover-description.cjs

@@ -13,7 +13,7 @@ const PopoverDescription = react.forwardRef(
   (props, ref) => {
     const api = popoverContext.usePopoverContext();
     const mergedProps = react$1.mergeProps(api.descriptionProps, props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.p, { ...mergedProps, ref });
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );
 PopoverDescription.displayName = "PopoverDescription";

package/popover/popover-description.d.ts

@@ -1,6 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export interface PopoverDescriptionProps extends HTMLArkProps<'p'> {
+export interface PopoverDescriptionProps extends HTMLArkProps<'div'> {
 }
 export declare const PopoverDescription: ForwardRefExoticComponent<PopoverDescriptionProps & RefAttributes<HTMLParagraphElement>>;

package/popover/popover-description.mjs

@@ -9,7 +9,7 @@ const PopoverDescription = forwardRef(
   (props, ref) => {
     const api = usePopoverContext();
     const mergedProps = mergeProps(api.descriptionProps, props);
-    return /* @__PURE__ */ jsx(ark.p, { ...mergedProps, ref });
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );
 PopoverDescription.displayName = "PopoverDescription";

package/popover/popover.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const popoverAnchor = require('./popover-anchor.cjs');
+const popoverArrow = require('./popover-arrow.cjs');
+const popoverArrowTip = require('./popover-arrow-tip.cjs');
+const popoverCloseTrigger = require('./popover-close-trigger.cjs');
+const popoverContent = require('./popover-content.cjs');
+const popoverDescription = require('./popover-description.cjs');
+const popoverIndicator = require('./popover-indicator.cjs');
+const popoverPositioner = require('./popover-positioner.cjs');
+const popoverRoot = require('./popover-root.cjs');
+const popoverTitle = require('./popover-title.cjs');
+const popoverTrigger = require('./popover-trigger.cjs');
+
+
+
+exports.Anchor = popoverAnchor.PopoverAnchor;
+exports.Arrow = popoverArrow.PopoverArrow;
+exports.ArrowTip = popoverArrowTip.PopoverArrowTip;
+exports.CloseTrigger = popoverCloseTrigger.PopoverCloseTrigger;
+exports.Content = popoverContent.PopoverContent;
+exports.Description = popoverDescription.PopoverDescription;
+exports.Indicator = popoverIndicator.PopoverIndicator;
+exports.Positioner = popoverPositioner.PopoverPositioner;
+exports.Root = popoverRoot.PopoverRoot;
+exports.Title = popoverTitle.PopoverTitle;
+exports.Trigger = popoverTrigger.PopoverTrigger;

package/popover/popover.d.ts

@@ -0,0 +1,12 @@
+import { PopoverAnchor as Anchor } from './popover-anchor';
+import { PopoverArrow as Arrow } from './popover-arrow';
+import { PopoverArrowTip as ArrowTip } from './popover-arrow-tip';
+import { PopoverCloseTrigger as CloseTrigger } from './popover-close-trigger';
+import { PopoverContent as Content } from './popover-content';
+import { PopoverDescription as Description } from './popover-description';
+import { PopoverIndicator as Indicator } from './popover-indicator';
+import { PopoverPositioner as Positioner } from './popover-positioner';
+import { PopoverRoot as Root } from './popover-root';
+import { PopoverTitle as Title } from './popover-title';
+import { PopoverTrigger as Trigger } from './popover-trigger';
+export { Anchor, Arrow, ArrowTip, CloseTrigger, Content, Description, Indicator, Positioner, Root, Title, Trigger, };

package/popover/popover.mjs

@@ -0,0 +1,11 @@
+export { PopoverAnchor as Anchor } from './popover-anchor.mjs';
+export { PopoverArrow as Arrow } from './popover-arrow.mjs';
+export { PopoverArrowTip as ArrowTip } from './popover-arrow-tip.mjs';
+export { PopoverCloseTrigger as CloseTrigger } from './popover-close-trigger.mjs';
+export { PopoverContent as Content } from './popover-content.mjs';
+export { PopoverDescription as Description } from './popover-description.mjs';
+export { PopoverIndicator as Indicator } from './popover-indicator.mjs';
+export { PopoverPositioner as Positioner } from './popover-positioner.mjs';
+export { PopoverRoot as Root } from './popover-root.mjs';
+export { PopoverTitle as Title } from './popover-title.mjs';
+export { PopoverTrigger as Trigger } from './popover-trigger.mjs';

package/portal.cjs

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const jsxRuntime = require('react/jsx-runtime');
 const react = require('react');
 const reactDom = require('react-dom');
 const environmentContext = require('./environment/environment-context.cjs');
@@ -13,10 +14,10 @@ const Portal = (props) => {
   const isServer = useIsServer.useIsServer();
   const getRootNode = environmentContext.useEnvironmentContext();
   if (isServer || disabled)
-    return children;
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   const doc = getRootNode?.().ownerDocument ?? document;
   const mountNode = container?.current ?? doc.body;
-  return react.Children.map(children, (child) => reactDom.createPortal(child, mountNode));
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: react.Children.map(children, (child) => reactDom.createPortal(child, mountNode)) });
 };
 
 exports.Portal = Portal;

package/portal.d.ts

@@ -1,6 +1,7 @@
-import { type PropsWithChildren, type ReactNode, type ReactPortal, type RefObject } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { type PropsWithChildren, type RefObject } from 'react';
 export interface PortalProps {
     disabled?: boolean;
     container?: RefObject<HTMLElement>;
 }
-export declare const Portal: (props: PropsWithChildren<PortalProps>) => ReactPortal[] | ReactNode | null | undefined;
+export declare const Portal: (props: PropsWithChildren<PortalProps>) => JSX.Element;

package/portal.mjs

@@ -1,4 +1,5 @@
 'use client';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { Children } from 'react';
 import { createPortal } from 'react-dom';
 import { useEnvironmentContext } from './environment/environment-context.mjs';
@@ -9,10 +10,10 @@ const Portal = (props) => {
   const isServer = useIsServer();
   const getRootNode = useEnvironmentContext();
   if (isServer || disabled)
-    return children;
+    return /* @__PURE__ */ jsx(Fragment, { children });
   const doc = getRootNode?.().ownerDocument ?? document;
   const mountNode = container?.current ?? doc.body;
-  return Children.map(children, (child) => createPortal(child, mountNode));
+  return /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (child) => createPortal(child, mountNode)) });
 };
 
 export { Portal };