@trackany-device/components 1.1.0 → 1.2.0

package/README.md

@@ -1,4 +1,4 @@
-# @track-any-device/components
+# @trackany-device/components
 
 Shared React component library for the **Track Any Device** platform.  
 Built with React 19, Tailwind CSS v4, Radix UI primitives, and shadcn/ui conventions.
@@ -10,7 +10,7 @@ Built with React 19, Tailwind CSS v4, Radix UI primitives, and shadcn/ui convent
 ## Install
 
 ```bash
-npm install @track-any-device/components
+npm install @trackany-device/components
 ```
 
 > **Peer dependencies** — install the ones you use:
@@ -30,10 +30,10 @@ In your app's CSS entry point (e.g. `app.css`):
 
 ```css
 @import "tailwindcss";
-@import "@track-any-device/components/styles/themes.css";
+@import "@trackany-device/components/styles/themes.css";
 
 /* If you use KeenIcons: */
-@import "@track-any-device/components/styles/keenicons.css";
+@import "@trackany-device/components/styles/keenicons.css";
 ```
 
 ### 2. Wrap your app with a theme
@@ -56,7 +56,7 @@ The library abstracts routing/forms behind a `PlatformProvider`. Pick the adapte
 
 ```tsx
 // Next.js
-import { PlatformProvider, createNextjsAdapter } from '@track-any-device/components';
+import { PlatformProvider, createNextjsAdapter } from '@trackany-device/components';
 
 export default function RootLayout({ children }) {
     return (
@@ -69,7 +69,7 @@ export default function RootLayout({ children }) {
 
 ```tsx
 // Inertia.js (Laravel)
