@bacon-pos/ui 0.1.0

package/lib/commonjs/components/Switch/Switch.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Switch = Switch;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _palette = require("../../theme/palette.js");
+var _Labeled = require("../_internal/Labeled.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const BORDER = 1.5;
+const SIZES = {
+  sm: {
+    width: 40,
+    height: 24,
+    handle: 18,
+    padding: 3
+  },
+  md: {
+    width: 52,
+    height: 32,
+    handle: 24,
+    padding: 4
+  }
+};
+
+/**
+ * Switch — faithful to the Bacon POS Figma "Form controls". A 52×32 pill:
+ * off (gray outline + gray handle), on (dark track + white handle). The handle
+ * slides and the track/handle colors cross-fade between states.
+ */
+function Switch({
+  value,
+  onValueChange,
+  size = 'md',
+  disabled = false,
+  label,
+  labelPosition,
+  style
+}) {
+  const theme = (0, _index.useTheme)();
+  const cfg = SIZES[size];
+  const travel = cfg.width - 2 * BORDER - 2 * cfg.padding - cfg.handle;
+  const anim = (0, _react.useRef)(new _reactNative.Animated.Value(value ? 1 : 0)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(anim, {
+      toValue: value ? 1 : 0,
+      duration: 180,
+      easing: _reactNative.Easing.out(_reactNative.Easing.ease),
+      useNativeDriver: false // interpolating colors
+    }).start();
+  }, [value, anim]);
+  const trackColor = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [theme.colors.background.default, theme.colors.text.primary]
+  });
+  const borderColor = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [_palette.palette.neutral[500], theme.colors.text.primary]
+  });
+  const handleColor = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [_palette.palette.neutral[500], theme.colors.background.default]
+  });
+  const translateX = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, travel]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Labeled.Labeled, {
+    label: label,
+    labelPosition: labelPosition,
+    disabled: disabled,
+    onPress: () => onValueChange(!value),
+    accessibilityRole: "switch",
+    accessibilityState: {
+      checked: value,
+      disabled
+    },
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: {
+        width: cfg.width,
+        height: cfg.height,
+        borderRadius: cfg.height / 2,
+        borderWidth: BORDER,
+        paddingHorizontal: cfg.padding,
+        flexDirection: 'row',
+        alignItems: 'center',
+        backgroundColor: trackColor,
+        borderColor,
+        opacity: disabled ? 0.5 : 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: {
+          width: cfg.handle,
+          height: cfg.handle,
+          borderRadius: cfg.handle / 2,
+          backgroundColor: handleColor,
+          transform: [{
+            translateX
+          }]
+        }
+      })
+    })
+  });
+}
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_palette","_Labeled","_jsxRuntime","BORDER","SIZES","sm","width","height","handle","padding","md","Switch","value","onValueChange","size","disabled","label","labelPosition","style","theme","useTheme","cfg","travel","anim","useRef","Animated","Value","current","useEffect","timing","toValue","duration","easing","Easing","out","ease","useNativeDriver","start","trackColor","interpolate","inputRange","outputRange","colors","background","default","text","primary","borderColor","palette","neutral","handleColor","translateX","jsx","Labeled","onPress","accessibilityRole","accessibilityState","checked","children","View","borderRadius","borderWidth","paddingHorizontal","flexDirection","alignItems","backgroundColor","opacity","transform"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Switch/Switch.stories.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithLabel = exports.Small = exports.Sizes = exports.On = exports.Off = exports.LabelPositions = exports.Disabled = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Switch = require("./Switch.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/Switch',
+  component: _Switch.Switch
+};
+var _default = exports.default = meta;
+function Demo(props) {
+  const [value, setValue] = (0, _react.useState)(props.start ?? false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.Switch, {
+    value: value,
+    onValueChange: setValue,
+    ...props
+  });
+}
+const Off = exports.Off = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {})
+};
+const On = exports.On = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    start: true
+  })
+};
+const Small = exports.Small = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    size: "sm",
+    start: true
+  })
+};
+const WithLabel = exports.WithLabel = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    label: "Notifications"
+  })
+};
+const Disabled = exports.Disabled = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.Switch, {
+    value: true,
+    onValueChange: () => {},
+    disabled: true,
+    label: "Disabled"
+  })
+};
+const Sizes = exports.Sizes = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 16,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      size: "sm",
+      start: true,
+      label: "sm"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      size: "md",
+      start: true,
+      label: "md"
+    })]
+  })
+};
+const LabelPositions = exports.LabelPositions = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 20,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      label: "right",
+      labelPosition: "right"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      label: "left",
+      labelPosition: "left"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      label: "top",
+      labelPosition: "top"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      label: "bottom",
+      labelPosition: "bottom"
+    })]
+  })
+};
+//# sourceMappingURL=Switch.stories.js.map

