@newtonedev/components 0.1.2 → 0.1.4

package/dist/{Frame → primitives/Frame}/Frame.d.ts

@@ -44,5 +44,5 @@ import type { FrameProps } from './Frame.types';
  * </Frame>
  * ```
  */
-export declare function Frame({ children, theme, elevation, layout, direction, wrap, reverse, columns, rows, align, justify, padding, gap, width, height, minWidth, maxWidth, minHeight, maxHeight, radius, bordered, onPress, href, disabled, style, }: FrameProps): React.JSX.Element;
+export declare function Frame({ children, theme, elevation, layout, direction, wrap, reverse, columns, rows, align, justify, padding, gap, width, height, minWidth, maxWidth, minHeight, maxHeight, radius, bordered, onPress, href, disabled, accessibilityLabel, accessibilityHint, testID, nativeID, ref, style, }: FrameProps): React.JSX.Element;
 //# sourceMappingURL=Frame.d.ts.map

package/dist/primitives/Frame/Frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../../src/primitives/Frame/Frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA6ChD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EAER,KAAK,EACL,SAAS,EAET,MAAM,EACN,SAAS,EACT,IAAI,EACJ,OAAO,EACP,OAAO,EACP,IAAI,EAEJ,KAAK,EACL,OAAO,EAEP,OAAO,EACP,GAAG,EAEH,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EAET,MAAM,EACN,QAAQ,EAER,OAAO,EACP,IAAI,EACJ,QAAgB,EAEhB,kBAAkB,EAClB,iBAAiB,EAEjB,MAAM,EACN,QAAQ,EACR,GAAG,EAEH,KAAK,GACN,EAAE,UAAU,qBAsLZ"}

package/dist/{Frame → primitives/Frame}/Frame.styles.d.ts

@@ -1,6 +1,6 @@
 import type { ViewStyle } from 'react-native';
-import type { ResolvedTokens } from '../tokens/types';
-import type { FrameElevation } from '../theme/types';
+import type { ResolvedTokens } from '../../tokens/types';
+import type { FrameElevation } from '../../theme/types';
 import type { PaddingProp, GapProp, SizingMode, Direction, Alignment, Justification, RadiusProp, LayoutMode } from './Frame.types';
 export interface FrameStyleInput {
     readonly tokens: ResolvedTokens;
@@ -35,5 +35,14 @@ export interface FrameStyles {
     /** Web-only inset box-shadow string for elevation -2 */
     readonly insetBoxShadow: string | null;
 }
+/**
+ * Build all visual styles for a Frame.
+ *
+ * Takes the Frame's props + design tokens and produces:
+ * - container: the main style (background, layout, spacing, border, shadow, etc.)
+ * - pressed: style override applied when the user is pressing/clicking
+ * - gridWebStyle: CSS Grid properties (only works on web, null otherwise)
+ * - insetBoxShadow: inner shadow CSS string for sunken frames (web-only)
+ */
 export declare function getFrameStyles(input: FrameStyleInput): FrameStyles;
 //# sourceMappingURL=Frame.styles.d.ts.map

package/dist/primitives/Frame/Frame.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Frame.styles.d.ts","sourceRoot":"","sources":["../../../src/primitives/Frame/Frame.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EACV,WAAW,EACX,OAAO,EACP,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,UAAU,EACV,UAAU,EACX,MAAM,eAAe,CAAC;AAcvB,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,cAAc,CAAC;IAGxC,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAGvB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IAGjC,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAGvB,QAAQ,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAG5B,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAID,MAAM,WAAW,WAAW;IAC1B,uCAAuC;IACvC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,oDAAoD;IACpD,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;IAClD,wDAAwD;IACxD,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CACxC;AAID;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,WAAW,CAmKlE"}

package/dist/primitives/Frame/Frame.types.d.ts

@@ -0,0 +1,240 @@
+import type { View, ViewStyle, GestureResponderEvent } from 'react-native';
+import type { ThemeName, FrameElevation } from '../../theme/types';
+/** Design system spacing tokens (represent px values at Medium preset) */
+export type SpacingToken = '00' | '02' | '04' | '06' | '08' | '10' | '12' | '16' | '20' | '24' | '32' | '40' | '48';
+/** A spacing value: either a design token name or a pixel number */
+export type SpacingValue = SpacingToken | number;
+/** Per-side spacing */
+export interface SpacingSides {
+    readonly top?: SpacingValue;
+    readonly right?: SpacingValue;
+    readonly bottom?: SpacingValue;
+    readonly left?: SpacingValue;
+}
+/** Axis-based spacing shorthand */
+export interface SpacingAxes {
+    readonly x?: SpacingValue;
+    readonly y?: SpacingValue;
+}
+/**
+ * Padding value — supports three forms:
+ *
+ * - **Uniform**: `'12'` or `16` — same padding on all sides
+ * - **Axis shorthand**: `{ x: '16', y: '08' }` — horizontal/vertical
+ * - **Per-side**: `{ top: 8, bottom: 16, left: '12', right: '12' }` — individual sides
+ *
+ * Token names (`'00'` through `'48'`) resolve to pixel values from the theme.
+ */
+export type PaddingProp = SpacingValue | SpacingAxes | SpacingSides;
+/** Gap axis shorthand */
+export interface GapAxes {
+    readonly row?: SpacingValue;
+    readonly column?: SpacingValue;
+}
+/**
+ * Gap value — supports two forms:
+ *
+ * - **Uniform**: `'12'` or `12` — same gap between all children
+ * - **Row/column**: `{ row: '08', column: '16' }` — different gaps per axis
+ *
+ * Token names (`'00'` through `'48'`) resolve to pixel values from the theme.
+ */
+export type GapProp = SpacingValue | GapAxes;
+/** Design system radius tokens */
+export type RadiusToken = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'pill';
+/** A radius value: either a design token name or a pixel number */
+export type RadiusValue = RadiusToken | number;
+/** Per-corner radius */
+export interface RadiusCorners {
+    readonly topLeft?: RadiusValue;
+    readonly topRight?: RadiusValue;
+    readonly bottomLeft?: RadiusValue;
+    readonly bottomRight?: RadiusValue;
+}
+/**
+ * Border radius — supports two forms:
+ *
+ * - **Uniform**: `'md'` or `8` — same radius on all corners
+ * - **Per-corner**: `{ topLeft: 'lg', topRight: 'lg', bottomLeft: 0, bottomRight: 0 }`
+ *
+ * Token names (`'none'` through `'pill'`) resolve to pixel values from the theme.
+ */
+export type RadiusProp = RadiusValue | RadiusCorners;
+/**
+ * Figma-like sizing mode:
+ *
+ * - `'hug'` — shrink to fit content (default, no explicit dimension set)
+ * - `'fill'` — expand to fill available space (`flexGrow: 1` + `width/height: '100%'`)
+ * - `number` — fixed pixel dimension (e.g., `200`)
+ */
+export type SizingMode = 'hug' | 'fill' | number;
+/** Layout mode */
+export type LayoutMode = 'flex' | 'grid';
+/** Flex direction (Figma-like naming) */
+export type Direction = 'horizontal' | 'vertical';
+/** Cross-axis alignment */
+export type Alignment = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+/** Main-axis justification */
+export type Justification = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+/**
+ * Props for Frame — the foundational layout building block.
+ *
+ * Frame provides theme/elevation context, layout (flex/grid), spacing,
+ * sizing, appearance, and interactivity. Frames can be nested — inner
+ * frames override outer frames for their subtree.
+ *
+ * @example
+ * ```tsx
+ * // Horizontal toolbar with consistent spacing
+ * <Frame direction="horizontal" gap="md" padding="lg" align="center">
+ *   <Button onPress={() => {}}>Save</Button>
+ *   <Button variant="ghost" onPress={() => {}}>Cancel</Button>
+ * </Frame>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Elevated card with primary theme
+ * <Frame theme="primary" elevation={2} radius="lg" padding="xl" bordered>
+ *   <Text>Elevated card content</Text>
+ * </Frame>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Clickable card with link
+ * <Frame radius="md" padding="md" bordered onPress={() => navigate('/details')}>
+ *   <Text>Tap to navigate</Text>
+ * </Frame>
+ * ```
+ */
+export interface FrameProps {
+    /**
+     * Child elements. Inherits this Frame's theme and elevation context.
+     * Raw strings/numbers are auto-wrapped in `<Text>` with theme-appropriate styling.
+     */
+    readonly children: React.ReactNode;
+    /**
+     * Theme override for this frame and all descendants.
+     * When omitted, inherits from parent Frame or NewtoneProvider.
+     *
+     * @example
+     * ```tsx
+     * <Frame theme="primary">  // Blue-ish surface
+     * <Frame theme="strong">   // High-contrast surface
+     * ```
+     */
+    readonly theme?: ThemeName;
+    /**
+     * Surface elevation: controls background lightness and shadow.
+     *
+     * | Value | Effect |
+     * |:-----:|:-------|
+     * | -2 | Deeply sunken (inset shadow) |
+     * | -1 | Sunken |
+     * |  0 | Default surface |
+     * |  1 | Elevated |
+     * |  2 | Prominently elevated (drop shadow) |
+     *
+     * When omitted, inherits from parent Frame or defaults to 0.
+     */
+    readonly elevation?: FrameElevation;
+    /** Layout mode. @default 'flex' */
+    readonly layout?: LayoutMode;
+    /** Flex direction. @default 'vertical' */
+    readonly direction?: Direction;
+    /** Enable flex wrap. @default false */
+    readonly wrap?: boolean;
+    /** Reverse flex direction. @default false */
+    readonly reverse?: boolean;
+    /** CSS Grid column count (web-only, requires layout='grid'). */
+    readonly columns?: number;
+    /** CSS Grid row count (web-only, requires layout='grid'). */
+    readonly rows?: number;
+    /** Cross-axis alignment of children. */
+    readonly align?: Alignment;
+    /** Main-axis justification of children. */
+    readonly justify?: Justification;
+    /**
+     * Padding inside the frame.
+     *
+     * @example
+     * ```tsx
+     * <Frame padding="md" />                        // uniform
+     * <Frame padding={16} />                         // uniform px
+     * <Frame padding={{ x: 'lg', y: 'sm' }} />      // axis shorthand
+     * <Frame padding={{ top: 8, bottom: 16 }} />     // per-side
+     * ```
+     */
+    readonly padding?: PaddingProp;
+    /**
+     * Gap between children.
+     *
+     * @example
+     * ```tsx
+     * <Frame gap="md" />                             // uniform
+     * <Frame gap={12} />                             // uniform px
+     * <Frame gap={{ row: 'sm', column: 'lg' }} />    // per-axis
+     * ```
+     */
+    readonly gap?: GapProp;
+    /**
+     * Width sizing: `'hug'` (shrink to content), `'fill'` (expand), or fixed px.
+     * @example
+     * ```tsx
+     * <Frame width="fill" />   // expand to fill parent
+     * <Frame width={300} />    // fixed 300px
+     * ```
+     */
+    readonly width?: SizingMode;
+    /**
+     * Height sizing: `'hug'` (shrink to content), `'fill'` (expand), or fixed px.
+     * @example
+     * ```tsx
+     * <Frame height="fill" />  // expand to fill parent
+     * <Frame height={200} />   // fixed 200px
+     * ```
+     */
+    readonly height?: SizingMode;
+    /** Minimum width in pixels. */
+    readonly minWidth?: number;
+    /** Maximum width in pixels. */
+    readonly maxWidth?: number;
+    /** Minimum height in pixels. */
+    readonly minHeight?: number;
+    /** Maximum height in pixels. */
+    readonly maxHeight?: number;
+    /**
+     * Border radius.
+     *
+     * @example
+     * ```tsx
+     * <Frame radius="md" />                          // uniform token
+     * <Frame radius={8} />                           // uniform px
+     * <Frame radius={{ topLeft: 'lg', topRight: 'lg' }} />  // per-corner
+     * <Frame radius="pill" />                        // fully rounded
+     * ```
+     */
+    readonly radius?: RadiusProp;
+    /** Show 1px border using theme border color. @default false */
+    readonly bordered?: boolean;
+    /** Press handler — switches rendering from View to Pressable. */
+    readonly onPress?: (event: GestureResponderEvent) => void;
+    /** Navigation URL — switches rendering to Pressable with link role. */
+    readonly href?: string;
+    /** Disable interaction. @default false */
+    readonly disabled?: boolean;
+    /** Accessible label read by screen readers. Use for icon-only or non-textual frames. */
+    readonly accessibilityLabel?: string;
+    /** Additional hint read after the label (e.g. "Opens settings page"). */
+    readonly accessibilityHint?: string;
+    /** Test identifier — maps to `data-testid` on web. Used by testing libraries. */
+    readonly testID?: string;
+    /** DOM id — maps to `id` attribute on web. Used for anchors and scroll targets. */
+    readonly nativeID?: string;
+    /** Ref to the underlying View or Pressable element. */
+    readonly ref?: React.Ref<View>;
+    /** Custom style overrides (applied last). */
+    readonly style?: ViewStyle | ViewStyle[];
+}
+//# sourceMappingURL=Frame.types.d.ts.map

package/dist/primitives/Frame/Frame.types.d.ts.map

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

package/dist/{Frame → primitives/Frame}/Frame.utils.d.ts

@@ -1,39 +1,39 @@
 import type { ViewStyle } from 'react-native';
-import type { ResolvedTokens } from '../tokens/types';
+import type { ResolvedTokens } from '../../tokens/types';
 import type { SpacingValue, PaddingProp, GapProp, RadiusValue, RadiusProp, SizingMode, Direction, Alignment, Justification } from './Frame.types';
-/** Resolve a spacing token or number to a pixel value */
+/** Convert a spacing token name (like 'md') or raw number into pixels. */
 export declare function resolveSpacing(value: SpacingValue, tokens: ResolvedTokens): number;
-/** Resolve padding prop to per-side pixel values */
+/** Convert a padding prop into pixel values for all four sides. */
 export declare function resolvePadding(prop: PaddingProp, tokens: ResolvedTokens): {
     readonly top: number;
     readonly right: number;
     readonly bottom: number;
     readonly left: number;
 };
-/** Resolve gap prop to rowGap/columnGap pixel values */
+/** Convert a gap prop into row and column gap pixel values. */
 export declare function resolveGap(prop: GapProp, tokens: ResolvedTokens): {
     readonly rowGap: number;
     readonly columnGap: number;
 };
-/** Resolve a radius token or number to a pixel value */
+/** Convert a radius token name (like 'lg') or raw number into pixels. */
 export declare function resolveRadius(value: RadiusValue, tokens: ResolvedTokens): number;
-/** Resolved per-corner radius values */
+/** Pixel values for each corner of a rounded rectangle. */
 export interface ResolvedCorners {
     readonly topLeft: number;
     readonly topRight: number;
     readonly bottomLeft: number;
     readonly bottomRight: number;
 }
-/** Resolve radius prop to per-corner pixel values */
+/** Convert a radius prop into pixel values for all four corners. */
 export declare function resolveRadiusCorners(prop: RadiusProp, tokens: ResolvedTokens): ResolvedCorners;
-/** Check if any corner has a positive radius (for auto-clip) */
+/** Check if any corner is rounded (used to decide whether to clip overflowing content). */
 export declare function hasPositiveRadius(corners: ResolvedCorners): boolean;
-/** Resolve width/height sizing modes to ViewStyle properties */
+/** Convert width/height sizing modes to style properties. */
 export declare function resolveSizing(width: SizingMode | undefined, height: SizingMode | undefined): ViewStyle;
-/** Resolve alignment prop to ViewStyle alignItems */
+/** Convert our alignment name to the flexbox value React Native expects. */
 export declare function resolveAlignment(align: Alignment): ViewStyle['alignItems'];
-/** Resolve justification prop to ViewStyle justifyContent */
+/** Convert our justification name to the flexbox value React Native expects. */
 export declare function resolveJustification(justify: Justification): ViewStyle['justifyContent'];
-/** Resolve direction + reverse to ViewStyle flexDirection */
+/** Convert direction ('horizontal'/'vertical') + reverse flag to flexbox direction. */
 export declare function resolveFlexDirection(direction: Direction, reverse: boolean): ViewStyle['flexDirection'];
 //# sourceMappingURL=Frame.utils.d.ts.map

package/dist/primitives/Frame/Frame.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Frame.utils.d.ts","sourceRoot":"","sources":["../../../src/primitives/Frame/Frame.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EACV,YAAY,EAGZ,WAAW,EACX,OAAO,EACP,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACd,MAAM,eAAe,CAAC;AAMvB,0EAA0E;AAC1E,wBAAgB,cAAc,CAC5B,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,cAAc,GACrB,MAAM,CAKR;AAED,mEAAmE;AACnE,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,cAAc,GACrB;IAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAyBlG;AAED,+DAA+D;AAC/D,wBAAgB,UAAU,CACxB,IAAI,EAAE,OAAO,EACb,MAAM,EAAE,cAAc,GACrB;IAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAazD;AAMD,yEAAyE;AACzE,wBAAgB,aAAa,CAC3B,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,cAAc,GACrB,MAAM,CAGR;AAED,2DAA2D;AAC3D,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED,oEAAoE;AACpE,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,cAAc,GACrB,eAAe,CAejB;AAED,2FAA2F;AAC3F,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,eAAe,GAAG,OAAO,CAKnE;AAKD,6DAA6D;AAC7D,wBAAgB,aAAa,CAC3B,KAAK,EAAE,UAAU,GAAG,SAAS,EAC7B,MAAM,EAAE,UAAU,GAAG,SAAS,GAC7B,SAAS,CA8BX;AAoCD,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC,CAE1E;AAED,gFAAgF;AAChF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,aAAa,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAExF;AAED,uFAAuF;AACvF,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,GACf,SAAS,CAAC,eAAe,CAAC,CAM5B"}

package/dist/primitives/Frame/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Frame/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,OAAO,EACP,OAAO,EACP,WAAW,EACX,WAAW,EACX,aAAa,EACb,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,GACd,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/primitives/Icon/Icon.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { IconProps } from './Icon.types';
+/**
+ * Material Symbols icon component with variable font support.
+ *
+ * Uses global icon configuration (variant, weight, auto-grade) from theme config,
+ * with per-instance control over size, fill, and color.
+ *
+ * @example
+ * ```tsx
+ * <Icon name="home" />
+ * <Icon name="settings" size={24} fill={1} />
+ * <Icon name="check" color="#00ff00" />
+ * ```
+ */
+export declare function Icon({ name, size, opticalSize, fill, color, elevation, style, onPress, accessibilityLabel, testID, nativeID, ref, }: IconProps): React.JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/primitives/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/primitives/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,IAAQ,EACR,KAAK,EACL,SAAa,EACb,KAAK,EACL,OAAO,EAEP,kBAAkB,EAElB,MAAM,EACN,QAAQ,EACR,GAAG,GACJ,EAAE,SAAS,qBAsDX"}

package/dist/primitives/Icon/Icon.types.d.ts

@@ -0,0 +1,55 @@
+import type { Text as RNText, TextStyle } from 'react-native';
+import type { ElevationLevel } from '../../theme/types';
+/**
+ * Props for Icon — Material Symbols icon with variable font support.
+ *
+ * Uses the icon variant, weight, and grade from the theme config.
+ * Per-instance control over size, fill, and color.
+ *
+ * @example
+ * ```tsx
+ * <Icon name="home" />
+ * <Icon name="settings" size={24} fill={1} />
+ * <Icon name="check" color="#00ff00" />
+ * <Icon name="delete" size={20} onPress={() => handleDelete()} />
+ * ```
+ *
+ * @see {@link https://fonts.google.com/icons Material Symbols icon reference}
+ */
+export interface IconProps {
+    /**
+     * Material Symbols ligature name.
+     *
+     * @example `'home'`, `'settings'`, `'check'`, `'expand_more'`, `'delete'`, `'add'`, `'search'`
+     * @see {@link https://fonts.google.com/icons Browse all icons}
+     */
+    readonly name: string;
+    /** Font size in pixels. @default tokens.typography.size.base (~16px) */
+    readonly size?: number;
+    /** Optical size for variable font axis. Adjusts stroke weight for readability at small sizes. @default same as size */
+    readonly opticalSize?: number;
+    /**
+     * Fill state for the icon.
+     *
+     * - `0` — Outlined (default)
+     * - `1` — Filled (solid)
+     */
+    readonly fill?: 0 | 1;
+    /** Icon color as hex string. @default tokens.textPrimary */
+    readonly color?: string;
+    /** Elevation level for token computation. @default 1 */
+    readonly elevation?: ElevationLevel;
+    /** Additional styles applied to the icon Text element. */
+    readonly style?: TextStyle;
+    /** Press handler — makes the icon tappable. */
+    readonly onPress?: () => void;
+    /** Label read by screen readers. When omitted, the icon is treated as decorative (hidden from assistive technology). */
+    readonly accessibilityLabel?: string;
+    /** Test identifier — maps to `data-testid` on web. Used by testing libraries. */
+    readonly testID?: string;
+    /** DOM id — maps to `id` attribute on web. Used for anchors and scroll targets. */
+    readonly nativeID?: string;
+    /** Ref to the underlying Text element. */
+    readonly ref?: React.Ref<RNText>;
+}
+//# sourceMappingURL=Icon.types.d.ts.map

package/dist/primitives/Icon/Icon.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Icon/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,SAAS;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB,wEAAwE;IACxE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB,uHAAuH;IACvH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAE9B;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAEtB,4DAA4D;IAC5D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAExB,wDAAwD;IACxD,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;IAEpC,0DAA0D;IAC1D,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,+CAA+C;IAC/C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAI9B,wHAAwH;IACxH,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAIrC,iFAAiF;IACjF,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,0CAA0C;IAC1C,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;CAClC"}

package/dist/primitives/Icon/index.d.ts

@@ -0,0 +1,3 @@
+export { Icon } from './Icon';
+export type { IconProps } from './Icon.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/primitives/Text/Text.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { TextProps } from './Text.types';
+/**
+ * Token-aware text primitive.
+ *
+ * Reads typography tokens from the nearest NewtoneProvider and maps
+ * semantic props (size, weight, color, font, lineHeight) to resolved values.
+ *
+ * @example
+ * ```tsx
+ * <Text>Body text</Text>
+ * <Text size="sm" weight="semibold" color="secondary">Label</Text>
+ * <Text size="xl" font="display">Heading</Text>
+ * ```
+ */
+export declare function Text({ children, size, weight, color, font, lineHeight, align, numberOfLines, elevation, style, accessibilityRole, testID, nativeID, ref, }: TextProps): React.JSX.Element;
+//# sourceMappingURL=Text.d.ts.map

package/dist/primitives/Text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/primitives/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAUzD;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAa,EACb,MAAkB,EAClB,KAAiB,EACjB,IAAgB,EAChB,UAAqB,EACrB,KAAK,EACL,aAAa,EACb,SAAa,EACb,KAAK,EAEL,iBAAiB,EAEjB,MAAM,EACN,QAAQ,EACR,GAAG,GACJ,EAAE,SAAS,qBA4CX"}

package/dist/primitives/Text/Text.types.d.ts

@@ -0,0 +1,85 @@
+import type { Text as RNText, TextStyle } from 'react-native';
+import type { ElevationLevel } from '../../theme/types';
+/** Typography size tokens — maps to `tokens.typography.size.*` pixel values. */
+export type TextSize = 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | 'xxl';
+/** Typography weight tokens — maps to `tokens.typography.weight.*` numeric values. */
+export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
+/** Semantic text color tokens — resolved from the current theme's token palette. */
+export type TextColor = 'primary' | 'secondary' | 'interactive';
+/** Font family tokens — maps to `tokens.typography.fonts.*` font stacks. */
+export type TextFont = 'default' | 'display' | 'mono';
+/** Line height multiplier tokens — maps to `tokens.typography.lineHeight.*` values. */
+export type TextLineHeight = 'tight' | 'normal' | 'relaxed';
+/** Text alignment. */
+export type TextAlign = 'left' | 'center' | 'right';
+/**
+ * Props for Text — themed typography component.
+ *
+ * All visual properties are token-driven: size, weight, color, font,
+ * and line height resolve from the current theme context. Use semantic
+ * tokens rather than raw values for consistency.
+ *
+ * @example
+ * ```tsx
+ * <Text>Default body text</Text>
+ * <Text size="lg" weight="bold">Heading</Text>
+ * <Text color="secondary" size="sm">Caption text</Text>
+ * <Text font="mono" size="sm">const x = 42;</Text>
+ * <Text numberOfLines={2}>Long text that truncates after two lines...</Text>
+ * ```
+ */
+export interface TextProps {
+    /**
+     * Text content. Accepts strings, numbers, and nested `<Text>` elements
+     * for inline formatting (e.g., bold spans within a paragraph).
+     *
+     * @example
+     * ```tsx
+     * <Text>Plain string</Text>
+     * <Text>Count: {42}</Text>
+     * <Text>Normal <Text weight="bold">bold</Text> normal</Text>
+     * ```
+     */
+    readonly children: React.ReactNode;
+    /** Typography size token. @default 'base' */
+    readonly size?: TextSize;
+    /** Font weight token. @default 'regular' */
+    readonly weight?: TextWeight;
+    /**
+     * Semantic color token.
+     *
+     * - `'primary'` — Main text color (default)
+     * - `'secondary'` — Subdued/muted text
+     * - `'interactive'` — Accent color for links/actions
+     *
+     * @default 'primary'
+     */
+    readonly color?: TextColor;
+    /** Font family token. @default 'default' */
+    readonly font?: TextFont;
+    /** Line height multiplier token. @default 'normal' */
+    readonly lineHeight?: TextLineHeight;
+    /** Text alignment. */
+    readonly align?: TextAlign;
+    /** Maximum number of lines before truncation with ellipsis. When omitted, text wraps freely. */
+    readonly numberOfLines?: number;
+    /** Elevation level for token computation. @default 1 */
+    readonly elevation?: ElevationLevel;
+    /** Style overrides (applied last). Supports a single style or an array of styles. */
+    readonly style?: TextStyle | readonly TextStyle[];
+    /**
+     * Semantic role for screen readers.
+     *
+     * - `'header'` — Marks this as a heading (e.g. page title, section header)
+     * - `'text'` — Default text role (usually omitted)
+     * - `'link'` — Marks this as a navigable link
+     */
+    readonly accessibilityRole?: 'header' | 'text' | 'link';
+    /** Test identifier — maps to `data-testid` on web. Used by testing libraries. */
+    readonly testID?: string;
+    /** DOM id — maps to `id` attribute on web. Used for anchors and scroll targets. */
+    readonly nativeID?: string;
+    /** Ref to the underlying React Native Text element. */
+    readonly ref?: React.Ref<RNText>;
+}
+//# sourceMappingURL=Text.types.d.ts.map

package/dist/primitives/Text/Text.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,gFAAgF;AAChF,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEzE,sFAAsF;AACtF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE,oFAAoF;AACpF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAEhE,4EAA4E;AAC5E,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAEtD,uFAAuF;AACvF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE5D,sBAAsB;AACtB,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,SAAS;IACxB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC,6CAA6C;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEzB,4CAA4C;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAE7B;;;;;;;;OAQG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,4CAA4C;IAC5C,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEzB,sDAAsD;IACtD,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC;IAErC,sBAAsB;IACtB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,gGAAgG;IAChG,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEhC,wDAAwD;IACxD,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;IAEpC,qFAAqF;IACrF,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,SAAS,EAAE,CAAC;IAIlD;;;;;;OAMG;IACH,QAAQ,CAAC,iBAAiB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAIxD,iFAAiF;IACjF,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,uDAAuD;IACvD,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;CAClC"}

package/dist/primitives/Text/index.d.ts

@@ -0,0 +1,3 @@
+export { Text } from './Text';
+export type { TextProps, TextSize, TextWeight, TextColor, TextFont, TextLineHeight, TextAlign, } from './Text.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,QAAQ,EACR,cAAc,EACd,SAAS,GACV,MAAM,cAAc,CAAC"}

package/dist/primitives/Wrapper/Wrapper.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { WrapperProps } from './Wrapper.types';
+/**
+ * Wrapper — Lightweight, invisible layout container.
+ *
+ * Same layout API as Frame (direction, spacing, alignment, sizing)
+ * but with zero appearance overhead. No background, border, shadow,
+ * theme context, or interactivity. Always renders a plain View.
+ *
+ * Use Wrapper for structural layout. Use Frame when you need visual
+ * appearance or theme/elevation context.
+ *
+ * @example
+ * ```tsx
+ * <Wrapper direction="horizontal" gap="md" align="center">
+ *   <Button onPress={() => {}}>Save</Button>
+ *   <Button variant="ghost" onPress={() => {}}>Cancel</Button>
+ * </Wrapper>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Wrapper padding={{ x: 'lg', y: 'md' }} gap="sm">
+ *   <Text>Spaced content with no background</Text>
+ * </Wrapper>
+ * ```
+ */
+export declare function Wrapper({ children, direction, wrap, reverse, align, justify, padding, gap, width, height, minWidth, maxWidth, minHeight, maxHeight, style, testID, nativeID, ref, }: WrapperProps): React.JSX.Element;
+//# sourceMappingURL=Wrapper.d.ts.map

package/dist/primitives/Wrapper/Wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../../src/primitives/Wrapper/Wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,EACP,GAAG,EACH,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EAEL,MAAM,EACN,QAAQ,EACR,GAAG,GACJ,EAAE,YAAY,qBAoDd"}

package/dist/primitives/Wrapper/Wrapper.styles.d.ts

@@ -0,0 +1,28 @@
+import type { ViewStyle } from 'react-native';
+import type { ResolvedTokens } from '../../tokens/types';
+import type { Direction, Alignment, Justification, PaddingProp, GapProp, SizingMode } from '../Frame/Frame.types';
+export interface WrapperStyleInput {
+    readonly tokens: ResolvedTokens;
+    readonly direction?: Direction;
+    readonly wrap?: boolean;
+    readonly reverse?: boolean;
+    readonly align?: Alignment;
+    readonly justify?: Justification;
+    readonly padding?: PaddingProp;
+    readonly gap?: GapProp;
+    readonly width?: SizingMode;
+    readonly height?: SizingMode;
+    readonly minWidth?: number;
+    readonly maxWidth?: number;
+    readonly minHeight?: number;
+    readonly maxHeight?: number;
+}
+/**
+ * Build the layout styles for a Wrapper.
+ *
+ * Unlike Frame, this only handles structure (direction, spacing, sizing).
+ * No background, border, shadow, or radius — Wrapper is always invisible.
+ * Reuses the same helper functions that Frame uses for layout.
+ */
+export declare function getWrapperStyles(input: WrapperStyleInput): ViewStyle;
+//# sourceMappingURL=Wrapper.styles.d.ts.map

package/dist/primitives/Wrapper/Wrapper.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.styles.d.ts","sourceRoot":"","sources":["../../../src/primitives/Wrapper/Wrapper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,WAAW,EACX,OAAO,EACP,UAAU,EACX,MAAM,sBAAsB,CAAC;AAU9B,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAoEpE"}