@pattern-stack/frontend-patterns 0.1.2 → 0.2.0-alpha.0

package/dist/atoms/ui/Select.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-interface SelectProps {
-    children: React.ReactNode;
-    onValueChange?: (value: string) => void;
-    defaultValue?: string;
-    value?: string;
-}
-export declare const Select: ({ children }: SelectProps) => import("react/jsx-runtime").JSX.Element;
-interface SelectTriggerProps {
-    children: React.ReactNode;
-    className?: string;
-}
-export declare const SelectTrigger: ({ children, className }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
-interface SelectValueProps {
-    placeholder?: string;
-}
-export declare const SelectValue: ({ placeholder }: SelectValueProps) => import("react/jsx-runtime").JSX.Element;
-interface SelectContentProps {
-    children: React.ReactNode;
-}
-export declare const SelectContent: ({ children }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
-interface SelectItemProps {
-    children: React.ReactNode;
-    value: string;
-}
-export declare const SelectItem: ({ children }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Select.d.ts.map

package/dist/atoms/ui/Select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,MAAM,GAAI,cAAc,WAAW,4CAE/C,CAAC;AAEF,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,4CAIxE,CAAC;AAEF,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,GAAI,iBAAiB,gBAAgB,4CAE5D,CAAC;AAEF,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,GAAI,cAAc,kBAAkB,4CAI7D,CAAC;AAEF,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,GAAI,cAAc,eAAe,4CAIvD,CAAC"}

package/dist/atoms/ui/Switch.d.ts

@@ -1,9 +0,0 @@
-interface SwitchProps {
-    checked?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-    className?: string;
-    disabled?: boolean;
-}
-export declare const Switch: ({ checked, onCheckedChange, className, disabled }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Switch.d.ts.map

package/dist/atoms/ui/Switch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/Switch.tsx"],"names":[],"mappings":"AAEA,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,GAAI,mDAAmD,WAAW,4CAgCpF,CAAC"}

package/dist/atoms/ui/Tabs.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-interface TabsProps {
-    children: React.ReactNode;
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    className?: string;
-}
-export declare const Tabs: ({ children, defaultValue, value, onValueChange, className }: TabsProps) => import("react/jsx-runtime").JSX.Element;
-interface TabsListProps {
-    children: React.ReactNode;
-    className?: string;
-}
-export declare const TabsList: ({ children, className }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
-interface TabsTriggerProps {
-    children: React.ReactNode;
-    value: string;
-    className?: string;
-    category?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-    'data-category'?: string;
-}
-export declare const TabsTrigger: ({ children, value, className, category, "data-category": dataCategory }: TabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
-interface TabsContentProps {
-    children: React.ReactNode;
-    value: string;
-    className?: string;
-}
-export declare const TabsContent: ({ children, value, className }: TabsContentProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=Tabs.d.ts.map

package/dist/atoms/ui/Tabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAWnE,UAAU,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,GAAI,6DAA6D,SAAS,4CAiB1F,CAAC;AAEF,UAAU,aAAa;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,GAAI,yBAAyB,aAAa,4CAW9D,CAAC;AAEF,UAAU,gBAAgB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,GAAI,yEAAyE,gBAAgB,4CAkCpH,CAAC;AAEF,UAAU,gBAAgB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,gCAAgC,gBAAgB,mDAW3E,CAAC"}

package/dist/atoms/ui/avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,QAAA,MAAM,MAAM,yJAYV,CAAA;AAGF,QAAA,MAAM,WAAW,gKASf,CAAA;AAGF,QAAA,MAAM,cAAc,iKAYlB,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}

package/dist/atoms/ui/button.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "sm" | "lg" | "default" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-    /** Tooltip to show on hover (especially useful for icon-only buttons) */
-    tooltip?: string;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Button, buttonVariants };
-//# sourceMappingURL=button.d.ts.map

package/dist/atoms/ui/button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EA2BnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,MAAM,uFAuBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/atoms/ui/card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9D,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC1C;AAED,QAAA,MAAM,IAAI,kFAkBT,CAAC;AAGF,QAAA,MAAM,UAAU,6GAKd,CAAA;AAGF,QAAA,MAAM,SAAS,uHAYb,CAAA;AAGF,QAAA,MAAM,eAAe,yHAKnB,CAAA;AAGF,QAAA,MAAM,WAAW,6GAKf,CAAA;AAGF,QAAA,MAAM,UAAU,6GAKd,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}

package/dist/atoms/ui/dropdown-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAKtE,QAAA,MAAM,YAAY,mDAA6B,CAAA;AAE/C,QAAA,MAAM,mBAAmB,0HAAgC,CAAA;AAEzD,QAAA,MAAM,iBAAiB,qHAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,yDAA+B,CAAA;AAEvD,QAAA,MAAM,eAAe,sDAA4B,CAAA;AAEjD,QAAA,MAAM,sBAAsB,0HAAmC,CAAA;AAE/D,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAA;AAIF,QAAA,MAAM,sBAAsB,6KAY1B,CAAA;AAIF,QAAA,MAAM,mBAAmB,0KAgBvB,CAAA;AAGF,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,wBAAwB,+KAoB5B,CAAA;AAIF,QAAA,MAAM,qBAAqB,4KAmBzB,CAAA;AAGF,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,qBAAqB,4KASzB,CAAA;AAGF,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAA;AAGD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}

package/dist/atoms/ui/index.d.ts

@@ -1,15 +0,0 @@
-export { ErrorBoundary } from './ErrorBoundary';
-export { Button } from './button';
-export { Card, CardContent, CardDescription, CardHeader, CardTitle, CardFooter } from './card';
-export { Input } from './input';
-export { Label } from './label';
-export { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, TableFooter } from './table';
-export { Badge } from './Badge';
-export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select';
-export { Switch } from './Switch';
-export { Tabs, TabsContent, TabsList, TabsTrigger } from './Tabs';
-export { Avatar, AvatarImage, AvatarFallback } from './avatar';
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup } from './dropdown-menu';
-export { Skeleton } from './skeleton';
-export { Spinner, Loading } from './spinner';
-//# sourceMappingURL=index.d.ts.map

package/dist/atoms/ui/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC/F,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGnH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/atoms/ui/input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEpE,QAAA,MAAM,KAAK,qFAcV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/atoms/ui/label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,QAAA,MAAM,KAAK,4PAUT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/atoms/ui/skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/skeleton.tsx"],"names":[],"mappings":"AAEA,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQrE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/atoms/ui/spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAa1C,CAAC;AAGF,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAW1C,CAAC"}

package/dist/atoms/ui/table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/atoms/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,KAAK,iHAWT,CAAA;AAGF,QAAA,MAAM,WAAW,+HAKf,CAAA;AAGF,QAAA,MAAM,SAAS,+HASb,CAAA;AAGF,QAAA,MAAM,WAAW,+HAYf,CAAA;AAGF,QAAA,MAAM,QAAQ,uHAYZ,CAAA;AAGF,QAAA,MAAM,SAAS,2HAYb,CAAA;AAGF,QAAA,MAAM,SAAS,2HASb,CAAA;AAGF,QAAA,MAAM,YAAY,+HAShB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAA"}

package/src/App.css

@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}

package/src/App.tsx

@@ -1,54 +0,0 @@
-import { BrowserRouter, Routes, Route } from 'react-router-dom';
-
-// Atoms
-import { ErrorBoundary } from './atoms/ui';
-
-// Features
-import { ProtectedRoute } from './features/auth';
-
-// Organisms  
-import { AppLayout } from './molecules/layout/AppLayout';
-import { ComponentShowcasePage } from './organisms/showcase';
-
-// Pages
-import { 
-  ComponentShowcase, 
-  AdminDashboardShowcase, 
-  AdminCRUDShowcase, 
-  AdminDetailShowcase 
-} from './pages';
-
-function App() {
-  return (
-    <ErrorBoundary>
-      <BrowserRouter>
-        <Routes>
-          <Route path="/" element={
-            <ProtectedRoute>
-              <AppLayout />
-            </ProtectedRoute>
-          }>
-            {/* Default to Component Showcase */}
-            <Route index element={<ErrorBoundary><ComponentShowcasePage /></ErrorBoundary>} />
-            
-            {/* Component Showcase - Complete with Navigation/Forms/Feedback */}
-            <Route path="showcase" element={<ErrorBoundary><ComponentShowcasePage /></ErrorBoundary>} />
-            
-            {/* Template-driven Showcase (alternative version) */}
-            <Route path="showcase-alt" element={<ErrorBoundary><ComponentShowcase /></ErrorBoundary>} />
-            
-            {/* Admin Template Showcases */}
-            <Route path="admin/dashboard" element={<ErrorBoundary><AdminDashboardShowcase /></ErrorBoundary>} />
-            <Route path="admin/users" element={<ErrorBoundary><AdminCRUDShowcase /></ErrorBoundary>} />
-            <Route path="admin/user/:id" element={<ErrorBoundary><AdminDetailShowcase /></ErrorBoundary>} />
-            
-            {/* Fallback */}
-            <Route path="*" element={<ErrorBoundary><ComponentShowcasePage /></ErrorBoundary>} />
-          </Route>
-        </Routes>
-      </BrowserRouter>
-    </ErrorBoundary>
-  );
-}
-
-export default App;

package/src/__tests__/README.md

@@ -1,221 +0,0 @@
-# Frontend Testing Strategy
-
-> Atomic design testing that mirrors your backend testing architecture
-
-## 🏗️ Testing Architecture
-
-Our frontend tests follow the **same atomic structure** as your backend tests:
-
-```
-src/__tests__/
-├── atoms/              # Unit tests (like backend atoms/)
-│   ├── ui/            # UI component tests
-│   ├── business/      # Business component tests  
-│   ├── hooks/         # React hooks tests
-│   ├── utils/         # Utility function tests
-│   └── services/      # API client tests
-├── molecules/         # Component integration tests
-│   ├── forms/         # Form component tests
-│   ├── layout/        # Layout component tests
-│   └── navigation/    # Navigation tests
-├── organisms/         # Page/complex component tests
-│   └── showcase/      # Full page tests
-├── features/          # Feature integration tests
-│   └── auth/          # Auth system tests
-├── setup.ts           # Test setup (like conftest.py)
-└── utils.tsx          # Test utilities (like pytest fixtures)
-```
-
-## 🧪 Testing Stack
-
-**Framework**: Vitest (Vite-native, fast)
-**React Testing**: @testing-library/react
-**User Interaction**: @testing-library/user-event  
-**Environment**: jsdom (browser simulation)
-**Assertions**: jest-dom matchers
-
-## 📋 Test Commands
-
-```bash
-# Run all tests
-npm run test
-
-# Run with UI (visual test runner)
-npm run test:ui
-
-# Run once (CI mode)
-npm run test:run
-
-# Watch mode (development)
-npm run test:watch
-
-# Coverage report
-npm run test:coverage
-
-# Test by atomic level (like backend)
-npm run test:atoms       # Unit tests
-npm run test:molecules   # Component integration
-npm run test:organisms   # Page tests  
-npm run test:features    # Feature integration
-```
-
-## 🎯 Testing Patterns
-
-### Atoms (Unit Tests)
-```typescript
-// UI Components
-describe('Button (Atom)', () => {
-  it('renders with correct variant styles', () => {
-    render(<Button variant="primary">Click me</Button>)
-    expect(screen.getByRole('button')).toHaveClass('bg-primary')
-  })
-})
-
-// Hooks
-describe('useApi (Atom)', () => {
-  it('handles API calls correctly', async () => {
-    const { result } = renderHook(() => useApiQuery(['test'], mockFn))
-    await waitFor(() => expect(result.current.isSuccess).toBe(true))
-  })
-})
-
-// Utils
-describe('cn utility (Atom)', () => {
-  it('merges classes correctly', () => {
-    expect(cn('px-4', 'py-2')).toBe('px-4 py-2')
-  })
-})
-```
-
-### Molecules (Component Integration)
-```typescript
-describe('AppHeader (Molecule)', () => {
-  it('integrates auth, navigation, and UI atoms', () => {
-    render(<AppHeader />)
-    expect(screen.getByRole('banner')).toBeInTheDocument()
-    expect(screen.getByTestId('user-menu')).toBeInTheDocument()
-  })
-})
-```
-
-### Organisms (Page Tests)
-```typescript
-describe('ComponentShowcasePage (Organism)', () => {
-  it('renders complete page with all sections', () => {
-    render(<ComponentShowcasePage />)
-    expect(screen.getByRole('main')).toBeInTheDocument()
-    // Test full page functionality
-  })
-})
-```
-
-### Features (Integration Tests)
-```typescript
-describe('useAuth (Feature)', () => {
-  it('handles complete auth flow', async () => {
-    const { result } = renderHook(() => useAuth())
-    await act(() => result.current.login(credentials))
-    expect(result.current.isAuthenticated).toBe(true)
-  })
-})
-```
-
-## 🛠️ Test Utilities
-
-### Setup (`setup.ts`)
-- Global test configuration
-- Mock browser APIs
-- Environment setup
-- Like your `conftest.py`
-
-### Utils (`utils.tsx`)
-- Custom render with providers
-- Mock factories (users, API clients)
-- Test helpers and fixtures
-- Like your pytest fixtures
-
-### Example Usage
-```typescript
-import { render, createMockUser, createMockApiClient } from '../utils'
-
-describe('MyComponent', () => {
-  it('works with test utilities', () => {
-    const mockUser = createMockUser({ name: 'Test User' })
-    const mockApi = createMockApiClient()
-    
-    render(<MyComponent />, {
-      initialRoute: '/dashboard',
-      queryClient: new QueryClient()
-    })
-  })
-})
-```
-
-## 🎨 Design System Testing
-
-Our tests enforce design system compliance:
-
-```typescript
-it('uses design system classes only', () => {
-  render(<Component />)
-  const element = screen.getByRole('button')
-  
-  // ✅ Should use design system
-  expect(element).toHaveClass('bg-primary')
-  
-  // ❌ Should NOT use hardcoded colors
-  expect(element.className).not.toMatch(/bg-blue-\d+/)
-})
-```
-
-## 📊 Coverage Goals
-
-- **Atoms**: 90%+ (pure functions, UI components)
-- **Molecules**: 80%+ (component integration)
-- **Organisms**: 70%+ (complex pages)
-- **Features**: 85%+ (business logic)
-
-## 🔄 CI/CD Integration
-
-Tests run in pre-commit hooks:
-```bash
-npm run pre-commit  # style:check + test:run + build
-```
-
-## 🚀 Running Tests
-
-```bash
-# Development workflow
-npm run test:watch        # Watch mode while coding
-
-# Before committing  
-npm run test:run          # Full test suite
-npm run test:coverage     # Check coverage
-
-# Debugging specific areas
-npm run test:atoms        # Just unit tests
-npm run test:features     # Just integration tests
-
-# Visual debugging
-npm run test:ui           # Vitest UI runner
-```
-
-## 🎯 Best Practices
-
-1. **Mirror Backend Structure**: Tests follow atomic design
-2. **Design System Compliance**: Test CSS class usage
-3. **Integration Focus**: Test component interactions
-4. **User-Centric**: Test user workflows, not implementation
-5. **Mock External Dependencies**: API calls, localStorage, etc.
-6. **Accessibility**: Test keyboard navigation, ARIA attributes
-
-## 🔧 Configuration
-
-- **vitest.config.ts**: Main test configuration
-- **setup.ts**: Global test setup and mocks
-- **utils.tsx**: Reusable test utilities and providers
-- **package.json**: Test scripts and atomic-level commands
-
----
-
-**Result**: Frontend testing that mirrors your backend's atomic architecture with comprehensive coverage and design system enforcement! 🧪⚛️

package/src/__tests__/atoms/hooks/simple-hooks.test.ts

@@ -1,44 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { renderHook } from '@testing-library/react'
-import { useState } from 'react'
-
-describe('Simple Hook Tests (Example)', () => {
-  it('useState hook works correctly', () => {
-    const { result } = renderHook(() => useState(0))
-    
-    const [count, setCount] = result.current
-    expect(count).toBe(0)
-    
-    // Test that hook function is returned
-    expect(typeof setCount).toBe('function')
-  })
-
-  it('useEffect-like behavior can be tested', () => {
-    const { result, rerender } = renderHook(
-      ({ initialValue }) => useState(initialValue),
-      { initialProps: { initialValue: 10 } }
-    )
-
-    expect(result.current[0]).toBe(10)
-
-    // Test re-render with new props
-    rerender({ initialValue: 20 })
-    // Note: useState doesn't re-initialize on prop changes, this is just testing the pattern
-    expect(result.current[0]).toBe(10) // Still 10 because useState doesn't re-init
-  })
-
-  it('custom hook pattern testing', () => {
-    const useCounter = (initial = 0) => {
-      const [count, setCount] = useState(initial)
-      const increment = () => setCount(c => c + 1)
-      const decrement = () => setCount(c => c - 1)
-      return { count, increment, decrement }
-    }
-
-    const { result } = renderHook(() => useCounter(5))
-
-    expect(result.current.count).toBe(5)
-    expect(typeof result.current.increment).toBe('function')
-    expect(typeof result.current.decrement).toBe('function')
-  })
-})

package/src/__tests__/atoms/ui/button.test.tsx

@@ -1,68 +0,0 @@
-import React from 'react'
-import { describe, it, expect } from 'vitest'
-import { render, screen, userEvent } from '../../utils'
-import { Button } from '../../../atoms/ui/button'
-
-describe('Button (Atom)', () => {
-  it('renders with default variant', () => {
-    render(<Button>Click me</Button>)
-    const button = screen.getByRole('button', { name: /click me/i })
-    expect(button).toBeInTheDocument()
-    // The button uses gradient, so check for primary color reference
-    expect(button.className).toContain('from-primary')
-  })
-
-  it('renders with different variants', () => {
-    const { rerender } = render(<Button variant="secondary">Secondary</Button>)
-    expect(screen.getByRole('button')).toHaveClass('bg-gray-100')
-
-    rerender(<Button variant="destructive">Destructive</Button>)
-    expect(screen.getByRole('button').className).toContain('from-destructive')
-  })
-
-  it('renders with different sizes', () => {
-    const { rerender } = render(<Button size="sm">Small</Button>)
-    expect(screen.getByRole('button')).toHaveClass('h-9')
-
-    rerender(<Button size="lg">Large</Button>)
-    expect(screen.getByRole('button')).toHaveClass('h-12')
-  })
-
-  it('handles click events', async () => {
-    const user = userEvent.setup()
-    const handleClick = vi.fn()
-    
-    render(<Button onClick={handleClick}>Click me</Button>)
-    
-    await user.click(screen.getByRole('button'))
-    expect(handleClick).toHaveBeenCalledOnce()
-  })
-
-  it('is disabled when disabled prop is true', () => {
-    render(<Button disabled>Disabled</Button>)
-    const button = screen.getByRole('button')
-    expect(button).toBeDisabled()
-    expect(button).toHaveClass('disabled:pointer-events-none')
-  })
-
-  it('renders as child component when asChild is true', () => {
-    render(
-      <Button asChild>
-        <a href="/test">Link button</a>
-      </Button>
-    )
-    
-    const link = screen.getByRole('link')
-    expect(link).toBeInTheDocument()
-    expect(link.className).toContain('from-primary')
-    expect(link).toHaveAttribute('href', '/test')
-  })
-
-  it('forwards ref correctly', () => {
-    const ref = React.createRef<HTMLButtonElement>()
-    render(<Button ref={ref}>Button</Button>)
-    
-    expect(ref.current).toBeInstanceOf(HTMLButtonElement)
-    expect(ref.current).toHaveTextContent('Button')
-  })
-})

package/src/__tests__/atoms/utils/simple.test.ts

@@ -1,18 +0,0 @@
-import { describe, it, expect } from 'vitest'
-
-describe('Simple Test (Example)', () => {
-  it('basic arithmetic works', () => {
-    expect(2 + 2).toBe(4)
-  })
-
-  it('string manipulation works', () => {
-    const str = 'hello world'
-    expect(str.toUpperCase()).toBe('HELLO WORLD')
-  })
-
-  it('array operations work', () => {
-    const arr = [1, 2, 3]
-    expect(arr.length).toBe(3)
-    expect(arr.includes(2)).toBe(true)
-  })
-})