@multiplatform.one/theme 7.83.0 → 7.83.2

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

@@ -0,0 +1,37 @@
+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"
+    }
+  }
+};
+export { defaultIntents };
+//# sourceMappingURL=intents.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["defaultIntents","accent","fillStyle","textAccent","Button","error","elevation","Input","borderWidth","warning"],"sources":["../../../src/theme/intents.ts"],"sourcesContent":[null],"mappings":"AAKO,IAAAA,cAAM;EACXC,MAAA,EAAQ;IACNC,SAAA,EAAW;IACXC,UAAA,EAAY;IACZC,MAAA,EAAQ;MACVF,SAAA;IACA;EAAO;EACOG,KACZ;IACAF,UAAS;IACXC,MAAA;MACAF,SAAS;MACPI,SAAA,EAAY;IACZ;IACAC,KAAA,EAAO;MACTC,WAAA;IACA;EAAS;EACKC,OACZ;IACFN,UAAA;IACFC,MAAA","ignoreList":[]}

package/dist/esm/theme/knobs.mjs

@@ -0,0 +1,125 @@
+import { motionStops } from "./motionStops.mjs";
+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" || 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
+};
+export { BodyFont, BorderRadius, BorderWidth, BulkBarPlacement, CornerSmoothing, DisabledStyle, Elevation, FieldLabelPlacement, FillStyle, FontCategory, FontWeight, FormAutofocus, HeadingFont, PageTitleScale, RequiredMarking, SelectAllScope, TableZebra, TextAccent, TimestampStyle, defaultKnobs, emptyStateKnobs, interactionStates, normalizeAnimationKnob };
+//# sourceMappingURL=knobs.mjs.map

package/dist/esm/theme/knobs.mjs.map

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

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

