@telepix-lab/telepix-ui 0.4.1 → 0.4.3

package/dist/cjs/client.d.ts

@@ -1,7 +1,7 @@
 export { RadioGroup, RadioItem } from "./radio-group";
 export type { RadioGroupOrientation } from "./radio-group/types";
 export { Checkbox } from "./checkbox";
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, } from "./dialog";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, DialogBody, } from "./dialog";
 export { Select, SelectTrigger, SelectContent, SelectGroup, SelectLabel, SelectSeparator, SelectItem, } from "./select";
 export { SELECT_TRIGGER_SIZES, SELECT_TRIGGER_VARIANTS } from "./select/types";
 export type { SelectTriggerSize, SelectTriggerVariant } from "./select/types";

package/dist/cjs/client.js

@@ -12310,7 +12310,7 @@ const CardBody = React.forwardRef(({ className, ...rest }, ref) => {
 const CardHeader = React.forwardRef(({ className, ...rest }, ref) => {
     return (jsxRuntime.jsx("div", { ...rest, ref: ref, className: cn("text-comp-mono-default font-bold text-xl leading-xl-compact mb-2", className), children: rest.children }));
 });
-React.forwardRef((rest, ref) => {
+const CardContent = React.forwardRef((rest, ref) => {
     return (jsxRuntime.jsx("div", { ...rest, ref: ref, children: rest.children }));
 });
 const CardFooter = React.forwardRef(({ className, ...rest }, ref) => {
@@ -12357,6 +12357,9 @@ const DialogHeader = ({ className, ...rest }) => {
     return jsxRuntime.jsx(CardHeader, { className: className, children: rest.children });
 };
 const DialogFooter = CardFooter;
+const DialogBody = ({ className, ...rest }) => {
+    return jsxRuntime.jsx(CardContent, { className: className, children: rest.children });
+};
 
 const SELECT_TRIGGER_VARIANTS = {
     OUTLINE: "outline",
@@ -12401,7 +12404,7 @@ const SelectTrigger = ({ placeholder, variant = "outline", size = "regular", ico
 };
 const SelectContent = ({ children, viewportClassName, ...rest }) => {
     const { className, position, sideOffset, ...otherProps } = rest;
-    return (jsxRuntime.jsx(Portal$1, { children: jsxRuntime.jsx(Content2$1, { position: "popper", sideOffset: 7, className: cn("p-2 min-w-[var(--radix-select-trigger-width)] border border-border-overlay rounded-lg bg-page-l1 shadow-medium", className), ...otherProps, children: jsxRuntime.jsx(Viewport, { className: cn("flex flex-col gap-1", viewportClassName), children: children }) }) }));
+    return (jsxRuntime.jsx(Portal$1, { children: jsxRuntime.jsx(Content2$1, { position: "popper", sideOffset: 7, className: cn("p-2 min-w-[var(--radix-select-trigger-width)] border border-border-overlay rounded-lg bg-page-l1 shadow-medium", className), asChild: true, ...otherProps, children: jsxRuntime.jsx("div", { className: "z-10", children: jsxRuntime.jsx(Viewport, { className: cn("flex flex-col gap-1", viewportClassName), children: children }) }) }) }));
 };
 const SelectGroup = Group;
 const SelectLabel = (props) => {
@@ -13328,6 +13331,7 @@ exports.ContextMenuTrigger = ContextMenuTrigger;
 exports.DataTable = DataTable;
 exports.DatePicker = DatePicker;
 exports.Dialog = Dialog;
+exports.DialogBody = DialogBody;
 exports.DialogClose = DialogClose;
 exports.DialogContent = DialogContent;
 exports.DialogDescription = DialogDescription;

package/dist/cjs/context-menu/index.d.ts

@@ -1,21 +1,22 @@
 import { ContextMenu as ContextMenuRadix } from "radix-ui";
-export declare const ContextMenu: import("react").FC<ContextMenuRadix.ContextMenuProps>;
-export declare const ContextMenuTrigger: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
+import { FC } from "react";
+export declare const ContextMenu: FC<ContextMenuRadix.ContextMenuProps>;
+export declare const ContextMenuTrigger: FC<ContextMenuRadix.ContextMenuTriggerProps>;
 export declare const ContextMenuContent: (props: React.ComponentProps<typeof ContextMenuRadix.Content>) => import("react/jsx-runtime").JSX.Element;
-export declare const ContextMenuArrow: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ContextMenuArrow: FC<ContextMenuRadix.ContextMenuArrowProps>;
 export declare const ContextMenuLabel: (props: React.ComponentProps<typeof ContextMenuRadix.Label>) => import("react/jsx-runtime").JSX.Element;
 interface ContextMenuItemProps extends Omit<React.ComponentProps<typeof ContextMenuRadix.Item>, "children"> {
     leftIcon?: React.ReactNode;
     rightSlot?: React.ReactNode;
 }
 export declare const ContextMenuItem: ({ leftIcon, rightSlot, textValue, ...rest }: ContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ContextMenuGroup: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ContextMenuSub: import("react").FC<ContextMenuRadix.ContextMenuSubProps>;
-export declare const ContextMenuSubTrigger: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuGroup: FC<ContextMenuRadix.ContextMenuGroupProps>;
+export declare const ContextMenuSub: FC<ContextMenuRadix.ContextMenuSubProps>;
+export declare const ContextMenuSubTrigger: FC<ContextMenuRadix.ContextMenuSubTriggerProps>;
 export declare const ContextMenuSubContent: (props: React.ComponentProps<typeof ContextMenuRadix.SubContent>) => import("react/jsx-runtime").JSX.Element;
 export declare const ContextMenuSeparator: (props: React.ComponentProps<typeof ContextMenuRadix.Separator>) => import("react/jsx-runtime").JSX.Element;
-export declare const ContextMenuCheckboxItem: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ContextMenuRadioGroup: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ContextMenuRadioItem: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuCheckboxItem: FC<ContextMenuRadix.ContextMenuCheckboxItemProps>;
+export declare const ContextMenuRadioGroup: FC<ContextMenuRadix.ContextMenuRadioGroupProps>;
+export declare const ContextMenuRadioItem: FC<ContextMenuRadix.ContextMenuRadioItemProps>;
 export declare const ContextMenuItemIndicator: (props: React.ComponentProps<typeof ContextMenuRadix.ItemIndicator>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/dialog/index.d.ts

@@ -28,7 +28,7 @@ import { CardBody, CardContent, CardHeader } from "../card";
 export declare const Dialog: React.FC<DialogRadix.DialogProps>;
 export declare const DialogTrigger: (props: React.ComponentProps<typeof DialogRadix.Trigger>) => import("react/jsx-runtime").JSX.Element;
 export declare const DialogPortal: React.FC<DialogRadix.DialogPortalProps>;
-export declare const DialogClose: React.ForwardRefExoticComponent<DialogRadix.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: React.FC<DialogRadix.DialogCloseProps>;
 export declare const DialogContent: ({ className, children, ...rest }: React.ComponentProps<typeof DialogRadix.Content>) => import("react/jsx-runtime").JSX.Element;
 export declare const DialogDescription: (props: React.ComponentProps<typeof CardBody>) => import("react/jsx-runtime").JSX.Element;
 export declare const DialogHeader: ({ className, ...rest }: React.ComponentProps<typeof CardHeader>) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/tooltip/index.d.ts

@@ -1,8 +1,8 @@
 import { Tooltip as TooltipRadix } from "radix-ui";
-import React from "react";
+import React, { FC } from "react";
 import { TooltipShortSize, TooltipShortVariant } from "./types";
 export declare const Tooltip: (props: React.ComponentProps<typeof TooltipRadix.Root & typeof TooltipRadix.TooltipProvider>) => import("react/jsx-runtime").JSX.Element;
-export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipRadix.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TooltipTrigger: FC<TooltipRadix.TooltipTriggerProps>;
 interface TooltipDescriptionProps {
     type: "default";
 }
@@ -13,7 +13,7 @@ interface TooltipShortDescriptionProps {
 }
 type TooltipContentProps = React.ComponentProps<typeof TooltipRadix.Content> & (TooltipDescriptionProps | TooltipShortDescriptionProps);
 export declare const TooltipContent: ({ type, ...rest }: TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipRadix.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
+export declare const TooltipArrow: FC<TooltipRadix.TooltipArrowProps>;
 export declare const TooltipHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare const TooltipDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare const TooltipFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/client.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, Ref } from 'react';
+import React__default, { FC, ReactNode, Ref } from 'react';
 import { RadioGroup as RadioGroup$1, Checkbox as Checkbox$1, Dialog as Dialog$1, Select as Select$1, Tooltip as Tooltip$1, Popover, ContextMenu as ContextMenu$1, Switch as Switch$1 } from 'radix-ui';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DayPicker, DateRange } from 'react-day-picker';
@@ -65,6 +65,7 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$
 type CardProps = React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 declare const CardBody: React__default.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React__default.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React__default.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
  * Dialog 컴포넌트는 모달 대화 상자를 생성하는 데 사용됩니다.<br/>
@@ -90,14 +91,15 @@ declare const CardHeader: React__default.ForwardRefExoticComponent<Omit<CardProp
  *   </DialogContent>
  * </Dialog>
  */
-declare const Dialog: any;
+declare const Dialog: React$1.FC<Dialog$1.DialogProps>;
 declare const DialogTrigger: (props: React$1.ComponentProps<typeof Dialog$1.Trigger>) => react_jsx_runtime.JSX.Element;
-declare const DialogPortal: any;
-declare const DialogClose: any;
+declare const DialogPortal: React$1.FC<Dialog$1.DialogPortalProps>;
+declare const DialogClose: React$1.FC<Dialog$1.DialogCloseProps>;
 declare const DialogContent: ({ className, children, ...rest }: React$1.ComponentProps<typeof Dialog$1.Content>) => react_jsx_runtime.JSX.Element;
 declare const DialogDescription: (props: React$1.ComponentProps<typeof CardBody>) => react_jsx_runtime.JSX.Element;
 declare const DialogHeader: ({ className, ...rest }: React$1.ComponentProps<typeof CardHeader>) => react_jsx_runtime.JSX.Element;
 declare const DialogFooter: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogBody: ({ className, ...rest }: React$1.ComponentProps<typeof CardContent>) => react_jsx_runtime.JSX.Element;
 
 declare const SELECT_TRIGGER_VARIANTS: {
     readonly OUTLINE: "outline";
@@ -239,7 +241,7 @@ declare const TOOLTIP_SHORT_SIZES: {
 type TooltipShortSize = (typeof TOOLTIP_SHORT_SIZES)[keyof typeof TOOLTIP_SHORT_SIZES];
 
 declare const Tooltip: (props: React__default.ComponentProps<typeof Tooltip$1.Root & typeof Tooltip$1.TooltipProvider>) => react_jsx_runtime.JSX.Element;
-declare const TooltipTrigger: any;
+declare const TooltipTrigger: FC<Tooltip$1.TooltipTriggerProps>;
 interface TooltipDescriptionProps {
     type: "default";
 }
@@ -250,7 +252,7 @@ interface TooltipShortDescriptionProps {
 }
 type TooltipContentProps = React__default.ComponentProps<typeof Tooltip$1.Content> & (TooltipDescriptionProps | TooltipShortDescriptionProps);
 declare const TooltipContent: ({ type, ...rest }: TooltipContentProps) => react_jsx_runtime.JSX.Element;
-declare const TooltipArrow: any;
+declare const TooltipArrow: FC<Tooltip$1.TooltipArrowProps>;
 declare const TooltipHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
 declare const TooltipDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
 declare const TooltipFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
@@ -365,24 +367,24 @@ interface DatePicker {
 }
 declare const DatePicker: ({ size, placeholder, format, value, mode, onChange, isInstantClose, open: openProp, onOpenChange: onOpenChangeProp, disabled, popoverContentClassName, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
 
-declare const ContextMenu: any;
-declare const ContextMenuTrigger: any;
+declare const ContextMenu: FC<ContextMenu$1.ContextMenuProps>;
+declare const ContextMenuTrigger: FC<ContextMenu$1.ContextMenuTriggerProps>;
 declare const ContextMenuContent: (props: React.ComponentProps<typeof ContextMenu$1.Content>) => react_jsx_runtime.JSX.Element;
-declare const ContextMenuArrow: any;
+declare const ContextMenuArrow: FC<ContextMenu$1.ContextMenuArrowProps>;
 declare const ContextMenuLabel: (props: React.ComponentProps<typeof ContextMenu$1.Label>) => react_jsx_runtime.JSX.Element;
 interface ContextMenuItemProps extends Omit<React.ComponentProps<typeof ContextMenu$1.Item>, "children"> {
     leftIcon?: React.ReactNode;
     rightSlot?: React.ReactNode;
 }
 declare const ContextMenuItem: ({ leftIcon, rightSlot, textValue, ...rest }: ContextMenuItemProps) => react_jsx_runtime.JSX.Element;
-declare const ContextMenuGroup: any;
-declare const ContextMenuSub: any;
-declare const ContextMenuSubTrigger: any;
+declare const ContextMenuGroup: FC<ContextMenu$1.ContextMenuGroupProps>;
+declare const ContextMenuSub: FC<ContextMenu$1.ContextMenuSubProps>;
+declare const ContextMenuSubTrigger: FC<ContextMenu$1.ContextMenuSubTriggerProps>;
 declare const ContextMenuSubContent: (props: React.ComponentProps<typeof ContextMenu$1.SubContent>) => react_jsx_runtime.JSX.Element;
 declare const ContextMenuSeparator: (props: React.ComponentProps<typeof ContextMenu$1.Separator>) => react_jsx_runtime.JSX.Element;
-declare const ContextMenuCheckboxItem: any;
-declare const ContextMenuRadioGroup: any;
-declare const ContextMenuRadioItem: any;
+declare const ContextMenuCheckboxItem: FC<ContextMenu$1.ContextMenuCheckboxItemProps>;
+declare const ContextMenuRadioGroup: FC<ContextMenu$1.ContextMenuRadioGroupProps>;
+declare const ContextMenuRadioItem: FC<ContextMenu$1.ContextMenuRadioItemProps>;
 declare const ContextMenuItemIndicator: (props: React.ComponentProps<typeof ContextMenu$1.ItemIndicator>) => react_jsx_runtime.JSX.Element;
 
 interface AutocompleteProps<T> {
@@ -419,4 +421,4 @@ interface SwitchProps {
 }
 declare const Switch: (props: SwitchProps & React.ComponentProps<typeof Switch$1.Root>) => react_jsx_runtime.JSX.Element;
 
-export { Autocomplete, type AutocompleteProps, Calendar, type CalendarProps, Checkbox, ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTableConfig, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, HORIZONTAL_TAB_SIZES, HorizontalTab, type HorizontalTabSize, HorizontalTabs, InteractiveListItem, InteractiveListItemActions, InteractiveListItemContent, InteractiveListItemIcon, MULTIPLE_SELECT_SIZES, ModeTab, ModeTabs, MultipleSelect, MultipleSelectContent, type MultipleSelectSize, MultipleSelectTrigger, MultipleSelectValue, RadioGroup, type RadioGroupOrientation, RadioItem, SELECT_TRIGGER_SIZES, SELECT_TRIGGER_VARIANTS, SWITCH_SIZES, SWITCH_VARIANTS, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, type SelectTriggerSize, type SelectTriggerVariant, Switch, type SwitchSize, type SwitchVariant, TOOLTIP_SHORT_SIZES, TOOLTIP_SHORT_VARIANTS, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tooltip, TooltipArrow, TooltipContent, TooltipDescription, TooltipFooter, TooltipHeader, type TooltipShortSize, type TooltipShortVariant, TooltipTrigger, VERTICAL_MENU_SIZES, VERTICAL_MENU_VARIANTS, VerticalMenu, type VerticalMenuSize, type VerticalMenuVariant, VerticalMenus };
+export { Autocomplete, type AutocompleteProps, Calendar, type CalendarProps, Checkbox, ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTableConfig, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, HORIZONTAL_TAB_SIZES, HorizontalTab, type HorizontalTabSize, HorizontalTabs, InteractiveListItem, InteractiveListItemActions, InteractiveListItemContent, InteractiveListItemIcon, MULTIPLE_SELECT_SIZES, ModeTab, ModeTabs, MultipleSelect, MultipleSelectContent, type MultipleSelectSize, MultipleSelectTrigger, MultipleSelectValue, RadioGroup, type RadioGroupOrientation, RadioItem, SELECT_TRIGGER_SIZES, SELECT_TRIGGER_VARIANTS, SWITCH_SIZES, SWITCH_VARIANTS, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, type SelectTriggerSize, type SelectTriggerVariant, Switch, type SwitchSize, type SwitchVariant, TOOLTIP_SHORT_SIZES, TOOLTIP_SHORT_VARIANTS, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tooltip, TooltipArrow, TooltipContent, TooltipDescription, TooltipFooter, TooltipHeader, type TooltipShortSize, type TooltipShortVariant, TooltipTrigger, VERTICAL_MENU_SIZES, VERTICAL_MENU_VARIANTS, VerticalMenu, type VerticalMenuSize, type VerticalMenuVariant, VerticalMenus };

package/dist/esm/client.d.ts

@@ -1,7 +1,7 @@
 export { RadioGroup, RadioItem } from "./radio-group";
 export type { RadioGroupOrientation } from "./radio-group/types";
 export { Checkbox } from "./checkbox";
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, } from "./dialog";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, DialogBody, } from "./dialog";
 export { Select, SelectTrigger, SelectContent, SelectGroup, SelectLabel, SelectSeparator, SelectItem, } from "./select";
 export { SELECT_TRIGGER_SIZES, SELECT_TRIGGER_VARIANTS } from "./select/types";
 export type { SelectTriggerSize, SelectTriggerVariant } from "./select/types";

package/dist/esm/client.js

@@ -12290,7 +12290,7 @@ const CardBody = forwardRef(({ className, ...rest }, ref) => {
 const CardHeader = forwardRef(({ className, ...rest }, ref) => {
     return (jsx("div", { ...rest, ref: ref, className: cn("text-comp-mono-default font-bold text-xl leading-xl-compact mb-2", className), children: rest.children }));
 });
-forwardRef((rest, ref) => {
+const CardContent = forwardRef((rest, ref) => {
     return (jsx("div", { ...rest, ref: ref, children: rest.children }));
 });
 const CardFooter = forwardRef(({ className, ...rest }, ref) => {
@@ -12337,6 +12337,9 @@ const DialogHeader = ({ className, ...rest }) => {
     return jsx(CardHeader, { className: className, children: rest.children });
 };
 const DialogFooter = CardFooter;
+const DialogBody = ({ className, ...rest }) => {
+    return jsx(CardContent, { className: className, children: rest.children });
+};
 
 const SELECT_TRIGGER_VARIANTS = {
     OUTLINE: "outline",
@@ -12381,7 +12384,7 @@ const SelectTrigger = ({ placeholder, variant = "outline", size = "regular", ico
 };
 const SelectContent = ({ children, viewportClassName, ...rest }) => {
     const { className, position, sideOffset, ...otherProps } = rest;
-    return (jsx(Portal$1, { children: jsx(Content2$1, { position: "popper", sideOffset: 7, className: cn("p-2 min-w-[var(--radix-select-trigger-width)] border border-border-overlay rounded-lg bg-page-l1 shadow-medium", className), ...otherProps, children: jsx(Viewport, { className: cn("flex flex-col gap-1", viewportClassName), children: children }) }) }));
+    return (jsx(Portal$1, { children: jsx(Content2$1, { position: "popper", sideOffset: 7, className: cn("p-2 min-w-[var(--radix-select-trigger-width)] border border-border-overlay rounded-lg bg-page-l1 shadow-medium", className), asChild: true, ...otherProps, children: jsx("div", { className: "z-10", children: jsx(Viewport, { className: cn("flex flex-col gap-1", viewportClassName), children: children }) }) }) }));
 };
 const SelectGroup = Group;
 const SelectLabel = (props) => {
@@ -13287,4 +13290,4 @@ const Switch = (props) => {
     return (jsxs(Fragment, { children: [props.variant === SWITCH_VARIANTS.FILLED && (jsx(FilledSwitch, { checked: checked, onCheckedChange: handleCheckedChange, ...props })), props.variant === SWITCH_VARIANTS.OUTLINED && (jsx(OutlinedSwitch, { checked: checked, onCheckedChange: handleCheckedChange, ...props }))] }));
 };
 
-export { Autocomplete, Calendar, Checkbox, ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, HORIZONTAL_TAB_SIZES, HorizontalTab, HorizontalTabs, InteractiveListItem, InteractiveListItemActions, InteractiveListItemContent, InteractiveListItemIcon, MULTIPLE_SELECT_SIZES, ModeTab, ModeTabs, MultipleSelect, MultipleSelectContent, MultipleSelectTrigger, MultipleSelectValue, RadioGroup, RadioItem, SELECT_TRIGGER_SIZES, SELECT_TRIGGER_VARIANTS, SWITCH_SIZES, SWITCH_VARIANTS, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, Switch, TOOLTIP_SHORT_SIZES, TOOLTIP_SHORT_VARIANTS, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tooltip, TooltipArrow, TooltipContent, TooltipDescription, TooltipFooter, TooltipHeader, TooltipTrigger, VERTICAL_MENU_SIZES, VERTICAL_MENU_VARIANTS, VerticalMenu, VerticalMenus };
+export { Autocomplete, Calendar, Checkbox, ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, HORIZONTAL_TAB_SIZES, HorizontalTab, HorizontalTabs, InteractiveListItem, InteractiveListItemActions, InteractiveListItemContent, InteractiveListItemIcon, MULTIPLE_SELECT_SIZES, ModeTab, ModeTabs, MultipleSelect, MultipleSelectContent, MultipleSelectTrigger, MultipleSelectValue, RadioGroup, RadioItem, SELECT_TRIGGER_SIZES, SELECT_TRIGGER_VARIANTS, SWITCH_SIZES, SWITCH_VARIANTS, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, Switch, TOOLTIP_SHORT_SIZES, TOOLTIP_SHORT_VARIANTS, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tooltip, TooltipArrow, TooltipContent, TooltipDescription, TooltipFooter, TooltipHeader, TooltipTrigger, VERTICAL_MENU_SIZES, VERTICAL_MENU_VARIANTS, VerticalMenu, VerticalMenus };

package/dist/esm/context-menu/index.d.ts

@@ -1,21 +1,22 @@
 import { ContextMenu as ContextMenuRadix } from "radix-ui";
-export declare const ContextMenu: import("react").FC<ContextMenuRadix.ContextMenuProps>;
-export declare const ContextMenuTrigger: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
+import { FC } from "react";
+export declare const ContextMenu: FC<ContextMenuRadix.ContextMenuProps>;
+export declare const ContextMenuTrigger: FC<ContextMenuRadix.ContextMenuTriggerProps>;
 export declare const ContextMenuContent: (props: React.ComponentProps<typeof ContextMenuRadix.Content>) => import("react/jsx-runtime").JSX.Element;
-export declare const ContextMenuArrow: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ContextMenuArrow: FC<ContextMenuRadix.ContextMenuArrowProps>;
 export declare const ContextMenuLabel: (props: React.ComponentProps<typeof ContextMenuRadix.Label>) => import("react/jsx-runtime").JSX.Element;
 interface ContextMenuItemProps extends Omit<React.ComponentProps<typeof ContextMenuRadix.Item>, "children"> {
     leftIcon?: React.ReactNode;
     rightSlot?: React.ReactNode;
 }
 export declare const ContextMenuItem: ({ leftIcon, rightSlot, textValue, ...rest }: ContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ContextMenuGroup: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ContextMenuSub: import("react").FC<ContextMenuRadix.ContextMenuSubProps>;
-export declare const ContextMenuSubTrigger: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuGroup: FC<ContextMenuRadix.ContextMenuGroupProps>;
+export declare const ContextMenuSub: FC<ContextMenuRadix.ContextMenuSubProps>;
+export declare const ContextMenuSubTrigger: FC<ContextMenuRadix.ContextMenuSubTriggerProps>;
 export declare const ContextMenuSubContent: (props: React.ComponentProps<typeof ContextMenuRadix.SubContent>) => import("react/jsx-runtime").JSX.Element;
 export declare const ContextMenuSeparator: (props: React.ComponentProps<typeof ContextMenuRadix.Separator>) => import("react/jsx-runtime").JSX.Element;
-export declare const ContextMenuCheckboxItem: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ContextMenuRadioGroup: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ContextMenuRadioItem: import("react").ForwardRefExoticComponent<ContextMenuRadix.ContextMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuCheckboxItem: FC<ContextMenuRadix.ContextMenuCheckboxItemProps>;
+export declare const ContextMenuRadioGroup: FC<ContextMenuRadix.ContextMenuRadioGroupProps>;
+export declare const ContextMenuRadioItem: FC<ContextMenuRadix.ContextMenuRadioItemProps>;
 export declare const ContextMenuItemIndicator: (props: React.ComponentProps<typeof ContextMenuRadix.ItemIndicator>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/dialog/index.d.ts

@@ -28,7 +28,7 @@ import { CardBody, CardContent, CardHeader } from "../card";
 export declare const Dialog: React.FC<DialogRadix.DialogProps>;
 export declare const DialogTrigger: (props: React.ComponentProps<typeof DialogRadix.Trigger>) => import("react/jsx-runtime").JSX.Element;
 export declare const DialogPortal: React.FC<DialogRadix.DialogPortalProps>;
-export declare const DialogClose: React.ForwardRefExoticComponent<DialogRadix.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: React.FC<DialogRadix.DialogCloseProps>;
 export declare const DialogContent: ({ className, children, ...rest }: React.ComponentProps<typeof DialogRadix.Content>) => import("react/jsx-runtime").JSX.Element;
 export declare const DialogDescription: (props: React.ComponentProps<typeof CardBody>) => import("react/jsx-runtime").JSX.Element;
 export declare const DialogHeader: ({ className, ...rest }: React.ComponentProps<typeof CardHeader>) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/tooltip/index.d.ts

@@ -1,8 +1,8 @@
 import { Tooltip as TooltipRadix } from "radix-ui";
-import React from "react";
+import React, { FC } from "react";
 import { TooltipShortSize, TooltipShortVariant } from "./types";
 export declare const Tooltip: (props: React.ComponentProps<typeof TooltipRadix.Root & typeof TooltipRadix.TooltipProvider>) => import("react/jsx-runtime").JSX.Element;
-export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipRadix.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TooltipTrigger: FC<TooltipRadix.TooltipTriggerProps>;
 interface TooltipDescriptionProps {
     type: "default";
 }
@@ -13,7 +13,7 @@ interface TooltipShortDescriptionProps {
 }
 type TooltipContentProps = React.ComponentProps<typeof TooltipRadix.Content> & (TooltipDescriptionProps | TooltipShortDescriptionProps);
 export declare const TooltipContent: ({ type, ...rest }: TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipRadix.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
+export declare const TooltipArrow: FC<TooltipRadix.TooltipArrowProps>;
 export declare const TooltipHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare const TooltipDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare const TooltipFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telepix-lab/telepix-ui",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "A UI kit for TelePIX",
   "types": "./dist/index.d.ts",
   "exports": {