gd-design-library 1.8.2 → 1.8.3

package/types/common.d.cts

@@ -0,0 +1,12 @@
+export declare enum SizeVariant {
+    Xs = "xs",
+    Sm = "sm",
+    Md = "md",
+    Lg = "lg",
+    Xl = "xl",
+    Xxl = "xxl"
+}
+export declare enum Orientation {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}

package/types/cursors.d.cts

@@ -0,0 +1,14 @@
+export declare enum Cursors {
+    Default = "default",
+    Pointer = "pointer",
+    Text = "text",
+    Move = "move",
+    Wait = "wait",
+    Crosshair = "crosshair",
+    NotAllowed = "not-allowed",
+    Help = "help",
+    ZoomIn = "zoom-in",
+    ZoomOut = "zoom-out",
+    Grab = "grab",
+    Grabbing = "grabbing"
+}

package/types/index.d.cts

@@ -0,0 +1,19 @@
+export * from './keys.js';
+export * from './accesability.js';
+export * from './styles.js';
+export * from './misc.js';
+export * from './common.js';
+export * from './card.js';
+export * from './typography.js';
+export * from './layout.js';
+export * from './input.js';
+export * from './button.js';
+export * from './cursors.js';
+export * from './stepper.js';
+export * from './wrapper.js';
+export * from './link.js';
+export * from './list.js';
+export * from './skeleton.js';
+export * from './snackbar.js';
+export * from './separator.js';
+export * from './carousel.js';

package/types/index.d.ts

@@ -1,19 +1,19 @@
-export * from './keys';
-export * from './accesability';
-export * from './styles';
-export * from './misc';
-export * from './common';
-export * from './card';
-export * from './typography';
-export * from './layout';
-export * from './input';
-export * from './button';
-export * from './cursors';
-export * from './stepper';
-export * from './wrapper';
-export * from './link';
-export * from './list';
-export * from './skeleton';
-export * from './snackbar';
-export * from './separator';
-export * from './carousel';
+export * from './keys.js';
+export * from './accesability.js';
+export * from './styles.js';
+export * from './misc.js';
+export * from './common.js';
+export * from './card.js';
+export * from './typography.js';
+export * from './layout.js';
+export * from './input.js';
+export * from './button.js';
+export * from './cursors.js';
+export * from './stepper.js';
+export * from './wrapper.js';
+export * from './link.js';
+export * from './list.js';
+export * from './skeleton.js';
+export * from './snackbar.js';
+export * from './separator.js';
+export * from './carousel.js';

package/types/input.d.cts

@@ -0,0 +1,26 @@
+export declare enum InputVariantType {
+    Text = "text",
+    Password = "password",
+    Email = "email",
+    Search = "search",
+    Url = "url",
+    Tel = "tel",
+    Date = "date",
+    Time = "time",
+    Month = "month",
+    Week = "week",
+    Color = "color",
+    Range = "range",
+    Number = "number",
+    Radio = "radio",
+    Checkbox = "checkbox"
+}
+export type InputColorVariant = 'primary' | 'success' | 'warning' | 'error';
+export declare enum InputRole {
+    Textbox = "textbox",
+    Spinbutton = "spinbutton",
+    Checkbox = "checkbox",
+    Radio = "radio",
+    Radiogroup = "radiogroup",
+    Combobox = "combobox"
+}

package/types/keys.d.cts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+export type KeyHandlerMap = {
+    [key: string]: (event: KeyboardEvent) => void;
+};
+export interface UseKeyControlsOptions {
+    ref: RefObject<HTMLElement>;
+    keyHandlers: KeyHandlerMap;
+}

package/types/layout.d.cts

@@ -0,0 +1,8 @@
+export declare const enum FlexDirection {
+    Row = "row",
+    RowReverse = "row-reverse",
+    Column = "column",
+    ColumnReverse = "column-reverse"
+}
+export type AlignType = 'start' | 'center' | 'end' | 'stretch' | 'flex-start' | 'flex-end';
+export type JustifyType = 'start' | 'center' | 'end' | 'between' | 'around' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around';

package/types/link.d.cts

@@ -0,0 +1,18 @@
+export declare enum LinkVariant {
+    Primary = "primary",
+    Secondary = "secondary",
+    Inverted = "inverted",
+    Inherit = "inherit"
+}
+export declare enum LinkTarget {
+    Blank = "_blank",
+    Self = "_self",
+    Parent = "_parent",
+    Top = "_top",
+    Framename = "framename"
+}
+export declare enum LinkRel {
+    Nofollow = "nofollow",
+    Noopener = "noopener",
+    Noreferrer = "noreferrer"
+}

package/types/list.d.cts

@@ -0,0 +1,6 @@
+export declare enum ListVariant {
+    OrderedCircle = "ordered-circle",
+    OrderedSquare = "ordered-square",
+    UnorderedDot = "unordered-dot",
+    UnorderedCheck = "unordered-check"
+}

package/types/misc.d.cts