package/lib/commonjs/components/Switch/Switch.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Switch","_jsxRuntime","meta","title","component","Switch","_default","exports","default","Demo","props","value","setValue","useState","start","jsx","onValueChange","Off","render","On","Small","size","WithLabel","label","Disabled","disabled","Sizes","jsxs","View","style","gap","alignItems","children","LabelPositions","labelPosition"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Switch/Switch.test.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("@testing-library/react-native");
+var _Switch = require("./Switch.js");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function renderWithTheme(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+describe('Switch', () => {
+  it('renders its label and checked state', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.Switch, {
+      value: true,
+      onValueChange: () => {},
+      label: "Notifications"
+    }));
+    expect(_reactNative.screen.getByText('Notifications')).toBeTruthy();
+    expect(_reactNative.screen.getByRole('switch').props.accessibilityState.checked).toBe(true);
+  });
+  it('toggles on press', () => {
+    const onValueChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.Switch, {
+      value: false,
+      onValueChange: onValueChange,
+      label: "x"
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByRole('switch'));
+    expect(onValueChange).toHaveBeenCalledWith(true);
+  });
+  it('does not toggle when disabled', () => {
+    const onValueChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.Switch, {
+      value: false,
+      disabled: true,
+      onValueChange: onValueChange,
+      label: "x"
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByRole('switch'));
+    expect(onValueChange).not.toHaveBeenCalled();
+  });
+});
+//# sourceMappingURL=Switch.test.js.map

package/lib/commonjs/components/Switch/Switch.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Switch","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","Switch","value","onValueChange","label","expect","screen","getByText","toBeTruthy","getByRole","props","accessibilityState","checked","toBe","jest","fn","fireEvent","press","toHaveBeenCalledWith","disabled","not","toHaveBeenCalled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.test.tsx"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C,SAASG,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAO,IAAAC,mBAAM,eAAC,IAAAN,WAAA,CAAAO,GAAA,EAACR,MAAA,CAAAS,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAK,QAAQ,CAAC,QAAQ,EAAE,MAAM;EACvBC,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9CP,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,OAAA,CAAAc,MAAM;MAACC,KAAK;MAACC,aAAa,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACC,KAAK,EAAC;IAAe,CAAE,CAAC,CAAC;IAChFC,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,eAAe,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACtDH,MAAM,CAACC,mBAAM,CAACG,SAAS,CAAC,QAAQ,CAAC,CAACC,KAAK,CAACC,kBAAkB,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC;EAChF,CAAC,CAAC;EAEFb,EAAE,CAAC,kBAAkB,EAAE,MAAM;IAC3B,MAAMG,aAAa,GAAGW,IAAI,CAACC,EAAE,CAAC,CAAC;IAC/BtB,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,OAAA,CAAAc,MAAM;MAACC,KAAK,EAAE,KAAM;MAACC,aAAa,EAAEA,aAAc;MAACC,KAAK,EAAC;IAAG,CAAE,CAAC,CAAC;IACjFY,sBAAS,CAACC,KAAK,CAACX,mBAAM,CAACG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CJ,MAAM,CAACF,aAAa,CAAC,CAACe,oBAAoB,CAAC,IAAI,CAAC;EAClD,CAAC,CAAC;EAEFlB,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxC,MAAMG,aAAa,GAAGW,IAAI,CAACC,EAAE,CAAC,CAAC;IAC/BtB,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,OAAA,CAAAc,MAAM;MAACC,KAAK,EAAE,KAAM;MAACiB,QAAQ;MAAChB,aAAa,EAAEA,aAAc;MAACC,KAAK,EAAC;IAAG,CAAE,CAAC,CAAC;IAC1FY,sBAAS,CAACC,KAAK,CAACX,mBAAM,CAACG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CJ,MAAM,CAACF,aAAa,CAAC,CAACiB,GAAG,CAACC,gBAAgB,CAAC,CAAC;EAC9C,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () {
+    return _Switch.Switch;
+  }
+});
+var _Switch = require("./Switch.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Switch","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/Text/Text.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = Text;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Themed text primitive. Every string of copy in the app should render through
+ * this component so type scale, weight and color stay consistent.
+ */
+function Text({
+  variant = 'bodyMedium',
+  weight = 'regular',
+  color = 'primary',
+  align,
+  style,
+  ...rest
+}) {
+  const theme = (0, _index.useTheme)();
+  const resolvedStyle = (0, _react.useMemo)(() => {
+    const textColor = color in theme.colors.text ? theme.colors.text[color] : color;
+    return {
+      ...(0, _index.textStyle)(theme, variant, weight),
+      color: textColor,
+      ...(align ? {
+        textAlign: align
+      } : null)
+    };
+  }, [theme, variant, weight, color, align]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: [resolvedStyle, style],
+    ...rest
+  });
+}
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_jsxRuntime","Text","variant","weight","color","align","style","rest","theme","useTheme","resolvedStyle","useMemo","textColor","colors","text","textStyle","textAlign","jsx"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Text/Text.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AAAkD,IAAAG,WAAA,GAAAH,OAAA;AAgBlD;AACA;AACA;AACA;AACO,SAASI,IAAIA,CAAC;EACnBC,OAAO,GAAG,YAAY;EACtBC,MAAM,GAAG,SAAS;EAClBC,KAAK,GAAG,SAAS;EACjBC,KAAK;EACLC,KAAK;EACL,GAAGC;AACM,CAAC,EAAE;EACZ,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAExB,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAY,MAAM;IAC7C,MAAMC,SAAS,GACbR,KAAK,IAAII,KAAK,CAACK,MAAM,CAACC,IAAI,GACtBN,KAAK,CAACK,MAAM,CAACC,IAAI,CAACV,KAAK,CAAmB,GACzCA,KAAgB;IAEvB,OAAO;MACL,GAAG,IAAAW,gBAAS,EAACP,KAAK,EAAEN,OAAO,EAAEC,MAAM,CAAC;MACpCC,KAAK,EAAEQ,SAAS;MAChB,IAAIP,KAAK,GAAG;QAAEW,SAAS,EAAEX;MAAM,CAAC,GAAG,IAAI;IACzC,CAAC;EACH,CAAC,EAAE,CAACG,KAAK,EAAEN,OAAO,EAAEC,MAAM,EAAEC,KAAK,EAAEC,KAAK,CAAC,CAAC;EAE1C,oBAAO,IAAAL,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAG,IAAM;IAACK,KAAK,EAAE,CAACI,aAAa,EAAEJ,KAAK,CAAE;IAAA,GAAKC;EAAI,CAAG,CAAC;AAC5D","ignoreList":[]}

