@cryptlex/web-components 5.3.0 → 5.4.0

package/dist/components/ui/disclosure.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronDownIcon } from "lucide-react";
-import { useContext } from "react";
-import { Disclosure as AriaDisclosure, DisclosureGroup as AriaDisclosureGroup, DisclosurePanel as AriaDisclosurePanel, Button, composeRenderProps, DisclosureGroupStateContext, Heading, } from "react-aria-components";
-import { cn } from "lib/utils/primitives";
-export function Disclosure({ children, className, ...props }) {
-    let isInGroup = useContext(DisclosureGroupStateContext) !== null;
-    return (_jsx(AriaDisclosure, { ...props, className: composeRenderProps(className, (className, _) => cn("group min-w-64", isInGroup && "border-0 border-b last:border-b-0", className)), children: children }));
-}
-export function DisclosureHeader({ children, className }) {
-    return (_jsx(Heading, { className: "flex", children: _jsxs(Button, { slot: "trigger", className: composeRenderProps(className, (className) => {
-                return cn("group flex flex-1 items-center justify-between rounded-md py-4 font-medium ring-offset-background transition-all hover:underline", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "data-[focus-visible]:outline-none data-[focus-visible]:ring-2 data-[focus-visible]:ring-ring data-[focus-visible]:ring-offset-2", "outline-none", className);
-            }), children: [children, _jsx(ChevronDownIcon, { "aria-hidden": true, className: cn("size-4 shrink-0 transition-transform duration-200", "group-data-[expanded]:rotate-180", "group-data-[disabled]:opacity-50") })] }) }));
-}
-export function DisclosurePanel({ children, className, ...props }) {
-    return (_jsx(AriaDisclosurePanel, { ...props, className: "overflow-hidden text-sm transition-all", children: _jsx("div", { className: cn("pb-4 pt-0", className), children: children }) }));
-}
-export function DisclosureGroup({ children, className, ...props }) {
-    return (_jsx(AriaDisclosureGroup, { ...props, className: composeRenderProps(className, (className, _) => cn("", className)), children: children }));
-}

package/dist/components/ui/list-box.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Collection as AriaCollection, Header as AriaHeader, ListBox as AriaListBox, ListBoxItem as AriaListBoxItem, composeRenderProps } from "react-aria-components";
-import { cn } from "lib/utils/primitives";
-import { Check } from "lucide-react";
-export const ListBoxCollection = AriaCollection;
-export function ListBox({ className, ...props }) {
-    return (_jsx(AriaListBox, { className: composeRenderProps(className, (className) => cn(className, "group overflow-auto border bg-popover p-1 text-popover-foreground shadow-md outline-none", 
-        /* Empty */
-        "data-[empty]:p-6 data-[empty]:text-center data-[empty]:text-sm")), ...props }));
-}
-export function ListBoxItem({ className, children, ...props }) {
-    return (_jsx(AriaListBoxItem, { textValue: props.textValue || (typeof children === "string" ? children : undefined), className: composeRenderProps(className, (className) => cn("relative flex w-full cursor-default select-none items-center px-2 py-1.5 text-sm outline-none", 
-        /* Disabled */
-        "disabled-muted", 
-        /* Focused */
-        "data-[focused]:bg-accent data-[focused]:text-accent-foreground", 
-        /* Hovered */
-        "data-[hovered]:bg-accent data-[hovered]:text-accent-foreground", 
-        /* Selection */
-        "data-[selection-mode]:pl-input", className)), ...props, children: composeRenderProps(children, (children, renderProps) => (_jsxs(_Fragment, { children: [renderProps.isSelected && (_jsx("span", { className: "absolute left-2 flex size-icon items-center justify-center", children: _jsx(Check, { className: "size-icon" }) })), children] }))) }));
-}
-export function ListBoxHeader({ className, ...props }) {
-    return (_jsx(AriaHeader, { className: cn("py-1.5 pl-input pr-2 text-sm font-semibold", className), ...props }));
-}

package/dist/components/ui/loader.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "lib/utils/primitives";
-import { Loader2 } from "lucide-react";
-export function Loader({ className }) {
-    return _jsx(Loader2, { className: cn(`animate-spin size-icon`, className) });
-}

