@waveso/ui 0.9.1 → 0.10.1

package/dist/action-bar.d.ts

@@ -13,6 +13,17 @@ interface ActionBarEntry {
   /** Discard this form's changes. */
   onReset: () => void;
 }
+/** Overridable button + status strings, for internationalization. */
+interface ActionBarLabels {
+  /** Save button. @default "Save" */
+  save?: string;
+  /** Save button while a save is in progress. @default "Saving" */
+  saving?: string;
+  /** Reset button. @default "Reset" */
+  reset?: string;
+  /** Status shown when a save fails. @default "Couldn't save your changes" */
+  saveError?: string;
+}
 interface ActionBarProviderProps {
   children: React.ReactNode;
   /** Message when one form has changes. */
@@ -24,6 +35,8 @@ interface ActionBarProviderProps {
    * users get) when guarded navigation is blocked.
    */
   blockedMessage?: string;
+  /** Overridable button + status strings (for i18n). Merged over the English defaults. */
+  labels?: ActionBarLabels;
   /** Additional className for the bar's inner content box (`data-slot="action-bar-content"`). */
   className?: string;
 }
@@ -56,6 +69,7 @@ declare function ActionBarProvider({
   message,
   pluralMessage,
   blockedMessage,
+  labels,
   className
 }: ActionBarProviderProps): _$react_jsx_runtime0.JSX.Element;
 /**
@@ -83,4 +97,4 @@ declare function useActionBar(id: string, entry: ActionBarEntry): void;
  */
 declare function useActionBarGuard(navigate: (href: string) => void): (href: string) => boolean;
 //#endregion
-export { type ActionBarEntry, ActionBarProvider, type ActionBarProviderProps, useActionBar, useActionBarGuard };
+export { type ActionBarEntry, type ActionBarLabels, ActionBarProvider, type ActionBarProviderProps, useActionBar, useActionBarGuard };

package/dist/action-bar.js

