@getgreenline/blaze-ui 1.0.3 → 1.0.4-5.02-beta

package/dist/components/sidebar.js

@@ -0,0 +1,213 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { PanelLeftIcon } from 'lucide-react';
+import { useIsMobile } from '../hooks/use-mobile.js';
+import { cn } from '../lib/utils.js';
+import { Button } from './button.js';
+import { Input } from './input.js';
+import { Separator } from './separator.js';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './sheet.js';
+import { Skeleton } from './skeleton.js';
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './tooltip.js';
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+const SIDEBAR_WIDTH = "16rem";
+const SIDEBAR_WIDTH_MOBILE = "18rem";
+const SIDEBAR_WIDTH_ICON = "3rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+const SidebarContext = React.createContext(null);
+function useSidebar() {
+    const context = React.useContext(SidebarContext);
+    if (!context) {
+        throw new Error("useSidebar must be used within a SidebarProvider.");
+    }
+    return context;
+}
+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);
+        }
+        // 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(TooltipProvider, { delayDuration: 0, children: jsx("div", { "data-slot": "sidebar-wrapper", style: {
+                    "--sidebar-width": SIDEBAR_WIDTH,
+                    "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+                    ...style,
+                }, className: cn("group/sidebar-wrapper has-data-[variant=inset]:tw:bg-sidebar tw:flex tw:min-h-svh tw:w-full", className), ...props, children: children }) }) }));
+}
+function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
+    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+    if (collapsible === "none") {
+        return (jsx("div", { "data-slot": "sidebar", className: cn("tw:bg-sidebar tw:text-sidebar-foreground tw:flex tw:h-full tw:w-(--sidebar-width) tw:flex-col", className), ...props, children: children }));
+    }
+    if (isMobile) {
+        return (jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: jsxs(SheetContent, { "data-sidebar": "sidebar", "data-slot": "sidebar", "data-mobile": "true", className: "tw:bg-sidebar tw:text-sidebar-foreground tw:w-(--sidebar-width) tw:p-0 [&>button]:tw:hidden", style: {
+                    "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+                }, side: side, children: [jsxs(SheetHeader, { className: "tw:sr-only", children: [jsx(SheetTitle, { children: "Sidebar" }), jsx(SheetDescription, { children: "Displays the mobile sidebar." })] }), jsx("div", { className: "tw:flex tw:h-full tw:w-full tw:flex-col", children: children })] }) }));
+    }
+    return (jsxs("div", { className: "group peer tw:text-sidebar-foreground tw:hidden md:tw:block", "data-state": state, "data-collapsible": state === "collapsed" ? collapsible : "", "data-variant": variant, "data-side": side, "data-slot": "sidebar", children: [jsx("div", { "data-slot": "sidebar-gap", className: cn("tw:relative tw:w-(--sidebar-width) tw:bg-transparent tw:transition-[width] tw:duration-200 tw:ease-linear", "group-data-[collapsible=offcanvas]:tw:w-0", "group-data-[side=right]:tw:rotate-180", variant === "floating" || variant === "inset"
+                    ? "group-data-[collapsible=icon]:tw:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
+                    : "group-data-[collapsible=icon]:tw:w-(--sidebar-width-icon)") }), jsx("div", { "data-slot": "sidebar-container", className: cn("tw:fixed tw:inset-y-0 tw:z-10 tw:hidden tw:h-svh tw:w-(--sidebar-width) tw:transition-[left,right,width] tw:duration-200 tw:ease-linear md:tw:flex", side === "left"
+                    ? "tw:left-0 group-data-[collapsible=offcanvas]:tw:left-[calc(var(--sidebar-width)*-1)]"
+                    : "tw:right-0 group-data-[collapsible=offcanvas]:tw:right-[calc(var(--sidebar-width)*-1)]", 
+                // Adjust the padding for floating and inset variants.
+                variant === "floating" || variant === "inset"
+                    ? "tw:p-2 group-data-[collapsible=icon]:tw:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
+                    : "group-data-[collapsible=icon]:tw:w-(--sidebar-width-icon) group-data-[side=left]:tw:border-r group-data-[side=right]:tw:border-l", className), ...props, children: jsx("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "tw:bg-sidebar group-data-[variant=floating]:tw:border-sidebar-border tw:flex tw:h-full tw:w-full tw:flex-col group-data-[variant=floating]:tw:rounded-lg group-data-[variant=floating]:tw:border group-data-[variant=floating]:tw:shadow-sm", children: children }) })] }));
+}
+function SidebarTrigger({ className, onClick, ...props }) {
+    const { toggleSidebar } = useSidebar();
+    return (jsxs(Button, { "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", size: "icon", className: cn("tw:size-7", className), onClick: (event) => {
+            onClick?.(event);
+            toggleSidebar();
+        }, ...props, children: [jsx(PanelLeftIcon, {}), jsx("span", { className: "tw:sr-only", children: "Toggle Sidebar" })] }));
+}
+function SidebarRail({ className, ...props }) {
+    const { toggleSidebar } = useSidebar();
+    return (jsx("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn("hover:after:tw:bg-sidebar-border tw:absolute tw:inset-y-0 tw:z-20 tw:hidden tw:w-4 tw:-translate-x-1/2 tw:transition-all tw:ease-linear group-data-[side=left]:tw:-right-4 group-data-[side=right]:tw:left-0 after:tw:absolute after:tw:inset-y-0 after:tw:left-1/2 after:tw:w-[2px] sm:tw:flex", "in-data-[side=left]:tw:cursor-w-resize in-data-[side=right]:tw:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:tw:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:tw:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:tw:bg-sidebar group-data-[collapsible=offcanvas]:tw:translate-x-0 group-data-[collapsible=offcanvas]:after:tw:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:tw:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:tw:-left-2", className), ...props }));
+}
+function SidebarInset({ className, ...props }) {
+    return (jsx("main", { "data-slot": "sidebar-inset", className: cn("tw:bg-background tw:relative tw:flex tw:w-full tw:flex-1 tw:flex-col", "md:peer-data-[variant=inset]:tw:m-2 md:peer-data-[variant=inset]:tw:ml-0 md:peer-data-[variant=inset]:tw:rounded-xl md:peer-data-[variant=inset]:tw:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:tw:ml-2", className), ...props }));
+}
+function SidebarInput({ className, ...props }) {
+    return (jsx(Input, { "data-slot": "sidebar-input", "data-sidebar": "input", className: cn("tw:bg-background tw:h-8 tw:w-full tw:shadow-none", className), ...props }));
+}
+function SidebarHeader({ className, ...props }) {
+    return (jsx("div", { "data-slot": "sidebar-header", "data-sidebar": "header", className: cn("tw:flex tw:flex-col tw:gap-2 tw:p-2", className), ...props }));
+}
+function SidebarFooter({ className, ...props }) {
+    return (jsx("div", { "data-slot": "sidebar-footer", "data-sidebar": "footer", className: cn("tw:flex tw:flex-col tw:gap-2 tw:p-2", className), ...props }));
+}
+function SidebarSeparator({ className, ...props }) {
+    return (jsx(Separator, { "data-slot": "sidebar-separator", "data-sidebar": "separator", className: cn("tw:bg-sidebar-border tw:mx-2 tw:w-auto", className), ...props }));
+}
+function SidebarContent({ className, ...props }) {
+    return (jsx("div", { "data-slot": "sidebar-content", "data-sidebar": "content", className: cn("tw:flex tw:min-h-0 tw:flex-1 tw:flex-col tw:gap-2 tw:overflow-auto group-data-[collapsible=icon]:tw:overflow-hidden", className), ...props }));
+}
+function SidebarGroup({ className, ...props }) {
+    return (jsx("div", { "data-slot": "sidebar-group", "data-sidebar": "group", className: cn("tw:relative tw:flex tw:w-full tw:min-w-0 tw:flex-col tw:p-2", className), ...props }));
+}
+function SidebarGroupLabel({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "div";
+    return (jsx(Comp, { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: cn("tw:text-sidebar-foreground/70 tw:ring-sidebar-ring tw:flex tw:h-8 tw:shrink-0 tw:items-center tw:rounded-md tw:px-2 tw:text-xs tw:font-medium tw:outline-hidden tw:transition-[margin,opacity] tw:duration-200 tw:ease-linear focus-visible:tw:ring-2 [&>svg]:tw:size-4 [&>svg]:tw:shrink-0", "group-data-[collapsible=icon]:tw:-mt-8 group-data-[collapsible=icon]:tw:opacity-0", className), ...props }));
+}
+function SidebarGroupAction({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    return (jsx(Comp, { "data-slot": "sidebar-group-action", "data-sidebar": "group-action", className: cn("tw:text-sidebar-foreground tw:ring-sidebar-ring hover:tw:bg-sidebar-accent hover:tw:text-sidebar-accent-foreground tw:absolute tw:top-3.5 tw:right-3 tw:flex tw:aspect-square tw:w-5 tw:items-center tw:justify-center tw:rounded-md tw:p-0 tw:outline-hidden tw:transition-transform focus-visible:tw:ring-2 [&>svg]:tw:size-4 [&>svg]:tw:shrink-0", 
+        // Increases the hit area of the button on mobile.
+        "after:tw:absolute after:tw:-inset-2 md:after:tw:hidden", "group-data-[collapsible=icon]:tw:hidden", className), ...props }));
+}
+function SidebarGroupContent({ className, ...props }) {
+    return (jsx("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: cn("tw:w-full tw:text-sm", className), ...props }));
+}
+function SidebarMenu({ className, ...props }) {
+    return (jsx("ul", { "data-slot": "sidebar-menu", "data-sidebar": "menu", className: cn("tw:flex tw:w-full tw:min-w-0 tw:flex-col tw:gap-1", className), ...props }));
+}
+function SidebarMenuItem({ className, ...props }) {
+    return (jsx("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn("group/menu-item tw:relative", className), ...props }));
+}
+const sidebarMenuButtonVariants = cva("peer/menu-button tw:flex tw:w-full tw:items-center tw:gap-2 tw:overflow-hidden tw:rounded-md tw:p-2 tw:text-left tw:text-sm tw:outline-hidden tw:ring-sidebar-ring tw:transition-[width,height,padding] hover:tw:bg-sidebar-accent hover:tw:text-sidebar-accent-foreground focus-visible:tw:ring-2 active:tw:bg-sidebar-accent active:tw:text-sidebar-accent-foreground disabled:tw:pointer-events-none disabled:tw:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:tw:pr-8 aria-disabled:tw:pointer-events-none aria-disabled:tw:opacity-50 data-[active=true]:tw:bg-sidebar-accent data-[active=true]:tw:font-medium data-[active=true]:tw:text-sidebar-accent-foreground data-[state=open]:hover:tw:bg-sidebar-accent data-[state=open]:hover:tw:text-sidebar-accent-foreground group-data-[collapsible=icon]:tw:size-8! group-data-[collapsible=icon]:tw:p-2! [&>span:last-child]:tw:truncate [&>svg]:tw:size-4 [&>svg]:tw:shrink-0", {
+    variants: {
+        variant: {
+            default: "hover:tw:bg-sidebar-accent hover:tw:text-sidebar-accent-foreground",
+            outline: "tw:bg-background tw:shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:tw:bg-sidebar-accent hover:tw:text-sidebar-accent-foreground hover:tw:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
+        },
+        size: {
+            default: "tw:h-8 tw:text-sm",
+            sm: "tw:h-7 tw:text-xs",
+            lg: "tw:h-12 tw:text-sm group-data-[collapsible=icon]:tw:p-0!",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function SidebarMenuButton({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    const { isMobile, state } = useSidebar();
+    const button = (jsx(Comp, { "data-slot": "sidebar-menu-button", "data-sidebar": "menu-button", "data-size": size, "data-active": isActive, className: cn(sidebarMenuButtonVariants({ variant, size }), className), ...props }));
+    if (!tooltip) {
+        return button;
+    }
+    if (typeof tooltip === "string") {
+        tooltip = {
+            children: tooltip,
+        };
+    }
+    return (jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: button }), jsx(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })] }));
+}
+function SidebarMenuAction({ className, asChild = false, showOnHover = false, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    return (jsx(Comp, { "data-slot": "sidebar-menu-action", "data-sidebar": "menu-action", className: cn("tw:text-sidebar-foreground tw:ring-sidebar-ring hover:tw:bg-sidebar-accent hover:tw:text-sidebar-accent-foreground peer-hover/menu-button:tw:text-sidebar-accent-foreground tw:absolute tw:top-1.5 tw:right-1 tw:flex tw:aspect-square tw:w-5 tw:items-center tw:justify-center tw:rounded-md tw:p-0 tw:outline-hidden tw:transition-transform focus-visible:tw:ring-2 [&>svg]:tw:size-4 [&>svg]:tw:shrink-0", 
+        // Increases the hit area of the button on mobile.
+        "after:tw:absolute after:tw:-inset-2 md:after:tw:hidden", "peer-data-[size=sm]/menu-button:tw:top-1", "peer-data-[size=default]/menu-button:tw:top-1.5", "peer-data-[size=lg]/menu-button:tw:top-2.5", "group-data-[collapsible=icon]:tw:hidden", showOnHover &&
+            "peer-data-[active=true]/menu-button:tw:text-sidebar-accent-foreground group-focus-within/menu-item:tw:opacity-100 group-hover/menu-item:tw:opacity-100 data-[state=open]:tw:opacity-100 md:tw:opacity-0", className), ...props }));
+}
+function SidebarMenuBadge({ className, ...props }) {
+    return (jsx("div", { "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: cn("tw:text-sidebar-foreground tw:pointer-events-none tw:absolute tw:right-1 tw:flex tw:h-5 tw:min-w-5 tw:items-center tw:justify-center tw:rounded-md tw:px-1 tw:text-xs tw:font-medium tw:tabular-nums tw:select-none", "peer-hover/menu-button:tw:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:tw:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:tw:top-1", "peer-data-[size=default]/menu-button:tw:top-1.5", "peer-data-[size=lg]/menu-button:tw:top-2.5", "group-data-[collapsible=icon]:tw:hidden", className), ...props }));
+}
+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-slot": "sidebar-menu-skeleton", "data-sidebar": "menu-skeleton", className: cn("tw:flex tw:h-8 tw:items-center tw:gap-2 tw:rounded-md tw:px-2", className), ...props, children: [showIcon && (jsx(Skeleton, { className: "tw:size-4 tw:rounded-md", "data-sidebar": "menu-skeleton-icon" })), jsx(Skeleton, { className: "tw:h-4 tw:max-w-(--skeleton-width) tw:flex-1", "data-sidebar": "menu-skeleton-text", style: {
+                    "--skeleton-width": width,
+                } })] }));
+}
+function SidebarMenuSub({ className, ...props }) {
+    return (jsx("ul", { "data-slot": "sidebar-menu-sub", "data-sidebar": "menu-sub", className: cn("tw:border-sidebar-border tw:mx-3.5 tw:flex tw:min-w-0 tw:translate-x-px tw:flex-col tw:gap-1 tw:border-l tw:px-2.5 tw:py-0.5", "group-data-[collapsible=icon]:tw:hidden", className), ...props }));
+}
+function SidebarMenuSubItem({ className, ...props }) {
+    return (jsx("li", { "data-slot": "sidebar-menu-sub-item", "data-sidebar": "menu-sub-item", className: cn("group/menu-sub-item tw:relative", className), ...props }));
+}
+function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false, className, ...props }) {
+    const Comp = asChild ? Slot : "a";
+    return (jsx(Comp, { "data-slot": "sidebar-menu-sub-button", "data-sidebar": "menu-sub-button", "data-size": size, "data-active": isActive, className: cn("tw:text-sidebar-foreground tw:ring-sidebar-ring hover:tw:bg-sidebar-accent hover:tw:text-sidebar-accent-foreground active:tw:bg-sidebar-accent active:tw:text-sidebar-accent-foreground [&>svg]:tw:text-sidebar-accent-foreground tw:flex tw:h-7 tw:min-w-0 tw:-translate-x-px tw:items-center tw:gap-2 tw:overflow-hidden tw:rounded-md tw:px-2 tw:outline-hidden focus-visible:tw:ring-2 disabled:tw:pointer-events-none disabled:tw:opacity-50 aria-disabled:tw:pointer-events-none aria-disabled:tw:opacity-50 [&>span:last-child]:tw:truncate [&>svg]:tw:size-4 [&>svg]:tw:shrink-0", "data-[active=true]:tw:bg-sidebar-accent data-[active=true]:tw:text-sidebar-accent-foreground", size === "sm" && "tw:text-xs", size === "md" && "tw:text-sm", "group-data-[collapsible=icon]:tw:hidden", className), ...props }));
+}
+
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/components/skeleton.d.ts

@@ -0,0 +1,3 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/components/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":"AAEA,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWrE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/skeleton.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../lib/utils.js';
+
+function Skeleton({ className, ...props }) {
+    return (jsx("div", { "data-slot": "skeleton", className: cn("tw:bg-accent tw:dark:bg-foreground/20 tw:rounded-md tw:dark:ring-1 tw:dark:ring-border/40 tw:animate-pulse", className), ...props }));
+}
+
+export { Skeleton };

package/dist/components/slider.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+declare function Slider({ className, defaultValue, value, min, max, orientation, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,WAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAsDnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/slider.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { cn } from '../lib/utils.js';
+
+function Slider({ className, defaultValue, value, min = 0, max = 100, orientation = "horizontal", ...props }) {
+    const _values = React.useMemo(() => Array.isArray(value)
+        ? value
+        : Array.isArray(defaultValue)
+            ? defaultValue
+            : [min, max], [value, defaultValue, min, max]);
+    return (jsxs(SliderPrimitive.Root, { "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, orientation: orientation, className: cn("tw:relative tw:flex tw:w-full tw:touch-none tw:select-none data-[disabled]:tw:opacity-50", orientation === "horizontal"
+            ? "tw:items-center"
+            : "tw:h-full tw:w-auto tw:min-h-44 tw:flex-col", className), ...props, children: [jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: cn("tw:bg-muted tw:relative tw:grow tw:overflow-hidden tw:rounded-full", orientation === "horizontal"
+                    ? "tw:h-1.5 tw:w-full"
+                    : "tw:h-full tw:w-1.5"), children: jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: cn("tw:bg-primary tw:absolute", orientation === "horizontal" ? "tw:h-full" : "tw:w-full") }) }), Array.from({ length: _values.length }, (_, index) => (jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "tw:border-primary tw:ring-ring/50 tw:block tw:size-4 tw:shrink-0 tw:rounded-full tw:border tw:bg-white tw:shadow-sm tw:transition-[color,box-shadow] hover:tw:ring-4 focus-visible:tw:ring-4 focus-visible:tw:outline-hidden disabled:tw:pointer-events-none disabled:tw:opacity-50" }, index)))] }));
+}
+
+export { Slider };

package/dist/components/sonner.d.ts

@@ -0,0 +1,4 @@
+import { type ToasterProps } from "sonner";
+declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster };
+//# sourceMappingURL=sonner.d.ts.map

package/dist/components/sonner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/components/sonner.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAA;AAE7D,QAAA,MAAM,OAAO,GAAI,cAAc,YAAY,4CAyB1C,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/sonner.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
+import { useTheme } from 'next-themes';
+import { Toaster as Toaster$1 } from 'sonner';
+
+const Toaster = ({ ...props }) => {
+    const { theme = "system" } = useTheme();
+    return (jsx(Toaster$1, { theme: theme, className: "toaster group", icons: {
+            success: jsx(CircleCheckIcon, { className: "tw:size-4" }),
+            info: jsx(InfoIcon, { className: "tw:size-4" }),
+            warning: jsx(TriangleAlertIcon, { className: "tw:size-4" }),
+            error: jsx(OctagonXIcon, { className: "tw:size-4" }),
+            loading: jsx(Loader2Icon, { className: "tw:size-4 tw:animate-spin" }),
+        }, style: {
+            "--normal-bg": "var(--popover)",
+            "--normal-text": "var(--popover-foreground)",
+            "--normal-border": "var(--border)",
+            "--border-radius": "var(--radius)",
+        }, ...props }));
+};
+
+export { Toaster };

package/dist/components/spinner.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from "react";
+declare function Spinner({ className, ...props }: ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+export { Spinner };
+//# sourceMappingURL=spinner.d.ts.map

package/dist/components/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/components/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAK3C,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAS9D;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/spinner.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { Loader2 } from 'lucide-react';
+import { cn } from '../lib/utils.js';
+
+function Spinner({ className, ...props }) {
+    return (jsx(Loader2, { role: "status", "aria-label": "Loading", className: cn("tw:size-4 tw:animate-spin", className), ...props }));
+}
+
+export { Spinner };

package/dist/components/switch.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/switch.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { cn } from '../lib/utils.js';
+
+function Switch({ className, ...props }) {
+    return (jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn("tw:peer tw:data-[state=checked]:bg-primary tw:data-[state=unchecked]:bg-border tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:dark:data-[state=unchecked]:bg-input/80 tw:inline-flex tw:h-[1.15rem] tw:w-8 tw:shrink-0 tw:items-center tw:rounded-full tw:border tw:border-transparent tw:shadow-xs tw:transition-all tw:outline-none tw:focus-visible:ring-[3px] tw:cursor-pointer tw:disabled:cursor-not-allowed tw:disabled:opacity-50", className), ...props, children: jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn("tw:bg-background tw:dark:data-[state=unchecked]:bg-foreground tw:dark:data-[state=checked]:bg-primary-foreground tw:pointer-events-none tw:block tw:size-4 tw:rounded-full tw:ring-0 tw:transition-transform tw:data-[state=checked]:translate-x-[calc(100%-2px)] tw:data-[state=unchecked]:translate-x-0") }) }));
+}
+
+export { Switch };

package/dist/components/table.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
+//# sourceMappingURL=table.d.ts.map

package/dist/components/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAapE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAWjC;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAA"}

package/dist/components/table.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../lib/utils.js';
+
+function Table({ className, ...props }) {
+    return (jsx("div", { "data-slot": "table-container", className: "tw:!relative tw:!w-full tw:!overflow-x-auto", children: jsx("table", { "data-slot": "table", className: cn("tw:!w-full tw:!caption-bottom tw:!text-sm", className), ...props }) }));
+}
+function TableHeader({ className, ...props }) {
+    return (jsx("thead", { "data-slot": "table-header", className: cn("[&_tr]:tw:!border-b", className), ...props }));
+}
+function TableBody({ className, ...props }) {
+    return (jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:tw:!border-0", className), ...props }));
+}
+function TableFooter({ className, ...props }) {
+    return (jsx("tfoot", { "data-slot": "table-footer", className: cn("tw:!bg-muted/50 tw:!border-t tw:!font-medium [&>tr]:last:tw:!border-b-0", className), ...props }));
+}
+function TableRow({ className, ...props }) {
+    return (jsx("tr", { "data-slot": "table-row", className: cn("hover:tw:!bg-muted/50 data-[state=selected]:tw:!bg-muted tw:!border-b tw:!transition-colors", className), ...props }));
+}
+function TableHead({ className, ...props }) {
+    return (jsx("th", { "data-slot": "table-head", className: cn("tw:!text-foreground tw:!h-10 tw:!px-2 tw:!text-left tw:!align-middle tw:!font-medium tw:!whitespace-nowrap [&:has([role=checkbox])]:tw:!pr-0 [&>[role=checkbox]]:tw:!translate-y-[2px]", className), ...props }));
+}
+function TableCell({ className, ...props }) {
+    return (jsx("td", { "data-slot": "table-cell", className: cn("tw:!p-2 tw:!align-middle tw:!whitespace-nowrap [&:has([role=checkbox])]:tw:!pr-0 [&>[role=checkbox]]:tw:!translate-y-[2px]", className), ...props }));
+}
+function TableCaption({ className, ...props }) {
+    return (jsx("caption", { "data-slot": "table-caption", className: cn("tw:!text-muted-foreground tw:!mt-4 tw:!text-sm", className), ...props }));
+}
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/tabs.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQjD;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAWjD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAWpD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/tabs.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cn } from '../lib/utils.js';
+
+function Tabs({ className, ...props }) {
+    return (jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn("tw:flex tw:flex-col tw:gap-2", className), ...props }));
+}
+function TabsList({ className, ...props }) {
+    return (jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn("tw:bg-muted tw:text-muted-foreground tw:inline-flex tw:h-9 tw:w-fit tw:items-center tw:justify-center tw:rounded-lg tw:p-[3px]", className), ...props }));
+}
+function TabsTrigger({ className, ...props }) {
+    return (jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("tw:bg-transparent tw:text-muted-foreground tw:opacity-70 tw:data-[state=active]:bg-primary-foreground tw:dark:data-[state=active]:bg-background tw:data-[state=active]:text-foreground tw:data-[state=active]:ring-1 tw:data-[state=active]:ring-border tw:data-[state=active]:font-semibold tw:data-[state=active]:opacity-100 tw:data-[state=active]:shadow-sm tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:outline-ring tw:inline-flex tw:h-[calc(100%-1px)] tw:flex-1 tw:items-center tw:justify-center tw:gap-1.5 tw:rounded-md tw:border tw:border-transparent tw:px-2 tw:py-1 tw:text-sm tw:font-medium tw:whitespace-nowrap tw:transition-[color,box-shadow,background-color,border-color,opacity] tw:focus-visible:ring-[3px] tw:focus-visible:outline-1 tw:disabled:pointer-events-none tw:disabled:opacity-50 [&_svg]:tw:pointer-events-none [&_svg]:tw:shrink-0 [&_svg:not([class*='size-'])]:tw:size-4", className), ...props }));
+}
+function TabsContent({ className, ...props }) {
+    return (jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn("tw:flex-1 tw:outline-none", className), ...props }));
+}
+
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components/textarea.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { type AttentionKey } from "../hooks/use-invalid-attention";
+type TextareaProps = React.ComponentProps<"textarea"> & {
+    attentionKey?: AttentionKey;
+};
+declare function Textarea({ attentionKey, className, style, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EACL,KAAK,YAAY,EAGlB,MAAM,gCAAgC,CAAA;AAEvC,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,GAAG;IACtD,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED,iBAAS,QAAQ,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAqB5E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/textarea.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../lib/utils.js';
+import { isAriaInvalid, useInvalidAttention } from '../hooks/use-invalid-attention.js';
+
+function Textarea({ attentionKey, className, style, ...props }) {
+    const isInvalid = isAriaInvalid(props["aria-invalid"]);
+    const { attentionProps } = useInvalidAttention({
+        attentionKey,
+        invalid: isInvalid,
+        style,
+    });
+    return (jsx("textarea", { "data-slot": "textarea", className: cn("tw:border-input tw:placeholder:text-input-placeholder tw:dark:bg-input/30 tw:flex tw:field-sizing-content tw:min-h-16 tw:w-full tw:rounded-md tw:border tw:bg-transparent tw:px-3 tw:py-2 tw:text-base tw:shadow-xs tw:transition-[color,box-shadow] tw:outline-none tw:disabled:cursor-not-allowed tw:disabled:select-none tw:disabled:bg-input tw:disabled:text-muted-foreground tw:disabled:placeholder:text-muted-foreground tw:disabled:opacity-50 tw:disabled:shadow-none tw:dark:disabled:bg-input/80 tw:md:text-sm", "tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:ring-[3px]", "tw:aria-invalid:ring-destructive/20 tw:dark:aria-invalid:ring-destructive/40 tw:aria-invalid:border-destructive", className), ...attentionProps, ...props }));
+}
+
+export { Textarea };

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { type VariantProps } from "class-variance-authority";
+import { toggleVariants } from "../components/toggle";
+declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/components/toggle-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AASrD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACvD,YAAY,CAAC,OAAO,cAAc,CAAC,2CAiBpC;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACvD,YAAY,CAAC,OAAO,cAAc,CAAC,2CAqBpC;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/toggle-group.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { cn } from '../lib/utils.js';
+import { toggleVariants } from './toggle.js';
+
+const ToggleGroupContext = React.createContext({
+    size: "default",
+    variant: "default",
+});
+function ToggleGroup({ className, variant, size, children, ...props }) {
+    return (jsx(ToggleGroupPrimitive.Root, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, className: cn("group/toggle-group tw:flex tw:w-fit tw:items-center tw:rounded-md data-[variant=outline]:tw:shadow-xs", className), ...props, children: jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) }));
+}
+function ToggleGroupItem({ className, children, variant, size, ...props }) {
+    const context = React.useContext(ToggleGroupContext);
+    return (jsx(ToggleGroupPrimitive.Item, { "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, className: cn(toggleVariants({
+            variant: context.variant || variant,
+            size: context.size || size,
+        }), "tw:min-w-0 tw:flex-1 tw:shrink-0 tw:rounded-none tw:shadow-none first:tw:rounded-l-md last:tw:rounded-r-md focus:tw:z-10 focus-visible:tw:z-10 data-[variant=outline]:tw:border-l-0 data-[variant=outline]:first:tw:border-l", className), ...props, children: children }));
+}
+
+export { ToggleGroup, ToggleGroupItem };

