@opexa/portal-components 0.0.101 → 0.0.103

package/dist/ui/Menu/Menu.js

@@ -1,2 +1,25 @@
 'use client';
-export const Root = () => null;
+import { Menu } from '@ark-ui/react/menu';
+import { createRecipeContext } from '../../client/utils/createRecipeContext.js';
+import { menuRecipe } from './menu.recipe.js';
+const { withRootProvider, withContext } = createRecipeContext(menuRecipe);
+export const Root = withRootProvider(Menu.Root);
+export const Arrow = withContext(Menu.Arrow, 'arrow');
+export const ArrowTip = withContext(Menu.ArrowTip, 'arrowTip');
+export const CheckboxItem = withContext(Menu.CheckboxItem, 'item');
+export const Content = withContext(Menu.Content, 'content');
+export const ContextTrigger = withContext(Menu.ContextTrigger, 'contextTrigger');
+export const Indicator = withContext(Menu.Indicator, 'indicator');
+export const Item = withContext(Menu.Item, 'item');
+export const ItemGroup = withContext(Menu.ItemGroup, 'itemGroup');
+export const ItemGroupLabel = withContext(Menu.ItemGroupLabel, 'itemGroupLabel');
+export const ItemIndicator = withContext(Menu.ItemIndicator, 'itemIndicator');
+export const ItemText = withContext(Menu.ItemText, 'itemText');
+export const Positioner = withContext(Menu.Positioner, 'positioner');
+export const RadioItem = withContext(Menu.RadioItem, 'item');
+export const RadioItemGroup = withContext(Menu.RadioItemGroup, 'itemGroup');
+export const Separator = withContext(Menu.Separator, 'separator');
+export const Trigger = withContext(Menu.Trigger, 'trigger');
+export const TriggerItem = withContext(Menu.TriggerItem, 'triggerItem');
+export const Context = Menu.Context;
+export const ItemContext = Menu.ItemContext;

package/dist/ui/Menu/menu.recipe.d.ts

@@ -0,0 +1,58 @@
+export declare const menuRecipe: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
+            separator?: import("tailwind-variants").ClassValue;
+            item?: import("tailwind-variants").ClassValue;
+            itemText?: import("tailwind-variants").ClassValue;
+            itemIndicator?: import("tailwind-variants").ClassValue;
+            itemGroup?: import("tailwind-variants").ClassValue;
+            itemGroupLabel?: import("tailwind-variants").ClassValue;
+            contextTrigger?: import("tailwind-variants").ClassValue;
+            triggerItem?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
+            separator?: import("tailwind-variants").ClassValue;
+            item?: import("tailwind-variants").ClassValue;
+            itemText?: import("tailwind-variants").ClassValue;
+            itemIndicator?: import("tailwind-variants").ClassValue;
+            itemGroup?: import("tailwind-variants").ClassValue;
+            itemGroupLabel?: import("tailwind-variants").ClassValue;
+            contextTrigger?: import("tailwind-variants").ClassValue;
+            triggerItem?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip" | "indicator" | "separator" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
+            separator?: import("tailwind-variants").ClassValue;
+            item?: import("tailwind-variants").ClassValue;
+            itemText?: import("tailwind-variants").ClassValue;
+            itemIndicator?: import("tailwind-variants").ClassValue;
+            itemGroup?: import("tailwind-variants").ClassValue;
+            itemGroupLabel?: import("tailwind-variants").ClassValue;
+            contextTrigger?: import("tailwind-variants").ClassValue;
+            triggerItem?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip" | "indicator" | "separator" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip" | "indicator" | "separator" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/Menu/menu.recipe.js

@@ -1 +1,6 @@
-"use strict";
+import { menuAnatomy } from '@ark-ui/react/menu';
+import { tv } from 'tailwind-variants';
+import { anatomyToRecipeSlots } from '../../utils/anatomyToRecipeSlots.js';
+export const menuRecipe = tv({
+    slots: anatomyToRecipeSlots(menuAnatomy),
+});

package/dist/ui/Portal/Portal.d.ts

@@ -0,0 +1,7 @@
+import { type PortalProps as PrimitiveProps } from '@ark-ui/react';
+import type { ReactNode } from 'react';
+interface PortalProps extends PrimitiveProps {
+    children: ReactNode;
+}
+export declare function Portal(props: PortalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/Portal/Portal.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Portal as Primitive, } from '@ark-ui/react';
+export function Portal(props) {
+    return _jsx(Primitive, { ...props });
+}

package/dist/ui/Portal/index.d.ts

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

package/dist/ui/Portal/index.js

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

package/dist/ui/Presence/index.d.ts

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

package/dist/ui/Presence/index.js

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

