@mastra/playground-ui 60.1.0 → 60.2.0-alpha.0

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

@@ -1,11 +1,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useId, useState } from 'react';
 import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody, f as DialogFooter, b as DialogCancel } from '../../../dialog-Dt5kASkl.js';
-import { F as FieldBlock } from '../../../field-block--PeppIRb.js';
-import { f as fieldErrorId } from '../../../field-error-id-D3yg1nBh.js';
-import { T as TextFieldBlock } from '../../../text-field-block-DZaGiu5D.js';
+import { F as Field, e as FieldLabel, b as FieldDescription, c as FieldError } from '../../../field-BtvEQ68O.js';
+import '../../../field-control-aria-DB6y41tQ.js';
+import { F as Form } from '../../../form-uj2xap-j.js';
+import { I as Input } from '../../../input-D5_B67_r.js';
 import { N as Notice } from '../../../Notice-B8RIClJD.js';
-import { T as Textarea } from '../../../textarea-B6wvS_CQ.js';
+import { T as Textarea } from '../../../textarea-CxPNKg2q.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { D as DialogAction } from '../../../dialog-action-CB3h9Z2J.js';
 
@@ -67,10 +68,9 @@ function SignalDefinitionFormDialog({
       /* @__PURE__ */ jsx(DialogDescription, { children: "Definitions belong to the organization. Every signal receives all available bounded trace context." })
     ] }),
     /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsxs(
-      "form",
+      Form,
       {
         id: formId,
-        className: "space-y-4",
         onSubmit: (event) => {
           event.preventDefault();
           const errors = validate(value, editing);
@@ -84,69 +84,63 @@ function SignalDefinitionFormDialog({
           void action.then(() => onOpenChange(false)).catch(() => void 0);
         },
         children: [
-          /* @__PURE__ */ jsx(
-            TextFieldBlock,
-            {
-              id: "input-name",
-              name: "name",
-              label: "Signal name",
-              helpText: "A stable lowercase slug. It cannot be changed after creation.",
-              placeholder: "handoff_quality",
-              value: value.name,
-              disabled: editing || pending,
-              errorMsg: validationErrors.name,
-              onChange: (event) => setField("name", event.target.value)
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            TextFieldBlock,
-            {
-              id: "input-displayLabel",
-              name: "displayLabel",
-              label: "Display label",
-              placeholder: "Handoff quality",
-              value: value.displayLabel,
-              disabled: pending,
-              errorMsg: validationErrors.displayLabel,
-              onChange: (event) => setField("displayLabel", event.target.value)
-            }
-          ),
-          /* @__PURE__ */ jsxs(FieldBlock.Layout, { children: [
-            /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
-              /* @__PURE__ */ jsx(FieldBlock.Label, { name: "description", children: "Description" }),
-              /* @__PURE__ */ jsx(
-                Textarea,
-                {
-                  id: "input-description",
-                  rows: 2,
-                  value: value.description,
-                  disabled: pending,
-                  onChange: (event) => setField("description", event.target.value)
-                }
-              )
+          /* @__PURE__ */ jsxs(Field, { invalid: Boolean(validationErrors.name), disabled: editing || pending, children: [
+            /* @__PURE__ */ jsx(FieldLabel, { children: "Signal name" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                name: "name",
+                placeholder: "handoff_quality",
+                value: value.name,
+                onChange: (event) => setField("name", event.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx(FieldDescription, { children: "A stable lowercase slug. It cannot be changed after creation." }),
+            /* @__PURE__ */ jsx(FieldError, { children: validationErrors.name })
+          ] }),
+          /* @__PURE__ */ jsxs(Field, { invalid: Boolean(validationErrors.displayLabel), disabled: pending, children: [
+            /* @__PURE__ */ jsx(FieldLabel, { children: "Display label" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                name: "displayLabel",
+                placeholder: "Handoff quality",
+                value: value.displayLabel,
+                onChange: (event) => setField("displayLabel", event.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx(FieldError, { children: validationErrors.displayLabel })
+          ] }),
+          /* @__PURE__ */ jsxs(Field, { disabled: pending, children: [
+            /* @__PURE__ */ jsx(FieldLabel, { children: "Description" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                name: "description",
+                rows: 2,
+                value: value.description,
+                onChange: (event) => setField("description", event.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Field, { invalid: Boolean(validationErrors.taskPrompt), disabled: pending, children: [
+            /* @__PURE__ */ jsx(FieldLabel, { children: "Signal instructions" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                name: "taskPrompt",
+                rows: 5,
+                value: value.taskPrompt,
+                placeholder: "Describe what this signal should evaluate and how the result should be written.",
+                onChange: (event) => setField("taskPrompt", event.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsxs(FieldDescription, { children: [
+              "Tell the model what to evaluate and what the signal result should contain. ",
+              value.taskPrompt.length,
+              "/2,000 characters"
             ] }),
-            /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
-              /* @__PURE__ */ jsx(FieldBlock.Label, { name: "taskPrompt", children: "Signal instructions" }),
-              /* @__PURE__ */ jsx(
-                Textarea,
-                {
-                  id: "input-taskPrompt",
-                  rows: 5,
-                  value: value.taskPrompt,
-                  disabled: pending,
-                  placeholder: "Describe what this signal should evaluate and how the result should be written.",
-                  error: Boolean(validationErrors.taskPrompt),
-                  "aria-describedby": validationErrors.taskPrompt ? fieldErrorId("taskPrompt") : void 0,
-                  onChange: (event) => setField("taskPrompt", event.target.value)
-                }
-              ),
-              /* @__PURE__ */ jsxs(FieldBlock.HelpText, { children: [
-                "Tell the model what to evaluate and what the signal result should contain. ",
-                value.taskPrompt.length,
-                "/2,000 characters"
-              ] }),
-              validationErrors.taskPrompt ? /* @__PURE__ */ jsx(FieldBlock.ErrorMsg, { name: "taskPrompt", children: validationErrors.taskPrompt }) : null
-            ] })
+            /* @__PURE__ */ jsx(FieldError, { children: validationErrors.taskPrompt })
           ] }),
           editing ? /* @__PURE__ */ jsx(Txt, { variant: "meta", tone: "muted", children: "Instruction changes create a new version and apply only to new traces. Existing analysis is unchanged." }) : null,
           error ? /* @__PURE__ */ jsx("div", { role: "alert", children: /* @__PURE__ */ jsx(Notice, { variant: "destructive", children: error }) }) : null

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

@@ -1 +1 @@
-{"version":3,"file":"signal-definition-form-dialog.es.js","sources":["../../../../src/ee/signals/settings/signal-definition-form-dialog.tsx"],"sourcesContent":["import type {\n  CreateTraceSignalDefinitionInput,\n  TraceSignalDefinition,\n  UpdateTraceSignalDefinitionInput,\n} from '@mastra/client-js';\nimport { useId, useState } from 'react';\n\nimport {\n  Dialog,\n  DialogAction,\n  DialogBody,\n  DialogCancel,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { FieldBlock, TextFieldBlock, fieldErrorId } from '@/ds/components/FormFieldBlocks';\nimport { Notice } from '@/ds/components/Notice';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { Txt } from '@/ds/components/Txt';\n\nconst reservedNames = new Set([\n  'goal',\n  'sentiment',\n  'behavior',\n  'outcome',\n  'intent',\n  'summary',\n  'tags',\n  'theme',\n  'noise',\n]);\n\nexport interface SignalDefinitionFormDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  definition?: TraceSignalDefinition;\n  error?: string;\n  pending: boolean;\n  onCreate: (input: CreateTraceSignalDefinitionInput) => Promise<void>;\n  onUpdate: (id: string, input: UpdateTraceSignalDefinitionInput) => Promise<void>;\n}\n\ntype FormValue = CreateTraceSignalDefinitionInput;\ntype FormErrors = Partial<Record<keyof FormValue, string>>;\n\nfunction initialValue(definition?: TraceSignalDefinition): FormValue {\n  return definition\n    ? {\n        name: definition.name,\n        displayLabel: definition.displayLabel,\n        description: definition.description,\n        taskPrompt: definition.taskPrompt,\n      }\n    : {\n        name: '',\n        displayLabel: '',\n        description: '',\n        taskPrompt: '',\n      };\n}\n\nfunction validate(value: FormValue, editing: boolean): FormErrors {\n  const errors: FormErrors = {};\n  if (!editing && (!/^[a-z][a-z0-9_-]{1,31}$/.test(value.name) || reservedNames.has(value.name))) {\n    errors.name = 'Use an unreserved lowercase slug of 2–32 letters, numbers, underscores, or hyphens.';\n  }\n  if (!value.displayLabel.trim()) errors.displayLabel = 'Display label is required.';\n  if (!value.taskPrompt.trim() || value.taskPrompt.length > 2000) {\n    errors.taskPrompt = 'Signal instructions are required and must be at most 2,000 characters.';\n  }\n  return errors;\n}\n\nexport function SignalDefinitionFormDialog({\n  open,\n  onOpenChange,\n  definition,\n  error,\n  pending,\n  onCreate,\n  onUpdate,\n}: SignalDefinitionFormDialogProps) {\n  const formId = useId();\n  const [value, setValue] = useState(() => initialValue(definition));\n  const [validationErrors, setValidationErrors] = useState<FormErrors>({});\n  const editing = Boolean(definition);\n\n  const setField = <Key extends keyof FormValue>(key: Key, fieldValue: FormValue[Key]) => {\n    setValue(current => ({ ...current, [key]: fieldValue }));\n    setValidationErrors(current => ({ ...current, [key]: undefined }));\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} pending={pending}>\n      <DialogContent size=\"lg\">\n        <DialogHeader>\n          <DialogTitle>{editing ? 'Edit custom signal' : 'Create custom signal'}</DialogTitle>\n          <DialogDescription>\n            Definitions belong to the organization. Every signal receives all available bounded trace context.\n          </DialogDescription>\n        </DialogHeader>\n        <DialogBody>\n          <form\n            id={formId}\n            className=\"space-y-4\"\n            onSubmit={event => {\n              event.preventDefault();\n              const errors = validate(value, editing);\n              setValidationErrors(errors);\n              if (Object.keys(errors).length > 0) return;\n              const action = definition\n                ? onUpdate(definition.id, {\n                    displayLabel: value.displayLabel,\n                    description: value.description,\n                    taskPrompt: value.taskPrompt,\n                  })\n                : onCreate(value);\n              void action.then(() => onOpenChange(false)).catch(() => undefined);\n            }}\n          >\n            <TextFieldBlock\n              id=\"input-name\"\n              name=\"name\"\n              label=\"Signal name\"\n              helpText=\"A stable lowercase slug. It cannot be changed after creation.\"\n              placeholder=\"handoff_quality\"\n              value={value.name}\n              disabled={editing || pending}\n              errorMsg={validationErrors.name}\n              onChange={event => setField('name', event.target.value)}\n            />\n            <TextFieldBlock\n              id=\"input-displayLabel\"\n              name=\"displayLabel\"\n              label=\"Display label\"\n              placeholder=\"Handoff quality\"\n              value={value.displayLabel}\n              disabled={pending}\n              errorMsg={validationErrors.displayLabel}\n              onChange={event => setField('displayLabel', event.target.value)}\n            />\n            <FieldBlock.Layout>\n              <FieldBlock.Column>\n                <FieldBlock.Label name=\"description\">Description</FieldBlock.Label>\n                <Textarea\n                  id=\"input-description\"\n                  rows={2}\n                  value={value.description}\n                  disabled={pending}\n                  onChange={event => setField('description', event.target.value)}\n                />\n              </FieldBlock.Column>\n              <FieldBlock.Column>\n                <FieldBlock.Label name=\"taskPrompt\">Signal instructions</FieldBlock.Label>\n                <Textarea\n                  id=\"input-taskPrompt\"\n                  rows={5}\n                  value={value.taskPrompt}\n                  disabled={pending}\n                  placeholder=\"Describe what this signal should evaluate and how the result should be written.\"\n                  error={Boolean(validationErrors.taskPrompt)}\n                  aria-describedby={validationErrors.taskPrompt ? fieldErrorId('taskPrompt') : undefined}\n                  onChange={event => setField('taskPrompt', event.target.value)}\n                />\n                <FieldBlock.HelpText>\n                  Tell the model what to evaluate and what the signal result should contain. {value.taskPrompt.length}\n                  /2,000 characters\n                </FieldBlock.HelpText>\n                {validationErrors.taskPrompt ? (\n                  <FieldBlock.ErrorMsg name=\"taskPrompt\">{validationErrors.taskPrompt}</FieldBlock.ErrorMsg>\n                ) : null}\n              </FieldBlock.Column>\n            </FieldBlock.Layout>\n            {editing ? (\n              <Txt variant=\"meta\" tone=\"muted\">\n                Instruction changes create a new version and apply only to new traces. Existing analysis is unchanged.\n              </Txt>\n            ) : null}\n            {error ? (\n              <div role=\"alert\">\n                <Notice variant=\"destructive\">{error}</Notice>\n              </div>\n            ) : null}\n          </form>\n        </DialogBody>\n        <DialogFooter>\n          <DialogCancel>Cancel</DialogCancel>\n          <DialogAction type=\"submit\" form={formId}>\n            {editing ? 'Save signal' : 'Create signal'}\n          </DialogAction>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"signal-definition-form-dialog.es.js","sources":["../../../../src/ee/signals/settings/signal-definition-form-dialog.tsx"],"sourcesContent":["import type {\n  CreateTraceSignalDefinitionInput,\n  TraceSignalDefinition,\n  UpdateTraceSignalDefinitionInput,\n} from '@mastra/client-js';\nimport { useId, useState } from 'react';\n\nimport {\n  Dialog,\n  DialogAction,\n  DialogBody,\n  DialogCancel,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { Field, FieldDescription, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Input } from '@/ds/components/Input';\nimport { Notice } from '@/ds/components/Notice';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { Txt } from '@/ds/components/Txt';\n\nconst reservedNames = new Set([\n  'goal',\n  'sentiment',\n  'behavior',\n  'outcome',\n  'intent',\n  'summary',\n  'tags',\n  'theme',\n  'noise',\n]);\n\nexport interface SignalDefinitionFormDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  definition?: TraceSignalDefinition;\n  error?: string;\n  pending: boolean;\n  onCreate: (input: CreateTraceSignalDefinitionInput) => Promise<void>;\n  onUpdate: (id: string, input: UpdateTraceSignalDefinitionInput) => Promise<void>;\n}\n\ntype FormValue = CreateTraceSignalDefinitionInput;\ntype FormErrors = Partial<Record<keyof FormValue, string>>;\n\nfunction initialValue(definition?: TraceSignalDefinition): FormValue {\n  return definition\n    ? {\n        name: definition.name,\n        displayLabel: definition.displayLabel,\n        description: definition.description,\n        taskPrompt: definition.taskPrompt,\n      }\n    : {\n        name: '',\n        displayLabel: '',\n        description: '',\n        taskPrompt: '',\n      };\n}\n\nfunction validate(value: FormValue, editing: boolean): FormErrors {\n  const errors: FormErrors = {};\n  if (!editing && (!/^[a-z][a-z0-9_-]{1,31}$/.test(value.name) || reservedNames.has(value.name))) {\n    errors.name = 'Use an unreserved lowercase slug of 2–32 letters, numbers, underscores, or hyphens.';\n  }\n  if (!value.displayLabel.trim()) errors.displayLabel = 'Display label is required.';\n  if (!value.taskPrompt.trim() || value.taskPrompt.length > 2000) {\n    errors.taskPrompt = 'Signal instructions are required and must be at most 2,000 characters.';\n  }\n  return errors;\n}\n\nexport function SignalDefinitionFormDialog({\n  open,\n  onOpenChange,\n  definition,\n  error,\n  pending,\n  onCreate,\n  onUpdate,\n}: SignalDefinitionFormDialogProps) {\n  const formId = useId();\n  const [value, setValue] = useState(() => initialValue(definition));\n  const [validationErrors, setValidationErrors] = useState<FormErrors>({});\n  const editing = Boolean(definition);\n\n  const setField = <Key extends keyof FormValue>(key: Key, fieldValue: FormValue[Key]) => {\n    setValue(current => ({ ...current, [key]: fieldValue }));\n    setValidationErrors(current => ({ ...current, [key]: undefined }));\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} pending={pending}>\n      <DialogContent size=\"lg\">\n        <DialogHeader>\n          <DialogTitle>{editing ? 'Edit custom signal' : 'Create custom signal'}</DialogTitle>\n          <DialogDescription>\n            Definitions belong to the organization. Every signal receives all available bounded trace context.\n          </DialogDescription>\n        </DialogHeader>\n        <DialogBody>\n          <Form\n            id={formId}\n            onSubmit={event => {\n              event.preventDefault();\n              const errors = validate(value, editing);\n              setValidationErrors(errors);\n              if (Object.keys(errors).length > 0) return;\n              const action = definition\n                ? onUpdate(definition.id, {\n                    displayLabel: value.displayLabel,\n                    description: value.description,\n                    taskPrompt: value.taskPrompt,\n                  })\n                : onCreate(value);\n              void action.then(() => onOpenChange(false)).catch(() => undefined);\n            }}\n          >\n            <Field invalid={Boolean(validationErrors.name)} disabled={editing || pending}>\n              <FieldLabel>Signal name</FieldLabel>\n              <Input\n                name=\"name\"\n                placeholder=\"handoff_quality\"\n                value={value.name}\n                onChange={event => setField('name', event.target.value)}\n              />\n              <FieldDescription>A stable lowercase slug. It cannot be changed after creation.</FieldDescription>\n              <FieldError>{validationErrors.name}</FieldError>\n            </Field>\n            <Field invalid={Boolean(validationErrors.displayLabel)} disabled={pending}>\n              <FieldLabel>Display label</FieldLabel>\n              <Input\n                name=\"displayLabel\"\n                placeholder=\"Handoff quality\"\n                value={value.displayLabel}\n                onChange={event => setField('displayLabel', event.target.value)}\n              />\n              <FieldError>{validationErrors.displayLabel}</FieldError>\n            </Field>\n            <Field disabled={pending}>\n              <FieldLabel>Description</FieldLabel>\n              <Textarea\n                name=\"description\"\n                rows={2}\n                value={value.description}\n                onChange={event => setField('description', event.target.value)}\n              />\n            </Field>\n            <Field invalid={Boolean(validationErrors.taskPrompt)} disabled={pending}>\n              <FieldLabel>Signal instructions</FieldLabel>\n              <Textarea\n                name=\"taskPrompt\"\n                rows={5}\n                value={value.taskPrompt}\n                placeholder=\"Describe what this signal should evaluate and how the result should be written.\"\n                onChange={event => setField('taskPrompt', event.target.value)}\n              />\n              <FieldDescription>\n                Tell the model what to evaluate and what the signal result should contain. {value.taskPrompt.length}\n                /2,000 characters\n              </FieldDescription>\n              <FieldError>{validationErrors.taskPrompt}</FieldError>\n            </Field>\n            {editing ? (\n              <Txt variant=\"meta\" tone=\"muted\">\n                Instruction changes create a new version and apply only to new traces. Existing analysis is unchanged.\n              </Txt>\n            ) : null}\n            {error ? (\n              <div role=\"alert\">\n                <Notice variant=\"destructive\">{error}</Notice>\n              </div>\n            ) : null}\n          </Form>\n        </DialogBody>\n        <DialogFooter>\n          <DialogCancel>Cancel</DialogCancel>\n          <DialogAction type=\"submit\" form={formId}>\n            {editing ? 'Save signal' : 'Create signal'}\n          </DialogAction>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -13,7 +13,7 @@ const Button = require('../../../Button-CXhSUBxN.cjs');
 const components_DataDetailsPanel = require('../../../components/DataDetailsPanel.cjs.js');
 const Notice = require('../../../Notice-C4Tgmtgb.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
-const _switch = require('../../../switch-Swt75_Sb.cjs');
+const _switch = require('../../../switch-BlE5ReVZ.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 
 function TraceSignalSettingsButton({ open, onClick }) {

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

@@ -9,7 +9,7 @@ import { B as Button } from '../../../Button-D43ghVKt.js';
 import { DataDetailsPanel } from '../../../components/DataDetailsPanel.es.js';
 import { N as Notice } from '../../../Notice-B8RIClJD.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
-import { S as Switch } from '../../../switch-88fWFfVz.js';
+import { S as Switch } from '../../../switch-MZ1oHrmp.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 
 function TraceSignalSettingsButton({ open, onClick }) {

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

@@ -7,9 +7,9 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const ee_topics_utils = require('../utils.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const dataList = require('../../../data-list-Y42KyuI1.cjs');
+const dataList = require('../../../data-list-Bqf-fhMx.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const inputGroup = require('../../../input-group-BRhBfeHC.cjs');
+const searchInput = require('../../../search-input-T0orZ7Jf.cjs');
 
 function TopicTraceSummaryList({
   traces,
@@ -25,21 +25,18 @@ function TopicTraceSummaryList({
   );
   const { containerRef, getRowProps } = useDataListKeyboard.useDataListKeyboard({ count: visible.traces.length });
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex min-h-0 flex-1 flex-col gap-4", "aria-label": "Topic trace summaries", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(inputGroup.InputGroup, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(inputGroup.InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        inputGroup.InputGroupInput,
-        {
-          type: "search",
-          "aria-label": "Search traces",
-          placeholder: "Search traces",
-          onChange: (event) => {
-            setSearch(event.target.value);
-            setPage(1);
-          }
+    /* @__PURE__ */ jsxRuntime.jsx(
+      searchInput.SearchInput,
+      {
+        label: "Search traces",
+        placeholder: "Search traces",
+        value: search,
+        onValueChange: (value) => {
+          setSearch(value);
+          setPage(1);
         }
-      )
-    ] }),
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList, { columns: "minmax(12rem,1fr)", className: "min-h-0 flex-1", scrollRef: containerRef, children: [
       /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Top, { children: /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCells, { children: /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { children: "Trace summary" }) }) }),
       visible.traces.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NoMatch, { message: "No traces match this subtopic." }) : visible.traces.map((trace, index) => /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"topic-trace-summary-list.cjs.js","sources":["../../../../src/ee/topics/components/topic-trace-summary-list.tsx"],"sourcesContent":["import { SearchIcon, ChevronDown } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { TopicTraceSummary } from '../types';\nimport { getVisibleTraceSummaries } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useDataListKeyboard } from '@/ds/components/DataList/use-data-list-keyboard';\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '@/ds/components/InputGroup';\n\nexport interface TopicTraceSummaryListProps {\n  traces: TopicTraceSummary[];\n  selectedTraceId?: string | null;\n  onTraceSelect: (trace: TopicTraceSummary) => void;\n  pageSize?: number;\n}\n\nexport function TopicTraceSummaryList({\n  traces,\n  selectedTraceId,\n  onTraceSelect,\n  pageSize = 25,\n}: TopicTraceSummaryListProps) {\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const visible = useMemo(\n    () => getVisibleTraceSummaries(traces, { search, sort: 'newest', page, pageSize }),\n    [page, pageSize, search, traces],\n  );\n\n  const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-4\" aria-label=\"Topic trace summaries\">\n      <InputGroup>\n        <InputGroupAddon align=\"inline-start\">\n          <SearchIcon />\n        </InputGroupAddon>\n        <InputGroupInput\n          type=\"search\"\n          aria-label=\"Search traces\"\n          placeholder=\"Search traces\"\n          onChange={event => {\n            setSearch(event.target.value);\n            setPage(1);\n          }}\n        />\n      </InputGroup>\n\n      <DataList columns=\"minmax(12rem,1fr)\" className=\"min-h-0 flex-1\" scrollRef={containerRef}>\n        <DataList.Top>\n          <DataList.TopCells>\n            <DataList.TopCell>Trace summary</DataList.TopCell>\n          </DataList.TopCells>\n        </DataList.Top>\n\n        {visible.traces.length === 0 ? (\n          <DataList.NoMatch message=\"No traces match this subtopic.\" />\n        ) : (\n          visible.traces.map((trace, index) => (\n            <DataList.RowButton\n              key={trace.id}\n              {...getRowProps(index)}\n              featured={selectedTraceId === trace.id}\n              onClick={() => onTraceSelect(trace)}\n              aria-pressed={selectedTraceId === trace.id}\n            >\n              <DataList.TextCell>{trace.name ?? trace.id}</DataList.TextCell>\n            </DataList.RowButton>\n          ))\n        )}\n      </DataList>\n\n      {visible.hasMore ? (\n        <Button icon={<ChevronDown />} size=\"sm\" onClick={() => setPage(currentPage => currentPage + 1)}>\n          Load more traces ({visible.traces.length} of {visible.total})\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":["useState","useMemo","getVisibleTraceSummaries","useDataListKeyboard","jsxs","InputGroup","jsx","InputGroupAddon","SearchIcon","InputGroupInput","DataList","Button","ChevronDown"],"mappings":"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"}
+{"version":3,"file":"topic-trace-summary-list.cjs.js","sources":["../../../../src/ee/topics/components/topic-trace-summary-list.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { TopicTraceSummary } from '../types';\nimport { getVisibleTraceSummaries } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useDataListKeyboard } from '@/ds/components/DataList/use-data-list-keyboard';\nimport { SearchInput } from '@/ds/components/SearchInput';\n\nexport interface TopicTraceSummaryListProps {\n  traces: TopicTraceSummary[];\n  selectedTraceId?: string | null;\n  onTraceSelect: (trace: TopicTraceSummary) => void;\n  pageSize?: number;\n}\n\nexport function TopicTraceSummaryList({\n  traces,\n  selectedTraceId,\n  onTraceSelect,\n  pageSize = 25,\n}: TopicTraceSummaryListProps) {\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const visible = useMemo(\n    () => getVisibleTraceSummaries(traces, { search, sort: 'newest', page, pageSize }),\n    [page, pageSize, search, traces],\n  );\n\n  const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-4\" aria-label=\"Topic trace summaries\">\n      <SearchInput\n        label=\"Search traces\"\n        placeholder=\"Search traces\"\n        value={search}\n        onValueChange={value => {\n          setSearch(value);\n          setPage(1);\n        }}\n      />\n\n      <DataList columns=\"minmax(12rem,1fr)\" className=\"min-h-0 flex-1\" scrollRef={containerRef}>\n        <DataList.Top>\n          <DataList.TopCells>\n            <DataList.TopCell>Trace summary</DataList.TopCell>\n          </DataList.TopCells>\n        </DataList.Top>\n\n        {visible.traces.length === 0 ? (\n          <DataList.NoMatch message=\"No traces match this subtopic.\" />\n        ) : (\n          visible.traces.map((trace, index) => (\n            <DataList.RowButton\n              key={trace.id}\n              {...getRowProps(index)}\n              featured={selectedTraceId === trace.id}\n              onClick={() => onTraceSelect(trace)}\n              aria-pressed={selectedTraceId === trace.id}\n            >\n              <DataList.TextCell>{trace.name ?? trace.id}</DataList.TextCell>\n            </DataList.RowButton>\n          ))\n        )}\n      </DataList>\n\n      {visible.hasMore ? (\n        <Button icon={<ChevronDown />} size=\"sm\" onClick={() => setPage(currentPage => currentPage + 1)}>\n          Load more traces ({visible.traces.length} of {visible.total})\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":["useState","useMemo","getVisibleTraceSummaries","useDataListKeyboard","jsxs","jsx","SearchInput","DataList","Button","ChevronDown"],"mappings":";;;;;;;;;;;;;AAgBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,MAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,EAA+B;AAC7B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,EAAE,CAAA;AACvC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAAS,CAAC,CAAA;AAElC,EAAA,MAAM,OAAA,GAAUC,aAAA;AAAA,IACd,MAAMC,yCAAyB,MAAA,EAAQ,EAAE,QAAQ,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,QAAA,EAAU,CAAA;AAAA,IACjF,CAAC,IAAA,EAAM,QAAA,EAAU,MAAA,EAAQ,MAAM;AAAA,GACjC;AAEA,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAY,GAAIC,uCAAA,CAAoB,EAAE,KAAA,EAAO,OAAA,CAAQ,MAAA,CAAO,MAAA,EAAQ,CAAA;AAE1F,EAAA,uBACEC,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,oCAAA,EAAqC,cAAW,uBAAA,EACjE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,uBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,eAAA;AAAA,QACN,WAAA,EAAY,eAAA;AAAA,QACZ,KAAA,EAAO,MAAA;AAAA,QACP,eAAe,CAAA,KAAA,KAAS;AACtB,UAAA,SAAA,CAAU,KAAK,CAAA;AACf,UAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QACX;AAAA;AAAA,KACF;AAAA,oCAECC,iBAAA,EAAA,EAAS,OAAA,EAAQ,qBAAoB,SAAA,EAAU,gBAAA,EAAiB,WAAW,YAAA,EAC1E,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAACE,iBAAA,CAAS,GAAA,EAAT,EACC,QAAA,kBAAAF,cAAA,CAACE,iBAAA,CAAS,QAAA,EAAT,EACC,QAAA,kBAAAF,cAAA,CAACE,iBAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,eAAA,EAAa,GACjC,CAAA,EACF,CAAA;AAAA,MAEC,QAAQ,MAAA,CAAO,MAAA,KAAW,CAAA,mBACzBF,cAAA,CAACE,kBAAS,OAAA,EAAT,EAAiB,OAAA,EAAQ,gCAAA,EAAiC,IAE3D,OAAA,CAAQ,MAAA,CAAO,GAAA,CAAI,CAAC,OAAO,KAAA,qBACzBF,cAAA;AAAA,QAACE,iBAAA,CAAS,SAAA;AAAA,QAAT;AAAA,UAEE,GAAG,YAAY,KAAK,CAAA;AAAA,UACrB,QAAA,EAAU,oBAAoB,KAAA,CAAM,EAAA;AAAA,UACpC,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,UAClC,cAAA,EAAc,oBAAoB,KAAA,CAAM,EAAA;AAAA,UAExC,yCAACA,iBAAA,CAAS,QAAA,EAAT,EAAmB,QAAA,EAAA,KAAA,CAAM,IAAA,IAAQ,MAAM,EAAA,EAAG;AAAA,SAAA;AAAA,QANtC,KAAA,CAAM;AAAA,OAQd;AAAA,KAAA,EAEL,CAAA;AAAA,IAEC,QAAQ,OAAA,mBACPH,eAAA,CAACI,aAAA,EAAA,EAAO,IAAA,iCAAOC,uBAAA,EAAA,EAAY,CAAA,EAAI,IAAA,EAAK,IAAA,EAAK,SAAS,MAAM,OAAA,CAAQ,CAAA,WAAA,KAAe,WAAA,GAAc,CAAC,CAAA,EAAG,QAAA,EAAA;AAAA,MAAA,oBAAA;AAAA,MAC5E,QAAQ,MAAA,CAAO,MAAA;AAAA,MAAO,MAAA;AAAA,MAAK,OAAA,CAAQ,KAAA;AAAA,MAAM;AAAA,KAAA,EAC9D,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}

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

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { SearchIcon, ChevronDown } from 'lucide-react';
+import { ChevronDown } from 'lucide-react';
 import { useState, useMemo } from 'react';
 import { getVisibleTraceSummaries } from '../utils.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
-import { D as DataList } from '../../../data-list-CyeD_u-6.js';
+import { D as DataList } from '../../../data-list-CEIYm7FY.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-0G9ZX_cM.js';
+import { S as SearchInput } from '../../../search-input-BKXiYeed.js';
 
 function TopicTraceSummaryList({
   traces,
@@ -21,21 +21,18 @@ function TopicTraceSummaryList({
   );
   const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });
   return /* @__PURE__ */ jsxs("section", { className: "flex min-h-0 flex-1 flex-col gap-4", "aria-label": "Topic trace summaries", children: [
-    /* @__PURE__ */ jsxs(InputGroup, { children: [
-      /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx(SearchIcon, {}) }),
-      /* @__PURE__ */ jsx(
-        InputGroupInput,
-        {
-          type: "search",
-          "aria-label": "Search traces",
-          placeholder: "Search traces",
-          onChange: (event) => {
-            setSearch(event.target.value);
-            setPage(1);
-          }
+    /* @__PURE__ */ jsx(
+      SearchInput,
+      {
+        label: "Search traces",
+        placeholder: "Search traces",
+        value: search,
+        onValueChange: (value) => {
+          setSearch(value);
+          setPage(1);
         }
-      )
-    ] }),
+      }
+    ),
     /* @__PURE__ */ jsxs(DataList, { columns: "minmax(12rem,1fr)", className: "min-h-0 flex-1", scrollRef: containerRef, children: [
       /* @__PURE__ */ jsx(DataList.Top, { children: /* @__PURE__ */ jsx(DataList.TopCells, { children: /* @__PURE__ */ jsx(DataList.TopCell, { children: "Trace summary" }) }) }),
       visible.traces.length === 0 ? /* @__PURE__ */ jsx(DataList.NoMatch, { message: "No traces match this subtopic." }) : visible.traces.map((trace, index) => /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"topic-trace-summary-list.es.js","sources":["../../../../src/ee/topics/components/topic-trace-summary-list.tsx"],"sourcesContent":["import { SearchIcon, ChevronDown } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { TopicTraceSummary } from '../types';\nimport { getVisibleTraceSummaries } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useDataListKeyboard } from '@/ds/components/DataList/use-data-list-keyboard';\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '@/ds/components/InputGroup';\n\nexport interface TopicTraceSummaryListProps {\n  traces: TopicTraceSummary[];\n  selectedTraceId?: string | null;\n  onTraceSelect: (trace: TopicTraceSummary) => void;\n  pageSize?: number;\n}\n\nexport function TopicTraceSummaryList({\n  traces,\n  selectedTraceId,\n  onTraceSelect,\n  pageSize = 25,\n}: TopicTraceSummaryListProps) {\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const visible = useMemo(\n    () => getVisibleTraceSummaries(traces, { search, sort: 'newest', page, pageSize }),\n    [page, pageSize, search, traces],\n  );\n\n  const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-4\" aria-label=\"Topic trace summaries\">\n      <InputGroup>\n        <InputGroupAddon align=\"inline-start\">\n          <SearchIcon />\n        </InputGroupAddon>\n        <InputGroupInput\n          type=\"search\"\n          aria-label=\"Search traces\"\n          placeholder=\"Search traces\"\n          onChange={event => {\n            setSearch(event.target.value);\n            setPage(1);\n          }}\n        />\n      </InputGroup>\n\n      <DataList columns=\"minmax(12rem,1fr)\" className=\"min-h-0 flex-1\" scrollRef={containerRef}>\n        <DataList.Top>\n          <DataList.TopCells>\n            <DataList.TopCell>Trace summary</DataList.TopCell>\n          </DataList.TopCells>\n        </DataList.Top>\n\n        {visible.traces.length === 0 ? (\n          <DataList.NoMatch message=\"No traces match this subtopic.\" />\n        ) : (\n          visible.traces.map((trace, index) => (\n            <DataList.RowButton\n              key={trace.id}\n              {...getRowProps(index)}\n              featured={selectedTraceId === trace.id}\n              onClick={() => onTraceSelect(trace)}\n              aria-pressed={selectedTraceId === trace.id}\n            >\n              <DataList.TextCell>{trace.name ?? trace.id}</DataList.TextCell>\n            </DataList.RowButton>\n          ))\n        )}\n      </DataList>\n\n      {visible.hasMore ? (\n        <Button icon={<ChevronDown />} size=\"sm\" onClick={() => setPage(currentPage => currentPage + 1)}>\n          Load more traces ({visible.traces.length} of {visible.total})\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"topic-trace-summary-list.es.js","sources":["../../../../src/ee/topics/components/topic-trace-summary-list.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { TopicTraceSummary } from '../types';\nimport { getVisibleTraceSummaries } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useDataListKeyboard } from '@/ds/components/DataList/use-data-list-keyboard';\nimport { SearchInput } from '@/ds/components/SearchInput';\n\nexport interface TopicTraceSummaryListProps {\n  traces: TopicTraceSummary[];\n  selectedTraceId?: string | null;\n  onTraceSelect: (trace: TopicTraceSummary) => void;\n  pageSize?: number;\n}\n\nexport function TopicTraceSummaryList({\n  traces,\n  selectedTraceId,\n  onTraceSelect,\n  pageSize = 25,\n}: TopicTraceSummaryListProps) {\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const visible = useMemo(\n    () => getVisibleTraceSummaries(traces, { search, sort: 'newest', page, pageSize }),\n    [page, pageSize, search, traces],\n  );\n\n  const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-4\" aria-label=\"Topic trace summaries\">\n      <SearchInput\n        label=\"Search traces\"\n        placeholder=\"Search traces\"\n        value={search}\n        onValueChange={value => {\n          setSearch(value);\n          setPage(1);\n        }}\n      />\n\n      <DataList columns=\"minmax(12rem,1fr)\" className=\"min-h-0 flex-1\" scrollRef={containerRef}>\n        <DataList.Top>\n          <DataList.TopCells>\n            <DataList.TopCell>Trace summary</DataList.TopCell>\n          </DataList.TopCells>\n        </DataList.Top>\n\n        {visible.traces.length === 0 ? (\n          <DataList.NoMatch message=\"No traces match this subtopic.\" />\n        ) : (\n          visible.traces.map((trace, index) => (\n            <DataList.RowButton\n              key={trace.id}\n              {...getRowProps(index)}\n              featured={selectedTraceId === trace.id}\n              onClick={() => onTraceSelect(trace)}\n              aria-pressed={selectedTraceId === trace.id}\n            >\n              <DataList.TextCell>{trace.name ?? trace.id}</DataList.TextCell>\n            </DataList.RowButton>\n          ))\n        )}\n      </DataList>\n\n      {visible.hasMore ? (\n        <Button icon={<ChevronDown />} size=\"sm\" onClick={() => setPage(currentPage => currentPage + 1)}>\n          Load more traces ({visible.traces.length} of {visible.total})\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAgBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,MAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,EAA+B;AAC7B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,EAAE,CAAA;AACvC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAElC,EAAA,MAAM,OAAA,GAAU,OAAA;AAAA,IACd,MAAM,yBAAyB,MAAA,EAAQ,EAAE,QAAQ,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,QAAA,EAAU,CAAA;AAAA,IACjF,CAAC,IAAA,EAAM,QAAA,EAAU,MAAA,EAAQ,MAAM;AAAA,GACjC;AAEA,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAY,GAAI,mBAAA,CAAoB,EAAE,KAAA,EAAO,OAAA,CAAQ,MAAA,CAAO,MAAA,EAAQ,CAAA;AAE1F,EAAA,uBACE,IAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,oCAAA,EAAqC,cAAW,uBAAA,EACjE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,eAAA;AAAA,QACN,WAAA,EAAY,eAAA;AAAA,QACZ,KAAA,EAAO,MAAA;AAAA,QACP,eAAe,CAAA,KAAA,KAAS;AACtB,UAAA,SAAA,CAAU,KAAK,CAAA;AACf,UAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QACX;AAAA;AAAA,KACF;AAAA,yBAEC,QAAA,EAAA,EAAS,OAAA,EAAQ,qBAAoB,SAAA,EAAU,gBAAA,EAAiB,WAAW,YAAA,EAC1E,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,CAAS,GAAA,EAAT,EACC,QAAA,kBAAA,GAAA,CAAC,QAAA,CAAS,QAAA,EAAT,EACC,QAAA,kBAAA,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,eAAA,EAAa,GACjC,CAAA,EACF,CAAA;AAAA,MAEC,QAAQ,MAAA,CAAO,MAAA,KAAW,CAAA,mBACzB,GAAA,CAAC,SAAS,OAAA,EAAT,EAAiB,OAAA,EAAQ,gCAAA,EAAiC,IAE3D,OAAA,CAAQ,MAAA,CAAO,GAAA,CAAI,CAAC,OAAO,KAAA,qBACzB,GAAA;AAAA,QAAC,QAAA,CAAS,SAAA;AAAA,QAAT;AAAA,UAEE,GAAG,YAAY,KAAK,CAAA;AAAA,UACrB,QAAA,EAAU,oBAAoB,KAAA,CAAM,EAAA;AAAA,UACpC,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,UAClC,cAAA,EAAc,oBAAoB,KAAA,CAAM,EAAA;AAAA,UAExC,8BAAC,QAAA,CAAS,QAAA,EAAT,EAAmB,QAAA,EAAA,KAAA,CAAM,IAAA,IAAQ,MAAM,EAAA,EAAG;AAAA,SAAA;AAAA,QANtC,KAAA,CAAM;AAAA,OAQd;AAAA,KAAA,EAEL,CAAA;AAAA,IAEC,QAAQ,OAAA,mBACP,IAAA,CAAC,MAAA,EAAA,EAAO,IAAA,sBAAO,WAAA,EAAA,EAAY,CAAA,EAAI,IAAA,EAAK,IAAA,EAAK,SAAS,MAAM,OAAA,CAAQ,CAAA,WAAA,KAAe,WAAA,GAAc,CAAC,CAAA,EAAG,QAAA,EAAA;AAAA,MAAA,oBAAA;AAAA,MAC5E,QAAQ,MAAA,CAAO,MAAA;AAAA,MAAO,MAAA;AAAA,MAAK,OAAA,CAAQ,KAAA;AAAA,MAAM;AAAA,KAAA,EAC9D,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}

package/dist/field-BtvEQ68O.js

@@ -0,0 +1,170 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Field as Field$1 } from '@base-ui/react/field';
+import { Fieldset as Fieldset$1 } from '@base-ui/react/fieldset';
+import { CircleAlertIcon } from 'lucide-react';
+import * as React from 'react';
+import { F as FieldAriaContext, a as useFieldAriaIds } from './field-control-aria-DB6y41tQ.js';
+import { Icon } from './icons/Icon.es.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const orientationClassName = {
+  vertical: "grid gap-2",
+  horizontal: "flex items-center gap-2 has-[>[data-slot=field-label]:first-child]:justify-between",
+  responsive: "flex flex-col gap-2 sm:flex-row sm:items-center"
+};
+function Field({ className, orientation = "vertical", invalid = false, ...props }) {
+  const id = React.useId();
+  const [hasDescription, setHasDescription] = React.useState(false);
+  const ariaIds = React.useMemo(
+    () => ({
+      labelId: `${id}-label`,
+      descriptionId: `${id}-description`,
+      errorId: `${id}-error`,
+      controlId: `${id}-control`,
+      invalid,
+      hasDescription,
+      setHasDescription
+    }),
+    [id, invalid, hasDescription]
+  );
+  return /* @__PURE__ */ jsx(FieldAriaContext.Provider, { value: ariaIds, children: /* @__PURE__ */ jsx(
+    Field$1.Root,
+    {
+      invalid,
+      "data-slot": "field",
+      "data-orientation": orientation,
+      className: cn("min-w-0 text-foreground", orientationClassName[orientation], className),
+      ...props
+    }
+  ) });
+}
+function FieldContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "field-content", className: cn("grid min-w-0 flex-1 gap-2", className), ...props });
+}
+function FieldItem({ className, ...props }) {
+  const isInsideField = useFieldAriaIds() !== null;
+  const ItemScope = isInsideField ? Field$1.Item : Field$1.Root;
+  return /* @__PURE__ */ jsx(FieldAriaContext.Provider, { value: null, children: /* @__PURE__ */ jsx(ItemScope, { "data-slot": "field-item", className: cn("flex min-w-0 items-center gap-2", className), ...props }) });
+}
+function RequiredMark() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "ml-0.5 text-destructive-foreground in-data-disabled:text-muted-foreground", children: "*" }),
+    " ",
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "(required)" })
+  ] });
+}
+function FieldLabel({ className, required = false, size = "default", children, onClick, ...props }) {
+  const field = useFieldAriaIds();
+  const focusManualControl = (event) => {
+    onClick?.(event);
+    if (!field || event.defaultPrevented) return;
+    event.currentTarget.ownerDocument.getElementById(field.controlId)?.focus();
+  };
+  return /* @__PURE__ */ jsxs(
+    Field$1.Label,
+    {
+      id: field?.labelId,
+      "data-slot": "field-label",
+      className: cn(
+        "inline-flex shrink-0 items-center text-label text-foreground data-disabled:text-muted-foreground",
+        "not-data-disabled:has-[[role=checkbox],[role=switch],[role=radio]]:cursor-pointer",
+        "not-data-disabled:[:is([data-slot=field],[data-slot=field-item]):has(>[role=checkbox],>[role=switch],>[role=radio])_&]:cursor-pointer",
+        "data-disabled:cursor-not-allowed",
+        size === "smaller" && "text-column",
+        size === "bigger" && "text-body",
+        className
+      ),
+      onClick: focusManualControl,
+      ...props,
+      children: [
+        children,
+        required ? /* @__PURE__ */ jsx(RequiredMark, {}) : null
+      ]
+    }
+  );
+}
+function FieldDescription({ className, ...props }) {
+  const field = useFieldAriaIds();
+  const setHasDescription = field?.setHasDescription;
+  React.useEffect(() => {
+    if (!setHasDescription) return;
+    setHasDescription(true);
+    return () => setHasDescription(false);
+  }, [setHasDescription]);
+  return /* @__PURE__ */ jsx(
+    Field$1.Description,
+    {
+      id: field?.descriptionId,
+      "data-slot": "field-description",
+      className: cn("-mt-1 text-caption text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+const fieldErrorClassName = "-mt-1 flex gap-1 text-caption text-destructive-foreground";
+function FieldErrorIcon() {
+  return /* @__PURE__ */ jsx(Icon, { size: "xs", className: "mt-0.75 shrink-0", "aria-hidden": true, children: /* @__PURE__ */ jsx(CircleAlertIcon, {}) });
+}
+function FieldError({ className, children, ...props }) {
+  const field = useFieldAriaIds();
+  if (children) {
+    return /* @__PURE__ */ jsxs(
+      Field$1.Error,
+      {
+        id: field?.errorId,
+        match: true,
+        role: "alert",
+        "data-slot": "field-error",
+        className: cn(fieldErrorClassName, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(FieldErrorIcon, {}),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0", children })
+        ]
+      },
+      "external"
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Field$1.Error,
+    {
+      id: field?.errorId,
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn(fieldErrorClassName, className),
+      ...props,
+      render: ({ children: message, ...errorProps }) => /* @__PURE__ */ jsxs("div", { ...errorProps, children: [
+        /* @__PURE__ */ jsx(FieldErrorIcon, {}),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0", children: message })
+      ] })
+    },
+    "native"
+  );
+}
+function Fieldset({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Fieldset$1.Root,
+    {
+      "data-slot": "fieldset",
+      className: cn("m-0 grid min-w-0 gap-3 border-0 p-0", className),
+      ...props
+    }
+  );
+}
+function FieldsetLegend({ className, required = false, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    Fieldset$1.Legend,
+    {
+      "data-slot": "fieldset-legend",
+      className: cn("text-label text-foreground data-disabled:text-muted-foreground", className),
+      ...props,
+      children: [
+        children,
+        required ? /* @__PURE__ */ jsx(RequiredMark, {}) : null
+      ]
+    }
+  );
+}
+
+export { Field as F, FieldContent as a, FieldDescription as b, FieldError as c, FieldItem as d, FieldLabel as e, Fieldset as f, FieldsetLegend as g };
+//# sourceMappingURL=field-BtvEQ68O.js.map

package/dist/field-BtvEQ68O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-BtvEQ68O.js","sources":["../src/ds/components/Field/field.tsx"],"sourcesContent":["import { Field as FieldPrimitive } from '@base-ui/react/field';\nimport { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';\nimport { CircleAlertIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { FieldAriaContext, useFieldAriaIds } from './field-control-aria';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/lib/utils';\n\ntype FieldProps = Omit<FieldPrimitive.Root.Props, 'className'> & {\n  className?: string;\n  orientation?: 'vertical' | 'horizontal' | 'responsive';\n};\n\nconst orientationClassName = {\n  vertical: 'grid gap-2',\n  horizontal: 'flex items-center gap-2 has-[>[data-slot=field-label]:first-child]:justify-between',\n  responsive: 'flex flex-col gap-2 sm:flex-row sm:items-center',\n} satisfies Record<NonNullable<FieldProps['orientation']>, string>;\n\nfunction Field({ className, orientation = 'vertical', invalid = false, ...props }: FieldProps) {\n  const id = React.useId();\n  const [hasDescription, setHasDescription] = React.useState(false);\n  const ariaIds = React.useMemo(\n    () => ({\n      labelId: `${id}-label`,\n      descriptionId: `${id}-description`,\n      errorId: `${id}-error`,\n      controlId: `${id}-control`,\n      invalid,\n      hasDescription,\n      setHasDescription,\n    }),\n    [id, invalid, hasDescription],\n  );\n\n  return (\n    <FieldAriaContext.Provider value={ariaIds}>\n      <FieldPrimitive.Root\n        invalid={invalid}\n        data-slot=\"field\"\n        data-orientation={orientation}\n        className={cn('min-w-0 text-foreground', orientationClassName[orientation], className)}\n        {...props}\n      />\n    </FieldAriaContext.Provider>\n  );\n}\n\ntype FieldContentProps = React.ComponentProps<'div'>;\n\nfunction FieldContent({ className, ...props }: FieldContentProps) {\n  return <div data-slot=\"field-content\" className={cn('grid min-w-0 flex-1 gap-2', className)} {...props} />;\n}\n\ntype FieldItemProps = Omit<FieldPrimitive.Item.Props, 'className'> & {\n  className?: string;\n};\n\nfunction FieldItem({ className, ...props }: FieldItemProps) {\n  const isInsideField = useFieldAriaIds() !== null;\n  const ItemScope = isInsideField ? FieldPrimitive.Item : FieldPrimitive.Root;\n\n  return (\n    <FieldAriaContext.Provider value={null}>\n      <ItemScope data-slot=\"field-item\" className={cn('flex min-w-0 items-center gap-2', className)} {...props} />\n    </FieldAriaContext.Provider>\n  );\n}\n\nfunction RequiredMark() {\n  return (\n    <>\n      <span aria-hidden className=\"ml-0.5 text-destructive-foreground in-data-disabled:text-muted-foreground\">\n        *\n      </span>{' '}\n      <span className=\"sr-only\">(required)</span>\n    </>\n  );\n}\n\ntype FieldLabelProps = Omit<FieldPrimitive.Label.Props, 'className' | 'id'> & {\n  className?: string;\n  required?: boolean;\n  size?: 'smaller' | 'default' | 'bigger';\n};\n\nfunction FieldLabel({ className, required = false, size = 'default', children, onClick, ...props }: FieldLabelProps) {\n  const field = useFieldAriaIds();\n\n  const focusManualControl: FieldLabelProps['onClick'] = event => {\n    onClick?.(event);\n    if (!field || event.defaultPrevented) return;\n    event.currentTarget.ownerDocument.getElementById(field.controlId)?.focus();\n  };\n\n  return (\n    <FieldPrimitive.Label\n      id={field?.labelId}\n      data-slot=\"field-label\"\n      className={cn(\n        'inline-flex shrink-0 items-center text-label text-foreground data-disabled:text-muted-foreground',\n        'not-data-disabled:has-[[role=checkbox],[role=switch],[role=radio]]:cursor-pointer',\n        'not-data-disabled:[:is([data-slot=field],[data-slot=field-item]):has(>[role=checkbox],>[role=switch],>[role=radio])_&]:cursor-pointer',\n        'data-disabled:cursor-not-allowed',\n        size === 'smaller' && 'text-column',\n        size === 'bigger' && 'text-body',\n        className,\n      )}\n      onClick={focusManualControl}\n      {...props}\n    >\n      {children}\n      {required ? <RequiredMark /> : null}\n    </FieldPrimitive.Label>\n  );\n}\n\ntype FieldDescriptionProps = Omit<FieldPrimitive.Description.Props, 'className' | 'id'> & {\n  className?: string;\n};\n\nfunction FieldDescription({ className, ...props }: FieldDescriptionProps) {\n  const field = useFieldAriaIds();\n  const setHasDescription = field?.setHasDescription;\n\n  React.useEffect(() => {\n    if (!setHasDescription) return;\n    setHasDescription(true);\n    return () => setHasDescription(false);\n  }, [setHasDescription]);\n\n  return (\n    <FieldPrimitive.Description\n      id={field?.descriptionId}\n      data-slot=\"field-description\"\n      className={cn('-mt-1 text-caption text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\ntype FieldErrorProps = Omit<FieldPrimitive.Error.Props, 'className' | 'match' | 'render'> & {\n  className?: string;\n};\n\nconst fieldErrorClassName = '-mt-1 flex gap-1 text-caption text-destructive-foreground';\n\nfunction FieldErrorIcon() {\n  return (\n    <Icon size=\"xs\" className=\"mt-0.75 shrink-0\" aria-hidden>\n      <CircleAlertIcon />\n    </Icon>\n  );\n}\n\nfunction FieldError({ className, children, ...props }: FieldErrorProps) {\n  const field = useFieldAriaIds();\n\n  if (children) {\n    return (\n      <FieldPrimitive.Error\n        key=\"external\"\n        id={field?.errorId}\n        match\n        role=\"alert\"\n        data-slot=\"field-error\"\n        className={cn(fieldErrorClassName, className)}\n        {...props}\n      >\n        <FieldErrorIcon />\n        <span className=\"min-w-0\">{children}</span>\n      </FieldPrimitive.Error>\n    );\n  }\n\n  return (\n    <FieldPrimitive.Error\n      key=\"native\"\n      id={field?.errorId}\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn(fieldErrorClassName, className)}\n      {...props}\n      render={({ children: message, ...errorProps }) => (\n        <div {...errorProps}>\n          <FieldErrorIcon />\n          <span className=\"min-w-0\">{message}</span>\n        </div>\n      )}\n    />\n  );\n}\n\ntype FieldsetProps = Omit<FieldsetPrimitive.Root.Props, 'className'> & {\n  className?: string;\n};\n\nfunction Fieldset({ className, ...props }: FieldsetProps) {\n  return (\n    <FieldsetPrimitive.Root\n      data-slot=\"fieldset\"\n      className={cn('m-0 grid min-w-0 gap-3 border-0 p-0', className)}\n      {...props}\n    />\n  );\n}\n\ntype FieldsetLegendProps = Omit<FieldsetPrimitive.Legend.Props, 'className'> & {\n  className?: string;\n  required?: boolean;\n};\n\nfunction FieldsetLegend({ className, required = false, children, ...props }: FieldsetLegendProps) {\n  return (\n    <FieldsetPrimitive.Legend\n      data-slot=\"fieldset-legend\"\n      className={cn('text-label text-foreground data-disabled:text-muted-foreground', className)}\n      {...props}\n    >\n      {children}\n      {required ? <RequiredMark /> : null}\n    </FieldsetPrimitive.Legend>\n  );\n}\n\nexport { Field, FieldContent, FieldItem, FieldLabel, FieldDescription, FieldError, Fieldset, FieldsetLegend };\nexport type {\n  FieldProps,\n  FieldContentProps,\n  FieldItemProps,\n  FieldLabelProps,\n  FieldDescriptionProps,\n  FieldErrorProps,\n  FieldsetProps,\n  FieldsetLegendProps,\n};\n"],"names":["FieldPrimitive","FieldsetPrimitive"],"mappings":"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"}

package/dist/field-control-aria-DB6y41tQ.js

@@ -0,0 +1,26 @@
+import { createContext, useContext } from 'react';
+
+const FieldAriaContext = createContext(null);
+function useFieldAriaIds() {
+  return useContext(FieldAriaContext);
+}
+function hasOwnAccessibleName({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }) {
+  return Boolean(ariaLabel) && ariaLabelledBy === void 0;
+}
+function keepOwnAccessibleName(nameProps) {
+  return hasOwnAccessibleName(nameProps) ? { "aria-labelledby": void 0 } : {};
+}
+function useFieldControlAria(nameProps = {}) {
+  const field = useFieldAriaIds();
+  if (!field) return {};
+  const describedByIds = [field.hasDescription && field.descriptionId, field.invalid && field.errorId].filter(Boolean);
+  return {
+    id: field.controlId,
+    "aria-labelledby": hasOwnAccessibleName(nameProps) ? void 0 : field.labelId,
+    "aria-describedby": describedByIds.length > 0 ? describedByIds.join(" ") : void 0,
+    "aria-invalid": field.invalid || void 0
+  };
+}
+
+export { FieldAriaContext as F, useFieldAriaIds as a, keepOwnAccessibleName as k, useFieldControlAria as u };
+//# sourceMappingURL=field-control-aria-DB6y41tQ.js.map