@moduix/react-tailwind 1.0.0

package/dist/components/toast/Toast.d.ts

@@ -0,0 +1,17 @@
+import { Toast as ToastPrimitive, Toaster as ToasterPrimitive, createToaster, useToastContext } from '@ark-ui/react/toast';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type ToasterProps = Omit<ComponentProps<typeof ToasterPrimitive>, 'children'> & OverlayPortalProps & {
+    children?: ComponentProps<typeof ToasterPrimitive>['children'];
+};
+declare const Toaster: import("react").ForwardRefExoticComponent<Omit<ToasterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Toast: import("react").ForwardRefExoticComponent<Omit<ToastPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ToastPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: ToastPrimitive.ContextProps) => import("react").ReactNode;
+    Title: import("react").ForwardRefExoticComponent<Omit<ToastPrimitive.TitleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<ToastPrimitive.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ActionTrigger: import("react").ForwardRefExoticComponent<Omit<ToastPrimitive.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    CloseTrigger: import("react").ForwardRefExoticComponent<Omit<ToastPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Toaster: import("react").ForwardRefExoticComponent<Omit<ToasterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Toast, Toaster, createToaster, useToastContext };

package/dist/components/toast/Toast.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toast, Toaster as toast_Toaster, createToaster, useToastContext } from "@ark-ui/react/toast";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import { CloseButton } from "../close-button/index.js";
+const DEFAULT_CLOSE_TRIGGER_LABEL = 'Close toast';
+const Toast_Toaster = /*#__PURE__*/ forwardRef(function({ className, portalled, portalRef, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(OverlayPortal, {
+            children: /*#__PURE__*/ jsx(toast_Toaster, {
+                ref: ref,
+                "data-slot": "toast-toaster",
+                className: cn('z-70 max-[40rem]:w-full', className),
+                ...props,
+                children: props.children ?? ((toast)=>/*#__PURE__*/ jsx(DefaultToast, {
+                        toast: toast
+                    }))
+            })
+        })
+    });
+});
+function DefaultToast({ toast }) {
+    return /*#__PURE__*/ jsxs(Toast_ToastRoot, {
+        children: [
+            null != toast.title ? /*#__PURE__*/ jsx(Toast_ToastTitle, {}) : null,
+            null != toast.description ? /*#__PURE__*/ jsx(Toast_ToastDescription, {}) : null,
+            toast.action ? /*#__PURE__*/ jsx(Toast_ToastActionTrigger, {
+                children: toast.action.label
+            }) : null,
+            false !== toast.closable ? /*#__PURE__*/ jsx(Toast_ToastCloseTrigger, {}) : null
+        ]
+    }, toast.id);
+}
+const Toast_ToastRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toast.Root, {
+        ref: ref,
+        "data-slot": "toast-root",
+        className: cn('group/toast pointer-events-auto [z-index:var(--z-index)] box-border grid [height:var(--height)] min-h-0 w-80 max-w-[calc(100vw-2rem)] min-w-0 [translate:var(--x)_var(--y)] [scale:var(--scale)] items-start gap-1 rounded-lg border border-border bg-card bg-clip-padding p-4 pe-11 text-card-foreground [opacity:var(--opacity)] shadow-lg transition-[translate,scale,opacity,height,box-shadow] duration-350 ease-[cubic-bezier(0.21,1.02,0.73,1)] [will-change:translate,opacity,scale] data-[state=closed]:ease-[cubic-bezier(0.06,0.71,0.55,1)] data-[state=closed]:[transition:translate_350ms,scale_350ms,opacity_200ms] data-[type=error]:border-destructive/35 data-[type=error]:bg-destructive/9 data-[type=error]:text-foreground data-[type=success]:border-success/34 data-[type=success]:bg-success/10 data-[type=success]:text-foreground data-[type=warning]:border-warning/38 data-[type=warning]:bg-warning/13 data-[type=warning]:text-foreground motion-reduce:transition-none max-[40rem]:inset-x-0 max-[40rem]:w-[calc(100%_-_(var(--gap)*2))] max-[40rem]:max-w-none', className),
+        ...props
+    });
+});
+const Toast_ToastTitle = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    const toast = useToastContext();
+    return /*#__PURE__*/ jsx(Toast.Title, {
+        ref: ref,
+        "data-slot": "toast-title",
+        className: cn('m-0 flex min-w-0 items-center gap-2 text-sm leading-5 font-semibold wrap-anywhere text-inherit', className),
+        ...props,
+        children: void 0 === children ? toast.title : children
+    });
+});
+const Toast_ToastDescription = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    const toast = useToastContext();
+    return /*#__PURE__*/ jsx(Toast.Description, {
+        ref: ref,
+        "data-slot": "toast-description",
+        className: cn('m-0 min-w-0 text-sm leading-5 wrap-anywhere text-muted-foreground', className),
+        ...props,
+        children: void 0 === children ? toast.description : children
+    });
+});
+const Toast_ToastActionTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toast.ActionTrigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "toast-action-trigger",
+        className: cn(!asChild && 'mt-2 inline-flex min-h-control-xs w-max max-w-full min-w-0 cursor-pointer items-center justify-center gap-2 rounded-sm border border-border bg-transparent px-2 py-1 text-start text-xs leading-4 font-medium wrap-anywhere text-foreground transition-[background-color,border-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:outline-ring motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', className),
+        ...props,
+        children: children
+    });
+});
+const Toast_ToastCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_TRIGGER_LABEL, ...props }, ref) {
+    if (asChild) return /*#__PURE__*/ jsx(Toast.CloseTrigger, {
+        ref: ref,
+        asChild: true,
+        "data-slot": "toast-close-trigger",
+        "aria-label": ariaLabel,
+        className: className,
+        ...props,
+        children: children
+    });
+    return /*#__PURE__*/ jsx(Toast.CloseTrigger, {
+        asChild: true,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            ref: ref,
+            "data-slot": "toast-close-trigger",
+            "aria-label": ariaLabel,
+            className: cn('absolute end-2 top-2', className),
+            ...props,
+            children: children
+        })
+    });
+});
+const Toast_Toast = Object.assign(Toast_ToastRoot, {
+    Root: Toast_ToastRoot,
+    Context: Toast.Context,
+    Title: Toast_ToastTitle,
+    Description: Toast_ToastDescription,
+    ActionTrigger: Toast_ToastActionTrigger,
+    CloseTrigger: Toast_ToastCloseTrigger,
+    Toaster: Toast_Toaster
+});
+export { Toast_Toast as Toast, Toast_Toaster as Toaster, createToaster, useToastContext };

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

