@setsquare/ui 0.2.2 → 0.2.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## 0.2.4 — 2026-10-05
+
+- **`FeatureCard`**, for the top of an overview: a title (a greeting, often) beside an icon, and a panel of
+  what's new that the person shows and hides with React Aria's Disclosure. Closed, one line says how many updates
+  there are and what the newest is. `FeatureCardItem` is an update, larger in the `featured` slot, either one link
+  or an article with its own actions. `TimeOfDayIcon` and `timeOfDay()` draw the sun or moon for a greeting. The
+  card arrives once, in under three seconds, without fading its text; at AAA nothing moves and under reduced
+  motion nothing animates. New token `duration-arrive`. The contrast check now measures text over the card's dots,
+  muted text on `accent` (a hovered link card) and the count pill.
+
+## 0.2.3 — 2026-10-05
+
+- **`SettingsCard`**, for a settings page that saves one thing at a time: a title, a description, the field, and
+  a footer bar with a hint on the left and the action on the right. `tone="danger"` gives the card that can't be
+  undone a red border and a red-tinted footer. The card is a group named by its heading, not a landmark. It has a
+  design-system card and a docs-site page, and the contrast check now covers `foreground` and the focus ring on
+  `destructive-subtle`, which its danger footer uses. Asked for by the Docuccino portal.
+
 ## 0.2.2 — 2026-10-05
 
 - **`AppHeader` takes a `brand`** for phones, where the breadcrumbs give way to the product. It showed the

package/dist/index.d.ts

@@ -62,6 +62,12 @@ export type { ContainerProps, SectionProps, SectionHeaderProps } from './ui/sect
 export { Card, CardGrid } from './ui/card.js';
 export type { CardProps, CardGridProps } from './ui/card.js';
 export { LinkCard } from './ui/link-card.js';
+export { SettingsCard } from './ui/settings-card.js';
+export type { SettingsCardProps } from './ui/settings-card.js';
+export { FeatureCard, FeatureCardItem } from './ui/feature-card.js';
+export type { FeatureCardProps, FeatureCardItemProps } from './ui/feature-card.js';
+export { TimeOfDayIcon, timeOfDay } from './ui/time-of-day-icon.js';
+export type { TimeOfDay, TimeOfDayIconProps } from './ui/time-of-day-icon.js';
 export type { LinkCardProps } from './ui/link-card.js';
 export { Hero, HeroHighlight } from './ui/hero.js';
 export type { HeroProps } from './ui/hero.js';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -41,6 +41,9 @@ export { Disclosure } from './ui/disclosure.js';
 export { Container, Eyebrow, Section, SectionHeader } from './ui/section.js';
 export { Card, CardGrid } from './ui/card.js';
 export { LinkCard } from './ui/link-card.js';
+export { SettingsCard } from './ui/settings-card.js';
+export { FeatureCard, FeatureCardItem } from './ui/feature-card.js';
+export { TimeOfDayIcon, timeOfDay } from './ui/time-of-day-icon.js';
 export { Hero, HeroHighlight } from './ui/hero.js';
 export { Prose } from './ui/prose.js';
 export { Steps, Step } from './ui/steps.js';

package/dist/index.js.map

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

package/dist/styles/theme.css

@@ -429,6 +429,113 @@
 @keyframes setsquare-sheet { from { opacity: 0; translate: var(--sheet-from, 0 0); } }
 @keyframes setsquare-toast { from { opacity: 0; translate: 0 var(--motion-distance); } }
 
