@metamask/snaps-sdk 6.2.0 → 6.3.0

package/dist/jsx/index.js

@@ -38,6 +38,8 @@ __export(jsx_exports, {
   Form: () => Form,
   FormChildStruct: () => FormChildStruct,
   Heading: () => Heading,
+  Icon: () => Icon,
+  IconName: () => IconName,
   Image: () => Image,
   Input: () => Input,
   Italic: () => Italic,
@@ -48,6 +50,8 @@ __export(jsx_exports, {
   RadioGroup: () => RadioGroup,
   RootJSXElementStruct: () => RootJSXElementStruct,
   Row: () => Row,
+  Selector: () => Selector,
+  SelectorOption: () => SelectorOption,
   Spinner: () => Spinner,
   Text: () => Text,
   Tooltip: () => Tooltip,
@@ -121,73 +125,245 @@ var Form = createSnapComponent(TYPE9);
 var TYPE10 = "Input";
 var Input = createSnapComponent(TYPE10);
 
+// src/jsx/components/form/Selector.ts
+var TYPE11 = "Selector";
+var Selector = createSnapComponent(TYPE11);
+
+// src/jsx/components/form/SelectorOption.ts
+var TYPE12 = "SelectorOption";
+var SelectorOption = createSnapComponent(TYPE12);
+
 // src/jsx/components/formatting/Bold.ts
-var TYPE11 = "Bold";
-var Bold = createSnapComponent(TYPE11);
+var TYPE13 = "Bold";
+var Bold = createSnapComponent(TYPE13);
 
 // src/jsx/components/formatting/Italic.ts
-var TYPE12 = "Italic";
-var Italic = createSnapComponent(TYPE12);
+var TYPE14 = "Italic";
+var Italic = createSnapComponent(TYPE14);
 
 // src/jsx/components/Address.ts
-var TYPE13 = "Address";
-var Address = createSnapComponent(TYPE13);
+var TYPE15 = "Address";
+var Address = createSnapComponent(TYPE15);
 
 // src/jsx/components/Box.ts
-var TYPE14 = "Box";
-var Box = createSnapComponent(TYPE14);
+var TYPE16 = "Box";
+var Box = createSnapComponent(TYPE16);
 
 // src/jsx/components/Card.ts
-var TYPE15 = "Card";
-var Card = createSnapComponent(TYPE15);
+var TYPE17 = "Card";
+var Card = createSnapComponent(TYPE17);
 
 // src/jsx/components/Copyable.ts
-var TYPE16 = "Copyable";
-var Copyable = createSnapComponent(TYPE16);
+var TYPE18 = "Copyable";
+var Copyable = createSnapComponent(TYPE18);
 
 // src/jsx/components/Divider.ts
-var TYPE17 = "Divider";
-var Divider = createSnapComponent(TYPE17);
+var TYPE19 = "Divider";
+var Divider = createSnapComponent(TYPE19);
 
 // src/jsx/components/Value.ts
-var TYPE18 = "Value";
-var Value = createSnapComponent(TYPE18);
+var TYPE20 = "Value";
+var Value = createSnapComponent(TYPE20);
 
 // src/jsx/components/Heading.ts
-var TYPE19 = "Heading";
-var Heading = createSnapComponent(TYPE19);
+var TYPE21 = "Heading";
+var Heading = createSnapComponent(TYPE21);
+
+// src/jsx/components/Icon.ts
+var IconName = /* @__PURE__ */ ((IconName2) => {
+  IconName2["AddSquare"] = "add-square";
+  IconName2["Add"] = "add";
+  IconName2["Arrow2Down"] = "arrow-2-down";
+  IconName2["Arrow2Left"] = "arrow-2-left";
+  IconName2["Arrow2Right"] = "arrow-2-right";
+  IconName2["Arrow2Up"] = "arrow-2-up";
+  IconName2["Arrow2UpRight"] = "arrow-2-up-right";
+  IconName2["ArrowDoubleLeft"] = "arrow-double-left";
+  IconName2["ArrowDoubleRight"] = "arrow-double-right";
+  IconName2["ArrowDown"] = "arrow-down";
+  IconName2["ArrowLeft"] = "arrow-left";
+  IconName2["ArrowRight"] = "arrow-right";
+  IconName2["ArrowUp"] = "arrow-up";
+  IconName2["BankToken"] = "bank-token";
+  IconName2["Bank"] = "bank";
+  IconName2["Book"] = "book";
+  IconName2["Bookmark"] = "bookmark";
+  IconName2["Bridge"] = "bridge";
+  IconName2["Calculator"] = "calculator";
+  IconName2["CardPos"] = "card-pos";
+  IconName2["CardToken"] = "card-token";
+  IconName2["Card"] = "card";
+  IconName2["Category"] = "category";
+  IconName2["Chart"] = "chart";
+  IconName2["CheckBold"] = "check-bold";
+  IconName2["Check"] = "check";
+  IconName2["Clock"] = "clock";
+  IconName2["Close"] = "close";
+  IconName2["CodeCircle"] = "code-circle";
+  IconName2["Coin"] = "coin";
+  IconName2["Confirmation"] = "confirmation";
+  IconName2["Connect"] = "connect";
+  IconName2["CopySuccess"] = "copy-success";
+  IconName2["Copy"] = "copy";
+  IconName2["Customize"] = "customize";
+  IconName2["Danger"] = "danger";
+  IconName2["Dark"] = "dark";
+  IconName2["Data"] = "data";
+  IconName2["Diagram"] = "diagram";
+  IconName2["DocumentCode"] = "document-code";
+  IconName2["DragDrop"] = "drag-drop";
+  IconName2["DraggingAnimation"] = "dragging-animation";
+  IconName2["PinningAnimation"] = "pinning-animation";
+  IconName2["Edit"] = "edit";
+  IconName2["Eraser"] = "eraser";
+  IconName2["Ethereum"] = "ethereum";
+  IconName2["Expand"] = "expand";
+  IconName2["Explore"] = "explore";
+  IconName2["Export"] = "export";
+  IconName2["EyeSlash"] = "eye-slash";
+  IconName2["Eye"] = "eye";
+  IconName2["Filter"] = "filter";
+  IconName2["Flag"] = "flag";
+  IconName2["FlashSlash"] = "flash-slash";
+  IconName2["Flash"] = "flash";
+  IconName2["FullCircle"] = "full-circle";
+  IconName2["Gas"] = "gas";
+  IconName2["GlobalSearch"] = "global-search";
+  IconName2["Global"] = "global";
+  IconName2["Graph"] = "graph";
+  IconName2["Hardware"] = "hardware";
+  IconName2["Heart"] = "heart";
+  IconName2["Hierarchy"] = "hierarchy";
+  IconName2["Home"] = "home";
+  IconName2["Import"] = "import";
+  IconName2["Info"] = "info";
+  IconName2["Key"] = "key";
+  IconName2["Light"] = "light";
+  IconName2["Link"] = "link";
+  IconName2["Loading"] = "loading";
+  IconName2["LockCircle"] = "lock-circle";
+  IconName2["LockSlash"] = "lock-slash";
+  IconName2["Lock"] = "lock";
+  IconName2["Login"] = "login";
+  IconName2["Logout"] = "logout";
+  IconName2["Menu"] = "menu";
+  IconName2["MessageQuestion"] = "message-question";
+  IconName2["Messages"] = "messages";
+  IconName2["MinusBold"] = "minus-bold";
+  IconName2["MinusSquare"] = "minus-square";
+  IconName2["Minus"] = "minus";
+  IconName2["Mobile"] = "mobile";
+  IconName2["Money"] = "money";
+  IconName2["Monitor"] = "monitor";
+  IconName2["MoreHorizontal"] = "more-horizontal";
+  IconName2["MoreVertical"] = "more-vertical";
+  IconName2["NotificationCircle"] = "notification-circle";
+  IconName2["Notification"] = "notification";
+  IconName2["PasswordCheck"] = "password-check";
+  IconName2["People"] = "people";
+  IconName2["Pin"] = "pin";
+  IconName2["ProgrammingArrows"] = "programming-arrows";
+  IconName2["Custody"] = "custody";
+  IconName2["Question"] = "question";
+  IconName2["Received"] = "received";
+  IconName2["Refresh"] = "refresh";
+  IconName2["Save"] = "save";
+  IconName2["ScanBarcode"] = "scan-barcode";
+  IconName2["ScanFocus"] = "scan-focus";
+  IconName2["Scan"] = "scan";
+  IconName2["Scroll"] = "scroll";
+  IconName2["Search"] = "search";
+  IconName2["SecurityCard"] = "security-card";
+  IconName2["SecurityCross"] = "security-cross";
+  IconName2["SecurityKey"] = "security-key";
+  IconName2["SecuritySearch"] = "security-search";
+  IconName2["SecuritySlash"] = "security-slash";
+  IconName2["SecurityTick"] = "security-tick";
+  IconName2["SecurityTime"] = "security-time";
+  IconName2["SecurityUser"] = "security-user";
+  IconName2["Security"] = "security";
+  IconName2["Send1"] = "send-1";
+  IconName2["Send2"] = "send-2";
+  IconName2["Setting"] = "setting";
+  IconName2["Slash"] = "slash";
+  IconName2["SnapsMobile"] = "snaps-mobile";
+  IconName2["SnapsPlus"] = "snaps-plus";
+  IconName2["Snaps"] = "snaps";
+  IconName2["Speedometer"] = "speedometer";
+  IconName2["Star"] = "star";
+  IconName2["Stake"] = "stake";
+  IconName2["Student"] = "student";
+  IconName2["SwapHorizontal"] = "swap-horizontal";
+  IconName2["SwapVertical"] = "swap-vertical";
+  IconName2["Tag"] = "tag";
+  IconName2["Tilde"] = "tilde";
+  IconName2["Timer"] = "timer";
+  IconName2["Trash"] = "trash";
+  IconName2["TrendDown"] = "trend-down";
+  IconName2["TrendUp"] = "trend-up";
+  IconName2["UserCircleAdd"] = "user-circle-add";
+  IconName2["UserCircleLink"] = "user-circle-link";
+  IconName2["UserCircleRemove"] = "user-circle-remove";
+  IconName2["UserCircle"] = "user-circle";
+  IconName2["User"] = "user";
+  IconName2["WalletCard"] = "wallet-card";
+  IconName2["WalletMoney"] = "wallet-money";
+  IconName2["Wallet"] = "wallet";
+  IconName2["Warning"] = "warning";
+  IconName2["Twitter"] = "twitter";
+  IconName2["QrCode"] = "qr-code";
+  IconName2["UserCheck"] = "user-check";
+  IconName2["Unpin"] = "unpin";
+  IconName2["Ban"] = "ban";
+  IconName2["Bold"] = "bold";
+  IconName2["CircleX"] = "circle-x";
+  IconName2["Download"] = "download";
+  IconName2["FileIcon"] = "file";
+  IconName2["Flask"] = "flask";
+  IconName2["Plug"] = "plug";
+  IconName2["Share"] = "share";
+  IconName2["Square"] = "square";
+  IconName2["Tint"] = "tint";
+  IconName2["Upload"] = "upload";
+  IconName2["Usb"] = "usb";
+  IconName2["Wifi"] = "wifi";
+  IconName2["PlusMinus"] = "plus-minus";
+  return IconName2;
+})(IconName || {});
+var TYPE22 = "Icon";
+var Icon = createSnapComponent(TYPE22);
 
 // src/jsx/components/Image.ts
-var TYPE20 = "Image";
-var Image = createSnapComponent(TYPE20);
+var TYPE23 = "Image";
+var Image = createSnapComponent(TYPE23);
 
 // src/jsx/components/Link.ts
-var TYPE21 = "Link";
-var Link = createSnapComponent(TYPE21);
+var TYPE24 = "Link";
+var Link = createSnapComponent(TYPE24);
 
 // src/jsx/components/Row.ts
-var TYPE22 = "Row";
-var Row = createSnapComponent(TYPE22);
+var TYPE25 = "Row";
+var Row = createSnapComponent(TYPE25);
 
 // src/jsx/components/Spinner.ts
-var TYPE23 = "Spinner";
-var Spinner = createSnapComponent(TYPE23);
+var TYPE26 = "Spinner";
+var Spinner = createSnapComponent(TYPE26);
 
 // src/jsx/components/Text.ts
-var TYPE24 = "Text";
-var Text = createSnapComponent(TYPE24);
+var TYPE27 = "Text";
+var Text = createSnapComponent(TYPE27);
 
 // src/jsx/components/Tooltip.ts
-var TYPE25 = "Tooltip";
-var Tooltip = createSnapComponent(TYPE25);
+var TYPE28 = "Tooltip";
+var Tooltip = createSnapComponent(TYPE28);
 
 // src/jsx/components/Footer.ts
-var TYPE26 = "Footer";
-var Footer = createSnapComponent(TYPE26);
+var TYPE29 = "Footer";
+var Footer = createSnapComponent(TYPE29);
 
 // src/jsx/components/Container.ts
-var TYPE27 = "Container";
-var Container = createSnapComponent(TYPE27);
+var TYPE30 = "Container";
+var Container = createSnapComponent(TYPE30);
 
 // src/jsx/jsx-runtime.ts
 function jsx(component, props, key) {
@@ -235,7 +411,7 @@ function union([
 function typedUnion(structs) {
   return new import_superstruct.Struct({
     type: "union",
-    schema: null,
+    schema: structs,
     *entries(value, context) {
       if (!(0, import_utils.isPlainObject)(value) || !(0, import_utils.hasProperty)(value, "type")) {
         return;
@@ -311,8 +487,22 @@ function element(name, props = {}) {
     key: (0, import_superstruct3.nullable)(KeyStruct)
   });
 }
+var ImageStruct = element("Image", {
+  src: svg(),
+  alt: (0, import_superstruct3.optional)((0, import_superstruct3.string)())
+});
+var IconNameStruct = nullUnion(
+  Object.values(IconName).map((name) => literal(name))
+);
+var IconStruct = element("Icon", {
+  name: IconNameStruct,
+  color: (0, import_superstruct3.optional)(
+    nullUnion([literal("default"), literal("primary"), literal("muted")])
+  ),
+  size: (0, import_superstruct3.optional)(nullUnion([literal("md"), literal("inherit")]))
+});
 var ButtonStruct = element("Button", {
-  children: StringElementStruct,
+  children: children([StringElementStruct, ImageStruct, IconStruct]),
   name: (0, import_superstruct3.optional)((0, import_superstruct3.string)()),
   type: (0, import_superstruct3.optional)(nullUnion([literal("button"), literal("submit")])),
   variant: (0, import_superstruct3.optional)(nullUnion([literal("primary"), literal("destructive")])),
@@ -334,13 +524,33 @@ var InputStruct = element("Input", {
 });
 var OptionStruct = element("Option", {
   value: (0, import_superstruct3.string)(),
-  children: (0, import_superstruct3.string)()
+  children: nullUnion([(0, import_superstruct3.string)()])
 });
 var DropdownStruct = element("Dropdown", {
   name: (0, import_superstruct3.string)(),
   value: (0, import_superstruct3.optional)((0, import_superstruct3.string)()),
   children: children([OptionStruct])
 });
+var CardStruct = element("Card", {
+  image: (0, import_superstruct3.optional)((0, import_superstruct3.string)()),
+  title: (0, import_superstruct3.string)(),
+  description: (0, import_superstruct3.optional)((0, import_superstruct3.string)()),
+  value: (0, import_superstruct3.string)(),
+  extra: (0, import_superstruct3.optional)((0, import_superstruct3.string)())
+});
+var SelectorOptionStruct = element(
+  "SelectorOption",
+  {
+    value: (0, import_superstruct3.string)(),
+    children: CardStruct
+  }
+);
+var SelectorStruct = element("Selector", {
+  name: (0, import_superstruct3.string)(),
+  title: (0, import_superstruct3.string)(),
+  value: (0, import_superstruct3.optional)((0, import_superstruct3.string)()),
+  children: children([SelectorOptionStruct])
+});
 var RadioStruct = element("Radio", {
   value: (0, import_superstruct3.string)(),
   children: (0, import_superstruct3.string)()
@@ -367,7 +577,8 @@ var FIELD_CHILDREN_ARRAY = [
   DropdownStruct,
   RadioGroupStruct,
   FileInputStruct,
-  CheckboxStruct
+  CheckboxStruct,
+  SelectorStruct
 ];
 var FieldChildUnionStruct = nullUnion([
   ...FIELD_CHILDREN_ARRAY,
@@ -454,28 +665,33 @@ var ValueStruct = element("Value", {
   value: (0, import_superstruct3.string)(),
   extra: (0, import_superstruct3.string)()
 });
-var CardStruct = element("Card", {
-  image: (0, import_superstruct3.optional)((0, import_superstruct3.string)()),
-  title: (0, import_superstruct3.string)(),
-  description: (0, import_superstruct3.optional)((0, import_superstruct3.string)()),
-  value: (0, import_superstruct3.string)(),
-  extra: (0, import_superstruct3.optional)((0, import_superstruct3.string)())
-});
 var HeadingStruct = element("Heading", {
   children: StringElementStruct
 });
-var ImageStruct = element("Image", {
-  src: svg(),
-  alt: (0, import_superstruct3.optional)((0, import_superstruct3.string)())
-});
 var LinkStruct = element("Link", {
   href: (0, import_superstruct3.string)(),
   children: children([FormattingStruct, (0, import_superstruct3.string)()])
 });
 var TextStruct = element("Text", {
-  children: children([(0, import_superstruct3.string)(), BoldStruct, ItalicStruct, LinkStruct]),
+  children: children([
+    (0, import_superstruct3.string)(),
+    BoldStruct,
+    ItalicStruct,
+    LinkStruct,
+    IconStruct
+  ]),
   alignment: (0, import_superstruct3.optional)(
     nullUnion([literal("start"), literal("center"), literal("end")])
+  ),
+  color: (0, import_superstruct3.optional)(
+    nullUnion([
+      literal("default"),
+      literal("alternative"),
+      literal("muted"),
+      literal("error"),
+      literal("success"),
+      literal("warning")
+    ])
   )
 });
 var TooltipChildStruct = nullUnion([
@@ -484,6 +700,7 @@ var TooltipChildStruct = nullUnion([
   ItalicStruct,
   LinkStruct,
   ImageStruct,
+  IconStruct,
   (0, import_superstruct3.boolean)()
 ]);
 var TooltipContentStruct = nullUnion([
@@ -491,6 +708,7 @@ var TooltipContentStruct = nullUnion([
   BoldStruct,
   ItalicStruct,
   LinkStruct,
+  IconStruct,
   (0, import_superstruct3.string)()
 ]);
 var TooltipStruct = element("Tooltip", {
@@ -527,7 +745,9 @@ var BoxChildStruct = typedUnion([
   TextStruct,
   TooltipStruct,
   CheckboxStruct,
-  CardStruct
+  CardStruct,
+  IconStruct,
+  SelectorStruct
 ]);
 var RootJSXElementStruct = nullUnion([
   BoxChildStruct,
@@ -560,7 +780,10 @@ var JSXElementStruct = typedUnion([
   CheckboxStruct,
   FooterStruct,
   ContainerStruct,
-  CardStruct
+  CardStruct,
+  IconStruct,
+  SelectorStruct,
+  SelectorOptionStruct
 ]);
 function isJSXElement(value) {
   return (0, import_superstruct3.is)(value, JSXElementStruct);