@moduix/solid-tailwind 1.0.0

package/dist/components/toggle-group/ToggleGroup.js

@@ -0,0 +1,165 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { ToggleGroup, useToggleGroup, useToggleGroupContext } from "@ark-ui/solid/toggle-group";
+import { cva } from "class-variance-authority";
+import { createContext, splitProps, useContext } from "solid-js";
+import { cn } from "../../internal/cn.js";
+const defaultToggleGroupStyles = {
+    variant: ()=>'default',
+    size: ()=>'md'
+};
+const ToggleGroupStyleContext = createContext(defaultToggleGroupStyles);
+const toggleGroupRootVariants = cva('group/toggle-group inline-flex max-w-full items-center gap-px overflow-x-auto rounded-lg border border-border bg-muted p-0.5 text-foreground [overscroll-behavior-inline:contain] [scrollbar-width:none] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch [&::-webkit-scrollbar]:hidden', {
+    variants: {
+        variant: {
+            default: '',
+            outline: 'bg-background',
+            ghost: 'border-transparent bg-transparent p-0'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+const toggleGroupItemVariants = cva('box-border inline-flex min-h-control-md flex-none cursor-pointer items-center justify-center gap-2 rounded-md border text-sm font-medium appearance-none transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none whitespace-nowrap data-focus-visible:outline-2 data-focus-visible:-outline-offset-1 data-focus-visible:outline-ring group-data-[orientation=vertical]/toggle-group:w-full group-data-[orientation=vertical]/toggle-group:justify-start data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none data-[state=off]:active:bg-accent [@media(hover:hover)]:data-[state=off]:hover:bg-accent [&>svg]:block [&>svg]:size-4 [&>svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'border-secondary bg-secondary text-secondary-foreground data-[state=on]:border-primary data-[state=on]:bg-primary data-[state=on]:text-primary-foreground',
+            outline: 'border-border bg-background text-foreground data-[state=on]:border-primary data-[state=on]:bg-primary data-[state=on]:text-primary-foreground',
+            ghost: 'border-transparent bg-transparent text-foreground data-[state=on]:bg-accent data-[state=on]:text-foreground'
+        },
+        size: {
+            xs: 'min-h-control-xs px-2.5 py-0.5 text-xs',
+            sm: 'min-h-control-sm px-3 py-1',
+            md: 'min-h-control-md px-4 py-1',
+            lg: 'min-h-control-lg px-5 py-1.5 text-md',
+            'icon-sm': 'size-control-sm min-w-control-sm gap-0 p-0',
+            'icon-md': 'size-control-md min-w-control-md gap-0 p-0',
+            'icon-lg': 'size-control-lg min-w-control-lg gap-0 p-0'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md'
+    }
+});
+function ToggleGroupRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'size',
+        'variant'
+    ]);
+    const variant = ()=>local.variant ?? 'default';
+    const size = ()=>local.size ?? 'md';
+    return createComponent(ToggleGroupStyleContext.Provider, {
+        value: {
+            variant,
+            size
+        },
+        get children () {
+            return createComponent(ToggleGroup.Root, mergeProps({
+                get asChild () {
+                    return local.asChild;
+                }
+            }, others, {
+                "data-slot": "toggle-group-root",
+                get ["data-variant"] () {
+                    return variant();
+                },
+                get ["data-size"] () {
+                    return size();
+                },
+                get ["class"] () {
+                    return cn(toggleGroupRootVariants({
+                        variant: variant()
+                    }), local.class);
+                },
+                get children () {
+                    return local.children;
+                }
+            }));
+        }
+    });
+}
+function ToggleGroupRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'size',
+        'variant'
+    ]);
+    const variant = ()=>local.variant ?? 'default';
+    const size = ()=>local.size ?? 'md';
+    return createComponent(ToggleGroupStyleContext.Provider, {
+        value: {
+            variant,
+            size
+        },
+        get children () {
+            return createComponent(ToggleGroup.RootProvider, mergeProps({
+                get asChild () {
+                    return local.asChild;
+                }
+            }, others, {
+                "data-slot": "toggle-group-root-provider",
+                get ["data-variant"] () {
+                    return variant();
+                },
+                get ["data-size"] () {
+                    return size();
+                },
+                get ["class"] () {
+                    return cn(toggleGroupRootVariants({
+                        variant: variant()
+                    }), local.class);
+                },
+                get children () {
+                    return local.children;
+                }
+            }));
+        }
+    });
+}
+function ToggleGroupItem(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'size',
+        'variant'
+    ]);
+    const inherited = useContext(ToggleGroupStyleContext);
+    const variant = ()=>local.variant ?? inherited.variant();
+    const size = ()=>local.size ?? inherited.size();
+    return createComponent(ToggleGroup.Item, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-slot": "toggle-group-item",
+        get ["data-variant"] () {
+            return variant();
+        },
+        get ["data-size"] () {
+            return size();
+        },
+        get ["class"] () {
+            return cn(toggleGroupItemVariants({
+                variant: variant(),
+                size: size()
+            }), local.class);
+        },
+        get children () {
+            return local.children;
+        }
+    }));
+}
+const ToggleGroup_ToggleGroup = Object.assign(ToggleGroupRoot, {
+    Root: ToggleGroupRoot,
+    RootProvider: ToggleGroupRootProvider,
+    Context: ToggleGroup.Context,
+    Item: ToggleGroupItem
+});
+export { ToggleGroup_ToggleGroup as ToggleGroup, useToggleGroup, useToggleGroupContext };

