@mastra/playground-ui 55.0.0 → 55.1.0-alpha.0

package/dist/new/sidebar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.cjs.js","sources":["../../src/ds/new/sidebar/sidebar-new-brand.tsx","../../src/ds/new/sidebar/sidebar-new-footer.tsx","../../src/ds/new/sidebar/sidebar-new-header.tsx","../../src/ds/new/sidebar/sidebar-new-meter.tsx","../../src/ds/new/sidebar/sidebar-new-nav.tsx","../../src/ds/new/sidebar/sidebar-new-nav-header.tsx","../../src/ds/new/sidebar/sidebar-new-nav-stack-context.ts","../../src/ds/new/sidebar/sidebar-new-nav-stack-root.tsx","../../src/ds/new/sidebar/sidebar-new-nav-stack-page-classes.ts","../../src/ds/new/sidebar/sidebar-new-nav-stack-root-view.tsx","../../src/ds/new/sidebar/sidebar-new-nav-stack-view.tsx","../../src/ds/new/sidebar/sidebar-new-nav-stack.ts","../../src/ds/new/sidebar/sidebar-new-root.tsx","../../src/ds/new/sidebar/sidebar-new-section-link.tsx","../../src/ds/new/sidebar/sidebar-new-sections.tsx","../../src/ds/new/sidebar/sidebar-new-trigger.tsx","../../src/ds/new/sidebar/sidebar-new.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useMainSidebar } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewBrandProps = Omit<ComponentPropsWithoutRef<'div'>, 'title'> & {\n  logo?: ReactNode;\n  title: ReactNode;\n};\n\nexport function SidebarNewBrand({ logo, title, className, ...props }: SidebarNewBrandProps) {\n  const { state } = useMainSidebar();\n\n  return (\n    <div data-slot=\"sidebar-new-brand\" className={cn('flex min-w-0 flex-1 items-center gap-2', className)} {...props}>\n      {logo ? <span className=\"shrink-0\">{logo}</span> : null}\n      {state === 'collapsed' ? (\n        <VisuallyHidden>{title}</VisuallyHidden>\n      ) : (\n        <span className=\"text-ui-md text-neutral6 truncate font-sans font-semibold tracking-tight\">{title}</span>\n      )}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewFooterProps = ComponentPropsWithoutRef<'footer'>;\n\nexport function SidebarNewFooter({ className, children, ...props }: SidebarNewFooterProps) {\n  return (\n    <footer data-slot=\"sidebar-new-footer\" className={cn('mt-auto shrink-0', className)} {...props}>\n      {children}\n    </footer>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewHeaderProps = ComponentPropsWithoutRef<'header'>;\n\nexport function SidebarNewHeader({ className, children, ...props }: SidebarNewHeaderProps) {\n  return (\n    <header\n      data-slot=\"sidebar-new-header\"\n      className={cn('flex h-header-default shrink-0 items-center gap-2 px-1', className)}\n      {...props}\n    >\n      {children}\n    </header>\n  );\n}\n","import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { useMaybeSidebarState } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport type { SidebarState } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewMeterTone = 'neutral' | 'warning' | 'danger';\n\nconst NOISE =\n  \"url(\\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\\\")\";\n\nconst CARD_HEIGHT = 76;\nconst BLOOM_HEIGHT = 100;\nconst BLOOM_HOLD_Y = 60;\nconst BLOOM_HOLD_X = 22.5;\nconst GRAIN_OPACITY = 0.18;\nconst GRAIN_SIZE = 110;\n\nconst FALLOFF_RAMP = [0, 0.08, 0.16, 0.25, 0.34, 0.44, 0.55, 0.66, 0.78, 0.89, 1];\n\nconst TONES = {\n  neutral: { colorVar: '--neutral6', peak: 0.08, grain: true, text: 'text-neutral4' },\n  warning: {\n    colorVar: '--notice-warning',\n    peak: 0.16,\n    grain: false,\n    text: 'text-notice-warning-fg',\n  },\n  danger: {\n    colorVar: '--notice-destructive',\n    peak: 0.16,\n    grain: false,\n    text: 'text-notice-destructive-fg',\n  },\n};\n\nfunction cubicFalloff(position: number) {\n  const inverse = 1 - position;\n  return inverse * inverse * inverse;\n}\n\nfunction easedBloom(colorVar: string, peak: number) {\n  const stops = FALLOFF_RAMP.map(position => {\n    const alpha = (peak * cubicFalloff(position) * 100).toFixed(2);\n    return `color-mix(in oklch, var(${colorVar}) ${alpha}%, transparent) ${(position * 100).toFixed(0)}%`;\n  });\n  return `linear-gradient(to right, ${stops.join(', ')})`;\n}\n\nfunction easedMask(direction: string, hold: number) {\n  const stops = FALLOFF_RAMP.map(position => {\n    const offset = (hold + (100 - hold) * position).toFixed(2);\n    return `rgb(0 0 0 / ${cubicFalloff(position).toFixed(3)}) ${offset}%`;\n  });\n  return `linear-gradient(${direction}, rgb(0 0 0 / 1) 0%, ${stops.join(', ')})`;\n}\n\nconst BLOOM_MASK = `${easedMask('to bottom', BLOOM_HOLD_Y)}, ${easedMask('to right', BLOOM_HOLD_X)}`;\n\nfunction Bloom({ tone }: { tone: SidebarNewMeterTone }) {\n  const current = TONES[tone];\n  return (\n    <span\n      aria-hidden\n      data-slot=\"sidebar-new-meter-bloom\"\n      className=\"pointer-events-none absolute inset-x-0 top-0 -z-10\"\n      style={{\n        height: BLOOM_HEIGHT,\n        backgroundImage: easedBloom(current.colorVar, current.peak),\n        maskImage: BLOOM_MASK,\n        maskComposite: 'intersect',\n      }}\n    >\n      {current.grain ? (\n        <span\n          aria-hidden\n          className=\"absolute inset-0\"\n          style={{\n            backgroundImage: NOISE,\n            backgroundRepeat: 'repeat',\n            backgroundSize: `${GRAIN_SIZE}px ${GRAIN_SIZE}px`,\n            opacity: GRAIN_OPACITY,\n          }}\n        />\n      ) : null}\n    </span>\n  );\n}\n\ninterface SidebarNewMeterBaseProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n  /** Short name for the measured thing, e.g. `Credits`. Hidden on a collapsed rail. */\n  label: ReactNode;\n  /** The figure itself. Rendered with tabular figures so it cannot shift width. */\n  value: ReactNode;\n  /** One line under the value. Truncates; the card height never changes. */\n  status?: ReactNode;\n  /** Drives the bloom hue. `neutral` is the only tone that carries grain. */\n  tone?: SidebarNewMeterTone;\n  /** Leading icon beside the label, shown only when the tone is not neutral. */\n  icon?: ReactNode;\n  /** Trailing control beside the label, kept outside the card link. */\n  action?: ReactNode;\n  /** Overrides the Provider-level LinkComponent. Defaults to `<a>` when neither is set. */\n  LinkComponent?: LinkComponent;\n  /** Defaults to the Provider's state; pass to override. */\n  state?: SidebarState;\n}\n\ntype SidebarNewMeterLinkProps =\n  | {\n      /** Makes the whole card navigate. The link covers the card as an overlay. */\n      href: string;\n      /** Accessible name for the card link. Required whenever `href` is set. */\n      linkLabel: string;\n    }\n  | { href?: never; linkLabel?: never };\n\nexport type SidebarNewMeterProps = SidebarNewMeterBaseProps & SidebarNewMeterLinkProps;\n\nexport const SidebarNewMeter = forwardRef<HTMLDivElement, SidebarNewMeterProps>(function SidebarNewMeter(\n  {\n    label,\n    value,\n    status,\n    tone = 'neutral',\n    icon,\n    action,\n    href,\n    linkLabel,\n    LinkComponent: LinkProp,\n    state: stateProp,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const ctx = useMaybeSidebarState();\n  const state: SidebarState = stateProp ?? ctx?.state ?? 'default';\n  const Link: LinkComponent = LinkProp ?? ctx?.LinkComponent ?? 'a';\n  const isCollapsed = state === 'collapsed';\n  const current = TONES[tone];\n\n  if (isCollapsed) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"sidebar-new-meter\"\n        data-tone={tone}\n        data-state={state}\n        className={cn(\n          'relative isolate flex items-center justify-center overflow-hidden rounded-lg border border-border1 bg-surface2 px-1 py-2',\n          className,\n        )}\n        {...props}\n      >\n        <Bloom tone={tone} />\n        {href ? <Link href={href} className=\"absolute inset-0 rounded-lg\" aria-label={linkLabel} /> : null}\n        <span className=\"text-ui-xs text-neutral3 pointer-events-none relative font-semibold tabular-nums\">\n          {value}\n        </span>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"sidebar-new-meter\"\n      data-tone={tone}\n      data-state={state}\n      className={cn(\n        'relative isolate flex flex-col justify-center overflow-hidden rounded-lg border border-border1 bg-surface2 px-3',\n        href && 'transition-colors hover:bg-surface3',\n        className,\n      )}\n      style={{ height: CARD_HEIGHT }}\n      {...props}\n    >\n      <Bloom tone={tone} />\n      {href ? <Link href={href} className=\"absolute inset-0 rounded-lg\" aria-label={linkLabel} /> : null}\n\n      <div className=\"pointer-events-none relative\">\n        <div className=\"flex items-center gap-1.5\">\n          {tone === 'neutral' ? null : icon}\n          <span className=\"text-ui-sm text-neutral3 font-medium\">{label}</span>\n          {action ? <span className=\"pointer-events-auto\">{action}</span> : null}\n        </div>\n\n        <p className=\"text-ui-lg text-neutral6 mt-0.5 leading-tight font-semibold tabular-nums\">{value}</p>\n\n        {status ? (\n          <div className=\"text-ui-xs mt-1\">\n            <p className={cn('truncate', current.text)}>{status}</p>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n});\n","import type { MainSidebarNavProps } from '@/ds/components/MainSidebar/main-sidebar-nav';\nimport { MainSidebarNav } from '@/ds/components/MainSidebar/main-sidebar-nav';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewNavProps = MainSidebarNavProps;\n\nexport function SidebarNewNav({ children, className, ...props }: SidebarNewNavProps) {\n  return (\n    <MainSidebarNav\n      className={cn(\n        '-mr-1.5',\n        '[&_[data-orientation=vertical]]:w-1 [&_[data-orientation=vertical]]:p-0',\n        '[&_[data-orientation=vertical][data-has-overflow-y]]:opacity-100',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"pr-1.5\">{children}</div>\n    </MainSidebarNav>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport type { SidebarState } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport { useMaybeSidebarState } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewNavHeaderProps = Omit<ComponentPropsWithoutRef<'header'>, 'children'> & {\n  children?: React.ReactNode;\n  state?: SidebarState;\n  href?: string;\n  isActive?: boolean;\n  LinkComponent?: LinkComponent;\n};\n\nexport function SidebarNewNavHeader({\n  children,\n  className,\n  state: stateProp,\n  href,\n  isActive,\n  LinkComponent: LinkProp,\n  ...props\n}: SidebarNewNavHeaderProps) {\n  const context = useMaybeSidebarState();\n  const state = stateProp ?? context?.state ?? 'default';\n  const showTitle = state === 'default';\n  const Link = LinkProp ?? context?.LinkComponent ?? 'a';\n\n  return (\n    <div className={cn('mt-2 mb-0.5 flex min-h-8 min-w-0 items-center', className)}>\n      {showTitle ? (\n        <header\n          {...props}\n          className={cn('max-w-full min-w-0 truncate pl-3 text-ui-sm font-medium', {\n            'text-neutral5': isActive,\n            'text-neutral3': !isActive,\n          })}\n        >\n          {href ? (\n            <Link\n              href={href}\n              className={cn('block min-w-0 truncate transition-colors duration-normal', {\n                'hover:text-neutral5': !isActive,\n                'text-neutral5': isActive,\n              })}\n            >\n              {children}\n            </Link>\n          ) : (\n            children\n          )}\n        </header>\n      ) : (\n        <>\n          <VisuallyHidden asChild>\n            <header {...props}>{children}</header>\n          </VisuallyHidden>\n          <div aria-hidden=\"true\" className=\"bg-neutral4/40 mx-3 h-px flex-1\" />\n        </>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\n\nexport type SidebarNewNavStackContextValue = {\n  activeValue: string;\n  rootValue: string;\n  closeView: (returnFocusRef?: React.RefObject<HTMLElement | null>) => void;\n};\n\nexport const SidebarNewNavStackContext = React.createContext<SidebarNewNavStackContextValue | undefined>(undefined);\n\nexport function useSidebarNewNavStack() {\n  const context = React.useContext(SidebarNewNavStackContext);\n  if (!context) throw new Error('SidebarNew.NavStack components must be used within SidebarNew.NavStack.');\n  return context;\n}\n","import React from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { SidebarNewNavStackContext } from './sidebar-new-nav-stack-context';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewNavStackProps = ComponentPropsWithoutRef<'div'> & {\n  value: string;\n  rootValue?: string;\n  onValueChange: (value: string) => void;\n};\n\nexport function SidebarNewNavStackRoot({\n  value,\n  rootValue = 'root',\n  onValueChange,\n  children,\n  className,\n  ...props\n}: SidebarNewNavStackProps) {\n  function closeView(returnFocusRef?: React.RefObject<HTMLElement | null>) {\n    onValueChange(rootValue);\n    requestAnimationFrame(() => {\n      const target = returnFocusRef?.current;\n      if (target && !target.closest('[inert]')) target.focus();\n    });\n  }\n\n  return (\n    <SidebarNewNavStackContext.Provider value={{ activeValue: value, rootValue, closeView }}>\n      <div\n        data-slot=\"sidebar-new-nav-stack\"\n        data-value={value}\n        className={cn('relative grid min-w-0 overflow-hidden', className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarNewNavStackContext.Provider>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport function sidebarNewNavStackPageClasses(active: boolean, page: 'root' | 'view', className?: string) {\n  return cn(\n    'col-start-1 row-start-1 min-w-0 transition-[opacity,translate] duration-normal ease-out-custom will-change-[opacity,translate] motion-reduce:transition-none',\n    active && 'relative translate-x-0 opacity-100',\n    !active && 'pointer-events-none absolute inset-0 opacity-0',\n    !active && page === 'root' && '-translate-x-2',\n    !active && page === 'view' && 'translate-x-2',\n    className,\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { useSidebarNewNavStack } from './sidebar-new-nav-stack-context';\nimport { sidebarNewNavStackPageClasses } from './sidebar-new-nav-stack-page-classes';\nimport { useMainSidebar } from '@/ds/components/MainSidebar/main-sidebar-context';\n\nexport type SidebarNewNavStackRootViewProps = ComponentPropsWithoutRef<'div'>;\n\nexport function SidebarNewNavStackRootView({ children, className, ...props }: SidebarNewNavStackRootViewProps) {\n  const { state } = useMainSidebar();\n  const { activeValue, rootValue } = useSidebarNewNavStack();\n  const active = state === 'collapsed' || activeValue === rootValue;\n\n  return (\n    <div\n      {...props}\n      data-slot=\"sidebar-new-nav-stack-root\"\n      aria-hidden={!active}\n      inert={!active}\n      className={sidebarNewNavStackPageClasses(active, 'root', className)}\n    >\n      {children}\n    </div>\n  );\n}\n","import { ArrowLeftIcon } from 'lucide-react';\nimport React from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useSidebarNewNavStack } from './sidebar-new-nav-stack-context';\nimport { sidebarNewNavStackPageClasses } from './sidebar-new-nav-stack-page-classes';\nimport { useMainSidebar } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport { navItemClasses } from '@/ds/components/MainSidebar/main-sidebar-nav-item-classes';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewNavStackViewProps = ComponentPropsWithoutRef<'div'> & {\n  value: string;\n  title: string;\n  backLabel?: string;\n  returnFocusRef?: React.RefObject<HTMLElement | null>;\n  onBack?: () => void;\n};\n\nexport function SidebarNewNavStackView({\n  value,\n  title,\n  backLabel = 'Back to main navigation',\n  returnFocusRef,\n  onBack,\n  children,\n  className,\n  ...props\n}: SidebarNewNavStackViewProps) {\n  const { state } = useMainSidebar();\n  const { activeValue, closeView } = useSidebarNewNavStack();\n  const active = state !== 'collapsed' && activeValue === value;\n  const backRef = React.useRef<HTMLButtonElement>(null);\n  const wasActiveRef = React.useRef(active);\n\n  React.useEffect(() => {\n    if (active && !wasActiveRef.current) backRef.current?.focus();\n    wasActiveRef.current = active;\n  }, [active]);\n\n  function handleBack() {\n    closeView(returnFocusRef);\n    onBack?.();\n  }\n\n  return (\n    <div\n      {...props}\n      data-slot=\"sidebar-new-nav-stack-view\"\n      data-value={value}\n      aria-hidden={!active}\n      inert={!active}\n      className={sidebarNewNavStackPageClasses(active, 'view', className)}\n    >\n      <button\n        ref={backRef}\n        type=\"button\"\n        aria-label={`${backLabel}: ${title}`}\n        onClick={handleBack}\n        className={cn(navItemClasses(), 'mb-2 grid grid-cols-[2rem_1fr_2rem] px-1 text-neutral5 hover:text-neutral6')}\n      >\n        <ArrowLeftIcon className=\"justify-self-center\" aria-hidden=\"true\" />\n        <span className=\"min-w-0 truncate text-center\">{title}</span>\n        <span aria-hidden=\"true\" />\n      </button>\n      {children}\n    </div>\n  );\n}\n","import { SidebarNewNavStackRoot } from './sidebar-new-nav-stack-root';\nimport { SidebarNewNavStackRootView } from './sidebar-new-nav-stack-root-view';\nimport { SidebarNewNavStackView } from './sidebar-new-nav-stack-view';\n\nexport type { SidebarNewNavStackProps } from './sidebar-new-nav-stack-root';\nexport type { SidebarNewNavStackRootViewProps } from './sidebar-new-nav-stack-root-view';\nexport type { SidebarNewNavStackViewProps } from './sidebar-new-nav-stack-view';\n\nexport const SidebarNewNavStack = Object.assign(SidebarNewNavStackRoot, {\n  Root: SidebarNewNavStackRootView,\n  View: SidebarNewNavStackView,\n});\n","import type { MainSidebarRootProps } from '@/ds/components/MainSidebar/main-sidebar-root';\nimport { MainSidebarRoot } from '@/ds/components/MainSidebar/main-sidebar-root';\n\nexport type SidebarNewRootProps = MainSidebarRootProps & {\n  'aria-label'?: string;\n};\n\nexport function SidebarNewRoot({ 'aria-label': ariaLabel = 'Sidebar', ...props }: SidebarNewRootProps) {\n  return (\n    <aside aria-label={ariaLabel} className=\"contents\">\n      <MainSidebarRoot {...props} />\n    </aside>\n  );\n}\n","import type { NavLink } from '@/ds/components/MainSidebar/main-sidebar-nav-link';\nimport { MainSidebarNavLink } from '@/ds/components/MainSidebar/main-sidebar-nav-link';\nimport { MainSidebarNavList } from '@/ds/components/MainSidebar/main-sidebar-nav-list';\n\nexport type SidebarNewSectionLinkProps = {\n  link: NavLink;\n  activeCandidates: NavLink[];\n  level?: number;\n  isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;\n};\n\nfunction getSidebarNewLinkKey(link: NavLink) {\n  return `${link.url}:${link.name}`;\n}\n\nexport function SidebarNewSectionLink({ link, activeCandidates, level = 0, isActive }: SidebarNewSectionLinkProps) {\n  const childLinks = link.children ?? [];\n\n  return (\n    <MainSidebarNavLink\n      link={link}\n      isActive={isActive?.(link, activeCandidates) ?? link.isActive}\n      level={level}\n      subItems={\n        childLinks.length > 0 ? (\n          <MainSidebarNavList className=\"mt-0.5\">\n            {childLinks.map(child => (\n              <SidebarNewSectionLink\n                key={getSidebarNewLinkKey(child)}\n                link={child}\n                activeCandidates={activeCandidates}\n                level={level + 1}\n                isActive={isActive}\n              />\n            ))}\n          </MainSidebarNavList>\n        ) : null\n      }\n    />\n  );\n}\n","import { useId } from 'react';\nimport { SidebarNewNavHeader } from './sidebar-new-nav-header';\nimport { SidebarNewSectionLink } from './sidebar-new-section-link';\nimport type { NavLink } from '@/ds/components/MainSidebar/main-sidebar-nav-link';\nimport { MainSidebarNavList } from '@/ds/components/MainSidebar/main-sidebar-nav-list';\nimport type { NavSection } from '@/ds/components/MainSidebar/main-sidebar-nav-section';\nimport { MainSidebarNavSection } from '@/ds/components/MainSidebar/main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from '@/ds/components/MainSidebar/main-sidebar-nav-separator';\n\nexport type SidebarNewSectionsProps = {\n  sections: NavSection[];\n  isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;\n  className?: string;\n};\n\nfunction getLinkKey(link: NavLink) {\n  return `${link.url}:${link.name}`;\n}\n\nexport function SidebarNewSections({ sections, isActive, className }: SidebarNewSectionsProps) {\n  const baseId = useId();\n\n  return (\n    <>\n      {sections.map(section => {\n        const showSeparator = section.links.length > 0 && section.separator;\n        const headerId = section.title ? `${baseId}-${section.key}` : undefined;\n\n        return (\n          <MainSidebarNavSection\n            key={section.key}\n            className={className}\n            aria-labelledby={headerId}\n            aria-label={!headerId ? section.key : undefined}\n          >\n            {showSeparator ? <MainSidebarNavSeparator /> : null}\n            {section.title ? (\n              <SidebarNewNavHeader id={headerId} href={section.href} isActive={section.isHeaderActive}>\n                {section.title}\n              </SidebarNewNavHeader>\n            ) : null}\n            <MainSidebarNavList>\n              {section.links.map(link => (\n                <SidebarNewSectionLink\n                  key={getLinkKey(link)}\n                  link={link}\n                  activeCandidates={section.links}\n                  isActive={isActive}\n                />\n              ))}\n            </MainSidebarNavList>\n          </MainSidebarNavSection>\n        );\n      })}\n    </>\n  );\n}\n","import { useMaybeSidebarState } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport type { MainSidebarTriggerProps } from '@/ds/components/MainSidebar/main-sidebar-trigger';\nimport { MainSidebarTrigger } from '@/ds/components/MainSidebar/main-sidebar-trigger';\n\nexport type SidebarNewTriggerProps = MainSidebarTriggerProps;\n\nexport function SidebarNewTrigger(props: SidebarNewTriggerProps) {\n  const context = useMaybeSidebarState();\n  if (context?.isMobile) return null;\n  return <MainSidebarTrigger {...props} />;\n}\n","import { SidebarNewBrand } from './sidebar-new-brand';\nimport { SidebarNewFooter } from './sidebar-new-footer';\nimport { SidebarNewHeader } from './sidebar-new-header';\nimport { SidebarNewMeter } from './sidebar-new-meter';\nimport { SidebarNewNav } from './sidebar-new-nav';\nimport { SidebarNewNavHeader } from './sidebar-new-nav-header';\nimport { SidebarNewNavStack } from './sidebar-new-nav-stack';\nimport { SidebarNewRoot } from './sidebar-new-root';\nimport { SidebarNewSections } from './sidebar-new-sections';\nimport { SidebarNewTrigger } from './sidebar-new-trigger';\nimport { MainSidebarMobileTrigger } from '@/ds/components/MainSidebar/main-sidebar-mobile-trigger';\nimport { MainSidebarNavLabel } from '@/ds/components/MainSidebar/main-sidebar-nav-label';\nimport { MainSidebarNavLink } from '@/ds/components/MainSidebar/main-sidebar-nav-link';\nimport { MainSidebarNavList } from '@/ds/components/MainSidebar/main-sidebar-nav-list';\nimport { MainSidebarNavSection } from '@/ds/components/MainSidebar/main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from '@/ds/components/MainSidebar/main-sidebar-nav-separator';\nimport { MainSidebarProvider } from '@/ds/components/MainSidebar/main-sidebar-provider';\n\nexport const SidebarNew = Object.assign(SidebarNewRoot, {\n  Brand: SidebarNewBrand,\n  Footer: SidebarNewFooter,\n  Header: SidebarNewHeader,\n  Meter: SidebarNewMeter,\n  MobileTrigger: MainSidebarMobileTrigger,\n  Nav: SidebarNewNav,\n  NavHeader: SidebarNewNavHeader,\n  NavLabel: MainSidebarNavLabel,\n  NavLink: MainSidebarNavLink,\n  NavList: MainSidebarNavList,\n  NavSection: MainSidebarNavSection,\n  NavSeparator: MainSidebarNavSeparator,\n  NavStack: SidebarNewNavStack,\n  Provider: MainSidebarProvider,\n  Sections: SidebarNewSections,\n  Trigger: SidebarNewTrigger,\n});\n"],"names":["useMainSidebar","jsxs","cn","jsx","VisuallyHidden","forwardRef","SidebarNewMeter","useMaybeSidebarState","MainSidebarNav","Fragment","navItemClasses","ArrowLeftIcon","MainSidebarRoot","MainSidebarNavLink","MainSidebarNavList","useId","MainSidebarNavSection","MainSidebarNavSeparator","MainSidebarTrigger","MainSidebarMobileTrigger","MainSidebarNavLabel","MainSidebarProvider"],"mappings":"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"}

