@multiplatform.one/theme 7.83.1 → 7.84.0

package/dist/cjs/theme/intents.cjs

@@ -0,0 +1,62 @@
+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 intents_exports = {};
+__export(intents_exports, {
+  defaultIntents: () => defaultIntents
+});
+module.exports = __toCommonJS(intents_exports);
+const defaultIntents = {
+  accent: {
+    fillStyle: "outlined",
+    textAccent: "high",
+    Button: {
+      fillStyle: "filled"
+    }
+  },
+  error: {
+    textAccent: "high",
+    Button: {
+      fillStyle: "filled",
+      elevation: "small"
+    },
+    Input: {
+      borderWidth: "medium"
+    }
+  },
+  warning: {
+    textAccent: "high",
+    Button: {
+      fillStyle: "filled"
+    },
+    Input: {
+      borderWidth: "small"
+    }
+  },
+  success: {
+    textAccent: "high",
+    Button: {
+      fillStyle: "filled",
+      elevation: "none"
+    }
+  }
+};

package/dist/cjs/theme/intents.native.js

@@ -0,0 +1,65 @@
+"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 intents_exports = {};
+__export(intents_exports, {
+  defaultIntents: () => defaultIntents
+});
+module.exports = __toCommonJS(intents_exports);
+var defaultIntents = {
+  accent: {
+    fillStyle: "outlined",
+    textAccent: "high",
+    Button: {
+      fillStyle: "filled"
+    }
+  },
+  error: {
+    textAccent: "high",
+    Button: {
+      fillStyle: "filled",
+      elevation: "small"
+    },
+    Input: {
+      borderWidth: "medium"
+    }
+  },
+  warning: {
+    textAccent: "high",
+    Button: {
+      fillStyle: "filled"
+    },
+    Input: {
+      borderWidth: "small"
+    }
+  },
+  success: {
+    textAccent: "high",
+    Button: {
+      fillStyle: "filled",
+      elevation: "none"
+    }
+  }
+};
+//# sourceMappingURL=intents.native.js.map

package/dist/cjs/theme/intents.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","intents_exports","__export","defaultIntents","module","exports","accent","fillStyle","textAccent","Button","error","elevation","Input","borderWidth","warning"],"sources":["../../../src/theme/intents.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAKOC,MAAM,CAAAC,OAAA,GAAAT,YAAiD,CAAAK,eAAA;AAAA,IAC5DE,cAAQ;EAAAG,MACN;IACAC,SAAA,YAAY;IACZC,UAAU;IACZC,MAAA;MACAF,SAAO;IACL;EAAY;EACsCG,KAClD;IACFF,UAAA;IACAC,MAAA,EAAS;MACPF,SAAA,EAAY;MACZI,SAAU;IACV;IACFC,KAAA;MACAC,WAAS;IACP;EAAY;EAEdC,OAAA;IACFN,UAAA","ignoreList":[]}

package/dist/cjs/theme/knobs.cjs

