@mmtitanl/tablets 0.1.1

package/dist/android/index.cjs

@@ -0,0 +1,129 @@
+"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);
+
+// src/android/index.ts
+var android_exports = {};
+__export(android_exports, {
+  GALAXY_TAB_S10_FRAME: () => GALAXY_TAB_S10_FRAME,
+  GALAXY_TAB_S10_LAYOUT: () => GALAXY_TAB_S10_LAYOUT,
+  GALAXY_TAB_S10_META: () => GALAXY_TAB_S10_META,
+  GALAXY_TAB_S10_SCREEN_RECT: () => GALAXY_TAB_S10_SCREEN_RECT,
+  GalaxyTabS10SVG: () => GalaxyTabS10SVG
+});
+module.exports = __toCommonJS(android_exports);
+
+// src/android/galaxy-tab-s10.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var GALAXY_TAB_S10_META = {
+  id: "galaxy-tab-s10",
+  name: "Galaxy Tab S10+",
+  platform: "android",
+  year: 2024,
+  formFactor: "tablet",
+  screen: {
+    width: 822,
+    height: 1316,
+    physicalWidth: 1752,
+    physicalHeight: 2800,
+    dpr: 2.13,
+    aspectRatio: "16:10",
+    cornerRadius: 12,
+    ppi: 266
+  }
+};
+var GALAXY_TAB_S10_LAYOUT = {
+  meta: GALAXY_TAB_S10_META,
+  safeArea: {
+    portrait: { top: 24, bottom: 16, left: 0, right: 0 },
+    landscape: { top: 24, bottom: 16, left: 0, right: 0 }
+  },
+  hardwareOverlays: {
+    type: "none",
+    portrait: { x: 0, y: 0, width: 0, height: 0, shape: "rectangle" }
+  },
+  statusBar: {
+    height: 24,
+    style: "fullwidth",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "gestureline",
+    height: 4,
+    width: 240,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "right", yPosition: 110 },
+    volumeDown: { side: "right", yPosition: 170 },
+    power: { side: "right", yPosition: 50 }
+  }
+};
+function GalaxyTabS10SVG({ colorScheme = "light", style }) {
+  const bodyFill = colorScheme === "dark" ? "#0e0e0f" : "#d8d8db";
+  const stroke = colorScheme === "dark" ? "#2c2c2e" : "#b8b8be";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: "100%",
+      height: "100%",
+      viewBox: "0 0 870 1364",
+      preserveAspectRatio: "xMidYMid meet",
+      xmlns: "http://www.w3.org/2000/svg",
+      style,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("mask", { id: "galaxy-tab-s10-bezel-mask", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "870", height: "1364", rx: "28", fill: "white" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "24", y: "24", width: "822", height: "1316", rx: "12", fill: "black" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "870", height: "1364", rx: "28", fill: bodyFill, mask: "url(#galaxy-tab-s10-bezel-mask)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "4", y: "4", width: "862", height: "1356", rx: "24", fill: "none", stroke, strokeWidth: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "435", cy: "14", r: "3", fill: "#1c1c1e" })
+      ]
+    }
+  );
+}
+var GALAXY_TAB_S10_FRAME = {
+  bezelTop: 24,
+  bezelBottom: 24,
+  bezelLeft: 24,
+  bezelRight: 24,
+  totalWidth: 870,
+  totalHeight: 1364,
+  screenWidth: 822,
+  screenHeight: 1316,
+  screenRadius: 12
+};
+var GALAXY_TAB_S10_SCREEN_RECT = {
+  x: 24,
+  y: 24,
+  width: 822,
+  height: 1316,
+  rx: 12
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GALAXY_TAB_S10_FRAME,
+  GALAXY_TAB_S10_LAYOUT,
+  GALAXY_TAB_S10_META,
+  GALAXY_TAB_S10_SCREEN_RECT,
+  GalaxyTabS10SVG
+});
+//# sourceMappingURL=index.cjs.map

