@cdx-ui/components 0.1.6 → 0.2.0

package/lib/typescript/components/sheet-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sheet-header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAY,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAcrC,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACpC,uHAAuH;IACvH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,mGAuEvB,CAAC"}

package/lib/typescript/components/sheet-header/styles.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from '@cdx-ui/utils';
+/** Surface behind the header row unless the host passes `backgroundClassName`. */
+export declare const SHEET_HEADER_DEFAULT_BACKGROUND = "bg-surface-primary";
+/** Holds an absent back or close button's place so the title stays centered. */
+export declare const SHEET_HEADER_BUTTON_SPACER: "h-11 w-11 min-w-11 shrink-0 p-2.5";
+/** The title only takes programmatic focus, so it never shows a focus ring. */
+export declare const SHEET_HEADER_FOCUSABLE_TITLE = "web:outline-none";
+export declare const sheetHeaderVariants: (props?: ({
+    hasTitle?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SheetHeaderVariants = VariantProps<typeof sheetHeaderVariants>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/sheet-header/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/sheet-header/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,kFAAkF;AAClF,eAAO,MAAM,+BAA+B,uBAAuB,CAAC;AAEpE,gFAAgF;AAChF,eAAO,MAAM,0BAA0B,qCAAmC,CAAC;AAE3E,+EAA+E;AAC/E,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAE/D,eAAO,MAAM,mBAAmB;;8EAa/B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/lib/typescript/figma/Icon.figma.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Icon.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAM1B,wBAIE"}
+{"version":3,"file":"Icon.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Icon.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAsC1B,wBASE"}

package/lib/typescript/figma/Text.figma.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Text.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAe1B,wBAKE"}
+{"version":3,"file":"Text.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Text.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAgC1B,wBAKE"}

package/lib/typescript/providers/toast/insets-container.d.ts

@@ -1,5 +1,15 @@
 import type { ReactNode } from 'react';
 import type { ToastInsets } from './types';
+/**
+ * The viewport spans the whole window, so every full-size layer in it must let
+ * pointer events through to the page. React Native Web only expands `box-none`
+ * for `StyleSheet.create` styles, not inline style objects.
+ */
+export declare const passThroughStyles: {
+    boxNone: {
+        pointerEvents: "box-none";
+    };
+};
 interface InsetsContainerProps {
     /**
      * When true, uses a regular View instead of FullWindowOverlay on iOS.
@@ -34,6 +44,8 @@ interface InsetsContainerProps {
      * Custom wrapper function to wrap the toast content
      * Receives children and should return a component that wraps them
      * The wrapper should apply flex: 1 (via className or style) to ensure proper layout
+     * and `pointerEvents: 'box-none'` (from a `StyleSheet.create` style) so it does not block
+     * interaction with the page behind
      * Can be any component wrapper - KeyboardAvoidingView, View, or any custom component
      */
     contentWrapper?: (children: ReactNode) => React.ReactElement;

package/lib/typescript/providers/toast/insets-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"insets-container.d.ts","sourceRoot":"","sources":["../../../../src/providers/toast/insets-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,UAAU,oBAAoB;IAC5B;;;;OAIG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAClC;;;;;;;;OAQG;IACH,0CAA0C,CAAC,EAAE,OAAO,CAAC;IACrD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,aAA+B,EAC/B,cAAc,EACd,QAAQ,EACR,wBAAwB,EACxB,0CAA0C,EAC1C,QAAQ,EACR,SAAS,EACT,IAAI,GACL,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAiJhC"}
+{"version":3,"file":"insets-container.d.ts","sourceRoot":"","sources":["../../../../src/providers/toast/insets-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;CAE5B,CAAC;AAEH,UAAU,oBAAoB;IAC5B;;;;OAIG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAClC;;;;;;;;OAQG;IACH,0CAA0C,CAAC,EAAE,OAAO,CAAC;IACrD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,aAA+B,EAC/B,cAAc,EACd,QAAQ,EACR,wBAAwB,EACxB,0CAA0C,EAC1C,QAAQ,EACR,SAAS,EACT,IAAI,GACL,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAoJhC"}

package/lib/typescript/providers/toast/provider.d.ts

@@ -3,7 +3,7 @@ import type { ToastProviderProps } from './types';
  * Toast provider component
  * Wraps your app to enable toast functionality
  */
-export declare function ToastProvider({ defaultProps, insets, maxVisibleToasts, contentWrapper, children, disableFullWindowOverlay, unstable_accessibilityContainerViewIsModal, announceLabel, }: Readonly<ToastProviderProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ToastProvider({ defaultProps, insets, maxVisibleToasts, contentWrapper, children, disableFullWindowOverlay, unstable_accessibilityContainerViewIsModal, announceLabel, container, }: Readonly<ToastProviderProps>): import("react/jsx-runtime").JSX.Element;
 /**
  * Hook to access toast functionality
  *

package/lib/typescript/providers/toast/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/providers/toast/provider.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAIV,kBAAkB,EAInB,MAAM,SAAS,CAAC;AA2IjB;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,MAAM,EACN,gBAAoB,EACpB,cAAc,EACd,QAAQ,EACR,wBAAgC,EAChC,0CAA0C,EAC1C,aAAa,GACd,EAAE,QAAQ,CAAC,kBAAkB,CAAC,2CAyc9B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ;;;EAWvB"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/providers/toast/provider.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAIV,kBAAkB,EAInB,MAAM,SAAS,CAAC;AA2IjB;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,MAAM,EACN,gBAAoB,EACpB,cAAc,EACd,QAAQ,EACR,wBAAgC,EAChC,0CAA0C,EAC1C,aAAa,EACb,SAAS,GACV,EAAE,QAAQ,CAAC,kBAAkB,CAAC,2CA0e9B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ;;;EAWvB"}

package/lib/typescript/providers/toast/types.d.ts

@@ -74,16 +74,21 @@ export interface ToastProviderProps {
      * Custom wrapper function to wrap the toast content
      * Receives children and should return a component that wraps them
      * The wrapper should apply flex: 1 (via className or style) to ensure proper layout
+     * and `pointerEvents: 'box-none'` so it does not block interaction with the page behind.
+     * On web, `box-none` only takes effect from a `StyleSheet.create` style, not an inline object.
      * Can be any component wrapper - KeyboardAvoidingView, View, or any custom component
      *
      * @example
      * ```tsx
+     * const styles = StyleSheet.create({ passThrough: { pointerEvents: 'box-none' } });
+     *
      * <ToastProvider
      *   contentWrapper={(children) => (
      *     <KeyboardAvoidingView
      *       behavior="padding"
      *       keyboardVerticalOffset={24}
      *       className="flex-1"
+     *       style={styles.passThrough}
      *     >
      *       {children}
      *     </KeyboardAvoidingView>
@@ -100,6 +105,16 @@ export interface ToastProviderProps {
      * @platform web
      */
     announceLabel?: string;
+    /**
+     * Element that receives the toast viewport instead of `document.body`.
+     *
+     * Use it to keep toasts inside an embedded surface, such as a device preview. The fixed
+     * viewport stays inside the container only when an ancestor of it creates a containing
+     * block for fixed descendants, for example through a `transform`. While `null`, such as
+     * before a callback ref attaches, no viewport renders.
+     * @platform web
+     */
+    container?: Element | null;
     /**
      * Children to render
      */
@@ -160,8 +175,9 @@ export interface ToastShowConfig extends Pick<ToastProps, 'color' | 'placement'
      */
     duration?: number | 'persistent';
     /**
-     * Optional ID for the toast
-     * If not provided, one will be generated automatically
+     * Optional ID for the toast.
+     * If omitted, one is generated. If a toast with this id is already in the
+     * stack, `show` returns that id and does not add another.
      */
     id?: string;
     /**
@@ -210,8 +226,9 @@ export interface ToastShowConfig extends Pick<ToastProps, 'color' | 'placement'
  */
 export interface ToastShowOptionsWithComponent {
     /**
-     * Optional ID for the toast
-     * If not provided, one will be generated automatically
+     * Optional ID for the toast.
+     * If omitted, one is generated. If a toast with this id is already in the
+     * stack, `show` returns that id and does not add another.
      */
     id?: string;
     /**

package/lib/typescript/providers/toast/types.d.ts.map

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

package/lib/typescript/styles/constants.d.ts

@@ -1,5 +1,15 @@
 export declare const TRANSITION_COLORS = "transition-colors duration-150";
 export declare const DISABLED_OPACITY = "data-[disabled=true]:opacity-50";
 export declare const DISABLED_CURSOR = "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none";
+export declare const CONTENT_COLOR: {
+    readonly primary: "text-content-primary";
+    readonly secondary: "text-content-secondary";
+    readonly tertiary: "text-content-tertiary";
+    readonly action: "text-content-action";
+    readonly danger: "text-content-danger";
+    readonly warning: "text-content-warning";
+    readonly success: "text-content-success";
+    readonly info: "text-content-info";
+};
 export declare const WEB_NARROW_FIELD_TEXT = "web:max-[600px]:text-base web:max-[600px]:leading-normal";
 //# sourceMappingURL=constants.d.ts.map

package/lib/typescript/styles/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/styles/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,mCAAmC,CAAC;AAGlE,eAAO,MAAM,gBAAgB,oCAAoC,CAAC;AAClE,eAAO,MAAM,eAAe,qFACwD,CAAC;AAIrF,eAAO,MAAM,qBAAqB,6DAA6D,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/styles/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,mCAAmC,CAAC;AAGlE,eAAO,MAAM,gBAAgB,oCAAoC,CAAC;AAClE,eAAO,MAAM,eAAe,qFACwD,CAAC;AAIrF,eAAO,MAAM,aAAa;;;;;;;;;CAShB,CAAC;AAIX,eAAO,MAAM,qBAAqB,6DAA6D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.1.6",
+  "version": "0.2.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -81,10 +81,10 @@
     "@marceloterreiro/flash-calendar": "2.0.0",
     "react-native-reanimated-carousel": "5.0.0-beta.5",
     "uniwind": "1.10.0",
-    "@cdx-ui/formatters": "0.1.6",
-    "@cdx-ui/primitives": "0.1.6",
-    "@cdx-ui/utils": "0.1.6",
-    "@cdx-ui/icons": "0.1.6"
+    "@cdx-ui/primitives": "0.2.0",
+    "@cdx-ui/utils": "0.2.0",
+    "@cdx-ui/formatters": "0.2.0",
+    "@cdx-ui/icons": "0.2.0"
   },
   "devDependencies": {
     "@react-navigation/bottom-tabs": "*",

package/src/components/Alert/index.tsx

@@ -52,7 +52,10 @@ export interface AlertProps extends ViewProps, AlertVariantProps {
    * receive the correct styles.
    */
   asChild?: boolean;
-  /** Severity level that controls background colour, icon, and live-region urgency. */
+  /**
+   * Severity level that controls background colour, icon, and live-region urgency.
+   * @default 'info'
+   */
   severity?: AlertSeverity;
   className?: string;
   /**
@@ -146,7 +149,7 @@ AlertRoot.displayName = 'Alert';
 // ICON
 // =============================================================================
 
-export interface AlertIconProps extends Omit<IconProps, 'as'> {
+export interface AlertIconProps extends Omit<IconProps, 'as' | 'color'> {
   asChild?: boolean;
   /**
    * Override the auto-rendered severity icon. Omit to use the default icon for

package/src/components/Avatar/index.tsx

@@ -177,6 +177,10 @@ AvatarImage.displayName = 'Avatar.Image';
 export interface AvatarTextProps extends TextProps {
   asChild?: boolean;
   className?: string;
+  /**
+   * Name or initials. One or two characters are uppercased as-is. Longer text uses the
+   * first letter of each word, up to two characters.
+   */
   children?: ReactNode;
 }
 
@@ -211,7 +215,7 @@ AvatarText.displayName = 'Avatar.Text';
 // AVATAR ICON
 // =============================================================================
 
-export interface AvatarIconProps extends Omit<IconProps, 'children'> {
+export interface AvatarIconProps extends Omit<IconProps, 'children' | 'color'> {
   asChild?: boolean;
   className?: string;
 }
@@ -250,8 +254,9 @@ AvatarIcon.displayName = 'Avatar.Icon';
 // =============================================================================
 
 /**
- * @deprecated Use the generic `Badge` component instead.
- * Wrap your `Avatar` in `<Badge placement="bottom-end" overlap="circular">` for equivalent behavior.
+ * @deprecated Use `Badge` instead. `Avatar.Badge` anchors at the bottom-right and will be removed.
+ * Wrap the avatar in `<Badge variant="dot" placement="bottom-end" overlap="circular">`.
+ * `Badge` defaults to `top-end`.
  */
 export interface AvatarBadgeProps extends ViewProps {
   asChild?: boolean;
@@ -260,8 +265,9 @@ export interface AvatarBadgeProps extends ViewProps {
 }
 
 /**
- * @deprecated Use the generic `Badge` component instead.
- * Wrap your `Avatar` in `<Badge placement="bottom-end" overlap="circular">` for equivalent behavior.
+ * @deprecated Use `Badge` instead. `Avatar.Badge` anchors at the bottom-right and will be removed.
+ * Wrap the avatar in `<Badge variant="dot" placement="bottom-end" overlap="circular">`.
+ * `Badge` defaults to `top-end`.
  */
 const AvatarBadge = forwardRef<View, AvatarBadgeProps>(
   ({ asChild, className, children, style, ...props }, ref) => {

package/src/components/Badge/index.tsx

@@ -15,8 +15,42 @@ import {
 const INDICATOR_STYLE = { pointerEvents: 'none' as const };
 
 export interface BadgeProps extends ViewProps, BadgeVariantProps {
+  /**
+   * `default` shows icon or label content. `dot` is a contentless circle and ignores `icon` and `label`.
+   * @default 'default'
+   * @remarks `'default' | 'dot'`
+   * @fumadocsType `'default' | 'dot'`
+   */
+  variant?: 'default' | 'dot' | null | undefined;
+  /**
+   * Semantic color of the indicator background and its content.
+   * @default 'action'
+   * @remarks `'action' | 'danger' | 'warning' | 'success' | 'info'`
+   * @fumadocsType `'action' | 'danger' | 'warning' | 'success' | 'info'`
+   */
+  color?: 'action' | 'danger' | 'warning' | 'success' | 'info' | null | undefined;
+  /**
+   * Corner of the host. Logical and RTL-aware: `end` is the right edge in LTR.
+   * @default 'top-end'
+   * @remarks `'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'`
+   * @fumadocsType `'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'`
+   */
+  placement?: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | null | undefined;
+  /**
+   * `circular` sits the indicator on a round host (Avatar, IconButton). `rectangular` centers it on a box corner (Button).
+   * @default 'rectangular'
+   * @remarks `'circular' | 'rectangular'`
+   * @fumadocsType `'circular' | 'rectangular'`
+   */
+  overlap?: 'circular' | 'rectangular' | null | undefined;
   children?: ReactNode;
+  /**
+   * Indicator content for `variant="default"`. A string or number is styled as text; any other node renders as-is. Ignored when `variant` is `dot` or when `icon` is set.
+   */
   label?: ReactNode;
+  /**
+   * Forge icon for `variant="default"`. Takes precedence over `label`. Ignored when `variant` is `dot`.
+   */
   icon?: ForgeIcon;
   className?: string;
 }

package/src/components/Badge/styles.ts

@@ -45,8 +45,8 @@ export const badgeIndicatorVariants = cva(
       // its own size (dot vs default). `overlap` only moves the anchor point.
       //
       // Translate uses arbitrary `[50%]` (not the `1/2` fraction utility) because the
-      // fraction sugar is web-only in Uniwind — Avatar's badge uses `[N%]` translate on
-      // native, Toast gates `-translate-x-1/2` behind `web:`.
+      // fraction sugar is web-only in Uniwind — Avatar's badge uses `[N%]` translate for
+      // the same reason.
       //
       // rectangular: anchor at the host's true bounding-box corner.
       {