@waveso/ui 0.9.1 → 0.10.0

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/button.d.ts

@@ -7,7 +7,7 @@ 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;
+  size?: "default" | "sm" | "xs" | "icon" | "icon-xs" | "icon-sm" | "lg" | "xl" | "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@waveso/ui",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "Wave UI component library built on Base UI and Tailwind CSS",
   "type": "module",
   "sideEffects": [
@@ -51,6 +51,7 @@
     "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",
@@ -83,6 +84,7 @@
     }
   },
   "devDependencies": {
+    "@arethetypeswrong/cli": "^0.18.4",
     "@base-ui/react": "^1.6.0",
     "@biomejs/biome": "2.5.2",
     "@changesets/cli": "^2.27.0",
@@ -91,6 +93,7 @@
     "@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",
@@ -100,6 +103,7 @@
     "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",