@@ -0,0 +1 @@
+export { Toast, Toaster, createToaster, useToastContext } from './Toast.js';

package/dist/components/toast/index.js

@@ -0,0 +1 @@
+export { Toast, Toaster, createToaster, useToastContext } from "./Toast.js";

package/dist/components/toc/Toc.d.ts

@@ -0,0 +1,23 @@
+import { Toc as TocPrimitive, type UseTocProps } from '@ark-ui/react/toc';
+import type { ComponentProps } from 'react';
+declare const useToc: ({ autoScroll, ...props }: UseTocProps) => import("@ark-ui/react/toc").UseTocReturn;
+declare const useTocContext: () => import("@ark-ui/react/toc").UseTocContext;
+type TocRailProps = ComponentProps<'svg'> & {
+    depth: number;
+    previousDepth?: number;
+    nextDepth?: number;
+};
+declare const Toc: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: TocPrimitive.ContextProps) => import("react").ReactNode;
+    Content: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.ContentProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    Nav: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.NavProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.TitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    List: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.ListProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.ItemProps & import("react").RefAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    Link: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Rail: import("react").ForwardRefExoticComponent<Omit<TocRailProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+};
+export { Toc, useToc, useTocContext };

package/dist/components/toc/Toc.js

@@ -0,0 +1,144 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toc, useToc, useTocContext } from "@ark-ui/react/toc";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const railBaseOffset = 0;
+const railStep = 12;
+const railBridge = 6;
+const maxRailLevel = 2;
+const getRailOffset = (depth)=>railBaseOffset + Math.min(Math.max(depth - 2, 0), maxRailLevel) * railStep;
+const Toc_useToc = ({ autoScroll = false, ...props })=>useToc({
+        autoScroll,
+        ...props
+    });
+const Toc_useTocContext = useTocContext;
+const Toc_TocRoot = /*#__PURE__*/ forwardRef(function({ autoScroll = false, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Root, {
+        ref: ref,
+        autoScroll: autoScroll,
+        "data-slot": "toc-root",
+        className: cn('group/toc box-border grid w-full min-w-0 grid-cols-[minmax(0,1fr)_minmax(12rem,16rem)] gap-6 text-foreground has-[[data-slot=toc-nav][data-placement=left]]:grid-cols-[minmax(12rem,16rem)_minmax(0,1fr)] max-md:grid-cols-[minmax(0,1fr)] max-md:has-[[data-slot=toc-nav][data-placement=left]]:grid-cols-[minmax(0,1fr)]', className),
+        ...props
+    });
+});
+const Toc_TocRootProvider = /*#__PURE__*/ forwardRef(function({ className, style, value, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.RootProvider, {
+        ref: ref,
+        value: value,
+        "data-slot": "toc-root-provider",
+        className: cn('group/toc box-border grid w-full min-w-0 grid-cols-[minmax(0,1fr)_minmax(12rem,16rem)] gap-6 text-foreground has-[[data-slot=toc-nav][data-placement=left]]:grid-cols-[minmax(12rem,16rem)_minmax(0,1fr)] max-md:grid-cols-[minmax(0,1fr)] max-md:has-[[data-slot=toc-nav][data-placement=left]]:grid-cols-[minmax(0,1fr)]', className),
+        style: {
+            ...value.getRootProps().style,
+            ...style
+        },
+        ...props
+    });
+});
+const Toc_TocContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Content, {
+        ref: ref,
+        "data-slot": "toc-content",
+        className: cn('min-w-0 scroll-smooth group-has-[[data-slot=toc-nav][data-placement=left]]/toc:col-start-2 group-has-[[data-slot=toc-nav][data-placement=left]]/toc:row-start-1 motion-reduce:scroll-auto max-md:group-has-[[data-slot=toc-nav][data-placement=left]]/toc:col-auto max-md:group-has-[[data-slot=toc-nav][data-placement=left]]/toc:row-auto', className),
+        ...props
+    });
+});
+const Toc_TocNav = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Nav, {
+        ref: ref,
+        "data-slot": "toc-nav",
+        className: cn('sticky top-4 max-h-[calc(100dvh-2rem)] min-w-0 self-start overflow-auto rounded-lg border border-border bg-card p-4 text-card-foreground data-[placement=left]:col-start-1 data-[placement=left]:row-start-1 max-md:data-[placement=left]:col-auto max-md:data-[placement=left]:row-auto', className),
+        ...props
+    });
+});
+const Toc_TocTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Title, {
+        ref: ref,
+        "data-slot": "toc-title",
+        className: cn('m-0 mb-2 text-sm leading-5 font-semibold text-foreground', className),
+        ...props
+    });
+});
+const Toc_TocList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.List, {
+        ref: ref,
+        "data-slot": "toc-list",
+        className: cn("relative m-0 grid list-none gap-0.5 py-0 ps-1 has-[[data-slot=toc-indicator]]:before:pointer-events-none has-[[data-slot=toc-indicator]]:before:absolute has-[[data-slot=toc-indicator]]:before:inset-y-0.5 has-[[data-slot=toc-indicator]]:before:start-0 has-[[data-slot=toc-indicator]]:before:w-0.5 has-[[data-slot=toc-indicator]]:before:rounded-full has-[[data-slot=toc-indicator]]:before:bg-border has-[[data-slot=toc-indicator]]:before:content-['']", className),
+        ...props
+    });
+});
+const Toc_TocItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Item, {
+        ref: ref,
+        "data-slot": "toc-item",
+        className: cn('min-w-0', className),
+        ...props
+    });
+});
+const Toc_TocLink = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Link, {
+        ref: ref,
+        "data-slot": "toc-link",
+        className: cn('group/toc-link relative block min-w-0 overflow-hidden rounded-sm py-1 ps-[calc(0.875rem+max(0px,((var(--depth)-2)*0.5rem)))] pe-1 text-sm leading-5 text-ellipsis whitespace-nowrap text-muted-foreground no-underline outline-0 transition-colors duration-200 ring-inset focus-visible:ring-1 focus-visible:ring-ring has-[[data-slot=toc-rail]]:overflow-visible data-active:font-medium data-active:text-foreground motion-reduce:transition-none [@media(hover:hover)]:hover:text-foreground', className),
+        ...props
+    });
+});
+const Toc_TocIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Indicator, {
+        ref: ref,
+        "data-slot": "toc-indicator",
+        className: cn('pointer-events-none start-0 top-[calc(var(--top)+0.125rem)] z-1 h-[calc(var(--height)-0.25rem)] w-0.5 rounded-full bg-muted-foreground opacity-70 transition-[top,height] duration-200 motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const Toc_TocRail = /*#__PURE__*/ forwardRef(function({ className, depth, nextDepth = depth, previousDepth = depth, style, ...props }, ref) {
+    const lineOffset = getRailOffset(depth);
+    const previousLineOffset = getRailOffset(previousDepth);
+    const nextLineOffset = getRailOffset(nextDepth);
+    const hasTurn = previousLineOffset !== lineOffset;
+    const width = Math.max(previousLineOffset, lineOffset, nextLineOffset) + 2;
+    return /*#__PURE__*/ jsxs("svg", {
+        ref: ref,
+        "aria-hidden": "true",
+        "data-slot": "toc-rail",
+        className: cn('pointer-events-none absolute start-0 -top-1.5 overflow-visible text-border group-data-active/toc-link:translate-y-0.5 group-data-active/toc-link:text-muted-foreground group-data-active/toc-link:opacity-70', className),
+        style: {
+            width,
+            height: lineOffset === nextLineOffset ? 'calc(100% + 0.5rem)' : '100%',
+            ...style
+        },
+        ...props,
+        children: [
+            hasTurn && /*#__PURE__*/ jsx("path", {
+                d: `M ${previousLineOffset + 0.5} 0 C ${previousLineOffset + 0.5} 8 ${lineOffset + 0.5} 4 ${lineOffset + 0.5} ${2 * railBridge}`,
+                fill: "none",
+                vectorEffect: "non-scaling-stroke",
+                stroke: "currentColor",
+                className: "stroke-1"
+            }),
+            /*#__PURE__*/ jsx("line", {
+                x1: lineOffset + 0.5,
+                y1: hasTurn ? 2 * railBridge : railBridge,
+                x2: lineOffset + 0.5,
+                y2: "100%",
+                vectorEffect: "non-scaling-stroke",
+                stroke: "currentColor",
+                className: "stroke-1"
+            })
+        ]
+    });
+});
+const Toc_Toc = Object.assign(Toc_TocRoot, {
+    Root: Toc_TocRoot,
+    RootProvider: Toc_TocRootProvider,
+    Context: Toc.Context,
+    Content: Toc_TocContent,
+    Nav: Toc_TocNav,
+    Title: Toc_TocTitle,
+    List: Toc_TocList,
+    Item: Toc_TocItem,
+    Link: Toc_TocLink,
+    Indicator: Toc_TocIndicator,
+    Rail: Toc_TocRail
+});
+export { Toc_Toc as Toc, Toc_useToc as useToc, Toc_useTocContext as useTocContext };

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