package/dist/ui/Prose/Prose.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentPropsWithRef } from 'react';
+interface ProseProps extends ComponentPropsWithRef<'div'> {
+    asChild?: boolean;
+}
+export declare function Prose(props: ProseProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/Prose/Prose.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ark } from '@ark-ui/react/factory';
+import { twMerge } from 'tailwind-merge';
+export function Prose(props) {
+    return (_jsx(ark.div, { ...props, className: twMerge('prose', 'prose-invert', 'max-w-none', 'prose-h1:text-text-primary-900', 'prose-h2:text-text-primary-900', 'prose-h3:text-text-primary-900', 'prose-h4:text-text-primary-900', 'prose-h5:text-text-primary-900', 'prose-h6:text-text-primary-900', 'prose-h1:text-4xl', 'prose-h2:text-3xl', 'prose-h3:text-2xl', 'prose-h4:text-xl', 'prose-h5:text-lg', 'prose-h6:text-base', 'prose-headings:font-semibold', 'prose-p:text-text-secondary-700', 'prose-ul:text-text-secondary-700', 'prose-ol:text-text-secondary-700', 'prose-li:text-text-secondary-700', 'prose-li:marker:text-text-secondary-700', 'prose-strong:text-text-secondary-700', 'prose-ul:text-text-secondary-700', 'prose-em:text-text-secondary-700', 'prose-b:text-text-secondary-700', 'prose-u:text-text-secondary-700', 'prose-img:block', 'prose-img:w-full', 'prose-img:h-auto', 'prose-strong:font-medium', 'prose-b:font-medium', props.className) }));
+}

package/dist/ui/Prose/index.d.ts

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

package/dist/ui/Prose/index.js

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

package/dist/ui/QrCode/QrCode.d.ts

@@ -0,0 +1,157 @@
+import { QrCode } from '@ark-ui/react/qr-code';
+export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.RootProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const DownloadTrigger: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.DownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Frame: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.FrameProps & import("react").RefAttributes<SVGSVGElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Overlay: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.OverlayProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Pattern: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.PatternProps & import("react").RefAttributes<SVGPathElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Context: (props: QrCode.ContextProps) => import("react").ReactNode;

package/dist/ui/QrCode/QrCode.js

@@ -0,0 +1,11 @@
+'use client';
+import { QrCode } from '@ark-ui/react/qr-code';
+import { createRecipeContext } from '../../client/utils/createRecipeContext.js';
+import { qrCodeRecipe } from './qrCode.recipe.js';
+const { withProvider, withContext } = createRecipeContext(qrCodeRecipe);
+export const Root = withProvider(QrCode.Root, 'root');
+export const DownloadTrigger = withContext(QrCode.DownloadTrigger, 'downloadTrigger');
+export const Frame = withContext(QrCode.Frame, 'frame');
+export const Overlay = withContext(QrCode.Overlay, 'overlay');
+export const Pattern = withContext(QrCode.Pattern, 'pattern');
+export const Context = QrCode.Context;

package/dist/ui/QrCode/index.d.ts

@@ -0,0 +1 @@
+export * as QrCode from './QrCode';

package/dist/ui/QrCode/index.js

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

package/dist/ui/QrCode/qrCode.recipe.d.ts

@@ -0,0 +1,31 @@
+export declare const qrCodeRecipe: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            pattern?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
+            downloadTrigger?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/QrCode/qrCode.recipe.js

@@ -0,0 +1,6 @@
+import { qrCodeAnatomy } from '@ark-ui/react/qr-code';
+import { tv } from 'tailwind-variants';
+import { anatomyToRecipeSlots } from '../../utils/anatomyToRecipeSlots.js';
+export const qrCodeRecipe = tv({
+    slots: anatomyToRecipeSlots(qrCodeAnatomy),
+});

package/dist/ui/Tooltip/Tooltip.d.ts

@@ -1 +1,188 @@
-export declare const Root: () => null;
+import { Tooltip } from '@ark-ui/react/tooltip';
+export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<Tooltip.RootProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Arrow: import("react").ComponentType<import("@ark-ui/react").Assign<Tooltip.ArrowProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const ArrowTip: import("react").ComponentType<import("@ark-ui/react").Assign<Tooltip.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Content: import("react").ComponentType<import("@ark-ui/react").Assign<Tooltip.ContentProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Positioner: import("react").ComponentType<import("@ark-ui/react").Assign<Tooltip.PositionerProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Trigger: import("react").ComponentType<import("@ark-ui/react").Assign<Tooltip.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Context: (props: Tooltip.ContextProps) => import("react").ReactNode;

package/dist/ui/Tooltip/Tooltip.js

@@ -1,2 +1,12 @@
 'use client';
-export const Root = () => null;
+import { Tooltip } from '@ark-ui/react/tooltip';
+import { createRecipeContext } from '../../client/utils/createRecipeContext.js';
+import { tooltipRecipe } from './tooltip.recipe.js';
+const { withRootProvider, withContext } = createRecipeContext(tooltipRecipe);
+export const Root = withRootProvider(Tooltip.Root);
+export const Arrow = withContext(Tooltip.Arrow, 'arrow');
+export const ArrowTip = withContext(Tooltip.ArrowTip, 'arrowTip');
+export const Content = withContext(Tooltip.Content, 'content');
+export const Positioner = withContext(Tooltip.Positioner, 'positioner');
+export const Trigger = withContext(Tooltip.Trigger, 'trigger');
+export const Context = Tooltip.Context;

package/dist/ui/Tooltip/tooltip.recipe.d.ts

@@ -0,0 +1,31 @@
+export declare const tooltipRecipe: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/Tooltip/tooltip.recipe.js

@@ -1 +1,6 @@
-"use strict";
+import { tooltipAnatomy } from '@ark-ui/react/tooltip';
+import { tv } from 'tailwind-variants';
+import { anatomyToRecipeSlots } from '../../utils/anatomyToRecipeSlots.js';
+export const tooltipRecipe = tv({
+    slots: anatomyToRecipeSlots(tooltipAnatomy),
+});