@tribe-nest/forge 3.53.0 → 3.57.0

package/src/ui/styled/forge-utilities.css

@@ -6,31 +6,59 @@
     --fg-color-red-500: oklch(63.7% 0.237 25.331);
     --fg-color-black: #000;
     --fg-spacing: 0.25rem;
+    --fg-container-md: 28rem;
+    --fg-container-xl: 36rem;
+    --fg-container-2xl: 42rem;
+    --fg-container-3xl: 48rem;
     --fg-container-4xl: 56rem;
     --fg-container-6xl: 72rem;
     --fg-text-xs: 0.75rem;
     --fg-text-xs--line-height: calc(1 / 0.75);
     --fg-text-sm: 0.875rem;
     --fg-text-sm--line-height: calc(1.25 / 0.875);
+    --fg-text-base: 1rem;
+    --fg-text-base--line-height: calc(1.5 / 1);
     --fg-text-lg: 1.125rem;
     --fg-text-lg--line-height: calc(1.75 / 1.125);
     --fg-text-xl: 1.25rem;
     --fg-text-xl--line-height: calc(1.75 / 1.25);
     --fg-text-2xl: 1.5rem;
     --fg-text-2xl--line-height: calc(2 / 1.5);
+    --fg-text-3xl: 1.875rem;
+    --fg-text-3xl--line-height: calc(2.25 / 1.875);
+    --fg-font-weight-normal: 400;
     --fg-font-weight-medium: 500;
     --fg-font-weight-semibold: 600;
     --fg-font-weight-bold: 700;
+    --fg-font-weight-extrabold: 800;
+    --fg-tracking-wide: 0.025em;
+    --fg-leading-relaxed: 1.625;
     --fg-radius-md: 0.375rem;
     --fg-radius-lg: 0.5rem;
