@7onic-ui/react 0.2.8 → 0.3.0

package/dist/index.mjs

@@ -1,3 +1,5 @@
+"use client";
+
 // src/components/ui/accordion.tsx
 import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
@@ -37,7 +39,7 @@ var accordionVariants = cva("w-full", {
     variant: "default"
   }
 });
-var AccordionRoot = React.forwardRef(
+var Accordion = React.forwardRef(
   ({ className, variant = "default", size = "default", iconPosition = "right", type = "single", collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {
     const restProps = props;
     const sharedClassName = cn(accordionVariants({ variant }), className);
@@ -66,7 +68,7 @@ var AccordionRoot = React.forwardRef(
     ));
   }
 );
-AccordionRoot.displayName = "Accordion";
+Accordion.displayName = "Accordion";
 var accordionItemVariants = cva("", {
   variants: {
     variant: {
@@ -174,11 +176,6 @@ var AccordionContent = React.forwardRef(({ className, children, ...props }, ref)
   );
 });
 AccordionContent.displayName = "AccordionContent";
-var Accordion = Object.assign(AccordionRoot, {
-  Item: AccordionItem,
-  Trigger: AccordionTrigger,
-  Content: AccordionContent
-});
 
 // src/components/ui/breadcrumb.tsx
 import * as React2 from "react";
@@ -216,7 +213,7 @@ var breadcrumbSizeMap = {
   default: { text: "text-sm", icon: "icon-xs", gap: "gap-2" },
   lg: { text: "text-md", icon: "icon-sm", gap: "gap-2" }
 };
-var BreadcrumbRoot = React2.forwardRef(
+var Breadcrumb = React2.forwardRef(
   ({ className, separator, size = "default", ...props }, ref) => /* @__PURE__ */ React2.createElement(BreadcrumbContext.Provider, { value: { size, separator } }, /* @__PURE__ */ React2.createElement(
     "nav",
     {
@@ -227,7 +224,7 @@ var BreadcrumbRoot = React2.forwardRef(
     }
   ))
 );
-BreadcrumbRoot.displayName = "Breadcrumb";
+Breadcrumb.displayName = "Breadcrumb";
 var BreadcrumbList = React2.forwardRef(
   ({ className, ...props }, ref) => {
     const { size = "default" } = useBreadcrumbContext();
@@ -328,14 +325,6 @@ var BreadcrumbEllipsis = React2.forwardRef(
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
-var Breadcrumb = Object.assign(BreadcrumbRoot, {
-  List: BreadcrumbList,
-  Item: BreadcrumbItem,
-  Link: BreadcrumbLink,
-  Page: BreadcrumbPage,
-  Separator: BreadcrumbSeparator,
-  Ellipsis: BreadcrumbEllipsis
-});
 
 // src/components/ui/divider.tsx
 import * as React3 from "react";
@@ -976,7 +965,7 @@ var ToggleGroupContext = React8.createContext({
   radius: "default",
   fontWeight: "normal"
 });
-var ToggleGroupRoot = React8.forwardRef(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+var ToggleGroup = React8.forwardRef(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -1010,7 +999,7 @@ var ToggleGroupRoot = React8.forwardRef(({ className, orientation, variant, size
   },
   /* @__PURE__ */ React8.createElement(ToggleGroupContext.Provider, { value: { variant, size, radius, fontWeight } }, children)
 ));
-ToggleGroupRoot.displayName = ToggleGroupPrimitive.Root.displayName;
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
 var iconSizeClasses2 = {
   xs: "[&>svg]:icon-xs",
   // 14px
@@ -1046,9 +1035,6 @@ var ToggleGroupItem = React8.forwardRef(({ className, variant, size, radius, fon
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-var ToggleGroup = Object.assign(ToggleGroupRoot, {
-  Item: ToggleGroupItem
-});
 
 // src/components/ui/segmented.tsx
 import * as React9 from "react";
@@ -1202,7 +1188,7 @@ var segmentedItemVariants = cva7(
     }
   }
 );
-var SegmentedRoot = React9.forwardRef(({ className, variant, size, radius, fontWeight, ...props }, ref) => {
+var Segmented = React9.forwardRef(({ className, variant, size, radius, fontWeight, ...props }, ref) => {
   const resolvedFontWeight = fontWeight ?? "normal";
   return /* @__PURE__ */ React9.createElement(SegmentedContext.Provider, { value: { variant: variant || "default", size: size || "default", radius: radius || "default" } }, /* @__PURE__ */ React9.createElement(
     RadioGroupPrimitive.Root,
@@ -1213,7 +1199,7 @@ var SegmentedRoot = React9.forwardRef(({ className, variant, size, radius, fontW
     }
   ));
 });
-SegmentedRoot.displayName = "Segmented";
+Segmented.displayName = "Segmented";
 var iconSizeClasses3 = {
   sm: "[&>svg]:icon-xs",
   // 14px
@@ -1243,9 +1229,6 @@ var SegmentedItem = React9.forwardRef(({ className, children, size, radius, cont
   );
 });
 SegmentedItem.displayName = "SegmentedItem";
-var Segmented = Object.assign(SegmentedRoot, {
-  Item: SegmentedItem
-});
 
 // src/components/ui/input.tsx
 import * as React11 from "react";
@@ -1272,7 +1255,7 @@ var fieldVariants = cva8("flex flex-col", {
     gap: "default"
   }
 });
-var FieldRoot = React10.forwardRef(
+var Field = React10.forwardRef(
   ({ className, gap, error, disabled, children, ...props }, ref) => {
     const id = React10.useId();
     return /* @__PURE__ */ React10.createElement(FieldContext.Provider, { value: { id, error, disabled } }, /* @__PURE__ */ React10.createElement(
@@ -1288,7 +1271,7 @@ var FieldRoot = React10.forwardRef(
     ));
   }
 );
-FieldRoot.displayName = "Field";
+Field.displayName = "Field";
 var FieldLabel = React10.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     const context = useFieldContext();
@@ -1345,11 +1328,6 @@ var FieldCharCount = React10.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FieldCharCount.displayName = "FieldCharCount";
-var Field = Object.assign(FieldRoot, {
-  Label: FieldLabel,
-  Error: FieldError,
-  CharCount: FieldCharCount
-});
 
 // src/components/ui/input.tsx
 var inputVariants = cva9(
@@ -1856,7 +1834,7 @@ var radioGroupVariants = cva12("grid gap-3", {
     orientation: "vertical"
   }
 });
-var RadioGroupRoot = React14.forwardRef(({ className, orientation, size = "default", weight = "bold", color = "default", disabled, ...props }, ref) => {
+var RadioGroup = React14.forwardRef(({ className, orientation, size = "default", weight = "bold", color = "default", disabled, ...props }, ref) => {
   const fieldContext = useFieldContext();
   const resolvedDisabled = disabled ?? fieldContext?.disabled;
   return /* @__PURE__ */ React14.createElement(RadioGroupContext.Provider, { value: { size, weight, color, disabled: resolvedDisabled } }, /* @__PURE__ */ React14.createElement(
@@ -1870,7 +1848,7 @@ var RadioGroupRoot = React14.forwardRef(({ className, orientation, size = "defau
     }
   ));
 });
-RadioGroupRoot.displayName = "RadioGroup";
+RadioGroup.displayName = "RadioGroup";
 var radioItemVariants = cva12(
   [
     "relative shrink-0 rounded-full border-border hover:border-border-strong transition-all duration-micro ease-out",
@@ -1958,9 +1936,6 @@ var RadioGroupItem = React14.forwardRef(({ className, label, disabled, ...props
   ));
 });
 RadioGroupItem.displayName = "RadioGroupItem";
-var RadioGroup = Object.assign(RadioGroupRoot, {
-  Item: RadioGroupItem
-});
 
 // src/components/ui/switch.tsx
 import * as React15 from "react";
@@ -2289,7 +2264,7 @@ var insetSizeMap = {
   lg: "pl-10"
 };
 var DropdownMenuStyleContext = React17.createContext({ radius: "lg", flush: false, size: "md" });
-var DropdownMenuRoot = DropdownMenuPrimitive.Root;
+var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
@@ -2466,21 +2441,6 @@ function DropdownMenuShortcut({
   );
 }
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var DropdownMenu = Object.assign(DropdownMenuRoot, {
-  Trigger: DropdownMenuTrigger,
-  Content: DropdownMenuContent,
-  Item: DropdownMenuItem,
-  CheckboxItem: DropdownMenuCheckboxItem,
-  RadioGroup: DropdownMenuRadioGroup,
-  RadioItem: DropdownMenuRadioItem,
-  Label: DropdownMenuLabel,
-  Separator: DropdownMenuSeparator,
-  Group: DropdownMenuGroup,
-  Sub: DropdownMenuSub,
-  SubTrigger: DropdownMenuSubTrigger,
-  SubContent: DropdownMenuSubContent,
-  Shortcut: DropdownMenuShortcut
-});
 
 // src/components/ui/select.tsx
 import * as React18 from "react";
@@ -2586,7 +2546,7 @@ var flushLabelPaddingMap = {
 };
 var SelectRootContext = React18.createContext({ size: "default", radius: "default" });
 var SelectStyleContext = React18.createContext({ contentRadius: "xl", itemSize: "md", flush: false });
-var SelectRoot = ({
+var Select = ({
   size = "default",
   radius = "default",
   ...props
@@ -2737,15 +2697,6 @@ var SelectSeparator = React18.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-var Select = Object.assign(SelectRoot, {
-  Trigger: SelectTrigger,
-  Value: SelectValue,
-  Content: SelectContent,
-  Item: SelectItem,
-  Group: SelectGroup,
-  Label: SelectLabel,
-  Separator: SelectSeparator
-});
 
 // src/components/ui/avatar.tsx
 import * as React19 from "react";
@@ -2853,7 +2804,7 @@ function getAvatarColor(name, variant = "vivid") {
   }
   return avatarColors[(hash >>> 0) % avatarColors.length][variant];
 }
-var AvatarRoot = React19.forwardRef(({ className, size, shape, status, children, ...props }, ref) => {
+var Avatar = React19.forwardRef(({ className, size, shape, status, children, ...props }, ref) => {
   const resolvedSize = size || "default";
   if (!status) {
     return /* @__PURE__ */ React19.createElement(
@@ -2885,7 +2836,7 @@ var AvatarRoot = React19.forwardRef(({ className, size, shape, status, children,
     }
   ));
 });
-AvatarRoot.displayName = "Avatar";
+Avatar.displayName = "Avatar";
 var AvatarImage = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   AvatarPrimitive.Image,
   {
@@ -2934,16 +2885,11 @@ var AvatarGroup = React19.forwardRef(
         ...props
       },
       visibleChildren,
-      overflowCount > 0 && /* @__PURE__ */ React19.createElement(AvatarRoot, { size, shape }, /* @__PURE__ */ React19.createElement(AvatarFallback, { size }, "+", overflowCount))
+      overflowCount > 0 && /* @__PURE__ */ React19.createElement(Avatar, { size, shape }, /* @__PURE__ */ React19.createElement(AvatarFallback, { size }, "+", overflowCount))
     );
   }
 );
 AvatarGroup.displayName = "AvatarGroup";
-var Avatar = Object.assign(AvatarRoot, {
-  Image: AvatarImage,
-  Fallback: AvatarFallback,
-  Group: AvatarGroup
-});
 
 // src/components/ui/metric-card.tsx
 import * as React20 from "react";
@@ -3007,7 +2953,7 @@ var trendConfig = {
   neutral: { color: "text-text-muted", srLabel: "No change" }
 };
 var MetricCardContext = React20.createContext({ size: "default", animated: false });
-var MetricCardRoot = React20.forwardRef(
+var MetricCard = React20.forwardRef(
   ({ className, variant, size, radius, animated = false, children, ...props }, ref) => {
     const resolvedSize = size || "default";
     return /* @__PURE__ */ React20.createElement(MetricCardContext.Provider, { value: { size: resolvedSize, animated } }, /* @__PURE__ */ React20.createElement(
@@ -3021,7 +2967,7 @@ var MetricCardRoot = React20.forwardRef(
     ));
   }
 );
-MetricCardRoot.displayName = "MetricCard";
+MetricCard.displayName = "MetricCard";
 var MetricCardHeader = React20.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
     "div",
@@ -3142,14 +3088,6 @@ var MetricCardSymbol = React20.forwardRef(
   }
 );
 MetricCardSymbol.displayName = "MetricCardSymbol";
-var MetricCard = Object.assign(MetricCardRoot, {
-  Header: MetricCardHeader,
-  Title: MetricCardTitle,
-  Value: MetricCardValue,
-  Trend: MetricCardTrend,
-  Description: MetricCardDescription,
-  Symbol: MetricCardSymbol
-});
 
 // src/components/ui/badge.tsx
 import * as React21 from "react";
@@ -3368,7 +3306,7 @@ var cardVariants = cva18(
     }
   }
 );
-var CardRoot = React22.forwardRef(
+var Card = React22.forwardRef(
   ({
     className,
     variant = "default",
@@ -3410,7 +3348,7 @@ var CardRoot = React22.forwardRef(
     ));
   }
 );
-CardRoot.displayName = "Card";
+Card.displayName = "Card";
 var sizePaddingXMap = {
   sm: "px-4",
   // 16px
@@ -3614,15 +3552,6 @@ var CardFooter = React22.forwardRef(
   }
 );
 CardFooter.displayName = "CardFooter";
-var Card = Object.assign(CardRoot, {
-  Image: CardImage,
-  Header: CardHeader,
-  Title: CardTitle,
-  Description: CardDescription,
-  Action: CardAction,
-  Content: CardContent,
-  Footer: CardFooter
-});
 
 // src/components/ui/table.tsx
 import * as React23 from "react";
@@ -3658,7 +3587,7 @@ var tableVariants = cva19(
     }
   }
 );
-var TableRoot = React23.forwardRef(
+var Table = React23.forwardRef(
   ({ className, size = "default", variant = "default", stickyHeader = false, wrapperClassName, ...props }, ref) => /* @__PURE__ */ React23.createElement(TableContext.Provider, { value: { size, variant, stickyHeader } }, /* @__PURE__ */ React23.createElement("div", { className: cn("relative w-full overflow-auto", wrapperClassName) }, /* @__PURE__ */ React23.createElement(
     "table",
     {
@@ -3668,7 +3597,7 @@ var TableRoot = React23.forwardRef(
     }
   )))
 );
-TableRoot.displayName = "Table";
+Table.displayName = "Table";
 var TableHeader = React23.forwardRef(({ className, ...props }, ref) => {
   const { stickyHeader } = React23.useContext(TableContext);
   return /* @__PURE__ */ React23.createElement(
@@ -3802,15 +3731,6 @@ var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableCaption.displayName = "TableCaption";
-var Table = Object.assign(TableRoot, {
-  Header: TableHeader,
-  Body: TableBody,
-  Footer: TableFooter,
-  Row: TableRow,
-  Head: TableHead,
-  Cell: TableCell,
-  Caption: TableCaption
-});
 
 // src/components/ui/tabs.tsx
 import * as React24 from "react";
@@ -3995,12 +3915,7 @@ var TabsContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsContent.displayName = "TabsContent";
-var TabsRoot = TabsPrimitive.Root;
-var Tabs = Object.assign(TabsRoot, {
-  List: TabsList,
-  Trigger: TabsTrigger,
-  Content: TabsContent
-});
+var Tabs = TabsPrimitive.Root;
 
 // src/components/ui/navigation-menu.tsx
 import * as React25 from "react";
@@ -4088,7 +4003,7 @@ var navigationMenuSizeMap = {
     groupMargin: "mt-6 first:mt-0"
   }
 };
-var NavigationMenuRoot = React25.forwardRef(
+var NavigationMenu = React25.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -4145,7 +4060,7 @@ var NavigationMenuRoot = React25.forwardRef(
     ));
   }
 );
-NavigationMenuRoot.displayName = "NavigationMenu";
+NavigationMenu.displayName = "NavigationMenu";
 var NavigationMenuList = React25.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { orientation } = useNavigationMenuContext();
@@ -4465,16 +4380,6 @@ var NavigationMenuViewport = React25.forwardRef(
   }
 );
 NavigationMenuViewport.displayName = "NavigationMenuViewport";
-var NavigationMenu = Object.assign(NavigationMenuRoot, {
-  List: NavigationMenuList,
-  Item: NavigationMenuItem,
-  Trigger: NavigationMenuTrigger,
-  Content: NavigationMenuContent,
-  Link: NavigationMenuLink,
-  Group: NavigationMenuGroup,
-  Indicator: NavigationMenuIndicator,
-  Viewport: NavigationMenuViewport
-});
 
 // src/components/ui/pagination.tsx
 import * as React26 from "react";
@@ -4646,7 +4551,7 @@ function getItemClasses(variant, color, isActive, disabled) {
       return "border border-transparent text-text-muted hover:bg-background-muted hover:text-foreground";
   }
 }
-var PaginationRoot = React26.forwardRef(
+var Pagination = React26.forwardRef(
   ({
     className,
     total = 1,
@@ -4703,7 +4608,7 @@ var PaginationRoot = React26.forwardRef(
     ));
   }
 );
-PaginationRoot.displayName = "Pagination";
+Pagination.displayName = "Pagination";
 var PaginationContent = React26.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = usePaginationContext();
@@ -4897,17 +4802,6 @@ var PaginationItems = React26.forwardRef(
   }
 );
 PaginationItems.displayName = "PaginationItems";
-var Pagination = Object.assign(PaginationRoot, {
-  Content: PaginationContent,
-  Item: PaginationItem,
-  Link: PaginationLink,
-  Previous: PaginationPrevious,
-  Next: PaginationNext,
-  First: PaginationFirst,
-  Last: PaginationLast,
-  Ellipsis: PaginationEllipsis,
-  Items: PaginationItems
-});
 
 // src/components/ui/modal.tsx
 import * as React27 from "react";
@@ -4929,7 +4823,7 @@ var DefaultCloseIcon = ({ className }) => /* @__PURE__ */ React27.createElement(
 var ModalStyleContext = React27.createContext({
   scrollBehavior: "outside"
 });
-function ModalRoot(props) {
+function Modal(props) {
   return /* @__PURE__ */ React27.createElement(DialogPrimitive.Root, { ...props });
 }
 var ModalTrigger = DialogPrimitive.Trigger;
@@ -5082,7 +4976,7 @@ var ModalFooter = React27.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ModalFooter.displayName = "ModalFooter";
-var AlertModalRoot = AlertDialogPrimitive.Root;
+var AlertModal = AlertDialogPrimitive.Root;
 var AlertModalTrigger = AlertDialogPrimitive.Trigger;
 var AlertModalPortal = AlertDialogPrimitive.Portal;
 var AlertModalOverlay = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
@@ -5193,31 +5087,6 @@ var AlertModalCancel = React27.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertModalCancel.displayName = "AlertModalCancel";
-var Modal = Object.assign(ModalRoot, {
-  Trigger: ModalTrigger,
-  Portal: ModalPortal,
-  Overlay: ModalOverlay,
-  Content: ModalContent,
-  Header: ModalHeader,
-  Title: ModalTitle,
-  Description: ModalDescription,
-  Body: ModalBody,
-  Footer: ModalFooter,
-  Close: ModalClose
-});
-var AlertModal = Object.assign(AlertModalRoot, {
-  Trigger: AlertModalTrigger,
-  Portal: AlertModalPortal,
-  Overlay: AlertModalOverlay,
-  Content: AlertModalContent,
-  Header: AlertModalHeader,
-  Title: AlertModalTitle,
-  Description: AlertModalDescription,
-  Body: AlertModalBody,
-  Footer: AlertModalFooter,
-  Action: AlertModalAction,
-  Cancel: AlertModalCancel
-});
 
 // src/components/ui/drawer.tsx
 import * as React28 from "react";
@@ -5265,7 +5134,7 @@ var drawerSizeVertical = cva23("", {
   },
   defaultVariants: { size: "md" }
 });
-function DrawerRoot(props) {
+function Drawer(props) {
   return /* @__PURE__ */ React28.createElement(DialogPrimitive2.Root, { ...props });
 }
 var DrawerTrigger = DialogPrimitive2.Trigger;
@@ -5367,18 +5236,6 @@ var DrawerFooter = React28.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DrawerFooter.displayName = "DrawerFooter";
-var Drawer = Object.assign(DrawerRoot, {
-  Trigger: DrawerTrigger,
-  Portal: DrawerPortal,
-  Overlay: DrawerOverlay,
-  Content: DrawerContent,
-  Header: DrawerHeader,
-  Title: DrawerTitle,
-  Description: DrawerDescription,
-  Body: DrawerBody,
-  Footer: DrawerFooter,
-  Close: DrawerClose
-});
 
 // src/components/ui/tooltip.tsx
 import * as React29 from "react";
@@ -5414,7 +5271,7 @@ var ARROW_FILL = {
   inverted: "fill-background-paper drop-shadow-sm"
 };
 var TooltipProvider = TooltipPrimitive.Provider;
-function TooltipRoot({ delayDuration = 200, ...props }) {
+function Tooltip({ delayDuration = 200, ...props }) {
   return /* @__PURE__ */ React29.createElement(TooltipPrimitive.Root, { delayDuration, ...props });
 }
 var TooltipTrigger = TooltipPrimitive.Trigger;
@@ -5457,13 +5314,6 @@ var TooltipArrow = React29.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TooltipArrow.displayName = "TooltipArrow";
-var Tooltip = Object.assign(TooltipRoot, {
-  Trigger: TooltipTrigger,
-  Content: TooltipContent,
-  Arrow: TooltipArrow,
-  Portal: TooltipPortal,
-  Provider: TooltipProvider
-});
 
 // src/components/ui/popover.tsx
 import * as React30 from "react";
@@ -5514,7 +5364,7 @@ var CSS_ARROW_CLASSES = {
   left: "-right-[5px] top-1/2 -translate-y-1/2 border-t border-r border-border"
 };
 var ARROW_ELEVATED = "fill-background-paper drop-shadow-sm";
-function PopoverRoot(props) {
+function Popover(props) {
   return /* @__PURE__ */ React30.createElement(PopoverPrimitive.Root, { ...props });
 }
 var PopoverTrigger = PopoverPrimitive.Trigger;
@@ -5577,14 +5427,6 @@ var PopoverArrow = React30.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 PopoverArrow.displayName = "PopoverArrow";
-var Popover = Object.assign(PopoverRoot, {
-  Trigger: PopoverTrigger,
-  Content: PopoverContent,
-  Arrow: PopoverArrow,
-  Close: PopoverClose,
-  Anchor: PopoverAnchor,
-  Portal: PopoverPortal
-});
 
 // src/components/ui/alert.tsx
 import * as React31 from "react";
@@ -5680,7 +5522,7 @@ var AlertContext = React31.createContext({
 function useAlertContext() {
   return React31.useContext(AlertContext);
 }
-var AlertRoot = React31.forwardRef(
+var Alert = React31.forwardRef(
   ({
     className,
     variant = "default",
@@ -5729,7 +5571,7 @@ var AlertRoot = React31.forwardRef(
     ));
   }
 );
-AlertRoot.displayName = "AlertRoot";
+Alert.displayName = "Alert";
 var AlertTitle = React31.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = useAlertContext();
@@ -5763,10 +5605,6 @@ var AlertDescription = React31.forwardRef(
   }
 );
 AlertDescription.displayName = "AlertDescription";
-var Alert = Object.assign(AlertRoot, {
-  Title: AlertTitle,
-  Description: AlertDescription
-});
 
 // src/components/ui/toast.tsx
 import * as React32 from "react";
@@ -7027,7 +6865,7 @@ var iconSizeMap = {
   lg: "icon-sm"
   // 16px
 };
-var QuickReplyRoot = React37.forwardRef(
+var QuickReply = React37.forwardRef(
   ({
     className,
     layout = "scroll",
@@ -7056,7 +6894,7 @@ var QuickReplyRoot = React37.forwardRef(
     ));
   }
 );
-QuickReplyRoot.displayName = "QuickReply";
+QuickReply.displayName = "QuickReply";
 var QuickReplyItem = React37.forwardRef(
   ({ className, icon, asChild = false, children, ...props }, ref) => {
     const { size, variant, color, radius } = React37.useContext(QuickReplyContext);
@@ -7086,10 +6924,7 @@ var QuickReplyItem = React37.forwardRef(
     );
   }
 );
-QuickReplyItem.displayName = "QuickReply.Item";
-var QuickReply = Object.assign(QuickReplyRoot, {
-  Item: QuickReplyItem
-});
+QuickReplyItem.displayName = "QuickReplyItem";
 
 // src/components/ui/chat-input.tsx
 import * as React38 from "react";
@@ -7205,7 +7040,7 @@ var ChatInputContext = React38.createContext({
   _handleSubmit: () => {
   }
 });
-var ChatInputRoot = React38.forwardRef(
+var ChatInput = React38.forwardRef(
   ({
     className,
     variant = "outline",
@@ -7280,7 +7115,7 @@ var ChatInputRoot = React38.forwardRef(
     ));
   }
 );
-ChatInputRoot.displayName = "ChatInput";
+ChatInput.displayName = "ChatInput";
 var ChatInputField = React38.forwardRef(
   ({
     className,
@@ -7365,7 +7200,7 @@ var ChatInputField = React38.forwardRef(
     ));
   }
 );
-ChatInputField.displayName = "ChatInput.Field";
+ChatInputField.displayName = "ChatInputField";
 var ChatInputSubmit = React38.forwardRef(
   ({
     className,
@@ -7433,7 +7268,7 @@ var ChatInputSubmit = React38.forwardRef(
     ));
   }
 );
-ChatInputSubmit.displayName = "ChatInput.Submit";
+ChatInputSubmit.displayName = "ChatInputSubmit";
 function SendIcon() {
   return /* @__PURE__ */ React38.createElement(
     "svg",
@@ -7453,10 +7288,6 @@ function SendIcon() {
 function StopIcon() {
   return /* @__PURE__ */ React38.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "w-full h-full" }, /* @__PURE__ */ React38.createElement("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }));
 }
-var ChatInput = Object.assign(ChatInputRoot, {
-  Field: ChatInputField,
-  Submit: ChatInputSubmit
-});
 
 // src/components/ui/chat-message.tsx
 import * as React39 from "react";
@@ -7551,7 +7382,7 @@ var typingMinWidthMap = {
   default: "min-w-12",
   lg: "min-w-16"
 };
-var ChatMessageRoot = React39.forwardRef(
+var ChatMessage = React39.forwardRef(
   ({
     className,
     role = "assistant",
@@ -7587,7 +7418,7 @@ var ChatMessageRoot = React39.forwardRef(
     ));
   }
 );
-ChatMessageRoot.displayName = "ChatMessage";
+ChatMessage.displayName = "ChatMessage";
 function DefaultAiIcon() {
   return /* @__PURE__ */ React39.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "w-3/5 h-3/5", "aria-hidden": "true" }, /* @__PURE__ */ React39.createElement("path", { d: "M12 3l1.8 5.4 5.4 1.8-5.4 1.8L12 17.4l-1.8-5.4L4.8 10.2l5.4-1.8z" }), /* @__PURE__ */ React39.createElement("path", { d: "M19.5 3.5l.8 2.4 2.4.8-2.4.8L19.5 10l-.8-2.5-2.4-.8 2.4-.8z", opacity: ".6" }), /* @__PURE__ */ React39.createElement("path", { d: "M4.5 14.5l.7 2 2 .7-2 .7L4.5 20l-.7-2-2-.7 2-.7z", opacity: ".4" }));
 }
@@ -7603,7 +7434,7 @@ var ChatMessageAvatar = React39.forwardRef(
     /* @__PURE__ */ React39.createElement(AvatarFallback, { className: cn("font-semibold", chatAvatarFontMap[avatarSize]) }, icon ?? (initials || /* @__PURE__ */ React39.createElement(DefaultAiIcon, null)))
   )
 );
-ChatMessageAvatar.displayName = "ChatMessage.Avatar";
+ChatMessageAvatar.displayName = "ChatMessageAvatar";
 var ChatMessageContent = React39.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { role, variant, color, size, radius, tail, typing, actions } = React39.useContext(ChatMessageContext);
@@ -7646,7 +7477,7 @@ var ChatMessageContent = React39.forwardRef(
     ) }, actions));
   }
 );
-ChatMessageContent.displayName = "ChatMessage.Content";
+ChatMessageContent.displayName = "ChatMessageContent";
 var ChatMessageFooter = React39.forwardRef(
   ({
     className,
@@ -7688,12 +7519,7 @@ var ChatMessageFooter = React39.forwardRef(
     );
   }
 );
-ChatMessageFooter.displayName = "ChatMessage.Footer";
-var ChatMessage = Object.assign(ChatMessageRoot, {
-  Avatar: ChatMessageAvatar,
-  Content: ChatMessageContent,
-  Footer: ChatMessageFooter
-});
+ChatMessageFooter.displayName = "ChatMessageFooter";
 export {
   Accordion,
   AccordionContent,
@@ -7713,7 +7539,6 @@ export {
   AlertModalPortal,
   AlertModalTitle,
   AlertModalTrigger,
-  AlertRoot,
   AlertTitle,
   Avatar,
   AvatarFallback,
@@ -7739,13 +7564,11 @@ export {
   CardTitle,
   ChatInput,
   ChatInputField,
-  ChatInputRoot,
   ChatInputSubmit,
   ChatMessage,
   ChatMessageAvatar,
   ChatMessageContent,
   ChatMessageFooter,
-  ChatMessageRoot,
   Checkbox,
   Divider,
   Drawer,
@@ -7757,7 +7580,6 @@ export {
   DrawerHeader,
   DrawerOverlay,
   DrawerPortal,
-  DrawerRoot,
   DrawerTitle,
   DrawerTrigger,
   DropdownMenu,
@@ -7823,12 +7645,10 @@ export {
   PopoverClose,
   PopoverContent,
   PopoverPortal,
-  PopoverRoot,
   PopoverTrigger,
   Progress,
   QuickReply,
   QuickReplyItem,
-  QuickReplyRoot,
   RadioGroup,
   RadioGroupItem,
   Segmented,
@@ -7867,7 +7687,6 @@ export {
   TooltipContent,
   TooltipPortal,
   TooltipProvider,
-  TooltipRoot,
   TooltipTrigger,
   TypingIndicator,
   accordionTriggerVariants,