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

package/dist/components/FormFieldBlocks.cjs.js

@@ -2,14 +2,17 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const fieldBlock = require('../field-block-DtaPqBa3.cjs');
-const fieldErrorId = require('../field-error-id-B3Z2Zu5y.cjs');
+const fieldErrorId = require('../field-error-id-4DYu4KZ2.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
-const textFieldBlock = require('../text-field-block-DUntfMPu.cjs');
-const textareaFieldBlock = require('../textarea-field-block-CKAhmLrz.cjs');
-const searchFieldBlock = require('../search-field-block-DRa-ZNQj.cjs');
-const selectFieldBlock = require('../select-field-block-D8AMzoQT.cjs');
+const input = require('../input-D0UPyj6A.cjs');
+const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
+const textarea = require('../textarea-DNV5Gs9A.cjs');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('../Button-CXhSUBxN.cjs');
+const tooltip = require('../tooltip-DIZ5oqjV.cjs');
+const select = require('../select-DJQYAVcm.cjs');
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start gap-6", className), children });
@@ -37,11 +40,267 @@ const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {
   Column: FieldBlocksLayoutColumn
 });
 
-exports.FieldBlock = fieldBlock.FieldBlock;
+function TextFieldBlock({
+  name,
+  value,
+  label,
+  labelIsHidden = false,
+  labelColumnWidth,
+  helpText,
+  error,
+  errorMsg,
+  required = false,
+  disabled = false,
+  labelSize,
+  layout = "vertical",
+  placeholder,
+  size = "md",
+  testId,
+  className,
+  "aria-describedby": ariaDescribedBy,
+  ...props
+}) {
+  const describedBy = [ariaDescribedBy, errorMsg ? fieldErrorId.fieldErrorId(name) : void 0].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Column, { children: /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name, required, disabled, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: label }) : label }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { children: [
+      !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name, required, disabled, size: labelSize || "default", children: label }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          input.Input,
+          {
+            id: `input-${name}`,
+            name,
+            disabled,
+            required,
+            value,
+            placeholder,
+            "data-testid": testId,
+            size,
+            error: error || Boolean(errorMsg),
+            "aria-describedby": describedBy,
+            ...props
+          }
+        ),
+        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+function TextareaFieldBlock({
+  name,
+  label,
+  labelIsHidden = false,
+  labelColumnWidth,
+  helpText,
+  error,
+  errorMsg,
+  required = false,
+  disabled = false,
+  labelSize,
+  layout = "vertical",
+  size = "md",
+  testId,
+  className,
+  "aria-describedby": ariaDescribedBy,
+  ...props
+}) {
+  const describedBy = [ariaDescribedBy, errorMsg ? fieldErrorId.fieldErrorId(name) : void 0].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Column, { children: /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name, required, disabled, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: label }) : label }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { children: [
+      !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name, required, disabled, size: labelSize || "default", children: label }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          textarea.Textarea,
+          {
+            id: `input-${name}`,
+            name,
+            disabled,
+            required,
+            size,
+            "data-testid": testId,
+            error: error || Boolean(errorMsg),
+            "aria-describedby": describedBy,
+            ...props
+          }
+        ),
+        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+function SearchFieldBlock({
+  name,
+  helpText,
+  error,
+  errorMsg,
+  required = false,
+  disabled = false,
+  value,
+  label,
+  labelIsHidden = false,
+  layout = "vertical",
+  placeholder = "Search...",
+  onChange,
+  onReset,
+  className,
+  size,
+  isMinimized,
+  onMinimizedChange,
+  inputRef: externalInputRef
+}) {
+  const inputRef = React.useRef(null);
+  const setInputRef = (element) => {
+    inputRef.current = element;
+    if (externalInputRef) externalInputRef.current = element;
+  };
+  React.useEffect(() => {
+    if (isMinimized === false) {
+      inputRef.current?.focus();
+    }
+  }, [isMinimized]);
+  if (isMinimized) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Button.Button,
+        {
+          size: size || "sm",
+          "aria-label": label || "Search",
+          disabled,
+          onClick: () => onMinimizedChange?.(false),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: label || "Search" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Layout, { layout, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Column, { className: labelIsHidden ? "sr-only" : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name, required, disabled, children: label }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { className: layout === "horizontal" && labelIsHidden ? "col-span-full" : void 0, children: [
+      layout === "vertical" && label ? /* @__PURE__ */ jsxRuntime.jsx(
+        fieldErrorId.FieldBlock.Label,
+        {
+          name,
+          required,
+          disabled,
+          className: labelIsHidden ? "sr-only" : void 0,
+          children: label
+        }
+      ) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group relative", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            input.Input,
+            {
+              ref: setInputRef,
+              id: `input-${name}`,
+              name,
+              disabled,
+              value,
+              placeholder,
+              onChange,
+              size,
+              error: error || Boolean(errorMsg),
+              "aria-describedby": errorMsg ? fieldErrorId.fieldErrorId(name) : void 0,
+              className: utils_cn.cn(size === "sm" && "px-8", (!size || size === "md") && "px-9", size === "lg" && "px-10")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.SearchIcon,
+            {
+              "aria-hidden": "true",
+              className: utils_cn.cn(
+                "absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground",
+                size === "sm" && "size-3.5",
+                (!size || size === "md") && "size-4",
+                size === "lg" && "size-[1.125rem]"
+              )
+            }
+          ),
+          onReset && (value || isMinimized === false) && /* @__PURE__ */ jsxRuntime.jsx(
+            Button.Button,
+            {
+              variant: "ghost",
+              size: size || "md",
+              "aria-label": "Clear search",
+              onClick: () => {
+                if (value) {
+                  onReset();
+                }
+                if (isMinimized === false) {
+                  onMinimizedChange?.(true);
+                }
+              },
+              className: "absolute top-1/2 right-0 -translate-y-1/2",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {})
+            }
+          )
+        ] }),
+        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+function SelectFieldBlock({
+  name,
+  helpText,
+  errorMsg,
+  required = false,
+  disabled = false,
+  size = "md",
+  value,
+  label,
+  labelIsHidden = false,
+  layout = "vertical",
+  labelColumnWidth,
+  options,
+  placeholder = "Select an option",
+  onValueChange,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Column, { children: /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name, required, disabled, children: labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: label }) : label }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { children: [
+      layout === "vertical" && label && !labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name, required, disabled, children: label }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          select.Select,
+          {
+            "aria-label": labelIsHidden ? label : void 0,
+            name,
+            value,
+            onValueChange,
+            disabled,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                select.SelectTrigger,
+                {
+                  id: `input-${name}`,
+                  size,
+                  "aria-invalid": errorMsg ? true : void 0,
+                  "aria-describedby": errorMsg ? fieldErrorId.fieldErrorId(name) : void 0,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: option.value, children: option.label }, option.value)) })
+            ]
+          }
+        ),
+        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+exports.FieldBlock = fieldErrorId.FieldBlock;
 exports.fieldErrorId = fieldErrorId.fieldErrorId;
