@mikenotthepope/substrateui 0.1.0 → 0.1.1

package/README.md

@@ -66,17 +66,17 @@ Substrate UI uses three font families via CSS custom properties:
 
 | Token          | Default Font    | Purpose    |
 | -------------- | --------------- | ---------- |
-| `--font-head`  | Archivo Black   | Headings   |
+| `--font-head`  | Bricolage Grotesque   | Headings   |
 | `--font-sans`  | Space Grotesk   | Body text  |
 | `--font-mono`  | Space Mono      | Code       |
 
 **Next.js:**
 
 ```tsx
-import { Space_Grotesk, Archivo_Black, Space_Mono } from "next/font/google";
+import { Space_Grotesk, Bricolage_Grotesque, Space_Mono } from "next/font/google";
 
 const sans = Space_Grotesk({ variable: "--font-sans", subsets: ["latin"], weight: "400" });
-const head = Archivo_Black({ variable: "--font-head", subsets: ["latin"], weight: "400" });
+const head = Bricolage_Grotesque({ variable: "--font-head", subsets: ["latin"], weight: ["400", "700", "800"] });
 const mono = Space_Mono({ variable: "--font-mono", subsets: ["latin"], weight: "400" });
 
 export default function RootLayout({ children }) {
@@ -91,10 +91,10 @@ export default function RootLayout({ children }) {
 **Plain HTML / Vite:**
 
 ```html
-<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;700&family=Space+Mono&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;700;800&family=Space+Grotesk:wght@400;500;700&family=Space+Mono&display=swap" rel="stylesheet">
 <style>
   :root {
-    --font-head: 'Archivo Black', sans-serif;
+    --font-head: 'Bricolage Grotesque', sans-serif;
     --font-sans: 'Space Grotesk', sans-serif;
     --font-mono: 'Space Mono', monospace;
   }

package/base/substrate.css

@@ -442,7 +442,7 @@
     --info: #60a5fa;
     --info-foreground: #000;
     --error: #f87171;
-    --error-foreground: #7f1d1d;
+    --error-foreground: #000;
     --overlay: rgba(0, 0, 0, 0.85);
     --border: #000;
     --ring: #fff;

package/dist/index.d.mts

@@ -98,7 +98,13 @@ declare const DrawerComponent: typeof Drawer & {
     Description: typeof DrawerDescription;
 };
 
