@newtonedev/components 0.1.13 → 0.1.14

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

@@ -15,7 +15,7 @@ import type { ResolvedTokens, ColorGamut } from 'newtone-api';
  */
 export declare function getComponentNameStyles(tokens: ResolvedTokens, gamut: ColorGamut): {
     container: {
-        backgroundColor: string;
+        backgroundColor: any;
         borderRadius: number;
         padding: number;
     };

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

@@ -32,6 +32,16 @@ import type { ButtonProps } from './Button.types';
  * ```tsx
  * <Button icon="delete" variant="tertiary" semantic="neutral" size="sm" onPress={handleDelete} />
  * ```
+ *
+ * @example
+ * ```tsx
+ * <Button variant="link" semantic="accent" onPress={handleNav}>Learn more</Button>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Button loading onPress={handleSubmit}>Saving...</Button>
+ * ```
  */
-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, semantic, 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;AAOlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,YAAqB,EACrB,OAAmB,EACnB,QAAoB,EACpB,IAAW,EACX,QAAgB,EAChB,OAAe,EACf,SAAiB,EACjB,KAAK,EACL,SAAS,EACT,GAAG,cAAc,EAClB,EAAE,WAAW,qBA2Eb"}

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,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;AAWD;;;;;;;;;;;;;;;;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"}

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

@@ -2,7 +2,7 @@ import type { PressableProps, ViewStyle, TextStyle } from 'react-native';
 /**
  * Visual type for the Button component (describes visual weight)
  */
-export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'link';
 /**
  * Semantic meaning for the Button component (describes color purpose)
  */
@@ -54,6 +54,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,UAAU,GAAG,MAAM,CAAC;AAE1E;;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;;;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/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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentCard.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/ContentCard/ContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAK5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAoB,EACpB,IAAI,EACJ,OAAO,EACP,OAAY,EACZ,GAAO,EACP,QAAgB,EAChB,KAAK,GACN,EAAE,gBAAgB,qBA0BlB"}

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

@@ -0,0 +1,10 @@
+import type { ViewStyle } from 'react-native';
+import type { UseTokensResult } from 'newtone-api';
+import type { ContentCardVariant } from './ContentCard.types';
+/**
+ * Compute variant-specific styles for ContentCard.
+ * Uses `as ViewStyle` for web-only properties (cursor, borderBottomStyle)
+ * that react-native-web supports but RN types don't include.
+ */
+export declare function getContentCardStyles(variant: ContentCardVariant, isInteractive: boolean, tokens: UseTokensResult): ViewStyle;
+//# sourceMappingURL=ContentCard.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/ContentCard/ContentCard.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,kBAAkB,EAC3B,aAAa,EAAE,OAAO,EACtB,MAAM,EAAE,eAAe,GACtB,SAAS,CA8BX"}

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

@@ -0,0 +1,52 @@
+import type { ViewStyle } from 'react-native';
+import type { PaddingProp, GapProp } from '../../../primitives/Frame/Frame.types';
+/**
+ * Visual variant for the ContentCard component
+ */
+export type ContentCardVariant = 'elevated' | 'bordered' | 'flat';
+/**
+ * Props for the ContentCard component
+ */
+export interface ContentCardProps {
+    /**
+     * Card content.
+     */
+    readonly children: React.ReactNode;
+    /**
+     * Visual variant:
+     * - `'elevated'` — raised surface with tinted background and elevation shadow
+     * - `'bordered'` — outlined container with border and rounded corners
+     * - `'flat'` — minimal, bottom-border only (for list rows)
+     *
+     * @default 'bordered'
+     */
+    readonly variant?: ContentCardVariant;
+    /**
+     * Navigation URL — makes the card a link.
+     */
+    readonly href?: string;
+    /**
+     * Press handler — makes the card interactive.
+     */
+    readonly onPress?: () => void;
+    /**
+     * Padding inside the card.
+     * @default 20
+     */
+    readonly padding?: PaddingProp;
+    /**
+     * Gap between children.
+     * @default 8
+     */
+    readonly gap?: GapProp;
+    /**
+     * Disabled state
+     * @default false
+     */
+    readonly disabled?: boolean;
+    /**
+     * Custom style overrides
+     */
+    readonly style?: ViewStyle | ViewStyle[];
+}
+//# sourceMappingURL=ContentCard.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentCard.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/ContentCard/ContentCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAElF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;;;;;;OAOG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAE/B;;;OAGG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/ContentCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { DividerProps } from './Divider.types';
+/**
+ * Divider — A horizontal or vertical separator line.
+ *
+ * Uses the theme's divider color from tokens automatically.
+ *
+ * @example
+ * ```tsx
+ * // Horizontal divider
+ * <Divider />
+ *
+ * // With spacing
+ * <Divider spacing={16} />
+ *
+ * // Vertical divider (inside a horizontal Wrapper)
+ * <Wrapper direction="horizontal" align="center">
+ *   <Text>Left</Text>
+ *   <Divider orientation="vertical" spacing={12} />
+ *   <Text>Right</Text>
+ * </Wrapper>
+ * ```
+ */
+export declare function Divider({ orientation, spacing, style, }: DividerProps): React.JSX.Element;
+//# sourceMappingURL=Divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,OAAO,CAAC,EACtB,WAA0B,EAC1B,OAAO,EACP,KAAK,GACN,EAAE,YAAY,qBAcd"}

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

@@ -0,0 +1,8 @@
+import type { ViewStyle } from 'react-native';
+import type { UseTokensResult } from 'newtone-api';
+import type { DividerOrientation } from './Divider.types';
+/**
+ * Compute divider styles based on orientation, spacing, and tokens.
+ */
+export declare function getDividerStyles(orientation: DividerOrientation, spacing: number | undefined, tokens: UseTokensResult): ViewStyle;
+//# sourceMappingURL=Divider.styles.d.ts.map