@ark-ui/solid 0.8.1 → 0.9.0

package/number-input/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const numberInput = 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');
@@ -14,6 +15,7 @@ const numberInput$1 = require('@zag-js/number-input');
 
 
 exports.NumberInput = numberInput.NumberInput;
+exports.useNumberInputContext = numberInputContext.useNumberInputContext;
 exports.NumberInputControl = numberInputControl.NumberInputControl;
 exports.NumberInputDecrementTrigger = numberInputDecrementTrigger.NumberInputDecrementTrigger;
 exports.NumberInputField = numberInputField.NumberInputField;

package/number-input/index.d.ts

@@ -1,4 +1,5 @@
 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';

package/number-input/index.mjs

@@ -1,4 +1,5 @@
 export { NumberInput } 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';

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

@@ -1,47 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+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 { 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<Accessor<PublicApi<PropTypes>>>, useNumberInputContext: () => Accessor<PublicApi<PropTypes>>;

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

@@ -1,27 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as numberInput from '@zag-js/number-input';
 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 declare const useNumberInput: (props: UseNumberInputProps) => Accessor<numberInput.PublicApi<PropTypes>>;
 export type UseNumberInputReturn = ReturnType<typeof useNumberInput>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "0.8.1",
+  "version": "0.9.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.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"
   },
   "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.2.1",
+    "@storybook/addon-interactions": "7.2.1",
+    "@storybook/addon-links": "7.2.1",
+    "@storybook/blocks": "7.2.1",
     "@storybook/testing-library": "0.2.0",
     "@testing-library/dom": "9.3.1",
-    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/jest-dom": "5.17.0",
     "@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/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",
     "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.3",
+    "solid-js": "1.7.9",
+    "storybook": "7.2.1",
     "storybook-solidjs": "1.0.0-beta.2",
     "storybook-solidjs-vite": "1.0.0-beta.2",
     "typescript": "5.1.6",
-    "vite": "4.4.2",
+    "vite": "4.4.8",
     "vite-plugin-dts": "2.3.0",
     "vite-plugin-solid": "2.7.0",
-    "vitest": "0.33.0"
+    "vitest": "0.34.1"
   },
   "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');
@@ -14,6 +15,7 @@ const pagination_anatomy = require('./pagination.anatomy.cjs');
 
 
 exports.Pagination = pagination.Pagination;
+exports.usePaginationContext = paginationContext.usePaginationContext;
 exports.PaginationEllipsis = paginationEllipsis.PaginationEllipsis;
 exports.PaginationList = paginationList.PaginationList;
 exports.PaginationListItem = paginationListItem.PaginationListItem;

package/pagination/index.d.ts

@@ -1,4 +1,5 @@
 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';

package/pagination/index.mjs

@@ -1,4 +1,5 @@
 export { Pagination } 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';

package/pagination/pagination-context.d.ts

