@cdx-ui/components 0.1.0 → 0.1.1

package/README.md

@@ -44,7 +44,7 @@ Component stories live in [`apps/storybook`](../../apps/storybook/). See the ful
 
 ### Components
 
-Accordion, Alert, AlertDialog, Avatar, Badge, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, CurrencyInput, DateField, DatePicker, DateRangePicker, DateTimeField, DateTimeList, DateTimePicker, Dialog, Divider, Field, Form, Heading, HStack / VStack, Icon, IconButton, Image, Input, InsuranceDisclosure, Link, ListItem, Menu, MonthCalendar, MonthPicker, OtpInput, ProgressBar, ProgressCircle, ProgressSegmented, QuickActionButton, Radio, RangeCalendar, ScopedTheme, ScrollShadow, Select, Skeleton, Slider, Switch, Tabs, Text, Textarea, Tile, Toast, Tooltip, VirtualizedList.
+Accordion, Alert, AlertDialog, Avatar, Badge, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, CurrencyInput, DateField, DatePicker, DateRangePicker, DateTimeField, DateTimeList, DateTimePicker, Dialog, Divider, Field, Form, Heading, HStack / VStack, Icon, IconButton, Image, Input, InsuranceDisclosure, Link, ListItem, Menu, MonthCalendar, MonthPicker, OtpInput, ProgressBar, ProgressCircle, ProgressSegmented, QuickActionButton, Radio, RangeCalendar, ScopedTheme, ScrollShadow, Select, Skeleton, Slider, Switch, Table, TablePagination, Tabs, Text, Textarea, Tile, Toast, Tooltip, VirtualizedList.
 
 > `Box` is exported but deprecated — use React Native's `View` directly.
 

package/lib/commonjs/components/Input/styles.js

