@voyantjs/pricing-ui 0.33.0 → 0.34.0

package/README.md

@@ -18,6 +18,10 @@ pnpm add @voyantjs/pricing-ui @voyantjs/pricing-react @voyantjs/ui @tanstack/rea
 
 All components accept a `className` prop and merge it with `cn()`. Wrap or compose to extend; use the registry copy-paste path (`npx shadcn add @voyant/...`) for components you want to fork outright.
 
+Page components render with `p-6` outer padding by default and are intended to
+mount directly into an app route outlet. Pass `className` to extend or override
+that spacing when a shell owns the page chrome.
+
 ## I18n
 
 Components render English by default. To localize them, wrap your UI in

package/dist/components/price-catalogs-page.js

@@ -47,7 +47,7 @@ export function PriceCatalogsPage({ pageSize = DEFAULT_PAGE_SIZE, className, } =
     const catalogs = data?.data ?? [];
     const total = data?.total ?? 0;
     const pageCount = Math.max(1, Math.ceil(total / pageSize));
-    return (_jsxs("div", { "data-slot": "price-catalogs-page", className: cn("flex flex-col gap-6", className), children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight", children: pageMessages.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: pageMessages.description })] }), _jsxs(Button, { size: "sm", onClick: () => {
+    return (_jsxs("div", { "data-slot": "price-catalogs-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight", children: pageMessages.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: pageMessages.description })] }), _jsxs(Button, { size: "sm", onClick: () => {
                             setEditing(undefined);
                             setSheetOpen(true);
                         }, children: [_jsx(Plus, { className: "mr-1.5 size-3.5" }), pageMessages.addCatalog] })] }), isPending ? (_jsx(PriceCatalogsListLoading, { loadingLabel: messages.common.loading })) : (_jsx("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: catalogs.length === 0 ? (_jsx("p", { className: "py-12 text-center text-sm text-muted-foreground", children: pageMessages.empty })) : (_jsx("div", { className: "flex flex-col divide-y", children: catalogs.map((catalog) => (_jsxs("div", { className: "flex items-center justify-between gap-4 px-6 py-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium", children: catalog.name }), _jsx("span", { className: "font-mono text-xs text-muted-foreground", children: catalog.code }), _jsx(Badge, { variant: "outline", className: "text-xs", children: catalog.currencyCode ?? messages.common.none }), _jsx(Badge, { variant: "outline", className: "text-xs", children: pageMessages.catalogTypeLabels[catalog.catalogType] }), catalog.isDefault ? (_jsx(Badge, { variant: "default", className: "text-xs", children: pageMessages.default })) : null, !catalog.active ? (_jsx(Badge, { variant: "secondary", className: "text-xs", children: messages.common.inactive })) : null] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "size-8 text-muted-foreground", children: _jsx(MoreHorizontal, { className: "size-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => {

package/dist/components/pricing-categories-page.js

@@ -5,5 +5,5 @@ import { usePricingUiMessagesOrDefault } from "../i18n/index.js";
 import { PricingCategoryList } from "./pricing-category-list.js";
 export function PricingCategoriesPage({ pageSize, className } = {}) {
     const messages = usePricingUiMessagesOrDefault().pricingCategoriesPage;
-    return (_jsxs("div", { "data-slot": "pricing-categories-page", className: cn("flex flex-col gap-6", className), children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight", children: messages.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.description })] }), _jsx(PricingCategoryList, { pageSize: pageSize })] }));
+    return (_jsxs("div", { "data-slot": "pricing-categories-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight", children: messages.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.description })] }), _jsx(PricingCategoryList, { pageSize: pageSize })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/pricing-ui",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -46,13 +46,13 @@
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.60.0",
     "zod": "^4.3.6",
-    "@voyantjs/pricing-react": "0.33.0",
-    "@voyantjs/products-react": "0.33.0",
-    "@voyantjs/ui": "0.33.0",
-    "@voyantjs/utils": "0.33.0"
+    "@voyantjs/pricing-react": "0.34.0",
+    "@voyantjs/products-react": "0.34.0",
+    "@voyantjs/ui": "0.34.0",
+    "@voyantjs/utils": "0.34.0"
   },
   "dependencies": {
-    "@voyantjs/i18n": "0.33.0"
+    "@voyantjs/i18n": "0.34.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.96.2",
@@ -66,12 +66,12 @@
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
     "zod": "^4.3.6",
-    "@voyantjs/i18n": "0.33.0",
-    "@voyantjs/pricing-react": "0.33.0",
-    "@voyantjs/products-react": "0.33.0",
+    "@voyantjs/i18n": "0.34.0",
+    "@voyantjs/pricing-react": "0.34.0",
+    "@voyantjs/products-react": "0.34.0",
     "@voyantjs/voyant-typescript-config": "0.1.0",
-    "@voyantjs/ui": "0.33.0",
-    "@voyantjs/utils": "0.33.0"
+    "@voyantjs/ui": "0.34.0",
+    "@voyantjs/utils": "0.34.0"
   },
   "files": [
     "dist",