@osdk/react-components 0.3.0-main-20260408031518 → 0.3.0-main-20260408113649

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @osdk/react-components
 
-## 0.3.0-main-20260408031518
+## 0.3.0-main-20260408113649
 
 ### Minor Changes
 
@@ -9,14 +9,16 @@
 
 ### Patch Changes
 
+- 236a88b: Downgrade react-day-picker from v9 to ^8.10.0
 - 79b001e: Add FilePickerField component for attachment and media reference form fields
+- b2b512e: Address FilePickerField PR review comments: memoize computed values, add aria-label, rename CSS token, add keyboard interaction tests
 - Updated dependencies [f8b9f12]
 - Updated dependencies [bcf359f]
 - Updated dependencies [51ccca8]
 - Updated dependencies [fb85818]
-  - @osdk/client@2.9.0-main-20260408031518
-  - @osdk/react@0.11.0-main-20260408031518
-  - @osdk/api@2.9.0-main-20260408031518
+  - @osdk/client@2.9.0-main-20260408113649
+  - @osdk/react@0.11.0-main-20260408113649
+  - @osdk/api@2.9.0-main-20260408113649
 
 ## 0.2.0
 

package/build/browser/action-form/fields/DateCalendar.js

@@ -14,27 +14,27 @@
  * limitations under the License.
  */
 
