@mmtitanl/tablets 0.1.1 → 0.2.0

package/dist/index.d.cts

@@ -1,8 +1,8 @@
-import { D as DeviceMeta, a as DeviceLayoutData, b as DeviceLayoutContract, S as SafeAreaInsets, c as DeviceCSSVariables, C as ContentRect, R as RegisteredDevice, H as HardwareOverlayType, O as OverlayRect, d as DeviceFrameInfo, e as SVGScreenRect } from './contract-types-Ch_kM--q.cjs';
+import { D as DeviceMeta, a as DeviceLayoutData, b as DeviceLayoutContract, S as SafeAreaInsets, c as DeviceCSSVariables, C as ContentRect, R as RegisteredDevice, d as DeviceFrameInfo, e as SVGScreenRect, H as HardwareOverlayType, O as OverlayRect } from './contract-types-Ch_kM--q.cjs';
 export { f as SVGCropRect } from './contract-types-Ch_kM--q.cjs';
-export { IPAD_PRO_13_FRAME, IPAD_PRO_13_LAYOUT, IPAD_PRO_13_META, IPAD_PRO_13_SCREEN_RECT, IPadPro13SVG } from './ios/index.cjs';
 import * as react from 'react';
-import { CSSProperties } from 'react';
+import { FC, CSSProperties } from 'react';
+export { IPAD_PRO_13_FRAME, IPAD_PRO_13_LAYOUT, IPAD_PRO_13_META, IPAD_PRO_13_SCREEN_RECT, IPadPro13SVG } from './ios/index.cjs';
 export { GALAXY_TAB_S10_FRAME, GALAXY_TAB_S10_LAYOUT, GALAXY_TAB_S10_META, GALAXY_TAB_S10_SCREEN_RECT, GalaxyTabS10SVG } from './android/index.cjs';
 
 declare function deriveContentZone(screenWidth: number, screenHeight: number, safeArea: SafeAreaInsets): ContentRect;
