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

package/dist/components/RadioGroup.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const radioGroup = require('../radio-group-BdEPWGzi.cjs');
+const radioGroup = require('../radio-group-QV7yVrSX.cjs');
 
 
 

package/dist/components/RadioGroup.es.js

@@ -1,2 +1,2 @@
-export { R as RadioGroup, a as RadioGroupItem } from '../radio-group-CFZXUXZ5.js';
+export { R as RadioGroup, a as RadioGroupItem } from '../radio-group-bvm7Sqq_.js';
 //# sourceMappingURL=RadioGroup.es.js.map

package/dist/components/RuleBuilder.cjs.js

@@ -6,10 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const utils_ruleEngine = require('../utils/rule-engine.cjs.js');
-const select = require('../select-DBY9LQFQ.cjs');
+const select = require('../select-DJQYAVcm.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
-const input = require('../input-bd223EJW.cjs');
+const input = require('../input-D0UPyj6A.cjs');
 const Button = require('../Button-CXhSUBxN.cjs');
 const Txt = require('../Txt-DPmEpNbp.cjs');
 const primitives_transitions = require('../primitives/transitions.cjs.js');

package/dist/components/RuleBuilder.es.js

@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Type, ToggleLeft, Hash, List, Braces, Ban, Check, ListX, ChevronsLeft, ChevronsRight, ChevronLeft, ChevronRight, Text, TextSearch, EqualNot, Equal, X, Plus, Component } from 'lucide-react';
 import * as React from 'react';
 import { createDefaultRule, isRule, createDefaultRuleGroup } from '../utils/rule-engine.es.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select-DZeNf-kI.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select--ArpXYDc.js';
 import { Icon } from '../icons/Icon.es.js';
 import { c as cn } from '../cn-65Adrsfj.js';
-import { I as Input } from '../input-CHghVv3k.js';
+import { I as Input } from '../input-D5_B67_r.js';
 import { B as Button } from '../Button-D43ghVKt.js';
 import { T as Txt } from '../Txt-BP1SRHmL.js';
 import { controlStateColorTransition } from '../primitives/transitions.es.js';

package/dist/components/SearchInput.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const searchInput = require('../search-input-T0orZ7Jf.cjs');
+
+
+
+exports.SearchInput = searchInput.SearchInput;
+//# sourceMappingURL=SearchInput.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/SearchInput.d.ts

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

package/dist/components/SearchInput.es.js

@@ -0,0 +1,2 @@
+export { S as SearchInput } from '../search-input-BKXiYeed.js';
+//# sourceMappingURL=SearchInput.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Section.cjs.js

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

package/dist/components/Section.es.js

@@ -1,2 +1,2 @@
-export { S as Section, a as SectionRoot, b as SubSectionRoot } from '../section-BfEsNViI.js';
+export { S as Section, a as SectionRoot, b as SubSectionRoot } from '../section-DTooysg2.js';
 //# sourceMappingURL=Section.es.js.map

package/dist/components/SegmentedControl.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const segmentedControl = require('../segmented-control--I3IgW21.cjs');
+const segmentedControl = require('../segmented-control-DwLkp3TP.cjs');
 
 
 

package/dist/components/SegmentedControl.es.js

@@ -1,2 +1,2 @@
-export { S as SegmentedControl, a as SegmentedControlItem } from '../segmented-control-BxeiypPR.js';
+export { S as SegmentedControl, a as SegmentedControlItem } from '../segmented-control-ClbeK8DF.js';
 //# sourceMappingURL=SegmentedControl.es.js.map

package/dist/components/Select.cjs.js

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

package/dist/components/Select.es.js

@@ -1,2 +1,2 @@
-export { S as Select, a as SelectContent, b as SelectGroup, c as SelectItem, d as SelectTrigger, e as SelectValue } from '../select-DZeNf-kI.js';
+export { S as Select, a as SelectContent, b as SelectGroup, c as SelectItem, d as SelectTrigger, e as SelectValue } from '../select--ArpXYDc.js';
 //# sourceMappingURL=Select.es.js.map

package/dist/components/SideDialog.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const sideDialog = require('../side-dialog-DFnD1498.cjs');
+const sideDialog = require('../side-dialog-lQUx6B_M.cjs');
 
 
 

package/dist/components/SideDialog.es.js

@@ -1,2 +1,2 @@
-export { S as SideDialog } from '../side-dialog-DCzCcZs6.js';
+export { S as SideDialog } from '../side-dialog-DZJc85m3.js';
 //# sourceMappingURL=SideDialog.es.js.map

package/dist/components/Switch.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const _switch = require('../switch-Swt75_Sb.cjs');
+const _switch = require('../switch-BlE5ReVZ.cjs');
 
 
 

package/dist/components/Switch.es.js

@@ -1,2 +1,2 @@
-export { S as Switch } from '../switch-88fWFfVz.js';
+export { S as Switch } from '../switch-MZ1oHrmp.js';
 //# sourceMappingURL=Switch.es.js.map

package/dist/components/Textarea.cjs.js

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

package/dist/components/Textarea.es.js

@@ -1,2 +1,2 @@
-export { T as Textarea } from '../textarea-B6wvS_CQ.js';
+export { T as Textarea } from '../textarea-CxPNKg2q.js';
 //# sourceMappingURL=Textarea.es.js.map