+/* ---------- arrivals: a FeatureCard and its parts, once, as it first renders ----------
+   Text and controls never fade: they are readable from the first frame, so nothing waits on an animation to be
+   seen. arrive-rise only travels --motion-distance, so at AAA (0) and under reduced motion it does nothing. The
+   rest is decoration (the icon tile, the icon's strokes): it may fade in, and at AAA it only fades, as everything
+   that moves in this system does; 2.3.3's Understanding page doesn't count a change of opacity as motion. All of
+   it is over in under three seconds. Under reduced motion nothing animates. */
+@keyframes setsquare-rise { from { translate: 0 var(--motion-distance); } }
+@keyframes setsquare-pop { 0% { opacity: 0; scale: 0.6; } 60% { opacity: 1; scale: 1.06; } }
+@keyframes setsquare-sunrise { from { opacity: 0.2; translate: 0 var(--motion-distance); } }
+@keyframes setsquare-spin-in { from { opacity: 0; rotate: -75deg; scale: 0.7; } }
+@keyframes setsquare-moon-in { from { opacity: 0; rotate: -35deg; scale: 0.85; } }
+@keyframes setsquare-twinkle { 0% { opacity: 0; scale: 0.2; } 30% { opacity: 1; scale: 1.25; } 55% { opacity: 0.35; scale: 0.8; } 80% { opacity: 1; scale: 1.08; } }
+@keyframes setsquare-ripple { from { --feature-ripple-radius: 0px; opacity: 0.72; } 70% { opacity: 0.72; } to { --feature-ripple-radius: 1600px; opacity: 0; } }
+@utility arrive-rise {
+  animation: setsquare-rise var(--duration-arrive) var(--ease-standard) both;
+  @media (prefers-reduced-motion: reduce) { animation: none; }
+}
+@utility arrive-pop {
+  animation: setsquare-pop calc(var(--duration-arrive) * 1.1) var(--ease-standard) both;
+  transform-box: fill-box;
+  transform-origin: center;
+  @variant aaa { animation-name: setsquare-fade; }
+  @media (prefers-reduced-motion: reduce) { animation: none; }
+}
+@utility arrive-sunrise {
+  animation: setsquare-sunrise calc(var(--duration-arrive) * 2.3) var(--ease-standard) both;
+  transform-box: fill-box;
+  transform-origin: center;
+  @variant aaa { animation-name: setsquare-fade; }
+  @media (prefers-reduced-motion: reduce) { animation: none; }
+}
+@utility arrive-spin-in {
+  animation: setsquare-spin-in calc(var(--duration-arrive) * 2.1) var(--ease-standard) both;
+  transform-box: view-box;
+  transform-origin: 16px 16px;
+  @variant aaa { animation-name: setsquare-fade; }
+  @media (prefers-reduced-motion: reduce) { animation: none; }
+}
+@utility arrive-moon-in {
+  animation: setsquare-moon-in calc(var(--duration-arrive) * 1.9) var(--ease-standard) both;
+  transform-box: view-box;
+  transform-origin: 16px 16px;
+  @variant aaa { animation-name: setsquare-fade; }
+  @media (prefers-reduced-motion: reduce) { animation: none; }
+}
+@utility arrive-twinkle {
+  animation: setsquare-twinkle calc(var(--duration-arrive) * 2.9) var(--ease-standard) both;
+  transform-box: fill-box;
+  transform-origin: center;
+  @variant aaa { animation-name: setsquare-fade; }
+  @media (prefers-reduced-motion: reduce) { animation: none; }
+}
+
+/* ---------- FeatureCard's ground: dots fading out from the icon, and one ripple across them ----------
+   The dots sit behind the title and the muted text, so they are light enough for that text to keep 4.5:1 on a
+   dot as well as on the card (scripts/lib/contrast.mjs measures it on the darkest dot). At AAA there are none:
+   7:1 leaves a product's muted text too little room over a pattern. The ripple brightens them as it passes,
+   once, in about two seconds; it doesn't run at AAA or under reduced motion. Each layer's strength is its opacity,
+   not a color-mix(), which Tailwind would give a full-strength fallback. */
+@property --feature-ripple-radius { syntax: "<length>"; inherits: false; initial-value: 0px; }
+@utility feature-dots {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  opacity: 0.2;
+  background-image: radial-gradient(circle, var(--input) 1px, transparent 1.5px);
+  background-size: 16px 16px;
+  mask-image: radial-gradient(120% 170% at 0% 0%, black 0%, rgb(0 0 0 / 0.45) 38%, transparent 72%);
+  @variant aaa { display: none; }
+}
+@utility feature-ripple {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  opacity: 0;
+  background-image: radial-gradient(circle, var(--foreground) 1.1px, transparent 1.6px);
+  background-size: 16px 16px;
+  mask-image: radial-gradient(circle at var(--feature-ripple-origin, 48px 44px), transparent calc(var(--feature-ripple-radius) - 170px), black calc(var(--feature-ripple-radius) - 70px), transparent var(--feature-ripple-radius));
+  animation: setsquare-ripple calc(var(--duration-arrive) * 4.4) cubic-bezier(0.3, 0.1, 0.3, 1) 120ms both;
+  @variant aaa { display: none; }
+  @media (prefers-reduced-motion: reduce) { display: none; }
+}
+/* An update's picture: a muted, dotted frame for an illustration or a screenshot. */
+@utility feature-media {
+  position: relative;
+  overflow: clip;
+  background-color: var(--muted);
+  &::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    opacity: 0.26;
+    background-image: radial-gradient(circle, var(--input) 1px, transparent 1.5px);
+    background-size: 14px 14px;
+  }
+  & > :is(svg, img, video, picture) {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    display: block;
+  }
+  & > img, & > video {
+    object-fit: cover;
+  }
+}
+
 /* ---------- view transitions: the shell is the anchor, content moves ---------- */
 ::view-transition { pointer-events: none; }
 ::view-transition-group(shell-header), ::view-transition-group(shell-sidebar), ::view-transition-group(site-header) { animation: none; z-index: 100; }

