@oxyhq/bloom 0.25.2 → 0.26.0

package/lib/typescript/commonjs/content-panel/index.d.ts

@@ -1,59 +0,0 @@
-/**
- * Native variant of `ContentPanel` — the framed app-content surface.
- *
- * `ContentPanel` is the rounded, bordered panel that holds an app's routed
- * content. On WEB it adds two sticky overlays (a gutter "bleed-mask" box-shadow
- * ring and a continuous rounded border frame) so feed content that bleeds into
- * the rounded corners / lateral gutters is masked while a single seamless border
- * is drawn around the panel — see `index.web.tsx`.
- *
- * On NATIVE none of that applies: there is no document scroll, no sticky
- * positioning, and no bleed to mask, so the panel is simply a rounded, bordered
- * surface wrapping its content. The `framed` and `showStickyFrame` props are
- * accepted for cross-platform API parity but are intentionally no-ops here
- * (mirroring the no-op native fork of `../scroll`).
- *
- * Web bundlers select `./index.web` via the `"browser"` export condition in
- * `package.json`; native bundlers fall through to this file.
- *
- * Styling is NativeWind-className-first; the literal class strings below must
- * stay literal so a consumer's Tailwind content-scan over `lib/**` (and the
- * native `src/**`) picks them up.
- */
-import React from 'react';
-import { type StyleProp, type ViewStyle } from 'react-native';
-/**
- * Width (in px) of the WEB sticky gutter-mask box-shadow ring. Exported for
- * cross-platform API parity (it has no effect on native).
- */
-export declare const GUTTER_MASK_SPREAD = 40;
-/** Top sticky inset (px) of the framed panel chrome. */
-export declare const PANEL_TOP_INSET = 8;
-/** Bottom sticky inset (px) of the framed panel chrome. */
-export declare const PANEL_BOTTOM_INSET = 8;
-export interface ContentPanelProps {
-    children: React.ReactNode;
-    /**
-     * Whether the panel is framed (wide screens) or full-bleed (narrow screens).
-     * No-op on native — the surface is always a rounded, bordered View.
-     */
-    framed: boolean;
-    /** Override the surface background utility (defaults to `bg-card`). */
-    surfaceClassName?: string;
-    surfaceStyle?: StyleProp<ViewStyle>;
-    /** Extra utilities for the inner content wrapper. */
-    contentClassName?: string;
-    contentStyle?: StyleProp<ViewStyle>;
-    /**
-     * Whether to render the WEB sticky border frame. No-op on native (the border
-     * is always part of the surface).
-     */
-    showStickyFrame?: boolean;
-    /**
-     * Color of the WEB sticky bleed-mask gutter ring. Accepted for cross-platform
-     * API parity — no-op on native (there is no bleed-mask), like `framed`.
-     */
-    maskColor?: string;
-}
-export declare const ContentPanel: React.NamedExoticComponent<ContentPanelProps>;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/content-panel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOpE;;;GAGG;AACH,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,wDAAwD;AACxD,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqCD,eAAO,MAAM,YAAY,+CAA8B,CAAC"}

package/lib/typescript/commonjs/content-panel/index.web.d.ts