-exports.TextFieldBlock = textFieldBlock.TextFieldBlock;
-exports.TextareaFieldBlock = textareaFieldBlock.TextareaFieldBlock;
-exports.SearchFieldBlock = searchFieldBlock.SearchFieldBlock;
-exports.SelectFieldBlock = selectFieldBlock.SelectFieldBlock;
 exports.FieldBlocksLayout = FieldBlocksLayout;
+exports.SearchFieldBlock = SearchFieldBlock;
+exports.SelectFieldBlock = SelectFieldBlock;
+exports.TextFieldBlock = TextFieldBlock;
+exports.TextareaFieldBlock = TextareaFieldBlock;
 //# sourceMappingURL=FormFieldBlocks.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormFieldBlocks.cjs.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n"],"names":["cn","jsx"],"mappings":";;;;;;;;;;;;;AAOO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,0BAAA,EAA4B,SAAS,GAAI,QAAA,EAAS,CAAA;AAC9E;;ACAO,SAAS,sBAAsB,EAAE,QAAA,EAAU,WAAW,OAAA,GAAU,CAAA,EAAG,KAAI,EAA+B;AAC3G,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,WAAA;AAAA,QACT,MAAA;AAAA,QACA;AAAA,UACE,eAAe,OAAA,KAAY,CAAA;AAAA,UAC3B,eAAe,OAAA,KAAY;AAAA,SAC7B;AAAA,QACA,GAAA,IAAO,OAAA;AAAA,QACP;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACtBO,MAAM,iBAAA,GAAoB,MAAA,CAAO,MAAA,CAAO,qBAAA,EAAuB;AAAA,EACpE,MAAA,EAAQ;AACV,CAAC;;;;;;;;;;"}
