gladvn 0.2.22 → 0.2.27

package/src/blocks/dashboard.tsx

@@ -0,0 +1,182 @@
+import {
+  BarChart3Icon,
+  BellIcon,
+  HomeIcon,
+  LayoutDashboardIcon,
+  MenuIcon,
+  SearchIcon,
+  SettingsIcon,
+  UsersIcon
+} from "lucide-react";
+import { Avatar, AvatarFallback, AvatarImage } from "../components/micro/avatar";
+import { Button } from "../components/micro/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../components/micro/card";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "../components/micro/dropdown-menu";
+import { Input } from "../components/micro/input";
+
+export default function DashboardBlock() {
+  return (
+    <div className="flex min-h-screen w-full bg-muted/20">
+      {/* Sidebar */}
+      <aside className="hidden w-64 flex-col border-r border-border bg-background md:flex">
+        <div className="flex h-16 items-center border-b border-border px-6">
+          <LayoutDashboardIcon className="mr-2 size-5 text-primary" />
+          <span className="font-bold">Gladvn App</span>
+        </div>
+        <nav className="flex-1 space-y-1 p-4">
+          <Button variant="soft" color="primary" className="w-full justify-start">
+            <HomeIcon className="mr-2 size-4" /> Overview
+          </Button>
+          <Button variant="ghost" className="w-full justify-start text-muted-foreground">
+            <BarChart3Icon className="mr-2 size-4" /> Analytics
+          </Button>
+          <Button variant="ghost" className="w-full justify-start text-muted-foreground">
+            <UsersIcon className="mr-2 size-4" /> Customers
+          </Button>
+          <Button variant="ghost" className="w-full justify-start text-muted-foreground">
+            <SettingsIcon className="mr-2 size-4" /> Settings
+          </Button>
+        </nav>
+      </aside>
+
+      {/* Main Content */}
+      <main className="flex flex-1 flex-col overflow-hidden">
+        {/* Header */}
+        <header className="flex h-16 items-center gap-4 border-b border-border bg-background px-6">
+          <Button variant="ghost" iconOnly className="md:hidden">
+            <MenuIcon className="size-5" />
+          </Button>
+          
+          <div className="flex-1">
+            <div className="relative w-full max-w-sm">
+              <SearchIcon className="absolute left-2.5 top-2.5 size-4 text-muted-foreground" />
+              <Input type="search" placeholder="Search..." className="w-full pl-9 bg-muted/50" />
+            </div>
+          </div>
+          
+          <Button variant="ghost" iconOnly className="text-muted-foreground relative">
+            <BellIcon className="size-5" />
+            <span className="absolute top-1 right-1 size-2 rounded-full bg-destructive border-2 border-background"></span>
+          </Button>
+
+          <DropdownMenu>
+            <DropdownMenuTrigger render={<button className="outline-none" />}>
+              <Avatar className="size-8 ring-2 ring-primary/20 hover:ring-primary/50 transition-all cursor-pointer">
+                <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
+                <AvatarFallback>CN</AvatarFallback>
+              </Avatar>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="end" className="w-56">
+              <DropdownMenuLabel>My Account</DropdownMenuLabel>
+              <DropdownMenuSeparator />
+              <DropdownMenuItem>Profile</DropdownMenuItem>
+              <DropdownMenuItem>Billing</DropdownMenuItem>
+              <DropdownMenuItem>Team</DropdownMenuItem>
+              <DropdownMenuItem>Subscription</DropdownMenuItem>
+              <DropdownMenuSeparator />
+              <DropdownMenuItem variant="destructive">Log out</DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </header>
+
+        {/* Dashboard Content */}
+        <div className="flex-1 overflow-auto p-6 md:p-8">
+          <div className="flex items-center justify-between mb-8">
+            <div>
+              <h2 className="text-3xl font-bold tracking-tight">Dashboard</h2>
+              <p className="text-muted-foreground mt-1">Here's an overview of your business today.</p>
+            </div>
+            <div className="flex items-center gap-2">
+              <Button variant="outline">Download Report</Button>
+            </div>
+          </div>
+
+          <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-4 mb-8">
+            <Card>
+              <CardHeader className="pb-2">
+                <CardDescription>Total Revenue</CardDescription>
+                <CardTitle className="text-2xl">$45,231.89</CardTitle>
+              </CardHeader>
+              <CardContent>
+                <p className="text-xs text-muted-foreground">
+                  <span className="text-success font-medium">+20.1%</span> from last month
+                </p>
+              </CardContent>
+            </Card>
+            <Card>
+              <CardHeader className="pb-2">
+                <CardDescription>Subscriptions</CardDescription>
+                <CardTitle className="text-2xl">+2350</CardTitle>
+              </CardHeader>
+              <CardContent>
+                <p className="text-xs text-muted-foreground">
+                  <span className="text-success font-medium">+180.1%</span> from last month
+                </p>
+              </CardContent>
+            </Card>
+            <Card>
+              <CardHeader className="pb-2">
+                <CardDescription>Sales</CardDescription>
+                <CardTitle className="text-2xl">+12,234</CardTitle>
+              </CardHeader>
+              <CardContent>
+                <p className="text-xs text-muted-foreground">
+                  <span className="text-success font-medium">+19%</span> from last month
+                </p>
+              </CardContent>
+            </Card>
+            <Card>
+              <CardHeader className="pb-2">
+                <CardDescription>Active Now</CardDescription>
+                <CardTitle className="text-2xl">+573</CardTitle>
+              </CardHeader>
+              <CardContent>
+                <p className="text-xs text-muted-foreground">
+                  <span className="text-destructive font-medium">-24</span> since last hour
+                </p>
+              </CardContent>
+            </Card>
+          </div>
+
+          <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-7">
+            <Card className="lg:col-span-4">
+              <CardHeader>
+                <CardTitle>Overview</CardTitle>
+              </CardHeader>
+              <CardContent className="h-[300px] flex items-center justify-center border-t border-border/50 bg-muted/10 rounded-b-xl">
+                <p className="text-sm text-muted-foreground">Chart placeholder</p>
+              </CardContent>
+            </Card>
+            <Card className="lg:col-span-3">
+              <CardHeader>
+                <CardTitle>Recent Sales</CardTitle>
+                <CardDescription>You made 265 sales this month.</CardDescription>
+              </CardHeader>
+              <CardContent className="space-y-6">
+                {[1, 2, 3, 4, 5].map((i) => (
+                  <div key={i} className="flex items-center gap-4">
+                    <Avatar className="size-9 hidden sm:flex">
+                      <AvatarFallback>OM</AvatarFallback>
+                    </Avatar>
+                    <div className="flex-1 space-y-1">
+                      <p className="text-sm font-medium leading-none">Olivia Martin</p>
+                      <p className="text-xs text-muted-foreground">olivia.martin@email.com</p>
+                    </div>
+                    <div className="font-medium text-sm">+$1,999.00</div>
+                  </div>
+                ))}
+              </CardContent>
+            </Card>
+          </div>
+        </div>
+      </main>
+    </div>
+  );
+}

