react-native-platform-components 1.3.0 → 1.5.0

package/lib/commonjs/web/DatePicker.js

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatePicker = DatePicker;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Dialog = require("./Dialog");
+var _dateInput = require("./dateInput");
+var _shared = require("./shared");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// web/DatePicker.tsx
+
+const INPUT_STYLE = {
+  boxSizing: 'border-box',
+  width: '100%',
+  minHeight: 40,
+  padding: '0 12px',
+  border: '1px solid color-mix(in srgb, CanvasText 30%, transparent)',
+  borderRadius: 8,
+  fontFamily: 'inherit',
+  fontSize: 16,
+  color: 'inherit',
+  backgroundColor: 'transparent'
+};
+
+/**
+ * The browser's date and time inputs. `embedded` renders the input in place
+ * and reports every change with `confirmed: true`. `modal` opens it in a
+ * `<dialog>` with Cancel/Done buttons, like the iOS popover: changes report
+ * `confirmed: false`, Done reports `confirmed: true`, and Cancel, Escape or a
+ * click outside call `onClosed`. In `countDownTimer` mode the input is a time
+ * input and `onConfirm`'s `durationSeconds` is its hours and minutes;
+ * `yearAndMonth` is a month input. The browser's input has its own clock, so
+ * `is24Hour` and `android.inputMode` don't apply.
+ */
+function DatePicker(props) {
+  const {
+    style,
+    date,
+    minDate,
+    maxDate,
+    locale,
+    mode,
+    presentation = 'modal',
+    visible,
+    onConfirm,
+    onClosed,
+    ios,
+    testID
+  } = props;
+  const primary = (0, _shared.usePrimaryColor)();
+  const type = (0, _dateInput.inputTypeForMode)(mode);
+  const label = mode === 'countDownTimer' ? 'Duration' : {
+    'date': 'Date',
+    'time': 'Time',
+    'datetime-local': 'Date and time',
+    'month': 'Month'
+  }[type];
+  const step = (type === 'time' || type === 'datetime-local') && ios?.minuteInterval ? ios.minuteInterval * 60 : undefined;
+  const isValid = next => (0, _dateInput.isWithinInputBounds)(next, type, minDate, maxDate);
+  const confirm = (next, confirmed) => {
+    if (!isValid(next)) return;
+    onConfirm?.(next, confirmed, mode === 'countDownTimer' ? next.getHours() * 3600 + next.getMinutes() * 60 : 0);
+  };
+  const renderInput = (value, onValue, autoFocus) => /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+    type: type,
+    "aria-label": label,
+    lang: locale,
+    value: (0, _dateInput.formatInputValue)(value, type),
+    min: (0, _dateInput.formatInputValue)(minDate, type) || undefined,
+    max: (0, _dateInput.formatInputValue)(maxDate, type) || undefined,
+    step: step,
+    autoFocus: autoFocus,
+    onChange: event => {
+      const next = (0, _dateInput.parseInputValue)((0, _shared.eventValue)(event), type, value);
+      onValue(next);
+    },
+    style: {
+      ...INPUT_STYLE,
+      accentColor: primary
+    }
+  });
+  if (presentation === 'embedded') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID,
+      style: style,
+      children: renderInput(date, next => next && confirm(next, true), false)
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    testID: testID,
+    style: style,
+    children: visible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ModalPicker, {
+      date: date,
+      label: label,
+      primary: primary,
+      renderInput: renderInput,
+      onConfirm: confirm,
+      onClosed: onClosed,
+      isValid: isValid
+    }) : null
+  });
+}
+function ModalPicker({
+  date,
+  label,
+  primary,
+  renderInput,
+  onConfirm,
+  onClosed,
+  isValid
+}) {
+  const [draft, setDraft] = (0, _react.useState)(date);
+  const dateMs = date?.getTime() ?? null;
+  const [previousDateMs, setPreviousDateMs] = (0, _react.useState)(dateMs);
+  // Honor external updates without remounting the dialog or discarding edits
+  // when the parent creates another Date representing the same instant.
+  if (!Object.is(dateMs, previousDateMs)) {
+    setPreviousDateMs(dateMs);
+    setDraft(date);
+  }
+  const valid = isValid(draft);
+  const dismiss = () => onClosed?.();
+  const textButton = {
+    ..._shared.BUTTON_BASE,
+    height: 40,
+    padding: '0 12px',
+    border: 'none',
+    borderRadius: 20,
+    fontSize: 14,
+    color: primary,
+    backgroundColor: 'transparent'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.Dialog, {
+    label: label,
+    onDismiss: dismiss,
+    children: [renderInput(draft, next => {
+      setDraft(next);
+      if (next) onConfirm(next, false);
+    }, true), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'flex-end',
+        gap: 8,
+        marginTop: 12
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        onClick: dismiss,
+        style: textButton,
+        children: "Cancel"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        disabled: !valid,
+        onClick: () => valid && draft && onConfirm(draft, true),
+        style: {
+          ...textButton,
+          opacity: valid ? 1 : 0.38
+        },
+        children: "Done"
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=DatePicker.js.map

package/lib/commonjs/web/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Dialog","_dateInput","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","INPUT_STYLE","boxSizing","width","minHeight","padding","border","borderRadius","fontFamily","fontSize","color","backgroundColor","DatePicker","props","style","date","minDate","maxDate","locale","mode","presentation","visible","onConfirm","onClosed","ios","testID","primary","usePrimaryColor","type","inputTypeForMode","label","step","minuteInterval","undefined","isValid","next","isWithinInputBounds","confirm","confirmed","getHours","getMinutes","renderInput","value","onValue","autoFocus","jsx","lang","formatInputValue","min","max","onChange","event","parseInputValue","eventValue","accentColor","View","children","ModalPicker","draft","setDraft","useState","dateMs","getTime","previousDateMs","setPreviousDateMs","is","valid","dismiss","textButton","BUTTON_BASE","height","jsxs","Dialog","onDismiss","display","justifyContent","gap","marginTop","onClick","disabled","opacity"],"sourceRoot":"../../../src","sources":["web/DatePicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/web/DateRangePicker.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateRangePicker = DateRangePicker;
+exports.isDateRangePickerSupported = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Dialog = require("./Dialog");
+var _dateInput = require("./dateInput");
+var _shared = require("./shared");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// web/DateRangePicker.tsx
+
+/** The browser has start and end date inputs, so the range picker works on web. */
+const isDateRangePickerSupported = exports.isDateRangePickerSupported = true;
+const INPUT_STYLE = {
+  boxSizing: 'border-box',
+  width: '100%',
+  minHeight: 40,
+  padding: '0 12px',
+  border: '1px solid color-mix(in srgb, CanvasText 30%, transparent)',
+  borderRadius: 8,
+  fontFamily: 'inherit',
+  fontSize: 16,
+  color: 'inherit',
+  backgroundColor: 'transparent'
+};
+const startOfDay = date => {
+  if (!date || !Number.isFinite(date.getTime())) return null;
+  const day = new Date(date.getTime());
+  day.setHours(0, 0, 0, 0);
+  return day;
+};
+
+/**
+ * A `<dialog>` with start and end date inputs and Cancel/Done buttons. Done
+ * reports the range (the start of each day) once both are set and in order,
+ * then calls `onClosed`, as the Android dialog does.
+ */
+function DateRangePicker(props) {
+  const {
+    style,
+    testID,
+    visible
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    testID: testID,
+    style: style,
+    children: visible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(RangeDialog, {
+      ...props
+    }) : null
+  });
+}
+function RangeDialog({
+  startDate,
+  endDate,
+  minDate,
+  maxDate,
+  locale,
+  onConfirm,
+  onClosed
+}) {
+  const primary = (0, _shared.usePrimaryColor)();
+  const [start, setStart] = (0, _react.useState)(startOfDay(startDate));
+  const [end, setEnd] = (0, _react.useState)(startOfDay(endDate));
+  const valid = (0, _dateInput.isWithinInputBounds)(start, 'date', minDate, maxDate) && (0, _dateInput.isWithinInputBounds)(end, 'date', minDate, maxDate) && end >= start;
+  const minimumEndDate = start && (!minDate || start >= minDate) ? start : minDate;
+  const dismiss = () => onClosed?.();
+  const textButton = {
+    ..._shared.BUTTON_BASE,
+    height: 40,
+    padding: '0 12px',
+    border: 'none',
+    borderRadius: 20,
+    fontSize: 14,
+    color: primary,
+    backgroundColor: 'transparent'
+  };
+  const renderInput = (label, value, onValue, min) => /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+    type: "date",
+    lang: locale,
+    "aria-label": label,
+    value: (0, _dateInput.formatInputValue)(value, 'date'),
+    min: (0, _dateInput.formatInputValue)(min, 'date') || undefined,
+    max: (0, _dateInput.formatInputValue)(maxDate, 'date') || undefined,
+    onChange: event => onValue((0, _dateInput.parseInputValue)((0, _shared.eventValue)(event), 'date', null)),
+    style: {
+      ...INPUT_STYLE,
+      accentColor: primary
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.Dialog, {
+    label: "Date range",
+    onDismiss: dismiss,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 8
+      },
+      children: [renderInput('Start date', start, setStart, minDate), renderInput('End date', end, setEnd, minimumEndDate)]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'flex-end',
+        gap: 8,
+        marginTop: 12
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        onClick: dismiss,
+        style: textButton,
+        children: "Cancel"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        disabled: !valid,
+        onClick: () => {
+          if (!valid) return;
+          onConfirm?.({
+            startDate: start,
+            endDate: end
+          });
+          onClosed?.();
+        },
+        style: {
+          ...textButton,
+          opacity: valid ? 1 : 0.38
+        },
+        children: "Done"
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=DateRangePicker.js.map

package/lib/commonjs/web/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Dialog","_dateInput","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isDateRangePickerSupported","exports","INPUT_STYLE","boxSizing","width","minHeight","padding","border","borderRadius","fontFamily","fontSize","color","backgroundColor","startOfDay","date","Number","isFinite","getTime","day","Date","setHours","DateRangePicker","props","style","testID","visible","jsx","View","children","RangeDialog","startDate","endDate","minDate","maxDate","locale","onConfirm","onClosed","primary","usePrimaryColor","start","setStart","useState","end","setEnd","valid","isWithinInputBounds","minimumEndDate","dismiss","textButton","BUTTON_BASE","height","renderInput","label","value","onValue","min","type","lang","formatInputValue","undefined","max","onChange","event","parseInputValue","eventValue","accentColor","jsxs","Dialog","onDismiss","display","flexDirection","gap","justifyContent","marginTop","onClick","disabled","opacity"],"sourceRoot":"../../../src","sources":["web/DateRangePicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/web/Dialog.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dialog = Dialog;
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// web/Dialog.tsx
+
+/**
+ * A modal `<dialog>`, open while mounted. Escape and a click on the backdrop
+ * call `onDismiss`; like the native modals, the caller closes it by flipping
+ * its `visible` prop, which unmounts it.
+ */
+function Dialog({
+  label,
+  onDismiss,
+  children
+}) {
+  const ref = (0, _react.useRef)(null);
+  (0, _react.useLayoutEffect)(() => {
+    const dialog = ref.current;
+    if (dialog && !dialog.open) dialog.showModal?.();
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("dialog", {
+    ref: element => {
+      ref.current = element;
+    },
+    "aria-label": label,
+    onClose: onDismiss,
+    onClick: event => {
+      // The dialog has no padding, so a click on the element itself is a
+      // click on the backdrop.
+      if (event.target === event.currentTarget) onDismiss();
+    },
+    style: {
+      padding: 0,
+      border: 'none',
+      borderRadius: 16,
+      backgroundColor: 'Canvas',
+      color: 'CanvasText',
+      boxShadow: '0 8px 32px rgba(0, 0, 0, 0.25)'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        padding: 16
+      },
+      children: children
+    })
+  });
+}
+//# sourceMappingURL=Dialog.js.map

package/lib/commonjs/web/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Dialog","label","onDismiss","children","ref","useRef","useLayoutEffect","dialog","current","open","showModal","jsx","element","onClose","onClick","event","target","currentTarget","style","padding","border","borderRadius","backgroundColor","color","boxShadow"],"sourceRoot":"../../../src","sources":["web/Dialog.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAuD,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AADvD;;AAQA;AACA;AACA;AACA;AACA;AACO,SAASkB,MAAMA,CAAC;EACrBC,KAAK;EACLC,SAAS;EACTC;AAKF,CAAC,EAAsB;EACrB,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAuB,IAAI,CAAC;EAE9C,IAAAC,sBAAe,EAAC,MAAM;IACpB,MAAMC,MAAM,GAAGH,GAAG,CAACI,OAAO;IAC1B,IAAID,MAAM,IAAI,CAACA,MAAM,CAACE,IAAI,EAAEF,MAAM,CAACG,SAAS,GAAG,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,IAAA9B,WAAA,CAAA+B,GAAA;IACEP,GAAG,EAAGQ,OAAO,IAAK;MAChBR,GAAG,CAACI,OAAO,GAAGI,OAA0C;IAC1D,CAAE;IACF,cAAYX,KAAM;IAClBY,OAAO,EAAEX,SAAU;IACnBY,OAAO,EAAGC,KAAK,IAAK;MAClB;MACA;MACA,IAAIA,KAAK,CAACC,MAAM,KAAKD,KAAK,CAACE,aAAa,EAAEf,SAAS,CAAC,CAAC;IACvD,CAAE;IACFgB,KAAK,EAAE;MACLC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE,MAAM;MACdC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAE,QAAQ;MACzBC,KAAK,EAAE,YAAY;MACnBC,SAAS,EAAE;IACb,CAAE;IAAArB,QAAA,eAEF,IAAAvB,WAAA,CAAA+B,GAAA;MAAKO,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAG,CAAE;MAAAhB,QAAA,EAAEA;IAAQ,CAAM;EAAC,CACvC,CAAC;AAEb","ignoreList":[]}

package/lib/commonjs/web/FloatingActionButton.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloatingActionButton = FloatingActionButton;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Icon = require("./Icon");
+var _shared = require("./shared");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// web/FloatingActionButton.tsx
+
+/** Height (and diameter when shrunk), icon and label size for each size. */const FAB_SIZES = {
+  small: {
+    height: 40,
+    icon: 24,
+    fontSize: 16,
+    padding: 16
+  },
+  regular: {
+    height: 56,
+    icon: 24,
+    fontSize: 16,
+    padding: 16
+  },
+  medium: {
+    height: 80,
+    icon: 28,
+    fontSize: 22,
+    padding: 26
+  },
+  large: {
+    height: 96,
+    icon: 36,
+    fontSize: 24,
+    padding: 28
+  }
+};
+
+/**
+ * A `<button>` styled after the Material 3 FAB: a rounded square with the
+ * icon, or the extended FAB with the label. `scrollViewNativeID` is ignored.
+ */
+function FloatingActionButton(props) {
+  const {
+    icon,
+    label,
+    extended = true,
+    size = 'regular',
+    color,
+    tintColor,
+    disabled,
+    accessibilityLabel,
+    onPress,
+    scrollViewNativeID: _scrollViewNativeID,
+    style,
+    ...viewProps
+  } = props;
+  const primary = (0, _shared.usePrimaryColor)();
+  const metrics = FAB_SIZES[size] ?? FAB_SIZES.regular;
+  const showsLabel = !!label && extended;
+  const foreground = (0, _shared.cssColor)(tintColor) ?? 'CanvasText';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ...viewProps,
+    style: [{
+      alignSelf: 'flex-start'
+    }, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+      type: "button",
+      disabled: disabled,
+      "aria-label": accessibilityLabel ?? label,
+      onClick: onPress,
+      style: {
+        ..._shared.BUTTON_BASE,
+        gap: 12,
+        height: metrics.height,
+        minWidth: metrics.height,
+        padding: showsLabel ? `0 ${metrics.padding}px` : 0,
+        border: 'none',
+        borderRadius: size === 'small' ? 12 : metrics.height / 3.5,
+        backgroundColor: (0, _shared.cssColor)(color) ?? `color-mix(in srgb, ${primary} 24%, Canvas)`,
+        color: foreground,
+        boxShadow: '0 3px 6px rgba(0, 0, 0, 0.2)',
+        fontSize: metrics.fontSize,
+        opacity: disabled ? 0.38 : 1,
+        cursor: disabled ? 'default' : 'pointer'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        icon: icon,
+        color: foreground,
+        size: metrics.icon
+      }), showsLabel ? label : null]
+    })
+  });
+}
+//# sourceMappingURL=FloatingActionButton.js.map

