@multiplatform.one/theme 7.90.5 → 8.0.0

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

@@ -34,8 +34,7 @@ __export(Surface_exports, {
   surfaceSizeRank: () => surfaceSizeRank,
   useBarSurface: () => useBarSurface,
   useElevatedSurface: () => useElevatedSurface,
-  useFieldSurface: () => useFieldSurface,
-  useTopBarSurface: () => useTopBarSurface
+  useFieldSurface: () => useFieldSurface
 });
 module.exports = __toCommonJS(Surface_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -48,8 +47,7 @@ var SurfaceContext = (0, import_tamagui.createStyledContext)({
   painted: false,
   bar: false,
   elevated: false,
-  field: false,
-  topBar: false
+  field: false
 });
 function useBarSurface() {
   var _SurfaceContext_useStyledContext_bar;
@@ -59,10 +57,6 @@ function useFieldSurface() {
   var _SurfaceContext_useStyledContext_field;
   return (_SurfaceContext_useStyledContext_field = SurfaceContext.useStyledContext().field) !== null && _SurfaceContext_useStyledContext_field !== void 0 ? _SurfaceContext_useStyledContext_field : false;
 }
-function useTopBarSurface() {
-  var _SurfaceContext_useStyledContext_topBar;
-  return (_SurfaceContext_useStyledContext_topBar = SurfaceContext.useStyledContext().topBar) !== null && _SurfaceContext_useStyledContext_topBar !== void 0 ? _SurfaceContext_useStyledContext_topBar : false;
-}
 function useElevatedSurface() {
   var _SurfaceContext_useStyledContext_elevated;
   return (_SurfaceContext_useStyledContext_elevated = SurfaceContext.useStyledContext().elevated) !== null && _SurfaceContext_useStyledContext_elevated !== void 0 ? _SurfaceContext_useStyledContext_elevated : false;
@@ -108,24 +102,21 @@ function Surface(param) {
     bar,
     elevated,
     field,
-    topBar,
     children
   } = param;
-  var _ref, _parent_bar, _parent_elevated, _parent_field, _parent_topBar;
+  var _ref, _parent_bar, _parent_elevated, _parent_field;
   var parent = SurfaceContext.useStyledContext();
   var nextSize = clampSurfaceSize(size !== null && size !== void 0 ? size : "unset", parent.size);
   var nextPainted = (_ref = painted !== null && painted !== void 0 ? painted : parent.painted) !== null && _ref !== void 0 ? _ref : false;
   var nextBar = bar !== null && bar !== void 0 ? bar : painted === void 0 ? (_parent_bar = parent.bar) !== null && _parent_bar !== void 0 ? _parent_bar : false : false;
   var nextElevated = elevated !== null && elevated !== void 0 ? elevated : painted === void 0 ? (_parent_elevated = parent.elevated) !== null && _parent_elevated !== void 0 ? _parent_elevated : false : false;
   var nextField = field !== null && field !== void 0 ? field : painted === void 0 ? (_parent_field = parent.field) !== null && _parent_field !== void 0 ? _parent_field : false : false;
-  var nextTopBar = topBar !== null && topBar !== void 0 ? topBar : painted === void 0 && bar === void 0 ? (_parent_topBar = parent.topBar) !== null && _parent_topBar !== void 0 ? _parent_topBar : false : false;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SurfaceContext.Provider, {
     size: nextSize,
     painted: nextPainted,
     bar: nextBar,
     elevated: nextElevated,
     field: nextField,
-    topBar: nextTopBar,
     children: painted === void 0 ? children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_pageGutter.PageGutter, {
       inset: null,
       children

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Surface_exports","__export","Surface","SurfaceContext","clampSurfaceSize","compareSizeTokens","sizeTokenBelow","sizeTokenStep","sizeTokenStop","surfaceSizeRank","useBarSurface","useElevatedSurface","useFieldSurface","useTopBarSurface","module","exports","import_jsx_runtime","require","import_tamagui","import_pageGutter","import_scaleInputs","_sizeKeyRank_get","createStyledContext","size","painted","bar","elevated","field","topBar","_SurfaceContext_useStyledContext_bar","useStyledContext","_SurfaceContext_useStyledContext_field","_SurfaceContext_useStyledContext_topBar","_SurfaceContext_useStyledContext_elevated","sizeKeyRank","Map","SIZE_KEYS","map","key","index","set","get","a","b","rankA","rankB","sizeToken","Math","sign","step","String","Number","replace","isFinite","max","ceil","requested","parent","requestedRank","parentRank","param","children","_ref","_parent_bar","_parent_elevated","_parent_field","_parent_topBar","nextSize","nextPainted","nextBar","nextElevated","nextField","nextTopBar","jsx","Provider","PageGutter"],"sources":["../../../src/theme/Surface.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Surface_exports","__export","Surface","SurfaceContext","clampSurfaceSize","compareSizeTokens","sizeTokenBelow","sizeTokenStep","sizeTokenStop","surfaceSizeRank","useBarSurface","useElevatedSurface","useFieldSurface","module","exports","import_jsx_runtime","require","import_tamagui","import_pageGutter","import_scaleInputs","_sizeKeyRank_get","createStyledContext","size","painted","bar","elevated","field","_SurfaceContext_useStyledContext_bar","useStyledContext","_SurfaceContext_useStyledContext_field","_SurfaceContext_useStyledContext_elevated","sizeKeyRank","Map","SIZE_KEYS","map","key","index","set","get","a","b","rankA","rankB","sizeToken","Math","sign","step","String","Number","replace","isFinite","max","ceil","requested","parent","requestedRank","parentRank","param","children","_ref","_parent_bar","_parent_elevated","_parent_field","nextSize","nextPainted","nextBar","nextElevated","nextField","jsx","Provider","PageGutter"],"sources":["../../../src/theme/Surface.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/theme/devtools/ColorLineVisualizer.cjs

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all) __defProp(target, name, {
@@ -17,6 +19,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
@@ -25,10 +36,9 @@ __export(ColorLineVisualizer_exports, {
   ColorLineVisualizer: () => ColorLineVisualizer
 });
 module.exports = __toCommonJS(ColorLineVisualizer_exports);
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_colorRules = require("../colorRules.cjs");
 var import_vizConstants = require("./vizConstants.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
 function readColorsFromElement(el) {
   const style = getComputedStyle(el);
   const result = [];
@@ -95,78 +105,75 @@ function NumberLineRow({
   halfHeight
 }) {
   const h = halfHeight ? Math.round(import_vizConstants.cellSize / 2) : import_vizConstants.cellSize;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+  return /* @__PURE__ */import_react.default.createElement("div", {
     style: {
       display: "flex",
       gap: 0
-    },
-    children: Array.from({
-      length: 12
-    }, (_, i) => {
-      const step = i + 1;
-      const background = colorFor(step);
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-        style: {
-          width: import_vizConstants.cellSize,
-          height: h,
-          flexShrink: 0,
-          background,
-          color: (0, import_vizConstants.contrastTextFor)(background),
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          fontSize: halfHeight ? 9 : 11,
-          fontWeight: 700
-        },
-        title: `$color${step}`,
-        children: step
-      }, step);
-    })
-  });
+    }
+  }, Array.from({
+    length: 12
+  }, (_, i) => {
+    const step = i + 1;
+    const background = colorFor(step);
+    return /* @__PURE__ */import_react.default.createElement("div", {
+      key: step,
+      style: {
+        width: import_vizConstants.cellSize,
+        height: h,
+        flexShrink: 0,
+        background,
+        color: (0, import_vizConstants.contrastTextFor)(background),
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: halfHeight ? 9 : 11,
+        fontWeight: 700
+      },
+      title: `$color${step}`
+    }, step);
+  }));
 }
 function SemanticBrackets() {
   const totalWidth = 12 * import_vizConstants.cellSize;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+  return /* @__PURE__ */import_react.default.createElement("div", {
     style: {
       position: "relative",
       height: 24,
       width: totalWidth,
       marginBottom: 2
-    },
-    children: import_colorRules.semanticGroups.map(g => {
-      const leftPx = (g.from - 1) * import_vizConstants.cellSize;
-      const widthPx = (g.to - g.from + 1) * import_vizConstants.cellSize;
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
-        style: {
-          position: "absolute",
-          left: leftPx,
-          width: widthPx,
-          bottom: 0,
-          display: "flex",
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-          style: {
-            textAlign: "center",
-            fontSize: 9,
-            fontWeight: 600,
-            color: g.color,
-            lineHeight: 1.2,
-            whiteSpace: "nowrap"
-          },
-          children: g.label
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-          style: {
-            height: 6,
-            borderLeft: `2px solid ${g.color}`,
-            borderRight: `2px solid ${g.color}`,
-            borderTop: `2px solid ${g.color}`,
-            borderRadius: "3px 3px 0 0"
-          }
-        })]
-      }, g.key);
-    })
-  });
+    }
+  }, import_colorRules.semanticGroups.map(g => {
+    const leftPx = (g.from - 1) * import_vizConstants.cellSize;
+    const widthPx = (g.to - g.from + 1) * import_vizConstants.cellSize;
+    return /* @__PURE__ */import_react.default.createElement("div", {
+      key: g.key,
+      style: {
+        position: "absolute",
+        left: leftPx,
+        width: widthPx,
+        bottom: 0,
+        display: "flex",
+        flexDirection: "column"
+      }
+    }, /* @__PURE__ */import_react.default.createElement("div", {
+      style: {
+        textAlign: "center",
+        fontSize: 9,
+        fontWeight: 600,
+        color: g.color,
+        lineHeight: 1.2,
+        whiteSpace: "nowrap"
+      }
+    }, g.label), /* @__PURE__ */import_react.default.createElement("div", {
+      style: {
+        height: 6,
+        borderLeft: `2px solid ${g.color}`,
+        borderRight: `2px solid ${g.color}`,
+        borderTop: `2px solid ${g.color}`,
+        borderRadius: "3px 3px 0 0"
+      }
+    }));
+  }));
 }
 function createVizStyles(isDark) {
   const border = isDark ? "#333" : "#ddd";
@@ -214,30 +221,25 @@ function ColorLineVisualizer({
   const oppositeColors = propOppositeColors && propOppositeColors.length === 12 ? propOppositeColors : null;
   const accentColors = propAccentColors && propAccentColors.length === 12 ? propAccentColors : null;
   const oppositeAccentColors = propOppositeAccentColors && propOppositeAccentColors.length === 12 ? propOppositeAccentColors : null;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
-    style: styles.container,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-      style: styles.title,
-      children: "Theme"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SemanticBrackets, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NumberLineRow, {
-      colorFor
-    }), oppositeColors && /* @__PURE__ */(0, import_jsx_runtime.jsx)(NumberLineRow, {
-      colorFor: toColorFn(oppositeColors),
-      halfHeight: true
-    }), accentColors && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-        style: {
-          ...styles.title,
-          fontSize: 11,
-          marginTop: 6
-        },
-        children: "accent"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NumberLineRow, {
-        colorFor: toColorFn(accentColors)
-      }), oppositeAccentColors && /* @__PURE__ */(0, import_jsx_runtime.jsx)(NumberLineRow, {
-        colorFor: toColorFn(oppositeAccentColors),
-        halfHeight: true
-      })]
-    })]
-  });
+  return /* @__PURE__ */import_react.default.createElement("div", {
+    style: styles.container
+  }, /* @__PURE__ */import_react.default.createElement("div", {
+    style: styles.title
+  }, "Theme"), /* @__PURE__ */import_react.default.createElement(SemanticBrackets, null), /* @__PURE__ */import_react.default.createElement(NumberLineRow, {
+    colorFor
+  }), oppositeColors && /* @__PURE__ */import_react.default.createElement(NumberLineRow, {
+    colorFor: toColorFn(oppositeColors),
+    halfHeight: true
+  }), accentColors && /* @__PURE__ */import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */import_react.default.createElement("div", {
+    style: {
+      ...styles.title,
+      fontSize: 11,
+      marginTop: 6
+    }
+  }, "accent"), /* @__PURE__ */import_react.default.createElement(NumberLineRow, {
+    colorFor: toColorFn(accentColors)
+  }), oppositeAccentColors && /* @__PURE__ */import_react.default.createElement(NumberLineRow, {
+    colorFor: toColorFn(oppositeAccentColors),
+    halfHeight: true
+  })));
 }

