@newtonedev/components 0.1.18 → 0.1.19

package/src/primitives/Card/Card.tsx

@@ -0,0 +1,197 @@
+import React, { useMemo } from 'react';
+import { Pressable, Text } from 'react-native';
+import type { TextStyle } from 'react-native';
+import type { CardProps } from './Card.types';
+import type { ElevationLevel, ElevationName, ThemeName, AppearanceName } from 'newtone-api';
+import { FrameContext, useFrameContext } from 'newtone-api';
+import { useNewtoneTheme } from 'newtone-api';
+import { computeTokens } from 'newtone-api';
+import { getCardStyles } from './Card.styles';
+import { useFocusVisible } from '../useFocusVisible';
+
+/**
+ * Wrap raw string/number children in <Text> so they display correctly.
+ */
+function wrapTextChildren(
+  children: React.ReactNode,
+  textStyle: TextStyle,
+): React.ReactNode {
+  return React.Children.map(children, (child) => {
+    if (typeof child === 'string' || typeof child === 'number') {
+      return <Text style={textStyle}>{child}</Text>;
+    }
+    return child;
+  });
+}
+
+/** Cards are always elevated. */
+const CARD_ELEVATION: ElevationLevel = 2;
+const CARD_ELEVATION_NAME: ElevationName = 'elevated';
+
+/**
+ * Card — An elevated, bordered, pressable surface.
+ *
+ * Card inherits its theme from the parent Frame context. It is always
+ * rendered at the elevated level with a border and drop shadow.
+ * It handles press and navigation interactions, making it ideal for
+ * clickable content tiles, list items, and action surfaces.
+ *
+ * Cards can be nested inside Frames. They inherit the theme but provide
+ * their own elevated FrameContext to descendants.
+ */
+export function Card({
+  children,
+  // Appearance
+  appearance,
+  radius,
+  // Layout
+  direction,
+  wrap,
+  reverse,
+  // Alignment
+  align,
+  justify,
+  // Spacing
+  padding,
+  gap,
+  // Sizing
+  width,
+  height,
+  minWidth,
+  maxWidth,
+  minHeight,
+  maxHeight,
+  // Positioning
+  pointerEvents,
+  // Interactivity
+  onPress,
+  href,
+  disabled = false,
+  // Accessibility
+  accessibilityLabel,
+  accessibilityHint,
+  // Testing & platform
+  testID,
+  nativeID,
+  ref,
+  // Style override
+  style,
+}: CardProps) {
+  const themeCtx = useNewtoneTheme();
+  const { mode, gamut } = themeCtx;
+  const parentFrameCtx = useFrameContext();
+
+  // Inherit theme from parent Frame context (Card never overrides theme).
+  const resolvedTheme: ThemeName = parentFrameCtx?.theme ?? 'primary';
+  const resolvedAppearance: AppearanceName = appearance ?? parentFrameCtx?.appearance ?? 'main';
+
+  // Compute tokens at the elevated level.
+  const tokens = useMemo(() => {
+    return computeTokens(
+      themeCtx.config.colorSystem,
+      mode,
+      gamut,
+      CARD_ELEVATION_NAME,
+      themeCtx.config.spacing,
+      themeCtx.config.radius,
+      themeCtx.config.typography,
+      themeCtx.config.icons,
+      themeCtx.config.themeMappings,
+      themeCtx.config.swatchDefaults,
+      themeCtx.config.relativeSwatchDefaults,
+    );
+  }, [themeCtx.config, mode, gamut]);
+
+  const styles = useMemo(
+    () => getCardStyles({
+      tokens,
+      theme: resolvedTheme,
+      appearance: resolvedAppearance,
+      direction,
+      wrap,
+      reverse,
+      align,
+      justify,
+      padding,
+      gap,
+      width,
+      height,
+      minWidth,
+      maxWidth,
+      minHeight,
+      maxHeight,
+      radius,
+      disabled,
+    }),
+    [
+      tokens, resolvedTheme, resolvedAppearance,
+      direction, wrap, reverse,
+      align, justify, padding, gap,
+      width, height, minWidth, maxWidth, minHeight, maxHeight,
+      radius, disabled,
+    ],
+  );
+
+  const contextValue = useMemo(
+    () => ({
+      elevation: CARD_ELEVATION,
+      tokens,
+      scheme: parentFrameCtx?.scheme,
+      theme: resolvedTheme,
+      appearance: resolvedAppearance,
+    }),
+    [tokens, parentFrameCtx?.scheme, resolvedTheme, resolvedAppearance],
+  );
+
+  const userStyles = Array.isArray(style) ? style : style ? [style] : [];
+
+  const { isFocusVisible, focusProps } = useFocusVisible();
+
+  // Focus ring: uses the emphasis background of the inherited theme as the outline color.
+  const focusRingStyle = isFocusVisible && !disabled ? {
+    outlineWidth: 2,
+    outlineStyle: 'solid',
+    outlineColor: tokens.colors[resolvedTheme].emphasis.background,
+    outlineOffset: 2,
+  } as unknown as import('react-native').ViewStyle : undefined;
+
+  const textStyle = useMemo<TextStyle>(
+    () => ({
+      color: tokens.colors[resolvedTheme][resolvedAppearance].fontPrimary,
+      fontSize: tokens.typography.fontSizes['05'],
+      fontFamily: tokens.typography.fonts.main.family,
+      lineHeight: tokens.typography.lineHeights['06'],
+    }),
+    [tokens, resolvedTheme, resolvedAppearance],
+  );
+  const wrappedChildren = useMemo(
+    () => wrapTextChildren(children, textStyle),
+    [children, textStyle],
+  );
+
+  return (
+    <FrameContext.Provider value={contextValue}>
+      <Pressable
+        ref={ref}
+        testID={testID}
+        nativeID={nativeID}
+        pointerEvents={pointerEvents}
+        accessibilityLabel={accessibilityLabel}
+        accessibilityHint={accessibilityHint}
+        accessibilityState={disabled ? { disabled: true } : undefined}
+        onPress={onPress}
+        disabled={disabled}
+        {...(href ? { href, accessibilityRole: 'link' as const } : { accessibilityRole: 'button' as const })}
+        {...(focusProps as any)}
+        style={({ pressed }) => [
+          styles.container,
+          pressed && !disabled && styles.pressed,
+          focusRingStyle,
+          ...userStyles,
+        ]}
+      >
+        {wrappedChildren}
+      </Pressable>
+    </FrameContext.Provider>
+  );
+}