@@ -1,48 +1,7 @@
-import type { PaginationRange, EllipsisProps, PageTriggerProps } from '@zag-js/pagination/dist/pagination.types';
-import type { Accessor, JSX } from 'solid-js';
+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 { 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<Accessor<PublicApi<PropTypes>>>, usePaginationContext: () => Accessor<PublicApi<PropTypes>>;

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 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/use-pagination.d.ts

@@ -1,28 +1,7 @@
-import type { PaginationRange, EllipsisProps, PageTriggerProps } from '@zag-js/pagination/dist/pagination.types';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as pagination from '@zag-js/pagination';
 import { type Optional } from '../types';
 export type UsePaginationProps = Optional<pagination.Context, 'id'>;
-export declare const usePagination: (props: UsePaginationProps) => 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 usePagination: (props: UsePaginationProps) => Accessor<pagination.PublicApi<PropTypes>>;
 export type UsePaginationReturn = ReturnType<typeof usePagination>;

package/pin-input/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const pinInput = 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');
@@ -11,6 +12,7 @@ const pinInput$1 = require('@zag-js/pin-input');
 
 
 exports.PinInput = pinInput.PinInput;
+exports.usePinInputContext = pinInputContext.usePinInputContext;
 exports.PinInputControl = pinInputControl.PinInputControl;
 exports.PinInputField = pinInputField.PinInputField;
 exports.PinInputLabel = pinInputLabel.PinInputLabel;

package/pin-input/index.d.ts

@@ -1,4 +1,5 @@
 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';

package/pin-input/index.mjs

@@ -1,4 +1,5 @@
 export { PinInput } 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';

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

@@ -1,35 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/pin-input';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UsePinInputReturn } from './use-pin-input';
 export type PinInputContext = UsePinInputReturn;
-export declare const PinInputProvider: ContextProviderComponent<Accessor<{
-    value: string[];
-    valueAsString: string;
-    isValueComplete: boolean;
-    setValue(value: string[]): void;
-    clearValue(): void;
-    setValueAtIndex(index: number, value: string): void;
-    focus: () => void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    getInputProps({ index }: {
-        index: number;
-    }): JSX.InputHTMLAttributes<HTMLInputElement>;
-}>>, usePinInputContext: () => Accessor<{
-    value: string[];
-    valueAsString: string;
-    isValueComplete: boolean;
-    setValue(value: string[]): void;
-    clearValue(): void;
-    setValueAtIndex(index: number, value: string): void;
-    focus: () => void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    getInputProps({ index }: {
-        index: number;
-    }): JSX.InputHTMLAttributes<HTMLInputElement>;
-}>;
+export declare const PinInputProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, usePinInputContext: () => Accessor<PublicApi<PropTypes>>;

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

@@ -1,21 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as pinInput from '@zag-js/pin-input';
 import { type Optional } from '../types';
 export type UsePinInputProps = Optional<pinInput.Context, 'id'>;
 export type UsePinInputReturn = ReturnType<typeof usePinInput>;
-export declare const usePinInput: (props: UsePinInputProps) => Accessor<{
-    value: string[];
-    valueAsString: string;
-    isValueComplete: boolean;
-    setValue(value: string[]): void;
-    clearValue(): void;
-    setValueAtIndex(index: number, value: string): void;
-    focus: () => void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    getInputProps({ index }: {
-        index: number;
-    }): JSX.InputHTMLAttributes<HTMLInputElement>;
-}>;
+export declare const usePinInput: (props: UsePinInputProps) => Accessor<pinInput.PublicApi<PropTypes>>;

package/popover/index.cjs

@@ -8,6 +8,7 @@ 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 popoverContext = require('./popover-context.cjs');
 const popoverDescription = require('./popover-description.cjs');
 const popoverPositioner = require('./popover-positioner.cjs');
 const popoverTitle = require('./popover-title.cjs');
@@ -22,6 +23,7 @@ exports.PopoverArrow = popoverArrow.PopoverArrow;
 exports.PopoverArrowTip = popoverArrowTip.PopoverArrowTip;
 exports.PopoverCloseTrigger = popoverCloseTrigger.PopoverCloseTrigger;
 exports.PopoverContent = popoverContent.PopoverContent;
+exports.usePopoverContext = popoverContext.usePopoverContext;
 exports.PopoverDescription = popoverDescription.PopoverDescription;
 exports.PopoverPositioner = popoverPositioner.PopoverPositioner;
 exports.PopoverTitle = popoverTitle.PopoverTitle;

package/popover/index.d.ts

@@ -4,6 +4,7 @@ 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';

package/popover/index.mjs

@@ -4,6 +4,7 @@ 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';
 export { PopoverDescription } from './popover-description.mjs';
 export { PopoverPositioner } from './popover-positioner.mjs';
 export { PopoverTitle } from './popover-title.mjs';

package/popover/popover-context.d.ts

@@ -1,36 +1,7 @@
-import type { PositioningOptions } from '@zag-js/combobox';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/popover';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UsePopoverReturn } from './use-popover';
 export type PopoverContext = UsePopoverReturn;
-export declare const PopoverProvider: ContextProviderComponent<Accessor<{
-    portalled: boolean;
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
-    arrowProps: JSX.HTMLAttributes<any>;
-    arrowTipProps: JSX.HTMLAttributes<any>;
-    anchorProps: JSX.HTMLAttributes<any>;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-    titleProps: JSX.HTMLAttributes<any>;
-    descriptionProps: JSX.HTMLAttributes<any>;
-    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>>, usePopoverContext: () => Accessor<{
-    portalled: boolean;
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
-    arrowProps: JSX.HTMLAttributes<any>;
-    arrowTipProps: JSX.HTMLAttributes<any>;
-    anchorProps: JSX.HTMLAttributes<any>;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-    titleProps: JSX.HTMLAttributes<any>;
-    descriptionProps: JSX.HTMLAttributes<any>;
-    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>;
+export declare const PopoverProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, usePopoverContext: () => Accessor<PublicApi<PropTypes>>;

package/popover/use-popover.d.ts

@@ -1,21 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as popover from '@zag-js/popover';
 import { type Optional } from '../types';
 export type UsePopoverProps = Optional<popover.Context, 'id'>;
-export declare const usePopover: (props: UsePopoverProps) => Accessor<{
-    portalled: boolean;
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    setPositioning(options?: Partial<popover.PositioningOptions> | undefined): void;
-    arrowProps: JSX.HTMLAttributes<any>;
-    arrowTipProps: JSX.HTMLAttributes<any>;
-    anchorProps: JSX.HTMLAttributes<any>;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-    titleProps: JSX.HTMLAttributes<any>;
-    descriptionProps: JSX.HTMLAttributes<any>;
-    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>;
+export declare const usePopover: (props: UsePopoverProps) => Accessor<popover.PublicApi<PropTypes>>;
 export type UsePopoverReturn = ReturnType<typeof usePopover>;

package/pressable/use-pressable.d.ts

@@ -1,9 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as pressable from '@zag-js/pressable';
 import { type Optional } from '../types';
 export type UsePressableProps = Optional<pressable.Context, 'id'>;
 export type UsePressableReturn = ReturnType<typeof usePressable>;
-export declare const usePressable: (props: UsePressableProps) => Accessor<{
-    isPressed: boolean;
-    pressableProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const usePressable: (props: UsePressableProps) => Accessor<pressable.PublicApi<PropTypes>>;

package/radio-group/index.cjs

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const radio = require('./radio.cjs');
+const radioContext = require('./radio-context.cjs');
 const radioControl = require('./radio-control.cjs');
 const radioGroup = require('./radio-group.cjs');
+const radioGroupContext = require('./radio-group-context.cjs');
 const radioGroupLabel = require('./radio-group-label.cjs');
 const radioInput = require('./radio-input.cjs');
 const radioLabel = require('./radio-label.cjs');
@@ -13,8 +15,10 @@ const radio$1 = require('@zag-js/radio-group');
 
 
 exports.Radio = radio.Radio;
+exports.useRadioContext = radioContext.useRadioContext;
 exports.RadioControl = radioControl.RadioControl;
 exports.RadioGroup = radioGroup.RadioGroup;
+exports.useRadioGroupContext = radioGroupContext.useRadioGroupContext;
 exports.RadioGroupLabel = radioGroupLabel.RadioGroupLabel;
 exports.RadioInput = radioInput.RadioInput;
 exports.RadioLabel = radioLabel.RadioLabel;

package/radio-group/index.d.ts

@@ -1,6 +1,8 @@
 export { Radio, type RadioProps } from './radio';
+export { useRadioContext } from './radio-context';
 export { RadioControl, type RadioControlProps } from './radio-control';
 export { RadioGroup, type RadioGroupProps } from './radio-group';
+export { useRadioGroupContext } from './radio-group-context';
 export { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
 export { radioGroupAnatomy } from './radio-group.anatomy';
 export { RadioInput, type RadioInputProps } from './radio-input';

package/radio-group/index.mjs

@@ -1,6 +1,8 @@
 export { Radio } from './radio.mjs';
+export { useRadioContext } from './radio-context.mjs';
 export { RadioControl } from './radio-control.mjs';
 export { RadioGroup } from './radio-group.mjs';
+export { useRadioGroupContext } from './radio-group-context.mjs';
 export { RadioGroupLabel } from './radio-group-label.mjs';
 export { RadioInput } from './radio-input.mjs';
 export { RadioLabel } from './radio-label.mjs';