@buoy-gg/images 7.0.4 → 7.0.6

package/lib/commonjs/components/ImagesIcon.js

@@ -3,57 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IMAGES_ICON_COLOR = void 0;
-exports.ImagesIcon = ImagesIcon;
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-/** Tool accent color (photo violet). */
-const IMAGES_ICON_COLOR = exports.IMAGES_ICON_COLOR = "#C084FC";
-/**
- * Dependency-free "picture" glyph: rounded frame with a sun dot and a
- * mountain-ish baseline, rendered from plain views.
- */
-function ImagesIcon({
-  size,
-  color = IMAGES_ICON_COLOR
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.frame, {
-      width: size,
-      height: size,
-      borderRadius: size * 0.2,
-      borderColor: color
-    }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.sun, {
-        width: size * 0.18,
-        height: size * 0.18,
-        borderRadius: size * 0.09,
-        backgroundColor: color,
-        top: size * 0.18,
-        right: size * 0.2
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: {
-        color,
-        fontSize: size * 0.52,
-        fontWeight: "700",
-        lineHeight: size * 0.62,
-        marginTop: size * 0.28
-      },
-      children: "▲"
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  frame: {
-    borderWidth: 1.5,
-    alignItems: "center",
-    justifyContent: "flex-end",
-    overflow: "hidden"
-  },
-  sun: {
-    position: "absolute"
+Object.defineProperty(exports, "IMAGES_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.IMAGES_ICON_COLOR;
   }
 });
+Object.defineProperty(exports, "ImagesIcon", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.ImagesIcon;
+  }
+});
+var _sharedUi = require("@buoy-gg/shared-ui");
 //# sourceMappingURL=ImagesIcon.js.map

package/lib/commonjs/components/ImagesIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_jsxRuntime","IMAGES_ICON_COLOR","exports","ImagesIcon","size","color","jsxs","View","style","styles","frame","width","height","borderRadius","borderColor","children","jsx","sun","backgroundColor","top","right","Text","fontSize","fontWeight","lineHeight","marginTop","StyleSheet","create","borderWidth","alignItems","justifyContent","overflow","position"],"sourceRoot":"../../../src","sources":["components/ImagesIcon.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAsD,IAAAC,WAAA,GAAAD,OAAA;AAEtD;AACO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAAS;AAO1C;AACA;AACA;AACA;AACO,SAASE,UAAUA,CAAC;EAAEC,IAAI;EAAEC,KAAK,GAAGJ;AAAmC,CAAC,EAAE;EAC/E,oBACE,IAAAD,WAAA,CAAAM,IAAA,EAACR,YAAA,CAAAS,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,KAAK,EACZ;MACEC,KAAK,EAAEP,IAAI;MACXQ,MAAM,EAAER,IAAI;MACZS,YAAY,EAAET,IAAI,GAAG,GAAG;MACxBU,WAAW,EAAET;IACf,CAAC,CACD;IAAAU,QAAA,gBAEF,IAAAf,WAAA,CAAAgB,GAAA,EAAClB,YAAA,CAAAS,IAAI;MACHC,KAAK,EAAE,CACLC,MAAM,CAACQ,GAAG,EACV;QACEN,KAAK,EAAEP,IAAI,GAAG,IAAI;QAClBQ,MAAM,EAAER,IAAI,GAAG,IAAI;QACnBS,YAAY,EAAET,IAAI,GAAG,IAAI;QACzBc,eAAe,EAAEb,KAAK;QACtBc,GAAG,EAAEf,IAAI,GAAG,IAAI;QAChBgB,KAAK,EAAEhB,IAAI,GAAG;MAChB,CAAC;IACD,CACH,CAAC,eACF,IAAAJ,WAAA,CAAAgB,GAAA,EAAClB,YAAA,CAAAuB,IAAI;MACHb,KAAK,EAAE;QACLH,KAAK;QACLiB,QAAQ,EAAElB,IAAI,GAAG,IAAI;QACrBmB,UAAU,EAAE,KAAK;QACjBC,UAAU,EAAEpB,IAAI,GAAG,IAAI;QACvBqB,SAAS,EAAErB,IAAI,GAAG;MACpB,CAAE;MAAAW,QAAA,EAED;IAAG,CACA,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMN,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC/BjB,KAAK,EAAE;IACLkB,WAAW,EAAE,GAAG;IAChBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,UAAU;IAC1BC,QAAQ,EAAE;EACZ,CAAC;EACDd,GAAG,EAAE;IACHe,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_sharedUi","require"],"sourceRoot":"../../../src","sources":["components/ImagesIcon.tsx"],"mappings":";;;;;;;;;;;;;;;;;AAQA,IAAAA,SAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/module/components/ImagesIcon.js