package/dist/new/sidebar.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/new/sidebar/index'
+export {}

package/dist/new/sidebar.es.js

@@ -0,0 +1,440 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { k as useMainSidebar, u as useMaybeSidebarState, h as MainSidebarNav, n as navItemClasses, d as MainSidebarRoot, c as MainSidebarNavLink, b as MainSidebarNavList, M as MainSidebarNavSection, a as MainSidebarNavSeparator, f as MainSidebarTrigger, i as MainSidebarProvider, g as MainSidebarNavLabel, e as MainSidebarMobileTrigger } from '../main-sidebar-link-active-BK4RR4Az.js';
+export { j as getIsLinkActive } from '../main-sidebar-link-active-BK4RR4Az.js';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+import { c as cn } from '../cn-ByEbywDh.js';
+import React__default, { forwardRef, useId } from 'react';
+import { ArrowLeftIcon } from 'lucide-react';
+
+function SidebarNewBrand({ logo, title, className, ...props }) {
+  const { state } = useMainSidebar();
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "sidebar-new-brand", className: cn("flex min-w-0 flex-1 items-center gap-2", className), ...props, children: [
+    logo ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: logo }) : null,
+    state === "collapsed" ? /* @__PURE__ */ jsx(VisuallyHidden, { children: title }) : /* @__PURE__ */ jsx("span", { className: "text-ui-md text-neutral6 truncate font-sans font-semibold tracking-tight", children: title })
+  ] });
+}
+
+function SidebarNewFooter({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx("footer", { "data-slot": "sidebar-new-footer", className: cn("mt-auto shrink-0", className), ...props, children });
+}
+
+function SidebarNewHeader({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      "data-slot": "sidebar-new-header",
+      className: cn("flex h-header-default shrink-0 items-center gap-2 px-1", className),
+      ...props,
+      children
+    }
+  );
+}
+
+const NOISE = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")`;
+const CARD_HEIGHT = 76;
+const BLOOM_HEIGHT = 100;
+const BLOOM_HOLD_Y = 60;
+const BLOOM_HOLD_X = 22.5;
+const GRAIN_OPACITY = 0.18;
+const GRAIN_SIZE = 110;
+const FALLOFF_RAMP = [0, 0.08, 0.16, 0.25, 0.34, 0.44, 0.55, 0.66, 0.78, 0.89, 1];
+const TONES = {
+  neutral: { colorVar: "--neutral6", peak: 0.08, grain: true, text: "text-neutral4" },
+  warning: {
+    colorVar: "--notice-warning",
+    peak: 0.16,
+    grain: false,
+    text: "text-notice-warning-fg"
+  },
+  danger: {
+    colorVar: "--notice-destructive",
+    peak: 0.16,
+    grain: false,
+    text: "text-notice-destructive-fg"
+  }
+};
+function cubicFalloff(position) {
+  const inverse = 1 - position;
+  return inverse * inverse * inverse;
+}
+function easedBloom(colorVar, peak) {
+  const stops = FALLOFF_RAMP.map((position) => {
+    const alpha = (peak * cubicFalloff(position) * 100).toFixed(2);
+    return `color-mix(in oklch, var(${colorVar}) ${alpha}%, transparent) ${(position * 100).toFixed(0)}%`;
+  });
+  return `linear-gradient(to right, ${stops.join(", ")})`;
+}
+function easedMask(direction, hold) {
+  const stops = FALLOFF_RAMP.map((position) => {
+    const offset = (hold + (100 - hold) * position).toFixed(2);
+    return `rgb(0 0 0 / ${cubicFalloff(position).toFixed(3)}) ${offset}%`;
+  });
+  return `linear-gradient(${direction}, rgb(0 0 0 / 1) 0%, ${stops.join(", ")})`;
+}
+const BLOOM_MASK = `${easedMask("to bottom", BLOOM_HOLD_Y)}, ${easedMask("to right", BLOOM_HOLD_X)}`;
+function Bloom({ tone }) {
+  const current = TONES[tone];
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "sidebar-new-meter-bloom",
+      className: "pointer-events-none absolute inset-x-0 top-0 -z-10",
+      style: {
+        height: BLOOM_HEIGHT,
+        backgroundImage: easedBloom(current.colorVar, current.peak),
+        maskImage: BLOOM_MASK,
+        maskComposite: "intersect"
+      },
+      children: current.grain ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: "absolute inset-0",
+          style: {
+            backgroundImage: NOISE,
+            backgroundRepeat: "repeat",
+            backgroundSize: `${GRAIN_SIZE}px ${GRAIN_SIZE}px`,
+            opacity: GRAIN_OPACITY
+          }
+        }
+      ) : null
+    }
+  );
+}
+const SidebarNewMeter = forwardRef(function SidebarNewMeter2({
+  label,
+  value,
+  status,
+  tone = "neutral",
+  icon,
+  action,
+  href,
+  linkLabel,
+  LinkComponent: LinkProp,
+  state: stateProp,
+  className,
+  ...props
+}, ref) {
+  const ctx = useMaybeSidebarState();
+  const state = stateProp ?? ctx?.state ?? "default";
+  const Link = LinkProp ?? ctx?.LinkComponent ?? "a";
+  const isCollapsed = state === "collapsed";
+  const current = TONES[tone];
+  if (isCollapsed) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "sidebar-new-meter",
+        "data-tone": tone,
+        "data-state": state,
+        className: cn(
+          "relative isolate flex items-center justify-center overflow-hidden rounded-lg border border-border1 bg-surface2 px-1 py-2",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Bloom, { tone }),
+          href ? /* @__PURE__ */ jsx(Link, { href, className: "absolute inset-0 rounded-lg", "aria-label": linkLabel }) : null,
+          /* @__PURE__ */ jsx("span", { className: "text-ui-xs text-neutral3 pointer-events-none relative font-semibold tabular-nums", children: value })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "sidebar-new-meter",
+      "data-tone": tone,
+      "data-state": state,
+      className: cn(
+        "relative isolate flex flex-col justify-center overflow-hidden rounded-lg border border-border1 bg-surface2 px-3",
+        href && "transition-colors hover:bg-surface3",
+        className
+      ),
+      style: { height: CARD_HEIGHT },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Bloom, { tone }),
+        href ? /* @__PURE__ */ jsx(Link, { href, className: "absolute inset-0 rounded-lg", "aria-label": linkLabel }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "pointer-events-none relative", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            tone === "neutral" ? null : icon,
+            /* @__PURE__ */ jsx("span", { className: "text-ui-sm text-neutral3 font-medium", children: label }),
+            action ? /* @__PURE__ */ jsx("span", { className: "pointer-events-auto", children: action }) : null
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-ui-lg text-neutral6 mt-0.5 leading-tight font-semibold tabular-nums", children: value }),
+          status ? /* @__PURE__ */ jsx("div", { className: "text-ui-xs mt-1", children: /* @__PURE__ */ jsx("p", { className: cn("truncate", current.text), children: status }) }) : null
+        ] })
+      ]
+    }
+  );
+});
+
+function SidebarNewNav({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    MainSidebarNav,
+    {
+      className: cn(
+        "-mr-1.5",
+        "[&_[data-orientation=vertical]]:w-1 [&_[data-orientation=vertical]]:p-0",
+        "[&_[data-orientation=vertical][data-has-overflow-y]]:opacity-100",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "pr-1.5", children })
+    }
+  );
+}
+
+function SidebarNewNavHeader({
+  children,
+  className,
+  state: stateProp,
+  href,
+  isActive,
+  LinkComponent: LinkProp,
+  ...props
+}) {
+  const context = useMaybeSidebarState();
+  const state = stateProp ?? context?.state ?? "default";
+  const showTitle = state === "default";
+  const Link = LinkProp ?? context?.LinkComponent ?? "a";
+  return /* @__PURE__ */ jsx("div", { className: cn("mt-2 mb-0.5 flex min-h-8 min-w-0 items-center", className), children: showTitle ? /* @__PURE__ */ jsx(
+    "header",
+    {
+      ...props,
+      className: cn("max-w-full min-w-0 truncate pl-3 text-ui-sm font-medium", {
+        "text-neutral5": isActive,
+        "text-neutral3": !isActive
+      }),
+      children: href ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          href,
+          className: cn("block min-w-0 truncate transition-colors duration-normal", {
+            "hover:text-neutral5": !isActive,
+            "text-neutral5": isActive
+          }),
+          children
+        }
+      ) : children
+    }
+  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("header", { ...props, children }) }),
+    /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "bg-neutral4/40 mx-3 h-px flex-1" })
+  ] }) });
+}
+
+const SidebarNewNavStackContext = React__default.createContext(void 0);
+function useSidebarNewNavStack() {
+  const context = React__default.useContext(SidebarNewNavStackContext);
+  if (!context) throw new Error("SidebarNew.NavStack components must be used within SidebarNew.NavStack.");
+  return context;
+}
+
+function SidebarNewNavStackRoot({
+  value,
+  rootValue = "root",
+  onValueChange,
+  children,
+  className,
+  ...props
+}) {
+  function closeView(returnFocusRef) {
+    onValueChange(rootValue);
+    requestAnimationFrame(() => {
+      const target = returnFocusRef?.current;
+      if (target && !target.closest("[inert]")) target.focus();
+    });
+  }
+  return /* @__PURE__ */ jsx(SidebarNewNavStackContext.Provider, { value: { activeValue: value, rootValue, closeView }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sidebar-new-nav-stack",
+      "data-value": value,
+      className: cn("relative grid min-w-0 overflow-hidden", className),
+      ...props,
+      children
+    }
+  ) });
+}
+
+function sidebarNewNavStackPageClasses(active, page, className) {
+  return cn(
+    "col-start-1 row-start-1 min-w-0 transition-[opacity,translate] duration-normal ease-out-custom will-change-[opacity,translate] motion-reduce:transition-none",
+    active && "relative translate-x-0 opacity-100",
+    !active && "pointer-events-none absolute inset-0 opacity-0",
+    !active && page === "root" && "-translate-x-2",
+    !active && page === "view" && "translate-x-2",
+    className
+  );
+}
+
+function SidebarNewNavStackRootView({ children, className, ...props }) {
+  const { state } = useMainSidebar();
+  const { activeValue, rootValue } = useSidebarNewNavStack();
+  const active = state === "collapsed" || activeValue === rootValue;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      "data-slot": "sidebar-new-nav-stack-root",
+      "aria-hidden": !active,
+      inert: !active,
+      className: sidebarNewNavStackPageClasses(active, "root", className),
+      children
+    }
+  );
+}
+
+function SidebarNewNavStackView({
+  value,
+  title,
+  backLabel = "Back to main navigation",
+  returnFocusRef,
+  onBack,
+  children,
+  className,
+  ...props
+}) {
+  const { state } = useMainSidebar();
+  const { activeValue, closeView } = useSidebarNewNavStack();
+  const active = state !== "collapsed" && activeValue === value;
+  const backRef = React__default.useRef(null);
+  const wasActiveRef = React__default.useRef(active);
+  React__default.useEffect(() => {
+    if (active && !wasActiveRef.current) backRef.current?.focus();
+    wasActiveRef.current = active;
+  }, [active]);
+  function handleBack() {
+    closeView(returnFocusRef);
+    onBack?.();
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...props,
+      "data-slot": "sidebar-new-nav-stack-view",
+      "data-value": value,
+      "aria-hidden": !active,
+      inert: !active,
+      className: sidebarNewNavStackPageClasses(active, "view", className),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            ref: backRef,
+            type: "button",
+            "aria-label": `${backLabel}: ${title}`,
+            onClick: handleBack,
+            className: cn(navItemClasses(), "mb-2 grid grid-cols-[2rem_1fr_2rem] px-1 text-neutral5 hover:text-neutral6"),
+            children: [
+              /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "justify-self-center", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-center", children: title }),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true" })
+            ]
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+
+const SidebarNewNavStack = Object.assign(SidebarNewNavStackRoot, {
+  Root: SidebarNewNavStackRootView,
+  View: SidebarNewNavStackView
+});
+
+function SidebarNewRoot({ "aria-label": ariaLabel = "Sidebar", ...props }) {
+  return /* @__PURE__ */ jsx("aside", { "aria-label": ariaLabel, className: "contents", children: /* @__PURE__ */ jsx(MainSidebarRoot, { ...props }) });
+}
+
+function getSidebarNewLinkKey(link) {
+  return `${link.url}:${link.name}`;
+}
+function SidebarNewSectionLink({ link, activeCandidates, level = 0, isActive }) {
+  const childLinks = link.children ?? [];
+  return /* @__PURE__ */ jsx(
+    MainSidebarNavLink,
+    {
+      link,
+      isActive: isActive?.(link, activeCandidates) ?? link.isActive,
+      level,
+      subItems: childLinks.length > 0 ? /* @__PURE__ */ jsx(MainSidebarNavList, { className: "mt-0.5", children: childLinks.map((child) => /* @__PURE__ */ jsx(
+        SidebarNewSectionLink,
+        {
+          link: child,
+          activeCandidates,
+          level: level + 1,
+          isActive
+        },
+        getSidebarNewLinkKey(child)
+      )) }) : null
+    }
+  );
+}
+
+function getLinkKey(link) {
+  return `${link.url}:${link.name}`;
+}
+function SidebarNewSections({ sections, isActive, className }) {
+  const baseId = useId();
+  return /* @__PURE__ */ jsx(Fragment, { children: sections.map((section) => {
+    const showSeparator = section.links.length > 0 && section.separator;
+    const headerId = section.title ? `${baseId}-${section.key}` : void 0;
+    return /* @__PURE__ */ jsxs(
+      MainSidebarNavSection,
+      {
+        className,
+        "aria-labelledby": headerId,
+        "aria-label": !headerId ? section.key : void 0,
+        children: [
+          showSeparator ? /* @__PURE__ */ jsx(MainSidebarNavSeparator, {}) : null,
+          section.title ? /* @__PURE__ */ jsx(SidebarNewNavHeader, { id: headerId, href: section.href, isActive: section.isHeaderActive, children: section.title }) : null,
+          /* @__PURE__ */ jsx(MainSidebarNavList, { children: section.links.map((link) => /* @__PURE__ */ jsx(
+            SidebarNewSectionLink,
+            {
+              link,
+              activeCandidates: section.links,
+              isActive
+            },
+            getLinkKey(link)
+          )) })
+        ]
+      },
+      section.key
+    );
+  }) });
+}
+
+function SidebarNewTrigger(props) {
+  const context = useMaybeSidebarState();
+  if (context?.isMobile) return null;
+  return /* @__PURE__ */ jsx(MainSidebarTrigger, { ...props });
+}
+
+const SidebarNew = Object.assign(SidebarNewRoot, {
+  Brand: SidebarNewBrand,
+  Footer: SidebarNewFooter,
+  Header: SidebarNewHeader,
+  Meter: SidebarNewMeter,
+  MobileTrigger: MainSidebarMobileTrigger,
+  Nav: SidebarNewNav,
+  NavHeader: SidebarNewNavHeader,
+  NavLabel: MainSidebarNavLabel,
+  NavLink: MainSidebarNavLink,
+  NavList: MainSidebarNavList,
+  NavSection: MainSidebarNavSection,
+  NavSeparator: MainSidebarNavSeparator,
+  NavStack: SidebarNewNavStack,
+  Provider: MainSidebarProvider,
+  Sections: SidebarNewSections,
+  Trigger: SidebarNewTrigger
+});
+
+export { SidebarNew, SidebarNewBrand, SidebarNewFooter, SidebarNewHeader, SidebarNewMeter, SidebarNewNav, SidebarNewNavHeader, SidebarNewNavStack, MainSidebarProvider as SidebarNewProvider, SidebarNewRoot, SidebarNewSections, SidebarNewTrigger, navItemClasses, useMainSidebar as useSidebarNew };
+//# sourceMappingURL=sidebar.es.js.map