-import React, { useMemo } from "react";
+import React, { useCallback, useMemo } from "react";
 import { DayPicker } from "react-day-picker";
 import styles from "./DateCalendar.module.css.js";
 const CLASS_NAMES = {
   root: styles.calendar,
   months: styles.calendarMonths,
-  month_grid: styles.calendarMonthGrid,
-  weekday: styles.calendarWeekday,
-  day: styles.calendarDay,
-  day_button: styles.calendarDayButton,
-  selected: styles.calendarSelected,
-  today: styles.calendarToday,
-  outside: styles.calendarOutside,
-  disabled: styles.calendarDisabled,
-  hidden: styles.calendarHidden,
+  table: styles.calendarMonthGrid,
+  head_cell: styles.calendarWeekday,
+  cell: styles.calendarDay,
+  day: styles.calendarDayButton,
+  day_selected: styles.calendarSelected,
+  day_today: styles.calendarToday,
+  day_outside: styles.calendarOutside,
+  day_disabled: styles.calendarDisabled,
+  day_hidden: styles.calendarHidden,
   nav: styles.calendarNav,
-  button_previous: styles.calendarNavButton,
-  button_next: styles.calendarNavButton,
-  month_caption: styles.calendarMonthCaption,
+  nav_button_previous: styles.calendarNavButton,
+  nav_button_next: styles.calendarNavButton,
+  caption: styles.calendarMonthCaption,
   caption_label: styles.calendarCaptionLabel,
-  chevron: styles.calendarChevron
+  nav_icon: styles.calendarChevron
 };
 export default function DateCalendar({
   dateSelected,
@@ -57,10 +57,13 @@ export default function DateCalendar({
     }
     return matchers;
   }, [min, max]);
+  const handleSelect = useCallback(day => {
+    onSelect(day);
+  }, [onSelect]);
   return /*#__PURE__*/React.createElement(DayPicker, {
     mode: "single",
     selected: dateSelected,
-    onSelect: onSelect,
+    onSelect: handleSelect,
     disabled: disabled,
     defaultMonth: dateSelected,
     classNames: CLASS_NAMES,

package/build/browser/action-form/fields/DateCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateCalendar.js","names":["React","useMemo","DayPicker","styles","CLASS_NAMES","root","calendar","months","calendarMonths","month_grid","calendarMonthGrid","weekday","calendarWeekday","day","calendarDay","day_button","calendarDayButton","selected","calendarSelected","today","calendarToday","outside","calendarOutside","disabled","calendarDisabled","hidden","calendarHidden","nav","calendarNav","button_previous","calendarNavButton","button_next","month_caption","calendarMonthCaption","caption_label","calendarCaptionLabel","chevron","calendarChevron","DateCalendar","dateSelected","onSelect","min","max","footer","matchers","push","before","after","createElement","mode","defaultMonth","classNames"],"sources":["DateCalendar.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, { useMemo } from \"react\";\nimport type {\n  ClassNames,\n  DateAfter,\n  DateBefore,\n  Matcher,\n} from \"react-day-picker\";\nimport { DayPicker } from \"react-day-picker\";\nimport styles from \"./DateCalendar.module.css\";\n\nconst CLASS_NAMES: Partial<ClassNames> = {\n  root: styles.calendar,\n  months: styles.calendarMonths,\n  month_grid: styles.calendarMonthGrid,\n  weekday: styles.calendarWeekday,\n  day: styles.calendarDay,\n  day_button: styles.calendarDayButton,\n  selected: styles.calendarSelected,\n  today: styles.calendarToday,\n  outside: styles.calendarOutside,\n  disabled: styles.calendarDisabled,\n  hidden: styles.calendarHidden,\n  nav: styles.calendarNav,\n  button_previous: styles.calendarNavButton,\n  button_next: styles.calendarNavButton,\n  month_caption: styles.calendarMonthCaption,\n  caption_label: styles.calendarCaptionLabel,\n  chevron: styles.calendarChevron,\n};\n\nexport interface DateCalendarProps {\n  dateSelected: Date | undefined;\n  onSelect: (date: Date | undefined) => void;\n  min?: Date;\n  max?: Date;\n  footer?: React.ReactNode;\n}\n\nexport default function DateCalendar({\n  dateSelected,\n  onSelect,\n  min,\n  max,\n  footer,\n}: DateCalendarProps): React.ReactElement {\n  const disabled = useMemo((): Matcher[] => {\n    const matchers: Matcher[] = [];\n    if (min != null) {\n      const before: DateBefore = { before: min };\n      matchers.push(before);\n    }\n    if (max != null) {\n      const after: DateAfter = { after: max };\n      matchers.push(after);\n    }\n    return matchers;\n  }, [min, max]);\n\n  return (\n    <DayPicker\n      mode=\"single\"\n      selected={dateSelected}\n      onSelect={onSelect}\n      disabled={disabled}\n      defaultMonth={dateSelected}\n      classNames={CLASS_NAMES}\n      footer={footer}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAOtC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,MAAM,MAAM,2BAA2B;AAE9C,MAAMC,WAAgC,GAAG;EACvCC,IAAI,EAAEF,MAAM,CAACG,QAAQ;EACrBC,MAAM,EAAEJ,MAAM,CAACK,cAAc;EAC7BC,UAAU,EAAEN,MAAM,CAACO,iBAAiB;EACpCC,OAAO,EAAER,MAAM,CAACS,eAAe;EAC/BC,GAAG,EAAEV,MAAM,CAACW,WAAW;EACvBC,UAAU,EAAEZ,MAAM,CAACa,iBAAiB;EACpCC,QAAQ,EAAEd,MAAM,CAACe,gBAAgB;EACjCC,KAAK,EAAEhB,MAAM,CAACiB,aAAa;EAC3BC,OAAO,EAAElB,MAAM,CAACmB,eAAe;EAC/BC,QAAQ,EAAEpB,MAAM,CAACqB,gBAAgB;EACjCC,MAAM,EAAEtB,MAAM,CAACuB,cAAc;EAC7BC,GAAG,EAAExB,MAAM,CAACyB,WAAW;EACvBC,eAAe,EAAE1B,MAAM,CAAC2B,iBAAiB;EACzCC,WAAW,EAAE5B,MAAM,CAAC2B,iBAAiB;EACrCE,aAAa,EAAE7B,MAAM,CAAC8B,oBAAoB;EAC1CC,aAAa,EAAE/B,MAAM,CAACgC,oBAAoB;EAC1CC,OAAO,EAAEjC,MAAM,CAACkC;AAClB,CAAC;AAUD,eAAe,SAASC,YAAYA,CAAC;EACnCC,YAAY;EACZC,QAAQ;EACRC,GAAG;EACHC,GAAG;EACHC;AACiB,CAAC,EAAsB;EACxC,MAAMpB,QAAQ,GAAGtB,OAAO,CAAC,MAAiB;IACxC,MAAM2C,QAAmB,GAAG,EAAE;IAC9B,IAAIH,GAAG,IAAI,IAAI,EAAE;MAEfG,QAAQ,CAACC,IAAI,CADc;QAAEC,MAAM,EAAEL;MAAI,CACrB,CAAC;IACvB;IACA,IAAIC,GAAG,IAAI,IAAI,EAAE;MAEfE,QAAQ,CAACC,IAAI,CADY;QAAEE,KAAK,EAAEL;MAAI,CACnB,CAAC;IACtB;IACA,OAAOE,QAAQ;EACjB,CAAC,EAAE,CAACH,GAAG,EAAEC,GAAG,CAAC,CAAC;EAEd,oBACE1C,KAAA,CAAAgD,aAAA,CAAC9C,SAAS;IACR+C,IAAI,EAAC,QAAQ;IACbhC,QAAQ,EAAEsB,YAAa;IACvBC,QAAQ,EAAEA,QAAS;IACnBjB,QAAQ,EAAEA,QAAS;IACnB2B,YAAY,EAAEX,YAAa;IAC3BY,UAAU,EAAE/C,WAAY;IACxBuC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"file":"DateCalendar.js","names":["React","useCallback","useMemo","DayPicker","styles","CLASS_NAMES","root","calendar","months","calendarMonths","table","calendarMonthGrid","head_cell","calendarWeekday","cell","calendarDay","day","calendarDayButton","day_selected","calendarSelected","day_today","calendarToday","day_outside","calendarOutside","day_disabled","calendarDisabled","day_hidden","calendarHidden","nav","calendarNav","nav_button_previous","calendarNavButton","nav_button_next","caption","calendarMonthCaption","caption_label","calendarCaptionLabel","nav_icon","calendarChevron","DateCalendar","dateSelected","onSelect","min","max","footer","disabled","matchers","push","before","after","handleSelect","createElement","mode","selected","defaultMonth","classNames"],"sources":["DateCalendar.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, { useCallback, useMemo } from \"react\";\nimport type {\n  ClassNames,\n  DateAfter,\n  DateBefore,\n  Matcher,\n  SelectSingleEventHandler,\n} from \"react-day-picker\";\nimport { DayPicker } from \"react-day-picker\";\nimport styles from \"./DateCalendar.module.css\";\n\nconst CLASS_NAMES: ClassNames = {\n  root: styles.calendar,\n  months: styles.calendarMonths,\n  table: styles.calendarMonthGrid,\n  head_cell: styles.calendarWeekday,\n  cell: styles.calendarDay,\n  day: styles.calendarDayButton,\n  day_selected: styles.calendarSelected,\n  day_today: styles.calendarToday,\n  day_outside: styles.calendarOutside,\n  day_disabled: styles.calendarDisabled,\n  day_hidden: styles.calendarHidden,\n  nav: styles.calendarNav,\n  nav_button_previous: styles.calendarNavButton,\n  nav_button_next: styles.calendarNavButton,\n  caption: styles.calendarMonthCaption,\n  caption_label: styles.calendarCaptionLabel,\n  nav_icon: styles.calendarChevron,\n};\n\nexport interface DateCalendarProps {\n  dateSelected: Date | undefined;\n  onSelect: (date: Date | undefined) => void;\n  min?: Date;\n  max?: Date;\n  footer?: React.ReactNode;\n}\n\nexport default function DateCalendar({\n  dateSelected,\n  onSelect,\n  min,\n  max,\n  footer,\n}: DateCalendarProps): React.ReactElement {\n  const disabled = useMemo((): Matcher[] => {\n    const matchers: Matcher[] = [];\n    if (min != null) {\n      const before: DateBefore = { before: min };\n      matchers.push(before);\n    }\n    if (max != null) {\n      const after: DateAfter = { after: max };\n      matchers.push(after);\n    }\n    return matchers;\n  }, [min, max]);\n\n  const handleSelect = useCallback<SelectSingleEventHandler>(\n    (day) => {\n      onSelect(day);\n    },\n    [onSelect],\n  );\n\n  return (\n    <DayPicker\n      mode=\"single\"\n      selected={dateSelected}\n      onSelect={handleSelect}\n      disabled={disabled}\n      defaultMonth={dateSelected}\n      classNames={CLASS_NAMES}\n      footer={footer}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAQnD,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,MAAM,MAAM,2BAA2B;AAE9C,MAAMC,WAAuB,GAAG;EAC9BC,IAAI,EAAEF,MAAM,CAACG,QAAQ;EACrBC,MAAM,EAAEJ,MAAM,CAACK,cAAc;EAC7BC,KAAK,EAAEN,MAAM,CAACO,iBAAiB;EAC/BC,SAAS,EAAER,MAAM,CAACS,eAAe;EACjCC,IAAI,EAAEV,MAAM,CAACW,WAAW;EACxBC,GAAG,EAAEZ,MAAM,CAACa,iBAAiB;EAC7BC,YAAY,EAAEd,MAAM,CAACe,gBAAgB;EACrCC,SAAS,EAAEhB,MAAM,CAACiB,aAAa;EAC/BC,WAAW,EAAElB,MAAM,CAACmB,eAAe;EACnCC,YAAY,EAAEpB,MAAM,CAACqB,gBAAgB;EACrCC,UAAU,EAAEtB,MAAM,CAACuB,cAAc;EACjCC,GAAG,EAAExB,MAAM,CAACyB,WAAW;EACvBC,mBAAmB,EAAE1B,MAAM,CAAC2B,iBAAiB;EAC7CC,eAAe,EAAE5B,MAAM,CAAC2B,iBAAiB;EACzCE,OAAO,EAAE7B,MAAM,CAAC8B,oBAAoB;EACpCC,aAAa,EAAE/B,MAAM,CAACgC,oBAAoB;EAC1CC,QAAQ,EAAEjC,MAAM,CAACkC;AACnB,CAAC;AAUD,eAAe,SAASC,YAAYA,CAAC;EACnCC,YAAY;EACZC,QAAQ;EACRC,GAAG;EACHC,GAAG;EACHC;AACiB,CAAC,EAAsB;EACxC,MAAMC,QAAQ,GAAG3C,OAAO,CAAC,MAAiB;IACxC,MAAM4C,QAAmB,GAAG,EAAE;IAC9B,IAAIJ,GAAG,IAAI,IAAI,EAAE;MAEfI,QAAQ,CAACC,IAAI,CADc;QAAEC,MAAM,EAAEN;MAAI,CACrB,CAAC;IACvB;IACA,IAAIC,GAAG,IAAI,IAAI,EAAE;MAEfG,QAAQ,CAACC,IAAI,CADY;QAAEE,KAAK,EAAEN;MAAI,CACnB,CAAC;IACtB;IACA,OAAOG,QAAQ;EACjB,CAAC,EAAE,CAACJ,GAAG,EAAEC,GAAG,CAAC,CAAC;EAEd,MAAMO,YAAY,GAAGjD,WAAW,CAC7Be,GAAG,IAAK;IACPyB,QAAQ,CAACzB,GAAG,CAAC;EACf,CAAC,EACD,CAACyB,QAAQ,CACX,CAAC;EAED,oBACEzC,KAAA,CAAAmD,aAAA,CAAChD,SAAS;IACRiD,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAEb,YAAa;IACvBC,QAAQ,EAAES,YAAa;IACvBL,QAAQ,EAAEA,QAAS;IACnBS,YAAY,EAAEd,YAAa;IAC3Be,UAAU,EAAElD,WAAY;IACxBuC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN","ignoreList":[]}

package/build/browser/action-form/fields/DateCalendar.module.css

@@ -51,7 +51,7 @@
   }
 }
 
