@moduix/react-tailwind 1.0.0

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip, useTooltip, useTooltipContext } from "@ark-ui/react/tooltip";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+function TooltipRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Tooltip.Root, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+}
+function TooltipRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Tooltip.RootProvider, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+}
+const Tooltip_TooltipTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tooltip.Trigger, {
+        ref: ref,
+        "data-slot": "tooltip-trigger",
+        asChild: asChild,
+        className: cn(!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', className),
+        ...props
+    });
+});
+const Tooltip_TooltipDisabledTrigger = /*#__PURE__*/ forwardRef(function({ className, tabIndex = 0, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tooltip.Trigger, {
+        asChild: true,
+        children: /*#__PURE__*/ jsx("span", {
+            ref: ref,
+            "data-slot": "tooltip-disabled-trigger",
+            tabIndex: tabIndex,
+            className: cn('inline-flex cursor-not-allowed [&>:disabled]:pointer-events-none [&>[data-disabled]]:pointer-events-none', className),
+            ...props
+        })
+    });
+});
+const Tooltip_TooltipPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Tooltip.Positioner, {
+            ref: ref,
+            "data-slot": "tooltip-positioner",
+            className: cn('z-[var(--z-index)] max-h-[var(--available-height)] max-w-[var(--available-width)] outline-0', className),
+            ...props
+        })
+    });
+});
+const Tooltip_TooltipContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tooltip.Content, {
+        ref: ref,
+        "data-slot": "tooltip-content",
+        className: 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', className),
+        ...props
+    });
+});
+const Tooltip_TooltipBody = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return /*#__PURE__*/ jsx(Tooltip_TooltipPositioner, {
+        children: /*#__PURE__*/ jsx(Tooltip_TooltipContent, {
+            ref: ref,
+            ...props
+        })
+    });
+});
+const Tooltip_TooltipArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tooltip.Arrow, {
+        ref: ref,
+        "data-slot": "tooltip-arrow",
+        className: cn('[--arrow-background:var(--color-popover)] [--arrow-size:0.625rem]', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(Tooltip_TooltipArrowTip, {})
+    });
+});
+const Tooltip_TooltipArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tooltip.ArrowTip, {
+        ref: ref,
+        "data-slot": "tooltip-arrow-tip",
+        className: cn('border-t border-l border-border', className),
+        ...props
+    });
+});
+const Tooltip_Tooltip = Object.assign(TooltipRoot, {
+    Root: TooltipRoot,
+    RootProvider: TooltipRootProvider,
+    Context: Tooltip.Context,
+    Trigger: Tooltip_TooltipTrigger,
+    DisabledTrigger: Tooltip_TooltipDisabledTrigger,
+    Body: Tooltip_TooltipBody,
+    Positioner: Tooltip_TooltipPositioner,
+    Content: Tooltip_TooltipContent,
+    Arrow: Tooltip_TooltipArrow,
+    ArrowTip: Tooltip_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/tour/Tour.d.ts

@@ -0,0 +1,29 @@
+import { Tour as TourPrimitive, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from '@ark-ui/react/tour';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type TourRootProps = ComponentProps<typeof TourPrimitive.Root> & OverlayPortalProps;
+declare function TourRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: TourRootProps): import("react").JSX.Element;
+declare function TourActionList({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+declare const Tour: typeof TourRoot & {
+    Root: typeof TourRoot;
+    Context: (props: TourPrimitive.ContextProps) => import("react").ReactNode;
+    Backdrop: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.BackdropProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Spotlight: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.SpotlightProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Arrow: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ArrowProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ArrowTip: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.TitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ProgressText: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ProgressTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    CloseTrigger: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    CloseIcon: import("react").ForwardRefExoticComponent<Omit<Omit<TourPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "asChild">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Actions: (props: TourPrimitive.ActionsProps) => import("react").ReactNode;
+    ActionList: typeof TourActionList;
+    ActionTrigger: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise, };

package/dist/components/tour/Tour.js

@@ -0,0 +1,176 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from "@ark-ui/react/tour";
+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_BUTTON_LABEL = 'Close tour';
+function TourRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Tour.Root, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+}
+const Tour_TourBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Tour.Backdrop, {
+            ref: ref,
+            "data-slot": "tour-backdrop",
+            className: cn('z-[calc(50+var(--tour-layer,0)+var(--layer-index,0))] bg-overlay backdrop-blur-xs data-[state=closed]:animate-[moduix-fade-out_200ms_ease-in-out_forwards] data-[state=open]:animate-[moduix-fade-in_200ms_ease-in-out] motion-reduce:animate-none', className),
+            ...props
+        })
+    });
+});
+const Tour_TourSpotlight = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Tour.Spotlight, {
+            ref: ref,
+            "data-slot": "tour-spotlight",
+            className: cn('z-[calc(50+var(--tour-layer,0))] ring-2 ring-ring', className),
+            ...props
+        })
+    });
+});
+const Tour_TourPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Tour.Positioner, {
+            ref: ref,
+            "data-slot": "tour-positioner",
+            className: cn('z-[calc(50+var(--tour-layer,0)+var(--layer-index,0))] max-h-[var(--available-height)] max-w-[var(--available-width)] outline-0 data-[type=dialog]:fixed data-[type=dialog]:inset-0 data-[type=dialog]:grid data-[type=dialog]:place-items-center data-[type=dialog]:overflow-y-auto data-[type=dialog]:overscroll-contain data-[type=dialog]:p-4 data-[type=floating]:fixed data-[type=floating]:max-h-[calc(100dvh-3rem)] data-[type=floating]:max-w-[calc(100vw-3rem)] data-[type=floating]:data-[placement=bottom]:start-1/2 data-[type=floating]:data-[placement=bottom]:bottom-6 data-[type=floating]:data-[placement=bottom]:-translate-x-1/2 data-[type=floating]:data-[placement=bottom-end]:end-6 data-[type=floating]:data-[placement=bottom-end]:bottom-6 data-[type=floating]:data-[placement=bottom-start]:start-6 data-[type=floating]:data-[placement=bottom-start]:bottom-6 data-[type=floating]:data-[placement=center]:inset-1/2 data-[type=floating]:data-[placement=center]:-translate-x-1/2 data-[type=floating]:data-[placement=center]:-translate-y-1/2 data-[type=floating]:data-[placement=left]:start-6 data-[type=floating]:data-[placement=left]:top-1/2 data-[type=floating]:data-[placement=left]:-translate-y-1/2 data-[type=floating]:data-[placement=left-end]:start-6 data-[type=floating]:data-[placement=left-end]:bottom-6 data-[type=floating]:data-[placement=left-start]:start-6 data-[type=floating]:data-[placement=left-start]:top-6 data-[type=floating]:data-[placement=right]:end-6 data-[type=floating]:data-[placement=right]:top-1/2 data-[type=floating]:data-[placement=right]:-translate-y-1/2 data-[type=floating]:data-[placement=right-end]:end-6 data-[type=floating]:data-[placement=right-end]:bottom-6 data-[type=floating]:data-[placement=right-start]:end-6 data-[type=floating]:data-[placement=right-start]:top-6 data-[type=floating]:data-[placement=top]:start-1/2 data-[type=floating]:data-[placement=top]:top-6 data-[type=floating]:data-[placement=top]:-translate-x-1/2 data-[type=floating]:data-[placement=top-end]:end-6 data-[type=floating]:data-[placement=top-end]:top-6 data-[type=floating]:data-[placement=top-start]:start-6 data-[type=floating]:data-[placement=top-start]:top-6', className),
+            ...props
+        })
+    });
+});
+const Tour_TourContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.Content, {
+        ref: ref,
+        "data-slot": "tour-content",
+        className: cn('relative z-60 flex max-h-[min(24rem,var(--available-height,100dvh))] w-80 max-w-[min(calc(100vw-2rem),var(--available-width,100vw))] origin-[var(--transform-origin)] flex-col gap-1 overflow-visible rounded-lg border border-border bg-popover p-5 text-popover-foreground shadow-lg outline-0 has-[>[data-slot=tour-body]]:grid has-[>[data-slot=tour-body]]:grid-rows-[minmax(0,1fr)_auto] data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open data-[type=dialog]:w-[min(26rem,calc(100vw-2rem))] data-[type=floating]:w-[min(22rem,calc(100vw-2rem))] motion-reduce:animate-none', className),
+        ...props
+    });
+});
+const Tour_TourArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.Arrow, {
+        ref: ref,
+        "data-slot": "tour-arrow",
+        className: cn('!size-2.5', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(Tour_TourArrowTip, {})
+    });
+});
+const Tour_TourArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.ArrowTip, {
+        ref: ref,
+        "data-slot": "tour-arrow-tip",
+        className: cn('border-t border-l border-border !bg-popover', className),
+        ...props
+    });
+});
+const Tour_TourTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.Title, {
+        ref: ref,
+        "data-slot": "tour-title",
+        className: cn('pe-6 text-md leading-6 font-semibold text-popover-foreground', className),
+        ...props
+    });
+});
+const Tour_TourDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.Description, {
+        ref: ref,
+        "data-slot": "tour-description",
+        className: cn('text-sm leading-5 text-muted-foreground', className),
+        ...props
+    });
+});
+const Tour_TourProgressText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.ProgressText, {
+        ref: ref,
+        "data-slot": "tour-progress-text",
+        className: cn('order-1 mt-2 text-xs leading-4 text-muted-foreground', className),
+        ...props
+    });
+});
+const Tour_TourBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-slot": "tour-body",
+        className: cn('flex min-h-0 flex-col gap-1 overflow-auto', className),
+        ...props
+    });
+});
+const Tour_TourCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.CloseTrigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "tour-close-trigger",
+        className: cn(!asChild && 'absolute end-4 top-4 inline-flex size-7 cursor-pointer items-center justify-center rounded-md leading-none text-muted-foreground outline-0 focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring [&>svg]:size-3 [@media(hover:hover)]:hover:bg-accent [@media(hover:hover)]:hover:text-popover-foreground', className),
+        ...props
+    });
+});
+const Tour_TourCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.CloseTrigger, {
+        asChild: true,
+        ...props,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            ref: ref,
+            "data-slot": "tour-close-icon",
+            "aria-label": ariaLabel,
+            className: cn('absolute end-4 top-4 size-7 rounded-md bg-transparent text-muted-foreground transition-[background-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring motion-reduce:transition-none [&>svg]:size-3 [@media(hover:hover)]:[&:not([data-disabled]):hover]:bg-accent [@media(hover:hover)]:[&:not([data-disabled]):hover]:text-popover-foreground', className),
+            children: children
+        })
+    });
+});
+const Tour_TourControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.Control, {
+        ref: ref,
+        "data-slot": "tour-control",
+        className: cn('order-2 mt-3 flex flex-wrap justify-end gap-2', className),
+        ...props
+    });
+});
+const Tour_TourActionTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.ActionTrigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "tour-action-trigger",
+        className: cn(!asChild && "inline-flex min-h-control-sm cursor-pointer items-center justify-center gap-2 rounded-md border border-border bg-background px-3 py-1.5 text-sm leading-5 font-medium whitespace-nowrap text-foreground no-underline 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 disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-[type=close]:border-primary data-[type=close]:bg-primary data-[type=close]:text-primary-foreground data-[type=next]:border-primary data-[type=next]:bg-primary data-[type=next]:text-primary-foreground motion-reduce:transition-none [@media(hover:hover)]:[&:is([data-type='next'],[data-type='close']):not(:disabled):not([data-disabled]):hover]:border-[color-mix(in_oklab,var(--color-primary),black_12%)] [@media(hover:hover)]:[&:is([data-type='next'],[data-type='close']):not(:disabled):not([data-disabled]):hover]:bg-[color-mix(in_oklab,var(--color-primary),black_12%)] [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:bg-accent", className),
+        ...props
+    });
+});
+const TourActions = Tour.Actions;
+function TourActionList({ className }) {
+    return /*#__PURE__*/ jsx(Tour.Actions, {
+        children: (actions)=>actions.map((action, index)=>/*#__PURE__*/ jsx(Tour_TourActionTrigger, {
+                    action: action,
+                    className: className
+                }, `${action.label}-${index}`))
+    });
+}
+const Tour_Tour = Object.assign(TourRoot, {
+    Root: TourRoot,
+    Context: Tour.Context,
+    Backdrop: Tour_TourBackdrop,
+    Spotlight: Tour_TourSpotlight,
+    Positioner: Tour_TourPositioner,
+    Content: Tour_TourContent,
+    Arrow: Tour_TourArrow,
+    ArrowTip: Tour_TourArrowTip,
+    Title: Tour_TourTitle,
+    Description: Tour_TourDescription,
+    ProgressText: Tour_TourProgressText,
+    Body: Tour_TourBody,
+    CloseTrigger: Tour_TourCloseTrigger,
+    CloseIcon: Tour_TourCloseIcon,
+    Control: Tour_TourControl,
+    Actions: TourActions,
+    ActionList: TourActionList,
+    ActionTrigger: Tour_TourActionTrigger
+});
+export { Tour_Tour as Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise };

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

