@photon-ai/pho-ui 4.2.0 → 4.3.1

package/dist/chunks/{sidebar-DRPe5CAh.js.map → sidebar-bLsjo_yb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sidebar-DRPe5CAh.js","names":[],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.46.0_react@19.2.8/node_modules/@tabler/icons-react/dist/esm/icons/IconDots.mjs","../../src/sections/sidebar/sidebar.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.46.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDots = createReactComponent(\"outline\", \"dots\", \"Dots\", __iconNode);\n\nexport { __iconNode, IconDots as default };\n//# sourceMappingURL=IconDots.mjs.map\n","import {\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type ComponentProps,\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  IconArrowUpRight,\n  IconChevronRight,\n  IconDots,\n} from \"@tabler/icons-react\";\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { SPRING_PRESS } from \"../../motion\";\nimport { motion } from \"motion/react\";\nimport { IconSearch } from \"@tabler/icons-react\";\nimport { Button } from \"../../components/button\";\nimport { Collapsible } from \"../../components/collapsible\";\nimport { Kbd } from \"../../components/kbd\";\nimport { ScrollArea } from \"../../components/scroll-area\";\nimport { cn } from \"../../utils/cn\";\nimport { isReactComponent } from \"../../utils/is-react-component\";\nimport { useLinkComponent } from \"../../utils/link-provider\";\nimport { Avatar } from \"../../components/avatar\";\nimport { buttonVariants } from \"../../components/button\";\n\n/** Same press compression as `Button` — transform-only, every interactive row. */\nconst SIDEBAR_PRESS_SCALE = 0.97;\n/** Framer source transition shared with `Button`: `spring-physics 200 30 0.1`. */\nconst SIDEBAR_PRESS_SPRING = SPRING_PRESS;\nconst SIDEBAR_PRESS_MOTION = {\n  initial: false as const,\n  whileTap: { scale: SIDEBAR_PRESS_SCALE },\n  transition: SIDEBAR_PRESS_SPRING,\n};\n\n/**\n * Sidebar — Pho's first SECTION: a composed app rail, not a micro component.\n * It encodes the navigation rail used across Photon surfaces (the Pho docs\n * site, the dashboard): a sticky full-height column with a brand header, a\n * scrollable stack of titled nav groups, and a pinned footer that usually\n * carries the account row.\n *\n * Sections stay presentational — no router, no data fetching, no theme\n * plumbing. Links render through the host's `LinkProvider` (same contract as\n * `ButtonLink`), state arrives via props (`active`), and interactive footers\n * compose with other Pho parts (e.g. wrap `Sidebar.AccountRow` in a\n * `Menu.Trigger render={...}` to open an account menu).\n *\n * `Root` takes `inset` (`base` | `sm`, default `base`) for the rail's outer\n * padding and header spacing — prefer that over host-app class overrides.\n */\n\n/* ------------------------------- class map ------------------------------- */\n\n/** The rail itself — sticky, full-height, hairline right edge (no inset). */\nexport const SIDEBAR_ROOT =\n  \"border-pho-secondary bg-pho-page sticky top-0 flex h-dvh w-64 shrink-0 flex-col border-r\";\n\n/** Outer inset on `Root` — `base` is the docs/default rail; `sm` is tighter. */\nexport const SIDEBAR_ROOT_INSET = {\n  base: \"px-4 pt-5 pb-4\",\n  sm: \"px-3 pt-4 pb-3\",\n} as const;\n\n/** `SIDEBAR_ROOT` with the default `base` inset — one string for docs chrome. */\nexport const SIDEBAR_ROOT_BASE = cn(SIDEBAR_ROOT, SIDEBAR_ROOT_INSET.base);\n\n/** Header spacing paired with `Root`'s `inset`. */\nexport const SIDEBAR_HEADER_INSET = {\n  base: \"mb-6 px-2\",\n  sm: \"mb-3 px-0\",\n} as const;\n\nexport type SidebarInset = keyof typeof SIDEBAR_ROOT_INSET;\n\n/** A nav row at rest and on hover. Active/inactive inks split below. */\nexport const SIDEBAR_ITEM =\n  \"outline-pho-brand flex min-h-9 w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-left text-base transition-colors focus-visible:outline-2 focus-visible:-outline-offset-1\";\n\n/**\n * Selected row — lifted onto the primary surface with the site hairline.\n * The icon carries the same ink as the label so the pair reads as one unit.\n */\nexport const SIDEBAR_ITEM_ACTIVE =\n  \"bg-pho-primary text-pho-primary ring-pho-secondary font-medium ring-1 ring-inset *:data-icon:text-pho-primary\";\n\n/**\n * Resting row — secondary ink (75%). Hover lifts onto the primary surface\n * (same plane as the active chip, without the ring) so the wash stays quiet\n * on `pho-page`. Icon tracks the label's ink at every state.\n */\nexport const SIDEBAR_ITEM_INACTIVE = cn(\n  \"text-pho-secondary *:data-icon:text-pho-secondary\",\n  \"hover:bg-pho-primary hover:text-pho-primary hover:*:data-icon:text-pho-primary\",\n);\n\n/**\n * A submenu's parent row while one of its children is the current page —\n * primary ink on label and icon, but no surface or ring: the child row\n * carries the full active chip, the parent only points at it.\n */\nexport const SIDEBAR_SUBMENU_TRIGGER_CHILD_ACTIVE =\n  \"text-pho-primary *:data-icon:text-pho-primary\";\n\n/**\n * The trailing chevron on a submenu row — points right at rest, rotates to\n * point down while the panel is open. Base UI sets `data-panel-open` on the\n * trigger; the global reduced-motion guard collapses the rotation.\n */\nexport const SIDEBAR_SUBMENU_CHEVRON =\n  \"ml-auto size-4 shrink-0 transition-transform duration-150 ease-out\";\n\n/**\n * Indent for a submenu's rows so their labels line up with the parent's\n * label: parent padding (8px) + icon (16px) + gap (8px) = 32px, minus the\n * child row's own 8px padding. Without a parent icon the label sits at 8px,\n * so children step in by one row padding only.\n */\nexport const SIDEBAR_SUBMENU_LIST_INDENT = {\n  withIcon: \"pl-6\",\n  withoutIcon: \"pl-4\",\n} as const;\n\nconst SidebarInsetContext = createContext<SidebarInset>(\"base\");\n\n/**\n * Rows inside a `Sidebar.Submenu` report their `active` flag here so the\n * parent can light up and auto-open. `null` outside a submenu.\n */\ninterface SidebarSubmenuContextValue {\n  reportActive: (rowId: string, active: boolean) => void;\n}\n\nconst SidebarSubmenuContext = createContext<SidebarSubmenuContextValue | null>(\n  null,\n);\n\n// React 18 warns that useLayoutEffect does nothing on the server (19 dropped\n// the warning); fall back to useEffect there so SSR'd docs stay quiet.\nconst useIsoLayoutEffect =\n  typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\n/* --------------------------------- frame --------------------------------- */\n\ninterface RootProps extends ComponentProps<\"aside\"> {\n  /** Outer padding + header spacing. Defaults to `base`. */\n  inset?: SidebarInset;\n  ref?: Ref<HTMLElement>;\n}\n\n/** The rail — a sticky, full-height `<aside>` with the hairline right edge. */\nfunction Root({ className, inset = \"base\", ...props }: RootProps) {\n  return (\n    <SidebarInsetContext.Provider value={inset}>\n      <aside\n        className={cn(SIDEBAR_ROOT, SIDEBAR_ROOT_INSET[inset], className)}\n        {...props}\n        data-inset={inset}\n      />\n    </SidebarInsetContext.Provider>\n  );\n}\n\n/** Brand slot at the top of the rail — logo, wordmark, workspace switcher. */\nfunction Header({ className, ...props }: ComponentProps<\"div\">) {\n  const inset = useContext(SidebarInsetContext);\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2.5 [&:has(+nav)]:mb-0\",\n        SIDEBAR_HEADER_INSET[inset],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * The rail's search row — an outlined button dressed to `Item` metrics so\n * its label lines up with the rows below, the shortcut at the trailing\n * edge. The press is the Button's own; wire `onClick` (and a global ⌘K)\n * to a `Command.Dialog`.\n */\nfunction Search({\n  label = \"Search\",\n  kbd = \"⌘K\",\n  className,\n  ...props\n}: Omit<ComponentProps<typeof Button>, \"children\" | \"variant\" | \"size\"> & {\n  label?: ReactNode;\n  kbd?: string;\n}) {\n  return (\n    <Button\n      variant=\"outlined\"\n      shape=\"square\"\n      size=\"md\"\n      aria-keyshortcuts={kbd === \"⌘K\" ? \"Meta+K Control+K\" : undefined}\n      prefix={<IconSearch aria-hidden />}\n      suffix={<Kbd keys={kbd} className=\"pointer-events-none\" />}\n      className={cn(\n        \"hover:ring-pho-secondary min-h-9 w-full justify-start gap-2 rounded-sm px-2 py-1.5 has-[[data-icon=prefix]]:pl-2 has-[[data-icon=suffix]]:pr-2 [&>[data-text]]:min-w-0 [&>[data-text]]:flex-1 [&>[data-text]]:truncate [&>[data-text]]:px-0 [&>[data-text]]:text-left\",\n        className,\n      )}\n      {...props}\n    >\n      {label}\n    </Button>\n  );\n}\n\n/**\n * The scrollable middle — a stack of `Sidebar.Group`s in a `ScrollArea`\n * (overlay scrollbar, edge fade). Pass `scroll={false}` where a parent\n * scrolls the whole rail as one column (a narrow-viewport drawer) — the\n * nav is then a plain stack at its natural height.\n *\n * The nav owns its breathing room toward its neighbors as a resting inset\n * (a scroll view's safe-area padding): 24px above, 16px below by default —\n * rows stand clear of the ends at rest and scroll through the gap, under\n * the edge fade, instead of clipping at a dead margin. `inset` /\n * `insetTop` / `insetBottom` override it; the same values become plain\n * padding when `scroll={false}`, so both modes keep one geometry. A\n * `Header` right before the nav and a `Footer` after it drop their own\n * margins — the gap lives here, not on the neighbors.\n */\nfunction Nav({\n  scroll = true,\n  inset,\n  insetTop = inset ?? 24,\n  insetBottom = inset ?? 16,\n  className,\n  style,\n  children,\n  ...props\n}: ComponentProps<\"nav\"> & {\n  scroll?: boolean;\n  inset?: number | string;\n  insetTop?: number | string;\n  insetBottom?: number | string;\n}) {\n  if (!scroll) {\n    return (\n      <nav\n        className={cn(\"flex flex-col gap-6\", className)}\n        style={{\n          paddingTop: insetTop ?? inset,\n          paddingBottom: insetBottom ?? inset,\n          ...style,\n        }}\n        {...props}\n      >\n        {children}\n      </nav>\n    );\n  }\n  return (\n    <nav\n      className={cn(\"flex min-h-0 flex-1 flex-col\", className)}\n      style={style}\n      {...props}\n    >\n      <ScrollArea.Root className=\"min-h-0 flex-1\">\n        <ScrollArea.Viewport>\n          <ScrollArea.Content\n            inset={inset}\n            insetTop={insetTop}\n            insetBottom={insetBottom}\n            className=\"flex flex-col gap-6\"\n          >\n            {children}\n          </ScrollArea.Content>\n        </ScrollArea.Viewport>\n        <ScrollArea.Scrollbar>\n          <ScrollArea.Thumb />\n        </ScrollArea.Scrollbar>\n      </ScrollArea.Root>\n    </nav>\n  );\n}\n\nfunction Group({ className, ...props }: ComponentProps<\"div\">) {\n  return <div className={className} {...props} />;\n}\n\n/** The cluster's caption — description ink, regular weight. */\nfunction GroupLabel({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"text-pho-description mb-2 px-2 text-xs font-normal\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ninterface ListProps extends ComponentProps<\"ul\"> {\n  /** Lay the rows out in two columns — for long, flat registries. */\n  columns?: boolean;\n}\n\n/** The rows of a group. `columns` switches to a two-column grid. */\nfunction List({ className, columns, ...props }: ListProps) {\n  return (\n    <ul\n      className={cn(\n        // list-none/m-0/p-0 shield the rail from host prose styles.\n        \"m-0 list-none p-0 *:m-0\",\n        columns\n          ? \"grid grid-cols-2 gap-x-2 gap-y-0.5\"\n          : \"flex flex-col gap-0.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Pinned bottom cluster — docs link, account row, theme toggle. */\nfunction Footer({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"mt-4 flex flex-col gap-0.5 [nav~&]:mt-0\", className)}\n      {...props}\n    />\n  );\n}\n\n/* --------------------------------- item ---------------------------------- */\n\n/** An icon slot — a component (`IconBook`) or element (`<IconBook />`). */\ntype Slottable = ReactNode | FC<{ className?: string }>;\n\nfunction renderIcon(icon: Slottable): ReactNode {\n  if (icon == null || icon === false) return null;\n  let content: ReactNode = null;\n  if (isReactComponent(icon)) {\n    const Icon = icon;\n    content = <Icon />;\n  } else if (isValidElement(icon)) {\n    content = icon;\n  }\n  if (content == null) return null;\n  return (\n    <span\n      data-icon\n      className=\"pointer-events-none inline-flex shrink-0 items-center [&>svg]:size-4 [&>svg]:shrink-0\"\n    >\n      {content}\n    </span>\n  );\n}\n\ninterface ItemBaseProps {\n  /** Slot before the label — a component (`IconBook`) or element. */\n  icon?: Slottable;\n  /** Marks the row as the current destination (adds `aria-current=\"page\"`). */\n  active?: boolean;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * DOM handlers whose React signatures clash with Motion's gesture props.\n * Same omit list as `Button` — rows render through `motion.*`.\n */\ntype MotionHandlerConflicts =\n  | \"onAnimationStart\"\n  | \"onAnimationEnd\"\n  | \"onAnimationIteration\"\n  | \"onDrag\"\n  | \"onDragStart\"\n  | \"onDragEnd\"\n  | \"onDragEnter\"\n  | \"onDragExit\"\n  | \"onDragLeave\"\n  | \"onDragOver\"\n  | \"onDrop\";\n\nexport interface SidebarItemLinkProps\n  extends\n    ItemBaseProps,\n    Omit<\n      AnchorHTMLAttributes<HTMLAnchorElement>,\n      keyof ItemBaseProps | MotionHandlerConflicts\n    > {\n  /** Destination — rendered through the host's `LinkProvider`. */\n  href: string;\n  /** Leaves the app: opens in a new tab and renders a ↗ cue. */\n  external?: boolean;\n}\n\nexport interface SidebarItemButtonProps\n  extends\n    ItemBaseProps,\n    Omit<\n      ButtonHTMLAttributes<HTMLButtonElement>,\n      keyof ItemBaseProps | MotionHandlerConflicts\n    > {\n  href?: undefined;\n  external?: undefined;\n}\n\nexport type SidebarItemProps = SidebarItemLinkProps | SidebarItemButtonProps;\n\n/**\n * A nav row — a link when `href` is given (rendered through the host's\n * `LinkProvider`), otherwise a button. `active` lifts the row onto the\n * primary surface; `external` opens a new tab and appends a ↗ cue.\n */\nfunction Item({\n  icon,\n  active,\n  className,\n  children,\n  href,\n  external,\n  ...rest\n}: SidebarItemProps) {\n  const Link = useLinkComponent();\n  // Same bridge as `ButtonLink` — host `LinkProvider` + Motion press scale.\n  const MotionLink = useMemo(\n    () =>\n      motion.create(Link as unknown as ComponentType<Record<string, unknown>>),\n    [Link],\n  );\n  // Inside a `Submenu`, tell the parent row when this one is current so it\n  // can light up and auto-open. Layout effect: the parent reads the result\n  // before first paint, so a route-selected group opens without a flash.\n  const submenu = useContext(SidebarSubmenuContext);\n  const rowId = useId();\n  useIsoLayoutEffect(() => {\n    if (!submenu) return;\n    submenu.reportActive(rowId, Boolean(active));\n    return () => submenu.reportActive(rowId, false);\n  }, [submenu, rowId, active]);\n  const rowClass = cn(\n    SIDEBAR_ITEM,\n    active ? SIDEBAR_ITEM_ACTIVE : SIDEBAR_ITEM_INACTIVE,\n    className,\n  );\n  const label = <span className=\"min-w-0 flex-1 truncate\">{children}</span>;\n\n  if (href !== undefined) {\n    return (\n      <li>\n        <MotionLink\n          href={href}\n          aria-current={active ? \"page\" : undefined}\n          {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n          {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n          className={rowClass}\n          {...SIDEBAR_PRESS_MOTION}\n        >\n          {renderIcon(icon)}\n          {label}\n          {external && (\n            <>\n              {renderIcon(<IconArrowUpRight aria-hidden />)}\n              <span className=\"sr-only\">(opens in a new tab)</span>\n            </>\n          )}\n        </MotionLink>\n      </li>\n    );\n  }\n\n  return (\n    <li>\n      <motion.button\n        type=\"button\"\n        aria-current={active ? \"page\" : undefined}\n        {...(rest as Omit<\n          ButtonHTMLAttributes<HTMLButtonElement>,\n          MotionHandlerConflicts\n        >)}\n        className={rowClass}\n        {...SIDEBAR_PRESS_MOTION}\n      >\n        {renderIcon(icon)}\n        {label}\n      </motion.button>\n    </li>\n  );\n}\n\n/* -------------------------------- submenu -------------------------------- */\n\nexport interface SidebarSubmenuProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | MotionHandlerConflicts\n> {\n  /** The parent row's label. */\n  label: ReactNode;\n  /** Slot before the label — a component (`IconBook`) or element. */\n  icon?: Slottable;\n  /** Controlled open state. Pair with `onOpenChange`. */\n  open?: boolean;\n  /** Initial open state when uncontrolled. Defaults to `false`. */\n  defaultOpen?: boolean;\n  /** Called with the next open state on every toggle (user or auto-open). */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Open the panel whenever a child row becomes `active`, so a route-based\n   * rail expands the right group on load and on navigation. Defaults to\n   * `true`. The user can still collapse the group afterwards.\n   */\n  openWhenChildActive?: boolean;\n  /**\n   * Force the parent's child-active ink. Normally derived from the\n   * children's `active` flags — set this when the current destination lives\n   * under the group but has no row of its own.\n   */\n  active?: boolean;\n  /** The nested rows — `Sidebar.Item`s, no icon needed. */\n  children: ReactNode;\n  ref?: Ref<HTMLButtonElement>;\n}\n\n/**\n * A nav row that folds open to reveal child rows — `<Item>` metrics on the\n * trigger, a trailing chevron that turns as the panel opens, and the nested\n * list indented to the parent's label. Built on `Collapsible`, so the\n * height animation (and its reduced-motion collapse) is the library's own.\n *\n * Children are ordinary `Sidebar.Item`s: they report `active` upward, so the\n * parent takes primary ink while a child is current and, with\n * `openWhenChildActive` (default), opens on load without a flash.\n *\n * ```tsx\n * <Sidebar.Submenu label=\"Platforms\" icon={IconMessage}>\n *   <Sidebar.Item href=\"/platforms/sms\" active>SMS</Sidebar.Item>\n *   <Sidebar.Item href=\"/platforms/imessage\">iMessage</Sidebar.Item>\n * </Sidebar.Submenu>\n * ```\n */\nfunction Submenu({\n  label,\n  icon,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  openWhenChildActive = true,\n  active: activeProp,\n  className,\n  children,\n  ...rest\n}: SidebarSubmenuProps) {\n  /* ---- open state: controlled when `open` is given, else internal ---- */\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : uncontrolledOpen;\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  /* ---- which child rows are current (reported by `Item`) ---- */\n  const [activeRowIds, setActiveRowIds] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  );\n  const reportActive = useCallback((rowId: string, isActive: boolean) => {\n    setActiveRowIds((previous) => {\n      if (previous.has(rowId) === isActive) return previous;\n      const next = new Set(previous);\n      if (isActive) next.add(rowId);\n      else next.delete(rowId);\n      return next;\n    });\n  }, []);\n  const submenuContext = useMemo(() => ({ reportActive }), [reportActive]);\n  const childActive = activeProp ?? activeRowIds.size > 0;\n\n  /* ---- auto-open on an active child ---- */\n  // `true` once the browser has painted the first frame. An auto-open that\n  // happens before that (the route already sits under this group on load)\n  // must not animate — the rail should simply appear expanded.\n  const hasPaintedRef = useRef(false);\n  useEffect(() => {\n    const frame = requestAnimationFrame(() => {\n      hasPaintedRef.current = true;\n    });\n    return () => cancelAnimationFrame(frame);\n  }, []);\n  // While `true`, the panel's height transition runs at 0s so the pre-paint\n  // auto-open lands instantly. Cleared a frame later so the next toggle\n  // animates normally.\n  const [instantOpen, setInstantOpen] = useState(false);\n  // Read through refs so the effect fires only when the active children\n  // change — a user collapsing the group must not be undone by a re-render.\n  const latestOpenRef = useRef(open);\n  latestOpenRef.current = open;\n  const latestSetOpenRef = useRef(setOpen);\n  latestSetOpenRef.current = setOpen;\n  useIsoLayoutEffect(() => {\n    if (!openWhenChildActive || !childActive || latestOpenRef.current) return;\n    if (!hasPaintedRef.current) setInstantOpen(true);\n    latestSetOpenRef.current(true);\n  }, [activeRowIds, childActive, openWhenChildActive]);\n  useEffect(() => {\n    if (!instantOpen) return;\n    const frame = requestAnimationFrame(() => setInstantOpen(false));\n    return () => cancelAnimationFrame(frame);\n  }, [instantOpen]);\n\n  return (\n    <Collapsible.Root\n      open={open}\n      onOpenChange={(next) => setOpen(next)}\n      render={<li />}\n    >\n      <BaseCollapsible.Trigger\n        // Same press compression as `Item`; Base UI wires aria-expanded,\n        // aria-controls, and Enter / Space onto the native button.\n        render={<motion.button {...SIDEBAR_PRESS_MOTION} />}\n        className={cn(\n          SIDEBAR_ITEM,\n          SIDEBAR_ITEM_INACTIVE,\n          childActive && SIDEBAR_SUBMENU_TRIGGER_CHILD_ACTIVE,\n          // The chevron turns to point down while the panel is open.\n          \"data-[panel-open]:*:data-chevron:rotate-90\",\n          className,\n        )}\n        data-child-active={childActive || undefined}\n        {...rest}\n      >\n        {renderIcon(icon)}\n        <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n        <IconChevronRight\n          aria-hidden\n          data-chevron\n          className={SIDEBAR_SUBMENU_CHEVRON}\n        />\n      </BaseCollapsible.Trigger>\n      {/* keepMounted: closed children stay mounted (hidden) so an active\n          child keeps reporting and the parent keeps its ink. */}\n      <Collapsible.Panel\n        keepMounted\n        style={instantOpen ? { transitionDuration: \"0s\" } : undefined}\n      >\n        <SidebarSubmenuContext.Provider value={submenuContext}>\n          {/* Indent and top gap live on a wrapper inside the panel: the\n              measured height includes them, so a closed group adds no height\n              and siblings never shift. (`List` resets its own padding.) */}\n          <div\n            data-submenu-list\n            className={cn(\n              \"pt-0.5\",\n              icon\n                ? SIDEBAR_SUBMENU_LIST_INDENT.withIcon\n                : SIDEBAR_SUBMENU_LIST_INDENT.withoutIcon,\n            )}\n          >\n            <List>{children}</List>\n          </div>\n        </SidebarSubmenuContext.Provider>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n}\n\n/* ------------------------------ account row ------------------------------ */\n\n/**\n * Whole-row account trigger. The row itself stays visually quiet — it only\n * carries the `group` state (hover/press/popup-open) and the focus ring;\n * all visual feedback renders on the ⋯ circle via `group-*` classes.\n */\nconst ACCOUNT_ROW =\n  \"group outline-pho-brand flex w-full cursor-pointer items-center gap-2 rounded-base p-2 text-left focus-visible:outline-2 focus-visible:outline-offset-2\";\n\n/** Avatar initials: first + last word initial, else the first character. */\nfunction initialsFrom(name: string): string {\n  const words = name.split(/\\s+/).filter(Boolean);\n  const first = words[0]?.[0] ?? name[0] ?? \"?\";\n  const last = words.length >= 2 ? (words[words.length - 1]?.[0] ?? \"\") : \"\";\n  return (first + last).toUpperCase();\n}\n\nexport interface SidebarAccountRowProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | MotionHandlerConflicts\n> {\n  /** Display name — also the source for fallback initials. */\n  name: string;\n  /** Avatar image URL; falls back to initials while loading or on error. */\n  avatarSrc?: string;\n  /** Override the derived initials. */\n  initials?: string;\n  ref?: Ref<HTMLButtonElement>;\n}\n\n/**\n * The account chip pinned to the rail's footer — an xs avatar, the name, and\n * a decorative ⋯ circle. The WHOLE row is one button, but the row is only the\n * control — the circle is the indicator: hover, press, and menu-open feedback\n * all render on the ⋯ (a span wearing the stock secondary-circle button\n * classes), driven by the row's `group` state, so it reads as a button\n * without nesting one.\n *\n * It renders a plain `<button>` and forwards every prop, so it slots straight\n * into a menu: `<Menu.Trigger render={<Sidebar.AccountRow name=\"…\" />} />` —\n * Base UI's `data-popup-open` / `data-pressed` states light up the circle.\n */\nfunction AccountRow({\n  name,\n  avatarSrc,\n  initials,\n  className,\n  ...props\n}: SidebarAccountRowProps) {\n  return (\n    <motion.button\n      type=\"button\"\n      className={cn(ACCOUNT_ROW, className)}\n      {...props}\n      {...SIDEBAR_PRESS_MOTION}\n    >\n      <Avatar.Root size=\"xs\">\n        {avatarSrc && <Avatar.Image src={avatarSrc} alt=\"\" />}\n        <Avatar.Fallback>{initials ?? initialsFrom(name)}</Avatar.Fallback>\n      </Avatar.Root>\n      <span className=\"text-pho-primary min-w-0 flex-1 truncate text-base\">\n        {name}\n      </span>\n      <span\n        aria-hidden\n        className={buttonVariants({\n          variant: \"outlined\",\n          size: \"sm\",\n          shape: \"circle\",\n          // Hover / open washes stay on the ⋯; press scale lives on the row\n          // (same as Button / Sidebar.Item) so the circle does not double-scale.\n          className:\n            \"group-hover:bg-pho-primary-hover group-hover:text-pho-secondary-hover group-data-[popup-open]:bg-pho-primary-hover group-data-[popup-open]:text-pho-secondary-hover p-1\",\n        })}\n      >\n        <IconDots className=\"size-4\" />\n      </span>\n    </motion.button>\n  );\n}\n\n/* -------------------------------- assembly ------------------------------- */\n\n/**\n * The composed sidebar rail. Assemble the frame parts and fill them with\n * rows; wire interactivity by composing other Pho parts around them:\n *\n * ```tsx\n * <Sidebar.Root>\n *   <Sidebar.Header>…brand…</Sidebar.Header>\n *   <Sidebar.Nav>\n *     <Sidebar.Group>\n *       <Sidebar.GroupLabel>Pages</Sidebar.GroupLabel>\n *       <Sidebar.List>\n *         <Sidebar.Item href=\"/\" icon={IconHome} active>\n *           Overview\n *         </Sidebar.Item>\n *         <Sidebar.Submenu label=\"Platforms\" icon={IconMessage}>\n *           <Sidebar.Item href=\"/platforms/sms\">SMS</Sidebar.Item>\n *           <Sidebar.Item href=\"/platforms/email\">Email</Sidebar.Item>\n *         </Sidebar.Submenu>\n *       </Sidebar.List>\n *     </Sidebar.Group>\n *   </Sidebar.Nav>\n *   <Sidebar.Footer>\n *     <Menu.Root>\n *       <Menu.Trigger render={<Sidebar.AccountRow name=\"Ada Lovelace\" />} />\n *       …\n *     </Menu.Root>\n *   </Sidebar.Footer>\n * </Sidebar.Root>\n * ```\n */\nexport const Sidebar = {\n  Root,\n  Header,\n  Search,\n  Nav,\n  Group,\n  GroupLabel,\n  List,\n  Item,\n  Submenu,\n  Footer,\n  AccountRow,\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"sidebar-bLsjo_yb.js","names":[],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.46.0_react@19.2.8/node_modules/@tabler/icons-react/dist/esm/icons/IconDots.mjs","../../src/sections/sidebar/sidebar.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.46.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDots = createReactComponent(\"outline\", \"dots\", \"Dots\", __iconNode);\n\nexport { __iconNode, IconDots as default };\n//# sourceMappingURL=IconDots.mjs.map\n","import {\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type ComponentProps,\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  IconArrowUpRight,\n  IconChevronRight,\n  IconDots,\n} from \"@tabler/icons-react\";\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { SPRING_PRESS } from \"../../motion\";\nimport { motion } from \"motion/react\";\nimport { IconSearch } from \"@tabler/icons-react\";\nimport { Button } from \"../../components/button\";\nimport { Collapsible } from \"../../components/collapsible\";\nimport { Kbd } from \"../../components/kbd\";\nimport { ScrollArea } from \"../../components/scroll-area\";\nimport { cn } from \"../../utils/cn\";\nimport { isReactComponent } from \"../../utils/is-react-component\";\nimport { useLinkComponent } from \"../../utils/link-provider\";\nimport { Avatar } from \"../../components/avatar\";\nimport { buttonVariants } from \"../../components/button\";\n\n/** Same press compression as `Button` — transform-only, every interactive row. */\nconst SIDEBAR_PRESS_SCALE = 0.97;\n/** Framer source transition shared with `Button`: `spring-physics 200 30 0.1`. */\nconst SIDEBAR_PRESS_SPRING = SPRING_PRESS;\nconst SIDEBAR_PRESS_MOTION = {\n  initial: false as const,\n  whileTap: { scale: SIDEBAR_PRESS_SCALE },\n  transition: SIDEBAR_PRESS_SPRING,\n};\n\n/**\n * Sidebar — Pho's first SECTION: a composed app rail, not a micro component.\n * It encodes the navigation rail used across Photon surfaces (the Pho docs\n * site, the dashboard): a sticky full-height column with a brand header, a\n * scrollable stack of titled nav groups, and a pinned footer that usually\n * carries the account row.\n *\n * Sections stay presentational — no router, no data fetching, no theme\n * plumbing. Links render through the host's `LinkProvider` (same contract as\n * `ButtonLink`), state arrives via props (`active`), and interactive footers\n * compose with other Pho parts (e.g. wrap `Sidebar.AccountRow` in a\n * `Menu.Trigger render={...}` to open an account menu).\n *\n * `Root` takes `inset` (`base` | `sm`, default `base`) for the rail's outer\n * padding and header spacing — prefer that over host-app class overrides.\n */\n\n/* ------------------------------- class map ------------------------------- */\n\n/** The rail itself — sticky, full-height, hairline right edge (no inset). */\nexport const SIDEBAR_ROOT =\n  \"border-pho-secondary bg-pho-page sticky top-0 flex h-dvh w-64 shrink-0 flex-col border-r\";\n\n/** Outer inset on `Root` — `base` is the docs/default rail; `sm` is tighter. */\nexport const SIDEBAR_ROOT_INSET = {\n  base: \"px-4 pt-5 pb-4\",\n  sm: \"px-3 pt-4 pb-3\",\n} as const;\n\n/** `SIDEBAR_ROOT` with the default `base` inset — one string for docs chrome. */\nexport const SIDEBAR_ROOT_BASE = cn(SIDEBAR_ROOT, SIDEBAR_ROOT_INSET.base);\n\n/** Header spacing paired with `Root`'s `inset`. */\nexport const SIDEBAR_HEADER_INSET = {\n  base: \"mb-6 px-2\",\n  sm: \"mb-3 px-0\",\n} as const;\n\nexport type SidebarInset = keyof typeof SIDEBAR_ROOT_INSET;\n\n/** A nav row at rest and on hover. Active/inactive inks split below. */\nexport const SIDEBAR_ITEM =\n  \"outline-pho-brand flex min-h-9 w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-left text-base transition-colors focus-visible:outline-2 focus-visible:-outline-offset-1\";\n\n/**\n * Selected row — lifted onto the primary surface with the site hairline.\n * The icon carries the same ink as the label so the pair reads as one unit.\n */\nexport const SIDEBAR_ITEM_ACTIVE =\n  \"bg-pho-primary text-pho-primary ring-pho-secondary font-medium ring-1 ring-inset *:data-icon:text-pho-primary\";\n\n/**\n * Resting row — secondary ink (75%). Hover lifts onto the primary surface\n * (same plane as the active chip, without the ring) so the wash stays quiet\n * on `pho-page`. Icon tracks the label's ink at every state.\n */\nexport const SIDEBAR_ITEM_INACTIVE = cn(\n  \"text-pho-secondary *:data-icon:text-pho-secondary\",\n  \"hover:bg-pho-primary hover:text-pho-primary hover:*:data-icon:text-pho-primary\",\n);\n\n/**\n * A submenu's parent row while one of its children is the current page —\n * primary ink on label and icon, but no surface or ring: the child row\n * carries the full active chip, the parent only points at it.\n */\nexport const SIDEBAR_SUBMENU_TRIGGER_CHILD_ACTIVE =\n  \"text-pho-primary *:data-icon:text-pho-primary\";\n\n/**\n * The trailing chevron on a submenu row — points right at rest, rotates to\n * point down while the panel is open. Base UI sets `data-panel-open` on the\n * trigger; the global reduced-motion guard collapses the rotation.\n */\nexport const SIDEBAR_SUBMENU_CHEVRON =\n  \"ml-auto size-4 shrink-0 transition-transform duration-150 ease-out\";\n\n/**\n * Indent for a submenu's rows so their labels line up with the parent's\n * label: parent padding (8px) + icon (16px) + gap (8px) = 32px, minus the\n * child row's own 8px padding. Without a parent icon the label sits at 8px,\n * so children step in by one row padding only.\n */\nexport const SIDEBAR_SUBMENU_LIST_INDENT = {\n  withIcon: \"pl-6\",\n  withoutIcon: \"pl-4\",\n} as const;\n\nconst SidebarInsetContext = createContext<SidebarInset>(\"base\");\n\n/**\n * Rows inside a `Sidebar.Submenu` report their `active` flag here so the\n * parent can light up and auto-open. `null` outside a submenu.\n */\ninterface SidebarSubmenuContextValue {\n  reportActive: (rowId: string, active: boolean) => void;\n}\n\nconst SidebarSubmenuContext = createContext<SidebarSubmenuContextValue | null>(\n  null,\n);\n\n// React 18 warns that useLayoutEffect does nothing on the server (19 dropped\n// the warning); fall back to useEffect there so SSR'd docs stay quiet.\nconst useIsoLayoutEffect =\n  typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\n/* --------------------------------- frame --------------------------------- */\n\ninterface RootProps extends ComponentProps<\"aside\"> {\n  /** Outer padding + header spacing. Defaults to `base`. */\n  inset?: SidebarInset;\n  ref?: Ref<HTMLElement>;\n}\n\n/** The rail — a sticky, full-height `<aside>` with the hairline right edge. */\nfunction Root({ className, inset = \"base\", ...props }: RootProps) {\n  return (\n    <SidebarInsetContext.Provider value={inset}>\n      <aside\n        className={cn(SIDEBAR_ROOT, SIDEBAR_ROOT_INSET[inset], className)}\n        {...props}\n        data-inset={inset}\n      />\n    </SidebarInsetContext.Provider>\n  );\n}\n\n/** Brand slot at the top of the rail — logo, wordmark, workspace switcher. */\nfunction Header({ className, ...props }: ComponentProps<\"div\">) {\n  const inset = useContext(SidebarInsetContext);\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2.5 [&:has(+nav)]:mb-0\",\n        SIDEBAR_HEADER_INSET[inset],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * The rail's search row — an outlined button dressed to `Item` metrics so\n * its label lines up with the rows below, the shortcut at the trailing\n * edge. The press is the Button's own; wire `onClick` (and a global ⌘K)\n * to a `Command.Dialog`.\n */\nfunction Search({\n  label = \"Search\",\n  kbd = \"⌘K\",\n  className,\n  ...props\n}: Omit<ComponentProps<typeof Button>, \"children\" | \"variant\" | \"size\"> & {\n  label?: ReactNode;\n  kbd?: string;\n}) {\n  return (\n    <Button\n      variant=\"outlined\"\n      shape=\"square\"\n      size=\"md\"\n      aria-keyshortcuts={kbd === \"⌘K\" ? \"Meta+K Control+K\" : undefined}\n      prefix={<IconSearch aria-hidden />}\n      suffix={<Kbd keys={kbd} className=\"pointer-events-none\" />}\n      className={cn(\n        \"hover:ring-pho-secondary min-h-9 w-full justify-start gap-2 rounded-sm px-2 py-1.5 has-[[data-icon=prefix]]:pl-2 has-[[data-icon=suffix]]:pr-2 [&>[data-text]]:min-w-0 [&>[data-text]]:flex-1 [&>[data-text]]:truncate [&>[data-text]]:px-0 [&>[data-text]]:text-left\",\n        className,\n      )}\n      {...props}\n    >\n      {label}\n    </Button>\n  );\n}\n\n/**\n * The scrollable middle — a stack of `Sidebar.Group`s in a `ScrollArea`\n * (overlay scrollbar, edge fade). Pass `scroll={false}` where a parent\n * scrolls the whole rail as one column (a narrow-viewport drawer) — the\n * nav is then a plain stack at its natural height.\n *\n * The nav owns its breathing room toward its neighbors as a resting inset\n * (a scroll view's safe-area padding): 24px above, 16px below by default —\n * rows stand clear of the ends at rest and scroll through the gap, under\n * the edge fade, instead of clipping at a dead margin. `inset` /\n * `insetTop` / `insetBottom` override it; the same values become plain\n * padding when `scroll={false}`, so both modes keep one geometry. A\n * `Header` right before the nav and a `Footer` after it drop their own\n * margins — the gap lives here, not on the neighbors.\n */\nfunction Nav({\n  scroll = true,\n  inset,\n  insetTop = inset ?? 24,\n  insetBottom = inset ?? 16,\n  className,\n  style,\n  children,\n  ...props\n}: ComponentProps<\"nav\"> & {\n  scroll?: boolean;\n  inset?: number | string;\n  insetTop?: number | string;\n  insetBottom?: number | string;\n}) {\n  if (!scroll) {\n    return (\n      <nav\n        className={cn(\"flex flex-col gap-6\", className)}\n        style={{\n          paddingTop: insetTop ?? inset,\n          paddingBottom: insetBottom ?? inset,\n          ...style,\n        }}\n        {...props}\n      >\n        {children}\n      </nav>\n    );\n  }\n  return (\n    <nav\n      className={cn(\"flex min-h-0 flex-1 flex-col\", className)}\n      style={style}\n      {...props}\n    >\n      <ScrollArea.Root className=\"min-h-0 flex-1\">\n        <ScrollArea.Viewport>\n          <ScrollArea.Content\n            inset={inset}\n            insetTop={insetTop}\n            insetBottom={insetBottom}\n            className=\"flex flex-col gap-6\"\n          >\n            {children}\n          </ScrollArea.Content>\n        </ScrollArea.Viewport>\n        <ScrollArea.Scrollbar>\n          <ScrollArea.Thumb />\n        </ScrollArea.Scrollbar>\n      </ScrollArea.Root>\n    </nav>\n  );\n}\n\nfunction Group({ className, ...props }: ComponentProps<\"div\">) {\n  return <div className={className} {...props} />;\n}\n\n/** The cluster's caption — description ink, regular weight. */\nfunction GroupLabel({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"text-pho-description mb-2 px-2 text-xs font-normal\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ninterface ListProps extends ComponentProps<\"ul\"> {\n  /** Lay the rows out in two columns — for long, flat registries. */\n  columns?: boolean;\n}\n\n/** The rows of a group. `columns` switches to a two-column grid. */\nfunction List({ className, columns, ...props }: ListProps) {\n  return (\n    <ul\n      className={cn(\n        // list-none/m-0/p-0 shield the rail from host prose styles.\n        \"m-0 list-none p-0 *:m-0\",\n        columns\n          ? \"grid grid-cols-2 gap-x-2 gap-y-0.5\"\n          : \"flex flex-col gap-0.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Pinned bottom cluster — docs link, account row, theme toggle. */\nfunction Footer({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"mt-4 flex flex-col gap-0.5 [nav~&]:mt-0\", className)}\n      {...props}\n    />\n  );\n}\n\n/* --------------------------------- item ---------------------------------- */\n\n/** An icon slot — a component (`IconBook`) or element (`<IconBook />`). */\ntype Slottable = ReactNode | FC<{ className?: string }>;\n\nfunction renderIcon(icon: Slottable): ReactNode {\n  if (icon == null || icon === false) return null;\n  let content: ReactNode = null;\n  if (isReactComponent(icon)) {\n    const Icon = icon;\n    content = <Icon />;\n  } else if (isValidElement(icon)) {\n    content = icon;\n  }\n  if (content == null) return null;\n  return (\n    <span\n      data-icon\n      className=\"pointer-events-none inline-flex shrink-0 items-center [&>svg]:size-4 [&>svg]:shrink-0\"\n    >\n      {content}\n    </span>\n  );\n}\n\ninterface ItemBaseProps {\n  /** Slot before the label — a component (`IconBook`) or element. */\n  icon?: Slottable;\n  /** Marks the row as the current destination (adds `aria-current=\"page\"`). */\n  active?: boolean;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * DOM handlers whose React signatures clash with Motion's gesture props.\n * Same omit list as `Button` — rows render through `motion.*`.\n */\ntype MotionHandlerConflicts =\n  | \"onAnimationStart\"\n  | \"onAnimationEnd\"\n  | \"onAnimationIteration\"\n  | \"onDrag\"\n  | \"onDragStart\"\n  | \"onDragEnd\"\n  | \"onDragEnter\"\n  | \"onDragExit\"\n  | \"onDragLeave\"\n  | \"onDragOver\"\n  | \"onDrop\";\n\nexport interface SidebarItemLinkProps\n  extends\n    ItemBaseProps,\n    Omit<\n      AnchorHTMLAttributes<HTMLAnchorElement>,\n      keyof ItemBaseProps | MotionHandlerConflicts\n    > {\n  /** Destination — rendered through the host's `LinkProvider`. */\n  href: string;\n  /** Leaves the app: opens in a new tab and renders a ↗ cue. */\n  external?: boolean;\n}\n\nexport interface SidebarItemButtonProps\n  extends\n    ItemBaseProps,\n    Omit<\n      ButtonHTMLAttributes<HTMLButtonElement>,\n      keyof ItemBaseProps | MotionHandlerConflicts\n    > {\n  href?: undefined;\n  external?: undefined;\n}\n\nexport type SidebarItemProps = SidebarItemLinkProps | SidebarItemButtonProps;\n\n/**\n * A nav row — a link when `href` is given (rendered through the host's\n * `LinkProvider`), otherwise a button. `active` lifts the row onto the\n * primary surface; `external` opens a new tab and appends a ↗ cue.\n */\nfunction Item({\n  icon,\n  active,\n  className,\n  children,\n  href,\n  external,\n  ...rest\n}: SidebarItemProps) {\n  const Link = useLinkComponent();\n  // Same bridge as `ButtonLink` — host `LinkProvider` + Motion press scale.\n  const MotionLink = useMemo(\n    () =>\n      motion.create(Link as unknown as ComponentType<Record<string, unknown>>),\n    [Link],\n  );\n  // Inside a `Submenu`, tell the parent row when this one is current so it\n  // can light up and auto-open. Layout effect: the parent reads the result\n  // before first paint, so a route-selected group opens without a flash.\n  const submenu = useContext(SidebarSubmenuContext);\n  const rowId = useId();\n  useIsoLayoutEffect(() => {\n    if (!submenu) return;\n    submenu.reportActive(rowId, Boolean(active));\n    return () => submenu.reportActive(rowId, false);\n  }, [submenu, rowId, active]);\n  const rowClass = cn(\n    SIDEBAR_ITEM,\n    active ? SIDEBAR_ITEM_ACTIVE : SIDEBAR_ITEM_INACTIVE,\n    className,\n  );\n  const label = <span className=\"min-w-0 flex-1 truncate\">{children}</span>;\n\n  if (href !== undefined) {\n    return (\n      <li>\n        <MotionLink\n          href={href}\n          aria-current={active ? \"page\" : undefined}\n          {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n          {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n          className={rowClass}\n          {...SIDEBAR_PRESS_MOTION}\n        >\n          {renderIcon(icon)}\n          {label}\n          {external && (\n            <>\n              {renderIcon(<IconArrowUpRight aria-hidden />)}\n              <span className=\"sr-only\">(opens in a new tab)</span>\n            </>\n          )}\n        </MotionLink>\n      </li>\n    );\n  }\n\n  return (\n    <li>\n      <motion.button\n        type=\"button\"\n        aria-current={active ? \"page\" : undefined}\n        {...(rest as Omit<\n          ButtonHTMLAttributes<HTMLButtonElement>,\n          MotionHandlerConflicts\n        >)}\n        className={rowClass}\n        {...SIDEBAR_PRESS_MOTION}\n      >\n        {renderIcon(icon)}\n        {label}\n      </motion.button>\n    </li>\n  );\n}\n\n/* -------------------------------- submenu -------------------------------- */\n\nexport interface SidebarSubmenuProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | MotionHandlerConflicts\n> {\n  /** The parent row's label. */\n  label: ReactNode;\n  /** Slot before the label — a component (`IconBook`) or element. */\n  icon?: Slottable;\n  /** Controlled open state. Pair with `onOpenChange`. */\n  open?: boolean;\n  /** Initial open state when uncontrolled. Defaults to `false`. */\n  defaultOpen?: boolean;\n  /** Called with the next open state on every toggle (user or auto-open). */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Open the panel whenever a child row becomes `active`, so a route-based\n   * rail expands the right group on load and on navigation. Defaults to\n   * `true`. The user can still collapse the group afterwards.\n   */\n  openWhenChildActive?: boolean;\n  /**\n   * Force the parent's child-active ink. Normally derived from the\n   * children's `active` flags — set this when the current destination lives\n   * under the group but has no row of its own.\n   */\n  active?: boolean;\n  /** The nested rows — `Sidebar.Item`s, no icon needed. */\n  children: ReactNode;\n  ref?: Ref<HTMLButtonElement>;\n}\n\n/**\n * A nav row that folds open to reveal child rows — `<Item>` metrics on the\n * trigger, a trailing chevron that turns as the panel opens, and the nested\n * list indented to the parent's label. Built on `Collapsible`, so the\n * height animation (and its reduced-motion collapse) is the library's own.\n *\n * Children are ordinary `Sidebar.Item`s: they report `active` upward, so the\n * parent takes primary ink while a child is current and, with\n * `openWhenChildActive` (default), opens on load without a flash.\n *\n * ```tsx\n * <Sidebar.Submenu label=\"Platforms\" icon={IconMessage}>\n *   <Sidebar.Item href=\"/platforms/sms\" active>SMS</Sidebar.Item>\n *   <Sidebar.Item href=\"/platforms/imessage\">iMessage</Sidebar.Item>\n * </Sidebar.Submenu>\n * ```\n */\nfunction Submenu({\n  label,\n  icon,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  openWhenChildActive = true,\n  active: activeProp,\n  className,\n  children,\n  ...rest\n}: SidebarSubmenuProps) {\n  /* ---- open state: controlled when `open` is given, else internal ---- */\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : uncontrolledOpen;\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  /* ---- which child rows are current (reported by `Item`) ---- */\n  const [activeRowIds, setActiveRowIds] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  );\n  const reportActive = useCallback((rowId: string, isActive: boolean) => {\n    setActiveRowIds((previous) => {\n      if (previous.has(rowId) === isActive) return previous;\n      const next = new Set(previous);\n      if (isActive) next.add(rowId);\n      else next.delete(rowId);\n      return next;\n    });\n  }, []);\n  const submenuContext = useMemo(() => ({ reportActive }), [reportActive]);\n  const childActive = activeProp ?? activeRowIds.size > 0;\n\n  /* ---- auto-open on an active child ---- */\n  // `true` once the browser has painted the first frame. An auto-open that\n  // happens before that (the route already sits under this group on load)\n  // must not animate — the rail should simply appear expanded.\n  const hasPaintedRef = useRef(false);\n  useEffect(() => {\n    const frame = requestAnimationFrame(() => {\n      hasPaintedRef.current = true;\n    });\n    return () => cancelAnimationFrame(frame);\n  }, []);\n  // While `true`, the panel's height transition runs at 0s so the pre-paint\n  // auto-open lands instantly. Cleared a frame later so the next toggle\n  // animates normally.\n  const [instantOpen, setInstantOpen] = useState(false);\n  // Read through refs so the effect fires only when the active children\n  // change — a user collapsing the group must not be undone by a re-render.\n  const latestOpenRef = useRef(open);\n  latestOpenRef.current = open;\n  const latestSetOpenRef = useRef(setOpen);\n  latestSetOpenRef.current = setOpen;\n  useIsoLayoutEffect(() => {\n    if (!openWhenChildActive || !childActive || latestOpenRef.current) return;\n    if (!hasPaintedRef.current) setInstantOpen(true);\n    latestSetOpenRef.current(true);\n  }, [activeRowIds, childActive, openWhenChildActive]);\n  useEffect(() => {\n    if (!instantOpen) return;\n    const frame = requestAnimationFrame(() => setInstantOpen(false));\n    return () => cancelAnimationFrame(frame);\n  }, [instantOpen]);\n\n  return (\n    <Collapsible.Root\n      open={open}\n      onOpenChange={(next) => setOpen(next)}\n      render={<li />}\n    >\n      <BaseCollapsible.Trigger\n        // Same press compression as `Item`; Base UI wires aria-expanded,\n        // aria-controls, and Enter / Space onto the native button.\n        render={<motion.button {...SIDEBAR_PRESS_MOTION} />}\n        className={cn(\n          SIDEBAR_ITEM,\n          SIDEBAR_ITEM_INACTIVE,\n          childActive && SIDEBAR_SUBMENU_TRIGGER_CHILD_ACTIVE,\n          // The chevron turns to point down while the panel is open.\n          \"data-[panel-open]:*:data-chevron:rotate-90\",\n          className,\n        )}\n        data-child-active={childActive || undefined}\n        {...rest}\n      >\n        {renderIcon(icon)}\n        <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n        <IconChevronRight\n          aria-hidden\n          data-chevron\n          className={SIDEBAR_SUBMENU_CHEVRON}\n        />\n      </BaseCollapsible.Trigger>\n      {/* keepMounted: closed children stay mounted (hidden) so an active\n          child keeps reporting and the parent keeps its ink. */}\n      <Collapsible.Panel\n        keepMounted\n        style={instantOpen ? { transitionDuration: \"0s\" } : undefined}\n      >\n        <SidebarSubmenuContext.Provider value={submenuContext}>\n          {/* Indent and top gap live on a wrapper inside the panel: the\n              measured height includes them, so a closed group adds no height\n              and siblings never shift. (`List` resets its own padding.) */}\n          <div\n            data-submenu-list\n            className={cn(\n              \"pt-0.5\",\n              icon\n                ? SIDEBAR_SUBMENU_LIST_INDENT.withIcon\n                : SIDEBAR_SUBMENU_LIST_INDENT.withoutIcon,\n            )}\n          >\n            <List>{children}</List>\n          </div>\n        </SidebarSubmenuContext.Provider>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n}\n\n/* ------------------------------ account row ------------------------------ */\n\n/**\n * Whole-row account trigger. The row itself stays visually quiet — it only\n * carries the `group` state (hover/press/popup-open) and the focus ring;\n * all visual feedback renders on the ⋯ circle via `group-*` classes.\n */\nconst ACCOUNT_ROW =\n  \"group outline-pho-brand flex w-full cursor-pointer items-center gap-2 rounded-base p-2 text-left focus-visible:outline-2 focus-visible:outline-offset-2\";\n\n/** Avatar initials: first + last word initial, else the first character. */\nfunction initialsFrom(name: string): string {\n  const words = name.split(/\\s+/).filter(Boolean);\n  const first = words[0]?.[0] ?? name[0] ?? \"?\";\n  const last = words.length >= 2 ? (words[words.length - 1]?.[0] ?? \"\") : \"\";\n  return (first + last).toUpperCase();\n}\n\nexport interface SidebarAccountRowProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | MotionHandlerConflicts\n> {\n  /** Display name — also the source for fallback initials. */\n  name: string;\n  /** Avatar image URL; falls back to initials while loading or on error. */\n  avatarSrc?: string;\n  /** Override the derived initials. */\n  initials?: string;\n  ref?: Ref<HTMLButtonElement>;\n}\n\n/**\n * The account chip pinned to the rail's footer — an xs avatar, the name, and\n * a decorative ⋯ circle. The WHOLE row is one button, but the row is only the\n * control — the circle is the indicator: hover, press, and menu-open feedback\n * all render on the ⋯ (a span wearing the stock secondary-circle button\n * classes), driven by the row's `group` state, so it reads as a button\n * without nesting one.\n *\n * It renders a plain `<button>` and forwards every prop, so it slots straight\n * into a menu: `<Menu.Trigger render={<Sidebar.AccountRow name=\"…\" />} />` —\n * Base UI's `data-popup-open` / `data-pressed` states light up the circle.\n */\nfunction AccountRow({\n  name,\n  avatarSrc,\n  initials,\n  className,\n  ...props\n}: SidebarAccountRowProps) {\n  return (\n    <motion.button\n      type=\"button\"\n      className={cn(ACCOUNT_ROW, className)}\n      {...props}\n      {...SIDEBAR_PRESS_MOTION}\n    >\n      <Avatar.Root size=\"xs\">\n        {avatarSrc && <Avatar.Image src={avatarSrc} alt=\"\" />}\n        <Avatar.Fallback>{initials ?? initialsFrom(name)}</Avatar.Fallback>\n      </Avatar.Root>\n      <span className=\"text-pho-primary min-w-0 flex-1 truncate text-base\">\n        {name}\n      </span>\n      <span\n        aria-hidden\n        className={buttonVariants({\n          variant: \"outlined\",\n          size: \"sm\",\n          shape: \"circle\",\n          // Hover / open washes stay on the ⋯; press scale lives on the row\n          // (same as Button / Sidebar.Item) so the circle does not double-scale.\n          className:\n            \"group-hover:bg-pho-primary-hover group-hover:text-pho-secondary-hover group-data-[popup-open]:bg-pho-primary-hover group-data-[popup-open]:text-pho-secondary-hover p-1\",\n        })}\n      >\n        <IconDots className=\"size-4\" />\n      </span>\n    </motion.button>\n  );\n}\n\n/* -------------------------------- assembly ------------------------------- */\n\n/**\n * The composed sidebar rail. Assemble the frame parts and fill them with\n * rows; wire interactivity by composing other Pho parts around them:\n *\n * ```tsx\n * <Sidebar.Root>\n *   <Sidebar.Header>…brand…</Sidebar.Header>\n *   <Sidebar.Nav>\n *     <Sidebar.Group>\n *       <Sidebar.GroupLabel>Pages</Sidebar.GroupLabel>\n *       <Sidebar.List>\n *         <Sidebar.Item href=\"/\" icon={IconHome} active>\n *           Overview\n *         </Sidebar.Item>\n *         <Sidebar.Submenu label=\"Platforms\" icon={IconMessage}>\n *           <Sidebar.Item href=\"/platforms/sms\">SMS</Sidebar.Item>\n *           <Sidebar.Item href=\"/platforms/email\">Email</Sidebar.Item>\n *         </Sidebar.Submenu>\n *       </Sidebar.List>\n *     </Sidebar.Group>\n *   </Sidebar.Nav>\n *   <Sidebar.Footer>\n *     <Menu.Root>\n *       <Menu.Trigger render={<Sidebar.AccountRow name=\"Ada Lovelace\" />} />\n *       …\n *     </Menu.Root>\n *   </Sidebar.Footer>\n * </Sidebar.Root>\n * ```\n */\nexport const Sidebar = {\n  Root,\n  Header,\n  Search,\n  Nav,\n  Group,\n  GroupLabel,\n  List,\n  Item,\n  Submenu,\n  Footer,\n  AccountRow,\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/chunks/{trace-Hku-rImp.js → trace-CjOi3_IP.js}

@@ -5,7 +5,7 @@ import { t as Se } from "./IconChevronDown-CZilB71T.js";
 import { t as Ge } from "./IconChevronRight-CzoJnYNI.js";
 import { t as Ie } from "./IconChevronUp-CrpWSgIl.js";
 import { t as Xe } from "./IconX-pZ9vrtSr.js";
-import { t as fe } from "./collapsible-if7ncPbI.js";
+import { t as fe } from "./collapsible-Dv306QOT.js";
 import { t as He } from "./ghost-search-AmVXd0zE.js";
 import { i as Ze, r as Je } from "./badge-DlLJPLeZ.js";
 import { createContext as de, useCallback as F, useContext as ue, useEffect as ae, useId as Ye, useMemo as L, useRef as he, useState as Y } from "react";
@@ -1703,4 +1703,4 @@ export {
   Ct as z
 };
 
-//# sourceMappingURL=trace-Hku-rImp.js.map
+//# sourceMappingURL=trace-CjOi3_IP.js.map