jfs-components 0.0.1

package/lib/commonjs/components/Stepper/Step.mdx

@@ -0,0 +1,52 @@
+import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import * as StepStories from './Step.stories';
+import { Step } from './Step';
+
+<Meta of={StepStories} />
+
+# Step
+
+A component representing a single step within a Stepper process. It displays an indicator (number or icon), a title, and an optional subtitle.
+
+## Available Collections and Modes
+
+This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
+
+### Status
+- **Modes:** active | inactive | complete | error | warning
+- **Default:** active
+
+### Color Mode
+- **Modes:** Light | Dark
+- **Default:** Light
+## Usage
+
+<Canvas>
+  <Story of={StepStories.Default} />
+</Canvas>
+
+## Props
+
+<ArgsTable of={Step} />
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`stepIndicator/background`**
+- **`stepIndicator/border/color`**
+- **`stepIndicator/border/size`**
+- **`stepIndicator/icon/color`**
+- **`stepIndicator/label/fontFamily`**
+- **`stepIndicator/label/fontSize`**
+- **`stepIndicator/label/fontWeight`**
+- **`stepIndicator/label/lineHeight`**
+- **`stepIndicator/radius`**
+- **`stepIndicator/size`**
+- **`steperItem/badgeWrap/gap`**
+- **`steperItem/gap`**
+- **`steperItem/line`**
+- **`steperItem/lineSize`**
+- **`steperItem/minHeight`**
+
+All tokens support mode-based theming through the `modes` prop.

package/lib/commonjs/components/Stepper/StepLabel.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StepLabel = StepLabel;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function StepLabel({
+  title = 'Stepper Item',
+  supportingText,
+  modes = {},
+  style
+}) {
+  // Title styles
+  const titleColor = (0, _figmaVariablesResolver.getVariableByName)('steperItem/title/color', modes) || '#0d0d0f';
+  const titleFontSize = Number((0, _figmaVariablesResolver.getVariableByName)('steperItem/title/fontSize', modes)) || 14;
+  const titleFontFamily = (0, _figmaVariablesResolver.getVariableByName)('steperItem/title/fontFamily', modes) || undefined;
+  const titleLineHeight = Number((0, _figmaVariablesResolver.getVariableByName)('steperItem/title/lineHeight', modes)) || 18;
+  const titleFontWeight = (0, _figmaVariablesResolver.getVariableByName)('steperItem/title/fontWeight', modes) || '700';
+
+  // Subtitle styles
+  const subtitleColor = (0, _figmaVariablesResolver.getVariableByName)('steperItem/subtitle/color', modes) || '#3d4047';
+  const subtitleFontSize = Number((0, _figmaVariablesResolver.getVariableByName)('steperItem/subtitle/fontSize', modes)) || 12;
+  const subtitleFontFamily = (0, _figmaVariablesResolver.getVariableByName)('steperItem/subtitle/fontFamily', modes) || undefined;
+  const subtitleLineHeight = Number((0, _figmaVariablesResolver.getVariableByName)('steperItem/subtitle/lineHeight', modes)) || 16;
+  const subtitleFontWeight = (0, _figmaVariablesResolver.getVariableByName)('steperItem/subtitle/fontWeight', modes) || '400';
+
+  // Layout gap
+  const textGap = Number((0, _figmaVariablesResolver.getVariableByName)('steperItem/textWrap/gap', modes)) || 2;
+  const titleStyle = {
+    color: titleColor,
+    fontSize: titleFontSize,
+    fontFamily: titleFontFamily,
+    fontWeight: titleFontWeight,
+    lineHeight: titleLineHeight
+  };
+  const subtitleStyle = {
+    color: subtitleColor,
+    fontSize: subtitleFontSize,
+    fontFamily: subtitleFontFamily,
+    fontWeight: subtitleFontWeight,
+    lineHeight: subtitleLineHeight
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      gap: textGap,
+      flex: 1
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: titleStyle,
+      children: title
+    }), supportingText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: subtitleStyle,
+      children: supportingText
+    }) : null]
+  });
+}
+//# sourceMappingURL=StepLabel.js.map