@@ -0,0 +1 @@
+export { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise, } from './Tour.js';

package/dist/components/tour/index.js

@@ -0,0 +1 @@
+export { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from "./Tour.js";

package/dist/components/tree-view/TreeView.d.ts

@@ -0,0 +1,38 @@
+import { TreeView as TreeViewPrimitive, createFileTreeCollection, createTreeCollection, type TreeNode, type TreeViewLoadChildrenDetails, type TreeViewNodeProviderProps, type TreeViewNodeState, type TreeViewRootComponent, type TreeViewRootProviderComponent, useTreeView, useTreeViewContext, useTreeViewNodeContext } from '@ark-ui/react/tree-view';
+import type { ComponentProps, ReactNode } from 'react';
+declare function TreeViewNodeCheckboxIndicator({ className, children, indeterminate, ...props }: ComponentProps<typeof TreeViewPrimitive.NodeCheckboxIndicator>): import("react").JSX.Element;
+type TreeViewNodeRenderProps<T extends TreeNode> = {
+    indexPath: number[];
+    node: T;
+    state: TreeViewNodeState;
+};
+type TreeViewNodeProps<T extends TreeNode> = {
+    children: (props: TreeViewNodeRenderProps<T>) => ReactNode;
+    indexPath: number[];
+    node: T;
+};
+declare function TreeViewNode<T extends TreeNode>({ children, indexPath, node }: TreeViewNodeProps<T>): import("react").JSX.Element;
+declare const TreeView: TreeViewRootComponent & {
+    Root: TreeViewRootComponent;
+    RootProvider: TreeViewRootProviderComponent;
+    Context: <T extends unknown>(props: TreeViewPrimitive.ContextProps<T>) => ReactNode;
+    NodeContext: (props: TreeViewPrimitive.NodeContextProps) => ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.LabelProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Tree: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.TreeProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Node: typeof TreeViewNode;
+    NodeProvider: typeof TreeViewPrimitive.NodeProvider;
+    Branch: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    BranchControl: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    BranchTrigger: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    BranchIndicator: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    BranchText: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    BranchContent: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    BranchIndentGuide: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchIndentGuideProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemText: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.ItemTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemIndicator: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.ItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    NodeCheckbox: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.NodeCheckboxProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    NodeCheckboxIndicator: typeof TreeViewNodeCheckboxIndicator;
+    NodeRenameInput: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.NodeRenameInputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+};
+export { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext, type TreeViewLoadChildrenDetails, type TreeViewNodeProps, type TreeViewNodeRenderProps, type TreeViewNodeState, type TreeViewNodeProviderProps, };

package/dist/components/tree-view/TreeView.js

@@ -0,0 +1,189 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext } from "@ark-ui/react/tree-view";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { CheckIcon, ChevronRightIcon, IndeterminateIcon } from "../../internal/icons/ui/index.js";
+const TreeView_TreeViewRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.Root, {
+        ref: ref,
+        "data-slot": "tree-view-root",
+        className: cn('box-border flex w-80 max-w-full min-w-0 flex-col gap-2 text-foreground data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const TreeView_TreeViewRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.RootProvider, {
+        ref: ref,
+        "data-slot": "tree-view-root-provider",
+        className: cn('box-border flex w-80 max-w-full min-w-0 flex-col gap-2 text-foreground data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const TreeView_TreeViewLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.Label, {
+        ref: ref,
+        "data-slot": "tree-view-label",
+        className: cn('text-sm leading-5 font-medium text-foreground select-none', className),
+        ...props
+    });
+});
+const TreeView_TreeViewTree = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.Tree, {
+        ref: ref,
+        "data-slot": "tree-view-tree",
+        className: cn('flex min-w-0 flex-col gap-1 text-sm leading-5 text-foreground', className),
+        ...props
+    });
+});
+const TreeView_TreeViewBranch = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.Branch, {
+        ref: ref,
+        "data-slot": "tree-view-branch",
+        className: cn('relative flex min-w-0 flex-col gap-1', className),
+        ...props
+    });
+});
+const TreeView_TreeViewBranchControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.BranchControl, {
+        ref: ref,
+        "data-slot": "tree-view-branch-control",
+        className: cn("relative z-0 box-border flex min-h-8 w-full min-w-0 cursor-pointer items-center gap-2 rounded-sm bg-transparent py-1 ps-[calc(0.5rem+((var(--depth,1)-1)*1rem))] pe-2 text-start text-foreground no-underline transition-[color,opacity] duration-200 ease-in-out outline-none select-none [font:inherit] before:pointer-events-none before:absolute before:inset-y-0 before:start-[calc(0.5rem+((var(--depth,1)-1)*1rem))] before:end-0 before:-z-1 before:rounded-sm before:bg-transparent before:ring-1 before:ring-transparent before:transition-[background-color,box-shadow] before:duration-200 before:ease-in-out before:content-[''] before:ring-inset focus-visible:before:ring-ring data-disabled:cursor-default data-disabled:text-muted-foreground data-disabled:opacity-50 data-focus:before:ring-ring data-selected:text-accent-foreground data-selected:before:bg-accent motion-reduce:before:transition-none [@media(hover:hover)]:[&:not([data-disabled]):hover]:text-accent-foreground [@media(hover:hover)]:[&:not([data-disabled]):hover]:before:bg-accent", className),
+        ...props
+    });
+});
+const TreeView_TreeViewBranchTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.BranchTrigger, {
+        ref: ref,
+        "data-slot": "tree-view-branch-trigger",
+        className: cn('inline-flex size-4 shrink-0 items-center justify-center transition-transform duration-200 ease-in-out data-[state=open]:rotate-90 motion-reduce:transition-none [&_svg]:size-3.5', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {})
+    });
+});
+const TreeView_TreeViewBranchIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.BranchIndicator, {
+        ref: ref,
+        "data-slot": "tree-view-branch-indicator",
+        className: cn('inline-flex size-4 shrink-0 items-center justify-center transition-transform duration-200 ease-in-out data-[state=open]:rotate-90 motion-reduce:transition-none [&_svg]:size-3.5', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {})
+    });
+});
+const TreeView_TreeViewBranchText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.BranchText, {
+        ref: ref,
+        "data-slot": "tree-view-branch-text",
+        className: cn('inline-flex min-w-0 flex-1 items-center gap-2 overflow-hidden text-ellipsis whitespace-nowrap [&_svg]:size-4 [&_svg]:shrink-0', className),
+        ...props
+    });
+});
+const TreeView_TreeViewBranchContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.BranchContent, {
+        ref: ref,
+        "data-slot": "tree-view-branch-content",
+        className: cn('relative flex min-w-0 flex-col gap-1 overflow-hidden data-[state=closed]:animate-[moduix-collapsible-content-closed_150ms_ease-out] data-[state=open]:animate-[moduix-collapsible-content-open_150ms_ease-out] motion-reduce:animate-none', className),
+        ...props
+    });
+});
+const TreeView_TreeViewBranchIndentGuide = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.BranchIndentGuide, {
+        ref: ref,
+        "data-slot": "tree-view-branch-indent-guide",
+        className: cn('pointer-events-none absolute inset-y-0 start-[calc(1rem+((var(--depth,1)-1)*1rem))] z-1 w-px bg-border', className),
+        ...props
+    });
+});
+const TreeView_TreeViewItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.Item, {
+        ref: ref,
+        "data-slot": "tree-view-item",
+        className: cn("relative z-0 box-border flex min-h-8 w-full min-w-0 cursor-pointer items-center gap-2 rounded-sm bg-transparent py-1 ps-[calc(1rem+((var(--depth,1)-1)*1rem))] pe-2 text-start text-foreground no-underline transition-[color,opacity] duration-200 ease-in-out outline-none select-none [font:inherit] before:pointer-events-none before:absolute before:inset-y-0 before:start-[calc(0.5rem+((var(--depth,1)-1)*1rem))] before:end-0 before:-z-1 before:rounded-sm before:bg-transparent before:ring-1 before:ring-transparent before:transition-[background-color,box-shadow] before:duration-200 before:ease-in-out before:content-[''] before:ring-inset focus-visible:before:ring-ring data-disabled:cursor-default data-disabled:text-muted-foreground data-disabled:opacity-50 data-focus:before:ring-ring data-selected:text-accent-foreground data-selected:before:bg-accent motion-reduce:before:transition-none [@media(hover:hover)]:[&:not([data-disabled]):hover]:text-accent-foreground [@media(hover:hover)]:[&:not([data-disabled]):hover]:before:bg-accent", className),
+        ...props
+    });
+});
+const TreeView_TreeViewItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.ItemText, {
+        ref: ref,
+        "data-slot": "tree-view-item-text",
+        className: cn('inline-flex min-w-0 flex-1 items-center gap-2 overflow-hidden text-ellipsis whitespace-nowrap [&_svg]:size-4 [&_svg]:shrink-0', className),
+        ...props
+    });
+});
+const TreeView_TreeViewItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.ItemIndicator, {
+        ref: ref,
+        "data-slot": "tree-view-item-indicator",
+        className: cn('inline-flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+    });
+});
+const TreeView_TreeViewNodeCheckbox = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.NodeCheckbox, {
+        ref: ref,
+        "data-slot": "tree-view-node-checkbox",
+        className: cn('inline-flex size-4 shrink-0 items-center justify-center rounded-xs border border-border bg-background text-primary-foreground outline-1 outline-offset-1 outline-transparent transition-[background-color,border-color,outline-color] duration-200 ease-in-out focus-visible:outline-ring data-disabled:cursor-default data-disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary motion-reduce:transition-none [&_svg]:size-3', className),
+        ...props
+    });
+});
+function TreeViewNodeCheckboxIndicator({ className, children, indeterminate, ...props }) {
+    return /*#__PURE__*/ jsx(TreeView.NodeCheckboxIndicator, {
+        "data-slot": "tree-view-node-checkbox-indicator",
+        className: cn('inline-flex items-center justify-center', className),
+        indeterminate: indeterminate ?? /*#__PURE__*/ jsx(IndeterminateIcon, {}),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+    });
+}
+const TreeView_TreeViewNodeRenameInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.NodeRenameInput, {
+        ref: ref,
+        "data-slot": "tree-view-node-rename-input",
+        className: cn('box-border min-w-0 flex-1 rounded-xs border border-ring bg-background px-1 py-0 text-foreground outline-1 -outline-offset-1 outline-transparent [font:inherit] focus-visible:outline-ring', className),
+        ...props
+    });
+});
+const TreeViewNodeProvider = TreeView.NodeProvider;
+function TreeViewNodeContent({ children, indexPath, node }) {
+    return children({
+        indexPath,
+        node,
+        state: useTreeViewNodeContext()
+    });
+}
+function TreeViewNode({ children, indexPath, node }) {
+    return /*#__PURE__*/ jsx(TreeViewNodeProvider, {
+        node: node,
+        indexPath: indexPath,
+        children: /*#__PURE__*/ jsx(TreeViewNodeContent, {
+            node: node,
+            indexPath: indexPath,
+            children: children
+        })
+    });
+}
+const TreeView_TreeView = Object.assign(TreeView_TreeViewRoot, {
+    Root: TreeView_TreeViewRoot,
+    RootProvider: TreeView_TreeViewRootProvider,
+    Context: TreeView.Context,
+    NodeContext: TreeView.NodeContext,
+    Label: TreeView_TreeViewLabel,
+    Tree: TreeView_TreeViewTree,
+    Node: TreeViewNode,
+    NodeProvider: TreeViewNodeProvider,
+    Branch: TreeView_TreeViewBranch,
+    BranchControl: TreeView_TreeViewBranchControl,
+    BranchTrigger: TreeView_TreeViewBranchTrigger,
+    BranchIndicator: TreeView_TreeViewBranchIndicator,
+    BranchText: TreeView_TreeViewBranchText,
+    BranchContent: TreeView_TreeViewBranchContent,
+    BranchIndentGuide: TreeView_TreeViewBranchIndentGuide,
+    Item: TreeView_TreeViewItem,
+    ItemText: TreeView_TreeViewItemText,
+    ItemIndicator: TreeView_TreeViewItemIndicator,
+    NodeCheckbox: TreeView_TreeViewNodeCheckbox,
+    NodeCheckboxIndicator: TreeViewNodeCheckboxIndicator,
+    NodeRenameInput: TreeView_TreeViewNodeRenameInput
+});
+export { TreeView_TreeView as TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext };

