@mmailaender/convex-creem 0.1.0

package/dist/react/primitives/PricingSection.d.ts

@@ -0,0 +1,39 @@
+import type { BillingSnapshot, UIPlanEntry, RecurringCycle } from "../../core/types.js";
+import type { ConnectedProduct } from "../widgets/types.js";
+export declare const PricingSection: ({ plans, snapshot, selectedCycle, products, subscriptionProductId, subscriptionStatus, subscriptionTrialEnd, units, showSeatPicker, twoColumnLayout, subscribedSeats, isGroupSubscribed, disableCheckout, disableSwitch, disableSeats, className, onCycleChange, onCheckout, onSwitchPlan, onUpdateSeats, onContactSales, onCancelSubscription, }: {
+    plans?: UIPlanEntry[];
+    snapshot?: BillingSnapshot | null;
+    selectedCycle?: RecurringCycle;
+    products?: ConnectedProduct[];
+    subscriptionProductId?: string | null;
+    subscriptionStatus?: string | null;
+    subscriptionTrialEnd?: string | null;
+    units?: number;
+    showSeatPicker?: boolean;
+    twoColumnLayout?: boolean;
+    subscribedSeats?: number | null;
+    isGroupSubscribed?: boolean;
+    disableCheckout?: boolean;
+    disableSwitch?: boolean;
+    disableSeats?: boolean;
+    className?: string;
+    onCycleChange?: (cycle: RecurringCycle) => void;
+    onCheckout?: (payload: {
+        plan: UIPlanEntry;
+        productId: string;
+        units?: number;
+    }) => Promise<void> | void;
+    onSwitchPlan?: (payload: {
+        plan: UIPlanEntry;
+        productId: string;
+        units?: number;
+    }) => Promise<void> | void;
+    onUpdateSeats?: (payload: {
+        units: number;
+    }) => Promise<void> | void;
+    onContactSales?: (payload: {
+        plan: UIPlanEntry;
+    }) => Promise<void> | void;
+    onCancelSubscription?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PricingSection.d.ts.map

package/dist/react/primitives/PricingSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingSection.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/PricingSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,cAAc,GAAI,mVAuB5B;IACD,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE;QACrB,IAAI,EAAE,WAAW,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QACvB,IAAI,EAAE,WAAW,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,WAAW,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1E,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,4CAgEA,CAAC"}

package/dist/react/primitives/PricingSection.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { BillingToggle } from "./BillingToggle.js";
+import { PricingCard } from "./PricingCard.js";
+export const PricingSection = ({ plans = [], snapshot, selectedCycle, products = [], subscriptionProductId, subscriptionStatus, subscriptionTrialEnd, units, showSeatPicker = false, twoColumnLayout = false, subscribedSeats, isGroupSubscribed = false, disableCheckout = false, disableSwitch = false, disableSeats = false, className = "", onCycleChange, onCheckout, onSwitchPlan, onUpdateSeats, onContactSales, onCancelSubscription, }) => {
+    const availableCycles = useMemo(() => {
+        const set = new Set();
+        for (const plan of plans) {
+            for (const cycle of plan.billingCycles ?? []) {
+                set.add(cycle);
+            }
+        }
+        return Array.from(set);
+    }, [plans]);
+    const hasEnterprisePlan = plans.some((p) => p.category === "enterprise");
+    const effectiveCycle = selectedCycle ?? snapshot?.recurringCycle ?? availableCycles[0];
+    const showToggle = availableCycles.length > 1;
+    return (_jsxs("section", { className: className, children: [showToggle && (_jsx("div", { className: "mb-[6.5rem] flex justify-center", children: _jsx(BillingToggle, { cycles: availableCycles, value: effectiveCycle, onValueChange: onCycleChange }) })), _jsx("div", { className: `grid grid-cols-1 gap-1 ${showSeatPicker || twoColumnLayout
+                    ? "md:grid-cols-2"
+                    : hasEnterprisePlan
+                        ? "sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4"
+                        : "sm:grid-cols-2 md:grid-cols-3"}`, children: plans.map((plan) => (_jsx(PricingCard, { plan: plan, selectedCycle: effectiveCycle, activePlanId: snapshot?.activePlanId, subscriptionProductId: subscriptionProductId, subscriptionStatus: subscriptionStatus, subscriptionTrialEnd: subscriptionTrialEnd, products: products, units: units, showSeatPicker: showSeatPicker, subscribedSeats: subscribedSeats, isGroupSubscribed: isGroupSubscribed, disableCheckout: disableCheckout, disableSwitch: disableSwitch, disableSeats: disableSeats, onCheckout: onCheckout, onSwitchPlan: onSwitchPlan, onUpdateSeats: onUpdateSeats, onContactSales: onContactSales, onCancelSubscription: onCancelSubscription }, plan.planId))) })] }));
+};
+//# sourceMappingURL=PricingSection.js.map

package/dist/react/primitives/PricingSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingSection.js","sourceRoot":"","sources":["../../../src/react/primitives/PricingSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAQ/C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,aAAa,EACb,QAAQ,GAAG,EAAE,EACb,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,EACL,cAAc,GAAG,KAAK,EACtB,eAAe,GAAG,KAAK,EACvB,eAAe,EACf,iBAAiB,GAAG,KAAK,EACzB,eAAe,GAAG,KAAK,EACvB,aAAa,GAAG,KAAK,EACrB,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,EAAE,EACd,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,EACb,cAAc,EACd,oBAAoB,GAgCrB,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,GAAG,GAAG,IAAI,GAAG,EAAkB,CAAC;QACtC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,aAAa,IAAI,EAAE,EAAE,CAAC;gBAC7C,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC;QACH,CAAC;QACD,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC;IACzE,MAAM,cAAc,GAClB,aAAa,IAAI,QAAQ,EAAE,cAAc,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC;IAClE,MAAM,UAAU,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;IAE9C,OAAO,CACL,mBAAS,SAAS,EAAE,SAAS,aAC1B,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,aAAa,IACZ,MAAM,EAAE,eAAe,EACvB,KAAK,EAAE,cAAc,EACrB,aAAa,EAAE,aAAa,GAC5B,GACE,CACP,EAED,cACE,SAAS,EAAE,0BACT,cAAc,IAAI,eAAe;oBAC/B,CAAC,CAAC,gBAAgB;oBAClB,CAAC,CAAC,iBAAiB;wBACjB,CAAC,CAAC,8CAA8C;wBAChD,CAAC,CAAC,+BACR,EAAE,YAED,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,WAAW,IAEV,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,cAAc,EAC7B,YAAY,EAAE,QAAQ,EAAE,YAAY,EACpC,qBAAqB,EAAE,qBAAqB,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,IAnBrC,IAAI,CAAC,MAAM,CAoBhB,CACH,CAAC,GACE,IACE,CACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/primitives/ScheduledChangeBanner.d.ts

@@ -0,0 +1,8 @@
+import type { BillingSnapshot } from "../../core/types.js";
+export declare const ScheduledChangeBanner: ({ snapshot, className, isLoading, onResume, }: {
+    snapshot?: BillingSnapshot | null;
+    className?: string;
+    isLoading?: boolean;
+    onResume?: () => void;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ScheduledChangeBanner.d.ts.map

package/dist/react/primitives/ScheduledChangeBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduledChangeBanner.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/ScheduledChangeBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,eAAO,MAAM,qBAAqB,GAAI,+CAKnC;IACD,QAAQ,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,mDAuCA,CAAC"}

package/dist/react/primitives/ScheduledChangeBanner.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ScheduledChangeBanner = ({ snapshot, className = "", isLoading = false, onResume, }) => {
+    if (!snapshot?.metadata || snapshot.metadata.cancelAtPeriodEnd !== true) {
+        return null;
+    }
+    const currentPeriodEnd = typeof snapshot.metadata.currentPeriodEnd === "string"
+        ? snapshot.metadata.currentPeriodEnd
+        : undefined;
+    return (_jsx("div", { className: `rounded-xl bg-surface-base p-6 ${className}`, children: _jsxs("div", { className: "flex flex-col gap-6 md:flex-row md:items-start md:justify-between md:gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "title-s text-foreground-default", children: "Cancellation scheduled" }), _jsxs("p", { className: "body-m text-foreground-muted", children: ["You will continue to have access until the end of your current billing period", currentPeriodEnd
+                                    ? ` (${new Date(currentPeriodEnd).toLocaleDateString()})`
+                                    : "", "."] })] }), onResume && (_jsx("button", { type: "button", className: "button-faded h-8 shrink-0 disabled:cursor-not-allowed disabled:opacity-50", disabled: isLoading, onClick: onResume, children: isLoading ? "Resuming…" : "Undo cancellation" }))] }) }));
+};
+//# sourceMappingURL=ScheduledChangeBanner.js.map