package/src/primitives/Card/Card.types.ts

@@ -0,0 +1,155 @@
+import type { View, ViewStyle, GestureResponderEvent } from 'react-native';
+import type { AppearanceName } from 'newtone-api';
+import type {
+  PaddingProp,
+  GapProp,
+  SizingMode,
+  Direction,
+  Alignment,
+  Justification,
+  RadiusProp,
+  PointerEventsMode,
+} from '../Frame/Frame.types';
+
+/**
+ * Props for Card — an elevated, bordered, pressable surface.
+ *
+ * Card inherits its theme from the parent Frame context and is always
+ * rendered at elevated level with a border. It handles press and
+ * navigation interactions, making it ideal for clickable content tiles.
+ *
+ * @example
+ * ```tsx
+ * <Card padding="lg" onPress={() => navigate('/details')}>
+ *   <Text>Tap to open</Text>
+ * </Card>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Card padding="md" gap="sm" href="/settings" appearance="tinted">
+ *   <Icon name="settings" />
+ *   <Text>Settings</Text>
+ * </Card>
+ * ```
+ */
+export interface CardProps {
+  /** Child elements. Raw strings/numbers are auto-wrapped in themed `<Text>`. */
+  readonly children: React.ReactNode;
+
+  // ── Appearance ──
+
+  /**
+   * Appearance variant within the inherited theme.
+   *
+   * Controls the visual emphasis of the Card's chrome (background, border):
+   * - `'main'` — default surface (passive contrast)
+   * - `'emphasis'` — prominent, filled surface (active contrast)
+   * - `'tinted'` — subtle tinted surface
+   * - `'strong'` — bold, high-contrast variant
+   *
+   * @default 'main'
+   */
+  readonly appearance?: AppearanceName;
+
+  /**
+   * Border radius.
+   *
+   * @example
+   * ```tsx
+   * <Card radius="md" />                          // uniform token
+   * <Card radius={8} />                           // uniform px
+   * <Card radius={{ topLeft: 'lg', topRight: 'lg' }} />  // per-corner
+   * ```
+   */
+  readonly radius?: RadiusProp;
+
+  // ── Layout ──
+
+  /** Flex direction. @default 'vertical' */
+  readonly direction?: Direction;
+
+  /** Enable flex wrap. @default false */
+  readonly wrap?: boolean;
+
+  /** Reverse flex direction. @default false */
+  readonly reverse?: boolean;
+
+  // ── Alignment ──
+
+  /** Cross-axis alignment of children. */
+  readonly align?: Alignment;
+
+  /** Main-axis justification of children. */
+  readonly justify?: Justification;
+
+  // ── Spacing ──
+
+  /** Padding inside the card. */
+  readonly padding?: PaddingProp;
+
+  /** Gap between children. */
+  readonly gap?: GapProp;
+
+  // ── Sizing ──
+
+  /** Width sizing: `'hug'`, `'fill'`, or fixed px. */
+  readonly width?: SizingMode;
+
+  /** Height sizing: `'hug'`, `'fill'`, or fixed px. */
+  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;
+
+  // ── Positioning ──
+
+  /**
+   * Controls whether the element can be the target of touch/pointer events.
+   */
+  readonly pointerEvents?: PointerEventsMode;
+
+  // ── Interactivity ──
+
+  /** Press handler. */
+  readonly onPress?: (event: GestureResponderEvent) => void;
+
+  /** Navigation URL — renders as a link. */
+  readonly href?: string;
+
+  /** Disable interaction. @default false */
+  readonly disabled?: boolean;
+
+  // ── Accessibility ──
+
+  /** Accessible label read by screen readers. */
+  readonly accessibilityLabel?: string;
+
+  /** Additional hint read after the label. */
+  readonly accessibilityHint?: string;
+
+  // ── Testing & Platform ──
+
+  /** Test identifier — maps to `data-testid` on web. */
+  readonly testID?: string;
+
+  /** DOM id — maps to `id` attribute on web. */
+  readonly nativeID?: string;
+
+  /** Ref to the underlying Pressable element. */
+  readonly ref?: React.Ref<View>;
+
+  // ── Style override ──
+
+  /** Custom style overrides (applied last). */
+  readonly style?: ViewStyle | ViewStyle[];
+}