@@ -48,7 +48,14 @@ const ActionBarContext = React.createContext(null);
 * useActionBar('profile', { hasChanges, saving, onSave, onReset });
 * ```
 */
-function ActionBarProvider({ children, message = "You have unsaved changes", pluralMessage = (count) => `${count} unsaved changes`, blockedMessage = "Save or reset your changes before leaving this page", className }) {
+function ActionBarProvider({ children, message = "You have unsaved changes", pluralMessage = (count) => `${count} unsaved changes`, blockedMessage = "Save or reset your changes before leaving this page", labels, className }) {
+	const text = {
+		save: "Save",
+		saving: "Saving",
+		reset: "Reset",
+		saveError: "Couldn't save your changes",
+		...labels
+	};
 	const entriesRef = React.useRef(/* @__PURE__ */ new Map());
 	const [, forceUpdate] = React.useState(0);
 	const [jiggleTransform, setJiggleTransform] = React.useState(null);
@@ -205,7 +212,7 @@ function ActionBarProvider({ children, message = "You have unsaved changes", plu
 					children: [/* @__PURE__ */ jsx("span", {
 						"data-slot": "action-bar-message",
 						className: cn("whitespace-nowrap text-sm font-medium", saveError ? "text-destructive" : "text-contrast"),
-						children: saveError ? "Couldn't save your changes" : displayMessage
+						children: saveError ? text.saveError : displayMessage
 					}), /* @__PURE__ */ jsxs("div", {
 						"data-slot": "action-bar-actions",
 						className: "flex items-center gap-1.5",
@@ -215,14 +222,14 @@ function ActionBarProvider({ children, message = "You have unsaved changes", plu
 							disabled: anySaving,
 							onClick: handleResetAll,
 							className: "h-9 px-3 text-sm hover:text-destructive",
-							children: "Reset"
+							children: text.reset
 						}), /* @__PURE__ */ jsx(Button, {
 							type: "button",
 							variant: "default",
 							disabled: anySaving,
 							onClick: handleSaveAll,
 							className: "h-9 px-4 text-sm",
-							children: anySaving ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, { className: "mr-1.5 h-3.5 w-3.5" }), "Saving"] }) : /* @__PURE__ */ jsxs(Fragment, { children: ["Save", /* @__PURE__ */ jsx(Kbd, {
+							children: anySaving ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, { className: "mr-1.5 h-3.5 w-3.5" }), text.saving] }) : /* @__PURE__ */ jsxs(Fragment, { children: [text.save, /* @__PURE__ */ jsx(Kbd, {
 								className: "ml-1.5",
 								children: isMac ? "⌘S" : "Ctrl+S"
 							})] })

package/dist/badge.d.ts

@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "outline" | "link" | "destructive" | "success" | "warning" | "secondary" | "ghost" | null | undefined;
+  variant?: "default" | "link" | "outline" | "success" | "warning" | "destructive" | "secondary" | "ghost" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type BadgeProps = useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
 declare function Badge({

package/dist/breadcrumb.js

@@ -37,8 +37,6 @@ function BreadcrumbLink({ className, render, ...props }) {
 function BreadcrumbPage({ className, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		"data-slot": "breadcrumb-page",
-		role: "link",
-		"aria-disabled": "true",
 		"aria-current": "page",
 		className: cn("text-contrast font-normal", className),
 		...props

package/dist/button.d.ts

@@ -6,8 +6,8 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "default" | "outline" | "link" | "destructive" | "success" | "secondary" | "ghost" | null | undefined;
-  size?: "default" | "sm" | "xs" | "icon" | "lg" | "xl" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+  variant?: "default" | "link" | "outline" | "success" | "destructive" | "secondary" | "ghost" | null | undefined;
+  size?: "default" | "sm" | "lg" | "icon" | "xs" | "xl" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type ButtonProps = React.ComponentProps<typeof Button$1> & VariantProps<typeof buttonVariants>;
 declare function Button({

package/dist/item.d.ts

@@ -11,7 +11,7 @@ declare const itemVariants: (props?: ({
   size?: "default" | "sm" | "xs" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare const itemMediaVariants: (props?: ({
-  variant?: "default" | "icon" | "image" | null | undefined;
+  variant?: "default" | "image" | "icon" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type ItemGroupProps = React.ComponentProps<"div">;
 type ItemSeparatorProps = React.ComponentProps<typeof Separator>;

package/dist/toast.d.ts

@@ -7,7 +7,7 @@ import * as _$_base_ui_react0 from "@base-ui/react";
 //#region src/toast.d.ts
 declare const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden";
 declare const toastIconVariants: (props?: ({
-  type?: "success" | "warning" | "loading" | "info" | "error" | null | undefined;
+  type?: "loading" | "success" | "info" | "warning" | "error" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare const toastViewportVariants: (props?: ({
   position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@waveso/ui",
-  "version": "0.9.1",
+  "version": "0.10.1",
   "description": "Wave UI component library built on Base UI and Tailwind CSS",
   "type": "module",
   "sideEffects": [
@@ -51,9 +51,11 @@
     "format": "biome format --write",
     "test": "vitest run --passWithNoTests",
     "test:watch": "vitest",
+    "check:package": "publint && attw --pack . --ignore-rules no-resolution",
     "clean": "rm -rf dist",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
+    "chromatic": "chromatic --exit-zero-on-changes",
     "prepublishOnly": "npm run build",
     "changeset": "changeset",
     "version": "changeset version",
@@ -83,6 +85,7 @@
     }
   },
   "devDependencies": {
+    "@arethetypeswrong/cli": "^0.18.4",
     "@base-ui/react": "^1.6.0",
     "@biomejs/biome": "2.5.2",
     "@changesets/cli": "^2.27.0",
@@ -91,15 +94,18 @@
     "@storybook/react-vite": "~10.4.0",
     "@tailwindcss/vite": "^4.2.1",
     "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "chromatic": "^18.0.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "input-otp": "^1.4.2",
     "jsdom": "^29.1.1",
     "motion": "^12.31.0",
+    "publint": "^0.3.21",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-hook-form": "^7.66.0",