@lobehub/ui 6.0.0-beta.6 → 6.0.0-beta.8

package/es/dashboard/AuthTools/AuthThemeSwitch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AuthThemeSwitch.mjs","names":[],"sources":["../../../src/dashboard/AuthTools/AuthThemeSwitch.tsx"],"sourcesContent":["'use client';\n\nimport './style.css';\n\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { Monitor, Moon, Sun } from 'lucide-react';\n\nimport Icon from '@/Icon';\nimport Segmented from '@/Segmented';\n\nimport { styles } from './style';\nimport type { AuthThemeMode, AuthThemeSwitchProps } from './type';\n\nconst OPTIONS = [\n  { icon: Moon, value: 'dark' },\n  { icon: Monitor, value: 'auto' },\n  { icon: Sun, value: 'light' },\n] as const;\n\nconst DEFAULT_LABELS: Record<AuthThemeMode, string> = {\n  auto: 'System',\n  dark: 'Dark',\n  light: 'Light',\n};\n\n/** Compact icon-only theme picker for auth corner tools. Controlled; wire it to your store. */\nfunction AuthThemeSwitch({\n  className,\n  labels,\n  onChange,\n  style,\n  value = 'auto',\n}: AuthThemeSwitchProps) {\n  const names = { ...DEFAULT_LABELS, ...labels };\n  return (\n    <Segmented<AuthThemeMode>\n      className={clsx('lobe-auth-theme-switch', className)}\n      size=\"small\"\n      style={style}\n      value={value}\n      variant=\"outlined\"\n      classNames={{\n        item: 'lobe-auth-theme-switch-item',\n        itemIcon: stylex.props(styles.themeIcon).className,\n        itemLabel: stylex.props(styles.themeLabel).className,\n      }}\n      options={OPTIONS.map((option) => ({\n        icon: <Icon icon={option.icon} />,\n        label: names[option.value],\n        title: names[option.value],\n        value: option.value,\n      }))}\n      onChange={(next) => onChange?.(next)}\n    />\n  );\n}\n\nAuthThemeSwitch.displayName = 'AuthThemeSwitch';\n\nexport default AuthThemeSwitch;\n"],"mappings":";;;;;;;;;AAUA,MAAM,UAAU;CAAC;EACf,MAAM;EACN,OAAO;CACT;CAAG;EACD,MAAM;EACN,OAAO;CACT;CAAG;EACD,MAAM;EACN,OAAO;CACT;AAAC;AACD,MAAM,iBAAgD;CACpD,MAAM;CACN,MAAM;CACN,OAAO;AACT;;AAGA,SAAS,gBAAgB,EACvB,WACA,QACA,UACA,OACA,QAAQ,UACe;CACvB,MAAM,QAAQ;EACZ,GAAG;EACH,GAAG;CACL;CACA,OAAO,oBAAC,WAAD;EAA0B,WAAW,KAAK,0BAA0B,SAAS;EAAG,MAAK;EAAe;EAAc;EAAO,SAAQ;EAAW,YAAY;GAC7J,MAAM;GACN,UAAU,OAAO,MAAM,OAAO,SAAS,CAAC,CAAC;GACzC,WAAW,OAAO,MAAM,OAAO,UAAU,CAAC,CAAC;EAC7C;EAAG,SAAS,QAAQ,KAAI,YAAW;GACjC,MAAM,oBAAC,MAAD,EAAM,MAAM,OAAO,KAAO,CAAA;GAChC,OAAO,MAAM,OAAO;GACpB,OAAO,MAAM,OAAO;GACpB,OAAO,OAAO;EAChB,EAAE;EAAG,WAAU,SAAQ,WAAW,IAAI;CAAI,CAAA;AAC5C;AACA,gBAAgB,cAAc"}
+{"version":3,"file":"AuthThemeSwitch.mjs","names":["clsx"],"sources":["../../../src/dashboard/AuthTools/AuthThemeSwitch.tsx"],"sourcesContent":["'use client';\n\nimport './style.css';\n\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { Monitor, Moon, Sun } from 'lucide-react';\n\nimport Icon from '@/Icon';\nimport Segmented from '@/Segmented';\n\nimport { styles } from './style';\nimport type { AuthThemeMode, AuthThemeSwitchProps } from './type';\n\nconst OPTIONS = [\n  { icon: Moon, value: 'dark' },\n  { icon: Monitor, value: 'auto' },\n  { icon: Sun, value: 'light' },\n] as const;\n\nconst DEFAULT_LABELS: Record<AuthThemeMode, string> = {\n  auto: 'System',\n  dark: 'Dark',\n  light: 'Light',\n};\n\n/** Compact icon-only theme picker for auth corner tools. Controlled; wire it to your store. */\nfunction AuthThemeSwitch({\n  className,\n  labels,\n  onChange,\n  style,\n  value = 'auto',\n}: AuthThemeSwitchProps) {\n  const names = { ...DEFAULT_LABELS, ...labels };\n  return (\n    <Segmented<AuthThemeMode>\n      className={clsx('lobe-auth-theme-switch', className)}\n      size=\"small\"\n      style={style}\n      value={value}\n      variant=\"outlined\"\n      classNames={{\n        item: 'lobe-auth-theme-switch-item',\n        itemIcon: stylex.props(styles.themeIcon).className,\n        itemLabel: stylex.props(styles.themeLabel).className,\n      }}\n      options={OPTIONS.map((option) => ({\n        icon: <Icon icon={option.icon} />,\n        label: names[option.value],\n        title: names[option.value],\n        value: option.value,\n      }))}\n      onChange={(next) => onChange?.(next)}\n    />\n  );\n}\n\nAuthThemeSwitch.displayName = 'AuthThemeSwitch';\n\nexport default AuthThemeSwitch;\n"],"mappings":";;;;;;;;;AAUA,MAAM,UAAU;CAAC;EACf,MAAM;EACN,OAAO;CACT;CAAG;EACD,MAAM;EACN,OAAO;CACT;CAAG;EACD,MAAM;EACN,OAAO;CACT;AAAC;AACD,MAAM,iBAAgD;CACpD,MAAM;CACN,MAAM;CACN,OAAO;AACT;;AAGA,SAAS,gBAAgB,EACvB,WACA,QACA,UACA,OACA,QAAQ,UACe;CACvB,MAAM,QAAQ;EACZ,GAAG;EACH,GAAG;CACL;CACA,OAAO,oBAAC,WAAD;EAA0B,WAAWA,OAAK,0BAA0B,SAAS;EAAG,MAAK;EAAe;EAAc;EAAO,SAAQ;EAAW,YAAY;GAC7J,MAAM;GACN,UAAU,OAAO,MAAM,OAAO,SAAS,CAAC,CAAC;GACzC,WAAW,OAAO,MAAM,OAAO,UAAU,CAAC,CAAC;EAC7C;EAAG,SAAS,QAAQ,KAAI,YAAW;GACjC,MAAM,oBAAC,MAAD,EAAM,MAAM,OAAO,KAAO,CAAA;GAChC,OAAO,MAAM,OAAO;GACpB,OAAO,MAAM,OAAO;GACpB,OAAO,OAAO;EAChB,EAAE;EAAG,WAAU,SAAQ,WAAW,IAAI;CAAI,CAAA;AAC5C;AACA,gBAAgB,cAAc"}

package/es/dashboard/ConsoleNav/ConsoleNav.mjs

@@ -8,7 +8,7 @@ import { useLocalStorage, usePrefersReducedMotion } from "../hooks.mjs";
 import { styles } from "./style.mjs";
 import { useCallback, useEffect, useId, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
+import clsx$1 from "clsx";
 import * as stylex from "@stylexjs/stylex";
 import { ChevronDown, Play } from "lucide-react";
 //#region src/dashboard/ConsoleNav/ConsoleNav.tsx
@@ -90,7 +90,7 @@ function NavLink({ active, collapsed, context, href, icon, indent = 0, item, nam
 				...stylex.props(styles.dot, collapsed && styles.dotRail)
 			}) : null
 		] }),
-		"className": overlay ? clsx(stylex.props(styles.railLink, active && styles.railLinkActive).className, railLinkClassName) : stylex.props(styles.item, active && styles.itemActive, (indent === 1 || indent === 2) && styles.itemIndented, itemIndentStyles[indent], collapsed && indent !== 0 && styles.itemRailIndent).className ?? "",
+		"className": overlay ? clsx$1(stylex.props(styles.railLink, active && styles.railLinkActive).className, railLinkClassName) : stylex.props(styles.item, active && styles.itemActive, (indent === 1 || indent === 2) && styles.itemIndented, itemIndentStyles[indent], collapsed && indent !== 0 && styles.itemRailIndent).className ?? "",
 		"data-active": active,
 		"data-collapsed": collapsed,
 		"data-indent": indent,
