@vin.samdy.dev/passappui 1.0.0

package/dist/components/footer/Footer.d.ts

@@ -0,0 +1,7 @@
+interface FooterProps {
+    companyName?: string;
+    year?: number;
+}
+export declare function Footer({ companyName, year, }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Footer.d.ts.map

package/dist/components/footer/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer/Footer.tsx"],"names":[],"mappings":"AAEA,UAAU,WAAW;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,MAAM,CAAC,EACnB,WAAqB,EACrB,IAA+B,GAClC,EAAE,WAAW,2CAQb"}

package/dist/components/footer/Footer.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export function Footer({ companyName = "MyApp", year = new Date().getFullYear(), }) {
+    return (_jsx("footer", { className: "bg-slate-100 py-6 px-4 text-center text-sm text-slate-600", children: _jsxs("p", { children: ["\u00A9 ", year, " ", companyName, ". All rights reserved."] }) }));
+}
+//# sourceMappingURL=Footer.js.map

package/dist/components/footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/footer/Footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAOb,MAAM,UAAU,MAAM,CAAC,EACnB,WAAW,GAAG,OAAO,EACrB,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,GACrB;IACV,OAAO,CACH,iBAAQ,SAAS,EAAC,2DAA2D,YACzE,mCACY,IAAI,OAAG,WAAW,8BAC1B,GACC,CACZ,CAAC;AACN,CAAC"}

package/dist/components/footer/Footer.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/nextjs-vite';
+import { Footer } from './Footer';
+declare const meta: Meta<typeof Footer>;
+export default meta;
+type Story = StoryObj<typeof Footer>;
+export declare const Default: Story;
+export declare const CustomCompany: Story;
+//# sourceMappingURL=Footer.stories.d.ts.map

package/dist/components/footer/Footer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.stories.d.ts","sourceRoot":"","sources":["../../../src/components/footer/Footer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAK7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC"}

package/dist/components/footer/Footer.stories.js

@@ -0,0 +1,16 @@
+import { Footer } from './Footer';
+const meta = {
+    component: Footer,
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+export const Default = {};
+export const CustomCompany = {
+    args: {
+        companyName: 'PassApp Tech',
+        year: 2026,
+    },
+};
+//# sourceMappingURL=Footer.stories.js.map

package/dist/components/footer/Footer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.stories.js","sourceRoot":"","sources":["../../../src/components/footer/Footer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAwB;IAChC,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,WAAW,EAAE,cAAc;QAC3B,IAAI,EAAE,IAAI;KACX;CACF,CAAC"}

package/dist/components/footer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Footer';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/footer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/footer/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/footer/index.js

@@ -0,0 +1,2 @@
+export * from './Footer';
+//# sourceMappingURL=index.js.map

package/dist/components/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/footer/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/header/Header.d.ts

@@ -0,0 +1,6 @@
+interface HeaderProps {
+    appName?: string;
+}
+export declare function Header({ appName }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Header.d.ts.map

package/dist/components/header/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAIA,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAiB,EAAE,EAAE,WAAW,2CAexD"}

package/dist/components/header/Header.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+export function Header({ appName = 'MyApp' }) {
+    return (_jsx("header", { className: "bg-slate-900 text-white py-4 px-6", children: _jsxs("nav", { className: "flex items-center justify-between max-w-7xl mx-auto", children: [_jsx(Link, { href: "/", className: "text-xl font-bold", children: appName }), _jsxs("ul", { className: "flex gap-6", children: [_jsx("li", { children: _jsx(Link, { href: "/", className: "hover:text-slate-300", children: "Home" }) }), _jsx("li", { children: _jsx(Link, { href: "/about", className: "hover:text-slate-300", children: "About" }) }), _jsx("li", { children: _jsx(Link, { href: "/contact", className: "hover:text-slate-300", children: "Contact" }) })] })] }) }));
+}
+//# sourceMappingURL=Header.js.map

package/dist/components/header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,WAAW,CAAA;AAM5B,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,EAAe;IACvD,OAAO,CACL,iBAAQ,SAAS,EAAC,mCAAmC,YACnD,eAAK,SAAS,EAAC,qDAAqD,aAClE,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,mBAAmB,YACzC,OAAO,GACH,EACP,cAAI,SAAS,EAAC,YAAY,aACxB,uBAAI,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,sBAAsB,qBAAY,GAAK,EACpE,uBAAI,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,sBAAsB,sBAAa,GAAK,EAC1E,uBAAI,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,sBAAsB,wBAAe,GAAK,IAC3E,IACD,GACC,CACV,CAAA;AACH,CAAC"}

package/dist/components/header/Header.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/nextjs-vite';
+import { Header } from './Header';
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+export declare const Default: Story;
+export declare const CustomAppName: Story;
+//# sourceMappingURL=Header.stories.d.ts.map

package/dist/components/header/Header.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../src/components/header/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAK7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC"}

package/dist/components/header/Header.stories.js

@@ -0,0 +1,15 @@
+import { Header } from './Header';
+const meta = {
+    component: Header,
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+export const Default = {};
+export const CustomAppName = {
+    args: {
+        appName: 'PassApp',
+    },
+};
+//# sourceMappingURL=Header.stories.js.map

package/dist/components/header/Header.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../src/components/header/Header.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAwB;IAChC,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;KACnB;CACF,CAAC"}

package/dist/components/header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Header';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/header/index.js

@@ -0,0 +1,2 @@
+export * from './Header';
+//# sourceMappingURL=index.js.map

package/dist/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './footer';
+export * from './header';
+export * from './sidebar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,4 @@
+export * from './footer';
+export * from './header';
+export * from './sidebar';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}

package/dist/components/sidebar/Sidebar.d.ts

@@ -0,0 +1,2 @@
+export declare function Sidebar(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/sidebar/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.tsx"],"names":[],"mappings":"AAEA,wBAAgB,OAAO,4CAWtB"}

package/dist/components/sidebar/Sidebar.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+export function Sidebar() {
+    return (_jsx("div", { className: 'w-[200px] h-screen bg-gray-100', children: _jsx("nav", { className: 'p-4', children: _jsxs("ul", { children: [_jsx("li", { className: 'mb-2 p-4', children: _jsx(Link, { href: "/", className: 'text-gray-700 hover:text-gray-900', children: "Home" }) }), _jsx("li", { className: 'mb-2 p-4', children: _jsx(Link, { href: "/dashboard", className: 'text-gray-700 hover:text-gray-900', children: "Dashboard" }) })] }) }) }));
+}
+//# sourceMappingURL=Sidebar.js.map

package/dist/components/sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,WAAW,CAAA;AAE5B,MAAM,UAAU,OAAO;IACrB,OAAO,CACL,cAAK,SAAS,EAAC,gCAAgC,YAC7C,cAAK,SAAS,EAAC,KAAK,YAClB,yBACE,aAAI,SAAS,EAAC,UAAU,YAAC,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,mCAAmC,qBAAY,GAAK,EACtG,aAAI,SAAS,EAAC,UAAU,YAAC,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,SAAS,EAAC,mCAAmC,0BAAiB,GAAK,IACjH,GACD,GACF,CACP,CAAA;AACH,CAAC"}

package/dist/components/sidebar/Sidebar.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/nextjs-vite';
+import { Sidebar } from './Sidebar';
+declare const meta: Meta<typeof Sidebar>;
+export default meta;
+type Story = StoryObj<typeof Sidebar>;
+export declare const Default: Story;
+//# sourceMappingURL=Sidebar.stories.d.ts.map

package/dist/components/sidebar/Sidebar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAS9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/components/sidebar/Sidebar.stories.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Sidebar } from './Sidebar';
+const meta = {
+    component: Sidebar,
+    decorators: [
+        (Story) => (_jsx("div", { style: { height: '100vh' }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {};
+//# sourceMappingURL=Sidebar.stories.js.map

package/dist/components/sidebar/Sidebar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.stories.js","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC"}

package/dist/components/sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Sidebar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/sidebar/index.js

@@ -0,0 +1,2 @@
+export * from './Sidebar';
+//# sourceMappingURL=index.js.map

package/dist/components/sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/sidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useLocalStorage';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useLocalStorage';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/hooks/useLocalStorage.d.ts

@@ -0,0 +1,2 @@
+export declare function useLocalStorage<T>(key: string, initialValue: T): readonly [T, (val: T | ((prev: T) => T)) => void, boolean];
+//# sourceMappingURL=useLocalStorage.d.ts.map

package/dist/hooks/useLocalStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,sBAkBhC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,oBAalD"}

package/dist/hooks/useLocalStorage.js

@@ -0,0 +1,34 @@
+'use client';
+import { useEffect, useState } from 'react';
+export function useLocalStorage(key, initialValue) {
+    const [value, setValue] = useState(initialValue);
+    const [isLoaded, setIsLoaded] = useState(false);
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        try {
+            const stored = localStorage.getItem(key);
+            if (stored) {
+                setValue(JSON.parse(stored));
+            }
+        }
+        catch (error) {
+            console.error(`Error reading localStorage:`, error);
+        }
+        setIsLoaded(true);
+    }, [key]);
+    const setStoredValue = (val) => {
+        try {
+            const valueToStore = val instanceof Function ? val(value) : val;
+            setValue(valueToStore);
+            if (typeof window !== 'undefined') {
+                localStorage.setItem(key, JSON.stringify(valueToStore));
+            }
+        }
+        catch (error) {
+            console.error(`Error setting localStorage:`, error);
+        }
+    };
+    return [value, setStoredValue, isLoaded];
+}
+//# sourceMappingURL=useLocalStorage.js.map

package/dist/hooks/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.js","sourceRoot":"","sources":["../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,UAAU,eAAe,CAAI,GAAW,EAAE,YAAe;IAC7D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,YAAY,CAAC,CAAA;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAM;QAEzC,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;YACxC,IAAI,MAAM,EAAE,CAAC;gBACX,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;YAC9B,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAA;QACrD,CAAC;QACD,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,MAAM,cAAc,GAAG,CAAC,GAAyB,EAAE,EAAE;QACnD,IAAI,CAAC;YACH,MAAM,YAAY,GAAG,GAAG,YAAY,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;YAC/D,QAAQ,CAAC,YAAY,CAAC,CAAA;YACtB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;gBAClC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;YACzD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAA;QACrD,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,CAAU,CAAA;AACnD,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './layouts';
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './layouts';
+export * from './hooks';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/dist/layouts/Dashboard.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface LayoutProps {
+    children: React.ReactNode;
+}
+export declare function DashboardLayout({ children }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Dashboard.d.ts.map

package/dist/layouts/Dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/layouts/Dashboard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAWxD"}

package/dist/layouts/Dashboard.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Footer, Header, Sidebar } from '../components';
+export function DashboardLayout({ children }) {
+    return (_jsxs("div", { className: "flex flex-row h-full w-full", children: [_jsx(Sidebar, {}), _jsxs("div", { className: "flex flex-col w-full h-full", children: [_jsx(Header, {}), _jsx("main", { className: "w-full", children: children }), _jsx(Footer, {})] })] }));
+}
+//# sourceMappingURL=Dashboard.js.map

package/dist/layouts/Dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../src/layouts/Dashboard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAMvD,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAe;IACvD,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,OAAO,KAAG,EACX,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,MAAM,KAAG,EACV,eAAM,SAAS,EAAC,QAAQ,YAAE,QAAQ,GAAQ,EAC1C,KAAC,MAAM,KAAG,IACN,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/layouts/Dashboard.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/nextjs-vite';
+import { DashboardLayout } from './Dashboard';
+declare const meta: Meta<typeof DashboardLayout>;
+export default meta;
+type Story = StoryObj<typeof DashboardLayout>;
+export declare const Default: Story;
+//# sourceMappingURL=Dashboard.stories.d.ts.map

package/dist/layouts/Dashboard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.stories.d.ts","sourceRoot":"","sources":["../../src/layouts/Dashboard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAKtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}

package/dist/layouts/Dashboard.stories.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DashboardLayout } from './Dashboard';
+const meta = {
+    component: DashboardLayout,
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        children: (_jsxs("div", { className: "p-6", children: [_jsx("h1", { className: "text-2xl font-bold", children: "Dashboard Content" }), _jsx("p", { className: "mt-2 text-slate-600", children: "This is the main content area." })] })),
+    },
+};
+//# sourceMappingURL=Dashboard.stories.js.map

package/dist/layouts/Dashboard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.stories.js","sourceRoot":"","sources":["../../src/layouts/Dashboard.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,IAAI,GAAiC;IACzC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,KAAK,aAClB,aAAI,SAAS,EAAC,oBAAoB,kCAAuB,EACzD,YAAG,SAAS,EAAC,qBAAqB,+CAAmC,IACjE,CACP;KACF;CACF,CAAC"}

package/dist/layouts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Dashboard';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/layouts/index.js

@@ -0,0 +1,2 @@
+export * from './Dashboard';
+//# sourceMappingURL=index.js.map

package/dist/layouts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@vin.samdy.dev/passappui",
+  "version": "1.0.0",
+  "description": "Shared UI components library",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles": "./dist/styles/global.css",
+    "./hooks": "./dist/hooks/index.js"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "clean": "rm -rf dist",
+    "type-check": "tsc --noEmit",
+    "prepare": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "next": "^16.1.6"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-themes": "^10.2.9",
+    "@storybook/nextjs-vite": "^10.2.9",
+    "@tailwindcss/vite": "^4.1.18",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "storybook": "^10.2.9",
+    "typescript": "^5.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/readme.md

@@ -0,0 +1,37 @@
+# @passapptech/ui
+
+Shared UI components library for multi-zone Next.js applications.
+
+## Installation
+
+### Public NPM
+```bash
+npm install @passapptech/ui
+```
+
+### GitHub Packages
+```bash
+npm install @passapptech/ui --registry=https://npm.pkg.github.com
+```
+
+## Usage
+```tsx
+import { Layout, Header, Footer } from '@passapptech/ui'
+import '@passapptech/ui/styles'
+
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <body>
+        <Layout>{children}</Layout>
+      </body>
+    </html>
+  )
+}
+```
+
+## Publishing
+```bash
+npm run build
+npm publish
+```

package/src/components/footer/Footer.stories.tsx

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from '@storybook/nextjs-vite';
+import { Footer } from './Footer';
+
+const meta: Meta<typeof Footer> = {
+  component: Footer,
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Footer>;
+
+export const Default: Story = {};
+
+export const CustomCompany: Story = {
+  args: {
+    companyName: 'PassApp Tech',
+    year: 2026,
+  },
+};

package/src/components/footer/Footer.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+interface FooterProps {
+    companyName?: string;
+    year?: number;
+}
+
+export function Footer({
+    companyName = "MyApp",
+    year = new Date().getFullYear(),
+}: FooterProps) {
+    return (
+        <footer className="bg-slate-100 py-6 px-4 text-center text-sm text-slate-600">
+            <p>
+                &copy; {year} {companyName}. All rights reserved.
+            </p>
+        </footer>
+    );
+}

package/src/components/footer/index.ts

@@ -0,0 +1 @@
+export * from './Footer';

package/src/components/header/Header.stories.tsx

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/nextjs-vite';
+import { Header } from './Header';
+
+const meta: Meta<typeof Header> = {
+  component: Header,
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Header>;
+
+export const Default: Story = {};
+
+export const CustomAppName: Story = {
+  args: {
+    appName: 'PassApp',
+  },
+};

package/src/components/header/Header.tsx

@@ -0,0 +1,24 @@
+'use client'
+
+import Link from 'next/link'
+
+interface HeaderProps {
+  appName?: string
+}
+
+export function Header({ appName = 'MyApp' }: HeaderProps) {
+  return (
+    <header className="bg-slate-900 text-white py-4 px-6">
+      <nav className="flex items-center justify-between max-w-7xl mx-auto">
+        <Link href="/" className="text-xl font-bold">
+          {appName}
+        </Link>
+        <ul className="flex gap-6">
+          <li><Link href="/" className="hover:text-slate-300">Home</Link></li>
+          <li><Link href="/about" className="hover:text-slate-300">About</Link></li>
+          <li><Link href="/contact" className="hover:text-slate-300">Contact</Link></li>
+        </ul>
+      </nav>
+    </header>
+  )
+}

package/src/components/header/index.ts

@@ -0,0 +1 @@
+export * from './Header';

package/src/components/index.ts

@@ -0,0 +1,3 @@
+export * from './footer';
+export * from './header';
+export * from './sidebar';

package/src/components/sidebar/Sidebar.stories.tsx

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/nextjs-vite';
+import { Sidebar } from './Sidebar';
+
+const meta: Meta<typeof Sidebar> = {
+  component: Sidebar,
+  decorators: [
+    (Story) => (
+      <div style={{ height: '100vh' }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof Sidebar>;
+
+export const Default: Story = {};

package/src/components/sidebar/Sidebar.tsx

@@ -0,0 +1,14 @@
+import Link from 'next/link'
+
+export function Sidebar() {
+  return (
+    <div className='w-[200px] h-screen bg-gray-100'>
+      <nav className='p-4'>
+        <ul>
+          <li className='mb-2 p-4'><Link href="/" className='text-gray-700 hover:text-gray-900'>Home</Link></li>
+          <li className='mb-2 p-4'><Link href="/dashboard" className='text-gray-700 hover:text-gray-900'>Dashboard</Link></li>
+        </ul>
+      </nav>
+    </div>
+  )
+}

package/src/components/sidebar/index.ts

@@ -0,0 +1 @@
+export * from './Sidebar';

package/src/hooks/index.ts

@@ -0,0 +1 @@
+export * from './useLocalStorage';

package/src/hooks/useLocalStorage.ts

@@ -0,0 +1,36 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+
+export function useLocalStorage<T>(key: string, initialValue: T) {
+  const [value, setValue] = useState<T>(initialValue)
+  const [isLoaded, setIsLoaded] = useState(false)
+
+  useEffect(() => {
+    if (typeof window === 'undefined') return
+
+    try {
+      const stored = localStorage.getItem(key)
+      if (stored) {
+        setValue(JSON.parse(stored))
+      }
+    } catch (error) {
+      console.error(`Error reading localStorage:`, error)
+    }
+    setIsLoaded(true)
+  }, [key])
+
+  const setStoredValue = (val: T | ((prev: T) => T)) => {
+    try {
+      const valueToStore = val instanceof Function ? val(value) : val
+      setValue(valueToStore)
+      if (typeof window !== 'undefined') {
+        localStorage.setItem(key, JSON.stringify(valueToStore))
+      }
+    } catch (error) {
+      console.error(`Error setting localStorage:`, error)
+    }
+  }
+
+  return [value, setStoredValue, isLoaded] as const
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './layouts';
+export * from './hooks';

package/src/layouts/Dashboard.stories.tsx

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/nextjs-vite';
+import { DashboardLayout } from './Dashboard';
+
+const meta: Meta<typeof DashboardLayout> = {
+  component: DashboardLayout,
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof DashboardLayout>;
+
+export const Default: Story = {
+  args: {
+    children: (
+      <div className="p-6">
+        <h1 className="text-2xl font-bold">Dashboard Content</h1>
+        <p className="mt-2 text-slate-600">This is the main content area.</p>
+      </div>
+    ),
+  },
+};

package/src/layouts/Dashboard.tsx

@@ -0,0 +1,21 @@
+'use client'
+
+import React from 'react'
+import { Footer, Header, Sidebar } from '../components'
+
+interface LayoutProps {
+  children: React.ReactNode
+}
+
+export function DashboardLayout({ children }: LayoutProps) {
+  return (
+    <div className="flex flex-row h-full w-full">
+      <Sidebar />
+      <div className="flex flex-col w-full h-full">
+        <Header />
+        <main className="w-full">{children}</main>
+        <Footer />
+      </div>
+    </div>
+  )
+}

package/src/layouts/index.ts

@@ -0,0 +1 @@
+export * from './Dashboard';

package/src/styles/global.css

@@ -0,0 +1,10 @@
+/* Custom variables */
+:root {
+  --color-primary: #1e293b;
+  --color-secondary: #64748b;
+}
+
+.dark {
+  --color-primary: #0f172a;
+  --color-secondary: #1e293b;
+}