package/dist/styles/tokens.css

@@ -76,6 +76,7 @@
   --duration-panel: 200ms;
   --duration-loading-delay: 400ms;
   --duration-spin: 900ms;
+  --duration-arrive: 480ms;
   --ease-standard: cubic-bezier(0.2, 0, 0, 1);
   --z-header: 30;
   --z-sidebar: 40;

package/dist/tokens.json

@@ -948,6 +948,11 @@
         "value": "900ms",
         "usage": "One turn of the spinner. At AAA and under reduced motion it pulses instead of turning."
       },
+      {
+        "name": "duration-arrive",
+        "value": "480ms",
+        "usage": "A FeatureCard arriving, once, as it first renders: the card and its updates rise, its icon draws in. The icon's parts and the ripple across its ground are multiples of it. At AAA only opacity changes; under reduced motion nothing does."
+      },
       {
         "name": "ease-standard",
         "value": "cubic-bezier(0.2, 0, 0, 1)",

package/dist/ui/feature-card.d.ts

@@ -0,0 +1,85 @@
+import { type ReactNode } from 'react';
+import { type DisclosureProps as RACDisclosureProps } from 'react-aria-components';
+import { type IconProp } from './icon.js';
+type HeadingLevel = 1 | 2 | 3 | 4 | 5;
+export interface FeatureCardProps extends Omit<RACDisclosureProps, 'children' | 'className'> {
+    /** The heading: a greeting ("Good morning, Ana") or what the card holds ("What's new"). */
+    title: ReactNode;
+    /** 1 when the card heads the page, as on an overview; 2 (default) under the page's h1; 3 under a section's h2. */
+    headingLevel?: 1 | 2 | 3;
+    /** In a tile before the title: a `TimeOfDayIcon` beside a greeting, or any icon. Decorative. */
+    icon?: IconProp;
+    /**
+     * What the panel holds, default "What's new". It ends the toggle's name ("Show what's new"), leads the line
+     * shown while the card is closed, and is the panel's heading, which only a screen reader shows.
+     */
+    label?: string;
+    /** Under the title while the card is open: "Here's what's new since you were last here on 28 September." */
+    description?: ReactNode;
+    /** While the card is closed, a pill after the label: "3 new". Leave it out when there's nothing new. */
+    count?: ReactNode;
+    /**
+     * While the card is closed, the rest of its line: the newest update's title ("Visual comparisons for every run,
+     * and 2 more"), or "You're up to date."
+     */
+    summary?: ReactNode;
+    /** Beside the toggle while the card is open: a ghost `LinkButton` to every update, usually. */
+    action?: ReactNode;
+    /** The update shown largest, before the others: a `FeatureCardItem`. */
+    featured?: ReactNode;
+    /** The other updates: `FeatureCardItem`s, beside the featured one on a wide card and under it on a narrow one. */
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * The card at the top of an overview: a title (a greeting, often) with an icon, and a panel of what's new that
+ * the person can show and hide. React Aria's Disclosure: the Show/Hide button is the trigger, with
+ * `aria-expanded`, and the panel is hidden while it is closed. Open, it shows a description, an action and the
+ * updates; closed, one line in their place says how many there are and what the newest is. Open by default:
+ * keep the person's choice with `isExpanded` and `onExpandedChange`.
+ *
+ * It lays itself out by its own width (a container query), not the window's: beside a sidebar or on a phone,
+ * the title goes under the icon and the updates go under the featured one.
+ *
+ * It arrives once as it renders: the card and its updates rise --motion-distance, the icon tile pops in, and a
+ * ripple crosses the dots behind the title. The text and the controls never fade, so they can be read from the
+ * first frame. At AAA nothing moves (the icon only fades in) and the card has no dots or ripple; under reduced
+ * motion nothing animates.
+ */
+export declare function FeatureCard({ title, headingLevel, icon, label, description, count, summary, action, featured, children, defaultExpanded, className, ...props }: FeatureCardProps): import("react").JSX.Element;
+interface FeatureCardItemBase {
+    /** The update's name: "Visual comparisons for every run". */
+    title: ReactNode;
+    /** A word before the date: "New", "Improved". */
+    tag?: ReactNode;
+    /** When it shipped: "1 October", or a `<time>`. */
+    date?: ReactNode;
+    /** What it does for the person, in a sentence or two. */
+    description?: ReactNode;
+    /**
+     * A picture of it, in a muted frame above the words: 2:1 when featured, 3:1 otherwise. An `<svg>`, `<img>` or
+     * `<video>` fills the frame. Hidden from assistive tech, so the words have to say what it shows.
+     */
+    media?: ReactNode;
+    /** Overrides the level the card gives it: two below the card's title. */
+    headingLevel?: HeadingLevel;
+    className?: string;
+}
+export type FeatureCardItemProps = FeatureCardItemBase & ({
+    /** The whole item is one link, here: to the update in the changelog. It can then hold no other control. */
+    href: string;
+    actions?: never;
+} | {
+    href?: never;
+    /** Buttons or links after the words: "Set up Review", "How it works". The item is then not a link. */
+    actions?: ReactNode;
+});
+/**
+ * One update in a FeatureCard: a picture, a tag and a date, a title and a description. In the card's `featured`
+ * slot it is larger. With `href` the whole item is a link named by everything it shows, as LinkCard is, with
+ * the arrow after its title; with `actions` it is an article with its own buttons or links. Not both: a link
+ * can't hold another control.
+ */
+export declare function FeatureCardItem({ title, tag, date, description, media, headingLevel, href, actions, className, }: FeatureCardItemProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=feature-card.d.ts.map

package/dist/ui/feature-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-card.d.ts","sourceRoot":"","sources":["../../src/ui/feature-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAIL,KAAK,eAAe,IAAI,kBAAkB,EAC3C,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGtD,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAQtC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,CAAC;IAC1F,2FAA2F;IAC3F,KAAK,EAAE,SAAS,CAAC;IACjB,kHAAkH;IAClH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,gGAAgG;IAChG,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4GAA4G;IAC5G,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wGAAwG;IACxG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+FAA+F;IAC/F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kHAAkH;IAClH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAgB,EAChB,IAAI,EACJ,KAAoB,EACpB,WAAW,EACX,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,eAAsB,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAqHlB;AAED,UAAU,mBAAmB;IAC3B,6DAA6D;IAC7D,KAAK,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yEAAyE;IACzE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GACpD,CACI;IACE,2GAA2G;IAC3G,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,sGAAsG;IACtG,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CACJ,CAAC;AAEJ;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,GAAG,EACH,IAAI,EACJ,WAAW,EACX,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,+BA2FtB"}

package/dist/ui/feature-card.js

@@ -0,0 +1,65 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, createContext, useContext, useId, } from 'react';
+import { ArrowRight, ChevronDown } from 'lucide-react';
+import { Disclosure as RACDisclosure, DisclosurePanel, Link as RACLink, } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+import { Button } from './button.js';
+import { renderIcon } from './icon.js';
+import { Tag } from './tag.js';
+/** What an item needs from its card: its heading level, and whether it is the featured one. */
+const ItemContext = createContext({
+    headingLevel: 3,
+    featured: false,
+});
+/**
+ * The card at the top of an overview: a title (a greeting, often) with an icon, and a panel of what's new that
+ * the person can show and hide. React Aria's Disclosure: the Show/Hide button is the trigger, with
+ * `aria-expanded`, and the panel is hidden while it is closed. Open, it shows a description, an action and the
+ * updates; closed, one line in their place says how many there are and what the newest is. Open by default:
+ * keep the person's choice with `isExpanded` and `onExpandedChange`.
+ *
+ * It lays itself out by its own width (a container query), not the window's: beside a sidebar or on a phone,
+ * the title goes under the icon and the updates go under the featured one.
+ *
+ * It arrives once as it renders: the card and its updates rise --motion-distance, the icon tile pops in, and a
+ * ripple crosses the dots behind the title. The text and the controls never fade, so they can be read from the
+ * first frame. At AAA nothing moves (the icon only fades in) and the card has no dots or ripple; under reduced
+ * motion nothing animates.
+ */
+export function FeatureCard({ title, headingLevel = 2, icon, label = "What's new", description, count, summary, action, featured, children, defaultExpanded = true, className, ...props }) {
+    const Heading = `h${headingLevel}`;
+    const PanelHeading = `h${headingLevel + 1}`;
+    const itemLevel = (headingLevel + 2);
+    const itemCount = Children.toArray(children).length;
+    return (_jsxs(RACDisclosure, { ...props, defaultExpanded: defaultExpanded, className: cn('group/feature-card @container/feature-card arrive-rise relative overflow-clip rounded-lg border border-border bg-card text-card-foreground shadow-(--shadow-sm)', className), children: [_jsx("div", { "aria-hidden": "true", className: "feature-dots" }), _jsx("div", { "aria-hidden": "true", className: "feature-ripple [--feature-ripple-origin:40px_40px] @min-[35rem]/feature-card:[--feature-ripple-origin:48px_44px]" }), _jsxs("div", { className: cn('relative grid items-center gap-x-4 gap-y-3 p-4 @min-[35rem]/feature-card:px-6 @min-[35rem]/feature-card:py-5', icon
+                    ? "grid-cols-[auto_minmax(0,1fr)] [grid-template-areas:'icon_toggle'_'text_text'] @min-[35rem]/feature-card:grid-cols-[auto_minmax(0,1fr)_auto] @min-[35rem]/feature-card:[grid-template-areas:'icon_text_toggle']"
+                    : "grid-cols-[minmax(0,1fr)_auto] [grid-template-areas:'text_toggle']"), children: [icon && (_jsx("span", { "aria-hidden": "true", className: "arrive-pop grid size-12 place-items-center rounded-xl border border-border bg-background text-foreground [grid-area:icon]", style: { animationDelay: '60ms' }, children: renderIcon(icon, 'size-8') })), _jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-3.5 gap-y-1 [grid-area:text]", children: [_jsx(Heading, { className: "text-title text-foreground", children: title }), description && (_jsx("p", { className: "hidden basis-full text-body text-muted-foreground group-data-expanded/feature-card:block", children: description })), _jsxs("p", { className: "flex flex-wrap items-center gap-x-2.5 gap-y-1 text-ui text-muted-foreground group-data-expanded/feature-card:hidden", children: [_jsx("span", { "aria-hidden": "true", className: "hidden h-5 w-px bg-border @min-[35rem]/feature-card:block" }), _jsx("strong", { className: "text-ui-strong text-foreground", children: label }), count && (_jsx("span", { className: "inline-flex h-[22px] items-center rounded-full bg-foreground px-2 text-caption-strong text-background", children: count })), summary && _jsx("span", { children: summary })] })] }), _jsxs("div", { className: "flex items-center gap-(--control-gap) justify-self-end [grid-area:toggle]", children: [action && (_jsx("div", { className: "hidden items-center gap-(--control-gap) group-data-expanded/feature-card:flex", children: action })), _jsxs(Button, { slot: "trigger", variant: "ghost", children: [_jsx(ChevronDown, { "aria-hidden": "true", className: "group-data-expanded/feature-card:rotate-180" }), _jsx("span", { className: "group-data-expanded/feature-card:hidden", children: "Show" }), _jsx("span", { className: "hidden group-data-expanded/feature-card:inline", children: "Hide" }), _jsxs("span", { className: "sr-only", children: [" ", label] })] })] })] }), _jsx(DisclosurePanel, { className: "relative", children: _jsxs("div", { className: "flex flex-col px-4 pb-4 @min-[35rem]/feature-card:px-6 @min-[35rem]/feature-card:pb-6", children: [_jsx(PanelHeading, { className: "sr-only", children: label }), _jsxs("ul", { 
+                            // oxlint-disable-next-line jsx-a11y/no-redundant-roles -- VoiceOver in Safari drops a list with no markers.
+                            role: "list", style: { '--feature-card-rows': Math.max(1, itemCount) }, className: cn('grid gap-4', featured
+                                ? '@min-[56rem]/feature-card:grid-cols-[minmax(0,1.7fr)_minmax(0,1fr)]'
+                                : 'grid-cols-[repeat(auto-fit,minmax(min(18rem,100%),1fr))]'), children: [featured && (_jsx("li", { className: "arrive-rise grid @min-[56rem]/feature-card:row-span-(--feature-card-rows)", style: { animationDelay: '200ms' }, children: _jsx(ItemContext.Provider, { value: { headingLevel: itemLevel, featured: true }, children: featured }) })), _jsx(ItemContext.Provider, { value: { headingLevel: itemLevel, featured: false }, children: Children.map(children, (child, i) => child == null || typeof child === 'boolean' ? null : (_jsx("li", { className: "arrive-rise grid", style: { animationDelay: `${(featured ? 280 : 200) + i * 80}ms` }, children: child }))) })] })] }) })] }));
+}
+/**
+ * One update in a FeatureCard: a picture, a tag and a date, a title and a description. In the card's `featured`
+ * slot it is larger. With `href` the whole item is a link named by everything it shows, as LinkCard is, with
+ * the arrow after its title; with `actions` it is an article with its own buttons or links. Not both: a link
+ * can't hold another control.
+ */
+export function FeatureCardItem({ title, tag, date, description, media, headingLevel, href, actions, className, }) {
+    const context = useContext(ItemContext);
+    const titleId = useId();
+    const featured = context.featured;
+    const Heading = `h${Math.min(headingLevel ?? context.headingLevel, 6)}`;
+    const picture = media && (_jsx("div", { "aria-hidden": "true", className: cn('feature-media border-b border-border', featured ? 'aspect-[2/1]' : 'aspect-[3/1]'), children: media }));
+    const meta = (tag || date) && (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [tag && _jsx(Tag, { children: tag }), date && _jsx("span", { className: "text-caption text-muted-foreground", children: date })] }));
+    const words = cn('flex flex-1 flex-col', featured ? 'gap-2 p-5' : 'gap-1.5 p-4');
+    const titleType = featured ? 'text-heading' : 'text-subheading';
+    const descriptionType = featured ? 'text-body' : 'text-ui';
+    const surface = 'flex w-full flex-col overflow-clip rounded-lg border border-border bg-background';
+    if (href) {
+        return (_jsx(RACLink, { href: href, className: cn('group/feature-item relative flex min-h-target min-w-target cursor-pointer text-foreground no-underline outline-none', className), children: _jsxs("div", { className: cn(surface, 'transition-colors duration-(--duration-fast) ease-(--ease-standard) group-data-focus-visible/feature-item:focus-ring group-data-hovered/feature-item:border-input group-data-hovered/feature-item:bg-accent'), children: [picture, _jsxs("div", { className: words, children: [meta, _jsxs(Heading, { className: cn('flex items-start gap-1.5 text-foreground group-data-hovered/feature-item:underline', titleType), children: [_jsx("span", { className: "min-w-0", children: title }), _jsx(ArrowRight, { "aria-hidden": "true", className: "mt-1 size-4 shrink-0" })] }), description && (_jsx("p", { className: cn('max-w-[62ch] text-muted-foreground', descriptionType), children: description }))] })] }) }));
+    }
+    return (_jsxs("article", { "aria-labelledby": titleId, className: cn(surface, className), children: [picture, _jsxs("div", { className: words, children: [meta, _jsx(Heading, { id: titleId, className: cn('text-foreground', titleType), children: title }), description && (_jsx("p", { className: cn('max-w-[62ch] text-muted-foreground', descriptionType), children: description })), actions && (_jsx("div", { className: "mt-auto flex flex-wrap items-center gap-(--control-gap) pt-3", children: actions }))] })] }));
+}
+//# sourceMappingURL=feature-card.js.map

