@simpleapps-com/augur-web 0.2.15 → 0.2.17

package/dist/chunk-PTAWV5SA.js

@@ -0,0 +1,29 @@
+"use client";
+
+// src/price-format.ts
+var formatDefaults = {
+  currency: "USD",
+  locale: "en-US",
+  precision: 2
+};
+function createFormatPrice(config = {}) {
+  const { currency, locale, precision: defaultPrecision } = {
+    ...formatDefaults,
+    ...config
+  };
+  return function formatPrice(value, options) {
+    const p = options?.precision ?? defaultPrecision;
+    const displayValue = options?.quantity !== void 0 ? value * options.quantity : value;
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency,
+      minimumFractionDigits: p,
+      maximumFractionDigits: p
+    }).format(displayValue);
+  };
+}
+
+export {
+  createFormatPrice
+};
+//# sourceMappingURL=chunk-PTAWV5SA.js.map

package/dist/chunk-PTAWV5SA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/price-format.ts"],"sourcesContent":["// ---------------------------------------------------------------------------\n// Pure formatting logic — no React, no \"use client\".\n// Safe to import in server components.\n// ---------------------------------------------------------------------------\n\nexport interface PriceFormatConfig {\n  /** ISO 4217 currency code. Default: `\"USD\"`. */\n  currency?: string;\n  /** BCP 47 locale. Default: `\"en-US\"`. */\n  locale?: string;\n  /** Decimal places. Default: `2`. */\n  precision?: number;\n}\n\nexport interface FormatPriceOptions {\n  /** Override precision for this call. */\n  precision?: number;\n  /** Multiply value by quantity before formatting. */\n  quantity?: number;\n}\n\nconst formatDefaults: Required<PriceFormatConfig> = {\n  currency: \"USD\",\n  locale: \"en-US\",\n  precision: 2,\n};\n\nexport function createFormatPrice(\n  config: PriceFormatConfig = {},\n): (value: number, options?: FormatPriceOptions) => string {\n  const { currency, locale, precision: defaultPrecision } = {\n    ...formatDefaults,\n    ...config,\n  };\n\n  return function formatPrice(\n    value: number,\n    options?: FormatPriceOptions,\n  ): string {\n    const p = options?.precision ?? defaultPrecision;\n    const displayValue =\n      options?.quantity !== undefined ? value * options.quantity : value;\n    return new Intl.NumberFormat(locale, {\n      style: \"currency\",\n      currency,\n      minimumFractionDigits: p,\n      maximumFractionDigits: p,\n    }).format(displayValue);\n  };\n}\n"],"mappings":";;;AAqBA,IAAM,iBAA8C;AAAA,EAClD,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AACb;AAEO,SAAS,kBACd,SAA4B,CAAC,GAC4B;AACzD,QAAM,EAAE,UAAU,QAAQ,WAAW,iBAAiB,IAAI;AAAA,IACxD,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,SAAO,SAAS,YACd,OACA,SACQ;AACR,UAAM,IAAI,SAAS,aAAa;AAChC,UAAM,eACJ,SAAS,aAAa,SAAY,QAAQ,QAAQ,WAAW;AAC/D,WAAO,IAAI,KAAK,aAAa,QAAQ;AAAA,MACnC,OAAO;AAAA,MACP;AAAA,MACA,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,IACzB,CAAC,EAAE,OAAO,YAAY;AAAA,EACxB;AACF;","names":[]}

package/dist/chunk-VT4JLAIE.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+// src/price-format.ts
+var formatDefaults = {
+  currency: "USD",
+  locale: "en-US",
+  precision: 2
+};
+function createFormatPrice(config = {}) {
+  const { currency, locale, precision: defaultPrecision } = {
+    ...formatDefaults,
+    ...config
+  };
+  return function formatPrice(value, options) {
+    const p = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _ => _.precision]), () => ( defaultPrecision));
+    const displayValue = _optionalChain([options, 'optionalAccess', _2 => _2.quantity]) !== void 0 ? value * options.quantity : value;
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency,
+      minimumFractionDigits: p,
+      maximumFractionDigits: p
+    }).format(displayValue);
+  };
+}
+
+
+
+exports.createFormatPrice = createFormatPrice;
+//# sourceMappingURL=chunk-VT4JLAIE.cjs.map

package/dist/chunk-VT4JLAIE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/chunk-VT4JLAIE.cjs","../src/price-format.ts"],"names":[],"mappings":"AAAA,6rBAAY;AACZ;AACA;ACmBA,IAAM,eAAA,EAA8C;AAAA,EAClD,QAAA,EAAU,KAAA;AAAA,EACV,MAAA,EAAQ,OAAA;AAAA,EACR,SAAA,EAAW;AACb,CAAA;AAEO,SAAS,iBAAA,CACd,OAAA,EAA4B,CAAC,CAAA,EAC4B;AACzD,EAAA,MAAM,EAAE,QAAA,EAAU,MAAA,EAAQ,SAAA,EAAW,iBAAiB,EAAA,EAAI;AAAA,IACxD,GAAG,cAAA;AAAA,IACH,GAAG;AAAA,EACL,CAAA;AAEA,EAAA,OAAO,SAAS,WAAA,CACd,KAAA,EACA,OAAA,EACQ;AACR,IAAA,MAAM,EAAA,mCAAI,OAAA,2BAAS,WAAA,UAAa,kBAAA;AAChC,IAAA,MAAM,aAAA,kBACJ,OAAA,6BAAS,WAAA,IAAa,KAAA,EAAA,EAAY,MAAA,EAAQ,OAAA,CAAQ,SAAA,EAAW,KAAA;AAC/D,IAAA,OAAO,IAAI,IAAA,CAAK,YAAA,CAAa,MAAA,EAAQ;AAAA,MACnC,KAAA,EAAO,UAAA;AAAA,MACP,QAAA;AAAA,MACA,qBAAA,EAAuB,CAAA;AAAA,MACvB,qBAAA,EAAuB;AAAA,IACzB,CAAC,CAAA,CAAE,MAAA,CAAO,YAAY,CAAA;AAAA,EACxB,CAAA;AACF;ADzBA;AACA;AACE;AACF,8CAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/chunk-VT4JLAIE.cjs","sourcesContent":[null,"// ---------------------------------------------------------------------------\n// Pure formatting logic — no React, no \"use client\".\n// Safe to import in server components.\n// ---------------------------------------------------------------------------\n\nexport interface PriceFormatConfig {\n  /** ISO 4217 currency code. Default: `\"USD\"`. */\n  currency?: string;\n  /** BCP 47 locale. Default: `\"en-US\"`. */\n  locale?: string;\n  /** Decimal places. Default: `2`. */\n  precision?: number;\n}\n\nexport interface FormatPriceOptions {\n  /** Override precision for this call. */\n  precision?: number;\n  /** Multiply value by quantity before formatting. */\n  quantity?: number;\n}\n\nconst formatDefaults: Required<PriceFormatConfig> = {\n  currency: \"USD\",\n  locale: \"en-US\",\n  precision: 2,\n};\n\nexport function createFormatPrice(\n  config: PriceFormatConfig = {},\n): (value: number, options?: FormatPriceOptions) => string {\n  const { currency, locale, precision: defaultPrecision } = {\n    ...formatDefaults,\n    ...config,\n  };\n\n  return function formatPrice(\n    value: number,\n    options?: FormatPriceOptions,\n  ): string {\n    const p = options?.precision ?? defaultPrecision;\n    const displayValue =\n      options?.quantity !== undefined ? value * options.quantity : value;\n    return new Intl.NumberFormat(locale, {\n      style: \"currency\",\n      currency,\n      minimumFractionDigits: p,\n      maximumFractionDigits: p,\n    }).format(displayValue);\n  };\n}\n"]}

