@newtonedev/components 0.1.0 → 0.1.1

package/dist/AppShell/AppShell.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AppShellProps } from './AppShell.types';
+export declare function AppShell({ sidebar, children }: AppShellProps): React.JSX.Element;
+//# sourceMappingURL=AppShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/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"}

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

@@ -0,0 +1,16 @@
+import type { ResolvedTokens } from '../tokens/types';
+export declare function getAppShellStyles(tokens: ResolvedTokens): {
+    container: {
+        flex: number;
+        flexDirection: "row";
+        overflow: "hidden";
+        backgroundColor: string;
+    };
+    main: {
+        flex: number;
+        flexDirection: "column";
+        minWidth: number;
+        overflow: "hidden";
+    };
+};
+//# sourceMappingURL=AppShell.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.styles.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc;;;;;;;;;;;;;EAevD"}

package/dist/AppShell/AppShell.types.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export interface AppShellProps {
+    /** Sidebar element rendered on the left */
+    readonly sidebar?: ReactNode;
+    /** Main content area (navbar + page content) */
+    readonly children: ReactNode;
+}
+//# sourceMappingURL=AppShell.types.d.ts.map

package/dist/AppShell/AppShell.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.types.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,gDAAgD;IAChD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B"}

package/dist/AppShell/index.d.ts

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

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

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

package/dist/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ButtonProps } from './Button.types';
 /**
- * Button component with support for multiple variants and sizes.
+ * Button component with support for multiple variants, sizes, and optional icons.
  *
  * Automatically adapts to the current theme and mode from NewtoneProvider.
  *
@@ -14,10 +14,15 @@ import type { ButtonProps } from './Button.types';
  *
  * @example
  * ```tsx
- * <Button variant="outline" size="lg" disabled>
- *   Disabled button
+ * <Button icon="add" variant="primary" onPress={handleAdd}>
+ *   New Item
  * </Button>
  * ```
+ *
+ * @example
+ * ```tsx
+ * <Button icon="delete" variant="ghost" size="sm" onPress={handleDelete} />
+ * ```
  */
-export declare function Button({ children, variant, size, disabled, style, textStyle, ...pressableProps }: ButtonProps): React.JSX.Element;
+export declare function Button({ children, icon, iconPosition, variant, size, disabled, style, textStyle, ...pressableProps }: ButtonProps): React.JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,GAAG,cAAc,EAClB,EAAE,WAAW,qBAiCb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,YAAqB,EACrB,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,GAAG,cAAc,EAClB,EAAE,WAAW,qBA4Cb"}

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

@@ -7,33 +7,40 @@ import type { ButtonVariant, ButtonSize } from './Button.types';
  * @param variant - Button variant (primary, secondary, ghost, outline)
  * @param size - Button size (sm, md, lg)
  * @param disabled - Whether button is disabled
- * @returns StyleSheet with button styles
+ * @param isIconOnly - Whether the button shows only an icon (no text)
+ * @returns StyleSheet with button styles + iconColor for the Icon component
  */