package/src/blocks/settings.tsx

@@ -0,0 +1,104 @@
+import { Button } from "../components/micro/button";
+import { Input } from "../components/micro/input";
+import { Label } from "../components/micro/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/micro/select";
+import { Separator } from "../components/micro/separator";
+import { Switch } from "../components/micro/switch";
+
+export default function SettingsBlock() {
+  return (
+    <div className="container max-w-4xl py-10 px-4 md:px-6 mx-auto">
+      <div className="space-y-0.5 mb-6">
+        <h2 className="text-3xl font-bold tracking-tight">Settings</h2>
+        <p className="text-muted-foreground">
+          Manage your account settings and set e-mail preferences.
+        </p>
+      </div>
+      <Separator className="my-6" />
+      
+      <div className="flex flex-col md:flex-row gap-8">
+        <aside className="w-full md:w-64 shrink-0">
+          <nav className="flex md:flex-col gap-2 overflow-x-auto pb-4 md:pb-0">
+            <Button variant="soft" color="primary" className="justify-start whitespace-nowrap">Profile</Button>
+            <Button variant="ghost" className="justify-start whitespace-nowrap text-muted-foreground">Account</Button>
+            <Button variant="ghost" className="justify-start whitespace-nowrap text-muted-foreground">Appearance</Button>
+            <Button variant="ghost" className="justify-start whitespace-nowrap text-muted-foreground">Notifications</Button>
+            <Button variant="ghost" className="justify-start whitespace-nowrap text-muted-foreground">Display</Button>
+          </nav>
+        </aside>
+
+        <div className="flex-1 space-y-6">
+          <div className="space-y-4">
+            <h3 className="text-xl font-medium">Profile</h3>
+            <p className="text-sm text-muted-foreground">
+              This is how others will see you on the site.
+            </p>
+          </div>
+          <Separator />
+          
+          <div className="space-y-8">
+            <div className="space-y-2">
+              <Label htmlFor="username">Username</Label>
+              <Input id="username" placeholder="gladvn" defaultValue="johndoe" />
+              <p className="text-[13px] text-muted-foreground">
+                This is your public display name. It can be your real name or a pseudonym.
+              </p>
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="email">Email</Label>
+              <Select defaultValue="m@example.com">
+                <SelectTrigger id="email">
+                  <SelectValue placeholder="Select a verified email to display" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="m@example.com">m@example.com</SelectItem>
+                  <SelectItem value="m@google.com">m@google.com</SelectItem>
+                  <SelectItem value="m@support.com">m@support.com</SelectItem>
+                </SelectContent>
+              </Select>
+              <p className="text-[13px] text-muted-foreground">
+                You can manage verified email addresses in your email settings.
+              </p>
+            </div>
+
+            <div className="space-y-2">
+              <Label>Bio</Label>
+              <textarea 
+                className="flex w-full min-h-[100px] rounded-lg border border-input bg-transparent px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 resize-y"
+                placeholder="Tell us a little bit about yourself"
+                defaultValue="I own a computer."
+              />
+              <p className="text-[13px] text-muted-foreground">
+                You can @mention other users and organizations to link to them.
+              </p>
+            </div>
+            
+            <div className="space-y-4 pt-4">
+              <div className="flex items-center justify-between rounded-xl border border-border p-4">
+                <div className="space-y-0.5">
+                  <Label className="text-base">Marketing emails</Label>
+                  <p className="text-[13px] text-muted-foreground">
+                    Receive emails about new products, features, and more.
+                  </p>
+                </div>
+                <Switch />
+              </div>
+              <div className="flex items-center justify-between rounded-xl border border-border p-4">
+                <div className="space-y-0.5">
+                  <Label className="text-base">Security emails</Label>
+                  <p className="text-[13px] text-muted-foreground">
+                    Receive emails about your account activity and security.
+                  </p>
+                </div>
+                <Switch defaultChecked />
+              </div>
+            </div>
+
+            <Button>Update profile</Button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/components/macro/accordion-preset.tsx

@@ -4,7 +4,8 @@ import {
   Accordion,
   AccordionContent,
   AccordionItem,
-  AccordionTrigger } from "../../components/micro/accordion";
+  AccordionTrigger
+} from "../../components/micro/accordion";
 
 export interface AccordionPresetItem {
   value: string;

package/src/components/macro/alert-dialog-preset.tsx

@@ -11,9 +11,10 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogMedia,
-  
+
   AlertDialogTitle,
-  AlertDialogTrigger } from "../../components/micro/alert-dialog";
+  AlertDialogTrigger
+} from "../../components/micro/alert-dialog";
 import { type Color, type Size, type Variant } from "../../lib/types";
 import { cn } from "../../lib/utils";
 

