@mmtitanl/tablets 0.1.1

package/dist/ios/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/ios/index.ts
+var ios_exports = {};
+__export(ios_exports, {
+  IPAD_PRO_13_FRAME: () => IPAD_PRO_13_FRAME,
+  IPAD_PRO_13_LAYOUT: () => IPAD_PRO_13_LAYOUT,
+  IPAD_PRO_13_META: () => IPAD_PRO_13_META,
+  IPAD_PRO_13_SCREEN_RECT: () => IPAD_PRO_13_SCREEN_RECT,
+  IPadPro13SVG: () => IPadPro13SVG
+});
+module.exports = __toCommonJS(ios_exports);
+
+// src/ios/ipad-pro-13.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var IPAD_PRO_13_META = {
+  id: "ipad-pro-13",
+  name: 'iPad Pro 13"',
+  platform: "ios",
+  year: 2024,
+  formFactor: "tablet",
+  screen: {
+    width: 1032,
+    height: 1376,
+    physicalWidth: 2064,
+    physicalHeight: 2752,
+    dpr: 2,
+    aspectRatio: "4:3",
+    cornerRadius: 18,
+    ppi: 264
+  }
+};
+var IPAD_PRO_13_LAYOUT = {
+  meta: IPAD_PRO_13_META,
+  safeArea: {
+    portrait: { top: 24, bottom: 20, left: 0, right: 0 },
+    landscape: { top: 24, bottom: 20, 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: "swipe-bar",
+    height: 5,
+    width: 340,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "right", yPosition: 80 },
+    volumeDown: { side: "right", yPosition: 150 },
+    power: { side: "right", yPosition: 30 }
+  }
+};
+function IPadPro13SVG({ colorScheme = "light", style }) {
+  const bodyFill = colorScheme === "dark" ? "#1c1c1e" : "#e5e5e7";
+  const stroke = colorScheme === "dark" ? "#3a3a3c" : "#c7c7cc";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: "100%",
+      height: "100%",
+      viewBox: "0 0 1080 1424",
+      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: "ipad-pro-13-bezel-mask", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "1080", height: "1424", rx: "40", fill: "white" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "24", y: "24", width: "1032", height: "1376", rx: "18", fill: "black" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "1080", height: "1424", rx: "40", fill: bodyFill, mask: "url(#ipad-pro-13-bezel-mask)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "6", y: "6", width: "1068", height: "1412", rx: "36", fill: "none", stroke, strokeWidth: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "540", cy: "14", r: "4", fill: "#2c2c2e" })
+      ]
+    }
+  );
+}
+var IPAD_PRO_13_FRAME = {
+  bezelTop: 24,
+  bezelBottom: 24,
+  bezelLeft: 24,
+  bezelRight: 24,
+  totalWidth: 1080,
+  totalHeight: 1424,
+  screenWidth: 1032,
+  screenHeight: 1376,
+  screenRadius: 18
+};
+var IPAD_PRO_13_SCREEN_RECT = {
+  x: 24,
+  y: 24,
+  width: 1032,
+  height: 1376,
+  rx: 18
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IPAD_PRO_13_FRAME,
+  IPAD_PRO_13_LAYOUT,
+  IPAD_PRO_13_META,
+  IPAD_PRO_13_SCREEN_RECT,
+  IPadPro13SVG
+});
+//# sourceMappingURL=index.cjs.map

