sdui-web 0.3.0 → 0.5.0

package/dist/index.cjs

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   getComponents: () => getComponents,
+  getDevicePresets: () => getDevicePresets,
   render: () => render
 });
 module.exports = __toCommonJS(index_exports);
@@ -62,6 +63,7 @@ function applyModifier(element, modifier, theme) {
   const s = element.style;
   if (modifier.alignment) {
     switch (modifier.alignment) {
+      // Single-axis (Column / Row children)
       case "center":
       case "center_horizontally":
       case "center_vertically":
@@ -75,6 +77,39 @@ function applyModifier(element, modifier, theme) {
       case "bottom":
         s.alignSelf = "flex-end";
         break;
+      // Two-axis (Box children — grid layout)
+      case "top_start":
+        s.alignSelf = "start";
+        s.justifySelf = "start";
+        break;
+      case "top_center":
+        s.alignSelf = "start";
+        s.justifySelf = "center";
+        break;
+      case "top_end":
+        s.alignSelf = "start";
+        s.justifySelf = "end";
+        break;
+      case "center_start":
+        s.alignSelf = "center";
+        s.justifySelf = "start";
+        break;
+      case "center_end":
+        s.alignSelf = "center";
+        s.justifySelf = "end";
+        break;
+      case "bottom_start":
+        s.alignSelf = "end";
+        s.justifySelf = "start";
+        break;
+      case "bottom_center":
+        s.alignSelf = "end";
+        s.justifySelf = "center";
+        break;
+      case "bottom_end":
+        s.alignSelf = "end";
+        s.justifySelf = "end";
+        break;
     }
   }
   if (modifier.weight != null) {
@@ -87,12 +122,10 @@ function applyModifier(element, modifier, theme) {
     s.cursor = "pointer";
     element.addEventListener("click", (e) => {
       e.stopPropagation();
-      if (action.type === "navigate") {
-        element.dispatchEvent(new CustomEvent("sdui:navigate", {
-          bubbles: true,
-          detail: { route: action.params?.route, args: action.params?.args }
-        }));
-      }
+      element.dispatchEvent(new CustomEvent("sdui:action", {
+        bubbles: true,
+        detail: { type: action.type, params: action.params }
+      }));
     });
   }
   const mod = modifier;
@@ -267,45 +300,45 @@ function renderImage(component, theme) {
 function renderBox(component, theme) {
   const props = component.properties;
   const el = document.createElement("div");
-  el.style.display = "flex";
+  el.style.display = "grid";
   el.style.position = "relative";
   if (props?.alignment) {
     switch (props.alignment) {
       case "top_start":
-        el.style.justifyContent = "flex-start";
-        el.style.alignItems = "flex-start";
+        el.style.justifyItems = "start";
+        el.style.alignItems = "start";
         break;
       case "top_center":
-        el.style.justifyContent = "center";
-        el.style.alignItems = "flex-start";
+        el.style.justifyItems = "center";
+        el.style.alignItems = "start";
         break;
       case "top_end":
-        el.style.justifyContent = "flex-end";
-        el.style.alignItems = "flex-start";
+        el.style.justifyItems = "end";
+        el.style.alignItems = "start";
         break;
       case "center_start":
-        el.style.justifyContent = "flex-start";
+        el.style.justifyItems = "start";
         el.style.alignItems = "center";
         break;
       case "center":
-        el.style.justifyContent = "center";
+        el.style.justifyItems = "center";
         el.style.alignItems = "center";
         break;
       case "center_end":
-        el.style.justifyContent = "flex-end";
+        el.style.justifyItems = "end";
         el.style.alignItems = "center";
         break;
       case "bottom_start":
-        el.style.justifyContent = "flex-start";
-        el.style.alignItems = "flex-end";
+        el.style.justifyItems = "start";
+        el.style.alignItems = "end";
         break;
       case "bottom_center":
-        el.style.justifyContent = "center";
-        el.style.alignItems = "flex-end";
+        el.style.justifyItems = "center";
+        el.style.alignItems = "end";
         break;
       case "bottom_end":
-        el.style.justifyContent = "flex-end";
-        el.style.alignItems = "flex-end";
+        el.style.justifyItems = "end";
+        el.style.alignItems = "end";
         break;
     }
   }
@@ -518,16 +551,8 @@ function colorModelProperties() {
 }
 function actionModelProperties() {
   return [
-    { name: "type", label: "Action Type", type: "enum", enumValues: ["navigate"] },
-    {
-      name: "params",
-      label: "Params",
-      type: "object",
-      properties: [
-        { name: "route", label: "Route", type: "string" },
-        { name: "args", label: "Args", type: "object" }
-      ]
-    }
+    { name: "type", label: "Action Type", type: "string" },
+    { name: "params", label: "Parameters", type: "object" }
   ];
 }
 function backgroundColorModelProperties() {
@@ -553,7 +578,7 @@ function modifierBaseProperties() {
       name: "alignment",
       label: "Alignment",
       type: "enum",
-      enumValues: ["center", "center_horizontally", "center_vertically", "start", "top", "end", "bottom"]
+      enumValues: ["start", "end", "center", "center_horizontally", "center_vertically", "top", "bottom", "top_start", "top_center", "top_end", "center_start", "center_end", "bottom_start", "bottom_center", "bottom_end"]
     },
     { name: "weight", label: "Weight", type: "number" },
     { name: "action", label: "Action", type: "object", properties: actionModelProperties() }
@@ -640,15 +665,15 @@ var COMPONENT_DEFINITIONS = [
     label: "Text",
     acceptsChildren: false,
     properties: [
-      textModifierDescriptor(),
-      { name: "text", label: "Text", type: "string", required: true },
+      { name: "text", label: "Text", type: "string", required: true, defaultValue: "Text" },
       { name: "fontSize", label: "Font Size", type: "number" },
       { name: "color", label: "Color", type: "object", properties: colorModelProperties() },
       { name: "fontWeight", label: "Font Weight", type: "enum", enumValues: ["bold", "medium", "normal", "semi_bold"] },
       { name: "textAlign", label: "Text Align", type: "enum", enumValues: ["left", "right", "center", "justify", "start", "end", "unspecified"] },
       { name: "overflow", label: "Overflow", type: "enum", enumValues: ["none", "ellipsis"] },
       { name: "maxLines", label: "Max Lines", type: "number" },
-      { name: "minLines", label: "Min Lines", type: "number" }
+      { name: "minLines", label: "Min Lines", type: "number", defaultValue: 1 },
+      textModifierDescriptor()
     ]
   },
   {
@@ -713,6 +738,49 @@ function getComponents() {
   return JSON.parse(JSON.stringify(COMPONENT_DEFINITIONS));
 }
 
+// src/device-presets.ts
+var DEVICE_PRESETS = {
+  phone: {
+    "Google": [
+      { name: "Pixel 10", width: 412, height: 915 },
+      { name: "Pixel 10 Pro", width: 412, height: 915 },
+      { name: "Pixel 10 Pro XL", width: 448, height: 998 },
+      { name: "Pixel 10 Fold", width: 600, height: 748, foldedWidth: 360, foldedHeight: 748 }
+    ],
+    "Samsung": [
+      { name: "Galaxy S26", width: 360, height: 780 },
+      { name: "Galaxy S26 Ultra", width: 412, height: 915 },
+      { name: "Galaxy Z Fold 7", width: 588, height: 748, foldedWidth: 360, foldedHeight: 748 }
+    ],
+    "iOS": [
+      { name: "iPhone 17 Pro Max", width: 440, height: 956 },
+      { name: "iPhone 17 Pro", width: 402, height: 874 },
+      { name: "iPhone 17e", width: 375, height: 812 },
+      { name: "iPhone 17", width: 393, height: 852 },
+      { name: "iPhone Air", width: 402, height: 874 }
+    ]
+  },
+  tablet: {
+    "Google": [
+      { name: "Pixel Tablet 2", width: 800, height: 1280 }
+    ],
+    "Samsung": [
+      { name: "Galaxy Tab S11", width: 753, height: 1205 },
+      { name: "Galaxy Tab S11+", width: 834, height: 1334 },
+      { name: "Galaxy Tab S11 Ultra", width: 930, height: 1488 }
+    ],
+    "iOS": [
+      { name: 'iPad Pro 13"', width: 1024, height: 1366 },
+      { name: 'iPad Pro 11"', width: 834, height: 1194 },
+      { name: "iPad Air", width: 820, height: 1180 },
+      { name: "iPad mini", width: 744, height: 1133 }
+    ]
+  }
+};
+function getDevicePresets() {
+  return JSON.parse(JSON.stringify(DEVICE_PRESETS));
+}
+
 // src/index.ts
 function render(json, container, options) {
   const screen = JSON.parse(json);
@@ -724,6 +792,7 @@ function render(json, container, options) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getComponents,
+  getDevicePresets,
   render
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/utils.ts","../src/modifiers.ts","../src/components/text.ts","../src/components/image.ts","../src/components/box.ts","../src/components/column.ts","../src/components/row.ts","../src/components/lazy-column.ts","../src/components/index.ts","../src/render.ts","../src/component-meta.ts"],"sourcesContent":["import type { SduiScreen, Theme } from './types'\nimport { renderComponent } from './render'\n\nexport interface RenderOptions {\n  theme?: Theme\n}\n\nexport function render(json: string, container: HTMLElement, options?: RenderOptions): void {\n  const screen: SduiScreen = JSON.parse(json)\n  const theme: Theme = options?.theme ?? 'light'\n\n  const root = renderComponent(screen.root, theme)\n\n  container.innerHTML = ''\n  container.appendChild(root)\n}\n\nexport { getComponents } from './component-meta'\n\nexport type {\n  // Root models\n  SduiScreen,\n  SduiComponent,\n  Theme,\n  // Properties\n  PropertiesModel,\n  TextUiProperties,\n  ImageUiProperties,\n  BoxUiProperties,\n  ColumnUiProperties,\n  RowUiProperties,\n  LazyColumnUiProperties,\n  DefaultUiProperties,\n  // Modifiers\n  ModifierBase,\n  TextUiModifier,\n  ContainerUiModifier,\n  ImageUiModifier,\n  // Base models\n  ColorModel,\n  SizeModel,\n  SpacingModel,\n  ActionModel,\n  ActionParams,\n  BackgroundColorModel,\n  HorizontalArrangementModel,\n  VerticalArrangementModel,\n  // Enums\n  ComponentType,\n  AlignmentType,\n  FontWeightType,\n  SizeUnitType,\n  ActionType,\n  BackgroundColorType,\n  ContentScaleType,\n  TextAlignType,\n  TextOverflowType,\n  HorizontalAlignmentType,\n  VerticalAlignmentType,\n  HorizontalArrangementType,\n  VerticalArrangementType,\n  // Metadata\n  ComponentMeta,\n  PropertyDescriptor,\n  PropertyType,\n} from './types'\n","import type { ColorModel, SizeModel, SpacingModel, Theme } from './types'\n\nexport function resolveColor(color: ColorModel | undefined, theme: Theme): string | undefined {\n  if (!color) return undefined\n  if (theme === 'dark') {\n    return color.dark ?? color.light\n  }\n  return color.light ?? color.dark\n}\n\nexport function resolveSize(size: SizeModel | undefined): string | undefined {\n  if (!size || !size.unit) return undefined\n  switch (size.unit) {\n    case 'dp':\n      return `${size.value ?? 0}px`\n    case 'match_parent':\n      return '100%'\n    case 'wrap_content':\n      return 'fit-content'\n    default:\n      return undefined\n  }\n}\n\nexport function resolveSpacing(spacing: SpacingModel | undefined): {\n  top?: string\n  bottom?: string\n  left?: string\n  right?: string\n} {\n  if (!spacing) return {}\n  return {\n    top: spacing.top != null ? `${spacing.top}px` : undefined,\n    bottom: spacing.bottom != null ? `${spacing.bottom}px` : undefined,\n    left: spacing.start != null ? `${spacing.start}px` : undefined,\n    right: spacing.end != null ? `${spacing.end}px` : undefined,\n  }\n}\n","import type { BackgroundColorModel, ContainerUiModifier, ImageUiModifier, ModifierBase, TextUiModifier, Theme } from './types'\nimport { resolveColor, resolveSize, resolveSpacing } from './utils'\n\nexport function applyModifier(element: HTMLElement, modifier: ModifierBase | undefined, theme: Theme): void {\n  if (!modifier) return\n\n  const s = element.style\n\n  // alignment → align-self\n  if (modifier.alignment) {\n    switch (modifier.alignment) {\n      case 'center':\n      case 'center_horizontally':\n      case 'center_vertically':\n        s.alignSelf = 'center'\n        break\n      case 'start':\n      case 'top':\n        s.alignSelf = 'flex-start'\n        break\n      case 'end':\n      case 'bottom':\n        s.alignSelf = 'flex-end'\n        break\n    }\n  }\n\n  // weight → flex\n  if (modifier.weight != null) {\n    s.flex = `${modifier.weight}`\n    s.minWidth = '0'\n    s.minHeight = '0'\n  }\n\n  // action → click handler\n  if (modifier.action) {\n    const action = modifier.action\n    s.cursor = 'pointer'\n    element.addEventListener('click', (e) => {\n      e.stopPropagation()\n      if (action.type === 'navigate') {\n        element.dispatchEvent(new CustomEvent('sdui:navigate', {\n          bubbles: true,\n          detail: { route: action.params?.route, args: action.params?.args },\n        }))\n      }\n    })\n  }\n\n  // Extended modifier fields (width, height, padding, margin, backgroundColor, aspectRatio)\n  const mod = modifier as ContainerUiModifier | ImageUiModifier | TextUiModifier\n\n  const hasAspectRatio = 'aspectRatio' in mod && mod.aspectRatio != null\n  const hasWidth = 'width' in mod && mod.width\n  const hasHeight = 'height' in mod && (mod as ContainerUiModifier).height\n\n  if (hasWidth) {\n    const w = resolveSize(mod.width)\n    if (w) s.width = w\n  }\n\n  if (hasHeight && !(hasAspectRatio && hasWidth)) {\n    const h = resolveSize((mod as ContainerUiModifier).height)\n    if (h) s.height = h\n  }\n\n  if (hasAspectRatio) {\n    s.aspectRatio = `${(mod as ContainerUiModifier).aspectRatio}`\n  }\n\n  if ('padding' in mod && mod.padding) {\n    const p = resolveSpacing((mod as ContainerUiModifier).padding)\n    if (p.top) s.paddingTop = p.top\n    if (p.bottom) s.paddingBottom = p.bottom\n    if (p.left) s.paddingLeft = p.left\n    if (p.right) s.paddingRight = p.right\n  }\n\n  if ('margin' in mod && mod.margin) {\n    const m = resolveSpacing(mod.margin)\n    if (m.top) s.marginTop = m.top\n    if (m.bottom) s.marginBottom = m.bottom\n    if (m.left) s.marginLeft = m.left\n    if (m.right) s.marginRight = m.right\n  }\n\n  if ('backgroundColor' in mod && mod.backgroundColor) {\n    applyBackground(s, (mod as ContainerUiModifier).backgroundColor!, theme)\n  }\n}\n\nfunction applyBackground(s: CSSStyleDeclaration, bg: BackgroundColorModel, theme: Theme): void {\n  if (!bg.colors || bg.colors.length === 0) return\n\n  const colors = bg.colors.map((c) => resolveColor(c, theme)).filter(Boolean) as string[]\n  if (colors.length === 0) return\n\n  switch (bg.type) {\n    case 'single':\n      s.backgroundColor = colors[0]\n      break\n    case 'vertical_gradient':\n      s.background = `linear-gradient(to bottom, ${colors.join(', ')})`\n      break\n    case 'horizontal_gradient':\n      s.background = `linear-gradient(to right, ${colors.join(', ')})`\n      break\n    case 'linear_gradient':\n      s.background = `linear-gradient(${colors.join(', ')})`\n      break\n    default:\n      if (colors.length === 1) {\n        s.backgroundColor = colors[0]\n      }\n      break\n  }\n}\n","import type { SduiComponent, TextUiProperties, Theme } from '../types'\nimport { resolveColor } from '../utils'\nimport { applyModifier } from '../modifiers'\n\nexport function renderText(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as TextUiProperties | undefined\n  const el = document.createElement('span')\n\n  el.textContent = props?.text ?? ''\n\n  if (props?.fontSize != null) {\n    el.style.fontSize = `${props.fontSize}px`\n  }\n\n  if (props?.color) {\n    const c = resolveColor(props.color, theme)\n    if (c) el.style.color = c\n  }\n\n  if (props?.fontWeight) {\n    switch (props.fontWeight) {\n      case 'bold':\n        el.style.fontWeight = '700'\n        break\n      case 'semi_bold':\n        el.style.fontWeight = '600'\n        break\n      case 'medium':\n        el.style.fontWeight = '500'\n        break\n      case 'normal':\n        el.style.fontWeight = '400'\n        break\n    }\n  }\n\n  if (props?.textAlign) {\n    el.style.display = 'block'\n    switch (props.textAlign) {\n      case 'left':\n      case 'start':\n        el.style.textAlign = 'left'\n        break\n      case 'right':\n      case 'end':\n        el.style.textAlign = 'right'\n        break\n      case 'center':\n        el.style.textAlign = 'center'\n        break\n      case 'justify':\n        el.style.textAlign = 'justify'\n        break\n    }\n  }\n\n  if (props?.overflow === 'ellipsis') {\n    el.style.textOverflow = 'ellipsis'\n    el.style.overflow = 'hidden'\n    el.style.whiteSpace = 'nowrap'\n  }\n\n  if (props?.maxLines != null) {\n    el.style.display = '-webkit-box'\n    el.style.webkitLineClamp = `${props.maxLines}`\n    ;(el.style as unknown as Record<string, string>)['-webkit-box-orient'] = 'vertical'\n    el.style.overflow = 'hidden'\n  }\n\n  if (props?.minLines != null) {\n    el.style.minHeight = `${props.minLines * (props.fontSize ?? 16) * 1.4}px`\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, ImageUiProperties, Theme } from '../types'\nimport { resolveColor } from '../utils'\nimport { applyModifier } from '../modifiers'\n\nexport function renderImage(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as ImageUiProperties | undefined\n  const el = document.createElement('img') as HTMLImageElement\n\n  if (props?.image) {\n    el.src = props.image\n  }\n\n  if (props?.contentDescription) {\n    el.alt = props.contentDescription\n  }\n\n  if (props?.scaleType) {\n    switch (props.scaleType) {\n      case 'fit':\n      case 'inside':\n        el.style.objectFit = 'contain'\n        break\n      case 'crop':\n        el.style.objectFit = 'cover'\n        break\n      case 'fill_bounds':\n        el.style.objectFit = 'fill'\n        break\n      case 'fill_width':\n        el.style.objectFit = 'cover'\n        el.style.width = '100%'\n        break\n      case 'fill_height':\n        el.style.objectFit = 'cover'\n        el.style.height = '100%'\n        break\n      case 'none':\n        el.style.objectFit = 'none'\n        break\n    }\n  }\n\n  if (props?.tintColor) {\n    const c = resolveColor(props.tintColor, theme)\n    if (c) {\n      el.style.filter = `opacity(0.5) drop-shadow(0 0 0 ${c})`\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, BoxUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderBox(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as BoxUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.position = 'relative'\n\n  if (props?.alignment) {\n    switch (props.alignment) {\n      case 'top_start':\n        el.style.justifyContent = 'flex-start'\n        el.style.alignItems = 'flex-start'\n        break\n      case 'top_center':\n        el.style.justifyContent = 'center'\n        el.style.alignItems = 'flex-start'\n        break\n      case 'top_end':\n        el.style.justifyContent = 'flex-end'\n        el.style.alignItems = 'flex-start'\n        break\n      case 'center_start':\n        el.style.justifyContent = 'flex-start'\n        el.style.alignItems = 'center'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        el.style.alignItems = 'center'\n        break\n      case 'center_end':\n        el.style.justifyContent = 'flex-end'\n        el.style.alignItems = 'center'\n        break\n      case 'bottom_start':\n        el.style.justifyContent = 'flex-start'\n        el.style.alignItems = 'flex-end'\n        break\n      case 'bottom_center':\n        el.style.justifyContent = 'center'\n        el.style.alignItems = 'flex-end'\n        break\n      case 'bottom_end':\n        el.style.justifyContent = 'flex-end'\n        el.style.alignItems = 'flex-end'\n        break\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, ColumnUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderColumn(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as ColumnUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'column'\n\n  if (props?.verticalArrangement) {\n    const arr = props.verticalArrangement\n    switch (arr.type) {\n      case 'top':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'bottom':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  if (props?.horizontalAlignment) {\n    switch (props.horizontalAlignment) {\n      case 'start':\n        el.style.alignItems = 'flex-start'\n        break\n      case 'end':\n        el.style.alignItems = 'flex-end'\n        break\n      case 'center_horizontally':\n        el.style.alignItems = 'center'\n        break\n    }\n  }\n\n  if (props?.canScroll) {\n    el.style.overflowY = 'auto'\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, RowUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderRow(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as RowUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'row'\n\n  if (props?.horizontalArrangement) {\n    const arr = props.horizontalArrangement\n    switch (arr.type) {\n      case 'start':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'end':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  if (props?.verticalAlignment) {\n    switch (props.verticalAlignment) {\n      case 'top':\n        el.style.alignItems = 'flex-start'\n        break\n      case 'bottom':\n        el.style.alignItems = 'flex-end'\n        break\n      case 'center_vertically':\n        el.style.alignItems = 'center'\n        break\n    }\n  }\n\n  if (props?.canScroll) {\n    el.style.overflowX = 'auto'\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, LazyColumnUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderLazyColumn(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as LazyColumnUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'column'\n  el.style.overflowY = 'auto'\n\n  if (props?.verticalArrangement) {\n    const arr = props.verticalArrangement\n    switch (arr.type) {\n      case 'top':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'bottom':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, Theme } from '../types'\nimport { renderText } from './text'\nimport { renderImage } from './image'\nimport { renderBox } from './box'\nimport { renderColumn } from './column'\nimport { renderRow } from './row'\nimport { renderLazyColumn } from './lazy-column'\n\nexport type ComponentRenderer = (component: SduiComponent, theme: Theme) => HTMLElement\n\nconst renderers: Record<string, ComponentRenderer> = {\n  text: renderText,\n  image: renderImage,\n  box: renderBox,\n  column: renderColumn,\n  row: renderRow,\n  lazy_column: renderLazyColumn,\n}\n\nexport function getRenderer(type: string): ComponentRenderer | undefined {\n  return renderers[type]\n}\n","import type { SduiComponent, Theme } from './types'\nimport { getRenderer } from './components'\n\nexport function renderComponent(component: SduiComponent, theme: Theme): HTMLElement {\n  const renderer = getRenderer(component.type)\n\n  if (!renderer) {\n    console.warn(`[sdui] Unknown component type: \"${component.type}\"`)\n    const el = document.createElement('div')\n    el.dataset.sduiUnknown = component.type\n    return el\n  }\n\n  const el = renderer(component, theme)\n  el.dataset.sduiType = component.type\n\n  if (component.children && component.children.length > 0) {\n    for (const child of component.children) {\n      el.appendChild(renderComponent(child, theme))\n    }\n  }\n\n  return el\n}\n","import type { ComponentMeta, PropertyDescriptor } from './types'\n\n// === Reusable sub-object property builders ===\n\nfunction sizeModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'value', label: 'Value', type: 'number' },\n    { name: 'unit', label: 'Unit', type: 'enum', enumValues: ['dp', 'match_parent', 'wrap_content'] },\n  ]\n}\n\nfunction spacingModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'top', label: 'Top', type: 'number' },\n    { name: 'bottom', label: 'Bottom', type: 'number' },\n    { name: 'start', label: 'Start', type: 'number' },\n    { name: 'end', label: 'End', type: 'number' },\n  ]\n}\n\nfunction colorModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'light', label: 'Light', type: 'color' },\n    { name: 'dark', label: 'Dark', type: 'color' },\n  ]\n}\n\nfunction actionModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'type', label: 'Action Type', type: 'enum', enumValues: ['navigate'] },\n    {\n      name: 'params',\n      label: 'Params',\n      type: 'object',\n      properties: [\n        { name: 'route', label: 'Route', type: 'string' },\n        { name: 'args', label: 'Args', type: 'object' },\n      ],\n    },\n  ]\n}\n\nfunction backgroundColorModelProperties(): PropertyDescriptor[] {\n  return [\n    {\n      name: 'colors',\n      label: 'Colors',\n      type: 'object',\n      isArray: true,\n      properties: colorModelProperties(),\n    },\n    {\n      name: 'type',\n      label: 'Background Type',\n      type: 'enum',\n      enumValues: ['single', 'vertical_gradient', 'horizontal_gradient', 'linear_gradient'],\n    },\n  ]\n}\n\n// === Modifier builders ===\n\nfunction modifierBaseProperties(): PropertyDescriptor[] {\n  return [\n    {\n      name: 'alignment',\n      label: 'Alignment',\n      type: 'enum',\n      enumValues: ['center', 'center_horizontally', 'center_vertically', 'start', 'top', 'end', 'bottom'],\n    },\n    { name: 'weight', label: 'Weight', type: 'number' },\n    { name: 'action', label: 'Action', type: 'object', properties: actionModelProperties() },\n  ]\n}\n\nfunction textModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n    ],\n  }\n}\n\nfunction imageModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'height', label: 'Height', type: 'object', properties: sizeModelProperties() },\n      { name: 'padding', label: 'Padding', type: 'object', properties: spacingModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n      { name: 'aspectRatio', label: 'Aspect Ratio', type: 'number' },\n    ],\n  }\n}\n\nfunction containerModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'backgroundColor', label: 'Background Color', type: 'object', properties: backgroundColorModelProperties() },\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'height', label: 'Height', type: 'object', properties: sizeModelProperties() },\n      { name: 'padding', label: 'Padding', type: 'object', properties: spacingModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n      { name: 'aspectRatio', label: 'Aspect Ratio', type: 'number' },\n    ],\n  }\n}\n\n// === Arrangement descriptors ===\n\nfunction verticalArrangementDescriptor(): PropertyDescriptor {\n  return {\n    name: 'verticalArrangement',\n    label: 'Vertical Arrangement',\n    type: 'object',\n    properties: [\n      {\n        name: 'type',\n        label: 'Type',\n        type: 'enum',\n        enumValues: ['top', 'center', 'bottom', 'space_evenly', 'space_between', 'space_around', 'spaced_by'],\n      },\n      { name: 'spacing', label: 'Spacing', type: 'number' },\n    ],\n  }\n}\n\nfunction horizontalArrangementDescriptor(): PropertyDescriptor {\n  return {\n    name: 'horizontalArrangement',\n    label: 'Horizontal Arrangement',\n    type: 'object',\n    properties: [\n      {\n        name: 'type',\n        label: 'Type',\n        type: 'enum',\n        enumValues: ['start', 'center', 'end', 'space_between', 'space_evenly', 'space_around', 'spaced_by'],\n      },\n      { name: 'spacing', label: 'Spacing', type: 'number' },\n    ],\n  }\n}\n\n// === Component definitions ===\n\nconst COMPONENT_DEFINITIONS: ComponentMeta[] = [\n  {\n    type: 'text',\n    label: 'Text',\n    acceptsChildren: false,\n    properties: [\n      textModifierDescriptor(),\n      { name: 'text', label: 'Text', type: 'string', required: true },\n      { name: 'fontSize', label: 'Font Size', type: 'number' },\n      { name: 'color', label: 'Color', type: 'object', properties: colorModelProperties() },\n      { name: 'fontWeight', label: 'Font Weight', type: 'enum', enumValues: ['bold', 'medium', 'normal', 'semi_bold'] },\n      { name: 'textAlign', label: 'Text Align', type: 'enum', enumValues: ['left', 'right', 'center', 'justify', 'start', 'end', 'unspecified'] },\n      { name: 'overflow', label: 'Overflow', type: 'enum', enumValues: ['none', 'ellipsis'] },\n      { name: 'maxLines', label: 'Max Lines', type: 'number' },\n      { name: 'minLines', label: 'Min Lines', type: 'number' },\n    ],\n  },\n  {\n    type: 'image',\n    label: 'Image',\n    acceptsChildren: false,\n    properties: [\n      imageModifierDescriptor(),\n      { name: 'image', label: 'Image URL', type: 'string', required: true },\n      { name: 'scaleType', label: 'Scale Type', type: 'enum', enumValues: ['fit', 'crop', 'fill_height', 'fill_width', 'fill_bounds', 'inside', 'none'] },\n      { name: 'contentDescription', label: 'Content Description', type: 'string' },\n      { name: 'tintColor', label: 'Tint Color', type: 'object', properties: colorModelProperties() },\n    ],\n  },\n  {\n    type: 'box',\n    label: 'Box',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      {\n        name: 'alignment',\n        label: 'Alignment',\n        type: 'enum',\n        enumValues: ['top_start', 'top_center', 'top_end', 'center_start', 'center', 'center_end', 'bottom_start', 'bottom_center', 'bottom_end'],\n      },\n    ],\n  },\n  {\n    type: 'column',\n    label: 'Column',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      verticalArrangementDescriptor(),\n      { name: 'horizontalAlignment', label: 'Horizontal Alignment', type: 'enum', enumValues: ['start', 'end', 'center_horizontally'] },\n      { name: 'canScroll', label: 'Can Scroll', type: 'boolean' },\n    ],\n  },\n  {\n    type: 'row',\n    label: 'Row',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      { name: 'verticalAlignment', label: 'Vertical Alignment', type: 'enum', enumValues: ['top', 'bottom', 'center_vertically'] },\n      horizontalArrangementDescriptor(),\n      { name: 'canScroll', label: 'Can Scroll', type: 'boolean' },\n    ],\n  },\n  {\n    type: 'lazy_column',\n    label: 'Lazy Column',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      verticalArrangementDescriptor(),\n    ],\n  },\n]\n\n// === Public API ===\n\nexport function getComponents(): ComponentMeta[] {\n  return JSON.parse(JSON.stringify(COMPONENT_DEFINITIONS))\n}\n"],"mappings":"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","names":["el"]}
+{"version":3,"sources":["../src/index.ts","../src/utils.ts","../src/modifiers.ts","../src/components/text.ts","../src/components/image.ts","../src/components/box.ts","../src/components/column.ts","../src/components/row.ts","../src/components/lazy-column.ts","../src/components/index.ts","../src/render.ts","../src/component-meta.ts","../src/device-presets.ts"],"sourcesContent":["import type { SduiScreen, Theme } from './types'\nimport { renderComponent } from './render'\n\nexport interface RenderOptions {\n  theme?: Theme\n}\n\nexport function render(json: string, container: HTMLElement, options?: RenderOptions): void {\n  const screen: SduiScreen = JSON.parse(json)\n  const theme: Theme = options?.theme ?? 'light'\n\n  const root = renderComponent(screen.root, theme)\n\n  container.innerHTML = ''\n  container.appendChild(root)\n}\n\nexport { getComponents } from './component-meta'\nexport { getDevicePresets } from './device-presets'\nexport type { DevicePreset, DeviceCategory } from './device-presets'\n\nexport type {\n  // Root models\n  SduiScreen,\n  SduiComponent,\n  Theme,\n  // Properties\n  PropertiesModel,\n  TextUiProperties,\n  ImageUiProperties,\n  BoxUiProperties,\n  ColumnUiProperties,\n  RowUiProperties,\n  LazyColumnUiProperties,\n  DefaultUiProperties,\n  // Modifiers\n  ModifierBase,\n  TextUiModifier,\n  ContainerUiModifier,\n  ImageUiModifier,\n  // Base models\n  ColorModel,\n  SizeModel,\n  SpacingModel,\n  ActionModel,\n  BackgroundColorModel,\n  HorizontalArrangementModel,\n  VerticalArrangementModel,\n  // Enums\n  ComponentType,\n  AlignmentType,\n  FontWeightType,\n  SizeUnitType,\n  BackgroundColorType,\n  ContentScaleType,\n  TextAlignType,\n  TextOverflowType,\n  HorizontalAlignmentType,\n  VerticalAlignmentType,\n  HorizontalArrangementType,\n  VerticalArrangementType,\n  // Metadata\n  ComponentMeta,\n  PropertyDescriptor,\n  PropertyType,\n} from './types'\n","import type { ColorModel, SizeModel, SpacingModel, Theme } from './types'\n\nexport function resolveColor(color: ColorModel | undefined, theme: Theme): string | undefined {\n  if (!color) return undefined\n  if (theme === 'dark') {\n    return color.dark ?? color.light\n  }\n  return color.light ?? color.dark\n}\n\nexport function resolveSize(size: SizeModel | undefined): string | undefined {\n  if (!size || !size.unit) return undefined\n  switch (size.unit) {\n    case 'dp':\n      return `${size.value ?? 0}px`\n    case 'match_parent':\n      return '100%'\n    case 'wrap_content':\n      return 'fit-content'\n    default:\n      return undefined\n  }\n}\n\nexport function resolveSpacing(spacing: SpacingModel | undefined): {\n  top?: string\n  bottom?: string\n  left?: string\n  right?: string\n} {\n  if (!spacing) return {}\n  return {\n    top: spacing.top != null ? `${spacing.top}px` : undefined,\n    bottom: spacing.bottom != null ? `${spacing.bottom}px` : undefined,\n    left: spacing.start != null ? `${spacing.start}px` : undefined,\n    right: spacing.end != null ? `${spacing.end}px` : undefined,\n  }\n}\n","import type { BackgroundColorModel, ContainerUiModifier, ImageUiModifier, ModifierBase, TextUiModifier, Theme } from './types'\nimport { resolveColor, resolveSize, resolveSpacing } from './utils'\n\nexport function applyModifier(element: HTMLElement, modifier: ModifierBase | undefined, theme: Theme): void {\n  if (!modifier) return\n\n  const s = element.style\n\n  // alignment → align-self (+ justify-self for 2-axis Box alignments)\n  if (modifier.alignment) {\n    switch (modifier.alignment) {\n      // Single-axis (Column / Row children)\n      case 'center':\n      case 'center_horizontally':\n      case 'center_vertically':\n        s.alignSelf = 'center'\n        break\n      case 'start':\n      case 'top':\n        s.alignSelf = 'flex-start'\n        break\n      case 'end':\n      case 'bottom':\n        s.alignSelf = 'flex-end'\n        break\n      // Two-axis (Box children — grid layout)\n      case 'top_start':\n        s.alignSelf = 'start'; s.justifySelf = 'start'\n        break\n      case 'top_center':\n        s.alignSelf = 'start'; s.justifySelf = 'center'\n        break\n      case 'top_end':\n        s.alignSelf = 'start'; s.justifySelf = 'end'\n        break\n      case 'center_start':\n        s.alignSelf = 'center'; s.justifySelf = 'start'\n        break\n      case 'center_end':\n        s.alignSelf = 'center'; s.justifySelf = 'end'\n        break\n      case 'bottom_start':\n        s.alignSelf = 'end'; s.justifySelf = 'start'\n        break\n      case 'bottom_center':\n        s.alignSelf = 'end'; s.justifySelf = 'center'\n        break\n      case 'bottom_end':\n        s.alignSelf = 'end'; s.justifySelf = 'end'\n        break\n    }\n  }\n\n  // weight → flex\n  if (modifier.weight != null) {\n    s.flex = `${modifier.weight}`\n    s.minWidth = '0'\n    s.minHeight = '0'\n  }\n\n  // action → click handler\n  if (modifier.action) {\n    const action = modifier.action\n    s.cursor = 'pointer'\n    element.addEventListener('click', (e) => {\n      e.stopPropagation()\n      element.dispatchEvent(new CustomEvent('sdui:action', {\n        bubbles: true,\n        detail: { type: action.type, params: action.params },\n      }))\n    })\n  }\n\n  // Extended modifier fields (width, height, padding, margin, backgroundColor, aspectRatio)\n  const mod = modifier as ContainerUiModifier | ImageUiModifier | TextUiModifier\n\n  const hasAspectRatio = 'aspectRatio' in mod && mod.aspectRatio != null\n  const hasWidth = 'width' in mod && mod.width\n  const hasHeight = 'height' in mod && (mod as ContainerUiModifier).height\n\n  if (hasWidth) {\n    const w = resolveSize(mod.width)\n    if (w) s.width = w\n  }\n\n  if (hasHeight && !(hasAspectRatio && hasWidth)) {\n    const h = resolveSize((mod as ContainerUiModifier).height)\n    if (h) s.height = h\n  }\n\n  if (hasAspectRatio) {\n    s.aspectRatio = `${(mod as ContainerUiModifier).aspectRatio}`\n  }\n\n  if ('padding' in mod && mod.padding) {\n    const p = resolveSpacing((mod as ContainerUiModifier).padding)\n    if (p.top) s.paddingTop = p.top\n    if (p.bottom) s.paddingBottom = p.bottom\n    if (p.left) s.paddingLeft = p.left\n    if (p.right) s.paddingRight = p.right\n  }\n\n  if ('margin' in mod && mod.margin) {\n    const m = resolveSpacing(mod.margin)\n    if (m.top) s.marginTop = m.top\n    if (m.bottom) s.marginBottom = m.bottom\n    if (m.left) s.marginLeft = m.left\n    if (m.right) s.marginRight = m.right\n  }\n\n  if ('backgroundColor' in mod && mod.backgroundColor) {\n    applyBackground(s, (mod as ContainerUiModifier).backgroundColor!, theme)\n  }\n}\n\nfunction applyBackground(s: CSSStyleDeclaration, bg: BackgroundColorModel, theme: Theme): void {\n  if (!bg.colors || bg.colors.length === 0) return\n\n  const colors = bg.colors.map((c) => resolveColor(c, theme)).filter(Boolean) as string[]\n  if (colors.length === 0) return\n\n  switch (bg.type) {\n    case 'single':\n      s.backgroundColor = colors[0]\n      break\n    case 'vertical_gradient':\n      s.background = `linear-gradient(to bottom, ${colors.join(', ')})`\n      break\n    case 'horizontal_gradient':\n      s.background = `linear-gradient(to right, ${colors.join(', ')})`\n      break\n    case 'linear_gradient':\n      s.background = `linear-gradient(${colors.join(', ')})`\n      break\n    default:\n      if (colors.length === 1) {\n        s.backgroundColor = colors[0]\n      }\n      break\n  }\n}\n","import type { SduiComponent, TextUiProperties, Theme } from '../types'\nimport { resolveColor } from '../utils'\nimport { applyModifier } from '../modifiers'\n\nexport function renderText(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as TextUiProperties | undefined\n  const el = document.createElement('span')\n\n  el.textContent = props?.text ?? ''\n\n  if (props?.fontSize != null) {\n    el.style.fontSize = `${props.fontSize}px`\n  }\n\n  if (props?.color) {\n    const c = resolveColor(props.color, theme)\n    if (c) el.style.color = c\n  }\n\n  if (props?.fontWeight) {\n    switch (props.fontWeight) {\n      case 'bold':\n        el.style.fontWeight = '700'\n        break\n      case 'semi_bold':\n        el.style.fontWeight = '600'\n        break\n      case 'medium':\n        el.style.fontWeight = '500'\n        break\n      case 'normal':\n        el.style.fontWeight = '400'\n        break\n    }\n  }\n\n  if (props?.textAlign) {\n    el.style.display = 'block'\n    switch (props.textAlign) {\n      case 'left':\n      case 'start':\n        el.style.textAlign = 'left'\n        break\n      case 'right':\n      case 'end':\n        el.style.textAlign = 'right'\n        break\n      case 'center':\n        el.style.textAlign = 'center'\n        break\n      case 'justify':\n        el.style.textAlign = 'justify'\n        break\n    }\n  }\n\n  if (props?.overflow === 'ellipsis') {\n    el.style.textOverflow = 'ellipsis'\n    el.style.overflow = 'hidden'\n    el.style.whiteSpace = 'nowrap'\n  }\n\n  if (props?.maxLines != null) {\n    el.style.display = '-webkit-box'\n    el.style.webkitLineClamp = `${props.maxLines}`\n    ;(el.style as unknown as Record<string, string>)['-webkit-box-orient'] = 'vertical'\n    el.style.overflow = 'hidden'\n  }\n\n  if (props?.minLines != null) {\n    el.style.minHeight = `${props.minLines * (props.fontSize ?? 16) * 1.4}px`\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, ImageUiProperties, Theme } from '../types'\nimport { resolveColor } from '../utils'\nimport { applyModifier } from '../modifiers'\n\nexport function renderImage(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as ImageUiProperties | undefined\n  const el = document.createElement('img') as HTMLImageElement\n\n  if (props?.image) {\n    el.src = props.image\n  }\n\n  if (props?.contentDescription) {\n    el.alt = props.contentDescription\n  }\n\n  if (props?.scaleType) {\n    switch (props.scaleType) {\n      case 'fit':\n      case 'inside':\n        el.style.objectFit = 'contain'\n        break\n      case 'crop':\n        el.style.objectFit = 'cover'\n        break\n      case 'fill_bounds':\n        el.style.objectFit = 'fill'\n        break\n      case 'fill_width':\n        el.style.objectFit = 'cover'\n        el.style.width = '100%'\n        break\n      case 'fill_height':\n        el.style.objectFit = 'cover'\n        el.style.height = '100%'\n        break\n      case 'none':\n        el.style.objectFit = 'none'\n        break\n    }\n  }\n\n  if (props?.tintColor) {\n    const c = resolveColor(props.tintColor, theme)\n    if (c) {\n      el.style.filter = `opacity(0.5) drop-shadow(0 0 0 ${c})`\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, BoxUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderBox(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as BoxUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'grid'\n  el.style.position = 'relative'\n\n  // All children share the same grid cell (like Compose FrameLayout)\n  // Default alignment for all children\n  if (props?.alignment) {\n    switch (props.alignment) {\n      case 'top_start':\n        el.style.justifyItems = 'start'\n        el.style.alignItems = 'start'\n        break\n      case 'top_center':\n        el.style.justifyItems = 'center'\n        el.style.alignItems = 'start'\n        break\n      case 'top_end':\n        el.style.justifyItems = 'end'\n        el.style.alignItems = 'start'\n        break\n      case 'center_start':\n        el.style.justifyItems = 'start'\n        el.style.alignItems = 'center'\n        break\n      case 'center':\n        el.style.justifyItems = 'center'\n        el.style.alignItems = 'center'\n        break\n      case 'center_end':\n        el.style.justifyItems = 'end'\n        el.style.alignItems = 'center'\n        break\n      case 'bottom_start':\n        el.style.justifyItems = 'start'\n        el.style.alignItems = 'end'\n        break\n      case 'bottom_center':\n        el.style.justifyItems = 'center'\n        el.style.alignItems = 'end'\n        break\n      case 'bottom_end':\n        el.style.justifyItems = 'end'\n        el.style.alignItems = 'end'\n        break\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, ColumnUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderColumn(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as ColumnUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'column'\n\n  if (props?.verticalArrangement) {\n    const arr = props.verticalArrangement\n    switch (arr.type) {\n      case 'top':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'bottom':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  if (props?.horizontalAlignment) {\n    switch (props.horizontalAlignment) {\n      case 'start':\n        el.style.alignItems = 'flex-start'\n        break\n      case 'end':\n        el.style.alignItems = 'flex-end'\n        break\n      case 'center_horizontally':\n        el.style.alignItems = 'center'\n        break\n    }\n  }\n\n  if (props?.canScroll) {\n    el.style.overflowY = 'auto'\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, RowUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderRow(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as RowUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'row'\n\n  if (props?.horizontalArrangement) {\n    const arr = props.horizontalArrangement\n    switch (arr.type) {\n      case 'start':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'end':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  if (props?.verticalAlignment) {\n    switch (props.verticalAlignment) {\n      case 'top':\n        el.style.alignItems = 'flex-start'\n        break\n      case 'bottom':\n        el.style.alignItems = 'flex-end'\n        break\n      case 'center_vertically':\n        el.style.alignItems = 'center'\n        break\n    }\n  }\n\n  if (props?.canScroll) {\n    el.style.overflowX = 'auto'\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, LazyColumnUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderLazyColumn(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as LazyColumnUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'column'\n  el.style.overflowY = 'auto'\n\n  if (props?.verticalArrangement) {\n    const arr = props.verticalArrangement\n    switch (arr.type) {\n      case 'top':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'bottom':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, Theme } from '../types'\nimport { renderText } from './text'\nimport { renderImage } from './image'\nimport { renderBox } from './box'\nimport { renderColumn } from './column'\nimport { renderRow } from './row'\nimport { renderLazyColumn } from './lazy-column'\n\nexport type ComponentRenderer = (component: SduiComponent, theme: Theme) => HTMLElement\n\nconst renderers: Record<string, ComponentRenderer> = {\n  text: renderText,\n  image: renderImage,\n  box: renderBox,\n  column: renderColumn,\n  row: renderRow,\n  lazy_column: renderLazyColumn,\n}\n\nexport function getRenderer(type: string): ComponentRenderer | undefined {\n  return renderers[type]\n}\n","import type { SduiComponent, Theme } from './types'\nimport { getRenderer } from './components'\n\nexport function renderComponent(component: SduiComponent, theme: Theme): HTMLElement {\n  const renderer = getRenderer(component.type)\n\n  if (!renderer) {\n    console.warn(`[sdui] Unknown component type: \"${component.type}\"`)\n    const el = document.createElement('div')\n    el.dataset.sduiUnknown = component.type\n    return el\n  }\n\n  const el = renderer(component, theme)\n  el.dataset.sduiType = component.type\n\n  if (component.children && component.children.length > 0) {\n    for (const child of component.children) {\n      el.appendChild(renderComponent(child, theme))\n    }\n  }\n\n  return el\n}\n","import type { ComponentMeta, PropertyDescriptor } from './types'\n\n// === Reusable sub-object property builders ===\n\nfunction sizeModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'value', label: 'Value', type: 'number' },\n    { name: 'unit', label: 'Unit', type: 'enum', enumValues: ['dp', 'match_parent', 'wrap_content'] },\n  ]\n}\n\nfunction spacingModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'top', label: 'Top', type: 'number' },\n    { name: 'bottom', label: 'Bottom', type: 'number' },\n    { name: 'start', label: 'Start', type: 'number' },\n    { name: 'end', label: 'End', type: 'number' },\n  ]\n}\n\nfunction colorModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'light', label: 'Light', type: 'color' },\n    { name: 'dark', label: 'Dark', type: 'color' },\n  ]\n}\n\nfunction actionModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'type', label: 'Action Type', type: 'string' },\n    { name: 'params', label: 'Parameters', type: 'object' },\n  ]\n}\n\nfunction backgroundColorModelProperties(): PropertyDescriptor[] {\n  return [\n    {\n      name: 'colors',\n      label: 'Colors',\n      type: 'object',\n      isArray: true,\n      properties: colorModelProperties(),\n    },\n    {\n      name: 'type',\n      label: 'Background Type',\n      type: 'enum',\n      enumValues: ['single', 'vertical_gradient', 'horizontal_gradient', 'linear_gradient'],\n    },\n  ]\n}\n\n// === Modifier builders ===\n\nfunction modifierBaseProperties(): PropertyDescriptor[] {\n  return [\n    {\n      name: 'alignment',\n      label: 'Alignment',\n      type: 'enum',\n      enumValues: ['start', 'end', 'center', 'center_horizontally', 'center_vertically', 'top', 'bottom', 'top_start', 'top_center', 'top_end', 'center_start', 'center_end', 'bottom_start', 'bottom_center', 'bottom_end'],\n    },\n    { name: 'weight', label: 'Weight', type: 'number' },\n    { name: 'action', label: 'Action', type: 'object', properties: actionModelProperties() },\n  ]\n}\n\nfunction textModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n    ],\n  }\n}\n\nfunction imageModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'height', label: 'Height', type: 'object', properties: sizeModelProperties() },\n      { name: 'padding', label: 'Padding', type: 'object', properties: spacingModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n      { name: 'aspectRatio', label: 'Aspect Ratio', type: 'number' },\n    ],\n  }\n}\n\nfunction containerModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'backgroundColor', label: 'Background Color', type: 'object', properties: backgroundColorModelProperties() },\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'height', label: 'Height', type: 'object', properties: sizeModelProperties() },\n      { name: 'padding', label: 'Padding', type: 'object', properties: spacingModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n      { name: 'aspectRatio', label: 'Aspect Ratio', type: 'number' },\n    ],\n  }\n}\n\n// === Arrangement descriptors ===\n\nfunction verticalArrangementDescriptor(): PropertyDescriptor {\n  return {\n    name: 'verticalArrangement',\n    label: 'Vertical Arrangement',\n    type: 'object',\n    properties: [\n      {\n        name: 'type',\n        label: 'Type',\n        type: 'enum',\n        enumValues: ['top', 'center', 'bottom', 'space_evenly', 'space_between', 'space_around', 'spaced_by'],\n      },\n      { name: 'spacing', label: 'Spacing', type: 'number' },\n    ],\n  }\n}\n\nfunction horizontalArrangementDescriptor(): PropertyDescriptor {\n  return {\n    name: 'horizontalArrangement',\n    label: 'Horizontal Arrangement',\n    type: 'object',\n    properties: [\n      {\n        name: 'type',\n        label: 'Type',\n        type: 'enum',\n        enumValues: ['start', 'center', 'end', 'space_between', 'space_evenly', 'space_around', 'spaced_by'],\n      },\n      { name: 'spacing', label: 'Spacing', type: 'number' },\n    ],\n  }\n}\n\n// === Component definitions ===\n\nconst COMPONENT_DEFINITIONS: ComponentMeta[] = [\n  {\n    type: 'text',\n    label: 'Text',\n    acceptsChildren: false,\n    properties: [\n      { name: 'text', label: 'Text', type: 'string', required: true, defaultValue: 'Text' },\n      { name: 'fontSize', label: 'Font Size', type: 'number' },\n      { name: 'color', label: 'Color', type: 'object', properties: colorModelProperties() },\n      { name: 'fontWeight', label: 'Font Weight', type: 'enum', enumValues: ['bold', 'medium', 'normal', 'semi_bold'] },\n      { name: 'textAlign', label: 'Text Align', type: 'enum', enumValues: ['left', 'right', 'center', 'justify', 'start', 'end', 'unspecified'] },\n      { name: 'overflow', label: 'Overflow', type: 'enum', enumValues: ['none', 'ellipsis'] },\n      { name: 'maxLines', label: 'Max Lines', type: 'number' },\n      { name: 'minLines', label: 'Min Lines', type: 'number', defaultValue: 1 },\n      textModifierDescriptor(),\n    ],\n  },\n  {\n    type: 'image',\n    label: 'Image',\n    acceptsChildren: false,\n    properties: [\n      imageModifierDescriptor(),\n      { name: 'image', label: 'Image URL', type: 'string', required: true },\n      { name: 'scaleType', label: 'Scale Type', type: 'enum', enumValues: ['fit', 'crop', 'fill_height', 'fill_width', 'fill_bounds', 'inside', 'none'] },\n      { name: 'contentDescription', label: 'Content Description', type: 'string' },\n      { name: 'tintColor', label: 'Tint Color', type: 'object', properties: colorModelProperties() },\n    ],\n  },\n  {\n    type: 'box',\n    label: 'Box',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      {\n        name: 'alignment',\n        label: 'Alignment',\n        type: 'enum',\n        enumValues: ['top_start', 'top_center', 'top_end', 'center_start', 'center', 'center_end', 'bottom_start', 'bottom_center', 'bottom_end'],\n      },\n    ],\n  },\n  {\n    type: 'column',\n    label: 'Column',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      verticalArrangementDescriptor(),\n      { name: 'horizontalAlignment', label: 'Horizontal Alignment', type: 'enum', enumValues: ['start', 'end', 'center_horizontally'] },\n      { name: 'canScroll', label: 'Can Scroll', type: 'boolean' },\n    ],\n  },\n  {\n    type: 'row',\n    label: 'Row',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      { name: 'verticalAlignment', label: 'Vertical Alignment', type: 'enum', enumValues: ['top', 'bottom', 'center_vertically'] },\n      horizontalArrangementDescriptor(),\n      { name: 'canScroll', label: 'Can Scroll', type: 'boolean' },\n    ],\n  },\n  {\n    type: 'lazy_column',\n    label: 'Lazy Column',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      verticalArrangementDescriptor(),\n    ],\n  },\n]\n\n// === Public API ===\n\nexport function getComponents(): ComponentMeta[] {\n  return JSON.parse(JSON.stringify(COMPONENT_DEFINITIONS))\n}\n","export interface DevicePreset {\n  name: string\n  width: number\n  height: number\n  foldedWidth?: number\n  foldedHeight?: number\n}\n\nexport type DeviceCategory = 'phone' | 'tablet'\n\nconst DEVICE_PRESETS: Record<DeviceCategory, Record<string, DevicePreset[]>> = {\n  phone: {\n    'Google': [\n      { name: 'Pixel 10', width: 412, height: 915 },\n      { name: 'Pixel 10 Pro', width: 412, height: 915 },\n      { name: 'Pixel 10 Pro XL', width: 448, height: 998 },\n      { name: 'Pixel 10 Fold', width: 600, height: 748, foldedWidth: 360, foldedHeight: 748 },\n    ],\n    'Samsung': [\n      { name: 'Galaxy S26', width: 360, height: 780 },\n      { name: 'Galaxy S26 Ultra', width: 412, height: 915 },\n      { name: 'Galaxy Z Fold 7', width: 588, height: 748, foldedWidth: 360, foldedHeight: 748 },\n    ],\n    'iOS': [\n      { name: 'iPhone 17 Pro Max', width: 440, height: 956 },\n      { name: 'iPhone 17 Pro', width: 402, height: 874 },\n      { name: 'iPhone 17e', width: 375, height: 812 },\n      { name: 'iPhone 17', width: 393, height: 852 },\n      { name: 'iPhone Air', width: 402, height: 874 },\n    ],\n  },\n  tablet: {\n    'Google': [\n      { name: 'Pixel Tablet 2', width: 800, height: 1280 },\n    ],\n    'Samsung': [\n      { name: 'Galaxy Tab S11', width: 753, height: 1205 },\n      { name: 'Galaxy Tab S11+', width: 834, height: 1334 },\n      { name: 'Galaxy Tab S11 Ultra', width: 930, height: 1488 },\n    ],\n    'iOS': [\n      { name: 'iPad Pro 13\"', width: 1024, height: 1366 },\n      { name: 'iPad Pro 11\"', width: 834, height: 1194 },\n      { name: 'iPad Air', width: 820, height: 1180 },\n      { name: 'iPad mini', width: 744, height: 1133 },\n    ],\n  },\n}\n\nexport function getDevicePresets(): Record<DeviceCategory, Record<string, DevicePreset[]>> {\n  return JSON.parse(JSON.stringify(DEVICE_PRESETS))\n}\n"],"mappings":"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","names":["el"]}

package/dist/index.d.cts

@@ -2,7 +2,6 @@ type ComponentType = 'text' | 'image' | 'box' | 'column' | 'row' | 'lazy_column'
 type AlignmentType = 'top_start' | 'top_center' | 'top_end' | 'center_start' | 'center' | 'center_end' | 'bottom_start' | 'bottom_center' | 'bottom_end';
 type FontWeightType = 'bold' | 'medium' | 'normal' | 'semi_bold';
 type SizeUnitType = 'dp' | 'match_parent' | 'wrap_content';
-type ActionType = 'navigate';
 type BackgroundColorType = 'single' | 'vertical_gradient' | 'horizontal_gradient' | 'linear_gradient';
 type ContentScaleType = 'fit' | 'crop' | 'fill_height' | 'fill_width' | 'fill_bounds' | 'inside' | 'none';
 type TextAlignType = 'left' | 'right' | 'center' | 'justify' | 'start' | 'end' | 'unspecified';
@@ -27,12 +26,8 @@ interface SpacingModel {
     end?: number;
 }
 interface ActionModel {
-    type?: ActionType;
-    params?: ActionParams;
-}
-interface ActionParams {
-    route?: string;
-    args?: Record<string, string>;
+    type?: string;
+    params?: Record<string, string>;
 }
 interface BackgroundColorModel {
     colors?: ColorModel[];
@@ -141,9 +136,19 @@ interface ComponentMeta {
 
 declare function getComponents(): ComponentMeta[];
 
+interface DevicePreset {
+    name: string;
+    width: number;
+    height: number;
+    foldedWidth?: number;
+    foldedHeight?: number;
+}
+type DeviceCategory = 'phone' | 'tablet';
+declare function getDevicePresets(): Record<DeviceCategory, Record<string, DevicePreset[]>>;
+
 interface RenderOptions {
     theme?: Theme;
 }
 declare function render(json: string, container: HTMLElement, options?: RenderOptions): void;
 
-export { type ActionModel, type ActionParams, type ActionType, type AlignmentType, type BackgroundColorModel, type BackgroundColorType, type BoxUiProperties, type ColorModel, type ColumnUiProperties, type ComponentMeta, type ComponentType, type ContainerUiModifier, type ContentScaleType, type DefaultUiProperties, type FontWeightType, type HorizontalAlignmentType, type HorizontalArrangementModel, type HorizontalArrangementType, type ImageUiModifier, type ImageUiProperties, type LazyColumnUiProperties, type ModifierBase, type PropertiesModel, type PropertyDescriptor, type PropertyType, type RenderOptions, type RowUiProperties, type SduiComponent, type SduiScreen, type SizeModel, type SizeUnitType, type SpacingModel, type TextAlignType, type TextOverflowType, type TextUiModifier, type TextUiProperties, type Theme, type VerticalAlignmentType, type VerticalArrangementModel, type VerticalArrangementType, getComponents, render };
+export { type ActionModel, type AlignmentType, type BackgroundColorModel, type BackgroundColorType, type BoxUiProperties, type ColorModel, type ColumnUiProperties, type ComponentMeta, type ComponentType, type ContainerUiModifier, type ContentScaleType, type DefaultUiProperties, type DeviceCategory, type DevicePreset, type FontWeightType, type HorizontalAlignmentType, type HorizontalArrangementModel, type HorizontalArrangementType, type ImageUiModifier, type ImageUiProperties, type LazyColumnUiProperties, type ModifierBase, type PropertiesModel, type PropertyDescriptor, type PropertyType, type RenderOptions, type RowUiProperties, type SduiComponent, type SduiScreen, type SizeModel, type SizeUnitType, type SpacingModel, type TextAlignType, type TextOverflowType, type TextUiModifier, type TextUiProperties, type Theme, type VerticalAlignmentType, type VerticalArrangementModel, type VerticalArrangementType, getComponents, getDevicePresets, render };

package/dist/index.d.ts

@@ -2,7 +2,6 @@ type ComponentType = 'text' | 'image' | 'box' | 'column' | 'row' | 'lazy_column'
 type AlignmentType = 'top_start' | 'top_center' | 'top_end' | 'center_start' | 'center' | 'center_end' | 'bottom_start' | 'bottom_center' | 'bottom_end';
 type FontWeightType = 'bold' | 'medium' | 'normal' | 'semi_bold';
 type SizeUnitType = 'dp' | 'match_parent' | 'wrap_content';
-type ActionType = 'navigate';
 type BackgroundColorType = 'single' | 'vertical_gradient' | 'horizontal_gradient' | 'linear_gradient';
 type ContentScaleType = 'fit' | 'crop' | 'fill_height' | 'fill_width' | 'fill_bounds' | 'inside' | 'none';
 type TextAlignType = 'left' | 'right' | 'center' | 'justify' | 'start' | 'end' | 'unspecified';
@@ -27,12 +26,8 @@ interface SpacingModel {
     end?: number;
 }
 interface ActionModel {
-    type?: ActionType;
-    params?: ActionParams;
-}
-interface ActionParams {
-    route?: string;
-    args?: Record<string, string>;
+    type?: string;
+    params?: Record<string, string>;
 }
 interface BackgroundColorModel {
     colors?: ColorModel[];
@@ -141,9 +136,19 @@ interface ComponentMeta {
 
 declare function getComponents(): ComponentMeta[];
 
+interface DevicePreset {
+    name: string;
+    width: number;
+    height: number;
+    foldedWidth?: number;
+    foldedHeight?: number;
+}
+type DeviceCategory = 'phone' | 'tablet';
+declare function getDevicePresets(): Record<DeviceCategory, Record<string, DevicePreset[]>>;
+
 interface RenderOptions {
     theme?: Theme;
 }
 declare function render(json: string, container: HTMLElement, options?: RenderOptions): void;
 
-export { type ActionModel, type ActionParams, type ActionType, type AlignmentType, type BackgroundColorModel, type BackgroundColorType, type BoxUiProperties, type ColorModel, type ColumnUiProperties, type ComponentMeta, type ComponentType, type ContainerUiModifier, type ContentScaleType, type DefaultUiProperties, type FontWeightType, type HorizontalAlignmentType, type HorizontalArrangementModel, type HorizontalArrangementType, type ImageUiModifier, type ImageUiProperties, type LazyColumnUiProperties, type ModifierBase, type PropertiesModel, type PropertyDescriptor, type PropertyType, type RenderOptions, type RowUiProperties, type SduiComponent, type SduiScreen, type SizeModel, type SizeUnitType, type SpacingModel, type TextAlignType, type TextOverflowType, type TextUiModifier, type TextUiProperties, type Theme, type VerticalAlignmentType, type VerticalArrangementModel, type VerticalArrangementType, getComponents, render };
+export { type ActionModel, type AlignmentType, type BackgroundColorModel, type BackgroundColorType, type BoxUiProperties, type ColorModel, type ColumnUiProperties, type ComponentMeta, type ComponentType, type ContainerUiModifier, type ContentScaleType, type DefaultUiProperties, type DeviceCategory, type DevicePreset, type FontWeightType, type HorizontalAlignmentType, type HorizontalArrangementModel, type HorizontalArrangementType, type ImageUiModifier, type ImageUiProperties, type LazyColumnUiProperties, type ModifierBase, type PropertiesModel, type PropertyDescriptor, type PropertyType, type RenderOptions, type RowUiProperties, type SduiComponent, type SduiScreen, type SizeModel, type SizeUnitType, type SpacingModel, type TextAlignType, type TextOverflowType, type TextUiModifier, type TextUiProperties, type Theme, type VerticalAlignmentType, type VerticalArrangementModel, type VerticalArrangementType, getComponents, getDevicePresets, render };

package/dist/index.js

@@ -35,6 +35,7 @@ function applyModifier(element, modifier, theme) {
   const s = element.style;
   if (modifier.alignment) {
     switch (modifier.alignment) {
+      // Single-axis (Column / Row children)
       case "center":
       case "center_horizontally":
       case "center_vertically":
@@ -48,6 +49,39 @@ function applyModifier(element, modifier, theme) {
       case "bottom":
         s.alignSelf = "flex-end";
         break;
+      // Two-axis (Box children — grid layout)
+      case "top_start":
+        s.alignSelf = "start";
+        s.justifySelf = "start";
+        break;
+      case "top_center":
+        s.alignSelf = "start";
+        s.justifySelf = "center";
+        break;
+      case "top_end":
+        s.alignSelf = "start";
+        s.justifySelf = "end";
+        break;
+      case "center_start":
+        s.alignSelf = "center";
+        s.justifySelf = "start";
+        break;
+      case "center_end":
+        s.alignSelf = "center";
+        s.justifySelf = "end";
+        break;
+      case "bottom_start":
+        s.alignSelf = "end";
+        s.justifySelf = "start";
+        break;
+      case "bottom_center":
+        s.alignSelf = "end";
+        s.justifySelf = "center";
+        break;
+      case "bottom_end":
+        s.alignSelf = "end";
+        s.justifySelf = "end";
+        break;
     }
   }
   if (modifier.weight != null) {
@@ -60,12 +94,10 @@ function applyModifier(element, modifier, theme) {
     s.cursor = "pointer";
     element.addEventListener("click", (e) => {
       e.stopPropagation();
-      if (action.type === "navigate") {
-        element.dispatchEvent(new CustomEvent("sdui:navigate", {
-          bubbles: true,
-          detail: { route: action.params?.route, args: action.params?.args }
-        }));
-      }
+      element.dispatchEvent(new CustomEvent("sdui:action", {
+        bubbles: true,
+        detail: { type: action.type, params: action.params }
+      }));
     });
   }
   const mod = modifier;
@@ -240,45 +272,45 @@ function renderImage(component, theme) {
 function renderBox(component, theme) {
   const props = component.properties;
   const el = document.createElement("div");
-  el.style.display = "flex";
+  el.style.display = "grid";
   el.style.position = "relative";
   if (props?.alignment) {
     switch (props.alignment) {
       case "top_start":
-        el.style.justifyContent = "flex-start";
-        el.style.alignItems = "flex-start";
+        el.style.justifyItems = "start";
+        el.style.alignItems = "start";
         break;
       case "top_center":
-        el.style.justifyContent = "center";
-        el.style.alignItems = "flex-start";
+        el.style.justifyItems = "center";
+        el.style.alignItems = "start";
         break;
       case "top_end":
-        el.style.justifyContent = "flex-end";
-        el.style.alignItems = "flex-start";
+        el.style.justifyItems = "end";
+        el.style.alignItems = "start";
         break;
       case "center_start":
-        el.style.justifyContent = "flex-start";
+        el.style.justifyItems = "start";
         el.style.alignItems = "center";
         break;
       case "center":
-        el.style.justifyContent = "center";
+        el.style.justifyItems = "center";
         el.style.alignItems = "center";
         break;
       case "center_end":
-        el.style.justifyContent = "flex-end";
+        el.style.justifyItems = "end";
         el.style.alignItems = "center";
         break;
       case "bottom_start":
-        el.style.justifyContent = "flex-start";
-        el.style.alignItems = "flex-end";
+        el.style.justifyItems = "start";
+        el.style.alignItems = "end";
         break;
       case "bottom_center":
-        el.style.justifyContent = "center";
-        el.style.alignItems = "flex-end";
+        el.style.justifyItems = "center";
+        el.style.alignItems = "end";
         break;
       case "bottom_end":
-        el.style.justifyContent = "flex-end";
-        el.style.alignItems = "flex-end";
+        el.style.justifyItems = "end";
+        el.style.alignItems = "end";
         break;
     }
   }
@@ -491,16 +523,8 @@ function colorModelProperties() {
 }
 function actionModelProperties() {
   return [
-    { name: "type", label: "Action Type", type: "enum", enumValues: ["navigate"] },
-    {
-      name: "params",
-      label: "Params",
-      type: "object",
-      properties: [
-        { name: "route", label: "Route", type: "string" },
-        { name: "args", label: "Args", type: "object" }
-      ]
-    }
+    { name: "type", label: "Action Type", type: "string" },
+    { name: "params", label: "Parameters", type: "object" }
   ];
 }
 function backgroundColorModelProperties() {
@@ -526,7 +550,7 @@ function modifierBaseProperties() {
       name: "alignment",
       label: "Alignment",
       type: "enum",
-      enumValues: ["center", "center_horizontally", "center_vertically", "start", "top", "end", "bottom"]
+      enumValues: ["start", "end", "center", "center_horizontally", "center_vertically", "top", "bottom", "top_start", "top_center", "top_end", "center_start", "center_end", "bottom_start", "bottom_center", "bottom_end"]
     },
     { name: "weight", label: "Weight", type: "number" },
     { name: "action", label: "Action", type: "object", properties: actionModelProperties() }
@@ -613,15 +637,15 @@ var COMPONENT_DEFINITIONS = [
     label: "Text",
     acceptsChildren: false,
     properties: [
-      textModifierDescriptor(),
-      { name: "text", label: "Text", type: "string", required: true },
+      { name: "text", label: "Text", type: "string", required: true, defaultValue: "Text" },
       { name: "fontSize", label: "Font Size", type: "number" },
       { name: "color", label: "Color", type: "object", properties: colorModelProperties() },
       { name: "fontWeight", label: "Font Weight", type: "enum", enumValues: ["bold", "medium", "normal", "semi_bold"] },
       { name: "textAlign", label: "Text Align", type: "enum", enumValues: ["left", "right", "center", "justify", "start", "end", "unspecified"] },
       { name: "overflow", label: "Overflow", type: "enum", enumValues: ["none", "ellipsis"] },
       { name: "maxLines", label: "Max Lines", type: "number" },
-      { name: "minLines", label: "Min Lines", type: "number" }
+      { name: "minLines", label: "Min Lines", type: "number", defaultValue: 1 },
+      textModifierDescriptor()
     ]
   },
   {
@@ -686,6 +710,49 @@ function getComponents() {
   return JSON.parse(JSON.stringify(COMPONENT_DEFINITIONS));
 }
 
+// src/device-presets.ts
+var DEVICE_PRESETS = {
+  phone: {
+    "Google": [
+      { name: "Pixel 10", width: 412, height: 915 },
+      { name: "Pixel 10 Pro", width: 412, height: 915 },
+      { name: "Pixel 10 Pro XL", width: 448, height: 998 },
+      { name: "Pixel 10 Fold", width: 600, height: 748, foldedWidth: 360, foldedHeight: 748 }
+    ],
+    "Samsung": [
+      { name: "Galaxy S26", width: 360, height: 780 },
+      { name: "Galaxy S26 Ultra", width: 412, height: 915 },
+      { name: "Galaxy Z Fold 7", width: 588, height: 748, foldedWidth: 360, foldedHeight: 748 }
+    ],
+    "iOS": [
+      { name: "iPhone 17 Pro Max", width: 440, height: 956 },
+      { name: "iPhone 17 Pro", width: 402, height: 874 },
+      { name: "iPhone 17e", width: 375, height: 812 },
+      { name: "iPhone 17", width: 393, height: 852 },
+      { name: "iPhone Air", width: 402, height: 874 }
+    ]
+  },
+  tablet: {
+    "Google": [
+      { name: "Pixel Tablet 2", width: 800, height: 1280 }
+    ],
+    "Samsung": [
+      { name: "Galaxy Tab S11", width: 753, height: 1205 },
+      { name: "Galaxy Tab S11+", width: 834, height: 1334 },
+      { name: "Galaxy Tab S11 Ultra", width: 930, height: 1488 }
+    ],
+    "iOS": [
+      { name: 'iPad Pro 13"', width: 1024, height: 1366 },
+      { name: 'iPad Pro 11"', width: 834, height: 1194 },
+      { name: "iPad Air", width: 820, height: 1180 },
+      { name: "iPad mini", width: 744, height: 1133 }
+    ]
+  }
+};
+function getDevicePresets() {
+  return JSON.parse(JSON.stringify(DEVICE_PRESETS));
+}
+
 // src/index.ts
 function render(json, container, options) {
   const screen = JSON.parse(json);
@@ -696,6 +763,7 @@ function render(json, container, options) {
 }
 export {
   getComponents,
+  getDevicePresets,
   render
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.ts","../src/modifiers.ts","../src/components/text.ts","../src/components/image.ts","../src/components/box.ts","../src/components/column.ts","../src/components/row.ts","../src/components/lazy-column.ts","../src/components/index.ts","../src/render.ts","../src/component-meta.ts","../src/index.ts"],"sourcesContent":["import type { ColorModel, SizeModel, SpacingModel, Theme } from './types'\n\nexport function resolveColor(color: ColorModel | undefined, theme: Theme): string | undefined {\n  if (!color) return undefined\n  if (theme === 'dark') {\n    return color.dark ?? color.light\n  }\n  return color.light ?? color.dark\n}\n\nexport function resolveSize(size: SizeModel | undefined): string | undefined {\n  if (!size || !size.unit) return undefined\n  switch (size.unit) {\n    case 'dp':\n      return `${size.value ?? 0}px`\n    case 'match_parent':\n      return '100%'\n    case 'wrap_content':\n      return 'fit-content'\n    default:\n      return undefined\n  }\n}\n\nexport function resolveSpacing(spacing: SpacingModel | undefined): {\n  top?: string\n  bottom?: string\n  left?: string\n  right?: string\n} {\n  if (!spacing) return {}\n  return {\n    top: spacing.top != null ? `${spacing.top}px` : undefined,\n    bottom: spacing.bottom != null ? `${spacing.bottom}px` : undefined,\n    left: spacing.start != null ? `${spacing.start}px` : undefined,\n    right: spacing.end != null ? `${spacing.end}px` : undefined,\n  }\n}\n","import type { BackgroundColorModel, ContainerUiModifier, ImageUiModifier, ModifierBase, TextUiModifier, Theme } from './types'\nimport { resolveColor, resolveSize, resolveSpacing } from './utils'\n\nexport function applyModifier(element: HTMLElement, modifier: ModifierBase | undefined, theme: Theme): void {\n  if (!modifier) return\n\n  const s = element.style\n\n  // alignment → align-self\n  if (modifier.alignment) {\n    switch (modifier.alignment) {\n      case 'center':\n      case 'center_horizontally':\n      case 'center_vertically':\n        s.alignSelf = 'center'\n        break\n      case 'start':\n      case 'top':\n        s.alignSelf = 'flex-start'\n        break\n      case 'end':\n      case 'bottom':\n        s.alignSelf = 'flex-end'\n        break\n    }\n  }\n\n  // weight → flex\n  if (modifier.weight != null) {\n    s.flex = `${modifier.weight}`\n    s.minWidth = '0'\n    s.minHeight = '0'\n  }\n\n  // action → click handler\n  if (modifier.action) {\n    const action = modifier.action\n    s.cursor = 'pointer'\n    element.addEventListener('click', (e) => {\n      e.stopPropagation()\n      if (action.type === 'navigate') {\n        element.dispatchEvent(new CustomEvent('sdui:navigate', {\n          bubbles: true,\n          detail: { route: action.params?.route, args: action.params?.args },\n        }))\n      }\n    })\n  }\n\n  // Extended modifier fields (width, height, padding, margin, backgroundColor, aspectRatio)\n  const mod = modifier as ContainerUiModifier | ImageUiModifier | TextUiModifier\n\n  const hasAspectRatio = 'aspectRatio' in mod && mod.aspectRatio != null\n  const hasWidth = 'width' in mod && mod.width\n  const hasHeight = 'height' in mod && (mod as ContainerUiModifier).height\n\n  if (hasWidth) {\n    const w = resolveSize(mod.width)\n    if (w) s.width = w\n  }\n\n  if (hasHeight && !(hasAspectRatio && hasWidth)) {\n    const h = resolveSize((mod as ContainerUiModifier).height)\n    if (h) s.height = h\n  }\n\n  if (hasAspectRatio) {\n    s.aspectRatio = `${(mod as ContainerUiModifier).aspectRatio}`\n  }\n\n  if ('padding' in mod && mod.padding) {\n    const p = resolveSpacing((mod as ContainerUiModifier).padding)\n    if (p.top) s.paddingTop = p.top\n    if (p.bottom) s.paddingBottom = p.bottom\n    if (p.left) s.paddingLeft = p.left\n    if (p.right) s.paddingRight = p.right\n  }\n\n  if ('margin' in mod && mod.margin) {\n    const m = resolveSpacing(mod.margin)\n    if (m.top) s.marginTop = m.top\n    if (m.bottom) s.marginBottom = m.bottom\n    if (m.left) s.marginLeft = m.left\n    if (m.right) s.marginRight = m.right\n  }\n\n  if ('backgroundColor' in mod && mod.backgroundColor) {\n    applyBackground(s, (mod as ContainerUiModifier).backgroundColor!, theme)\n  }\n}\n\nfunction applyBackground(s: CSSStyleDeclaration, bg: BackgroundColorModel, theme: Theme): void {\n  if (!bg.colors || bg.colors.length === 0) return\n\n  const colors = bg.colors.map((c) => resolveColor(c, theme)).filter(Boolean) as string[]\n  if (colors.length === 0) return\n\n  switch (bg.type) {\n    case 'single':\n      s.backgroundColor = colors[0]\n      break\n    case 'vertical_gradient':\n      s.background = `linear-gradient(to bottom, ${colors.join(', ')})`\n      break\n    case 'horizontal_gradient':\n      s.background = `linear-gradient(to right, ${colors.join(', ')})`\n      break\n    case 'linear_gradient':\n      s.background = `linear-gradient(${colors.join(', ')})`\n      break\n    default:\n      if (colors.length === 1) {\n        s.backgroundColor = colors[0]\n      }\n      break\n  }\n}\n","import type { SduiComponent, TextUiProperties, Theme } from '../types'\nimport { resolveColor } from '../utils'\nimport { applyModifier } from '../modifiers'\n\nexport function renderText(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as TextUiProperties | undefined\n  const el = document.createElement('span')\n\n  el.textContent = props?.text ?? ''\n\n  if (props?.fontSize != null) {\n    el.style.fontSize = `${props.fontSize}px`\n  }\n\n  if (props?.color) {\n    const c = resolveColor(props.color, theme)\n    if (c) el.style.color = c\n  }\n\n  if (props?.fontWeight) {\n    switch (props.fontWeight) {\n      case 'bold':\n        el.style.fontWeight = '700'\n        break\n      case 'semi_bold':\n        el.style.fontWeight = '600'\n        break\n      case 'medium':\n        el.style.fontWeight = '500'\n        break\n      case 'normal':\n        el.style.fontWeight = '400'\n        break\n    }\n  }\n\n  if (props?.textAlign) {\n    el.style.display = 'block'\n    switch (props.textAlign) {\n      case 'left':\n      case 'start':\n        el.style.textAlign = 'left'\n        break\n      case 'right':\n      case 'end':\n        el.style.textAlign = 'right'\n        break\n      case 'center':\n        el.style.textAlign = 'center'\n        break\n      case 'justify':\n        el.style.textAlign = 'justify'\n        break\n    }\n  }\n\n  if (props?.overflow === 'ellipsis') {\n    el.style.textOverflow = 'ellipsis'\n    el.style.overflow = 'hidden'\n    el.style.whiteSpace = 'nowrap'\n  }\n\n  if (props?.maxLines != null) {\n    el.style.display = '-webkit-box'\n    el.style.webkitLineClamp = `${props.maxLines}`\n    ;(el.style as unknown as Record<string, string>)['-webkit-box-orient'] = 'vertical'\n    el.style.overflow = 'hidden'\n  }\n\n  if (props?.minLines != null) {\n    el.style.minHeight = `${props.minLines * (props.fontSize ?? 16) * 1.4}px`\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, ImageUiProperties, Theme } from '../types'\nimport { resolveColor } from '../utils'\nimport { applyModifier } from '../modifiers'\n\nexport function renderImage(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as ImageUiProperties | undefined\n  const el = document.createElement('img') as HTMLImageElement\n\n  if (props?.image) {\n    el.src = props.image\n  }\n\n  if (props?.contentDescription) {\n    el.alt = props.contentDescription\n  }\n\n  if (props?.scaleType) {\n    switch (props.scaleType) {\n      case 'fit':\n      case 'inside':\n        el.style.objectFit = 'contain'\n        break\n      case 'crop':\n        el.style.objectFit = 'cover'\n        break\n      case 'fill_bounds':\n        el.style.objectFit = 'fill'\n        break\n      case 'fill_width':\n        el.style.objectFit = 'cover'\n        el.style.width = '100%'\n        break\n      case 'fill_height':\n        el.style.objectFit = 'cover'\n        el.style.height = '100%'\n        break\n      case 'none':\n        el.style.objectFit = 'none'\n        break\n    }\n  }\n\n  if (props?.tintColor) {\n    const c = resolveColor(props.tintColor, theme)\n    if (c) {\n      el.style.filter = `opacity(0.5) drop-shadow(0 0 0 ${c})`\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, BoxUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderBox(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as BoxUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.position = 'relative'\n\n  if (props?.alignment) {\n    switch (props.alignment) {\n      case 'top_start':\n        el.style.justifyContent = 'flex-start'\n        el.style.alignItems = 'flex-start'\n        break\n      case 'top_center':\n        el.style.justifyContent = 'center'\n        el.style.alignItems = 'flex-start'\n        break\n      case 'top_end':\n        el.style.justifyContent = 'flex-end'\n        el.style.alignItems = 'flex-start'\n        break\n      case 'center_start':\n        el.style.justifyContent = 'flex-start'\n        el.style.alignItems = 'center'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        el.style.alignItems = 'center'\n        break\n      case 'center_end':\n        el.style.justifyContent = 'flex-end'\n        el.style.alignItems = 'center'\n        break\n      case 'bottom_start':\n        el.style.justifyContent = 'flex-start'\n        el.style.alignItems = 'flex-end'\n        break\n      case 'bottom_center':\n        el.style.justifyContent = 'center'\n        el.style.alignItems = 'flex-end'\n        break\n      case 'bottom_end':\n        el.style.justifyContent = 'flex-end'\n        el.style.alignItems = 'flex-end'\n        break\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, ColumnUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderColumn(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as ColumnUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'column'\n\n  if (props?.verticalArrangement) {\n    const arr = props.verticalArrangement\n    switch (arr.type) {\n      case 'top':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'bottom':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  if (props?.horizontalAlignment) {\n    switch (props.horizontalAlignment) {\n      case 'start':\n        el.style.alignItems = 'flex-start'\n        break\n      case 'end':\n        el.style.alignItems = 'flex-end'\n        break\n      case 'center_horizontally':\n        el.style.alignItems = 'center'\n        break\n    }\n  }\n\n  if (props?.canScroll) {\n    el.style.overflowY = 'auto'\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, RowUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderRow(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as RowUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'row'\n\n  if (props?.horizontalArrangement) {\n    const arr = props.horizontalArrangement\n    switch (arr.type) {\n      case 'start':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'end':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  if (props?.verticalAlignment) {\n    switch (props.verticalAlignment) {\n      case 'top':\n        el.style.alignItems = 'flex-start'\n        break\n      case 'bottom':\n        el.style.alignItems = 'flex-end'\n        break\n      case 'center_vertically':\n        el.style.alignItems = 'center'\n        break\n    }\n  }\n\n  if (props?.canScroll) {\n    el.style.overflowX = 'auto'\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, LazyColumnUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderLazyColumn(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as LazyColumnUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'column'\n  el.style.overflowY = 'auto'\n\n  if (props?.verticalArrangement) {\n    const arr = props.verticalArrangement\n    switch (arr.type) {\n      case 'top':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'bottom':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, Theme } from '../types'\nimport { renderText } from './text'\nimport { renderImage } from './image'\nimport { renderBox } from './box'\nimport { renderColumn } from './column'\nimport { renderRow } from './row'\nimport { renderLazyColumn } from './lazy-column'\n\nexport type ComponentRenderer = (component: SduiComponent, theme: Theme) => HTMLElement\n\nconst renderers: Record<string, ComponentRenderer> = {\n  text: renderText,\n  image: renderImage,\n  box: renderBox,\n  column: renderColumn,\n  row: renderRow,\n  lazy_column: renderLazyColumn,\n}\n\nexport function getRenderer(type: string): ComponentRenderer | undefined {\n  return renderers[type]\n}\n","import type { SduiComponent, Theme } from './types'\nimport { getRenderer } from './components'\n\nexport function renderComponent(component: SduiComponent, theme: Theme): HTMLElement {\n  const renderer = getRenderer(component.type)\n\n  if (!renderer) {\n    console.warn(`[sdui] Unknown component type: \"${component.type}\"`)\n    const el = document.createElement('div')\n    el.dataset.sduiUnknown = component.type\n    return el\n  }\n\n  const el = renderer(component, theme)\n  el.dataset.sduiType = component.type\n\n  if (component.children && component.children.length > 0) {\n    for (const child of component.children) {\n      el.appendChild(renderComponent(child, theme))\n    }\n  }\n\n  return el\n}\n","import type { ComponentMeta, PropertyDescriptor } from './types'\n\n// === Reusable sub-object property builders ===\n\nfunction sizeModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'value', label: 'Value', type: 'number' },\n    { name: 'unit', label: 'Unit', type: 'enum', enumValues: ['dp', 'match_parent', 'wrap_content'] },\n  ]\n}\n\nfunction spacingModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'top', label: 'Top', type: 'number' },\n    { name: 'bottom', label: 'Bottom', type: 'number' },\n    { name: 'start', label: 'Start', type: 'number' },\n    { name: 'end', label: 'End', type: 'number' },\n  ]\n}\n\nfunction colorModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'light', label: 'Light', type: 'color' },\n    { name: 'dark', label: 'Dark', type: 'color' },\n  ]\n}\n\nfunction actionModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'type', label: 'Action Type', type: 'enum', enumValues: ['navigate'] },\n    {\n      name: 'params',\n      label: 'Params',\n      type: 'object',\n      properties: [\n        { name: 'route', label: 'Route', type: 'string' },\n        { name: 'args', label: 'Args', type: 'object' },\n      ],\n    },\n  ]\n}\n\nfunction backgroundColorModelProperties(): PropertyDescriptor[] {\n  return [\n    {\n      name: 'colors',\n      label: 'Colors',\n      type: 'object',\n      isArray: true,\n      properties: colorModelProperties(),\n    },\n    {\n      name: 'type',\n      label: 'Background Type',\n      type: 'enum',\n      enumValues: ['single', 'vertical_gradient', 'horizontal_gradient', 'linear_gradient'],\n    },\n  ]\n}\n\n// === Modifier builders ===\n\nfunction modifierBaseProperties(): PropertyDescriptor[] {\n  return [\n    {\n      name: 'alignment',\n      label: 'Alignment',\n      type: 'enum',\n      enumValues: ['center', 'center_horizontally', 'center_vertically', 'start', 'top', 'end', 'bottom'],\n    },\n    { name: 'weight', label: 'Weight', type: 'number' },\n    { name: 'action', label: 'Action', type: 'object', properties: actionModelProperties() },\n  ]\n}\n\nfunction textModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n    ],\n  }\n}\n\nfunction imageModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'height', label: 'Height', type: 'object', properties: sizeModelProperties() },\n      { name: 'padding', label: 'Padding', type: 'object', properties: spacingModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n      { name: 'aspectRatio', label: 'Aspect Ratio', type: 'number' },\n    ],\n  }\n}\n\nfunction containerModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'backgroundColor', label: 'Background Color', type: 'object', properties: backgroundColorModelProperties() },\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'height', label: 'Height', type: 'object', properties: sizeModelProperties() },\n      { name: 'padding', label: 'Padding', type: 'object', properties: spacingModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n      { name: 'aspectRatio', label: 'Aspect Ratio', type: 'number' },\n    ],\n  }\n}\n\n// === Arrangement descriptors ===\n\nfunction verticalArrangementDescriptor(): PropertyDescriptor {\n  return {\n    name: 'verticalArrangement',\n    label: 'Vertical Arrangement',\n    type: 'object',\n    properties: [\n      {\n        name: 'type',\n        label: 'Type',\n        type: 'enum',\n        enumValues: ['top', 'center', 'bottom', 'space_evenly', 'space_between', 'space_around', 'spaced_by'],\n      },\n      { name: 'spacing', label: 'Spacing', type: 'number' },\n    ],\n  }\n}\n\nfunction horizontalArrangementDescriptor(): PropertyDescriptor {\n  return {\n    name: 'horizontalArrangement',\n    label: 'Horizontal Arrangement',\n    type: 'object',\n    properties: [\n      {\n        name: 'type',\n        label: 'Type',\n        type: 'enum',\n        enumValues: ['start', 'center', 'end', 'space_between', 'space_evenly', 'space_around', 'spaced_by'],\n      },\n      { name: 'spacing', label: 'Spacing', type: 'number' },\n    ],\n  }\n}\n\n// === Component definitions ===\n\nconst COMPONENT_DEFINITIONS: ComponentMeta[] = [\n  {\n    type: 'text',\n    label: 'Text',\n    acceptsChildren: false,\n    properties: [\n      textModifierDescriptor(),\n      { name: 'text', label: 'Text', type: 'string', required: true },\n      { name: 'fontSize', label: 'Font Size', type: 'number' },\n      { name: 'color', label: 'Color', type: 'object', properties: colorModelProperties() },\n      { name: 'fontWeight', label: 'Font Weight', type: 'enum', enumValues: ['bold', 'medium', 'normal', 'semi_bold'] },\n      { name: 'textAlign', label: 'Text Align', type: 'enum', enumValues: ['left', 'right', 'center', 'justify', 'start', 'end', 'unspecified'] },\n      { name: 'overflow', label: 'Overflow', type: 'enum', enumValues: ['none', 'ellipsis'] },\n      { name: 'maxLines', label: 'Max Lines', type: 'number' },\n      { name: 'minLines', label: 'Min Lines', type: 'number' },\n    ],\n  },\n  {\n    type: 'image',\n    label: 'Image',\n    acceptsChildren: false,\n    properties: [\n      imageModifierDescriptor(),\n      { name: 'image', label: 'Image URL', type: 'string', required: true },\n      { name: 'scaleType', label: 'Scale Type', type: 'enum', enumValues: ['fit', 'crop', 'fill_height', 'fill_width', 'fill_bounds', 'inside', 'none'] },\n      { name: 'contentDescription', label: 'Content Description', type: 'string' },\n      { name: 'tintColor', label: 'Tint Color', type: 'object', properties: colorModelProperties() },\n    ],\n  },\n  {\n    type: 'box',\n    label: 'Box',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      {\n        name: 'alignment',\n        label: 'Alignment',\n        type: 'enum',\n        enumValues: ['top_start', 'top_center', 'top_end', 'center_start', 'center', 'center_end', 'bottom_start', 'bottom_center', 'bottom_end'],\n      },\n    ],\n  },\n  {\n    type: 'column',\n    label: 'Column',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      verticalArrangementDescriptor(),\n      { name: 'horizontalAlignment', label: 'Horizontal Alignment', type: 'enum', enumValues: ['start', 'end', 'center_horizontally'] },\n      { name: 'canScroll', label: 'Can Scroll', type: 'boolean' },\n    ],\n  },\n  {\n    type: 'row',\n    label: 'Row',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      { name: 'verticalAlignment', label: 'Vertical Alignment', type: 'enum', enumValues: ['top', 'bottom', 'center_vertically'] },\n      horizontalArrangementDescriptor(),\n      { name: 'canScroll', label: 'Can Scroll', type: 'boolean' },\n    ],\n  },\n  {\n    type: 'lazy_column',\n    label: 'Lazy Column',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      verticalArrangementDescriptor(),\n    ],\n  },\n]\n\n// === Public API ===\n\nexport function getComponents(): ComponentMeta[] {\n  return JSON.parse(JSON.stringify(COMPONENT_DEFINITIONS))\n}\n","import type { SduiScreen, Theme } from './types'\nimport { renderComponent } from './render'\n\nexport interface RenderOptions {\n  theme?: Theme\n}\n\nexport function render(json: string, container: HTMLElement, options?: RenderOptions): void {\n  const screen: SduiScreen = JSON.parse(json)\n  const theme: Theme = options?.theme ?? 'light'\n\n  const root = renderComponent(screen.root, theme)\n\n  container.innerHTML = ''\n  container.appendChild(root)\n}\n\nexport { getComponents } from './component-meta'\n\nexport type {\n  // Root models\n  SduiScreen,\n  SduiComponent,\n  Theme,\n  // Properties\n  PropertiesModel,\n  TextUiProperties,\n  ImageUiProperties,\n  BoxUiProperties,\n  ColumnUiProperties,\n  RowUiProperties,\n  LazyColumnUiProperties,\n  DefaultUiProperties,\n  // Modifiers\n  ModifierBase,\n  TextUiModifier,\n  ContainerUiModifier,\n  ImageUiModifier,\n  // Base models\n  ColorModel,\n  SizeModel,\n  SpacingModel,\n  ActionModel,\n  ActionParams,\n  BackgroundColorModel,\n  HorizontalArrangementModel,\n  VerticalArrangementModel,\n  // Enums\n  ComponentType,\n  AlignmentType,\n  FontWeightType,\n  SizeUnitType,\n  ActionType,\n  BackgroundColorType,\n  ContentScaleType,\n  TextAlignType,\n  TextOverflowType,\n  HorizontalAlignmentType,\n  VerticalAlignmentType,\n  HorizontalArrangementType,\n  VerticalArrangementType,\n  // Metadata\n  ComponentMeta,\n  PropertyDescriptor,\n  PropertyType,\n} from './types'\n"],"mappings":"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","names":["el"]}
+{"version":3,"sources":["../src/utils.ts","../src/modifiers.ts","../src/components/text.ts","../src/components/image.ts","../src/components/box.ts","../src/components/column.ts","../src/components/row.ts","../src/components/lazy-column.ts","../src/components/index.ts","../src/render.ts","../src/component-meta.ts","../src/device-presets.ts","../src/index.ts"],"sourcesContent":["import type { ColorModel, SizeModel, SpacingModel, Theme } from './types'\n\nexport function resolveColor(color: ColorModel | undefined, theme: Theme): string | undefined {\n  if (!color) return undefined\n  if (theme === 'dark') {\n    return color.dark ?? color.light\n  }\n  return color.light ?? color.dark\n}\n\nexport function resolveSize(size: SizeModel | undefined): string | undefined {\n  if (!size || !size.unit) return undefined\n  switch (size.unit) {\n    case 'dp':\n      return `${size.value ?? 0}px`\n    case 'match_parent':\n      return '100%'\n    case 'wrap_content':\n      return 'fit-content'\n    default:\n      return undefined\n  }\n}\n\nexport function resolveSpacing(spacing: SpacingModel | undefined): {\n  top?: string\n  bottom?: string\n  left?: string\n  right?: string\n} {\n  if (!spacing) return {}\n  return {\n    top: spacing.top != null ? `${spacing.top}px` : undefined,\n    bottom: spacing.bottom != null ? `${spacing.bottom}px` : undefined,\n    left: spacing.start != null ? `${spacing.start}px` : undefined,\n    right: spacing.end != null ? `${spacing.end}px` : undefined,\n  }\n}\n","import type { BackgroundColorModel, ContainerUiModifier, ImageUiModifier, ModifierBase, TextUiModifier, Theme } from './types'\nimport { resolveColor, resolveSize, resolveSpacing } from './utils'\n\nexport function applyModifier(element: HTMLElement, modifier: ModifierBase | undefined, theme: Theme): void {\n  if (!modifier) return\n\n  const s = element.style\n\n  // alignment → align-self (+ justify-self for 2-axis Box alignments)\n  if (modifier.alignment) {\n    switch (modifier.alignment) {\n      // Single-axis (Column / Row children)\n      case 'center':\n      case 'center_horizontally':\n      case 'center_vertically':\n        s.alignSelf = 'center'\n        break\n      case 'start':\n      case 'top':\n        s.alignSelf = 'flex-start'\n        break\n      case 'end':\n      case 'bottom':\n        s.alignSelf = 'flex-end'\n        break\n      // Two-axis (Box children — grid layout)\n      case 'top_start':\n        s.alignSelf = 'start'; s.justifySelf = 'start'\n        break\n      case 'top_center':\n        s.alignSelf = 'start'; s.justifySelf = 'center'\n        break\n      case 'top_end':\n        s.alignSelf = 'start'; s.justifySelf = 'end'\n        break\n      case 'center_start':\n        s.alignSelf = 'center'; s.justifySelf = 'start'\n        break\n      case 'center_end':\n        s.alignSelf = 'center'; s.justifySelf = 'end'\n        break\n      case 'bottom_start':\n        s.alignSelf = 'end'; s.justifySelf = 'start'\n        break\n      case 'bottom_center':\n        s.alignSelf = 'end'; s.justifySelf = 'center'\n        break\n      case 'bottom_end':\n        s.alignSelf = 'end'; s.justifySelf = 'end'\n        break\n    }\n  }\n\n  // weight → flex\n  if (modifier.weight != null) {\n    s.flex = `${modifier.weight}`\n    s.minWidth = '0'\n    s.minHeight = '0'\n  }\n\n  // action → click handler\n  if (modifier.action) {\n    const action = modifier.action\n    s.cursor = 'pointer'\n    element.addEventListener('click', (e) => {\n      e.stopPropagation()\n      element.dispatchEvent(new CustomEvent('sdui:action', {\n        bubbles: true,\n        detail: { type: action.type, params: action.params },\n      }))\n    })\n  }\n\n  // Extended modifier fields (width, height, padding, margin, backgroundColor, aspectRatio)\n  const mod = modifier as ContainerUiModifier | ImageUiModifier | TextUiModifier\n\n  const hasAspectRatio = 'aspectRatio' in mod && mod.aspectRatio != null\n  const hasWidth = 'width' in mod && mod.width\n  const hasHeight = 'height' in mod && (mod as ContainerUiModifier).height\n\n  if (hasWidth) {\n    const w = resolveSize(mod.width)\n    if (w) s.width = w\n  }\n\n  if (hasHeight && !(hasAspectRatio && hasWidth)) {\n    const h = resolveSize((mod as ContainerUiModifier).height)\n    if (h) s.height = h\n  }\n\n  if (hasAspectRatio) {\n    s.aspectRatio = `${(mod as ContainerUiModifier).aspectRatio}`\n  }\n\n  if ('padding' in mod && mod.padding) {\n    const p = resolveSpacing((mod as ContainerUiModifier).padding)\n    if (p.top) s.paddingTop = p.top\n    if (p.bottom) s.paddingBottom = p.bottom\n    if (p.left) s.paddingLeft = p.left\n    if (p.right) s.paddingRight = p.right\n  }\n\n  if ('margin' in mod && mod.margin) {\n    const m = resolveSpacing(mod.margin)\n    if (m.top) s.marginTop = m.top\n    if (m.bottom) s.marginBottom = m.bottom\n    if (m.left) s.marginLeft = m.left\n    if (m.right) s.marginRight = m.right\n  }\n\n  if ('backgroundColor' in mod && mod.backgroundColor) {\n    applyBackground(s, (mod as ContainerUiModifier).backgroundColor!, theme)\n  }\n}\n\nfunction applyBackground(s: CSSStyleDeclaration, bg: BackgroundColorModel, theme: Theme): void {\n  if (!bg.colors || bg.colors.length === 0) return\n\n  const colors = bg.colors.map((c) => resolveColor(c, theme)).filter(Boolean) as string[]\n  if (colors.length === 0) return\n\n  switch (bg.type) {\n    case 'single':\n      s.backgroundColor = colors[0]\n      break\n    case 'vertical_gradient':\n      s.background = `linear-gradient(to bottom, ${colors.join(', ')})`\n      break\n    case 'horizontal_gradient':\n      s.background = `linear-gradient(to right, ${colors.join(', ')})`\n      break\n    case 'linear_gradient':\n      s.background = `linear-gradient(${colors.join(', ')})`\n      break\n    default:\n      if (colors.length === 1) {\n        s.backgroundColor = colors[0]\n      }\n      break\n  }\n}\n","import type { SduiComponent, TextUiProperties, Theme } from '../types'\nimport { resolveColor } from '../utils'\nimport { applyModifier } from '../modifiers'\n\nexport function renderText(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as TextUiProperties | undefined\n  const el = document.createElement('span')\n\n  el.textContent = props?.text ?? ''\n\n  if (props?.fontSize != null) {\n    el.style.fontSize = `${props.fontSize}px`\n  }\n\n  if (props?.color) {\n    const c = resolveColor(props.color, theme)\n    if (c) el.style.color = c\n  }\n\n  if (props?.fontWeight) {\n    switch (props.fontWeight) {\n      case 'bold':\n        el.style.fontWeight = '700'\n        break\n      case 'semi_bold':\n        el.style.fontWeight = '600'\n        break\n      case 'medium':\n        el.style.fontWeight = '500'\n        break\n      case 'normal':\n        el.style.fontWeight = '400'\n        break\n    }\n  }\n\n  if (props?.textAlign) {\n    el.style.display = 'block'\n    switch (props.textAlign) {\n      case 'left':\n      case 'start':\n        el.style.textAlign = 'left'\n        break\n      case 'right':\n      case 'end':\n        el.style.textAlign = 'right'\n        break\n      case 'center':\n        el.style.textAlign = 'center'\n        break\n      case 'justify':\n        el.style.textAlign = 'justify'\n        break\n    }\n  }\n\n  if (props?.overflow === 'ellipsis') {\n    el.style.textOverflow = 'ellipsis'\n    el.style.overflow = 'hidden'\n    el.style.whiteSpace = 'nowrap'\n  }\n\n  if (props?.maxLines != null) {\n    el.style.display = '-webkit-box'\n    el.style.webkitLineClamp = `${props.maxLines}`\n    ;(el.style as unknown as Record<string, string>)['-webkit-box-orient'] = 'vertical'\n    el.style.overflow = 'hidden'\n  }\n\n  if (props?.minLines != null) {\n    el.style.minHeight = `${props.minLines * (props.fontSize ?? 16) * 1.4}px`\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, ImageUiProperties, Theme } from '../types'\nimport { resolveColor } from '../utils'\nimport { applyModifier } from '../modifiers'\n\nexport function renderImage(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as ImageUiProperties | undefined\n  const el = document.createElement('img') as HTMLImageElement\n\n  if (props?.image) {\n    el.src = props.image\n  }\n\n  if (props?.contentDescription) {\n    el.alt = props.contentDescription\n  }\n\n  if (props?.scaleType) {\n    switch (props.scaleType) {\n      case 'fit':\n      case 'inside':\n        el.style.objectFit = 'contain'\n        break\n      case 'crop':\n        el.style.objectFit = 'cover'\n        break\n      case 'fill_bounds':\n        el.style.objectFit = 'fill'\n        break\n      case 'fill_width':\n        el.style.objectFit = 'cover'\n        el.style.width = '100%'\n        break\n      case 'fill_height':\n        el.style.objectFit = 'cover'\n        el.style.height = '100%'\n        break\n      case 'none':\n        el.style.objectFit = 'none'\n        break\n    }\n  }\n\n  if (props?.tintColor) {\n    const c = resolveColor(props.tintColor, theme)\n    if (c) {\n      el.style.filter = `opacity(0.5) drop-shadow(0 0 0 ${c})`\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, BoxUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderBox(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as BoxUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'grid'\n  el.style.position = 'relative'\n\n  // All children share the same grid cell (like Compose FrameLayout)\n  // Default alignment for all children\n  if (props?.alignment) {\n    switch (props.alignment) {\n      case 'top_start':\n        el.style.justifyItems = 'start'\n        el.style.alignItems = 'start'\n        break\n      case 'top_center':\n        el.style.justifyItems = 'center'\n        el.style.alignItems = 'start'\n        break\n      case 'top_end':\n        el.style.justifyItems = 'end'\n        el.style.alignItems = 'start'\n        break\n      case 'center_start':\n        el.style.justifyItems = 'start'\n        el.style.alignItems = 'center'\n        break\n      case 'center':\n        el.style.justifyItems = 'center'\n        el.style.alignItems = 'center'\n        break\n      case 'center_end':\n        el.style.justifyItems = 'end'\n        el.style.alignItems = 'center'\n        break\n      case 'bottom_start':\n        el.style.justifyItems = 'start'\n        el.style.alignItems = 'end'\n        break\n      case 'bottom_center':\n        el.style.justifyItems = 'center'\n        el.style.alignItems = 'end'\n        break\n      case 'bottom_end':\n        el.style.justifyItems = 'end'\n        el.style.alignItems = 'end'\n        break\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, ColumnUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderColumn(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as ColumnUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'column'\n\n  if (props?.verticalArrangement) {\n    const arr = props.verticalArrangement\n    switch (arr.type) {\n      case 'top':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'bottom':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  if (props?.horizontalAlignment) {\n    switch (props.horizontalAlignment) {\n      case 'start':\n        el.style.alignItems = 'flex-start'\n        break\n      case 'end':\n        el.style.alignItems = 'flex-end'\n        break\n      case 'center_horizontally':\n        el.style.alignItems = 'center'\n        break\n    }\n  }\n\n  if (props?.canScroll) {\n    el.style.overflowY = 'auto'\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, RowUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderRow(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as RowUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'row'\n\n  if (props?.horizontalArrangement) {\n    const arr = props.horizontalArrangement\n    switch (arr.type) {\n      case 'start':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'end':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  if (props?.verticalAlignment) {\n    switch (props.verticalAlignment) {\n      case 'top':\n        el.style.alignItems = 'flex-start'\n        break\n      case 'bottom':\n        el.style.alignItems = 'flex-end'\n        break\n      case 'center_vertically':\n        el.style.alignItems = 'center'\n        break\n    }\n  }\n\n  if (props?.canScroll) {\n    el.style.overflowX = 'auto'\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, LazyColumnUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderLazyColumn(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as LazyColumnUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'column'\n  el.style.overflowY = 'auto'\n\n  if (props?.verticalArrangement) {\n    const arr = props.verticalArrangement\n    switch (arr.type) {\n      case 'top':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'bottom':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, Theme } from '../types'\nimport { renderText } from './text'\nimport { renderImage } from './image'\nimport { renderBox } from './box'\nimport { renderColumn } from './column'\nimport { renderRow } from './row'\nimport { renderLazyColumn } from './lazy-column'\n\nexport type ComponentRenderer = (component: SduiComponent, theme: Theme) => HTMLElement\n\nconst renderers: Record<string, ComponentRenderer> = {\n  text: renderText,\n  image: renderImage,\n  box: renderBox,\n  column: renderColumn,\n  row: renderRow,\n  lazy_column: renderLazyColumn,\n}\n\nexport function getRenderer(type: string): ComponentRenderer | undefined {\n  return renderers[type]\n}\n","import type { SduiComponent, Theme } from './types'\nimport { getRenderer } from './components'\n\nexport function renderComponent(component: SduiComponent, theme: Theme): HTMLElement {\n  const renderer = getRenderer(component.type)\n\n  if (!renderer) {\n    console.warn(`[sdui] Unknown component type: \"${component.type}\"`)\n    const el = document.createElement('div')\n    el.dataset.sduiUnknown = component.type\n    return el\n  }\n\n  const el = renderer(component, theme)\n  el.dataset.sduiType = component.type\n\n  if (component.children && component.children.length > 0) {\n    for (const child of component.children) {\n      el.appendChild(renderComponent(child, theme))\n    }\n  }\n\n  return el\n}\n","import type { ComponentMeta, PropertyDescriptor } from './types'\n\n// === Reusable sub-object property builders ===\n\nfunction sizeModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'value', label: 'Value', type: 'number' },\n    { name: 'unit', label: 'Unit', type: 'enum', enumValues: ['dp', 'match_parent', 'wrap_content'] },\n  ]\n}\n\nfunction spacingModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'top', label: 'Top', type: 'number' },\n    { name: 'bottom', label: 'Bottom', type: 'number' },\n    { name: 'start', label: 'Start', type: 'number' },\n    { name: 'end', label: 'End', type: 'number' },\n  ]\n}\n\nfunction colorModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'light', label: 'Light', type: 'color' },\n    { name: 'dark', label: 'Dark', type: 'color' },\n  ]\n}\n\nfunction actionModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'type', label: 'Action Type', type: 'string' },\n    { name: 'params', label: 'Parameters', type: 'object' },\n  ]\n}\n\nfunction backgroundColorModelProperties(): PropertyDescriptor[] {\n  return [\n    {\n      name: 'colors',\n      label: 'Colors',\n      type: 'object',\n      isArray: true,\n      properties: colorModelProperties(),\n    },\n    {\n      name: 'type',\n      label: 'Background Type',\n      type: 'enum',\n      enumValues: ['single', 'vertical_gradient', 'horizontal_gradient', 'linear_gradient'],\n    },\n  ]\n}\n\n// === Modifier builders ===\n\nfunction modifierBaseProperties(): PropertyDescriptor[] {\n  return [\n    {\n      name: 'alignment',\n      label: 'Alignment',\n      type: 'enum',\n      enumValues: ['start', 'end', 'center', 'center_horizontally', 'center_vertically', 'top', 'bottom', 'top_start', 'top_center', 'top_end', 'center_start', 'center_end', 'bottom_start', 'bottom_center', 'bottom_end'],\n    },\n    { name: 'weight', label: 'Weight', type: 'number' },\n    { name: 'action', label: 'Action', type: 'object', properties: actionModelProperties() },\n  ]\n}\n\nfunction textModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n    ],\n  }\n}\n\nfunction imageModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'height', label: 'Height', type: 'object', properties: sizeModelProperties() },\n      { name: 'padding', label: 'Padding', type: 'object', properties: spacingModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n      { name: 'aspectRatio', label: 'Aspect Ratio', type: 'number' },\n    ],\n  }\n}\n\nfunction containerModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'backgroundColor', label: 'Background Color', type: 'object', properties: backgroundColorModelProperties() },\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'height', label: 'Height', type: 'object', properties: sizeModelProperties() },\n      { name: 'padding', label: 'Padding', type: 'object', properties: spacingModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n      { name: 'aspectRatio', label: 'Aspect Ratio', type: 'number' },\n    ],\n  }\n}\n\n// === Arrangement descriptors ===\n\nfunction verticalArrangementDescriptor(): PropertyDescriptor {\n  return {\n    name: 'verticalArrangement',\n    label: 'Vertical Arrangement',\n    type: 'object',\n    properties: [\n      {\n        name: 'type',\n        label: 'Type',\n        type: 'enum',\n        enumValues: ['top', 'center', 'bottom', 'space_evenly', 'space_between', 'space_around', 'spaced_by'],\n      },\n      { name: 'spacing', label: 'Spacing', type: 'number' },\n    ],\n  }\n}\n\nfunction horizontalArrangementDescriptor(): PropertyDescriptor {\n  return {\n    name: 'horizontalArrangement',\n    label: 'Horizontal Arrangement',\n    type: 'object',\n    properties: [\n      {\n        name: 'type',\n        label: 'Type',\n        type: 'enum',\n        enumValues: ['start', 'center', 'end', 'space_between', 'space_evenly', 'space_around', 'spaced_by'],\n      },\n      { name: 'spacing', label: 'Spacing', type: 'number' },\n    ],\n  }\n}\n\n// === Component definitions ===\n\nconst COMPONENT_DEFINITIONS: ComponentMeta[] = [\n  {\n    type: 'text',\n    label: 'Text',\n    acceptsChildren: false,\n    properties: [\n      { name: 'text', label: 'Text', type: 'string', required: true, defaultValue: 'Text' },\n      { name: 'fontSize', label: 'Font Size', type: 'number' },\n      { name: 'color', label: 'Color', type: 'object', properties: colorModelProperties() },\n      { name: 'fontWeight', label: 'Font Weight', type: 'enum', enumValues: ['bold', 'medium', 'normal', 'semi_bold'] },\n      { name: 'textAlign', label: 'Text Align', type: 'enum', enumValues: ['left', 'right', 'center', 'justify', 'start', 'end', 'unspecified'] },\n      { name: 'overflow', label: 'Overflow', type: 'enum', enumValues: ['none', 'ellipsis'] },\n      { name: 'maxLines', label: 'Max Lines', type: 'number' },\n      { name: 'minLines', label: 'Min Lines', type: 'number', defaultValue: 1 },\n      textModifierDescriptor(),\n    ],\n  },\n  {\n    type: 'image',\n    label: 'Image',\n    acceptsChildren: false,\n    properties: [\n      imageModifierDescriptor(),\n      { name: 'image', label: 'Image URL', type: 'string', required: true },\n      { name: 'scaleType', label: 'Scale Type', type: 'enum', enumValues: ['fit', 'crop', 'fill_height', 'fill_width', 'fill_bounds', 'inside', 'none'] },\n      { name: 'contentDescription', label: 'Content Description', type: 'string' },\n      { name: 'tintColor', label: 'Tint Color', type: 'object', properties: colorModelProperties() },\n    ],\n  },\n  {\n    type: 'box',\n    label: 'Box',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      {\n        name: 'alignment',\n        label: 'Alignment',\n        type: 'enum',\n        enumValues: ['top_start', 'top_center', 'top_end', 'center_start', 'center', 'center_end', 'bottom_start', 'bottom_center', 'bottom_end'],\n      },\n    ],\n  },\n  {\n    type: 'column',\n    label: 'Column',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      verticalArrangementDescriptor(),\n      { name: 'horizontalAlignment', label: 'Horizontal Alignment', type: 'enum', enumValues: ['start', 'end', 'center_horizontally'] },\n      { name: 'canScroll', label: 'Can Scroll', type: 'boolean' },\n    ],\n  },\n  {\n    type: 'row',\n    label: 'Row',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      { name: 'verticalAlignment', label: 'Vertical Alignment', type: 'enum', enumValues: ['top', 'bottom', 'center_vertically'] },\n      horizontalArrangementDescriptor(),\n      { name: 'canScroll', label: 'Can Scroll', type: 'boolean' },\n    ],\n  },\n  {\n    type: 'lazy_column',\n    label: 'Lazy Column',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      verticalArrangementDescriptor(),\n    ],\n  },\n]\n\n// === Public API ===\n\nexport function getComponents(): ComponentMeta[] {\n  return JSON.parse(JSON.stringify(COMPONENT_DEFINITIONS))\n}\n","export interface DevicePreset {\n  name: string\n  width: number\n  height: number\n  foldedWidth?: number\n  foldedHeight?: number\n}\n\nexport type DeviceCategory = 'phone' | 'tablet'\n\nconst DEVICE_PRESETS: Record<DeviceCategory, Record<string, DevicePreset[]>> = {\n  phone: {\n    'Google': [\n      { name: 'Pixel 10', width: 412, height: 915 },\n      { name: 'Pixel 10 Pro', width: 412, height: 915 },\n      { name: 'Pixel 10 Pro XL', width: 448, height: 998 },\n      { name: 'Pixel 10 Fold', width: 600, height: 748, foldedWidth: 360, foldedHeight: 748 },\n    ],\n    'Samsung': [\n      { name: 'Galaxy S26', width: 360, height: 780 },\n      { name: 'Galaxy S26 Ultra', width: 412, height: 915 },\n      { name: 'Galaxy Z Fold 7', width: 588, height: 748, foldedWidth: 360, foldedHeight: 748 },\n    ],\n    'iOS': [\n      { name: 'iPhone 17 Pro Max', width: 440, height: 956 },\n      { name: 'iPhone 17 Pro', width: 402, height: 874 },\n      { name: 'iPhone 17e', width: 375, height: 812 },\n      { name: 'iPhone 17', width: 393, height: 852 },\n      { name: 'iPhone Air', width: 402, height: 874 },\n    ],\n  },\n  tablet: {\n    'Google': [\n      { name: 'Pixel Tablet 2', width: 800, height: 1280 },\n    ],\n    'Samsung': [\n      { name: 'Galaxy Tab S11', width: 753, height: 1205 },\n      { name: 'Galaxy Tab S11+', width: 834, height: 1334 },\n      { name: 'Galaxy Tab S11 Ultra', width: 930, height: 1488 },\n    ],\n    'iOS': [\n      { name: 'iPad Pro 13\"', width: 1024, height: 1366 },\n      { name: 'iPad Pro 11\"', width: 834, height: 1194 },\n      { name: 'iPad Air', width: 820, height: 1180 },\n      { name: 'iPad mini', width: 744, height: 1133 },\n    ],\n  },\n}\n\nexport function getDevicePresets(): Record<DeviceCategory, Record<string, DevicePreset[]>> {\n  return JSON.parse(JSON.stringify(DEVICE_PRESETS))\n}\n","import type { SduiScreen, Theme } from './types'\nimport { renderComponent } from './render'\n\nexport interface RenderOptions {\n  theme?: Theme\n}\n\nexport function render(json: string, container: HTMLElement, options?: RenderOptions): void {\n  const screen: SduiScreen = JSON.parse(json)\n  const theme: Theme = options?.theme ?? 'light'\n\n  const root = renderComponent(screen.root, theme)\n\n  container.innerHTML = ''\n  container.appendChild(root)\n}\n\nexport { getComponents } from './component-meta'\nexport { getDevicePresets } from './device-presets'\nexport type { DevicePreset, DeviceCategory } from './device-presets'\n\nexport type {\n  // Root models\n  SduiScreen,\n  SduiComponent,\n  Theme,\n  // Properties\n  PropertiesModel,\n  TextUiProperties,\n  ImageUiProperties,\n  BoxUiProperties,\n  ColumnUiProperties,\n  RowUiProperties,\n  LazyColumnUiProperties,\n  DefaultUiProperties,\n  // Modifiers\n  ModifierBase,\n  TextUiModifier,\n  ContainerUiModifier,\n  ImageUiModifier,\n  // Base models\n  ColorModel,\n  SizeModel,\n  SpacingModel,\n  ActionModel,\n  BackgroundColorModel,\n  HorizontalArrangementModel,\n  VerticalArrangementModel,\n  // Enums\n  ComponentType,\n  AlignmentType,\n  FontWeightType,\n  SizeUnitType,\n  BackgroundColorType,\n  ContentScaleType,\n  TextAlignType,\n  TextOverflowType,\n  HorizontalAlignmentType,\n  VerticalAlignmentType,\n  HorizontalArrangementType,\n  VerticalArrangementType,\n  // Metadata\n  ComponentMeta,\n  PropertyDescriptor,\n  PropertyType,\n} from './types'\n"],"mappings":"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","names":["el"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sdui-web",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Server-Driven UI renderer for the web — turns JSON component trees into DOM elements",
   "type": "module",
   "main": "./dist/index.cjs",