package/src/components/macro/alert-preset.tsx

@@ -10,7 +10,8 @@ import {
   AlertDescription,
   AlertIcon,
   type AlertProps,
-  AlertTitle } from "../../components/micro/alert";
+  AlertTitle
+} from "../../components/micro/alert";
 import { Button } from "../../components/micro/button";
 import { cn } from "../../lib/utils";
 

package/src/components/macro/avatar-preset.tsx

@@ -4,7 +4,8 @@ import {
   Avatar,
   AvatarBadge,
   AvatarFallback,
-  AvatarImage } from "../../components/micro/avatar";
+  AvatarImage
+} from "../../components/micro/avatar";
 
 export type AvatarPresetProps = React.ComponentProps<typeof Avatar> & {
   src?: string;

package/src/components/macro/breadcrumb-preset.tsx

@@ -6,7 +6,8 @@ import {
   BreadcrumbLink,
   BreadcrumbList,
   BreadcrumbPage,
-  BreadcrumbSeparator } from "../../components/micro/breadcrumb";
+  BreadcrumbSeparator
+} from "../../components/micro/breadcrumb";
 
 export interface BreadcrumbPresetItem {
   label: React.ReactNode;

package/src/components/macro/card-preset.tsx

@@ -6,7 +6,8 @@ import {
   CardDescription,
   CardFooter,
   CardHeader,
-  CardTitle } from "../../components/micro/card";
+  CardTitle
+} from "../../components/micro/card";
 
 export type CardPresetProps = Omit<
   React.ComponentProps<typeof Card>,

