@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

package/dist/{page-header-BykBsHUy.js → page-header-Maytcmgh.js}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-DQx8TpNT.js";
-import { t as Txt } from "./Txt-BM6TVV_c.js";
+import { t as Txt } from "./Txt-5efBsb2p.js";
 import { Children, isValidElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import './page-header.css';// src/ds/new/layout/page-header/page-header-action.tsx
@@ -16,7 +16,7 @@ function PageHeaderDescription({ children, className, isLoading, ...props }) {
 		variant: "caption",
 		tone: "muted",
 		"data-slot": "page-header-description",
-		className: cn("flex max-w-140 flex-wrap gap-x-4 gap-y-1", isLoading && "w-160 max-w-4/5 animate-pulse rounded-md bg-muted", className),
+		className: cn("flex max-w-140 flex-wrap gap-x-4 gap-y-1 text-pretty", isLoading && "w-160 max-w-4/5 animate-pulse rounded-md bg-muted", className),
 		...props,
 		children: isLoading ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : children
 	});
@@ -117,4 +117,4 @@ var PageHeader = Object.assign(PageHeaderRoot, {
 });
 export { PageHeader as t };
 
-//# sourceMappingURL=page-header-BykBsHUy.js.map
+//# sourceMappingURL=page-header-Maytcmgh.js.map

package/dist/{page-header-BB6yjtce.cjs.map → page-header-Maytcmgh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"page-header-BB6yjtce.cjs","names":["cn","Txt","cn","_Fragment","cn","cn","cn","Txt","cn","_Fragment","isValidElement","Children","cn"],"sources":["../src/ds/new/layout/page-header/page-header-action.tsx","../src/ds/new/layout/page-header/page-header-description.tsx","../src/ds/new/layout/page-header/page-header-eyebrow.tsx","../src/ds/new/layout/page-header/page-header-icon.tsx","../src/ds/new/layout/page-header/page-header-meta.tsx","../src/ds/new/layout/page-header/page-header-title.tsx","../src/ds/new/layout/page-header/page-header-root.tsx","../src/ds/new/layout/page-header/page-header.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderActionProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderAction({ className, ...props }: PageHeaderActionProps) {\n  return (\n    <div\n      data-slot=\"page-header-action\"\n      className={cn('ml-auto flex min-h-control-lg shrink-0 items-center self-start', className)}\n      {...props}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderDescriptionProps extends ComponentPropsWithoutRef<'p'> {\n  isLoading?: boolean;\n}\n\nexport function PageHeaderDescription({ children, className, isLoading, ...props }: PageHeaderDescriptionProps) {\n  return (\n    <Txt\n      variant=\"caption\"\n      tone=\"muted\"\n      data-slot=\"page-header-description\"\n      className={cn(\n        'flex max-w-140 flex-wrap gap-x-4 gap-y-1',\n        isLoading && 'w-160 max-w-4/5 animate-pulse rounded-md bg-muted',\n        className,\n      )}\n      {...props}\n    >\n      {isLoading ? <>&nbsp;</> : children}\n    </Txt>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderEyebrowProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderEyebrow({ className, ...props }: PageHeaderEyebrowProps) {\n  return (\n    <div\n      data-slot=\"page-header-eyebrow\"\n      {...props}\n      className={cn(\n        'text-caption text-muted-foreground',\n        'flex min-w-0 items-center',\n        '*:inline-flex *:items-center *:gap-1 *:rounded-sm *:transition-colors *:hover:text-foreground',\n        className,\n      )}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderIconProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderIcon({ className, ...props }: PageHeaderIconProps) {\n  return (\n    <div\n      data-slot=\"page-header-icon\"\n      className={cn('flex min-h-control-lg items-center self-start text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderMetaProps extends ComponentPropsWithoutRef<'div'> {\n  beside?: boolean;\n}\n\nexport function PageHeaderMeta({ beside = false, className, ...props }: PageHeaderMetaProps) {\n  return (\n    <div\n      data-slot=\"page-header-meta\"\n      data-placement={beside ? 'beside' : 'below'}\n      {...props}\n      className={cn(\n        'text-meta text-muted-foreground',\n        'flex min-w-0 flex-wrap items-center gap-2',\n        beside && 'min-h-6 shrink-0',\n        className,\n      )}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderTitleProps extends ComponentPropsWithoutRef<'h1'> {\n  isLoading?: boolean;\n}\n\nexport function PageHeaderTitle({ children, className, isLoading, ...props }: PageHeaderTitleProps) {\n  return (\n    <Txt\n      as=\"h1\"\n      variant=\"heading\"\n      tone=\"ink\"\n      data-slot=\"page-header-title\"\n      className={cn(\n        'flex min-w-0 items-center gap-2',\n        isLoading && 'w-60 max-w-1/2 animate-pulse rounded-md bg-fill',\n        className,\n      )}\n      {...props}\n    >\n      {isLoading ? <>&nbsp;</> : children}\n    </Txt>\n  );\n}\n","import { Children, isValidElement } from 'react';\nimport type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\n\nimport { PageHeaderAction } from './page-header-action';\nimport { PageHeaderEyebrow } from './page-header-eyebrow';\nimport { PageHeaderIcon } from './page-header-icon';\nimport { PageHeaderMeta } from './page-header-meta';\nimport type { PageHeaderMetaProps } from './page-header-meta';\nimport { PageHeaderTitle } from './page-header-title';\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderRootProps = ComponentPropsWithoutRef<'header'> & {\n  spacing?: 'default' | 'breathing';\n};\n\nfunction isSlot(child: ReactNode, type: ElementType) {\n  return isValidElement(child) && child.type === type;\n}\n\nfunction isBesideMeta(child: ReactNode) {\n  return isValidElement<PageHeaderMetaProps>(child) && child.type === PageHeaderMeta && Boolean(child.props.beside);\n}\n\nfunction groupSlots(items: ReactNode[]) {\n  const eyebrows = items.filter(child => isSlot(child, PageHeaderEyebrow));\n  const icons = items.filter(child => isSlot(child, PageHeaderIcon));\n  const headline = [...items.filter(child => isSlot(child, PageHeaderTitle)), ...items.filter(isBesideMeta)];\n  // Actions sit outside the title column so their height never affects title/meta/description alignment.\n  const actions = items.filter(child => isSlot(child, PageHeaderAction));\n  const placed = [...eyebrows, ...icons, ...headline, ...actions];\n  const below = items.filter(child => !placed.includes(child));\n  return { eyebrows, icons, headline, below, actions };\n}\n\nexport function PageHeaderRoot({ children, className, spacing = 'default', ...props }: PageHeaderRootProps) {\n  const items = Children.toArray(children);\n  const { eyebrows, icons, headline, below, actions } = groupSlots(items);\n\n  return (\n    <header\n      className={cn('relative flex w-full flex-col', className, spacing === 'breathing' && 'pt-10')}\n      data-page-header-spacing={spacing === 'breathing' ? spacing : undefined}\n      {...props}\n    >\n      {eyebrows}\n      <div className=\"flex w-full items-start gap-3\">\n        {icons}\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          {headline.length > 0 && <div className=\"flex min-w-0 items-start gap-3 py-1\">{headline}</div>}\n          {below}\n        </div>\n        {actions}\n      </div>\n    </header>\n  );\n}\n","import './page-header.css';\n\nimport { PageHeaderAction } from './page-header-action';\nimport { PageHeaderDescription } from './page-header-description';\nimport { PageHeaderEyebrow } from './page-header-eyebrow';\nimport { PageHeaderIcon } from './page-header-icon';\nimport { PageHeaderMeta } from './page-header-meta';\nimport { PageHeaderRoot } from './page-header-root';\nimport { PageHeaderTitle } from './page-header-title';\n\nexport type { PageHeaderActionProps } from './page-header-action';\nexport type { PageHeaderDescriptionProps } from './page-header-description';\nexport type { PageHeaderEyebrowProps } from './page-header-eyebrow';\nexport type { PageHeaderIconProps } from './page-header-icon';\nexport type { PageHeaderMetaProps } from './page-header-meta';\nexport type { PageHeaderRootProps } from './page-header-root';\nexport type { PageHeaderTitleProps } from './page-header-title';\n\nexport const PageHeader = Object.assign(PageHeaderRoot, {\n  Eyebrow: PageHeaderEyebrow,\n  Icon: PageHeaderIcon,\n  Title: PageHeaderTitle,\n  Meta: PageHeaderMeta,\n  Description: PageHeaderDescription,\n  Action: PageHeaderAction,\n});\n"],"mappings":"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"}
+{"version":3,"file":"page-header-Maytcmgh.js","names":["_Fragment","_Fragment"],"sources":["../src/ds/new/layout/page-header/page-header-action.tsx","../src/ds/new/layout/page-header/page-header-description.tsx","../src/ds/new/layout/page-header/page-header-eyebrow.tsx","../src/ds/new/layout/page-header/page-header-icon.tsx","../src/ds/new/layout/page-header/page-header-meta.tsx","../src/ds/new/layout/page-header/page-header-title.tsx","../src/ds/new/layout/page-header/page-header-root.tsx","../src/ds/new/layout/page-header/page-header.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderActionProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderAction({ className, ...props }: PageHeaderActionProps) {\n  return (\n    <div\n      data-slot=\"page-header-action\"\n      className={cn('ml-auto flex min-h-control-lg shrink-0 items-center self-start', className)}\n      {...props}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderDescriptionProps extends ComponentPropsWithoutRef<'p'> {\n  isLoading?: boolean;\n}\n\nexport function PageHeaderDescription({ children, className, isLoading, ...props }: PageHeaderDescriptionProps) {\n  return (\n    <Txt\n      variant=\"caption\"\n      tone=\"muted\"\n      data-slot=\"page-header-description\"\n      className={cn(\n        'flex max-w-140 flex-wrap gap-x-4 gap-y-1 text-pretty',\n        isLoading && 'w-160 max-w-4/5 animate-pulse rounded-md bg-muted',\n        className,\n      )}\n      {...props}\n    >\n      {isLoading ? <>&nbsp;</> : children}\n    </Txt>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderEyebrowProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderEyebrow({ className, ...props }: PageHeaderEyebrowProps) {\n  return (\n    <div\n      data-slot=\"page-header-eyebrow\"\n      {...props}\n      className={cn(\n        'text-caption text-muted-foreground',\n        'flex min-w-0 items-center',\n        '*:inline-flex *:items-center *:gap-1 *:rounded-sm *:transition-colors *:hover:text-foreground',\n        className,\n      )}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderIconProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderIcon({ className, ...props }: PageHeaderIconProps) {\n  return (\n    <div\n      data-slot=\"page-header-icon\"\n      className={cn('flex min-h-control-lg items-center self-start text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderMetaProps extends ComponentPropsWithoutRef<'div'> {\n  beside?: boolean;\n}\n\nexport function PageHeaderMeta({ beside = false, className, ...props }: PageHeaderMetaProps) {\n  return (\n    <div\n      data-slot=\"page-header-meta\"\n      data-placement={beside ? 'beside' : 'below'}\n      {...props}\n      className={cn(\n        'text-meta text-muted-foreground',\n        'flex min-w-0 flex-wrap items-center gap-2',\n        beside && 'min-h-6 shrink-0',\n        className,\n      )}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderTitleProps extends ComponentPropsWithoutRef<'h1'> {\n  isLoading?: boolean;\n}\n\nexport function PageHeaderTitle({ children, className, isLoading, ...props }: PageHeaderTitleProps) {\n  return (\n    <Txt\n      as=\"h1\"\n      variant=\"heading\"\n      tone=\"ink\"\n      data-slot=\"page-header-title\"\n      className={cn(\n        'flex min-w-0 items-center gap-2',\n        isLoading && 'w-60 max-w-1/2 animate-pulse rounded-md bg-fill',\n        className,\n      )}\n      {...props}\n    >\n      {isLoading ? <>&nbsp;</> : children}\n    </Txt>\n  );\n}\n","import { Children, isValidElement } from 'react';\nimport type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\n\nimport { PageHeaderAction } from './page-header-action';\nimport { PageHeaderEyebrow } from './page-header-eyebrow';\nimport { PageHeaderIcon } from './page-header-icon';\nimport { PageHeaderMeta } from './page-header-meta';\nimport type { PageHeaderMetaProps } from './page-header-meta';\nimport { PageHeaderTitle } from './page-header-title';\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderRootProps = ComponentPropsWithoutRef<'header'> & {\n  spacing?: 'default' | 'breathing';\n};\n\nfunction isSlot(child: ReactNode, type: ElementType) {\n  return isValidElement(child) && child.type === type;\n}\n\nfunction isBesideMeta(child: ReactNode) {\n  return isValidElement<PageHeaderMetaProps>(child) && child.type === PageHeaderMeta && Boolean(child.props.beside);\n}\n\nfunction groupSlots(items: ReactNode[]) {\n  const eyebrows = items.filter(child => isSlot(child, PageHeaderEyebrow));\n  const icons = items.filter(child => isSlot(child, PageHeaderIcon));\n  const headline = [...items.filter(child => isSlot(child, PageHeaderTitle)), ...items.filter(isBesideMeta)];\n  // Actions sit outside the title column so their height never affects title/meta/description alignment.\n  const actions = items.filter(child => isSlot(child, PageHeaderAction));\n  const placed = [...eyebrows, ...icons, ...headline, ...actions];\n  const below = items.filter(child => !placed.includes(child));\n  return { eyebrows, icons, headline, below, actions };\n}\n\nexport function PageHeaderRoot({ children, className, spacing = 'default', ...props }: PageHeaderRootProps) {\n  const items = Children.toArray(children);\n  const { eyebrows, icons, headline, below, actions } = groupSlots(items);\n\n  return (\n    <header\n      className={cn('relative flex w-full flex-col', className, spacing === 'breathing' && 'pt-10')}\n      data-page-header-spacing={spacing === 'breathing' ? spacing : undefined}\n      {...props}\n    >\n      {eyebrows}\n      <div className=\"flex w-full items-start gap-3\">\n        {icons}\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          {headline.length > 0 && <div className=\"flex min-w-0 items-start gap-3 py-1\">{headline}</div>}\n          {below}\n        </div>\n        {actions}\n      </div>\n    </header>\n  );\n}\n","import './page-header.css';\n\nimport { PageHeaderAction } from './page-header-action';\nimport { PageHeaderDescription } from './page-header-description';\nimport { PageHeaderEyebrow } from './page-header-eyebrow';\nimport { PageHeaderIcon } from './page-header-icon';\nimport { PageHeaderMeta } from './page-header-meta';\nimport { PageHeaderRoot } from './page-header-root';\nimport { PageHeaderTitle } from './page-header-title';\n\nexport type { PageHeaderActionProps } from './page-header-action';\nexport type { PageHeaderDescriptionProps } from './page-header-description';\nexport type { PageHeaderEyebrowProps } from './page-header-eyebrow';\nexport type { PageHeaderIconProps } from './page-header-icon';\nexport type { PageHeaderMetaProps } from './page-header-meta';\nexport type { PageHeaderRootProps } from './page-header-root';\nexport type { PageHeaderTitleProps } from './page-header-title';\n\nexport const PageHeader = Object.assign(PageHeaderRoot, {\n  Eyebrow: PageHeaderEyebrow,\n  Icon: PageHeaderIcon,\n  Title: PageHeaderTitle,\n  Meta: PageHeaderMeta,\n  Description: PageHeaderDescription,\n  Action: PageHeaderAction,\n});\n"],"mappings":"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"}