package/lib/commonjs/components/Text/Text.stories.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Scale = exports.Playground = void 0;
+var _reactNative = require("react-native");
+var _Text = require("./Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Foundations/Typography',
+  component: _Text.Text,
+  args: {
+    children: 'The quick brown fox jumps',
+    variant: 'bodyMedium',
+    weight: 'regular'
+  },
+  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['displayLarge', 'displayRegular', 'h1', 'h2', 'h3', 'bodyLarge', 'bodyMedium', 'bodySmall', 'caption']
+    },
+    weight: {
+      control: 'select',
+      options: ['regular', 'medium', 'semibold']
+    },
+    color: {
+      control: 'text'
+    }
+  }
+};
+var _default = exports.default = meta;
+const Playground = exports.Playground = {};
+const SCALE = ['displayLarge', 'displayRegular', 'h1', 'h2', 'h3', 'bodyLarge', 'bodyMedium', 'bodySmall', 'caption'];
+const Scale = exports.Scale = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      gap: 16
+    },
+    children: SCALE.map(variant => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: variant,
+      weight: "semibold",
+      children: variant
+    }, variant))
+  })
+};
+//# sourceMappingURL=Text.stories.js.map

package/lib/commonjs/components/Text/Text.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Text","_jsxRuntime","meta","title","component","Text","args","children","variant","weight","argTypes","control","options","color","_default","exports","default","Playground","SCALE","Scale","render","jsx","View","style","gap","map"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Text/Text.stories.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAA8B,IAAAE,WAAA,GAAAF,OAAA;AAG9B,MAAMG,IAAI,GAAG;EACXC,KAAK,EAAE,wBAAwB;EAC/BC,SAAS,EAAEC,UAAI;EACfC,IAAI,EAAE;IACJC,QAAQ,EAAE,2BAA2B;IACrCC,OAAO,EAAE,YAAY;IACrBC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRF,OAAO,EAAE;MACPG,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CACP,cAAc,EACd,gBAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,SAAS;IAEb,CAAC;IACDH,MAAM,EAAE;MAAEE,OAAO,EAAE,QAAQ;MAAEC,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU;IAAE,CAAC;IACzEC,KAAK,EAAE;MAAEF,OAAO,EAAE;IAAO;EAC3B;AACF,CAA6B;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEfd,IAAI;AAGZ,MAAMe,UAAiB,GAAAF,OAAA,CAAAE,UAAA,GAAG,CAAC,CAAC;AAEnC,MAAMC,KAA0B,GAAG,CACjC,cAAc,EACd,gBAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,SAAS,CACV;AAEM,MAAMC,KAAY,GAAAJ,OAAA,CAAAI,KAAA,GAAG;EAC1BC,MAAM,EAAEA,CAAA,kBACN,IAAAnB,WAAA,CAAAoB,GAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAE;MAAEC,GAAG,EAAE;IAAG,CAAE;IAAAjB,QAAA,EACtBW,KAAK,CAACO,GAAG,CAAEjB,OAAO,iBACjB,IAAAP,WAAA,CAAAoB,GAAA,EAACrB,KAAA,CAAAK,IAAI;MAAeG,OAAO,EAAEA,OAAQ;MAACC,MAAM,EAAC,UAAU;MAAAF,QAAA,EACpDC;IAAO,GADCA,OAEL,CACP;EAAC,CACE;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function () {
+    return _Text.Text;
+  }
+});
+var _Text = require("./Text.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Text","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Text/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/_internal/Labeled.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Labeled = Labeled;
+var _reactNative = require("react-native");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Where the label sits relative to the control. */
+
+/**
+ * Wraps a form control with an optional, positionable label and makes the whole
+ * row/column pressable. Shared by Checkbox, Radio and Switch.
+ */
+function Labeled({
+  label,
+  labelPosition = 'right',
+  disabled = false,
+  onPress,
+  gap = 8,
+  accessibilityRole,
+  accessibilityState,
+  accessibilityLabel,
+  style,
+  children
+}) {
+  const vertical = labelPosition === 'top' || labelPosition === 'bottom';
+  const controlFirst = labelPosition === 'right' || labelPosition === 'bottom';
+  const labelNode = label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    variant: "bodyMedium",
+    color: disabled ? 'tertiary' : 'primary',
+    children: label
+  }) : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    accessibilityLabel: accessibilityLabel ?? label,
+    style: [{
+      flexDirection: vertical ? 'column' : 'row',
+      alignItems: 'center',
+      gap,
+      alignSelf: 'flex-start'
+    }, style],
+    children: [controlFirst ? children : labelNode, controlFirst ? labelNode : children]
+  });
+}
+//# sourceMappingURL=Labeled.js.map

