pixelize-native-library 1.0.6

package/package.json

@@ -0,0 +1,259 @@
+{
+  "name": "pixelize-native-library",
+  "version": "1.0.6",
+  "description": "Pixelize mobile design library — React Native / Expo. The mobile counterpart to pixelize-design-library.",
+  "private": false,
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pixelize-tech/Mobile-Components.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "sideEffects": false,
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/index.d.ts",
+  "files": [
+    "lib",
+    "registry.json",
+    "!**/__tests__",
+    "!**/*.test.*",
+    "!**/*.stories.*"
+  ],
+  "exports": {
+    ".": {
+      "types": "./lib/typescript/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./accordion": {
+      "types": "./lib/typescript/modules/accordion/index.d.ts",
+      "default": "./lib/module/modules/accordion/index.js"
+    },
+    "./alert-dialog": {
+      "types": "./lib/typescript/modules/alert-dialog/index.d.ts",
+      "default": "./lib/module/modules/alert-dialog/index.js"
+    },
+    "./avatar": {
+      "types": "./lib/typescript/modules/avatar/index.d.ts",
+      "default": "./lib/module/modules/avatar/index.js"
+    },
+    "./badge": {
+      "types": "./lib/typescript/modules/badge/index.d.ts",
+      "default": "./lib/module/modules/badge/index.js"
+    },
+    "./bottom-nav": {
+      "types": "./lib/typescript/modules/bottom-nav/index.d.ts",
+      "default": "./lib/module/modules/bottom-nav/index.js"
+    },
+    "./button": {
+      "types": "./lib/typescript/modules/button/index.d.ts",
+      "default": "./lib/module/modules/button/index.js"
+    },
+    "./button-group": {
+      "types": "./lib/typescript/modules/button-group/index.d.ts",
+      "default": "./lib/module/modules/button-group/index.js"
+    },
+    "./card": {
+      "types": "./lib/typescript/modules/card/index.d.ts",
+      "default": "./lib/module/modules/card/index.js"
+    },
+    "./checkbox": {
+      "types": "./lib/typescript/modules/checkbox/index.d.ts",
+      "default": "./lib/module/modules/checkbox/index.js"
+    },
+    "./divider": {
+      "types": "./lib/typescript/modules/divider/index.d.ts",
+      "default": "./lib/module/modules/divider/index.js"
+    },
+    "./drawer": {
+      "types": "./lib/typescript/modules/drawer/index.d.ts",
+      "default": "./lib/module/modules/drawer/index.js"
+    },
+    "./empty-state": {
+      "types": "./lib/typescript/modules/empty-state/index.d.ts",
+      "default": "./lib/module/modules/empty-state/index.js"
+    },
+    "./file-upload": {
+      "types": "./lib/typescript/modules/file-upload/index.d.ts",
+      "default": "./lib/module/modules/file-upload/index.js"
+    },
+    "./filter-sheet": {
+      "types": "./lib/typescript/modules/filter-sheet/index.d.ts",
+      "default": "./lib/module/modules/filter-sheet/index.js"
+    },
+    "./input": {
+      "types": "./lib/typescript/modules/input/index.d.ts",
+      "default": "./lib/module/modules/input/index.js"
+    },
+    "./menu": {
+      "types": "./lib/typescript/modules/menu/index.d.ts",
+      "default": "./lib/module/modules/menu/index.js"
+    },
+    "./modal": {
+      "types": "./lib/typescript/modules/modal/index.d.ts",
+      "default": "./lib/module/modules/modal/index.js"
+    },
+    "./multi-select": {
+      "types": "./lib/typescript/modules/multi-select/index.d.ts",
+      "default": "./lib/module/modules/multi-select/index.js"
+    },
+    "./number-input": {
+      "types": "./lib/typescript/modules/number-input/index.d.ts",
+      "default": "./lib/module/modules/number-input/index.js"
+    },
+    "./pin-input": {
+      "types": "./lib/typescript/modules/pin-input/index.d.ts",
+      "default": "./lib/module/modules/pin-input/index.js"
+    },
+    "./progress-bar": {
+      "types": "./lib/typescript/modules/progress-bar/index.d.ts",
+      "default": "./lib/module/modules/progress-bar/index.js"
+    },
+    "./radio-group": {
+      "types": "./lib/typescript/modules/radio-group/index.d.ts",
+      "default": "./lib/module/modules/radio-group/index.js"
+    },
+    "./reorder": {
+      "types": "./lib/typescript/modules/reorder/index.d.ts",
+      "default": "./lib/module/modules/reorder/index.js"
+    },
+    "./select": {
+      "types": "./lib/typescript/modules/select/index.d.ts",
+      "default": "./lib/module/modules/select/index.js"
+    },
+    "./skeleton": {
+      "types": "./lib/typescript/modules/skeleton/index.d.ts",
+      "default": "./lib/module/modules/skeleton/index.js"
+    },
+    "./slider": {
+      "types": "./lib/typescript/modules/slider/index.d.ts",
+      "default": "./lib/module/modules/slider/index.js"
+    },
+    "./spinner": {
+      "types": "./lib/typescript/modules/spinner/index.d.ts",
+      "default": "./lib/module/modules/spinner/index.js"
+    },
+    "./stepper": {
+      "types": "./lib/typescript/modules/stepper/index.d.ts",
+      "default": "./lib/module/modules/stepper/index.js"
+    },
+    "./switch": {
+      "types": "./lib/typescript/modules/switch/index.d.ts",
+      "default": "./lib/module/modules/switch/index.js"
+    },
+    "./tabs": {
+      "types": "./lib/typescript/modules/tabs/index.d.ts",
+      "default": "./lib/module/modules/tabs/index.js"
+    },
+    "./textarea": {
+      "types": "./lib/typescript/modules/textarea/index.d.ts",
+      "default": "./lib/module/modules/textarea/index.js"
+    },
+    "./theme": {
+      "types": "./lib/typescript/theme/index.d.ts",
+      "default": "./lib/module/theme/index.js"
+    },
+    "./timeline": {
+      "types": "./lib/typescript/modules/timeline/index.d.ts",
+      "default": "./lib/module/modules/timeline/index.js"
+    },
+    "./toast": {
+      "types": "./lib/typescript/modules/toast/index.d.ts",
+      "default": "./lib/module/modules/toast/index.js"
+    },
+    "./tokens": {
+      "types": "./lib/typescript/theme/tokens/index.d.ts",
+      "default": "./lib/module/theme/tokens/index.js"
+    },
+    "./tooltip": {
+      "types": "./lib/typescript/modules/tooltip/index.d.ts",
+      "default": "./lib/module/modules/tooltip/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "bob build",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint .",
+    "test": "jest",
+    "gen": "node scripts/gen-exports.mjs && node scripts/gen-registry.mjs",
+    "gen:check": "node scripts/gen-exports.mjs --check && node scripts/gen-registry.mjs --check",
+    "pre-pr": "bash scripts/pre-pr-check.sh",
+    "prepack": "npm run gen && npm run build",
+    "package": "npm version patch && npm run build && npm publish",
+    "release": "changeset publish"
+  },
+  "peerDependencies": {
+    "react": ">=18.3.0",
+    "react-native": ">=0.79.0",
+    "react-dom": ">=18.3.0",
+    "expo-image-picker": ">=57.0.0",
+    "expo-document-picker": ">=57.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    },
+    "lucide-react-native": {
+      "optional": true
+    },
+    "react-native-svg": {
+      "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
+    },
+    "@react-native-async-storage/async-storage": {
+      "optional": true
+    },
+    "expo-image-picker": {
+      "optional": true
+    },
+    "expo-document-picker": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.29.8",
+    "@eslint/js": "^9.39.5",
+    "@react-native/jest-preset": "^0.86.0",
+    "@testing-library/react-native": "^13.3.3",
+    "@types/jest": "^29.5.14",
+    "@types/react": "~19.2.2",
+    "@types/react-dom": "~19.2.2",
+    "eslint": "^9.39.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "expo-document-picker": "~57.0.1",
+    "expo-image-picker": "~57.0.4",
+    "globals": "^17.7.0",
+    "jest": "^29.7.0",
+    "lucide-react-native": "^1.24.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-native": "^0.86.0",
+    "react-native-builder-bob": "^0.40.14",
+    "react-native-svg": "^15.15.5",
+    "react-test-renderer": "^19.2.3",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.64.0"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      "typescript"
+    ]
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}

package/registry.json

@@ -0,0 +1,175 @@
+{
+  "$comment": "GENERATED by scripts/gen-registry.mjs — do not hand-edit; run `npm run gen` to regenerate (CI runs `npm run gen:check` as the drift gate). Schema: components[] = { name: the src/modules/<name> folder name; import: exact subpath a consumer imports, \"pixelize-native-library/<name>\"; description: first level-1 (\"# \") heading from that module's MODULE.md, or \"\" when absent }. See CLAUDE.md → \"Component decision order\".",
+  "components": [
+    {
+      "name": "accordion",
+      "import": "pixelize-native-library/accordion",
+      "description": "accordion/ — a single- or multi-select stack of collapsible sections"
+    },
+    {
+      "name": "alert-dialog",
+      "import": "pixelize-native-library/alert-dialog",
+      "description": "alert-dialog/ — a small confirm/alert dialog composed from Modal + Button"
+    },
+    {
+      "name": "avatar",
+      "import": "pixelize-native-library/avatar",
+      "description": "avatar/ — a circular identity glyph (image, initials, or a plain placeholder)"
+    },
+    {
+      "name": "badge",
+      "import": "pixelize-native-library/badge",
+      "description": "badge/ — non-interactive status/label chip"
+    },
+    {
+      "name": "bottom-nav",
+      "import": "pixelize-native-library/bottom-nav",
+      "description": "bottom-nav/ — a fixed bottom tab bar with a searchable, editable overflow sheet"
+    },
+    {
+      "name": "button",
+      "import": "pixelize-native-library/button",
+      "description": "button/ — the reference component"
+    },
+    {
+      "name": "button-group",
+      "import": "pixelize-native-library/button-group",
+      "description": "button-group/ — a segmented single-choice control"
+    },
+    {
+      "name": "card",
+      "import": "pixelize-native-library/card",
+      "description": "card/ — a plain, variant-driven container"
+    },
+    {
+      "name": "checkbox",
+      "import": "pixelize-native-library/checkbox",
+      "description": "checkbox/ — a Pressable tri-state checkbox (checked / unchecked / indeterminate)"
+    },
+    {
+      "name": "divider",
+      "import": "pixelize-native-library/divider",
+      "description": "divider/ — a hairline separator between sections of content"
+    },
+    {
+      "name": "drawer",
+      "import": "pixelize-native-library/drawer",
+      "description": "drawer/ — a bottom-sheet panel built on React Native's own Modal"
+    },
+    {
+      "name": "empty-state",
+      "import": "pixelize-native-library/empty-state",
+      "description": "empty-state/ — a centred placeholder for \"nothing here yet\" / zero-result states"
+    },
+    {
+      "name": "file-upload",
+      "import": "pixelize-native-library/file-upload",
+      "description": "file-upload/ — a trigger Button that opens a native image/document picker"
+    },
+    {
+      "name": "filter-sheet",
+      "import": "pixelize-native-library/filter-sheet",
+      "description": "filter-sheet/ — a staged, grouped filter panel for a board/list's filter dimensions"
+    },
+    {
+      "name": "input",
+      "import": "pixelize-native-library/input",
+      "description": "input/ — a controlled text field with label, status, and helper/error messaging"
+    },
+    {
+      "name": "menu",
+      "import": "pixelize-native-library/menu",
+      "description": "menu/ — an anchored action list opened from a trigger, in RN's own Modal"
+    },
+    {
+      "name": "modal",
+      "import": "pixelize-native-library/modal",
+      "description": "modal/ — the library's own dialog, built on React Native's `Modal`"
+    },
+    {
+      "name": "multi-select",
+      "import": "pixelize-native-library/multi-select",
+      "description": "multi-select/ — a checkbox-style multi-value picker in a native-Modal sheet"
+    },
+    {
+      "name": "number-input",
+      "import": "pixelize-native-library/number-input",
+      "description": "number-input/ — a numeric field with +/- steppers"
+    },
+    {
+      "name": "pin-input",
+      "import": "pixelize-native-library/pin-input",
+      "description": "pin-input/ — OTP-style multi-box code entry backed by one real, hidden `TextInput`"
+    },
+    {
+      "name": "progress-bar",
+      "import": "pixelize-native-library/progress-bar",
+      "description": "progress-bar/ — a linear progress indicator, determinate or indeterminate"
+    },
+    {
+      "name": "radio-group",
+      "import": "pixelize-native-library/radio-group",
+      "description": "radio-group/ — a single-select group of radio rows"
+    },
+    {
+      "name": "reorder",
+      "import": "pixelize-native-library/reorder",
+      "description": "reorder/ — a drag-to-reorder list with a required non-drag alternative"
+    },
+    {
+      "name": "select",
+      "import": "pixelize-native-library/select",
+      "description": "select/ — a trigger + native-Modal option list, styled like an Input box"
+    },
+    {
+      "name": "skeleton",
+      "import": "pixelize-native-library/skeleton",
+      "description": "skeleton/ — a shimmering loading placeholder box"
+    },
+    {
+      "name": "slider",
+      "import": "pixelize-native-library/slider",
+      "description": "slider/ — a draggable range control, hand-rolled on React Native's own PanResponder"
+    },
+    {
+      "name": "spinner",
+      "import": "pixelize-native-library/spinner",
+      "description": "spinner/ — a thin themed wrapper around RN's own `<ActivityIndicator>`"
+    },
+    {
+      "name": "stepper",
+      "import": "pixelize-native-library/stepper",
+      "description": "stepper/ — horizontal multi-step progress display"
+    },
+    {
+      "name": "switch",
+      "import": "pixelize-native-library/switch",
+      "description": "switch/ — a themed wrapper over React Native's native Switch"
+    },
+    {
+      "name": "tabs",
+      "import": "pixelize-native-library/tabs",
+      "description": "tabs/ — a single-select strip with a sliding active indicator"
+    },
+    {
+      "name": "textarea",
+      "import": "pixelize-native-library/textarea",
+      "description": "textarea/ — multiline text entry"
+    },
+    {
+      "name": "timeline",
+      "import": "pixelize-native-library/timeline",
+      "description": "timeline/ — a vertical list of dated/ordered events"
+    },
+    {
+      "name": "toast",
+      "import": "pixelize-native-library/toast",
+      "description": "toast/ — a transient status message, floating outside RN's Modal system"
+    },
+    {
+      "name": "tooltip",
+      "import": "pixelize-native-library/tooltip",
+      "description": "tooltip/ — a long-press tip that also reaches screen readers without the gesture"
+    }
+  ]
+}