@stackable-labs/sdk-extension-react 2.7.0 → 2.8.0

package/dist/index.d.ts

@@ -407,6 +407,14 @@ declare const Video: (props: {
     title?: string;
     className?: string;
 }) => react_jsx_runtime.JSX.Element;
+declare const Image: (props: {
+    src?: string;
+    alt?: string;
+    loading?: "lazy" | "eager";
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
 declare const Link: (props: {
     href?: string;
     target?: string;
@@ -549,6 +557,13 @@ declare global {
                 shape?: string;
                 title?: string;
             }, HTMLElement>;
+            'ui-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement> & {
+                src?: string;
+                alt?: string;
+                loading?: string;
+                width?: number | string;
+                height?: number | string;
+            }, HTMLElement>;
             'ui-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement> & {
                 href?: string;
                 target?: string;
@@ -599,6 +614,7 @@ declare const ui_CollapsibleTrigger: typeof CollapsibleTrigger;
 declare const ui_FooterLink: typeof FooterLink;
 declare const ui_Heading: typeof Heading;
 declare const ui_Icon: typeof Icon;
+declare const ui_Image: typeof Image;
 declare const ui_Inline: typeof Inline;
 declare const ui_Input: typeof Input;
 declare const ui_Label: typeof Label;
@@ -625,7 +641,7 @@ declare const ui_Textarea: typeof Textarea;
 declare const ui_Tooltip: typeof Tooltip;
 declare const ui_Video: typeof Video;
 declare namespace ui {
-  export { ui_Alert as Alert, ui_Avatar as Avatar, ui_Badge as Badge, ui_Button as Button, ui_Card as Card, ui_CardContent as CardContent, ui_CardHeader as CardHeader, ui_Checkbox as Checkbox, ui_Collapsible as Collapsible, ui_CollapsibleContent as CollapsibleContent, ui_CollapsibleTrigger as CollapsibleTrigger, ui_FooterLink as FooterLink, ui_Heading as Heading, ui_Icon as Icon, ui_Inline as Inline, ui_Input as Input, ui_Label as Label, ui_Link as Link, ui_Menu as Menu, ui_MenuItem as MenuItem, ui_Progress as Progress, ui_QRCode as QRCode, ui_RadioGroup as RadioGroup, ui_RadioGroupItem as RadioGroupItem, ui_ScrollArea as ScrollArea, ui_Select as Select, ui_SelectOption as SelectOption, ui_Separator as Separator, ui_Skeleton as Skeleton, ui_Stack as Stack, ui_Switch as Switch, ui_Tabs as Tabs, ui_TabsContent as TabsContent, ui_TabsList as TabsList, ui_TabsTrigger as TabsTrigger, ui_Text as Text, ui_Textarea as Textarea, ui_Tooltip as Tooltip, ui_Video as Video };
+  export { ui_Alert as Alert, ui_Avatar as Avatar, ui_Badge as Badge, ui_Button as Button, ui_Card as Card, ui_CardContent as CardContent, ui_CardHeader as CardHeader, ui_Checkbox as Checkbox, ui_Collapsible as Collapsible, ui_CollapsibleContent as CollapsibleContent, ui_CollapsibleTrigger as CollapsibleTrigger, ui_FooterLink as FooterLink, ui_Heading as Heading, ui_Icon as Icon, ui_Image as Image, ui_Inline as Inline, ui_Input as Input, ui_Label as Label, ui_Link as Link, ui_Menu as Menu, ui_MenuItem as MenuItem, ui_Progress as Progress, ui_QRCode as QRCode, ui_RadioGroup as RadioGroup, ui_RadioGroupItem as RadioGroupItem, ui_ScrollArea as ScrollArea, ui_Select as Select, ui_SelectOption as SelectOption, ui_Separator as Separator, ui_Skeleton as Skeleton, ui_Stack as Stack, ui_Switch as Switch, ui_Tabs as Tabs, ui_TabsContent as TabsContent, ui_TabsList as TabsList, ui_TabsTrigger as TabsTrigger, ui_Text as Text, ui_Textarea as Textarea, ui_Tooltip as Tooltip, ui_Video as Video };
 }
 
 /**

package/dist/index.js

@@ -472,6 +472,7 @@ __export(ui_exports, {
   FooterLink: () => FooterLink,
   Heading: () => Heading,
   Icon: () => Icon,
+  Image: () => Image,
   Inline: () => Inline,
   Input: () => Input,
   Label: () => Label,
@@ -533,6 +534,7 @@ var Avatar = (props) => /* @__PURE__ */ jsx("ui-avatar", { ...props });
 var Icon = (props) => /* @__PURE__ */ jsx("ui-icon", { ...props });
 var QRCode = (props) => /* @__PURE__ */ jsx("ui-qr-code", { ...props });
 var Video = (props) => /* @__PURE__ */ jsx("ui-video", { ...props });
+var Image = (props) => /* @__PURE__ */ jsx("ui-image", { ...props });
 var Link = (props) => /* @__PURE__ */ jsx("ui-link", { ...props, children: props.children });
 var FooterLink = (props) => /* @__PURE__ */ jsx(
   "ui-link",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackable-labs/sdk-extension-react",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "type": "module",
   "private": false,
   "sideEffects": false,