@quan-erp/shared-ui 1.0.0

package/dist/es/hooks/use-is-inview.js

@@ -0,0 +1,25 @@
+import { useState, useEffect } from "react";
+function useIsInView({ ref, once, rootMargin, threshold }) {
+  const [visible, setVisible] = useState(false);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          setVisible(true);
+          if (once) observer.disconnect();
+        } else if (!once) {
+          setVisible(false);
+        }
+      },
+      { rootMargin, threshold }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [rootMargin, threshold, once]);
+  return visible;
+}
+export {
+  useIsInView
+};

package/dist/es/hooks/use-mobile-back-dialog.js

@@ -0,0 +1,34 @@
+import { useRef, useEffect } from "react";
+import { v4 } from "uuid";
+function useMobileBackDialog({
+  open,
+  enable,
+  onOpenChange
+}) {
+  const uid = useRef(v4());
+  useEffect(() => {
+    if (!enable) return;
+    const handlePopState = () => {
+      if (!window.history.state?.[uid.current]) {
+        onOpenChange(false);
+      }
+    };
+    window.addEventListener("popstate", handlePopState);
+    return () => {
+      window.removeEventListener("popstate", handlePopState);
+    };
+  }, [enable, onOpenChange]);
+  useEffect(() => {
+    if (!enable) return;
+    if (open) {
+      window.history.pushState({ ...window.history.state, [uid.current]: true }, "");
+    } else {
+      if (window.history.state?.[uid.current]) {
+        window.history.back();
+      }
+    }
+  }, [open, enable]);
+}
+export {
+  useMobileBackDialog
+};

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

@@ -0,0 +1,43 @@
+import * as React from "react";
+const SCREENS = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280
+};
+function useMediaQuery(breakpoint = SCREENS.md) {
+  const [isTriggered, setTrigger] = React.useState(void 0);
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
+    const onChange = () => {
+      setTrigger(mql.matches);
+    };
+    mql.addEventListener("change", onChange);
+    setTrigger(mql.matches);
+    return () => mql.removeEventListener("change", onChange);
+  }, [breakpoint]);
+  return !!isTriggered;
+}
+function useMediaQueryMultiStep(steps) {
+  const [breakPoints, setBreakPoints] = React.useState(() => {
+    if (typeof window === "undefined") return steps.map(() => false);
+    return steps.map((step) => window.matchMedia(`(max-width: ${step - 1}px)`).matches);
+  });
+  React.useEffect(() => {
+    const mqls = steps.map((step) => window.matchMedia(`(max-width: ${step - 1}px)`));
+    const updateBreakPoints = () => {
+      setBreakPoints(mqls.map((mql) => mql.matches));
+    };
+    updateBreakPoints();
+    mqls.forEach((mql) => mql.addEventListener("change", updateBreakPoints));
+    return () => {
+      mqls.forEach((mql) => mql.removeEventListener("change", updateBreakPoints));
+    };
+  });
+  return breakPoints;
+}
+export {
+  SCREENS,
+  useMediaQuery,
+  useMediaQueryMultiStep
+};

package/dist/es/hooks/use-mounted.js

@@ -0,0 +1,14 @@
+import { useRef, useEffect } from "react";
+function useMounted() {
+  const mounted = useRef(false);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  return mounted;
+}
+export {
+  useMounted
+};

package/dist/es/hooks/use-scroll-direction.js

@@ -0,0 +1,26 @@
+import React__default from "react";
+function useScrollDirection(ref) {
+  const [isVisible, setIsVisible] = React__default.useState(true);
+  const lastScrollY = React__default.useRef(0);
+  React__default.useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const handleScroll = () => {
+      const currentScrollY = element.scrollTop;
+      if (currentScrollY < 10) {
+        setIsVisible(true);
+      } else if (currentScrollY > lastScrollY.current) {
+        setIsVisible(false);
+      } else {
+        setIsVisible(true);
+      }
+      lastScrollY.current = currentScrollY;
+    };
+    element.addEventListener("scroll", handleScroll);
+    return () => element.removeEventListener("scroll", handleScroll);
+  }, [ref]);
+  return isVisible;
+}
+export {
+  useScrollDirection
+};