+    --fg-radius-xl: 0.75rem;
     --fg-default-transition-duration: 150ms;
     --fg-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --fg-color-primary: var(--forge-primary, #6d28d9);
+    --fg-color-background: var(--forge-background, #ffffff);
+    --fg-color-surface: var(--forge-surface, #ffffff);
+    --fg-color-text: var(--forge-text, #0f0f10);
+    --fg-color-muted: var(--forge-muted, #6b7280);
+    --fg-color-border: var(--forge-border, #e5e7eb);
   }
 }
 @layer utilities {
+  .fg\:pointer-events-none {
+    pointer-events: none;
+  }
+  .fg\:absolute {
+    position: absolute;
+  }
   .fg\:fixed {
     position: fixed;
   }
+  .fg\:relative {
+    position: relative;
+  }
   .fg\:sticky {
     position: sticky;
   }
@@ -61,18 +89,42 @@
   .fg\:mx-auto {
     margin-inline: auto;
   }
+  .fg\:my-6 {
+    margin-block: calc(var(--fg-spacing) * 6);
+  }
+  .fg\:mt-0\.5 {
+    margin-top: calc(var(--fg-spacing) * 0.5);
+  }
   .fg\:mt-1 {
     margin-top: calc(var(--fg-spacing) * 1);
   }
+  .fg\:mt-1\.5 {
+    margin-top: calc(var(--fg-spacing) * 1.5);
+  }
+  .fg\:mt-2 {
+    margin-top: calc(var(--fg-spacing) * 2);
+  }
+  .fg\:mt-3 {
+    margin-top: calc(var(--fg-spacing) * 3);
+  }
   .fg\:mt-4 {
     margin-top: calc(var(--fg-spacing) * 4);
   }
+  .fg\:mt-5 {
+    margin-top: calc(var(--fg-spacing) * 5);
+  }
   .fg\:mt-6 {
     margin-top: calc(var(--fg-spacing) * 6);
   }
+  .fg\:mt-8 {
+    margin-top: calc(var(--fg-spacing) * 8);
+  }
   .fg\:mb-1 {
     margin-bottom: calc(var(--fg-spacing) * 1);
   }
+  .fg\:mb-1\.5 {
+    margin-bottom: calc(var(--fg-spacing) * 1.5);
+  }
   .fg\:mb-2 {
     margin-bottom: calc(var(--fg-spacing) * 2);
   }
@@ -82,6 +134,9 @@
   .fg\:mb-4 {
     margin-bottom: calc(var(--fg-spacing) * 4);
   }
+  .fg\:mb-5 {
+    margin-bottom: calc(var(--fg-spacing) * 5);
+  }
   .fg\:mb-6 {
     margin-bottom: calc(var(--fg-spacing) * 6);
   }
@@ -103,6 +158,9 @@
   .fg\:hidden {
     display: none;
   }
+  .fg\:inline-flex {
+    display: inline-flex;
+  }
   .fg\:h-0\.5 {
     height: calc(var(--fg-spacing) * 0.5);
   }
@@ -112,6 +170,12 @@
   .fg\:h-8 {
     height: calc(var(--fg-spacing) * 8);
   }
+  .fg\:h-12 {
+    height: calc(var(--fg-spacing) * 12);
+  }
+  .fg\:h-\[70vh\] {
+    height: 70vh;
+  }
   .fg\:h-full {
     height: 100%;
   }
@@ -121,18 +185,33 @@
   .fg\:w-8 {
     width: calc(var(--fg-spacing) * 8);
   }
+  .fg\:w-10 {
+    width: calc(var(--fg-spacing) * 10);
+  }
   .fg\:w-52 {
     width: calc(var(--fg-spacing) * 52);
   }
   .fg\:w-full {
     width: 100%;
   }
+  .fg\:max-w-2xl {
+    max-width: var(--fg-container-2xl);
+  }
+  .fg\:max-w-3xl {
+    max-width: var(--fg-container-3xl);
+  }
   .fg\:max-w-4xl {
     max-width: var(--fg-container-4xl);
   }
   .fg\:max-w-6xl {
     max-width: var(--fg-container-6xl);
   }
+  .fg\:max-w-md {
+    max-width: var(--fg-container-md);
+  }
+  .fg\:max-w-xl {
+    max-width: var(--fg-container-xl);
+  }
   .fg\:min-w-0 {
     min-width: calc(var(--fg-spacing) * 0);
   }
@@ -145,6 +224,9 @@
   .fg\:cursor-pointer {
     cursor: pointer;
   }
+  .fg\:resize-y {
+    resize: vertical;
+  }
   .fg\:grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -172,18 +254,33 @@
   .fg\:justify-center {
     justify-content: center;
   }
+  .fg\:justify-end {
+    justify-content: flex-end;
+  }
+  .fg\:gap-0\.5 {
+    gap: calc(var(--fg-spacing) * 0.5);
+  }
   .fg\:gap-1 {
     gap: calc(var(--fg-spacing) * 1);
   }
+  .fg\:gap-1\.5 {
+    gap: calc(var(--fg-spacing) * 1.5);
+  }
   .fg\:gap-2 {
     gap: calc(var(--fg-spacing) * 2);
   }
+  .fg\:gap-2\.5 {
+    gap: calc(var(--fg-spacing) * 2.5);
+  }
   .fg\:gap-3 {
     gap: calc(var(--fg-spacing) * 3);
   }
   .fg\:gap-4 {
     gap: calc(var(--fg-spacing) * 4);
   }
+  .fg\:gap-5 {
+    gap: calc(var(--fg-spacing) * 5);
+  }
   .fg\:gap-6 {
     gap: calc(var(--fg-spacing) * 6);
   }
@@ -218,6 +315,9 @@
       margin-inline-end: calc(calc(var(--fg-spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .fg\:overflow-hidden {
+    overflow: hidden;
+  }
   .fg\:overflow-x-auto {
     overflow-x: auto;
   }
@@ -233,31 +333,117 @@
   .fg\:rounded-md {
     border-radius: var(--fg-radius-md);
   }
+  .fg\:rounded-xl {
+    border-radius: var(--fg-radius-xl);
+  }
+  .fg\:border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
   .fg\:border-2 {
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .fg\:border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
+  .fg\:border-border {
+    border-color: var(--fg-color-border);
+  }
+  .fg\:border-primary {
+    border-color: var(--fg-color-primary);
+  }
+  .fg\:border-primary\/40 {
+    border-color: var(--fg-color-primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fg-color-primary) 40%, transparent);
+    }
+  }
+  .fg\:bg-background {
+    background-color: var(--fg-color-background);
+  }
   .fg\:bg-black {
     background-color: var(--fg-color-black);
   }
+  .fg\:bg-primary {
+    background-color: var(--fg-color-primary);
+  }
+  .fg\:bg-primary\/5 {
+    background-color: var(--fg-color-primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fg-color-primary) 5%, transparent);
+    }
+  }
+  .fg\:bg-primary\/10 {
+    background-color: var(--fg-color-primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fg-color-primary) 10%, transparent);
+    }
+  }
+  .fg\:bg-surface {
+    background-color: var(--fg-color-surface);
+  }
+  .fg\:bg-transparent {
+    background-color: transparent;
+  }
+  .fg\:p-0\.5 {
+    padding: calc(var(--fg-spacing) * 0.5);
+  }
   .fg\:p-3 {
     padding: calc(var(--fg-spacing) * 3);
   }
   .fg\:p-4 {
     padding: calc(var(--fg-spacing) * 4);
   }
+  .fg\:p-5 {
+    padding: calc(var(--fg-spacing) * 5);
+  }
   .fg\:p-6 {
     padding: calc(var(--fg-spacing) * 6);
   }
+  .fg\:p-8 {
+    padding: calc(var(--fg-spacing) * 8);
+  }
+  .fg\:px-2 {
+    padding-inline: calc(var(--fg-spacing) * 2);
+  }
+  .fg\:px-3 {
+    padding-inline: calc(var(--fg-spacing) * 3);
+  }
   .fg\:px-4 {
     padding-inline: calc(var(--fg-spacing) * 4);
   }
+  .fg\:py-0\.5 {
+    padding-block: calc(var(--fg-spacing) * 0.5);
+  }
+  .fg\:py-1\.5 {
+    padding-block: calc(var(--fg-spacing) * 1.5);
+  }
+  .fg\:py-2 {
+    padding-block: calc(var(--fg-spacing) * 2);
+  }
+  .fg\:py-2\.5 {
+    padding-block: calc(var(--fg-spacing) * 2.5);
+  }
   .fg\:py-3 {
     padding-block: calc(var(--fg-spacing) * 3);
   }
+  .fg\:py-5 {
+    padding-block: calc(var(--fg-spacing) * 5);
+  }
+  .fg\:py-6 {
+    padding-block: calc(var(--fg-spacing) * 6);
+  }
+  .fg\:py-8 {
+    padding-block: calc(var(--fg-spacing) * 8);
+  }
   .fg\:py-12 {
     padding-block: calc(var(--fg-spacing) * 12);
   }
+  .fg\:py-16 {
+    padding-block: calc(var(--fg-spacing) * 16);
+  }
   .fg\:pt-2 {
     padding-top: calc(var(--fg-spacing) * 2);
   }
@@ -286,6 +472,14 @@
     font-size: var(--fg-text-2xl);
     line-height: var(--tw-leading, var(--fg-text-2xl--line-height));
   }
+  .fg\:text-3xl {
+    font-size: var(--fg-text-3xl);
+    line-height: var(--tw-leading, var(--fg-text-3xl--line-height));
+  }
+  .fg\:text-base {
+    font-size: var(--fg-text-base);
+    line-height: var(--tw-leading, var(--fg-text-base--line-height));
+  }
   .fg\:text-lg {
     font-size: var(--fg-text-lg);
     line-height: var(--tw-leading, var(--fg-text-lg--line-height));
@@ -302,24 +496,80 @@
     font-size: var(--fg-text-xs);
     line-height: var(--tw-leading, var(--fg-text-xs--line-height));
   }
+  .fg\:leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .fg\:leading-relaxed {
+    --tw-leading: var(--fg-leading-relaxed);
+    line-height: var(--fg-leading-relaxed);
+  }
   .fg\:font-bold {
     --tw-font-weight: var(--fg-font-weight-bold);
     font-weight: var(--fg-font-weight-bold);
   }
+  .fg\:font-extrabold {
+    --tw-font-weight: var(--fg-font-weight-extrabold);
+    font-weight: var(--fg-font-weight-extrabold);
+  }
   .fg\:font-medium {
     --tw-font-weight: var(--fg-font-weight-medium);
     font-weight: var(--fg-font-weight-medium);
   }
+  .fg\:font-normal {
+    --tw-font-weight: var(--fg-font-weight-normal);
+    font-weight: var(--fg-font-weight-normal);
+  }
   .fg\:font-semibold {
     --tw-font-weight: var(--fg-font-weight-semibold);
     font-weight: var(--fg-font-weight-semibold);
   }
+  .fg\:tracking-wide {
+    --tw-tracking: var(--fg-tracking-wide);
+    letter-spacing: var(--fg-tracking-wide);
+  }
+  .fg\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+  .fg\:text-muted {
+    color: var(--fg-color-muted);
+  }
+  .fg\:text-muted\/50 {
+    color: var(--fg-color-muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--fg-color-muted) 50%, transparent);
+    }
+  }
+  .fg\:text-primary {
+    color: var(--fg-color-primary);
+  }
   .fg\:text-red-500 {
     color: var(--fg-color-red-500);
   }
