@newtonedev/components 0.1.13 → 0.1.15

package/dist/composites/actions/Button/Button.d.ts

@@ -1,37 +1,34 @@
 import React from 'react';
 import type { ButtonProps } from './Button.types';
 /**
- * Button — A composite component demonstrating the primitive composition pattern.
+ * Button — A composite component that inherits its color theme from the
+ * nearest parent Frame's `theme` prop (defaults to 'primary').
  *
- * **Composition Architecture:**
- * - Pressable (RN primitive) — handles interaction
- * - Wrapper (primitive) — handles layout (direction, gap, padding, alignment)
- * - Icon (primitive) — handles icon rendering with theme tokens
- * - Text (primitive) — handles typography with theme tokens
+ * **Variants:**
+ * - `primary` — Filled background (highest visual weight)
+ * - `secondary` — Outlined with subtle hover
+ * - `ghost` — No border, transparent, subtle hover
  *
- * This component does NOT manually compute flexbox, spacing, or typography styles.
- * Instead, it delegates to primitives which already handle these concerns.
- *
- * Automatically adapts to the current theme and mode from NewtoneProvider.
+ * **Sizes (fixed heights):**
+ * - `sm` — 40px
+ * - `md` — 48px
+ * - `lg` — 56px
+ * - `xl` — 64px
  *
  * @example
  * ```tsx
- * <Button variant="primary" semantic="accent" size="md" onPress={() => console.log('Pressed')}>
+ * <Button variant="primary" size="md" onPress={() => console.log('Pressed')}>
  *   Click me
  * </Button>
  * ```
  *
  * @example
  * ```tsx
- * <Button icon="add" variant="primary" semantic="accent" onPress={handleAdd}>
- *   New Item
- * </Button>
- * ```
- *
- * @example
- * ```tsx
- * <Button icon="delete" variant="tertiary" semantic="neutral" size="sm" onPress={handleDelete} />
+ * // Inherits theme from parent Frame
+ * <Frame theme="error">
+ *   <Button variant="primary">Delete</Button>
+ * </Frame>
  * ```
  */
-export declare function Button({ children, icon, iconPosition, variant, semantic, size, disabled, style, textStyle, ...pressableProps }: ButtonProps): React.JSX.Element;
+export declare function Button({ children, icon, iconPosition, variant, size, disabled, loading, fullWidth, style, textStyle, ...pressableProps }: ButtonProps): React.JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/composites/actions/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAOlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,YAAqB,EACrB,OAAmB,EACnB,QAAoB,EACpB,IAAW,EACX,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,GAAG,cAAc,EAClB,EAAE,WAAW,qBAkEb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAQlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,YAAqB,EACrB,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,OAAe,EACf,SAAiB,EACjB,KAAK,EACL,SAAS,EACT,GAAG,cAAc,EAClB,EAAE,WAAW,qBAuEb"}

package/dist/composites/actions/Button/Button.styles.d.ts

@@ -1,6 +1,11 @@
 import type { UseTokensResult } from 'newtone-api';
-import type { ButtonVariant, ButtonSemantic, ButtonSize } from './Button.types';
+import type { ThemeName } from 'newtone-api';
+import type { ButtonVariant, ButtonSize } from './Button.types';
 import type { TextSize } from '../../../primitives/Text/Text.types';
+/**
+ * Fixed heights per size (px)
+ */
+export declare const BUTTON_HEIGHTS: Record<ButtonSize, number>;
 /**
  * Configuration returned by getButtonConfig
  */