package/src/components/macro/carousel-preset.tsx

@@ -9,7 +9,8 @@ import {
   CarouselDots,
   CarouselItem,
   CarouselNext,
-  CarouselPrevious } from "../../components/micro/carousel";
+  CarouselPrevious
+} from "../../components/micro/carousel";
 import { cn } from "../../lib/utils";
 
 export type CarouselPresetProps = Omit<

package/src/components/macro/checkbox-preset.tsx

@@ -9,7 +9,8 @@ import {
   Field,
   FieldDescription,
   FieldError,
-  FieldLabel } from "../../components/micro/field";
+  FieldLabel
+} from "../../components/micro/field";
 import { type Size } from "../../lib/types";
 import { cn } from "../../lib/utils";
 

package/src/components/macro/combobox-preset.tsx

@@ -11,13 +11,15 @@ import {
   ComboboxInput,
   ComboboxItem,
   ComboboxList,
-  
+
   ComboboxTrigger,
-  useComboboxContext } from "../../components/micro/combobox";
+  useComboboxContext
+} from "../../components/micro/combobox";
 import {
   InputGroup,
   InputGroupAddon,
-  InputGroupInput } from "../../components/micro/input-group";
+  InputGroupInput
+} from "../../components/micro/input-group";
 import { type Size } from "../../lib/types";
 import { FieldPreset } from "./field-preset";
 

package/src/components/macro/command-preset.tsx

@@ -10,14 +10,16 @@ import {
   CommandItem,
   CommandList,
   CommandSeparator,
-  CommandShortcut } from "../../components/micro/command";
+  CommandShortcut
+} from "../../components/micro/command";
 import {
   Dialog,
   DialogContent,
   DialogDescription,
   DialogHeader,
-  
-  DialogTitle } from "../../components/micro/dialog";
+
+  DialogTitle
+} from "../../components/micro/dialog";
 import { cn } from "../../lib/utils";
 
 type CommandDialogProps = Omit<
@@ -68,5 +70,6 @@ export {
   CommandItem,
   CommandList,
   CommandSeparator,
-  CommandShortcut };
+  CommandShortcut
+};
 export type { CommandDialogProps };

package/src/components/macro/date-picker.tsx

@@ -11,8 +11,9 @@ import { Calendar } from "../../components/micro/calendar";
 import {
   Popover,
   PopoverContent,
-  
-  PopoverTrigger } from "../../components/micro/popover";
+
+  PopoverTrigger
+} from "../../components/micro/popover";
 import { type Size } from "../../lib/types";
 import { cn } from "../../lib/utils";
 import { FieldPreset } from "./field-preset";

package/src/components/macro/dialog-preset.tsx