package/lib/commonjs/web/FloatingActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Icon","_shared","_jsxRuntime","e","__esModule","default","FAB_SIZES","small","height","icon","fontSize","padding","regular","medium","large","FloatingActionButton","props","label","extended","size","color","tintColor","disabled","accessibilityLabel","onPress","scrollViewNativeID","_scrollViewNativeID","style","viewProps","primary","usePrimaryColor","metrics","showsLabel","foreground","cssColor","jsx","View","alignSelf","children","jsxs","type","onClick","BUTTON_BASE","gap","minWidth","border","borderRadius","backgroundColor","boxShadow","opacity","cursor","Icon"],"sourceRoot":"../../../src","sources":["web/FloatingActionButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/web/Icon.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Icon = Icon;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("./shared");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// web/Icon.tsx
+
+/**
+ * Draws an icon on web, tinted with `color` unless the source opts out.
+ * Renders nothing for SF Symbols and Android drawables.
+ */
+function Icon({
+  icon,
+  color,
+  size = 20
+}) {
+  const resolved = (0, _shared.webIcon)(icon);
+  if (!resolved) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    source: resolved.source,
+    style: {
+      width: size,
+      height: size,
+      tintColor: resolved.tinted ? color : undefined
+    }
+  });
+}
+//# sourceMappingURL=Icon.js.map