package/dist/cjs/theme/devtools/ColorLineVisualizer.native.js

@@ -38,7 +38,6 @@ __export(ColorLineVisualizer_exports, {
   ColorLineVisualizer: () => ColorLineVisualizer
 });
 module.exports = __toCommonJS(ColorLineVisualizer_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_colorRules = require("../colorRules.native.js");
 var import_vizConstants = require("./vizConstants.native.js");
@@ -113,78 +112,75 @@ function NumberLineRow(param) {
     halfHeight
   } = param;
   var h = halfHeight ? Math.round(import_vizConstants.cellSize / 2) : import_vizConstants.cellSize;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+  return /* @__PURE__ */import_react.default.createElement("div", {
     style: {
       display: "flex",
       gap: 0
-    },
-    children: Array.from({
-      length: 12
-    }, function (_, i) {
-      var step = i + 1;
-      var background = colorFor(step);
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-        style: {
-          width: import_vizConstants.cellSize,
-          height: h,
-          flexShrink: 0,
-          background,
-          color: (0, import_vizConstants.contrastTextFor)(background),
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          fontSize: halfHeight ? 9 : 11,
-          fontWeight: 700
-        },
-        title: `$color${step}`,
-        children: step
-      }, step);
-    })
-  });
+    }
+  }, Array.from({
+    length: 12
+  }, function (_, i) {
+    var step = i + 1;
+    var background = colorFor(step);
+    return /* @__PURE__ */import_react.default.createElement("div", {
+      key: step,
+      style: {
+        width: import_vizConstants.cellSize,
+        height: h,
+        flexShrink: 0,
+        background,
+        color: (0, import_vizConstants.contrastTextFor)(background),
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: halfHeight ? 9 : 11,
+        fontWeight: 700
+      },
+      title: `$color${step}`
+    }, step);
+  }));
 }
 function SemanticBrackets() {
   var totalWidth = 12 * import_vizConstants.cellSize;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+  return /* @__PURE__ */import_react.default.createElement("div", {
     style: {
       position: "relative",
       height: 24,
       width: totalWidth,
       marginBottom: 2
-    },
-    children: import_colorRules.semanticGroups.map(function (g) {
-      var leftPx = (g.from - 1) * import_vizConstants.cellSize;
-      var widthPx = (g.to - g.from + 1) * import_vizConstants.cellSize;
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
-        style: {
-          position: "absolute",
-          left: leftPx,
-          width: widthPx,
-          bottom: 0,
-          display: "flex",
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-          style: {
-            textAlign: "center",
-            fontSize: 9,
-            fontWeight: 600,
-            color: g.color,
-            lineHeight: 1.2,
-            whiteSpace: "nowrap"
-          },
-          children: g.label
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-          style: {
-            height: 6,
-            borderLeft: `2px solid ${g.color}`,
-            borderRight: `2px solid ${g.color}`,
-            borderTop: `2px solid ${g.color}`,
-            borderRadius: "3px 3px 0 0"
-          }
-        })]
-      }, g.key);
-    })
-  });
+    }
+  }, import_colorRules.semanticGroups.map(function (g) {
+    var leftPx = (g.from - 1) * import_vizConstants.cellSize;
+    var widthPx = (g.to - g.from + 1) * import_vizConstants.cellSize;
+    return /* @__PURE__ */import_react.default.createElement("div", {
+      key: g.key,
+      style: {
+        position: "absolute",
+        left: leftPx,
+        width: widthPx,
+        bottom: 0,
+        display: "flex",
+        flexDirection: "column"
+      }
+    }, /* @__PURE__ */import_react.default.createElement("div", {
+      style: {
+        textAlign: "center",
+        fontSize: 9,
+        fontWeight: 600,
+        color: g.color,
+        lineHeight: 1.2,
+        whiteSpace: "nowrap"
+      }
+    }, g.label), /* @__PURE__ */import_react.default.createElement("div", {
+      style: {
+        height: 6,
+        borderLeft: `2px solid ${g.color}`,
+        borderRight: `2px solid ${g.color}`,
+        borderTop: `2px solid ${g.color}`,
+        borderRadius: "3px 3px 0 0"
+      }
+    }));
+  }));
 }
 function createVizStyles(isDark) {
   var border = isDark ? "#333" : "#ddd";
@@ -239,31 +235,26 @@ function ColorLineVisualizer(param) {
   var oppositeColors = propOppositeColors && propOppositeColors.length === 12 ? propOppositeColors : null;
   var accentColors = propAccentColors && propAccentColors.length === 12 ? propAccentColors : null;
   var oppositeAccentColors = propOppositeAccentColors && propOppositeAccentColors.length === 12 ? propOppositeAccentColors : null;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
-    style: styles.container,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-      style: styles.title,
-      children: "Theme"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SemanticBrackets, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NumberLineRow, {
-      colorFor
-    }), oppositeColors && /* @__PURE__ */(0, import_jsx_runtime.jsx)(NumberLineRow, {
-      colorFor: toColorFn(oppositeColors),
-      halfHeight: true
-    }), accentColors && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-        style: {
-          ...styles.title,
-          fontSize: 11,
-          marginTop: 6
-        },
-        children: "accent"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NumberLineRow, {
-        colorFor: toColorFn(accentColors)
-      }), oppositeAccentColors && /* @__PURE__ */(0, import_jsx_runtime.jsx)(NumberLineRow, {
-        colorFor: toColorFn(oppositeAccentColors),
-        halfHeight: true
-      })]
-    })]
-  });
+  return /* @__PURE__ */import_react.default.createElement("div", {
+    style: styles.container
+  }, /* @__PURE__ */import_react.default.createElement("div", {
+    style: styles.title
+  }, "Theme"), /* @__PURE__ */import_react.default.createElement(SemanticBrackets, null), /* @__PURE__ */import_react.default.createElement(NumberLineRow, {
+    colorFor
+  }), oppositeColors && /* @__PURE__ */import_react.default.createElement(NumberLineRow, {
+    colorFor: toColorFn(oppositeColors),
+    halfHeight: true
+  }), accentColors && /* @__PURE__ */import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */import_react.default.createElement("div", {
+    style: {
+      ...styles.title,
+      fontSize: 11,
+      marginTop: 6
+    }
+  }, "accent"), /* @__PURE__ */import_react.default.createElement(NumberLineRow, {
+    colorFor: toColorFn(accentColors)
+  }), oppositeAccentColors && /* @__PURE__ */import_react.default.createElement(NumberLineRow, {
+    colorFor: toColorFn(oppositeAccentColors),
+    halfHeight: true
+  })));
 }
 //# sourceMappingURL=ColorLineVisualizer.native.js.map