package/dist/components/ThemeToggle.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 segmentedControl = require('../segmented-control--I3IgW21.cjs');
+const segmentedControl = require('../segmented-control-DwLkp3TP.cjs');
 const themeProvider = require('../theme-provider-DDGNiyY_.cjs');
 
 const DEFAULT_OPTIONS = [

package/dist/components/ThemeToggle.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Monitor, Sun, Moon } from 'lucide-react';
-import { S as SegmentedControl, a as SegmentedControlItem } from '../segmented-control-BxeiypPR.js';
+import { S as SegmentedControl, a as SegmentedControlItem } from '../segmented-control-ClbeK8DF.js';
 import { u as useTheme } from '../theme-provider-BbMYMtxP.js';
 
 const DEFAULT_OPTIONS = [

package/dist/components/Workflow.cjs.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const workflowCanvasInset = require('../workflow-canvas-inset-CMasaX9u.cjs');
 const workflowConditionCard = require('../workflow-condition-card-BjEAp0t6.cjs');
-const workflowCodeDialogContent = require('../workflow-code-dialog-content-BFm2IWDl.cjs');
-const workflowEdgeDataButton = require('../workflow-edge-data-button-BOVRo4xO.cjs');
+const workflowCodeDialogContent = require('../workflow-code-dialog-content-DyoN3850.cjs');
+const workflowEdgeDataButton = require('../workflow-edge-data-button-BFNO-TRL.cjs');
 const types = require('../types-1cBe2TOn.cjs');
-const workflowDataEdgeView = require('../workflow-data-edge-view-7f8O6pVW.cjs');
+const workflowDataEdgeView = require('../workflow-data-edge-view-aHAZkZOH.cjs');
 const workflowDebugControls = require('../workflow-debug-controls-VbxiluNZ.cjs');
 const workflowGraphPlaceholder = require('../workflow-graph-placeholder-DHPA04Oz.cjs');
 const workflowStepAction = require('../workflow-step-action-COOlMQGX.cjs');

package/dist/components/Workflow.es.js

@@ -1,9 +1,9 @@
 export { W as WorkflowCanvasInsetContext, w as workflowFitOptions } from '../workflow-canvas-inset-23mBz2N6.js';
 export { B as BADGE_COLORS, a as BADGE_ICONS, W as WorkflowBoundaryNode, b as WorkflowClock, c as WorkflowConditionCard, d as WorkflowConditionCardView, e as WorkflowGraphCanvas, f as WorkflowNodeFrame, g as WorkflowStepCardView, h as WorkflowTypeBadge, i as getConditionIconAndColor, j as getConditionIndicator, k as getNodeBadgeInfo, l as getNodeIndicators } from '../workflow-condition-card-3J-As62x.js';
-export { W as WorkflowCodeContent } from '../workflow-code-dialog-content-BM4ZnrUr.js';
-export { W as WorkflowEdgeDataButton } from '../workflow-edge-data-button-C6eyWbcG.js';
+export { W as WorkflowCodeContent } from '../workflow-code-dialog-content-3AcgitHa.js';
+export { W as WorkflowEdgeDataButton } from '../workflow-edge-data-button-2aIkzgev.js';
 export { W as WORKFLOW_BOUNDARY_NODE_TYPE, a as WORKFLOW_DATA_EDGE_TYPE } from '../types-CvneO3z0.js';
-export { W as WorkflowDataEdgeView } from '../workflow-data-edge-view-BpGLV-at.js';
+export { W as WorkflowDataEdgeView } from '../workflow-data-edge-view-C4nbA2Fa.js';
 export { W as WorkflowDebugControls } from '../workflow-debug-controls-tty6gLX2.js';
 export { W as WorkflowGraphPlaceholder } from '../workflow-graph-placeholder-I4TzvbtB.js';
 export { W as WorkflowStepAction, a as WorkflowStepActions } from '../workflow-step-action-B3coZwPr.js';

package/dist/components/ai/activity.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const activity = require('../../activity-CbQG59Oc.cjs');
 const notificationActivity = require('../../notification-activity-Dk50wcE4.cjs');
-const reasoningActivity = require('../../reasoning-activity-BVviIdMe.cjs');
+const reasoningActivity = require('../../reasoning-activity-DaXMgyr3.cjs');
 const reasoningVisibility = require('../../reasoning-visibility-DXho4jGC.cjs');
 const signalActivity = require('../../signal-activity-byCTRP86.cjs');
 

package/dist/components/ai/activity.es.js

@@ -1,6 +1,6 @@
 export { A as Activity, a as ActivityContent, b as ActivityDetail, c as ActivityDisclosure, d as ActivityHeader, e as ActivityHeadline, f as ActivityIcon, g as ActivityItem, h as ActivityLabel, i as ActivityLeading, j as ActivitySpacer, k as ActivitySummary, l as ActivityTrailing, m as ActivityTrigger } from '../../activity-BoXbE4Kz.js';
 export { N as NotificationActivity } from '../../notification-activity-CFR_b8eA.js';
-export { R as ReasoningActivity } from '../../reasoning-activity-OM1-hbCV.js';
+export { R as ReasoningActivity } from '../../reasoning-activity-6VkIbDT4.js';
 export { h as hasVisibleReasoning } from '../../reasoning-visibility-B9rA0AIj.js';
 export { S as SignalActivity } from '../../signal-activity-DW2ExjIp.js';
 //# sourceMappingURL=activity.es.js.map

package/dist/components/ai/ask-user.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const askUser = require('../../ask-user-CXu4b7Jw.cjs');
+const askUser = require('../../ask-user-XYY0fUoI.cjs');
 
 
 

package/dist/components/ai/ask-user.es.js

@@ -1,2 +1,2 @@
-export { A as AskUser, a as AskUserBody, b as AskUserContainer, c as AskUserLabel, d as AskUserOptionRow, e as AskUserOutput, f as AskUserPending, g as AskUserQuestion, h as AskUserSubmit } from '../../ask-user-Dlz2346n.js';
+export { A as AskUser, a as AskUserBody, b as AskUserContainer, c as AskUserLabel, d as AskUserOptionRow, e as AskUserOutput, f as AskUserPending, g as AskUserQuestion, h as AskUserSubmit } from '../../ask-user-DE8TaPhb.js';
 //# sourceMappingURL=ask-user.es.js.map

package/dist/components/ai/plan.cjs.js

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

package/dist/components/ai/plan.es.js

@@ -1,2 +1,2 @@
-export { P as Plan, a as PlanActionGroup, b as PlanBody, c as PlanContent, d as PlanControls, e as PlanCopyButton, f as PlanExpandButton, g as PlanFile, h as PlanHeader, i as PlanHeaderActions, j as PlanIntro, k as PlanLabel, l as PlanMain, m as PlanPath, n as PlanStatus, o as PlanTitle } from '../../plan-CvTAGIWv.js';
+export { P as Plan, a as PlanActionGroup, b as PlanBody, c as PlanContent, d as PlanControls, e as PlanCopyButton, f as PlanExpandButton, g as PlanFile, h as PlanHeader, i as PlanHeaderActions, j as PlanIntro, k as PlanLabel, l as PlanMain, m as PlanPath, n as PlanStatus, o as PlanTitle } from '../../plan-BtOryfz5.js';
 //# sourceMappingURL=plan.es.js.map

package/dist/components/ai/tool-call.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const ansi = require('../../ansi-fAtbeDQN.cjs');
 const groupConsecutive = require('../../group-consecutive-KN5O6teY.cjs');
 const toolCallMono = require('../../tool-call-mono-DXtb4UMm.cjs');
-const toolCallArguments = require('../../tool-call-arguments-CQYR65FB.cjs');
+const toolCallArguments = require('../../tool-call-arguments-BemKsB9v.cjs');
 const toolCallGroup = require('../../tool-call-group-D_ioE9hT.cjs');
 const toolCallOutput = require('../../tool-call-output-ht3k1qLQ.cjs');
 const toolPresentation = require('../../tool-presentation-WLS6d1ws.cjs');

package/dist/components/ai/tool-call.es.js

@@ -1,7 +1,7 @@
 export { a as stripAnsi, s as stripSerializedAnsi } from '../../ansi-Cq_bKF5J.js';
 export { T as TOOL_GROUP_MIN, g as groupConsecutive } from '../../group-consecutive-EVLIMgcO.js';
 export { T as ToolCallCommand, a as ToolCallMono } from '../../tool-call-mono-CC6uzvhS.js';
-export { T as ToolCallArguments, a as ToolCallEdit } from '../../tool-call-arguments-B1MghuMZ.js';
+export { T as ToolCallArguments, a as ToolCallEdit } from '../../tool-call-arguments-CtUKj7IB.js';
 export { T as ToolCallGroup } from '../../tool-call-group-ZuYxpyDs.js';
 export { T as ToolCallOutput } from '../../tool-call-output-COq3kB-f.js';
 export { h as hasToolArguments, i as isTaskTool, p as presentTool, s as stringifyToolValue, t as toolEdit, v as visibleToolArgumentsText } from '../../tool-presentation-BXAo24Ir.js';

package/dist/{custom-auto-form-field-yEMBGXu-.js → custom-auto-form-field-BvEhSH73.js}

@@ -4,7 +4,6 @@ import { useAutoForm, getPathInObject } from '@autoform/react';
 import { useMemo } from 'react';
 import { useFormContext, useFieldArray, useWatch } from 'react-hook-form';
 import { FieldPathContext } from './lib/form/field-context.es.js';
-import { f as fieldErrorId } from './field-error-id-D3yg1nBh.js';
 
 const CustomArrayField = ({ field, path }) => {
   const { uiComponents } = useAutoForm();
@@ -90,10 +89,7 @@ const CustomAutoFormField = ({ field, path }) => {
       id: fullPath,
       path,
       inputProps: {
-        required: field.required,
-        error,
-        "aria-invalid": error ? true : void 0,
-        "aria-describedby": error ? fieldErrorId(fullPath) : void 0,
+        "aria-required": field.required || void 0,
         key: `${fullPath}-input`,
         ...field.fieldConfig?.inputProps,
         ...register(fullPath)
@@ -104,4 +100,4 @@ const CustomAutoFormField = ({ field, path }) => {
 };
 
 export { CustomAutoFormField as C, CustomArrayField as a, CustomObjectField as b };
-//# sourceMappingURL=custom-auto-form-field-yEMBGXu-.js.map
+//# sourceMappingURL=custom-auto-form-field-BvEhSH73.js.map

package/dist/custom-auto-form-field-BvEhSH73.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-auto-form-field-BvEhSH73.js","sources":["../src/lib/form/components/custom-array-field.tsx","../src/lib/form/components/custom-object-field.tsx","../src/lib/form/components/custom-auto-form-field.tsx"],"sourcesContent":["import type { ParsedField } from '@autoform/core';\nimport { getLabel } from '@autoform/core';\nimport { useAutoForm } from '@autoform/react';\nimport React from 'react';\nimport { useFieldArray, useFormContext } from 'react-hook-form';\nimport { FieldPathContext } from '../field-context';\nimport { CustomAutoFormField } from './custom-auto-form-field';\n\nexport const CustomArrayField: React.FC<{\n  field: ParsedField;\n  path: string[];\n}> = ({ field, path }) => {\n  const { uiComponents } = useAutoForm();\n  const { control } = useFormContext();\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name: path.join('.'),\n  });\n\n  const subFieldType = field.schema?.[0]?.type;\n  let defaultValue: any;\n  if (subFieldType === 'object') {\n    defaultValue = {};\n  } else if (subFieldType === 'array') {\n    defaultValue = [];\n  } else {\n    defaultValue = null;\n  }\n\n  const subField = field.schema?.[0];\n\n  if (!subField) {\n    return (\n      <uiComponents.ErrorMessage\n        error={`[AutoForm] Unable to determine array element schema for \"${getLabel(field)}\"`}\n      />\n    );\n  }\n\n  return (\n    <uiComponents.ArrayWrapper label={getLabel(field)} field={field} onAddItem={() => append(defaultValue)}>\n      {fields.map((item, index) => (\n        <FieldPathContext key={item.id} value={[...path, index.toString()].join('.')}>\n          <uiComponents.ArrayElementWrapper onRemove={() => remove(index)} index={index}>\n            <CustomAutoFormField field={subField} path={[...path, index.toString()]} />\n          </uiComponents.ArrayElementWrapper>\n        </FieldPathContext>\n      ))}\n    </uiComponents.ArrayWrapper>\n  );\n};\n","import type { ParsedField } from '@autoform/core';\nimport { getLabel } from '@autoform/core';\nimport { useAutoForm } from '@autoform/react';\nimport React from 'react';\nimport { FieldPathContext } from '../field-context';\nimport { CustomAutoFormField } from './custom-auto-form-field';\n\nexport const CustomObjectField: React.FC<{\n  field: ParsedField;\n  path: string[];\n}> = ({ field, path }) => {\n  const { uiComponents } = useAutoForm();\n\n  return (\n    <FieldPathContext value={path.join('.')}>\n      <uiComponents.ObjectWrapper label={getLabel(field)} field={field}>\n        {Object.entries(field.schema ?? []).map(([_key, subField]) => (\n          <CustomAutoFormField\n            key={`${path.join('.')}.${subField.key}`}\n            field={subField}\n            path={[...path, subField.key]}\n          />\n        ))}\n      </uiComponents.ObjectWrapper>\n    </FieldPathContext>\n  );\n};\n","import type { ParsedField } from '@autoform/core';\nimport { getLabel } from '@autoform/core';\nimport type { AutoFormFieldProps } from '@autoform/react';\nimport { getPathInObject, useAutoForm } from '@autoform/react';\nimport React, { useMemo } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { CustomArrayField } from './custom-array-field';\nimport { CustomObjectField } from './custom-object-field';\n\nexport const CustomAutoFormField: React.FC<{\n  field: ParsedField;\n  path: string[];\n}> = ({ field, path }) => {\n  const { formComponents, uiComponents } = useAutoForm();\n  const {\n    register,\n    formState: { errors, defaultValues },\n    getValues,\n    control,\n  } = useFormContext();\n\n  const fullPath = path.join('.');\n  const error = getPathInObject(errors, path)?.message as string | undefined;\n  const watchedValue = useWatch({ control, name: fullPath });\n  const value = watchedValue === undefined ? getValues(fullPath) : watchedValue;\n\n  const fieldDefault = useMemo(() => {\n    if (!defaultValues) return field.default;\n    const resolved = getPathInObject(defaultValues, path);\n    return resolved === undefined ? field.default : resolved;\n  }, [defaultValues, path, field.default]);\n\n  const FieldWrapper = field.fieldConfig?.fieldWrapper || uiComponents.FieldWrapper;\n\n  let FieldComponent: React.ComponentType<AutoFormFieldProps> = () => (\n    <uiComponents.ErrorMessage\n      error={`[AutoForm Configuration Error] No component found for type \"${field.type}\" nor a fallback`}\n    />\n  );\n\n  if (field.type === 'array') {\n    FieldComponent = CustomArrayField;\n  } else if (field.type === 'object') {\n    FieldComponent = CustomObjectField;\n  } else if (field.type in formComponents) {\n    FieldComponent = formComponents[field.type as keyof typeof formComponents] ?? FieldComponent;\n  } else if ('fallback' in formComponents) {\n    FieldComponent = formComponents.fallback;\n  }\n\n  const fieldWithDefault = { ...field, default: fieldDefault };\n\n  return (\n    <FieldWrapper label={getLabel(field)} error={error} id={fullPath} field={fieldWithDefault}>\n      <FieldComponent\n        label={getLabel(field)}\n        field={fieldWithDefault}\n        value={value}\n        error={error}\n        id={fullPath}\n        key={fullPath}\n        path={path}\n        inputProps={{\n          'aria-required': field.required || undefined,\n          key: `${fullPath}-input`,\n          ...field.fieldConfig?.inputProps,\n          ...register(fullPath),\n        }}\n      />\n    </FieldWrapper>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/{custom-auto-form-field-Brfb-0Te.cjs → custom-auto-form-field-DVse5pih.cjs}

@@ -6,7 +6,6 @@ const react = require('@autoform/react');
 const React = require('react');
 const reactHookForm = require('react-hook-form');
 const lib_form_fieldContext = require('./lib/form/field-context.cjs.js');
-const fieldErrorId = require('./field-error-id-B3Z2Zu5y.cjs');
 
 const CustomArrayField = ({ field, path }) => {
   const { uiComponents } = react.useAutoForm();
@@ -92,10 +91,7 @@ const CustomAutoFormField = ({ field, path }) => {
       id: fullPath,
       path,
       inputProps: {
-        required: field.required,
-        error,
-        "aria-invalid": error ? true : void 0,
-        "aria-describedby": error ? fieldErrorId.fieldErrorId(fullPath) : void 0,
+        "aria-required": field.required || void 0,
         key: `${fullPath}-input`,
         ...field.fieldConfig?.inputProps,
         ...register(fullPath)
@@ -108,4 +104,4 @@ const CustomAutoFormField = ({ field, path }) => {
 exports.CustomArrayField = CustomArrayField;
 exports.CustomAutoFormField = CustomAutoFormField;
 exports.CustomObjectField = CustomObjectField;
-//# sourceMappingURL=custom-auto-form-field-Brfb-0Te.cjs.map
+//# sourceMappingURL=custom-auto-form-field-DVse5pih.cjs.map

package/dist/custom-auto-form-field-DVse5pih.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-auto-form-field-DVse5pih.cjs","sources":["../src/lib/form/components/custom-array-field.tsx","../src/lib/form/components/custom-object-field.tsx","../src/lib/form/components/custom-auto-form-field.tsx"],"sourcesContent":["import type { ParsedField } from '@autoform/core';\nimport { getLabel } from '@autoform/core';\nimport { useAutoForm } from '@autoform/react';\nimport React from 'react';\nimport { useFieldArray, useFormContext } from 'react-hook-form';\nimport { FieldPathContext } from '../field-context';\nimport { CustomAutoFormField } from './custom-auto-form-field';\n\nexport const CustomArrayField: React.FC<{\n  field: ParsedField;\n  path: string[];\n}> = ({ field, path }) => {\n  const { uiComponents } = useAutoForm();\n  const { control } = useFormContext();\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name: path.join('.'),\n  });\n\n  const subFieldType = field.schema?.[0]?.type;\n  let defaultValue: any;\n  if (subFieldType === 'object') {\n    defaultValue = {};\n  } else if (subFieldType === 'array') {\n    defaultValue = [];\n  } else {\n    defaultValue = null;\n  }\n\n  const subField = field.schema?.[0];\n\n  if (!subField) {\n    return (\n      <uiComponents.ErrorMessage\n        error={`[AutoForm] Unable to determine array element schema for \"${getLabel(field)}\"`}\n      />\n    );\n  }\n\n  return (\n    <uiComponents.ArrayWrapper label={getLabel(field)} field={field} onAddItem={() => append(defaultValue)}>\n      {fields.map((item, index) => (\n        <FieldPathContext key={item.id} value={[...path, index.toString()].join('.')}>\n          <uiComponents.ArrayElementWrapper onRemove={() => remove(index)} index={index}>\n            <CustomAutoFormField field={subField} path={[...path, index.toString()]} />\n          </uiComponents.ArrayElementWrapper>\n        </FieldPathContext>\n      ))}\n    </uiComponents.ArrayWrapper>\n  );\n};\n","import type { ParsedField } from '@autoform/core';\nimport { getLabel } from '@autoform/core';\nimport { useAutoForm } from '@autoform/react';\nimport React from 'react';\nimport { FieldPathContext } from '../field-context';\nimport { CustomAutoFormField } from './custom-auto-form-field';\n\nexport const CustomObjectField: React.FC<{\n  field: ParsedField;\n  path: string[];\n}> = ({ field, path }) => {\n  const { uiComponents } = useAutoForm();\n\n  return (\n    <FieldPathContext value={path.join('.')}>\n      <uiComponents.ObjectWrapper label={getLabel(field)} field={field}>\n        {Object.entries(field.schema ?? []).map(([_key, subField]) => (\n          <CustomAutoFormField\n            key={`${path.join('.')}.${subField.key}`}\n            field={subField}\n            path={[...path, subField.key]}\n          />\n        ))}\n      </uiComponents.ObjectWrapper>\n    </FieldPathContext>\n  );\n};\n","import type { ParsedField } from '@autoform/core';\nimport { getLabel } from '@autoform/core';\nimport type { AutoFormFieldProps } from '@autoform/react';\nimport { getPathInObject, useAutoForm } from '@autoform/react';\nimport React, { useMemo } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { CustomArrayField } from './custom-array-field';\nimport { CustomObjectField } from './custom-object-field';\n\nexport const CustomAutoFormField: React.FC<{\n  field: ParsedField;\n  path: string[];\n}> = ({ field, path }) => {\n  const { formComponents, uiComponents } = useAutoForm();\n  const {\n    register,\n    formState: { errors, defaultValues },\n    getValues,\n    control,\n  } = useFormContext();\n\n  const fullPath = path.join('.');\n  const error = getPathInObject(errors, path)?.message as string | undefined;\n  const watchedValue = useWatch({ control, name: fullPath });\n  const value = watchedValue === undefined ? getValues(fullPath) : watchedValue;\n\n  const fieldDefault = useMemo(() => {\n    if (!defaultValues) return field.default;\n    const resolved = getPathInObject(defaultValues, path);\n    return resolved === undefined ? field.default : resolved;\n  }, [defaultValues, path, field.default]);\n\n  const FieldWrapper = field.fieldConfig?.fieldWrapper || uiComponents.FieldWrapper;\n\n  let FieldComponent: React.ComponentType<AutoFormFieldProps> = () => (\n    <uiComponents.ErrorMessage\n      error={`[AutoForm Configuration Error] No component found for type \"${field.type}\" nor a fallback`}\n    />\n  );\n\n  if (field.type === 'array') {\n    FieldComponent = CustomArrayField;\n  } else if (field.type === 'object') {\n    FieldComponent = CustomObjectField;\n  } else if (field.type in formComponents) {\n    FieldComponent = formComponents[field.type as keyof typeof formComponents] ?? FieldComponent;\n  } else if ('fallback' in formComponents) {\n    FieldComponent = formComponents.fallback;\n  }\n\n  const fieldWithDefault = { ...field, default: fieldDefault };\n\n  return (\n    <FieldWrapper label={getLabel(field)} error={error} id={fullPath} field={fieldWithDefault}>\n      <FieldComponent\n        label={getLabel(field)}\n        field={fieldWithDefault}\n        value={value}\n        error={error}\n        id={fullPath}\n        key={fullPath}\n        path={path}\n        inputProps={{\n          'aria-required': field.required || undefined,\n          key: `${fullPath}-input`,\n          ...field.fieldConfig?.inputProps,\n          ...register(fullPath),\n        }}\n      />\n    </FieldWrapper>\n  );\n};\n"],"names":["useAutoForm","useFormContext","useFieldArray","jsx","getLabel","FieldPathContext","getPathInObject","useWatch","useMemo"],"mappings":"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"}

package/dist/{data-code-section-It6myyvZ.js → data-code-section-DFxE6ckH.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Chunk } from '@codemirror/merge';
 import { Text } from '@codemirror/state';
-import { AlignLeftIcon, AlignJustifyIcon, ExpandIcon } from 'lucide-react';
+import { SearchIcon, AlignLeftIcon, AlignJustifyIcon, ExpandIcon } from 'lucide-react';
 import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { B as Button } from './Button-D43ghVKt.js';
 import { B as ButtonsGroup } from './buttons-group-DsZgrZBZ.js';
@@ -9,7 +9,7 @@ import { C as Code } from './code-BeWhOFT4.js';
 import { C as CopyButton } from './copy-button-DH8xtrWz.js';
 import { D as DataPanelSectionHeading } from './data-panel-section-heading-CXD1skJD.js';
 import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, a as DialogBody } from './dialog-Dt5kASkl.js';
-import { S as SearchFieldBlock } from './search-field-block-BPJh5yuW.js';
+import { S as SearchInput } from './search-input-BKXiYeed.js';
 import { raisedSurfaceStyle } from './primitives/raised-surface.es.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
@@ -94,21 +94,27 @@ function DataCodeSection({
       /* @__PURE__ */ jsx(DataPanelSectionHeading, { icon, children: title }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         actions,
-        !usePlainTextView && /* @__PURE__ */ jsx(
-          SearchFieldBlock,
+        !usePlainTextView && (searchMinimized ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            "aria-label": "Search code",
+            tooltip: "Search code",
+            onClick: () => setSearchMinimized(false),
+            children: /* @__PURE__ */ jsx(SearchIcon, {})
+          }
+        ) : /* @__PURE__ */ jsx(
+          SearchInput,
           {
-            name: "code-section-search",
             label: "Search code",
-            labelIsHidden: true,
             placeholder: "Search...",
-            value: searchQuery,
-            onChange: (e) => setSearchQuery(e.target.value),
-            onReset: () => setSearchQuery(""),
             size: "sm",
-            isMinimized: searchMinimized,
-            onMinimizedChange: setSearchMinimized
+            value: searchQuery,
+            onValueChange: setSearchQuery,
+            onClose: () => setSearchMinimized(true),
+            autoFocus: true
           }
-        ),
+        )),
         /* @__PURE__ */ jsxs(ButtonsGroup, { size: "sm", children: [
           /* @__PURE__ */ jsx(CopyButton, { content: codeStr || "No content" }),
           hasMultilineText && /* @__PURE__ */ jsx(
@@ -142,16 +148,13 @@ function DataCodeSection({
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
           !expandedMultiline && /* @__PURE__ */ jsx(
-            SearchFieldBlock,
+            SearchInput,
             {
-              name: "expanded-code-search",
               label: "Search code",
-              labelIsHidden: true,
               placeholder: "Search...",
+              size: "sm",
               value: expandedSearchQuery,
-              onChange: (e) => setExpandedSearchQuery(e.target.value),
-              onReset: () => setExpandedSearchQuery(""),
-              size: "sm"
+              onValueChange: setExpandedSearchQuery
             }
           ),
           /* @__PURE__ */ jsxs(ButtonsGroup, { size: "sm", children: [
@@ -185,4 +188,4 @@ function containsInnerNewline(obj) {
 }
 
 export { DataCodeSection as D };
-//# sourceMappingURL=data-code-section-It6myyvZ.js.map
+//# sourceMappingURL=data-code-section-DFxE6ckH.js.map

package/dist/data-code-section-DFxE6ckH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-code-section-DFxE6ckH.js","sources":["../src/ds/components/DataCodeSection/data-code-section.tsx"],"sourcesContent":["import { Chunk } from '@codemirror/merge';\nimport { Text } from '@codemirror/state';\nimport { AlignJustifyIcon, AlignLeftIcon, ExpandIcon, SearchIcon } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { Code } from '@/ds/components/Code/code';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { SearchInput } from '@/ds/components/SearchInput';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface DataCodeSectionDiff {\n  /** The other document to compare against. */\n  against: string;\n  /** `a` = this document is the \"before\" (changes in red), `b` = \"after\" (changes in green). */\n  side: 'a' | 'b';\n}\n\n/** Zero-based indexes of the lines of `doc` that differ from `diff.against`. */\nfunction changedLines(doc: string, { against, side }: DataCodeSectionDiff): Set<number> {\n  const [a, b] = side === 'a' ? [doc, against] : [against, doc];\n  const text = Text.of(doc.split('\\n'));\n  const lines = new Set<number>();\n  for (const chunk of Chunk.build(Text.of(a.split('\\n')), Text.of(b.split('\\n')))) {\n    const from = side === 'a' ? chunk.fromA : chunk.fromB;\n    const to = side === 'a' ? chunk.endA : chunk.endB;\n    if (from >= to) continue;\n    for (let pos = from; pos <= Math.min(to, text.length);) {\n      const line = text.lineAt(pos);\n      lines.add(line.number - 1);\n      if (line.to >= to) break;\n      pos = line.to + 1;\n    }\n  }\n  return lines;\n}\n\nconst diffLineStyles = {\n  removed: 'code-diff-removed bg-destructive-subtle',\n  added: 'code-diff-added bg-success-subtle',\n};\nconst searchMatchStyle = 'code-search-match rounded-sm bg-badge-amber-strong';\n\ninterface CodeViewProps {\n  code: string;\n  changed?: Set<number>;\n  diffSide?: DataCodeSectionDiff['side'];\n  searchQuery: string;\n}\n\nfunction CodeView({ code, changed, diffSide, searchQuery }: CodeViewProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const query = searchQuery.toLowerCase();\n\n  useEffect(() => {\n    if (query) ref.current?.querySelector('.code-search-match')?.scrollIntoView({ block: 'nearest' });\n  }, [query]);\n\n  const lineClassName = useCallback(\n    (index: number, text: string) => {\n      const classes: string[] = [];\n      if (diffSide && changed?.has(index)) classes.push(diffLineStyles[diffSide === 'a' ? 'removed' : 'added']);\n      if (query && text.toLowerCase().includes(query)) classes.push(searchMatchStyle);\n      return classes.length ? classes.join(' ') : undefined;\n    },\n    [changed, diffSide, query],\n  );\n\n  return (\n    <div ref={ref}>\n      <Code\n        code={code}\n        lang=\"json\"\n        lineClassName={lineClassName}\n        className=\"font-mono text-caption break-all whitespace-pre-wrap\"\n      />\n    </div>\n  );\n}\n\nexport interface DataCodeSectionProps {\n  title: React.ReactNode;\n  dialogTitle?: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n  className?: string;\n  /** Highlight lines that differ from another document. */\n  diff?: DataCodeSectionDiff;\n  /** Extra controls rendered in the header, before the built-in copy/expand buttons. */\n  actions?: React.ReactNode;\n}\n\nexport function DataCodeSection({\n  codeStr = '',\n  title,\n  dialogTitle,\n  icon,\n  simplified = false,\n  className,\n  diff,\n  actions,\n}: DataCodeSectionProps) {\n  const changed = useMemo(() => (diff ? changedLines(codeStr, diff) : undefined), [codeStr, diff]);\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const [searchMinimized, setSearchMinimized] = useState(true);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [expandedOpen, setExpandedOpen] = useState(false);\n  const [expandedSearchQuery, setExpandedSearchQuery] = useState('');\n  const [expandedMultiline, setExpandedMultiline] = useState(false);\n\n  const hasMultilineText = useMemo(() => {\n    try {\n      const parsed = JSON.parse(codeStr);\n      return containsInnerNewline(parsed || '');\n    } catch {\n      return false;\n    }\n  }, [codeStr]);\n\n  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n  const expandedFinalCodeStr = expandedMultiline ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n  const usePlainTextView = simplified || showAsMultilineText;\n\n  if (!codeStr || codeStr === 'null') return null;\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      <div className=\"flex items-center justify-between\">\n        <DataPanelSectionHeading icon={icon}>{title}</DataPanelSectionHeading>\n        <div className=\"flex items-center gap-2\">\n          {actions}\n          {!usePlainTextView &&\n            (searchMinimized ? (\n              <Button\n                size=\"sm\"\n                aria-label=\"Search code\"\n                tooltip=\"Search code\"\n                onClick={() => setSearchMinimized(false)}\n              >\n                <SearchIcon />\n              </Button>\n            ) : (\n              <SearchInput\n                label=\"Search code\"\n                placeholder=\"Search...\"\n                size=\"sm\"\n                value={searchQuery}\n                onValueChange={setSearchQuery}\n                onClose={() => setSearchMinimized(true)}\n                autoFocus\n              />\n            ))}\n          <ButtonsGroup size=\"sm\">\n            <CopyButton content={codeStr || 'No content'} />\n            {hasMultilineText && (\n              <Button\n                aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                tooltip={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                onClick={() => setShowAsMultilineText(v => !v)}\n              >\n                {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n              </Button>\n            )}\n            <Button aria-label=\"Expand\" tooltip=\"Expand\" onClick={() => setExpandedOpen(true)}>\n              <ExpandIcon />\n            </Button>\n          </ButtonsGroup>\n        </div>\n      </div>\n\n      <div\n        className={cn(\n          raisedSurfaceStyle,\n          'max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground',\n        )}\n      >\n        {usePlainTextView ? (\n          <div className=\"font-mono break-all text-muted-foreground\">\n            <pre className=\"text-wrap\">{finalCodeStr}</pre>\n          </div>\n        ) : (\n          <CodeView code={codeStr} changed={changed} diffSide={diff?.side} searchQuery={searchQuery} />\n        )}\n      </div>\n\n      <Dialog open={expandedOpen} onOpenChange={setExpandedOpen}>\n        <DialogContent size=\"full\">\n          <DialogHeader>\n            <div className=\"flex min-w-0 items-center justify-between gap-2\">\n              <DialogTitle className=\"flex min-w-0 items-center gap-1.5 truncate [&>svg]:size-3.5\">\n                {dialogTitle ?? (\n                  <>\n                    {icon}\n                    {title}\n                  </>\n                )}\n              </DialogTitle>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                {!expandedMultiline && (\n                  <SearchInput\n                    label=\"Search code\"\n                    placeholder=\"Search...\"\n                    size=\"sm\"\n                    value={expandedSearchQuery}\n                    onValueChange={setExpandedSearchQuery}\n                  />\n                )}\n                <ButtonsGroup size=\"sm\">\n                  <CopyButton content={codeStr || 'No content'} />\n                  {hasMultilineText && (\n                    <Button\n                      aria-label={expandedMultiline ? 'Show escaped newlines' : 'Show multiline text'}\n                      tooltip={expandedMultiline ? 'Show escaped newlines' : 'Show multiline text'}\n                      onClick={() => setExpandedMultiline(v => !v)}\n                    >\n                      {expandedMultiline ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n                    </Button>\n                  )}\n                </ButtonsGroup>\n              </div>\n            </div>\n          </DialogHeader>\n          <DialogBody layout=\"fill\">\n            <div className=\"min-h-0 flex-1 overflow-auto\">\n              {expandedMultiline ? (\n                <div className={cn(raisedSurfaceStyle, 'rounded-lg p-3 text-caption break-all text-muted-foreground')}>\n                  <div className=\"font-mono break-all text-muted-foreground\">\n                    <pre className=\"text-wrap\">{expandedFinalCodeStr}</pre>\n                  </div>\n                </div>\n              ) : (\n                <CodeView code={codeStr} changed={changed} diffSide={diff?.side} searchQuery={expandedSearchQuery} />\n              )}\n            </div>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n  if (typeof obj === 'string') {\n    const idx = obj.indexOf('\\n');\n    return idx !== -1 && idx !== obj.length - 1;\n  } else if (Array.isArray(obj)) {\n    return obj.some(item => containsInnerNewline(item));\n  } else if (obj && typeof obj === 'object') {\n    return Object.values(obj).some(value => containsInnerNewline(value));\n  }\n  return false;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsBA,SAAS,YAAA,CAAa,GAAA,EAAa,EAAE,OAAA,EAAS,MAAK,EAAqC;AACtF,EAAA,MAAM,CAAC,CAAA,EAAG,CAAC,CAAA,GAAI,IAAA,KAAS,GAAA,GAAM,CAAC,GAAA,EAAK,OAAO,CAAA,GAAI,CAAC,OAAA,EAAS,GAAG,CAAA;AAC5D,EAAA,MAAM,OAAO,IAAA,CAAK,EAAA,CAAG,GAAA,CAAI,KAAA,CAAM,IAAI,CAAC,CAAA;AACpC,EAAA,MAAM,KAAA,uBAAY,GAAA,EAAY;AAC9B,EAAA,KAAA,MAAW,SAAS,KAAA,CAAM,KAAA,CAAM,IAAA,CAAK,EAAA,CAAG,EAAE,KAAA,CAAM,IAAI,CAAC,CAAA,EAAG,KAAK,EAAA,CAAG,CAAA,CAAE,MAAM,IAAI,CAAC,CAAC,CAAA,EAAG;AAC/E,IAAA,MAAM,IAAA,GAAO,IAAA,KAAS,GAAA,GAAM,KAAA,CAAM,QAAQ,KAAA,CAAM,KAAA;AAChD,IAAA,MAAM,EAAA,GAAK,IAAA,KAAS,GAAA,GAAM,KAAA,CAAM,OAAO,KAAA,CAAM,IAAA;AAC7C,IAAA,IAAI,QAAQ,EAAA,EAAI;AAChB,IAAA,KAAA,IAAS,GAAA,GAAM,MAAM,GAAA,IAAO,IAAA,CAAK,IAAI,EAAA,EAAI,IAAA,CAAK,MAAM,CAAA,IAAI;AACtD,MAAA,MAAM,IAAA,GAAO,IAAA,CAAK,MAAA,CAAO,GAAG,CAAA;AAC5B,MAAA,KAAA,CAAM,GAAA,CAAI,IAAA,CAAK,MAAA,GAAS,CAAC,CAAA;AACzB,MAAA,IAAI,IAAA,CAAK,MAAM,EAAA,EAAI;AACnB,MAAA,GAAA,GAAM,KAAK,EAAA,GAAK,CAAA;AAAA,IAClB;AAAA,EACF;AACA,EAAA,OAAO,KAAA;AACT;AAEA,MAAM,cAAA,GAAiB;AAAA,EACrB,OAAA,EAAS,yCAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AACA,MAAM,gBAAA,GAAmB,oDAAA;AASzB,SAAS,SAAS,EAAE,IAAA,EAAM,OAAA,EAAS,QAAA,EAAU,aAAY,EAAkB;AACzE,EAAA,MAAM,GAAA,GAAM,OAAuB,IAAI,CAAA;AACvC,EAAA,MAAM,KAAA,GAAQ,YAAY,WAAA,EAAY;AAEtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,KAAA,EAAO,GAAA,CAAI,OAAA,EAAS,aAAA,CAAc,oBAAoB,GAAG,cAAA,CAAe,EAAE,KAAA,EAAO,SAAA,EAAW,CAAA;AAAA,EAClG,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,OAAe,IAAA,KAAiB;AAC/B,MAAA,MAAM,UAAoB,EAAC;AAC3B,MAAA,IAAI,QAAA,IAAY,OAAA,EAAS,GAAA,CAAI,KAAK,CAAA,EAAG,OAAA,CAAQ,IAAA,CAAK,cAAA,CAAe,QAAA,KAAa,GAAA,GAAM,SAAA,GAAY,OAAO,CAAC,CAAA;AACxG,MAAA,IAAI,KAAA,IAAS,KAAK,WAAA,EAAY,CAAE,SAAS,KAAK,CAAA,EAAG,OAAA,CAAQ,IAAA,CAAK,gBAAgB,CAAA;AAC9E,MAAA,OAAO,OAAA,CAAQ,MAAA,GAAS,OAAA,CAAQ,IAAA,CAAK,GAAG,CAAA,GAAI,MAAA;AAAA,IAC9C,CAAA;AAAA,IACA,CAAC,OAAA,EAAS,QAAA,EAAU,KAAK;AAAA,GAC3B;AAEA,EAAA,uBACE,GAAA,CAAC,SAAI,GAAA,EACH,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,IAAA,EAAK,MAAA;AAAA,MACL,aAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACZ,EACF,CAAA;AAEJ;AAeO,SAAS,eAAA,CAAgB;AAAA,EAC9B,OAAA,GAAU,EAAA;AAAA,EACV,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,MAAO,IAAA,GAAO,YAAA,CAAa,OAAA,EAAS,IAAI,CAAA,GAAI,MAAA,EAAY,CAAC,OAAA,EAAS,IAAI,CAAC,CAAA;AAC/F,EAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAAI,SAAS,KAAK,CAAA;AACpE,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AACtD,EAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAAI,SAAS,EAAE,CAAA;AACjE,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhE,EAAA,MAAM,gBAAA,GAAmB,QAAQ,MAAM;AACrC,IAAA,IAAI;AACF,MAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,OAAO,CAAA;AACjC,MAAA,OAAO,oBAAA,CAAqB,UAAU,EAAE,CAAA;AAAA,IAC1C,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,KAAA;AAAA,IACT;AAAA,EACF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,MAAM,eAAe,mBAAA,GAAsB,OAAA,EAAS,OAAA,CAAQ,MAAA,EAAQ,IAAI,CAAA,GAAI,OAAA;AAC5E,EAAA,MAAM,uBAAuB,iBAAA,GAAoB,OAAA,EAAS,OAAA,CAAQ,MAAA,EAAQ,IAAI,CAAA,GAAI,OAAA;AAClF,EAAA,MAAM,mBAAmB,UAAA,IAAc,mBAAA;AAEvC,EAAA,IAAI,CAAC,OAAA,IAAW,OAAA,KAAY,MAAA,EAAQ,OAAO,IAAA;AAE3C,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA,EACjD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,uBAAA,EAAA,EAAwB,MAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBAC5C,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,QAAA,OAAA;AAAA,QACA,CAAC,qBACC,eAAA,mBACC,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,IAAA;AAAA,YACL,YAAA,EAAW,aAAA;AAAA,YACX,OAAA,EAAQ,aAAA;AAAA,YACR,OAAA,EAAS,MAAM,kBAAA,CAAmB,KAAK,CAAA;AAAA,YAEvC,8BAAC,UAAA,EAAA,EAAW;AAAA;AAAA,SACd,mBAEA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,aAAA;AAAA,YACN,WAAA,EAAY,WAAA;AAAA,YACZ,IAAA,EAAK,IAAA;AAAA,YACL,KAAA,EAAO,WAAA;AAAA,YACP,aAAA,EAAe,cAAA;AAAA,YACf,OAAA,EAAS,MAAM,kBAAA,CAAmB,IAAI,CAAA;AAAA,YACtC,SAAA,EAAS;AAAA;AAAA,SACX,CAAA;AAAA,wBAEJ,IAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,IAAA,EACjB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,OAAA,IAAW,YAAA,EAAc,CAAA;AAAA,UAC7C,gBAAA,oBACC,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAY,sBAAsB,uBAAA,GAA0B,qBAAA;AAAA,cAC5D,OAAA,EAAS,sBAAsB,uBAAA,GAA0B,qBAAA;AAAA,cACzD,OAAA,EAAS,MAAM,sBAAA,CAAuB,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,cAE5C,QAAA,EAAA,mBAAA,mBAAsB,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA,uBAAM,gBAAA,EAAA,EAAiB;AAAA;AAAA,WAC/D;AAAA,0BAEF,GAAA,CAAC,MAAA,EAAA,EAAO,YAAA,EAAW,QAAA,EAAS,OAAA,EAAQ,QAAA,EAAS,OAAA,EAAS,MAAM,eAAA,CAAgB,IAAI,CAAA,EAC9E,QAAA,kBAAA,GAAA,CAAC,cAAW,CAAA,EACd;AAAA,SAAA,EACF;AAAA,OAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBAEA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,kBAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,gBAAA,uBACE,KAAA,EAAA,EAAI,SAAA,EAAU,6CACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EAAa,QAAA,EAAA,YAAA,EAAa,GAC3C,CAAA,mBAEA,GAAA,CAAC,YAAS,IAAA,EAAM,OAAA,EAAS,SAAkB,QAAA,EAAU,IAAA,EAAM,MAAM,WAAA,EAA0B;AAAA;AAAA,KAE/F;AAAA,oBAEA,GAAA,CAAC,UAAO,IAAA,EAAM,YAAA,EAAc,cAAc,eAAA,EACxC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,MAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iDAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,6DAAA,EACpB,QAAA,EAAA,WAAA,oBACC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,IAAA;AAAA,UACA;AAAA,SAAA,EACH,CAAA,EAEJ,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACZ,QAAA,EAAA;AAAA,UAAA,CAAC,iBAAA,oBACA,GAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,aAAA;AAAA,cACN,WAAA,EAAY,WAAA;AAAA,cACZ,IAAA,EAAK,IAAA;AAAA,cACL,KAAA,EAAO,mBAAA;AAAA,cACP,aAAA,EAAe;AAAA;AAAA,WACjB;AAAA,0BAEF,IAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,IAAA,EACjB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,OAAA,IAAW,YAAA,EAAc,CAAA;AAAA,YAC7C,gBAAA,oBACC,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,YAAA,EAAY,oBAAoB,uBAAA,GAA0B,qBAAA;AAAA,gBAC1D,OAAA,EAAS,oBAAoB,uBAAA,GAA0B,qBAAA;AAAA,gBACvD,OAAA,EAAS,MAAM,oBAAA,CAAqB,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,gBAE1C,QAAA,EAAA,iBAAA,mBAAoB,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA,uBAAM,gBAAA,EAAA,EAAiB;AAAA;AAAA;AAC7D,WAAA,EAEJ;AAAA,SAAA,EACF;AAAA,OAAA,EACF,CAAA,EACF,CAAA;AAAA,0BACC,UAAA,EAAA,EAAW,MAAA,EAAO,MAAA,EACjB,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,8BAAA,EACZ,QAAA,EAAA,iBAAA,mBACC,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,oBAAoB,6DAA6D,CAAA,EAClG,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2CAAA,EACb,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,WAAA,EAAa,gCAAqB,CAAA,EACnD,CAAA,EACF,oBAEA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAM,OAAA,EAAS,SAAkB,QAAA,EAAU,IAAA,EAAM,MAAM,WAAA,EAAa,mBAAA,EAAqB,GAEvG,CAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,qBAAqB,GAAA,EAAuB;AACnD,EAAA,IAAI,OAAO,QAAQ,QAAA,EAAU;AAC3B,IAAA,MAAM,GAAA,GAAM,GAAA,CAAI,OAAA,CAAQ,IAAI,CAAA;AAC5B,IAAA,OAAO,GAAA,KAAQ,EAAA,IAAM,GAAA,KAAQ,GAAA,CAAI,MAAA,GAAS,CAAA;AAAA,EAC5C,CAAA,MAAA,IAAW,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,EAAG;AAC7B,IAAA,OAAO,GAAA,CAAI,IAAA,CAAK,CAAA,IAAA,KAAQ,oBAAA,CAAqB,IAAI,CAAC,CAAA;AAAA,EACpD,CAAA,MAAA,IAAW,GAAA,IAAO,OAAO,GAAA,KAAQ,QAAA,EAAU;AACzC,IAAA,OAAO,MAAA,CAAO,OAAO,GAAG,CAAA,CAAE,KAAK,CAAA,KAAA,KAAS,oBAAA,CAAqB,KAAK,CAAC,CAAA;AAAA,EACrE;AACA,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist/{data-code-section-DWBfkrmO.cjs → data-code-section-Ds79F6W-.cjs}

@@ -11,7 +11,7 @@ const code = require('./code-B-x-9sJ1.cjs');
 const copyButton = require('./copy-button-CGkFEDHF.cjs');
 const dataPanelSectionHeading = require('./data-panel-section-heading-V86Awzqg.cjs');
 const dialog = require('./dialog-d_AK1NQD.cjs');
-const searchFieldBlock = require('./search-field-block-DRa-ZNQj.cjs');
+const searchInput = require('./search-input-T0orZ7Jf.cjs');
 const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
@@ -96,21 +96,27 @@ function DataCodeSection({
       /* @__PURE__ */ jsxRuntime.jsx(dataPanelSectionHeading.DataPanelSectionHeading, { icon, children: title }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         actions,
-        !usePlainTextView && /* @__PURE__ */ jsxRuntime.jsx(
-          searchFieldBlock.SearchFieldBlock,
+        !usePlainTextView && (searchMinimized ? /* @__PURE__ */ jsxRuntime.jsx(
+          Button.Button,
+          {
+            size: "sm",
+            "aria-label": "Search code",
+            tooltip: "Search code",
+            onClick: () => setSearchMinimized(false),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, {})
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          searchInput.SearchInput,
           {
-            name: "code-section-search",
             label: "Search code",
-            labelIsHidden: true,
             placeholder: "Search...",
-            value: searchQuery,
-            onChange: (e) => setSearchQuery(e.target.value),
-            onReset: () => setSearchQuery(""),
             size: "sm",
-            isMinimized: searchMinimized,
-            onMinimizedChange: setSearchMinimized
+            value: searchQuery,
+            onValueChange: setSearchQuery,
+            onClose: () => setSearchMinimized(true),
+            autoFocus: true
           }
-        ),
+        )),
         /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { size: "sm", children: [
           /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: codeStr || "No content" }),
           hasMultilineText && /* @__PURE__ */ jsxRuntime.jsx(
@@ -144,16 +150,13 @@ function DataCodeSection({
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
           !expandedMultiline && /* @__PURE__ */ jsxRuntime.jsx(
-            searchFieldBlock.SearchFieldBlock,
+            searchInput.SearchInput,
             {
-              name: "expanded-code-search",
               label: "Search code",
-              labelIsHidden: true,
               placeholder: "Search...",
+              size: "sm",
               value: expandedSearchQuery,
-              onChange: (e) => setExpandedSearchQuery(e.target.value),
-              onReset: () => setExpandedSearchQuery(""),
-              size: "sm"
+              onValueChange: setExpandedSearchQuery
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { size: "sm", children: [
@@ -187,4 +190,4 @@ function containsInnerNewline(obj) {
 }
 
 exports.DataCodeSection = DataCodeSection;
-//# sourceMappingURL=data-code-section-DWBfkrmO.cjs.map
+//# sourceMappingURL=data-code-section-Ds79F6W-.cjs.map