@ark-ui/solid 0.8.1 → 0.10.0

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 * 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<{
-    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 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,19 +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;

package/pin-input/index.d.ts

@@ -1,5 +1,15 @@
-export { PinInput, type PinInputProps } from './pin-input';
-export { PinInputControl, type PinInputControlProps } from './pin-input-control';
-export { PinInputField, type PinInputFieldProps } from './pin-input-field';
-export { PinInputLabel, type PinInputLabelProps } from './pin-input-label';
-export { pinInputAnatomy } from './pin-input.anatomy';
+import { JSX } from 'solid-js';
+import { type PinInputProps } from './pin-input';
+import { usePinInputContext } from './pin-input-context';
+import { PinInputControl, type PinInputControlProps } from './pin-input-control';
+import { PinInputInput, type PinInputInputProps } from './pin-input-field';
+import { PinInputLabel, type PinInputLabelProps } from './pin-input-label';
+import { pinInputAnatomy } from './pin-input.anatomy';
+declare const PinInput: ((props: PinInputProps) => JSX.Element) & {
+    Root: (props: PinInputProps) => JSX.Element;
+    Control: (props: PinInputControlProps) => JSX.Element;
+    Input: (props: PinInputInputProps) => JSX.Element;
+    Label: (props: PinInputLabelProps) => JSX.Element;
+};
+export { PinInput, PinInputControl, PinInputInput, PinInputLabel, pinInputAnatomy, usePinInputContext, };
+export type { PinInputControlProps, PinInputInputProps, PinInputLabelProps, PinInputProps };

package/pin-input/index.mjs

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

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

@@ -1,35 +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 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<UsePinInputReturn>, usePinInputContext: () => UsePinInputReturn;

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

@@ -8,15 +8,20 @@ const solidJs = require('solid-js');
 const factory = require('../factory.cjs');
 const pinInputContext = require('./pin-input-context.cjs');
 
+const _tmpl$ = /*#__PURE__*/web.template(`<input>`);
 const PinInputControl = props => {
   const api = pinInputContext.usePinInputContext();
   const [childrenProps, restProps] = solidJs.splitProps(props, ['children']);
   const controlProps = solid.mergeProps(() => api().controlProps, restProps);
-  return web.createComponent(factory.ark.div, web.mergeProps(controlProps, {
+  return [web.createComponent(factory.ark.div, web.mergeProps(controlProps, {
     get children() {
-      return [childrenProps.children, web.ssrElement("input", api().hiddenInputProps, undefined, true)];
+      return childrenProps.children;
     }
-  }));
+  })), (() => {
+    const _el$ = _tmpl$();
+    web.spread(_el$, web.mergeProps(() => api().hiddenInputProps), false, false);
+    return _el$;
+  })()];
 };
 
 exports.PinInputControl = PinInputControl;

package/pin-input/pin-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 PinInputControlProps = HTMLArkProps<'div'>;
 export declare const PinInputControl: (props: PinInputControlProps) => JSX.Element;

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

@@ -1,18 +1,23 @@
-import { createComponent, mergeProps as mergeProps$1, ssrElement } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, spread, template } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { splitProps } from 'solid-js';
 import { ark } from '../factory.mjs';
 import { usePinInputContext } from './pin-input-context.mjs';
 
+const _tmpl$ = /*#__PURE__*/template(`<input>`);
 const PinInputControl = props => {
   const api = usePinInputContext();
   const [childrenProps, restProps] = splitProps(props, ['children']);
   const controlProps = mergeProps(() => api().controlProps, restProps);
-  return createComponent(ark.div, mergeProps$1(controlProps, {
+  return [createComponent(ark.div, mergeProps$1(controlProps, {
     get children() {
-      return [childrenProps.children, ssrElement("input", api().hiddenInputProps, undefined, true)];
+      return childrenProps.children;
     }
-  }));
+  })), (() => {
+    const _el$ = _tmpl$();
+    spread(_el$, mergeProps$1(() => api().hiddenInputProps), false, false);
+    return _el$;
+  })()];
 };
 
 export { PinInputControl };

package/pin-input/pin-input-field.cjs

@@ -8,11 +8,11 @@ const solidJs = require('solid-js');
 const factory = require('../factory.cjs');
 const pinInputContext = require('./pin-input-context.cjs');
 