package/dist/cjs/theme/devtools/ColorLineVisualizer.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","ColorLineVisualizer_exports","__export","ColorLineVisualizer","module","exports","import_jsx_runtime","require","import_react","import_colorRules","import_vizConstants","readColorsFromElement","el","style","getComputedStyle","result","found","i","color","getPropertyValue","trim","push","fallbackGradient","useDomThemeColors","colors","setColors","useState","useEffect","document","readColors","readColors2","documentElement","body","themed","querySelector","root","getElementById","observer","MutationObserver","observe","attributes","attributeFilter","subtree","disconnect","Array","from","length","_","t","v","Math","round","NumberLineRow","param","colorFor","halfHeight","h","cellSize","jsx","display","gap","children","step","background","width","height","flexShrink","contrastTextFor","alignItems","justifyContent","fontSize","fontWeight","title","SemanticBrackets","totalWidth","position","marginBottom","semanticGroups","map","g","leftPx","widthPx","jsxs","left","bottom","flexDirection","textAlign","lineHeight","whiteSpace","label","borderLeft","borderRight","borderTop","borderRadius","key","createVizStyles","isDark","border","mutedText","foreground","cardBackground","container","padding","fontFamily","letterSpacing","textTransform","knobs","_knobs","themeColors","propColors","oppositeThemeColors","propOppositeColors","accentColors","propAccentColors","oppositeAccentColors","propOppositeAccentColors","domColors","styles","useMemo","toColorFn","toColorFn2","arr","min","max"],"sources":["../../../../src/theme/devtools/ColorLineVisualizer.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ColorLineVisualizer_exports","__export","ColorLineVisualizer","module","exports","import_react","__toESM","require","import_colorRules","import_vizConstants","readColorsFromElement","el","style","getComputedStyle","result","found","i","color","getPropertyValue","trim","push","fallbackGradient","useDomThemeColors","colors","setColors","useState","useEffect","document","readColors","readColors2","documentElement","body","themed","querySelector","root","getElementById","observer","MutationObserver","observe","attributes","attributeFilter","subtree","disconnect","Array","from","length","_","t","v","Math","round","NumberLineRow","param","colorFor","halfHeight","h","cellSize","default","createElement","display","gap","step","background","key","width","height","flexShrink","contrastTextFor","alignItems","justifyContent","fontSize","fontWeight","title","SemanticBrackets","totalWidth","position","marginBottom","semanticGroups","map","g","leftPx","widthPx","to","left","bottom","flexDirection","textAlign","lineHeight","whiteSpace","label","borderLeft","borderRight","borderTop","borderRadius","createVizStyles","isDark","border","mutedText","foreground","cardBackground","container","padding","fontFamily","letterSpacing","textTransform","knobs","_knobs","themeColors","propColors","oppositeThemeColors","propOppositeColors","accentColors","propAccentColors","oppositeAccentColors","propOppositeAccentColors","domColors","styles","useMemo","toColorFn","toColorFn2","arr","min","max","oppositeColors"],"sources":["../../../../src/theme/devtools/ColorLineVisualizer.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAQAC,MAAA,CAAAC,OAAA,GAAAT,YAAwE,CAAAK,2BAAA;AACxE,IAAAK,YAAA,GAAAC,OAA+B,CAAAC,OAAA;AAE/B,IAAAC,iBAAA,GAAAD,OAA0C;AAI1C,IAAAE,mBAAS,GAAAF,OAAsB,2BAA8B;AAC3D,SAAMG,qBAAQA,CAAAC,EAAiB,EAAE;EACjC,IAAAC,KAAM,GAAAC,gBAAoB,CAAAF,EAAA;EAC1B,IAAIG,MAAA,GAAQ;EACZ,IAAAC,KAAS,QAAO;EACd,SAAIC,CAAA,IAAQ,EAAAA,CAAA,IAAM,IAAAA,CAAA;IAClB,IAAIC,KAAC,GAAOL,KAAA,CAAAM,gBAAc,WAAiBF,CAAA,IAAAG,IAAW,CAAC;IACvD,IAAI,CAAAF,KAAA,EAAOA,KAAA,GAAAL,KAAA,CAAAM,gBAAA,YAAAF,CAAA,IAAAG,IAAA;IACT,IAAAF,KAAA,EAAQ;MACRF,KAAA,GAAO,IAAK;MACdD,MAAO,CAAAM,IAAA,CAAAH,KAAA;IACL;MACFH,MAAA,CAAAM,IAAA,CAAAC,gBAAA,GAAAL,CAAA;IACF;EACA;EACF,OAAAD,KAAA,GAAAD,MAAA;AAEA;AACE,SAAOQ,iBAAiBA,CAAA;EAExB,KAAAC,MAAA,EAAAC,SAAA,MAAU,EAAAnB,YAAM,CAAAoB,QAAA;IACd,OAAIJ,gBAAO,CAAa;EACxB;EACE,IAAAhB,YAAI,CAASqB,SAAA,cAAsB;IACnC,WAAKC,QAAU,gBAAe;IAC5B,IAAAC,UAAS,YAAAC,WAAsBA,CAAA;MACjC,IAAAf,MAAA,GAAAJ,qBAAA,CAAAiB,QAAA,CAAAG,eAAA;MACA,IAAI,CAAChB,MAAA,IAAQa,QAAA,CAAAI,IAAA;QACXjB,MAAM,GAAAJ,qBAAkB,CAAAiB,QAAc,CAAAI,IAAA;MACtC;MACF,KAAAjB,MAAA;QACA,IAAKkB,MAAA,GAAQL,QAAA,CAAAM,aAAA;QACX,IAAAD,MAAM,EAAAlB,MAAO,GAAAJ,qBAAwB,CAAMsB,MAAK;MAChD;MACF,KAAAlB,MAAA;QACA,IAAIoB,IAAA,GAAQP,QAAA,CAAUQ,cAAM,YAAAR,QAAA,CAAAQ,cAAA;QAC9B,IAAAD,IAAA,EAAApB,MAAA,GAAAJ,qBAAA,CAAAwB,IAAA;MAEA;MACA,IAAMpB,MAAA,EAAAU,SAAe,CAAAV,MAAA;IACrB;IAA2Cc,UACzC;IAAY,IACZQ,QAAA,OAAiBC,gBAAU,CAAOT,UAAA;IACpCQ,QAAC,CAAAE,OAAA,CAAAX,QAAA,CAAAG,eAAA;MACDS,UAAI,EAAS;MACXC,eAAS,EAAQ,CACf,SACA;IACS,EACX;IACF,IAAAb,QAAA,CAAAI,IAAA;MACAK,QAAO,CAAAE,OAAM,CAAAX,QAAS,CAAAI,IAAA,EAAW;QAC9BQ,UAAA;QAELC,eAAO,GACT,SAES,QACA;QACLC,OAAU;MACV;IACA;IACD;MACH,OAAAL,QAAA,CAAAM,UAAA;IAIA;EACE;EACA,OAAAnB,MAAA;AACF;AAIE,SAAMF,gBAAiBA,CAAA;EACvB,OACEsB,KAAA,CAAAC,IAAA;IAEIC,MAAM;EACN,aAAMC,CAAA,EAAA9B,CAAA;IACN,IAAA+B,CAAA,GACE/B,CAAA;IAAA,IAACgC,CAAA,GAAAC,IAAA,CAAAC,KAAA,OAAAH,CAAA;IAAA,cAAAC,CAAA,IAAAA,CAAA,IAAAA,CAAA;EAAA;AACM;AACE,SAAAG,aACEA,CAAAC,KAAA;EAAA;IAAAC,QACP;IAAQC;EAAA,IAAAF,KAAA;EAAA,IAAAG,CAAA,GACRD,UAAA,GAAYL,IAAA,CAAAC,KAAA,CAAAzC,mBAAA,CAAA+C,QAAA,QAAA/C,mBAAA,CAAA+C,QAAA;EAAA,sBACZnD,YAAA,CAAAoD,OAAA,CAAAC,aAAA;IAAA9C,KAAA,EACA;MAAiC+C,OACjC,QAAS;MAAAC,GAAA,EACT;IAAY;EACI,GAAAjB,KAChB,CAAAC,IAAA;IAA2BC,MAC3B;EAAY,aACdC,CAAA,EAAA9B,CAAA;IAAA,IACA6C,IAAA,GAAO7C,CAAA;IAAa,IAAA8C,UAAA,GAAAT,QAAA,CAAAQ,IAAA;IAAA,OAEnB,eAAAxD,YAAA,CAAAoD,OAAA,CAAAC,aAAA;MACHK,GAAA,EAAAF,IAAA;MAGNjD,KAAA;QAEJoD,KAAA,EAAAvD,mBAAA,CAAA+C,QAAA;QAGAS,MAAS,EAAAV,CAAA;QACDW,UAAA,GAAa;QACnBJ,UACE;QAEI7C,KAAM,MAAAR,mBAAwB,CAAA0D,eAAA,EAAAL,UAAA;QAC9BH,OAAM,QAAa;QACnBS,UACE;QAACC,cAAA;QAAAC,QAAA,EAAAhB,UAAA;QACCiB,UAAO;MAAA;MACAC,KACL,WAAUX,IAAA;IAAA,GAAAA,IACV;EAAM;AACC;AACC,SAAAY,gBACCA,CAAA;EAAA,IAAAC,UACT,QAAAjE,mBAAe,CAAA+C,QAAA;EAAA,OACjB,eAAAnD,YAAA,CAAAoD,OAAA,CAAAC,aAAA;IAAA9C,KAAA;MAEA+D,QAAA;MAAAV,MAAC;MAAAD,KAAA,EAAAU,UAAA;MAAAE,YACQ;IAAA;EACM,GAAApE,iBACD,CAAAqE,cAAA,CAAAC,GAAA,WAAAC,CAAA;IAAA,IAAAC,MACV,IAAAD,CAAA,CAAAnC,IAAY,QAAAnC,mBAAA,CAAA+C,QAAA;IAAA,IAAAyB,OACZ,IAAOF,CAAA,CAAEG,EAAA,GAAAH,CAAA,CAAAnC,IAAA,QAAAnC,mBAAA,CAAA+C,QAAA;IAAA,sBACGnD,YAAA,CAAAoD,OAAA,CAAAC,aAAA;MAAAK,GAAA,EAAAgB,CACZ,CAAAhB,GAAA;MAAYnD,KACd;QAAA+D,QAAA;QAECQ,IAAE,EAAAH,MAAA;QACLhB,KAAA,EAAAiB,OAAA;QACAG,MAAA;QAACzB,OAAA;QAAA0B,aAAA;MAAA;IACQ,kBACGhF,YAAA,CAAAoD,OAAA,CAAAC,aAAA;MAAA9C,KAAA,EACR;QAAgC0E,SAChC,UAAa;QAAoBhB,QACjC;QAA+BC,UAC/B;QAActD,KAChB,EAAA8D,CAAA,CAAA9D,KAAA;QAAAsE,UAAA;QACFC,UAAA;MACF;IAGN,GAAAT,CAAA,CAAAU,KAAA,kBAAApF,YAAA,CAAAoD,OAAA,CAAAC,aAAA;MAEJ9C,KAAA;QAIAqD,MAAS;QACDyB,UAAS,eAASX,CAAA,CAAS9D,KAAA;QAC3B0E,WAAA,EAAY,aAASZ,CAAA,CAAA9D,KAAS;QAC9B2E,SAAA,eAAsBb,CAAA,CAAA9D,KAAA;QACtB4E,YAAA;MAEN;IACE;EAAW;AACA;AACM,SACfC,eAAKA,CAAAC,MAAA;EAAA,IACLC,MAAA,GAASD,MAAA;EAAA,IACTE,SAAA,GAAAF,MAAc;EAAA,IACdG,UAAQ,GAAAH,MAAA,GAAa,SAAM;EAAA,IAC3BI,cAAY,GAAAJ,MAAA;EAAA,OACZ;IAAOK,SACP;MACAzC,OAAA,QAAY;MAAA0B,aAAA;MAEZzB,GAAA;MACAyC,OAAO;MACTR,YAAA;MACAG,MAAO,eAAAA,MAAA;MACLlC,UAAU,EAAAqC,cAAA;MACVnC,KAAA,eAAY;MACZM,QAAA;MACAgC,UAAA,wCAAe;MACf;MACFC,aAAA;MACFtF,KAAA,EAAAiF;IACF;IAaO1B,KAAS;MACdF,QAAO;MACPC,UAAA;MACAiC,aAAa;MACbD,aAAA,UAAqB;MACrBtF,KAAA,EAAAgF;IACA;EACF,CAA6B;AAC3B;AACA,SAAM/F,mBAAcA,CAAAkD,KAAA,EAAc;EAClC;IAAMqD,KAAA,EAAAC,MAAS;IAAAX,MAAA;IAAAY,WAAA,EAAQC,UAAM;IAAAC,mBAA0B,EAAAC,kBAAO;IAAAC,YAAA,EAAAC,gBAAA;IAAAC,oBAAA,EAAAC;EAAA,IAAA9D,KAAA;EAE9D,IAAA+D,SAAM,GAAA7F,iBAEH;EAGH,IAAAqF,WAAM,GAAWC,UAAU,IAAAA,UAAW,CAAA/D,MAAA,UAAA+D,UAAA,GAAAO,SAAA;EACtC,IAAAC,MAAM,OAAA/G,YACJ,CAAAgH,OAAA,cAAsB;IACxB,OAAMvB,eAAe,CAAAC,MAAA;EACrB,IAKAA,MACE,CAOM,CAAC;EAAA,IAAAuB,SAAA,YAAAC,WAAAC,GAAA;IAAA,OACC,UAAO3D,IAAA;MAAA,OACD2D,GAAA,CAAAvE,IAAO,CAAAwE,GAAA,KAAAxE,IAAA,CAAAyE,GAAA,IAAA7D,IAAA;IAAA;EACD;EACC,IACbR,QAAA,GAAAiE,SAAA,CAAAX,WAAA;EAAA,IAAAgB,cAAA,GAAAb,kBAAA,IAAAA,kBAAA,CAAAjE,MAAA,UAAAiE,kBAAA;EAAA,IACDC,YAAA,GAAAC,gBAAA,IAAAA,gBAAA,CAAAnE,MAAA,UAAAmE,gBAAA;EAED,IACAC,oBAAA,GAAAC,wBAAA,IAACA,wBAAc,CAAArE,MAAU,KAAU,KAAAqE,wBAClC;EAOX,sBAAA7G,YAAA,CAAAoD,OAAA,CAAAC,aAAA","ignoreList":[]}