package/dist/android/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/android/index.ts","../../src/android/galaxy-tab-s10.tsx"],"sourcesContent":["export {\n  GALAXY_TAB_S10_META,\n  GALAXY_TAB_S10_LAYOUT,\n  GALAXY_TAB_S10_FRAME,\n  GALAXY_TAB_S10_SCREEN_RECT,\n  GalaxyTabS10SVG,\n} from \"./galaxy-tab-s10.js\";\n","import type { CSSProperties } from \"react\";\nimport type { DeviceLayoutData, DeviceMeta, DeviceFrameInfo, SVGScreenRect } from \"../contract-types.js\";\n\n/**\n * Galaxy Tab S10+ — dimensions\n *\n * Screen: 1316 × 822 dp @ 2.13x  (physical 2800 × 1752)\n * Display: 12.4\" Dynamic AMOLED 2X, ~266 PPI\n * Hardware: Front camera in landscape top bezel (no punch-hole)\n * Frame: Aluminum\n *\n * Note: stored portrait-up so width < height. Logical: 822 × 1316.\n */\nexport const GALAXY_TAB_S10_META: DeviceMeta = {\n  id: \"galaxy-tab-s10\",\n  name: \"Galaxy Tab S10+\",\n  platform: \"android\",\n  year: 2024,\n  formFactor: \"tablet\",\n  screen: {\n    width: 822,\n    height: 1316,\n    physicalWidth: 1752,\n    physicalHeight: 2800,\n    dpr: 2.13,\n    aspectRatio: \"16:10\",\n    cornerRadius: 12,\n    ppi: 266,\n  },\n};\n\nexport const GALAXY_TAB_S10_LAYOUT: DeviceLayoutData = {\n  meta: GALAXY_TAB_S10_META,\n  safeArea: {\n    portrait: { top: 24, bottom: 16, left: 0, right: 0 },\n    landscape: { top: 24, bottom: 16, left: 0, right: 0 },\n  },\n  hardwareOverlays: {\n    type: \"none\",\n    portrait: { x: 0, y: 0, width: 0, height: 0, shape: \"rectangle\" },\n  },\n  statusBar: {\n    height: 24,\n    style: \"fullwidth\",\n    hasTime: true,\n    hasBattery: true,\n    hasSignal: true,\n  },\n  homeIndicator: {\n    type: \"gestureline\",\n    height: 4,\n    width: 240,\n    visible: true,\n  },\n  hardwareButtons: {\n    volumeUp: { side: \"right\", yPosition: 110 },\n    volumeDown: { side: \"right\", yPosition: 170 },\n    power: { side: \"right\", yPosition: 50 },\n  },\n};\n\ninterface DeviceSVGProps {\n  colorScheme?: \"light\" | \"dark\";\n  style?: CSSProperties;\n}\n\n/**\n * Placeholder SVG frame for Galaxy Tab S10+.\n * Replace with the production SVG. The viewBox must match\n * the device's logical point dimensions (822 × 1316) for alignment.\n */\nexport function GalaxyTabS10SVG({ colorScheme = \"light\", style }: DeviceSVGProps) {\n  const bodyFill = colorScheme === \"dark\" ? \"#0e0e0f\" : \"#d8d8db\";\n  const stroke = colorScheme === \"dark\" ? \"#2c2c2e\" : \"#b8b8be\";\n  return (\n    <svg\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 870 1364\"\n      preserveAspectRatio=\"xMidYMid meet\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={style}\n    >\n      <defs>\n        <mask id=\"galaxy-tab-s10-bezel-mask\">\n          <rect x=\"0\" y=\"0\" width=\"870\" height=\"1364\" rx=\"28\" fill=\"white\" />\n          <rect x=\"24\" y=\"24\" width=\"822\" height=\"1316\" rx=\"12\" fill=\"black\" />\n        </mask>\n      </defs>\n      <rect x=\"0\" y=\"0\" width=\"870\" height=\"1364\" rx=\"28\" fill={bodyFill} mask=\"url(#galaxy-tab-s10-bezel-mask)\" />\n      <rect x=\"4\" y=\"4\" width=\"862\" height=\"1356\" rx=\"24\" fill=\"none\" stroke={stroke} strokeWidth=\"2\" />\n      <circle cx=\"435\" cy=\"14\" r=\"3\" fill=\"#1c1c1e\" />\n    </svg>\n  );\n}\n\nexport const GALAXY_TAB_S10_FRAME: DeviceFrameInfo = {\n  bezelTop: 24,\n  bezelBottom: 24,\n  bezelLeft: 24,\n  bezelRight: 24,\n  totalWidth: 870,\n  totalHeight: 1364,\n  screenWidth: 822,\n  screenHeight: 1316,\n  screenRadius: 12,\n};\n\nexport const GALAXY_TAB_S10_SCREEN_RECT: SVGScreenRect = {\n  x: 24,\n  y: 24,\n  width: 822,\n  height: 1316,\n  rx: 12,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACoFQ;AAvED,IAAM,sBAAkC;AAAA,EAC7C,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,aAAa;AAAA,IACb,cAAc;AAAA,IACd,KAAK;AAAA,EACP;AACF;AAEO,IAAM,wBAA0C;AAAA,EACrD,MAAM;AAAA,EACN,UAAU;AAAA,IACR,UAAU,EAAE,KAAK,IAAI,QAAQ,IAAI,MAAM,GAAG,OAAO,EAAE;AAAA,IACnD,WAAW,EAAE,KAAK,IAAI,QAAQ,IAAI,MAAM,GAAG,OAAO,EAAE;AAAA,EACtD;AAAA,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,YAAY;AAAA,EAClE;AAAA,EACA,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU,EAAE,MAAM,SAAS,WAAW,IAAI;AAAA,IAC1C,YAAY,EAAE,MAAM,SAAS,WAAW,IAAI;AAAA,IAC5C,OAAO,EAAE,MAAM,SAAS,WAAW,GAAG;AAAA,EACxC;AACF;AAYO,SAAS,gBAAgB,EAAE,cAAc,SAAS,MAAM,GAAmB;AAChF,QAAM,WAAW,gBAAgB,SAAS,YAAY;AACtD,QAAM,SAAS,gBAAgB,SAAS,YAAY;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,qBAAoB;AAAA,MACpB,OAAM;AAAA,MACN;AAAA,MAEA;AAAA,oDAAC,UACC,uDAAC,UAAK,IAAG,6BACP;AAAA,sDAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,OAAM,QAAO,QAAO,IAAG,MAAK,MAAK,SAAQ;AAAA,UACjE,4CAAC,UAAK,GAAE,MAAK,GAAE,MAAK,OAAM,OAAM,QAAO,QAAO,IAAG,MAAK,MAAK,SAAQ;AAAA,WACrE,GACF;AAAA,QACA,4CAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,OAAM,QAAO,QAAO,IAAG,MAAK,MAAM,UAAU,MAAK,mCAAkC;AAAA,QAC3G,4CAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,OAAM,QAAO,QAAO,IAAG,MAAK,MAAK,QAAO,QAAgB,aAAY,KAAI;AAAA,QAChG,4CAAC,YAAO,IAAG,OAAM,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEO,IAAM,uBAAwC;AAAA,EACnD,UAAU;AAAA,EACV,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAChB;AAEO,IAAM,6BAA4C;AAAA,EACvD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,IAAI;AACN;","names":[]}

