blend-native 0.0.1-beta.0

package/lib/commonjs/components/Tag/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function () {
+    return _Tag.default;
+  }
+});
+Object.defineProperty(exports, "getAccessibleName", {
+  enumerable: true,
+  get: function () {
+    return _tagUtils.getAccessibleName;
+  }
+});
+Object.defineProperty(exports, "getTagAccessibilityState", {
+  enumerable: true,
+  get: function () {
+    return _tagUtils.getTagAccessibilityState;
+  }
+});
+Object.defineProperty(exports, "getTagBorderRadius", {
+  enumerable: true,
+  get: function () {
+    return _tagUtils.getTagBorderRadius;
+  }
+});
+var _Tag = _interopRequireDefault(require("./Tag.js"));
+var _tagUtils = require("./tag.utils.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Tag","_interopRequireDefault","require","_tagUtils","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/Tag/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAIoB,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/components/Tag/tag.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=tag.types.js.map

package/lib/commonjs/components/Tag/tag.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Tag/tag.types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/Tag/tag.utils.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAccessibleName = getAccessibleName;
+exports.getTagAccessibilityState = getTagAccessibilityState;
+exports.getTagBorderRadius = getTagBorderRadius;
+var _group = require("../shared/group.js");
+/**
+ * Native Tag style helpers.
+ *
+ * Ported from `packages/blend/lib/components/TagV2/utils.ts`. Both functions
+ * below are pure string/logic helpers with no DOM dependency, so they are
+ * reproduced verbatim in behaviour — keeping web and native visually and
+ * semantically identical is the whole point.
+ *
+ * Web's third helper, `createKeyboardHandler` (Enter/Space → click), has no
+ * native counterpart: RN's `Pressable` handles activation itself, including
+ * for switch-control and keyboard users.
+ */
+
+/**
+ * Resolve the border radius for a tag, collapsing the joined edges when the
+ * tag sits inside a group.
+ *
+ * Mirrors `getTagBorderRadius` in web `utils.ts`. The collapsing itself lives
+ * in `shared/group` because Button needs exactly the same algorithm.
+ */
+function getTagBorderRadius(size, subType, tagGroupPosition, tokens) {
+  return (0, _group.getGroupedBorderRadius)(tokens.borderRadius[size][subType], tagGroupPosition);
+}
+
+/**
+ * Build the accessible name for a tag.
+ *
+ * Mirrors `getAccessibleName` in web `utils.ts`: non-interactive tags get no
+ * explicit name (the text content is announced instead), and interactive
+ * tags fold their toggle state into the label.
+ */
+function getAccessibleName(text, isInteractive, pressed) {
+  if (!isInteractive) {
+    return undefined;
+  }
+  let accessibleName = text;
+  if (pressed !== undefined) {
+    if (pressed === true) {
+      accessibleName = `${text}, pressed`;
+    } else if (pressed === 'mixed') {
+      accessibleName = `${text}, mixed state`;
+    }
+  }
+  return accessibleName;
+}
+
+/**
+ * Resolve the accessibility state for a tag.
+ *
+ * `'mixed'` has no RN equivalent — RN's `selected` is a boolean — so it is
+ * reported as unselected and carried in the accessible name instead, which
+ * is what `getAccessibleName` already appends.
+ */
+function getTagAccessibilityState(isInteractive, pressed) {
+  if (!isInteractive || pressed === undefined) return undefined;
+  return {
+    selected: pressed === true
+  };
+}
+//# sourceMappingURL=tag.utils.js.map

package/lib/commonjs/components/Tag/tag.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_group","require","getTagBorderRadius","size","subType","tagGroupPosition","tokens","getGroupedBorderRadius","borderRadius","getAccessibleName","text","isInteractive","pressed","undefined","accessibleName","getTagAccessibilityState","selected"],"sourceRoot":"../../../../src","sources":["components/Tag/tag.utils.ts"],"mappings":";;;;;;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAC9BC,IAAe,EACfC,OAAqB,EACrBC,gBAA2C,EAC3CC,MAAuB,EACjB;EACN,OAAO,IAAAC,6BAAsB,EACzBD,MAAM,CAACE,YAAY,CAACL,IAAI,CAAC,CAACC,OAAO,CAAC,EAClCC,gBACJ,CAAC;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,iBAAiBA,CAC7BC,IAAY,EACZC,aAAsB,EACtBC,OAAsC,EACpB;EAClB,IAAI,CAACD,aAAa,EAAE;IAChB,OAAOE,SAAS;EACpB;EAEA,IAAIC,cAAc,GAAGJ,IAAI;EAEzB,IAAIE,OAAO,KAAKC,SAAS,EAAE;IACvB,IAAID,OAAO,KAAK,IAAI,EAAE;MAClBE,cAAc,GAAG,GAAGJ,IAAI,WAAW;IACvC,CAAC,MAAM,IAAIE,OAAO,KAAK,OAAO,EAAE;MAC5BE,cAAc,GAAG,GAAGJ,IAAI,eAAe;IAC3C;EACJ;EAEA,OAAOI,cAAc;AACzB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,wBAAwBA,CACpCJ,aAAsB,EACtBC,OAAsC,EACL;EACjC,IAAI,CAACD,aAAa,IAAIC,OAAO,KAAKC,SAAS,EAAE,OAAOA,SAAS;EAC7D,OAAO;IAAEG,QAAQ,EAAEJ,OAAO,KAAK;EAAK,CAAC;AACzC","ignoreList":[]}

package/lib/commonjs/components/TextInput/TextInput.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _node = require("@juspay/blend-design-system/node");
+var _useNativeTokens = require("../../theme/useNativeTokens.js");
+var _Block = require("../../primitives/Block.js");
+var _PrimitiveInput = require("../../primitives/PrimitiveInput.js");
+var _Slot = require("../../primitives/Slot.js");
+var _FieldLabels = require("../shared/field/FieldLabels.js");
+var _FieldFooter = require("../shared/field/FieldFooter.js");
+var _fieldState = require("../shared/field/fieldState.js");
+var _textInputUtils = require("./textInput.utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * TextInput — React Native implementation of web's `TextInputV2`, and the
+ * reference consumer of the shared field chrome (`FieldLabels`,
+ * `FieldFooter`, `PrimitiveInput`) the rest of the InputsV2 family will
+ * reuse.
+ *
+ * Anatomy matches web: a column of label row, bordered field row (left
+ * slot / input / right slot), and footer — all resolved from the
+ * `TEXT_INPUTV2` token slot. Focus is component state re-resolving the
+ * container against the FOCUS tokens, replacing web's `_focus` pseudo
+ * object; the spread-only focus ring has no RN equivalent and is dropped.
+ */
+const TextInput = /*#__PURE__*/(0, _react.forwardRef)(function TextInput({
+  value,
+  onChangeText,
+  label,
+  subLabel,
+  size = _node.InputSizeV2.SM,
+  error,
+  hintText,
+  required = false,
+  disabled = false,
+  leftSlot,
+  rightSlot,
+  testID,
+  accessibilityLabel,
+  style,
+  inputRef,
+  onFocus,
+  onBlur,
+  ...rest
+}, ref) {
+  const tokens = (0, _useNativeTokens.useNativeTokens)('TEXT_INPUTV2');
+  const [focused, setFocused] = (0, _react.useState)(false);
+
+  // Labels/footer track error+disabled; the container also tracks focus.
+  const fieldState = (0, _fieldState.getFieldState)(error, disabled);
+  const visualState = (0, _fieldState.getFieldVisualState)(error, disabled, focused);
+  const styles = (0, _react.useMemo)(() => (0, _textInputUtils.getTextInputNativeStyles)(tokens, size, visualState), [tokens, size, visualState]);
+
+  // Event types come from RN's own prop signatures — they changed shape
+  // across RN versions (FocusEvent/BlurEvent), so deriving keeps us
+  // correct on every supported peer.
+  const handleFocus = (0, _react.useCallback)(event => {
+    setFocused(true);
+    onFocus?.(event);
+  }, [onFocus]);
+  const handleBlur = (0, _react.useCallback)(event => {
+    setFocused(false);
+    onBlur?.(event);
+  }, [onBlur]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+    ref: ref,
+    gap: styles.gap,
+    style: style,
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldLabels.FieldLabels, {
+      label: label,
+      sublabel: subLabel,
+      required: required,
+      size: size,
+      state: fieldState,
+      tokens: tokens.topContainer,
+      testID: testID ? `${testID}-labels` : undefined
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+      flexDirection: "row",
+      alignItems: "center",
+      width: "100%",
+      testID: testID ? `${testID}-container` : undefined,
+      border: styles.container.border,
+      backgroundColor: styles.container.backgroundColor,
+      borderRadius: styles.container.borderRadius,
+      gap: styles.container.gap,
+      paddingTop: styles.container.paddingTop,
+      paddingRight: styles.container.paddingRight,
+      paddingBottom: styles.container.paddingBottom,
+      paddingLeft: styles.container.paddingLeft,
+      children: [leftSlot?.slot ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.Slot, {
+        maxHeight: leftSlot.maxHeight
+        // Decorative next to the labelled input, matching
+        // web's aria-hidden on input slots.
+        ,
+        hidden: true,
+        testID: testID ? `${testID}-left-slot` : undefined,
+        children: leftSlot.slot
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_PrimitiveInput.PrimitiveInput, {
+        ref: inputRef,
+        value: value,
+        onChangeText: onChangeText,
+        editable: !disabled,
+        fontSize: styles.text.fontSize,
+        fontWeight: styles.text.fontWeight,
+        lineHeight: styles.text.lineHeight,
+        color: styles.text.color,
+        placeholderColor: styles.placeholderColor,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        accessibilityLabel: accessibilityLabel ?? label,
+        accessibilityState: {
+          disabled
+        },
+        testID: testID ? `${testID}-input` : undefined,
+        ...rest
+      }), rightSlot?.slot ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.Slot, {
+        maxHeight: rightSlot.maxHeight,
+        hidden: true,
+        testID: testID ? `${testID}-right-slot` : undefined,
+        children: rightSlot.slot
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldFooter.FieldFooter, {
+      error: error,
+      hintText: hintText,
+      size: size,
+      tokens: tokens.bottomContainer,
+      testID: testID ? `${testID}-footer` : undefined
+    })]
+  });
+});
+TextInput.displayName = 'TextInput';
+var _default = exports.default = TextInput;
+//# sourceMappingURL=TextInput.js.map

package/lib/commonjs/components/TextInput/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_node","_useNativeTokens","_Block","_PrimitiveInput","_Slot","_FieldLabels","_FieldFooter","_fieldState","_textInputUtils","_jsxRuntime","TextInput","forwardRef","value","onChangeText","label","subLabel","size","InputSizeV2","SM","error","hintText","required","disabled","leftSlot","rightSlot","testID","accessibilityLabel","style","inputRef","onFocus","onBlur","rest","ref","tokens","useNativeTokens","focused","setFocused","useState","fieldState","getFieldState","visualState","getFieldVisualState","styles","useMemo","getTextInputNativeStyles","handleFocus","useCallback","event","handleBlur","jsxs","Block","gap","children","jsx","FieldLabels","sublabel","state","topContainer","undefined","flexDirection","alignItems","width","border","container","backgroundColor","borderRadius","paddingTop","paddingRight","paddingBottom","paddingLeft","slot","Slot","maxHeight","hidden","PrimitiveInput","editable","fontSize","text","fontWeight","lineHeight","color","placeholderColor","accessibilityState","FieldFooter","bottomContainer","displayName","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/TextInput/TextInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/TextInput/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TextInput", {
+  enumerable: true,
+  get: function () {
+    return _TextInput.default;
+  }
+});
+var _TextInput = _interopRequireDefault(require("./TextInput.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/TextInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_TextInput","_interopRequireDefault","require","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/TextInput/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/components/TextInput/textInput.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=textInput.types.js.map

package/lib/commonjs/components/TextInput/textInput.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/TextInput/textInput.types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/TextInput/textInput.utils.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTextInputNativeStyles = getTextInputNativeStyles;
+/**
+ * Native TextInputV2 style resolver.
+ *
+ * Reimplements the inline resolution `TextInputV2.tsx` performs for RN. Web
+ * expresses hover/focus through styled-components pseudo-state objects; on
+ * native the field re-resolves against the current visual state (focus
+ * tracked in component state), so this returns plain token strings for one
+ * state at a time — the pattern `getButtonNativeStyles` set.
+ */
+
+function getTextInputNativeStyles(tokens, size, visualState) {
+  const container = tokens.inputContainer;
+  return {
+    gap: String(tokens.gap),
+    container: {
+      border: String(container.border[visualState]),
+      backgroundColor: String(container.backgroundColor[visualState]),
+      borderRadius: String(container.borderRadius[size]),
+      gap: String(container.gap),
+      paddingTop: String(container.padding.top[size]),
+      paddingRight: String(container.padding.right[size]),
+      paddingBottom: String(container.padding.bottom[size]),
+      paddingLeft: String(container.padding.left[size])
+    },
+    text: {
+      fontSize: String(container.inputText.fontSize[size]),
+      fontWeight: String(container.inputText.fontWeight[size]),
+      lineHeight: String(container.inputText.lineHeight[size]),
+      color: String(container.inputText.color[visualState])
+    },
+    placeholderColor: String(container.placeholder.color[visualState])
+  };
+}
+//# sourceMappingURL=textInput.utils.js.map

package/lib/commonjs/components/TextInput/textInput.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getTextInputNativeStyles","tokens","size","visualState","container","inputContainer","gap","String","border","backgroundColor","borderRadius","paddingTop","padding","top","paddingRight","right","paddingBottom","bottom","paddingLeft","left","text","fontSize","inputText","fontWeight","lineHeight","color","placeholderColor","placeholder"],"sourceRoot":"../../../../src","sources":["components/TextInput/textInput.utils.ts"],"mappings":";;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA0BO,SAASA,wBAAwBA,CACpCC,MAA6B,EAC7BC,IAAiB,EACjBC,WAAyB,EACJ;EACrB,MAAMC,SAAS,GAAGH,MAAM,CAACI,cAAc;EAEvC,OAAO;IACHC,GAAG,EAAEC,MAAM,CAACN,MAAM,CAACK,GAAG,CAAC;IACvBF,SAAS,EAAE;MACPI,MAAM,EAAED,MAAM,CAACH,SAAS,CAACI,MAAM,CAACL,WAAW,CAAC,CAAC;MAC7CM,eAAe,EAAEF,MAAM,CAACH,SAAS,CAACK,eAAe,CAACN,WAAW,CAAC,CAAC;MAC/DO,YAAY,EAAEH,MAAM,CAACH,SAAS,CAACM,YAAY,CAACR,IAAI,CAAC,CAAC;MAClDI,GAAG,EAAEC,MAAM,CAACH,SAAS,CAACE,GAAG,CAAC;MAC1BK,UAAU,EAAEJ,MAAM,CAACH,SAAS,CAACQ,OAAO,CAACC,GAAG,CAACX,IAAI,CAAC,CAAC;MAC/CY,YAAY,EAAEP,MAAM,CAACH,SAAS,CAACQ,OAAO,CAACG,KAAK,CAACb,IAAI,CAAC,CAAC;MACnDc,aAAa,EAAET,MAAM,CAACH,SAAS,CAACQ,OAAO,CAACK,MAAM,CAACf,IAAI,CAAC,CAAC;MACrDgB,WAAW,EAAEX,MAAM,CAACH,SAAS,CAACQ,OAAO,CAACO,IAAI,CAACjB,IAAI,CAAC;IACpD,CAAC;IACDkB,IAAI,EAAE;MACFC,QAAQ,EAAEd,MAAM,CAACH,SAAS,CAACkB,SAAS,CAACD,QAAQ,CAACnB,IAAI,CAAC,CAAC;MACpDqB,UAAU,EAAEhB,MAAM,CAACH,SAAS,CAACkB,SAAS,CAACC,UAAU,CAACrB,IAAI,CAAC,CAAC;MACxDsB,UAAU,EAAEjB,MAAM,CAACH,SAAS,CAACkB,SAAS,CAACE,UAAU,CAACtB,IAAI,CAAC,CAAC;MACxDuB,KAAK,EAAElB,MAAM,CAACH,SAAS,CAACkB,SAAS,CAACG,KAAK,CAACtB,WAAW,CAAC;IACxD,CAAC;IACDuB,gBAAgB,EAAEnB,MAAM,CAACH,SAAS,CAACuB,WAAW,CAACF,KAAK,CAACtB,WAAW,CAAC;EACrE,CAAC;AACL","ignoreList":[]}

package/lib/commonjs/components/shared/field/FieldFooter.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFooter = FieldFooter;
+var _node = require("@juspay/blend-design-system/node");
+var _Block = require("../../../primitives/Block.js");
+var _Text = require("../../../primitives/Text.js");
+var _useLiveRegion = require("../../../a11y/useLiveRegion.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Footer under a field: the error message when erroring, else the hint.
+ *
+ * Ports web's `InputFooterV2` against the same `bottomContainer` token
+ * shape. Web marks the error `role="alert"` + `aria-live="polite"`; the
+ * native split is the Alert pattern — `accessibilityLiveRegion` for
+ * Android, an imperative announcement for iOS.
+ */
+
+function FieldFooter({
+  error,
+  hintText,
+  size = _node.InputSizeV2.SM,
+  tokens,
+  testID
+}) {
+  const showError = Boolean(error?.show && error.message);
+  (0, _useLiveRegion.useLiveRegionAnnounce)(showError ? error?.message : undefined, showError);
+  if (!showError && !hintText) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Block.Block, {
+    width: "100%",
+    testID: testID,
+    children: showError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      accessibilityLiveRegion: "polite",
+      color: String(tokens.errorMessage.color),
+      fontSize: tokens.errorMessage.fontSize[size],
+      fontWeight: tokens.errorMessage.fontWeight[size],
+      lineHeight: tokens.errorMessage.lineHeight[size],
+      children: error?.message
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      color: String(tokens.hintText.color.default),
+      fontSize: tokens.hintText.fontSize[size],
+      fontWeight: tokens.hintText.fontWeight[size],
+      lineHeight: tokens.hintText.lineHeight[size],
+      children: hintText
+    })
+  });
+}
+FieldFooter.displayName = 'FieldFooter';
+//# sourceMappingURL=FieldFooter.js.map