@@ -15,6 +20,7 @@ export interface ButtonConfig {
         borderColor?: string;
     };
     sizeTokens: {
+        height: number;
         padding: number;
         gap: number;
         borderRadius: number;
@@ -28,38 +34,20 @@ export interface ButtonConfig {
 export interface ButtonPadding {
     paddingLeft: number;
     paddingRight: number;
-    paddingTop: number;
-    paddingBottom: number;
 }
 /**
  * Compute asymmetric button padding based on icon/text presence.
  *
  * Text appears visually closer to borders than icons, so we add 8px extra
  * horizontal padding on the text side for optical balance.
- *
- * @param size - Button size (determines base padding)
- * @param hasIcon - Whether button has an icon
- * @param hasText - Whether button has text
- * @param iconPosition - Icon position relative to text
- * @returns Padding object with all four sides
  */
 export declare function computeButtonPadding(size: ButtonSize, hasIcon: boolean, hasText: boolean, iconPosition: 'left' | 'right'): ButtonPadding;
 /**
- * Compute button configuration based on variant, semantic, size, and state.
- *
- * This function ONLY computes variant colors + size tokens.
- * Layout concerns (flexbox, spacing, alignment) are handled by Wrapper primitive.
- * Typography concerns (font, size, weight) are handled by Text primitive.
- *
- * Elevation-aware: neutral primary uses backgroundInteractive for consistent contrast.
- * Semantic variants use proper PaletteTokens — no opacity hacks.
+ * Compute button configuration based on variant, size, and state.
  *
- * @param variant - Button type (primary, secondary, tertiary)
- * @param semantic - Button semantic meaning (neutral, accent, success, error, warning)
- * @param size - Button size (sm, md, lg)
- * @param disabled - Whether button is disabled
- * @param tokens - Resolved tokens for current elevation
- * @returns ButtonConfig with variantColors and sizeTokens
+ * Colors are derived from the inherited theme (via FrameContext) rather than
+ * hardcoded to the primary palette. The `theme` parameter comes from the
+ * nearest Frame's `theme` prop, defaulting to 'primary'.
  */
-export declare function getButtonConfig(variant: ButtonVariant, semantic: ButtonSemantic, size: ButtonSize, disabled: boolean, tokens: UseTokensResult): ButtonConfig;
+export declare function getButtonConfig(variant: ButtonVariant, size: ButtonSize, disabled: boolean, tokens: UseTokensResult, theme: ThemeName): ButtonConfig;
 //# sourceMappingURL=Button.styles.d.ts.map

package/dist/composites/actions/Button/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,QAAQ,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,MAAM,GAAG,OAAO,GAC7B,aAAa,CAyDf;AAgBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,eAAe,GACtB,YAAY,CAiBd"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEpE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKrD,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,QAAQ,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,MAAM,GAAG,OAAO,GAC7B,aAAa,CA+Bf;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,eAAe,EACvB,KAAK,EAAE,SAAS,GACf,YAAY,CAed"}

package/dist/composites/actions/Button/Button.types.d.ts

@@ -1,16 +1,12 @@
 import type { PressableProps, ViewStyle, TextStyle } from 'react-native';
 /**
- * Visual type for the Button component (describes visual weight)
+ * Visual variant for the Button component (describes visual weight)
  */
-export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
-/**
- * Semantic meaning for the Button component (describes color purpose)
- */
-export type ButtonSemantic = 'neutral' | 'accent' | 'success' | 'error' | 'warning';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost';
 /**
  * Size presets for the Button component
  */
-export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
 /**
  * Icon position relative to button text
  */
@@ -35,15 +31,10 @@ export interface ButtonProps extends Omit<PressableProps, 'children' | 'style'>
      */
     readonly iconPosition?: ButtonIconPosition;
     /**
-     * Visual type (describes visual weight: filled, outlined, ghost)
+     * Visual variant (describes visual weight: filled, outlined, ghost)
      * @default 'primary'
      */
     readonly variant?: ButtonVariant;
-    /**
-     * Semantic meaning (describes color purpose: neutral, accent, success, error, warning)
-     * @default 'neutral'
-     */
-    readonly semantic?: ButtonSemantic;
     /**
      * Size preset
      * @default 'md'
@@ -54,6 +45,16 @@ export interface ButtonProps extends Omit<PressableProps, 'children' | 'style'>
      * @default false
      */
     readonly disabled?: boolean;
+    /**
+     * Loading state — disables interaction and dims content.
+     * @default false
+     */
+    readonly loading?: boolean;
+    /**
+     * Full-width mode — stretches button to fill container width.
+     * @default false
+     */
+    readonly fullWidth?: boolean;
     /**
      * Custom style overrides for container
      */

package/dist/composites/actions/Button/Button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAEjE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAE3C;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IAEjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAEnC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC9C"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAE3C;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IAEjC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC9C"}

package/dist/composites/actions/Button/index.d.ts

@@ -1,3 +1,3 @@
 export { Button } from './Button';
