@ark-ui/solid 0.9.0 → 0.10.0

package/pin-input/index.d.ts

@@ -1,6 +1,15 @@
-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';
-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,6 +1,15 @@
-export { PinInput } from './pin-input.mjs';
+import { PinInput as PinInput$1 } 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';
+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,7 +1,4 @@
-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 { ContextProviderComponent } from 'solid-js';
 import { type UsePinInputReturn } from './use-pin-input';
 export type PinInputContext = UsePinInputReturn;
-export declare const PinInputProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, usePinInputContext: () => Accessor<PublicApi<PropTypes>>;
+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,7 +1,7 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { Accessor } 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<pinInput.PublicApi<PropTypes>>;
+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,7 +2,7 @@
 
 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');
@@ -13,11 +13,21 @@ 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;
@@ -29,6 +39,7 @@ 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,12 +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 { 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';
-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,12 +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';
+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';
-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 { 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,7 +1,4 @@
-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 { ContextProviderComponent } from 'solid-js';
 import { type UsePopoverReturn } from './use-popover';
 export type PopoverContext = UsePopoverReturn;
-export declare const PopoverProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, usePopoverContext: () => Accessor<PublicApi<PropTypes>>;
+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,7 +1,7 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { Accessor } 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<popover.PublicApi<PropTypes>>;
-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;

package/pressable/index.d.ts

@@ -1,2 +1,8 @@
-export { Pressable, type PressableProps } from './pressable';
-export { usePressable, type UsePressableProps, type UsePressableReturn } from './use-pressable';
+import { JSX } from 'solid-js';
+import { type PressableProps } from './pressable';
+import { usePressable, type UsePressableProps, type UsePressableReturn } from './use-pressable';
+declare const Pressable: ((props: PressableProps) => JSX.Element) & {
+    Root: (props: PressableProps) => JSX.Element;
+};
+export { Pressable, usePressable };
+export type { PressableProps, UsePressableProps, UsePressableReturn };

package/pressable/index.mjs

@@ -1,2 +1,8 @@
-export { Pressable } from './pressable.mjs';
+import { Pressable as Pressable$1 } from './pressable.mjs';
 export { usePressable } from './use-pressable.mjs';
+
+const Pressable = Object.assign(Pressable$1, {
+  Root: Pressable$1
+});
+
+export { Pressable };

package/pressable/pressable.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 UsePressableProps } from './use-pressable';

package/pressable/pressable.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/pressable/pressable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/pressable/use-pressable.cjs

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

@@ -1,7 +1,7 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { Accessor } from 'solid-js';
 import * as pressable from '@zag-js/pressable';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
 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<pressable.PublicApi<PropTypes>>;
+export type UsePressableReturn = Accessor<pressable.Api<PropTypes>>;
+export declare const usePressable: (props: UsePressableProps) => UsePressableReturn;

package/pressable/use-pressable.mjs

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

package/radio-group/index.cjs

@@ -8,21 +8,25 @@ 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');
 const radio$1 = require('@zag-js/radio-group');
 
-
+const RadioGroup = Object.assign(radioGroup.RadioGroup, {
+  Root: radioGroup.RadioGroup,
+  Label: radioGroupLabel.RadioGroupLabel,
+  Radio: radio.Radio,
+  RadioLabel: radioLabel.RadioLabel,
+  RadioControl: radioControl.RadioControl
+});
 
 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;
 Object.defineProperty(exports, 'radioGroupAnatomy', {
-	enumerable: true,
-	get: () => radio$1.anatomy
+  enumerable: true,
+  get: () => radio$1.anatomy
 });
+exports.RadioGroup = RadioGroup;

package/radio-group/index.d.ts

@@ -1,9 +1,18 @@
-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';
-export { RadioLabel, type RadioLabelProps } from './radio-label';
+import { JSX } from 'solid-js';
+import { Radio, type RadioProps } from './radio';
+import { useRadioContext } from './radio-context';
+import { RadioControl, type RadioControlProps } from './radio-control';
+import { type RadioGroupProps } from './radio-group';
+import { useRadioGroupContext } from './radio-group-context';
+import { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
+import { radioGroupAnatomy } from './radio-group.anatomy';
+import { RadioLabel, type RadioLabelProps } from './radio-label';
+declare const RadioGroup: ((props: RadioGroupProps) => JSX.Element) & {
+    Root: (props: RadioGroupProps) => JSX.Element;
+    Label: (props: RadioGroupLabelProps) => JSX.Element;
+    Radio: (props: RadioProps) => JSX.Element;
+    RadioLabel: (props: RadioLabelProps) => JSX.Element;
+    RadioControl: (props: RadioControlProps) => JSX.Element;
+};
+export { Radio, RadioControl, RadioGroup, RadioGroupLabel, RadioLabel, radioGroupAnatomy, useRadioContext, useRadioGroupContext, };
+export type { RadioControlProps, RadioGroupLabelProps, RadioGroupProps, RadioLabelProps, RadioProps, };