package/dist/ui/feature-card.js.map

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

package/dist/ui/settings-card.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+export interface SettingsCardProps {
+    /** What this setting is: "Name", "Email", "Delete account". */
+    title: string;
+    /** 2 (default) when the cards are the page's sections, under its h1; 3 under a section's h2. */
+    headingLevel?: 2 | 3;
+    /** What it does, in a sentence. Muted, under the title. */
+    description?: ReactNode;
+    /** The field or value: a TextField, a CopyButton beside an id, a Switch. */
+    children?: ReactNode;
+    /** Footer text, on the left: what happens when you act, or a rule the field follows. */
+    hint?: ReactNode;
+    /** The card's one action, on the right of the footer: a submit Button, usually. */
+    action?: ReactNode;
+    /**
+     * `danger` for an action that can't be undone: a red border and a red-tinted footer, so it reads apart from the
+     * cards above it. The words still say what it does; the colour only repeats it.
+     */
+    tone?: 'default' | 'danger';
+    className?: string;
+}
+/**
+ * One setting on a settings page: a title, a description, the field, and a footer bar with a hint and the action,
+ * so every setting on the page reads and saves the same way. Server-safe.
+ *
+ * A card that saves sits inside its own `Form`, so its footer's submit button submits only it. The card is named
+ * by its heading (`aria-labelledby`) but is not a landmark: a page of settings would otherwise fill the landmark
+ * list with them.
+ */
+export declare function SettingsCard({ title, headingLevel, description, children, hint, action, tone, className, }: SettingsCardProps): import("react").JSX.Element;
+//# sourceMappingURL=settings-card.d.ts.map