package/lib/commonjs/components/_internal/Labeled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Text","_jsxRuntime","Labeled","label","labelPosition","disabled","onPress","gap","accessibilityRole","accessibilityState","accessibilityLabel","style","children","vertical","controlFirst","labelNode","jsx","Text","variant","color","jsxs","Pressable","flexDirection","alignItems","alignSelf"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/_internal/Labeled.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AAAoC,IAAAE,WAAA,GAAAF,OAAA;AAEpC;;AAqBA;AACA;AACA;AACA;AACO,SAASG,OAAOA,CAAC;EACtBC,KAAK;EACLC,aAAa,GAAG,OAAO;EACvBC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC,GAAG,GAAG,CAAC;EACPC,iBAAiB;EACjBC,kBAAkB;EAClBC,kBAAkB;EAClBC,KAAK;EACLC;AACY,CAAC,EAAE;EACf,MAAMC,QAAQ,GAAGT,aAAa,KAAK,KAAK,IAAIA,aAAa,KAAK,QAAQ;EACtE,MAAMU,YAAY,GAAGV,aAAa,KAAK,OAAO,IAAIA,aAAa,KAAK,QAAQ;EAC5E,MAAMW,SAAS,GAAGZ,KAAK,gBACrB,IAAAF,WAAA,CAAAe,GAAA,EAAChB,KAAA,CAAAiB,IAAI;IAACC,OAAO,EAAC,YAAY;IAACC,KAAK,EAAEd,QAAQ,GAAG,UAAU,GAAG,SAAU;IAAAO,QAAA,EACjET;EAAK,CACF,CAAC,GACL,IAAI;EAER,oBACE,IAAAF,WAAA,CAAAmB,IAAA,EAACtB,YAAA,CAAAuB,SAAS;IACRf,OAAO,EAAEA,OAAQ;IACjBD,QAAQ,EAAEA,QAAS;IACnBG,iBAAiB,EAAEA,iBAAkB;IACrCC,kBAAkB,EAAEA,kBAAmB;IACvCC,kBAAkB,EAAEA,kBAAkB,IAAIP,KAAM;IAChDQ,KAAK,EAAE,CACL;MAAEW,aAAa,EAAET,QAAQ,GAAG,QAAQ,GAAG,KAAK;MAAEU,UAAU,EAAE,QAAQ;MAAEhB,GAAG;MAAEiB,SAAS,EAAE;IAAa,CAAC,EAClGb,KAAK,CACL;IAAAC,QAAA,GAEDE,YAAY,GAAGF,QAAQ,GAAGG,SAAS,EACnCD,YAAY,GAAGC,SAAS,GAAGH,QAAQ;EAAA,CAC3B,CAAC;AAEhB","ignoreList":[]}