@@ -0,0 +1 @@
+export { Toc, useToc, useTocContext } from './Toc.js';

package/dist/components/toc/index.js

@@ -0,0 +1 @@
+export { Toc, useToc, useTocContext } from "./Toc.js";

package/dist/components/toggle/Toggle.d.ts

@@ -0,0 +1,15 @@
+import { Toggle as TogglePrimitive, useToggleContext } from '@ark-ui/react/toggle';
+import type { ComponentProps } from 'react';
+type ToggleVariant = 'default' | 'outline' | 'ghost';
+type ToggleSize = 'xs' | 'sm' | 'md' | 'lg' | 'icon-sm' | 'icon-md' | 'icon-lg';
+type ToggleRootProps = ComponentProps<typeof TogglePrimitive.Root> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+};
+declare const Toggle: import("react").ForwardRefExoticComponent<Omit<ToggleRootProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ToggleRootProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<TogglePrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: TogglePrimitive.ContextProps) => import("react").ReactNode;
+};
+export { Toggle, useToggleContext };
+export type { ToggleRootProps, ToggleSize, ToggleVariant };

package/dist/components/toggle/Toggle.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Toggle, ToggleContext, useToggleContext } from "@ark-ui/react/toggle";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const toggleVariants = cva('box-border inline-flex min-h-control-md 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 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring 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'
+    }
+});
+const Toggle_ToggleRoot = /*#__PURE__*/ forwardRef(function({ className, variant = 'default', size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toggle.Root, {
+        ref: ref,
+        "data-slot": "toggle-root",
+        "data-variant": variant,
+        "data-size": size,
+        className: cn(toggleVariants({
+            variant,
+            size
+        }), className),
+        ...props
+    });
+});
+const Toggle_ToggleIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toggle.Indicator, {
+        ref: ref,
+        "data-slot": "toggle-indicator",
+        className: cn('inline-flex items-center justify-center text-inherit [&>svg]:block [&>svg]:size-4 [&>svg]:shrink-0', className),
+        ...props
+    });
+});
+const Toggle_Toggle = Object.assign(Toggle_ToggleRoot, {
+    Root: Toggle_ToggleRoot,
+    Indicator: Toggle_ToggleIndicator,
+    Context: ToggleContext
+});
+export { Toggle_Toggle as Toggle, useToggleContext };

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