package/dist/android/index.d.cts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { CSSProperties } from 'react';
+import { d as DeviceFrameInfo, a as DeviceLayoutData, D as DeviceMeta, e as SVGScreenRect } from '../contract-types-Ch_kM--q.cjs';
+
+/**
+ * Galaxy Tab S10+ — dimensions
+ *
+ * Screen: 1316 × 822 dp @ 2.13x  (physical 2800 × 1752)
+ * Display: 12.4" Dynamic AMOLED 2X, ~266 PPI
+ * Hardware: Front camera in landscape top bezel (no punch-hole)
+ * Frame: Aluminum
+ *
+ * Note: stored portrait-up so width < height. Logical: 822 × 1316.
+ */
+declare const GALAXY_TAB_S10_META: DeviceMeta;
+declare const GALAXY_TAB_S10_LAYOUT: DeviceLayoutData;
+interface DeviceSVGProps {
+    colorScheme?: "light" | "dark";
+    style?: CSSProperties;
+}
+/**
+ * Placeholder SVG frame for Galaxy Tab S10+.
+ * Replace with the production SVG. The viewBox must match
+ * the device's logical point dimensions (822 × 1316) for alignment.
+ */
+declare function GalaxyTabS10SVG({ colorScheme, style }: DeviceSVGProps): react.JSX.Element;
+declare const GALAXY_TAB_S10_FRAME: DeviceFrameInfo;
+declare const GALAXY_TAB_S10_SCREEN_RECT: SVGScreenRect;
+
+export { GALAXY_TAB_S10_FRAME, GALAXY_TAB_S10_LAYOUT, GALAXY_TAB_S10_META, GALAXY_TAB_S10_SCREEN_RECT, GalaxyTabS10SVG };