@@ -0,0 +1,125 @@
+import { motionStops } from "./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" || 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
+};
+export { BodyFont, BorderRadius, BorderWidth, BulkBarPlacement, CornerSmoothing, DisabledStyle, Elevation, FieldLabelPlacement, FillStyle, FontCategory, FontWeight, FormAutofocus, HeadingFont, PageTitleScale, RequiredMarking, SelectAllScope, TableZebra, TextAccent, TimestampStyle, defaultKnobs, emptyStateKnobs, interactionStates, normalizeAnimationKnob };
+//# sourceMappingURL=knobs.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["motionStops","FillStyle","Filled","Outlined","BorderRadius","None","Small","Medium","Large","Full","CornerSmoothing","Round","Smooth","BorderWidth","Elevation","FieldLabelPlacement","Top","Side","Floating","RequiredMarking","Asterisk","Optional","Minority","TableZebra","On","Off","BulkBarPlacement","Bottom","TimestampStyle","Absolute","Relative","SelectAllScope","Page","Filtered","DisabledStyle","DimWhole","KeepLabel","FormAutofocus","TextAccent","Low","High","FontCategory","SansSerif","Serif","Mono","Slab","Rounded","Condensed","Cursive","Handwriting","Pixel","Blackletter","Geometric","HeadingFont","BodyFont","FontWeight","Regular","Bold","PageTitleScale","Moderate","Display","normalizeAnimationKnob","value","includes","interactionStates","emptyStateKnobs","defaultKnobs","fillStyle","borderRadius","cornerSmoothing","borderWidth","elevation","textAccent","headingFont","bodyFont","fontWeight","pageTitleScale","animation","fieldLabelPlacement","requiredMarking","tableZebra","bulkBarPlacement","selectAllScope"],"sources":["../../../src/theme/knobs.ts"],"sourcesContent":[null],"mappings":"AA0LA,SAASA,WAAA,QAAoC;AAvLtC,IAAAC,SAAM;EAWNC,MAAM;EACXC,QAAM;AAAA;AACC,IACPC,YAAQ;EACRC,IAAA,QAAO;EACPC,KAAA,EAAM;EACRC,MAAA;EAeOC,KAAM;EACXC,IAAA;AAAO;AAET,IAAAC,eAAA;EAGOC,KAAM;EACXC,MAAM;AAAA;AACC,IACPC,WAAQ;EACRR,IAAA,QAAO;EACTC,KAAA;EAGOC,MAAM,UAAY;EACvBC,KAAA,EAAM;AAAA;AACC,IACPM,SAAQ;EACRT,IAAA,QAAO;EACTC,KAAA;EAOOC,MAAM;EACXC,KAAK;AAAA;AACC,IACNO,mBAAU;EACZC,GAAA;EAOOC,IAAM;EACXC,QAAA,EAAU;AAAA;AACA,IACVC,eAAU;EACZC,QAAA;EAIOC,QAAM,YAAa;EACxBC,QAAI;AAAA;AAEN,IAAAC,UAAA;EAIOC,EAAA,EAAM;EACXC,GAAA,EAAK;AAAA;AAEP,IAAAC,gBAAA;EAOOV,GAAA,EAAM;EACXW,MAAA;AAAU;AAEZ,IAAAC,cAAA;EAOOC,QAAM;EACXC,QAAM;AAAA;AAER,IAAAC,cAAA;EAUOC,IAAM;EACXC,QAAA,EAAU;AAAA;AAEZ,IAAAC,aAAA;EAIOC,QAAM,YAAgB;EAC3BC,SAAI;AAAA;AAEN,IAAAC,aAAA;EAKOb,EAAA,EAAM;EACXC,GAAA,EAAK;AAAA;AACG,IACRa,UAAM;EACRC,GAAA;EAKOhC,MAAM;EACXiC,IAAA;AAAW;AACJ,IACPC,YAAM;EACNC,SAAM;EACNC,KAAA,SAAS;EACTC,IAAA,QAAW;EACXC,IAAA,QAAS;EACTC,OAAA,WAAa;EACbC,SAAO;EACPC,OAAA,WAAa;EACbC,WAAW;EACbC,KAAA;EAGOC,WAAM,eAAc;EAGpBC,SAAM;AAGN;AAAmB,IACxBC,WAAS,GAAAZ,YAAA;AAAA,IACTa,QAAM,GAAAb,YAAA;AACR,IAAAc,UAAA;EAUOC,OAAM;EACXC,IAAA;AAAU;AAEZ,IAAAC,cAAA;EASOC,QAAS;EACdC,OAAI;AACJ;AACA,SAAIC,sBAAoBA,CAAAC,KAAO;EAC/B,IAAAA,KAAO,eAAA9D,WAAA,CAAA+D,QAAA,CAAAD,KAAA,UAAAA,KAAA;EACT,IAAAA,KAAA,kBAAAA,KAAA;EAgBO,IAAMA,KAAA,eAAoB,OAAC,UAAS;EAsDpC,OAAM;AAEN;AAA4B,IACjCE,iBAAW,IACX,SACA,SACA,SACA,cAAW;AACC,IACZC,eAAa;AAAA,IACbC,YAAU;EACVC,SAAA,UAAY;EACZC,YAAA,UAAgB;EAChBC,eAAW;EACXC,WAAA,UAAqB;EACrBC,SAAA,SAAiB;EACjBC,UAAA,EAAY;EACZC,WAAA,cAAkB;EAClBC,QAAA,cAAgB;EAChBC,UAAA,WAAgB;EAChBC,cAAA,EAAe;EACfC,SAAA,SAAe;EACfC,mBAAO;EACPC,eAAO;EACPC,UAAO;EACPC,gBAAc;EAChBC,cAAA","ignoreList":[]}

package/dist/esm/theme/layoutTokens.mjs

@@ -0,0 +1,124 @@
+import { isTouchable, isWebTouchable } from "@multiplatform.one/platform";
+import { useSyncExternalStore } from "react";
+import { isWeb, useWindowDimensions } from "tamagui";
+import { useResolvedKnobs } from "./useResolvedKnobs.mjs";
+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 (!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 = useWindowDimensions().width;
+  const webSizeClass = useSyncExternalStore(subscribeViewportSizeClass, viewportSizeClass, serverViewportSizeClass);
+  return 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 isTouchable || 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
+  } = useResolvedKnobs();
+  return {
+    tight: knobProps.gapSm,
+    withinGroup: knobProps.gap,
+    betweenGroups: knobProps.gapLg
+  };
+}
+export { DETAIL_READABLE_WIDTH, FORM_READABLE_WIDTH, FORM_READABLE_WIDTH_MAX, FORM_READABLE_WIDTH_MIN, LAYOUT_SIZE_CLASS_ORDER, MIN_PRESS_TARGET, NARROW_BREAKPOINT, OVERLAY_ANCHOR_GAP, OVERLAY_ATTACH_GAP, OVERLAY_BREAKPOINT, READING_WIDTH_CH, READING_WIDTH_MAX_CH, READING_WIDTH_MIN_CH, defaultMaxPanes, getLayoutSizeClass, isTouchSurface, layoutBreakpoints, layoutSizeClassAtLeast, pressTargetHitSlop, pressTargetStyle, readingWidthStyle, useLayoutSizeClass, useMultiPane, useSemanticGaps };
+//# sourceMappingURL=layoutTokens.mjs.map

