@uselets/ui 2.0.1 → 2.0.2

package/dist/components/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":["resolveClassName","React","SidebarContext","SidebarHoverPreviewContext","context","target","openProp","setOpenProp","props","isMobile","useIsMobile","openMobile","setOpenMobile","isHoverExpanded","setIsHoverExpanded","hoverSuppressedRef","dismissHoverPreview","expandOnHover","_open","_setOpen","defaultOpen","open","setOpen","openState","value","toggleSidebar","event","state","contextValue","hoverExpandOpenDelay","hoverExpandCloseDelay","hoverPreviewContextValue","style","cn","className","canHoverExpand","collapsible","effectiveHoverExpanded","pointerInsideRef","focusInsideRef","openTimeoutRef","closeTimeoutRef","pointerModalityRef","sidebarRef","suppressedRef","scheduleHoverExpanded","shouldExpand","immediate","setHoverExpanded","timeoutRef","sidebar","Drawer","side","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","variant","hoverPreview","Button","onClick","asChild","children","Fragment","IconLayoutSidebar","Input","Separator","useAsChild","sidebarMenuButtonVariants","cva","button","size","isActive","tooltip","Tooltip","showOnHover","hash","char","seed","id","width","showIcon","Skeleton"],"sources":["../../src/components/sidebar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { IconLayoutSidebar } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { useIsMobile } from '../hooks/use-mobile'\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { Button } from './button'\nimport { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from './drawer'\nimport { Input } from './input'\nimport { Separator } from './separator'\nimport { Skeleton } from './skeleton'\nimport { Tooltip, type TooltipContent } from './tooltip'\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state'\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = '16rem'\nconst SIDEBAR_WIDTH_MOBILE = '18rem'\nconst SIDEBAR_WIDTH_ICON = '3rem'\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b'\nconst SIDEBAR_HOVER_EXPAND_OPEN_DELAY = 150\nconst SIDEBAR_HOVER_EXPAND_CLOSE_DELAY = 300\nconst SIDEBAR_TEXT_FIELD_SELECTOR =\n  'textarea, select, [contenteditable]:not([contenteditable=\"false\"]), input:not([type=\"button\"], [type=\"checkbox\"], [type=\"radio\"], [type=\"reset\"], [type=\"submit\"])'\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  expandOnHover: boolean\n  isHoverExpanded: boolean\n  setHoverExpanded: (hoverExpanded: boolean) => void\n  hoverExpandOpenDelay: number\n  hoverExpandCloseDelay: number\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\n// Internal (not exposed through `useSidebar`): lets a toggle dismiss the hover preview and keep it\n// suppressed until the pointer crosses the sidebar boundary again, so it doesn't reopen right away\n// under a cursor that is still over the sidebar.\ntype SidebarHoverPreviewContextProps = {\n  suppressedRef: React.RefObject<boolean>\n  dismissHoverPreview: () => void\n}\n\nconst SidebarHoverPreviewContext = React.createContext<SidebarHoverPreviewContextProps | null>(null)\n\nexport type SidebarProviderProps = React.ComponentProps<'div'> & {\n  /**\n   * Whether the sidebar starts expanded (uncontrolled).\n   * @default true\n   */\n  defaultOpen?: boolean\n  /** Whether the sidebar is expanded (controlled). */\n  open?: boolean\n  /** Called when the sidebar expands or collapses. */\n  onOpenChange?: (open: boolean) => void\n  /**\n   * With `collapsible=\"icon\"`, shows a floating preview of the collapsed sidebar on hover or focus.\n   * @default false\n   */\n  expandOnHover?: boolean\n  /**\n   * Delay in ms before the hover preview opens.\n   * @default 150\n   */\n  hoverExpandOpenDelay?: number\n  /**\n   * Delay in ms before the hover preview closes.\n   * @default 300\n   */\n  hoverExpandCloseDelay?: number\n}\n\nexport type SidebarProps = React.ComponentProps<'div'> & {\n  /**\n   * Edge of the screen the sidebar sits on.\n   * @default 'left'\n   */\n  side?: 'left' | 'right'\n  /**\n   * `floating` adds a gap and shadow; `inset` pairs with `SidebarInset` for an inset main area.\n   * @default 'sidebar'\n   */\n  variant?: 'sidebar' | 'floating' | 'inset'\n  /**\n   * `offcanvas` slides the sidebar out, `icon` shrinks it to icons, `none` keeps it open.\n   * @default 'offcanvas'\n   */\n  collapsible?: 'offcanvas' | 'icon' | 'none'\n}\n\nexport type SidebarTriggerProps = React.ComponentProps<typeof Button>\n\nexport type SidebarRailProps = React.ComponentProps<'button'>\n\nexport type SidebarInsetProps = React.ComponentProps<'main'>\n\nexport type SidebarInputProps = React.ComponentProps<typeof Input>\n\nexport type SidebarHeaderProps = React.ComponentProps<'div'>\n\nexport type SidebarFooterProps = React.ComponentProps<'div'>\n\nexport type SidebarSeparatorProps = React.ComponentProps<typeof Separator>\n\nexport type SidebarContentProps = React.ComponentProps<'div'>\n\nexport type SidebarGroupProps = React.ComponentProps<'div'>\n\nexport type SidebarGroupLabelProps = AsChildProps<'div'>\n\nexport type SidebarGroupActionProps = AsChildProps<'button'>\n\nexport type SidebarGroupContentProps = React.ComponentProps<'div'>\n\nexport type SidebarMenuProps = React.ComponentProps<'ul'>\n\nexport type SidebarMenuItemProps = React.ComponentProps<'li'>\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.')\n  }\n\n  return context\n}\n\nfunction isEditableContent(target: EventTarget | null) {\n  return target instanceof Element && target.closest('[contenteditable]:not([contenteditable=\"false\"])') !== null\n}\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  expandOnHover = false,\n  hoverExpandOpenDelay = SIDEBAR_HOVER_EXPAND_OPEN_DELAY,\n  hoverExpandCloseDelay = SIDEBAR_HOVER_EXPAND_CLOSE_DELAY,\n  className,\n  style,\n  children,\n  ...props\n}: SidebarProviderProps) {\n  const isMobile = useIsMobile()\n  const [openMobile, setOpenMobile] = React.useState(false)\n  const [isHoverExpanded, setIsHoverExpanded] = React.useState(false)\n  const hoverSuppressedRef = React.useRef(false)\n\n  const dismissHoverPreview = React.useCallback(() => {\n    hoverSuppressedRef.current = true\n    setIsHoverExpanded(false)\n  }, [])\n\n  React.useEffect(() => {\n    if (!expandOnHover) setIsHoverExpanded(false)\n  }, [expandOnHover])\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] = React.useState(defaultOpen)\n  const open = openProp ?? _open\n  const setOpen = React.useCallback(\n    (value: boolean | ((value: boolean) => boolean)) => {\n      const openState = typeof value === 'function' ? value(open) : value\n      // Collapsing while hovered would otherwise fall straight back into the hover preview.\n      if (open && !openState) dismissHoverPreview()\n      if (setOpenProp) {\n        setOpenProp(openState)\n      } else {\n        _setOpen(openState)\n      }\n\n      // This sets the cookie to keep the sidebar state.\n      // biome-ignore lint/suspicious/noDocumentCookie: This package persists a simple UI preference cookie without framework-specific APIs.\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n    },\n    [setOpenProp, open, dismissHoverPreview]\n  )\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = React.useCallback(() => {\n    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)\n  }, [isMobile, setOpen])\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // Rich text editors use the same shortcut (bold), so leave it to them when they handle it or own the focus.\n      if (event.defaultPrevented || isEditableContent(event.target)) return\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 = React.useMemo<SidebarContextProps>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n      expandOnHover,\n      isHoverExpanded,\n      setHoverExpanded: setIsHoverExpanded,\n      hoverExpandOpenDelay,\n      hoverExpandCloseDelay\n    }),\n    [\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      toggleSidebar,\n      expandOnHover,\n      isHoverExpanded,\n      hoverExpandOpenDelay,\n      hoverExpandCloseDelay\n    ]\n  )\n\n  const hoverPreviewContextValue = React.useMemo<SidebarHoverPreviewContextProps>(\n    () => ({ suppressedRef: hoverSuppressedRef, dismissHoverPreview }),\n    [dismissHoverPreview]\n  )\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <SidebarHoverPreviewContext.Provider value={hoverPreviewContextValue}>\n        <div\n          data-slot=\"sidebar-wrapper\"\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH,\n              '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n              ...style\n            } as React.CSSProperties\n          }\n          className={cn(\n            'group/sidebar-wrapper relative flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </SidebarHoverPreviewContext.Provider>\n    </SidebarContext.Provider>\n  )\n}\n\nfunction Sidebar({\n  side = 'left',\n  variant = 'sidebar',\n  collapsible = 'offcanvas',\n  className,\n  children,\n  ...props\n}: SidebarProps) {\n  const {\n    isMobile,\n    state,\n    openMobile,\n    setOpenMobile,\n    expandOnHover,\n    isHoverExpanded,\n    setHoverExpanded,\n    hoverExpandOpenDelay,\n    hoverExpandCloseDelay\n  } = useSidebar()\n\n  const canHoverExpand = expandOnHover && collapsible === 'icon'\n  const effectiveHoverExpanded = canHoverExpand && isHoverExpanded\n\n  const pointerInsideRef = React.useRef(false)\n  const focusInsideRef = React.useRef(false)\n  const openTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const closeTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const pointerModalityRef = React.useRef(false)\n  const sidebarRef = React.useRef<HTMLDivElement>(null)\n  const hoverPreview = React.useContext(SidebarHoverPreviewContext)\n  const suppressedRef = hoverPreview?.suppressedRef\n\n  const scheduleHoverExpanded = React.useCallback(\n    (immediate = false) => {\n      if (openTimeoutRef.current) {\n        clearTimeout(openTimeoutRef.current)\n        openTimeoutRef.current = null\n      }\n      if (closeTimeoutRef.current) {\n        clearTimeout(closeTimeoutRef.current)\n        closeTimeoutRef.current = null\n      }\n\n      const shouldExpand = !suppressedRef?.current && (pointerInsideRef.current || focusInsideRef.current)\n\n      if (immediate) {\n        setHoverExpanded(shouldExpand)\n        return\n      }\n\n      const timeoutRef = shouldExpand ? openTimeoutRef : closeTimeoutRef\n      const delay = shouldExpand ? hoverExpandOpenDelay : hoverExpandCloseDelay\n      timeoutRef.current = setTimeout(() => {\n        timeoutRef.current = null\n        // Re-checked on fire: a toggle may have dismissed the preview after this was scheduled.\n        setHoverExpanded(shouldExpand && !suppressedRef?.current)\n      }, delay)\n    },\n    [setHoverExpanded, hoverExpandOpenDelay, hoverExpandCloseDelay, suppressedRef]\n  )\n\n  // Tracks whether the latest input came from a pointer or the keyboard, so focus moved by a click (or\n  // returned by an overlay closed with a click) doesn't hold the preview open like keyboard focus does.\n  React.useEffect(() => {\n    if (!canHoverExpand) return\n    const handlePointerDown = () => {\n      pointerModalityRef.current = true\n    }\n    const handleKeyDown = () => {\n      pointerModalityRef.current = false\n    }\n    document.addEventListener('pointerdown', handlePointerDown, true)\n    document.addEventListener('keydown', handleKeyDown, true)\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown, true)\n      document.removeEventListener('keydown', handleKeyDown, true)\n    }\n  }, [canHoverExpand])\n\n  // Hover is tracked with native DOM events rather than React's synthetic ones: React bubbles\n  // enter/leave through portals, so hovering a portaled menu counted as hovering the sidebar, and when\n  // that menu unmounted under the cursor no leave ever fired, leaving the preview stuck open.\n  React.useEffect(() => {\n    const sidebar = sidebarRef.current\n    if (!canHoverExpand || isMobile || !sidebar) return\n    // Crossing the sidebar boundary in either direction lifts a toggle's preview suppression.\n    const handleMouseEnter = () => {\n      pointerInsideRef.current = true\n      if (suppressedRef) suppressedRef.current = false\n      scheduleHoverExpanded()\n    }\n    const handleMouseLeave = () => {\n      pointerInsideRef.current = false\n      if (suppressedRef) suppressedRef.current = false\n      scheduleHoverExpanded()\n    }\n    sidebar.addEventListener('mouseenter', handleMouseEnter)\n    sidebar.addEventListener('mouseleave', handleMouseLeave)\n    return () => {\n      sidebar.removeEventListener('mouseenter', handleMouseEnter)\n      sidebar.removeEventListener('mouseleave', handleMouseLeave)\n    }\n  }, [canHoverExpand, isMobile, scheduleHoverExpanded, suppressedRef])\n\n  React.useEffect(() => {\n    return () => {\n      if (openTimeoutRef.current) clearTimeout(openTimeoutRef.current)\n      if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current)\n      setHoverExpanded(false)\n    }\n  }, [setHoverExpanded])\n\n  // Switching to mobile never fires a mouse leave, so drop the preview there; otherwise the trigger would\n  // treat the first tap as \"close the preview\" instead of opening the drawer.\n  React.useEffect(() => {\n    if (!isMobile) return\n    if (openTimeoutRef.current) clearTimeout(openTimeoutRef.current)\n    if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current)\n    openTimeoutRef.current = null\n    closeTimeoutRef.current = null\n    pointerInsideRef.current = false\n    focusInsideRef.current = false\n    setHoverExpanded(false)\n  }, [isMobile, setHoverExpanded])\n\n  const handleFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (!canHoverExpand) return\n    // Only keyboard focus holds the preview open, so clicking an item doesn't pin it after the pointer\n    // leaves. Text fields always hold it (the user is about to type), and so does focus that lands\n    // outside the sidebar's DOM (a portaled menu or popover opened from inside it), so the preview\n    // doesn't collapse under an open overlay.\n    const target = event.target as HTMLElement\n    focusInsideRef.current =\n      !pointerModalityRef.current ||\n      !event.currentTarget.contains(target) ||\n      target.matches(SIDEBAR_TEXT_FIELD_SELECTOR)\n    // Keyboard focus is a deliberate way back into the sidebar, so it also lifts a toggle's suppression.\n    if (!pointerModalityRef.current && suppressedRef) suppressedRef.current = false\n    scheduleHoverExpanded()\n  }\n  const handleBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (!canHoverExpand) return\n    if (event.currentTarget.contains(event.relatedTarget as Node | null)) return\n    focusInsideRef.current = false\n    scheduleHoverExpanded()\n  }\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!canHoverExpand || event.key !== 'Escape' || !isHoverExpanded) return\n    pointerInsideRef.current = false\n    focusInsideRef.current = false\n    scheduleHoverExpanded(true)\n    ;(document.activeElement as HTMLElement | null)?.blur?.()\n  }\n\n  if (collapsible === 'none') {\n    return (\n      <div\n        data-slot=\"sidebar\"\n        className={cn('flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground', className)}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  if (isMobile) {\n    return (\n      <Drawer open={openMobile} onOpenChange={setOpenMobile} direction={side} size=\"sm\">\n        <DrawerContent\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          className=\"h-full w-(--sidebar-width) rounded-none bg-sidebar p-0 text-sidebar-foreground\"\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH_MOBILE\n            } as React.CSSProperties\n          }\n          {...props}\n        >\n          <DrawerHeader className=\"sr-only\">\n            <DrawerTitle>Sidebar</DrawerTitle>\n            <DrawerDescription>Displays the mobile sidebar.</DrawerDescription>\n          </DrawerHeader>\n          <div className=\"flex h-full w-full flex-col\">{children}</div>\n        </DrawerContent>\n      </Drawer>\n    )\n  }\n\n  return (\n    // biome-ignore lint/a11y/noStaticElementInteractions: Tracks pointer/focus presence for the expandOnHover preview; it exposes no interaction of its own, descendants keep their own semantics/roles.\n    <div\n      className=\"group peer hidden text-sidebar-foreground md:block\"\n      data-state={state}\n      data-collapsible={state === 'collapsed' && !effectiveHoverExpanded ? collapsible : ''}\n      data-collapsible-raw={state === 'collapsed' ? collapsible : ''}\n      data-hover-expanded={effectiveHoverExpanded ? 'true' : undefined}\n      data-variant={variant}\n      data-side={side}\n      data-slot=\"sidebar\"\n      ref={sidebarRef}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onKeyDown={handleKeyDown}\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      <div\n        data-slot=\"sidebar-gap\"\n        className={cn(\n          'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',\n          'group-data-[collapsible-raw=offcanvas]:w-0',\n          'group-data-[side=right]:rotate-180',\n          variant === 'floating' || variant === 'inset'\n            ? 'group-data-[collapsible-raw=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'\n            : 'group-data-[collapsible-raw=icon]:w-(--sidebar-width-icon)'\n        )}\n      />\n      <div\n        data-slot=\"sidebar-container\"\n        data-side={side}\n        className={cn(\n          'fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',\n          'data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:-left-(--sidebar-width)',\n          'data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:-right-(--sidebar-width)',\n          // Adjust the padding for floating and inset variants, and the fixed (animatable) offset that\n          // centers collapsed menu buttons: (menu width - button width) / 2.\n          variant === 'floating' || variant === 'inset'\n            ? [\n                'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]',\n                '[--sidebar-menu-button-collapsed-offset:calc((var(--sidebar-width-icon)+2px-(--spacing(4))-2rem)/2)]'\n              ]\n            : [\n                'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n                '[--sidebar-menu-button-collapsed-offset:calc((var(--sidebar-width-icon)-(--spacing(4))-2rem)/2)]'\n              ],\n          variant !== 'floating' &&\n            variant !== 'inset' &&\n            'group-data-[side=left]:border-r group-data-[side=right]:border-l',\n          'group-data-[hover-expanded=true]:shadow-lg group-data-[hover-expanded=true]:ring-1 group-data-[hover-expanded=true]:ring-foreground/10',\n          className\n        )}\n        {...props}\n      >\n        <div\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n          className={cn(\n            'flex size-full flex-col bg-sidebar',\n            'group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm',\n            'group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border'\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction SidebarTrigger({ className, onClick, asChild = false, children, ...props }: SidebarTriggerProps) {\n  const { toggleSidebar, open, isHoverExpanded } = useSidebar()\n  const hoverPreview = React.useContext(SidebarHoverPreviewContext)\n\n  return (\n    <Button\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      color=\"zinc\"\n      asChild={asChild}\n      className={cn(className)}\n      onClick={(event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) return\n        // During the hover preview the sidebar looks open, so the trigger closes it (the rail pins it).\n        if (isHoverExpanded && !open) {\n          hoverPreview?.dismissHoverPreview()\n        } else {\n          toggleSidebar()\n        }\n      }}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          <IconLayoutSidebar />\n          <span className=\"sr-only\">Toggle Sidebar</span>\n        </>\n      )}\n    </Button>\n  )\n}\n\nfunction SidebarRail({ className, ...props }: SidebarRailProps) {\n  const { toggleSidebar, open, setOpen, isHoverExpanded } = useSidebar()\n\n  const handleClick = () => {\n    if (isHoverExpanded && !open) {\n      setOpen(true)\n    } else {\n      toggleSidebar()\n    }\n  }\n\n  return (\n    <button\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={handleClick}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',\n        'absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:s-1/2 after:w-0.5 hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2',\n        '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar',\n        '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n        '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarInset({ className, ...props }: SidebarInsetProps) {\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      className={cn(\n        'relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarInput({ className, ...props }: SidebarInputProps) {\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      className={cn('h-8 w-full bg-background shadow-none', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarHeader({ className, ...props }: SidebarHeaderProps) {\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\n      className={cn('flex flex-col gap-2 p-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarFooter({ className, ...props }: SidebarFooterProps) {\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      className={cn('flex flex-col gap-2 p-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarSeparator({ className, ...props }: SidebarSeparatorProps) {\n  return (\n    <Separator\n      data-slot=\"sidebar-separator\"\n      data-sidebar=\"separator\"\n      className={(state) => cn('w-auto bg-sidebar-border', resolveClassName(className, state))}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarContent({ className, ...props }: SidebarContentProps) {\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      className={cn(\n        'no-scrollbar 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\nfunction SidebarGroup({ className, ...props }: SidebarGroupProps) {\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      className={cn('relative flex w-full min-w-0 flex-col px-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarGroupLabel({ className, ...props }: SidebarGroupLabelProps) {\n  return useAsChild('div', {\n    'data-slot': 'sidebar-group-label',\n    'data-sidebar': 'group-label',\n    className: cn(\n      'flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n      className\n    ),\n    ...props\n  })\n}\n\nfunction SidebarGroupAction({ className, ...props }: SidebarGroupActionProps) {\n  return useAsChild('button', {\n    'data-slot': 'sidebar-group-action',\n    'data-sidebar': 'group-action',\n    className: cn(\n      'absolute top-1.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0',\n      className\n    ),\n    ...props\n  })\n}\n\nfunction SidebarGroupContent({ className, ...props }: SidebarGroupContentProps) {\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      className={cn('w-full text-sm mt-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenu({ className, ...props }: SidebarMenuProps) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      className={cn('flex w-full min-w-0 flex-col gap-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuItem({ className, ...props }: SidebarMenuItemProps) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\n      data-sidebar=\"menu-item\"\n      className={cn('group/menu-item relative', className)}\n      {...props}\n    />\n  )\n}\n\nconst sidebarMenuButtonVariants = cva(\n  'peer/menu-button group/menu-button font-medium flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding,margin] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:ml-(--sidebar-menu-button-collapsed-offset) group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-popup-open:hover:bg-sidebar-accent data-popup-open:hover:text-sidebar-accent-foreground data-panel-open:hover:bg-sidebar-accent data-panel-open:hover:text-sidebar-accent-foreground data-active:[&_svg]:text-sidebar-primary data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate',\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        outline:\n          'bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]'\n      },\n      size: {\n        md: 'h-8 text-sm',\n        sm: 'h-7 text-xs',\n        lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!'\n      }\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md'\n    }\n  }\n)\n\nexport type SidebarMenuButtonProps = AsChildProps<'button'> & {\n  /**\n   * Marks the item as the current page.\n   * @default false\n   */\n  isActive?: boolean\n  /** Label (or tooltip content props) shown when the sidebar is collapsed to icons. */\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>\n} & VariantProps<typeof sidebarMenuButtonVariants>\n\nexport type SidebarMenuActionProps = AsChildProps<'button'> & {\n  /**\n   * On desktop, hides the action until the menu item is hovered or focused.\n   * @default false\n   */\n  showOnHover?: boolean\n}\n\nexport type SidebarMenuBadgeProps = React.ComponentProps<'div'>\n\nexport type SidebarMenuSkeletonProps = React.ComponentProps<'div'> & {\n  /**\n   * Adds an icon placeholder before the text.\n   * @default false\n   */\n  showIcon?: boolean\n}\n\nexport type SidebarMenuSubProps = React.ComponentProps<'ul'>\n\nexport type SidebarMenuSubItemProps = React.ComponentProps<'li'>\n\nexport type SidebarMenuSubButtonProps = AsChildProps<'a'> & {\n  /**\n   * Text size of the sub-item.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md'\n  /**\n   * Marks the sub-item as the current page.\n   * @default false\n   */\n  isActive?: boolean\n}\n\nfunction SidebarMenuButton({\n  asChild = false,\n  isActive = false,\n  variant = 'default',\n  size = 'md',\n  tooltip,\n  className,\n  ...props\n}: SidebarMenuButtonProps) {\n  const { isMobile, state, isHoverExpanded } = useSidebar()\n\n  const button = useAsChild('button', {\n    asChild,\n    'data-slot': 'sidebar-menu-button',\n    'data-sidebar': 'menu-button',\n    'data-size': size,\n    'data-active': isActive,\n    className: cn(sidebarMenuButtonVariants({ variant, size }), className),\n    ...props\n  })\n\n  if (!tooltip) {\n    return button\n  }\n\n  if (typeof tooltip === 'string') {\n    tooltip = {\n      children: tooltip\n    }\n  }\n\n  return (\n    <Tooltip\n      label={tooltip.children}\n      side=\"right\"\n      align=\"center\"\n      hidden={state !== 'collapsed' || isMobile || isHoverExpanded}\n      {...tooltip}\n    >\n      {button}\n    </Tooltip>\n  )\n}\n\nfunction SidebarMenuAction({ className, showOnHover = false, ...props }: SidebarMenuActionProps) {\n  return useAsChild('button', {\n    'data-slot': 'sidebar-menu-action',\n    'data-sidebar': 'menu-action',\n    className: cn(\n      'absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=md]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0',\n      showOnHover &&\n        'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0',\n      className\n    ),\n    ...props\n  })\n}\n\nfunction SidebarMenuBadge({ className, ...props }: SidebarMenuBadgeProps) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        'pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=md]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction getSkeletonWidth(seed: string) {\n  let hash = 0\n  for (const char of seed) {\n    hash = (hash * 31 + char.charCodeAt(0)) | 0\n  }\n  return `${(Math.abs(hash) % 40) + 50}%`\n}\n\nfunction SidebarMenuSkeleton({ className, showIcon = false, ...props }: SidebarMenuSkeletonProps) {\n  // Width between 50 and 90%, derived from the id so the server and client render the same value.\n  const id = React.useId()\n  const width = React.useMemo(() => getSkeletonWidth(id), [id])\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      data-sidebar=\"menu-skeleton\"\n      className={cn('flex h-8 items-center gap-2 rounded-md px-2', className)}\n      {...props}\n    >\n      {showIcon && <Skeleton className=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />}\n      <Skeleton\n        className=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            '--skeleton-width': width\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n}\n\nfunction SidebarMenuSub({ className, ...props }: SidebarMenuSubProps) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        'mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuSubItem({ className, ...props }: SidebarMenuSubItemProps) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      data-sidebar=\"menu-sub-item\"\n      className={cn('group/menu-sub-item relative', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuSubButton({ size = 'md', isActive = false, className, ...props }: SidebarMenuSubButtonProps) {\n  return useAsChild('a', {\n    'data-slot': 'sidebar-menu-sub-button',\n    'data-sidebar': 'menu-sub-button',\n    'data-size': size,\n    'data-active': isActive,\n    className: cn(\n      'flex h-7 min-w-0 -translate-x-px items-center font-medium gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',\n      className\n    ),\n    ...props\n  })\n}\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar\n}\n"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","names":["resolveClassName","React","SidebarContext","SidebarHoverPreviewContext","context","target","openProp","setOpenProp","props","isMobile","useIsMobile","openMobile","setOpenMobile","isHoverExpanded","setIsHoverExpanded","hoverSuppressedRef","dismissHoverPreview","expandOnHover","_open","_setOpen","defaultOpen","open","setOpen","openState","value","toggleSidebar","event","state","contextValue","hoverExpandOpenDelay","hoverExpandCloseDelay","hoverPreviewContextValue","style","cn","className","canHoverExpand","collapsible","effectiveHoverExpanded","pointerInsideRef","focusInsideRef","openTimeoutRef","closeTimeoutRef","pointerModalityRef","sidebarRef","suppressedRef","scheduleHoverExpanded","shouldExpand","immediate","setHoverExpanded","timeoutRef","sidebar","Drawer","side","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","variant","hoverPreview","Button","onClick","asChild","children","Fragment","IconLayoutSidebar","Input","Separator","useAsChild","sidebarMenuButtonVariants","cva","button","size","isActive","tooltip","Tooltip","showOnHover","hash","char","seed","id","width","showIcon","Skeleton"],"sources":["../../src/components/sidebar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { IconLayoutSidebar } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { useIsMobile } from '../hooks/use-mobile'\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { Button } from './button'\nimport { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from './drawer'\nimport { Input } from './input'\nimport { Separator } from './separator'\nimport { Skeleton } from './skeleton'\nimport { Tooltip, type TooltipContent } from './tooltip'\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state'\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = '16rem'\nconst SIDEBAR_WIDTH_MOBILE = '18rem'\nconst SIDEBAR_WIDTH_ICON = '3rem'\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b'\nconst SIDEBAR_HOVER_EXPAND_OPEN_DELAY = 150\nconst SIDEBAR_HOVER_EXPAND_CLOSE_DELAY = 300\nconst SIDEBAR_TEXT_FIELD_SELECTOR =\n  'textarea, select, [contenteditable]:not([contenteditable=\"false\"]), input:not([type=\"button\"], [type=\"checkbox\"], [type=\"radio\"], [type=\"reset\"], [type=\"submit\"])'\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  expandOnHover: boolean\n  isHoverExpanded: boolean\n  setHoverExpanded: (hoverExpanded: boolean) => void\n  hoverExpandOpenDelay: number\n  hoverExpandCloseDelay: number\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\n// Internal (not exposed through `useSidebar`): lets a toggle dismiss the hover preview and keep it\n// suppressed until the pointer crosses the sidebar boundary again, so it doesn't reopen right away\n// under a cursor that is still over the sidebar.\ntype SidebarHoverPreviewContextProps = {\n  suppressedRef: React.RefObject<boolean>\n  dismissHoverPreview: () => void\n}\n\nconst SidebarHoverPreviewContext = React.createContext<SidebarHoverPreviewContextProps | null>(null)\n\nexport type SidebarProviderProps = React.ComponentProps<'div'> & {\n  /**\n   * Whether the sidebar starts expanded (uncontrolled).\n   * @default true\n   */\n  defaultOpen?: boolean\n  /** Whether the sidebar is expanded (controlled). */\n  open?: boolean\n  /** Called when the sidebar expands or collapses. */\n  onOpenChange?: (open: boolean) => void\n  /**\n   * With `collapsible=\"icon\"`, shows a floating preview of the collapsed sidebar on hover or focus.\n   * @default false\n   */\n  expandOnHover?: boolean\n  /**\n   * Delay in ms before the hover preview opens.\n   * @default 150\n   */\n  hoverExpandOpenDelay?: number\n  /**\n   * Delay in ms before the hover preview closes.\n   * @default 300\n   */\n  hoverExpandCloseDelay?: number\n}\n\nexport type SidebarProps = React.ComponentProps<'div'> & {\n  /**\n   * Edge of the screen the sidebar sits on.\n   * @default 'left'\n   */\n  side?: 'left' | 'right'\n  /**\n   * `floating` adds a gap and shadow; `inset` pairs with `SidebarInset` for an inset main area.\n   * @default 'sidebar'\n   */\n  variant?: 'sidebar' | 'floating' | 'inset'\n  /**\n   * `offcanvas` slides the sidebar out, `icon` shrinks it to icons, `none` keeps it open.\n   * @default 'offcanvas'\n   */\n  collapsible?: 'offcanvas' | 'icon' | 'none'\n}\n\nexport type SidebarTriggerProps = React.ComponentProps<typeof Button>\n\nexport type SidebarRailProps = React.ComponentProps<'button'>\n\nexport type SidebarInsetProps = React.ComponentProps<'main'>\n\nexport type SidebarInputProps = React.ComponentProps<typeof Input>\n\nexport type SidebarHeaderProps = React.ComponentProps<'div'>\n\nexport type SidebarFooterProps = React.ComponentProps<'div'>\n\nexport type SidebarSeparatorProps = React.ComponentProps<typeof Separator>\n\nexport type SidebarContentProps = React.ComponentProps<'div'>\n\nexport type SidebarGroupProps = React.ComponentProps<'div'>\n\nexport type SidebarGroupLabelProps = AsChildProps<'div'>\n\nexport type SidebarGroupActionProps = AsChildProps<'button'>\n\nexport type SidebarGroupContentProps = React.ComponentProps<'div'>\n\nexport type SidebarMenuProps = React.ComponentProps<'ul'>\n\nexport type SidebarMenuItemProps = React.ComponentProps<'li'>\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.')\n  }\n\n  return context\n}\n\nfunction isEditableContent(target: EventTarget | null) {\n  return target instanceof Element && target.closest('[contenteditable]:not([contenteditable=\"false\"])') !== null\n}\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  expandOnHover = false,\n  hoverExpandOpenDelay = SIDEBAR_HOVER_EXPAND_OPEN_DELAY,\n  hoverExpandCloseDelay = SIDEBAR_HOVER_EXPAND_CLOSE_DELAY,\n  className,\n  style,\n  children,\n  ...props\n}: SidebarProviderProps) {\n  const isMobile = useIsMobile()\n  const [openMobile, setOpenMobile] = React.useState(false)\n  const [isHoverExpanded, setIsHoverExpanded] = React.useState(false)\n  const hoverSuppressedRef = React.useRef(false)\n\n  const dismissHoverPreview = React.useCallback(() => {\n    hoverSuppressedRef.current = true\n    setIsHoverExpanded(false)\n  }, [])\n\n  React.useEffect(() => {\n    if (!expandOnHover) setIsHoverExpanded(false)\n  }, [expandOnHover])\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] = React.useState(defaultOpen)\n  const open = openProp ?? _open\n  const setOpen = React.useCallback(\n    (value: boolean | ((value: boolean) => boolean)) => {\n      const openState = typeof value === 'function' ? value(open) : value\n      // Collapsing while hovered would otherwise fall straight back into the hover preview.\n      if (open && !openState) dismissHoverPreview()\n      if (setOpenProp) {\n        setOpenProp(openState)\n      } else {\n        _setOpen(openState)\n      }\n\n      // This sets the cookie to keep the sidebar state.\n      // biome-ignore lint/suspicious/noDocumentCookie: This package persists a simple UI preference cookie without framework-specific APIs.\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n    },\n    [setOpenProp, open, dismissHoverPreview]\n  )\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = React.useCallback(() => {\n    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)\n  }, [isMobile, setOpen])\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // Rich text editors use the same shortcut (bold), so leave it to them when they handle it or own the focus.\n      if (event.defaultPrevented || isEditableContent(event.target)) return\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 = React.useMemo<SidebarContextProps>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n      expandOnHover,\n      isHoverExpanded,\n      setHoverExpanded: setIsHoverExpanded,\n      hoverExpandOpenDelay,\n      hoverExpandCloseDelay\n    }),\n    [\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      toggleSidebar,\n      expandOnHover,\n      isHoverExpanded,\n      hoverExpandOpenDelay,\n      hoverExpandCloseDelay\n    ]\n  )\n\n  const hoverPreviewContextValue = React.useMemo<SidebarHoverPreviewContextProps>(\n    () => ({ suppressedRef: hoverSuppressedRef, dismissHoverPreview }),\n    [dismissHoverPreview]\n  )\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <SidebarHoverPreviewContext.Provider value={hoverPreviewContextValue}>\n        <div\n          data-slot=\"sidebar-wrapper\"\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH,\n              '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n              ...style\n            } as React.CSSProperties\n          }\n          className={cn(\n            'group/sidebar-wrapper relative flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </SidebarHoverPreviewContext.Provider>\n    </SidebarContext.Provider>\n  )\n}\n\nfunction Sidebar({\n  side = 'left',\n  variant = 'sidebar',\n  collapsible = 'offcanvas',\n  className,\n  children,\n  ...props\n}: SidebarProps) {\n  const {\n    isMobile,\n    state,\n    openMobile,\n    setOpenMobile,\n    expandOnHover,\n    isHoverExpanded,\n    setHoverExpanded,\n    hoverExpandOpenDelay,\n    hoverExpandCloseDelay\n  } = useSidebar()\n\n  const canHoverExpand = expandOnHover && collapsible === 'icon'\n  const effectiveHoverExpanded = canHoverExpand && isHoverExpanded\n\n  const pointerInsideRef = React.useRef(false)\n  const focusInsideRef = React.useRef(false)\n  const openTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const closeTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const pointerModalityRef = React.useRef(false)\n  const sidebarRef = React.useRef<HTMLDivElement>(null)\n  const hoverPreview = React.useContext(SidebarHoverPreviewContext)\n  const suppressedRef = hoverPreview?.suppressedRef\n\n  const scheduleHoverExpanded = React.useCallback(\n    (immediate = false) => {\n      if (openTimeoutRef.current) {\n        clearTimeout(openTimeoutRef.current)\n        openTimeoutRef.current = null\n      }\n      if (closeTimeoutRef.current) {\n        clearTimeout(closeTimeoutRef.current)\n        closeTimeoutRef.current = null\n      }\n\n      const shouldExpand = !suppressedRef?.current && (pointerInsideRef.current || focusInsideRef.current)\n\n      if (immediate) {\n        setHoverExpanded(shouldExpand)\n        return\n      }\n\n      const timeoutRef = shouldExpand ? openTimeoutRef : closeTimeoutRef\n      const delay = shouldExpand ? hoverExpandOpenDelay : hoverExpandCloseDelay\n      timeoutRef.current = setTimeout(() => {\n        timeoutRef.current = null\n        // Re-checked on fire: a toggle may have dismissed the preview after this was scheduled.\n        setHoverExpanded(shouldExpand && !suppressedRef?.current)\n      }, delay)\n    },\n    [setHoverExpanded, hoverExpandOpenDelay, hoverExpandCloseDelay, suppressedRef]\n  )\n\n  // Tracks whether the latest input came from a pointer or the keyboard, so focus moved by a click (or\n  // returned by an overlay closed with a click) doesn't hold the preview open like keyboard focus does.\n  React.useEffect(() => {\n    if (!canHoverExpand) return\n    const handlePointerDown = () => {\n      pointerModalityRef.current = true\n    }\n    const handleKeyDown = () => {\n      pointerModalityRef.current = false\n    }\n    document.addEventListener('pointerdown', handlePointerDown, true)\n    document.addEventListener('keydown', handleKeyDown, true)\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown, true)\n      document.removeEventListener('keydown', handleKeyDown, true)\n    }\n  }, [canHoverExpand])\n\n  // Hover is tracked with native DOM events rather than React's synthetic ones: React bubbles\n  // enter/leave through portals, so hovering a portaled menu counted as hovering the sidebar, and when\n  // that menu unmounted under the cursor no leave ever fired, leaving the preview stuck open.\n  React.useEffect(() => {\n    const sidebar = sidebarRef.current\n    if (!canHoverExpand || isMobile || !sidebar) return\n    // Crossing the sidebar boundary in either direction lifts a toggle's preview suppression.\n    const handleMouseEnter = () => {\n      pointerInsideRef.current = true\n      if (suppressedRef) suppressedRef.current = false\n      scheduleHoverExpanded()\n    }\n    const handleMouseLeave = () => {\n      pointerInsideRef.current = false\n      if (suppressedRef) suppressedRef.current = false\n      scheduleHoverExpanded()\n    }\n    sidebar.addEventListener('mouseenter', handleMouseEnter)\n    sidebar.addEventListener('mouseleave', handleMouseLeave)\n    return () => {\n      sidebar.removeEventListener('mouseenter', handleMouseEnter)\n      sidebar.removeEventListener('mouseleave', handleMouseLeave)\n    }\n  }, [canHoverExpand, isMobile, scheduleHoverExpanded, suppressedRef])\n\n  React.useEffect(() => {\n    return () => {\n      if (openTimeoutRef.current) clearTimeout(openTimeoutRef.current)\n      if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current)\n      setHoverExpanded(false)\n    }\n  }, [setHoverExpanded])\n\n  // Switching to mobile never fires a mouse leave, so drop the preview there; otherwise the trigger would\n  // treat the first tap as \"close the preview\" instead of opening the drawer.\n  React.useEffect(() => {\n    if (!isMobile) return\n    if (openTimeoutRef.current) clearTimeout(openTimeoutRef.current)\n    if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current)\n    openTimeoutRef.current = null\n    closeTimeoutRef.current = null\n    pointerInsideRef.current = false\n    focusInsideRef.current = false\n    setHoverExpanded(false)\n  }, [isMobile, setHoverExpanded])\n\n  const handleFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (!canHoverExpand) return\n    // Only keyboard focus holds the preview open, so clicking an item doesn't pin it after the pointer\n    // leaves. Text fields always hold it (the user is about to type), and so does focus that lands\n    // outside the sidebar's DOM (a portaled menu or popover opened from inside it), so the preview\n    // doesn't collapse under an open overlay.\n    const target = event.target as HTMLElement\n    focusInsideRef.current =\n      !pointerModalityRef.current ||\n      !event.currentTarget.contains(target) ||\n      target.matches(SIDEBAR_TEXT_FIELD_SELECTOR)\n    // Keyboard focus is a deliberate way back into the sidebar, so it also lifts a toggle's suppression.\n    if (!pointerModalityRef.current && suppressedRef) suppressedRef.current = false\n    scheduleHoverExpanded()\n  }\n  const handleBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (!canHoverExpand) return\n    if (event.currentTarget.contains(event.relatedTarget as Node | null)) return\n    focusInsideRef.current = false\n    scheduleHoverExpanded()\n  }\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!canHoverExpand || event.key !== 'Escape' || !isHoverExpanded) return\n    pointerInsideRef.current = false\n    focusInsideRef.current = false\n    scheduleHoverExpanded(true)\n    ;(document.activeElement as HTMLElement | null)?.blur?.()\n  }\n\n  if (collapsible === 'none') {\n    return (\n      <div\n        data-slot=\"sidebar\"\n        className={cn('flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground', className)}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  if (isMobile) {\n    return (\n      <Drawer open={openMobile} onOpenChange={setOpenMobile} direction={side} size=\"sm\">\n        <DrawerContent\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          className=\"h-full w-(--sidebar-width) rounded-none bg-sidebar p-0 text-sidebar-foreground\"\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH_MOBILE\n            } as React.CSSProperties\n          }\n          {...props}\n        >\n          <DrawerHeader className=\"sr-only\">\n            <DrawerTitle>Sidebar</DrawerTitle>\n            <DrawerDescription>Displays the mobile sidebar.</DrawerDescription>\n          </DrawerHeader>\n          <div className=\"flex h-full w-full flex-col\">{children}</div>\n        </DrawerContent>\n      </Drawer>\n    )\n  }\n\n  return (\n    // biome-ignore lint/a11y/noStaticElementInteractions: Tracks pointer/focus presence for the expandOnHover preview; it exposes no interaction of its own, descendants keep their own semantics/roles.\n    <div\n      className=\"group peer hidden text-sidebar-foreground md:block\"\n      data-state={state}\n      data-collapsible={state === 'collapsed' && !effectiveHoverExpanded ? collapsible : ''}\n      data-collapsible-raw={state === 'collapsed' ? collapsible : ''}\n      data-hover-expanded={effectiveHoverExpanded ? 'true' : undefined}\n      data-variant={variant}\n      data-side={side}\n      data-slot=\"sidebar\"\n      ref={sidebarRef}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onKeyDown={handleKeyDown}\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      <div\n        data-slot=\"sidebar-gap\"\n        className={cn(\n          'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',\n          'group-data-[collapsible-raw=offcanvas]:w-0',\n          'group-data-[side=right]:rotate-180',\n          variant === 'floating' || variant === 'inset'\n            ? 'group-data-[collapsible-raw=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'\n            : 'group-data-[collapsible-raw=icon]:w-(--sidebar-width-icon)'\n        )}\n      />\n      <div\n        data-slot=\"sidebar-container\"\n        data-side={side}\n        className={cn(\n          'fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',\n          'data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:-left-(--sidebar-width)',\n          'data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:-right-(--sidebar-width)',\n          // Adjust the padding for floating and inset variants, and the fixed (animatable) offset that\n          // centers collapsed menu buttons: (menu width - button width) / 2.\n          variant === 'floating' || variant === 'inset'\n            ? [\n                'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]',\n                '[--sidebar-menu-button-collapsed-offset:calc((var(--sidebar-width-icon)+2px-(--spacing(4))-2rem)/2)]'\n              ]\n            : [\n                'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n                '[--sidebar-menu-button-collapsed-offset:calc((var(--sidebar-width-icon)-(--spacing(4))-2rem)/2)]'\n              ],\n          variant !== 'floating' &&\n            variant !== 'inset' &&\n            'group-data-[side=left]:border-r group-data-[side=right]:border-l',\n          'group-data-[hover-expanded=true]:shadow-lg group-data-[hover-expanded=true]:ring-1 group-data-[hover-expanded=true]:ring-foreground/10',\n          className\n        )}\n        {...props}\n      >\n        <div\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n          className={cn(\n            'flex size-full flex-col bg-sidebar',\n            'group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm',\n            'group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border'\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction SidebarTrigger({ className, onClick, asChild = false, children, ...props }: SidebarTriggerProps) {\n  const { toggleSidebar, open, isHoverExpanded } = useSidebar()\n  const hoverPreview = React.useContext(SidebarHoverPreviewContext)\n\n  return (\n    <Button\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      color=\"zinc\"\n      asChild={asChild}\n      className={cn(className)}\n      onClick={(event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) return\n        // During the hover preview the sidebar looks open, so the trigger closes it (the rail pins it).\n        if (isHoverExpanded && !open) {\n          hoverPreview?.dismissHoverPreview()\n        } else {\n          toggleSidebar()\n        }\n      }}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          <IconLayoutSidebar />\n          <span className=\"sr-only\">Toggle Sidebar</span>\n        </>\n      )}\n    </Button>\n  )\n}\n\nfunction SidebarRail({ className, ...props }: SidebarRailProps) {\n  const { toggleSidebar, open, setOpen, isHoverExpanded } = useSidebar()\n\n  const handleClick = () => {\n    if (isHoverExpanded && !open) {\n      setOpen(true)\n    } else {\n      toggleSidebar()\n    }\n  }\n\n  return (\n    <button\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={handleClick}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',\n        'absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:s-1/2 after:w-0.5 hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2',\n        '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar',\n        '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n        '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarInset({ className, ...props }: SidebarInsetProps) {\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      className={cn(\n        'relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarInput({ className, ...props }: SidebarInputProps) {\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      className={cn('h-8 w-full bg-background shadow-none', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarHeader({ className, ...props }: SidebarHeaderProps) {\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\n      className={cn('flex flex-col gap-2 p-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarFooter({ className, ...props }: SidebarFooterProps) {\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      className={cn('flex flex-col gap-2 p-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarSeparator({ className, ...props }: SidebarSeparatorProps) {\n  return (\n    <Separator\n      data-slot=\"sidebar-separator\"\n      data-sidebar=\"separator\"\n      className={(state) => cn('w-auto bg-sidebar-border', resolveClassName(className, state))}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarContent({ className, ...props }: SidebarContentProps) {\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      className={cn(\n        'no-scrollbar 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\nfunction SidebarGroup({ className, ...props }: SidebarGroupProps) {\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      className={cn('relative flex w-full min-w-0 flex-col px-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarGroupLabel({ className, ...props }: SidebarGroupLabelProps) {\n  return useAsChild('div', {\n    'data-slot': 'sidebar-group-label',\n    'data-sidebar': 'group-label',\n    className: cn(\n      'flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n      className\n    ),\n    ...props\n  })\n}\n\nfunction SidebarGroupAction({ className, ...props }: SidebarGroupActionProps) {\n  return useAsChild('button', {\n    'data-slot': 'sidebar-group-action',\n    'data-sidebar': 'group-action',\n    className: cn(\n      'absolute top-1.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0',\n      className\n    ),\n    ...props\n  })\n}\n\nfunction SidebarGroupContent({ className, ...props }: SidebarGroupContentProps) {\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      className={cn('w-full text-sm mt-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenu({ className, ...props }: SidebarMenuProps) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      className={cn('flex w-full min-w-0 flex-col gap-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuItem({ className, ...props }: SidebarMenuItemProps) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\n      data-sidebar=\"menu-item\"\n      className={cn('group/menu-item relative', className)}\n      {...props}\n    />\n  )\n}\n\nconst sidebarMenuButtonVariants = cva(\n  'peer/menu-button group/menu-button font-medium flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding,margin] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:ml-(--sidebar-menu-button-collapsed-offset) group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-popup-open:hover:bg-sidebar-accent data-popup-open:hover:text-sidebar-accent-foreground data-panel-open:hover:bg-sidebar-accent data-panel-open:hover:text-sidebar-accent-foreground data-active:[&_svg]:text-sidebar-primary data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate',\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        outline:\n          'bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]'\n      },\n      size: {\n        md: 'h-8 text-sm',\n        sm: 'h-7 text-xs',\n        lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!'\n      }\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md'\n    }\n  }\n)\n\nexport type SidebarMenuButtonProps = AsChildProps<'button'> & {\n  /**\n   * Marks the item as the current page.\n   * @default false\n   */\n  isActive?: boolean\n  /** Label (or tooltip content props) shown when the sidebar is collapsed to icons. */\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>\n} & VariantProps<typeof sidebarMenuButtonVariants>\n\nexport type SidebarMenuActionProps = AsChildProps<'button'> & {\n  /**\n   * On desktop, hides the action until the menu item is hovered or focused.\n   * @default false\n   */\n  showOnHover?: boolean\n}\n\nexport type SidebarMenuBadgeProps = React.ComponentProps<'div'>\n\nexport type SidebarMenuSkeletonProps = React.ComponentProps<'div'> & {\n  /**\n   * Adds an icon placeholder before the text.\n   * @default false\n   */\n  showIcon?: boolean\n}\n\nexport type SidebarMenuSubProps = React.ComponentProps<'ul'>\n\nexport type SidebarMenuSubItemProps = React.ComponentProps<'li'>\n\nexport type SidebarMenuSubButtonProps = AsChildProps<'a'> & {\n  /**\n   * Text size of the sub-item.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md'\n  /**\n   * Marks the sub-item as the current page.\n   * @default false\n   */\n  isActive?: boolean\n}\n\nfunction SidebarMenuButton({\n  asChild = false,\n  isActive = false,\n  variant = 'default',\n  size = 'md',\n  tooltip,\n  className,\n  ...props\n}: SidebarMenuButtonProps) {\n  const { isMobile, state, isHoverExpanded } = useSidebar()\n\n  const button = useAsChild('button', {\n    asChild,\n    'data-slot': 'sidebar-menu-button',\n    'data-sidebar': 'menu-button',\n    'data-size': size,\n    'data-active': isActive,\n    className: cn(sidebarMenuButtonVariants({ variant, size }), className),\n    ...props\n  })\n\n  if (!tooltip) {\n    return button\n  }\n\n  if (typeof tooltip === 'string') {\n    tooltip = {\n      children: tooltip\n    }\n  }\n\n  return (\n    <Tooltip\n      label={tooltip.children}\n      side=\"right\"\n      align=\"center\"\n      hidden={state !== 'collapsed' || isMobile || isHoverExpanded}\n      {...tooltip}\n    >\n      {button}\n    </Tooltip>\n  )\n}\n\nfunction SidebarMenuAction({ className, showOnHover = false, ...props }: SidebarMenuActionProps) {\n  return useAsChild('button', {\n    'data-slot': 'sidebar-menu-action',\n    'data-sidebar': 'menu-action',\n    className: cn(\n      'absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=md]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0',\n      showOnHover &&\n        'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0',\n      className\n    ),\n    ...props\n  })\n}\n\nfunction SidebarMenuBadge({ className, ...props }: SidebarMenuBadgeProps) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        'pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=md]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction getSkeletonWidth(seed: string) {\n  let hash = 0\n  for (const char of seed) {\n    hash = (hash * 31 + char.charCodeAt(0)) | 0\n  }\n  return `${(Math.abs(hash) % 40) + 50}%`\n}\n\nfunction SidebarMenuSkeleton({ className, showIcon = false, ...props }: SidebarMenuSkeletonProps) {\n  // Width between 50 and 90%, derived from the id so the server and client render the same value.\n  const id = React.useId()\n  const width = React.useMemo(() => getSkeletonWidth(id), [id])\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      data-sidebar=\"menu-skeleton\"\n      className={cn('flex h-8 items-center gap-2 rounded-md px-2', className)}\n      {...props}\n    >\n      {showIcon && <Skeleton className=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />}\n      <Skeleton\n        className=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            '--skeleton-width': width\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n}\n\nfunction SidebarMenuSub({ className, ...props }: SidebarMenuSubProps) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        'mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuSubItem({ className, ...props }: SidebarMenuSubItemProps) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      data-sidebar=\"menu-sub-item\"\n      className={cn('group/menu-sub-item relative', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuSubButton({ size = 'md', isActive = false, className, ...props }: SidebarMenuSubButtonProps) {\n  return useAsChild('a', {\n    'data-slot': 'sidebar-menu-sub-button',\n    'data-sidebar': 'menu-sub-button',\n    'data-size': size,\n    'data-active': isActive,\n    className: cn(\n      'flex h-7 min-w-0 -translate-x-px items-center font-medium gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',\n      className\n    ),\n    ...props\n  })\n}\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar\n}\n"],"mappings":"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"}

package/dist/components/simple-grid.d.ts

@@ -1,6 +1,5 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import * as React from "react";
-//#region src/components/simple-grid.d.ts
 type SimpleGridSpacing = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type SimpleGridProps = React.ComponentProps<'div'> & {
   /**
@@ -16,6 +15,5 @@ export type SimpleGridProps = React.ComponentProps<'div'> & {
   columnGap?: SimpleGridSpacing;
 };
 declare function SimpleGrid({ className, cols, gap, rowGap, columnGap, style, ...props }: SimpleGridProps): React.JSX.Element;
-//#endregion
 export { SimpleGrid };
 //# sourceMappingURL=simple-grid.d.ts.map

package/dist/components/simple-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"simple-grid.js","names":["spacingScale","spacing","props","cn","className","cols","gap","rowGap","columnGap","style"],"sources":["../../src/components/simple-grid.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\ntype SimpleGridSpacing = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nconst spacingScale: Record<SimpleGridSpacing, number> = {\n  xs: 1,\n  sm: 2,\n  md: 4,\n  lg: 6,\n  xl: 8\n}\n\nfunction toSpacingValue(spacing: SimpleGridSpacing) {\n  return `calc(var(--spacing) * ${spacingScale[spacing]})`\n}\n\nexport type SimpleGridProps = React.ComponentProps<'div'> & {\n  /**\n   * Number of equal columns.\n   * @default 1\n   */\n  cols?: number\n  /** Space between rows and columns. */\n  gap?: SimpleGridSpacing\n  /** Space between rows. Overrides `gap`. */\n  rowGap?: SimpleGridSpacing\n  /** Space between columns. Overrides `gap`. */\n  columnGap?: SimpleGridSpacing\n}\n\nfunction SimpleGrid({ className, cols = 1, gap, rowGap, columnGap, style, ...props }: SimpleGridProps) {\n  return (\n    <div\n      data-slot=\"simple-grid\"\n      className={cn(\n        'grid min-w-0',\n        'grid-cols-[repeat(var(--simple-grid-cols),minmax(0,1fr))]',\n        'gap-(--simple-grid-gap) gap-y-(--simple-grid-row-gap) gap-x-(--simple-grid-column-gap)',\n        className\n      )}\n      style={\n        {\n          '--simple-grid-cols': cols,\n          '--simple-grid-gap': gap ? toSpacingValue(gap) : '0px',\n          '--simple-grid-row-gap': rowGap ? toSpacingValue(rowGap) : 'var(--simple-grid-gap)',\n          '--simple-grid-column-gap': columnGap ? toSpacingValue(columnGap) : 'var(--simple-grid-gap)',\n          ...style\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  )\n}\n\nexport { SimpleGrid }\n"],"mappings":"qHAMA,MAAMA,EAAkD,CACtD,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EAEA,SAAS,eAAe,EAA4B,CAClD,MAAO,yBAAyBA,EAAaC,GAAS,EACxD,CAgBA,SAAS,WAAW,CAAE,YAAW,OAAO,EAAG,MAAK,SAAQ,YAAW,QAAO,GAAGC,GAA0B,CACrG,MACE,kBAAC,MAAD,CACE,YAAU,cACV,UAAWC,EACT,eACA,4DACA,yFACAC,CACF,EACA,MACE,CACE,qBAAsBC,EACtB,oBAAqBC,EAAM,eAAeA,CAAG,EAAI,MACjD,wBAAyBC,EAAS,eAAeA,CAAM,EAAI,yBAC3D,2BAA4BC,EAAY,eAAeA,CAAS,EAAI,yBACpE,GAAGC,CACL,EAEF,GAAIP,CACL,CAAA,CAEL"}
+{"version":3,"file":"simple-grid.js","names":["spacingScale","spacing","props","cn","className","cols","gap","rowGap","columnGap","style"],"sources":["../../src/components/simple-grid.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\ntype SimpleGridSpacing = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nconst spacingScale: Record<SimpleGridSpacing, number> = {\n  xs: 1,\n  sm: 2,\n  md: 4,\n  lg: 6,\n  xl: 8\n}\n\nfunction toSpacingValue(spacing: SimpleGridSpacing) {\n  return `calc(var(--spacing) * ${spacingScale[spacing]})`\n}\n\nexport type SimpleGridProps = React.ComponentProps<'div'> & {\n  /**\n   * Number of equal columns.\n   * @default 1\n   */\n  cols?: number\n  /** Space between rows and columns. */\n  gap?: SimpleGridSpacing\n  /** Space between rows. Overrides `gap`. */\n  rowGap?: SimpleGridSpacing\n  /** Space between columns. Overrides `gap`. */\n  columnGap?: SimpleGridSpacing\n}\n\nfunction SimpleGrid({ className, cols = 1, gap, rowGap, columnGap, style, ...props }: SimpleGridProps) {\n  return (\n    <div\n      data-slot=\"simple-grid\"\n      className={cn(\n        'grid min-w-0',\n        'grid-cols-[repeat(var(--simple-grid-cols),minmax(0,1fr))]',\n        'gap-(--simple-grid-gap) gap-y-(--simple-grid-row-gap) gap-x-(--simple-grid-column-gap)',\n        className\n      )}\n      style={\n        {\n          '--simple-grid-cols': cols,\n          '--simple-grid-gap': gap ? toSpacingValue(gap) : '0px',\n          '--simple-grid-row-gap': rowGap ? toSpacingValue(rowGap) : 'var(--simple-grid-gap)',\n          '--simple-grid-column-gap': columnGap ? toSpacingValue(columnGap) : 'var(--simple-grid-gap)',\n          ...style\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  )\n}\n\nexport { SimpleGrid }\n"],"mappings":"A,qHAMA,MAAMA,EAAkD,CACtD,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EAEA,SAAS,eAAe,EAA4B,CAClD,MAAO,yBAAyBA,EAAaC,GAAS,EACxD,CAgBA,SAAS,WAAW,CAAE,YAAW,OAAO,EAAG,MAAK,SAAQ,YAAW,QAAO,GAAGC,GAA0B,CACrG,MACE,kBAAC,MAAD,CACE,YAAU,cACV,UAAWC,EACT,eACA,4DACA,yFACAC,CACF,EACA,MACE,CACE,qBAAsBC,EACtB,oBAAqBC,EAAM,eAAeA,CAAG,EAAI,MACjD,wBAAyBC,EAAS,eAAeA,CAAM,EAAI,yBAC3D,2BAA4BC,EAAY,eAAeA,CAAS,EAAI,yBACpE,GAAGC,CACL,EAEF,GAAIP,CACL,CAAA,CAEL,C"}

package/dist/components/skeleton.d.ts

@@ -1,6 +1,5 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import * as React from "react";
-//#region src/components/skeleton.d.ts
 export type SkeletonProps = React.ComponentProps<'div'> & {
   /**
    * Shows the placeholder; when `false`, the children are shown.
@@ -9,6 +8,5 @@ export type SkeletonProps = React.ComponentProps<'div'> & {
   visible?: boolean;
 };
 declare function Skeleton({ className, children, visible, ...props }: SkeletonProps): React.JSX.Element;
-//#endregion
 export { Skeleton };
 //# sourceMappingURL=skeleton.d.ts.map

package/dist/components/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","names":["props","children","cn","className","visible"],"sources":["../../src/components/skeleton.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nexport type SkeletonProps = React.ComponentProps<'div'> & {\n  /**\n   * Shows the placeholder; when `false`, the children are shown.\n   * @default true\n   */\n  visible?: boolean\n}\n\nfunction Skeleton({ className, children, visible = true, ...props }: SkeletonProps) {\n  if (children === undefined || children === null) {\n    return <div data-slot=\"skeleton\" className={cn('bg-muted rounded-md animate-pulse', className)} {...props} />\n  }\n\n  return (\n    <div\n      data-slot=\"skeleton\"\n      aria-busy={visible || undefined}\n      className={cn('relative rounded-md', className)}\n      {...props}\n    >\n      <div data-slot=\"skeleton-content\" className={cn(visible && 'invisible')} aria-hidden={visible || undefined}>\n        {children}\n      </div>\n      {visible && (\n        <div\n          data-slot=\"skeleton-overlay\"\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute inset-0 rounded-[inherit] bg-muted animate-pulse\"\n        />\n      )}\n    </div>\n  )\n}\n\nexport { Skeleton }\n"],"mappings":"+HAYA,SAAS,SAAS,CAAE,YAAW,WAAU,UAAU,GAAM,GAAGA,GAAwB,CAKlF,OAJIC,GAAuC,KAClC,kBAAC,MAAD,CAAK,YAAU,WAAW,UAAWC,EAAG,oCAAqCC,CAAS,EAAG,GAAIH,CAAQ,CAAA,EAI5G,kBAAC,MAAD,CACE,YAAU,WACV,YAAWI,GAAW,IAAA,GACtB,UAAWF,EAAG,sBAAuBC,CAAS,EAC9C,GAAIH,EAJN,SAAA,CAME,kBAAC,MAAD,CAAK,YAAU,mBAAmB,UAAWE,EAAGE,GAAW,WAAW,EAAG,cAAaA,GAAW,IAAA,GAC9F,UACE,CAAA,EACJA,GACC,kBAAC,MAAD,CACE,YAAU,mBACV,cAAY,OACZ,UAAU,+EACX,CAAA,CAEA,GAET"}
+{"version":3,"file":"skeleton.js","names":["props","children","cn","className","visible"],"sources":["../../src/components/skeleton.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nexport type SkeletonProps = React.ComponentProps<'div'> & {\n  /**\n   * Shows the placeholder; when `false`, the children are shown.\n   * @default true\n   */\n  visible?: boolean\n}\n\nfunction Skeleton({ className, children, visible = true, ...props }: SkeletonProps) {\n  if (children === undefined || children === null) {\n    return <div data-slot=\"skeleton\" className={cn('bg-muted rounded-md animate-pulse', className)} {...props} />\n  }\n\n  return (\n    <div\n      data-slot=\"skeleton\"\n      aria-busy={visible || undefined}\n      className={cn('relative rounded-md', className)}\n      {...props}\n    >\n      <div data-slot=\"skeleton-content\" className={cn(visible && 'invisible')} aria-hidden={visible || undefined}>\n        {children}\n      </div>\n      {visible && (\n        <div\n          data-slot=\"skeleton-overlay\"\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute inset-0 rounded-[inherit] bg-muted animate-pulse\"\n        />\n      )}\n    </div>\n  )\n}\n\nexport { Skeleton }\n"],"mappings":"A,+HAYA,SAAS,SAAS,CAAE,YAAW,WAAU,UAAU,GAAM,GAAGA,GAAwB,CAKlF,OAJIC,GAAuC,KAClC,kBAAC,MAAD,CAAK,YAAU,WAAW,UAAWC,EAAG,oCAAqCC,CAAS,EAAG,GAAIH,CAAQ,CAAA,EAI5G,kBAAC,MAAD,CACE,YAAU,WACV,YAAWI,GAAW,IAAA,GACtB,UAAWF,EAAG,sBAAuBC,CAAS,EAC9C,GAAIH,EAJN,SAAA,CAME,kBAAC,MAAD,CAAK,YAAU,mBAAmB,UAAWE,EAAGE,GAAW,WAAW,EAAG,cAAaA,GAAW,IAAA,GAC9F,UACE,CAAA,EACJA,GACC,kBAAC,MAAD,CACE,YAAU,mBACV,cAAY,OACZ,UAAU,+EACX,CAAA,CAEA,C,EAET,C"}

package/dist/components/slider.d.ts

@@ -1,9 +1,7 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import * as React from "react";
 import { Slider as Slider$1 } from "@base-ui/react/slider";
-//#region src/components/slider.d.ts
 export type SliderProps = Omit<React.ComponentProps<typeof Slider$1.Root>, 'render'>;
 declare function Slider({ className, defaultValue, id, value, min, max, ...props }: SliderProps): React.JSX.Element;
-//#endregion
 export { Slider };
 //# sourceMappingURL=slider.d.ts.map

package/dist/components/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":["SliderPrimitive","Slider$1","props","fieldControlId","useFieldControlId","id","fieldLabelId","useFieldLabelId","currentValue","value","defaultValue","thumbCount","cn","resolveClassName","className","state","index"],"sources":["../../src/components/slider.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Slider as SliderPrimitive } from '@base-ui/react/slider'\n\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { useFieldControlId, useFieldLabelId } from './field'\n\nexport type SliderProps = Omit<React.ComponentProps<typeof SliderPrimitive.Root>, 'render'>\n\nfunction Slider({ className, defaultValue, id, value, min = 0, max = 100, ...props }: SliderProps) {\n  const fieldControlId = useFieldControlId(id)\n  const fieldLabelId = useFieldLabelId()\n  // One thumb per value: a single number (or no value, which defaults to `min`) is a one-thumb slider.\n  const currentValue = value ?? defaultValue\n  const thumbCount = Array.isArray(currentValue) ? currentValue.length : 1\n\n  return (\n    <SliderPrimitive.Root\n      id={fieldControlId}\n      aria-labelledby={fieldLabelId}\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      thumbAlignment=\"edge\"\n      className={(state) => cn('data-horizontal:w-full data-vertical:h-full', resolveClassName(className, state))}\n      {...props}\n    >\n      <SliderPrimitive.Control\n        data-slot=\"slider-control\"\n        className={cn(\n          'relative flex w-full touch-none items-center select-none data-disabled:opacity-50',\n          'data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col'\n        )}\n      >\n        <SliderPrimitive.Track\n          data-slot=\"slider-track\"\n          className={cn(\n            'relative grow overflow-hidden rounded-full bg-muted select-none',\n            'data-horizontal:h-1 data-horizontal:w-full',\n            'data-vertical:h-full data-vertical:w-1'\n          )}\n        >\n          <SliderPrimitive.Indicator\n            data-slot=\"slider-range\"\n            className=\"bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n          />\n        </SliderPrimitive.Track>\n        {Array.from({ length: thumbCount }, (_, index) => (\n          <SliderPrimitive.Thumb\n            data-slot=\"slider-thumb\"\n            key={String(index)}\n            index={index}\n            className={cn(\n              'relative block size-3 shrink-0 rounded-full border border-ring bg-white dark:bg-primary ring-ring/50',\n              'transition-[color,box-shadow] select-none after:absolute after:-inset-2',\n              'hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 has-focus-visible:ring-3',\n              'data-disabled:pointer-events-none data-disabled:opacity-50'\n            )}\n          />\n        ))}\n      </SliderPrimitive.Control>\n    </SliderPrimitive.Root>\n  )\n}\n\nexport { Slider }\n"],"mappings":"mSAUA,SAAS,OAAO,CAAE,YAAW,eAAc,KAAI,QAAO,MAAM,EAAG,MAAM,IAAK,GAAGE,GAAsB,CACjG,IAAMC,EAAiBC,EAAkBC,CAAE,EACrCC,EAAeC,EAAgB,EAE/BC,EAAeC,GAASC,EACxBC,EAAa,MAAM,QAAQH,CAAY,EAAIA,EAAa,OAAS,EAEvE,MACE,kBAACR,EAAgB,KAAjB,CACE,GAAIG,EACJ,kBAAiBG,EACjB,YAAU,SACI,eACP,QACF,MACA,MACL,eAAe,OACf,UAAY,GAAUM,EAAG,8CAA+CC,EAAiBC,EAAWC,CAAK,CAAC,EAC1G,GAAIb,EAEJ,SAAA,kBAACF,EAAgB,QAAjB,CACE,YAAU,iBACV,UAAWY,EACT,oFACA,yFACF,EALF,SAAA,CAOE,kBAACZ,EAAgB,MAAjB,CACE,YAAU,eACV,UAAWY,EACT,kEACA,6CACA,wCACF,EAEA,SAAA,kBAACZ,EAAgB,UAAjB,CACE,YAAU,eACV,UAAU,oEACX,CAAA,CACoB,CAAA,EACtB,MAAM,KAAK,CAAE,OAAQW,CAAW,GAAI,EAAG,IACtC,kBAACX,EAAgB,MAAjB,CACE,YAAU,eAEH,QACP,UAAWY,EACT,uGACA,0EACA,wGACA,4DACF,CACD,EARM,OAAOI,CAAK,CAQlB,CACF,CACsB,GACL,CAAA,CAE1B"}
+{"version":3,"file":"slider.js","names":["SliderPrimitive","Slider$1","props","fieldControlId","useFieldControlId","id","fieldLabelId","useFieldLabelId","currentValue","value","defaultValue","thumbCount","cn","resolveClassName","className","state","index"],"sources":["../../src/components/slider.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Slider as SliderPrimitive } from '@base-ui/react/slider'\n\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { useFieldControlId, useFieldLabelId } from './field'\n\nexport type SliderProps = Omit<React.ComponentProps<typeof SliderPrimitive.Root>, 'render'>\n\nfunction Slider({ className, defaultValue, id, value, min = 0, max = 100, ...props }: SliderProps) {\n  const fieldControlId = useFieldControlId(id)\n  const fieldLabelId = useFieldLabelId()\n  // One thumb per value: a single number (or no value, which defaults to `min`) is a one-thumb slider.\n  const currentValue = value ?? defaultValue\n  const thumbCount = Array.isArray(currentValue) ? currentValue.length : 1\n\n  return (\n    <SliderPrimitive.Root\n      id={fieldControlId}\n      aria-labelledby={fieldLabelId}\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      thumbAlignment=\"edge\"\n      className={(state) => cn('data-horizontal:w-full data-vertical:h-full', resolveClassName(className, state))}\n      {...props}\n    >\n      <SliderPrimitive.Control\n        data-slot=\"slider-control\"\n        className={cn(\n          'relative flex w-full touch-none items-center select-none data-disabled:opacity-50',\n          'data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col'\n        )}\n      >\n        <SliderPrimitive.Track\n          data-slot=\"slider-track\"\n          className={cn(\n            'relative grow overflow-hidden rounded-full bg-muted select-none',\n            'data-horizontal:h-1 data-horizontal:w-full',\n            'data-vertical:h-full data-vertical:w-1'\n          )}\n        >\n          <SliderPrimitive.Indicator\n            data-slot=\"slider-range\"\n            className=\"bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n          />\n        </SliderPrimitive.Track>\n        {Array.from({ length: thumbCount }, (_, index) => (\n          <SliderPrimitive.Thumb\n            data-slot=\"slider-thumb\"\n            key={String(index)}\n            index={index}\n            className={cn(\n              'relative block size-3 shrink-0 rounded-full border border-ring bg-white dark:bg-primary ring-ring/50',\n              'transition-[color,box-shadow] select-none after:absolute after:-inset-2',\n              'hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 has-focus-visible:ring-3',\n              'data-disabled:pointer-events-none data-disabled:opacity-50'\n            )}\n          />\n        ))}\n      </SliderPrimitive.Control>\n    </SliderPrimitive.Root>\n  )\n}\n\nexport { Slider }\n"],"mappings":"A,mSAUA,SAAS,OAAO,CAAE,YAAW,eAAc,KAAI,QAAO,MAAM,EAAG,MAAM,IAAK,GAAGE,GAAsB,CACjG,IAAMC,EAAiBC,EAAkBC,CAAE,EACrCC,EAAeC,EAAgB,EAE/BC,EAAeC,GAASC,EACxBC,EAAa,MAAM,QAAQH,CAAY,EAAIA,EAAa,OAAS,EAEvE,MACE,kBAACR,EAAgB,KAAjB,CACE,GAAIG,EACJ,kBAAiBG,EACjB,YAAU,SACI,eACP,QACF,MACA,MACL,eAAe,OACf,UAAY,GAAUM,EAAG,8CAA+CC,EAAiBC,EAAWC,CAAK,CAAC,EAC1G,GAAIb,EAEJ,SAAA,kBAACF,EAAgB,QAAjB,CACE,YAAU,iBACV,UAAWY,EACT,oFACA,yFACF,EALF,SAAA,CAOE,kBAACZ,EAAgB,MAAjB,CACE,YAAU,eACV,UAAWY,EACT,kEACA,6CACA,wCACF,EAEA,SAAA,kBAACZ,EAAgB,UAAjB,CACE,YAAU,eACV,UAAU,oEACX,CAAA,CACoB,CAAA,EACtB,MAAM,KAAK,CAAE,OAAQW,CAAW,GAAI,EAAG,IACtC,kBAACX,EAAgB,MAAjB,CACE,YAAU,eAEH,QACP,UAAWY,EACT,uGACA,0EACA,wGACA,4DACF,CACD,EARM,OAAOI,CAAK,CAQlB,CACF,CACsB,C,EACL,CAAA,CAE1B,C"}

package/dist/components/sonner.d.ts

@@ -1,8 +1,6 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import { ToasterProps as ToasterProps$1, toast } from "sonner";
-//#region src/components/sonner.d.ts
 export type ToasterProps = ToasterProps$1;
 declare const Toaster: (props: ToasterProps) => import("react").JSX.Element;
-//#endregion
 export { Toaster, toast };
 //# sourceMappingURL=sonner.d.ts.map

package/dist/components/sonner.js.map

@@ -1 +1 @@
-{"version":3,"file":"sonner.js","names":["Sonner","Toaster$1","useTheme","IconCircleCheck","IconInfoCircle","IconAlertTriangle","IconAlertOctagon","IconLoader","props","toast"],"sources":["../../src/components/sonner.tsx"],"sourcesContent":["import type { CSSProperties } from 'react'\n\nimport { IconAlertOctagon, IconAlertTriangle, IconCircleCheck, IconInfoCircle, IconLoader } from '@tabler/icons-react'\nimport { useTheme } from 'next-themes'\nimport { Toaster as Sonner, type ToasterProps as SonnerToasterProps, toast } from 'sonner'\n\nexport type ToasterProps = SonnerToasterProps\n\nconst Toaster = (props: ToasterProps) => {\n  const { theme = 'system' } = useTheme()\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      richColors\n      icons={{\n        success: <IconCircleCheck className=\"size-4\" />,\n        info: <IconInfoCircle className=\"size-4\" />,\n        warning: <IconAlertTriangle className=\"size-4\" />,\n        error: <IconAlertOctagon className=\"size-4\" />,\n        loading: <IconLoader className=\"size-4 animate-spin\" />\n      }}\n      style={\n        {\n          '--normal-bg': 'var(--popover)',\n          '--normal-text': 'var(--popover-foreground)',\n          '--normal-border': 'var(--border)',\n          '--border-radius': 'var(--radius)'\n        } as CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: 'cn-toast'\n        }\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster, toast }\n"],"mappings":"0SAQA,MAAM,QAAW,GAAwB,CACvC,GAAM,CAAE,QAAQ,UAAaE,EAAS,EAEtC,MACE,kBAACF,EAAD,CACS,QACP,UAAU,gBACV,WAAA,GACA,MAAO,CACL,QAAS,kBAACG,EAAD,CAAiB,UAAU,QAAU,CAAA,EAC9C,KAAM,kBAACC,EAAD,CAAgB,UAAU,QAAU,CAAA,EAC1C,QAAS,kBAACC,EAAD,CAAmB,UAAU,QAAU,CAAA,EAChD,MAAO,kBAACC,EAAD,CAAkB,UAAU,QAAU,CAAA,EAC7C,QAAS,kBAACC,EAAD,CAAY,UAAU,qBAAuB,CAAA,CACxD,EACA,MACE,CACE,cAAe,iBACf,gBAAiB,4BACjB,kBAAmB,gBACnB,kBAAmB,eACrB,EAEF,aAAc,CACZ,WAAY,CACV,MAAO,UACT,CACF,EACA,GAAIC,CACL,CAAA,CAEL"}
+{"version":3,"file":"sonner.js","names":["Sonner","Toaster$1","useTheme","IconCircleCheck","IconInfoCircle","IconAlertTriangle","IconAlertOctagon","IconLoader","props","toast"],"sources":["../../src/components/sonner.tsx"],"sourcesContent":["import type { CSSProperties } from 'react'\n\nimport { IconAlertOctagon, IconAlertTriangle, IconCircleCheck, IconInfoCircle, IconLoader } from '@tabler/icons-react'\nimport { useTheme } from 'next-themes'\nimport { Toaster as Sonner, type ToasterProps as SonnerToasterProps, toast } from 'sonner'\n\nexport type ToasterProps = SonnerToasterProps\n\nconst Toaster = (props: ToasterProps) => {\n  const { theme = 'system' } = useTheme()\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      richColors\n      icons={{\n        success: <IconCircleCheck className=\"size-4\" />,\n        info: <IconInfoCircle className=\"size-4\" />,\n        warning: <IconAlertTriangle className=\"size-4\" />,\n        error: <IconAlertOctagon className=\"size-4\" />,\n        loading: <IconLoader className=\"size-4 animate-spin\" />\n      }}\n      style={\n        {\n          '--normal-bg': 'var(--popover)',\n          '--normal-text': 'var(--popover-foreground)',\n          '--normal-border': 'var(--border)',\n          '--border-radius': 'var(--radius)'\n        } as CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: 'cn-toast'\n        }\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster, toast }\n"],"mappings":"A,0SAQA,MAAM,QAAW,GAAwB,CACvC,GAAM,CAAE,QAAQ,UAAaE,EAAS,EAEtC,MACE,kBAACF,EAAD,CACS,QACP,UAAU,gBACV,WAAA,GACA,MAAO,CACL,QAAS,kBAACG,EAAD,CAAiB,UAAU,QAAU,CAAA,EAC9C,KAAM,kBAACC,EAAD,CAAgB,UAAU,QAAU,CAAA,EAC1C,QAAS,kBAACC,EAAD,CAAmB,UAAU,QAAU,CAAA,EAChD,MAAO,kBAACC,EAAD,CAAkB,UAAU,QAAU,CAAA,EAC7C,QAAS,kBAACC,EAAD,CAAY,UAAU,qBAAuB,CAAA,CACxD,EACA,MACE,CACE,cAAe,iBACf,gBAAiB,4BACjB,kBAAmB,gBACnB,kBAAmB,eACrB,EAEF,aAAc,CACZ,WAAY,CACV,MAAO,UACT,CACF,EACA,GAAIC,CACL,CAAA,CAEL,E"}

package/dist/components/spinner.d.ts

@@ -1,12 +1,10 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
-//#region src/components/spinner.d.ts
 declare const spinnerVariants: (props?: ({
   size?: "lg" | "md" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type SpinnerProps = React.ComponentProps<'svg'> & VariantProps<typeof spinnerVariants>;
 declare function Spinner({ className, size, ...props }: SpinnerProps): React.JSX.Element;
-//#endregion
 export { Spinner, spinnerVariants };
 //# sourceMappingURL=spinner.d.ts.map

package/dist/components/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":["spinnerVariants","cva","props","IconLoader","size","cn","className"],"sources":["../../src/components/spinner.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconLoader } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\nconst spinnerVariants = cva('animate-spin', {\n  variants: {\n    size: {\n      sm: 'size-3',\n      md: 'size-4',\n      lg: 'size-5'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nexport type SpinnerProps = React.ComponentProps<'svg'> & VariantProps<typeof spinnerVariants>\n\nfunction Spinner({ className, size = 'md', ...props }: SpinnerProps) {\n  return (\n    <IconLoader\n      role=\"status\"\n      aria-label=\"Loading\"\n      data-slot=\"spinner\"\n      data-size={size}\n      className={cn(spinnerVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Spinner, spinnerVariants }\n"],"mappings":"qNAOA,MAAMA,EAAkBC,EAAI,eAAgB,CAC1C,SAAU,CACR,KAAM,CACJ,GAAI,SACJ,GAAI,SACJ,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAID,SAAS,QAAQ,CAAE,YAAW,OAAO,KAAM,GAAGC,GAAuB,CACnE,MACE,kBAACC,EAAD,CACE,KAAK,SACL,aAAW,UACX,YAAU,UACV,YAAWC,EACX,UAAWC,EAAGL,EAAgB,CAAE,MAAK,CAAC,EAAGM,CAAS,EAClD,GAAIJ,CACL,CAAA,CAEL"}
+{"version":3,"file":"spinner.js","names":["spinnerVariants","cva","props","IconLoader","size","cn","className"],"sources":["../../src/components/spinner.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconLoader } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\nconst spinnerVariants = cva('animate-spin', {\n  variants: {\n    size: {\n      sm: 'size-3',\n      md: 'size-4',\n      lg: 'size-5'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nexport type SpinnerProps = React.ComponentProps<'svg'> & VariantProps<typeof spinnerVariants>\n\nfunction Spinner({ className, size = 'md', ...props }: SpinnerProps) {\n  return (\n    <IconLoader\n      role=\"status\"\n      aria-label=\"Loading\"\n      data-slot=\"spinner\"\n      data-size={size}\n      className={cn(spinnerVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Spinner, spinnerVariants }\n"],"mappings":"A,qNAOA,MAAMA,EAAkBC,EAAI,eAAgB,CAC1C,SAAU,CACR,KAAM,CACJ,GAAI,SACJ,GAAI,SACJ,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAID,SAAS,QAAQ,CAAE,YAAW,OAAO,KAAM,GAAGC,GAAuB,CACnE,MACE,kBAACC,EAAD,CACE,KAAK,SACL,aAAW,UACX,YAAU,UACV,YAAWC,EACX,UAAWC,EAAGL,EAAgB,CAAE,MAAK,CAAC,EAAGM,CAAS,EAClD,GAAIJ,CACL,CAAA,CAEL,C"}

package/dist/components/stack.d.ts

@@ -1,7 +1,6 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
-//#region src/components/stack.d.ts
 declare const stackVariants: (props?: ({
   align?: "baseline" | "center" | "end" | "start" | "stretch" | null | undefined;
   justify?: "around" | "between" | "center" | "end" | "evenly" | "start" | null | undefined;
@@ -9,6 +8,5 @@ declare const stackVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type StackProps = React.ComponentProps<'div'> & VariantProps<typeof stackVariants>;
 declare function Stack({ className, align, justify, gap, ...props }: StackProps): React.JSX.Element;
-//#endregion
 export { Stack, stackVariants };
 //# sourceMappingURL=stack.d.ts.map

package/dist/components/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","names":["stackVariants","cva","props","align","justify","gap","cn","className"],"sources":["../../src/components/stack.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\nconst stackVariants = cva('flex flex-col', {\n  variants: {\n    align: {\n      start: 'items-start',\n      end: 'items-end',\n      center: 'items-center',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch'\n    },\n    justify: {\n      start: 'justify-start',\n      end: 'justify-end',\n      center: 'justify-center',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly'\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8'\n    }\n  },\n  defaultVariants: {\n    gap: 'md'\n  }\n})\n\nexport type StackProps = React.ComponentProps<'div'> & VariantProps<typeof stackVariants>\n\nfunction Stack({ className, align, justify, gap = 'md', ...props }: StackProps) {\n  return (\n    <div\n      data-slot=\"stack\"\n      data-align={align}\n      data-justify={justify}\n      data-gap={gap}\n      className={cn(stackVariants({ align, justify, gap }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Stack, stackVariants }\n"],"mappings":"oKAMA,MAAMA,EAAgBC,EAAI,gBAAiB,CACzC,SAAU,CACR,MAAO,CACL,MAAO,cACP,IAAK,YACL,OAAQ,eACR,SAAU,iBACV,QAAS,eACX,EACA,QAAS,CACP,MAAO,gBACP,IAAK,cACL,OAAQ,iBACR,QAAS,kBACT,OAAQ,iBACR,OAAQ,gBACV,EACA,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,CACF,EACA,gBAAiB,CACf,IAAK,IACP,CACF,CAAC,EAID,SAAS,MAAM,CAAE,YAAW,QAAO,UAAS,MAAM,KAAM,GAAGC,GAAqB,CAC9E,MACE,kBAAC,MAAD,CACE,YAAU,QACV,aAAYC,EACZ,eAAcC,EACd,WAAUC,EACV,UAAWC,EAAGN,EAAc,CAAE,QAAO,UAAS,KAAI,CAAC,EAAGO,CAAS,EAC/D,GAAIL,CACL,CAAA,CAEL"}
+{"version":3,"file":"stack.js","names":["stackVariants","cva","props","align","justify","gap","cn","className"],"sources":["../../src/components/stack.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\nconst stackVariants = cva('flex flex-col', {\n  variants: {\n    align: {\n      start: 'items-start',\n      end: 'items-end',\n      center: 'items-center',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch'\n    },\n    justify: {\n      start: 'justify-start',\n      end: 'justify-end',\n      center: 'justify-center',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly'\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8'\n    }\n  },\n  defaultVariants: {\n    gap: 'md'\n  }\n})\n\nexport type StackProps = React.ComponentProps<'div'> & VariantProps<typeof stackVariants>\n\nfunction Stack({ className, align, justify, gap = 'md', ...props }: StackProps) {\n  return (\n    <div\n      data-slot=\"stack\"\n      data-align={align}\n      data-justify={justify}\n      data-gap={gap}\n      className={cn(stackVariants({ align, justify, gap }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Stack, stackVariants }\n"],"mappings":"A,oKAMA,MAAMA,EAAgBC,EAAI,gBAAiB,CACzC,SAAU,CACR,MAAO,CACL,MAAO,cACP,IAAK,YACL,OAAQ,eACR,SAAU,iBACV,QAAS,eACX,EACA,QAAS,CACP,MAAO,gBACP,IAAK,cACL,OAAQ,iBACR,QAAS,kBACT,OAAQ,iBACR,OAAQ,gBACV,EACA,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,CACF,EACA,gBAAiB,CACf,IAAK,IACP,CACF,CAAC,EAID,SAAS,MAAM,CAAE,YAAW,QAAO,UAAS,MAAM,KAAM,GAAGC,GAAqB,CAC9E,MACE,kBAAC,MAAD,CACE,YAAU,QACV,aAAYC,EACZ,eAAcC,EACd,WAAUC,EACV,UAAWC,EAAGN,EAAc,CAAE,QAAO,UAAS,KAAI,CAAC,EAAGO,CAAS,EAC/D,GAAIL,CACL,CAAA,CAEL,C"}

package/dist/components/stepper.d.ts

@@ -1,7 +1,6 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { n as AsChildProps } from "../as-child-Dxg3Xo1G.js";
+import { n as AsChildProps } from "../as-child-T9W73ZYU.js";
 import { ReactElement } from "react";
-//#region src/components/stepper.d.ts
 type StepperOrientation = 'horizontal' | 'vertical';
 type StepState = 'active' | 'completed' | 'inactive' | 'loading';
 type StepIndicators = {
@@ -87,6 +86,5 @@ export type StepperContentProps = React.ComponentProps<'div'> & {
   forceMount?: boolean;
 };
 declare function StepperContent({ value, forceMount, children, className, ...props }: StepperContentProps): import("react").JSX.Element | null;
-//#endregion
 export { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperNav, StepperPanel, StepperSeparator, StepperTitle, StepperTrigger, useStepItem, useStepper };
 //# sourceMappingURL=stepper.d.ts.map

package/dist/components/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","names":["StepperContext","createContext","StepItemContext","ctx","useContext","props","activeStep","setActiveStep","useState","defaultValue","baseId","useId","handleSetActiveStep","useCallback","value","step","onValueChange","currentStep","getTriggerId","getContentId","contextValue","useMemo","Children","children","isValidElement","child","orientation","indicators","cn","className","state","completed","isLoading","loading","disabled","root","trigger","node","isSelected","isAriaDisabled","asChild","isDisabled","onClick","event","onKeyDown","triggers","index","target","useAsChild","tabIndex","isActive","forceMount"],"sources":["../../src/components/stepper.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  isValidElement,\n  type ReactElement,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState\n} from 'react'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\n\n// Types\ntype StepperOrientation = 'horizontal' | 'vertical'\ntype StepState = 'active' | 'completed' | 'inactive' | 'loading'\ntype StepIndicators = {\n  active?: React.ReactNode\n  completed?: React.ReactNode\n  inactive?: React.ReactNode\n  loading?: React.ReactNode\n}\n\ninterface StepperContextValue {\n  activeStep: number\n  setActiveStep: (step: number) => void\n  stepsCount: number\n  orientation: StepperOrientation\n  indicators: StepIndicators\n  getTriggerId: (step: number) => string\n  getContentId: (step: number) => string\n}\n\ninterface StepItemContextValue {\n  step: number\n  state: StepState\n  isDisabled: boolean\n  isLoading: boolean\n}\n\nconst StepperContext = createContext<StepperContextValue | undefined>(undefined)\nconst StepItemContext = createContext<StepItemContextValue | undefined>(undefined)\n\nfunction useStepper() {\n  const ctx = useContext(StepperContext)\n  if (!ctx) throw new Error('useStepper must be used within a Stepper')\n  return ctx\n}\n\nfunction useStepItem() {\n  const ctx = useContext(StepItemContext)\n  if (!ctx) throw new Error('useStepItem must be used within a StepperItem')\n  return ctx\n}\n\nexport type StepperProps = Omit<React.ComponentProps<'div'>, 'defaultValue'> & {\n  /**\n   * Initial step (uncontrolled), starting at `1`.\n   * @default 1\n   */\n  defaultValue?: number\n  /** Current step (controlled). */\n  value?: number\n  /** Called with the new step when the user moves to it. */\n  onValueChange?: (value: number) => void\n  /**\n   * Layout of the steps.\n   * @default 'horizontal'\n   */\n  orientation?: StepperOrientation\n  /** Custom indicator content per state: `active`, `completed`, `inactive`, `loading`. */\n  indicators?: StepIndicators\n}\n\nfunction Stepper({\n  defaultValue = 1,\n  value,\n  onValueChange,\n  orientation = 'horizontal',\n  className,\n  children,\n  indicators = {},\n  ...props\n}: StepperProps) {\n  const [activeStep, setActiveStep] = useState(defaultValue)\n  const baseId = useId()\n\n  const handleSetActiveStep = useCallback(\n    (step: number) => {\n      if (value === undefined) {\n        setActiveStep(step)\n      }\n      onValueChange?.(step)\n    },\n    [value, onValueChange]\n  )\n\n  const currentStep = value ?? activeStep\n\n  const getTriggerId = useCallback((step: number) => `${baseId}-tab-${step}`, [baseId])\n  const getContentId = useCallback((step: number) => `${baseId}-panel-${step}`, [baseId])\n\n  // Context value\n  const contextValue = useMemo<StepperContextValue>(\n    () => ({\n      activeStep: currentStep,\n      setActiveStep: handleSetActiveStep,\n      stepsCount: Children.toArray(children).filter(\n        (child): child is ReactElement =>\n          isValidElement(child) && (child.type as { displayName?: string }).displayName === 'StepperItem'\n      ).length,\n      orientation,\n      indicators,\n      getTriggerId,\n      getContentId\n    }),\n    [currentStep, handleSetActiveStep, children, orientation, indicators, getTriggerId, getContentId]\n  )\n\n  return (\n    <StepperContext.Provider value={contextValue}>\n      <div\n        role=\"tablist\"\n        aria-orientation={orientation}\n        data-slot=\"stepper\"\n        className={cn('w-full', className)}\n        data-orientation={orientation}\n        {...props}\n      >\n        {children}\n      </div>\n    </StepperContext.Provider>\n  )\n}\n\nexport type StepperItemProps = React.ComponentProps<'div'> & {\n  /** Number of this step, starting at `1`. */\n  step: number\n  /**\n   * Marks the step as completed.\n   * @default false\n   */\n  completed?: boolean\n  /**\n   * Prevents navigating to this step.\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Shows the loading indicator for this step.\n   * @default false\n   */\n  loading?: boolean\n}\n\nfunction StepperItem({\n  step,\n  completed = false,\n  disabled = false,\n  loading = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) {\n  const { activeStep } = useStepper()\n\n  const state: StepState = completed || step < activeStep ? 'completed' : activeStep === step ? 'active' : 'inactive'\n\n  const isLoading = loading && step === activeStep\n\n  return (\n    <StepItemContext.Provider value={{ step, state, isDisabled: disabled, isLoading }}>\n      <div\n        data-slot=\"stepper-item\"\n        className={cn(\n          'group/step flex items-center justify-center not-last:flex-1 group-data-[orientation=horizontal]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:flex-col',\n          className\n        )}\n        data-state={state}\n        {...(isLoading ? { 'data-loading': true } : {})}\n        {...props}\n      >\n        {children}\n      </div>\n    </StepItemContext.Provider>\n  )\n}\n\nexport type StepperTriggerProps = AsChildProps<'button'>\n\n// Enabled triggers of the closest Stepper, in DOM order (nested steppers excluded).\nfunction getStepperTriggers(trigger: HTMLElement) {\n  const root = trigger.closest('[data-slot=\"stepper\"]')\n  if (!root) return []\n\n  return Array.from(root.querySelectorAll<HTMLElement>('[data-slot=\"stepper-trigger\"]')).filter(\n    (node) => node.closest('[data-slot=\"stepper\"]') === root && !node.matches(':disabled, [aria-disabled=\"true\"]')\n  )\n}\n\nfunction StepperTrigger({\n  asChild = false,\n  className,\n  children,\n  tabIndex,\n  onClick,\n  onKeyDown,\n  ...props\n}: StepperTriggerProps) {\n  const { setActiveStep, activeStep, getTriggerId, getContentId } = useStepper()\n  const { step, state, isDisabled, isLoading } = useStepItem()\n  const isSelected = activeStep === step\n  // A non-button child can't be natively disabled, so it gets `aria-disabled` instead.\n  const isAriaDisabled = asChild && isDisabled\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event)\n    if (event.defaultPrevented || isDisabled) return\n    setActiveStep(step)\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event)\n    if (event.defaultPrevented) return\n\n    const triggers = getStepperTriggers(event.currentTarget)\n    const index = triggers.indexOf(event.currentTarget)\n    let target: HTMLElement | undefined\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        target = index === -1 ? undefined : triggers[(index + 1) % triggers.length]\n        break\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        target = index === -1 ? undefined : triggers[(index - 1 + triggers.length) % triggers.length]\n        break\n      case 'Home':\n        target = triggers[0]\n        break\n      case 'End':\n        target = triggers[triggers.length - 1]\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        if (!isDisabled) setActiveStep(step)\n        return\n      default:\n        return\n    }\n\n    event.preventDefault()\n    target?.focus()\n  }\n\n  return useAsChild('button', {\n    asChild,\n    type: !asChild ? 'button' : undefined,\n    role: 'tab',\n    id: getTriggerId(step),\n    'aria-selected': isSelected,\n    'aria-controls': getContentId(step),\n    'aria-disabled': isAriaDisabled ? true : undefined,\n    tabIndex: typeof tabIndex === 'number' ? tabIndex : isSelected ? 0 : -1,\n    'data-slot': 'stepper-trigger',\n    'data-state': state,\n    'data-loading': isLoading,\n    disabled: asChild ? undefined : isDisabled,\n    className: cn(\n      'focus-visible:border-ring focus-visible:ring-ring/50 inline-flex cursor-pointer items-center outline-none focus-visible:z-10 focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-60 aria-disabled:pointer-events-none aria-disabled:opacity-60',\n      'gap-2.5 rounded-full',\n      className\n    ),\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n    ...props,\n    children\n  })\n}\n\nexport type StepperIndicatorProps = React.ComponentProps<'div'>\n\nfunction StepperIndicator({ children, className, ...props }: StepperIndicatorProps) {\n  const { state, isLoading } = useStepItem()\n  const { indicators } = useStepper()\n\n  return (\n    <div\n      data-slot=\"stepper-indicator\"\n      data-state={state}\n      className={cn(\n        'border-background bg-accent text-accent-foreground data-[state=completed]:bg-primary data-[state=completed]:text-primary-foreground data-[state=active]:bg-primary data-[state=active]:text-primary-foreground relative flex size-6 shrink-0 items-center justify-center overflow-hidden',\n        'rounded-full text-xs',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"absolute\">\n        {indicators &&\n        ((isLoading && indicators.loading) ||\n          (state === 'completed' && indicators.completed) ||\n          (state === 'active' && indicators.active) ||\n          (state === 'inactive' && indicators.inactive))\n          ? (isLoading && indicators.loading) ||\n            (state === 'completed' && indicators.completed) ||\n            (state === 'active' && indicators.active) ||\n            (state === 'inactive' && indicators.inactive)\n          : children}\n      </div>\n    </div>\n  )\n}\n\nexport type StepperSeparatorProps = React.ComponentProps<'div'>\n\nfunction StepperSeparator({ className, ...props }: StepperSeparatorProps) {\n  const { state } = useStepItem()\n\n  return (\n    <div\n      data-slot=\"stepper-separator\"\n      data-state={state}\n      className={cn(\n        'bg-muted rounded-sm group-data-[orientation=horizontal]/stepper-nav:h-0.5 group-data-[orientation=vertical]/stepper-nav:h-12 group-data-[orientation=vertical]/stepper-nav:w-0.5 m-0.5 group-data-[orientation=horizontal]/stepper-nav:flex-1',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport type StepperTitleProps = React.ComponentProps<'h3'>\n\nfunction StepperTitle({ children, className, ...props }: StepperTitleProps) {\n  const { state } = useStepItem()\n\n  return (\n    <h3\n      data-slot=\"stepper-title\"\n      data-state={state}\n      className={cn('text-sm leading-none font-medium', className)}\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n}\n\nexport type StepperDescriptionProps = React.ComponentProps<'div'>\n\nfunction StepperDescription({ children, className, ...props }: StepperDescriptionProps) {\n  const { state } = useStepItem()\n\n  return (\n    <div\n      data-slot=\"stepper-description\"\n      data-state={state}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport type StepperNavProps = React.ComponentProps<'nav'>\n\nfunction StepperNav({ children, className, ...props }: StepperNavProps) {\n  const { activeStep, orientation } = useStepper()\n\n  return (\n    <nav\n      data-slot=\"stepper-nav\"\n      data-state={activeStep}\n      data-orientation={orientation}\n      className={cn(\n        'group/stepper-nav inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </nav>\n  )\n}\n\nexport type StepperPanelProps = React.ComponentProps<'div'>\n\nfunction StepperPanel({ children, className, ...props }: StepperPanelProps) {\n  const { activeStep } = useStepper()\n\n  return (\n    <div data-slot=\"stepper-panel\" data-state={activeStep} className={cn('w-full', className)} {...props}>\n      {children}\n    </div>\n  )\n}\n\nexport type StepperContentProps = React.ComponentProps<'div'> & {\n  /** Step this content belongs to. */\n  value: number\n  /** Keeps the content mounted when its step isn’t active. */\n  forceMount?: boolean\n}\n\nfunction StepperContent({ value, forceMount, children, className, ...props }: StepperContentProps) {\n  const { activeStep, getTriggerId, getContentId } = useStepper()\n  const isActive = value === activeStep\n\n  if (!forceMount && !isActive) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"tabpanel\"\n      id={getContentId(value)}\n      aria-labelledby={getTriggerId(value)}\n      data-slot=\"stepper-content\"\n      data-state={activeStep}\n      className={cn('w-full', className, !isActive && forceMount && 'hidden')}\n      hidden={!isActive && forceMount}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport {\n  Stepper,\n  StepperContent,\n  StepperDescription,\n  StepperIndicator,\n  StepperItem,\n  StepperNav,\n  StepperPanel,\n  StepperSeparator,\n  StepperTitle,\n  StepperTrigger,\n  useStepItem,\n  useStepper\n}\n"],"mappings":"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"}
+{"version":3,"file":"stepper.js","names":["StepperContext","createContext","StepItemContext","ctx","useContext","props","activeStep","setActiveStep","useState","defaultValue","baseId","useId","handleSetActiveStep","useCallback","value","step","onValueChange","currentStep","getTriggerId","getContentId","contextValue","useMemo","Children","children","isValidElement","child","orientation","indicators","cn","className","state","completed","isLoading","loading","disabled","root","trigger","node","isSelected","isAriaDisabled","asChild","isDisabled","onClick","event","onKeyDown","triggers","index","target","useAsChild","tabIndex","isActive","forceMount"],"sources":["../../src/components/stepper.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  isValidElement,\n  type ReactElement,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState\n} from 'react'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\n\n// Types\ntype StepperOrientation = 'horizontal' | 'vertical'\ntype StepState = 'active' | 'completed' | 'inactive' | 'loading'\ntype StepIndicators = {\n  active?: React.ReactNode\n  completed?: React.ReactNode\n  inactive?: React.ReactNode\n  loading?: React.ReactNode\n}\n\ninterface StepperContextValue {\n  activeStep: number\n  setActiveStep: (step: number) => void\n  stepsCount: number\n  orientation: StepperOrientation\n  indicators: StepIndicators\n  getTriggerId: (step: number) => string\n  getContentId: (step: number) => string\n}\n\ninterface StepItemContextValue {\n  step: number\n  state: StepState\n  isDisabled: boolean\n  isLoading: boolean\n}\n\nconst StepperContext = createContext<StepperContextValue | undefined>(undefined)\nconst StepItemContext = createContext<StepItemContextValue | undefined>(undefined)\n\nfunction useStepper() {\n  const ctx = useContext(StepperContext)\n  if (!ctx) throw new Error('useStepper must be used within a Stepper')\n  return ctx\n}\n\nfunction useStepItem() {\n  const ctx = useContext(StepItemContext)\n  if (!ctx) throw new Error('useStepItem must be used within a StepperItem')\n  return ctx\n}\n\nexport type StepperProps = Omit<React.ComponentProps<'div'>, 'defaultValue'> & {\n  /**\n   * Initial step (uncontrolled), starting at `1`.\n   * @default 1\n   */\n  defaultValue?: number\n  /** Current step (controlled). */\n  value?: number\n  /** Called with the new step when the user moves to it. */\n  onValueChange?: (value: number) => void\n  /**\n   * Layout of the steps.\n   * @default 'horizontal'\n   */\n  orientation?: StepperOrientation\n  /** Custom indicator content per state: `active`, `completed`, `inactive`, `loading`. */\n  indicators?: StepIndicators\n}\n\nfunction Stepper({\n  defaultValue = 1,\n  value,\n  onValueChange,\n  orientation = 'horizontal',\n  className,\n  children,\n  indicators = {},\n  ...props\n}: StepperProps) {\n  const [activeStep, setActiveStep] = useState(defaultValue)\n  const baseId = useId()\n\n  const handleSetActiveStep = useCallback(\n    (step: number) => {\n      if (value === undefined) {\n        setActiveStep(step)\n      }\n      onValueChange?.(step)\n    },\n    [value, onValueChange]\n  )\n\n  const currentStep = value ?? activeStep\n\n  const getTriggerId = useCallback((step: number) => `${baseId}-tab-${step}`, [baseId])\n  const getContentId = useCallback((step: number) => `${baseId}-panel-${step}`, [baseId])\n\n  // Context value\n  const contextValue = useMemo<StepperContextValue>(\n    () => ({\n      activeStep: currentStep,\n      setActiveStep: handleSetActiveStep,\n      stepsCount: Children.toArray(children).filter(\n        (child): child is ReactElement =>\n          isValidElement(child) && (child.type as { displayName?: string }).displayName === 'StepperItem'\n      ).length,\n      orientation,\n      indicators,\n      getTriggerId,\n      getContentId\n    }),\n    [currentStep, handleSetActiveStep, children, orientation, indicators, getTriggerId, getContentId]\n  )\n\n  return (\n    <StepperContext.Provider value={contextValue}>\n      <div\n        role=\"tablist\"\n        aria-orientation={orientation}\n        data-slot=\"stepper\"\n        className={cn('w-full', className)}\n        data-orientation={orientation}\n        {...props}\n      >\n        {children}\n      </div>\n    </StepperContext.Provider>\n  )\n}\n\nexport type StepperItemProps = React.ComponentProps<'div'> & {\n  /** Number of this step, starting at `1`. */\n  step: number\n  /**\n   * Marks the step as completed.\n   * @default false\n   */\n  completed?: boolean\n  /**\n   * Prevents navigating to this step.\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Shows the loading indicator for this step.\n   * @default false\n   */\n  loading?: boolean\n}\n\nfunction StepperItem({\n  step,\n  completed = false,\n  disabled = false,\n  loading = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) {\n  const { activeStep } = useStepper()\n\n  const state: StepState = completed || step < activeStep ? 'completed' : activeStep === step ? 'active' : 'inactive'\n\n  const isLoading = loading && step === activeStep\n\n  return (\n    <StepItemContext.Provider value={{ step, state, isDisabled: disabled, isLoading }}>\n      <div\n        data-slot=\"stepper-item\"\n        className={cn(\n          'group/step flex items-center justify-center not-last:flex-1 group-data-[orientation=horizontal]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:flex-col',\n          className\n        )}\n        data-state={state}\n        {...(isLoading ? { 'data-loading': true } : {})}\n        {...props}\n      >\n        {children}\n      </div>\n    </StepItemContext.Provider>\n  )\n}\n\nexport type StepperTriggerProps = AsChildProps<'button'>\n\n// Enabled triggers of the closest Stepper, in DOM order (nested steppers excluded).\nfunction getStepperTriggers(trigger: HTMLElement) {\n  const root = trigger.closest('[data-slot=\"stepper\"]')\n  if (!root) return []\n\n  return Array.from(root.querySelectorAll<HTMLElement>('[data-slot=\"stepper-trigger\"]')).filter(\n    (node) => node.closest('[data-slot=\"stepper\"]') === root && !node.matches(':disabled, [aria-disabled=\"true\"]')\n  )\n}\n\nfunction StepperTrigger({\n  asChild = false,\n  className,\n  children,\n  tabIndex,\n  onClick,\n  onKeyDown,\n  ...props\n}: StepperTriggerProps) {\n  const { setActiveStep, activeStep, getTriggerId, getContentId } = useStepper()\n  const { step, state, isDisabled, isLoading } = useStepItem()\n  const isSelected = activeStep === step\n  // A non-button child can't be natively disabled, so it gets `aria-disabled` instead.\n  const isAriaDisabled = asChild && isDisabled\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event)\n    if (event.defaultPrevented || isDisabled) return\n    setActiveStep(step)\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event)\n    if (event.defaultPrevented) return\n\n    const triggers = getStepperTriggers(event.currentTarget)\n    const index = triggers.indexOf(event.currentTarget)\n    let target: HTMLElement | undefined\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        target = index === -1 ? undefined : triggers[(index + 1) % triggers.length]\n        break\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        target = index === -1 ? undefined : triggers[(index - 1 + triggers.length) % triggers.length]\n        break\n      case 'Home':\n        target = triggers[0]\n        break\n      case 'End':\n        target = triggers[triggers.length - 1]\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        if (!isDisabled) setActiveStep(step)\n        return\n      default:\n        return\n    }\n\n    event.preventDefault()\n    target?.focus()\n  }\n\n  return useAsChild('button', {\n    asChild,\n    type: !asChild ? 'button' : undefined,\n    role: 'tab',\n    id: getTriggerId(step),\n    'aria-selected': isSelected,\n    'aria-controls': getContentId(step),\n    'aria-disabled': isAriaDisabled ? true : undefined,\n    tabIndex: typeof tabIndex === 'number' ? tabIndex : isSelected ? 0 : -1,\n    'data-slot': 'stepper-trigger',\n    'data-state': state,\n    'data-loading': isLoading,\n    disabled: asChild ? undefined : isDisabled,\n    className: cn(\n      'focus-visible:border-ring focus-visible:ring-ring/50 inline-flex cursor-pointer items-center outline-none focus-visible:z-10 focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-60 aria-disabled:pointer-events-none aria-disabled:opacity-60',\n      'gap-2.5 rounded-full',\n      className\n    ),\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n    ...props,\n    children\n  })\n}\n\nexport type StepperIndicatorProps = React.ComponentProps<'div'>\n\nfunction StepperIndicator({ children, className, ...props }: StepperIndicatorProps) {\n  const { state, isLoading } = useStepItem()\n  const { indicators } = useStepper()\n\n  return (\n    <div\n      data-slot=\"stepper-indicator\"\n      data-state={state}\n      className={cn(\n        'border-background bg-accent text-accent-foreground data-[state=completed]:bg-primary data-[state=completed]:text-primary-foreground data-[state=active]:bg-primary data-[state=active]:text-primary-foreground relative flex size-6 shrink-0 items-center justify-center overflow-hidden',\n        'rounded-full text-xs',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"absolute\">\n        {indicators &&\n        ((isLoading && indicators.loading) ||\n          (state === 'completed' && indicators.completed) ||\n          (state === 'active' && indicators.active) ||\n          (state === 'inactive' && indicators.inactive))\n          ? (isLoading && indicators.loading) ||\n            (state === 'completed' && indicators.completed) ||\n            (state === 'active' && indicators.active) ||\n            (state === 'inactive' && indicators.inactive)\n          : children}\n      </div>\n    </div>\n  )\n}\n\nexport type StepperSeparatorProps = React.ComponentProps<'div'>\n\nfunction StepperSeparator({ className, ...props }: StepperSeparatorProps) {\n  const { state } = useStepItem()\n\n  return (\n    <div\n      data-slot=\"stepper-separator\"\n      data-state={state}\n      className={cn(\n        'bg-muted rounded-sm group-data-[orientation=horizontal]/stepper-nav:h-0.5 group-data-[orientation=vertical]/stepper-nav:h-12 group-data-[orientation=vertical]/stepper-nav:w-0.5 m-0.5 group-data-[orientation=horizontal]/stepper-nav:flex-1',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport type StepperTitleProps = React.ComponentProps<'h3'>\n\nfunction StepperTitle({ children, className, ...props }: StepperTitleProps) {\n  const { state } = useStepItem()\n\n  return (\n    <h3\n      data-slot=\"stepper-title\"\n      data-state={state}\n      className={cn('text-sm leading-none font-medium', className)}\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n}\n\nexport type StepperDescriptionProps = React.ComponentProps<'div'>\n\nfunction StepperDescription({ children, className, ...props }: StepperDescriptionProps) {\n  const { state } = useStepItem()\n\n  return (\n    <div\n      data-slot=\"stepper-description\"\n      data-state={state}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport type StepperNavProps = React.ComponentProps<'nav'>\n\nfunction StepperNav({ children, className, ...props }: StepperNavProps) {\n  const { activeStep, orientation } = useStepper()\n\n  return (\n    <nav\n      data-slot=\"stepper-nav\"\n      data-state={activeStep}\n      data-orientation={orientation}\n      className={cn(\n        'group/stepper-nav inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </nav>\n  )\n}\n\nexport type StepperPanelProps = React.ComponentProps<'div'>\n\nfunction StepperPanel({ children, className, ...props }: StepperPanelProps) {\n  const { activeStep } = useStepper()\n\n  return (\n    <div data-slot=\"stepper-panel\" data-state={activeStep} className={cn('w-full', className)} {...props}>\n      {children}\n    </div>\n  )\n}\n\nexport type StepperContentProps = React.ComponentProps<'div'> & {\n  /** Step this content belongs to. */\n  value: number\n  /** Keeps the content mounted when its step isn’t active. */\n  forceMount?: boolean\n}\n\nfunction StepperContent({ value, forceMount, children, className, ...props }: StepperContentProps) {\n  const { activeStep, getTriggerId, getContentId } = useStepper()\n  const isActive = value === activeStep\n\n  if (!forceMount && !isActive) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"tabpanel\"\n      id={getContentId(value)}\n      aria-labelledby={getTriggerId(value)}\n      data-slot=\"stepper-content\"\n      data-state={activeStep}\n      className={cn('w-full', className, !isActive && forceMount && 'hidden')}\n      hidden={!isActive && forceMount}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport {\n  Stepper,\n  StepperContent,\n  StepperDescription,\n  StepperIndicator,\n  StepperItem,\n  StepperNav,\n  StepperPanel,\n  StepperSeparator,\n  StepperTitle,\n  StepperTrigger,\n  useStepItem,\n  useStepper\n}\n"],"mappings":"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"}

package/dist/components/switch.d.ts

@@ -4,7 +4,6 @@ import { LabelProps } from "./label.js";
 import * as React from "react";
 import { ReactNode } from "react";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
-//#region src/components/switch.d.ts
 export type SwitchProps = Omit<React.ComponentProps<typeof Switch$1.Root>, 'render'> & {
   /**
    * Palette family used when on.
@@ -26,6 +25,5 @@ export type SwitchProps = Omit<React.ComponentProps<typeof Switch$1.Root>, 'rend
   size?: 'sm' | 'md' | 'lg';
 };
 declare function Switch({ className, color, id, label, labelProps, description, descriptionProps, size, 'aria-invalid': ariaInvalid, ...props }: SwitchProps): React.JSX.Element;
-//#endregion
 export { Switch };
 //# sourceMappingURL=switch.d.ts.map

package/dist/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":["SwitchPrimitive","Switch$1","switchColorVariants","switchLabelVariants","cva","switchDescriptionVariants","ariaInvalid","props","generatedId","useId","fieldControlId","useFieldControlId","id","invalid","useFieldInvalid","hasLabel","label","resolvedId","labelClassName","labelRootProps","labelProps","descriptionId","hasDescription","description","descriptionClassName","descriptionRootProps","descriptionProps","resolvedDescriptionId","switchControl","color","size","cn","resolveClassName","className","state","Label"],"sources":["../../src/components/switch.tsx"],"sourcesContent":["import type * as React from 'react'\nimport { type ReactNode, useId } from 'react'\n\nimport { Switch as SwitchPrimitive } from '@base-ui/react/switch'\nimport { cva } from 'class-variance-authority'\n\nimport type { UIColor } from '../lib/color'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { useFieldControlId, useFieldInvalid } from './field'\nimport { Label, type LabelProps } from './label'\n\nexport type SwitchProps = Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'render'> & {\n  /**\n   * Palette family used when on.\n   * @default 'green'\n   */\n  color?: UIColor\n  /** Label rendered next to the switch and linked to it. */\n  label?: ReactNode\n  /** Props for the rendered label. */\n  labelProps?: Omit<LabelProps, 'children' | 'htmlFor'>\n  /** Helper text rendered below the label. */\n  description?: ReactNode\n  /** Props for the rendered description. */\n  descriptionProps?: Omit<React.ComponentProps<'p'>, 'children'>\n  /**\n   * Size of the switch and its label.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst switchColorVariants: Record<UIColor, string> = {\n  primary: '[--switch-checked:var(--primary)]',\n  brand: '[--switch-checked:var(--brand)]',\n  gray: '[--switch-checked:var(--gray)]',\n  zinc: '[--switch-checked:var(--zinc)]',\n  red: '[--switch-checked:var(--red)]',\n  yellow: '[--switch-checked:var(--yellow)]',\n  blue: '[--switch-checked:var(--blue)]',\n  indigo: '[--switch-checked:var(--indigo)]',\n  pink: '[--switch-checked:var(--pink)]',\n  green: '[--switch-checked:var(--green)]'\n}\n\nconst switchLabelVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'text-xs',\n      md: 'text-sm',\n      lg: 'text-lg'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nconst switchDescriptionVariants = cva(\n  'text-muted-foreground text-left leading-normal font-normal [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        md: 'text-xs',\n        lg: 'text-sm'\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  }\n)\n\nfunction Switch({\n  className,\n  color = 'green',\n  id,\n  label,\n  labelProps,\n  description,\n  descriptionProps,\n  size = 'md',\n  'aria-invalid': ariaInvalid,\n  ...props\n}: SwitchProps) {\n  const generatedId = useId()\n  const fieldControlId = useFieldControlId(id)\n  const invalid = useFieldInvalid(ariaInvalid)\n  const hasLabel = label !== undefined\n  const resolvedId = fieldControlId ?? (hasLabel ? generatedId : undefined)\n  const { className: labelClassName, ...labelRootProps } = labelProps ?? {}\n  const descriptionId = useId()\n  const hasDescription = description !== undefined\n  const { className: descriptionClassName, ...descriptionRootProps } = descriptionProps ?? {}\n  const resolvedDescriptionId = hasDescription ? (descriptionRootProps.id ?? descriptionId) : undefined\n\n  const switchControl = (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-color={color}\n      data-size={size}\n      id={resolvedId}\n      aria-describedby={resolvedDescriptionId}\n      aria-invalid={invalid}\n      className={(state) =>\n        cn(\n          'peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none',\n          'after:absolute after:-inset-x-3 after:-inset-y-2',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50',\n          'data-[size=lg]:h-5 data-[size=lg]:w-10.5 data-[size=md]:h-4 data-[size=md]:w-8.5 data-[size=sm]:h-3.5 data-[size=sm]:w-7.5',\n          'data-checked:bg-(--switch-checked) data-unchecked:bg-input dark:data-unchecked:bg-input/80',\n          'data-disabled:cursor-not-allowed data-disabled:opacity-50',\n          switchColorVariants[color],\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'pointer-events-none flex items-center justify-center rounded-full bg-background ring-0 transition-transform',\n          'group-data-[size=lg]/switch:size-4 group-data-[size=md]/switch:size-3 group-data-[size=sm]/switch:size-2.5',\n          'group-data-[size=lg]/switch:data-checked:translate-x-6',\n          'group-data-[size=md]/switch:data-checked:translate-x-5',\n          'group-data-[size=sm]/switch:data-checked:translate-x-4.5',\n          'group-data-[size=lg]/switch:data-unchecked:translate-x-0.5',\n          'group-data-[size=md]/switch:data-unchecked:translate-x-0.5',\n          'group-data-[size=sm]/switch:data-unchecked:translate-x-0.5',\n          'dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground'\n        )}\n      >\n        <span\n          data-slot=\"switch-thumb-indicator\"\n          className={cn(\n            'rounded-full transition-colors',\n            'group-data-[size=lg]/switch:size-2 group-data-[size=md]/switch:size-1.5 group-data-[size=sm]/switch:size-1',\n            'group-data-checked/switch:bg-(--switch-checked) group-data-unchecked/switch:bg-input',\n            'group-data-unchecked/switch:dark:bg-input/80'\n          )}\n        />\n      </SwitchPrimitive.Thumb>\n    </SwitchPrimitive.Root>\n  )\n\n  if (!hasLabel && !hasDescription) {\n    return switchControl\n  }\n\n  return (\n    <div\n      data-slot=\"switch-field\"\n      className=\"grid grid-cols-[auto_1fr] items-center justify-items-start gap-x-2 gap-y-0.5\"\n    >\n      {switchControl}\n      {hasLabel && (\n        <Label {...labelRootProps} htmlFor={resolvedId} className={cn(switchLabelVariants({ size }), labelClassName)}>\n          {label}\n        </Label>\n      )}\n      {hasDescription && (\n        <p\n          data-slot=\"switch-description\"\n          {...descriptionRootProps}\n          id={resolvedDescriptionId}\n          className={cn('col-start-2', switchDescriptionVariants({ size }), descriptionClassName)}\n        >\n          {description}\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport { Switch }\n"],"mappings":"mZAiCA,MAAME,EAA+C,CACnD,QAAS,oCACT,MAAO,kCACP,KAAM,iCACN,KAAM,iCACN,IAAK,gCACL,OAAQ,mCACR,KAAM,iCACN,OAAQ,mCACR,KAAM,iCACN,MAAO,iCACT,EAEMC,EAAsBC,EAAI,GAAI,CAClC,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,SACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAEKC,EAA4BD,EAChC,+HACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,SACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAEA,SAAS,OAAO,CACd,YACA,QAAQ,QACR,KACA,QACA,aACA,cACA,mBACA,OAAO,KACP,eAAgBE,EAChB,GAAGC,GACW,CACd,IAAMC,EAAcC,EAAM,EACpBC,EAAiBC,EAAkBC,CAAE,EACrCC,EAAUC,EAAgBR,CAAW,EACrCS,EAAWC,IAAU,IAAA,GACrBC,EAAaP,IAAmBK,EAAWP,EAAc,IAAA,IACzD,CAAE,UAAWU,EAAgB,GAAGC,GAAmBC,GAAc,CAAC,EAClEC,EAAgBZ,EAAM,EACtBa,EAAiBC,IAAgB,IAAA,GACjC,CAAE,UAAWC,EAAsB,GAAGC,GAAyBC,GAAoB,CAAC,EACpFC,EAAwBL,EAAkBG,EAAqB,IAAMJ,EAAiB,IAAA,GAEtFO,EACJ,kBAAC5B,EAAgB,KAAjB,CACE,YAAU,SACV,aAAY6B,EACZ,YAAWC,EACX,GAAIb,EACJ,mBAAkBU,EAClB,eAAcd,EACd,UAAY,GACVkB,EACE,kIACA,mDACA,4EACA,6HACA,6FACA,4DACA7B,EAAoB2B,GACpBG,EAAiBC,EAAWC,CAAK,CACnC,EAEF,GAAI3B,EAEJ,SAAA,kBAACP,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW+B,EACT,8GACA,6GACA,yDACA,yDACA,2DACA,6DACA,6DACA,6DACA,2EACF,EAEA,SAAA,kBAAC,OAAD,CACE,YAAU,yBACV,UAAWA,EACT,iCACA,6GACA,uFACA,8CACF,CACD,CAAA,CACoB,CAAA,CACH,CAAA,EAOxB,MAJI,CAAChB,GAAY,CAACO,EACTM,EAIP,kBAAC,MAAD,CACE,YAAU,eACV,UAAU,+EAFZ,SAAA,CAIGA,EACAb,GACC,kBAACoB,EAAD,CAAO,GAAIhB,EAAgB,QAASF,EAAY,UAAWc,EAAG5B,EAAoB,CAAE,MAAK,CAAC,EAAGe,CAAc,EACxG,SAAAF,CACI,CAAA,EAERM,GACC,kBAAC,IAAD,CACE,YAAU,qBACV,GAAIG,EACJ,GAAIE,EACJ,UAAWI,EAAG,cAAe1B,EAA0B,CAAE,MAAK,CAAC,EAAGmB,CAAoB,EAErF,SAAAD,CACA,CAAA,CAEF,GAET"}
+{"version":3,"file":"switch.js","names":["SwitchPrimitive","Switch$1","switchColorVariants","switchLabelVariants","cva","switchDescriptionVariants","ariaInvalid","props","generatedId","useId","fieldControlId","useFieldControlId","id","invalid","useFieldInvalid","hasLabel","label","resolvedId","labelClassName","labelRootProps","labelProps","descriptionId","hasDescription","description","descriptionClassName","descriptionRootProps","descriptionProps","resolvedDescriptionId","switchControl","color","size","cn","resolveClassName","className","state","Label"],"sources":["../../src/components/switch.tsx"],"sourcesContent":["import type * as React from 'react'\nimport { type ReactNode, useId } from 'react'\n\nimport { Switch as SwitchPrimitive } from '@base-ui/react/switch'\nimport { cva } from 'class-variance-authority'\n\nimport type { UIColor } from '../lib/color'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { useFieldControlId, useFieldInvalid } from './field'\nimport { Label, type LabelProps } from './label'\n\nexport type SwitchProps = Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'render'> & {\n  /**\n   * Palette family used when on.\n   * @default 'green'\n   */\n  color?: UIColor\n  /** Label rendered next to the switch and linked to it. */\n  label?: ReactNode\n  /** Props for the rendered label. */\n  labelProps?: Omit<LabelProps, 'children' | 'htmlFor'>\n  /** Helper text rendered below the label. */\n  description?: ReactNode\n  /** Props for the rendered description. */\n  descriptionProps?: Omit<React.ComponentProps<'p'>, 'children'>\n  /**\n   * Size of the switch and its label.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst switchColorVariants: Record<UIColor, string> = {\n  primary: '[--switch-checked:var(--primary)]',\n  brand: '[--switch-checked:var(--brand)]',\n  gray: '[--switch-checked:var(--gray)]',\n  zinc: '[--switch-checked:var(--zinc)]',\n  red: '[--switch-checked:var(--red)]',\n  yellow: '[--switch-checked:var(--yellow)]',\n  blue: '[--switch-checked:var(--blue)]',\n  indigo: '[--switch-checked:var(--indigo)]',\n  pink: '[--switch-checked:var(--pink)]',\n  green: '[--switch-checked:var(--green)]'\n}\n\nconst switchLabelVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'text-xs',\n      md: 'text-sm',\n      lg: 'text-lg'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nconst switchDescriptionVariants = cva(\n  'text-muted-foreground text-left leading-normal font-normal [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        md: 'text-xs',\n        lg: 'text-sm'\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  }\n)\n\nfunction Switch({\n  className,\n  color = 'green',\n  id,\n  label,\n  labelProps,\n  description,\n  descriptionProps,\n  size = 'md',\n  'aria-invalid': ariaInvalid,\n  ...props\n}: SwitchProps) {\n  const generatedId = useId()\n  const fieldControlId = useFieldControlId(id)\n  const invalid = useFieldInvalid(ariaInvalid)\n  const hasLabel = label !== undefined\n  const resolvedId = fieldControlId ?? (hasLabel ? generatedId : undefined)\n  const { className: labelClassName, ...labelRootProps } = labelProps ?? {}\n  const descriptionId = useId()\n  const hasDescription = description !== undefined\n  const { className: descriptionClassName, ...descriptionRootProps } = descriptionProps ?? {}\n  const resolvedDescriptionId = hasDescription ? (descriptionRootProps.id ?? descriptionId) : undefined\n\n  const switchControl = (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-color={color}\n      data-size={size}\n      id={resolvedId}\n      aria-describedby={resolvedDescriptionId}\n      aria-invalid={invalid}\n      className={(state) =>\n        cn(\n          'peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none',\n          'after:absolute after:-inset-x-3 after:-inset-y-2',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50',\n          'data-[size=lg]:h-5 data-[size=lg]:w-10.5 data-[size=md]:h-4 data-[size=md]:w-8.5 data-[size=sm]:h-3.5 data-[size=sm]:w-7.5',\n          'data-checked:bg-(--switch-checked) data-unchecked:bg-input dark:data-unchecked:bg-input/80',\n          'data-disabled:cursor-not-allowed data-disabled:opacity-50',\n          switchColorVariants[color],\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'pointer-events-none flex items-center justify-center rounded-full bg-background ring-0 transition-transform',\n          'group-data-[size=lg]/switch:size-4 group-data-[size=md]/switch:size-3 group-data-[size=sm]/switch:size-2.5',\n          'group-data-[size=lg]/switch:data-checked:translate-x-6',\n          'group-data-[size=md]/switch:data-checked:translate-x-5',\n          'group-data-[size=sm]/switch:data-checked:translate-x-4.5',\n          'group-data-[size=lg]/switch:data-unchecked:translate-x-0.5',\n          'group-data-[size=md]/switch:data-unchecked:translate-x-0.5',\n          'group-data-[size=sm]/switch:data-unchecked:translate-x-0.5',\n          'dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground'\n        )}\n      >\n        <span\n          data-slot=\"switch-thumb-indicator\"\n          className={cn(\n            'rounded-full transition-colors',\n            'group-data-[size=lg]/switch:size-2 group-data-[size=md]/switch:size-1.5 group-data-[size=sm]/switch:size-1',\n            'group-data-checked/switch:bg-(--switch-checked) group-data-unchecked/switch:bg-input',\n            'group-data-unchecked/switch:dark:bg-input/80'\n          )}\n        />\n      </SwitchPrimitive.Thumb>\n    </SwitchPrimitive.Root>\n  )\n\n  if (!hasLabel && !hasDescription) {\n    return switchControl\n  }\n\n  return (\n    <div\n      data-slot=\"switch-field\"\n      className=\"grid grid-cols-[auto_1fr] items-center justify-items-start gap-x-2 gap-y-0.5\"\n    >\n      {switchControl}\n      {hasLabel && (\n        <Label {...labelRootProps} htmlFor={resolvedId} className={cn(switchLabelVariants({ size }), labelClassName)}>\n          {label}\n        </Label>\n      )}\n      {hasDescription && (\n        <p\n          data-slot=\"switch-description\"\n          {...descriptionRootProps}\n          id={resolvedDescriptionId}\n          className={cn('col-start-2', switchDescriptionVariants({ size }), descriptionClassName)}\n        >\n          {description}\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport { Switch }\n"],"mappings":"A,mZAiCA,MAAME,EAA+C,CACnD,QAAS,oCACT,MAAO,kCACP,KAAM,iCACN,KAAM,iCACN,IAAK,gCACL,OAAQ,mCACR,KAAM,iCACN,OAAQ,mCACR,KAAM,iCACN,MAAO,iCACT,EAEMC,EAAsBC,EAAI,GAAI,CAClC,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,SACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAEKC,EAA4BD,EAChC,+HACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,SACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAEA,SAAS,OAAO,CACd,YACA,QAAQ,QACR,KACA,QACA,aACA,cACA,mBACA,OAAO,KACP,eAAgBE,EAChB,GAAGC,GACW,CACd,IAAMC,EAAcC,EAAM,EACpBC,EAAiBC,EAAkBC,CAAE,EACrCC,EAAUC,EAAgBR,CAAW,EACrCS,EAAWC,IAAU,IAAA,GACrBC,EAAaP,IAAmBK,EAAWP,EAAc,IAAA,IACzD,CAAE,UAAWU,EAAgB,GAAGC,GAAmBC,GAAc,CAAC,EAClEC,EAAgBZ,EAAM,EACtBa,EAAiBC,IAAgB,IAAA,GACjC,CAAE,UAAWC,EAAsB,GAAGC,GAAyBC,GAAoB,CAAC,EACpFC,EAAwBL,EAAkBG,EAAqB,IAAMJ,EAAiB,IAAA,GAEtFO,EACJ,kBAAC5B,EAAgB,KAAjB,CACE,YAAU,SACV,aAAY6B,EACZ,YAAWC,EACX,GAAIb,EACJ,mBAAkBU,EAClB,eAAcd,EACd,UAAY,GACVkB,EACE,kIACA,mDACA,4EACA,6HACA,6FACA,4DACA7B,EAAoB2B,GACpBG,EAAiBC,EAAWC,CAAK,CACnC,EAEF,GAAI3B,EAEJ,SAAA,kBAACP,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW+B,EACT,8GACA,6GACA,yDACA,yDACA,2DACA,6DACA,6DACA,6DACA,2EACF,EAEA,SAAA,kBAAC,OAAD,CACE,YAAU,yBACV,UAAWA,EACT,iCACA,6GACA,uFACA,8CACF,CACD,CAAA,CACoB,CAAA,CACH,CAAA,EAOxB,MAJI,CAAChB,GAAY,CAACO,EACTM,EAIP,kBAAC,MAAD,CACE,YAAU,eACV,UAAU,+EAFZ,SAAA,CAIGA,EACAb,GACC,kBAACoB,EAAD,CAAO,GAAIhB,EAAgB,QAASF,EAAY,UAAWc,EAAG5B,EAAoB,CAAE,MAAK,CAAC,EAAGe,CAAc,EACxG,SAAAF,CACI,CAAA,EAERM,GACC,kBAAC,IAAD,CACE,YAAU,qBACV,GAAIG,EACJ,GAAIE,EACJ,UAAWI,EAAG,cAAe1B,EAA0B,CAAE,MAAK,CAAC,EAAGmB,CAAoB,EAErF,SAAAD,CACA,CAAA,CAEF,C,EAET,C"}