package/dist/components/toggle-group/ToggleGroup.jsx

@@ -0,0 +1,110 @@
+import { ToggleGroup, useToggleGroup, useToggleGroupContext } from "@ark-ui/solid/toggle-group";
+import { cva } from "class-variance-authority";
+import { createContext, splitProps, useContext } from "solid-js";
+import { cn } from "../../internal/cn.jsx";
+const defaultToggleGroupStyles = {
+    variant: ()=>'default',
+    size: ()=>'md'
+};
+const ToggleGroupStyleContext = createContext(defaultToggleGroupStyles);
+const toggleGroupRootVariants = cva('group/toggle-group inline-flex max-w-full items-center gap-px overflow-x-auto rounded-lg border border-border bg-muted p-0.5 text-foreground [overscroll-behavior-inline:contain] [scrollbar-width:none] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch [&::-webkit-scrollbar]:hidden', {
+    variants: {
+        variant: {
+            default: '',
+            outline: 'bg-background',
+            ghost: 'border-transparent bg-transparent p-0'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+const toggleGroupItemVariants = cva('box-border inline-flex min-h-control-md flex-none cursor-pointer items-center justify-center gap-2 rounded-md border text-sm font-medium appearance-none transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none whitespace-nowrap data-focus-visible:outline-2 data-focus-visible:-outline-offset-1 data-focus-visible:outline-ring group-data-[orientation=vertical]/toggle-group:w-full group-data-[orientation=vertical]/toggle-group:justify-start data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none data-[state=off]:active:bg-accent [@media(hover:hover)]:data-[state=off]:hover:bg-accent [&>svg]:block [&>svg]:size-4 [&>svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'border-secondary bg-secondary text-secondary-foreground data-[state=on]:border-primary data-[state=on]:bg-primary data-[state=on]:text-primary-foreground',
+            outline: 'border-border bg-background text-foreground data-[state=on]:border-primary data-[state=on]:bg-primary data-[state=on]:text-primary-foreground',
+            ghost: 'border-transparent bg-transparent text-foreground data-[state=on]:bg-accent data-[state=on]:text-foreground'
+        },
+        size: {
+            xs: 'min-h-control-xs px-2.5 py-0.5 text-xs',
+            sm: 'min-h-control-sm px-3 py-1',
+            md: 'min-h-control-md px-4 py-1',
+            lg: 'min-h-control-lg px-5 py-1.5 text-md',
+            'icon-sm': 'size-control-sm min-w-control-sm gap-0 p-0',
+            'icon-md': 'size-control-md min-w-control-md gap-0 p-0',
+            'icon-lg': 'size-control-lg min-w-control-lg gap-0 p-0'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md'
+    }
+});
+function ToggleGroupRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'size',
+        'variant'
+    ]);
+    const variant = ()=>local.variant ?? 'default';
+    const size = ()=>local.size ?? 'md';
+    return <ToggleGroupStyleContext.Provider value={{
+        variant,
+        size
+    }}>
+      <ToggleGroup.Root asChild={local.asChild} {...others} data-slot="toggle-group-root" data-variant={variant()} data-size={size()} class={cn(toggleGroupRootVariants({
+        variant: variant()
+    }), local.class)}>
+        {local.children}
+      </ToggleGroup.Root>
+    </ToggleGroupStyleContext.Provider>;
+}
+function ToggleGroupRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'size',
+        'variant'
+    ]);
+    const variant = ()=>local.variant ?? 'default';
+    const size = ()=>local.size ?? 'md';
+    return <ToggleGroupStyleContext.Provider value={{
+        variant,
+        size
+    }}>
+      <ToggleGroup.RootProvider asChild={local.asChild} {...others} data-slot="toggle-group-root-provider" data-variant={variant()} data-size={size()} class={cn(toggleGroupRootVariants({
+        variant: variant()
+    }), local.class)}>
+        {local.children}
+      </ToggleGroup.RootProvider>
+    </ToggleGroupStyleContext.Provider>;
+}
+function ToggleGroupItem(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'size',
+        'variant'
+    ]);
+    const inherited = useContext(ToggleGroupStyleContext);
+    const variant = ()=>local.variant ?? inherited.variant();
+    const size = ()=>local.size ?? inherited.size();
+    return <ToggleGroup.Item asChild={local.asChild} {...others} data-slot="toggle-group-item" data-variant={variant()} data-size={size()} class={cn(toggleGroupItemVariants({
+        variant: variant(),
+        size: size()
+    }), local.class)}>
+      {local.children}
+    </ToggleGroup.Item>;
+}
+const ToggleGroup_ToggleGroup = Object.assign(ToggleGroupRoot, {
+    Root: ToggleGroupRoot,
+    RootProvider: ToggleGroupRootProvider,
+    Context: ToggleGroup.Context,
+    Item: ToggleGroupItem
+});
+export { ToggleGroup_ToggleGroup as ToggleGroup, useToggleGroup, useToggleGroupContext };