@@ -0,0 +1,172 @@
+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 knobs_exports = {};
+__export(knobs_exports, {
+  BodyFont: () => BodyFont,
+  BorderRadius: () => BorderRadius,
+  BorderWidth: () => BorderWidth,
+  BulkBarPlacement: () => BulkBarPlacement,
+  CornerSmoothing: () => CornerSmoothing,
+  DisabledStyle: () => DisabledStyle,
+  Elevation: () => Elevation,
+  FieldLabelPlacement: () => FieldLabelPlacement,
+  FillStyle: () => FillStyle,
+  FontCategory: () => FontCategory,
+  FontWeight: () => FontWeight,
+  FormAutofocus: () => FormAutofocus,
+  HeadingFont: () => HeadingFont,
+  PageTitleScale: () => PageTitleScale,
+  RequiredMarking: () => RequiredMarking,
+  SelectAllScope: () => SelectAllScope,
+  TableZebra: () => TableZebra,
+  TextAccent: () => TextAccent,
+  TimestampStyle: () => TimestampStyle,
+  defaultKnobs: () => defaultKnobs,
+  emptyStateKnobs: () => emptyStateKnobs,
+  interactionStates: () => interactionStates,
+  normalizeAnimationKnob: () => normalizeAnimationKnob
+});
+module.exports = __toCommonJS(knobs_exports);
+var import_motionStops = require("./motionStops.cjs");
+const FillStyle = {
+  Filled: "filled",
+  Outlined: "outlined"
+};
+const BorderRadius = {
+  None: "none",
+  Small: "small",
+  Medium: "medium",
+  Large: "large",
+  Full: "full"
+};
+const CornerSmoothing = {
+  Round: "round",
+  Smooth: "smooth"
+};
+const BorderWidth = {
+  None: "none",
+  Small: "small",
+  Medium: "medium",
+  Large: "large"
+};
+const Elevation = {
+  None: "none",
+  Small: "small",
+  Medium: "medium",
+  Large: "large"
+};
+const FieldLabelPlacement = {
+  Top: "top",
+  Side: "side",
+  Floating: "floating"
+};
+const RequiredMarking = {
+  Asterisk: "asterisk",
+  Optional: "optional",
+  Minority: "minority"
+};
+const TableZebra = {
+  On: "on",
+  Off: "off"
+};
+const BulkBarPlacement = {
+  Top: "top",
+  Bottom: "bottom"
+};
+const TimestampStyle = {
+  Absolute: "absolute",
+  Relative: "relative"
+};
+const SelectAllScope = {
+  Page: "page",
+  Filtered: "filtered"
+};
+const DisabledStyle = {
+  DimWhole: "dimWhole",
+  KeepLabel: "keepLabel"
+};
+const FormAutofocus = {
+  On: "on",
+  Off: "off"
+};
+const TextAccent = {
+  Low: "low",
+  Medium: "medium",
+  High: "high"
+};
+const FontCategory = {
+  SansSerif: "sans-serif",
+  Serif: "serif",
+  Mono: "mono",
+  Slab: "slab",
+  Rounded: "rounded",
+  Condensed: "condensed",
+  Cursive: "cursive",
+  Handwriting: "handwriting",
+  Pixel: "pixel",
+  Blackletter: "blackletter",
+  Geometric: "geometric"
+};
+const HeadingFont = FontCategory;
+const BodyFont = FontCategory;
+const FontWeight = {
+  Regular: "regular",
+  Bold: "bold"
+};
+const PageTitleScale = {
+  Moderate: "moderate",
+  Display: "display"
+};
+function normalizeAnimationKnob(value) {
+  if (value === "none" || import_motionStops.motionStops.includes(value)) return value;
+  if (value === "tooltip" || value === "gentle") return "slow";
+  if (value === "snappy") return "quickest";
+  return void 0;
+}
+const interactionStates = ["hover", "press", "focus", "focusVisible"];
+const emptyStateKnobs = {};
+const defaultKnobs = {
+  fillStyle: "filled",
+  borderRadius: "medium",
+  cornerSmoothing: "round",
+  borderWidth: "medium",
+  elevation: "small",
+  textAccent: "high",
+  headingFont: "sans-serif",
+  bodyFont: "sans-serif",
+  fontWeight: "regular",
+  pageTitleScale: "moderate",
+  animation: "quick",
+  fieldLabelPlacement: "top",
+  requiredMarking: "minority",
+  tableZebra: "on",
+  bulkBarPlacement: "top",
+  selectAllScope: "page",
+  timestampStyle: "absolute",
+  disabledStyle: "keepLabel",
+  formAutofocus: "off",
+  hover: emptyStateKnobs,
+  press: emptyStateKnobs,
+  focus: emptyStateKnobs,
+  focusVisible: emptyStateKnobs
+};

package/dist/cjs/theme/knobs.native.js