package/dist/ios/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ios/index.ts","../../src/ios/ipad-pro-13.tsx"],"sourcesContent":["export {\n  IPAD_PRO_13_META,\n  IPAD_PRO_13_LAYOUT,\n  IPAD_PRO_13_FRAME,\n  IPAD_PRO_13_SCREEN_RECT,\n  IPadPro13SVG,\n} from \"./ipad-pro-13.js\";\n","import type { CSSProperties } from \"react\";\nimport type { DeviceLayoutData, DeviceMeta, DeviceFrameInfo, SVGScreenRect } from \"../contract-types.js\";\n\n/**\n * iPad Pro 13\" (M4, 2024) — dimensions\n *\n * Screen: 1032 × 1376 pt @ 2x  (physical 2064 × 2752)\n * Display: 13\" Ultra Retina XDR OLED Tandem, 264 PPI\n * Hardware: TrueDepth camera (landscape edge), no notch, no home button\n * Frame: Aluminum\n */\nexport const IPAD_PRO_13_META: DeviceMeta = {\n  id: \"ipad-pro-13\",\n  name: \"iPad Pro 13\\\"\",\n  platform: \"ios\",\n  year: 2024,\n  formFactor: \"tablet\",\n  screen: {\n    width: 1032,\n    height: 1376,\n    physicalWidth: 2064,\n    physicalHeight: 2752,\n    dpr: 2,\n    aspectRatio: \"4:3\",\n    cornerRadius: 18,\n    ppi: 264,\n  },\n};\n\nexport const IPAD_PRO_13_LAYOUT: DeviceLayoutData = {\n  meta: IPAD_PRO_13_META,\n  safeArea: {\n    portrait: { top: 24, bottom: 20, left: 0, right: 0 },\n    landscape: { top: 24, bottom: 20, 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: \"swipe-bar\",\n    height: 5,\n    width: 340,\n    visible: true,\n  },\n  hardwareButtons: {\n    volumeUp: { side: \"right\", yPosition: 80 },\n    volumeDown: { side: \"right\", yPosition: 150 },\n    power: { side: \"right\", yPosition: 30 },\n  },\n};\n\n/**\n * Placeholder SVG frame for iPad Pro 13\".\n * Replace this with the production SVG. The viewBox must match\n * the device's logical point dimensions (1032 × 1376) for the\n * adaptive scaling and screen-mask to align correctly.\n *\n * If your source SVG uses physical pixels (2064 × 2752), pass it\n * through `normalizeSVGToLogicalPoints` first.\n */\ninterface DeviceSVGProps {\n  colorScheme?: \"light\" | \"dark\";\n  style?: CSSProperties;\n}\n\nexport function IPadPro13SVG({ colorScheme = \"light\", style }: DeviceSVGProps) {\n  const bodyFill = colorScheme === \"dark\" ? \"#1c1c1e\" : \"#e5e5e7\";\n  const stroke = colorScheme === \"dark\" ? \"#3a3a3c\" : \"#c7c7cc\";\n  return (\n    <svg\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 1080 1424\"\n      preserveAspectRatio=\"xMidYMid meet\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={style}\n    >\n      <defs>\n        <mask id=\"ipad-pro-13-bezel-mask\">\n          <rect x=\"0\" y=\"0\" width=\"1080\" height=\"1424\" rx=\"40\" fill=\"white\" />\n          <rect x=\"24\" y=\"24\" width=\"1032\" height=\"1376\" rx=\"18\" fill=\"black\" />\n        </mask>\n      </defs>\n      <rect x=\"0\" y=\"0\" width=\"1080\" height=\"1424\" rx=\"40\" fill={bodyFill} mask=\"url(#ipad-pro-13-bezel-mask)\" />\n      <rect x=\"6\" y=\"6\" width=\"1068\" height=\"1412\" rx=\"36\" fill=\"none\" stroke={stroke} strokeWidth=\"2\" />\n      <circle cx=\"540\" cy=\"14\" r=\"4\" fill=\"#2c2c2e\" />\n    </svg>\n  );\n}\n\nexport const IPAD_PRO_13_FRAME: DeviceFrameInfo = {\n  bezelTop: 24,\n  bezelBottom: 24,\n  bezelLeft: 24,\n  bezelRight: 24,\n  totalWidth: 1080,\n  totalHeight: 1424,\n  screenWidth: 1032,\n  screenHeight: 1376,\n  screenRadius: 18,\n};\n\nexport const IPAD_PRO_13_SCREEN_RECT: SVGScreenRect = {\n  x: 24,\n  y: 24,\n  width: 1032,\n  height: 1376,\n  rx: 18,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACsFQ;AA3ED,IAAM,mBAA+B;AAAA,EAC1C,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,qBAAuC;AAAA,EAClD,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,GAAG;AAAA,IACzC,YAAY,EAAE,MAAM,SAAS,WAAW,IAAI;AAAA,IAC5C,OAAO,EAAE,MAAM,SAAS,WAAW,GAAG;AAAA,EACxC;AACF;AAgBO,SAAS,aAAa,EAAE,cAAc,SAAS,MAAM,GAAmB;AAC7E,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,0BACP;AAAA,sDAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,QAAO,QAAO,QAAO,IAAG,MAAK,MAAK,SAAQ;AAAA,UAClE,4CAAC,UAAK,GAAE,MAAK,GAAE,MAAK,OAAM,QAAO,QAAO,QAAO,IAAG,MAAK,MAAK,SAAQ;AAAA,WACtE,GACF;AAAA,QACA,4CAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,QAAO,QAAO,QAAO,IAAG,MAAK,MAAM,UAAU,MAAK,gCAA+B;AAAA,QACzG,4CAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,QAAO,QAAO,QAAO,IAAG,MAAK,MAAK,QAAO,QAAgB,aAAY,KAAI;AAAA,QACjG,4CAAC,YAAO,IAAG,OAAM,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEO,IAAM,oBAAqC;AAAA,EAChD,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,0BAAyC;AAAA,EACpD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,IAAI;AACN;","names":[]}

