@newtonedev/components 0.1.13 → 0.1.15

package/src/primitives/Text/Text.tsx

@@ -4,8 +4,10 @@ import type { LayoutChangeEvent, TextStyle } from 'react-native';
 import { resolveResponsiveSize, estimateLineWidths, BREAKPOINT_ROLE_SCALE, scaleRoleStep, REFERENCE_LINE_HEIGHT_RATIO, buildFontFeatureSettings, SEMANTIC_WEIGHT_MAP, ROLE_DEFAULT_WEIGHTS } from '@newtonedev/fonts';
 import { useTokens } from 'newtone-api';
 import { useNewtoneTheme } from 'newtone-api';
+import { useFrameContext } from 'newtone-api';
 import type { UseTokensResult } from 'newtone-api';
-import type { TextProps, TextColor } from './Text.types';
+import type { ThemeName, AppearanceName } from 'newtone-api';
+import type { TextProps, TextColor, TextRole } from './Text.types';
 import { useLocalCalibration } from 'newtone-api';
 import { useTypographyCalibrations } from 'newtone-api';
 import { enqueueObservation } from 'newtone-api';
@@ -21,21 +23,27 @@ export const TextScopeContext = createContext<{
   readonly weights: { readonly regular: number; readonly medium: number; readonly bold: number };
 } | null>(null);
 
+/** Roles considered "large text" — accent uses accentLarge (lighter). */
+const LARGE_TEXT_ROLES = new Set<TextRole>(['headline', 'title', 'heading', 'subheading']);
+
 /**
  * Resolve a semantic text color to a hex string from the current tokens.
- * Neutral text colors are top-level; palette colors use nested PaletteTokens.fill.
+ * Neutral colors use the inherited theme/appearance from the nearest Frame.
+ * Accent uses accentLarge (large text) or accentSmall (small text) from the inherited theme/appearance.
  */
