@sublime-ui/ui 0.1.0 → 0.1.2

package/dist/index.js

@@ -1 +1 @@
-export * from "./layout";
+export * from "./layout/index.js";

package/dist/layout/index.js

@@ -1,6 +1,6 @@
-export * from "./Screen";
-export * from "./Screen.types";
-export * from "./Stack";
-export * from "./Row";
-export * from "./Spacer";
-export * from "./Stack.types";
+export * from "./Screen.js";
+export * from "./Screen.types.js";
+export * from "./Stack.js";
+export * from "./Row.js";
+export * from "./Spacer.js";
+export * from "./Stack.types.js";

package/dist/navigation/index.js

@@ -1,4 +1,4 @@
-export * from "./book";
-export * from "./use-nav";
-export * from "./types";
-export * from "./nav.types";
+export * from "./book.js";
+export * from "./use-nav.js";
+export * from "./types.js";
+export * from "./nav.types.js";

package/package.json

@@ -1,61 +1,105 @@
-{
-  "name": "@sublime-ui/ui",
-  "version": "0.1.0",
-  "description": "Cross-platform navigation (storybook → React Navigation / react-router) and layout primitives for Sublime UI.",
-  "keywords": ["sublime-ui", "navigation", "react-navigation", "react-router", "layout", "storybook", "cross-platform", "typescript"],
-  "homepage": "https://sublime-ui.github.io/sublime-ui/",
-  "bugs": "https://github.com/sublime-ui/sublime-ui/issues",
-  "repository": { "type": "git", "url": "git+https://github.com/sublime-ui/sublime-ui.git", "directory": "ui" },
-  "license": "MIT",
-  "author": "Aaron Mkandawire",
-  "publishConfig": { "access": "public" },
-  "type": "module",
-  "exports": {
-    ".": { "types": "./dist/index.d.ts", "import": "./dist/index.js" },
-    "./navigation": { "types": "./dist/navigation/index.d.ts", "import": "./dist/navigation/index.js" },
-    "./navigation/bridge.native": { "types": "./dist/navigation/bridge.native.d.ts", "import": "./dist/navigation/bridge.native.js" },
-    "./navigation/bridge.web": { "types": "./dist/navigation/bridge.web.d.ts", "import": "./dist/navigation/bridge.web.js" }
-  },
-  "react-native": "./src/index.ts",
-  "files": ["dist", "src"],
-  "scripts": {
-    "build": "tsup",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run --passWithNoTests",
-    "lint": "eslint src"
-  },
-  "peerDependencies": {
-    "react": ">=18",
-    "react-native": ">=0.74",
-    "@react-navigation/native": ">=6",
-    "@react-navigation/native-stack": ">=6",
-    "@react-navigation/bottom-tabs": ">=6",
-    "@react-navigation/drawer": ">=6",
-    "react-native-safe-area-context": ">=4",
-    "react-router-dom": ">=6"
-  },
-  "peerDependenciesMeta": {
-    "react-native": { "optional": true },
-    "@react-navigation/native": { "optional": true },
-    "@react-navigation/native-stack": { "optional": true },
-    "@react-navigation/bottom-tabs": { "optional": true },
-    "@react-navigation/drawer": { "optional": true },
-    "react-native-safe-area-context": { "optional": true },
-    "react-router-dom": { "optional": true }
-  },
-  "devDependencies": {
-    "@react-navigation/native": "^6.1.18",
-    "@react-navigation/native-stack": "^6.11.0",
-    "@react-navigation/bottom-tabs": "^6.6.1",
-    "@react-navigation/drawer": "^6.7.2",
-    "@testing-library/react": "^16.0.1",
-    "@types/node": "^22",
-    "@types/react": "^18.3.12",
-    "jsdom": "^25.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-native": "^0.76.1",
-    "react-native-safe-area-context": "^4.14.0",
-    "react-router-dom": "^6.27.0"
-  }
-}
+{
+  "name": "@sublime-ui/ui",
+  "version": "0.1.2",
+  "description": "Cross-platform navigation (storybook → React Navigation / react-router) and layout primitives for Sublime UI.",
+  "keywords": [
+    "sublime-ui",
+    "navigation",
+    "react-navigation",
+    "react-router",
+    "layout",
+    "storybook",
+    "cross-platform",
+    "typescript"
+  ],
+  "homepage": "https://sublime-ui.github.io/sublime-ui/",
+  "bugs": "https://github.com/sublime-ui/sublime-ui/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sublime-ui/sublime-ui.git",
+    "directory": "ui"
+  },
+  "license": "MIT",
+  "author": "Aaron Mkandawire",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./navigation": {
+      "types": "./dist/navigation/index.d.ts",
+      "import": "./dist/navigation/index.js"
+    },
+    "./navigation/bridge.native": {
+      "types": "./dist/navigation/bridge.native.d.ts",
+      "import": "./dist/navigation/bridge.native.js"
+    },
+    "./navigation/bridge.web": {
+      "types": "./dist/navigation/bridge.web.d.ts",
+      "import": "./dist/navigation/bridge.web.js"
+    }
+  },
+  "react-native": "./src/index.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "lint": "eslint src"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.74",
+    "@react-navigation/native": ">=6",
+    "@react-navigation/native-stack": ">=6",
+    "@react-navigation/bottom-tabs": ">=6",
+    "@react-navigation/drawer": ">=6",
+    "react-native-safe-area-context": ">=4",
+    "react-router-dom": ">=6"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    },
+    "@react-navigation/native": {
+      "optional": true
+    },
+    "@react-navigation/native-stack": {
+      "optional": true
+    },
+    "@react-navigation/bottom-tabs": {
+      "optional": true
+    },
+    "@react-navigation/drawer": {
+      "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
+    },
+    "react-router-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@react-navigation/native": "^6.1.18",
+    "@react-navigation/native-stack": "^6.11.0",
+    "@react-navigation/bottom-tabs": "^6.6.1",
+    "@react-navigation/drawer": "^6.7.2",
+    "@testing-library/react": "^16.0.1",
+    "@types/node": "^22",
+    "@types/react": "^18.3.12",
+    "jsdom": "^25.0.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-native": "^0.76.1",
+    "react-native-safe-area-context": "^4.14.0",
+    "react-router-dom": "^6.27.0"
+  }
+}