package/dist/ios/index.d.cts

@@ -0,0 +1,32 @@
+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';
+
+/**
+ * iPad Pro 13" (M4, 2024) — dimensions
+ *
+ * Screen: 1032 × 1376 pt @ 2x  (physical 2064 × 2752)
+ * Display: 13" Ultra Retina XDR OLED Tandem, 264 PPI
+ * Hardware: TrueDepth camera (landscape edge), no notch, no home button
+ * Frame: Aluminum
+ */
+declare const IPAD_PRO_13_META: DeviceMeta;
+declare const IPAD_PRO_13_LAYOUT: DeviceLayoutData;
+/**
+ * Placeholder SVG frame for iPad Pro 13".
+ * Replace this with the production SVG. The viewBox must match
+ * the device's logical point dimensions (1032 × 1376) for the
+ * adaptive scaling and screen-mask to align correctly.
+ *
+ * If your source SVG uses physical pixels (2064 × 2752), pass it
+ * through `normalizeSVGToLogicalPoints` first.
+ */
+interface DeviceSVGProps {
+    colorScheme?: "light" | "dark";
+    style?: CSSProperties;
+}
+declare function IPadPro13SVG({ colorScheme, style }: DeviceSVGProps): react.JSX.Element;
+declare const IPAD_PRO_13_FRAME: DeviceFrameInfo;
+declare const IPAD_PRO_13_SCREEN_RECT: SVGScreenRect;
+
+export { IPAD_PRO_13_FRAME, IPAD_PRO_13_LAYOUT, IPAD_PRO_13_META, IPAD_PRO_13_SCREEN_RECT, IPadPro13SVG };

package/dist/ios/index.d.ts

@@ -0,0 +1,32 @@
+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';
+
+/**
+ * iPad Pro 13" (M4, 2024) — dimensions
+ *
+ * Screen: 1032 × 1376 pt @ 2x  (physical 2064 × 2752)
+ * Display: 13" Ultra Retina XDR OLED Tandem, 264 PPI
+ * Hardware: TrueDepth camera (landscape edge), no notch, no home button
+ * Frame: Aluminum
+ */
+declare const IPAD_PRO_13_META: DeviceMeta;
+declare const IPAD_PRO_13_LAYOUT: DeviceLayoutData;
+/**
+ * Placeholder SVG frame for iPad Pro 13".
+ * Replace this with the production SVG. The viewBox must match
+ * the device's logical point dimensions (1032 × 1376) for the
+ * adaptive scaling and screen-mask to align correctly.
+ *
+ * If your source SVG uses physical pixels (2064 × 2752), pass it
+ * through `normalizeSVGToLogicalPoints` first.
+ */
+interface DeviceSVGProps {
+    colorScheme?: "light" | "dark";
+    style?: CSSProperties;
+}
+declare function IPadPro13SVG({ colorScheme, style }: DeviceSVGProps): react.JSX.Element;
+declare const IPAD_PRO_13_FRAME: DeviceFrameInfo;
+declare const IPAD_PRO_13_SCREEN_RECT: SVGScreenRect;
+
+export { IPAD_PRO_13_FRAME, IPAD_PRO_13_LAYOUT, IPAD_PRO_13_META, IPAD_PRO_13_SCREEN_RECT, IPadPro13SVG };

package/dist/ios/index.js