@@ -0,0 +1,175 @@
+"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 knobs_exports = {};
+__export(knobs_exports, {
+  BodyFont: () => BodyFont,
+  BorderRadius: () => BorderRadius,
+  BorderWidth: () => BorderWidth,
+  BulkBarPlacement: () => BulkBarPlacement,
+  CornerSmoothing: () => CornerSmoothing,
+  DisabledStyle: () => DisabledStyle,
+  Elevation: () => Elevation,
+  FieldLabelPlacement: () => FieldLabelPlacement,
+  FillStyle: () => FillStyle,
+  FontCategory: () => FontCategory,
+  FontWeight: () => FontWeight,
+  FormAutofocus: () => FormAutofocus,
+  HeadingFont: () => HeadingFont,
+  PageTitleScale: () => PageTitleScale,
+  RequiredMarking: () => RequiredMarking,
+  SelectAllScope: () => SelectAllScope,
+  TableZebra: () => TableZebra,
+  TextAccent: () => TextAccent,
+  TimestampStyle: () => TimestampStyle,
+  defaultKnobs: () => defaultKnobs,
+  emptyStateKnobs: () => emptyStateKnobs,
+  interactionStates: () => interactionStates,
+  normalizeAnimationKnob: () => normalizeAnimationKnob
+});
+module.exports = __toCommonJS(knobs_exports);
+var import_motionStops = require("./motionStops.native.js");
+var FillStyle = {
+  Filled: "filled",
+  Outlined: "outlined"
+};
+var BorderRadius = {
+  None: "none",
+  Small: "small",
+  Medium: "medium",
+  Large: "large",
+  Full: "full"
+};
+var CornerSmoothing = {
+  Round: "round",
+  Smooth: "smooth"
+};
+var BorderWidth = {
+  None: "none",
+  Small: "small",
+  Medium: "medium",
+  Large: "large"
+};
+var Elevation = {
+  None: "none",
+  Small: "small",
+  Medium: "medium",
+  Large: "large"
+};
+var FieldLabelPlacement = {
+  Top: "top",
+  Side: "side",
+  Floating: "floating"
+};
+var RequiredMarking = {
+  Asterisk: "asterisk",
+  Optional: "optional",
+  Minority: "minority"
+};
+var TableZebra = {
+  On: "on",
+  Off: "off"
+};
+var BulkBarPlacement = {
+  Top: "top",
+  Bottom: "bottom"
+};
+var TimestampStyle = {
+  Absolute: "absolute",
+  Relative: "relative"
+};
+var SelectAllScope = {
+  Page: "page",
+  Filtered: "filtered"
+};
+var DisabledStyle = {
+  DimWhole: "dimWhole",
+  KeepLabel: "keepLabel"
+};
+var FormAutofocus = {
+  On: "on",
+  Off: "off"
+};
+var TextAccent = {
+  Low: "low",
+  Medium: "medium",
+  High: "high"
+};
+var FontCategory = {
+  SansSerif: "sans-serif",
+  Serif: "serif",
+  Mono: "mono",
+  Slab: "slab",
+  Rounded: "rounded",
+  Condensed: "condensed",
+  Cursive: "cursive",
+  Handwriting: "handwriting",
+  Pixel: "pixel",
+  Blackletter: "blackletter",
+  Geometric: "geometric"
+};
+var HeadingFont = FontCategory;
+var BodyFont = FontCategory;
+var FontWeight = {
+  Regular: "regular",
+  Bold: "bold"
+};
+var PageTitleScale = {
+  Moderate: "moderate",
+  Display: "display"
+};
+function normalizeAnimationKnob(value) {
+  if (value === "none" || import_motionStops.motionStops.includes(value)) return value;
+  if (value === "tooltip" || value === "gentle") return "slow";
+  if (value === "snappy") return "quickest";
+  return void 0;
+}
+var interactionStates = ["hover", "press", "focus", "focusVisible"];
+var emptyStateKnobs = {};
+var defaultKnobs = {
+  fillStyle: "filled",
+  borderRadius: "medium",
+  cornerSmoothing: "round",
+  borderWidth: "medium",
+  elevation: "small",
+  textAccent: "high",
+  headingFont: "sans-serif",
+  bodyFont: "sans-serif",
+  fontWeight: "regular",
+  pageTitleScale: "moderate",
+  animation: "quick",
+  fieldLabelPlacement: "top",
+  requiredMarking: "minority",
+  tableZebra: "on",
+  bulkBarPlacement: "top",
+  selectAllScope: "page",
+  timestampStyle: "absolute",
+  disabledStyle: "keepLabel",
+  formAutofocus: "off",
+  hover: emptyStateKnobs,
+  press: emptyStateKnobs,
+  focus: emptyStateKnobs,
+  focusVisible: emptyStateKnobs
+};
+//# sourceMappingURL=knobs.native.js.map