@@ -1,68 +0,0 @@
-/**
- * Web variant of `ContentPanel` — the framed app-content surface.
- *
- * On the web, app content scrolls the DOCUMENT, and a multi-column shell keeps
- * the routed content in a rounded, bordered center panel. Two problems follow
- * from letting feed content bleed to the rounded panel edge, both solved here
- * with sticky, full-viewport-height overlays inside the panel surface:
- *
- *  1. BLEED-MASK overlay (`z-30`): a `box-shadow` ring in the GUTTER color
- *     (Bloom `background` token) drawn OVER content that bleeds into the thin
- *     lateral gutter / rounded corners. `clip-path: inset(-12px)` keeps that
- *     ring off the side columns. It sits below opaque chrome (headers/banners),
- *     so it only masks the content's bleed, never the chrome. No border.
- *     (`clip-path` MUST be the arbitrary class — RN-web drops it from `style`.)
- *
- *  2. BORDER-FRAME overlay (`z-[120]`): a single 1px rounded `border-border`
- *     outline with a transparent interior, ABOVE all content. Being one element
- *     above everything, it draws ONE continuous rounded border around all four
- *     sides — no seams, no double lines, no per-chrome borders.
- *
- * Both overlays are `position: sticky; top: 8px` with a negative
- * `margin-bottom` so they occupy zero layout height (they overlay the scrolled
- * content rather than displacing it). They render BEFORE the content wrapper so
- * z-index — not DOM order — decides layering.
- *
- * When `framed` is false (narrow screens) the panel is full-bleed: a single
- * flat surface, no rounding, no overlays.
- *
- * Native bundlers use `./index.tsx` (a plain rounded surface); web bundlers
- * select this file via the `"browser"` export condition in `package.json`.
- *
- * Styling is NativeWind-className-first; the literal class strings below MUST
- * stay literal so a consumer's Tailwind content-scan over `lib/**` picks them up
- * (no dynamic concatenation of the arbitrary `web:[…]` / `rounded-radius-28`
- * parts).
- */
-import React from 'react';
-import { type StyleProp, type ViewStyle } from 'react-native';
-/** Width (in px) of the sticky gutter-mask box-shadow ring. */
-export declare const GUTTER_MASK_SPREAD = 40;
-/** Top sticky inset (px) the framed panel chrome pins to. */
-export declare const PANEL_TOP_INSET = 8;
-/** Bottom sticky inset (px) of the framed panel chrome. */
-export declare const PANEL_BOTTOM_INSET = 8;
-export interface ContentPanelProps {
-    children: React.ReactNode;
-    /** Framed (wide screens) vs full-bleed (narrow screens). */
-    framed: boolean;
-    /** Override the surface background utility (defaults to `bg-card`). */
-    surfaceClassName?: string;
-    surfaceStyle?: StyleProp<ViewStyle>;
-    /** Extra utilities for the inner content wrapper. */
-    contentClassName?: string;
-    contentStyle?: StyleProp<ViewStyle>;
-    /** Render the sticky border frame (defaults to true when framed). */
-    showStickyFrame?: boolean;
-    /**
-     * Color of the sticky bleed-mask gutter ring. The ring is meant to match the
-     * UNSCOPED outer gutter band (the app's background), so consumers that wrap
-     * `<ContentPanel>` in a `BloomColorScope` (e.g. a tinted per-profile color)
-     * should pass the unscoped background here — otherwise the internally-read
-     * scoped `background` token would tint the ring and leave a faint corner seam.
-     * Defaults to the current theme's `background` token.
-     */
-    maskColor?: string;
-}
-export declare const ContentPanel: React.NamedExoticComponent<ContentPanelProps>;
-//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/commonjs/content-panel/index.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/index.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQpE,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,6DAA6D;AAC7D,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4DAA4D;IAC5D,MAAM,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,qEAAqE;IACrE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgFD,eAAO,MAAM,YAAY,+CAA8B,CAAC"}

package/lib/typescript/commonjs/content-panel/nesting-context.d.ts

@@ -1,24 +0,0 @@
-/**
- * Tracks whether the current subtree is already inside a `ContentPanel`.
- *
- * Every `ContentPanel` variant (web + native) wraps its rendered tree in
- * `<ContentPanelNestingContext.Provider value={true}>`, so any DESCENDANT
- * `ContentPanel` reads `true` here and can reject the invalid nesting. Context
- * only flows downward, so side-by-side sibling panels each read the default
- * `false` at their own level — siblings are valid, only true parent→child
- * nesting trips the guard.
- */
-export declare const ContentPanelNestingContext: import("react").Context<boolean>;
-/**
- * Dev-only invariant: a `ContentPanel` must NEVER be rendered inside another
- * `ContentPanel`. Nesting two content surfaces is meaningless and breaks the
- * sticky / 100dvh framed frame. Call this unconditionally at the top of every
- * `ContentPanel` variant — before any early return — so the hook order stays
- * stable (rules of hooks).
- *
- * The throw is guarded by `process.env.NODE_ENV !== 'production'`, so bundlers
- * (Metro on RN, Vite/Rolldown on web) statically strip the check from
- * production builds for zero runtime overhead.
- */
-export declare function useContentPanelNestingGuard(): void;
-//# sourceMappingURL=nesting-context.d.ts.map

