@shadow-library/ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 shadow-library
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,98 @@
+# @shadow-library/ui
+
+Shared UI components, layout primitives, and utilities for all Shadow Library apps.
+
+## Installation
+
+```sh
+# npm
+npm install @shadow-library/ui
+
+# bun
+bun add @shadow-library/ui
+```
+
+### Peer Dependencies
+
+```sh
+# npm
+npm install react react-dom @mantine/core @mantine/hooks @tanstack/react-router lucide-react
+
+# bun
+bun add react react-dom @mantine/core @mantine/hooks @tanstack/react-router lucide-react
+```
+
+## Setup
+
+Wrap your app with Mantine's `MantineProvider` using the exported `shadowTheme`:
+
+```tsx
+import { MantineProvider } from '@mantine/core';
+import { shadowTheme } from '@shadow-library/ui';
+
+function App() {
+  return <MantineProvider theme={shadowTheme}>{/* your app */}</MantineProvider>;
+}
+```
+
+## What's Included
+
+### Layout
+
+A full application shell with a collapsible sidebar, top navigation bar, and optional footer.
+
+```tsx
+import { AppLayout } from '@shadow-library/ui';
+import { LayoutDashboard } from 'lucide-react';
+
+const navItems = [{ label: 'Dashboard', path: '/', icon: LayoutDashboard }];
+
+function Shell({ children }) {
+  return (
+    <AppLayout appName='My App' navItems={navItems} user={{ name: 'Jane Doe', email: 'jane@example.com' }}>
+      {children}
+    </AppLayout>
+  );
+}
+```
+
+### API Client
+
+A chainable HTTP client with pre/post hooks and typed errors.
+
+```ts
+import { APIRequest, ApiError } from '@shadow-library/ui';
+
+const data = await APIRequest.get('/users')
+  .query({ limit: 20 })
+  .header('X-Tenant', 'acme')
+  .then((res) => res.json());
+```
+
+### OpenAPI Code Generation
+
+Generate typed API clients from an OpenAPI spec URL.
+
+```ts
+import { generateApi } from '@shadow-library/ui';
+
+await generateApi('https://api.example.com/openapi.json');
+```
+
+### Hooks
+
+| Hook              | Description                                          |
+| ----------------- | ---------------------------------------------------- |
+| `useSearchParams` | Read and update URL query params via TanStack Router |
+
+## Full Documentation
+
+Component props, usage examples, and visual previews are available in Storybook.
+
+```sh
+npm run storybook
+```
+
+## License
+
+MIT