package/lib/commonjs/components/shared/field/FieldFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_node","require","_Block","_Text","_useLiveRegion","_jsxRuntime","FieldFooter","error","hintText","size","InputSizeV2","SM","tokens","testID","showError","Boolean","show","message","useLiveRegionAnnounce","undefined","jsx","Block","width","children","Text","accessibilityLiveRegion","color","String","errorMessage","fontSize","fontWeight","lineHeight","default","displayName"],"sourceRoot":"../../../../../src","sources":["components/shared/field/FieldFooter.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAmE,IAAAI,WAAA,GAAAJ,OAAA;AAGnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUO,SAASK,WAAWA,CAAC;EACxBC,KAAK;EACLC,QAAQ;EACRC,IAAI,GAAGC,iBAAW,CAACC,EAAE;EACrBC,MAAM;EACNC;AACc,CAAC,EAAE;EACjB,MAAMC,SAAS,GAAGC,OAAO,CAACR,KAAK,EAAES,IAAI,IAAIT,KAAK,CAACU,OAAO,CAAC;EAEvD,IAAAC,oCAAqB,EAACJ,SAAS,GAAGP,KAAK,EAAEU,OAAO,GAAGE,SAAS,EAAEL,SAAS,CAAC;EAExE,IAAI,CAACA,SAAS,IAAI,CAACN,QAAQ,EAAE,OAAO,IAAI;EAExC,oBACI,IAAAH,WAAA,CAAAe,GAAA,EAAClB,MAAA,CAAAmB,KAAK;IAACC,KAAK,EAAC,MAAM;IAACT,MAAM,EAAEA,MAAO;IAAAU,QAAA,EAC9BT,SAAS,gBACN,IAAAT,WAAA,CAAAe,GAAA,EAACjB,KAAA,CAAAqB,IAAI;MACDC,uBAAuB,EAAC,QAAQ;MAChCC,KAAK,EAAEC,MAAM,CAACf,MAAM,CAACgB,YAAY,CAACF,KAAK,CAAE;MACzCG,QAAQ,EAAEjB,MAAM,CAACgB,YAAY,CAACC,QAAQ,CAACpB,IAAI,CAAE;MAC7CqB,UAAU,EAAElB,MAAM,CAACgB,YAAY,CAACE,UAAU,CAACrB,IAAI,CAAE;MACjDsB,UAAU,EAAEnB,MAAM,CAACgB,YAAY,CAACG,UAAU,CAACtB,IAAI,CAAE;MAAAc,QAAA,EAEhDhB,KAAK,EAAEU;IAAO,CACb,CAAC,gBAEP,IAAAZ,WAAA,CAAAe,GAAA,EAACjB,KAAA,CAAAqB,IAAI;MACDE,KAAK,EAAEC,MAAM,CAACf,MAAM,CAACJ,QAAQ,CAACkB,KAAK,CAACM,OAAO,CAAE;MAC7CH,QAAQ,EAAEjB,MAAM,CAACJ,QAAQ,CAACqB,QAAQ,CAACpB,IAAI,CAAE;MACzCqB,UAAU,EAAElB,MAAM,CAACJ,QAAQ,CAACsB,UAAU,CAACrB,IAAI,CAAE;MAC7CsB,UAAU,EAAEnB,MAAM,CAACJ,QAAQ,CAACuB,UAAU,CAACtB,IAAI,CAAE;MAAAc,QAAA,EAE5Cf;IAAQ,CACP;EACT,CACE,CAAC;AAEhB;AAEAF,WAAW,CAAC2B,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/commonjs/components/shared/field/FieldLabels.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldLabels = FieldLabels;
+var _node = require("@juspay/blend-design-system/node");
+var _Block = require("../../../primitives/Block.js");
+var _Text = require("../../../primitives/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Label row above a field: label, required marker, sublabel.
+ *
+ * Ports web's `InputLabelsV2` against the same `topContainer` token shape,
+ * with two deliberate omissions:
+ *
+ * - `helpIconText` — web wraps a help icon in `Tooltip`; native has no
+ *   tooltip yet, so the prop does not exist rather than silently doing
+ *   nothing (the `skeleton` precedent).
+ * - `as="label"`/`htmlFor` — no DOM. The field component instead puts the
+ *   label text into the input's `accessibilityLabel`.
+ */
+
+function FieldLabels({
+  label,
+  sublabel,
+  required = false,
+  size = _node.InputSizeV2.SM,
+  state = _node.InputStateV2.DEFAULT,
+  tokens,
+  testID
+}) {
+  if (!label) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    width: "100%",
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      fontWeight: tokens.label.fontWeight[size],
+      fontSize: tokens.label.fontSize[size],
+      color: String(tokens.label.color[state]),
+      lineHeight: tokens.label.lineHeight[size],
+      children: label
+    }), required ?
+    /*#__PURE__*/
+    // Web renders <sup aria-hidden>*</sup>; the accessible
+    // "required" semantics live on the input's a11y props, so
+    // the marker stays visual-only here too.
+    (0, _jsxRuntime.jsx)(_Text.Text, {
+      color: String(tokens.required.color),
+      fontSize: tokens.label.fontSize[size],
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      children: "*"
+    }) : null, sublabel ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.Text, {
+      fontWeight: tokens.subLabel.fontWeight[size],
+      fontSize: tokens.subLabel.fontSize[size],
+      color: String(tokens.subLabel.color[state]),
+      lineHeight: tokens.subLabel.lineHeight[size],
+      children: ["(", sublabel, ")"]
+    }) : null]
+  });
+}
+FieldLabels.displayName = 'FieldLabels';
+//# sourceMappingURL=FieldLabels.js.map

