@oxyhq/bloom 1.0.0 → 1.0.2

package/docs/typography.mdx

@@ -0,0 +1,88 @@
+---
+title: Typography
+description: Text, headings and the semantic prose variants.
+order: 22
+---
+
+# Typography
+
+Bloom's text primitives. Every one is a flat component, and every one accepts `className` so a NativeWind consumer can override it — except `Blockquote`, for the reason below.
+
+```tsx
+import { H1, Lead, Muted, P, Small, Text } from '@oxyhq/bloom/typography';
+```
+
+Or as a namespace, which costs no tree-shaking because the family ships as its own subpath:
+
+```tsx
+import * as Typography from '@oxyhq/bloom/typography';
+```
+
+## Base
+
+`Text` is the base: theme-aware colour, Bloom's sans family, 13px. `Span` is the same component under the name you reach for inline.
+
+`H1` through `H6` are headings, and on web they carry `role="heading"` with the matching `aria-level` — which is what makes a screen reader's heading navigation work.
+
+`P` is body copy at 16px over a 28px line, with a leading margin (`mt-3`, 24px from the `sm` breakpoint up) and `role="paragraph"` on web.
+
+## The heading ramp
+
+react-native-reusables' own numbers, resolved from its `text-4xl font-extrabold tracking-tight` and the three `font-semibold` levels under it. `tracking-tight` is −0.025em, so the letter-spacing is computed against each level's own size. `H5`/`H6` have no upstream counterpart and continue the ramp.
+
+| | size / line | weight | also |
+| --- | --- | --- | --- |
+| `H1` | 36 / 40 | 800 | centred, like shadcn's `h1` |
+| `H2` | 30 / 36 | 600 | a 1px rule underneath, 8px clear of the text |
+| `H3` | 24 / 32 | 600 | |
+| `H4` | 20 / 28 | 600 | |
+| `H5` | 18 / 28 | 600 | |
+| `H6` | 16 / 24 | 600 | |
+
+The FAMILY is not upstream's. shadcn sets everything in one sans face; a Bloom heading is set in the display family, which is the same layer as the colour roles and is Bloom's own.
+
+A caller's `className` replaces the size, weight and tracking (react-native-css merges utilities into `style` first, so an inline default repeating those keys would silently beat `text-2xl`). Only the family survives it.
+
+## Prose variants
+
+Ported from react-native-reusables, which spells them as a `variant` prop on one `Text`. Bloom keeps them flat, because `H1`–`H6` already are and a second way to ask for a heading is an ambiguity, not a feature.
+
+```tsx
+<H2>Device sessions</H2>
+<Lead>Every device you sign in from gets its own session.</Lead>
+<P>A session is minted per origin and refreshed in the background.</P>
+<Blockquote>A session you cannot end from elsewhere is a key you cannot take back.</Blockquote>
+<Large>Ending a session</Large>
+<Small>Last active 4 minutes ago</Small>
+<Muted>Sessions older than 90 days end on their own.</Muted>
+```
+
+| Component | What it is |
+| --- | --- |
+| `Lead` | An intro paragraph. Larger than body, in the secondary colour. |
+| `Large` | Emphasised body text — a section's opening line. |
+| `Small` | A dense label, set on its own baseline with no extra leading. |
+| `Muted` | De-emphasised supporting text. |
+| `Blockquote` | A quotation, with the rule down its left edge. |
+
+react-native-reusables' `code` variant is deliberately absent: Bloom's [`code`](/docs/bloom/main/design-tokens) family already owns monospace text, and a second spelling of one thing is what this library removes rather than adds.
+
+## `Blockquote` takes no `className`
+
+The one exception, and it is a platform limit rather than a preference. React Native draws no border on a text node — Android renders a `TextView`, iOS an attributed string, and neither paints a left rule — so the rule has to be a `View` wrapping a `Text`.
+
+That splits the component in two: the node the parent lays out is the `View`, while the utilities anybody would write (`text-lg`, `text-primary`) belong on the `Text` inside it. A `className` would land on one of them and silently do nothing for the other, which is exactly the failure Bloom's className rules exist to prevent. So it is not offered:
+
+```tsx
+<Blockquote style={{ borderLeftWidth: 4 }} textStyle={{ fontStyle: 'normal' }}>
+  Styled container and text, separately.
+</Blockquote>
+```
+
+A caller who wants utility classes composes a `View` and a `Text` directly.
+
+## `className` and inline defaults
+
+Every other variant applies its size, weight and colour ONLY when no `className` is passed. react-native-css merges utilities into `style` first, so an inline default repeating `fontSize` or `color` would win the merge and silently break the caller's `text-lg` or `text-primary`. `fontFamily` is the exception and stays inline either way.
+
+Layout classes on web need the consumer's Tailwind pipeline to be scanning Bloom's `lib/`. Colours work regardless, because Bloom applies those inline — which is what makes a missing pipeline look like a layout bug rather than a missing stylesheet.