package/dist/cjs/theme/knobs.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","knobs_exports","__export","BodyFont","BorderRadius","BorderWidth","BulkBarPlacement","CornerSmoothing","DisabledStyle","Elevation","FieldLabelPlacement","FillStyle","FontCategory","FontWeight","FormAutofocus","HeadingFont","PageTitleScale","RequiredMarking","SelectAllScope","TableZebra","TextAccent","TimestampStyle","defaultKnobs","emptyStateKnobs","interactionStates","normalizeAnimationKnob","module","exports","import_motionStops","require","Filled","Outlined","None","Small","Medium","Large","Full","Round","Smooth","Top","Side","Floating","Asterisk","Optional","Minority","On","Off","Bottom","Absolute","Relative","Page","Filtered","DimWhole","KeepLabel","Low","High","SansSerif","Serif","Mono","Slab","Rounded","Condensed","Cursive","Handwriting","Pixel","Blackletter","Geometric","Regular","Bold","Moderate","Display","motionStops","includes","fillStyle","borderRadius","cornerSmoothing","borderWidth","elevation","textAccent","headingFont","bodyFont","fontWeight","pageTitleScale","animation","fieldLabelPlacement","requiredMarking","tableZebra","bulkBarPlacement"],"sources":["../../../src/theme/knobs.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/theme/layoutTokens.cjs

