@kazee-ds/react 0.5.0 → 0.5.2

package/README.md

@@ -0,0 +1,28 @@
+# @kazee-ds/react
+
+Accessible Kazee React components, including Toast, built on React Aria Components. Requires React/React DOM 19+ and ESM.
+
+## Install
+
+Public npm installation requires no read token or login. Preserve the application's package manager and lockfile.
+
+```sh
+npm install --save-exact @kazee-ds/react@0.5.2 @kazee-ds/styles@0.5.2
+```
+
+## Use
+
+```tsx
+import { Button } from '@kazee-ds/react';
+import '@kazee-ds/styles/index.css';
+
+export function Example() {
+  return <Button onPress={() => console.log('Saved')}>Save</Button>;
+}
+```
+
+Import the stylesheet once globally. React/Vue/styles are version `0.5.2`; tokens and consumer lint remain `0.4.1`. Check the [version matrix](https://gitlab.com/kazee.indonesia/kazee-design-system/-/blob/main/docs/versions.md) for release availability. Read installed public types before using an API from a newer Storybook or MCP catalog.
+
+[Installation](https://gitlab.com/kazee.indonesia/kazee-design-system/-/blob/main/docs/installation.md) ? [Public Storybook](https://kazee-design-system-023417.gitlab.io) ? [Consumer lint](https://gitlab.com/kazee.indonesia/kazee-design-system/-/blob/main/docs/consumer-lint.md)
+
+License: UNLICENSED. Public distribution does not grant an open-source license.

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,