package/dist/components/toggle.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { type VariantProps } from "class-variance-authority";
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/components/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EAoBnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAClD,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQpC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/toggle.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils.js';
+
+const toggleVariants = cva("tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:rounded-md tw:border tw:border-input tw:bg-background tw:text-sm tw:font-medium tw:text-foreground tw:shadow-xs tw:hover:bg-accent tw:hover:text-accent-foreground tw:disabled:pointer-events-none tw:disabled:opacity-50 tw:data-[state=on]:border-primary tw:data-[state=on]:bg-primary tw:data-[state=on]:text-primary-foreground tw:data-[state=on]:hover:bg-primary/90 tw:data-[state=on]:hover:text-primary-foreground [&_svg]:tw:pointer-events-none [&_svg:not([class*='size-'])]:tw:size-4 [&_svg]:tw:shrink-0 tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:ring-[3px] tw:outline-none tw:transition-[color,box-shadow,background-color,border-color] tw:aria-invalid:ring-destructive/20 tw:dark:aria-invalid:ring-destructive/40 tw:aria-invalid:border-destructive tw:whitespace-nowrap", {
+    variants: {
+        variant: {
+            default: "",
+            outline: "tw:bg-transparent tw:hover:bg-accent tw:hover:text-accent-foreground",
+        },
+        size: {
+            default: "tw:h-9 tw:px-2 tw:min-w-9",
+            sm: "tw:h-8 tw:px-1.5 tw:min-w-8",
+            lg: "tw:h-10 tw:px-2.5 tw:min-w-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Toggle({ className, variant, size, ...props }) {
+    return (jsx(TogglePrimitive.Root, { "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })), ...props }));
+}
+
+export { Toggle, toggleVariants };

package/dist/components/tooltip.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAiBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/tooltip.js

@@ -0,0 +1,18 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '../lib/utils.js';
+
+function TooltipProvider({ delayDuration = 0, ...props }) {
+    return (jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
+}
+function Tooltip({ ...props }) {
+    return (jsx(TooltipProvider, { children: jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
+}
+function TooltipTrigger({ ...props }) {
+    return jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+    return (jsx(TooltipPrimitive.Portal, { children: jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("tw:bg-foreground tw:text-background tw:animate-in tw:fade-in-0 tw:zoom-in-95 data-[state=closed]:tw:animate-out data-[state=closed]:tw:fade-out-0 data-[state=closed]:tw:zoom-out-95 data-[side=bottom]:tw:slide-in-from-top-2 data-[side=left]:tw:slide-in-from-right-2 data-[side=right]:tw:slide-in-from-left-2 data-[side=top]:tw:slide-in-from-bottom-2 tw:z-50 tw:w-fit tw:origin-(--radix-tooltip-content-transform-origin) tw:rounded-md tw:px-3 tw:py-1.5 tw:text-xs tw:text-balance", className), ...props, children: [children, jsx(TooltipPrimitive.Arrow, { className: "tw:bg-foreground tw:fill-foreground tw:z-50 tw:size-2.5 tw:translate-y-[calc(-50%_-_2px)] tw:rotate-45 tw:rounded-[2px]" })] }) }));
+}
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/visually-hidden.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+/**
+ * VisuallyHidden component
+ *
+ * Hides content visually while keeping it accessible to screen readers.
+ * This is useful for meeting accessibility requirements (like DialogTitle in Radix)
+ * without changing the visual design.
+ *
+ * Uses CSS positioning to move content off-screen rather than display:none,
+ * which would hide it from screen readers as well.
+ *
+ * @see https://www.a11yproject.com/posts/how-to-hide-content/
+ */
+declare const VisuallyHidden: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { VisuallyHidden };
+//# sourceMappingURL=visually-hidden.d.ts.map