package/dist/android/index.d.ts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { CSSProperties } from 'react';
+import { d as DeviceFrameInfo, a as DeviceLayoutData, D as DeviceMeta, e as SVGScreenRect } from '../contract-types-Ch_kM--q.js';
+
+/**
+ * Galaxy Tab S10+ — dimensions
+ *
+ * Screen: 1316 × 822 dp @ 2.13x  (physical 2800 × 1752)
+ * Display: 12.4" Dynamic AMOLED 2X, ~266 PPI
+ * Hardware: Front camera in landscape top bezel (no punch-hole)
+ * Frame: Aluminum
+ *
+ * Note: stored portrait-up so width < height. Logical: 822 × 1316.
+ */
+declare const GALAXY_TAB_S10_META: DeviceMeta;
+declare const GALAXY_TAB_S10_LAYOUT: DeviceLayoutData;
+interface DeviceSVGProps {
+    colorScheme?: "light" | "dark";
+    style?: CSSProperties;
+}
+/**
+ * Placeholder SVG frame for Galaxy Tab S10+.
+ * Replace with the production SVG. The viewBox must match
+ * the device's logical point dimensions (822 × 1316) for alignment.
+ */
+declare function GalaxyTabS10SVG({ colorScheme, style }: DeviceSVGProps): react.JSX.Element;
+declare const GALAXY_TAB_S10_FRAME: DeviceFrameInfo;
+declare const GALAXY_TAB_S10_SCREEN_RECT: SVGScreenRect;
+
+export { GALAXY_TAB_S10_FRAME, GALAXY_TAB_S10_LAYOUT, GALAXY_TAB_S10_META, GALAXY_TAB_S10_SCREEN_RECT, GalaxyTabS10SVG };

package/dist/android/index.js

@@ -0,0 +1,98 @@
+// src/android/galaxy-tab-s10.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var GALAXY_TAB_S10_META = {
+  id: "galaxy-tab-s10",
+  name: "Galaxy Tab S10+",
+  platform: "android",
+  year: 2024,
+  formFactor: "tablet",
+  screen: {
+    width: 822,
+    height: 1316,
+    physicalWidth: 1752,
+    physicalHeight: 2800,
+    dpr: 2.13,
+    aspectRatio: "16:10",
+    cornerRadius: 12,
+    ppi: 266
+  }
+};
+var GALAXY_TAB_S10_LAYOUT = {
+  meta: GALAXY_TAB_S10_META,
+  safeArea: {
+    portrait: { top: 24, bottom: 16, left: 0, right: 0 },
+    landscape: { top: 24, bottom: 16, left: 0, right: 0 }
+  },
+  hardwareOverlays: {
+    type: "none",
+    portrait: { x: 0, y: 0, width: 0, height: 0, shape: "rectangle" }
+  },
+  statusBar: {
+    height: 24,
+    style: "fullwidth",
+    hasTime: true,
+    hasBattery: true,
+    hasSignal: true
+  },
+  homeIndicator: {
+    type: "gestureline",
+    height: 4,
+    width: 240,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "right", yPosition: 110 },
+    volumeDown: { side: "right", yPosition: 170 },
+    power: { side: "right", yPosition: 50 }
+  }
+};
+function GalaxyTabS10SVG({ colorScheme = "light", style }) {
+  const bodyFill = colorScheme === "dark" ? "#0e0e0f" : "#d8d8db";
+  const stroke = colorScheme === "dark" ? "#2c2c2e" : "#b8b8be";
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      height: "100%",
+      viewBox: "0 0 870 1364",
+      preserveAspectRatio: "xMidYMid meet",
+      xmlns: "http://www.w3.org/2000/svg",
+      style,
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", { id: "galaxy-tab-s10-bezel-mask", children: [
+          /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "870", height: "1364", rx: "28", fill: "white" }),
+          /* @__PURE__ */ jsx("rect", { x: "24", y: "24", width: "822", height: "1316", rx: "12", fill: "black" })
+        ] }) }),
+        /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "870", height: "1364", rx: "28", fill: bodyFill, mask: "url(#galaxy-tab-s10-bezel-mask)" }),
+        /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "862", height: "1356", rx: "24", fill: "none", stroke, strokeWidth: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "435", cy: "14", r: "3", fill: "#1c1c1e" })
+      ]
+    }
+  );
+}
+var GALAXY_TAB_S10_FRAME = {
+  bezelTop: 24,
+  bezelBottom: 24,
+  bezelLeft: 24,
+  bezelRight: 24,
+  totalWidth: 870,
+  totalHeight: 1364,
+  screenWidth: 822,
+  screenHeight: 1316,
+  screenRadius: 12
+};
+var GALAXY_TAB_S10_SCREEN_RECT = {
+  x: 24,
+  y: 24,
+  width: 822,
+  height: 1316,
+  rx: 12
+};
+export {
+  GALAXY_TAB_S10_FRAME,
+  GALAXY_TAB_S10_LAYOUT,
+  GALAXY_TAB_S10_META,
+  GALAXY_TAB_S10_SCREEN_RECT,
+  GalaxyTabS10SVG
+};
+//# sourceMappingURL=index.js.map

