@ark-ui/solid 0.9.0 → 0.10.1

package/menu/menu.mjs

@@ -6,7 +6,7 @@ import { useMenuContext, useMenuMachineContext, MenuTriggerItemProvider, MenuMac
 import { useMenu } from './use-menu.mjs';
 
 const Menu = props => {
-  const [menuParams, restProps] = createSplitProps()(props, ['anchorPoint', 'aria-label', 'closeOnSelect', 'dir', 'getRootNode', 'highlightedId', 'id', 'ids', 'loop', 'onClose', 'onOpen', 'onSelect', 'onValueChange', 'positioning', 'value']);
+  const [menuParams, restProps] = createSplitProps()(props, ['anchorPoint', 'aria-label', 'closeOnSelect', 'dir', 'getRootNode', 'highlightedId', 'id', 'ids', 'loop', 'onClose', 'onFocusOutside', 'onInteractOutside', 'onOpen', 'onPointerDownOutside', 'onSelect', 'onValueChange', 'positioning', 'value']);
   const parentMenu = useMenuContext();
   const parentMachine = useMenuMachineContext();
   const menu = useMenu(menuParams);

package/menu/menu.stories.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'solid-js';
+import type { Meta } from 'storybook-solidjs';
+declare const meta: Meta;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const WithIsOpen: () => JSX.Element;
+export declare const Group: () => JSX.Element;
+export declare const Options: () => JSX.Element;
+export declare const SubMenu: () => JSX.Element;

package/menu/use-menu.cjs

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

package/menu/use-menu.d.ts

@@ -1,8 +1,10 @@
 import * as menu from '@zag-js/menu';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
 export type UseMenuProps = Optional<menu.Context, 'id'>;
 export type UseMenuReturn = () => {
     machine: ReturnType<typeof menu.machine>;
-    api: () => ReturnType<typeof menu.connect>;
+    api: Accessor<menu.Api<PropTypes>>;
 };
 export declare const useMenu: (props: UseMenuProps) => UseMenuReturn;

package/menu/use-menu.mjs

@@ -1,6 +1,7 @@
 import * as menu from '@zag-js/menu';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { createUniqueId, createMemo } from 'solid-js';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useMenu = (props) => {

package/number-input/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const numberInput = require('./number-input.cjs');
+const numberInput$1 = require('./number-input.cjs');
 const numberInputContext = require('./number-input-context.cjs');
 const numberInputControl = require('./number-input-control.cjs');
 const numberInputDecrementTrigger = require('./number-input-decrement-trigger.cjs');
@@ -10,19 +10,27 @@ const numberInputField = require('./number-input-field.cjs');
 const numberInputIncrementTrigger = require('./number-input-increment-trigger.cjs');
 const numberInputLabel = require('./number-input-label.cjs');
 const numberInputScrubber = require('./number-input-scrubber.cjs');
-const numberInput$1 = require('@zag-js/number-input');
-
+const numberInput = require('@zag-js/number-input');
 
+const NumberInput = Object.assign(numberInput$1.NumberInput, {
+  Root: numberInput$1.NumberInput,
+  Control: numberInputControl.NumberInputControl,
+  DecrementTrigger: numberInputDecrementTrigger.NumberInputDecrementTrigger,
+  Input: numberInputField.NumberInputInput,
+  IncrementTrigger: numberInputIncrementTrigger.NumberInputIncrementTrigger,
+  Label: numberInputLabel.NumberInputLabel,
+  Scrubber: numberInputScrubber.NumberInputScrubber
+});
 
-exports.NumberInput = numberInput.NumberInput;
 exports.useNumberInputContext = numberInputContext.useNumberInputContext;
 exports.NumberInputControl = numberInputControl.NumberInputControl;
 exports.NumberInputDecrementTrigger = numberInputDecrementTrigger.NumberInputDecrementTrigger;
-exports.NumberInputField = numberInputField.NumberInputField;
+exports.NumberInputInput = numberInputField.NumberInputInput;
 exports.NumberInputIncrementTrigger = numberInputIncrementTrigger.NumberInputIncrementTrigger;
 exports.NumberInputLabel = numberInputLabel.NumberInputLabel;
 exports.NumberInputScrubber = numberInputScrubber.NumberInputScrubber;
 Object.defineProperty(exports, 'numberInputAnatomy', {
   enumerable: true,
-  get: () => numberInput$1.anatomy
+  get: () => numberInput.anatomy
 });
+exports.NumberInput = NumberInput;

package/number-input/index.d.ts

@@ -1,9 +1,21 @@
-export { NumberInput, type NumberInputProps } from './number-input';
-export { useNumberInputContext } from './number-input-context';
-export { NumberInputControl, type NumberInputControlProps } from './number-input-control';
-export { NumberInputDecrementTrigger, type NumberInputDecrementTriggerProps, } from './number-input-decrement-trigger';
-export { NumberInputField, type NumberInputFieldProps } from './number-input-field';
-export { NumberInputIncrementTrigger, type NumberInputIncrementTriggerProps, } from './number-input-increment-trigger';
-export { NumberInputLabel, type NumberInputLabelProps } from './number-input-label';
-export { NumberInputScrubber, type NumberInputScrubberProps } from './number-input-scrubber';
-export { numberInputAnatomy } from './number-input.anatomy';
+import { JSX } from 'solid-js';
+import { type NumberInputProps } from './number-input';
+import { useNumberInputContext } from './number-input-context';
+import { NumberInputControl, type NumberInputControlProps } from './number-input-control';
+import { NumberInputDecrementTrigger, type NumberInputDecrementTriggerProps } from './number-input-decrement-trigger';
+import { NumberInputInput, type NumberInputInputProps } from './number-input-field';
+import { NumberInputIncrementTrigger, type NumberInputIncrementTriggerProps } from './number-input-increment-trigger';
+import { NumberInputLabel, type NumberInputLabelProps } from './number-input-label';
+import { NumberInputScrubber, type NumberInputScrubberProps } from './number-input-scrubber';
+import { numberInputAnatomy } from './number-input.anatomy';
+declare const NumberInput: ((props: NumberInputProps) => JSX.Element) & {
+    Root: (props: NumberInputProps) => JSX.Element;
+    Control: (props: NumberInputControlProps) => JSX.Element;
+    DecrementTrigger: (props: NumberInputDecrementTriggerProps) => JSX.Element;
+    Input: (props: NumberInputInputProps) => JSX.Element;
+    IncrementTrigger: (props: NumberInputIncrementTriggerProps) => JSX.Element;
+    Label: (props: NumberInputLabelProps) => JSX.Element;
+    Scrubber: (props: NumberInputScrubberProps) => JSX.Element;
+};
+export { NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputScrubber, numberInputAnatomy, useNumberInputContext, };
+export type { NumberInputControlProps, NumberInputDecrementTriggerProps, NumberInputIncrementTriggerProps, NumberInputInputProps, NumberInputLabelProps, NumberInputProps, NumberInputScrubberProps, };

package/number-input/index.mjs

@@ -1,9 +1,21 @@
-export { NumberInput } from './number-input.mjs';
+import { NumberInput as NumberInput$1 } from './number-input.mjs';
 export { useNumberInputContext } from './number-input-context.mjs';
-export { NumberInputControl } from './number-input-control.mjs';
-export { NumberInputDecrementTrigger } from './number-input-decrement-trigger.mjs';
-export { NumberInputField } from './number-input-field.mjs';
-export { NumberInputIncrementTrigger } from './number-input-increment-trigger.mjs';
-export { NumberInputLabel } from './number-input-label.mjs';
-export { NumberInputScrubber } from './number-input-scrubber.mjs';
+import { NumberInputControl } from './number-input-control.mjs';
+import { NumberInputDecrementTrigger } from './number-input-decrement-trigger.mjs';
+import { NumberInputInput } from './number-input-field.mjs';
+import { NumberInputIncrementTrigger } from './number-input-increment-trigger.mjs';
+import { NumberInputLabel } from './number-input-label.mjs';
+import { NumberInputScrubber } from './number-input-scrubber.mjs';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
+
+const NumberInput = Object.assign(NumberInput$1, {
+  Root: NumberInput$1,
+  Control: NumberInputControl,
+  DecrementTrigger: NumberInputDecrementTrigger,
+  Input: NumberInputInput,
+  IncrementTrigger: NumberInputIncrementTrigger,
+  Label: NumberInputLabel,
+  Scrubber: NumberInputScrubber
+});
+
+export { NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputScrubber };

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

@@ -1,7 +1,4 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { PublicApi } from '@zag-js/number-input';
-import type { Accessor } from 'solid-js';
-import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { ContextProviderComponent } from 'solid-js';
 import { type UseNumberInputReturn } from './use-number-input';
 export type NumberInputContext = UseNumberInputReturn;
-export declare const NumberInputProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useNumberInputContext: () => Accessor<PublicApi<PropTypes>>;
+export declare const NumberInputProvider: ContextProviderComponent<UseNumberInputReturn>, useNumberInputContext: () => UseNumberInputReturn;

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

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 export type NumberInputControlProps = HTMLArkProps<'div'>;
 export declare const NumberInputControl: (props: NumberInputControlProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 export type NumberInputDecrementTriggerProps = HTMLArkProps<'button'>;
 export declare const NumberInputDecrementTrigger: (props: NumberInputDecrementTriggerProps) => JSX.Element;

package/number-input/number-input-field.cjs

@@ -7,10 +7,10 @@ const solid = require('@zag-js/solid');
 const factory = require('../factory.cjs');
 const numberInputContext = require('./number-input-context.cjs');
 
-const NumberInputField = props => {
+const NumberInputInput = props => {
   const api = numberInputContext.useNumberInputContext();
   const inputProps = solid.mergeProps(() => api().inputProps, props);
   return web.createComponent(factory.ark.input, inputProps);
 };
 
-exports.NumberInputField = NumberInputField;
+exports.NumberInputInput = NumberInputInput;

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

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
-export type NumberInputFieldProps = HTMLArkProps<'input'>;
-export declare const NumberInputField: (props: NumberInputFieldProps) => JSX.Element;
+export type NumberInputInputProps = HTMLArkProps<'input'>;
+export declare const NumberInputInput: (props: NumberInputInputProps) => JSX.Element;

package/number-input/number-input-field.mjs

@@ -3,10 +3,10 @@ import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory.mjs';
 import { useNumberInputContext } from './number-input-context.mjs';
 
-const NumberInputField = props => {
+const NumberInputInput = props => {
   const api = useNumberInputContext();
   const inputProps = mergeProps(() => api().inputProps, props);
   return createComponent(ark.input, inputProps);
 };
 
-export { NumberInputField };
+export { NumberInputInput };

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

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 export type NumberInputIncrementTriggerProps = HTMLArkProps<'button'>;
 export declare const NumberInputIncrementTrigger: (props: NumberInputIncrementTriggerProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 export type NumberInputLabelProps = HTMLArkProps<'label'>;
 export declare const NumberInputLabel: (props: NumberInputLabelProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 export type NumberInputScrubberProps = HTMLArkProps<'div'>;
 export declare const NumberInputScrubber: (props: NumberInputScrubberProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type UseNumberInputProps } from './use-number-input';

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

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+import type { Meta } from 'storybook-solidjs';
+declare const meta: Meta;
+export default meta;
+export declare const Basic: () => JSX.Element;

package/number-input/use-number-input.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const numberInput = require('@zag-js/number-input');
 const solid = require('@zag-js/solid');
 const solidJs = require('solid-js');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

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

@@ -1,7 +1,7 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { Accessor } from 'solid-js';
 import * as numberInput from '@zag-js/number-input';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
 export type UseNumberInputProps = Optional<numberInput.Context, 'id'>;
-export declare const useNumberInput: (props: UseNumberInputProps) => Accessor<numberInput.PublicApi<PropTypes>>;
-export type UseNumberInputReturn = ReturnType<typeof useNumberInput>;
+export type UseNumberInputReturn = Accessor<numberInput.Api<PropTypes>>;
+export declare const useNumberInput: (props: UseNumberInputProps) => UseNumberInputReturn;

package/number-input/use-number-input.mjs

@@ -1,6 +1,7 @@
 import * as numberInput from '@zag-js/number-input';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { createUniqueId, createMemo } from 'solid-js';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useNumberInput = (props) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "0.9.0",
+  "version": "0.10.1",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -59,68 +59,68 @@
     "release-it": "release-it --config ../../release-it.json"
   },
   "dependencies": {
-    "@zag-js/accordion": "0.13.0",
-    "@zag-js/anatomy": "0.13.0",
-    "@zag-js/avatar": "0.13.0",
-    "@zag-js/carousel": "0.13.0",
-    "@zag-js/checkbox": "0.13.0",
-    "@zag-js/color-picker": "0.13.0",
-    "@zag-js/combobox": "0.13.0",
-    "@zag-js/date-picker": "0.13.0",
-    "@zag-js/dialog": "0.13.0",
-    "@zag-js/editable": "0.13.0",
-    "@zag-js/hover-card": "0.13.0",
-    "@zag-js/menu": "0.13.0",
-    "@zag-js/number-input": "0.13.0",
-    "@zag-js/pagination": "0.13.0",
-    "@zag-js/pin-input": "0.13.0",
-    "@zag-js/popover": "0.13.0",
-    "@zag-js/pressable": "0.13.0",
-    "@zag-js/radio-group": "0.13.0",
-    "@zag-js/range-slider": "0.13.0",
-    "@zag-js/rating-group": "0.13.0",
-    "@zag-js/select": "0.13.0",
-    "@zag-js/slider": "0.13.0",
-    "@zag-js/solid": "0.13.0",
-    "@zag-js/splitter": "0.13.0",
-    "@zag-js/switch": "0.13.0",
-    "@zag-js/tabs": "0.13.0",
-    "@zag-js/tags-input": "0.13.0",
-    "@zag-js/toast": "0.13.0",
-    "@zag-js/tooltip": "0.13.0",
-    "@zag-js/types": "0.13.0"
+    "@zag-js/accordion": "0.17.0",
+    "@zag-js/anatomy": "0.17.0",
+    "@zag-js/avatar": "0.17.0",
+    "@zag-js/carousel": "0.17.0",
+    "@zag-js/checkbox": "0.17.0",
+    "@zag-js/color-picker": "0.17.0",
+    "@zag-js/combobox": "0.17.0",
+    "@zag-js/date-picker": "0.17.0",
+    "@zag-js/dialog": "0.17.0",
+    "@zag-js/editable": "0.17.0",
+    "@zag-js/hover-card": "0.17.0",
+    "@zag-js/menu": "0.17.0",
+    "@zag-js/number-input": "0.17.0",
+    "@zag-js/pagination": "0.17.0",
+    "@zag-js/pin-input": "0.17.0",
+    "@zag-js/popover": "0.17.0",
+    "@zag-js/pressable": "0.17.0",
+    "@zag-js/radio-group": "0.17.0",
+    "@zag-js/range-slider": "0.17.0",
+    "@zag-js/rating-group": "0.17.0",
+    "@zag-js/select": "0.17.0",
+    "@zag-js/slider": "0.17.0",
+    "@zag-js/solid": "0.17.0",
+    "@zag-js/splitter": "0.17.0",
+    "@zag-js/switch": "0.17.0",
+    "@zag-js/tabs": "0.17.0",
+    "@zag-js/tags-input": "0.17.0",
+    "@zag-js/toast": "0.17.0",
+    "@zag-js/tooltip": "0.17.0",
+    "@zag-js/types": "0.17.0"
   },
   "devDependencies": {
     "@release-it/keep-a-changelog": "4.0.0",
     "@solidjs/testing-library": "0.8.4",
-    "@storybook/addon-essentials": "7.2.1",
-    "@storybook/addon-interactions": "7.2.1",
-    "@storybook/addon-links": "7.2.1",
-    "@storybook/blocks": "7.2.1",
+    "@storybook/addon-essentials": "7.4.0",
+    "@storybook/addon-interactions": "7.4.0",
+    "@storybook/addon-links": "7.4.0",
+    "@storybook/blocks": "7.4.0",
     "@storybook/testing-library": "0.2.0",
     "@testing-library/dom": "9.3.1",
-    "@testing-library/jest-dom": "5.17.0",
+    "@testing-library/jest-dom": "6.1.2",
     "@testing-library/user-event": "14.4.3",
-    "@types/jsdom": "21.1.1",
+    "@types/jsdom": "21.1.2",
     "@types/testing-library__jest-dom": "5.14.9",
-    "@typescript-eslint/eslint-plugin": "5.62.0",
-    "@typescript-eslint/parser": "5.62.0",
-    "@vitest/coverage-v8": "0.34.1",
-    "eslint": "8.46.0",
+    "@typescript-eslint/eslint-plugin": "6.5.0",
+    "@typescript-eslint/parser": "6.5.0",
+    "@vitest/coverage-v8": "0.34.3",
+    "eslint": "8.48.0",
     "globby": "13.2.2",
     "jsdom": "22.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "release-it": "16.1.3",
-    "solid-js": "1.7.9",
-    "storybook": "7.2.1",
+    "release-it": "16.1.5",
+    "solid-js": "1.7.11",
+    "storybook": "7.4.0",
     "storybook-solidjs": "1.0.0-beta.2",
     "storybook-solidjs-vite": "1.0.0-beta.2",
-    "typescript": "5.1.6",
-    "vite": "4.4.8",
-    "vite-plugin-dts": "2.3.0",
+    "typescript": "5.2.2",
+    "vite": "4.4.9",
+    "vite-plugin-dts": "3.5.3",
     "vite-plugin-solid": "2.7.0",
-    "vitest": "0.34.1"
+    "vitest": "0.34.2"
   },
   "peerDependencies": {
     "solid-js": ">=1.6.0"

package/pagination/index.cjs

@@ -12,9 +12,16 @@ const paginationPageTrigger = require('./pagination-page-trigger.cjs');
 const paginationPrevPageTrigger = require('./pagination-prev-page-trigger.cjs');
 const pagination_anatomy = require('./pagination.anatomy.cjs');
 
+const Pagination = Object.assign(pagination.Pagination, {
+  Root: pagination.Pagination,
+  Ellipsis: paginationEllipsis.PaginationEllipsis,
+  List: paginationList.PaginationList,
+  ListItem: paginationListItem.PaginationListItem,
+  NextPageTrigger: paginationNextPageTrigger.PaginationNextPageTrigger,
+  PageTrigger: paginationPageTrigger.PaginationPageTrigger,
+  PrevPageTrigger: paginationPrevPageTrigger.PaginationPrevPageTrigger
+});
 
-
-exports.Pagination = pagination.Pagination;
 exports.usePaginationContext = paginationContext.usePaginationContext;
 exports.PaginationEllipsis = paginationEllipsis.PaginationEllipsis;
 exports.PaginationList = paginationList.PaginationList;
@@ -23,3 +30,4 @@ exports.PaginationNextPageTrigger = paginationNextPageTrigger.PaginationNextPage
 exports.PaginationPageTrigger = paginationPageTrigger.PaginationPageTrigger;
 exports.PaginationPrevPageTrigger = paginationPrevPageTrigger.PaginationPrevPageTrigger;
 exports.paginationAnatomy = pagination_anatomy.paginationAnatomy;
+exports.Pagination = Pagination;

package/pagination/index.d.ts

@@ -1,9 +1,21 @@
-export { Pagination, type PaginationProps } from './pagination';
-export { usePaginationContext } from './pagination-context';
-export { PaginationEllipsis, type PaginationEllipsisProps } from './pagination-ellipsis';
-export { PaginationList, type PaginationListProps } from './pagination-list';
-export { PaginationListItem, type PaginationListItemProps } from './pagination-list-item';
-export { PaginationNextPageTrigger, type PaginationNextPageTriggerProps, } from './pagination-next-page-trigger';
-export { PaginationPageTrigger, type PaginationPageTriggerProps } from './pagination-page-trigger';
-export { PaginationPrevPageTrigger, type PaginationPrevPageTriggerProps, } from './pagination-prev-page-trigger';
-export { paginationAnatomy } from './pagination.anatomy';
+import { JSX } from 'solid-js';
+import { type PaginationProps } from './pagination';
+import { usePaginationContext } from './pagination-context';
+import { PaginationEllipsis, type PaginationEllipsisProps } from './pagination-ellipsis';
+import { PaginationList, type PaginationListProps } from './pagination-list';
+import { PaginationListItem, type PaginationListItemProps } from './pagination-list-item';
+import { PaginationNextPageTrigger, type PaginationNextPageTriggerProps } from './pagination-next-page-trigger';
+import { PaginationPageTrigger, type PaginationPageTriggerProps } from './pagination-page-trigger';
+import { PaginationPrevPageTrigger, type PaginationPrevPageTriggerProps } from './pagination-prev-page-trigger';
+import { paginationAnatomy } from './pagination.anatomy';
+declare const Pagination: ((props: PaginationProps) => JSX.Element) & {
+    Root: (props: PaginationProps) => JSX.Element;
+    Ellipsis: (props: PaginationEllipsisProps) => JSX.Element;
+    List: (props: PaginationListProps) => JSX.Element;
+    ListItem: (props: PaginationListItemProps) => JSX.Element;
+    NextPageTrigger: (props: PaginationNextPageTriggerProps) => JSX.Element;
+    PageTrigger: (props: PaginationPageTriggerProps) => JSX.Element;
+    PrevPageTrigger: (props: PaginationPrevPageTriggerProps) => JSX.Element;
+};
+export { Pagination, PaginationEllipsis, PaginationList, PaginationListItem, PaginationNextPageTrigger, PaginationPageTrigger, PaginationPrevPageTrigger, paginationAnatomy, usePaginationContext, };
+export type { PaginationEllipsisProps, PaginationListItemProps, PaginationListProps, PaginationNextPageTriggerProps, PaginationPageTriggerProps, PaginationPrevPageTriggerProps, PaginationProps, };

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,7 +1,4 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { PublicApi } from '@zag-js/pagination';
-import type { Accessor } from 'solid-js';
-import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { ContextProviderComponent } from 'solid-js';
 import { type UsePaginationReturn } from './use-pagination';
 export type PaginationContext = UsePaginationReturn;
-export declare const PaginationProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, usePaginationContext: () => Accessor<PublicApi<PropTypes>>;
+export declare const PaginationProvider: ContextProviderComponent<UsePaginationReturn>, usePaginationContext: () => UsePaginationReturn;

package/pagination/pagination-ellipsis.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import type { EllipsisProps } from '@zag-js/pagination';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';

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

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 export type PaginationListItemProps = HTMLArkProps<'li'>;
 export declare const PaginationListItem: (props: PaginationListItemProps) => JSX.Element;

package/pagination/pagination-list.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 export type PaginationListProps = HTMLArkProps<'ul'>;
 export declare const PaginationList: (props: PaginationListProps) => JSX.Element;

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<"ellipsis" | "list" | "root" | "pageTrigger" | "prevPageTrigger" | "nextPageTrigger" | "listItem">;
 export declare const parts: Record<"ellipsis" | "list" | "root" | "pageTrigger" | "prevPageTrigger" | "nextPageTrigger" | "listItem", AnatomyPart>;

package/pagination/pagination.stories.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+import type { Meta } from 'storybook-solidjs';
+declare const meta: Meta;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const Controlled: () => JSX.Element;
+export declare const Customized: () => JSX.Element;

package/pagination/use-pagination.cjs

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

package/pagination/use-pagination.d.ts

@@ -1,7 +1,7 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { Accessor } from 'solid-js';
 import * as pagination from '@zag-js/pagination';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
 export type UsePaginationProps = Optional<pagination.Context, 'id'>;
-export declare const usePagination: (props: UsePaginationProps) => Accessor<pagination.PublicApi<PropTypes>>;
-export type UsePaginationReturn = ReturnType<typeof usePagination>;
+export type UsePaginationReturn = Accessor<pagination.Api<PropTypes>>;
+export declare const usePagination: (props: UsePaginationProps) => UsePaginationReturn;

package/pagination/use-pagination.mjs

@@ -1,6 +1,7 @@
 import * as pagination from '@zag-js/pagination';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { createUniqueId, createMemo } from 'solid-js';
+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,
+  Input: pinInputField.PinInputInput,
+  Label: pinInputLabel.PinInputLabel
+});
 
-exports.PinInput = pinInput.PinInput;
 exports.usePinInputContext = pinInputContext.usePinInputContext;
 exports.PinInputControl = pinInputControl.PinInputControl;
-exports.PinInputField = pinInputField.PinInputField;
+exports.PinInputInput = pinInputField.PinInputInput;
 exports.PinInputLabel = pinInputLabel.PinInputLabel;
 Object.defineProperty(exports, 'pinInputAnatomy', {
-	enumerable: true,
-	get: () => pinInput$1.anatomy
+  enumerable: true,
+  get: () => pinInput.anatomy
 });
+exports.PinInput = PinInput;