package/src/index.ts

@@ -1 +1 @@
-export * from './layout';
+export * from './layout/index.js';

package/src/layout/Row.native.tsx

@@ -1,6 +1,6 @@
 import { View } from 'react-native';
 import type { ViewStyle } from 'react-native';
-import type { FlexAlign, FlexJustify, RowProps } from './Stack.types';
+import type { FlexAlign, FlexJustify, RowProps } from './Stack.types.js';
 
 const ALIGN: Record<FlexAlign, ViewStyle['alignItems']> = {
   start: 'flex-start',

package/src/layout/Row.tsx

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import type { FlexAlign, FlexJustify, RowProps } from './Stack.types';
+import type { FlexAlign, FlexJustify, RowProps } from './Stack.types.js';
 
 const ALIGN: Record<FlexAlign, CSSProperties['alignItems']> = {
   start: 'flex-start',

package/src/layout/Screen.native.tsx

@@ -1,6 +1,6 @@
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { ScrollView, View } from 'react-native';
-import type { ScreenProps } from './Screen.types';
+import type { ScreenProps } from './Screen.types.js';
 
 export function Screen({ children, scroll, padded = true, testID }: ScreenProps) {
   const inner = <View style={{ padding: padded ? 16 : 0, flex: 1 }}>{children}</View>;

package/src/layout/Screen.tsx

@@ -1,4 +1,4 @@
-import type { ScreenProps } from './Screen.types';
+import type { ScreenProps } from './Screen.types.js';
 
 export function Screen({ children, padded = true, testID }: ScreenProps) {
   return (

package/src/layout/Spacer.native.tsx

@@ -1,6 +1,6 @@
 import { View } from 'react-native';
 import type { ViewStyle } from 'react-native';
-import type { SpacerProps } from './Stack.types';
+import type { SpacerProps } from './Stack.types.js';
 
 export function Spacer({ size }: SpacerProps) {
   const style: ViewStyle = {

package/src/layout/Spacer.tsx

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import type { SpacerProps } from './Stack.types';
+import type { SpacerProps } from './Stack.types.js';
 
 export function Spacer({ size }: SpacerProps) {
   const style: CSSProperties = {

package/src/layout/Stack.native.tsx

@@ -1,6 +1,6 @@
 import { View } from 'react-native';
 import type { ViewStyle } from 'react-native';
-import type { FlexAlign, FlexJustify, FlexProps } from './Stack.types';
+import type { FlexAlign, FlexJustify, FlexProps } from './Stack.types.js';
 
 const ALIGN: Record<FlexAlign, ViewStyle['alignItems']> = {
   start: 'flex-start',

package/src/layout/Stack.tsx

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import type { FlexAlign, FlexJustify, FlexProps } from './Stack.types';
+import type { FlexAlign, FlexJustify, FlexProps } from './Stack.types.js';
 
 const ALIGN: Record<FlexAlign, CSSProperties['alignItems']> = {
   start: 'flex-start',

package/src/layout/index.ts

@@ -1,6 +1,6 @@
-export * from './Screen';
-export * from './Screen.types';
-export * from './Stack';
-export * from './Row';
-export * from './Spacer';
-export * from './Stack.types';
+export * from './Screen.js';
+export * from './Screen.types.js';
+export * from './Stack.js';
+export * from './Row.js';
+export * from './Spacer.js';
+export * from './Stack.types.js';

package/src/navigation/book.ts

@@ -1,6 +1,6 @@
 import type {
   BookDef, Entry, LinkDef, PageDef, PageOptions, PrintFormat, RouteMap,
-} from './types';
+} from './types.js';
 
 export function page<P = void>(component: unknown, options: PageOptions = {}): PageDef<P> {
   return { kind: 'page', component, options };

package/src/navigation/bridge.native.ts

@@ -1,5 +1,5 @@
 import { useNavigation, useRoute } from '@react-navigation/native';
-import type { Nav } from './nav.types';
+import type { Nav } from './nav.types.js';
 
 export function useNativeNav(): Nav {
   // react-navigation's hook is generic over the app's param list, which is only

package/src/navigation/bridge.web.ts

@@ -1,5 +1,5 @@
 import { useNavigate, useLocation, useParams } from 'react-router-dom';
-import type { Nav } from './nav.types';
+import type { Nav } from './nav.types.js';
 
 export function useWebNav(
   pathOf: (name: string, params?: unknown) => string,

package/src/navigation/index.ts

@@ -1,4 +1,4 @@
-export * from './book';
-export * from './use-nav';
-export * from './types';
-export * from './nav.types';
+export * from './book.js';
+export * from './use-nav.js';
+export * from './types.js';
+export * from './nav.types.js';

package/src/navigation/use-nav.ts

@@ -1,6 +1,6 @@
 import { createContext, createElement, useContext, type ReactNode } from 'react';
-import type { Nav, TypedNav } from './nav.types';
-import type { RouteMap } from './types';
+import type { Nav, TypedNav } from './nav.types.js';
+import type { RouteMap } from './types.js';
 
 export const NavContext = createContext<Nav | null>(null);