@osdk/react-components 0.12.0 → 0.13.0

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

@@ -0,0 +1,34 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+import { Switch } from "../../base-components/switch/Switch.js";
+export const SwitchField = /*#__PURE__*/React.memo(function ({
+  id,
+  label,
+  value,
+  onChange,
+  error
+}) {
+  return /*#__PURE__*/React.createElement(Switch, {
+    id: id,
+    checked: value ?? false,
+    onCheckedChange: onChange,
+    "aria-invalid": error != null || undefined,
+    "aria-label": label
+  });
+});
+//# sourceMappingURL=SwitchField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchField.js","names":["React","Switch","SwitchField","memo","id","label","value","onChange","error","createElement","checked","onCheckedChange","undefined"],"sources":["SwitchField.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 from \"react\";\nimport { Switch } from \"../../base-components/switch/Switch.js\";\nimport type { SwitchFieldProps } from \"../FormFieldApi.js\";\n\ninterface InternalSwitchFieldProps extends SwitchFieldProps {\n  label?: string;\n}\n\nexport const SwitchField: React.NamedExoticComponent<InternalSwitchFieldProps> =\n  React\n    .memo(function SwitchFieldFn({\n      id,\n      label,\n      value,\n      onChange,\n      error,\n    }: InternalSwitchFieldProps): React.ReactElement {\n      return (\n        <Switch\n          id={id}\n          checked={value ?? false}\n          onCheckedChange={onChange}\n          aria-invalid={error != null || undefined}\n          aria-label={label}\n        />\n      );\n    });\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,wCAAwC;AAO/D,OAAO,MAAMC,WAAiE,gBAC5EF,KAAK,CACFG,IAAI,CAAC,UAAuB;EAC3BC,EAAE;EACFC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC;AACwB,CAAC,EAAsB;EAC/C,oBACER,KAAA,CAAAS,aAAA,CAACR,MAAM;IACLG,EAAE,EAAEA,EAAG;IACPM,OAAO,EAAEJ,KAAK,IAAI,KAAM;IACxBK,eAAe,EAAEJ,QAAS;IAC1B,gBAAcC,KAAK,IAAI,IAAI,IAAII,SAAU;IACzC,cAAYP;EAAM,CACnB,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

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

@@ -15,39 +15,178 @@
  */
 
 import { Input } from "@base-ui/react/input";
-import React, { useCallback, useRef, useState } from "react";
+import React, { useCallback, useMemo, useState } from "react";
 import styles from "./TimePicker.module.css.js";