@@ -19,8 +19,14 @@ const inputRootVariants = exports.inputRootVariants = (0, _utils.cva)(['w-full f
       outline: []
     },
     size: {
-      default: ['h-11 min-h-11 px-4 py-3 gap-4', 'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
-      small: ['h-8 min-h-8 px-3 py-2 gap-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
+      default: ['h-11 min-h-11 px-4 py-3 gap-4',
+      // Web <600px: trim vertical padding so 16px / leading-normal (24px line box) fits
+      // in h-11. Native and web ≥600px keep py-3 at 14px text (Figma Viewport=Wide).
+      'web:max-[600px]:py-2', 'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
+      small: ['h-8 min-h-8 px-3 py-2 gap-1.5',
+      // Web <600px: grow shell to h-9 so 16px text fits. Native and web ≥600px stay
+      // h-8 at 12px text.
+      'web:max-[600px]:h-9 web:max-[600px]:min-h-9 web:max-[600px]:py-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
     }
   },
   defaultVariants: {
@@ -38,8 +44,10 @@ const inputFieldVariants = exports.inputFieldVariants = (0, _utils.cva)([
 'flex-1 min-w-0 justify-center bg-transparent p-0', 'text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
   variants: {
     size: {
-      default: 'text-[0.875rem]',
-      small: 'text-[0.75rem]'
+      // Web <600px: 16px prevents iOS Safari focus-zoom. Native and web ≥600px keep
+      // 14px / 12px (Figma Viewport=Wide).
+      default: ['text-[0.875rem]', _constants.WEB_NARROW_FIELD_TEXT],
+      small: ['text-[0.75rem]', _constants.WEB_NARROW_FIELD_TEXT]
     }
   },
   defaultVariants: {

package/lib/commonjs/components/Input/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","_constants","inputRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,UAAG,EAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,UAAG,EACnC;AACE;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,EAClD,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,IAAAX,UAAG,EAAC,CAAC,kDAAkD,CAAC,CAAC;AAEnF,MAAMY,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,UAAG,EAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,6BAA6B,GAAAd,OAAA,CAAAc,6BAAA,GAAG,IAAAb,UAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_utils","require","_constants","inputRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","WEB_NARROW_FIELD_TEXT","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,UAAG,EAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA;MACA,sBAAsB,EACtB,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B;MAC/B;MACA;MACA,oEAAoE,EACpE,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,UAAG,EACnC;AACE;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,EAClD,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJ;MACA;MACAC,OAAO,EAAE,CAAC,iBAAiB,EAAEI,gCAAqB,CAAC;MACnDH,KAAK,EAAE,CAAC,gBAAgB,EAAEG,gCAAqB;IACjD;EACF,CAAC;EACDF,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMM,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,UAAG,EAAC,CAAC,kDAAkD,CAAC,CAAC;AAEnF,MAAMa,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAG,IAAAb,UAAG,EAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMQ,6BAA6B,GAAAf,OAAA,CAAAe,6BAAA,GAAG,IAAAd,UAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/InsuranceDisclosure/FdicLockup.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FdicLockup = FdicLockup;
+var _reactNativeSvg = require("react-native-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+const FDIC_NAVY = '#003366';
+function FdicLockup() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Svg, {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 44 20",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M5.39953 18.3086H0.896923V1.73399H10.1587V6.06628H5.39953V8.7493H9.88382V13.0821H5.39953V18.3086Z",
+      fill: FDIC_NAVY
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M30.228 1.69895H25.7254V18.308H30.228V1.69895Z",
+      fill: FDIC_NAVY
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M39.4208 13.924C37.2579 13.924 35.4679 12.1616 35.4679 10.0003C35.4679 7.83897 37.2579 6.07598 39.4208 6.07598C41.3929 6.07598 42.424 7.12483 43.1031 8.50623V2.55916C43.1031 2.55916 41.1094 1.665 39.2516 1.665C35.1252 1.665 30.6543 5.46047 30.6543 10.0003C30.6543 15.5582 34.9187 18.335 39.2516 18.335C41.1089 18.335 43.1031 17.4419 43.1031 17.4419V11.5466C42.2903 12.9479 41.3821 13.924 39.4208 13.924Z",
+      fill: FDIC_NAVY
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M15.3172 1.73399C18.1366 1.73399 24.946 2.42118 24.946 10.0132C24.946 17.6209 18.8254 18.2935 15.3172 18.293H10.7785V1.73399H15.3172ZM20.4752 9.98679C20.4752 7.02943 18.1027 5.99783 15.3102 5.99783V13.9758C18.1027 13.9758 20.4752 12.9436 20.4752 9.98679Z",
+      fill: FDIC_NAVY
+    })]
+  });
+}
+//# sourceMappingURL=FdicLockup.js.map

package/lib/commonjs/components/InsuranceDisclosure/FdicLockup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSvg","require","_jsxRuntime","FDIC_NAVY","FdicLockup","jsxs","Svg","width","height","viewBox","fill","children","jsx","Path","d"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/FdicLockup.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAA6C,IAAAC,WAAA,GAAAD,OAAA;AAE7C,MAAME,SAAS,GAAG,SAAS;AAEpB,SAASC,UAAUA,CAAA,EAAG;EAC3B,oBACE,IAAAF,WAAA,CAAAG,IAAA,EAACL,eAAA,CAAAM,GAAG;IAACC,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,gBAC7D,IAAAT,WAAA,CAAAU,GAAA,EAACZ,eAAA,CAAAa,IAAI;MACHC,CAAC,EAAC,mGAAmG;MACrGJ,IAAI,EAAEP;IAAU,CACjB,CAAC,eACF,IAAAD,WAAA,CAAAU,GAAA,EAACZ,eAAA,CAAAa,IAAI;MAACC,CAAC,EAAC,gDAAgD;MAACJ,IAAI,EAAEP;IAAU,CAAE,CAAC,eAC5E,IAAAD,WAAA,CAAAU,GAAA,EAACZ,eAAA,CAAAa,IAAI;MACHC,CAAC,EAAC,qZAAqZ;MACvZJ,IAAI,EAAEP;IAAU,CACjB,CAAC,eACF,IAAAD,WAAA,CAAAU,GAAA,EAACZ,eAAA,CAAAa,IAAI;MACHC,CAAC,EAAC,gQAAgQ;MAClQJ,IAAI,EAAEP;IAAU,CACjB,CAAC;EAAA,CACC,CAAC;AAEV","ignoreList":[]}

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

@@ -11,9 +11,15 @@ var _utils = require("@cdx-ui/utils");
 var _Image = require("../Image/Image");
 var _HStack = require("../Stack/HStack");
 var _Text = require("../Text");
+var _FdicLockup = require("./FdicLockup");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
+/** Bundled official FDIC lockup — omit `logoSource` to use the default mark. */
+
+/** Custom logo override — `logoAccessibilityLabel` is required. */
+
 const InsuranceDisclosure = exports.InsuranceDisclosure = /*#__PURE__*/(0, _react.forwardRef)(function InsuranceDisclosure({
+  framed = false,
   logoSource,
   logoAccessibilityLabel,
   label,
@@ -21,31 +27,43 @@ const InsuranceDisclosure = exports.InsuranceDisclosure = /*#__PURE__*/(0, _reac
   style,
   ...props
 }, ref) {
+  const useCustomLogo = logoSource != null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_HStack.HStack, {
     ref: ref,
     space: "md",
-    className: (0, _utils.cn)((0, _styles.insuranceDisclosureRootVariants)(), className),
+    className: (0, _utils.cn)((0, _styles.insuranceDisclosureRootVariants)({
+      framed
+    }), className),
     style: style,
     ...props,
     ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
       slot: 'insurance-disclosure'
     })),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.Image, {
+    children: [useCustomLogo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.Image, {
       source: logoSource,
       accessibilityLabel: logoAccessibilityLabel,
-      accessible: true,
+      accessible: logoAccessibilityLabel != null,
       resizeMode: "contain",
       className: (0, _styles.insuranceDisclosureLogoVariants)(),
       ...(0, _primitives.mergeDataAttributes)({}, (0, _primitives.dataAttributes)({
         slot: 'insurance-disclosure-logo'
       }))
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessible: true,
+      accessibilityRole: "image",
+      accessibilityLabel: "FDIC",
+      className: (0, _styles.insuranceDisclosureLogoVariants)(),
+      ...(0, _primitives.mergeDataAttributes)({}, (0, _primitives.dataAttributes)({
+        slot: 'insurance-disclosure-logo'
+      })),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FdicLockup.FdicLockup, {})
     }), label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       className: "min-w-0 shrink",
       ...(0, _primitives.mergeDataAttributes)({}, (0, _primitives.dataAttributes)({
         slot: 'insurance-disclosure-content'
       })),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
-        size: "xs",
+        size: "sm",
         className: (0, _styles.insuranceDisclosureTextVariants)(),
         children: label
       })

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Image","_HStack","_Text","_styles","_jsxRuntime","InsuranceDisclosure","exports","forwardRef","logoSource","logoAccessibilityLabel","label","className","style","props","ref","jsxs","HStack","space","cn","insuranceDisclosureRootVariants","mergeDataAttributes","dataAttributes","slot","children","jsx","Image","source","accessibilityLabel","accessible","resizeMode","insuranceDisclosureLogoVariants","View","Text","size","insuranceDisclosureTextVariants","displayName"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAIkB,IAAAQ,WAAA,GAAAR,OAAA;AASX,MAAMS,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAAG,IAAAE,iBAAU,EAG3C,SAASF,mBAAmBA,CAC5B;EAAEG,UAAU;EAAEC,sBAAsB;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EACzEC,GAAG,EACH;EACA,oBACE,IAAAV,WAAA,CAAAW,IAAA,EAACd,OAAA,CAAAe,MAAM;IACLF,GAAG,EAAEA,GAAI;IACTG,KAAK,EAAC,IAAI;IACVN,SAAS,EAAE,IAAAO,SAAE,EAAC,IAAAC,uCAA+B,EAAC,CAAC,EAAER,SAAS,CAAE;IAC5DC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACL,IAAAO,+BAAmB,EAACP,KAAK,EAAE,IAAAQ,0BAAc,EAAC;MAAEC,IAAI,EAAE;IAAuB,CAAC,CAAC,CAAC;IAAAC,QAAA,gBAEhF,IAAAnB,WAAA,CAAAoB,GAAA,EAACxB,MAAA,CAAAyB,KAAU;MACTC,MAAM,EAAElB,UAAW;MACnBmB,kBAAkB,EAAElB,sBAAuB;MAC3CmB,UAAU;MACVC,UAAU,EAAC,SAAS;MACpBlB,SAAS,EAAE,IAAAmB,uCAA+B,EAAC,CAAE;MAAA,GACzC,IAAAV,+BAAmB,EAAC,CAAC,CAAC,EAAE,IAAAC,0BAAc,EAAC;QAAEC,IAAI,EAAE;MAA4B,CAAC,CAAC;IAAC,CACnF,CAAC,EACDZ,KAAK,gBACJ,IAAAN,WAAA,CAAAoB,GAAA,EAAC3B,YAAA,CAAAkC,IAAI;MACHpB,SAAS,EAAC,gBAAgB;MAAA,GACtB,IAAAS,+BAAmB,EAAC,CAAC,CAAC,EAAE,IAAAC,0BAAc,EAAC;QAAEC,IAAI,EAAE;MAA+B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAErF,IAAAnB,WAAA,CAAAoB,GAAA,EAACtB,KAAA,CAAA8B,IAAI;QAACC,IAAI,EAAC,IAAI;QAACtB,SAAS,EAAE,IAAAuB,uCAA+B,EAAC,CAAE;QAAAX,QAAA,EAC1Db;MAAK,CACF;IAAC,CACH,CAAC,GACL,IAAI;EAAA,CACF,CAAC;AAEb,CAAC,CAAC;AAEFL,mBAAmB,CAAC8B,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Image","_HStack","_Text","_FdicLockup","_styles","_jsxRuntime","InsuranceDisclosure","exports","forwardRef","framed","logoSource","logoAccessibilityLabel","label","className","style","props","ref","useCustomLogo","jsxs","HStack","space","cn","insuranceDisclosureRootVariants","mergeDataAttributes","dataAttributes","slot","children","jsx","Image","source","accessibilityLabel","accessible","resizeMode","insuranceDisclosureLogoVariants","View","accessibilityRole","FdicLockup","Text","size","insuranceDisclosureTextVariants","displayName"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAIkB,IAAAS,WAAA,GAAAT,OAAA;AAelB;;AAOA;;AAYO,MAAMU,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAAG,IAAAE,iBAAU,EAG3C,SAASF,mBAAmBA,CAC5B;EAAEG,MAAM,GAAG,KAAK;EAAEC,UAAU;EAAEC,sBAAsB;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EACzFC,GAAG,EACH;EACA,MAAMC,aAAa,GAAGP,UAAU,IAAI,IAAI;EAExC,oBACE,IAAAL,WAAA,CAAAa,IAAA,EAACjB,OAAA,CAAAkB,MAAM;IACLH,GAAG,EAAEA,GAAI;IACTI,KAAK,EAAC,IAAI;IACVP,SAAS,EAAE,IAAAQ,SAAE,EAAC,IAAAC,uCAA+B,EAAC;MAAEb;IAAO,CAAC,CAAC,EAAEI,SAAS,CAAE;IACtEC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACL,IAAAQ,+BAAmB,EAACR,KAAK,EAAE,IAAAS,0BAAc,EAAC;MAAEC,IAAI,EAAE;IAAuB,CAAC,CAAC,CAAC;IAAAC,QAAA,GAE/ET,aAAa,gBACZ,IAAAZ,WAAA,CAAAsB,GAAA,EAAC3B,MAAA,CAAA4B,KAAU;MACTC,MAAM,EAAEnB,UAAW;MACnBoB,kBAAkB,EAAEnB,sBAAuB;MAC3CoB,UAAU,EAAEpB,sBAAsB,IAAI,IAAK;MAC3CqB,UAAU,EAAC,SAAS;MACpBnB,SAAS,EAAE,IAAAoB,uCAA+B,EAAC,CAAE;MAAA,GACzC,IAAAV,+BAAmB,EAAC,CAAC,CAAC,EAAE,IAAAC,0BAAc,EAAC;QAAEC,IAAI,EAAE;MAA4B,CAAC,CAAC;IAAC,CACnF,CAAC,gBAEF,IAAApB,WAAA,CAAAsB,GAAA,EAAC9B,YAAA,CAAAqC,IAAI;MACHH,UAAU;MACVI,iBAAiB,EAAC,OAAO;MACzBL,kBAAkB,EAAC,MAAM;MACzBjB,SAAS,EAAE,IAAAoB,uCAA+B,EAAC,CAAE;MAAA,GACzC,IAAAV,+BAAmB,EAAC,CAAC,CAAC,EAAE,IAAAC,0BAAc,EAAC;QAAEC,IAAI,EAAE;MAA4B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAElF,IAAArB,WAAA,CAAAsB,GAAA,EAACxB,WAAA,CAAAiC,UAAU,IAAE;IAAC,CACV,CACP,EACAxB,KAAK,gBACJ,IAAAP,WAAA,CAAAsB,GAAA,EAAC9B,YAAA,CAAAqC,IAAI;MACHrB,SAAS,EAAC,gBAAgB;MAAA,GACtB,IAAAU,+BAAmB,EAAC,CAAC,CAAC,EAAE,IAAAC,0BAAc,EAAC;QAAEC,IAAI,EAAE;MAA+B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAErF,IAAArB,WAAA,CAAAsB,GAAA,EAACzB,KAAA,CAAAmC,IAAI;QAACC,IAAI,EAAC,IAAI;QAACzB,SAAS,EAAE,IAAA0B,uCAA+B,EAAC,CAAE;QAAAb,QAAA,EAC1Dd;MAAK,CACF;IAAC,CACH,CAAC,GACL,IAAI;EAAA,CACF,CAAC;AAEb,CAAC,CAAC;AAEFN,mBAAmB,CAACkC,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/lib/commonjs/components/InsuranceDisclosure/styles.js

@@ -5,7 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.insuranceDisclosureTextVariants = exports.insuranceDisclosureRootVariants = exports.insuranceDisclosureLogoVariants = void 0;
 var _utils = require("@cdx-ui/utils");
-const insuranceDisclosureRootVariants = exports.insuranceDisclosureRootVariants = (0, _utils.cva)(['w-full max-w-full items-center justify-start', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'p-4']);
-const insuranceDisclosureLogoVariants = exports.insuranceDisclosureLogoVariants = (0, _utils.cva)(['h-[23px] w-[37px]']);
-const insuranceDisclosureTextVariants = exports.insuranceDisclosureTextVariants = (0, _utils.cva)(['shrink text-content-secondary']);
+const insuranceDisclosureRootVariants = exports.insuranceDisclosureRootVariants = (0, _utils.cva)(['w-full max-w-full items-center justify-start'], {
+  variants: {
+    framed: {
+      true: ['bg-surface-primary', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'px-3 py-2'],
+      false: ''
+    }
+  },
+  defaultVariants: {
+    framed: false
+  }
+});
+const insuranceDisclosureLogoVariants = exports.insuranceDisclosureLogoVariants = (0, _utils.cva)(['h-5 w-11 shrink-0']);
+const insuranceDisclosureTextVariants = exports.insuranceDisclosureTextVariants = (0, _utils.cva)(['shrink text-content-primary italic [font-family:var(--font-body-italic)]']);
 //# sourceMappingURL=styles.js.map

package/lib/commonjs/components/InsuranceDisclosure/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","insuranceDisclosureRootVariants","exports","cva","insuranceDisclosureLogoVariants","insuranceDisclosureTextVariants"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,IAAAE,UAAG,EAAC,CACjD,8CAA8C,EAC9C,gCAAgC,EAChC,wCAAwC,EACxC,KAAK,CACN,CAAC;AAEK,MAAMC,+BAA+B,GAAAF,OAAA,CAAAE,+BAAA,GAAG,IAAAD,UAAG,EAAC,CAAC,mBAAmB,CAAC,CAAC;AAElE,MAAME,+BAA+B,GAAAH,OAAA,CAAAG,+BAAA,GAAG,IAAAF,UAAG,EAAC,CAAC,+BAA+B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_utils","require","insuranceDisclosureRootVariants","exports","cva","variants","framed","true","false","defaultVariants","insuranceDisclosureLogoVariants","insuranceDisclosureTextVariants"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,IAAAE,UAAG,EAChD,CAAC,8CAA8C,CAAC,EAChD;EACEC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,IAAI,EAAE,CACJ,oBAAoB,EACpB,gCAAgC,EAChC,wCAAwC,EACxC,WAAW,CACZ;MACDC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,MAAM,EAAE;EACV;AACF,CACF,CAAC;AAMM,MAAMI,+BAA+B,GAAAP,OAAA,CAAAO,+BAAA,GAAG,IAAAN,UAAG,EAAC,CAAC,mBAAmB,CAAC,CAAC;AAElE,MAAMO,+BAA+B,GAAAR,OAAA,CAAAQ,+BAAA,GAAG,IAAAP,UAAG,EAAC,CACjD,0EAA0E,CAC3E,CAAC","ignoreList":[]}

package/lib/commonjs/components/Select/styles.js

@@ -21,9 +21,15 @@ const selectTriggerVariants = exports.selectTriggerVariants = (0, _utils.cva)(['
     },
     size: {
       default: ['h-11 min-h-11 px-4 py-3 gap-4',
+      // Web <600px: trim vertical padding so 16px / leading-normal (24px line box) fits
+      // in h-11. Native and web ≥600px keep py-3 at 14px text (Figma Viewport=Wide).
+      'web:max-[600px]:py-2',
       // Native only: subtract one hairline so the wider focus border doesn't shift layout.
       'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[state=open]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[state=open]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
-      small: ['h-8 min-h-8 px-3 py-2 gap-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]', 'native:data-[state=open]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[state=open]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
+      small: ['h-8 min-h-8 px-3 py-2 gap-1.5',
+      // Web <600px: grow shell to h-9 so 16px text fits. Native and web ≥600px stay
+      // h-8 at 12px text.
+      'web:max-[600px]:h-9 web:max-[600px]:min-h-9 web:max-[600px]:py-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]', 'native:data-[state=open]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[state=open]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
     }
   },
   defaultVariants: {
@@ -37,8 +43,10 @@ const selectTriggerVariants = exports.selectTriggerVariants = (0, _utils.cva)(['
 const selectValueVariants = exports.selectValueVariants = (0, _utils.cva)(['min-w-0 flex-1 text-start', 'text-content-primary', 'data-[placeholder=true]:text-content-tertiary', 'data-[invalid=true]:text-content-danger'], {
   variants: {
     size: {
-      default: 'text-[0.875rem]',
-      small: 'text-[0.75rem]'
+      // Web <600px: 16px matches Input/Textarea and prevents iOS Safari focus-zoom.
+      // Native and web ≥600px keep 14px / 12px (Figma Viewport=Wide).
+      default: ['text-[0.875rem]', _constants.WEB_NARROW_FIELD_TEXT],
+      small: ['text-[0.75rem]', _constants.WEB_NARROW_FIELD_TEXT]
     }
   },
   defaultVariants: {

package/lib/commonjs/components/Select/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","_constants","selectTriggerVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","selectValueVariants","selectIconVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA;;AAEO,MAAME,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,UAAG,EACtC,CACE,sEAAsE,EACtE,oBAAoB,EACpB,8BAA8B,EAC9B,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE,EAChE,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,sEAAsE,EACtE,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMI,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,IAAAV,UAAG,EACpC,CACE,2BAA2B,EAC3B,sBAAsB,EACtB,+CAA+C,EAC/C,yCAAyC,CAC1C,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMK,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,UAAG,EACnC,CACE,kDAAkD,EAClD,uBAAuB,EACvB,yCAAyC,CAC1C,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_utils","require","_constants","selectTriggerVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","selectValueVariants","WEB_NARROW_FIELD_TEXT","selectIconVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA;;AAEO,MAAME,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,UAAG,EACtC,CACE,sEAAsE,EACtE,oBAAoB,EACpB,8BAA8B,EAC9B,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE,EAChE,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,sEAAsE,EACtE,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA;MACA,sBAAsB;MACtB;MACA,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B;MAC/B;MACA;MACA,oEAAoE,EACpE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMI,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,IAAAV,UAAG,EACpC,CACE,2BAA2B,EAC3B,sBAAsB,EACtB,+CAA+C,EAC/C,yCAAyC,CAC1C,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJ;MACA;MACAC,OAAO,EAAE,CAAC,iBAAiB,EAAEI,gCAAqB,CAAC;MACnDH,KAAK,EAAE,CAAC,gBAAgB,EAAEG,gCAAqB;IACjD;EACF,CAAC;EACDF,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMM,kBAAkB,GAAAb,OAAA,CAAAa,kBAAA,GAAG,IAAAZ,UAAG,EACnC,CACE,kDAAkD,EAClD,uBAAuB,EACvB,yCAAyC,CAC1C,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/Textarea/styles.js

@@ -37,8 +37,10 @@ const textareaFieldVariants = exports.textareaFieldVariants = (0, _utils.cva)([
 'flex-1 min-w-0 bg-transparent p-0', 'text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
   variants: {
     size: {
-      default: 'text-[0.875rem]',
-      small: 'text-[0.75rem]'
+      // Web <600px: 16px prevents iOS Safari focus-zoom. Native and web ≥600px keep
+      // 14px / 12px (Figma Viewport=Wide).
+      default: ['text-[0.875rem]', _constants.WEB_NARROW_FIELD_TEXT],
+      small: ['text-[0.75rem]', _constants.WEB_NARROW_FIELD_TEXT]
     }
   },
   defaultVariants: {

package/lib/commonjs/components/Textarea/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","_constants","textareaRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","textareaFieldVariants","textareaFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Textarea/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,UAAG,EACrC;AACE;AACA;AACA,+BAA+B,EAC/B,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,iBAAiB,EACjB,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,mBAAmB,EACnB,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,qBAAqB,GAAAX,OAAA,CAAAW,qBAAA,GAAG,IAAAV,UAAG,EACtC;AACE;AACA;AACA,mCAAmC,EACnC,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,gCAAgC,GAAAZ,OAAA,CAAAY,gCAAA,GAAG,IAAAX,UAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_utils","require","_constants","textareaRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","textareaFieldVariants","WEB_NARROW_FIELD_TEXT","textareaFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Textarea/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,UAAG,EACrC;AACE;AACA;AACA,+BAA+B,EAC/B,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,iBAAiB,EACjB,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,mBAAmB,EACnB,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,qBAAqB,GAAAX,OAAA,CAAAW,qBAAA,GAAG,IAAAV,UAAG,EACtC;AACE;AACA;AACA,mCAAmC,EACnC,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJ;MACA;MACAC,OAAO,EAAE,CAAC,iBAAiB,EAAEI,gCAAqB,CAAC;MACnDH,KAAK,EAAE,CAAC,gBAAgB,EAAEG,gCAAqB;IACjD;EACF,CAAC;EACDF,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMM,gCAAgC,GAAAb,OAAA,CAAAa,gCAAA,GAAG,IAAAZ,UAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/figma/InsuranceDisclosure.figma.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=8550-3291
+// source=packages/components/src/components/InsuranceDisclosure/index.tsx
+// component=InsuranceDisclosure
+
+const instance = _figma.default.selectedInstance;
+const framed = instance.getEnum('framed', {
+  true: true,
+  false: undefined
+});
+const framedProp = _figma.default.helpers.react.renderProp('framed', framed);
+const label = instance.findText('Statement').textContent;
+var _default = exports.default = {
+  id: 'insurance-disclosure',
+  imports: ["import { InsuranceDisclosure } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<InsuranceDisclosure label="${label}"${framedProp} />`
+};
+//# sourceMappingURL=InsuranceDisclosure.figma.js.map

package/lib/commonjs/figma/InsuranceDisclosure.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","framed","getEnum","true","false","undefined","framedProp","helpers","react","renderProp","label","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/InsuranceDisclosure.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,MAAM,GAAGH,QAAQ,CAACI,OAAO,CAAC,QAAQ,EAAE;EACxCC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGP,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,QAAQ,EAAER,MAAM,CAAC;AAEnE,MAAMS,KAAK,GAAIZ,QAAQ,CAACa,QAAQ,CAAC,WAAW,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAE1E;EACbkB,EAAE,EAAE,sBAAsB;EAC1BC,OAAO,EAAE,CAAC,0DAA0D,CAAC;EACrEC,OAAO,EAAElB,cAAK,CAACmB,IAAI;AACrB,8BAA8BR,KAAK,IAAIJ,UAAU;AACjD,CAAC","ignoreList":[]}

package/lib/commonjs/styles/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TRANSITION_COLORS = exports.DISABLED_OPACITY = exports.DISABLED_CURSOR = void 0;
+exports.WEB_NARROW_FIELD_TEXT = exports.TRANSITION_COLORS = exports.DISABLED_OPACITY = exports.DISABLED_CURSOR = void 0;
 // packages/components/src/styles/constants.ts
 // Semantic constants for Forge UI component styling.
 
@@ -13,4 +13,8 @@ const TRANSITION_COLORS = exports.TRANSITION_COLORS = 'transition-colors duratio
 // ─── Disabled ────────────────────────────────────────────
 const DISABLED_OPACITY = exports.DISABLED_OPACITY = 'data-[disabled=true]:opacity-50';
 const DISABLED_CURSOR = exports.DISABLED_CURSOR = 'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none';
+
+// Web-only iOS Safari focus-zoom guard. Figma Viewport=Narrow (<600px) uses body/lg
+// (16px / 24px); Viewport=Wide (≥600px) keeps the size variant's original px size.
+const WEB_NARROW_FIELD_TEXT = exports.WEB_NARROW_FIELD_TEXT = 'web:max-[600px]:text-base web:max-[600px]:leading-normal';
 //# sourceMappingURL=constants.js.map

package/lib/commonjs/styles/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["TRANSITION_COLORS","exports","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/constants.ts"],"mappings":";;;;;;AAAA;AACA;;AAEA;AACO,MAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,gCAAgC;;AAEjE;AACO,MAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,iCAAiC;AAC1D,MAAMC,eAAe,GAAAF,OAAA,CAAAE,eAAA,GAC1B,kFAAkF","ignoreList":[]}
+{"version":3,"names":["TRANSITION_COLORS","exports","DISABLED_OPACITY","DISABLED_CURSOR","WEB_NARROW_FIELD_TEXT"],"sourceRoot":"../../../src","sources":["styles/constants.ts"],"mappings":";;;;;;AAAA;AACA;;AAEA;AACO,MAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,gCAAgC;;AAEjE;AACO,MAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,iCAAiC;AAC1D,MAAMC,eAAe,GAAAF,OAAA,CAAAE,eAAA,GAC1B,kFAAkF;;AAEpF;AACA;AACO,MAAMC,qBAAqB,GAAAH,OAAA,CAAAG,qBAAA,GAAG,0DAA0D","ignoreList":[]}

package/lib/module/components/Input/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { cva } from '@cdx-ui/utils';
-import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
+import { DISABLED_CURSOR, TRANSITION_COLORS, WEB_NARROW_FIELD_TEXT } from '../../styles/constants';
 export const inputRootVariants = cva(['w-full flex-row items-center overflow-hidden', 'bg-surface-primary', 'border-solid border-stroke-primary', 'web:border-default native:border-[length:var(--border-width-default)]', 'rounded-[var(--border-radius-default)]', TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', DISABLED_CURSOR, 'data-[readonly=true]:cursor-default', 'data-[readonly=true]:bg-surface-secondary', 'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover',
 // Web: inset ring avoids a border-width change so the shell never shifts on focus and
 // no per-size padding compensation is required. Recolor the border to match the ring so
@@ -15,8 +15,14 @@ export const inputRootVariants = cva(['w-full flex-row items-center overflow-hid
       outline: []
     },
     size: {
-      default: ['h-11 min-h-11 px-4 py-3 gap-4', 'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
-      small: ['h-8 min-h-8 px-3 py-2 gap-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
+      default: ['h-11 min-h-11 px-4 py-3 gap-4',
+      // Web <600px: trim vertical padding so 16px / leading-normal (24px line box) fits
+      // in h-11. Native and web ≥600px keep py-3 at 14px text (Figma Viewport=Wide).
+      'web:max-[600px]:py-2', 'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
+      small: ['h-8 min-h-8 px-3 py-2 gap-1.5',
+      // Web <600px: grow shell to h-9 so 16px text fits. Native and web ≥600px stay
+      // h-8 at 12px text.
+      'web:max-[600px]:h-9 web:max-[600px]:min-h-9 web:max-[600px]:py-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
     }
   },
   defaultVariants: {
@@ -34,8 +40,10 @@ export const inputFieldVariants = cva([
 'flex-1 min-w-0 justify-center bg-transparent p-0', 'text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
   variants: {
     size: {
-      default: 'text-[0.875rem]',
-      small: 'text-[0.75rem]'
+      // Web <600px: 16px prevents iOS Safari focus-zoom. Native and web ≥600px keep
+      // 14px / 12px (Figma Viewport=Wide).
+      default: ['text-[0.875rem]', WEB_NARROW_FIELD_TEXT],
+      small: ['text-[0.75rem]', WEB_NARROW_FIELD_TEXT]
     }
   },
   defaultVariants: {

package/lib/module/components/Input/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","inputRootVariants","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE3E,OAAO,MAAMC,iBAAiB,GAAGH,GAAG,CAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMI,kBAAkB,GAAGX,GAAG,CACnC;AACE;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,EAClD,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEI,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMK,iBAAiB,GAAGZ,GAAG,CAAC,CAAC,kDAAkD,CAAC,CAAC;AAE1F,OAAO,MAAMa,iBAAiB,GAAGb,GAAG,CAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DI,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMO,6BAA6B,GAAGd,GAAG,CAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","WEB_NARROW_FIELD_TEXT","inputRootVariants","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,EAAEC,qBAAqB,QAAQ,wBAAwB;AAElG,OAAO,MAAMC,iBAAiB,GAAGJ,GAAG,CAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEI,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA;MACA,sBAAsB,EACtB,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B;MAC/B;MACA;MACA,oEAAoE,EACpE,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMI,kBAAkB,GAAGZ,GAAG,CACnC;AACE;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,EAClD,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEK,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJ;MACA;MACAC,OAAO,EAAE,CAAC,iBAAiB,EAAEN,qBAAqB,CAAC;MACnDO,KAAK,EAAE,CAAC,gBAAgB,EAAEP,qBAAqB;IACjD;EACF,CAAC;EACDQ,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMK,iBAAiB,GAAGb,GAAG,CAAC,CAAC,kDAAkD,CAAC,CAAC;AAE1F,OAAO,MAAMc,iBAAiB,GAAGd,GAAG,CAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DK,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMO,6BAA6B,GAAGf,GAAG,CAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/InsuranceDisclosure/FdicLockup.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { Path, Svg } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FDIC_NAVY = '#003366';
+export function FdicLockup() {
+  return /*#__PURE__*/_jsxs(Svg, {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 44 20",
+    fill: "none",
+    children: [/*#__PURE__*/_jsx(Path, {
+      d: "M5.39953 18.3086H0.896923V1.73399H10.1587V6.06628H5.39953V8.7493H9.88382V13.0821H5.39953V18.3086Z",
+      fill: FDIC_NAVY
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M30.228 1.69895H25.7254V18.308H30.228V1.69895Z",
+      fill: FDIC_NAVY
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M39.4208 13.924C37.2579 13.924 35.4679 12.1616 35.4679 10.0003C35.4679 7.83897 37.2579 6.07598 39.4208 6.07598C41.3929 6.07598 42.424 7.12483 43.1031 8.50623V2.55916C43.1031 2.55916 41.1094 1.665 39.2516 1.665C35.1252 1.665 30.6543 5.46047 30.6543 10.0003C30.6543 15.5582 34.9187 18.335 39.2516 18.335C41.1089 18.335 43.1031 17.4419 43.1031 17.4419V11.5466C42.2903 12.9479 41.3821 13.924 39.4208 13.924Z",
+      fill: FDIC_NAVY
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M15.3172 1.73399C18.1366 1.73399 24.946 2.42118 24.946 10.0132C24.946 17.6209 18.8254 18.2935 15.3172 18.293H10.7785V1.73399H15.3172ZM20.4752 9.98679C20.4752 7.02943 18.1027 5.99783 15.3102 5.99783V13.9758C18.1027 13.9758 20.4752 12.9436 20.4752 9.98679Z",
+      fill: FDIC_NAVY
+    })]
+  });
+}
+//# sourceMappingURL=FdicLockup.js.map

package/lib/module/components/InsuranceDisclosure/FdicLockup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Path","Svg","jsx","_jsx","jsxs","_jsxs","FDIC_NAVY","FdicLockup","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/FdicLockup.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7C,MAAMC,SAAS,GAAG,SAAS;AAE3B,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3B,oBACEF,KAAA,CAACJ,GAAG;IAACO,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,gBAC7DT,IAAA,CAACH,IAAI;MACHa,CAAC,EAAC,mGAAmG;MACrGF,IAAI,EAAEL;IAAU,CACjB,CAAC,eACFH,IAAA,CAACH,IAAI;MAACa,CAAC,EAAC,gDAAgD;MAACF,IAAI,EAAEL;IAAU,CAAE,CAAC,eAC5EH,IAAA,CAACH,IAAI;MACHa,CAAC,EAAC,qZAAqZ;MACvZF,IAAI,EAAEL;IAAU,CACjB,CAAC,eACFH,IAAA,CAACH,IAAI;MACHa,CAAC,EAAC,gQAAgQ;MAClQF,IAAI,EAAEL;IAAU,CACjB,CAAC;EAAA,CACC,CAAC;AAEV","ignoreList":[]}

package/lib/module/components/InsuranceDisclosure/index.js

@@ -7,9 +7,15 @@ import { cn } from '@cdx-ui/utils';
 import { Image as ForgeImage } from '../Image/Image';
 import { HStack } from '../Stack/HStack';
 import { Text } from '../Text';
+import { FdicLockup } from './FdicLockup';
 import { insuranceDisclosureLogoVariants, insuranceDisclosureRootVariants, insuranceDisclosureTextVariants } from './styles';
+
+/** Bundled official FDIC lockup — omit `logoSource` to use the default mark. */
+
+/** Custom logo override — `logoAccessibilityLabel` is required. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const InsuranceDisclosure = /*#__PURE__*/forwardRef(function InsuranceDisclosure({
+  framed = false,
   logoSource,
   logoAccessibilityLabel,
   label,
@@ -17,31 +23,43 @@ export const InsuranceDisclosure = /*#__PURE__*/forwardRef(function InsuranceDis
   style,
   ...props
 }, ref) {
+  const useCustomLogo = logoSource != null;
   return /*#__PURE__*/_jsxs(HStack, {
     ref: ref,
     space: "md",
-    className: cn(insuranceDisclosureRootVariants(), className),
+    className: cn(insuranceDisclosureRootVariants({
+      framed
+    }), className),
     style: style,
     ...props,
     ...mergeDataAttributes(props, dataAttributes({
       slot: 'insurance-disclosure'
     })),
-    children: [/*#__PURE__*/_jsx(ForgeImage, {
+    children: [useCustomLogo ? /*#__PURE__*/_jsx(ForgeImage, {
       source: logoSource,
       accessibilityLabel: logoAccessibilityLabel,
-      accessible: true,
+      accessible: logoAccessibilityLabel != null,
       resizeMode: "contain",
       className: insuranceDisclosureLogoVariants(),
       ...mergeDataAttributes({}, dataAttributes({
         slot: 'insurance-disclosure-logo'
       }))
+    }) : /*#__PURE__*/_jsx(View, {
+      accessible: true,
+      accessibilityRole: "image",
+      accessibilityLabel: "FDIC",
+      className: insuranceDisclosureLogoVariants(),
+      ...mergeDataAttributes({}, dataAttributes({
+        slot: 'insurance-disclosure-logo'
+      })),
+      children: /*#__PURE__*/_jsx(FdicLockup, {})
     }), label ? /*#__PURE__*/_jsx(View, {
       className: "min-w-0 shrink",
       ...mergeDataAttributes({}, dataAttributes({
         slot: 'insurance-disclosure-content'
       })),
       children: /*#__PURE__*/_jsx(Text, {
-        size: "xs",
+        size: "sm",
         className: insuranceDisclosureTextVariants(),
         children: label
       })

package/lib/module/components/InsuranceDisclosure/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","dataAttributes","mergeDataAttributes","cn","Image","ForgeImage","HStack","Text","insuranceDisclosureLogoVariants","insuranceDisclosureRootVariants","insuranceDisclosureTextVariants","jsx","_jsx","jsxs","_jsxs","InsuranceDisclosure","logoSource","logoAccessibilityLabel","label","className","style","props","ref","space","slot","children","source","accessibilityLabel","accessible","resizeMode","size","displayName"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,IAAI,QAAkC,cAAc;AAC7D,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,oBAAoB;AACxE,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,KAAK,IAAIC,UAAU,QAAQ,gBAAgB;AACpD,SAASC,MAAM,QAA0B,iBAAiB;AAC1D,SAASC,IAAI,QAAQ,SAAS;AAC9B,SACEC,+BAA+B,EAC/BC,+BAA+B,EAC/BC,+BAA+B,QAC1B,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASlB,OAAO,MAAMC,mBAAmB,gBAAGhB,UAAU,CAG3C,SAASgB,mBAAmBA,CAC5B;EAAEC,UAAU;EAAEC,sBAAsB;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EACzEC,GAAG,EACH;EACA,oBACER,KAAA,CAACR,MAAM;IACLgB,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAC,IAAI;IACVJ,SAAS,EAAEhB,EAAE,CAACM,+BAA+B,CAAC,CAAC,EAAEU,SAAS,CAAE;IAC5DC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACLnB,mBAAmB,CAACmB,KAAK,EAAEpB,cAAc,CAAC;MAAEuB,IAAI,EAAE;IAAuB,CAAC,CAAC,CAAC;IAAAC,QAAA,gBAEhFb,IAAA,CAACP,UAAU;MACTqB,MAAM,EAAEV,UAAW;MACnBW,kBAAkB,EAAEV,sBAAuB;MAC3CW,UAAU;MACVC,UAAU,EAAC,SAAS;MACpBV,SAAS,EAAEX,+BAA+B,CAAC,CAAE;MAAA,GACzCN,mBAAmB,CAAC,CAAC,CAAC,EAAED,cAAc,CAAC;QAAEuB,IAAI,EAAE;MAA4B,CAAC,CAAC;IAAC,CACnF,CAAC,EACDN,KAAK,gBACJN,IAAA,CAACZ,IAAI;MACHmB,SAAS,EAAC,gBAAgB;MAAA,GACtBjB,mBAAmB,CAAC,CAAC,CAAC,EAAED,cAAc,CAAC;QAAEuB,IAAI,EAAE;MAA+B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAErFb,IAAA,CAACL,IAAI;QAACuB,IAAI,EAAC,IAAI;QAACX,SAAS,EAAET,+BAA+B,CAAC,CAAE;QAAAe,QAAA,EAC1DP;MAAK,CACF;IAAC,CACH,CAAC,GACL,IAAI;EAAA,CACF,CAAC;AAEb,CAAC,CAAC;AAEFH,mBAAmB,CAACgB,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"names":["forwardRef","View","dataAttributes","mergeDataAttributes","cn","Image","ForgeImage","HStack","Text","FdicLockup","insuranceDisclosureLogoVariants","insuranceDisclosureRootVariants","insuranceDisclosureTextVariants","jsx","_jsx","jsxs","_jsxs","InsuranceDisclosure","framed","logoSource","logoAccessibilityLabel","label","className","style","props","ref","useCustomLogo","space","slot","children","source","accessibilityLabel","accessible","resizeMode","accessibilityRole","size","displayName"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,IAAI,QAAkC,cAAc;AAC7D,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,oBAAoB;AACxE,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,KAAK,IAAIC,UAAU,QAAQ,gBAAgB;AACpD,SAASC,MAAM,QAA0B,iBAAiB;AAC1D,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,+BAA+B,EAC/BC,+BAA+B,EAC/BC,+BAA+B,QAC1B,UAAU;;AAejB;;AAOA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYA,OAAO,MAAMC,mBAAmB,gBAAGjB,UAAU,CAG3C,SAASiB,mBAAmBA,CAC5B;EAAEC,MAAM,GAAG,KAAK;EAAEC,UAAU;EAAEC,sBAAsB;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EACzFC,GAAG,EACH;EACA,MAAMC,aAAa,GAAGP,UAAU,IAAI,IAAI;EAExC,oBACEH,KAAA,CAACT,MAAM;IACLkB,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAC,IAAI;IACVL,SAAS,EAAElB,EAAE,CAACO,+BAA+B,CAAC;MAAEO;IAAO,CAAC,CAAC,EAAEI,SAAS,CAAE;IACtEC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACLrB,mBAAmB,CAACqB,KAAK,EAAEtB,cAAc,CAAC;MAAE0B,IAAI,EAAE;IAAuB,CAAC,CAAC,CAAC;IAAAC,QAAA,GAE/EH,aAAa,gBACZZ,IAAA,CAACR,UAAU;MACTwB,MAAM,EAAEX,UAAW;MACnBY,kBAAkB,EAAEX,sBAAuB;MAC3CY,UAAU,EAAEZ,sBAAsB,IAAI,IAAK;MAC3Ca,UAAU,EAAC,SAAS;MACpBX,SAAS,EAAEZ,+BAA+B,CAAC,CAAE;MAAA,GACzCP,mBAAmB,CAAC,CAAC,CAAC,EAAED,cAAc,CAAC;QAAE0B,IAAI,EAAE;MAA4B,CAAC,CAAC;IAAC,CACnF,CAAC,gBAEFd,IAAA,CAACb,IAAI;MACH+B,UAAU;MACVE,iBAAiB,EAAC,OAAO;MACzBH,kBAAkB,EAAC,MAAM;MACzBT,SAAS,EAAEZ,+BAA+B,CAAC,CAAE;MAAA,GACzCP,mBAAmB,CAAC,CAAC,CAAC,EAAED,cAAc,CAAC;QAAE0B,IAAI,EAAE;MAA4B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAElFf,IAAA,CAACL,UAAU,IAAE;IAAC,CACV,CACP,EACAY,KAAK,gBACJP,IAAA,CAACb,IAAI;MACHqB,SAAS,EAAC,gBAAgB;MAAA,GACtBnB,mBAAmB,CAAC,CAAC,CAAC,EAAED,cAAc,CAAC;QAAE0B,IAAI,EAAE;MAA+B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAErFf,IAAA,CAACN,IAAI;QAAC2B,IAAI,EAAC,IAAI;QAACb,SAAS,EAAEV,+BAA+B,CAAC,CAAE;QAAAiB,QAAA,EAC1DR;MAAK,CACF;IAAC,CACH,CAAC,GACL,IAAI;EAAA,CACF,CAAC;AAEb,CAAC,CAAC;AAEFJ,mBAAmB,CAACmB,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/lib/module/components/InsuranceDisclosure/styles.js

@@ -1,7 +1,17 @@
 "use strict";
 
 import { cva } from '@cdx-ui/utils';
-export const insuranceDisclosureRootVariants = cva(['w-full max-w-full items-center justify-start', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'p-4']);
-export const insuranceDisclosureLogoVariants = cva(['h-[23px] w-[37px]']);
-export const insuranceDisclosureTextVariants = cva(['shrink text-content-secondary']);
+export const insuranceDisclosureRootVariants = cva(['w-full max-w-full items-center justify-start'], {
+  variants: {
+    framed: {
+      true: ['bg-surface-primary', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'px-3 py-2'],
+      false: ''
+    }
+  },
+  defaultVariants: {
+    framed: false
+  }
+});
+export const insuranceDisclosureLogoVariants = cva(['h-5 w-11 shrink-0']);
+export const insuranceDisclosureTextVariants = cva(['shrink text-content-primary italic [font-family:var(--font-body-italic)]']);
 //# sourceMappingURL=styles.js.map

package/lib/module/components/InsuranceDisclosure/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","insuranceDisclosureRootVariants","insuranceDisclosureLogoVariants","insuranceDisclosureTextVariants"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,eAAe;AAEnC,OAAO,MAAMC,+BAA+B,GAAGD,GAAG,CAAC,CACjD,8CAA8C,EAC9C,gCAAgC,EAChC,wCAAwC,EACxC,KAAK,CACN,CAAC;AAEF,OAAO,MAAME,+BAA+B,GAAGF,GAAG,CAAC,CAAC,mBAAmB,CAAC,CAAC;AAEzE,OAAO,MAAMG,+BAA+B,GAAGH,GAAG,CAAC,CAAC,+BAA+B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","insuranceDisclosureRootVariants","variants","framed","true","false","defaultVariants","insuranceDisclosureLogoVariants","insuranceDisclosureTextVariants"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,+BAA+B,GAAGD,GAAG,CAChD,CAAC,8CAA8C,CAAC,EAChD;EACEE,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,IAAI,EAAE,CACJ,oBAAoB,EACpB,gCAAgC,EAChC,wCAAwC,EACxC,WAAW,CACZ;MACDC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,MAAM,EAAE;EACV;AACF,CACF,CAAC;AAMD,OAAO,MAAMI,+BAA+B,GAAGP,GAAG,CAAC,CAAC,mBAAmB,CAAC,CAAC;AAEzE,OAAO,MAAMQ,+BAA+B,GAAGR,GAAG,CAAC,CACjD,0EAA0E,CAC3E,CAAC","ignoreList":[]}

package/lib/module/components/Select/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { cva } from '@cdx-ui/utils';
-import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
+import { DISABLED_CURSOR, TRANSITION_COLORS, WEB_NARROW_FIELD_TEXT } from '../../styles/constants';
 
 // ── Trigger ─────────────────────────────────────────────────
 
@@ -18,9 +18,15 @@ export const selectTriggerVariants = cva(['flex w-full min-w-0 flex-row items-ce
     },
     size: {
       default: ['h-11 min-h-11 px-4 py-3 gap-4',
+      // Web <600px: trim vertical padding so 16px / leading-normal (24px line box) fits
+      // in h-11. Native and web ≥600px keep py-3 at 14px text (Figma Viewport=Wide).
+      'web:max-[600px]:py-2',
       // Native only: subtract one hairline so the wider focus border doesn't shift layout.
       'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[state=open]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[state=open]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
-      small: ['h-8 min-h-8 px-3 py-2 gap-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]', 'native:data-[state=open]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[state=open]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
+      small: ['h-8 min-h-8 px-3 py-2 gap-1.5',
+      // Web <600px: grow shell to h-9 so 16px text fits. Native and web ≥600px stay
+      // h-8 at 12px text.
+      'web:max-[600px]:h-9 web:max-[600px]:min-h-9 web:max-[600px]:py-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]', 'native:data-[state=open]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[state=open]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
     }
   },
   defaultVariants: {
@@ -34,8 +40,10 @@ export const selectTriggerVariants = cva(['flex w-full min-w-0 flex-row items-ce
 export const selectValueVariants = cva(['min-w-0 flex-1 text-start', 'text-content-primary', 'data-[placeholder=true]:text-content-tertiary', 'data-[invalid=true]:text-content-danger'], {
   variants: {
     size: {
-      default: 'text-[0.875rem]',
-      small: 'text-[0.75rem]'
+      // Web <600px: 16px matches Input/Textarea and prevents iOS Safari focus-zoom.
+      // Native and web ≥600px keep 14px / 12px (Figma Viewport=Wide).
+      default: ['text-[0.875rem]', WEB_NARROW_FIELD_TEXT],
+      small: ['text-[0.75rem]', WEB_NARROW_FIELD_TEXT]
     }
   },
   defaultVariants: {

package/lib/module/components/Select/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","selectTriggerVariants","variants","variant","outline","size","default","small","defaultVariants","selectValueVariants","selectIconVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;;AAE3E;;AAEA,OAAO,MAAMC,qBAAqB,GAAGH,GAAG,CACtC,CACE,sEAAsE,EACtE,oBAAoB,EACpB,8BAA8B,EAC9B,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE,EAChE,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,sEAAsE,EACtE,0CAA0C,CAC3C,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMI,mBAAmB,GAAGX,GAAG,CACpC,CACE,2BAA2B,EAC3B,sBAAsB,EACtB,+CAA+C,EAC/C,yCAAyC,CAC1C,EACD;EACEI,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMK,kBAAkB,GAAGZ,GAAG,CACnC,CACE,kDAAkD,EAClD,uBAAuB,EACvB,yCAAyC,CAC1C,EACD;EACEI,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","WEB_NARROW_FIELD_TEXT","selectTriggerVariants","variants","variant","outline","size","default","small","defaultVariants","selectValueVariants","selectIconVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,EAAEC,qBAAqB,QAAQ,wBAAwB;;AAElG;;AAEA,OAAO,MAAMC,qBAAqB,GAAGJ,GAAG,CACtC,CACE,sEAAsE,EACtE,oBAAoB,EACpB,8BAA8B,EAC9B,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE,EAChE,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,sEAAsE,EACtE,0CAA0C,CAC3C,EACD;EACEI,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA;MACA,sBAAsB;MACtB;MACA,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B;MAC/B;MACA;MACA,oEAAoE,EACpE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMI,mBAAmB,GAAGZ,GAAG,CACpC,CACE,2BAA2B,EAC3B,sBAAsB,EACtB,+CAA+C,EAC/C,yCAAyC,CAC1C,EACD;EACEK,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJ;MACA;MACAC,OAAO,EAAE,CAAC,iBAAiB,EAAEN,qBAAqB,CAAC;MACnDO,KAAK,EAAE,CAAC,gBAAgB,EAAEP,qBAAqB;IACjD;EACF,CAAC;EACDQ,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMK,kBAAkB,GAAGb,GAAG,CACnC,CACE,kDAAkD,EAClD,uBAAuB,EACvB,yCAAyC,CAC1C,EACD;EACEK,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}

package/lib/module/components/Textarea/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { cva } from '@cdx-ui/utils';
-import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
+import { DISABLED_CURSOR, TRANSITION_COLORS, WEB_NARROW_FIELD_TEXT } from '../../styles/constants';
 export const textareaRootVariants = cva([
 // Multiline shell: stretch the field to full width and let the shell grow with it
 // (no fixed height, no overflow-hidden so a web resize handle is never clipped).
@@ -33,8 +33,10 @@ export const textareaFieldVariants = cva([
 'flex-1 min-w-0 bg-transparent p-0', 'text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
   variants: {
     size: {
-      default: 'text-[0.875rem]',
-      small: 'text-[0.75rem]'
+      // Web <600px: 16px prevents iOS Safari focus-zoom. Native and web ≥600px keep
+      // 14px / 12px (Figma Viewport=Wide).
+      default: ['text-[0.875rem]', WEB_NARROW_FIELD_TEXT],
+      small: ['text-[0.75rem]', WEB_NARROW_FIELD_TEXT]
     }
   },
   defaultVariants: {

package/lib/module/components/Textarea/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","textareaRootVariants","variants","variant","outline","size","default","small","defaultVariants","textareaFieldVariants","textareaFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Textarea/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE3E,OAAO,MAAMC,oBAAoB,GAAGH,GAAG,CACrC;AACE;AACA;AACA,+BAA+B,EAC/B,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,iBAAiB,EACjB,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,mBAAmB,EACnB,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMI,qBAAqB,GAAGX,GAAG,CACtC;AACE;AACA;AACA,mCAAmC,EACnC,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEI,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMK,gCAAgC,GAAGZ,GAAG,CAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","WEB_NARROW_FIELD_TEXT","textareaRootVariants","variants","variant","outline","size","default","small","defaultVariants","textareaFieldVariants","textareaFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Textarea/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,EAAEC,qBAAqB,QAAQ,wBAAwB;AAElG,OAAO,MAAMC,oBAAoB,GAAGJ,GAAG,CACrC;AACE;AACA;AACA,+BAA+B,EAC/B,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEI,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,iBAAiB,EACjB,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,mBAAmB,EACnB,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMI,qBAAqB,GAAGZ,GAAG,CACtC;AACE;AACA;AACA,mCAAmC,EACnC,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEK,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJ;MACA;MACAC,OAAO,EAAE,CAAC,iBAAiB,EAAEN,qBAAqB,CAAC;MACnDO,KAAK,EAAE,CAAC,gBAAgB,EAAEP,qBAAqB;IACjD;EACF,CAAC;EACDQ,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMK,gCAAgC,GAAGb,GAAG,CAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}

package/lib/module/figma/InsuranceDisclosure.figma.js

@@ -0,0 +1,20 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=8550-3291
+// source=packages/components/src/components/InsuranceDisclosure/index.tsx
+// component=InsuranceDisclosure
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const framed = instance.getEnum('framed', {
+  true: true,
+  false: undefined
+});
+const framedProp = figma.helpers.react.renderProp('framed', framed);
+const label = instance.findText('Statement').textContent;
+export default {
+  id: 'insurance-disclosure',
+  imports: ["import { InsuranceDisclosure } from '@cdx-ui/components'"],
+  example: figma.code`
+<InsuranceDisclosure label="${label}"${framedProp} />`
+};
+//# sourceMappingURL=InsuranceDisclosure.figma.js.map

package/lib/module/figma/InsuranceDisclosure.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","framed","getEnum","true","false","undefined","framedProp","helpers","react","renderProp","label","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/InsuranceDisclosure.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,MAAM,GAAGF,QAAQ,CAACG,OAAO,CAAC,QAAQ,EAAE;EACxCC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,QAAQ,EAAER,MAAM,CAAC;AAEnE,MAAMS,KAAK,GAAIX,QAAQ,CAACY,QAAQ,CAAC,WAAW,CAAC,CAAgCC,WAAW;AAExF,eAAe;EACbC,EAAE,EAAE,sBAAsB;EAC1BC,OAAO,EAAE,CAAC,0DAA0D,CAAC;EACrEC,OAAO,EAAEjB,KAAK,CAACkB,IAAI;AACrB,8BAA8BN,KAAK,IAAIJ,UAAU;AACjD,CAAC","ignoreList":[]}

package/lib/module/styles/constants.js

@@ -9,4 +9,8 @@ export const TRANSITION_COLORS = 'transition-colors duration-150';
 // ─── Disabled ────────────────────────────────────────────
 export const DISABLED_OPACITY = 'data-[disabled=true]:opacity-50';
 export const DISABLED_CURSOR = 'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none';
+
+// Web-only iOS Safari focus-zoom guard. Figma Viewport=Narrow (<600px) uses body/lg
+// (16px / 24px); Viewport=Wide (≥600px) keeps the size variant's original px size.
+export const WEB_NARROW_FIELD_TEXT = 'web:max-[600px]:text-base web:max-[600px]:leading-normal';
 //# sourceMappingURL=constants.js.map

package/lib/module/styles/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/constants.ts"],"mappings":";;AAAA;AACA;;AAEA;AACA,OAAO,MAAMA,iBAAiB,GAAG,gCAAgC;;AAEjE;AACA,OAAO,MAAMC,gBAAgB,GAAG,iCAAiC;AACjE,OAAO,MAAMC,eAAe,GAC1B,kFAAkF","ignoreList":[]}
+{"version":3,"names":["TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR","WEB_NARROW_FIELD_TEXT"],"sourceRoot":"../../../src","sources":["styles/constants.ts"],"mappings":";;AAAA;AACA;;AAEA;AACA,OAAO,MAAMA,iBAAiB,GAAG,gCAAgC;;AAEjE;AACA,OAAO,MAAMC,gBAAgB,GAAG,iCAAiC;AACjE,OAAO,MAAMC,eAAe,GAC1B,kFAAkF;;AAEpF;AACA;AACA,OAAO,MAAMC,qBAAqB,GAAG,0DAA0D","ignoreList":[]}

package/lib/typescript/components/Input/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,iBAAiB;;;8EAqD7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAyB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAA4D,CAAC;AAE3F,eAAO,MAAM,iBAAiB;;8EAU5B,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAAmC,CAAC;AAE9E,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,iBAAiB;;;8EA2D7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EA2B9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAA4D,CAAC;AAE3F,eAAO,MAAM,iBAAiB;;8EAU5B,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAAmC,CAAC;AAE9E,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/lib/typescript/components/InsuranceDisclosure/FdicLockup.d.ts

@@ -0,0 +1,2 @@
+export declare function FdicLockup(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FdicLockup.d.ts.map

package/lib/typescript/components/InsuranceDisclosure/FdicLockup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FdicLockup.d.ts","sourceRoot":"","sources":["../../../../src/components/InsuranceDisclosure/FdicLockup.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,4CAkBzB"}

package/lib/typescript/components/InsuranceDisclosure/index.d.ts

@@ -1,10 +1,31 @@
 import { View, type ImageSourcePropType } from 'react-native';
 import { type HStackProps } from '../Stack/HStack';
-export interface InsuranceDisclosureProps extends Omit<HStackProps, 'children'> {
-    logoSource: string | ImageSourcePropType;
-    logoAccessibilityLabel: string;
+type InsuranceDisclosureSharedProps = Omit<HStackProps, 'children'> & {
+    /**
+     * When `true`, renders surface chrome (background, border, radius, padding).
+     * Defaults to `false` — unframed disclosures have no border or padding.
+     *
+     * @breakingChange Prior versions always rendered a bordered container with `p-4`.
+     * Pass `framed` to restore chrome; padding is now `px-3 py-2`.
+     */
+    framed?: boolean;
     label?: string;
     className?: string;
+};
+/** Bundled official FDIC lockup — omit `logoSource` to use the default mark. */
+export interface InsuranceDisclosureBundledLogoProps extends InsuranceDisclosureSharedProps {
+    logoSource?: undefined;
+    /** Ignored when the bundled FDIC lockup is used. */
+    logoAccessibilityLabel?: string;
+}
+/** Custom logo override — `logoAccessibilityLabel` is required. */
+export interface InsuranceDisclosureCustomLogoProps extends InsuranceDisclosureSharedProps {
+    /** Logo image — a remote URI string or a React Native image source. */
+    logoSource: string | ImageSourcePropType;
+    /** Accessible label for the custom logo, announced by assistive technology. */
+    logoAccessibilityLabel: string;
 }
+export type InsuranceDisclosureProps = InsuranceDisclosureBundledLogoProps | InsuranceDisclosureCustomLogoProps;
 export declare const InsuranceDisclosure: import("react").ForwardRefExoticComponent<InsuranceDisclosureProps & import("react").RefAttributes<View>>;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/InsuranceDisclosure/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InsuranceDisclosure/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAI9D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQ3D,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC7E,UAAU,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACzC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,2GAoC9B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InsuranceDisclosure/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAI9D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAS3D,KAAK,8BAA8B,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IACpE;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,gFAAgF;AAChF,MAAM,WAAW,mCAAoC,SAAQ,8BAA8B;IACzF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,oDAAoD;IACpD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,mEAAmE;AACnE,MAAM,WAAW,kCAAmC,SAAQ,8BAA8B;IACxF,uEAAuE;IACvE,UAAU,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACzC,+EAA+E;IAC/E,sBAAsB,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAChC,mCAAmC,GACnC,kCAAkC,CAAC;AAEvC,eAAO,MAAM,mBAAmB,2GAkD9B,CAAC"}

package/lib/typescript/components/InsuranceDisclosure/styles.d.ts

@@ -1,4 +1,8 @@
-export declare const insuranceDisclosureRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+import { type VariantProps } from '@cdx-ui/utils';
+export declare const insuranceDisclosureRootVariants: (props?: ({
+    framed?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type InsuranceDisclosureRootVariantProps = VariantProps<typeof insuranceDisclosureRootVariants>;
 export declare const insuranceDisclosureLogoVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const insuranceDisclosureTextVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/InsuranceDisclosure/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/InsuranceDisclosure/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,+BAA+B,oFAK1C,CAAC;AAEH,eAAO,MAAM,+BAA+B,oFAA6B,CAAC;AAE1E,eAAO,MAAM,+BAA+B,oFAAyC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/InsuranceDisclosure/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,+BAA+B;;8EAkB3C,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG,YAAY,CAC5D,OAAO,+BAA+B,CACvC,CAAC;AAEF,eAAO,MAAM,+BAA+B,oFAA6B,CAAC;AAE1E,eAAO,MAAM,+BAA+B,oFAE1C,CAAC"}

package/lib/typescript/components/Select/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,eAAO,MAAM,qBAAqB;;;8EA+DjC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EAkB/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;8EAiB9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,eAAO,MAAM,qBAAqB;;;8EAqEjC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EAoB/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;8EAiB9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/lib/typescript/components/Textarea/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,oBAAoB;;;8EAuDhC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAqBjC,CAAC;AAEF,eAAO,MAAM,gCAAgC,oFAAmC,CAAC;AAEjF,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,oBAAoB;;;8EAuDhC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAuBjC,CAAC;AAEF,eAAO,MAAM,gCAAgC,oFAAmC,CAAC;AAEjF,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/lib/typescript/figma/InsuranceDisclosure.figma.d.ts

@@ -0,0 +1,8 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+};
+export default _default;
+//# sourceMappingURL=InsuranceDisclosure.figma.d.ts.map

package/lib/typescript/figma/InsuranceDisclosure.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsuranceDisclosure.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/InsuranceDisclosure.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAY1B,wBAKE"}

package/lib/typescript/styles/constants.d.ts

@@ -1,4 +1,5 @@
 export declare const TRANSITION_COLORS = "transition-colors duration-150";
 export declare const DISABLED_OPACITY = "data-[disabled=true]:opacity-50";
 export declare const DISABLED_CURSOR = "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none";
+export declare const WEB_NARROW_FIELD_TEXT = "web:max-[600px]:text-base web:max-[600px]:leading-normal";
 //# sourceMappingURL=constants.d.ts.map

package/lib/typescript/styles/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/styles/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,mCAAmC,CAAC;AAGlE,eAAO,MAAM,gBAAgB,oCAAoC,CAAC;AAClE,eAAO,MAAM,eAAe,qFACwD,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/styles/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,mCAAmC,CAAC;AAGlE,eAAO,MAAM,gBAAgB,oCAAoC,CAAC;AAClE,eAAO,MAAM,eAAe,qFACwD,CAAC;AAIrF,eAAO,MAAM,qBAAqB,6DAA6D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -81,10 +81,10 @@
     "@marceloterreiro/flash-calendar": "2.0.0",
     "react-native-reanimated-carousel": "5.0.0-beta.5",
     "uniwind": "1.10.0",
-    "@cdx-ui/primitives": "0.1.0",
-    "@cdx-ui/utils": "0.1.0",
-    "@cdx-ui/icons": "0.1.0",
-    "@cdx-ui/formatters": "0.1.0"
+    "@cdx-ui/icons": "0.1.1",
+    "@cdx-ui/primitives": "0.1.1",
+    "@cdx-ui/utils": "0.1.1",
+    "@cdx-ui/formatters": "0.1.1"
   },
   "devDependencies": {
     "@react-navigation/bottom-tabs": "*",

package/src/components/Input/styles.ts

@@ -1,5 +1,5 @@
 import { cva, type VariantProps } from '@cdx-ui/utils';
-import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
+import { DISABLED_CURSOR, TRANSITION_COLORS, WEB_NARROW_FIELD_TEXT } from '../../styles/constants';
 
 export const inputRootVariants = cva(
   [
@@ -39,11 +39,17 @@ export const inputRootVariants = cva(
       size: {
         default: [
           'h-11 min-h-11 px-4 py-3 gap-4',
+          // Web <600px: trim vertical padding so 16px / leading-normal (24px line box) fits
+          // in h-11. Native and web ≥600px keep py-3 at 14px text (Figma Viewport=Wide).
+          'web:max-[600px]:py-2',
           'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]',
           'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]',
         ],
         small: [
           'h-8 min-h-8 px-3 py-2 gap-1.5',
+          // Web <600px: grow shell to h-9 so 16px text fits. Native and web ≥600px stay
+          // h-8 at 12px text.
+          'web:max-[600px]:h-9 web:max-[600px]:min-h-9 web:max-[600px]:py-1.5',
           'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]',
           'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]',
         ],
@@ -73,8 +79,10 @@ export const inputFieldVariants = cva(
   {
     variants: {
       size: {
-        default: 'text-[0.875rem]',
-        small: 'text-[0.75rem]',
+        // Web <600px: 16px prevents iOS Safari focus-zoom. Native and web ≥600px keep
+        // 14px / 12px (Figma Viewport=Wide).
+        default: ['text-[0.875rem]', WEB_NARROW_FIELD_TEXT],
+        small: ['text-[0.75rem]', WEB_NARROW_FIELD_TEXT],
       },
     },
     defaultVariants: {

package/src/components/InsuranceDisclosure/FdicLockup.tsx

@@ -0,0 +1,23 @@
+import { Path, Svg } from 'react-native-svg';
+
+const FDIC_NAVY = '#003366';
+
+export function FdicLockup() {
+  return (
+    <Svg width="100%" height="100%" viewBox="0 0 44 20" fill="none">
+      <Path
+        d="M5.39953 18.3086H0.896923V1.73399H10.1587V6.06628H5.39953V8.7493H9.88382V13.0821H5.39953V18.3086Z"
+        fill={FDIC_NAVY}
+      />
+      <Path d="M30.228 1.69895H25.7254V18.308H30.228V1.69895Z" fill={FDIC_NAVY} />
+      <Path
+        d="M39.4208 13.924C37.2579 13.924 35.4679 12.1616 35.4679 10.0003C35.4679 7.83897 37.2579 6.07598 39.4208 6.07598C41.3929 6.07598 42.424 7.12483 43.1031 8.50623V2.55916C43.1031 2.55916 41.1094 1.665 39.2516 1.665C35.1252 1.665 30.6543 5.46047 30.6543 10.0003C30.6543 15.5582 34.9187 18.335 39.2516 18.335C41.1089 18.335 43.1031 17.4419 43.1031 17.4419V11.5466C42.2903 12.9479 41.3821 13.924 39.4208 13.924Z"
+        fill={FDIC_NAVY}
+      />
+      <Path
+        d="M15.3172 1.73399C18.1366 1.73399 24.946 2.42118 24.946 10.0132C24.946 17.6209 18.8254 18.2935 15.3172 18.293H10.7785V1.73399H15.3172ZM20.4752 9.98679C20.4752 7.02943 18.1027 5.99783 15.3102 5.99783V13.9758C18.1027 13.9758 20.4752 12.9436 20.4752 9.98679Z"
+        fill={FDIC_NAVY}
+      />
+    </Svg>
+  );
+}

package/src/components/InsuranceDisclosure/index.tsx

@@ -5,49 +5,89 @@ import { cn } from '@cdx-ui/utils';
 import { Image as ForgeImage } from '../Image/Image';
 import { HStack, type HStackProps } from '../Stack/HStack';
 import { Text } from '../Text';
+import { FdicLockup } from './FdicLockup';
 import {
   insuranceDisclosureLogoVariants,
   insuranceDisclosureRootVariants,
   insuranceDisclosureTextVariants,
 } from './styles';
 
-export interface InsuranceDisclosureProps extends Omit<HStackProps, 'children'> {
-  logoSource: string | ImageSourcePropType;
-  logoAccessibilityLabel: string;
+type InsuranceDisclosureSharedProps = Omit<HStackProps, 'children'> & {
+  /**
+   * When `true`, renders surface chrome (background, border, radius, padding).
+   * Defaults to `false` — unframed disclosures have no border or padding.
+   *
+   * @breakingChange Prior versions always rendered a bordered container with `p-4`.
+   * Pass `framed` to restore chrome; padding is now `px-3 py-2`.
+   */
+  framed?: boolean;
   label?: string;
   className?: string;
+};
+
+/** Bundled official FDIC lockup — omit `logoSource` to use the default mark. */
+export interface InsuranceDisclosureBundledLogoProps extends InsuranceDisclosureSharedProps {
+  logoSource?: undefined;
+  /** Ignored when the bundled FDIC lockup is used. */
+  logoAccessibilityLabel?: string;
+}
+
+/** Custom logo override — `logoAccessibilityLabel` is required. */
+export interface InsuranceDisclosureCustomLogoProps extends InsuranceDisclosureSharedProps {
+  /** Logo image — a remote URI string or a React Native image source. */
+  logoSource: string | ImageSourcePropType;
+  /** Accessible label for the custom logo, announced by assistive technology. */
+  logoAccessibilityLabel: string;
 }
 
+export type InsuranceDisclosureProps =
+  | InsuranceDisclosureBundledLogoProps
+  | InsuranceDisclosureCustomLogoProps;
+
 export const InsuranceDisclosure = forwardRef<
   ComponentRef<typeof HStack>,
   InsuranceDisclosureProps
 >(function InsuranceDisclosure(
-  { logoSource, logoAccessibilityLabel, label, className, style, ...props },
+  { framed = false, logoSource, logoAccessibilityLabel, label, className, style, ...props },
   ref,
 ) {
+  const useCustomLogo = logoSource != null;
+
   return (
     <HStack
       ref={ref}
       space="md"
-      className={cn(insuranceDisclosureRootVariants(), className)}
+      className={cn(insuranceDisclosureRootVariants({ framed }), className)}
       style={style}
       {...props}
       {...mergeDataAttributes(props, dataAttributes({ slot: 'insurance-disclosure' }))}
     >
-      <ForgeImage
-        source={logoSource}
-        accessibilityLabel={logoAccessibilityLabel}
-        accessible
-        resizeMode="contain"
-        className={insuranceDisclosureLogoVariants()}
-        {...mergeDataAttributes({}, dataAttributes({ slot: 'insurance-disclosure-logo' }))}
-      />
+      {useCustomLogo ? (
+        <ForgeImage
+          source={logoSource}
+          accessibilityLabel={logoAccessibilityLabel}
+          accessible={logoAccessibilityLabel != null}
+          resizeMode="contain"
+          className={insuranceDisclosureLogoVariants()}
+          {...mergeDataAttributes({}, dataAttributes({ slot: 'insurance-disclosure-logo' }))}
+        />
+      ) : (
+        <View
+          accessible
+          accessibilityRole="image"
+          accessibilityLabel="FDIC"
+          className={insuranceDisclosureLogoVariants()}
+          {...mergeDataAttributes({}, dataAttributes({ slot: 'insurance-disclosure-logo' }))}
+        >
+          <FdicLockup />
+        </View>
+      )}
       {label ? (
         <View
           className="min-w-0 shrink"
           {...mergeDataAttributes({}, dataAttributes({ slot: 'insurance-disclosure-content' }))}
         >
-          <Text size="xs" className={insuranceDisclosureTextVariants()}>
+          <Text size="sm" className={insuranceDisclosureTextVariants()}>
             {label}
           </Text>
         </View>

package/src/components/InsuranceDisclosure/styles.ts

@@ -1,12 +1,31 @@
-import { cva } from '@cdx-ui/utils';
+import { cva, type VariantProps } from '@cdx-ui/utils';
 
-export const insuranceDisclosureRootVariants = cva([
-  'w-full max-w-full items-center justify-start',
-  'border border-stroke-secondary',
-  'rounded-[var(--border-radius-default)]',
-  'p-4',
-]);
+export const insuranceDisclosureRootVariants = cva(
+  ['w-full max-w-full items-center justify-start'],
+  {
+    variants: {
+      framed: {
+        true: [
+          'bg-surface-primary',
+          'border border-stroke-secondary',
+          'rounded-[var(--border-radius-default)]',
+          'px-3 py-2',
+        ],
+        false: '',
+      },
+    },
+    defaultVariants: {
+      framed: false,
+    },
+  },
+);
+
+export type InsuranceDisclosureRootVariantProps = VariantProps<
+  typeof insuranceDisclosureRootVariants
+>;
 
-export const insuranceDisclosureLogoVariants = cva(['h-[23px] w-[37px]']);
+export const insuranceDisclosureLogoVariants = cva(['h-5 w-11 shrink-0']);
 
-export const insuranceDisclosureTextVariants = cva(['shrink text-content-secondary']);
+export const insuranceDisclosureTextVariants = cva([
+  'shrink text-content-primary italic [font-family:var(--font-body-italic)]',
+]);

package/src/components/Select/styles.ts

@@ -1,5 +1,5 @@
 import { cva, type VariantProps } from '@cdx-ui/utils';
-import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
+import { DISABLED_CURSOR, TRANSITION_COLORS, WEB_NARROW_FIELD_TEXT } from '../../styles/constants';
 
 // ── Trigger ─────────────────────────────────────────────────
 
@@ -46,6 +46,9 @@ export const selectTriggerVariants = cva(
       size: {
         default: [
           'h-11 min-h-11 px-4 py-3 gap-4',
+          // Web <600px: trim vertical padding so 16px / leading-normal (24px line box) fits
+          // in h-11. Native and web ≥600px keep py-3 at 14px text (Figma Viewport=Wide).
+          'web:max-[600px]:py-2',
           // Native only: subtract one hairline so the wider focus border doesn't shift layout.
           'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]',
           'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]',
@@ -54,6 +57,9 @@ export const selectTriggerVariants = cva(
         ],
         small: [
           'h-8 min-h-8 px-3 py-2 gap-1.5',
+          // Web <600px: grow shell to h-9 so 16px text fits. Native and web ≥600px stay
+          // h-8 at 12px text.
+          'web:max-[600px]:h-9 web:max-[600px]:min-h-9 web:max-[600px]:py-1.5',
           'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]',
           'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]',
           'native:data-[state=open]:px-[calc(var(--spacing-3)-var(--spacing-px))]',
@@ -80,8 +86,10 @@ export const selectValueVariants = cva(
   {
     variants: {
       size: {
-        default: 'text-[0.875rem]',
-        small: 'text-[0.75rem]',
+        // Web <600px: 16px matches Input/Textarea and prevents iOS Safari focus-zoom.
+        // Native and web ≥600px keep 14px / 12px (Figma Viewport=Wide).
+        default: ['text-[0.875rem]', WEB_NARROW_FIELD_TEXT],
+        small: ['text-[0.75rem]', WEB_NARROW_FIELD_TEXT],
       },
     },
     defaultVariants: {

package/src/components/Textarea/styles.ts

@@ -1,5 +1,5 @@
 import { cva, type VariantProps } from '@cdx-ui/utils';
-import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
+import { DISABLED_CURSOR, TRANSITION_COLORS, WEB_NARROW_FIELD_TEXT } from '../../styles/constants';
 
 export const textareaRootVariants = cva(
   [
@@ -71,8 +71,10 @@ export const textareaFieldVariants = cva(
   {
     variants: {
       size: {
-        default: 'text-[0.875rem]',
-        small: 'text-[0.75rem]',
+        // Web <600px: 16px prevents iOS Safari focus-zoom. Native and web ≥600px keep
+        // 14px / 12px (Figma Viewport=Wide).
+        default: ['text-[0.875rem]', WEB_NARROW_FIELD_TEXT],
+        small: ['text-[0.75rem]', WEB_NARROW_FIELD_TEXT],
       },
     },
     defaultVariants: {

package/src/styles/constants.ts

@@ -8,3 +8,7 @@ export const TRANSITION_COLORS = 'transition-colors duration-150';
 export const DISABLED_OPACITY = 'data-[disabled=true]:opacity-50';
 export const DISABLED_CURSOR =
   'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none';
+
+// Web-only iOS Safari focus-zoom guard. Figma Viewport=Narrow (<600px) uses body/lg
+// (16px / 24px); Viewport=Wide (≥600px) keeps the size variant's original px size.
+export const WEB_NARROW_FIELD_TEXT = 'web:max-[600px]:text-base web:max-[600px]:leading-normal';