package/docs/user-hover-card.mdx

@@ -0,0 +1,140 @@
+---
+title: UserHoverCard
+description: A presentational profile card. Bloom holds no follow logic — the consumer passes the button in.
+order: 23
+---
+
+# UserHoverCard
+
+The card that appears when you hover a name or an avatar: photo, display name,
+handle, bio, a couple of stats, one action — and a `footer` slot for whatever
+your app knows about a person that Bloom does not.
+
+```tsx
+import { UserHoverCard } from '@oxyhq/bloom/user-hover-card';
+import { FollowButton } from '@oxyhq/services';
+
+<UserHoverCard
+  avatar={user.avatar}
+  displayName={user.name.displayName ?? user.username}
+  username={user.username}
+  bio={user.bio}
+  stats={[
+    { label: 'Following', value: formatCount(user.following) },
+    { label: 'Followers', value: formatCount(user.followers) },
+  ]}
+  verified={user.verified}
+  action={<FollowButton userId={user.id} />}
+  onPressProfile={() => router.push(`/@${user.username}`)}
+/>
+```
+
+## `footer` is where your own content goes
+
+The card renders what every Oxy app agrees a person is — photo, name, handle,
+bio, a couple of counts — and nothing else. Anything past that is yours:
+
+```tsx
+<UserHoverCard
+  displayName={user.name.displayName ?? user.username}
+  username={user.username}
+  bio={user.bio}
+  stats={stats}
+  action={<FollowButton userId={user.id} />}
+  footer={
+    <View style={{ gap: 4 }}>
+      <Text>Activity</Text>
+      <ActivityHeatmap data={activity} endDate={today} numDays={112} cellSize={11} gap={3} />
+    </View>
+  }
+/>
+```
+
+It renders **after** the stats, spanning the full inner width, with the same
+vertical rhythm the bio and stats use. Bloom adds no label, no divider and no
+clip — the block is yours to shape.
+
+It is a **sibling** of the identity area, never a child, and that is the part
+worth knowing. Nested, every press on your content would also fire
+`onPressProfile`, and on web a screen reader would fold the whole block into the
+identity button's accessible name — the identity area is a real `role="button"`,
+and text inside a button becomes part of its name.
+
+The card is 280px wide with 16px padding, so content has **248px** of inner
+width, and the card does not clip: anything wider paints outside it. A
+contribution graph of 17 columns at `cellSize={11} gap={3}` is 235px and fits;
+119 days spans eighteen columns once the leading partial week is counted, which
+is 249px and does not.
+
+There is one named slot, not three. The positions a second consumer might want —
+above the bio, beside the action — are still free to be added as their own named
+slots; a `children` prop would have claimed the generic name for one arbitrary
+position.
+
+### Inside a hover card, everything you put here stays pressable
+
+`AvatarGroup`'s `hoverCard` floats this card under a bridge that keeps it open
+while the cursor is over it. That bridge is a `View` with
+`onPointerEnter`/`onPointerLeave`, **not** a `Pressable`, and it has to be: a
+`Pressable` bridge dismisses the card the moment the cursor reaches anything
+pressable inside it. react-native-web's `Pressable` dispatches a bubbling
+`react-gui:hover:lock` event, and an ancestor `Pressable` that is currently
+hovered ends its own hover for any lock it did not send. If you build your own
+hover trigger around this card, do the same.
+
+## Bloom holds no follow state
+
+`action` is a slot, and that is the whole design. Following is session-aware,
+optimistic, and shared across every Oxy app — it belongs to `@oxyhq/services`,
+which owns the mutation and the cache. A follow button living in Bloom would
+either duplicate that or force Bloom to depend on the SDK.
+
+The same reasoning applies to `onPressProfile`: Bloom does not know your router.
+
+## `avatar` goes to `source`, and this fails silently
+
+Internally the value is handed to `Avatar`'s **`source`** prop, so a bare Oxy
+file id resolves through the app's `ImageResolver`. If you build a card by hand
+somewhere and pass a file id as `uri` instead, the image 404s and you get a
+placeholder letter with no error anywhere. That is the single most common way
+avatars break across the ecosystem.
+
+## Display name fallback
+
+`displayName` is optional upstream. Fall back to the normalized handle —
+`displayName?.trim() || handle` — and never recompose a name from
+`name.first` / `name.last`. A wrong display name is fixed in the serializer or
+the SDK type, not in a frontend helper.
+
+## Stats are strings
+
+`value` is a string, not a number: formatting a count (`4.8K`, `1,204`) is
+locale- and product-specific, and a component that formatted it for you would be
+wrong in one app or the other.
+
+## Chrome
+
+The card composes [`Card`](/docs/bloom/main/card) at the `radius-16` rung with a
+`hairline` border and `shadow-m` — the overlay elevation role it shares with
+menus, popovers and dialogs. It does not clip, so nothing inside it needs to
+know it is in a card.
+
+The border asks for **0.5px**, `BORDER_WIDTH.hairline`, the same width
+[`BenefitList`](/docs/bloom/main/benefit-list) asks for — verified in Chrome,
+both surfaces, both densities. That is worth stating because
+`StyleSheet.hairlineWidth`, the older spelling, is hardcoded to **1** on web:
+the two surfaces both called themselves hairline and did not match. Bloom's
+scale defines the hairline as 0.5, and this card follows the scale.
+
+**What the browser actually paints depends on pixel density**, and the 0.5 is
+only visible on half of it. Measured in Chrome: at `devicePixelRatio` 1 the used
+border width is **1px** — a sub-pixel border is snapped up to one device pixel,
+never down to zero — so on an ordinary 1× monitor `hairline` and the 1px `thin`
+are indistinguishable. At `devicePixelRatio` 2 it is 0.5px, one device pixel, and
+visibly finer. Native does no such snapping — but it is not untouched either:
+`StyleSheet.hairlineWidth` is 0.5 at @2x and ~0.333 at @3x, so the scale's flat
+0.5 is identical at @2x and 0.167px thicker at @3x. So the distinction the scale
+draws is real on HiDPI and inert on a 1× browser; that is the trade for one
+number that holds on both platforms. The alternative, a density branch, is what
+`MediaInsetBorder` does (`PixelRatio.get() > 1 ? 0.5 : StyleSheet.hairlineWidth`)
+where the line sits on top of an image and 1px would read as a frame.

