@osdk/react-components 0.3.0 → 0.4.0-main-90a01d202dfa1e497125bd6cfcdc8175278fb7ec

package/build/esm/action-form/fields/FieldBridge.js

@@ -14,31 +14,58 @@
  * limitations under the License.
  */
 
-import React, { memo, useCallback } from "react";
+import React, { memo, useCallback, useMemo } from "react";
 import { useController } from "react-hook-form";
+import { extractValidationRules } from "../utils/extractValidationRules.js";
 import { FormFieldRenderer } from "./FormFieldRenderer.js";
+const SELECT_LIKE_FIELDS = new Set(["RADIO_BUTTONS", "DROPDOWN"]);
 export const FieldBridge = /*#__PURE__*/memo(function ({
   fieldDef,
   control,
   onExternalChange
 }) {
+  const rules = useMemo(() => extractValidationRules(fieldDef), [fieldDef]);
   const {
     field: {
       onChange,
+      onBlur,
       value
+    },
+    fieldState: {
+      error: fieldError
     }
   } = useController({
     name: fieldDef.fieldKey,
-    control
+    control,
+    rules
   });
+  const isSelectLike = SELECT_LIKE_FIELDS.has(fieldDef.fieldComponent);
   const handleChange = useCallback(newValue => {
     onChange(newValue);
     onExternalChange?.(fieldDef.fieldKey, newValue);
-  }, [onChange, onExternalChange, fieldDef.fieldKey]);
+    // Select-like fields are "pick once" interactions — mark as touched
+    // immediately so RHF revalidates (clears errors) on selection rather
+    // than waiting for focus to leave the container.
+    if (isSelectLike) {
+      onBlur();
+    }
+  }, [onChange, onBlur, onExternalChange, fieldDef.fieldKey, isSelectLike]);
+
+  // Ignore blur events where focus stays within the field container
+  // (e.g. moving between radio buttons in a group). Only fire RHF's
+  // onBlur when focus truly leaves the field.
+  const handleBlur = useCallback(e => {
+    if (e.currentTarget.contains(e.relatedTarget)) {
+      return;
+    }
+    onBlur();
+  }, [onBlur]);
   return /*#__PURE__*/React.createElement(FormFieldRenderer, {
     value: value,
     fieldDefinition: fieldDef,
-    onFieldValueChange: handleChange
+    onFieldValueChange: handleChange,
+    onBlur: handleBlur,
+    error: fieldError?.message
   });
 });
 //# sourceMappingURL=FieldBridge.js.map