package/dist/es/hooks/use-user-hand-behavior.js

@@ -0,0 +1,20 @@
+import { useRef, useEffect } from "react";
+import { UserHandBehaviorDetector } from "@quan-erp/shared-frontend-core";
+function useUserHandBehavior({ enable = true, delay = 0, callback }) {
+  const ref = useRef(void 0);
+  useEffect(() => {
+    if (enable) {
+      ref.current = UserHandBehaviorDetector.getNewInstance();
+      ref.current.start(callback);
+    }
+    return () => {
+      ref.current?.stop();
+    };
+  }, [enable, callback]);
+  useEffect(() => {
+    ref.current?.setDelay(delay);
+  }, [delay]);
+}
+export {
+  useUserHandBehavior
+};

package/dist/es/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../index'
+export {}

package/dist/es/index.js

@@ -0,0 +1,487 @@
+/* empty css          */
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/ui/accordion.js";
+import { Alert, AlertDescription, AlertTitle } from "./components/ui/alert.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./components/ui/avatar.js";
+import { Badge, badgeVariants } from "./components/ui/badge.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/ui/breadcrumb.js";
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./components/ui/button-group.js";
+import { Button, buttonVariants } from "./components/ui/button.js";
+import { Calendar, CalendarDayButton } from "./components/ui/calendar.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.js";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "./components/ui/carousel.js";
+import { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from "./components/ui/chart.js";
+import { Checkbox } from "./components/ui/checkbox.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/ui/collapsible.js";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/ui/context-menu.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/ui/drawer.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./components/ui/field.js";
+import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./components/ui/form.js";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/ui/hover-card.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/ui/input-group.js";
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./components/ui/input-otp.js";
+import { Input } from "./components/ui/input.js";
+import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from "./components/ui/item.js";
+import { Kbd, KbdGroup } from "./components/ui/kbd.js";
+import { Label } from "./components/ui/label.js";
+import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./components/ui/menubar.js";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from "./components/ui/navigation-menu.js";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.js";
+import { Progress } from "./components/ui/progress.js";
+import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./components/ui/resizable.js";
+import { ScrollArea, ScrollBar } from "./components/ui/scroll-area.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select.js";
+import { Separator } from "./components/ui/separator.js";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger } from "./components/ui/sheet.js";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./components/ui/sidebar.js";
+import { Skeleton } from "./components/ui/skeleton.js";
+import { Slider } from "./components/ui/slider.js";
+import { Toaster } from "./components/ui/sonner.js";
+import { Spinner } from "./components/ui/spinner.js";
+import { Switch } from "./components/ui/switch.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/ui/table.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.js";
+import { Textarea } from "./components/ui/textarea.js";
+import { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
+import { Toggle, toggleVariants } from "./components/ui/toggle.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
+import { TimePicker } from "./components/ui/time-picker.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/ui/alert-dialog.js";
+import { PluginTheme } from "./components/custom/plugin-theme.js";
+import { Page, PageContent, PageNavTitle, PageTitle } from "./components/custom/page.js";
+import { SafeArea } from "./components/custom/safearea.js";
+import { Protected, ProtectedPage, withProtected } from "./components/custom/protected-page.js";
+import { SettingCard, SettingCardContent, SettingCardFooter, SettingCardHeader, SettingCardLabel, SettingCardSubtitle, SettingCardTitle, SettingSection, SettingSectionTitle } from "./components/custom/setting.js";
+import { DashboardItem } from "./components/custom/dashboard.js";
+import { DesktopDialogType, ResponsiveContent, ResponsiveDescription, ResponsiveDialog, ResponsiveFooter, ResponsiveHeader, ResponsiveOverlay, ResponsiveTitle, ResponsiveTrigger, UncontrolledResponsiveDialog, useDialogType } from "./components/custom/responsive-dialog.js";
+import { InfiniteScrollableDiv } from "./components/custom/scrollable.js";
+import { Portal } from "./components/custom/portal.js";
+import { FloatingActionButton, FloatingButton, FloatingContainer } from "./components/custom/floating-action-btn.js";
+import { RenderInView } from "./components/custom/render-in-view.js";
+import { ConfirmDialog } from "./components/custom/confirm-dialog.js";
+import { IconParkMenuTabIcon, MENU_TAB_CLASSNAME, MenuTab } from "./components/custom/menu-tab.js";
+import { PullToRefresh } from "./components/custom/pull-to-refresh.js";
+import { EmptyState } from "./components/custom/empty-screen.js";
+import { ErrorState } from "./components/custom/error-screen.js";
+import { LoadingState } from "./components/custom/loading-screen.js";
+import "react/jsx-runtime";
+import "@icon-park/react";
+import { cn } from "./lib/utils.js";
+import { getLocaleString, useLazyLocaleTranslation, useLocaleTranslation, usePublicLazyLocaleTranslation, usePublicLocaleTranslation } from "./locale/locale.js";
+import "react";
+import "react-router-dom";
+import { CursorBasedPagination } from "./components/custom/data-table/cursor-based-pagination.js";
+import { DataTableBulkActionMenu } from "./components/custom/data-table/data-table-bulk-action-menu.js";
+import { DataTableBulkExportButton } from "./components/custom/data-table/data-table-bulk-export.js";
+import { DataTableColumnHeader } from "./components/custom/data-table/data-table-column-header.js";
+import { DataTableGrid } from "./components/custom/data-table/data-table-grid.js";
+import { formatCamelCaseString } from "./components/custom/data-table/data-table-helper.js";
+import { DataTableListView } from "./components/custom/data-table/data-table-list-view.js";
+import { DATA_TABLE_BODY_MAX_HEIGHT_CLASS, DATA_TABLE_PAGE_SIZE_OPTIONS, DEFAULT_DATA_TABLE_PAGE_SIZE, INFINITE_FETCH_PAGE_SIZE, getDataTablePageSizeStorageKey, isDataTableInfiniteFromStorage, parseDataTableRowsPerPage, resolveDataTableQueryPageSize } from "./components/custom/data-table/data-table-page-size.js";
+import { DataTablePagination } from "./components/custom/data-table/data-table-pagination.js";
+import { DataTableToolbar } from "./components/custom/data-table/data-table-toolbar.js";
+import { exportToCSV } from "./components/custom/data-table/data-table-util.js";
+import { DataTableViewFallback } from "./components/custom/data-table/data-table-view-fallback.js";
+import { DataTableViewOptions } from "./components/custom/data-table/data-table-view-options.js";
+import { buildColumnLayoutKey, loadViewPreferences, parseViewPreferences, saveViewPreferences, serializeViewPreferences, setColumnVisibleInState } from "./components/custom/data-table/data-table-view-preferences.storage.js";
+import { getDataTableViewPreferencesStorageKey, useDataTableViewPreferences } from "./components/custom/data-table/data-table-view-preferences.js";
+import { DataTable } from "./components/custom/data-table/data-table.js";
+import { useDataTablePageSize } from "./components/custom/data-table/use-data-table-page-size.js";
+import { SCREENS, useMediaQuery, useMediaQueryMultiStep } from "./hooks/use-mobile.js";
+import { useMobileBackDialog } from "./hooks/use-mobile-back-dialog.js";
+import { useUserHandBehavior } from "./hooks/use-user-hand-behavior.js";
+import { useDebounceValue } from "./hooks/use-debounce-value.js";
+import { useScrollDirection } from "./hooks/use-scroll-direction.js";
+import { useMounted } from "./hooks/use-mounted.js";
+import { useIsInView } from "./hooks/use-is-inview.js";
+import { groupTableRowsBy } from "./components/custom/data-table/group-table-rows.js";
+import * as RechartsPrimitive from "recharts";
+import { Editor } from "./components/blocks/editor-00/editor.js";
+import { Plugins } from "./components/blocks/editor-00/plugins.js";
+import { nodes } from "./components/blocks/editor-00/nodes.js";
+import { ContentEditable } from "./components/editor/editor-ui/content-editable.js";
+import { editorTheme } from "./components/editor/themes/editor-theme.js";
+export * from "sonner";
+const Charts = RechartsPrimitive;
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  Calendar,
+  CalendarDayButton,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+  ChartTooltip,
+  ChartTooltipContent,
+  Charts,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ConfirmDialog,
+  ContentEditable,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+  CursorBasedPagination,
+  DATA_TABLE_BODY_MAX_HEIGHT_CLASS,
+  DATA_TABLE_PAGE_SIZE_OPTIONS,
+  DEFAULT_DATA_TABLE_PAGE_SIZE,
+  DashboardItem,
+  DataTable,
+  DataTableBulkActionMenu,
+  DataTableBulkExportButton,
+  DataTableColumnHeader,
+  DataTableGrid,
+  DataTableListView,
+  DataTablePagination,
+  DataTableToolbar,
+  DataTableViewFallback,
+  DataTableViewOptions,
+  DesktopDialogType,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  Editor,
+  EmptyState,
+  ErrorState,
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle,
+  FloatingActionButton,
+  FloatingButton,
+  FloatingContainer,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  INFINITE_FETCH_PAGE_SIZE,
+  IconParkMenuTabIcon,
+  InfiniteScrollableDiv,
+  Input,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemFooter,
+  ItemGroup,
+  ItemHeader,
+  ItemMedia,
+  ItemSeparator,
+  ItemTitle,
+  Kbd,
+  KbdGroup,
+  Label,
+  LoadingState,
+  MENU_TAB_CLASSNAME,
+  MenuTab,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  Page,
+  PageContent,
+  PageNavTitle,
+  PageTitle,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  PluginTheme,
+  Plugins,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  Portal,
+  Progress,
+  Protected,
+  ProtectedPage,
+  PullToRefresh,
+  RadioGroup,
+  RadioGroupItem,
+  RenderInView,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  ResponsiveContent,
+  ResponsiveDescription,
+  ResponsiveDialog,
+  ResponsiveFooter,
+  ResponsiveHeader,
+  ResponsiveOverlay,
+  ResponsiveTitle,
+  ResponsiveTrigger,
+  SCREENS,
+  SafeArea,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  SettingCard,
+  SettingCardContent,
+  SettingCardFooter,
+  SettingCardHeader,
+  SettingCardLabel,
+  SettingCardSubtitle,
+  SettingCardTitle,
+  SettingSection,
+  SettingSectionTitle,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetTitle,
+  SheetTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  Skeleton,
+  Slider,
+  Spinner,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  TimePicker,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  UncontrolledResponsiveDialog,
+  badgeVariants,
+  buildColumnLayoutKey,
+  buttonGroupVariants,
+  buttonVariants,
+  cn,
+  editorTheme,
+  exportToCSV,
+  formatCamelCaseString,
+  getDataTablePageSizeStorageKey,
+  getDataTableViewPreferencesStorageKey,
+  getLocaleString,
+  groupTableRowsBy,
+  isDataTableInfiniteFromStorage,
+  loadViewPreferences,
+  navigationMenuTriggerStyle,
+  nodes,
+  parseDataTableRowsPerPage,
+  parseViewPreferences,
+  resolveDataTableQueryPageSize,
+  saveViewPreferences,
+  serializeViewPreferences,
+  setColumnVisibleInState,
+  toggleVariants,
+  useDataTablePageSize,
+  useDataTableViewPreferences,
+  useDebounceValue,
+  useDialogType,
+  useFormField,
+  useIsInView,
+  useLazyLocaleTranslation,
+  useLocaleTranslation,
+  useMediaQuery,
+  useMediaQueryMultiStep,
+  useMobileBackDialog,
+  useMounted,
+  usePublicLazyLocaleTranslation,
+  usePublicLocaleTranslation,
+  useScrollDirection,
+  useSidebar,
+  useUserHandBehavior,
+  withProtected
+};

package/dist/es/lib/utils.js

@@ -0,0 +1,8 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export {
+  cn
+};