package/dist/components/toggle-group/index.d.ts

@@ -0,0 +1,2 @@
+export { ToggleGroup, useToggleGroup, useToggleGroupContext } from './ToggleGroup.js';
+export type { ToggleGroupItemProps, ToggleGroupRootProps, ToggleGroupRootProviderProps, ToggleSize, ToggleVariant, } from './ToggleGroup.js';

package/dist/components/toggle-group/index.js

@@ -0,0 +1 @@
+export { ToggleGroup, useToggleGroup, useToggleGroupContext } from "./ToggleGroup.js";

package/dist/components/toggle-group/index.jsx

@@ -0,0 +1 @@
+export { ToggleGroup, useToggleGroup, useToggleGroupContext } from "./ToggleGroup.jsx";

package/dist/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,29 @@
+import { Tooltip as TooltipPrimitive, useTooltip, useTooltipContext } from '@ark-ui/solid/tooltip';
+import type { ComponentProps, JSX } from 'solid-js';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type TooltipRootProps = ComponentProps<typeof TooltipPrimitive.Root> & OverlayPortalProps;
+type TooltipRootProviderProps = ComponentProps<typeof TooltipPrimitive.RootProvider> & OverlayPortalProps;
+type TooltipDisabledTriggerProps = JSX.IntrinsicElements['span'];
+declare function TooltipRoot(props: TooltipRootProps): JSX.Element;
+declare function TooltipRootProvider(props: TooltipRootProviderProps): JSX.Element;
+declare function TooltipTrigger(props: ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
+declare function TooltipDisabledTrigger(props: TooltipDisabledTriggerProps): JSX.Element;
+declare function TooltipPositioner(props: ComponentProps<typeof TooltipPrimitive.Positioner>): JSX.Element;
+declare function TooltipContent(props: ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
+declare function TooltipBody(props: ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
+declare function TooltipArrow(props: ComponentProps<typeof TooltipPrimitive.Arrow>): JSX.Element;
+declare function TooltipArrowTip(props: ComponentProps<typeof TooltipPrimitive.ArrowTip>): JSX.Element;
+declare const Tooltip: typeof TooltipRoot & {
+    Root: typeof TooltipRoot;
+    RootProvider: typeof TooltipRootProvider;
+    Context: (props: TooltipPrimitive.ContextProps) => JSX.Element;
+    Trigger: typeof TooltipTrigger;
+    DisabledTrigger: typeof TooltipDisabledTrigger;
+    Body: typeof TooltipBody;
+    Positioner: typeof TooltipPositioner;
+    Content: typeof TooltipContent;
+    Arrow: typeof TooltipArrow;
+    ArrowTip: typeof TooltipArrowTip;
+};
+export { Tooltip, useTooltip, useTooltipContext };
+export type { TooltipRootProps, TooltipRootProviderProps };

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,192 @@
+import { createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
+import { Tooltip, useTooltip, useTooltipContext } from "@ark-ui/solid/tooltip";
+import { children, splitProps } from "solid-js";
+import { cn } from "../../internal/cn.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+var _tmpl$ = /*#__PURE__*/ template("<span>");
+function assignDisabledTriggerRef(ref, element) {
+    if ('function' == typeof ref) ref(element);
+}
+function TooltipRoot(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'lazyMount',
+        'portalled',
+        'portalRef',
+        'unmountOnExit'
+    ]);
+    return createComponent(OverlayPortalProvider, {
+        get portalled () {
+            return local.portalled;
+        },
+        get portalRef () {
+            return local.portalRef;
+        },
+        get children () {
+            return createComponent(Tooltip.Root, mergeProps({
+                get lazyMount () {
+                    return local.lazyMount ?? true;
+                },
+                get unmountOnExit () {
+                    return local.unmountOnExit ?? true;
+                }
+            }, others, {
+                get children () {
+                    return local.children;
+                }
+            }));
+        }
+    });
+}
+function TooltipRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'lazyMount',
+        'portalled',
+        'portalRef',
+        'unmountOnExit'
+    ]);
+    return createComponent(OverlayPortalProvider, {
+        get portalled () {
+            return local.portalled;
+        },
+        get portalRef () {
+            return local.portalRef;
+        },
+        get children () {
+            return createComponent(Tooltip.RootProvider, mergeProps({
+                get lazyMount () {
+                    return local.lazyMount ?? true;
+                },
+                get unmountOnExit () {
+                    return local.unmountOnExit ?? true;
+                }
+            }, others, {
+                get children () {
+                    return local.children;
+                }
+            }));
+        }
+    });
+}
+function TooltipTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Tooltip.Trigger, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "tooltip-trigger",
+        get ["class"] () {
+            return cn(!local.asChild && 'box-border inline-flex min-h-control-md cursor-pointer items-center justify-center rounded-md border border-border bg-background px-3.5 py-1 text-sm leading-5 text-foreground outline-0 transition-[background-color,border-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-[state=open]:bg-accent motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', local.class);
+        }
+    }, others));
+}
+function TooltipDisabledTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class',
+        'ref',
+        'tabIndex'
+    ]);
+    return createComponent(Tooltip.Trigger, mergeProps(others, {
+        asChild: (triggerProps)=>{
+            const primitiveProps = triggerProps();
+            const primitiveRef = primitiveProps.ref;
+            return (()=>{
+                var _el$ = _tmpl$();
+                use((element)=>{
+                    assignDisabledTriggerRef(primitiveRef, element);
+                    assignDisabledTriggerRef(local.ref, element);
+                }, _el$);
+                spread(_el$, mergeProps(primitiveProps, {
+                    "data-slot": "tooltip-disabled-trigger",
+                    get tabIndex () {
+                        return local.tabIndex ?? 0;
+                    },
+                    get ["class"] () {
+                        return cn('inline-flex cursor-not-allowed [&>:disabled]:pointer-events-none [&>[data-disabled]]:pointer-events-none', local.class);
+                    }
+                }), false, true);
+                insert(_el$, ()=>local.children);
+                return _el$;
+            })();
+        }
+    }));
+}
+function TooltipPositioner(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(OverlayPortal, {
+        get children () {
+            return createComponent(Tooltip.Positioner, mergeProps({
+                "data-slot": "tooltip-positioner",
+                get ["class"] () {
+                    return cn('z-[var(--z-index)] max-h-[var(--available-height)] max-w-[var(--available-width)] outline-0', local.class);
+                }
+            }, others));
+        }
+    });
+}
+function TooltipContent(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Tooltip.Content, mergeProps({
+        "data-slot": "tooltip-content",
+        get ["class"] () {
+            return cn('relative z-60 max-h-[min(24rem,var(--available-height,100dvh))] max-w-[min(20rem,var(--available-width))] origin-[var(--transform-origin)] overflow-visible rounded-md border border-border bg-popover px-2 py-1 text-center text-sm leading-5 wrap-anywhere text-popover-foreground shadow-md data-instant:animate-none data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none', local.class);
+        }
+    }, others));
+}
+function TooltipBody(props) {
+    return createComponent(TooltipPositioner, {
+        get children () {
+            return createComponent(TooltipContent, props);
+        }
+    });
+}
+function TooltipArrow(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return createComponent(Tooltip.Arrow, mergeProps({
+        "data-slot": "tooltip-arrow",
+        get ["class"] () {
+            return cn('[--arrow-background:var(--color-popover)] [--arrow-size:0.625rem]', local.class);
+        }
+    }, others, {
+        get children () {
+            return resolvedChildren() ?? createComponent(TooltipArrowTip, {});
+        }
+    }));
+}
+function TooltipArrowTip(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Tooltip.ArrowTip, mergeProps({
+        "data-slot": "tooltip-arrow-tip",
+        get ["class"] () {
+            return cn('border-t border-l border-border', local.class);
+        }
+    }, others));
+}
+const Tooltip_Tooltip = Object.assign(TooltipRoot, {
+    Root: TooltipRoot,
+    RootProvider: TooltipRootProvider,
+    Context: Tooltip.Context,
+    Trigger: TooltipTrigger,
+    DisabledTrigger: TooltipDisabledTrigger,
+    Body: TooltipBody,
+    Positioner: TooltipPositioner,
+    Content: TooltipContent,
+    Arrow: TooltipArrow,
+    ArrowTip: TooltipArrowTip
+});
+export { Tooltip_Tooltip as Tooltip, useTooltip, useTooltipContext };