package/dist/ui/settings-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-card.d.ts","sourceRoot":"","sources":["../../src/ui/settings-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,gGAAgG;IAChG,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACrB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wFAAwF;IACxF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mFAAmF;IACnF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAgB,EAChB,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,IAAgB,EAChB,SAAS,GACV,EAAE,iBAAiB,+BAwCnB"}

package/dist/ui/settings-card.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cn } from '../lib/cn.js';
+/**
+ * One setting on a settings page: a title, a description, the field, and a footer bar with a hint and the action,
+ * so every setting on the page reads and saves the same way. Server-safe.
+ *
+ * A card that saves sits inside its own `Form`, so its footer's submit button submits only it. The card is named
+ * by its heading (`aria-labelledby`) but is not a landmark: a page of settings would otherwise fill the landmark
+ * list with them.
+ */
+export function SettingsCard({ title, headingLevel = 2, description, children, hint, action, tone = 'default', className, }) {
+    const Heading = `h${headingLevel}`;
+    const headingId = useId();
+    const danger = tone === 'danger';
+    return (_jsxs("div", { role: "group", "aria-labelledby": headingId, className: cn('overflow-hidden rounded-lg border bg-card text-card-foreground', danger ? 'border-destructive' : 'border-border', className), children: [_jsxs("div", { className: "flex flex-col gap-4 p-(--space-6)", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Heading, { id: headingId, className: "text-subheading", children: title }), description && _jsx("p", { className: "text-body text-muted-foreground", children: description })] }), children] }), (hint || action) && (_jsxs("div", { className: cn('flex flex-wrap items-center justify-between gap-x-4 gap-y-3 border-t px-(--space-6) py-3', danger
+                    ? 'border-destructive bg-destructive-subtle text-foreground'
+                    : 'border-border bg-muted text-muted-foreground'), children: [hint ? _jsx("p", { className: "min-w-0 flex-1 text-[13px] leading-5", children: hint }) : _jsx("span", {}), action && (_jsx("div", { className: "ml-auto flex shrink-0 items-center gap-(--control-gap)", children: action }))] }))] }));
+}
+//# sourceMappingURL=settings-card.js.map

