@trackany-device/components 1.0.0 → 1.2.0

package/src/styles/themes.css

@@ -169,11 +169,11 @@
 
 @theme {
     /* Extra font-size steps (Metronic) — between xs and sm */
-    --text-2sm: 0.8125rem;           /* 13px */
-    --text-2sm--line-height: 1.3231; /* 17.2px / 13px */
+    --text-2sm: 0.8125rem;                        /* 13px */
+    --text-2sm--line-height: calc(1.075 / 0.8125); /* ≈1.323 */
 
-    --text-2xs: 0.6875rem;           /* 11px */
-    --text-2xs--line-height: 1.1818; /* 13px / 11px */
+    --text-2xs: 0.6875rem;                        /* 11px */
+    --text-2xs--line-height: calc(0.825 / 0.6875); /* ≈1.2 */
 }
 
 /* ──────────────────────────────────────────────────────────────────────
@@ -282,7 +282,7 @@
     --accent-foreground: #fecaca;
 }
 
-/* green — Green-600 (Suthra Punjab brand) */
+/* green — Green-600 (Track Any Device brand) */
 [data-theme='green'] {
     --primary: #16a34a;
     --primary-hover: #15803d;

package/src/vite-env.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="vite/client" />
+
+declare module '*.png' {
+    const src: string;
+    export default src;
+}
+
+declare module '*.jpg' {
+    const src: string;
+    export default src;
+}
+
+declare module '*.svg' {
+    const src: string;
+    export default src;
+}
+
+declare module '*.webp' {
+    const src: string;
+    export default src;
+}

package/src/layouts/SettingsLayout.tsx

@@ -1,21 +0,0 @@
-import type { ReactNode } from 'react';
-
-interface SettingsLayoutProps {
-    children: ReactNode;
-    title?: string;
-}
-
-export function SettingsLayout({ children, title }: SettingsLayoutProps) {
-    return (
-        <div className="min-h-screen bg-gray-50">
-            <div className="max-w-2xl mx-auto px-4 py-10 space-y-6">
-                {title && (
-                    <h1 className="text-xl font-semibold text-gray-900">{title}</h1>
-                )}
-                <div className="bg-white shadow-sm rounded-xl border border-gray-200 p-8">
-                    {children}
-                </div>
-            </div>
-        </div>
-    );
-}

package/src/layouts/app-layout.tsx

@@ -1,29 +0,0 @@
-/**
- * AppLayout — tenant operational portal layout (sidebar variant).
- *
- * This is the thin dispatcher used by Inertia page layouts in the core app.
- * It delegates to AppSidebarLayout which wraps AppTopNav.
- *
- * NOTE: AppTopNav is an app-level component — it uses wayfinder routes and
- * app-specific navigation that cannot be defined in this package. The consuming
- * app (core/) provides the AppTopNav via app-sidebar-layout.tsx; this file
- * exists here so the package exports a consistent AppLayout type.
- *
- * Use in app layouts:
- *   import AppLayoutTemplate from '@trackany-device/components/layouts/app/app-sidebar-layout';
- */
-export type AppLayoutProps = {
-    breadcrumbs?: Array<{ title: string; href: string }>;
-    children: React.ReactNode;
-};
-
-/**
- * Placeholder re-exported for type compatibility. The real implementation is
- * in core/resources/js/layouts/app-layout.tsx which uses the app's own
- * app-sidebar-layout.tsx (which knows about AppTopNav).
- */
-export default function AppLayout({
-    children,
-}: AppLayoutProps) {
-    return <>{children}</>;
-}