-.calendarSelected .calendarDayButton {
+.calendarDayButton.calendarSelected {
   background: var(--osdk-datetime-calendar-selected-bg);
   color: var(--osdk-datetime-calendar-selected-color);
 
@@ -60,15 +60,15 @@
   }
 }
 
-.calendarToday .calendarDayButton {
+.calendarDayButton.calendarToday {
   font-weight: var(--osdk-datetime-calendar-today-font-weight);
 }
 
-.calendarOutside .calendarDayButton {
+.calendarDayButton.calendarOutside {
   color: var(--osdk-datetime-calendar-outside-color);
 }
 
-.calendarDisabled .calendarDayButton {
+.calendarDayButton.calendarDisabled {
   color: var(--osdk-datetime-calendar-disabled-color);
   cursor: default;
 

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

@@ -17,7 +17,7 @@
 import { Button } from "@base-ui/react/button";
 import { Cross } from "@blueprintjs/icons";
 import classnames from "classnames";
-import React, { memo, useCallback, useRef } from "react";
+import React, { memo, useCallback, useMemo, useRef } from "react";
 import styles from "./FilePickerField.module.css.js";
 export const FilePickerField = /*#__PURE__*/memo(function ({
   id,
@@ -60,9 +60,9 @@ export const FilePickerField = /*#__PURE__*/memo(function ({
       openFileDialog();
     }
   }, [openFileDialog]);
-  const displayText = getDisplayText(value);
+  const displayText = useMemo(() => getDisplayText(value), [value]);
   const hasValue = displayText != null;
-  const acceptString = normalizeAccept(accept);
+  const acceptString = useMemo(() => normalizeAccept(accept), [accept]);
   return (
     /*#__PURE__*/
     // The entire component is a single tab stop (tabIndex={0}).
@@ -75,6 +75,7 @@ export const FilePickerField = /*#__PURE__*/memo(function ({
       className: styles.osdkFilePickerTrigger,
       tabIndex: 0,
       role: "button",
+      "aria-label": "Choose file",
       onClick: openFileDialog,
       onKeyDown: handleKeyDown
     }, /*#__PURE__*/React.createElement("input", {

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

@@ -1 +1 @@
-{"version":3,"file":"FilePickerField.js","names":["Button","Cross","classnames","React","memo","useCallback","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, 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 = getDisplayText(value);\n    const hasValue = displayText != null;\n    const acceptString = normalizeAccept(accept);\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        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","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":[]}

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

@@ -19,7 +19,7 @@
   display: flex;
   align-items: center;
   width: 100%;
-  height: var(--osdk-file-picker-trigger-min-height);
+  height: var(--osdk-file-picker-trigger-height);
   border: var(--osdk-file-picker-trigger-border);
   border-radius: var(--osdk-file-picker-trigger-border-radius);
   background: var(--osdk-file-picker-trigger-bg);

package/build/browser/styles.css

@@ -227,7 +227,7 @@
   }
 }
 
-.DateCalendar-module__calendarSelected___I-1tOp-J .DateCalendar-module__calendarDayButton___SoPcp9U0 {
+.DateCalendar-module__calendarDayButton___SoPcp9U0.DateCalendar-module__calendarSelected___I-1tOp-J {
   background: var(--osdk-datetime-calendar-selected-bg);
   color: var(--osdk-datetime-calendar-selected-color);
 
@@ -236,15 +236,15 @@
   }
 }
 
-.DateCalendar-module__calendarToday___laVEjkhA .DateCalendar-module__calendarDayButton___SoPcp9U0 {
+.DateCalendar-module__calendarDayButton___SoPcp9U0.DateCalendar-module__calendarToday___laVEjkhA {
   font-weight: var(--osdk-datetime-calendar-today-font-weight);
 }
 
-.DateCalendar-module__calendarOutside___uEAuOUjF .DateCalendar-module__calendarDayButton___SoPcp9U0 {
+.DateCalendar-module__calendarDayButton___SoPcp9U0.DateCalendar-module__calendarOutside___uEAuOUjF {
   color: var(--osdk-datetime-calendar-outside-color);
 }
 
-.DateCalendar-module__calendarDisabled___4FOd5zD2 .DateCalendar-module__calendarDayButton___SoPcp9U0 {
+.DateCalendar-module__calendarDayButton___SoPcp9U0.DateCalendar-module__calendarDisabled___4FOd5zD2 {
   color: var(--osdk-datetime-calendar-disabled-color);
   cursor: default;
 
@@ -403,7 +403,7 @@
   display: flex;
   align-items: center;
   width: 100%;
-  height: var(--osdk-file-picker-trigger-min-height);
+  height: var(--osdk-file-picker-trigger-height);
   border: var(--osdk-file-picker-trigger-border);
   border-radius: var(--osdk-file-picker-trigger-border-radius);
   background: var(--osdk-file-picker-trigger-bg);

package/build/cjs/DateCalendar-D4APPCSE.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+var chunkA57T2BLC_cjs = require('./chunk-A57T2BLC.cjs');
+require('./chunk-HMQTYQEX.cjs');
+var React = require('react');
+var reactDayPicker = require('react-day-picker');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var CLASS_NAMES = {
+  root: chunkA57T2BLC_cjs.DateCalendar_default.calendar,
+  months: chunkA57T2BLC_cjs.DateCalendar_default.calendarMonths,
+  table: chunkA57T2BLC_cjs.DateCalendar_default.calendarMonthGrid,
+  head_cell: chunkA57T2BLC_cjs.DateCalendar_default.calendarWeekday,
+  cell: chunkA57T2BLC_cjs.DateCalendar_default.calendarDay,
+  day: chunkA57T2BLC_cjs.DateCalendar_default.calendarDayButton,
+  day_selected: chunkA57T2BLC_cjs.DateCalendar_default.calendarSelected,
+  day_today: chunkA57T2BLC_cjs.DateCalendar_default.calendarToday,
+  day_outside: chunkA57T2BLC_cjs.DateCalendar_default.calendarOutside,
+  day_disabled: chunkA57T2BLC_cjs.DateCalendar_default.calendarDisabled,
+  day_hidden: chunkA57T2BLC_cjs.DateCalendar_default.calendarHidden,
+  nav: chunkA57T2BLC_cjs.DateCalendar_default.calendarNav,
+  nav_button_previous: chunkA57T2BLC_cjs.DateCalendar_default.calendarNavButton,
+  nav_button_next: chunkA57T2BLC_cjs.DateCalendar_default.calendarNavButton,
+  caption: chunkA57T2BLC_cjs.DateCalendar_default.calendarMonthCaption,
+  caption_label: chunkA57T2BLC_cjs.DateCalendar_default.calendarCaptionLabel,
+  nav_icon: chunkA57T2BLC_cjs.DateCalendar_default.calendarChevron
+};
+function DateCalendar({
+  dateSelected,
+  onSelect,
+  min,
+  max,
+  footer
+}) {
+  const disabled = React.useMemo(() => {
+    const matchers = [];
+    if (min != null) {
+      const before = {
+        before: min
+      };
+      matchers.push(before);
+    }
+    if (max != null) {
+      const after = {
+        after: max
+      };
+      matchers.push(after);
+    }
+    return matchers;
+  }, [min, max]);
+  const handleSelect = React.useCallback((day) => {
+    onSelect(day);
+  }, [onSelect]);
+  return /* @__PURE__ */ React__default.default.createElement(reactDayPicker.DayPicker, {
+    mode: "single",
+    selected: dateSelected,
+    onSelect: handleSelect,
+    disabled,
+    defaultMonth: dateSelected,
+    classNames: CLASS_NAMES,
+    footer
+  });
+}
+
+module.exports = DateCalendar;
+//# sourceMappingURL=DateCalendar-D4APPCSE.cjs.map
+//# sourceMappingURL=DateCalendar-D4APPCSE.cjs.map

package/build/cjs/DateCalendar-D4APPCSE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/action-form/fields/DateCalendar.tsx"],"names":["DateCalendar_default","useMemo","useCallback","React","DayPicker"],"mappings":";;;;;;;;;;;AAmBA,IAAM,WAAc,GAAA;AAAA,EAClB,MAAMA,sCAAO,CAAA,QAAA;AAAA,EACb,QAAQA,sCAAO,CAAA,cAAA;AAAA,EACf,OAAOA,sCAAO,CAAA,iBAAA;AAAA,EACd,WAAWA,sCAAO,CAAA,eAAA;AAAA,EAClB,MAAMA,sCAAO,CAAA,WAAA;AAAA,EACb,KAAKA,sCAAO,CAAA,iBAAA;AAAA,EACZ,cAAcA,sCAAO,CAAA,gBAAA;AAAA,EACrB,WAAWA,sCAAO,CAAA,aAAA;AAAA,EAClB,aAAaA,sCAAO,CAAA,eAAA;AAAA,EACpB,cAAcA,sCAAO,CAAA,gBAAA;AAAA,EACrB,YAAYA,sCAAO,CAAA,cAAA;AAAA,EACnB,KAAKA,sCAAO,CAAA,WAAA;AAAA,EACZ,qBAAqBA,sCAAO,CAAA,iBAAA;AAAA,EAC5B,iBAAiBA,sCAAO,CAAA,iBAAA;AAAA,EACxB,SAASA,sCAAO,CAAA,oBAAA;AAAA,EAChB,eAAeA,sCAAO,CAAA,oBAAA;AAAA,EACtB,UAAUA,sCAAO,CAAA;AACnB,CAAA;AACe,SAAR,YAA8B,CAAA;AAAA,EACnC,YAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAG,EAAA;AACD,EAAM,MAAA,QAAA,GAAWC,cAAQ,MAAM;AAC7B,IAAA,MAAM,WAAW,EAAC;AAClB,IAAA,IAAI,OAAO,IAAM,EAAA;AACf,MAAA,MAAM,MAAS,GAAA;AAAA,QACb,MAAQ,EAAA;AAAA,OACV;AACA,MAAA,QAAA,CAAS,KAAK,MAAM,CAAA;AAAA;AAEtB,IAAA,IAAI,OAAO,IAAM,EAAA;AACf,MAAA,MAAM,KAAQ,GAAA;AAAA,QACZ,KAAO,EAAA;AAAA,OACT;AACA,MAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAAA;AAErB,IAAO,OAAA,QAAA;AAAA,GACN,EAAA,CAAC,GAAK,EAAA,GAAG,CAAC,CAAA;AACb,EAAM,MAAA,YAAA,GAAeC,kBAAY,CAAO,GAAA,KAAA;AACtC,IAAA,QAAA,CAAS,GAAG,CAAA;AAAA,GACd,EAAG,CAAC,QAAQ,CAAC,CAAA;AACb,EAAoB,uBAAAC,sBAAA,CAAM,cAAcC,wBAAW,EAAA;AAAA,IACjD,IAAM,EAAA,QAAA;AAAA,IACN,QAAU,EAAA,YAAA;AAAA,IACV,QAAU,EAAA,YAAA;AAAA,IACV,QAAA;AAAA,IACA,YAAc,EAAA,YAAA;AAAA,IACd,UAAY,EAAA,WAAA;AAAA,IACZ;AAAA,GACD,CAAA;AACH","file":"DateCalendar-D4APPCSE.cjs","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, { useCallback, useMemo } from \"react\";\nimport { DayPicker } from \"react-day-picker\";\nimport styles from \"./DateCalendar.module.css\";\nconst CLASS_NAMES = {\n  root: styles.calendar,\n  months: styles.calendarMonths,\n  table: styles.calendarMonthGrid,\n  head_cell: styles.calendarWeekday,\n  cell: styles.calendarDay,\n  day: styles.calendarDayButton,\n  day_selected: styles.calendarSelected,\n  day_today: styles.calendarToday,\n  day_outside: styles.calendarOutside,\n  day_disabled: styles.calendarDisabled,\n  day_hidden: styles.calendarHidden,\n  nav: styles.calendarNav,\n  nav_button_previous: styles.calendarNavButton,\n  nav_button_next: styles.calendarNavButton,\n  caption: styles.calendarMonthCaption,\n  caption_label: styles.calendarCaptionLabel,\n  nav_icon: styles.calendarChevron\n};\nexport default function DateCalendar({\n  dateSelected,\n  onSelect,\n  min,\n  max,\n  footer\n}) {\n  const disabled = useMemo(() => {\n    const matchers = [];\n    if (min != null) {\n      const before = {\n        before: min\n      };\n      matchers.push(before);\n    }\n    if (max != null) {\n      const after = {\n        after: max\n      };\n      matchers.push(after);\n    }\n    return matchers;\n  }, [min, max]);\n  const handleSelect = useCallback(day => {\n    onSelect(day);\n  }, [onSelect]);\n  return /*#__PURE__*/React.createElement(DayPicker, {\n    mode: \"single\",\n    selected: dateSelected,\n    onSelect: handleSelect,\n    disabled: disabled,\n    defaultMonth: dateSelected,\n    classNames: CLASS_NAMES,\n    footer: footer\n  });\n}"]}

package/build/cjs/{DateCalendar-QWGFKD6J.css → DateCalendar-NF65B4VD.css}

@@ -42,20 +42,20 @@
     background: var(--osdk-datetime-calendar-day-active-bg);
   }
 }
-.calendarSelected .calendarDayButton {
+.calendarDayButton.calendarSelected {
   background: var(--osdk-datetime-calendar-selected-bg);
   color: var(--osdk-datetime-calendar-selected-color);
   &:hover {
     background: var(--osdk-datetime-calendar-selected-hover-bg);
   }
 }
-.calendarToday .calendarDayButton {
+.calendarDayButton.calendarToday {
   font-weight: var(--osdk-datetime-calendar-today-font-weight);
 }
-.calendarOutside .calendarDayButton {
+.calendarDayButton.calendarOutside {
   color: var(--osdk-datetime-calendar-outside-color);
 }
-.calendarDisabled .calendarDayButton {
+.calendarDayButton.calendarDisabled {
   color: var(--osdk-datetime-calendar-disabled-color);
   cursor: default;
   &:hover {
@@ -110,4 +110,4 @@
   width: var(--osdk-datetime-calendar-fallback-width);
   height: var(--osdk-datetime-calendar-fallback-height);
 }
-/*# sourceMappingURL=DateCalendar-QWGFKD6J.css.map */
+/*# sourceMappingURL=DateCalendar-NF65B4VD.css.map */

package/build/cjs/DateCalendar-NF65B4VD.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/action-form/fields/DateCalendar.module.css"],"sourcesContent":["/* DateCalendar — DayPicker classNames */\n\n.calendar {\n  position: relative;\n  width: 100%;\n  font-family: var(--osdk-datetime-calendar-font-family);\n  font-size: var(--osdk-datetime-calendar-font-size);\n}\n\n.calendarMonths {\n  display: flex;\n}\n\n.calendarMonthGrid {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.calendarWeekday {\n  padding: var(--osdk-datetime-calendar-gap);\n  font-size: var(--osdk-datetime-calendar-weekday-font-size);\n  color: var(--osdk-datetime-calendar-weekday-color);\n  text-align: center;\n  width: var(--osdk-datetime-calendar-cell-size);\n}\n\n.calendarDay {\n  padding: var(--osdk-datetime-calendar-gap);\n  text-align: center;\n}\n\n.calendarDayButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--osdk-datetime-calendar-cell-size);\n  height: var(--osdk-datetime-calendar-cell-size);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-radius: var(--osdk-datetime-calendar-day-border-radius);\n  font: inherit;\n  color: inherit;\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-day-hover-bg);\n  }\n\n  &:active {\n    background: var(--osdk-datetime-calendar-day-active-bg);\n  }\n}\n\n.calendarDayButton.calendarSelected {\n  background: var(--osdk-datetime-calendar-selected-bg);\n  color: var(--osdk-datetime-calendar-selected-color);\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-selected-hover-bg);\n  }\n}\n\n.calendarDayButton.calendarToday {\n  font-weight: var(--osdk-datetime-calendar-today-font-weight);\n}\n\n.calendarDayButton.calendarOutside {\n  color: var(--osdk-datetime-calendar-outside-color);\n}\n\n.calendarDayButton.calendarDisabled {\n  color: var(--osdk-datetime-calendar-disabled-color);\n  cursor: default;\n\n  &:hover {\n    background: transparent;\n  }\n}\n\n.calendarHidden {\n  visibility: hidden;\n}\n\n/* Calendar navigation */\n.calendarNav {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  pointer-events: none;\n}\n\n.calendarNavButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--osdk-datetime-calendar-nav-button-size);\n  height: var(--osdk-datetime-calendar-nav-button-size);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-radius: var(--osdk-datetime-calendar-nav-button-border-radius);\n  padding: 0;\n  pointer-events: auto;\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-nav-button-hover-bg);\n  }\n}\n\n.calendarMonthCaption {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: var(--osdk-datetime-calendar-nav-button-size);\n}\n\n.calendarCaptionLabel {\n  font-size: var(--osdk-datetime-calendar-caption-font-size);\n  font-weight: var(--osdk-datetime-calendar-caption-font-weight);\n}\n\n.calendarChevron {\n  width: var(--osdk-datetime-calendar-chevron-size);\n  height: var(--osdk-datetime-calendar-chevron-size);\n  fill: currentColor;\n}\n\n/* Calendar fallback / loading */\n.calendarFallback {\n  width: var(--osdk-datetime-calendar-fallback-width);\n  height: var(--osdk-datetime-calendar-fallback-height);\n}\n"],"mappings":";AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,eAAa,IAAI;AACjB,aAAW,IAAI;AACjB;AAEA,CAAC;AACC,WAAS;AACX;AAEA,CAAC;AACC,SAAO;AACP,mBAAiB;AACnB;AAEA,CAAC;AACC,WAAS,IAAI;AACb,aAAW,IAAI;AACf,SAAO,IAAI;AACX,cAAY;AACZ,SAAO,IAAI;AACb;AAEA,CAAC;AACC,WAAS,IAAI;AACb,cAAY;AACd;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,UAAQ;AACR,cAAY;AACZ,UAAQ;AACR,iBAAe,IAAI;AACnB,QAAM;AACN,SAAO;AAEP,GAAC;AACC,gBAAY,IAAI;AAClB;AAEA,GAAC;AACC,gBAAY,IAAI;AAClB;AACF;AAEA,CAtBC,iBAsBiB,CAAC;AACjB,cAAY,IAAI;AAChB,SAAO,IAAI;AAEX,GAAC;AACC,gBAAY,IAAI;AAClB;AACF;AAEA,CA/BC,iBA+BiB,CAAC;AACjB,eAAa,IAAI;AACnB;AAEA,CAnCC,iBAmCiB,CAAC;AACjB,SAAO,IAAI;AACb;AAEA,CAvCC,iBAuCiB,CAAC;AACjB,SAAO,IAAI;AACX,UAAQ;AAER,GAAC;AACC,gBAAY;AACd;AACF;AAEA,CAAC;AACC,cAAY;AACd;AAGA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,kBAAgB;AAClB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,UAAQ;AACR,cAAY;AACZ,UAAQ;AACR,iBAAe,IAAI;AACnB,WAAS;AACT,kBAAgB;AAEhB,GAAC;AACC,gBAAY,IAAI;AAClB;AACF;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,QAAM;AACR;AAGA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACd;","names":[]}

package/build/cjs/{chunk-UZ2E5NRX.cjs → chunk-A57T2BLC.cjs}

@@ -4,5 +4,5 @@
 var DateCalendar_default = {};
 
 exports.DateCalendar_default = DateCalendar_default;
-//# sourceMappingURL=chunk-UZ2E5NRX.cjs.map
-//# sourceMappingURL=chunk-UZ2E5NRX.cjs.map
+//# sourceMappingURL=chunk-A57T2BLC.cjs.map
+//# sourceMappingURL=chunk-A57T2BLC.cjs.map

package/build/cjs/chunk-A57T2BLC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/action-form/fields/DateCalendar.module.css"],"names":[],"mappings":";;;AAAA,IAAA,oBAAA,GAAA","file":"chunk-A57T2BLC.cjs","sourcesContent":["/* DateCalendar — DayPicker classNames */\n\n.calendar {\n  position: relative;\n  width: 100%;\n  font-family: var(--osdk-datetime-calendar-font-family);\n  font-size: var(--osdk-datetime-calendar-font-size);\n}\n\n.calendarMonths {\n  display: flex;\n}\n\n.calendarMonthGrid {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.calendarWeekday {\n  padding: var(--osdk-datetime-calendar-gap);\n  font-size: var(--osdk-datetime-calendar-weekday-font-size);\n  color: var(--osdk-datetime-calendar-weekday-color);\n  text-align: center;\n  width: var(--osdk-datetime-calendar-cell-size);\n}\n\n.calendarDay {\n  padding: var(--osdk-datetime-calendar-gap);\n  text-align: center;\n}\n\n.calendarDayButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--osdk-datetime-calendar-cell-size);\n  height: var(--osdk-datetime-calendar-cell-size);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-radius: var(--osdk-datetime-calendar-day-border-radius);\n  font: inherit;\n  color: inherit;\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-day-hover-bg);\n  }\n\n  &:active {\n    background: var(--osdk-datetime-calendar-day-active-bg);\n  }\n}\n\n.calendarDayButton.calendarSelected {\n  background: var(--osdk-datetime-calendar-selected-bg);\n  color: var(--osdk-datetime-calendar-selected-color);\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-selected-hover-bg);\n  }\n}\n\n.calendarDayButton.calendarToday {\n  font-weight: var(--osdk-datetime-calendar-today-font-weight);\n}\n\n.calendarDayButton.calendarOutside {\n  color: var(--osdk-datetime-calendar-outside-color);\n}\n\n.calendarDayButton.calendarDisabled {\n  color: var(--osdk-datetime-calendar-disabled-color);\n  cursor: default;\n\n  &:hover {\n    background: transparent;\n  }\n}\n\n.calendarHidden {\n  visibility: hidden;\n}\n\n/* Calendar navigation */\n.calendarNav {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  pointer-events: none;\n}\n\n.calendarNavButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--osdk-datetime-calendar-nav-button-size);\n  height: var(--osdk-datetime-calendar-nav-button-size);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-radius: var(--osdk-datetime-calendar-nav-button-border-radius);\n  padding: 0;\n  pointer-events: auto;\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-nav-button-hover-bg);\n  }\n}\n\n.calendarMonthCaption {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: var(--osdk-datetime-calendar-nav-button-size);\n}\n\n.calendarCaptionLabel {\n  font-size: var(--osdk-datetime-calendar-caption-font-size);\n  font-weight: var(--osdk-datetime-calendar-caption-font-weight);\n}\n\n.calendarChevron {\n  width: var(--osdk-datetime-calendar-chevron-size);\n  height: var(--osdk-datetime-calendar-chevron-size);\n  fill: currentColor;\n}\n\n/* Calendar fallback / loading */\n.calendarFallback {\n  width: var(--osdk-datetime-calendar-fallback-width);\n  height: var(--osdk-datetime-calendar-fallback-height);\n}\n"]}

