@mastra/playground-ui 56.0.0-alpha.9 → 56.0.0

package/dist/components/MainHeader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainHeader.es.js","sources":["../../src/ds/components/MainHeader/main-header-column.tsx","../../src/ds/components/MainHeader/main-header-description.tsx","../../src/ds/components/MainHeader/main-header-root.tsx","../../src/ds/components/MainHeader/main-header-title.tsx","../../src/ds/components/MainHeader/main-header.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type MainHeaderColumnProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function MainHeaderColumn({ children, className }: MainHeaderColumnProps) {\n  return <div className={cn('grid content-start', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type MainHeaderDescriptionProps = {\n  children?: React.ReactNode;\n  isLoading?: boolean;\n};\n\nexport function MainHeaderDescription({ children, isLoading }: MainHeaderDescriptionProps) {\n  return (\n    <p\n      className={cn('max-w-140 mt-1 ml-1 flex flex-wrap gap-x-4 gap-y-1 text-ui-sm text-neutral3 first-of-type:mt-3', {\n        'bg-surface4 w-[40rem] max-w-[80%] rounded-md animate-pulse': isLoading,\n      })}\n    >\n      {isLoading ? <>&nbsp;</> : <>{children}</>}\n    </p>\n  );\n}\n","import React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface MainHeaderRootProps {\n  children?: React.ReactNode;\n  title?: string | 'loading';\n  description?: string | 'loading';\n  icon?: React.ReactNode;\n  withMargins?: boolean;\n  className?: string;\n}\n\nexport function MainHeaderRoot({\n  children,\n  title,\n  description,\n  icon,\n  className,\n  withMargins = true,\n}: MainHeaderRootProps) {\n  const titleIsLoading = title === 'loading';\n  const descriptionIsLoading = description === 'loading';\n\n  return children ? (\n    <header\n      className={cn(\n        'grid w-full grid-cols-[1fr_auto] gap-8',\n        {\n          'mt-6 mb-4': withMargins,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  ) : (\n    <header className={cn('grid gap-1 py-3', className)}>\n      <h1\n        className={cn(\n          'flex items-center gap-2 text-header-md font-normal text-neutral6',\n          '[&>svg]:size-6 [&>svg]:text-neutral3',\n          {\n            'bg-surface4 w-60 max-w-[50%] rounded-md animate-pulse': titleIsLoading,\n          },\n        )}\n      >\n        {titleIsLoading ? (\n          <>&nbsp;</>\n        ) : (\n          <>\n            {icon && icon} {title}\n          </>\n        )}\n      </h1>\n      {description && (\n        <p\n          className={cn('m-0 text-ui-sm text-neutral4', {\n            'bg-surface4 w-[40rem] max-w-[80%] rounded-md animate-pulse': descriptionIsLoading,\n          })}\n        >\n          {descriptionIsLoading ? <>&nbsp;</> : description}\n        </p>\n      )}\n    </header>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type MainHeaderTitleProps = {\n  children?: React.ReactNode;\n  isLoading?: boolean;\n  size?: 'default' | 'smaller';\n};\n\nexport function MainHeaderTitle({ children, isLoading, size = 'default' }: MainHeaderTitleProps) {\n  return (\n    <h1\n      className={cn(\n        'flex items-center gap-2 text-header-md font-normal text-neutral5',\n        '[&>svg]:size-[1.25em] [&>svg]:opacity-50',\n        {\n          'bg-surface4 w-60 max-w-[50%] rounded-md animate-pulse': isLoading,\n          'text-ui-md': size === 'smaller',\n        },\n      )}\n    >\n      {isLoading ? <>&nbsp;</> : <>{children}</>}\n    </h1>\n  );\n}\n","import { MainHeaderColumn } from './main-header-column';\nimport { MainHeaderDescription } from './main-header-description';\nimport { MainHeaderRoot } from './main-header-root';\nimport { MainHeaderTitle } from './main-header-title';\n\nexport { type MainHeaderRootProps } from './main-header-root';\nexport { type MainHeaderTitleProps } from './main-header-title';\nexport { type MainHeaderDescriptionProps } from './main-header-description';\nexport { type MainHeaderColumnProps } from './main-header-column';\n\nexport const MainHeader = Object.assign(MainHeaderRoot, {\n  Title: MainHeaderTitle,\n  Description: MainHeaderDescription,\n  Column: MainHeaderColumn,\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MainHeader.es.js","sources":["../../src/ds/components/MainHeader/main-header-column.tsx","../../src/ds/components/MainHeader/main-header-description.tsx","../../src/ds/components/MainHeader/main-header-root.tsx","../../src/ds/components/MainHeader/main-header-title.tsx","../../src/ds/components/MainHeader/main-header.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type MainHeaderColumnProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function MainHeaderColumn({ children, className }: MainHeaderColumnProps) {\n  return <div className={cn('grid content-start', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type MainHeaderDescriptionProps = {\n  children?: React.ReactNode;\n  isLoading?: boolean;\n};\n\nexport function MainHeaderDescription({ children, isLoading }: MainHeaderDescriptionProps) {\n  return (\n    <p\n      className={cn(\n        'max-w-140 mt-1 ml-1 flex flex-wrap gap-x-4 gap-y-1 first-of-type:mt-3',\n        'text-caption text-muted-foreground',\n        {\n          'w-[40rem] max-w-[80%] animate-pulse rounded-md bg-fill': isLoading,\n        },\n      )}\n    >\n      {isLoading ? <>&nbsp;</> : <>{children}</>}\n    </p>\n  );\n}\n","import React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface MainHeaderRootProps {\n  children?: React.ReactNode;\n  title?: string | 'loading';\n  description?: string | 'loading';\n  icon?: React.ReactNode;\n  withMargins?: boolean;\n  className?: string;\n}\n\nexport function MainHeaderRoot({\n  children,\n  title,\n  description,\n  icon,\n  className,\n  withMargins = true,\n}: MainHeaderRootProps) {\n  const titleIsLoading = title === 'loading';\n  const descriptionIsLoading = description === 'loading';\n\n  return children ? (\n    <header\n      className={cn(\n        'grid w-full grid-cols-[1fr_auto] gap-8',\n        {\n          'mt-6 mb-4': withMargins,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  ) : (\n    <header className={cn('grid gap-1 py-3', className)}>\n      <h1\n        className={cn(\n          'flex items-center gap-2 text-heading text-foreground',\n          '[&>svg]:size-6 [&>svg]:text-muted-foreground',\n          {\n            'bg-muted w-60 max-w-[50%] rounded-md animate-pulse': titleIsLoading,\n          },\n        )}\n      >\n        {titleIsLoading ? (\n          <>&nbsp;</>\n        ) : (\n          <>\n            {icon && icon} {title}\n          </>\n        )}\n      </h1>\n      {description && (\n        <p\n          className={cn('m-0 text-caption text-muted-foreground', {\n            'bg-muted w-[40rem] max-w-[80%] rounded-md animate-pulse': descriptionIsLoading,\n          })}\n        >\n          {descriptionIsLoading ? <>&nbsp;</> : description}\n        </p>\n      )}\n    </header>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type MainHeaderTitleProps = {\n  children?: React.ReactNode;\n  isLoading?: boolean;\n};\n\nexport function MainHeaderTitle({ children, isLoading }: MainHeaderTitleProps) {\n  return (\n    <h1\n      className={cn(\n        'flex items-center gap-2',\n        'text-heading text-foreground',\n        '[&>svg]:size-[1.25em] [&>svg]:opacity-50',\n        isLoading && 'w-60 max-w-[50%] animate-pulse rounded-md bg-fill',\n      )}\n    >\n      {isLoading ? <>&nbsp;</> : children}\n    </h1>\n  );\n}\n","import { MainHeaderColumn } from './main-header-column';\nimport { MainHeaderDescription } from './main-header-description';\nimport { MainHeaderRoot } from './main-header-root';\nimport { MainHeaderTitle } from './main-header-title';\n\nexport { type MainHeaderRootProps } from './main-header-root';\nexport { type MainHeaderTitleProps } from './main-header-title';\nexport { type MainHeaderDescriptionProps } from './main-header-description';\nexport { type MainHeaderColumnProps } from './main-header-column';\n\nexport const MainHeader = Object.assign(MainHeaderRoot, {\n  Title: MainHeaderTitle,\n  Description: MainHeaderDescription,\n  Column: MainHeaderColumn,\n});\n"],"names":[],"mappings":";;;AAOO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA0B;AAC/E,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,oBAAA,EAAsB,SAAS,GAAI,QAAA,EAAS,CAAA;AACxE;;ACFO,SAAS,qBAAA,CAAsB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA+B;AACzF,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,uEAAA;AAAA,QACA,oCAAA;AAAA,QACA;AAAA,UACE,wDAAA,EAA0D;AAAA;AAC5D,OACF;AAAA,MAEC,QAAA,EAAA,SAAA,mBAAY,GAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA,GAAA,EAAM,CAAA,mCAAS,QAAA,EAAS;AAAA;AAAA,GACzC;AAEJ;;ACTO,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAAwB;AACtB,EAAA,MAAM,iBAAiB,KAAA,KAAU,SAAA;AACjC,EAAA,MAAM,uBAAuB,WAAA,KAAgB,SAAA;AAE7C,EAAA,OAAO,QAAA,mBACL,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,wCAAA;AAAA,QACA;AAAA,UACE,WAAA,EAAa;AAAA,SACf;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,sBAGH,IAAA,CAAC,QAAA,EAAA,EAAO,WAAW,EAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA,EAChD,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,sDAAA;AAAA,UACA,8CAAA;AAAA,UACA;AAAA,YACE,oDAAA,EAAsD;AAAA;AACxD,SACF;AAAA,QAEC,QAAA,EAAA,cAAA,mBACC,GAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA,GAAA,EAAM,CAAA,mBAER,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,IAAA,IAAQ,IAAA;AAAA,UAAK,GAAA;AAAA,UAAE;AAAA,SAAA,EAClB;AAAA;AAAA,KAEJ;AAAA,IACC,WAAA,oBACC,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,wCAAA,EAA0C;AAAA,UACtD,yDAAA,EAA2D;AAAA,SAC5D,CAAA;AAAA,QAEA,QAAA,EAAA,oBAAA,mBAAuB,GAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA,GAAA,EAAM,CAAA,GAAM;AAAA;AAAA;AACxC,GAAA,EAEJ,CAAA;AAEJ;;AC1DO,SAAS,eAAA,CAAgB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAyB;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,yBAAA;AAAA,QACA,8BAAA;AAAA,QACA,0CAAA;AAAA,QACA,SAAA,IAAa;AAAA,OACf;AAAA,MAEC,QAAA,EAAA,SAAA,mBAAY,GAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA,GAAA,EAAM,CAAA,GAAM;AAAA;AAAA,GAC7B;AAEJ;;ACVO,MAAM,UAAA,GAAa,MAAA,CAAO,MAAA,CAAO,cAAA,EAAgB;AAAA,EACtD,KAAA,EAAO,eAAA;AAAA,EACP,WAAA,EAAa,qBAAA;AAAA,EACb,MAAA,EAAQ;AACV,CAAC;;;;"}

package/dist/components/MainSidebar.cjs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
-const mainSidebarLinkActive = require('../main-sidebar-link-active-Bzw7LY7r.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
+const mainSidebarLinkActive = require('../main-sidebar-link-active-DbCvKZy2.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 const React = require('react');
 
@@ -30,7 +30,7 @@ function MainSidebarNavHeader({
     "header",
     {
       ...props,
-      className: utils_cn.cn("max-w-full min-w-0 truncate pl-3 text-ui-sm font-medium", {
+      className: utils_cn.cn("max-w-full min-w-0 truncate pl-3 text-column", {
         "text-foreground": isActive,
         "text-muted-foreground/70": !isActive
       }),

package/dist/components/MainSidebar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainSidebar.cjs.js","sources":["../../src/ds/components/MainSidebar/main-sidebar-bottom.tsx","../../src/ds/components/MainSidebar/main-sidebar-nav-header.tsx","../../src/ds/components/MainSidebar/main-sidebar-sections.tsx","../../src/ds/components/MainSidebar/main-sidebar.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarBottomProps = ComponentPropsWithoutRef<'div'>;\n\nexport function MainSidebarBottom({ className, children, ...props }: MainSidebarBottomProps) {\n  return (\n    <div className={cn('mt-auto', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport type { SidebarState } from './main-sidebar-context';\nimport { useMaybeSidebarState } from './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 MainSidebarNavHeaderProps = Omit<ComponentPropsWithoutRef<'header'>, 'children'> & {\n  children?: React.ReactNode;\n  state?: SidebarState;\n  href?: string;\n  isActive?: boolean;\n  LinkComponent?: LinkComponent;\n};\nexport function MainSidebarNavHeader({\n  children,\n  className,\n  state: stateProp,\n  href,\n  isActive,\n  LinkComponent: LinkProp,\n  ...props\n}: MainSidebarNavHeaderProps) {\n  const ctx = useMaybeSidebarState();\n  const state: SidebarState = stateProp ?? ctx?.state ?? 'default';\n  const isMobile = ctx?.isMobile ?? false;\n  const Link: LinkComponent = LinkProp ?? ctx?.LinkComponent ?? 'a';\n  const showTitle = state === 'default' && !isMobile;\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-foreground': isActive,\n            'text-muted-foreground/70': !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-foreground': !isActive,\n                'text-foreground': 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-border mx-3 h-px flex-1\" />\n        </>\n      )}\n    </div>\n  );\n}\n","import { useId } from 'react';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport type { NavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport type { NavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\n\nexport type MainSidebarSectionsProps = {\n  sections: NavSection[];\n  /**\n   * Called per link to decide the active state. Receives the section's links so\n   * callers can use section-aware active logic without re-scanning `sections`\n   * from the outside. Default: each link's `isActive`.\n   */\n  isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;\n  className?: string;\n};\n\ntype MainSidebarSectionLinkProps = {\n  link: NavLink;\n  activeCandidates: NavLink[];\n  level?: number;\n  isActive?: MainSidebarSectionsProps['isActive'];\n};\n\nfunction getLinkKey(link: NavLink) {\n  return `${link.url}:${link.name}`;\n}\n\nfunction MainSidebarSectionLink({ link, activeCandidates, level = 0, isActive }: MainSidebarSectionLinkProps) {\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              <MainSidebarSectionLink\n                key={getLinkKey(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\nexport function MainSidebarSections({ sections, isActive, className }: MainSidebarSectionsProps) {\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        return (\n          <MainSidebarNavSection\n            key={section.key}\n            className={className}\n            aria-labelledby={headerId}\n            aria-label={!headerId ? section.key : undefined}\n          >\n            {/* Render separator and header independently — a section can have\n                both (titled group preceded by a divider). */}\n            {showSeparator ? <MainSidebarNavSeparator /> : null}\n            {section.title ? (\n              <MainSidebarNavHeader id={headerId} href={section.href} isActive={section.isHeaderActive}>\n                {section.title}\n              </MainSidebarNavHeader>\n            ) : null}\n            <MainSidebarNavList>\n              {section.links.map(link => (\n                <MainSidebarSectionLink\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 { MainSidebarBottom } from './main-sidebar-bottom';\nimport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nimport { MainSidebarNav } from './main-sidebar-nav';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLabel } from './main-sidebar-nav-label';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\nimport { MainSidebarRoot } from './main-sidebar-root';\nimport { MainSidebarSections } from './main-sidebar-sections';\nimport { MainSidebarTrigger } from './main-sidebar-trigger';\n\nexport type { MainSidebarStateContextValue, MobileDrawerContextValue, SidebarState } from './main-sidebar-context';\nexport { useMainSidebar, useMaybeSidebar, useMaybeSidebarState, useMobileDrawer } from './main-sidebar-context';\nexport { MainSidebarProvider, type MainSidebarProviderProps } from './main-sidebar-provider';\nexport { navItemClasses } from './main-sidebar-nav-item-classes';\nexport { type MainSidebarNavItemSize } from './main-sidebar-nav-item-classes';\nexport { type NavLink } from './main-sidebar-nav-link';\nexport { type NavSection } from './main-sidebar-nav-section';\nexport { MainSidebarTrigger } from './main-sidebar-trigger';\nexport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nexport { getIsLinkActive } from './main-sidebar-link-active';\n\nexport const MainSidebar = Object.assign(MainSidebarRoot, {\n  Bottom: MainSidebarBottom,\n  Nav: MainSidebarNav,\n  NavSection: MainSidebarNavSection,\n  NavLink: MainSidebarNavLink,\n  NavLabel: MainSidebarNavLabel,\n  NavHeader: MainSidebarNavHeader,\n  NavList: MainSidebarNavList,\n  NavSeparator: MainSidebarNavSeparator,\n  Sections: MainSidebarSections,\n  Trigger: MainSidebarTrigger,\n  MobileTrigger: MainSidebarMobileTrigger,\n});\n"],"names":["jsx","cn","useMaybeSidebarState","jsxs","Fragment","VisuallyHidden","MainSidebarNavLink","MainSidebarNavList","useId","MainSidebarNavSection","MainSidebarNavSeparator","MainSidebarRoot","MainSidebarNav","MainSidebarNavLabel","MainSidebarTrigger","MainSidebarMobileTrigger"],"mappings":"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"}
+{"version":3,"file":"MainSidebar.cjs.js","sources":["../../src/ds/components/MainSidebar/main-sidebar-bottom.tsx","../../src/ds/components/MainSidebar/main-sidebar-nav-header.tsx","../../src/ds/components/MainSidebar/main-sidebar-sections.tsx","../../src/ds/components/MainSidebar/main-sidebar.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarBottomProps = ComponentPropsWithoutRef<'div'>;\n\nexport function MainSidebarBottom({ className, children, ...props }: MainSidebarBottomProps) {\n  return (\n    <div className={cn('mt-auto', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport type { SidebarState } from './main-sidebar-context';\nimport { useMaybeSidebarState } from './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 MainSidebarNavHeaderProps = Omit<ComponentPropsWithoutRef<'header'>, 'children'> & {\n  children?: React.ReactNode;\n  state?: SidebarState;\n  href?: string;\n  isActive?: boolean;\n  LinkComponent?: LinkComponent;\n};\nexport function MainSidebarNavHeader({\n  children,\n  className,\n  state: stateProp,\n  href,\n  isActive,\n  LinkComponent: LinkProp,\n  ...props\n}: MainSidebarNavHeaderProps) {\n  const ctx = useMaybeSidebarState();\n  const state: SidebarState = stateProp ?? ctx?.state ?? 'default';\n  const isMobile = ctx?.isMobile ?? false;\n  const Link: LinkComponent = LinkProp ?? ctx?.LinkComponent ?? 'a';\n  const showTitle = state === 'default' && !isMobile;\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-column', {\n            'text-foreground': isActive,\n            'text-muted-foreground/70': !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-foreground': !isActive,\n                'text-foreground': 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-border mx-3 h-px flex-1\" />\n        </>\n      )}\n    </div>\n  );\n}\n","import { useId } from 'react';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport type { NavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport type { NavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\n\nexport type MainSidebarSectionsProps = {\n  sections: NavSection[];\n  /**\n   * Called per link to decide the active state. Receives the section's links so\n   * callers can use section-aware active logic without re-scanning `sections`\n   * from the outside. Default: each link's `isActive`.\n   */\n  isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;\n  className?: string;\n};\n\ntype MainSidebarSectionLinkProps = {\n  link: NavLink;\n  activeCandidates: NavLink[];\n  level?: number;\n  isActive?: MainSidebarSectionsProps['isActive'];\n};\n\nfunction getLinkKey(link: NavLink) {\n  return `${link.url}:${link.name}`;\n}\n\nfunction MainSidebarSectionLink({ link, activeCandidates, level = 0, isActive }: MainSidebarSectionLinkProps) {\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              <MainSidebarSectionLink\n                key={getLinkKey(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\nexport function MainSidebarSections({ sections, isActive, className }: MainSidebarSectionsProps) {\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        return (\n          <MainSidebarNavSection\n            key={section.key}\n            className={className}\n            aria-labelledby={headerId}\n            aria-label={!headerId ? section.key : undefined}\n          >\n            {/* Render separator and header independently — a section can have\n                both (titled group preceded by a divider). */}\n            {showSeparator ? <MainSidebarNavSeparator /> : null}\n            {section.title ? (\n              <MainSidebarNavHeader id={headerId} href={section.href} isActive={section.isHeaderActive}>\n                {section.title}\n              </MainSidebarNavHeader>\n            ) : null}\n            <MainSidebarNavList>\n              {section.links.map(link => (\n                <MainSidebarSectionLink\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 { MainSidebarBottom } from './main-sidebar-bottom';\nimport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nimport { MainSidebarNav } from './main-sidebar-nav';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLabel } from './main-sidebar-nav-label';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\nimport { MainSidebarRoot } from './main-sidebar-root';\nimport { MainSidebarSections } from './main-sidebar-sections';\nimport { MainSidebarTrigger } from './main-sidebar-trigger';\n\nexport type { MainSidebarStateContextValue, MobileDrawerContextValue, SidebarState } from './main-sidebar-context';\nexport { useMainSidebar, useMaybeSidebar, useMaybeSidebarState, useMobileDrawer } from './main-sidebar-context';\nexport { MainSidebarProvider, type MainSidebarProviderProps } from './main-sidebar-provider';\nexport { navItemClasses } from './main-sidebar-nav-item-classes';\nexport { type MainSidebarNavItemSize } from './main-sidebar-nav-item-classes';\nexport { type NavLink } from './main-sidebar-nav-link';\nexport { type NavSection } from './main-sidebar-nav-section';\nexport { MainSidebarTrigger } from './main-sidebar-trigger';\nexport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nexport { getIsLinkActive } from './main-sidebar-link-active';\n\nexport const MainSidebar = Object.assign(MainSidebarRoot, {\n  Bottom: MainSidebarBottom,\n  Nav: MainSidebarNav,\n  NavSection: MainSidebarNavSection,\n  NavLink: MainSidebarNavLink,\n  NavLabel: MainSidebarNavLabel,\n  NavHeader: MainSidebarNavHeader,\n  NavList: MainSidebarNavList,\n  NavSeparator: MainSidebarNavSeparator,\n  Sections: MainSidebarSections,\n  Trigger: MainSidebarTrigger,\n  MobileTrigger: MainSidebarMobileTrigger,\n});\n"],"names":["jsx","cn","useMaybeSidebarState","jsxs","Fragment","VisuallyHidden","MainSidebarNavLink","MainSidebarNavList","useId","MainSidebarNavSection","MainSidebarNavSeparator","MainSidebarRoot","MainSidebarNav","MainSidebarNavLabel","MainSidebarTrigger","MainSidebarMobileTrigger"],"mappings":"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"}

package/dist/components/MainSidebar.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { c as cn } from '../cn-C6s2yXwM.js';
-import { u as useMaybeSidebarState, M as MainSidebarNavSection, a as MainSidebarNavSeparator, b as MainSidebarNavList, c as MainSidebarNavLink, d as MainSidebarRoot, e as MainSidebarMobileTrigger, f as MainSidebarTrigger, g as MainSidebarNavLabel, h as MainSidebarNav } from '../main-sidebar-link-active-D1iR9bHo.js';
-export { i as MainSidebarProvider, j as getIsLinkActive, n as navItemClasses, k as useMainSidebar, l as useMaybeSidebar, m as useMobileDrawer } from '../main-sidebar-link-active-D1iR9bHo.js';
+import { c as cn } from '../cn-65Adrsfj.js';
+import { u as useMaybeSidebarState, M as MainSidebarNavSection, a as MainSidebarNavSeparator, b as MainSidebarNavList, c as MainSidebarNavLink, d as MainSidebarRoot, e as MainSidebarMobileTrigger, f as MainSidebarTrigger, g as MainSidebarNavLabel, h as MainSidebarNav } from '../main-sidebar-link-active-CmDoiX6g.js';
+export { i as MainSidebarProvider, j as getIsLinkActive, n as navItemClasses, k as useMainSidebar, l as useMaybeSidebar, m as useMobileDrawer } from '../main-sidebar-link-active-CmDoiX6g.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { useId } from 'react';
 
@@ -27,7 +27,7 @@ function MainSidebarNavHeader({
     "header",
     {
       ...props,
-      className: cn("max-w-full min-w-0 truncate pl-3 text-ui-sm font-medium", {
+      className: cn("max-w-full min-w-0 truncate pl-3 text-column", {
         "text-foreground": isActive,
         "text-muted-foreground/70": !isActive
       }),

package/dist/components/MainSidebar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainSidebar.es.js","sources":["../../src/ds/components/MainSidebar/main-sidebar-bottom.tsx","../../src/ds/components/MainSidebar/main-sidebar-nav-header.tsx","../../src/ds/components/MainSidebar/main-sidebar-sections.tsx","../../src/ds/components/MainSidebar/main-sidebar.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarBottomProps = ComponentPropsWithoutRef<'div'>;\n\nexport function MainSidebarBottom({ className, children, ...props }: MainSidebarBottomProps) {\n  return (\n    <div className={cn('mt-auto', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport type { SidebarState } from './main-sidebar-context';\nimport { useMaybeSidebarState } from './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 MainSidebarNavHeaderProps = Omit<ComponentPropsWithoutRef<'header'>, 'children'> & {\n  children?: React.ReactNode;\n  state?: SidebarState;\n  href?: string;\n  isActive?: boolean;\n  LinkComponent?: LinkComponent;\n};\nexport function MainSidebarNavHeader({\n  children,\n  className,\n  state: stateProp,\n  href,\n  isActive,\n  LinkComponent: LinkProp,\n  ...props\n}: MainSidebarNavHeaderProps) {\n  const ctx = useMaybeSidebarState();\n  const state: SidebarState = stateProp ?? ctx?.state ?? 'default';\n  const isMobile = ctx?.isMobile ?? false;\n  const Link: LinkComponent = LinkProp ?? ctx?.LinkComponent ?? 'a';\n  const showTitle = state === 'default' && !isMobile;\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-foreground': isActive,\n            'text-muted-foreground/70': !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-foreground': !isActive,\n                'text-foreground': 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-border mx-3 h-px flex-1\" />\n        </>\n      )}\n    </div>\n  );\n}\n","import { useId } from 'react';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport type { NavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport type { NavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\n\nexport type MainSidebarSectionsProps = {\n  sections: NavSection[];\n  /**\n   * Called per link to decide the active state. Receives the section's links so\n   * callers can use section-aware active logic without re-scanning `sections`\n   * from the outside. Default: each link's `isActive`.\n   */\n  isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;\n  className?: string;\n};\n\ntype MainSidebarSectionLinkProps = {\n  link: NavLink;\n  activeCandidates: NavLink[];\n  level?: number;\n  isActive?: MainSidebarSectionsProps['isActive'];\n};\n\nfunction getLinkKey(link: NavLink) {\n  return `${link.url}:${link.name}`;\n}\n\nfunction MainSidebarSectionLink({ link, activeCandidates, level = 0, isActive }: MainSidebarSectionLinkProps) {\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              <MainSidebarSectionLink\n                key={getLinkKey(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\nexport function MainSidebarSections({ sections, isActive, className }: MainSidebarSectionsProps) {\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        return (\n          <MainSidebarNavSection\n            key={section.key}\n            className={className}\n            aria-labelledby={headerId}\n            aria-label={!headerId ? section.key : undefined}\n          >\n            {/* Render separator and header independently — a section can have\n                both (titled group preceded by a divider). */}\n            {showSeparator ? <MainSidebarNavSeparator /> : null}\n            {section.title ? (\n              <MainSidebarNavHeader id={headerId} href={section.href} isActive={section.isHeaderActive}>\n                {section.title}\n              </MainSidebarNavHeader>\n            ) : null}\n            <MainSidebarNavList>\n              {section.links.map(link => (\n                <MainSidebarSectionLink\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 { MainSidebarBottom } from './main-sidebar-bottom';\nimport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nimport { MainSidebarNav } from './main-sidebar-nav';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLabel } from './main-sidebar-nav-label';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\nimport { MainSidebarRoot } from './main-sidebar-root';\nimport { MainSidebarSections } from './main-sidebar-sections';\nimport { MainSidebarTrigger } from './main-sidebar-trigger';\n\nexport type { MainSidebarStateContextValue, MobileDrawerContextValue, SidebarState } from './main-sidebar-context';\nexport { useMainSidebar, useMaybeSidebar, useMaybeSidebarState, useMobileDrawer } from './main-sidebar-context';\nexport { MainSidebarProvider, type MainSidebarProviderProps } from './main-sidebar-provider';\nexport { navItemClasses } from './main-sidebar-nav-item-classes';\nexport { type MainSidebarNavItemSize } from './main-sidebar-nav-item-classes';\nexport { type NavLink } from './main-sidebar-nav-link';\nexport { type NavSection } from './main-sidebar-nav-section';\nexport { MainSidebarTrigger } from './main-sidebar-trigger';\nexport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nexport { getIsLinkActive } from './main-sidebar-link-active';\n\nexport const MainSidebar = Object.assign(MainSidebarRoot, {\n  Bottom: MainSidebarBottom,\n  Nav: MainSidebarNav,\n  NavSection: MainSidebarNavSection,\n  NavLink: MainSidebarNavLink,\n  NavLabel: MainSidebarNavLabel,\n  NavHeader: MainSidebarNavHeader,\n  NavList: MainSidebarNavList,\n  NavSeparator: MainSidebarNavSeparator,\n  Sections: MainSidebarSections,\n  Trigger: MainSidebarTrigger,\n  MobileTrigger: MainSidebarMobileTrigger,\n});\n"],"names":[],"mappings":";;;;;;;AAKO,SAAS,kBAAkB,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,OAAM,EAA2B;AAC3F,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,WAAW,SAAS,CAAA,EAAI,GAAG,KAAA,EAC3C,QAAA,EACH,CAAA;AAEJ;;ACGO,SAAS,oBAAA,CAAqB;AAAA,EACnC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,IAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA,EAAe,QAAA;AAAA,EACf,GAAG;AACL,CAAA,EAA8B;AAC5B,EAAA,MAAM,MAAM,oBAAA,EAAqB;AACjC,EAAA,MAAM,KAAA,GAAsB,SAAA,IAAa,GAAA,EAAK,KAAA,IAAS,SAAA;AACvD,EAAA,MAAM,QAAA,GAAW,KAAK,QAAA,IAAY,KAAA;AAClC,EAAA,MAAM,IAAA,GAAsB,QAAA,IAAY,GAAA,EAAK,aAAA,IAAiB,GAAA;AAC9D,EAAA,MAAM,SAAA,GAAY,KAAA,KAAU,SAAA,IAAa,CAAC,QAAA;AAE1C,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,+CAAA,EAAiD,SAAS,GAC1E,QAAA,EAAA,SAAA,mBACC,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,GAAG,yDAAA,EAA2D;AAAA,QACvE,iBAAA,EAAmB,QAAA;AAAA,QACnB,4BAA4B,CAAC;AAAA,OAC9B,CAAA;AAAA,MAEA,QAAA,EAAA,IAAA,mBACC,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,SAAA,EAAW,GAAG,0DAAA,EAA4D;AAAA,YACxE,yBAAyB,CAAC,QAAA;AAAA,YAC1B,iBAAA,EAAmB;AAAA,WACpB,CAAA;AAAA,UAEA;AAAA;AAAA,OACH,GAEA;AAAA;AAAA,sBAIJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,YAAQ,GAAG,KAAA,EAAQ,UAAS,CAAA,EAC/B,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,WAAU,4BAAA,EAA6B;AAAA,GAAA,EACjE,CAAA,EAEJ,CAAA;AAEJ;;ACpCA,SAAS,WAAW,IAAA,EAAe;AACjC,EAAA,OAAO,CAAA,EAAG,IAAA,CAAK,GAAG,CAAA,CAAA,EAAI,KAAK,IAAI,CAAA,CAAA;AACjC;AAEA,SAAS,uBAAuB,EAAE,IAAA,EAAM,kBAAkB,KAAA,GAAQ,CAAA,EAAG,UAAS,EAAgC;AAC5G,EAAA,MAAM,UAAA,GAAa,IAAA,CAAK,QAAA,IAAY,EAAC;AAErC,EAAA,uBACE,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,QAAA,EAAU,QAAA,GAAW,IAAA,EAAM,gBAAgB,KAAK,IAAA,CAAK,QAAA;AAAA,MACrD,KAAA;AAAA,MACA,QAAA,EACE,UAAA,CAAW,MAAA,GAAS,CAAA,mBAClB,GAAA,CAAC,sBAAmB,SAAA,EAAU,QAAA,EAC3B,QAAA,EAAA,UAAA,CAAW,GAAA,CAAI,CAAA,KAAA,qBACd,GAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAM,KAAA;AAAA,UACN,gBAAA;AAAA,UACA,OAAO,KAAA,GAAQ,CAAA;AAAA,UACf;AAAA,SAAA;AAAA,QAJK,WAAW,KAAK;AAAA,OAMxB,GACH,CAAA,GACE;AAAA;AAAA,GAER;AAEJ;AAEO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAU,QAAA,EAAU,WAAU,EAA6B;AAC/F,EAAA,MAAM,SAAS,KAAA,EAAM;AAErB,EAAA,uBACE,GAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAA,OAAA,KAAW;AACvB,IAAA,MAAM,aAAA,GAAgB,OAAA,CAAQ,KAAA,CAAM,MAAA,GAAS,KAAK,OAAA,CAAQ,SAAA;AAC1D,IAAA,MAAM,QAAA,GAAW,QAAQ,KAAA,GAAQ,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,OAAA,CAAQ,GAAG,CAAA,CAAA,GAAK,MAAA;AAC9D,IAAA,uBACE,IAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QAEC,SAAA;AAAA,QACA,iBAAA,EAAiB,QAAA;AAAA,QACjB,YAAA,EAAY,CAAC,QAAA,GAAW,OAAA,CAAQ,GAAA,GAAM,MAAA;AAAA,QAIrC,QAAA,EAAA;AAAA,UAAA,aAAA,mBAAgB,GAAA,CAAC,2BAAwB,CAAA,GAAK,IAAA;AAAA,UAC9C,OAAA,CAAQ,KAAA,mBACP,GAAA,CAAC,oBAAA,EAAA,EAAqB,IAAI,QAAA,EAAU,IAAA,EAAM,OAAA,CAAQ,IAAA,EAAM,QAAA,EAAU,OAAA,CAAQ,cAAA,EACvE,QAAA,EAAA,OAAA,CAAQ,OACX,CAAA,GACE,IAAA;AAAA,0BACJ,GAAA,CAAC,kBAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,KAAA,CAAM,IAAI,CAAA,IAAA,qBACjB,GAAA;AAAA,YAAC,sBAAA;AAAA,YAAA;AAAA,cAEC,IAAA;AAAA,cACA,kBAAkB,OAAA,CAAQ,KAAA;AAAA,cAC1B;AAAA,aAAA;AAAA,YAHK,WAAW,IAAI;AAAA,WAKvB,CAAA,EACH;AAAA;AAAA,OAAA;AAAA,MAtBK,OAAA,CAAQ;AAAA,KAuBf;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;;ACxEO,MAAM,WAAA,GAAc,MAAA,CAAO,MAAA,CAAO,eAAA,EAAiB;AAAA,EACxD,MAAA,EAAQ,iBAAA;AAAA,EACR,GAAA,EAAK,cAAA;AAAA,EACL,UAAA,EAAY,qBAAA;AAAA,EACZ,OAAA,EAAS,kBAAA;AAAA,EACT,QAAA,EAAU,mBAAA;AAAA,EACV,SAAA,EAAW,oBAAA;AAAA,EACX,OAAA,EAAS,kBAAA;AAAA,EACT,YAAA,EAAc,uBAAA;AAAA,EACd,QAAA,EAAU,mBAAA;AAAA,EACV,OAAA,EAAS,kBAAA;AAAA,EACT,aAAA,EAAe;AACjB,CAAC;;;;"}
+{"version":3,"file":"MainSidebar.es.js","sources":["../../src/ds/components/MainSidebar/main-sidebar-bottom.tsx","../../src/ds/components/MainSidebar/main-sidebar-nav-header.tsx","../../src/ds/components/MainSidebar/main-sidebar-sections.tsx","../../src/ds/components/MainSidebar/main-sidebar.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarBottomProps = ComponentPropsWithoutRef<'div'>;\n\nexport function MainSidebarBottom({ className, children, ...props }: MainSidebarBottomProps) {\n  return (\n    <div className={cn('mt-auto', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport type { SidebarState } from './main-sidebar-context';\nimport { useMaybeSidebarState } from './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 MainSidebarNavHeaderProps = Omit<ComponentPropsWithoutRef<'header'>, 'children'> & {\n  children?: React.ReactNode;\n  state?: SidebarState;\n  href?: string;\n  isActive?: boolean;\n  LinkComponent?: LinkComponent;\n};\nexport function MainSidebarNavHeader({\n  children,\n  className,\n  state: stateProp,\n  href,\n  isActive,\n  LinkComponent: LinkProp,\n  ...props\n}: MainSidebarNavHeaderProps) {\n  const ctx = useMaybeSidebarState();\n  const state: SidebarState = stateProp ?? ctx?.state ?? 'default';\n  const isMobile = ctx?.isMobile ?? false;\n  const Link: LinkComponent = LinkProp ?? ctx?.LinkComponent ?? 'a';\n  const showTitle = state === 'default' && !isMobile;\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-column', {\n            'text-foreground': isActive,\n            'text-muted-foreground/70': !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-foreground': !isActive,\n                'text-foreground': 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-border mx-3 h-px flex-1\" />\n        </>\n      )}\n    </div>\n  );\n}\n","import { useId } from 'react';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport type { NavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport type { NavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\n\nexport type MainSidebarSectionsProps = {\n  sections: NavSection[];\n  /**\n   * Called per link to decide the active state. Receives the section's links so\n   * callers can use section-aware active logic without re-scanning `sections`\n   * from the outside. Default: each link's `isActive`.\n   */\n  isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;\n  className?: string;\n};\n\ntype MainSidebarSectionLinkProps = {\n  link: NavLink;\n  activeCandidates: NavLink[];\n  level?: number;\n  isActive?: MainSidebarSectionsProps['isActive'];\n};\n\nfunction getLinkKey(link: NavLink) {\n  return `${link.url}:${link.name}`;\n}\n\nfunction MainSidebarSectionLink({ link, activeCandidates, level = 0, isActive }: MainSidebarSectionLinkProps) {\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              <MainSidebarSectionLink\n                key={getLinkKey(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\nexport function MainSidebarSections({ sections, isActive, className }: MainSidebarSectionsProps) {\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        return (\n          <MainSidebarNavSection\n            key={section.key}\n            className={className}\n            aria-labelledby={headerId}\n            aria-label={!headerId ? section.key : undefined}\n          >\n            {/* Render separator and header independently — a section can have\n                both (titled group preceded by a divider). */}\n            {showSeparator ? <MainSidebarNavSeparator /> : null}\n            {section.title ? (\n              <MainSidebarNavHeader id={headerId} href={section.href} isActive={section.isHeaderActive}>\n                {section.title}\n              </MainSidebarNavHeader>\n            ) : null}\n            <MainSidebarNavList>\n              {section.links.map(link => (\n                <MainSidebarSectionLink\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 { MainSidebarBottom } from './main-sidebar-bottom';\nimport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nimport { MainSidebarNav } from './main-sidebar-nav';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLabel } from './main-sidebar-nav-label';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\nimport { MainSidebarRoot } from './main-sidebar-root';\nimport { MainSidebarSections } from './main-sidebar-sections';\nimport { MainSidebarTrigger } from './main-sidebar-trigger';\n\nexport type { MainSidebarStateContextValue, MobileDrawerContextValue, SidebarState } from './main-sidebar-context';\nexport { useMainSidebar, useMaybeSidebar, useMaybeSidebarState, useMobileDrawer } from './main-sidebar-context';\nexport { MainSidebarProvider, type MainSidebarProviderProps } from './main-sidebar-provider';\nexport { navItemClasses } from './main-sidebar-nav-item-classes';\nexport { type MainSidebarNavItemSize } from './main-sidebar-nav-item-classes';\nexport { type NavLink } from './main-sidebar-nav-link';\nexport { type NavSection } from './main-sidebar-nav-section';\nexport { MainSidebarTrigger } from './main-sidebar-trigger';\nexport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nexport { getIsLinkActive } from './main-sidebar-link-active';\n\nexport const MainSidebar = Object.assign(MainSidebarRoot, {\n  Bottom: MainSidebarBottom,\n  Nav: MainSidebarNav,\n  NavSection: MainSidebarNavSection,\n  NavLink: MainSidebarNavLink,\n  NavLabel: MainSidebarNavLabel,\n  NavHeader: MainSidebarNavHeader,\n  NavList: MainSidebarNavList,\n  NavSeparator: MainSidebarNavSeparator,\n  Sections: MainSidebarSections,\n  Trigger: MainSidebarTrigger,\n  MobileTrigger: MainSidebarMobileTrigger,\n});\n"],"names":[],"mappings":"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"}

package/dist/components/MarkdownRenderer.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const markdownRenderer = require('../markdown-renderer-CUQHtRlL.cjs');
+const markdownRenderer = require('../markdown-renderer-D8qYAU7K.cjs');
 const useReveal = require('../use-reveal-Sa456jZb.cjs');
 
 

package/dist/components/MarkdownRenderer.es.js

@@ -1,3 +1,3 @@
-export { M as MarkdownRenderer } from '../markdown-renderer-SVeQ5Uo_.js';
+export { M as MarkdownRenderer } from '../markdown-renderer-B0gTm_Ea.js';
 export { u as useRevealedText } from '../use-reveal-d77hxHz9.js';
 //# sourceMappingURL=MarkdownRenderer.es.js.map

package/dist/components/Message.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const message = require('../message-B-28p4Zs.cjs');
+const message = require('../message-CszposMZ.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const copyButton = require('../copy-button-CmQxxSUq.cjs');
+const copyButton = require('../copy-button-BbDBpBMl.cjs');
 
 function MessageCopyButton({ text }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: text, size: "icon-xs", variant: "ghost", tooltip: "Copy message", showToast: false });
+  return /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: text, size: "icon-sm", variant: "ghost", tooltip: "Copy message", showToast: false });
 }
 
 const clock = new Intl.DateTimeFormat(void 0, { hour: "numeric", minute: "2-digit" });

package/dist/components/Message.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.cjs.js","sources":["../../src/ds/components/Message/message-copy-button.tsx","../../src/ds/components/Message/message-timestamp.tsx"],"sourcesContent":["import { CopyButton } from '../CopyButton';\n\nexport function MessageCopyButton({ text }: { text: string }) {\n  return <CopyButton content={text} size=\"icon-xs\" variant=\"ghost\" tooltip=\"Copy message\" showToast={false} />;\n}\n","import { MessageMetadata } from './message';\n\nconst clock = new Intl.DateTimeFormat(undefined, { hour: 'numeric', minute: '2-digit' });\nconst calendar = new Intl.DateTimeFormat(undefined, { dateStyle: 'full', timeStyle: 'short' });\n\nexport function MessageTimestamp({ value }: { value: Date | string }) {\n  const time = new Date(value);\n  if (Number.isNaN(time.getTime())) return null;\n\n  return (\n    <MessageMetadata>\n      <time dateTime={time.toISOString()} title={calendar.format(time)}>\n        {clock.format(time)}\n      </time>\n    </MessageMetadata>\n  );\n}\n"],"names":["jsx","CopyButton","MessageMetadata"],"mappings":";;;;;;;;AAEO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAAqB;AAC5D,EAAA,uBAAOA,cAAA,CAACC,qBAAA,EAAA,EAAW,OAAA,EAAS,IAAA,EAAM,IAAA,EAAK,SAAA,EAAU,OAAA,EAAQ,OAAA,EAAQ,OAAA,EAAQ,cAAA,EAAe,SAAA,EAAW,KAAA,EAAO,CAAA;AAC5G;;ACFA,MAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,IAAA,EAAM,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,CAAA;AACvF,MAAM,QAAA,GAAW,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,CAAA;AAEtF,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAA6B;AACpE,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,KAAK,CAAA;AAC3B,EAAA,IAAI,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,GAAG,OAAO,IAAA;AAEzC,EAAA,sCACGC,uBAAA,EAAA,EACC,QAAA,kBAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,KAAK,WAAA,EAAY,EAAG,KAAA,EAAO,QAAA,CAAS,OAAO,IAAI,CAAA,EAC5D,gBAAM,MAAA,CAAO,IAAI,GACpB,CAAA,EACF,CAAA;AAEJ;;;;;;;;"}
+{"version":3,"file":"Message.cjs.js","sources":["../../src/ds/components/Message/message-copy-button.tsx","../../src/ds/components/Message/message-timestamp.tsx"],"sourcesContent":["import { CopyButton } from '../CopyButton';\n\nexport function MessageCopyButton({ text }: { text: string }) {\n  return <CopyButton content={text} size=\"icon-sm\" variant=\"ghost\" tooltip=\"Copy message\" showToast={false} />;\n}\n","import { MessageMetadata } from './message';\n\nconst clock = new Intl.DateTimeFormat(undefined, { hour: 'numeric', minute: '2-digit' });\nconst calendar = new Intl.DateTimeFormat(undefined, { dateStyle: 'full', timeStyle: 'short' });\n\nexport function MessageTimestamp({ value }: { value: Date | string }) {\n  const time = new Date(value);\n  if (Number.isNaN(time.getTime())) return null;\n\n  return (\n    <MessageMetadata>\n      <time dateTime={time.toISOString()} title={calendar.format(time)}>\n        {clock.format(time)}\n      </time>\n    </MessageMetadata>\n  );\n}\n"],"names":["jsx","CopyButton","MessageMetadata"],"mappings":";;;;;;;;AAEO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAAqB;AAC5D,EAAA,uBAAOA,cAAA,CAACC,qBAAA,EAAA,EAAW,OAAA,EAAS,IAAA,EAAM,IAAA,EAAK,SAAA,EAAU,OAAA,EAAQ,OAAA,EAAQ,OAAA,EAAQ,cAAA,EAAe,SAAA,EAAW,KAAA,EAAO,CAAA;AAC5G;;ACFA,MAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,IAAA,EAAM,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,CAAA;AACvF,MAAM,QAAA,GAAW,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,CAAA;AAEtF,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAA6B;AACpE,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,KAAK,CAAA;AAC3B,EAAA,IAAI,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,GAAG,OAAO,IAAA;AAEzC,EAAA,sCACGC,uBAAA,EAAA,EACC,QAAA,kBAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,KAAK,WAAA,EAAY,EAAG,KAAA,EAAO,QAAA,CAAS,OAAO,IAAI,CAAA,EAC5D,gBAAM,MAAA,CAAO,IAAI,GACpB,CAAA,EACF,CAAA;AAEJ;;;;;;;;"}

package/dist/components/Message.es.js

@@ -1,10 +1,10 @@
-import { a as MessageMetadata } from '../message-DGZPjxsh.js';
-export { M as Message, b as MessageActions } from '../message-DGZPjxsh.js';
+import { a as MessageMetadata } from '../message-BrwbcLPi.js';
+export { M as Message, b as MessageActions } from '../message-BrwbcLPi.js';
 import { jsx } from 'react/jsx-runtime';
-import { C as CopyButton } from '../copy-button-DIeDskPU.js';
+import { C as CopyButton } from '../copy-button-2cwdZ3dW.js';
 
 function MessageCopyButton({ text }) {
-  return /* @__PURE__ */ jsx(CopyButton, { content: text, size: "icon-xs", variant: "ghost", tooltip: "Copy message", showToast: false });
+  return /* @__PURE__ */ jsx(CopyButton, { content: text, size: "icon-sm", variant: "ghost", tooltip: "Copy message", showToast: false });
 }
 
 const clock = new Intl.DateTimeFormat(void 0, { hour: "numeric", minute: "2-digit" });

package/dist/components/Message.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.es.js","sources":["../../src/ds/components/Message/message-copy-button.tsx","../../src/ds/components/Message/message-timestamp.tsx"],"sourcesContent":["import { CopyButton } from '../CopyButton';\n\nexport function MessageCopyButton({ text }: { text: string }) {\n  return <CopyButton content={text} size=\"icon-xs\" variant=\"ghost\" tooltip=\"Copy message\" showToast={false} />;\n}\n","import { MessageMetadata } from './message';\n\nconst clock = new Intl.DateTimeFormat(undefined, { hour: 'numeric', minute: '2-digit' });\nconst calendar = new Intl.DateTimeFormat(undefined, { dateStyle: 'full', timeStyle: 'short' });\n\nexport function MessageTimestamp({ value }: { value: Date | string }) {\n  const time = new Date(value);\n  if (Number.isNaN(time.getTime())) return null;\n\n  return (\n    <MessageMetadata>\n      <time dateTime={time.toISOString()} title={calendar.format(time)}>\n        {clock.format(time)}\n      </time>\n    </MessageMetadata>\n  );\n}\n"],"names":[],"mappings":";;;;;AAEO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAAqB;AAC5D,EAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,IAAA,EAAM,IAAA,EAAK,SAAA,EAAU,OAAA,EAAQ,OAAA,EAAQ,OAAA,EAAQ,cAAA,EAAe,SAAA,EAAW,KAAA,EAAO,CAAA;AAC5G;;ACFA,MAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,IAAA,EAAM,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,CAAA;AACvF,MAAM,QAAA,GAAW,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,CAAA;AAEtF,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAA6B;AACpE,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,KAAK,CAAA;AAC3B,EAAA,IAAI,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,GAAG,OAAO,IAAA;AAEzC,EAAA,2BACG,eAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,KAAK,WAAA,EAAY,EAAG,KAAA,EAAO,QAAA,CAAS,OAAO,IAAI,CAAA,EAC5D,gBAAM,MAAA,CAAO,IAAI,GACpB,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Message.es.js","sources":["../../src/ds/components/Message/message-copy-button.tsx","../../src/ds/components/Message/message-timestamp.tsx"],"sourcesContent":["import { CopyButton } from '../CopyButton';\n\nexport function MessageCopyButton({ text }: { text: string }) {\n  return <CopyButton content={text} size=\"icon-sm\" variant=\"ghost\" tooltip=\"Copy message\" showToast={false} />;\n}\n","import { MessageMetadata } from './message';\n\nconst clock = new Intl.DateTimeFormat(undefined, { hour: 'numeric', minute: '2-digit' });\nconst calendar = new Intl.DateTimeFormat(undefined, { dateStyle: 'full', timeStyle: 'short' });\n\nexport function MessageTimestamp({ value }: { value: Date | string }) {\n  const time = new Date(value);\n  if (Number.isNaN(time.getTime())) return null;\n\n  return (\n    <MessageMetadata>\n      <time dateTime={time.toISOString()} title={calendar.format(time)}>\n        {clock.format(time)}\n      </time>\n    </MessageMetadata>\n  );\n}\n"],"names":[],"mappings":";;;;;AAEO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAAqB;AAC5D,EAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,IAAA,EAAM,IAAA,EAAK,SAAA,EAAU,OAAA,EAAQ,OAAA,EAAQ,OAAA,EAAQ,cAAA,EAAe,SAAA,EAAW,KAAA,EAAO,CAAA;AAC5G;;ACFA,MAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,IAAA,EAAM,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,CAAA;AACvF,MAAM,QAAA,GAAW,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,CAAA;AAEtF,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAA6B;AACpE,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,KAAK,CAAA;AAC3B,EAAA,IAAI,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,GAAG,OAAO,IAAA;AAEzC,EAAA,2BACG,eAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,KAAK,WAAA,EAAY,EAAG,KAAA,EAAO,QAAA,CAAS,OAAO,IAAI,CAAA,EAC5D,gBAAM,MAAA,CAAO,IAAI,GACpB,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/MessageScroller.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const messageScroller = require('../message-scroller-SYgTcpaD.cjs');
+const messageScroller = require('../message-scroller-c22pIucB.cjs');
 const messageScrollerHooks = require('../message-scroller-hooks-BxAf8k0Y.cjs');
 
 

package/dist/components/MessageScroller.es.js

@@ -1,3 +1,3 @@
-export { M as MessageScroller, a as MessageScrollerButton, b as MessageScrollerContent, c as MessageScrollerItem, d as MessageScrollerProvider, e as MessageScrollerViewport } from '../message-scroller-ViAipPK4.js';
+export { M as MessageScroller, a as MessageScrollerButton, b as MessageScrollerContent, c as MessageScrollerItem, d as MessageScrollerProvider, e as MessageScrollerViewport } from '../message-scroller-v1kQVq2v.js';
 export { u as useMessageScroller, a as useMessageScrollerScrollable, b as useMessageScrollerVisibility, c as useOptionalMessageScroller, d as useOptionalMessageScrollerScrollable, e as useOptionalMessageScrollerVisibility } from '../message-scroller-hooks-BLilySMj.js';
 //# sourceMappingURL=MessageScroller.es.js.map

package/dist/components/MetricsCard.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const metricsCard = require('../metrics-card-CM9jj-UN.cjs');
+const metricsCard = require('../metrics-card-BUJxiwec.cjs');
 
 
 

package/dist/components/MetricsCard.es.js

@@ -1,2 +1,2 @@
-export { M as MetricsCard } from '../metrics-card-ClpFsCSt.js';
+export { M as MetricsCard } from '../metrics-card-BlBt1WHw.js';
 //# sourceMappingURL=MetricsCard.es.js.map

package/dist/components/MetricsFlexGrid.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 function MetricsFlexGrid({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-wrap gap-4", className), children });

package/dist/components/MetricsFlexGrid.es.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 function MetricsFlexGrid({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap gap-4", className), children });

package/dist/components/MetricsKpiCard.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const metricsKpiCard = require('../metrics-kpi-card-CoVZRI52.cjs');
+const metricsKpiCard = require('../metrics-kpi-card-CgqmNcEC.cjs');
 
 
 

package/dist/components/MetricsKpiCard.es.js

@@ -1,2 +1,2 @@
-export { M as MetricsKpiCard } from '../metrics-kpi-card-D-ct3JAY.js';
+export { M as MetricsKpiCard } from '../metrics-kpi-card-CBSNmtc5.js';
 //# sourceMappingURL=MetricsKpiCard.es.js.map

package/dist/components/MetricsLineChart.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const metricsLineChart = require('../metrics-line-chart-DPcqXCDT.cjs');
+const metricsLineChart = require('../metrics-line-chart-B_sP3eiL.cjs');
 
 
 

package/dist/components/MetricsLineChart.es.js

@@ -1,2 +1,2 @@
-export { M as MetricsLineChart, a as MetricsLineChartTooltip } from '../metrics-line-chart-M3JTf2J8.js';
+export { M as MetricsLineChart, a as MetricsLineChartTooltip } from '../metrics-line-chart-DHyrDPkJ.js';
 //# sourceMappingURL=MetricsLineChart.es.js.map

package/dist/components/Notice.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const Notice = require('../Notice-Cq7m_mxe.cjs');
+const Notice = require('../Notice-Cjti0e0j.cjs');
 
 
 

package/dist/components/Notice.es.js

@@ -1,2 +1,2 @@
-export { N as Notice } from '../Notice-DEqr19sI.js';
+export { N as Notice } from '../Notice-Ah-84yi6.js';
 //# sourceMappingURL=Notice.es.js.map

package/dist/components/PageHeader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const pageHeader = require('../page-header-DyAd0Uof.cjs');
+const pageHeader = require('../page-header-BBlPmW-T.cjs');
 
 
 

package/dist/components/PageHeader.es.js

@@ -1,2 +1,2 @@
-export { P as PageHeader } from '../page-header-DymTqQgq.js';
+export { P as PageHeader } from '../page-header-BIoUf7MA.js';
 //# sourceMappingURL=PageHeader.es.js.map

package/dist/components/PageLayout.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const noDataPageLayout = require('../no-data-page-layout-yCjhZq99.cjs');
-const pageLayout = require('../page-layout-DXFMbJi3.cjs');
+const noDataPageLayout = require('../no-data-page-layout-Drzbg_w8.cjs');
+const pageLayout = require('../page-layout-C9ifD9Q8.cjs');
 const pageHeadingContext = require('../page-heading-context-Du-CpxAx.cjs');
 
 

package/dist/components/PageLayout.es.js

@@ -1,4 +1,4 @@
-export { N as NoDataPageLayout } from '../no-data-page-layout-COzOm-mS.js';
-export { P as PageLayout } from '../page-layout-B_JUSRkD.js';
+export { N as NoDataPageLayout } from '../no-data-page-layout-DcVPjj-J.js';
+export { P as PageLayout } from '../page-layout-xcM8IR-B.js';
 export { P as PageHeadingContext, u as usePageHeading } from '../page-heading-context-D3yjYoJE.js';
 //# sourceMappingURL=PageLayout.es.js.map

package/dist/components/PendingIndicator.cjs.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
-const PendingIndicator = ({ className, testId = "pending-indicator" }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-center text-neutral3", className), "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-neutral3 size-2 animate-pulse rounded-full" }) });
+const PendingIndicator = ({ className, testId = "pending-indicator" }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-center text-muted-foreground", className), "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-muted-foreground size-2 animate-pulse rounded-full" }) });
 
 exports.PendingIndicator = PendingIndicator;
 //# sourceMappingURL=PendingIndicator.cjs.js.map

package/dist/components/PendingIndicator.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PendingIndicator.cjs.js","sources":["../../src/ds/components/PendingIndicator/pending-indicator.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface PendingIndicatorProps {\n  className?: string;\n  testId?: string;\n}\n\n/**\n * A single dot that fades in and out indefinitely, signalling the agent is\n * working before any visible output has streamed.\n */\nexport const PendingIndicator = ({ className, testId = 'pending-indicator' }: PendingIndicatorProps) => (\n  <div className={cn('flex items-center text-neutral3', className)} data-testid={testId}>\n    <span className=\"bg-neutral3 size-2 animate-pulse rounded-full\" />\n  </div>\n);\n"],"names":["cn"],"mappings":";;;;;;;AAWO,MAAM,gBAAA,GAAmB,CAAC,EAAE,SAAA,EAAW,SAAS,mBAAA,EAAoB,oCACxE,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,iCAAA,EAAmC,SAAS,GAAG,aAAA,EAAa,MAAA,EAC7E,yCAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iDAAgD,CAAA,EAClE;;;;"}
+{"version":3,"file":"PendingIndicator.cjs.js","sources":["../../src/ds/components/PendingIndicator/pending-indicator.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface PendingIndicatorProps {\n  className?: string;\n  testId?: string;\n}\n\n/**\n * A single dot that fades in and out indefinitely, signalling the agent is\n * working before any visible output has streamed.\n */\nexport const PendingIndicator = ({ className, testId = 'pending-indicator' }: PendingIndicatorProps) => (\n  <div className={cn('flex items-center text-muted-foreground', className)} data-testid={testId}>\n    <span className=\"bg-muted-foreground size-2 animate-pulse rounded-full\" />\n  </div>\n);\n"],"names":["cn"],"mappings":";;;;;;;AAWO,MAAM,gBAAA,GAAmB,CAAC,EAAE,SAAA,EAAW,SAAS,mBAAA,EAAoB,oCACxE,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,yCAAA,EAA2C,SAAS,GAAG,aAAA,EAAa,MAAA,EACrF,yCAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yDAAwD,CAAA,EAC1E;;;;"}

package/dist/components/PendingIndicator.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
-const PendingIndicator = ({ className, testId = "pending-indicator" }) => /* @__PURE__ */ jsx("div", { className: cn("flex items-center text-neutral3", className), "data-testid": testId, children: /* @__PURE__ */ jsx("span", { className: "bg-neutral3 size-2 animate-pulse rounded-full" }) });
+const PendingIndicator = ({ className, testId = "pending-indicator" }) => /* @__PURE__ */ jsx("div", { className: cn("flex items-center text-muted-foreground", className), "data-testid": testId, children: /* @__PURE__ */ jsx("span", { className: "bg-muted-foreground size-2 animate-pulse rounded-full" }) });
 
 export { PendingIndicator };
 //# sourceMappingURL=PendingIndicator.es.js.map

package/dist/components/PendingIndicator.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PendingIndicator.es.js","sources":["../../src/ds/components/PendingIndicator/pending-indicator.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface PendingIndicatorProps {\n  className?: string;\n  testId?: string;\n}\n\n/**\n * A single dot that fades in and out indefinitely, signalling the agent is\n * working before any visible output has streamed.\n */\nexport const PendingIndicator = ({ className, testId = 'pending-indicator' }: PendingIndicatorProps) => (\n  <div className={cn('flex items-center text-neutral3', className)} data-testid={testId}>\n    <span className=\"bg-neutral3 size-2 animate-pulse rounded-full\" />\n  </div>\n);\n"],"names":[],"mappings":";;;AAWO,MAAM,gBAAA,GAAmB,CAAC,EAAE,SAAA,EAAW,SAAS,mBAAA,EAAoB,yBACxE,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,iCAAA,EAAmC,SAAS,GAAG,aAAA,EAAa,MAAA,EAC7E,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iDAAgD,CAAA,EAClE;;;;"}
+{"version":3,"file":"PendingIndicator.es.js","sources":["../../src/ds/components/PendingIndicator/pending-indicator.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface PendingIndicatorProps {\n  className?: string;\n  testId?: string;\n}\n\n/**\n * A single dot that fades in and out indefinitely, signalling the agent is\n * working before any visible output has streamed.\n */\nexport const PendingIndicator = ({ className, testId = 'pending-indicator' }: PendingIndicatorProps) => (\n  <div className={cn('flex items-center text-muted-foreground', className)} data-testid={testId}>\n    <span className=\"bg-muted-foreground size-2 animate-pulse rounded-full\" />\n  </div>\n);\n"],"names":[],"mappings":";;;AAWO,MAAM,gBAAA,GAAmB,CAAC,EAAE,SAAA,EAAW,SAAS,mBAAA,EAAoB,yBACxE,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,yCAAA,EAA2C,SAAS,GAAG,aAAA,EAAa,MAAA,EACrF,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yDAAwD,CAAA,EAC1E;;;;"}

package/dist/components/PermissionDenied.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const PermissionDenied = require('../PermissionDenied-BCHmzPYk.cjs');
+const PermissionDenied = require('../PermissionDenied-Dz5qXpQj.cjs');
 
 
 

package/dist/components/PermissionDenied.es.js

@@ -1,2 +1,2 @@
-export { P as PermissionDenied } from '../PermissionDenied-lLDk9Zpw.js';
+export { P as PermissionDenied } from '../PermissionDenied-B6TSGolC.js';
 //# sourceMappingURL=PermissionDenied.es.js.map

package/dist/components/Popover.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const popover = require('../popover-CGB4qBAn.cjs');
+const popover = require('../popover-lBqKiPtp.cjs');
 
 
 

package/dist/components/Popover.es.js

@@ -1,2 +1,2 @@
-export { H as HoverPopover, P as Popover, a as PopoverContent, b as PopoverTrigger } from '../popover-lj-OpKKH.js';
+export { H as HoverPopover, P as Popover, a as PopoverContent, b as PopoverTrigger } from '../popover-Dg70UGyn.js';
 //# sourceMappingURL=Popover.es.js.map

package/dist/components/PrevNextNav.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../Button-C2dx_QZN.cjs');
+const Button = require('../Button-CVewl8nT.cjs');
 
 function PrevNextNav({
   onPrevious,

package/dist/components/PrevNextNav.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowUpIcon, ArrowDownIcon } from 'lucide-react';
-import { B as Button } from '../Button-DS6O6fvU.js';
+import { B as Button } from '../Button-cWcBEd-G.js';
 
 function PrevNextNav({
   onPrevious,

package/dist/components/PropertyFilter.cjs.js

@@ -2,17 +2,19 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const propertyFilterApplied = require('../property-filter-applied-DZz8aSoU.cjs');
+const propertyFilterApplied = require('../property-filter-applied-BmxCPe2d.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../Button-C2dx_QZN.cjs');
-const combobox = require('../combobox-F3WprWVx.cjs');
-const popover = require('../popover-CGB4qBAn.cjs');
+const Button = require('../Button-CVewl8nT.cjs');
+const combobox = require('../combobox-BWM3VH-n.cjs');
+const popover = require('../popover-lBqKiPtp.cjs');
 const primitives_menuItem = require('../primitives/menu-item.cjs.js');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const primitives_transitions = require('../primitives/transitions.cjs.js');
+const primitives_typography = require('../primitives/typography.cjs.js');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
-const filterItemFocusClass = "focus:bg-neutral6/5 focus:text-neutral6";
+const filterItemFocusClass = "focus:bg-fill-subtle focus:text-foreground";
 function PropertyFilterCreator({
   fields,
   tokens,
@@ -115,13 +117,13 @@ function PropertyFilterCreator({
               {
                 type: "button",
                 "aria-label": "Back to properties",
-                className: "text-neutral3 hover:text-neutral6 transition-colors",
+                className: utils_cn.cn(primitives_typography.quietTextHover, primitives_transitions.controlStateColorTransition),
                 onClick: reset,
                 children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftIcon, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FilterIcon, { className: "text-neutral3 size-4 shrink-0" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-sm text-neutral3", children: `${selectedField.label} · is` })
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FilterIcon, { className: "text-muted-foreground size-4 shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-muted-foreground", children: `${selectedField.label} · is` })
           ] }),
           !selectedField && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
@@ -181,12 +183,12 @@ function PropertyFilterCreator({
                     },
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: f.label }),
-                      used ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral3 ml-auto", children: "In use" }) : /* @__PURE__ */ jsxRuntime.jsx(
+                      used ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground ml-auto", children: "In use" }) : /* @__PURE__ */ jsxRuntime.jsx(
                         "span",
                         {
                           className: utils_cn.cn(
                             primitives_menuItem.menuItemTrailingIconClass,
-                            "text-neutral3 opacity-0 transition-opacity group-hover:opacity-100 group-focus:opacity-100"
+                            "text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 group-focus:opacity-100"
                           ),
                           children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, {})
                         }
@@ -211,10 +213,12 @@ function PropertyFilterCreator({
               placeholder: selectedField.placeholder ?? `Choose ${selectedField.label}`,
               searchPlaceholder: `Search ${selectedField.label.toLowerCase()}...`,
               emptyText: selectedField.emptyText ?? "No option found.",
-              size: "md"
+              size: "md",
+              name: `property-filter-${selectedField.id}`,
+              "aria-label": selectedField.label,
+              error
             }
           ),
-          error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-sm text-red-500", children: error }),
           selectedField && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}), variant: "ghost", size: "md", onClick: () => setOpen(false), children: "Cancel" }),
             /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListFilterPlus, {}), variant: "outline", size: "md", onClick: commit, children: "Add filter" })
@@ -254,9 +258,9 @@ function PickMultiMenuItem({ field, tokens, onChange, open, onToggle, onClose })
               });
             },
             children: [
-              open && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "text-neutral3" }),
+              open && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "text-muted-foreground" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: field.label }),
-              !open && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn(primitives_menuItem.menuItemTrailingIconClass, "text-neutral3"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {}) })
+              !open && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn(primitives_menuItem.menuItemTrailingIconClass, "text-muted-foreground"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {}) })
             ]
           }
         ) }),