@ark-ui/solid 0.8.0 → 0.9.0

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

@@ -1,38 +1,7 @@
-import type { Type, Placement } from '@zag-js/toast';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/toast';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 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<Accessor<PublicApi<PropTypes>>>, useToastItemContext: () => Accessor<PublicApi<PropTypes>>;

package/toast/toast.cjs

@@ -13,10 +13,15 @@ const Toast = props => {
   const [toastParams, localProps] = createSplitProps.createSplitProps()(props, ['toast']);
   const api = useToastItem.useToastItem(toastParams);
   const rootProps = solid.mergeProps(() => api().rootProps, localProps);
+  const customToast = api().render();
   return web.createComponent(toastItemContext.ToastItemProvider, {
     value: api,
     get children() {
-      return web.createComponent(factory.ark.div, rootProps);
+      return web.createComponent(factory.ark.div, web.mergeProps(rootProps, {
+        get children() {
+          return customToast || props.children;
+        }
+      }));
     }
   });
 };

package/toast/toast.mjs

@@ -1,4 +1,4 @@
-import { createComponent } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
@@ -9,10 +9,15 @@ const Toast = props => {
   const [toastParams, localProps] = createSplitProps()(props, ['toast']);
   const api = useToastItem(toastParams);
   const rootProps = mergeProps(() => api().rootProps, localProps);
+  const customToast = api().render();
   return createComponent(ToastItemProvider, {
     value: api,
     get children() {
-      return createComponent(ark.div, rootProps);
+      return createComponent(ark.div, mergeProps$1(rootProps, {
+        get children() {
+          return customToast || props.children;
+        }
+      }));
     }
   });
 };

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 type { Accessor } from 'solid-js';
 import * as toast from '@zag-js/toast';
 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 declare const useToastItem: (props: UseToastItemProps) => Accessor<toast.PublicApi<PropTypes>>;

package/tooltip/index.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const tooltip = 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');
+
+
+
+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
+});

package/tooltip/index.d.ts

@@ -3,5 +3,6 @@ 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 { useTooltipContext } from './tooltip-context';
 export { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
 export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';

package/tooltip/index.mjs

@@ -0,0 +1,8 @@
+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 { useTooltipContext } from './tooltip-context.mjs';
+export { TooltipPositioner } from './tooltip-positioner.mjs';
+export { TooltipTrigger } from './tooltip-trigger.mjs';
+export { anatomy as tooltipAnatomy } from '@zag-js/pagination';

package/tooltip/tooltip-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/tooltip';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 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<Accessor<PublicApi<PropTypes>>>, useTooltipContext: () => Accessor<PublicApi<PropTypes>>;

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 type { Accessor } from 'solid-js';
 import * as tooltip from '@zag-js/tooltip';
 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 declare const useTooltip: (props: UseTooltipProps) => Accessor<tooltip.PublicApi<PropTypes>>;