package/lib/commonjs/components/brand/Flag.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Flag = Flag;
+var _reactNative = require("react-native");
+var _registry = require("./registry.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Supported country flags. */
+
+const KEY = {
+  us: 'flag-us',
+  br: 'flag-br'
+};
+
+/**
+ * Country flag rendered as a round chip (Figma "Flags"). The artwork is wider
+ * than tall, scaled to fill the circle and cropped. Multicolor, not tinted.
+ */
+function Flag({
+  country,
+  size = 24
+}) {
+  const graphic = _registry.graphics[KEY[country]];
+  if (!graphic) return null;
+  const {
+    Component
+  } = graphic;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      overflow: 'hidden',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      width: size * graphic.aspect,
+      height: size
+    })
+  });
+}
+//# sourceMappingURL=Flag.js.map

package/lib/commonjs/components/brand/Flag.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_registry","_jsxRuntime","KEY","us","br","Flag","country","size","graphic","graphics","Component","jsx","View","style","width","height","borderRadius","overflow","alignItems","justifyContent","children","aspect"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/brand/Flag.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,IAAAE,WAAA,GAAAF,OAAA;AAEtC;;AAUA,MAAMG,GAA+C,GAAG;EACtDC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE;AACN,CAAC;;AAED;AACA;AACA;AACA;AACO,SAASC,IAAIA,CAAC;EAAEC,OAAO;EAAEC,IAAI,GAAG;AAAc,CAAC,EAAE;EACtD,MAAMC,OAAO,GAAGC,kBAAQ,CAACP,GAAG,CAACI,OAAO,CAAC,CAAC;EACtC,IAAI,CAACE,OAAO,EAAE,OAAO,IAAI;EACzB,MAAM;IAAEE;EAAU,CAAC,GAAGF,OAAO;EAC7B,oBACE,IAAAP,WAAA,CAAAU,GAAA,EAACb,YAAA,CAAAc,IAAI;IACHC,KAAK,EAAE;MACLC,KAAK,EAAEP,IAAI;MACXQ,MAAM,EAAER,IAAI;MACZS,YAAY,EAAET,IAAI,GAAG,CAAC;MACtBU,QAAQ,EAAE,QAAQ;MAClBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAE;IAAAC,QAAA,eAEF,IAAAnB,WAAA,CAAAU,GAAA,EAACD,SAAS;MAACI,KAAK,EAAEP,IAAI,GAAGC,OAAO,CAACa,MAAO;MAACN,MAAM,EAAER;IAAK,CAAE;EAAC,CACrD,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/components/brand/Flag.stories.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.US = exports.BR = exports.All = void 0;
+var _reactNative = require("react-native");
+var _Flag = require("./Flag.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Brand/Flag',
+  component: _Flag.Flag,
+  args: {
+    country: 'us',
+    size: 32
+  },
+  argTypes: {
+    country: {
+      control: 'inline-radio',
+      options: ['us', 'br']
+    },
+    size: {
+      control: {
+        type: 'range',
+        min: 16,
+        max: 64,
+        step: 4
+      }
+    }
+  }
+};
+var _default = exports.default = meta;
+const US = exports.US = {
+  args: {
+    country: 'us'
+  }
+};
+const BR = exports.BR = {
+  args: {
+    country: 'br'
+  }
+};
+const All = exports.All = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 16
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Flag.Flag, {
+      country: "us",
+      size: 32
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flag.Flag, {
+      country: "br",
+      size: 32
+    })]
+  })
+};
+//# sourceMappingURL=Flag.stories.js.map