@@ -12,9 +12,10 @@ import {
   DialogDescription,
   DialogFooter,
   DialogHeader,
-  
+
   DialogTitle,
-  DialogTrigger } from "../../components/micro/dialog";
+  DialogTrigger
+} from "../../components/micro/dialog";
 import { type Size } from "../../lib/types";
 import { cn } from "../../lib/utils";
 

package/src/components/macro/empty-preset.tsx

@@ -7,7 +7,8 @@ import {
   EmptyDescription,
   EmptyHeader,
   EmptyMedia,
-  EmptyTitle } from "../../components/micro/empty";
+  EmptyTitle
+} from "../../components/micro/empty";
 import { cn } from "../../lib/utils";
 
 type EmptyPresetProps = {

package/src/components/macro/field-preset.tsx

@@ -5,7 +5,8 @@ import {
   FieldContent,
   FieldDescription,
   FieldError,
-  FieldLabel } from "../../components/micro/field";
+  FieldLabel
+} from "../../components/micro/field";
 import { type Size } from "../../lib/types";
 
 export type FieldPresetProps = Omit<

package/src/components/macro/input-otp-preset.tsx

@@ -14,7 +14,8 @@ import {
   InputOTP,
   InputOTPGroup,
   InputOTPSeparator,
-  InputOTPSlot } from "../../components/micro/input-otp";
+  InputOTPSlot
+} from "../../components/micro/input-otp";
 import { FieldPreset } from "./field-preset";
 
 export type InputOTPPresetProps = Omit<

package/src/components/macro/input-preset.tsx

@@ -10,7 +10,8 @@ import {
   InputGroupAddon,
   InputGroupButton,
   InputGroupInput,
-  InputGroupText } from "../../components/micro/input-group";
+  InputGroupText
+} from "../../components/micro/input-group";
 import { FieldPreset } from "./field-preset";
 
 export type InputPresetProps = Omit<InputProps, "className"> & {

package/src/components/macro/pagination-preset.tsx

@@ -9,7 +9,8 @@ import {
   PaginationItem,
   PaginationLink,
   PaginationNext,
-  PaginationPrevious } from "../../components/micro/pagination";
+  PaginationPrevious
+} from "../../components/micro/pagination";
 import type { Size } from "../../lib/types";
 import { cn } from "../../lib/utils";
 

package/src/components/macro/progress-preset.tsx

@@ -5,7 +5,8 @@ import {
   ProgressIndicator,
   ProgressLabel,
   ProgressTrack,
-  ProgressValue } from "../../components/micro/progress";
+  ProgressValue
+} from "../../components/micro/progress";
 
 export type ProgressPresetProps = Omit<
   React.ComponentProps<typeof Progress>,

package/src/components/macro/select-preset.tsx

@@ -8,9 +8,10 @@ import {
   SelectGroup,
   SelectItem,
   SelectLabel,
-  
+
   SelectTrigger,
-  SelectValue } from "../../components/micro/select";
+  SelectValue
+} from "../../components/micro/select";
 import { type Size } from "../../lib/types";
 import { FieldPreset } from "./field-preset";
 

package/src/components/macro/slider-preset.tsx

@@ -7,7 +7,8 @@ import {
   SliderControl,
   SliderIndicator,
   SliderThumb,
-  SliderTrack } from "../../components/micro/slider";
+  SliderTrack
+} from "../../components/micro/slider";
 import { FieldPreset } from "./field-preset";
 
 export type SliderPresetProps = Omit<

package/src/components/macro/switch-preset.tsx

@@ -6,7 +6,8 @@ import {
   Field,
   FieldDescription,
   FieldError,
-  FieldLabel } from "../../components/micro/field";
+  FieldLabel
+} from "../../components/micro/field";
 import { Switch, SwitchThumb } from "../../components/micro/switch";
 import { cn } from "../../lib/utils";
 

package/src/components/macro/tabs-preset.tsx

@@ -7,7 +7,8 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger,
-  type tabsListVariants } from "../../components/micro/tabs";
+  type tabsListVariants
+} from "../../components/micro/tabs";
 
 export interface TabsPresetItem {
   value: string;