package/dist/esm/theme/layoutTokens.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["isTouchable","isWebTouchable","useSyncExternalStore","isWeb","useWindowDimensions","useResolvedKnobs","layoutBreakpoints","xxs","xs","medium","md","expanded","large","xl","xxl","OVERLAY_BREAKPOINT","NARROW_BREAKPOINT","LAYOUT_SIZE_CLASS_ORDER","getLayoutSizeClass","width","defaultMaxPanes","sizeClass","layoutSizeClassAtLeast","current","minimum","indexOf","readViewportWidth","window","innerWidth","subscribeViewportSizeClass","onChange","queries","map","matchMedia","mq","addEventListener","removeEventListener","viewportSizeClass","serverViewportSizeClass","useLayoutSizeClass","nativeWidth","webSizeClass","useMultiPane","maxPanes","budget","READING_WIDTH_CH","READING_WIDTH_MIN_CH","READING_WIDTH_MAX_CH","readingWidthStyle","measure","ch","Math","min","max","maxWidth","FORM_READABLE_WIDTH","FORM_READABLE_WIDTH_MIN","FORM_READABLE_WIDTH_MAX","DETAIL_READABLE_WIDTH","MIN_PRESS_TARGET","isTouchSurface","pressTargetStyle","size","minWidth","minHeight","pressTargetHitSlop","visualSize","pad","ceil","top","bottom","left","right","OVERLAY_ANCHOR_GAP","OVERLAY_ATTACH_GAP","useSemanticGaps","knobProps","tight","gapSm","withinGroup","gap","betweenGroups","gapLg"],"sources":["../../../src/theme/layoutTokens.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/theme/layoutTokens.native.js

@@ -0,0 +1,171 @@
+import { isTouchable, isWebTouchable } from "@multiplatform.one/platform";
+import { useSyncExternalStore } from "react";
+import { isWeb, useWindowDimensions } from "tamagui";
+import { useResolvedKnobs } from "./useResolvedKnobs.native.js";
+var 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
+};
+var OVERLAY_BREAKPOINT = layoutBreakpoints.medium;
+var NARROW_BREAKPOINT = layoutBreakpoints.medium;
+var 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 (!isWeb || typeof window === "undefined") return function () {};
+  var queries = [layoutBreakpoints.xl, layoutBreakpoints.large, layoutBreakpoints.expanded, layoutBreakpoints.medium].map(function (width) {
+    return window.matchMedia(`(min-width: ${width}px)`);
+  });
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = queries[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var mq = _step.value;
+      mq.addEventListener("change", onChange);
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return function () {
+    var _iteratorNormalCompletion2 = true,
+      _didIteratorError2 = false,
+      _iteratorError2 = void 0;
+    try {
+      for (var _iterator2 = queries[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+        var mq2 = _step2.value;
+        mq2.removeEventListener("change", onChange);
+      }
+    } catch (err) {
+      _didIteratorError2 = true;
+      _iteratorError2 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+          _iterator2.return();
+        }
+      } finally {
+        if (_didIteratorError2) {
+          throw _iteratorError2;
+        }
+      }
+    }
+  };
+}
+function viewportSizeClass() {
+  return getLayoutSizeClass(readViewportWidth());
+}
+function serverViewportSizeClass() {
+  return getLayoutSizeClass(layoutBreakpoints.medium);
+}
+function useLayoutSizeClass() {
+  var nativeWidth = useWindowDimensions().width;
+  var webSizeClass = useSyncExternalStore(subscribeViewportSizeClass, viewportSizeClass, serverViewportSizeClass);
+  return isWeb ? webSizeClass : getLayoutSizeClass(nativeWidth);
+}
+function useMultiPane(maxPanes) {
+  var sizeClass = useLayoutSizeClass();
+  var budget = maxPanes !== null && maxPanes !== void 0 ? maxPanes : defaultMaxPanes(sizeClass);
+  return budget >= 2 && defaultMaxPanes(sizeClass) >= 2;
+}
+var READING_WIDTH_CH = 70;
+var READING_WIDTH_MIN_CH = 65;
+var READING_WIDTH_MAX_CH = 75;
+function readingWidthStyle() {
+  var measure = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : READING_WIDTH_CH;
+  if (measure === "none" || measure === null) return {};
+  var ch = Math.min(READING_WIDTH_MAX_CH, Math.max(READING_WIDTH_MIN_CH, measure));
+  return {
+    maxWidth: `${ch}ch`,
+    width: "100%"
+  };
+}
+var FORM_READABLE_WIDTH = 560;
+var FORM_READABLE_WIDTH_MIN = 480;
+var FORM_READABLE_WIDTH_MAX = 640;
+var DETAIL_READABLE_WIDTH = 720;
+var MIN_PRESS_TARGET = 44;
+function isTouchSurface() {
+  return isTouchable || isWebTouchable;
+}
+function pressTargetStyle() {
+  var size = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : MIN_PRESS_TARGET;
+  return {
+    minWidth: size,
+    minHeight: size
+  };
+}
+function pressTargetHitSlop(visualSize) {
+  var min = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : MIN_PRESS_TARGET;
+  var pad = Math.max(0, Math.ceil((min - visualSize) / 2));
+  return {
+    top: pad,
+    bottom: pad,
+    left: pad,
+    right: pad
+  };
+}
+var OVERLAY_ANCHOR_GAP = 4;
+var OVERLAY_ATTACH_GAP = 0;
+function useSemanticGaps() {
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return {
+    tight: knobProps.gapSm,
+    withinGroup: knobProps.gap,
+    betweenGroups: knobProps.gapLg
+  };
+}
+export { DETAIL_READABLE_WIDTH, FORM_READABLE_WIDTH, FORM_READABLE_WIDTH_MAX, FORM_READABLE_WIDTH_MIN, LAYOUT_SIZE_CLASS_ORDER, MIN_PRESS_TARGET, NARROW_BREAKPOINT, OVERLAY_ANCHOR_GAP, OVERLAY_ATTACH_GAP, OVERLAY_BREAKPOINT, READING_WIDTH_CH, READING_WIDTH_MAX_CH, READING_WIDTH_MIN_CH, defaultMaxPanes, getLayoutSizeClass, isTouchSurface, layoutBreakpoints, layoutSizeClassAtLeast, pressTargetHitSlop, pressTargetStyle, readingWidthStyle, useLayoutSizeClass, useMultiPane, useSemanticGaps };
+//# sourceMappingURL=layoutTokens.native.js.map

