@multiplatform.one/components 6.0.4 → 6.3.0

package/dist/cjs/Quote/index.native.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Quote_exports = {};
+__export(Quote_exports, {
+  Quote: () => Quote
+});
+module.exports = __toCommonJS(Quote_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_componentColors = require("../componentColors.native.js");
+var QuoteFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  name: "Quote",
+  width: "100%"
+});
+function Quote(param) {
+  var {
+    children,
+    cite,
+    compact = false,
+    ...props
+  } = param;
+  var _ref, _ref1, _ref2;
+  var _getTokens_space_padToken, _getTokens_space, _theme_color8, _theme_color81;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Quote",
+    compact
+  });
+  var theme = (0, import_tamagui.useTheme)();
+  var padToken = compact ? "$3" : knobProps.panelPadding.padding;
+  var pad = typeof padToken === "number" ? padToken : (_ref = (_getTokens_space = (0, import_tamagui.getTokens)().space) === null || _getTokens_space === void 0 ? void 0 : (_getTokens_space_padToken = _getTokens_space[padToken]) === null || _getTokens_space_padToken === void 0 ? void 0 : _getTokens_space_padToken.val) !== null && _ref !== void 0 ? _ref : padToken;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(QuoteFrame, {
+    render: "blockquote",
+    backgroundColor: import_componentColors.componentColors.surface.background,
+    // Padded card frame: radius follows the knob with the Axiom 1
+    // child-clip cap (R-SCALE + cap, Blockquote contract).
+    ...knobProps.containerRadius,
+    paddingVertical: compact ? "$2" : knobProps.gap.gap,
+    marginVertical: compact ? "$2" : "$3",
+    ...(import_tamagui.isWeb ? {
+      style: {
+        borderInlineStartWidth: 4,
+        borderInlineStartStyle: "solid",
+        borderInlineStartColor: (_ref1 = (_ref2 = (_theme_color8 = theme.color8) === null || _theme_color8 === void 0 ? void 0 : _theme_color8.val) !== null && _ref2 !== void 0 ? _ref2 : (_theme_color81 = theme.color8) === null || _theme_color81 === void 0 ? void 0 : _theme_color81.get()) !== null && _ref1 !== void 0 ? _ref1 : "#999",
+        paddingInlineStart: pad,
+        marginInlineStart: 0,
+        marginInlineEnd: 0
+      }
+    } : {
+      borderStartWidth: 4,
+      borderStartColor: import_componentColors.componentColors.indicator.track,
+      paddingStart: padToken
+    }),
+    ...props,
+    children: [typeof children === "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+      ...knobProps.body,
+      // Quote body scales with the size knob (compact already steps the
+      // resolved sizeToken down one level via useResolvedKnobs).
+      fontSize: knobProps.sizeToken,
+      color: import_componentColors.componentColors.text.primary,
+      fontStyle: "italic",
+      lineHeight: knobProps.sizeToken,
+      children
+    }) : children, cite != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      marginTop: compact ? "$1.5" : "$2",
+      children: typeof cite === "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.SizableText, {
+        render: "cite",
+        fontSize: compact ? "$1" : "$2",
+        color: import_componentColors.componentColors.text.muted,
+        fontStyle: "normal",
+        children: ["\u2014 ", cite]
+      }) : cite
+    }) : null]
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/Quote/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Quote_exports","__export","Quote","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","QuoteFrame","styled","YStack","name","width","param","children","cite","compact","props","_ref","_ref1","_ref2","_getTokens_space_padToken","_getTokens_space","_theme_color8","_theme_color81","knobProps","useResolvedKnobs","component","theme","useTheme","padToken","panelPadding","padding","pad","getTokens","space","val","jsxs","render","backgroundColor","componentColors","surface","background","containerRadius","paddingVertical","gap","marginVertical","isWeb","style","borderInlineStartWidth","borderInlineStartStyle","borderInlineStartColor","color8","get","paddingInlineStart","marginInlineStart","marginInlineEnd","borderStartWidth","borderStartColor","indicator","track","paddingStart","jsx","SizableText","body","fontSize","sizeToken","color","text","primary","fontStyle","lineHeight","View","marginTop","muted"],"sources":["../../../src/Quote/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/SheetModal/index.cjs