+  .fg\:text-text {
+    color: var(--fg-color-text);
+  }
+  .fg\:text-text\/85 {
+    color: var(--fg-color-text);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--fg-color-text) 85%, transparent);
+    }
+  }
+  .fg\:text-text\/90 {
+    color: var(--fg-color-text);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--fg-color-text) 90%, transparent);
+    }
+  }
+  .fg\:uppercase {
+    text-transform: uppercase;
+  }
   .fg\:underline {
     text-decoration-line: underline;
   }
+  .fg\:accent-primary {
+    accent-color: var(--fg-color-primary);
+  }
   .fg\:shadow-md {
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -329,6 +579,25 @@
     transition-timing-function: var(--tw-ease, var(--fg-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--fg-default-transition-duration));
   }
+  .fg\:outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .fg\:focus\:border-primary {
+    &:focus {
+      border-color: var(--fg-color-primary);
+    }
+  }
+  .fg\:disabled\:opacity-40 {
+    &:disabled {
+      opacity: 40%;
+    }
+  }
+  .fg\:disabled\:opacity-50 {
+    &:disabled {
+      opacity: 50%;
+    }
+  }
   .fg\:sm\:block {
     @media (width >= 40rem) {
       display: block;
@@ -344,6 +613,21 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
+  .fg\:sm\:flex-row {
+    @media (width >= 40rem) {
+      flex-direction: row;
+    }
+  }
+  .fg\:sm\:items-center {
+    @media (width >= 40rem) {
+      align-items: center;
+    }
+  }
+  .fg\:sm\:justify-between {
+    @media (width >= 40rem) {
+      justify-content: space-between;
+    }
+  }
   .fg\:md\:static {
     @media (width >= 48rem) {
       position: static;
@@ -479,6 +763,22 @@
       gap: calc(var(--fg-spacing) * 8);
     }
   }
+  .fg\:lg\:p-8 {
+    @media (width >= 64rem) {
+      padding: calc(var(--fg-spacing) * 8);
+    }
+  }
+  .fg\:lg\:py-12 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--fg-spacing) * 12);
+    }
+  }
+  .fg\:lg\:text-3xl {
+    @media (width >= 64rem) {
+      font-size: var(--fg-text-3xl);
+      line-height: var(--tw-leading, var(--fg-text-3xl--line-height));
+    }
+  }
 }
 @property --tw-space-y-reverse {
   syntax: "*";
@@ -495,10 +795,18 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false;
 }
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -570,7 +878,9 @@
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-border-style: solid;
+      --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-tracking: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;

