gd-design-library 1.8.1 → 1.8.3

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

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

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

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

package/utils/a2ui/renderers/accordion.js

@@ -0,0 +1,39 @@
+import { Typography as e } from "../../../components/atoms/Typography/Typography.js";
+import { Accordion as t } from "../../../components/molecules/Accordion/Accordion.js";
+import { AccordionItem as n } from "../../../components/molecules/Accordion/AccordionItem/AccordionItem.js";
+import { AccordionHeader as r } from "../../../components/molecules/Accordion/AccordionHeader/AccordionHeader.js";
+import { AccordionContent as i } from "../../../components/molecules/Accordion/AccordionContent/AccordionContent.js";
+import { getMergedComponentStyles as a } from "../helpers/styling.js";
+import { getComponentText as o, renderNamedIcon as s } from "../helpers/misc.js";
+import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
+//#region src/utils/a2ui/renderers/accordion.tsx
+var u = {
+	accordion: (e, n) => /* @__PURE__ */ c(t, {
+		allowMultipleExpand: e.allowMultipleExpand,
+		withoutSeparator: e.withoutSeparator,
+		isInline: e.isInline,
+		value: Array.isArray(e.value) ? e.value.filter((e) => typeof e == "string") : void 0,
+		defaultValue: Array.isArray(e.defaultValue) ? e.defaultValue.filter((e) => typeof e == "string") : void 0,
+		children: n(e.children)
+	}, e.id),
+	"accordion-item": (e, t) => /* @__PURE__ */ c(n, {
+		id: e.id,
+		styles: a(e),
+		children: t(e.children)
+	}, e.id),
+	"accordion-header": (e) => /* @__PURE__ */ c(r, {
+		expandIcon: s(e.icon),
+		styles: a(e),
+		children: o(e) || e.id
+	}, e.id),
+	"accordion-content": (t, n) => /* @__PURE__ */ l(i, {
+		styles: a(t),
+		children: [
+			t.label ? /* @__PURE__ */ c(e, { children: t.label }) : null,
+			typeof t.value == "string" || typeof t.value == "number" ? /* @__PURE__ */ c(e, { children: String(t.value) }) : null,
+			n(t.children)
+		]
+	}, t.id)
+};
+//#endregion
+export { u as accordionRenderers };

package/utils/a2ui/renderers/attachment-file.cjs