package/dist/android/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/android/galaxy-tab-s10.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { DeviceLayoutData, DeviceMeta, DeviceFrameInfo, SVGScreenRect } from \"../contract-types.js\";\n\n/**\n * Galaxy Tab S10+ — dimensions\n *\n * Screen: 1316 × 822 dp @ 2.13x  (physical 2800 × 1752)\n * Display: 12.4\" Dynamic AMOLED 2X, ~266 PPI\n * Hardware: Front camera in landscape top bezel (no punch-hole)\n * Frame: Aluminum\n *\n * Note: stored portrait-up so width < height. Logical: 822 × 1316.\n */\nexport const GALAXY_TAB_S10_META: DeviceMeta = {\n  id: \"galaxy-tab-s10\",\n  name: \"Galaxy Tab S10+\",\n  platform: \"android\",\n  year: 2024,\n  formFactor: \"tablet\",\n  screen: {\n    width: 822,\n    height: 1316,\n    physicalWidth: 1752,\n    physicalHeight: 2800,\n    dpr: 2.13,\n    aspectRatio: \"16:10\",\n    cornerRadius: 12,\n    ppi: 266,\n  },\n};\n\nexport const GALAXY_TAB_S10_LAYOUT: DeviceLayoutData = {\n  meta: GALAXY_TAB_S10_META,\n  safeArea: {\n    portrait: { top: 24, bottom: 16, left: 0, right: 0 },\n    landscape: { top: 24, bottom: 16, left: 0, right: 0 },\n  },\n  hardwareOverlays: {\n    type: \"none\",\n    portrait: { x: 0, y: 0, width: 0, height: 0, shape: \"rectangle\" },\n  },\n  statusBar: {\n    height: 24,\n    style: \"fullwidth\",\n    hasTime: true,\n    hasBattery: true,\n    hasSignal: true,\n  },\n  homeIndicator: {\n    type: \"gestureline\",\n    height: 4,\n    width: 240,\n    visible: true,\n  },\n  hardwareButtons: {\n    volumeUp: { side: \"right\", yPosition: 110 },\n    volumeDown: { side: \"right\", yPosition: 170 },\n    power: { side: \"right\", yPosition: 50 },\n  },\n};\n\ninterface DeviceSVGProps {\n  colorScheme?: \"light\" | \"dark\";\n  style?: CSSProperties;\n}\n\n/**\n * Placeholder SVG frame for Galaxy Tab S10+.\n * Replace with the production SVG. The viewBox must match\n * the device's logical point dimensions (822 × 1316) for alignment.\n */\nexport function GalaxyTabS10SVG({ colorScheme = \"light\", style }: DeviceSVGProps) {\n  const bodyFill = colorScheme === \"dark\" ? \"#0e0e0f\" : \"#d8d8db\";\n  const stroke = colorScheme === \"dark\" ? \"#2c2c2e\" : \"#b8b8be\";\n  return (\n    <svg\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 870 1364\"\n      preserveAspectRatio=\"xMidYMid meet\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={style}\n    >\n      <defs>\n        <mask id=\"galaxy-tab-s10-bezel-mask\">\n          <rect x=\"0\" y=\"0\" width=\"870\" height=\"1364\" rx=\"28\" fill=\"white\" />\n          <rect x=\"24\" y=\"24\" width=\"822\" height=\"1316\" rx=\"12\" fill=\"black\" />\n        </mask>\n      </defs>\n      <rect x=\"0\" y=\"0\" width=\"870\" height=\"1364\" rx=\"28\" fill={bodyFill} mask=\"url(#galaxy-tab-s10-bezel-mask)\" />\n      <rect x=\"4\" y=\"4\" width=\"862\" height=\"1356\" rx=\"24\" fill=\"none\" stroke={stroke} strokeWidth=\"2\" />\n      <circle cx=\"435\" cy=\"14\" r=\"3\" fill=\"#1c1c1e\" />\n    </svg>\n  );\n}\n\nexport const GALAXY_TAB_S10_FRAME: DeviceFrameInfo = {\n  bezelTop: 24,\n  bezelBottom: 24,\n  bezelLeft: 24,\n  bezelRight: 24,\n  totalWidth: 870,\n  totalHeight: 1364,\n  screenWidth: 822,\n  screenHeight: 1316,\n  screenRadius: 12,\n};\n\nexport const GALAXY_TAB_S10_SCREEN_RECT: SVGScreenRect = {\n  x: 24,\n  y: 24,\n  width: 822,\n  height: 1316,\n  rx: 12,\n};\n"],"mappings":";AAoFQ,SACE,KADF;AAvED,IAAM,sBAAkC;AAAA,EAC7C,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,aAAa;AAAA,IACb,cAAc;AAAA,IACd,KAAK;AAAA,EACP;AACF;AAEO,IAAM,wBAA0C;AAAA,EACrD,MAAM;AAAA,EACN,UAAU;AAAA,IACR,UAAU,EAAE,KAAK,IAAI,QAAQ,IAAI,MAAM,GAAG,OAAO,EAAE;AAAA,IACnD,WAAW,EAAE,KAAK,IAAI,QAAQ,IAAI,MAAM,GAAG,OAAO,EAAE;AAAA,EACtD;AAAA,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,YAAY;AAAA,EAClE;AAAA,EACA,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU,EAAE,MAAM,SAAS,WAAW,IAAI;AAAA,IAC1C,YAAY,EAAE,MAAM,SAAS,WAAW,IAAI;AAAA,IAC5C,OAAO,EAAE,MAAM,SAAS,WAAW,GAAG;AAAA,EACxC;AACF;AAYO,SAAS,gBAAgB,EAAE,cAAc,SAAS,MAAM,GAAmB;AAChF,QAAM,WAAW,gBAAgB,SAAS,YAAY;AACtD,QAAM,SAAS,gBAAgB,SAAS,YAAY;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,qBAAoB;AAAA,MACpB,OAAM;AAAA,MACN;AAAA,MAEA;AAAA,4BAAC,UACC,+BAAC,UAAK,IAAG,6BACP;AAAA,8BAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,OAAM,QAAO,QAAO,IAAG,MAAK,MAAK,SAAQ;AAAA,UACjE,oBAAC,UAAK,GAAE,MAAK,GAAE,MAAK,OAAM,OAAM,QAAO,QAAO,IAAG,MAAK,MAAK,SAAQ;AAAA,WACrE,GACF;AAAA,QACA,oBAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,OAAM,QAAO,QAAO,IAAG,MAAK,MAAM,UAAU,MAAK,mCAAkC;AAAA,QAC3G,oBAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,OAAM,QAAO,QAAO,IAAG,MAAK,MAAK,QAAO,QAAgB,aAAY,KAAI;AAAA,QAChG,oBAAC,YAAO,IAAG,OAAM,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEO,IAAM,uBAAwC;AAAA,EACnD,UAAU;AAAA,EACV,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAChB;AAEO,IAAM,6BAA4C;AAAA,EACvD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,IAAI;AACN;","names":[]}

