art-bd-ui 1.0.0

package/dist/cjs/hooks/use-mobile.js

@@ -0,0 +1,21 @@
+"use client";
+'use strict';
+
+var react = require('react');
+
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+    const [isMobile, setIsMobile] = react.useState(undefined);
+    react.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener("change", onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener("change", onChange);
+    }, []);
+    return !!isMobile;
+}
+
+exports.useIsMobile = useIsMobile;

package/dist/cjs/hooks/useControlled.js

@@ -0,0 +1,19 @@
+"use client";
+'use strict';
+
+var react = require('react');
+
+const useControlled = (controlledValue, defaultValue) => {
+    const controlledRef = react.useRef(false);
+    controlledRef.current = controlledValue !== undefined;
+    const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
+    const value = (controlledRef.current ? controlledValue : uncontrolledValue);
+    const setValue = react.useCallback((nextValue) => {
+        if (!controlledRef.current) {
+            setUncontrolledValue(nextValue);
+        }
+    }, [controlledRef]);
+    return [value, setValue, controlledRef.current];
+};
+
+exports.useControlled = useControlled;

package/dist/cjs/hooks/useFirstMountState.js

@@ -0,0 +1,16 @@
+"use client";
+'use strict';
+
+var react = require('react');
+
+// Read more - https://github.com/streamich/react-use/blob/master/src/useFirstMountState.ts
+const useFirstMountState = () => {
+    const isFirst = react.useRef(true);
+    if (isFirst.current) {
+        isFirst.current = false;
+        return true;
+    }
+    return isFirst.current;
+};
+
+exports.useFirstMountState = useFirstMountState;

package/dist/cjs/hooks/useForkRef.js

@@ -0,0 +1,23 @@
+"use client";
+'use strict';
+
+var react = require('react');
+require('clsx');
+var mergeRefs = require('../utils/mergeRefs.js');
+
+function useForkRef(...refs) {
+    return react.useMemo(() => {
+        if (refs.every((ref) => ref == null)) {
+            return null;
+        }
+        return (instance) => {
+            refs.forEach((ref) => {
+                if (ref) {
+                    mergeRefs.assignRef(ref, instance);
+                }
+            });
+        };
+    }, [refs]);
+}
+
+exports.useForkRef = useForkRef;

package/dist/cjs/hooks/useLatest.js

@@ -0,0 +1,12 @@
+"use client";
+'use strict';
+
+var react = require('react');
+
+const useLatest = (value) => {
+    const ref = react.useRef(value);
+    ref.current = value;
+    return ref;
+};
+
+exports.useLatest = useLatest;

package/dist/cjs/hooks/usePrevious.js

@@ -0,0 +1,14 @@
+"use client";
+'use strict';
+
+var react = require('react');
+
+const usePrevious = (value) => {
+    const ref = react.useRef(value);
+    react.useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+};
+
+exports.usePrevious = usePrevious;

package/dist/cjs/hooks/useScrollState.js

@@ -0,0 +1,39 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var throttle = require('lodash/throttle');
+
+const useScrollState = (containerRef) => {
+    const [isScrolledToLeftCorner, setLeftScrollCornerReached] = react.useState(true);
+    const [isScrolledToRightCorner, setRightScrollCornerReached] = react.useState(true);
+    const [isScrolledToTopCorner, setTopScrollCornerReached] = react.useState(true);
+    const [isScrolledToBottomCorner, setBottomScrollCornerReached] = react.useState(true);
+    const throttledUpdate = react.useMemo(() => throttle(() => {
+        if (!containerRef.current)
+            return;
+        const { scrollLeft, scrollTop, scrollWidth, scrollHeight, clientWidth, clientHeight } = containerRef.current;
+        setLeftScrollCornerReached(scrollLeft === 0);
+        setRightScrollCornerReached(scrollWidth - (scrollLeft + clientWidth) <= 1);
+        setTopScrollCornerReached(scrollTop === 0);
+        setBottomScrollCornerReached(scrollHeight - (scrollTop + clientHeight) <= 1);
+    }, 150, { trailing: true }), []);
+    react.useLayoutEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        throttledUpdate();
+        container.addEventListener("scroll", throttledUpdate);
+        return () => {
+            container.removeEventListener("scroll", throttledUpdate);
+        };
+    }, [containerRef]);
+    return {
+        isScrolledToLeftCorner,
+        isScrolledToRightCorner,
+        isScrolledToTopCorner,
+        isScrolledToBottomCorner,
+    };
+};
+
+exports.useScrollState = useScrollState;