package/lib/commonjs/components/Stepper/StepLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","__esModule","default","StepLabel","title","supportingText","modes","style","titleColor","getVariableByName","titleFontSize","Number","titleFontFamily","undefined","titleLineHeight","titleFontWeight","subtitleColor","subtitleFontSize","subtitleFontFamily","subtitleLineHeight","subtitleFontWeight","textGap","titleStyle","color","fontSize","fontFamily","fontWeight","lineHeight","subtitleStyle","jsxs","View","gap","flex","children","jsx","Text"],"sourceRoot":"../../../../src","sources":["components/Stepper/StepLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAAgF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASzE,SAASG,SAASA,CAAC;EACtBC,KAAK,GAAG,cAAc;EACtBC,cAAc;EACdC,KAAK,GAAG,CAAC,CAAC;EACVC;AACY,CAAC,EAAE;EACf;EACA,MAAMC,UAAU,GACX,IAAAC,yCAAiB,EAAC,wBAAwB,EAAEH,KAAK,CAAC,IAAe,SAAS;EAC/E,MAAMI,aAAa,GACfC,MAAM,CAAC,IAAAF,yCAAiB,EAAC,2BAA2B,EAAEH,KAAK,CAAY,CAAC,IAAI,EAAE;EAClF,MAAMM,eAAe,GAChB,IAAAH,yCAAiB,EAAC,6BAA6B,EAAEH,KAAK,CAAC,IACxDO,SAAS;EACb,MAAMC,eAAe,GACjBH,MAAM,CAAC,IAAAF,yCAAiB,EAAC,6BAA6B,EAAEH,KAAK,CAAY,CAAC,IAC1E,EAAE;EACN,MAAMS,eAAe,GAChB,IAAAN,yCAAiB,EAAC,6BAA6B,EAAEH,KAAK,CAAC,IAAe,KAAK;;EAEhF;EACA,MAAMU,aAAa,GACd,IAAAP,yCAAiB,EAAC,2BAA2B,EAAEH,KAAK,CAAC,IACtD,SAAS;EACb,MAAMW,gBAAgB,GAClBN,MAAM,CACF,IAAAF,yCAAiB,EAAC,8BAA8B,EAAEH,KAAK,CAC3D,CAAC,IAAI,EAAE;EACX,MAAMY,kBAAkB,GACnB,IAAAT,yCAAiB,EAAC,gCAAgC,EAAEH,KAAK,CAAC,IAC3DO,SAAS;EACb,MAAMM,kBAAkB,GACpBR,MAAM,CACF,IAAAF,yCAAiB,EAAC,gCAAgC,EAAEH,KAAK,CAC7D,CAAC,IAAI,EAAE;EACX,MAAMc,kBAAkB,GACnB,IAAAX,yCAAiB,EAAC,gCAAgC,EAAEH,KAAK,CAAC,IAC3D,KAAK;;EAET;EACA,MAAMe,OAAO,GACTV,MAAM,CAAC,IAAAF,yCAAiB,EAAC,yBAAyB,EAAEH,KAAK,CAAY,CAAC,IAAI,CAAC;EAE/E,MAAMgB,UAAqB,GAAG;IAC1BC,KAAK,EAAEf,UAAU;IACjBgB,QAAQ,EAAEd,aAAa;IACvBe,UAAU,EAAEb,eAAe;IAC3Bc,UAAU,EAAEX,eAA0C;IACtDY,UAAU,EAAEb;EAChB,CAAC;EAED,MAAMc,aAAwB,GAAG;IAC7BL,KAAK,EAAEP,aAAa;IACpBQ,QAAQ,EAAEP,gBAAgB;IAC1BQ,UAAU,EAAEP,kBAAkB;IAC9BQ,UAAU,EAAEN,kBAA6C;IACzDO,UAAU,EAAER;EAChB,CAAC;EAED,oBACI,IAAApB,WAAA,CAAA8B,IAAA,EAAChC,YAAA,CAAAiC,IAAI;IAACvB,KAAK,EAAE,CAAC;MAAEwB,GAAG,EAAEV,OAAO;MAAEW,IAAI,EAAE;IAAE,CAAC,EAAEzB,KAAK,CAAE;IAAA0B,QAAA,gBAC5C,IAAAlC,WAAA,CAAAmC,GAAA,EAACrC,YAAA,CAAAsC,IAAI;MAAC5B,KAAK,EAAEe,UAAW;MAAAW,QAAA,EAAE7B;IAAK,CAAO,CAAC,EACtCC,cAAc,gBACX,IAAAN,WAAA,CAAAmC,GAAA,EAACrC,YAAA,CAAAsC,IAAI;MAAC5B,KAAK,EAAEqB,aAAc;MAAAK,QAAA,EAAE5B;IAAc,CAAO,CAAC,GACnD,IAAI;EAAA,CACN,CAAC;AAEf","ignoreList":[]}