package/src/ui/theme/ForgeThemeProvider.tsx

@@ -1,4 +1,5 @@
-import { createContext, useContext, type ReactNode } from "react";
+import { useContext, type ReactNode } from "react";
+import { createSharedContext } from "../../runtime/registry";
 import { readableTextOn } from "./contrast";
 
 /**
@@ -81,7 +82,7 @@ export function resolveThemeTokens(t: ForgeTheme): ResolvedThemeTokens {
   };
 }
 
-const ForgeThemeContext = createContext<ForgeTheme | null>(null);
+const ForgeThemeContext = createSharedContext<ForgeTheme | null>("theme", null);
 
 export function ForgeThemeProvider({ theme, children }: { theme: ForgeTheme; children: ReactNode }) {
   const r = resolveThemeTokens(theme);

package/src/utils/_tests/ticketOrderOutcome.spec.ts

@@ -2,6 +2,7 @@ import { describe, it, expect } from "vitest";
 import {
   getTicketOrderOutcome,
   isTicketOrderRefunded,
+  ticketRequestFailureKind,
   TICKET_ORDER_REFUNDED_COPY,
 } from "../ticketOrderOutcome";
 import { OrderStatus } from "../../types/models";
@@ -124,3 +125,84 @@ describe("TICKET_ORDER_REFUNDED_COPY", () => {
     expect(TICKET_ORDER_REFUNDED_COPY.body.toLowerCase()).toContain("will not admit entry");
   });
 });
+
+/**
+ * Ticket requests (curated access, feature 3). A request is neither paid nor
+ * abandoned while the organiser decides, and when it ends without a sale the
+ * fan has to be told WHICH way it ended: "you were not approved", "nobody
+ * answered in time" and "you were approved but the card failed" are three
+ * different pieces of news, and the last one comes with an invitation to buy
+ * again that the other two must not carry.
+ */
+describe("getTicketOrderOutcome: ticket requests", () => {
+  it("calls a pending request awaiting_approval, and the transient approved state too", () => {
+    expect(getTicketOrderOutcome({ status: OrderStatus.PendingApproval })).toBe("awaiting_approval");
+    // Settlement in flight is still "waiting" from the fan's side.
+    expect(getTicketOrderOutcome({ status: OrderStatus.Approved })).toBe("awaiting_approval");
+  });
+
+  it("calls a declined request declined, not not_completed", () => {
+    expect(getTicketOrderOutcome({ status: OrderStatus.Declined })).toBe("declined");
+  });
+
+  it("does not let the refund columns turn a request into a refund", () => {
+    // Nothing is captured on a request, so these are at their defaults; even
+    // a nonsense payload must not read as money having gone back.
+    expect(
+      getTicketOrderOutcome({ status: OrderStatus.PendingApproval, refundedAmountCents: "0", refundState: "none" }),
+    ).toBe("awaiting_approval");
+  });
+
+  it("keeps an expired request and a failed settlement as not_completed", () => {
+    expect(getTicketOrderOutcome({ status: OrderStatus.Cancelled, approvalFailureReason: "expired" })).toBe(
+      "not_completed",
+    );
+    expect(getTicketOrderOutcome({ status: OrderStatus.PaymentFailed, approvalFailureReason: "card_declined" })).toBe(
+      "not_completed",
+    );
+  });
+
+  it("still calls an approved-and-paid request paid", () => {
+    expect(getTicketOrderOutcome({ status: OrderStatus.Paid, approvalRequestedAt: "2026-09-01T00:00:00Z" })).toBe(
+      "paid",
+    );
+  });
+});
+
+describe("ticketRequestFailureKind", () => {
+  it("names the three ways a request ends without a sale", () => {
+    expect(ticketRequestFailureKind({ status: OrderStatus.Declined })).toBe("declined");
+    expect(ticketRequestFailureKind({ status: OrderStatus.Cancelled, approvalFailureReason: "expired" })).toBe(
+      "expired",
+    );
+    expect(
+      ticketRequestFailureKind({ status: OrderStatus.PaymentFailed, approvalFailureReason: "card_declined" }),
+    ).toBe("payment_failed");
+  });
+
+  it("recognises an approved-but-unsettled request off the requested-at stamp when no reason came", () => {
+    expect(
+      ticketRequestFailureKind({ status: OrderStatus.PaymentFailed, approvalRequestedAt: "2026-09-01T00:00:00Z" }),
+    ).toBe("payment_failed");
+  });
+
+  it("is null for every order that was never a request, so their copy is unchanged", () => {
+    // The abandoned sweep writes `cancelled` with no approval columns at all.
+    expect(ticketRequestFailureKind(abandoned)).toBeNull();
+    expect(ticketRequestFailureKind({ status: OrderStatus.Cancelled, approvalFailureReason: null })).toBeNull();
+    // An ordinary declined card is `payment_failed` with neither signal.
+    expect(ticketRequestFailureKind({ status: OrderStatus.PaymentFailed })).toBeNull();
+    expect(ticketRequestFailureKind(refundVoided)).toBeNull();
+  });
+
+  it("is null while the request is still open, and once it succeeded", () => {
+    expect(ticketRequestFailureKind({ status: OrderStatus.PendingApproval })).toBeNull();
+    expect(ticketRequestFailureKind({ status: OrderStatus.Approved })).toBeNull();
+    expect(ticketRequestFailureKind({ status: OrderStatus.Paid, approvalRequestedAt: "2026-09-01T00:00:00Z" })).toBeNull();
+  });
+
+  it("does not read a cancelled row with some OTHER failure reason as expired", () => {
+    // Only the sweep's own stamp means "lapsed undecided".
+    expect(ticketRequestFailureKind({ status: OrderStatus.Cancelled, approvalFailureReason: "event_cancelled" })).toBeNull();
+  });
+});