@@ -0,0 +1,67 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var SheetModal_exports = {};
+__export(SheetModal_exports, {
+  SheetModal: () => SheetModal
+});
+module.exports = __toCommonJS(SheetModal_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_surfaces = require("../surfaces.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SheetModal({
+  open,
+  onOpenChange,
+  children,
+  header,
+  snapPoint = 60,
+  scrollable
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const transition = knobProps.transition;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
+    modal: true,
+    open,
+    onOpenChange,
+    dismissOnSnapToBottom: true,
+    snapPointsMode: "percent",
+    snapPoints: [snapPoint],
+    transition,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
+      backgroundColor: "$shadow6",
+      transition,
+      enterStyle: {
+        opacity: 0
+      },
+      exitStyle: {
+        opacity: 0
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_surfaces.SheetFrame, {
+      children: [header, scrollable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, {
+        children
+      }) : children]
+    })]
+  });
+}

package/dist/cjs/SheetModal/index.native.js

@@ -0,0 +1,143 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_native_exports = {};
+__export(index_native_exports, {
+  SheetModal: () => SheetModal
+});
+module.exports = __toCommonJS(index_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_theme = require("@multiplatform.one/theme");
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var sheetMaxHeightRatio = 0.85;
+var bottomInset = import_react_native.Platform.OS === "ios" ? 24 : 16;
+function SheetModal(param) {
+  var {
+    open,
+    onOpenChange,
+    children,
+    header,
+    snapPoint: _snapPoint,
+    scrollable
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    height: windowHeight
+  } = (0, import_react_native.useWindowDimensions)();
+  var [backdropArmed, setBackdropArmed] = (0, import_react.useState)(false);
+  var armTimerRef = (0, import_react.useRef)(null);
+  var close = (0, import_react.useCallback)(function () {
+    return onOpenChange(false);
+  }, [onOpenChange]);
+  var handleBackdropPress = (0, import_react.useCallback)(function () {
+    if (backdropArmed) close();
+  }, [backdropArmed, close]);
+  var handleModalShow = (0, import_react.useCallback)(function () {
+    if (armTimerRef.current) clearTimeout(armTimerRef.current);
+    armTimerRef.current = setTimeout(function () {
+      return setBackdropArmed(true);
+    }, 280);
+  }, []);
+  (0, import_react.useEffect)(function () {
+    if (!open) {
+      setBackdropArmed(false);
+      if (armTimerRef.current) {
+        clearTimeout(armTimerRef.current);
+        armTimerRef.current = null;
+      }
+    }
+    return function () {
+      if (armTimerRef.current) clearTimeout(armTimerRef.current);
+    };
+  }, [open]);
+  var maxHeight = Math.round(windowHeight * sheetMaxHeightRatio);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Modal, {
+    visible: open,
+    transparent: true,
+    animationType: "slide",
+    statusBarTranslucent: true,
+    onRequestClose: close,
+    onShow: handleModalShow,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.KeyboardAvoidingView, {
+      style: {
+        flex: 1,
+        justifyContent: "flex-end"
+      },
+      behavior: import_react_native.Platform.OS === "ios" ? "padding" : void 0,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+        style: import_react_native.StyleSheet.absoluteFill,
+        onPress: handleBackdropPress,
+        accessibilityRole: "button",
+        accessibilityLabel: t("Close"),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          flex: 1,
+          backgroundColor: "rgba(0,0,0,0.4)"
+        })
+      }),
+      /* Sheet sits above the absoluteFill backdrop in z-order (later
+      sibling). Do NOT claim the responder on a wrapper here — that
+      steals presses from content controls. */
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        backgroundColor: "$background",
+        borderTopLeftRadius: "$6",
+        borderTopRightRadius: "$6",
+        maxHeight,
+        paddingTop: "$2",
+        paddingBottom: bottomInset,
+        elevation: "$4",
+        // VoiceOver escape gesture (two-finger Z) dismisses the sheet.
+        onAccessibilityEscape: close,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          alignSelf: "center",
+          width: 40,
+          height: 4,
+          borderRadius: 2,
+          backgroundColor: "$color8",
+          marginBottom: "$2"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          padding: knobProps.panelPadding.padding,
+          gap: knobProps.gap.gap,
+          flexShrink: 1,
+          children: [header, scrollable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+            style: {
+              flexGrow: 0
+            },
+            keyboardShouldPersistTaps: "handled",
+            children
+          }) : children]
+        })]
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/SheetModal/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["index_native_exports","__export","SheetModal","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_react_native","import_theme","import_react_i18next","import_tamagui","sheetMaxHeightRatio","bottomInset","Platform","OS","param","open","onOpenChange","children","header","snapPoint","_snapPoint","scrollable","t","useTranslation","knobProps","useResolvedKnobs","height","windowHeight","useWindowDimensions","backdropArmed","setBackdropArmed","useState","armTimerRef","useRef","close","useCallback","handleBackdropPress","handleModalShow","current","clearTimeout","setTimeout","useEffect","maxHeight","Math","round","jsx","Modal","visible","transparent","animationType","statusBarTranslucent","onRequestClose","onShow","jsxs","KeyboardAvoidingView","style","flex","justifyContent","behavior","Pressable","StyleSheet","absoluteFill","onPress","accessibilityRole","accessibilityLabel","View","backgroundColor","YStack","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingBottom","elevation","onAccessibilityEscape","alignSelf","width","borderRadius","marginBottom","padding","panelPadding","gap","flexShrink","ScrollView","flexGrow","keyboardShouldPersistTaps"],"sources":["../../../src/SheetModal/index.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,oBAAA;AAAA,IAAAM,kBAAA,GAA2CC,OAAA;AAkBvC,IAAAC,YAAA,GAAyDD,OAAA;AAC7D,IAAAE,mBAAA,GAA8HF,OAAA;AAC9H,IAAAG,YAAA,GAAiCH,OAAA;AACjC,IAAAI,oBAAA,GAA+BJ,OAAA;AAC/B,IAAAK,cAAA,GAA6BL,OAAA;AAC7B,IAAIM,mBAAA,GAAsB;AAG1B,IAAIC,WAAA,GAAcL,mBAAA,CAAAM,QAAA,CAASC,EAAA,KAAO,QAAQ,KAAK;AACxC,SAASd,WAAWe,KAAA,EAAO;EAC9B,IAAI;IAAEC,IAAA;IAAMC,YAAA;IAAcC,QAAA;IAAUC,MAAA;IAAQC,SAAA,EAAWC,UAAA;IAAYC;EAAW,IAAIP,KAAA;EAClF,IAAI;IAAEQ;EAAE,QAAId,oBAAA,CAAAe,cAAA,EAAe;EAC3B,IAAI;IAAEC;EAAU,QAAIjB,YAAA,CAAAkB,gBAAA,EAAiB;EACrC,IAAI;IAAEC,MAAA,EAAQC;EAAa,QAAIrB,mBAAA,CAAAsB,mBAAA,EAAoB;EACnD,IAAI,CAACC,aAAA,EAAeC,gBAAgB,QAAIzB,YAAA,CAAA0B,QAAA,EAAS,KAAK;EACtD,IAAIC,WAAA,OAAc3B,YAAA,CAAA4B,MAAA,EAAO,IAAI;EAC7B,IAAIC,KAAA,OAAQ7B,YAAA,CAAA8B,WAAA,EAAY,YAAW;IAC/B,OAAOnB,YAAA,CAAa,KAAK;EAC7B,GAAG,CACCA,YAAA,CACH;EACD,IAAIoB,mBAAA,OAAsB/B,YAAA,CAAA8B,WAAA,EAAY,YAAW;IAC7C,IAAIN,aAAA,EAAeK,KAAA,CAAM;EAC7B,GAAG,CACCL,aAAA,EACAK,KAAA,CACH;EACD,IAAIG,eAAA,OAAkBhC,YAAA,CAAA8B,WAAA,EAAY,YAAW;IACzC,IAAIH,WAAA,CAAYM,OAAA,EAASC,YAAA,CAAaP,WAAA,CAAYM,OAAO;IAEzDN,WAAA,CAAYM,OAAA,GAAUE,UAAA,CAAW,YAAW;MACxC,OAAOV,gBAAA,CAAiB,IAAI;IAChC,GAAG,GAAG;EACV,GAAG,EAAE;EACL,IAAAzB,YAAA,CAAAoC,SAAA,EAAU,YAAW;IACjB,IAAI,CAAC1B,IAAA,EAAM;MACPe,gBAAA,CAAiB,KAAK;MACtB,IAAIE,WAAA,CAAYM,OAAA,EAAS;QACrBC,YAAA,CAAaP,WAAA,CAAYM,OAAO;QAChCN,WAAA,CAAYM,OAAA,GAAU;MAC1B;IACJ;IACA,OAAO,YAAW;MACd,IAAIN,WAAA,CAAYM,OAAA,EAASC,YAAA,CAAaP,WAAA,CAAYM,OAAO;IAC7D;EACJ,GAAG,CACCvB,IAAA,CACH;EACD,IAAI2B,SAAA,GAAYC,IAAA,CAAKC,KAAA,CAAMjB,YAAA,GAAejB,mBAAmB;EAC7D,OAAqB,mBAAAP,kBAAA,CAAA0C,GAAA,EAAKvC,mBAAA,CAAAwC,KAAA,EAAO;IAC7BC,OAAA,EAAShC,IAAA;IACTiC,WAAA,EAAa;IACbC,aAAA,EAAe;IACfC,oBAAA,EAAsB;IACtBC,cAAA,EAAgBjB,KAAA;IAChBkB,MAAA,EAAQf,eAAA;IACRpB,QAAA,EAAwB,mBAAAd,kBAAA,CAAAkD,IAAA,EAAM/C,mBAAA,CAAAgD,oBAAA,EAAsB;MAChDC,KAAA,EAAO;QACHC,IAAA,EAAM;QACNC,cAAA,EAAgB;MACpB;MACAC,QAAA,EAAUpD,mBAAA,CAAAM,QAAA,CAASC,EAAA,KAAO,QAAQ,YAAY;MAC9CI,QAAA,EAAU,CACQ,mBAAAd,kBAAA,CAAA0C,GAAA,EAAKvC,mBAAA,CAAAqD,SAAA,EAAW;QAC1BJ,KAAA,EAAOjD,mBAAA,CAAAsD,UAAA,CAAWC,YAAA;QAClBC,OAAA,EAAS1B,mBAAA;QACT2B,iBAAA,EAAmB;QACnBC,kBAAA,EAAoB1C,CAAA,CAAE,OAAO;QAC7BL,QAAA,EAAwB,mBAAAd,kBAAA,CAAA0C,GAAA,EAAKpC,cAAA,CAAAwD,IAAA,EAAM;UAC/BT,IAAA,EAAM;UACNU,eAAA,EAAiB;QACrB,CAAC;MACL,CAAC;MAAA;AAAA;AAAA;MAGkD;MAAA,IAAA/D,kBAAA,CAAAkD,IAAA,EAAM5C,cAAA,CAAA0D,MAAA,EAAQ;QAC7DD,eAAA,EAAiB;QACjBE,mBAAA,EAAqB;QACrBC,oBAAA,EAAsB;QACtB3B,SAAA;QACA4B,UAAA,EAAY;QACZC,aAAA,EAAe5D,WAAA;QACf6D,SAAA,EAAW;QAAA;QAEXC,qBAAA,EAAuBvC,KAAA;QACvBjB,QAAA,EAAU,CACQ,mBAAAd,kBAAA,CAAA0C,GAAA,EAAKpC,cAAA,CAAAwD,IAAA,EAAM;UACrBS,SAAA,EAAW;UACXC,KAAA,EAAO;UACPjD,MAAA,EAAQ;UACRkD,YAAA,EAAc;UACdV,eAAA,EAAiB;UACjBW,YAAA,EAAc;QAClB,CAAC,GACa,mBAAA1E,kBAAA,CAAAkD,IAAA,EAAM5C,cAAA,CAAA0D,MAAA,EAAQ;UACxBW,OAAA,EAAStD,SAAA,CAAUuD,YAAA,CAAaD,OAAA;UAChCE,GAAA,EAAKxD,SAAA,CAAUwD,GAAA,CAAIA,GAAA;UACnBC,UAAA,EAAY;UACZhE,QAAA,EAAU,CACNC,MAAA,EACAG,UAAA,GAA2B,mBAAAlB,kBAAA,CAAA0C,GAAA,EAAKvC,mBAAA,CAAA4E,UAAA,EAAc;YAC1C3B,KAAA,EAAO;cACH4B,QAAA,EAAU;YACd;YACAC,yBAAA,EAA2B;YAC3BnE;UACJ,CAAC,IAAIA,QAAA;QAEb,CAAC;MAET,CAAC;IAET,CAAC;EACL,CAAC;AACL","ignoreList":[]}

