@wireweave/core 2.0.1 → 2.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025-present Wireweave
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -817,9 +817,13 @@ function peg$parse(input, options) {
     });
   }
   function peg$f20(label, attrs) {
+    const obj = attrsToObject(attrs);
+    const inputType = obj.type;
+    delete obj.type;
     return createNode("Input", {
       label: label || null,
-      ...attrsToObject(attrs)
+      ...inputType !== void 0 ? { inputType } : {},
+      ...obj
     });
   }
   function peg$f21(label, attrs) {
@@ -7907,6 +7911,10 @@ function generateLayoutClasses(prefix) {
   display: flex;
   align-items: center;
   min-height: 56px;
+  flex-shrink: 0;
+  background: var(--${prefix}-bg);
+  position: relative;
+  z-index: 1;
 }
 
 .${prefix}-header > .${prefix}-row {
@@ -7962,6 +7970,10 @@ function generateLayoutClasses(prefix) {
 .${prefix}-footer {
   border-top: 1px solid var(--${prefix}-border);
   padding: 16px;
+  flex-shrink: 0;
+  background: var(--${prefix}-bg);
+  position: relative;
+  z-index: 1;
 }
 
 .${prefix}-footer.${prefix}-no-border {
@@ -55052,6 +55064,9 @@ function renderSelect(node, ctx) {
     disabled: node.disabled,
     required: node.required
   };
+  const hasSelectedValue = node.value && node.options.some(
+    (opt) => (typeof opt === "string" ? opt : opt.value) === node.value
+  );
   const options = node.options.map((opt) => {
     if (typeof opt === "string") {
       const selected2 = opt === node.value ? ' selected="selected"' : "";
@@ -55060,7 +55075,8 @@ function renderSelect(node, ctx) {
     const selected = opt.value === node.value ? ' selected="selected"' : "";
     return `<option value="${ctx.escapeHtml(opt.value)}"${selected}>${ctx.escapeHtml(opt.label)}</option>`;
   }).join("\n");
-  const placeholder = node.placeholder ? `<option value="" disabled="disabled" selected="selected">${ctx.escapeHtml(node.placeholder)}</option>
+  const placeholderSelected = hasSelectedValue ? "" : ' selected="selected"';
+  const placeholder = node.placeholder ? `<option value="" disabled="disabled"${placeholderSelected}>${ctx.escapeHtml(node.placeholder)}</option>
 ` : "";
   const select = `<select${ctx.buildAttrsString(attrs)}${styleAttr}>
 ${placeholder}${options}
@@ -56603,7 +56619,7 @@ var COMPONENT_SPECS = [
     name: "icon",
     nodeType: "Icon",
     category: "display",
-    attributes: [...COMMON_ATTRIBUTES, "size", "muted"],
+    attributes: [...COMMON_ATTRIBUTES, "name", "size", "muted"],
     hasChildren: false,
     description: "Lucide icon"
   },

package/dist/index.js

@@ -677,9 +677,13 @@ function peg$parse(input, options) {
     });
   }
   function peg$f20(label, attrs) {
+    const obj = attrsToObject(attrs);
+    const inputType = obj.type;
+    delete obj.type;
     return createNode("Input", {
       label: label || null,
-      ...attrsToObject(attrs)
+      ...inputType !== void 0 ? { inputType } : {},
+      ...obj
     });
   }
   function peg$f21(label, attrs) {
@@ -7767,6 +7771,10 @@ function generateLayoutClasses(prefix) {
   display: flex;
   align-items: center;
   min-height: 56px;
+  flex-shrink: 0;
+  background: var(--${prefix}-bg);
+  position: relative;
+  z-index: 1;
 }
 
 .${prefix}-header > .${prefix}-row {
@@ -7822,6 +7830,10 @@ function generateLayoutClasses(prefix) {
 .${prefix}-footer {
   border-top: 1px solid var(--${prefix}-border);
   padding: 16px;
+  flex-shrink: 0;
+  background: var(--${prefix}-bg);
+  position: relative;
+  z-index: 1;
 }
 
 .${prefix}-footer.${prefix}-no-border {
@@ -54912,6 +54924,9 @@ function renderSelect(node, ctx) {
     disabled: node.disabled,
     required: node.required
   };
+  const hasSelectedValue = node.value && node.options.some(
+    (opt) => (typeof opt === "string" ? opt : opt.value) === node.value
+  );
   const options = node.options.map((opt) => {
     if (typeof opt === "string") {
       const selected2 = opt === node.value ? ' selected="selected"' : "";
@@ -54920,7 +54935,8 @@ function renderSelect(node, ctx) {
     const selected = opt.value === node.value ? ' selected="selected"' : "";
     return `<option value="${ctx.escapeHtml(opt.value)}"${selected}>${ctx.escapeHtml(opt.label)}</option>`;
   }).join("\n");
-  const placeholder = node.placeholder ? `<option value="" disabled="disabled" selected="selected">${ctx.escapeHtml(node.placeholder)}</option>
+  const placeholderSelected = hasSelectedValue ? "" : ' selected="selected"';
+  const placeholder = node.placeholder ? `<option value="" disabled="disabled"${placeholderSelected}>${ctx.escapeHtml(node.placeholder)}</option>
 ` : "";
   const select = `<select${ctx.buildAttrsString(attrs)}${styleAttr}>
 ${placeholder}${options}
@@ -56463,7 +56479,7 @@ var COMPONENT_SPECS = [
     name: "icon",
     nodeType: "Icon",
     category: "display",
-    attributes: [...COMMON_ATTRIBUTES, "size", "muted"],
+    attributes: [...COMMON_ATTRIBUTES, "name", "size", "muted"],
     hasChildren: false,
     description: "Lucide icon"
   },

package/dist/parser.cjs

@@ -412,9 +412,13 @@ function peg$parse(input, options) {
     });
   }
   function peg$f20(label, attrs) {
+    const obj = attrsToObject(attrs);
+    const inputType = obj.type;
+    delete obj.type;
     return createNode("Input", {
       label: label || null,
-      ...attrsToObject(attrs)
+      ...inputType !== void 0 ? { inputType } : {},
+      ...obj
     });
   }
   function peg$f21(label, attrs) {

package/dist/parser.js

@@ -383,9 +383,13 @@ function peg$parse(input, options) {
     });
   }
   function peg$f20(label, attrs) {
+    const obj = attrsToObject(attrs);
+    const inputType = obj.type;
+    delete obj.type;
     return createNode("Input", {
       label: label || null,
-      ...attrsToObject(attrs)
+      ...inputType !== void 0 ? { inputType } : {},
+      ...obj
     });
   }
   function peg$f21(label, attrs) {

package/dist/renderer.cjs

@@ -1591,6 +1591,10 @@ function generateLayoutClasses(prefix) {
   display: flex;
   align-items: center;
   min-height: 56px;
+  flex-shrink: 0;
+  background: var(--${prefix}-bg);
+  position: relative;
+  z-index: 1;
 }
 
 .${prefix}-header > .${prefix}-row {
@@ -1646,6 +1650,10 @@ function generateLayoutClasses(prefix) {
 .${prefix}-footer {
   border-top: 1px solid var(--${prefix}-border);
   padding: 16px;
+  flex-shrink: 0;
+  background: var(--${prefix}-bg);
+  position: relative;
+  z-index: 1;
 }
 
 .${prefix}-footer.${prefix}-no-border {
@@ -48707,6 +48715,9 @@ function renderSelect(node, ctx) {
     disabled: node.disabled,
     required: node.required
   };
+  const hasSelectedValue = node.value && node.options.some(
+    (opt) => (typeof opt === "string" ? opt : opt.value) === node.value
+  );
   const options = node.options.map((opt) => {
     if (typeof opt === "string") {
       const selected2 = opt === node.value ? ' selected="selected"' : "";
@@ -48715,7 +48726,8 @@ function renderSelect(node, ctx) {
     const selected = opt.value === node.value ? ' selected="selected"' : "";
     return `<option value="${ctx.escapeHtml(opt.value)}"${selected}>${ctx.escapeHtml(opt.label)}</option>`;
   }).join("\n");
-  const placeholder = node.placeholder ? `<option value="" disabled="disabled" selected="selected">${ctx.escapeHtml(node.placeholder)}</option>
+  const placeholderSelected = hasSelectedValue ? "" : ' selected="selected"';
+  const placeholder = node.placeholder ? `<option value="" disabled="disabled"${placeholderSelected}>${ctx.escapeHtml(node.placeholder)}</option>
 ` : "";
   const select = `<select${ctx.buildAttrsString(attrs)}${styleAttr}>
 ${placeholder}${options}

package/dist/renderer.js

@@ -1553,6 +1553,10 @@ function generateLayoutClasses(prefix) {
   display: flex;
   align-items: center;
   min-height: 56px;
+  flex-shrink: 0;
+  background: var(--${prefix}-bg);
+  position: relative;
+  z-index: 1;
 }
 
 .${prefix}-header > .${prefix}-row {
@@ -1608,6 +1612,10 @@ function generateLayoutClasses(prefix) {
 .${prefix}-footer {
   border-top: 1px solid var(--${prefix}-border);
   padding: 16px;
+  flex-shrink: 0;
+  background: var(--${prefix}-bg);
+  position: relative;
+  z-index: 1;
 }
 
 .${prefix}-footer.${prefix}-no-border {
@@ -48669,6 +48677,9 @@ function renderSelect(node, ctx) {
     disabled: node.disabled,
     required: node.required
   };
+  const hasSelectedValue = node.value && node.options.some(
+    (opt) => (typeof opt === "string" ? opt : opt.value) === node.value
+  );
   const options = node.options.map((opt) => {
     if (typeof opt === "string") {
       const selected2 = opt === node.value ? ' selected="selected"' : "";
@@ -48677,7 +48688,8 @@ function renderSelect(node, ctx) {
     const selected = opt.value === node.value ? ' selected="selected"' : "";
     return `<option value="${ctx.escapeHtml(opt.value)}"${selected}>${ctx.escapeHtml(opt.label)}</option>`;
   }).join("\n");
-  const placeholder = node.placeholder ? `<option value="" disabled="disabled" selected="selected">${ctx.escapeHtml(node.placeholder)}</option>
+  const placeholderSelected = hasSelectedValue ? "" : ' selected="selected"';
+  const placeholder = node.placeholder ? `<option value="" disabled="disabled"${placeholderSelected}>${ctx.escapeHtml(node.placeholder)}</option>
 ` : "";
   const select = `<select${ctx.buildAttrsString(attrs)}${styleAttr}>
 ${placeholder}${options}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wireweave/core",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Core parser and renderer for wireweave",
   "type": "module",
   "main": "dist/index.js",