package/components/AppLayout/AppLayout.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+import { type Alphabet } from '../Logo/index.js';
+import { type FooterConfig, type NavItem, type NotificationsConfig, type UserInfo } from './layout.types.js';
+/**
+ * Defining types
+ */
+interface AppLayoutProps {
+    children: ReactNode;
+    productName: Alphabet[];
+    appName: string;
+    navItems: NavItem[];
+    user?: UserInfo;
+    notifications?: NotificationsConfig;
+    footer?: FooterConfig;
+    showThemeToggle?: boolean;
+    defaultCollapsed?: boolean;
+}
+export declare function AppLayout({ children, appName, productName, navItems, user, notifications, footer, showThemeToggle, defaultCollapsed }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/AppLayout/AppLayout.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Importing npm packages
+ */
+import { AppShell } from '@mantine/core';
+/**
+ * Importing user defined packages
+ */
+import styles from './AppLayout.module.css';
+import { ContentFooter } from './ContentFooter.js';
+import { useLayoutState } from './hooks/use-layout-state.js';
+import { SideNavbar } from './SideNavbar.js';
+import { TopNavbar } from './TopNavbar.js';
+/**
+ * Declaring the constants
+ */
+const HEADER_HEIGHT = 56;
+const NAVBAR_WIDTH_EXPANDED = 260;
+const NAVBAR_WIDTH_COLLAPSED = 72;
+export function AppLayout({ children, appName, productName, navItems, user, notifications, footer, showThemeToggle = true, defaultCollapsed = false }) {
+    const { collapsed, toggleCollapsed, mobileOpened, toggleMobile, closeMobile } = useLayoutState({ defaultCollapsed });
+    return (_jsxs(AppShell, { layout: 'alt', header: { height: HEADER_HEIGHT }, navbar: {
+            width: collapsed ? NAVBAR_WIDTH_COLLAPSED : NAVBAR_WIDTH_EXPANDED,
+            breakpoint: 'sm',
+            collapsed: { mobile: !mobileOpened },
+        }, padding: 'md', transitionDuration: 200, children: [_jsx(AppShell.Header, { children: _jsx(TopNavbar, { user: user, notifications: notifications, showThemeToggle: showThemeToggle, mobileOpened: mobileOpened, onToggleMobile: toggleMobile }) }), _jsx(AppShell.Navbar, { children: _jsx(SideNavbar, { items: navItems, collapsed: collapsed, onToggleCollapsed: toggleCollapsed, onNavigate: closeMobile, productName: productName, onCloseMobile: closeMobile }) }), _jsxs(AppShell.Main, { className: styles.main, children: [_jsx("div", { className: styles.mainContent, children: children }), _jsx(ContentFooter, { appName: appName, footer: footer })] })] }));
+}
+//# sourceMappingURL=AppLayout.js.map

package/components/AppLayout/AppLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLayout.js","sourceRoot":"","sources":["../../../src/components/AppLayout/AppLayout.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIzC;;GAEG;AACH,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAkBxC;;GAEG;AACH,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,qBAAqB,GAAG,GAAG,CAAC;AAClC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAElC,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,eAAe,GAAG,IAAI,EAAE,gBAAgB,GAAG,KAAK,EAAkB;IACnK,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAErH,OAAO,CACL,MAAC,QAAQ,IACP,MAAM,EAAC,KAAK,EACZ,MAAM,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EACjC,MAAM,EAAE;YACN,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,qBAAqB;YACjE,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,YAAY,EAAE;SACrC,EACD,OAAO,EAAC,IAAI,EACZ,kBAAkB,EAAE,GAAG,aAEvB,KAAC,QAAQ,CAAC,MAAM,cACd,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,GAAI,GACnI,EAElB,KAAC,QAAQ,CAAC,MAAM,cACd,KAAC,UAAU,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,GAAI,GACxJ,EAElB,MAAC,QAAQ,CAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,aACnC,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,QAAQ,GAAO,EACpD,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,IACrC,IACP,CACZ,CAAC;AACJ,CAAC"}

package/components/AppLayout/ContentFooter.d.ts

@@ -0,0 +1,13 @@
+import { type FooterConfig } from './layout.types.js';
+/**
+ * Defining types
+ */
+interface ContentFooterProps {
+    appName: string;
+    footer?: FooterConfig;
+}
+/**
+ * Declaring the constants
+ */
+export declare function ContentFooter({ appName, footer }: ContentFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/AppLayout/ContentFooter.js

@@ -0,0 +1,16 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Importing npm packages
+ */
+import { Box, Text } from '@mantine/core';
+/**
+ * Importing user defined packages
+ */
+import styles from './AppLayout.module.css';
+/**
+ * Declaring the constants
+ */
+export function ContentFooter({ appName, footer }) {
+    return (_jsx(Box, { component: 'footer', mt: 'xl', py: 'xs', className: styles.footer, children: footer?.content ?? (_jsxs(Text, { size: 'xs', c: 'dimmed', ta: 'center', children: [appName, footer?.version ? ` \u00B7 ${footer.version}` : ''] })) }));
+}
+//# sourceMappingURL=ContentFooter.js.map

package/components/AppLayout/ContentFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentFooter.js","sourceRoot":"","sources":["../../../src/components/AppLayout/ContentFooter.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C;;GAEG;AACH,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAY5C;;GAEG;AAEH,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,MAAM,EAAsB;IACnE,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,YAC7D,MAAM,EAAE,OAAO,IAAI,CAClB,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ,aACnC,OAAO,EACP,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,IAC9C,CACR,GACG,CACP,CAAC;AACJ,CAAC"}

package/components/AppLayout/SideNavbar.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Importing user defined packages
+ */
+import { type Alphabet } from '../Logo/index.js';
+import { type NavItem } from './layout.types.js';
+/**
+ * Defining types
+ */
+interface SideNavbarProps {
+    items: NavItem[];
+    collapsed: boolean;
+    onToggleCollapsed: () => void;
+    onNavigate?: () => void;
+    productName?: Alphabet[];
+    onCloseMobile?: () => void;
+}
+/**
+ * Declaring the constants
+ */
+export declare function SideNavbar({ items, collapsed, onToggleCollapsed, onNavigate, productName, onCloseMobile }: SideNavbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/AppLayout/SideNavbar.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Importing npm packages
+ */
+import { ActionIcon, AppShell, CloseButton, Group, ScrollArea, Stack, Tooltip } from '@mantine/core';
+import { ChevronsLeft, ChevronsRight } from 'lucide-react';
+/**
+ * Importing user defined packages
+ */
+import { Logo } from '../Logo/index.js';
+import styles from './AppLayout.module.css';
+import { SideNavbarItem } from './SideNavbarItem.js';
+/**
+ * Declaring the constants
+ */
+export function SideNavbar({ items, collapsed, onToggleCollapsed, onNavigate, productName, onCloseMobile }) {
+    return (_jsxs(_Fragment, { children: [_jsx(AppShell.Section, { className: styles.logoSection, p: collapsed ? 'xs' : 'sm', children: _jsxs(Group, { justify: 'space-between', w: '100%', h: '100%', wrap: 'nowrap', children: [_jsx("div", { className: styles.logoContainer, children: _jsx(Logo, { variant: 'icon', productName: collapsed ? undefined : productName }) }), _jsx(CloseButton, { hiddenFrom: 'sm', onClick: onCloseMobile, "aria-label": 'Close navigation' })] }) }), _jsx(AppShell.Section, { grow: true, component: ScrollArea, scrollbarSize: 6, children: _jsx(Stack, { gap: 4, p: collapsed ? 'xs' : 'sm', align: collapsed ? 'center' : 'stretch', children: items.map(item => (_jsx(SideNavbarItem, { item: item, collapsed: collapsed, onNavigate: onNavigate }, item.key ?? item.path ?? item.label))) }) }), _jsx(AppShell.Section, { p: collapsed ? 'xs' : 'sm', className: `${styles.navToggleSection} ${collapsed ? styles.navToggleSectionCollapsed : ''}`, hiddenFrom: undefined, visibleFrom: 'sm', children: _jsx(Tooltip, { label: collapsed ? 'Expand sidebar' : 'Collapse sidebar', position: 'right', children: _jsx(ActionIcon, { onClick: onToggleCollapsed, size: 'md', "aria-label": 'Toggle sidebar', children: collapsed ? _jsx(ChevronsRight, { size: 16 }) : _jsx(ChevronsLeft, { size: 16 }) }) }) })] }));
+}
+//# sourceMappingURL=SideNavbar.js.map

package/components/AppLayout/SideNavbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavbar.js","sourceRoot":"","sources":["../../../src/components/AppLayout/SideNavbar.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACrG,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE3D;;GAEG;AACH,OAAO,EAAiB,IAAI,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAelD;;GAEG;AAEH,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAmB;IACzH,OAAO,CACL,8BACE,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,YACzE,MAAC,KAAK,IAAC,OAAO,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,aAC5D,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,YAClC,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,GAAI,GACrE,EACN,KAAC,WAAW,IAAC,UAAU,EAAC,IAAI,EAAC,OAAO,EAAE,aAAa,gBAAa,kBAAkB,GAAG,IAC/E,GACS,EAEnB,KAAC,QAAQ,CAAC,OAAO,IAAC,IAAI,QAAC,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,YAC5D,KAAC,KAAK,IAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,YAC/E,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,KAAC,cAAc,IAA2C,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,IAA7F,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAA8D,CACvH,CAAC,GACI,GACS,EAEnB,KAAC,QAAQ,CAAC,OAAO,IACf,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC1B,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,IAAI,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,EAC5F,UAAU,EAAE,SAAS,EACrB,WAAW,EAAC,IAAI,YAEhB,KAAC,OAAO,IAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,EAAE,QAAQ,EAAC,OAAO,YACjF,KAAC,UAAU,IAAC,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAC,IAAI,gBAAY,gBAAgB,YAC1E,SAAS,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GAC1D,GACL,GACO,IAClB,CACJ,CAAC;AACJ,CAAC"}

package/components/AppLayout/SideNavbarItem.d.ts

@@ -0,0 +1,14 @@
+import { type NavItem } from './layout.types.js';
+/**
+ * Defining types
+ */
+interface SideNavbarItemProps {
+    item: NavItem;
+    collapsed: boolean;
+    onNavigate?: () => void;
+}
+/**
+ * Declaring the constants
+ */
+export declare function SideNavbarItem({ item, collapsed, onNavigate }: SideNavbarItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/AppLayout/SideNavbarItem.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Importing npm packages
+ */
+import { ActionIcon, Menu, NavLink, Tooltip } from '@mantine/core';
+/**
+ * Importing user defined packages
+ */
+import styles from './AppLayout.module.css';
+import { useSideNavbarItem } from './hooks/use-side-navbar-item.js';
+/**
+ * Declaring the constants
+ */
+export function SideNavbarItem({ item, collapsed, onNavigate }) {
+    const { isActive, hasChildren, hasActiveChild, handleClick, navigate } = useSideNavbarItem(item, onNavigate);
+    /** Collapsed mode — icon only */
+    if (collapsed) {
+        if (hasChildren) {
+            return (_jsxs(Menu, { trigger: 'hover', position: 'right-start', offset: 4, children: [_jsx(Menu.Target, { children: _jsx(ActionIcon, { variant: hasActiveChild ? 'light' : 'subtle', size: 'xl', onClick: handleClick, disabled: item.disabled, className: styles.collapsedItem, children: _jsx(item.icon, { size: 20 }) }) }), _jsxs(Menu.Dropdown, { children: [_jsx(Menu.Label, { children: item.label }), item.children?.map(child => (_jsx(Menu.Item, { leftSection: _jsx(child.icon, { size: 16 }), disabled: child.disabled, onClick: () => {
+                                    child.onClick?.();
+                                    if (child.path)
+                                        navigate({ to: child.path });
+                                    onNavigate?.();
+                                }, children: child.label }, child.key ?? child.path ?? child.label)))] })] }));
+        }
+        return (_jsx(Tooltip, { label: item.label, position: 'right', offset: 8, children: _jsx(ActionIcon, { variant: isActive ? 'light' : 'subtle', size: 'xl', onClick: handleClick, disabled: item.disabled, className: styles.collapsedItem, children: _jsx(item.icon, { size: 20 }) }) }));
+    }
+    /** Expanded mode */
+    return (_jsx(NavLink, { label: item.label, leftSection: _jsx(item.icon, { size: 18 }), active: isActive || hasActiveChild, disabled: item.disabled, onClick: hasChildren ? undefined : handleClick, defaultOpened: hasActiveChild, href: item.path, children: hasChildren && item.children?.map(child => _jsx(SideNavbarItem, { item: child, collapsed: false, onNavigate: onNavigate }, child.key ?? child.path ?? child.label)) }));
+}
+//# sourceMappingURL=SideNavbarItem.js.map

package/components/AppLayout/SideNavbarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavbarItem.js","sourceRoot":"","sources":["../../../src/components/AppLayout/SideNavbarItem.tsx"],"names":[],"mappings":"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"}

package/components/AppLayout/TopNavbar.d.ts

@@ -0,0 +1,16 @@
+import { type NotificationsConfig, type UserInfo } from './layout.types.js';
+/**
+ * Defining types
+ */
+interface TopNavbarProps {
+    user?: UserInfo;
+    notifications?: NotificationsConfig;
+    showThemeToggle?: boolean;
+    mobileOpened: boolean;
+    onToggleMobile: () => void;
+}
+/**
+ * Declaring the constants
+ */
+export declare function TopNavbar({ user, notifications, showThemeToggle, mobileOpened, onToggleMobile }: TopNavbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/AppLayout/TopNavbar.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Importing npm packages
+ */
+import { ActionIcon, Avatar, Burger, Group, Indicator, Menu, Text, useComputedColorScheme, useMantineColorScheme } from '@mantine/core';
+import { Bell, Moon, Sun } from 'lucide-react';
+/**
+ * Importing user defined packages
+ */
+import { getInitials } from '../../lib/index.js';
+/**
+ * Declaring the constants
+ */
+export function TopNavbar({ user, notifications, showThemeToggle = true, mobileOpened, onToggleMobile }) {
+    const theme = useComputedColorScheme();
+    const { toggleColorScheme } = useMantineColorScheme();
+    return (_jsxs(Group, { h: '100%', px: 'md', justify: 'space-between', wrap: 'nowrap', children: [_jsx(Group, { gap: 'sm', wrap: 'nowrap', children: _jsx(Burger, { opened: mobileOpened, onClick: onToggleMobile, hiddenFrom: 'sm', size: 'sm' }) }), _jsxs(Group, { gap: 'xs', wrap: 'nowrap', children: [showThemeToggle && (_jsx(ActionIcon, { onClick: toggleColorScheme, size: 'lg', "aria-label": 'Toggle color scheme', children: theme === 'dark' ? _jsx(Sun, { size: 18 }) : _jsx(Moon, { size: 18 }) })), notifications && (_jsx(Indicator, { label: notifications.count, size: 16, disabled: notifications.count === 0, offset: 4, children: _jsx(ActionIcon, { onClick: notifications.onClick, size: 'lg', "aria-label": 'Notifications', children: _jsx(Bell, { size: 18 }) }) })), user && (_jsxs(Menu, { position: 'bottom-end', offset: 8, width: 200, children: [_jsx(Menu.Target, { children: _jsx(ActionIcon, { variant: 'transparent', size: 'lg', radius: 'xl', children: _jsx(Avatar, { src: user.avatarUrl, size: 'sm', radius: 'xl', color: 'initials', children: !user.avatarUrl && getInitials(user.name) }) }) }), _jsxs(Menu.Dropdown, { children: [_jsxs(Menu.Label, { children: [_jsx(Text, { size: 'sm', fw: 500, children: user.name }), user.email && (_jsx(Text, { size: 'xs', c: 'dimmed', children: user.email }))] }), user.actions?.map((action, index) => (_jsxs("div", { children: [(action.divider || index === 0) && _jsx(Menu.Divider, {}), _jsx(Menu.Item, { leftSection: action.icon && _jsx(action.icon, { size: 14 }), color: action.color, onClick: action.onClick, children: action.label })] }, action.label)))] })] }))] })] }));
+}
+//# sourceMappingURL=TopNavbar.js.map

package/components/AppLayout/TopNavbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavbar.js","sourceRoot":"","sources":["../../../src/components/AppLayout/TopNavbar.tsx"],"names":[],"mappings":"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"}

package/components/AppLayout/hooks/use-layout-state.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Importing user defined packages
+ */
+/**
+ * Defining types
+ */
+interface UseLayoutStateOptions {
+    defaultCollapsed?: boolean;
+}
+/**
+ * Declaring the constants
+ */
+export declare function useLayoutState(options?: UseLayoutStateOptions): {
+    collapsed: boolean;
+    toggleCollapsed: () => void;
+    mobileOpened: boolean;
+    toggleMobile: () => void;
+    closeMobile: () => void;
+};
+export {};

package/components/AppLayout/hooks/use-layout-state.js

@@ -0,0 +1,16 @@
+/**
+ * Importing npm packages
+ */
+import { useDisclosure } from '@mantine/hooks';
+import { useState } from 'react';
+/**
+ * Declaring the constants
+ */
+export function useLayoutState(options = {}) {
+    const { defaultCollapsed = false } = options;
+    const [collapsed, setCollapsed] = useState(defaultCollapsed);
+    const [mobileOpened, { toggle: toggleMobile, close: closeMobile }] = useDisclosure(false);
+    const toggleCollapsed = () => setCollapsed(prev => !prev);
+    return { collapsed, toggleCollapsed, mobileOpened, toggleMobile, closeMobile };
+}
+//# sourceMappingURL=use-layout-state.js.map

package/components/AppLayout/hooks/use-layout-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-layout-state.js","sourceRoot":"","sources":["../../../../src/components/AppLayout/hooks/use-layout-state.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAcjC;;GAEG;AAEH,MAAM,UAAU,cAAc,CAAC,UAAiC,EAAE;IAChE,MAAM,EAAE,gBAAgB,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC;IAE7C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAE1F,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAE1D,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AACjF,CAAC"}

package/components/AppLayout/hooks/use-side-navbar-item.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Importing user defined packages
+ */
+import { type NavItem } from '../layout.types.js';
+export declare function useSideNavbarItem(item: NavItem, onNavigate?: () => void): {
+    isActive: boolean;
+    hasChildren: boolean | undefined;
+    hasActiveChild: boolean;
+    handleClick: () => void;
+    navigate: import("@tanstack/router-core").UseNavigateResult<string>;
+};

package/components/AppLayout/hooks/use-side-navbar-item.js

@@ -0,0 +1,37 @@
+/**
+ * Importing npm packages
+ */
+import { useLocation, useNavigate } from '@tanstack/react-router';
+/**
+ * Defining types
+ */
+/**
+ * Declaring the constants
+ */
+function isRouteActive(itemPath, currentPath, exactMatch) {
+    if (exactMatch)
+        return currentPath === itemPath;
+    return currentPath === itemPath || currentPath.startsWith(`${itemPath}/`);
+}
+function isItemOrChildActive(item, currentPath) {
+    if (item.path && isRouteActive(item.path, currentPath, item.exactMatch ?? false))
+        return true;
+    return item.children?.some(child => isItemOrChildActive(child, currentPath)) ?? false;
+}
+export function useSideNavbarItem(item, onNavigate) {
+    const location = useLocation();
+    const navigate = useNavigate();
+    const currentPath = location.pathname;
+    const isActive = item.path ? isRouteActive(item.path, currentPath, item.exactMatch ?? false) : false;
+    const hasChildren = item.children && item.children.length > 0;
+    const hasActiveChild = hasChildren ? isItemOrChildActive(item, currentPath) : false;
+    const handleClick = () => {
+        item.onClick?.();
+        if (item.path)
+            navigate({ to: item.path });
+        if (!hasChildren)
+            onNavigate?.();
+    };
+    return { isActive, hasChildren, hasActiveChild, handleClick, navigate };
+}
+//# sourceMappingURL=use-side-navbar-item.js.map

package/components/AppLayout/hooks/use-side-navbar-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-side-navbar-item.js","sourceRoot":"","sources":["../../../../src/components/AppLayout/hooks/use-side-navbar-item.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAOlE;;GAEG;AAEH;;GAEG;AAEH,SAAS,aAAa,CAAC,QAAgB,EAAE,WAAmB,EAAE,UAAmB;IAC/E,IAAI,UAAU;QAAE,OAAO,WAAW,KAAK,QAAQ,CAAC;IAChD,OAAO,WAAW,KAAK,QAAQ,IAAI,WAAW,CAAC,UAAU,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC;AAC5E,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAa,EAAE,WAAmB;IAC7D,IAAI,IAAI,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAC9F,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC;AACxF,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAa,EAAE,UAAuB;IACtE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,CAAC;IAEtC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACrG,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9D,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACpF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;QACjB,IAAI,IAAI,CAAC,IAAI;YAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC3C,IAAI,CAAC,WAAW;YAAE,UAAU,EAAE,EAAE,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AAC1E,CAAC"}

package/components/AppLayout/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AppLayout.js';
+export * from './layout.types.js';

package/components/AppLayout/index.js

@@ -0,0 +1,3 @@
+export * from './AppLayout.js';
+export * from './layout.types.js';
+//# sourceMappingURL=index.js.map

package/components/AppLayout/index.js.map

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

package/components/AppLayout/layout.types.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Importing npm packages
+ */
+import { type LucideIcon } from 'lucide-react';
+import { type ReactNode } from 'react';
+/**
+ * Importing user defined packages
+ */
+/**
+ * Defining types
+ */
+export interface NavItem {
+    /** Unique key for this item; defaults to `path` if not provided */
+    key?: string;
+    /** Display label */
+    label: string;
+    /** Lucide icon component (not element), e.g. `Home` not `<Home />` */
+    icon: LucideIcon;
+    /** Route path — used for navigation and active-state matching */
+    path?: string;
+    /** Click handler — called in addition to navigation when `path` is set */
+    onClick?: () => void;
+    /** Nested children — renders accordion (expanded) or flyout (collapsed) */
+    children?: NavItem[];
+    /** If true, active match uses exact equality; otherwise prefix match. @default false */
+    exactMatch?: boolean;
+    /** If true, this item is visually disabled */
+    disabled?: boolean;
+}
+export interface UserMenuAction {
+    label: string;
+    icon?: LucideIcon;
+    onClick: () => void;
+    color?: string;
+    /** If true, a divider is rendered before this action */
+    divider?: boolean;
+}
+export interface UserInfo {
+    /** Display name shown in avatar/dropdown */
+    name: string;
+    /** Optional email shown below name in dropdown */
+    email?: string;
+    /** Avatar image URL; if absent, initials derived from name */
+    avatarUrl?: string;
+    /** Menu actions (e.g. "Profile", "Settings", "Logout") */
+    actions?: UserMenuAction[];
+}
+export interface NotificationsConfig {
+    /** Unread count displayed as badge; 0 hides badge */
+    count: number;
+    /** Called when the bell icon is clicked */
+    onClick: () => void;
+}
+export interface FooterConfig {
+    /** Version string, e.g. "v1.2.3" */
+    version?: string;
+    /** Completely custom footer content — overrides default rendering */
+    content?: ReactNode;
+}

package/components/AppLayout/layout.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=layout.types.js.map

package/components/AppLayout/layout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.types.js","sourceRoot":"","sources":["../../../src/components/AppLayout/layout.types.ts"],"names":[],"mappings":""}

package/components/Logo/Alphabets.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Importing npm packages
+ */
+import { type ReactElement } from 'react';
+/**
+ * Importing user defined packages
+ */
+/**
+ * Defining types
+ */
+declare const AlphabetBrand: unique symbol;
+export type Alphabet = (props: React.SVGProps<SVGSVGElement>) => ReactElement<SVGSVGElement> & {
+    [AlphabetBrand]: undefined;
+};
+/**
+ * Declaring the constants
+ */
+export declare const A: Alphabet;
+export declare const B: Alphabet;
+export declare const C: Alphabet;
+export declare const D: Alphabet;
+export declare const E: Alphabet;
+export declare const F: Alphabet;
+export declare const G: Alphabet;
+export declare const H: Alphabet;
+export declare const I: Alphabet;
+export declare const J: Alphabet;
+export declare const K: Alphabet;
+export declare const L: Alphabet;
+export declare const M: Alphabet;
+export declare const N: Alphabet;
+export declare const O: Alphabet;
+export declare const P: Alphabet;
+export declare const Q: Alphabet;
+export declare const R: Alphabet;
+export declare const S: Alphabet;
+export declare const T: Alphabet;
+export declare const U: Alphabet;
+export declare const V: Alphabet;
+export declare const W: Alphabet;
+export declare const X: Alphabet;
+export declare const Y: Alphabet;
+export declare const Z: Alphabet;
+export {};

package/components/Logo/Alphabets.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Declaring the constants
+ */
+export const A = ((props) => (_jsxs("svg", { ...props, viewBox: '2 -70 58 70', children: [_jsx("title", { children: "A" }), _jsx("path", { d: 'M2 0L27-70L35-70L60 0L52 0L46-19L16-19L10 0L2 0ZM19-26L43-26L31-61L31-61L19-26Z' })] })));
+export const B = ((props) => (_jsxs("svg", { ...props, viewBox: '8 -70 51.6 70', children: [_jsx("title", { children: "B" }), _jsx("path", { d: 'M8 0L8-70L47-70L57-61L57-41L52-37L60-29L60-10L50 0L8 0ZM15-38L44-38L49-43L49-59L44-63L15-63L15-38ZM15-7L46-7L52-12L52-26L46-32L15-32L15-7Z' })] })));
+export const C = ((props) => (_jsxs("svg", { ...props, viewBox: '7 -70 51.6 70', children: [_jsx("title", { children: "C" }), _jsx("path", { d: 'M18 0L7-11L7-59L18-70L48-70L59-59L59-53L51-53L51-57L45-63L21-63L15-57L15-14L21-7L45-7L51-13L51-17L59-17L59-11L48 0L18 0Z' })] })));
+export const D = ((props) => (_jsxs("svg", { ...props, viewBox: '8 -70 51.400000000000006 70', children: [_jsx("title", { children: "D" }), _jsx("path", { d: 'M8 0L8-70L48-70L59-59L59-11L48 0L8 0ZM16-7L45-7L52-14L52-57L45-63L16-63L16-7Z' })] })));
+export const E = ((props) => (_jsxs("svg", { ...props, viewBox: '8 -70 45.2 70', children: [_jsx("title", { children: "E" }), _jsx("path", { d: 'M8 0L8-70L53-70L53-63L16-63L16-39L50-39L50-32L16-32L16-7L53-7L53 0L8 0Z' })] })));
+export const F = ((props) => (_jsxs("svg", { ...props, viewBox: '8 -70 44.2 70', children: [_jsx("title", { children: "F" }), _jsx("path", { d: 'M8 0L8-70L52-70L52-63L16-63L16-38L47-38L47-31L16-31L16 0L8 0Z' })] })));
+export const G = ((props) => (_jsxs("svg", { ...props, viewBox: '7 -70 52.2 70', children: [_jsx("title", { children: "G" }), _jsx("path", { d: 'M18 0L7-11L7-59L18-70L49-70L59-59L59-53L52-53L52-57L45-63L21-63L15-57L15-14L21-7L45-7L52-14L52-30L36-30L36-37L59-37L59-11L48 0L18 0Z' })] })));
+export const H = ((props) => (_jsxs("svg", { ...props, viewBox: '8 -70 51.400000000000006 70', children: [_jsx("title", { children: "H" }), _jsx("path", { d: 'M8 0L8-70L16-70L16-38L52-38L52-70L59-70L59 0L52 0L52-32L16-32L16 0L8 0Z' })] })));
+export const I = ((props) => (_jsxs("svg", { ...props, viewBox: '8.5 -70 7.600000000000001 70', children: [_jsx("title", { children: "I" }), _jsx("path", { d: 'M9 0L9-70L16-70L16 0L9 0Z' })] })));
+export const J = ((props) => (_jsxs("svg", { ...props, viewBox: '3.5 -70 44.6 70', children: [_jsx("title", { children: "J" }), _jsx("path", { d: 'M15 0L4-11L4-21L11-21L11-14L18-7L35-7L41-12L41-70L48-70L48-10L38 0L15 0Z' })] })));
+export const K = ((props) => (_jsxs("svg", { ...props, viewBox: '8 -70 51.7 70', children: [_jsx("title", { children: "K" }), _jsx("path", { d: 'M8 0L8-70L16-70L16-38L32-38L50-70L58-70L38-35L60 0L51 0L32-32L16-32L16 0L8 0Z' })] })));
+export const L = ((props) => (_jsxs("svg", { ...props, viewBox: '8 -70 43.2 70', children: [_jsx("title", { children: "L" }), _jsx("path", { d: 'M8 0L8-70L16-70L16-7L51-7L51 0L8 0Z' })] })));
+export const M = ((props) => (_jsxs("svg", { ...props, viewBox: '8 -70 61.7 70', children: [_jsx("title", { children: "M" }), _jsx("path", { d: 'M8 0L8-70L16-70L39-16L39-16L61-70L70-70L70 0L63 0L63-55L62-55L42-7L36-7L15-55L15-55L15 0L8 0Z' })] })));
+export const N = ((props) => (_jsxs("svg", { ...props, viewBox: '8 -70 51.300000000000004 70', children: [_jsx("title", { children: "N" }), _jsx("path", { d: 'M8 0L8-70L15-70L52-12L52-12L52-70L59-70L59 0L52 0L15-58L15-58L15 0L8 0Z' })] })));
+export const O = ((props) => (_jsxs("svg", { ...props, viewBox: '7 -70 53.6 70', children: [_jsx("title", { children: "O" }), _jsx("path", { d: 'M18 0L7-11L7-59L18-70L50-70L61-59L61-11L50 0L18 0ZM21-7L46-7L53-14L53-57L46-63L21-63L15-57L15-14L21-7Z' })] })));
+export const P = ((props) => (_jsxs("svg", { ...props, viewBox: '8 -70 49.2 70', children: [_jsx("title", { children: "P" }), _jsx("path", { d: 'M8 0L8-70L48-70L57-61L57-38L48-29L16-29L16 0L8 0ZM16-36L45-36L50-41L50-59L45-63L16-63L16-36Z' })] })));
+export const Q = ((props) => (_jsxs("svg", { ...props, viewBox: '7 -70 56 80.8', children: [_jsx("title", { children: "Q" }), _jsx("path", { d: 'M53-4L63 6L58 11L48 0L18 0L7-11L7-59L18-70L50-70L61-59L61-11L53-4ZM46-7L53-14L53-57L46-63L21-63L15-57L15-14L21-7L46-7Z' })] })));
+export const R = ((props) => (_jsxs("svg", { ...props, viewBox: '8 -70 49.6 70', children: [_jsx("title", { children: "R" }), _jsx("path", { d: 'M49-31L58-21L58 0L50 0L50-19L40-29L16-29L16 0L8 0L8-70L48-70L57-61L57-39L49-31ZM16-63L16-36L45-36L50-41L50-59L45-63L16-63Z' })] })));
+export const S = ((props) => (_jsxs("svg", { ...props, viewBox: '6.5 -70 48.800000000000004 70', children: [_jsx("title", { children: "S" }), _jsx("path", { d: 'M16 0L7-9L7-16L14-16L14-12L19-7L43-7L48-12L48-28L43-33L16-33L7-42L7-61L16-70L45-70L55-61L55-54L47-54L47-58L42-63L19-63L14-58L14-44L19-39L46-39L55-30L55-9L46 0L16 0Z' })] })));
+export const T = ((props) => (_jsxs("svg", { ...props, viewBox: '3 -70 50 70', children: [_jsx("title", { children: "T" }), _jsx("path", { d: 'M24 0L24-63L3-63L3-70L53-70L53-63L32-63L32 0L24 0Z' })] })));
+export const U = ((props) => (_jsxs("svg", { ...props, viewBox: '8 -70 51.6 70', children: [_jsx("title", { children: "U" }), _jsx("path", { d: 'M19 0L8-11L8-70L16-70L16-14L22-7L45-7L52-14L52-70L60-70L60-11L49 0L19 0Z' })] })));
+export const V = ((props) => (_jsxs("svg", { ...props, viewBox: '2.5 -70 57.6 70', children: [_jsx("title", { children: "V" }), _jsx("path", { d: 'M27 0L3-70L10-70L31-9L31-9L52-70L60-70L35 0L27 0Z' })] })));
+export const W = ((props) => (_jsxs("svg", { ...props, viewBox: '4 -70 78.30000000000001 70', children: [_jsx("title", { children: "W" }), _jsx("path", { d: 'M18 0L4-70L12-70L23-11L23-11L40-70L47-70L64-11L64-11L75-70L82-70L68 0L60 0L44-59L44-59L26 0L18 0Z' })] })));
+export const X = ((props) => (_jsxs("svg", { ...props, viewBox: '2 -70 56.400000000000006 70', children: [_jsx("title", { children: "X" }), _jsx("path", { d: 'M2 0L26-36L3-70L12-70L30-42L49-70L57-70L35-36L58 0L50 0L30-30L11 0L2 0Z' })] })));
+export const Y = ((props) => (_jsxs("svg", { ...props, viewBox: '1.5 -70 56.2 70', children: [_jsx("title", { children: "Y" }), _jsx("path", { d: 'M26 0L26-29L2-70L10-70L30-36L30-36L50-70L58-70L33-29L33 0L26 0Z' })] })));
+export const Z = ((props) => (_jsxs("svg", { ...props, viewBox: '5 -70 46.800000000000004 70', children: [_jsx("title", { children: "Z" }), _jsx("path", { d: 'M5 0L5-8L44-63L44-64L6-64L6-70L52-70L52-63L13-7L13-7L52-7L52 0L5 0Z' })] })));
+//# sourceMappingURL=Alphabets.js.map