package/dist/ui/settings-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-card.js","sourceRoot":"","sources":["../../src/ui/settings-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAuBlC;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,IAAI,GAAG,SAAS,EAChB,SAAS,GACS;IAClB,MAAM,OAAO,GAAG,IAAI,YAAY,EAAiB,CAAC;IAClD,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,CAAC;IACjC,OAAO,CACL,eACE,IAAI,EAAC,OAAO,qBACK,SAAS,EAC1B,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,eAAe,EAC/C,SAAS,CACV,aAED,eAAK,SAAS,EAAC,mCAAmC,aAChD,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,OAAO,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,iBAAiB,YAChD,KAAK,GACE,EACT,WAAW,IAAI,YAAG,SAAS,EAAC,iCAAiC,YAAE,WAAW,GAAK,IAC5E,EACL,QAAQ,IACL,EACL,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CACnB,eACE,SAAS,EAAE,EAAE,CACX,0FAA0F,EAC1F,MAAM;oBACJ,CAAC,CAAC,0DAA0D;oBAC5D,CAAC,CAAC,8CAA8C,CACnD,aAEA,IAAI,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,sCAAsC,YAAE,IAAI,GAAK,CAAC,CAAC,CAAC,gBAAQ,EAChF,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,wDAAwD,YAAE,MAAM,GAAO,CACvF,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/time-of-day-icon.d.ts