-export function TimePicker({
+const NUMERIC_INPUT_PATTERN = "[0-9]*";
+const SEGMENT_LIMITS = {
+  hours: {
+    min: 0,
+    max: 23
+  },
+  minutes: {
+    min: 0,
+    max: 59
+  }
+};
+export const TimePicker = /*#__PURE__*/React.memo(function ({
   value,
   onChange,
   label = "Time"
 }) {
-  const [localValue, setLocalValue] = useState(value);
-  const isFocusedRef = useRef(false);
+  const valueTimestamp = value?.getTime() ?? null;
+  // Keep typed text locally so users can enter temporarily invalid values
+  // like "99" or "" without immediately mutating/clamping the parent Date.
+  const [internalSegments, setInternalSegments] = useState(() => createInternalSegments(valueTimestamp, segmentsFromTimestamp(valueTimestamp)));
+  const valueSegments = useMemo(() => segmentsFromTimestamp(valueTimestamp), [valueTimestamp]);
 
-  // Sync from prop when not focused (parent changed the value externally)
-  const prevValueRef = useRef(value);
-  if (prevValueRef.current !== value) {
-    prevValueRef.current = value;
-    if (!isFocusedRef.current) {
-      setLocalValue(value);
+  // Track which external value this internal text was derived from. If the
+  // parent commits a different Date, ignore stale internal text and render
+  // from the new value instead.
+  const activeSegments = internalSegments.valueTimestamp === valueTimestamp ? internalSegments : createInternalSegments(valueTimestamp, valueSegments);
+  const hourText = activeSegments.hours;
+  const minuteText = activeSegments.minutes;
+  const hourInvalid = isSegmentInvalid(hourText, "hours");
+  const minuteInvalid = isSegmentInvalid(minuteText, "minutes");
+  const emitChange = useCallback((hours, minutes) => {
+    const nextDate = value != null ? new Date(value.getTime()) : new Date();
+    nextDate.setHours(hours, minutes, 0, 0);
+    onChange?.(nextDate);
+  }, [onChange, value]);
+  const handleSegmentChange = useCallback((segment, nextText) => {
+    setInternalSegments({
+      valueTimestamp,
+      ...replaceSegmentText({
+        hours: hourText,
+        minutes: minuteText
+      }, {
+        segment,
+        nextText
+      })
+    });
+  }, [hourText, minuteText, valueTimestamp]);
+  const handleSegmentBlur = useCallback((segment, text) => {
+    const parsedSegment = parseNumber(text);
+    if (parsedSegment == null) {
+      // Non-numeric text cannot be converted into a valid time segment, so
+      // restore the displayed value instead of emitting an arbitrary Date.
+      setInternalSegments(createInternalSegments(valueTimestamp, valueSegments));
+      return;
     }
-  }
-  const handleFocus = useCallback(() => {
-    isFocusedRef.current = true;
-  }, []);
-  const handleBlur = useCallback(() => {
-    isFocusedRef.current = false;
-    onChange(localValue);
-  }, [onChange, localValue]);
-  return /*#__PURE__*/React.createElement(Input, {
-    type: "time",
-    value: localValue,
-    onValueChange: setLocalValue,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    className: styles.osdkTimePickerInput,
+    const clampedSegment = clampSegment(parsedSegment, segment);
+    const nextSegments = replaceSegmentText({
+      hours: hourText,
+      minutes: minuteText
+    }, {
+      segment,
+      nextText: formatSegment(clampedSegment, segment)
+    });
+    // Only the blurred segment should commit. If the other segment is
+    // currently invalid, preserve the committed value for that segment.
+    const nextHours = parseSegment(nextSegments.hours, "hours") ?? Number(valueSegments.hours);
+    const nextMinutes = parseSegment(nextSegments.minutes, "minutes") ?? Number(valueSegments.minutes);
+    setInternalSegments({
+      valueTimestamp,
+      hours: formatSegment(nextHours, "hours"),
+      minutes: formatSegment(nextMinutes, "minutes")
+    });
+    const currentHours = Number(valueSegments.hours);
+    const currentMinutes = Number(valueSegments.minutes);
+    if (nextHours !== currentHours || nextMinutes !== currentMinutes) {
+      emitChange(nextHours, nextMinutes);
+    }
+  }, [emitChange, hourText, minuteText, valueTimestamp, valueSegments]);
+  const handleHourChange = useCallback(nextText => handleSegmentChange("hours", nextText), [handleSegmentChange]);
+  const handleMinuteChange = useCallback(nextText => handleSegmentChange("minutes", nextText), [handleSegmentChange]);
+  const handleHourBlur = useCallback(() => handleSegmentBlur("hours", hourText), [handleSegmentBlur, hourText]);
+  const handleMinuteBlur = useCallback(() => handleSegmentBlur("minutes", minuteText), [handleSegmentBlur, minuteText]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkTimePickerRoot,
+    role: "group",
     "aria-label": label
-  });
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "text",
+    inputMode: "numeric",
+    pattern: NUMERIC_INPUT_PATTERN,
+    value: hourText,
+    onValueChange: handleHourChange,
+    onBlur: handleHourBlur,
+    className: styles.osdkTimePickerInput,
+    "aria-label": `${label} hours`,
+    "aria-invalid": hourInvalid || undefined
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.osdkTimePickerSeparator,
+    "aria-hidden": "true"
+  }, ":"), /*#__PURE__*/React.createElement(Input, {
+    type: "text",
+    inputMode: "numeric",
+    pattern: NUMERIC_INPUT_PATTERN,
+    value: minuteText,
+    onValueChange: handleMinuteChange,
+    onBlur: handleMinuteBlur,
+    className: styles.osdkTimePickerInput,
+    "aria-label": `${label} minutes`,
+    "aria-invalid": minuteInvalid || undefined
+  }));
+});
+function createInternalSegments(valueTimestamp, segments) {
+  return {
+    valueTimestamp,
+    ...segments
+  };
+}
+function replaceSegmentText(segments, {
+  segment,
+  nextText
+}) {
+  return {
+    ...segments,
+    [segment]: nextText
+  };
+}
+function segmentsFromTimestamp(valueTimestamp) {
+  if (valueTimestamp == null) {
+    return {
+      hours: formatSegment(0, "hours"),
+      minutes: formatSegment(0, "minutes")
+    };
+  }
+  const value = new Date(valueTimestamp);
+  return {
+    hours: formatSegment(value.getHours(), "hours"),
+    minutes: formatSegment(value.getMinutes(), "minutes")
+  };
+}
+function formatSegment(value, segment) {
+  // Hours stay compact while minutes stay two digits so the HH:mm control
+  // remains easy to scan.
+  return segment === "hours" ? String(value) : String(value).padStart(2, "0");
+}
+function parseNumber(text) {
+  if (!/^\d{1,2}$/.test(text)) {
+    return undefined;
+  }
+  const parsed = Number(text);
+  return Number.isNaN(parsed) ? undefined : parsed;
+}
+function parseSegment(text, segment) {
+  const parsed = parseNumber(text);
+  if (parsed == null) {
+    return undefined;
+  }
+  const {
+    min,
+    max
+  } = SEGMENT_LIMITS[segment];
+  return parsed >= min && parsed <= max ? parsed : undefined;
+}
+function isSegmentInvalid(text, segment) {
+  return parseSegment(text, segment) == null;
+}
+function clampSegment(value, segment) {
+  const {
+    min,
+    max
+  } = SEGMENT_LIMITS[segment];
+  return Math.min(Math.max(value, min), max);
 }
 //# sourceMappingURL=TimePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","names":["Input","React","useCallback","useRef","useState","styles","TimePicker","value","onChange","label","localValue","setLocalValue","isFocusedRef","prevValueRef","current","handleFocus","handleBlur","createElement","type","onValueChange","onFocus","onBlur","className","osdkTimePickerInput"],"sources":["TimePicker.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 { Input } from \"@base-ui/react/input\";\nimport React, { useCallback, useRef, useState } from \"react\";\nimport styles from \"./TimePicker.module.css\";\n\ninterface TimePickerProps {\n  value: string;\n  onChange: (timeString: string) => void;\n  label?: string;\n}\n\nexport function TimePicker({\n  value,\n  onChange,\n  label = \"Time\",\n}: TimePickerProps): React.ReactElement {\n  const [localValue, setLocalValue] = useState(value);\n  const isFocusedRef = useRef(false);\n\n  // Sync from prop when not focused (parent changed the value externally)\n  const prevValueRef = useRef(value);\n  if (prevValueRef.current !== value) {\n    prevValueRef.current = value;\n    if (!isFocusedRef.current) {\n      setLocalValue(value);\n    }\n  }\n\n  const handleFocus = useCallback(() => {\n    isFocusedRef.current = true;\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    isFocusedRef.current = false;\n    onChange(localValue);\n  }, [onChange, localValue]);\n\n  return (\n    <Input\n      type=\"time\"\n      value={localValue}\n      onValueChange={setLocalValue}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      className={styles.osdkTimePickerInput}\n      aria-label={label}\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,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,OAAOC,MAAM,MAAM,yBAAyB;AAQ5C,OAAO,SAASC,UAAUA,CAAC;EACzBC,KAAK;EACLC,QAAQ;EACRC,KAAK,GAAG;AACO,CAAC,EAAsB;EACtC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGP,QAAQ,CAACG,KAAK,CAAC;EACnD,MAAMK,YAAY,GAAGT,MAAM,CAAC,KAAK,CAAC;;EAElC;EACA,MAAMU,YAAY,GAAGV,MAAM,CAACI,KAAK,CAAC;EAClC,IAAIM,YAAY,CAACC,OAAO,KAAKP,KAAK,EAAE;IAClCM,YAAY,CAACC,OAAO,GAAGP,KAAK;IAC5B,IAAI,CAACK,YAAY,CAACE,OAAO,EAAE;MACzBH,aAAa,CAACJ,KAAK,CAAC;IACtB;EACF;EAEA,MAAMQ,WAAW,GAAGb,WAAW,CAAC,MAAM;IACpCU,YAAY,CAACE,OAAO,GAAG,IAAI;EAC7B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,UAAU,GAAGd,WAAW,CAAC,MAAM;IACnCU,YAAY,CAACE,OAAO,GAAG,KAAK;IAC5BN,QAAQ,CAACE,UAAU,CAAC;EACtB,CAAC,EAAE,CAACF,QAAQ,EAAEE,UAAU,CAAC,CAAC;EAE1B,oBACET,KAAA,CAAAgB,aAAA,CAACjB,KAAK;IACJkB,IAAI,EAAC,MAAM;IACXX,KAAK,EAAEG,UAAW;IAClBS,aAAa,EAAER,aAAc;IAC7BS,OAAO,EAAEL,WAAY;IACrBM,MAAM,EAAEL,UAAW;IACnBM,SAAS,EAAEjB,MAAM,CAACkB,mBAAoB;IACtC,cAAYd;EAAM,CACnB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"file":"TimePicker.js","names":["Input","React","useCallback","useMemo","useState","styles","NUMERIC_INPUT_PATTERN","SEGMENT_LIMITS","hours","min","max","minutes","TimePicker","memo","value","onChange","label","valueTimestamp","getTime","internalSegments","setInternalSegments","createInternalSegments","segmentsFromTimestamp","valueSegments","activeSegments","hourText","minuteText","hourInvalid","isSegmentInvalid","minuteInvalid","emitChange","nextDate","Date","setHours","handleSegmentChange","segment","nextText","replaceSegmentText","handleSegmentBlur","text","parsedSegment","parseNumber","clampedSegment","clampSegment","nextSegments","formatSegment","nextHours","parseSegment","Number","nextMinutes","currentHours","currentMinutes","handleHourChange","handleMinuteChange","handleHourBlur","handleMinuteBlur","createElement","className","osdkTimePickerRoot","role","type","inputMode","pattern","onValueChange","onBlur","osdkTimePickerInput","undefined","osdkTimePickerSeparator","segments","getHours","getMinutes","String","padStart","test","parsed","isNaN","Math"],"sources":["TimePicker.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 { Input } from \"@base-ui/react/input\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport styles from \"./TimePicker.module.css\";\n\nexport interface TimePickerProps {\n  value: Date | null;\n  onChange?: (newTime: Date) => void;\n  label?: string;\n}\n\ntype TimeSegment = \"hours\" | \"minutes\";\ntype TimeSegments = Record<TimeSegment, string>;\n\ninterface InternalSegments extends TimeSegments {\n  valueTimestamp: number | null;\n}\n\nconst NUMERIC_INPUT_PATTERN = \"[0-9]*\";\n\nconst SEGMENT_LIMITS: Record<TimeSegment, { min: number; max: number }> = {\n  hours: { min: 0, max: 23 },\n  minutes: { min: 0, max: 59 },\n} as const;\n\nexport const TimePicker: React.NamedExoticComponent<TimePickerProps> = React\n  .memo(function TimePickerFn({\n    value,\n    onChange,\n    label = \"Time\",\n  }: TimePickerProps): React.ReactElement {\n    const valueTimestamp = value?.getTime() ?? null;\n    // Keep typed text locally so users can enter temporarily invalid values\n    // like \"99\" or \"\" without immediately mutating/clamping the parent Date.\n    const [internalSegments, setInternalSegments] = useState<InternalSegments>(\n      () =>\n        createInternalSegments(\n          valueTimestamp,\n          segmentsFromTimestamp(valueTimestamp),\n        ),\n    );\n    const valueSegments = useMemo(\n      () => segmentsFromTimestamp(valueTimestamp),\n      [valueTimestamp],\n    );\n\n    // Track which external value this internal text was derived from. If the\n    // parent commits a different Date, ignore stale internal text and render\n    // from the new value instead.\n    const activeSegments = internalSegments.valueTimestamp === valueTimestamp\n      ? internalSegments\n      : createInternalSegments(valueTimestamp, valueSegments);\n    const hourText = activeSegments.hours;\n    const minuteText = activeSegments.minutes;\n    const hourInvalid = isSegmentInvalid(hourText, \"hours\");\n    const minuteInvalid = isSegmentInvalid(minuteText, \"minutes\");\n\n    const emitChange = useCallback(\n      (hours: number, minutes: number) => {\n        const nextDate = value != null ? new Date(value.getTime()) : new Date();\n        nextDate.setHours(hours, minutes, 0, 0);\n        onChange?.(nextDate);\n      },\n      [onChange, value],\n    );\n\n    const handleSegmentChange = useCallback(\n      (segment: TimeSegment, nextText: string) => {\n        setInternalSegments({\n          valueTimestamp,\n          ...replaceSegmentText(\n            { hours: hourText, minutes: minuteText },\n            { segment, nextText },\n          ),\n        });\n      },\n      [hourText, minuteText, valueTimestamp],\n    );\n\n    const handleSegmentBlur = useCallback(\n      (segment: TimeSegment, text: string) => {\n        const parsedSegment = parseNumber(text);\n        if (parsedSegment == null) {\n          // Non-numeric text cannot be converted into a valid time segment, so\n          // restore the displayed value instead of emitting an arbitrary Date.\n          setInternalSegments(\n            createInternalSegments(valueTimestamp, valueSegments),\n          );\n          return;\n        }\n\n        const clampedSegment = clampSegment(parsedSegment, segment);\n        const nextSegments = replaceSegmentText(\n          { hours: hourText, minutes: minuteText },\n          { segment, nextText: formatSegment(clampedSegment, segment) },\n        );\n        // Only the blurred segment should commit. If the other segment is\n        // currently invalid, preserve the committed value for that segment.\n        const nextHours = parseSegment(nextSegments.hours, \"hours\")\n          ?? Number(valueSegments.hours);\n        const nextMinutes = parseSegment(nextSegments.minutes, \"minutes\")\n          ?? Number(valueSegments.minutes);\n\n        setInternalSegments({\n          valueTimestamp,\n          hours: formatSegment(nextHours, \"hours\"),\n          minutes: formatSegment(nextMinutes, \"minutes\"),\n        });\n\n        const currentHours = Number(valueSegments.hours);\n        const currentMinutes = Number(valueSegments.minutes);\n        if (nextHours !== currentHours || nextMinutes !== currentMinutes) {\n          emitChange(nextHours, nextMinutes);\n        }\n      },\n      [\n        emitChange,\n        hourText,\n        minuteText,\n        valueTimestamp,\n        valueSegments,\n      ],\n    );\n\n    const handleHourChange = useCallback(\n      (nextText: string) => handleSegmentChange(\"hours\", nextText),\n      [handleSegmentChange],\n    );\n    const handleMinuteChange = useCallback(\n      (nextText: string) => handleSegmentChange(\"minutes\", nextText),\n      [handleSegmentChange],\n    );\n    const handleHourBlur = useCallback(\n      () => handleSegmentBlur(\"hours\", hourText),\n      [handleSegmentBlur, hourText],\n    );\n    const handleMinuteBlur = useCallback(\n      () => handleSegmentBlur(\"minutes\", minuteText),\n      [handleSegmentBlur, minuteText],\n    );\n\n    return (\n      <div\n        className={styles.osdkTimePickerRoot}\n        role=\"group\"\n        aria-label={label}\n      >\n        <Input\n          type=\"text\"\n          inputMode=\"numeric\"\n          pattern={NUMERIC_INPUT_PATTERN}\n          value={hourText}\n          onValueChange={handleHourChange}\n          onBlur={handleHourBlur}\n          className={styles.osdkTimePickerInput}\n          aria-label={`${label} hours`}\n          aria-invalid={hourInvalid || undefined}\n        />\n        <span className={styles.osdkTimePickerSeparator} aria-hidden=\"true\">\n          :\n        </span>\n        <Input\n          type=\"text\"\n          inputMode=\"numeric\"\n          pattern={NUMERIC_INPUT_PATTERN}\n          value={minuteText}\n          onValueChange={handleMinuteChange}\n          onBlur={handleMinuteBlur}\n          className={styles.osdkTimePickerInput}\n          aria-label={`${label} minutes`}\n          aria-invalid={minuteInvalid || undefined}\n        />\n      </div>\n    );\n  });\n\nfunction createInternalSegments(\n  valueTimestamp: number | null,\n  segments: TimeSegments,\n): InternalSegments {\n  return { valueTimestamp, ...segments };\n}\n\nfunction replaceSegmentText(\n  segments: TimeSegments,\n  {\n    segment,\n    nextText,\n  }: {\n    segment: TimeSegment;\n    nextText: string;\n  },\n): TimeSegments {\n  return {\n    ...segments,\n    [segment]: nextText,\n  };\n}\n\nfunction segmentsFromTimestamp(valueTimestamp: number | null): TimeSegments {\n  if (valueTimestamp == null) {\n    return {\n      hours: formatSegment(0, \"hours\"),\n      minutes: formatSegment(0, \"minutes\"),\n    };\n  }\n  const value = new Date(valueTimestamp);\n  return {\n    hours: formatSegment(value.getHours(), \"hours\"),\n    minutes: formatSegment(value.getMinutes(), \"minutes\"),\n  };\n}\n\nfunction formatSegment(value: number, segment: TimeSegment): string {\n  // Hours stay compact while minutes stay two digits so the HH:mm control\n  // remains easy to scan.\n  return segment === \"hours\" ? String(value) : String(value).padStart(2, \"0\");\n}\n\nfunction parseNumber(text: string): number | undefined {\n  if (!/^\\d{1,2}$/.test(text)) {\n    return undefined;\n  }\n  const parsed = Number(text);\n  return Number.isNaN(parsed) ? undefined : parsed;\n}\n\nfunction parseSegment(\n  text: string,\n  segment: TimeSegment,\n): number | undefined {\n  const parsed = parseNumber(text);\n  if (parsed == null) {\n    return undefined;\n  }\n  const { min, max } = SEGMENT_LIMITS[segment];\n  return parsed >= min && parsed <= max ? parsed : undefined;\n}\n\nfunction isSegmentInvalid(text: string, segment: TimeSegment): boolean {\n  return parseSegment(text, segment) == null;\n}\n\nfunction clampSegment(value: number, segment: TimeSegment): number {\n  const { min, max } = SEGMENT_LIMITS[segment];\n  return Math.min(Math.max(value, min), max);\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,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,OAAOC,MAAM,MAAM,yBAAyB;AAe5C,MAAMC,qBAAqB,GAAG,QAAQ;AAEtC,MAAMC,cAAiE,GAAG;EACxEC,KAAK,EAAE;IAAEC,GAAG,EAAE,CAAC;IAAEC,GAAG,EAAE;EAAG,CAAC;EAC1BC,OAAO,EAAE;IAAEF,GAAG,EAAE,CAAC;IAAEC,GAAG,EAAE;EAAG;AAC7B,CAAU;AAEV,OAAO,MAAME,UAAuD,gBAAGX,KAAK,CACzEY,IAAI,CAAC,UAAsB;EAC1BC,KAAK;EACLC,QAAQ;EACRC,KAAK,GAAG;AACO,CAAC,EAAsB;EACtC,MAAMC,cAAc,GAAGH,KAAK,EAAEI,OAAO,CAAC,CAAC,IAAI,IAAI;EAC/C;EACA;EACA,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGhB,QAAQ,CACtD,MACEiB,sBAAsB,CACpBJ,cAAc,EACdK,qBAAqB,CAACL,cAAc,CACtC,CACJ,CAAC;EACD,MAAMM,aAAa,GAAGpB,OAAO,CAC3B,MAAMmB,qBAAqB,CAACL,cAAc,CAAC,EAC3C,CAACA,cAAc,CACjB,CAAC;;EAED;EACA;EACA;EACA,MAAMO,cAAc,GAAGL,gBAAgB,CAACF,cAAc,KAAKA,cAAc,GACrEE,gBAAgB,GAChBE,sBAAsB,CAACJ,cAAc,EAAEM,aAAa,CAAC;EACzD,MAAME,QAAQ,GAAGD,cAAc,CAAChB,KAAK;EACrC,MAAMkB,UAAU,GAAGF,cAAc,CAACb,OAAO;EACzC,MAAMgB,WAAW,GAAGC,gBAAgB,CAACH,QAAQ,EAAE,OAAO,CAAC;EACvD,MAAMI,aAAa,GAAGD,gBAAgB,CAACF,UAAU,EAAE,SAAS,CAAC;EAE7D,MAAMI,UAAU,GAAG5B,WAAW,CAC5B,CAACM,KAAa,EAAEG,OAAe,KAAK;IAClC,MAAMoB,QAAQ,GAAGjB,KAAK,IAAI,IAAI,GAAG,IAAIkB,IAAI,CAAClB,KAAK,CAACI,OAAO,CAAC,CAAC,CAAC,GAAG,IAAIc,IAAI,CAAC,CAAC;IACvED,QAAQ,CAACE,QAAQ,CAACzB,KAAK,EAAEG,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;IACvCI,QAAQ,GAAGgB,QAAQ,CAAC;EACtB,CAAC,EACD,CAAChB,QAAQ,EAAED,KAAK,CAClB,CAAC;EAED,MAAMoB,mBAAmB,GAAGhC,WAAW,CACrC,CAACiC,OAAoB,EAAEC,QAAgB,KAAK;IAC1ChB,mBAAmB,CAAC;MAClBH,cAAc;MACd,GAAGoB,kBAAkB,CACnB;QAAE7B,KAAK,EAAEiB,QAAQ;QAAEd,OAAO,EAAEe;MAAW,CAAC,EACxC;QAAES,OAAO;QAAEC;MAAS,CACtB;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACX,QAAQ,EAAEC,UAAU,EAAET,cAAc,CACvC,CAAC;EAED,MAAMqB,iBAAiB,GAAGpC,WAAW,CACnC,CAACiC,OAAoB,EAAEI,IAAY,KAAK;IACtC,MAAMC,aAAa,GAAGC,WAAW,CAACF,IAAI,CAAC;IACvC,IAAIC,aAAa,IAAI,IAAI,EAAE;MACzB;MACA;MACApB,mBAAmB,CACjBC,sBAAsB,CAACJ,cAAc,EAAEM,aAAa,CACtD,CAAC;MACD;IACF;IAEA,MAAMmB,cAAc,GAAGC,YAAY,CAACH,aAAa,EAAEL,OAAO,CAAC;IAC3D,MAAMS,YAAY,GAAGP,kBAAkB,CACrC;MAAE7B,KAAK,EAAEiB,QAAQ;MAAEd,OAAO,EAAEe;IAAW,CAAC,EACxC;MAAES,OAAO;MAAEC,QAAQ,EAAES,aAAa,CAACH,cAAc,EAAEP,OAAO;IAAE,CAC9D,CAAC;IACD;IACA;IACA,MAAMW,SAAS,GAAGC,YAAY,CAACH,YAAY,CAACpC,KAAK,EAAE,OAAO,CAAC,IACtDwC,MAAM,CAACzB,aAAa,CAACf,KAAK,CAAC;IAChC,MAAMyC,WAAW,GAAGF,YAAY,CAACH,YAAY,CAACjC,OAAO,EAAE,SAAS,CAAC,IAC5DqC,MAAM,CAACzB,aAAa,CAACZ,OAAO,CAAC;IAElCS,mBAAmB,CAAC;MAClBH,cAAc;MACdT,KAAK,EAAEqC,aAAa,CAACC,SAAS,EAAE,OAAO,CAAC;MACxCnC,OAAO,EAAEkC,aAAa,CAACI,WAAW,EAAE,SAAS;IAC/C,CAAC,CAAC;IAEF,MAAMC,YAAY,GAAGF,MAAM,CAACzB,aAAa,CAACf,KAAK,CAAC;IAChD,MAAM2C,cAAc,GAAGH,MAAM,CAACzB,aAAa,CAACZ,OAAO,CAAC;IACpD,IAAImC,SAAS,KAAKI,YAAY,IAAID,WAAW,KAAKE,cAAc,EAAE;MAChErB,UAAU,CAACgB,SAAS,EAAEG,WAAW,CAAC;IACpC;EACF,CAAC,EACD,CACEnB,UAAU,EACVL,QAAQ,EACRC,UAAU,EACVT,cAAc,EACdM,aAAa,CAEjB,CAAC;EAED,MAAM6B,gBAAgB,GAAGlD,WAAW,CACjCkC,QAAgB,IAAKF,mBAAmB,CAAC,OAAO,EAAEE,QAAQ,CAAC,EAC5D,CAACF,mBAAmB,CACtB,CAAC;EACD,MAAMmB,kBAAkB,GAAGnD,WAAW,CACnCkC,QAAgB,IAAKF,mBAAmB,CAAC,SAAS,EAAEE,QAAQ,CAAC,EAC9D,CAACF,mBAAmB,CACtB,CAAC;EACD,MAAMoB,cAAc,GAAGpD,WAAW,CAChC,MAAMoC,iBAAiB,CAAC,OAAO,EAAEb,QAAQ,CAAC,EAC1C,CAACa,iBAAiB,EAAEb,QAAQ,CAC9B,CAAC;EACD,MAAM8B,gBAAgB,GAAGrD,WAAW,CAClC,MAAMoC,iBAAiB,CAAC,SAAS,EAAEZ,UAAU,CAAC,EAC9C,CAACY,iBAAiB,EAAEZ,UAAU,CAChC,CAAC;EAED,oBACEzB,KAAA,CAAAuD,aAAA;IACEC,SAAS,EAAEpD,MAAM,CAACqD,kBAAmB;IACrCC,IAAI,EAAC,OAAO;IACZ,cAAY3C;EAAM,gBAElBf,KAAA,CAAAuD,aAAA,CAACxD,KAAK;IACJ4D,IAAI,EAAC,MAAM;IACXC,SAAS,EAAC,SAAS;IACnBC,OAAO,EAAExD,qBAAsB;IAC/BQ,KAAK,EAAEW,QAAS;IAChBsC,aAAa,EAAEX,gBAAiB;IAChCY,MAAM,EAAEV,cAAe;IACvBG,SAAS,EAAEpD,MAAM,CAAC4D,mBAAoB;IACtC,cAAY,GAAGjD,KAAK,QAAS;IAC7B,gBAAcW,WAAW,IAAIuC;EAAU,CACxC,CAAC,eACFjE,KAAA,CAAAuD,aAAA;IAAMC,SAAS,EAAEpD,MAAM,CAAC8D,uBAAwB;IAAC,eAAY;EAAM,GAAC,GAE9D,CAAC,eACPlE,KAAA,CAAAuD,aAAA,CAACxD,KAAK;IACJ4D,IAAI,EAAC,MAAM;IACXC,SAAS,EAAC,SAAS;IACnBC,OAAO,EAAExD,qBAAsB;IAC/BQ,KAAK,EAAEY,UAAW;IAClBqC,aAAa,EAAEV,kBAAmB;IAClCW,MAAM,EAAET,gBAAiB;IACzBE,SAAS,EAAEpD,MAAM,CAAC4D,mBAAoB;IACtC,cAAY,GAAGjD,KAAK,UAAW;IAC/B,gBAAca,aAAa,IAAIqC;EAAU,CAC1C,CACE,CAAC;AAEV,CAAC,CAAC;AAEJ,SAAS7C,sBAAsBA,CAC7BJ,cAA6B,EAC7BmD,QAAsB,EACJ;EAClB,OAAO;IAAEnD,cAAc;IAAE,GAAGmD;EAAS,CAAC;AACxC;AAEA,SAAS/B,kBAAkBA,CACzB+B,QAAsB,EACtB;EACEjC,OAAO;EACPC;AAIF,CAAC,EACa;EACd,OAAO;IACL,GAAGgC,QAAQ;IACX,CAACjC,OAAO,GAAGC;EACb,CAAC;AACH;AAEA,SAASd,qBAAqBA,CAACL,cAA6B,EAAgB;EAC1E,IAAIA,cAAc,IAAI,IAAI,EAAE;IAC1B,OAAO;MACLT,KAAK,EAAEqC,aAAa,CAAC,CAAC,EAAE,OAAO,CAAC;MAChClC,OAAO,EAAEkC,aAAa,CAAC,CAAC,EAAE,SAAS;IACrC,CAAC;EACH;EACA,MAAM/B,KAAK,GAAG,IAAIkB,IAAI,CAACf,cAAc,CAAC;EACtC,OAAO;IACLT,KAAK,EAAEqC,aAAa,CAAC/B,KAAK,CAACuD,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC;IAC/C1D,OAAO,EAAEkC,aAAa,CAAC/B,KAAK,CAACwD,UAAU,CAAC,CAAC,EAAE,SAAS;EACtD,CAAC;AACH;AAEA,SAASzB,aAAaA,CAAC/B,KAAa,EAAEqB,OAAoB,EAAU;EAClE;EACA;EACA,OAAOA,OAAO,KAAK,OAAO,GAAGoC,MAAM,CAACzD,KAAK,CAAC,GAAGyD,MAAM,CAACzD,KAAK,CAAC,CAAC0D,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AAC7E;AAEA,SAAS/B,WAAWA,CAACF,IAAY,EAAsB;EACrD,IAAI,CAAC,WAAW,CAACkC,IAAI,CAAClC,IAAI,CAAC,EAAE;IAC3B,OAAO2B,SAAS;EAClB;EACA,MAAMQ,MAAM,GAAG1B,MAAM,CAACT,IAAI,CAAC;EAC3B,OAAOS,MAAM,CAAC2B,KAAK,CAACD,MAAM,CAAC,GAAGR,SAAS,GAAGQ,MAAM;AAClD;AAEA,SAAS3B,YAAYA,CACnBR,IAAY,EACZJ,OAAoB,EACA;EACpB,MAAMuC,MAAM,GAAGjC,WAAW,CAACF,IAAI,CAAC;EAChC,IAAImC,MAAM,IAAI,IAAI,EAAE;IAClB,OAAOR,SAAS;EAClB;EACA,MAAM;IAAEzD,GAAG;IAAEC;EAAI,CAAC,GAAGH,cAAc,CAAC4B,OAAO,CAAC;EAC5C,OAAOuC,MAAM,IAAIjE,GAAG,IAAIiE,MAAM,IAAIhE,GAAG,GAAGgE,MAAM,GAAGR,SAAS;AAC5D;AAEA,SAAStC,gBAAgBA,CAACW,IAAY,EAAEJ,OAAoB,EAAW;EACrE,OAAOY,YAAY,CAACR,IAAI,EAAEJ,OAAO,CAAC,IAAI,IAAI;AAC5C;AAEA,SAASQ,YAAYA,CAAC7B,KAAa,EAAEqB,OAAoB,EAAU;EACjE,MAAM;IAAE1B,GAAG;IAAEC;EAAI,CAAC,GAAGH,cAAc,CAAC4B,OAAO,CAAC;EAC5C,OAAOyC,IAAI,CAACnE,GAAG,CAACmE,IAAI,CAAClE,GAAG,CAACI,KAAK,EAAEL,GAAG,CAAC,EAAEC,GAAG,CAAC;AAC5C","ignoreList":[]}

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

@@ -1,9 +1,20 @@
-/* TimePicker — bare time input. Layout (spacing, borders) owned by the parent. */
+/* TimePicker — HH:mm control. Outer layout is owned by the parent. */
+
+.osdkTimePickerRoot {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+}
 
 .osdkTimePickerInput {
-  width: 100%;
+  width: calc(var(--osdk-surface-spacing) * 10);
   font-family: var(--osdk-time-picker-input-font-family);
   font-size: var(--osdk-time-picker-input-font-size);
+  line-height: var(
+    --osdk-input-line-height,
+    var(--osdk-typography-line-height-default)
+  );
+  text-align: center;
   padding: var(--osdk-time-picker-input-padding);
   border: var(--osdk-time-picker-input-border);
   border-radius: var(--osdk-time-picker-input-border-radius);
@@ -16,4 +27,18 @@
     outline: var(--osdk-time-picker-input-focus-outline);
     outline-offset: var(--osdk-time-picker-input-focus-offset);
   }
+
+  &[aria-invalid] {
+    border-color: var(--osdk-input-border-color-error);
+  }
+}
+
+.osdkTimePickerSeparator {
+  color: var(--osdk-typography-color-muted);
+  font-family: var(--osdk-time-picker-input-font-family);
+  font-size: var(--osdk-time-picker-input-font-size);
+  line-height: var(
+    --osdk-input-line-height,
+    var(--osdk-typography-line-height-default)
+  );
 }