@@ -0,0 +1,98 @@
+// src/ios/ipad-pro-13.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var IPAD_PRO_13_META = {
+  id: "ipad-pro-13",
+  name: 'iPad Pro 13"',
+  platform: "ios",
+  year: 2024,
+  formFactor: "tablet",
+  screen: {
+    width: 1032,
+    height: 1376,
+    physicalWidth: 2064,
+    physicalHeight: 2752,
+    dpr: 2,
+    aspectRatio: "4:3",
+    cornerRadius: 18,
+    ppi: 264
+  }
+};
+var IPAD_PRO_13_LAYOUT = {
+  meta: IPAD_PRO_13_META,
+  safeArea: {
+    portrait: { top: 24, bottom: 20, left: 0, right: 0 },
+    landscape: { top: 24, bottom: 20, 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: "swipe-bar",
+    height: 5,
+    width: 340,
+    visible: true
+  },
+  hardwareButtons: {
+    volumeUp: { side: "right", yPosition: 80 },
+    volumeDown: { side: "right", yPosition: 150 },
+    power: { side: "right", yPosition: 30 }
+  }
+};
+function IPadPro13SVG({ colorScheme = "light", style }) {
+  const bodyFill = colorScheme === "dark" ? "#1c1c1e" : "#e5e5e7";
+  const stroke = colorScheme === "dark" ? "#3a3a3c" : "#c7c7cc";
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      height: "100%",
+      viewBox: "0 0 1080 1424",
+      preserveAspectRatio: "xMidYMid meet",
+      xmlns: "http://www.w3.org/2000/svg",
+      style,
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", { id: "ipad-pro-13-bezel-mask", children: [
+          /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "1080", height: "1424", rx: "40", fill: "white" }),
+          /* @__PURE__ */ jsx("rect", { x: "24", y: "24", width: "1032", height: "1376", rx: "18", fill: "black" })
+        ] }) }),
+        /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "1080", height: "1424", rx: "40", fill: bodyFill, mask: "url(#ipad-pro-13-bezel-mask)" }),
+        /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "1068", height: "1412", rx: "36", fill: "none", stroke, strokeWidth: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "540", cy: "14", r: "4", fill: "#2c2c2e" })
+      ]
+    }
+  );
+}
+var IPAD_PRO_13_FRAME = {
+  bezelTop: 24,
+  bezelBottom: 24,
+  bezelLeft: 24,
+  bezelRight: 24,
+  totalWidth: 1080,
+  totalHeight: 1424,
+  screenWidth: 1032,
+  screenHeight: 1376,
+  screenRadius: 18
+};
+var IPAD_PRO_13_SCREEN_RECT = {
+  x: 24,
+  y: 24,
+  width: 1032,
+  height: 1376,
+  rx: 18
+};
+export {
+  IPAD_PRO_13_FRAME,
+  IPAD_PRO_13_LAYOUT,
+  IPAD_PRO_13_META,
+  IPAD_PRO_13_SCREEN_RECT,
+  IPadPro13SVG
+};
+//# sourceMappingURL=index.js.map

