gd-design-library 1.8.2 → 1.8.3

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare function getImageSrc(component: A2UIComponent): string | undefined;
 export declare function getImageAlt(component: A2UIComponent): string;
 export declare function getImageWidth(component: A2UIComponent): number | undefined;
@@ -9,7 +9,7 @@ export declare function getImageStyles(component: A2UIComponent): {
     objectFit?: string | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | undefined;
     height?: string | number | readonly NonNullable<import("csstype").Property.Height<string | number> | undefined>[] | undefined;
     width?: string | number | readonly NonNullable<import("csstype").Property.Width<string | number> | undefined>[] | undefined;
-    accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
+    accentColor?: import("csstype").Property.AccentColor | readonly string[] | readonly import("csstype").Property.AccentColor[] | undefined;
     alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
     alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
     alignSelf?: readonly string[] | import("csstype").Property.AlignSelf | readonly import("csstype").Property.AlignSelf[] | undefined;
@@ -97,7 +97,7 @@ export declare function getImageStyles(component: A2UIComponent): {
     clear?: import("csstype").Property.Clear | readonly NonNullable<import("csstype").Property.Clear | undefined>[] | readonly import("csstype").Property.Clear[] | undefined;
     clipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
     clipRule?: import("csstype").Property.ClipRule | readonly NonNullable<import("csstype").Property.ClipRule | undefined>[] | readonly import("csstype").Property.ClipRule[] | undefined;
-    color?: import("csstype").Property.Color | readonly string[] | readonly import("csstype").Property.Color[] | undefined;
+    color?: readonly string[] | import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
     colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly NonNullable<import("csstype").Property.PrintColorAdjust | undefined>[] | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
     colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | readonly NonNullable<import("csstype").Property.ColorInterpolationFilters | undefined>[] | readonly import("csstype").Property.ColorInterpolationFilters[] | undefined;
     colorScheme?: readonly string[] | import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
@@ -441,7 +441,7 @@ export declare function getImageStyles(component: A2UIComponent): {
     borderBlockWidth?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | undefined;
     borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number> | undefined>[] | undefined;
     borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[] | undefined;
-    borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+    borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
     borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number> | undefined>[] | undefined;
     borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
     borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
@@ -477,7 +477,7 @@ export declare function getImageStyles(component: A2UIComponent): {
     marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number> | undefined>[] | undefined;
     marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number> | undefined>[] | undefined;
     mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number> | undefined>[] | undefined;
-    maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+    maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
     motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
     offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
     outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number> | undefined>[] | undefined;
@@ -728,7 +728,7 @@ export declare function getImageStyles(component: A2UIComponent): {
     WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | readonly NonNullable<import("csstype").Property.WebkitUserSelect | undefined>[] | readonly import("csstype").Property.WebkitUserSelect[] | undefined;
     WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
     MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-    MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+    MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
     MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
     MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
     MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -742,14 +742,14 @@ export declare function getImageStyles(component: A2UIComponent): {
     msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
     WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-    WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+    WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
     WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | undefined;
     WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
     WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
     WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number> | undefined>[] | undefined;
     WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
     WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number> | undefined>[] | undefined;
-    WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+    WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
     WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
     WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
     WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -840,7 +840,7 @@ export declare function getImageStyles(component: A2UIComponent): {
     OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
     OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
     OBackgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | undefined;
-    OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+    OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
     OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | readonly import("csstype").Property.ObjectFit[] | undefined;
     OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number> | undefined>[] | undefined;
     OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number> | undefined>[] | undefined;
@@ -1020,6 +1020,6 @@ export declare function getImageStyles(component: A2UIComponent): {
     ":xr-overlay"?: import('@emotion/serialize').CSSObject | undefined;
 } | undefined;
 export declare const imageRenderers: {
-    image: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => void) => import("@emotion/react/jsx-runtime").JSX.Element;
-    'image-preview': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => void) => import("@emotion/react/jsx-runtime").JSX.Element;
+    image: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'image-preview': (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/index.cjs

@@ -1 +1 @@
-const e=require(`./accordion.cjs`),t=require(`./avatar.cjs`),n=require(`./badge.cjs`),r=require(`./box.cjs`),i=require(`./breadcrumbs.cjs`),a=require(`./button.cjs`),o=require(`./card.cjs`),s=require(`./image.cjs`),c=require(`./carousel.cjs`),l=require(`./chart.cjs`),u=require(`./chat.cjs`),d=require(`./checkbox.cjs`),f=require(`./content-carousel.cjs`),p=require(`./counter.cjs`),m=require(`./drag-and-drop.cjs`),h=require(`./dropdown.cjs`),g=require(`./form.cjs`),_=require(`./header.cjs`),v=require(`./icon.cjs`),y=require(`./label.cjs`),b=require(`./layout.cjs`),x=require(`./link.cjs`),S=require(`./list.cjs`),C=require(`./loader.cjs`),w=require(`./menu.cjs`),T=require(`./modal.cjs`),E=require(`./notification.cjs`),D=require(`./price.cjs`),O=require(`./progress-bar.cjs`),k=require(`./radio-group.cjs`),A=require(`./rating.cjs`),j=require(`./search.cjs`),M=require(`./select.cjs`),N=require(`./separator.cjs`),P=require(`./sidebar.cjs`),F=require(`./skeleton.cjs`),I=require(`./slider.cjs`),L=require(`./stepper.cjs`),R=require(`./switch.cjs`),z=require(`./table.cjs`),B=require(`./tabs.cjs`),V=require(`./toggle.cjs`),H=require(`./tooltip.cjs`),U=require(`./truncate.cjs`),W=require(`./typography.cjs`);var G={...e.accordionRenderers,...t.avatarRenderers,...n.badgeRenderers,...r.boxRenderers,...i.breadcrumbsRenderers,...a.buttonRenderers,...o.cardRenderers,...c.carouselRenderers,...l.chartRenderers,...u.chatRenderers,...d.checkboxRenderers,...f.contentCarouselRenderers,...p.counterRenderers,...m.dragAndDropRenderers,...h.dropdownRenderers,...g.formRenderers,..._.headerRenderers,...v.iconRenderers,...s.imageRenderers,...y.labelRenderers,...b.layoutRenderers,...x.linkRenderers,...S.listRenderers,...C.loaderRenderers,...w.menuRenderers,...T.modalRenderers,...E.notificationRenderers,...D.priceRenderers,...O.progressBarRenderers,...k.radioGroupRenderers,...A.ratingRenderers,...j.searchRenderers,...M.selectRenderers,...N.separatorRenderers,...P.sidebarRenderers,...F.skeletonRenderers,...I.sliderRenderers,...L.stepperRenderers,...R.switchRenderers,...z.tableRenderers,...B.tabsRenderers,...V.toggleRenderers,...H.tooltipRenderers,...U.truncateRenderers,...W.typographyRenderers};exports.renderers=G;
+const e=require("./accordion.cjs"),t=require("./attachment-file.cjs"),n=require("./avatar.cjs"),r=require("./badge.cjs"),i=require("./box.cjs"),a=require("./breadcrumbs.cjs"),o=require("./button.cjs"),s=require("./card.cjs"),c=require("./image.cjs"),l=require("./carousel.cjs"),u=require("./chart.cjs"),d=require("./chat.cjs"),f=require("./checkbox.cjs"),p=require("./content-carousel.cjs"),m=require("./counter.cjs"),h=require("./drag-and-drop.cjs"),g=require("./dropdown.cjs"),_=require("./form.cjs"),v=require("./header.cjs"),y=require("./icon.cjs"),b=require("./label.cjs"),x=require("./layout.cjs"),S=require("./link.cjs"),C=require("./list.cjs"),w=require("./loader.cjs"),T=require("./menu.cjs"),E=require("./modal.cjs"),D=require("./notification.cjs"),O=require("./price.cjs"),k=require("./progress-bar.cjs"),A=require("./radio-group.cjs"),j=require("./rating.cjs"),M=require("./search.cjs"),N=require("./select.cjs"),P=require("./separator.cjs"),F=require("./sidebar.cjs"),I=require("./skeleton.cjs"),L=require("./slider.cjs"),R=require("./stepper.cjs"),z=require("./switch.cjs"),B=require("./table.cjs"),V=require("./tabs.cjs"),H=require("./toggle.cjs"),U=require("./tooltip.cjs"),W=require("./truncate.cjs"),G=require("./typography.cjs");var K={...e.accordionRenderers,...t.attachmentFileRenderers,...n.avatarRenderers,...r.badgeRenderers,...i.boxRenderers,...a.breadcrumbsRenderers,...o.buttonRenderers,...s.cardRenderers,...l.carouselRenderers,...u.chartRenderers,...d.chatRenderers,...f.checkboxRenderers,...p.contentCarouselRenderers,...m.counterRenderers,...h.dragAndDropRenderers,...g.dropdownRenderers,..._.formRenderers,...v.headerRenderers,...y.iconRenderers,...c.imageRenderers,...b.labelRenderers,...x.layoutRenderers,...S.linkRenderers,...C.listRenderers,...w.loaderRenderers,...T.menuRenderers,...E.modalRenderers,...D.notificationRenderers,...O.priceRenderers,...k.progressBarRenderers,...A.radioGroupRenderers,...j.ratingRenderers,...M.searchRenderers,...N.selectRenderers,...P.separatorRenderers,...F.sidebarRenderers,...I.skeletonRenderers,...L.sliderRenderers,...R.stepperRenderers,...z.switchRenderers,...B.tableRenderers,...V.tabsRenderers,...H.toggleRenderers,...U.tooltipRenderers,...W.truncateRenderers,...G.typographyRenderers};exports.renderers=K;

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

@@ -0,0 +1,3 @@
+import { Renderer } from '../types.js';
+import { A2UI_COMPONENT_MAP } from '../../../ai/index.js';
+export declare const renderers: Partial<Record<keyof typeof A2UI_COMPONENT_MAP, Renderer>>;

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

@@ -1,3 +1,3 @@
-import { Renderer } from '../types';
-import { A2UI_COMPONENT_MAP } from '../../../ai';
+import { Renderer } from '../types.js';
+import { A2UI_COMPONENT_MAP } from '../../../ai/index.js';
 export declare const renderers: Partial<Record<keyof typeof A2UI_COMPONENT_MAP, Renderer>>;

package/utils/a2ui/renderers/index.js

@@ -1,50 +1,51 @@
 import { accordionRenderers as e } from "./accordion.js";
-import { avatarRenderers as t } from "./avatar.js";
-import { badgeRenderers as n } from "./badge.js";
-import { boxRenderers as r } from "./box.js";
-import { breadcrumbsRenderers as i } from "./breadcrumbs.js";
-import { buttonRenderers as a } from "./button.js";
-import { cardRenderers as o } from "./card.js";
-import { imageRenderers as s } from "./image.js";
-import { carouselRenderers as c } from "./carousel.js";
-import { chartRenderers as l } from "./chart.js";
-import { chatRenderers as u } from "./chat.js";
-import { checkboxRenderers as d } from "./checkbox.js";
-import { contentCarouselRenderers as f } from "./content-carousel.js";
-import { counterRenderers as p } from "./counter.js";
-import { dragAndDropRenderers as m } from "./drag-and-drop.js";
-import { dropdownRenderers as h } from "./dropdown.js";
-import { formRenderers as g } from "./form.js";
-import { headerRenderers as _ } from "./header.js";
-import { iconRenderers as v } from "./icon.js";
-import { labelRenderers as y } from "./label.js";
-import { layoutRenderers as b } from "./layout.js";
-import { linkRenderers as x } from "./link.js";
-import { listRenderers as S } from "./list.js";
-import { loaderRenderers as C } from "./loader.js";
-import { menuRenderers as w } from "./menu.js";
-import { modalRenderers as T } from "./modal.js";
-import { notificationRenderers as E } from "./notification.js";
-import { priceRenderers as D } from "./price.js";
-import { progressBarRenderers as O } from "./progress-bar.js";
-import { radioGroupRenderers as k } from "./radio-group.js";
-import { ratingRenderers as A } from "./rating.js";
-import { searchRenderers as j } from "./search.js";
-import { selectRenderers as M } from "./select.js";
-import { separatorRenderers as N } from "./separator.js";
-import { sidebarRenderers as P } from "./sidebar.js";
-import { skeletonRenderers as F } from "./skeleton.js";
-import { sliderRenderers as I } from "./slider.js";
-import { stepperRenderers as L } from "./stepper.js";
-import { switchRenderers as R } from "./switch.js";
-import { tableRenderers as z } from "./table.js";
-import { tabsRenderers as B } from "./tabs.js";
-import { toggleRenderers as V } from "./toggle.js";
-import { tooltipRenderers as H } from "./tooltip.js";
-import { truncateRenderers as U } from "./truncate.js";
-import { typographyRenderers as W } from "./typography.js";
+import { attachmentFileRenderers as t } from "./attachment-file.js";
+import { avatarRenderers as n } from "./avatar.js";
+import { badgeRenderers as r } from "./badge.js";
+import { boxRenderers as i } from "./box.js";
+import { breadcrumbsRenderers as a } from "./breadcrumbs.js";
+import { buttonRenderers as o } from "./button.js";
+import { cardRenderers as s } from "./card.js";
+import { imageRenderers as c } from "./image.js";
+import { carouselRenderers as l } from "./carousel.js";
+import { chartRenderers as u } from "./chart.js";
+import { chatRenderers as d } from "./chat.js";
+import { checkboxRenderers as f } from "./checkbox.js";
+import { contentCarouselRenderers as p } from "./content-carousel.js";
+import { counterRenderers as m } from "./counter.js";
+import { dragAndDropRenderers as h } from "./drag-and-drop.js";
+import { dropdownRenderers as g } from "./dropdown.js";
+import { formRenderers as _ } from "./form.js";
+import { headerRenderers as v } from "./header.js";
+import { iconRenderers as y } from "./icon.js";
+import { labelRenderers as b } from "./label.js";
+import { layoutRenderers as x } from "./layout.js";
+import { linkRenderers as S } from "./link.js";
+import { listRenderers as C } from "./list.js";
+import { loaderRenderers as w } from "./loader.js";
+import { menuRenderers as T } from "./menu.js";
+import { modalRenderers as E } from "./modal.js";
+import { notificationRenderers as D } from "./notification.js";
+import { priceRenderers as O } from "./price.js";
+import { progressBarRenderers as k } from "./progress-bar.js";
+import { radioGroupRenderers as A } from "./radio-group.js";
+import { ratingRenderers as j } from "./rating.js";
+import { searchRenderers as M } from "./search.js";
+import { selectRenderers as N } from "./select.js";
+import { separatorRenderers as P } from "./separator.js";
+import { sidebarRenderers as F } from "./sidebar.js";
+import { skeletonRenderers as I } from "./skeleton.js";
+import { sliderRenderers as L } from "./slider.js";
+import { stepperRenderers as R } from "./stepper.js";
+import { switchRenderers as z } from "./switch.js";
+import { tableRenderers as B } from "./table.js";
+import { tabsRenderers as V } from "./tabs.js";
+import { toggleRenderers as H } from "./toggle.js";
+import { tooltipRenderers as U } from "./tooltip.js";
+import { truncateRenderers as W } from "./truncate.js";
+import { typographyRenderers as G } from "./typography.js";
 //#region src/utils/a2ui/renderers/index.tsx
-var G = {
+var K = {
 	...e,
 	...t,
 	...n,
@@ -52,7 +53,7 @@ var G = {
 	...i,
 	...a,
 	...o,
-	...c,
+	...s,
 	...l,
 	...u,
 	...d,
@@ -63,8 +64,8 @@ var G = {
 	...g,
 	..._,
 	...v,
-	...s,
 	...y,
+	...c,
 	...b,
 	...x,
 	...S,
@@ -89,7 +90,8 @@ var G = {
 	...V,
 	...H,
 	...U,
-	...W
+	...W,
+	...G
 };
 //#endregion
-export { G as renderers };
+export { K as renderers };

package/utils/a2ui/renderers/label.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/atoms/Label/Label.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={label:(a,o)=>(0,i.jsxs)(e.Label,{htmlFor:a.htmlFor||t.getAttributeString(a,`for`)||t.getAttributeString(a,`htmlFor`),ariaLabel:a.ariaLabel,styles:n.getMergedComponentStyles(a),children:[a.children?.length?o(a.children):null,r.getComponentText(a)]},a.id)};exports.labelRenderers=a;
+const e=require("../../../components/atoms/Label/Label.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={label:(a,o)=>(0,i.jsxs)(e.Label,{htmlFor:a.htmlFor||t.getAttributeString(a,`for`)||t.getAttributeString(a,`htmlFor`),ariaLabel:a.ariaLabel,styles:n.getMergedComponentStyles(a),children:[a.children?.length?o(a.children):null,r.getComponentText(a)]},a.id)};exports.labelRenderers=a;

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

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

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

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

package/utils/a2ui/renderers/layout.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/layout/FlexContainer/FlexContainer.cjs`),t=require(`../../../components/layout/Column/Column.cjs`),n=require(`../../../components/layout/Row/Row.cjs`),r=require(`../../../components/atoms/Wrapper/Wrapper.cjs`),i=require(`../../../components/layout/Portal/Portal.cjs`),a=require(`../../../components/layout/Scroll/Scroll.cjs`),o=require(`../constants.cjs`),s=require(`../helpers/attributes.cjs`),c=require(`../helpers/styling.cjs`),l=require(`../helpers/misc.cjs`);let u=require(`@emotion/react/jsx-runtime`);var d={row:(e,t)=>(0,u.jsx)(n.Row,{as:e.as,gutter:e.gutter??e.gap,align:e.align??e.alignItems,justify:e.justify??e.justifyContent,isWrap:e.isWrap,isReversed:e.isReversed,flex:e.flex,className:e.className,styles:c.getMergedComponentStyles(e,void 0,o.ROW_AND_COLUMN_MANAGED_INLINE_STYLE_KEYS),children:t(e.children)},e.id),column:(e,n)=>(0,u.jsx)(t.Column,{as:e.as,gutter:e.gutter??e.gap,align:e.align??e.alignItems,justify:e.justify??e.justifyContent,isWrap:e.isWrap,isReversed:e.isReversed,flex:e.flex,className:e.className,styles:c.getMergedComponentStyles(e,void 0,o.ROW_AND_COLUMN_MANAGED_INLINE_STYLE_KEYS),children:n(e.children)},e.id),"flex-container":(t,n)=>(0,u.jsx)(e.FlexContainer,{gap:l.getCssLengthValue(t.gap),flexDirection:t.flexDirection,alignItems:t.alignItems,justifyContent:t.justifyContent,className:t.className,styles:c.getMergedComponentStyles(t,void 0,o.FLEX_CONTAINER_MANAGED_INLINE_STYLE_KEYS),children:n(t.children)},t.id),scroll:(e,t)=>(0,u.jsx)(a.Scroll,{className:e.className,vertical:e.vertical??s.getTopLevelString(e,`vertical`),horizontal:e.horizontal??s.getTopLevelString(e,`horizontal`),autoHide:e.autoHide??s.getTopLevelBoolean(e,`autoHide`),styles:c.getMergedComponentStyles(e),children:t(e.children)},e.id),wrapper:(e,t,n)=>{let i=l.getComponentText(e);return(0,u.jsxs)(r.default,{as:e.as,variant:e.variant,className:e.className,styles:c.getMergedComponentStyles(e),onClick:e.actions?.length?()=>e.actions.forEach(e=>n?.(e)):void 0,children:[t(e.children),!e.children?.length&&i?i:null]},e.id)},portal:(e,t)=>(0,u.jsx)(i.Portal,{container:s.getPortalContainer(e),withWrapper:e.withWrapper??s.getTopLevelBoolean(e,`withWrapper`),wrapperVariant:e.wrapperVariant??s.getTopLevelString(e,`wrapperVariant`),blocksScroll:e.blocksScroll??s.getTopLevelBoolean(e,`blocksScroll`),WrapperView:e.WrapperView??s.getTopLevelString(e,`WrapperView`),className:e.className,styles:c.getMergedComponentStyles(e),children:t(e.children)},e.id)};exports.layoutRenderers=d;
+const e=require("../../../components/layout/FlexContainer/FlexContainer.cjs"),t=require("../../../components/layout/Column/Column.cjs"),n=require("../../../components/layout/Row/Row.cjs"),r=require("../../../components/atoms/Wrapper/Wrapper.cjs"),i=require("../../../components/layout/Portal/Portal.cjs"),a=require("../../../components/layout/Scroll/Scroll.cjs"),o=require("../constants.cjs"),s=require("../helpers/attributes.cjs"),c=require("../helpers/styling.cjs"),l=require("../helpers/misc.cjs");let u=require("@emotion/react/jsx-runtime");var d={row:(e,t)=>(0,u.jsx)(n.Row,{as:e.as,gutter:e.gutter??e.gap,align:e.align??e.alignItems,justify:e.justify??e.justifyContent,isWrap:e.isWrap,isReversed:e.isReversed,flex:e.flex,className:e.className,styles:c.getMergedComponentStyles(e,void 0,o.ROW_AND_COLUMN_MANAGED_INLINE_STYLE_KEYS),children:t(e.children)},e.id),column:(e,n)=>(0,u.jsx)(t.Column,{as:e.as,gutter:e.gutter??e.gap,align:e.align??e.alignItems,justify:e.justify??e.justifyContent,isWrap:e.isWrap,isReversed:e.isReversed,flex:e.flex,className:e.className,styles:c.getMergedComponentStyles(e,void 0,o.ROW_AND_COLUMN_MANAGED_INLINE_STYLE_KEYS),children:n(e.children)},e.id),"flex-container":(t,n)=>(0,u.jsx)(e.FlexContainer,{gap:l.getCssLengthValue(t.gap),flexDirection:t.flexDirection,alignItems:t.alignItems,justifyContent:t.justifyContent,className:t.className,styles:c.getMergedComponentStyles(t,void 0,o.FLEX_CONTAINER_MANAGED_INLINE_STYLE_KEYS),children:n(t.children)},t.id),scroll:(e,t)=>(0,u.jsx)(a.Scroll,{className:e.className,vertical:e.vertical??s.getTopLevelString(e,`vertical`),horizontal:e.horizontal??s.getTopLevelString(e,`horizontal`),autoHide:e.autoHide??s.getTopLevelBoolean(e,`autoHide`),styles:c.getMergedComponentStyles(e),children:t(e.children)},e.id),wrapper:(e,t,n)=>{let i=l.getComponentText(e);return(0,u.jsxs)(r.default,{as:e.as,variant:e.variant,className:e.className,styles:c.getMergedComponentStyles(e),onClick:e.actions?.length?()=>e.actions.forEach(e=>n?.(e)):void 0,children:[t(e.children),!e.children?.length&&i?i:null]},e.id)},portal:(e,t)=>(0,u.jsx)(i.Portal,{container:s.getPortalContainer(e),withWrapper:e.withWrapper??s.getTopLevelBoolean(e,`withWrapper`),wrapperVariant:e.wrapperVariant??s.getTopLevelString(e,`wrapperVariant`),blocksScroll:e.blocksScroll??s.getTopLevelBoolean(e,`blocksScroll`),WrapperView:e.WrapperView??s.getTopLevelString(e,`WrapperView`),className:e.className,styles:c.getMergedComponentStyles(e),children:t(e.children)},e.id)};exports.layoutRenderers=d;

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

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

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

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

package/utils/a2ui/renderers/link.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/atoms/Link/Link.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={link:(a,o,s)=>(0,i.jsx)(e.Link,{href:a.href||t.getAttributeString(a,`href`),target:a.target||t.getAttributeString(a,`target`),rel:a.rel||t.getAttributeString(a,`rel`),variant:a.variant,size:a.size===`sm`||a.size===`md`||a.size===`lg`?a.size:void 0,underline:a.underline||void 0,disabled:a.disabled,ariaLabel:a.ariaLabel,tabindex:a.tabIndex,styles:n.getComponentStyles(a.styling),onClick:s&&a.actions?.length?()=>a.actions.forEach(e=>s(e)):void 0,children:r.getComponentText(a)},a.id)};exports.linkRenderers=a;
+const e=require("../../../components/atoms/Link/Link.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={link:(a,o,s)=>(0,i.jsx)(e.Link,{href:a.href||t.getAttributeString(a,`href`),target:a.target||t.getAttributeString(a,`target`),rel:a.rel||t.getAttributeString(a,`rel`),variant:a.variant,size:a.size===`sm`||a.size===`md`||a.size===`lg`?a.size:void 0,underline:a.underline||void 0,color:a.color||a.styling?.color,disabled:a.disabled,cursor:a.cursor,role:a.role,ariaLabel:a.ariaLabel,tabindex:a.tabIndex,styles:n.getMergedComponentStyles(a),onClick:s&&a.actions?.length?()=>a.actions.forEach(e=>s(e)):void 0,children:r.getComponentText(a)},a.id)};exports.linkRenderers=a;

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

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const linkRenderers: {
+    link: (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/link.d.ts

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

@@ -1,6 +1,6 @@
 import { Link as e } from "../../../components/atoms/Link/Link.js";
 import { getAttributeString as t } from "../helpers/attributes.js";
-import { getComponentStyles as n } from "../helpers/styling.js";
+import { getMergedComponentStyles as n } from "../helpers/styling.js";
 import { getComponentText as r } from "../helpers/misc.js";
 import { jsx as i } from "@emotion/react/jsx-runtime";
 //#region src/utils/a2ui/renderers/link.tsx
@@ -11,10 +11,13 @@ var a = { link: (a, o, s) => /* @__PURE__ */ i(e, {
 	variant: a.variant,
 	size: a.size === "sm" || a.size === "md" || a.size === "lg" ? a.size : void 0,
 	underline: a.underline || void 0,
+	color: a.color || a.styling?.color,
 	disabled: a.disabled,
+	cursor: a.cursor,
+	role: a.role,
 	ariaLabel: a.ariaLabel,
 	tabindex: a.tabIndex,
-	styles: n(a.styling),
+	styles: n(a),
 	onClick: s && a.actions?.length ? () => a.actions.forEach((e) => s(e)) : void 0,
 	children: r(a)
 }, a.id) };

package/utils/a2ui/renderers/list.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/molecules/List/List.cjs`),t=require(`../helpers/styling.cjs`),n=require(`../helpers/misc.cjs`);let r=require(`@emotion/react/jsx-runtime`);function i(e){return e.options?.length?e.options.map(e=>e.label):n.getArrayValue(e).map((e,t)=>{if(typeof e==`string`||typeof e==`number`)return String(e);if(e&&typeof e==`object`){let n=e,r=String(n.label??n.name??n.title??`Item ${t+1}`),i=n.description;return i==null?r:`${r} ${String(i)}`}return`Item ${t+1}`})}var a={list:n=>(0,r.jsx)(e.default,{items:i(n),variant:n.variant,size:n.size===`sm`||n.size===`md`?n.size:void 0,styles:t.getMergedComponentStyles(n)},n.id)};exports.listRenderers=a;
+const e=require("../../../components/molecules/List/List.cjs"),t=require("../helpers/styling.cjs"),n=require("../helpers/misc.cjs");let r=require("@emotion/react/jsx-runtime");function i(e){return e.options?.length?e.options.map(e=>e.label):n.getArrayValue(e).map((e,t)=>{if(typeof e==`string`||typeof e==`number`)return String(e);if(e&&typeof e==`object`){let n=e,r=String(n.label??n.name??n.title??`Item ${t+1}`),i=n.description;return i==null?r:`${r} ${String(i)}`}return`Item ${t+1}`})}var a={list:n=>(0,r.jsx)(e.default,{items:i(n),variant:n.variant,size:n.size===`sm`||n.size===`md`?n.size:void 0,styles:t.getMergedComponentStyles(n)},n.id)};exports.listRenderers=a;

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

@@ -0,0 +1,4 @@
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const listRenderers: {
+    list: (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

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

@@ -1,4 +1,4 @@
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare const listRenderers: {
     list: (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/utils/a2ui/renderers/loader.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/atoms/Loader/Loader.cjs`),t=require(`../helpers/attributes.cjs`),n=require(`../helpers/styling.cjs`);let r=require(`@emotion/react/jsx-runtime`);var i={loader:i=>(0,r.jsx)(e.Loader,{name:i.name||t.getAttributeString(i,`name`),variant:i.variant,rounded:i.rounded||t.getAttributeString(i,`rounded`),size:i.size,animationProps:i.animationProps,withWrapper:i.withWrapper??t.getAttributeBoolean(i,`withWrapper`)??!0,styles:n.getComponentStyles(i.styling)},i.id)};exports.loaderRenderers=i;
+const e=require("../../../components/atoms/Loader/Loader.cjs"),t=require("../helpers/attributes.cjs"),n=require("../helpers/styling.cjs");let r=require("@emotion/react/jsx-runtime");var i={loader:i=>(0,r.jsx)(e.Loader,{name:i.name||t.getAttributeString(i,`name`),variant:i.variant,rounded:i.rounded||t.getAttributeString(i,`rounded`),size:i.size,animationProps:i.animationProps,withWrapper:i.withWrapper??t.getAttributeBoolean(i,`withWrapper`)??!0,styles:n.getComponentStyles(i.styling)},i.id)};exports.loaderRenderers=i;

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

@@ -0,0 +1,4 @@
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const loaderRenderers: {
+    loader: (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

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

@@ -1,4 +1,4 @@
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare const loaderRenderers: {
     loader: (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/utils/a2ui/renderers/menu.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/atoms/Button/Button.cjs`),t=require(`../../../components/molecules/DropdownItem/DropdownItem.cjs`),n=require(`../../../components/molecules/Menu/Menu.cjs`),r=require(`../helpers/attributes.cjs`),i=require(`../helpers/styling.cjs`),a=require(`../helpers/misc.cjs`),o=require(`../helpers/options.cjs`);let s=require(`@emotion/react/jsx-runtime`);var c={menu:(c,l,u)=>(0,s.jsx)(n.Menu,{placement:a.normalizeMenuPlacement(a.getComponentPlacement(c)),closeOnSelect:c.closeOnSelect,offsetX:a.getNumberLikeValue(c.offsetX),offsetY:a.getNumberLikeValue(c.offsetY),minHeight:a.getNumberLikeValue(c.minHeight),maxHeight:a.getNumberLikeValue(c.maxHeight),onSelect:u&&c.actions?.length?({data:e})=>c.actions.forEach(t=>u(t,{value:e?.value,label:e?.name})):void 0,content:(0,s.jsx)(s.Fragment,{children:o.getOptionLikeItems(c).map(e=>(0,s.jsx)(t.DropdownItem,{name:e.label,value:e.value,disabled:e.disabled},`${c.id}-${String(e.value)}`))}),styles:i.getMergedComponentStyles(c),children:(0,s.jsx)(e.Button,{variant:c.variant||`text`,disabled:c.disabled,iconStart:a.renderNamedIcon(r.getLeadingIconName(c)),iconEnd:a.renderNamedIcon(r.getTopLevelString(c,`iconEnd`)),children:c.label||`Open menu`})},c.id)};exports.menuRenderers=c;
+const e=require("../../../components/atoms/Button/Button.cjs"),t=require("../../../components/molecules/DropdownItem/DropdownItem.cjs"),n=require("../../../components/molecules/Menu/Menu.cjs"),r=require("../helpers/attributes.cjs"),i=require("../helpers/styling.cjs"),a=require("../helpers/misc.cjs"),o=require("../helpers/options.cjs");let s=require("@emotion/react/jsx-runtime");var c={menu:(c,l,u)=>(0,s.jsx)(n.Menu,{placement:a.normalizeMenuPlacement(a.getComponentPlacement(c)),closeOnSelect:c.closeOnSelect,offsetX:a.getNumberLikeValue(c.offsetX),offsetY:a.getNumberLikeValue(c.offsetY),minHeight:a.getNumberLikeValue(c.minHeight),maxHeight:a.getNumberLikeValue(c.maxHeight),onSelect:u&&c.actions?.length?({data:e})=>c.actions.forEach(t=>u(t,{value:e?.value,label:e?.name})):void 0,content:(0,s.jsx)(s.Fragment,{children:o.getOptionLikeItems(c).map(e=>(0,s.jsx)(t.DropdownItem,{name:e.label,value:e.value,disabled:e.disabled},`${c.id}-${String(e.value)}`))}),styles:i.getMergedComponentStyles(c),children:(0,s.jsx)(e.Button,{variant:c.variant||`text`,disabled:c.disabled,iconStart:a.renderNamedIcon(r.getLeadingIconName(c)),iconEnd:a.renderNamedIcon(r.getTopLevelString(c,`iconEnd`)),children:c.label||`Open menu`})},c.id)};exports.menuRenderers=c;

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

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const menuRenderers: {
+    menu: (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/menu.d.ts

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

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/organisms/Modal/Modal.cjs`),t=require(`../helpers/styling.cjs`);let n=require(`@emotion/react/jsx-runtime`);var r={modal:(r,i,a)=>{let o=a&&r.actions?.length?()=>r.actions.forEach(e=>a(e)):void 0;return(0,n.jsx)(e.Modal,{isOpen:!0,title:r.title||r.label,onClose:o,closeOnClickOutside:r.closeOnClickOutside??!1,closeOnEscape:r.closeOnEscape??!1,showCloseButton:r.showCloseButton??!0,isCustomView:r.isCustomView,footer:r.footer?.length?i(r.footer):void 0,styles:t.getComponentStyles(r.styling),children:i(r.children)},r.id)}};exports.modalRenderers=r;
+const e=require("../../../components/organisms/Modal/Modal.cjs"),t=require("../helpers/styling.cjs"),n=require("../contexts.cjs");let r=require("react"),i=require("@emotion/react/jsx-runtime");function a({component:a,renderChildren:o,dispatchAction:s}){let[c,l]=(0,r.useState)(!0),u=(0,r.useCallback)(()=>{s&&a.actions?.length&&a.actions.forEach(e=>s(e)),l(!1)},[a.actions,s]);if(!c)return null;let d=a.footer?.length?(0,i.jsx)(n.ModalCloseContext.Provider,{value:u,children:o(a.footer)}):void 0;return(0,i.jsx)(e.Modal,{isOpen:!0,title:a.title||a.label,onClose:u,closeOnClickOutside:a.closeOnClickOutside??!1,closeOnEscape:a.closeOnEscape??!1,showCloseButton:a.showCloseButton??!0,isCustomView:a.isCustomView,footer:d,styles:t.getComponentStyles(a.styling),children:o(a.children)})}var o={modal:(e,t,n)=>(0,i.jsx)(a,{component:e,renderChildren:t,dispatchAction:n},e.id)};exports.modalRenderers=o;

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

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

package/utils/a2ui/renderers/modal.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 modalRenderers: {
     modal: (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: DispatchAction) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/utils/a2ui/renderers/modal.js

@@ -1,21 +1,35 @@
 import { Modal as e } from "../../../components/organisms/Modal/Modal.js";
 import { getComponentStyles as t } from "../helpers/styling.js";
-import { jsx as n } from "@emotion/react/jsx-runtime";
+import { ModalCloseContext as n } from "../contexts.js";
+import { useCallback as r, useState as i } from "react";
+import { jsx as a } from "@emotion/react/jsx-runtime";
 //#region src/utils/a2ui/renderers/modal.tsx
-var r = { modal: (r, i, a) => {
-	let o = a && r.actions?.length ? () => r.actions.forEach((e) => a(e)) : void 0;
-	return /* @__PURE__ */ n(e, {
+function o({ component: o, renderChildren: s, dispatchAction: c }) {
+	let [l, u] = i(!0), d = r(() => {
+		c && o.actions?.length && o.actions.forEach((e) => c(e)), u(!1);
+	}, [o.actions, c]);
+	if (!l) return null;
+	let f = o.footer?.length ? /* @__PURE__ */ a(n.Provider, {
+		value: d,
+		children: s(o.footer)
+	}) : void 0;
+	return /* @__PURE__ */ a(e, {
 		isOpen: !0,
-		title: r.title || r.label,
-		onClose: o,
-		closeOnClickOutside: r.closeOnClickOutside ?? !1,
-		closeOnEscape: r.closeOnEscape ?? !1,
-		showCloseButton: r.showCloseButton ?? !0,
-		isCustomView: r.isCustomView,
-		footer: r.footer?.length ? i(r.footer) : void 0,
-		styles: t(r.styling),
-		children: i(r.children)
-	}, r.id);
-} };
+		title: o.title || o.label,
+		onClose: d,
+		closeOnClickOutside: o.closeOnClickOutside ?? !1,
+		closeOnEscape: o.closeOnEscape ?? !1,
+		showCloseButton: o.showCloseButton ?? !0,
+		isCustomView: o.isCustomView,
+		footer: f,
+		styles: t(o.styling),
+		children: s(o.children)
+	});
+}
+var s = { modal: (e, t, n) => /* @__PURE__ */ a(o, {
+	component: e,
+	renderChildren: t,
+	dispatchAction: n
+}, e.id) };
 //#endregion
-export { r as modalRenderers };
+export { s as modalRenderers };

package/utils/a2ui/renderers/notification.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/atoms/Typography/Typography.cjs`),t=require(`../../../components/atoms/Box/Box.cjs`),n=require(`../../../components/molecules/InlineNotification/InlineNotification.cjs`),r=require(`../../../components/molecules/Snackbar/Snackbar.cjs`),i=require(`../helpers/styling.cjs`),a=require(`../helpers/misc.cjs`);let o=require(`@emotion/react/jsx-runtime`);function s(e){switch(e){case`top-left`:return{position:`fixed`,top:`16px`,left:`16px`,zIndex:1200};case`top-center`:return{position:`fixed`,top:`16px`,left:`50%`,transform:`translateX(-50%)`,zIndex:1200};case`top-right`:return{position:`fixed`,top:`16px`,right:`16px`,zIndex:1200};case`bottom-left`:return{position:`fixed`,bottom:`16px`,left:`16px`,zIndex:1200};case`bottom-center`:return{position:`fixed`,bottom:`16px`,left:`50%`,transform:`translateX(-50%)`,zIndex:1200};default:return{position:`fixed`,bottom:`16px`,right:`16px`,zIndex:1200}}}var c={"inline-notification":(t,r)=>(0,o.jsx)(n.InlineNotification,{variant:t.variant,styles:i.getMergedComponentStyles(t),children:(0,o.jsxs)(o.Fragment,{children:[t.label?(0,o.jsx)(e.Typography,{variant:`strong`,children:t.label}):null,t.value?(0,o.jsx)(e.Typography,{children:String(t.value)}):null,r(t.children)]})},t.id),snackbar:e=>{let n=(0,o.jsx)(r.Snackbar,{title:e.label||`Notification`,message:typeof e.value==`string`?e.value:void 0,variant:e.variant,duration:e.duration,dismissOnClick:e.dismissOnClick,colored:e.colored,isAnimated:e.isAnimated??!0,icon:a.renderNamedIcon(e.icon),styles:i.getComponentStyles(e.styling)},e.id),c=s(a.getComponentPlacement(e));return c?(0,o.jsx)(t.Box,{styles:c,children:n},`${e.id}-wrapper`):n}};exports.notificationRenderers=c;
+const e=require("../../../components/atoms/Typography/Typography.cjs"),t=require("../../../components/atoms/Box/Box.cjs"),n=require("../../../components/molecules/InlineNotification/InlineNotification.cjs"),r=require("../../../components/molecules/Snackbar/Snackbar.cjs"),i=require("../helpers/styling.cjs"),a=require("../helpers/misc.cjs");let o=require("@emotion/react/jsx-runtime");function s(e){switch(e){case`top-left`:return{position:`fixed`,top:`16px`,left:`16px`,zIndex:1200};case`top-center`:return{position:`fixed`,top:`16px`,left:`50%`,transform:`translateX(-50%)`,zIndex:1200};case`top-right`:return{position:`fixed`,top:`16px`,right:`16px`,zIndex:1200};case`bottom-left`:return{position:`fixed`,bottom:`16px`,left:`16px`,zIndex:1200};case`bottom-center`:return{position:`fixed`,bottom:`16px`,left:`50%`,transform:`translateX(-50%)`,zIndex:1200};default:return{position:`fixed`,bottom:`16px`,right:`16px`,zIndex:1200}}}var c={"inline-notification":(t,r)=>(0,o.jsx)(n.InlineNotification,{variant:t.variant,styles:i.getMergedComponentStyles(t),children:(0,o.jsxs)(o.Fragment,{children:[t.label?(0,o.jsx)(e.Typography,{variant:`strong`,children:t.label}):null,t.value?(0,o.jsx)(e.Typography,{children:String(t.value)}):null,r(t.children)]})},t.id),snackbar:e=>{let n=(0,o.jsx)(r.Snackbar,{title:e.label||`Notification`,message:typeof e.value==`string`?e.value:void 0,variant:e.variant,duration:e.duration,dismissOnClick:e.dismissOnClick,colored:e.colored,isAnimated:e.isAnimated??!0,icon:a.renderNamedIcon(e.icon),styles:i.getComponentStyles(e.styling)},e.id),c=s(a.getComponentPlacement(e));return c?(0,o.jsx)(t.Box,{styles:c,children:n},`${e.id}-wrapper`):n}};exports.notificationRenderers=c;

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

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

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

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

package/utils/a2ui/renderers/price.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/molecules/Price/Price.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={price:a=>{let o=t.getAttributeObject(a,`price`),s=a.currencySymbolPosition||o?.currencySymbolPosition||t.getAttributeString(a,`currencySymbolPosition`);return(0,i.jsx)(e.Price,{currentValue:a.currentValue||o?.currentValue||t.getAttributeString(a,`currentValue`)||r.getComponentText(a),oldValue:a.oldValue||o?.oldValue||t.getAttributeString(a,`oldValue`),currencySymbol:a.currencySymbol||o?.currencySymbol||t.getAttributeString(a,`currencySymbol`),currencySymbolPosition:s,size:a.size===`sm`||a.size===`md`||a.size===`lg`?a.size:void 0,styles:n.getMergedComponentStyles(a)},a.id)}};exports.priceRenderers=a;
+const e=require("../../../components/molecules/Price/Price.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={price:a=>{let o=t.getAttributeObject(a,`price`),s=a.currencySymbolPosition||o?.currencySymbolPosition||t.getAttributeString(a,`currencySymbolPosition`);return(0,i.jsx)(e.Price,{currentValue:a.currentValue||o?.currentValue||t.getAttributeString(a,`currentValue`)||r.getComponentText(a),oldValue:a.oldValue||o?.oldValue||t.getAttributeString(a,`oldValue`),currencySymbol:a.currencySymbol||o?.currencySymbol||t.getAttributeString(a,`currencySymbol`),currencySymbolPosition:s,size:a.size===`sm`||a.size===`md`||a.size===`lg`?a.size:void 0,styles:n.getMergedComponentStyles(a)},a.id)}};exports.priceRenderers=a;

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

@@ -0,0 +1,4 @@
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const priceRenderers: {
+    price: (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

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

@@ -1,4 +1,4 @@
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare const priceRenderers: {
     price: (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
 };