package/dist/components/tooltip/Tooltip.jsx

@@ -0,0 +1,108 @@
+import { Tooltip, useTooltip, useTooltipContext } from "@ark-ui/solid/tooltip";
+import { children, splitProps } from "solid-js";
+import { cn } from "../../internal/cn.jsx";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.jsx";
+function assignDisabledTriggerRef(ref, element) {
+    if ('function' == typeof ref) ref(element);
+}
+function TooltipRoot(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'lazyMount',
+        'portalled',
+        'portalRef',
+        'unmountOnExit'
+    ]);
+    return <OverlayPortalProvider portalled={local.portalled} portalRef={local.portalRef}>
+      <Tooltip.Root lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others}>
+        {local.children}
+      </Tooltip.Root>
+    </OverlayPortalProvider>;
+}
+function TooltipRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'lazyMount',
+        'portalled',
+        'portalRef',
+        'unmountOnExit'
+    ]);
+    return <OverlayPortalProvider portalled={local.portalled} portalRef={local.portalRef}>
+      <Tooltip.RootProvider lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others}>
+        {local.children}
+      </Tooltip.RootProvider>
+    </OverlayPortalProvider>;
+}
+function TooltipTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Tooltip.Trigger asChild={local.asChild} data-slot="tooltip-trigger" class={cn(!local.asChild && 'box-border inline-flex min-h-control-md cursor-pointer items-center justify-center rounded-md border border-border bg-background px-3.5 py-1 text-sm leading-5 text-foreground outline-0 transition-[background-color,border-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-[state=open]:bg-accent motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', local.class)} {...others}/>;
+}
+function TooltipDisabledTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class',
+        'ref',
+        'tabIndex'
+    ]);
+    return <Tooltip.Trigger {...others} asChild={(triggerProps)=>{
+        const primitiveProps = triggerProps();
+        const primitiveRef = primitiveProps.ref;
+        return <span {...primitiveProps} ref={(element)=>{
+            assignDisabledTriggerRef(primitiveRef, element);
+            assignDisabledTriggerRef(local.ref, element);
+        }} data-slot="tooltip-disabled-trigger" tabIndex={local.tabIndex ?? 0} class={cn('inline-flex cursor-not-allowed [&>:disabled]:pointer-events-none [&>[data-disabled]]:pointer-events-none', local.class)}>
+            {local.children}
+          </span>;
+    }}/>;
+}
+function TooltipPositioner(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <OverlayPortal>
+      <Tooltip.Positioner data-slot="tooltip-positioner" class={cn('z-[var(--z-index)] max-h-[var(--available-height)] max-w-[var(--available-width)] outline-0', local.class)} {...others}/>
+    </OverlayPortal>;
+}
+function TooltipContent(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Tooltip.Content data-slot="tooltip-content" class={cn('relative z-60 max-h-[min(24rem,var(--available-height,100dvh))] max-w-[min(20rem,var(--available-width))] origin-[var(--transform-origin)] overflow-visible rounded-md border border-border bg-popover px-2 py-1 text-center text-sm leading-5 wrap-anywhere text-popover-foreground shadow-md data-instant:animate-none data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none', local.class)} {...others}/>;
+}
+function TooltipBody(props) {
+    return <TooltipPositioner>
+      <TooltipContent {...props}/>
+    </TooltipPositioner>;
+}
+function TooltipArrow(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <Tooltip.Arrow data-slot="tooltip-arrow" class={cn('[--arrow-background:var(--color-popover)] [--arrow-size:0.625rem]', local.class)} {...others}>
+      {resolvedChildren() ?? <TooltipArrowTip/>}
+    </Tooltip.Arrow>;
+}
+function TooltipArrowTip(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Tooltip.ArrowTip data-slot="tooltip-arrow-tip" class={cn('border-t border-l border-border', local.class)} {...others}/>;
+}
+const Tooltip_Tooltip = Object.assign(TooltipRoot, {
+    Root: TooltipRoot,
+    RootProvider: TooltipRootProvider,
+    Context: Tooltip.Context,
+    Trigger: TooltipTrigger,
+    DisabledTrigger: TooltipDisabledTrigger,
+    Body: TooltipBody,
+    Positioner: TooltipPositioner,
+    Content: TooltipContent,
+    Arrow: TooltipArrow,
+    ArrowTip: TooltipArrowTip
+});
+export { Tooltip_Tooltip as Tooltip, useTooltip, useTooltipContext };

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip.js';