package/lib/commonjs/components/Stepper/StepLabel.mdx

@@ -0,0 +1,44 @@
+import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import * as StepLabelStories from './StepLabel.stories';
+import { StepLabel } from './StepLabel';
+
+<Meta of={StepLabelStories} />
+
+# StepLabel
+
+A sub-component used to render the text content (title and subtitle) for a Step.
+
+## Available Collections and Modes
+
+This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
+
+### Color Mode
+- **Modes:** Light | Dark
+- **Default:** Light
+## Usage
+
+<Canvas>
+  <Story of={StepLabelStories.Default} />
+</Canvas>
+
+## Props
+
+<ArgsTable of={StepLabel} />
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`steperItem/subtitle/color`**
+- **`steperItem/subtitle/fontFamily`**
+- **`steperItem/subtitle/fontSize`**
+- **`steperItem/subtitle/fontWeight`**
+- **`steperItem/subtitle/lineHeight`**
+- **`steperItem/textWrap/gap`**
+- **`steperItem/title/color`**
+- **`steperItem/title/fontFamily`**
+- **`steperItem/title/fontSize`**
+- **`steperItem/title/fontWeight`**
+- **`steperItem/title/lineHeight`**
+
+All tokens support mode-based theming through the `modes` prop.

package/lib/commonjs/components/Stepper/Stepper.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Step", {
+  enumerable: true,
+  get: function () {
+    return _Step.Step;
+  }
+});
+Object.defineProperty(exports, "StepLabel", {
+  enumerable: true,
+  get: function () {
+    return _StepLabel.StepLabel;
+  }
+});
+exports.default = Stepper;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _Step = require("./Step");
+var _StepLabel = require("./StepLabel");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Stepper({
+  children,
+  modes = {},
+  style
+}) {
+  // Stepper container styles
+  const paddingHorizontal = Number((0, _figmaVariablesResolver.getVariableByName)('stepper/padding/horizontal', modes)) || 8;
+  const paddingVertical = Number((0, _figmaVariablesResolver.getVariableByName)('stepper/padding/vertical', modes)) || 0;
+  const gap = Number((0, _figmaVariablesResolver.getVariableByName)('stepper/gap', modes)) || 2;
+  const containerStyle = {
+    paddingHorizontal,
+    paddingVertical,
+    gap,
+    ...style
+  };
+
+  // Inject index and connectorStyle logic into Step children
+  const steps = _react.default.Children.toArray(children);
+  const childrenWithProps = steps.map((child, index) => {
+    if (/*#__PURE__*/_react.default.isValidElement(child)) {
+      const isLast = index === steps.length - 1;
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        index,
+        modes,
+        // Pass modes down
+        connectorStyle: isLast ? {
+          display: 'none'
+        } : undefined
+      });
+    }
+    return child;
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: containerStyle,
+    children: childrenWithProps
+  });
+}
+//# sourceMappingURL=Stepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_Step","_StepLabel","_jsxRuntime","e","__esModule","default","Stepper","children","modes","style","paddingHorizontal","Number","getVariableByName","paddingVertical","gap","containerStyle","steps","React","Children","toArray","childrenWithProps","map","child","index","isValidElement","isLast","length","cloneElement","connectorStyle","display","undefined","jsx","View"],"sourceRoot":"../../../../src","sources":["components/Stepper/Stepper.tsx"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAAuC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUxB,SAASG,OAAOA,CAAC;EAC5BC,QAAQ;EACRC,KAAK,GAAG,CAAC,CAAC;EACVC;AACU,CAAC,EAAE;EACb;EACA,MAAMC,iBAAiB,GACnBC,MAAM,CAAC,IAAAC,yCAAiB,EAAC,4BAA4B,EAAEJ,KAAK,CAAY,CAAC,IACzE,CAAC;EACL,MAAMK,eAAe,GACjBF,MAAM,CAAC,IAAAC,yCAAiB,EAAC,0BAA0B,EAAEJ,KAAK,CAAY,CAAC,IAAI,CAAC;EAChF,MAAMM,GAAG,GAAGH,MAAM,CAAC,IAAAC,yCAAiB,EAAC,aAAa,EAAEJ,KAAK,CAAY,CAAC,IAAI,CAAC;EAE3E,MAAMO,cAAyB,GAAG;IAC9BL,iBAAiB;IACjBG,eAAe;IACfC,GAAG;IACH,GAAGL;EACP,CAAC;;EAED;EACA,MAAMO,KAAK,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACZ,QAAQ,CAAC;EAC9C,MAAMa,iBAAiB,GAAGJ,KAAK,CAACK,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAClD,iBAAIN,cAAK,CAACO,cAAc,CAACF,KAAK,CAAC,EAAE;MAC7B,MAAMG,MAAM,GAAGF,KAAK,KAAKP,KAAK,CAACU,MAAM,GAAG,CAAC;MAEzC,oBAAOT,cAAK,CAACU,YAAY,CAACL,KAAK,EAAE;QAC7BC,KAAK;QACLf,KAAK;QAAE;QACPoB,cAAc,EAAEH,MAAM,GAAG;UAAEI,OAAO,EAAE;QAAO,CAAC,GAAGC;MACnD,CAAQ,CAAC;IACb;IACA,OAAOR,KAAK;EAChB,CAAC,CAAC;EAEF,oBAAO,IAAApB,WAAA,CAAA6B,GAAA,EAACjC,YAAA,CAAAkC,IAAI;IAACvB,KAAK,EAAEM,cAAe;IAAAR,QAAA,EAAEa;EAAiB,CAAO,CAAC;AAClE","ignoreList":[]}

