@epam/ai-dial-starter-buttons 1.3.0-dev.28 → 1.3.0-dev.282

package/components/StarterButtons/StarterButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StarterButtons.d.ts","sourceRoot":"","sources":["../../../src/components/StarterButtons/StarterButtons.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAMtE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsKlD,CAAC"}
+{"version":3,"file":"StarterButtons.d.ts","sourceRoot":"","sources":["../../../src/components/StarterButtons/StarterButtons.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAMtE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAwKlD,CAAC"}

package/index.css

@@ -1 +1,2 @@
-.visible{visibility:visible}.collapse{visibility:collapse}.mb-4{margin-bottom:1rem}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+.collapse{visibility:collapse}.visible{visibility:visible}.mb-4{margin-bottom:1rem}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}

package/index.js

@@ -7,82 +7,83 @@ import { jsx as m, jsxs as h } from "react/jsx-runtime";
 var g = {
 	root: "dial-starter-buttons-root",
 	list: "dial-starter-buttons-list"
-}, _ = 4, v = 8, y = ({ starters: y, onSelect: b, isMobile: x, isCollapsible: S = !0, labels: C, styles: w }) => {
-	let T = f(null), E = f([]), D = f([]), [O, k] = p(() => Math.min(y.length, _)), A = l((e) => {
-		let t = T.current;
+}, _ = 4, v = 8, y = ({ starters: y, onSelect: b, isMobile: x, isCollapsible: S = !0, isIconHidden: C, labels: w, styles: T }) => {
+	let E = f(null), D = f([]), O = f([]), [k, A] = p(() => Math.min(y.length, _)), j = l((e) => {
+		let t = E.current;
 		if (!t || !S) return;
 		let n = t.getBoundingClientRect().width;
 		if (n === 0) return;
 		let r = Math.min(e, _);
-		E.current.slice(0, r).every((e) => e != null) && (D.current = E.current.slice(0, r).map((e) => e?.getBoundingClientRect().width ?? 0));
-		let i = (e) => D.current[e] ?? 120, a = 0, o = 0;
+		D.current.slice(0, r).every((e) => e != null) && (O.current = D.current.slice(0, r).map((e) => e?.getBoundingClientRect().width ?? 0));
+		let i = (e) => O.current[e] ?? 120, a = 0, o = 0;
 		for (let t = 0; t < r; t++) {
 			let r = i(t), s = e - (t + 1) > 0;
 			if (a + (t > 0 ? v : 0) + r + (s ? 64 : 0) > n) break;
 			a += (t > 0 ? v : 0) + r, o = t + 1;
 		}
-		k(Math.max(1, o));
+		A(Math.max(1, o));
 	}, [S]);
 	u(() => {
-		D.current = [], k(Math.min(y.length, _));
+		O.current = [], A(Math.min(y.length, _));
 	}, [y.length]), u(() => {
-		let e = T.current;
+		let e = E.current;
 		if (!e || !S) return;
 		let t = new ResizeObserver(() => {
-			A(y.length);
+			j(y.length);
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [
-		A,
+		j,
 		S,
 		y.length
 	]), u(() => {
-		A(y.length);
+		j(y.length);
 	}, [
-		A,
+		j,
 		y.length,
-		O
+		k
 	]);
-	let j = d(() => ({
+	let M = d(() => ({
 		...e,
-		stroke: w?.iconStrokeWidth ?? e.stroke,
-		size: w?.iconSize ?? e.size
-	}), [w?.iconStrokeWidth, w?.iconSize]);
+		stroke: T?.iconStrokeWidth ?? e.stroke,
+		size: T?.iconSize ?? e.size
+	}), [T?.iconStrokeWidth, T?.iconSize]);
 	if (y.length === 0) return null;
-	let M = S ? y.slice(0, O) : y, N = S ? y.slice(O) : [], P = N.map((e, t) => ({
+	let N = S ? y.slice(0, k) : y, P = S ? y.slice(k) : [], F = P.map((e, t) => ({
 		key: String(t),
 		label: e.title,
 		onClick: () => b(e)
 	}));
 	return /* @__PURE__ */ m("div", {
-		ref: T,
+		ref: E,
 		className: o("mb-4 w-full", g.root),
 		children: /* @__PURE__ */ h("div", {
 			role: "list",
-			"aria-label": C.list,
+			"aria-label": w.list,
 			className: o(S ? "flex flex-wrap justify-center gap-2" : "flex flex-col items-center gap-2", g.list),
-			children: [M.map((e, t) => /* @__PURE__ */ m("div", {
+			children: [N.map((e, t) => /* @__PURE__ */ m("div", {
 				role: "listitem",
 				ref: (e) => {
-					E.current[t] = e;
+					D.current[t] = e;
 				},
 				children: /* @__PURE__ */ m(a, {
 					label: e.title,
-					onClick: () => b(e)
+					onClick: () => b(e),
+					iconBefore: C ? null : void 0
 				})
-			}, e.const)), N.length > 0 && /* @__PURE__ */ m("div", {
+			}, e.const)), P.length > 0 && /* @__PURE__ */ m("div", {
 				role: "listitem",
 				children: /* @__PURE__ */ m(r, {
-					items: P,
+					items: F,
 					placement: "bottom-end",
 					matchReferenceWidth: !1,
 					children: /* @__PURE__ */ m(i, {
 						appearance: t.Outlined,
 						icon: m(x ? s : c, {
-							...j,
+							...M,
 							stroke: n
 						}),
-						"aria-label": C.overflow
+						"aria-label": w.overflow
 					})
 				})
 			})]

package/models/starter-props.d.ts

@@ -28,6 +28,11 @@ export interface StarterButtonsProps {
      * own row, and no overflow menu appears.
      */
     isCollapsible?: boolean;
+    /**
+     * When `true`, renders each starter pill as a label-only button, omitting
+     * the sparkles icon the UI kit's `StarterButton` renders by default.
+     */
+    isIconHidden?: boolean;
     /** Localized labels used within the component. */
     labels: StarterButtonsLabels;
     /** Optional style overrides. */

package/models/starter-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"starter-props.d.ts","sourceRoot":"","sources":["../../src/models/starter-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,gEAAgE;AAChE,MAAM,WAAW,oBAAoB;IACnC,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,0DAA0D;AAC1D,MAAM,WAAW,oBAAoB;IACnC,yFAAyF;IACzF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,gDAAgD;AAChD,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kDAAkD;IAClD,MAAM,EAAE,oBAAoB,CAAC;IAC7B,gCAAgC;IAChC,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B"}
+{"version":3,"file":"starter-props.d.ts","sourceRoot":"","sources":["../../src/models/starter-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,gEAAgE;AAChE,MAAM,WAAW,oBAAoB;IACnC,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,0DAA0D;AAC1D,MAAM,WAAW,oBAAoB;IACnC,yFAAyF;IACzF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,gDAAgD;AAChD,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,MAAM,EAAE,oBAAoB,CAAC;IAC7B,gCAAgC;IAChC,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-starter-buttons",
   "description": "Responsive starter prompt buttons that overflow into a dropdown when space is limited",
-  "version": "1.3.0-dev.28",
+  "version": "1.3.0-dev.282",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,12 +17,12 @@
     }
   },
   "dependencies": {
-    "@tabler/icons-react": "^3.44.0"
+    "@tabler/icons-react": "^3.50.0"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.28",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.282",
     "react": "^19.2.8",
-    "@epam/ai-dial-ui-kit": "^0.15.3"
+    "@epam/ai-dial-ui-kit": "^0.16.0-dev.62"
   },
   "repository": {
     "type": "git",