@ark-ui/solid 0.8.1 → 0.10.0

package/number-input/index.cjs

@@ -2,25 +2,35 @@
 
 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');
 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,8 +1,21 @@
-export { NumberInput, type NumberInputProps } from './number-input';
-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,8 +1,21 @@
-export { NumberInput } from './number-input.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 { NumberInput as NumberInput$1 } from './number-input.mjs';
+export { useNumberInputContext } from './number-input-context.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,47 +1,4 @@
-import type { Accessor, JSX } 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<{
-    isFocused: boolean;
-    isInvalid: boolean;
-    isValueEmpty: boolean;
-    value: string;
-    valueAsNumber: number;
-    setValue(value: string | number): void;
-    clearValue(): void;
-    increment(): void;
-    decrement(): void;
-    setToMax(): void;
-    setToMin(): void;
-    focus(): void;
-    blur(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    decrementTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    incrementTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    scrubberProps: JSX.HTMLAttributes<any>;
-}>>, useNumberInputContext: () => Accessor<{
-    isFocused: boolean;
-    isInvalid: boolean;
-    isValueEmpty: boolean;
-    value: string;
-    valueAsNumber: number;
-    setValue(value: string | number): void;
-    clearValue(): void;
-    increment(): void;
-    decrement(): void;
-    setToMax(): void;
-    setToMin(): void;
-    focus(): void;
-    blur(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    decrementTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    incrementTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    scrubberProps: JSX.HTMLAttributes<any>;
-}>;
+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,27 +1,7 @@
-import type { Accessor, JSX } 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<{
-    isFocused: boolean;
-    isInvalid: boolean;
-    isValueEmpty: boolean;
-    value: string;
-    valueAsNumber: number;
-    setValue(value: string | number): void;
-    clearValue(): void;
-    increment(): void;
-    decrement(): void;
-    setToMax(): void;
-    setToMin(): void;
-    focus(): void;
-    blur(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    decrementTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    incrementTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    scrubberProps: JSX.HTMLAttributes<any>;
-}>;
-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.8.1",
+  "version": "0.10.0",
   "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.10.5",
-    "@zag-js/anatomy": "0.10.5",
-    "@zag-js/avatar": "0.10.5",
-    "@zag-js/carousel": "0.10.5",
-    "@zag-js/checkbox": "0.10.5",
-    "@zag-js/color-picker": "0.10.5",
-    "@zag-js/combobox": "0.10.5",
-    "@zag-js/date-picker": "0.10.5",
-    "@zag-js/dialog": "0.10.5",
-    "@zag-js/editable": "0.10.5",
-    "@zag-js/hover-card": "0.10.5",
-    "@zag-js/menu": "0.10.5",
-    "@zag-js/number-input": "0.10.5",
-    "@zag-js/pagination": "0.10.5",
-    "@zag-js/pin-input": "0.10.5",
-    "@zag-js/popover": "0.10.5",
-    "@zag-js/pressable": "0.10.5",
-    "@zag-js/radio-group": "0.10.5",
-    "@zag-js/range-slider": "0.10.5",
-    "@zag-js/rating-group": "0.10.5",
-    "@zag-js/select": "0.10.5",
-    "@zag-js/slider": "0.10.5",
-    "@zag-js/solid": "0.10.5",
-    "@zag-js/splitter": "0.10.5",
-    "@zag-js/switch": "0.10.5",
-    "@zag-js/tabs": "0.10.5",
-    "@zag-js/tags-input": "0.10.5",
-    "@zag-js/toast": "0.10.5",
-    "@zag-js/tooltip": "0.10.5",
-    "@zag-js/types": "0.10.5"
+    "@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": "3.1.0",
+    "@release-it/keep-a-changelog": "4.0.0",
     "@solidjs/testing-library": "0.8.4",
-    "@storybook/addon-essentials": "7.0.26",
-    "@storybook/addon-interactions": "7.0.26",
-    "@storybook/addon-links": "7.0.26",
-    "@storybook/blocks": "7.0.26",
+    "@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.16.5",
+    "@testing-library/jest-dom": "6.1.2",
     "@testing-library/user-event": "14.4.3",
-    "@types/jsdom": "21.1.1",
-    "@types/testing-library__jest-dom": "5.14.7",
-    "@typescript-eslint/eslint-plugin": "5.61.0",
-    "@typescript-eslint/parser": "5.61.0",
-    "@vitest/coverage-v8": "0.33.0",
-    "eslint": "8.44.0",
+    "@types/jsdom": "21.1.2",
+    "@types/testing-library__jest-dom": "5.14.9",
+    "@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",
-    "happy-dom": "9.20.3",
+    "jsdom": "22.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "release-it": "15.11.0",
-    "solid-js": "1.7.7",
-    "storybook": "7.0.26",
+    "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.2",
-    "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.33.0"
+    "vitest": "0.34.2"
   },
   "peerDependencies": {
     "solid-js": ">=1.6.0"

package/pagination/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const pagination = require('./pagination.cjs');
+const paginationContext = require('./pagination-context.cjs');
 const paginationEllipsis = require('./pagination-ellipsis.cjs');
 const paginationList = require('./pagination-list.cjs');
 const paginationListItem = require('./pagination-list-item.cjs');
@@ -11,9 +12,17 @@ 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;
 exports.PaginationListItem = paginationListItem.PaginationListItem;
@@ -21,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,8 +1,21 @@
-export { Pagination, type PaginationProps } from './pagination';
-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,8 +1,21 @@
-export { Pagination } from './pagination.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 { Pagination as Pagination$1 } from './pagination.mjs';
+export { usePaginationContext } from './pagination-context.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,48 +1,4 @@
-import type { PaginationRange, EllipsisProps, PageTriggerProps } from '@zag-js/pagination/dist/pagination.types';
-import type { Accessor, JSX } 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<{
-    page: number;
-    totalPages: number;
-    pages: PaginationRange;
-    previousPage: number | null;
-    nextPage: number | null;
-    pageRange: {
-        start: number;
-        end: number;
-    };
-    slice<T_1>(data: T_1[]): T_1[];
-    isFirstPage: boolean;
-    isLastPage: boolean;
-    setCount(count: number): void;
-    setPageSize(size: number): void;
-    setPage(page: number): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    getEllipsisProps(props: EllipsisProps): JSX.HTMLAttributes<any>;
-    getPageTriggerProps(page: PageTriggerProps): JSX.HTMLAttributes<any>;
-    prevPageTriggerProps: JSX.HTMLAttributes<any>;
-    nextPageTriggerProps: JSX.HTMLAttributes<any>;
-}>>, usePaginationContext: () => Accessor<{
-    page: number;
-    totalPages: number;
-    pages: PaginationRange;
-    previousPage: number | null;
-    nextPage: number | null;
-    pageRange: {
-        start: number;
-        end: number;
-    };
-    slice<T_1>(data: T_1[]): T_1[];
-    isFirstPage: boolean;
-    isLastPage: boolean;
-    setCount(count: number): void;
-    setPageSize(size: number): void;
-    setPage(page: number): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    getEllipsisProps(props: EllipsisProps): JSX.HTMLAttributes<any>;
-    getPageTriggerProps(page: PageTriggerProps): JSX.HTMLAttributes<any>;
-    prevPageTriggerProps: JSX.HTMLAttributes<any>;
-    nextPageTriggerProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const PaginationProvider: ContextProviderComponent<UsePaginationReturn>, usePaginationContext: () => UsePaginationReturn;

package/pagination/pagination-ellipsis.d.ts

@@ -1,5 +1,5 @@
-import type { JSX } from 'solid-js';
-import type { EllipsisProps } from '@zag-js/pagination/dist/pagination.types';
+import { JSX } from 'solid-js';
+import type { EllipsisProps } from '@zag-js/pagination';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export type PaginationEllipsisProps = Assign<HTMLArkProps<'div'>, EllipsisProps>;

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) {