package/docs/zoomable-image-gallery.mdx

@@ -0,0 +1,66 @@
+---
+title: ZoomableImageGallery
+description: The full-screen image viewer — mounted once, opened imperatively.
+order: 71
+---
+
+# ZoomableImageGallery
+
+Full-screen images with pinch-zoom, swipe between, and drag-to-dismiss. Mount
+it once near the app root and open it from anywhere.
+
+```tsx
+import { ZoomableImageGallery, type ZoomableImageGalleryHandle } from '@oxyhq/bloom/zoomable-image-gallery';
+
+const gallery = useRef<ZoomableImageGalleryHandle>(null);
+
+<ZoomableImageGallery ref={gallery} measureThumb={measureThumb} />
+
+// from a thumbnail
+gallery.current?.open(images, index);
+```
+
+## Which prop decides what
+
+| prop               | decides                                                  |
+| ------------------ | --------------------------------------------------------- |
+| `measureThumb`     | the rect the opening animation grows FROM                 |
+| `cornerRadius`     | the thumbnail's corner, so the transition matches it       |
+| `indicatorVariant` | `dots` or `thumbnails` for the page indicator              |
+
+`open(images, index, rect?)` takes the whole set and which one to show.
+
+## Why it is imperative
+
+One gallery serves every thumbnail on a screen. Making it declarative would
+mean a piece of state per grid, or one shared "which image is open" flag
+threaded through everything that can show an image. The ref is what lets a
+thumbnail deep in a list open it without the list knowing the gallery exists.
+
+## `measureThumb` is what makes the transition read
+
+Without it the gallery fades in from nowhere. With it, the image grows out of
+the thumbnail the user pressed, which tells them *which* image they opened —
+useful precisely in the case where a grid has several similar photos.
+
+It returns a promise because measuring is asynchronous on native. Returning
+`null` is fine and degrades to the fade.
+
+## `alt` is the caption and the accessible text
+
+Set `alt` on each `GalleryImage`. It is shown as the caption for the active
+image, and it is the only description a screen reader has — an image viewer
+with no alt text is a screen with nothing on it.
+
+## Peers
+
+It requires `expo-image`, which is why the family is **not** on the root
+barrel: Metro does not tree-shake, so importing the barrel would drag that peer
+into every consumer's build whether or not they use a gallery. Import it from
+its subpath.
+
+## What a jest run can and cannot see
+
+That it renders nothing until `open()` is called, and that it opens at the
+index it was given. The gestures — pinch, pan-to-dismiss, the shared-element
+transition — belong to a device build.