package/dist/contract-types-Ch_kM--q.d.cts

@@ -0,0 +1,167 @@
+interface SafeAreaInsets {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+type HardwareOverlayType = "dynamic-island" | "notch" | "punch-hole" | "pill-cutout" | "none";
+interface OverlayRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    shape: "pill" | "circle" | "teardrop" | "rectangle";
+    cornerRadius?: number;
+}
+interface ContentRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface DeviceCSSVariables {
+    "--device-width": string;
+    "--device-height": string;
+    "--safe-top": string;
+    "--safe-bottom": string;
+    "--safe-left": string;
+    "--safe-right": string;
+    "--status-bar-height": string;
+    "--home-indicator-height": string;
+    "--corner-radius": string;
+    "--island-width"?: string;
+    "--island-height"?: string;
+}
+interface DeviceMeta {
+    id: string;
+    name: string;
+    platform: "ios" | "android";
+    year: number;
+    /** Device form factor — drives gallery grouping and layout heuristics */
+    formFactor?: "tablet" | "phone" | "foldable";
+    screen: {
+        width: number;
+        height: number;
+        physicalWidth: number;
+        physicalHeight: number;
+        dpr: number;
+        aspectRatio: string;
+        cornerRadius: number;
+        ppi: number;
+    };
+}
+interface DeviceFrameInfo {
+    bezelTop: number;
+    bezelBottom: number;
+    bezelLeft: number;
+    bezelRight: number;
+    totalWidth: number;
+    totalHeight: number;
+    screenWidth: number;
+    screenHeight: number;
+    screenRadius: number;
+    /** Optional per-edge overrides. Fall back to screenRadius when unset. */
+    screenRadiusTop?: number;
+    screenRadiusBottom?: number;
+}
+interface SVGCropRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface SVGScreenRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rx?: number;
+    /** Optional per-edge overrides. Fall back to `rx` when unset. */
+    rxTop?: number;
+    rxBottom?: number;
+}
+interface DeviceLayoutContract {
+    device: {
+        id: string;
+        name: string;
+        platform: "ios" | "android";
+        year: number;
+    };
+    screen: DeviceMeta["screen"];
+    safeArea: {
+        portrait: SafeAreaInsets;
+        landscape: SafeAreaInsets;
+    };
+    hardwareOverlays: {
+        type: HardwareOverlayType;
+        portrait: OverlayRect;
+        landscape?: OverlayRect;
+    };
+    statusBar: {
+        height: number;
+        style: "dynamic-island" | "notch" | "fullwidth";
+        hasTime: boolean;
+        hasBattery: boolean;
+        hasSignal: boolean;
+    };
+    homeIndicator: {
+        type: "swipe-bar" | "button" | "gestureline" | "none";
+        height: number;
+        width?: number;
+        visible: boolean;
+    };
+    hardwareButtons?: {
+        volumeUp?: {
+            side: "left" | "right";
+            yPosition: number;
+            height?: number;
+        };
+        volumeDown?: {
+            side: "left" | "right";
+            yPosition: number;
+            height?: number;
+        };
+        power?: {
+            side: "left" | "right";
+            yPosition: number;
+            height?: number;
+        };
+        actionButton?: {
+            side: "left" | "right";
+            yPosition: number;
+        };
+        cameraControl?: {
+            side: "left" | "right";
+            yPosition: number;
+        };
+    };
+    contentZone: {
+        portrait: ContentRect;
+        landscape: ContentRect;
+    };
+    cssVariables: DeviceCSSVariables;
+    aiPromptConstraints: string;
+}
+interface DeviceLayoutData {
+    meta: DeviceMeta;
+    safeArea: {
+        portrait: SafeAreaInsets;
+        landscape: SafeAreaInsets;
+    };
+    hardwareOverlays: DeviceLayoutContract["hardwareOverlays"];
+    statusBar: DeviceLayoutContract["statusBar"];
+    homeIndicator: DeviceLayoutContract["homeIndicator"];
+    hardwareButtons?: DeviceLayoutContract["hardwareButtons"];
+}
+interface RegisteredDevice {
+    meta: DeviceMeta;
+    normalizedSVG: string;
+    contract: DeviceLayoutContract;
+    registeredAt: string;
+    source: "builtin" | "custom";
+    frameInfo?: DeviceFrameInfo;
+    svgCrop?: SVGCropRect;
+    screenRect?: SVGScreenRect;
+}
+
+export type { ContentRect as C, DeviceMeta as D, HardwareOverlayType as H, OverlayRect as O, RegisteredDevice as R, SafeAreaInsets as S, DeviceLayoutData as a, DeviceLayoutContract as b, DeviceCSSVariables as c, DeviceFrameInfo as d, SVGScreenRect as e, SVGCropRect as f };

