@ark-ui/solid 0.8.1 → 0.10.0

package/tags-input/tags-input-field.mjs

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

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

package/tags-input/tags-input.cjs

@@ -11,7 +11,7 @@ const tagsInputContext = require('./tags-input-context.cjs');
 const useTagsInput = require('./use-tags-input.cjs');
 
 const TagsInput = props => {
-  const [tagsInputParams, restProps] = createSplitProps.createSplitProps()(props, ['addOnPaste', 'allowEditTag', 'allowOverflow', 'autoFocus', 'blurBehavior', 'delimiter', 'dir', 'disabled', 'form', 'getRootNode', 'id', 'ids', 'inputValue', 'invalid', 'max', 'maxLength', 'name', 'onChange', 'onHighlight', 'onInteractOutside', 'onInvalid', 'onTagUpdate', 'readOnly', 'translations', 'validate', 'value']);
+  const [tagsInputParams, restProps] = createSplitProps.createSplitProps()(props, ['addOnPaste', 'allowEditTag', 'allowOverflow', 'autoFocus', 'blurBehavior', 'delimiter', 'dir', 'disabled', 'form', 'getRootNode', 'id', 'ids', 'inputValue', 'invalid', 'max', 'maxLength', 'name', 'onChange', 'onFocusChange', 'onFocusOutside', 'onInteractOutside', 'onInvalid', 'onInvalid', 'onPointerDownOutside', 'readOnly', 'translations', 'validate', 'value']);
   const api = useTagsInput.useTagsInput(tagsInputParams);
   const rootProps = solid.mergeProps(() => api().rootProps, restProps);
   const getChildren = () => runIfFn.runIfFn(restProps.children, api);

package/tags-input/tags-input.mjs

@@ -7,7 +7,7 @@ import { TagsInputProvider } from './tags-input-context.mjs';
 import { useTagsInput } from './use-tags-input.mjs';
 
 const TagsInput = props => {
-  const [tagsInputParams, restProps] = createSplitProps()(props, ['addOnPaste', 'allowEditTag', 'allowOverflow', 'autoFocus', 'blurBehavior', 'delimiter', 'dir', 'disabled', 'form', 'getRootNode', 'id', 'ids', 'inputValue', 'invalid', 'max', 'maxLength', 'name', 'onChange', 'onHighlight', 'onInteractOutside', 'onInvalid', 'onTagUpdate', 'readOnly', 'translations', 'validate', 'value']);
+  const [tagsInputParams, restProps] = createSplitProps()(props, ['addOnPaste', 'allowEditTag', 'allowOverflow', 'autoFocus', 'blurBehavior', 'delimiter', 'dir', 'disabled', 'form', 'getRootNode', 'id', 'ids', 'inputValue', 'invalid', 'max', 'maxLength', 'name', 'onChange', 'onFocusChange', 'onFocusOutside', 'onInteractOutside', 'onInvalid', 'onInvalid', 'onPointerDownOutside', 'readOnly', 'translations', 'validate', 'value']);
   const api = useTagsInput(tagsInputParams);
   const rootProps = mergeProps(() => api().rootProps, restProps);
   const getChildren = () => runIfFn(restProps.children, api);

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

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

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

@@ -1,30 +1,7 @@
-import type { TagProps } from '@zag-js/tags-input/dist/tags-input.types';
-import type { Accessor, JSX } from 'solid-js';
+import { type PropTypes } from '@zag-js/solid';
 import * as tagsInput from '@zag-js/tags-input';
+import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
 export type UseTagsInputProps = Optional<tagsInput.Context, 'id'>;
-export type UseTagsInputReturn = ReturnType<typeof useTagsInput>;
-export declare const useTagsInput: (props: UseTagsInputProps) => Accessor<{
-    isEmpty: boolean;
-    inputValue: string;
-    value: string[];
-    valueAsString: string;
-    count: number;
-    isAtMax: boolean;
-    setValue(value: string[]): void;
-    clearValue(id?: string | undefined): void;
-    addValue(value: string): void;
-    setValueAtIndex(index: number, value: string): void;
-    setInputValue(value: string): void;
-    clearInputValue(): void;
-    focus(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    getTagProps(options: TagProps): JSX.HTMLAttributes<any>;
-    getTagInputProps(options: TagProps): JSX.InputHTMLAttributes<HTMLInputElement>;
-    getTagDeleteTriggerProps(options: TagProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    clearTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>;
+export type UseTagsInputReturn = Accessor<tagsInput.Api<PropTypes>>;
+export declare const useTagsInput: (props: UseTagsInputProps) => UseTagsInputReturn;

package/tags-input/use-tags-input.mjs

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

package/toast/index.cjs

@@ -6,22 +6,33 @@ const toast = require('./toast.cjs');
 const toastCloseTrigger = require('./toast-close-trigger.cjs');
 const toastDescription = require('./toast-description.cjs');
 const toastGroup = require('./toast-group.cjs');
+const toastItemContext = require('./toast-item-context.cjs');
 const toastPlacements = require('./toast-placements.cjs');
 const toastProvider = require('./toast-provider.cjs');
 const toastTitle = require('./toast-title.cjs');
 const toast$1 = require('@zag-js/toast');
 
+const Toast = Object.assign(toast.Toast, {
+  Provider: toastProvider.ToastProvider,
+  Title: toastTitle.ToastTitle,
+  Root: toast.Toast,
+  Description: toastDescription.ToastDescription,
+  CloseTrigger: toastCloseTrigger.ToastCloseTrigger,
+  Placements: toastPlacements.ToastPlacements,
+  Group: toastGroup.ToastGroup
+});
 
-
-exports.Toast = toast.Toast;
+exports.ToastRoot = toast.Toast;
 exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;
 exports.ToastDescription = toastDescription.ToastDescription;
 exports.ToastGroup = toastGroup.ToastGroup;
+exports.useToastItemContext = toastItemContext.useToastItemContext;
 exports.ToastPlacements = toastPlacements.ToastPlacements;
 exports.ToastProvider = toastProvider.ToastProvider;
 exports.useToast = toastProvider.useToast;
 exports.ToastTitle = toastTitle.ToastTitle;
 Object.defineProperty(exports, 'toastAnatomy', {
-	enumerable: true,
-	get: () => toast$1.anatomy
+  enumerable: true,
+  get: () => toast$1.anatomy
 });
+exports.Toast = Toast;

package/toast/index.d.ts

@@ -1,8 +1,21 @@
-export { Toast, type ToastProps } from './toast';
-export { ToastCloseTrigger, type ToastCloseTriggerProps } from './toast-close-trigger';
-export { ToastDescription, type ToastDescriptionProps } from './toast-description';
-export { ToastGroup, type ToastGroupProps } from './toast-group';
-export { ToastPlacements, type ToastPlacementsProps } from './toast-placements';
-export { ToastProvider, useToast, type ToastProviderProps } from './toast-provider';
-export { ToastTitle, type ToastTitleProps } from './toast-title';
-export { toastAnatomy } from './toast.anatomy';
+import { JSX } from 'solid-js';
+import { Toast as ToastRoot, type ToastProps } from './toast';
+import { ToastCloseTrigger, type ToastCloseTriggerProps } from './toast-close-trigger';
+import { ToastDescription, type ToastDescriptionProps } from './toast-description';
+import { ToastGroup, type ToastGroupProps } from './toast-group';
+import { useToastItemContext } from './toast-item-context';
+import { ToastPlacements, type ToastPlacementsProps } from './toast-placements';
+import { ToastProvider, useToast, type ToastProviderProps } from './toast-provider';
+import { ToastTitle, type ToastTitleProps } from './toast-title';
+import { toastAnatomy } from './toast.anatomy';
+declare const Toast: ((props: ToastProps) => JSX.Element) & {
+    Provider: (props: ToastProviderProps) => JSX.Element;
+    Title: (props: ToastTitleProps) => JSX.Element;
+    Root: (props: ToastProps) => JSX.Element;
+    Description: (props: ToastDescriptionProps) => JSX.Element;
+    CloseTrigger: (props: ToastCloseTriggerProps) => JSX.Element;
+    Placements: (props: ToastPlacementsProps) => JSX.Element;
+    Group: (props: ToastGroupProps) => JSX.Element;
+};
+export { Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastPlacements, ToastProvider, ToastRoot, ToastTitle, toastAnatomy, useToast, useToastItemContext, };
+export type { ToastCloseTriggerProps, ToastDescriptionProps, ToastGroupProps, ToastPlacementsProps, ToastProps, ToastProviderProps, ToastTitleProps, };

package/toast/index.mjs

@@ -1,8 +1,22 @@
-export { Toast } from './toast.mjs';
-export { ToastCloseTrigger } from './toast-close-trigger.mjs';
-export { ToastDescription } from './toast-description.mjs';
-export { ToastGroup } from './toast-group.mjs';
-export { ToastPlacements } from './toast-placements.mjs';
-export { ToastProvider, useToast } from './toast-provider.mjs';
-export { ToastTitle } from './toast-title.mjs';
+import { Toast as Toast$1 } from './toast.mjs';
+import { ToastCloseTrigger } from './toast-close-trigger.mjs';
+import { ToastDescription } from './toast-description.mjs';
+import { ToastGroup } from './toast-group.mjs';
+export { useToastItemContext } from './toast-item-context.mjs';
+import { ToastPlacements } from './toast-placements.mjs';
+import { ToastProvider } from './toast-provider.mjs';
+export { useToast } from './toast-provider.mjs';
+import { ToastTitle } from './toast-title.mjs';
 export { anatomy as toastAnatomy } from '@zag-js/toast';
+
+const Toast = Object.assign(Toast$1, {
+  Provider: ToastProvider,
+  Title: ToastTitle,
+  Root: Toast$1,
+  Description: ToastDescription,
+  CloseTrigger: ToastCloseTrigger,
+  Placements: ToastPlacements,
+  Group: ToastGroup
+});
+
+export { Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastPlacements, ToastProvider, Toast$1 as ToastRoot, ToastTitle };

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

package/toast/toast-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 ToastDescriptionProps = HTMLArkProps<'p'>;
 export declare const ToastDescription: (props: ToastDescriptionProps) => JSX.Element;

package/toast/toast-item-context.d.ts

@@ -1,38 +1,4 @@
-import type { Type, Placement } from '@zag-js/toast';
-import type { Accessor, JSX } from 'solid-js';
-import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { ContextProviderComponent } from 'solid-js';
 import { type UseToastItemReturn } from './use-toast-item';
 export type ToastItemContext = UseToastItemReturn;
-export declare const ToastItemProvider: ContextProviderComponent<Accessor<{
-    type: Type;
-    title: string | undefined;
-    description: string | undefined;
-    placement: Placement;
-    isVisible: boolean;
-    isPaused: boolean;
-    isRtl: boolean;
-    pause(): void;
-    resume(): void;
-    dismiss(): void;
-    render(): any;
-    rootProps: JSX.HTMLAttributes<any>;
-    titleProps: JSX.HTMLAttributes<any>;
-    descriptionProps: JSX.HTMLAttributes<any>;
-    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>>, useToastItemContext: () => Accessor<{
-    type: Type;
-    title: string | undefined;
-    description: string | undefined;
-    placement: Placement;
-    isVisible: boolean;
-    isPaused: boolean;
-    isRtl: boolean;
-    pause(): void;
-    resume(): void;
-    dismiss(): void;
-    render(): any;
-    rootProps: JSX.HTMLAttributes<any>;
-    titleProps: JSX.HTMLAttributes<any>;
-    descriptionProps: JSX.HTMLAttributes<any>;
-    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>;
+export declare const ToastItemProvider: ContextProviderComponent<UseToastItemReturn>, useToastItemContext: () => UseToastItemReturn;

package/toast/toast-placements.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const web = require('solid-js/web');
 const solidJs = require('solid-js');
 const runIfFn = require('../run-if-fn.cjs');
 const toastProvider = require('./toast-provider.cjs');
@@ -10,7 +11,7 @@ const ToastPlacements = props => {
   const toast = toastProvider.useToast();
   const placements = solidJs.createMemo(() => Object.keys(toast().toastsByPlacement));
   const getChildren = () => runIfFn.runIfFn(props.children, placements);
-  return getChildren();
+  return web.memo(getChildren);
 };
 
 exports.ToastPlacements = ToastPlacements;

package/toast/toast-placements.mjs

@@ -1,3 +1,4 @@
+import { memo } from 'solid-js/web';
 import { createMemo } from 'solid-js';
 import { runIfFn } from '../run-if-fn.mjs';
 import { useToast } from './toast-provider.mjs';
@@ -6,7 +7,7 @@ const ToastPlacements = props => {
   const toast = useToast();
   const placements = createMemo(() => Object.keys(toast().toastsByPlacement));
   const getChildren = () => runIfFn(props.children, placements);
-  return getChildren();
+  return memo(getChildren);
 };
 
 export { ToastPlacements };

package/toast/toast-provider.cjs

@@ -8,6 +8,7 @@ const toast = require('@zag-js/toast');
 const solidJs = require('solid-js');
 const createContext = require('../create-context.cjs');
 const createSplitProps = require('../create-split-props.cjs');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/toast/toast-provider.d.ts

@@ -1,6 +1,5 @@
-import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import * as toast from '@zag-js/toast';
-import { type JSX } from 'solid-js';
+import { ContextProviderComponent, type JSX } from 'solid-js';
 import { type Optional } from '../types';
 type GroupPublicContext = Parameters<(typeof toast)['group']['machine']>[0];
 type ToastProviderParams = {

package/toast/toast-provider.mjs

@@ -4,6 +4,7 @@ import * as toast from '@zag-js/toast';
 import { mergeProps, createUniqueId, createMemo } from 'solid-js';
 import { createContext } from '../create-context.mjs';
 import { createSplitProps } from '../create-split-props.mjs';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const [ToastContextProvider, useToast] = createContext();

package/toast/toast-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 ToastTitleProps = HTMLArkProps<'h3'>;
 export declare const ToastTitle: (props: ToastTitleProps) => JSX.Element;

package/toast/toast.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 UseToastItemProps } from './use-toast-item';

package/toast/toast.stories.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'solid-js';
+import type { Meta } from 'storybook-solidjs';
+import { Toast, type ToastProviderProps } from '.';
+type ToastType = typeof Toast;
+declare const meta: Meta<ToastType>;
+export default meta;
+export declare const AppToastProvider: (props: ToastProviderProps) => JSX.Element;
+export declare const App: () => JSX.Element;
+export declare const SimpleToast: () => JSX.Element;
+export declare const ConfigureToast: () => JSX.Element;
+export declare const CustomRenderToast: () => JSX.Element;
+export declare const DefaultOptions: () => JSX.Element;

package/toast/use-toast-item.d.ts

@@ -1,23 +1,8 @@
-import type { Accessor, JSX } from 'solid-js';
+import { type PropTypes } from '@zag-js/solid';
 import * as toast from '@zag-js/toast';
+import { type Accessor } from 'solid-js';
 export type UseToastItemProps = {
     toast: toast.Service;
 };
-export type UseToastItemReturn = ReturnType<typeof useToastItem>;
-export declare const useToastItem: (props: UseToastItemProps) => Accessor<{
-    type: toast.Type;
-    title: string | undefined;
-    description: string | undefined;
-    placement: toast.Placement;
-    isVisible: boolean;
-    isPaused: boolean;
-    isRtl: boolean;
-    pause(): void;
-    resume(): void;
-    dismiss(): void;
-    render(): any;
-    rootProps: JSX.HTMLAttributes<any>;
-    titleProps: JSX.HTMLAttributes<any>;
-    descriptionProps: JSX.HTMLAttributes<any>;
-    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>;
+export type UseToastItemReturn = Accessor<toast.Api<PropTypes>>;
+export declare const useToastItem: (props: UseToastItemProps) => UseToastItemReturn;

package/tooltip/index.cjs

@@ -2,23 +2,32 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const tooltip = require('./tooltip.cjs');
+const tooltip$1 = require('./tooltip.cjs');
 const tooltipArrow = require('./tooltip-arrow.cjs');
 const tooltipArrowTip = require('./tooltip-arrow-tip.cjs');
 const tooltipContent = require('./tooltip-content.cjs');
+const tooltipContext = require('./tooltip-context.cjs');
 const tooltipPositioner = require('./tooltip-positioner.cjs');
 const tooltipTrigger = require('./tooltip-trigger.cjs');
-const pagination = require('@zag-js/pagination');
-
+const tooltip = require('@zag-js/tooltip');
 
+const Tooltip = Object.assign(tooltip$1.Tooltip, {
+  Root: tooltip$1.Tooltip,
+  Arrow: tooltipArrow.TooltipArrow,
+  ArrowTip: tooltipArrowTip.TooltipArrowTip,
+  Content: tooltipContent.TooltipContent,
+  Positioner: tooltipPositioner.TooltipPositioner,
+  Trigger: tooltipTrigger.TooltipTrigger
+});
 
-exports.Tooltip = tooltip.Tooltip;
 exports.TooltipArrow = tooltipArrow.TooltipArrow;
 exports.TooltipArrowTip = tooltipArrowTip.TooltipArrowTip;
 exports.TooltipContent = tooltipContent.TooltipContent;
+exports.useTooltipContext = tooltipContext.useTooltipContext;
 exports.TooltipPositioner = tooltipPositioner.TooltipPositioner;
 exports.TooltipTrigger = tooltipTrigger.TooltipTrigger;
 Object.defineProperty(exports, 'tooltipAnatomy', {
-	enumerable: true,
-	get: () => pagination.anatomy
+  enumerable: true,
+  get: () => tooltip.anatomy
 });
+exports.Tooltip = Tooltip;

package/tooltip/index.d.ts

@@ -1,7 +1,19 @@
-export { Tooltip, type TooltipProps } from './tooltip';
-export { tooltipAnatomy } from './tooltip-anatomy';
-export { TooltipArrow, type TooltipArrowProps } from './tooltip-arrow';
-export { TooltipArrowTip, type TooltipArrowTipProps } from './tooltip-arrow-tip';
-export { TooltipContent, type TooltipContentProps } from './tooltip-content';
-export { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
-export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
+import { JSX } from 'solid-js';
+import { type TooltipProps } from './tooltip';
+import { tooltipAnatomy } from './tooltip-anatomy';
+import { TooltipArrow, type TooltipArrowProps } from './tooltip-arrow';
+import { TooltipArrowTip, type TooltipArrowTipProps } from './tooltip-arrow-tip';
+import { TooltipContent, type TooltipContentProps } from './tooltip-content';
+import { useTooltipContext } from './tooltip-context';
+import { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
+import { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
+declare const Tooltip: ((props: TooltipProps) => JSX.Element) & {
+    Root: (props: TooltipProps) => JSX.Element;
+    Arrow: (props: TooltipArrowProps) => JSX.Element;
+    ArrowTip: (props: TooltipArrowTipProps) => JSX.Element;
+    Content: (props: TooltipContentProps) => JSX.Element;
+    Positioner: (props: TooltipPositionerProps) => JSX.Element;
+    Trigger: (props: TooltipTriggerProps) => JSX.Element;
+};
+export { Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipTrigger, tooltipAnatomy, useTooltipContext, };
+export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipPositionerProps, TooltipProps, TooltipTriggerProps, };

package/tooltip/index.mjs

@@ -1,7 +1,19 @@
-export { Tooltip } from './tooltip.mjs';
-export { TooltipArrow } from './tooltip-arrow.mjs';
-export { TooltipArrowTip } from './tooltip-arrow-tip.mjs';
-export { TooltipContent } from './tooltip-content.mjs';
-export { TooltipPositioner } from './tooltip-positioner.mjs';
-export { TooltipTrigger } from './tooltip-trigger.mjs';
-export { anatomy as tooltipAnatomy } from '@zag-js/pagination';
+import { Tooltip as Tooltip$1 } from './tooltip.mjs';
+import { TooltipArrow } from './tooltip-arrow.mjs';
+import { TooltipArrowTip } from './tooltip-arrow-tip.mjs';
+import { TooltipContent } from './tooltip-content.mjs';
+export { useTooltipContext } from './tooltip-context.mjs';
+import { TooltipPositioner } from './tooltip-positioner.mjs';
+import { TooltipTrigger } from './tooltip-trigger.mjs';
+export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
+
+const Tooltip = Object.assign(Tooltip$1, {
+  Root: Tooltip$1,
+  Arrow: TooltipArrow,
+  ArrowTip: TooltipArrowTip,
+  Content: TooltipContent,
+  Positioner: TooltipPositioner,
+  Trigger: TooltipTrigger
+});
+
+export { Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipTrigger };

package/tooltip/tooltip-anatomy.d.ts

@@ -1 +1 @@
-export { anatomy as tooltipAnatomy } from '@zag-js/pagination';
+export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';

package/tooltip/tooltip-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 TooltipArrowTipProps = HTMLArkProps<'div'>;
 export declare const TooltipArrowTip: (props: TooltipArrowTipProps) => JSX.Element;

package/tooltip/tooltip-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 TooltipArrowProps = HTMLArkProps<'div'>;
 export declare const TooltipArrow: (props: TooltipArrowProps) => JSX.Element;

package/tooltip/tooltip-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 TooltipContentProps = HTMLArkProps<'div'>;
 export declare const TooltipContent: (props: TooltipContentProps) => JSX.Element;

package/tooltip/tooltip-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 UseTooltipReturn } from './use-tooltip';
 export type TooltipContext = UseTooltipReturn;
-export declare const TooltipProvider: ContextProviderComponent<Accessor<{
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    getAnimationState(): {
-        enter: boolean;
-        exit: boolean;
-    };
-    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    arrowProps: JSX.HTMLAttributes<any>;
-    arrowTipProps: JSX.HTMLAttributes<any>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.HTMLAttributes<any>;
-}>>, useTooltipContext: () => Accessor<{
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    getAnimationState(): {
-        enter: boolean;
-        exit: boolean;
-    };
-    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    arrowProps: JSX.HTMLAttributes<any>;
-    arrowTipProps: JSX.HTMLAttributes<any>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const TooltipProvider: ContextProviderComponent<UseTooltipReturn>, useTooltipContext: () => UseTooltipReturn;

package/tooltip/tooltip-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 TooltipPositionerProps = HTMLArkProps<'div'>;
 export declare const TooltipPositioner: (props: TooltipPositionerProps) => JSX.Element;

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

package/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'solid-js';
+import type { Meta } from 'storybook-solidjs';
+import { Tooltip } from './';
+type TooltipType = typeof Tooltip;
+declare const meta: Meta<TooltipType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const Controlled: () => JSX.Element;
+export declare const Arrow: () => JSX.Element;
+export declare const Timings: () => JSX.Element;
+export declare const Positioning: () => JSX.Element;

package/tooltip/tooltip.test.d.ts

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

package/tooltip/use-tooltip.cjs

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

package/tooltip/use-tooltip.d.ts

@@ -1,21 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import { type PropTypes } from '@zag-js/solid';
 import * as tooltip from '@zag-js/tooltip';
+import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
 export type UseTooltipProps = Optional<tooltip.Context, 'id'>;
-export type UseTooltipReturn = ReturnType<typeof useTooltip>;
-export declare const useTooltip: (props: UseTooltipProps) => Accessor<{
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    getAnimationState(): {
-        enter: boolean;
-        exit: boolean;
-    };
-    setPositioning(options?: Partial<tooltip.PositioningOptions> | undefined): void;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    arrowProps: JSX.HTMLAttributes<any>;
-    arrowTipProps: JSX.HTMLAttributes<any>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.HTMLAttributes<any>;
-}>;
+export type UseTooltipReturn = Accessor<tooltip.Api<PropTypes>>;
+export declare const useTooltip: (props: UseTooltipProps) => UseTooltipReturn;

package/tooltip/use-tooltip.mjs

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

package/types.d.ts

@@ -1,7 +1,4 @@
-type Pretty<T> = T extends infer U ? {
-    [K in keyof U]: U[K];
-} : never;
 type DistributiveOmit<T, K extends keyof any> = T extends any ? Omit<T, K> : never;
-export type Assign<T, U> = Pretty<DistributiveOmit<T, keyof U> & U>;
-export type Optional<T, K extends keyof T> = Pretty<Pick<Partial<T>, K> & Omit<T, K>>;
+export type Assign<T, U> = DistributiveOmit<T, keyof U> & U;
+export type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
 export {};