@@ -0,0 +1,14 @@
+export type NullableType<T = undefined> = T | null;
+export type EnumOrPrimitive<T extends string | number> = T | `${T}`;
+/**
+ * Extracts keys from a given type `T` where the key starts with a given string prefix.
+ *
+ * @example
+ * type MarginKeys = ExtractKeysByPrefix<BoxCssComponentProps, 'margin'>;
+ *
+ * Result: "margin" | "marginTop" | "marginBottom" ...
+ */
+export type KeysByPrefix<T, Prefix extends string> = Extract<{
+    [K in keyof T]: K extends `${Prefix}${string}` ? K : never;
+}[keyof T], keyof T>;
+export type Maybe<T> = T | null;

package/types/misc.d.ts

@@ -1,8 +1,5 @@
 export type NullableType<T = undefined> = T | null;
 export type EnumOrPrimitive<T extends string | number> = T | `${T}`;
-export interface WithOptional<T = undefined> {
-    value?: T;
-}
 /**
  * Extracts keys from a given type `T` where the key starts with a given string prefix.
  *

package/types/separator.d.cts

@@ -0,0 +1,10 @@
+export declare enum SeparatorVariant {
+    Solid = "solid",
+    Dash = "dashed",
+    Dot = "dotted"
+}
+export declare enum SeparatorLabelPosition {
+    Start = "start",
+    Center = "center",
+    End = "end"
+}

package/types/skeleton.d.cts

@@ -0,0 +1,5 @@
+export declare enum SkeletonVariant {
+    Rectangular = "rectangular",
+    Rounded = "rounded",
+    Circular = "circular"
+}

package/types/snackbar.d.cts

@@ -0,0 +1,14 @@
+export declare enum SnackbarVariant {
+    Success = "success",
+    Error = "error",
+    Warning = "warning",
+    Info = "info"
+}
+export declare enum SnackbarPosition {
+    TopLeft = "top-left",
+    TopCenter = "top-center",
+    TopRight = "top-right",
+    BottomLeft = "bottom-left",
+    BottomCenter = "bottom-center",
+    BottomRight = "bottom-right"
+}

package/types/stepper.d.cts

@@ -0,0 +1,9 @@
+export declare enum StepStatus {
+    Active = "active",
+    Inactive = "inactive",
+    Complete = "complete"
+}
+export declare enum StepValidationStatus {
+    Error = "error",
+    Success = "success"
+}

package/types/styles.d.cts

@@ -0,0 +1,4 @@
+export type BoxStyles<T = number> = Record<string, string | boolean | T | undefined>;
+export type BoxComputedStyles<T = number> = Record<string, string | boolean | T | never>;
+export type InlineBoxStyles = Record<string, string | number | undefined>;
+export type Rounded = 'none' | 'default' | 'round' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/types/typography.d.cts

@@ -0,0 +1,48 @@
+export declare enum TextAlign {
+    Start = "start",
+    End = "end",
+    Center = "center",
+    Left = "left",
+    Right = "right",
+    Justify = "justify",
+    MatchParent = "match-parent",
+    Inherit = "inherit",
+    Initial = "initial",
+    Revert = "revert",
+    RevertLayer = "revert-layer",
+    Unset = "unset",
+    WebkitCenter = "-webkit-center",
+    MozCenter = "-moz-center"
+}
+export declare enum TypographyVariant {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6",
+    Body1 = "p",
+    Body2 = "small",
+    Display = "div",
+    Italic = "i",
+    Bold = "strong",
+    Sup = "sup",
+    Sub = "sub",
+    Caption = "caption",
+    Caption2 = "header",
+    Code = "code",
+    Code2 = "kbd",
+    Inherit = "span"
+}
+export declare enum TypographyStyleVariant {
+    Bold = "bold",
+    Semibold = "semibold",
+    Normal = "normal",
+    Light = "light",
+    Italic = "italic",
+    Small = "small",
+    Uppercase = "uppercase",
+    Lowercase = "lowercase",
+    Underline = "underline",
+    Strike = "strike"
+}

package/types/wrapper.d.cts

@@ -0,0 +1,5 @@
+export declare enum WrapperVariant {
+    Inline = "inline",
+    Section = "section",
+    FullPage = "fullPage"
+}

package/utils/a2ui/constants.d.cts

@@ -0,0 +1,7 @@
+export declare const ROOT_TEST_ID = "a2ui-layout-root";
+export declare const DROPDOWN_SELECT_CONTEXT: {
+    onSelect: () => void;
+};
+export declare const INLINE_STYLE_PROP_KEYS: readonly ["display", "overflow", "minWidth", "width", "maxWidth", "minHeight", "height", "maxHeight", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "zIndex", "position", "top", "right", "bottom", "left", "flex", "flexWrap", "flexGrow", "flexBasis", "flexDirection", "flexShrink", "alignContent", "alignItems", "alignSelf", "justifyContent", "justifySelf", "order", "gap"];
+export declare const ROW_AND_COLUMN_MANAGED_INLINE_STYLE_KEYS: readonly (typeof INLINE_STYLE_PROP_KEYS)[number][];
+export declare const FLEX_CONTAINER_MANAGED_INLINE_STYLE_KEYS: readonly (typeof INLINE_STYLE_PROP_KEYS)[number][];

package/utils/a2ui/contexts.cjs

@@ -0,0 +1 @@
+var e=(0,require("react").createContext)(null);exports.ModalCloseContext=e;

package/utils/a2ui/contexts.d.cts

@@ -0,0 +1 @@
+export declare const ModalCloseContext: import('react').Context<(() => void) | null>;

package/utils/a2ui/contexts.d.ts

@@ -0,0 +1 @@
+export declare const ModalCloseContext: import('react').Context<(() => void) | null>;

package/utils/a2ui/contexts.js

@@ -0,0 +1,5 @@
+import { createContext as e } from "react";
+//#region src/utils/a2ui/contexts.ts
+var t = e(null);
+//#endregion
+export { t as ModalCloseContext };

package/utils/a2ui/helpers/attributes.d.cts

@@ -0,0 +1,11 @@
+import { A2UIComponent } from '../../../ai/index.js';
+export declare function getAttributeString(component: A2UIComponent, key: string): string | undefined;
+export declare function getAttributeNumber(component: A2UIComponent, key: string): number | undefined;
+export declare function getAttributeBoolean(component: A2UIComponent, key: string): boolean | undefined;
+export declare function getTopLevelBoolean(component: A2UIComponent, key: string): boolean | undefined;
+export declare function getTopLevelString(component: A2UIComponent, key: string): string | undefined;
+export declare function getLeadingIconName(component: A2UIComponent): string | undefined;
+export declare function getPortalContainer(component: A2UIComponent): Element | undefined;
+export declare function getAttributeObject<T extends Record<string, unknown>>(component: A2UIComponent, key: string): T | undefined;
+export declare function getAttributeStringArray(component: A2UIComponent, key: string): string[] | undefined;
+export declare function getComponentStringArray(component: A2UIComponent, key: string): string[] | undefined;

package/utils/a2ui/helpers/attributes.d.ts

@@ -1,4 +1,4 @@
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare function getAttributeString(component: A2UIComponent, key: string): string | undefined;
 export declare function getAttributeNumber(component: A2UIComponent, key: string): number | undefined;
 export declare function getAttributeBoolean(component: A2UIComponent, key: string): boolean | undefined;

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

@@ -0,0 +1,4 @@
+export * from './attributes.js';
+export * from './styling.js';
+export * from './misc.js';
+export * from './options.js';

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

@@ -1,4 +1,4 @@
-export * from './attributes';
-export * from './styling';
-export * from './misc';
-export * from './options';
+export * from './attributes.js';
+export * from './styling.js';
+export * from './misc.js';
+export * from './options.js';

package/utils/a2ui/helpers/misc.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/atoms/Icon/Icon.cjs`),t=require(`./attributes.cjs`);let n=require(`@emotion/react/jsx-runtime`);function r(e){return typeof e.label==`string`&&e.label.length>0?e.label:typeof e.value==`string`||typeof e.value==`number`?String(e.value):``}function i(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function a(e){return i(e)&&typeof e.id==`string`&&typeof e.type==`string`}function o(e,t){let n=e[t];if(Array.isArray(n))return n.filter(a);let r=e.attributes?.[t];return Array.isArray(r)?r.filter(a):[]}function s(e,t){let n=e[t];if(i(n))return n;let r=e.attributes?.[t];return i(r)?r:void 0}function c(e,t){let n=e[t];if(Array.isArray(n))return n.filter(i);let r=e.attributes?.[t];return Array.isArray(r)?r.filter(i):[]}function l(e,t){if(t.length!==0)return(0,n.jsx)(n.Fragment,{children:e(t)})}function u(e,t,n){!t||!e.actions?.length||e.actions.forEach(e=>t(e,n))}function d(t){return t?(0,n.jsx)(e.Icon,{name:t}):void 0}function f(e){let n=e.placement||t.getAttributeString(e,`placement`);return typeof n==`string`?n:void 0}function p(e){switch(e){case`top-left`:case`top-right`:case`bottom-left`:case`bottom-right`:return e;case`top`:case`top-center`:return`top-right`;case`bottom`:case`bottom-center`:return`bottom-right`;case`left`:return`bottom-left`;case`right`:return`bottom-right`;default:return}}function m(e){if(typeof e==`number`)return e;if(typeof e==`string`){let t=Number(e);return Number.isFinite(t)?t:void 0}}function h(e){return typeof e==`number`?`${e}px`:typeof e==`string`?e:void 0}function g(e,t){let n=e[t];if(!Array.isArray(n))return;let r=n.filter(e=>!!e&&typeof e==`object`&&!Array.isArray(e));return r.length>0?r:void 0}function _(e){return Array.isArray(e.value)?e.value:[]}function v(e,t){if(e.type===t)return e;for(let n of e.children||[]){let e=v(n,t);if(e)return e}}exports.dispatchComponentActions=u,exports.findFirstChildOfType=v,exports.getArrayValue=_,exports.getComponentArrayField=o,exports.getComponentPlacement=f,exports.getComponentText=r,exports.getCssLengthValue=h,exports.getNestedComponentArray=g,exports.getNumberLikeValue=m,exports.getObjectArrayField=c,exports.getObjectField=s,exports.isRecord=i,exports.normalizeMenuPlacement=p,exports.renderComponentSlot=l,exports.renderNamedIcon=d;
+const e=require("../../../components/atoms/Icon/Icon.cjs"),t=require("./attributes.cjs");let n=require("@emotion/react/jsx-runtime");function r(e){return typeof e.label==`string`&&e.label.length>0?e.label:typeof e.value==`string`||typeof e.value==`number`?String(e.value):``}function i(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function a(e){return i(e)&&typeof e.id==`string`&&typeof e.type==`string`}function o(e,t){let n=e[t];if(Array.isArray(n))return n.filter(a);let r=e.attributes?.[t];return Array.isArray(r)?r.filter(a):[]}function s(e,t){let n=e[t];if(i(n))return n;let r=e.attributes?.[t];return i(r)?r:void 0}function c(e,t){let n=e[t];if(Array.isArray(n))return n.filter(i);let r=e.attributes?.[t];return Array.isArray(r)?r.filter(i):[]}function l(e,t){if(t.length!==0)return(0,n.jsx)(n.Fragment,{children:e(t)})}function u(e,t,n){!t||!e.actions?.length||e.actions.forEach(e=>t(e,n))}function d(t){return t?(0,n.jsx)(e.Icon,{name:t}):void 0}function f(e){let n=e.placement||t.getAttributeString(e,`placement`);return typeof n==`string`?n:void 0}function p(e){switch(e){case`top-left`:case`top-right`:case`bottom-left`:case`bottom-right`:return e;case`top`:case`top-center`:return`top-right`;case`bottom`:case`bottom-center`:return`bottom-right`;case`left`:return`bottom-left`;case`right`:return`bottom-right`;default:return}}function m(e){if(typeof e==`number`)return e;if(typeof e==`string`){let t=Number(e);return Number.isFinite(t)?t:void 0}}function h(e){return typeof e==`number`?`${e}px`:typeof e==`string`?e:void 0}function g(e,t){let n=e[t];if(!Array.isArray(n))return;let r=n.filter(e=>!!e&&typeof e==`object`&&!Array.isArray(e));return r.length>0?r:void 0}function _(e){return Array.isArray(e.value)?e.value:[]}exports.dispatchComponentActions=u,exports.getArrayValue=_,exports.getComponentArrayField=o,exports.getComponentPlacement=f,exports.getComponentText=r,exports.getCssLengthValue=h,exports.getNestedComponentArray=g,exports.getNumberLikeValue=m,exports.getObjectArrayField=c,exports.getObjectField=s,exports.isRecord=i,exports.normalizeMenuPlacement=p,exports.renderComponentSlot=l,exports.renderNamedIcon=d;

package/utils/a2ui/helpers/misc.d.cts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+import { DispatchAction } from '../types.js';
+export declare function getComponentText(component: A2UIComponent): string;
+export declare function isRecord(value: unknown): value is Record<string, unknown>;
+export declare function isA2UIChildComponent(value: unknown): value is A2UIComponent;
+export declare function getComponentArrayField(component: A2UIComponent, fieldName: string): A2UIComponent[];
+export declare function getObjectField(component: A2UIComponent, fieldName: string): Record<string, unknown> | undefined;
+export declare function getObjectArrayField(component: A2UIComponent, fieldName: string): Record<string, unknown>[];
+export declare function renderComponentSlot(renderChildren: (children?: A2UIComponent[]) => ReactNode[], children: A2UIComponent[]): ReactNode | undefined;
+export declare function dispatchComponentActions(component: A2UIComponent, dispatchAction: DispatchAction | undefined, payload?: Record<string, unknown>): void;
+export declare function renderNamedIcon(iconName?: string): import("@emotion/react/jsx-runtime").JSX.Element | undefined;
+export declare function getComponentPlacement(component: A2UIComponent): string | undefined;
+export declare function normalizeMenuPlacement(placement: string | undefined): 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | undefined;
+export declare function getNumberLikeValue(value?: string | number): number | undefined;
+export declare function getCssLengthValue(value?: string | number): string | undefined;
+export declare function getNestedComponentArray(component: A2UIComponent, key: 'dragOverContent' | 'loadingOverlay'): A2UIComponent[] | undefined;
+export declare function getArrayValue<T = unknown>(component: A2UIComponent): T[];
+export declare function findFirstChildOfType(component: A2UIComponent, type: string): A2UIComponent | undefined;

package/utils/a2ui/helpers/misc.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 function getComponentText(component: A2UIComponent): string;
 export declare function isRecord(value: unknown): value is Record<string, unknown>;
 export declare function isA2UIChildComponent(value: unknown): value is A2UIComponent;

package/utils/a2ui/helpers/misc.js

@@ -76,12 +76,5 @@ function _(e, t) {
 function v(e) {
 	return Array.isArray(e.value) ? e.value : [];
 }
-function y(e, t) {
-	if (e.type === t) return e;
-	for (let n of e.children || []) {
-		let e = y(n, t);
-		if (e) return e;
-	}
-}
 //#endregion
-export { d as dispatchComponentActions, y as findFirstChildOfType, v as getArrayValue, s as getComponentArrayField, p as getComponentPlacement, i as getComponentText, g as getCssLengthValue, _ as getNestedComponentArray, h as getNumberLikeValue, l as getObjectArrayField, c as getObjectField, a as isRecord, m as normalizeMenuPlacement, u as renderComponentSlot, f as renderNamedIcon };
+export { d as dispatchComponentActions, v as getArrayValue, s as getComponentArrayField, p as getComponentPlacement, i as getComponentText, g as getCssLengthValue, _ as getNestedComponentArray, h as getNumberLikeValue, l as getObjectArrayField, c as getObjectField, a as isRecord, m as normalizeMenuPlacement, u as renderComponentSlot, f as renderNamedIcon };

package/utils/a2ui/helpers/options.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/atoms/Typography/Typography.cjs`),t=require(`../../../components/layout/FlexContainer/FlexContainer.cjs`),n=require(`../../../components/atoms/Icon/Icon.cjs`),r=require(`./attributes.cjs`),i=require(`./misc.cjs`);let a=require(`@emotion/react/jsx-runtime`);function o(e){if(e.options?.length)return e.options;let t=e.items;return Array.isArray(t)?t.flatMap((t,n)=>{if(!i.isRecord(t))return[];let r=t.label??t.name??t.value;return[{value:t.value??t.name??t.label??`${e.id}_option_${n+1}`,label:typeof r==`string`?r:String(r??`Option ${n+1}`),disabled:typeof t.disabled==`boolean`?t.disabled:void 0,icon:typeof t.icon==`string`?t.icon:void 0,href:typeof t.href==`string`?t.href:void 0,noticeCounter:typeof t.noticeCounter==`string`||typeof t.noticeCounter==`number`?t.noticeCounter:void 0,hex:typeof t.hex==`string`?t.hex:void 0,image:typeof t.image==`string`?t.image:void 0,tooltip:typeof t.tooltip==`string`?t.tooltip:void 0,validationStatus:typeof t.validationStatus==`string`?t.validationStatus:void 0}]}):[]}function s(e){return o(e).map(e=>({name:e.label,value:e.value}))}function c(e){let t=s(e);if((e.multiple??r.getAttributeBoolean(e,`multiple`))&&Array.isArray(e.value)){let n=e.value;return t.filter(e=>n.includes(e.value))}return t.find(t=>t.value===e.value)??null}function l(e){return o(e).map(e=>({label:e.label,value:String(e.value??e.label),disabled:e.disabled,hex:e.hex,image:e.image,tooltip:e.tooltip}))}function u(r){return o(r).map(r=>({value:r.value,label:r.icon?(0,a.jsxs)(t.FlexContainer,{alignItems:`center`,gap:`4px`,children:[(0,a.jsx)(n.Icon,{name:r.icon}),(0,a.jsx)(e.Typography,{as:`span`,children:r.label})]}):r.label}))}exports.getOptionLikeItems=o,exports.getRadioOptions=l,exports.getSelectItems=s,exports.getSelectedSelectValue=c,exports.getToggleItems=u;
+const e=require("../../../components/atoms/Typography/Typography.cjs"),t=require("../../../components/layout/FlexContainer/FlexContainer.cjs"),n=require("../../../components/atoms/Icon/Icon.cjs"),r=require("./attributes.cjs"),i=require("./misc.cjs");let a=require("@emotion/react/jsx-runtime");function o(e){if(e.options?.length)return e.options;let t=e.items;return Array.isArray(t)?t.flatMap((t,n)=>{if(!i.isRecord(t))return[];let r=t.label??t.name??t.value;return[{value:t.value??t.name??t.label??`${e.id}_option_${n+1}`,label:typeof r==`string`?r:String(r??`Option ${n+1}`),disabled:typeof t.disabled==`boolean`?t.disabled:void 0,icon:typeof t.icon==`string`?t.icon:void 0,href:typeof t.href==`string`?t.href:void 0,noticeCounter:typeof t.noticeCounter==`string`||typeof t.noticeCounter==`number`?t.noticeCounter:void 0,hex:typeof t.hex==`string`?t.hex:void 0,image:typeof t.image==`string`?t.image:void 0,tooltip:typeof t.tooltip==`string`?t.tooltip:void 0,validationStatus:typeof t.validationStatus==`string`?t.validationStatus:void 0}]}):[]}function s(e){return o(e).map(e=>({name:e.label,value:e.value}))}function c(e){let t=s(e);if((e.multiple??r.getAttributeBoolean(e,`multiple`))&&Array.isArray(e.value)){let n=e.value;return t.filter(e=>n.includes(e.value))}return t.find(t=>t.value===e.value)??null}function l(e){return o(e).map(e=>({label:e.label,value:String(e.value??e.label),disabled:e.disabled,hex:e.hex,image:e.image,tooltip:e.tooltip}))}function u(r){return o(r).map(r=>({value:r.value,label:r.icon?(0,a.jsxs)(t.FlexContainer,{alignItems:`center`,gap:`4px`,children:[(0,a.jsx)(n.Icon,{name:r.icon}),(0,a.jsx)(e.Typography,{as:`span`,children:r.label})]}):r.label}))}exports.getOptionLikeItems=o,exports.getRadioOptions=l,exports.getSelectItems=s,exports.getSelectedSelectValue=c,exports.getToggleItems=u;

package/utils/a2ui/helpers/options.d.cts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { A2UIComponent } from '../../../ai/index.js';
+export declare function getOptionLikeItems(component: A2UIComponent): {
+    value: unknown;
+    label: string;
+    disabled?: boolean;
+    icon?: string;
+    href?: string;
+    noticeCounter?: number | string;
+    hex?: string;
+    image?: string;
+    tooltip?: string;
+    validationStatus?: "success" | "error";
+}[] | {
+    value: {};
+    label: string;
+    disabled: boolean | undefined;
+    icon: string | undefined;
+    href: string | undefined;
+    noticeCounter: string | number | undefined;
+    hex: string | undefined;
+    image: string | undefined;
+    tooltip: string | undefined;
+    validationStatus: string | undefined;
+}[];
+export declare function getSelectItems(component: A2UIComponent): {
+    name: string;
+    value: unknown;
+}[];
+export declare function getSelectedSelectValue(component: A2UIComponent): {
+    name: string;
+    value: unknown;
+} | {
+    name: string;
+    value: unknown;
+}[] | null;
+export declare function getRadioOptions(component: A2UIComponent): {
+    label: string;
+    value: string;
+    disabled: boolean | undefined;
+    hex: string | undefined;
+    image: string | undefined;
+    tooltip: string | undefined;
+}[];
+export declare function getToggleItems(component: A2UIComponent): {
+    value: unknown;
+    label: ReactNode;
+}[];

package/utils/a2ui/helpers/options.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { A2UIComponent } from '../../../ai';
+import { A2UIComponent } from '../../../ai/index.js';
 export declare function getOptionLikeItems(component: A2UIComponent): {
     value: unknown;
     label: string;

package/utils/a2ui/helpers/styling.cjs

@@ -1 +1 @@
-const e=require(`../constants.cjs`);function t(e){return e}function n(e){let t=e.styles;return t&&typeof t==`object`&&!Array.isArray(t)?t:void 0}function r(t,n=[]){let r={},i=t,a=new Set(n);return e.INLINE_STYLE_PROP_KEYS.forEach(e=>{if(a.has(e))return;let t=i[e];(typeof t==`string`||typeof t==`number`)&&(r[e]=t)}),Object.keys(r).length>0?r:void 0}function i(e,t,i=[]){let a={...r(e,i)??{},...n(e)??{},...e.styling??{},...t??{}};return Object.keys(a).length>0?a:void 0}exports.getComponentStyles=t,exports.getLegacyStyles=n,exports.getMergedComponentStyles=i;
+const e=require("../constants.cjs");function t(e){return e}function n(e){let t=e.styles;return t&&typeof t==`object`&&!Array.isArray(t)?t:void 0}function r(t,n=[]){let r={},i=t,a=new Set(n);return e.INLINE_STYLE_PROP_KEYS.forEach(e=>{if(a.has(e))return;let t=i[e];(typeof t==`string`||typeof t==`number`)&&(r[e]=t)}),Object.keys(r).length>0?r:void 0}function i(e,t,i=[]){let a={...r(e,i)??{},...n(e)??{},...e.styling??{},...t??{}};return Object.keys(a).length>0?a:void 0}exports.getComponentStyles=t,exports.getLegacyStyles=n,exports.getMergedComponentStyles=i;

package/utils/a2ui/helpers/styling.d.cts

@@ -0,0 +1,7 @@
+import { CSSObject } from '@emotion/react';
+import { A2UIComponent, A2UIStyling } from '../../../ai/index.js';
+import { StyleValue, InlineStyleKey } from '../types.js';
+export declare function getComponentStyles(styling?: A2UIStyling): CSSObject | undefined;
+export declare function getLegacyStyles(component: A2UIComponent): A2UIStyling | undefined;
+export declare function getInlineStyleProps(component: A2UIComponent, excludedKeys?: readonly InlineStyleKey[]): Record<string, StyleValue> | undefined;
+export declare function getMergedComponentStyles(component: A2UIComponent, extraStyles?: Record<string, StyleValue>, excludedInlineKeys?: readonly InlineStyleKey[]): CSSObject | undefined;

package/utils/a2ui/helpers/styling.d.ts

@@ -1,6 +1,6 @@
 import { CSSObject } from '@emotion/react';
-import { A2UIComponent, A2UIStyling } from '../../../ai';
-import { StyleValue, InlineStyleKey } from '../types';
+import { A2UIComponent, A2UIStyling } from '../../../ai/index.js';
+import { StyleValue, InlineStyleKey } from '../types.js';
 export declare function getComponentStyles(styling?: A2UIStyling): CSSObject | undefined;
 export declare function getLegacyStyles(component: A2UIComponent): A2UIStyling | undefined;
 export declare function getInlineStyleProps(component: A2UIComponent, excludedKeys?: readonly InlineStyleKey[]): Record<string, StyleValue> | undefined;

package/utils/a2ui/index.d.cts

@@ -0,0 +1,2 @@
+export { renderA2UISpec, A2UI_RENDERER_COMPONENT_TYPES } from './render.js';
+export type { A2UICustomComponentDefinition } from './types.js';

package/utils/a2ui/index.d.ts

@@ -1,2 +1,2 @@
-export { renderA2UISpec, A2UI_RENDERER_COMPONENT_TYPES } from './render';
-export type { A2UICustomComponentDefinition } from './types';
+export { renderA2UISpec, A2UI_RENDERER_COMPONENT_TYPES } from './render.js';
+export type { A2UICustomComponentDefinition } from './types.js';

package/utils/a2ui/render.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(`../../ai/a2ui/component-map.cjs`),r=require(`./constants.cjs`),i=require(`./helpers/styling.cjs`),a=require(`./helpers/misc.cjs`),o=require(`./renderers/index.cjs`);let s=require(`react`),c=require(`@emotion/react/jsx-runtime`);function l(n,r){let o=a.getComponentText(n);return(0,c.jsxs)(t.Box,{styles:i.getMergedComponentStyles(n),children:[o?(0,c.jsx)(e.Typography,{children:o}):null,r(n.children)]},n.id)}function u(e,t,r,i){if(e.visible===!1)return null;let a=o.renderers[e.type];if(a)return a(e,t,r);if(e.type in n.A2UI_COMPONENT_MAP)return l(e,t);let s=i?.[e.type];return s?s(e,t,r):l(e,t)}function d(e,n){let i=e.ui.layout,a=i?.spacing??`0px`,o=i?.alignment===`start`?`flex-start`:i?.alignment===`end`?`flex-end`:i?.alignment,s=i?.justification===`start`?`flex-start`:i?.justification===`end`?`flex-end`:i?.justification;return i?.type===`grid`?(0,c.jsx)(t.Box,{"data-testid":r.ROOT_TEST_ID,display:`grid`,gap:a,alignItems:o,justifyContent:s,styles:{width:`100%`,gridTemplateColumns:`repeat(${i.gridColumns||1}, minmax(0, 1fr))`},children:n}):(0,c.jsx)(t.Box,{"data-testid":r.ROOT_TEST_ID,display:`flex`,gap:a,flexDirection:i?.type===`horizontal`?`row`:`column`,alignItems:o,justifyContent:s,styles:{width:`100%`},children:n})}var f=Object.freeze(Object.keys(n.A2UI_COMPONENT_MAP).filter(e=>e in o.renderers));function p(e,t){let n=new Map;for(let r of e){let e=t(r);n.has(e)||n.set(e,r)}return n}function m(e,t){let n=p(e.ui.actions??[],e=>e.id),r=p(t,e=>e.type);return(e,t)=>{let i=n.get(e);if(!i)return;let a=r.get(i.type)?.handler;a&&a(t?{...i,payload:{...i.payload??{},...t}}:i)}}function h(e){let t={};for(let r of e)r.type in n.A2UI_COMPONENT_MAP||r.type in t||(t[r.type]=r.renderer);return Object.keys(t).length>0?t:void 0}function g(e,t,n){if(!e?.ui?.components?.length)return null;let r=t?.length?m(e,t):void 0,i=n?.length?h(n):void 0,a=e=>(e||[]).map(e=>{let t=u(e,a,r,i);return t==null?null:(0,s.isValidElement)(t)?(0,s.cloneElement)(t,{key:e.id,"data-a2ui-component-id":e.id,"data-a2ui-component-type":e.type}):(0,c.jsx)(s.Fragment,{children:t},e.id)});return d(e,a(e.ui.components))}exports.A2UI_RENDERER_COMPONENT_TYPES=f,exports.renderA2UISpec=g;
+const e=require("../../components/atoms/Typography/Typography.cjs"),t=require("../../components/atoms/Box/Box.cjs"),n=require("../../ai/a2ui/component-map.cjs"),r=require("./constants.cjs"),i=require("./helpers/styling.cjs"),a=require("./helpers/misc.cjs"),o=require("./renderers/index.cjs");let s=require("react"),c=require("@emotion/react/jsx-runtime");function l(n,r){let o=a.getComponentText(n);return(0,c.jsxs)(t.Box,{styles:i.getMergedComponentStyles(n),children:[o?(0,c.jsx)(e.Typography,{children:o}):null,r(n.children)]},n.id)}function u(e,t,r,i){if(e.visible===!1)return null;let a=o.renderers[e.type];if(a)return a(e,t,r);if(e.type in n.A2UI_COMPONENT_MAP)return l(e,t);let s=i?.[e.type];return s?s(e,t,r):l(e,t)}function d(e,n){let i=e.ui.layout,a=i?.spacing??`0px`,o=i?.alignment===`start`?`flex-start`:i?.alignment===`end`?`flex-end`:i?.alignment,s=i?.justification===`start`?`flex-start`:i?.justification===`end`?`flex-end`:i?.justification;return i?.type===`grid`?(0,c.jsx)(t.Box,{"data-testid":r.ROOT_TEST_ID,display:`grid`,gap:a,alignItems:o,justifyContent:s,styles:{width:`100%`,gridTemplateColumns:`repeat(${i.gridColumns||1}, minmax(0, 1fr))`},children:n}):(0,c.jsx)(t.Box,{"data-testid":r.ROOT_TEST_ID,display:`flex`,gap:a,flexDirection:i?.type===`horizontal`?`row`:`column`,alignItems:o,justifyContent:s,styles:{width:`100%`},children:n})}var f=Object.freeze(Object.keys(n.A2UI_COMPONENT_MAP).filter(e=>e in o.renderers));function p(e,t){let n=new Map;for(let r of e){let e=t(r);n.has(e)||n.set(e,r)}return n}function m(e,t){let n=p(e.ui.actions??[],e=>e.id),r=p(t,e=>e.type);return(e,t)=>{let i=n.get(e);if(!i)return!1;let a=r.get(i.type)?.handler;return a?(a(t?{...i,payload:{...i.payload??{},...t}}:i),!0):!1}}function h(e){let t={};for(let r of e)r.type in n.A2UI_COMPONENT_MAP||r.type in t||(t[r.type]=r.renderer);return Object.keys(t).length>0?t:void 0}function g(e,t,n){if(!e?.ui?.components?.length)return null;let r=t?.length?m(e,t):void 0,i=n?.length?h(n):void 0,a=e=>(e||[]).map(e=>{let t=u(e,a,r,i);return t==null?null:(0,s.isValidElement)(t)?(0,s.cloneElement)(t,{key:e.id,"data-a2ui-component-id":e.id,"data-a2ui-component-type":e.type}):(0,c.jsx)(s.Fragment,{children:t},e.id)});return d(e,a(e.ui.components))}exports.A2UI_RENDERER_COMPONENT_TYPES=f,exports.renderA2UISpec=g;

package/utils/a2ui/render.d.cts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { A2UIActionDefinition } from '../../ai/index.js';
+import { RenderableA2UISpec, A2UICustomComponentDefinition } from './types.js';
+export declare const A2UI_RENDERER_COMPONENT_TYPES: readonly string[];
+export declare function renderA2UISpec(spec?: RenderableA2UISpec | null, actions?: A2UIActionDefinition[], customComponents?: A2UICustomComponentDefinition[]): ReactNode;

package/utils/a2ui/render.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { A2UIActionDefinition } from '../../ai';
-import { RenderableA2UISpec, A2UICustomComponentDefinition } from './types';
+import { A2UIActionDefinition } from '../../ai/index.js';
+import { RenderableA2UISpec, A2UICustomComponentDefinition } from './types.js';
 export declare const A2UI_RENDERER_COMPONENT_TYPES: readonly string[];
 export declare function renderA2UISpec(spec?: RenderableA2UISpec | null, actions?: A2UIActionDefinition[], customComponents?: A2UICustomComponentDefinition[]): ReactNode;

package/utils/a2ui/render.js

@@ -60,15 +60,15 @@ function _(e, t) {
 	let n = g(e.ui.actions ?? [], (e) => e.id), r = g(t, (e) => e.type);
 	return (e, t) => {
 		let i = n.get(e);
-		if (!i) return;
+		if (!i) return !1;
 		let a = r.get(i.type)?.handler;
-		a && a(t ? {
+		return a ? (a(t ? {
 			...i,
 			payload: {
 				...i.payload ?? {},
 				...t
 			}
-		} : i);
+		} : i), !0) : !1;
 	};
 }
 function v(e) {

package/utils/a2ui/renderers/accordion.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../components/atoms/Typography/Typography.cjs`),t=require(`../../../components/molecules/Accordion/Accordion.cjs`),n=require(`../../../components/molecules/Accordion/AccordionItem/AccordionItem.cjs`),r=require(`../../../components/molecules/Accordion/AccordionHeader/AccordionHeader.cjs`),i=require(`../../../components/molecules/Accordion/AccordionContent/AccordionContent.cjs`),a=require(`../helpers/styling.cjs`),o=require(`../helpers/misc.cjs`);let s=require(`@emotion/react/jsx-runtime`);var c={accordion:(e,n)=>(0,s.jsx)(t.Accordion,{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)=>(0,s.jsx)(n.AccordionItem,{id:e.id,styles:a.getMergedComponentStyles(e),children:t(e.children)},e.id),"accordion-header":e=>(0,s.jsx)(r.AccordionHeader,{expandIcon:o.renderNamedIcon(e.icon),styles:a.getMergedComponentStyles(e),children:o.getComponentText(e)||e.id},e.id),"accordion-content":(t,n)=>(0,s.jsxs)(i.AccordionContent,{styles:a.getMergedComponentStyles(t),children:[t.label?(0,s.jsx)(e.Typography,{children:t.label}):null,typeof t.value==`string`||typeof t.value==`number`?(0,s.jsx)(e.Typography,{children:String(t.value)}):null,n(t.children)]},t.id)};exports.accordionRenderers=c;
+const e=require("../../../components/atoms/Typography/Typography.cjs"),t=require("../../../components/molecules/Accordion/Accordion.cjs"),n=require("../../../components/molecules/Accordion/AccordionItem/AccordionItem.cjs"),r=require("../../../components/molecules/Accordion/AccordionHeader/AccordionHeader.cjs"),i=require("../../../components/molecules/Accordion/AccordionContent/AccordionContent.cjs"),a=require("../helpers/styling.cjs"),o=require("../helpers/misc.cjs");let s=require("@emotion/react/jsx-runtime");var c={accordion:(e,n)=>(0,s.jsx)(t.Accordion,{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)=>(0,s.jsx)(n.AccordionItem,{id:e.id,styles:a.getMergedComponentStyles(e),children:t(e.children)},e.id),"accordion-header":e=>(0,s.jsx)(r.AccordionHeader,{expandIcon:o.renderNamedIcon(e.icon),styles:a.getMergedComponentStyles(e),children:o.getComponentText(e)||e.id},e.id),"accordion-content":(t,n)=>(0,s.jsxs)(i.AccordionContent,{styles:a.getMergedComponentStyles(t),children:[t.label?(0,s.jsx)(e.Typography,{children:t.label}):null,typeof t.value==`string`||typeof t.value==`number`?(0,s.jsx)(e.Typography,{children:String(t.value)}):null,n(t.children)]},t.id)};exports.accordionRenderers=c;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { A2UIComponent } from '../../../ai';
+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;

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;
+};