package/dist/components/ui/menu.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Header as AriaHeader, Keyboard as AriaKeyboard, Menu as AriaMenu, MenuItem as AriaMenuItem, MenuTrigger as AriaMenuTrigger, Separator as AriaSeparator, SubmenuTrigger as AriaSubmenuTrigger, composeRenderProps, } from "react-aria-components";
-import { cn } from "lib/utils/primitives";
-import { Check, ChevronRight, Dot } from "lucide-react";
-import { SelectPopover } from "../inputs/select";
-import { Button } from "./button";
-import { ListBoxCollection } from "./list-box";
-export const MenuTrigger = AriaMenuTrigger;
-export const MenuSubTrigger = AriaSubmenuTrigger;
-export const MenuCollection = ListBoxCollection;
-export function MenuPopover({ className, ...props }) {
-    return (_jsx(SelectPopover, { className: composeRenderProps(className, (className) => cn(className)), ...props }));
-}
-export function Menu({ className, ...props }) {
-    return (_jsx(AriaMenu, { className: cn("overflow-auto p-1 outline-0 [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]", className), escapeKeyBehavior: "none", ...props }));
-}
-export function MenuItem({ children, className, ...props }) {
-    return (_jsx(AriaMenuItem, { textValue: props.textValue || (typeof children === "string" ? children : undefined), className: composeRenderProps(className, (className) => cn("relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-sm outline-none transition-colors", 
-        /* Disabled */
-        "disabled-muted", 
-        /* Focused */
-        "data-[focused]:bg-accent data-[focused]:text-accent-foreground ", 
-        /* Selection Mode */
-        "data-[selection-mode]:pl-input", className)), ...props, children: composeRenderProps(children, (children, renderProps) => (_jsxs(_Fragment, { children: [_jsx("span", { className: "absolute left-2 flex size-icon items-center justify-center", children: renderProps.isSelected && (_jsxs(_Fragment, { children: [renderProps.selectionMode == "single" && (_jsx(Dot, { className: "size-icon fill-current" })), renderProps.selectionMode == "multiple" && (_jsx(Check, { className: "size-icon" }))] })) }), children, renderProps.hasSubmenu && _jsx(ChevronRight, { className: "ml-auto size-icon" })] }))) }));
-}
-export function MenuHeader({ className, inset, separator = true, ...props }) {
-    return (_jsx(AriaHeader, { className: cn("px-3 py-1.5 text-sm font-semibold", inset && "pl-input", separator && "-mx-1 mb-1 border-b border-b-border pb-2.5", className), ...props }));
-}
-export function MenuSeparator({ className, ...props }) {
-    return (_jsx(AriaSeparator, { className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
-}
-export function MenuKeyboard({ className, ...props }) {
-    return (_jsx(AriaKeyboard, { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props }));
-}
-// TODO name this better
-export function EasyMenu({ label, children, variant, isDisabled, size, ...props }) {
-    return (_jsxs(MenuTrigger, { ...props, children: [_jsx(Button, { isDisabled: isDisabled, type: "button", variant: variant, size: size, children: label }), _jsx(MenuPopover, { className: "overflow-auto", children: _jsx(Menu, { ...props, children: children }) })] }));
-}

package/dist/components/ui/popover.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Dialog as AriaDialog, DialogTrigger as AriaDialogTrigger, Popover as AriaPopover, composeRenderProps, } from "react-aria-components";
-import { cn } from "lib/utils/primitives";
-export const PopoverTrigger = AriaDialogTrigger;
-export const Popover = ({ className, offset = 4, ...props }) => (_jsx(AriaPopover, { offset: offset, className: composeRenderProps(className, (className) => cn("z-50 border bg-popover text-popover-foreground outline-none max-w-lg", 
-    /* Entering */
-    "data-[entering]:animate-in data-[entering]:fade-in-0 data-[entering]:zoom-in-95", 
-    /* Exiting */
-    "data-[exiting]:animate-out data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95", 
-    /* Placement */
-    "data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2", className)), ...props }));
-export function PopoverDialog({ className, ...props }) {
-    return (_jsx(AriaDialog, { className: cn("p-icon outline-0", className), ...props }));
-}

package/dist/components/ui/sidebar.js

@@ -1,177 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { PanelLeftClose, PanelLeftOpen } from "lucide-react";
-import * as React from "react";
-import { Button } from "lib/components/ui/button";
-import { DialogContent, DialogOverlay, DialogTrigger } from "lib/components/ui/dialog";
-import { Skeleton } from "lib/components/ui/skeleton";
-import { Tooltip, TooltipTrigger } from "lib/components/ui/tooltip";
-import { cn } from "lib/utils/primitives";
-import { useIsMobile } from "lib/utils/use-mobile";
-// TODO use tailwind variables
-const SIDEBAR_WIDTH = "16rem";
-const SIDEBAR_WIDTH_MOBILE = "18rem";
-const SIDEBAR_WIDTH_ICON = "3rem";
-const SIDEBAR_KEYBOARD_SHORTCUT = "b";
-export const SidebarContext = React.createContext(null);
-export function useSidebar() {
-    const context = React.useContext(SidebarContext);
-    if (!context) {
-        throw new Error("useSidebar must be used within a SidebarProvider.");
-    }
-    return context;
-}
-export function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
-    const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React.useState(false);
-    // This is the internal state of the sidebar.
-    // We use openProp and setOpenProp for control from outside the component.
-    const [_open, _setOpen] = React.useState(defaultOpen);
-    const open = openProp ?? _open;
-    const setOpen = React.useCallback((value) => {
-        const openState = typeof value === "function" ? value(open) : value;
-        if (setOpenProp) {
-            setOpenProp(openState);
-        }
-        else {
-            _setOpen(openState);
-        }
-        // TODO, use different model for persistence
-        // This sets the cookie to keep the sidebar state.
-        // document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`
-    }, [setOpenProp, open]);
-    // Helper to toggle the sidebar.
-    const toggleSidebar = React.useCallback(() => {
-        return isMobile
-            ? setOpenMobile((open) => !open)
-            : setOpen((open) => !open);
-    }, [isMobile, setOpen, setOpenMobile]);
-    // Adds a keyboard shortcut to toggle the sidebar.
-    React.useEffect(() => {
-        const handleKeyDown = (event) => {
-            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
-                (event.metaKey || event.ctrlKey)) {
-                event.preventDefault();
-                toggleSidebar();
-            }
-        };
-        window.addEventListener("keydown", handleKeyDown);
-        return () => window.removeEventListener("keydown", handleKeyDown);
-    }, [toggleSidebar]);
-    // We add a state so that we can do data-state="expanded" or "collapsed".
-    // This makes it easier to style the sidebar with Tailwind classes.
-    const state = open ? "expanded" : "collapsed";
-    const contextValue = React.useMemo(() => ({
-        state,
-        open,
-        setOpen,
-        isMobile,
-        openMobile,
-        setOpenMobile,
-        toggleSidebar,
-    }), [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
-    return (_jsx(SidebarContext.Provider, { value: contextValue, children: _jsx("div", { style: {
-                "--sidebar-width": SIDEBAR_WIDTH,
-                "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-                ...style,
-            }, className: cn("group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-sidebar-background", className), ...props, children: children }) }));
-}
-export function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
-    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
-    if (collapsible === "none") {
-        return (_jsx("div", { className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar-background text-sidebar-foreground", className), ...props, children: children }));
-    }
-    if (isMobile) {
-        return (_jsx(DialogTrigger, { style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE, }, isOpen: openMobile, onOpenChange: setOpenMobile, ...props, children: _jsx(DialogOverlay, { children: _jsx(DialogContent, { "data-sidebar": "sidebar", "data-mobile": "true", className: "w-[--sidebar-width] p-0 [&>button]:hidden", side: "right", children: () => (_jsx(_Fragment, { children: children })) }) }) }));
-    }
-    return (_jsxs("div", { className: "group peer hidden text-sidebar-foreground md:block", "data-state": state, "data-collapsible": state === "collapsed" ? collapsible : "", "data-variant": variant, "data-side": side, children: [_jsx("div", { className: cn("relative w-(--sidebar-width) bg-sidebar-background transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset"
-                    ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]"
-                    : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]") }), _jsx("div", { className: cn("absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", side === "left"
-                    ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
-                    : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", 
-                // Adjust the padding for floating and inset variants.
-                variant === "floating" || variant === "inset"
-                    ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]"
-                    : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l", className), ...props, children: _jsx("div", { "data-sidebar": "sidebar", className: "flex h-full w-full flex-col bg-sidebar-background group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:shadow", children: children }) })] }));
-}
-export function SidebarTrigger({ className, onClick, ...props }) {
-    const { toggleSidebar, open } = useSidebar();
-    return (_jsx(Button, { "data-sidebar": "trigger", variant: "neutral", size: "icon", onClick: (event) => {
-            onClick?.(event);
-            toggleSidebar();
-        }, ...props, children: open ? _jsx(PanelLeftClose, {}) : _jsx(PanelLeftOpen, {}) }));
-}
-// TODO, evaluate if we need this??
-export const SidebarRail = React.forwardRef(({ className, ...props }, ref) => {
-    const { toggleSidebar } = useSidebar();
-    return (_jsx("button", { ref: ref, "data-sidebar": "rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn("absolute inset-y-0 z-20 hidden w-icon -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-icon group-data-[side=right]:left-0 sm:flex", "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar-background", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className), ...props }));
-});
-SidebarRail.displayName = "SidebarRail";
-export function SidebarInset({ className, ...props }) {
-    return (_jsx("main", { className: cn("relative flex w-full flex-1 flex-col bg-background", "md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow", className), ...props }));
-}
-export function SidebarHeader({ className, ...props }) {
-    return (_jsx("div", { "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props }));
-}
-export function SidebarFooter({ className, ...props }) {
-    return (_jsx("div", { "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props }));
-}
-export function SidebarContent({ className, ...props }) {
-    return (_jsx("div", { "data-sidebar": "content", className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className), ...props }));
-}
-export function SidebarGroup({ className, ...props }) {
-    return (_jsx("div", { "data-sidebar": "group", className: cn("relative flex w-full min-w-0 flex-col p-2", className), ...props }));
-}
-export function SidebarGroupLabel({ className, ...props }) {
-    return (_jsx("div", { "data-sidebar": "group-label", className: cn("flex h-input shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-input group-data-[collapsible=icon]:opacity-0", className), ...props }));
-}
-export function SidebarGroupAction({ className, ...props }) {
-    return (_jsx("button", { "data-sidebar": "group-action", className: cn("absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-ring transition-transform hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0", 
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 after:md:hidden", "group-data-[collapsible=icon]:hidden", className), ...props }));
-}
-export function SidebarGroupContent({ className, ...props }) {
-    return (_jsx("div", { "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props }));
-}
-export function SidebarMenu({ className, ...props }) {
-    return (_jsx("ul", { "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
-}
-export function SidebarMenuItem({ className, ...props }) {
-    return (_jsx("li", { "data-sidebar": "menu-item", className: cn("group/menu-item relative list-none", className), ...props }));
-}
-/// TODO fix positioning
-export function SidebarMenuAction({ className, showOnHover = false, ...props }) {
-    return (_jsx("button", { "data-sidebar": "menu-action", className: cn("absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-ring transition-transform hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-accent-foreground [&>svg]:size-icon [&>svg]:shrink-0", 
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 after:md:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover &&
-            "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-accent-foreground md:opacity-0", className), ...props }));
-}
-export function SidebarMenuBadge({ className, ...props }) {
-    return (_jsx("div", { "data-sidebar": "menu-badge", className: cn("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground", "peer-hover/menu-button:text-accent-foreground peer-data-[active=true]/menu-button:text-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className), ...props }));
-}
-export function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
-    // Random width between 50 to 90%.
-    const width = React.useMemo(() => {
-        return `${Math.floor(Math.random() * 40) + 50}%`;
-    }, []);
-    return (_jsxs("div", { "data-sidebar": "menu-skeleton", className: cn("flex h-input items-center gap-2 px-2", className), ...props, children: [showIcon && (_jsx(Skeleton, { className: "size-icon", "data-sidebar": "menu-skeleton-icon" })), _jsx(Skeleton, { className: "h-icon max-w-[--skeleton-width] flex-1", "data-sidebar": "menu-skeleton-text", style: {
-                    "--skeleton-width": width,
-                } })] }));
-}
-export function SidebarMenuSub({ className, ...props }) {
-    return (_jsx("ul", { "data-sidebar": "menu-sub", className: cn("mx-2 flex min-w-0 translate-x-px flex-col gap-1 border-l border-border px-2", "group-data-[collapsible=icon]:hidden", className), ...props }));
-}
-export function SidebarMenuSubItem({ className, ...props }) { return _jsx("li", { className: cn("list-none ms-0", className), ...props }); }
-// Common interaction logic for SidebarMenuButton and SidebarMenuSubButton
-const Cs_SidebarButton = "flex w-full items-center gap-2 truncate p-2 text-sm btn btn-ghost h-input text-accent data-[active=true]:bg-primary/20 data-[active=true]:font-medium data-[active=true]:text-primary [&>span:last-child]:truncate [&>svg]:size-icon [&>svg]:shrink-0";
-export function SidebarMenuButton({ isActive = false, tooltip, className, ...props }) {
-    const { isMobile, state } = useSidebar();
-    const button = (_jsx("button", { "data-sidebar": "menu-button", "data-active": isActive, className: cn("peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input group-data-[collapsible=icon]:!size-icon group-data-[collapsible=icon]:!p-2 ", Cs_SidebarButton, className), ...props }));
-    if (!tooltip) {
-        return button;
-    }
-    return (_jsxs(TooltipTrigger, { children: [button, _jsx(Tooltip, { hidden: state !== "collapsed" || isMobile, ...tooltip })] }));
-}
-export function SidebarMenuSubButton({ isActive, className, ...props }) {
-    return (_jsx("a", { "data-sidebar": "menu-sub-button", "data-active": isActive, className: cn("-translate-x-px [&>svg]:text-accent-foreground", "group-data-[collapsible=icon]:hidden", Cs_SidebarButton, className), ...props }));
-}

package/dist/components/ui/skeleton.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "lib/utils/primitives";
-export function Skeleton({ className, ...props }) {
-    return (_jsx("div", { className: cn("animate-pulse bg-primary/10", className), ...props }));
-}

package/dist/components/ui/sonner.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Toaster as Sonner } from "sonner";
-export function Toaster({ ...props }) {
-    return (_jsx(Sonner, { className: "toaster group", toastOptions: {
-            classNames: {
-                toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
-                description: "group-[.toast]:text-muted-foreground",
-                actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-                cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
-            },
-        }, ...props }));
-}
-;

package/dist/components/ui/table.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "lib/utils/primitives";
-export function Table({ className, ...props }) {
-    return (_jsx("table", { className: cn("caption-bottom text-sm [&_tr:last-child]:border-0 my-0 whitespace-nowrap", className), ...props }));
-}
-export function TableHeader({ className, ...props }) {
-    return (_jsx("thead", { className: cn("[&_tr]:border-b border-b", className), ...props }));
-}
-export function TableBody({ className, ...props }) {
-    return _jsx("tbody", { className: cn(className), ...props });
-}
-export function TableFooter({ className, ...props }) {
-    return (_jsx("tfoot", { className: cn("border-t font-medium last:[&>tr]:border-b-0", className), ...props }));
-}
-export function TableRow({ className, ...props }) {
-    return _jsx("tr", { className: cn("border-b border-border", className), ...props });
-}
-export function TableHead({ className, ...props }) {
-    return (_jsx("th", { className: cn("text-left align-middle font-medium", className), ...props }));
-}
-export function TableCell({ className, ...props }) {
-    return (_jsx("td", { className: cn("[&_tr:last-child]:border-dotted", className), ...props }));
-}
-export function TableCaption({ className, ...props }) {
-    return (_jsx("caption", { className: cn("mt-icon text-sm text-muted-foreground", className), ...props }));
-}

package/dist/components/ui/tabs.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tab as AriaTab, TabList as AriaTabList, TabPanel as AriaTabPanel, Tabs as AriaTabs, composeRenderProps, } from "react-aria-components";
-import { cn } from "lib/utils/primitives";
-export function Tabs({ className, ...props }) {
-    return (_jsx(AriaTabs, { className: composeRenderProps(className, (className) => cn("group flex flex-col gap-2", 
-        /* Orientation */
-        "data-[orientation=vertical]:flex-row", className)), ...props }));
-}
-export function TabList({ className, ...props }) {
-    return (_jsx(AriaTabList, { className: composeRenderProps(className, (className) => cn("inline-flex items-center border-b text-muted-foreground", 
-        /* Orientation */
-        "data-[orientation=vertical]:h-auto data-[orientation=vertical]:flex-col", className)), ...props }));
-}
-export function Tab({ className, ...props }) {
-    return (_jsx(AriaTab, { className: composeRenderProps(className, (className) => cn("btn btn-ghost leading-none text-accent h-input truncate inline-flex items-center px-3 body font-medium transition-all", 
-        /* Selected */
-        "data-[selected]:bg-primary/20 data-[selected]:text-primary", 
-        /* Orientation */
-        "group-data-[orientation=vertical]:w-full", className)), ...props }));
-}
-export function TabPanel({ className, ...props }) {
-    return (_jsx(AriaTabPanel, { className: composeRenderProps(className, (className) => cn("ring-offset-background", 
-        /* Focus Visible */
-        "focus-ring", className)), ...props }));
-}

package/dist/components/ui/timeline.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { cn } from "lib/utils/primitives";
-export function Timeline({ className, ...props }) {
-    return _jsx("ol", { className: cn("grid grid-col-1 gap-icon", className), ...props });
-}
-export function TimelineItem({ className, ...props }) {
-    return (_jsx("li", { className: cn("grid grid-cols-[4rem_2rem_1fr] grid-rows-subgrid list-none gap-icon", className), ...props }));
-}
-export const timelineIconVariants = cva(`p-1 rounded-full`, {
-    variants: {
-        variant: {
-            destructive: "text-destructive-foreground bg-destructive",
-            success: "text-success-foreground bg-success",
-            muted: "text-muted-foreground bg-muted",
-        },
-    },
-    defaultVariants: {
-        variant: "muted",
-    },
-});
-export function TimelineIcon({ icon: Icon, className, variant, ...props }) {
-    return _jsxs("div", { ...props, className: "flex flex-col items-center gap-2", children: [_jsx("div", { className: cn(timelineIconVariants({ variant, className })), children: _jsx(Icon, { className: "size-icon " }) }), _jsx("div", { className: "h-full w-[1px]" })] });
-}
-export function TimelineDate({ className, date, dateFormatter, ...props }) {
-    const defaultDateDisplay = `${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getFullYear()}`;
-    return _jsx("time", { ...props, dateTime: date.toISOString(), className: cn("font-mono leading-none text-muted", className), children: dateFormatter ? dateFormatter(date) : defaultDateDisplay });
-}
-export function TimelineContent({ className, ...props }) {
-    return _jsx("section", { className: cn("", className), ...props });
-}

package/dist/components/ui/tooltip.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip as AriaTooltip, TooltipTrigger as AriaTooltipTrigger, composeRenderProps, } from "react-aria-components";
-import { cn } from "lib/utils/primitives";
-const TooltipTrigger = AriaTooltipTrigger;
-const Tooltip = ({ className, offset = 4, ...props }) => (_jsx(AriaTooltip, { offset: offset, className: composeRenderProps(className, (className) => cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0", 
-    /* Entering */
-    "data-[entering]:zoom-in-95", 
-    /* Exiting */
-    "data-[exiting]:animate-out data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95", 
-    /* Placement */
-    "data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2", className)), ...props }));
-export { Tooltip, TooltipTrigger };