package/build/cjs/public/experimental.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkMRRRZN44_cjs = require('../chunk-MRRRZN44.cjs');
-var chunkUZ2E5NRX_cjs = require('../chunk-UZ2E5NRX.cjs');
+var chunkA57T2BLC_cjs = require('../chunk-A57T2BLC.cjs');
 var chunkHMQTYQEX_cjs = require('../chunk-HMQTYQEX.cjs');
 var button = require('@base-ui/react/button');
 var classnames14 = require('classnames');
@@ -8745,11 +8745,11 @@ var CustomField = /* @__PURE__ */ React76.memo(function CustomFieldFn({
 
 // src/action-form/fields/DatetimePickerField.module.css
 var DatetimePickerField_default = {};
-var DateCalendarLazy = /* @__PURE__ */ React76__default.default.lazy(() => import('../DateCalendar-R44GMN3O.cjs'));
+var DateCalendarLazy = /* @__PURE__ */ React76__default.default.lazy(() => import('../DateCalendar-D4APPCSE.cjs'));
 function LazyDateCalendar(props) {
   return /* @__PURE__ */ React76__default.default.createElement(React76.Suspense, {
     fallback: /* @__PURE__ */ React76__default.default.createElement("div", {
-      className: chunkUZ2E5NRX_cjs.DateCalendar_default.calendarFallback
+      className: chunkA57T2BLC_cjs.DateCalendar_default.calendarFallback
     })
   }, /* @__PURE__ */ React76__default.default.createElement(DateCalendarLazy, props));
 }
@@ -9040,9 +9040,9 @@ var FilePickerField = /* @__PURE__ */ React76.memo(function FilePickerFieldFn({
       openFileDialog();
     }
   }, [openFileDialog]);
-  const displayText = getDisplayText(value);
+  const displayText = React76.useMemo(() => getDisplayText(value), [value]);
   const hasValue = displayText != null;
-  const acceptString = normalizeAccept(accept);
+  const acceptString = React76.useMemo(() => normalizeAccept(accept), [accept]);
   return (
     // The entire component is a single tab stop (tabIndex={0}).
     // Text and Browse are <span>s (not buttons) so they don't create
@@ -9054,6 +9054,7 @@ var FilePickerField = /* @__PURE__ */ React76.memo(function FilePickerFieldFn({
       className: FilePickerField_default.osdkFilePickerTrigger,
       tabIndex: 0,
       role: "button",
+      "aria-label": "Choose file",
       onClick: openFileDialog,
       onKeyDown: handleKeyDown
     }, /* @__PURE__ */ React76__default.default.createElement("input", {