@humain/ui 2.1.62 → 2.1.65

package/dist/index223.js.map

@@ -1 +1 @@
-{"version":3,"file":"index223.js","names":[],"sources":["../src/components/templates/AppShellCard/AppShellCard.tsx"],"sourcesContent":["'use client';\n\nimport { EllipsisVertical, Maximize2, Minimize2 } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '@/components/atoms/buttons/Button';\nimport { DropdownMenu } from '@/components/organisms/menus/DropdownMenu';\nimport { AppShellContent } from '@/components/templates/AppShell/AppShellContent';\nimport { usePanelExpansion } from '@/components/templates/AppShell/AppShellContext';\nimport { cn } from '@/lib/utils';\n\n// ============================================\n// Type Markers\n// ============================================\n\nconst HEADER_TYPE = 'AppShellCard.Header' as const;\nconst TOOLBAR_TYPE = 'AppShellCard.Toolbar' as const;\nconst ACTIONS_TYPE = 'AppShellCard.Actions' as const;\nconst MENU_TYPE = 'AppShellCard.Menu' as const;\nconst TITLE_TYPE = 'AppShellCard.Title' as const;\n\ntype AppShellCardSlotType =\n  | typeof HEADER_TYPE\n  | typeof TOOLBAR_TYPE\n  | typeof ACTIONS_TYPE\n  | typeof MENU_TYPE\n  | typeof TITLE_TYPE;\n\ninterface AppShellCardMarkedComponent {\n  __appShellCardType?: AppShellCardSlotType;\n}\n\nfunction getAppShellCardType(\n  child: React.ReactElement,\n): AppShellCardSlotType | undefined {\n  if (!child.type || typeof child.type === 'string') {\n    return undefined;\n  }\n\n  return (child.type as AppShellCardMarkedComponent).__appShellCardType;\n}\n\nfunction assignAppShellCardType<T>(\n  component: T,\n  type: AppShellCardSlotType,\n): T {\n  (component as T & AppShellCardMarkedComponent).__appShellCardType = type;\n  return component;\n}\n\nfunction getNodeText(node: React.ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') {\n    return String(node);\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(getNodeText).join('');\n  }\n\n  if (React.isValidElement<{ children?: React.ReactNode }>(node)) {\n    return getNodeText(node.props.children);\n  }\n\n  return '';\n}\n\nfunction getTitleText(node: React.ReactNode): string {\n  let titleText = '';\n\n  React.Children.forEach(node, (child) => {\n    if (\n      titleText ||\n      !React.isValidElement<{ children?: React.ReactNode }>(child)\n    ) {\n      return;\n    }\n\n    if (getAppShellCardType(child) === TITLE_TYPE) {\n      titleText = getNodeText(child.props.children).trim();\n      return;\n    }\n\n    titleText = getTitleText(child.props.children);\n  });\n\n  return titleText;\n}\n\n// ============================================\n// AppShellCard Root\n// ============================================\n\nexport type AppShellCardBodyPadding = 'none' | 'md';\nexport type AppShellCardElevation =\n  | 'none'\n  | '2xs'\n  | 'xs'\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'xl'\n  | '2xl';\n\nconst appShellCardBodyPaddingClasses: Record<AppShellCardBodyPadding, string> =\n  {\n    none: '',\n    md: 'p-4 sm:p-6',\n  };\n\nconst appShellCardElevationClasses: Record<AppShellCardElevation, string> = {\n  none: 'shadow-none',\n  '2xs': 'shadow-2xs',\n  xs: 'shadow-xs',\n  sm: 'shadow-sm',\n  md: 'shadow-md',\n  lg: 'shadow-lg',\n  xl: 'shadow-xl',\n  '2xl': 'shadow-2xl',\n};\n\nconst appShellCardToolbarClassName =\n  'flex shrink-0 items-center gap-4 overflow-hidden border-b border-border px-4 py-3 sm:gap-6 sm:p-6';\n\nexport interface AppShellCardProps extends React.ComponentProps<'div'> {\n  /** Body padding. Defaults to \"md\"; use \"none\" for edge-to-edge content. */\n  bodyPadding?: AppShellCardBodyPadding;\n  /** Outer panel elevation. Defaults to \"md\"; use \"none\" only when a flush panel is needed. */\n  elevation?: AppShellCardElevation;\n  /** Additional class names for the scrollable body region. */\n  bodyClassName?: string;\n  /** Accessible label for the scrollable body region. Defaults to the card title when present. */\n  bodyAriaLabel?: string;\n  /** Opt into the legacy inset margin when the containing panel is not expanded. */\n  inset?: boolean;\n}\n\nconst AppShellCardRoot = React.forwardRef<HTMLDivElement, AppShellCardProps>(\n  function AppShellCardRoot(\n    {\n      className,\n      bodyPadding = 'md',\n      elevation = 'md',\n      bodyClassName,\n      bodyAriaLabel,\n      inset = false,\n      children,\n      ...props\n    },\n    ref,\n  ) {\n    const expansion = usePanelExpansion();\n    const menuId = React.useId();\n    const bodyRef = React.useRef<HTMLElement>(null);\n\n    // Scroll shadow detection — sets CSS custom properties for delight-scroll-shadow\n    React.useEffect(() => {\n      const el = bodyRef.current;\n      if (!el) return;\n\n      const update = () => {\n        const hasOverflow = el.scrollHeight > el.clientHeight;\n        const top = hasOverflow && el.scrollTop > 0 ? '1' : '0';\n        const bottom =\n          hasOverflow && el.scrollTop + el.clientHeight < el.scrollHeight - 1\n            ? '1'\n            : '0';\n        if (el.style.getPropertyValue('--scroll-t') !== top)\n          el.style.setProperty('--scroll-t', top);\n        if (el.style.getPropertyValue('--scroll-b') !== bottom)\n          el.style.setProperty('--scroll-b', bottom);\n      };\n\n      el.addEventListener('scroll', update, { passive: true });\n      const OwnerResizeObserver = el.ownerDocument.defaultView?.ResizeObserver;\n      const observer = OwnerResizeObserver\n        ? new OwnerResizeObserver(update)\n        : null;\n      observer?.observe(el);\n      update();\n\n      return () => {\n        el.removeEventListener('scroll', update);\n        observer?.disconnect();\n      };\n    }, []);\n\n    // Classify children by type markers\n    let toolbarSlot: React.ReactElement<AppShellCardToolbarProps> | null = null;\n    let headerSlot: React.ReactNode = null;\n    let actionsSlot: React.ReactNode = null;\n    let menuSlot: React.ReactNode = null;\n    const toolbarChildren: React.ReactNode[] = [];\n    const bodyChildren: React.ReactNode[] = [];\n\n    for (const child of React.Children.toArray(children)) {\n      if (!React.isValidElement(child)) {\n        bodyChildren.push(child);\n        continue;\n      }\n      const type = getAppShellCardType(child);\n      if (type === HEADER_TYPE) {\n        headerSlot = child;\n      } else if (type === TOOLBAR_TYPE) {\n        toolbarSlot = child as React.ReactElement<AppShellCardToolbarProps>;\n      } else if (type === ACTIONS_TYPE) {\n        actionsSlot = child;\n      } else if (type === MENU_TYPE) {\n        menuSlot = child;\n      } else {\n        bodyChildren.push(child);\n      }\n    }\n\n    if (toolbarSlot) {\n      for (const child of React.Children.toArray(toolbarSlot.props.children)) {\n        if (!React.isValidElement(child)) {\n          toolbarChildren.push(child);\n          continue;\n        }\n\n        const type = getAppShellCardType(child);\n        if (type === HEADER_TYPE) {\n          headerSlot = child;\n        } else if (type === ACTIONS_TYPE) {\n          actionsSlot = child;\n        } else if (type === MENU_TYPE) {\n          menuSlot = child;\n        } else {\n          toolbarChildren.push(child);\n        }\n      }\n    }\n\n    const hasToolbar =\n      toolbarSlot ||\n      headerSlot ||\n      actionsSlot ||\n      menuSlot ||\n      toolbarChildren.length > 0 ||\n      expansion?.onExpandedChange;\n    const titleText = headerSlot ? getTitleText(headerSlot) : '';\n    const resolvedBodyAriaLabel =\n      bodyAriaLabel ?? (titleText ? `${titleText} content` : 'Card content');\n    const {\n      children: _toolbarSlotChildren,\n      className: toolbarClassName,\n      ...toolbarProps\n    } = toolbarSlot?.props ?? {};\n\n    return (\n      <AppShellContent\n        ref={ref}\n        data-slot=\"app-shell-card\"\n        className={cn(\n          appShellCardElevationClasses[elevation],\n          'transition-[margin] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]',\n          inset && !expansion?.expanded ? 'mx-5 my-10' : 'm-0',\n          className,\n        )}\n        {...props}\n      >\n        {hasToolbar && (\n          <div\n            role=\"toolbar\"\n            aria-label=\"Card actions\"\n            {...toolbarProps}\n            data-slot=\"app-shell-card-toolbar\"\n            className={cn(appShellCardToolbarClassName, toolbarClassName)}\n          >\n            {headerSlot}\n            {toolbarChildren}\n            {actionsSlot}\n            {menuSlot && (\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  render={\n                    <Button\n                      appearance=\"ghost\"\n                      size=\"icon\"\n                      aria-label=\"More options\"\n                    >\n                      <EllipsisVertical className=\"size-5\" />\n                    </Button>\n                  }\n                />\n                <DropdownMenu.Popup\n                  id={`${menuId}-popup`}\n                  align=\"end\"\n                  sideOffset={4}\n                >\n                  {\n                    (menuSlot as React.ReactElement<AppShellCardMenuProps>)\n                      .props.children\n                  }\n                </DropdownMenu.Popup>\n              </DropdownMenu>\n            )}\n            {expansion?.onExpandedChange && (\n              <Button\n                appearance=\"ghost\"\n                size=\"icon\"\n                onClick={() =>\n                  expansion.onExpandedChange?.(!expansion.expanded)\n                }\n                aria-label={\n                  expansion.expanded ? 'Minimize panel' : 'Maximize panel'\n                }\n              >\n                <span\n                  key={String(expansion.expanded)}\n                  className=\"delight-fade-in inline-flex\"\n                >\n                  {expansion.expanded ? (\n                    <Minimize2 className=\"size-5\" />\n                  ) : (\n                    <Maximize2 className=\"size-5\" />\n                  )}\n                </span>\n              </Button>\n            )}\n          </div>\n        )}\n        <section\n          ref={bodyRef}\n          data-slot=\"app-shell-card-body\"\n          aria-label={resolvedBodyAriaLabel || 'Card content'}\n          // biome-ignore lint/a11y/noNoninteractiveTabindex: Focusable scroll region satisfies axe scrollable-region-focusable.\n          tabIndex={0}\n          className={cn(\n            'delight-scroll-shadow flex-1 min-h-0 overflow-auto focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring rounded-b-[inherit]',\n            appShellCardBodyPaddingClasses[bodyPadding],\n            bodyClassName,\n          )}\n        >\n          {bodyChildren}\n        </section>\n      </AppShellContent>\n    );\n  },\n);\n\nAppShellCardRoot.displayName = 'AppShellCard';\n\n// ============================================\n// AppShellCard.Toolbar\n// ============================================\n\nexport interface AppShellCardToolbarProps extends React.ComponentProps<'div'> {}\n\nfunction AppShellCardToolbar({\n  className,\n  children,\n  ...props\n}: AppShellCardToolbarProps) {\n  return (\n    <div\n      data-slot=\"app-shell-card-toolbar\"\n      role=\"toolbar\"\n      aria-label=\"Card actions\"\n      className={cn(appShellCardToolbarClassName, className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nAppShellCardToolbar.displayName = 'AppShellCard.Toolbar';\nassignAppShellCardType(AppShellCardToolbar, TOOLBAR_TYPE);\n\n// ============================================\n// AppShellCard.Header\n// ============================================\n\nexport interface AppShellCardHeaderProps extends React.ComponentProps<'div'> {}\n\nfunction AppShellCardHeader({\n  className,\n  children,\n  ...props\n}: AppShellCardHeaderProps) {\n  return (\n    <div\n      data-slot=\"app-shell-card-header\"\n      className={cn('flex min-w-0 flex-1 flex-col justify-center', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nAppShellCardHeader.displayName = 'AppShellCard.Header';\nassignAppShellCardType(AppShellCardHeader, HEADER_TYPE);\n\n// ============================================\n// AppShellCard.Title\n// ============================================\n\nexport interface AppShellCardTitleProps extends React.ComponentProps<'h3'> {}\n\nfunction AppShellCardTitle({\n  className,\n  children,\n  ...props\n}: AppShellCardTitleProps) {\n  return (\n    <h3\n      data-slot=\"app-shell-card-title\"\n      className={cn(\n        'text-lg font-semibold leading-7 text-foreground',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n\nAppShellCardTitle.displayName = 'AppShellCard.Title';\nassignAppShellCardType(AppShellCardTitle, TITLE_TYPE);\n\n// ============================================\n// AppShellCard.Subtitle\n// ============================================\n\nexport interface AppShellCardSubtitleProps extends React.ComponentProps<'p'> {}\n\nfunction AppShellCardSubtitle({\n  className,\n  children,\n  ...props\n}: AppShellCardSubtitleProps) {\n  return (\n    <p\n      data-slot=\"app-shell-card-subtitle\"\n      className={cn('text-sm leading-5 text-secondary-foreground', className)}\n      {...props}\n    >\n      {children}\n    </p>\n  );\n}\n\nAppShellCardSubtitle.displayName = 'AppShellCard.Subtitle';\n\n// ============================================\n// AppShellCard.Actions\n// ============================================\n\nexport interface AppShellCardActionsProps extends React.ComponentProps<'div'> {}\n\nfunction AppShellCardActions({\n  className,\n  children,\n  ...props\n}: AppShellCardActionsProps) {\n  return (\n    <div\n      data-slot=\"app-shell-card-actions\"\n      className={cn('flex shrink-0 items-center gap-2', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nAppShellCardActions.displayName = 'AppShellCard.Actions';\nassignAppShellCardType(AppShellCardActions, ACTIONS_TYPE);\n\n// ============================================\n// AppShellCard.Menu\n// ============================================\n\nexport interface AppShellCardMenuProps {\n  children: React.ReactNode;\n}\n\nfunction AppShellCardMenu({ children }: AppShellCardMenuProps) {\n  return children as React.ReactElement;\n}\n\nAppShellCardMenu.displayName = 'AppShellCard.Menu';\nassignAppShellCardType(AppShellCardMenu, MENU_TYPE);\n\n// ============================================\n// Compound Export\n// ============================================\n\nconst AppShellCard = Object.assign(AppShellCardRoot, {\n  Toolbar: AppShellCardToolbar,\n  Header: AppShellCardHeader,\n  Title: AppShellCardTitle,\n  Subtitle: AppShellCardSubtitle,\n  Actions: AppShellCardActions,\n  Menu: AppShellCardMenu,\n});\n\nexport {\n  AppShellCard,\n  AppShellCardActions,\n  AppShellCardHeader,\n  AppShellCardMenu,\n  AppShellCardRoot,\n  AppShellCardSubtitle,\n  AppShellCardTitle,\n  AppShellCardToolbar,\n};\n"],"mappings":"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"}
+{"version":3,"file":"index223.js","names":[],"sources":["../src/components/templates/AppShell/AppShell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { GroupImperativeHandle } from 'react-resizable-panels';\nimport {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n} from '@/components/atoms/layout/Resizable';\nimport { AppShell as AppShellPrimitive } from '@/components/ui/app-shell';\n\nimport { Sheet, SheetContent } from '@/components/ui/sheet';\nimport { SidebarContext } from '@/components/ui/sidebar';\nimport { useIsMobile } from '@/hooks/use-mobile';\nimport { cn } from '@/lib/utils';\nimport { AppShellContent } from './AppShellContent';\nimport {\n  type AppShellContextValue,\n  AppShellProvider,\n  PanelIndexContext,\n  PanelLayoutContext,\n  type PanelLayoutInfo,\n  type PanelPosition,\n} from './AppShellContext';\nimport { AppShellMobileTabBar } from './AppShellMobileTabBar';\nimport {\n  APPSHELL_PANEL_TYPE,\n  AppShellPanel,\n  type AppShellPanelComponent,\n  type AppShellPanelProps,\n} from './AppShellPanel';\nimport {\n  DEFAULT_EXPAND_THRESHOLD,\n  getExpandedPanelFromLayout,\n  layoutMapToTuple,\n  normalizePanelSizes,\n  toResizableMinSize,\n  toResizablePercentageSize,\n} from './AppShellResize';\n\nconst DEFAULT_APP_SHELL_BACKGROUND = 'var(--app-background)';\n\ninterface AppShellPanelMarker {\n  __appShellType?: unknown;\n}\n\nfunction isAppShellPanelComponent(\n  type: unknown,\n): type is AppShellPanelComponent {\n  return (\n    typeof type === 'function' &&\n    (type as AppShellPanelMarker).__appShellType === APPSHELL_PANEL_TYPE\n  );\n}\n\nfunction isAppShellPanelElement(\n  child: React.ReactNode,\n): child is React.ReactElement<AppShellPanelProps, AppShellPanelComponent> {\n  return React.isValidElement(child) && isAppShellPanelComponent(child.type);\n}\n\nfunction getAppShellPanelIdentity(\n  panel: React.ReactElement<AppShellPanelProps>,\n  ariaBaseId: string,\n  index: number,\n): React.Key {\n  return panel.key ?? panel.props.label ?? `${ariaBaseId}-panel-${index}`;\n}\n\ninterface AppShellPanelWithLayoutProps {\n  panel: React.ReactElement<AppShellPanelProps>;\n  visible: boolean;\n  index: number;\n  overrides?: Partial<PanelLayoutInfo>;\n  isMobile: boolean;\n  activePanel: number;\n  hasExpanded: boolean;\n  hasTabBar: boolean;\n  ariaBaseId: string;\n  rootExpansionActive: boolean;\n  firstExpandedIndex: number | null;\n  onExpandedPanelChange: (panelIndex: number | null) => void;\n}\n\nfunction AppShellPanelWithLayout({\n  panel,\n  visible,\n  index,\n  overrides = {},\n  isMobile,\n  activePanel,\n  hasExpanded,\n  hasTabBar,\n  ariaBaseId,\n  rootExpansionActive,\n  firstExpandedIndex,\n  onExpandedPanelChange,\n}: AppShellPanelWithLayoutProps) {\n  if (isMobile && index !== activePanel) return null;\n\n  const layoutInfo: PanelLayoutInfo = {\n    visible: isMobile ? true : visible,\n    collapseMode: hasExpanded ? 'animated' : 'removed',\n    isMobile,\n    tabId: hasTabBar ? `${ariaBaseId}-tab-${index}` : undefined,\n    panelId: hasTabBar ? `${ariaBaseId}-tabpanel-${index}` : undefined,\n    expanded: rootExpansionActive\n      ? hasExpanded && index === firstExpandedIndex\n      : undefined,\n    onExpandedChange: rootExpansionActive\n      ? (nextExpanded) => onExpandedPanelChange(nextExpanded ? index : null)\n      : undefined,\n    ...overrides,\n  };\n\n  return (\n    <PanelIndexContext.Provider value={index}>\n      <PanelLayoutContext.Provider value={layoutInfo}>\n        {panel}\n      </PanelLayoutContext.Provider>\n    </PanelIndexContext.Provider>\n  );\n}\n\n// ============================================\n// AppShell Root\n// ============================================\n\nexport interface AppShellProps extends React.ComponentProps<'div'> {\n  /** Any CSS background value (color, gradient, image). Defaults to var(--app-background). */\n  background?: string;\n  /** Fixed height, supports CSS calc() */\n  height?: string;\n  /** Spacing around the inner content in pixels or CSS value */\n  padding?: number | string;\n  /** Padding on mobile viewports. Defaults to 8px. */\n  mobilePadding?: number | string;\n  /** Gap between panels in pixels or CSS value. Defaults to 12. */\n  gap?: number | string;\n  /** Joined-edge mode where panels share borders. Defaults to false. */\n  connected?: boolean;\n  /** ID of the main content element for skip navigation. */\n  skipToId?: string;\n  /** Controlled active panel index for mobile tab switching. */\n  activePanel?: number;\n  /** Callback when active panel changes on mobile. */\n  onActivePanelChange?: (index: number) => void;\n  /** Default active panel on mobile (default: 0). */\n  defaultActivePanel?: number;\n  /** Controlled expanded panel index. Use null for no expanded panel. */\n  expandedPanel?: number | null;\n  /** Initial expanded panel index for uncontrolled root-owned expansion. */\n  defaultExpandedPanel?: number | null;\n  /** Callback when root-owned expansion changes. */\n  onExpandedPanelChange?: (panelIndex: number | null) => void;\n  /** Enables root-owned two-panel resizing on desktop. Defaults to true for eligible two-panel layouts. */\n  resizablePanels?: boolean;\n  /** Initial panel size split in percentages. Defaults to [35, 65]. */\n  defaultPanelSizes?: [number, number];\n  /** Controlled panel size split in percentages. */\n  panelSizes?: [number, number];\n  /** Called after the user releases the resize handle. */\n  onPanelSizesChange?: (sizes: [number, number]) => void;\n  /** Percentage threshold that expands the dominant panel on release. */\n  expandThreshold?: number;\n}\n\nfunction AppShellRoot({\n  background = DEFAULT_APP_SHELL_BACKGROUND,\n  height = '100dvh',\n  padding = 16,\n  mobilePadding,\n  gap = 12,\n  connected = false,\n  skipToId,\n  activePanel: activePanelProp,\n  onActivePanelChange,\n  defaultActivePanel = 0,\n  expandedPanel: expandedPanelProp,\n  defaultExpandedPanel,\n  onExpandedPanelChange,\n  resizablePanels,\n  defaultPanelSizes,\n  panelSizes,\n  onPanelSizesChange,\n  expandThreshold = DEFAULT_EXPAND_THRESHOLD,\n  className,\n  children,\n  ...props\n}: AppShellProps): React.ReactElement {\n  const isMobile = useIsMobile();\n  const ariaBaseId = React.useId();\n  const [internalActivePanel, setInternalActivePanel] =\n    React.useState(defaultActivePanel);\n  const [internalExpandedPanel, setInternalExpandedPanel] = React.useState<\n    number | null\n  >(defaultExpandedPanel ?? null);\n  const [internalPanelSizes, setInternalPanelSizes] = React.useState(() =>\n    normalizePanelSizes(defaultPanelSizes),\n  );\n  const [isResizingPanels, setIsResizingPanels] = React.useState(false);\n  const [isRestoringResizablePanels, setIsRestoringResizablePanels] =\n    React.useState(false);\n  const [internalMobileSidebarOpen, setInternalMobileSidebarOpen] =\n    React.useState(false);\n  const resizableGroupRef = React.useRef<GroupImperativeHandle | null>(null);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const allowResizeReleaseExpansionRef = React.useRef(false);\n  const suppressControlledLayoutChangeRef = React.useRef(false);\n  const previousResizableExpandedRef = React.useRef(false);\n\n  const activePanel = activePanelProp ?? internalActivePanel;\n  const handleActivePanelChange = React.useCallback(\n    (index: number) => {\n      if (activePanelProp === undefined) {\n        setInternalActivePanel((prev) => (prev === index ? prev : index));\n      }\n      onActivePanelChange?.(index);\n    },\n    [activePanelProp, onActivePanelChange],\n  );\n\n  const rootExpansionRequested =\n    expandedPanelProp !== undefined ||\n    defaultExpandedPanel !== undefined ||\n    onExpandedPanelChange !== undefined;\n  const resolvedExpandedPanel =\n    expandedPanelProp !== undefined ? expandedPanelProp : internalExpandedPanel;\n  const handleExpandedPanelChange = React.useCallback(\n    (panelIndex: number | null) => {\n      if (expandedPanelProp === undefined) {\n        setInternalExpandedPanel(panelIndex);\n      }\n      onExpandedPanelChange?.(panelIndex);\n    },\n    [expandedPanelProp, onExpandedPanelChange],\n  );\n\n  // Classify children (memoized to stabilize downstream references)\n  const { panels, panelInfos, sidebarChild, otherChildren } =\n    React.useMemo(() => {\n      const p: React.ReactElement<AppShellPanelProps>[] = [];\n      const infos: { key?: React.Key; label?: string }[] = [];\n      let sidebar: React.ReactNode = null;\n      const other: React.ReactNode[] = [];\n\n      React.Children.forEach(children, (child) => {\n        if (isAppShellPanelElement(child)) {\n          infos.push({\n            key: child.key ?? child.props.label,\n            label: child.props.label,\n          });\n          p.push(child);\n          return;\n        }\n\n        if (!React.isValidElement(child)) {\n          return;\n        }\n\n        if (child.type === AppShellSidebar) {\n          sidebar = child;\n        } else {\n          other.push(child);\n        }\n      });\n\n      return {\n        panels: p,\n        panelInfos: infos,\n        sidebarChild: sidebar,\n        otherChildren: other,\n      };\n    }, [children]);\n\n  const shouldUseResizablePanels = resizablePanels ?? true;\n\n  // Determine which panels are visible\n  const firstPanelExpandedIndex = panels.findIndex((p) => p.props.expanded);\n  const hasPanelExpansionProps = panels.some(\n    (panel) =>\n      panel.props.expanded !== undefined ||\n      panel.props.onExpandedChange !== undefined,\n  );\n  const canUseResizablePanelPair =\n    shouldUseResizablePanels &&\n    !connected &&\n    !isMobile &&\n    panels.length === 2 &&\n    (resizablePanels !== undefined || !hasPanelExpansionProps);\n  const rootExpansionActive =\n    rootExpansionRequested || canUseResizablePanelPair;\n  const validRootExpandedPanel =\n    typeof resolvedExpandedPanel === 'number' &&\n    Number.isInteger(resolvedExpandedPanel) &&\n    resolvedExpandedPanel >= 0 &&\n    resolvedExpandedPanel < panels.length\n      ? resolvedExpandedPanel\n      : null;\n  let firstExpandedIndex: number | null = firstPanelExpandedIndex;\n  if (rootExpansionActive) {\n    firstExpandedIndex = validRootExpandedPanel;\n  }\n  const hasExpanded = firstExpandedIndex !== -1 && firstExpandedIndex !== null;\n  const visibleCount = hasExpanded ? 1 : Math.min(panels.length, 2);\n  const canRenderResizablePanels = canUseResizablePanelPair;\n  const resolvedPanelSizes = React.useMemo(\n    () => normalizePanelSizes(panelSizes ?? internalPanelSizes),\n    [panelSizes, internalPanelSizes],\n  );\n  const resizablePanelSizes = React.useMemo<[number, number]>(() => {\n    if (hasExpanded && firstExpandedIndex === 0) return [100, 0];\n    if (hasExpanded && firstExpandedIndex === 1) return [0, 100];\n    return resolvedPanelSizes;\n  }, [firstExpandedIndex, hasExpanded, resolvedPanelSizes]);\n  const shouldBypassResizableMinSize =\n    hasExpanded ||\n    isRestoringResizablePanels ||\n    (!hasExpanded && previousResizableExpandedRef.current);\n\n  // Dev warnings\n  if (process.env.NODE_ENV !== 'production') {\n    const expandedPanelPropCount = panels.filter(\n      (p) => p.props.expanded,\n    ).length;\n    if (rootExpansionActive && expandedPanelPropCount > 0) {\n      console.warn(\n        'AppShell.Root: root-owned expansion props should not be mixed with AppShell.Panel expanded. Root expansion will be used.',\n      );\n    }\n    if (!rootExpansionActive && expandedPanelPropCount > 1) {\n      console.warn(\n        'AppShell.Root: multiple panels have expanded={true}. Only the first expanded panel will be shown.',\n      );\n    }\n    if (\n      rootExpansionActive &&\n      resolvedExpandedPanel !== null &&\n      resolvedExpandedPanel !== undefined &&\n      validRootExpandedPanel === null\n    ) {\n      console.warn(\n        `AppShell.Root: expandedPanel index ${resolvedExpandedPanel} is out of range. No panel will be expanded.`,\n      );\n    }\n    if (resizablePanels === true && connected) {\n      console.warn(\n        'AppShell.Root: resizablePanels is not supported with connected. Rendering non-resizable panels.',\n      );\n    }\n    if (resizablePanels === true && !connected && panels.length !== 2) {\n      console.warn(\n        `AppShell.Root: resizablePanels requires exactly 2 Panel children, got ${panels.length}. Rendering non-resizable panels.`,\n      );\n    }\n    if (panels.length > 2 && !hasExpanded) {\n      console.warn(\n        `AppShell.Root: max 2 Panel children allowed, got ${panels.length}. Only the first 2 will be visible.`,\n      );\n    }\n  }\n\n  const handleLayoutChange = React.useCallback(\n    (layout: Record<string, number>) => {\n      if (hasExpanded || suppressControlledLayoutChangeRef.current) {\n        return;\n      }\n      if (panelSizes === undefined) {\n        setInternalPanelSizes(layoutMapToTuple(layout));\n      }\n    },\n    [hasExpanded, panelSizes],\n  );\n\n  const handleLayoutChanged = React.useCallback(\n    (layout: Record<string, number>) => {\n      if (\n        hasExpanded ||\n        !allowResizeReleaseExpansionRef.current ||\n        suppressControlledLayoutChangeRef.current\n      ) {\n        return;\n      }\n\n      const nextSizes = layoutMapToTuple(layout);\n      if (panelSizes === undefined) {\n        setInternalPanelSizes(nextSizes);\n      }\n      onPanelSizesChange?.(nextSizes);\n\n      const expandedIndex = getExpandedPanelFromLayout(layout, expandThreshold);\n      if (expandedIndex !== null) {\n        handleExpandedPanelChange(expandedIndex);\n      }\n    },\n    [\n      expandThreshold,\n      handleExpandedPanelChange,\n      hasExpanded,\n      onPanelSizesChange,\n      panelSizes,\n    ],\n  );\n\n  React.useEffect(() => {\n    if (!canRenderResizablePanels) {\n      suppressControlledLayoutChangeRef.current = false;\n      previousResizableExpandedRef.current = false;\n      return;\n    }\n\n    const ownerWindow = rootRef.current?.ownerDocument.defaultView;\n    if (!ownerWindow) return;\n\n    const wasExpanded = previousResizableExpandedRef.current;\n    previousResizableExpandedRef.current = hasExpanded;\n    const shouldApplyLayout =\n      hasExpanded || wasExpanded || panelSizes !== undefined;\n    if (!shouldApplyLayout) {\n      suppressControlledLayoutChangeRef.current = false;\n      return;\n    }\n\n    let restoreFrame: number | undefined;\n    const [first, second] = resizablePanelSizes;\n    if (wasExpanded && !hasExpanded) {\n      restoreFrame = ownerWindow.requestAnimationFrame(() => {\n        setIsRestoringResizablePanels(true);\n      });\n    }\n    suppressControlledLayoutChangeRef.current = true;\n    const nextLayout = { panel0: first, panel1: second };\n    resizableGroupRef.current?.setLayout(nextLayout);\n    const frame = ownerWindow.requestAnimationFrame(() => {\n      resizableGroupRef.current?.setLayout(nextLayout);\n    });\n    const timeout = ownerWindow.setTimeout(() => {\n      suppressControlledLayoutChangeRef.current = false;\n    }, 350);\n    return () => {\n      if (restoreFrame !== undefined) {\n        ownerWindow.cancelAnimationFrame(restoreFrame);\n      }\n      ownerWindow.cancelAnimationFrame(frame);\n      ownerWindow.clearTimeout(timeout);\n      suppressControlledLayoutChangeRef.current = false;\n    };\n  }, [canRenderResizablePanels, hasExpanded, panelSizes, resizablePanelSizes]);\n\n  React.useEffect(() => {\n    if (!isRestoringResizablePanels) return;\n\n    const ownerWindow = rootRef.current?.ownerDocument.defaultView;\n    if (!ownerWindow) return;\n\n    const timeout = ownerWindow.setTimeout(() => {\n      setIsRestoringResizablePanels(false);\n    }, 350);\n    return () => ownerWindow.clearTimeout(timeout);\n  }, [isRestoringResizablePanels]);\n\n  React.useEffect(() => {\n    if (!canRenderResizablePanels) {\n      allowResizeReleaseExpansionRef.current = false;\n      suppressControlledLayoutChangeRef.current = false;\n      return;\n    }\n\n    const ownerWindow = rootRef.current?.ownerDocument.defaultView;\n    if (!ownerWindow) return;\n\n    const frame = ownerWindow.requestAnimationFrame(() => {\n      allowResizeReleaseExpansionRef.current = true;\n    });\n    return () => {\n      ownerWindow.cancelAnimationFrame(frame);\n      allowResizeReleaseExpansionRef.current = false;\n    };\n  }, [canRenderResizablePanels]);\n\n  React.useEffect(() => {\n    if (!isResizingPanels) return;\n    const ownerWindow = rootRef.current?.ownerDocument.defaultView;\n    if (!ownerWindow) return;\n\n    const stopResizing = () => setIsResizingPanels(false);\n    ownerWindow.addEventListener('pointerup', stopResizing);\n    ownerWindow.addEventListener('pointercancel', stopResizing);\n    return () => {\n      ownerWindow.removeEventListener('pointerup', stopResizing);\n      ownerWindow.removeEventListener('pointercancel', stopResizing);\n    };\n  }, [isResizingPanels]);\n\n  const handleResizablePointerDownCapture = React.useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      const target = event.target;\n      if (!(target instanceof Element)) return;\n      if (target.closest('[data-slot=\"resizable-handle\"]')) {\n        setIsResizingPanels(true);\n      }\n    },\n    [],\n  );\n\n  // Memoize the visibility map to stabilize downstream context values\n  const visiblePanels = React.useMemo(\n    () =>\n      hasExpanded\n        ? panels.map((panel, i) => ({\n            panel,\n            visible: i === firstExpandedIndex,\n            index: i,\n          }))\n        : panels.map((panel, i) => ({\n            panel,\n            visible: i < 2,\n            index: i,\n          })),\n    [panels, hasExpanded, firstExpandedIndex],\n  );\n\n  // Whether the tab bar is active (mobile with 2+ panels)\n  const hasTabBar = isMobile && panels.length > 1;\n\n  // Build context (derive position from stable scalars, not array reference)\n  const getPanelPosition = React.useCallback(\n    (index: number): PanelPosition => {\n      if (visibleCount === 1) return 'only';\n      if (hasExpanded) return index === firstExpandedIndex ? 'only' : 'last';\n      return index === 0 ? 'first' : 'last';\n    },\n    [visibleCount, hasExpanded, firstExpandedIndex],\n  );\n\n  const contextValue: AppShellContextValue = React.useMemo(\n    () => ({\n      connected,\n      panelCount: visibleCount,\n      getPanelPosition,\n    }),\n    [connected, visibleCount, getPanelPosition],\n  );\n\n  // Sidebar context for mobile drawer integration\n  const sidebarContext = React.useContext(SidebarContext);\n  const mobileSidebarOpen =\n    sidebarContext?.openMobile ?? internalMobileSidebarOpen;\n  const setMobileSidebarOpen =\n    sidebarContext?.setOpenMobile ?? setInternalMobileSidebarOpen;\n  const handleSidebarOpen = React.useCallback(() => {\n    setMobileSidebarOpen(true);\n  }, [setMobileSidebarOpen]);\n\n  const handleSheetOpenChange = React.useCallback(\n    (open: boolean) => {\n      setMobileSidebarOpen(open);\n    },\n    [setMobileSidebarOpen],\n  );\n\n  // Skip navigation link\n  const skipLink = skipToId ? (\n    <a\n      href={`#${skipToId}`}\n      className=\"sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-50 focus:rounded-md focus:bg-background focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-foreground focus:shadow-sm focus:ring-2 focus:ring-ring\"\n    >\n      Skip to content\n    </a>\n  ) : null;\n\n  // Render panels with context providers (no cloneElement — panels self-style)\n  const renderedPanels = React.useMemo(\n    () =>\n      visiblePanels.map(({ panel, visible, index }) => (\n        <AppShellPanelWithLayout\n          key={getAppShellPanelIdentity(panel, ariaBaseId, index)}\n          panel={panel}\n          visible={visible}\n          index={index}\n          isMobile={isMobile}\n          activePanel={activePanel}\n          hasExpanded={hasExpanded}\n          hasTabBar={hasTabBar}\n          ariaBaseId={ariaBaseId}\n          rootExpansionActive={rootExpansionActive}\n          firstExpandedIndex={firstExpandedIndex}\n          onExpandedPanelChange={handleExpandedPanelChange}\n        />\n      )),\n    [\n      visiblePanels,\n      ariaBaseId,\n      isMobile,\n      activePanel,\n      hasExpanded,\n      hasTabBar,\n      rootExpansionActive,\n      firstExpandedIndex,\n      handleExpandedPanelChange,\n    ],\n  );\n\n  const renderedResizablePanels = canRenderResizablePanels ? (\n    <ResizablePanelGroup\n      orientation=\"horizontal\"\n      disabled={hasExpanded}\n      groupRef={resizableGroupRef}\n      onLayoutChange={handleLayoutChange}\n      onLayoutChanged={handleLayoutChanged}\n      onPointerDownCapture={handleResizablePointerDownCapture}\n      className={cn(\n        'min-h-0 min-w-0 flex-1',\n        !isResizingPanels &&\n          '[&>[data-slot=resizable-panel]]:transition-[flex-grow] [&>[data-slot=resizable-panel]]:duration-300 [&>[data-slot=resizable-panel]]:ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:[&>[data-slot=resizable-panel]]:transition-none',\n      )}\n    >\n      <ResizablePanel\n        id=\"panel0\"\n        defaultSize={toResizablePercentageSize(resizablePanelSizes[0])}\n        minSize={\n          shouldBypassResizableMinSize\n            ? 0\n            : toResizableMinSize(panels[0].props.minWidth)\n        }\n      >\n        <AppShellPanelWithLayout\n          panel={panels[0]}\n          visible={!hasExpanded || firstExpandedIndex === 0}\n          index={0}\n          overrides={{ sizeManagedByRoot: true }}\n          isMobile={isMobile}\n          activePanel={activePanel}\n          hasExpanded={hasExpanded}\n          hasTabBar={hasTabBar}\n          ariaBaseId={ariaBaseId}\n          rootExpansionActive={rootExpansionActive}\n          firstExpandedIndex={firstExpandedIndex}\n          onExpandedPanelChange={handleExpandedPanelChange}\n        />\n      </ResizablePanel>\n      <ResizableHandle\n        disabled={hasExpanded}\n        className={cn(\n          'z-10 min-w-2 shrink-0 cursor-col-resize w-[var(--app-shell-gap,0px)] bg-transparent after:w-2 hover:bg-transparent',\n          'transition-[width,min-width,opacity,background-color] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none',\n          hasExpanded && 'min-w-0 w-0 opacity-0 after:w-0 pointer-events-none',\n        )}\n      />\n      <ResizablePanel\n        id=\"panel1\"\n        defaultSize={toResizablePercentageSize(resizablePanelSizes[1])}\n        minSize={\n          shouldBypassResizableMinSize\n            ? 0\n            : toResizableMinSize(panels[1].props.minWidth)\n        }\n      >\n        <AppShellPanelWithLayout\n          panel={panels[1]}\n          visible={!hasExpanded || firstExpandedIndex === 1}\n          index={1}\n          overrides={{ sizeManagedByRoot: true }}\n          isMobile={isMobile}\n          activePanel={activePanel}\n          hasExpanded={hasExpanded}\n          hasTabBar={hasTabBar}\n          ariaBaseId={ariaBaseId}\n          rootExpansionActive={rootExpansionActive}\n          firstExpandedIndex={firstExpandedIndex}\n          onExpandedPanelChange={handleExpandedPanelChange}\n        />\n      </ResizablePanel>\n    </ResizablePanelGroup>\n  ) : null;\n\n  // Live region for announcing panel changes to screen readers\n  const activeLabel =\n    hasTabBar && panelInfos[activePanel]\n      ? panelInfos[activePanel].label || `Panel ${activePanel + 1}`\n      : null;\n\n  // Mobile layout\n  if (isMobile) {\n    return (\n      <AppShellProvider value={contextValue}>\n        <AppShellPrimitive\n          ref={rootRef}\n          background={background}\n          height={height}\n          padding={padding}\n          mobilePadding={mobilePadding}\n          gap={0}\n          connected={connected}\n          className={className}\n          {...props}\n        >\n          {skipLink}\n          {sidebarChild && (\n            <Sheet\n              open={mobileSidebarOpen}\n              onOpenChange={handleSheetOpenChange}\n            >\n              <SheetContent\n                side=\"left\"\n                showCloseButton={false}\n                className=\"w-[280px] p-0\"\n                aria-label=\"Sidebar navigation\"\n              >\n                {sidebarChild}\n              </SheetContent>\n            </Sheet>\n          )}\n          <div className=\"flex h-full min-w-0 flex-1 flex-col overflow-clip\">\n            <AppShellMobileTabBar\n              panels={panelInfos}\n              activeIndex={activePanel}\n              onActiveChange={handleActivePanelChange}\n              onSidebarOpen={sidebarChild ? handleSidebarOpen : undefined}\n              baseId={ariaBaseId}\n            />\n            <div className=\"flex min-h-0 flex-1\">{renderedPanels}</div>\n          </div>\n          {/* Live region for panel switch announcements */}\n          {activeLabel && (\n            <div className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n              {activeLabel} panel active\n            </div>\n          )}\n          {otherChildren}\n        </AppShellPrimitive>\n      </AppShellProvider>\n    );\n  }\n\n  // Desktop layout\n  const effectiveGap = connected || hasExpanded ? 0 : gap;\n\n  return (\n    <AppShellProvider value={contextValue}>\n      <AppShellPrimitive\n        ref={rootRef}\n        background={background}\n        height={height}\n        padding={padding}\n        mobilePadding={mobilePadding}\n        gap={effectiveGap}\n        connected={connected}\n        className={className}\n        {...props}\n      >\n        {skipLink}\n        {sidebarChild}\n        {renderedResizablePanels ?? renderedPanels}\n        {otherChildren}\n      </AppShellPrimitive>\n    </AppShellProvider>\n  );\n}\n\nAppShellRoot.displayName = 'AppShell';\n\n// ============================================\n// AppShell Sidebar\n// ============================================\n\nexport interface AppShellSidebarProps extends React.ComponentProps<'div'> {\n  /**\n   * Explicit width override — bypasses auto-detection.\n   * When omitted, the sidebar auto-sizes based on the child\n   * SidebarProvider's expanded/collapsed state.\n   */\n  width?: string;\n  /** Width when sidebar is expanded (auto mode only). @default '280px' */\n  expandedWidth?: string;\n  /** Width when sidebar is collapsed (auto mode only). @default '64px' */\n  collapsedWidth?: string;\n}\n\n/**\n * Layout slot for the sidebar region. Renders a div — the actual aside\n * landmark is provided by AppSidebar/Sidebar primitive inside it.\n *\n * **Auto-detection (default):** When no `width` prop is provided, the sidebar\n * observes the child SidebarProvider's `data-state` attribute via CSS `:has()`\n * and transitions between `collapsedWidth` and `expandedWidth` automatically.\n *\n * **Manual mode:** Pass an explicit `width` to control sizing yourself.\n */\nfunction AppShellSidebar({\n  width,\n  expandedWidth = '280px',\n  collapsedWidth = '64px',\n  className,\n  style,\n  children,\n  ...props\n}: AppShellSidebarProps) {\n  const autoMode = !width;\n\n  return (\n    <div\n      data-slot=\"app-shell-sidebar\"\n      style={\n        {\n          ...(autoMode\n            ? {\n                '--app-shell-sidebar-collapsed': collapsedWidth,\n                '--app-shell-sidebar-expanded': expandedWidth,\n              }\n            : { '--app-shell-sidebar-width': width }),\n          ...style,\n        } as React.CSSProperties\n      }\n      className={cn(\n        'flex h-full shrink-0 flex-col overflow-clip',\n        'transition-[width] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]',\n        'motion-reduce:transition-none',\n        autoMode\n          ? [\n              'w-[var(--app-shell-sidebar-collapsed,64px)]',\n              '[&:has([data-state=expanded])]:w-[var(--app-shell-sidebar-expanded,280px)]',\n            ]\n          : 'w-[var(--app-shell-sidebar-width,64px)]',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nAppShellSidebar.displayName = 'AppShell.Sidebar';\n\n// ============================================\n// AppShell Header\n// ============================================\n\nexport interface AppShellHeaderProps extends React.ComponentProps<'div'> {}\n\nfunction AppShellHeader({\n  className,\n  children,\n  ...props\n}: AppShellHeaderProps) {\n  return (\n    <div\n      data-slot=\"app-shell-header\"\n      className={cn('shrink-0', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nAppShellHeader.displayName = 'AppShell.Header';\n\n// ============================================\n// Preset Background Variants\n// ============================================\n\nconst appShellBackgrounds = {\n  transparent: 'transparent',\n  appBg: DEFAULT_APP_SHELL_BACKGROUND,\n  neutral: 'var(--muted)',\n  brandSubtle: 'linear-gradient(135deg, var(--air-50) 0%, var(--air-100) 100%)',\n  brand: 'linear-gradient(135deg, var(--air-400) 0%, var(--primary) 100%)',\n  brandDeep: 'linear-gradient(135deg, var(--primary) 0%, var(--air-900) 100%)',\n  desertMidnight:\n    'linear-gradient(135deg, var(--slate-500) 0%, var(--slate-700) 100%)',\n  aqua: 'linear-gradient(135deg, var(--air-400) 0%, var(--air-600) 100%)',\n} as const;\n\n// ============================================\n// Compound Component (Dot Notation)\n// ============================================\n\nconst AppShell = Object.assign(AppShellRoot, {\n  Root: AppShellRoot,\n  Sidebar: AppShellSidebar,\n  Header: AppShellHeader,\n  Panel: AppShellPanel,\n  Content: AppShellContent,\n});\n\n// ============================================\n// Exports\n// ============================================\n\nexport type { AppShellContentProps } from './AppShellContent';\nexport type { AppShellPanelProps } from './AppShellPanel';\n\nexport {\n  AppShell,\n  AppShellContent,\n  AppShellHeader,\n  AppShellPanel,\n  AppShellRoot,\n  AppShellSidebar,\n  appShellBackgrounds,\n};\n"],"mappings":";;;;;;;;;;;;;;;AAwCA,IAAM,+BAA+B;AAMrC,SAAS,yBACP,MACgC;CAChC,OACE,OAAO,SAAS,cACf,KAA6B,mBAAA;AAElC;AAEA,SAAS,uBACP,OACyE;CACzE,OAAO,MAAM,eAAe,KAAK,KAAK,yBAAyB,MAAM,IAAI;AAC3E;AAEA,SAAS,yBACP,OACA,YACA,OACW;CACX,OAAO,MAAM,OAAO,MAAM,MAAM,SAAS,GAAG,WAAW,SAAS;AAClE;AAiBA,SAAS,wBAAwB,EAC/B,OACA,SACA,OACA,YAAY,CAAC,GACb,UACA,aACA,aACA,WACA,YACA,qBACA,oBACA,yBAC+B;CAC/B,IAAI,YAAY,UAAU,aAAa,OAAO;CAE9C,MAAM,aAA8B;EAClC,SAAS,WAAW,OAAO;EAC3B,cAAc,cAAc,aAAa;EACzC;EACA,OAAO,YAAY,GAAG,WAAW,OAAO,UAAU,KAAA;EAClD,SAAS,YAAY,GAAG,WAAW,YAAY,UAAU,KAAA;EACzD,UAAU,sBACN,eAAe,UAAU,qBACzB,KAAA;EACJ,kBAAkB,uBACb,iBAAiB,sBAAsB,eAAe,QAAQ,IAAI,IACnE,KAAA;EACJ,GAAG;CACL;CAEA,OACE,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;YACjC,oBAAC,mBAAmB,UAApB;GAA6B,OAAO;aACjC;EAC0B,CAAA;CACH,CAAA;AAEhC;AA6CA,SAAS,aAAa,EACpB,aAAa,8BACb,SAAS,UACT,UAAU,IACV,eACA,MAAM,IACN,YAAY,OACZ,UACA,aAAa,iBACb,qBACA,qBAAqB,GACrB,eAAe,mBACf,sBACA,uBACA,iBACA,mBACA,YACA,oBACA,kBAAA,IACA,WACA,UACA,GAAG,SACiC;CACpC,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,MAAM,MAAM;CAC/B,MAAM,CAAC,qBAAqB,0BAC1B,MAAM,SAAS,kBAAkB;CACnC,MAAM,CAAC,uBAAuB,4BAA4B,MAAM,SAE9D,wBAAwB,IAAI;CAC9B,MAAM,CAAC,oBAAoB,yBAAyB,MAAM,eACxD,oBAAoB,iBAAiB,CACvC;CACA,MAAM,CAAC,kBAAkB,uBAAuB,MAAM,SAAS,KAAK;CACpE,MAAM,CAAC,4BAA4B,iCACjC,MAAM,SAAS,KAAK;CACtB,MAAM,CAAC,2BAA2B,gCAChC,MAAM,SAAS,KAAK;CACtB,MAAM,oBAAoB,MAAM,OAAqC,IAAI;CACzE,MAAM,UAAU,MAAM,OAAuB,IAAI;CACjD,MAAM,iCAAiC,MAAM,OAAO,KAAK;CACzD,MAAM,oCAAoC,MAAM,OAAO,KAAK;CAC5D,MAAM,+BAA+B,MAAM,OAAO,KAAK;CAEvD,MAAM,cAAc,mBAAmB;CACvC,MAAM,0BAA0B,MAAM,aACnC,UAAkB;EACjB,IAAI,oBAAoB,KAAA,GACtB,wBAAwB,SAAU,SAAS,QAAQ,OAAO,KAAM;EAElE,sBAAsB,KAAK;CAC7B,GACA,CAAC,iBAAiB,mBAAmB,CACvC;CAEA,MAAM,yBACJ,sBAAsB,KAAA,KACtB,yBAAyB,KAAA,KACzB,0BAA0B,KAAA;CAC5B,MAAM,wBACJ,sBAAsB,KAAA,IAAY,oBAAoB;CACxD,MAAM,4BAA4B,MAAM,aACrC,eAA8B;EAC7B,IAAI,sBAAsB,KAAA,GACxB,yBAAyB,UAAU;EAErC,wBAAwB,UAAU;CACpC,GACA,CAAC,mBAAmB,qBAAqB,CAC3C;CAGA,MAAM,EAAE,QAAQ,YAAY,cAAc,kBACxC,MAAM,cAAc;EAClB,MAAM,IAA8C,CAAC;EACrD,MAAM,QAA+C,CAAC;EACtD,IAAI,UAA2B;EAC/B,MAAM,QAA2B,CAAC;EAElC,MAAM,SAAS,QAAQ,WAAW,UAAU;GAC1C,IAAI,uBAAuB,KAAK,GAAG;IACjC,MAAM,KAAK;KACT,KAAK,MAAM,OAAO,MAAM,MAAM;KAC9B,OAAO,MAAM,MAAM;IACrB,CAAC;IACD,EAAE,KAAK,KAAK;IACZ;GACF;GAEA,IAAI,CAAC,MAAM,eAAe,KAAK,GAC7B;GAGF,IAAI,MAAM,SAAS,iBACjB,UAAU;QAEV,MAAM,KAAK,KAAK;EAEpB,CAAC;EAED,OAAO;GACL,QAAQ;GACR,YAAY;GACZ,cAAc;GACd,eAAe;EACjB;CACF,GAAG,CAAC,QAAQ,CAAC;CAEf,MAAM,2BAA2B,mBAAmB;CAGpD,MAAM,0BAA0B,OAAO,WAAW,MAAM,EAAE,MAAM,QAAQ;CACxE,MAAM,yBAAyB,OAAO,MACnC,UACC,MAAM,MAAM,aAAa,KAAA,KACzB,MAAM,MAAM,qBAAqB,KAAA,CACrC;CACA,MAAM,2BACJ,4BACA,CAAC,aACD,CAAC,YACD,OAAO,WAAW,MACjB,oBAAoB,KAAA,KAAa,CAAC;CACrC,MAAM,sBACJ,0BAA0B;CAC5B,MAAM,yBACJ,OAAO,0BAA0B,YACjC,OAAO,UAAU,qBAAqB,KACtC,yBAAyB,KACzB,wBAAwB,OAAO,SAC3B,wBACA;CACN,IAAI,qBAAoC;CACxC,IAAI,qBACF,qBAAqB;CAEvB,MAAM,cAAc,uBAAuB,MAAM,uBAAuB;CACxE,MAAM,eAAe,cAAc,IAAI,KAAK,IAAI,OAAO,QAAQ,CAAC;CAChE,MAAM,2BAA2B;CACjC,MAAM,qBAAqB,MAAM,cACzB,oBAAoB,cAAc,kBAAkB,GAC1D,CAAC,YAAY,kBAAkB,CACjC;CACA,MAAM,sBAAsB,MAAM,cAAgC;EAChE,IAAI,eAAe,uBAAuB,GAAG,OAAO,CAAC,KAAK,CAAC;EAC3D,IAAI,eAAe,uBAAuB,GAAG,OAAO,CAAC,GAAG,GAAG;EAC3D,OAAO;CACT,GAAG;EAAC;EAAoB;EAAa;CAAkB,CAAC;CACxD,MAAM,+BACJ,eACA,8BACC,CAAC,eAAe,6BAA6B;CAGhD,IAAA,QAAA,IAAA,aAA6B,cAAc;EACzC,MAAM,yBAAyB,OAAO,QACnC,MAAM,EAAE,MAAM,QACjB,CAAC,CAAC;EACF,IAAI,uBAAuB,yBAAyB,GAClD,QAAQ,KACN,0HACF;EAEF,IAAI,CAAC,uBAAuB,yBAAyB,GACnD,QAAQ,KACN,mGACF;EAEF,IACE,uBACA,0BAA0B,QAC1B,0BAA0B,KAAA,KAC1B,2BAA2B,MAE3B,QAAQ,KACN,sCAAsC,sBAAsB,6CAC9D;EAEF,IAAI,oBAAoB,QAAQ,WAC9B,QAAQ,KACN,iGACF;EAEF,IAAI,oBAAoB,QAAQ,CAAC,aAAa,OAAO,WAAW,GAC9D,QAAQ,KACN,yEAAyE,OAAO,OAAO,kCACzF;EAEF,IAAI,OAAO,SAAS,KAAK,CAAC,aACxB,QAAQ,KACN,oDAAoD,OAAO,OAAO,oCACpE;CAEJ;CAEA,MAAM,qBAAqB,MAAM,aAC9B,WAAmC;EAClC,IAAI,eAAe,kCAAkC,SACnD;EAEF,IAAI,eAAe,KAAA,GACjB,sBAAsB,iBAAiB,MAAM,CAAC;CAElD,GACA,CAAC,aAAa,UAAU,CAC1B;CAEA,MAAM,sBAAsB,MAAM,aAC/B,WAAmC;EAClC,IACE,eACA,CAAC,+BAA+B,WAChC,kCAAkC,SAElC;EAGF,MAAM,YAAY,iBAAiB,MAAM;EACzC,IAAI,eAAe,KAAA,GACjB,sBAAsB,SAAS;EAEjC,qBAAqB,SAAS;EAE9B,MAAM,gBAAgB,2BAA2B,QAAQ,eAAe;EACxE,IAAI,kBAAkB,MACpB,0BAA0B,aAAa;CAE3C,GACA;EACE;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,gBAAgB;EACpB,IAAI,CAAC,0BAA0B;GAC7B,kCAAkC,UAAU;GAC5C,6BAA6B,UAAU;GACvC;EACF;EAEA,MAAM,cAAc,QAAQ,SAAS,cAAc;EACnD,IAAI,CAAC,aAAa;EAElB,MAAM,cAAc,6BAA6B;EACjD,6BAA6B,UAAU;EAGvC,IAAI,EADF,eAAe,eAAe,eAAe,KAAA,IACvB;GACtB,kCAAkC,UAAU;GAC5C;EACF;EAEA,IAAI;EACJ,MAAM,CAAC,OAAO,UAAU;EACxB,IAAI,eAAe,CAAC,aAClB,eAAe,YAAY,4BAA4B;GACrD,8BAA8B,IAAI;EACpC,CAAC;EAEH,kCAAkC,UAAU;EAC5C,MAAM,aAAa;GAAE,QAAQ;GAAO,QAAQ;EAAO;EACnD,kBAAkB,SAAS,UAAU,UAAU;EAC/C,MAAM,QAAQ,YAAY,4BAA4B;GACpD,kBAAkB,SAAS,UAAU,UAAU;EACjD,CAAC;EACD,MAAM,UAAU,YAAY,iBAAiB;GAC3C,kCAAkC,UAAU;EAC9C,GAAG,GAAG;EACN,aAAa;GACX,IAAI,iBAAiB,KAAA,GACnB,YAAY,qBAAqB,YAAY;GAE/C,YAAY,qBAAqB,KAAK;GACtC,YAAY,aAAa,OAAO;GAChC,kCAAkC,UAAU;EAC9C;CACF,GAAG;EAAC;EAA0B;EAAa;EAAY;CAAmB,CAAC;CAE3E,MAAM,gBAAgB;EACpB,IAAI,CAAC,4BAA4B;EAEjC,MAAM,cAAc,QAAQ,SAAS,cAAc;EACnD,IAAI,CAAC,aAAa;EAElB,MAAM,UAAU,YAAY,iBAAiB;GAC3C,8BAA8B,KAAK;EACrC,GAAG,GAAG;EACN,aAAa,YAAY,aAAa,OAAO;CAC/C,GAAG,CAAC,0BAA0B,CAAC;CAE/B,MAAM,gBAAgB;EACpB,IAAI,CAAC,0BAA0B;GAC7B,+BAA+B,UAAU;GACzC,kCAAkC,UAAU;GAC5C;EACF;EAEA,MAAM,cAAc,QAAQ,SAAS,cAAc;EACnD,IAAI,CAAC,aAAa;EAElB,MAAM,QAAQ,YAAY,4BAA4B;GACpD,+BAA+B,UAAU;EAC3C,CAAC;EACD,aAAa;GACX,YAAY,qBAAqB,KAAK;GACtC,+BAA+B,UAAU;EAC3C;CACF,GAAG,CAAC,wBAAwB,CAAC;CAE7B,MAAM,gBAAgB;EACpB,IAAI,CAAC,kBAAkB;EACvB,MAAM,cAAc,QAAQ,SAAS,cAAc;EACnD,IAAI,CAAC,aAAa;EAElB,MAAM,qBAAqB,oBAAoB,KAAK;EACpD,YAAY,iBAAiB,aAAa,YAAY;EACtD,YAAY,iBAAiB,iBAAiB,YAAY;EAC1D,aAAa;GACX,YAAY,oBAAoB,aAAa,YAAY;GACzD,YAAY,oBAAoB,iBAAiB,YAAY;EAC/D;CACF,GAAG,CAAC,gBAAgB,CAAC;CAErB,MAAM,oCAAoC,MAAM,aAC7C,UAA8C;EAC7C,MAAM,SAAS,MAAM;EACrB,IAAI,EAAE,kBAAkB,UAAU;EAClC,IAAI,OAAO,QAAQ,kCAAgC,GACjD,oBAAoB,IAAI;CAE5B,GACA,CAAC,CACH;CAGA,MAAM,gBAAgB,MAAM,cAExB,cACI,OAAO,KAAK,OAAO,OAAO;EACxB;EACA,SAAS,MAAM;EACf,OAAO;CACT,EAAE,IACF,OAAO,KAAK,OAAO,OAAO;EACxB;EACA,SAAS,IAAI;EACb,OAAO;CACT,EAAE,GACR;EAAC;EAAQ;EAAa;CAAkB,CAC1C;CAGA,MAAM,YAAY,YAAY,OAAO,SAAS;CAG9C,MAAM,mBAAmB,MAAM,aAC5B,UAAiC;EAChC,IAAI,iBAAiB,GAAG,OAAO;EAC/B,IAAI,aAAa,OAAO,UAAU,qBAAqB,SAAS;EAChE,OAAO,UAAU,IAAI,UAAU;CACjC,GACA;EAAC;EAAc;EAAa;CAAkB,CAChD;CAEA,MAAM,eAAqC,MAAM,eACxC;EACL;EACA,YAAY;EACZ;CACF,IACA;EAAC;EAAW;EAAc;CAAgB,CAC5C;CAGA,MAAM,iBAAiB,MAAM,WAAW,cAAc;CACtD,MAAM,oBACJ,gBAAgB,cAAc;CAChC,MAAM,uBACJ,gBAAgB,iBAAiB;CACnC,MAAM,oBAAoB,MAAM,kBAAkB;EAChD,qBAAqB,IAAI;CAC3B,GAAG,CAAC,oBAAoB,CAAC;CAEzB,MAAM,wBAAwB,MAAM,aACjC,SAAkB;EACjB,qBAAqB,IAAI;CAC3B,GACA,CAAC,oBAAoB,CACvB;CAGA,MAAM,WAAW,WACf,oBAAC,KAAD;EACE,MAAM,IAAI;EACV,WAAU;YACX;CAEE,CAAA,IACD;CAGJ,MAAM,iBAAiB,MAAM,cAEzB,cAAc,KAAK,EAAE,OAAO,SAAS,YACnC,oBAAC,yBAAD;EAES;EACE;EACF;EACG;EACG;EACA;EACF;EACC;EACS;EACD;EACpB,uBAAuB;CACxB,GAZM,yBAAyB,OAAO,YAAY,KAAK,CAYvD,CACF,GACH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,0BAA0B,2BAC9B,qBAAC,qBAAD;EACE,aAAY;EACZ,UAAU;EACV,UAAU;EACV,gBAAgB;EAChB,iBAAiB;EACjB,sBAAsB;EACtB,WAAW,GACT,0BACA,CAAC,oBACC,qOACJ;YAXF;GAaE,oBAAC,gBAAD;IACE,IAAG;IACH,aAAa,0BAA0B,oBAAoB,EAAE;IAC7D,SACE,+BACI,IACA,mBAAmB,OAAO,EAAE,CAAC,MAAM,QAAQ;cAGjD,oBAAC,yBAAD;KACE,OAAO,OAAO;KACd,SAAS,CAAC,eAAe,uBAAuB;KAChD,OAAO;KACP,WAAW,EAAE,mBAAmB,KAAK;KAC3B;KACG;KACA;KACF;KACC;KACS;KACD;KACpB,uBAAuB;IACxB,CAAA;GACa,CAAA;GAChB,oBAAC,iBAAD;IACE,UAAU;IACV,WAAW,GACT,sHACA,sIACA,eAAe,qDACjB;GACD,CAAA;GACD,oBAAC,gBAAD;IACE,IAAG;IACH,aAAa,0BAA0B,oBAAoB,EAAE;IAC7D,SACE,+BACI,IACA,mBAAmB,OAAO,EAAE,CAAC,MAAM,QAAQ;cAGjD,oBAAC,yBAAD;KACE,OAAO,OAAO;KACd,SAAS,CAAC,eAAe,uBAAuB;KAChD,OAAO;KACP,WAAW,EAAE,mBAAmB,KAAK;KAC3B;KACG;KACA;KACF;KACC;KACS;KACD;KACpB,uBAAuB;IACxB,CAAA;GACa,CAAA;EACG;MACnB;CAGJ,MAAM,cACJ,aAAa,WAAW,eACpB,WAAW,YAAY,CAAC,SAAS,SAAS,cAAc,MACxD;CAGN,IAAI,UACF,OACE,oBAAC,kBAAD;EAAkB,OAAO;YACvB,qBAAC,YAAD;GACE,KAAK;GACO;GACJ;GACC;GACM;GACf,KAAK;GACM;GACA;GACX,GAAI;aATN;IAWG;IACA,gBACC,oBAAC,gBAAD;KACE,MAAM;KACN,cAAc;eAEd,oBAAC,cAAD;MACE,MAAK;MACL,iBAAiB;MACjB,WAAU;MACV,cAAW;gBAEV;KACW,CAAA;IACT,CAAA;IAET,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,sBAAD;MACE,QAAQ;MACR,aAAa;MACb,gBAAgB;MAChB,eAAe,eAAe,oBAAoB,KAAA;MAClD,QAAQ;KACT,CAAA,GACD,oBAAC,OAAD;MAAK,WAAU;gBAAuB;KAAoB,CAAA,CACvD;;IAEJ,eACC,qBAAC,OAAD;KAAK,WAAU;KAAU,MAAK;KAAS,aAAU;eAAjD,CACG,aAAY,eACV;;IAEN;GACgB;;CACH,CAAA;CAOtB,OACE,oBAAC,kBAAD;EAAkB,OAAO;YACvB,qBAAC,YAAD;GACE,KAAK;GACO;GACJ;GACC;GACM;GACf,KAVe,aAAa,cAAc,IAAI;GAWnC;GACA;GACX,GAAI;aATN;IAWG;IACA;IACA,2BAA2B;IAC3B;GACgB;;CACH,CAAA;AAEtB;AAEA,aAAa,cAAc;;;;;;;;;;;AA6B3B,SAAS,gBAAgB,EACvB,OACA,gBAAgB,SAChB,iBAAiB,QACjB,WACA,OACA,UACA,GAAG,SACoB;CACvB,MAAM,WAAW,CAAC;CAElB,OACE,oBAAC,OAAD;EACE,aAAU;EACV,OACE;GACE,GAAI,WACA;IACE,iCAAiC;IACjC,gCAAgC;GAClC,IACA,EAAE,6BAA6B,MAAM;GACzC,GAAG;EACL;EAEF,WAAW,GACT,+CACA,qEACA,iCACA,WACI,CACE,+CACA,4EACF,IACA,2CACJ,SACF;EACA,GAAI;EAEH;CACE,CAAA;AAET;AAEA,gBAAgB,cAAc;AAQ9B,SAAS,eAAe,EACtB,WACA,UACA,GAAG,SACmB;CACtB,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,YAAY,SAAS;EACnC,GAAI;EAEH;CACE,CAAA;AAET;AAEA,eAAe,cAAc;AAM7B,IAAM,sBAAsB;CAC1B,aAAa;CACb,OAAO;CACP,SAAS;CACT,aAAa;CACb,OAAO;CACP,WAAW;CACX,gBACE;CACF,MAAM;AACR;AAMA,IAAM,WAAW,OAAO,OAAO,cAAc;CAC3C,MAAM;CACN,SAAS;CACT,QAAQ;CACR,OAAO;CACP,SAAS;AACX,CAAC"}