package/dist/esm/theme/layoutTokens.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isTouchable","isWebTouchable","useSyncExternalStore","isWeb","useWindowDimensions","useResolvedKnobs","layoutBreakpoints","xxs","xs","medium","md","expanded","large","xl","xxl","OVERLAY_BREAKPOINT","NARROW_BREAKPOINT","LAYOUT_SIZE_CLASS_ORDER","getLayoutSizeClass","width","defaultMaxPanes","sizeClass","layoutSizeClassAtLeast","current","minimum","indexOf","readViewportWidth","window","innerWidth","subscribeViewportSizeClass","onChange","queries","map","matchMedia","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","mq","value","addEventListener","err","return","_iteratorNormalCompletion2","_didIteratorError2","_iteratorError2","_iterator2","_step2","mq2","removeEventListener","viewportSizeClass","serverViewportSizeClass","useLayoutSizeClass","nativeWidth","webSizeClass","useMultiPane","maxPanes"],"sources":["../../../src/theme/layoutTokens.ts"],"sourcesContent":[null],"mappings":"AAiCA,SAASA,WAAA,EAAaC,cAAA,QAAsB;AAC5C,SAASC,oBAAA,QAA4B;AACrC,SAASC,KAAA,EAAOC,mBAAA,QAA2B;AAC3C,SAASC,gBAAA,QAAwB;AAmB1B,IAAAC,iBAAM;EAAoB;EAE/BC,GAAA,EAAK;EAAA;EAELC,EAAA,EAAI;EAAA;AAAA;AAAA;AAAA;AAAA;EAMJC,MAAA,EAAQ;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQRC,EAAA,EAAI;EAAA;EAEJC,QAAA,EAAU;EAAA;EAEVC,KAAA,EAAO;EAAA;EAEPC,EAAA,EAAI;EAAA;EAEJC,GAAA,EAAK;AACP;AAcO,IAAAC,kBAAM,GAAAT,iBAAqB,CAAAG,MAAkB;AAG7C,IAAAO,iBAAM,GAAAV,iBAAoB,CAAAG,MAAkB;AAE5C,IAAAQ,uBAAM,IACX,WACA,UACA,YACA,SACA,KACF;AAGO,SAASC,mBAAmBC,KAAA,EAAgC;EACjE,IAAIA,KAAA,IAASb,iBAAA,CAAkBO,EAAA,EAAI,OAAO;EAC1C,IAAIM,KAAA,IAASb,iBAAA,CAAkBM,KAAA,EAAO,OAAO;EAC7C,IAAIO,KAAA,IAASb,iBAAA,CAAkBK,QAAA,EAAU,OAAO;EAChD,IAAIQ,KAAA,IAASb,iBAAA,CAAkBG,MAAA,EAAQ,OAAO;EAC9C,OAAO;AACT;AAGO,SAASW,gBAAgBC,SAAA,EAAmC;EACjE,OAAOA,SAAA,KAAc,aAAaA,SAAA,KAAc,WAAW,IAAI;AACjE;AAEO,SAASC,uBACdC,OAAA,EACAC,OAAA,EACS;EACT,OAAOP,uBAAA,CAAwBQ,OAAA,CAAQF,OAAO,KAAKN,uBAAA,CAAwBQ,OAAA,CAAQD,OAAO;AAC5F;AAGA,SAASE,kBAAA,EAA4B;EACnC,IAAI,OAAOC,MAAA,KAAW,aAAa,OAAOrB,iBAAA,CAAkBG,MAAA;EAC5D,OAAOkB,MAAA,CAAOC,UAAA;AAChB;AAEA,SAASC,2BAA2BC,QAAA,EAAkC;EACpE,IAAI,CAAC3B,KAAA,IAAS,OAAOwB,MAAA,KAAW,aAAa,OAAO,YAAM,CAAC;EAC3D,IAAAI,OAAM,IACJzB,iBAAA,CAAkBO,EAAA,EAClBP,iBAAA,CAAkBM,KAAA,EAClBN,iBAAA,CAAkBK,QAAA,EAClBL,iBAAA,CAAkBG,MAAA,CACpB,CAAEuB,GAAA,CAAI,UAACb,KAAU;IACjB,OAAAQ,MAAW,CAAAM,UAAe,gBAAGd,KAAiB;EAC9C;EACE,IAAAe,yBAA0B,GAAG;IAAAC,iBAAoB,QAAU;IAAAC,cAAQ;EACrE;IACF,SAAAC,SAAA,GAAAN,OAAA,CAAAO,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MAEA,IAASS,EAAA,GAAAH,KAAA,CAAAI,KAAA;MACPD,EAAA,CAAOE,gBAAA,SAAmB,EAAAf,QAAA;IAC5B;EAEA,SAASgB,GAAA;IACPX,iBAAO,OAAmB;IAC5BC,cAAA,GAAAU,GAAA;EAaO,UAAS;IACd,IAAM;MACN,IAAM,CAAAZ,yBAAe,IAAAG,SAAA,CAAAU,MAAA;QACnBV,SAAA,CAAAU,MAAA;MACA;IACA;MACF,IAAAZ,iBAAA;QACA,MAAOC,cAAQ;MACjB;IAGO;EACL;EACA,OAAM,YAAS;IACf,IAAAY,0BAAsB,OAAgB;MAAAC,kBAAc;MAAAC,eAAA;IACtD;MAKa,SAAAC,UAAmB,GAAApB,OAAA,CAAAO,MAAA,CAAAC,QAAA,KAAAa,MAAA,IAAAJ,0BAAA,IAAAI,MAAA,GAAAD,UAAA,CAAAV,IAAA,IAAAC,IAAA,GAAAM,0BAAA;QACnB,IAAAK,GAAA,GAAAD,MAAA,CAAAR,KAAuB;QACvBS,GAAA,CAAAC,mBAAuB,WAAAxB,QAAA;MAQ7B;IAGL,EAAI,OAAAgB,GAAA,EAAY;MAChBG,kBAAoB;MACpBC,eAAmB,GAAGJ,GAAE;IAC1B;MASa;QACA,KAAAE,0BAA0B,IAAAG,UAAA,CAAAJ,MAAA;UAC1BI,UAAA,CAAAJ,MAAA;QAUA;MAKA;QAGN,IAASE,kBAA0B;UACjC,MAAAC,eAAe;QACxB;MAOO;IACL;EACF;AAUO;AAIL,SAAMK,iBAAkBA,CAAA;EACxB,OAAOrC,kBAAY,CAAAQ,iBAAwB;AAC7C;AAuBO,SAAM8B,uBAAqBA,CAAA;EAiB3B,OAAMtC,kBAAqB,CAAAZ,iBAAA,CAAAG,MAAA;AAS3B;AAKL,SAAMgD,kBAAgBA,CAAA;EACtB,IAAAC,WAAO,GAAAtD,mBAAA,GAAAe,KAAA;EAAA,IACLwC,YAAO,GAAUzD,oBAAA,CAAA2B,0BAAA,EAAA0B,iBAAA,EAAAC,uBAAA;EAAA,OACjBrD,KAAA,GAAawD,YAAU,GAAAzC,kBAAA,CAAAwC,WAAA;AAAA;AACE,SAC3BE,aAAAC,QAAA;EACF,IAAAxC,SAAA,GAAAoC,kBAAA","ignoreList":[]}