@@ -0,0 +1,18 @@
+import { type SVGProps } from 'react';
+export type TimeOfDay = 'morning' | 'afternoon' | 'evening';
+/**
+ * The part of the day an hour falls in: morning from 5 to 12, afternoon from 12 to 18, evening otherwise. Pass a
+ * date in the person's own time zone: on a server, `new Date()` is the server's clock.
+ */
+export declare function timeOfDay(date?: Date): TimeOfDay;
+export interface TimeOfDayIconProps extends Omit<SVGProps<SVGSVGElement>, 'children'> {
+    period: TimeOfDay;
+}
+/**
+ * A rising sun, a sun or a moon, drawn in as it first renders: the sun comes up and its rays appear, the sun's
+ * rays turn in, the moon turns in and two stars twinkle. Once, in under three seconds. At AAA the parts only
+ * fade in; under reduced motion it is drawn at once. Decorative: hidden from assistive tech, so the words
+ * beside it say what it shows. 32 by 32, in the current colour. Server-safe.
+ */
+export declare function TimeOfDayIcon({ period, className, ...props }: TimeOfDayIconProps): import("react").JSX.Element;
+//# sourceMappingURL=time-of-day-icon.d.ts.map

package/dist/ui/time-of-day-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-of-day-icon.d.ts","sourceRoot":"","sources":["../../src/ui/time-of-day-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AAE5D;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,GAAE,IAAiB,GAAG,SAAS,CAK5D;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IACnF,MAAM,EAAE,SAAS,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAsEhF"}