package/dist/cjs/hooks/useStateRef.js

@@ -0,0 +1,12 @@
+"use client";
+'use strict';
+
+var react = require('react');
+
+const useStateRef = (defaultValue) => {
+    const [node, setNode] = react.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
+    const setRef = react.useCallback((newNode) => setNode(newNode), []);
+    return [node, setRef];
+};
+
+exports.useStateRef = useStateRef;

package/dist/cjs/hooks/useUpdateEffect.js

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var useFirstMountState = require('./useFirstMountState.js');
+
+// Read more -> https://github.com/streamich/react-use/blob/master/src/useUpdateEffect.ts
+const useUpdateEffect = (effect, deps) => {
+    const isFirstMount = useFirstMountState.useFirstMountState();
+    react.useEffect(() => {
+        if (!isFirstMount) {
+            return effect();
+        }
+    }, deps);
+};
+
+exports.useUpdateEffect = useUpdateEffect;

package/dist/cjs/index.js

@@ -0,0 +1,237 @@
+'use strict';
+
+var box = require('./components/layout/box/box.js');
+var flex = require('./components/layout/flex/flex.js');
+var grid = require('./components/layout/grid/grid.js');
+var button = require('./components/buttons/button/button.js');
+var iconButton = require('./components/buttons/icon-button/icon-button.js');
+var toggle = require('./components/buttons/toggle/toggle.js');
+var toggleGroup = require('./components/buttons/toggle-group/toggle-group.js');
+var checkbox = require('./components/forms/checkbox/checkbox.js');
+var input = require('./components/forms/input/input.js');
+var label = require('./components/forms/label/label.js');
+var radio = require('./components/forms/radio/radio.js');
+var select = require('./components/forms/select/select.js');
+var _switch = require('./components/forms/switch/switch.js');
+var textarea = require('./components/forms/textarea/textarea.js');
+var icon = require('./components/media/icon/icon.js');
+var avatar = require('./components/media/avatar/avatar.js');
+var aspectRatio = require('./components/media/aspect-ratio/aspect-ratio.js');
+var dialog = require('./components/popovers/dialog/dialog.js');
+var drawer = require('./components/popovers/drawer/drawer.js');
+var popover = require('./components/popovers/popover/popover.js');
+var sheet = require('./components/popovers/sheet/sheet.js');
+var toast = require('./components/popovers/toast/toast.js');
+var tooltip = require('./components/popovers/tooltip/tooltip.js');
+var heading = require('./components/typography/heading/heading.js');
+var text = require('./components/typography/text/text.js');
+var alert = require('./components/ui/alert/alert.js');
+var badge = require('./components/ui/badge/badge.js');
+var calendar = require('./components/ui/calendar/calendar.js');
+var command = require('./components/ui/command/command.js');
+var dataTable = require('./components/ui/data-table/data-table.js');
+var datePicker = require('./components/ui/date-picker/date-picker.js');
+var dropdownMenu = require('./components/ui/dropdown-menu/dropdown-menu.js');
+var link = require('./components/ui/link/link.js');
+var pagination = require('./components/ui/pagination/pagination.js');
+var progress = require('./components/ui/progress/progress.js');
+var sidebar = require('./components/ui/sidebar/sidebar.js');
+var table = require('./components/ui/table/table.js');
+var tabs = require('./components/ui/tabs/tabs.js');
+var emptyState = require('./components/utility/empty-state/empty-state.js');
+var separator = require('./components/utility/separator/separator.js');
+var skeleton = require('./components/utility/skeleton/skeleton.js');
+var statusController = require('./components/utility/status-controller/status-controller.js');
+var useFirstMountState = require('./hooks/useFirstMountState.js');
+var useUpdateEffect = require('./hooks/useUpdateEffect.js');
+var useForkRef = require('./hooks/useForkRef.js');
+var useStateRef = require('./hooks/useStateRef.js');
+var useControlled = require('./hooks/useControlled.js');
+var usePrevious = require('./hooks/usePrevious.js');
+var useLatest = require('./hooks/useLatest.js');
+var useScrollState = require('./hooks/useScrollState.js');
+var chain = require('./utils/chain.js');
+var mergeProps = require('./utils/mergeProps.js');
+var mergeRefs = require('./utils/mergeRefs.js');
+var toggle$1 = require('./utils/toggle.js');
+var addIf = require('./utils/addIf.js');
+var getBoundingRect = require('./utils/getBoundingRect.js');
+var tableHeader = require('./components/ui/table/components/table-header.js');
+var tableBody = require('./components/ui/table/components/table-body.js');
+var tableFooter = require('./components/ui/table/components/table-footer.js');
+var tableHead = require('./components/ui/table/components/table-head.js');
+var row = require('./components/ui/table/components/row.js');
+var cell = require('./components/ui/table/components/cell.js');
+var tableCaption = require('./components/ui/table/components/table-caption.js');
+
+
+
+exports.Box = box.Box;
+exports.Flex = flex.Flex;
+exports.Grid = grid.Grid;
+exports.Button = button.Button;
+exports.buttonVariants = button.buttonVariants;
+exports.IconButton = iconButton.IconButton;
+exports.Toggle = toggle.Toggle;
+exports.toggleVariants = toggle.toggleVariants;
+exports.ToggleGroup = toggleGroup.ToggleGroup;
+exports.ToggleGroupItem = toggleGroup.ToggleGroupItem;
+exports.Checkbox = checkbox.Checkbox;
+exports.Input = input.Input;
+exports.Label = label.Label;
+exports.RadioGroup = radio.RadioGroup;
+exports.RadioGroupItem = radio.RadioGroupItem;
+exports.Select = select.Select;
+exports.SelectContent = select.SelectContent;
+exports.SelectGroup = select.SelectGroup;
+exports.SelectItem = select.SelectItem;
+exports.SelectLabel = select.SelectLabel;
+exports.SelectScrollDownButton = select.SelectScrollDownButton;
+exports.SelectScrollUpButton = select.SelectScrollUpButton;
+exports.SelectSeparator = select.SelectSeparator;
+exports.SelectTrigger = select.SelectTrigger;
+exports.SelectValue = select.SelectValue;
+exports.Switch = _switch.Switch;
+exports.Textarea = textarea.Textarea;
+exports.Icon = icon.Icon;
+exports.Avatar = avatar.Avatar;
+exports.AvatarFallback = avatar.AvatarFallback;
+exports.AvatarImage = avatar.AvatarImage;
+exports.AspectRatio = aspectRatio.AspectRatio;
+exports.Dialog = dialog.Dialog;
+exports.DialogClose = dialog.DialogClose;
+exports.DialogContent = dialog.DialogContent;
+exports.DialogDescription = dialog.DialogDescription;
+exports.DialogFooter = dialog.DialogFooter;
+exports.DialogHeader = dialog.DialogHeader;
+exports.DialogTitle = dialog.DialogTitle;
+exports.DialogTrigger = dialog.DialogTrigger;
+exports.Drawer = drawer.Drawer;
+exports.DrawerClose = drawer.DrawerClose;
+exports.DrawerContent = drawer.DrawerContent;
+exports.DrawerDescription = drawer.DrawerDescription;
+exports.DrawerFooter = drawer.DrawerFooter;
+exports.DrawerHeader = drawer.DrawerHeader;
+exports.DrawerTitle = drawer.DrawerTitle;
+exports.Popover = popover.Popover;
+exports.PopoverAnchor = popover.PopoverAnchor;
+exports.PopoverContent = popover.PopoverContent;
+exports.PopoverTrigger = popover.PopoverTrigger;
+exports.Sheet = sheet.Sheet;
+exports.SheetClose = sheet.SheetClose;
+exports.SheetContent = sheet.SheetContent;
+exports.SheetDescription = sheet.SheetDescription;
+exports.SheetFooter = sheet.SheetFooter;
+exports.SheetHeader = sheet.SheetHeader;
+exports.SheetTitle = sheet.SheetTitle;
+exports.Toast = toast.Toast;
+exports.ToastAction = toast.ToastAction;
+exports.ToastClose = toast.ToastClose;
+exports.ToastDescription = toast.ToastDescription;
+exports.ToastProvider = toast.ToastProvider;
+exports.ToastTitle = toast.ToastTitle;
+exports.ToastViewport = toast.ToastViewport;
+exports.Tooltip = tooltip.Tooltip;
+exports.TooltipContent = tooltip.TooltipContent;
+exports.TooltipProvider = tooltip.TooltipProvider;
+exports.TooltipTrigger = tooltip.TooltipTrigger;
+exports.Heading = heading.Heading;
+exports.Text = text.Text;
+exports.Alert = alert.Alert;
+exports.AlertDescription = alert.AlertDescription;
+exports.AlertTitle = alert.AlertTitle;
+exports.Badge = badge.Badge;
+exports.badgeVariants = badge.badgeVariants;
+exports.Calendar = calendar.Calendar;
+exports.Command = command.Command;
+exports.CommandDialog = command.CommandDialog;
+exports.CommandEmpty = command.CommandEmpty;
+exports.CommandGroup = command.CommandGroup;
+exports.CommandInput = command.CommandInput;
+exports.CommandItem = command.CommandItem;
+exports.CommandList = command.CommandList;
+exports.CommandSeparator = command.CommandSeparator;
+exports.CommandShortcut = command.CommandShortcut;
+exports.DataTable = dataTable.DataTable;
+exports.DatePicker = datePicker.DatePicker;
+exports.DropdownMenu = dropdownMenu.DropdownMenu;
+exports.DropdownMenuCheckboxItem = dropdownMenu.DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = dropdownMenu.DropdownMenuContent;
+exports.DropdownMenuGroup = dropdownMenu.DropdownMenuGroup;
+exports.DropdownMenuItem = dropdownMenu.DropdownMenuItem;
+exports.DropdownMenuLabel = dropdownMenu.DropdownMenuLabel;
+exports.DropdownMenuPortal = dropdownMenu.DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = dropdownMenu.DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = dropdownMenu.DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = dropdownMenu.DropdownMenuSeparator;
+exports.DropdownMenuShortcut = dropdownMenu.DropdownMenuShortcut;
+exports.DropdownMenuSub = dropdownMenu.DropdownMenuSub;
+exports.DropdownMenuSubContent = dropdownMenu.DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = dropdownMenu.DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = dropdownMenu.DropdownMenuTrigger;
+exports.Link = link.Link;
+exports.Pagination = pagination.Pagination;
+exports.PaginationContent = pagination.PaginationContent;
+exports.PaginationEllipsis = pagination.PaginationEllipsis;
+exports.PaginationItem = pagination.PaginationItem;
+exports.PaginationLink = pagination.PaginationLink;
+exports.PaginationNext = pagination.PaginationNext;
+exports.PaginationPrevious = pagination.PaginationPrevious;
+exports.Progress = progress.Progress;
+exports.Sidebar = sidebar.Sidebar;
+exports.SidebarContent = sidebar.SidebarContent;
+exports.SidebarFooter = sidebar.SidebarFooter;
+exports.SidebarGroup = sidebar.SidebarGroup;
+exports.SidebarGroupAction = sidebar.SidebarGroupAction;
+exports.SidebarGroupContent = sidebar.SidebarGroupContent;
+exports.SidebarGroupLabel = sidebar.SidebarGroupLabel;
+exports.SidebarHeader = sidebar.SidebarHeader;
+exports.SidebarInput = sidebar.SidebarInput;
+exports.SidebarInset = sidebar.SidebarInset;
+exports.SidebarMenu = sidebar.SidebarMenu;
+exports.SidebarMenuAction = sidebar.SidebarMenuAction;
+exports.SidebarMenuBadge = sidebar.SidebarMenuBadge;
+exports.SidebarMenuButton = sidebar.SidebarMenuButton;
+exports.SidebarMenuItem = sidebar.SidebarMenuItem;
+exports.SidebarMenuSkeleton = sidebar.SidebarMenuSkeleton;
+exports.SidebarMenuSub = sidebar.SidebarMenuSub;
+exports.SidebarMenuSubButton = sidebar.SidebarMenuSubButton;
+exports.SidebarMenuSubItem = sidebar.SidebarMenuSubItem;
+exports.SidebarProvider = sidebar.SidebarProvider;
+exports.SidebarRail = sidebar.SidebarRail;
+exports.SidebarSeparator = sidebar.SidebarSeparator;
+exports.SidebarTrigger = sidebar.SidebarTrigger;
+exports.useSidebar = sidebar.useSidebar;
+exports.Table = table.Table;
+exports.TableContainer = table.TableContainer;
+exports.Tabs = tabs.Tabs;
+exports.TabsContent = tabs.TabsContent;
+exports.TabsList = tabs.TabsList;
+exports.TabsTrigger = tabs.TabsTrigger;
+exports.EmptyState = emptyState.EmptyState;
+exports.Separator = separator.Separator;
+exports.Skeleton = skeleton.Skeleton;
+exports.StatusController = statusController.StatusController;
+exports.useFirstMountState = useFirstMountState.useFirstMountState;
+exports.useUpdateEffect = useUpdateEffect.useUpdateEffect;
+exports.useForkRef = useForkRef.useForkRef;
+exports.useStateRef = useStateRef.useStateRef;
+exports.useControlled = useControlled.useControlled;
+exports.usePrevious = usePrevious.usePrevious;
+exports.useLatest = useLatest.useLatest;
+exports.useScrollState = useScrollState.useScrollState;
+exports.chain = chain.chain;
+exports.mergeProps = mergeProps.mergeProps;
+exports.assignRef = mergeRefs.assignRef;
+exports.mergeRefs = mergeRefs.mergeRefs;
+exports.toggle = toggle$1.toggle;
+exports.addIf = addIf.addIf;
+exports.DEFAULT_RECT = getBoundingRect.DEFAULT_RECT;
+exports.getBoundingRect = getBoundingRect.getBoundingRect;
+exports.TableHeader = tableHeader.TableHeader;
+exports.TableBody = tableBody.TableBody;
+exports.TableFooter = tableFooter.TableFooter;
+exports.TableHead = tableHead.TableHead;
+exports.TableRow = row.TableRow;
+exports.TableCell = cell.TableCell;
+exports.TableCaption = tableCaption.TableCaption;