+{"version":3,"file":"FormFieldBlocks.cjs.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx","../../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/textarea-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\n/** @deprecated Lay fields out with plain grid or flex classes; `FieldGroup` stacks related fields. */\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n","import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\n/** @deprecated Use `Field` + `FieldLabel` + `Input`. */\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'md',\n  testId,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: TextFieldBlockProps) {\n  const describedBy =\n    [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') || undefined;\n\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Input\n            id={`input-${name}`}\n            name={name}\n            disabled={disabled}\n            required={required}\n            value={value}\n            placeholder={placeholder}\n            data-testid={testId}\n            size={size}\n            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n","import { Textarea } from '../../Textarea';\nimport type { TextareaProps } from '../../Textarea';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextareaFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<TextareaProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: TextareaProps['size'];\n  };\n\n/** @deprecated Use `Field` + `FieldLabel` + `Textarea`. */\nexport function TextareaFieldBlock({\n  name,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  size = 'md',\n  testId,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: TextareaFieldBlockProps) {\n  const describedBy =\n    [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') || undefined;\n\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Textarea\n            id={`input-${name}`}\n            name={name}\n            disabled={disabled}\n            required={required}\n            size={size}\n            data-testid={testId}\n            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n","import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\n/** @deprecated Use `SearchInput`. */\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n","import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Pick<FieldBlockLabelProps, 'name' | 'required'> & {\n    testId?: string;\n    label?: string | null;\n    labelIsHidden?: boolean;\n    labelSize?: FieldBlockLabelProps['size'];\n    disabled?: boolean;\n    value?: string;\n    options: { value: string; label: string }[];\n    placeholder?: string;\n    onValueChange: (value: string) => void;\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    error?: boolean;\n    className?: string;\n    size?: SelectTriggerProps['size'];\n  };\n\n/** @deprecated Use `Field` + `FieldLabel` + `Select`. */\nexport function SelectFieldBlock({\n  name,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  size = 'md',\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  labelColumnWidth,\n  options,\n  placeholder = 'Select an option',\n  onValueChange,\n  className,\n}: SelectFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {layout === 'vertical' && label && !labelIsHidden ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Select\n            aria-label={labelIsHidden ? label : undefined}\n            name={name}\n            value={value}\n            onValueChange={onValueChange}\n            disabled={disabled}\n          >\n            <SelectTrigger\n              id={`input-${name}`}\n              size={size}\n              aria-invalid={errorMsg ? true : undefined}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n            >\n              <SelectValue placeholder={placeholder} />\n            </SelectTrigger>\n            <SelectContent>\n              {options.map(option => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["cn","jsx","fieldErrorId","FieldBlock","VisuallyHidden","jsxs","Input","Textarea","useRef","useEffect","Tooltip","TooltipTrigger","Button","SearchIcon","TooltipContent","XIcon","Select","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":"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"}

package/dist/components/FormFieldBlocks.es.js

@@ -1,11 +1,14 @@
-export { F as FieldBlock } from '../field-block--PeppIRb.js';
-export { f as fieldErrorId } from '../field-error-id-D3yg1nBh.js';
-import { jsx } from 'react/jsx-runtime';
+import { F as FieldBlock, f as fieldErrorId } from '../field-error-id-BSQLcfHo.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as cn } from '../cn-65Adrsfj.js';
-export { T as TextFieldBlock } from '../text-field-block-DZaGiu5D.js';
-export { T as TextareaFieldBlock } from '../textarea-field-block-BscOSlvI.js';
-export { S as SearchFieldBlock } from '../search-field-block-BPJh5yuW.js';
-export { S as SelectFieldBlock } from '../select-field-block-C_x9wNpU.js';
+import { I as Input } from '../input-D5_B67_r.js';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+import { T as Textarea } from '../textarea-CxPNKg2q.js';
+import { SearchIcon, XIcon } from 'lucide-react';
+import { useRef, useEffect } from 'react';
+import { B as Button } from '../Button-D43ghVKt.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-DsQPiynb.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select--ArpXYDc.js';
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("grid content-start gap-6", className), children });
@@ -33,5 +36,261 @@ const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {
   Column: FieldBlocksLayoutColumn
 });
 
