@placesapp/appy-ui 0.0.31 → 0.0.333

package/dist/index.d.ts

@@ -404,7 +404,19 @@ declare function HoverCardContent({ className, side, sideOffset, align, alignOff
 declare function Input({ className, type, ...props }: React$1.ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
 
 declare function InputGroup({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, 'size' | 'type'> & VariantProps<typeof inputGroupButtonVariants> & {
+    type?: 'button' | 'submit' | 'reset';
+}): react_jsx_runtime.JSX.Element;
+declare function InputGroupText({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<'textarea'>): react_jsx_runtime.JSX.Element;
 
 declare function InputOTP({ className, containerClassName, ...props }: React$1.ComponentProps<typeof OTPInput> & {
     containerClassName?: string;
@@ -434,6 +446,7 @@ declare function ItemHeader({ className, ...props }: React$1.ComponentProps<'div
 declare function ItemFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
 
 declare function Kbd({ className, ...props }: React.ComponentProps<'kbd'>): react_jsx_runtime.JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
 
 declare function Menubar({ className, ...props }: Menubar$1.Props): react_jsx_runtime.JSX.Element;
 declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenu>): react_jsx_runtime.JSX.Element;
@@ -458,6 +471,8 @@ type NativeSelectProps = Omit<React$1.ComponentProps<'select'>, 'size'> & {
     size?: 'sm' | 'default';
 };
 declare function NativeSelect({ className, size, ...props }: NativeSelectProps): react_jsx_runtime.JSX.Element;
+declare function NativeSelectOption({ ...props }: React$1.ComponentProps<'option'>): react_jsx_runtime.JSX.Element;
+declare function NativeSelectOptGroup({ className, ...props }: React$1.ComponentProps<'optgroup'>): react_jsx_runtime.JSX.Element;
 
 declare function NavigationMenu({ className, children, ...props }: NavigationMenu$1.Root.Props): react_jsx_runtime.JSX.Element;
 declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.List>): react_jsx_runtime.JSX.Element;
@@ -488,6 +503,10 @@ declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): r
 declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): react_jsx_runtime.JSX.Element;
 
 declare function Progress({ className, children, value, ...props }: Progress$1.Root.Props): react_jsx_runtime.JSX.Element;
+declare function ProgressTrack({ className, ...props }: Progress$1.Track.Props): react_jsx_runtime.JSX.Element;
+declare function ProgressIndicator({ className, ...props }: Progress$1.Indicator.Props): react_jsx_runtime.JSX.Element;
+declare function ProgressLabel({ className, ...props }: Progress$1.Label.Props): react_jsx_runtime.JSX.Element;
+declare function ProgressValue({ className, ...props }: Progress$1.Value.Props): react_jsx_runtime.JSX.Element;
 
 type ProgressiveBlurProps = {
     className?: string;
@@ -636,6 +655,47 @@ declare function ToggleGroup({ className, variant, size, spacing, orientation, c
 }): react_jsx_runtime.JSX.Element;
 declare function ToggleGroupItem({ className, children, variant, size, ...props }: Toggle$1.Props & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 
+interface TabItem {
+    id: string;
+    label: string;
+    path: string;
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    activeIcon: ComponentType<{
+        className?: string;
+    }>;
+}
+interface NavLinkProps {
+    to: string;
+    children: React.ReactNode;
+    className?: string;
+    role?: string;
+    'aria-selected'?: boolean;
+}
+type LinkComponent = ComponentType<NavLinkProps>;
+interface HeaderConfig {
+    trailingAction?: {
+        icon: ComponentType<{
+            className?: string;
+        }>;
+        to: string;
+    };
+}
+interface PageConfig {
+    id: string;
+    label: string;
+    path: string;
+    showInTabBar: boolean;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    activeIcon?: ComponentType<{
+        className?: string;
+    }>;
+    header?: HeaderConfig;
+}
+
 interface HeaderContextValue {
     isScrolled: boolean;
 }
@@ -677,7 +737,7 @@ interface SecondaryPageHeaderProps {
     title: string;
     onBack: () => void;
 }
-declare function SecondaryPageHeader({ title, onBack }: SecondaryPageHeaderProps): react_jsx_runtime.JSX.Element;
+declare function SecondaryPageHeader({ title, onBack, }: SecondaryPageHeaderProps): react_jsx_runtime.JSX.Element;
 interface TabPageHeaderProps {
     title: string;
     trailingAction?: {
@@ -695,25 +755,13 @@ interface TabPageHeaderProps {
 }
 declare function TabPageHeader({ title, trailingAction }: TabPageHeaderProps): react_jsx_runtime.JSX.Element;
 
-interface TabItem {
-    id: string;
-    label: string;
-    path: string;
-    icon: ComponentType<{
-        className?: string;
-    }>;
-    activeIcon: ComponentType<{
-        className?: string;
-    }>;
-}
-interface NavLinkProps {
-    to: string;
-    children: React.ReactNode;
-    className?: string;
-    role?: string;
-    'aria-selected'?: boolean;
+interface AppHeaderProps {
+    pages: PageConfig[];
+    currentPath: string;
+    onBack: () => void;
+    LinkComponent: LinkComponent;
 }
-type LinkComponent = ComponentType<NavLinkProps>;
+declare function AppHeader({ pages, currentPath, onBack, LinkComponent, }: AppHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface TabBarProps {
     items: TabItem[];
@@ -781,4 +829,4 @@ declare function useIsMobile(): boolean;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AndroidTabBar, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type DesignSystem, DesignSystemProvider, type DeviceContext, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type FormFactor, Header, HoverCard, HoverCardContent, HoverCardTrigger, IOSTabBar, Input, InputGroup, InputGroupInput, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, Label, type LinkComponent, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, type NavLinkProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type Platform, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressiveBlur, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SecondaryPageHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, TabBar, type TabItem, TabPageHeader, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WebFooter, WebNavBar, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useCarousel, useComboboxAnchor, useDesignSystem, useDeviceContext, useHeaderContext, useIsMobile, useScrolled, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AndroidTabBar, AppHeader, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type DesignSystem, DesignSystemProvider, type DeviceContext, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type FormFactor, Header, type HeaderConfig, HoverCard, HoverCardContent, HoverCardTrigger, IOSTabBar, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, type LinkComponent, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, type NavLinkProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, type PageConfig, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type Platform, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, ProgressiveBlur, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SecondaryPageHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, TabBar, type TabItem, TabPageHeader, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WebFooter, WebNavBar, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useCarousel, useComboboxAnchor, useDesignSystem, useDeviceContext, useHeaderContext, useIsMobile, useScrolled, useSidebar };

package/dist/index.js

@@ -1843,6 +1843,18 @@ function InputGroupButton({
     }
   );
 }
+function InputGroupText({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function InputGroupInput({
   className,
   ...props
@@ -1859,6 +1871,22 @@ function InputGroupInput({
     }
   );
 }
+function InputGroupTextarea({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Textarea,
+    {
+      "data-slot": "input-group-control",
+      className: cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
 var Combobox = Combobox$1.Root;
 function ComboboxValue({ ...props }) {
   return /* @__PURE__ */ jsx(Combobox$1.Value, { "data-slot": "combobox-value", ...props });
@@ -3539,6 +3567,16 @@ function Kbd({ className, ...props }) {
     }
   );
 }
+function KbdGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      "data-slot": "kbd-group",
+      className: cn("inline-flex items-center gap-1", className),
+      ...props
+    }
+  );
+}
 function Menubar({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     Menubar$1,
@@ -3794,6 +3832,22 @@ function NativeSelect({
     }
   );
 }
+function NativeSelectOption({ ...props }) {
+  return /* @__PURE__ */ jsx("option", { "data-slot": "native-select-option", ...props });
+}
+function NativeSelectOptGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "optgroup",
+    {
+      "data-slot": "native-select-optgroup",
+      className: cn(className),
+      ...props
+    }
+  );
+}
 function NavigationMenu({
   className,
   children,
@@ -4170,6 +4224,29 @@ function ProgressIndicator({
     }
   );
 }
+function ProgressLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Progress$1.Label,
+    {
+      className: cn("text-sm font-medium", className),
+      "data-slot": "progress-label",
+      ...props
+    }
+  );
+}
+function ProgressValue({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Progress$1.Value,
+    {
+      className: cn(
+        "ml-auto text-sm text-muted-foreground tabular-nums",
+        className
+      ),
+      "data-slot": "progress-value",
+      ...props
+    }
+  );
+}
 function ProgressiveBlur({
   className = "",
   backgroundColor,
@@ -5764,7 +5841,13 @@ function useHeaderContext() {
 }
 function Root({ children, scrollThreshold = 50, className }) {
   const isScrolled = useScrolled({ threshold: scrollThreshold });
-  return /* @__PURE__ */ jsx(HeaderContext.Provider, { value: { isScrolled }, children: /* @__PURE__ */ jsx("header", { className: cn("sticky top-0 z-50 w-full bg-transparent", className), children: /* @__PURE__ */ jsx("div", { className: "relative flex h-14 items-center px-4", children }) }) });
+  return /* @__PURE__ */ jsx(HeaderContext.Provider, { value: { isScrolled }, children: /* @__PURE__ */ jsx(
+    "header",
+    {
+      className: cn("sticky top-0 z-50 w-full bg-transparent", className),
+      children: /* @__PURE__ */ jsx("div", { className: "relative flex h-14 items-center px-4", children })
+    }
+  ) });
 }
 function BackButton({ onClick, className }) {
   return /* @__PURE__ */ jsx(
@@ -5780,14 +5863,26 @@ function BackButton({ onClick, className }) {
   );
 }
 function Title({ children, className }) {
-  return /* @__PURE__ */ jsx("h1", { className: cn("absolute inset-0 flex items-center justify-center text-lg font-semibold", className), children });
+  return /* @__PURE__ */ jsx(
+    "h1",
+    {
+      className: cn(
+        "absolute inset-0 flex items-center justify-center text-lg font-semibold",
+        className
+      ),
+      children
+    }
+  );
 }
 function AnimatedTitle({ children, className }) {
   const { isScrolled } = useHeaderContext();
   return /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: isScrolled ? /* @__PURE__ */ jsx(
     motion.h1,
     {
-      className: cn("absolute inset-0 flex items-center justify-center text-lg font-semibold", className),
+      className: cn(
+        "absolute inset-0 flex items-center justify-center text-lg font-semibold",
+        className
+      ),
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
@@ -5818,7 +5913,10 @@ var Header = {
   AnimatedTitle,
   TrailingAction
 };
-function SecondaryPageHeader({ title, onBack }) {
+function SecondaryPageHeader({
+  title,
+  onBack
+}) {
   return /* @__PURE__ */ jsxs(Header.Root, { children: [
     /* @__PURE__ */ jsx(Header.BackButton, { onClick: onBack }),
     /* @__PURE__ */ jsx(Header.Title, { children: title })
@@ -5844,6 +5942,30 @@ function TabPageHeader({ title, trailingAction }) {
     ) })
   ] });
 }
+function AppHeader({
+  pages,
+  currentPath,
+  onBack,
+  LinkComponent
+}) {
+  const currentPage = pages.find((p) => p.path === currentPath);
+  const isTabPage = currentPage?.showInTabBar ?? false;
+  const pageTitle = currentPage?.label ?? "Page";
+  if (!isTabPage) {
+    return /* @__PURE__ */ jsx(SecondaryPageHeader, { title: pageTitle, onBack });
+  }
+  return /* @__PURE__ */ jsx(
+    TabPageHeader,
+    {
+      title: pageTitle,
+      trailingAction: currentPage?.header?.trailingAction ? {
+        icon: currentPage.header.trailingAction.icon,
+        href: currentPage.header.trailingAction.to,
+        LinkComponent
+      } : void 0
+    }
+  );
+}
 function AndroidTabBar({
   items,
   currentPath,
@@ -6102,4 +6224,4 @@ function WebFooter({
   );
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AndroidTabBar, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DesignSystemProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Header, HoverCard, HoverCardContent, HoverCardTrigger, IOSTabBar, Input, InputGroup, InputGroupInput, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressiveBlur, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SecondaryPageHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, TabBar, TabPageHeader, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WebFooter, WebNavBar, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useCarousel, useComboboxAnchor, useDesignSystem, useDeviceContext, useHeaderContext, useIsMobile, useScrolled, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AndroidTabBar, AppHeader, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DesignSystemProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Header, HoverCard, HoverCardContent, HoverCardTrigger, IOSTabBar, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, ProgressiveBlur, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SecondaryPageHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, TabBar, TabPageHeader, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WebFooter, WebNavBar, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useCarousel, useComboboxAnchor, useDesignSystem, useDeviceContext, useHeaderContext, useIsMobile, useScrolled, useSidebar };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@placesapp/appy-ui",
-  "version": "0.0.31",
+  "version": "0.0.333",
   "type": "module",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/styles/globals.css

@@ -1,15 +1,7 @@
-/* appy-ui Global Styles */
-/* Import this file in your app's CSS after tailwindcss */
-
-/* Tell Tailwind to scan this package's compiled components */
-@source "../dist/**/*.js";
-
-/* Custom variants for platform theming */
 @custom-variant dark (&:is(.dark *));
 @custom-variant ios (&:is(.ios *));
 @custom-variant material (&:is(.material *));
 
-/* Theme tokens - maps CSS vars to Tailwind */
 @theme inline {
   --font-sans: 'Inter Variable', sans-serif;
   --color-sidebar-ring: var(--sidebar-ring);
@@ -52,12 +44,7 @@
   --radius-4xl: calc(var(--radius) + 16px);
 }
 
-/* ============================================
-   Base Theme Variables
-   ============================================ */
-
 :root {
-  /* Colors - OKLch */
   --background: oklch(0.99 0.002 75);
   --foreground: oklch(0.15 0.01 75);
   --card: oklch(1 0 0);
@@ -126,18 +113,12 @@
   --sidebar-ring: oklch(0.72 0.18 45);
 }
 
-/* ============================================
-   iOS 26 Liquid Glass Design System
-   ============================================ */
-
 .ios {
-  /* Glass Effects */
   --glass-blur: 20px;
   --glass-bg: oklch(1 0 0 / 60%);
   --glass-bg-elevated: oklch(1 0 0 / 70%);
   --glass-border: oklch(1 0 0 / 30%);
 
-  /* iOS System Colors */
   --ios-blue: oklch(0.65 0.22 255);
   --ios-green: oklch(0.7 0.2 145);
   --ios-red: oklch(0.6 0.25 25);
@@ -146,24 +127,19 @@
   --ios-teal: oklch(0.7 0.15 195);
   --ios-purple: oklch(0.6 0.2 300);
 
-  /* Typography - SF Pro */
   --font-sans:
     -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text',
     'Helvetica Neue', sans-serif;
 
-  /* iOS Corner Radii - pill-shaped / larger */
   --radius: 1.25rem;
 
-  /* Elevation - iOS uses no shadows, only translucency */
   --elevation-1: none;
   --elevation-2: none;
   --elevation-3: none;
 
-  /* Interaction */
   --press-scale: 0.97;
   --press-duration: 100ms;
 
-  /* Separators */
   --separator: oklch(0 0 0 / 8%);
 }
 
@@ -174,7 +150,6 @@
   --separator: oklch(1 0 0 / 8%);
 }
 
-/* iOS Glass Support Check */
 @supports (backdrop-filter: blur(1px)) {
   .ios {
     --glass-supported: 1;
@@ -194,34 +169,25 @@
   }
 }
 
-/* ============================================
-   Material 3 Design System
-   ============================================ */
-
 .material {
-  /* Glass Effects - Material uses solid surfaces */
   --glass-blur: 0;
   --glass-bg: var(--card);
   --glass-bg-elevated: var(--card);
   --glass-border: transparent;
 
-  /* M3 Surface Tones */
   --m3-surface: oklch(0.99 0.002 75);
   --m3-surface-container: oklch(0.96 0.003 75);
   --m3-surface-container-high: oklch(0.94 0.004 75);
   --m3-surface-container-highest: oklch(0.92 0.005 75);
   --m3-on-surface: oklch(0.15 0.01 75);
 
-  /* M3 State Layers */
   --m3-state-hover: oklch(0 0 0 / 8%);
   --m3-state-focus: oklch(0 0 0 / 12%);
   --m3-state-pressed: oklch(0 0 0 / 12%);
   --m3-state-dragged: oklch(0 0 0 / 16%);
 
-  /* Typography - Roboto */
   --font-sans: 'Roboto', 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
 
-  /* M3 Corner Radius Scale */
   --radius: 0.75rem;
   --radius-xs: 0.25rem;
   --radius-sm: 0.5rem;
@@ -230,17 +196,14 @@
   --radius-xl: 1.75rem;
   --radius-full: 9999px;
 
-  /* M3 Elevation Shadows */
   --elevation-1: 0 1px 2px oklch(0 0 0 / 30%), 0 1px 3px 1px oklch(0 0 0 / 15%);
   --elevation-2: 0 1px 2px oklch(0 0 0 / 30%), 0 2px 6px 2px oklch(0 0 0 / 15%);
   --elevation-3: 0 1px 3px oklch(0 0 0 / 30%), 0 4px 8px 3px oklch(0 0 0 / 15%);
 
-  /* Interaction */
   --press-scale: 1;
   --press-duration: 0ms;
   --ripple-duration: 300ms;
 
-  /* Separators */
   --separator: oklch(0 0 0 / 12%);
 }
 
@@ -263,10 +226,6 @@
   --separator: oklch(1 0 0 / 12%);
 }
 
-/* ============================================
-   Base Layer Styles
-   ============================================ */
-
 @layer base {
   * {
     @apply border-border outline-ring/50;
@@ -287,27 +246,16 @@
   }
 }
 
-/* ============================================
-   Platform-Specific Component Overrides
-   ============================================ */
-
-/* iOS Card - Shadow effect */
 .ios [data-slot='card'] {
   box-shadow: 0 0 8px oklch(0 0 0 / 8%);
   border: none;
 }
 
-/* Material Card - Elevation shadow */
 .material [data-slot='card'] {
   box-shadow: var(--elevation-1);
   border: none;
 }
 
-/* ============================================
-   Performance Optimizations
-   ============================================ */
-
-/* Apply will-change only to animated glass elements */
 .ios [data-slot='dialog-content'],
 .ios [data-slot='sheet-content'] {
   will-change: transform, opacity;