package/build/browser/action-form/fields/TimePicker.module.css.js

@@ -1,6 +1,8 @@
 // CSS Module proxy for TimePicker.module.css
 const styles = {
-  "osdkTimePickerInput": "TimePicker-module__osdkTimePickerInput___uUABQ7Pu"
+  "osdkTimePickerRoot": "TimePicker-module__osdkTimePickerRoot___i8UN3Nug",
+  "osdkTimePickerInput": "TimePicker-module__osdkTimePickerInput___uUABQ7Pu",
+  "osdkTimePickerSeparator": "TimePicker-module__osdkTimePickerSeparator___3cKcNBWE"
 };
 
 export default styles;

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

@@ -49,5 +49,10 @@ export function buildDisabledMatchers(min, max) {
  */
 export const stopPropagation = e => {
   e.stopPropagation();
+  // Base UI chains its trigger handler after this click handler. When focus or
+  // pointer-down already opened the popover, suppress that handler so the same
+  // click does not immediately toggle the popover closed again.
+  const preventBaseUIHandler = e.preventBaseUIHandler;
+  preventBaseUIHandler?.();
 };
 //# sourceMappingURL=calendarShared.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendarShared.js","names":["DEFAULT_FROM_YEAR","Date","getFullYear","DEFAULT_TO_YEAR","buildDisabledMatchers","min","max","matchers","push","before","after","stopPropagation","e"],"sources":["calendarShared.ts"],"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\n/**\n * Shared constants and utilities for DateCalendar, DateRangeCalendar,\n * DatetimePickerField, and DateRangeInputField.\n */\n\nimport type React from \"react\";\nimport type { DateAfter, DateBefore, Matcher } from \"react-day-picker\";\n\n/** Fallback year range for the month/year dropdown when no min/max is provided. */\nexport const DEFAULT_FROM_YEAR: number = new Date().getFullYear() - 10;\nexport const DEFAULT_TO_YEAR: number = new Date().getFullYear() + 10;\n\n/**\n * Builds the `disabled` matcher array for react-day-picker from optional\n * min/max date constraints. Dates before min or after max are disabled.\n */\nexport function buildDisabledMatchers(\n  min: Date | undefined,\n  max: Date | undefined,\n): 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}\n\n/**\n * Stable click handler that stops event propagation. Used on date inputs\n * inside Popover.Trigger to prevent the trigger's click handler from\n * toggling the popover closed when the user clicks the already-open input.\n */\nexport const stopPropagation: (e: React.MouseEvent) => void = (e) => {\n  e.stopPropagation();\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAKA;AACA,OAAO,MAAMA,iBAAyB,GAAG,IAAIC,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAG,EAAE;AACtE,OAAO,MAAMC,eAAuB,GAAG,IAAIF,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAG,EAAE;;AAEpE;AACA;AACA;AACA;AACA,OAAO,SAASE,qBAAqBA,CACnCC,GAAqB,EACrBC,GAAqB,EACV;EACX,MAAMC,QAAmB,GAAG,EAAE;EAC9B,IAAIF,GAAG,IAAI,IAAI,EAAE;IAEfE,QAAQ,CAACC,IAAI,CADc;MAAEC,MAAM,EAAEJ;IAAI,CACrB,CAAC;EACvB;EACA,IAAIC,GAAG,IAAI,IAAI,EAAE;IAEfC,QAAQ,CAACC,IAAI,CADY;MAAEE,KAAK,EAAEJ;IAAI,CACnB,CAAC;EACtB;EACA,OAAOC,QAAQ;AACjB;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,eAA8C,GAAIC,CAAC,IAAK;EACnEA,CAAC,CAACD,eAAe,CAAC,CAAC;AACrB,CAAC","ignoreList":[]}
+{"version":3,"file":"calendarShared.js","names":["DEFAULT_FROM_YEAR","Date","getFullYear","DEFAULT_TO_YEAR","buildDisabledMatchers","min","max","matchers","push","before","after","stopPropagation","e","preventBaseUIHandler"],"sources":["calendarShared.ts"],"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\n/**\n * Shared constants and utilities for DateCalendar, DateRangeCalendar,\n * DatetimePickerField, and DateRangeInputField.\n */\n\nimport type React from \"react\";\nimport type { DateAfter, DateBefore, Matcher } from \"react-day-picker\";\n\n/** Fallback year range for the month/year dropdown when no min/max is provided. */\nexport const DEFAULT_FROM_YEAR: number = new Date().getFullYear() - 10;\nexport const DEFAULT_TO_YEAR: number = new Date().getFullYear() + 10;\n\n/**\n * Builds the `disabled` matcher array for react-day-picker from optional\n * min/max date constraints. Dates before min or after max are disabled.\n */\nexport function buildDisabledMatchers(\n  min: Date | undefined,\n  max: Date | undefined,\n): 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}\n\n/**\n * Stable click handler that stops event propagation. Used on date inputs\n * inside Popover.Trigger to prevent the trigger's click handler from\n * toggling the popover closed when the user clicks the already-open input.\n */\nexport const stopPropagation: (e: React.MouseEvent) => void = (e) => {\n  e.stopPropagation();\n  // Base UI chains its trigger handler after this click handler. When focus or\n  // pointer-down already opened the popover, suppress that handler so the same\n  // click does not immediately toggle the popover closed again.\n  const preventBaseUIHandler =\n    (e as React.MouseEvent & { preventBaseUIHandler?: () => void })\n      .preventBaseUIHandler;\n  preventBaseUIHandler?.();\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAKA;AACA,OAAO,MAAMA,iBAAyB,GAAG,IAAIC,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAG,EAAE;AACtE,OAAO,MAAMC,eAAuB,GAAG,IAAIF,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAG,EAAE;;AAEpE;AACA;AACA;AACA;AACA,OAAO,SAASE,qBAAqBA,CACnCC,GAAqB,EACrBC,GAAqB,EACV;EACX,MAAMC,QAAmB,GAAG,EAAE;EAC9B,IAAIF,GAAG,IAAI,IAAI,EAAE;IAEfE,QAAQ,CAACC,IAAI,CADc;MAAEC,MAAM,EAAEJ;IAAI,CACrB,CAAC;EACvB;EACA,IAAIC,GAAG,IAAI,IAAI,EAAE;IAEfC,QAAQ,CAACC,IAAI,CADY;MAAEE,KAAK,EAAEJ;IAAI,CACnB,CAAC;EACtB;EACA,OAAOC,QAAQ;AACjB;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,eAA8C,GAAIC,CAAC,IAAK;EACnEA,CAAC,CAACD,eAAe,CAAC,CAAC;EACnB;EACA;EACA;EACA,MAAME,oBAAoB,GACvBD,CAAC,CACCC,oBAAoB;EACzBA,oBAAoB,GAAG,CAAC;AAC1B,CAAC","ignoreList":[]}

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

@@ -45,10 +45,9 @@ export function useDateEditState({
   }
 
   // During editing the user needs parsable text they can modify and that
-  // round-trips through parseFn (e.g. "2024-01-15"). When idle the input
-  // shows a locale-friendly string that may not be parsable (e.g. "Jan 15, 2024")
-  // but is more readable. displayedValue is the single source of truth
-  // for the input's visible text.
+  // round-trips through parseFn (e.g. "2024-01-15"). When idle the input may
+  // show a different display string. displayedValue is the single source of
+  // truth for the input's visible text.
   const displayedValue = isEditing ? inputValue : value != null ? displayFormatFn(value) : "";
 
   // Parse the input once per render and derive all validation state from it.

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

@@ -1 +1 @@
-{"version":3,"file":"useDateEditState.js","names":["useCallback","useRef","useState","isDateInRange","useDateEditState","value","displayFormatFn","editFormatFn","parseFn","min","max","onChange","isEditing","setIsEditing","inputValue","setInputValue","prevValueTimeRef","getTime","currentValueTime","current","displayedValue","dateValue","undefined","inputError","validatedDate","setDateValue","date","startEditing","stopEditing","inputValueRef","validatedDateRef","commitAndStopEditing"],"sources":["useDateEditState.ts"],"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 { useCallback, useRef, useState } from \"react\";\nimport { isDateInRange } from \"../../shared/dateUtils.js\";\n\nexport interface UseDateEditStateConfig {\n  /** The current committed date value (controlled by the parent). */\n  value: Date | null;\n  /**\n   * Formats the date when the input is idle (not focused). Can be locale-friendly\n   * like \"Jan 15, 2024\" — it doesn't need to be parsable since the user isn't typing.\n   * When no custom formatDate prop is provided, this is the same as editFormatFn.\n   */\n  displayFormatFn: (date: Date) => string;\n  /**\n   * Formats the date when the user starts typing. Must produce a string that\n   * parseFn can round-trip back to a Date (e.g. \"2024-01-15\" or \"2024-01-15 14:30\").\n   */\n  editFormatFn: (date: Date) => string;\n  /** Parses user-typed text back into a Date. Returns undefined if invalid. */\n  parseFn: (text: string) => Date | undefined;\n  /** Earliest selectable date (inclusive). */\n  min?: Date;\n  /** Latest selectable date (inclusive). */\n  max?: Date;\n  /**\n   * Called by `commitAndStopEditing` with the validated date, or null when the\n   * field is cleared. Not called when the input is invalid (silent revert) or\n   * when `stopEditing` is used directly (Escape/cancel).\n   */\n  onChange?: (date: Date | null) => void;\n}\n\nexport interface UseDateEditState {\n  /** Whether the user is currently typing in the input. */\n  isEditing: boolean;\n  /** The value to show in the input: raw text when editing, formatted date otherwise. */\n  displayedValue: string;\n  /** Validation error for the current input text: null when valid or not editing. */\n  inputError: \"invalid\" | \"out-of-range\" | null;\n  /**\n   * Live parse of inputValue — the Date if parsable, undefined if empty/invalid.\n   * Re-derived every render from parseFn(inputValue).\n   * Used for cross-input validation (e.g. DateRangeInputField's overlapping check).\n   */\n  dateValue: Date | undefined;\n  /** Enter editing mode: sets isEditing=true and populates inputValue from the current value. */\n  startEditing: () => void;\n  /** Exit editing mode without committing (Escape/cancel). */\n  stopEditing: () => void;\n  /** Commit the current input via onChange, then exit editing mode (blur/Enter). */\n  commitAndStopEditing: () => void;\n  /** Update the raw input text (stable useState setter). */\n  setInputValue: (value: string) => void;\n  /**\n   * Set inputValue from a Date using editFormatFn. Use this instead of calling\n   * `setInputValue(editFormatFn(date))` manually — it removes the need for\n   * callers to know which format function to apply.\n   */\n  setDateValue: (date: Date | null) => void;\n}\n\n/**\n * Manages the editing lifecycle for a single date text input.\n *\n * Handles the two-phase display pattern where the input shows a formatted\n * display value when idle and switches to an editable format when focused.\n */\nexport function useDateEditState({\n  value,\n  displayFormatFn,\n  editFormatFn,\n  parseFn,\n  min,\n  max,\n  onChange,\n}: UseDateEditStateConfig): UseDateEditState {\n  const [isEditing, setIsEditing] = useState(false);\n  const [inputValue, setInputValue] = useState(\"\");\n\n  // Sync inputValue when external value changes (e.g. parent resets)\n  const prevValueTimeRef = useRef<number | null>(value?.getTime() ?? null);\n  const currentValueTime = value?.getTime() ?? null;\n  if (prevValueTimeRef.current !== currentValueTime) {\n    prevValueTimeRef.current = currentValueTime;\n    if (!isEditing) {\n      setInputValue(value != null ? editFormatFn(value) : \"\");\n    }\n  }\n\n  // During editing the user needs parsable text they can modify and that\n  // round-trips through parseFn (e.g. \"2024-01-15\"). When idle the input\n  // shows a locale-friendly string that may not be parsable (e.g. \"Jan 15, 2024\")\n  // but is more readable. displayedValue is the single source of truth\n  // for the input's visible text.\n  const displayedValue = isEditing\n    ? inputValue\n    : (value != null ? displayFormatFn(value) : \"\");\n\n  // Parse the input once per render and derive all validation state from it.\n  const dateValue = inputValue !== \"\" ? parseFn(inputValue) : undefined;\n\n  const inputError: \"invalid\" | \"out-of-range\" | null = (() => {\n    // Not editing: no validation feedback.\n    // Empty input: the user cleared the field — that means null, not invalid.\n    if (!isEditing || inputValue === \"\") return null;\n    if (dateValue == null) return \"invalid\";\n    if (!isDateInRange(dateValue, min, max)) return \"out-of-range\";\n    return null;\n  })();\n\n  // The validated date ready for onChange, derived from dateValue + inputError.\n  const validatedDate = (inputError == null && dateValue != null)\n    ? dateValue\n    : null;\n\n  const setDateValue = useCallback(\n    (date: Date | null) => {\n      setInputValue(date != null ? editFormatFn(date) : \"\");\n    },\n    [editFormatFn],\n  );\n\n  const startEditing = useCallback(() => {\n    setIsEditing(true);\n    setDateValue(value);\n  }, [value, setDateValue]);\n\n  const stopEditing = useCallback(() => {\n    setIsEditing(false);\n    setDateValue(value);\n  }, [value, setDateValue]);\n\n  // Refs so commitAndStopEditing reads the latest derived values without\n  // closing over inputValue/validatedDate (which change every keystroke).\n  const inputValueRef = useRef(inputValue);\n  inputValueRef.current = inputValue;\n  const validatedDateRef = useRef(validatedDate);\n  validatedDateRef.current = validatedDate;\n\n  const commitAndStopEditing = useCallback(() => {\n    if (inputValueRef.current === \"\") {\n      onChange?.(null);\n    } else if (validatedDateRef.current != null) {\n      onChange?.(validatedDateRef.current);\n    }\n    setIsEditing(false);\n    setDateValue(value);\n  }, [onChange, setDateValue, value]);\n\n  return {\n    isEditing,\n    displayedValue,\n    inputError,\n    dateValue,\n    startEditing,\n    stopEditing,\n    commitAndStopEditing,\n    setInputValue,\n    setDateValue,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useDateEditState.js","names":["useCallback","useRef","useState","isDateInRange","useDateEditState","value","displayFormatFn","editFormatFn","parseFn","min","max","onChange","isEditing","setIsEditing","inputValue","setInputValue","prevValueTimeRef","getTime","currentValueTime","current","displayedValue","dateValue","undefined","inputError","validatedDate","setDateValue","date","startEditing","stopEditing","inputValueRef","validatedDateRef","commitAndStopEditing"],"sources":["useDateEditState.ts"],"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 { useCallback, useRef, useState } from \"react\";\nimport { isDateInRange } from \"../../shared/dateUtils.js\";\n\nexport interface UseDateEditStateConfig {\n  /** The current committed date value (controlled by the parent). */\n  value: Date | null;\n  /**\n   * Formats the date when the input is idle (not focused). It doesn't need to\n   * be parsable since the user isn't typing.\n   * When no custom formatDate prop is provided, this is the same as editFormatFn.\n   */\n  displayFormatFn: (date: Date) => string;\n  /**\n   * Formats the date when the user starts typing. Must produce a string that\n   * parseFn can round-trip back to a Date (e.g. \"2024-01-15\" or \"2024-01-15 14:30\").\n   */\n  editFormatFn: (date: Date) => string;\n  /** Parses user-typed text back into a Date. Returns undefined if invalid. */\n  parseFn: (text: string) => Date | undefined;\n  /** Earliest selectable date (inclusive). */\n  min?: Date;\n  /** Latest selectable date (inclusive). */\n  max?: Date;\n  /**\n   * Called by `commitAndStopEditing` with the validated date, or null when the\n   * field is cleared. Not called when the input is invalid (silent revert) or\n   * when `stopEditing` is used directly (Escape/cancel).\n   */\n  onChange?: (date: Date | null) => void;\n}\n\nexport interface UseDateEditState {\n  /** Whether the user is currently typing in the input. */\n  isEditing: boolean;\n  /** The value to show in the input: raw text when editing, formatted date otherwise. */\n  displayedValue: string;\n  /** Validation error for the current input text: null when valid or not editing. */\n  inputError: \"invalid\" | \"out-of-range\" | null;\n  /**\n   * Live parse of inputValue — the Date if parsable, undefined if empty/invalid.\n   * Re-derived every render from parseFn(inputValue).\n   * Used for cross-input validation (e.g. DateRangeInputField's overlapping check).\n   */\n  dateValue: Date | undefined;\n  /** Enter editing mode: sets isEditing=true and populates inputValue from the current value. */\n  startEditing: () => void;\n  /** Exit editing mode without committing (Escape/cancel). */\n  stopEditing: () => void;\n  /** Commit the current input via onChange, then exit editing mode (blur/Enter). */\n  commitAndStopEditing: () => void;\n  /** Update the raw input text (stable useState setter). */\n  setInputValue: (value: string) => void;\n  /**\n   * Set inputValue from a Date using editFormatFn. Use this instead of calling\n   * `setInputValue(editFormatFn(date))` manually — it removes the need for\n   * callers to know which format function to apply.\n   */\n  setDateValue: (date: Date | null) => void;\n}\n\n/**\n * Manages the editing lifecycle for a single date text input.\n *\n * Handles the two-phase display pattern where the input shows a formatted\n * display value when idle and switches to an editable format when focused.\n */\nexport function useDateEditState({\n  value,\n  displayFormatFn,\n  editFormatFn,\n  parseFn,\n  min,\n  max,\n  onChange,\n}: UseDateEditStateConfig): UseDateEditState {\n  const [isEditing, setIsEditing] = useState(false);\n  const [inputValue, setInputValue] = useState(\"\");\n\n  // Sync inputValue when external value changes (e.g. parent resets)\n  const prevValueTimeRef = useRef<number | null>(value?.getTime() ?? null);\n  const currentValueTime = value?.getTime() ?? null;\n  if (prevValueTimeRef.current !== currentValueTime) {\n    prevValueTimeRef.current = currentValueTime;\n    if (!isEditing) {\n      setInputValue(value != null ? editFormatFn(value) : \"\");\n    }\n  }\n\n  // During editing the user needs parsable text they can modify and that\n  // round-trips through parseFn (e.g. \"2024-01-15\"). When idle the input may\n  // show a different display string. displayedValue is the single source of\n  // truth for the input's visible text.\n  const displayedValue = isEditing\n    ? inputValue\n    : (value != null ? displayFormatFn(value) : \"\");\n\n  // Parse the input once per render and derive all validation state from it.\n  const dateValue = inputValue !== \"\" ? parseFn(inputValue) : undefined;\n\n  const inputError: \"invalid\" | \"out-of-range\" | null = (() => {\n    // Not editing: no validation feedback.\n    // Empty input: the user cleared the field — that means null, not invalid.\n    if (!isEditing || inputValue === \"\") return null;\n    if (dateValue == null) return \"invalid\";\n    if (!isDateInRange(dateValue, min, max)) return \"out-of-range\";\n    return null;\n  })();\n\n  // The validated date ready for onChange, derived from dateValue + inputError.\n  const validatedDate = (inputError == null && dateValue != null)\n    ? dateValue\n    : null;\n\n  const setDateValue = useCallback(\n    (date: Date | null) => {\n      setInputValue(date != null ? editFormatFn(date) : \"\");\n    },\n    [editFormatFn],\n  );\n\n  const startEditing = useCallback(() => {\n    setIsEditing(true);\n    setDateValue(value);\n  }, [value, setDateValue]);\n\n  const stopEditing = useCallback(() => {\n    setIsEditing(false);\n    setDateValue(value);\n  }, [value, setDateValue]);\n\n  // Refs so commitAndStopEditing reads the latest derived values without\n  // closing over inputValue/validatedDate (which change every keystroke).\n  const inputValueRef = useRef(inputValue);\n  inputValueRef.current = inputValue;\n  const validatedDateRef = useRef(validatedDate);\n  validatedDateRef.current = validatedDate;\n\n  const commitAndStopEditing = useCallback(() => {\n    if (inputValueRef.current === \"\") {\n      onChange?.(null);\n    } else if (validatedDateRef.current != null) {\n      onChange?.(validatedDateRef.current);\n    }\n    setIsEditing(false);\n    setDateValue(value);\n  }, [onChange, setDateValue, value]);\n\n  return {\n    isEditing,\n    displayedValue,\n    inputError,\n    dateValue,\n    startEditing,\n    stopEditing,\n    commitAndStopEditing,\n    setInputValue,\n    setDateValue,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/base-components/action-button/ActionButton.js

@@ -21,12 +21,13 @@ import React from "react";
 import styles from "./ActionButton.module.css.js";
 export const ActionButton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function ({
   variant = "secondary",
+  appearance = "default",
   className,
   ...rest
 }, ref) {
   return /*#__PURE__*/React.createElement(Button, _extends({
     ref: ref,
-    className: classNames(styles.button, variant === "primary" ? styles.primaryButton : styles.secondaryButton, className)
+    className: classNames(styles.button, variant === "primary" ? styles.primaryButton : styles.secondaryButton, appearance === "minimal" && styles.minimalButton, className)
   }, rest));
 }));
 //# sourceMappingURL=ActionButton.js.map

package/build/browser/base-components/action-button/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","names":["Button","classNames","React","styles","ActionButton","memo","forwardRef","variant","className","rest","ref","createElement","_extends","button","primaryButton","secondaryButton"],"sources":["ActionButton.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 { Button } from \"@base-ui/react/button\";\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./ActionButton.module.css\";\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>\n{\n  variant?: \"primary\" | \"secondary\";\n}\n\nexport const ActionButton: React.MemoExoticComponent<\n  React.ForwardRefExoticComponent<\n    ButtonProps & React.RefAttributes<HTMLButtonElement>\n  >\n> = React.memo(\n  React.forwardRef<HTMLButtonElement, ButtonProps>(\n    function ActionButton({ variant = \"secondary\", className, ...rest }, ref) {\n      return (\n        <Button\n          ref={ref}\n          className={classNames(\n            styles.button,\n            variant === \"primary\"\n              ? styles.primaryButton\n              : styles.secondaryButton,\n            className,\n          )}\n          {...rest}\n        />\n      );\n    },\n  ),\n);\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,2BAA2B;AAQ9C,OAAO,MAAMC,YAIZ,gBAAGF,KAAK,CAACG,IAAI,cACZH,KAAK,CAACI,UAAU,CACd,UAAsB;EAAEC,OAAO,GAAG,WAAW;EAAEC,SAAS;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,EAAE;EACxE,oBACER,KAAA,CAAAS,aAAA,CAACX,MAAM,EAAAY,QAAA;IACLF,GAAG,EAAEA,GAAI;IACTF,SAAS,EAAEP,UAAU,CACnBE,MAAM,CAACU,MAAM,EACbN,OAAO,KAAK,SAAS,GACjBJ,MAAM,CAACW,aAAa,GACpBX,MAAM,CAACY,eAAe,EAC1BP,SACF;EAAE,GACEC,IAAI,CACT,CAAC;AAEN,CACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"file":"ActionButton.js","names":["Button","classNames","React","styles","ActionButton","memo","forwardRef","variant","appearance","className","rest","ref","createElement","_extends","button","primaryButton","secondaryButton","minimalButton"],"sources":["ActionButton.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 { Button } from \"@base-ui/react/button\";\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./ActionButton.module.css\";\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>\n{\n  variant?: \"primary\" | \"secondary\";\n  appearance?: \"default\" | \"minimal\";\n}\n\nexport const ActionButton: React.MemoExoticComponent<\n  React.ForwardRefExoticComponent<\n    ButtonProps & React.RefAttributes<HTMLButtonElement>\n  >\n> = React.memo(\n  React.forwardRef<HTMLButtonElement, ButtonProps>(function ActionButton(\n    { variant = \"secondary\", appearance = \"default\", className, ...rest },\n    ref,\n  ) {\n    return (\n      <Button\n        ref={ref}\n        className={classNames(\n          styles.button,\n          variant === \"primary\" ? styles.primaryButton : styles.secondaryButton,\n          appearance === \"minimal\" && styles.minimalButton,\n          className,\n        )}\n        {...rest}\n      />\n    );\n  }),\n);\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,2BAA2B;AAS9C,OAAO,MAAMC,YAIZ,gBAAGF,KAAK,CAACG,IAAI,cACZH,KAAK,CAACI,UAAU,CAAiC,UAC/C;EAAEC,OAAO,GAAG,WAAW;EAAEC,UAAU,GAAG,SAAS;EAAEC,SAAS;EAAE,GAAGC;AAAK,CAAC,EACrEC,GAAG,EACH;EACA,oBACET,KAAA,CAAAU,aAAA,CAACZ,MAAM,EAAAa,QAAA;IACLF,GAAG,EAAEA,GAAI;IACTF,SAAS,EAAER,UAAU,CACnBE,MAAM,CAACW,MAAM,EACbP,OAAO,KAAK,SAAS,GAAGJ,MAAM,CAACY,aAAa,GAAGZ,MAAM,CAACa,eAAe,EACrER,UAAU,KAAK,SAAS,IAAIL,MAAM,CAACc,aAAa,EAChDR,SACF;EAAE,GACEC,IAAI,CACT,CAAC;AAEN,CAAC,CACH,CAAC","ignoreList":[]}