package/dist/form-textarea.cjs

@@ -2,10 +2,10 @@
 "use client";
 
 
-var _chunkVMOQCPK5cjs = require('./chunk-VMOQCPK5.cjs');
+var _chunk3RVGVJDIcjs = require('./chunk-3RVGVJDI.cjs');
 
 
-var _chunk3RVGVJDIcjs = require('./chunk-3RVGVJDI.cjs');
+var _chunkVMOQCPK5cjs = require('./chunk-VMOQCPK5.cjs');
 require('./chunk-CK53LO3J.cjs');
 
 // src/form-textarea.tsx

package/dist/form-textarea.js

@@ -1,11 +1,11 @@
 "use client";
 "use client";
-import {
-  FormField
-} from "./chunk-GPDD67CJ.js";
 import {
   Textarea
 } from "./chunk-DZ6HBEMA.js";
+import {
+  FormField
+} from "./chunk-GPDD67CJ.js";
 import "./chunk-FHS7SJEQ.js";
 
 // src/form-textarea.tsx

package/dist/price-format.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkVT4JLAIEcjs = require('./chunk-VT4JLAIE.cjs');
+
+
+exports.createFormatPrice = _chunkVT4JLAIEcjs.createFormatPrice;
+//# sourceMappingURL=price-format.cjs.map

package/dist/price-format.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/price-format.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,gEAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/price-format.cjs"}

package/dist/price-format.d.cts

@@ -0,0 +1,17 @@
+interface PriceFormatConfig {
+    /** ISO 4217 currency code. Default: `"USD"`. */
+    currency?: string;
+    /** BCP 47 locale. Default: `"en-US"`. */
+    locale?: string;
+    /** Decimal places. Default: `2`. */
+    precision?: number;
+}
+interface FormatPriceOptions {
+    /** Override precision for this call. */
+    precision?: number;
+    /** Multiply value by quantity before formatting. */
+    quantity?: number;
+}
+declare function createFormatPrice(config?: PriceFormatConfig): (value: number, options?: FormatPriceOptions) => string;
+
+export { type FormatPriceOptions, type PriceFormatConfig, createFormatPrice };

package/dist/price-format.d.ts

@@ -0,0 +1,17 @@
+interface PriceFormatConfig {
+    /** ISO 4217 currency code. Default: `"USD"`. */
+    currency?: string;
+    /** BCP 47 locale. Default: `"en-US"`. */
+    locale?: string;
+    /** Decimal places. Default: `2`. */
+    precision?: number;
+}
+interface FormatPriceOptions {
+    /** Override precision for this call. */
+    precision?: number;
+    /** Multiply value by quantity before formatting. */
+    quantity?: number;
+}
+declare function createFormatPrice(config?: PriceFormatConfig): (value: number, options?: FormatPriceOptions) => string;
+
+export { type FormatPriceOptions, type PriceFormatConfig, createFormatPrice };

package/dist/price-format.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  createFormatPrice
+} from "./chunk-PTAWV5SA.js";
+export {
+  createFormatPrice
+};
+//# sourceMappingURL=price-format.js.map

package/dist/price-format.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/price.cjs

@@ -1,6 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 "use client";
 
+
+var _chunkVT4JLAIEcjs = require('./chunk-VT4JLAIE.cjs');
+
 // src/price.tsx
 var _web = require('@simpleapps-com/augur-utils/web');
 var _jsxruntime = require('react/jsx-runtime');
@@ -15,26 +18,38 @@ function createPrice(config = {}) {
   const {
     currency,
     locale,
-    precision: defaultPrecision,
+    precision,
     zeroLabel,
-    uomSeparator
+    uomSeparator,
+    classNames: factoryClassNames
   } = { ...defaults, ...config };
-  function formatPrice(value, options) {
-    const p = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _ => _.precision]), () => ( defaultPrecision));
-    return new Intl.NumberFormat(locale, {
-      style: "currency",
-      currency,
-      minimumFractionDigits: p,
-      maximumFractionDigits: p
-    }).format(value);
+  const formatPrice = _chunkVT4JLAIEcjs.createFormatPrice.call(void 0, { currency, locale, precision });
+  const slotKeys = [
+    "amount",
+    "uom",
+    "separator",
+    "zero",
+    "skeleton",
+    "original"
+  ];
+  function mergeClassNames(instance) {
+    if (!factoryClassNames && !instance) return {};
+    const result = {};
+    for (const key of slotKeys) {
+      const merged = _web.cn.call(void 0, _optionalChain([factoryClassNames, 'optionalAccess', _ => _[key]]), _optionalChain([instance, 'optionalAccess', _2 => _2[key]]));
+      if (merged) result[key] = merged;
+    }
+    return result;
   }
   function Price(props) {
     if ("loading" in props && props.loading) {
+      const slots2 = mergeClassNames(props.classNames);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "span",
         {
           className: _web.cn.call(void 0, 
             "inline-block h-4 w-16 animate-pulse rounded bg-muted",
+            slots2.skeleton,
             props.className
           )
         }
@@ -44,22 +59,25 @@ function createPrice(config = {}) {
       value = 0,
       quantity,
       uom,
-      precision,
+      precision: instancePrecision,
       originalValue,
-      className
+      className,
+      classNames: instanceClassNames
     } = props;
+    const slots = mergeClassNames(instanceClassNames);
     if (value === 0 && originalValue === void 0) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _web.cn.call(void 0, "text-muted-foreground", className), children: zeroLabel });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _web.cn.call(void 0, "text-muted-foreground", slots.zero, className), children: zeroLabel });
     }