-import { PlatformProvider, createInertiaAdapter } from '@track-any-device/components';
+import { PlatformProvider, createInertiaAdapter } from '@trackany-device/components';
 
 createInertiaApp({
     setup({ el, App, props }) {
@@ -87,7 +87,7 @@ createInertiaApp({
 ## Usage
 
 ```tsx
-import { Button, Card, CardContent, CardHeader, CardTitle } from '@track-any-device/components';
+import { Button, Card, CardContent, CardHeader, CardTitle } from '@trackany-device/components';
 
 export default function Example() {
     return (
@@ -155,8 +155,8 @@ Each theme ships with a matching dark variant — add `.dark` to the same elemen
 `KeenIcon` — ~1 200 icons in four styles (`duotone` · `filled` · `outline` · `solid`):
 
 ```tsx
-import { KeenIcon } from '@track-any-device/components';
-// Don't forget: import '@track-any-device/components/styles/keenicons.css';
+import { KeenIcon } from '@trackany-device/components';
+// Don't forget: import '@trackany-device/components/styles/keenicons.css';
 
 <KeenIcon icon="home" style="duotone" className="size-5" />
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@trackany-device/components",
-    "version": "1.1.0",
+    "version": "1.2.0",
     "description": "Shared React components for the Track Any Device platform.",
     "license": "UNLICENSED",
     "type": "module",
@@ -10,20 +10,33 @@
     "sideEffects": [
         "**/*.css"
     ],
-    "main": "./src/index.ts",
-    "types": "./src/index.ts",
+    "overrides": {
+        "esbuild": "0.24.0"
+    },
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
     "exports": {
-        ".": "./src/index.ts",
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js"
+        },
+        "./assets": {
+            "types": "./dist/assets/index.d.ts",
+            "import": "./dist/assets/index.js"
+        },
         "./styles/*": "./src/styles/*",
         "./styles/keenicons.css": "./src/components/keenicons/assets/styles.css"
     },
     "files": [
         "src",
+        "dist",
         "!src/**/*.test.*",
         "!src/**/*.spec.*",
         "!src/**/.DS_Store"
     ],
     "scripts": {
+        "build": "vite build",
         "storybook": "storybook dev -p 6006",
         "build-storybook": "storybook build",
         "types:check": "tsc --noEmit",
@@ -106,14 +119,128 @@
         "@googlemaps/js-api-loader": {
             "optional": true
         },
+        "@hookform/resolvers": {
+            "optional": true
+        },
+        "@radix-ui/react-accordion": {
+            "optional": true
+        },
+        "@radix-ui/react-alert-dialog": {
+            "optional": true
+        },
+        "@radix-ui/react-aspect-ratio": {
+            "optional": true
+        },
+        "@radix-ui/react-avatar": {
+            "optional": true
+        },
+        "@radix-ui/react-checkbox": {
+            "optional": true
+        },
+        "@radix-ui/react-collapsible": {
+            "optional": true
+        },
+        "@radix-ui/react-dialog": {
+            "optional": true
+        },
+        "@radix-ui/react-dropdown-menu": {
+            "optional": true
+        },
+        "@radix-ui/react-hover-card": {
+            "optional": true
+        },
+        "@radix-ui/react-label": {
+            "optional": true
+        },
+        "@radix-ui/react-navigation-menu": {
+            "optional": true
+        },
+        "@radix-ui/react-popover": {
+            "optional": true
+        },
+        "@radix-ui/react-progress": {
+            "optional": true
+        },
+        "@radix-ui/react-radio-group": {
+            "optional": true
+        },
+        "@radix-ui/react-scroll-area": {
+            "optional": true
+        },
+        "@radix-ui/react-select": {
+            "optional": true
+        },
+        "@radix-ui/react-separator": {
+            "optional": true
+        },
+        "@radix-ui/react-slider": {
+            "optional": true
+        },
+        "@radix-ui/react-slot": {
+            "optional": true
+        },
+        "@radix-ui/react-switch": {
+            "optional": true
+        },
+        "@radix-ui/react-tabs": {
+            "optional": true
+        },
+        "@radix-ui/react-toggle": {
+            "optional": true
+        },
+        "@radix-ui/react-toggle-group": {
+            "optional": true
+        },
+        "@radix-ui/react-tooltip": {
+            "optional": true
+        },
+        "@tanstack/react-table": {
+            "optional": true
+        },
         "@xyflow/react": {
             "optional": true
         },
+        "cmdk": {
+            "optional": true
+        },
+        "date-fns": {
+            "optional": true
+        },
+        "input-otp": {
+            "optional": true
+        },
+        "lucide-react": {
+            "optional": true
+        },
+        "motion": {
+            "optional": true
+        },
+        "react-aria-components": {
+            "optional": true
+        },
+        "react-day-picker": {
+            "optional": true
+        },
+        "react-hook-form": {
+            "optional": true
+        },
+        "react-resizable-panels": {
+            "optional": true
+        },
         "recharts": {
             "optional": true
         },
+        "sonner": {
+            "optional": true
+        },
         "tw-animate-css": {
             "optional": true
+        },
+        "vaul": {
+            "optional": true
+        },
+        "zod": {
+            "optional": true
         }
     },
     "devDependencies": {
@@ -156,6 +283,7 @@
         "@storybook/test": "^8.6.18",
         "@tailwindcss/vite": "^4.3.0",
         "@tanstack/react-table": "^8.21.3",
+        "@types/google.maps": "^3.64.1",
         "@types/react": "^19.0.0",
         "@types/react-dom": "^19.0.0",
         "@vitejs/plugin-react": "^4.7.0",
@@ -180,6 +308,7 @@
         "typescript": "^5.0.0",
         "vaul": "^1.1.2",
         "vite": "^6.4.2",
+        "vite-plugin-dts": "^5.0.1",
         "zod": "^3.25.67"
     }
 }

package/src/assets/index.ts

@@ -0,0 +1,120 @@
+/**
+ * Static asset exports for @trackany-device/components.
+ *
+ * Import named assets and use them as `src` values in img elements:
+ *
+ *   import { avatar1, illustration1 } from '@trackany-device/components/assets';
+ *   <img src={avatar1} alt="User avatar" />
+ *
+ * Dark-mode illustration variants are suffixed with `Dark`:
+ *   <img src={isDark ? illustration1Dark : illustration1} alt="" />
+ */
+
+// ── Avatars ───────────────────────────────────────────────────────────────────
+export { default as avatar1  } from './media/avatars/300-1.png';
+export { default as avatar2  } from './media/avatars/300-2.png';
+export { default as avatar3  } from './media/avatars/300-3.png';
+export { default as avatar4  } from './media/avatars/300-4.png';
+export { default as avatar5  } from './media/avatars/300-5.png';
+export { default as avatar6  } from './media/avatars/300-6.png';
+export { default as avatar7  } from './media/avatars/300-7.png';
+export { default as avatar8  } from './media/avatars/300-8.png';
+export { default as avatar9  } from './media/avatars/300-9.png';
+export { default as avatar10 } from './media/avatars/300-10.png';
+export { default as avatar11 } from './media/avatars/300-11.png';
+export { default as avatar12 } from './media/avatars/300-12.png';
+export { default as avatar13 } from './media/avatars/300-13.png';
+export { default as avatar14 } from './media/avatars/300-14.png';
+export { default as avatar15 } from './media/avatars/300-15.png';
+export { default as avatar16 } from './media/avatars/300-16.png';
+export { default as avatar17 } from './media/avatars/300-17.png';
+export { default as avatar18 } from './media/avatars/300-18.png';
+export { default as avatar19 } from './media/avatars/300-19.png';
+export { default as avatar20 } from './media/avatars/300-20.png';
+export { default as avatar21 } from './media/avatars/300-21.png';
+export { default as avatar22 } from './media/avatars/300-22.png';
+export { default as avatar23 } from './media/avatars/300-23.png';
+export { default as avatar24 } from './media/avatars/300-24.png';
+export { default as avatar25 } from './media/avatars/300-25.png';
+export { default as avatar26 } from './media/avatars/300-26.png';
+export { default as avatar27 } from './media/avatars/300-27.png';
+export { default as avatar28 } from './media/avatars/300-28.png';
+export { default as avatar29 } from './media/avatars/300-29.png';
+export { default as avatar30 } from './media/avatars/300-30.png';
+export { default as avatar31 } from './media/avatars/300-31.png';
+export { default as avatar32 } from './media/avatars/300-32.png';
+export { default as avatar33 } from './media/avatars/300-33.png';
+export { default as avatar34 } from './media/avatars/300-34.png';
+
+// ── Gray / placeholder avatars ────────────────────────────────────────────────
+export { default as avatarPlaceholder1 } from './media/avatars/1.png';
+export { default as avatarPlaceholder2 } from './media/avatars/2.png';
+export { default as avatarPlaceholder3 } from './media/avatars/3.png';
+export { default as avatarPlaceholder4 } from './media/avatars/4.png';
+export { default as avatarPlaceholder5 } from './media/avatars/5.png';
+
+// ── Illustrations (light) ─────────────────────────────────────────────────────
+export { default as illustration1  } from './media/illustrations/1.svg';
+export { default as illustration2  } from './media/illustrations/2.svg';
+export { default as illustration3  } from './media/illustrations/3.svg';
+export { default as illustration4  } from './media/illustrations/4.svg';
+export { default as illustration5  } from './media/illustrations/5.svg';
+export { default as illustration6  } from './media/illustrations/6.svg';
+export { default as illustration7  } from './media/illustrations/7.svg';
+export { default as illustration8  } from './media/illustrations/8.svg';
+export { default as illustration9  } from './media/illustrations/9.svg';
+export { default as illustration10 } from './media/illustrations/10.svg';
+export { default as illustration11 } from './media/illustrations/11.svg';
+export { default as illustration12 } from './media/illustrations/12.svg';
+export { default as illustration13 } from './media/illustrations/13.svg';
+export { default as illustration14 } from './media/illustrations/14.svg';
+export { default as illustration15 } from './media/illustrations/15.svg';
+export { default as illustration16 } from './media/illustrations/16.svg';
+export { default as illustration17 } from './media/illustrations/17.svg';
+export { default as illustration18 } from './media/illustrations/18.svg';
+export { default as illustration19 } from './media/illustrations/19.svg';
+export { default as illustration20 } from './media/illustrations/20.svg';
+export { default as illustration21 } from './media/illustrations/21.svg';
+export { default as illustration22 } from './media/illustrations/22.svg';
+export { default as illustration23 } from './media/illustrations/23.svg';
+export { default as illustration24 } from './media/illustrations/24.svg';
+export { default as illustration25 } from './media/illustrations/25.svg';
+export { default as illustration26 } from './media/illustrations/26.svg';
+export { default as illustration27 } from './media/illustrations/27.svg';
+export { default as illustration28 } from './media/illustrations/28.svg';
+export { default as illustration29 } from './media/illustrations/29.svg';
+export { default as illustration30 } from './media/illustrations/30.svg';
+export { default as illustration31 } from './media/illustrations/31.svg';
+export { default as illustration32 } from './media/illustrations/32.svg';
+export { default as illustration33 } from './media/illustrations/33.svg';
+export { default as illustration34 } from './media/illustrations/34.svg';
+export { default as illustration35 } from './media/illustrations/35.svg';
+
+// ── Illustrations (dark variants) ─────────────────────────────────────────────
+export { default as illustration1Dark  } from './media/illustrations/1-dark.svg';
+export { default as illustration2Dark  } from './media/illustrations/2-dark.svg';
+export { default as illustration3Dark  } from './media/illustrations/3-dark.svg';
+export { default as illustration4Dark  } from './media/illustrations/4-dark.svg';
+export { default as illustration5Dark  } from './media/illustrations/5-dark.svg';
+export { default as illustration10Dark } from './media/illustrations/10-dark.svg';
+export { default as illustration11Dark } from './media/illustrations/11-dark.svg';
+export { default as illustration18Dark } from './media/illustrations/18-dark.svg';
+export { default as illustration19Dark } from './media/illustrations/19-dark.svg';
+export { default as illustration20Dark } from './media/illustrations/20-dark.svg';
+export { default as illustration21Dark } from './media/illustrations/21-dark.svg';
+export { default as illustration22Dark } from './media/illustrations/22-dark.svg';
+export { default as illustration23Dark } from './media/illustrations/23-dark.svg';
+export { default as illustration28Dark } from './media/illustrations/28-dark.svg';
+export { default as illustration29Dark } from './media/illustrations/29-dark.svg';
+export { default as illustration30Dark } from './media/illustrations/30-dark.svg';
+export { default as illustration31Dark } from './media/illustrations/31-dark.svg';
+export { default as illustration32Dark } from './media/illustrations/32-dark.svg';
+export { default as illustration33Dark } from './media/illustrations/33-dark.svg';
+export { default as illustration34Dark } from './media/illustrations/34-dark.svg';
+export { default as illustration35Dark } from './media/illustrations/35-dark.svg';
+
+// ── Misc ──────────────────────────────────────────────────────────────────────
+export { default as imagePlaceholder } from './media/misc/placeholder.svg';
+
+// ── Brand ─────────────────────────────────────────────────────────────────────
+export { default as logoUrl } from './logo.png';