package/dist/{page-header-BB6yjtce.cjs → page-header-pZCts_WC.cjs}

@@ -1,5 +1,5 @@
 require('./page-header.css');const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_Txt = require("./Txt-BnoSqxKE.cjs");
+const require_Txt = require("./Txt-_00wWxTd.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/new/layout/page-header/page-header-action.tsx
@@ -16,7 +16,7 @@ function PageHeaderDescription({ children, className, isLoading, ...props }) {
 		variant: "caption",
 		tone: "muted",
 		"data-slot": "page-header-description",
-		className: require_utils.cn("flex max-w-140 flex-wrap gap-x-4 gap-y-1", isLoading && "w-160 max-w-4/5 animate-pulse rounded-md bg-muted", className),
+		className: require_utils.cn("flex max-w-140 flex-wrap gap-x-4 gap-y-1 text-pretty", isLoading && "w-160 max-w-4/5 animate-pulse rounded-md bg-muted", className),
 		...props,
 		children: isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: "\xA0" }) : children
 	});
@@ -122,4 +122,4 @@ Object.defineProperty(exports, "PageHeader", {
 	}
 });
 
-//# sourceMappingURL=page-header-BB6yjtce.cjs.map
+//# sourceMappingURL=page-header-pZCts_WC.cjs.map

package/dist/page-header-pZCts_WC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header-pZCts_WC.cjs","names":["cn","Txt","cn","_Fragment","cn","cn","cn","Txt","cn","_Fragment","isValidElement","Children","cn"],"sources":["../src/ds/new/layout/page-header/page-header-action.tsx","../src/ds/new/layout/page-header/page-header-description.tsx","../src/ds/new/layout/page-header/page-header-eyebrow.tsx","../src/ds/new/layout/page-header/page-header-icon.tsx","../src/ds/new/layout/page-header/page-header-meta.tsx","../src/ds/new/layout/page-header/page-header-title.tsx","../src/ds/new/layout/page-header/page-header-root.tsx","../src/ds/new/layout/page-header/page-header.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderActionProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderAction({ className, ...props }: PageHeaderActionProps) {\n  return (\n    <div\n      data-slot=\"page-header-action\"\n      className={cn('ml-auto flex min-h-control-lg shrink-0 items-center self-start', className)}\n      {...props}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderDescriptionProps extends ComponentPropsWithoutRef<'p'> {\n  isLoading?: boolean;\n}\n\nexport function PageHeaderDescription({ children, className, isLoading, ...props }: PageHeaderDescriptionProps) {\n  return (\n    <Txt\n      variant=\"caption\"\n      tone=\"muted\"\n      data-slot=\"page-header-description\"\n      className={cn(\n        'flex max-w-140 flex-wrap gap-x-4 gap-y-1 text-pretty',\n        isLoading && 'w-160 max-w-4/5 animate-pulse rounded-md bg-muted',\n        className,\n      )}\n      {...props}\n    >\n      {isLoading ? <>&nbsp;</> : children}\n    </Txt>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderEyebrowProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderEyebrow({ className, ...props }: PageHeaderEyebrowProps) {\n  return (\n    <div\n      data-slot=\"page-header-eyebrow\"\n      {...props}\n      className={cn(\n        'text-caption text-muted-foreground',\n        'flex min-w-0 items-center',\n        '*:inline-flex *:items-center *:gap-1 *:rounded-sm *:transition-colors *:hover:text-foreground',\n        className,\n      )}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderIconProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderIcon({ className, ...props }: PageHeaderIconProps) {\n  return (\n    <div\n      data-slot=\"page-header-icon\"\n      className={cn('flex min-h-control-lg items-center self-start text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderMetaProps extends ComponentPropsWithoutRef<'div'> {\n  beside?: boolean;\n}\n\nexport function PageHeaderMeta({ beside = false, className, ...props }: PageHeaderMetaProps) {\n  return (\n    <div\n      data-slot=\"page-header-meta\"\n      data-placement={beside ? 'beside' : 'below'}\n      {...props}\n      className={cn(\n        'text-meta text-muted-foreground',\n        'flex min-w-0 flex-wrap items-center gap-2',\n        beside && 'min-h-6 shrink-0',\n        className,\n      )}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderTitleProps extends ComponentPropsWithoutRef<'h1'> {\n  isLoading?: boolean;\n}\n\nexport function PageHeaderTitle({ children, className, isLoading, ...props }: PageHeaderTitleProps) {\n  return (\n    <Txt\n      as=\"h1\"\n      variant=\"heading\"\n      tone=\"ink\"\n      data-slot=\"page-header-title\"\n      className={cn(\n        'flex min-w-0 items-center gap-2',\n        isLoading && 'w-60 max-w-1/2 animate-pulse rounded-md bg-fill',\n        className,\n      )}\n      {...props}\n    >\n      {isLoading ? <>&nbsp;</> : children}\n    </Txt>\n  );\n}\n","import { Children, isValidElement } from 'react';\nimport type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\n\nimport { PageHeaderAction } from './page-header-action';\nimport { PageHeaderEyebrow } from './page-header-eyebrow';\nimport { PageHeaderIcon } from './page-header-icon';\nimport { PageHeaderMeta } from './page-header-meta';\nimport type { PageHeaderMetaProps } from './page-header-meta';\nimport { PageHeaderTitle } from './page-header-title';\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderRootProps = ComponentPropsWithoutRef<'header'> & {\n  spacing?: 'default' | 'breathing';\n};\n\nfunction isSlot(child: ReactNode, type: ElementType) {\n  return isValidElement(child) && child.type === type;\n}\n\nfunction isBesideMeta(child: ReactNode) {\n  return isValidElement<PageHeaderMetaProps>(child) && child.type === PageHeaderMeta && Boolean(child.props.beside);\n}\n\nfunction groupSlots(items: ReactNode[]) {\n  const eyebrows = items.filter(child => isSlot(child, PageHeaderEyebrow));\n  const icons = items.filter(child => isSlot(child, PageHeaderIcon));\n  const headline = [...items.filter(child => isSlot(child, PageHeaderTitle)), ...items.filter(isBesideMeta)];\n  // Actions sit outside the title column so their height never affects title/meta/description alignment.\n  const actions = items.filter(child => isSlot(child, PageHeaderAction));\n  const placed = [...eyebrows, ...icons, ...headline, ...actions];\n  const below = items.filter(child => !placed.includes(child));\n  return { eyebrows, icons, headline, below, actions };\n}\n\nexport function PageHeaderRoot({ children, className, spacing = 'default', ...props }: PageHeaderRootProps) {\n  const items = Children.toArray(children);\n  const { eyebrows, icons, headline, below, actions } = groupSlots(items);\n\n  return (\n    <header\n      className={cn('relative flex w-full flex-col', className, spacing === 'breathing' && 'pt-10')}\n      data-page-header-spacing={spacing === 'breathing' ? spacing : undefined}\n      {...props}\n    >\n      {eyebrows}\n      <div className=\"flex w-full items-start gap-3\">\n        {icons}\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          {headline.length > 0 && <div className=\"flex min-w-0 items-start gap-3 py-1\">{headline}</div>}\n          {below}\n        </div>\n        {actions}\n      </div>\n    </header>\n  );\n}\n","import './page-header.css';\n\nimport { PageHeaderAction } from './page-header-action';\nimport { PageHeaderDescription } from './page-header-description';\nimport { PageHeaderEyebrow } from './page-header-eyebrow';\nimport { PageHeaderIcon } from './page-header-icon';\nimport { PageHeaderMeta } from './page-header-meta';\nimport { PageHeaderRoot } from './page-header-root';\nimport { PageHeaderTitle } from './page-header-title';\n\nexport type { PageHeaderActionProps } from './page-header-action';\nexport type { PageHeaderDescriptionProps } from './page-header-description';\nexport type { PageHeaderEyebrowProps } from './page-header-eyebrow';\nexport type { PageHeaderIconProps } from './page-header-icon';\nexport type { PageHeaderMetaProps } from './page-header-meta';\nexport type { PageHeaderRootProps } from './page-header-root';\nexport type { PageHeaderTitleProps } from './page-header-title';\n\nexport const PageHeader = Object.assign(PageHeaderRoot, {\n  Eyebrow: PageHeaderEyebrow,\n  Icon: PageHeaderIcon,\n  Title: PageHeaderTitle,\n  Meta: PageHeaderMeta,\n  Description: PageHeaderDescription,\n  Action: PageHeaderAction,\n});\n"],"mappings":"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"}

package/dist/{popover-CzHvTPk2.js → popover-BpMi52Tb.js}

@@ -1,8 +1,8 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
 import { FLOATING_POSITION_METHOD } from "./primitives/floating.es.js";
-import { overlaySurfaceStyle } from "./primitives/raised-surface.es.js";
 import { usePortalContainer } from "./primitives/portal-container.es.js";
+import { overlaySurfaceStyle } from "./primitives/raised-surface.es.js";
 import { resolveTriggerRender } from "./primitives/trigger-button.es.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { Popover } from "@base-ui/react/popover";
@@ -91,4 +91,4 @@ function HoverPopover({ children, ...props }) {
 }
 export { PopoverTrigger as i, Popover$1 as n, PopoverContent as r, HoverPopover as t };
 
-//# sourceMappingURL=popover-CzHvTPk2.js.map
+//# sourceMappingURL=popover-BpMi52Tb.js.map