-    const displayValue = quantity !== void 0 ? value * quantity : value;
-    const formatted = formatPrice(displayValue, { precision });
+    const formatted = formatPrice(value, {
+      precision: instancePrecision,
+      quantity
+    });
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className, children: [
-      originalValue !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "s", { className: "mr-1 text-muted-foreground", children: formatPrice(originalValue, { precision }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: formatted }),
-      uom && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "ml-1 text-muted-foreground", children: [
-        uomSeparator,
-        " ",
-        uom
+      originalValue !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "s", { className: _web.cn.call(void 0, "mr-1 text-muted-foreground", slots.original), children: formatPrice(originalValue, { precision: instancePrecision }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: slots.amount, children: formatted }),
+      uom && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _web.cn.call(void 0, "ml-1", slots.separator), children: uomSeparator }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _web.cn.call(void 0, "ml-1 text-muted-foreground", slots.uom), children: uom })
       ] })
     ] });
   }

package/dist/price.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/price.cjs","../src/price.tsx"],"names":[],"mappings":"AAAA,6rBAAY;AACZ,YAAY;AACZ;AACA;ACDA,sDAAmB;AAoFX,+CAAA;AAjCR,IAAM,SAAA,EAAkC;AAAA,EACtC,QAAA,EAAU,KAAA;AAAA,EACV,MAAA,EAAQ,OAAA;AAAA,EACR,SAAA,EAAW,CAAA;AAAA,EACX,SAAA,EAAW,gBAAA;AAAA,EACX,YAAA,EAAc;AAChB,CAAA;AAEO,SAAS,WAAA,CAAY,OAAA,EAAsB,CAAC,CAAA,EAAsB;AACvE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA,EAAW,gBAAA;AAAA,IACX,SAAA;AAAA,IACA;AAAA,EACF,EAAA,EAAI,EAAE,GAAG,QAAA,EAAU,GAAG,OAAO,CAAA;AAE7B,EAAA,SAAS,WAAA,CACP,KAAA,EACA,OAAA,EACQ;AACR,IAAA,MAAM,EAAA,mCAAI,OAAA,2BAAS,WAAA,UAAa,kBAAA;AAChC,IAAA,OAAO,IAAI,IAAA,CAAK,YAAA,CAAa,MAAA,EAAQ;AAAA,MACnC,KAAA,EAAO,UAAA;AAAA,MACP,QAAA;AAAA,MACA,qBAAA,EAAuB,CAAA;AAAA,MACvB,qBAAA,EAAuB;AAAA,IACzB,CAAC,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AAAA,EACjB;AAEA,EAAA,SAAS,KAAA,CAAM,KAAA,EAAmB;AAChC,IAAA,GAAA,CAAI,UAAA,GAAa,MAAA,GAAS,KAAA,CAAM,OAAA,EAAS;AACvC,MAAA,uBACE,6BAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,qBAAA;AAAA,YACT,sDAAA;AAAA,YACA,KAAA,CAAM;AAAA,UACR;AAAA,QAAA;AAAA,MACF,CAAA;AAAA,IAEJ;AAEA,IAAA,MAAM;AAAA,MACJ,MAAA,EAAQ,CAAA;AAAA,MACR,QAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,IACF,EAAA,EAAI,KAAA;AAEJ,IAAA,GAAA,CAAI,MAAA,IAAU,EAAA,GAAK,cAAA,IAAkB,KAAA,CAAA,EAAW;AAC9C,MAAA,uBACE,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAW,qBAAA,uBAAG,EAAyB,SAAS,CAAA,EACnD,QAAA,EAAA,UAAA,CACH,CAAA;AAAA,IAEJ;AAEA,IAAA,MAAM,aAAA,EACJ,SAAA,IAAa,KAAA,EAAA,EAAY,MAAA,EAAQ,SAAA,EAAW,KAAA;AAC9C,IAAA,MAAM,UAAA,EAAY,WAAA,CAAY,YAAA,EAAc,EAAE,UAAU,CAAC,CAAA;AAEzD,IAAA,uBACE,8BAAA,MAAC,EAAA,EAAK,SAAA,EACH,QAAA,EAAA;AAAA,MAAA,cAAA,IAAkB,KAAA,EAAA,mBACjB,6BAAA,GAAC,EAAA,EAAE,SAAA,EAAU,4BAAA,EACV,QAAA,EAAA,WAAA,CAAY,aAAA,EAAe,EAAE,UAAU,CAAC,EAAA,CAC3C,CAAA;AAAA,sBAEF,6BAAA,MAAC,EAAA,EAAM,QAAA,EAAA,UAAA,CAAU,CAAA;AAAA,MAChB,IAAA,mBACC,8BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,4BAAA,EACb,QAAA,EAAA;AAAA,QAAA,YAAA;AAAA,QAAa,GAAA;AAAA,QAAE;AAAA,MAAA,EAAA,CAClB;AAAA,IAAA,EAAA,CAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,KAAA,CAAM,YAAA,EAAc,OAAA;AAEpB,EAAA,OAAO,EAAE,KAAA,EAAO,YAAY,CAAA;AAC9B;ADpEA;AACE;AACF,kCAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/price.cjs","sourcesContent":[null,"\"use client\";\n\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface PriceConfig {\n  /** ISO 4217 currency code. Default: `\"USD\"`. */\n  currency?: string;\n  /** BCP 47 locale. Default: `\"en-US\"`. */\n  locale?: string;\n  /** Decimal places. Default: `2`. */\n  precision?: number;\n  /** Label shown when value is 0. Default: `\"Call for Price\"`. */\n  zeroLabel?: string;\n  /** Separator between price and UOM. Default: `\"/\"`. */\n  uomSeparator?: string;\n}\n\ntype PricePropsBase = {\n  /** Unit price. */\n  value?: number;\n  /** Quantity — multiplied by value for extended price. */\n  quantity?: number;\n  /** Unit of measure label (e.g. \"EACH\", \"FT\"). */\n  uom?: string;\n  /** Override precision for this instance. */\n  precision?: number;\n  /** Original price shown as strikethrough for sale display. */\n  originalValue?: number;\n  /** Additional class names for the root element. */\n  className?: string;\n};\n\nexport type PriceProps =\n  | (PricePropsBase & { loading?: false })\n  | { loading: true; className?: string };\n\nexport interface FormatPriceOptions {\n  precision?: number;\n}\n\nexport interface CreatePriceResult {\n  Price: React.FC<PriceProps>;\n  formatPrice: (value: number, options?: FormatPriceOptions) => string;\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nconst defaults: Required<PriceConfig> = {\n  currency: \"USD\",\n  locale: \"en-US\",\n  precision: 2,\n  zeroLabel: \"Call for Price\",\n  uomSeparator: \"/\",\n};\n\nexport function createPrice(config: PriceConfig = {}): CreatePriceResult {\n  const {\n    currency,\n    locale,\n    precision: defaultPrecision,\n    zeroLabel,\n    uomSeparator,\n  } = { ...defaults, ...config };\n\n  function formatPrice(\n    value: number,\n    options?: FormatPriceOptions,\n  ): string {\n    const p = options?.precision ?? defaultPrecision;\n    return new Intl.NumberFormat(locale, {\n      style: \"currency\",\n      currency,\n      minimumFractionDigits: p,\n      maximumFractionDigits: p,\n    }).format(value);\n  }\n\n  function Price(props: PriceProps) {\n    if (\"loading\" in props && props.loading) {\n      return (\n        <span\n          className={cn(\n            \"inline-block h-4 w-16 animate-pulse rounded bg-muted\",\n            props.className,\n          )}\n        />\n      );\n    }\n\n    const {\n      value = 0,\n      quantity,\n      uom,\n      precision,\n      originalValue,\n      className,\n    } = props as PricePropsBase;\n\n    if (value === 0 && originalValue === undefined) {\n      return (\n        <span className={cn(\"text-muted-foreground\", className)}>\n          {zeroLabel}\n        </span>\n      );\n    }\n\n    const displayValue =\n      quantity !== undefined ? value * quantity : value;\n    const formatted = formatPrice(displayValue, { precision });\n\n    return (\n      <span className={className}>\n        {originalValue !== undefined && (\n          <s className=\"mr-1 text-muted-foreground\">\n            {formatPrice(originalValue, { precision })}\n          </s>\n        )}\n        <span>{formatted}</span>\n        {uom && (\n          <span className=\"ml-1 text-muted-foreground\">\n            {uomSeparator} {uom}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  Price.displayName = \"Price\";\n\n  return { Price, formatPrice };\n}\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/price.cjs","../src/price.tsx"],"names":["slots"],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/price.cjs","sourcesContent":[null,"\"use client\";\n\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { createFormatPrice } from \"./price-format\";\nimport type { FormatPriceOptions } from \"./price-format\";\n\n// Re-export server-safe types so client consumers get everything from one path\nexport type { PriceFormatConfig, FormatPriceOptions } from \"./price-format\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface PriceClassNames {\n  /** The formatted amount text. */\n  amount?: string;\n  /** The UOM label (e.g. \"EACH\"). */\n  uom?: string;\n  /** The separator between price and UOM (e.g. \"/\"). */\n  separator?: string;\n  /** The zero-price label (e.g. \"Call for Price\"). */\n  zero?: string;\n  /** The loading skeleton. */\n  skeleton?: string;\n  /** The strikethrough original price. */\n  original?: string;\n}\n\nexport interface PriceConfig {\n  /** ISO 4217 currency code. Default: `\"USD\"`. */\n  currency?: string;\n  /** BCP 47 locale. Default: `\"en-US\"`. */\n  locale?: string;\n  /** Decimal places. Default: `2`. */\n  precision?: number;\n  /** Label shown when value is 0. Default: `\"Call for Price\"`. */\n  zeroLabel?: string;\n  /** Separator between price and UOM. Default: `\"/\"`. */\n  uomSeparator?: string;\n  /** Default class names for sub-elements. */\n  classNames?: PriceClassNames;\n}\n\ntype PricePropsBase = {\n  /** Unit price. */\n  value?: number;\n  /** Quantity — multiplied by value for extended price. */\n  quantity?: number;\n  /** Unit of measure label (e.g. \"EACH\", \"FT\"). */\n  uom?: string;\n  /** Override precision for this instance. */\n  precision?: number;\n  /** Original price shown as strikethrough for sale display. */\n  originalValue?: number;\n  /** Additional class names for the root element. */\n  className?: string;\n  /** Class names for sub-elements, merged with factory defaults. */\n  classNames?: PriceClassNames;\n};\n\nexport type PriceProps =\n  | (PricePropsBase & { loading?: false })\n  | { loading: true; className?: string; classNames?: PriceClassNames };\n\nexport interface CreatePriceResult {\n  Price: React.FC<PriceProps>;\n  formatPrice: (value: number, options?: FormatPriceOptions) => string;\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nconst defaults = {\n  currency: \"USD\",\n  locale: \"en-US\",\n  precision: 2,\n  zeroLabel: \"Call for Price\",\n  uomSeparator: \"/\",\n} as const;\n\nexport function createPrice(config: PriceConfig = {}): CreatePriceResult {\n  const {\n    currency,\n    locale,\n    precision,\n    zeroLabel,\n    uomSeparator,\n    classNames: factoryClassNames,\n  } = { ...defaults, ...config };\n\n  const formatPrice = createFormatPrice({ currency, locale, precision });\n\n  const slotKeys: (keyof PriceClassNames)[] = [\n    \"amount\", \"uom\", \"separator\", \"zero\", \"skeleton\", \"original\",\n  ];\n\n  function mergeClassNames(\n    instance?: PriceClassNames,\n  ): PriceClassNames {\n    if (!factoryClassNames && !instance) return {};\n    const result: PriceClassNames = {};\n    for (const key of slotKeys) {\n      const merged = cn(factoryClassNames?.[key], instance?.[key]);\n      if (merged) result[key] = merged;\n    }\n    return result;\n  }\n\n  function Price(props: PriceProps) {\n    if (\"loading\" in props && props.loading) {\n      const slots = mergeClassNames(props.classNames);\n      return (\n        <span\n          className={cn(\n            \"inline-block h-4 w-16 animate-pulse rounded bg-muted\",\n            slots.skeleton,\n            props.className,\n          )}\n        />\n      );\n    }\n\n    const {\n      value = 0,\n      quantity,\n      uom,\n      precision: instancePrecision,\n      originalValue,\n      className,\n      classNames: instanceClassNames,\n    } = props as PricePropsBase;\n\n    const slots = mergeClassNames(instanceClassNames);\n\n    if (value === 0 && originalValue === undefined) {\n      return (\n        <span className={cn(\"text-muted-foreground\", slots.zero, className)}>\n          {zeroLabel}\n        </span>\n      );\n    }\n\n    const formatted = formatPrice(value, {\n      precision: instancePrecision,\n      quantity,\n    });\n\n    return (\n      <span className={className}>\n        {originalValue !== undefined && (\n          <s className={cn(\"mr-1 text-muted-foreground\", slots.original)}>\n            {formatPrice(originalValue, { precision: instancePrecision })}\n          </s>\n        )}\n        <span className={slots.amount}>{formatted}</span>\n        {uom && (\n          <>\n            <span className={cn(\"ml-1\", slots.separator)}>\n              {uomSeparator}\n            </span>\n            <span className={cn(\"ml-1 text-muted-foreground\", slots.uom)}>\n              {uom}\n            </span>\n          </>\n        )}\n      </span>\n    );\n  }\n\n  Price.displayName = \"Price\";\n\n  return { Price, formatPrice };\n}\n"]}

