@stackable-labs/sdk-extension-contracts 1.98.1 → 1.100.0

package/dist/index.d.ts

@@ -228,6 +228,17 @@ declare const UI_TAG_DEFINITIONS: {
             readonly size: readonly ["sm", "md", "lg"];
         };
     };
+    readonly 'ui-qr-code': {
+        readonly description: "QR code rendered from a string payload";
+        readonly icon: "qr-code";
+        readonly category: "composite";
+        readonly attributes: readonly ["value", "size", "variant", "level", "alt", "className"];
+        readonly attributeValues: {
+            readonly size: readonly ["sm", "md", "lg"];
+            readonly variant: readonly ["default", "inverted"];
+            readonly level: readonly ["low", "medium", "quartile", "high"];
+        };
+    };
     readonly 'ui-link': {
         readonly description: "Hyperlink element";
         readonly icon: "link";
@@ -322,16 +333,12 @@ declare const UI_TAG_CHILDREN: Partial<Record<UITag, readonly UITag[]>>;
 declare const UI_TAG_COMPOUND: Partial<Record<UITag, readonly UITag[]>>;
 /** Category for each UI tag — used for grouping in stories and palettes. */
 declare const UI_TAG_CATEGORIES: Record<UITag, UITagCategory>;
-/**
- * Convert a UI tag to its PascalCase component name.
- * e.g., 'ui-card-content' → 'CardContent'
- */
 declare const tagToComponentName: (tag: UITag) => string;
 /**
  * Supported icon names (subset of lucide-react).
  * Extensions reference icons by name; host renders the actual icon component.
  */
-declare const ALLOWED_ICONS: readonly ["arrow-left", "calendar", "check-circle-2", "chevron-left", "chevron-right", "clock", "credit-card", "external-link", "help-circle", "info", "loader-2", "mail", "map-pin", "message-circle", "message-square", "package", "phone", "search", "shopping-bag", "sparkles", "truck", "user", "x-circle", "alert-circle", "book-open"];
+declare const ALLOWED_ICONS: readonly ["arrow-left", "calendar", "check-circle-2", "chevron-left", "chevron-right", "clock", "credit-card", "external-link", "help-circle", "info", "loader-2", "mail", "map-pin", "message-circle", "message-square", "package", "phone", "search", "shopping-bag", "sparkles", "truck", "user", "x-circle", "alert-circle", "book-open", "qr-code"];
 type AllowedIconName = (typeof ALLOWED_ICONS)[number];
 
 /**

package/dist/index.js

@@ -229,6 +229,17 @@ var UI_TAG_DEFINITIONS = {
       size: ["sm", "md", "lg"]
     }
   },
+  "ui-qr-code": {
+    description: "QR code rendered from a string payload",
+    icon: "qr-code",
+    category: "composite",
+    attributes: ["value", "size", "variant", "level", "alt", "className"],
+    attributeValues: {
+      size: ["sm", "md", "lg"],
+      variant: ["default", "inverted"],
+      level: ["low", "medium", "quartile", "high"]
+    }
+  },
   "ui-link": {
     description: "Hyperlink element",
     icon: "link",
@@ -313,7 +324,10 @@ var UI_TAG_COMPOUND = {
 var UI_TAG_CATEGORIES = Object.fromEntries(
   UI_TAGS.map((tag) => [tag, defs[tag].category])
 );
-var tagToComponentName = (tag) => tag.replace(/^ui-/, "").split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+var TAG_NAME_OVERRIDES = {
+  "ui-qr-code": "QRCode"
+};
+var tagToComponentName = (tag) => TAG_NAME_OVERRIDES[tag] ?? tag.replace(/^ui-/, "").split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
 var ALLOWED_ICONS = [
   "arrow-left",
   "calendar",
@@ -339,7 +353,8 @@ var ALLOWED_ICONS = [
   "user",
   "x-circle",
   "alert-circle",
-  "book-open"
+  "book-open",
+  "qr-code"
 ];
 
 // src/capabilities.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackable-labs/sdk-extension-contracts",
-  "version": "1.98.1",
+  "version": "1.100.0",
   "type": "module",
   "private": false,
   "main": "./dist/index.js",