@newtonedev/components 0.1.18 → 0.1.19

package/dist/layout/Page/Page.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { PageProps } from './Page.types';
+/**
+ * Page — Full-viewport layout root with optional navbar and sidebar slots.
+ *
+ * Page fills the full screen height and arranges layout regions:
+ * - Navbar at the top (outside scroll)
+ * - Sidebar to the left of the main content
+ * - Children fill the remaining space (typically a Viewport)
+ *
+ * When a `scheme` prop is provided, Page activates that scheme from the
+ * parent NewtoneProvider so all descendants receive the scheme's config.
+ *
+ * Page is invisible — no background, border, or shadow.
+ *
+ * @example
+ * ```tsx
+ * <Page navbar={<Nav />}>
+ *   <Viewport>
+ *     <Section size="sm" fill>
+ *       <Frame elevation={1} padding={32}>
+ *         <Text>Centered content</Text>
+ *       </Frame>
+ *     </Section>
+ *   </Viewport>
+ * </Page>
+ * ```
+ */
+export declare function Page({ children, scheme, navbar, sidebar, testID, nativeID, ref, style, }: PageProps): React.JSX.Element;
+//# sourceMappingURL=Page.d.ts.map

package/dist/layout/Page/Page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/layout/Page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAkB9C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,GAAG,EACH,KAAK,GACN,EAAE,SAAS,qBA+CX"}

package/dist/layout/Page/Page.types.d.ts

@@ -0,0 +1,60 @@
+import type { View, ViewStyle } from 'react-native';
+/**
+ * Props for Page — the outermost layout container for a screen.
+ *
+ * Page fills the full viewport height and arranges optional layout slots:
+ * navbar (top), sidebar (left), and children (main content area).
+ * It can also activate a scheme from the parent NewtoneProvider.
+ *
+ * Page is invisible — no background, border, or shadow.
+ *
+ * @example
+ * ```tsx
+ * <Page navbar={<Nav />}>
+ *   <Viewport>
+ *     <Section size="md">
+ *       <Text>Page content</Text>
+ *     </Section>
+ *   </Viewport>
+ * </Page>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Page scheme="vibrant" sidebar={<Sidebar />}>
+ *   <Viewport>
+ *     <Section size="lg">
+ *       <Text>Dashboard content</Text>
+ *     </Section>
+ *   </Viewport>
+ * </Page>
+ * ```
+ */
+export interface PageProps {
+    /** Main content area (typically a Viewport). */
+    readonly children?: React.ReactNode;
+    /**
+     * Scheme to activate from the parent NewtoneProvider's `schemes` map.
+     * When set, descendants receive the scheme's config via theme context.
+     */
+    readonly scheme?: string;
+    /**
+     * Navbar element rendered at the top, outside the scrollable area.
+     * The navbar's height is determined by its own content.
+     */
+    readonly navbar?: React.ReactNode;
+    /**
+     * Sidebar element rendered to the left of the main content area.
+     * The sidebar manages its own width and scroll behavior.
+     */
+    readonly sidebar?: React.ReactNode;
+    /** 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 View element. */
+    readonly ref?: React.Ref<View>;
+    /** Custom style overrides (applied to the root container). */
+    readonly style?: ViewStyle | ViewStyle[];
+}
+//# sourceMappingURL=Page.types.d.ts.map

package/dist/layout/Page/Page.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.types.d.ts","sourceRoot":"","sources":["../../../src/layout/Page/Page.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,SAAS;IACxB,gDAAgD;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAInC,sDAAsD;IACtD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,8CAA8C;IAC9C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,0CAA0C;IAC1C,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAE/B,8DAA8D;IAC9D,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}

package/dist/layout/Page/index.d.ts

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

package/dist/layout/Page/index.d.ts.map

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

package/dist/layout/Section/Section.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { SectionProps } from './Section.types';
+/**
+ * Section — Full-width layout container that constrains content width.
+ *
+ * Section fills all available horizontal space and centers its content
+ * within a maximum width determined by the `size` preset. It provides
+ * horizontal padding so content doesn't touch the viewport edges when
+ * the screen is narrower than the max width.
+ *
+ * Section is invisible — no background, border, or shadow. It is purely
+ * a layout tool for structuring page-level content regions.
+ *
+ * @example
+ * ```tsx
+ * <Section size="md" gap={24} padding={{ y: 48 }}>
+ *   <Text role="heading">Documentation</Text>
+ *   <Text role="body">Content constrained to 768px max width.</Text>
+ * </Section>
+ * ```
+ */
+export declare function Section({ children, size, fill, gap, padding, testID, nativeID, ref, style, }: SectionProps): React.JSX.Element;
+//# sourceMappingURL=Section.d.ts.map

