@newtonedev/components 0.1.2 → 0.1.3

package/src/primitives/index.ts

@@ -0,0 +1,46 @@
+// Focus visibility (keyboard-only focus detection)
+export { useFocusVisible } from './useFocusVisible';
+export type { FocusVisibleResult } from './useFocusVisible';
+
+// Frame
+export { Frame } from './Frame';
+export type {
+  FrameProps,
+  SpacingToken,
+  SpacingValue,
+  SpacingSides,
+  SpacingAxes,
+  PaddingProp,
+  GapAxes,
+  GapProp,
+  RadiusToken,
+  RadiusValue,
+  RadiusCorners,
+  RadiusProp,
+  SizingMode,
+  LayoutMode,
+  Direction,
+  Alignment,
+  Justification,
+} from './Frame';
+export type { ResolvedCorners } from './Frame/Frame.utils';
+
+// Icon
+export { Icon } from './Icon';
+export type { IconProps } from './Icon';
+
+// Wrapper
+export { Wrapper } from './Wrapper';
+export type { WrapperProps } from './Wrapper';
+
+// Text
+export { Text } from './Text';
+export type {
+  TextProps,
+  TextSize,
+  TextWeight,
+  TextColor,
+  TextFont,
+  TextLineHeight,
+  TextAlign,
+} from './Text';

package/src/primitives/useFocusVisible.ts

@@ -0,0 +1,102 @@
+/**
+ * useFocusVisible — Keyboard-only focus detection hook.
+ *
+ * Tracks whether the user's last input was keyboard (Tab, arrows, etc.)
+ * or pointer (mouse, touch). When an element receives focus after a
+ * keyboard event, `isFocusVisible` is true — matching the browser's
+ * native `:focus-visible` pseudo-class behavior.
+ *
+ * This is the same approach used by the `:focus-visible` polyfill.
+ * On native platforms, the document listeners are skipped (guarded by
+ * `typeof document`), and the hook returns false for `isFocusVisible`.
+ *
+ * @example
+ * ```tsx
+ * const { isFocusVisible, focusProps } = useFocusVisible();
+ *
+ * <Pressable {...focusProps} style={isFocusVisible ? focusRingStyle : undefined}>
+ *   <Text>Keyboard-focusable</Text>
+ * </Pressable>
+ * ```
+ */
+
+import { useState, useEffect, useCallback } from 'react';
+
+// ── Module-level input modality tracking ────────────────────────
+// Shared across all hook instances — a single set of document listeners
+// tracks whether the most recent user input was keyboard or pointer.
+
+let hadKeyboardEvent = false;
+let isListenerSetup = false;
+
+/**
+ * Attach document-level listeners once. Keyboard events (Tab, arrows,
+ * Enter, Space, Escape) set the flag; pointer/mouse events clear it.
+ * Capture phase ensures we see the event before any component handler.
+ */
+function setupModality() {
+  // Guard: skip on native platforms and during SSR (no document).
+  if (isListenerSetup || typeof document === 'undefined') return;
+  isListenerSetup = true;
+
+  // Keyboard navigation keys that should trigger focus-visible.
+  // We don't flag every keydown (e.g. typing in a TextInput shouldn't
+  // make the next focused element show a ring).
+  const NAVIGATION_KEYS = new Set([
+    'Tab', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight',
+    'Enter', ' ', 'Escape',
+  ]);
+
+  document.addEventListener('keydown', (e) => {
+    if (NAVIGATION_KEYS.has(e.key)) {
+      hadKeyboardEvent = true;
+    }
+  }, true);
+
+  // Any pointer activity means the user is using a mouse/touch,
+  // so the next focus should NOT show a visible ring.
+  document.addEventListener('pointerdown', () => {
+    hadKeyboardEvent = false;
+  }, true);
+
+  // Fallback for environments without PointerEvent (older browsers).
+  document.addEventListener('mousedown', () => {
+    hadKeyboardEvent = false;
+  }, true);
+}
+
+// ── Hook ────────────────────────────────────────────────────────
+
+export interface FocusVisibleResult {
+  /** True when the element is focused AND focus was keyboard-initiated. */
+  readonly isFocusVisible: boolean;
+  /** Spread these onto the interactive element (web-only, ignored on native). */
+  readonly focusProps: Record<string, unknown>;
+}
+
+export function useFocusVisible(): FocusVisibleResult {
+  const [isFocusVisible, setIsFocusVisible] = useState(false);
+
+  // Set up document-level modality tracking on first render.
+  useEffect(() => {
+    setupModality();
+  }, []);
+
+  // On focus: show ring only if the last input was keyboard.
+  const onFocus = useCallback(() => {
+    if (hadKeyboardEvent) {
+      setIsFocusVisible(true);
+    }
+  }, []);
+
+  // On blur: always hide the ring.
+  const onBlur = useCallback(() => {
+    setIsFocusVisible(false);
+  }, []);
+
+  // Return props as a spreadable object. These are web-only event handlers
+  // supported by react-native-web — silently ignored on native.
+  const focusProps = { onFocus, onBlur } as Record<string, unknown>; // web-only
+
+  return { isFocusVisible, focusProps };
+}

