gd-design-library 1.8.2 → 1.8.3

package/utils/a2ui/renderers/checkbox.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare function CheckboxDropdownOption({ item }: {
     item: {
         name: string;
@@ -7,5 +7,5 @@ export declare function CheckboxDropdownOption({ item }: {
     };
 }): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const checkboxRenderers: {
-    checkbox: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => void) => import("@emotion/react/jsx-runtime").JSX.Element;
+    checkbox: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/utils/a2ui/renderers/content-carousel.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/organisms/ContentCarousel/ContentCarousel.cjs`),t=require(`../helpers/attributes.cjs`),n=require(`../helpers/styling.cjs`),r=require(`../helpers/misc.cjs`);let i=require(`@emotion/react/jsx-runtime`);function a(e,t,n){return e.type&&typeof e.type==`string`?e:typeof e.src==`string`?{id:e.id||`${t}_item_${n+1}`,type:`image`,src:e.src,alt:e.alt||`${t} item ${n+1}`,styling:e.styling}:null}function o(e){if(e.children?.length)return e.children;let t=e.items;return Array.isArray(t)?t.map((t,n)=>r.isRecord(t)?a(t,e.id,n):null).filter(e=>e!==null):[]}function s(e){return typeof e.visibleItems==`number`?e.visibleItems:t.getAttributeNumber(e,`visibleItems`)}function c(e){return typeof e.scrollStep==`number`?e.scrollStep:t.getAttributeNumber(e,`scrollStep`)}function l(e){let n=e.scrollAlignment||t.getAttributeString(e,`scrollAlignment`);return n===`left`||n===`centered`?n:void 0}var u={"content-carousel":(t,r)=>(0,i.jsx)(e.ContentCarousel,{items:o(t),renderItem:e=>r([e])[0]??null,showArrows:t.showArrows,showDots:t.showDots,isFocusable:t.isFocusable,visibleItems:s(t),scrollStep:c(t),scrollAlignment:l(t),styles:n.getComponentStyles(t.styling)},t.id)};exports.contentCarouselRenderers=u;
+const e=require("../../../components/organisms/ContentCarousel/ContentCarousel.cjs"),t=require("../helpers/attributes.cjs"),n=require("../helpers/styling.cjs"),r=require("../helpers/misc.cjs");let i=require("@emotion/react/jsx-runtime");function a(e,t,n){return e.type&&typeof e.type==`string`?e:typeof e.src==`string`?{id:e.id||`${t}_item_${n+1}`,type:`image`,src:e.src,alt:e.alt||`${t} item ${n+1}`,styling:e.styling}:null}function o(e){if(e.children?.length)return e.children;let t=e.items;return Array.isArray(t)?t.map((t,n)=>r.isRecord(t)?a(t,e.id,n):null).filter(e=>e!==null):[]}function s(e){return typeof e.visibleItems==`number`?e.visibleItems:t.getAttributeNumber(e,`visibleItems`)}function c(e){return typeof e.scrollStep==`number`?e.scrollStep:t.getAttributeNumber(e,`scrollStep`)}function l(e){let n=e.scrollAlignment||t.getAttributeString(e,`scrollAlignment`);return n===`left`||n===`centered`?n:void 0}var u={"content-carousel":(t,r)=>(0,i.jsx)(e.ContentCarousel,{items:o(t),renderItem:e=>r([e])[0]??null,showArrows:t.showArrows,showDots:t.showDots,isFocusable:t.isFocusable,visibleItems:s(t),scrollStep:c(t),scrollAlignment:l(t),styles:n.getComponentStyles(t.styling)},t.id)};exports.contentCarouselRenderers=u;

package/utils/a2ui/renderers/content-carousel.d.cts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const contentCarouselRenderers: {
+    'content-carousel': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[]) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/utils/a2ui/renderers/content-carousel.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare const contentCarouselRenderers: {
     'content-carousel': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[]) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/utils/a2ui/renderers/counter.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/molecules/Counter/Counter.cjs`),t=require(`../helpers/attributes.cjs`),n=require(`../helpers/styling.cjs`);let r=require(`@emotion/react/jsx-runtime`);var i={counter:(i,a,o)=>(0,r.jsx)(e.Counter,{initial:i.initial??t.getAttributeNumber(i,`initial`),min:i.min??t.getAttributeNumber(i,`min`),max:i.max??t.getAttributeNumber(i,`max`),isDisabled:i.disabled,styles:n.getMergedComponentStyles(i),onCounterChange:o&&i.actions?.length?e=>i.actions.forEach(t=>o(t,{qty:e})):void 0},i.id)};exports.counterRenderers=i;
+const e=require("../../../components/molecules/Counter/Counter.cjs"),t=require("../helpers/attributes.cjs"),n=require("../helpers/styling.cjs");let r=require("@emotion/react/jsx-runtime");var i={counter:(i,a,o)=>(0,r.jsx)(e.Counter,{initial:i.initial??t.getAttributeNumber(i,`initial`),min:i.min??t.getAttributeNumber(i,`min`),max:i.max??t.getAttributeNumber(i,`max`),isDisabled:i.disabled,styles:n.getMergedComponentStyles(i),onCounterChange:o&&i.actions?.length?e=>i.actions.forEach(t=>o(t,{qty:e})):void 0},i.id)};exports.counterRenderers=i;

package/utils/a2ui/renderers/counter.d.cts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const counterRenderers: {
+    counter: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/utils/a2ui/renderers/counter.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare const counterRenderers: {
-    counter: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => void) => import("@emotion/react/jsx-runtime").JSX.Element;
+    counter: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/utils/a2ui/renderers/drag-and-drop.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/organisms/DragAndDropFiles/DragAndDropFiles.cjs`),t=require(`../../../components/widget/DragAndDrop/DragAndDrop.cjs`),n=require(`../helpers/attributes.cjs`),r=require(`../helpers/styling.cjs`),i=require(`../helpers/misc.cjs`);let a=require(`react`),o=require(`@emotion/react/jsx-runtime`);function s(e){if(typeof e==`string`&&e.length>0)return{name:e};if(!e||typeof e!=`object`||Array.isArray(e))return null;let t=e;if(typeof t.name!=`string`||t.name.length===0)return null;let n={name:t.name};if(typeof t.type==`string`&&t.type.length>0&&(n.type=t.type),typeof t.size==`number`)n.size=t.size;else if(typeof t.size==`string`){let e=Number(t.size);Number.isFinite(e)&&(n.size=e)}return n}function c(e){let t=e.files??e.attributes?.files;return Array.isArray(t)?t.map(e=>s(e)).filter(e=>e!==null):[]}function l(e){return new File([],e.name,{type:e.type??``})}function u({component:e,renderChildren:s,dispatchAction:u}){let d=(0,a.useMemo)(()=>c(e),[e]),f=(0,a.useMemo)(()=>n.getComponentStringArray(e,`errors`)??[],[e]),p=(0,a.useMemo)(()=>JSON.stringify(d),[d]),m=(0,a.useMemo)(()=>JSON.stringify(f),[f]),h=(0,a.useMemo)(()=>JSON.parse(p).map(l),[p]),g=(0,a.useMemo)(()=>JSON.parse(m),[m]),_=(0,a.useMemo)(()=>e.acceptedFileTypes??n.getComponentStringArray(e,`acceptedFileTypes`),[e]),v=(0,a.useMemo)(()=>i.getNestedComponentArray(e,`dragOverContent`),[e]),y=(0,a.useMemo)(()=>i.getNestedComponentArray(e,`loadingOverlay`),[e]),[b,x]=(0,a.useState)(()=>h),[S,C]=(0,a.useState)(()=>g);(0,a.useEffect)(()=>{x(h)},[h]),(0,a.useEffect)(()=>{C(g)},[g]);let w=(0,a.useCallback)(t=>{!u||!e.actions?.length||e.actions.forEach(e=>u(e,t))},[u,e.actions]),T=(0,a.useCallback)(e=>{x(e),w({files:e.map(e=>({name:e.name,size:e.size,type:e.type||void 0}))})},[w]),E=(0,a.useCallback)(e=>{C(e),e.length>0&&w({errors:e})},[w]);return(0,o.jsx)(t.DragAndDrop,{title:e.title??e.label,description:e.description??(typeof e.value==`string`?e.value:void 0),inputFileButtonLabel:e.inputFileButtonLabel??n.getAttributeString(e,`inputFileButtonLabel`),acceptedFileTypes:_,maxFileSize:e.maxFileSize??n.getAttributeNumber(e,`maxFileSize`),maxFiles:e.maxFiles??n.getAttributeNumber(e,`maxFiles`),files:b,errors:S,disabled:e.disabled,isLoading:e.isLoading,loadingOverlay:y?s(y):void 0,dragOverContent:v?s(v):void 0,onFilesChanged:T,onError:E,styles:r.getMergedComponentStyles(e),children:s(e.children)},e.id)}var d={"drag-and-drop":(e,t,n)=>(0,o.jsx)(u,{component:e,renderChildren:t,dispatchAction:n}),"drag-and-drop-files":(t,n,a)=>(0,o.jsx)(e.DragAndDropFiles,{dragOverContent:i.renderComponentSlot(n,i.getComponentArrayField(t,`dragOverChildren`)),styles:r.getComponentStyles(t.styling),onDrop:a&&t.actions?.length?e=>i.dispatchComponentActions(t,a,{trigger:`drop`,files:Array.from(e).map(e=>({name:e.name,size:e.size,type:e.type}))}):void 0,children:n(t.children)},t.id)};exports.dragAndDropRenderers=d;
+"use client";const e=require("../../../components/organisms/DragAndDropFiles/DragAndDropFiles.cjs"),t=require("../../../components/widget/DragAndDrop/DragAndDrop.cjs"),n=require("../helpers/attributes.cjs"),r=require("../helpers/styling.cjs"),i=require("../helpers/misc.cjs");let a=require("react"),o=require("@emotion/react/jsx-runtime");function s(e){if(typeof e==`string`&&e.length>0)return{name:e};if(!e||typeof e!=`object`||Array.isArray(e))return null;let t=e;if(typeof t.name!=`string`||t.name.length===0)return null;let n={name:t.name};if(typeof t.type==`string`&&t.type.length>0&&(n.type=t.type),typeof t.size==`number`)n.size=t.size;else if(typeof t.size==`string`){let e=Number(t.size);Number.isFinite(e)&&(n.size=e)}return n}function c(e){let t=e.files??e.attributes?.files;return Array.isArray(t)?t.map(e=>s(e)).filter(e=>e!==null):[]}function l(e){return new File([],e.name,{type:e.type??``})}function u({component:e,renderChildren:s,dispatchAction:u}){let d=(0,a.useMemo)(()=>c(e),[e]),f=(0,a.useMemo)(()=>n.getComponentStringArray(e,`errors`)??[],[e]),p=(0,a.useMemo)(()=>JSON.stringify(d),[d]),m=(0,a.useMemo)(()=>JSON.stringify(f),[f]),h=(0,a.useMemo)(()=>JSON.parse(p).map(l),[p]),g=(0,a.useMemo)(()=>JSON.parse(m),[m]),_=(0,a.useMemo)(()=>e.acceptedFileTypes??n.getComponentStringArray(e,`acceptedFileTypes`),[e]),v=(0,a.useMemo)(()=>i.getNestedComponentArray(e,`dragOverContent`),[e]),y=(0,a.useMemo)(()=>i.getNestedComponentArray(e,`loadingOverlay`),[e]),[b,x]=(0,a.useState)(()=>h),[S,C]=(0,a.useState)(()=>g);(0,a.useEffect)(()=>{x(h)},[h]),(0,a.useEffect)(()=>{C(g)},[g]);let w=(0,a.useCallback)(t=>{!u||!e.actions?.length||e.actions.forEach(e=>u(e,t))},[u,e.actions]),T=(0,a.useCallback)(e=>{x(e),w({files:e.map(e=>({name:e.name,size:e.size,type:e.type||void 0}))})},[w]),E=(0,a.useCallback)(e=>{C(e),e.length>0&&w({errors:e})},[w]);return(0,o.jsx)(t.DragAndDrop,{title:e.title??e.label,description:e.description??(typeof e.value==`string`?e.value:void 0),inputFileButtonLabel:e.inputFileButtonLabel??n.getAttributeString(e,`inputFileButtonLabel`),acceptedFileTypes:_,maxFileSize:e.maxFileSize??n.getAttributeNumber(e,`maxFileSize`),maxFiles:e.maxFiles??n.getAttributeNumber(e,`maxFiles`),files:b,errors:S,disabled:e.disabled,isLoading:e.isLoading,loadingOverlay:y?s(y):void 0,dragOverContent:v?s(v):void 0,onFilesChanged:T,onError:E,styles:r.getMergedComponentStyles(e),children:s(e.children)},e.id)}var d={"drag-and-drop":(e,t,n)=>(0,o.jsx)(u,{component:e,renderChildren:t,dispatchAction:n}),"drag-and-drop-files":(t,n,a)=>(0,o.jsx)(e.DragAndDropFiles,{dragOverContent:i.renderComponentSlot(n,i.getComponentArrayField(t,`dragOverChildren`)),styles:r.getComponentStyles(t.styling),onDrop:a&&t.actions?.length?e=>i.dispatchComponentActions(t,a,{trigger:`drop`,files:Array.from(e).map(e=>({name:e.name,size:e.size,type:e.type}))}):void 0,children:n(t.children)},t.id)};exports.dragAndDropRenderers=d;

package/utils/a2ui/renderers/drag-and-drop.d.cts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+import { DispatchAction } from '../types.js';
+export declare const dragAndDropRenderers: {
+    'drag-and-drop': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: DispatchAction) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'drag-and-drop-files': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: DispatchAction) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/utils/a2ui/renderers/drag-and-drop.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { A2UIComponent } from '../../../ai';
-import { DispatchAction } from '../types';
+import { A2UIComponent } from '../../../ai/index.js';
+import { DispatchAction } from '../types.js';
 export declare const dragAndDropRenderers: {
     'drag-and-drop': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: DispatchAction) => import("@emotion/react/jsx-runtime").JSX.Element;
     'drag-and-drop-files': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: DispatchAction) => import("@emotion/react/jsx-runtime").JSX.Element;

package/utils/a2ui/renderers/dropdown.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/atoms/Select/hooks/useSelectContext.cjs`),t=require(`../../../components/molecules/DropdownItem/DropdownItem.cjs`),n=require(`../../../components/molecules/Dropdown/Dropdown.cjs`),r=require(`../constants.cjs`),i=require(`../helpers/styling.cjs`);let a=require(`@emotion/react/jsx-runtime`);var o={dropdown:(t,o)=>(0,a.jsx)(e.SelectContext.Provider,{value:r.DROPDOWN_SELECT_CONTEXT,children:(0,a.jsx)(n.Dropdown,{styles:{width:t.width,maxHeight:t.maxHeight,...i.getComponentStyles(t.styling)},children:o(t.children)})},t.id),"dropdown-item":(e,n,r)=>(0,a.jsx)(t.DropdownItem,{name:e.label||String(e.value??``),value:e.value,disabled:e.disabled,styles:i.getMergedComponentStyles(e),onSelect:r&&e.actions?.length?({data:t})=>e.actions.forEach(e=>r(e,{value:t.value,label:t.name})):void 0,children:e.children?.length?n(e.children):e.label||String(e.value??``)},e.id)};exports.dropdownRenderers=o;
+const e=require("../../../components/atoms/Select/hooks/useSelectContext.cjs"),t=require("../../../components/molecules/DropdownItem/DropdownItem.cjs"),n=require("../../../components/molecules/Dropdown/Dropdown.cjs"),r=require("../constants.cjs"),i=require("../helpers/styling.cjs");let a=require("@emotion/react/jsx-runtime");var o={dropdown:(t,o)=>(0,a.jsx)(e.SelectContext.Provider,{value:r.DROPDOWN_SELECT_CONTEXT,children:(0,a.jsx)(n.Dropdown,{styles:{width:t.width,maxHeight:t.maxHeight,...i.getComponentStyles(t.styling)},children:o(t.children)})},t.id),"dropdown-item":(e,n,r)=>(0,a.jsx)(t.DropdownItem,{name:e.label||String(e.value??``),value:e.value,disabled:e.disabled,styles:i.getMergedComponentStyles(e),onSelect:r&&e.actions?.length?({data:t})=>e.actions.forEach(e=>r(e,{value:t.value,label:t.name})):void 0,children:e.children?.length?n(e.children):e.label||String(e.value??``)},e.id)};exports.dropdownRenderers=o;

package/utils/a2ui/renderers/dropdown.d.cts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const dropdownRenderers: {
+    dropdown: (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[]) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'dropdown-item': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/utils/a2ui/renderers/dropdown.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare const dropdownRenderers: {
     dropdown: (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[]) => import("@emotion/react/jsx-runtime").JSX.Element;
-    'dropdown-item': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => void) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'dropdown-item': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/utils/a2ui/renderers/form.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/atoms/Input/Input.cjs`),t=require(`../../../components/atoms/InputFile/InputFile.cjs`),n=require(`../../../components/atoms/Textarea/Textarea.cjs`),r=require(`../../../components/molecules/Form/Form.cjs`),i=require(`../../../components/organisms/InputArea/InputArea.cjs`),a=require(`../helpers/attributes.cjs`),o=require(`../helpers/styling.cjs`),s=require(`../helpers/misc.cjs`);let c=require(`@emotion/react/jsx-runtime`);var l={form:(e,t,n)=>(0,c.jsx)(r.Form,{styles:o.getComponentStyles(e.styling),onFormSubmit:n&&e.actions?.length?({formData:t})=>e.actions.forEach(e=>n(e,{formData:t})):void 0,children:t(e.children)},e.id),input:(t,n,r)=>(0,c.jsx)(e.Input,{id:t.id,label:t.label,placeholder:t.placeholder,name:t.name,value:typeof t.value==`string`||typeof t.value==`number`?String(t.value):void 0,variant:t.variant,color:t.color,required:t.required,disabled:t.disabled,readOnly:t.readOnly,helperText:t.helpText,ariaDescribedBy:t.ariaDescribedBy,debounceCallbackTime:t.debounceCallbackTime,adornmentStart:s.renderNamedIcon(a.getLeadingIconName(t)),adornmentEnd:s.renderNamedIcon(a.getTopLevelString(t,`iconEnd`)),styles:o.getMergedComponentStyles(t),onChange:r&&t.actions?.length?e=>t.actions.forEach(t=>r(t,{value:e.target.value})):void 0},t.id),textarea:(e,t,r)=>(0,c.jsx)(n.Textarea,{id:e.id,placeholder:e.placeholder,value:typeof e.value==`string`?e.value:void 0,disabled:e.disabled,readOnly:e.readOnly,variant:e.variant,color:e.color,resize:e.resize,dynamicHeightAdjustment:e.dynamicHeightAdjustment,minHeight:typeof e.minHeight==`number`?`${e.minHeight}px`:e.minHeight||a.getAttributeString(e,`minHeight`),maxHeight:typeof e.maxHeight==`number`?`${e.maxHeight}px`:e.maxHeight||a.getAttributeString(e,`maxHeight`),maxCharacters:e.maxCharacters,ariaDescribedBy:e.ariaDescribedBy,styles:o.getMergedComponentStyles(e),onChange:r&&e.actions?.length?t=>e.actions.forEach(e=>r(e,{value:t.target.value})):void 0},e.id),"input-area":(e,t,n)=>(0,c.jsx)(i.InputArea,{value:typeof e.value==`string`?e.value:void 0,placeholder:e.placeholder,disabled:e.disabled,maxLength:e.maxLength,showCharacterCount:e.showCharacterCount,showAttachmentButton:e.showAttachmentButton,showSendButton:e.showSendButton,sendButtonLabel:e.sendButtonLabel,minRows:e.minRows,maxRows:e.maxRows,styles:o.getComponentStyles(e.styling),onSend:n&&e.actions?.length?t=>s.dispatchComponentActions(e,n,{trigger:`send`,value:t}):void 0,onAttachmentClick:n&&e.actions?.length?()=>s.dispatchComponentActions(e,n,{trigger:`attachment`}):void 0,children:t(e.children)},e.id),"input-file":(e,n,r)=>(0,c.jsx)(t.InputFile,{accept:e.accept||a.getAttributeString(e,`accept`),capture:e.capture??a.getAttributeString(e,`capture`)??a.getAttributeBoolean(e,`capture`),multiple:e.multiple??a.getAttributeBoolean(e,`multiple`),disabled:e.disabled,isIcon:e.isIcon,buttonProps:{variant:e.variant,fullWidth:e.fullWidth,iconStart:s.renderNamedIcon(a.getLeadingIconName(e)),iconEnd:s.renderNamedIcon(a.getTopLevelString(e,`iconEnd`))},styles:o.getMergedComponentStyles(e),onChange:r&&e.actions?.length?t=>{let n=Array.from(t.target.files??[]).map(e=>({name:e.name,size:e.size,type:e.type}));e.actions.forEach(e=>r(e,{files:n}))}:void 0,children:e.label||`Browse Files`},e.id)};exports.formRenderers=l;
+const e=require("../../../components/atoms/Input/Input.cjs"),t=require("../../../components/atoms/InputFile/InputFile.cjs"),n=require("../../../components/atoms/Textarea/Textarea.cjs"),r=require("../../../components/molecules/Form/Form.cjs"),i=require("../../../components/organisms/InputArea/InputArea.cjs"),a=require("../helpers/attributes.cjs"),o=require("../helpers/styling.cjs"),s=require("../helpers/misc.cjs");let c=require("@emotion/react/jsx-runtime");var l={form:(e,t,n)=>(0,c.jsx)(r.Form,{styles:o.getComponentStyles(e.styling),onFormSubmit:n&&e.actions?.length?({formData:t})=>e.actions.forEach(e=>n(e,{formData:t})):void 0,children:t(e.children)},e.id),input:(t,n,r)=>{let i=t.variant===`checkbox`,l=i?typeof t.checked==`boolean`?t.checked:typeof t.value==`boolean`?t.value:void 0:void 0;return(0,c.jsx)(e.Input,{id:t.id,label:t.label,placeholder:t.placeholder,name:t.name,value:!i&&(typeof t.value==`string`||typeof t.value==`number`)?String(t.value):void 0,variant:t.variant,color:t.color,required:t.required,disabled:t.disabled,readOnly:t.readOnly,helperText:t.helpText,ariaDescribedBy:t.ariaDescribedBy,debounceCallbackTime:t.debounceCallbackTime,adornmentStart:s.renderNamedIcon(a.getLeadingIconName(t)),adornmentEnd:s.renderNamedIcon(a.getTopLevelString(t,`iconEnd`)),styles:o.getMergedComponentStyles(t),...i&&l!==void 0?{checked:l}:{},...i&&t.indeterminate!==void 0?{indeterminate:t.indeterminate}:{},onChange:r&&t.actions?.length?e=>t.actions.forEach(t=>r(t,i?{checked:e.target.checked,value:e.target.checked}:{value:e.target.value})):void 0},t.id)},textarea:(e,t,r)=>(0,c.jsx)(n.Textarea,{id:e.id,placeholder:e.placeholder,value:typeof e.value==`string`?e.value:void 0,disabled:e.disabled,readOnly:e.readOnly,variant:e.variant,color:e.color,resize:e.resize,dynamicHeightAdjustment:e.dynamicHeightAdjustment,minHeight:typeof e.minHeight==`number`?`${e.minHeight}px`:e.minHeight||a.getAttributeString(e,`minHeight`),maxHeight:typeof e.maxHeight==`number`?`${e.maxHeight}px`:e.maxHeight||a.getAttributeString(e,`maxHeight`),maxCharacters:e.maxCharacters,ariaDescribedBy:e.ariaDescribedBy,styles:o.getMergedComponentStyles(e),onChange:r&&e.actions?.length?t=>e.actions.forEach(e=>r(e,{value:t.target.value})):void 0},e.id),"input-area":(e,t,n)=>(0,c.jsx)(i.InputArea,{value:typeof e.value==`string`?e.value:void 0,placeholder:e.placeholder,disabled:e.disabled,maxLength:e.maxLength,showCharacterCount:e.showCharacterCount,showAttachmentButton:e.showAttachmentButton,showSendButton:e.showSendButton,sendButtonLabel:e.sendButtonLabel,minRows:e.minRows,maxRows:e.maxRows,styles:o.getComponentStyles(e.styling),onSend:n&&e.actions?.length?t=>s.dispatchComponentActions(e,n,{trigger:`send`,value:t}):void 0,onAttachmentClick:n&&e.actions?.length?()=>s.dispatchComponentActions(e,n,{trigger:`attachment`}):void 0,children:t(e.children)},e.id),"input-file":(e,n,r)=>(0,c.jsx)(t.InputFile,{accept:e.accept||a.getAttributeString(e,`accept`),capture:e.capture??a.getAttributeString(e,`capture`)??a.getAttributeBoolean(e,`capture`),multiple:e.multiple??a.getAttributeBoolean(e,`multiple`),disabled:e.disabled,isIcon:e.isIcon,buttonProps:{variant:e.variant,fullWidth:e.fullWidth,iconStart:e.isIcon?void 0:s.renderNamedIcon(a.getLeadingIconName(e)),iconEnd:e.isIcon?void 0:s.renderNamedIcon(a.getTopLevelString(e,`iconEnd`))},styles:o.getMergedComponentStyles(e),onChange:r&&e.actions?.length?t=>{let n=Array.from(t.target.files??[]).map(e=>({name:e.name,size:e.size,type:e.type}));e.actions.forEach(e=>r(e,{files:n}))}:void 0,children:e.isIcon?s.renderNamedIcon(a.getTopLevelString(e,`icon`)||a.getLeadingIconName(e)||`upload`):e.label||`Browse Files`},e.id)};exports.formRenderers=l;

package/utils/a2ui/renderers/form.d.cts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const formRenderers: {
+    form: (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    input: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    textarea: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'input-area': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'input-file': (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/utils/a2ui/renderers/form.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare const formRenderers: {
-    form: (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => void) => import("@emotion/react/jsx-runtime").JSX.Element;
-    input: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => void) => import("@emotion/react/jsx-runtime").JSX.Element;
-    textarea: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => void) => import("@emotion/react/jsx-runtime").JSX.Element;
-    'input-area': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => void) => import("@emotion/react/jsx-runtime").JSX.Element;
-    'input-file': (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => void) => import("@emotion/react/jsx-runtime").JSX.Element;
+    form: (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    input: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    textarea: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'input-area': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'input-file': (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/utils/a2ui/renderers/form.js

@@ -14,25 +14,33 @@ var m = {
 		onFormSubmit: n && e.actions?.length ? ({ formData: t }) => e.actions.forEach((e) => n(e, { formData: t })) : void 0,
 		children: t(e.children)
 	}, e.id),
-	input: (t, n, r) => /* @__PURE__ */ p(e, {
-		id: t.id,
-		label: t.label,
-		placeholder: t.placeholder,
-		name: t.name,
-		value: typeof t.value == "string" || typeof t.value == "number" ? String(t.value) : void 0,
-		variant: t.variant,
-		color: t.color,
-		required: t.required,
-		disabled: t.disabled,
-		readOnly: t.readOnly,
-		helperText: t.helpText,
-		ariaDescribedBy: t.ariaDescribedBy,
-		debounceCallbackTime: t.debounceCallbackTime,
-		adornmentStart: f(s(t)),
-		adornmentEnd: f(c(t, "iconEnd")),
-		styles: u(t),
-		onChange: r && t.actions?.length ? (e) => t.actions.forEach((t) => r(t, { value: e.target.value })) : void 0
-	}, t.id),
+	input: (t, n, r) => {
+		let i = t.variant === "checkbox", a = i ? typeof t.checked == "boolean" ? t.checked : typeof t.value == "boolean" ? t.value : void 0 : void 0;
+		return /* @__PURE__ */ p(e, {
+			id: t.id,
+			label: t.label,
+			placeholder: t.placeholder,
+			name: t.name,
+			value: !i && (typeof t.value == "string" || typeof t.value == "number") ? String(t.value) : void 0,
+			variant: t.variant,
+			color: t.color,
+			required: t.required,
+			disabled: t.disabled,
+			readOnly: t.readOnly,
+			helperText: t.helpText,
+			ariaDescribedBy: t.ariaDescribedBy,
+			debounceCallbackTime: t.debounceCallbackTime,
+			adornmentStart: f(s(t)),
+			adornmentEnd: f(c(t, "iconEnd")),
+			styles: u(t),
+			...i && a !== void 0 ? { checked: a } : {},
+			...i && t.indeterminate !== void 0 ? { indeterminate: t.indeterminate } : {},
+			onChange: r && t.actions?.length ? (e) => t.actions.forEach((t) => r(t, i ? {
+				checked: e.target.checked,
+				value: e.target.checked
+			} : { value: e.target.value })) : void 0
+		}, t.id);
+	},
 	textarea: (e, t, r) => /* @__PURE__ */ p(n, {
 		id: e.id,
 		placeholder: e.placeholder,
@@ -78,8 +86,8 @@ var m = {
 		buttonProps: {
 			variant: e.variant,
 			fullWidth: e.fullWidth,
-			iconStart: f(s(e)),
-			iconEnd: f(c(e, "iconEnd"))
+			iconStart: e.isIcon ? void 0 : f(s(e)),
+			iconEnd: e.isIcon ? void 0 : f(c(e, "iconEnd"))
 		},
 		styles: u(e),
 		onChange: r && e.actions?.length ? (t) => {
@@ -90,7 +98,7 @@ var m = {
 			}));
 			e.actions.forEach((e) => r(e, { files: n }));
 		} : void 0,
-		children: e.label || "Browse Files"
+		children: e.isIcon ? f(c(e, "icon") || s(e) || "upload") : e.label || "Browse Files"
 	}, e.id)
 };
 //#endregion

package/utils/a2ui/renderers/header.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/organisms/Header/Header.cjs`),t=require(`../helpers/styling.cjs`),n=require(`../helpers/misc.cjs`);let r=require(`@emotion/react/jsx-runtime`);function i(e){return n.getObjectArrayField(e,`mobileMenuList`).reduce((t,n,r)=>{let i=typeof n.title==`string`?n.title:void 0;return i&&t.push({id:typeof n.id==`string`?n.id:`${e.id}_mobile_item_${r+1}`,title:i,path:typeof n.path==`string`?n.path:void 0,icon:typeof n.icon==`string`?n.icon:void 0}),t},[])}var a={header:(a,o,s)=>(0,r.jsx)(e.Header,{bgColor:a.bgColor,showSearch:a.showSearch,showTopBanner:a.showTopBanner,logo:n.renderComponentSlot(o,n.getComponentArrayField(a,`logoChildren`)),menu:n.renderComponentSlot(o,n.getComponentArrayField(a,`menuChildren`)),actions:n.renderComponentSlot(o,n.getComponentArrayField(a,`actionChildren`)),bannerContent:n.renderComponentSlot(o,n.getComponentArrayField(a,`bannerChildren`)),advBlock:n.renderComponentSlot(o,n.getComponentArrayField(a,`advChildren`)),mobileMenuList:i(a),onMobileMenuItemClick:s&&a.actions?.length?(e,t)=>n.dispatchComponentActions(a,s,{trigger:`menu-item`,item:t}):void 0,styles:t.getComponentStyles(a.styling),children:o(a.children)},a.id)};exports.headerRenderers=a;
+const e=require("../../../components/organisms/Header/Header.cjs"),t=require("../helpers/styling.cjs"),n=require("../helpers/misc.cjs");let r=require("@emotion/react/jsx-runtime");function i(e){return n.getObjectArrayField(e,`mobileMenuList`).reduce((t,n,r)=>{let i=typeof n.title==`string`?n.title:void 0;return i&&t.push({id:typeof n.id==`string`?n.id:`${e.id}_mobile_item_${r+1}`,title:i,path:typeof n.path==`string`?n.path:void 0,icon:typeof n.icon==`string`?n.icon:void 0}),t},[])}var a={header:(a,o,s)=>(0,r.jsx)(e.Header,{bgColor:a.bgColor,showSearch:a.showSearch,showTopBanner:a.showTopBanner,logo:n.renderComponentSlot(o,n.getComponentArrayField(a,`logoChildren`)),menu:n.renderComponentSlot(o,n.getComponentArrayField(a,`menuChildren`)),actions:n.renderComponentSlot(o,n.getComponentArrayField(a,`actionChildren`)),bannerContent:n.renderComponentSlot(o,n.getComponentArrayField(a,`bannerChildren`)),advBlock:n.renderComponentSlot(o,n.getComponentArrayField(a,`advChildren`)),mobileMenuList:i(a),onMobileMenuItemClick:s&&a.actions?.length?(e,t)=>n.dispatchComponentActions(a,s,{trigger:`menu-item`,item:t}):void 0,styles:t.getComponentStyles(a.styling),children:o(a.children)},a.id)};exports.headerRenderers=a;

package/utils/a2ui/renderers/header.d.cts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const headerRenderers: {
+    header: (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/utils/a2ui/renderers/header.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare const headerRenderers: {
-    header: (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => void) => import("@emotion/react/jsx-runtime").JSX.Element;
+    header: (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/utils/a2ui/renderers/icon.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/atoms/Icon/Icon.cjs`),t=require(`../helpers/attributes.cjs`),n=require(`../helpers/styling.cjs`),r=require(`../helpers/misc.cjs`);let i=require(`@emotion/react/jsx-runtime`);var a={icon:(a,o,s)=>(0,i.jsx)(e.Icon,{name:a.icon||t.getAttributeString(a,`name`)||r.getComponentText(a),size:a.size||t.getAttributeString(a,`size`),width:a.width==null?void 0:a.width,height:a.height==null?void 0:a.height,fill:a.fill||t.getAttributeString(a,`fill`),fillSvg:a.fillSvg||t.getAttributeString(a,`fillSvg`),className:a.className,tabIndex:a.tabIndex,styles:n.getComponentStyles(a.styling),onClick:s&&a.actions?.length?()=>a.actions.forEach(e=>s(e)):void 0},a.id)};exports.iconRenderers=a;
+const e=require("../../../components/atoms/Icon/Icon.cjs"),t=require("../helpers/attributes.cjs"),n=require("../helpers/styling.cjs"),r=require("../helpers/misc.cjs");let i=require("@emotion/react/jsx-runtime");var a={icon:(a,o,s)=>(0,i.jsx)(e.Icon,{name:a.icon||t.getAttributeString(a,`name`)||r.getComponentText(a),size:a.size||t.getAttributeString(a,`size`),width:a.width==null?void 0:a.width,height:a.height==null?void 0:a.height,fill:a.fill||t.getAttributeString(a,`fill`),fillSvg:a.fillSvg||t.getAttributeString(a,`fillSvg`),className:a.className,tabIndex:a.tabIndex,styles:n.getComponentStyles(a.styling),onClick:s&&a.actions?.length?()=>a.actions.forEach(e=>s(e)):void 0},a.id)};exports.iconRenderers=a;

package/utils/a2ui/renderers/icon.d.cts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const iconRenderers: {
+    icon: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/utils/a2ui/renderers/icon.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare const iconRenderers: {
-    icon: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => void) => import("@emotion/react/jsx-runtime").JSX.Element;
+    icon: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/utils/a2ui/renderers/image.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/atoms/Image/Image.cjs`),t=require(`../../../components/molecules/InlineNotification/InlineNotification.cjs`),n=require(`../../../components/organisms/ImagePreview/ImagePreview.cjs`),r=require(`../helpers/attributes.cjs`),i=require(`../helpers/styling.cjs`),a=require(`../helpers/misc.cjs`);let o=require(`@emotion/react/jsx-runtime`);function s(e){return e.src||r.getAttributeString(e,`src`)}function c(e){return e.alt||r.getAttributeString(e,`alt`)||e.label||e.id}function l(e){return typeof e.width==`number`?e.width:r.getAttributeNumber(e,`width`)}function u(e){return typeof e.height==`number`?e.height:r.getAttributeNumber(e,`height`)}function d(e){return e.objectFit||r.getAttributeString(e,`objectFit`)}function f(e){let t={...i.getComponentStyles(e.styling),...typeof e.width==`string`?{width:e.width}:{},...typeof e.height==`string`?{height:e.height}:{},...d(e)?{objectFit:d(e)}:{}};return Object.keys(t).length>0?t:void 0}function p(e){return typeof e.src==`string`?{src:e.src,alt:typeof e.alt==`string`?e.alt:void 0,caption:typeof e.caption==`string`?e.caption:void 0}:null}function m(e){return a.getObjectArrayField(e,`images`).map(p).filter(e=>e!==null)}var h={image:(n,r,i)=>(0,o.jsx)(e.Image,{id:n.id,src:s(n),alt:c(n),caption:n.caption,width:l(n),height:u(n),objectFit:d(n),as:n.as,captionAs:n.captionAs,fallbackComponent:(0,o.jsx)(t.InlineNotification,{variant:`warning`,children:`Image unavailable${n.label?`: ${n.label}`:``}`}),styles:f(n),onClick:n.actions?.length?()=>n.actions.forEach(e=>i?.(e)):void 0},n.id),"image-preview":(e,t,r)=>(0,o.jsx)(n.ImagePreview,{images:m(e),initialIndex:e.initialIndex,showThumbnails:e.showThumbnails,showCounter:e.showCounter,showArrows:e.showArrows,thumbnailPosition:e.thumbnailPosition,styles:i.getComponentStyles(e.styling),onImageChange:r&&e.actions?.length?t=>{a.dispatchComponentActions(e,r,{trigger:`image-change`,index:t,image:m(e)[t]})}:void 0,children:t(e.children)},e.id)};exports.getImageAlt=c,exports.getImageHeight=u,exports.getImageObjectFit=d,exports.getImageSrc=s,exports.getImageStyles=f,exports.getImageWidth=l,exports.imageRenderers=h;
+const e=require("../../../components/atoms/Image/Image.cjs"),t=require("../../../components/molecules/InlineNotification/InlineNotification.cjs"),n=require("../../../components/organisms/ImagePreview/ImagePreview.cjs"),r=require("../helpers/attributes.cjs"),i=require("../helpers/styling.cjs"),a=require("../helpers/misc.cjs");let o=require("@emotion/react/jsx-runtime");function s(e){return e.src||r.getAttributeString(e,`src`)}function c(e){return e.alt||r.getAttributeString(e,`alt`)||e.label||e.id}function l(e){return typeof e.width==`number`?e.width:r.getAttributeNumber(e,`width`)}function u(e){return typeof e.height==`number`?e.height:r.getAttributeNumber(e,`height`)}function d(e){return e.objectFit||r.getAttributeString(e,`objectFit`)}function f(e){let t={...i.getComponentStyles(e.styling),...typeof e.width==`string`?{width:e.width}:{},...typeof e.height==`string`?{height:e.height}:{},...d(e)?{objectFit:d(e)}:{}};return Object.keys(t).length>0?t:void 0}function p(e){return typeof e.src==`string`?{src:e.src,alt:typeof e.alt==`string`?e.alt:void 0,caption:typeof e.caption==`string`?e.caption:void 0}:null}function m(e){return a.getObjectArrayField(e,`images`).map(p).filter(e=>e!==null)}var h={image:(n,r,i)=>(0,o.jsx)(e.Image,{id:n.id,src:s(n),alt:c(n),caption:n.caption,width:l(n),height:u(n),objectFit:d(n),as:n.as,captionAs:n.captionAs,fallbackComponent:(0,o.jsx)(t.InlineNotification,{variant:`warning`,children:`Image unavailable${n.label?`: ${n.label}`:``}`}),styles:f(n),onClick:n.actions?.length?()=>n.actions.forEach(e=>i?.(e)):void 0},n.id),"image-preview":(e,t,r)=>(0,o.jsx)(n.ImagePreview,{images:m(e),initialIndex:e.initialIndex,showThumbnails:e.showThumbnails,showCounter:e.showCounter,showArrows:e.showArrows,thumbnailPosition:e.thumbnailPosition,styles:i.getComponentStyles(e.styling),onImageChange:r&&e.actions?.length?t=>{a.dispatchComponentActions(e,r,{trigger:`image-change`,index:t,image:m(e)[t]})}:void 0,children:t(e.children)},e.id)};exports.getImageAlt=c,exports.getImageHeight=u,exports.getImageObjectFit=d,exports.getImageSrc=s,exports.getImageStyles=f,exports.getImageWidth=l,exports.imageRenderers=h;