@newtonedev/components 0.1.1 → 0.1.3

package/dist/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQpD,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAiB,EACjB,SAAe,EACf,MAAU,EACV,aAAoB,EACpB,KAAK,EACL,YAAY,GACb,EAAE,YAAY,qBAiFd"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQpD,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAiB,EACjB,SAAe,EACf,MAAU,EACV,aAAoB,EACpB,KAAK,EACL,YAAY,GACb,EAAE,YAAY,qBAmFd"}

package/dist/Popover/Popover.styles.d.ts

@@ -4,6 +4,69 @@ export declare function getPopoverStyles(tokens: ResolvedTokens, triggerHeight:
         position: "relative";
         zIndex: number;
     };
-    content: any;
+    content: {
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        maxHeight: number;
+        zIndex: number;
+        overflow: "hidden";
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        left: 0;
+        right: 0;
+        width?: undefined;
+        position: "absolute";
+        top: number;
+    } | {
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        maxHeight: number;
+        zIndex: number;
+        overflow: "hidden";
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        width: number;
+        left: 0;
+        right?: undefined;
+        position: "absolute";
+        top: number;
+    } | {
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        maxHeight: number;
+        zIndex: number;
+        overflow: "hidden";
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        left: 0;
+        right?: undefined;
+        width?: undefined;
+        position: "absolute";
+        top: number;
+    };
 };
 //# sourceMappingURL=Popover.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,cAAc,EACtB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,EAClC,MAAM,EAAE,OAAO;;;;;;EA4BhB"}
+{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,cAAc,EACtB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,EAClC,MAAM,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgChB"}

package/dist/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAuBhE,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,qBAkHb"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAuBhE,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"}

package/dist/Sidebar/Sidebar.styles.d.ts

@@ -9,7 +9,6 @@ export declare function getSidebarStyles({ tokens, width, bordered }: SidebarSty
         width: number;
         flexShrink: number;
         flexDirection: "column";
-        flex: number;
         backgroundColor: string;
         borderRightWidth: number;
         borderRightColor: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.styles.d.ts","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,UAAU,iBAAiB;IACzB,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;EA2B9E"}
+{"version":3,"file":"Sidebar.styles.d.ts","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,UAAU,iBAAiB;IACzB,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;EA0B9E"}

package/dist/_COMPONENT_TEMPLATE/ComponentName.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,45 @@
+import type { View, ViewStyle } from 'react-native';
+import type { ElevationLevel } from '../theme/types';
+/**
+ * Props for ComponentName — [one-line description of what this component does].
+ *
+ * [Brief explanation of when to use this component and what it provides.]
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ComponentName>Content</ComponentName>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With common prop combinations
+ * <ComponentName disabled elevation={2}>
+ *   Advanced usage
+ * </ComponentName>
+ * ```
+ */
+export interface ComponentNameProps {
+    /**
+     * [Describe what children this component expects.]
+     *
+     * @example
+     * ```tsx
+     * <ComponentName>Text or elements</ComponentName>
+     * ```
+     */
+    readonly children?: React.ReactNode;
+    /** Additional styles applied to the container. */
+    readonly style?: ViewStyle;
+    /** Elevation level for token computation. @default 1 */
+    readonly elevation?: ElevationLevel;
+    /** Whether the component is disabled. @default false */
+    readonly disabled?: boolean;
+    /** Test identifier — maps to `data-testid` on web. Used by testing libraries. */
+    readonly testID?: string;
+    /** DOM id — maps to `id` attribute on web. Used for anchors and scroll targets. */
+    readonly nativeID?: string;
+    /** Ref to the underlying View element. */
+    readonly ref?: React.Ref<View>;
+}
+//# sourceMappingURL=ComponentName.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentName.types.d.ts","sourceRoot":"","sources":["../../src/_COMPONENT_TEMPLATE/ComponentName.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;;;;OAOG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC,kDAAkD;IAClD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,wDAAwD;IACxD,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;IAEpC,wDAAwD;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAI5B,iFAAiF;IACjF,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,0CAA0C;IAC1C,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CAChC"}

package/dist/_COMPONENT_TEMPLATE/index.d.ts

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

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

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

package/dist/fonts/GoogleFontLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoogleFontLoader.d.ts","sourceRoot":"","sources":["../../src/fonts/GoogleFontLoader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,KAAK,EAAE;QACd,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;QAC1B,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;QAC7B,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;KAC9B,CAAC;CACH;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE,qBAAqB,QA0ChE"}
+{"version":3,"file":"GoogleFontLoader.d.ts","sourceRoot":"","sources":["../../src/fonts/GoogleFontLoader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,KAAK,EAAE;QACd,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;QAC1B,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;QAC7B,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;KAC9B,CAAC;CACH;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE,qBAAqB,QA4ChE"}

package/dist/fonts/IconFontLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconFontLoader.d.ts","sourceRoot":"","sources":["../../src/fonts/IconFontLoader.tsx"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,KAAK,EAAE;QACd,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;KACpD,CAAC;CACH;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,QAmC5D"}
+{"version":3,"file":"IconFontLoader.d.ts","sourceRoot":"","sources":["../../src/fonts/IconFontLoader.tsx"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,KAAK,EAAE;QACd,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;KACpD,CAAC;CACH;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,QAqC5D"}