@cryptlex/web-components 6.6.35 → 6.6.36

package/dist/components/sidebar.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as t,Fragment as O,jsxs as h}from"react/jsx-runtime";import{createContext as D,use as I,useState as x,useCallback as S,useEffect as j,useMemo as z}from"react";import{Button as N}from"./button.js";import{DialogTrigger as B,DialogOverlay as T,DialogContent as E}from"./dialog.js";import{TooltipTrigger as G,Tooltip as H}from"./tooltip.js";import{classNames as i}from"../utilities/theme.js";import{useIsMobile as K}from"../utilities/use-mobile.js";import{IcMoreHorizontal as L,IcLeft as R,IcRight as A}from"./icons.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";const F="/",y=D(null);function v(){const e=I(y);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function ae({defaultOpen:e=!0,open:a,onOpenChange:n,className:o,style:s,children:l,...b}){const d=K(),[f,u]=x(!1),[_,k]=x(e),p=a??_,m=S(r=>{const c=typeof r=="function"?r(p):r;n?n(c):k(c)},[n,p]),g=S(()=>d?u(r=>!r):m(r=>!r),[d,m,u]);j(()=>{const r=c=>{c.key===F&&(c.metaKey||c.ctrlKey)&&(c.preventDefault(),g())};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[g]);const w=p?"expanded":"collapsed",C=z(()=>({state:w,open:p,setOpen:m,isMobile:d,openMobile:f,setOpenMobile:u,toggleSidebar:g}),[w,p,m,d,f,u,g]);return t(y.Provider,{value:C,children:t("div",{className:i("group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-elevation-1",o),...b,children:l})})}function te({side:e="left",variant:a="sidebar",collapsible:n="icon",className:o,children:s,...l}){const{isMobile:b,state:d,openMobile:f,setOpenMobile:u}=v();return n==="none"?t("div",{className:i("flex h-full w-(--sidebar-width) flex-col bg-elevation-1 text-foreground",o),...l,children:s}):b?t(B,{isOpen:f,onOpenChange:u,...l,children:t(T,{children:t(E,{"data-sidebar":"sidebar","data-mobile":"true",className:"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden",side:"left",children:()=>t(O,{children:s})})})}):h("div",{className:"group peer hidden text-foreground md:block","data-state":d,"data-collapsible":d==="collapsed"?n:"","data-variant":a,"data-side":e,children:[t("div",{className:i("relative w-(--sidebar-width) bg-elevation-1 transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),t("div",{className:i("absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="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)]",a==="floating"?"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",o),...l,children:t("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col bg-elevation-1 group-data-[variant=floating]:border group-data-[variant=floating]:border-border",children:s})})]})}function ie({className:e,onClick:a,...n}){const{toggleSidebar:o,open:s,isMobile:l}=v();return t(N,{"data-sidebar":"trigger",variant:"neutral",size:"icon",className:"!rounded-full",onClick:b=>{a?.(b),o()},...n,children:l?t(L,{}):s?t(R,{}):t(A,{})})}function ne({className:e,...a}){return t("div",{"data-sidebar":"content",className:i("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",e),...a})}function oe({className:e,...a}){return t("div",{"data-sidebar":"group",className:i("relative flex w-full min-w-0 flex-col group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-2",e),...a})}function re({className:e,...a}){return t("div",{"data-sidebar":"group-label",className:i("flex h-input shrink-0 items-center px-2 body-sm 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",e),...a})}function le({className:e,...a}){return t("div",{"data-sidebar":"group-content",className:i("w-full body-sm",e),...a})}function se({className:e,...a}){return t("ul",{"data-sidebar":"menu",className:i("flex w-full min-w-0 flex-col",e),...a})}function de({className:e,...a}){return t("li",{"data-sidebar":"menu-item",className:i("group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden",e),...a})}function ce({className:e,...a}){return t("button",{"data-sidebar":"menu-action",className:i("absolute top-0 right-0 btn btn-ghost h-input","group-data-[collapsible=icon]:hidden",e),...a})}function ue({className:e,number:a,...n}){return t("div",{"data-sidebar":"menu-badge",className:i("absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums","group-data-[collapsible=icon]:hidden",e),...n,children:new Intl.NumberFormat(navigator.language,{useGrouping:!0}).format(a)})}function be({className:e,...a}){return t("ul",{"data-sidebar":"menu-sub",className:i("ms-2 flex min-w-0 flex-col border-l border-border","group-data-[collapsible=icon]:hidden",e),...a})}function pe({className:e,...a}){return t("li",{className:i("list-none ms-0",e),...a})}const M="btn-tab rounded-none border-0 justify-start w-full selected:shadow-[inset_2px_0_0_0_var(--color-primary)] group-data-[collapsible=icon]:![font-size:0] group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!rounded-md group-data-[collapsible=icon]:selected:shadow-none";function fe({isActive:e=!1,className:a,children:n,...o}){const{isMobile:s,state:l}=v();return h(G,{isDisabled:s||l!=="collapsed",children:[t(N,{"data-sidebar":"menu-button",...e&&{"data-selected":!0},className:i("peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input",M,a),...o,children:n}),t(H,{placement:"right",children:t("span",{className:"flex items-center gap-2",children:n})})]})}function me({isActive:e,className:a,...n}){return t("button",{"data-sidebar":"menu-sub-button","data-active":e,className:i(M,a),...n})}function ge({className:e,logo:a,children:n,...o}){return h("div",{"data-sidebar":"header",className:i("flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0",e),...o,children:[a&&t("div",{className:"flex items-center justify-center size-input shrink-0",children:a}),n&&t("div",{className:"flex-1 min-w-0 group-data-[collapsible=icon]:hidden",children:n})]})}function he({className:e,...a}){return t("div",{className:i(e,"w-full overflow-auto"),...a})}function ve({className:e,...a}){return t("nav",{className:i("flex items-center h-header bg-elevation-1 sticky top-0 z-50 p-2 border-b",e),...a})}export{te as Sidebar,ne as SidebarContent,y as SidebarContext,oe as SidebarGroup,le as SidebarGroupContent,re as SidebarGroupLabel,ge as SidebarHeader,se as SidebarMenu,ce as SidebarMenuAction,ue as SidebarMenuBadge,fe as SidebarMenuButton,de as SidebarMenuItem,be as SidebarMenuSub,me as SidebarMenuSubButton,pe as SidebarMenuSubItem,he as SidebarOutlet,ve as SidebarOutletHeader,ae as SidebarProvider,ie as SidebarTrigger,M as sidebarMenuButtonClasses,v as useSidebar};
+"use client";import{jsx as t,Fragment as O,jsxs as h}from"react/jsx-runtime";import{createContext as D,use as I,useState as x,useCallback as S,useEffect as j,useMemo as z}from"react";import{Button as N}from"./button.js";import{DialogTrigger as B,DialogOverlay as T,DialogContent as E}from"./dialog.js";import{TooltipTrigger as G,Tooltip as H}from"./tooltip.js";import{classNames as i}from"../utilities/theme.js";import{useIsMobile as K}from"../utilities/use-mobile.js";import{IcMoreHorizontal as L,IcLeft as R,IcRight as A}from"./icons.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";const F="/",y=D(null);function v(){const e=I(y);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function te({defaultOpen:e=!0,open:a,onOpenChange:n,className:o,style:s,children:l,...b}){const d=K(),[f,u]=x(!1),[_,k]=x(e),p=a??_,m=S(r=>{const c=typeof r=="function"?r(p):r;n?n(c):k(c)},[n,p]),g=S(()=>d?u(r=>!r):m(r=>!r),[d,m,u]);j(()=>{const r=c=>{c.key===F&&(c.metaKey||c.ctrlKey)&&(c.preventDefault(),g())};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[g]);const w=p?"expanded":"collapsed",C=z(()=>({state:w,open:p,setOpen:m,isMobile:d,openMobile:f,setOpenMobile:u,toggleSidebar:g}),[w,p,m,d,f,u,g]);return t(y.Provider,{value:C,children:t("div",{className:i("group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-elevation-1",o),...b,children:l})})}function ie({side:e="left",variant:a="sidebar",collapsible:n="icon",className:o,children:s,...l}){const{isMobile:b,state:d,openMobile:f,setOpenMobile:u}=v();return n==="none"?t("div",{className:i("flex h-full w-(--sidebar-width) flex-col bg-elevation-1 text-foreground",o),...l,children:s}):b?t(B,{isOpen:f,onOpenChange:u,...l,children:t(T,{children:t(E,{"data-sidebar":"sidebar","data-mobile":"true",className:"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden",side:"left",children:()=>t(O,{children:s})})})}):h("div",{className:"group peer hidden text-foreground md:block","data-state":d,"data-collapsible":d==="collapsed"?n:"","data-variant":a,"data-side":e,children:[t("div",{className:i("relative w-(--sidebar-width) bg-elevation-1 transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),t("div",{className:i("absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="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)]",a==="floating"?"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",o),...l,children:t("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col bg-elevation-1 group-data-[variant=floating]:border group-data-[variant=floating]:border-border",children:s})})]})}function ne({className:e,onClick:a,...n}){const{toggleSidebar:o,open:s,isMobile:l}=v();return t(N,{"data-sidebar":"trigger",variant:"neutral",size:"icon",className:"!rounded-full",onClick:b=>{a?.(b),o()},...n,children:l?t(L,{}):s?t(R,{}):t(A,{})})}function oe({className:e,...a}){return t("div",{"data-sidebar":"content",className:i("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",e),...a})}function re({className:e,...a}){return t("div",{"data-sidebar":"group",className:i("relative flex w-full min-w-0 flex-col group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-2",e),...a})}function le({className:e,...a}){return t("div",{"data-sidebar":"group-label",className:i("flex h-input shrink-0 items-center px-2 text-xs select-none font-medium uppercase text-muted-foreground 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",e),...a})}function se({className:e,...a}){return t("div",{"data-sidebar":"group-content",className:i("w-full body-sm",e),...a})}function de({className:e,...a}){return t("ul",{"data-sidebar":"menu",className:i("flex w-full min-w-0 flex-col",e),...a})}function ce({className:e,...a}){return t("li",{"data-sidebar":"menu-item",className:i("group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden",e),...a})}function ue({className:e,...a}){return t("button",{"data-sidebar":"menu-action",className:i("absolute top-0 right-0 btn btn-ghost h-input","group-data-[collapsible=icon]:hidden",e),...a})}function be({className:e,number:a,...n}){return t("div",{"data-sidebar":"menu-badge",className:i("absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums","group-data-[collapsible=icon]:hidden",e),...n,children:new Intl.NumberFormat(navigator.language,{useGrouping:!0}).format(a)})}function pe({className:e,...a}){return t("ul",{"data-sidebar":"menu-sub",className:i("ms-2 flex min-w-0 flex-col","group-data-[collapsible=icon]:hidden",e),...a})}function fe({className:e,...a}){return t("li",{className:i("list-none ms-0",e),...a})}const M="btn-tab rounded-none border-0 justify-start w-full selected:shadow-[inset_2px_0_0_0_var(--color-primary)] group-data-[collapsible=icon]:![font-size:0] group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!rounded-md group-data-[collapsible=icon]:selected:shadow-none";function me({isActive:e=!1,className:a,children:n,...o}){const{isMobile:s,state:l}=v();return h(G,{isDisabled:s||l!=="collapsed",children:[t(N,{"data-sidebar":"menu-button",...e&&{"data-selected":!0},className:i("peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input",M,a),...o,children:n}),t(H,{placement:"right",children:t("span",{className:"flex items-center gap-2",children:n})})]})}function ge({isActive:e,className:a,...n}){return t("button",{"data-sidebar":"menu-sub-button","data-active":e,className:i(M,a),...n})}function he({className:e,logo:a,children:n,...o}){return h("div",{"data-sidebar":"header",className:i("flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0",e),...o,children:[a&&t("div",{className:"flex items-center justify-center size-input shrink-0",children:a}),n&&t("div",{className:"flex-1 min-w-0 group-data-[collapsible=icon]:hidden",children:n})]})}function ve({className:e,...a}){return t("div",{className:i(e,"w-full overflow-auto"),...a})}function we({className:e,...a}){return t("nav",{className:i("flex items-center h-header bg-elevation-1 sticky top-0 z-50 p-2 border-b",e),...a})}export{ie as Sidebar,oe as SidebarContent,y as SidebarContext,re as SidebarGroup,se as SidebarGroupContent,le as SidebarGroupLabel,he as SidebarHeader,de as SidebarMenu,ue as SidebarMenuAction,be as SidebarMenuBadge,me as SidebarMenuButton,ce as SidebarMenuItem,pe as SidebarMenuSub,ge as SidebarMenuSubButton,fe as SidebarMenuSubItem,ve as SidebarOutlet,we as SidebarOutletHeader,te as SidebarProvider,ne as SidebarTrigger,M as sidebarMenuButtonClasses,v as useSidebar};
 //# sourceMappingURL=sidebar.js.map

package/dist/components/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../lib/components/sidebar.tsx"],"sourcesContent":["'use client';\nimport { createContext, use, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Button } from '../components/button';\nimport { DialogContent, DialogOverlay, DialogTrigger } from '../components/dialog';\nimport { Tooltip, TooltipTrigger } from '../components/tooltip';\nimport { classNames } from '../utilities/theme';\nimport { useIsMobile } from '../utilities/use-mobile';\nimport { IcLeft, IcMoreHorizontal, IcRight } from './icons';\n\nconst SIDEBAR_KEYBOARD_SHORTCUT = '/';\n\ntype SidebarContextProps = {\n    state: 'expanded' | 'collapsed';\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    openMobile: boolean;\n    setOpenMobile: (open: boolean) => void;\n    isMobile: boolean;\n    toggleSidebar: () => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps | null>(null);\n\n/**\n * Get the current sidebar state and controls. Must be inside SidebarProvider.\n * @throws When used outside of SidebarProvider\n */\nexport function useSidebar() {\n    const context = use(SidebarContext);\n    if (!context) {\n        throw new Error('useSidebar must be used within a SidebarProvider.');\n    }\n\n    return context;\n}\n\n/**\n * Wraps your app layout and manages sidebar state. Handles keyboard shortcuts (Cmd/Ctrl + /)\n * and mobile vs desktop behavior.\n *\n * @example\n * <SidebarProvider>\n *   <Sidebar>...</Sidebar>\n *   <SidebarOutlet>\n *     <main>Your app content</main>\n *   </SidebarOutlet>\n * </SidebarProvider>\n */\nexport function SidebarProvider({\n    defaultOpen = true,\n    open: openProp,\n    onOpenChange: setOpenProp,\n    className,\n    style,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Initial open state. Defaults to true */\n    defaultOpen?: boolean;\n    /** Control the open state yourself */\n    open?: boolean;\n    /** Callback when sidebar opens/closes */\n    onOpenChange?: (open: boolean) => void;\n}) {\n    const isMobile = useIsMobile();\n    const [openMobile, setOpenMobile] = useState(false);\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = useState(defaultOpen);\n    const open = openProp ?? _open;\n    const setOpen = useCallback(\n        (value: boolean | ((value: boolean) => boolean)) => {\n            const openState = typeof value === 'function' ? value(open) : value;\n            if (setOpenProp) {\n                setOpenProp(openState);\n            } else {\n                _setOpen(openState);\n            }\n        },\n        [setOpenProp, open]\n    );\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = useCallback(() => {\n        return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n                event.preventDefault();\n                toggleSidebar();\n            }\n        };\n\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n    }, [toggleSidebar]);\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? 'expanded' : 'collapsed';\n\n    const contextValue = useMemo<SidebarContextProps>(\n        () => ({\n            state,\n            open,\n            setOpen,\n            isMobile,\n            openMobile,\n            setOpenMobile,\n            toggleSidebar,\n        }),\n        [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n    );\n\n    return (\n        <SidebarContext.Provider value={contextValue}>\n            <div\n                className={classNames(\n                    'group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-elevation-1',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        </SidebarContext.Provider>\n    );\n}\n\n/**\n * The actual sidebar panel. On mobile it becomes a modal dialog.\n */\nexport function Sidebar({\n    side = 'left',\n    variant = 'sidebar',\n    collapsible = 'icon',\n    className,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Where to dock the sidebar. Default: left */\n    side?: 'left' | 'right';\n    /** Style variant. Default: sidebar */\n    variant?: 'sidebar' | 'floating';\n    /** How it collapses. Default: offcanvas */\n    collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n    if (collapsible === 'none') {\n        return (\n            <div\n                className={classNames(\n                    'flex h-full w-(--sidebar-width) flex-col bg-elevation-1 text-foreground',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    if (isMobile) {\n        return (\n            <DialogTrigger isOpen={openMobile} onOpenChange={setOpenMobile} {...props}>\n                <DialogOverlay>\n                    <DialogContent\n                        data-sidebar=\"sidebar\"\n                        data-mobile=\"true\"\n                        className=\"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden\"\n                        side=\"left\"\n                    >\n                        {() => <>{children}</>}\n                    </DialogContent>\n                </DialogOverlay>\n            </DialogTrigger>\n        );\n    }\n\n    return (\n        <div\n            className=\"group peer hidden text-foreground md:block\"\n            data-state={state}\n            data-collapsible={state === 'collapsed' ? collapsible : ''}\n            data-variant={variant}\n            data-side={side}\n        >\n            {/* This is what handles the sidebar gap on desktop */}\n            <div\n                className={classNames(\n                    'relative w-(--sidebar-width) bg-elevation-1 transition-[width] duration-200 ease-linear',\n                    'group-data-[collapsible=offcanvas]:w-0',\n                    'group-data-[side=right]:rotate-180',\n                    variant === 'floating'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)'\n                )}\n            />\n            <div\n                className={classNames(\n                    'absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',\n                    side === 'left'\n                        ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n                        : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n                    // Adjust the padding for floating variant.\n                    variant === 'floating'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n                    className\n                )}\n                {...props}\n            >\n                <div\n                    data-sidebar=\"sidebar\"\n                    className=\"flex h-full w-full flex-col bg-elevation-1 group-data-[variant=floating]:border group-data-[variant=floating]:border-border\"\n                >\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\n/**\n * Button that toggles the sidebar. Shows arrow icons.\n */\nexport function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n    const { toggleSidebar, open, isMobile } = useSidebar();\n\n    return (\n        <Button\n            data-sidebar=\"trigger\"\n            variant=\"neutral\"\n            size=\"icon\"\n            className={'!rounded-full'}\n            onClick={event => {\n                onClick?.(event);\n                toggleSidebar();\n            }}\n            {...props}\n        >\n            {/* Use transition to rotate a single icon */}\n            {isMobile ? <IcMoreHorizontal /> : open ? <IcLeft /> : <IcRight />}\n        </Button>\n    );\n}\n\n/**\n * Scrollable container for sidebar content\n */\nexport function SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"content\"\n            className={classNames(\n                'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Groups related menu items together\n */\nexport function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"group\"\n            className={classNames(\n                'relative flex w-full min-w-0 flex-col group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-2',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Label for a group.\n */\nexport function SidebarGroupLabel({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"group-label\"\n            className={classNames(\n                'flex h-input shrink-0 items-center px-2 body-sm 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',\n                'group-data-[collapsible=icon]:-mt-input group-data-[collapsible=icon]:opacity-0',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Content wrapper for a group\n */\nexport function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div data-sidebar=\"group-content\" className={classNames('w-full body-sm', className)} {...props} />;\n}\n\n/**\n * Container for menu items\n */\nexport function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n    return <ul data-sidebar=\"menu\" className={classNames('flex w-full min-w-0 flex-col', className)} {...props} />;\n}\n\n/**\n * Single menu item wrapper\n */\nexport function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return (\n        <li\n            data-sidebar=\"menu-item\"\n            className={classNames(\n                'group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Extra action button that appears on the right side of menu items\n */\nexport function SidebarMenuAction({\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    /** Only show on hover */\n    showOnHover?: boolean;\n}) {\n    return (\n        <button\n            data-sidebar=\"menu-action\"\n            className={classNames(\n                'absolute top-0 right-0 btn btn-ghost h-input',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Shows a number badge on menu items. Auto-formats large numbers.\n */\nexport function SidebarMenuBadge({\n    className,\n    number,\n    ...props\n}: Omit<React.ComponentProps<'div'>, 'children'> & {\n    /** The count to display */\n    number: number | bigint;\n}) {\n    return (\n        <div\n            data-sidebar=\"menu-badge\"\n            className={classNames(\n                'absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        >\n            {/* Format the number  */}\n            {new Intl.NumberFormat(navigator.language, { useGrouping: true }).format(number)}\n        </div>\n    );\n}\n\n/**\n * Nested submenu container\n */\nexport function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n    return (\n        <ul\n            data-sidebar=\"menu-sub\"\n            className={classNames(\n                'ms-2 flex min-w-0 flex-col border-l border-border',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Submenu item wrapper\n */\nexport function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return <li className={classNames('list-none ms-0', className)} {...props} />;\n}\n\nexport const sidebarMenuButtonClasses =\n    'btn-tab rounded-none border-0 justify-start w-full selected:shadow-[inset_2px_0_0_0_var(--color-primary)] group-data-[collapsible=icon]:![font-size:0] group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!rounded-md group-data-[collapsible=icon]:selected:shadow-none';\n\n// Common interaction logic for SidebarMenuButton and SidebarMenuSubButton\n/**\n * Main menu button. Pass isActive for current page.\n */\nexport function SidebarMenuButton({\n    isActive = false,\n    className,\n    children,\n    ...props\n}: Omit<React.ComponentProps<typeof Button>, 'children'> & {\n    /** Mark as currently active page */\n    isActive?: boolean;\n    children?: React.ReactNode;\n}) {\n    const { isMobile, state } = useSidebar();\n\n    return (\n        <TooltipTrigger isDisabled={isMobile || state !== 'collapsed'}>\n            <Button\n                data-sidebar=\"menu-button\"\n                {...(isActive && { 'data-selected': true })}\n                className={classNames(\n                    'peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input',\n                    sidebarMenuButtonClasses,\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </Button>\n            <Tooltip placement=\"right\">\n                <span className=\"flex items-center gap-2\">{children}</span>\n            </Tooltip>\n        </TooltipTrigger>\n    );\n}\n\n/**\n * Button for submenu items\n */\nexport function SidebarMenuSubButton({\n    isActive,\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    isActive?: boolean;\n}) {\n    return (\n        <button\n            data-sidebar=\"menu-sub-button\"\n            data-active={isActive}\n            className={classNames(sidebarMenuButtonClasses, className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Sticky header at the top of the sidebar. Displays a square logo slot aligned with the outlet header.\n */\nexport function SidebarHeader({\n    className,\n    logo,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Square logo/icon to display */\n    logo?: React.ReactNode;\n}) {\n    return (\n        <div\n            data-sidebar=\"header\"\n            className={classNames(\n                'flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0',\n                className\n            )}\n            {...props}\n        >\n            {logo && <div className=\"flex items-center justify-center size-input shrink-0\">{logo}</div>}\n            {children && <div className=\"flex-1 min-w-0 group-data-[collapsible=icon]:hidden\">{children}</div>}\n        </div>\n    );\n}\n\n/**\n * The main content area next to the sidebar\n */\nexport function SidebarOutlet({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames(className, 'w-full overflow-auto')} {...props} />;\n}\n\n/**\n *\n * @example Basic usage\n * ```tsx\n * <SidebarOutlet>\n *  <SidebarOutletHeader><SidebarTrigger/></SidebarOutletHeader>\n * </SidebarOutlet>\n * ```\n */\nexport function SidebarOutletHeader({ className, ...props }: React.ComponentProps<'nav'>) {\n    return (\n        <nav\n            className={classNames(\n                'flex items-center h-header bg-elevation-1 sticky top-0 z-50 p-2 border-b',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n"],"names":["SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","createContext","useSidebar","context","use","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","isMobile","useIsMobile","openMobile","setOpenMobile","useState","_open","_setOpen","open","setOpen","useCallback","value","openState","toggleSidebar","useEffect","handleKeyDown","event","state","contextValue","useMemo","jsx","classNames","Sidebar","side","variant","collapsible","DialogTrigger","DialogOverlay","DialogContent","jsxs","SidebarTrigger","onClick","Button","IcMoreHorizontal","IcLeft","IcRight","SidebarContent","SidebarGroup","SidebarGroupLabel","SidebarGroupContent","SidebarMenu","SidebarMenuItem","SidebarMenuAction","SidebarMenuBadge","number","SidebarMenuSub","SidebarMenuSubItem","sidebarMenuButtonClasses","SidebarMenuButton","isActive","TooltipTrigger","Tooltip","SidebarMenuSubButton","SidebarHeader","logo","SidebarOutlet","SidebarOutletHeader"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","sources":["../../lib/components/sidebar.tsx"],"sourcesContent":["'use client';\nimport { createContext, use, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Button } from '../components/button';\nimport { DialogContent, DialogOverlay, DialogTrigger } from '../components/dialog';\nimport { Tooltip, TooltipTrigger } from '../components/tooltip';\nimport { classNames } from '../utilities/theme';\nimport { useIsMobile } from '../utilities/use-mobile';\nimport { IcLeft, IcMoreHorizontal, IcRight } from './icons';\n\nconst SIDEBAR_KEYBOARD_SHORTCUT = '/';\n\ntype SidebarContextProps = {\n    state: 'expanded' | 'collapsed';\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    openMobile: boolean;\n    setOpenMobile: (open: boolean) => void;\n    isMobile: boolean;\n    toggleSidebar: () => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps | null>(null);\n\n/**\n * Get the current sidebar state and controls. Must be inside SidebarProvider.\n * @throws When used outside of SidebarProvider\n */\nexport function useSidebar() {\n    const context = use(SidebarContext);\n    if (!context) {\n        throw new Error('useSidebar must be used within a SidebarProvider.');\n    }\n\n    return context;\n}\n\n/**\n * Wraps your app layout and manages sidebar state. Handles keyboard shortcuts (Cmd/Ctrl + /)\n * and mobile vs desktop behavior.\n *\n * @example\n * <SidebarProvider>\n *   <Sidebar>...</Sidebar>\n *   <SidebarOutlet>\n *     <main>Your app content</main>\n *   </SidebarOutlet>\n * </SidebarProvider>\n */\nexport function SidebarProvider({\n    defaultOpen = true,\n    open: openProp,\n    onOpenChange: setOpenProp,\n    className,\n    style,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Initial open state. Defaults to true */\n    defaultOpen?: boolean;\n    /** Control the open state yourself */\n    open?: boolean;\n    /** Callback when sidebar opens/closes */\n    onOpenChange?: (open: boolean) => void;\n}) {\n    const isMobile = useIsMobile();\n    const [openMobile, setOpenMobile] = useState(false);\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = useState(defaultOpen);\n    const open = openProp ?? _open;\n    const setOpen = useCallback(\n        (value: boolean | ((value: boolean) => boolean)) => {\n            const openState = typeof value === 'function' ? value(open) : value;\n            if (setOpenProp) {\n                setOpenProp(openState);\n            } else {\n                _setOpen(openState);\n            }\n        },\n        [setOpenProp, open]\n    );\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = useCallback(() => {\n        return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n                event.preventDefault();\n                toggleSidebar();\n            }\n        };\n\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n    }, [toggleSidebar]);\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? 'expanded' : 'collapsed';\n\n    const contextValue = useMemo<SidebarContextProps>(\n        () => ({\n            state,\n            open,\n            setOpen,\n            isMobile,\n            openMobile,\n            setOpenMobile,\n            toggleSidebar,\n        }),\n        [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n    );\n\n    return (\n        <SidebarContext.Provider value={contextValue}>\n            <div\n                className={classNames(\n                    'group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-elevation-1',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        </SidebarContext.Provider>\n    );\n}\n\n/**\n * The actual sidebar panel. On mobile it becomes a modal dialog.\n */\nexport function Sidebar({\n    side = 'left',\n    variant = 'sidebar',\n    collapsible = 'icon',\n    className,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Where to dock the sidebar. Default: left */\n    side?: 'left' | 'right';\n    /** Style variant. Default: sidebar */\n    variant?: 'sidebar' | 'floating';\n    /** How it collapses. Default: offcanvas */\n    collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n    if (collapsible === 'none') {\n        return (\n            <div\n                className={classNames(\n                    'flex h-full w-(--sidebar-width) flex-col bg-elevation-1 text-foreground',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    if (isMobile) {\n        return (\n            <DialogTrigger isOpen={openMobile} onOpenChange={setOpenMobile} {...props}>\n                <DialogOverlay>\n                    <DialogContent\n                        data-sidebar=\"sidebar\"\n                        data-mobile=\"true\"\n                        className=\"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden\"\n                        side=\"left\"\n                    >\n                        {() => <>{children}</>}\n                    </DialogContent>\n                </DialogOverlay>\n            </DialogTrigger>\n        );\n    }\n\n    return (\n        <div\n            className=\"group peer hidden text-foreground md:block\"\n            data-state={state}\n            data-collapsible={state === 'collapsed' ? collapsible : ''}\n            data-variant={variant}\n            data-side={side}\n        >\n            {/* This is what handles the sidebar gap on desktop */}\n            <div\n                className={classNames(\n                    'relative w-(--sidebar-width) bg-elevation-1 transition-[width] duration-200 ease-linear',\n                    'group-data-[collapsible=offcanvas]:w-0',\n                    'group-data-[side=right]:rotate-180',\n                    variant === 'floating'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)'\n                )}\n            />\n            <div\n                className={classNames(\n                    'absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',\n                    side === 'left'\n                        ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n                        : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n                    // Adjust the padding for floating variant.\n                    variant === 'floating'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n                    className\n                )}\n                {...props}\n            >\n                <div\n                    data-sidebar=\"sidebar\"\n                    className=\"flex h-full w-full flex-col bg-elevation-1 group-data-[variant=floating]:border group-data-[variant=floating]:border-border\"\n                >\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\n/**\n * Button that toggles the sidebar. Shows arrow icons.\n */\nexport function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n    const { toggleSidebar, open, isMobile } = useSidebar();\n\n    return (\n        <Button\n            data-sidebar=\"trigger\"\n            variant=\"neutral\"\n            size=\"icon\"\n            className={'!rounded-full'}\n            onClick={event => {\n                onClick?.(event);\n                toggleSidebar();\n            }}\n            {...props}\n        >\n            {/* Use transition to rotate a single icon */}\n            {isMobile ? <IcMoreHorizontal /> : open ? <IcLeft /> : <IcRight />}\n        </Button>\n    );\n}\n\n/**\n * Scrollable container for sidebar content\n */\nexport function SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"content\"\n            className={classNames(\n                'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Groups related menu items together\n */\nexport function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"group\"\n            className={classNames(\n                'relative flex w-full min-w-0 flex-col group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-2',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Label for a group.\n */\nexport function SidebarGroupLabel({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"group-label\"\n            className={classNames(\n                'flex h-input shrink-0 items-center px-2 text-xs select-none font-medium uppercase text-muted-foreground outline-none ring-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0',\n                'group-data-[collapsible=icon]:-mt-input group-data-[collapsible=icon]:opacity-0',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Content wrapper for a group\n */\nexport function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div data-sidebar=\"group-content\" className={classNames('w-full body-sm', className)} {...props} />;\n}\n\n/**\n * Container for menu items\n */\nexport function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n    return <ul data-sidebar=\"menu\" className={classNames('flex w-full min-w-0 flex-col', className)} {...props} />;\n}\n\n/**\n * Single menu item wrapper\n */\nexport function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return (\n        <li\n            data-sidebar=\"menu-item\"\n            className={classNames(\n                'group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Extra action button that appears on the right side of menu items\n */\nexport function SidebarMenuAction({\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    /** Only show on hover */\n    showOnHover?: boolean;\n}) {\n    return (\n        <button\n            data-sidebar=\"menu-action\"\n            className={classNames(\n                'absolute top-0 right-0 btn btn-ghost h-input',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Shows a number badge on menu items. Auto-formats large numbers.\n */\nexport function SidebarMenuBadge({\n    className,\n    number,\n    ...props\n}: Omit<React.ComponentProps<'div'>, 'children'> & {\n    /** The count to display */\n    number: number | bigint;\n}) {\n    return (\n        <div\n            data-sidebar=\"menu-badge\"\n            className={classNames(\n                'absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        >\n            {/* Format the number  */}\n            {new Intl.NumberFormat(navigator.language, { useGrouping: true }).format(number)}\n        </div>\n    );\n}\n\n/**\n * Nested submenu container\n */\nexport function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n    return (\n        <ul\n            data-sidebar=\"menu-sub\"\n            className={classNames('ms-2 flex min-w-0 flex-col', 'group-data-[collapsible=icon]:hidden', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Submenu item wrapper\n */\nexport function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return <li className={classNames('list-none ms-0', className)} {...props} />;\n}\n\nexport const sidebarMenuButtonClasses =\n    'btn-tab rounded-none border-0 justify-start w-full selected:shadow-[inset_2px_0_0_0_var(--color-primary)] group-data-[collapsible=icon]:![font-size:0] group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!rounded-md group-data-[collapsible=icon]:selected:shadow-none';\n\n// Common interaction logic for SidebarMenuButton and SidebarMenuSubButton\n/**\n * Main menu button. Pass isActive for current page.\n */\nexport function SidebarMenuButton({\n    isActive = false,\n    className,\n    children,\n    ...props\n}: Omit<React.ComponentProps<typeof Button>, 'children'> & {\n    /** Mark as currently active page */\n    isActive?: boolean;\n    children?: React.ReactNode;\n}) {\n    const { isMobile, state } = useSidebar();\n\n    return (\n        <TooltipTrigger isDisabled={isMobile || state !== 'collapsed'}>\n            <Button\n                data-sidebar=\"menu-button\"\n                {...(isActive && { 'data-selected': true })}\n                className={classNames(\n                    'peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input',\n                    sidebarMenuButtonClasses,\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </Button>\n            <Tooltip placement=\"right\">\n                <span className=\"flex items-center gap-2\">{children}</span>\n            </Tooltip>\n        </TooltipTrigger>\n    );\n}\n\n/**\n * Button for submenu items\n */\nexport function SidebarMenuSubButton({\n    isActive,\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    isActive?: boolean;\n}) {\n    return (\n        <button\n            data-sidebar=\"menu-sub-button\"\n            data-active={isActive}\n            className={classNames(sidebarMenuButtonClasses, className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Sticky header at the top of the sidebar. Displays a square logo slot aligned with the outlet header.\n */\nexport function SidebarHeader({\n    className,\n    logo,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Square logo/icon to display */\n    logo?: React.ReactNode;\n}) {\n    return (\n        <div\n            data-sidebar=\"header\"\n            className={classNames(\n                'flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0',\n                className\n            )}\n            {...props}\n        >\n            {logo && <div className=\"flex items-center justify-center size-input shrink-0\">{logo}</div>}\n            {children && <div className=\"flex-1 min-w-0 group-data-[collapsible=icon]:hidden\">{children}</div>}\n        </div>\n    );\n}\n\n/**\n * The main content area next to the sidebar\n */\nexport function SidebarOutlet({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames(className, 'w-full overflow-auto')} {...props} />;\n}\n\n/**\n *\n * @example Basic usage\n * ```tsx\n * <SidebarOutlet>\n *  <SidebarOutletHeader><SidebarTrigger/></SidebarOutletHeader>\n * </SidebarOutlet>\n * ```\n */\nexport function SidebarOutletHeader({ className, ...props }: React.ComponentProps<'nav'>) {\n    return (\n        <nav\n            className={classNames(\n                'flex items-center h-header bg-elevation-1 sticky top-0 z-50 p-2 border-b',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n"],"names":["SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","createContext","useSidebar","context","use","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","isMobile","useIsMobile","openMobile","setOpenMobile","useState","_open","_setOpen","open","setOpen","useCallback","value","openState","toggleSidebar","useEffect","handleKeyDown","event","state","contextValue","useMemo","jsx","classNames","Sidebar","side","variant","collapsible","DialogTrigger","DialogOverlay","DialogContent","jsxs","SidebarTrigger","onClick","Button","IcMoreHorizontal","IcLeft","IcRight","SidebarContent","SidebarGroup","SidebarGroupLabel","SidebarGroupContent","SidebarMenu","SidebarMenuItem","SidebarMenuAction","SidebarMenuBadge","number","SidebarMenuSub","SidebarMenuSubItem","sidebarMenuButtonClasses","SidebarMenuButton","isActive","TooltipTrigger","Tooltip","SidebarMenuSubButton","SidebarHeader","logo","SidebarOutlet","SidebarOutletHeader"],"mappings":"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"}

package/dist/components/textfield.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as r,jsxs as x}from"react/jsx-runtime";import{TextField as b,composeRenderProps as o,TextArea as g,Input as F}from"react-aria-components";import{getFieldErrorMessage as m}from"../utilities/form.js";import{useFieldContext as T}from"../utilities/form-context.js";import{classNames as l}from"../utilities/theme.js";import{FormField as v,fieldGroupVariants as d}from"./form.js";import{Kbd as N}from"./kbd.js";import"@tanstack/react-form";import"react";import"clsx";import"class-variance-authority";import"./card.js";import"./icons.js";const I=b;function A({className:i,kbd:t,...e}){const a=!!t,s=e.disabled;return x("div",{className:"relative",children:[r(F,{className:o(i,n=>l(d(),"file:border-0 file:bg-transparent file:body-sm file:font-medium","disabled-muted","focus-ring",a&&"pr-10",n)),...e}),a&&r("div",{className:"absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none flex items-center","aria-hidden":!0,children:r(N,{value:t,isDisabled:s})})]})}function $({className:i,...t}){return r(g,{className:o(i,e=>l(d(),"h-full min-h-32",e)),...t})}function j({label:i,description:t,errorMessage:e,textArea:a,className:s,inputClassName:n,requiredIndicator:u,kbd:c,isDisabled:f,...p}){return r(I,{className:o(s,h=>l("group form-field",h)),isDisabled:f,...p,children:r(v,{label:i,description:t,errorMessage:e,requiredIndicator:u,children:a?r($,{className:n}):r(A,{className:n,kbd:c})})})}function w({isDisabled:i,...t}){const e=T({disabled:i});return r(j,{isDisabled:i||e.isSubmitting,value:e.state.value,id:e.name,name:e.name,onBlur:e.handleBlur,onChange:e.handleChange,isInvalid:!!m(e),errorMessage:m(e),requiredIndicator:e.isRequired,...t})}export{j as TextField,w as TfTextField};
+"use client";import{jsx as r,jsxs as x}from"react/jsx-runtime";import{TextField as b,composeRenderProps as s,TextArea as g,Input as F}from"react-aria-components";import{getFieldErrorMessage as m}from"../utilities/form.js";import{useFieldContext as T}from"../utilities/form-context.js";import{classNames as l}from"../utilities/theme.js";import{FormField as v,fieldGroupVariants as d}from"./form.js";import{Kbd as N}from"./kbd.js";import"@tanstack/react-form";import"react";import"clsx";import"class-variance-authority";import"./card.js";import"./icons.js";import"@icons-pack/react-simple-icons";const I=b;function A({className:i,kbd:t,...e}){const a=!!t,o=e.disabled;return x("div",{className:"relative",children:[r(F,{className:s(i,n=>l(d(),"file:border-0 file:bg-transparent file:body-sm file:font-medium","disabled-muted","focus-ring",a&&"pr-10",n)),...e}),a&&r("div",{className:"absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none flex items-center","aria-hidden":!0,children:r(N,{value:t,isDisabled:o})})]})}function $({className:i,...t}){return r(g,{className:s(i,e=>l(d(),"h-full min-h-32",e)),...t})}function j({label:i,description:t,errorMessage:e,textArea:a,className:o,inputClassName:n,requiredIndicator:u,kbd:c,isDisabled:f,...p}){return r(I,{className:s(o,h=>l("group form-field",h)),isDisabled:f,...p,children:r(v,{label:i,description:t,errorMessage:e,requiredIndicator:u,children:a?r($,{className:n}):r(A,{className:n,kbd:c})})})}function z({isDisabled:i,...t}){const e=T({disabled:i});return r(j,{isDisabled:i||e.isSubmitting,value:e.state.value,id:e.name,name:e.name,onBlur:e.handleBlur,onChange:e.handleChange,isInvalid:!!m(e),errorMessage:m(e),requiredIndicator:e.isRequired,...t})}export{j as TextField,z as TfTextField};
 //# sourceMappingURL=textfield.js.map

package/dist/components/textfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"textfield.js","sources":["../../lib/components/textfield.tsx"],"sourcesContent":["'use client';\nimport {\n    Input as AriaInput,\n    InputProps as AriaInputProps,\n    TextArea as AriaTextArea,\n    TextAreaProps as AriaTextAreaProps,\n    TextField as AriaTextField,\n    TextFieldProps as AriaTextFieldProps,\n    composeRenderProps,\n} from 'react-aria-components';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport { classNames } from '../utilities/theme';\nimport { fieldGroupVariants, FormField, type FormFieldProps } from './form';\nimport { Kbd } from './kbd';\n\nconst ATextField = AriaTextField;\n\ninterface InputProps extends AriaInputProps {\n    kbd?: string | string[];\n}\n\nfunction Input({ className, kbd, ...props }: InputProps) {\n    const hasKbd = !!kbd;\n    const isDisabled = props.disabled;\n    return (\n        <div className=\"relative\">\n            <AriaInput\n                className={composeRenderProps(className, className =>\n                    classNames(\n                        fieldGroupVariants(),\n                        'file:border-0 file:bg-transparent file:body-sm file:font-medium',\n                        /* Disabled */\n                        'disabled-muted',\n                        /* Focused */\n                        'focus-ring',\n                        hasKbd && 'pr-10',\n                        className\n                    )\n                )}\n                {...props}\n            />\n\n            {hasKbd && (\n                <div\n                    className=\"absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none flex items-center\"\n                    aria-hidden={true}\n                >\n                    <Kbd value={kbd} isDisabled={isDisabled} />\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction TextArea({ className, ...props }: AriaTextAreaProps) {\n    return (\n        <AriaTextArea\n            className={composeRenderProps(className, className =>\n                classNames(fieldGroupVariants(), 'h-full min-h-32', className)\n            )}\n            {...props}\n        />\n    );\n}\n\nexport interface TextFieldProps extends AriaTextFieldProps, FormFieldProps {\n    textArea?: boolean;\n    inputClassName?: string;\n    kbd?: string | string[];\n}\n\nexport function TextField({\n    label,\n    description,\n    errorMessage,\n    textArea,\n    className,\n    inputClassName,\n    requiredIndicator,\n    kbd,\n    isDisabled,\n    ...props\n}: TextFieldProps) {\n    return (\n        <ATextField\n            className={composeRenderProps(className, className => classNames('group form-field', className))}\n            isDisabled={isDisabled}\n            {...props}\n        >\n            <FormField {...{ label, description, errorMessage, requiredIndicator }}>\n                {textArea ? <TextArea className={inputClassName} /> : <Input className={inputClassName} kbd={kbd} />}\n            </FormField>\n        </ATextField>\n    );\n}\n\nexport function TfTextField({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof TextField>, 'onBlur' | 'onChange'>) {\n    const field = useFieldContext<string>({ disabled: isDisabled });\n\n    return (\n        <TextField\n            isDisabled={isDisabled || field.isSubmitting}\n            value={field.state.value}\n            id={field.name}\n            name={field.name}\n            onBlur={field.handleBlur}\n            onChange={field.handleChange}\n            isInvalid={!!getFieldErrorMessage(field)}\n            errorMessage={getFieldErrorMessage(field)}\n            requiredIndicator={field.isRequired}\n            {...props}\n        />\n    );\n}\n"],"names":["ATextField","AriaTextField","Input","className","kbd","props","hasKbd","isDisabled","jsxs","jsx","AriaInput","composeRenderProps","classNames","fieldGroupVariants","Kbd","TextArea","AriaTextArea","TextField","label","description","errorMessage","textArea","inputClassName","requiredIndicator","FormField","TfTextField","field","useFieldContext","getFieldErrorMessage"],"mappings":"2iBAgBA,MAAMA,EAAaC,EAMnB,SAASC,EAAM,CAAE,UAAAC,EAAW,IAAAC,EAAK,GAAGC,GAAqB,CACrD,MAAMC,EAAS,CAAC,CAACF,EACXG,EAAaF,EAAM,SACzB,OACIG,EAAC,MAAA,CAAI,UAAU,WACX,SAAA,CAAAC,EAACC,EAAA,CACG,UAAWC,EAAmBR,EAAWA,GACrCS,EACIC,EAAA,EACA,kEAEA,iBAEA,aACAP,GAAU,QACVH,CAAA,CACJ,EAEH,GAAGE,CAAA,CAAA,EAGPC,GACGG,EAAC,MAAA,CACG,UAAU,kFACV,cAAa,GAEb,SAAAA,EAACK,EAAA,CAAI,MAAOV,EAAK,WAAAG,CAAA,CAAwB,CAAA,CAAA,CAC7C,EAER,CAER,CAEA,SAASQ,EAAS,CAAE,UAAAZ,EAAW,GAAGE,GAA4B,CAC1D,OACII,EAACO,EAAA,CACG,UAAWL,EAAmBR,EAAWA,GACrCS,EAAWC,EAAA,EAAsB,kBAAmBV,CAAS,CAAA,EAEhE,GAAGE,CAAA,CAAA,CAGhB,CAQO,SAASY,EAAU,CACtB,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,UAAAlB,EACA,eAAAmB,EACA,kBAAAC,EACA,IAAAnB,EACA,WAAAG,EACA,GAAGF,CACP,EAAmB,CACf,OACII,EAACT,EAAA,CACG,UAAWW,EAAmBR,EAAWA,GAAaS,EAAW,mBAAoBT,CAAS,CAAC,EAC/F,WAAAI,EACC,GAAGF,EAEJ,SAAAI,EAACe,GAAgB,MAAAN,EAAO,YAAAC,EAAa,aAAAC,EAAc,kBAAAG,EAC9C,SAAAF,IAAYN,EAAA,CAAS,UAAWO,EAAgB,EAAKb,EAACP,GAAM,UAAWoB,EAAgB,IAAAlB,EAAU,CAAA,CACtG,CAAA,CAAA,CAGZ,CAEO,SAASqB,EAAY,CACxB,WAAAlB,EACA,GAAGF,CACP,EAAwE,CACpE,MAAMqB,EAAQC,EAAwB,CAAE,SAAUpB,EAAY,EAE9D,OACIE,EAACQ,EAAA,CACG,WAAYV,GAAcmB,EAAM,aAChC,MAAOA,EAAM,MAAM,MACnB,GAAIA,EAAM,KACV,KAAMA,EAAM,KACZ,OAAQA,EAAM,WACd,SAAUA,EAAM,aAChB,UAAW,CAAC,CAACE,EAAqBF,CAAK,EACvC,aAAcE,EAAqBF,CAAK,EACxC,kBAAmBA,EAAM,WACxB,GAAGrB,CAAA,CAAA,CAGhB"}
+{"version":3,"file":"textfield.js","sources":["../../lib/components/textfield.tsx"],"sourcesContent":["'use client';\nimport {\n    Input as AriaInput,\n    InputProps as AriaInputProps,\n    TextArea as AriaTextArea,\n    TextAreaProps as AriaTextAreaProps,\n    TextField as AriaTextField,\n    TextFieldProps as AriaTextFieldProps,\n    composeRenderProps,\n} from 'react-aria-components';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport { classNames } from '../utilities/theme';\nimport { fieldGroupVariants, FormField, type FormFieldProps } from './form';\nimport { Kbd } from './kbd';\n\nconst ATextField = AriaTextField;\n\ninterface InputProps extends AriaInputProps {\n    kbd?: string | string[];\n}\n\nfunction Input({ className, kbd, ...props }: InputProps) {\n    const hasKbd = !!kbd;\n    const isDisabled = props.disabled;\n    return (\n        <div className=\"relative\">\n            <AriaInput\n                className={composeRenderProps(className, className =>\n                    classNames(\n                        fieldGroupVariants(),\n                        'file:border-0 file:bg-transparent file:body-sm file:font-medium',\n                        /* Disabled */\n                        'disabled-muted',\n                        /* Focused */\n                        'focus-ring',\n                        hasKbd && 'pr-10',\n                        className\n                    )\n                )}\n                {...props}\n            />\n\n            {hasKbd && (\n                <div\n                    className=\"absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none flex items-center\"\n                    aria-hidden={true}\n                >\n                    <Kbd value={kbd} isDisabled={isDisabled} />\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction TextArea({ className, ...props }: AriaTextAreaProps) {\n    return (\n        <AriaTextArea\n            className={composeRenderProps(className, className =>\n                classNames(fieldGroupVariants(), 'h-full min-h-32', className)\n            )}\n            {...props}\n        />\n    );\n}\n\nexport interface TextFieldProps extends AriaTextFieldProps, FormFieldProps {\n    textArea?: boolean;\n    inputClassName?: string;\n    kbd?: string | string[];\n}\n\nexport function TextField({\n    label,\n    description,\n    errorMessage,\n    textArea,\n    className,\n    inputClassName,\n    requiredIndicator,\n    kbd,\n    isDisabled,\n    ...props\n}: TextFieldProps) {\n    return (\n        <ATextField\n            className={composeRenderProps(className, className => classNames('group form-field', className))}\n            isDisabled={isDisabled}\n            {...props}\n        >\n            <FormField {...{ label, description, errorMessage, requiredIndicator }}>\n                {textArea ? <TextArea className={inputClassName} /> : <Input className={inputClassName} kbd={kbd} />}\n            </FormField>\n        </ATextField>\n    );\n}\n\nexport function TfTextField({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof TextField>, 'onBlur' | 'onChange'>) {\n    const field = useFieldContext<string>({ disabled: isDisabled });\n\n    return (\n        <TextField\n            isDisabled={isDisabled || field.isSubmitting}\n            value={field.state.value}\n            id={field.name}\n            name={field.name}\n            onBlur={field.handleBlur}\n            onChange={field.handleChange}\n            isInvalid={!!getFieldErrorMessage(field)}\n            errorMessage={getFieldErrorMessage(field)}\n            requiredIndicator={field.isRequired}\n            {...props}\n        />\n    );\n}\n"],"names":["ATextField","AriaTextField","Input","className","kbd","props","hasKbd","isDisabled","jsxs","jsx","AriaInput","composeRenderProps","classNames","fieldGroupVariants","Kbd","TextArea","AriaTextArea","TextField","label","description","errorMessage","textArea","inputClassName","requiredIndicator","FormField","TfTextField","field","useFieldContext","getFieldErrorMessage"],"mappings":"klBAgBA,MAAMA,EAAaC,EAMnB,SAASC,EAAM,CAAE,UAAAC,EAAW,IAAAC,EAAK,GAAGC,GAAqB,CACrD,MAAMC,EAAS,CAAC,CAACF,EACXG,EAAaF,EAAM,SACzB,OACIG,EAAC,MAAA,CAAI,UAAU,WACX,SAAA,CAAAC,EAACC,EAAA,CACG,UAAWC,EAAmBR,EAAWA,GACrCS,EACIC,EAAA,EACA,kEAEA,iBAEA,aACAP,GAAU,QACVH,CAAA,CACJ,EAEH,GAAGE,CAAA,CAAA,EAGPC,GACGG,EAAC,MAAA,CACG,UAAU,kFACV,cAAa,GAEb,SAAAA,EAACK,EAAA,CAAI,MAAOV,EAAK,WAAAG,CAAA,CAAwB,CAAA,CAAA,CAC7C,EAER,CAER,CAEA,SAASQ,EAAS,CAAE,UAAAZ,EAAW,GAAGE,GAA4B,CAC1D,OACII,EAACO,EAAA,CACG,UAAWL,EAAmBR,EAAWA,GACrCS,EAAWC,EAAA,EAAsB,kBAAmBV,CAAS,CAAA,EAEhE,GAAGE,CAAA,CAAA,CAGhB,CAQO,SAASY,EAAU,CACtB,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,UAAAlB,EACA,eAAAmB,EACA,kBAAAC,EACA,IAAAnB,EACA,WAAAG,EACA,GAAGF,CACP,EAAmB,CACf,OACII,EAACT,EAAA,CACG,UAAWW,EAAmBR,EAAWA,GAAaS,EAAW,mBAAoBT,CAAS,CAAC,EAC/F,WAAAI,EACC,GAAGF,EAEJ,SAAAI,EAACe,GAAgB,MAAAN,EAAO,YAAAC,EAAa,aAAAC,EAAc,kBAAAG,EAC9C,SAAAF,IAAYN,EAAA,CAAS,UAAWO,EAAgB,EAAKb,EAACP,GAAM,UAAWoB,EAAgB,IAAAlB,EAAU,CAAA,CACtG,CAAA,CAAA,CAGZ,CAEO,SAASqB,EAAY,CACxB,WAAAlB,EACA,GAAGF,CACP,EAAwE,CACpE,MAAMqB,EAAQC,EAAwB,CAAE,SAAUpB,EAAY,EAE9D,OACIE,EAACQ,EAAA,CACG,WAAYV,GAAcmB,EAAM,aAChC,MAAOA,EAAM,MAAM,MACnB,GAAIA,EAAM,KACV,KAAMA,EAAM,KACZ,OAAQA,EAAM,WACd,SAAUA,EAAM,aAChB,UAAW,CAAC,CAACE,EAAqBF,CAAK,EACvC,aAAcE,EAAqBF,CAAK,EACxC,kBAAmBA,EAAM,WACxB,GAAGrB,CAAA,CAAA,CAGhB"}

package/dist/components/toast.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as n}from"react/jsx-runtime";import{UNSTABLE_ToastQueue as u,UNSTABLE_ToastRegion as f,UNSTABLE_Toast as p,UNSTABLE_ToastContent as h}from"react-aria-components";import{flushSync as N}from"react-dom";import{classNames as x}from"../utilities/theme.js";import{alertVariants as T}from"./alert.js";import{Button as s}from"./button.js";import{IcClose as v,IcInfo as o,IcCheck as w,IcError as g}from"./icons.js";import"clsx";import"class-variance-authority";import"react";import"./loader.js";const a=new u({wrapUpdate(e){"startViewTransition"in document?document.startViewTransition(()=>{N(e)}):e()}});function _(){return t(f,{queue:a,className:"fixed z-50 top-4 right-4 flex flex-col-reverse justify-end gap-2",children:({toast:e})=>t(p,{style:{viewTransitionName:e.key},toast:e,className:"animate-in fade-in-0 slide-in-from-right duration-300 ease-out",children:n(h,{className:x(T({variant:e.content.variant}),"flex flex-col items-stretch max-w-sm gap-2 w-full min-w-sm"),children:[n("div",{className:"flex flex-row items-start gap-3",children:[t("span",{className:"shrink-0",children:y(e.content.variant)}),n("div",{className:"flex-1 min-w-0",children:[t("p",{slot:"title",className:"font-medium body-base",children:e.content.title}),e.content.description&&t("p",{slot:"description",className:"body-sm",children:e.content.description})]}),!e.content.autoDismiss&&n(s,{slot:"close",size:"icon",variant:"neutral",className:"rounded-full border-none shrink-0 -mr-1 -mt-1",children:[t(v,{className:"size-4"}),t("span",{className:"sr-only",children:"Close"})]})]}),e.content.action&&t("div",{className:"flex w-full justify-end gap-2 mt-1",children:t(s,{slot:"close",onPress:()=>{e.content.action?.()},variant:"neutral",className:"shrink-0",children:e.content.actionLabel||"Action"})})]})})})}function y(e){switch(e){case"destructive":return t(g,{});case"success":return t(w,{});case"neutral":return t(o,{});default:return t(o,{})}}function z({title:e,description:c,variant:l,autoDismiss:i=!0,action:r,actionLabel:m}){const d=i&&!r?{timeout:3e3}:{};a.add({title:e,description:c,variant:l,autoDismiss:i,action:r,actionLabel:m},d)}export{_ as ToastProvider,z as toast};
+import{jsx as t,jsxs as n}from"react/jsx-runtime";import{UNSTABLE_ToastQueue as u,UNSTABLE_ToastRegion as f,UNSTABLE_Toast as p,UNSTABLE_ToastContent as h}from"react-aria-components";import{flushSync as N}from"react-dom";import{classNames as x}from"../utilities/theme.js";import{alertVariants as T}from"./alert.js";import{Button as s}from"./button.js";import{IcClose as v,IcInfo as o,IcCheck as w,IcError as g}from"./icons.js";import"clsx";import"class-variance-authority";import"@icons-pack/react-simple-icons";import"react";import"./loader.js";const a=new u({wrapUpdate(e){"startViewTransition"in document?document.startViewTransition(()=>{N(e)}):e()}});function z(){return t(f,{queue:a,className:"fixed z-50 top-4 right-4 flex flex-col-reverse justify-end gap-2",children:({toast:e})=>t(p,{style:{viewTransitionName:e.key},toast:e,className:"animate-in fade-in-0 slide-in-from-right duration-300 ease-out",children:n(h,{className:x(T({variant:e.content.variant}),"flex flex-col items-stretch max-w-sm gap-2 w-full min-w-sm"),children:[n("div",{className:"flex flex-row items-start gap-3",children:[t("span",{className:"shrink-0",children:y(e.content.variant)}),n("div",{className:"flex-1 min-w-0",children:[t("p",{slot:"title",className:"font-medium body-base",children:e.content.title}),e.content.description&&t("p",{slot:"description",className:"body-sm",children:e.content.description})]}),!e.content.autoDismiss&&n(s,{slot:"close",size:"icon",variant:"neutral",className:"rounded-full border-none shrink-0 -mr-1 -mt-1",children:[t(v,{className:"size-4"}),t("span",{className:"sr-only",children:"Close"})]})]}),e.content.action&&t("div",{className:"flex w-full justify-end gap-2 mt-1",children:t(s,{slot:"close",onPress:()=>{e.content.action?.()},variant:"neutral",className:"shrink-0",children:e.content.actionLabel||"Action"})})]})})})}function y(e){switch(e){case"destructive":return t(g,{});case"success":return t(w,{});case"neutral":return t(o,{});default:return t(o,{})}}function V({title:e,description:c,variant:l,autoDismiss:i=!0,action:r,actionLabel:m}){const d=i&&!r?{timeout:3e3}:{};a.add({title:e,description:c,variant:l,autoDismiss:i,action:r,actionLabel:m},d)}export{z as ToastProvider,V as toast};
 //# sourceMappingURL=toast.js.map

package/dist/components/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../lib/components/toast.tsx"],"sourcesContent":["import type { VariantProps } from 'class-variance-authority';\nimport {\n    UNSTABLE_Toast as AriaToast,\n    UNSTABLE_ToastContent as AriaToastContent,\n    UNSTABLE_ToastQueue as AriaToastQueue,\n    UNSTABLE_ToastRegion as AriaToastRegion,\n} from 'react-aria-components';\nimport { flushSync } from 'react-dom';\nimport { classNames } from '../utilities/theme';\nimport { alertVariants } from './alert';\nimport { Button } from './button';\nimport { IcCheck, IcClose, IcError, IcInfo } from './icons';\n\nexport interface ToastProps {\n    title: string;\n    description?: string;\n    variant: VariantProps<typeof alertVariants>['variant'];\n    action?: () => void;\n    actionLabel?: string;\n    autoDismiss?: boolean;\n}\n\n/**\n * Toast queue.\n * @returns The toast queue.\n */\nconst queue = new AriaToastQueue<ToastProps>({\n    wrapUpdate(fn) {\n        if ('startViewTransition' in document) {\n            document.startViewTransition(() => {\n                flushSync(fn);\n            });\n        } else {\n            fn();\n        }\n    },\n});\n\n/**\n * Toast provider.\n * @returns The toast provider.\n */\nexport function ToastProvider() {\n    return (\n        <AriaToastRegion queue={queue} className=\"fixed z-50 top-4 right-4 flex flex-col-reverse justify-end gap-2\">\n            {({ toast }) => (\n                <AriaToast\n                    style={{ viewTransitionName: toast.key }}\n                    toast={toast}\n                    className=\"animate-in fade-in-0 slide-in-from-right duration-300 ease-out\"\n                >\n                    <AriaToastContent\n                        className={classNames(\n                            alertVariants({ variant: toast.content.variant }),\n                            'flex flex-col items-stretch max-w-sm gap-2 w-full min-w-sm'\n                        )}\n                    >\n                        <div className=\"flex flex-row items-start gap-3\">\n                            <span className=\"shrink-0\">{getToastIcon(toast.content.variant)}</span>\n                            <div className=\"flex-1 min-w-0\">\n                                <p slot=\"title\" className=\"font-medium body-base\">\n                                    {toast.content.title}\n                                </p>\n                                {toast.content.description && (\n                                    <p slot=\"description\" className=\"body-sm\">\n                                        {toast.content.description}\n                                    </p>\n                                )}\n                            </div>\n                            {!toast.content.autoDismiss && (\n                                <Button\n                                    slot=\"close\"\n                                    size=\"icon\"\n                                    variant=\"neutral\"\n                                    className=\"rounded-full border-none shrink-0 -mr-1 -mt-1\"\n                                >\n                                    <IcClose className=\"size-4\" />\n                                    <span className=\"sr-only\">Close</span>\n                                </Button>\n                            )}\n                        </div>\n                        {toast.content.action && (\n                            <div className=\"flex w-full justify-end gap-2 mt-1\">\n                                <Button\n                                    slot=\"close\"\n                                    onPress={() => {\n                                        toast.content.action?.();\n                                    }}\n                                    variant=\"neutral\"\n                                    className=\"shrink-0\"\n                                >\n                                    {toast.content.actionLabel || 'Action'}\n                                </Button>\n                            </div>\n                        )}\n                    </AriaToastContent>\n                </AriaToast>\n            )}\n        </AriaToastRegion>\n    );\n}\n\n/**\n * Get the icon for a toast notification.\n * @param variant - The variant of the toast.\n * @returns The icon for the toast.\n */\nfunction getToastIcon(variant: ToastProps['variant']) {\n    switch (variant) {\n        case 'destructive':\n            return <IcError />;\n        case 'success':\n            return <IcCheck />;\n        case 'neutral':\n            return <IcInfo />;\n        default:\n            return <IcInfo />;\n    }\n}\n\n/**\n * Show a toast notification.\n * @param title - The title of the toast.\n * @param description - The description of the toast.\n * @param variant - The variant of the toast.\n * @param autoDismiss - Whether to automatically dismiss the toast.\n */\nexport function toast({ title, description, variant, autoDismiss = true, action, actionLabel }: ToastProps) {\n    const options = autoDismiss && !action ? { timeout: 3000 } : {};\n    queue.add({ title, description, variant, autoDismiss, action, actionLabel }, options);\n}\n"],"names":["queue","AriaToastQueue","fn","flushSync","ToastProvider","jsx","AriaToastRegion","toast","AriaToast","jsxs","AriaToastContent","classNames","alertVariants","Button","IcClose","getToastIcon","variant","IcError","IcCheck","IcInfo","title","description","autoDismiss","action","actionLabel","options"],"mappings":"2fA0BA,MAAMA,EAAQ,IAAIC,EAA2B,CACzC,WAAWC,EAAI,CACP,wBAAyB,SACzB,SAAS,oBAAoB,IAAM,CAC/BC,EAAUD,CAAE,CAChB,CAAC,EAEDA,EAAA,CAER,CACJ,CAAC,EAMM,SAASE,GAAgB,CAC5B,OACIC,EAACC,GAAgB,MAAAN,EAAc,UAAU,mEACpC,SAAA,CAAC,CAAE,MAAAO,CAAAA,IACAF,EAACG,EAAA,CACG,MAAO,CAAE,mBAAoBD,EAAM,GAAA,EACnC,MAAOA,EACP,UAAU,iEAEV,SAAAE,EAACC,EAAA,CACG,UAAWC,EACPC,EAAc,CAAE,QAASL,EAAM,QAAQ,QAAS,EAChD,4DAAA,EAGJ,SAAA,CAAAE,EAAC,MAAA,CAAI,UAAU,kCACX,SAAA,CAAAJ,EAAC,QAAK,UAAU,WAAY,WAAaE,EAAM,QAAQ,OAAO,EAAE,EAChEE,EAAC,MAAA,CAAI,UAAU,iBACX,SAAA,CAAAJ,EAAC,IAAA,CAAE,KAAK,QAAQ,UAAU,wBACrB,SAAAE,EAAM,QAAQ,KAAA,CACnB,EACCA,EAAM,QAAQ,aACXF,EAAC,IAAA,CAAE,KAAK,cAAc,UAAU,UAC3B,SAAAE,EAAM,QAAQ,WAAA,CACnB,CAAA,EAER,EACC,CAACA,EAAM,QAAQ,aACZE,EAACI,EAAA,CACG,KAAK,QACL,KAAK,OACL,QAAQ,UACR,UAAU,gDAEV,SAAA,CAAAR,EAACS,EAAA,CAAQ,UAAU,QAAA,CAAS,EAC5BT,EAAC,OAAA,CAAK,UAAU,UAAU,SAAA,OAAA,CAAK,CAAA,CAAA,CAAA,CACnC,EAER,EACCE,EAAM,QAAQ,QACXF,EAAC,MAAA,CAAI,UAAU,qCACX,SAAAA,EAACQ,EAAA,CACG,KAAK,QACL,QAAS,IAAM,CACXN,EAAM,QAAQ,SAAA,CAClB,EACA,QAAQ,UACR,UAAU,WAET,SAAAA,EAAM,QAAQ,aAAe,QAAA,CAAA,CAClC,CACJ,CAAA,CAAA,CAAA,CAER,CAAA,EAGZ,CAER,CAOA,SAASQ,EAAaC,EAAgC,CAClD,OAAQA,EAAA,CACJ,IAAK,cACD,SAAQC,EAAA,EAAQ,EACpB,IAAK,UACD,SAAQC,EAAA,EAAQ,EACpB,IAAK,UACD,SAAQC,EAAA,EAAO,EACnB,QACI,SAAQA,EAAA,EAAO,CAAA,CAE3B,CASO,SAASZ,EAAM,CAAE,MAAAa,EAAO,YAAAC,EAAa,QAAAL,EAAS,YAAAM,EAAc,GAAM,OAAAC,EAAQ,YAAAC,GAA2B,CACxG,MAAMC,EAAUH,GAAe,CAACC,EAAS,CAAE,QAAS,GAAA,EAAS,CAAA,EAC7DvB,EAAM,IAAI,CAAE,MAAAoB,EAAO,YAAAC,EAAa,QAAAL,EAAS,YAAAM,EAAa,OAAAC,EAAQ,YAAAC,CAAA,EAAeC,CAAO,CACxF"}
+{"version":3,"file":"toast.js","sources":["../../lib/components/toast.tsx"],"sourcesContent":["import type { VariantProps } from 'class-variance-authority';\nimport {\n    UNSTABLE_Toast as AriaToast,\n    UNSTABLE_ToastContent as AriaToastContent,\n    UNSTABLE_ToastQueue as AriaToastQueue,\n    UNSTABLE_ToastRegion as AriaToastRegion,\n} from 'react-aria-components';\nimport { flushSync } from 'react-dom';\nimport { classNames } from '../utilities/theme';\nimport { alertVariants } from './alert';\nimport { Button } from './button';\nimport { IcCheck, IcClose, IcError, IcInfo } from './icons';\n\nexport interface ToastProps {\n    title: string;\n    description?: string;\n    variant: VariantProps<typeof alertVariants>['variant'];\n    action?: () => void;\n    actionLabel?: string;\n    autoDismiss?: boolean;\n}\n\n/**\n * Toast queue.\n * @returns The toast queue.\n */\nconst queue = new AriaToastQueue<ToastProps>({\n    wrapUpdate(fn) {\n        if ('startViewTransition' in document) {\n            document.startViewTransition(() => {\n                flushSync(fn);\n            });\n        } else {\n            fn();\n        }\n    },\n});\n\n/**\n * Toast provider.\n * @returns The toast provider.\n */\nexport function ToastProvider() {\n    return (\n        <AriaToastRegion queue={queue} className=\"fixed z-50 top-4 right-4 flex flex-col-reverse justify-end gap-2\">\n            {({ toast }) => (\n                <AriaToast\n                    style={{ viewTransitionName: toast.key }}\n                    toast={toast}\n                    className=\"animate-in fade-in-0 slide-in-from-right duration-300 ease-out\"\n                >\n                    <AriaToastContent\n                        className={classNames(\n                            alertVariants({ variant: toast.content.variant }),\n                            'flex flex-col items-stretch max-w-sm gap-2 w-full min-w-sm'\n                        )}\n                    >\n                        <div className=\"flex flex-row items-start gap-3\">\n                            <span className=\"shrink-0\">{getToastIcon(toast.content.variant)}</span>\n                            <div className=\"flex-1 min-w-0\">\n                                <p slot=\"title\" className=\"font-medium body-base\">\n                                    {toast.content.title}\n                                </p>\n                                {toast.content.description && (\n                                    <p slot=\"description\" className=\"body-sm\">\n                                        {toast.content.description}\n                                    </p>\n                                )}\n                            </div>\n                            {!toast.content.autoDismiss && (\n                                <Button\n                                    slot=\"close\"\n                                    size=\"icon\"\n                                    variant=\"neutral\"\n                                    className=\"rounded-full border-none shrink-0 -mr-1 -mt-1\"\n                                >\n                                    <IcClose className=\"size-4\" />\n                                    <span className=\"sr-only\">Close</span>\n                                </Button>\n                            )}\n                        </div>\n                        {toast.content.action && (\n                            <div className=\"flex w-full justify-end gap-2 mt-1\">\n                                <Button\n                                    slot=\"close\"\n                                    onPress={() => {\n                                        toast.content.action?.();\n                                    }}\n                                    variant=\"neutral\"\n                                    className=\"shrink-0\"\n                                >\n                                    {toast.content.actionLabel || 'Action'}\n                                </Button>\n                            </div>\n                        )}\n                    </AriaToastContent>\n                </AriaToast>\n            )}\n        </AriaToastRegion>\n    );\n}\n\n/**\n * Get the icon for a toast notification.\n * @param variant - The variant of the toast.\n * @returns The icon for the toast.\n */\nfunction getToastIcon(variant: ToastProps['variant']) {\n    switch (variant) {\n        case 'destructive':\n            return <IcError />;\n        case 'success':\n            return <IcCheck />;\n        case 'neutral':\n            return <IcInfo />;\n        default:\n            return <IcInfo />;\n    }\n}\n\n/**\n * Show a toast notification.\n * @param title - The title of the toast.\n * @param description - The description of the toast.\n * @param variant - The variant of the toast.\n * @param autoDismiss - Whether to automatically dismiss the toast.\n */\nexport function toast({ title, description, variant, autoDismiss = true, action, actionLabel }: ToastProps) {\n    const options = autoDismiss && !action ? { timeout: 3000 } : {};\n    queue.add({ title, description, variant, autoDismiss, action, actionLabel }, options);\n}\n"],"names":["queue","AriaToastQueue","fn","flushSync","ToastProvider","jsx","AriaToastRegion","toast","AriaToast","jsxs","AriaToastContent","classNames","alertVariants","Button","IcClose","getToastIcon","variant","IcError","IcCheck","IcInfo","title","description","autoDismiss","action","actionLabel","options"],"mappings":"kiBA0BA,MAAMA,EAAQ,IAAIC,EAA2B,CACzC,WAAWC,EAAI,CACP,wBAAyB,SACzB,SAAS,oBAAoB,IAAM,CAC/BC,EAAUD,CAAE,CAChB,CAAC,EAEDA,EAAA,CAER,CACJ,CAAC,EAMM,SAASE,GAAgB,CAC5B,OACIC,EAACC,GAAgB,MAAAN,EAAc,UAAU,mEACpC,SAAA,CAAC,CAAE,MAAAO,CAAAA,IACAF,EAACG,EAAA,CACG,MAAO,CAAE,mBAAoBD,EAAM,GAAA,EACnC,MAAOA,EACP,UAAU,iEAEV,SAAAE,EAACC,EAAA,CACG,UAAWC,EACPC,EAAc,CAAE,QAASL,EAAM,QAAQ,QAAS,EAChD,4DAAA,EAGJ,SAAA,CAAAE,EAAC,MAAA,CAAI,UAAU,kCACX,SAAA,CAAAJ,EAAC,QAAK,UAAU,WAAY,WAAaE,EAAM,QAAQ,OAAO,EAAE,EAChEE,EAAC,MAAA,CAAI,UAAU,iBACX,SAAA,CAAAJ,EAAC,IAAA,CAAE,KAAK,QAAQ,UAAU,wBACrB,SAAAE,EAAM,QAAQ,KAAA,CACnB,EACCA,EAAM,QAAQ,aACXF,EAAC,IAAA,CAAE,KAAK,cAAc,UAAU,UAC3B,SAAAE,EAAM,QAAQ,WAAA,CACnB,CAAA,EAER,EACC,CAACA,EAAM,QAAQ,aACZE,EAACI,EAAA,CACG,KAAK,QACL,KAAK,OACL,QAAQ,UACR,UAAU,gDAEV,SAAA,CAAAR,EAACS,EAAA,CAAQ,UAAU,QAAA,CAAS,EAC5BT,EAAC,OAAA,CAAK,UAAU,UAAU,SAAA,OAAA,CAAK,CAAA,CAAA,CAAA,CACnC,EAER,EACCE,EAAM,QAAQ,QACXF,EAAC,MAAA,CAAI,UAAU,qCACX,SAAAA,EAACQ,EAAA,CACG,KAAK,QACL,QAAS,IAAM,CACXN,EAAM,QAAQ,SAAA,CAClB,EACA,QAAQ,UACR,UAAU,WAET,SAAAA,EAAM,QAAQ,aAAe,QAAA,CAAA,CAClC,CACJ,CAAA,CAAA,CAAA,CAER,CAAA,EAGZ,CAER,CAOA,SAASQ,EAAaC,EAAgC,CAClD,OAAQA,EAAA,CACJ,IAAK,cACD,SAAQC,EAAA,EAAQ,EACpB,IAAK,UACD,SAAQC,EAAA,EAAQ,EACpB,IAAK,UACD,SAAQC,EAAA,EAAO,EACnB,QACI,SAAQA,EAAA,EAAO,CAAA,CAE3B,CASO,SAASZ,EAAM,CAAE,MAAAa,EAAO,YAAAC,EAAa,QAAAL,EAAS,YAAAM,EAAc,GAAM,OAAAC,EAAQ,YAAAC,GAA2B,CACxG,MAAMC,EAAUH,GAAe,CAACC,EAAS,CAAE,QAAS,GAAA,EAAS,CAAA,EAC7DvB,EAAM,IAAI,CAAE,MAAAoB,EAAO,YAAAC,EAAa,QAAAL,EAAS,YAAAM,EAAa,OAAAC,EAAQ,YAAAC,CAAA,EAAeC,CAAO,CACxF"}

package/dist/utilities/countries.js

@@ -1,2 +1,2 @@
-import{jsxs as t,Fragment as o}from"react/jsx-runtime";import{getCountryFlag as m,getCountryName as i}from"../components/select-options.js";import"./resources.js";import"react";import"./string.js";import"lodash-es";import"../components/icons.js";function C({value:r}){return r?t(o,{children:[m(r)," ",i(r)]}):null}export{C as CountryName};
+import{jsxs as t,Fragment as o}from"react/jsx-runtime";import{getCountryFlag as m,getCountryName as i}from"../components/select-options.js";import"./resources.js";import"react";import"./string.js";import"lodash-es";import"../components/icons.js";import"@icons-pack/react-simple-icons";function a({value:r}){return r?t(o,{children:[m(r)," ",i(r)]}):null}export{a as CountryName};
 //# sourceMappingURL=countries.js.map

package/dist/utilities/countries.js.map

@@ -1 +1 @@
-{"version":3,"file":"countries.js","sources":["../../lib/utilities/countries.tsx"],"sourcesContent":["import { getCountryFlag, getCountryName } from '../components/select-options';\n\nexport function CountryName({ value }: { value: string }) {\n    if (!value) return null;\n    return (\n        <>\n            {getCountryFlag(value)} {getCountryName(value)}\n        </>\n    );\n}\n"],"names":["CountryName","value","jsxs","Fragment","getCountryFlag","getCountryName"],"mappings":"sPAEO,SAASA,EAAY,CAAE,MAAAC,GAA4B,CACtD,OAAKA,EAEDC,EAAAC,EAAA,CACK,SAAA,CAAAC,EAAeH,CAAK,EAAE,IAAEI,EAAeJ,CAAK,CAAA,EACjD,EAJe,IAMvB"}
+{"version":3,"file":"countries.js","sources":["../../lib/utilities/countries.tsx"],"sourcesContent":["import { getCountryFlag, getCountryName } from '../components/select-options';\n\nexport function CountryName({ value }: { value: string }) {\n    if (!value) return null;\n    return (\n        <>\n            {getCountryFlag(value)} {getCountryName(value)}\n        </>\n    );\n}\n"],"names":["CountryName","value","jsxs","Fragment","getCountryFlag","getCountryName"],"mappings":"6RAEO,SAASA,EAAY,CAAE,MAAAC,GAA4B,CACtD,OAAKA,EAEDC,EAAAC,EAAA,CACK,SAAA,CAAAC,EAAeH,CAAK,EAAE,IAAEI,EAAeJ,CAAK,CAAA,EACjD,EAJe,IAMvB"}

package/dist/utilities/form-hook.js

@@ -1,2 +1,2 @@
-import{createFormHook as o}from"@tanstack/react-form";import{formOptions as z,revalidateLogic as D}from"@tanstack/react-form";import{Button as r}from"../components/button.js";import{TfCheckbox as t}from"../components/checkbox.js";import{TfMultiSelect as m}from"../components/multi-select.js";import{TfNumberField as i}from"../components/numberfield.js";import{TfSingleSelect as p}from"../components/select.js";import{TfTextField as e}from"../components/textfield.js";import{formContext as f,fieldContext as l}from"./form-context.js";import"react/jsx-runtime";import"class-variance-authority";import"react-aria-components";import"./theme.js";import"clsx";import"../components/loader.js";import"../components/icons.js";import"react";import"../components/form.js";import"../components/card.js";import"../components/menu.js";import"../components/list-box.js";import"./form.js";import"../components/popover.js";import"../components/kbd.js";const{useAppForm:N,withForm:O,withFieldGroup:j}=o({fieldComponents:{TfTextField:e,TfNumberField:i,TfMultiSelect:m,TfSingleSelect:p,TfCheckbox:t},formComponents:{Button:r},fieldContext:l,formContext:f});export{z as formOptions,D as revalidateLogic,N as useAppForm,j as withFieldGroup,O as withForm};
+import{createFormHook as o}from"@tanstack/react-form";import{formOptions as D,revalidateLogic as E}from"@tanstack/react-form";import{Button as r}from"../components/button.js";import{TfCheckbox as t}from"../components/checkbox.js";import{TfMultiSelect as m}from"../components/multi-select.js";import{TfNumberField as i}from"../components/numberfield.js";import{TfSingleSelect as p}from"../components/select.js";import{TfTextField as e}from"../components/textfield.js";import{formContext as f,fieldContext as l}from"./form-context.js";import"react/jsx-runtime";import"class-variance-authority";import"react-aria-components";import"./theme.js";import"clsx";import"../components/loader.js";import"../components/icons.js";import"@icons-pack/react-simple-icons";import"react";import"../components/form.js";import"../components/card.js";import"../components/menu.js";import"../components/list-box.js";import"./form.js";import"../components/popover.js";import"../components/kbd.js";const{useAppForm:O,withForm:j,withFieldGroup:q}=o({fieldComponents:{TfTextField:e,TfNumberField:i,TfMultiSelect:m,TfSingleSelect:p,TfCheckbox:t},formComponents:{Button:r},fieldContext:l,formContext:f});export{D as formOptions,E as revalidateLogic,O as useAppForm,q as withFieldGroup,j as withForm};
 //# sourceMappingURL=form-hook.js.map

package/dist/utilities/form-hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-hook.js","sources":["../../lib/utilities/form-hook.tsx"],"sourcesContent":["import { createFormHook, formOptions, revalidateLogic } from '@tanstack/react-form';\nimport { Button } from '../components/button';\nimport { TfCheckbox } from '../components/checkbox';\nimport { TfMultiSelect } from '../components/multi-select';\nimport { TfNumberField } from '../components/numberfield';\nimport { TfSingleSelect } from '../components/select';\nimport { TfTextField } from '../components/textfield';\nimport { fieldContext, formContext } from '../utilities/form-context';\n\n/** Don't put this in the same file as form-context.tsx, this causes circular dependencies. */\n/** TODO, lazy loading when fieldComponents are large */\n/**\n * Builder for form logic and user interfaces\n */\n/**\n * A small builder that wires the form library to the concrete UI components used across the app.\n * `createFormHook` returns a `useAppForm` hook which contains standard wiring and default components for\n * fields and form-level controls.\n *\n * It exports only the `useAppForm` hook. Consumers (forms in codebase) call `useAppForm` to access the form API and default components.\n */\nexport const { useAppForm, withForm, withFieldGroup } = createFormHook({\n    fieldComponents: {\n        TfTextField,\n        TfNumberField,\n        TfMultiSelect,\n        TfSingleSelect,\n        TfCheckbox,\n    },\n    formComponents: {\n        Button,\n    },\n    fieldContext,\n    formContext,\n});\n\nexport { formOptions, revalidateLogic };\n"],"names":["useAppForm","withForm","withFieldGroup","createFormHook","TfTextField","TfNumberField","TfMultiSelect","TfSingleSelect","TfCheckbox","Button","fieldContext","formContext"],"mappings":"u6BAqBO,KAAM,CAAE,WAAAA,EAAY,SAAAC,EAAU,eAAAC,CAAA,EAAmBC,EAAe,CACnE,gBAAiB,CACb,YAAAC,EACA,cAAAC,EACA,cAAAC,EACA,eAAAC,EACA,WAAAC,CAAA,EAEJ,eAAgB,CACZ,OAAAC,CAAA,EAEJ,aAAAC,EACA,YAAAC,CACJ,CAAC"}
+{"version":3,"file":"form-hook.js","sources":["../../lib/utilities/form-hook.tsx"],"sourcesContent":["import { createFormHook, formOptions, revalidateLogic } from '@tanstack/react-form';\nimport { Button } from '../components/button';\nimport { TfCheckbox } from '../components/checkbox';\nimport { TfMultiSelect } from '../components/multi-select';\nimport { TfNumberField } from '../components/numberfield';\nimport { TfSingleSelect } from '../components/select';\nimport { TfTextField } from '../components/textfield';\nimport { fieldContext, formContext } from '../utilities/form-context';\n\n/** Don't put this in the same file as form-context.tsx, this causes circular dependencies. */\n/** TODO, lazy loading when fieldComponents are large */\n/**\n * Builder for form logic and user interfaces\n */\n/**\n * A small builder that wires the form library to the concrete UI components used across the app.\n * `createFormHook` returns a `useAppForm` hook which contains standard wiring and default components for\n * fields and form-level controls.\n *\n * It exports only the `useAppForm` hook. Consumers (forms in codebase) call `useAppForm` to access the form API and default components.\n */\nexport const { useAppForm, withForm, withFieldGroup } = createFormHook({\n    fieldComponents: {\n        TfTextField,\n        TfNumberField,\n        TfMultiSelect,\n        TfSingleSelect,\n        TfCheckbox,\n    },\n    formComponents: {\n        Button,\n    },\n    fieldContext,\n    formContext,\n});\n\nexport { formOptions, revalidateLogic };\n"],"names":["useAppForm","withForm","withFieldGroup","createFormHook","TfTextField","TfNumberField","TfMultiSelect","TfSingleSelect","TfCheckbox","Button","fieldContext","formContext"],"mappings":"88BAqBO,KAAM,CAAE,WAAAA,EAAY,SAAAC,EAAU,eAAAC,CAAA,EAAmBC,EAAe,CACnE,gBAAiB,CACb,YAAAC,EACA,cAAAC,EACA,cAAAC,EACA,eAAAC,EACA,WAAAC,CAAA,EAEJ,eAAgB,CACZ,OAAAC,CAAA,EAEJ,aAAAC,EACA,YAAAC,CACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "6.6.35",
+  "version": "6.6.36",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -54,6 +54,7 @@
     "@dnd-kit/utilities": "3.2.2",
     "@fontsource-variable/dm-sans": "5.2.8",
     "@fontsource/dm-mono": "5.2.7",
+    "@icons-pack/react-simple-icons": "^13.13.0",
     "@internationalized/date": "3.10.1",
     "@shikijs/colorized-brackets": "^4.0.2",
     "@tanstack/react-form": "1.27.7",
@@ -76,6 +77,7 @@
     "zod": "4.1.1"
   },
   "devDependencies": {
+    "@icons-pack/react-simple-icons": "^13.13.0",
     "@rollup/plugin-node-resolve": "16.0.1",
     "@storybook/addon-a11y": "9.1.4",
     "@storybook/addon-docs": "9.1.4",