package/lib/typescript/commonjs/content-panel/nesting-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"nesting-context.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/nesting-context.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,eAAO,MAAM,0BAA0B,kCAAgC,CAAC;AAGxE;;;;;;;;;;GAUG;AACH,wBAAgB,2BAA2B,IAAI,IAAI,CAQlD"}

package/lib/typescript/commonjs/context-menu/context.d.ts

@@ -1,11 +0,0 @@
-import type { ContextMenuContextValue, ItemContextValue } from './types';
-/**
- * Base context shared by both platforms. Each platform extends this with
- * additional fields (native adds `control`, web adds `position`) by
- * providing a compatible superset value.
- */
-export declare const ContextMenuContext: import("react").Context<ContextMenuContextValue | null>;
-export declare function useContextMenuContext(): ContextMenuContextValue;
-export declare const ItemCtx: import("react").Context<ItemContextValue | null>;
-export declare function useItemContext(): ItemContextValue;
-//# sourceMappingURL=context.d.ts.map

package/lib/typescript/commonjs/context-menu/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/context.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMzE;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,yDAAsD,CAAC;AAGtF,wBAAgB,qBAAqB,IAAI,uBAAuB,CAQ/D;AAMD,eAAO,MAAM,OAAO,kDAA+C,CAAC;AAGpE,wBAAgB,cAAc,IAAI,gBAAgB,CAQjD"}

package/lib/typescript/commonjs/context-menu/index.d.ts