package/lib/commonjs/design-tokens/color-roles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TEXT_ROLES = exports.FILL_ROLES = exports.BORDER_ROLES = void 0;
+exports.TEXT_ROLES = exports.FILL_ROLES = exports.BORDER_ROLES = exports.ACCENT_TEXT_ROLES = void 0;
 /**
  * Semantic color-role vocabulary for the Oxy Unified Design Language.
  *
@@ -86,6 +86,26 @@ const TEXT_ROLES = exports.TEXT_ROLES = {
   'text-placeholder': ref('muted-foreground')
 };
 
+/**
+ * Decorative brand-accent text roles → text-color utilities.
+ *
+ * These are deliberately separate from the semantic status roles
+ * (`success-text`, `warning-text`, `info-text`, and `error-text`). Product
+ * copy, labels, and artwork captions can use the active palette's accent
+ * families without pretending that the text communicates a system state.
+ *
+ * | utility               | canonical token    |
+ * | --------------------- | ------------------ |
+ * | text-accent-primary   | --primary-text     |
+ * | text-accent-secondary | --secondary-text   |
+ * | text-accent-tertiary  | --tertiary-text    |
+ */
+const ACCENT_TEXT_ROLES = exports.ACCENT_TEXT_ROLES = {
+  'accent-primary': ref('primary-text'),
+  'accent-secondary': ref('secondary-text'),
+  'accent-tertiary': ref('tertiary-text')
+};
+
 /**
  * Border roles → border-color utilities (`border-<role>`).
  *

package/lib/commonjs/design-tokens/color-roles.js.map

@@ -1 +1 @@
-{"version":3,"names":["ref","token","FILL_ROLES","exports","bg","fill","TEXT_ROLES","text","BORDER_ROLES","border"],"sourceRoot":"../../../src","sources":["design-tokens/color-roles.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA,MAAMA,GAAG,GAAIC,KAAa,IAAe,SAASA,KAAK,GAAG;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,EAAE,EAAEJ,GAAG,CAAC,YAAY,CAAC;EACrBK,IAAI,EAAEL,GAAG,CAAC,MAAM,CAAC;EACjB,gBAAgB,EAAEA,GAAG,CAAC,OAAO,CAAC;EAC9B,YAAY,EAAEA,GAAG,CAAC,QAAQ,CAAC;EAC3B,YAAY,EAAEA,GAAG,CAAC,SAAS,CAAC;EAC5B,kBAAkB,EAAEA,GAAG,CAAC,MAAM,CAAC;EAC/B,cAAc,EAAEA,GAAG,CAAC,YAAY,CAAC;EACjC,oBAAoB,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EAC7C,kBAAkB,EAAEA,GAAG,CAAC,OAAO;AACjC,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,UAAU,GAAAH,OAAA,CAAAG,UAAA,GAAG;EACxBC,IAAI,EAAEP,GAAG,CAAC,YAAY,CAAC;EACvB,gBAAgB,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EACzC,eAAe,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EACxC,cAAc,EAAEA,GAAG,CAAC,oBAAoB,CAAC;EACzC,kBAAkB,EAAEA,GAAG,CAAC,oBAAoB,CAAC;EAC7C,kBAAkB,EAAEA,GAAG,CAAC,kBAAkB;AAC5C,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,YAAY,GAAAL,OAAA,CAAAK,YAAA,GAAG;EAC1BC,MAAM,EAAET,GAAG,CAAC,QAAQ,CAAC;EACrB,cAAc,EAAEA,GAAG,CAAC,QAAQ,CAAC;EAC7B,kBAAkB,EAAEA,GAAG,CAAC,OAAO,CAAC;EAChC,cAAc,EAAEA,GAAG,CAAC,OAAO,CAAC;EAC5B,qBAAqB,EAAEA,GAAG,CAAC,MAAM;AACnC,CAAU","ignoreList":[]}
+{"version":3,"names":["ref","token","FILL_ROLES","exports","bg","fill","TEXT_ROLES","text","ACCENT_TEXT_ROLES","BORDER_ROLES","border"],"sourceRoot":"../../../src","sources":["design-tokens/color-roles.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA,MAAMA,GAAG,GAAIC,KAAa,IAAe,SAASA,KAAK,GAAG;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,EAAE,EAAEJ,GAAG,CAAC,YAAY,CAAC;EACrBK,IAAI,EAAEL,GAAG,CAAC,MAAM,CAAC;EACjB,gBAAgB,EAAEA,GAAG,CAAC,OAAO,CAAC;EAC9B,YAAY,EAAEA,GAAG,CAAC,QAAQ,CAAC;EAC3B,YAAY,EAAEA,GAAG,CAAC,SAAS,CAAC;EAC5B,kBAAkB,EAAEA,GAAG,CAAC,MAAM,CAAC;EAC/B,cAAc,EAAEA,GAAG,CAAC,YAAY,CAAC;EACjC,oBAAoB,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EAC7C,kBAAkB,EAAEA,GAAG,CAAC,OAAO;AACjC,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,UAAU,GAAAH,OAAA,CAAAG,UAAA,GAAG;EACxBC,IAAI,EAAEP,GAAG,CAAC,YAAY,CAAC;EACvB,gBAAgB,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EACzC,eAAe,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EACxC,cAAc,EAAEA,GAAG,CAAC,oBAAoB,CAAC;EACzC,kBAAkB,EAAEA,GAAG,CAAC,oBAAoB,CAAC;EAC7C,kBAAkB,EAAEA,GAAG,CAAC,kBAAkB;AAC5C,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,iBAAiB,GAAAL,OAAA,CAAAK,iBAAA,GAAG;EAC/B,gBAAgB,EAAER,GAAG,CAAC,cAAc,CAAC;EACrC,kBAAkB,EAAEA,GAAG,CAAC,gBAAgB,CAAC;EACzC,iBAAiB,EAAEA,GAAG,CAAC,eAAe;AACxC,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMS,YAAY,GAAAN,OAAA,CAAAM,YAAA,GAAG;EAC1BC,MAAM,EAAEV,GAAG,CAAC,QAAQ,CAAC;EACrB,cAAc,EAAEA,GAAG,CAAC,QAAQ,CAAC;EAC7B,kBAAkB,EAAEA,GAAG,CAAC,OAAO,CAAC;EAChC,cAAc,EAAEA,GAAG,CAAC,OAAO,CAAC;EAC5B,qBAAqB,EAAEA,GAAG,CAAC,MAAM;AACnC,CAAU","ignoreList":[]}

package/lib/commonjs/design-tokens/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ACCENT_TEXT_ROLES", {
+  enumerable: true,
+  get: function () {
+    return _colorRoles.ACCENT_TEXT_ROLES;
+  }
+});
 Object.defineProperty(exports, "BORDER_ROLES", {
   enumerable: true,
   get: function () {

package/lib/commonjs/design-tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_tailwindPreset","require","_themeCss","_tokensJson","_presetVars","_seedScope","_colorRoles","_scales","_shadows"],"sourceRoot":"../../../src","sources":["design-tokens/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAAA,eAAA,GAAAC,OAAA;AAMA,IAAAC,SAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AA0BA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AAGA,IAAAK,WAAA,GAAAL,OAAA;AAOA,IAAAM,OAAA,GAAAN,OAAA;AASA,IAAAO,QAAA,GAAAP,OAAA","ignoreList":[]}
+{"version":3,"names":["_tailwindPreset","require","_themeCss","_tokensJson","_presetVars","_seedScope","_colorRoles","_scales","_shadows"],"sourceRoot":"../../../src","sources":["design-tokens/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAAA,eAAA,GAAAC,OAAA;AAMA,IAAAC,SAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AA0BA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AAGA,IAAAK,WAAA,GAAAL,OAAA;AAQA,IAAAM,OAAA,GAAAN,OAAA;AASA,IAAAO,QAAA,GAAAP,OAAA","ignoreList":[]}

package/lib/commonjs/design-tokens/tailwind-preset.js

@@ -100,6 +100,7 @@ const BORDER_WIDTH_PX = toPxMap(_scales.BORDER_WIDTH);
 const COLOR_ROLES = {
   ..._colorRoles.FILL_ROLES,
   ..._colorRoles.TEXT_ROLES,
+  ..._colorRoles.ACCENT_TEXT_ROLES,
   ..._colorRoles.BORDER_ROLES
 };
 
@@ -119,7 +120,8 @@ const bloomTailwindPreset = exports.bloomTailwindPreset = Object.freeze({
         ..._colorRoles.FILL_ROLES
       },
       textColor: {
-        ..._colorRoles.TEXT_ROLES
+        ..._colorRoles.TEXT_ROLES,
+        ..._colorRoles.ACCENT_TEXT_ROLES
       },
       borderColor: {
         ..._colorRoles.BORDER_ROLES

package/lib/commonjs/design-tokens/tailwind-preset.js.map

@@ -1 +1 @@
-{"version":3,"names":["_colorRoles","require","_scales","_shadows","px","n","toPxMap","scale","out","key","value","Object","entries","buildFontSize","name","keys","TYPOGRAPHY","role","size","lineHeight","buildFontFamily","FONT_FAMILY_VARS","family","fontWeight","weight","sans","display","mono","SPACING_PX","SPACING","RADIUS_PX","RADIUS","BORDER_WIDTH_PX","BORDER_WIDTH","COLOR_ROLES","FILL_ROLES","TEXT_ROLES","BORDER_ROLES","bloomTailwindPreset","exports","freeze","theme","extend","colors","backgroundColor","textColor","borderColor","spacing","borderRadius","borderWidth","fontSize","fontFamily","boxShadow","s","SHADOW_BOX","m"],"sourceRoot":"../../../src","sources":["design-tokens/tailwind-preset.ts"],"mappings":";;;;;;AA4BA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAQA,IAAAE,QAAA,GAAAF,OAAA;AArCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA;;AAEA;;AAoBA,MAAMG,EAAE,GAAIC,CAAS,IAAa,GAAGA,CAAC,IAAI;;AAE1C;AACA,SAASC,OAAOA,CAACC,KAA6B,EAA0B;EACtE,MAAMC,GAA2B,GAAG,CAAC,CAAC;EACtC,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IAChD;IACAC,GAAG,CAACC,GAAG,CAAC,GAAGL,EAAE,CAACM,KAAK,CAAC;EACtB;EACA,OAAOF,GAAG;AACZ;;AAEA;AACA,SAASK,aAAaA,CAAA,EAAkC;EACtD,MAAML,GAAkC,GAAG,CAAC,CAAC;EAC7C,KAAK,MAAMM,IAAI,IAAIH,MAAM,CAACI,IAAI,CAACC,kBAAU,CAAC,EAAoB;IAC5D,MAAMC,IAAI,GAAGD,kBAAU,CAACF,IAAI,CAAC;IAC7BN,GAAG,CAACM,IAAI,CAAC,GAAG,CAACV,EAAE,CAACa,IAAI,CAACC,IAAI,CAAC,EAAE;MAAEC,UAAU,EAAEf,EAAE,CAACa,IAAI,CAACE,UAAU;IAAE,CAAC,CAAC;EAClE;EACA,OAAOX,GAAG;AACZ;;AAEA;AACA,SAASY,eAAeA,CAAA,EAAoC;EAC1D,MAAMZ,GAAoC,GAAG,CAAC,CAAC;EAC/C,KAAK,MAAMM,IAAI,IAAIH,MAAM,CAACI,IAAI,CAACC,kBAAU,CAAC,EAAoB;IAC5D,MAAMC,IAAI,GAAGD,kBAAU,CAACF,IAAI,CAAC;IAC7BN,GAAG,CAACM,IAAI,CAAC,GAAG,CAACO,wBAAgB,CAACJ,IAAI,CAACK,MAAM,CAAC,EAAE;MAAEC,UAAU,EAAEN,IAAI,CAACO;IAAO,CAAC,CAAC;EAC1E;EACA;EACAhB,GAAG,CAAC,YAAY,CAAC,GAAG,CAACa,wBAAgB,CAACI,IAAI,EAAE;IAAEF,UAAU,EAAE;EAAM,CAAC,CAAC;EAClEf,GAAG,CAAC,eAAe,CAAC,GAAG,CAACa,wBAAgB,CAACK,OAAO,EAAE;IAAEH,UAAU,EAAE;EAAM,CAAC,CAAC;EACxEf,GAAG,CAAC,YAAY,CAAC,GAAG,CAACa,wBAAgB,CAACM,IAAI,EAAE;IAAEJ,UAAU,EAAE;EAAM,CAAC,CAAC;EAClE,OAAOf,GAAG;AACZ;AAEA,MAAMoB,UAAU,GAAGtB,OAAO,CAACuB,eAAO,CAAC;AACnC,MAAMC,SAAS,GAAGxB,OAAO,CAAC;EAAE,GAAGyB;AAAO,CAAC,CAAC;AACxC,MAAMC,eAAe,GAAG1B,OAAO,CAAC2B,oBAAY,CAAC;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAmC,GAAG;EAC1C,GAAGC,sBAAU;EACb,GAAGC,sBAAU;EACb,GAAGC;AACL,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMC,mBAAmC,GAAAC,OAAA,CAAAD,mBAAA,GAAG3B,MAAM,CAAC6B,MAAM,CAAC;EAC/DC,KAAK,EAAE;IACLC,MAAM,EAAE;MACN;MACAC,MAAM,EAAE;QAAE,GAAGT;MAAY,CAAC;MAC1B;MACAU,eAAe,EAAE;QAAE,GAAGT;MAAW,CAAC;MAClCU,SAAS,EAAE;QAAE,GAAGT;MAAW,CAAC;MAC5BU,WAAW,EAAE;QAAE,GAAGT;MAAa,CAAC;MAEhCU,OAAO,EAAEnB,UAAU;MACnBoB,YAAY,EAAElB,SAAS;MACvBmB,WAAW,EAAEjB,eAAe;MAE5BkB,QAAQ,EAAErC,aAAa,CAAC,CAAC;MACzBsC,UAAU,EAAE/B,eAAe,CAAC,CAAC;MAE7BgC,SAAS,EAAE;QAAEC,CAAC,EAAEC,mBAAU,CAACD,CAAC;QAAEE,CAAC,EAAED,mBAAU,CAACC;MAAE;IAChD;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_colorRoles","require","_scales","_shadows","px","n","toPxMap","scale","out","key","value","Object","entries","buildFontSize","name","keys","TYPOGRAPHY","role","size","lineHeight","buildFontFamily","FONT_FAMILY_VARS","family","fontWeight","weight","sans","display","mono","SPACING_PX","SPACING","RADIUS_PX","RADIUS","BORDER_WIDTH_PX","BORDER_WIDTH","COLOR_ROLES","FILL_ROLES","TEXT_ROLES","ACCENT_TEXT_ROLES","BORDER_ROLES","bloomTailwindPreset","exports","freeze","theme","extend","colors","backgroundColor","textColor","borderColor","spacing","borderRadius","borderWidth","fontSize","fontFamily","boxShadow","s","SHADOW_BOX","m"],"sourceRoot":"../../../src","sources":["design-tokens/tailwind-preset.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/design-tokens/theme-css.js

@@ -52,6 +52,7 @@ function bloomThemeCss() {
   for (const [role, value] of Object.entries({
     ..._colorRoles.FILL_ROLES,
     ..._colorRoles.TEXT_ROLES,
+    ..._colorRoles.ACCENT_TEXT_ROLES,
     ..._colorRoles.BORDER_ROLES
   })) {
     lines.push(`  --color-${role}: ${value};`);

package/lib/commonjs/design-tokens/theme-css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_colorRoles","require","_tokenRegistry","_scales","_shadows","bloomThemeCss","lines","role","value","Object","entries","FILL_ROLES","TEXT_ROLES","BORDER_ROLES","push","token","CANONICAL_TOKENS","key","SPACING","RADIUS","BORDER_WIDTH","name","keys","TYPOGRAPHY","size","lineHeight","weight","FONT_FAMILY_VARS","family","sans","display","mono","SHADOW_BOX","s","m","join","bloomThemeBlock"],"sourceRoot":"../../../src","sources":["design-tokens/theme-css.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_colorRoles","require","_tokenRegistry","_scales","_shadows","bloomThemeCss","lines","role","value","Object","entries","FILL_ROLES","TEXT_ROLES","ACCENT_TEXT_ROLES","BORDER_ROLES","push","token","CANONICAL_TOKENS","key","SPACING","RADIUS","BORDER_WIDTH","name","keys","TYPOGRAPHY","size","lineHeight","weight","FONT_FAMILY_VARS","family","sans","display","mono","SHADOW_BOX","s","m","join","bloomThemeBlock"],"sourceRoot":"../../../src","sources":["design-tokens/theme-css.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/design-tokens/theme.css

@@ -21,6 +21,9 @@
   --color-text-inverse: var(--primary-foreground);
   --color-text-fixed-light: var(--primary-foreground);
   --color-text-placeholder: var(--muted-foreground);
+  --color-accent-primary: var(--primary-text);
+  --color-accent-secondary: var(--secondary-text);
+  --color-accent-tertiary: var(--tertiary-text);
   --color-border: var(--border);
   --color-border-image: var(--border);
   --color-border-secondary: var(--input);

package/lib/commonjs/design-tokens/tokens-json.js

@@ -70,18 +70,27 @@ function colorGroup() {
     $type: 'color',
     $description: 'One group per Bloom colour preset, each with a light and a dark scheme. Token names match the CSS custom properties without the leading "--".'
   };
-  for (const name of _colorPresets.APP_COLOR_NAMES) {
-    const preset = _colorPresets.APP_COLOR_PRESETS[name];
+  for (const preset of _colorPresets.COLOR_PRESET_REGISTRY) {
+    const {
+      name
+    } = preset;
     const extensions = {
       'so.oxy.bloom': {
         seed: preset.hex,
-        variant: preset.variant
+        variant: preset.variant,
+        displayName: preset.displayName,
+        family: preset.family,
+        description: preset.description,
+        pairing: preset.pairing,
+        featured: preset.featured
       }
     };
+    if (preset.secondaryHex) extensions['so.oxy.bloom'].secondarySeed = preset.secondaryHex;
+    if (preset.tertiaryHex) extensions['so.oxy.bloom'].tertiarySeed = preset.tertiaryHex;
     if (preset.gate) extensions['so.oxy.bloom'].gate = preset.gate;
     if (preset.label) extensions['so.oxy.bloom'].label = preset.label;
     group[name] = {
-      $description: `Derived by Bloom’s colour engine from seed ${preset.hex} (${preset.variant}).`,
+      $description: preset.description,
       $extensions: extensions,
       light: schemeTokens(name, 'light'),
       dark: schemeTokens(name, 'dark')

package/lib/commonjs/design-tokens/tokens-json.js.map

@@ -1 +1 @@
-{"version":3,"names":["_colorPresets","require","_tokenRegistry","_scales","FILE_DESCRIPTION","join","resolvedColorToHex","value","channels","exec","Error","JSON","stringify","red","green","blue","alpha","byte","channel","Math","round","Number","toString","padStart","hex","undefined","fraction","endsWith","slice","String","schemeTokens","preset","scheme","tokens","property","Object","entries","getResolvedTokens","replace","$value","colorGroup","group","$type","$description","name","APP_COLOR_NAMES","APP_COLOR_PRESETS","extensions","seed","variant","gate","label","$extensions","light","dark","dimensionGroup","description","scale","key","typographyGroup","keys","TYPOGRAPHY","role","fontSize","size","lineHeight","fontWeight","weight","bloomDesignTokens","color","spacing","SPACING","radius","RADIUS","borderWidth","BORDER_WIDTH","typography","renderBloomTokensJson"],"sourceRoot":"../../../src","sources":["design-tokens/tokens-json.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_colorPresets","require","_tokenRegistry","_scales","FILE_DESCRIPTION","join","resolvedColorToHex","value","channels","exec","Error","JSON","stringify","red","green","blue","alpha","byte","channel","Math","round","Number","toString","padStart","hex","undefined","fraction","endsWith","slice","String","schemeTokens","preset","scheme","tokens","property","Object","entries","getResolvedTokens","replace","$value","colorGroup","group","$type","$description","COLOR_PRESET_REGISTRY","name","extensions","seed","variant","displayName","family","description","pairing","featured","secondaryHex","secondarySeed","tertiaryHex","tertiarySeed","gate","label","$extensions","light","dark","dimensionGroup","scale","key","typographyGroup","keys","TYPOGRAPHY","role","fontSize","size","lineHeight","fontWeight","weight","bloomDesignTokens","color","spacing","SPACING","radius","RADIUS","borderWidth","BORDER_WIDTH","typography","renderBloomTokensJson"],"sourceRoot":"../../../src","sources":["design-tokens/tokens-json.ts"],"mappings":"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","ignoreList":[]}