package/dist/cjs/SkipLink/index.cjs

@@ -0,0 +1,134 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var SkipLink_exports = {};
+__export(SkipLink_exports, {
+  SkipLink: () => SkipLink
+});
+module.exports = __toCommonJS(SkipLink_exports);
+var import_react = require("react");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const SkipLinkSurface = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  name: "SkipLink",
+  paddingVertical: "$2.5",
+  paddingHorizontal: "$3.5"
+});
+const hiddenStyle = {
+  position: "absolute",
+  top: 0,
+  insetInlineStart: 0,
+  width: 1,
+  height: 1,
+  margin: -1,
+  padding: 0,
+  overflow: "hidden",
+  clip: "rect(0 0 0 0)",
+  whiteSpace: "nowrap",
+  border: 0,
+  // Sheet tier (Axiom 14): the revealed chip must sit above page content
+  // and sticky chrome when the first Tab lands on it.
+  zIndex: import_forms.zIndex.sheet,
+  textDecoration: "none"
+};
+const revealedStyle = {
+  position: "fixed",
+  top: 12,
+  insetInlineStart: 12,
+  width: "auto",
+  height: "auto",
+  margin: 0,
+  padding: 0,
+  overflow: "visible",
+  clip: "auto",
+  zIndex: import_forms.zIndex.sheet,
+  textDecoration: "none"
+};
+function SkipLink({
+  targetId,
+  targetRef,
+  children = "Skip to content",
+  onSkip
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "SkipLink"
+  });
+  const theme = (0, import_tamagui.useTheme)();
+  const [focused, setFocused] = (0, import_react.useState)(false);
+  if (!import_tamagui.isWeb) return null;
+  const handleActivate = event => {
+    event?.preventDefault?.();
+    let target = null;
+    if (targetRef?.current) {
+      const current = targetRef.current;
+      if (typeof current.focus === "function") {
+        target = current;
+      }
+    } else if (targetId && typeof document !== "undefined") {
+      target = document.getElementById(targetId);
+    }
+    if (target) {
+      if (target instanceof HTMLElement && !target.hasAttribute("tabindex")) {
+        target.setAttribute("tabindex", "-1");
+      }
+      target.focus?.();
+      if (target instanceof HTMLElement) {
+        target.scrollIntoView?.({
+          block: "start"
+        });
+      }
+    }
+    onSkip?.(target instanceof HTMLElement ? target : null);
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("a", {
+    href: targetId ? `#${targetId}` : "#",
+    style: {
+      ...(focused ? revealedStyle : hiddenStyle),
+      // Focus ring on the revealed chip: the theme's $outlineColor token
+      // (DG-A11Y-01, ≥3:1 vs page surfaces). The previous color8 measured
+      // 1.89:1 on the light page — an invisible ring on the one control
+      // whose entire job is keyboard visibility.
+      outline: focused ? `2px solid ${theme.outlineColor?.get() ?? theme.color8?.get() ?? "currentColor"}` : "none",
+      outlineOffset: 2
+    },
+    onFocus: () => setFocused(true),
+    onBlur: () => setFocused(false),
+    onClick: handleActivate,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SkipLinkSurface, {
+      ...knobProps.elevatedSurface,
+      borderWidth: Math.max(knobProps.elevatedSurface.borderWidth, 1),
+      elevation: knobProps.elevatedSurface.elevation ?? "$2",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+        ...knobProps.body,
+        fontWeight: "600",
+        fontSize: "$3",
+        color: "$color12",
+        whiteSpace: "nowrap",
+        children
+      })
+    })
+  });
+}