package/dist/price.d.cts

@@ -1,3 +1,20 @@
+import { FormatPriceOptions } from './price-format.cjs';
+export { PriceFormatConfig } from './price-format.cjs';
+
+interface PriceClassNames {
+    /** The formatted amount text. */
+    amount?: string;
+    /** The UOM label (e.g. "EACH"). */
+    uom?: string;
+    /** The separator between price and UOM (e.g. "/"). */
+    separator?: string;
+    /** The zero-price label (e.g. "Call for Price"). */
+    zero?: string;
+    /** The loading skeleton. */
+    skeleton?: string;
+    /** The strikethrough original price. */
+    original?: string;
+}
 interface PriceConfig {
     /** ISO 4217 currency code. Default: `"USD"`. */
     currency?: string;
@@ -9,6 +26,8 @@ interface PriceConfig {
     zeroLabel?: string;
     /** Separator between price and UOM. Default: `"/"`. */
     uomSeparator?: string;
+    /** Default class names for sub-elements. */
+    classNames?: PriceClassNames;
 }
 type PricePropsBase = {
     /** Unit price. */
@@ -23,20 +42,20 @@ type PricePropsBase = {
     originalValue?: number;
     /** Additional class names for the root element. */
     className?: string;
+    /** Class names for sub-elements, merged with factory defaults. */
+    classNames?: PriceClassNames;
 };
 type PriceProps = (PricePropsBase & {
     loading?: false;
 }) | {
     loading: true;
     className?: string;
+    classNames?: PriceClassNames;
 };
-interface FormatPriceOptions {
-    precision?: number;
-}
 interface CreatePriceResult {
     Price: React.FC<PriceProps>;
     formatPrice: (value: number, options?: FormatPriceOptions) => string;
 }
 declare function createPrice(config?: PriceConfig): CreatePriceResult;
 
-export { type CreatePriceResult, type FormatPriceOptions, type PriceConfig, type PriceProps, createPrice };
+export { type CreatePriceResult, FormatPriceOptions, type PriceClassNames, type PriceConfig, type PriceProps, createPrice };

package/dist/price.d.ts

@@ -1,3 +1,20 @@
+import { FormatPriceOptions } from './price-format.js';
+export { PriceFormatConfig } from './price-format.js';
+
+interface PriceClassNames {
+    /** The formatted amount text. */
+    amount?: string;
+    /** The UOM label (e.g. "EACH"). */
+    uom?: string;
+    /** The separator between price and UOM (e.g. "/"). */
+    separator?: string;
+    /** The zero-price label (e.g. "Call for Price"). */
+    zero?: string;
+    /** The loading skeleton. */
+    skeleton?: string;
+    /** The strikethrough original price. */
+    original?: string;
+}
 interface PriceConfig {
     /** ISO 4217 currency code. Default: `"USD"`. */
     currency?: string;
@@ -9,6 +26,8 @@ interface PriceConfig {
     zeroLabel?: string;
     /** Separator between price and UOM. Default: `"/"`. */
     uomSeparator?: string;
+    /** Default class names for sub-elements. */
+    classNames?: PriceClassNames;
 }
 type PricePropsBase = {
     /** Unit price. */
@@ -23,20 +42,20 @@ type PricePropsBase = {
     originalValue?: number;
     /** Additional class names for the root element. */
     className?: string;
+    /** Class names for sub-elements, merged with factory defaults. */
+    classNames?: PriceClassNames;
 };
 type PriceProps = (PricePropsBase & {
     loading?: false;
 }) | {
     loading: true;
     className?: string;
+    classNames?: PriceClassNames;
 };
-interface FormatPriceOptions {
-    precision?: number;
-}
 interface CreatePriceResult {
     Price: React.FC<PriceProps>;
     formatPrice: (value: number, options?: FormatPriceOptions) => string;
 }
 declare function createPrice(config?: PriceConfig): CreatePriceResult;
 
-export { type CreatePriceResult, type FormatPriceOptions, type PriceConfig, type PriceProps, createPrice };
+export { type CreatePriceResult, FormatPriceOptions, type PriceClassNames, type PriceConfig, type PriceProps, createPrice };

package/dist/price.js

@@ -1,9 +1,12 @@
 "use client";
 "use client";
+import {
+  createFormatPrice
+} from "./chunk-PTAWV5SA.js";
 
 // src/price.tsx
 import { cn } from "@simpleapps-com/augur-utils/web";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var defaults = {
   currency: "USD",
   locale: "en-US",
@@ -15,26 +18,38 @@ function createPrice(config = {}) {
   const {
     currency,
     locale,
-    precision: defaultPrecision,
+    precision,
     zeroLabel,
-    uomSeparator
+    uomSeparator,
+    classNames: factoryClassNames
   } = { ...defaults, ...config };
-  function formatPrice(value, options) {
-    const p = options?.precision ?? defaultPrecision;
-    return new Intl.NumberFormat(locale, {
-      style: "currency",
-      currency,
-      minimumFractionDigits: p,
-      maximumFractionDigits: p
-    }).format(value);
+  const formatPrice = createFormatPrice({ currency, locale, precision });
+  const slotKeys = [
+    "amount",
+    "uom",
+    "separator",
+    "zero",
+    "skeleton",
+    "original"
+  ];
+  function mergeClassNames(instance) {
+    if (!factoryClassNames && !instance) return {};
+    const result = {};
+    for (const key of slotKeys) {
+      const merged = cn(factoryClassNames?.[key], instance?.[key]);
+      if (merged) result[key] = merged;
+    }
+    return result;
   }
   function Price(props) {
     if ("loading" in props && props.loading) {
+      const slots2 = mergeClassNames(props.classNames);
       return /* @__PURE__ */ jsx(
         "span",
         {
           className: cn(
             "inline-block h-4 w-16 animate-pulse rounded bg-muted",
+            slots2.skeleton,
             props.className
           )
         }
@@ -44,22 +59,25 @@ function createPrice(config = {}) {
       value = 0,
       quantity,
       uom,
-      precision,
+      precision: instancePrecision,
       originalValue,
-      className
+      className,
+      classNames: instanceClassNames
     } = props;
+    const slots = mergeClassNames(instanceClassNames);
     if (value === 0 && originalValue === void 0) {
-      return /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground", className), children: zeroLabel });
+      return /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground", slots.zero, className), children: zeroLabel });
     }
-    const displayValue = quantity !== void 0 ? value * quantity : value;
-    const formatted = formatPrice(displayValue, { precision });
+    const formatted = formatPrice(value, {
+      precision: instancePrecision,
+      quantity
+    });
     return /* @__PURE__ */ jsxs("span", { className, children: [
-      originalValue !== void 0 && /* @__PURE__ */ jsx("s", { className: "mr-1 text-muted-foreground", children: formatPrice(originalValue, { precision }) }),
-      /* @__PURE__ */ jsx("span", { children: formatted }),
-      uom && /* @__PURE__ */ jsxs("span", { className: "ml-1 text-muted-foreground", children: [
-        uomSeparator,
-        " ",
-        uom
+      originalValue !== void 0 && /* @__PURE__ */ jsx("s", { className: cn("mr-1 text-muted-foreground", slots.original), children: formatPrice(originalValue, { precision: instancePrecision }) }),
+      /* @__PURE__ */ jsx("span", { className: slots.amount, children: formatted }),
+      uom && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: cn("ml-1", slots.separator), children: uomSeparator }),
+        /* @__PURE__ */ jsx("span", { className: cn("ml-1 text-muted-foreground", slots.uom), children: uom })
       ] })
     ] });
   }

package/dist/price.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/price.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface PriceConfig {\n  /** ISO 4217 currency code. Default: `\"USD\"`. */\n  currency?: string;\n  /** BCP 47 locale. Default: `\"en-US\"`. */\n  locale?: string;\n  /** Decimal places. Default: `2`. */\n  precision?: number;\n  /** Label shown when value is 0. Default: `\"Call for Price\"`. */\n  zeroLabel?: string;\n  /** Separator between price and UOM. Default: `\"/\"`. */\n  uomSeparator?: string;\n}\n\ntype PricePropsBase = {\n  /** Unit price. */\n  value?: number;\n  /** Quantity — multiplied by value for extended price. */\n  quantity?: number;\n  /** Unit of measure label (e.g. \"EACH\", \"FT\"). */\n  uom?: string;\n  /** Override precision for this instance. */\n  precision?: number;\n  /** Original price shown as strikethrough for sale display. */\n  originalValue?: number;\n  /** Additional class names for the root element. */\n  className?: string;\n};\n\nexport type PriceProps =\n  | (PricePropsBase & { loading?: false })\n  | { loading: true; className?: string };\n\nexport interface FormatPriceOptions {\n  precision?: number;\n}\n\nexport interface CreatePriceResult {\n  Price: React.FC<PriceProps>;\n  formatPrice: (value: number, options?: FormatPriceOptions) => string;\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nconst defaults: Required<PriceConfig> = {\n  currency: \"USD\",\n  locale: \"en-US\",\n  precision: 2,\n  zeroLabel: \"Call for Price\",\n  uomSeparator: \"/\",\n};\n\nexport function createPrice(config: PriceConfig = {}): CreatePriceResult {\n  const {\n    currency,\n    locale,\n    precision: defaultPrecision,\n    zeroLabel,\n    uomSeparator,\n  } = { ...defaults, ...config };\n\n  function formatPrice(\n    value: number,\n    options?: FormatPriceOptions,\n  ): string {\n    const p = options?.precision ?? defaultPrecision;\n    return new Intl.NumberFormat(locale, {\n      style: \"currency\",\n      currency,\n      minimumFractionDigits: p,\n      maximumFractionDigits: p,\n    }).format(value);\n  }\n\n  function Price(props: PriceProps) {\n    if (\"loading\" in props && props.loading) {\n      return (\n        <span\n          className={cn(\n            \"inline-block h-4 w-16 animate-pulse rounded bg-muted\",\n            props.className,\n          )}\n        />\n      );\n    }\n\n    const {\n      value = 0,\n      quantity,\n      uom,\n      precision,\n      originalValue,\n      className,\n    } = props as PricePropsBase;\n\n    if (value === 0 && originalValue === undefined) {\n      return (\n        <span className={cn(\"text-muted-foreground\", className)}>\n          {zeroLabel}\n        </span>\n      );\n    }\n\n    const displayValue =\n      quantity !== undefined ? value * quantity : value;\n    const formatted = formatPrice(displayValue, { precision });\n\n    return (\n      <span className={className}>\n        {originalValue !== undefined && (\n          <s className=\"mr-1 text-muted-foreground\">\n            {formatPrice(originalValue, { precision })}\n          </s>\n        )}\n        <span>{formatted}</span>\n        {uom && (\n          <span className=\"ml-1 text-muted-foreground\">\n            {uomSeparator} {uom}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  Price.displayName = \"Price\";\n\n  return { Price, formatPrice };\n}\n"],"mappings":";;;;AAEA,SAAS,UAAU;AAoFX,cAuCE,YAvCF;AAjCR,IAAM,WAAkC;AAAA,EACtC,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAChB;AAEO,SAAS,YAAY,SAAsB,CAAC,GAAsB;AACvE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EACF,IAAI,EAAE,GAAG,UAAU,GAAG,OAAO;AAE7B,WAAS,YACP,OACA,SACQ;AACR,UAAM,IAAI,SAAS,aAAa;AAChC,WAAO,IAAI,KAAK,aAAa,QAAQ;AAAA,MACnC,OAAO;AAAA,MACP;AAAA,MACA,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,IACzB,CAAC,EAAE,OAAO,KAAK;AAAA,EACjB;AAEA,WAAS,MAAM,OAAmB;AAChC,QAAI,aAAa,SAAS,MAAM,SAAS;AACvC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,MAAM;AAAA,UACR;AAAA;AAAA,MACF;AAAA,IAEJ;AAEA,UAAM;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI;AAEJ,QAAI,UAAU,KAAK,kBAAkB,QAAW;AAC9C,aACE,oBAAC,UAAK,WAAW,GAAG,yBAAyB,SAAS,GACnD,qBACH;AAAA,IAEJ;AAEA,UAAM,eACJ,aAAa,SAAY,QAAQ,WAAW;AAC9C,UAAM,YAAY,YAAY,cAAc,EAAE,UAAU,CAAC;AAEzD,WACE,qBAAC,UAAK,WACH;AAAA,wBAAkB,UACjB,oBAAC,OAAE,WAAU,8BACV,sBAAY,eAAe,EAAE,UAAU,CAAC,GAC3C;AAAA,MAEF,oBAAC,UAAM,qBAAU;AAAA,MAChB,OACC,qBAAC,UAAK,WAAU,8BACb;AAAA;AAAA,QAAa;AAAA,QAAE;AAAA,SAClB;AAAA,OAEJ;AAAA,EAEJ;AAEA,QAAM,cAAc;AAEpB,SAAO,EAAE,OAAO,YAAY;AAC9B;","names":[]}
+{"version":3,"sources":["../src/price.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { createFormatPrice } from \"./price-format\";\nimport type { FormatPriceOptions } from \"./price-format\";\n\n// Re-export server-safe types so client consumers get everything from one path\nexport type { PriceFormatConfig, FormatPriceOptions } from \"./price-format\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface PriceClassNames {\n  /** The formatted amount text. */\n  amount?: string;\n  /** The UOM label (e.g. \"EACH\"). */\n  uom?: string;\n  /** The separator between price and UOM (e.g. \"/\"). */\n  separator?: string;\n  /** The zero-price label (e.g. \"Call for Price\"). */\n  zero?: string;\n  /** The loading skeleton. */\n  skeleton?: string;\n  /** The strikethrough original price. */\n  original?: string;\n}\n\nexport interface PriceConfig {\n  /** ISO 4217 currency code. Default: `\"USD\"`. */\n  currency?: string;\n  /** BCP 47 locale. Default: `\"en-US\"`. */\n  locale?: string;\n  /** Decimal places. Default: `2`. */\n  precision?: number;\n  /** Label shown when value is 0. Default: `\"Call for Price\"`. */\n  zeroLabel?: string;\n  /** Separator between price and UOM. Default: `\"/\"`. */\n  uomSeparator?: string;\n  /** Default class names for sub-elements. */\n  classNames?: PriceClassNames;\n}\n\ntype PricePropsBase = {\n  /** Unit price. */\n  value?: number;\n  /** Quantity — multiplied by value for extended price. */\n  quantity?: number;\n  /** Unit of measure label (e.g. \"EACH\", \"FT\"). */\n  uom?: string;\n  /** Override precision for this instance. */\n  precision?: number;\n  /** Original price shown as strikethrough for sale display. */\n  originalValue?: number;\n  /** Additional class names for the root element. */\n  className?: string;\n  /** Class names for sub-elements, merged with factory defaults. */\n  classNames?: PriceClassNames;\n};\n\nexport type PriceProps =\n  | (PricePropsBase & { loading?: false })\n  | { loading: true; className?: string; classNames?: PriceClassNames };\n\nexport interface CreatePriceResult {\n  Price: React.FC<PriceProps>;\n  formatPrice: (value: number, options?: FormatPriceOptions) => string;\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nconst defaults = {\n  currency: \"USD\",\n  locale: \"en-US\",\n  precision: 2,\n  zeroLabel: \"Call for Price\",\n  uomSeparator: \"/\",\n} as const;\n\nexport function createPrice(config: PriceConfig = {}): CreatePriceResult {\n  const {\n    currency,\n    locale,\n    precision,\n    zeroLabel,\n    uomSeparator,\n    classNames: factoryClassNames,\n  } = { ...defaults, ...config };\n\n  const formatPrice = createFormatPrice({ currency, locale, precision });\n\n  const slotKeys: (keyof PriceClassNames)[] = [\n    \"amount\", \"uom\", \"separator\", \"zero\", \"skeleton\", \"original\",\n  ];\n\n  function mergeClassNames(\n    instance?: PriceClassNames,\n  ): PriceClassNames {\n    if (!factoryClassNames && !instance) return {};\n    const result: PriceClassNames = {};\n    for (const key of slotKeys) {\n      const merged = cn(factoryClassNames?.[key], instance?.[key]);\n      if (merged) result[key] = merged;\n    }\n    return result;\n  }\n\n  function Price(props: PriceProps) {\n    if (\"loading\" in props && props.loading) {\n      const slots = mergeClassNames(props.classNames);\n      return (\n        <span\n          className={cn(\n            \"inline-block h-4 w-16 animate-pulse rounded bg-muted\",\n            slots.skeleton,\n            props.className,\n          )}\n        />\n      );\n    }\n\n    const {\n      value = 0,\n      quantity,\n      uom,\n      precision: instancePrecision,\n      originalValue,\n      className,\n      classNames: instanceClassNames,\n    } = props as PricePropsBase;\n\n    const slots = mergeClassNames(instanceClassNames);\n\n    if (value === 0 && originalValue === undefined) {\n      return (\n        <span className={cn(\"text-muted-foreground\", slots.zero, className)}>\n          {zeroLabel}\n        </span>\n      );\n    }\n\n    const formatted = formatPrice(value, {\n      precision: instancePrecision,\n      quantity,\n    });\n\n    return (\n      <span className={className}>\n        {originalValue !== undefined && (\n          <s className={cn(\"mr-1 text-muted-foreground\", slots.original)}>\n            {formatPrice(originalValue, { precision: instancePrecision })}\n          </s>\n        )}\n        <span className={slots.amount}>{formatted}</span>\n        {uom && (\n          <>\n            <span className={cn(\"ml-1\", slots.separator)}>\n              {uomSeparator}\n            </span>\n            <span className={cn(\"ml-1 text-muted-foreground\", slots.uom)}>\n              {uom}\n            </span>\n          </>\n        )}\n      </span>\n    );\n  }\n\n  Price.displayName = \"Price\";\n\n  return { Price, formatPrice };\n}\n"],"mappings":";;;;;;;AAEA,SAAS,UAAU;AA+GX,SA4CE,UA5CF,KA4CE,YA5CF;AAxCR,IAAM,WAAW;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAChB;AAEO,SAAS,YAAY,SAAsB,CAAC,GAAsB;AACvE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,IAAI,EAAE,GAAG,UAAU,GAAG,OAAO;AAE7B,QAAM,cAAc,kBAAkB,EAAE,UAAU,QAAQ,UAAU,CAAC;AAErE,QAAM,WAAsC;AAAA,IAC1C;AAAA,IAAU;AAAA,IAAO;AAAA,IAAa;AAAA,IAAQ;AAAA,IAAY;AAAA,EACpD;AAEA,WAAS,gBACP,UACiB;AACjB,QAAI,CAAC,qBAAqB,CAAC,SAAU,QAAO,CAAC;AAC7C,UAAM,SAA0B,CAAC;AACjC,eAAW,OAAO,UAAU;AAC1B,YAAM,SAAS,GAAG,oBAAoB,GAAG,GAAG,WAAW,GAAG,CAAC;AAC3D,UAAI,OAAQ,QAAO,GAAG,IAAI;AAAA,IAC5B;AACA,WAAO;AAAA,EACT;AAEA,WAAS,MAAM,OAAmB;AAChC,QAAI,aAAa,SAAS,MAAM,SAAS;AACvC,YAAMA,SAAQ,gBAAgB,MAAM,UAAU;AAC9C,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACAA,OAAM;AAAA,YACN,MAAM;AAAA,UACR;AAAA;AAAA,MACF;AAAA,IAEJ;AAEA,UAAM;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IACd,IAAI;AAEJ,UAAM,QAAQ,gBAAgB,kBAAkB;AAEhD,QAAI,UAAU,KAAK,kBAAkB,QAAW;AAC9C,aACE,oBAAC,UAAK,WAAW,GAAG,yBAAyB,MAAM,MAAM,SAAS,GAC/D,qBACH;AAAA,IAEJ;AAEA,UAAM,YAAY,YAAY,OAAO;AAAA,MACnC,WAAW;AAAA,MACX;AAAA,IACF,CAAC;AAED,WACE,qBAAC,UAAK,WACH;AAAA,wBAAkB,UACjB,oBAAC,OAAE,WAAW,GAAG,8BAA8B,MAAM,QAAQ,GAC1D,sBAAY,eAAe,EAAE,WAAW,kBAAkB,CAAC,GAC9D;AAAA,MAEF,oBAAC,UAAK,WAAW,MAAM,QAAS,qBAAU;AAAA,MACzC,OACC,iCACE;AAAA,4BAAC,UAAK,WAAW,GAAG,QAAQ,MAAM,SAAS,GACxC,wBACH;AAAA,QACA,oBAAC,UAAK,WAAW,GAAG,8BAA8B,MAAM,GAAG,GACxD,eACH;AAAA,SACF;AAAA,OAEJ;AAAA,EAEJ;AAEA,QAAM,cAAc;AAEpB,SAAO,EAAE,OAAO,YAAY;AAC9B;","names":["slots"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpleapps-com/augur-web",
-  "version": "0.2.15",
+  "version": "0.2.17",
   "description": "Shared React UI components for Augur ecommerce sites (Radix + Tailwind)",
   "license": "MIT",
   "repository": {
@@ -65,6 +65,11 @@
       "import": "./dist/price.js",
       "require": "./dist/price.cjs"
     },
+    "./price-format": {
+      "types": "./dist/price-format.d.ts",
+      "import": "./dist/price-format.js",
+      "require": "./dist/price-format.cjs"
+    },
     "./radio-group": {
       "types": "./dist/radio-group.d.ts",
       "import": "./dist/radio-group.js",
@@ -176,7 +181,7 @@
     "dist"
   ],
   "dependencies": {
-    "@simpleapps-com/augur-utils": "0.2.14"
+    "@simpleapps-com/augur-utils": "0.2.17"
   },
   "peerDependencies": {
     "@radix-ui/react-accordion": "^1.2.0",