package/dist/layout/Section/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/layout/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,OAAO,EACP,MAAM,EACN,QAAQ,EACR,GAAG,EACH,KAAK,GACN,EAAE,YAAY,qBAqBd"}

package/dist/layout/Section/Section.styles.d.ts

@@ -0,0 +1,20 @@
+import type { ViewStyle } from 'react-native';
+import type { ResolvedTokens } from 'newtone-api';
+import type { GapProp, PaddingProp } from '../../primitives/Frame/Frame.types';
+import type { SectionSize } from './Section.types';
+export interface SectionStyleInput {
+    readonly tokens: ResolvedTokens;
+    readonly size?: SectionSize;
+    readonly fill?: boolean;
+    readonly gap?: GapProp;
+    readonly padding?: PaddingProp;
+}
+/**
+ * Build layout styles for a Section.
+ *
+ * Section fills all horizontal space, centers content within a max width,
+ * and applies horizontal padding from the size preset. Vertical padding
+ * can be specified via the padding prop.
+ */
+export declare function getSectionStyles(input: SectionStyleInput): ViewStyle;
+//# sourceMappingURL=Section.styles.d.ts.map

package/dist/layout/Section/Section.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.styles.d.ts","sourceRoot":"","sources":["../../../src/layout/Section/Section.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,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAqBnD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;CAChC;AAID;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA+CpE"}

package/dist/layout/Section/Section.types.d.ts

@@ -0,0 +1,74 @@
+import type { View, ViewStyle } from 'react-native';
+import type { GapProp, PaddingProp } from '../../primitives/Frame/Frame.types';
+/**
+ * Content width preset for Section.
+ *
+ * | Size   | Max Width | Horizontal Padding |
+ * |:------:|:---------:|:------------------:|
+ * | `'xs'` | 480px     | 24px               |
+ * | `'sm'` | 640px     | 24px               |
+ * | `'md'` | 768px     | 24px               |
+ * | `'lg'` | 1024px    | 32px               |
+ * | `'xl'` | 1280px    | 40px               |
+ * | `'full'` | none    | 0px                |
+ */
+export type SectionSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+/**
+ * Props for Section — a full-width layout container that constrains content width.
+ *
+ * Section fills all available horizontal space and centers its content
+ * within a maximum width. It provides horizontal padding so content
+ * doesn't touch the edges when the viewport is narrower than the max width.
+ *
+ * Section is invisible — no background, border, or shadow.
+ *
+ * @example
+ * ```tsx
+ * <Section size="md" gap={24}>
+ *   <Text role="heading">Page Title</Text>
+ *   <Text role="body">Content constrained to 768px.</Text>
+ * </Section>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Section size="full">
+ *   <HeroImage />
+ * </Section>
+ * ```
+ */
+export interface SectionProps {
+    /** Child elements. */
+    readonly children?: React.ReactNode;
+    /**
+     * Content width preset. Controls the maximum width and default horizontal padding.
+     *
+     * @default 'lg'
+     */
+    readonly size?: SectionSize;
+    /**
+     * Gap between children.
+     */
+    readonly gap?: GapProp;
+    /**
+     * When true, the Section expands to fill all available vertical space (`flex: 1`).
+     * Useful inside a Viewport when content is shorter than the screen.
+     *
+     * @default false
+     */
+    readonly fill?: boolean;
+    /**
+     * Vertical padding (top and bottom).
+     * Horizontal padding is determined by the size preset.
+     */
+    readonly padding?: PaddingProp;
+    /** 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 View element. */
+    readonly ref?: React.Ref<View>;
+    /** Custom style overrides (applied last). */
+    readonly style?: ViewStyle | ViewStyle[];
+}
+//# sourceMappingURL=Section.types.d.ts.map

package/dist/layout/Section/Section.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.types.d.ts","sourceRoot":"","sources":["../../../src/layout/Section/Section.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAE/E;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;;;OAIG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAI/B,sDAAsD;IACtD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,8CAA8C;IAC9C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,0CAA0C;IAC1C,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAE/B,6CAA6C;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}

package/dist/layout/Section/index.d.ts

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

package/dist/layout/Section/index.d.ts.map

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