package/dist/contract-types-Ch_kM--q.d.ts

@@ -0,0 +1,167 @@
+interface SafeAreaInsets {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+type HardwareOverlayType = "dynamic-island" | "notch" | "punch-hole" | "pill-cutout" | "none";
+interface OverlayRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    shape: "pill" | "circle" | "teardrop" | "rectangle";
+    cornerRadius?: number;
+}
+interface ContentRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface DeviceCSSVariables {
+    "--device-width": string;
+    "--device-height": string;
+    "--safe-top": string;
+    "--safe-bottom": string;
+    "--safe-left": string;
+    "--safe-right": string;
+    "--status-bar-height": string;
+    "--home-indicator-height": string;
+    "--corner-radius": string;
+    "--island-width"?: string;
+    "--island-height"?: string;
+}
+interface DeviceMeta {
+    id: string;
+    name: string;
+    platform: "ios" | "android";
+    year: number;
+    /** Device form factor — drives gallery grouping and layout heuristics */
+    formFactor?: "tablet" | "phone" | "foldable";
+    screen: {
+        width: number;
+        height: number;
+        physicalWidth: number;
+        physicalHeight: number;
+        dpr: number;
+        aspectRatio: string;
+        cornerRadius: number;
+        ppi: number;
+    };
+}
+interface DeviceFrameInfo {
+    bezelTop: number;
+    bezelBottom: number;
+    bezelLeft: number;
+    bezelRight: number;
+    totalWidth: number;
+    totalHeight: number;
+    screenWidth: number;
+    screenHeight: number;
+    screenRadius: number;
+    /** Optional per-edge overrides. Fall back to screenRadius when unset. */
+    screenRadiusTop?: number;
+    screenRadiusBottom?: number;
+}
+interface SVGCropRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface SVGScreenRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rx?: number;
+    /** Optional per-edge overrides. Fall back to `rx` when unset. */
+    rxTop?: number;
+    rxBottom?: number;
+}
+interface DeviceLayoutContract {
+    device: {
+        id: string;
+        name: string;
+        platform: "ios" | "android";
+        year: number;
+    };
+    screen: DeviceMeta["screen"];
+    safeArea: {
+        portrait: SafeAreaInsets;
+        landscape: SafeAreaInsets;
+    };
+    hardwareOverlays: {
+        type: HardwareOverlayType;
+        portrait: OverlayRect;
+        landscape?: OverlayRect;
+    };
+    statusBar: {
+        height: number;
+        style: "dynamic-island" | "notch" | "fullwidth";
+        hasTime: boolean;
+        hasBattery: boolean;
+        hasSignal: boolean;
+    };
+    homeIndicator: {
+        type: "swipe-bar" | "button" | "gestureline" | "none";
+        height: number;
+        width?: number;
+        visible: boolean;
+    };
+    hardwareButtons?: {
+        volumeUp?: {
+            side: "left" | "right";
+            yPosition: number;
+            height?: number;
+        };
+        volumeDown?: {
+            side: "left" | "right";
+            yPosition: number;
+            height?: number;
+        };
+        power?: {
+            side: "left" | "right";
+            yPosition: number;
+            height?: number;
+        };
+        actionButton?: {
+            side: "left" | "right";
+            yPosition: number;
+        };
+        cameraControl?: {
+            side: "left" | "right";
+            yPosition: number;
+        };
+    };
+    contentZone: {
+        portrait: ContentRect;
+        landscape: ContentRect;
+    };
+    cssVariables: DeviceCSSVariables;
+    aiPromptConstraints: string;
+}
+interface DeviceLayoutData {
+    meta: DeviceMeta;
+    safeArea: {
+        portrait: SafeAreaInsets;
+        landscape: SafeAreaInsets;
+    };
+    hardwareOverlays: DeviceLayoutContract["hardwareOverlays"];
+    statusBar: DeviceLayoutContract["statusBar"];
+    homeIndicator: DeviceLayoutContract["homeIndicator"];
+    hardwareButtons?: DeviceLayoutContract["hardwareButtons"];
+}
+interface RegisteredDevice {
+    meta: DeviceMeta;
+    normalizedSVG: string;
+    contract: DeviceLayoutContract;
+    registeredAt: string;
+    source: "builtin" | "custom";
+    frameInfo?: DeviceFrameInfo;
+    svgCrop?: SVGCropRect;
+    screenRect?: SVGScreenRect;
+}
+
+export type { ContentRect as C, DeviceMeta as D, HardwareOverlayType as H, OverlayRect as O, RegisteredDevice as R, SafeAreaInsets as S, DeviceLayoutData as a, DeviceLayoutContract as b, DeviceCSSVariables as c, DeviceFrameInfo as d, SVGScreenRect as e, SVGCropRect as f };