@epam/ai-dial-builder-form 1.1.0-dev.456 → 1.1.0-dev.465

package/components/AddAvatar/AddAvatar.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { AddAvatarProps } from '../../models/add-avatar-props';
+/** Avatar preview box with an "Add avatar" button and a format/size caption, for entity-icon editing flows. */
+export declare const AddAvatar: FC<AddAvatarProps>;
+//# sourceMappingURL=AddAvatar.d.ts.map

package/components/AddAvatar/AddAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/AddAvatar/AddAvatar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAGpE,+GAA+G;AAC/G,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAmExC,CAAC"}

package/components/AvatarPickerModal/AvatarPickerModal.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { AvatarPickerModalProps } from '../../models/avatar-picker-modal';
+/** File manager modal restricted to a single image up to a host-configured size, for picking an entity's avatar. */
+export declare const AvatarPickerModal: FC<AvatarPickerModalProps>;
+//# sourceMappingURL=AvatarPickerModal.d.ts.map

package/components/AvatarPickerModal/AvatarPickerModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarPickerModal.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarPickerModal/AvatarPickerModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAE/E,oHAAoH;AACpH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAqFxD,CAAC"}

package/components/DeploymentCreationForm/DeploymentCreationForm.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { DeploymentCreationFormProps } from '../../models/deployment-creation-form';
+/** Controlled field set for deployment creation: avatar, name, description, version, and topics. */
+export declare const DeploymentCreationForm: FC<DeploymentCreationFormProps>;
+//# sourceMappingURL=DeploymentCreationForm.d.ts.map

package/components/DeploymentCreationForm/DeploymentCreationForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeploymentCreationForm.d.ts","sourceRoot":"","sources":["../../../src/components/DeploymentCreationForm/DeploymentCreationForm.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AAIzF,oGAAoG;AACpG,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA2GlE,CAAC"}

package/components/DeploymentLocalesField/DeploymentLocalesField.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { DeploymentCreationFormLocaleEntry, DeploymentCreationFormLocaleLabels, DeploymentCreationFormLocaleOption } from '../../models/deployment-creation-form';
+/** Props accepted by the `DeploymentLocalesField` component. */
+export interface DeploymentLocalesFieldProps {
+    /** Current list of additional (non-primary) locale entries. */
+    value: DeploymentCreationFormLocaleEntry[];
+    /** Called with the full updated list when the user saves changes in the popup. */
+    onChange: (entries: DeploymentCreationFormLocaleEntry[]) => void;
+    /** Selectable language options for new/existing rows. Defaults to an empty list (no locales addable). */
+    availableLocaleOptions?: DeploymentCreationFormLocaleOption[];
+    /** Pre-translated labels for the summary row and popup. */
+    labels: DeploymentCreationFormLocaleLabels;
+    /** Class applied to the summary row container. */
+    className?: string;
+    /** Typography and color class applied to the summary text. Defaults to `'dial-body-text text-secondary'`. */
+    summaryClassName?: string;
+    /** Typography and color class applied to each row's heading. Defaults to `'dial-tiny-lead-text text-secondary'`, which uppercases the label itself. */
+    rowLabelClassName?: string;
+    /** Color class applied to the required-field asterisk on the per-locale name field. Defaults to `'text-error'`. */
+    requiredMarkClassName?: string;
+}
+/** Summary row ("Locales: [DE]  Edit locales") plus the "Add locale" popup for editing additional name/description translations. Shows "Add locales" instead of "Edit locales" until at least one entry exists. */
+export declare const DeploymentLocalesField: FC<DeploymentLocalesFieldProps>;
+//# sourceMappingURL=DeploymentLocalesField.d.ts.map

package/components/DeploymentLocalesField/DeploymentLocalesField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeploymentLocalesField.d.ts","sourceRoot":"","sources":["../../../src/components/DeploymentLocalesField/DeploymentLocalesField.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EACV,iCAAiC,EACjC,kCAAkC,EAClC,kCAAkC,EACnC,MAAM,uCAAuC,CAAC;AAE/C,gEAAgE;AAChE,MAAM,WAAW,2BAA2B;IAC1C,+DAA+D;IAC/D,KAAK,EAAE,iCAAiC,EAAE,CAAC;IAC3C,kFAAkF;IAClF,QAAQ,EAAE,CAAC,OAAO,EAAE,iCAAiC,EAAE,KAAK,IAAI,CAAC;IACjE,yGAAyG;IACzG,sBAAsB,CAAC,EAAE,kCAAkC,EAAE,CAAC;IAC9D,2DAA2D;IAC3D,MAAM,EAAE,kCAAkC,CAAC;IAC3C,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6GAA6G;IAC7G,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uJAAuJ;IACvJ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mHAAmH;IACnH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAeD,mNAAmN;AACnN,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA0OlE,CAAC"}

package/components/EditorLayout/EditorLayout.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { EditorLayoutProps } from '../../models/editor-layout-props';
+/**
+ * Two-column editor shell with a header row (back button, title, actions).
+ * On mobile/tablet, `actions` move out of the header into a dedicated bar
+ * pinned to the bottom of the page, outside the scrollable body.
+ */
+export declare const EditorLayout: FC<EditorLayoutProps>;
+//# sourceMappingURL=EditorLayout.d.ts.map

package/components/EditorLayout/EditorLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorLayout.d.ts","sourceRoot":"","sources":["../../../src/components/EditorLayout/EditorLayout.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAAS,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+F9C,CAAC"}

package/components/EditorSection/EditorSection.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { EditorSectionProps } from '../../models/editor-section-props';
+/** Bordered card wrapper for a named section inside an editor layout. */
+export declare const EditorSection: FC<EditorSectionProps>;
+//# sourceMappingURL=EditorSection.d.ts.map

package/components/EditorSection/EditorSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorSection.d.ts","sourceRoot":"","sources":["../../../src/components/EditorSection/EditorSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAG5E,yEAAyE;AACzE,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA0BhD,CAAC"}

package/index.css