package/dist/ios/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ios/ipad-pro-13.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { DeviceLayoutData, DeviceMeta, DeviceFrameInfo, SVGScreenRect } from \"../contract-types.js\";\n\n/**\n * iPad Pro 13\" (M4, 2024) — dimensions\n *\n * Screen: 1032 × 1376 pt @ 2x  (physical 2064 × 2752)\n * Display: 13\" Ultra Retina XDR OLED Tandem, 264 PPI\n * Hardware: TrueDepth camera (landscape edge), no notch, no home button\n * Frame: Aluminum\n */\nexport const IPAD_PRO_13_META: DeviceMeta = {\n  id: \"ipad-pro-13\",\n  name: \"iPad Pro 13\\\"\",\n  platform: \"ios\",\n  year: 2024,\n  formFactor: \"tablet\",\n  screen: {\n    width: 1032,\n    height: 1376,\n    physicalWidth: 2064,\n    physicalHeight: 2752,\n    dpr: 2,\n    aspectRatio: \"4:3\",\n    cornerRadius: 18,\n    ppi: 264,\n  },\n};\n\nexport const IPAD_PRO_13_LAYOUT: DeviceLayoutData = {\n  meta: IPAD_PRO_13_META,\n  safeArea: {\n    portrait: { top: 24, bottom: 20, left: 0, right: 0 },\n    landscape: { top: 24, bottom: 20, 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: \"swipe-bar\",\n    height: 5,\n    width: 340,\n    visible: true,\n  },\n  hardwareButtons: {\n    volumeUp: { side: \"right\", yPosition: 80 },\n    volumeDown: { side: \"right\", yPosition: 150 },\n    power: { side: \"right\", yPosition: 30 },\n  },\n};\n\n/**\n * Placeholder SVG frame for iPad Pro 13\".\n * Replace this with the production SVG. The viewBox must match\n * the device's logical point dimensions (1032 × 1376) for the\n * adaptive scaling and screen-mask to align correctly.\n *\n * If your source SVG uses physical pixels (2064 × 2752), pass it\n * through `normalizeSVGToLogicalPoints` first.\n */\ninterface DeviceSVGProps {\n  colorScheme?: \"light\" | \"dark\";\n  style?: CSSProperties;\n}\n\nexport function IPadPro13SVG({ colorScheme = \"light\", style }: DeviceSVGProps) {\n  const bodyFill = colorScheme === \"dark\" ? \"#1c1c1e\" : \"#e5e5e7\";\n  const stroke = colorScheme === \"dark\" ? \"#3a3a3c\" : \"#c7c7cc\";\n  return (\n    <svg\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 1080 1424\"\n      preserveAspectRatio=\"xMidYMid meet\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={style}\n    >\n      <defs>\n        <mask id=\"ipad-pro-13-bezel-mask\">\n          <rect x=\"0\" y=\"0\" width=\"1080\" height=\"1424\" rx=\"40\" fill=\"white\" />\n          <rect x=\"24\" y=\"24\" width=\"1032\" height=\"1376\" rx=\"18\" fill=\"black\" />\n        </mask>\n      </defs>\n      <rect x=\"0\" y=\"0\" width=\"1080\" height=\"1424\" rx=\"40\" fill={bodyFill} mask=\"url(#ipad-pro-13-bezel-mask)\" />\n      <rect x=\"6\" y=\"6\" width=\"1068\" height=\"1412\" rx=\"36\" fill=\"none\" stroke={stroke} strokeWidth=\"2\" />\n      <circle cx=\"540\" cy=\"14\" r=\"4\" fill=\"#2c2c2e\" />\n    </svg>\n  );\n}\n\nexport const IPAD_PRO_13_FRAME: DeviceFrameInfo = {\n  bezelTop: 24,\n  bezelBottom: 24,\n  bezelLeft: 24,\n  bezelRight: 24,\n  totalWidth: 1080,\n  totalHeight: 1424,\n  screenWidth: 1032,\n  screenHeight: 1376,\n  screenRadius: 18,\n};\n\nexport const IPAD_PRO_13_SCREEN_RECT: SVGScreenRect = {\n  x: 24,\n  y: 24,\n  width: 1032,\n  height: 1376,\n  rx: 18,\n};\n"],"mappings":";AAsFQ,SACE,KADF;AA3ED,IAAM,mBAA+B;AAAA,EAC1C,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,qBAAuC;AAAA,EAClD,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,GAAG;AAAA,IACzC,YAAY,EAAE,MAAM,SAAS,WAAW,IAAI;AAAA,IAC5C,OAAO,EAAE,MAAM,SAAS,WAAW,GAAG;AAAA,EACxC;AACF;AAgBO,SAAS,aAAa,EAAE,cAAc,SAAS,MAAM,GAAmB;AAC7E,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,0BACP;AAAA,8BAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,QAAO,QAAO,QAAO,IAAG,MAAK,MAAK,SAAQ;AAAA,UAClE,oBAAC,UAAK,GAAE,MAAK,GAAE,MAAK,OAAM,QAAO,QAAO,QAAO,IAAG,MAAK,MAAK,SAAQ;AAAA,WACtE,GACF;AAAA,QACA,oBAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,QAAO,QAAO,QAAO,IAAG,MAAK,MAAM,UAAU,MAAK,gCAA+B;AAAA,QACzG,oBAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,QAAO,QAAO,QAAO,IAAG,MAAK,MAAK,QAAO,QAAgB,aAAY,KAAI;AAAA,QACjG,oBAAC,YAAO,IAAG,OAAM,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEO,IAAM,oBAAqC;AAAA,EAChD,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,0BAAyC;AAAA,EACpD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,IAAI;AACN;","names":[]}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@mmtitanl/tablets",
+  "version": "0.1.1",
+  "description": "Built-in tablet SVG library and layout contracts for BielaFrame — iPad and Galaxy Tab",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./ios/*": {
+      "import": {
+        "types": "./dist/ios/*.d.ts",
+        "default": "./dist/ios/*.js"
+      },
+      "require": {
+        "types": "./dist/ios/*.d.cts",
+        "default": "./dist/ios/*.cjs"
+      }
+    },
+    "./android/*": {
+      "import": {
+        "types": "./dist/android/*.d.ts",
+        "default": "./dist/android/*.js"
+      },
+      "require": {
+        "types": "./dist/android/*.d.cts",
+        "default": "./dist/android/*.cjs"
+      }
+    }
+  },
+  "files": ["dist"],
+  "sideEffects": false,
+  "keywords": ["tablet", "ipad", "galaxy-tab", "mockup", "svg", "react"],
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}