@fairgarden/design 0.1.0-alpha.0

package/components/Pricing/Pricing.js

@@ -0,0 +1,350 @@
+'use client';
+import * as React from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { cva } from 'class-variance-authority';
+import { Badge } from '../Badge';
+import { Card, CardChoice } from '../Card';
+import { Icon } from '../Icon';
+import { cx } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants, } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './pricing.module.css';
+/*
+ * Pricing (§12.9), v1 [D169]: honest, comparable prices: items, sales,
+ * plans, membership or donation tiers, wholesale matrices. Composed from
+ * inline `data` prices, faced tier cards, a Radio per tier when a plan feeds
+ * a form (§10.8), Buttons (§9.2) and a `table` for the matrix.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: pricing.module.css; CVA functions `pricing` and `pricingTier`.
+ * - Axes: `kind` → inline | menu | sale | tiers | matrix → `inline`, `menu`,
+ *   `sale`, `tiers`, `kindMatrix` (axis-prefixed: `matrix` is also a part);
+ *   `primary`, `secondary` → scales module classes. `pricingTier`:
+ *   `recommended` → `recommended` (default false).
+ * - Compound variants: none.
+ * - Defaults: none (`kind` is required); color axes: none.
+ * - Color fallback: inherits the scope. The action Button aliases its
+ *   secondary to the scope's action scale in its own `solid` class; the
+ *   badge computes its own scale.
+ * - States: `tier:has(choice [data-checked])` → the selected edge
+ *   (--ds-stroke-3 --primary12 in the outer scope, drawn by the Card's
+ *   `--card-frame` hook over its --role-edge edge); `choice` is the Card's
+ *   `CardChoice`, so its `data-disabled` draws the Card's line-dotted-fine
+ *   unavailable edge, and the module adds --role-muted ink; the action's
+ *   hover, focus and press follow §9.2. No frame or edge hover [D181].
+ * - Parts: base, price (`data`), qualifier, currency, amount, cents,
+ *   period, struck, save, tierList, tier, frame (the tier's faced Card),
+ *   tierName, summary, features, feature, check, badge, choice (the Radio
+ *   slot), action, matrix (with cellLabel), asOf.
+ * - Scope: `tier` holds a faced Card (§12.2), whose nested face Ground
+ *   resolves the face per ground and draws the rest edge in its --role-edge:
+ *   a white face with a --primary10 edge on a page ground, a paper light
+ *   island with a --primary12 edge inside a field [D177, D179]; the module
+ *   names no preset and no edge color of its own.
+ * - Container: `base` is the inline-size container `pricing` (tiers and
+ *   matrix kinds); `tierList` and `matrix` query it. Baseline without
+ *   support: tier cards stacked, recommended first, with the viewport
+ *   fallback of the columns from --lg-n-above; the matrix keeps its columns,
+ *   one block per row at --xs-n-below. Thresholds (§5.10.2): tier columns
+ *   from 1024; matrix blocks below 360 [D163].
+ */
+export const pricing = cva(styles.base, {
+    variants: {
+        kind: {
+            inline: styles.inline,
+            menu: styles.menu,
+            sale: styles.sale,
+            tiers: styles.tiers,
+            matrix: styles.kindMatrix,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+});
+/** Tier classes: `recommended` draws the --ds-stroke-3 --primary12 frame and the badge. */
+export const pricingTier = cva(styles.tier, {
+    variants: {
+        recommended: {
+            true: styles.recommended,
+        },
+    },
+    defaultVariants: {
+        recommended: false,
+    },
+});
+const PricingContext = React.createContext({
+    kind: 'inline',
+    primary: undefined,
+    secondary: undefined,
+});
+PricingContext.displayName = 'PricingContext';
+/**
+ * The pricing module. Inline, menu and sale prices hold a `PricingPrice`
+ * (and, for a sale, a `PricingStruck` and a `PricingSave`); pass
+ * `render={<span />}` inside running text. A tier set holds a
+ * `PricingTierList` of `PricingTier`s; a matrix a `PricingMatrix`. Close a
+ * tier set or matrix with `PricingAsOf`. Show the unit and period with
+ * every price, never mark a sale with red alone, and never hide fees.
+ */
+export function Pricing(props) {
+    const { render, ref, className, kind, primary, secondary, ...rest } = props;
+    const scope = useScopeAttributes();
+    const context = React.useMemo(() => ({ kind, primary: primary ?? undefined, secondary: secondary ?? undefined }), [kind, primary, secondary]);
+    const element = useRender({
+        defaultTagName: 'div',
+        render,
+        ref,
+        props: mergeProps({
+            ...scope,
+            className: pricing({ kind, primary, secondary, className }),
+        }, rest),
+    });
+    return React.createElement(PricingContext.Provider, { value: context }, element);
+}
+/**
+ * One price, a `data` element: `PricingQualifier` ("From"), `PricingCurrency`,
+ * `PricingAmount`, `PricingCents` and `PricingPeriod`, in the locale's
+ * order (author the spaces). Kept on one line.
+ */
+export function PricingPrice(props) {
+    const { render, ref, className, value, label, children, ...rest } = props;
+    return useRender({
+        defaultTagName: 'data',
+        render,
+        ref,
+        props: mergeProps({
+            value: value == null ? undefined : String(value),
+            className: cx(styles.price, className),
+            children: (React.createElement(React.Fragment, null,
+                label != null ? React.createElement("span", { className: styles.visuallyHidden },
+                    label,
+                    " ") : null,
+                children)),
+        }, rest),
+    });
+}
+/** The qualifier, e.g. "From": regular weight, before the figure. */
+export function PricingQualifier(props) {
+    return React.createElement(PricingPart, { ...props, own: styles.qualifier });
+}
+/** The currency sign: with the figure inline; `type-caption` beside a tier's figure. */
+export function PricingCurrency(props) {
+    const { kind } = React.useContext(PricingContext);
+    return React.createElement(PricingPart, { ...props, own: kind === 'tiers' ? styles.unitCaption : styles.currency });
+}
+/**
+ * The figure, in data numerals: bold in body text (inline, sale), mono
+ * (menu), `type-stat-compact` in a tier.
+ */
+export function PricingAmount(props) {
+    const { kind } = React.useContext(PricingContext);
+    const own = kind === 'tiers' ? styles.amountStat : kind === 'menu' ? styles.amountMono : styles.amount;
+    return React.createElement(PricingPart, { ...props, own: own });
+}
+/** Optional retail cents as a superscript at 60%, never below `--font-size-0`. */
+export function PricingCents(props) {
+    return React.createElement(PricingPart, { ...props, own: styles.cents });
+}
+/**
+ * The period or unit, e.g. "/ month", after a thin space the part adds; on
+ * the figure's line, `type-caption` in a tier.
+ */
+export function PricingPeriod(props) {
+    const { children, ...rest } = props;
+    const { kind } = React.useContext(PricingContext);
+    return (React.createElement(PricingPart, { ...rest, own: kind === 'tiers' ? styles.unitCaption : styles.period },
+        ' ',
+        children));
+}
+/**
+ * The original price of a sale, struck through at `--ds-stroke-1-5` in
+ * `--role-muted` (never a status color), with a hidden "Was" for assistive
+ * technology. Put a `PricingPrice` inside.
+ */
+export function PricingStruck(props) {
+    const { render, ref, className, label = 'Was', children, ...rest } = props;
+    return useRender({
+        defaultTagName: 's',
+        render,
+        ref,
+        props: mergeProps({
+            className: cx(styles.struck, className),
+            children: (React.createElement(React.Fragment, null,
+                React.createElement("span", { className: styles.visuallyHidden },
+                    label,
+                    " "),
+                children)),
+        }, rest),
+    });
+}
+/** The saving as a word, "Save $300", in `--primary12`: the word carries the sale, not a color. */
+export function PricingSave(props) {
+    return React.createElement(PricingPart, { ...props, own: styles.save });
+}
+/**
+ * The tier set's layout, queried on the `pricing` container: stacked below
+ * 1024 px of container (author the recommended tier first, since visual
+ * order follows source order), columns of one comparison row from 1024,
+ * capped at `--ds-container-content`. When the plans feed a form, wrap it
+ * in a `RadioGroup` and put each tier's `Radio` in its `PricingChoice`.
+ */
+export function PricingTierList(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'ul',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.tierList, className) }, rest),
+    });
+}
+/**
+ * One plan: a faced card (`article`) holding `PricingTierName`, a
+ * `PricingPrice`, `PricingSummary`, `PricingFeatures`, an optional
+ * `PricingChoice` (a Radio, when the plan feeds a form) and a
+ * `PricingAction` (a Button, "Choose Basic"). Selected and unavailable
+ * states follow the Radio's `data-checked` and `data-disabled`.
+ */
+export function PricingTier(props) {
+    const { render, ref, className, recommended = false, badge, frameProps, children, ...rest } = props;
+    const { primary, secondary } = React.useContext(PricingContext);
+    const badgeWord = badge === undefined ? (recommended ? 'Recommended' : null) : badge;
+    return useRender({
+        defaultTagName: 'li',
+        render,
+        ref,
+        props: mergeProps({
+            className: pricingTier({ recommended, className }),
+            children: (React.createElement(React.Fragment, null,
+                badgeWord != null ? (React.createElement("span", { className: styles.badge },
+                    React.createElement("span", { className: styles.badgeHalo },
+                        React.createElement(Badge, { primary: primary, secondary: secondary }, badgeWord)))) : null,
+                React.createElement(Card, { ...frameProps, faced: true, primary: primary, secondary: secondary, className: cx(styles.frame, frameProps?.className) }, children))),
+        }, rest),
+    });
+}
+/** The plan's name: `type-itemhead` in `--primary12`. Renders `<h3>`. */
+export function PricingTierName(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'h3',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.tierName, className) }, rest),
+    });
+}
+/** The one-line summary: `type-body-ui` in `--primary12`. */
+export function PricingSummary(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'p',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.summary, className) }, rest),
+    });
+}
+/** The feature list, in full under each tier. Omit excluded features; never strike them. */
+export function PricingFeatures(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'ul',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.features, className) }, rest),
+    });
+}
+/** One included feature, led by the inline-tier `check` icon (hidden: the words carry it). */
+export function PricingFeature(props) {
+    const { render, ref, className, children, ...rest } = props;
+    return useRender({
+        defaultTagName: 'li',
+        render,
+        ref,
+        props: mergeProps({
+            className: cx(styles.feature, className),
+            children: (React.createElement(React.Fragment, null,
+                React.createElement(Icon, { name: "check", size: "inline", className: styles.check }),
+                React.createElement("span", null, children))),
+        }, rest),
+    });
+}
+/**
+ * The plan choice, the tier Card's `CardChoice`: put the tier's `Radio` here
+ * (its group wraps the tier list). Its `data-checked` selects the tier's
+ * edge; its `data-disabled` marks the tier unavailable (then say
+ * "Unavailable" in `PricingAction`).
+ */
+export function PricingChoice(props) {
+    const { className, ...rest } = props;
+    return React.createElement(CardChoice, { ...rest, className: cx(styles.choice, className) });
+}
+/**
+ * The tier's action: a Button with a title-case label ("Start Free Trial"),
+ * or the word "Unavailable". Prints as "Label (short URL)".
+ */
+export function PricingAction(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'div',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.action, className) }, rest),
+    });
+}
+/**
+ * The price matrix: a §8.2 table (rows by species or size × retail and
+ * wholesale columns) with `--role-rule` row rules and a `line-double-hair`
+ * total rule above the `tfoot` (the minimum order). Author `thead`,
+ * `tbody` and `tfoot`; use `PricingCell` with a `label` so each value keeps
+ * its column name when rows become blocks below 360 px of container.
+ */
+export function PricingMatrix(props) {
+    const { render, ref, className, label, ...rest } = props;
+    const table = useRender({
+        defaultTagName: 'table',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.matrix, className) }, rest),
+    });
+    return (React.createElement("div", { className: styles.matrixScroll, ...(label ? { role: 'region', 'aria-label': label, tabIndex: 0 } : null) }, table));
+}
+/** A matrix value cell; its `label` repeats the column header in the block form. */
+export function PricingCell(props) {
+    const { render, ref, className, label, children, ...rest } = props;
+    return useRender({
+        defaultTagName: 'td',
+        render,
+        ref,
+        props: mergeProps({
+            className,
+            children: (React.createElement(React.Fragment, null,
+                label != null ? React.createElement("span", { className: styles.cellLabel }, label) : null,
+                children)),
+        }, rest),
+    });
+}
+/**
+ * The provenance line, "Prices as of 1 Sep 2026 (short URL)": `type-caption`
+ * after a tier set or matrix, on screen and in print (§12.9, P10).
+ */
+export function PricingAsOf(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'p',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.asOf, className) }, rest),
+    });
+}
+/** A price part: a `span` with its module class first. */
+function PricingPart(props) {
+    const { render, ref, className, own, ...rest } = props;
+    return useRender({
+        defaultTagName: 'span',
+        render,
+        ref,
+        props: mergeProps({ className: cx(own, className) }, rest),
+    });
+}
+//# sourceMappingURL=Pricing.js.map

package/components/Pricing/Pricing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pricing.js","sourceRoot":"","sources":["../../src/components/Pricing/Pricing.tsx"],"names":[],"mappings":"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"}

package/components/Pricing/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Pricing';
+//# sourceMappingURL=index.d.ts.map

package/components/Pricing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Pricing/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/components/Pricing/index.js

@@ -0,0 +1,2 @@
+export * from './Pricing';
+//# sourceMappingURL=index.js.map

package/components/Pricing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/Pricing/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}