-export function resolveTextColor(color: TextColor, tokens: UseTokensResult): string {
-  const { gamut } = tokens;
+export function resolveTextColor(
+  color: TextColor,
+  tokens: UseTokensResult,
+  theme: ThemeName = 'primary',
+  appearance: AppearanceName = 'main',
+  role: TextRole = 'body',
+): string {
   switch (color) {
-    case 'primary': return tokens.textPrimary[gamut];
-    case 'secondary': return tokens.textSecondary[gamut];
-    case 'tertiary': return tokens.textTertiary[gamut];
-    case 'disabled': return tokens.textDisabled[gamut];
-    case 'accent': return tokens.accent.fill[gamut];
-    case 'success': return tokens.success.fill[gamut];
-    case 'warning': return tokens.warning.fill[gamut];
-    case 'error': return tokens.error.fill[gamut];
+    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'];
   }
 }
 
@@ -90,7 +98,7 @@ function TextBase({
   weight: weightOverride,
   align,
   numberOfLines,
-  elevation = 1,
+  elevation,
   style,
   accessibilityRole: accessibilityRoleOverride,
   testID,
@@ -102,6 +110,9 @@ function TextBase({
 }: TextProps) {
   const tokens = useTokens(elevation);
   const { config, reportingEndpoint } = useNewtoneTheme();
+  const frameCtx = useFrameContext();
+  const resolvedTheme: ThemeName = frameCtx?.theme ?? 'primary';
+  const resolvedAppearance: AppearanceName = frameCtx?.appearance ?? 'main';
 
   const size = sizeOverride ?? 'md';
   const fontSlot = tokens.typography.fonts[scope];
@@ -195,13 +206,13 @@ function TextBase({
       fontFamily: fontSlot.family,
       fontSize: activeStep.fontSize,
       fontWeight: String(resolvedFontWeight) as TextStyle['fontWeight'],
-      color: resolveTextColor(color, tokens),
+      color: resolveTextColor(color, tokens, resolvedTheme, resolvedAppearance, role),
       lineHeight: correctedLineHeight,
       textAlign: align,
       ...(vcOffset !== 0 ? { transform: [{ translateY: vcOffset }] } : {}),
       ...(featureSettings ? { fontFeatureSettings: featureSettings } as any : {}),
     };
-  }, [tokens, fontSlot, step, resolvedStep, responsive, isAdaptive, resolvedFontWeight, color, align, config.typography.fontMetrics, centerVertically, features]);
+  }, [tokens, fontSlot, step, resolvedStep, responsive, isAdaptive, resolvedFontWeight, color, align, config.typography.fontMetrics, centerVertically, features, resolvedTheme, resolvedAppearance]);
 
   // Auto-derive accessibility role and heading level for heading-like typography roles.
   // react-native-web uses aria-level to render the correct <h1>/<h2>/<h3> element.

package/src/primitives/Text/Text.types.ts

@@ -8,7 +8,7 @@ export type TextSize = 'sm' | 'md' | 'lg';
 export type TextWeight = 'regular' | 'medium' | 'bold';
 
 /** Semantic text color tokens — resolved from the current theme's token palette. */
-export type TextColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'accent' | 'success' | 'warning' | 'error';
+export type TextColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'accent';
 
 /** Font scope — selects which font family slot to use. @default 'main' */
 export type TextScope = 'main' | 'display' | 'mono' | 'currency';
@@ -66,10 +66,7 @@ export interface TextProps {
    * - `'secondary'` — Subdued/muted text (captions, labels)
    * - `'tertiary'` — Hints, placeholders
    * - `'disabled'` — Disabled text elements
-   * - `'accent'` — Accent palette color for links/actions
-   * - `'success'` — Success palette color for positive indicators
-   * - `'warning'` — Warning palette color for caution indicators
-   * - `'error'` — Error palette color for destructive/error indicators
+   * - `'accent'` — Accent color from the inherited theme/appearance (accentLarge for large text, accentSmall for small text)
    *
    * @default 'primary'
    */
@@ -89,7 +86,7 @@ export interface TextProps {
   /** Maximum number of lines before truncation with ellipsis. When omitted, text wraps freely. */
   readonly numberOfLines?: number;
 
-  /** Elevation level for token computation. @default 1 */
+  /** Elevation level for token computation. When omitted, inherits from nearest parent Frame. */
   readonly elevation?: ElevationLevel;
 
   /** Style overrides (applied last). Supports a single style or an array of styles. */

package/src/primitives/Wrapper/Wrapper.styles.ts

@@ -8,6 +8,9 @@ import type {
   PaddingProp,
   GapProp,
   SizingMode,
+  PositionType,
+  OffsetValue,
+  OverflowMode,
 } from '../Frame/Frame.types';
 import {
   resolvePadding,
@@ -33,6 +36,16 @@ export interface WrapperStyleInput {
   readonly maxWidth?: number;
   readonly minHeight?: number;
   readonly maxHeight?: number;
+
+  // Positioning
+  readonly position?: PositionType;
+  readonly top?: OffsetValue;
+  readonly right?: OffsetValue;
+  readonly bottom?: OffsetValue;
+  readonly left?: OffsetValue;
+  readonly zIndex?: number;
+  readonly overflow?: OverflowMode;
+  readonly opacity?: number;
 }
 
 /**
@@ -58,6 +71,14 @@ export function getWrapperStyles(input: WrapperStyleInput): ViewStyle {
     maxWidth,
     minHeight,
     maxHeight,
+    position,
+    top,
+    right,
+    bottom,
+    left,
+    zIndex,
+    overflow,
+    opacity,
   } = input;
 
   // We build styles as a plain object first, then validate it through
@@ -107,6 +128,17 @@ export function getWrapperStyles(input: WrapperStyleInput): ViewStyle {
   if (minHeight !== undefined) container.minHeight = minHeight;
   if (maxHeight !== undefined) container.maxHeight = maxHeight;
 
+  // ── Positioning ──
+  // Set CSS position mode and offsets for absolute/fixed/sticky positioning.
+  if (position) container.position = position;
+  if (top !== undefined) container.top = top;
+  if (right !== undefined) container.right = right;
+  if (bottom !== undefined) container.bottom = bottom;
+  if (left !== undefined) container.left = left;
+  if (zIndex !== undefined) container.zIndex = zIndex;
+  if (overflow) container.overflow = overflow;
+  if (opacity !== undefined) container.opacity = opacity;
+
   // Pass through StyleSheet.create() to validate and optimize the styles,
   // then extract the single style object with `.c`.
   return StyleSheet.create({ c: container as ViewStyle }).c;

package/src/primitives/Wrapper/Wrapper.tsx

@@ -44,6 +44,16 @@ export function Wrapper({
   maxWidth,
   minHeight,
   maxHeight,
+  // Positioning
+  position,
+  top,
+  right,
+  bottom,
+  left,
+  zIndex,
+  overflow,
+  pointerEvents,
+  opacity,
   style,
   // Testing & platform
   testID,
@@ -51,9 +61,8 @@ export function Wrapper({
   ref,
 }: WrapperProps) {
   // Get the theme's design tokens so we can convert spacing names (like 'md')
-  // into pixel values. The "1" is the default elevation level — Wrapper doesn't
-  // have its own elevation, but tokens need one for the spacing lookups.
-  const tokens = useTokens(1);
+  // into pixel values. Wrapper inherits elevation from FrameContext automatically.
+  const tokens = useTokens();
 
   // Calculate the layout styles (direction, spacing, alignment, sizing).
   // Wrapped in useMemo so it only recalculates when one of the props changes,
@@ -74,11 +83,20 @@ export function Wrapper({
       maxWidth,
       minHeight,
       maxHeight,
+      position,
+      top,
+      right,
+      bottom,
+      left,
+      zIndex,
+      overflow,
+      opacity,
     }),
     [
       tokens, direction, wrap, reverse,
       align, justify, padding, gap,
       width, height, minWidth, maxWidth, minHeight, maxHeight,
+      position, top, right, bottom, left, zIndex, overflow, opacity,
     ],
   );
 
@@ -93,6 +111,7 @@ export function Wrapper({
       ref={ref}
       testID={testID}
       nativeID={nativeID}
+      pointerEvents={pointerEvents}
       // Wrapper is a layout-only container with no semantic meaning.
       // "none" tells screen readers to skip this element and read its children directly.
       accessibilityRole="none"

package/src/primitives/Wrapper/Wrapper.types.ts

@@ -6,6 +6,10 @@ import type {
   PaddingProp,
   GapProp,
   SizingMode,
+  PositionType,
+  OffsetValue,
+  OverflowMode,
+  PointerEventsMode,
 } from '../Frame/Frame.types';
 
 /**
@@ -131,6 +135,47 @@ export interface WrapperProps {
   /** Maximum height in pixels. */
   readonly maxHeight?: number;
 
+  // ── Positioning ──
+
+  /**
+   * CSS position mode.
+   *
+   * `'fixed'` and `'sticky'` are web-only (supported via react-native-web).
+   * React Native natively supports `'absolute'` and `'relative'`.
+   */
+  readonly position?: PositionType;
+
+  /** Offset from the top edge. Accepts pixels (number) or percentage string. */
+  readonly top?: OffsetValue;
+
+  /** Offset from the right edge. Accepts pixels (number) or percentage string. */
+  readonly right?: OffsetValue;
+
+  /** Offset from the bottom edge. Accepts pixels (number) or percentage string. */
+  readonly bottom?: OffsetValue;
+
+  /** Offset from the left edge. Accepts pixels (number) or percentage string. */
+  readonly left?: OffsetValue;
+
+  /** Stacking order. Higher values render above lower values. */
+  readonly zIndex?: number;
+
+  /** Content overflow behavior. */
+  readonly overflow?: OverflowMode;
+
+  /**
+   * Controls whether the element can be the target of touch/pointer events.
+   *
+   * - `'auto'` — default, element and children receive events
+   * - `'none'` — element and children are invisible to events (pass through)
+   * - `'box-none'` — element ignores events but children can receive them
+   * - `'box-only'` — element receives events but children cannot
+   */
+  readonly pointerEvents?: PointerEventsMode;
+
+  /** Opacity of the element (0 = fully transparent, 1 = fully opaque). */
+  readonly opacity?: number;
+
   // ── Testing & Platform ──
 
   /** Test identifier — maps to `data-testid` on web. Used by testing libraries. */

package/src/registry/registry.ts

@@ -19,17 +19,13 @@ export const COMPONENTS: readonly ComponentMeta[] = [
     variants: [
       { id: 'primary-md', label: 'Primary', props: { variant: 'primary', size: 'md' } },
       { id: 'secondary-md', label: 'Secondary', props: { variant: 'secondary', size: 'md' } },
-      { id: 'tertiary-md', label: 'Tertiary', props: { variant: 'tertiary', size: 'md' } },
+      { id: 'ghost-md', label: 'Ghost', props: { variant: 'ghost', size: 'md' } },
       { id: 'primary-sm', label: 'Primary Small', props: { variant: 'primary', size: 'sm' } },
       { id: 'primary-lg', label: 'Primary Large', props: { variant: 'primary', size: 'lg' } },
-      { id: 'accent-primary', label: 'Accent Primary', props: { variant: 'primary', size: 'md', semantic: 'accent' } },
-      { id: 'accent-secondary', label: 'Accent Secondary', props: { variant: 'secondary', size: 'md', semantic: 'accent' } },
-      { id: 'success-primary', label: 'Success Primary', props: { variant: 'primary', size: 'md', semantic: 'success' } },
-      { id: 'error-primary', label: 'Error Primary', props: { variant: 'primary', size: 'md', semantic: 'error' } },
-      { id: 'warning-primary', label: 'Warning Primary', props: { variant: 'primary', size: 'md', semantic: 'warning' } },
+      { id: 'primary-xl', label: 'Primary XL', props: { variant: 'primary', size: 'xl' } },
       { id: 'icon-left', label: 'Icon Left', props: { variant: 'primary', size: 'md', icon: 'add' } },
       { id: 'icon-right', label: 'Icon Right', props: { variant: 'primary', size: 'md', icon: 'arrow_forward', iconPosition: 'right' } },
-      { id: 'icon-only', label: 'Icon Only', props: { variant: 'tertiary', size: 'md', icon: 'settings' } },
+      { id: 'icon-only', label: 'Icon Only', props: { variant: 'ghost', size: 'md', icon: 'settings' } },
     ],
     editableProps: [
       {
@@ -39,23 +35,10 @@ export const COMPONENTS: readonly ComponentMeta[] = [
         options: [
           { label: 'Primary', value: 'primary' },
           { label: 'Secondary', value: 'secondary' },
-          { label: 'Tertiary', value: 'tertiary' },
+          { label: 'Ghost', value: 'ghost' },
         ],
         defaultValue: 'primary',
       },
-      {
-        name: 'semantic',
-        label: 'Semantic',
-        control: 'select',
-        options: [
-          { label: 'Neutral', value: 'neutral' },
-          { label: 'Accent', value: 'accent' },
-          { label: 'Success', value: 'success' },
-          { label: 'Warning', value: 'warning' },
-          { label: 'Error', value: 'error' },
-        ],
-        defaultValue: 'neutral',
-      },
       {
         name: 'size',
         label: 'Size',
@@ -64,6 +47,7 @@ export const COMPONENTS: readonly ComponentMeta[] = [
           { label: 'Small', value: 'sm' },
           { label: 'Medium', value: 'md' },
           { label: 'Large', value: 'lg' },
+          { label: 'Extra Large', value: 'xl' },
         ],
         defaultValue: 'md',
       },

package/dist/_COMPONENT_TEMPLATE/ComponentName.d.ts

@@ -1,70 +0,0 @@
-/**
- * Component Template — Copy this directory when creating a new component.
- *
- * CROSS-PLATFORM RULES (enforced for all @newtonedev/components):
- *
- * 1. PRIMITIVES — Import ONLY from 'react-native':
- *    View, Text, Pressable, ScrollView, TextInput, PanResponder, Animated, StyleSheet
- *    NEVER use HTML elements (div, span, input, select, button, etc.)
- *
- * 2. STYLES — Always use StyleSheet.create() via a dedicated .styles.ts file.
- *    Never use plain JS objects or React.CSSProperties.
- *
- * 3. COLORS — Use useTokens() for all colors. Never hardcode hex values.
- *    Token palette: background, backgroundElevated, backgroundSunken,
- *    textPrimary, textSecondary, interactive, interactiveHover, interactiveActive, border
- *
- * 4. ACCESSIBILITY — Use accessibilityRole and accessibilityState (not aria-* attributes).
- *    react-native-web maps these to ARIA on the DOM automatically.
- *    Reference: Toggle.tsx (accessibilityRole="switch", accessibilityState={{ checked }})
- *
- * 5. SHADOWS — Use RN shadow properties:
- *    shadowColor, shadowOffset, shadowOpacity, shadowRadius, elevation
- *    NEVER use boxShadow as a CSS string. react-native-web maps RN shadows automatically.
- *    Reference: Frame.styles.ts, Popover.styles.ts
- *
- * 6. WEB-ONLY DOM — Guard with: if (typeof document === 'undefined') return;
- *    This covers both native (no document) and SSR (no document during render).
- *    Reference: GoogleFontLoader.tsx, Popover.tsx
- *
- * 7. WEB-ONLY EVENTS — Spread via typed-any pattern with comment:
- *    const webProps = { onKeyDown: handler } as any; // web-only
- *    <Pressable {...webProps} />
- *    These are silently ignored on native. Reference: Select.tsx, Popover.tsx
- *
- * 8. WEB-ONLY CSS — Properties like userSelect, fontVariationSettings, cursor
- *    are silently ignored on native. Mark with inline // web-only comment.
- *    Cast via `as TextStyle` or `as any` to satisfy TypeScript.
- *
- * 9. TYPES — All props must be readonly. Define in ComponentName.types.ts.
- *
- * 10. MEMOIZATION — Wrap style computation in useMemo keyed on tokens + props.
- *
- * 11. JSDOC — Every interface and prop must have JSDoc with @example blocks.
- *     Complex props (unions, objects) must explain all accepted forms inline.
- *     Developers must be able to use components via autocomplete alone,
- *     without consulting external documentation. See ComponentName.types.ts.
- *
- * 12. INLINE COMMENTS — Every logical block in .tsx and .styles.ts files must
- *     have a plain-language comment explaining what it does and why. Write for
- *     someone who has never seen React or React Native before. No jargon,
- *     no assumed knowledge. A reader should be able to understand the entire
- *     file top-to-bottom without external documentation.
- *     Reference: Frame.tsx, Text.tsx, Frame.styles.ts, Frame.utils.ts
- *
- * 13. STANDARD PROPS — Every component must accept testID, nativeID, and ref.
- *     testID maps to data-testid on web (used by testing libraries).
- *     nativeID maps to id on web (used for DOM anchors).
- *     ref is a regular React 19 prop (no forwardRef needed).
- *     Reference: Frame.tsx, Text.tsx, Icon.tsx, Wrapper.tsx
- *
- * 14. ACCESSIBILITY — Interactive components must accept accessibilityLabel
- *     and accessibilityHint. Use accessibilityState={{ disabled }} on Pressable.
- *     Decorative elements use importantForAccessibility="no-hide-descendants".
- *     Layout-only containers use accessibilityRole="none".
- *     Reference: Frame.tsx (interactive), Icon.tsx (decorative), Wrapper.tsx (layout)
- */
-import React from 'react';
-import type { ComponentNameProps } from './ComponentName.types';
-export declare function ComponentName({ style, testID, nativeID, ref, }: ComponentNameProps): React.JSX.Element;
-//# sourceMappingURL=ComponentName.d.ts.map

package/dist/_COMPONENT_TEMPLATE/ComponentName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentName.d.ts","sourceRoot":"","sources":["../../src/_COMPONENT_TEMPLATE/ComponentName.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAIhE,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EAEL,MAAM,EACN,QAAQ,EACR,GAAG,GACJ,EAAE,kBAAkB,qBA0BpB"}

package/dist/_COMPONENT_TEMPLATE/ComponentName.styles.d.ts

@@ -1,23 +0,0 @@
-import type { ResolvedTokens, ColorGamut } from 'newtone-api';
-/**
- * Pure style computation function.
- *
- * Rules:
- * - Always use StyleSheet.create() — never plain JS objects
- * - Colors from tokens only — never hardcoded hex (except shadows: '#000')
- * - Use `[gamut]` indexing on TokenColor values (never `.srgb` or `.p3` directly)
- * - Shadows via RN properties (shadowColor, shadowOffset, shadowOpacity, shadowRadius, elevation)
- *   NEVER use boxShadow as a CSS string
- * - For web-only CSS (boxShadow, gridTemplateColumns, etc.):
- *   return as a separate property and apply via web overrides pattern (see Frame.styles.ts)
- * - Every section must have a plain-language inline comment explaining what
- *   the style achieves visually, not just the CSS property name
- */
-export declare function getComponentNameStyles(tokens: ResolvedTokens, gamut: ColorGamut): {
-    container: {
-        backgroundColor: string;
-        borderRadius: number;
-        padding: number;
-    };
-};
-//# sourceMappingURL=ComponentName.styles.d.ts.map

package/dist/_COMPONENT_TEMPLATE/ComponentName.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentName.styles.d.ts","sourceRoot":"","sources":["../../src/_COMPONENT_TEMPLATE/ComponentName.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9D;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU;;;;;;EAW/E"}

package/dist/_COMPONENT_TEMPLATE/ComponentName.types.d.ts

@@ -1,45 +0,0 @@
-import type { View, ViewStyle } from 'react-native';
-import type { ElevationLevel } from 'newtone-api';
-/**
- * Props for ComponentName — [one-line description of what this component does].
- *
- * [Brief explanation of when to use this component and what it provides.]
- *
- * @example
- * ```tsx
- * // Basic usage
- * <ComponentName>Content</ComponentName>
- * ```
- *
- * @example
- * ```tsx
- * // With common prop combinations
- * <ComponentName disabled elevation={2}>
- *   Advanced usage
- * </ComponentName>
- * ```
- */
-export interface ComponentNameProps {
-    /**
-     * [Describe what children this component expects.]
-     *
-     * @example
-     * ```tsx
-     * <ComponentName>Text or elements</ComponentName>
-     * ```
-     */
-    readonly children?: React.ReactNode;
-    /** Additional styles applied to the container. */
-    readonly style?: ViewStyle;
-    /** Elevation level for token computation. @default 1 */
-    readonly elevation?: ElevationLevel;
-    /** Whether the component is disabled. @default false */
-    readonly disabled?: boolean;
-    /** 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 element. */
-    readonly ref?: React.Ref<View>;
-}
-//# sourceMappingURL=ComponentName.types.d.ts.map

package/dist/_COMPONENT_TEMPLATE/ComponentName.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentName.types.d.ts","sourceRoot":"","sources":["../../src/_COMPONENT_TEMPLATE/ComponentName.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;;;;OAOG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC,kDAAkD;IAClD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,wDAAwD;IACxD,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;IAEpC,wDAAwD;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAI5B,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;CAChC"}

package/dist/_COMPONENT_TEMPLATE/index.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/_COMPONENT_TEMPLATE/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}