@placesapp/appy-ui 0.0.31 → 0.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -404,7 +404,19 @@ declare function HoverCardContent({ className, side, sideOffset, align, alignOff
404
404
  declare function Input({ className, type, ...props }: React$1.ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
405
405
 
406
406
  declare function InputGroup({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
407
+ declare const inputGroupAddonVariants: (props?: ({
408
+ align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
409
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
410
+ declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
411
+ declare const inputGroupButtonVariants: (props?: ({
412
+ size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
413
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
414
+ declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, 'size' | 'type'> & VariantProps<typeof inputGroupButtonVariants> & {
415
+ type?: 'button' | 'submit' | 'reset';
416
+ }): react_jsx_runtime.JSX.Element;
417
+ declare function InputGroupText({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
407
418
  declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
419
+ declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<'textarea'>): react_jsx_runtime.JSX.Element;
408
420
 
409
421
  declare function InputOTP({ className, containerClassName, ...props }: React$1.ComponentProps<typeof OTPInput> & {
410
422
  containerClassName?: string;
@@ -434,6 +446,7 @@ declare function ItemHeader({ className, ...props }: React$1.ComponentProps<'div
434
446
  declare function ItemFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
435
447
 
436
448
  declare function Kbd({ className, ...props }: React.ComponentProps<'kbd'>): react_jsx_runtime.JSX.Element;
449
+ declare function KbdGroup({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
437
450
 
438
451
  declare function Menubar({ className, ...props }: Menubar$1.Props): react_jsx_runtime.JSX.Element;
439
452
  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'> & {
458
471
  size?: 'sm' | 'default';
459
472
  };
460
473
  declare function NativeSelect({ className, size, ...props }: NativeSelectProps): react_jsx_runtime.JSX.Element;
474
+ declare function NativeSelectOption({ ...props }: React$1.ComponentProps<'option'>): react_jsx_runtime.JSX.Element;
475
+ declare function NativeSelectOptGroup({ className, ...props }: React$1.ComponentProps<'optgroup'>): react_jsx_runtime.JSX.Element;
461
476
 
462
477
  declare function NavigationMenu({ className, children, ...props }: NavigationMenu$1.Root.Props): react_jsx_runtime.JSX.Element;
463
478
  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
488
503
  declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): react_jsx_runtime.JSX.Element;
489
504
 
490
505
  declare function Progress({ className, children, value, ...props }: Progress$1.Root.Props): react_jsx_runtime.JSX.Element;
506
+ declare function ProgressTrack({ className, ...props }: Progress$1.Track.Props): react_jsx_runtime.JSX.Element;
507
+ declare function ProgressIndicator({ className, ...props }: Progress$1.Indicator.Props): react_jsx_runtime.JSX.Element;
508
+ declare function ProgressLabel({ className, ...props }: Progress$1.Label.Props): react_jsx_runtime.JSX.Element;
509
+ declare function ProgressValue({ className, ...props }: Progress$1.Value.Props): react_jsx_runtime.JSX.Element;
491
510
 
492
511
  type ProgressiveBlurProps = {
493
512
  className?: string;
@@ -781,4 +800,4 @@ declare function useIsMobile(): boolean;
781
800
 
782
801
  declare function cn(...inputs: ClassValue[]): string;
783
802
 
784
- 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 };
803
+ 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, 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, 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 CHANGED
@@ -1843,6 +1843,18 @@ function InputGroupButton({
1843
1843
  }
1844
1844
  );
1845
1845
  }
1846
+ function InputGroupText({ className, ...props }) {
1847
+ return /* @__PURE__ */ jsx(
1848
+ "span",
1849
+ {
1850
+ className: cn(
1851
+ "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
1852
+ className
1853
+ ),
1854
+ ...props
1855
+ }
1856
+ );
1857
+ }
1846
1858
  function InputGroupInput({
1847
1859
  className,
1848
1860
  ...props
@@ -1859,6 +1871,22 @@ function InputGroupInput({
1859
1871
  }
1860
1872
  );
1861
1873
  }
1874
+ function InputGroupTextarea({
1875
+ className,
1876
+ ...props
1877
+ }) {
1878
+ return /* @__PURE__ */ jsx(
1879
+ Textarea,
1880
+ {
1881
+ "data-slot": "input-group-control",
1882
+ className: cn(
1883
+ "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",
1884
+ className
1885
+ ),
1886
+ ...props
1887
+ }
1888
+ );
1889
+ }
1862
1890
  var Combobox = Combobox$1.Root;
1863
1891
  function ComboboxValue({ ...props }) {
1864
1892
  return /* @__PURE__ */ jsx(Combobox$1.Value, { "data-slot": "combobox-value", ...props });
@@ -3539,6 +3567,16 @@ function Kbd({ className, ...props }) {
3539
3567
  }
3540
3568
  );
3541
3569
  }
3570
+ function KbdGroup({ className, ...props }) {
3571
+ return /* @__PURE__ */ jsx(
3572
+ "kbd",
3573
+ {
3574
+ "data-slot": "kbd-group",
3575
+ className: cn("inline-flex items-center gap-1", className),
3576
+ ...props
3577
+ }
3578
+ );
3579
+ }
3542
3580
  function Menubar({ className, ...props }) {
3543
3581
  return /* @__PURE__ */ jsx(
3544
3582
  Menubar$1,
@@ -3794,6 +3832,22 @@ function NativeSelect({
3794
3832
  }
3795
3833
  );
3796
3834
  }
3835
+ function NativeSelectOption({ ...props }) {
3836
+ return /* @__PURE__ */ jsx("option", { "data-slot": "native-select-option", ...props });
3837
+ }
3838
+ function NativeSelectOptGroup({
3839
+ className,
3840
+ ...props
3841
+ }) {
3842
+ return /* @__PURE__ */ jsx(
3843
+ "optgroup",
3844
+ {
3845
+ "data-slot": "native-select-optgroup",
3846
+ className: cn(className),
3847
+ ...props
3848
+ }
3849
+ );
3850
+ }
3797
3851
  function NavigationMenu({
3798
3852
  className,
3799
3853
  children,
@@ -4170,6 +4224,29 @@ function ProgressIndicator({
4170
4224
  }
4171
4225
  );
4172
4226
  }
4227
+ function ProgressLabel({ className, ...props }) {
4228
+ return /* @__PURE__ */ jsx(
4229
+ Progress$1.Label,
4230
+ {
4231
+ className: cn("text-sm font-medium", className),
4232
+ "data-slot": "progress-label",
4233
+ ...props
4234
+ }
4235
+ );
4236
+ }
4237
+ function ProgressValue({ className, ...props }) {
4238
+ return /* @__PURE__ */ jsx(
4239
+ Progress$1.Value,
4240
+ {
4241
+ className: cn(
4242
+ "ml-auto text-sm text-muted-foreground tabular-nums",
4243
+ className
4244
+ ),
4245
+ "data-slot": "progress-value",
4246
+ ...props
4247
+ }
4248
+ );
4249
+ }
4173
4250
  function ProgressiveBlur({
4174
4251
  className = "",
4175
4252
  backgroundColor,
@@ -6102,4 +6179,4 @@ function WebFooter({
6102
6179
  );
6103
6180
  }
6104
6181
 
6105
- 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 };
6182
+ 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, 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@placesapp/appy-ui",
3
- "version": "0.0.31",
3
+ "version": "0.0.33",
4
4
  "type": "module",
5
5
  "module": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -1,15 +1,7 @@
1
- /* appy-ui Global Styles */
2
- /* Import this file in your app's CSS after tailwindcss */
3
-
4
- /* Tell Tailwind to scan this package's compiled components */
5
- @source "../dist/**/*.js";
6
-
7
- /* Custom variants for platform theming */
8
1
  @custom-variant dark (&:is(.dark *));
9
2
  @custom-variant ios (&:is(.ios *));
10
3
  @custom-variant material (&:is(.material *));
11
4
 
12
- /* Theme tokens - maps CSS vars to Tailwind */
13
5
  @theme inline {
14
6
  --font-sans: 'Inter Variable', sans-serif;
15
7
  --color-sidebar-ring: var(--sidebar-ring);
@@ -52,12 +44,7 @@
52
44
  --radius-4xl: calc(var(--radius) + 16px);
53
45
  }
54
46
 
55
- /* ============================================
56
- Base Theme Variables
57
- ============================================ */
58
-
59
47
  :root {
60
- /* Colors - OKLch */
61
48
  --background: oklch(0.99 0.002 75);
62
49
  --foreground: oklch(0.15 0.01 75);
63
50
  --card: oklch(1 0 0);
@@ -126,18 +113,12 @@
126
113
  --sidebar-ring: oklch(0.72 0.18 45);
127
114
  }
128
115
 
129
- /* ============================================
130
- iOS 26 Liquid Glass Design System
131
- ============================================ */
132
-
133
116
  .ios {
134
- /* Glass Effects */
135
117
  --glass-blur: 20px;
136
118
  --glass-bg: oklch(1 0 0 / 60%);
137
119
  --glass-bg-elevated: oklch(1 0 0 / 70%);
138
120
  --glass-border: oklch(1 0 0 / 30%);
139
121
 
140
- /* iOS System Colors */
141
122
  --ios-blue: oklch(0.65 0.22 255);
142
123
  --ios-green: oklch(0.7 0.2 145);
143
124
  --ios-red: oklch(0.6 0.25 25);
@@ -146,24 +127,19 @@
146
127
  --ios-teal: oklch(0.7 0.15 195);
147
128
  --ios-purple: oklch(0.6 0.2 300);
148
129
 
149
- /* Typography - SF Pro */
150
130
  --font-sans:
151
131
  -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text',
152
132
  'Helvetica Neue', sans-serif;
153
133
 
154
- /* iOS Corner Radii - pill-shaped / larger */
155
134
  --radius: 1.25rem;
156
135
 
157
- /* Elevation - iOS uses no shadows, only translucency */
158
136
  --elevation-1: none;
159
137
  --elevation-2: none;
160
138
  --elevation-3: none;
161
139
 
162
- /* Interaction */
163
140
  --press-scale: 0.97;
164
141
  --press-duration: 100ms;
165
142
 
166
- /* Separators */
167
143
  --separator: oklch(0 0 0 / 8%);
168
144
  }
169
145
 
@@ -174,7 +150,6 @@
174
150
  --separator: oklch(1 0 0 / 8%);
175
151
  }
176
152
 
177
- /* iOS Glass Support Check */
178
153
  @supports (backdrop-filter: blur(1px)) {
179
154
  .ios {
180
155
  --glass-supported: 1;
@@ -194,34 +169,25 @@
194
169
  }
195
170
  }
196
171
 
197
- /* ============================================
198
- Material 3 Design System
199
- ============================================ */
200
-
201
172
  .material {
202
- /* Glass Effects - Material uses solid surfaces */
203
173
  --glass-blur: 0;
204
174
  --glass-bg: var(--card);
205
175
  --glass-bg-elevated: var(--card);
206
176
  --glass-border: transparent;
207
177
 
208
- /* M3 Surface Tones */
209
178
  --m3-surface: oklch(0.99 0.002 75);
210
179
  --m3-surface-container: oklch(0.96 0.003 75);
211
180
  --m3-surface-container-high: oklch(0.94 0.004 75);
212
181
  --m3-surface-container-highest: oklch(0.92 0.005 75);
213
182
  --m3-on-surface: oklch(0.15 0.01 75);
214
183
 
215
- /* M3 State Layers */
216
184
  --m3-state-hover: oklch(0 0 0 / 8%);
217
185
  --m3-state-focus: oklch(0 0 0 / 12%);
218
186
  --m3-state-pressed: oklch(0 0 0 / 12%);
219
187
  --m3-state-dragged: oklch(0 0 0 / 16%);
220
188
 
221
- /* Typography - Roboto */
222
189
  --font-sans: 'Roboto', 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
223
190
 
224
- /* M3 Corner Radius Scale */
225
191
  --radius: 0.75rem;
226
192
  --radius-xs: 0.25rem;
227
193
  --radius-sm: 0.5rem;
@@ -230,17 +196,14 @@
230
196
  --radius-xl: 1.75rem;
231
197
  --radius-full: 9999px;
232
198
 
233
- /* M3 Elevation Shadows */
234
199
  --elevation-1: 0 1px 2px oklch(0 0 0 / 30%), 0 1px 3px 1px oklch(0 0 0 / 15%);
235
200
  --elevation-2: 0 1px 2px oklch(0 0 0 / 30%), 0 2px 6px 2px oklch(0 0 0 / 15%);
236
201
  --elevation-3: 0 1px 3px oklch(0 0 0 / 30%), 0 4px 8px 3px oklch(0 0 0 / 15%);
237
202
 
238
- /* Interaction */
239
203
  --press-scale: 1;
240
204
  --press-duration: 0ms;
241
205
  --ripple-duration: 300ms;
242
206
 
243
- /* Separators */
244
207
  --separator: oklch(0 0 0 / 12%);
245
208
  }
246
209
 
@@ -263,10 +226,6 @@
263
226
  --separator: oklch(1 0 0 / 12%);
264
227
  }
265
228
 
266
- /* ============================================
267
- Base Layer Styles
268
- ============================================ */
269
-
270
229
  @layer base {
271
230
  * {
272
231
  @apply border-border outline-ring/50;
@@ -287,27 +246,16 @@
287
246
  }
288
247
  }
289
248
 
290
- /* ============================================
291
- Platform-Specific Component Overrides
292
- ============================================ */
293
-
294
- /* iOS Card - Shadow effect */
295
249
  .ios [data-slot='card'] {
296
250
  box-shadow: 0 0 8px oklch(0 0 0 / 8%);
297
251
  border: none;
298
252
  }
299
253
 
300
- /* Material Card - Elevation shadow */
301
254
  .material [data-slot='card'] {
302
255
  box-shadow: var(--elevation-1);
303
256
  border: none;
304
257
  }
305
258
 
306
- /* ============================================
307
- Performance Optimizations
308
- ============================================ */
309
-
310
- /* Apply will-change only to animated glass elements */
311
259
  .ios [data-slot='dialog-content'],
312
260
  .ios [data-slot='sheet-content'] {
313
261
  will-change: transform, opacity;