@@ -1,55 +1,12 @@
 "use strict";
 
-import { View, Text, StyleSheet } from "react-native";
-
-/** Tool accent color (photo violet). */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const IMAGES_ICON_COLOR = "#C084FC";
 /**
- * Dependency-free "picture" glyph: rounded frame with a sun dot and a
- * mountain-ish baseline, rendered from plain views.
+ * ImagesIcon — re-exported from the Buoy Icon Format.
+ *
+ * The artwork lives in shared/icons/images.json and is generated into
+ * @buoy-gg/floating-tools-core, so React Native, the desktop dashboard and
+ * Flutter all render the same drawing. Edit the JSON, then `pnpm icons`.
  */
-export function ImagesIcon({
-  size,
-  color = IMAGES_ICON_COLOR
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.frame, {
-      width: size,
-      height: size,
-      borderRadius: size * 0.2,
-      borderColor: color
-    }],
-    children: [/*#__PURE__*/_jsx(View, {
-      style: [styles.sun, {
-        width: size * 0.18,
-        height: size * 0.18,
-        borderRadius: size * 0.09,
-        backgroundColor: color,
-        top: size * 0.18,
-        right: size * 0.2
-      }]
-    }), /*#__PURE__*/_jsx(Text, {
-      style: {
-        color,
-        fontSize: size * 0.52,
-        fontWeight: "700",
-        lineHeight: size * 0.62,
-        marginTop: size * 0.28
-      },
-      children: "▲"
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  frame: {
-    borderWidth: 1.5,
-    alignItems: "center",
-    justifyContent: "flex-end",
-    overflow: "hidden"
-  },
-  sun: {
-    position: "absolute"
-  }
-});
+
+export { ImagesIcon, IMAGES_ICON_COLOR } from "@buoy-gg/shared-ui";
 //# sourceMappingURL=ImagesIcon.js.map

package/lib/module/components/ImagesIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","Text","StyleSheet","jsx","_jsx","jsxs","_jsxs","IMAGES_ICON_COLOR","ImagesIcon","size","color","style","styles","frame","width","height","borderRadius","borderColor","children","sun","backgroundColor","top","right","fontSize","fontWeight","lineHeight","marginTop","create","borderWidth","alignItems","justifyContent","overflow","position"],"sourceRoot":"../../../src","sources":["components/ImagesIcon.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;;AAErD;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,OAAO,MAAMC,iBAAiB,GAAG,SAAS;AAO1C;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC,IAAI;EAAEC,KAAK,GAAGH;AAAmC,CAAC,EAAE;EAC/E,oBACED,KAAA,CAACN,IAAI;IACHW,KAAK,EAAE,CACLC,MAAM,CAACC,KAAK,EACZ;MACEC,KAAK,EAAEL,IAAI;MACXM,MAAM,EAAEN,IAAI;MACZO,YAAY,EAAEP,IAAI,GAAG,GAAG;MACxBQ,WAAW,EAAEP;IACf,CAAC,CACD;IAAAQ,QAAA,gBAEFd,IAAA,CAACJ,IAAI;MACHW,KAAK,EAAE,CACLC,MAAM,CAACO,GAAG,EACV;QACEL,KAAK,EAAEL,IAAI,GAAG,IAAI;QAClBM,MAAM,EAAEN,IAAI,GAAG,IAAI;QACnBO,YAAY,EAAEP,IAAI,GAAG,IAAI;QACzBW,eAAe,EAAEV,KAAK;QACtBW,GAAG,EAAEZ,IAAI,GAAG,IAAI;QAChBa,KAAK,EAAEb,IAAI,GAAG;MAChB,CAAC;IACD,CACH,CAAC,eACFL,IAAA,CAACH,IAAI;MACHU,KAAK,EAAE;QACLD,KAAK;QACLa,QAAQ,EAAEd,IAAI,GAAG,IAAI;QACrBe,UAAU,EAAE,KAAK;QACjBC,UAAU,EAAEhB,IAAI,GAAG,IAAI;QACvBiB,SAAS,EAAEjB,IAAI,GAAG;MACpB,CAAE;MAAAS,QAAA,EAED;IAAG,CACA,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMN,MAAM,GAAGV,UAAU,CAACyB,MAAM,CAAC;EAC/Bd,KAAK,EAAE;IACLe,WAAW,EAAE,GAAG;IAChBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,UAAU;IAC1BC,QAAQ,EAAE;EACZ,CAAC;EACDZ,GAAG,EAAE;IACHa,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["ImagesIcon","IMAGES_ICON_COLOR"],"sourceRoot":"../../../src","sources":["components/ImagesIcon.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,iBAAiB,QAAQ,oBAAoB","ignoreList":[]}

package/lib/typescript/components/ImagesIcon.d.ts

@@ -1,13 +1,9 @@
-/** Tool accent color (photo violet). */
-export declare const IMAGES_ICON_COLOR = "#C084FC";
-interface ImagesIconProps {
-    size: number;
-    color?: string;
-}
 /**
- * Dependency-free "picture" glyph: rounded frame with a sun dot and a
- * mountain-ish baseline, rendered from plain views.
+ * ImagesIcon — re-exported from the Buoy Icon Format.
+ *
+ * The artwork lives in shared/icons/images.json and is generated into
+ * @buoy-gg/floating-tools-core, so React Native, the desktop dashboard and
+ * Flutter all render the same drawing. Edit the JSON, then `pnpm icons`.
  */
-export declare function ImagesIcon({ size, color }: ImagesIconProps): import("react").JSX.Element;
-export {};
+export { ImagesIcon, IMAGES_ICON_COLOR } from "@buoy-gg/shared-ui";
 //# sourceMappingURL=ImagesIcon.d.ts.map

package/lib/typescript/components/ImagesIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImagesIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ImagesIcon.tsx"],"names":[],"mappings":"AAEA,wCAAwC;AACxC,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAE3C,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAyB,EAAE,EAAE,eAAe,+BAuC9E"}
+{"version":3,"file":"ImagesIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ImagesIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/images",
-  "version": "7.0.4",
+  "version": "7.0.6",
   "description": "Debug every image in your React Native app — live load registry, cache verdicts (memory/disk/network), timings, oversize + wasted-memory checks, and failure diagnosis for RN <Image> and expo-image. Part of Buoy devtools.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -18,7 +18,7 @@
     "**/index.*"
   ],
   "dependencies": {
-    "@buoy-gg/shared-ui": "7.0.4"
+    "@buoy-gg/shared-ui": "7.0.6"
   },
   "peerDependencies": {
     "expo-image": "*",

package/src/components/ImagesIcon.tsx

@@ -1,66 +1,9 @@
-import { View, Text, StyleSheet } from "react-native";
-
-/** Tool accent color (photo violet). */
-export const IMAGES_ICON_COLOR = "#C084FC";
-
-interface ImagesIconProps {
-  size: number;
-  color?: string;
-}
-
 /**
- * Dependency-free "picture" glyph: rounded frame with a sun dot and a
- * mountain-ish baseline, rendered from plain views.
+ * ImagesIcon — re-exported from the Buoy Icon Format.
+ *
+ * The artwork lives in shared/icons/images.json and is generated into
+ * @buoy-gg/floating-tools-core, so React Native, the desktop dashboard and
+ * Flutter all render the same drawing. Edit the JSON, then `pnpm icons`.
  */
-export function ImagesIcon({ size, color = IMAGES_ICON_COLOR }: ImagesIconProps) {
-  return (
-    <View
-      style={[
-        styles.frame,
-        {
-          width: size,
-          height: size,
-          borderRadius: size * 0.2,
-          borderColor: color,
-        },
-      ]}
-    >
-      <View
-        style={[
-          styles.sun,
-          {
-            width: size * 0.18,
-            height: size * 0.18,
-            borderRadius: size * 0.09,
-            backgroundColor: color,
-            top: size * 0.18,
-            right: size * 0.2,
-          },
-        ]}
-      />
-      <Text
-        style={{
-          color,
-          fontSize: size * 0.52,
-          fontWeight: "700",
-          lineHeight: size * 0.62,
-          marginTop: size * 0.28,
-        }}
-      >
-        {"▲"}
-      </Text>
-    </View>
-  );
-}
 
-const styles = StyleSheet.create({
-  frame: {
-    borderWidth: 1.5,
-    alignItems: "center",
-    justifyContent: "flex-end",
-    overflow: "hidden",
-  },
-  sun: {
-    position: "absolute",
-  },
-});
+export { ImagesIcon, IMAGES_ICON_COLOR } from "@buoy-gg/shared-ui";