@@ -0,0 +1,172 @@
+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 layoutTokens_exports = {};
+__export(layoutTokens_exports, {
+  DETAIL_READABLE_WIDTH: () => DETAIL_READABLE_WIDTH,
+  FORM_READABLE_WIDTH: () => FORM_READABLE_WIDTH,
+  FORM_READABLE_WIDTH_MAX: () => FORM_READABLE_WIDTH_MAX,
+  FORM_READABLE_WIDTH_MIN: () => FORM_READABLE_WIDTH_MIN,
+  LAYOUT_SIZE_CLASS_ORDER: () => LAYOUT_SIZE_CLASS_ORDER,
+  MIN_PRESS_TARGET: () => MIN_PRESS_TARGET,
+  NARROW_BREAKPOINT: () => NARROW_BREAKPOINT,
+  OVERLAY_ANCHOR_GAP: () => OVERLAY_ANCHOR_GAP,
+  OVERLAY_ATTACH_GAP: () => OVERLAY_ATTACH_GAP,
+  OVERLAY_BREAKPOINT: () => OVERLAY_BREAKPOINT,
+  READING_WIDTH_CH: () => READING_WIDTH_CH,
+  READING_WIDTH_MAX_CH: () => READING_WIDTH_MAX_CH,
+  READING_WIDTH_MIN_CH: () => READING_WIDTH_MIN_CH,
+  defaultMaxPanes: () => defaultMaxPanes,
+  getLayoutSizeClass: () => getLayoutSizeClass,
+  isTouchSurface: () => isTouchSurface,
+  layoutBreakpoints: () => layoutBreakpoints,
+  layoutSizeClassAtLeast: () => layoutSizeClassAtLeast,
+  pressTargetHitSlop: () => pressTargetHitSlop,
+  pressTargetStyle: () => pressTargetStyle,
+  readingWidthStyle: () => readingWidthStyle,
+  useLayoutSizeClass: () => useLayoutSizeClass,
+  useMultiPane: () => useMultiPane,
+  useSemanticGaps: () => useSemanticGaps
+});
+module.exports = __toCommonJS(layoutTokens_exports);
+var import_platform = require("@multiplatform.one/platform");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_useResolvedKnobs = require("./useResolvedKnobs.cjs");
+const layoutBreakpoints = {
+  /** Tamagui `$xxs`. Smallest phones. */
+  xxs: 340,
+  /** Tamagui `$xs`. */
+  xs: 460,
+  /**
+   * End of compact / DeskShell narrow drawer threshold (Tamagui `$sm`).
+   * Also the overlay sheet↔float pivot and the DataTable card↔grid pivot —
+   * one idiom flip per viewport (MPO-13 C5).
+   */
+  medium: 640,
+  /**
+   * Tamagui `$md` — the width `<Adapt when="maxMd">` pivots on. Whether the
+   * overlay pivot should MOVE here from `medium`, and `expanded` be deleted,
+   * is the open half of X11; it decides together with GL-47 / MPO-21, so it
+   * is not decided here. Naming it costs nothing and is what lets that
+   * question be asked in code.
+   */
+  md: 768,
+  /** Two-pane budget threshold (~M3 expanded 840). Not an overlay pivot. */
+  expanded: 860,
+  /** Tamagui `$lg`. */
+  large: 1024,
+  /** Tamagui `$xl`. */
+  xl: 1280,
+  /** Tamagui `$xxl`. */
+  xxl: 1536
+};
+const OVERLAY_BREAKPOINT = layoutBreakpoints.medium;
+const NARROW_BREAKPOINT = layoutBreakpoints.medium;
+const LAYOUT_SIZE_CLASS_ORDER = ["compact", "medium", "expanded", "large", "xl"];
+function getLayoutSizeClass(width) {
+  if (width >= layoutBreakpoints.xl) return "xl";
+  if (width >= layoutBreakpoints.large) return "large";
+  if (width >= layoutBreakpoints.expanded) return "expanded";
+  if (width >= layoutBreakpoints.medium) return "medium";
+  return "compact";
+}
+function defaultMaxPanes(sizeClass) {
+  return sizeClass === "compact" || sizeClass === "medium" ? 1 : 2;
+}
+function layoutSizeClassAtLeast(current, minimum) {
+  return LAYOUT_SIZE_CLASS_ORDER.indexOf(current) >= LAYOUT_SIZE_CLASS_ORDER.indexOf(minimum);
+}
+function readViewportWidth() {
+  if (typeof window === "undefined") return layoutBreakpoints.medium;
+  return window.innerWidth;
+}
+function subscribeViewportSizeClass(onChange) {
+  if (!import_tamagui.isWeb || typeof window === "undefined") return () => {};
+  const queries = [layoutBreakpoints.xl, layoutBreakpoints.large, layoutBreakpoints.expanded, layoutBreakpoints.medium].map(width => window.matchMedia(`(min-width: ${width}px)`));
+  for (const mq of queries) mq.addEventListener("change", onChange);
+  return () => {
+    for (const mq of queries) mq.removeEventListener("change", onChange);
+  };
+}
+function viewportSizeClass() {
+  return getLayoutSizeClass(readViewportWidth());
+}
+function serverViewportSizeClass() {
+  return getLayoutSizeClass(layoutBreakpoints.medium);
+}
+function useLayoutSizeClass() {
+  const nativeWidth = (0, import_tamagui.useWindowDimensions)().width;
+  const webSizeClass = (0, import_react.useSyncExternalStore)(subscribeViewportSizeClass, viewportSizeClass, serverViewportSizeClass);
+  return import_tamagui.isWeb ? webSizeClass : getLayoutSizeClass(nativeWidth);
+}
+function useMultiPane(maxPanes) {
+  const sizeClass = useLayoutSizeClass();
+  const budget = maxPanes ?? defaultMaxPanes(sizeClass);
+  return budget >= 2 && defaultMaxPanes(sizeClass) >= 2;
+}
+const READING_WIDTH_CH = 70;
+const READING_WIDTH_MIN_CH = 65;
+const READING_WIDTH_MAX_CH = 75;
+function readingWidthStyle(measure = READING_WIDTH_CH) {
+  if (measure === "none" || measure === null) return {};
+  const ch = Math.min(READING_WIDTH_MAX_CH, Math.max(READING_WIDTH_MIN_CH, measure));
+  return {
+    maxWidth: `${ch}ch`,
+    width: "100%"
+  };
+}
+const FORM_READABLE_WIDTH = 560;
+const FORM_READABLE_WIDTH_MIN = 480;
+const FORM_READABLE_WIDTH_MAX = 640;
+const DETAIL_READABLE_WIDTH = 720;
+const MIN_PRESS_TARGET = 44;
+function isTouchSurface() {
+  return import_platform.isTouchable || import_platform.isWebTouchable;
+}
+function pressTargetStyle(size = MIN_PRESS_TARGET) {
+  return {
+    minWidth: size,
+    minHeight: size
+  };
+}
+function pressTargetHitSlop(visualSize, min = MIN_PRESS_TARGET) {
+  const pad = Math.max(0, Math.ceil((min - visualSize) / 2));
+  return {
+    top: pad,
+    bottom: pad,
+    left: pad,
+    right: pad
+  };
+}
+const OVERLAY_ANCHOR_GAP = 4;
+const OVERLAY_ATTACH_GAP = 0;
+function useSemanticGaps() {
+  const {
+    knobProps
+  } = (0, import_useResolvedKnobs.useResolvedKnobs)();
+  return {
+    tight: knobProps.gapSm,
+    withinGroup: knobProps.gap,
+    betweenGroups: knobProps.gapLg
+  };
+}