@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/dashboard/ConsoleNav/ConsoleNav.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConsoleNav.mjs","names":[],"sources":["../../../src/dashboard/ConsoleNav/ConsoleNav.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown, Play } from 'lucide-react';\nimport { type ReactNode, useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport Tooltip from '@/base-ui/Tooltip';\nimport Icon from '@/Icon';\nimport ScrollShadow from '@/ScrollShadow';\n\nimport { useConsoleShellState } from '../ConsoleShell/context';\nimport { useLocalStorage, usePrefersReducedMotion } from '../hooks';\nimport { collectNavItems, findActiveBranch, resolveActiveHref } from './active';\nimport { styles } from './style';\nimport type { ConsoleNavGroup, ConsoleNavItem, ConsoleNavLinkProps, ConsoleNavProps } from './type';\n\nconst PANEL_TRANSITION_MS = 160;\nconst RAIL_TRANSITION_MS = 200;\n\ntype ExpandedOverrides = Record<string, boolean>;\n\n/** Older builds stored the closed group keys as an array. */\nfunction readOverrides(value: unknown): ExpandedOverrides {\n  if (Array.isArray(value)) {\n    return Object.fromEntries(value.map((key) => [String(key), false]));\n  }\n  return value && typeof value === 'object' ? (value as ExpandedOverrides) : {};\n}\n\nfunction scrollActiveIntoView(container: HTMLElement, behavior: ScrollBehavior = 'auto') {\n  const link =\n    container.querySelector<HTMLElement>('[aria-current=\"page\"]') ??\n    [...container.querySelectorAll<HTMLElement>('button[data-active=\"true\"]')].at(-1);\n  if (!link) return;\n  const containerRect = container.getBoundingClientRect();\n  const linkRect = link.getBoundingClientRect();\n  if (linkRect.top >= containerRect.top && linkRect.bottom <= containerRect.bottom) return;\n  container.scrollBy({\n    behavior,\n    top: linkRect.top - containerRect.top - (containerRect.height - linkRect.height) / 2,\n  });\n}\n\ninterface LinkContext {\n  onNavigate?: (href: string) => void;\n  renderLink?: ConsoleNavProps['renderLink'];\n}\n\nfunction renderAnchor(context: LinkContext, linkProps: ConsoleNavLinkProps, onFollow: () => void) {\n  if (context.renderLink) return context.renderLink(linkProps);\n  return (\n    <a\n      aria-current={linkProps['aria-current']}\n      aria-label={linkProps['aria-label']}\n      className={linkProps.className}\n      data-active={linkProps['data-active']}\n      data-collapsed={linkProps['data-collapsed']}\n      data-indent={linkProps['data-indent']}\n      href={linkProps.href}\n      rel={linkProps.external ? 'noreferrer' : undefined}\n      target={linkProps.external ? '_blank' : undefined}\n      title={linkProps.title}\n      onClick={(event) => {\n        if (context.onNavigate && !linkProps.external) event.preventDefault();\n        onFollow();\n      }}\n    >\n      {linkProps.children}\n    </a>\n  );\n}\n\nfunction NavLink({\n  active,\n  collapsed,\n  context,\n  href,\n  icon,\n  indent = 0,\n  item,\n  name,\n  overlay = false,\n}: {\n  active: boolean;\n  collapsed: boolean;\n  context: LinkContext;\n  href: string;\n  icon?: ConsoleNavItem['icon'];\n  indent?: number;\n  item?: ConsoleNavItem;\n  name: string;\n  overlay?: boolean;\n}) {\n  const shell = useConsoleShellState();\n  const label = item?.label ?? name;\n  const follow = () => {\n    context.onNavigate?.(href);\n    shell?.closeNavigation();\n  };\n  const linkProps: ConsoleNavLinkProps = {\n    'aria-current': active ? 'page' : undefined,\n    'aria-label': collapsed ? name : undefined,\n    'children': overlay ? null : (\n      <>\n        {icon ? <Icon icon={icon} size={18} /> : null}\n        <span className={styles.itemLabel}>{label}</span>\n        {item?.badge ? <span className={styles.badge}>{item.badge}</span> : null}\n        {item?.badge ? <span aria-hidden className={styles.dot} /> : null}\n      </>\n    ),\n    'className': overlay ? styles.railLink : styles.item,\n    'data-active': active,\n    'data-collapsed': collapsed,\n    'data-indent': indent,\n    'external': item?.external,\n    href,\n    'onClick': follow,\n    'title': collapsed ? undefined : label,\n  };\n\n  const link = renderAnchor(context, linkProps, follow);\n\n  if (!icon && !overlay) return link;\n  // Always mounted so toggling the rail keeps the same link element and its label can fade.\n  return (\n    <Tooltip disabled={!collapsed} placement=\"right\" title={name}>\n      {link}\n    </Tooltip>\n  );\n}\n\nfunction Fold({ children, folded }: { children: ReactNode; folded: boolean }) {\n  return (\n    <div\n      aria-hidden={folded || undefined}\n      className={styles.fold}\n      data-folded={folded}\n      inert={folded || undefined}\n    >\n      <div>{children}</div>\n    </div>\n  );\n}\n\nfunction ConsoleNav({\n  collapsed: collapsedProp,\n  defaultExpanded = 'all',\n  groups = [],\n  items = [],\n  label = 'Primary',\n  onNavigate,\n  pathname,\n  renderLink,\n  storageKey,\n}: ConsoleNavProps) {\n  const id = useId();\n  const navRef = useRef<HTMLDivElement>(null);\n  const shell = useConsoleShellState();\n  const collapsed = collapsedProp ?? shell?.collapsed ?? false;\n  const reducedMotion = usePrefersReducedMotion();\n  const [storedOverrides, setStoredOverrides] = useLocalStorage<unknown>(storageKey, {});\n  const overrides = readOverrides(storedOverrides);\n  const context: LinkContext = { onNavigate, renderLink };\n\n  const activeHref = resolveActiveHref(pathname, [...items, ...collectNavItems(groups)]);\n  const activeBranch = findActiveBranch(pathname, groups, activeHref);\n\n  // Arriving on a page reopens its branch even if it was closed by hand earlier.\n  const [trackedPathname, setTrackedPathname] = useState(pathname);\n  if (trackedPathname !== pathname) {\n    setTrackedPathname(pathname);\n    if (activeBranch.some((key) => overrides[key] === false)) {\n      const next = { ...overrides };\n      for (const key of activeBranch) delete next[key];\n      setStoredOverrides(next);\n    }\n  }\n\n  const isExpanded = (group: ConsoleNavGroup) =>\n    overrides[group.key] ??\n    (activeBranch.includes(group.key) || (group.defaultExpanded ?? defaultExpanded === 'all'));\n\n  const toggleGroup = useCallback(\n    (key: string, expanded: boolean) => {\n      setStoredOverrides((current: unknown) => ({ ...readOverrides(current), [key]: !expanded }));\n    },\n    [setStoredOverrides],\n  );\n\n  useEffect(() => {\n    const container = navRef.current;\n    if (!container) return;\n    scrollActiveIntoView(container);\n    if (reducedMotion) return;\n    const timer = window.setTimeout(() => scrollActiveIntoView(container), PANEL_TRANSITION_MS);\n    return () => window.clearTimeout(timer);\n  }, [activeHref, pathname, reducedMotion]);\n\n  useEffect(() => {\n    const container = navRef.current;\n    if (!container) return;\n    const timer = window.setTimeout(\n      () => scrollActiveIntoView(container, reducedMotion ? 'auto' : 'smooth'),\n      reducedMotion ? 0 : RAIL_TRANSITION_MS,\n    );\n    return () => window.clearTimeout(timer);\n  }, [collapsed, reducedMotion]);\n\n  // The rail folds rows out of this same tree instead of rendering its own, so icons stay put\n  // while the sidebar width animates.\n  const renderItems = (\n    list: ConsoleNavItem[],\n    indent: number,\n    groupLabel: string | undefined,\n    foldable: boolean,\n  ) =>\n    list.map((item) => {\n      const link = (\n        <NavLink\n          active={item.href === activeHref}\n          collapsed={collapsed}\n          context={context}\n          href={item.href}\n          icon={item.icon}\n          indent={item.icon ? Math.max(0, indent - 1) : indent}\n          item={item}\n          key={item.href}\n          name={groupLabel ? `${groupLabel} / ${item.label}` : item.label}\n        />\n      );\n      if (item.icon || !foldable) return link;\n      return (\n        <Fold folded={collapsed} key={item.href}>\n          {link}\n        </Fold>\n      );\n    });\n\n  const renderGroup = (\n    group: ConsoleNavGroup,\n    level: number,\n    indent: number,\n    underRailIcon: boolean,\n  ) => {\n    const expanded = isExpanded(group);\n    const panelId = `${id}-${group.key}`;\n    // Nested groups are headings over their items, so the items keep the same indent.\n    const childIndent = indent + (group.icon ? 1 : 0);\n    const active = activeBranch.includes(group.key);\n    const railIcon = level === 0 && Boolean(group.icon);\n    const onRail = collapsed && !underRailIcon;\n    const open = onRail ? !railIcon : expanded;\n    const railHref = railIcon ? (group.href ?? collectNavItems([group])[0]?.href) : undefined;\n    const railEmpty = !railIcon && !collectNavItems([group]).some((item) => item.icon);\n\n    const header = (\n      <button\n        aria-controls={panelId}\n        aria-expanded={open}\n        aria-hidden={(onRail && railIcon) || undefined}\n        className={styles.groupHeader}\n        data-active={active}\n        data-icon={Boolean(group.icon)}\n        data-indent={indent}\n        data-level={level}\n        tabIndex={onRail && railIcon ? -1 : undefined}\n        type=\"button\"\n        onClick={() => toggleGroup(group.key, expanded)}\n      >\n        {group.icon ? <Icon icon={group.icon} size={16} /> : null}\n        <span className={styles.itemLabel} data-label=\"\">\n          {group.label}\n        </span>\n        {level === 0 ? (\n          <Icon className={styles.chevron} data-expanded={expanded} icon={ChevronDown} size={14} />\n        ) : (\n          <span className={styles.indicator} data-expanded={expanded}>\n            <Play fill={'currentColor'} size={7} strokeWidth={1} />\n          </span>\n        )}\n      </button>\n    );\n\n    let head: ReactNode = header;\n    if (railIcon) {\n      head = (\n        <div className={styles.groupHead}>\n          {header}\n          {onRail && railHref ? (\n            <NavLink\n              collapsed\n              overlay\n              active={activeBranch[0] === group.key}\n              context={context}\n              href={railHref}\n              name={group.label}\n            />\n          ) : null}\n        </div>\n      );\n    } else if (!underRailIcon) {\n      head = <Fold folded={onRail}>{header}</Fold>;\n    }\n\n    return (\n      <div\n        className={styles.group}\n        data-icon={Boolean(group.icon)}\n        data-level={level}\n        data-rail-empty={railEmpty}\n        key={group.key}\n      >\n        {head}\n        <div\n          aria-hidden={!open}\n          className={styles.groupPanel}\n          data-expanded={open}\n          data-instant={reducedMotion}\n          id={panelId}\n          inert={open ? undefined : true}\n        >\n          <div className={styles.groupItems}>\n            {renderItems(group.items ?? [], childIndent, group.label, !(underRailIcon || railIcon))}\n            {(group.groups ?? []).map((child) =>\n              renderGroup(child, level + 1, childIndent, underRailIcon || railIcon),\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <ScrollShadow\n      aria-label={label}\n      as={'nav'}\n      className={styles.nav}\n      data-collapsed={collapsed}\n      orientation={'vertical'}\n      ref={navRef}\n      size={4}\n    >\n      {items.length > 0 ? (\n        <div\n          className={styles.topItems}\n          data-divided={groups.length > 0}\n          data-rail-empty={!items.some((item) => item.icon)}\n        >\n          {renderItems(items, 0, undefined, true)}\n        </div>\n      ) : null}\n      {groups.map((group) => renderGroup(group, 0, 0, false))}\n    </ScrollShadow>\n  );\n}\n\nConsoleNav.displayName = 'ConsoleNav';\n\nexport default ConsoleNav;\n"],"mappings":"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"}
+{"version":3,"file":"ConsoleNav.mjs","names":["clsx"],"sources":["../../../src/dashboard/ConsoleNav/ConsoleNav.tsx"],"sourcesContent":["'use client';\n\nimport './style.css';\n\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { ChevronDown, Play } from 'lucide-react';\nimport { type ReactNode, useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport Icon from '@/Icon';\nimport ScrollShadow from '@/ScrollShadow';\nimport Tooltip from '@/Tooltip';\n\nimport { useConsoleShellState } from '../ConsoleShell/context';\nimport { useLocalStorage, usePrefersReducedMotion } from '../hooks';\nimport { collectNavItems, findActiveBranch, resolveActiveHref } from './active';\nimport { styles } from './style';\nimport type { ConsoleNavGroup, ConsoleNavItem, ConsoleNavLinkProps, ConsoleNavProps } from './type';\n\nconst PANEL_TRANSITION_MS = 160;\nconst railLinkClassName = 'lobe-console-nav-rail-link';\n\nconst itemIndentStyles = [null, styles.itemIndent1, styles.itemIndent2];\nconst groupHeaderIndentStyles = [null, styles.groupHeaderIndent1, styles.groupHeaderIndent2];\nconst RAIL_TRANSITION_MS = 200;\n\ntype ExpandedOverrides = Record<string, boolean>;\n\n/** Older builds stored the closed group keys as an array. */\nfunction readOverrides(value: unknown): ExpandedOverrides {\n  if (Array.isArray(value)) {\n    return Object.fromEntries(value.map((key) => [String(key), false]));\n  }\n  return value && typeof value === 'object' ? (value as ExpandedOverrides) : {};\n}\n\nfunction scrollActiveIntoView(container: HTMLElement, behavior: ScrollBehavior = 'auto') {\n  const link =\n    container.querySelector<HTMLElement>('[aria-current=\"page\"]') ??\n    [...container.querySelectorAll<HTMLElement>('button[data-active=\"true\"]')].at(-1);\n  if (!link) return;\n  const containerRect = container.getBoundingClientRect();\n  const linkRect = link.getBoundingClientRect();\n  if (linkRect.top >= containerRect.top && linkRect.bottom <= containerRect.bottom) return;\n  container.scrollBy({\n    behavior,\n    top: linkRect.top - containerRect.top - (containerRect.height - linkRect.height) / 2,\n  });\n}\n\ninterface LinkContext {\n  onNavigate?: (href: string) => void;\n  renderLink?: ConsoleNavProps['renderLink'];\n}\n\nfunction renderAnchor(context: LinkContext, linkProps: ConsoleNavLinkProps, onFollow: () => void) {\n  if (context.renderLink) return context.renderLink(linkProps);\n  return (\n    <a\n      aria-current={linkProps['aria-current']}\n      aria-label={linkProps['aria-label']}\n      className={linkProps.className}\n      data-active={linkProps['data-active']}\n      data-collapsed={linkProps['data-collapsed']}\n      data-indent={linkProps['data-indent']}\n      href={linkProps.href}\n      rel={linkProps.external ? 'noreferrer' : undefined}\n      target={linkProps.external ? '_blank' : undefined}\n      title={linkProps.title}\n      onClick={(event) => {\n        if (context.onNavigate && !linkProps.external) event.preventDefault();\n        onFollow();\n      }}\n    >\n      {linkProps.children}\n    </a>\n  );\n}\n\nfunction NavLink({\n  active,\n  collapsed,\n  context,\n  href,\n  icon,\n  indent = 0,\n  item,\n  name,\n  overlay = false,\n}: {\n  active: boolean;\n  collapsed: boolean;\n  context: LinkContext;\n  href: string;\n  icon?: ConsoleNavItem['icon'];\n  indent?: number;\n  item?: ConsoleNavItem;\n  name: string;\n  overlay?: boolean;\n}) {\n  const shell = useConsoleShellState();\n  const label = item?.label ?? name;\n  const follow = () => {\n    context.onNavigate?.(href);\n    shell?.closeNavigation();\n  };\n  const linkProps: ConsoleNavLinkProps = {\n    'aria-current': active ? 'page' : undefined,\n    'aria-label': collapsed ? name : undefined,\n    'children': overlay ? null : (\n      <>\n        {icon ? (\n          <Icon className={stylex.props(styles.navIcon).className} icon={icon} size={18} />\n        ) : null}\n        <span\n          {...stylex.props(\n            styles.itemLabel,\n            styles.railFade,\n            collapsed && [styles.itemLabelRail, styles.railFaded],\n          )}\n        >\n          {label}\n        </span>\n        {item?.badge ? (\n          <span {...stylex.props(styles.badge, styles.railFade, collapsed && styles.railFaded)}>\n            {item.badge}\n          </span>\n        ) : null}\n        {item?.badge ? (\n          <span aria-hidden {...stylex.props(styles.dot, collapsed && styles.dotRail)} />\n        ) : null}\n      </>\n    ),\n    'className': overlay\n      ? clsx(\n          stylex.props(styles.railLink, active && styles.railLinkActive).className,\n          railLinkClassName,\n        )\n      : (stylex.props(\n          styles.item,\n          active && styles.itemActive,\n          (indent === 1 || indent === 2) && styles.itemIndented,\n          itemIndentStyles[indent],\n          collapsed && indent !== 0 && styles.itemRailIndent,\n        ).className ?? ''),\n    'data-active': active,\n    'data-collapsed': collapsed,\n    'data-indent': indent,\n    'external': item?.external,\n    href,\n    'onClick': follow,\n    'title': collapsed ? undefined : label,\n  };\n\n  const link = renderAnchor(context, linkProps, follow);\n\n  if (!icon && !overlay) return link;\n  // Always mounted so toggling the rail keeps the same link element and its label can fade.\n  return (\n    <Tooltip disabled={!collapsed} placement=\"right\" title={name}>\n      {link}\n    </Tooltip>\n  );\n}\n\nfunction Fold({ children, folded }: { children: ReactNode; folded: boolean }) {\n  return (\n    <div\n      aria-hidden={folded || undefined}\n      data-folded={folded}\n      inert={folded || undefined}\n      {...stylex.props(styles.fold, folded && styles.folded)}\n    >\n      <div {...stylex.props(styles.foldBody)}>{children}</div>\n    </div>\n  );\n}\n\nfunction ConsoleNav({\n  collapsed: collapsedProp,\n  defaultExpanded = 'all',\n  groups = [],\n  items = [],\n  label = 'Primary',\n  onNavigate,\n  pathname,\n  renderLink,\n  storageKey,\n}: ConsoleNavProps) {\n  const id = useId();\n  const navRef = useRef<HTMLDivElement>(null);\n  const shell = useConsoleShellState();\n  const collapsed = collapsedProp ?? shell?.collapsed ?? false;\n  const reducedMotion = usePrefersReducedMotion();\n  const [storedOverrides, setStoredOverrides] = useLocalStorage<unknown>(storageKey, {});\n  const overrides = readOverrides(storedOverrides);\n  const context: LinkContext = { onNavigate, renderLink };\n\n  const activeHref = resolveActiveHref(pathname, [...items, ...collectNavItems(groups)]);\n  const activeBranch = findActiveBranch(pathname, groups, activeHref);\n\n  // Arriving on a page reopens its branch even if it was closed by hand earlier.\n  const [trackedPathname, setTrackedPathname] = useState(pathname);\n  if (trackedPathname !== pathname) {\n    setTrackedPathname(pathname);\n    if (activeBranch.some((key) => overrides[key] === false)) {\n      const next = { ...overrides };\n      for (const key of activeBranch) delete next[key];\n      setStoredOverrides(next);\n    }\n  }\n\n  const isExpanded = (group: ConsoleNavGroup) =>\n    overrides[group.key] ??\n    (activeBranch.includes(group.key) || (group.defaultExpanded ?? defaultExpanded === 'all'));\n\n  const toggleGroup = useCallback(\n    (key: string, expanded: boolean) => {\n      setStoredOverrides((current: unknown) => ({ ...readOverrides(current), [key]: !expanded }));\n    },\n    [setStoredOverrides],\n  );\n\n  useEffect(() => {\n    const container = navRef.current;\n    if (!container) return;\n    scrollActiveIntoView(container);\n    if (reducedMotion) return;\n    const timer = window.setTimeout(() => scrollActiveIntoView(container), PANEL_TRANSITION_MS);\n    return () => window.clearTimeout(timer);\n  }, [activeHref, pathname, reducedMotion]);\n\n  useEffect(() => {\n    const container = navRef.current;\n    if (!container) return;\n    const timer = window.setTimeout(\n      () => scrollActiveIntoView(container, reducedMotion ? 'auto' : 'smooth'),\n      reducedMotion ? 0 : RAIL_TRANSITION_MS,\n    );\n    return () => window.clearTimeout(timer);\n  }, [collapsed, reducedMotion]);\n\n  // The rail folds rows out of this same tree instead of rendering its own, so icons stay put\n  // while the sidebar width animates.\n  const renderItems = (\n    list: ConsoleNavItem[],\n    indent: number,\n    groupLabel: string | undefined,\n    foldable: boolean,\n  ) =>\n    list.map((item) => {\n      const link = (\n        <NavLink\n          active={item.href === activeHref}\n          collapsed={collapsed}\n          context={context}\n          href={item.href}\n          icon={item.icon}\n          indent={item.icon ? Math.max(0, indent - 1) : indent}\n          item={item}\n          key={item.href}\n          name={groupLabel ? `${groupLabel} / ${item.label}` : item.label}\n        />\n      );\n      if (item.icon || !foldable) return link;\n      return (\n        <Fold folded={collapsed} key={item.href}>\n          {link}\n        </Fold>\n      );\n    });\n\n  const renderGroup = (\n    group: ConsoleNavGroup,\n    level: number,\n    indent: number,\n    underRailIcon: boolean,\n    afterGroup: boolean,\n  ) => {\n    const expanded = isExpanded(group);\n    const panelId = `${id}-${group.key}`;\n    // Nested groups are headings over their items, so the items keep the same indent.\n    const childIndent = indent + (group.icon ? 1 : 0);\n    const active = activeBranch.includes(group.key);\n    const railIcon = level === 0 && Boolean(group.icon);\n    const onRail = collapsed && !underRailIcon;\n    const open = onRail ? !railIcon : expanded;\n    const railHref = railIcon ? (group.href ?? collectNavItems([group])[0]?.href) : undefined;\n    const railEmpty = !railIcon && !collectNavItems([group]).some((item) => item.icon);\n    const nested = level !== 0;\n    const headerIconClassName = stylex.props(\n      styles.headerIcon,\n      Boolean(group.icon) && styles.headerIconWide,\n    ).className;\n\n    const header = (\n      <button\n        aria-controls={panelId}\n        aria-expanded={open}\n        aria-hidden={(onRail && railIcon) || undefined}\n        data-active={active}\n        data-icon={Boolean(group.icon)}\n        data-indent={indent}\n        data-level={level}\n        tabIndex={onRail && railIcon ? -1 : undefined}\n        type=\"button\"\n        onClick={() => toggleGroup(group.key, expanded)}\n        {...stylex.props(\n          styles.groupHeader,\n          active && styles.groupHeaderActive,\n          Boolean(group.icon) && styles.groupHeaderIcon,\n          !nested && Boolean(group.icon) && styles.groupHeaderRailIcon,\n          nested && styles.groupHeaderNested,\n          nested && active && styles.groupHeaderNestedActive,\n          groupHeaderIndentStyles[indent],\n        )}\n      >\n        {group.icon ? <Icon className={headerIconClassName} icon={group.icon} size={16} /> : null}\n        <span\n          data-label=\"\"\n          {...stylex.props(\n            styles.itemLabel,\n            styles.railFade,\n            collapsed && [styles.itemLabelRail, styles.railFaded],\n            nested && styles.groupLabelNested,\n          )}\n        >\n          {group.label}\n        </span>\n        {level === 0 ? (\n          <Icon\n            data-expanded={expanded}\n            icon={ChevronDown}\n            size={14}\n            className={clsx(\n              headerIconClassName,\n              stylex.props(\n                styles.chevron,\n                !expanded && styles.chevronFolded,\n                collapsed && styles.railFaded,\n              ).className,\n            )}\n          />\n        ) : (\n          <span\n            data-expanded={expanded}\n            {...stylex.props(styles.indicator, expanded && styles.indicatorExpanded)}\n          >\n            <Play fill={'currentColor'} size={7} strokeWidth={1} />\n          </span>\n        )}\n      </button>\n    );\n\n    let head: ReactNode = header;\n    if (railIcon) {\n      head = (\n        <div {...stylex.props(styles.groupHead)}>\n          {header}\n          {onRail && railHref ? (\n            <NavLink\n              collapsed\n              overlay\n              active={activeBranch[0] === group.key}\n              context={context}\n              href={railHref}\n              name={group.label}\n            />\n          ) : null}\n        </div>\n      );\n    } else if (!underRailIcon) {\n      head = <Fold folded={onRail}>{header}</Fold>;\n    }\n\n    return (\n      <div\n        data-icon={Boolean(group.icon)}\n        data-level={level}\n        data-rail-empty={railEmpty}\n        key={group.key}\n        {...stylex.props(\n          styles.group,\n          !nested && Boolean(group.icon) && styles.groupLevelIcon,\n          nested && styles.groupNested,\n          collapsed && railEmpty && styles.groupRailEmpty,\n          collapsed && afterGroup && !nested && !group.icon && styles.groupDivider,\n        )}\n      >\n        {head}\n        <div\n          aria-hidden={!open}\n          data-expanded={open}\n          data-instant={reducedMotion}\n          id={panelId}\n          inert={open ? undefined : true}\n          {...stylex.props(\n            styles.groupPanel,\n            !open && styles.groupPanelCollapsed,\n            reducedMotion && styles.groupPanelInstant,\n          )}\n        >\n          <div {...stylex.props(styles.groupItems)}>\n            {renderItems(group.items ?? [], childIndent, group.label, !(underRailIcon || railIcon))}\n            {(group.groups ?? []).map((child, index) =>\n              renderGroup(child, level + 1, childIndent, underRailIcon || railIcon, index > 0),\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <ScrollShadow\n      aria-label={label}\n      as={'nav'}\n      className={stylex.props(styles.nav).className}\n      data-collapsed={collapsed}\n      orientation={'vertical'}\n      ref={navRef}\n      size={4}\n    >\n      {items.length > 0 ? (\n        <div\n          data-divided={groups.length > 0}\n          data-rail-empty={!items.some((item) => item.icon)}\n          {...stylex.props(\n            styles.topItems,\n            groups.length > 0 && styles.topItemsDivided,\n            collapsed && !items.some((item) => item.icon) && styles.topItemsRailEmpty,\n          )}\n        >\n          {renderItems(items, 0, undefined, true)}\n        </div>\n      ) : null}\n      {groups.map((group, index) => renderGroup(group, 0, 0, false, index > 0))}\n    </ScrollShadow>\n  );\n}\n\nConsoleNav.displayName = 'ConsoleNav';\n\nexport default ConsoleNav;\n"],"mappings":"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"}

package/es/dashboard/ConsoleNav/Skeleton.d.mts

@@ -9,7 +9,7 @@ declare namespace ConsoleNavSkeleton {
   var displayName: string;
 }
 /** Footer placeholder matching an account row: avatar plus name. */
-declare function ConsoleFooterSkeleton(): import("react").JSX.Element;
+export declare function ConsoleFooterSkeleton(): import("react").JSX.Element;
 //#endregion
-export { ConsoleFooterSkeleton, ConsoleNavSkeleton as default };
+export { ConsoleNavSkeleton as default };
 //# sourceMappingURL=Skeleton.d.mts.map

package/es/dashboard/ConsoleNav/Skeleton.mjs

@@ -1,8 +1,9 @@
 "use client";
-import Skeleton from "../../base-ui/Skeleton/index.mjs";
+import { styleProps } from "../../styles/stylex/props.mjs";
+import Skeleton from "../../Skeleton/index.mjs";
 import { styles } from "./style.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
+import * as stylex from "@stylexjs/stylex";
 //#region src/dashboard/ConsoleNav/Skeleton.tsx
 const DEFAULT_GROUPS = [
 	3,
@@ -11,8 +12,8 @@ const DEFAULT_GROUPS = [
 	3
 ];
 const Row = ({ group, index }) => /* @__PURE__ */ jsxs("div", {
-	className: cx(styles.item, styles.skeletonRow),
 	"data-indent": 0,
+	...stylex.props(styles.item, styles.skeletonRow),
 	children: [/* @__PURE__ */ jsx(Skeleton, {
 		height: 16,
 		radius: 4,
@@ -31,24 +32,24 @@ function ConsoleNavSkeleton({ className, groups = DEFAULT_GROUPS, items = 1 }) {
 	const counts = groups.map((group) => typeof group === "number" ? group : group.items?.length ?? 0);
 	return /* @__PURE__ */ jsxs("div", {
 		"aria-hidden": true,
-		className: cx(styles.nav, className),
 		"data-console-nav-skeleton": "",
+		...styleProps(styles.nav, className),
 		children: [Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsx(Row, {
 			group: 0,
 			index
 		}, index)), counts.map((count, group) => /* @__PURE__ */ jsxs("div", {
-			className: styles.skeletonGroup,
+			...stylex.props(styles.skeletonGroup),
 			children: [/* @__PURE__ */ jsx("div", {
-				className: cx(styles.groupHeader, styles.skeletonRow),
 				"data-level": 0,
+				...stylex.props(styles.groupHeader, styles.skeletonRow),
 				children: /* @__PURE__ */ jsx(Skeleton, {
 					height: 12,
 					radius: 4,
 					width: 64 + group % 2 * 16
 				})
 			}), Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx("div", {
-				className: cx(styles.item, styles.skeletonRow),
 				"data-indent": 1,
+				...stylex.props(styles.item, styles.itemIndented, styles.itemIndent1, styles.skeletonRow),
 				children: /* @__PURE__ */ jsx(Skeleton, {
 					height: 14,
 					radius: 4,
@@ -63,7 +64,7 @@ ConsoleNavSkeleton.displayName = "ConsoleNavSkeleton";
 function ConsoleFooterSkeleton() {
 	return /* @__PURE__ */ jsxs("div", {
 		"aria-hidden": true,
-		className: styles.skeletonFooter,
+		...stylex.props(styles.skeletonFooter),
 		children: [/* @__PURE__ */ jsx(Skeleton, {
 			height: 32,
 			radius: 16,

package/es/dashboard/ConsoleNav/Skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.mjs","names":[],"sources":["../../../src/dashboard/ConsoleNav/Skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\n\nimport Skeleton from '@/base-ui/Skeleton';\n\nimport { styles } from './style';\nimport type { ConsoleNavGroup, ConsoleNavSkeletonProps } from './type';\n\nconst DEFAULT_GROUPS = [3, 6, 4, 3];\n\nconst Row = ({ group, index }: { group: number; index: number }) => (\n  <div className={cx(styles.item, styles.skeletonRow)} data-indent={0}>\n    <Skeleton height={16} radius={4} width={16} />\n    <Skeleton height={14} radius={4} width={56 + ((index + group) % 3) * 20} />\n  </div>\n);\n\n/**\n * Placeholder for `ConsoleNav` while the session or menu loads. Rows use the nav's own item,\n * group header and indent metrics, so swapping in the real nav does not shift anything.\n */\nfunction ConsoleNavSkeleton({\n  className,\n  groups = DEFAULT_GROUPS,\n  items = 1,\n}: ConsoleNavSkeletonProps) {\n  const counts = groups.map((group: number | ConsoleNavGroup) =>\n    typeof group === 'number' ? group : (group.items?.length ?? 0),\n  );\n  return (\n    <div aria-hidden className={cx(styles.nav, className)} data-console-nav-skeleton=\"\">\n      {Array.from({ length: items }, (_, index) => (\n        <Row group={0} index={index} key={index} />\n      ))}\n      {counts.map((count, group) => (\n        <div className={styles.skeletonGroup} key={group}>\n          <div className={cx(styles.groupHeader, styles.skeletonRow)} data-level={0}>\n            <Skeleton height={12} radius={4} width={64 + (group % 2) * 16} />\n          </div>\n          {Array.from({ length: count }, (_, index) => (\n            <div className={cx(styles.item, styles.skeletonRow)} data-indent={1} key={index}>\n              <Skeleton height={14} radius={4} width={56 + ((index + group) % 3) * 20} />\n            </div>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n\nConsoleNavSkeleton.displayName = 'ConsoleNavSkeleton';\n\n/** Footer placeholder matching an account row: avatar plus name. */\nexport function ConsoleFooterSkeleton() {\n  return (\n    <div aria-hidden className={styles.skeletonFooter}>\n      <Skeleton height={32} radius={16} width={32} />\n      <Skeleton height={14} radius={4} width={96} />\n    </div>\n  );\n}\n\nexport default ConsoleNavSkeleton;\n"],"mappings":";;;;;;AASA,MAAM,iBAAiB;CAAC;CAAG;CAAG;CAAG;AAAC;AAElC,MAAM,OAAO,EAAE,OAAO,YACpB,qBAAC,OAAD;CAAK,WAAW,GAAG,OAAO,MAAM,OAAO,WAAW;CAAG,eAAa;CAAlE,UAAA,CACE,oBAAC,UAAD;EAAU,QAAQ;EAAI,QAAQ;EAAG,OAAO;CAAK,CAAA,GAC7C,oBAAC,UAAD;EAAU,QAAQ;EAAI,QAAQ;EAAG,OAAO,MAAO,QAAQ,SAAS,IAAK;CAAK,CAAA,CACvE;;;;;;AAOP,SAAS,mBAAmB,EAC1B,WACA,SAAS,gBACT,QAAQ,KACkB;CAC1B,MAAM,SAAS,OAAO,KAAK,UACzB,OAAO,UAAU,WAAW,QAAS,MAAM,OAAO,UAAU,CAC9D;CACA,OACE,qBAAC,OAAD;EAAK,eAAA;EAAY,WAAW,GAAG,OAAO,KAAK,SAAS;EAAG,6BAA0B;EAAjF,UAAA,CACG,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UACjC,oBAAC,KAAD;GAAK,OAAO;GAAU;EAAoB,GAAR,KAAQ,CAC3C,GACA,OAAO,KAAK,OAAO,UAClB,qBAAC,OAAD;GAAK,WAAW,OAAO;GAAvB,UAAA,CACE,oBAAC,OAAD;IAAK,WAAW,GAAG,OAAO,aAAa,OAAO,WAAW;IAAG,cAAY;IACtE,UAAA,oBAAC,UAAD;KAAU,QAAQ;KAAI,QAAQ;KAAG,OAAO,KAAM,QAAQ,IAAK;IAAK,CAAA;GAC7D,CAAA,GACJ,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UACjC,oBAAC,OAAD;IAAK,WAAW,GAAG,OAAO,MAAM,OAAO,WAAW;IAAG,eAAa;IAChE,UAAA,oBAAC,UAAD;KAAU,QAAQ;KAAI,QAAQ;KAAG,OAAO,MAAO,QAAQ,SAAS,IAAK;IAAK,CAAA;GACvE,GAFqE,KAErE,CACN,CACE;EATsC,GAAA,KAStC,CACN,CACE;;AAET;AAEA,mBAAmB,cAAc;;AAGjC,SAAgB,wBAAwB;CACtC,OACE,qBAAC,OAAD;EAAK,eAAA;EAAY,WAAW,OAAO;EAAnC,UAAA,CACE,oBAAC,UAAD;GAAU,QAAQ;GAAI,QAAQ;GAAI,OAAO;EAAK,CAAA,GAC9C,oBAAC,UAAD;GAAU,QAAQ;GAAI,QAAQ;GAAG,OAAO;EAAK,CAAA,CAC1C;;AAET"}
+{"version":3,"file":"Skeleton.mjs","names":[],"sources":["../../../src/dashboard/ConsoleNav/Skeleton.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport Skeleton from '@/Skeleton';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from './style';\nimport type { ConsoleNavGroup, ConsoleNavSkeletonProps } from './type';\n\nconst DEFAULT_GROUPS = [3, 6, 4, 3];\n\nconst Row = ({ group, index }: { group: number; index: number }) => (\n  <div data-indent={0} {...stylex.props(styles.item, styles.skeletonRow)}>\n    <Skeleton height={16} radius={4} width={16} />\n    <Skeleton height={14} radius={4} width={56 + ((index + group) % 3) * 20} />\n  </div>\n);\n\n/**\n * Placeholder for `ConsoleNav` while the session or menu loads. Rows use the nav's own item,\n * group header and indent metrics, so swapping in the real nav does not shift anything.\n */\nfunction ConsoleNavSkeleton({\n  className,\n  groups = DEFAULT_GROUPS,\n  items = 1,\n}: ConsoleNavSkeletonProps) {\n  const counts = groups.map((group: number | ConsoleNavGroup) =>\n    typeof group === 'number' ? group : (group.items?.length ?? 0),\n  );\n  return (\n    <div aria-hidden data-console-nav-skeleton=\"\" {...styleProps(styles.nav, className)}>\n      {Array.from({ length: items }, (_, index) => (\n        <Row group={0} index={index} key={index} />\n      ))}\n      {counts.map((count, group) => (\n        <div key={group} {...stylex.props(styles.skeletonGroup)}>\n          <div data-level={0} {...stylex.props(styles.groupHeader, styles.skeletonRow)}>\n            <Skeleton height={12} radius={4} width={64 + (group % 2) * 16} />\n          </div>\n          {Array.from({ length: count }, (_, index) => (\n            <div\n              data-indent={1}\n              key={index}\n              {...stylex.props(\n                styles.item,\n                styles.itemIndented,\n                styles.itemIndent1,\n                styles.skeletonRow,\n              )}\n            >\n              <Skeleton height={14} radius={4} width={56 + ((index + group) % 3) * 20} />\n            </div>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n\nConsoleNavSkeleton.displayName = 'ConsoleNavSkeleton';\n\n/** Footer placeholder matching an account row: avatar plus name. */\nexport function ConsoleFooterSkeleton() {\n  return (\n    <div aria-hidden {...stylex.props(styles.skeletonFooter)}>\n      <Skeleton height={32} radius={16} width={32} />\n      <Skeleton height={14} radius={4} width={96} />\n    </div>\n  );\n}\n\nexport default ConsoleNavSkeleton;\n"],"mappings":";;;;;;;AAOA,MAAM,iBAAiB;CAAC;CAAG;CAAG;CAAG;AAAC;AAClC,MAAM,OAAO,EACX,OACA,YAII,qBAAC,OAAD;CAAK,eAAa;CAAG,GAAI,OAAO,MAAM,OAAO,MAAM,OAAO,WAAW;CAArE,UAAA,CACF,oBAAC,UAAD;EAAU,QAAQ;EAAI,QAAQ;EAAG,OAAO;CAAK,CAAA,GAC7C,oBAAC,UAAD;EAAU,QAAQ;EAAI,QAAQ;EAAG,OAAO,MAAM,QAAQ,SAAS,IAAI;CAAK,CAAA,CACrE;;;;;;AAMP,SAAS,mBAAmB,EAC1B,WACA,SAAS,gBACT,QAAQ,KACkB;CAC1B,MAAM,SAAS,OAAO,KAAK,UAAoC,OAAO,UAAU,WAAW,QAAQ,MAAM,OAAO,UAAU,CAAC;CAC3H,OAAO,qBAAC,OAAD;EAAK,eAAA;EAAY,6BAA0B;EAAG,GAAI,WAAW,OAAO,KAAK,SAAS;EAAlF,UAAA,CACF,MAAM,KAAK,EACZ,QAAQ,MACV,IAAI,GAAG,UAAU,oBAAC,KAAD;GAAK,OAAO;GAAU;EAAoB,GAAR,KAAQ,CAAC,GACzD,OAAO,KAAK,OAAO,UAAU,qBAAC,OAAD;GAAiB,GAAI,OAAO,MAAM,OAAO,aAAa;GAAtD,UAAA,CAC1B,oBAAC,OAAD;IAAK,cAAY;IAAG,GAAI,OAAO,MAAM,OAAO,aAAa,OAAO,WAAW;IACzE,UAAA,oBAAC,UAAD;KAAU,QAAQ;KAAI,QAAQ;KAAG,OAAO,KAAK,QAAQ,IAAI;IAAK,CAAA;GAC3D,CAAA,GACJ,MAAM,KAAK,EACd,QAAQ,MACV,IAAI,GAAG,UAAU,oBAAC,OAAD;IAAK,eAAa;IAAe,GAAI,OAAO,MAAM,OAAO,MAAM,OAAO,cAAc,OAAO,aAAa,OAAO,WAAW;IACnI,UAAA,oBAAC,UAAD;KAAU,QAAQ;KAAI,QAAQ;KAAG,OAAO,MAAM,QAAQ,SAAS,IAAI;IAAK,CAAA;GACrE,GAFgC,KAEhC,CAAC,CACL;EATiC,GAAA,KASjC,CAAC,CACL;;AACT;AACA,mBAAmB,cAAc;;AAGjC,SAAgB,wBAAwB;CACtC,OAAO,qBAAC,OAAD;EAAK,eAAA;EAAY,GAAI,OAAO,MAAM,OAAO,cAAc;EAAvD,UAAA,CACH,oBAAC,UAAD;GAAU,QAAQ;GAAI,QAAQ;GAAI,OAAO;EAAK,CAAA,GAC9C,oBAAC,UAAD;GAAU,QAAQ;GAAI,QAAQ;GAAG,OAAO;EAAK,CAAA,CAC1C;;AACT"}

package/es/dashboard/ConsoleNav/active.d.mts

@@ -1,7 +1,6 @@
 import { ConsoleNavItem } from "./type.mjs";
 //#region src/dashboard/ConsoleNav/active.d.ts
 /** Longest matching href wins, so `/resources/new` does not also light up `/`. */
-declare function resolveActiveHref(pathname: string, items: readonly ConsoleNavItem[]): string;
+export declare function resolveActiveHref(pathname: string, items: readonly ConsoleNavItem[]): string;
 //#endregion
-export { resolveActiveHref };
 //# sourceMappingURL=active.d.mts.map