-export type { ButtonProps, ButtonVariant, ButtonSize } from './Button.types';
+export type { ButtonProps, ButtonVariant, ButtonSize, ButtonIconPosition } from './Button.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/composites/actions/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/composites/branding/LogoMonogram/LogoMonogram.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { LogoMonogramProps } from './LogoMonogram.types';
+/**
+ * Newtone monogram — the "N" symbol mark rendered as an SVG.
+ *
+ * The fill color is derived from `colorValue` (0 = black, 255 = white),
+ * allowing smooth animated transitions between light and dark contexts.
+ */
+export declare function LogoMonogram({ colorValue, size }: LogoMonogramProps): React.JSX.Element;
+//# sourceMappingURL=LogoMonogram.d.ts.map

package/dist/composites/branding/LogoMonogram/LogoMonogram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoMonogram.d.ts","sourceRoot":"","sources":["../../../../src/composites/branding/LogoMonogram/LogoMonogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,UAAc,EAAE,IAAS,EAAE,EAAE,iBAAiB,qBAmB5E"}

package/dist/composites/branding/LogoMonogram/LogoMonogram.types.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Props for LogoMonogram — the Newtone "N" symbol mark.
+ *
+ * Renders a single-color SVG monogram that scales to the given size.
+ * The `colorValue` prop controls the grayscale fill, enabling smooth
+ * transitions between light and dark backgrounds.
+ *
+ * @example
+ * ```tsx
+ * <LogoMonogram colorValue={0} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <LogoMonogram colorValue={255} size={48} />
+ * ```
+ */
+export interface LogoMonogramProps {
+    /**
+     * Grayscale fill value (0–255).
+     *
+     * - `0` produces black (for light backgrounds)
+     * - `255` produces white (for dark backgrounds)
+     *
+     * @default 0
+     */
+    readonly colorValue?: number;
+    /**
+     * Width and height of the SVG in pixels.
+     *
+     * @default 32
+     */
+    readonly size?: number;
+}
+//# sourceMappingURL=LogoMonogram.types.d.ts.map

package/dist/composites/branding/LogoMonogram/LogoMonogram.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoMonogram.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/branding/LogoMonogram/LogoMonogram.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;;OAOG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/composites/branding/LogoMonogram/index.d.ts

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

package/dist/composites/branding/LogoMonogram/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/branding/LogoMonogram/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/composites/branding/LogoWordmark/LogoWordmark.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { LogoWordmarkProps } from './LogoWordmark.types';
+/**
+ * Newtone wordmark — the full "NEWTONE" text rendered as an SVG.
+ *
+ * Fixed height of 32px with proportional width derived from the viewBox.
+ */
+export declare function LogoWordmark({ fill }: LogoWordmarkProps): React.JSX.Element;
+//# sourceMappingURL=LogoWordmark.d.ts.map

package/dist/composites/branding/LogoWordmark/LogoWordmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoWordmark.d.ts","sourceRoot":"","sources":["../../../../src/composites/branding/LogoWordmark/LogoWordmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAc,EAAE,EAAE,iBAAiB,qBAoBjE"}

package/dist/composites/branding/LogoWordmark/LogoWordmark.types.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Props for LogoWordmark — the full "NEWTONE" text logo.
+ *
+ * Renders an SVG wordmark at a fixed 32px height with configurable fill color.
+ *
+ * @example
+ * ```tsx
+ * <LogoWordmark />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <LogoWordmark fill="white" />
+ * ```
+ */
+export interface LogoWordmarkProps {
+    /**
+     * Fill color for the wordmark paths.
+     *
+     * Accepts any valid CSS color string (hex, rgb, named color).
+     *
+     * @default "black"
+     */
+    readonly fill?: string;
+}
+//# sourceMappingURL=LogoWordmark.types.d.ts.map

package/dist/composites/branding/LogoWordmark/LogoWordmark.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoWordmark.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/branding/LogoWordmark/LogoWordmark.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;OAMG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/composites/branding/LogoWordmark/index.d.ts

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