@@ -0,0 +1,2 @@
+export { Toggle, useToggleContext } from './Toggle.js';
+export type { ToggleRootProps, ToggleSize, ToggleVariant } from './Toggle.js';

package/dist/components/toggle/index.js

@@ -0,0 +1 @@
+export { Toggle, useToggleContext } from "./Toggle.js";

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

@@ -0,0 +1,24 @@
+import { ToggleGroup as ToggleGroupPrimitive, useToggleGroup, useToggleGroupContext } from '@ark-ui/react/toggle-group';
+import type { ComponentProps } from 'react';
+type ToggleVariant = 'default' | 'outline' | 'ghost';
+type ToggleSize = 'xs' | 'sm' | 'md' | 'lg' | 'icon-sm' | 'icon-md' | 'icon-lg';
+type ToggleGroupRootProps = ComponentProps<typeof ToggleGroupPrimitive.Root> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+};
+type ToggleGroupRootProviderProps = ComponentProps<typeof ToggleGroupPrimitive.RootProvider> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+};
+type ToggleGroupItemProps = ComponentProps<typeof ToggleGroupPrimitive.Item> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+};
+declare const ToggleGroup: import("react").ForwardRefExoticComponent<Omit<ToggleGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ToggleGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<ToggleGroupRootProviderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: ToggleGroupPrimitive.ContextProps) => import("react").ReactNode;
+    Item: import("react").ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export { ToggleGroup, useToggleGroup, useToggleGroupContext };
+export type { ToggleGroupItemProps, ToggleGroupRootProps, ToggleGroupRootProviderProps, ToggleSize, ToggleVariant, };

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