@@ -223,7 +223,7 @@ function ConsoleNav({ collapsed: collapsedProp, defaultExpanded = "all", groups
 					"data-expanded": expanded,
 					icon: ChevronDown,
 					size: 14,
-					className: clsx(headerIconClassName, stylex.props(styles.chevron, !expanded && styles.chevronFolded, collapsed && styles.railFaded).className)
+					className: clsx$1(headerIconClassName, stylex.props(styles.chevron, !expanded && styles.chevronFolded, collapsed && styles.railFaded).className)
 				}) : /* @__PURE__ */ jsx("span", {
 					"data-expanded": expanded,
 					...stylex.props(styles.indicator, expanded && styles.indicatorExpanded),

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 './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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"}
+{"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/style.mjs

@@ -62,7 +62,7 @@ const styles = {
 		kVAEAm: "lb1n2onr6",
 		kpsdNU: "lbm4btww",
 		k2g4ti: "lb1qc4mfg lb1fgujza",
-		kLkRvE: "lbv1378s",
+		kLkRvE: "lb4uv7w2",
 		kgzTxl: "lby80zi5",
 		kgeoSG: "lb1cpjm7i",
 		k96MEf: "lb1mpa3hi",
@@ -317,7 +317,7 @@ const styles = {
 		$$css: true
 	},
 	topItemsDivided: {
-		kL6WhQ: "lb1nkj3if",
+		kL6WhQ: "lb1fmh5c5",
 		kfdmCh: "lb1q0q8m5",
 		kt9PQ7: "lbso031l",
 		k1K539: "lbzueoph",

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/ConsoleNav/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { media } from '@/styles/stylex/media.stylex';\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\n\nexport const styles = stylex.create({\n  badge: {\n    borderRadius: 999,\n    flex: 'none',\n    paddingInline: 6,\n    backgroundColor: `color-mix(in srgb, ${cssVar.colorError} 12%, transparent)`,\n    color: cssVar.colorError,\n    fontSize: cssVar.fontSizeSM,\n    fontVariantNumeric: 'tabular-nums',\n    minInlineSize: 20,\n    textAlign: 'center',\n  },\n  chevron: {\n    flex: 'none',\n    transition: {\n      default: 'transform 160ms ease, opacity 120ms ease 80ms',\n      [reducedMotion]: 'none',\n    },\n  },\n  chevronFolded: {\n    transform: 'rotate(-90deg)',\n  },\n  dot: {\n    borderRadius: 999,\n    transition: { default: 'opacity 120ms ease', [reducedMotion]: 'none' },\n    backgroundColor: cssVar.colorError,\n    blockSize: 7,\n    inlineSize: 7,\n    insetBlockStart: 7,\n    insetInlineEnd: 9,\n    opacity: 0,\n    position: 'absolute',\n  },\n  dotRail: {\n    opacity: 1,\n  },\n  fold: {\n    transition: {\n      default: 'grid-template-rows 200ms ease, margin 200ms ease, opacity 120ms ease',\n      [reducedMotion]: 'none',\n    },\n    display: 'grid',\n    gridTemplateRows: '1fr',\n  },\n  foldBody: {\n    overflow: 'hidden',\n    minBlockSize: 0,\n  },\n  folded: {\n    gridTemplateRows: '0fr',\n    marginBlockStart: { 'default': null, ':not(:first-child)': -2 },\n    opacity: 0,\n  },\n  group: {\n    'transition': { default: 'margin 200ms ease', [reducedMotion]: 'none' },\n    'display': 'flex',\n    'flexDirection': 'column',\n    'marginBlockStart': 12,\n    'position': 'relative',\n    '::before': {\n      insetInline: 0,\n      transition: { default: 'opacity 200ms ease', [reducedMotion]: 'none' },\n      backgroundColor: cssVar.colorBorderSecondary,\n      blockSize: 1,\n      content: '\"\"',\n      insetBlockStart: -6,\n      opacity: 0,\n      position: 'absolute',\n    },\n  },\n  groupDivider: {\n    '::before': {\n      opacity: 1,\n    },\n  },\n  groupHead: {\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n  },\n  groupHeader: {\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadius,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    gap: 8,\n    alignItems: 'center',\n    backgroundColor: 'transparent',\n    color: { 'default': cssVar.colorTextSecondary, ':hover': cssVar.colorText },\n    cursor: 'pointer',\n    display: 'flex',\n    fontSize: cssVar.fontSizeSM,\n    fontWeight: 500,\n    justifyContent: 'space-between',\n    minBlockSize: 32,\n    paddingInlineEnd: 10,\n    paddingInlineStart: 10,\n    textAlign: 'start',\n    whiteSpace: 'nowrap',\n  },\n  groupHeaderActive: {\n    color: cssVar.colorText,\n  },\n  groupHeaderIcon: {\n    gap: 10,\n    fontSize: cssVar.fontSize,\n    justifyContent: 'flex-start',\n    minBlockSize: 36,\n  },\n  groupHeaderIndent1: {\n    paddingInlineStart: 38,\n  },\n  groupHeaderIndent2: {\n    paddingInlineStart: 56,\n  },\n  groupHeaderNested: {\n    gap: 8,\n    color: { 'default': cssVar.colorTextDescription, ':hover': cssVar.colorTextSecondary },\n    fontSize: cssVar.fontSizeSM,\n    fontWeight: 400,\n    justifyContent: 'flex-start',\n    minBlockSize: 26,\n  },\n  groupHeaderNestedActive: {\n    color: cssVar.colorTextSecondary,\n  },\n  groupHeaderRailIcon: {\n    backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillTertiary },\n  },\n  groupItems: {\n    gap: 2,\n    overflow: 'hidden',\n    display: 'flex',\n    flexDirection: 'column',\n    minBlockSize: 0,\n  },\n  groupLabelNested: {\n    flexBasis: 'auto',\n    flexGrow: '0',\n    flexShrink: '1',\n  },\n  groupLevelIcon: {\n    marginBlockStart: 2,\n  },\n  groupNested: {\n    marginBlockStart: 6,\n  },\n  groupPanel: {\n    transition: 'grid-template-rows 160ms ease',\n    display: 'grid',\n    gridTemplateRows: '1fr',\n  },\n  groupPanelCollapsed: {\n    gridTemplateRows: '0fr',\n  },\n  groupPanelInstant: {\n    transition: 'none',\n  },\n  groupRailEmpty: {\n    marginBlockStart: 0,\n  },\n  headerIcon: {\n    flex: 'none',\n    display: 'flex',\n  },\n  headerIconWide: {\n    inlineSize: 18,\n    justifyContent: 'center',\n  },\n  indicator: {\n    flex: 'none',\n    transition: 'transform 160ms ease',\n    alignItems: 'center',\n    color: cssVar.colorTextDescription,\n    display: 'flex',\n    justifyContent: 'center',\n    marginInlineStart: -6,\n    height: 18,\n    width: 18,\n  },\n  indicatorExpanded: {\n    transform: 'rotate(90deg)',\n  },\n  item: {\n    borderRadius: cssVar.borderRadius,\n    gap: 10,\n    textDecoration: 'none',\n    transition: 'background 120ms ease, color 120ms ease',\n    alignItems: 'center',\n    backgroundColor: { 'default': null, ':hover': cssVar.colorFillTertiary },\n    color: { 'default': cssVar.colorTextSecondary, ':hover': cssVar.colorText },\n    display: 'flex',\n    minBlockSize: { default: 36, [media.mobile]: 44 },\n    paddingInlineEnd: 10,\n    paddingInlineStart: 10,\n    position: 'relative',\n    whiteSpace: 'nowrap',\n  },\n  itemActive: {\n    backgroundColor: cssVar.colorFillSecondary,\n    color: cssVar.colorText,\n    fontWeight: 500,\n  },\n  itemIndent1: {\n    paddingInlineStart: 38,\n  },\n  itemIndent2: {\n    paddingInlineStart: 56,\n  },\n  itemIndented: {\n    color: cssVar.colorText,\n    minBlockSize: 32,\n  },\n  itemLabel: {\n    flex: '1',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  itemLabelRail: {\n    textOverflow: 'clip',\n  },\n  itemRailIndent: {\n    paddingInlineStart: 10,\n  },\n  nav: {\n    flex: '1',\n    gap: 2,\n    paddingInline: 8,\n    display: 'flex',\n    flexDirection: 'column',\n    minBlockSize: 0,\n    overflowAnchor: 'none',\n    paddingBlockEnd: 12,\n    scrollbarWidth: 'thin',\n  },\n  navIcon: {\n    flex: 'none',\n    display: 'flex',\n  },\n  railFade: {\n    transition: { default: 'opacity 120ms ease 80ms', [reducedMotion]: 'none' },\n  },\n  railFaded: {\n    opacity: 0,\n    transitionDelay: '0s',\n  },\n  railLink: {\n    inset: 0,\n    borderRadius: cssVar.borderRadius,\n    transition: 'background 120ms ease',\n    backgroundColor: { 'default': null, ':hover': cssVar.colorFillTertiary },\n    position: 'absolute',\n  },\n  railLinkActive: {\n    backgroundColor: cssVar.colorFillSecondary,\n  },\n  skeletonFooter: {\n    gap: 10,\n    paddingInline: 4,\n    alignItems: 'center',\n    display: 'flex',\n  },\n  skeletonGroup: {\n    gap: 2,\n    display: 'flex',\n    flexDirection: 'column',\n    marginBlockStart: 12,\n  },\n  skeletonRow: {\n    pointerEvents: 'none',\n  },\n  topItems: {\n    gap: 2,\n    transition: {\n      default: 'margin 200ms ease, padding 200ms ease, border-color 200ms ease',\n      [reducedMotion]: 'none',\n    },\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  topItemsDivided: {\n    borderBlockEndColor: cssVar.colorBorderSecondary,\n    borderBlockEndStyle: 'solid',\n    borderBlockEndWidth: 1,\n    marginBlockEnd: 6,\n    paddingBlockEnd: 8,\n  },\n  topItemsRailEmpty: {\n    borderBlockEndColor: 'transparent',\n    marginBlockEnd: 0,\n    paddingBlockEnd: 0,\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/ConsoleNav/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { media } from '@/styles/stylex/media.stylex';\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\n\nexport const styles = stylex.create({\n  badge: {\n    borderRadius: 999,\n    flex: 'none',\n    paddingInline: 6,\n    backgroundColor: `color-mix(in srgb, ${cssVar.colorError} 12%, transparent)`,\n    color: cssVar.colorError,\n    fontSize: cssVar.fontSizeSM,\n    fontVariantNumeric: 'tabular-nums',\n    minInlineSize: 20,\n    textAlign: 'center',\n  },\n  chevron: {\n    flex: 'none',\n    transition: {\n      default: 'transform 160ms ease, opacity 120ms ease 80ms',\n      [reducedMotion]: 'none',\n    },\n  },\n  chevronFolded: {\n    transform: 'rotate(-90deg)',\n  },\n  dot: {\n    borderRadius: 999,\n    transition: { default: 'opacity 120ms ease', [reducedMotion]: 'none' },\n    backgroundColor: cssVar.colorError,\n    blockSize: 7,\n    inlineSize: 7,\n    insetBlockStart: 7,\n    insetInlineEnd: 9,\n    opacity: 0,\n    position: 'absolute',\n  },\n  dotRail: {\n    opacity: 1,\n  },\n  fold: {\n    transition: {\n      default: 'grid-template-rows 200ms ease, margin 200ms ease, opacity 120ms ease',\n      [reducedMotion]: 'none',\n    },\n    display: 'grid',\n    gridTemplateRows: '1fr',\n  },\n  foldBody: {\n    overflow: 'hidden',\n    minBlockSize: 0,\n  },\n  folded: {\n    gridTemplateRows: '0fr',\n    marginBlockStart: { 'default': null, ':not(:first-child)': -2 },\n    opacity: 0,\n  },\n  group: {\n    'transition': { default: 'margin 200ms ease', [reducedMotion]: 'none' },\n    'display': 'flex',\n    'flexDirection': 'column',\n    'marginBlockStart': 12,\n    'position': 'relative',\n    '::before': {\n      insetInline: 0,\n      transition: { default: 'opacity 200ms ease', [reducedMotion]: 'none' },\n      backgroundColor: `var(--lobe-fill-border, ${cssVar.colorFill})`,\n      blockSize: 1,\n      content: '\"\"',\n      insetBlockStart: -6,\n      opacity: 0,\n      position: 'absolute',\n    },\n  },\n  groupDivider: {\n    '::before': {\n      opacity: 1,\n    },\n  },\n  groupHead: {\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n  },\n  groupHeader: {\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadius,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    gap: 8,\n    alignItems: 'center',\n    backgroundColor: 'transparent',\n    color: { 'default': cssVar.colorTextSecondary, ':hover': cssVar.colorText },\n    cursor: 'pointer',\n    display: 'flex',\n    fontSize: cssVar.fontSizeSM,\n    fontWeight: 500,\n    justifyContent: 'space-between',\n    minBlockSize: 32,\n    paddingInlineEnd: 10,\n    paddingInlineStart: 10,\n    textAlign: 'start',\n    whiteSpace: 'nowrap',\n  },\n  groupHeaderActive: {\n    color: cssVar.colorText,\n  },\n  groupHeaderIcon: {\n    gap: 10,\n    fontSize: cssVar.fontSize,\n    justifyContent: 'flex-start',\n    minBlockSize: 36,\n  },\n  groupHeaderIndent1: {\n    paddingInlineStart: 38,\n  },\n  groupHeaderIndent2: {\n    paddingInlineStart: 56,\n  },\n  groupHeaderNested: {\n    gap: 8,\n    color: { 'default': cssVar.colorTextDescription, ':hover': cssVar.colorTextSecondary },\n    fontSize: cssVar.fontSizeSM,\n    fontWeight: 400,\n    justifyContent: 'flex-start',\n    minBlockSize: 26,\n  },\n  groupHeaderNestedActive: {\n    color: cssVar.colorTextSecondary,\n  },\n  groupHeaderRailIcon: {\n    backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillTertiary },\n  },\n  groupItems: {\n    gap: 2,\n    overflow: 'hidden',\n    display: 'flex',\n    flexDirection: 'column',\n    minBlockSize: 0,\n  },\n  groupLabelNested: {\n    flexBasis: 'auto',\n    flexGrow: '0',\n    flexShrink: '1',\n  },\n  groupLevelIcon: {\n    marginBlockStart: 2,\n  },\n  groupNested: {\n    marginBlockStart: 6,\n  },\n  groupPanel: {\n    transition: 'grid-template-rows 160ms ease',\n    display: 'grid',\n    gridTemplateRows: '1fr',\n  },\n  groupPanelCollapsed: {\n    gridTemplateRows: '0fr',\n  },\n  groupPanelInstant: {\n    transition: 'none',\n  },\n  groupRailEmpty: {\n    marginBlockStart: 0,\n  },\n  headerIcon: {\n    flex: 'none',\n    display: 'flex',\n  },\n  headerIconWide: {\n    inlineSize: 18,\n    justifyContent: 'center',\n  },\n  indicator: {\n    flex: 'none',\n    transition: 'transform 160ms ease',\n    alignItems: 'center',\n    color: cssVar.colorTextDescription,\n    display: 'flex',\n    justifyContent: 'center',\n    marginInlineStart: -6,\n    height: 18,\n    width: 18,\n  },\n  indicatorExpanded: {\n    transform: 'rotate(90deg)',\n  },\n  item: {\n    borderRadius: cssVar.borderRadius,\n    gap: 10,\n    textDecoration: 'none',\n    transition: 'background 120ms ease, color 120ms ease',\n    alignItems: 'center',\n    backgroundColor: { 'default': null, ':hover': cssVar.colorFillTertiary },\n    color: { 'default': cssVar.colorTextSecondary, ':hover': cssVar.colorText },\n    display: 'flex',\n    minBlockSize: { default: 36, [media.mobile]: 44 },\n    paddingInlineEnd: 10,\n    paddingInlineStart: 10,\n    position: 'relative',\n    whiteSpace: 'nowrap',\n  },\n  itemActive: {\n    backgroundColor: cssVar.colorFillSecondary,\n    color: cssVar.colorText,\n    fontWeight: 500,\n  },\n  itemIndent1: {\n    paddingInlineStart: 38,\n  },\n  itemIndent2: {\n    paddingInlineStart: 56,\n  },\n  itemIndented: {\n    color: cssVar.colorText,\n    minBlockSize: 32,\n  },\n  itemLabel: {\n    flex: '1',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  itemLabelRail: {\n    textOverflow: 'clip',\n  },\n  itemRailIndent: {\n    paddingInlineStart: 10,\n  },\n  nav: {\n    flex: '1',\n    gap: 2,\n    paddingInline: 8,\n    display: 'flex',\n    flexDirection: 'column',\n    minBlockSize: 0,\n    overflowAnchor: 'none',\n    paddingBlockEnd: 12,\n    scrollbarWidth: 'thin',\n  },\n  navIcon: {\n    flex: 'none',\n    display: 'flex',\n  },\n  railFade: {\n    transition: { default: 'opacity 120ms ease 80ms', [reducedMotion]: 'none' },\n  },\n  railFaded: {\n    opacity: 0,\n    transitionDelay: '0s',\n  },\n  railLink: {\n    inset: 0,\n    borderRadius: cssVar.borderRadius,\n    transition: 'background 120ms ease',\n    backgroundColor: { 'default': null, ':hover': cssVar.colorFillTertiary },\n    position: 'absolute',\n  },\n  railLinkActive: {\n    backgroundColor: cssVar.colorFillSecondary,\n  },\n  skeletonFooter: {\n    gap: 10,\n    paddingInline: 4,\n    alignItems: 'center',\n    display: 'flex',\n  },\n  skeletonGroup: {\n    gap: 2,\n    display: 'flex',\n    flexDirection: 'column',\n    marginBlockStart: 12,\n  },\n  skeletonRow: {\n    pointerEvents: 'none',\n  },\n  topItems: {\n    gap: 2,\n    transition: {\n      default: 'margin 200ms ease, padding 200ms ease, border-color 200ms ease',\n      [reducedMotion]: 'none',\n    },\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  topItemsDivided: {\n    borderBlockEndColor: `var(--lobe-fill-border, ${cssVar.colorFill})`,\n    borderBlockEndStyle: 'solid',\n    borderBlockEndWidth: 1,\n    marginBlockEnd: 6,\n    paddingBlockEnd: 8,\n  },\n  topItemsRailEmpty: {\n    borderBlockEndColor: 'transparent',\n    marginBlockEnd: 0,\n    paddingBlockEnd: 0,\n  },\n});\n"],"mappings":"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"}

package/es/dashboard/ConsoleShell/style.mjs

@@ -153,7 +153,7 @@ const styles = {
 		$$css: true
 	},
 	workspace: {
-		kVAM5u: "lb10cypdb lb1sbdsi5",
+		kVAM5u: "lbpe7ctc lb1sbdsi5",
 		kaIpWk: "lb1ndkxwp lbc7dp1m",
 		ksu8eU: "lb1y0btm7 lb1462hru",
 		kMzoRj: "lbmkeg23 lb1l1uicz",

package/es/dashboard/ConsoleShell/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/ConsoleShell/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { media } from '@/styles/stylex/media.stylex';\n\nimport { consoleBrandMarker } from './marker.stylex';\n\nconst SIDEBAR_INLINE_SIZE = 248;\n// Twice the nav icon inset (8px nav padding + 10px item padding) plus the 18px icon, so the icons\n// land centered on the rail without moving sideways.\nconst SIDEBAR_RAIL_INLINE_SIZE = 54;\nconst WORKSPACE_INSET = 8;\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst flushPage = ':has([data-page-layout=\"flush\"])';\n\n/**\n * `media.laptop`, not `media.tablet`. The aliases are named for\n * devices, and only `laptop` (max-width 991px) lines up with `useIsCompact`.\n */\nexport const styles = stylex.create({\n  brand: {\n    flex: 'none',\n    paddingInline: 15,\n    alignItems: 'center',\n    blockSize: 56,\n    color: cssVar.colorText,\n    display: 'flex',\n    marginBlockStart: { default: WORKSPACE_INSET, [media.laptop]: 0 },\n    whiteSpace: 'nowrap',\n  },\n  /** Close button in the drawer's brand row: right edge, vertically centred with the brand. */\n  brandClose: {\n    flex: 'none',\n    marginInlineEnd: '-7px',\n    marginInlineStart: 'auto',\n  },\n  brandAnchor: {\n    textDecoration: 'none',\n    alignItems: 'center',\n    color: 'inherit',\n    display: 'flex',\n    inlineSize: '100%',\n    minInlineSize: 0,\n  },\n  brandLockup: {\n    gap: 10,\n    alignItems: 'center',\n    display: 'flex',\n    minInlineSize: 0,\n  },\n  brandName: {\n    overflow: 'hidden',\n    transition: { default: 'opacity 120ms ease 80ms', [reducedMotion]: 'none' },\n    color: cssVar.colorText,\n    fontSize: 14,\n    fontWeight: 600,\n    lineHeight: 1.3,\n    opacity: {\n      default: null,\n      [stylex.when.ancestor('[data-collapsed=\"true\"]', consoleBrandMarker)]: 0,\n    },\n    textOverflow: {\n      default: 'ellipsis',\n      [stylex.when.ancestor('[data-collapsed=\"true\"]', consoleBrandMarker)]: 'clip',\n    },\n    transitionDelay: {\n      default: null,\n      [stylex.when.ancestor('[data-collapsed=\"true\"]', consoleBrandMarker)]: '0s',\n    },\n    whiteSpace: 'nowrap',\n  },\n  main: {\n    padding: {\n      default: 24,\n      [flushPage]: 0,\n      [media.mobile]: { default: 16, [flushPage]: 0 },\n    },\n    flex: '1',\n    gap: {\n      default: 20,\n      [flushPage]: 0,\n      [media.mobile]: { default: 16, [flushPage]: 0 },\n    },\n    overflow: { default: 'auto', [flushPage]: 'hidden' },\n    display: 'flex',\n    flexDirection: 'column',\n    minBlockSize: 0,\n    minInlineSize: 0,\n  },\n  navSlot: {\n    flex: '1',\n    display: 'flex',\n    flexDirection: 'column',\n    minBlockSize: 0,\n  },\n  shell: {\n    flex: '1',\n    overflow: 'hidden',\n    backgroundColor: cssVar.colorBgLayout,\n    blockSize: '100%',\n    display: 'flex',\n    minBlockSize: 0,\n  },\n  sidebar: {\n    flex: 'none',\n    overflow: 'hidden',\n    transition: 'inline-size 200ms ease',\n    blockSize: '100%',\n    display: { default: 'flex', [media.laptop]: 'none' },\n    flexDirection: 'column',\n    inlineSize: SIDEBAR_INLINE_SIZE,\n    minBlockSize: 0,\n  },\n  sidebarCollapsed: {\n    inlineSize: SIDEBAR_RAIL_INLINE_SIZE,\n  },\n  sidebarInstant: {\n    transition: 'none',\n  },\n  sidebarBottom: {\n    padding: 8,\n    flex: 'none',\n  },\n  skipLink: {\n    borderRadius: cssVar.borderRadius,\n    paddingBlock: 8,\n    paddingInline: 12,\n    backgroundColor: cssVar.colorBgElevated,\n    color: cssVar.colorText,\n    insetBlockStart: { 'default': -100, ':focus': 12 },\n    insetInlineStart: 12,\n    position: 'fixed',\n    zIndex: 2000,\n  },\n  topbar: {\n    flex: 'none',\n    gap: 8,\n    paddingInline: 12,\n    alignItems: 'center',\n    blockSize: 56,\n    borderBlockEndColor: cssVar.colorBorderSecondary,\n    borderBlockEndStyle: 'solid',\n    borderBlockEndWidth: 1,\n    display: 'flex',\n  },\n  topbarDivider: {\n    flex: 'none',\n    marginInline: 2,\n    backgroundColor: cssVar.colorBorderSecondary,\n    blockSize: 18,\n    inlineSize: 1,\n  },\n  topbarMain: {\n    flex: '1',\n    alignItems: 'center',\n    display: 'flex',\n    minInlineSize: 0,\n  },\n  tools: {\n    flex: 'none',\n    gap: 6,\n    alignItems: 'center',\n    display: 'flex',\n    marginInlineStart: 'auto',\n  },\n  /** Light only: the content area sits midway between the layout canvas and container white. */\n  workspaceLight: {\n    backgroundColor: `color-mix(in srgb, ${cssVar.colorBgLayout} 50%, ${cssVar.colorBgContainer})`,\n  },\n  workspace: {\n    borderColor: { default: cssVar.colorBorderSecondary, [media.laptop]: 'currentcolor' },\n    borderRadius: { default: cssVar.borderRadiusLG, [media.laptop]: 0 },\n    borderStyle: { default: 'solid', [media.laptop]: 'none' },\n    borderWidth: { default: 1, [media.laptop]: 'medium' },\n    flex: '1',\n    marginBlock: { default: WORKSPACE_INSET, [media.laptop]: 0 },\n    marginInline: { default: `0 ${WORKSPACE_INSET}px`, [media.laptop]: 0 },\n    overflow: 'hidden',\n    backgroundColor: cssVar.colorBgContainer,\n    boxShadow: { default: cssVar.boxShadowTertiary, [media.laptop]: 'none' },\n    display: 'flex',\n    flexDirection: 'column',\n    minBlockSize: 0,\n    minInlineSize: 0,\n  },\n});\n"],"mappings":";;;;;AAmBA,MAAa,SAAS;CACpB,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,kBAAkB;EAChB,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/ConsoleShell/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { media } from '@/styles/stylex/media.stylex';\n\nimport { consoleBrandMarker } from './marker.stylex';\n\nconst SIDEBAR_INLINE_SIZE = 248;\n// Twice the nav icon inset (8px nav padding + 10px item padding) plus the 18px icon, so the icons\n// land centered on the rail without moving sideways.\nconst SIDEBAR_RAIL_INLINE_SIZE = 54;\nconst WORKSPACE_INSET = 8;\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst flushPage = ':has([data-page-layout=\"flush\"])';\n\n/**\n * `media.laptop`, not `media.tablet`. The aliases are named for\n * devices, and only `laptop` (max-width 991px) lines up with `useIsCompact`.\n */\nexport const styles = stylex.create({\n  brand: {\n    flex: 'none',\n    paddingInline: 15,\n    alignItems: 'center',\n    blockSize: 56,\n    color: cssVar.colorText,\n    display: 'flex',\n    marginBlockStart: { default: WORKSPACE_INSET, [media.laptop]: 0 },\n    whiteSpace: 'nowrap',\n  },\n  /** Close button in the drawer's brand row: right edge, vertically centred with the brand. */\n  brandClose: {\n    flex: 'none',\n    marginInlineEnd: '-7px',\n    marginInlineStart: 'auto',\n  },\n  brandAnchor: {\n    textDecoration: 'none',\n    alignItems: 'center',\n    color: 'inherit',\n    display: 'flex',\n    inlineSize: '100%',\n    minInlineSize: 0,\n  },\n  brandLockup: {\n    gap: 10,\n    alignItems: 'center',\n    display: 'flex',\n    minInlineSize: 0,\n  },\n  brandName: {\n    overflow: 'hidden',\n    transition: { default: 'opacity 120ms ease 80ms', [reducedMotion]: 'none' },\n    color: cssVar.colorText,\n    fontSize: 14,\n    fontWeight: 600,\n    lineHeight: 1.3,\n    opacity: {\n      default: null,\n      [stylex.when.ancestor('[data-collapsed=\"true\"]', consoleBrandMarker)]: 0,\n    },\n    textOverflow: {\n      default: 'ellipsis',\n      [stylex.when.ancestor('[data-collapsed=\"true\"]', consoleBrandMarker)]: 'clip',\n    },\n    transitionDelay: {\n      default: null,\n      [stylex.when.ancestor('[data-collapsed=\"true\"]', consoleBrandMarker)]: '0s',\n    },\n    whiteSpace: 'nowrap',\n  },\n  main: {\n    padding: {\n      default: 24,\n      [flushPage]: 0,\n      [media.mobile]: { default: 16, [flushPage]: 0 },\n    },\n    flex: '1',\n    gap: {\n      default: 20,\n      [flushPage]: 0,\n      [media.mobile]: { default: 16, [flushPage]: 0 },\n    },\n    overflow: { default: 'auto', [flushPage]: 'hidden' },\n    display: 'flex',\n    flexDirection: 'column',\n    minBlockSize: 0,\n    minInlineSize: 0,\n  },\n  navSlot: {\n    flex: '1',\n    display: 'flex',\n    flexDirection: 'column',\n    minBlockSize: 0,\n  },\n  shell: {\n    flex: '1',\n    overflow: 'hidden',\n    backgroundColor: cssVar.colorBgLayout,\n    blockSize: '100%',\n    display: 'flex',\n    minBlockSize: 0,\n  },\n  sidebar: {\n    flex: 'none',\n    overflow: 'hidden',\n    transition: 'inline-size 200ms ease',\n    blockSize: '100%',\n    display: { default: 'flex', [media.laptop]: 'none' },\n    flexDirection: 'column',\n    inlineSize: SIDEBAR_INLINE_SIZE,\n    minBlockSize: 0,\n  },\n  sidebarCollapsed: {\n    inlineSize: SIDEBAR_RAIL_INLINE_SIZE,\n  },\n  sidebarInstant: {\n    transition: 'none',\n  },\n  sidebarBottom: {\n    padding: 8,\n    flex: 'none',\n  },\n  skipLink: {\n    borderRadius: cssVar.borderRadius,\n    paddingBlock: 8,\n    paddingInline: 12,\n    backgroundColor: cssVar.colorBgElevated,\n    color: cssVar.colorText,\n    insetBlockStart: { 'default': -100, ':focus': 12 },\n    insetInlineStart: 12,\n    position: 'fixed',\n    zIndex: 2000,\n  },\n  topbar: {\n    flex: 'none',\n    gap: 8,\n    paddingInline: 12,\n    alignItems: 'center',\n    blockSize: 56,\n    borderBlockEndColor: cssVar.colorBorderSecondary,\n    borderBlockEndStyle: 'solid',\n    borderBlockEndWidth: 1,\n    display: 'flex',\n  },\n  topbarDivider: {\n    flex: 'none',\n    marginInline: 2,\n    backgroundColor: cssVar.colorBorderSecondary,\n    blockSize: 18,\n    inlineSize: 1,\n  },\n  topbarMain: {\n    flex: '1',\n    alignItems: 'center',\n    display: 'flex',\n    minInlineSize: 0,\n  },\n  tools: {\n    flex: 'none',\n    gap: 6,\n    alignItems: 'center',\n    display: 'flex',\n    marginInlineStart: 'auto',\n  },\n  /** Light only: the content area sits midway between the layout canvas and container white. */\n  workspaceLight: {\n    backgroundColor: `color-mix(in srgb, ${cssVar.colorBgLayout} 50%, ${cssVar.colorBgContainer})`,\n  },\n  workspace: {\n    borderColor: {\n      default: `color-mix(in srgb, ${cssVar.colorBorderSecondary} 70%, ${cssVar.colorBorder})`,\n      [media.laptop]: 'currentcolor',\n    },\n    borderRadius: { default: cssVar.borderRadiusLG, [media.laptop]: 0 },\n    borderStyle: { default: 'solid', [media.laptop]: 'none' },\n    borderWidth: { default: 1, [media.laptop]: 'medium' },\n    flex: '1',\n    marginBlock: { default: WORKSPACE_INSET, [media.laptop]: 0 },\n    marginInline: { default: `0 ${WORKSPACE_INSET}px`, [media.laptop]: 0 },\n    overflow: 'hidden',\n    backgroundColor: cssVar.colorBgContainer,\n    boxShadow: { default: cssVar.boxShadowTertiary, [media.laptop]: 'none' },\n    display: 'flex',\n    flexDirection: 'column',\n    minBlockSize: 0,\n    minInlineSize: 0,\n  },\n});\n"],"mappings":";;;;;AAmBA,MAAa,SAAS;CACpB,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,kBAAkB;EAChB,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/dashboard/FilterSidebar/FilterSidebar.mjs

@@ -3,8 +3,8 @@ import { styleProps } from "../../styles/stylex/props.mjs";
 import Button from "../../Button/Button.mjs";
 import Drawer from "../../Drawer/Drawer.mjs";
 import DraggablePanel from "../../DraggablePanel/DraggablePanel.mjs";
-import { useSurfaceCardStyles } from "../Surface/link.mjs";
 import { useIsCompact, useLocalStorage } from "../hooks.mjs";
+import { useSurfaceCardStyles } from "../Surface/link.mjs";
 import { FilterSplitProvider } from "./context.mjs";
 import { styles } from "./style.mjs";
 import { clampSidebarWidth, sidebarWidth } from "./width.mjs";

package/es/dashboard/FilterSidebar/style.mjs

@@ -103,7 +103,7 @@ const styles = {
 	},
 	panel: {
 		kVQacm: "lbb3r6kr",
-		kBCPoo: "lb17bfco5",
+		kBCPoo: "lb1g588gv",
 		k8ry5P: "lb18b5jzi",
 		ke9TFa: "lb1lun4ml",
 		k1xSpc: "lb78zum5",
@@ -113,7 +113,7 @@ const styles = {
 	},
 	panelSplit: {
 		kZKoxP: "lb5yr21d",
-		kBCPoo: "lb1aht071",
+		kBCPoo: "lb4huikl",
 		$$css: true
 	},
 	row: {

package/es/dashboard/FilterSidebar/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/FilterSidebar/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { media } from '@/styles/stylex/media.stylex';\n\nconst pressed = ':is([aria-pressed=\"true\"])';\n\nexport const styles = stylex.create({\n  body: {\n    paddingInline: 12,\n    maxBlockSize: 360,\n    paddingBlockEnd: 16,\n    overflowY: 'auto',\n  },\n  bodyFlush: {\n    flex: '1',\n    maxBlockSize: 'none',\n    minBlockSize: 0,\n  },\n  content: {\n    flex: '1',\n    gap: 16,\n    overflow: { default: null, [media.laptop]: 'visible' },\n    display: 'flex',\n    flexDirection: 'column',\n    minInlineSize: 0,\n    paddingInlineStart: { default: 20, [media.laptop]: 0 },\n  },\n  contentFlush: {\n    paddingBlock: 24,\n    paddingInlineEnd: 24,\n    paddingInlineStart: 24,\n    overflowY: 'auto',\n  },\n  contentSplit: {\n    paddingBlockEnd: '0',\n    paddingBlockStart: '16px',\n    paddingInlineEnd: 16,\n    paddingInlineStart: 16,\n  },\n  count: {\n    flex: 'none',\n    color: cssVar.colorTextTertiary,\n    fontSize: cssVar.fontSizeSM,\n    fontVariantNumeric: 'tabular-nums',\n  },\n  drawerPanel: {\n    gap: 8,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  head: {\n    padding: 12,\n    flex: 'none',\n    gap: 8,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  layout: {\n    gap: { default: null, [media.laptop]: 12 },\n    display: 'flex',\n    flexDirection: { default: null, [media.laptop]: 'column' },\n  },\n  layoutFlush: {\n    flex: '1',\n    minBlockSize: 0,\n  },\n  layoutSplit: {\n    overflow: 'hidden',\n    alignItems: 'stretch',\n  },\n  name: {\n    flex: '1',\n    overflow: 'hidden',\n    minInlineSize: 0,\n    textAlign: 'start',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  option: {\n    font: 'inherit',\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadius,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    gap: 6,\n    paddingInline: 8,\n    alignItems: 'center',\n    backgroundColor: {\n      'default': 'transparent',\n      [pressed]: cssVar.controlItemBgActive,\n      ':hover:not([aria-pressed=\"true\"])': cssVar.colorFillTertiary,\n    },\n    color: cssVar.colorText,\n    cursor: 'pointer',\n    display: 'flex',\n    fontWeight: { default: null, [pressed]: 500 },\n    inlineSize: '100%',\n    minBlockSize: 36,\n  },\n  panel: {\n    overflow: 'hidden',\n    borderInlineEndColor: cssVar.colorBorderSecondary,\n    borderInlineEndStyle: 'solid',\n    borderInlineEndWidth: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    minBlockSize: 0,\n  },\n  panelSplit: {\n    blockSize: '100%',\n    borderInlineEndColor: cssVar.colorBorder,\n  },\n  row: {\n    flex: '1',\n    gap: 6,\n    alignItems: 'center',\n    display: 'flex',\n    minInlineSize: 0,\n  },\n  sidebar: {\n    alignSelf: 'stretch',\n    minBlockSize: 0,\n  },\n  sidebarFlush: {\n    blockSize: '100%',\n  },\n});\n"],"mappings":";AAMA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,OAAO;CACT;AACF"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/FilterSidebar/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { media } from '@/styles/stylex/media.stylex';\n\nconst pressed = ':is([aria-pressed=\"true\"])';\n\nexport const styles = stylex.create({\n  body: {\n    paddingInline: 12,\n    maxBlockSize: 360,\n    paddingBlockEnd: 16,\n    overflowY: 'auto',\n  },\n  bodyFlush: {\n    flex: '1',\n    maxBlockSize: 'none',\n    minBlockSize: 0,\n  },\n  content: {\n    flex: '1',\n    gap: 16,\n    overflow: { default: null, [media.laptop]: 'visible' },\n    display: 'flex',\n    flexDirection: 'column',\n    minInlineSize: 0,\n    paddingInlineStart: { default: 20, [media.laptop]: 0 },\n  },\n  contentFlush: {\n    paddingBlock: 24,\n    paddingInlineEnd: 24,\n    paddingInlineStart: 24,\n    overflowY: 'auto',\n  },\n  contentSplit: {\n    paddingBlockEnd: '0',\n    paddingBlockStart: '16px',\n    paddingInlineEnd: 16,\n    paddingInlineStart: 16,\n  },\n  count: {\n    flex: 'none',\n    color: cssVar.colorTextTertiary,\n    fontSize: cssVar.fontSizeSM,\n    fontVariantNumeric: 'tabular-nums',\n  },\n  drawerPanel: {\n    gap: 8,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  head: {\n    padding: 12,\n    flex: 'none',\n    gap: 8,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  layout: {\n    gap: { default: null, [media.laptop]: 12 },\n    display: 'flex',\n    flexDirection: { default: null, [media.laptop]: 'column' },\n  },\n  layoutFlush: {\n    flex: '1',\n    minBlockSize: 0,\n  },\n  layoutSplit: {\n    overflow: 'hidden',\n    alignItems: 'stretch',\n  },\n  name: {\n    flex: '1',\n    overflow: 'hidden',\n    minInlineSize: 0,\n    textAlign: 'start',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  option: {\n    font: 'inherit',\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadius,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    gap: 6,\n    paddingInline: 8,\n    alignItems: 'center',\n    backgroundColor: {\n      'default': 'transparent',\n      [pressed]: cssVar.controlItemBgActive,\n      ':hover:not([aria-pressed=\"true\"])': cssVar.colorFillTertiary,\n    },\n    color: cssVar.colorText,\n    cursor: 'pointer',\n    display: 'flex',\n    fontWeight: { default: null, [pressed]: 500 },\n    inlineSize: '100%',\n    minBlockSize: 36,\n  },\n  panel: {\n    overflow: 'hidden',\n    borderInlineEndColor: `var(--lobe-fill-border, ${cssVar.colorFill})`,\n    borderInlineEndStyle: 'solid',\n    borderInlineEndWidth: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    minBlockSize: 0,\n  },\n  panelSplit: {\n    blockSize: '100%',\n    borderInlineEndColor: `var(--lobe-fill-border-strong, ${cssVar.colorFill})`,\n  },\n  row: {\n    flex: '1',\n    gap: 6,\n    alignItems: 'center',\n    display: 'flex',\n    minInlineSize: 0,\n  },\n  sidebar: {\n    alignSelf: 'stretch',\n    minBlockSize: 0,\n  },\n  sidebarFlush: {\n    blockSize: '100%',\n  },\n});\n"],"mappings":";AAMA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/dashboard/FilterStrip/style.mjs

@@ -48,7 +48,7 @@ const styles = {
 		$$css: true
 	},
 	frame: {
-		"--filter-seam": "lb1osd58z",
+		"--filter-seam": "lb1iv4l33",
 		kaIpWk: "lb1pjcqnp",
 		kVQacm: "lbb3r6kr",
 		$$css: true

package/es/dashboard/FilterStrip/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/FilterStrip/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n  cell: {\n    'font': 'inherit',\n    'margin': 0,\n    'borderWidth': 0,\n    'gap': 6,\n    'paddingInline': 16,\n    'alignItems': 'flex-start',\n    'backgroundColor': { 'default': 'transparent', ':hover': cssVar.colorFillQuaternary },\n    'boxShadow': 'inset -1px 0 0 var(--filter-seam), inset 0 -1px 0 var(--filter-seam)',\n    'color': 'inherit',\n    'cursor': 'pointer',\n    'display': 'flex',\n    'flexDirection': 'column',\n    'minInlineSize': 0,\n    'paddingBlockEnd': 16,\n    'paddingBlockStart': 14,\n    'position': 'relative',\n    'textAlign': 'start',\n    '::after': {\n      insetInline: 0,\n      backgroundColor: 'transparent',\n      blockSize: 3,\n      content: '\"\"',\n      insetBlockEnd: 1,\n      position: 'absolute',\n    },\n  },\n  cellActive: {\n    'backgroundColor': cssVar.colorFillTertiary,\n    '::after': {\n      backgroundColor: cssVar.colorText,\n    },\n  },\n  count: {\n    color: cssVar.colorText,\n    fontSize: cssVar.fontSizeHeading4,\n    fontVariantNumeric: 'tabular-nums',\n    fontWeight: 600,\n    lineHeight: 1.15,\n  },\n  countDanger: {\n    color: cssVar.colorError,\n  },\n  countWarning: {\n    color: cssVar.colorWarning,\n  },\n  frame: {\n    '--filter-seam': cssVar.colorFillSecondary,\n    'borderRadius': 'inherit',\n    'overflow': 'hidden',\n  },\n  grid: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(148px, 1fr))',\n    inlineSize: 'calc(100% + 1px)',\n    marginBlockEnd: -1,\n  },\n  label: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    fontWeight: 500,\n    lineHeight: 1.4,\n  },\n  labelActive: {\n    color: cssVar.colorText,\n  },\n});\n"],"mappings":";AAGA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,iBAAiB;EACjB,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;AACF"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/FilterStrip/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n  cell: {\n    'font': 'inherit',\n    'margin': 0,\n    'borderWidth': 0,\n    'gap': 6,\n    'paddingInline': 16,\n    'alignItems': 'flex-start',\n    'backgroundColor': { 'default': 'transparent', ':hover': cssVar.colorFillQuaternary },\n    'boxShadow': 'inset -1px 0 0 var(--filter-seam), inset 0 -1px 0 var(--filter-seam)',\n    'color': 'inherit',\n    'cursor': 'pointer',\n    'display': 'flex',\n    'flexDirection': 'column',\n    'minInlineSize': 0,\n    'paddingBlockEnd': 16,\n    'paddingBlockStart': 14,\n    'position': 'relative',\n    'textAlign': 'start',\n    '::after': {\n      insetInline: 0,\n      backgroundColor: 'transparent',\n      blockSize: 3,\n      content: '\"\"',\n      insetBlockEnd: 1,\n      position: 'absolute',\n    },\n  },\n  cellActive: {\n    'backgroundColor': cssVar.colorFillTertiary,\n    '::after': {\n      backgroundColor: cssVar.colorText,\n    },\n  },\n  count: {\n    color: cssVar.colorText,\n    fontSize: cssVar.fontSizeHeading4,\n    fontVariantNumeric: 'tabular-nums',\n    fontWeight: 600,\n    lineHeight: 1.15,\n  },\n  countDanger: {\n    color: cssVar.colorError,\n  },\n  countWarning: {\n    color: cssVar.colorWarning,\n  },\n  frame: {\n    '--filter-seam': `var(--lobe-fill-border, ${cssVar.colorFill})`,\n    'borderRadius': 'inherit',\n    'overflow': 'hidden',\n  },\n  grid: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(148px, 1fr))',\n    inlineSize: 'calc(100% + 1px)',\n    marginBlockEnd: -1,\n  },\n  label: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    fontWeight: 500,\n    lineHeight: 1.4,\n  },\n  labelActive: {\n    color: cssVar.colorText,\n  },\n});\n"],"mappings":";AAGA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,iBAAiB;EACjB,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/dashboard/MetricStrip/MetricCell.mjs

@@ -14,20 +14,27 @@ const deltaStyles = {
 const MetricBody = ({ item, loading }) => /* @__PURE__ */ jsxs(Fragment, { children: [
 	/* @__PURE__ */ jsxs("div", {
 		...stylex.props(styles.head),
-		children: [/* @__PURE__ */ jsxs("div", {
-			...stylex.props(styles.headCopy),
-			children: [/* @__PURE__ */ jsx("div", {
-				...stylex.props(styles.label),
-				children: item.label
-			}), item.action]
-		}), item.mark ? /* @__PURE__ */ jsx("span", {
-			"aria-hidden": true,
-			...stylex.props(styles.mark),
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: item.mark,
-				size: 14
-			})
-		}) : null]
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				...stylex.props(styles.headCopy),
+				children: /* @__PURE__ */ jsx("div", {
+					...stylex.props(styles.label),
+					children: item.label
+				})
+			}),
+			item.action ? /* @__PURE__ */ jsx("div", {
+				...stylex.props(styles.headAction),
+				children: item.action
+			}) : null,
+			item.mark ? /* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				...stylex.props(styles.mark),
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: item.mark,
+					size: 14
+				})
+			}) : null
+		]
 	}),
 	loading ? /* @__PURE__ */ jsx(Skeleton, {
 		height: 28,
@@ -46,6 +53,10 @@ const MetricBody = ({ item, loading }) => /* @__PURE__ */ jsxs(Fragment, { child
 			...stylex.props(styles.hint),
 			children: item.hint
 		}) : null]
+	}) : null,
+	!loading && item.chart ? /* @__PURE__ */ jsx("div", {
+		...stylex.props(styles.chart),
+		children: item.chart
 	}) : null
 ] });
 /** One metric: label row, figure, delta and hint. Shared by MetricStrip and StatCard. */

package/es/dashboard/MetricStrip/MetricCell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MetricCell.mjs","names":[],"sources":["../../../src/dashboard/MetricStrip/MetricCell.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport Icon from '@/Icon';\nimport Skeleton from '@/Skeleton';\n\nimport { useSurfaceLink } from '../Surface/link';\nimport type { SurfaceRenderLink } from '../Surface/type';\nimport { styles } from './style';\nimport type { MetricItem } from './type';\n\nconst deltaStyles = {\n  down: styles.deltaDown,\n  flat: styles.deltaFlat,\n  up: styles.deltaUp,\n} as const;\n\nconst MetricBody = ({ item, loading }: { item: MetricItem; loading?: boolean }) => (\n  <>\n    <div {...stylex.props(styles.head)}>\n      <div {...stylex.props(styles.headCopy)}>\n        <div {...stylex.props(styles.label)}>{item.label}</div>\n        {item.action}\n      </div>\n      {item.mark ? (\n        <span aria-hidden {...stylex.props(styles.mark)}>\n          <Icon icon={item.mark} size={14} />\n        </span>\n      ) : null}\n    </div>\n    {loading ? (\n      <Skeleton height={28} radius={6} width={88} />\n    ) : (\n      <div\n        {...stylex.props(\n          styles.value,\n          item.valueTone === 'danger' && styles.valueDanger,\n          item.valueTone === 'warning' && styles.valueWarning,\n        )}\n      >\n        {item.value}\n      </div>\n    )}\n    {!loading && (item.delta || item.hint) ? (\n      <div {...stylex.props(styles.foot)}>\n        {item.delta ? (\n          <span {...stylex.props(styles.delta, deltaStyles[item.direction ?? 'flat'])}>\n            {item.delta}\n          </span>\n        ) : null}\n        {item.hint ? <span {...stylex.props(styles.hint)}>{item.hint}</span> : null}\n      </div>\n    ) : null}\n  </>\n);\n\nexport interface MetricCellProps {\n  item: MetricItem;\n  loading?: boolean;\n  renderLink?: SurfaceRenderLink;\n  /** Draw the joined-strip divider on the trailing and bottom edges. */\n  seam?: boolean;\n}\n\n/** One metric: label row, figure, delta and hint. Shared by MetricStrip and StatCard. */\nconst MetricCell = ({ item, loading, renderLink, seam = false }: MetricCellProps) => {\n  const link = useSurfaceLink(renderLink);\n  const body = <MetricBody item={item} loading={item.loading ?? loading} />;\n  const cell = [styles.cell, seam && styles.cellSeam];\n\n  if (item.href) {\n    return (\n      <div {...stylex.props(styles.slot)}>\n        {link({\n          children: body,\n          className: stylex.props(cell, styles.link).className,\n          href: item.href,\n        })}\n      </div>\n    );\n  }\n  if (item.onClick) {\n    return (\n      <button type=\"button\" onClick={item.onClick} {...stylex.props(cell, styles.press)}>\n        {body}\n      </button>\n    );\n  }\n  return <div {...stylex.props(cell)}>{body}</div>;\n};\n\nexport default MetricCell;\n"],"mappings":";;;;;;;;AASA,MAAM,cAAc;CAClB,MAAM,OAAO;CACb,MAAM,OAAO;CACb,IAAI,OAAO;AACb;AACA,MAAM,cAAc,EAClB,MACA,cAII,qBAAA,UAAA,EAAA,UAAA;CACF,qBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,IAAI;EAAjC,UAAA,CACE,qBAAC,OAAD;GAAK,GAAI,OAAO,MAAM,OAAO,QAAQ;GAArC,UAAA,CACE,oBAAC,OAAD;IAAK,GAAI,OAAO,MAAM,OAAO,KAAK;IAAI,UAAA,KAAK;GAAW,CAAA,GACrD,KAAK,MACH;EACJ,CAAA,GAAA,KAAK,OAAO,oBAAC,QAAD;GAAM,eAAA;GAAY,GAAI,OAAO,MAAM,OAAO,IAAI;GACvD,UAAA,oBAAC,MAAD;IAAM,MAAM,KAAK;IAAM,MAAM;GAAK,CAAA;EAC9B,CAAA,IAAI,IACT;;CACJ,UAAU,oBAAC,UAAD;EAAU,QAAQ;EAAI,QAAQ;EAAG,OAAO;CAAK,CAAA,IAAI,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,OAAO,KAAK,cAAc,YAAY,OAAO,aAAa,KAAK,cAAc,aAAa,OAAO,YAAY;EACjM,UAAA,KAAK;CACH,CAAA;CACN,CAAC,YAAY,KAAK,SAAS,KAAK,QAAQ,qBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,IAAI;EAAjC,UAAA,CACpC,KAAK,QAAQ,oBAAC,QAAD;GAAM,GAAI,OAAO,MAAM,OAAO,OAAO,YAAY,KAAK,aAAa,OAAO;GACnF,UAAA,KAAK;EACF,CAAA,IAAI,MACX,KAAK,OAAO,oBAAC,QAAD;GAAM,GAAI,OAAO,MAAM,OAAO,IAAI;GAAI,UAAA,KAAK;EAAW,CAAA,IAAI,IACpE;CAAI,CAAA,IAAA;AACX,EAAA,CAAA;;AAUJ,MAAM,cAAc,EAClB,MACA,SACA,YACA,OAAO,YACc;CACrB,MAAM,OAAO,eAAe,UAAU;CACtC,MAAM,OAAO,oBAAC,YAAD;EAAkB;EAAM,SAAS,KAAK,WAAW;CAAU,CAAA;CACxE,MAAM,OAAO,CAAC,OAAO,MAAM,QAAQ,OAAO,QAAQ;CAClD,IAAI,KAAK,MACP,OAAO,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,IAAI;EACnC,UAAA,KAAK;GACN,UAAU;GACV,WAAW,OAAO,MAAM,MAAM,OAAO,IAAI,CAAC,CAAC;GAC3C,MAAM,KAAK;EACb,CAAC;CACI,CAAA;CAET,IAAI,KAAK,SACP,OAAO,oBAAC,UAAD;EAAQ,MAAK;EAAS,SAAS,KAAK;EAAS,GAAI,OAAO,MAAM,MAAM,OAAO,KAAK;EAClF,UAAA;CACK,CAAA;CAEZ,OAAO,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,IAAI;EAAI,UAAA;CAAU,CAAA;AACjD"}
+{"version":3,"file":"MetricCell.mjs","names":[],"sources":["../../../src/dashboard/MetricStrip/MetricCell.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport Icon from '@/Icon';\nimport Skeleton from '@/Skeleton';\n\nimport { useSurfaceLink } from '../Surface/link';\nimport type { SurfaceRenderLink } from '../Surface/type';\nimport { styles } from './style';\nimport type { MetricItem } from './type';\n\nconst deltaStyles = {\n  down: styles.deltaDown,\n  flat: styles.deltaFlat,\n  up: styles.deltaUp,\n} as const;\n\nconst MetricBody = ({ item, loading }: { item: MetricItem; loading?: boolean }) => (\n  <>\n    <div {...stylex.props(styles.head)}>\n      <div {...stylex.props(styles.headCopy)}>\n        <div {...stylex.props(styles.label)}>{item.label}</div>\n      </div>\n      {item.action ? <div {...stylex.props(styles.headAction)}>{item.action}</div> : null}\n      {item.mark ? (\n        <span aria-hidden {...stylex.props(styles.mark)}>\n          <Icon icon={item.mark} size={14} />\n        </span>\n      ) : null}\n    </div>\n    {loading ? (\n      <Skeleton height={28} radius={6} width={88} />\n    ) : (\n      <div\n        {...stylex.props(\n          styles.value,\n          item.valueTone === 'danger' && styles.valueDanger,\n          item.valueTone === 'warning' && styles.valueWarning,\n        )}\n      >\n        {item.value}\n      </div>\n    )}\n    {!loading && (item.delta || item.hint) ? (\n      <div {...stylex.props(styles.foot)}>\n        {item.delta ? (\n          <span {...stylex.props(styles.delta, deltaStyles[item.direction ?? 'flat'])}>\n            {item.delta}\n          </span>\n        ) : null}\n        {item.hint ? <span {...stylex.props(styles.hint)}>{item.hint}</span> : null}\n      </div>\n    ) : null}\n    {!loading && item.chart ? <div {...stylex.props(styles.chart)}>{item.chart}</div> : null}\n  </>\n);\n\nexport interface MetricCellProps {\n  item: MetricItem;\n  loading?: boolean;\n  renderLink?: SurfaceRenderLink;\n  /** Draw the joined-strip divider on the trailing and bottom edges. */\n  seam?: boolean;\n}\n\n/** One metric: label row, figure, delta and hint. Shared by MetricStrip and StatCard. */\nconst MetricCell = ({ item, loading, renderLink, seam = false }: MetricCellProps) => {\n  const link = useSurfaceLink(renderLink);\n  const body = <MetricBody item={item} loading={item.loading ?? loading} />;\n  const cell = [styles.cell, seam && styles.cellSeam];\n\n  if (item.href) {\n    return (\n      <div {...stylex.props(styles.slot)}>\n        {link({\n          children: body,\n          className: stylex.props(cell, styles.link).className,\n          href: item.href,\n        })}\n      </div>\n    );\n  }\n  if (item.onClick) {\n    return (\n      <button type=\"button\" onClick={item.onClick} {...stylex.props(cell, styles.press)}>\n        {body}\n      </button>\n    );\n  }\n  return <div {...stylex.props(cell)}>{body}</div>;\n};\n\nexport default MetricCell;\n"],"mappings":";;;;;;;;AASA,MAAM,cAAc;CAClB,MAAM,OAAO;CACb,MAAM,OAAO;CACb,IAAI,OAAO;AACb;AACA,MAAM,cAAc,EAClB,MACA,cAII,qBAAA,UAAA,EAAA,UAAA;CACF,qBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,IAAI;EAAjC,UAAA;GACE,oBAAC,OAAD;IAAK,GAAI,OAAO,MAAM,OAAO,QAAQ;IACnC,UAAA,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK;KAAI,UAAA,KAAK;IAAW,CAAA;GACnD,CAAA;GACJ,KAAK,SAAS,oBAAC,OAAD;IAAK,GAAI,OAAO,MAAM,OAAO,UAAU;IAAI,UAAA,KAAK;GAAY,CAAA,IAAI;GAC9E,KAAK,OAAO,oBAAC,QAAD;IAAM,eAAA;IAAY,GAAI,OAAO,MAAM,OAAO,IAAI;IACvD,UAAA,oBAAC,MAAD;KAAM,MAAM,KAAK;KAAM,MAAM;IAAK,CAAA;GAC9B,CAAA,IAAI;EACT;;CACJ,UAAU,oBAAC,UAAD;EAAU,QAAQ;EAAI,QAAQ;EAAG,OAAO;CAAK,CAAA,IAAI,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,OAAO,KAAK,cAAc,YAAY,OAAO,aAAa,KAAK,cAAc,aAAa,OAAO,YAAY;EACjM,UAAA,KAAK;CACH,CAAA;CACN,CAAC,YAAY,KAAK,SAAS,KAAK,QAAQ,qBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,IAAI;EAAjC,UAAA,CACpC,KAAK,QAAQ,oBAAC,QAAD;GAAM,GAAI,OAAO,MAAM,OAAO,OAAO,YAAY,KAAK,aAAa,OAAO;GACnF,UAAA,KAAK;EACF,CAAA,IAAI,MACX,KAAK,OAAO,oBAAC,QAAD;GAAM,GAAI,OAAO,MAAM,OAAO,IAAI;GAAI,UAAA,KAAK;EAAW,CAAA,IAAI,IACpE;CAAI,CAAA,IAAA;CACV,CAAC,WAAW,KAAK,QAAQ,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,KAAK;EAAI,UAAA,KAAK;CAAW,CAAA,IAAI;AACpF,EAAA,CAAA;;AAUJ,MAAM,cAAc,EAClB,MACA,SACA,YACA,OAAO,YACc;CACrB,MAAM,OAAO,eAAe,UAAU;CACtC,MAAM,OAAO,oBAAC,YAAD;EAAkB;EAAM,SAAS,KAAK,WAAW;CAAU,CAAA;CACxE,MAAM,OAAO,CAAC,OAAO,MAAM,QAAQ,OAAO,QAAQ;CAClD,IAAI,KAAK,MACP,OAAO,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,IAAI;EACnC,UAAA,KAAK;GACN,UAAU;GACV,WAAW,OAAO,MAAM,MAAM,OAAO,IAAI,CAAC,CAAC;GAC3C,MAAM,KAAK;EACb,CAAC;CACI,CAAA;CAET,IAAI,KAAK,SACP,OAAO,oBAAC,UAAD;EAAQ,MAAK;EAAS,SAAS,KAAK;EAAS,GAAI,OAAO,MAAM,MAAM,OAAO,KAAK;EAClF,UAAA;CACK,CAAA;CAEZ,OAAO,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,IAAI;EAAI,UAAA;CAAU,CAAA;AACjD"}

package/es/dashboard/MetricStrip/style.mjs

@@ -45,7 +45,7 @@ const styles = {
 		$$css: true
 	},
 	frame: {
-		"--metric-seam": "lbgo1hwp",
+		"--metric-seam": "lbecsxsy",
 		kaIpWk: "lb1pjcqnp",
 		kVQacm: "lbb3r6kr",
 		kWkggS: "lbjbqb8w",
@@ -70,12 +70,25 @@ const styles = {
 		$$css: true
 	},
 	headCopy: {
+		kUk6DE: "lb98rzlu",
 		kOIVth: "lb17d4w8g",
 		kGNEyG: "lb6s0dn4",
 		k1xSpc: "lb78zum5",
 		k7Eaqz: "lbeuugli",
 		$$css: true
 	},
+	headAction: {
+		kUk6DE: "lb1okw0bk",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		$$css: true
+	},
+	chart: {
+		kzqmXN: "lbh8yej3",
+		keoZOQ: "lb1k70j0n",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
 	hint: {
 		kMwMTN: "lbc77et8",
 		kGuDYH: "lb4z9k3i",

package/es/dashboard/MetricStrip/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/MetricStrip/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n  /** Split strip and StatCard: one card per item. */\n  card: {\n    display: 'grid',\n    minInlineSize: 0,\n  },\n  cell: {\n    gap: 6,\n    paddingBlock: 16,\n    paddingInline: 20,\n    backgroundColor: 'transparent',\n    display: 'flex',\n    flexDirection: 'column',\n    minInlineSize: 0,\n  },\n  /** Joined strip only: the divider on the cell's trailing and bottom edges. */\n  cellSeam: {\n    boxShadow: 'inset -1px 0 0 var(--metric-seam), inset 0 -1px 0 var(--metric-seam)',\n  },\n  delta: {\n    fontSize: 13,\n    fontVariantNumeric: 'tabular-nums',\n    lineHeight: 1.4,\n  },\n  deltaDown: {\n    color: cssVar.colorError,\n  },\n  deltaFlat: {\n    color: cssVar.colorTextSecondary,\n  },\n  deltaUp: {\n    color: cssVar.colorSuccess,\n  },\n  foot: {\n    gap: 8,\n    alignItems: 'baseline',\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n  /**\n   * Clips the seam that would otherwise sit on the card's trailing and bottom\n   * edges. A short last row used to show the seam color across the empty\n   * track, which reads louder than the cells.\n   */\n  frame: {\n    '--metric-seam': cssVar.colorFillSecondary,\n    'borderRadius': 'inherit',\n    'overflow': 'hidden',\n    'backgroundColor': 'transparent',\n  },\n  grid: {\n    backgroundColor: 'transparent',\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',\n    inlineSize: 'calc(100% + 1px)',\n    marginBlockEnd: -1,\n  },\n  /* One fixed 32px row (a small Segmented or ActionIcon fits): an action or mark in the head must\n     not push the value down, so cells with and without header controls line up across a split\n     strip or a row of StatCards. */\n  head: {\n    gap: 8,\n    alignItems: 'center',\n    blockSize: 32,\n    boxSizing: 'border-box',\n    display: 'flex',\n    justifyContent: 'space-between',\n    minInlineSize: 0,\n  },\n  headCopy: {\n    gap: 6,\n    alignItems: 'center',\n    display: 'flex',\n    minInlineSize: 0,\n  },\n  hint: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    lineHeight: 1.4,\n  },\n  label: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    fontWeight: 500,\n    lineHeight: 1.4,\n  },\n  link: {\n    textDecoration: 'none',\n    backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillQuaternary },\n    color: 'inherit',\n  },\n  mark: {\n    borderColor: cssVar.colorFillSecondary,\n    borderRadius: cssVar.borderRadiusSM,\n    borderStyle: 'solid',\n    borderWidth: 1,\n    flex: 'none',\n    alignItems: 'center',\n    backgroundColor: cssVar.colorFillTertiary,\n    blockSize: 24,\n    color: cssVar.colorTextTertiary,\n    display: 'inline-flex',\n    inlineSize: 24,\n    justifyContent: 'center',\n  },\n  press: {\n    font: 'inherit',\n    borderStyle: 'none',\n    backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillQuaternary },\n    color: 'inherit',\n    cursor: 'pointer',\n    textAlign: 'start',\n  },\n  /** Grid cell around a rendered link, so the link fills it. */\n  slot: {\n    display: 'grid',\n    minInlineSize: 0,\n  },\n  split: {\n    gap: 12,\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',\n  },\n  value: {\n    overflow: 'hidden',\n    color: cssVar.colorText,\n    fontSize: cssVar.fontSizeHeading3,\n    fontVariantNumeric: 'tabular-nums',\n    fontWeight: 600,\n    lineHeight: 1.15,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  valueDanger: {\n    color: cssVar.colorError,\n  },\n  valueWarning: {\n    color: cssVar.colorWarning,\n  },\n});\n"],"mappings":";AAGA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,iBAAiB;EACjB,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,OAAO;CACT;AACF"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/MetricStrip/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n  /** Split strip and StatCard: one card per item. */\n  card: {\n    display: 'grid',\n    minInlineSize: 0,\n  },\n  cell: {\n    gap: 6,\n    paddingBlock: 16,\n    paddingInline: 20,\n    backgroundColor: 'transparent',\n    display: 'flex',\n    flexDirection: 'column',\n    minInlineSize: 0,\n  },\n  /** Joined strip only: the divider on the cell's trailing and bottom edges. */\n  cellSeam: {\n    boxShadow: 'inset -1px 0 0 var(--metric-seam), inset 0 -1px 0 var(--metric-seam)',\n  },\n  delta: {\n    fontSize: 13,\n    fontVariantNumeric: 'tabular-nums',\n    lineHeight: 1.4,\n  },\n  deltaDown: {\n    color: cssVar.colorError,\n  },\n  deltaFlat: {\n    color: cssVar.colorTextSecondary,\n  },\n  deltaUp: {\n    color: cssVar.colorSuccess,\n  },\n  foot: {\n    gap: 8,\n    alignItems: 'baseline',\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n  /**\n   * Clips the seam that would otherwise sit on the card's trailing and bottom\n   * edges. A short last row used to show the seam color across the empty\n   * track, which reads louder than the cells.\n   */\n  frame: {\n    '--metric-seam': `var(--lobe-fill-border, ${cssVar.colorFill})`,\n    'borderRadius': 'inherit',\n    'overflow': 'hidden',\n    'backgroundColor': 'transparent',\n  },\n  grid: {\n    backgroundColor: 'transparent',\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',\n    inlineSize: 'calc(100% + 1px)',\n    marginBlockEnd: -1,\n  },\n  /* One fixed 32px row (a small Segmented or ActionIcon fits): an action or mark in the head must\n     not push the value down, so cells with and without header controls line up across a split\n     strip or a row of StatCards. */\n  head: {\n    gap: 8,\n    alignItems: 'center',\n    blockSize: 32,\n    boxSizing: 'border-box',\n    display: 'flex',\n    justifyContent: 'space-between',\n    minInlineSize: 0,\n  },\n  headCopy: {\n    flex: '1',\n    gap: 6,\n    alignItems: 'center',\n    display: 'flex',\n    minInlineSize: 0,\n  },\n  headAction: {\n    flex: 'none',\n    alignItems: 'center',\n    display: 'flex',\n  },\n  chart: {\n    inlineSize: '100%',\n    marginBlockStart: 6,\n    minInlineSize: 0,\n  },\n  hint: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    lineHeight: 1.4,\n  },\n  label: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    fontWeight: 500,\n    lineHeight: 1.4,\n  },\n  link: {\n    textDecoration: 'none',\n    backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillQuaternary },\n    color: 'inherit',\n  },\n  mark: {\n    borderColor: cssVar.colorFillSecondary,\n    borderRadius: cssVar.borderRadiusSM,\n    borderStyle: 'solid',\n    borderWidth: 1,\n    flex: 'none',\n    alignItems: 'center',\n    backgroundColor: cssVar.colorFillTertiary,\n    blockSize: 24,\n    color: cssVar.colorTextTertiary,\n    display: 'inline-flex',\n    inlineSize: 24,\n    justifyContent: 'center',\n  },\n  press: {\n    font: 'inherit',\n    borderStyle: 'none',\n    backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillQuaternary },\n    color: 'inherit',\n    cursor: 'pointer',\n    textAlign: 'start',\n  },\n  /** Grid cell around a rendered link, so the link fills it. */\n  slot: {\n    display: 'grid',\n    minInlineSize: 0,\n  },\n  split: {\n    gap: 12,\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',\n  },\n  value: {\n    overflow: 'hidden',\n    color: cssVar.colorText,\n    fontSize: cssVar.fontSizeHeading3,\n    fontVariantNumeric: 'tabular-nums',\n    fontWeight: 600,\n    lineHeight: 1.15,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  valueDanger: {\n    color: cssVar.colorError,\n  },\n  valueWarning: {\n    color: cssVar.colorWarning,\n  },\n});\n"],"mappings":";AAGA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,iBAAiB;EACjB,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/dashboard/MetricStrip/type.d.mts

@@ -6,6 +6,8 @@ import { ReactNode } from "react";
 export interface MetricItem {
   /** Control on the label row, such as a menu. */
   action?: ReactNode;
+  /** Full-width chart (sparkline, area) under the delta and hint. */
+  chart?: ReactNode;
   delta?: ReactNode;
   direction?: 'up' | 'down' | 'flat';
   hint?: ReactNode;

package/es/dashboard/PageSkeleton/style.mjs

@@ -44,7 +44,7 @@ const styles = {
 		k8WAf4: "lb10dr8xq",
 		kg3NbH: "lb1hr3lfm",
 		kGNEyG: "lb6s0dn4",
-		kL6WhQ: "lb1ak05nl lb1wdpdt8",
+		kL6WhQ: "lb1fmh5c5 lb1wdpdt8",
 		kfdmCh: "lb1q0q8m5 lb14tvv71",
 		kt9PQ7: "lbso031l lb4vq4ti",
 		k1xSpc: "lb78zum5",
@@ -62,6 +62,7 @@ const styles = {
 	},
 	stat: {
 		kmVPX3: "lb1tamke2",
+		kVQacm: "lb7giv3",
 		k1xSpc: "lb78zum5",
 		kXwgrk: "lbdt5ytf",
 		$$css: true

package/es/dashboard/PageSkeleton/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/PageSkeleton/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { media } from '@/styles/stylex/media.stylex';\n\nexport const styles = stylex.create({\n  action: {\n    flex: 'none',\n    blockSize: { default: 32, [media.mobile]: 44 },\n    inlineSize: { default: 96, [media.mobile]: '100%' },\n  },\n  cell: {\n    flex: 'none',\n    blockSize: 14,\n    inlineSize: 88,\n  },\n  copy: {\n    flex: '1',\n    minInlineSize: 0,\n  },\n  header: {\n    gap: 16,\n    alignItems: { default: 'flex-start', [media.mobile]: 'stretch' },\n    display: 'flex',\n    flexDirection: { default: null, [media.mobile]: 'column' },\n    justifyContent: 'space-between',\n  },\n  headerCopy: {\n    flex: '1',\n    gap: 8,\n    display: 'flex',\n    flexDirection: 'column',\n    minInlineSize: 0,\n  },\n  page: {\n    gap: 20,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  row: {\n    gap: 12,\n    paddingBlock: 12,\n    paddingInline: 16,\n    alignItems: 'center',\n    borderBlockEndColor: { 'default': cssVar.colorFillSecondary, ':last-child': 'currentcolor' },\n    borderBlockEndStyle: { 'default': 'solid', ':last-child': 'none' },\n    borderBlockEndWidth: { 'default': 1, ':last-child': 'medium' },\n    display: 'flex',\n    minBlockSize: 54,\n  },\n  srOnly: {\n    overflow: 'hidden',\n    blockSize: 1,\n    clipPath: 'inset(50%)',\n    inlineSize: 1,\n    position: 'absolute',\n    whiteSpace: 'nowrap',\n  },\n  stat: {\n    padding: 16,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  statGrid: {\n    gap: 12,\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',\n  },\n  statValue: {\n    blockSize: cssVar.fontSizeHeading2,\n    inlineSize: '42%',\n    marginBlockEnd: '14px',\n    marginBlockStart: '6px',\n  },\n  table: {\n    overflow: 'hidden',\n    minInlineSize: 0,\n  },\n  tag: {\n    flex: 'none',\n    blockSize: 22,\n    inlineSize: 72,\n  },\n  thead: {\n    gap: 12,\n    paddingBlock: 10,\n    paddingInline: 16,\n    alignItems: 'center',\n    backgroundColor: cssVar.colorFillTertiary,\n    display: 'flex',\n    minBlockSize: 39,\n  },\n  theadCell: {\n    flex: 'none',\n    blockSize: 12,\n  },\n  title: {\n    blockSize: cssVar.fontSizeHeading3,\n    inlineSize: 220,\n    maxInlineSize: '70%',\n  },\n});\n"],"mappings":";AAKA,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/PageSkeleton/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { media } from '@/styles/stylex/media.stylex';\n\nexport const styles = stylex.create({\n  action: {\n    flex: 'none',\n    blockSize: { default: 32, [media.mobile]: 44 },\n    inlineSize: { default: 96, [media.mobile]: '100%' },\n  },\n  cell: {\n    flex: 'none',\n    blockSize: 14,\n    inlineSize: 88,\n  },\n  copy: {\n    flex: '1',\n    minInlineSize: 0,\n  },\n  header: {\n    gap: 16,\n    alignItems: { default: 'flex-start', [media.mobile]: 'stretch' },\n    display: 'flex',\n    flexDirection: { default: null, [media.mobile]: 'column' },\n    justifyContent: 'space-between',\n  },\n  headerCopy: {\n    flex: '1',\n    gap: 8,\n    display: 'flex',\n    flexDirection: 'column',\n    minInlineSize: 0,\n  },\n  page: {\n    gap: 20,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  row: {\n    gap: 12,\n    paddingBlock: 12,\n    paddingInline: 16,\n    alignItems: 'center',\n    borderBlockEndColor: {\n      'default': `var(--lobe-fill-border, ${cssVar.colorFill})`,\n      ':last-child': 'currentcolor',\n    },\n    borderBlockEndStyle: { 'default': 'solid', ':last-child': 'none' },\n    borderBlockEndWidth: { 'default': 1, ':last-child': 'medium' },\n    display: 'flex',\n    minBlockSize: 54,\n  },\n  srOnly: {\n    overflow: 'hidden',\n    blockSize: 1,\n    clipPath: 'inset(50%)',\n    inlineSize: 1,\n    position: 'absolute',\n    whiteSpace: 'nowrap',\n  },\n  stat: {\n    padding: 16,\n    overflow: 'clip',\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  statGrid: {\n    gap: 12,\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',\n  },\n  statValue: {\n    blockSize: cssVar.fontSizeHeading2,\n    inlineSize: '42%',\n    marginBlockEnd: '14px',\n    marginBlockStart: '6px',\n  },\n  table: {\n    overflow: 'hidden',\n    minInlineSize: 0,\n  },\n  tag: {\n    flex: 'none',\n    blockSize: 22,\n    inlineSize: 72,\n  },\n  thead: {\n    gap: 12,\n    paddingBlock: 10,\n    paddingInline: 16,\n    alignItems: 'center',\n    backgroundColor: cssVar.colorFillTertiary,\n    display: 'flex',\n    minBlockSize: 39,\n  },\n  theadCell: {\n    flex: 'none',\n    blockSize: 12,\n  },\n  title: {\n    blockSize: cssVar.fontSizeHeading3,\n    inlineSize: 220,\n    maxInlineSize: '70%',\n  },\n});\n"],"mappings":";AAKA,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/dashboard/StatCard/StatCard.d.mts

@@ -1,7 +1,7 @@
 import { StatCardProps } from "./type.mjs";
 //#region src/dashboard/StatCard/StatCard.d.ts
 /** One metric in its own card: the same item as a `split` MetricStrip. */
-declare function StatCard({ action, className, delta, direction, hint, href, label, loading, mark, onClick, renderLink, value, valueTone }: StatCardProps): import("react").JSX.Element;
+declare function StatCard({ action, chart, className, delta, direction, hint, href, label, loading, mark, onClick, renderLink, value, valueTone }: StatCardProps): import("react").JSX.Element;
 declare namespace StatCard {
   var displayName: string;
 }

package/es/dashboard/StatCard/StatCard.mjs

@@ -7,7 +7,7 @@ import MetricCell from "../MetricStrip/MetricCell.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/dashboard/StatCard/StatCard.tsx
 /** One metric in its own card: the same item as a `split` MetricStrip. */
-function StatCard({ action, className, delta, direction = "flat", hint, href, label, loading, mark, onClick, renderLink, value, valueTone }) {
+function StatCard({ action, chart, className, delta, direction = "flat", hint, href, label, loading, mark, onClick, renderLink, value, valueTone }) {
 	const cardStyles = useSurfaceCardStyles();
 	return /* @__PURE__ */ jsx("div", {
 		...styleProps([
@@ -19,6 +19,7 @@ function StatCard({ action, className, delta, direction = "flat", hint, href, la
 			renderLink,
 			item: {
 				action,
+				chart,
 				delta,
 				direction,
 				hint,

package/es/dashboard/StatCard/StatCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.mjs","names":["metricStyles","surfaceStyles"],"sources":["../../../src/dashboard/StatCard/StatCard.tsx"],"sourcesContent":["'use client';\n\nimport { styleProps } from '@/styles/stylex/props';\n\nimport MetricCell from '../MetricStrip/MetricCell';\nimport { styles as metricStyles } from '../MetricStrip/style';\nimport { useSurfaceCardStyles } from '../Surface/link';\nimport { styles as surfaceStyles } from '../Surface/style';\nimport type { StatCardProps } from './type';\n\n/** One metric in its own card: the same item as a `split` MetricStrip. */\nfunction StatCard({\n  action,\n  className,\n  delta,\n  direction = 'flat',\n  hint,\n  href,\n  label,\n  loading,\n  mark,\n  onClick,\n  renderLink,\n  value,\n  valueTone,\n}: StatCardProps) {\n  const cardStyles = useSurfaceCardStyles();\n\n  return (\n    <div {...styleProps([metricStyles.card, cardStyles, surfaceStyles.clip], className)}>\n      <MetricCell\n        renderLink={renderLink}\n        item={{\n          action,\n          delta,\n          direction,\n          hint,\n          href,\n          label,\n          loading,\n          mark,\n          onClick,\n          value,\n          valueTone,\n        }}\n      />\n    </div>\n  );\n}\n\nStatCard.displayName = 'StatCard';\n\nexport default StatCard;\n"],"mappings":";;;;;;;;;AAWA,SAAS,SAAS,EAChB,QACA,WACA,OACA,YAAY,QACZ,MACA,MACA,OACA,SACA,MACA,SACA,YACA,OACA,aACgB;CAChB,MAAM,aAAa,qBAAqB;CAExC,OACE,oBAAC,OAAD;EAAK,GAAI,WAAW;GAACA,SAAa;GAAM;GAAYC,OAAc;EAAI,GAAG,SAAS;EAChF,UAAA,oBAAC,YAAD;GACc;GACZ,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACD,CAAA;CACE,CAAA;AAET;AAEA,SAAS,cAAc"}
+{"version":3,"file":"StatCard.mjs","names":["metricStyles","surfaceStyles"],"sources":["../../../src/dashboard/StatCard/StatCard.tsx"],"sourcesContent":["'use client';\n\nimport { styleProps } from '@/styles/stylex/props';\n\nimport MetricCell from '../MetricStrip/MetricCell';\nimport { styles as metricStyles } from '../MetricStrip/style';\nimport { useSurfaceCardStyles } from '../Surface/link';\nimport { styles as surfaceStyles } from '../Surface/style';\nimport type { StatCardProps } from './type';\n\n/** One metric in its own card: the same item as a `split` MetricStrip. */\nfunction StatCard({\n  action,\n  chart,\n  className,\n  delta,\n  direction = 'flat',\n  hint,\n  href,\n  label,\n  loading,\n  mark,\n  onClick,\n  renderLink,\n  value,\n  valueTone,\n}: StatCardProps) {\n  const cardStyles = useSurfaceCardStyles();\n\n  return (\n    <div {...styleProps([metricStyles.card, cardStyles, surfaceStyles.clip], className)}>\n      <MetricCell\n        renderLink={renderLink}\n        item={{\n          action,\n          chart,\n          delta,\n          direction,\n          hint,\n          href,\n          label,\n          loading,\n          mark,\n          onClick,\n          value,\n          valueTone,\n        }}\n      />\n    </div>\n  );\n}\n\nStatCard.displayName = 'StatCard';\n\nexport default StatCard;\n"],"mappings":";;;;;;;;;AAWA,SAAS,SAAS,EAChB,QACA,OACA,WACA,OACA,YAAY,QACZ,MACA,MACA,OACA,SACA,MACA,SACA,YACA,OACA,aACgB;CAChB,MAAM,aAAa,qBAAqB;CAExC,OACE,oBAAC,OAAD;EAAK,GAAI,WAAW;GAACA,SAAa;GAAM;GAAYC,OAAc;EAAI,GAAG,SAAS;EAChF,UAAA,oBAAC,YAAD;GACc;GACZ,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACD,CAAA;CACE,CAAA;AAET;AAEA,SAAS,cAAc"}