package/lib/commonjs/components/shared/field/FieldLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_node","require","_Block","_Text","_jsxRuntime","FieldLabels","label","sublabel","required","size","InputSizeV2","SM","state","InputStateV2","DEFAULT","tokens","testID","jsxs","Block","flexDirection","alignItems","gap","width","children","jsx","Text","fontWeight","fontSize","color","String","lineHeight","accessibilityElementsHidden","importantForAccessibility","subLabel","displayName"],"sourceRoot":"../../../../../src","sources":["components/shared/field/FieldLabels.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYO,SAASI,WAAWA,CAAC;EACxBC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAGC,iBAAW,CAACC,EAAE;EACrBC,KAAK,GAAGC,kBAAY,CAACC,OAAO;EAC5BC,MAAM;EACNC;AACc,CAAC,EAAE;EACjB,IAAI,CAACV,KAAK,EAAE,OAAO,IAAI;EAEvB,oBACI,IAAAF,WAAA,CAAAa,IAAA,EAACf,MAAA,CAAAgB,KAAK;IACFC,aAAa,EAAC,KAAK;IACnBC,UAAU,EAAC,QAAQ;IACnBC,GAAG,EAAE,CAAE;IACPC,KAAK,EAAC,MAAM;IACZN,MAAM,EAAEA,MAAO;IAAAO,QAAA,gBAEf,IAAAnB,WAAA,CAAAoB,GAAA,EAACrB,KAAA,CAAAsB,IAAI;MACDC,UAAU,EAAEX,MAAM,CAACT,KAAK,CAACoB,UAAU,CAACjB,IAAI,CAAE;MAC1CkB,QAAQ,EAAEZ,MAAM,CAACT,KAAK,CAACqB,QAAQ,CAAClB,IAAI,CAAE;MACtCmB,KAAK,EAAEC,MAAM,CAACd,MAAM,CAACT,KAAK,CAACsB,KAAK,CAAChB,KAAK,CAAC,CAAE;MACzCkB,UAAU,EAAEf,MAAM,CAACT,KAAK,CAACwB,UAAU,CAACrB,IAAI,CAAE;MAAAc,QAAA,EAEzCjB;IAAK,CACJ,CAAC,EACNE,QAAQ;IAAA;IACL;IACA;IACA;IACA,IAAAJ,WAAA,CAAAoB,GAAA,EAACrB,KAAA,CAAAsB,IAAI;MACDG,KAAK,EAAEC,MAAM,CAACd,MAAM,CAACP,QAAQ,CAACoB,KAAK,CAAE;MACrCD,QAAQ,EAAEZ,MAAM,CAACT,KAAK,CAACqB,QAAQ,CAAClB,IAAI,CAAE;MACtCsB,2BAA2B;MAC3BC,yBAAyB,EAAC,qBAAqB;MAAAT,QAAA,EAClD;IAED,CAAM,CAAC,GACP,IAAI,EACPhB,QAAQ,gBACL,IAAAH,WAAA,CAAAa,IAAA,EAACd,KAAA,CAAAsB,IAAI;MACDC,UAAU,EAAEX,MAAM,CAACkB,QAAQ,CAACP,UAAU,CAACjB,IAAI,CAAE;MAC7CkB,QAAQ,EAAEZ,MAAM,CAACkB,QAAQ,CAACN,QAAQ,CAAClB,IAAI,CAAE;MACzCmB,KAAK,EAAEC,MAAM,CAACd,MAAM,CAACkB,QAAQ,CAACL,KAAK,CAAChB,KAAK,CAAC,CAAE;MAC5CkB,UAAU,EAAEf,MAAM,CAACkB,QAAQ,CAACH,UAAU,CAACrB,IAAI,CAAE;MAAAc,QAAA,GAChD,GACI,EAAChB,QAAQ,EAAC,GACf;IAAA,CAAM,CAAC,GACP,IAAI;EAAA,CACL,CAAC;AAEhB;AAEAF,WAAW,CAAC6B,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/commonjs/components/shared/field/fieldState.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFieldState = getFieldState;
+exports.getFieldVisualState = getFieldVisualState;
+var _node = require("@juspay/blend-design-system/node");
+/**
+ * Input state derivation, shared by every field component.
+ *
+ * Mirrors web's `getInputState` (`InputsV2/TextInputV2/utils.ts`) and the
+ * per-variant resolution `TextInputV2.tsx` performs inline: error always
+ * wins, then disabled, and focus applies only when nothing stronger does.
+ * `HOVER` exists in the enum but has no touch counterpart.
+ *
+ * Pure and RN-free so the whole truth table unit-tests under vitest.
+ */
+
+/** The state driving label/footer colours — web's `getInputState`. */
+function getFieldState(error, disabled) {
+  if (error?.show) return _node.InputStateV2.ERROR;
+  if (disabled) return _node.InputStateV2.DISABLED;
+  return _node.InputStateV2.DEFAULT;
+}
+
+/**
+ * The state driving the input container's border/background/text, which
+ * unlike the label state also reflects focus.
+ */
+function getFieldVisualState(error, disabled, focused) {
+  if (error?.show) return _node.InputStateV2.ERROR;
+  if (disabled) return _node.InputStateV2.DISABLED;
+  if (focused) return _node.InputStateV2.FOCUS;
+  return _node.InputStateV2.DEFAULT;
+}
+//# sourceMappingURL=fieldState.js.map