package/lib/commonjs/web/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_shared","_jsxRuntime","e","__esModule","default","Icon","icon","color","size","resolved","webIcon","jsx","Image","source","style","width","height","tintColor","tinted","undefined"],"sourceRoot":"../../../src","sources":["web/Icon.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AAAmC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AALnC;;AAOA;AACA;AACA;AACA;AACO,SAASG,IAAIA,CAAC;EACnBC,IAAI;EACJC,KAAK;EACLC,IAAI,GAAG;AAKT,CAAC,EAA6B;EAC5B,MAAMC,QAAQ,GAAG,IAAAC,eAAO,EAACJ,IAAI,CAAC;EAC9B,IAAI,CAACG,QAAQ,EAAE,OAAO,IAAI;EAC1B,oBACE,IAAAR,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAa,KAAK;IACJC,MAAM,EAAEJ,QAAQ,CAACI,MAAO;IACxBC,KAAK,EAAE;MACLC,KAAK,EAAEP,IAAI;MACXQ,MAAM,EAAER,IAAI;MACZS,SAAS,EAAER,QAAQ,CAACS,MAAM,GAAGX,KAAK,GAAGY;IACvC;EAAE,CACH,CAAC;AAEN","ignoreList":[]}

package/lib/commonjs/web/NativeTheme.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setNativeTheme = setNativeTheme;
+exports.useNativeTheme = useNativeTheme;
+var _react = require("react");
+var _shared = require("./shared");
+// web/NativeTheme.ts
+
+/**
+ * Applies the theme's brand color to the web components (filled buttons, the
+ * selected segment, focus rings and the browser's own controls through
+ * `accent-color`). Pass `null` to restore the default.
+ */
+function setNativeTheme(theme) {
+  (0, _shared.setThemePrimary)(theme ? (0, _shared.cssColor)(theme.colors.primary) : undefined);
+}
+
+/** Keeps the web components' brand color in sync with `theme`. */
+function useNativeTheme(theme) {
+  const primary = theme ? (0, _shared.cssColor)(theme.colors.primary) : undefined;
+  (0, _react.useLayoutEffect)(() => {
+    (0, _shared.setThemePrimary)(primary);
+  }, [primary]);
+}
+//# sourceMappingURL=NativeTheme.js.map

package/lib/commonjs/web/NativeTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_shared","setNativeTheme","theme","setThemePrimary","cssColor","colors","primary","undefined","useNativeTheme","useLayoutEffect"],"sourceRoot":"../../../src","sources":["web/NativeTheme.ts"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AAJA;;AAMA;AACA;AACA;AACA;AACA;AACO,SAASE,cAAcA,CAACC,KAAyB,EAAQ;EAC9D,IAAAC,uBAAe,EAACD,KAAK,GAAG,IAAAE,gBAAQ,EAACF,KAAK,CAACG,MAAM,CAACC,OAAO,CAAC,GAAGC,SAAS,CAAC;AACrE;;AAEA;AACO,SAASC,cAAcA,CAACN,KAAqC,EAAQ;EAC1E,MAAMI,OAAO,GAAGJ,KAAK,GAAG,IAAAE,gBAAQ,EAACF,KAAK,CAACG,MAAM,CAACC,OAAO,CAAC,GAAGC,SAAS;EAElE,IAAAE,sBAAe,EAAC,MAAM;IACpB,IAAAN,uBAAe,EAACG,OAAO,CAAC;EAC1B,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;AACf","ignoreList":[]}