package/dist/components/tooltip/index.js

@@ -0,0 +1 @@
+export * from "./Tooltip.js";

package/dist/components/tooltip/index.jsx

@@ -0,0 +1 @@
+export * from "./Tooltip.jsx";

package/dist/components/tour/Tour.d.ts

@@ -0,0 +1,46 @@
+import { type HTMLArkProps } from '@ark-ui/solid/factory';
+import { Tour as TourPrimitive, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from '@ark-ui/solid/tour';
+import type { ComponentProps } from 'solid-js';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type TourRootProps = ComponentProps<typeof TourPrimitive.Root> & OverlayPortalProps;
+type TourCloseIconProps = Omit<ComponentProps<typeof TourPrimitive.CloseTrigger>, 'asChild'>;
+declare function TourRoot(props: TourRootProps): import("solid-js").JSX.Element;
+declare function TourBackdrop(props: ComponentProps<typeof TourPrimitive.Backdrop>): import("solid-js").JSX.Element;
+declare function TourSpotlight(props: ComponentProps<typeof TourPrimitive.Spotlight>): import("solid-js").JSX.Element;
+declare function TourPositioner(props: ComponentProps<typeof TourPrimitive.Positioner>): import("solid-js").JSX.Element;
+declare function TourContent(props: ComponentProps<typeof TourPrimitive.Content>): import("solid-js").JSX.Element;
+declare function TourArrow(props: ComponentProps<typeof TourPrimitive.Arrow>): import("solid-js").JSX.Element;
+declare function TourArrowTip(props: ComponentProps<typeof TourPrimitive.ArrowTip>): import("solid-js").JSX.Element;
+declare function TourTitle(props: ComponentProps<typeof TourPrimitive.Title>): import("solid-js").JSX.Element;
+declare function TourDescription(props: ComponentProps<typeof TourPrimitive.Description>): import("solid-js").JSX.Element;
+declare function TourProgressText(props: ComponentProps<typeof TourPrimitive.ProgressText>): import("solid-js").JSX.Element;
+declare function TourBody(props: HTMLArkProps<'div'>): import("solid-js").JSX.Element;
+declare function TourCloseTrigger(props: ComponentProps<typeof TourPrimitive.CloseTrigger>): import("solid-js").JSX.Element;
+declare function TourCloseIcon(props: TourCloseIconProps): import("solid-js").JSX.Element;
+declare function TourControl(props: ComponentProps<typeof TourPrimitive.Control>): import("solid-js").JSX.Element;
+declare function TourActionTrigger(props: ComponentProps<typeof TourPrimitive.ActionTrigger>): import("solid-js").JSX.Element;
+declare function TourActionList(props: {
+    class?: string;
+}): import("solid-js").JSX.Element;
+declare const Tour: typeof TourRoot & {
+    Root: typeof TourRoot;
+    Context: (props: TourPrimitive.ContextProps) => import("solid-js").JSX.Element;
+    Backdrop: typeof TourBackdrop;
+    Spotlight: typeof TourSpotlight;
+    Positioner: typeof TourPositioner;
+    Content: typeof TourContent;
+    Arrow: typeof TourArrow;
+    ArrowTip: typeof TourArrowTip;
+    Title: typeof TourTitle;
+    Description: typeof TourDescription;
+    ProgressText: typeof TourProgressText;
+    Body: typeof TourBody;
+    CloseTrigger: typeof TourCloseTrigger;
+    CloseIcon: typeof TourCloseIcon;
+    Control: typeof TourControl;
+    Actions: (props: TourPrimitive.ActionsProps) => import("solid-js").JSX.Element;
+    ActionList: typeof TourActionList;
+    ActionTrigger: typeof TourActionTrigger;
+};
+export { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise, };
+export type { TourCloseIconProps, TourRootProps };