package/dist/composites/branding/LogoWordmark/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/branding/LogoWordmark/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/composites/display/Chip/Chip.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { ChipProps } from './Chip.types';
+/**
+ * Chip — A pill-shaped label for tags, filters, badges, and status indicators.
+ *
+ * **Composition Architecture:**
+ * - Pressable (RN primitive) — handles interaction (when onPress is provided)
+ * - Wrapper (primitive) — handles layout (direction, gap, padding, alignment)
+ * - Icon (primitive) — handles optional leading icon
+ * - Text (primitive) — handles typography with theme tokens
+ *
+ * @example
+ * ```tsx
+ * // Static label
+ * <Chip>Design Systems</Chip>
+ *
+ * // Interactive filter chip
+ * <Chip selected={isActive} onPress={() => toggle()}>Color Science</Chip>
+ *
+ * // With icon
+ * <Chip icon="check" semantic="success">Verified</Chip>
+ * ```
+ */
+export declare function Chip({ children, variant, size, semantic, selected, onPress, disabled, icon, style, }: ChipProps): React.JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/composites/display/Chip/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/composites/display/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAkB,EAClB,IAAW,EACX,QAAoB,EACpB,QAAgB,EAChB,OAAO,EACP,QAAgB,EAChB,IAAI,EACJ,KAAK,GACN,EAAE,SAAS,qBAwDX"}

package/dist/composites/display/Chip/Chip.styles.d.ts

@@ -0,0 +1,29 @@
+import type { UseTokensResult } from 'newtone-api';
+import type { ChipVariant, ChipSemantic, ChipSize } from './Chip.types';
+import type { TextRole } from '../../../primitives/Text';
+/**
+ * Configuration returned by getChipConfig
+ */
+export interface ChipConfig {
+    colors: {
+        bg: string;
+        hoveredBg: string;
+        pressedBg: string;
+        textColor: string;
+        iconColor: string;
+        borderWidth: number;
+        borderColor: string;
+    };
+    sizeTokens: {
+        paddingX: number;
+        paddingY: number;
+        gap: number;
+        textRole: TextRole;
+        iconSize: number;
+    };
+}
+/**
+ * Compute chip configuration based on variant, semantic, size, and state.
+ */
+export declare function getChipConfig(variant: ChipVariant, semantic: ChipSemantic, size: ChipSize, selected: boolean, disabled: boolean, tokens: UseTokensResult): ChipConfig;
+//# sourceMappingURL=Chip.styles.d.ts.map

package/dist/composites/display/Chip/Chip.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/display/Chip/Chip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;QACZ,QAAQ,EAAE,QAAQ,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAqJD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,eAAe,GACtB,UAAU,CAKZ"}

package/dist/composites/display/Chip/Chip.types.d.ts

@@ -0,0 +1,63 @@
+import type { ViewStyle } from 'react-native';
+/**
+ * Visual variant for the Chip component
+ */
+export type ChipVariant = 'filled' | 'tinted' | 'outlined';
+/**
+ * Semantic meaning for the Chip component (describes color purpose)
+ */
+export type ChipSemantic = 'neutral' | 'accent' | 'success' | 'error' | 'warning';
+/**
+ * Size presets for the Chip component
+ */
+export type ChipSize = 'sm' | 'md';
+/**
+ * Props for the Chip component
+ */
+export interface ChipProps {
+    /**
+     * Chip label content.
+     */
+    readonly children: React.ReactNode;
+    /**
+     * Visual variant (describes visual treatment)
+     * @default 'tinted'
+     */
+    readonly variant?: ChipVariant;
+    /**
+     * Size preset
+     * @default 'md'
+     */
+    readonly size?: ChipSize;
+    /**
+     * Semantic meaning (describes color purpose)
+     * @default 'neutral'
+     */
+    readonly semantic?: ChipSemantic;
+    /**
+     * Selected state — overrides appearance to "strong" with bold weight.
+     * Useful for filter bars and toggle groups.
+     * @default false
+     */
+    readonly selected?: boolean;
+    /**
+     * Press handler — makes the chip interactive.
+     * When provided, the chip renders as a Pressable.
+     */
+    readonly onPress?: () => void;
+    /**
+     * Disabled state
+     * @default false
+     */
+    readonly disabled?: boolean;
+    /**
+     * Material Symbol icon name (e.g. 'check', 'close').
+     * Renders a leading icon before the label.
+     */
+    readonly icon?: string;
+    /**
+     * Custom style overrides for container
+     */
+    readonly style?: ViewStyle | ViewStyle[];
+}
+//# sourceMappingURL=Chip.types.d.ts.map