package/build/esm/action-form/fields/FieldBridge.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldBridge.js","names":["React","memo","useCallback","useController","FormFieldRenderer","FieldBridge","fieldDef","control","onExternalChange","field","onChange","value","name","fieldKey","handleChange","newValue","createElement","fieldDefinition","onFieldValueChange"],"sources":["FieldBridge.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { memo, useCallback } from \"react\";\nimport type { Control } from \"react-hook-form\";\nimport { useController } from \"react-hook-form\";\nimport type { RendererFieldDefinition } from \"../FormFieldApi.js\";\nimport { FormFieldRenderer } from \"./FormFieldRenderer.js\";\n\nexport interface FieldBridgeProps {\n  fieldDef: RendererFieldDefinition;\n  control: Control<Record<string, unknown>>;\n  onExternalChange?: (fieldKey: string, value: unknown) => void;\n}\nexport const FieldBridge: React.FC<FieldBridgeProps> = memo(\n  function FieldBridgeFn({\n    fieldDef,\n    control,\n    onExternalChange,\n  }: FieldBridgeProps): React.ReactElement {\n    const {\n      field: { onChange, value },\n    } = useController({\n      name: fieldDef.fieldKey,\n      control,\n    });\n\n    const handleChange = useCallback(\n      (newValue: unknown) => {\n        onChange(newValue);\n        onExternalChange?.(fieldDef.fieldKey, newValue);\n      },\n      [onChange, onExternalChange, fieldDef.fieldKey],\n    );\n\n    return (\n      <FormFieldRenderer\n        value={value}\n        fieldDefinition={fieldDef}\n        onFieldValueChange={handleChange}\n      />\n    );\n  },\n);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAEhD,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,SAASC,iBAAiB,QAAQ,wBAAwB;AAO1D,OAAO,MAAMC,WAAuC,gBAAGJ,IAAI,CACzD,UAAuB;EACrBK,QAAQ;EACRC,OAAO;EACPC;AACgB,CAAC,EAAsB;EACvC,MAAM;IACJC,KAAK,EAAE;MAAEC,QAAQ;MAAEC;IAAM;EAC3B,CAAC,GAAGR,aAAa,CAAC;IAChBS,IAAI,EAAEN,QAAQ,CAACO,QAAQ;IACvBN;EACF,CAAC,CAAC;EAEF,MAAMO,YAAY,GAAGZ,WAAW,CAC7Ba,QAAiB,IAAK;IACrBL,QAAQ,CAACK,QAAQ,CAAC;IAClBP,gBAAgB,GAAGF,QAAQ,CAACO,QAAQ,EAAEE,QAAQ,CAAC;EACjD,CAAC,EACD,CAACL,QAAQ,EAAEF,gBAAgB,EAAEF,QAAQ,CAACO,QAAQ,CAChD,CAAC;EAED,oBACEb,KAAA,CAAAgB,aAAA,CAACZ,iBAAiB;IAChBO,KAAK,EAAEA,KAAM;IACbM,eAAe,EAAEX,QAAS;IAC1BY,kBAAkB,EAAEJ;EAAa,CAClC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
+{"version":3,"file":"FieldBridge.js","names":["React","memo","useCallback","useMemo","useController","extractValidationRules","FormFieldRenderer","SELECT_LIKE_FIELDS","Set","FieldBridge","fieldDef","control","onExternalChange","rules","field","onChange","onBlur","value","fieldState","error","fieldError","name","fieldKey","isSelectLike","has","fieldComponent","handleChange","newValue","handleBlur","e","currentTarget","contains","relatedTarget","createElement","fieldDefinition","onFieldValueChange","message"],"sources":["FieldBridge.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { memo, useCallback, useMemo } from \"react\";\nimport type { Control } from \"react-hook-form\";\nimport { useController } from \"react-hook-form\";\nimport type {\n  FieldComponent,\n  RendererFieldDefinition,\n} from \"../FormFieldApi.js\";\nimport { extractValidationRules } from \"../utils/extractValidationRules.js\";\nimport { FormFieldRenderer } from \"./FormFieldRenderer.js\";\n\nexport interface FieldBridgeProps {\n  fieldDef: RendererFieldDefinition;\n  control: Control<Record<string, unknown>>;\n  onExternalChange?: (fieldKey: string, value: unknown) => void;\n}\nconst SELECT_LIKE_FIELDS: ReadonlySet<FieldComponent> = new Set<FieldComponent>(\n  [\n    \"RADIO_BUTTONS\",\n    \"DROPDOWN\",\n  ],\n);\n\nexport const FieldBridge: React.FC<FieldBridgeProps> = memo(\n  function FieldBridgeFn({\n    fieldDef,\n    control,\n    onExternalChange,\n  }: FieldBridgeProps): React.ReactElement {\n    const rules = useMemo(\n      () => extractValidationRules(fieldDef),\n      [fieldDef],\n    );\n\n    const {\n      field: { onChange, onBlur, value },\n      fieldState: { error: fieldError },\n    } = useController({\n      name: fieldDef.fieldKey,\n      control,\n      rules,\n    });\n\n    const isSelectLike = SELECT_LIKE_FIELDS.has(fieldDef.fieldComponent);\n\n    const handleChange = useCallback(\n      (newValue: unknown) => {\n        onChange(newValue);\n        onExternalChange?.(fieldDef.fieldKey, newValue);\n        // Select-like fields are \"pick once\" interactions — mark as touched\n        // immediately so RHF revalidates (clears errors) on selection rather\n        // than waiting for focus to leave the container.\n        if (isSelectLike) {\n          onBlur();\n        }\n      },\n      [onChange, onBlur, onExternalChange, fieldDef.fieldKey, isSelectLike],\n    );\n\n    // Ignore blur events where focus stays within the field container\n    // (e.g. moving between radio buttons in a group). Only fire RHF's\n    // onBlur when focus truly leaves the field.\n    const handleBlur = useCallback(\n      (e: React.FocusEvent<HTMLDivElement>) => {\n        if (e.currentTarget.contains(e.relatedTarget)) {\n          return;\n        }\n        onBlur();\n      },\n      [onBlur],\n    );\n\n    return (\n      <FormFieldRenderer\n        value={value}\n        fieldDefinition={fieldDef}\n        onFieldValueChange={handleChange}\n        onBlur={handleBlur}\n        error={fieldError?.message}\n      />\n    );\n  },\n);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEzD,SAASC,aAAa,QAAQ,iBAAiB;AAK/C,SAASC,sBAAsB,QAAQ,oCAAoC;AAC3E,SAASC,iBAAiB,QAAQ,wBAAwB;AAO1D,MAAMC,kBAA+C,GAAG,IAAIC,GAAG,CAC7D,CACE,eAAe,EACf,UAAU,CAEd,CAAC;AAED,OAAO,MAAMC,WAAuC,gBAAGR,IAAI,CACzD,UAAuB;EACrBS,QAAQ;EACRC,OAAO;EACPC;AACgB,CAAC,EAAsB;EACvC,MAAMC,KAAK,GAAGV,OAAO,CACnB,MAAME,sBAAsB,CAACK,QAAQ,CAAC,EACtC,CAACA,QAAQ,CACX,CAAC;EAED,MAAM;IACJI,KAAK,EAAE;MAAEC,QAAQ;MAAEC,MAAM;MAAEC;IAAM,CAAC;IAClCC,UAAU,EAAE;MAAEC,KAAK,EAAEC;IAAW;EAClC,CAAC,GAAGhB,aAAa,CAAC;IAChBiB,IAAI,EAAEX,QAAQ,CAACY,QAAQ;IACvBX,OAAO;IACPE;EACF,CAAC,CAAC;EAEF,MAAMU,YAAY,GAAGhB,kBAAkB,CAACiB,GAAG,CAACd,QAAQ,CAACe,cAAc,CAAC;EAEpE,MAAMC,YAAY,GAAGxB,WAAW,CAC7ByB,QAAiB,IAAK;IACrBZ,QAAQ,CAACY,QAAQ,CAAC;IAClBf,gBAAgB,GAAGF,QAAQ,CAACY,QAAQ,EAAEK,QAAQ,CAAC;IAC/C;IACA;IACA;IACA,IAAIJ,YAAY,EAAE;MAChBP,MAAM,CAAC,CAAC;IACV;EACF,CAAC,EACD,CAACD,QAAQ,EAAEC,MAAM,EAAEJ,gBAAgB,EAAEF,QAAQ,CAACY,QAAQ,EAAEC,YAAY,CACtE,CAAC;;EAED;EACA;EACA;EACA,MAAMK,UAAU,GAAG1B,WAAW,CAC3B2B,CAAmC,IAAK;IACvC,IAAIA,CAAC,CAACC,aAAa,CAACC,QAAQ,CAACF,CAAC,CAACG,aAAa,CAAC,EAAE;MAC7C;IACF;IACAhB,MAAM,CAAC,CAAC;EACV,CAAC,EACD,CAACA,MAAM,CACT,CAAC;EAED,oBACEhB,KAAA,CAAAiC,aAAA,CAAC3B,iBAAiB;IAChBW,KAAK,EAAEA,KAAM;IACbiB,eAAe,EAAExB,QAAS;IAC1ByB,kBAAkB,EAAET,YAAa;IACjCV,MAAM,EAAEY,UAAW;IACnBT,KAAK,EAAEC,UAAU,EAAEgB;EAAQ,CAC5B,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/build/esm/action-form/fields/FilePickerField.js

@@ -23,9 +23,12 @@ export const FilePickerField = /*#__PURE__*/memo(function ({
   id,
   value,
   onChange,
+  error,
   isMulti,
   accept,
-  // TODO: implement maxSize validation in a follow-up
+  // maxSize is enforced by form-level validation (extractValidationRules),
+  // not here. Silently dropping oversized files would leave the user with
+  // no indication of why their selection disappeared.
   maxSize: _maxSize,
   text = "No file chosen",
   buttonText = "Browse"
@@ -77,7 +80,8 @@ export const FilePickerField = /*#__PURE__*/memo(function ({
       role: "button",
       "aria-label": "Choose file",
       onClick: openFileDialog,
-      onKeyDown: handleKeyDown
+      onKeyDown: handleKeyDown,
+      "aria-invalid": error != null || undefined
     }, /*#__PURE__*/React.createElement("input", {
       ref: inputRef,
       type: "file",

package/build/esm/action-form/fields/FilePickerField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePickerField.js","names":["Button","Cross","classnames","React","memo","useCallback","useMemo","useRef","styles","FilePickerField","id","value","onChange","isMulti","accept","maxSize","_maxSize","text","buttonText","inputRef","openFileDialog","current","click","handleInputChange","event","files","target","length","Array","from","handleClear","stopPropagation","preventDefault","handleKeyDown","key","displayText","getDisplayText","hasValue","acceptString","normalizeAccept","createElement","className","osdkFilePickerTrigger","tabIndex","role","onClick","onKeyDown","ref","type","osdkFilePickerHiddenInput","multiple","osdkFilePickerText","osdkFilePickerPlaceholder","osdkFilePickerClear","osdkFilePickerBrowse","undefined","isArray","join","map","f","name"],"sources":["FilePickerField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Cross } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo, useRef } from \"react\";\nimport type { FilePickerProps } from \"../FormFieldApi.js\";\nimport styles from \"./FilePickerField.module.css\";\n\nexport const FilePickerField: React.FC<FilePickerProps> = memo(\n  function FilePickerFieldFn({\n    id,\n    value,\n    onChange,\n    isMulti,\n    accept,\n    // TODO: implement maxSize validation in a follow-up\n    maxSize: _maxSize,\n    text = \"No file chosen\",\n    buttonText = \"Browse\",\n  }): React.ReactElement {\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const openFileDialog = useCallback(() => {\n      inputRef.current?.click();\n    }, []);\n\n    const handleInputChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const files = event.target.files;\n        if (files == null || files.length === 0) {\n          onChange?.(null);\n          return;\n        }\n\n        if (isMulti) {\n          onChange?.(Array.from(files));\n        } else {\n          onChange?.(files[0] ?? null);\n        }\n      },\n      [onChange, isMulti],\n    );\n\n    const handleClear = useCallback(\n      (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n        onChange?.(null);\n        if (inputRef.current != null) {\n          inputRef.current.value = \"\";\n        }\n      },\n      [onChange],\n    );\n\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          openFileDialog();\n        }\n      },\n      [openFileDialog],\n    );\n\n    const displayText = useMemo(() => getDisplayText(value), [value]);\n    const hasValue = displayText != null;\n    const acceptString = useMemo(\n      () => normalizeAccept(accept),\n      [accept],\n    );\n    return (\n      // The entire component is a single tab stop (tabIndex={0}).\n      // Text and Browse are <span>s (not buttons) so they don't create\n      // extra tab stops — clicks on them bubble up to the container's onClick.\n      // The clear button is the only inner interactive element and gets its\n      // own tab stop so keyboard users can clear the selection.\n      <div\n        id={id}\n        className={styles.osdkFilePickerTrigger}\n        tabIndex={0}\n        role=\"button\"\n        aria-label=\"Choose file\"\n        onClick={openFileDialog}\n        onKeyDown={handleKeyDown}\n      >\n        <input\n          ref={inputRef}\n          type=\"file\"\n          className={styles.osdkFilePickerHiddenInput}\n          multiple={isMulti}\n          accept={acceptString}\n          onChange={handleInputChange}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n        />\n        <span\n          className={classnames(\n            styles.osdkFilePickerText,\n            !hasValue && styles.osdkFilePickerPlaceholder,\n          )}\n        >\n          {displayText ?? text}\n        </span>\n        {hasValue && (\n          // stopPropagation + preventDefault prevent the click from\n          // bubbling to the container's onClick which opens the file dialog.\n          <Button\n            className={styles.osdkFilePickerClear}\n            onClick={handleClear}\n            aria-label=\"Clear selection\"\n          >\n            <Cross />\n          </Button>\n        )}\n        <span className={styles.osdkFilePickerBrowse}>{buttonText}</span>\n      </div>\n    );\n  },\n);\n\nfunction normalizeAccept(\n  accept: string | string[] | undefined,\n): string | undefined {\n  if (accept == null) {\n    return undefined;\n  }\n  return Array.isArray(accept) ? accept.join(\",\") : accept;\n}\n\nfunction getDisplayText(value: File | File[] | null): string | undefined {\n  if (value == null) {\n    return undefined;\n  }\n  if (Array.isArray(value)) {\n    return value.map((f) => f.name).join(\", \");\n  }\n  return value.name;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FilePickerField.js","names":["Button","Cross","classnames","React","memo","useCallback","useMemo","useRef","styles","FilePickerField","id","value","onChange","error","isMulti","accept","maxSize","_maxSize","text","buttonText","inputRef","openFileDialog","current","click","handleInputChange","event","files","target","length","Array","from","handleClear","stopPropagation","preventDefault","handleKeyDown","key","displayText","getDisplayText","hasValue","acceptString","normalizeAccept","createElement","className","osdkFilePickerTrigger","tabIndex","role","onClick","onKeyDown","undefined","ref","type","osdkFilePickerHiddenInput","multiple","osdkFilePickerText","osdkFilePickerPlaceholder","osdkFilePickerClear","osdkFilePickerBrowse","isArray","join","map","f","name"],"sources":["FilePickerField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Cross } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo, useRef } from \"react\";\nimport type { FilePickerProps } from \"../FormFieldApi.js\";\nimport styles from \"./FilePickerField.module.css\";\n\nexport const FilePickerField: React.FC<FilePickerProps> = memo(\n  function FilePickerFieldFn({\n    id,\n    value,\n    onChange,\n    error,\n    isMulti,\n    accept,\n    // maxSize is enforced by form-level validation (extractValidationRules),\n    // not here. Silently dropping oversized files would leave the user with\n    // no indication of why their selection disappeared.\n    maxSize: _maxSize,\n    text = \"No file chosen\",\n    buttonText = \"Browse\",\n  }): React.ReactElement {\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const openFileDialog = useCallback(() => {\n      inputRef.current?.click();\n    }, []);\n\n    const handleInputChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const files = event.target.files;\n        if (files == null || files.length === 0) {\n          onChange?.(null);\n          return;\n        }\n\n        if (isMulti) {\n          onChange?.(Array.from(files));\n        } else {\n          onChange?.(files[0] ?? null);\n        }\n      },\n      [onChange, isMulti],\n    );\n\n    const handleClear = useCallback(\n      (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n        onChange?.(null);\n        if (inputRef.current != null) {\n          inputRef.current.value = \"\";\n        }\n      },\n      [onChange],\n    );\n\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          openFileDialog();\n        }\n      },\n      [openFileDialog],\n    );\n\n    const displayText = useMemo(() => getDisplayText(value), [value]);\n    const hasValue = displayText != null;\n    const acceptString = useMemo(\n      () => normalizeAccept(accept),\n      [accept],\n    );\n    return (\n      // The entire component is a single tab stop (tabIndex={0}).\n      // Text and Browse are <span>s (not buttons) so they don't create\n      // extra tab stops — clicks on them bubble up to the container's onClick.\n      // The clear button is the only inner interactive element and gets its\n      // own tab stop so keyboard users can clear the selection.\n      <div\n        id={id}\n        className={styles.osdkFilePickerTrigger}\n        tabIndex={0}\n        role=\"button\"\n        aria-label=\"Choose file\"\n        onClick={openFileDialog}\n        onKeyDown={handleKeyDown}\n        aria-invalid={error != null || undefined}\n      >\n        <input\n          ref={inputRef}\n          type=\"file\"\n          className={styles.osdkFilePickerHiddenInput}\n          multiple={isMulti}\n          accept={acceptString}\n          onChange={handleInputChange}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n        />\n        <span\n          className={classnames(\n            styles.osdkFilePickerText,\n            !hasValue && styles.osdkFilePickerPlaceholder,\n          )}\n        >\n          {displayText ?? text}\n        </span>\n        {hasValue && (\n          // stopPropagation + preventDefault prevent the click from\n          // bubbling to the container's onClick which opens the file dialog.\n          <Button\n            className={styles.osdkFilePickerClear}\n            onClick={handleClear}\n            aria-label=\"Clear selection\"\n          >\n            <Cross />\n          </Button>\n        )}\n        <span className={styles.osdkFilePickerBrowse}>{buttonText}</span>\n      </div>\n    );\n  },\n);\n\nfunction normalizeAccept(\n  accept: string | string[] | undefined,\n): string | undefined {\n  if (accept == null) {\n    return undefined;\n  }\n  return Array.isArray(accept) ? accept.join(\",\") : accept;\n}\n\nfunction getDisplayText(value: File | File[] | null): string | undefined {\n  if (value == null) {\n    return undefined;\n  }\n  if (Array.isArray(value)) {\n    return value.map((f) => f.name).join(\", \");\n  }\n  return value.name;\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/action-form/fields/FilePickerField.module.css

@@ -43,6 +43,10 @@
       var(--osdk-file-picker-trigger-focus-color);
     outline-offset: var(--osdk-file-picker-trigger-focus-offset);
   }
+
+  &[aria-invalid] {
+    border-color: var(--osdk-file-picker-trigger-border-color-error);
+  }
 }
 
 /* Visually hidden file input */

package/build/esm/action-form/fields/FormFieldRenderer.js

@@ -29,7 +29,9 @@ import { TextInputField } from "./TextInputField.js";
 export const FormFieldRenderer = /*#__PURE__*/memo(function ({
   fieldDefinition,
   value,
-  onFieldValueChange
+  onFieldValueChange,
+  onBlur,
+  error
 }) {
   const {
     label,
@@ -41,31 +43,36 @@ export const FormFieldRenderer = /*#__PURE__*/memo(function ({
     label: label,
     isRequired: isRequired,
     fieldKey: fieldDefinition.fieldKey,
-    helperText: helperTextPlacement !== "tooltip" ? helperText : undefined
-  }, renderFieldComponent(fieldDefinition, value, onFieldValueChange));
+    helperText: helperTextPlacement !== "tooltip" ? helperText : undefined,
+    error: error,
+    onBlur: onBlur
+  }, renderFieldComponent(fieldDefinition, value, onFieldValueChange, error));
 });
-function renderFieldComponent(fieldDefinition, value, onChange) {
+function renderFieldComponent(fieldDefinition, value, onChange, error) {
   switch (fieldDefinition.fieldComponent) {
     case "TEXT_INPUT":
       return /*#__PURE__*/React.createElement(TextInputField, _extends({
         id: fieldDefinition.fieldKey,
         value: value != null ? String(value) : "",
         onChange: onChange,
-        placeholder: fieldDefinition.placeholder
+        placeholder: fieldDefinition.placeholder,
+        error: error
       }, fieldDefinition.fieldComponentProps));
     case "TEXT_AREA":
       return /*#__PURE__*/React.createElement(TextAreaField, _extends({
         id: fieldDefinition.fieldKey,
         value: value != null ? String(value) : "",
         onChange: onChange,
-        placeholder: fieldDefinition.placeholder
+        placeholder: fieldDefinition.placeholder,
+        error: error
       }, fieldDefinition.fieldComponentProps));
     case "DROPDOWN":
       {
         return /*#__PURE__*/React.createElement(DropdownField, _extends({
           value: value,
           onChange: onChange,
-          placeholder: fieldDefinition.placeholder
+          placeholder: fieldDefinition.placeholder,
+          error: error
         }, fieldDefinition.fieldComponentProps));
       }
     case "DATETIME_PICKER":
@@ -75,19 +82,22 @@ function renderFieldComponent(fieldDefinition, value, onChange) {
         // TODO: Use coerceFieldValue
         ,
         value: value instanceof Date ? value : null,
-        onChange: onChange
+        onChange: onChange,
+        error: error
       }, fieldDefinition.fieldComponentProps));
     case "RADIO_BUTTONS":
       return /*#__PURE__*/React.createElement(RadioButtonsField, _extends({
         id: fieldDefinition.fieldKey,
         value: value,
-        onChange: onChange
+        onChange: onChange,
+        error: error
       }, fieldDefinition.fieldComponentProps));
     case "CUSTOM":
       return /*#__PURE__*/React.createElement(CustomField, _extends({
         id: fieldDefinition.fieldKey,
         value: value,
-        onChange: onChange
+        onChange: onChange,
+        error: error
       }, fieldDefinition.fieldComponentProps));
     case "NUMBER_INPUT":
       // TODO: Use coerceFieldValue
@@ -95,13 +105,15 @@ function renderFieldComponent(fieldDefinition, value, onChange) {
         id: fieldDefinition.fieldKey,
         value: typeof value === "number" ? value : null,
         onChange: onChange,
-        placeholder: fieldDefinition.placeholder
+        placeholder: fieldDefinition.placeholder,
+        error: error
       }, fieldDefinition.fieldComponentProps));
     case "FILE_PICKER":
       return /*#__PURE__*/React.createElement(FilePickerField, _extends({
         id: fieldDefinition.fieldKey,
         value: coerceToFileValue(value),
-        onChange: onChange
+        onChange: onChange,
+        error: error
       }, fieldDefinition.fieldComponentProps));
     case "OBJECT_SET":
       return /*#__PURE__*/React.createElement(ObjectSetField, _extends({

package/build/esm/action-form/fields/FormFieldRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldRenderer.js","names":["React","memo","FormField","CustomField","DatetimePickerField","DropdownField","FilePickerField","NumberInputField","ObjectSetField","RadioButtonsField","TextAreaField","TextInputField","FormFieldRenderer","fieldDefinition","value","onFieldValueChange","label","isRequired","helperText","helperTextPlacement","createElement","fieldKey","undefined","renderFieldComponent","onChange","fieldComponent","_extends","id","String","placeholder","fieldComponentProps","Date","coerceToFileValue","assertUnreachableFieldComponent","isFileArray","every","v","File","Array","isArray","Error"],"sources":["FormFieldRenderer.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { memo } from \"react\";\nimport { FormField } from \"../FormField.js\";\nimport type { RendererFieldDefinition } from \"../FormFieldApi.js\";\nimport { CustomField } from \"./CustomField.js\";\nimport { DatetimePickerField } from \"./DatetimePickerField.js\";\nimport { DropdownField } from \"./DropdownField.js\";\nimport { FilePickerField } from \"./FilePickerField.js\";\nimport { NumberInputField } from \"./NumberInputField.js\";\nimport { ObjectSetField } from \"./ObjectSetField.js\";\nimport { RadioButtonsField } from \"./RadioButtonsField.js\";\nimport { TextAreaField } from \"./TextAreaField.js\";\nimport { TextInputField } from \"./TextInputField.js\";\n\nexport interface FormFieldRendererProps {\n  fieldDefinition: RendererFieldDefinition;\n  value: unknown;\n  onFieldValueChange: (value: unknown) => void;\n}\n\nexport const FormFieldRenderer: React.FC<FormFieldRendererProps> = memo(\n  function FormFieldRendererFn({\n    fieldDefinition,\n    value,\n    onFieldValueChange,\n  }: FormFieldRendererProps): React.ReactElement {\n    const { label, isRequired, helperText, helperTextPlacement } =\n      fieldDefinition;\n\n    return (\n      <FormField\n        label={label}\n        isRequired={isRequired}\n        fieldKey={fieldDefinition.fieldKey}\n        helperText={helperTextPlacement !== \"tooltip\" ? helperText : undefined}\n      >\n        {renderFieldComponent(fieldDefinition, value, onFieldValueChange)}\n      </FormField>\n    );\n  },\n);\n\nfunction renderFieldComponent(\n  fieldDefinition: RendererFieldDefinition,\n  value: unknown,\n  onChange: (value: unknown) => void,\n): React.ReactElement {\n  switch (fieldDefinition.fieldComponent) {\n    case \"TEXT_INPUT\":\n      return (\n        <TextInputField\n          id={fieldDefinition.fieldKey}\n          value={value != null ? String(value) : \"\"}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"TEXT_AREA\":\n      return (\n        <TextAreaField\n          id={fieldDefinition.fieldKey}\n          value={value != null ? String(value) : \"\"}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"DROPDOWN\": {\n      return (\n        <DropdownField\n          value={value}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    }\n    case \"DATETIME_PICKER\":\n      return (\n        <DatetimePickerField\n          id={fieldDefinition.fieldKey}\n          placeholder={fieldDefinition.placeholder}\n          // TODO: Use coerceFieldValue\n          value={value instanceof Date ? value : null}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"RADIO_BUTTONS\":\n      return (\n        <RadioButtonsField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"CUSTOM\":\n      return (\n        <CustomField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"NUMBER_INPUT\":\n      // TODO: Use coerceFieldValue\n      return (\n        <NumberInputField\n          id={fieldDefinition.fieldKey}\n          value={typeof value === \"number\" ? value : null}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"FILE_PICKER\":\n      return (\n        <FilePickerField\n          id={fieldDefinition.fieldKey}\n          value={coerceToFileValue(value)}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"OBJECT_SET\":\n      return (\n        <ObjectSetField\n          id={fieldDefinition.fieldKey}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    default:\n      return assertUnreachableFieldComponent(fieldDefinition);\n  }\n}\n\n// TODO: Move and share with `coerceFieldValue`\nfunction isFileArray(value: unknown[]): value is File[] {\n  return value.every((v) => v instanceof File);\n}\n\nfunction coerceToFileValue(value: unknown): File | File[] | null {\n  if (value instanceof File) {\n    return value;\n  }\n  if (Array.isArray(value) && isFileArray(value)) {\n    return value;\n  }\n  return null;\n}\n\nfunction assertUnreachableFieldComponent(value: never): never {\n  throw new Error(`Unhandled field component: ${String(value)}`);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormFieldRenderer.js","names":["React","memo","FormField","CustomField","DatetimePickerField","DropdownField","FilePickerField","NumberInputField","ObjectSetField","RadioButtonsField","TextAreaField","TextInputField","FormFieldRenderer","fieldDefinition","value","onFieldValueChange","onBlur","error","label","isRequired","helperText","helperTextPlacement","createElement","fieldKey","undefined","renderFieldComponent","onChange","fieldComponent","_extends","id","String","placeholder","fieldComponentProps","Date","coerceToFileValue","assertUnreachableFieldComponent","isFileArray","every","v","File","Array","isArray","Error"],"sources":["FormFieldRenderer.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { memo } from \"react\";\nimport { FormField } from \"../FormField.js\";\nimport type { RendererFieldDefinition } from \"../FormFieldApi.js\";\nimport { CustomField } from \"./CustomField.js\";\nimport { DatetimePickerField } from \"./DatetimePickerField.js\";\nimport { DropdownField } from \"./DropdownField.js\";\nimport { FilePickerField } from \"./FilePickerField.js\";\nimport { NumberInputField } from \"./NumberInputField.js\";\nimport { ObjectSetField } from \"./ObjectSetField.js\";\nimport { RadioButtonsField } from \"./RadioButtonsField.js\";\nimport { TextAreaField } from \"./TextAreaField.js\";\nimport { TextInputField } from \"./TextInputField.js\";\n\nexport interface FormFieldRendererProps {\n  fieldDefinition: RendererFieldDefinition;\n  value: unknown;\n  onFieldValueChange: (value: unknown) => void;\n  onBlur: (e: React.FocusEvent<HTMLDivElement>) => void;\n  error: string | undefined;\n}\n\nexport const FormFieldRenderer: React.FC<FormFieldRendererProps> = memo(\n  function FormFieldRendererFn({\n    fieldDefinition,\n    value,\n    onFieldValueChange,\n    onBlur,\n    error,\n  }: FormFieldRendererProps): React.ReactElement {\n    const { label, isRequired, helperText, helperTextPlacement } =\n      fieldDefinition;\n\n    return (\n      <FormField\n        label={label}\n        isRequired={isRequired}\n        fieldKey={fieldDefinition.fieldKey}\n        helperText={helperTextPlacement !== \"tooltip\" ? helperText : undefined}\n        error={error}\n        onBlur={onBlur}\n      >\n        {renderFieldComponent(\n          fieldDefinition,\n          value,\n          onFieldValueChange,\n          error,\n        )}\n      </FormField>\n    );\n  },\n);\n\nfunction renderFieldComponent(\n  fieldDefinition: RendererFieldDefinition,\n  value: unknown,\n  onChange: (value: unknown) => void,\n  error: string | undefined,\n): React.ReactElement {\n  switch (fieldDefinition.fieldComponent) {\n    case \"TEXT_INPUT\":\n      return (\n        <TextInputField\n          id={fieldDefinition.fieldKey}\n          value={value != null ? String(value) : \"\"}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"TEXT_AREA\":\n      return (\n        <TextAreaField\n          id={fieldDefinition.fieldKey}\n          value={value != null ? String(value) : \"\"}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"DROPDOWN\": {\n      return (\n        <DropdownField\n          value={value}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    }\n    case \"DATETIME_PICKER\":\n      return (\n        <DatetimePickerField\n          id={fieldDefinition.fieldKey}\n          placeholder={fieldDefinition.placeholder}\n          // TODO: Use coerceFieldValue\n          value={value instanceof Date ? value : null}\n          onChange={onChange}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"RADIO_BUTTONS\":\n      return (\n        <RadioButtonsField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"CUSTOM\":\n      return (\n        <CustomField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"NUMBER_INPUT\":\n      // TODO: Use coerceFieldValue\n      return (\n        <NumberInputField\n          id={fieldDefinition.fieldKey}\n          value={typeof value === \"number\" ? value : null}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"FILE_PICKER\":\n      return (\n        <FilePickerField\n          id={fieldDefinition.fieldKey}\n          value={coerceToFileValue(value)}\n          onChange={onChange}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"OBJECT_SET\":\n      return (\n        <ObjectSetField\n          id={fieldDefinition.fieldKey}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    default:\n      return assertUnreachableFieldComponent(fieldDefinition);\n  }\n}\n\n// TODO: Move and share with `coerceFieldValue`\nfunction isFileArray(value: unknown[]): value is File[] {\n  return value.every((v) => v instanceof File);\n}\n\nfunction coerceToFileValue(value: unknown): File | File[] | null {\n  if (value instanceof File) {\n    return value;\n  }\n  if (Array.isArray(value) && isFileArray(value)) {\n    return value;\n  }\n  return null;\n}\n\nfunction assertUnreachableFieldComponent(value: never): never {\n  throw new Error(`Unhandled field component: ${String(value)}`);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/action-form/fields/NumberInputField.js

@@ -35,16 +35,14 @@ import styles from "./NumberInputField.module.css";
 const VALID_NUMERIC_REGEX = /^[+-.]?(\d+\.?\d*|\d*\.?\d+)?([eE][+-]?\d*)?$/;
 const DEFAULT_STEP = 1;
 const CHEVRON_SIZE = 12;
-
-// TODO: Add min/max validation so the field can surface
-// out-of-range errors through the form validation system.
 export function NumberInputField({
   id,
   value,
   onChange,
+  error,
   placeholder,
-  min: _min,
-  max: _max,
+  min,
+  max,
   step
 }) {
   const [displayValue, setDisplayValue] = useState(() => formatNumberForDisplay(value));
@@ -67,11 +65,11 @@ export function NumberInputField({
   }, [onChange]);
   const applyStep = useCallback(direction => {
     const current = parseNumericValue(displayValue) ?? 0;
-    const next = current + direction * (step ?? DEFAULT_STEP);
+    const next = clamp(current + direction * (step ?? DEFAULT_STEP), min, max);
     const formatted = formatNumberForDisplay(next);
     setDisplayValue(formatted);
     onChange?.(next);
-  }, [displayValue, onChange, step]);
+  }, [displayValue, onChange, step, min, max]);
   const handleKeyDown = useCallback(e => {
     if (e.key !== "ArrowUp" && e.key !== "ArrowDown") {
       return;
@@ -86,7 +84,8 @@ export function NumberInputField({
     applyStep(-1);
   }, [applyStep]);
   return /*#__PURE__*/React.createElement("div", {
-    className: styles.osdkNumberInputWrapper
+    className: styles.osdkNumberInputWrapper,
+    "aria-invalid": error != null || undefined
   }, /*#__PURE__*/React.createElement(Input, {
     id: id,
     className: styles.osdkNumberInputField,
@@ -127,4 +126,9 @@ function parseNumericValue(text) {
 function formatNumberForDisplay(value) {
   return value != null ? String(value) : "";
 }
+function clamp(value, min, max) {
+  if (min != null && value < min) return min;
+  if (max != null && value > max) return max;
+  return value;
+}
 //# sourceMappingURL=NumberInputField.js.map

package/build/esm/action-form/fields/NumberInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInputField.js","names":["Button","Input","ChevronDown","ChevronUp","React","useCallback","useRef","useState","styles","VALID_NUMERIC_REGEX","DEFAULT_STEP","CHEVRON_SIZE","NumberInputField","id","value","onChange","placeholder","min","_min","max","_max","step","displayValue","setDisplayValue","formatNumberForDisplay","prevValueRef","current","currentParsed","parseNumericValue","handleValueChange","newValue","isValidInput","applyStep","direction","next","formatted","handleKeyDown","e","key","preventDefault","handleStepUp","handleStepDown","createElement","className","osdkNumberInputWrapper","osdkNumberInputField","type","inputMode","onValueChange","onKeyDown","osdkNumberInputStepper","osdkNumberInputStepButton","tabIndex","onClick","size","text","test","parsed","Number","isNaN","String"],"sources":["NumberInputField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Input } from \"@base-ui/react/input\";\nimport { ChevronDown, ChevronUp } from \"@blueprintjs/icons\";\nimport React, { useCallback, useRef, useState } from \"react\";\nimport type { NumberInputFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./NumberInputField.module.css\";\n\n/**\n * Structural regex for valid numeric input.\n *\n * Allows intermediate typing states that will become valid numbers:\n * \"\"  — user cleared the field (all groups are optional)\n * \"-\" — user started typing a negative number\n * \".\" — user started typing a decimal like \".5\"\n * \"+\" — user started typing an explicitly positive number\n * \"1.\", \"1e\", \"1e+\" — partial but structurally valid\n *\n * Rejects obviously invalid strings like \"1.2.3\" or \"+-5\".\n */\nconst VALID_NUMERIC_REGEX = /^[+-.]?(\\d+\\.?\\d*|\\d*\\.?\\d+)?([eE][+-]?\\d*)?$/;\n\nconst DEFAULT_STEP = 1;\nconst CHEVRON_SIZE = 12;\n\n// TODO: Add min/max validation so the field can surface\n// out-of-range errors through the form validation system.\nexport function NumberInputField({\n  id,\n  value,\n  onChange,\n  placeholder,\n  min: _min,\n  max: _max,\n  step,\n}: NumberInputFieldProps): React.ReactElement {\n  const [displayValue, setDisplayValue] = useState<string>(() =>\n    formatNumberForDisplay(value)\n  );\n\n  const prevValueRef = useRef(value);\n\n  // Sync external value → internal display string\n  if (prevValueRef.current !== value) {\n    prevValueRef.current = value;\n    const currentParsed = parseNumericValue(displayValue);\n\n    if (value !== currentParsed) {\n      setDisplayValue(formatNumberForDisplay(value));\n    }\n  }\n\n  const handleValueChange = useCallback(\n    (newValue: string) => {\n      if (!isValidInput(newValue)) {\n        return;\n      }\n\n      setDisplayValue(newValue);\n      onChange?.(parseNumericValue(newValue));\n    },\n    [onChange],\n  );\n\n  const applyStep = useCallback(\n    (direction: 1 | -1) => {\n      const current = parseNumericValue(displayValue) ?? 0;\n      const delta = direction * (step ?? DEFAULT_STEP);\n      const next = current + delta;\n      const formatted = formatNumberForDisplay(next);\n      setDisplayValue(formatted);\n      onChange?.(next);\n    },\n    [displayValue, onChange, step],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key !== \"ArrowUp\" && e.key !== \"ArrowDown\") {\n        return;\n      }\n      e.preventDefault();\n      applyStep(e.key === \"ArrowUp\" ? 1 : -1);\n    },\n    [applyStep],\n  );\n\n  const handleStepUp = useCallback(() => {\n    applyStep(1);\n  }, [applyStep]);\n\n  const handleStepDown = useCallback(() => {\n    applyStep(-1);\n  }, [applyStep]);\n\n  return (\n    <div className={styles.osdkNumberInputWrapper}>\n      <Input\n        id={id}\n        className={styles.osdkNumberInputField}\n        type=\"text\"\n        inputMode=\"decimal\"\n        value={displayValue}\n        onValueChange={handleValueChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n      />\n      <div className={styles.osdkNumberInputStepper}>\n        <Button\n          className={styles.osdkNumberInputStepButton}\n          aria-label=\"Increment\"\n          tabIndex={-1}\n          onClick={handleStepUp}\n        >\n          <ChevronUp size={CHEVRON_SIZE} />\n        </Button>\n        <Button\n          className={styles.osdkNumberInputStepButton}\n          aria-label=\"Decrement\"\n          tabIndex={-1}\n          onClick={handleStepDown}\n        >\n          <ChevronDown size={CHEVRON_SIZE} />\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction isValidInput(text: string): boolean {\n  return VALID_NUMERIC_REGEX.test(text);\n}\n\nfunction parseNumericValue(text: string): number | null {\n  if (text === \"\") {\n    return null;\n  }\n  const parsed = Number(text);\n  return Number.isNaN(parsed) ? null : parsed;\n}\n\nfunction formatNumberForDisplay(value: number | null): string {\n  return value != null ? String(value) : \"\";\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"NumberInputField.js","names":["Button","Input","ChevronDown","ChevronUp","React","useCallback","useRef","useState","styles","VALID_NUMERIC_REGEX","DEFAULT_STEP","CHEVRON_SIZE","NumberInputField","id","value","onChange","error","placeholder","min","max","step","displayValue","setDisplayValue","formatNumberForDisplay","prevValueRef","current","currentParsed","parseNumericValue","handleValueChange","newValue","isValidInput","applyStep","direction","next","clamp","formatted","handleKeyDown","e","key","preventDefault","handleStepUp","handleStepDown","createElement","className","osdkNumberInputWrapper","undefined","osdkNumberInputField","type","inputMode","onValueChange","onKeyDown","osdkNumberInputStepper","osdkNumberInputStepButton","tabIndex","onClick","size","text","test","parsed","Number","isNaN","String"],"sources":["NumberInputField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Input } from \"@base-ui/react/input\";\nimport { ChevronDown, ChevronUp } from \"@blueprintjs/icons\";\nimport React, { useCallback, useRef, useState } from \"react\";\nimport type { NumberInputFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./NumberInputField.module.css\";\n\n/**\n * Structural regex for valid numeric input.\n *\n * Allows intermediate typing states that will become valid numbers:\n * \"\"  — user cleared the field (all groups are optional)\n * \"-\" — user started typing a negative number\n * \".\" — user started typing a decimal like \".5\"\n * \"+\" — user started typing an explicitly positive number\n * \"1.\", \"1e\", \"1e+\" — partial but structurally valid\n *\n * Rejects obviously invalid strings like \"1.2.3\" or \"+-5\".\n */\nconst VALID_NUMERIC_REGEX = /^[+-.]?(\\d+\\.?\\d*|\\d*\\.?\\d+)?([eE][+-]?\\d*)?$/;\n\nconst DEFAULT_STEP = 1;\nconst CHEVRON_SIZE = 12;\n\nexport function NumberInputField({\n  id,\n  value,\n  onChange,\n  error,\n  placeholder,\n  min,\n  max,\n  step,\n}: NumberInputFieldProps): React.ReactElement {\n  const [displayValue, setDisplayValue] = useState<string>(() =>\n    formatNumberForDisplay(value)\n  );\n\n  const prevValueRef = useRef(value);\n\n  // Sync external value → internal display string\n  if (prevValueRef.current !== value) {\n    prevValueRef.current = value;\n    const currentParsed = parseNumericValue(displayValue);\n\n    if (value !== currentParsed) {\n      setDisplayValue(formatNumberForDisplay(value));\n    }\n  }\n\n  const handleValueChange = useCallback(\n    (newValue: string) => {\n      if (!isValidInput(newValue)) {\n        return;\n      }\n\n      setDisplayValue(newValue);\n      onChange?.(parseNumericValue(newValue));\n    },\n    [onChange],\n  );\n\n  const applyStep = useCallback(\n    (direction: 1 | -1) => {\n      const current = parseNumericValue(displayValue) ?? 0;\n      const delta = direction * (step ?? DEFAULT_STEP);\n      const next = clamp(current + delta, min, max);\n      const formatted = formatNumberForDisplay(next);\n      setDisplayValue(formatted);\n      onChange?.(next);\n    },\n    [displayValue, onChange, step, min, max],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key !== \"ArrowUp\" && e.key !== \"ArrowDown\") {\n        return;\n      }\n      e.preventDefault();\n      applyStep(e.key === \"ArrowUp\" ? 1 : -1);\n    },\n    [applyStep],\n  );\n\n  const handleStepUp = useCallback(() => {\n    applyStep(1);\n  }, [applyStep]);\n\n  const handleStepDown = useCallback(() => {\n    applyStep(-1);\n  }, [applyStep]);\n\n  return (\n    <div\n      className={styles.osdkNumberInputWrapper}\n      aria-invalid={error != null || undefined}\n    >\n      <Input\n        id={id}\n        className={styles.osdkNumberInputField}\n        type=\"text\"\n        inputMode=\"decimal\"\n        value={displayValue}\n        onValueChange={handleValueChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n      />\n      <div className={styles.osdkNumberInputStepper}>\n        <Button\n          className={styles.osdkNumberInputStepButton}\n          aria-label=\"Increment\"\n          tabIndex={-1}\n          onClick={handleStepUp}\n        >\n          <ChevronUp size={CHEVRON_SIZE} />\n        </Button>\n        <Button\n          className={styles.osdkNumberInputStepButton}\n          aria-label=\"Decrement\"\n          tabIndex={-1}\n          onClick={handleStepDown}\n        >\n          <ChevronDown size={CHEVRON_SIZE} />\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction isValidInput(text: string): boolean {\n  return VALID_NUMERIC_REGEX.test(text);\n}\n\nfunction parseNumericValue(text: string): number | null {\n  if (text === \"\") {\n    return null;\n  }\n  const parsed = Number(text);\n  return Number.isNaN(parsed) ? null : parsed;\n}\n\nfunction formatNumberForDisplay(value: number | null): string {\n  return value != null ? String(value) : \"\";\n}\n\nfunction clamp(\n  value: number,\n  min: number | undefined,\n  max: number | undefined,\n): number {\n  if (min != null && value < min) return min;\n  if (max != null && value > max) return max;\n  return value;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,KAAK,QAAQ,sBAAsB;AAC5C,SAASC,WAAW,EAAEC,SAAS,QAAQ,oBAAoB;AAC3D,OAAOC,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAE5D,OAAOC,MAAM,MAAM,+BAA+B;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,GAAG,+CAA+C;AAE3E,MAAMC,YAAY,GAAG,CAAC;AACtB,MAAMC,YAAY,GAAG,EAAE;AAEvB,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,WAAW;EACXC,GAAG;EACHC,GAAG;EACHC;AACqB,CAAC,EAAsB;EAC5C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGf,QAAQ,CAAS,MACvDgB,sBAAsB,CAACT,KAAK,CAC9B,CAAC;EAED,MAAMU,YAAY,GAAGlB,MAAM,CAACQ,KAAK,CAAC;;EAElC;EACA,IAAIU,YAAY,CAACC,OAAO,KAAKX,KAAK,EAAE;IAClCU,YAAY,CAACC,OAAO,GAAGX,KAAK;IAC5B,MAAMY,aAAa,GAAGC,iBAAiB,CAACN,YAAY,CAAC;IAErD,IAAIP,KAAK,KAAKY,aAAa,EAAE;MAC3BJ,eAAe,CAACC,sBAAsB,CAACT,KAAK,CAAC,CAAC;IAChD;EACF;EAEA,MAAMc,iBAAiB,GAAGvB,WAAW,CAClCwB,QAAgB,IAAK;IACpB,IAAI,CAACC,YAAY,CAACD,QAAQ,CAAC,EAAE;MAC3B;IACF;IAEAP,eAAe,CAACO,QAAQ,CAAC;IACzBd,QAAQ,GAAGY,iBAAiB,CAACE,QAAQ,CAAC,CAAC;EACzC,CAAC,EACD,CAACd,QAAQ,CACX,CAAC;EAED,MAAMgB,SAAS,GAAG1B,WAAW,CAC1B2B,SAAiB,IAAK;IACrB,MAAMP,OAAO,GAAGE,iBAAiB,CAACN,YAAY,CAAC,IAAI,CAAC;IAEpD,MAAMY,IAAI,GAAGC,KAAK,CAACT,OAAO,GADZO,SAAS,IAAIZ,IAAI,IAAIV,YAAY,CACb,EAAEQ,GAAG,EAAEC,GAAG,CAAC;IAC7C,MAAMgB,SAAS,GAAGZ,sBAAsB,CAACU,IAAI,CAAC;IAC9CX,eAAe,CAACa,SAAS,CAAC;IAC1BpB,QAAQ,GAAGkB,IAAI,CAAC;EAClB,CAAC,EACD,CAACZ,YAAY,EAAEN,QAAQ,EAAEK,IAAI,EAAEF,GAAG,EAAEC,GAAG,CACzC,CAAC;EAED,MAAMiB,aAAa,GAAG/B,WAAW,CAC9BgC,CAAwC,IAAK;IAC5C,IAAIA,CAAC,CAACC,GAAG,KAAK,SAAS,IAAID,CAAC,CAACC,GAAG,KAAK,WAAW,EAAE;MAChD;IACF;IACAD,CAAC,CAACE,cAAc,CAAC,CAAC;IAClBR,SAAS,CAACM,CAAC,CAACC,GAAG,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;EACzC,CAAC,EACD,CAACP,SAAS,CACZ,CAAC;EAED,MAAMS,YAAY,GAAGnC,WAAW,CAAC,MAAM;IACrC0B,SAAS,CAAC,CAAC,CAAC;EACd,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMU,cAAc,GAAGpC,WAAW,CAAC,MAAM;IACvC0B,SAAS,CAAC,CAAC,CAAC,CAAC;EACf,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBACE3B,KAAA,CAAAsC,aAAA;IACEC,SAAS,EAAEnC,MAAM,CAACoC,sBAAuB;IACzC,gBAAc5B,KAAK,IAAI,IAAI,IAAI6B;EAAU,gBAEzCzC,KAAA,CAAAsC,aAAA,CAACzC,KAAK;IACJY,EAAE,EAAEA,EAAG;IACP8B,SAAS,EAAEnC,MAAM,CAACsC,oBAAqB;IACvCC,IAAI,EAAC,MAAM;IACXC,SAAS,EAAC,SAAS;IACnBlC,KAAK,EAAEO,YAAa;IACpB4B,aAAa,EAAErB,iBAAkB;IACjCsB,SAAS,EAAEd,aAAc;IACzBnB,WAAW,EAAEA;EAAY,CAC1B,CAAC,eACFb,KAAA,CAAAsC,aAAA;IAAKC,SAAS,EAAEnC,MAAM,CAAC2C;EAAuB,gBAC5C/C,KAAA,CAAAsC,aAAA,CAAC1C,MAAM;IACL2C,SAAS,EAAEnC,MAAM,CAAC4C,yBAA0B;IAC5C,cAAW,WAAW;IACtBC,QAAQ,EAAE,CAAC,CAAE;IACbC,OAAO,EAAEd;EAAa,gBAEtBpC,KAAA,CAAAsC,aAAA,CAACvC,SAAS;IAACoD,IAAI,EAAE5C;EAAa,CAAE,CAC1B,CAAC,eACTP,KAAA,CAAAsC,aAAA,CAAC1C,MAAM;IACL2C,SAAS,EAAEnC,MAAM,CAAC4C,yBAA0B;IAC5C,cAAW,WAAW;IACtBC,QAAQ,EAAE,CAAC,CAAE;IACbC,OAAO,EAAEb;EAAe,gBAExBrC,KAAA,CAAAsC,aAAA,CAACxC,WAAW;IAACqD,IAAI,EAAE5C;EAAa,CAAE,CAC5B,CACL,CACF,CAAC;AAEV;AAEA,SAASmB,YAAYA,CAAC0B,IAAY,EAAW;EAC3C,OAAO/C,mBAAmB,CAACgD,IAAI,CAACD,IAAI,CAAC;AACvC;AAEA,SAAS7B,iBAAiBA,CAAC6B,IAAY,EAAiB;EACtD,IAAIA,IAAI,KAAK,EAAE,EAAE;IACf,OAAO,IAAI;EACb;EACA,MAAME,MAAM,GAAGC,MAAM,CAACH,IAAI,CAAC;EAC3B,OAAOG,MAAM,CAACC,KAAK,CAACF,MAAM,CAAC,GAAG,IAAI,GAAGA,MAAM;AAC7C;AAEA,SAASnC,sBAAsBA,CAACT,KAAoB,EAAU;EAC5D,OAAOA,KAAK,IAAI,IAAI,GAAG+C,MAAM,CAAC/C,KAAK,CAAC,GAAG,EAAE;AAC3C;AAEA,SAASoB,KAAKA,CACZpB,KAAa,EACbI,GAAuB,EACvBC,GAAuB,EACf;EACR,IAAID,GAAG,IAAI,IAAI,IAAIJ,KAAK,GAAGI,GAAG,EAAE,OAAOA,GAAG;EAC1C,IAAIC,GAAG,IAAI,IAAI,IAAIL,KAAK,GAAGK,GAAG,EAAE,OAAOA,GAAG;EAC1C,OAAOL,KAAK;AACd","ignoreList":[]}

package/build/esm/action-form/fields/NumberInputField.module.css

@@ -34,6 +34,10 @@
     outline-offset: var(--osdk-input-focus-offset);
     border-color: var(--osdk-input-border-color-focus);
   }
+
+  &[aria-invalid] {
+    border-color: var(--osdk-input-border-color-error);
+  }
 }
 
 .osdkNumberInputField {

package/build/esm/action-form/fields/TextAreaField.js

@@ -25,6 +25,7 @@ export function TextAreaField({
   id,
   value,
   onChange,
+  error,
   placeholder,
   rows,
   wrap,
@@ -44,7 +45,8 @@ export function TextAreaField({
     placeholder: placeholder,
     minLength: minLength,
     maxLength: maxLength,
-    render: renderTextarea
+    render: renderTextarea,
+    "aria-invalid": error != null || undefined
   });
 }
 //# sourceMappingURL=TextAreaField.js.map

package/build/esm/action-form/fields/TextAreaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaField.js","names":["Input","React","useCallback","styles","TEXTAREA_STYLE","resize","TextAreaField","id","value","onChange","placeholder","rows","wrap","minLength","maxLength","renderTextarea","props","createElement","_extends","style","className","osdkBaseInput","onValueChange","render"],"sources":["TextAreaField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Input } from \"@base-ui/react/input\";\nimport React, { useCallback } from \"react\";\nimport type { TextAreaFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./BaseInput.module.css\";\n\nconst TEXTAREA_STYLE: React.CSSProperties = { resize: \"vertical\" };\n\nexport function TextAreaField({\n  id,\n  value,\n  onChange,\n  placeholder,\n  rows,\n  wrap,\n  minLength,\n  maxLength,\n}: TextAreaFieldProps): React.ReactElement {\n  const renderTextarea = useCallback(\n    (props: React.ComponentPropsWithRef<\"textarea\">) => (\n      <textarea {...props} rows={rows} wrap={wrap} style={TEXTAREA_STYLE} />\n    ),\n    [rows, wrap],\n  );\n\n  return (\n    <Input\n      id={id}\n      className={styles.osdkBaseInput}\n      value={value ?? \"\"}\n      onValueChange={onChange}\n      placeholder={placeholder}\n      minLength={minLength}\n      maxLength={maxLength}\n      render={renderTextarea}\n    />\n  );\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,sBAAsB;AAC5C,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,OAAOC,MAAM,MAAM,wBAAwB;AAE3C,MAAMC,cAAmC,GAAG;EAAEC,MAAM,EAAE;AAAW,CAAC;AAElE,OAAO,SAASC,aAAaA,CAAC;EAC5BC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,IAAI;EACJC,IAAI;EACJC,SAAS;EACTC;AACkB,CAAC,EAAsB;EACzC,MAAMC,cAAc,GAAGb,WAAW,CAC/Bc,KAA8C,iBAC7Cf,KAAA,CAAAgB,aAAA,aAAAC,QAAA,KAAcF,KAAK;IAAEL,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA,IAAK;IAACO,KAAK,EAAEf;EAAe,EAAE,CACtE,EACD,CAACO,IAAI,EAAEC,IAAI,CACb,CAAC;EAED,oBACEX,KAAA,CAAAgB,aAAA,CAACjB,KAAK;IACJO,EAAE,EAAEA,EAAG;IACPa,SAAS,EAAEjB,MAAM,CAACkB,aAAc;IAChCb,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBc,aAAa,EAAEb,QAAS;IACxBC,WAAW,EAAEA,WAAY;IACzBG,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBS,MAAM,EAAER;EAAe,CACxB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"file":"TextAreaField.js","names":["Input","React","useCallback","styles","TEXTAREA_STYLE","resize","TextAreaField","id","value","onChange","error","placeholder","rows","wrap","minLength","maxLength","renderTextarea","props","createElement","_extends","style","className","osdkBaseInput","onValueChange","render","undefined"],"sources":["TextAreaField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Input } from \"@base-ui/react/input\";\nimport React, { useCallback } from \"react\";\nimport type { TextAreaFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./BaseInput.module.css\";\n\nconst TEXTAREA_STYLE: React.CSSProperties = { resize: \"vertical\" };\n\nexport function TextAreaField({\n  id,\n  value,\n  onChange,\n  error,\n  placeholder,\n  rows,\n  wrap,\n  minLength,\n  maxLength,\n}: TextAreaFieldProps): React.ReactElement {\n  const renderTextarea = useCallback(\n    (props: React.ComponentPropsWithRef<\"textarea\">) => (\n      <textarea {...props} rows={rows} wrap={wrap} style={TEXTAREA_STYLE} />\n    ),\n    [rows, wrap],\n  );\n\n  return (\n    <Input\n      id={id}\n      className={styles.osdkBaseInput}\n      value={value ?? \"\"}\n      onValueChange={onChange}\n      placeholder={placeholder}\n      minLength={minLength}\n      maxLength={maxLength}\n      render={renderTextarea}\n      aria-invalid={error != null || undefined}\n    />\n  );\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,sBAAsB;AAC5C,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,OAAOC,MAAM,MAAM,wBAAwB;AAE3C,MAAMC,cAAmC,GAAG;EAAEC,MAAM,EAAE;AAAW,CAAC;AAElE,OAAO,SAASC,aAAaA,CAAC;EAC5BC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,IAAI;EACJC,SAAS;EACTC;AACkB,CAAC,EAAsB;EACzC,MAAMC,cAAc,GAAGd,WAAW,CAC/Be,KAA8C,iBAC7ChB,KAAA,CAAAiB,aAAA,aAAAC,QAAA,KAAcF,KAAK;IAAEL,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA,IAAK;IAACO,KAAK,EAAEhB;EAAe,EAAE,CACtE,EACD,CAACQ,IAAI,EAAEC,IAAI,CACb,CAAC;EAED,oBACEZ,KAAA,CAAAiB,aAAA,CAAClB,KAAK;IACJO,EAAE,EAAEA,EAAG;IACPc,SAAS,EAAElB,MAAM,CAACmB,aAAc;IAChCd,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBe,aAAa,EAAEd,QAAS;IACxBE,WAAW,EAAEA,WAAY;IACzBG,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBS,MAAM,EAAER,cAAe;IACvB,gBAAcN,KAAK,IAAI,IAAI,IAAIe;EAAU,CAC1C,CAAC;AAEN","ignoreList":[]}

package/build/esm/action-form/fields/TextInputField.js

@@ -21,6 +21,7 @@ export function TextInputField({
   id,
   value,
   onChange,
+  error,
   placeholder,
   minLength,
   maxLength
@@ -33,7 +34,8 @@ export function TextInputField({
     onValueChange: onChange,
     placeholder: placeholder,
     minLength: minLength,
-    maxLength: maxLength
+    maxLength: maxLength,
+    "aria-invalid": error != null || undefined
   });
 }
 //# sourceMappingURL=TextInputField.js.map

package/build/esm/action-form/fields/TextInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.js","names":["Input","React","styles","TextInputField","id","value","onChange","placeholder","minLength","maxLength","createElement","className","osdkBaseInput","type","onValueChange"],"sources":["TextInputField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Input } from \"@base-ui/react/input\";\nimport React from \"react\";\nimport type { TextInputFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./BaseInput.module.css\";\n\nexport function TextInputField({\n  id,\n  value,\n  onChange,\n  placeholder,\n  minLength,\n  maxLength,\n}: TextInputFieldProps & { id?: string }): React.ReactElement {\n  return (\n    <Input\n      id={id}\n      className={styles.osdkBaseInput}\n      type=\"text\"\n      value={value ?? \"\"}\n      onValueChange={onChange}\n      placeholder={placeholder}\n      minLength={minLength}\n      maxLength={maxLength}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,sBAAsB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,wBAAwB;AAE3C,OAAO,SAASC,cAAcA,CAAC;EAC7BC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,SAAS;EACTC;AACqC,CAAC,EAAsB;EAC5D,oBACER,KAAA,CAAAS,aAAA,CAACV,KAAK;IACJI,EAAE,EAAEA,EAAG;IACPO,SAAS,EAAET,MAAM,CAACU,aAAc;IAChCC,IAAI,EAAC,MAAM;IACXR,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBS,aAAa,EAAER,QAAS;IACxBC,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"file":"TextInputField.js","names":["Input","React","styles","TextInputField","id","value","onChange","error","placeholder","minLength","maxLength","createElement","className","osdkBaseInput","type","onValueChange","undefined"],"sources":["TextInputField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Input } from \"@base-ui/react/input\";\nimport React from \"react\";\nimport type { TextInputFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./BaseInput.module.css\";\n\nexport function TextInputField({\n  id,\n  value,\n  onChange,\n  error,\n  placeholder,\n  minLength,\n  maxLength,\n}: TextInputFieldProps & { id?: string }): React.ReactElement {\n  return (\n    <Input\n      id={id}\n      className={styles.osdkBaseInput}\n      type=\"text\"\n      value={value ?? \"\"}\n      onValueChange={onChange}\n      placeholder={placeholder}\n      minLength={minLength}\n      maxLength={maxLength}\n      aria-invalid={error != null || undefined}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,sBAAsB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,wBAAwB;AAE3C,OAAO,SAASC,cAAcA,CAAC;EAC7BC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,WAAW;EACXC,SAAS;EACTC;AACqC,CAAC,EAAsB;EAC5D,oBACET,KAAA,CAAAU,aAAA,CAACX,KAAK;IACJI,EAAE,EAAEA,EAAG;IACPQ,SAAS,EAAEV,MAAM,CAACW,aAAc;IAChCC,IAAI,EAAC,MAAM;IACXT,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBU,aAAa,EAAET,QAAS;IACxBE,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrB,gBAAcH,KAAK,IAAI,IAAI,IAAIS;EAAU,CAC1C,CAAC;AAEN","ignoreList":[]}