package/dist/{popover-CzHvTPk2.js.map → popover-BpMi52Tb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-CzHvTPk2.js","names":["Popover","PopoverPrimitive","React"],"sources":["../src/ds/components/Popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport type { PopoverPopupProps, PopoverPositionerProps } from '@base-ui/react/popover';\nimport * as React from 'react';\n\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst Popover = PopoverPrimitive.Root;\n\nexport type PopoverTriggerProps = Omit<PopoverPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the popover. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <PopoverPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </PopoverPrimitive.Trigger>\n    );\n  },\n);\nPopoverTrigger.displayName = 'PopoverTrigger';\n\ntype PopoverContentPositionerProps = Omit<PopoverPositionerProps, keyof PopoverPopupProps>;\n\ntype PopoverContentProps = PopoverPopupProps &\n  PopoverContentPositionerProps & {\n    /** Optional portal container, forwarded to `Popover.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'center',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    const classNameString = typeof className === 'string' ? className : undefined;\n    // Default to the nearest SideDialog/Drawer popup so the content stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: PopoverContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <PopoverPrimitive.Portal container={resolvedContainer}>\n        <PopoverPrimitive.Positioner className=\"z-50 outline-none\" {...positionerProps}>\n          <PopoverPrimitive.Popup\n            ref={ref}\n            data-slot=\"popover-content\"\n            className={cn(\n              // `scrollbar-inset-xl`: a flush (`p-0`) popover's ScrollArea reaches the corners.\n              'z-50 w-72 origin-[var(--transform-origin)] rounded-xl text-foreground scrollbar-inset-xl focus-visible:outline-hidden',\n              overlaySurfaceStyle,\n              'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n              classNameString && /\\bp[trblxy]?-\\S+/.test(classNameString) ? false : `px-3 py-3.5`,\n              className,\n            )}\n            {...props}\n          />\n        </PopoverPrimitive.Positioner>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'PopoverContent';\n\nfunction HoverPopover({\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof Popover>, 'children'> & { children?: React.ReactNode }) {\n  const [open, setOpen] = React.useState(false);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleOpen = React.useCallback(() => {\n    clearTimeout(timeoutRef.current);\n    setOpen(true);\n  }, []);\n\n  const handleClose = React.useCallback(() => {\n    timeoutRef.current = setTimeout(() => setOpen(false), 150);\n  }, []);\n\n  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <span\n        onMouseEnter={handleOpen}\n        onMouseLeave={handleClose}\n        onFocusCapture={handleOpen}\n        onBlurCapture={handleClose}\n        style={{ display: 'contents' }}\n      >\n        {children}\n      </span>\n    </Popover>\n  );\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, HoverPopover };\n"],"mappings":";;;;;;;;;AAWA,IAAMA,YAAUC,QAAiB;;;;;;AASjC,IAAM,iBAAiBC,QAAM,YAC1B,EAAE,WAAW,SAAS,QAAQ,UAAU,SAAS,MAAM,SAAS,GAAG,SAAS,QAAQ;CACnF,MAAM,WAAW,qBAAqB;EAAE;EAAQ;EAAS;EAAU;EAAS;EAAM;EAAS;CAAU,CAAC;CAEtG,OACE,oBAACD,QAAiB,SAAlB;EAA+B;EAAK,WAAW,SAAS;EAAW,QAAQ,SAAS;EAAQ,GAAI;EAC7F,UAAA,SAAS;CACc,CAAA;AAE9B,CACF;AACA,eAAe,cAAc;AAU7B,IAAM,iBAAiBC,QAAM,YAEzB,EACE,WACA,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,QACA,iBAAiB,0BACjB,mBACA,kBACA,QACA,cACA,uBACA,oBACA,GAAG,SAEL,QACG;CACH,MAAM,kBAAkB,OAAO,cAAc,WAAW,YAAY,KAAA;CAGpE,MAAM,oBAAoB,mBAAmB,SAAS;CACtD,MAAM,kBAAiD;EACrD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,OACE,oBAACD,QAAiB,QAAlB;EAAyB,WAAW;EAClC,UAAA,oBAACA,QAAiB,YAAlB;GAA6B,WAAU;GAAoB,GAAI;GAC7D,UAAA,oBAACA,QAAiB,OAAlB;IACO;IACL,aAAU;IACV,WAAW,GAET,yHACA,qBACA,oJACA,+JACA,mBAAmB,mBAAmB,KAAK,eAAe,IAAI,QAAQ,eACtE,SACF;IACA,GAAI;GACL,CAAA;EAC0B,CAAA;CACN,CAAA;AAE7B,CACF;AACA,eAAe,cAAc;AAE7B,SAAS,aAAa,EACpB,UACA,GAAG,SACuF;CAC1F,MAAM,CAAC,MAAM,WAAWC,QAAM,SAAS,KAAK;CAC5C,MAAM,aAAaA,QAAM,OAAkD,KAAA,CAAS;CAEpF,MAAM,aAAaA,QAAM,kBAAkB;EACzC,aAAa,WAAW,OAAO;EAC/B,QAAQ,IAAI;CACd,GAAG,CAAC,CAAC;CAEL,MAAM,cAAcA,QAAM,kBAAkB;EAC1C,WAAW,UAAU,iBAAiB,QAAQ,KAAK,GAAG,GAAG;CAC3D,GAAG,CAAC,CAAC;CAEL,QAAM,sBAAsB,aAAa,WAAW,OAAO,GAAG,CAAC,CAAC;CAEhE,OACE,oBAACF,WAAD;EAAe;EAAM,cAAc;EAAS,GAAI;EAC9C,UAAA,oBAAC,QAAD;GACE,cAAc;GACd,cAAc;GACd,gBAAgB;GAChB,eAAe;GACf,OAAO,EAAE,SAAS,WAAW;GAE5B;EACG,CAAA;CACC,CAAA;AAEb"}
+{"version":3,"file":"popover-BpMi52Tb.js","names":["Popover","PopoverPrimitive","React"],"sources":["../src/ds/components/Popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport type { PopoverPopupProps, PopoverPositionerProps } from '@base-ui/react/popover';\nimport * as React from 'react';\n\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst Popover = PopoverPrimitive.Root;\n\nexport type PopoverTriggerProps = Omit<PopoverPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the popover. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <PopoverPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </PopoverPrimitive.Trigger>\n    );\n  },\n);\nPopoverTrigger.displayName = 'PopoverTrigger';\n\ntype PopoverContentPositionerProps = Omit<PopoverPositionerProps, keyof PopoverPopupProps>;\n\ntype PopoverContentProps = PopoverPopupProps &\n  PopoverContentPositionerProps & {\n    /** Optional portal container, forwarded to `Popover.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'center',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    const classNameString = typeof className === 'string' ? className : undefined;\n    // Default to the nearest SideDialog/Drawer popup so the content stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: PopoverContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <PopoverPrimitive.Portal container={resolvedContainer}>\n        <PopoverPrimitive.Positioner className=\"z-50 outline-none\" {...positionerProps}>\n          <PopoverPrimitive.Popup\n            ref={ref}\n            data-slot=\"popover-content\"\n            className={cn(\n              // `scrollbar-inset-xl`: a flush (`p-0`) popover's ScrollArea reaches the corners.\n              'z-50 w-72 origin-[var(--transform-origin)] rounded-xl text-foreground scrollbar-inset-xl focus-visible:outline-hidden',\n              overlaySurfaceStyle,\n              'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n              classNameString && /\\bp[trblxy]?-\\S+/.test(classNameString) ? false : `px-3 py-3.5`,\n              className,\n            )}\n            {...props}\n          />\n        </PopoverPrimitive.Positioner>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'PopoverContent';\n\nfunction HoverPopover({\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof Popover>, 'children'> & { children?: React.ReactNode }) {\n  const [open, setOpen] = React.useState(false);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleOpen = React.useCallback(() => {\n    clearTimeout(timeoutRef.current);\n    setOpen(true);\n  }, []);\n\n  const handleClose = React.useCallback(() => {\n    timeoutRef.current = setTimeout(() => setOpen(false), 150);\n  }, []);\n\n  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <span\n        onMouseEnter={handleOpen}\n        onMouseLeave={handleClose}\n        onFocusCapture={handleOpen}\n        onBlurCapture={handleClose}\n        style={{ display: 'contents' }}\n      >\n        {children}\n      </span>\n    </Popover>\n  );\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, HoverPopover };\n"],"mappings":";;;;;;;;;AAWA,IAAMA,YAAUC,QAAiB;;;;;;AASjC,IAAM,iBAAiBC,QAAM,YAC1B,EAAE,WAAW,SAAS,QAAQ,UAAU,SAAS,MAAM,SAAS,GAAG,SAAS,QAAQ;CACnF,MAAM,WAAW,qBAAqB;EAAE;EAAQ;EAAS;EAAU;EAAS;EAAM;EAAS;CAAU,CAAC;CAEtG,OACE,oBAACD,QAAiB,SAAlB;EAA+B;EAAK,WAAW,SAAS;EAAW,QAAQ,SAAS;EAAQ,GAAI;EAC7F,UAAA,SAAS;CACc,CAAA;AAE9B,CACF;AACA,eAAe,cAAc;AAU7B,IAAM,iBAAiBC,QAAM,YAEzB,EACE,WACA,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,QACA,iBAAiB,0BACjB,mBACA,kBACA,QACA,cACA,uBACA,oBACA,GAAG,SAEL,QACG;CACH,MAAM,kBAAkB,OAAO,cAAc,WAAW,YAAY,KAAA;CAGpE,MAAM,oBAAoB,mBAAmB,SAAS;CACtD,MAAM,kBAAiD;EACrD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,OACE,oBAACD,QAAiB,QAAlB;EAAyB,WAAW;EAClC,UAAA,oBAACA,QAAiB,YAAlB;GAA6B,WAAU;GAAoB,GAAI;GAC7D,UAAA,oBAACA,QAAiB,OAAlB;IACO;IACL,aAAU;IACV,WAAW,GAET,yHACA,qBACA,oJACA,+JACA,mBAAmB,mBAAmB,KAAK,eAAe,IAAI,QAAQ,eACtE,SACF;IACA,GAAI;GACL,CAAA;EAC0B,CAAA;CACN,CAAA;AAE7B,CACF;AACA,eAAe,cAAc;AAE7B,SAAS,aAAa,EACpB,UACA,GAAG,SACuF;CAC1F,MAAM,CAAC,MAAM,WAAWC,QAAM,SAAS,KAAK;CAC5C,MAAM,aAAaA,QAAM,OAAkD,KAAA,CAAS;CAEpF,MAAM,aAAaA,QAAM,kBAAkB;EACzC,aAAa,WAAW,OAAO;EAC/B,QAAQ,IAAI;CACd,GAAG,CAAC,CAAC;CAEL,MAAM,cAAcA,QAAM,kBAAkB;EAC1C,WAAW,UAAU,iBAAiB,QAAQ,KAAK,GAAG,GAAG;CAC3D,GAAG,CAAC,CAAC;CAEL,QAAM,sBAAsB,aAAa,WAAW,OAAO,GAAG,CAAC,CAAC;CAEhE,OACE,oBAACF,WAAD;EAAe;EAAM,cAAc;EAAS,GAAI;EAC9C,UAAA,oBAAC,QAAD;GACE,cAAc;GACd,cAAc;GACd,gBAAgB;GAChB,eAAe;GACf,OAAO,EAAE,SAAS,WAAW;GAE5B;EACG,CAAA;CACC,CAAA;AAEb"}

package/dist/{popover-BJqa6Hz6.cjs → popover-D9AfJmla.cjs}

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_primitives_floating = require("./primitives/floating.cjs.js");
-const require_primitives_raised_surface = require("./primitives/raised-surface.cjs.js");
 const require_primitives_portal_container = require("./primitives/portal-container.cjs.js");
+const require_primitives_raised_surface = require("./primitives/raised-surface.cjs.js");
 const require_primitives_trigger_button = require("./primitives/trigger-button.cjs.js");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -116,4 +116,4 @@ Object.defineProperty(exports, "PopoverTrigger", {
 	}
 });
 
-//# sourceMappingURL=popover-BJqa6Hz6.cjs.map
+//# sourceMappingURL=popover-D9AfJmla.cjs.map

package/dist/{popover-BJqa6Hz6.cjs.map → popover-D9AfJmla.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-BJqa6Hz6.cjs","names":["PopoverPrimitive","React","resolveTriggerRender","FLOATING_POSITION_METHOD","usePortalContainer","cn","overlaySurfaceStyle"],"sources":["../src/ds/components/Popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport type { PopoverPopupProps, PopoverPositionerProps } from '@base-ui/react/popover';\nimport * as React from 'react';\n\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst Popover = PopoverPrimitive.Root;\n\nexport type PopoverTriggerProps = Omit<PopoverPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the popover. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <PopoverPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </PopoverPrimitive.Trigger>\n    );\n  },\n);\nPopoverTrigger.displayName = 'PopoverTrigger';\n\ntype PopoverContentPositionerProps = Omit<PopoverPositionerProps, keyof PopoverPopupProps>;\n\ntype PopoverContentProps = PopoverPopupProps &\n  PopoverContentPositionerProps & {\n    /** Optional portal container, forwarded to `Popover.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'center',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    const classNameString = typeof className === 'string' ? className : undefined;\n    // Default to the nearest SideDialog/Drawer popup so the content stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: PopoverContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <PopoverPrimitive.Portal container={resolvedContainer}>\n        <PopoverPrimitive.Positioner className=\"z-50 outline-none\" {...positionerProps}>\n          <PopoverPrimitive.Popup\n            ref={ref}\n            data-slot=\"popover-content\"\n            className={cn(\n              // `scrollbar-inset-xl`: a flush (`p-0`) popover's ScrollArea reaches the corners.\n              'z-50 w-72 origin-[var(--transform-origin)] rounded-xl text-foreground scrollbar-inset-xl focus-visible:outline-hidden',\n              overlaySurfaceStyle,\n              'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n              classNameString && /\\bp[trblxy]?-\\S+/.test(classNameString) ? false : `px-3 py-3.5`,\n              className,\n            )}\n            {...props}\n          />\n        </PopoverPrimitive.Positioner>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'PopoverContent';\n\nfunction HoverPopover({\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof Popover>, 'children'> & { children?: React.ReactNode }) {\n  const [open, setOpen] = React.useState(false);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleOpen = React.useCallback(() => {\n    clearTimeout(timeoutRef.current);\n    setOpen(true);\n  }, []);\n\n  const handleClose = React.useCallback(() => {\n    timeoutRef.current = setTimeout(() => setOpen(false), 150);\n  }, []);\n\n  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <span\n        onMouseEnter={handleOpen}\n        onMouseLeave={handleClose}\n        onFocusCapture={handleOpen}\n        onBlurCapture={handleClose}\n        style={{ display: 'contents' }}\n      >\n        {children}\n      </span>\n    </Popover>\n  );\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, HoverPopover };\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,UAAUA,uBAAAA,QAAiB;;;;;;AASjC,IAAM,iBAAiBC,MAAM,YAC1B,EAAE,WAAW,SAAS,QAAQ,UAAU,SAAS,MAAM,SAAS,GAAG,SAAS,QAAQ;CACnF,MAAM,WAAWC,kCAAAA,qBAAqB;EAAE;EAAQ;EAAS;EAAU;EAAS;EAAM;EAAS;CAAU,CAAC;CAEtG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAiB,SAAlB;EAA+B;EAAK,WAAW,SAAS;EAAW,QAAQ,SAAS;EAAQ,GAAI;EAC7F,UAAA,SAAS;CACc,CAAA;AAE9B,CACF;AACA,eAAe,cAAc;AAU7B,IAAM,iBAAiBC,MAAM,YAEzB,EACE,WACA,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,QACA,iBAAiBE,4BAAAA,0BACjB,mBACA,kBACA,QACA,cACA,uBACA,oBACA,GAAG,SAEL,QACG;CACH,MAAM,kBAAkB,OAAO,cAAc,WAAW,YAAY,KAAA;CAGpE,MAAM,oBAAoBC,oCAAAA,mBAAmB,SAAS;CACtD,MAAM,kBAAiD;EACrD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACJ,uBAAAA,QAAiB,QAAlB;EAAyB,WAAW;EAClC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAiB,YAAlB;GAA6B,WAAU;GAAoB,GAAI;GAC7D,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAiB,OAAlB;IACO;IACL,aAAU;IACV,WAAWK,cAAAA,GAET,yHACAC,kCAAAA,qBACA,oJACA,+JACA,mBAAmB,mBAAmB,KAAK,eAAe,IAAI,QAAQ,eACtE,SACF;IACA,GAAI;GACL,CAAA;EAC0B,CAAA;CACN,CAAA;AAE7B,CACF;AACA,eAAe,cAAc;AAE7B,SAAS,aAAa,EACpB,UACA,GAAG,SACuF;CAC1F,MAAM,CAAC,MAAM,WAAWL,MAAM,SAAS,KAAK;CAC5C,MAAM,aAAaA,MAAM,OAAkD,KAAA,CAAS;CAEpF,MAAM,aAAaA,MAAM,kBAAkB;EACzC,aAAa,WAAW,OAAO;EAC/B,QAAQ,IAAI;CACd,GAAG,CAAC,CAAC;CAEL,MAAM,cAAcA,MAAM,kBAAkB;EAC1C,WAAW,UAAU,iBAAiB,QAAQ,KAAK,GAAG,GAAG;CAC3D,GAAG,CAAC,CAAC;CAEL,MAAM,sBAAsB,aAAa,WAAW,OAAO,GAAG,CAAC,CAAC;CAEhE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EAAe;EAAM,cAAc;EAAS,GAAI;EAC9C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,cAAc;GACd,cAAc;GACd,gBAAgB;GAChB,eAAe;GACf,OAAO,EAAE,SAAS,WAAW;GAE5B;EACG,CAAA;CACC,CAAA;AAEb"}
+{"version":3,"file":"popover-D9AfJmla.cjs","names":["PopoverPrimitive","React","resolveTriggerRender","FLOATING_POSITION_METHOD","usePortalContainer","cn","overlaySurfaceStyle"],"sources":["../src/ds/components/Popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport type { PopoverPopupProps, PopoverPositionerProps } from '@base-ui/react/popover';\nimport * as React from 'react';\n\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst Popover = PopoverPrimitive.Root;\n\nexport type PopoverTriggerProps = Omit<PopoverPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the popover. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <PopoverPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </PopoverPrimitive.Trigger>\n    );\n  },\n);\nPopoverTrigger.displayName = 'PopoverTrigger';\n\ntype PopoverContentPositionerProps = Omit<PopoverPositionerProps, keyof PopoverPopupProps>;\n\ntype PopoverContentProps = PopoverPopupProps &\n  PopoverContentPositionerProps & {\n    /** Optional portal container, forwarded to `Popover.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'center',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    const classNameString = typeof className === 'string' ? className : undefined;\n    // Default to the nearest SideDialog/Drawer popup so the content stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: PopoverContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <PopoverPrimitive.Portal container={resolvedContainer}>\n        <PopoverPrimitive.Positioner className=\"z-50 outline-none\" {...positionerProps}>\n          <PopoverPrimitive.Popup\n            ref={ref}\n            data-slot=\"popover-content\"\n            className={cn(\n              // `scrollbar-inset-xl`: a flush (`p-0`) popover's ScrollArea reaches the corners.\n              'z-50 w-72 origin-[var(--transform-origin)] rounded-xl text-foreground scrollbar-inset-xl focus-visible:outline-hidden',\n              overlaySurfaceStyle,\n              'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n              classNameString && /\\bp[trblxy]?-\\S+/.test(classNameString) ? false : `px-3 py-3.5`,\n              className,\n            )}\n            {...props}\n          />\n        </PopoverPrimitive.Positioner>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'PopoverContent';\n\nfunction HoverPopover({\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof Popover>, 'children'> & { children?: React.ReactNode }) {\n  const [open, setOpen] = React.useState(false);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleOpen = React.useCallback(() => {\n    clearTimeout(timeoutRef.current);\n    setOpen(true);\n  }, []);\n\n  const handleClose = React.useCallback(() => {\n    timeoutRef.current = setTimeout(() => setOpen(false), 150);\n  }, []);\n\n  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <span\n        onMouseEnter={handleOpen}\n        onMouseLeave={handleClose}\n        onFocusCapture={handleOpen}\n        onBlurCapture={handleClose}\n        style={{ display: 'contents' }}\n      >\n        {children}\n      </span>\n    </Popover>\n  );\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, HoverPopover };\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,UAAUA,uBAAAA,QAAiB;;;;;;AASjC,IAAM,iBAAiBC,MAAM,YAC1B,EAAE,WAAW,SAAS,QAAQ,UAAU,SAAS,MAAM,SAAS,GAAG,SAAS,QAAQ;CACnF,MAAM,WAAWC,kCAAAA,qBAAqB;EAAE;EAAQ;EAAS;EAAU;EAAS;EAAM;EAAS;CAAU,CAAC;CAEtG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAiB,SAAlB;EAA+B;EAAK,WAAW,SAAS;EAAW,QAAQ,SAAS;EAAQ,GAAI;EAC7F,UAAA,SAAS;CACc,CAAA;AAE9B,CACF;AACA,eAAe,cAAc;AAU7B,IAAM,iBAAiBC,MAAM,YAEzB,EACE,WACA,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,QACA,iBAAiBE,4BAAAA,0BACjB,mBACA,kBACA,QACA,cACA,uBACA,oBACA,GAAG,SAEL,QACG;CACH,MAAM,kBAAkB,OAAO,cAAc,WAAW,YAAY,KAAA;CAGpE,MAAM,oBAAoBC,oCAAAA,mBAAmB,SAAS;CACtD,MAAM,kBAAiD;EACrD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACJ,uBAAAA,QAAiB,QAAlB;EAAyB,WAAW;EAClC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAiB,YAAlB;GAA6B,WAAU;GAAoB,GAAI;GAC7D,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAiB,OAAlB;IACO;IACL,aAAU;IACV,WAAWK,cAAAA,GAET,yHACAC,kCAAAA,qBACA,oJACA,+JACA,mBAAmB,mBAAmB,KAAK,eAAe,IAAI,QAAQ,eACtE,SACF;IACA,GAAI;GACL,CAAA;EAC0B,CAAA;CACN,CAAA;AAE7B,CACF;AACA,eAAe,cAAc;AAE7B,SAAS,aAAa,EACpB,UACA,GAAG,SACuF;CAC1F,MAAM,CAAC,MAAM,WAAWL,MAAM,SAAS,KAAK;CAC5C,MAAM,aAAaA,MAAM,OAAkD,KAAA,CAAS;CAEpF,MAAM,aAAaA,MAAM,kBAAkB;EACzC,aAAa,WAAW,OAAO;EAC/B,QAAQ,IAAI;CACd,GAAG,CAAC,CAAC;CAEL,MAAM,cAAcA,MAAM,kBAAkB;EAC1C,WAAW,UAAU,iBAAiB,QAAQ,KAAK,GAAG,GAAG;CAC3D,GAAG,CAAC,CAAC;CAEL,MAAM,sBAAsB,aAAa,WAAW,OAAO,GAAG,CAAC,CAAC;CAEhE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EAAe;EAAM,cAAc;EAAS,GAAI;EAC9C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,cAAc;GACd,cAAc;GACd,gBAAgB;GAChB,eAAe;GACf,OAAO,EAAE,SAAS,WAAW;GAE5B;EACG,CAAA;CACC,CAAA;AAEb"}

package/dist/primitives/chart-frame.cjs.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tokens = require("../tokens.cjs.js");
-require("./chart-layout.cjs.js");
 const require_primitives_chart_axes = require("./chart-axes.cjs.js");
+require("./chart-layout.cjs.js");
 const require_primitives_chart_time_tick = require("./chart-time-tick.cjs.js");
+const require_tokens = require("../tokens.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let recharts = require("recharts");
 // src/ds/primitives/chart-frame.tsx

package/dist/primitives/chart-frame.es.js

@@ -1,7 +1,7 @@
-import { CHART_LABEL_COLOR } from "../tokens.es.js";
-import "./chart-layout.es.js";
 import { chartYTickCount, edgeDateLabels, niceYTicks, pickTimeTicks } from "./chart-axes.es.js";
+import "./chart-layout.es.js";
 import { ChartTimeTick } from "./chart-time-tick.es.js";
+import { CHART_LABEL_COLOR } from "../tokens.es.js";
 import { jsx } from "react/jsx-runtime";
 import { XAxis, YAxis } from "recharts";
 // src/ds/primitives/chart-frame.tsx

package/dist/primitives/chart-time-tick.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tokens = require("../tokens.cjs.js");
-require("./chart-layout.cjs.js");
 const require_primitives_chart_axes = require("./chart-axes.cjs.js");
+require("./chart-layout.cjs.js");
+const require_tokens = require("../tokens.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/primitives/chart-time-tick.tsx
 /**

package/dist/primitives/chart-time-tick.es.js

@@ -1,6 +1,6 @@
-import { CHART_LABEL_COLOR } from "../tokens.es.js";
-import "./chart-layout.es.js";
 import { labelWidth, placeTimeTick } from "./chart-axes.es.js";
+import "./chart-layout.es.js";
+import { CHART_LABEL_COLOR } from "../tokens.es.js";
 import { jsx } from "react/jsx-runtime";
 // src/ds/primitives/chart-time-tick.tsx
 /**

package/dist/primitives/charts/drag-selection.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_primitives_charts_drag_selection_drag_selection_range = require("./drag-selection/drag-selection-range.cjs.js");
 const require_primitives_charts_drag_selection_drag_selection_band = require("./drag-selection/drag-selection-band.cjs.js");
+const require_primitives_charts_drag_selection_drag_selection_range = require("./drag-selection/drag-selection-range.cjs.js");
 const require_primitives_charts_drag_selection_use_drag_selection = require("./drag-selection/use-drag-selection.cjs.js");
 exports.DRAG_SELECTION_SURFACE_CLASS = require_primitives_charts_drag_selection_use_drag_selection.DRAG_SELECTION_SURFACE_CLASS;
 exports.DragSelectionBand = require_primitives_charts_drag_selection_drag_selection_band.DragSelectionBand;

package/dist/primitives/charts/drag-selection.es.js

@@ -1,4 +1,4 @@
-import { activeIndex, orderedRange, selectionBandBox } from "./drag-selection/drag-selection-range.es.js";
 import { DragSelectionBand } from "./drag-selection/drag-selection-band.es.js";
+import { activeIndex, orderedRange, selectionBandBox } from "./drag-selection/drag-selection-range.es.js";
 import { DRAG_SELECTION_SURFACE_CLASS, useDragSelection } from "./drag-selection/use-drag-selection.es.js";
 export { DRAG_SELECTION_SURFACE_CLASS, DragSelectionBand, activeIndex, orderedRange, selectionBandBox, useDragSelection };

package/dist/primitives/menu-item.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../utils-uDc1ofX1.cjs");
+const require_Button = require("../Button-BfICfyxD.cjs");
 const require_primitives_raised_surface = require("./raised-surface.cjs.js");
-const require_Button = require("../Button-DLcMcuUL.cjs");
+const require_utils = require("../utils-uDc1ofX1.cjs");
 // src/ds/primitives/menu-item.ts
 var MENU_ITEM_OVERRIDES = require_utils.cn("flex w-full justify-start gap-2 rounded-lg px-2 text-left text-menu text-muted-foreground select-none", "[--control-icon-hover:var(--muted-foreground)] [--control-icon-rest:var(--placeholder)]", "h-auto min-h-control-md py-1", "transition-none", "focus-visible:border-transparent", "not-disabled:hover:bg-transparent not-disabled:active:bg-transparent", "not-disabled:data-highlighted:bg-fill not-disabled:data-[popup-open]:bg-fill", "not-disabled:hover:text-foreground/80 data-highlighted:text-foreground/80 data-selected:text-foreground/80 data-[popup-open]:text-foreground/80", "data-highlighted:[--control-icon:var(--control-icon-hover)] data-selected:[--control-icon:var(--control-icon-hover)] data-[popup-open]:[--control-icon:var(--control-icon-hover)]", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", "[&>span]:truncate", "has-[>svg]:px-2");
 var menuItemClass = require_utils.cn(require_Button.buttonVariants({

package/dist/primitives/menu-item.es.js

@@ -1,6 +1,6 @@
-import { t as cn } from "../utils-DQx8TpNT.js";
+import { o as buttonVariants } from "../Button-Bi7aXd_G.js";
 import { overlaySurfaceStyle } from "./raised-surface.es.js";
-import { o as buttonVariants } from "../Button-CLXTbAY8.js";
+import { t as cn } from "../utils-DQx8TpNT.js";
 // src/ds/primitives/menu-item.ts
 var MENU_ITEM_OVERRIDES = cn("flex w-full justify-start gap-2 rounded-lg px-2 text-left text-menu text-muted-foreground select-none", "[--control-icon-hover:var(--muted-foreground)] [--control-icon-rest:var(--placeholder)]", "h-auto min-h-control-md py-1", "transition-none", "focus-visible:border-transparent", "not-disabled:hover:bg-transparent not-disabled:active:bg-transparent", "not-disabled:data-highlighted:bg-fill not-disabled:data-[popup-open]:bg-fill", "not-disabled:hover:text-foreground/80 data-highlighted:text-foreground/80 data-selected:text-foreground/80 data-[popup-open]:text-foreground/80", "data-highlighted:[--control-icon:var(--control-icon-hover)] data-selected:[--control-icon:var(--control-icon-hover)] data-[popup-open]:[--control-icon:var(--control-icon-hover)]", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", "[&>span]:truncate", "has-[>svg]:px-2");
 var menuItemClass = cn(buttonVariants({

package/dist/primitives/menu-scroll-area.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
+const require_scroll_area = require("../scroll-area-BU_TorPW.cjs");
 const require_utils = require("../utils-uDc1ofX1.cjs");
-const require_scroll_area = require("../scroll-area-BP4gPZ4G.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/primitives/menu-scroll-area.es.js

@@ -1,5 +1,5 @@
+import { n as ScrollAreaViewport, t as ScrollArea } from "../scroll-area-9-S7wfSs.js";
 import { t as cn } from "../utils-DQx8TpNT.js";
-import { n as ScrollAreaViewport, t as ScrollArea } from "../scroll-area-C226l0v0.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 // src/ds/primitives/menu-scroll-area.tsx

package/dist/primitives/resize-handle-indicator.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../utils-uDc1ofX1.cjs");
 const require_dist = require("../dist-ClDKPtVq.cjs");
+const require_utils = require("../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/primitives/resize-handle-indicator.tsx
 var indicatorVariants = require_dist.cva("pointer-events-none block transition-all duration-150 ease-out motion-reduce:transition-none", {

package/dist/primitives/resize-handle-indicator.es.js

@@ -1,5 +1,5 @@
-import { t as cn } from "../utils-DQx8TpNT.js";
 import { t as cva } from "../dist-BhWtUEhi.js";
+import { t as cn } from "../utils-DQx8TpNT.js";
 import { jsx } from "react/jsx-runtime";
 // src/ds/primitives/resize-handle-indicator.tsx
 var indicatorVariants = cva("pointer-events-none block transition-all duration-150 ease-out motion-reduce:transition-none", {

package/dist/primitives/trigger-button.cjs.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("../utils-uDc1ofX1.cjs");
 const require_primitives_control_size = require("./control-size.cjs.js");
-const require_Button = require("../Button-DLcMcuUL.cjs");
+const require_Button = require("../Button-BfICfyxD.cjs");
+const require_utils = require("../utils-uDc1ofX1.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/primitives/trigger-button.es.js

@@ -1,6 +1,6 @@
-import { t as cn } from "../utils-DQx8TpNT.js";
 import { controlTriggerOpenStateFor } from "./control-size.es.js";
-import { t as Button } from "../Button-CLXTbAY8.js";
+import { t as Button } from "../Button-Bi7aXd_G.js";
+import { t as cn } from "../utils-DQx8TpNT.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 // src/ds/primitives/trigger-button.tsx

package/dist/{property-filter-applied--U5EZdaA.js → property-filter-applied-DoxQHG09.js}

@@ -1,13 +1,13 @@
 import { t as cn } from "./utils-DQx8TpNT.js";
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "./tooltip-HzcLyGtV.js";
-import { t as Button } from "./Button-CLXTbAY8.js";
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "./tooltip-DJcze2VZ.js";
+import { t as Button } from "./Button-Bi7aXd_G.js";
 import { menuEmptyClass, menuItemButtonClass, menuItemCheckClass, menuSearchClasses } from "./primitives/menu-item.es.js";
 import { passwordManagerOptOutProps } from "./primitives/password-manager-autofill.es.js";
-import { t as Input } from "./input-0l1uzOBZ.js";
-import { t as DropdownMenu } from "./dropdown-menu-B4jY3J9e.js";
-import { n as ButtonsGroupText, t as ButtonsGroup } from "./buttons-group-DkFlnMiL.js";
-import { t as Spinner } from "./spinner-CnLgLj9R.js";
-import { i as PopoverTrigger, n as Popover, r as PopoverContent } from "./popover-CzHvTPk2.js";
+import { t as Input } from "./input-Cyit5ZSc.js";
+import { t as DropdownMenu } from "./dropdown-menu-DKoWI8kD.js";
+import { n as ButtonsGroupText, t as ButtonsGroup } from "./buttons-group-DA_wORqQ.js";
+import { t as Spinner } from "./spinner-B9ykw74u.js";
+import { i as PopoverTrigger, n as Popover, r as PopoverContent } from "./popover-BpMi52Tb.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, EllipsisVerticalIcon, LockIcon, SaveIcon, SearchIcon, Trash2Icon, XIcon } from "lucide-react";
@@ -341,4 +341,4 @@ function PropertyFilterApplied({ fields, tokens, onTokensChange, disabled, autoF
 }
 export { PickMultiPanel as n, PropertyFilterActions as r, PropertyFilterApplied as t };
 
-//# sourceMappingURL=property-filter-applied--U5EZdaA.js.map
+//# sourceMappingURL=property-filter-applied-DoxQHG09.js.map

package/dist/{property-filter-applied--U5EZdaA.js.map → property-filter-applied-DoxQHG09.js.map}

@@ -1 +1 @@
-{"version":3,"file":"property-filter-applied--U5EZdaA.js","names":["_Fragment"],"sources":["../src/ds/components/PropertyFilter/property-filter-actions.tsx","../src/ds/components/PropertyFilter/pick-multi-panel.tsx","../src/ds/components/PropertyFilter/property-filter-applied.tsx"],"sourcesContent":["import { EllipsisVerticalIcon, SaveIcon, Trash2Icon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\n\nexport type PropertyFilterActionsProps = {\n  disabled?: boolean;\n  /** Neutralize each pill's value (keep pills, clear values). Shown as a button, not a menu item. */\n  onClear?: () => void;\n  /** Fully remove all active filters. Rendered as \"Remove all filters\" inside the overflow menu. */\n  onRemoveAll?: () => void;\n  /** Persist the current filter set (typically to localStorage) for later restoration. */\n  onSave?: () => void;\n  /** Drop a previously-saved filter set. Wire only when a saved set actually exists. */\n  onRemoveSaved?: () => void;\n};\n\n/**\n * Shared action bar for filter-driven pages (traces, logs, …). Renders a\n * Clear button and an overflow menu with Remove all / Save / Remove saved actions.\n */\nexport function PropertyFilterActions({\n  disabled,\n  onClear,\n  onRemoveAll,\n  onSave,\n  onRemoveSaved,\n}: PropertyFilterActionsProps) {\n  const hasMenuItems = !!(onRemoveAll || onSave || onRemoveSaved);\n  if (!onClear && !hasMenuItems) return null;\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      {onClear && (\n        <Button disabled={disabled} size=\"md\" onClick={onClear} icon={<XIcon />}>\n          Clear\n        </Button>\n      )}\n\n      {hasMenuItems && (\n        <DropdownMenu>\n          <DropdownMenu.Trigger asChild>\n            <Button disabled={disabled} size=\"icon-md\" aria-label=\"More filter actions\">\n              <EllipsisVerticalIcon />\n            </Button>\n          </DropdownMenu.Trigger>\n          <DropdownMenu.Content align=\"end\">\n            {onRemoveAll && (\n              <DropdownMenu.Item onSelect={() => onRemoveAll()}>\n                <XIcon />\n                Remove all filters\n              </DropdownMenu.Item>\n            )}\n            {onRemoveAll && (onSave || onRemoveSaved) && <DropdownMenu.Separator />}\n            {onSave && (\n              <DropdownMenu.Item onSelect={() => onSave()}>\n                <SaveIcon />\n                Save filters for next time\n              </DropdownMenu.Item>\n            )}\n            {onRemoveSaved && (\n              <DropdownMenu.Item onSelect={() => onRemoveSaved()}>\n                <Trash2Icon />\n                Remove saved filters\n              </DropdownMenu.Item>\n            )}\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      )}\n    </div>\n  );\n}\n","import { CheckIcon, SearchIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { PropertyFilterField, PropertyFilterToken } from './types';\nimport { Spinner } from '@/ds/components/Spinner/spinner';\nimport { menuEmptyClass, menuItemButtonClass, menuItemCheckClass, menuSearchClasses } from '@/ds/primitives/menu-item';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { cn } from '@/lib/utils';\n\n// Same rendering as Combobox items: no visible control, a trailing check when selected.\n// Focus is on the item itself (roving via [data-pick-multi-item]).\nconst pickMultiItemClass = cn(menuItemButtonClass, 'min-w-0');\n\nfunction PickMultiItem({\n  role,\n  checked,\n  label,\n  onClick,\n}: {\n  role: 'checkbox' | 'radio';\n  checked: boolean;\n  label: string;\n  onClick: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role={role}\n      aria-checked={checked}\n      data-selected={checked || undefined}\n      data-pick-multi-item=\"\"\n      title={label}\n      className={pickMultiItemClass}\n      onClick={onClick}\n    >\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n      {checked && (\n        <span className={menuItemCheckClass}>\n          <CheckIcon />\n        </span>\n      )}\n    </button>\n  );\n}\n\ntype PickMultiField = Extract<PropertyFilterField, { kind: 'pick-multi' }>;\n\nexport type PickMultiPanelProps = {\n  field: PickMultiField;\n  tokens: PropertyFilterToken[];\n  /** Always carries a value: an empty list is how the panel says \"nothing selected\". */\n  onChange: (fieldId: string, value: string | string[]) => void;\n};\n\n/**\n * Reusable body for a pick-multi side popover: optional search input plus a\n * radio group (single-select) or checkbox list (when `field.multi` is true).\n * Shared between the Filter Creator's property-picker side popover and the\n * PropertyFilterApplied pill's inline editor so both surfaces use the exact same UI.\n */\nexport function PickMultiPanel({ field, tokens, onChange }: PickMultiPanelProps) {\n  const [query, setQuery] = useState('');\n  const listClassName = 'max-h-[80dvh] overflow-auto p-1';\n\n  const filteredOptions = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    if (!q) return field.options;\n    return field.options.filter(o => o.label.toLowerCase().includes(q));\n  }, [field.options, query]);\n\n  const token = useMemo(() => tokens.find(t => t.fieldId === field.id), [tokens, field.id]);\n  // Fall back to `defaultValue` when no token exists — lets view-toggle fields (e.g. List mode)\n  // show their default option pre-selected before the user explicitly picks one.\n  const selectedValue = typeof token?.value === 'string' ? token.value : !field.multi ? field.defaultValue : undefined;\n  const selectedValues = useMemo<string[]>(() => {\n    const value = token?.value;\n    if (Array.isArray(value)) return value;\n    if (typeof value === 'string') return [value];\n    return [];\n  }, [token]);\n\n  return (\n    <>\n      {field.searchable !== false && (\n        <div className={menuSearchClasses.container}>\n          <SearchIcon className={menuSearchClasses.icon} />\n          <input\n            type=\"text\"\n            value={query}\n            onChange={e => setQuery(e.target.value)}\n            placeholder={`Search ${field.label.toLowerCase()}`}\n            className={menuSearchClasses.input}\n            {...passwordManagerOptOutProps}\n            onKeyDown={e => {\n              if (e.key !== 'ArrowDown') return;\n              const panel = e.currentTarget.closest<HTMLElement>('[data-pick-multi-panel]');\n              const first = panel?.querySelector<HTMLElement>('[data-pick-multi-item]:not([disabled])');\n              if (!first) return;\n              e.preventDefault();\n              e.stopPropagation();\n              first.focus();\n            }}\n          />\n        </div>\n      )}\n\n      {field.isLoading ? (\n        <div className={cn(menuEmptyClass, 'm-1')}>\n          <Spinner size=\"sm\" className=\"size-3 text-muted-foreground\" />\n          Loading options…\n        </div>\n      ) : filteredOptions.length === 0 ? (\n        <div className={cn(menuEmptyClass, 'm-1')}>{field.emptyText ?? 'No option found.'}</div>\n      ) : field.multi ? (\n        <div className={listClassName}>\n          <>\n            {filteredOptions.map(option => {\n              const checked = selectedValues.includes(option.value);\n              return (\n                <PickMultiItem\n                  key={option.value}\n                  role=\"checkbox\"\n                  checked={checked}\n                  label={option.label}\n                  onClick={() =>\n                    onChange(\n                      field.id,\n                      checked ? selectedValues.filter(v => v !== option.value) : [...selectedValues, option.value],\n                    )\n                  }\n                />\n              );\n            })}\n          </>\n        </div>\n      ) : (\n        <div role=\"radiogroup\" className={listClassName}>\n          <>\n            {filteredOptions.map(option => (\n              <PickMultiItem\n                key={option.value}\n                role=\"radio\"\n                checked={selectedValue === option.value}\n                label={option.label}\n                onClick={() => onChange(field.id, option.value)}\n              />\n            ))}\n            {!field.omitAnyOption && (\n              <PickMultiItem\n                role=\"radio\"\n                checked={selectedValue === 'Any'}\n                label=\"Any\"\n                onClick={() => onChange(field.id, 'Any')}\n              />\n            )}\n          </>\n        </div>\n      )}\n    </>\n  );\n}\n","import { LockIcon, XIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { Button } from '../Button';\nimport { ButtonsGroup, ButtonsGroupText } from '../ButtonsGroup';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../Tooltip';\nimport { PickMultiPanel } from './pick-multi-panel';\nimport type { PropertyFilterField, PropertyFilterToken } from './types';\nimport { Input } from '@/ds/components/Input';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover/popover';\nimport { MENU_SIDE_OFFSET } from '@/ds/primitives/menu-item';\n\nexport type PropertyFilterAppliedProps = {\n  fields: PropertyFilterField[];\n  tokens: PropertyFilterToken[];\n  onTokensChange: (tokens: PropertyFilterToken[]) => void;\n  disabled?: boolean;\n  /**\n   * Field id that was just added via the Creator — rendered pill auto-focuses\n   * its input so the user can start typing immediately.\n   */\n  autoFocusFieldId?: string;\n  /**\n   * Field ids whose pills must remain visible and read-only — value stays\n   * displayed but cannot be edited or removed. Use when an upstream context\n   * (e.g. agent-scoped traces tab) pre-applies a filter that the user must\n   * not be able to clear.\n   */\n  lockedFieldIds?: readonly string[];\n  /** Tooltip content shown on hover/focus of any locked pill. */\n  lockedTooltipContent?: ReactNode;\n};\n\nfunction stringifyTokenValue(value: string | string[]) {\n  if (Array.isArray(value)) return value.length === 0 ? 'Any' : value.join(', ');\n  return value;\n}\n\nconst DEFAULT_LOCKED_TOOLTIP = 'This filter is set by the current context and cannot be removed here.';\n\nfunction lookupOptionLabel(field: PropertyFilterField, value: string | string[]): string {\n  if (field.kind === 'pick-multi' && field.options) {\n    if (Array.isArray(value)) {\n      if (value.length === 0) return 'Any';\n      return value.map(v => field.options.find(o => o.value === v)?.label ?? v).join(', ');\n    }\n    return field.options.find(o => o.value === value)?.label ?? value;\n  }\n  return stringifyTokenValue(value);\n}\n\ntype LockedTokenPillProps = {\n  field: PropertyFilterField;\n  value: string | string[];\n  tooltipContent: ReactNode;\n};\n\nfunction LockedTokenPill({ field, value, tooltipContent }: LockedTokenPillProps) {\n  const display = lookupOptionLabel(field, value);\n  const lockA11yLabel = `${field.label} filter is locked by context`;\n\n  return (\n    <TooltipProvider delayDuration={150}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <ButtonsGroup\n            data-locked-field-id={field.id}\n            data-property-filter-pill=\"locked\"\n            tabIndex={0}\n            aria-label={lockA11yLabel}\n          >\n            <ButtonsGroupText>{field.label}</ButtonsGroupText>\n            <ButtonsGroupText>is</ButtonsGroupText>\n            <ButtonsGroupText>{display}</ButtonsGroupText>\n            <ButtonsGroupText>\n              <LockIcon />\n            </ButtonsGroupText>\n          </ButtonsGroup>\n        </TooltipTrigger>\n        <TooltipContent>{tooltipContent}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n\ntype TextTokenPillProps = {\n  field: Extract<PropertyFilterField, { kind: 'text' }>;\n  value: string;\n  onChange: (value: string) => void;\n  onRemove: () => void;\n  disabled?: boolean;\n  autoFocus?: boolean;\n};\n\nfunction TextTokenPill({ field, value, onChange, onRemove, disabled, autoFocus }: TextTokenPillProps) {\n  // Local draft keeps the caret stable when the URL round-trip trims the\n  // stored value (e.g. trailing spaces). We only re-sync from the prop when\n  // the external value is genuinely different from our current (trimmed) draft.\n  const [draft, setDraft] = useState(value);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (draft.trim() !== value) setDraft(value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  useEffect(() => {\n    if (autoFocus) inputRef.current?.focus();\n  }, [autoFocus]);\n\n  return (\n    <ButtonsGroup>\n      <ButtonsGroupText>{field.label}</ButtonsGroupText>\n      <ButtonsGroupText>is</ButtonsGroupText>\n      <Input\n        ref={inputRef}\n        disabled={disabled}\n        value={draft}\n        placeholder={field.placeholder ?? `Enter ${field.label}`}\n        onChange={e => {\n          const next = e.target.value;\n          setDraft(next);\n          // Apply live — URL and traces query update on every keystroke.\n          // Empty values persist as empty-value tokens so the pill stays visible.\n          if (next.trim() !== value) onChange(next);\n        }}\n        onKeyDown={e => {\n          if (e.key === 'Enter') {\n            e.preventDefault();\n            const trimmed = draft.trim();\n            if (trimmed !== value) onChange(trimmed);\n          } else if (e.key === 'Escape') {\n            e.preventDefault();\n            setDraft(value);\n            e.currentTarget.blur();\n          }\n        }}\n      />\n      <Button\n        size=\"icon-md\"\n        type=\"button\"\n        disabled={disabled}\n        aria-label={`Remove ${field.label} filter`}\n        onMouseDown={e => e.preventDefault()}\n        onClick={onRemove}\n      >\n        <XIcon />\n      </Button>\n    </ButtonsGroup>\n  );\n}\n\ntype PickMultiTokenPillProps = {\n  field: Extract<PropertyFilterField, { kind: 'pick-multi' }>;\n  token: PropertyFilterToken;\n  tokens: PropertyFilterToken[];\n  onChange: (fieldId: string, value: string | string[]) => void;\n  onRemove: () => void;\n  disabled?: boolean;\n};\n\nfunction PickMultiTokenPill({ field, token, tokens, onChange, onRemove, disabled }: PickMultiTokenPillProps) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <ButtonsGroup>\n      <ButtonsGroupText>{field.label}</ButtonsGroupText>\n      <ButtonsGroupText>is</ButtonsGroupText>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button type=\"button\" disabled={disabled}>\n            {stringifyTokenValue(token.value)}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent align=\"start\" sideOffset={MENU_SIDE_OFFSET} className=\"w-64 p-0\" data-pick-multi-panel>\n          <PickMultiPanel field={field} tokens={tokens} onChange={onChange} />\n        </PopoverContent>\n      </Popover>\n      <Button\n        size=\"icon-md\"\n        type=\"button\"\n        disabled={disabled}\n        aria-label={`Remove ${field.label} filter`}\n        onClick={onRemove}\n      >\n        <XIcon />\n      </Button>\n    </ButtonsGroup>\n  );\n}\n\n/**\n * Applied filter pills. Text/id-style tokens render with an always-active\n * input so the user can edit the value inline (and an empty token is valid —\n * it persists in the URL until the user explicitly removes it via ×).\n * Pick-multi tokens render with a clickable value that opens the same side\n * popover as the Filter Creator so the user can update selections in place.\n * Creation lives in a separate component (PropertyFilterCreator).\n */\nexport function PropertyFilterApplied({\n  fields,\n  tokens,\n  onTokensChange,\n  disabled,\n  autoFocusFieldId,\n  lockedFieldIds,\n  lockedTooltipContent = DEFAULT_LOCKED_TOOLTIP,\n}: PropertyFilterAppliedProps) {\n  if (tokens.length === 0) return null;\n\n  const lockedSet = new Set(lockedFieldIds ?? []);\n\n  const replaceTokenAt = (index: number, next: PropertyFilterToken) => {\n    const copy = [...tokens];\n    copy[index] = next;\n    onTokensChange(copy);\n  };\n\n  const removeTokenAt = (index: number) => {\n    onTokensChange(tokens.filter((_, i) => i !== index));\n  };\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      {tokens.map((token, index) => {\n        const field = fields.find(f => f.id === token.fieldId);\n        if (!field) return null;\n\n        if (lockedSet.has(token.fieldId)) {\n          return (\n            <LockedTokenPill\n              key={`${token.fieldId}-${index}`}\n              field={field}\n              value={token.value}\n              tooltipContent={lockedTooltipContent}\n            />\n          );\n        }\n\n        if (field.kind === 'text' && !Array.isArray(token.value)) {\n          return (\n            <TextTokenPill\n              key={`${token.fieldId}-${index}`}\n              field={field}\n              value={token.value}\n              disabled={disabled}\n              autoFocus={autoFocusFieldId === token.fieldId}\n              onChange={nextValue => replaceTokenAt(index, { fieldId: token.fieldId, value: nextValue })}\n              onRemove={() => removeTokenAt(index)}\n            />\n          );\n        }\n\n        if (field.kind === 'pick-multi') {\n          return (\n            <PickMultiTokenPill\n              key={`${token.fieldId}-${index}`}\n              field={field}\n              token={token}\n              tokens={tokens}\n              disabled={disabled}\n              // Unselecting everything (empty array) keeps the pill alive in a\n              // neutral state — the user explicitly removes it via ×. This lets\n              // the page-level Reset neutralize values without dropping the pill.\n              onChange={(fieldId, value) => replaceTokenAt(index, { fieldId, value })}\n              onRemove={() => removeTokenAt(index)}\n            />\n          );\n        }\n\n        return (\n          <ButtonsGroup key={`${token.fieldId}-${index}`}>\n            <ButtonsGroupText>{field.label}</ButtonsGroupText>\n            <ButtonsGroupText>is</ButtonsGroupText>\n            <ButtonsGroupText>{stringifyTokenValue(token.value)}</ButtonsGroupText>\n            <Button\n              size=\"icon-md\"\n              type=\"button\"\n              disabled={disabled}\n              aria-label={`Remove ${field.label} filter`}\n              onClick={() => removeTokenAt(index)}\n            >\n              <XIcon />\n            </Button>\n          </ButtonsGroup>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,SAAgB,sBAAsB,EACpC,UACA,SACA,aACA,QACA,iBAC6B;CAC7B,MAAM,eAAe,CAAC,EAAE,eAAe,UAAU;CACjD,IAAI,CAAC,WAAW,CAAC,cAAc,OAAO;CAEtC,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACG,WACC,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAK,SAAS;GAAS,MAAM,oBAAC,OAAD,CAAQ,CAAA;GAAG,UAAA;EAEjE,CAAA,GAGT,gBACC,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,aAAa,SAAd;GAAsB,SAAA;GACpB,UAAA,oBAAC,QAAD;IAAkB;IAAU,MAAK;IAAU,cAAW;IACpD,UAAA,oBAAC,sBAAD,CAAuB,CAAA;GACjB,CAAA;EACY,CAAA,GACtB,qBAAC,aAAa,SAAd;GAAsB,OAAM;GAA5B,UAAA;IACG,eACC,qBAAC,aAAa,MAAd;KAAmB,gBAAgB,YAAY;KAA/C,UAAA,CACE,oBAAC,OAAD,CAAQ,CAAA,GAAC,oBAEQ;;IAEpB,gBAAgB,UAAU,kBAAkB,oBAAC,aAAa,WAAd,CAAyB,CAAA;IACrE,UACC,qBAAC,aAAa,MAAd;KAAmB,gBAAgB,OAAO;KAA1C,UAAA,CACE,oBAAC,UAAD,CAAW,CAAA,GAAC,4BAEK;;IAEpB,iBACC,qBAAC,aAAa,MAAd;KAAmB,gBAAgB,cAAc;KAAjD,UAAA,CACE,oBAAC,YAAD,CAAa,CAAA,GAAC,sBAEG;;GAED;EACV,CAAA,CAAA,EAAA,CAAA,CAEb;;AAET;;AC5DA,IAAM,qBAAqB,GAAG,qBAAqB,SAAS;AAE5D,SAAS,cAAc,EACrB,MACA,SACA,OACA,WAMC;CACD,OACE,qBAAC,UAAD;EACE,MAAK;EACC;EACN,gBAAc;EACd,iBAAe,WAAW,KAAA;EAC1B,wBAAqB;EACrB,OAAO;EACP,WAAW;EACF;EARX,UAAA,CAUE,oBAAC,QAAD;GAAM,WAAU;GAA2B,UAAA;EAAY,CAAA,GACtD,WACC,oBAAC,QAAD;GAAM,WAAW;GACf,UAAA,oBAAC,WAAD,CAAY,CAAA;EACR,CAAA,CAEF;;AAEZ;;;;;;;AAiBA,SAAgB,eAAe,EAAE,OAAO,QAAQ,YAAiC;CAC/E,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,gBAAgB;CAEtB,MAAM,kBAAkB,cAAc;EACpC,MAAM,IAAI,MAAM,KAAK,CAAC,CAAC,YAAY;EACnC,IAAI,CAAC,GAAG,OAAO,MAAM;EACrB,OAAO,MAAM,QAAQ,QAAO,MAAK,EAAE,MAAM,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;CACpE,GAAG,CAAC,MAAM,SAAS,KAAK,CAAC;CAEzB,MAAM,QAAQ,cAAc,OAAO,MAAK,MAAK,EAAE,YAAY,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,EAAE,CAAC;CAGxF,MAAM,gBAAgB,OAAO,OAAO,UAAU,WAAW,MAAM,QAAQ,CAAC,MAAM,QAAQ,MAAM,eAAe,KAAA;CAC3G,MAAM,iBAAiB,cAAwB;EAC7C,MAAM,QAAQ,OAAO;EACrB,IAAI,MAAM,QAAQ,KAAK,GAAG,OAAO;EACjC,IAAI,OAAO,UAAU,UAAU,OAAO,CAAC,KAAK;EAC5C,OAAO,CAAC;CACV,GAAG,CAAC,KAAK,CAAC;CAEV,OACE,qBAAAA,YAAA,EAAA,UAAA,CACG,MAAM,eAAe,SACpB,qBAAC,OAAD;EAAK,WAAW,kBAAkB;EAAlC,UAAA,CACE,oBAAC,YAAD,EAAY,WAAW,kBAAkB,KAAO,CAAA,GAChD,oBAAC,SAAD;GACE,MAAK;GACL,OAAO;GACP,WAAU,MAAK,SAAS,EAAE,OAAO,KAAK;GACtC,aAAa,UAAU,MAAM,MAAM,YAAY;GAC/C,WAAW,kBAAkB;GAC7B,GAAI;GACJ,YAAW,MAAK;IACd,IAAI,EAAE,QAAQ,aAAa;IAE3B,MAAM,QADQ,EAAE,cAAc,QAAqB,yBACrC,CAAA,EAAO,cAA2B,wCAAwC;IACxF,IAAI,CAAC,OAAO;IACZ,EAAE,eAAe;IACjB,EAAE,gBAAgB;IAClB,MAAM,MAAM;GACd;EACD,CAAA,CACE;CAGN,CAAA,GAAA,MAAM,YACL,qBAAC,OAAD;EAAK,WAAW,GAAG,gBAAgB,KAAK;EAAxC,UAAA,CACE,oBAAC,SAAD;GAAS,MAAK;GAAK,WAAU;EAAgC,CAAA,GAAC,kBAE3D;CACH,CAAA,IAAA,gBAAgB,WAAW,IAC7B,oBAAC,OAAD;EAAK,WAAW,GAAG,gBAAgB,KAAK;EAAI,UAAA,MAAM,aAAa;CAAwB,CAAA,IACrF,MAAM,QACR,oBAAC,OAAD;EAAK,WAAW;EACd,UAAA,oBAAAA,YAAA,EAAA,UACG,gBAAgB,KAAI,WAAU;GAC7B,MAAM,UAAU,eAAe,SAAS,OAAO,KAAK;GACpD,OACE,oBAAC,eAAD;IAEE,MAAK;IACI;IACT,OAAO,OAAO;IACd,eACE,SACE,MAAM,IACN,UAAU,eAAe,QAAO,MAAK,MAAM,OAAO,KAAK,IAAI,CAAC,GAAG,gBAAgB,OAAO,KAAK,CAC7F;GAEH,GAVM,OAAO,KAUb;EAEL,CAAC,EACD,CAAA;CACC,CAAA,IAEL,oBAAC,OAAD;EAAK,MAAK;EAAa,WAAW;EAChC,UAAA,qBAAAA,YAAA,EAAA,UAAA,CACG,gBAAgB,KAAI,WACnB,oBAAC,eAAD;GAEE,MAAK;GACL,SAAS,kBAAkB,OAAO;GAClC,OAAO,OAAO;GACd,eAAe,SAAS,MAAM,IAAI,OAAO,KAAK;EAC/C,GALM,OAAO,KAKb,CACF,GACA,CAAC,MAAM,iBACN,oBAAC,eAAD;GACE,MAAK;GACL,SAAS,kBAAkB;GAC3B,OAAM;GACN,eAAe,SAAS,MAAM,IAAI,KAAK;EACxC,CAAA,CAEH,EAAA,CAAA;CACC,CAAA,CAEP,EAAA,CAAA;AAEN;;AC9HA,SAAS,oBAAoB,OAA0B;CACrD,IAAI,MAAM,QAAQ,KAAK,GAAG,OAAO,MAAM,WAAW,IAAI,QAAQ,MAAM,KAAK,IAAI;CAC7E,OAAO;AACT;AAEA,IAAM,yBAAyB;AAE/B,SAAS,kBAAkB,OAA4B,OAAkC;CACvF,IAAI,MAAM,SAAS,gBAAgB,MAAM,SAAS;EAChD,IAAI,MAAM,QAAQ,KAAK,GAAG;GACxB,IAAI,MAAM,WAAW,GAAG,OAAO;GAC/B,OAAO,MAAM,KAAI,MAAK,MAAM,QAAQ,MAAK,MAAK,EAAE,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI;EACrF;EACA,OAAO,MAAM,QAAQ,MAAK,MAAK,EAAE,UAAU,KAAK,CAAC,EAAE,SAAS;CAC9D;CACA,OAAO,oBAAoB,KAAK;AAClC;AAQA,SAAS,gBAAgB,EAAE,OAAO,OAAO,kBAAwC;CAC/E,MAAM,UAAU,kBAAkB,OAAO,KAAK;CAC9C,MAAM,gBAAgB,GAAG,MAAM,MAAM;CAErC,OACE,oBAAC,iBAAD;EAAiB,eAAe;EAC9B,UAAA,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;GAAgB,SAAA;GACd,UAAA,qBAAC,cAAD;IACE,wBAAsB,MAAM;IAC5B,6BAA0B;IAC1B,UAAU;IACV,cAAY;IAJd,UAAA;KAME,oBAAC,kBAAD,EAAA,UAAmB,MAAM,MAAwB,CAAA;KACjD,oBAAC,kBAAD,EAAA,UAAkB,KAAoB,CAAA;KACtC,oBAAC,kBAAD,EAAA,UAAmB,QAA0B,CAAA;KAC7C,oBAAC,kBAAD,EAAA,UACE,oBAAC,UAAD,CAAW,CAAA,EACK,CAAA;IACN;;EACA,CAAA,GAChB,oBAAC,gBAAD,EAAA,UAAiB,eAA+B,CAAA,CACzC,EAAA,CAAA;CACM,CAAA;AAErB;AAWA,SAAS,cAAc,EAAE,OAAO,OAAO,UAAU,UAAU,UAAU,aAAiC;CAIpG,MAAM,CAAC,OAAO,YAAY,SAAS,KAAK;CACxC,MAAM,WAAW,OAAyB,IAAI;CAE9C,gBAAgB;EACd,IAAI,MAAM,KAAK,MAAM,OAAO,SAAS,KAAK;CAE5C,GAAG,CAAC,KAAK,CAAC;CAEV,gBAAgB;EACd,IAAI,WAAW,SAAS,SAAS,MAAM;CACzC,GAAG,CAAC,SAAS,CAAC;CAEd,OACE,qBAAC,cAAD,EAAA,UAAA;EACE,oBAAC,kBAAD,EAAA,UAAmB,MAAM,MAAwB,CAAA;EACjD,oBAAC,kBAAD,EAAA,UAAkB,KAAoB,CAAA;EACtC,oBAAC,OAAD;GACE,KAAK;GACK;GACV,OAAO;GACP,aAAa,MAAM,eAAe,SAAS,MAAM;GACjD,WAAU,MAAK;IACb,MAAM,OAAO,EAAE,OAAO;IACtB,SAAS,IAAI;IAGb,IAAI,KAAK,KAAK,MAAM,OAAO,SAAS,IAAI;GAC1C;GACA,YAAW,MAAK;IACd,IAAI,EAAE,QAAQ,SAAS;KACrB,EAAE,eAAe;KACjB,MAAM,UAAU,MAAM,KAAK;KAC3B,IAAI,YAAY,OAAO,SAAS,OAAO;IACzC,OAAO,IAAI,EAAE,QAAQ,UAAU;KAC7B,EAAE,eAAe;KACjB,SAAS,KAAK;KACd,EAAE,cAAc,KAAK;IACvB;GACF;EACD,CAAA;EACD,oBAAC,QAAD;GACE,MAAK;GACL,MAAK;GACK;GACV,cAAY,UAAU,MAAM,MAAM;GAClC,cAAa,MAAK,EAAE,eAAe;GACnC,SAAS;GAET,UAAA,oBAAC,OAAD,CAAQ,CAAA;EACF,CAAA;CACI,EAAA,CAAA;AAElB;AAWA,SAAS,mBAAmB,EAAE,OAAO,OAAO,QAAQ,UAAU,UAAU,YAAqC;CAC3G,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAEtC,OACE,qBAAC,cAAD,EAAA,UAAA;EACE,oBAAC,kBAAD,EAAA,UAAmB,MAAM,MAAwB,CAAA;EACjD,oBAAC,kBAAD,EAAA,UAAkB,KAAoB,CAAA;EACtC,qBAAC,SAAD;GAAe;GAAM,cAAc;GAAnC,UAAA,CACE,oBAAC,gBAAD;IAAgB,SAAA;IACd,UAAA,oBAAC,QAAD;KAAQ,MAAK;KAAmB;KAC7B,UAAA,oBAAoB,MAAM,KAAK;IAC1B,CAAA;GACM,CAAA,GAChB,oBAAC,gBAAD;IAAgB,OAAM;IAAQ,YAAA;IAA8B,WAAU;IAAW,yBAAA;IAC/E,UAAA,oBAAC,gBAAD;KAAuB;KAAe;KAAkB;IAAW,CAAA;GACrD,CAAA,CACT;;EACT,oBAAC,QAAD;GACE,MAAK;GACL,MAAK;GACK;GACV,cAAY,UAAU,MAAM,MAAM;GAClC,SAAS;GAET,UAAA,oBAAC,OAAD,CAAQ,CAAA;EACF,CAAA;CACI,EAAA,CAAA;AAElB;;;;;;;;;AAUA,SAAgB,sBAAsB,EACpC,QACA,QACA,gBACA,UACA,kBACA,gBACA,uBAAuB,0BACM;CAC7B,IAAI,OAAO,WAAW,GAAG,OAAO;CAEhC,MAAM,YAAY,IAAI,IAAI,kBAAkB,CAAC,CAAC;CAE9C,MAAM,kBAAkB,OAAe,SAA8B;EACnE,MAAM,OAAO,CAAC,GAAG,MAAM;EACvB,KAAK,SAAS;EACd,eAAe,IAAI;CACrB;CAEA,MAAM,iBAAiB,UAAkB;EACvC,eAAe,OAAO,QAAQ,GAAG,MAAM,MAAM,KAAK,CAAC;CACrD;CAEA,OACE,oBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,OAAO,KAAK,OAAO,UAAU;GAC5B,MAAM,QAAQ,OAAO,MAAK,MAAK,EAAE,OAAO,MAAM,OAAO;GACrD,IAAI,CAAC,OAAO,OAAO;GAEnB,IAAI,UAAU,IAAI,MAAM,OAAO,GAC7B,OACE,oBAAC,iBAAD;IAES;IACP,OAAO,MAAM;IACb,gBAAgB;GACjB,GAJM,GAAG,MAAM,QAAQ,GAAG,OAI1B;GAIL,IAAI,MAAM,SAAS,UAAU,CAAC,MAAM,QAAQ,MAAM,KAAK,GACrD,OACE,oBAAC,eAAD;IAES;IACP,OAAO,MAAM;IACH;IACV,WAAW,qBAAqB,MAAM;IACtC,WAAU,cAAa,eAAe,OAAO;KAAE,SAAS,MAAM;KAAS,OAAO;IAAU,CAAC;IACzF,gBAAgB,cAAc,KAAK;GACpC,GAPM,GAAG,MAAM,QAAQ,GAAG,OAO1B;GAIL,IAAI,MAAM,SAAS,cACjB,OACE,oBAAC,oBAAD;IAES;IACA;IACC;IACE;IAIV,WAAW,SAAS,UAAU,eAAe,OAAO;KAAE;KAAS;IAAM,CAAC;IACtE,gBAAgB,cAAc,KAAK;GACpC,GAVM,GAAG,MAAM,QAAQ,GAAG,OAU1B;GAIL,OACE,qBAAC,cAAD,EAAA,UAAA;IACE,oBAAC,kBAAD,EAAA,UAAmB,MAAM,MAAwB,CAAA;IACjD,oBAAC,kBAAD,EAAA,UAAkB,KAAoB,CAAA;IACtC,oBAAC,kBAAD,EAAA,UAAmB,oBAAoB,MAAM,KAAK,EAAoB,CAAA;IACtE,oBAAC,QAAD;KACE,MAAK;KACL,MAAK;KACK;KACV,cAAY,UAAU,MAAM,MAAM;KAClC,eAAe,cAAc,KAAK;KAElC,UAAA,oBAAC,OAAD,CAAQ,CAAA;IACF,CAAA;GACI,EAAA,GAbK,GAAG,MAAM,QAAQ,GAAG,OAazB;EAElB,CAAC;CACE,CAAA;AAET"}
+{"version":3,"file":"property-filter-applied-DoxQHG09.js","names":["_Fragment"],"sources":["../src/ds/components/PropertyFilter/property-filter-actions.tsx","../src/ds/components/PropertyFilter/pick-multi-panel.tsx","../src/ds/components/PropertyFilter/property-filter-applied.tsx"],"sourcesContent":["import { EllipsisVerticalIcon, SaveIcon, Trash2Icon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\n\nexport type PropertyFilterActionsProps = {\n  disabled?: boolean;\n  /** Neutralize each pill's value (keep pills, clear values). Shown as a button, not a menu item. */\n  onClear?: () => void;\n  /** Fully remove all active filters. Rendered as \"Remove all filters\" inside the overflow menu. */\n  onRemoveAll?: () => void;\n  /** Persist the current filter set (typically to localStorage) for later restoration. */\n  onSave?: () => void;\n  /** Drop a previously-saved filter set. Wire only when a saved set actually exists. */\n  onRemoveSaved?: () => void;\n};\n\n/**\n * Shared action bar for filter-driven pages (traces, logs, …). Renders a\n * Clear button and an overflow menu with Remove all / Save / Remove saved actions.\n */\nexport function PropertyFilterActions({\n  disabled,\n  onClear,\n  onRemoveAll,\n  onSave,\n  onRemoveSaved,\n}: PropertyFilterActionsProps) {\n  const hasMenuItems = !!(onRemoveAll || onSave || onRemoveSaved);\n  if (!onClear && !hasMenuItems) return null;\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      {onClear && (\n        <Button disabled={disabled} size=\"md\" onClick={onClear} icon={<XIcon />}>\n          Clear\n        </Button>\n      )}\n\n      {hasMenuItems && (\n        <DropdownMenu>\n          <DropdownMenu.Trigger asChild>\n            <Button disabled={disabled} size=\"icon-md\" aria-label=\"More filter actions\">\n              <EllipsisVerticalIcon />\n            </Button>\n          </DropdownMenu.Trigger>\n          <DropdownMenu.Content align=\"end\">\n            {onRemoveAll && (\n              <DropdownMenu.Item onSelect={() => onRemoveAll()}>\n                <XIcon />\n                Remove all filters\n              </DropdownMenu.Item>\n            )}\n            {onRemoveAll && (onSave || onRemoveSaved) && <DropdownMenu.Separator />}\n            {onSave && (\n              <DropdownMenu.Item onSelect={() => onSave()}>\n                <SaveIcon />\n                Save filters for next time\n              </DropdownMenu.Item>\n            )}\n            {onRemoveSaved && (\n              <DropdownMenu.Item onSelect={() => onRemoveSaved()}>\n                <Trash2Icon />\n                Remove saved filters\n              </DropdownMenu.Item>\n            )}\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      )}\n    </div>\n  );\n}\n","import { CheckIcon, SearchIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { PropertyFilterField, PropertyFilterToken } from './types';\nimport { Spinner } from '@/ds/components/Spinner/spinner';\nimport { menuEmptyClass, menuItemButtonClass, menuItemCheckClass, menuSearchClasses } from '@/ds/primitives/menu-item';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { cn } from '@/lib/utils';\n\n// Same rendering as Combobox items: no visible control, a trailing check when selected.\n// Focus is on the item itself (roving via [data-pick-multi-item]).\nconst pickMultiItemClass = cn(menuItemButtonClass, 'min-w-0');\n\nfunction PickMultiItem({\n  role,\n  checked,\n  label,\n  onClick,\n}: {\n  role: 'checkbox' | 'radio';\n  checked: boolean;\n  label: string;\n  onClick: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role={role}\n      aria-checked={checked}\n      data-selected={checked || undefined}\n      data-pick-multi-item=\"\"\n      title={label}\n      className={pickMultiItemClass}\n      onClick={onClick}\n    >\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n      {checked && (\n        <span className={menuItemCheckClass}>\n          <CheckIcon />\n        </span>\n      )}\n    </button>\n  );\n}\n\ntype PickMultiField = Extract<PropertyFilterField, { kind: 'pick-multi' }>;\n\nexport type PickMultiPanelProps = {\n  field: PickMultiField;\n  tokens: PropertyFilterToken[];\n  /** Always carries a value: an empty list is how the panel says \"nothing selected\". */\n  onChange: (fieldId: string, value: string | string[]) => void;\n};\n\n/**\n * Reusable body for a pick-multi side popover: optional search input plus a\n * radio group (single-select) or checkbox list (when `field.multi` is true).\n * Shared between the Filter Creator's property-picker side popover and the\n * PropertyFilterApplied pill's inline editor so both surfaces use the exact same UI.\n */\nexport function PickMultiPanel({ field, tokens, onChange }: PickMultiPanelProps) {\n  const [query, setQuery] = useState('');\n  const listClassName = 'max-h-[80dvh] overflow-auto p-1';\n\n  const filteredOptions = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    if (!q) return field.options;\n    return field.options.filter(o => o.label.toLowerCase().includes(q));\n  }, [field.options, query]);\n\n  const token = useMemo(() => tokens.find(t => t.fieldId === field.id), [tokens, field.id]);\n  // Fall back to `defaultValue` when no token exists — lets view-toggle fields (e.g. List mode)\n  // show their default option pre-selected before the user explicitly picks one.\n  const selectedValue = typeof token?.value === 'string' ? token.value : !field.multi ? field.defaultValue : undefined;\n  const selectedValues = useMemo<string[]>(() => {\n    const value = token?.value;\n    if (Array.isArray(value)) return value;\n    if (typeof value === 'string') return [value];\n    return [];\n  }, [token]);\n\n  return (\n    <>\n      {field.searchable !== false && (\n        <div className={menuSearchClasses.container}>\n          <SearchIcon className={menuSearchClasses.icon} />\n          <input\n            type=\"text\"\n            value={query}\n            onChange={e => setQuery(e.target.value)}\n            placeholder={`Search ${field.label.toLowerCase()}`}\n            className={menuSearchClasses.input}\n            {...passwordManagerOptOutProps}\n            onKeyDown={e => {\n              if (e.key !== 'ArrowDown') return;\n              const panel = e.currentTarget.closest<HTMLElement>('[data-pick-multi-panel]');\n              const first = panel?.querySelector<HTMLElement>('[data-pick-multi-item]:not([disabled])');\n              if (!first) return;\n              e.preventDefault();\n              e.stopPropagation();\n              first.focus();\n            }}\n          />\n        </div>\n      )}\n\n      {field.isLoading ? (\n        <div className={cn(menuEmptyClass, 'm-1')}>\n          <Spinner size=\"sm\" className=\"size-3 text-muted-foreground\" />\n          Loading options…\n        </div>\n      ) : filteredOptions.length === 0 ? (\n        <div className={cn(menuEmptyClass, 'm-1')}>{field.emptyText ?? 'No option found.'}</div>\n      ) : field.multi ? (\n        <div className={listClassName}>\n          <>\n            {filteredOptions.map(option => {\n              const checked = selectedValues.includes(option.value);\n              return (\n                <PickMultiItem\n                  key={option.value}\n                  role=\"checkbox\"\n                  checked={checked}\n                  label={option.label}\n                  onClick={() =>\n                    onChange(\n                      field.id,\n                      checked ? selectedValues.filter(v => v !== option.value) : [...selectedValues, option.value],\n                    )\n                  }\n                />\n              );\n            })}\n          </>\n        </div>\n      ) : (\n        <div role=\"radiogroup\" className={listClassName}>\n          <>\n            {filteredOptions.map(option => (\n              <PickMultiItem\n                key={option.value}\n                role=\"radio\"\n                checked={selectedValue === option.value}\n                label={option.label}\n                onClick={() => onChange(field.id, option.value)}\n              />\n            ))}\n            {!field.omitAnyOption && (\n              <PickMultiItem\n                role=\"radio\"\n                checked={selectedValue === 'Any'}\n                label=\"Any\"\n                onClick={() => onChange(field.id, 'Any')}\n              />\n            )}\n          </>\n        </div>\n      )}\n    </>\n  );\n}\n","import { LockIcon, XIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { Button } from '../Button';\nimport { ButtonsGroup, ButtonsGroupText } from '../ButtonsGroup';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../Tooltip';\nimport { PickMultiPanel } from './pick-multi-panel';\nimport type { PropertyFilterField, PropertyFilterToken } from './types';\nimport { Input } from '@/ds/components/Input';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover/popover';\nimport { MENU_SIDE_OFFSET } from '@/ds/primitives/menu-item';\n\nexport type PropertyFilterAppliedProps = {\n  fields: PropertyFilterField[];\n  tokens: PropertyFilterToken[];\n  onTokensChange: (tokens: PropertyFilterToken[]) => void;\n  disabled?: boolean;\n  /**\n   * Field id that was just added via the Creator — rendered pill auto-focuses\n   * its input so the user can start typing immediately.\n   */\n  autoFocusFieldId?: string;\n  /**\n   * Field ids whose pills must remain visible and read-only — value stays\n   * displayed but cannot be edited or removed. Use when an upstream context\n   * (e.g. agent-scoped traces tab) pre-applies a filter that the user must\n   * not be able to clear.\n   */\n  lockedFieldIds?: readonly string[];\n  /** Tooltip content shown on hover/focus of any locked pill. */\n  lockedTooltipContent?: ReactNode;\n};\n\nfunction stringifyTokenValue(value: string | string[]) {\n  if (Array.isArray(value)) return value.length === 0 ? 'Any' : value.join(', ');\n  return value;\n}\n\nconst DEFAULT_LOCKED_TOOLTIP = 'This filter is set by the current context and cannot be removed here.';\n\nfunction lookupOptionLabel(field: PropertyFilterField, value: string | string[]): string {\n  if (field.kind === 'pick-multi' && field.options) {\n    if (Array.isArray(value)) {\n      if (value.length === 0) return 'Any';\n      return value.map(v => field.options.find(o => o.value === v)?.label ?? v).join(', ');\n    }\n    return field.options.find(o => o.value === value)?.label ?? value;\n  }\n  return stringifyTokenValue(value);\n}\n\ntype LockedTokenPillProps = {\n  field: PropertyFilterField;\n  value: string | string[];\n  tooltipContent: ReactNode;\n};\n\nfunction LockedTokenPill({ field, value, tooltipContent }: LockedTokenPillProps) {\n  const display = lookupOptionLabel(field, value);\n  const lockA11yLabel = `${field.label} filter is locked by context`;\n\n  return (\n    <TooltipProvider delayDuration={150}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <ButtonsGroup\n            data-locked-field-id={field.id}\n            data-property-filter-pill=\"locked\"\n            tabIndex={0}\n            aria-label={lockA11yLabel}\n          >\n            <ButtonsGroupText>{field.label}</ButtonsGroupText>\n            <ButtonsGroupText>is</ButtonsGroupText>\n            <ButtonsGroupText>{display}</ButtonsGroupText>\n            <ButtonsGroupText>\n              <LockIcon />\n            </ButtonsGroupText>\n          </ButtonsGroup>\n        </TooltipTrigger>\n        <TooltipContent>{tooltipContent}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n\ntype TextTokenPillProps = {\n  field: Extract<PropertyFilterField, { kind: 'text' }>;\n  value: string;\n  onChange: (value: string) => void;\n  onRemove: () => void;\n  disabled?: boolean;\n  autoFocus?: boolean;\n};\n\nfunction TextTokenPill({ field, value, onChange, onRemove, disabled, autoFocus }: TextTokenPillProps) {\n  // Local draft keeps the caret stable when the URL round-trip trims the\n  // stored value (e.g. trailing spaces). We only re-sync from the prop when\n  // the external value is genuinely different from our current (trimmed) draft.\n  const [draft, setDraft] = useState(value);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (draft.trim() !== value) setDraft(value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  useEffect(() => {\n    if (autoFocus) inputRef.current?.focus();\n  }, [autoFocus]);\n\n  return (\n    <ButtonsGroup>\n      <ButtonsGroupText>{field.label}</ButtonsGroupText>\n      <ButtonsGroupText>is</ButtonsGroupText>\n      <Input\n        ref={inputRef}\n        disabled={disabled}\n        value={draft}\n        placeholder={field.placeholder ?? `Enter ${field.label}`}\n        onChange={e => {\n          const next = e.target.value;\n          setDraft(next);\n          // Apply live — URL and traces query update on every keystroke.\n          // Empty values persist as empty-value tokens so the pill stays visible.\n          if (next.trim() !== value) onChange(next);\n        }}\n        onKeyDown={e => {\n          if (e.key === 'Enter') {\n            e.preventDefault();\n            const trimmed = draft.trim();\n            if (trimmed !== value) onChange(trimmed);\n          } else if (e.key === 'Escape') {\n            e.preventDefault();\n            setDraft(value);\n            e.currentTarget.blur();\n          }\n        }}\n      />\n      <Button\n        size=\"icon-md\"\n        type=\"button\"\n        disabled={disabled}\n        aria-label={`Remove ${field.label} filter`}\n        onMouseDown={e => e.preventDefault()}\n        onClick={onRemove}\n      >\n        <XIcon />\n      </Button>\n    </ButtonsGroup>\n  );\n}\n\ntype PickMultiTokenPillProps = {\n  field: Extract<PropertyFilterField, { kind: 'pick-multi' }>;\n  token: PropertyFilterToken;\n  tokens: PropertyFilterToken[];\n  onChange: (fieldId: string, value: string | string[]) => void;\n  onRemove: () => void;\n  disabled?: boolean;\n};\n\nfunction PickMultiTokenPill({ field, token, tokens, onChange, onRemove, disabled }: PickMultiTokenPillProps) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <ButtonsGroup>\n      <ButtonsGroupText>{field.label}</ButtonsGroupText>\n      <ButtonsGroupText>is</ButtonsGroupText>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button type=\"button\" disabled={disabled}>\n            {stringifyTokenValue(token.value)}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent align=\"start\" sideOffset={MENU_SIDE_OFFSET} className=\"w-64 p-0\" data-pick-multi-panel>\n          <PickMultiPanel field={field} tokens={tokens} onChange={onChange} />\n        </PopoverContent>\n      </Popover>\n      <Button\n        size=\"icon-md\"\n        type=\"button\"\n        disabled={disabled}\n        aria-label={`Remove ${field.label} filter`}\n        onClick={onRemove}\n      >\n        <XIcon />\n      </Button>\n    </ButtonsGroup>\n  );\n}\n\n/**\n * Applied filter pills. Text/id-style tokens render with an always-active\n * input so the user can edit the value inline (and an empty token is valid —\n * it persists in the URL until the user explicitly removes it via ×).\n * Pick-multi tokens render with a clickable value that opens the same side\n * popover as the Filter Creator so the user can update selections in place.\n * Creation lives in a separate component (PropertyFilterCreator).\n */\nexport function PropertyFilterApplied({\n  fields,\n  tokens,\n  onTokensChange,\n  disabled,\n  autoFocusFieldId,\n  lockedFieldIds,\n  lockedTooltipContent = DEFAULT_LOCKED_TOOLTIP,\n}: PropertyFilterAppliedProps) {\n  if (tokens.length === 0) return null;\n\n  const lockedSet = new Set(lockedFieldIds ?? []);\n\n  const replaceTokenAt = (index: number, next: PropertyFilterToken) => {\n    const copy = [...tokens];\n    copy[index] = next;\n    onTokensChange(copy);\n  };\n\n  const removeTokenAt = (index: number) => {\n    onTokensChange(tokens.filter((_, i) => i !== index));\n  };\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      {tokens.map((token, index) => {\n        const field = fields.find(f => f.id === token.fieldId);\n        if (!field) return null;\n\n        if (lockedSet.has(token.fieldId)) {\n          return (\n            <LockedTokenPill\n              key={`${token.fieldId}-${index}`}\n              field={field}\n              value={token.value}\n              tooltipContent={lockedTooltipContent}\n            />\n          );\n        }\n\n        if (field.kind === 'text' && !Array.isArray(token.value)) {\n          return (\n            <TextTokenPill\n              key={`${token.fieldId}-${index}`}\n              field={field}\n              value={token.value}\n              disabled={disabled}\n              autoFocus={autoFocusFieldId === token.fieldId}\n              onChange={nextValue => replaceTokenAt(index, { fieldId: token.fieldId, value: nextValue })}\n              onRemove={() => removeTokenAt(index)}\n            />\n          );\n        }\n\n        if (field.kind === 'pick-multi') {\n          return (\n            <PickMultiTokenPill\n              key={`${token.fieldId}-${index}`}\n              field={field}\n              token={token}\n              tokens={tokens}\n              disabled={disabled}\n              // Unselecting everything (empty array) keeps the pill alive in a\n              // neutral state — the user explicitly removes it via ×. This lets\n              // the page-level Reset neutralize values without dropping the pill.\n              onChange={(fieldId, value) => replaceTokenAt(index, { fieldId, value })}\n              onRemove={() => removeTokenAt(index)}\n            />\n          );\n        }\n\n        return (\n          <ButtonsGroup key={`${token.fieldId}-${index}`}>\n            <ButtonsGroupText>{field.label}</ButtonsGroupText>\n            <ButtonsGroupText>is</ButtonsGroupText>\n            <ButtonsGroupText>{stringifyTokenValue(token.value)}</ButtonsGroupText>\n            <Button\n              size=\"icon-md\"\n              type=\"button\"\n              disabled={disabled}\n              aria-label={`Remove ${field.label} filter`}\n              onClick={() => removeTokenAt(index)}\n            >\n              <XIcon />\n            </Button>\n          </ButtonsGroup>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{property-filter-applied-BkkIObRq.cjs → property-filter-applied-DuyL4S_K.cjs}

@@ -1,13 +1,13 @@
 const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_tooltip = require("./tooltip-BiRLT3Th.cjs");
-const require_Button = require("./Button-DLcMcuUL.cjs");
+const require_tooltip = require("./tooltip-BsExuMO8.cjs");
+const require_Button = require("./Button-BfICfyxD.cjs");
 const require_primitives_menu_item = require("./primitives/menu-item.cjs.js");
 const require_primitives_password_manager_autofill = require("./primitives/password-manager-autofill.cjs.js");
-const require_input = require("./input-2hRXcZIu.cjs");
-const require_dropdown_menu = require("./dropdown-menu-BETTTPBB.cjs");
-const require_buttons_group = require("./buttons-group-Dc6R7YSs.cjs");
-const require_spinner = require("./spinner-C8ZxiA5C.cjs");
-const require_popover = require("./popover-BJqa6Hz6.cjs");
+const require_input = require("./input-BpnUsQSt.cjs");
+const require_dropdown_menu = require("./dropdown-menu-Dx-jCOIv.cjs");
+const require_buttons_group = require("./buttons-group-DM6_Kohs.cjs");
+const require_spinner = require("./spinner-oS6q4pwx.cjs");
+const require_popover = require("./popover-D9AfJmla.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -358,4 +358,4 @@ Object.defineProperty(exports, "PropertyFilterApplied", {
 	}
 });
 
-//# sourceMappingURL=property-filter-applied-BkkIObRq.cjs.map
+//# sourceMappingURL=property-filter-applied-DuyL4S_K.cjs.map