@mastra/playground-ui 55.0.0-alpha.5 → 55.0.0

package/dist/ee/signals/components/trace-intelligence-entity-index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-intelligence-entity-index.es.js","sources":["../../../../src/ee/signals/components/trace-intelligence-entity-index.tsx"],"sourcesContent":["import type { SignalCatalogEntry, ThemeLearningEntity } from '@mastra/client-js';\nimport { Columns2, List, CircleSlashIcon } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nimport { useThemeEntities } from '../hooks';\nimport { TraceSignalSettingsButton, TraceSignalSettingsPanel } from '../settings/trace-signal-settings';\nimport { TraceIntelligenceExplainer } from '../trace-intelligence-explainer';\nimport { useTraceIntelligence } from '../use-trace-intelligence';\nimport { EntityIndexCompactGrid } from './entity-index-compact-grid';\nimport { EntityIndexList } from './entity-index-list';\nimport { filterAndSortEntities } from './entity-index-model';\nimport type { TraceIntelligenceEntitySort, TraceIntelligenceEntityView } from './entity-index-model';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { ErrorState } from '@/ds/components/ErrorState';\nimport { ListSearch } from '@/ds/components/ListSearch';\nimport { NoDataPageLayout, PageLayout } from '@/ds/components/PageLayout';\nimport { PermissionDenied } from '@/ds/components/PermissionDenied';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { SessionExpired } from '@/ds/components/SessionExpired';\nimport { is401UnauthorizedError, is403ForbiddenError } from '@/utils/errors';\n\nexport type { TraceIntelligenceEntitySort, TraceIntelligenceEntityView } from './entity-index-model';\n\nconst listColumns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface TraceIntelligenceEntityIndexProps {\n  entityType: string;\n  search: string;\n  sort: TraceIntelligenceEntitySort;\n  view: TraceIntelligenceEntityView;\n  onSearchChange: (search: string) => void;\n  onSortChange: (sort: TraceIntelligenceEntitySort) => void;\n  onViewChange: (view: TraceIntelligenceEntityView) => void;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  headerAction?: ReactNode;\n}\n\nfunction EntityIndexError({ error }: { error: Error }) {\n  if (is401UnauthorizedError(error)) {\n    return (\n      <NoDataPageLayout>\n        <SessionExpired />\n      </NoDataPageLayout>\n    );\n  }\n  if (is403ForbiddenError(error)) {\n    return (\n      <NoDataPageLayout>\n        <PermissionDenied resource=\"Trace Intelligence\" />\n      </NoDataPageLayout>\n    );\n  }\n  return (\n    <NoDataPageLayout>\n      <ErrorState title=\"Failed to load Trace Intelligence\" message={error.message} />\n    </NoDataPageLayout>\n  );\n}\n\nfunction EntityIndexControls({\n  search,\n  sort,\n  view,\n  onSearchChange,\n  onSortChange,\n  onViewChange,\n  headerAction,\n  signalCatalog,\n}: Pick<\n  TraceIntelligenceEntityIndexProps,\n  'search' | 'sort' | 'view' | 'onSearchChange' | 'onSortChange' | 'onViewChange' | 'headerAction'\n> & { signalCatalog: readonly SignalCatalogEntry[] }) {\n  return (\n    <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center\">\n      <div className=\"max-w-120 flex-1\">\n        <ListSearch\n          value={search}\n          onSearch={onSearchChange}\n          label=\"Filter entities\"\n          placeholder=\"Filter by entity identifier\"\n        />\n      </div>\n      <div className=\"flex items-center justify-between gap-2 sm:ml-auto sm:justify-end\">\n        <TraceIntelligenceExplainer signalCatalog={signalCatalog} />\n        <Select<TraceIntelligenceEntitySort> value={sort} onValueChange={onSortChange}>\n          <SelectTrigger aria-label=\"Sort entities\" size=\"md\" variant=\"ghost\" className=\"w-auto\">\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent align=\"end\">\n            <SelectItem value=\"default\">Default order</SelectItem>\n            <SelectItem value=\"entity-asc\">Entity: A–Z</SelectItem>\n            <SelectItem value=\"entity-desc\">Entity: Z–A</SelectItem>\n          </SelectContent>\n        </Select>\n        {headerAction}\n        <ButtonsGroup spacing=\"close\" aria-label=\"Entities view\">\n          <Button\n            type=\"button\"\n            variant={view === 'list' ? 'primary' : 'outline'}\n            size=\"icon-md\"\n            tooltip=\"List view\"\n            aria-pressed={view === 'list'}\n            onClick={() => onViewChange('list')}\n          >\n            <List />\n          </Button>\n          <Button\n            type=\"button\"\n            variant={view === 'compact' ? 'primary' : 'outline'}\n            size=\"icon-md\"\n            tooltip=\"Compact view\"\n            aria-pressed={view === 'compact'}\n            onClick={() => onViewChange('compact')}\n          >\n            <Columns2 />\n          </Button>\n        </ButtonsGroup>\n      </div>\n    </div>\n  );\n}\n\nexport function TraceIntelligenceEntityIndex({\n  entityType,\n  search,\n  sort,\n  view,\n  onSearchChange,\n  onSortChange,\n  onViewChange,\n  getEntityHref,\n  headerAction,\n}: TraceIntelligenceEntityIndexProps) {\n  const entitiesQuery = useThemeEntities(entityType);\n  const { LinkComponent, signalCatalog: contextSignalCatalog, signalManagement } = useTraceIntelligence();\n  const [settingsOpen, setSettingsOpen] = useState(false);\n\n  if (entitiesQuery.error) return <EntityIndexError error={entitiesQuery.error} />;\n\n  const sourceEntities = entitiesQuery.data?.entities ?? [];\n  const signalCatalog =\n    sourceEntities.find(entity => entity.signalCatalog?.length)?.signalCatalog ?? contextSignalCatalog;\n  const entities = filterAndSortEntities(sourceEntities, search, sort);\n  const hasSearch = search.trim().length > 0;\n  let body = (\n    <EntityIndexList\n      entities={entities}\n      hasSearch={hasSearch}\n      getEntityHref={getEntityHref}\n      LinkComponent={LinkComponent}\n    />\n  );\n  if (entitiesQuery.isPending) {\n    body = (\n      <div role=\"status\" aria-label=\"Loading Trace Intelligence entities\">\n        <DataListSkeleton columns={listColumns} />\n      </div>\n    );\n  } else if (entitiesQuery.data.entities.length === 0 && !hasSearch) {\n    body = (\n      <EmptyState\n        iconSlot={<CircleSlashIcon aria-hidden=\"true\" />}\n        titleSlot=\"No Trace Intelligence entities yet\"\n        descriptionSlot=\"Entities appear after Trace Intelligence begins collecting generated signal data.\"\n      />\n    );\n  } else if (view === 'compact') {\n    body = (\n      <EntityIndexCompactGrid\n        entities={entities}\n        hasSearch={hasSearch}\n        getEntityHref={getEntityHref}\n        LinkComponent={LinkComponent}\n      />\n    );\n  }\n\n  return (\n    <PageLayout width=\"narrow\" height=\"full\" className=\"max-w-7xl grid-rows-[auto_minmax(0,1fr)] content-normal\">\n      <PageLayout.TopArea>\n        <EntityIndexControls\n          search={search}\n          sort={sort}\n          view={view}\n          onSearchChange={onSearchChange}\n          onSortChange={onSortChange}\n          onViewChange={onViewChange}\n          signalCatalog={signalCatalog}\n          headerAction={\n            headerAction || signalManagement ? (\n              <>\n                {headerAction}\n                {signalManagement ? (\n                  <TraceSignalSettingsButton open={settingsOpen} onClick={() => setSettingsOpen(open => !open)} />\n                ) : null}\n              </>\n            ) : undefined\n          }\n        />\n      </PageLayout.TopArea>\n      <div\n        className={\n          settingsOpen\n            ? 'grid max-h-full min-h-0 grid-cols-1 items-start gap-4 lg:grid-cols-[1fr_1fr]'\n            : 'grid min-h-0 grid-cols-1'\n        }\n      >\n        <div className=\"min-h-0 min-w-0\">{body}</div>\n        {settingsOpen ? <TraceSignalSettingsPanel onClose={() => setSettingsOpen(false)} /> : null}\n      </div>\n    </PageLayout>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"trace-intelligence-entity-index.es.js","sources":["../../../../src/ee/signals/components/trace-intelligence-entity-index.tsx"],"sourcesContent":["import type { SignalCatalogEntry, ThemeLearningEntity } from '@mastra/client-js';\nimport { Columns2, List, CircleSlashIcon } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nimport { useThemeEntities } from '../hooks';\nimport { TraceSignalSettingsButton, TraceSignalSettingsPanel } from '../settings/trace-signal-settings';\nimport { TraceIntelligenceExplainer } from '../trace-intelligence-explainer';\nimport { useTraceIntelligence } from '../use-trace-intelligence';\nimport { EntityIndexCompactGrid } from './entity-index-compact-grid';\nimport { EntityIndexList } from './entity-index-list';\nimport { filterAndSortEntities } from './entity-index-model';\nimport type { TraceIntelligenceEntitySort, TraceIntelligenceEntityView } from './entity-index-model';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { ErrorState } from '@/ds/components/ErrorState';\nimport { ListSearch } from '@/ds/components/ListSearch';\nimport { NoDataPageLayout, PageLayout } from '@/ds/components/PageLayout';\nimport { PermissionDenied } from '@/ds/components/PermissionDenied';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { SessionExpired } from '@/ds/components/SessionExpired';\nimport { is401UnauthorizedError, is403ForbiddenError } from '@/utils/errors';\n\nexport type { TraceIntelligenceEntitySort, TraceIntelligenceEntityView } from './entity-index-model';\n\nconst listColumns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface TraceIntelligenceEntityIndexProps {\n  entityType: string;\n  search: string;\n  sort: TraceIntelligenceEntitySort;\n  view: TraceIntelligenceEntityView;\n  onSearchChange: (search: string) => void;\n  onSortChange: (sort: TraceIntelligenceEntitySort) => void;\n  onViewChange: (view: TraceIntelligenceEntityView) => void;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  headerAction?: ReactNode;\n}\n\nfunction EntityIndexError({ error }: { error: Error }) {\n  if (is401UnauthorizedError(error)) {\n    return (\n      <NoDataPageLayout>\n        <SessionExpired />\n      </NoDataPageLayout>\n    );\n  }\n  if (is403ForbiddenError(error)) {\n    return (\n      <NoDataPageLayout>\n        <PermissionDenied resource=\"Trace Intelligence\" />\n      </NoDataPageLayout>\n    );\n  }\n  return (\n    <NoDataPageLayout>\n      <ErrorState title=\"Failed to load Trace Intelligence\" message={error.message} />\n    </NoDataPageLayout>\n  );\n}\n\nfunction EntityIndexControls({\n  search,\n  sort,\n  view,\n  onSearchChange,\n  onSortChange,\n  onViewChange,\n  headerAction,\n  signalCatalog,\n}: Pick<\n  TraceIntelligenceEntityIndexProps,\n  'search' | 'sort' | 'view' | 'onSearchChange' | 'onSortChange' | 'onViewChange' | 'headerAction'\n> & { signalCatalog: readonly SignalCatalogEntry[] }) {\n  return (\n    <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center\">\n      <div className=\"max-w-120 flex-1\">\n        <ListSearch\n          value={search}\n          onSearch={onSearchChange}\n          label=\"Filter entities\"\n          placeholder=\"Filter by entity identifier\"\n        />\n      </div>\n      <div className=\"flex items-center justify-between gap-2 sm:ml-auto sm:justify-end\">\n        <TraceIntelligenceExplainer signalCatalog={signalCatalog} />\n        <Select<TraceIntelligenceEntitySort> value={sort} onValueChange={onSortChange}>\n          <SelectTrigger aria-label=\"Sort entities\" size=\"md\" variant=\"ghost\" className=\"w-auto\">\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent align=\"end\">\n            <SelectItem value=\"default\">Default order</SelectItem>\n            <SelectItem value=\"entity-asc\">Entity: A–Z</SelectItem>\n            <SelectItem value=\"entity-desc\">Entity: Z–A</SelectItem>\n          </SelectContent>\n        </Select>\n        {headerAction}\n        <ButtonsGroup spacing=\"close\" aria-label=\"Entities view\">\n          <Button\n            type=\"button\"\n            variant={view === 'list' ? 'primary' : 'outline'}\n            size=\"icon-md\"\n            tooltip=\"List view\"\n            aria-pressed={view === 'list'}\n            onClick={() => onViewChange('list')}\n          >\n            <List />\n          </Button>\n          <Button\n            type=\"button\"\n            variant={view === 'compact' ? 'primary' : 'outline'}\n            size=\"icon-md\"\n            tooltip=\"Compact view\"\n            aria-pressed={view === 'compact'}\n            onClick={() => onViewChange('compact')}\n          >\n            <Columns2 />\n          </Button>\n        </ButtonsGroup>\n      </div>\n    </div>\n  );\n}\n\nexport function TraceIntelligenceEntityIndex({\n  entityType,\n  search,\n  sort,\n  view,\n  onSearchChange,\n  onSortChange,\n  onViewChange,\n  getEntityHref,\n  headerAction,\n}: TraceIntelligenceEntityIndexProps) {\n  const entitiesQuery = useThemeEntities(entityType);\n  const { LinkComponent, signalCatalog: contextSignalCatalog, signalManagement } = useTraceIntelligence();\n  const [settingsOpen, setSettingsOpen] = useState(false);\n\n  if (entitiesQuery.error) return <EntityIndexError error={entitiesQuery.error} />;\n\n  const sourceEntities = entitiesQuery.data?.entities ?? [];\n  const signalCatalog =\n    sourceEntities.find(entity => entity.signalCatalog?.length)?.signalCatalog ?? contextSignalCatalog;\n  const entities = filterAndSortEntities(sourceEntities, search, sort);\n  const hasSearch = search.trim().length > 0;\n  let body = (\n    <EntityIndexList\n      entities={entities}\n      hasSearch={hasSearch}\n      getEntityHref={getEntityHref}\n      LinkComponent={LinkComponent}\n    />\n  );\n  if (entitiesQuery.isPending) {\n    body = (\n      <div role=\"status\" aria-label=\"Loading Trace Intelligence entities\">\n        <DataListSkeleton columns={listColumns} />\n      </div>\n    );\n  } else if (entitiesQuery.data.entities.length === 0 && !hasSearch) {\n    body = (\n      <EmptyState\n        iconSlot={<CircleSlashIcon aria-hidden=\"true\" />}\n        titleSlot=\"No Trace Intelligence entities yet\"\n        descriptionSlot=\"Entities appear after Trace Intelligence begins collecting generated signal data.\"\n      />\n    );\n  } else if (view === 'compact') {\n    body = (\n      <EntityIndexCompactGrid\n        entities={entities}\n        hasSearch={hasSearch}\n        getEntityHref={getEntityHref}\n        LinkComponent={LinkComponent}\n      />\n    );\n  }\n\n  return (\n    <PageLayout width=\"narrow\" height=\"full\" className=\"max-w-7xl grid-rows-[auto_minmax(0,1fr)] content-normal\">\n      <PageLayout.TopArea>\n        <EntityIndexControls\n          search={search}\n          sort={sort}\n          view={view}\n          onSearchChange={onSearchChange}\n          onSortChange={onSortChange}\n          onViewChange={onViewChange}\n          signalCatalog={signalCatalog}\n          headerAction={\n            headerAction || signalManagement ? (\n              <>\n                {headerAction}\n                {signalManagement ? (\n                  <TraceSignalSettingsButton open={settingsOpen} onClick={() => setSettingsOpen(open => !open)} />\n                ) : null}\n              </>\n            ) : undefined\n          }\n        />\n      </PageLayout.TopArea>\n      <div\n        className={\n          settingsOpen\n            ? 'grid max-h-full min-h-0 grid-cols-1 items-start gap-4 lg:grid-cols-[1fr_1fr]'\n            : 'grid min-h-0 grid-cols-1'\n        }\n      >\n        <div className=\"min-h-0 min-w-0\">{body}</div>\n        {settingsOpen ? <TraceSignalSettingsPanel onClose={() => setSettingsOpen(false)} /> : null}\n      </div>\n    </PageLayout>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/examples-pager.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../Button-BsHGVRjh.cjs');
+const Button = require('../../Button-BJOVwaxp.cjs');
 
 const EXAMPLES_PAGE_SIZE = 5;
 function ExamplesPager({

package/dist/ee/signals/examples-pager.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { B as Button } from '../../Button-DsTY88Xz.js';
+import { B as Button } from '../../Button-BVGwYwHT.js';
 
 const EXAMPLES_PAGE_SIZE = 5;
 function ExamplesPager({

package/dist/ee/signals/noise-detail-panel.cjs.js

@@ -11,7 +11,7 @@ require('@tanstack/react-query');
 require('./trace-intelligence-context.cjs.js');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_traceInsightView = require('./trace-insight-view.cjs.js');
-const drawer = require('../../drawer-BXOkhFYI.cjs');
+const drawer = require('../../drawer-Bq7j_MiM.cjs');
 
 function NoiseDetailPanel({
   entityId,

package/dist/ee/signals/noise-detail-panel.es.js

@@ -7,7 +7,7 @@ import '@tanstack/react-query';
 import './trace-intelligence-context.es.js';
 import { shareSentence } from './signal-formatting.es.js';
 import { TraceInsightView } from './trace-insight-view.es.js';
-import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-DUhKiF6i.js';
+import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-D1m2faHU.js';
 
 function NoiseDetailPanel({
   entityId,

package/dist/ee/signals/sankey-signals.cjs.js

@@ -30,7 +30,7 @@ const ee_signals_traceIntelligenceContext = require('./trace-intelligence-contex
 const ee_signals_traceIntelligenceExplainer = require('./trace-intelligence-explainer.cjs.js');
 const ee_signals_useTraceIntelligence = require('./use-trace-intelligence.cjs.js');
 const ee_signals_viewModeTab = require('./view-mode-tab.cjs.js');
-const tabsRoot = require('../../tabs-root-BAJYWOrk.cjs');
+const tabsRoot = require('../../tabs-root-Dw7gHsnZ.cjs');
 
 const DRILL_IN_TRACE_LIMIT = 2e3;
 const VIEW_DESCRIPTIONS = {

package/dist/ee/signals/sankey-signals.es.js

@@ -26,7 +26,7 @@ import { TraceIntelligenceContext } from './trace-intelligence-context.es.js';
 import { TraceIntelligenceExplainer } from './trace-intelligence-explainer.es.js';
 import { useTraceIntelligence } from './use-trace-intelligence.es.js';
 import { ViewModeTab } from './view-mode-tab.es.js';
-import { a as Tabs, T as TabList } from '../../tabs-root-B4G-ywup.js';
+import { a as Tabs, T as TabList } from '../../tabs-root-BAy8m6GO.js';
 
 const DRILL_IN_TRACE_LIMIT = 2e3;
 const VIEW_DESCRIPTIONS = {

package/dist/ee/signals/settings/signal-definition-form-dialog.cjs.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-BsHGVRjh.cjs');
-const dialog = require('../../../dialog-CUeeMxRo.cjs');
+const Button = require('../../../Button-BJOVwaxp.cjs');
+const dialog = require('../../../dialog-B1DwyLJJ.cjs');
 const fieldBlock = require('../../../field-block-DosykAiQ.cjs');
-const textFieldBlock = require('../../../text-field-block-DBEXulUE.cjs');
+const textFieldBlock = require('../../../text-field-block-WuwrSNEX.cjs');
 const spinner = require('../../../spinner-Bj7FQzLQ.cjs');
-const textarea = require('../../../textarea-C_saJE6T.cjs');
+const textarea = require('../../../textarea-D9XsLoN5.cjs');
 
 const reservedNames = /* @__PURE__ */ new Set([
   "goal",

package/dist/ee/signals/settings/signal-definition-form-dialog.es.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { X } from 'lucide-react';
 import { useId, useState } from 'react';
-import { B as Button } from '../../../Button-DsTY88Xz.js';
-import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody, f as DialogFooter } from '../../../dialog-KvPRmHPW.js';
+import { B as Button } from '../../../Button-BVGwYwHT.js';
+import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody, f as DialogFooter } from '../../../dialog-Dfrt_JCJ.js';
 import { F as FieldBlock } from '../../../field-block-CVOfRWvX.js';
-import { T as TextFieldBlock } from '../../../text-field-block-BVhQGWYw.js';
+import { T as TextFieldBlock } from '../../../text-field-block-CUN9gL4j.js';
 import { S as Spinner } from '../../../spinner-CUkNhTKC.js';
-import { T as Textarea } from '../../../textarea-BcaFNmji.js';
+import { T as Textarea } from '../../../textarea-BCVPeJzr.js';
 
 const reservedNames = /* @__PURE__ */ new Set([
   "goal",

package/dist/ee/signals/settings/trace-signal-settings.cjs.js

@@ -9,11 +9,11 @@ const ee_signals_useTraceIntelligence = require('../use-trace-intelligence.cjs.j
 const ee_signals_settings_signalDefinitionFormDialog = require('./signal-definition-form-dialog.cjs.js');
 const ee_signals_settings_useSignalManagement = require('./use-signal-management.cjs.js');
 const Badge = require('../../../Badge-B-LKnrNk.cjs');
-const Button = require('../../../Button-BsHGVRjh.cjs');
+const Button = require('../../../Button-BJOVwaxp.cjs');
 const components_DataDetailsPanel = require('../../../components/DataDetailsPanel.cjs.js');
-const Notice = require('../../../Notice-BUSAcuH-.cjs');
+const Notice = require('../../../Notice-D0Mvqvr0.cjs');
 const skeleton = require('../../../skeleton-DYq_5Fad.cjs');
-const _switch = require('../../../switch-CsnP5CNn.cjs');
+const _switch = require('../../../switch-BROLIeGF.cjs');
 
 function TraceSignalSettingsButton({ open, onClick }) {
   const { signalManagement } = ee_signals_useTraceIntelligence.useTraceIntelligence();

package/dist/ee/signals/settings/trace-signal-settings.es.js

@@ -5,11 +5,11 @@ import { useTraceIntelligence } from '../use-trace-intelligence.es.js';
 import { SignalDefinitionFormDialog } from './signal-definition-form-dialog.es.js';
 import { useSignalManagementList, useSignalManagementMutations } from './use-signal-management.es.js';
 import { B as Badge } from '../../../Badge-BqVBVHGc.js';
-import { B as Button } from '../../../Button-DsTY88Xz.js';
+import { B as Button } from '../../../Button-BVGwYwHT.js';
 import { DataDetailsPanel } from '../../../components/DataDetailsPanel.es.js';
-import { N as Notice } from '../../../Notice-B5khVt-8.js';
+import { N as Notice } from '../../../Notice-CMZ86f1g.js';
 import { S as Skeleton } from '../../../skeleton-KJCC29GI.js';
-import { S as Switch } from '../../../switch-CRgSw0D1.js';
+import { S as Switch } from '../../../switch-A-j7GDcX.js';
 
 function TraceSignalSettingsButton({ open, onClick }) {
   const { signalManagement } = useTraceIntelligence();

package/dist/ee/signals/signals-error-state.cjs.js

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

package/dist/ee/signals/signals-error-state.es.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { TriangleAlert, RotateCcw, X } from 'lucide-react';
-import { B as Button } from '../../Button-DsTY88Xz.js';
+import { B as Button } from '../../Button-BVGwYwHT.js';
 
 function SignalsErrorState({
   message,

package/dist/ee/signals/snapshot-timeline.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_snapshotTimelineData = require('./snapshot-timeline-data.cjs.js');
-const Button = require('../../Button-BsHGVRjh.cjs');
+const Button = require('../../Button-BJOVwaxp.cjs');
 
 const MARKER_TICK_CLASSES = {
   selected: "bg-accent1 border-accent1",

package/dist/ee/signals/snapshot-timeline.es.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Pause, Play } from 'lucide-react';
 import { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting.es.js';
 import { timelineTickPositions, timelineDayLabels, snapshotTickLabel } from './snapshot-timeline-data.es.js';
-import { B as Button } from '../../Button-DsTY88Xz.js';
+import { B as Button } from '../../Button-BVGwYwHT.js';
 
 const MARKER_TICK_CLASSES = {
   selected: "bg-accent1 border-accent1",

package/dist/ee/signals/theme-detail-panel.cjs.js

@@ -15,7 +15,7 @@ const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_themeTrend = require('./theme-trend.cjs.js');
 const ee_signals_themeTrendChart = require('./theme-trend-chart.cjs.js');
 const ee_signals_traceInsightView = require('./trace-insight-view.cjs.js');
-const drawer = require('../../drawer-BXOkhFYI.cjs');
+const drawer = require('../../drawer-Bq7j_MiM.cjs');
 const sankeyColor = require('../../sankeyColor-DHE7ggh8.cjs');
 const tooltip = require('../../tooltip-BsSNtmxl.cjs');
 

package/dist/ee/signals/theme-detail-panel.es.js

@@ -11,7 +11,7 @@ import { signalLabel, signalDescription, shareSentence, formatSnapshotDate } fro
 import { chronologicalHistoryPoints, themeTrendDirection } from './theme-trend.es.js';
 import { ThemeTrendChart } from './theme-trend-chart.es.js';
 import { TraceInsightView } from './trace-insight-view.es.js';
-import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-DUhKiF6i.js';
+import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-D1m2faHU.js';
 import { n as nodeColor } from '../../sankeyColor-BoMbAWtq.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-Vj_jjcxE.js';
 

package/dist/ee/signals/theme-filter-banner.cjs.js

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const ee_signals_signalColors = require('./signal-colors.cjs.js');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_useTraceIntelligence = require('./use-trace-intelligence.cjs.js');
-const Button = require('../../Button-BsHGVRjh.cjs');
+const Button = require('../../Button-BJOVwaxp.cjs');
 const sankeyColor = require('../../sankeyColor-DHE7ggh8.cjs');
 
 function selectionLabel(catalog, selection) {

package/dist/ee/signals/theme-filter-banner.es.js

@@ -3,7 +3,7 @@ import { X, Eye } from 'lucide-react';
 import { getSignalHue } from './signal-colors.es.js';
 import { signalLabel } from './signal-formatting.es.js';
 import { useTraceIntelligence } from './use-trace-intelligence.es.js';
-import { B as Button } from '../../Button-DsTY88Xz.js';
+import { B as Button } from '../../Button-BVGwYwHT.js';
 import { n as nodeColor } from '../../sankeyColor-BoMbAWtq.js';
 
 function selectionLabel(catalog, selection) {

package/dist/ee/signals/trace-insight-view.cjs.js

@@ -8,7 +8,7 @@ require('@tanstack/react-query');
 const ee_signals_useTraceIntelligence = require('./use-trace-intelligence.cjs.js');
 const ee_signals_hooks_useTraceInsight = require('./hooks/use-trace-insight.cjs.js');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
-const Button = require('../../Button-BsHGVRjh.cjs');
+const Button = require('../../Button-BJOVwaxp.cjs');
 const icons_TraceIcon = require('../../icons/TraceIcon.cjs.js');
 
 function TraceInsightView({ traceId, onBack }) {

package/dist/ee/signals/trace-insight-view.es.js

@@ -4,7 +4,7 @@ import '@tanstack/react-query';
 import { useTraceIntelligence } from './use-trace-intelligence.es.js';
 import { useTraceInsight } from './hooks/use-trace-insight.es.js';
 import { signalLabel } from './signal-formatting.es.js';
-import { B as Button } from '../../Button-DsTY88Xz.js';
+import { B as Button } from '../../Button-BVGwYwHT.js';
 import { TraceIcon } from '../../icons/TraceIcon.es.js';
 
 function TraceInsightView({ traceId, onBack }) {

package/dist/ee/signals/view-mode-tab.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const tabsTab = require('../../tabs-tab-Br-jck-B.cjs');
+const tabsTab = require('../../tabs-tab-CP-kzlvB.cjs');
 const Txt = require('../../Txt-i-sXSs2m.cjs');
 const icons_Icon = require('../../icons/Icon.cjs.js');
 

package/dist/ee/signals/view-mode-tab.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { T as Tab } from '../../tabs-tab-CvlCl9kD.js';
+import { T as Tab } from '../../tabs-tab-K5mQhs7r.js';
 import { T as Txt } from '../../Txt-CfPhlZOu.js';
 import { Icon } from '../../icons/Icon.es.js';
 

package/dist/ee/topics/components/topic-trace-summary-list.cjs.js

@@ -6,10 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const ee_topics_utils = require('../utils.cjs.js');
-const Button = require('../../../Button-BsHGVRjh.cjs');
-const dataList = require('../../../data-list-BSezaRoI.cjs');
+const Button = require('../../../Button-BJOVwaxp.cjs');
+const dataList = require('../../../data-list-4_cVlINT.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const inputGroup = require('../../../input-group-BW3PBfmX.cjs');
+const inputGroup = require('../../../input-group-CBuqhxnJ.cjs');
 
 function TopicTraceSummaryList({
   traces,

package/dist/ee/topics/components/topic-trace-summary-list.es.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { SearchIcon, ChevronDown } from 'lucide-react';
 import { useState, useMemo } from 'react';
 import { getVisibleTraceSummaries } from '../utils.es.js';
-import { B as Button } from '../../../Button-DsTY88Xz.js';
-import { D as DataList } from '../../../data-list-DJ7DgVuH.js';
+import { B as Button } from '../../../Button-BVGwYwHT.js';
+import { D as DataList } from '../../../data-list-Bm70XKg_.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { I as InputGroup, a as InputGroupAddon, c as InputGroupInput } from '../../../input-group-CC3FsOEL.js';
+import { I as InputGroup, a as InputGroupAddon, c as InputGroupInput } from '../../../input-group-Dv1YsFDZ.js';
 
 function TopicTraceSummaryList({
   traces,

package/dist/hooks/use-local-storage-state.cjs.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+function useLocalStorageState({
+  initialKey,
+  defaultValue,
+  schema,
+  serialize = JSON.stringify
+}) {
+  const [storageKey] = React.useState(initialKey);
+  const [value, setValue] = React.useState(() => {
+    try {
+      const stored = localStorage.getItem(storageKey);
+      if (stored !== null) {
+        const parsed = schema.safeParse(JSON.parse(stored));
+        if (parsed.success) return parsed.data;
+      }
+    } catch {
+    }
+    return defaultValue;
+  });
+  React.useEffect(() => {
+    try {
+      localStorage.setItem(storageKey, serialize(value));
+    } catch {
+    }
+  }, [storageKey, value, serialize]);
+  return [value, setValue];
+}
+
+exports.useLocalStorageState = useLocalStorageState;
+//# sourceMappingURL=use-local-storage-state.cjs.js.map

package/dist/hooks/use-local-storage-state.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-local-storage-state.cjs.js","sources":["../../src/hooks/use-local-storage-state.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { useEffect, useState } from 'react';\nimport type { z } from 'zod/v4';\n\ninterface LocalStorageStateOptions<T> {\n  initialKey: string;\n  defaultValue: T;\n  schema: z.ZodType<T>;\n  serialize?: (value: T) => string;\n}\n\n// Like useState, initialization happens once. Remount the consumer when its storage key changes.\nexport function useLocalStorageState<T>({\n  initialKey,\n  defaultValue,\n  schema,\n  serialize = JSON.stringify,\n}: LocalStorageStateOptions<T>): [T, Dispatch<SetStateAction<T>>] {\n  const [storageKey] = useState(initialKey);\n  const [value, setValue] = useState<T>(() => {\n    try {\n      const stored = localStorage.getItem(storageKey);\n      if (stored !== null) {\n        const parsed = schema.safeParse(JSON.parse(stored));\n        if (parsed.success) return parsed.data;\n      }\n    } catch {\n      // Invalid JSON or unavailable browser storage falls back to the initial value.\n    }\n    return defaultValue;\n  });\n\n  useEffect(() => {\n    try {\n      localStorage.setItem(storageKey, serialize(value));\n    } catch {\n      // Keep in-memory state usable when storage is unavailable or full.\n    }\n  }, [storageKey, value, serialize]);\n\n  return [value, setValue];\n}\n"],"names":["useState","useEffect"],"mappings":";;;;;;AAYO,SAAS,oBAAA,CAAwB;AAAA,EACtC,UAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAY,IAAA,CAAK;AACnB,CAAA,EAAkE;AAChE,EAAA,MAAM,CAAC,UAAU,CAAA,GAAIA,cAAA,CAAS,UAAU,CAAA;AACxC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAY,MAAM;AAC1C,IAAA,IAAI;AACF,MAAA,MAAM,MAAA,GAAS,YAAA,CAAa,OAAA,CAAQ,UAAU,CAAA;AAC9C,MAAA,IAAI,WAAW,IAAA,EAAM;AACnB,QAAA,MAAM,SAAS,MAAA,CAAO,SAAA,CAAU,IAAA,CAAK,KAAA,CAAM,MAAM,CAAC,CAAA;AAClD,QAAA,IAAI,MAAA,CAAO,OAAA,EAAS,OAAO,MAAA,CAAO,IAAA;AAAA,MACpC;AAAA,IACF,CAAA,CAAA,MAAQ;AAAA,IAER;AACA,IAAA,OAAO,YAAA;AAAA,EACT,CAAC,CAAA;AAED,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI;AACF,MAAA,YAAA,CAAa,OAAA,CAAQ,UAAA,EAAY,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,IACnD,CAAA,CAAA,MAAQ;AAAA,IAER;AAAA,EACF,CAAA,EAAG,CAAC,UAAA,EAAY,KAAA,EAAO,SAAS,CAAC,CAAA;AAEjC,EAAA,OAAO,CAAC,OAAO,QAAQ,CAAA;AACzB;;;;"}

package/dist/hooks/use-local-storage-state.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/hooks/use-local-storage-state'
+export {}

package/dist/hooks/use-local-storage-state.es.js

@@ -0,0 +1,31 @@
+import { useState, useEffect } from 'react';
+
+function useLocalStorageState({
+  initialKey,
+  defaultValue,
+  schema,
+  serialize = JSON.stringify
+}) {
+  const [storageKey] = useState(initialKey);
+  const [value, setValue] = useState(() => {
+    try {
+      const stored = localStorage.getItem(storageKey);
+      if (stored !== null) {
+        const parsed = schema.safeParse(JSON.parse(stored));
+        if (parsed.success) return parsed.data;
+      }
+    } catch {
+    }
+    return defaultValue;
+  });
+  useEffect(() => {
+    try {
+      localStorage.setItem(storageKey, serialize(value));
+    } catch {
+    }
+  }, [storageKey, value, serialize]);
+  return [value, setValue];
+}
+
+export { useLocalStorageState };
+//# sourceMappingURL=use-local-storage-state.es.js.map

package/dist/hooks/use-local-storage-state.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-local-storage-state.es.js","sources":["../../src/hooks/use-local-storage-state.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { useEffect, useState } from 'react';\nimport type { z } from 'zod/v4';\n\ninterface LocalStorageStateOptions<T> {\n  initialKey: string;\n  defaultValue: T;\n  schema: z.ZodType<T>;\n  serialize?: (value: T) => string;\n}\n\n// Like useState, initialization happens once. Remount the consumer when its storage key changes.\nexport function useLocalStorageState<T>({\n  initialKey,\n  defaultValue,\n  schema,\n  serialize = JSON.stringify,\n}: LocalStorageStateOptions<T>): [T, Dispatch<SetStateAction<T>>] {\n  const [storageKey] = useState(initialKey);\n  const [value, setValue] = useState<T>(() => {\n    try {\n      const stored = localStorage.getItem(storageKey);\n      if (stored !== null) {\n        const parsed = schema.safeParse(JSON.parse(stored));\n        if (parsed.success) return parsed.data;\n      }\n    } catch {\n      // Invalid JSON or unavailable browser storage falls back to the initial value.\n    }\n    return defaultValue;\n  });\n\n  useEffect(() => {\n    try {\n      localStorage.setItem(storageKey, serialize(value));\n    } catch {\n      // Keep in-memory state usable when storage is unavailable or full.\n    }\n  }, [storageKey, value, serialize]);\n\n  return [value, setValue];\n}\n"],"names":[],"mappings":";;AAYO,SAAS,oBAAA,CAAwB;AAAA,EACtC,UAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAY,IAAA,CAAK;AACnB,CAAA,EAAkE;AAChE,EAAA,MAAM,CAAC,UAAU,CAAA,GAAI,QAAA,CAAS,UAAU,CAAA;AACxC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAY,MAAM;AAC1C,IAAA,IAAI;AACF,MAAA,MAAM,MAAA,GAAS,YAAA,CAAa,OAAA,CAAQ,UAAU,CAAA;AAC9C,MAAA,IAAI,WAAW,IAAA,EAAM;AACnB,QAAA,MAAM,SAAS,MAAA,CAAO,SAAA,CAAU,IAAA,CAAK,KAAA,CAAM,MAAM,CAAC,CAAA;AAClD,QAAA,IAAI,MAAA,CAAO,OAAA,EAAS,OAAO,MAAA,CAAO,IAAA;AAAA,MACpC;AAAA,IACF,CAAA,CAAA,MAAQ;AAAA,IAER;AACA,IAAA,OAAO,YAAA;AAAA,EACT,CAAC,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI;AACF,MAAA,YAAA,CAAa,OAAA,CAAQ,UAAA,EAAY,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,IACnD,CAAA,CAAA,MAAQ;AAAA,IAER;AAAA,EACF,CAAA,EAAG,CAAC,UAAA,EAAY,KAAA,EAAO,SAAS,CAAC,CAAA;AAEjC,EAAA,OAAO,CAAC,OAAO,QAAQ,CAAA;AACzB;;;;"}

package/dist/{input-BXl_-87K.cjs → input-D3SUXvgI.cjs}

@@ -1,10 +1,9 @@
 'use strict';
 
-require('./focus.css');const jsxRuntime = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const index = require('./index-BxcigDwC.cjs');
 const React = require('react');
 const primitives_controlSize = require('./primitives/control-size.cjs.js');
-;/* empty css                 */
 const primitives_formElement = require('./primitives/form-element.cjs.js');
 const utils_cn = require('./cn-DnbTIGXa.cjs');
 
@@ -33,11 +32,15 @@ const inputVariants = index.cva(
     "transition-all duration-normal ease-out-custom",
     "placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal",
     "focus:placeholder:opacity-70",
-    // Native number spinners clip pill corners; compose InputGroup buttons for a stepper.
+    // type="number": hide native browser spinner arrows (they clip the pill).
+    // For incrementable numeric inputs, compose <InputGroup> with +/- buttons
+    // instead — see the NumberWithStepper story. WebKit uses the spin-button
+    // pseudo-elements; Firefox needs `appearance: textfield` on the input.
     "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",
     "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none",
     "[&[type=number]]:[appearance:textfield]",
-    // Custom InputGroup clear buttons replace the browser's search-clear control.
+    // type="search": drop WebKit's native clear button so the DS owns the search chrome.
+    // Compose an <InputGroup> with an InputGroupButton to add a clear control.
     "[&::-webkit-search-cancel-button]:appearance-none"
   ),
   {
@@ -67,11 +70,7 @@ const Input = React__namespace.forwardRef(
       "input",
       {
         type,
-        className: utils_cn.cn(
-          inputVariants({ variant, size }),
-          error && "border-error hover:border-error focus-visible:border-error",
-          className
-        ),
+        className: utils_cn.cn(inputVariants({ variant, size }), error && "border-error focus-visible:border-error", className),
         "data-testid": testId,
         ref,
         "aria-invalid": error,
@@ -83,4 +82,4 @@ const Input = React__namespace.forwardRef(
 Input.displayName = "Input";
 
 exports.Input = Input;
-//# sourceMappingURL=input-BXl_-87K.cjs.map
+//# sourceMappingURL=input-D3SUXvgI.cjs.map

package/dist/input-D3SUXvgI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-D3SUXvgI.cjs","sources":["../src/ds/components/Input/input.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  inputOutlineAndFocusStyle,\n  inputSurfaceAndFocusStyle,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nconst inputVariants = cva(\n  cn(\n    'flex w-full border bg-transparent text-neutral6',\n    'transition-all duration-normal ease-out-custom',\n    'placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70',\n    // type=\"number\": hide native browser spinner arrows (they clip the pill).\n    // For incrementable numeric inputs, compose <InputGroup> with +/- buttons\n    // instead — see the NumberWithStepper story. WebKit uses the spin-button\n    // pseudo-elements; Firefox needs `appearance: textfield` on the input.\n    '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n    '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n    '[&[type=number]]:[appearance:textfield]',\n    // type=\"search\": drop WebKit's native clear button so the DS owns the search chrome.\n    // Compose an <InputGroup> with an InputGroupButton to add a clear control.\n    '[&::-webkit-search-cancel-button]:appearance-none',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        filled: cn(inputSurfaceAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        outline: cn(inputOutlineAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      size: {\n        xs: cn(controlSizeClasses.xs, 'px-[.75em]'),\n        sm: cn(controlSizeClasses.sm, 'px-[.75em]'),\n        md: cn(controlSizeClasses.md, 'px-[.75em]'),\n        lg: cn(controlSizeClasses.lg, 'px-[.85em]'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> &\n  VariantProps<typeof inputVariants> & {\n    testId?: string;\n    error?: boolean;\n  };\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, size, testId, variant, type, error, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(inputVariants({ variant, size }), error && 'border-error focus-visible:border-error', className)}\n        data-testid={testId}\n        ref={ref}\n        aria-invalid={error}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":["cva","cn","inputSurfaceAndFocusStyle","sharedFormElementDisabledStyle","inputOutlineAndFocusStyle","unstyledFormElementStyle","controlSizeClasses","React","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,aAAA,GAAgBA,SAAA;AAAA,EACpBC,WAAA;AAAA,IACE,iDAAA;AAAA,IACA,gDAAA;AAAA,IACA,sFAAA;AAAA,IACA,8BAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,mFAAA;AAAA,IACA,mFAAA;AAAA,IACA,yCAAA;AAAA;AAAA;AAAA,IAGA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAASA,WAAA,CAAGC,gDAAA,EAA2B,cAAA,EAAgBC,qDAA8B,CAAA;AAAA,QACrF,MAAA,EAAQF,WAAA,CAAGC,gDAAA,EAA2B,cAAA,EAAgBC,qDAA8B,CAAA;AAAA,QACpF,OAAA,EAASF,WAAA,CAAGG,gDAAA,EAA2B,cAAA,EAAgBD,qDAA8B,CAAA;AAAA,QACrF,QAAA,EAAUE;AAAA,OACZ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAIJ,WAAA,CAAGK,yCAAA,CAAmB,EAAA,EAAI,YAAY,CAAA;AAAA,QAC1C,EAAA,EAAIL,WAAA,CAAGK,yCAAA,CAAmB,EAAA,EAAI,YAAY,CAAA;AAAA,QAC1C,EAAA,EAAIL,WAAA,CAAGK,yCAAA,CAAmB,EAAA,EAAI,YAAY,CAAA;AAAA,QAC1C,EAAA,EAAIL,WAAA,CAAGK,yCAAA,CAAmB,EAAA,EAAI,YAAY;AAAA;AAC5C,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAQA,MAAM,QAAQC,gBAAA,CAAM,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAA,EAAQ,OAAA,EAAS,IAAA,EAAM,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACpE,IAAA,uBACEC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA,EAAWP,WAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,MAAM,CAAA,EAAG,KAAA,IAAS,yCAAA,EAA2C,SAAS,CAAA;AAAA,QAC7G,aAAA,EAAa,MAAA;AAAA,QACb,GAAA;AAAA,QACA,cAAA,EAAc,KAAA;AAAA,QACb,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}

package/dist/{input-KNga7Y7g.js → input-DinpgQXj.js}

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import { c as cva } from './index-CZvpHqka.js';
 import * as React from 'react';
 import { controlSizeClasses } from './primitives/control-size.es.js';
-import './focus.css';/* empty css               */
 import { unstyledFormElementStyle, sharedFormElementDisabledStyle, inputOutlineAndFocusStyle, inputSurfaceAndFocusStyle } from './primitives/form-element.es.js';
 import { c as cn } from './cn-ByEbywDh.js';
 
@@ -12,11 +11,15 @@ const inputVariants = cva(
     "transition-all duration-normal ease-out-custom",
     "placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal",
     "focus:placeholder:opacity-70",
-    // Native number spinners clip pill corners; compose InputGroup buttons for a stepper.
+    // type="number": hide native browser spinner arrows (they clip the pill).
+    // For incrementable numeric inputs, compose <InputGroup> with +/- buttons
+    // instead — see the NumberWithStepper story. WebKit uses the spin-button
+    // pseudo-elements; Firefox needs `appearance: textfield` on the input.
     "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",
     "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none",
     "[&[type=number]]:[appearance:textfield]",
-    // Custom InputGroup clear buttons replace the browser's search-clear control.
+    // type="search": drop WebKit's native clear button so the DS owns the search chrome.
+    // Compose an <InputGroup> with an InputGroupButton to add a clear control.
     "[&::-webkit-search-cancel-button]:appearance-none"
   ),
   {
@@ -46,11 +49,7 @@ const Input = React.forwardRef(
       "input",
       {
         type,
-        className: cn(
-          inputVariants({ variant, size }),
-          error && "border-error hover:border-error focus-visible:border-error",
-          className
-        ),
+        className: cn(inputVariants({ variant, size }), error && "border-error focus-visible:border-error", className),
         "data-testid": testId,
         ref,
         "aria-invalid": error,
@@ -62,4 +61,4 @@ const Input = React.forwardRef(
 Input.displayName = "Input";
 
 export { Input as I };
-//# sourceMappingURL=input-KNga7Y7g.js.map
+//# sourceMappingURL=input-DinpgQXj.js.map

package/dist/input-DinpgQXj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-DinpgQXj.js","sources":["../src/ds/components/Input/input.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  inputOutlineAndFocusStyle,\n  inputSurfaceAndFocusStyle,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nconst inputVariants = cva(\n  cn(\n    'flex w-full border bg-transparent text-neutral6',\n    'transition-all duration-normal ease-out-custom',\n    'placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70',\n    // type=\"number\": hide native browser spinner arrows (they clip the pill).\n    // For incrementable numeric inputs, compose <InputGroup> with +/- buttons\n    // instead — see the NumberWithStepper story. WebKit uses the spin-button\n    // pseudo-elements; Firefox needs `appearance: textfield` on the input.\n    '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n    '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n    '[&[type=number]]:[appearance:textfield]',\n    // type=\"search\": drop WebKit's native clear button so the DS owns the search chrome.\n    // Compose an <InputGroup> with an InputGroupButton to add a clear control.\n    '[&::-webkit-search-cancel-button]:appearance-none',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        filled: cn(inputSurfaceAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        outline: cn(inputOutlineAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      size: {\n        xs: cn(controlSizeClasses.xs, 'px-[.75em]'),\n        sm: cn(controlSizeClasses.sm, 'px-[.75em]'),\n        md: cn(controlSizeClasses.md, 'px-[.75em]'),\n        lg: cn(controlSizeClasses.lg, 'px-[.85em]'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> &\n  VariantProps<typeof inputVariants> & {\n    testId?: string;\n    error?: boolean;\n  };\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, size, testId, variant, type, error, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(inputVariants({ variant, size }), error && 'border-error focus-visible:border-error', className)}\n        data-testid={testId}\n        ref={ref}\n        aria-invalid={error}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":[],"mappings":";;;;;;;AAaA,MAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,EAAA;AAAA,IACE,iDAAA;AAAA,IACA,gDAAA;AAAA,IACA,sFAAA;AAAA,IACA,8BAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,mFAAA;AAAA,IACA,mFAAA;AAAA,IACA,yCAAA;AAAA;AAAA;AAAA,IAGA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA,CAAG,yBAAA,EAA2B,cAAA,EAAgB,8BAA8B,CAAA;AAAA,QACrF,MAAA,EAAQ,EAAA,CAAG,yBAAA,EAA2B,cAAA,EAAgB,8BAA8B,CAAA;AAAA,QACpF,OAAA,EAAS,EAAA,CAAG,yBAAA,EAA2B,cAAA,EAAgB,8BAA8B,CAAA;AAAA,QACrF,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,EAAA,CAAG,kBAAA,CAAmB,EAAA,EAAI,YAAY,CAAA;AAAA,QAC1C,EAAA,EAAI,EAAA,CAAG,kBAAA,CAAmB,EAAA,EAAI,YAAY,CAAA;AAAA,QAC1C,EAAA,EAAI,EAAA,CAAG,kBAAA,CAAmB,EAAA,EAAI,YAAY,CAAA;AAAA,QAC1C,EAAA,EAAI,EAAA,CAAG,kBAAA,CAAmB,EAAA,EAAI,YAAY;AAAA;AAC5C,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAQA,MAAM,QAAQ,KAAA,CAAM,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAA,EAAQ,OAAA,EAAS,IAAA,EAAM,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACpE,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,MAAM,CAAA,EAAG,KAAA,IAAS,yCAAA,EAA2C,SAAS,CAAA;AAAA,QAC7G,aAAA,EAAa,MAAA;AAAA,QACb,GAAA;AAAA,QACA,cAAA,EAAc,KAAA;AAAA,QACb,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}