package/build/browser/base-components/action-button/ActionButton.module.css

@@ -62,3 +62,22 @@
     background-color: var(--osdk-button-primary-bg-active);
   }
 }
+
+.minimalButton {
+  background-color: var(--osdk-button-minimal-bg);
+  border: var(--osdk-button-minimal-border);
+  box-shadow: var(--osdk-button-minimal-shadow);
+  color: var(--osdk-button-secondary-minimal-color);
+
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-minimal-bg-hover);
+  }
+
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-minimal-bg-active);
+  }
+}
+
+.primaryButton.minimalButton {
+  color: var(--osdk-button-primary-minimal-color);
+}

package/build/browser/base-components/action-button/ActionButton.module.css.js

@@ -2,7 +2,8 @@
 const styles = {
   "button": "ActionButton-module__button___ml7q5klp",
   "secondaryButton": "ActionButton-module__secondaryButton___9ADrh8W1",
-  "primaryButton": "ActionButton-module__primaryButton___26uDwmR6"
+  "primaryButton": "ActionButton-module__primaryButton___26uDwmR6",
+  "minimalButton": "ActionButton-module__minimalButton___GD-TV5sR"
 };
 
 export default styles;

package/build/browser/base-components/combobox/Combobox.module.css

@@ -91,6 +91,12 @@
     );
   }
 