package/lib/commonjs/components/Stepper/Stepper.mdx

@@ -0,0 +1,32 @@
+import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import * as StepperStories from './Stepper.stories';
+import Stepper from './Stepper';
+
+<Meta of={StepperStories} />
+
+# Stepper
+
+Stepper component with design-token-driven styling.
+
+## Available Collections and Modes
+
+This component does not use any design token collections with multiple modes.
+## Usage
+
+<Canvas>
+  <Story of={StepperStories.Default} />
+</Canvas>
+
+## Props
+
+<ArgsTable of={Stepper} />
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`stepper/gap`**
+- **`stepper/padding/horizontal`**
+- **`stepper/padding/vertical`**
+
+All tokens support mode-based theming through the `modes` prop.

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

@@ -0,0 +1,349 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _Icon = _interopRequireDefault(require("../../icons/Icon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Helper function to recursively clone children and pass modes prop to components that accept it.
+ * This ensures that all child components in slots receive the modes prop from the parent.
+ */function cloneChildrenWithModes(children, modes) {
+  const result = _react.default.Children.map(children, child => {
+    if (! /*#__PURE__*/_react.default.isValidElement(child)) {
+      return child;
+    }
+
+    // Get existing children
+    const childChildren = child.props?.children;
+    const hasChildren = childChildren !== undefined && childChildren !== null;
+
+    // Clone the child with modes prop if it doesn't already have one
+    // or merge with existing modes if it does
+    // Merge order: parent modes first, then child's explicit modes override them
+    const existingModes = child.props?.modes;
+    const mergedModes = existingModes ? {
+      ...modes,
+      ...existingModes
+    } : modes;
+
+    // Recursively process children if they exist
+    const processedChildren = hasChildren ? cloneChildrenWithModes(_react.default.Children.toArray(childChildren), modes) : undefined;
+
+    // Clone element with modes and processed children
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      ...child.props,
+      modes: mergedModes
+    }, processedChildren);
+  });
+  return result || [];
+}
+
+/**
+ * TextInput component that mirrors the Figma "textInput" component.
+ *
+ * This component supports:
+ *  - **leading** slot for icons or other leading elements (defaults to ic_search icon)
+ *  - **trailing** slot for icons or other trailing elements
+ *  - **design-token driven styling** via `getVariableByName` and `modes`
+ *
+ * Wherever the Figma layer name contains "Slot", this component exposes a
+ * dedicated React "slot" prop:
+ *  - Slot "start" → `leading`
+ *  - Slot "end" → `trailing`
+ *
+ * @component
+ * @param {Object} props
+ * @param {string} [props.placeholder=''] - Placeholder text displayed when input is empty
+ * @param {string} [props.value=''] - Current value of the input
+ * @param {Function} [props.onChangeText] - Callback function called when text changes
+ * @param {string} [props.leadingIconName='ic_search'] - Icon name for the leading slot (defaults to "ic_search")
+ * @param {React.ReactNode} [props.leading] - Optional custom leading slot (Figma Slot "start"). If provided, overrides leadingIconName
+ * @param {React.ReactNode} [props.trailing] - Optional trailing slot (Figma Slot "end")
+ * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens
+ * @param {Object} [props.style] - Optional container style overrides
+ * @param {Object} [props.inputStyle] - Optional text input style overrides
+ * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, uses placeholder or "Text input"
+ * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
+ * @param {Object} [props.rest] - Additional props passed to the underlying TextInput
+ */
+/**
+ * Helper function to convert a color to a more transparent version for placeholder text.
+ * Takes a color string (hex, rgb, rgba) and returns it with reduced opacity.
+ */
+function makePlaceholderColor(color, opacity = 0.5) {
+  if (!color || typeof color !== 'string') {
+    return color || '';
+  }
+
+  // If it's already an rgba string, extract and modify
+  if (color.startsWith('rgba(')) {
+    const match = color.match(/rgba\(([^)]+)\)/);
+    if (match && match[1]) {
+      const parts = match[1].split(',').map(p => p.trim());
+      if (parts.length >= 3) {
+        return `rgba(${parts[0]}, ${parts[1]}, ${parts[2]}, ${opacity})`;
+      }
+    }
+  }
+  // If it's rgb, convert to rgba
+  if (color.startsWith('rgb(')) {
+    const match = color.match(/rgb\(([^)]+)\)/);
+    if (match && match[1]) {
+      return `rgba(${match[1]}, ${opacity})`;
+    }
+  }
+  // If it's hex, convert to rgba
+  if (color.startsWith('#')) {
+    const hex = color.replace('#', '');
+    // Handle both 3-digit and 6-digit hex
+    let r, g, b;
+    if (hex.length === 3) {
+      const char0 = hex[0];
+      const char1 = hex[1];
+      const char2 = hex[2];
+      if (!char0 || !char1 || !char2) {
+        return color;
+      }
+      r = parseInt(char0 + char0, 16);
+      g = parseInt(char1 + char1, 16);
+      b = parseInt(char2 + char2, 16);
+      if (isNaN(r) || isNaN(g) || isNaN(b)) {
+        return color;
+      }
+      return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+    } else if (hex.length === 6) {
+      r = parseInt(hex.substring(0, 2), 16);
+      g = parseInt(hex.substring(2, 4), 16);
+      b = parseInt(hex.substring(4, 6), 16);
+      if (isNaN(r) || isNaN(g) || isNaN(b)) {
+        return color;
+      }
+      return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+    } else {
+      return color;
+    }
+  }
+  // Fallback: return original color
+  return color;
+}
+function TextInput({
+  placeholder = '',
+  value = '',
+  onChangeText,
+  leadingIconName = 'ic_search',
+  leading,
+  trailing,
+  modes = {},
+  style,
+  inputStyle,
+  onFocus,
+  onBlur,
+  accessibilityLabel,
+  accessibilityHint,
+  ...rest
+}) {
+  // Track focus state to hide placeholder when focused
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const [isHovered, setIsHovered] = (0, _react.useState)(false);
+
+  // Resolve container tokens
+  const backgroundColor = (0, _figmaVariablesResolver.getVariableByName)('textInput/background', modes) || '#f5f5f5';
+  const borderColor = (0, _figmaVariablesResolver.getVariableByName)('textInput/border/color', modes) || '#f5f5f5';
+  const paddingHorizontal = (0, _figmaVariablesResolver.getVariableByName)('textInput/horizontal/padding', modes) || 14;
+  const paddingVertical = (0, _figmaVariablesResolver.getVariableByName)('textInput/vertical/padding', modes) || 14;
+  const radius = (0, _figmaVariablesResolver.getVariableByName)('textInput/radius', modes) || 99999;
+
+  // Resolve text input typography tokens
+  const textColor = (0, _figmaVariablesResolver.getVariableByName)('textInput/label/color', modes) || '#24262b';
+  const fontSize = (0, _figmaVariablesResolver.getVariableByName)('textInput/fontSize', modes) || 14;
+  const lineHeight = (0, _figmaVariablesResolver.getVariableByName)('textInput/lineHeight', modes) || 18;
+  const fontFamily = (0, _figmaVariablesResolver.getVariableByName)('textInput/fontFamily', modes) || 'System';
+  const fontWeightRaw = (0, _figmaVariablesResolver.getVariableByName)('textInput/fontWeight', modes) || 400;
+  const fontWeight = typeof fontWeightRaw === 'number' ? fontWeightRaw.toString() : fontWeightRaw;
+
+  // Create placeholder color (lighter/more transparent version of text color)
+  const placeholderColor = makePlaceholderColor(textColor, 0.6);
+
+  // Resolve icon tokens (for default icon rendering if needed)
+  const iconColor = (0, _figmaVariablesResolver.getVariableByName)('textInput/icon/color', modes) || '#24262b';
+  const iconSize = (0, _figmaVariablesResolver.getVariableByName)('textInput/icon/size', modes) || 18;
+
+  // Convert radius to React Native format (if 99999, use a large value for fully rounded)
+  const borderRadius = radius === 99999 ? 99999 : radius;
+  const containerStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor,
+    borderColor,
+    borderWidth: 1,
+    borderStyle: 'solid',
+    borderRadius,
+    paddingHorizontal,
+    paddingVertical,
+    gap: 8
+  };
+  const hoverStyle = isHovered ? {
+    opacity: 0.95
+  } : {};
+  const focusContainerStyle = isFocused ? {
+    borderColor: '#222',
+    borderWidth: 1
+  } : {};
+  const textInputStyle = {
+    flex: 1,
+    color: textColor,
+    fontSize,
+    lineHeight,
+    fontFamily,
+    fontWeight,
+    padding: 0,
+    margin: 0,
+    minHeight: lineHeight,
+    // Remove focus outline for React Native Web
+    outlineStyle: 'none',
+    outlineWidth: 0,
+    outlineColor: 'transparent'
+  };
+
+  // Determine leading element: use provided leading, or default to icon from leadingIconName
+  const leadingElement = leading || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+    name: leadingIconName,
+    size: iconSize,
+    color: iconColor
+  });
+
+  // Clone leading and trailing slots and pass modes to all children that accept it
+  const processedLeading = leadingElement ? cloneChildrenWithModes(_react.default.Children.toArray(leadingElement), modes) : null;
+  const processedTrailing = trailing ? cloneChildrenWithModes(_react.default.Children.toArray(trailing), modes) : null;
+
+  // Handle focus events
+  const handleFocus = e => {
+    setIsFocused(true);
+    if (onFocus) {
+      onFocus(e);
+    }
+  };
+  const handleBlur = e => {
+    setIsFocused(false);
+    if (onBlur) {
+      onBlur(e);
+    }
+  };
+
+  // Hide placeholder when focused
+  const displayPlaceholder = isFocused ? '' : placeholder;
+
+  // Generate default accessibility label from placeholder if not provided
+  const defaultAccessibilityLabel = accessibilityLabel || placeholder || 'Text input';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    style: [containerStyle, focusContainerStyle, hoverStyle, style],
+    onHoverIn: () => setIsHovered(true),
+    onHoverOut: () => setIsHovered(false),
+    children: [processedLeading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no",
+      children: processedLeading
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      accessibilityLabel: defaultAccessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      placeholder: displayPlaceholder,
+      value: value,
+      onChangeText: onChangeText,
+      placeholderTextColor: placeholderColor,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      style: [textInputStyle, inputStyle],
+      ...rest
+    }), processedTrailing && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no",
+      children: processedTrailing
+    })]
+  });
+}
+
+/**
+ * TextInput.Search component that mirrors the Figma "textInput.search" component.
+ *
+ * This is a convenience variant that pre-configures the TextInput with:
+ *  - Default search icon in the leading slot
+ *  - No trailing slot
+ *  - Default placeholder text "Search"
+ *
+ * @component
+ * @param {Object} props
+ * @param {string} [props.placeholder='Search'] - Placeholder text (defaults to "Search")
+ * @param {string} [props.value=''] - Current value of the input
+ * @param {Function} [props.onChangeText] - Callback function called when text changes
+ * @param {React.ReactNode} [props.leading] - Optional leading slot (defaults to search icon)
+ * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens
+ * @param {Object} [props.style] - Optional container style overrides
+ * @param {Object} [props.inputStyle] - Optional text input style overrides
+ * @param {Object} [props.rest] - Additional props passed to the underlying TextInput
+ */
+
+function TextInputSearch({
+  placeholder = 'Search',
+  value = '',
+  onChangeText,
+  leading,
+  modes = {},
+  style,
+  inputStyle,
+  accessibilityLabel,
+  accessibilityHint,
+  onFocus,
+  onBlur,
+  ...rest
+}) {
+  // Resolve icon tokens for default search icon
+  const iconColor = (0, _figmaVariablesResolver.getVariableByName)('textInput/icon/color', modes) || '#24262b';
+  const iconSize = (0, _figmaVariablesResolver.getVariableByName)('textInput/icon/size', modes) || 18;
+
+  // Use provided leading or default to search icon
+  const defaultLeading = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+    name: "ic_search",
+    size: iconSize,
+    color: iconColor
+  });
+  const textInputProps = {
+    placeholder,
+    value,
+    leading: leading || defaultLeading,
+    trailing: null,
+    modes,
+    style,
+    inputStyle,
+    ...rest
+  };
+  if (onChangeText) {
+    textInputProps.onChangeText = onChangeText;
+  }
+  if (onFocus) {
+    textInputProps.onFocus = onFocus;
+  }
+  if (onBlur) {
+    textInputProps.onBlur = onBlur;
+  }
+  if (accessibilityLabel) {
+    textInputProps.accessibilityLabel = accessibilityLabel;
+  }
+  if (accessibilityHint) {
+    textInputProps.accessibilityHint = accessibilityHint;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextInput, {
+    ...textInputProps
+  });
+}
+
+// Attach Search as a property of TextInput using namespace pattern
+TextInput.Search = TextInputSearch;
+var _default = exports.default = TextInput;
+//# sourceMappingURL=TextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_Icon","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","cloneChildrenWithModes","children","modes","result","React","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","makePlaceholderColor","color","opacity","startsWith","match","parts","split","p","trim","length","hex","replace","g","b","char0","char1","char2","parseInt","isNaN","substring","TextInput","placeholder","value","onChangeText","leadingIconName","leading","trailing","style","inputStyle","onFocus","onBlur","accessibilityLabel","accessibilityHint","rest","isFocused","setIsFocused","useState","isHovered","setIsHovered","backgroundColor","getVariableByName","borderColor","paddingHorizontal","paddingVertical","radius","textColor","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","placeholderColor","iconColor","iconSize","borderRadius","containerStyle","flexDirection","alignItems","borderWidth","borderStyle","gap","hoverStyle","focusContainerStyle","textInputStyle","flex","padding","margin","minHeight","outlineStyle","outlineWidth","outlineColor","leadingElement","jsx","name","size","processedLeading","processedTrailing","handleFocus","handleBlur","displayPlaceholder","defaultAccessibilityLabel","jsxs","Pressable","onHoverIn","onHoverOut","View","accessibilityElementsHidden","importantForAccessibility","placeholderTextColor","TextInputSearch","defaultLeading","textInputProps","Search","_default","exports"],"sourceRoot":"../../../../src","sources":["components/TextInput/TextInput.tsx"],"mappings":"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","ignoreList":[]}