package/dist/layout/Viewport/Viewport.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { ViewportProps } from './Viewport.types';
+/**
+ * Viewport — Full-height scrollable layout root.
+ *
+ * Viewport fills all available height (`flex: 1`) and scrolls vertically
+ * when content overflows. It stacks children in a column.
+ *
+ * Viewport is invisible — no background, border, or shadow. It is purely
+ * a layout tool for structuring the outermost page container.
+ *
+ * @example
+ * ```tsx
+ * <Viewport>
+ *   <Section size="lg" padding={{ y: 48 }}>
+ *     <Text role="heading">Welcome</Text>
+ *   </Section>
+ * </Viewport>
+ * ```
+ */
+export declare function Viewport({ children, testID, nativeID, ref, style, }: ViewportProps): React.JSX.Element;
+//# sourceMappingURL=Viewport.d.ts.map

package/dist/layout/Viewport/Viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../../src/layout/Viewport/Viewport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAWtD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,GAAG,EACH,KAAK,GACN,EAAE,aAAa,qBAcf"}

package/dist/layout/Viewport/Viewport.types.d.ts

@@ -0,0 +1,34 @@
+import type { ScrollView, ViewStyle } from 'react-native';
+/**
+ * Props for Viewport — a full-height scrollable layout root.
+ *
+ * Viewport fills all available height and scrolls vertically when its
+ * content overflows. It stacks children in a column and provides no
+ * visual styling — no background, border, or shadow.
+ *
+ * Use Viewport as the outermost layout container for a page or screen.
+ *
+ * @example
+ * ```tsx
+ * <Viewport>
+ *   <Section size="sm" fill>
+ *     <Frame elevation={1}>
+ *       <Text>Centered content</Text>
+ *     </Frame>
+ *   </Section>
+ * </Viewport>
+ * ```
+ */
+export interface ViewportProps {
+    /** Child elements (typically Sections). */
+    readonly children?: React.ReactNode;
+    /** 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 ScrollView element. */
+    readonly ref?: React.Ref<ScrollView>;
+    /** Custom style overrides applied to the scroll content container. */
+    readonly style?: ViewStyle | ViewStyle[];
+}
+//# sourceMappingURL=Viewport.types.d.ts.map

package/dist/layout/Viewport/Viewport.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viewport.types.d.ts","sourceRoot":"","sources":["../../../src/layout/Viewport/Viewport.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,aAAa;IAC5B,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAIpC,sDAAsD;IACtD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,8CAA8C;IAC9C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,gDAAgD;IAChD,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAErC,sEAAsE;IACtE,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}

package/dist/layout/Viewport/index.d.ts

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

package/dist/layout/Viewport/index.d.ts.map

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

package/dist/{primitives → layout}/Wrapper/Wrapper.d.ts

@@ -9,21 +9,6 @@ import type { WrapperProps } from './Wrapper.types';
  *
  * 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="tertiary" 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, position, top, right, bottom, left, zIndex, overflow, pointerEvents, opacity, style, testID, nativeID, ref, }: WrapperProps): React.JSX.Element;
+export declare function Wrapper({ children, direction, wrap, reverse, align, justify, padding, gap, width, height, minWidth, maxWidth, minHeight, maxHeight, position, top, right, bottom, left, zIndex, overflow, pointerEvents, style, testID, nativeID, ref, }: WrapperProps): React.JSX.Element;
 //# sourceMappingURL=Wrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../../src/layout/Wrapper/Wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD;;;;;;;;;GASG;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,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAM,EACN,QAAQ,EACR,GAAG,GACJ,EAAE,YAAY,qBAiDd"}

package/dist/{primitives → layout}/Wrapper/Wrapper.styles.d.ts

@@ -1,6 +1,6 @@
 import type { ViewStyle } from 'react-native';
 import type { ResolvedTokens } from 'newtone-api';