package/dist/react/primitives/ScheduledChangeBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduledChangeBanner.js","sourceRoot":"","sources":["../../../src/react/primitives/ScheduledChangeBanner.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,EACjB,QAAQ,GAMT,EAAE,EAAE;IACH,IAAI,CAAC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,iBAAiB,KAAK,IAAI,EAAE,CAAC;QACxE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,gBAAgB,GACpB,OAAO,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,KAAK,QAAQ;QACpD,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,gBAAgB;QACpC,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,cAAK,SAAS,EAAE,kCAAkC,SAAS,EAAE,YAC3D,eAAK,SAAS,EAAC,4EAA4E,aACzF,eAAK,SAAS,EAAC,WAAW,aACxB,YAAG,SAAS,EAAC,iCAAiC,uCAE1C,EACJ,aAAG,SAAS,EAAC,8BAA8B,8FAGxC,gBAAgB;oCACf,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,kBAAkB,EAAE,GAAG;oCACzD,CAAC,CAAC,EAAE,SAEJ,IACA,EACL,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2EAA2E,EACrF,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,QAAQ,YAEhB,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,mBAAmB,GACvC,CACV,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/primitives/SegmentControl.d.ts

@@ -0,0 +1,11 @@
+import { type SegmentGroupItem } from "./SegmentGroup.js";
+export type SegmentControlItem = SegmentGroupItem;
+export declare const SegmentControl: ({ items, value, defaultValue, disabled, className, onValueChange, }: {
+    items?: SegmentControlItem[];
+    value?: string | null;
+    defaultValue?: string;
+    disabled?: boolean;
+    className?: string;
+    onValueChange?: (value: string) => void;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SegmentControl.d.ts.map

package/dist/react/primitives/SegmentControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentControl.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/SegmentControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAExE,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAElD,eAAO,MAAM,cAAc,GAAI,qEAO5B;IACD,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,mDAaA,CAAC"}

package/dist/react/primitives/SegmentControl.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SegmentGroup } from "./SegmentGroup.js";
+export const SegmentControl = ({ items = [], value, defaultValue, disabled = false, className = "", onValueChange, }) => {
+    if (items.length <= 1)
+        return null;
+    return (_jsx(SegmentGroup, { items: items, value: value, defaultValue: defaultValue, disabled: disabled, onValueChange: onValueChange, className: className }));
+};
+//# sourceMappingURL=SegmentControl.js.map

package/dist/react/primitives/SegmentControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentControl.js","sourceRoot":"","sources":["../../../src/react/primitives/SegmentControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAyB,MAAM,mBAAmB,CAAC;AAIxE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,GAAG,EAAE,EACV,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,aAAa,GAQd,EAAE,EAAE;IACH,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/primitives/SegmentGroup.d.ts

@@ -0,0 +1,14 @@
+export type SegmentGroupItem = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export declare const SegmentGroup: ({ items, value, defaultValue, disabled, className, onValueChange, }: {
+    items?: SegmentGroupItem[];
+    value?: string | null;
+    defaultValue?: string;
+    disabled?: boolean;
+    className?: string;
+    onValueChange?: (value: string) => void;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SegmentGroup.d.ts.map

package/dist/react/primitives/SegmentGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentGroup.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/SegmentGroup.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,qEAO1B;IACD,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,mDA8BA,CAAC"}

package/dist/react/primitives/SegmentGroup.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SegmentGroup as ArkSegmentGroup } from "@ark-ui/react/segment-group";
+export const SegmentGroup = ({ items = [], value, defaultValue, disabled = false, className = "", onValueChange, }) => {
+    if (items.length <= 1)
+        return null;
+    return (_jsxs(ArkSegmentGroup.Root, { value: value ?? undefined, defaultValue: defaultValue, disabled: disabled, className: `segment-group ${className}`, onValueChange: (details) => {
+            if (details.value != null)
+                onValueChange?.(details.value);
+        }, children: [_jsx(ArkSegmentGroup.Indicator, { className: "segment-group-indicator" }), items.map((item) => (_jsxs(ArkSegmentGroup.Item, { value: item.value, disabled: item.disabled, className: "segment-group-item", children: [_jsx(ArkSegmentGroup.ItemText, { className: "segment-group-item-text label-m", children: item.label }), _jsx(ArkSegmentGroup.ItemControl, { className: "segment-group-item-control" }), _jsx(ArkSegmentGroup.ItemHiddenInput, {})] }, item.value)))] }));
+};
+//# sourceMappingURL=SegmentGroup.js.map

package/dist/react/primitives/SegmentGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentGroup.js","sourceRoot":"","sources":["../../../src/react/primitives/SegmentGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAQ9E,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,GAAG,EAAE,EACV,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,aAAa,GAQd,EAAE,EAAE;IACH,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,CACL,MAAC,eAAe,CAAC,IAAI,IACnB,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,iBAAiB,SAAS,EAAE,EACvC,aAAa,EAAE,CAAC,OAAiC,EAAE,EAAE;YACnD,IAAI,OAAO,CAAC,KAAK,IAAI,IAAI;gBAAE,aAAa,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5D,CAAC,aAED,KAAC,eAAe,CAAC,SAAS,IAAC,SAAS,EAAC,yBAAyB,GAAG,EAChE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,MAAC,eAAe,CAAC,IAAI,IAEnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAC,oBAAoB,aAE9B,KAAC,eAAe,CAAC,QAAQ,IAAC,SAAS,EAAC,iCAAiC,YAClE,IAAI,CAAC,KAAK,GACc,EAC3B,KAAC,eAAe,CAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,GAAG,EACtE,KAAC,eAAe,CAAC,eAAe,KAAG,KAT9B,IAAI,CAAC,KAAK,CAUM,CACxB,CAAC,IACmB,CACxB,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/primitives/TrialLimitBanner.d.ts

@@ -0,0 +1,7 @@
+import type { BillingSnapshot } from "../../core/types.js";
+export declare const TrialLimitBanner: ({ snapshot, trialEndsAt, className, }: {
+    snapshot?: BillingSnapshot | null;
+    trialEndsAt?: string | null;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TrialLimitBanner.d.ts.map

package/dist/react/primitives/TrialLimitBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrialLimitBanner.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/TrialLimitBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,eAAO,MAAM,gBAAgB,GAAI,uCAI9B;IACD,QAAQ,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,mDAqBA,CAAC"}

package/dist/react/primitives/TrialLimitBanner.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const TrialLimitBanner = ({ snapshot, trialEndsAt, className = "", }) => {
+    if (snapshot?.activeCategory !== "trial") {
+        return null;
+    }
+    const resolvedTrialEnd = trialEndsAt ??
+        (typeof snapshot.metadata?.trialEnd === "string"
+            ? snapshot.metadata.trialEnd
+            : null);
+    return (_jsxs("div", { className: `rounded-lg border border-sky-300 bg-sky-50 px-4 py-3 text-sm text-sky-900 dark:border-sky-800 dark:bg-sky-950/40 dark:text-sky-200 ${className}`, children: ["Trial plan active", resolvedTrialEnd
+                ? ` until ${new Date(resolvedTrialEnd).toLocaleDateString()}.`
+                : ". Upgrade before your trial ends to avoid interruptions."] }));
+};
+//# sourceMappingURL=TrialLimitBanner.js.map

package/dist/react/primitives/TrialLimitBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrialLimitBanner.js","sourceRoot":"","sources":["../../../src/react/primitives/TrialLimitBanner.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,EAAE,GAKf,EAAE,EAAE;IACH,IAAI,QAAQ,EAAE,cAAc,KAAK,OAAO,EAAE,CAAC;QACzC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,gBAAgB,GACpB,WAAW;QACX,CAAC,OAAO,QAAQ,CAAC,QAAQ,EAAE,QAAQ,KAAK,QAAQ;YAC9C,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ;YAC5B,CAAC,CAAC,IAAI,CAAC,CAAC;IAEZ,OAAO,CACL,eACE,SAAS,EAAE,sIAAsI,SAAS,EAAE,kCAG3J,gBAAgB;gBACf,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,kBAAkB,EAAE,GAAG;gBAC9D,CAAC,CAAC,0DAA0D,IAC1D,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/shared.d.ts

@@ -0,0 +1,28 @@
+import type { AvailableAction, BillingSnapshot, UIPlanEntry, RecurringCycle } from "../core/types.js";
+import type { ConnectedProduct } from "./widgets/types.js";
+/** Format a billing cycle enum value to a human-readable label (e.g. `"every-month"` → `"Monthly"`). */
+export declare const formatRecurringCycle: (cycle: RecurringCycle) => "Monthly" | "Quarterly" | "Semi-annual" | "Yearly" | "Custom";
+/** Resolve the Creem product ID for a plan given the selected billing cycle. Handles cycle aliases and partial matches. */
+export declare const resolveProductIdForPlan: (plan: UIPlanEntry, selectedCycle: RecurringCycle | undefined) => string | undefined;
+/** Local variant of `hasBillingAction` for use in shared UI code. */
+export declare const hasBillingActionLocal: (snapshot: BillingSnapshot, action: AvailableAction) => boolean;
+/** Format a price amount (in cents) to a localized currency string (e.g. `999` + `"USD"` → `"$9.99"`). */
+export declare const formatPrice: (amount: number, currency: string) => string;
+/** Resolve the formatted price and billing interval for a product by its ID. Returns `null` if not found. */
+export declare const resolveProductPrice: (productId: string | undefined, products: ConnectedProduct[]) => {
+    formatted: string;
+    interval?: string;
+} | null;
+/** Format the total price for a seat-based plan (e.g. `"$10/mo × 5 seats"`). Returns `null` if product not found. */
+export declare const formatSeatPrice: (productId: string | undefined, products: ConnectedProduct[], seats: number) => string | null;
+/** Format a product's price with its billing interval suffix (e.g. `"$10/mo"`). Returns `null` if product not found. */
+export declare const formatPriceWithInterval: (productId: string | undefined, products: ConnectedProduct[]) => string | null;
+/** Split a price label into main amount, interval suffix, and trailing text (e.g. `"$10/mo × 5 seats"` → `{ main: "$10", suffix: "/mo", tail: "× 5 seats" }`). */
+export declare const splitPriceLabel: (value: string | null) => {
+    main: string;
+    suffix: string | null;
+    tail: string;
+} | null;
+/** Join CSS class tokens, filtering out falsy values. Lightweight alternative to `clsx`. */
+export declare const cx: (...tokens: Array<string | undefined | false>) => string;
+//# sourceMappingURL=shared.d.ts.map

package/dist/react/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/react/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,WAAW,EACX,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAU3D,wGAAwG;AACxG,eAAO,MAAM,oBAAoB,GAAI,OAAO,cAAc,kEAMzD,CAAC;AAEF,2HAA2H;AAC3H,eAAO,MAAM,uBAAuB,GAClC,MAAM,WAAW,EACjB,eAAe,cAAc,GAAG,SAAS,uBAuB1C,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,qBAAqB,GAChC,UAAU,eAAe,EACzB,QAAQ,eAAe,YACsB,CAAC;AAEhD,0GAA0G;AAC1G,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,EAAE,UAAU,MAAM,KAAG,MAO9D,CAAC;AAEF,6GAA6G;AAC7G,eAAO,MAAM,mBAAmB,GAC9B,WAAW,MAAM,GAAG,SAAS,EAC7B,UAAU,gBAAgB,EAAE,KAC3B;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAO7C,CAAC;AAWF,qHAAqH;AACrH,eAAO,MAAM,eAAe,GAC1B,WAAW,MAAM,GAAG,SAAS,EAC7B,UAAU,gBAAgB,EAAE,EAC5B,OAAO,MAAM,KACZ,MAAM,GAAG,IAUX,CAAC;AAEF,wHAAwH;AACxH,eAAO,MAAM,uBAAuB,GAClC,WAAW,MAAM,GAAG,SAAS,EAC7B,UAAU,gBAAgB,EAAE,KAC3B,MAAM,GAAG,IAOX,CAAC;AAEF,kKAAkK;AAClK,eAAO,MAAM,eAAe,GAC1B,OAAO,MAAM,GAAG,IAAI,KACnB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAS1D,CAAC;AAEF,4FAA4F;AAC5F,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,WAC7B,CAAC"}

package/dist/react/shared.js

@@ -0,0 +1,109 @@
+const CYCLE_KEY_ALIASES = {
+    "every-month": ["every-month", "monthly", "month"],
+    "every-three-months": ["every-three-months", "quarterly", "every-quarter"],
+    "every-six-months": ["every-six-months", "semiannual", "semi-annually"],
+    "every-year": ["every-year", "yearly", "annual"],
+    custom: ["custom"],
+};
+/** Format a billing cycle enum value to a human-readable label (e.g. `"every-month"` → `"Monthly"`). */
+export const formatRecurringCycle = (cycle) => {
+    if (cycle === "every-month")
+        return "Monthly";
+    if (cycle === "every-three-months")
+        return "Quarterly";
+    if (cycle === "every-six-months")
+        return "Semi-annual";
+    if (cycle === "every-year")
+        return "Yearly";
+    return "Custom";
+};
+/** Resolve the Creem product ID for a plan given the selected billing cycle. Handles cycle aliases and partial matches. */
+export const resolveProductIdForPlan = (plan, selectedCycle) => {
+    const productIds = plan.creemProductIds;
+    if (!productIds) {
+        return undefined;
+    }
+    const aliases = selectedCycle
+        ? CYCLE_KEY_ALIASES[selectedCycle]
+        : CYCLE_KEY_ALIASES.custom;
+    for (const alias of aliases) {
+        if (productIds[alias]) {
+            return productIds[alias];
+        }
+        const partial = Object.entries(productIds).find(([key]) => key.toLowerCase().includes(alias));
+        if (partial) {
+            return partial[1];
+        }
+    }
+    return Object.values(productIds)[0];
+};
+/** Local variant of `hasBillingAction` for use in shared UI code. */
+export const hasBillingActionLocal = (snapshot, action) => snapshot.availableActions.includes(action);
+/** Format a price amount (in cents) to a localized currency string (e.g. `999` + `"USD"` → `"$9.99"`). */
+export const formatPrice = (amount, currency) => {
+    return new Intl.NumberFormat(undefined, {
+        style: "currency",
+        currency,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 2,
+    }).format(amount / 100);
+};
+/** Resolve the formatted price and billing interval for a product by its ID. Returns `null` if not found. */
+export const resolveProductPrice = (productId, products) => {
+    if (!productId || !products.length)
+        return null;
+    const product = products.find((p) => p.id === productId);
+    if (!product)
+        return null;
+    if (product.price == null || !product.currency)
+        return null;
+    const formatted = formatPrice(product.price, product.currency);
+    return { formatted, interval: product.billingPeriod ?? undefined };
+};
+const INTERVAL_LABELS = {
+    month: "/mo",
+    "every-month": "/mo",
+    "every-three-months": "/3mo",
+    "every-six-months": "/6mo",
+    year: "/yr",
+    "every-year": "/yr",
+};
+/** Format the total price for a seat-based plan (e.g. `"$10/mo × 5 seats"`). Returns `null` if product not found. */
+export const formatSeatPrice = (productId, products, seats) => {
+    const resolved = resolveProductPrice(productId, products);
+    if (!resolved)
+        return null;
+    const suffix = resolved.interval
+        ? (INTERVAL_LABELS[resolved.interval] ?? "")
+        : "";
+    if (seats <= 1) {
+        return `${resolved.formatted}${suffix}`;
+    }
+    return `${resolved.formatted}${suffix} × ${seats} seats`;
+};
+/** Format a product's price with its billing interval suffix (e.g. `"$10/mo"`). Returns `null` if product not found. */
+export const formatPriceWithInterval = (productId, products) => {
+    const resolved = resolveProductPrice(productId, products);
+    if (!resolved)
+        return null;
+    const suffix = resolved.interval
+        ? (INTERVAL_LABELS[resolved.interval] ?? "")
+        : "";
+    return `${resolved.formatted}${suffix}`;
+};
+/** Split a price label into main amount, interval suffix, and trailing text (e.g. `"$10/mo × 5 seats"` → `{ main: "$10", suffix: "/mo", tail: "× 5 seats" }`). */
+export const splitPriceLabel = (value) => {
+    if (!value)
+        return null;
+    const match = value.match(/^(.*?)(\/[a-z0-9]+)(.*)$/i);
+    if (!match)
+        return { main: value, suffix: null, tail: "" };
+    return {
+        main: match[1]?.trim() ?? value,
+        suffix: match[2] ?? null,
+        tail: match[3]?.trim() ?? "",
+    };
+};
+/** Join CSS class tokens, filtering out falsy values. Lightweight alternative to `clsx`. */
+export const cx = (...tokens) => tokens.filter(Boolean).join(" ");
+//# sourceMappingURL=shared.js.map

package/dist/react/shared.js.map

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

package/dist/react/widgets/BillingPortal.d.ts

@@ -0,0 +1,9 @@
+import { type PropsWithChildren } from "react";
+import type { BillingPermissions, ConnectedBillingApi } from "./types.js";
+export declare const BillingPortal: ({ api, permissions, className, children, }: PropsWithChildren<{
+    api: ConnectedBillingApi;
+    permissions?: BillingPermissions;
+    class?: string;
+    className?: string;
+}>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=BillingPortal.d.ts.map

package/dist/react/widgets/BillingPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingPortal.d.ts","sourceRoot":"","sources":["../../../src/react/widgets/BillingPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EAEpB,MAAM,YAAY,CAAC;AAEpB,eAAO,MAAM,aAAa,GAAI,4CAK3B,iBAAiB,CAAC;IACnB,GAAG,EAAE,mBAAmB,CAAC;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,mDAoCD,CAAC"}

package/dist/react/widgets/BillingPortal.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useQuery, useConvex } from "convex/react";
+import { CustomerPortalButton } from "../primitives/CustomerPortalButton.js";
+export const BillingPortal = ({ api, permissions, className = "", children, }) => {
+    const canAccess = permissions?.canAccessPortal !== false;
+    const client = useConvex();
+    const billingUiModelRef = api.uiModel;
+    const portalUrlRef = api.customers?.portalUrl;
+    const modelRaw = useQuery(billingUiModelRef, {});
+    const model = modelRaw;
+    const hasCreemCustomer = model?.hasCreemCustomer ?? false;
+    const [isLoading, setIsLoading] = useState(false);
+    const openPortal = async () => {
+        if (!portalUrlRef)
+            return;
+        setIsLoading(true);
+        try {
+            const { url } = await client.action(portalUrlRef, {});
+            window.open(url, "_blank", "noopener,noreferrer");
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    if (!portalUrlRef || !hasCreemCustomer || !canAccess)
+        return null;
+    return (_jsx(CustomerPortalButton, { disabled: isLoading, onOpenPortal: openPortal, className: className, children: children ?? "Manage billing" }));
+};
+//# sourceMappingURL=BillingPortal.js.map

package/dist/react/widgets/BillingPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingPortal.js","sourceRoot":"","sources":["../../../src/react/widgets/BillingPortal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAA0B,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAO7E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,GAAG,EACH,WAAW,EACX,SAAS,GAAG,EAAE,EACd,QAAQ,GAMR,EAAE,EAAE;IACJ,MAAM,SAAS,GAAG,WAAW,EAAE,eAAe,KAAK,KAAK,CAAC;IAEzD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAAC;IACtC,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC;IAE9C,MAAM,QAAQ,GAAG,QAAQ,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,QAA6C,CAAC;IAC5D,MAAM,gBAAgB,GAAG,KAAK,EAAE,gBAAgB,IAAI,KAAK,CAAC;IAE1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;YACtD,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC;QACpD,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,YAAY,IAAI,CAAC,gBAAgB,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAElE,OAAO,CACL,KAAC,oBAAoB,IACnB,QAAQ,EAAE,SAAS,EACnB,YAAY,EAAE,UAAU,EACxB,SAAS,EAAE,SAAS,YAEnB,QAAQ,IAAI,gBAAgB,GACR,CACxB,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/widgets/ProductItem.d.ts

@@ -0,0 +1,8 @@
+import type { ProductType } from "./types.js";
+export declare const ProductItem: ({ productId, type, title, description, }: {
+    productId: string;
+    type: ProductType;
+    title?: string;
+    description?: string;
+}) => null;
+//# sourceMappingURL=ProductItem.d.ts.map

package/dist/react/widgets/ProductItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductItem.d.ts","sourceRoot":"","sources":["../../../src/react/widgets/ProductItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,eAAO,MAAM,WAAW,GAAI,0CAKzB;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,SAWA,CAAC"}

package/dist/react/widgets/ProductItem.js

@@ -0,0 +1,14 @@
+import { useContext, useEffect } from "react";
+import { ProductGroupContext } from "./productGroupContext.js";
+export const ProductItem = ({ productId, type, title, description, }) => {
+    const rootContext = useContext(ProductGroupContext);
+    useEffect(() => {
+        if (!rootContext)
+            return;
+        const registration = { productId, type, title, description };
+        const unregister = rootContext.registerItem(registration);
+        return unregister;
+    }, [rootContext, productId, type, title, description]);
+    return null;
+};
+//# sourceMappingURL=ProductItem.js.map

package/dist/react/widgets/ProductItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductItem.js","sourceRoot":"","sources":["../../../src/react/widgets/ProductItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,SAAS,EACT,IAAI,EACJ,KAAK,EACL,WAAW,GAMZ,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW;YAAE,OAAO;QACzB,MAAM,YAAY,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;QAC7D,MAAM,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAC1D,OAAO,UAAU,CAAC;IACpB,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/react/widgets/ProductRoot.d.ts

@@ -0,0 +1,16 @@
+import { type PropsWithChildren } from "react";
+import type { BillingPermissions, CheckoutIntent, ConnectedBillingApi, Transition } from "./types.js";
+export declare const ProductRoot: ({ api, permissions, transition, className, layout, styleVariant, showImages, pricingCtaVariant, successUrl, onBeforeCheckout, children, }: PropsWithChildren<{
+    api: ConnectedBillingApi;
+    permissions?: BillingPermissions;
+    transition?: Transition[];
+    class?: string;
+    className?: string;
+    layout?: "default" | "single";
+    styleVariant?: "legacy" | "pricing";
+    showImages?: boolean;
+    pricingCtaVariant?: "filled" | "faded";
+    successUrl?: string;
+    onBeforeCheckout?: (intent: CheckoutIntent) => Promise<boolean> | boolean;
+}>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductRoot.d.ts.map

package/dist/react/widgets/ProductRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductRoot.d.ts","sourceRoot":"","sources":["../../../src/react/widgets/ProductRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EACV,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EAGnB,UAAU,EACX,MAAM,YAAY,CAAC;AAEpB,eAAO,MAAM,WAAW,GAAI,2IAYzB,iBAAiB,CAAC;IACnB,GAAG,EAAE,mBAAmB,CAAC;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,YAAY,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;CAC3E,CAAC,4CAuYD,CAAC"}