package/dist/cjs/theme/devtools/ThemeDevtoolsPanel.cjs

@@ -228,7 +228,7 @@ function PinCheckbox({
   isDark
 }) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)("label", {
-    title: pinned ? "Pinned \u2014 random won't change this" : "Pin to protect from random",
+    title: pinned ? "Pinned. Random won't change this" : "Pin to protect from random",
     style: {
       position: "absolute",
       top: 3,

package/dist/cjs/theme/devtools/ThemeDevtoolsPanel.native.js

@@ -244,7 +244,7 @@ function PinCheckbox(param) {
     isDark
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)("label", {
-    title: pinned ? "Pinned \u2014 random won't change this" : "Pin to protect from random",
+    title: pinned ? "Pinned. Random won't change this" : "Pin to protect from random",
     style: {
       position: "absolute",
       top: 3,

package/dist/cjs/theme/devtools/index.cjs

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var devtools_exports = {};
+module.exports = __toCommonJS(devtools_exports);
+__reExport(devtools_exports, require("../knobs.cjs"), module.exports);
+__reExport(devtools_exports, require("../motionStops.cjs"), module.exports);
+__reExport(devtools_exports, require("./knobIcons.cjs"), module.exports);
+__reExport(devtools_exports, require("./buildSnapshot.cjs"), module.exports);
+__reExport(devtools_exports, require("./ColorLineVisualizer.cjs"), module.exports);
+__reExport(devtools_exports, require("./vizConstants.cjs"), module.exports);