+  /* Override global :focus rules (e.g. Blueprint) that add an outline on
+     mouse click. Only show the ring on keyboard focus (:focus-visible). */
+  &:focus:not(:focus-visible) {
+    outline: none;
+  }
+
   &:focus-visible {
     outline: var(
         --osdk-combobox-trigger-focus-width,
@@ -104,6 +110,10 @@
     );
   }
 
+  &[data-popup-open]:focus-visible {
+    outline: none;
+  }
+
   &[data-disabled] {
     cursor: not-allowed;
     opacity: var(--osdk-disabled-opacity, 0.5);
@@ -298,13 +308,20 @@
 
 .osdkComboboxPositioner {
   z-index: var(--osdk-combobox-z-index, var(--osdk-surface-z-index-3));
+  /* Base UI may focus popup containers so they can own roving keyboard
+     navigation. Keep visible focus on the trigger/input or highlighted option
+     instead of drawing a browser-default ring around this wrapper. */
+  outline: none;
 }
 
 .osdkComboboxPopup {
   display: flex;
   flex-direction: column;
   min-width: var(--anchor-width);
-  max-height: var(--available-height);
+  max-height: min(
+    var(--osdk-combobox-popup-max-height),
+    var(--available-height)
+  );
   overflow-y: auto;
   padding: calc(
     var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5
@@ -321,6 +338,10 @@
     var(--osdk-surface-background-color-default-rest)
   );
   box-shadow: var(--osdk-combobox-popup-shadow, var(--osdk-surface-shadow-2));
+
+  &:focus {
+    outline: none;
+  }
 }
 
 /*
@@ -440,7 +461,7 @@
   );
   background-color: var(
     --osdk-combobox-chip-bg,
-    var(--osdk-surface-background-color-default-hover)
+    var(--osdk-custom-color-gray-4)
   );
   font-family: var(
     --osdk-combobox-font-family,
@@ -532,6 +553,13 @@
   display: flex;
   flex-direction: column;
   overflow-y: auto;
+
+  /* Base UI moves focus into the list when the popup opens for keyboard
+     navigation. Highlighted options provide the visible affordance, so do not
+     draw a browser/default focus ring around the whole popup list. */
+  &:focus {
+    outline: none;
+  }
 }
 
 .osdkComboboxEmpty {
@@ -628,7 +656,7 @@
   );
   background-color: var(
     --osdk-combobox-chip-bg,
-    var(--osdk-surface-background-color-default-hover)
+    var(--osdk-custom-color-gray-4)
   );
   font-size: var(
     --osdk-combobox-chip-font-size,