package/src/theme/defaults.ts

@@ -40,12 +40,19 @@ export const DEFAULT_THEME_CONFIG: NewtoneThemeConfig = {
     offsets: [-0.02, 0, 0.04], // [sunken, default, elevated]
   },
   spacing: {
-    xs: 4,
-    sm: 8,
-    md: 12,
-    lg: 16,
-    xl: 24,
-    xxl: 32,
+    '00': 0,   // base * 0
+    '02': 2,   // base * 0.25
+    '04': 4,   // base * 0.5
+    '06': 6,   // base * 0.75
+    '08': 8,   // base * 1 (Medium preset, 8px base)
+    '10': 10,  // base * 1.25
+    '12': 12,  // base * 1.5
+    '16': 16,  // base * 2
+    '20': 20,  // base * 2.5
+    '24': 24,  // base * 3
+    '32': 32,  // base * 4
+    '40': 40,  // base * 5
+    '48': 48,  // base * 6
   },
   radius: {
     none: 0,

package/src/theme/types.ts

@@ -66,12 +66,19 @@ export interface NewtoneThemeConfig {
     readonly offsets: readonly [number, number, number]; // NV offsets for [sunken, default, elevated]
   };
   readonly spacing: {
-    readonly xs: number;   // 4 * multiplier
-    readonly sm: number;   // 8 * multiplier
-    readonly md: number;   // 12 * multiplier
-    readonly lg: number;   // 16 * multiplier
-    readonly xl: number;   // 24 * multiplier
-    readonly xxl: number;  // 32 * multiplier
+    readonly '00': number;  // base * 0
+    readonly '02': number;  // base * 0.25
+    readonly '04': number;  // base * 0.5
+    readonly '06': number;  // base * 0.75
+    readonly '08': number;  // base * 1
+    readonly '10': number;  // base * 1.25
+    readonly '12': number;  // base * 1.5
+    readonly '16': number;  // base * 2
+    readonly '20': number;  // base * 2.5
+    readonly '24': number;  // base * 3
+    readonly '32': number;  // base * 4
+    readonly '40': number;  // base * 5
+    readonly '48': number;  // base * 6
   };
   readonly radius: {
     readonly none: number;    // 0

package/src/tokens/computeTokens.ts

@@ -51,7 +51,7 @@ export function computeTokens(
   themeMapping: ThemeMapping,
   elevation: ElevationLevel,
   elevationOffsets: readonly [number, number, number],
-  spacing: { readonly xs: number; readonly sm: number; readonly md: number; readonly lg: number; readonly xl: number; readonly xxl: number },
+  spacing: { readonly '00': number; readonly '02': number; readonly '04': number; readonly '06': number; readonly '08': number; readonly '10': number; readonly '12': number; readonly '16': number; readonly '20': number; readonly '24': number; readonly '32': number; readonly '40': number; readonly '48': number },
   radius: { readonly none: number; readonly sm: number; readonly md: number; readonly lg: number; readonly xl: number; readonly pill: 999 },
   typography: {
     readonly fonts: { readonly mono: FontConfig; readonly display: FontConfig; readonly default: FontConfig };

package/src/tokens/types.ts

@@ -28,14 +28,23 @@ export interface ResolvedTokens {
   readonly warning: ColorResult;
   /** Error/destructive state color (from error palette, index 4) */
   readonly error: ColorResult;
-  /** Spacing tokens for paddings, gaps, and margins */
+  /** Spacing tokens for paddings, gaps, and margins.
+   * Token names represent pixel values at Medium (8px) spacing preset.
+   * Actual values scale based on the selected spacing preset. */
   readonly spacing: {
-    readonly xs: number;
-    readonly sm: number;
-    readonly md: number;
-    readonly lg: number;
-    readonly xl: number;
-    readonly xxl: number;
+    readonly '00': number;  // 0px (always 0)
+    readonly '02': number;  // 2px at Medium (0.25x multiplier)
+    readonly '04': number;  // 4px at Medium (0.5x multiplier)
+    readonly '06': number;  // 6px at Medium (0.75x multiplier)
+    readonly '08': number;  // 8px at Medium (1x multiplier, equals base)
+    readonly '10': number;  // 10px at Medium (1.25x multiplier)
+    readonly '12': number;  // 12px at Medium (1.5x multiplier)
+    readonly '16': number;  // 16px at Medium (2x multiplier)
+    readonly '20': number;  // 20px at Medium (2.5x multiplier)
+    readonly '24': number;  // 24px at Medium (3x multiplier)
+    readonly '32': number;  // 32px at Medium (4x multiplier)
+    readonly '40': number;  // 40px at Medium (5x multiplier)
+    readonly '48': number;  // 48px at Medium (6x multiplier)
   };
   /** Border radius tokens for component roundness */
   readonly radius: {

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

@@ -1 +0,0 @@
-{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../src/Frame/Frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAyChD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,KAAK,GACN,EAAE,UAAU,qBAuHZ"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Frame.styles.d.ts","sourceRoot":"","sources":["../../src/Frame/Frame.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,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,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,WAAW,CAuIlE"}

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

@@ -1,115 +0,0 @@
-import type { ViewStyle, GestureResponderEvent } from 'react-native';
-import type { ThemeName, FrameElevation } from '../theme/types';
-/** Design system spacing tokens */
-export type SpacingToken = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-/** 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: uniform, axis shorthand, or per-side */
-export type PaddingProp = SpacingValue | SpacingAxes | SpacingSides;
-/** Gap axis shorthand */
-export interface GapAxes {
-    readonly row?: SpacingValue;
-    readonly column?: SpacingValue;
-}
-/** Gap: uniform or row/column */
-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;
-}
-/** Radius: uniform or per-corner */
-export type RadiusProp = RadiusValue | RadiusCorners;
-/**
- * Figma-like sizing mode:
- * - 'hug': shrink to content (default)
- * - 'fill': expand to fill available space
- * - number: fixed pixel dimension
- */
-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';
-export interface FrameProps {
-    /** Child elements that inherit this Frame's theme and elevation context */
-    readonly children: React.ReactNode;
-    /**
-     * Theme override for this frame and all descendants.
-     * When omitted, inherits from parent Frame or NewtoneProvider.
-     */
-    readonly theme?: ThemeName;
-    /**
-     * Surface elevation: -2 (deeply sunken with inset shadow), -1 (sunken),
-     * 0 (default), 1 (elevated), 2 (prominently elevated with 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: uniform token/number, axis shorthand, or per-side */
-    readonly padding?: PaddingProp;
-    /** Gap between children: uniform or row/column */
-    readonly gap?: GapProp;
-    /** Width: 'hug' (content-sized), 'fill' (expand), or fixed number */
-    readonly width?: SizingMode;
-    /** Height: 'hug' (content-sized), 'fill' (expand), or fixed number */
-    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: token, number, or per-corner object */
-    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;
-    /** Custom style overrides (applied last) */
-    readonly style?: ViewStyle | ViewStyle[];
-}
-//# sourceMappingURL=Frame.types.d.ts.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Frame.utils.d.ts","sourceRoot":"","sources":["../../src/Frame/Frame.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EACV,YAAY,EAGZ,WAAW,EACX,OAAO,EACP,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACd,MAAM,eAAe,CAAC;AAIvB,yDAAyD;AACzD,wBAAgB,cAAc,CAC5B,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,cAAc,GACrB,MAAM,CAGR;AAED,oDAAoD;AACpD,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,CAsBlG;AAED,wDAAwD;AACxD,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,CAWzD;AAID,wDAAwD;AACxD,wBAAgB,aAAa,CAC3B,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,cAAc,GACrB,MAAM,CAGR;AAED,wCAAwC;AACxC,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,qDAAqD;AACrD,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,cAAc,GACrB,eAAe,CAajB;AAED,gEAAgE;AAChE,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,eAAe,GAAG,OAAO,CAKnE;AAID,gEAAgE;AAChE,wBAAgB,aAAa,CAC3B,KAAK,EAAE,UAAU,GAAG,SAAS,EAC7B,MAAM,EAAE,UAAU,GAAG,SAAS,GAC7B,SAAS,CAwBX;AAqBD,qDAAqD;AACrD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC,CAE1E;AAED,6DAA6D;AAC7D,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,aAAa,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAExF;AAED,6DAA6D;AAC7D,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,GACf,SAAS,CAAC,eAAe,CAAC,CAK5B"}

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

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

@@ -1,36 +0,0 @@
-import React from 'react';
-import { type ViewStyle } from 'react-native';
-import type { ElevationLevel } from '../theme/types';
-export interface IconProps {
-    /** Icon ligature name (e.g., 'home', 'settings', 'check') */
-    readonly name: string;
-    /** Font size in pixels (default: tokens.typography.size.base) */
-    readonly size?: number;
-    /** Optical size for variable font axis (default: same as size) */
-    readonly opticalSize?: number;
-    /** Fill state: 0=outlined, 1=filled (default: 0) */
-    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 */
-    readonly style?: ViewStyle;
-    /** Press handler */
-    readonly onPress?: () => void;
-}
-/**
- * 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, }: IconProps): React.JSX.Element;
-//# sourceMappingURL=Icon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAGpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,SAAS;IACxB,6DAA6D;IAC7D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,kEAAkE;IAClE,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,oDAAoD;IACpD,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACtB,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;IACpC,wBAAwB;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,oBAAoB;IACpB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,IAAQ,EACR,KAAK,EACL,SAAa,EACb,KAAK,EACL,OAAO,GACR,EAAE,SAAS,qBA4BX"}

package/src/Frame/Frame.types.ts

@@ -1,181 +0,0 @@
-import type { ViewStyle, GestureResponderEvent } from 'react-native';
-import type { ThemeName, FrameElevation } from '../theme/types';
-
-// ── Spacing Types ──────────────────────────────────────────────
-
-/** Design system spacing tokens */
-export type SpacingToken = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-
-/** 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: uniform, axis shorthand, or per-side */
-export type PaddingProp = SpacingValue | SpacingAxes | SpacingSides;
-
-/** Gap axis shorthand */
-export interface GapAxes {
-  readonly row?: SpacingValue;
-  readonly column?: SpacingValue;
-}
-
-/** Gap: uniform or row/column */
-export type GapProp = SpacingValue | GapAxes;
-
-// ── Radius Types ───────────────────────────────────────────────
-
-/** 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;
-}
-
-/** Radius: uniform or per-corner */
-export type RadiusProp = RadiusValue | RadiusCorners;
-
-// ── Sizing Types ───────────────────────────────────────────────
-
-/**
- * Figma-like sizing mode:
- * - 'hug': shrink to content (default)
- * - 'fill': expand to fill available space
- * - number: fixed pixel dimension
- */
-export type SizingMode = 'hug' | 'fill' | number;
-
-// ── Layout Types ───────────────────────────────────────────────
-
-/** 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 ──────────────────────────────────────────────────────
-
-export interface FrameProps {
-  /** Child elements that inherit this Frame's theme and elevation context */
-  readonly children: React.ReactNode;
-
-  // ── Theme & Elevation ──
-
-  /**
-   * Theme override for this frame and all descendants.
-   * When omitted, inherits from parent Frame or NewtoneProvider.
-   */
-  readonly theme?: ThemeName;
-
-  /**
-   * Surface elevation: -2 (deeply sunken with inset shadow), -1 (sunken),
-   * 0 (default), 1 (elevated), 2 (prominently elevated with drop shadow).
-   * When omitted, inherits from parent Frame or defaults to 0.
-   */
-  readonly elevation?: FrameElevation;
-
-  // ── Layout ──
-
-  /** 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;
-
-  // ── Alignment ──
-
-  /** Cross-axis alignment of children */
-  readonly align?: Alignment;
-
-  /** Main-axis justification of children */
-  readonly justify?: Justification;
-
-  // ── Spacing ──
-
-  /** Padding: uniform token/number, axis shorthand, or per-side */
-  readonly padding?: PaddingProp;
-
-  /** Gap between children: uniform or row/column */
-  readonly gap?: GapProp;
-
-  // ── Sizing ──
-
-  /** Width: 'hug' (content-sized), 'fill' (expand), or fixed number */
-  readonly width?: SizingMode;
-
-  /** Height: 'hug' (content-sized), 'fill' (expand), or fixed number */
-  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;
-
-  // ── Appearance ──
-
-  /** Border radius: token, number, or per-corner object */
-  readonly radius?: RadiusProp;
-
-  /** Show 1px border using theme border color. @default false */
-  readonly bordered?: boolean;
-
-  // ── Interactivity ──
-
-  /** 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;
-
-  // ── Style override ──
-
-  /** Custom style overrides (applied last) */
-  readonly style?: ViewStyle | ViewStyle[];
-}