@astryxdesign/core 0.7.6-canary.fdabeba → 0.7.6

package/dist/Field/InputClearButton.js

@@ -18,9 +18,11 @@
 import * as stylex from '@stylexjs/stylex';
 import { Button } from "../Button/Button.js";
 import { Icon } from "../Icon/Icon.js";
-import { useTranslator } from "../i18n/useTranslator.js";
 import { themeProps } from "../utils/themeProps.js";
+import { registerEnglishFallback, useComponentTranslator } from "../i18n/useComponentTranslator.js";
+import english from "../i18n/generated-english/Field/InputClearButton.generated.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+registerEnglishFallback(english);
 const styles = {
   button: {
     kZKoxP: "x1qx5ct2",
@@ -78,7 +80,7 @@ function renderInputClearButton({
   });
 }
 export function InputClearButton(props) {
-  const t = useTranslator();
+  const t = useComponentTranslator();
   return renderInputClearButton({
     ...props,
     tooltip: t('@astryx.inputClearButton.tooltip')
@@ -87,7 +89,7 @@ export function InputClearButton(props) {
 
 /** Internal variant used while popup-aware clear behavior is rolled out. */
 export function InternalInputClearButton(props) {
-  const t = useTranslator();
+  const t = useComponentTranslator();
   return renderInputClearButton({
     ...props,
     tooltip: t('@astryx.inputClearButton.tooltip')

package/dist/Field/PanelSearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelSearchInput.d.ts","sourceRoot":"","sources":["../../src/Field/PanelSearchInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,OAAO,EAAwB,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAiBnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAgF5C,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,SAAS,CAAC,gBAAgB,CAAC,EAC3B,UAAU,CACX;IACC,iEAAiE;IACjE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAE5B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd,6EAA6E;IAC7E,UAAU,EAAE,MAAM,CAAC;IAEnB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IAEd,kEAAkE;IAClE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC,wCAAwC;IACxC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IAEzD,0EAA0E;IAC1E,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAEpD,yEAAyE;IACzE,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAEnD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IAEhE;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,EACL,aAAa,EACb,SAAS,EACT,OAAO,EACP,MAAM,EACN,kBAAkB,EAClB,WAAW,EACX,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,qBAAqB,+BA6EvB;yBA7Fe,gBAAgB"}
+{"version":3,"file":"PanelSearchInput.d.ts","sourceRoot":"","sources":["../../src/Field/PanelSearchInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,OAAO,EAAwB,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAenD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAgF5C,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,SAAS,CAAC,gBAAgB,CAAC,EAC3B,UAAU,CACX;IACC,iEAAiE;IACjE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAE5B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd,6EAA6E;IAC7E,UAAU,EAAE,MAAM,CAAC;IAEnB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IAEd,kEAAkE;IAClE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC,wCAAwC;IACxC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IAEzD,0EAA0E;IAC1E,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAEpD,yEAAyE;IACzE,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAEnD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IAEhE;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,EACL,aAAa,EACb,SAAS,EACT,OAAO,EACP,MAAM,EACN,kBAAkB,EAClB,WAAW,EACX,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,qBAAqB,+BA8EvB;yBA9Fe,gBAAgB"}

package/dist/Field/PanelSearchInput.js

@@ -43,7 +43,8 @@ import * as stylex from '@stylexjs/stylex';
 import { Icon } from "../Icon/Icon.js";
 import { InputClearButton } from "./InputClearButton.js";
 import { mergeProps } from "../utils/mergeProps.js";
-import { getInteractionModality, useInteractionModalityTracking } from "../utils/interactionModality.js";
+import { useInteractionModalityTracking } from "../utils/interactionModality.js";
+import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import "../theme/tokens.stylex.js";
 import { colorVars, durationVars, easeVars, radiusVars, spacingVars, typeScaleVars, typographyVars } from "../theme/tokens.stylex.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -109,11 +110,15 @@ export function PanelSearchInput({
   // by itself. Gate it on how the user last interacted; the CSS condition
   // stays `:focus-visible`, this only narrows it.
   const [isKeyboardFocus, setIsKeyboardFocus] = useState(false);
-  useInteractionModalityTracking();
+  const {
+    ref: modalityRef,
+    readModality
+  } = useInteractionModalityTracking();
+  const mergedInputRef = useMergedRefs(ref, modalityRef);
   const handleFocus = useCallback(e => {
-    setIsKeyboardFocus(getInteractionModality() === 'keyboard');
+    setIsKeyboardFocus(readModality() === 'keyboard');
     onFocus?.(e);
-  }, [onFocus]);
+  }, [onFocus, readModality]);
   const handleBlur = useCallback(e => {
     setIsKeyboardFocus(false);
     onBlur?.(e);
@@ -147,7 +152,7 @@ export function PanelSearchInput({
         color: "secondary",
         xstyle: styles.icon
       }), /*#__PURE__*/_jsx("input", {
-        ref: ref,
+        ref: mergedInputRef,
         type: "text",
         "aria-label": label,
         placeholder: placeholder,

package/dist/Field/fieldStatusPlacement.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @file fieldStatusPlacement.ts
+ * @input The FieldStatus variant map
+ * @output FieldStatusPlacement, where a field control shows its status
+ * @position Field family type behind every field control's `statusVariant`
+ *
+ * A field control places its status message as a FieldStatus variant, or under
+ * `'tooltip'`, which the Field family consumes before rendering FieldStatus and
+ * shows through the control's on-field status icon (`component:FieldStatus`
+ * FR7, DEC-2). `'tooltip'` belongs here, not to FieldStatus itself, whose map
+ * keeps it only as a deprecated entry until the next minor.
+ */
+import type { FieldStatusVariantMap } from '../FieldStatus/index.js';
+export type FieldStatusPlacement = keyof FieldStatusVariantMap | 'tooltip';
+//# sourceMappingURL=fieldStatusPlacement.d.ts.map

package/dist/Field/fieldStatusPlacement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldStatusPlacement.d.ts","sourceRoot":"","sources":["../../src/Field/fieldStatusPlacement.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AAE1D,MAAM,MAAM,oBAAoB,GAAG,MAAM,qBAAqB,GAAG,SAAS,CAAC"}

package/dist/Field/fieldStatusPlacement.js

@@ -0,0 +1 @@
+export {};

package/dist/Field/index.d.ts

@@ -1,7 +1,8 @@
 /**
  * @file index.ts
  * @input Imports Field component and types from Field.tsx, FieldLabel from FieldLabel.tsx, FieldStatus from FieldStatus.tsx
- * @output Exports Field, FieldProps, FieldStatusInput, FieldStatusType, FieldLabel, FieldLabelProps, FieldStatus component
+ * @output Exports Field, FieldProps, FieldStatusInput, FieldStatusType, FieldLabel, FieldLabelProps, FieldStatus component,
+ *   and the shared input types (including the text-entry keyboard trait types)
  * @position Component entry point; re-exported by /packages/core/src/index.ts
  *
  * SYNC: When modified, update this header and /packages/core/src/Field/Field.doc.mjs
@@ -12,8 +13,10 @@ export { FieldLabel } from './FieldLabel.js';
 export type { FieldLabelProps } from './FieldLabel.js';
 export { FieldStatus } from '../FieldStatus/index.js';
 export type { FieldStatusProps, FieldStatusVariant, FieldStatusVariantMap, } from '../FieldStatus/index.js';
+export type { FieldStatusPlacement } from './fieldStatusPlacement.js';
 export type { InputStatus, InputStatusType, InputSize } from './types.js';
 export type { FieldInputBaseProps, FieldContainerStyleProps, FieldControlStyleProps, FieldPartStyleProps, } from './fieldParts.js';
+export type { AutoCapitalize, EnterKeyHint, InputMode } from './textEntryTraits.js';
 export { inputWrapperStyles, inputStatusBorderStyles, inputStatusHoverShadowStyles, inputStatusFocusWithinStyles, inputStatusFocusStyles, } from './inputStyles.stylex.js';
 export { InputClearButton } from './InputClearButton.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Field/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,YAAY,EAAC,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAC;AAC3E,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,gBAAgB,CAAC;AAGxB,YAAY,EAAC,WAAW,EAAE,eAAe,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AACrE,YAAY,EACV,mBAAmB,EACnB,wBAAwB,EACxB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,4BAA4B,EAC5B,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Field/index.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,YAAY,EAAC,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAC;AAC3E,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAGjE,YAAY,EAAC,WAAW,EAAE,eAAe,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AACrE,YAAY,EACV,mBAAmB,EACnB,wBAAwB,EACxB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AACtB,YAAY,EAAC,cAAc,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAG/E,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,4BAA4B,EAC5B,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC"}

package/dist/Field/index.js

@@ -5,7 +5,8 @@
 /**
  * @file index.ts
  * @input Imports Field component and types from Field.tsx, FieldLabel from FieldLabel.tsx, FieldStatus from FieldStatus.tsx
- * @output Exports Field, FieldProps, FieldStatusInput, FieldStatusType, FieldLabel, FieldLabelProps, FieldStatus component
+ * @output Exports Field, FieldProps, FieldStatusInput, FieldStatusType, FieldLabel, FieldLabelProps, FieldStatus component,
+ *   and the shared input types (including the text-entry keyboard trait types)
  * @position Component entry point; re-exported by /packages/core/src/index.ts
  *
  * SYNC: When modified, update this header and /packages/core/src/Field/Field.doc.mjs

package/dist/Field/inputDisabledFocus.d.ts

@@ -1,13 +1,26 @@
 /**
  * @file inputDisabledFocus.ts
  * @input Uses StyleX and theme tokens
- * @output inputDisabledFocusStyles (internal; not re-exported from Field/index.ts)
- * @position Field wrapper style shared by TextInput and TextArea
+ * @output inputDisabledFocusStyles (internal; not re-exported from Field/index.ts):
+ *   the one place every field's disabled focus ring is defined
+ * @position Field wrapper style shared by the text-entry fields
  */
 import * as stylex from '@stylexjs/stylex';
 export declare const inputDisabledFocusStyles: Readonly<{
     readonly ring: Readonly<{
-        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "light-dark(#0064E0, #2694FE)" | "light-dark(#CCD3DB, #494D53)">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "light-dark(#0064E0, #2694FE)" | "light-dark(#CCD3DB, #494D53)" | "Highlight">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none" | `inset 0px 0px 0px 2px ${stylex.StyleXVar<"light-dark(#0082FB33, #0082FB3F)">}`>;
+    }>;
+    readonly nestedRing: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "light-dark(#0064E0, #2694FE)" | "light-dark(#CCD3DB, #494D53)" | "Highlight">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none" | `inset 0px 0px 0px 2px ${stylex.StyleXVar<"light-dark(#0082FB33, #0082FB3F)">}`>;
+    }>;
+    readonly withinRing: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "light-dark(#0064E0, #2694FE)" | "light-dark(#CCD3DB, #494D53)" | "Highlight">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none" | `inset 0px 0px 0px 2px ${stylex.StyleXVar<"light-dark(#0082FB33, #0082FB3F)">}`>;
+    }>;
+    readonly inputFocusRing: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "light-dark(#0064E0, #2694FE)" | "light-dark(#CCD3DB, #494D53)" | "Highlight">;
         readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none" | `inset 0px 0px 0px 2px ${stylex.StyleXVar<"light-dark(#0082FB33, #0082FB3F)">}`>;
     }>;
 }>;

package/dist/Field/inputDisabledFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputDisabledFocus.d.ts","sourceRoot":"","sources":["../../src/Field/inputDisabledFocus.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAG3C,eAAO,MAAM,wBAAwB;;;;;EAenC,CAAC"}
+{"version":3,"file":"inputDisabledFocus.d.ts","sourceRoot":"","sources":["../../src/Field/inputDisabledFocus.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAG3C,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;EAwEnC,CAAC"}

package/dist/Field/inputDisabledFocus.js

@@ -3,8 +3,9 @@
 /**
  * @file inputDisabledFocus.ts
  * @input Uses StyleX and theme tokens
- * @output inputDisabledFocusStyles (internal; not re-exported from Field/index.ts)
- * @position Field wrapper style shared by TextInput and TextArea
+ * @output inputDisabledFocusStyles (internal; not re-exported from Field/index.ts):
+ *   the one place every field's disabled focus ring is defined
+ * @position Field wrapper style shared by the text-entry fields
  */
 
 import * as stylex from '@stylexjs/stylex';
@@ -12,8 +13,23 @@ import "../theme/tokens.stylex.js";
 import { colorVars } from "../theme/tokens.stylex.js";
 export const inputDisabledFocusStyles = {
   ring: {
-    kVAM5u: "xvy26l8 x16it14f",
+    kVAM5u: "xvy26l8 x16it14f xqgemzk",
     kGVxlE: "x1gnnqk1 xwmge8v",
     $$css: true
+  },
+  nestedRing: {
+    kVAM5u: "xvy26l8 x1ta6xgg xa99h4j",
+    kGVxlE: "x1gnnqk1 x151j4nw",
+    $$css: true
+  },
+  withinRing: {
+    kVAM5u: "xvy26l8 x6q1khz xohk9ji",
+    kGVxlE: "x1gnnqk1 xuihb5h",
+    $$css: true
+  },
+  inputFocusRing: {
+    kVAM5u: "xvy26l8 x2uiyk xq9p6t4",
+    kGVxlE: "x1gnnqk1 xxsos93",
+    $$css: true
   }
 };

package/dist/Field/inputStyles.stylex.d.ts

@@ -28,7 +28,7 @@ export declare const inputWrapperStyles: Readonly<{
         readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "0.5rem">;
         readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
         readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
-        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "light-dark(#0064E0, #2694FE)" | "light-dark(#CCD3DB, #494D53)">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "light-dark(#0064E0, #2694FE)" | "light-dark(#CCD3DB, #494D53)" | "Highlight">;
         readonly '--_field-radius': stylex.StyleXClassNameFor<"--_field-radius", "8px">;
         readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "var(--_field-radius)">;
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "light-dark(#FFFFFF, #1F1F22)">;
@@ -49,17 +49,19 @@ export declare const inputWrapperStyles: Readonly<{
 }>;
 /**
  * Status border colors for input wrappers.
- * Keyed by InputStatusType.
+ * Keyed by InputStatusType. Under forced colors a focused field's border is
+ * Highlight, as in the base style, for wrappers that apply no status focus
+ * style of their own (Selector, MultiSelector).
  */
 export declare const inputStatusBorderStyles: Readonly<{
     readonly warning: Readonly<{
-        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--color-text-warning)">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--color-text-warning)" | "Highlight">;
     }>;
     readonly error: Readonly<{
-        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--color-text-error)">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--color-text-error)" | "Highlight">;
     }>;
     readonly success: Readonly<{
-        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--color-text-success)">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--color-text-success)" | "Highlight">;
     }>;
 }>;
 /**
@@ -84,19 +86,20 @@ export declare const inputStatusHoverShadowStyles: Readonly<{
     }>;
 }>;
 /**
- * Status focus border styles using :focus-within.
+ * Status focus border styles using :focus-within. Under forced colors the
+ * focused border is Highlight, as in the base style.
  * Used by input wrappers that contain a child input/textarea element.
  * Keyed by InputStatusType.
  */
 export declare const inputStatusFocusWithinStyles: Readonly<{
     readonly warning: Readonly<{
-        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--color-text-warning)">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--color-text-warning)" | "Highlight">;
     }>;
     readonly error: Readonly<{
-        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--color-text-error)">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--color-text-error)" | "Highlight">;
     }>;
     readonly success: Readonly<{
-        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--color-text-success)">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--color-text-success)" | "Highlight">;
     }>;
 }>;
 /**

package/dist/Field/inputStyles.stylex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputStyles.stylex.d.ts","sourceRoot":"","sources":["../../src/Field/inputStyles.stylex.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAW3C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0C7B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;EAUlC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;EA4BvC,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;EAmBvC,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;EAmBjC,CAAC"}
+{"version":3,"file":"inputStyles.stylex.d.ts","sourceRoot":"","sources":["../../src/Field/inputStyles.stylex.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAW3C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiD7B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;EA4BlC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;EA4BvC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;EA4BvC,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;EAmBjC,CAAC"}

package/dist/Field/inputStyles.stylex.js

@@ -34,7 +34,7 @@ export const inputWrapperStyles = {
     kg3NbH: "xf314gf",
     kMzoRj: "x1litavf",
     ksu8eU: "x1y0btm7",
-    kVAM5u: "xvy26l8 x6q1khz",
+    kVAM5u: "xvy26l8 x6q1khz xohk9ji",
     "--_field-radius": "x1832zxr",
     kaIpWk: "xvdfih8",
     kWkggS: "x10xzikg",
@@ -56,19 +56,21 @@ export const inputWrapperStyles = {
 
 /**
  * Status border colors for input wrappers.
- * Keyed by InputStatusType.
+ * Keyed by InputStatusType. Under forced colors a focused field's border is
+ * Highlight, as in the base style, for wrappers that apply no status focus
+ * style of their own (Selector, MultiSelector).
  */
 export const inputStatusBorderStyles = {
   warning: {
-    kVAM5u: "xrwcrn0",
+    kVAM5u: "xrwcrn0 x1pl5oko xohk9ji",
     $$css: true
   },
   error: {
-    kVAM5u: "xw4o254",
+    kVAM5u: "xw4o254 x1kaqvcv xohk9ji",
     $$css: true
   },
   success: {
-    kVAM5u: "x1cu78b5",
+    kVAM5u: "x1cu78b5 x1lbxt8w xohk9ji",
     $$css: true
   }
 };
@@ -93,21 +95,22 @@ export const inputStatusHoverShadowStyles = {
 };
 
 /**
- * Status focus border styles using :focus-within.
+ * Status focus border styles using :focus-within. Under forced colors the
+ * focused border is Highlight, as in the base style.
  * Used by input wrappers that contain a child input/textarea element.
  * Keyed by InputStatusType.
  */
 export const inputStatusFocusWithinStyles = {
   warning: {
-    kVAM5u: "xrwcrn0 x1pl5oko",
+    kVAM5u: "xrwcrn0 x1pl5oko xohk9ji",
     $$css: true
   },
   error: {
-    kVAM5u: "xw4o254 x1kaqvcv",
+    kVAM5u: "xw4o254 x1kaqvcv xohk9ji",
     $$css: true
   },
   success: {
-    kVAM5u: "x1cu78b5 x1lbxt8w",
+    kVAM5u: "x1cu78b5 x1lbxt8w xohk9ji",
     $$css: true
   }
 };

package/dist/Field/textEntryTraits.d.ts

@@ -0,0 +1,86 @@
+/**
+ * @file textEntryTraits.ts
+ * @input The keyboard-trait props a text field accepts
+ * @output Exports the closed value unions EnterKeyHint, InputMode and
+ *   AutoCapitalize (the package entry exports these three), the fields' prop
+ *   mixin TextEntryTraitProps, and textEntryTraitAttributes, which maps the
+ *   props onto the native attributes of the editable element
+ * @position Shared by TextInput and TextArea: the one place that says how a
+ *   field tells a touch keyboard what it holds
+ *
+ * SYNC: When modified, update:
+ * - /packages/core/src/TextInput/TextInput.tsx and TextInput.doc.mjs
+ * - /packages/core/src/TextArea/TextArea.tsx and TextArea.doc.mjs
+ * - /packages/core/src/Field/index.ts (type exports)
+ */
+/**
+ * What the Return key of a touch keyboard says. iOS gives `done`, `go`,
+ * `next`, `search` and `send` their own key (a glyph on iOS 26: a checkmark,
+ * an arrow, a chevron, a magnifier, an up arrow); `enter` and `previous` keep
+ * the plain Return key. Chrome on Android (Gboard) gives every value its own
+ * key; with no hint, a single-line field's key reads Next while another field
+ * follows and a multi-line field's keeps Return, and a `type="url"` field
+ * shows Next instead of `go` while another field follows.
+ */
+export type EnterKeyHint = 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+/**
+ * Which touch keyboard a field asks for, by the HTML standard's `inputmode`
+ * values. `numeric` brings up the number pad, and on iOS `search` brings up
+ * the web-search keyboard (a period key and a Go key, whatever
+ * `enterKeyHint` says).
+ */
+export type InputMode = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+/**
+ * When a touch keyboard capitalizes as you type: `off` and `none` never,
+ * `on` and `sentences` at the start of each sentence (the HTML standard names
+ * each of these two states twice), `words` at the start of each word, and
+ * `characters` every letter.
+ */
+export type AutoCapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+/**
+ * Keyboard traits of a text field: a prop mixin for TextInput and TextArea,
+ * not a component's props. A touch keyboard reads these traits from the
+ * focused element. An absent prop renders no attribute, so the browser keeps
+ * its own default (on iOS a field capitalizes sentences, except a URL field).
+ */
+export interface TextEntryTraitProps {
+    /**
+     * What the Return key of a touch keyboard says (the native `enterkeyhint`).
+     * It only labels the key: what Enter does stays with the field's own
+     * handlers.
+     */
+    enterKeyHint?: EnterKeyHint;
+    /**
+     * Which touch keyboard the field asks for (the native `inputmode`),
+     * without changing what the field accepts.
+     */
+    inputMode?: InputMode;
+    /**
+     * When a touch keyboard capitalizes as you type (the native
+     * `autocapitalize`).
+     */
+    autoCapitalize?: AutoCapitalize;
+    /**
+     * Whether a touch keyboard corrects words as you type (the native
+     * `autocorrect`).
+     */
+    hasAutoCorrect?: boolean;
+}
+/** The native attributes the traits render as. */
+export interface TextEntryTraitAttributes {
+    enterKeyHint?: EnterKeyHint;
+    inputMode?: InputMode;
+    autoCapitalize?: AutoCapitalize;
+    autoCorrect?: 'on' | 'off';
+}
+/**
+ * Maps keyboard-trait props onto the native attributes for the editable
+ * element. Absent props produce no attribute.
+ *
+ * @example
+ * ```
+ * <input {...textEntryTraitAttributes({enterKeyHint: 'search', hasAutoCorrect: false})} />
+ * ```
+ */
+export declare function textEntryTraitAttributes({ enterKeyHint, inputMode, autoCapitalize, hasAutoCorrect, }: TextEntryTraitProps): TextEntryTraitAttributes;
+//# sourceMappingURL=textEntryTraits.d.ts.map

package/dist/Field/textEntryTraits.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textEntryTraits.d.ts","sourceRoot":"","sources":["../../src/Field/textEntryTraits.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AAEH;;;;;;;;GAQG;AACH,MAAM,MAAM,YAAY,GACtB,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GACnB,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/E;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GACxB,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;AAE/D;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,kDAAkD;AAClD,MAAM,WAAW,wBAAwB;IACvC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,YAAY,EACZ,SAAS,EACT,cAAc,EACd,cAAc,GACf,EAAE,mBAAmB,GAAG,wBAAwB,CAehD"}

package/dist/Field/textEntryTraits.js

@@ -0,0 +1,81 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file textEntryTraits.ts
+ * @input The keyboard-trait props a text field accepts
+ * @output Exports the closed value unions EnterKeyHint, InputMode and
+ *   AutoCapitalize (the package entry exports these three), the fields' prop
+ *   mixin TextEntryTraitProps, and textEntryTraitAttributes, which maps the
+ *   props onto the native attributes of the editable element
+ * @position Shared by TextInput and TextArea: the one place that says how a
+ *   field tells a touch keyboard what it holds
+ *
+ * SYNC: When modified, update:
+ * - /packages/core/src/TextInput/TextInput.tsx and TextInput.doc.mjs
+ * - /packages/core/src/TextArea/TextArea.tsx and TextArea.doc.mjs
+ * - /packages/core/src/Field/index.ts (type exports)
+ */
+
+/**
+ * What the Return key of a touch keyboard says. iOS gives `done`, `go`,
+ * `next`, `search` and `send` their own key (a glyph on iOS 26: a checkmark,
+ * an arrow, a chevron, a magnifier, an up arrow); `enter` and `previous` keep
+ * the plain Return key. Chrome on Android (Gboard) gives every value its own
+ * key; with no hint, a single-line field's key reads Next while another field
+ * follows and a multi-line field's keeps Return, and a `type="url"` field
+ * shows Next instead of `go` while another field follows.
+ */
+
+/**
+ * Which touch keyboard a field asks for, by the HTML standard's `inputmode`
+ * values. `numeric` brings up the number pad, and on iOS `search` brings up
+ * the web-search keyboard (a period key and a Go key, whatever
+ * `enterKeyHint` says).
+ */
+
+/**
+ * When a touch keyboard capitalizes as you type: `off` and `none` never,
+ * `on` and `sentences` at the start of each sentence (the HTML standard names
+ * each of these two states twice), `words` at the start of each word, and
+ * `characters` every letter.
+ */
+
+/**
+ * Keyboard traits of a text field: a prop mixin for TextInput and TextArea,
+ * not a component's props. A touch keyboard reads these traits from the
+ * focused element. An absent prop renders no attribute, so the browser keeps
+ * its own default (on iOS a field capitalizes sentences, except a URL field).
+ */
+
+/** The native attributes the traits render as. */
+
+/**
+ * Maps keyboard-trait props onto the native attributes for the editable
+ * element. Absent props produce no attribute.
+ *
+ * @example
+ * ```
+ * <input {...textEntryTraitAttributes({enterKeyHint: 'search', hasAutoCorrect: false})} />
+ * ```
+ */
+export function textEntryTraitAttributes({
+  enterKeyHint,
+  inputMode,
+  autoCapitalize,
+  hasAutoCorrect
+}) {
+  const attributes = {};
+  if (enterKeyHint != null) {
+    attributes.enterKeyHint = enterKeyHint;
+  }
+  if (inputMode != null) {
+    attributes.inputMode = inputMode;
+  }
+  if (autoCapitalize != null) {
+    attributes.autoCapitalize = autoCapitalize;
+  }
+  if (hasAutoCorrect != null) {
+    attributes.autoCorrect = hasAutoCorrect ? 'on' : 'off';
+  }
+  return attributes;
+}

package/dist/FieldStatus/FieldStatus.d.ts

@@ -28,39 +28,24 @@ export interface FieldStatusProps extends BaseProps<HTMLDivElement> {
     variant?: FieldStatusVariant;
 }
 /**
- * A status message component for form fields.
- *
- * The `detached` variant renders a leading status icon before the message so
- * status is not conveyed by color or position alone (WCAG 1.4.1). The icon is
- * decorative for assistive tech (`aria-hidden`): the message text already names
- * the status in words and is announced through the live region. The `attached`
- * variant keeps its status affordance on the bordered input, so it renders no
- * icon here to avoid a duplicate. The `tooltip` variant renders no message box
- * at all — the input surfaces the status through a tooltip on its on-field
- * icon — so callers skip rendering FieldStatus for it.
- *
- * Screen-reader announcements go through the persistent `useAnnounce` live
- * regions (assertive for errors, polite otherwise) rather than `role`/
- * `aria-live` on the rendered element. Live regions that mount together with
- * their content are not reliably announced by assistive technology, and
- * FieldStatus is almost always conditionally rendered by its callers. The
- * message is announced whenever it appears — including on first mount — and
- * whenever it changes.
+ * @deprecated FieldStatus has no `tooltip` presentation
+ * (`component:FieldStatus` FR7): it draws a plain message box with no tooltip.
+ * Set `statusVariant="tooltip"` on the field control instead, which shows the
+ * message from its on-field status icon. Removed in the next minor release.
+ */
+export declare function FieldStatus(props: FieldStatusProps & {
+    variant: 'tooltip';
+}): React.JSX.Element;
+/**
+ * A status message component for form fields: an `attached` message under a
+ * field, or a `detached` one with its own status icon.
  *
  * @example
  * ```
- * <FieldStatus
- *   type="error"
- *   message="This field is required"
- * />
- * <FieldStatus
- *   type="warning"
- *   message="This will be visible to others"
- *   variant="detached"
- * />
+ * <FieldStatus type="error" message="This field is required" />
  * ```
  */
-export declare function FieldStatus({ ref, type, message, id, variant, xstyle, className, style, ...rest }: FieldStatusProps): React.JSX.Element;
+export declare function FieldStatus(props: FieldStatusProps): React.JSX.Element;
 export declare namespace FieldStatus {
     var displayName: string;
 }

package/dist/FieldStatus/FieldStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldStatus.d.ts","sourceRoot":"","sources":["../../src/FieldStatus/FieldStatus.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAS5C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAKpD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAmFnD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,IAAI,EACJ,OAAO,EACP,EAAE,EACF,OAAoB,EACpB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,qBA+ClB;yBAzDe,WAAW"}
+{"version":3,"file":"FieldStatus.d.ts","sourceRoot":"","sources":["../../src/FieldStatus/FieldStatus.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAS5C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAKpD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAqFnD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAKD;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,gBAAgB,GAAG;IAAC,OAAO,EAAE,SAAS,CAAA;CAAC,GAC7C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AACrB;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;yBAAxD,WAAW"}

package/dist/FieldStatus/FieldStatus.js

@@ -49,6 +49,7 @@ const styles = {
     kGuDYH: "x141an7d",
     kLWn49: "x1ltkj2j",
     kHjlTd: "xj0a0fe",
+    "--_astryx-text-overflow-wrap": "x5ujdhh",
     $$css: true
   },
   attached: {
@@ -91,6 +92,26 @@ const colorStyles = {
  * FieldStatus variant type. Extensible via module augmentation of FieldStatusVariantMap.
  */
 
+// A direct `tooltip` resolves to the deprecated signature first; every other
+// call, a `FieldStatusVariant`-typed value included, resolves to the second,
+// which `ComponentProps<typeof FieldStatus>` reads.
+/**
+ * @deprecated FieldStatus has no `tooltip` presentation
+ * (`component:FieldStatus` FR7): it draws a plain message box with no tooltip.
+ * Set `statusVariant="tooltip"` on the field control instead, which shows the
+ * message from its on-field status icon. Removed in the next minor release.
+ */
+
+/**
+ * A status message component for form fields: an `attached` message under a
+ * field, or a `detached` one with its own status icon.
+ *
+ * @example
+ * ```
+ * <FieldStatus type="error" message="This field is required" />
+ * ```
+ */
+
 /**
  * A status message component for form fields.
  *
@@ -99,9 +120,10 @@ const colorStyles = {
  * decorative for assistive tech (`aria-hidden`): the message text already names
  * the status in words and is announced through the live region. The `attached`
  * variant keeps its status affordance on the bordered input, so it renders no
- * icon here to avoid a duplicate. The `tooltip` variant renders no message box
- * at all — the input surfaces the status through a tooltip on its on-field
- * icon — so callers skip rendering FieldStatus for it.
+ * icon here to avoid a duplicate. FieldStatus has no `tooltip` presentation:
+ * a field control given `statusVariant="tooltip"` surfaces the status through
+ * a tooltip on its on-field icon and renders no FieldStatus for it
+ * (`component:FieldStatus` FR7).
  *
  * Screen-reader announcements go through the persistent `useAnnounce` live
  * regions (assertive for errors, polite otherwise) rather than `role`/

package/dist/FieldStatus/index.d.ts

@@ -20,6 +20,13 @@
 export interface FieldStatusVariantMap {
     attached: true;
     detached: true;
+    /**
+     * @deprecated FieldStatus has no `tooltip` presentation
+     * (`component:FieldStatus` FR7): given it directly, it draws a plain message
+     * box with no tooltip. Set `statusVariant="tooltip"` on the field control
+     * (TextInput, Selector, and the rest), which shows the message from its
+     * on-field status icon. Removed in the next minor release.
+     */
     tooltip: true;
 }
 export { FieldStatus } from './FieldStatus.js';