package/dist/new/sidebar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.es.js","sources":["../../src/ds/new/sidebar/sidebar-new-brand.tsx","../../src/ds/new/sidebar/sidebar-new-footer.tsx","../../src/ds/new/sidebar/sidebar-new-header.tsx","../../src/ds/new/sidebar/sidebar-new-meter.tsx","../../src/ds/new/sidebar/sidebar-new-nav.tsx","../../src/ds/new/sidebar/sidebar-new-nav-header.tsx","../../src/ds/new/sidebar/sidebar-new-nav-stack-context.ts","../../src/ds/new/sidebar/sidebar-new-nav-stack-root.tsx","../../src/ds/new/sidebar/sidebar-new-nav-stack-page-classes.ts","../../src/ds/new/sidebar/sidebar-new-nav-stack-root-view.tsx","../../src/ds/new/sidebar/sidebar-new-nav-stack-view.tsx","../../src/ds/new/sidebar/sidebar-new-nav-stack.ts","../../src/ds/new/sidebar/sidebar-new-root.tsx","../../src/ds/new/sidebar/sidebar-new-section-link.tsx","../../src/ds/new/sidebar/sidebar-new-sections.tsx","../../src/ds/new/sidebar/sidebar-new-trigger.tsx","../../src/ds/new/sidebar/sidebar-new.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useMainSidebar } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewBrandProps = Omit<ComponentPropsWithoutRef<'div'>, 'title'> & {\n  logo?: ReactNode;\n  title: ReactNode;\n};\n\nexport function SidebarNewBrand({ logo, title, className, ...props }: SidebarNewBrandProps) {\n  const { state } = useMainSidebar();\n\n  return (\n    <div data-slot=\"sidebar-new-brand\" className={cn('flex min-w-0 flex-1 items-center gap-2', className)} {...props}>\n      {logo ? <span className=\"shrink-0\">{logo}</span> : null}\n      {state === 'collapsed' ? (\n        <VisuallyHidden>{title}</VisuallyHidden>\n      ) : (\n        <span className=\"text-ui-md text-neutral6 truncate font-sans font-semibold tracking-tight\">{title}</span>\n      )}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewFooterProps = ComponentPropsWithoutRef<'footer'>;\n\nexport function SidebarNewFooter({ className, children, ...props }: SidebarNewFooterProps) {\n  return (\n    <footer data-slot=\"sidebar-new-footer\" className={cn('mt-auto shrink-0', className)} {...props}>\n      {children}\n    </footer>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewHeaderProps = ComponentPropsWithoutRef<'header'>;\n\nexport function SidebarNewHeader({ className, children, ...props }: SidebarNewHeaderProps) {\n  return (\n    <header\n      data-slot=\"sidebar-new-header\"\n      className={cn('flex h-header-default shrink-0 items-center gap-2 px-1', className)}\n      {...props}\n    >\n      {children}\n    </header>\n  );\n}\n","import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { useMaybeSidebarState } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport type { SidebarState } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewMeterTone = 'neutral' | 'warning' | 'danger';\n\nconst NOISE =\n  \"url(\\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\\\")\";\n\nconst CARD_HEIGHT = 76;\nconst BLOOM_HEIGHT = 100;\nconst BLOOM_HOLD_Y = 60;\nconst BLOOM_HOLD_X = 22.5;\nconst GRAIN_OPACITY = 0.18;\nconst GRAIN_SIZE = 110;\n\nconst FALLOFF_RAMP = [0, 0.08, 0.16, 0.25, 0.34, 0.44, 0.55, 0.66, 0.78, 0.89, 1];\n\nconst TONES = {\n  neutral: { colorVar: '--neutral6', peak: 0.08, grain: true, text: 'text-neutral4' },\n  warning: {\n    colorVar: '--notice-warning',\n    peak: 0.16,\n    grain: false,\n    text: 'text-notice-warning-fg',\n  },\n  danger: {\n    colorVar: '--notice-destructive',\n    peak: 0.16,\n    grain: false,\n    text: 'text-notice-destructive-fg',\n  },\n};\n\nfunction cubicFalloff(position: number) {\n  const inverse = 1 - position;\n  return inverse * inverse * inverse;\n}\n\nfunction easedBloom(colorVar: string, peak: number) {\n  const stops = FALLOFF_RAMP.map(position => {\n    const alpha = (peak * cubicFalloff(position) * 100).toFixed(2);\n    return `color-mix(in oklch, var(${colorVar}) ${alpha}%, transparent) ${(position * 100).toFixed(0)}%`;\n  });\n  return `linear-gradient(to right, ${stops.join(', ')})`;\n}\n\nfunction easedMask(direction: string, hold: number) {\n  const stops = FALLOFF_RAMP.map(position => {\n    const offset = (hold + (100 - hold) * position).toFixed(2);\n    return `rgb(0 0 0 / ${cubicFalloff(position).toFixed(3)}) ${offset}%`;\n  });\n  return `linear-gradient(${direction}, rgb(0 0 0 / 1) 0%, ${stops.join(', ')})`;\n}\n\nconst BLOOM_MASK = `${easedMask('to bottom', BLOOM_HOLD_Y)}, ${easedMask('to right', BLOOM_HOLD_X)}`;\n\nfunction Bloom({ tone }: { tone: SidebarNewMeterTone }) {\n  const current = TONES[tone];\n  return (\n    <span\n      aria-hidden\n      data-slot=\"sidebar-new-meter-bloom\"\n      className=\"pointer-events-none absolute inset-x-0 top-0 -z-10\"\n      style={{\n        height: BLOOM_HEIGHT,\n        backgroundImage: easedBloom(current.colorVar, current.peak),\n        maskImage: BLOOM_MASK,\n        maskComposite: 'intersect',\n      }}\n    >\n      {current.grain ? (\n        <span\n          aria-hidden\n          className=\"absolute inset-0\"\n          style={{\n            backgroundImage: NOISE,\n            backgroundRepeat: 'repeat',\n            backgroundSize: `${GRAIN_SIZE}px ${GRAIN_SIZE}px`,\n            opacity: GRAIN_OPACITY,\n          }}\n        />\n      ) : null}\n    </span>\n  );\n}\n\ninterface SidebarNewMeterBaseProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n  /** Short name for the measured thing, e.g. `Credits`. Hidden on a collapsed rail. */\n  label: ReactNode;\n  /** The figure itself. Rendered with tabular figures so it cannot shift width. */\n  value: ReactNode;\n  /** One line under the value. Truncates; the card height never changes. */\n  status?: ReactNode;\n  /** Drives the bloom hue. `neutral` is the only tone that carries grain. */\n  tone?: SidebarNewMeterTone;\n  /** Leading icon beside the label, shown only when the tone is not neutral. */\n  icon?: ReactNode;\n  /** Trailing control beside the label, kept outside the card link. */\n  action?: ReactNode;\n  /** Overrides the Provider-level LinkComponent. Defaults to `<a>` when neither is set. */\n  LinkComponent?: LinkComponent;\n  /** Defaults to the Provider's state; pass to override. */\n  state?: SidebarState;\n}\n\ntype SidebarNewMeterLinkProps =\n  | {\n      /** Makes the whole card navigate. The link covers the card as an overlay. */\n      href: string;\n      /** Accessible name for the card link. Required whenever `href` is set. */\n      linkLabel: string;\n    }\n  | { href?: never; linkLabel?: never };\n\nexport type SidebarNewMeterProps = SidebarNewMeterBaseProps & SidebarNewMeterLinkProps;\n\nexport const SidebarNewMeter = forwardRef<HTMLDivElement, SidebarNewMeterProps>(function SidebarNewMeter(\n  {\n    label,\n    value,\n    status,\n    tone = 'neutral',\n    icon,\n    action,\n    href,\n    linkLabel,\n    LinkComponent: LinkProp,\n    state: stateProp,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const ctx = useMaybeSidebarState();\n  const state: SidebarState = stateProp ?? ctx?.state ?? 'default';\n  const Link: LinkComponent = LinkProp ?? ctx?.LinkComponent ?? 'a';\n  const isCollapsed = state === 'collapsed';\n  const current = TONES[tone];\n\n  if (isCollapsed) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"sidebar-new-meter\"\n        data-tone={tone}\n        data-state={state}\n        className={cn(\n          'relative isolate flex items-center justify-center overflow-hidden rounded-lg border border-border1 bg-surface2 px-1 py-2',\n          className,\n        )}\n        {...props}\n      >\n        <Bloom tone={tone} />\n        {href ? <Link href={href} className=\"absolute inset-0 rounded-lg\" aria-label={linkLabel} /> : null}\n        <span className=\"text-ui-xs text-neutral3 pointer-events-none relative font-semibold tabular-nums\">\n          {value}\n        </span>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"sidebar-new-meter\"\n      data-tone={tone}\n      data-state={state}\n      className={cn(\n        'relative isolate flex flex-col justify-center overflow-hidden rounded-lg border border-border1 bg-surface2 px-3',\n        href && 'transition-colors hover:bg-surface3',\n        className,\n      )}\n      style={{ height: CARD_HEIGHT }}\n      {...props}\n    >\n      <Bloom tone={tone} />\n      {href ? <Link href={href} className=\"absolute inset-0 rounded-lg\" aria-label={linkLabel} /> : null}\n\n      <div className=\"pointer-events-none relative\">\n        <div className=\"flex items-center gap-1.5\">\n          {tone === 'neutral' ? null : icon}\n          <span className=\"text-ui-sm text-neutral3 font-medium\">{label}</span>\n          {action ? <span className=\"pointer-events-auto\">{action}</span> : null}\n        </div>\n\n        <p className=\"text-ui-lg text-neutral6 mt-0.5 leading-tight font-semibold tabular-nums\">{value}</p>\n\n        {status ? (\n          <div className=\"text-ui-xs mt-1\">\n            <p className={cn('truncate', current.text)}>{status}</p>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n});\n","import type { MainSidebarNavProps } from '@/ds/components/MainSidebar/main-sidebar-nav';\nimport { MainSidebarNav } from '@/ds/components/MainSidebar/main-sidebar-nav';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewNavProps = MainSidebarNavProps;\n\nexport function SidebarNewNav({ children, className, ...props }: SidebarNewNavProps) {\n  return (\n    <MainSidebarNav\n      className={cn(\n        '-mr-1.5',\n        '[&_[data-orientation=vertical]]:w-1 [&_[data-orientation=vertical]]:p-0',\n        '[&_[data-orientation=vertical][data-has-overflow-y]]:opacity-100',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"pr-1.5\">{children}</div>\n    </MainSidebarNav>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport type { SidebarState } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport { useMaybeSidebarState } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewNavHeaderProps = Omit<ComponentPropsWithoutRef<'header'>, 'children'> & {\n  children?: React.ReactNode;\n  state?: SidebarState;\n  href?: string;\n  isActive?: boolean;\n  LinkComponent?: LinkComponent;\n};\n\nexport function SidebarNewNavHeader({\n  children,\n  className,\n  state: stateProp,\n  href,\n  isActive,\n  LinkComponent: LinkProp,\n  ...props\n}: SidebarNewNavHeaderProps) {\n  const context = useMaybeSidebarState();\n  const state = stateProp ?? context?.state ?? 'default';\n  const showTitle = state === 'default';\n  const Link = LinkProp ?? context?.LinkComponent ?? 'a';\n\n  return (\n    <div className={cn('mt-2 mb-0.5 flex min-h-8 min-w-0 items-center', className)}>\n      {showTitle ? (\n        <header\n          {...props}\n          className={cn('max-w-full min-w-0 truncate pl-3 text-ui-sm font-medium', {\n            'text-neutral5': isActive,\n            'text-neutral3': !isActive,\n          })}\n        >\n          {href ? (\n            <Link\n              href={href}\n              className={cn('block min-w-0 truncate transition-colors duration-normal', {\n                'hover:text-neutral5': !isActive,\n                'text-neutral5': isActive,\n              })}\n            >\n              {children}\n            </Link>\n          ) : (\n            children\n          )}\n        </header>\n      ) : (\n        <>\n          <VisuallyHidden asChild>\n            <header {...props}>{children}</header>\n          </VisuallyHidden>\n          <div aria-hidden=\"true\" className=\"bg-neutral4/40 mx-3 h-px flex-1\" />\n        </>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\n\nexport type SidebarNewNavStackContextValue = {\n  activeValue: string;\n  rootValue: string;\n  closeView: (returnFocusRef?: React.RefObject<HTMLElement | null>) => void;\n};\n\nexport const SidebarNewNavStackContext = React.createContext<SidebarNewNavStackContextValue | undefined>(undefined);\n\nexport function useSidebarNewNavStack() {\n  const context = React.useContext(SidebarNewNavStackContext);\n  if (!context) throw new Error('SidebarNew.NavStack components must be used within SidebarNew.NavStack.');\n  return context;\n}\n","import React from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { SidebarNewNavStackContext } from './sidebar-new-nav-stack-context';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewNavStackProps = ComponentPropsWithoutRef<'div'> & {\n  value: string;\n  rootValue?: string;\n  onValueChange: (value: string) => void;\n};\n\nexport function SidebarNewNavStackRoot({\n  value,\n  rootValue = 'root',\n  onValueChange,\n  children,\n  className,\n  ...props\n}: SidebarNewNavStackProps) {\n  function closeView(returnFocusRef?: React.RefObject<HTMLElement | null>) {\n    onValueChange(rootValue);\n    requestAnimationFrame(() => {\n      const target = returnFocusRef?.current;\n      if (target && !target.closest('[inert]')) target.focus();\n    });\n  }\n\n  return (\n    <SidebarNewNavStackContext.Provider value={{ activeValue: value, rootValue, closeView }}>\n      <div\n        data-slot=\"sidebar-new-nav-stack\"\n        data-value={value}\n        className={cn('relative grid min-w-0 overflow-hidden', className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarNewNavStackContext.Provider>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport function sidebarNewNavStackPageClasses(active: boolean, page: 'root' | 'view', className?: string) {\n  return cn(\n    'col-start-1 row-start-1 min-w-0 transition-[opacity,translate] duration-normal ease-out-custom will-change-[opacity,translate] motion-reduce:transition-none',\n    active && 'relative translate-x-0 opacity-100',\n    !active && 'pointer-events-none absolute inset-0 opacity-0',\n    !active && page === 'root' && '-translate-x-2',\n    !active && page === 'view' && 'translate-x-2',\n    className,\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { useSidebarNewNavStack } from './sidebar-new-nav-stack-context';\nimport { sidebarNewNavStackPageClasses } from './sidebar-new-nav-stack-page-classes';\nimport { useMainSidebar } from '@/ds/components/MainSidebar/main-sidebar-context';\n\nexport type SidebarNewNavStackRootViewProps = ComponentPropsWithoutRef<'div'>;\n\nexport function SidebarNewNavStackRootView({ children, className, ...props }: SidebarNewNavStackRootViewProps) {\n  const { state } = useMainSidebar();\n  const { activeValue, rootValue } = useSidebarNewNavStack();\n  const active = state === 'collapsed' || activeValue === rootValue;\n\n  return (\n    <div\n      {...props}\n      data-slot=\"sidebar-new-nav-stack-root\"\n      aria-hidden={!active}\n      inert={!active}\n      className={sidebarNewNavStackPageClasses(active, 'root', className)}\n    >\n      {children}\n    </div>\n  );\n}\n","import { ArrowLeftIcon } from 'lucide-react';\nimport React from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useSidebarNewNavStack } from './sidebar-new-nav-stack-context';\nimport { sidebarNewNavStackPageClasses } from './sidebar-new-nav-stack-page-classes';\nimport { useMainSidebar } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport { navItemClasses } from '@/ds/components/MainSidebar/main-sidebar-nav-item-classes';\nimport { cn } from '@/lib/utils';\n\nexport type SidebarNewNavStackViewProps = ComponentPropsWithoutRef<'div'> & {\n  value: string;\n  title: string;\n  backLabel?: string;\n  returnFocusRef?: React.RefObject<HTMLElement | null>;\n  onBack?: () => void;\n};\n\nexport function SidebarNewNavStackView({\n  value,\n  title,\n  backLabel = 'Back to main navigation',\n  returnFocusRef,\n  onBack,\n  children,\n  className,\n  ...props\n}: SidebarNewNavStackViewProps) {\n  const { state } = useMainSidebar();\n  const { activeValue, closeView } = useSidebarNewNavStack();\n  const active = state !== 'collapsed' && activeValue === value;\n  const backRef = React.useRef<HTMLButtonElement>(null);\n  const wasActiveRef = React.useRef(active);\n\n  React.useEffect(() => {\n    if (active && !wasActiveRef.current) backRef.current?.focus();\n    wasActiveRef.current = active;\n  }, [active]);\n\n  function handleBack() {\n    closeView(returnFocusRef);\n    onBack?.();\n  }\n\n  return (\n    <div\n      {...props}\n      data-slot=\"sidebar-new-nav-stack-view\"\n      data-value={value}\n      aria-hidden={!active}\n      inert={!active}\n      className={sidebarNewNavStackPageClasses(active, 'view', className)}\n    >\n      <button\n        ref={backRef}\n        type=\"button\"\n        aria-label={`${backLabel}: ${title}`}\n        onClick={handleBack}\n        className={cn(navItemClasses(), 'mb-2 grid grid-cols-[2rem_1fr_2rem] px-1 text-neutral5 hover:text-neutral6')}\n      >\n        <ArrowLeftIcon className=\"justify-self-center\" aria-hidden=\"true\" />\n        <span className=\"min-w-0 truncate text-center\">{title}</span>\n        <span aria-hidden=\"true\" />\n      </button>\n      {children}\n    </div>\n  );\n}\n","import { SidebarNewNavStackRoot } from './sidebar-new-nav-stack-root';\nimport { SidebarNewNavStackRootView } from './sidebar-new-nav-stack-root-view';\nimport { SidebarNewNavStackView } from './sidebar-new-nav-stack-view';\n\nexport type { SidebarNewNavStackProps } from './sidebar-new-nav-stack-root';\nexport type { SidebarNewNavStackRootViewProps } from './sidebar-new-nav-stack-root-view';\nexport type { SidebarNewNavStackViewProps } from './sidebar-new-nav-stack-view';\n\nexport const SidebarNewNavStack = Object.assign(SidebarNewNavStackRoot, {\n  Root: SidebarNewNavStackRootView,\n  View: SidebarNewNavStackView,\n});\n","import type { MainSidebarRootProps } from '@/ds/components/MainSidebar/main-sidebar-root';\nimport { MainSidebarRoot } from '@/ds/components/MainSidebar/main-sidebar-root';\n\nexport type SidebarNewRootProps = MainSidebarRootProps & {\n  'aria-label'?: string;\n};\n\nexport function SidebarNewRoot({ 'aria-label': ariaLabel = 'Sidebar', ...props }: SidebarNewRootProps) {\n  return (\n    <aside aria-label={ariaLabel} className=\"contents\">\n      <MainSidebarRoot {...props} />\n    </aside>\n  );\n}\n","import type { NavLink } from '@/ds/components/MainSidebar/main-sidebar-nav-link';\nimport { MainSidebarNavLink } from '@/ds/components/MainSidebar/main-sidebar-nav-link';\nimport { MainSidebarNavList } from '@/ds/components/MainSidebar/main-sidebar-nav-list';\n\nexport type SidebarNewSectionLinkProps = {\n  link: NavLink;\n  activeCandidates: NavLink[];\n  level?: number;\n  isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;\n};\n\nfunction getSidebarNewLinkKey(link: NavLink) {\n  return `${link.url}:${link.name}`;\n}\n\nexport function SidebarNewSectionLink({ link, activeCandidates, level = 0, isActive }: SidebarNewSectionLinkProps) {\n  const childLinks = link.children ?? [];\n\n  return (\n    <MainSidebarNavLink\n      link={link}\n      isActive={isActive?.(link, activeCandidates) ?? link.isActive}\n      level={level}\n      subItems={\n        childLinks.length > 0 ? (\n          <MainSidebarNavList className=\"mt-0.5\">\n            {childLinks.map(child => (\n              <SidebarNewSectionLink\n                key={getSidebarNewLinkKey(child)}\n                link={child}\n                activeCandidates={activeCandidates}\n                level={level + 1}\n                isActive={isActive}\n              />\n            ))}\n          </MainSidebarNavList>\n        ) : null\n      }\n    />\n  );\n}\n","import { useId } from 'react';\nimport { SidebarNewNavHeader } from './sidebar-new-nav-header';\nimport { SidebarNewSectionLink } from './sidebar-new-section-link';\nimport type { NavLink } from '@/ds/components/MainSidebar/main-sidebar-nav-link';\nimport { MainSidebarNavList } from '@/ds/components/MainSidebar/main-sidebar-nav-list';\nimport type { NavSection } from '@/ds/components/MainSidebar/main-sidebar-nav-section';\nimport { MainSidebarNavSection } from '@/ds/components/MainSidebar/main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from '@/ds/components/MainSidebar/main-sidebar-nav-separator';\n\nexport type SidebarNewSectionsProps = {\n  sections: NavSection[];\n  isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;\n  className?: string;\n};\n\nfunction getLinkKey(link: NavLink) {\n  return `${link.url}:${link.name}`;\n}\n\nexport function SidebarNewSections({ sections, isActive, className }: SidebarNewSectionsProps) {\n  const baseId = useId();\n\n  return (\n    <>\n      {sections.map(section => {\n        const showSeparator = section.links.length > 0 && section.separator;\n        const headerId = section.title ? `${baseId}-${section.key}` : undefined;\n\n        return (\n          <MainSidebarNavSection\n            key={section.key}\n            className={className}\n            aria-labelledby={headerId}\n            aria-label={!headerId ? section.key : undefined}\n          >\n            {showSeparator ? <MainSidebarNavSeparator /> : null}\n            {section.title ? (\n              <SidebarNewNavHeader id={headerId} href={section.href} isActive={section.isHeaderActive}>\n                {section.title}\n              </SidebarNewNavHeader>\n            ) : null}\n            <MainSidebarNavList>\n              {section.links.map(link => (\n                <SidebarNewSectionLink\n                  key={getLinkKey(link)}\n                  link={link}\n                  activeCandidates={section.links}\n                  isActive={isActive}\n                />\n              ))}\n            </MainSidebarNavList>\n          </MainSidebarNavSection>\n        );\n      })}\n    </>\n  );\n}\n","import { useMaybeSidebarState } from '@/ds/components/MainSidebar/main-sidebar-context';\nimport type { MainSidebarTriggerProps } from '@/ds/components/MainSidebar/main-sidebar-trigger';\nimport { MainSidebarTrigger } from '@/ds/components/MainSidebar/main-sidebar-trigger';\n\nexport type SidebarNewTriggerProps = MainSidebarTriggerProps;\n\nexport function SidebarNewTrigger(props: SidebarNewTriggerProps) {\n  const context = useMaybeSidebarState();\n  if (context?.isMobile) return null;\n  return <MainSidebarTrigger {...props} />;\n}\n","import { SidebarNewBrand } from './sidebar-new-brand';\nimport { SidebarNewFooter } from './sidebar-new-footer';\nimport { SidebarNewHeader } from './sidebar-new-header';\nimport { SidebarNewMeter } from './sidebar-new-meter';\nimport { SidebarNewNav } from './sidebar-new-nav';\nimport { SidebarNewNavHeader } from './sidebar-new-nav-header';\nimport { SidebarNewNavStack } from './sidebar-new-nav-stack';\nimport { SidebarNewRoot } from './sidebar-new-root';\nimport { SidebarNewSections } from './sidebar-new-sections';\nimport { SidebarNewTrigger } from './sidebar-new-trigger';\nimport { MainSidebarMobileTrigger } from '@/ds/components/MainSidebar/main-sidebar-mobile-trigger';\nimport { MainSidebarNavLabel } from '@/ds/components/MainSidebar/main-sidebar-nav-label';\nimport { MainSidebarNavLink } from '@/ds/components/MainSidebar/main-sidebar-nav-link';\nimport { MainSidebarNavList } from '@/ds/components/MainSidebar/main-sidebar-nav-list';\nimport { MainSidebarNavSection } from '@/ds/components/MainSidebar/main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from '@/ds/components/MainSidebar/main-sidebar-nav-separator';\nimport { MainSidebarProvider } from '@/ds/components/MainSidebar/main-sidebar-provider';\n\nexport const SidebarNew = Object.assign(SidebarNewRoot, {\n  Brand: SidebarNewBrand,\n  Footer: SidebarNewFooter,\n  Header: SidebarNewHeader,\n  Meter: SidebarNewMeter,\n  MobileTrigger: MainSidebarMobileTrigger,\n  Nav: SidebarNewNav,\n  NavHeader: SidebarNewNavHeader,\n  NavLabel: MainSidebarNavLabel,\n  NavLink: MainSidebarNavLink,\n  NavList: MainSidebarNavList,\n  NavSection: MainSidebarNavSection,\n  NavSeparator: MainSidebarNavSeparator,\n  NavStack: SidebarNewNavStack,\n  Provider: MainSidebarProvider,\n  Sections: SidebarNewSections,\n  Trigger: SidebarNewTrigger,\n});\n"],"names":["SidebarNewMeter","React"],"mappings":"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"}

package/dist/src/ds/components/DataPanel/data-panel-close-button.d.ts

@@ -1,6 +1,8 @@
+import { ButtonProps } from '../Button';
 export interface DataPanelCloseButtonProps {
     onClick: () => void;
     tooltip?: string;
     className?: string;
+    variant?: ButtonProps['variant'];
 }
-export declare function DataPanelCloseButton({ onClick, tooltip, className }: DataPanelCloseButtonProps): import("react").JSX.Element;
+export declare function DataPanelCloseButton({ onClick, tooltip, className, variant, }: DataPanelCloseButtonProps): import("react").JSX.Element;