package/lib/commonjs/components/shared/field/fieldState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_node","require","getFieldState","error","disabled","show","InputStateV2","ERROR","DISABLED","DEFAULT","getFieldVisualState","focused","FOCUS"],"sourceRoot":"../../../../../src","sources":["components/shared/field/fieldState.ts"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACO,SAASC,aAAaA,CACzBC,KAAiB,EACjBC,QAAkB,EACN;EACZ,IAAID,KAAK,EAAEE,IAAI,EAAE,OAAOC,kBAAY,CAACC,KAAK;EAC1C,IAAIH,QAAQ,EAAE,OAAOE,kBAAY,CAACE,QAAQ;EAC1C,OAAOF,kBAAY,CAACG,OAAO;AAC/B;;AAEA;AACA;AACA;AACA;AACO,SAASC,mBAAmBA,CAC/BP,KAAiB,EACjBC,QAA6B,EAC7BO,OAAgB,EACJ;EACZ,IAAIR,KAAK,EAAEE,IAAI,EAAE,OAAOC,kBAAY,CAACC,KAAK;EAC1C,IAAIH,QAAQ,EAAE,OAAOE,kBAAY,CAACE,QAAQ;EAC1C,IAAIG,OAAO,EAAE,OAAOL,kBAAY,CAACM,KAAK;EACtC,OAAON,kBAAY,CAACG,OAAO;AAC/B","ignoreList":[]}