-import type { Direction, Alignment, Justification, PaddingProp, GapProp, SizingMode, PositionType, OffsetValue, OverflowMode } from '../Frame/Frame.types';
+import type { Direction, Alignment, Justification, PaddingProp, GapProp, SizingMode, PositionType, OffsetValue, OverflowMode } from '../../primitives/Frame/Frame.types';
 export interface WrapperStyleInput {
     readonly tokens: ResolvedTokens;
     readonly direction?: Direction;
@@ -23,7 +23,6 @@ export interface WrapperStyleInput {
     readonly left?: OffsetValue;
     readonly zIndex?: number;
     readonly overflow?: OverflowMode;
-    readonly opacity?: number;
 }
 /**
  * Build the layout styles for a Wrapper.

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

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.styles.d.ts","sourceRoot":"","sources":["../../../src/layout/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,oCAAoC,CAAC;AAU5C,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;CAClC;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAsEpE"}

package/dist/{primitives → layout}/Wrapper/Wrapper.types.d.ts

@@ -1,5 +1,5 @@
 import type { View, ViewStyle } from 'react-native';
-import type { Direction, Alignment, Justification, PaddingProp, GapProp, SizingMode, PositionType, OffsetValue, OverflowMode, PointerEventsMode } from '../Frame/Frame.types';
+import type { Direction, Alignment, Justification, PaddingProp, GapProp, SizingMode, PositionType, OffsetValue, OverflowMode, PointerEventsMode } from '../../primitives/Frame/Frame.types';
 /**
  * Props for Wrapper — a lightweight, invisible layout container.
  *
@@ -129,8 +129,6 @@ export interface WrapperProps {
      * - `'box-only'` — element receives events but children cannot
      */
     readonly pointerEvents?: PointerEventsMode;
-    /** Opacity of the element (0 = fully transparent, 1 = fully opaque). */
-    readonly opacity?: number;
     /** 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. */

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

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.types.d.ts","sourceRoot":"","sources":["../../../src/layout/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,oCAAoC,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;IAI3C,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/layout/Wrapper/index.d.ts.map

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

package/dist/layout/index.d.ts

@@ -0,0 +1,9 @@
+export { Page } from './Page';
+export type { PageProps } from './Page';
+export { Viewport } from './Viewport';
+export type { ViewportProps } from './Viewport';
+export { Wrapper } from './Wrapper';
+export type { WrapperProps } from './Wrapper';
+export { Section } from './Section';
+export type { SectionProps, SectionSize } from './Section';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAG9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/dist/primitives/Card/Card.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { CardProps } from './Card.types';
+/**
+ * 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 declare function Card({ children, appearance, radius, direction, wrap, reverse, align, justify, padding, gap, width, height, minWidth, maxWidth, minHeight, maxHeight, pointerEvents, onPress, href, disabled, accessibilityLabel, accessibilityHint, testID, nativeID, ref, style, }: CardProps): React.JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/primitives/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA2B9C;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EAER,UAAU,EACV,MAAM,EAEN,SAAS,EACT,IAAI,EACJ,OAAO,EAEP,KAAK,EACL,OAAO,EAEP,OAAO,EACP,GAAG,EAEH,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EAET,aAAa,EAEb,OAAO,EACP,IAAI,EACJ,QAAgB,EAEhB,kBAAkB,EAClB,iBAAiB,EAEjB,MAAM,EACN,QAAQ,EACR,GAAG,EAEH,KAAK,GACN,EAAE,SAAS,qBAsHX"}

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

@@ -0,0 +1,40 @@
+import type { ViewStyle } from 'react-native';
+import type { ResolvedTokens } from 'newtone-api';
+import type { ThemeName, AppearanceName } from 'newtone-api';
+import type { PaddingProp, GapProp, SizingMode, Direction, Alignment, Justification, RadiusProp } from '../Frame/Frame.types';
+export interface CardStyleInput {
+    readonly tokens: ResolvedTokens;
+    readonly theme: ThemeName;
+    readonly appearance?: AppearanceName;
+    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;
+    readonly radius?: RadiusProp;
+    readonly disabled?: boolean;
+}
+export interface CardStyles {
+    /** Main container style */
+    readonly container: ViewStyle;
+    /** Style applied when pressed (background shift) */
+    readonly pressed: ViewStyle;
+}
+/**
+ * Build all visual styles for a Card.
+ *
+ * Cards are always elevated with a border and drop shadow.
+ * Takes the Card's props + design tokens and produces:
+ * - container: the main style (background, border, shadow, layout, spacing, etc.)
+ * - pressed: style override applied when the user is pressing
+ */
+export declare function getCardStyles(input: CardStyleInput): CardStyles;
+//# sourceMappingURL=Card.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/primitives/Card/Card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,cAAc,EAAoB,MAAM,aAAa,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EACV,WAAW,EACX,OAAO,EACP,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,UAAU,EACX,MAAM,sBAAsB,CAAC;AAc9B,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAGhC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC;IAGrC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAG3B,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;IAG7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAID,MAAM,WAAW,UAAU;IACzB,2BAA2B;IAC3B,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,oDAAoD;IACpD,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;CAC7B;AAID;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,GAAG,UAAU,CAqG/D"}

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