package/dist/ui/time-of-day-icon.js

@@ -0,0 +1,26 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cn } from '../lib/cn.js';
+/**
+ * The part of the day an hour falls in: morning from 5 to 12, afternoon from 12 to 18, evening otherwise. Pass a
+ * date in the person's own time zone: on a server, `new Date()` is the server's clock.
+ */
+export function timeOfDay(date = new Date()) {
+    const hour = date.getHours();
+    if (hour >= 5 && hour < 12)
+        return 'morning';
+    if (hour >= 12 && hour < 18)
+        return 'afternoon';
+    return 'evening';
+}
+/**
+ * A rising sun, a sun or a moon, drawn in as it first renders: the sun comes up and its rays appear, the sun's
+ * rays turn in, the moon turns in and two stars twinkle. Once, in under three seconds. At AAA the parts only
+ * fade in; under reduced motion it is drawn at once. Decorative: hidden from assistive tech, so the words
+ * beside it say what it shows. 32 by 32, in the current colour. Server-safe.
+ */
+export function TimeOfDayIcon({ period, className, ...props }) {
+    const clip = useId();
+    return (_jsxs("svg", { viewBox: "0 0 32 32", width: "32", height: "32", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, className: cn('overflow-visible', className), children: [period === 'morning' && (_jsxs(_Fragment, { children: [_jsx("defs", { children: _jsx("clipPath", { id: clip, children: _jsx("rect", { x: "0", y: "0", width: "32", height: "21.2" }) }) }), _jsx("g", { clipPath: `url(#${clip})`, children: _jsx("path", { className: "arrive-sunrise", style: { animationDelay: '220ms' }, d: "M9.5 21.2a6.5 6.5 0 0 1 13 0" }) }), _jsx("path", { className: "arrive-pop", style: { animationDelay: '760ms' }, d: "M16 8.6v2.6" }), _jsx("path", { className: "arrive-pop", style: { animationDelay: '840ms' }, d: "M8.1 11.9l1.8 1.8" }), _jsx("path", { className: "arrive-pop", style: { animationDelay: '840ms' }, d: "M23.9 11.9l-1.8 1.8" }), _jsx("path", { className: "arrive-pop", style: { animationDelay: '920ms' }, d: "M4.6 17.4l2.4 0.8" }), _jsx("path", { className: "arrive-pop", style: { animationDelay: '920ms' }, d: "M27.4 17.4l-2.4 0.8" }), _jsx("path", { d: "M4 21.2h24" }), _jsx("path", { d: "M9 25.6h5M18 25.6h5", opacity: "0.55" })] })), period === 'afternoon' && (_jsxs(_Fragment, { children: [_jsx("circle", { className: "arrive-pop", style: { animationDelay: '180ms' }, cx: "16", cy: "16", r: "5.5" }), _jsx("g", { className: "arrive-spin-in", style: { animationDelay: '260ms' }, children: _jsx("path", { d: "M16 4.6v3M16 24.4v3M4.6 16h3M24.4 16h3M7.9 7.9l2.1 2.1M22 22l2.1 2.1M7.9 24.1l2.1-2.1M22 10l2.1-2.1" }) })] })), period === 'evening' && (_jsxs(_Fragment, { children: [_jsx("g", { transform: "translate(1.6 2.4) scale(0.88)", children: _jsx("path", { className: "arrive-moon-in", style: { animationDelay: '200ms' }, d: "M16 4a8 8 0 0 0 12 12 12 12 0 1 1-12-12Z" }) }), _jsx("path", { className: "arrive-twinkle", style: { animationDelay: '700ms' }, d: "M23.5 5.1v4.8M21.1 7.5h4.8" }), _jsx("path", { className: "arrive-twinkle", style: { animationDelay: '950ms' }, d: "M28 11.8v2.8M26.6 13.2h2.8" })] }))] }));
+}
+//# sourceMappingURL=time-of-day-icon.js.map

package/dist/ui/time-of-day-icon.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@setsquare/ui",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "React Aria components, design tokens, a dashboard shell and a site shell, with a switch between WCAG 2.2 AA and AAA sizing, spacing and contrast.",
   "license": "Apache-2.0",
   "homepage": "https://github.com/Worktree-Amigos/setsquare-ui#readme",