@@ -1,21 +0,0 @@
-/**
- * ContextMenu — Native implementation
- *
- * Opens a bottom-sheet menu when the user long-presses the trigger. The
- * menu body uses bloom's internal `SheetShell` (a `BottomSheet`
- * presentation primitive with the same drag-handle + close-on-tap
- * semantics shared by `Menu` and `Select`).
- */
-import React from 'react';
-import type { ContextMenuContentProps, ContextMenuGroupProps, ContextMenuItemIconProps, ContextMenuItemProps, ContextMenuItemTextProps, ContextMenuTriggerProps } from './types';
-export declare function ContextMenu({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuTrigger({ children, label, hint, style }: ContextMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuContent({ children, style }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuItem({ children, label, onPress, disabled, style, }: ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuItemText({ children, style }: ContextMenuItemTextProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuItemIcon({ icon: Comp }: ContextMenuItemIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuGroup({ children, style }: ContextMenuGroupProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuDivider(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/context-menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAKN,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAEV,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,EACpB,wBAAwB,EACxB,uBAAuB,EAExB,MAAM,SAAS,CAAC;AA2BjB,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAkBtE;AAMD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CAwB3F;AAMD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CAiB9E;AAMD,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,KAAK,GACN,EAAE,oBAAoB,2CAgDtB;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,wBAAwB,2CAiBhF;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,wBAAwB,2CAU3E;AAMD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,qBAAqB,2CAE1E;AAMD,wBAAgB,kBAAkB,4CAWjC"}

package/lib/typescript/commonjs/context-menu/index.web.d.ts

@@ -1,19 +0,0 @@
-/**
- * ContextMenu — Web implementation
- *
- * Opens a positioned dropdown menu on right-click (contextmenu event).
- * Uses Bloom's Portal for rendering the menu above other content.
- */
-import React from 'react';
-import type { ContextMenuContentProps, ContextMenuGroupProps, ContextMenuItemIconProps, ContextMenuItemProps, ContextMenuItemTextProps, ContextMenuTriggerProps } from './types';
-export declare function ContextMenu({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuTrigger({ children, label, hint, style }: ContextMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuContent({ children, style }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element | null;
-export declare function ContextMenuItem({ children, label, onPress, disabled, style, }: ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuItemText({ children, style }: ContextMenuItemTextProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuItemIcon({ icon: Comp }: ContextMenuItemIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuGroup({ children }: ContextMenuGroupProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuDivider(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/commonjs/context-menu/index.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/index.web.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAQN,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAEV,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,EACpB,wBAAwB,EACxB,uBAAuB,EAExB,MAAM,SAAS,CAAC;AA+BjB,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CA2BtE;AAWD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CA4C3F;AAMD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,uBAAuB,kDA6C9E;AAMD,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,KAAK,GACN,EAAE,oBAAoB,2CA+CtB;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,wBAAwB,2CAiBhF;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,wBAAwB,2CAU3E;AAMD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAEnE;AAMD,wBAAgB,kBAAkB,4CAWjC"}

package/lib/typescript/commonjs/context-menu/types.d.ts

@@ -1,53 +0,0 @@
-import type { AccessibilityRole, GestureResponderEvent, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import type { Props as SVGIconProps } from '../icons/common';
-export type ContextMenuContextValue = {
-    isOpen: boolean;
-    open: () => void;
-    close: () => void;
-};
-export type ItemContextValue = {
-    disabled: boolean;
-};
-export type ContextMenuTriggerProps = {
-    children: (props: TriggerChildProps) => React.ReactNode;
-    label: string;
-    /** Accessibility hint describing what long-pressing / right-clicking does. */
-    hint?: string;
-    role?: AccessibilityRole;
-    style?: StyleProp<ViewStyle>;
-};
-export type TriggerChildProps = {
-    isOpen: boolean;
-    state: {
-        hovered: boolean;
-        focused: boolean;
-        pressed: boolean;
-    };
-    props: {
-        onPress?: (() => void) | null;
-        onLongPress?: (() => void) | null;
-        onFocus?: (() => void) | null;
-        onBlur?: (() => void) | null;
-        accessibilityLabel: string;
-        accessibilityHint?: string;
-    };
-};
-export type ContextMenuContentProps = React.PropsWithChildren<{
-    style?: StyleProp<ViewStyle>;
-}>;
-export type ContextMenuItemProps = React.PropsWithChildren<{
-    label: string;
-    onPress: (e?: GestureResponderEvent) => void;
-    disabled?: boolean;
-    style?: StyleProp<ViewStyle>;
-}>;
-export type ContextMenuItemTextProps = React.PropsWithChildren<{
-    style?: TextStyle;
-}>;
-export type ContextMenuItemIconProps = {
-    icon: React.ComponentType<SVGIconProps>;
-};
-export type ContextMenuGroupProps = React.PropsWithChildren<{
-    style?: StyleProp<ViewStyle>;
-}>;
-//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/context-menu/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACrB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE7D,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE;QACL,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;QAC9B,WAAW,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;QAClC,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;QAC9B,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;QAC7B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC5D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC,CAAC"}

package/lib/typescript/commonjs/design-tokens/color-roles.d.ts

@@ -1,102 +0,0 @@
-/**
- * Semantic color-role vocabulary for the Oxy Unified Design Language.
- *
- * Every role is an ALIAS onto one of Bloom's existing canonical theme tokens
- * (`--background`, `--surface`, `--primary`, …) — the SINGLE source of resolved
- * color values produced by `getResolvedTokens` and written to the document root
- * (web) / `rootVariables` (native) by `BloomThemeProvider`. No color VALUE is
- * invented here: a role's value is the `var(--canonical)` reference, so it stays
- * driven by the active light/dark mode and color preset automatically.
- *
- * The maps are consumed by the Bloom Tailwind preset (`tailwind-preset.ts`),
- * which slots them into `theme.extend.{backgroundColor,textColor,borderColor}`.
- * Because the values are `var(--x)` strings, the SAME class names resolve on
- * Tailwind (web) and NativeWind (native): web reads the CSS custom property from
- * `document.documentElement`; native reads it from react-native-css's
- * `rootVariables` family — both populated by Bloom from one pipeline.
- *
- * Web CSS-var contract (see Bloom AGENTS.md): base `--x` tokens already resolve
- * to a FULL `rgb(...)` color at runtime, so the role values reference them with
- * `var(--x)` directly — NEVER `hsl(var(--x))`.
- *
- * ADDITIVE: these are NEW utility names (`bg-fill`, `text-text-tertiary`,
- * `border-border-image`, …). They do not touch the existing app-defined color
- * utilities (`bg-background`, `text-muted-foreground`, …), which keep working.
- */
-/**
- * Surface / fill roles → background-color utilities (`bg-<role>`).
- *
- * | role              | utility            | canonical token   | rationale                                   |
- * | ----------------- | ------------------ | ----------------- | ------------------------------------------- |
- * | bg                | bg-bg              | --background      | the page background                          |
- * | fill              | bg-fill            | --card            | default raised surface (cards/sheets)        |
- * | fill-secondary    | bg-fill-secondary  | --muted           | muted/secondary fill                         |
- * | fill-hover        | bg-fill-hover      | --accent          | hover state of a secondary fill              |
- * | fill-brand        | bg-fill-brand      | --primary         | brand-colored fill                           |
- * | fill-brand-hover  | bg-fill-brand-hover| --ring            | hover of brand fill (ring == primary hue)    |
- * | fill-inverse      | bg-fill-inverse    | --foreground      | inverse (high-contrast) fill                 |
- * | fill-inverse-hover| bg-fill-inverse-hov| --muted-foreground| hover of inverse fill                        |
- * | fill-placeholder  | bg-fill-placeholder| --muted           | disabled/placeholder surface                 |
- */
-export declare const FILL_ROLES: {
-    readonly bg: `var(--${string})`;
-    readonly fill: `var(--${string})`;
-    readonly 'fill-secondary': `var(--${string})`;
-    readonly 'fill-hover': `var(--${string})`;
-    readonly 'fill-brand': `var(--${string})`;
-    readonly 'fill-brand-hover': `var(--${string})`;
-    readonly 'fill-inverse': `var(--${string})`;
-    readonly 'fill-inverse-hover': `var(--${string})`;
-    readonly 'fill-placeholder': `var(--${string})`;
-};
-/**
- * Text roles → text-color utilities (`text-<role>`).
- *
- * Tailwind prefixes text-color utilities with `text-`, so a role literally
- * named `text` becomes the utility `text-text`, `text-secondary` → the utility
- * `text-text-secondary`, etc. (matches the namespaced spec).
- *
- * | role             | utility               | canonical token       | rationale                          |
- * | ---------------- | --------------------- | --------------------- | ---------------------------------- |
- * | text             | text-text             | --foreground          | primary text                        |
- * | text-secondary   | text-text-secondary   | --muted-foreground    | secondary text                      |
- * | text-tertiary    | text-text-tertiary    | --muted-foreground    | tertiary/least-emphasis text        |
- * | text-inverse     | text-text-inverse     | --primary-foreground  | text on a brand fill                |
- * | text-fixed-light | text-text-fixed-light | --primary-foreground  | always-light text (on brand)        |
- * | text-placeholder | text-text-placeholder | --muted-foreground    | placeholder/input hint              |
- */
-export declare const TEXT_ROLES: {
-    readonly text: `var(--${string})`;
-    readonly 'text-secondary': `var(--${string})`;
-    readonly 'text-tertiary': `var(--${string})`;
-    readonly 'text-inverse': `var(--${string})`;
-    readonly 'text-fixed-light': `var(--${string})`;
-    readonly 'text-placeholder': `var(--${string})`;
-};
-/**
- * Border roles → border-color utilities (`border-<role>`).
- *
- * | role               | utility                 | canonical token | rationale                                  |
- * | ------------------ | ----------------------- | --------------- | ------------------------------------------ |
- * | border             | border-border           | --border        | default border                              |
- * | border-image       | border-border-image     | --border        | hairline border color (0.5px width helper)  |
- * | border-secondary   | border-border-secondary | --input         | secondary/softer border                     |
- * | border-input       | border-border-input     | --input         | input field border                          |
- * | border-input-active| border-border-input-active | --ring       | focused input border (== primary)           |
- *
- * NOTE: the hairline 0.5px WIDTH for `border-image` is shipped as a separate
- * `borderWidth` scale entry (`border-hairline`) in the preset; the color role
- * above only provides the matching color. Consumers compose them:
- * `border-hairline border-border-image`.
- */
-export declare const BORDER_ROLES: {
-    readonly border: `var(--${string})`;
-    readonly 'border-image': `var(--${string})`;
-    readonly 'border-secondary': `var(--${string})`;
-    readonly 'border-input': `var(--${string})`;
-    readonly 'border-input-active': `var(--${string})`;
-};
-export type FillRole = keyof typeof FILL_ROLES;
-export type TextRole = keyof typeof TEXT_ROLES;
-export type BorderRole = keyof typeof BORDER_ROLES;
-//# sourceMappingURL=color-roles.d.ts.map

package/lib/typescript/commonjs/design-tokens/color-roles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-roles.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/color-roles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAOH;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;CAUb,CAAC;AAEX;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAC;AAEX;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAC/C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/lib/typescript/commonjs/design-tokens/index.d.ts

@@ -1,28 +0,0 @@
-/**
- * `@oxyhq/bloom/design-tokens` — the centralized, semantic design-token
- * vocabulary for the Oxy Unified Design Language.
- *
- * Exposes:
- *   - `bloomTailwindPreset` — the Tailwind/NativeWind preset (web + native) that
- *     adds the semantic utility classes (`bg-fill`, `text-text-tertiary`,
- *     `p-space-8`, `rounded-radius-20`, `text-body`, `font-body`, `shadow-s`).
- *   - `bloomThemeCss` / `bloomThemeBlock` — the Tailwind v4 `@theme` equivalent
- *     for CSS-configured web apps.
- *   - The raw token maps (`FILL_ROLES`, `TEXT_ROLES`, `BORDER_ROLES`, `SPACING`,
- *     `RADIUS`, `TYPOGRAPHY`, `SHADOW_BOX`) for direct programmatic use.
- *   - `bloomShadowStyle` — platform-correct shadow style object (web box-shadow /
- *     native elevation) so a consumer writes one call for both platforms.
- *
- * Additive and non-breaking: every export here is NEW. It does not change any
- * existing Bloom token, theme value, or utility class.
- */
-export { bloomTailwindPreset } from './tailwind-preset';
-export type { TailwindPreset, TailwindPresetThemeExtend, } from './tailwind-preset';
-export { bloomThemeCss, bloomThemeBlock } from './theme-css';
-export { FILL_ROLES, TEXT_ROLES, BORDER_ROLES, } from './color-roles';
-export type { FillRole, TextRole, BorderRole } from './color-roles';
-export { SPACING, RADIUS, BORDER_WIDTH, TYPOGRAPHY, FONT_FAMILY_VARS, } from './scales';
-export type { TypeRole, TypeRoleName } from './scales';
-export { SHADOW_BOX, bloomShadowStyle } from './shadows';
-export type { ShadowRole } from './shadows';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/design-tokens/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EACV,cAAc,EACd,yBAAyB,GAC1B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EACL,UAAU,EACV,UAAU,EACV,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEpE,OAAO,EACL,OAAO,EACP,MAAM,EACN,YAAY,EACZ,UAAU,EACV,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}

package/lib/typescript/commonjs/design-tokens/scales.d.ts

@@ -1,152 +0,0 @@
-/**
- * Numeric design-token scales for the Oxy Unified Design Language.
- *
- * These are platform-agnostic plain numbers / CSS strings consumed by the Bloom
- * Tailwind preset (`tailwind-preset.ts`). The SAME keys produce the SAME utility
- * class names on Tailwind (web) and NativeWind (native):
- *   - spacing  → `p-space-8`, `gap-space-20`, `px-screen-margin`, `m-space-16`
- *   - radius   → `rounded-radius-20`
- *   - type     → `font-body` (family/weight) + `text-body` (size/lineHeight)
- *   - shadow   → `shadow-s`, `shadow-m`
- *
- * ADDITIVE: every key is namespaced (`space-*`, `radius-*`, the typography role
- * names, `shadow-s/m`) and does not collide with Tailwind's built-in numeric
- * scale (`p-4`, `rounded-lg`, `text-sm`) — those keep working unchanged.
- */
-/**
- * Spacing scale (px). Consumed via every Tailwind spacing utility:
- * `p-space-8`, `px-space-16`, `gap-space-20`, `m-space-24`, `py-space-12`, …
- *
- * `screen-margin` is the standard page gutter (left/right inset). Default 20px —
- * matches Bloom's existing `space.xl` and the `Dialog` default `contentPadding`.
- */
-export declare const SPACING: {
-    readonly 'space-2': 2;
-    readonly 'space-4': 4;
-    readonly 'space-8': 8;
-    readonly 'space-12': 12;
-    readonly 'space-16': 16;
-    readonly 'space-20': 20;
-    readonly 'space-24': 24;
-    readonly 'space-32': 32;
-    readonly 'screen-margin': 20;
-};
-/**
- * Corner-radius scale (px). Consumed via `rounded-radius-*`:
- * `rounded-radius-8`, `rounded-radius-12`, `rounded-radius-20`,
- * `rounded-radius-28`, `rounded-radius-max` (pill / circle).
- */
-export declare const RADIUS: {
-    readonly 'radius-8': 8;
-    readonly 'radius-12': 12;
-    readonly 'radius-20': 20;
-    readonly 'radius-28': 28;
-    readonly 'radius-max': 9999;
-};
-/**
- * Border-width helpers. `border-hairline` is the 0.5px hairline that pairs with
- * the `border-border-image` color role. (Tailwind's default `border` = 1px
- * stays untouched.)
- */
-export declare const BORDER_WIDTH: {
-    readonly hairline: 0.5;
-};
-/**
- * One typography role. `size`/`lineHeight` are px; `weight` is a CSS font-weight
- * string; `family` selects the Bloom font CSS var (`sans` = body/UI,
- * `display` = headings/serif).
- *
- * The Tailwind preset splits each role into TWO utilities so a consumer can
- * apply the size/leading and the family/weight independently or together:
- *   - `text-<role>`  → `fontSize` + `lineHeight`   (via theme.fontSize)
- *   - `font-<role>`  → `fontFamily` + `fontWeight` (via theme.fontFamily, which
- *                       maps a key to a [family, { fontWeight }] tuple)
- */
-export interface TypeRole {
-    /** Font size in px. */
-    size: number;
-    /** Line height in px. */
-    lineHeight: number;
-    /** CSS font-weight (string for Tailwind/RN parity). */
-    weight: '400' | '500' | '600' | '700';
-    /** Which Bloom font family CSS var to use. */
-    family: 'sans' | 'display';
-}
-/**
- * The coherent Oxy type scale. Sizes climb 11 → 28; line-heights use a ~1.3–1.5
- * leading for body roles and tighter leading for large titles.
- *
- * | role            | size/line | weight | family  | usage                          |
- * | --------------- | --------- | ------ | ------- | ------------------------------ |
- * | caption         | 11 / 14   | 400    | sans    | timestamps, meta, fine print   |
- * | bodySmall       | 13 / 18   | 400    | sans    | secondary body, captions       |
- * | bodyTitleSmall  | 13 / 18   | 600    | sans    | small emphasized labels        |
- * | body            | 15 / 22   | 400    | sans    | default body text              |
- * | subtitle        | 17 / 24   | 500    | sans    | list subtitles, lead-ins       |
- * | sectionTitle    | 20 / 26   | 600    | sans    | section headers                |
- * | headerBold      | 28 / 34   | 700    | display | screen / page titles           |
- * | buttonLarge     | 17 / 22   | 600    | sans    | primary button label           |
- */
-export declare const TYPOGRAPHY: {
-    readonly caption: {
-        readonly size: 11;
-        readonly lineHeight: 14;
-        readonly weight: "400";
-        readonly family: "sans";
-    };
-    readonly bodySmall: {
-        readonly size: 13;
-        readonly lineHeight: 18;
-        readonly weight: "400";
-        readonly family: "sans";
-    };
-    readonly bodyTitleSmall: {
-        readonly size: 13;
-        readonly lineHeight: 18;
-        readonly weight: "600";
-        readonly family: "sans";
-    };
-    readonly body: {
-        readonly size: 15;
-        readonly lineHeight: 22;
-        readonly weight: "400";
-        readonly family: "sans";
-    };
-    readonly subtitle: {
-        readonly size: 17;
-        readonly lineHeight: 24;
-        readonly weight: "500";
-        readonly family: "sans";
-    };
-    readonly sectionTitle: {
-        readonly size: 20;
-        readonly lineHeight: 26;
-        readonly weight: "600";
-        readonly family: "sans";
-    };
-    readonly headerBold: {
-        readonly size: 28;
-        readonly lineHeight: 34;
-        readonly weight: "700";
-        readonly family: "display";
-    };
-    readonly buttonLarge: {
-        readonly size: 17;
-        readonly lineHeight: 22;
-        readonly weight: "600";
-        readonly family: "sans";
-    };
-};
-export type TypeRoleName = keyof typeof TYPOGRAPHY;
-/**
- * Bloom font-family CSS-var stacks, keyed by the `family` field above. Web reads
- * `var(--bloom-font-*)` (set by `applyFontFaces`); the preset falls back to the
- * literal stack so utilities still resolve before the vars are injected and on
- * native (where NativeWind passes the family string straight through).
- */
-export declare const FONT_FAMILY_VARS: {
-    readonly sans: "var(--bloom-font-sans)";
-    readonly display: "var(--bloom-font-display)";
-    readonly mono: "var(--bloom-font-mono)";
-};
-//# sourceMappingURL=scales.d.ts.map

package/lib/typescript/commonjs/design-tokens/scales.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/scales.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAMH;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;CAUV,CAAC;AAMX;;;;GAIG;AACH,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAMX;;;;GAIG;AACH,eAAO,MAAM,YAAY;;CAEf,CAAC;AAMX;;;;;;;;;;GAUG;AACH,MAAM,WAAW,QAAQ;IACvB,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,MAAM,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACtC,8CAA8C;IAC9C,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASsB,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,UAAU,CAAC;AAEnD;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC"}

package/lib/typescript/commonjs/design-tokens/shadows.d.ts

@@ -1,34 +0,0 @@
-import { type ViewStyle } from 'react-native';
-/**
- * Elevation / shadow tokens for the Oxy Unified Design Language.
- *
- * Two roles: `shadow-s` (subtle raise — cards, chips) and `shadow-m` (overlays —
- * menus, popovers, dialogs). Consumers write ONE class (`shadow-s` / `shadow-m`)
- * and Bloom owns the platform split:
- *   - Web: the Bloom Tailwind preset registers `boxShadow.s` / `boxShadow.m`
- *     (the `SHADOW_BOX` strings below) → `shadow-s` / `shadow-m` utilities.
- *   - Native: NativeWind cannot translate a multi-layer web `box-shadow` to RN
- *     elevation reliably, so apps that need the shadow on a React Native surface
- *     apply the matching style object from `bloomShadowStyle('s' | 'm')` (this
- *     module is platform-forked: `.native.ts` returns RN `shadow*`/`elevation`).
- *
- * This default file is the WEB / consumer-tsc variant. Metro selects the sibling
- * `shadows.native.ts` on iOS/Android. Web bundlers and a consumer's `tsc` see
- * this file (the `box-shadow` CSS string path), matching Bloom's existing
- * `.native`/`.web` split convention.
- */
-export type ShadowRole = 's' | 'm';
-/**
- * Web `box-shadow` strings. Subtle, brand-neutral elevation that reads on both
- * light and dark surfaces. Registered by the Tailwind preset as `boxShadow.s/m`.
- */
-export declare const SHADOW_BOX: Record<ShadowRole, string>;
-/**
- * Return the platform-appropriate shadow style for a role.
- *
- * On WEB this returns a `{ boxShadow }` style object (so it can also be applied
- * inline without Tailwind). The `.native.ts` fork returns RN
- * `shadowColor/shadowOffset/shadowOpacity/shadowRadius/elevation`.
- */
-export declare function bloomShadowStyle(role: ShadowRole): ViewStyle;
-//# sourceMappingURL=shadows.d.ts.map

package/lib/typescript/commonjs/design-tokens/shadows.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/shadows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAGjD,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,CAE5D"}