package/dist/composites/display/Chip/Chip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/display/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAElF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAE/B;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC;IAEjC;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}

package/dist/composites/display/Chip/index.d.ts

@@ -0,0 +1,3 @@
+export { Chip } from './Chip';
+export type { ChipProps, ChipVariant, ChipSemantic, ChipSize } from './Chip.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/composites/display/Chip/index.d.ts.map

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

package/dist/composites/form-controls/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAsBhE,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,YAAY,EACZ,WAAW,EACX,IAAW,EACX,KAAK,GACN,EAAE,WAAW,qBAiHb"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAsBhE,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,YAAY,EACZ,WAAW,EACX,IAAW,EACX,KAAK,GACN,EAAE,WAAW,qBAoHb"}

package/dist/composites/form-controls/Select/Select.styles.d.ts

@@ -1,5 +1,5 @@
-import type { ResolvedTokens, ColorGamut } from 'newtone-api';
-export declare function getSelectStyles(tokens: ResolvedTokens, gamut: ColorGamut, disabled: boolean, size: 'sm' | 'md', isOpen: boolean): {
+import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
+export declare function getSelectStyles(tokens: ResolvedTokens, disabled: boolean, size: 'sm' | 'md', isOpen: boolean, theme?: ThemeName, appearance?: AppearanceName): {
     container: {
         gap: number;
         zIndex: number;

package/dist/composites/form-controls/Select/Select.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Select/Select.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9D,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,OAAO,EACjB,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,MAAM,EAAE,OAAO;;;;;;;;oBAiBgD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAiCH,GAAG;;;;;;;;EASnE"}
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Select/Select.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/F,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,OAAO,EACjB,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,MAAM,EAAE,OAAO,EACf,KAAK,GAAE,SAAqB,EAC5B,UAAU,GAAE,cAAuB;;;;;;;;oBAkB4B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA+BH,GAAG;;;;;;;;EASnE"}

package/dist/composites/form-controls/Select/SelectOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Select/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIpF,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACpD,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,UAAU,EACV,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,qBAgFtB"}
+{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Select/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIpF,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACpD,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,UAAU,EACV,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,qBAmFtB"}

package/dist/composites/form-controls/TextInput/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAgB,EAChB,KAAK,EACL,GAAG,cAAc,EAClB,EAAE,cAAc,qBAmBhB"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAgB,EAChB,KAAK,EACL,GAAG,cAAc,EAClB,EAAE,cAAc,qBAsBhB"}

package/dist/composites/form-controls/TextInput/TextInput.styles.d.ts

@@ -1,5 +1,5 @@
-import type { ResolvedTokens, ColorGamut } from 'newtone-api';
-export declare function getTextInputStyles(tokens: ResolvedTokens, gamut: ColorGamut, disabled: boolean): {
+import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
+export declare function getTextInputStyles(tokens: ResolvedTokens, disabled: boolean, theme?: ThemeName, appearance?: AppearanceName): {
     container: {
         gap: number;
     };

package/dist/composites/form-controls/TextInput/TextInput.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/TextInput/TextInput.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9D,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO;;;;;;;oBAQ9B,GAAG;;;;;;;;;;;;;;;EAkBnE"}
+{"version":3,"file":"TextInput.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/TextInput/TextInput.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/F,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,OAAO,EACjB,KAAK,GAAE,SAAqB,EAC5B,UAAU,GAAE,cAAuB;;;;;;;oBAU4B,GAAG;;;;;;;;;;;;;;;EAgBnE"}

package/dist/composites/form-controls/Toggle/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,qBA6Bb"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,qBA8Bb"}

package/dist/composites/form-controls/Toggle/Toggle.styles.d.ts

@@ -1,5 +1,5 @@
-import type { ResolvedTokens, ColorGamut } from 'newtone-api';
-export declare function getToggleStyles(tokens: ResolvedTokens, gamut: ColorGamut, value: boolean, disabled: boolean): {
+import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
+export declare function getToggleStyles(tokens: ResolvedTokens, value: boolean, disabled: boolean, theme?: ThemeName, appearance?: AppearanceName): {
     container: {
         flexDirection: "row";
         alignItems: "center";

package/dist/composites/form-controls/Toggle/Toggle.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Toggle/Toggle.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAO9D,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,OAAO;;;;;;;;;;oBAY8C,GAAG;;;;;;;;;;;;;;;;;;EAqBnE"}
+{"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Toggle/Toggle.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO/F,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,OAAO,EACjB,KAAK,GAAE,SAAqB,EAC5B,UAAU,GAAE,cAAuB;;;;;;;;;;oBAc4B,GAAG;;;;;;;;;;;;;;;;;;EAqBnE"}

package/dist/composites/layout/AppShell/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAItD,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,aAAa,qBAU5D"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAItD,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,aAAa,qBAc5D"}

package/dist/composites/layout/AppShell/AppShell.styles.d.ts

@@ -1,5 +1,5 @@
-import type { ResolvedTokens, ColorGamut } from 'newtone-api';
-export declare function getAppShellStyles(tokens: ResolvedTokens, gamut: ColorGamut): {
+import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
+export declare function getAppShellStyles(tokens: ResolvedTokens, theme?: ThemeName, appearance?: AppearanceName): {
     container: {
         flex: number;
         flexDirection: "row";

package/dist/composites/layout/AppShell/AppShell.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/AppShell/AppShell.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9D,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU;;;;;;;;;;;;;EAe1E"}
+{"version":3,"file":"AppShell.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/AppShell/AppShell.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/F,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,cAAc,EACtB,KAAK,GAAE,SAAqB,EAC5B,UAAU,GAAE,cAAuB;;;;;;;;;;;;;EAiBpC"}

package/dist/composites/layout/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAa,EACb,KAAK,EACL,QAAgB,GACjB,EAAE,SAAS,qBAaX"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAa,EACb,KAAK,EACL,QAAgB,GACjB,EAAE,SAAS,qBAcX"}

package/dist/composites/layout/Card/Card.styles.d.ts

@@ -1,5 +1,5 @@
-import type { ResolvedTokens, ColorGamut } from 'newtone-api';
-export declare function getCardStyles(tokens: ResolvedTokens, gamut: ColorGamut, disabled: boolean): {
+import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
+export declare function getCardStyles(tokens: ResolvedTokens, disabled: boolean, theme?: ThemeName, appearance?: AppearanceName): {
     container: {
         backgroundColor: string;
         borderWidth: number;

package/dist/composites/layout/Card/Card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Card/Card.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9D,wBAAgB,aAAa,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO;;;;;;;;;EAWzF"}
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Card/Card.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/F,wBAAgB,aAAa,CAC3B,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,OAAO,EACjB,KAAK,GAAE,SAAqB,EAC5B,UAAU,GAAE,cAAuB;;;;;;;;;EAapC"}

package/dist/composites/layout/ContentCard/ContentCard.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { ContentCardProps } from './ContentCard.types';
+/**
+ * ContentCard — A content container with three visual treatments.
+ *
+ * **Variants:**
+ * - `elevated` — raised surface with tinted background (hero cards, featured content)
+ * - `bordered` — outlined container (related items, previews)
+ * - `flat` — bottom-border only (list rows, compact items)
+ *
+ * Delegates to Frame for layout, elevation, appearance, and interactivity.
+ *
+ * @example
+ * ```tsx
+ * // Elevated hero card
+ * <ContentCard variant="elevated" href="/articles/intro">
+ *   <Text role="heading" weight="bold">Featured Article</Text>
+ *   <Text role="body" color="secondary">Article excerpt...</Text>
+ * </ContentCard>
+ *
+ * // Bordered card
+ * <ContentCard variant="bordered" onPress={() => navigate(slug)}>
+ *   <Text role="body" weight="bold">Related Article</Text>
+ * </ContentCard>
+ *
+ * // Flat list item
+ * <ContentCard variant="flat" href={`/articles/${slug}`}>
+ *   <Text role="body" weight="bold">{title}</Text>
+ * </ContentCard>
+ * ```
+ */
+export declare function ContentCard({ children, variant, href, onPress, padding, gap, disabled, style, }: ContentCardProps): React.JSX.Element;
+//# sourceMappingURL=ContentCard.d.ts.map