@kazee-ds/react 0.5.0 → 0.5.1

package/dist/index.js

@@ -3056,7 +3056,7 @@ var QueueAdapter = class extends UNSTABLE_ToastQueue {
 	}
 };
 var ToastContext = createContext(null);
-function ToastProvider({ children, manager: suppliedManager, placement = "bottom-end", label = "Notifikasi / Notifications", closeLabel = "Tutup notifikasi / Close notification", hotkey = ["Alt", "t"], dir = "ltr", showProgress = false, swipeThreshold = 50, renderToast }) {
+function ToastProvider({ children, manager: suppliedManager, placement = "bottom-end", label = "Notifikasi / Notifications", closeLabel = "Tutup notifikasi / Close notification", hotkey = ["Alt", "t"], dir = "ltr", showProgress = false, showCloseButton = false, swipeThreshold = 50, renderToast }) {
 	const [ownedManager] = useState(() => createToastManager());
 	const manager = suppliedManager ?? ownedManager;
 	const queue = useMemo(() => new QueueAdapter(manager), [manager]);
@@ -3186,6 +3186,7 @@ function ToastProvider({ children, manager: suppliedManager, placement = "bottom
 		placement,
 		dir,
 		showProgress,
+		showCloseButton,
 		swipeThreshold,
 		restoreFocus: () => {
 			const next = region.current?.querySelector(".toast[data-state=\"open\"]");
@@ -3238,12 +3239,14 @@ function Indicator({ entry }) {
 		}), /* @__PURE__ */ jsx("path", { d: "M12 10v7m0-11v1" })] })
 	});
 }
-function Toast({ entry, indicator, children, className }) {
+function Toast({ entry, indicator, children, className, showCloseButton: closeOverride, showProgress: progressOverride }) {
 	const actionDescriptionId = useId();
 	const cancelDescriptionId = useId();
 	const context = useContext(ToastContext);
 	if (!context) throw new Error("Toast must be used within a ToastProvider region.");
-	const { manager, closeLabel, placement, dir, showProgress, swipeThreshold, restoreFocus } = context;
+	const { manager, closeLabel, placement, dir, swipeThreshold, restoreFocus } = context;
+	const showCloseButton = closeOverride ?? context.showCloseButton;
+	const showProgress = progressOverride ?? context.showProgress;
 	const ref = useRef(null);
 	const drag = useRef(null);
 	const [offset, setOffset] = useState(0);
@@ -3338,6 +3341,7 @@ function Toast({ entry, indicator, children, className }) {
 		className: `toast${className ? ` ${className}` : ""}`,
 		"data-toast-id": entry.id,
 		"data-tone": entry.tone,
+		"data-has-close": showCloseButton || void 0,
 		"data-loading": entry.isLoading || void 0,
 		"data-state": entry.state,
 		"data-placement": placement,
@@ -3403,7 +3407,7 @@ function Toast({ entry, indicator, children, className }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ jsx(Button$5, {
+			showCloseButton && /* @__PURE__ */ jsx(Button$5, {
 				slot: "close",
 				className: "toast__close",
 				"aria-label": closeLabel,