package/lib/commonjs/components/shared/group.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGroupedBorderRadius = getGroupedBorderRadius;
+exports.getGroupedBorderWidths = getGroupedBorderWidths;
+/**
+ * Shared styling for grouped controls (button groups, tag groups).
+ *
+ * Members join edge to edge, so each keeps its radius only on the outward
+ * corners, and interior members drop the borders they would otherwise double
+ * up with their neighbour. Web implements the radius half identically in
+ * `ButtonV2/utils.ts` and `TagV2/utils.ts`, and the border half in
+ * `ButtonV2/utils.ts` (`getButtonBorderStyles`).
+ *
+ * Mirrors `components/shared/` in the web package, which holds cross-component
+ * internals rather than components.
+ */
+
+/** Where a control sits within its group. `undefined` means ungrouped. */
+
+/** Every corner squared — the interior members of a group. */
+const ALL_SQUARE = '0px 0px 0px 0px';
+
+/**
+ * Collapse a control's border radius for its position in a group.
+ *
+ * Returns a CSS string — either the untouched radius or a four-corner
+ * shorthand in CSS order (top-left, top-right, bottom-right, bottom-left).
+ * `parseBorderRadius` handles both forms.
+ *
+ * ```
+ * getGroupedBorderRadius('10px', undefined) -> '10px'
+ * getGroupedBorderRadius('10px', 'left')    -> '10px 0 0 10px'
+ * getGroupedBorderRadius('10px', 'right')   -> '0 10px 10px 0'
+ * getGroupedBorderRadius('10px', 'center')  -> '0px 0px 0px 0px'
+ * ```
+ */
+function getGroupedBorderRadius(radius, position) {
+  const value = String(radius);
+  if (position === undefined) return value;
+  if (position === 'left') return `${value} 0 0 ${value}`;
+  if (position === 'right') return `0 ${value} ${value} 0`;
+  return ALL_SQUARE;
+}
+
+/**
+ * Border widths to overlay for a control's position in a group.
+ *
+ * Interior (`center`) members drop their left and right borders so a shared
+ * edge is one line wide rather than two. Web does this in
+ * `getButtonBorderStyles`, which sets `borderLeft`/`borderRight` to `'none'`
+ * for the centre position and leaves the end caps fully bordered.
+ *
+ * Returned as a `ViewStyle` fragment to spread *after* the resolved surface,
+ * so `borderWidth: 1` still applies to the remaining sides.
+ *
+ * ```
+ * getGroupedBorderWidths(undefined) -> {}
+ * getGroupedBorderWidths('left')    -> {}
+ * getGroupedBorderWidths('right')   -> {}
+ * getGroupedBorderWidths('center')  -> { borderLeftWidth: 0, borderRightWidth: 0 }
+ * ```
+ */
+function getGroupedBorderWidths(position) {
+  if (position !== 'center') return {};
+  return {
+    borderLeftWidth: 0,
+    borderRightWidth: 0
+  };
+}
+//# sourceMappingURL=group.js.map