package/dist/cjs/SkipLink/index.native.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var SkipLink_exports = {};
+__export(SkipLink_exports, {
+  SkipLink: () => SkipLink
+});
+module.exports = __toCommonJS(SkipLink_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+var SkipLinkSurface = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  name: "SkipLink",
+  paddingVertical: "$2.5",
+  paddingHorizontal: "$3.5"
+});
+var hiddenStyle = {
+  position: "absolute",
+  top: 0,
+  insetInlineStart: 0,
+  width: 1,
+  height: 1,
+  margin: -1,
+  padding: 0,
+  overflow: "hidden",
+  clip: "rect(0 0 0 0)",
+  whiteSpace: "nowrap",
+  border: 0,
+  // Sheet tier (Axiom 14): the revealed chip must sit above page content
+  // and sticky chrome when the first Tab lands on it.
+  zIndex: import_forms.zIndex.sheet,
+  textDecoration: "none"
+};
+var revealedStyle = {
+  position: "fixed",
+  top: 12,
+  insetInlineStart: 12,
+  width: "auto",
+  height: "auto",
+  margin: 0,
+  padding: 0,
+  overflow: "visible",
+  clip: "auto",
+  zIndex: import_forms.zIndex.sheet,
+  textDecoration: "none"
+};
+function SkipLink(param) {
+  var {
+    targetId,
+    targetRef,
+    children = "Skip to content",
+    onSkip
+  } = param;
+  var _ref, _ref1, _knobProps_elevatedSurface_elevation;
+  var _theme_outlineColor, _theme_color8;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "SkipLink"
+  });
+  var theme = (0, import_tamagui.useTheme)();
+  var [focused, setFocused] = (0, import_react.useState)(false);
+  if (!import_tamagui.isWeb) return null;
+  var handleActivate = function handleActivate2(event) {
+    var _event_preventDefault;
+    event === null || event === void 0 ? void 0 : (_event_preventDefault = event.preventDefault) === null || _event_preventDefault === void 0 ? void 0 : _event_preventDefault.call(event);
+    var target = null;
+    if (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) {
+      var current = targetRef.current;
+      if (typeof current.focus === "function") {
+        target = current;
+      }
+    } else if (targetId && typeof document !== "undefined") {
+      target = document.getElementById(targetId);
+    }
+    if (target) {
+      var _target_focus;
+      if (_instanceof(target, HTMLElement) && !target.hasAttribute("tabindex")) {
+        target.setAttribute("tabindex", "-1");
+      }
+      (_target_focus = target.focus) === null || _target_focus === void 0 ? void 0 : _target_focus.call(target);
+      if (_instanceof(target, HTMLElement)) {
+        var _target_scrollIntoView;
+        (_target_scrollIntoView = target.scrollIntoView) === null || _target_scrollIntoView === void 0 ? void 0 : _target_scrollIntoView.call(target, {
+          block: "start"
+        });
+      }
+    }
+    onSkip === null || onSkip === void 0 ? void 0 : onSkip(_instanceof(target, HTMLElement) ? target : null);
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("a", {
+    href: targetId ? `#${targetId}` : "#",
+    style: {
+      ...(focused ? revealedStyle : hiddenStyle),
+      // Focus ring on the revealed chip: the theme's $outlineColor token
+      // (DG-A11Y-01, ≥3:1 vs page surfaces). The previous color8 measured
+      // 1.89:1 on the light page — an invisible ring on the one control
+      // whose entire job is keyboard visibility.
+      outline: focused ? `2px solid ${(_ref = (_ref1 = (_theme_outlineColor = theme.outlineColor) === null || _theme_outlineColor === void 0 ? void 0 : _theme_outlineColor.get()) !== null && _ref1 !== void 0 ? _ref1 : (_theme_color8 = theme.color8) === null || _theme_color8 === void 0 ? void 0 : _theme_color8.get()) !== null && _ref !== void 0 ? _ref : "currentColor"}` : "none",
+      outlineOffset: 2
+    },
+    onFocus: function onFocus() {
+      return setFocused(true);
+    },
+    onBlur: function onBlur() {
+      return setFocused(false);
+    },
+    onClick: handleActivate,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SkipLinkSurface, {
+      ...knobProps.elevatedSurface,
+      borderWidth: Math.max(knobProps.elevatedSurface.borderWidth, 1),
+      elevation: (_knobProps_elevatedSurface_elevation = knobProps.elevatedSurface.elevation) !== null && _knobProps_elevatedSurface_elevation !== void 0 ? _knobProps_elevatedSurface_elevation : "$2",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+        ...knobProps.body,
+        fontWeight: "600",
+        fontSize: "$3",
+        color: "$color12",
+        whiteSpace: "nowrap",
+        children
+      })
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/SkipLink/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SkipLink_exports","__export","SkipLink","module","exports","import_jsx_runtime","require","import_react","import_forms","import_theme","import_tamagui","_instanceof","left","right","Symbol","hasInstance","SkipLinkSurface","styled","YStack","name","paddingVertical","paddingHorizontal","hiddenStyle","position","top","insetInlineStart","width","height","margin","padding","overflow","clip","whiteSpace","border","zIndex","sheet","textDecoration","revealedStyle","param","targetId","targetRef","children","onSkip","_ref","_ref1","_knobProps_elevatedSurface_elevation","_theme_outlineColor","_theme_color8","knobProps","useResolvedKnobs","component","theme","useTheme","focused","setFocused","useState","isWeb","handleActivate","handleActivate2","event","_event_preventDefault","preventDefault","call","target","current","focus","document","getElementById","_target_focus","HTMLElement","hasAttribute","setAttribute","_target_scrollIntoView","scrollIntoView","block","jsx","href","style","outline","outlineColor","get","color8","outlineOffset","onFocus","onBlur","onClick","elevatedSurface","borderWidth","Math","max","elevation","SizableText","body"],"sources":["../../../src/SkipLink/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}