package/lib/commonjs/components/brand/Flag.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Flag","_jsxRuntime","meta","title","component","Flag","args","country","size","argTypes","control","options","type","min","max","step","_default","exports","default","US","BR","All","render","jsxs","View","style","flexDirection","alignItems","gap","children","jsx"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/brand/Flag.stories.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAA8B,IAAAE,WAAA,GAAAF,OAAA;AAE9B,MAAMG,IAAI,GAAG;EACXC,KAAK,EAAE,YAAY;EACnBC,SAAS,EAAEC,UAAI;EACfC,IAAI,EAAE;IAAEC,OAAO,EAAE,IAAI;IAAEC,IAAI,EAAE;EAAG,CAAC;EACjCC,QAAQ,EAAE;IACRF,OAAO,EAAE;MAAEG,OAAO,EAAE,cAAc;MAAEC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI;IAAE,CAAC;IAC3DH,IAAI,EAAE;MAAEE,OAAO,EAAE;QAAEE,IAAI,EAAE,OAAO;QAAEC,GAAG,EAAE,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEC,IAAI,EAAE;MAAE;IAAE;EAChE;AACF,CAA6B;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEfhB,IAAI;AAGZ,MAAMiB,EAAS,GAAAF,OAAA,CAAAE,EAAA,GAAG;EAAEb,IAAI,EAAE;IAAEC,OAAO,EAAE;EAAK;AAAE,CAAC;AAC7C,MAAMa,EAAS,GAAAH,OAAA,CAAAG,EAAA,GAAG;EAAEd,IAAI,EAAE;IAAEC,OAAO,EAAE;EAAK;AAAE,CAAC;AAE7C,MAAMc,GAAU,GAAAJ,OAAA,CAAAI,GAAA,GAAG;EACxBC,MAAM,EAAEA,CAAA,kBACN,IAAArB,WAAA,CAAAsB,IAAA,EAACzB,YAAA,CAAA0B,IAAI;IAACC,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAG,CAAE;IAAAC,QAAA,gBACnE,IAAA5B,WAAA,CAAA6B,GAAA,EAAC9B,KAAA,CAAAK,IAAI;MAACE,OAAO,EAAC,IAAI;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,eAC/B,IAAAP,WAAA,CAAA6B,GAAA,EAAC9B,KAAA,CAAAK,IAAI;MAACE,OAAO,EAAC,IAAI;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC;EAAA,CAC3B;AAEV,CAAC","ignoreList":[]}

package/lib/commonjs/components/brand/Logo.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Logo = Logo;
+var _registry = require("./registry.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Payment brand marks. */
+
+/**
+ * Multicolor payment brand logo (Visa, Mastercard). Rendered at its natural
+ * aspect ratio via a real react-native-svg component and NOT tinted — brand
+ * colors are preserved.
+ */
+function Logo({
+  name,
+  height = 24
+}) {
+  const graphic = _registry.graphics[name];
+  if (!graphic) return null;
+  const {
+    Component
+  } = graphic;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    width: height * graphic.aspect,
+    height: height
+  });
+}
+//# sourceMappingURL=Logo.js.map

package/lib/commonjs/components/brand/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_registry","require","_jsxRuntime","Logo","name","height","graphic","graphics","Component","jsx","width","aspect"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/brand/Logo.tsx"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAsC,IAAAC,WAAA,GAAAD,OAAA;AAEtC;;AAUA;AACA;AACA;AACA;AACA;AACO,SAASE,IAAIA,CAAC;EAAEC,IAAI;EAAEC,MAAM,GAAG;AAAc,CAAC,EAAE;EACrD,MAAMC,OAAO,GAAGC,kBAAQ,CAACH,IAAI,CAAC;EAC9B,IAAI,CAACE,OAAO,EAAE,OAAO,IAAI;EACzB,MAAM;IAAEE;EAAU,CAAC,GAAGF,OAAO;EAC7B,oBAAO,IAAAJ,WAAA,CAAAO,GAAA,EAACD,SAAS;IAACE,KAAK,EAAEL,MAAM,GAAGC,OAAO,CAACK,MAAO;IAACN,MAAM,EAAEA;EAAO,CAAE,CAAC;AACtE","ignoreList":[]}