package/lib/commonjs/components/shared/group.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ALL_SQUARE","getGroupedBorderRadius","radius","position","value","String","undefined","getGroupedBorderWidths","borderLeftWidth","borderRightWidth"],"sourceRoot":"../../../../src","sources":["components/shared/group.ts"],"mappings":";;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;AACA,MAAMA,UAAU,GAAG,iBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,sBAAsBA,CAClCC,MAAuB,EACvBC,QAAmC,EAC7B;EACN,MAAMC,KAAK,GAAGC,MAAM,CAACH,MAAM,CAAC;EAE5B,IAAIC,QAAQ,KAAKG,SAAS,EAAE,OAAOF,KAAK;EACxC,IAAID,QAAQ,KAAK,MAAM,EAAE,OAAO,GAAGC,KAAK,QAAQA,KAAK,EAAE;EACvD,IAAID,QAAQ,KAAK,OAAO,EAAE,OAAO,KAAKC,KAAK,IAAIA,KAAK,IAAI;EAExD,OAAOJ,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,sBAAsBA,CAClCJ,QAAmC,EACoB;EACvD,IAAIA,QAAQ,KAAK,QAAQ,EAAE,OAAO,CAAC,CAAC;EACpC,OAAO;IAAEK,eAAe,EAAE,CAAC;IAAEC,gBAAgB,EAAE;EAAE,CAAC;AACtD","ignoreList":[]}