-const PinInputField = props => {
+const PinInputInput = props => {
   const [inputParams, localProps] = solidJs.splitProps(props, ['index']);
   const api = pinInputContext.usePinInputContext();
   const inputProps = solid.mergeProps(() => api().getInputProps(inputParams), localProps);
   return web.createComponent(factory.ark.input, inputProps);
 };
 
-exports.PinInputField = PinInputField;
+exports.PinInputInput = PinInputInput;

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

@@ -1,7 +1,7 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export type PinInputFieldProps = Assign<HTMLArkProps<'input'>, {
+export type PinInputInputProps = Assign<HTMLArkProps<'input'>, {
     index: number;
 }>;
-export declare const PinInputField: (props: PinInputFieldProps) => JSX.Element;
+export declare const PinInputInput: (props: PinInputInputProps) => JSX.Element;

package/pin-input/pin-input-field.mjs

@@ -4,11 +4,11 @@ import { splitProps } from 'solid-js';
 import { ark } from '../factory.mjs';
 import { usePinInputContext } from './pin-input-context.mjs';
 
-const PinInputField = props => {
+const PinInputInput = props => {
   const [inputParams, localProps] = splitProps(props, ['index']);
   const api = usePinInputContext();
   const inputProps = mergeProps(() => api().getInputProps(inputParams), localProps);
   return createComponent(ark.input, inputProps);
 };
 
-export { PinInputField };
+export { PinInputInput };

package/pin-input/pin-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 PinInputLabelProps = HTMLArkProps<'label'>;
 export declare const PinInputLabel: (props: PinInputLabelProps) => JSX.Element;

package/pin-input/pin-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 UsePinInputProps } from './use-pin-input';

package/pin-input/pin-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/pin-input/use-pin-input.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const pinInput = require('@zag-js/pin-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/pin-input/use-pin-input.d.ts

@@ -1,21 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
 import * as pinInput from '@zag-js/pin-input';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
 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 type UsePinInputReturn = Accessor<pinInput.Api<PropTypes>>;
+export declare const usePinInput: (props: UsePinInputProps) => UsePinInputReturn;

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

@@ -1,6 +1,7 @@
 import * as pinInput from '@zag-js/pin-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 usePinInput = (props) => {

package/popover/index.cjs

@@ -2,31 +2,44 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const popover = require('./popover.cjs');
+const popover$1 = require('./popover.cjs');
 const popoverAnchor = require('./popover-anchor.cjs');
 const popoverArrow = require('./popover-arrow.cjs');
 const popoverArrowTip = require('./popover-arrow-tip.cjs');
 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');
 const popoverTrigger = require('./popover-trigger.cjs');
-const popover$1 = require('@zag-js/popover');
-
+const popover = require('@zag-js/popover');
 
+const Popover = Object.assign(popover$1.Popover, {
+  Root: popover$1.Popover,
+  Anchor: popoverAnchor.PopoverAnchor,
+  Arrow: popoverArrow.PopoverArrow,
+  ArrowTip: popoverArrowTip.PopoverArrowTip,
+  CloseTrigger: popoverCloseTrigger.PopoverCloseTrigger,
+  Content: popoverContent.PopoverContent,
+  Description: popoverDescription.PopoverDescription,
+  Positioner: popoverPositioner.PopoverPositioner,
+  Title: popoverTitle.PopoverTitle,
+  Trigger: popoverTrigger.PopoverTrigger
+});
 
-exports.Popover = popover.Popover;
 exports.PopoverAnchor = popoverAnchor.PopoverAnchor;
 exports.PopoverArrow = popoverArrow.PopoverArrow;
 exports.PopoverArrowTip = popoverArrowTip.PopoverArrowTip;
 exports.PopoverCloseTrigger = popoverCloseTrigger.PopoverCloseTrigger;
 exports.PopoverContent = popoverContent.PopoverContent;
+exports.usePopoverContext = popoverContext.usePopoverContext;
 exports.PopoverDescription = popoverDescription.PopoverDescription;
 exports.PopoverPositioner = popoverPositioner.PopoverPositioner;
 exports.PopoverTitle = popoverTitle.PopoverTitle;
 exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
 Object.defineProperty(exports, 'popoverAnatomy', {
-	enumerable: true,
-	get: () => popover$1.anatomy
+  enumerable: true,
+  get: () => popover.anatomy
 });
+exports.Popover = Popover;

package/popover/index.d.ts

@@ -1,11 +1,27 @@
-export { Popover, type PopoverProps } from './popover';
-export { PopoverAnchor, type PopoverAnchorProps } from './popover-anchor';
-export { PopoverArrow, type PopoverArrowProps } from './popover-arrow';
-export { PopoverArrowTip, type PopoverArrowTipProps } from './popover-arrow-tip';
-export { PopoverCloseTrigger, type PopoverCloseTriggerProps } from './popover-close-trigger';
-export { PopoverContent, type PopoverContentProps } from './popover-content';
-export { PopoverDescription, type PopoverDescriptionProps } from './popover-description';
-export { PopoverPositioner, type PopoverPositionerProps } from './popover-positioner';
-export { PopoverTitle, type PopoverTitleProps } from './popover-title';
-export { PopoverTrigger, type PopoverTriggerProps } from './popover-trigger';
-export { popoverAnatomy } from './popover.anatomy';
+import { JSX } from 'solid-js';
+import { type PopoverProps } from './popover';
+import { PopoverAnchor, type PopoverAnchorProps } from './popover-anchor';
+import { PopoverArrow, type PopoverArrowProps } from './popover-arrow';
+import { PopoverArrowTip, type PopoverArrowTipProps } from './popover-arrow-tip';
+import { PopoverCloseTrigger, type PopoverCloseTriggerProps } from './popover-close-trigger';
+import { PopoverContent, type PopoverContentProps } from './popover-content';
+import { usePopoverContext } from './popover-context';
+import { PopoverDescription, type PopoverDescriptionProps } from './popover-description';
+import { PopoverPositioner, type PopoverPositionerProps } from './popover-positioner';
+import { PopoverTitle, type PopoverTitleProps } from './popover-title';
+import { PopoverTrigger, type PopoverTriggerProps } from './popover-trigger';
+import { popoverAnatomy } from './popover.anatomy';
+declare const Popover: ((props: PopoverProps) => JSX.Element) & {
+    Root: (props: PopoverProps) => JSX.Element;
+    Anchor: (props: PopoverAnchorProps) => JSX.Element;
+    Arrow: (props: PopoverArrowProps) => JSX.Element;
+    ArrowTip: (props: PopoverArrowTipProps) => JSX.Element;
+    CloseTrigger: (props: PopoverCloseTriggerProps) => JSX.Element;
+    Content: (props: PopoverContentProps) => JSX.Element;
+    Description: (props: PopoverDescriptionProps) => JSX.Element;
+    Positioner: (props: PopoverPositionerProps) => JSX.Element;
+    Title: (props: PopoverTitleProps) => JSX.Element;
+    Trigger: (props: PopoverTriggerProps) => JSX.Element;
+};
+export { Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverPositioner, PopoverTitle, PopoverTrigger, popoverAnatomy, usePopoverContext, };
+export type { PopoverAnchorProps, PopoverArrowProps, PopoverArrowTipProps, PopoverCloseTriggerProps, PopoverContentProps, PopoverDescriptionProps, PopoverPositionerProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, };

package/popover/index.mjs

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

package/popover/popover-anchor.d.ts

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

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

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

package/popover/popover-arrow.d.ts

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

package/popover/popover-close-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 PopoverCloseTriggerProps = HTMLArkProps<'button'>;
 export declare const PopoverCloseTrigger: (props: PopoverCloseTriggerProps) => JSX.Element;

package/popover/popover-content.d.ts

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

package/popover/popover-context.d.ts

@@ -1,36 +1,4 @@
-import type { PositioningOptions } from '@zag-js/combobox';
-import type { Accessor, JSX } from 'solid-js';
-import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { ContextProviderComponent } from 'solid-js';
 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<UsePopoverReturn>, usePopoverContext: () => UsePopoverReturn;

package/popover/popover-description.d.ts

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

package/popover/popover-positioner.d.ts

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

package/popover/popover-title.d.ts

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

package/popover/popover-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 PopoverTriggerProps = HTMLArkProps<'button'>;
 export declare const PopoverTrigger: (props: PopoverTriggerProps) => JSX.Element;

package/popover/popover.stories.d.ts

@@ -0,0 +1,6 @@
+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;

package/popover/use-popover.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const popover = require('@zag-js/popover');
 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/popover/use-popover.d.ts

@@ -1,21 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
 import * as popover from '@zag-js/popover';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
 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 type UsePopoverReturn = ReturnType<typeof usePopover>;
+export type UsePopoverReturn = Accessor<popover.Api<PropTypes>>;
+export declare const usePopover: (props: UsePopoverProps) => UsePopoverReturn;

package/popover/use-popover.mjs

@@ -1,6 +1,7 @@
 import * as popover from '@zag-js/popover';
 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 usePopover = (props) => {

package/pressable/index.cjs

@@ -5,7 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const pressable = require('./pressable.cjs');
 const usePressable = require('./use-pressable.cjs');
 
+const Pressable = Object.assign(pressable.Pressable, {
+  Root: pressable.Pressable
+});
 
-
-exports.Pressable = pressable.Pressable;
 exports.usePressable = usePressable.usePressable;
+exports.Pressable = Pressable;