@@ -0,0 +1,101 @@
+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 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;
+    /** Flex direction. @default 'vertical' */
+    readonly direction?: Direction;
+    /** Enable flex wrap. @default false */
+    readonly wrap?: boolean;
+    /** Reverse flex direction. @default false */
+    readonly reverse?: boolean;
+    /** Cross-axis alignment of children. */
+    readonly align?: Alignment;
+    /** Main-axis justification of children. */
+    readonly justify?: Justification;
+    /** Padding inside the card. */
+    readonly padding?: PaddingProp;
+    /** Gap between children. */
+    readonly gap?: GapProp;
+    /** 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;
+    /**
+     * Controls whether the element can be the target of touch/pointer events.
+     */
+    readonly pointerEvents?: PointerEventsMode;
+    /** Press handler. */
+    readonly onPress?: (event: GestureResponderEvent) => void;
+    /** Navigation URL — renders as a link. */
+    readonly href?: string;
+    /** Disable interaction. @default false */
+    readonly disabled?: boolean;
+    /** Accessible label read by screen readers. */
+    readonly accessibilityLabel?: string;
+    /** Additional hint read after the label. */
+    readonly accessibilityHint?: string;
+    /** 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>;
+    /** Custom style overrides (applied last). */
+    readonly style?: ViewStyle | ViewStyle[];
+}
+//# sourceMappingURL=Card.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EACV,WAAW,EACX,OAAO,EACP,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,UAAU,EACV,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAE9B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,SAAS;IACxB,+EAA+E;IAC/E,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAInC;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC;IAErC;;;;;;;;;OASG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAI7B,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,+BAA+B;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAE/B,4BAA4B;IAC5B,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAIvB,oDAAoD;IACpD,QAAQ,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAE5B,qDAAqD;IACrD,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;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAI3C,qBAAqB;IACrB,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAE1D,0CAA0C;IAC1C,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB,0CAA0C;IAC1C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAI5B,+CAA+C;IAC/C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAErC,4CAA4C;IAC5C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAIpC,sDAAsD;IACtD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,8CAA8C;IAC9C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,+CAA+C;IAC/C,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/Card/index.d.ts

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

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

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

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

@@ -9,5 +9,5 @@ import type { FrameProps } from './Frame.types';
  *
  * Frames can be nested. Inner frames override outer frames for their subtree.
  */
-export declare function Frame({ children, elevation, scheme, theme, appearance, layout, direction, wrap, reverse, columns, rows, align, justify, padding, gap, width, height, minWidth, maxWidth, minHeight, maxHeight, position, top, right, bottom, left, zIndex, overflow, pointerEvents, opacity, radius, bordered, onPress, href, disabled, accessibilityLabel, accessibilityHint, testID, nativeID, ref, style, }: FrameProps): React.JSX.Element;
+export declare function Frame({ children, elevation, scheme, theme, appearance, layout, direction, wrap, reverse, columns, rows, align, justify, padding, gap, width, height, minWidth, maxWidth, minHeight, maxHeight, position, top, right, bottom, left, zIndex, overflow, pointerEvents, radius, accessibilityLabel, accessibilityHint, testID, nativeID, ref, style, }: FrameProps): React.JSX.Element;
 //# sourceMappingURL=Frame.d.ts.map

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

@@ -1 +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;AAuChD;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EAER,SAAS,EAET,MAAM,EAEN,KAAK,EACL,UAAU,EAEV,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,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,aAAa,EACb,OAAO,EAEP,MAAM,EACN,QAAQ,EAER,OAAO,EACP,IAAI,EACJ,QAAgB,EAEhB,kBAAkB,EAClB,iBAAiB,EAEjB,MAAM,EACN,QAAQ,EACR,GAAG,EAEH,KAAK,GACN,EAAE,UAAU,qBAwMZ"}
+{"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;AAuChD;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EAER,SAAS,EAET,MAAM,EAEN,KAAK,EACL,UAAU,EAEV,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,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,aAAa,EAEb,MAAM,EAEN,kBAAkB,EAClB,iBAAiB,EAEjB,MAAM,EACN,QAAQ,EACR,GAAG,EAEH,KAAK,GACN,EAAE,UAAU,qBA+JZ"}