-declare const AvatarComponent: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>> & {
+declare const avatarVariants: (props?: ({
+    shape?: "circle" | "square" | "rounded" | "hexagon" | "diamond" | "squircle" | "shield" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AvatarShape = NonNullable<VariantProps<typeof avatarVariants>["shape"]>;
+interface AvatarProps extends React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+}
+declare const AvatarComponent: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLSpanElement>> & {
     Image: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
     Fallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 };
@@ -153,6 +159,7 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<ICheckboxProps & React
 declare const radioVariants: (props?: ({
     variant?: "default" | "outline" | "solid" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "circle" | "diamond" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface IRadioGroupItemProps extends React$1.ComponentPropsWithoutRef<typeof RadioPrimitive.Item>, VariantProps<typeof radioVariants> {
 }
@@ -1212,4 +1219,4 @@ declare function NewsletterSignup({ title, subtitle, inputPlaceholder, buttonLab
 
 declare function cn(...classes: ClassNameValue[]): string;
 
-export { AccordionComponent as Accordion, AlertComponent as Alert, AlertDialogComponent as AlertDialog, AnnouncementBanner, type AnnouncementBannerProps, AvatarComponent as Avatar, Badge, BreadcrumbComponent as Breadcrumb, Button, CTABanner, type CTABannerProps, Calendar, CardComponent as Card, CardGrid, type CardGridProps, CarouselComponent as Carousel, type CarouselApi, ChartComponent as Chart, type ChartConfig, Checkbox, CollapsibleComponent as Collapsible, ComboboxComponent as Combobox, CommandComponent as Command, Container, ContextMenuComponent as ContextMenu, DataTableComponent as DataTable, DialogComponent as Dialog, Divider, DrawerComponent as Drawer, DropdownMenuComponent as DropdownMenu, FAQ, type FAQItem, type FAQProps, type Feature, FeatureSection, type FeatureSectionProps, Flex, Footer, type FooterLinkGroup, type FooterProps, FormComponent as Form, FormLayout, Grid, Hero, type HeroProps, HoverCardComponent as HoverCard, type IAlertDialogContentProps, type IAlertProps, type IBadgeProps, type IBreadcrumbLinkProps, type IButtonProps, type ICalendarProps, type ICardProps, type ICarouselProps, type IChartContainerProps, type ICheckboxProps, type IComboboxItem, type IComboboxProps, type IContainerProps, type IDataTableProps, type IDialogContentProps, type IDividerProps, type IFlexProps, type IFormActionsProps, type IFormFieldProps, type IFormLayoutProps, type IFormRowProps, type IFormSectionProps, type IGridProps, type IIconButtonProps, type IImageCardProps, type IInputOTPProps, type IInputProps, type ILinkProps, type ILoaderProps, type IMarqueeProps, type IPaginationLinkProps, type IProgressProps, type IRadioGroupItemProps, type ISectionNavProps, type ISheetContentProps, type ISkeletonProps, type ISonnerProps, type IStackProps, type ITextareaProps, IconButton, ImageCard, Input, InputOTPComponent as InputOTP, Label, Link, Loader, LogoCloud, type LogoCloudProps, Marquee, MenuComponent as Menu, MenubarComponent as Menubar, type NavAuth, NavBar, type NavBarProps, type NavBrand, type NavLink, type NavMenuItem, NavigationMenuComponent as NavigationMenu, NewsletterSignup, type NewsletterSignupProps, Pagination, PopoverComponent as Popover, type PricingFeature, PricingTable, type PricingTableProps, type PricingTier, Progress, RadioGroup, ResizableComponent as Resizable, ScrollAreaComponent as ScrollArea, Section, SectionNav, type SectionNavItem, type SectionProps, Select, SheetComponent as Sheet, SidebarComponent as Sidebar, SimplePage, type SimplePageProps, Skeleton, Slider, Stack, type Stat, StatsBar, type StatsBarProps, Switch, TableComponent as Table, TabsComponent as Tabs, Testimonial, type TestimonialItem, type TestimonialProps, Text, Textarea, type ThemeConfig, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toaster, TooltipComponent as Tooltip, TwoColumnLayoutComponent as TwoColumnLayout, alertVariants, badgeVariants, buttonVariants, cardVariants, cn, containerVariants, createTheme, dialogContentVariants, dividerVariants, flexVariants, gridVariants, iconButtonVariants, linkVariants, loaderVariants, navigationMenuTriggerStyle, sectionVariants, sheetContentVariants, sidebarMenuButtonVariants, stackVariants, useCarousel, useChart, useFormField, useSidebar, useTheme };
+export { AccordionComponent as Accordion, AlertComponent as Alert, AlertDialogComponent as AlertDialog, AnnouncementBanner, type AnnouncementBannerProps, AvatarComponent as Avatar, type AvatarShape, Badge, BreadcrumbComponent as Breadcrumb, Button, CTABanner, type CTABannerProps, Calendar, CardComponent as Card, CardGrid, type CardGridProps, CarouselComponent as Carousel, type CarouselApi, ChartComponent as Chart, type ChartConfig, Checkbox, CollapsibleComponent as Collapsible, ComboboxComponent as Combobox, CommandComponent as Command, Container, ContextMenuComponent as ContextMenu, DataTableComponent as DataTable, DialogComponent as Dialog, Divider, DrawerComponent as Drawer, DropdownMenuComponent as DropdownMenu, FAQ, type FAQItem, type FAQProps, type Feature, FeatureSection, type FeatureSectionProps, Flex, Footer, type FooterLinkGroup, type FooterProps, FormComponent as Form, FormLayout, Grid, Hero, type HeroProps, HoverCardComponent as HoverCard, type IAlertDialogContentProps, type IAlertProps, type IBadgeProps, type IBreadcrumbLinkProps, type IButtonProps, type ICalendarProps, type ICardProps, type ICarouselProps, type IChartContainerProps, type ICheckboxProps, type IComboboxItem, type IComboboxProps, type IContainerProps, type IDataTableProps, type IDialogContentProps, type IDividerProps, type IFlexProps, type IFormActionsProps, type IFormFieldProps, type IFormLayoutProps, type IFormRowProps, type IFormSectionProps, type IGridProps, type IIconButtonProps, type IImageCardProps, type IInputOTPProps, type IInputProps, type ILinkProps, type ILoaderProps, type IMarqueeProps, type IPaginationLinkProps, type IProgressProps, type IRadioGroupItemProps, type ISectionNavProps, type ISheetContentProps, type ISkeletonProps, type ISonnerProps, type IStackProps, type ITextareaProps, IconButton, ImageCard, Input, InputOTPComponent as InputOTP, Label, Link, Loader, LogoCloud, type LogoCloudProps, Marquee, MenuComponent as Menu, MenubarComponent as Menubar, type NavAuth, NavBar, type NavBarProps, type NavBrand, type NavLink, type NavMenuItem, NavigationMenuComponent as NavigationMenu, NewsletterSignup, type NewsletterSignupProps, Pagination, PopoverComponent as Popover, type PricingFeature, PricingTable, type PricingTableProps, type PricingTier, Progress, RadioGroup, ResizableComponent as Resizable, ScrollAreaComponent as ScrollArea, Section, SectionNav, type SectionNavItem, type SectionProps, Select, SheetComponent as Sheet, SidebarComponent as Sidebar, SimplePage, type SimplePageProps, Skeleton, Slider, Stack, type Stat, StatsBar, type StatsBarProps, Switch, TableComponent as Table, TabsComponent as Tabs, Testimonial, type TestimonialItem, type TestimonialProps, Text, Textarea, type ThemeConfig, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toaster, TooltipComponent as Tooltip, TwoColumnLayoutComponent as TwoColumnLayout, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, cn, containerVariants, createTheme, dialogContentVariants, dividerVariants, flexVariants, gridVariants, iconButtonVariants, linkVariants, loaderVariants, navigationMenuTriggerStyle, sectionVariants, sheetContentVariants, sidebarMenuButtonVariants, stackVariants, useCarousel, useChart, useFormField, useSidebar, useTheme };

package/dist/index.d.ts

@@ -98,7 +98,13 @@ declare const DrawerComponent: typeof Drawer & {
     Description: typeof DrawerDescription;
 };
 
-declare const AvatarComponent: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>> & {
+declare const avatarVariants: (props?: ({
+    shape?: "circle" | "square" | "rounded" | "hexagon" | "diamond" | "squircle" | "shield" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AvatarShape = NonNullable<VariantProps<typeof avatarVariants>["shape"]>;
+interface AvatarProps extends React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+}
+declare const AvatarComponent: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLSpanElement>> & {
     Image: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
     Fallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 };
@@ -153,6 +159,7 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<ICheckboxProps & React
 declare const radioVariants: (props?: ({
     variant?: "default" | "outline" | "solid" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "circle" | "diamond" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface IRadioGroupItemProps extends React$1.ComponentPropsWithoutRef<typeof RadioPrimitive.Item>, VariantProps<typeof radioVariants> {
 }
@@ -1212,4 +1219,4 @@ declare function NewsletterSignup({ title, subtitle, inputPlaceholder, buttonLab
 
 declare function cn(...classes: ClassNameValue[]): string;
 
-export { AccordionComponent as Accordion, AlertComponent as Alert, AlertDialogComponent as AlertDialog, AnnouncementBanner, type AnnouncementBannerProps, AvatarComponent as Avatar, Badge, BreadcrumbComponent as Breadcrumb, Button, CTABanner, type CTABannerProps, Calendar, CardComponent as Card, CardGrid, type CardGridProps, CarouselComponent as Carousel, type CarouselApi, ChartComponent as Chart, type ChartConfig, Checkbox, CollapsibleComponent as Collapsible, ComboboxComponent as Combobox, CommandComponent as Command, Container, ContextMenuComponent as ContextMenu, DataTableComponent as DataTable, DialogComponent as Dialog, Divider, DrawerComponent as Drawer, DropdownMenuComponent as DropdownMenu, FAQ, type FAQItem, type FAQProps, type Feature, FeatureSection, type FeatureSectionProps, Flex, Footer, type FooterLinkGroup, type FooterProps, FormComponent as Form, FormLayout, Grid, Hero, type HeroProps, HoverCardComponent as HoverCard, type IAlertDialogContentProps, type IAlertProps, type IBadgeProps, type IBreadcrumbLinkProps, type IButtonProps, type ICalendarProps, type ICardProps, type ICarouselProps, type IChartContainerProps, type ICheckboxProps, type IComboboxItem, type IComboboxProps, type IContainerProps, type IDataTableProps, type IDialogContentProps, type IDividerProps, type IFlexProps, type IFormActionsProps, type IFormFieldProps, type IFormLayoutProps, type IFormRowProps, type IFormSectionProps, type IGridProps, type IIconButtonProps, type IImageCardProps, type IInputOTPProps, type IInputProps, type ILinkProps, type ILoaderProps, type IMarqueeProps, type IPaginationLinkProps, type IProgressProps, type IRadioGroupItemProps, type ISectionNavProps, type ISheetContentProps, type ISkeletonProps, type ISonnerProps, type IStackProps, type ITextareaProps, IconButton, ImageCard, Input, InputOTPComponent as InputOTP, Label, Link, Loader, LogoCloud, type LogoCloudProps, Marquee, MenuComponent as Menu, MenubarComponent as Menubar, type NavAuth, NavBar, type NavBarProps, type NavBrand, type NavLink, type NavMenuItem, NavigationMenuComponent as NavigationMenu, NewsletterSignup, type NewsletterSignupProps, Pagination, PopoverComponent as Popover, type PricingFeature, PricingTable, type PricingTableProps, type PricingTier, Progress, RadioGroup, ResizableComponent as Resizable, ScrollAreaComponent as ScrollArea, Section, SectionNav, type SectionNavItem, type SectionProps, Select, SheetComponent as Sheet, SidebarComponent as Sidebar, SimplePage, type SimplePageProps, Skeleton, Slider, Stack, type Stat, StatsBar, type StatsBarProps, Switch, TableComponent as Table, TabsComponent as Tabs, Testimonial, type TestimonialItem, type TestimonialProps, Text, Textarea, type ThemeConfig, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toaster, TooltipComponent as Tooltip, TwoColumnLayoutComponent as TwoColumnLayout, alertVariants, badgeVariants, buttonVariants, cardVariants, cn, containerVariants, createTheme, dialogContentVariants, dividerVariants, flexVariants, gridVariants, iconButtonVariants, linkVariants, loaderVariants, navigationMenuTriggerStyle, sectionVariants, sheetContentVariants, sidebarMenuButtonVariants, stackVariants, useCarousel, useChart, useFormField, useSidebar, useTheme };
+export { AccordionComponent as Accordion, AlertComponent as Alert, AlertDialogComponent as AlertDialog, AnnouncementBanner, type AnnouncementBannerProps, AvatarComponent as Avatar, type AvatarShape, Badge, BreadcrumbComponent as Breadcrumb, Button, CTABanner, type CTABannerProps, Calendar, CardComponent as Card, CardGrid, type CardGridProps, CarouselComponent as Carousel, type CarouselApi, ChartComponent as Chart, type ChartConfig, Checkbox, CollapsibleComponent as Collapsible, ComboboxComponent as Combobox, CommandComponent as Command, Container, ContextMenuComponent as ContextMenu, DataTableComponent as DataTable, DialogComponent as Dialog, Divider, DrawerComponent as Drawer, DropdownMenuComponent as DropdownMenu, FAQ, type FAQItem, type FAQProps, type Feature, FeatureSection, type FeatureSectionProps, Flex, Footer, type FooterLinkGroup, type FooterProps, FormComponent as Form, FormLayout, Grid, Hero, type HeroProps, HoverCardComponent as HoverCard, type IAlertDialogContentProps, type IAlertProps, type IBadgeProps, type IBreadcrumbLinkProps, type IButtonProps, type ICalendarProps, type ICardProps, type ICarouselProps, type IChartContainerProps, type ICheckboxProps, type IComboboxItem, type IComboboxProps, type IContainerProps, type IDataTableProps, type IDialogContentProps, type IDividerProps, type IFlexProps, type IFormActionsProps, type IFormFieldProps, type IFormLayoutProps, type IFormRowProps, type IFormSectionProps, type IGridProps, type IIconButtonProps, type IImageCardProps, type IInputOTPProps, type IInputProps, type ILinkProps, type ILoaderProps, type IMarqueeProps, type IPaginationLinkProps, type IProgressProps, type IRadioGroupItemProps, type ISectionNavProps, type ISheetContentProps, type ISkeletonProps, type ISonnerProps, type IStackProps, type ITextareaProps, IconButton, ImageCard, Input, InputOTPComponent as InputOTP, Label, Link, Loader, LogoCloud, type LogoCloudProps, Marquee, MenuComponent as Menu, MenubarComponent as Menubar, type NavAuth, NavBar, type NavBarProps, type NavBrand, type NavLink, type NavMenuItem, NavigationMenuComponent as NavigationMenu, NewsletterSignup, type NewsletterSignupProps, Pagination, PopoverComponent as Popover, type PricingFeature, PricingTable, type PricingTableProps, type PricingTier, Progress, RadioGroup, ResizableComponent as Resizable, ScrollAreaComponent as ScrollArea, Section, SectionNav, type SectionNavItem, type SectionProps, Select, SheetComponent as Sheet, SidebarComponent as Sidebar, SimplePage, type SimplePageProps, Skeleton, Slider, Stack, type Stat, StatsBar, type StatsBarProps, Switch, TableComponent as Table, TabsComponent as Tabs, Testimonial, type TestimonialItem, type TestimonialProps, Text, Textarea, type ThemeConfig, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toaster, TooltipComponent as Tooltip, TwoColumnLayoutComponent as TwoColumnLayout, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, cn, containerVariants, createTheme, dialogContentVariants, dividerVariants, flexVariants, gridVariants, iconButtonVariants, linkVariants, loaderVariants, navigationMenuTriggerStyle, sectionVariants, sheetContentVariants, sidebarMenuButtonVariants, stackVariants, useCarousel, useChart, useFormField, useSidebar, useTheme };

package/dist/index.js

@@ -137,6 +137,7 @@ __export(index_exports, {
   Tooltip: () => TooltipComponent,
   TwoColumnLayout: () => TwoColumnLayoutComponent,
   alertVariants: () => alertVariants,
+  avatarVariants: () => avatarVariants,
   badgeVariants: () => badgeVariants,
   buttonVariants: () => buttonVariants,
   cardVariants: () => cardVariants,
@@ -532,18 +533,41 @@ var DrawerComponent = Object.assign(Drawer, {
 // components/ui/Avatar.tsx
 var React5 = __toESM(require("react"));
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
+var import_class_variance_authority4 = require("class-variance-authority");
 var import_jsx_runtime6 = require("react/jsx-runtime");
+var avatarVariants = (0, import_class_variance_authority4.cva)(
+  "relative flex h-10 w-10 border-2 overflow-hidden",
+  {
+    variants: {
+      shape: {
+        circle: "rounded-full",
+        square: "rounded-none",
+        rounded: "rounded-lg",
+        hexagon: "rounded-none border-0 [clip-path:polygon(50%_0%,100%_25%,100%_75%,50%_100%,0%_75%,0%_25%)]",
+        diamond: "rounded-none rotate-45 border-2",
+        squircle: "rounded-none border-0 [clip-path:url(#squircle)]",
+        shield: "rounded-none border-0 [clip-path:polygon(50%_0%,100%_0%,100%_70%,50%_100%,0%_70%,0%_0%)]"
+      }
+    },
+    defaultVariants: {
+      shape: "circle"
+    }
+  }
+);
 var Avatar = React5.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  var _b = _a, { className, shape = "circle", children } = _b, props = __objRest(_b, ["className", "shape", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     AvatarPrimitive.Root,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
-      className: cn(
-        "relative flex h-10 w-10 border-2 rounded-full overflow-hidden",
-        className
-      )
-    }, props)
+      "data-shape": shape,
+      className: cn(avatarVariants({ shape }), className)
+    }, props), {
+      children: [
+        shape === "squircle" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "0", height: "0", className: "absolute", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("clipPath", { id: "squircle", clipPathUnits: "objectBoundingBox", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M 0.5 0 C 0.9 0, 1 0.1, 1 0.5 C 1 0.9, 0.9 1, 0.5 1 C 0.1 1, 0 0.9, 0 0.5 C 0 0.1, 0.1 0, 0.5 0" }) }) }) }),
+        children
+      ]
+    })
   );
 });
 Avatar.displayName = "Avatar";
@@ -553,7 +577,10 @@ var AvatarImage = React5.forwardRef((_a, ref) => {
     AvatarPrimitive.Image,
     __spreadValues({
       ref,
-      className: cn("aspect-square h-full w-full", className)
+      className: cn(
+        "aspect-square h-full w-full [[data-shape=diamond]>&]:-rotate-45",
+        className
+      )
     }, props)
   );
 });
@@ -565,7 +592,10 @@ var AvatarFallback = React5.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "flex h-full w-full items-center justify-center rounded-full bg-primary text-primary-foreground font-head text-sm",
+        "flex h-full w-full items-center justify-center bg-primary text-primary-foreground font-head text-sm",
+        "[[data-shape=circle]>&]:rounded-full",
+        "[[data-shape=rounded]>&]:rounded-lg",
+        "[[data-shape=diamond]>&]:-rotate-45",
         className
       )
     }, props)
@@ -781,10 +811,10 @@ Textarea.displayName = "Textarea";
 // components/ui/Checkbox.tsx
 var React10 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var import_class_variance_authority4 = require("class-variance-authority");
+var import_class_variance_authority5 = require("class-variance-authority");
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var checkboxVariants = (0, import_class_variance_authority4.cva)("border-2 shrink-0 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50", {
+var checkboxVariants = (0, import_class_variance_authority5.cva)("border-2 shrink-0 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50", {
   variants: {
     variant: {
       default: "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
@@ -819,9 +849,9 @@ Checkbox.displayName = "Checkbox";
 // components/ui/RadioGroup.tsx
 var React11 = __toESM(require("react"));
 var RadioPrimitive = __toESM(require("@radix-ui/react-radio-group"));
-var import_class_variance_authority5 = require("class-variance-authority");
+var import_class_variance_authority6 = require("class-variance-authority");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var radioVariants = (0, import_class_variance_authority5.cva)("border-2 border-border shrink-0 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50", {
+var radioVariants = (0, import_class_variance_authority6.cva)("border-2 border-border shrink-0 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50", {
   variants: {
     variant: {
       default: "",
@@ -832,14 +862,19 @@ var radioVariants = (0, import_class_variance_authority5.cva)("border-2 border-b
       sm: "h-4 w-4",
       md: "h-5 w-5",
       lg: "h-6 w-6"
+    },
+    shape: {
+      circle: "rounded-full",
+      diamond: "rotate-45"
     }
   },
   defaultVariants: {
     variant: "default",
-    size: "md"
+    size: "md",
+    shape: "circle"
   }
 });
-var radioIndicatorVariants = (0, import_class_variance_authority5.cva)("flex", {
+var radioIndicatorVariants = (0, import_class_variance_authority6.cva)("flex", {
   variants: {
     variant: {
       default: "bg-primary border-2 border-border",
@@ -847,14 +882,19 @@ var radioIndicatorVariants = (0, import_class_variance_authority5.cva)("flex", {
       solid: "bg-border"
     },
     size: {
-      sm: "h-2 w-2",
-      md: "h-2.5 w-2.5",
-      lg: "h-3.5 w-3.5"
+      sm: "h-2.5 w-2.5",
+      md: "h-3 w-3",
+      lg: "h-4 w-4"
+    },
+    shape: {
+      circle: "rounded-full",
+      diamond: ""
     }
   },
   defaultVariants: {
     variant: "default",
-    size: "md"
+    size: "md",
+    shape: "circle"
   }
 });
 var RadioGroupRoot = React11.forwardRef((_a, ref) => {
@@ -869,15 +909,15 @@ var RadioGroupRoot = React11.forwardRef((_a, ref) => {
 });
 RadioGroupRoot.displayName = "RadioGroup";
 var RadioGroupItem = React11.forwardRef((_a, ref) => {
-  var _b = _a, { className, size, variant, children } = _b, props = __objRest(_b, ["className", "size", "variant", "children"]);
+  var _b = _a, { className, size, variant, shape, children } = _b, props = __objRest(_b, ["className", "size", "variant", "shape", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     RadioPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
-      className: cn(radioVariants({ size, variant }), className)
+      className: cn(radioVariants({ size, variant, shape }), className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RadioPrimitive.Indicator, { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: radioIndicatorVariants({ size, variant }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RadioPrimitive.Indicator, { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: radioIndicatorVariants({ size, variant, shape }) }) }),
         children
       ]
     })
@@ -1139,7 +1179,7 @@ var FormActions = React15.forwardRef(
       __spreadValues({
         ref,
         className: cn(
-          "flex items-center gap-3 border-t-2 border-border pt-6",
+          "flex items-center gap-3 border-t-2 border-border mt-6 pt-6",
           alignMap[align],
           className
         )
@@ -1156,11 +1196,11 @@ var FormLayout = Object.assign(FormLayoutRoot, {
 });
 
 // components/ui/Link.tsx
-var import_class_variance_authority6 = require("class-variance-authority");
+var import_class_variance_authority7 = require("class-variance-authority");
 var import_react7 = __toESM(require("react"));
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var linkVariants = (0, import_class_variance_authority6.cva)(
+var linkVariants = (0, import_class_variance_authority7.cva)(
   "font-head inline-flex items-center gap-1 cursor-pointer transition-colors duration-200 underline-offset-4",
   {
     variants: {
@@ -1213,9 +1253,9 @@ Link.displayName = "Link";
 
 // components/ui/Alert.tsx
 var React17 = __toESM(require("react"));
-var import_class_variance_authority7 = require("class-variance-authority");
+var import_class_variance_authority8 = require("class-variance-authority");
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var alertVariants = (0, import_class_variance_authority7.cva)(
+var alertVariants = (0, import_class_variance_authority8.cva)(
   "relative w-full border-2 border-border p-4",
   {
     variants: {
@@ -1279,11 +1319,11 @@ var AlertComponent = Object.assign(AlertRoot, {
 });
 
 // components/ui/IconButton.tsx
-var import_class_variance_authority8 = require("class-variance-authority");
+var import_class_variance_authority9 = require("class-variance-authority");
 var import_react8 = __toESM(require("react"));
 var import_react_slot5 = require("@radix-ui/react-slot");
 var import_jsx_runtime20 = require("react/jsx-runtime");
-var iconButtonVariants = (0, import_class_variance_authority8.cva)(
+var iconButtonVariants = (0, import_class_variance_authority9.cva)(
   "font-head transition-all outline-hidden cursor-pointer duration-200 inline-flex justify-center items-center disabled:opacity-60 disabled:cursor-not-allowed border-2 border-border",
   {
     variants: {
@@ -1336,9 +1376,9 @@ IconButton.displayName = "IconButton";
 
 // components/ui/Loader.tsx
 var React19 = __toESM(require("react"));
-var import_class_variance_authority9 = require("class-variance-authority");
+var import_class_variance_authority10 = require("class-variance-authority");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var loaderVariants = (0, import_class_variance_authority9.cva)("flex gap-1", {
+var loaderVariants = (0, import_class_variance_authority10.cva)("flex gap-1", {
   variants: {
     variant: {
       default: "[&>div]:bg-primary [&>div]:border-border",
@@ -1403,12 +1443,12 @@ Loader.displayName = "Loader";
 var React20 = __toESM(require("react"));
 var ReactDialog = __toESM(require("@radix-ui/react-dialog"));
 var import_react_visually_hidden = require("@radix-ui/react-visually-hidden");
-var import_class_variance_authority10 = require("class-variance-authority");
+var import_class_variance_authority11 = require("class-variance-authority");
 var import_lucide_react4 = require("lucide-react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var Dialog = ReactDialog.Root;
 var DialogTrigger = ReactDialog.Trigger;
-var overlayVariants = (0, import_class_variance_authority10.cva)(
+var overlayVariants = (0, import_class_variance_authority11.cva)(
   "fixed inset-0 z-50 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
   {
     variants: {
@@ -1435,7 +1475,7 @@ var DialogOverlay = React20.forwardRef(
   }
 );
 DialogOverlay.displayName = "Dialog.Overlay";
-var dialogContentVariants = (0, import_class_variance_authority10.cva)(
+var dialogContentVariants = (0, import_class_variance_authority11.cva)(
   "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] border-2 border-border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
   {
     variants: {
@@ -1533,9 +1573,9 @@ var DialogComponent = Object.assign(Dialog, {
 
 // components/ui/Divider.tsx
 var React21 = __toESM(require("react"));
-var import_class_variance_authority11 = require("class-variance-authority");
+var import_class_variance_authority12 = require("class-variance-authority");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var dividerVariants = (0, import_class_variance_authority11.cva)("border-border", {
+var dividerVariants = (0, import_class_variance_authority12.cva)("border-border", {
   variants: {
     orientation: {
       horizontal: "w-full border-t-2",
@@ -1579,9 +1619,9 @@ Divider.displayName = "Divider";
 
 // components/ui/Stack.tsx
 var React22 = __toESM(require("react"));
-var import_class_variance_authority12 = require("class-variance-authority");
+var import_class_variance_authority13 = require("class-variance-authority");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var stackVariants = (0, import_class_variance_authority12.cva)("flex", {
+var stackVariants = (0, import_class_variance_authority13.cva)("flex", {
   variants: {
     direction: {
       vertical: "flex-col",
@@ -1651,9 +1691,9 @@ Stack.displayName = "Stack";
 
 // components/ui/Flex.tsx
 var React23 = __toESM(require("react"));
-var import_class_variance_authority13 = require("class-variance-authority");
+var import_class_variance_authority14 = require("class-variance-authority");
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var flexVariants = (0, import_class_variance_authority13.cva)("flex", {
+var flexVariants = (0, import_class_variance_authority14.cva)("flex", {
   variants: {
     direction: {
       row: "flex-row",
@@ -1735,9 +1775,9 @@ Flex.displayName = "Flex";
 
 // components/ui/Grid.tsx
 var React24 = __toESM(require("react"));
-var import_class_variance_authority14 = require("class-variance-authority");
+var import_class_variance_authority15 = require("class-variance-authority");
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var gridVariants = (0, import_class_variance_authority14.cva)("grid", {
+var gridVariants = (0, import_class_variance_authority15.cva)("grid", {
   variants: {
     columns: {
       1: "grid-cols-1",
@@ -1828,9 +1868,9 @@ Grid.displayName = "Grid";
 
 // components/ui/Container.tsx
 var React25 = __toESM(require("react"));
-var import_class_variance_authority15 = require("class-variance-authority");
+var import_class_variance_authority16 = require("class-variance-authority");
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var containerVariants = (0, import_class_variance_authority15.cva)("mx-auto px-4 sm:px-6 lg:px-8", {
+var containerVariants = (0, import_class_variance_authority16.cva)("mx-auto px-4 sm:px-6 lg:px-8", {
   variants: {
     size: {
       sm: "max-w-2xl",
@@ -2889,7 +2929,7 @@ var MenubarComponent = Object.assign(MenubarRoot, {
 // components/ui/NavigationMenu.tsx
 var React38 = __toESM(require("react"));
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
-var import_class_variance_authority16 = require("class-variance-authority");
+var import_class_variance_authority17 = require("class-variance-authority");
 var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var NavigationMenuRoot = React38.forwardRef((_a, ref) => {
@@ -2937,7 +2977,7 @@ var NavigationMenuItem = React38.forwardRef((_a, ref) => {
   );
 });
 NavigationMenuItem.displayName = "NavigationMenu.Item";
-var navigationMenuTriggerStyle = (0, import_class_variance_authority16.cva)(
+var navigationMenuTriggerStyle = (0, import_class_variance_authority17.cva)(
   "group inline-flex h-10 w-max items-center justify-center bg-background text-foreground px-4 py-2 text-sm font-head transition-colors hover:bg-muted focus:outline-none disabled:pointer-events-none disabled:opacity-50"
 );
 var NavigationMenuTrigger = React38.forwardRef((_a, ref) => {
@@ -4206,7 +4246,7 @@ var Pagination = Object.assign(PaginationRoot, {
 // components/ui/Sheet.tsx
 var React49 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_class_variance_authority17 = require("class-variance-authority");
+var import_class_variance_authority18 = require("class-variance-authority");
 var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var Sheet = SheetPrimitive.Root;
@@ -4226,7 +4266,7 @@ var SheetOverlay = React49.forwardRef((_a, ref) => {
   );
 });
 SheetOverlay.displayName = "Sheet.Overlay";
-var sheetContentVariants = (0, import_class_variance_authority17.cva)(
+var sheetContentVariants = (0, import_class_variance_authority18.cva)(
   "fixed z-50 flex flex-col gap-4 border-2 border-border bg-background transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
@@ -4934,7 +4974,7 @@ var DataTableComponent = Object.assign(DataTableRoot, {
 // components/ui/Sidebar.tsx
 var React55 = __toESM(require("react"));
 var import_react_slot8 = require("@radix-ui/react-slot");
-var import_class_variance_authority18 = require("class-variance-authority");
+var import_class_variance_authority19 = require("class-variance-authority");
 var import_lucide_react20 = require("lucide-react");
 
 // hooks/use-mobile.ts
@@ -5348,7 +5388,7 @@ var SidebarMenuItem = React55.forwardRef((_a, ref) => {
   );
 });
 SidebarMenuItem.displayName = "Sidebar.MenuItem";
-var sidebarMenuButtonVariants = (0, import_class_variance_authority18.cva)(
+var sidebarMenuButtonVariants = (0, import_class_variance_authority19.cva)(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden outline-2 outline-transparent p-2 text-left text-sm ring-ring transition-[width,height,padding] hover:bg-primary hover:text-primary-foreground hover:outline-border focus-visible:outline-border focus-visible:text-primary-foreground focus-visible:bg-primary disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -5988,9 +6028,9 @@ function Hero({
 }
 
 // components/landing/Section.tsx
-var import_class_variance_authority19 = require("class-variance-authority");
+var import_class_variance_authority20 = require("class-variance-authority");
 var import_jsx_runtime66 = require("react/jsx-runtime");
-var sectionVariants = (0, import_class_variance_authority19.cva)("w-full py-16 lg:py-24 scroll-mt-[120px]", {
+var sectionVariants = (0, import_class_variance_authority20.cva)("w-full py-16 lg:py-24 scroll-mt-[120px]", {
   variants: {
     background: {
       default: "bg-background",
@@ -6445,6 +6485,7 @@ function NewsletterSignup({
   Tooltip,
   TwoColumnLayout,
   alertVariants,
+  avatarVariants,
   badgeVariants,
   buttonVariants,
   cardVariants,