-export declare function getButtonStyles(tokens: ResolvedTokens, variant: ButtonVariant, size: ButtonSize, disabled: boolean): {
-    base: {
-        borderColor?: string | undefined;
-        backgroundColor: string;
-        borderWidth: number;
-        paddingVertical: 6 | 10 | 14;
-        paddingHorizontal: 12 | 20 | 28;
-        borderRadius: 8 | 4 | 6;
-        alignItems: "center";
-        justifyContent: "center";
-        flexDirection: "row";
+export declare function getButtonStyles(tokens: ResolvedTokens, variant: ButtonVariant, size: ButtonSize, disabled: boolean, isIconOnly: boolean): {
+    iconColor: string;
+    iconSize: number;
+    styles: {
+        base: {
+            borderColor?: string | undefined;
+            backgroundColor: string;
+            borderWidth: number;
+            paddingVertical: number;
+            paddingHorizontal: number;
+            borderRadius: number;
+            alignItems: "center";
+            justifyContent: "center";
+            flexDirection: "row";
+            gap: number;
+        };
+        pressed: {
+            backgroundColor: string;
+            opacity: number;
+        };
+        disabled: {
+            opacity: number;
+        };
+        text: {
+            fontFamily: string;
+            fontSize: number;
+            fontWeight: any;
+            color: string;
+        };
+        textPressed: {};
+        textDisabled: {};
     };
-    pressed: {
-        backgroundColor: string;
-        opacity: number;
-    };
-    disabled: {
-        opacity: number;
-    };
-    text: {
-        fontSize: 12 | 14 | 16;
-        fontWeight: "600";
-        color: string;
-    };
-    textPressed: {};
-    textDisabled: {};
 };
 //# sourceMappingURL=Button.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../src/Button/Button.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAWhE;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;EAwElB"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../src/Button/Button.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAkChE;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,OAAO,EACjB,UAAU,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;wBAqEoC,GAAG;;;;;;EAW3D"}

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

@@ -7,14 +7,29 @@ export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'outline';
  * Size presets for the Button component
  */
 export type ButtonSize = 'sm' | 'md' | 'lg';
+/**
+ * Icon position relative to button text
+ */
+export type ButtonIconPosition = 'left' | 'right';
 /**
  * Props for the Button component
  */
 export interface ButtonProps extends Omit<PressableProps, 'children' | 'style'> {
     /**
-     * Button text or custom content
+     * Button text or custom content.
+     * Optional when `icon` is provided (renders icon-only button).
+     */
+    readonly children?: React.ReactNode;
+    /**
+     * Material Symbol icon name (e.g. 'add', 'delete', 'check').
+     * When provided without children, renders an icon-only button.
+     */
+    readonly icon?: string;
+    /**
+     * Position of the icon relative to text
+     * @default 'left'
      */
-    readonly children: React.ReactNode;
+    readonly iconPosition?: ButtonIconPosition;
     /**
      * Visual variant
      * @default 'primary'

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

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../src/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,GAAG,SAAS,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;;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;;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/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,GAAG,SAAS,CAAC;AAE1E;;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,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"}

package/dist/ColorScaleSlider/ColorScaleSlider.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ColorScaleSliderProps } from './ColorScaleSlider.types';
+/**
+ * Interactive color scale slider.
+ *
+ * Renders an array of colors as the track (lightest on left, darkest on right)
+ * with a draggable thumb. The value is a normalizedValue [0, 1] where
+ * 0 = darkest (right) and 1 = lightest (left).
+ *
+ * Used by PalettePanel for key color selection on non-neutral palettes.
+ */
+export declare function ColorScaleSlider({ colors, value, onValueChange, label, warning, trimEnds, snap, disabled, animateValue, style, }: ColorScaleSliderProps): React.JSX.Element;
+//# sourceMappingURL=ColorScaleSlider.d.ts.map

package/dist/ColorScaleSlider/ColorScaleSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorScaleSlider.d.ts","sourceRoot":"","sources":["../../src/ColorScaleSlider/ColorScaleSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAItE;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,KAAK,EACL,aAAa,EACb,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,IAAY,EACZ,QAAgB,EAChB,YAAoB,EACpB,KAAK,GACN,EAAE,qBAAqB,qBAgIvB"}

package/dist/ColorScaleSlider/ColorScaleSlider.styles.d.ts

@@ -0,0 +1,54 @@
+import type { ResolvedTokens } from '../tokens/types';
+declare const TRACK_HEIGHT = 22;
+export declare const THUMB_SIZE = 18;
+export declare function getColorScaleSliderStyles(tokens: ResolvedTokens, disabled: boolean): {
+    container: {
+        gap: number;
+        opacity: number;
+    };
+    labelRow: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    label: {
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: any;
+        color: string;
+    };
+    trackContainer: {
+        height: number;
+        justifyContent: "center";
+        position: "relative";
+    };
+    gradientTrack: {
+        position: "absolute";
+        left: number;
+        right: number;
+        height: number;
+        borderRadius: number;
+        flexDirection: "row";
+        overflow: "hidden";
+    };
+    segment: {
+        flex: number;
+    };
+    thumb: {
+        position: "absolute";
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+    };
+    warning: {
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: any;
+        color: string;
+    };
+};
+export { TRACK_HEIGHT };
+//# sourceMappingURL=ColorScaleSlider.styles.d.ts.map

package/dist/ColorScaleSlider/ColorScaleSlider.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorScaleSlider.styles.d.ts","sourceRoot":"","sources":["../../src/ColorScaleSlider/ColorScaleSlider.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,QAAA,MAAM,YAAY,KAAK,CAAC;AACxB,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;;;;;;;oBAc5B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAgCL,GAAG;;;EAIvD;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/ColorScaleSlider/ColorScaleSlider.types.d.ts

@@ -0,0 +1,25 @@
+import type { ViewStyle } from 'react-native';
+import type { ColorResult } from 'newtone';
+export interface ColorScaleSliderProps {
+    /** Preview colors for the track (index 0 = lightest, last = darkest) */
+    readonly colors: readonly ColorResult[];
+    /** Current normalizedValue [0, 1] (0 = darkest, 1 = lightest) */
+    readonly value?: number;
+    /** Called when the user drags the thumb */
+    readonly onValueChange: (normalizedValue: number) => void;
+    /** Optional label text above the slider */
+    readonly label?: string;
+    /** WCAG warning text shown below the slider */
+    readonly warning?: string;
+    /** Hide the first and last colors (interpolation endpoints, not selectable) */
+    readonly trimEnds?: boolean;
+    /** Snap thumb to the nearest color step instead of continuous dragging */
+    readonly snap?: boolean;
+    /** Whether the slider is disabled */
+    readonly disabled?: boolean;
+    /** Animate thumb position on prop-driven value changes (e.g., mode switch). Default: false */
+    readonly animateValue?: boolean;
+    /** Optional style override */
+    readonly style?: ViewStyle | ViewStyle[];
+}
+//# sourceMappingURL=ColorScaleSlider.types.d.ts.map

package/dist/ColorScaleSlider/ColorScaleSlider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorScaleSlider.types.d.ts","sourceRoot":"","sources":["../../src/ColorScaleSlider/ColorScaleSlider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,qBAAqB;IACpC,wEAAwE;IACxE,QAAQ,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,CAAC;IACxC,iEAAiE;IACjE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,2CAA2C;IAC3C,QAAQ,CAAC,aAAa,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,2CAA2C;IAC3C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,0EAA0E;IAC1E,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,8FAA8F;IAC9F,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,8BAA8B;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}

package/dist/ColorScaleSlider/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ColorScaleSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/Frame/Frame.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { FrameProps } from './Frame.types';
+/**
+ * Frame — Foundational layout building block.
+ *
+ * Frame is a container that provides theme and elevation context to all
+ * descendants, plus layout (flex/grid), spacing, sizing, appearance,
+ * and interactivity capabilities.
+ *
+ * Frames can be nested. Inner frames override outer frames for their subtree.
+ * Unspecified props inherit from the nearest parent Frame.
+ *
+ * @example
+ * ```tsx
+ * // Basic layout
+ * <Frame direction="horizontal" gap="md" padding="lg" align="center">
+ *   <Button onPress={() => {}}>Save</Button>
+ *   <Button variant="ghost" onPress={() => {}}>Cancel</Button>
+ * </Frame>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Card-like frame
+ * <Frame
+ *   theme="primary"
+ *   elevation={2}
+ *   radius="lg"
+ *   padding="xl"
+ *   bordered
+ *   onPress={() => navigate('/details')}
+ * >
+ *   <Text>Clickable card</Text>
+ * </Frame>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Grid layout (web)
+ * <Frame layout="grid" columns={3} gap="md" padding="lg">
+ *   <Frame radius="md" padding="md" bordered>Cell 1</Frame>
+ *   <Frame radius="md" padding="md" bordered>Cell 2</Frame>
+ *   <Frame radius="md" padding="md" bordered>Cell 3</Frame>
+ * </Frame>
+ * ```
+ */
+export declare function Frame({ children, theme, elevation, layout, direction, wrap, reverse, columns, rows, align, justify, padding, gap, width, height, minWidth, maxWidth, minHeight, maxHeight, radius, bordered, onPress, href, disabled, style, }: FrameProps): React.JSX.Element;
+//# sourceMappingURL=Frame.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../src/Frame/Frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAyChD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EAER,KAAK,EACL,SAAS,EAET,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,MAAM,EACN,QAAQ,EAER,OAAO,EACP,IAAI,EACJ,QAAgB,EAEhB,KAAK,GACN,EAAE,UAAU,qBAuHZ"}

package/dist/Frame/Frame.styles.d.ts

@@ -0,0 +1,39 @@
+import type { ViewStyle } from 'react-native';
+import type { ResolvedTokens } from '../tokens/types';
+import type { FrameElevation } from '../theme/types';
+import type { PaddingProp, GapProp, SizingMode, Direction, Alignment, Justification, RadiusProp, LayoutMode } from './Frame.types';
+export interface FrameStyleInput {
+    readonly tokens: ResolvedTokens;
+    readonly frameElevation: FrameElevation;
+    readonly layout?: LayoutMode;
+    readonly direction?: Direction;
+    readonly wrap?: boolean;
+    readonly reverse?: boolean;
+    readonly columns?: number;
+    readonly rows?: number;
+    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 bordered?: boolean;
+    readonly disabled?: boolean;
+}
+export interface FrameStyles {
+    /** Main container style (ViewStyle) */
+    readonly container: ViewStyle;
+    /** Style applied when pressed (background shift) */
+    readonly pressed: ViewStyle;
+    /** Web-only CSS Grid properties (cast to ViewStyle at render) */
+    readonly gridWebStyle: React.CSSProperties | null;
+    /** Web-only inset box-shadow string for elevation -2 */
+    readonly insetBoxShadow: string | null;
+}
+export declare function getFrameStyles(input: FrameStyleInput): FrameStyles;
+//# sourceMappingURL=Frame.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Frame.styles.d.ts","sourceRoot":"","sources":["../../src/Frame/Frame.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EACV,WAAW,EACX,OAAO,EACP,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,UAAU,EACV,UAAU,EACX,MAAM,eAAe,CAAC;AAcvB,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,cAAc,CAAC;IAGxC,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC7B,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,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAGvB,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;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAID,MAAM,WAAW,WAAW;IAC1B,uCAAuC;IACvC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,oDAAoD;IACpD,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;IAClD,wDAAwD;IACxD,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CACxC;AAID,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,WAAW,CAuIlE"}

package/dist/Frame/Frame.types.d.ts

@@ -0,0 +1,115 @@
+import type { ViewStyle, GestureResponderEvent } from 'react-native';
+import type { ThemeName, FrameElevation } from '../theme/types';
+/** Design system spacing tokens */
+export type SpacingToken = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+/** A spacing value: either a design token name or a pixel number */
+export type SpacingValue = SpacingToken | number;
+/** Per-side spacing */
+export interface SpacingSides {
+    readonly top?: SpacingValue;
+    readonly right?: SpacingValue;
+    readonly bottom?: SpacingValue;
+    readonly left?: SpacingValue;
+}
+/** Axis-based spacing shorthand */
+export interface SpacingAxes {
+    readonly x?: SpacingValue;
+    readonly y?: SpacingValue;
+}
+/** Padding: uniform, axis shorthand, or per-side */
+export type PaddingProp = SpacingValue | SpacingAxes | SpacingSides;
+/** Gap axis shorthand */
+export interface GapAxes {
+    readonly row?: SpacingValue;
+    readonly column?: SpacingValue;
+}
+/** Gap: uniform or row/column */
+export type GapProp = SpacingValue | GapAxes;
+/** Design system radius tokens */
+export type RadiusToken = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'pill';
+/** A radius value: either a design token name or a pixel number */
+export type RadiusValue = RadiusToken | number;
+/** Per-corner radius */
+export interface RadiusCorners {
+    readonly topLeft?: RadiusValue;
+    readonly topRight?: RadiusValue;
+    readonly bottomLeft?: RadiusValue;
+    readonly bottomRight?: RadiusValue;
+}
+/** Radius: uniform or per-corner */
+export type RadiusProp = RadiusValue | RadiusCorners;
+/**
+ * Figma-like sizing mode:
+ * - 'hug': shrink to content (default)
+ * - 'fill': expand to fill available space
+ * - number: fixed pixel dimension
+ */
+export type SizingMode = 'hug' | 'fill' | number;
+/** Layout mode */
+export type LayoutMode = 'flex' | 'grid';
+/** Flex direction (Figma-like naming) */
+export type Direction = 'horizontal' | 'vertical';
+/** Cross-axis alignment */
+export type Alignment = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+/** Main-axis justification */
+export type Justification = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export interface FrameProps {
+    /** Child elements that inherit this Frame's theme and elevation context */
+    readonly children: React.ReactNode;
+    /**
+     * Theme override for this frame and all descendants.
+     * When omitted, inherits from parent Frame or NewtoneProvider.
+     */
+    readonly theme?: ThemeName;
+    /**
+     * Surface elevation: -2 (deeply sunken with inset shadow), -1 (sunken),
+     * 0 (default), 1 (elevated), 2 (prominently elevated with drop shadow).
+     * When omitted, inherits from parent Frame or defaults to 0.
+     */
+    readonly elevation?: FrameElevation;
+    /** Layout mode. @default 'flex' */
+    readonly layout?: LayoutMode;
+    /** Flex direction. @default 'vertical' */
+    readonly direction?: Direction;
+    /** Enable flex wrap. @default false */
+    readonly wrap?: boolean;
+    /** Reverse flex direction. @default false */
+    readonly reverse?: boolean;
+    /** CSS Grid column count (web-only, requires layout='grid') */
+    readonly columns?: number;
+    /** CSS Grid row count (web-only, requires layout='grid') */
+    readonly rows?: number;
+    /** Cross-axis alignment of children */
+    readonly align?: Alignment;
+    /** Main-axis justification of children */
+    readonly justify?: Justification;
+    /** Padding: uniform token/number, axis shorthand, or per-side */
+    readonly padding?: PaddingProp;
+    /** Gap between children: uniform or row/column */
+    readonly gap?: GapProp;
+    /** Width: 'hug' (content-sized), 'fill' (expand), or fixed number */
+    readonly width?: SizingMode;
+    /** Height: 'hug' (content-sized), 'fill' (expand), or fixed number */
+    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;
+    /** Border radius: token, number, or per-corner object */
+    readonly radius?: RadiusProp;
+    /** Show 1px border using theme border color. @default false */
+    readonly bordered?: boolean;
+    /** Press handler — switches rendering from View to Pressable */
+    readonly onPress?: (event: GestureResponderEvent) => void;
+    /** Navigation URL — switches rendering to Pressable with link role */
+    readonly href?: string;
+    /** Disable interaction. @default false */
+    readonly disabled?: boolean;
+    /** Custom style overrides (applied last) */
+    readonly style?: ViewStyle | ViewStyle[];
+}
+//# sourceMappingURL=Frame.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Frame.types.d.ts","sourceRoot":"","sources":["../../src/Frame/Frame.types.ts"],"names":[],"mappings":"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"}

package/dist/Frame/Frame.utils.d.ts

@@ -0,0 +1,39 @@
+import type { ViewStyle } from 'react-native';
+import type { ResolvedTokens } from '../tokens/types';
+import type { SpacingValue, PaddingProp, GapProp, RadiusValue, RadiusProp, SizingMode, Direction, Alignment, Justification } from './Frame.types';
+/** Resolve a spacing token or number to a pixel value */
+export declare function resolveSpacing(value: SpacingValue, tokens: ResolvedTokens): number;
+/** Resolve padding prop to per-side pixel values */
+export declare function resolvePadding(prop: PaddingProp, tokens: ResolvedTokens): {
+    readonly top: number;
+    readonly right: number;
+    readonly bottom: number;
+    readonly left: number;
+};
+/** Resolve gap prop to rowGap/columnGap pixel values */
+export declare function resolveGap(prop: GapProp, tokens: ResolvedTokens): {
+    readonly rowGap: number;
+    readonly columnGap: number;
+};
+/** Resolve a radius token or number to a pixel value */
+export declare function resolveRadius(value: RadiusValue, tokens: ResolvedTokens): number;
+/** Resolved per-corner radius values */
+export interface ResolvedCorners {
+    readonly topLeft: number;
+    readonly topRight: number;
+    readonly bottomLeft: number;
+    readonly bottomRight: number;
+}
+/** Resolve radius prop to per-corner pixel values */
+export declare function resolveRadiusCorners(prop: RadiusProp, tokens: ResolvedTokens): ResolvedCorners;
+/** Check if any corner has a positive radius (for auto-clip) */
+export declare function hasPositiveRadius(corners: ResolvedCorners): boolean;
+/** Resolve width/height sizing modes to ViewStyle properties */
+export declare function resolveSizing(width: SizingMode | undefined, height: SizingMode | undefined): ViewStyle;
+/** Resolve alignment prop to ViewStyle alignItems */
+export declare function resolveAlignment(align: Alignment): ViewStyle['alignItems'];
+/** Resolve justification prop to ViewStyle justifyContent */
+export declare function resolveJustification(justify: Justification): ViewStyle['justifyContent'];
+/** Resolve direction + reverse to ViewStyle flexDirection */
+export declare function resolveFlexDirection(direction: Direction, reverse: boolean): ViewStyle['flexDirection'];
+//# sourceMappingURL=Frame.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Frame.utils.d.ts","sourceRoot":"","sources":["../../src/Frame/Frame.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EACV,YAAY,EAGZ,WAAW,EACX,OAAO,EACP,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACd,MAAM,eAAe,CAAC;AAIvB,yDAAyD;AACzD,wBAAgB,cAAc,CAC5B,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,cAAc,GACrB,MAAM,CAGR;AAED,oDAAoD;AACpD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,cAAc,GACrB;IAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAsBlG;AAED,wDAAwD;AACxD,wBAAgB,UAAU,CACxB,IAAI,EAAE,OAAO,EACb,MAAM,EAAE,cAAc,GACrB;IAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAWzD;AAID,wDAAwD;AACxD,wBAAgB,aAAa,CAC3B,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,cAAc,GACrB,MAAM,CAGR;AAED,wCAAwC;AACxC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED,qDAAqD;AACrD,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,cAAc,GACrB,eAAe,CAajB;AAED,gEAAgE;AAChE,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,eAAe,GAAG,OAAO,CAKnE;AAID,gEAAgE;AAChE,wBAAgB,aAAa,CAC3B,KAAK,EAAE,UAAU,GAAG,SAAS,EAC7B,MAAM,EAAE,UAAU,GAAG,SAAS,GAC7B,SAAS,CAwBX;AAqBD,qDAAqD;AACrD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC,CAE1E;AAED,6DAA6D;AAC7D,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,aAAa,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAExF;AAED,6DAA6D;AAC7D,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,GACf,SAAS,CAAC,eAAe,CAAC,CAK5B"}

package/dist/Frame/index.d.ts

@@ -0,0 +1,4 @@
+export { Frame } from './Frame';
+export type { FrameProps, SpacingToken, SpacingValue, SpacingSides, SpacingAxes, PaddingProp, GapAxes, GapProp, RadiusToken, RadiusValue, RadiusCorners, RadiusProp, SizingMode, LayoutMode, Direction, Alignment, Justification, } from './Frame.types';
+export type { ResolvedCorners } from './Frame.utils';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Frame/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,OAAO,EACP,OAAO,EACP,WAAW,EACX,WAAW,EACX,aAAa,EACb,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,GACd,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/HueSlider/HueSlider.d.ts

@@ -10,5 +10,5 @@ import type { HueSliderProps } from './HueSlider.types';
  * For wrapping ranges (e.g. red: min=345 max=375), max may exceed 359;
  * the returned value is always normalized to [0, 359].
  */
-export declare function HueSlider({ value, onValueChange, min, max, label, showValue, disabled, style, }: HueSliderProps): React.JSX.Element;
+export declare function HueSlider({ value, onValueChange, min, max, label, showValue, editableValue, disabled, style, }: HueSliderProps): React.JSX.Element;
 //# sourceMappingURL=HueSlider.d.ts.map

package/dist/HueSlider/HueSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HueSlider.d.ts","sourceRoot":"","sources":["../../src/HueSlider/HueSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,GAAO,EACP,GAAS,EACT,KAAK,EACL,SAAiB,EACjB,QAAgB,EAChB,KAAK,GACN,EAAE,cAAc,qBA4ChB"}
+{"version":3,"file":"HueSlider.d.ts","sourceRoot":"","sources":["../../src/HueSlider/HueSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAQxD;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,GAAO,EACP,GAAS,EACT,KAAK,EACL,SAAiB,EACjB,aAAqB,EACrB,QAAgB,EAChB,KAAK,GACN,EAAE,cAAc,qBA+GhB"}