package/src/primitives/Card/index.ts

@@ -0,0 +1,2 @@
+export { Card } from './Card';
+export type { CardProps } from './Card.types';

package/src/primitives/Frame/Frame.styles.ts

@@ -68,12 +68,9 @@ export interface FrameStyleInput {
   readonly left?: OffsetValue;
   readonly zIndex?: number;
   readonly overflow?: OverflowMode;
-  readonly opacity?: number;
 
   // Appearance
   readonly radius?: RadiusProp;
-  readonly bordered?: boolean;
-  readonly disabled?: boolean;
 }
 
 // ── Output ───────────────────────────────────────────────────────
@@ -81,8 +78,6 @@ export interface FrameStyleInput {
 export interface FrameStyles {
   /** Main container style (ViewStyle) */
   readonly container: ViewStyle;
-  /** Style applied when pressed (background shift) */
-  readonly pressed: ViewStyle;
   /** Web-only CSS Grid properties (cast to ViewStyle at render) */
   readonly gridWebStyle: React.CSSProperties | null;
   /** Web-only inset box-shadow string for elevation -2 */
@@ -96,7 +91,6 @@ export interface FrameStyles {
  *
  * 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)
  */
@@ -129,10 +123,7 @@ export function getFrameStyles(input: FrameStyleInput): FrameStyles {
     left,
     zIndex,
     overflow,
-    opacity,
     radius,
-    bordered = false,
-    disabled = false,
   } = input;
 
   // We build styles as a plain object first, then validate it through
@@ -229,13 +220,6 @@ export function getFrameStyles(input: FrameStyleInput): FrameStyles {
   // Explicit overflow prop overrides the auto-overflow from radius.
   if (overflow) container.overflow = overflow;
 
-  // ── Border ──
-  // Add a thin border using the theme's border color.
-  if (bordered) {
-    container.borderWidth = 1;
-    container.borderColor = appearanceTokens.fontTertiary;
-  }
-
   // ── Outer shadow (elevation 2) ──
   // Add a subtle drop shadow to make the Frame look raised above the surface.
   // These are React Native shadow properties — react-native-web converts them
@@ -248,21 +232,6 @@ export function getFrameStyles(input: FrameStyleInput): FrameStyles {
     container.elevation = 4; // Android-specific shadow depth
   }
 
-  // ── Opacity ──
-  // Explicit opacity takes precedence over the disabled fade.
-  if (opacity !== undefined) {
-    container.opacity = opacity;
-  } else if (disabled) {
-    container.opacity = 0.5;
-  }
-
-  // ── Pressed state ──
-  // When the user is pressing an interactive Frame, shift the background
-  // to a darker "sunken" shade to give visual feedback.
-  const pressed = StyleSheet.create({
-    s: { backgroundColor: appearanceTokens.fontSecondary },
-  }).s;
-
   // ── Grid web style (web-only) ──
   // CSS Grid only works in web browsers. On native platforms this stays null,
   // and the flex fallback (set above) handles the layout instead.
@@ -287,7 +256,6 @@ export function getFrameStyles(input: FrameStyleInput): FrameStyles {
     // Validate and optimize the container styles through StyleSheet.create(),
     // then extract the single style object with `.c`.
     container: StyleSheet.create({ c: container as ViewStyle }).c,
-    pressed,
     gridWebStyle,
     insetBoxShadow,
   };

package/src/primitives/Frame/Frame.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { View, Pressable, Text } from 'react-native';
+import { View, Text } from 'react-native';
 import type { ViewStyle, TextStyle } from 'react-native';
 import type { FrameProps } from './Frame.types';
 import type { ElevationLevel, FrameElevation, ElevationName, ThemeName, AppearanceName } from 'newtone-api';
@@ -7,7 +7,7 @@ import { FrameContext, useFrameContext } from 'newtone-api';
 import { useNewtoneTheme, _ThemeContext } from 'newtone-api';
 import { computeTokens } from 'newtone-api';
 import { getFrameStyles } from './Frame.styles';
-import { useFocusVisible } from '../useFocusVisible';
+
 
 /**
  * Wrap raw string/number children in <Text> so they display correctly.
@@ -87,14 +87,8 @@ export function Frame({
   zIndex,
   overflow,
   pointerEvents,
-  opacity,
   // Appearance
   radius,
-  bordered,
-  // Interactivity
-  onPress,
-  href,
-  disabled = false,
   // Accessibility
   accessibilityLabel,
   accessibilityHint,
@@ -177,18 +171,15 @@ export function Frame({
       left,
       zIndex,
       overflow,
-      opacity,
       radius,
-      bordered,
-      disabled,
     }),
     [
       tokens, resolvedFrameElevation, resolvedTheme, resolvedAppearance,
       layout, direction, wrap, reverse, columns, rows,
       align, justify, padding, gap,
       width, height, minWidth, maxWidth, minHeight, maxHeight,
-      position, top, right, bottom, left, zIndex, overflow, opacity,
-      radius, bordered, disabled,
+      position, top, right, bottom, left, zIndex, overflow,
+      radius,
     ],
   );
 
@@ -227,21 +218,6 @@ export function Frame({
 
   const userStyles = Array.isArray(style) ? style : style ? [style] : [];
 
-
-  const isInteractive = onPress !== undefined || href !== undefined;
-
-  const { isFocusVisible, focusProps } = useFocusVisible();
-
-  // Focus ring: uses the emphasis background of the resolved theme as the outline color.
-  const focusRingStyle = isFocusVisible && !disabled ? {
-    outlineWidth: 2,
-    outlineStyle: 'solid',
-    outlineColor: tokens.colors[resolvedTheme].emphasis.background,
-    outlineOffset: 2,
-  } as unknown as ViewStyle : undefined;
-
-  const webFocusProps = isInteractive ? focusProps as any : {};
-
   const textStyle = useMemo<TextStyle>(
     () => ({
       color: tokens.colors[resolvedTheme][resolvedAppearance].fontPrimary,
@@ -256,30 +232,7 @@ export function Frame({
     [children, textStyle],
   );
 
-  const content = isInteractive ? (
-    <Pressable
-      ref={ref}
-      testID={testID}
-      nativeID={nativeID}
-      pointerEvents={pointerEvents}
-      accessibilityLabel={accessibilityLabel}
-      accessibilityHint={accessibilityHint}
-      accessibilityState={disabled ? { disabled: true } : undefined}
-      onPress={onPress}
-      disabled={disabled}
-      {...(href ? { href, accessibilityRole: 'link' as const } : { accessibilityRole: 'button' as const })}
-      {...webFocusProps}
-      style={({ pressed }) => [
-        styles.container,
-        pressed && !disabled && styles.pressed,
-        focusRingStyle,
-        ...webOverrides,
-        ...userStyles,
-      ]}
-    >
-      {wrappedChildren}
-    </Pressable>
-  ) : (
+  const content = (
     <View
       ref={ref}
       testID={testID}

package/src/primitives/Frame/Frame.types.ts

@@ -1,4 +1,4 @@
-import type { View, ViewStyle, GestureResponderEvent } from 'react-native';
+import type { View, ViewStyle } from 'react-native';
 import type { FrameElevation, ThemeName, AppearanceName } from 'newtone-api';
 
 // ── Spacing Types ──────────────────────────────────────────────
@@ -322,13 +322,6 @@ export interface FrameProps {
    */
   readonly pointerEvents?: PointerEventsMode;
 
-  /**
-   * Opacity of the element (0 = fully transparent, 1 = fully opaque).
-   *
-   * When set explicitly, overrides the automatic `0.5` opacity applied by `disabled`.
-   */
-  readonly opacity?: number;
-
   // ── Appearance ──
 
   /**
@@ -381,20 +374,6 @@ export interface FrameProps {
    */
   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;
-
   // ── Accessibility ──
 
   /** Accessible label read by screen readers. Use for icon-only or non-textual frames. */

package/src/primitives/Text/Text.tsx

@@ -42,8 +42,8 @@ export function resolveTextColor(
     case 'primary': return tokens.colors[theme][appearance].fontPrimary;
     case 'secondary': return tokens.colors[theme][appearance].fontSecondary;
     case 'tertiary': return tokens.colors[theme][appearance].fontTertiary;
-    case 'disabled': return tokens.colors[theme][appearance].fontDisabled;
     case 'accent': return tokens.colors[theme][appearance][LARGE_TEXT_ROLES.has(role) ? 'accentLarge' : 'accentSmall'];
+    case 'disabled': return tokens.colors[theme][appearance].fontDisabled;
   }
 }
 

package/src/primitives/index.ts

@@ -29,9 +29,9 @@ export type { ResolvedCorners } from './Frame/Frame.utils';
 export { Icon } from './Icon';
 export type { IconProps } from './Icon';
 
-// Wrapper
-export { Wrapper } from './Wrapper';
-export type { WrapperProps } from './Wrapper';
+// Card
+export { Card } from './Card';
+export type { CardProps } from './Card';
 
 // Text
 export { Text } from './Text';

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

@@ -1 +0,0 @@
-{"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,EAET,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,aAAa,EACb,OAAO,EACP,KAAK,EAEL,MAAM,EACN,QAAQ,EACR,GAAG,GACJ,EAAE,YAAY,qBA6Dd"}

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

@@ -1 +0,0 @@
-{"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,aAAa,CAAC;AAClD,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,WAAW,EACX,OAAO,EACP,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACb,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;IAG5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACjC,QAAQ,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAuFpE"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Wrapper.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Wrapper/Wrapper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,WAAW,EACX,OAAO,EACP,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAE9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAIpC,0CAA0C;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAE/B,uCAAuC;IACvC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAExB,6CAA6C;IAC7C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAI3B,wCAAwC;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IAIjC;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAE/B;;;;;;;;;OASG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAIvB;;;;;;;OAOG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAE5B;;;;;;;OAOG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAE7B,+BAA+B;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,+BAA+B;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,gCAAgC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAE5B,gCAAgC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAI5B;;;;;OAKG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC;IAEjC,8EAA8E;IAC9E,QAAQ,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC;IAE3B,gFAAgF;IAChF,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAE7B,iFAAiF;IACjF,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC;IAE9B,+EAA+E;IAC/E,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAE5B,+DAA+D;IAC/D,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,iCAAiC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC;IAEjC;;;;;;;OAOG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAE3C,wEAAwE;IACxE,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAI1B,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,IAAI,CAAC,CAAC;IAI/B,6CAA6C;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Wrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}