-export { FieldBlocksLayout };
+function TextFieldBlock({
+  name,
+  value,
+  label,
+  labelIsHidden = false,
+  labelColumnWidth,
+  helpText,
+  error,
+  errorMsg,
+  required = false,
+  disabled = false,
+  labelSize,
+  layout = "vertical",
+  placeholder,
+  size = "md",
+  testId,
+  className,
+  "aria-describedby": ariaDescribedBy,
+  ...props
+}) {
+  const describedBy = [ariaDescribedBy, errorMsg ? fieldErrorId(name) : void 0].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: label }) : label }) }) : null,
+    /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
+      !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, size: labelSize || "default", children: label }) : null,
+      /* @__PURE__ */ jsxs(FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: `input-${name}`,
+            name,
+            disabled,
+            required,
+            value,
+            placeholder,
+            "data-testid": testId,
+            size,
+            error: error || Boolean(errorMsg),
+            "aria-describedby": describedBy,
+            ...props
+          }
+        ),
+        helpText || errorMsg ? /* @__PURE__ */ jsx(FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+function TextareaFieldBlock({
+  name,
+  label,
+  labelIsHidden = false,
+  labelColumnWidth,
+  helpText,
+  error,
+  errorMsg,
+  required = false,
+  disabled = false,
+  labelSize,
+  layout = "vertical",
+  size = "md",
+  testId,
+  className,
+  "aria-describedby": ariaDescribedBy,
+  ...props
+}) {
+  const describedBy = [ariaDescribedBy, errorMsg ? fieldErrorId(name) : void 0].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: label }) : label }) }) : null,
+    /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
+      !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, size: labelSize || "default", children: label }) : null,
+      /* @__PURE__ */ jsxs(FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: `input-${name}`,
+            name,
+            disabled,
+            required,
+            size,
+            "data-testid": testId,
+            error: error || Boolean(errorMsg),
+            "aria-describedby": describedBy,
+            ...props
+          }
+        ),
+        helpText || errorMsg ? /* @__PURE__ */ jsx(FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+function SearchFieldBlock({
+  name,
+  helpText,
+  error,
+  errorMsg,
+  required = false,
+  disabled = false,
+  value,
+  label,
+  labelIsHidden = false,
+  layout = "vertical",
+  placeholder = "Search...",
+  onChange,
+  onReset,
+  className,
+  size,
+  isMinimized,
+  onMinimizedChange,
+  inputRef: externalInputRef
+}) {
+  const inputRef = useRef(null);
+  const setInputRef = (element) => {
+    inputRef.current = element;
+    if (externalInputRef) externalInputRef.current = element;
+  };
+  useEffect(() => {
+    if (isMinimized === false) {
+      inputRef.current?.focus();
+    }
+  }, [isMinimized]);
+  if (isMinimized) {
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: size || "sm",
+          "aria-label": label || "Search",
+          disabled,
+          onClick: () => onMinimizedChange?.(false),
+          children: /* @__PURE__ */ jsx(SearchIcon, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: label || "Search" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { className: labelIsHidden ? "sr-only" : void 0, children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, children: label }) }) : null,
+    /* @__PURE__ */ jsxs(FieldBlock.Column, { className: layout === "horizontal" && labelIsHidden ? "col-span-full" : void 0, children: [
+      layout === "vertical" && label ? /* @__PURE__ */ jsx(
+        FieldBlock.Label,
+        {
+          name,
+          required,
+          disabled,
+          className: labelIsHidden ? "sr-only" : void 0,
+          children: label
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs(FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              ref: setInputRef,
+              id: `input-${name}`,
+              name,
+              disabled,
+              value,
+              placeholder,
+              onChange,
+              size,
+              error: error || Boolean(errorMsg),
+              "aria-describedby": errorMsg ? fieldErrorId(name) : void 0,
+              className: cn(size === "sm" && "px-8", (!size || size === "md") && "px-9", size === "lg" && "px-10")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SearchIcon,
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground",
+                size === "sm" && "size-3.5",
+                (!size || size === "md") && "size-4",
+                size === "lg" && "size-[1.125rem]"
+              )
+            }
+          ),
+          onReset && (value || isMinimized === false) && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: size || "md",
+              "aria-label": "Clear search",
+              onClick: () => {
+                if (value) {
+                  onReset();
+                }
+                if (isMinimized === false) {
+                  onMinimizedChange?.(true);
+                }
+              },
+              className: "absolute top-1/2 right-0 -translate-y-1/2",
+              children: /* @__PURE__ */ jsx(XIcon, {})
+            }
+          )
+        ] }),
+        helpText || errorMsg ? /* @__PURE__ */ jsx(FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+function SelectFieldBlock({
+  name,
+  helpText,
+  errorMsg,
+  required = false,
+  disabled = false,
+  size = "md",
+  value,
+  label,
+  labelIsHidden = false,
+  layout = "vertical",
+  labelColumnWidth,
+  options,
+  placeholder = "Select an option",
+  onValueChange,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: label }) : label }) }) : null,
+    /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
+      layout === "vertical" && label && !labelIsHidden ? /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, children: label }) : null,
+      /* @__PURE__ */ jsxs(FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            "aria-label": labelIsHidden ? label : void 0,
+            name,
+            value,
+            onValueChange,
+            disabled,
+            children: [
+              /* @__PURE__ */ jsx(
+                SelectTrigger,
+                {
+                  id: `input-${name}`,
+                  size,
+                  "aria-invalid": errorMsg ? true : void 0,
+                  "aria-describedby": errorMsg ? fieldErrorId(name) : void 0,
+                  children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+                }
+              ),
+              /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+            ]
+          }
+        ),
+        helpText || errorMsg ? /* @__PURE__ */ jsx(FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+export { FieldBlock, FieldBlocksLayout, SearchFieldBlock, SelectFieldBlock, TextFieldBlock, TextareaFieldBlock, fieldErrorId };
 //# sourceMappingURL=FormFieldBlocks.es.js.map