@@ -0,0 +1 @@
+const e=require("../../../components/molecules/AttachmentFile/AttachmentFile.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({component:a,dispatchAction:o}){let s=a.fileName||t.getAttributeString(a,`fileName`)||``,c=a.fileType||t.getAttributeString(a,`fileType`),l=a.fileSize||t.getAttributeString(a,`fileSize`),u=a.separator||t.getAttributeString(a,`separator`),d=a.removeButtonLabel||t.getAttributeString(a,`removeButtonLabel`),f=t.getTopLevelString(a,`fileIcon`),p=f?r.renderNamedIcon(f):void 0,m=!!(o&&a.actions?.length),h=m||!!a.onRemove||!!a.isLoading||!!a.disabled,g=m?()=>r.dispatchComponentActions(a,o):h?Function.prototype:void 0;return(0,i.jsx)(e.AttachmentFile,{fileName:s,fileType:c,fileSize:l,fileIcon:p,separator:u,removeButtonLabel:d,disabled:a.disabled,isLoading:a.isLoading,onRemove:g,tabIndex:a.tabIndex,styles:n.getMergedComponentStyles(a)})}var o={"attachment-file":(e,t,n)=>(0,i.jsx)(a,{component:e,dispatchAction:n},e.id)};exports.attachmentFileRenderers=o;

package/utils/a2ui/renderers/attachment-file.d.cts

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

package/utils/a2ui/renderers/attachment-file.d.ts

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

package/utils/a2ui/renderers/attachment-file.js

@@ -0,0 +1,28 @@
+import { AttachmentFile as e } from "../../../components/molecules/AttachmentFile/AttachmentFile.js";
+import { getAttributeString as t, getTopLevelString as n } from "../helpers/attributes.js";
+import { getMergedComponentStyles as r } from "../helpers/styling.js";
+import { dispatchComponentActions as i, renderNamedIcon as a } from "../helpers/misc.js";
+import { jsx as o } from "@emotion/react/jsx-runtime";
+//#region src/utils/a2ui/renderers/attachment-file.tsx
+function s({ component: s, dispatchAction: c }) {
+	let l = s.fileName || t(s, "fileName") || "", u = s.fileType || t(s, "fileType"), d = s.fileSize || t(s, "fileSize"), f = s.separator || t(s, "separator"), p = s.removeButtonLabel || t(s, "removeButtonLabel"), m = n(s, "fileIcon"), h = m ? a(m) : void 0, g = !!(c && s.actions?.length), _ = g || !!s.onRemove || !!s.isLoading || !!s.disabled, v = g ? () => i(s, c) : _ ? Function.prototype : void 0;
+	return /* @__PURE__ */ o(e, {
+		fileName: l,
+		fileType: u,
+		fileSize: d,
+		fileIcon: h,
+		separator: f,
+		removeButtonLabel: p,
+		disabled: s.disabled,
+		isLoading: s.isLoading,
+		onRemove: v,
+		tabIndex: s.tabIndex,
+		styles: r(s)
+	});
+}
+var c = { "attachment-file": (e, t, n) => /* @__PURE__ */ o(s, {
+	component: e,
+	dispatchAction: n
+}, e.id) };
+//#endregion
+export { c as attachmentFileRenderers };

package/utils/a2ui/renderers/avatar.cjs

@@ -0,0 +1 @@
+const e=require("../../../components/molecules/AvatarUser/AvatarUser.cjs"),t=require("../../../components/atoms/Avatar/Avatar.cjs"),n=require("../../../components/atoms/Icon/Icon.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){switch(e){case`xs`:return 12;case`sm`:return 18;case`lg`:return 24;case`xl`:return 40;default:return 20}}function c(e){let t=e.icon||r.getAttributeString(e,`icon`);if(t){let i=s((e.sizeVariant||e.size)??`md`);return(0,o.jsx)(n.Icon,{name:t,width:i,height:i,fill:e.fill||r.getAttributeString(e,`fill`),fillSvg:e.fillSvg||r.getAttributeString(e,`fillSvg`)})}return a.getComponentText(e)||e.id.slice(0,2).toUpperCase()}function l(e){let t=e.trim().split(/\s+/).filter(Boolean);return t.length===0?``:t.length===1?t[0].slice(0,2).toUpperCase():`${t[0][0]??``}${t[t.length-1][0]??``}`.toUpperCase()}function u(e){return typeof e.name==`string`&&e.name.trim().length>0?e.name.trim():a.getComponentText(e).trim()||e.id}function d(e){if(typeof e.subtitle==`string`&&e.subtitle.trim().length>0)return e.subtitle.trim();if(typeof e.description==`string`&&e.description.trim().length>0)return e.description.trim()}var f={avatar:(e,n,a)=>(0,o.jsx)(t.Avatar,{id:e.id,src:e.src||r.getAttributeString(e,`src`),alt:e.alt||r.getAttributeString(e,`alt`)||e.label||e.id,fallbackComponent:c(e),sizeVariant:e.sizeVariant||e.size,backgroundColor:e.backgroundColor||r.getAttributeString(e,`backgroundColor`),withBadge:e.withBadge??e.attributes?.withBadge,badgeColor:e.badgeColor||r.getAttributeString(e,`badgeColor`),styles:i.getMergedComponentStyles(e),onClick:e.actions?.length?()=>e.actions.forEach(e=>a?.(e)):void 0},e.id),"avatar-user":(t,n,s)=>{let f=u(t),p=t.icon||r.getAttributeString(t,`icon`);return(0,o.jsx)(e.AvatarUser,{variant:t.variant,name:f,subtitle:d(t),src:t.src||r.getAttributeString(t,`src`),alt:t.alt||r.getAttributeString(t,`alt`)||f,fallbackComponent:p?c(t):l(f)||t.id.slice(0,2).toUpperCase(),sizeVariant:t.sizeVariant||t.size,withBadge:t.withBadge??t.attributes?.withBadge,badgeColor:t.badgeColor||r.getAttributeString(t,`badgeColor`),backgroundColor:t.backgroundColor||r.getAttributeString(t,`backgroundColor`),action:a.renderComponentSlot(n,a.getComponentArrayField(t,`actionChildren`)),styles:i.getMergedComponentStyles(t),onClick:t.actions?.length?()=>t.actions.forEach(e=>s?.(e)):void 0},t.id)}};exports.avatarRenderers=f;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare function getAvatarFallback(component: A2UIComponent): string | import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function getInitials(value: string): string;
+export declare function getAvatarUserName(component: A2UIComponent): string;
+export declare function getAvatarUserSubtitle(component: A2UIComponent): string | undefined;
+export declare const avatarRenderers: {
+    avatar: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'avatar-user': (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/avatar.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare function getAvatarFallback(component: A2UIComponent): string | import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function getInitials(value: string): string;
+export declare function getAvatarUserName(component: A2UIComponent): string;
+export declare function getAvatarUserSubtitle(component: A2UIComponent): string | undefined;
+export declare const avatarRenderers: {
+    avatar: (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'avatar-user': (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/avatar.js

@@ -0,0 +1,76 @@
+import { AvatarUser as e } from "../../../components/molecules/AvatarUser/AvatarUser.js";
+import { Avatar as t } from "../../../components/atoms/Avatar/Avatar.js";
+import { Icon as n } from "../../../components/atoms/Icon/Icon.js";
+import { getAttributeString as r } from "../helpers/attributes.js";
+import { getMergedComponentStyles as i } from "../helpers/styling.js";
+import { getComponentArrayField as a, getComponentText as o, renderComponentSlot as s } from "../helpers/misc.js";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+//#region src/utils/a2ui/renderers/avatar.tsx
+function l(e) {
+	switch (e) {
+		case "xs": return 12;
+		case "sm": return 18;
+		case "lg": return 24;
+		case "xl": return 40;
+		default: return 20;
+	}
+}
+function u(e) {
+	let t = e.icon || r(e, "icon");
+	if (t) {
+		let i = l((e.sizeVariant || e.size) ?? "md");
+		return /* @__PURE__ */ c(n, {
+			name: t,
+			width: i,
+			height: i,
+			fill: e.fill || r(e, "fill"),
+			fillSvg: e.fillSvg || r(e, "fillSvg")
+		});
+	}
+	return o(e) || e.id.slice(0, 2).toUpperCase();
+}
+function d(e) {
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length === 0 ? "" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : `${t[0][0] ?? ""}${t[t.length - 1][0] ?? ""}`.toUpperCase();
+}
+function f(e) {
+	return typeof e.name == "string" && e.name.trim().length > 0 ? e.name.trim() : o(e).trim() || e.id;
+}
+function p(e) {
+	if (typeof e.subtitle == "string" && e.subtitle.trim().length > 0) return e.subtitle.trim();
+	if (typeof e.description == "string" && e.description.trim().length > 0) return e.description.trim();
+}
+var m = {
+	avatar: (e, n, a) => /* @__PURE__ */ c(t, {
+		id: e.id,
+		src: e.src || r(e, "src"),
+		alt: e.alt || r(e, "alt") || e.label || e.id,
+		fallbackComponent: u(e),
+		sizeVariant: e.sizeVariant || e.size,
+		backgroundColor: e.backgroundColor || r(e, "backgroundColor"),
+		withBadge: e.withBadge ?? e.attributes?.withBadge,
+		badgeColor: e.badgeColor || r(e, "badgeColor"),
+		styles: i(e),
+		onClick: e.actions?.length ? () => e.actions.forEach((e) => a?.(e)) : void 0
+	}, e.id),
+	"avatar-user": (t, n, o) => {
+		let l = f(t), m = t.icon || r(t, "icon");
+		return /* @__PURE__ */ c(e, {
+			variant: t.variant,
+			name: l,
+			subtitle: p(t),
+			src: t.src || r(t, "src"),
+			alt: t.alt || r(t, "alt") || l,
+			fallbackComponent: m ? u(t) : d(l) || t.id.slice(0, 2).toUpperCase(),
+			sizeVariant: t.sizeVariant || t.size,
+			withBadge: t.withBadge ?? t.attributes?.withBadge,
+			badgeColor: t.badgeColor || r(t, "badgeColor"),
+			backgroundColor: t.backgroundColor || r(t, "backgroundColor"),
+			action: s(n, a(t, "actionChildren")),
+			styles: i(t),
+			onClick: t.actions?.length ? () => t.actions.forEach((e) => o?.(e)) : void 0
+		}, t.id);
+	}
+};
+//#endregion
+export { m as avatarRenderers };

package/utils/a2ui/renderers/badge.cjs

@@ -0,0 +1 @@
+const e=require("../../../components/atoms/Badge/Badge.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={badge:a=>{let o=t.getTopLevelString(a,`iconEnd`);return(0,i.jsx)(e.Badge,{variant:a.variant,appearance:a.appearance||t.getAttributeString(a,`appearance`),size:a.size,disabled:a.disabled,iconStart:r.renderNamedIcon(t.getLeadingIconName(a)),iconEnd:r.renderNamedIcon(o),styles:n.getMergedComponentStyles(a),children:r.getComponentText(a)},a.id)}};exports.badgeRenderers=a;

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

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

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

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

package/utils/a2ui/renderers/badge.js

@@ -0,0 +1,21 @@
+import { Badge as e } from "../../../components/atoms/Badge/Badge.js";
+import { getAttributeString as t, getLeadingIconName as n, getTopLevelString as r } from "../helpers/attributes.js";
+import { getMergedComponentStyles as i } from "../helpers/styling.js";
+import { getComponentText as a, renderNamedIcon as o } from "../helpers/misc.js";
+import { jsx as s } from "@emotion/react/jsx-runtime";
+//#region src/utils/a2ui/renderers/badge.tsx
+var c = { badge: (c) => {
+	let l = r(c, "iconEnd");
+	return /* @__PURE__ */ s(e, {
+		variant: c.variant,
+		appearance: c.appearance || t(c, "appearance"),
+		size: c.size,
+		disabled: c.disabled,
+		iconStart: o(n(c)),
+		iconEnd: o(l),
+		styles: i(c),
+		children: a(c)
+	}, c.id);
+} };
+//#endregion
+export { c as badgeRenderers };

package/utils/a2ui/renderers/box.cjs

@@ -0,0 +1 @@
+const e=require("../../../components/atoms/Typography/Typography.cjs"),t=require("../../../components/atoms/Box/Box.cjs"),n=require("../helpers/styling.cjs"),r=require("../helpers/misc.cjs");let i=require("@emotion/react/jsx-runtime");var a={box:(a,o,s)=>{let c=r.getComponentText(a);return(0,i.jsxs)(t.Box,{variant:a.variant===`horizontal`||a.variant===`vertical`?a.variant:void 0,isBordered:a.isBordered,isHighlighted:a.isHighlighted,withShadowHover:a.withShadowHover,tabIndex:a.tabIndex,className:a.className,styles:n.getMergedComponentStyles(a),onClick:a.actions?.length?()=>a.actions.forEach(e=>s?.(e)):void 0,children:[o(a.children),!a.children?.length&&c?(0,i.jsx)(e.Typography,{children:c}):null]},a.id)}};exports.boxRenderers=a;

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

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

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

@@ -0,0 +1,22 @@
+import { Typography as e } from "../../../components/atoms/Typography/Typography.js";
+import { Box as t } from "../../../components/atoms/Box/Box.js";
+import { getMergedComponentStyles as n } from "../helpers/styling.js";
+import { getComponentText as r } from "../helpers/misc.js";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+//#region src/utils/a2ui/renderers/box.tsx
+var o = { box: (o, s, c) => {
+	let l = r(o);
+	return /* @__PURE__ */ a(t, {
+		variant: o.variant === "horizontal" || o.variant === "vertical" ? o.variant : void 0,
+		isBordered: o.isBordered,
+		isHighlighted: o.isHighlighted,
+		withShadowHover: o.withShadowHover,
+		tabIndex: o.tabIndex,
+		className: o.className,
+		styles: n(o),
+		onClick: o.actions?.length ? () => o.actions.forEach((e) => c?.(e)) : void 0,
+		children: [s(o.children), !o.children?.length && l ? /* @__PURE__ */ i(e, { children: l }) : null]
+	}, o.id);
+} };
+//#endregion
+export { o as boxRenderers };

package/utils/a2ui/renderers/breadcrumbs.cjs

@@ -0,0 +1 @@
+const e=require("../../../components/atoms/Typography/Typography.cjs"),t=require("../../../components/atoms/Link/Link.cjs"),n=require("../../../components/molecules/Breadcrumbs/Breadcrumbs.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");function c(t){let n=t.separatorIcon||r.getAttributeString(t,`separatorIcon`);return n?a.renderNamedIcon(n):(0,s.jsx)(e.Typography,{as:`span`,children:t.separator||r.getAttributeString(t,`separator`)||`/`})}var l={breadcrumbs:r=>(0,s.jsx)(n.Breadcrumbs,{separator:c(r),itemStart:a.renderNamedIcon(r.icon),itemEnd:a.renderNamedIcon(r.iconEnd),separatorAfterLastItem:r.separatorAfterLastItem,bordered:r.bordered,ariaLabel:r.ariaLabel,items:o.getOptionLikeItems(r).map(n=>n.href?(0,s.jsx)(t.Link,{href:n.href,children:n.label},`${r.id}-${n.label}`):(0,s.jsx)(e.Typography,{children:n.label},`${r.id}-${n.label}`)),styles:i.getMergedComponentStyles(r)},r.id)};exports.breadcrumbsRenderers=l;

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

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

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

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

package/utils/a2ui/renderers/breadcrumbs.js

@@ -0,0 +1,31 @@
+import { Typography as e } from "../../../components/atoms/Typography/Typography.js";
+import { Link as t } from "../../../components/atoms/Link/Link.js";
+import { Breadcrumbs as n } from "../../../components/molecules/Breadcrumbs/Breadcrumbs.js";
+import { getAttributeString as r } from "../helpers/attributes.js";
+import { getMergedComponentStyles as i } from "../helpers/styling.js";
+import { renderNamedIcon as a } from "../helpers/misc.js";
+import { getOptionLikeItems as o } from "../helpers/options.js";
+import { jsx as s } from "@emotion/react/jsx-runtime";
+//#region src/utils/a2ui/renderers/breadcrumbs.tsx
+function c(t) {
+	let n = t.separatorIcon || r(t, "separatorIcon");
+	return n ? a(n) : /* @__PURE__ */ s(e, {
+		as: "span",
+		children: t.separator || r(t, "separator") || "/"
+	});
+}
+var l = { breadcrumbs: (r) => /* @__PURE__ */ s(n, {
+	separator: c(r),
+	itemStart: a(r.icon),
+	itemEnd: a(r.iconEnd),
+	separatorAfterLastItem: r.separatorAfterLastItem,
+	bordered: r.bordered,
+	ariaLabel: r.ariaLabel,
+	items: o(r).map((n) => n.href ? /* @__PURE__ */ s(t, {
+		href: n.href,
+		children: n.label
+	}, `${r.id}-${n.label}`) : /* @__PURE__ */ s(e, { children: n.label }, `${r.id}-${n.label}`)),
+	styles: i(r)
+}, r.id) };
+//#endregion
+export { l as breadcrumbsRenderers };

package/utils/a2ui/renderers/button.cjs

@@ -0,0 +1 @@
+const e=require("../../../components/atoms/Button/Button.cjs"),t=require("../helpers/attributes.cjs"),n=require("../helpers/styling.cjs"),r=require("../helpers/misc.cjs"),i=require("../contexts.cjs");let a=require("react"),o=require("@emotion/react/jsx-runtime");function s(e){return e.buttonType||t.getAttributeString(e,`buttonType`)||t.getAttributeString(e,`type`)}function c({component:c,dispatchAction:l}){let u=(0,a.useContext)(i.ModalCloseContext),d=!!(l&&c.actions?.length),f=d||u?()=>{let e=!1;if(d)for(let t of c.actions)l(t)&&(e=!0);!e&&u&&u()}:void 0;return(0,o.jsx)(e.Button,{variant:c.variant,disabled:c.disabled,isLoading:c.isLoading,fullWidth:c.fullWidth,isIcon:c.isIcon,rounded:c.rounded,type:s(c),ariaLabel:c.ariaLabel,tabIndex:c.tabIndex,iconStart:r.renderNamedIcon(t.getLeadingIconName(c)),iconEnd:r.renderNamedIcon(t.getTopLevelString(c,`iconEnd`)),styles:n.getMergedComponentStyles(c),onClick:f,children:r.getComponentText(c)})}var l={button:(e,t,n)=>(0,o.jsx)(c,{component:e,dispatchAction:n},e.id)};exports.buttonRenderers=l;

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

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

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

@@ -0,0 +1,40 @@
+import { Button as e } from "../../../components/atoms/Button/Button.js";
+import { getAttributeString as t, getLeadingIconName as n, getTopLevelString as r } from "../helpers/attributes.js";
+import { getMergedComponentStyles as i } from "../helpers/styling.js";
+import { getComponentText as a, renderNamedIcon as o } from "../helpers/misc.js";
+import { ModalCloseContext as s } from "../contexts.js";
+import { useContext as c } from "react";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+//#region src/utils/a2ui/renderers/button.tsx
+function u(e) {
+	return e.buttonType || t(e, "buttonType") || t(e, "type");
+}
+function d({ component: t, dispatchAction: d }) {
+	let f = c(s), p = !!(d && t.actions?.length), m = p || f ? () => {
+		let e = !1;
+		if (p) for (let n of t.actions) d(n) && (e = !0);
+		!e && f && f();
+	} : void 0;
+	return /* @__PURE__ */ l(e, {
+		variant: t.variant,
+		disabled: t.disabled,
+		isLoading: t.isLoading,
+		fullWidth: t.fullWidth,
+		isIcon: t.isIcon,
+		rounded: t.rounded,
+		type: u(t),
+		ariaLabel: t.ariaLabel,
+		tabIndex: t.tabIndex,
+		iconStart: o(n(t)),
+		iconEnd: o(r(t, "iconEnd")),
+		styles: i(t),
+		onClick: m,
+		children: a(t)
+	});
+}
+var f = { button: (e, t, n) => /* @__PURE__ */ l(d, {
+	component: e,
+	dispatchAction: n
+}, e.id) };
+//#endregion
+export { f as buttonRenderers };

package/utils/a2ui/renderers/card.cjs

@@ -0,0 +1 @@
+const e=require("../../../components/molecules/InlineNotification/InlineNotification.cjs"),t=require("../../../components/organisms/Card/CardTitle/CardTitle.cjs"),n=require("../../../components/organisms/Card/CardDescription/CardDescription.cjs"),r=require("../../../components/organisms/Card/CardRating/CardRating.cjs"),i=require("../../../components/organisms/Card/CardPrice/CardPrice.cjs"),a=require("../../../components/organisms/Card/CardButton/CardButton.cjs"),o=require("../../../components/organisms/Card/CardImage/CardImage.cjs"),s=require("../../../components/organisms/Card/CardCounter/CardCounter.cjs"),c=require("../../../components/organisms/Card/Card.cjs"),l=require("../helpers/attributes.cjs"),u=require("../helpers/styling.cjs"),d=require("../helpers/misc.cjs");let f=require("@emotion/react/jsx-runtime");var p={card:(e,t)=>(0,f.jsx)(c.Card,{variant:e.variant||`vertical`,isBordered:e.isBordered,isHighlighted:e.isHighlighted,withShadowHover:e.withShadowHover,padding:e.padding,styles:{gap:e.gutter,...u.getComponentStyles(e.styling)},children:t(e.children)},e.id),"card-row":(e,t)=>(0,f.jsx)(c.Card.Row,{gutter:e.gutter??e.gap,align:e.align,justify:e.justify,isWrap:e.isWrap,styles:{padding:e.padding,gap:e.gap,...u.getComponentStyles(e.styling)},children:t(e.children)},e.id),"card-column":(e,t)=>(0,f.jsx)(c.Card.Column,{gutter:e.gutter??e.gap,align:e.align,justify:e.justify,isWrap:e.isWrap,styles:{padding:e.padding,...u.getComponentStyles(e.styling)},children:t(e.children)},e.id),"card-title":e=>(0,f.jsx)(t.CardTitle,{sizeVariant:e.size===`sm`?`sm`:`default`,styles:u.getComponentStyles(e.styling),children:d.getComponentText(e)},e.id),"card-description":e=>(0,f.jsx)(n.CardDescription,{sizeVariant:e.size===`sm`?`sm`:`default`,styles:u.getComponentStyles(e.styling),children:d.getComponentText(e)},e.id),"card-image":t=>(0,f.jsx)(o.CardImage,{src:l.getAttributeString(t,`src`),alt:l.getAttributeString(t,`alt`)||t.label||t.id,width:l.getAttributeNumber(t,`width`),height:l.getAttributeNumber(t,`height`),fallbackComponent:(0,f.jsx)(e.InlineNotification,{variant:`warning`,children:`Image unavailable${t.label?`: ${t.label}`:``}`}),styles:u.getComponentStyles(t.styling)},t.id),"card-price":e=>(0,f.jsx)(i.CardPrice,{currentValue:l.getAttributeString(e,`currentValue`)||d.getComponentText(e),oldValue:l.getAttributeString(e,`oldValue`),currencySymbol:l.getAttributeString(e,`currencySymbol`),currencySymbolPosition:l.getAttributeString(e,`currencySymbolPosition`),sizeVariant:e.size===`sm`?`sm`:`default`,styles:u.getComponentStyles(e.styling)},e.id),"card-button":(e,t,n)=>(0,f.jsx)(a.CardButton,{variant:e.variant,disabled:e.disabled,sizeVariant:e.size===`sm`?`sm`:`default`,styles:u.getComponentStyles(e.styling),onClick:n&&e.actions?.length?()=>e.actions.forEach(e=>n(e)):void 0,children:d.getComponentText(e)},e.id),"card-counter":(e,t,n)=>(0,f.jsx)(s.CardCounter,{initial:l.getAttributeNumber(e,`initial`),min:l.getAttributeNumber(e,`min`),max:l.getAttributeNumber(e,`max`),isDisabled:e.disabled,sizeVariant:e.size===`sm`?`sm`:`default`,onCounterChange:n&&e.actions?.length?t=>e.actions.forEach(e=>n(e,{qty:t})):void 0},e.id),"card-rating":e=>(0,f.jsx)(r.CardRating,{value:typeof e.value==`number`?e.value:0,label:e.label,sizeVariant:e.size===`sm`?`sm`:`default`,readOnly:!0,styles:u.getComponentStyles(e.styling)},e.id)};exports.cardRenderers=p;

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const cardRenderers: {
+    card: (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[]) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-row': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[]) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-column': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[]) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-title': (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-description': (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-image': (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-price': (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-button': (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-counter': (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-rating': (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare const cardRenderers: {
+    card: (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[]) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-row': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[]) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-column': (component: A2UIComponent, renderChildren: (children?: A2UIComponent[]) => ReactNode[]) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-title': (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-description': (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-image': (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-price': (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-button': (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-counter': (component: A2UIComponent, _renderChildren: (children?: A2UIComponent[]) => ReactNode[], dispatchAction?: (actionId: string, extraPayload?: Record<string, unknown>) => boolean) => import("@emotion/react/jsx-runtime").JSX.Element;
+    'card-rating': (component: A2UIComponent) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/utils/a2ui/renderers/card.js

@@ -0,0 +1,105 @@
+import { InlineNotification as e } from "../../../components/molecules/InlineNotification/InlineNotification.js";
+import { CardTitle as t } from "../../../components/organisms/Card/CardTitle/CardTitle.js";
+import { CardDescription as n } from "../../../components/organisms/Card/CardDescription/CardDescription.js";
+import { CardRating as r } from "../../../components/organisms/Card/CardRating/CardRating.js";
+import { CardPrice as i } from "../../../components/organisms/Card/CardPrice/CardPrice.js";
+import { CardButton as a } from "../../../components/organisms/Card/CardButton/CardButton.js";
+import { CardImage as o } from "../../../components/organisms/Card/CardImage/CardImage.js";
+import { CardCounter as s } from "../../../components/organisms/Card/CardCounter/CardCounter.js";
+import { Card as c } from "../../../components/organisms/Card/Card.js";
+import { getAttributeNumber as l, getAttributeString as u } from "../helpers/attributes.js";
+import { getComponentStyles as d } from "../helpers/styling.js";
+import { getComponentText as f } from "../helpers/misc.js";
+import { jsx as p } from "@emotion/react/jsx-runtime";
+//#region src/utils/a2ui/renderers/card.tsx
+var m = {
+	card: (e, t) => /* @__PURE__ */ p(c, {
+		variant: e.variant || "vertical",
+		isBordered: e.isBordered,
+		isHighlighted: e.isHighlighted,
+		withShadowHover: e.withShadowHover,
+		padding: e.padding,
+		styles: {
+			gap: e.gutter,
+			...d(e.styling)
+		},
+		children: t(e.children)
+	}, e.id),
+	"card-row": (e, t) => /* @__PURE__ */ p(c.Row, {
+		gutter: e.gutter ?? e.gap,
+		align: e.align,
+		justify: e.justify,
+		isWrap: e.isWrap,
+		styles: {
+			padding: e.padding,
+			gap: e.gap,
+			...d(e.styling)
+		},
+		children: t(e.children)
+	}, e.id),
+	"card-column": (e, t) => /* @__PURE__ */ p(c.Column, {
+		gutter: e.gutter ?? e.gap,
+		align: e.align,
+		justify: e.justify,
+		isWrap: e.isWrap,
+		styles: {
+			padding: e.padding,
+			...d(e.styling)
+		},
+		children: t(e.children)
+	}, e.id),
+	"card-title": (e) => /* @__PURE__ */ p(t, {
+		sizeVariant: e.size === "sm" ? "sm" : "default",
+		styles: d(e.styling),
+		children: f(e)
+	}, e.id),
+	"card-description": (e) => /* @__PURE__ */ p(n, {
+		sizeVariant: e.size === "sm" ? "sm" : "default",
+		styles: d(e.styling),
+		children: f(e)
+	}, e.id),
+	"card-image": (t) => /* @__PURE__ */ p(o, {
+		src: u(t, "src"),
+		alt: u(t, "alt") || t.label || t.id,
+		width: l(t, "width"),
+		height: l(t, "height"),
+		fallbackComponent: /* @__PURE__ */ p(e, {
+			variant: "warning",
+			children: `Image unavailable${t.label ? `: ${t.label}` : ""}`
+		}),
+		styles: d(t.styling)
+	}, t.id),
+	"card-price": (e) => /* @__PURE__ */ p(i, {
+		currentValue: u(e, "currentValue") || f(e),
+		oldValue: u(e, "oldValue"),
+		currencySymbol: u(e, "currencySymbol"),
+		currencySymbolPosition: u(e, "currencySymbolPosition"),
+		sizeVariant: e.size === "sm" ? "sm" : "default",
+		styles: d(e.styling)
+	}, e.id),
+	"card-button": (e, t, n) => /* @__PURE__ */ p(a, {
+		variant: e.variant,
+		disabled: e.disabled,
+		sizeVariant: e.size === "sm" ? "sm" : "default",
+		styles: d(e.styling),
+		onClick: n && e.actions?.length ? () => e.actions.forEach((e) => n(e)) : void 0,
+		children: f(e)
+	}, e.id),
+	"card-counter": (e, t, n) => /* @__PURE__ */ p(s, {
+		initial: l(e, "initial"),
+		min: l(e, "min"),
+		max: l(e, "max"),
+		isDisabled: e.disabled,
+		sizeVariant: e.size === "sm" ? "sm" : "default",
+		onCounterChange: n && e.actions?.length ? (t) => e.actions.forEach((e) => n(e, { qty: t })) : void 0
+	}, e.id),
+	"card-rating": (e) => /* @__PURE__ */ p(r, {
+		value: typeof e.value == "number" ? e.value : 0,
+		label: e.label,
+		sizeVariant: e.size === "sm" ? "sm" : "default",
+		readOnly: !0,
+		styles: d(e.styling)
+	}, e.id)
+};
+//#endregion
+export { m as cardRenderers };

package/utils/a2ui/renderers/carousel.cjs

@@ -0,0 +1 @@
+const e=require("../../../components/organisms/Carousel/Carousel.cjs"),t=require("../../../components/organisms/ContentCarousel/ContentCarousel.cjs"),n=require("../helpers/attributes.cjs"),r=require("../helpers/styling.cjs"),i=require("./image.cjs");let a=require("react"),o=require("@emotion/react/jsx-runtime");function s(e){return(e.children||[]).flatMap((e,t)=>{if(e.type===`image`)return[{key:e.id??`image-${t}`,image:e,overlay:[]}];if(e.type===`carousel-slide`){let n=e.children||[],r=n.find(e=>e.type===`image`),i=n.filter(e=>e.type!==`image`);return[{key:e.id??`slide-${t}`,image:r,overlay:i}]}return[]})}function c(e){let t=e.carouselOptions??e.options;return t&&typeof t==`object`&&!Array.isArray(t)?t:n.getAttributeObject(e,`options`)}var l={carousel:(n,a)=>{let l=s(n),u=(n.children||[]).filter(e=>e.type!==`image`&&e.type!==`carousel-slide`);return l.length===0?(0,o.jsx)(t.ContentCarousel,{items:n.children||[],renderItem:e=>a([e])[0]??null,showArrows:n.showArrows,showDots:n.showDots,isFocusable:n.isFocusable,styles:r.getComponentStyles(n.styling)},n.id):(0,o.jsxs)(e.Carousel,{layout:n.layout,variant:n.variant,showArrows:n.showArrows,showDots:n.showDots,thumbs:n.thumbs,isFocusable:n.isFocusable,options:c(n),styles:r.getComponentStyles(n.styling),children:[l.map(t=>{let n=t.overlay.length>0?a(t.overlay):null,r=t.image?{src:i.getImageSrc(t.image),alt:i.getImageAlt(t.image),width:i.getImageWidth(t.image),height:i.getImageHeight(t.image),objectFit:i.getImageObjectFit(t.image),styles:i.getImageStyles(t.image)}:{};return(0,o.jsx)(e.Carousel.Image,{...r,children:n},t.key)}),u.length>0?(0,o.jsx)(e.Carousel.Content,{as:`div`,children:a(u)}):null]},n.id)},"carousel-slide":(e,t)=>(0,o.jsx)(a.Fragment,{children:t(e.children)},e.id)};exports.carouselRenderers=l;

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

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

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

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