@@ -1,2 +1,2 @@
-._header_8b0ws_4{border-color:var(--bfh-border,var(--stroke-tertiary,#e0e6f0))}._title_8b0ws_8{font-family:var(--bfh-font-family,inherit)}._container_d8tdv_1{background:var(--bfc-bg,var(--bg-layer-base,#f5f7fa))}._footer_d8tdv_10{background:var(--bfc-bg,var(--bg-layer-base,#f5f7fa));box-shadow:0 2px 12px 0 var(--shadow-xs-2,#161b2d08), 0 2px 6px 0 var(--shadow-xs-1,#2764d933)}
+._header_8b0ws_4{border-color:var(--bfh-border,var(--stroke-tertiary,#e0e6f0))}._title_8b0ws_8{font-family:var(--bfh-font-family,inherit)}._container_d8tdv_1{background:var(--bfc-bg,var(--bg-layer-base,#f5f7fa))}._footer_d8tdv_10{background:var(--bfc-bg,var(--bg-layer-base,#f5f7fa));box-shadow:0 2px 12px 0 var(--shadow-xs-2,#161b2d08), 0 2px 6px 0 var(--shadow-xs-1,#2764d933)}._section_l1mnx_1{border-color:var(--es-border-color,var(--stroke-tertiary,#e0e6f0))}._title_l1mnx_5{color:var(--es-title-color,var(--text-primary,#161b2d))}._headerBorder_1kidu_1{border-bottom-color:var(--el-header-border-color,var(--stroke-tertiary,#e0e6f0))}._footerBorder_1kidu_5{border-top-color:var(--el-header-border-color,var(--stroke-tertiary,#e0e6f0))}._sidebarBorder_1kidu_9{border-inline-end-color:var(--el-sidebar-border-color,var(--stroke-tertiary,#e0e6f0))}._box_c9as8_1{background:var(--aa-box-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--aa-box-border,var(--stroke-tertiary,#e0e6f0))}._icon_c9as8_6{color:var(--aa-icon,var(--text-secondary,#57647a))}._caption_c9as8_10{color:var(--aa-caption,var(--text-tertiary,#848e9c))}
 /*$vite$:1*/

package/index.d.ts

@@ -2,4 +2,19 @@ export { BuilderFormContainer } from './components/BuilderFormContainer/BuilderF
 export type { BuilderFormContainerProps, BuilderFormContainerStyles, BuilderFormContainerColors, } from './models/builder-form-container-props';
 export type { BuilderFormActionsLabels } from './models/builder-form-actions-props';
 export type { BuilderFormHeaderLabels, BuilderFormHeaderStyles, BuilderFormHeaderColors, BuilderFormHeaderTypography, } from './models/builder-form-header-props';
+export type { EditorSectionProps, EditorSectionStyles, } from './models/editor-section-props';
+export type { EditorLayoutProps, EditorLayoutLabels, EditorLayoutStyles, } from './models/editor-layout-props';
+export type { AddAvatarProps, AddAvatarColors, AddAvatarStyles, } from './models/add-avatar-props';
+export { EditorSection } from './components/EditorSection/EditorSection';
+export { EditorLayout } from './components/EditorLayout/EditorLayout';
+export { AddAvatar } from './components/AddAvatar/AddAvatar';
+export { AvatarPickerModal } from './components/AvatarPickerModal/AvatarPickerModal';
+export { DeploymentCreationForm } from './components/DeploymentCreationForm/DeploymentCreationForm';
+export { DeploymentLocalesField } from './components/DeploymentLocalesField/DeploymentLocalesField';
+export type { DeploymentLocalesFieldProps } from './components/DeploymentLocalesField/DeploymentLocalesField';
+export type { AvatarPickerFileManagerModalProps, AvatarPickerModalLabels, AvatarPickerModalProps, } from './models/avatar-picker-modal';
+export type { DeploymentCreationFormFieldErrors, DeploymentCreationFormFieldLabels, DeploymentCreationFormIconLabels, DeploymentCreationFormLabels, DeploymentCreationFormLocaleEntry, DeploymentCreationFormLocaleLabels, DeploymentCreationFormLocaleOption, DeploymentCreationFormProps, DeploymentCreationFormStyles, DeploymentCreationFormValues, } from './models/deployment-creation-form';
+export type { DeploymentCreationFormErrorCodes, DeploymentCreationFormValidationOptions, } from './models/validation';
+export { DeploymentCreationFieldErrorCode } from './models/validation';
+export { NAME_PATTERN, SEMVER_VERSION_PATTERN, VERSION_PATTERN, validateDeploymentCreationFields, } from './utils/validate-deployment-creation-fields';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,YAAY,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,uCAAuC,CAAC;AAC/C,YAAY,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,oCAAoC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,YAAY,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,uCAAuC,CAAC;AAC/C,YAAY,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,oCAAoC,CAAC;AAC5C,YAAY,EACV,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,cAAc,EACd,eAAe,EACf,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,YAAY,EAAE,2BAA2B,EAAE,MAAM,4DAA4D,CAAC;AAC9G,YAAY,EACV,iCAAiC,EACjC,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,iCAAiC,EACjC,iCAAiC,EACjC,gCAAgC,EAChC,4BAA4B,EAC5B,iCAAiC,EACjC,kCAAkC,EAClC,kCAAkC,EAClC,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EACV,gCAAgC,EAChC,uCAAuC,GACxC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gCAAgC,GACjC,MAAM,6CAA6C,CAAC"}

package/index.js

@@ -1,121 +1,122 @@
-import { buildCssVars as e, mergeClasses as t } from "@epam/ai-dial-chat-shared";
-import { DIAL_ICON_SIZE as n, DIAL_KIT_ICON_STROKE as r, GhostIconButton as i, NeutralButton as a, PrimaryButton as o, Spinner as s } from "@epam/ai-dial-ui-kit";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { IconArrowLeft as d } from "@tabler/icons-react";
+import { RESIZABLE_TEXTAREA_CLASS_NAME as e, TAG_INPUT_TAG_CLASS_NAME as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
+import { ButtonAppearance as i, ButtonVariant as a, DIAL_ICON_SIZE as o, DIAL_KIT_ICON_STROKE as s, DangerIconButton as c, ElementSize as l, GhostIconButton as u, Input as d, Label as f, LinkButton as p, NeutralButton as m, Popup as h, PrimaryButton as g, Select as _, Spinner as v, TagInput as y, Textarea as b, TextareaResize as x } from "@epam/ai-dial-ui-kit";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { IconArrowLeft as T, IconArrowNarrowLeft as E, IconPhoto as D, IconPlus as O, IconTrashX as ee } from "@tabler/icons-react";
+import { Suspense as te, useCallback as k, useEffect as A, useId as j, useRef as M, useState as N } from "react";
 //#region src/components/BuilderFormActions/BuilderFormActions.tsx
-var f = ({ labels: e, onCancel: t, onSubmit: r, isCancelDisabled: i = !1, isSubmitDisabled: d = !1, isSubmitting: f = !1, buttonClassName: p }) => /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, {
+var P = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubmitDisabled: i = !1, isSubmitting: a = !1, buttonClassName: s }) => /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(m, {
 	label: e.cancelButtonLabel,
 	onClick: t,
-	disabled: i,
-	className: p
-}), /* @__PURE__ */ l(o, {
+	disabled: r,
+	className: s
+}), /* @__PURE__ */ C(g, {
 	label: e.submitButtonLabel,
-	onClick: r,
-	disabled: d,
-	"aria-busy": f,
-	className: p,
-	iconBefore: f ? /* @__PURE__ */ l("span", {
+	onClick: n,
+	disabled: i,
+	"aria-busy": a,
+	className: s,
+	iconBefore: a ? /* @__PURE__ */ C("span", {
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ l(s, { size: n.SM })
+		children: /* @__PURE__ */ C(v, { size: o.SM })
 	}) : void 0
-})] }), p = "flex w-full flex-col desktop:w-[360px] desktop:shrink-0", m = ({ left: e, children: t, metadata: n }) => /* @__PURE__ */ u("div", {
+})] }), F = "flex w-full flex-col desktop:w-[360px] desktop:shrink-0", I = ({ left: e, children: t, metadata: n }) => /* @__PURE__ */ w("div", {
 	className: "flex flex-1 flex-col desktop:flex-row",
 	children: [
-		e != null && /* @__PURE__ */ l("div", {
-			className: p,
+		e != null && /* @__PURE__ */ C("div", {
+			className: F,
 			children: e
 		}),
-		/* @__PURE__ */ l("div", {
+		/* @__PURE__ */ C("div", {
 			className: "flex w-full min-w-0 flex-1 flex-col",
 			children: t
 		}),
-		n != null && /* @__PURE__ */ l("div", {
-			className: p,
+		n != null && /* @__PURE__ */ C("div", {
+			className: F,
 			children: n
 		}),
-		e != null && n == null && /* @__PURE__ */ l("div", {
+		e != null && n == null && /* @__PURE__ */ C("div", {
 			"aria-hidden": !0,
 			className: "hidden desktop:block desktop:w-[360px] desktop:shrink-0"
 		})
 	]
-}), h = {
+}), L = {
 	header: "_header_8b0ws_4",
 	title: "_title_8b0ws_8"
-}, g = ({ labels: a, onBack: o, onCancel: s, onSubmit: c, isCancelDisabled: p = !1, isSubmitDisabled: m = !1, isSubmitting: g = !1, styles: _ }) => {
-	let { colors: v, typography: y } = _ ?? {}, b = y?.fontClassName ?? "dial-h1-text", x = !!y?.fontClassName;
-	return /* @__PURE__ */ u("div", {
-		style: e({
-			"--bfh-border": v?.borderColor,
-			"--bfh-font-family": x ? void 0 : y?.fontFamily
+}, R = ({ labels: e, onBack: t, onCancel: i, onSubmit: a, isCancelDisabled: c = !1, isSubmitDisabled: l = !1, isSubmitting: d = !1, styles: f }) => {
+	let { colors: p, typography: m } = f ?? {}, h = m?.fontClassName ?? "dial-h1-text", g = !!m?.fontClassName;
+	return /* @__PURE__ */ w("div", {
+		style: n({
+			"--bfh-border": p?.borderColor,
+			"--bfh-font-family": g ? void 0 : m?.fontFamily
 		}),
-		className: t("flex h-16 items-center justify-between gap-6 border-t px-4 desktop:border-b desktop:border-t-0 desktop:px-8", h.header),
+		className: r("flex h-16 items-center justify-between gap-6 border-t px-4 desktop:border-b desktop:border-t-0 desktop:px-8", L.header),
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex min-w-0 flex-1 items-center gap-2",
-				children: [/* @__PURE__ */ l(i, {
-					icon: /* @__PURE__ */ l(d, {
-						size: n.LG,
+				children: [/* @__PURE__ */ C(u, {
+					icon: /* @__PURE__ */ C(T, {
+						size: o.LG,
 						className: "rtl:scale-x-[-1]",
 						"aria-hidden": !0,
-						stroke: r
+						stroke: s
 					}),
-					"aria-label": a.backButtonLabel,
-					onClick: o
-				}), /* @__PURE__ */ l("h1", {
-					className: t("truncate", h.title, b),
-					children: a.title
+					"aria-label": e.backButtonLabel,
+					onClick: t
+				}), /* @__PURE__ */ C("h1", {
+					className: r("truncate", L.title, h),
+					children: e.title
 				})]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ C("div", {
 				className: "hidden items-center gap-2 desktop:flex",
-				children: /* @__PURE__ */ l(f, {
-					labels: a,
-					onCancel: s,
-					onSubmit: c,
-					isCancelDisabled: p,
-					isSubmitDisabled: m,
-					isSubmitting: g
+				children: /* @__PURE__ */ C(P, {
+					labels: e,
+					onCancel: i,
+					onSubmit: a,
+					isCancelDisabled: c,
+					isSubmitDisabled: l,
+					isSubmitting: d
 				})
 			}),
-			/* @__PURE__ */ l("span", {
+			/* @__PURE__ */ C("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: g ? a.submittingLabel ?? "Submitting" : ""
+				children: d ? e.submittingLabel ?? "Submitting" : ""
 			})
 		]
 	});
-}, _ = {
+}, z = {
 	container: "_container_d8tdv_1",
 	footer: "_footer_d8tdv_10"
-}, v = ({ labels: n, onBack: r, onCancel: i, onSubmit: a, isCancelDisabled: o = !1, isSubmitDisabled: s = !1, isSubmitting: c = !1, left: d, children: p, metadata: h, styles: v }) => {
-	let { colors: y, header: b, cssVars: x } = v ?? {};
-	return /* @__PURE__ */ u("div", {
+}, B = ({ labels: e, onBack: t, onCancel: i, onSubmit: a, isCancelDisabled: o = !1, isSubmitDisabled: s = !1, isSubmitting: c = !1, left: l, children: u, metadata: d, styles: f }) => {
+	let { colors: p, header: m, cssVars: h } = f ?? {};
+	return /* @__PURE__ */ w("div", {
 		style: {
-			...e({ "--bfc-bg": y?.background }),
-			...x
+			...n({ "--bfc-bg": p?.background }),
+			...h
 		},
-		className: t("flex h-full w-full flex-col overflow-y-auto", _.container),
+		className: r("flex h-full w-full flex-col overflow-y-auto", z.container),
 		children: [
-			/* @__PURE__ */ l(g, {
-				labels: n,
-				onBack: r,
+			/* @__PURE__ */ C(R, {
+				labels: e,
+				onBack: t,
 				onCancel: i,
 				onSubmit: a,
 				isCancelDisabled: o,
 				isSubmitDisabled: s,
 				isSubmitting: c,
-				styles: b
+				styles: m
 			}),
-			/* @__PURE__ */ l(m, {
-				left: d,
-				metadata: h,
-				children: p
+			/* @__PURE__ */ C(I, {
+				left: l,
+				metadata: d,
+				children: u
 			}),
-			/* @__PURE__ */ l("div", {
-				className: t("sticky bottom-0 z-10 flex items-center gap-2 p-3 desktop:hidden", _.footer),
-				children: /* @__PURE__ */ l(f, {
-					labels: n,
+			/* @__PURE__ */ C("div", {
+				className: r("sticky bottom-0 z-10 flex items-center gap-2 p-3 desktop:hidden", z.footer),
+				children: /* @__PURE__ */ C(P, {
+					labels: e,
 					onCancel: i,
 					onSubmit: a,
 					isCancelDisabled: o,
@@ -126,6 +127,423 @@ var f = ({ labels: e, onCancel: t, onSubmit: r, isCancelDisabled: i = !1, isSubm
 			})
 		]
 	});
+}, V = {
+	section: "_section_l1mnx_1",
+	title: "_title_l1mnx_5"
+}, H = ({ title: e, children: t, styles: i, className: a }) => {
+	let o = n({
+		"--es-border-color": i?.colors?.borderColor,
+		"--es-title-color": i?.colors?.titleColor
+	});
+	return /* @__PURE__ */ w("section", {
+		className: r("flex flex-col gap-4 rounded border p-6", V.section, a),
+		style: o,
+		children: [e != null && /* @__PURE__ */ C("h2", {
+			className: r("dial-h3-text", V.title),
+			children: e
+		}), t]
+	});
+}, U = {
+	headerBorder: "_headerBorder_1kidu_1",
+	footerBorder: "_footerBorder_1kidu_5",
+	sidebarBorder: "_sidebarBorder_1kidu_9"
+}, W = ({ title: e, onBack: t, backAriaLabel: i = "Back", actions: a, leftContent: c, rightContent: l, isSaving: d = !1, labels: f, styles: p, dir: m }) => {
+	let h = j(), g = d ? f?.savingStatusLabel ?? "Saving" : "";
+	return /* @__PURE__ */ w("div", {
+		dir: m,
+		className: "flex min-h-0 flex-1 flex-col",
+		style: n({
+			"--el-header-border-color": p?.colors?.headerBorderColor,
+			"--el-sidebar-border-color": p?.colors?.sidebarBorderColor
+		}),
+		children: [
+			/* @__PURE__ */ C("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				id: h,
+				children: g
+			}),
+			/* @__PURE__ */ w("div", {
+				className: r("flex items-center justify-between gap-2 border-b px-4 py-2 desktop:px-8 desktop:pb-3 desktop:pt-3", U.headerBorder),
+				children: [/* @__PURE__ */ w("div", {
+					className: "flex min-w-0 flex-1 items-center gap-2",
+					children: [/* @__PURE__ */ C(u, {
+						icon: /* @__PURE__ */ C(E, {
+							size: o.LG,
+							stroke: s,
+							"aria-hidden": !0,
+							className: "rtl:scale-x-[-1]"
+						}),
+						"aria-label": i,
+						onClick: t
+					}), /* @__PURE__ */ C("h1", {
+						className: "dial-h2-text min-w-0 truncate",
+						children: e
+					})]
+				}), a != null && /* @__PURE__ */ C("div", {
+					className: "hidden shrink-0 items-center gap-2 desktop:flex",
+					children: a
+				})]
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "flex flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden",
+				children: [/* @__PURE__ */ C("div", {
+					className: r(l == null ? "desktop:flex-1" : "desktop:w-[360px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", "desktop:overflow-y-auto", l == null ? void 0 : U.sidebarBorder),
+					children: c
+				}), l != null && /* @__PURE__ */ C("div", {
+					className: "desktop:flex-1 desktop:overflow-y-auto",
+					children: l
+				})]
+			}),
+			a != null && /* @__PURE__ */ C("div", {
+				className: r("flex shrink-0 flex-row-reverse items-center gap-2 border-t px-4 py-2 desktop:hidden [&>*]:flex-1", U.footerBorder),
+				children: a
+			})
+		]
+	});
+}, G = {
+	box: "_box_c9as8_1",
+	icon: "_icon_c9as8_6",
+	caption: "_caption_c9as8_10"
+}, K = ({ label: e, avatarUrl: t, avatarAlt: i = "", addAvatarLabel: a = "Add avatar", captionText: c = "PNG, JPG or SVG (max 1 MB)", onAddAvatarClick: u, styles: d, className: m }) => {
+	let h = n({
+		"--aa-box-bg": d?.colors?.boxBackgroundColor,
+		"--aa-box-border": d?.colors?.boxBorderColor,
+		"--aa-icon": d?.colors?.placeholderIconColor,
+		"--aa-caption": d?.colors?.captionColor
+	});
+	return /* @__PURE__ */ w("div", {
+		className: r("flex flex-col gap-2", m),
+		style: h,
+		children: [/* @__PURE__ */ C(f, { label: e }), /* @__PURE__ */ w("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ C("div", {
+				className: r("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", G.box),
+				children: t ? /* @__PURE__ */ C("img", {
+					src: t,
+					alt: i,
+					className: "h-16 w-16 object-cover"
+				}) : /* @__PURE__ */ C(D, {
+					size: o.LG,
+					stroke: s,
+					"aria-hidden": !0,
+					className: G.icon
+				})
+			}), /* @__PURE__ */ w("div", {
+				className: "flex flex-col gap-3",
+				children: [/* @__PURE__ */ C(p, {
+					size: l.Small,
+					iconBefore: /* @__PURE__ */ C(O, {
+						size: o.SM,
+						stroke: s,
+						"aria-hidden": !0
+					}),
+					className: "w-fit",
+					label: a,
+					onClick: u
+				}), /* @__PURE__ */ C("span", {
+					className: r("dial-tiny-text", G.caption),
+					children: c
+				})]
+			})]
+		})]
+	});
+}, q = ({ isOpen: e, onClose: t, onAttach: n, bucket: r, FileManagerModal: i, allowedMimeTypes: a, maxFileSizeBytes: o, labels: s }) => {
+	let c = k((e) => e.length === 1 ? s.deleteConfirmTitleSingle : s.deleteConfirmTitleMultiple, [s.deleteConfirmTitleSingle, s.deleteConfirmTitleMultiple]), l = k((e) => /* @__PURE__ */ C("div", {
+		className: "dial-small-text px-6 py-3",
+		children: /* @__PURE__ */ C("p", {
+			className: "mb-3 text-secondary",
+			children: e.length === 1 ? /* @__PURE__ */ w(S, { children: [
+				s.deleteConfirmSingleText,
+				" ",
+				/* @__PURE__ */ w("span", {
+					className: "break-words text-primary",
+					children: [
+						"\"",
+						e[0].split("/").pop(),
+						"\"?"
+					]
+				})
+			] }) : /* @__PURE__ */ w(S, { children: [
+				s.deleteConfirmMultipleText,
+				" ",
+				/* @__PURE__ */ w("span", {
+					className: "text-primary",
+					children: [
+						e.length,
+						" ",
+						s.deleteConfirmItemsLabel
+					]
+				})
+			] })
+		})
+	}), [
+		s.deleteConfirmSingleText,
+		s.deleteConfirmMultipleText,
+		s.deleteConfirmItemsLabel
+	]);
+	return /* @__PURE__ */ C(te, {
+		fallback: null,
+		children: e && /* @__PURE__ */ C(i, {
+			isOpen: e,
+			onClose: t,
+			onAttach: n,
+			bucket: r,
+			allowedTypes: a,
+			maxSelectableFileSize: o,
+			maximumAttachmentsAmount: 1,
+			canAttachFolders: !1,
+			title: s.title,
+			attachLabel: s.attachLabel,
+			emptyTitle: s.emptyTitle,
+			emptyDescription: s.emptyDescription,
+			errorMessage: s.errorMessage,
+			retryLabel: s.retryLabel,
+			hiddenFilesLabel: s.hiddenFilesLabel,
+			showHiddenFilesLabel: s.showHiddenFilesLabel,
+			hideHiddenFilesLabel: s.hideHiddenFilesLabel,
+			getSelectionLabel: s.getSelectionLabel,
+			uploadFilesLabel: s.uploadFilesLabel,
+			newFolderLabel: s.newFolderLabel,
+			downloadLabel: s.downloadLabel,
+			downloadingLabel: s.downloadingLabel,
+			deleteLabel: s.deleteLabel,
+			deletingLabel: s.deletingLabel,
+			deleteConfirmTitle: c,
+			deleteConfirmBody: l,
+			deleteConfirmLabel: s.deleteConfirmLabel,
+			deleteCancelLabel: s.deleteCancelLabel,
+			uploadProgressTitle: s.uploadProgressTitle,
+			cancelLabel: s.cancelLabel
+		})
+	});
+}, J = (e, t, n) => ({
+	id: e,
+	language: n.find((e) => !t.has(e.code))?.code ?? "",
+	name: "",
+	description: ""
+}), Y = ({ value: t, onChange: n, availableLocaleOptions: u = [], labels: f, className: m, summaryClassName: g = "dial-body-text text-secondary", rowLabelClassName: v = "dial-tiny-lead-text text-secondary", requiredMarkClassName: y = "text-error" }) => {
+	let { summaryLabel: T, addLabel: E, editLabel: D, popupTitle: te, addLocaleLabel: k, localeRowLabel: j = "Locale", languageLabel: P, nameLabel: F, namePlaceholder: I, descriptionLabel: L, descriptionPlaceholder: R, deleteAriaLabel: z, cancelLabel: B = "Cancel", saveLabel: V = "Save" } = f, [H, U] = N(!1), [W, G] = N([]), K = M(0);
+	A(() => {
+		H && G(t.length > 0 ? t : [J(`locale-row-${++K.current}`, /* @__PURE__ */ new Set(), u)]);
+	}, [
+		H,
+		t,
+		u
+	]);
+	let q = () => U(!0), Y = () => U(!1), X = () => {
+		n(W.filter((e) => e.language && e.name)), U(!1);
+	}, Z = () => {
+		let e = new Set(W.map((e) => e.language).filter(Boolean));
+		G((t) => [...t, J(`locale-row-${++K.current}`, e, u)]);
+	}, Q = (e, t) => {
+		G((n) => n.map((n) => n.id === e ? {
+			...n,
+			...t
+		} : n));
+	}, $ = (e) => {
+		G((t) => t.filter((t) => t.id !== e));
+	}, ne = (e) => u.find((t) => t.code === e)?.label ?? e.toUpperCase(), re = W.some((e) => !e.language || !e.name);
+	return /* @__PURE__ */ w("div", {
+		className: r("flex items-center gap-2", m),
+		children: [
+			t.length > 0 && /* @__PURE__ */ C("span", {
+				className: g,
+				children: `${T}: ${t.map((e) => `[${ne(e.language)}]`).join(", ")}`
+			}),
+			/* @__PURE__ */ C(p, {
+				label: t.length > 0 ? D : E,
+				iconBefore: /* @__PURE__ */ C(O, {
+					size: o.SM,
+					"aria-hidden": !0,
+					stroke: s
+				}),
+				className: "!px-0",
+				onClick: q
+			}),
+			/* @__PURE__ */ C(h, {
+				open: H,
+				header: te,
+				onClose: Y,
+				mainButtons: [{
+					label: B,
+					onClick: Y
+				}, {
+					label: V,
+					variant: a.Primary,
+					disabled: re,
+					onClick: X
+				}],
+				children: /* @__PURE__ */ w("div", {
+					className: "flex flex-col gap-8 px-6 py-3",
+					children: [W.map((t, n) => {
+						let r = new Set(W.filter((e) => e.id !== t.id).map((e) => e.language).filter(Boolean));
+						return /* @__PURE__ */ w("div", {
+							className: "flex flex-col gap-2",
+							children: [/* @__PURE__ */ w("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ w("span", {
+									className: v,
+									children: [
+										j,
+										" ",
+										n + 1
+									]
+								}), /* @__PURE__ */ C(c, {
+									appearance: i.Ghost,
+									size: l.Small,
+									icon: /* @__PURE__ */ C(ee, {
+										size: o.SM,
+										"aria-hidden": !0,
+										stroke: s
+									}),
+									"aria-label": `${z} ${n + 1}`,
+									onClick: () => $(t.id)
+								})]
+							}), /* @__PURE__ */ w("div", {
+								role: "group",
+								"aria-label": `${j} ${n + 1}`,
+								className: "flex flex-col gap-5",
+								children: [/* @__PURE__ */ w("div", {
+									className: "flex items-start gap-5",
+									children: [/* @__PURE__ */ C(_, {
+										id: `${t.id}-language`,
+										labelProps: { label: P },
+										className: "shrink-0 basis-20",
+										options: u.map((e) => ({
+											value: e.code,
+											label: e.label,
+											disabled: r.has(e.code)
+										})),
+										value: t.language,
+										onChange: (e) => Q(t.id, { language: e })
+									}), /* @__PURE__ */ C(d, {
+										id: `${t.id}-name`,
+										containerClassName: "min-w-0 flex-1",
+										required: !0,
+										value: t.name,
+										onChange: (e) => Q(t.id, { name: e ?? "" }),
+										labelProps: { label: /* @__PURE__ */ w(S, { children: [F, /* @__PURE__ */ C("span", {
+											"aria-hidden": !0,
+											className: y,
+											children: "*"
+										})] }) },
+										placeholder: I
+									})]
+								}), /* @__PURE__ */ C(b, {
+									id: `${t.id}-description`,
+									className: e,
+									resize: x.Vertical,
+									value: t.description,
+									onChange: (e) => Q(t.id, { description: e }),
+									labelProps: { label: L },
+									placeholder: R
+								})]
+							})]
+						}, t.id);
+					}), /* @__PURE__ */ C(p, {
+						label: k,
+						iconBefore: /* @__PURE__ */ C(O, {
+							size: o.SM,
+							"aria-hidden": !0,
+							stroke: s
+						}),
+						className: "self-start",
+						onClick: Z,
+						disabled: W.length >= u.length
+					})]
+				})
+			})
+		]
+	});
+}, X = ({ values: n, errors: i, onChange: a, onNameBlur: o, onVersionBlur: s, iconPreviewUrl: c, onAddAvatarClick: l, labels: u, styles: f, availableLocaleOptions: p = [] }) => {
+	let m = M(null), h = M(null), g = M(!1), _ = !!(i.name || i.version);
+	return A(() => {
+		_ && !g.current && (i.name ? m : h).current?.focus(), g.current = _;
+	}, [
+		_,
+		i.name,
+		i.version
+	]), /* @__PURE__ */ w("div", {
+		role: u.ariaLabel ? "group" : void 0,
+		"aria-label": u.ariaLabel,
+		className: r("flex flex-col gap-4", f?.root),
+		children: [
+			/* @__PURE__ */ C(K, {
+				label: u.iconUrl.label,
+				avatarUrl: c,
+				addAvatarLabel: u.iconUrl.addAvatarLabel,
+				captionText: u.iconUrl.captionText,
+				onAddAvatarClick: l,
+				className: f?.field
+			}),
+			/* @__PURE__ */ w("div", {
+				className: r("flex items-start gap-4", f?.field),
+				children: [/* @__PURE__ */ C(d, {
+					id: "deployment-creation-form-name",
+					inputRef: m,
+					value: n.name,
+					onChange: (e) => a({ name: e ?? "" }),
+					onBlur: o,
+					labelProps: {
+						label: u.name.label,
+						required: !0
+					},
+					placeholder: u.name.placeholder,
+					error: i.name || void 0,
+					invalid: !!i.name,
+					containerClassName: "min-w-0 basis-0 grow-[2]"
+				}), /* @__PURE__ */ C(d, {
+					id: "deployment-creation-form-version",
+					inputRef: h,
+					value: n.version,
+					onChange: (e) => a({ version: e ?? "" }),
+					onBlur: s,
+					labelProps: { label: u.version.label },
+					placeholder: u.version.placeholder,
+					error: i.version || void 0,
+					invalid: !!i.version,
+					containerClassName: "min-w-0 basis-0 grow-[1]"
+				})]
+			}),
+			/* @__PURE__ */ C(b, {
+				id: "deployment-creation-form-description",
+				value: n.description,
+				onChange: (e) => a({ description: e }),
+				labelProps: { label: u.description.label },
+				placeholder: u.description.placeholder,
+				containerClassName: f?.field,
+				className: e,
+				resize: x.Vertical
+			}),
+			/* @__PURE__ */ C(Y, {
+				value: n.otherLocales,
+				onChange: (e) => a({ otherLocales: e }),
+				availableLocaleOptions: p,
+				labels: u.otherLocales,
+				className: f?.field
+			}),
+			/* @__PURE__ */ C("div", {
+				className: f?.field,
+				children: /* @__PURE__ */ C(y, {
+					id: "deployment-creation-form-topics",
+					labelProps: { label: u.topics.label },
+					placeholder: u.topics.placeholder,
+					value: n.topics,
+					onChange: (e) => a({ topics: e }),
+					tagClassName: t
+				})
+			})
+		]
+	});
+}, Z = /* @__PURE__ */ function(e) {
+	return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e;
+}({}), Q = /^[a-zA-Z0-9 _.-]+$/, $ = /^[a-zA-Z0-9._-]+$/, ne = /^\d+(\.\d+)*$/, re = (e, t = {}) => {
+	let n = {}, r = e.name.trim();
+	r ? t.validateNamePattern && !Q.test(r) && (n.name = Z.InvalidFormat) : n.name = Z.Required;
+	let i = e.version.trim();
+	return t.validateVersionPattern && i && ((t.validateVersionPattern instanceof RegExp ? t.validateVersionPattern : $).test(i) || (n.version = Z.InvalidFormat)), n;
 };
 //#endregion
-export { v as BuilderFormContainer };
+export { K as AddAvatar, q as AvatarPickerModal, B as BuilderFormContainer, Z as DeploymentCreationFieldErrorCode, X as DeploymentCreationForm, Y as DeploymentLocalesField, W as EditorLayout, H as EditorSection, Q as NAME_PATTERN, ne as SEMVER_VERSION_PATTERN, $ as VERSION_PATTERN, re as validateDeploymentCreationFields };

package/models/add-avatar-props.d.ts

@@ -0,0 +1,36 @@
+/** CSS custom property overrides for `AddAvatar`. */
+export interface AddAvatarColors {
+    /** Background color of the 64x64 preview box shown when no avatar is set. Defaults to `--bg-layer-raised`. */
+    boxBackgroundColor?: string;
+    /** Border color of the 64x64 preview box. Defaults to `--stroke-tertiary`. */
+    boxBorderColor?: string;
+    /** Color of the placeholder photo icon shown when no avatar is set. Defaults to `--text-secondary`. */
+    placeholderIconColor?: string;
+    /** Color of the format/size caption text. Defaults to `--text-tertiary`. */
+    captionColor?: string;
+}
+/** Style overrides for `AddAvatar`. */
+export interface AddAvatarStyles {
+    /** Color token overrides. */
+    colors?: AddAvatarColors;
+}
+/** Props for `AddAvatar`. */
+export interface AddAvatarProps {
+    /** Field label rendered above the preview box and button (e.g. `'Avatar'`). */
+    label: string;
+    /** URL of the currently selected avatar image. When set, it fills the 64x64 preview box instead of the placeholder icon. */
+    avatarUrl?: string;
+    /** Alt text for the avatar image. Defaults to `''` (decorative — the field label and button already describe the control). */
+    avatarAlt?: string;
+    /** Label for the "Add avatar" button. Defaults to `'Add avatar'`. */
+    addAvatarLabel?: string;
+    /** Caption text describing the accepted formats and max size. Defaults to `'PNG, JPG or SVG (max 1 MB)'`. */
+    captionText?: string;
+    /** Called when the "Add avatar" button is clicked. The host opens its own file picker/manager and, once a file is chosen, passes its URL back in as `avatarUrl`. */
+    onAddAvatarClick: () => void;
+    /** Style overrides applied via CSS custom properties. */
+    styles?: AddAvatarStyles;
+    /** Additional CSS class applied to the root element. */
+    className?: string;
+}
+//# sourceMappingURL=add-avatar-props.d.ts.map

package/models/add-avatar-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-avatar-props.d.ts","sourceRoot":"","sources":["../../src/models/add-avatar-props.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,MAAM,WAAW,eAAe;IAC9B,8GAA8G;IAC9G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uGAAuG;IACvG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,uCAAuC;AACvC,MAAM,WAAW,eAAe;IAC9B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAED,6BAA6B;AAC7B,MAAM,WAAW,cAAc;IAC7B,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,4HAA4H;IAC5H,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8HAA8H;IAC9H,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6GAA6G;IAC7G,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oKAAoK;IACpK,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,yDAAyD;IACzD,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/models/avatar-picker-modal.d.ts

@@ -0,0 +1,146 @@
+import { AttachResult } from '@epam/ai-dial-chat-shared';
+import { ComponentType, ReactNode } from 'react';
+/** Pre-translated labels for `AvatarPickerModal`, supplied by the host app. */
+export interface AvatarPickerModalLabels {
+    /** Modal title. */
+    title: string;
+    /** Label for the confirm/attach button. */
+    attachLabel: string;
+    /** Title shown when the current folder has no files. */
+    emptyTitle: string;
+    /** Description shown when the current folder has no files. */
+    emptyDescription: string;
+    /** Message shown when file listing fails. */
+    errorMessage: string;
+    /** Label for the retry-after-error button. */
+    retryLabel: string;
+    /** Label for the hidden-files row/toggle. */
+    hiddenFilesLabel: string;
+    /** Label for the action that reveals hidden files. */
+    showHiddenFilesLabel: string;
+    /** Label for the action that hides hidden files again. */
+    hideHiddenFilesLabel: string;
+    /** Returns the selection-count summary text for the given count. */
+    getSelectionLabel: (count: number) => string;
+    /** Label for the upload-files action. */
+    uploadFilesLabel: string;
+    /** Label for the new-folder action. */
+    newFolderLabel: string;
+    /** Label for the download action. */
+    downloadLabel: string;
+    /** Label shown while a download is in progress. */
+    downloadingLabel: string;
+    /** Label for the delete action. */
+    deleteLabel: string;
+    /** Label shown while a delete is in progress. */
+    deletingLabel: string;
+    /** Delete-confirmation title used when deleting a single item. */
+    deleteConfirmTitleSingle: string;
+    /** Delete-confirmation title used when deleting multiple items. */
+    deleteConfirmTitleMultiple: string;
+    /** Confirmation body text used when deleting a single item, followed by its name. */
+    deleteConfirmSingleText: string;
+    /** Confirmation body text used when deleting multiple items, followed by the count. */
+    deleteConfirmMultipleText: string;
+    /** Unit label appended after the count in the multiple-item confirmation (e.g. `'items'`). */
+    deleteConfirmItemsLabel: string;
+    /** Label for the delete-confirmation confirm button. */
+    deleteConfirmLabel: string;
+    /** Label for the delete-confirmation cancel button. */
+    deleteCancelLabel: string;
+    /** Title shown while an upload is in progress. */
+    uploadProgressTitle: string;
+    /** Label for the cancel button. */
+    cancelLabel: string;
+}
+/**
+ * Props of the host-provided DIAL file manager modal that `AvatarPickerModal`
+ * renders through `FileManagerModal`. A host component satisfies this shape by
+ * accepting these props (e.g. one built on `@epam/ai-dial-react-file-manager`).
+ */
+export interface AvatarPickerFileManagerModalProps {
+    /** Whether the modal is open. */
+    isOpen: boolean;
+    /** Called when the modal should close without a selection. */
+    onClose: () => void;
+    /** Called with the picked file(s) once the user confirms. */
+    onAttach: (result: AttachResult) => void;
+    /** Storage bucket to browse. */
+    bucket: string;
+    /** Modal title. */
+    title: string;
+    /** Label for the confirm/attach button. */
+    attachLabel: string;
+    /** Title shown when the current folder has no files. */
+    emptyTitle: string;
+    /** Description shown when the current folder has no files. */
+    emptyDescription: string;
+    /** Message shown when file listing fails. */
+    errorMessage: string;
+    /** Label for the retry-after-error button. */
+    retryLabel: string;
+    /** Label for the hidden-files row/toggle. */
+    hiddenFilesLabel: string;
+    /** Label for the action that reveals hidden files. */
+    showHiddenFilesLabel: string;
+    /** Label for the action that hides hidden files again. */
+    hideHiddenFilesLabel: string;
+    /** Returns the selection-count summary text for the given count. */
+    getSelectionLabel: (count: number) => string;
+    /** Label for the upload-files action. */
+    uploadFilesLabel: string;
+    /** Label for the new-folder action. */
+    newFolderLabel: string;
+    /** Label for the download action. */
+    downloadLabel: string;
+    /** Label shown while a download is in progress. */
+    downloadingLabel: string;
+    /** Label for the delete action. */
+    deleteLabel: string;
+    /** Label shown while a delete is in progress. */
+    deletingLabel: string;
+    /** Renders the delete-confirmation title for the given item names. */
+    deleteConfirmTitle: (names: string[]) => ReactNode;
+    /** Renders the delete-confirmation body for the given item names. */
+    deleteConfirmBody: (names: string[]) => ReactNode;
+    /** Label for the delete-confirmation confirm button. */
+    deleteConfirmLabel: string;
+    /** Label for the delete-confirmation cancel button. */
+    deleteCancelLabel: string;
+    /** Title shown while an upload is in progress. */
+    uploadProgressTitle: string;
+    /** Label for the cancel button. */
+    cancelLabel: string;
+    /** MIME types selectable in the modal. Unset means no type restriction. */
+    allowedTypes?: string[];
+    /** Maximum size, in bytes, of a selectable file. */
+    maxSelectableFileSize?: number;
+    /** Maximum number of items that can be selected at once. */
+    maximumAttachmentsAmount?: number;
+    /** Whether folders can be selected. */
+    canAttachFolders?: boolean;
+}
+/** Props accepted by the `AvatarPickerModal` component. */
+export interface AvatarPickerModalProps {
+    /** Whether the modal is open. */
+    isOpen: boolean;
+    /** Called when the modal is dismissed, with or without a selection. */
+    onClose: () => void;
+    /**
+     * Called with the picked file once the user confirms a single-image
+     * selection. The host resolves the file to a DIAL resource URL (and calls
+     * `onClose`) — this lib never resolves storage identifiers itself.
+     */
+    onAttach: (result: AttachResult) => void;
+    /** Storage bucket to browse, resolved by the host from the current user. */
+    bucket: string;
+    /** The host's own DIAL file manager modal component, rendered for the actual picking UI. */
+    FileManagerModal: ComponentType<AvatarPickerFileManagerModalProps>;
+    /** MIME types selectable in the modal (e.g. PNG/JPG/SVG). */
+    allowedMimeTypes: string[];
+    /** Maximum size, in bytes, of a selectable avatar file. */
+    maxFileSizeBytes: number;
+    /** Pre-translated labels for the modal. */
+    labels: AvatarPickerModalLabels;
+}
+//# sourceMappingURL=avatar-picker-modal.d.ts.map

package/models/avatar-picker-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-picker-modal.d.ts","sourceRoot":"","sources":["../../src/models/avatar-picker-modal.ts"],"names":[],"mappings":"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"}

package/models/deployment-creation-form.d.ts

@@ -0,0 +1,139 @@
+/** One additional (non-primary) locale's name/description translation, edited via the "Add locale" popup. */
+export interface DeploymentCreationFormLocaleEntry {
+    /** Stable client-side id for list rendering; not part of the persisted locale map. */
+    id: string;
+    /** Locale code this entry translates into (e.g. `'de'`). */
+    language: string;
+    /** Translated name for this locale. */
+    name: string;
+    /** Translated description for this locale. */
+    description: string;
+}
+/** A selectable language option for an additional-locale row. */
+export interface DeploymentCreationFormLocaleOption {
+    /** Locale code (e.g. `'de'`). */
+    code: string;
+    /** Display label for the option (e.g. `'DE'`). */
+    label: string;
+}
+/** Field values shared by Quick App and Toolset creation's General step. */
+export interface DeploymentCreationFormValues {
+    /** Display name of the entity being created. */
+    name: string;
+    /** Long-form description of the entity. */
+    description: string;
+    /** Icon/avatar reference (a DIAL file id or absolute URL), set by the host once a file is picked. */
+    iconUrl: string;
+    /** Version string (e.g. `'1.0.0'`). */
+    version: string;
+    /** Free-entry topic tags. */
+    topics: string[];
+    /** Additional (non-primary) locale entries for name/description, edited via the "Add locale" popup. */
+    otherLocales: DeploymentCreationFormLocaleEntry[];
+}
+/** Translated, display-ready field errors for the shared form. */
+export interface DeploymentCreationFormFieldErrors {
+    /** Error message for the name field. */
+    name?: string;
+    /** Error message for the version field. */
+    version?: string;
+}
+/** Label and placeholder text for a single field, supplied by the host app. */
+export interface DeploymentCreationFormFieldLabels {
+    /** Field label text. */
+    label: string;
+    /** Placeholder text shown when the field is empty. */
+    placeholder?: string;
+}
+/** Text labels for the icon/avatar field, supplied by the host app. */
+export interface DeploymentCreationFormIconLabels {
+    /** Field label rendered above the avatar preview and button (e.g. `'Avatar'`). */
+    label: string;
+    /** Label for the "Add avatar" button. */
+    addAvatarLabel: string;
+    /** Caption describing the accepted formats and max size (e.g. `'PNG, JPG or SVG (max 1 MB)'`). */
+    captionText: string;
+}
+/** Pre-translated labels/placeholders for the "Add locale" summary row and popup, supplied by the host app. */
+export interface DeploymentCreationFormLocaleLabels {
+    /** Text preceding the list of configured locale codes, e.g. `'Locales'`. */
+    summaryLabel: string;
+    /** Label for the link that opens the popup when no locale has been added yet, e.g. `'Add locales'`. */
+    addLabel: string;
+    /** Label for the link that opens the popup once at least one locale exists, e.g. `'Edit locales'`. */
+    editLabel: string;
+    /** Title of the "Add locale" popup. */
+    popupTitle: string;
+    /** Label for the button that adds a new locale row. */
+    addLocaleLabel: string;
+    /** Label prefix for each row's heading (e.g. `'Locale'` -> `'Locale 1'`). Defaults to `'Locale'`. */
+    localeRowLabel?: string;
+    /** Label for the language select field. */
+    languageLabel: string;
+    /** Label for the per-locale name field. */
+    nameLabel: string;
+    /** Placeholder for the per-locale name field. */
+    namePlaceholder?: string;
+    /** Label for the per-locale description field. */
+    descriptionLabel: string;
+    /** Placeholder for the per-locale description field. */
+    descriptionPlaceholder?: string;
+    /** Accessible name for a row's delete button. */
+    deleteAriaLabel: string;
+    /** Label for the popup's cancel button. */
+    cancelLabel?: string;
+    /** Label for the popup's save button. */
+    saveLabel?: string;
+}
+/** Pre-translated labels/placeholders for every field, supplied by the host app. */
+export interface DeploymentCreationFormLabels {
+    /** Labels for the name field. */
+    name: DeploymentCreationFormFieldLabels;
+    /** Labels for the description field. */
+    description: DeploymentCreationFormFieldLabels;
+    /** Labels for the icon/avatar field. */
+    iconUrl: DeploymentCreationFormIconLabels;
+    /** Labels for the version field. */
+    version: DeploymentCreationFormFieldLabels;
+    /** Labels for the topics field. */
+    topics: DeploymentCreationFormFieldLabels;
+    /** Labels for the additional-locales summary row and popup. */
+    otherLocales: DeploymentCreationFormLocaleLabels;
+    /** Accessible name for the field set group. */
+    ariaLabel?: string;
+}
+/** Optional per-slot class name overrides for visual composition by the host app. */
+export interface DeploymentCreationFormStyles {
+    /** Class applied to the root container. Defaults to a vertical flex stack. */
+    root?: string;
+    /** Class applied to each individual field wrapper. */
+    field?: string;
+}
+/** Props accepted by the `DeploymentCreationForm` component. */
+export interface DeploymentCreationFormProps {
+    /** Current field values. The component holds no state of its own. */
+    values: DeploymentCreationFormValues;
+    /** Field-level errors to surface, already translated by the host app. */
+    errors: DeploymentCreationFormFieldErrors;
+    /** Called with a partial patch whenever a field value changes. */
+    onChange: (patch: Partial<DeploymentCreationFormValues>) => void;
+    /** Called when the name field loses focus, so the host can run on-blur validation. */
+    onNameBlur?: () => void;
+    /** Called when the version field loses focus, so the host can run on-blur validation. */
+    onVersionBlur?: () => void;
+    /**
+     * URL to display in the avatar preview box. Resolved by the host from
+     * `values.iconUrl` (a DIAL file id or absolute URL) — this lib never
+     * resolves storage identifiers itself.
+     */
+    iconPreviewUrl?: string;
+    /** Called when the "Add avatar" button is clicked. The host opens its own file picker/manager and reports the result via `onChange({ iconUrl })`. */
+    onAddAvatarClick: () => void;
+    /** Pre-translated labels/placeholders for every field. */
+    labels: DeploymentCreationFormLabels;
+    /** Optional per-slot class name overrides. */
+    styles?: DeploymentCreationFormStyles;
+    /** Selectable language options for additional-locale rows. Defaults to an empty list (no locales addable). */
+    availableLocaleOptions?: DeploymentCreationFormLocaleOption[];
+}
+//# sourceMappingURL=deployment-creation-form.d.ts.map

package/models/deployment-creation-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deployment-creation-form.d.ts","sourceRoot":"","sources":["../../src/models/deployment-creation-form.ts"],"names":[],"mappings":"AAAA,6GAA6G;AAC7G,MAAM,WAAW,iCAAiC;IAChD,sFAAsF;IACtF,EAAE,EAAE,MAAM,CAAC;IACX,4DAA4D;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,iEAAiE;AACjE,MAAM,WAAW,kCAAkC;IACjD,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,4EAA4E;AAC5E,MAAM,WAAW,4BAA4B;IAC3C,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,qGAAqG;IACrG,OAAO,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,uGAAuG;IACvG,YAAY,EAAE,iCAAiC,EAAE,CAAC;CACnD;AAED,kEAAkE;AAClE,MAAM,WAAW,iCAAiC;IAChD,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,+EAA+E;AAC/E,MAAM,WAAW,iCAAiC;IAChD,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,uEAAuE;AACvE,MAAM,WAAW,gCAAgC;IAC/C,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,kGAAkG;IAClG,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,+GAA+G;AAC/G,MAAM,WAAW,kCAAkC;IACjD,4EAA4E;IAC5E,YAAY,EAAE,MAAM,CAAC;IACrB,uGAAuG;IACvG,QAAQ,EAAE,MAAM,CAAC;IACjB,sGAAsG;IACtG,SAAS,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC;IACvB,qGAAqG;IACrG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,gBAAgB,EAAE,MAAM,CAAC;IACzB,wDAAwD;IACxD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iDAAiD;IACjD,eAAe,EAAE,MAAM,CAAC;IACxB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oFAAoF;AACpF,MAAM,WAAW,4BAA4B;IAC3C,iCAAiC;IACjC,IAAI,EAAE,iCAAiC,CAAC;IACxC,wCAAwC;IACxC,WAAW,EAAE,iCAAiC,CAAC;IAC/C,wCAAwC;IACxC,OAAO,EAAE,gCAAgC,CAAC;IAC1C,oCAAoC;IACpC,OAAO,EAAE,iCAAiC,CAAC;IAC3C,mCAAmC;IACnC,MAAM,EAAE,iCAAiC,CAAC;IAC1C,+DAA+D;IAC/D,YAAY,EAAE,kCAAkC,CAAC;IACjD,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qFAAqF;AACrF,MAAM,WAAW,4BAA4B;IAC3C,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,gEAAgE;AAChE,MAAM,WAAW,2BAA2B;IAC1C,qEAAqE;IACrE,MAAM,EAAE,4BAA4B,CAAC;IACrC,yEAAyE;IACzE,MAAM,EAAE,iCAAiC,CAAC;IAC1C,kEAAkE;IAClE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,4BAA4B,CAAC,KAAK,IAAI,CAAC;IACjE,sFAAsF;IACtF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qJAAqJ;IACrJ,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,MAAM,EAAE,4BAA4B,CAAC;IACrC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,8GAA8G;IAC9G,sBAAsB,CAAC,EAAE,kCAAkC,EAAE,CAAC;CAC/D"}

package/models/editor-layout-props.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+/** Text labels for `EditorLayout`. All strings have English defaults. */
+export interface EditorLayoutLabels {
+    /** SR-only text announced while `isSaving` is `true`. Defaults to `'Saving'`. */
+    savingStatusLabel?: string;
+}
+/** CSS custom property overrides for `EditorLayout`. */
+export interface EditorLayoutColors {
+    /** Bottom border color of the header row. Defaults to `--stroke-tertiary`. */
+    headerBorderColor?: string;
+    /** Inline-end border color of the left sidebar panel. Defaults to `--stroke-tertiary`. */
+    sidebarBorderColor?: string;
+}
+/** Style overrides for `EditorLayout`. */
+export interface EditorLayoutStyles {
+    /** Color token overrides. */
+    colors?: EditorLayoutColors;
+}
+/** Props for `EditorLayout`. */
+export interface EditorLayoutProps {
+    /** Heading text rendered as `<h1>` in the header row. */
+    title: string;
+    /** Called when the back-arrow button is clicked. */
+    onBack: () => void;
+    /** Accessible label for the back-arrow button. Defaults to `'Back'`. */
+    backAriaLabel?: string;
+    /** Inline-end slot in the header row — typically Cancel + Save buttons. */
+    actions?: ReactNode;
+    /** Left column content (Metadata section at desktop; top on mobile). */
+    leftContent?: ReactNode;
+    /** Right column content (Setup section at desktop; bottom on mobile). When absent, left content fills full width. */
+    rightContent?: ReactNode;
+    /** When `true`, the SR-only saving status region announces `labels.savingStatusLabel`. */
+    isSaving?: boolean;
+    /** Text labels with English defaults. */
+    labels?: EditorLayoutLabels;
+    /** Style overrides applied via CSS custom properties. */
+    styles?: EditorLayoutStyles;
+    /** `dir` attribute forwarded to the root element for explicit direction override. */
+    dir?: 'ltr' | 'rtl';
+}
+//# sourceMappingURL=editor-layout-props.d.ts.map

package/models/editor-layout-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-layout-props.d.ts","sourceRoot":"","sources":["../../src/models/editor-layout-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,yEAAyE;AACzE,MAAM,WAAW,kBAAkB;IACjC,iFAAiF;IACjF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wDAAwD;AACxD,MAAM,WAAW,kBAAkB;IACjC,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0FAA0F;IAC1F,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,0CAA0C;AAC1C,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED,gCAAgC;AAChC,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qHAAqH;IACrH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,yDAAyD;IACzD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,qFAAqF;IACrF,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACrB"}

package/models/editor-section-props.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+/** CSS custom property overrides for `EditorSection`. */
+export interface EditorSectionColors {
+    /** Border color of the section card. Defaults to `--stroke-tertiary`. */
+    borderColor?: string;
+    /** Color of the section title heading. Defaults to `--text-primary`. */
+    titleColor?: string;
+}
+/** Style overrides for `EditorSection`. */
+export interface EditorSectionStyles {
+    /** Color token overrides. */
+    colors?: EditorSectionColors;
+}
+/** Props for `EditorSection`. */
+export interface EditorSectionProps {
+    /** Optional heading rendered above the section body. */
+    title?: string;
+    /** Section body content. */
+    children?: ReactNode;
+    /** Optional style overrides applied via CSS custom properties. */
+    styles?: EditorSectionStyles;
+    /** Additional CSS class applied to the root element. */
+    className?: string;
+}
+//# sourceMappingURL=editor-section-props.d.ts.map

package/models/editor-section-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-section-props.d.ts","sourceRoot":"","sources":["../../src/models/editor-section-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,yDAAyD;AACzD,MAAM,WAAW,mBAAmB;IAClC,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,2CAA2C;AAC3C,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAED,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kEAAkE;IAClE,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/models/validation.d.ts

@@ -0,0 +1,29 @@
+/** Reason a shared field failed validation, for the host app to map to a translated message. */
+export declare enum DeploymentCreationFieldErrorCode {
+    /** The field is required and was left empty. */
+    Required = "required",
+    /** The field's value does not match the required character pattern. */
+    InvalidFormat = "invalid-format",
+    /** The field's value exceeds its maximum length. */
+    TooLong = "too-long"
+}
+/** Untranslated error codes returned by `validateDeploymentCreationFields`. */
+export interface DeploymentCreationFormErrorCodes {
+    /** Error code for the name field, if invalid. */
+    name?: DeploymentCreationFieldErrorCode;
+    /** Error code for the version field, if invalid. */
+    version?: DeploymentCreationFieldErrorCode;
+}
+/** Optional pattern-check toggles for field validation. */
+export interface DeploymentCreationFormValidationOptions {
+    /** Whether to reject a name containing characters outside `NAME_PATTERN`. */
+    validateNamePattern?: boolean;
+    /**
+     * Whether to reject a non-empty version that doesn't match a pattern.
+     * `true` checks against the default `VERSION_PATTERN`; passing a `RegExp`
+     * checks against that pattern instead (e.g. `SEMVER_VERSION_PATTERN` for a
+     * host that requires a strict dot-separated numeric version).
+     */
+    validateVersionPattern?: boolean | RegExp;
+}
+//# sourceMappingURL=validation.d.ts.map

package/models/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/models/validation.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,oBAAY,gCAAgC;IAC1C,gDAAgD;IAChD,QAAQ,aAAa;IACrB,uEAAuE;IACvE,aAAa,mBAAmB;IAChC,oDAAoD;IACpD,OAAO,aAAa;CACrB;AAED,+EAA+E;AAC/E,MAAM,WAAW,gCAAgC;IAC/C,iDAAiD;IACjD,IAAI,CAAC,EAAE,gCAAgC,CAAC;IACxC,oDAAoD;IACpD,OAAO,CAAC,EAAE,gCAAgC,CAAC;CAC5C;AAED,2DAA2D;AAC3D,MAAM,WAAW,uCAAuC;IACtD,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC3C"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-builder-form",
-  "description": "Presentational builder form components for composing and editing DIAL entities",
-  "version": "1.1.0-dev.456",
+  "description": "Presentational builder form shells, editor layouts, and shared deployment field sets for composing and editing DIAL entities",
+  "version": "1.1.0-dev.465",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,7 +17,7 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.456",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.465",
     "@epam/ai-dial-ui-kit": "^0.14.0-dev.15",
     "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0"

package/utils/validate-deployment-creation-fields.d.ts

@@ -0,0 +1,11 @@
+import { DeploymentCreationFormValues } from '../models/deployment-creation-form';
+import { DeploymentCreationFormErrorCodes, DeploymentCreationFormValidationOptions } from '../models/validation';
+/** Allowed characters for the name field: letters, digits, spaces, underscores, dots, dashes. */
+export declare const NAME_PATTERN: RegExp;
+/** Allowed characters for the version field: letters, digits, dots, underscores, dashes. */
+export declare const VERSION_PATTERN: RegExp;
+/** Stricter version shape: one or more dot-separated numeric segments (e.g. `0.0.1`). */
+export declare const SEMVER_VERSION_PATTERN: RegExp;
+/** Validates the General-step fields and returns untranslated error codes; has no side effects. */
+export declare const validateDeploymentCreationFields: (values: DeploymentCreationFormValues, options?: DeploymentCreationFormValidationOptions) => DeploymentCreationFormErrorCodes;
+//# sourceMappingURL=validate-deployment-creation-fields.d.ts.map

package/utils/validate-deployment-creation-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-deployment-creation-fields.d.ts","sourceRoot":"","sources":["../../src/utils/validate-deployment-creation-fields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,KAAK,EACV,gCAAgC,EAChC,uCAAuC,EACxC,MAAM,sBAAsB,CAAC;AAG9B,iGAAiG;AACjG,eAAO,MAAM,YAAY,QAAuB,CAAC;AAEjD,4FAA4F;AAC5F,eAAO,MAAM,eAAe,QAAsB,CAAC;AAEnD,yFAAyF;AACzF,eAAO,MAAM,sBAAsB,QAAkB,CAAC;AAEtD,mGAAmG;AACnG,eAAO,MAAM,gCAAgC,GAC3C,QAAQ,4BAA4B,EACpC,UAAS,uCAA4C,KACpD,gCAsBF,CAAC"}