@@ -40,6 +40,28 @@ declare class DeviceRegistry {
 declare function getDeviceRegistry(): DeviceRegistry;
 declare function resetDeviceRegistry(): void;
 
+interface CustomDevicePersisted {
+    meta: DeviceMeta;
+    layout: Omit<DeviceLayoutData, "meta">;
+    svgString: string;
+    frame: DeviceFrameInfo;
+    screenRect: SVGScreenRect;
+    landscape?: {
+        svgString: string;
+        frame: DeviceFrameInfo;
+        screenRect: SVGScreenRect;
+    };
+}
+type DeviceSVGProps$j = {
+    colorScheme?: "light" | "dark";
+    style?: CSSProperties;
+};
+interface CustomDeviceRuntime extends CustomDevicePersisted {
+    Component: FC<DeviceSVGProps$j>;
+    LandscapeComponent?: FC<DeviceSVGProps$j>;
+}
+declare const CUSTOM_DEVICES: CustomDeviceRuntime[];
+
 interface SVGNativeDimensions {
     width: number;
     height: number;
@@ -380,4 +402,4 @@ declare function GalaxyZFold7OpenSVG({ style }: DeviceSVGProps): react.JSX.Eleme
 declare const GALAXY_Z_FOLD_7_OPEN_FRAME: DeviceFrameInfo;
 declare const GALAXY_Z_FOLD_7_OPEN_SCREEN_RECT: SVGScreenRect;
 
-export { BUILTIN_DEVICES, type ClassifiedButton, ContentRect, DEVICE_LAYOUTS, type DetectedZone, DeviceCSSVariables, DeviceFrameInfo, DeviceLayoutContract, DeviceLayoutData, DeviceMeta, DeviceRegistry, GALAXY_S25_EDGE_FRAME, GALAXY_S25_EDGE_LAYOUT, GALAXY_S25_EDGE_META, GALAXY_S25_FRAME, GALAXY_S25_LAYOUT, GALAXY_S25_META, GALAXY_S25_SCREEN_RECT, GALAXY_S25_ULTRA_FRAME, GALAXY_S25_ULTRA_LAYOUT, GALAXY_S25_ULTRA_META, GALAXY_S25_ULTRA_SCREEN_RECT, GALAXY_TAB_S10_FE_FRAME, GALAXY_TAB_S10_FE_LAYOUT, GALAXY_TAB_S10_FE_META, GALAXY_TAB_S10_FE_SCREEN_RECT, GALAXY_TAB_S10_ULTRA_FRAME, GALAXY_TAB_S10_ULTRA_LAYOUT, GALAXY_TAB_S10_ULTRA_META, GALAXY_TAB_S10_ULTRA_SCREEN_RECT, GALAXY_Z_FOLD_7_FRAME, GALAXY_Z_FOLD_7_LAYOUT, GALAXY_Z_FOLD_7_META, GALAXY_Z_FOLD_7_OPEN_FRAME, GALAXY_Z_FOLD_7_OPEN_LAYOUT, GALAXY_Z_FOLD_7_OPEN_META, GALAXY_Z_FOLD_7_OPEN_SCREEN_RECT, GALAXY_Z_FOLD_7_SCREEN_RECT, GalaxyS25EdgeSVG, GalaxyS25SVG, GalaxyS25UltraSVG, GalaxyTabS10FeSVG, GalaxyTabS10UltraSVG, GalaxyZFold7OpenSVG, GalaxyZFold7SVG, HardwareOverlayType, IPAD_AIR_11_FRAME, IPAD_AIR_11_LAYOUT, IPAD_AIR_11_META, IPAD_AIR_11_SCREEN_RECT, IPAD_AIR_13_FRAME, IPAD_AIR_13_LAYOUT, IPAD_AIR_13_META, IPAD_AIR_13_SCREEN_RECT, IPAD_MINI_7_FRAME, IPAD_MINI_7_LAYOUT, IPAD_MINI_7_META, IPAD_MINI_7_SCREEN_RECT, IPAD_PRO_11_FRAME, IPAD_PRO_11_LAYOUT, IPAD_PRO_11_META, IPAD_PRO_11_SCREEN_RECT, IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16E_SCREEN_RECT, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_16_SCREEN_RECT, IPHONE_17_PRO_FRAME, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_FRAME, IPHONE_17_PRO_MAX_LAYOUT, IPHONE_17_PRO_MAX_META, IPHONE_17_PRO_MAX_SCREEN_RECT, IPHONE_17_PRO_META, IPHONE_17_PRO_SCREEN_RECT, IPHONE_AIR_FRAME, IPHONE_AIR_LAYOUT, IPHONE_AIR_META, IPHONE_AIR_SCREEN_RECT, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPHONE_SE_3_SCREEN_RECT, IPadAir11SVG, IPadAir13SVG, IPadMini7SVG, IPadPro11SVG, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG, type NormalizationResult, OverlayRect, PIXEL_9_PRO_FRAME, PIXEL_9_PRO_LAYOUT, PIXEL_9_PRO_META, PIXEL_9_PRO_SCREEN_RECT, PIXEL_9_PRO_XL_FRAME, PIXEL_9_PRO_XL_LAYOUT, PIXEL_9_PRO_XL_META, PIXEL_9_PRO_XL_SCREEN_RECT, type ParseSVGContractOptions, type ParsedZone, Pixel9ProSVG, Pixel9ProXLSVG, RegisteredDevice, type SVGAnalysis, type SVGNativeDimensions, SVGScreenRect, SafeAreaInsets, type ValidationResult, type ZoneType, analyzeSVGGeometry, autoDetectZones, buildAIPromptConstraints, buildCSSVariables, classifySideButtons, deriveContentZone, extractZones, getAllDeviceIds, getDeviceContract, getDeviceMetadata, getDeviceRegistry, listSVGLayerNames, normalizeSVGToLogicalPoints, parseSVGNativeDimensions, parseSVGToContract, resetDeviceRegistry, scopeSVGIds, validateNormalizedSVG };
+export { BUILTIN_DEVICES, CUSTOM_DEVICES, type ClassifiedButton, ContentRect, type CustomDevicePersisted, type CustomDeviceRuntime, DEVICE_LAYOUTS, type DetectedZone, DeviceCSSVariables, DeviceFrameInfo, DeviceLayoutContract, DeviceLayoutData, DeviceMeta, DeviceRegistry, type DeviceSVGProps$j as DeviceSVGProps, GALAXY_S25_EDGE_FRAME, GALAXY_S25_EDGE_LAYOUT, GALAXY_S25_EDGE_META, GALAXY_S25_FRAME, GALAXY_S25_LAYOUT, GALAXY_S25_META, GALAXY_S25_SCREEN_RECT, GALAXY_S25_ULTRA_FRAME, GALAXY_S25_ULTRA_LAYOUT, GALAXY_S25_ULTRA_META, GALAXY_S25_ULTRA_SCREEN_RECT, GALAXY_TAB_S10_FE_FRAME, GALAXY_TAB_S10_FE_LAYOUT, GALAXY_TAB_S10_FE_META, GALAXY_TAB_S10_FE_SCREEN_RECT, GALAXY_TAB_S10_ULTRA_FRAME, GALAXY_TAB_S10_ULTRA_LAYOUT, GALAXY_TAB_S10_ULTRA_META, GALAXY_TAB_S10_ULTRA_SCREEN_RECT, GALAXY_Z_FOLD_7_FRAME, GALAXY_Z_FOLD_7_LAYOUT, GALAXY_Z_FOLD_7_META, GALAXY_Z_FOLD_7_OPEN_FRAME, GALAXY_Z_FOLD_7_OPEN_LAYOUT, GALAXY_Z_FOLD_7_OPEN_META, GALAXY_Z_FOLD_7_OPEN_SCREEN_RECT, GALAXY_Z_FOLD_7_SCREEN_RECT, GalaxyS25EdgeSVG, GalaxyS25SVG, GalaxyS25UltraSVG, GalaxyTabS10FeSVG, GalaxyTabS10UltraSVG, GalaxyZFold7OpenSVG, GalaxyZFold7SVG, HardwareOverlayType, IPAD_AIR_11_FRAME, IPAD_AIR_11_LAYOUT, IPAD_AIR_11_META, IPAD_AIR_11_SCREEN_RECT, IPAD_AIR_13_FRAME, IPAD_AIR_13_LAYOUT, IPAD_AIR_13_META, IPAD_AIR_13_SCREEN_RECT, IPAD_MINI_7_FRAME, IPAD_MINI_7_LAYOUT, IPAD_MINI_7_META, IPAD_MINI_7_SCREEN_RECT, IPAD_PRO_11_FRAME, IPAD_PRO_11_LAYOUT, IPAD_PRO_11_META, IPAD_PRO_11_SCREEN_RECT, IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16E_SCREEN_RECT, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_16_SCREEN_RECT, IPHONE_17_PRO_FRAME, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_FRAME, IPHONE_17_PRO_MAX_LAYOUT, IPHONE_17_PRO_MAX_META, IPHONE_17_PRO_MAX_SCREEN_RECT, IPHONE_17_PRO_META, IPHONE_17_PRO_SCREEN_RECT, IPHONE_AIR_FRAME, IPHONE_AIR_LAYOUT, IPHONE_AIR_META, IPHONE_AIR_SCREEN_RECT, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPHONE_SE_3_SCREEN_RECT, IPadAir11SVG, IPadAir13SVG, IPadMini7SVG, IPadPro11SVG, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG, type NormalizationResult, OverlayRect, PIXEL_9_PRO_FRAME, PIXEL_9_PRO_LAYOUT, PIXEL_9_PRO_META, PIXEL_9_PRO_SCREEN_RECT, PIXEL_9_PRO_XL_FRAME, PIXEL_9_PRO_XL_LAYOUT, PIXEL_9_PRO_XL_META, PIXEL_9_PRO_XL_SCREEN_RECT, type ParseSVGContractOptions, type ParsedZone, Pixel9ProSVG, Pixel9ProXLSVG, RegisteredDevice, type SVGAnalysis, type SVGNativeDimensions, SVGScreenRect, SafeAreaInsets, type ValidationResult, type ZoneType, analyzeSVGGeometry, autoDetectZones, buildAIPromptConstraints, buildCSSVariables, classifySideButtons, deriveContentZone, extractZones, getAllDeviceIds, getDeviceContract, getDeviceMetadata, getDeviceRegistry, listSVGLayerNames, normalizeSVGToLogicalPoints, parseSVGNativeDimensions, parseSVGToContract, resetDeviceRegistry, scopeSVGIds, validateNormalizedSVG };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { D as DeviceMeta, a as DeviceLayoutData, b as DeviceLayoutContract, S as SafeAreaInsets, c as DeviceCSSVariables, C as ContentRect, R as RegisteredDevice, H as HardwareOverlayType, O as OverlayRect, d as DeviceFrameInfo, e as SVGScreenRect } from './contract-types-Ch_kM--q.js';
+import { D as DeviceMeta, a as DeviceLayoutData, b as DeviceLayoutContract, S as SafeAreaInsets, c as DeviceCSSVariables, C as ContentRect, R as RegisteredDevice, d as DeviceFrameInfo, e as SVGScreenRect, H as HardwareOverlayType, O as OverlayRect } from './contract-types-Ch_kM--q.js';
 export { f as SVGCropRect } from './contract-types-Ch_kM--q.js';
-export { IPAD_PRO_13_FRAME, IPAD_PRO_13_LAYOUT, IPAD_PRO_13_META, IPAD_PRO_13_SCREEN_RECT, IPadPro13SVG } from './ios/index.js';
 import * as react from 'react';
-import { CSSProperties } from 'react';
+import { FC, CSSProperties } from 'react';
+export { IPAD_PRO_13_FRAME, IPAD_PRO_13_LAYOUT, IPAD_PRO_13_META, IPAD_PRO_13_SCREEN_RECT, IPadPro13SVG } from './ios/index.js';
 export { GALAXY_TAB_S10_FRAME, GALAXY_TAB_S10_LAYOUT, GALAXY_TAB_S10_META, GALAXY_TAB_S10_SCREEN_RECT, GalaxyTabS10SVG } from './android/index.js';
 
 declare function deriveContentZone(screenWidth: number, screenHeight: number, safeArea: SafeAreaInsets): ContentRect;
@@ -40,6 +40,28 @@ declare class DeviceRegistry {
 declare function getDeviceRegistry(): DeviceRegistry;
 declare function resetDeviceRegistry(): void;
 
+interface CustomDevicePersisted {
+    meta: DeviceMeta;
+    layout: Omit<DeviceLayoutData, "meta">;
+    svgString: string;
+    frame: DeviceFrameInfo;
+    screenRect: SVGScreenRect;
+    landscape?: {
+        svgString: string;
+        frame: DeviceFrameInfo;
+        screenRect: SVGScreenRect;
+    };
+}
+type DeviceSVGProps$j = {
+    colorScheme?: "light" | "dark";
+    style?: CSSProperties;
+};
+interface CustomDeviceRuntime extends CustomDevicePersisted {
+    Component: FC<DeviceSVGProps$j>;
+    LandscapeComponent?: FC<DeviceSVGProps$j>;
+}
+declare const CUSTOM_DEVICES: CustomDeviceRuntime[];
+
 interface SVGNativeDimensions {
     width: number;
     height: number;
@@ -380,4 +402,4 @@ declare function GalaxyZFold7OpenSVG({ style }: DeviceSVGProps): react.JSX.Eleme
 declare const GALAXY_Z_FOLD_7_OPEN_FRAME: DeviceFrameInfo;
 declare const GALAXY_Z_FOLD_7_OPEN_SCREEN_RECT: SVGScreenRect;
 
-export { BUILTIN_DEVICES, type ClassifiedButton, ContentRect, DEVICE_LAYOUTS, type DetectedZone, DeviceCSSVariables, DeviceFrameInfo, DeviceLayoutContract, DeviceLayoutData, DeviceMeta, DeviceRegistry, GALAXY_S25_EDGE_FRAME, GALAXY_S25_EDGE_LAYOUT, GALAXY_S25_EDGE_META, GALAXY_S25_FRAME, GALAXY_S25_LAYOUT, GALAXY_S25_META, GALAXY_S25_SCREEN_RECT, GALAXY_S25_ULTRA_FRAME, GALAXY_S25_ULTRA_LAYOUT, GALAXY_S25_ULTRA_META, GALAXY_S25_ULTRA_SCREEN_RECT, GALAXY_TAB_S10_FE_FRAME, GALAXY_TAB_S10_FE_LAYOUT, GALAXY_TAB_S10_FE_META, GALAXY_TAB_S10_FE_SCREEN_RECT, GALAXY_TAB_S10_ULTRA_FRAME, GALAXY_TAB_S10_ULTRA_LAYOUT, GALAXY_TAB_S10_ULTRA_META, GALAXY_TAB_S10_ULTRA_SCREEN_RECT, GALAXY_Z_FOLD_7_FRAME, GALAXY_Z_FOLD_7_LAYOUT, GALAXY_Z_FOLD_7_META, GALAXY_Z_FOLD_7_OPEN_FRAME, GALAXY_Z_FOLD_7_OPEN_LAYOUT, GALAXY_Z_FOLD_7_OPEN_META, GALAXY_Z_FOLD_7_OPEN_SCREEN_RECT, GALAXY_Z_FOLD_7_SCREEN_RECT, GalaxyS25EdgeSVG, GalaxyS25SVG, GalaxyS25UltraSVG, GalaxyTabS10FeSVG, GalaxyTabS10UltraSVG, GalaxyZFold7OpenSVG, GalaxyZFold7SVG, HardwareOverlayType, IPAD_AIR_11_FRAME, IPAD_AIR_11_LAYOUT, IPAD_AIR_11_META, IPAD_AIR_11_SCREEN_RECT, IPAD_AIR_13_FRAME, IPAD_AIR_13_LAYOUT, IPAD_AIR_13_META, IPAD_AIR_13_SCREEN_RECT, IPAD_MINI_7_FRAME, IPAD_MINI_7_LAYOUT, IPAD_MINI_7_META, IPAD_MINI_7_SCREEN_RECT, IPAD_PRO_11_FRAME, IPAD_PRO_11_LAYOUT, IPAD_PRO_11_META, IPAD_PRO_11_SCREEN_RECT, IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16E_SCREEN_RECT, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_16_SCREEN_RECT, IPHONE_17_PRO_FRAME, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_FRAME, IPHONE_17_PRO_MAX_LAYOUT, IPHONE_17_PRO_MAX_META, IPHONE_17_PRO_MAX_SCREEN_RECT, IPHONE_17_PRO_META, IPHONE_17_PRO_SCREEN_RECT, IPHONE_AIR_FRAME, IPHONE_AIR_LAYOUT, IPHONE_AIR_META, IPHONE_AIR_SCREEN_RECT, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPHONE_SE_3_SCREEN_RECT, IPadAir11SVG, IPadAir13SVG, IPadMini7SVG, IPadPro11SVG, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG, type NormalizationResult, OverlayRect, PIXEL_9_PRO_FRAME, PIXEL_9_PRO_LAYOUT, PIXEL_9_PRO_META, PIXEL_9_PRO_SCREEN_RECT, PIXEL_9_PRO_XL_FRAME, PIXEL_9_PRO_XL_LAYOUT, PIXEL_9_PRO_XL_META, PIXEL_9_PRO_XL_SCREEN_RECT, type ParseSVGContractOptions, type ParsedZone, Pixel9ProSVG, Pixel9ProXLSVG, RegisteredDevice, type SVGAnalysis, type SVGNativeDimensions, SVGScreenRect, SafeAreaInsets, type ValidationResult, type ZoneType, analyzeSVGGeometry, autoDetectZones, buildAIPromptConstraints, buildCSSVariables, classifySideButtons, deriveContentZone, extractZones, getAllDeviceIds, getDeviceContract, getDeviceMetadata, getDeviceRegistry, listSVGLayerNames, normalizeSVGToLogicalPoints, parseSVGNativeDimensions, parseSVGToContract, resetDeviceRegistry, scopeSVGIds, validateNormalizedSVG };
+export { BUILTIN_DEVICES, CUSTOM_DEVICES, type ClassifiedButton, ContentRect, type CustomDevicePersisted, type CustomDeviceRuntime, DEVICE_LAYOUTS, type DetectedZone, DeviceCSSVariables, DeviceFrameInfo, DeviceLayoutContract, DeviceLayoutData, DeviceMeta, DeviceRegistry, type DeviceSVGProps$j as DeviceSVGProps, GALAXY_S25_EDGE_FRAME, GALAXY_S25_EDGE_LAYOUT, GALAXY_S25_EDGE_META, GALAXY_S25_FRAME, GALAXY_S25_LAYOUT, GALAXY_S25_META, GALAXY_S25_SCREEN_RECT, GALAXY_S25_ULTRA_FRAME, GALAXY_S25_ULTRA_LAYOUT, GALAXY_S25_ULTRA_META, GALAXY_S25_ULTRA_SCREEN_RECT, GALAXY_TAB_S10_FE_FRAME, GALAXY_TAB_S10_FE_LAYOUT, GALAXY_TAB_S10_FE_META, GALAXY_TAB_S10_FE_SCREEN_RECT, GALAXY_TAB_S10_ULTRA_FRAME, GALAXY_TAB_S10_ULTRA_LAYOUT, GALAXY_TAB_S10_ULTRA_META, GALAXY_TAB_S10_ULTRA_SCREEN_RECT, GALAXY_Z_FOLD_7_FRAME, GALAXY_Z_FOLD_7_LAYOUT, GALAXY_Z_FOLD_7_META, GALAXY_Z_FOLD_7_OPEN_FRAME, GALAXY_Z_FOLD_7_OPEN_LAYOUT, GALAXY_Z_FOLD_7_OPEN_META, GALAXY_Z_FOLD_7_OPEN_SCREEN_RECT, GALAXY_Z_FOLD_7_SCREEN_RECT, GalaxyS25EdgeSVG, GalaxyS25SVG, GalaxyS25UltraSVG, GalaxyTabS10FeSVG, GalaxyTabS10UltraSVG, GalaxyZFold7OpenSVG, GalaxyZFold7SVG, HardwareOverlayType, IPAD_AIR_11_FRAME, IPAD_AIR_11_LAYOUT, IPAD_AIR_11_META, IPAD_AIR_11_SCREEN_RECT, IPAD_AIR_13_FRAME, IPAD_AIR_13_LAYOUT, IPAD_AIR_13_META, IPAD_AIR_13_SCREEN_RECT, IPAD_MINI_7_FRAME, IPAD_MINI_7_LAYOUT, IPAD_MINI_7_META, IPAD_MINI_7_SCREEN_RECT, IPAD_PRO_11_FRAME, IPAD_PRO_11_LAYOUT, IPAD_PRO_11_META, IPAD_PRO_11_SCREEN_RECT, IPHONE_16E_FRAME, IPHONE_16E_LAYOUT, IPHONE_16E_META, IPHONE_16E_SCREEN_RECT, IPHONE_16_FRAME, IPHONE_16_LAYOUT, IPHONE_16_META, IPHONE_16_SCREEN_RECT, IPHONE_17_PRO_FRAME, IPHONE_17_PRO_LAYOUT, IPHONE_17_PRO_MAX_FRAME, IPHONE_17_PRO_MAX_LAYOUT, IPHONE_17_PRO_MAX_META, IPHONE_17_PRO_MAX_SCREEN_RECT, IPHONE_17_PRO_META, IPHONE_17_PRO_SCREEN_RECT, IPHONE_AIR_FRAME, IPHONE_AIR_LAYOUT, IPHONE_AIR_META, IPHONE_AIR_SCREEN_RECT, IPHONE_SE_3_FRAME, IPHONE_SE_3_LAYOUT, IPHONE_SE_3_META, IPHONE_SE_3_SCREEN_RECT, IPadAir11SVG, IPadAir13SVG, IPadMini7SVG, IPadPro11SVG, IPhone16SVG, IPhone16eSVG, IPhone17ProMaxSVG, IPhone17ProSVG, IPhoneAirSVG, IPhoneSE3SVG, type NormalizationResult, OverlayRect, PIXEL_9_PRO_FRAME, PIXEL_9_PRO_LAYOUT, PIXEL_9_PRO_META, PIXEL_9_PRO_SCREEN_RECT, PIXEL_9_PRO_XL_FRAME, PIXEL_9_PRO_XL_LAYOUT, PIXEL_9_PRO_XL_META, PIXEL_9_PRO_XL_SCREEN_RECT, type ParseSVGContractOptions, type ParsedZone, Pixel9ProSVG, Pixel9ProXLSVG, RegisteredDevice, type SVGAnalysis, type SVGNativeDimensions, SVGScreenRect, SafeAreaInsets, type ValidationResult, type ZoneType, analyzeSVGGeometry, autoDetectZones, buildAIPromptConstraints, buildCSSVariables, classifySideButtons, deriveContentZone, extractZones, getAllDeviceIds, getDeviceContract, getDeviceMetadata, getDeviceRegistry, listSVGLayerNames, normalizeSVGToLogicalPoints, parseSVGNativeDimensions, parseSVGToContract, resetDeviceRegistry, scopeSVGIds, validateNormalizedSVG };

package/dist/index.js

@@ -7025,6 +7025,56 @@ var GALAXY_Z_FOLD_7_OPEN_FRAME = {
 };
 var GALAXY_Z_FOLD_7_OPEN_SCREEN_RECT = { "x": 80.3916, "y": 85.6348, "width": 3074.1084, "height": 3407.9052, "rx": 20.97 };
 
+// src/svg/scope-ids.ts
+function scopeSVGIds(svgString, deviceId) {
+  const safe = deviceId.replace(/[^a-zA-Z0-9_-]/g, "_");
+  const prefix = `${safe}__`;
+  const idRe = /\bid\s*=\s*["']([^"']+)["']/g;
+  const ids = /* @__PURE__ */ new Set();
+  let m;
+  while (m = idRe.exec(svgString)) ids.add(m[1]);
+  let out = svgString;
+  for (const id of ids) {
+    const escaped = id.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    out = out.replace(new RegExp(`\\bid\\s*=\\s*(["'])${escaped}\\1`, "g"), `id="${prefix}${id}"`);
+    out = out.replace(new RegExp(`url\\(#${escaped}\\)`, "g"), `url(#${prefix}${id})`);
+    out = out.replace(new RegExp(`\\bhref\\s*=\\s*(["'])#${escaped}\\1`, "g"), `href="#${prefix}${id}"`);
+    out = out.replace(
+      new RegExp(`\\bxlink:href\\s*=\\s*(["'])#${escaped}\\1`, "g"),
+      `xlink:href="#${prefix}${id}"`
+    );
+  }
+  return out;
+}
+
+// src/custom/data.json
+var data_default = [];
+
+// src/custom/index.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+function makeSVGComponent(svgString, scopeKey) {
+  let svg = scopeSVGIds(svgString, scopeKey);
+  svg = svg.replace(/<svg\b([^>]*)>/i, (_m, attrs) => {
+    const stripped = attrs.replace(/\swidth\s*=\s*["'][^"']*["']/i, "").replace(/\sheight\s*=\s*["'][^"']*["']/i, "");
+    return `<svg${stripped} width="100%" height="100%">`;
+  });
+  const Component = ({ style }) => /* @__PURE__ */ jsx22(
+    "span",
+    {
+      style: { display: "block", width: "100%", height: "100%", ...style },
+      dangerouslySetInnerHTML: { __html: svg }
+    }
+  );
+  Component.displayName = `CustomDeviceSVG(${scopeKey})`;
+  return Component;
+}
+var data = data_default;
+var CUSTOM_DEVICES = data.map((d) => ({
+  ...d,
+  Component: makeSVGComponent(d.svgString, d.meta.id),
+  LandscapeComponent: d.landscape ? makeSVGComponent(d.landscape.svgString, `${d.meta.id}-landscape`) : void 0
+}));
+
 // src/builtin.ts
 var BUILTIN_METAS = {
   // Tablets
@@ -7080,6 +7130,10 @@ var BUILTIN_LAYOUTS = {
   [GALAXY_Z_FOLD_7_META.id]: GALAXY_Z_FOLD_7_LAYOUT,
   [GALAXY_Z_FOLD_7_OPEN_META.id]: GALAXY_Z_FOLD_7_OPEN_LAYOUT
 };
+for (const c of CUSTOM_DEVICES) {
+  BUILTIN_METAS[c.meta.id] = c.meta;
+  BUILTIN_LAYOUTS[c.meta.id] = { meta: c.meta, ...c.layout };
+}
 
 // src/registry/device-registry.ts
 var STORAGE_KEY = "bielaframe-custom-tablets";
@@ -7457,28 +7511,6 @@ function validateNormalizedSVG(result, targetWidth, targetHeight) {
   return { passed: errors.length === 0, warnings, errors };
 }
 
-// src/svg/scope-ids.ts
-function scopeSVGIds(svgString, deviceId) {
-  const safe = deviceId.replace(/[^a-zA-Z0-9_-]/g, "_");
-  const prefix = `${safe}__`;
-  const idRe = /\bid\s*=\s*["']([^"']+)["']/g;
-  const ids = /* @__PURE__ */ new Set();
-  let m;
-  while (m = idRe.exec(svgString)) ids.add(m[1]);
-  let out = svgString;
-  for (const id of ids) {
-    const escaped = id.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    out = out.replace(new RegExp(`\\bid\\s*=\\s*(["'])${escaped}\\1`, "g"), `id="${prefix}${id}"`);
-    out = out.replace(new RegExp(`url\\(#${escaped}\\)`, "g"), `url(#${prefix}${id})`);
-    out = out.replace(new RegExp(`\\bhref\\s*=\\s*(["'])#${escaped}\\1`, "g"), `href="#${prefix}${id}"`);
-    out = out.replace(
-      new RegExp(`\\bxlink:href\\s*=\\s*(["'])#${escaped}\\1`, "g"),
-      `xlink:href="#${prefix}${id}"`
-    );
-  }
-  return out;
-}
-
 // src/svg/auto-detect.ts
 var KEYWORDS = [
   { kw: "screen", type: "screen-area" },
@@ -7604,6 +7636,7 @@ function listSVGLayerNames(svgString) {
 }
 export {
   BUILTIN_DEVICES,
+  CUSTOM_DEVICES,
   DEVICE_LAYOUTS,
   DeviceRegistry,
   GALAXY_S25_EDGE_FRAME,