@epam/ai-dial-starter-buttons 1.0.0-dev.531 → 1.0.0-dev.534

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

@@ -1 +1 @@
-{"version":3,"file":"StarterButtons.d.ts","sourceRoot":"","sources":["../../../src/components/StarterButtons/StarterButtons.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAMtE,uIAAuI;AACvI,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA+IlD,CAAC"}
+{"version":3,"file":"StarterButtons.d.ts","sourceRoot":"","sources":["../../../src/components/StarterButtons/StarterButtons.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAMtE,uIAAuI;AACvI,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoJlD,CAAC"}

package/index.js

@@ -1,69 +1,70 @@
-import { DIAL_ICON_SIZE as e, DialDropdown as t, DialRoundedButton as n } from "@epam/ai-dial-ui-kit";
+import { BASE_MD_ICON_PROPS as e } from "@epam/ai-dial-chat-shared";
+import { DialDropdown as t, DialRoundedButton as n } from "@epam/ai-dial-ui-kit";
 import { IconDots as r, IconDotsVertical as i } from "@tabler/icons-react";
 import { useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/StarterButtons/StarterButtons.tsx
-var d = 4, f = 8, p = ({ starters: p, onSelect: m, isMobile: h, labels: g }) => {
-	let _ = s(null), v = s([]), y = s([]), [b, x] = c(() => Math.min(p.length, d)), S = a((e) => {
-		let t = _.current;
+var d = 4, f = 8, p = ({ starters: p, onSelect: m, isMobile: h, labels: g, styles: _ }) => {
+	let v = s(null), y = s([]), b = s([]), [x, S] = c(() => Math.min(p.length, d)), C = a((e) => {
+		let t = v.current;
 		if (!t) return;
 		let n = t.getBoundingClientRect().width;
 		if (n === 0) return;
 		let r = Math.min(e, d);
-		v.current.slice(0, r).every((e) => e != null) && (y.current = v.current.slice(0, r).map((e) => e?.getBoundingClientRect().width ?? 0));
-		let i = (e) => y.current[e] ?? 120, a = 0, o = 0;
+		y.current.slice(0, r).every((e) => e != null) && (b.current = y.current.slice(0, r).map((e) => e?.getBoundingClientRect().width ?? 0));
+		let i = (e) => b.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 ? f : 0) + r + (s ? 64 : 0) > n) break;
 			a += (t > 0 ? f : 0) + r, o = t + 1;
 		}
-		x(Math.max(1, o));
+		S(Math.max(1, o));
 	}, []);
 	if (o(() => {
-		y.current = [], x(Math.min(p.length, d));
+		b.current = [], S(Math.min(p.length, d));
 	}, [p.length]), o(() => {
-		let e = _.current;
+		let e = v.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
-			S(p.length);
+			C(p.length);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [S, p.length]), o(() => {
-		S(p.length);
+	}, [C, p.length]), o(() => {
+		C(p.length);
 	}), p.length === 0) return null;
-	let C = Math.min(b, d), w = p.slice(0, C), T = p.slice(C), E = T.map((e, t) => ({
+	let w = Math.min(x, d), T = p.slice(0, w), E = p.slice(w), D = E.map((e, t) => ({
 		key: String(t),
 		label: e.title,
 		onClick: () => m(e)
 	}));
 	return /* @__PURE__ */ l("div", {
-		ref: _,
+		ref: v,
 		className: "mb-4 w-full",
 		children: /* @__PURE__ */ u("div", {
 			role: "list",
 			"aria-label": g.list,
 			className: "flex flex-wrap justify-center gap-2",
-			children: [w.map((e, t) => /* @__PURE__ */ l("div", {
+			children: [T.map((e, t) => /* @__PURE__ */ l("div", {
 				role: "listitem",
 				ref: (e) => {
-					v.current[t] = e;
+					y.current[t] = e;
 				},
 				children: /* @__PURE__ */ l(n, {
 					label: e.title,
 					onClick: () => m(e)
 				})
-			}, e.const)), T.length > 0 && /* @__PURE__ */ l("div", {
+			}, e.const)), E.length > 0 && /* @__PURE__ */ l("div", {
 				role: "listitem",
 				children: /* @__PURE__ */ l(t, {
-					items: E,
+					items: D,
 					placement: "bottom-end",
 					matchReferenceWidth: !1,
 					listClassName: "cp-dropdown-overlay",
 					children: /* @__PURE__ */ l(n, {
 						iconAfter: l(h ? r : i, {
-							stroke: 1.5,
-							size: e.MD,
-							"aria-hidden": !0
+							...e,
+							stroke: _?.iconStrokeWidth ?? e.stroke,
+							size: _?.iconSize ?? e.size
 						}),
 						"aria-label": g.overflow
 					})

package/models/starter-props.d.ts

@@ -6,6 +6,12 @@ export interface StarterButtonsLabels {
     /** Label for the overflow menu that holds buttons that do not fit. */
     overflow: string;
 }
+export interface StarterButtonsStyles {
+    /** Extra CSS class applied to the outer container div. */
+    iconSize?: number;
+    /** Stroke width of the search and clear icons. Defaults to the icon's own default. */
+    iconStrokeWidth?: number;
+}
 /** Props for the StarterButtons component. */
 export interface StarterButtonsProps {
     /** Starter prompt options to display as buttons. */
@@ -16,5 +22,7 @@ export interface StarterButtonsProps {
     isMobile?: boolean;
     /** Localized labels used within the component. */
     labels: StarterButtonsLabels;
+    /** Optional style overrides. */
+    styles?: StarterButtonsStyles;
 }
 //# sourceMappingURL=starter-props.d.ts.map

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,mEAAmE;AACnE,MAAM,WAAW,oBAAoB;IACnC,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,8CAA8C;AAC9C,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,kDAAkD;IAClD,MAAM,EAAE,oBAAoB,CAAC;CAC9B"}
+{"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,mEAAmE;AACnE,MAAM,WAAW,oBAAoB;IACnC,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,8CAA8C;AAC9C,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,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.0.0-dev.531",
+  "version": "1.0.0-dev.534",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -16,8 +16,8 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.0.0-dev.531",
-    "@epam/ai-dial-ui-kit": "0.12.0-dev.28",
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.534",
+    "@epam/ai-dial-ui-kit": "0.12.0-dev.36",
     "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0"
   },