@7onic-ui/react 0.2.8 → 0.3.0

package/dist/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -48,7 +49,6 @@ __export(ui_exports, {
   AlertModalPortal: () => AlertModalPortal,
   AlertModalTitle: () => AlertModalTitle,
   AlertModalTrigger: () => AlertModalTrigger,
-  AlertRoot: () => AlertRoot,
   AlertTitle: () => AlertTitle,
   Avatar: () => Avatar,
   AvatarFallback: () => AvatarFallback,
@@ -74,13 +74,11 @@ __export(ui_exports, {
   CardTitle: () => CardTitle,
   ChatInput: () => ChatInput,
   ChatInputField: () => ChatInputField,
-  ChatInputRoot: () => ChatInputRoot,
   ChatInputSubmit: () => ChatInputSubmit,
   ChatMessage: () => ChatMessage,
   ChatMessageAvatar: () => ChatMessageAvatar,
   ChatMessageContent: () => ChatMessageContent,
   ChatMessageFooter: () => ChatMessageFooter,
-  ChatMessageRoot: () => ChatMessageRoot,
   Checkbox: () => Checkbox,
   Divider: () => Divider,
   Drawer: () => Drawer,
@@ -92,7 +90,6 @@ __export(ui_exports, {
   DrawerHeader: () => DrawerHeader,
   DrawerOverlay: () => DrawerOverlay,
   DrawerPortal: () => DrawerPortal,
-  DrawerRoot: () => DrawerRoot,
   DrawerTitle: () => DrawerTitle,
   DrawerTrigger: () => DrawerTrigger,
   DropdownMenu: () => DropdownMenu,
@@ -158,12 +155,10 @@ __export(ui_exports, {
   PopoverClose: () => PopoverClose,
   PopoverContent: () => PopoverContent,
   PopoverPortal: () => PopoverPortal,
-  PopoverRoot: () => PopoverRoot,
   PopoverTrigger: () => PopoverTrigger,
   Progress: () => Progress,
   QuickReply: () => QuickReply,
   QuickReplyItem: () => QuickReplyItem,
-  QuickReplyRoot: () => QuickReplyRoot,
   RadioGroup: () => RadioGroup,
   RadioGroupItem: () => RadioGroupItem,
   Segmented: () => Segmented,
@@ -202,7 +197,6 @@ __export(ui_exports, {
   TooltipContent: () => TooltipContent,
   TooltipPortal: () => TooltipPortal,
   TooltipProvider: () => TooltipProvider,
-  TooltipRoot: () => TooltipRoot,
   TooltipTrigger: () => TooltipTrigger,
   TypingIndicator: () => TypingIndicator,
   accordionTriggerVariants: () => accordionTriggerVariants,
@@ -296,7 +290,7 @@ var accordionVariants = (0, import_class_variance_authority.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);
@@ -325,7 +319,7 @@ var AccordionRoot = React.forwardRef(
     ));
   }
 );
-AccordionRoot.displayName = "Accordion";
+Accordion.displayName = "Accordion";
 var accordionItemVariants = (0, import_class_variance_authority.cva)("", {
   variants: {
     variant: {
@@ -433,11 +427,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
 var React2 = __toESM(require("react"));
@@ -475,7 +464,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",
     {
@@ -486,7 +475,7 @@ var BreadcrumbRoot = React2.forwardRef(
     }
   ))
 );
-BreadcrumbRoot.displayName = "Breadcrumb";
+Breadcrumb.displayName = "Breadcrumb";
 var BreadcrumbList = React2.forwardRef(
   ({ className, ...props }, ref) => {
     const { size = "default" } = useBreadcrumbContext();
@@ -587,14 +576,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
 var React3 = __toESM(require("react"));
@@ -1235,7 +1216,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,
@@ -1269,7 +1250,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
@@ -1305,9 +1286,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
 var React9 = __toESM(require("react"));
@@ -1461,7 +1439,7 @@ var segmentedItemVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-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,
@@ -1472,7 +1450,7 @@ var SegmentedRoot = React9.forwardRef(({ className, variant, size, radius, fontW
     }
   ));
 });
-SegmentedRoot.displayName = "Segmented";
+Segmented.displayName = "Segmented";
 var iconSizeClasses3 = {
   sm: "[&>svg]:icon-xs",
   // 14px
@@ -1502,9 +1480,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
 var React11 = __toESM(require("react"));
@@ -1531,7 +1506,7 @@ var fieldVariants = (0, import_class_variance_authority8.cva)("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(
@@ -1547,7 +1522,7 @@ var FieldRoot = React10.forwardRef(
     ));
   }
 );
-FieldRoot.displayName = "Field";
+Field.displayName = "Field";
 var FieldLabel = React10.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     const context = useFieldContext();
@@ -1604,11 +1579,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 = (0, import_class_variance_authority9.cva)(
@@ -2115,7 +2085,7 @@ var radioGroupVariants = (0, import_class_variance_authority12.cva)("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(
@@ -2129,7 +2099,7 @@ var RadioGroupRoot = React14.forwardRef(({ className, orientation, size = "defau
     }
   ));
 });
-RadioGroupRoot.displayName = "RadioGroup";
+RadioGroup.displayName = "RadioGroup";
 var radioItemVariants = (0, import_class_variance_authority12.cva)(
   [
     "relative shrink-0 rounded-full border-border hover:border-border-strong transition-all duration-micro ease-out",
@@ -2217,9 +2187,6 @@ var RadioGroupItem = React14.forwardRef(({ className, label, disabled, ...props
   ));
 });
 RadioGroupItem.displayName = "RadioGroupItem";
-var RadioGroup = Object.assign(RadioGroupRoot, {
-  Item: RadioGroupItem
-});
 
 // src/components/ui/switch.tsx
 var React15 = __toESM(require("react"));
@@ -2548,7 +2515,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;
@@ -2725,21 +2692,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
 var React18 = __toESM(require("react"));
@@ -2845,7 +2797,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
@@ -2996,15 +2948,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
 var React19 = __toESM(require("react"));
@@ -3112,7 +3055,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(
@@ -3144,7 +3087,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,
   {
@@ -3193,16 +3136,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
 var React20 = __toESM(require("react"));
@@ -3266,7 +3204,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(
@@ -3280,7 +3218,7 @@ var MetricCardRoot = React20.forwardRef(
     ));
   }
 );
-MetricCardRoot.displayName = "MetricCard";
+MetricCard.displayName = "MetricCard";
 var MetricCardHeader = React20.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
     "div",
@@ -3401,14 +3339,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
 var React21 = __toESM(require("react"));
@@ -3627,7 +3557,7 @@ var cardVariants = (0, import_class_variance_authority18.cva)(
     }
   }
 );
-var CardRoot = React22.forwardRef(
+var Card = React22.forwardRef(
   ({
     className,
     variant = "default",
@@ -3669,7 +3599,7 @@ var CardRoot = React22.forwardRef(
     ));
   }
 );
-CardRoot.displayName = "Card";
+Card.displayName = "Card";
 var sizePaddingXMap = {
   sm: "px-4",
   // 16px
@@ -3873,15 +3803,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
 var React23 = __toESM(require("react"));
@@ -3917,7 +3838,7 @@ var tableVariants = (0, import_class_variance_authority19.cva)(
     }
   }
 );
-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",
     {
@@ -3927,7 +3848,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(
@@ -4061,15 +3982,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
 var React24 = __toESM(require("react"));
@@ -4254,12 +4166,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
 var React25 = __toESM(require("react"));
@@ -4347,7 +4254,7 @@ var navigationMenuSizeMap = {
     groupMargin: "mt-6 first:mt-0"
   }
 };
-var NavigationMenuRoot = React25.forwardRef(
+var NavigationMenu = React25.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -4404,7 +4311,7 @@ var NavigationMenuRoot = React25.forwardRef(
     ));
   }
 );
-NavigationMenuRoot.displayName = "NavigationMenu";
+NavigationMenu.displayName = "NavigationMenu";
 var NavigationMenuList = React25.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { orientation } = useNavigationMenuContext();
@@ -4724,16 +4631,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
 var React26 = __toESM(require("react"));
@@ -4905,7 +4802,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,
@@ -4962,7 +4859,7 @@ var PaginationRoot = React26.forwardRef(
     ));
   }
 );
-PaginationRoot.displayName = "Pagination";
+Pagination.displayName = "Pagination";
 var PaginationContent = React26.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = usePaginationContext();
@@ -5156,17 +5053,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
 var React27 = __toESM(require("react"));
@@ -5188,7 +5074,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;
@@ -5341,7 +5227,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(
@@ -5452,31 +5338,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
 var React28 = __toESM(require("react"));
@@ -5524,7 +5385,7 @@ var drawerSizeVertical = (0, import_class_variance_authority23.cva)("", {
   },
   defaultVariants: { size: "md" }
 });
-function DrawerRoot(props) {
+function Drawer(props) {
   return /* @__PURE__ */ React28.createElement(DialogPrimitive2.Root, { ...props });
 }
 var DrawerTrigger = DialogPrimitive2.Trigger;
@@ -5626,18 +5487,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
 var React29 = __toESM(require("react"));
@@ -5673,7 +5522,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;
@@ -5716,13 +5565,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
 var React30 = __toESM(require("react"));
@@ -5773,7 +5615,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;
@@ -5836,14 +5678,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
 var React31 = __toESM(require("react"));
@@ -5939,7 +5773,7 @@ var AlertContext = React31.createContext({
 function useAlertContext() {
   return React31.useContext(AlertContext);
 }
-var AlertRoot = React31.forwardRef(
+var Alert = React31.forwardRef(
   ({
     className,
     variant = "default",
@@ -5988,7 +5822,7 @@ var AlertRoot = React31.forwardRef(
     ));
   }
 );
-AlertRoot.displayName = "AlertRoot";
+Alert.displayName = "Alert";
 var AlertTitle = React31.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = useAlertContext();
@@ -6022,10 +5856,6 @@ var AlertDescription = React31.forwardRef(
   }
 );
 AlertDescription.displayName = "AlertDescription";
-var Alert = Object.assign(AlertRoot, {
-  Title: AlertTitle,
-  Description: AlertDescription
-});
 
 // src/components/ui/toast.tsx
 var React32 = __toESM(require("react"));
@@ -7286,7 +7116,7 @@ var iconSizeMap = {
   lg: "icon-sm"
   // 16px
 };
-var QuickReplyRoot = React37.forwardRef(
+var QuickReply = React37.forwardRef(
   ({
     className,
     layout = "scroll",
@@ -7315,7 +7145,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);
@@ -7345,10 +7175,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
 var React38 = __toESM(require("react"));
@@ -7464,7 +7291,7 @@ var ChatInputContext = React38.createContext({
   _handleSubmit: () => {
   }
 });
-var ChatInputRoot = React38.forwardRef(
+var ChatInput = React38.forwardRef(
   ({
     className,
     variant = "outline",
@@ -7539,7 +7366,7 @@ var ChatInputRoot = React38.forwardRef(
     ));
   }
 );
-ChatInputRoot.displayName = "ChatInput";
+ChatInput.displayName = "ChatInput";
 var ChatInputField = React38.forwardRef(
   ({
     className,
@@ -7624,7 +7451,7 @@ var ChatInputField = React38.forwardRef(
     ));
   }
 );
-ChatInputField.displayName = "ChatInput.Field";
+ChatInputField.displayName = "ChatInputField";
 var ChatInputSubmit = React38.forwardRef(
   ({
     className,
@@ -7692,7 +7519,7 @@ var ChatInputSubmit = React38.forwardRef(
     ));
   }
 );
-ChatInputSubmit.displayName = "ChatInput.Submit";
+ChatInputSubmit.displayName = "ChatInputSubmit";
 function SendIcon() {
   return /* @__PURE__ */ React38.createElement(
     "svg",
@@ -7712,10 +7539,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
 var React39 = __toESM(require("react"));
@@ -7810,7 +7633,7 @@ var typingMinWidthMap = {
   default: "min-w-12",
   lg: "min-w-16"
 };
-var ChatMessageRoot = React39.forwardRef(
+var ChatMessage = React39.forwardRef(
   ({
     className,
     role = "assistant",
@@ -7846,7 +7669,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" }));
 }
@@ -7862,7 +7685,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);
@@ -7905,7 +7728,7 @@ var ChatMessageContent = React39.forwardRef(
     ) }, actions));
   }
 );
-ChatMessageContent.displayName = "ChatMessage.Content";
+ChatMessageContent.displayName = "ChatMessageContent";
 var ChatMessageFooter = React39.forwardRef(
   ({
     className,
@@ -7947,12 +7770,7 @@ var ChatMessageFooter = React39.forwardRef(
     );
   }
 );
-ChatMessageFooter.displayName = "ChatMessage.Footer";
-var ChatMessage = Object.assign(ChatMessageRoot, {
-  Avatar: ChatMessageAvatar,
-  Content: ChatMessageContent,
-  Footer: ChatMessageFooter
-});
+ChatMessageFooter.displayName = "ChatMessageFooter";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -7973,7 +7791,6 @@ var ChatMessage = Object.assign(ChatMessageRoot, {
   AlertModalPortal,
   AlertModalTitle,
   AlertModalTrigger,
-  AlertRoot,
   AlertTitle,
   Avatar,
   AvatarFallback,
@@ -7999,13 +7816,11 @@ var ChatMessage = Object.assign(ChatMessageRoot, {
   CardTitle,
   ChatInput,
   ChatInputField,
-  ChatInputRoot,
   ChatInputSubmit,
   ChatMessage,
   ChatMessageAvatar,
   ChatMessageContent,
   ChatMessageFooter,
-  ChatMessageRoot,
   Checkbox,
   Divider,
   Drawer,
@@ -8017,7 +7832,6 @@ var ChatMessage = Object.assign(ChatMessageRoot, {
   DrawerHeader,
   DrawerOverlay,
   DrawerPortal,
-  DrawerRoot,
   DrawerTitle,
   DrawerTrigger,
   DropdownMenu,
@@ -8083,12 +7897,10 @@ var ChatMessage = Object.assign(ChatMessageRoot, {
   PopoverClose,
   PopoverContent,
   PopoverPortal,
-  PopoverRoot,
   PopoverTrigger,
   Progress,
   QuickReply,
   QuickReplyItem,
-  QuickReplyRoot,
   RadioGroup,
   RadioGroupItem,
   Segmented,
@@ -8127,7 +7939,6 @@ var ChatMessage = Object.assign(ChatMessageRoot, {
   TooltipContent,
   TooltipPortal,
   TooltipProvider,
-  TooltipRoot,
   TooltipTrigger,
   TypingIndicator,
   accordionTriggerVariants,