package/dist/components/tree-view/index.d.ts

@@ -0,0 +1 @@
+export { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext, type TreeViewLoadChildrenDetails, type TreeViewNodeProps, type TreeViewNodeRenderProps, type TreeViewNodeState, type TreeViewNodeProviderProps, } from './TreeView.js';

package/dist/components/tree-view/index.js

@@ -0,0 +1 @@
+export { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext } from "./TreeView.js";

package/dist/components/typeset/Typeset.d.ts

@@ -0,0 +1,5 @@
+declare const Typeset: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+    Scroll: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+};
+export { Typeset };

package/dist/components/typeset/Typeset.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import Typeset_module from "./Typeset.module.js";
+const Typeset_TypesetRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        ...props,
+        "data-scope": "typeset",
+        "data-part": "root",
+        "data-slot": "typeset",
+        className: cn(Typeset_module.root, className)
+    });
+});
+const Typeset_TypesetScroll = /*#__PURE__*/ forwardRef(function({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, className, role, tabIndex = 0, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        ...props,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "data-scope": "typeset",
+        "data-part": "scroll",
+        "data-slot": "typeset-scroll",
+        className: cn(Typeset_module.scroll, className),
+        role: role ?? (ariaLabel || ariaLabelledBy ? 'region' : void 0),
+        tabIndex: tabIndex
+    });
+});
+const Typeset = Object.assign(Typeset_TypesetRoot, {
+    Root: Typeset_TypesetRoot,
+    Scroll: Typeset_TypesetScroll
+});
+export { Typeset };

package/dist/components/typeset/Typeset.module.js

@@ -0,0 +1,6 @@
+import "./Typeset_module.css";
+const Typeset_module = {
+    root: "root-DaHOOi",
+    scroll: "scroll-ZsvXUQ"
+};
+export default Typeset_module;