package/dist/cjs/lib/utils.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var react = require('react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+function cn(...inputs) {
+    return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function forwardRefWithGeneric(render) {
+    // @ts-ignore
+    return react.forwardRef(render);
+}
+
+exports.cn = cn;
+exports.forwardRefWithGeneric = forwardRefWithGeneric;

package/dist/cjs/styles/responsive.js

@@ -0,0 +1,84 @@
+'use strict';
+
+const responsiveProps = {
+    // Display
+    display: "",
+    // Position
+    position: "",
+    // Dimensions
+    width: "w",
+    minWidth: "min-w",
+    maxWidth: "max-w",
+    height: "h",
+    minHeight: "min-h",
+    maxHeight: "max-h",
+    // Padding
+    p: "p",
+    px: "px",
+    py: "py",
+    pt: "pt",
+    pr: "pr",
+    pb: "pb",
+    pl: "pl",
+    // Margin
+    m: "m",
+    mx: "mx",
+    my: "my",
+    mt: "mt",
+    mr: "mr",
+    mb: "mb",
+    ml: "ml",
+    // Gap
+    gap: "gap",
+    gapX: "gap-x",
+    gapY: "gap-y",
+    // Overflow
+    overflow: "overflow",
+    overflowX: "overflow-x",
+    overflowY: "overflow-y",
+    // Grid
+    columns: "grid-cols",
+    rows: "grid-rows",
+    flow: "grid-flow",
+    // Flex
+    direction: "flex",
+    wrap: "flex",
+    // Flex & Grid
+    items: "items",
+    justify: "justify",
+};
+function getResponsiveClass(props) {
+    const classes = [];
+    Object.entries(props).forEach(([prop, value]) => {
+        if (!value)
+            return;
+        if (!(prop in responsiveProps))
+            return;
+        const responsiveValue = typeof value === "object" ? value : { initial: value };
+        for (const [breakpoint, val] of Object.entries(responsiveValue)) {
+            if (!val)
+                continue;
+            const bpPrefix = breakpoint === "initial" ? "" : `${breakpoint}:`;
+            const prefix = responsiveProps[prop] ? `${responsiveProps[prop]}-` : "";
+            classes.push(`${bpPrefix}${prefix}${val}`);
+        }
+    });
+    return classes.join(" ");
+}
+function extractResponsiveProps(props) {
+    const classesProps = {};
+    const restProps = {};
+    for (const key in props) {
+        if (key in responsiveProps) {
+            classesProps[key] = props[key];
+        }
+        else {
+            // @ts-ignore
+            restProps[key] = props[key];
+        }
+    }
+    return { classesProps, restProps };
+}
+
+exports.extractResponsiveProps = extractResponsiveProps;
+exports.getResponsiveClass = getResponsiveClass;

package/dist/cjs/styles/typography.js

@@ -0,0 +1,25 @@
+'use strict';
+
+const fontWeights = {
+    light: "font-light",
+    regular: "font-normal",
+    medium: "font-medium",
+    bold: "font-bold",
+};
+const textColors = {
+    default: "text-foreground",
+    muted: "text-muted-foreground",
+    primary: "text-primary",
+    secondary: "text-secondary",
+    accent: "text-accent",
+    destructive: "text-destructive",
+};
+const textAlignment = {
+    left: "text-left",
+    center: "text-center",
+    right: "text-right",
+};
+
+exports.fontWeights = fontWeights;
+exports.textAlignment = textAlignment;
+exports.textColors = textColors;

package/dist/cjs/utils/addIf.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const addIf = (condition, props, empty = {}) => (condition ? props : empty);
+
+exports.addIf = addIf;

package/dist/cjs/utils/chain.js

@@ -0,0 +1,30 @@
+'use strict';
+
+/**
+ * Creates function that execute callback functions together so that they are invoked in sequence
+ * with the same set of arguments.
+ *
+ * @param {...Function} callbacks - A series of callback functions to chain together.
+ *
+ * @example
+ * const sum = (a, b) => console.log(`${a} + ${b} = ${a + b}`);
+ * const multiply = (a, b) => console.log(`${a} * ${b} = ${a * b}`);
+ * const log = (...args) => console.log(`I received following arguments: ${args.join(', ')}`);
+ *
+ * const chained = chain(sum, multiply, log);
+ * chained(1, 2);   // Logs:
+ *                  // "1 + 2 = 3"
+ *                  // "1 * 2 = 2"
+ *                  // "I received following arguments: 1, 2"
+ */
+function chain(...callbacks) {
+    return (...args) => {
+        for (const callback of callbacks) {
+            if (typeof callback === "function") {
+                callback(...args);
+            }
+        }
+    };
+}
+
+exports.chain = chain;

package/dist/cjs/utils/getBoundingRect.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const DEFAULT_RECT = {
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+};
+const getBoundingRect = (node) => {
+    const rect = node && node.getBoundingClientRect ? node.getBoundingClientRect() : DEFAULT_RECT;
+    return rect;
+};
+
+exports.DEFAULT_RECT = DEFAULT_RECT;
+exports.getBoundingRect = getBoundingRect;

package/dist/cjs/utils/mergeProps.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var clsx = require('clsx');
+var chain = require('./chain.js');
+
+/**
+ * Merges multiple props objects together. Event handlers are chained,
+ * classNames are combined, all other props, the last prop object overrides all previous ones.
+ * @param args - Multiple sets of props to merge together.
+ */
+function mergeProps(...args) {
+    // Start with a base clone of the first argument. This is a lot faster than starting
+    // with an empty object and adding properties as we go.
+    const result = Object.assign({}, args[0]);
+    for (let i = 1; i < args.length; i++) {
+        const props = args[i];
+        for (const key in props) {
+            const a = result[key];
+            const b = props[key];
+            // Chain events
+            if (typeof a === "function" &&
+                typeof b === "function" &&
+                // This is a lot faster than a regex.
+                key[0] === "o" &&
+                key[1] === "n" &&
+                key.charCodeAt(2) >= /* 'A' */ 65 &&
+                key.charCodeAt(2) <= /* 'Z' */ 90) {
+                result[key] = chain.chain(a, b);
+                // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check
+            }
+            else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string") {
+                result[key] = clsx.clsx(a, b);
+            }
+            else {
+                result[key] = b !== undefined ? b : a;
+            }
+        }
+    }
+    return result;
+}
+
+exports.mergeProps = mergeProps;

package/dist/cjs/utils/mergeRefs.js

@@ -0,0 +1,18 @@
+'use strict';
+
+function assignRef(ref, value) {
+    if (typeof ref === "function") {
+        ref(value);
+    }
+    else if (ref) {
+        ref.current = value;
+    }
+}
+function mergeRefs(...refs) {
+    return (value) => {
+        refs.forEach((ref) => assignRef(ref, value));
+    };
+}
+
+exports.assignRef = assignRef;
+exports.mergeRefs = mergeRefs;