@@ -0,0 +1,102 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ToggleGroup, useToggleGroup, useToggleGroupContext } from "@ark-ui/react/toggle-group";
+import { cva } from "class-variance-authority";
+import { createContext, forwardRef, useContext } from "react";
+import { cn } from "../../internal/cn.js";
+const defaultToggleGroupStyles = {
+    variant: 'default',
+    size: 'md'
+};
+const ToggleGroupStyleContext = /*#__PURE__*/ 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 focus-visible:outline-2 focus-visible:-outline-offset-1 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'
+    }
+});
+const ToggleGroup_ToggleGroupRoot = /*#__PURE__*/ forwardRef(function({ className, variant = 'default', size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ToggleGroupStyleContext.Provider, {
+        value: {
+            variant,
+            size
+        },
+        children: /*#__PURE__*/ jsx(ToggleGroup.Root, {
+            ...props,
+            ref: ref,
+            "data-slot": "toggle-group-root",
+            "data-variant": variant,
+            "data-size": size,
+            className: cn(toggleGroupRootVariants({
+                variant
+            }), className)
+        })
+    });
+});
+const ToggleGroup_ToggleGroupRootProvider = /*#__PURE__*/ forwardRef(function({ className, variant = 'default', size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ToggleGroupStyleContext.Provider, {
+        value: {
+            variant,
+            size
+        },
+        children: /*#__PURE__*/ jsx(ToggleGroup.RootProvider, {
+            ...props,
+            ref: ref,
+            "data-slot": "toggle-group-root-provider",
+            "data-variant": variant,
+            "data-size": size,
+            className: cn(toggleGroupRootVariants({
+                variant
+            }), className)
+        })
+    });
+});
+const ToggleGroup_ToggleGroupItem = /*#__PURE__*/ forwardRef(function({ className, variant, size, ...props }, ref) {
+    const inherited = useContext(ToggleGroupStyleContext);
+    return /*#__PURE__*/ jsx(ToggleGroup.Item, {
+        ...props,
+        ref: ref,
+        "data-slot": "toggle-group-item",
+        "data-variant": variant ?? inherited.variant,
+        "data-size": size ?? inherited.size,
+        className: cn(toggleGroupItemVariants({
+            variant: variant ?? inherited.variant,
+            size: size ?? inherited.size
+        }), className)
+    });
+});
+const ToggleGroup_ToggleGroup = Object.assign(ToggleGroup_ToggleGroupRoot, {
+    Root: ToggleGroup_ToggleGroupRoot,
+    RootProvider: ToggleGroup_ToggleGroupRootProvider,
+    Context: ToggleGroup.Context,
+    Item: ToggleGroup_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/tooltip/Tooltip.d.ts

@@ -0,0 +1,20 @@
+import { Tooltip as TooltipPrimitive, useTooltip, useTooltipContext } from '@ark-ui/react/tooltip';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type TooltipRootProps = ComponentProps<typeof TooltipPrimitive.Root> & OverlayPortalProps;
+type TooltipRootProviderProps = ComponentProps<typeof TooltipPrimitive.RootProvider> & OverlayPortalProps;
+declare function TooltipRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: TooltipRootProps): import("react").JSX.Element;
+declare function TooltipRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: TooltipRootProviderProps): import("react").JSX.Element;
+declare const Tooltip: typeof TooltipRoot & {
+    Root: typeof TooltipRoot;
+    RootProvider: typeof TooltipRootProvider;
+    Context: (props: TooltipPrimitive.ContextProps) => import("react").ReactNode;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    DisabledTrigger: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Arrow: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.ArrowProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ArrowTip: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Tooltip, useTooltip, useTooltipContext };