package/dist/esm/theme/listRows.mjs

@@ -0,0 +1,17 @@
+import { sizeRecipeForToken } from "./sizeRecipes.mjs";
+function listHeightForRows(rows, rowPitch, separator = 0) {
+  const count = Math.max(0, Math.floor(rows));
+  return count * rowPitch + Math.max(count - 1, 0) * separator;
+}
+function rowsInListHeight(height, rowPitch, separator = 0) {
+  return rowPitch > 0 ? Math.floor((height + separator) / (rowPitch + separator)) : 0;
+}
+function menuListHeight(rows, sizeToken, options) {
+  const pitch = sizeRecipeForToken(sizeToken, {
+    touch: options?.touch,
+    family: "menuRow"
+  }).height;
+  return listHeightForRows(rows, pitch);
+}
+export { listHeightForRows, menuListHeight, rowsInListHeight };
+//# sourceMappingURL=listRows.mjs.map

package/dist/esm/theme/listRows.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["sizeRecipeForToken","listHeightForRows","rows","rowPitch","separator","count","Math","max","floor","rowsInListHeight","height","menuListHeight","sizeToken","options","pitch","touch","family"],"sources":["../../../src/theme/listRows.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,kBAAA,QAA0B;AAO5B,SAASC,kBAAkBC,IAAA,EAAcC,QAAA,EAAkBC,SAAA,GAAY,GAAW;EACvF,MAAMC,KAAA,GAAQC,IAAA,CAAKC,GAAA,CAAI,GAAGD,IAAA,CAAKE,KAAA,CAAMN,IAAI,CAAC;EAC1C,OAAOG,KAAA,GAAQF,QAAA,GAAWG,IAAA,CAAKC,GAAA,CAAIF,KAAA,GAAQ,GAAG,CAAC,IAAID,SAAA;AACrD;AAGO,SAASK,iBAAiBC,MAAA,EAAgBP,QAAA,EAAkBC,SAAA,GAAY,GAAW;EACxF,OAAOD,QAAA,GAAW,IAAIG,IAAA,CAAKE,KAAA,EAAOE,MAAA,GAASN,SAAA,KAAcD,QAAA,GAAWC,SAAA,CAAU,IAAI;AACpF;AAGO,SAASO,eAAeT,IAAA,EAAcU,SAAA,EAAmBC,OAAA,EAA+B;EAC7F,MAAMC,KAAA,GAAQd,kBAAA,CAAmBY,SAAA,EAAW;IAAEG,KAAA,EAAOF,OAAA,EAASE,KAAA;IAAOC,MAAA,EAAQ;EAAU,CAAC,EAAEN,MAAA;EAC1F,OAAOT,iBAAA,CAAkBC,IAAA,EAAMY,KAAK;AACtC","ignoreList":[]}

package/dist/esm/theme/listRows.native.js

@@ -0,0 +1,19 @@
+import { sizeRecipeForToken } from "./sizeRecipes.native.js";
+function listHeightForRows(rows, rowPitch) {
+  var separator = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
+  var count = Math.max(0, Math.floor(rows));
+  return count * rowPitch + Math.max(count - 1, 0) * separator;
+}
+function rowsInListHeight(height, rowPitch) {
+  var separator = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
+  return rowPitch > 0 ? Math.floor((height + separator) / (rowPitch + separator)) : 0;
+}
+function menuListHeight(rows, sizeToken, options) {
+  var pitch = sizeRecipeForToken(sizeToken, {
+    touch: options === null || options === void 0 ? void 0 : options.touch,
+    family: "menuRow"
+  }).height;
+  return listHeightForRows(rows, pitch);
+}
+export { listHeightForRows, menuListHeight, rowsInListHeight };
+//# sourceMappingURL=listRows.native.js.map