@oods/components-react 0.3.0 → 0.3.2

package/README.md

@@ -8,7 +8,7 @@ React components used by screens generated with OODS Foundry. The package export
 npm install @oods/components-react @oods/component-styles @oods/tokens @oods/component-contracts react react-dom
 ```
 
-Use React and React DOM 18 or 19. Bring your existing React app or use Forge's `code_generate` with `options.output: "application"` for an app entry and Vite configuration.
+Use React and React DOM 18 or 19. Bring your existing React app or use OODS Foundry's `code_generate` with `options.output: "application"` for an app entry and Vite configuration.
 
 ## First result
 
@@ -24,7 +24,7 @@ export function App() {
 
 Set `data-brand="A"` and `data-theme="light"` on the root HTML element. The result is a button labelled “Review stock” that invokes the supplied handler. Set the theme to `dark` or `hc` for those scopes.
 
-Generated sample screens identify their sample data. A workflow's local store is not a production database; supply your data, navigation and persistence handlers. Retained component evidence covers named scenarios and themes, not every application you build. For your own implementation of a shipped component, use Forge's substitution mapping and inspect its advisory contract report.
+Generated sample screens identify their sample data. A workflow's local store is not a production database; supply your data, navigation and persistence handlers. Retained component evidence covers named scenarios and themes, not every application you build. For your own implementation of a shipped component, use OODS Foundry's substitution mapping and inspect its advisory contract report.
 
 ## Limits
 
@@ -32,4 +32,4 @@ Use matching versions of the OODS packages. These packages are separate from the
 
 ## License
 
-Apache License 2.0. See [LICENSE](LICENSE) and [NOTICE](NOTICE). Generated output belongs to its user; installed package dependencies retain their own licenses.
+Apache License 2.0. See [LICENSE](https://cdn.jsdelivr.net/npm/@oods/components-react@0.3.2/LICENSE) and [NOTICE](https://cdn.jsdelivr.net/npm/@oods/components-react@0.3.2/NOTICE). Generated output belongs to its user; installed package dependencies retain their own licenses.

package/dist/index.cjs

@@ -2398,7 +2398,7 @@ function createBadgeFamily(options) {
       return typeof value === "string" && value.trim().length > 0 ? value : void 0;
     };
     const content = childContent(children);
-    const label = content.scalar ?? firstText(...options.labelKeys.map((key) => options.component === "CancellationBadge" && typeof record[key] === "boolean" && options.booleanProps?.includes(key) ? record[key] ? "Cancellation scheduled" : "No cancellation scheduled" : scalar(key))) ?? options.defaultLabel;
+    const label = content.scalar ?? firstText(...options.labelKeys.map((key) => options.booleanLabels && typeof record[key] === "boolean" && options.booleanProps?.includes(key) ? options.booleanLabels[record[key] ? 0 : 1] : scalar(key))) ?? options.defaultLabel;
     const status = firstText(...options.statusKeys.map(scalar));
     const variant = scalar("variant") ?? options.defaultVariant;
     const tone = record.tone;
@@ -3072,7 +3072,8 @@ var ArchivePill = createBadgeFamily({
   defaultVariant: "archive",
   labelKeys: ["label", "text", "status", "state", "isArchived", "value"],
   statusKeys: ["status", "state", "isArchived", "value"],
-  booleanProps: ["isArchived", "value"]
+  booleanProps: ["isArchived", "value"],
+  booleanLabels: ["Archived", "Not archived"]
 });
 var CancellationBadge = createBadgeFamily({
   component: "CancellationBadge",
@@ -3081,7 +3082,8 @@ var CancellationBadge = createBadgeFamily({
   defaultVariant: "cancellation",
   labelKeys: ["label", "text", "status", "state", "cancelAtPeriodEnd", "value"],
   statusKeys: ["status", "state", "cancelAtPeriodEnd", "isCancelled", "value"],
-  booleanProps: ["cancelAtPeriodEnd", "isCancelled", "value"]
+  booleanProps: ["cancelAtPeriodEnd", "isCancelled", "value"],
+  booleanLabels: ["Cancellation scheduled", "No cancellation scheduled"]
 });
 var ArchiveSummary = React7__namespace.forwardRef(
   ({ title, label, heading, name, isArchived, archived, status, archivedAt, reason, archiveReason, summary: summary2, text, description, children, className, ...rest }, ref) => {
@@ -3101,7 +3103,7 @@ ArchiveSummary.displayName = "OODS.ArchiveSummary";
 var PriceCardMeta = React7__namespace.forwardRef(
   ({ title, label, heading, name, model, pricingModel, interval, billingInterval, children, className, ...rest }, ref) => {
     const content = childContent(children);
-    const terms = [["Model", firstText(model, pricingModel)], ["Interval", firstText(interval, billingInterval)]].filter((entry) => entry[1] !== void 0);
+    const terms = [["Model", componentContracts.formatPriceCode(firstText(model, pricingModel))], ["Interval", componentContracts.formatPriceCode(firstText(interval, billingInterval))]].filter((entry) => entry[1] !== void 0);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: classes7("oods-price-card-meta", className), "data-oods-component": "PriceCardMeta", "data-meta-type": "price", ...rest, children: content.authored || content.scalar !== void 0 ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { "data-meta-title": "true", children: firstText(title, label, heading, name) ?? "Price" }),
       terms.map(([term, value]) => /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-meta-item": "true", children: [

package/dist/index.js

@@ -683,7 +683,7 @@ function createBadgeFamily(options) {
       return typeof value === "string" && value.trim().length > 0 ? value : void 0;
     };
     const content = childContent(children);
-    const label = content.scalar ?? firstText(...options.labelKeys.map((key) => options.component === "CancellationBadge" && typeof record[key] === "boolean" && options.booleanProps?.includes(key) ? record[key] ? "Cancellation scheduled" : "No cancellation scheduled" : scalar(key))) ?? options.defaultLabel;
+    const label = content.scalar ?? firstText(...options.labelKeys.map((key) => options.booleanLabels && typeof record[key] === "boolean" && options.booleanProps?.includes(key) ? options.booleanLabels[record[key] ? 0 : 1] : scalar(key))) ?? options.defaultLabel;
     const status = firstText(...options.statusKeys.map(scalar));
     const variant = scalar("variant") ?? options.defaultVariant;
     const tone = record.tone;
@@ -1357,7 +1357,8 @@ var ArchivePill = createBadgeFamily({
   defaultVariant: "archive",
   labelKeys: ["label", "text", "status", "state", "isArchived", "value"],
   statusKeys: ["status", "state", "isArchived", "value"],
-  booleanProps: ["isArchived", "value"]
+  booleanProps: ["isArchived", "value"],
+  booleanLabels: ["Archived", "Not archived"]
 });
 var CancellationBadge = createBadgeFamily({
   component: "CancellationBadge",
@@ -1366,7 +1367,8 @@ var CancellationBadge = createBadgeFamily({
   defaultVariant: "cancellation",
   labelKeys: ["label", "text", "status", "state", "cancelAtPeriodEnd", "value"],
   statusKeys: ["status", "state", "cancelAtPeriodEnd", "isCancelled", "value"],
-  booleanProps: ["cancelAtPeriodEnd", "isCancelled", "value"]
+  booleanProps: ["cancelAtPeriodEnd", "isCancelled", "value"],
+  booleanLabels: ["Cancellation scheduled", "No cancellation scheduled"]
 });
 var ArchiveSummary = React3.forwardRef(
   ({ title, label, heading, name, isArchived, archived, status, archivedAt, reason, archiveReason, summary: summary2, text, description, children, className, ...rest }, ref) => {
@@ -1386,7 +1388,7 @@ ArchiveSummary.displayName = "OODS.ArchiveSummary";
 var PriceCardMeta = React3.forwardRef(
   ({ title, label, heading, name, model, pricingModel, interval, billingInterval, children, className, ...rest }, ref) => {
     const content = childContent(children);
-    const terms = [["Model", firstText(model, pricingModel)], ["Interval", firstText(interval, billingInterval)]].filter((entry) => entry[1] !== void 0);
+    const terms = [["Model", formatPriceCode(firstText(model, pricingModel))], ["Interval", formatPriceCode(firstText(interval, billingInterval))]].filter((entry) => entry[1] !== void 0);
     return /* @__PURE__ */ jsx("div", { ref, className: classes3("oods-price-card-meta", className), "data-oods-component": "PriceCardMeta", "data-meta-type": "price", ...rest, children: content.authored || content.scalar !== void 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("span", { "data-meta-title": "true", children: firstText(title, label, heading, name) ?? "Price" }),
       terms.map(([term, value]) => /* @__PURE__ */ jsxs("span", { "data-meta-item": "true", children: [

package/package.json

@@ -1,11 +1,23 @@
 {
   "name": "@oods/components-react",
-  "version": "0.3.0",
-  "description": "OODS React component package.",
+  "version": "0.3.2",
+  "description": "React components for OODS Foundry: the controls, layouts and domain views its generated screens use.",
+  "homepage": "https://oods-foundry.com/",
+  "bugs": {
+    "email": "derek@derekn.com"
+  },
+  "keywords": [
+    "oods",
+    "oods-foundry",
+    "react",
+    "components",
+    "design-system",
+    "accessibility"
+  ],
   "type": "module",
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=20.11.1"
+    "node": ">=22.0.0"
   },
   "files": [
     "dist",
@@ -52,8 +64,8 @@
   ],
   "dependencies": {
     "@radix-ui/react-slot": "^1.1.2",
-    "@oods/component-contracts": "0.3.0",
-    "@oods/component-styles": "0.3.0"
+    "@oods/component-contracts": "0.3.2",
+    "@oods/component-styles": "0.3.2"
   },
   "peerDependencies": {
     "react": ">=18 <20",