@oneplatformdev/ui 0.0.1-beta.125 → 0.0.1-beta.127

package/Dialog/Dialog.mjs

@@ -1,11 +1,11 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import * as i from "react";
-import { useRef as y, useState as N, useLayoutEffect as D } from "react";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import * as r from "react";
+import { useRef as y, useState as N, useLayoutEffect as h } from "react";
 import * as e from "@radix-ui/react-dialog";
-import { XIcon as h } from "lucide-react";
+import { XIcon as D } from "lucide-react";
 import { cn as l } from "@oneplatformdev/utils";
 import { DialogOverlayScope as b } from "./DialogOverlayScope.mjs";
-const S = e.Root, F = e.Trigger, v = e.Portal, q = e.Close, m = i.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+const S = e.Root, F = e.Trigger, v = e.Portal, q = e.Close, f = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Overlay,
   {
     ref: s,
@@ -16,20 +16,22 @@ const S = e.Root, F = e.Trigger, v = e.Portal, q = e.Close, m = i.forwardRef(({
     ...a
   }
 ));
-m.displayName = e.Overlay.displayName;
-const w = i.forwardRef(
+f.displayName = e.Overlay.displayName;
+const w = r.forwardRef(
   ({
     className: t,
     children: a,
     showCloseButton: s = !0,
-    onOpenAutoFocus: r,
-    preventAutoFocus: f,
+    onOpenAutoFocus: i,
+    preventAutoFocus: m,
     ...p
   }, g) => {
-    const d = y(null), [u, x] = N(null);
-    return D(() => x(d.current), []), /* @__PURE__ */ n(v, { children: [
-      /* @__PURE__ */ o(m, {}),
-      /* @__PURE__ */ o(b, { value: u, children: /* @__PURE__ */ n(
+    const n = y(null), [u, x] = N(null);
+    return h(() => {
+      x(n.current), console.log("hostRef.current", n.current);
+    }, []), /* @__PURE__ */ d(v, { children: [
+      /* @__PURE__ */ o(f, {}),
+      /* @__PURE__ */ o(b, { value: u, children: /* @__PURE__ */ d(
         e.Content,
         {
           ref: g,
@@ -40,11 +42,11 @@ const w = i.forwardRef(
             "bg-[#FCFCFC] border border-[#E8E9EB] rounded-[16px]",
             t
           ),
-          onOpenAutoFocus: (c) => (f && c.preventDefault(), r == null ? void 0 : r(c)),
+          onOpenAutoFocus: (c) => (m && c.preventDefault(), i == null ? void 0 : i(c)),
           ...p,
           children: [
             a,
-            s && /* @__PURE__ */ n(
+            s && /* @__PURE__ */ d(
               e.Close,
               {
                 "aria-label": "Close",
@@ -60,7 +62,7 @@ const w = i.forwardRef(
                   "transition-opacity"
                 ),
                 children: [
-                  /* @__PURE__ */ o(h, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ o(D, { className: "h-4 w-4" }),
                   /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -68,7 +70,7 @@ const w = i.forwardRef(
           ]
         }
       ) }),
-      /* @__PURE__ */ o("div", { ref: d, className: "fixed inset-0 z-80" })
+      /* @__PURE__ */ o("div", { ref: n, className: "fixed inset-0 z-80" })
     ] });
   }
 );
@@ -101,7 +103,7 @@ const R = ({
   }
 );
 R.displayName = "DialogFooter";
-const E = i.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+const E = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Title,
   {
     ref: s,
@@ -113,7 +115,7 @@ const E = i.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   }
 ));
 E.displayName = e.Title.displayName;
-const z = i.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+const z = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Description,
   {
     ref: s,
@@ -129,7 +131,7 @@ export {
   z as DialogDescription,
   R as DialogFooter,
   C as DialogHeader,
-  m as DialogOverlay,
+  f as DialogOverlay,
   v as DialogPortal,
   E as DialogTitle,
   F as DialogTrigger

package/Dialog/DialogOverlayScope.d.ts

@@ -1,8 +1,9 @@
-import { PropsWithChildren } from 'react';
+import { Context, PropsWithChildren } from 'react';
 
+export declare const DialogOverlayContainerCtx: Context<HTMLElement | null>;
+export declare const useDialogOverlayContainer: () => HTMLElement | null;
 interface IDialogOverlayScopeProps extends PropsWithChildren {
     value: HTMLElement | null;
 }
 export declare const DialogOverlayScope: ({ value, children }: IDialogOverlayScopeProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useDialogOverlayContainer: () => HTMLElement | null;
 export {};

package/Dialog/DialogOverlayScope.mjs

@@ -1,7 +1,10 @@
-import { jsx as t } from "react/jsx-runtime";
-import { createContext as n, useContext as a } from "react";
-const o = n(null), s = ({ value: e, children: r }) => /* @__PURE__ */ t(o.Provider, { value: e, children: r }), c = () => a(o);
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as a, useContext as i } from "react";
+const o = Symbol.for("@oneplatformdev/ui.dialog-overlay-scope-context"), e = globalThis;
+e[o] || (e[o] = a(null));
+const t = e[o], g = () => i(t), m = ({ value: r, children: n }) => /* @__PURE__ */ l(t.Provider, { value: r, children: n });
 export {
-  s as DialogOverlayScope,
-  c as useDialogOverlayContainer
+  t as DialogOverlayContainerCtx,
+  m as DialogOverlayScope,
+  g as useDialogOverlayContainer
 };

package/Dialog/index.d.ts

@@ -1,2 +1,2 @@
 export * from './Dialog';
-export { useDialogOverlayContainer } from './DialogOverlayScope';
+export * from './DialogOverlayScope';

package/Dialog/index.mjs

@@ -1,15 +1,17 @@
-import { Dialog as i, DialogClose as l, DialogContent as e, DialogDescription as g, DialogFooter as r, DialogHeader as D, DialogOverlay as t, DialogPortal as n, DialogTitle as p, DialogTrigger as s } from "./Dialog.mjs";
-import { useDialogOverlayContainer as f } from "./DialogOverlayScope.mjs";
+import { Dialog as l, DialogClose as i, DialogContent as e, DialogDescription as r, DialogFooter as g, DialogHeader as D, DialogOverlay as t, DialogPortal as n, DialogTitle as C, DialogTrigger as p } from "./Dialog.mjs";
+import { DialogOverlayContainerCtx as y, DialogOverlayScope as O, useDialogOverlayContainer as s } from "./DialogOverlayScope.mjs";
 export {
-  i as Dialog,
-  l as DialogClose,
+  l as Dialog,
+  i as DialogClose,
   e as DialogContent,
-  g as DialogDescription,
-  r as DialogFooter,
+  r as DialogDescription,
+  g as DialogFooter,
   D as DialogHeader,
   t as DialogOverlay,
+  y as DialogOverlayContainerCtx,
+  O as DialogOverlayScope,
   n as DialogPortal,
-  p as DialogTitle,
-  s as DialogTrigger,
-  f as useDialogOverlayContainer
+  C as DialogTitle,
+  p as DialogTrigger,
+  s as useDialogOverlayContainer
 };

package/Popover/Popover.mjs

@@ -2,9 +2,8 @@ import { jsx as e } from "react/jsx-runtime";
 import * as m from "react";
 import * as o from "@radix-ui/react-popover";
 import { cn as p } from "@oneplatformdev/utils";
-import "../Dialog/Dialog.mjs";
 import { useDialogOverlayContainer as l } from "../Dialog/DialogOverlayScope.mjs";
-const P = o.Root, h = o.Trigger, b = o.Anchor, c = m.forwardRef(({ className: a, align: r = "center", sideOffset: n = 4, style: i, ...d }, s) => {
+const v = o.Root, P = o.Trigger, h = o.Anchor, c = m.forwardRef(({ className: a, align: r = "center", sideOffset: n = 4, style: i, ...d }, s) => {
   const t = l();
   return console.log("container", t), /* @__PURE__ */ e(o.Portal, { container: t ?? void 0, children: /* @__PURE__ */ e(
     o.Content,
@@ -26,8 +25,8 @@ const P = o.Root, h = o.Trigger, b = o.Anchor, c = m.forwardRef(({ className: a,
 });
 c.displayName = o.Content.displayName;
 export {
-  P as Popover,
-  b as PopoverAnchor,
+  v as Popover,
+  h as PopoverAnchor,
   c as PopoverContent,
-  h as PopoverTrigger
+  P as PopoverTrigger
 };

package/index.mjs

@@ -1,14 +1,14 @@
 import { Accordion as e, AccordionContent as t, AccordionItem as a, AccordionTrigger as n } from "./Accordion/Accordion.mjs";
 import { Alert as p, AlertDescription as l, AlertTitle as m } from "./Alert/Alert.mjs";
-import { AlertDialogAction as d, AlertDialogCancel as b, AlertDialogContent as g, AlertDialogDescription as x, AlertDialogFooter as f, AlertDialogHeader as S, AlertDialogOverlay as s, AlertDialogPortal as C, AlertDialogRoot as T, AlertDialogTitle as D, AlertDialogTrigger as c } from "./AlertDialog/AlertDialogRoot.mjs";
+import { AlertDialogAction as d, AlertDialogCancel as g, AlertDialogContent as b, AlertDialogDescription as x, AlertDialogFooter as f, AlertDialogHeader as S, AlertDialogOverlay as s, AlertDialogPortal as C, AlertDialogRoot as T, AlertDialogTitle as D, AlertDialogTrigger as c } from "./AlertDialog/AlertDialogRoot.mjs";
 import { AlertDialog as P } from "./AlertDialog/AlertDialog.mjs";
 import { AreaChart as A } from "./AreaChart/AreaChart.mjs";
-import { Aside as h } from "./Aside/Aside.mjs";
+import { Aside as w } from "./Aside/Aside.mjs";
 import { AsideSidebar as F } from "./Aside/AsideSidebar.mjs";
 import { AspectRatio as R } from "./AspectRatio/AspectRatio.mjs";
 import { Avatar as G, AvatarFallback as k, AvatarImage as H } from "./Avatar/Avatar.mjs";
-import { Badge as y } from "./Badge/Badge.mjs";
-import { badgeVariants as E } from "./Badge/badgeVariants.mjs";
+import { Badge as N } from "./Badge/Badge.mjs";
+import { badgeVariants as V } from "./Badge/badgeVariants.mjs";
 import { Breadcrumb as z, BreadcrumbEllipsis as _, BreadcrumbItem as U, BreadcrumbLink as Y, BreadcrumbList as j, BreadcrumbPage as q, BreadcrumbSeparator as J } from "./Breadcrumb/Breadcrumb.mjs";
 import { Button as Q } from "./Button/Button.mjs";
 import { buttonVariants as X } from "./Button/buttonVariants.mjs";
@@ -16,74 +16,74 @@ import { ButtonIcon as $ } from "./ButtonIcon/ButtonIcon.mjs";
 import { buttonIconVariants as ro } from "./ButtonIcon/buttonIconVariants.mjs";
 import { Calendar as to } from "./Calendar/Calendar.mjs";
 import { Card as no, CardContent as io, CardDescription as po, CardFooter as lo, CardHeader as mo, CardTitle as uo } from "./Card/Card.mjs";
-import { Carousel as go, CarouselContent as xo, CarouselItem as fo, CarouselNext as So, CarouselPrevious as so } from "./Carousel/Carousel.mjs";
+import { Carousel as bo, CarouselContent as xo, CarouselItem as fo, CarouselNext as So, CarouselPrevious as so } from "./Carousel/Carousel.mjs";
 import { ChartContainer as To, ChartLegend as Do, ChartLegendContent as co, ChartStyle as Mo, ChartTooltip as Po, ChartTooltipContent as Io } from "./Chart/Chart.mjs";
-import { Checkbox as wo, CheckboxLabel as ho } from "./Checkbox/Checkbox.mjs";
+import { Checkbox as vo, CheckboxLabel as wo } from "./Checkbox/Checkbox.mjs";
 import { Collapsible as Fo, CollapsibleContent as Lo, CollapsibleTrigger as Ro } from "./Collapsible/Collapsible.mjs";
 import { C as Go } from "./Combobox-CkGEIfTD.js";
-import { Command as Ho, CommandDialog as No, CommandEmpty as yo, CommandGroup as Vo, CommandInput as Eo, CommandItem as Oo, CommandList as zo, CommandSeparator as _o, CommandShortcut as Uo } from "./Command/Command.mjs";
+import { Command as Ho, CommandDialog as yo, CommandEmpty as No, CommandGroup as Oo, CommandInput as Vo, CommandItem as Eo, CommandList as zo, CommandSeparator as _o, CommandShortcut as Uo } from "./Command/Command.mjs";
 import { DataTable as jo } from "./DataTable/DataTable.mjs";
 import { DatePicker as Jo } from "./DatePicker/DatePicker.mjs";
 import { Dialog as Qo, DialogClose as Wo, DialogContent as Xo, DialogDescription as Zo, DialogFooter as $o, DialogHeader as or, DialogOverlay as rr, DialogPortal as er, DialogTitle as tr, DialogTrigger as ar } from "./Dialog/Dialog.mjs";
-import { useDialogOverlayContainer as ir } from "./Dialog/DialogOverlayScope.mjs";
-import { Drawer as lr, DrawerClose as mr, DrawerContent as ur, DrawerDescription as dr, DrawerFooter as br, DrawerHeader as gr, DrawerOverlay as xr, DrawerPortal as fr, DrawerTitle as Sr, DrawerTrigger as sr } from "./Drawer/Drawer.mjs";
-import { DropdownMenu as Tr, DropdownMenuCheckboxItem as Dr, DropdownMenuContent as cr, DropdownMenuGroup as Mr, DropdownMenuItem as Pr, DropdownMenuLabel as Ir, DropdownMenuPortal as Ar, DropdownMenuRadioGroup as wr, DropdownMenuRadioItem as hr, DropdownMenuSeparator as vr, DropdownMenuShortcut as Fr, DropdownMenuSub as Lr, DropdownMenuSubContent as Rr, DropdownMenuSubTrigger as Br, DropdownMenuTrigger as Gr } from "./DropdownMenu/DropdownMenu.mjs";
-import { Form as Hr, FormControl as Nr, FormDescription as yr, FormField as Vr, FormItem as Er, FormLabel as Or, FormMessage as zr, useFormField as _r } from "./Form/Form.mjs";
-import { FormRenderControl as Yr } from "./Form/FormRenderControl.mjs";
-import { FormCheckbox as qr } from "./FormCheckbox/FormCheckbox.mjs";
-import { FormCombobox as Kr } from "./FormCombobox/FormCombobox.mjs";
-import { FormDatePicker as Wr } from "./FormDatePicker/FormDatePicker.mjs";
-import { FormInput as Zr } from "./FormInput/FormInput.mjs";
-import { FormSelect as oe } from "./FormSelect/FormSelect.mjs";
-import { FormTextarea as ee } from "./FormTextarea/FormTextarea.mjs";
-import { Header as ae } from "./Header/Header.mjs";
-import { HoverCard as ie, HoverCardContent as pe, HoverCardTrigger as le } from "./HoverCard/HoverCard.mjs";
-import { BaseInput as ue, Input as de, PasswordInput as be } from "./Input/Input.mjs";
-import { InputOTP as xe, InputOTPGroup as fe, InputOTPSeparator as Se, InputOTPSlot as se } from "./InputOTP/InputOTP.mjs";
-import { Label as Te } from "./Label/Label.mjs";
-import { labelVariants as ce } from "./Label/labelVariants.mjs";
-import { LazyLoader as Pe } from "./LazyLoader/LazyLoader.mjs";
-import { LoadedIcon as Ae } from "./LoadedIcon/LoadedIcon.mjs";
-import { LoadingMask as he } from "./LoadingMask/LoadingMask.mjs";
-import { RenderLoadingMask as Fe } from "./LoadingMask/RenderLoadingMask.mjs";
-import { LoadingProgress as Re } from "./LoadingProgress/LoadingProgress.mjs";
-import { loadingProgressVariants as Ge } from "./LoadingProgress/loadingProgressVariants.mjs";
-import { Menubar as He, MenubarCheckboxItem as Ne, MenubarContent as ye, MenubarGroup as Ve, MenubarItem as Ee, MenubarLabel as Oe, MenubarMenu as ze, MenubarPortal as _e, MenubarRadioGroup as Ue, MenubarRadioItem as Ye, MenubarSeparator as je, MenubarShortcut as qe, MenubarSub as Je, MenubarSubContent as Ke, MenubarSubTrigger as Qe, MenubarTrigger as We } from "./Menubar/Menubar.mjs";
-import { NavigationMenu as Ze, NavigationMenuContent as $e, NavigationMenuIndicator as ot, NavigationMenuItem as rt, NavigationMenuLink as et, NavigationMenuList as tt, NavigationMenuTrigger as at, NavigationMenuViewport as nt } from "./NavigationMenu/NavigationMenu.mjs";
-import { navigationMenuVariants as pt } from "./NavigationMenu/navigationMenuVariants.mjs";
-import { Pagination as mt, PaginationContent as ut, PaginationEllipsis as dt, PaginationItem as bt, PaginationLink as gt, PaginationNext as xt, PaginationPrevious as ft } from "./Pagination/Pagination.mjs";
-import { Popover as st, PopoverAnchor as Ct, PopoverContent as Tt, PopoverTrigger as Dt } from "./Popover/Popover.mjs";
-import { Progress as Mt } from "./Progress/Progress.mjs";
-import { RadioGroup as It, RadioGroupItem as At, RadioGroupLabel as wt } from "./RadioGroup/RadioGroup.mjs";
-import { ResizableHandle as vt, ResizablePanel as Ft, ResizablePanelGroup as Lt } from "./Resizable/Resizable.mjs";
-import { ScrollArea as Bt, ScrollBar as Gt } from "./ScrollArea/ScrollArea.mjs";
-import { Search as Ht } from "./Search/Search.mjs";
-import { SelectContent as yt, SelectGroup as Vt, SelectItem as Et, SelectLabel as Ot, SelectRoot as zt, SelectScrollDownButton as _t, SelectScrollUpButton as Ut, SelectSeparator as Yt, SelectTrigger as jt, SelectValue as qt } from "./Select/SelectRoot.mjs";
-import { Select as Kt } from "./Select/Select.mjs";
-import { Separator as Wt } from "./Separator/Separator.mjs";
-import { Sheet as Zt, SheetClose as $t, SheetContent as oa, SheetDescription as ra, SheetFooter as ea, SheetHeader as ta, SheetOverlay as aa, SheetPortal as na, SheetTitle as ia, SheetTrigger as pa } from "./Sheet/Sheet.mjs";
-import { Sidebar as ma, SidebarContent as ua, SidebarFooter as da, SidebarGroup as ba, SidebarGroupAction as ga, SidebarGroupContent as xa, SidebarGroupLabel as fa, SidebarHeader as Sa, SidebarInput as sa, SidebarInset as Ca, SidebarMenu as Ta, SidebarMenuAction as Da, SidebarMenuBadge as ca, SidebarMenuButton as Ma, SidebarMenuItem as Pa, SidebarMenuSkeleton as Ia, SidebarMenuSub as Aa, SidebarMenuSubButton as wa, SidebarMenuSubItem as ha, SidebarProvider as va, SidebarRail as Fa, SidebarSeparator as La, SidebarTrigger as Ra, useSidebar as Ba } from "./Sidebar/Sidebar.mjs";
-import { Skeleton as ka } from "./Skeleton/Skeleton.mjs";
-import { Slider as Na } from "./Slider/Slider.mjs";
-import { Sonner as Va } from "./Sonner/Sonner.mjs";
-import { Switch as Oa } from "./Switch/Switch.mjs";
-import { Table as _a, TableBody as Ua, TableCaption as Ya, TableCell as ja, TableFooter as qa, TableHead as Ja, TableHeader as Ka, TableRow as Qa } from "./Table/Table.mjs";
-import { TabsContent as Xa, TabsList as Za, TabsRoot as $a, TabsTrigger as on } from "./Tabs/TabsRoot.mjs";
-import { TabRender as en, Tabs as tn } from "./Tabs/Tabs.mjs";
-import { Textarea as nn } from "./Textarea/Textarea.mjs";
-import { ThemeProvider as ln } from "./Theme/ThemeProvider.mjs";
-import { ThemeModeToggle as un } from "./Theme/ThemeModeToggle.mjs";
-import { Toast as bn, ToastAction as gn, ToastClose as xn, ToastDescription as fn, ToastProvider as Sn, ToastTitle as sn, ToastViewport as Cn } from "./Toast/Toast.mjs";
-import { reducer as Dn, toast as cn, useNotify as Mn, useToast as Pn } from "./Toast/useToast.mjs";
-import { Toaster as An } from "./Toaster/Toaster.mjs";
-import { Toggle as hn, toggleVariants as vn } from "./Toggle/Toggle.mjs";
-import { ToggleGroup as Ln, ToggleGroupItem as Rn } from "./ToggleGroup/ToggleGroup.mjs";
-import { TooltipContent as Gn, TooltipProvider as kn, TooltipRoot as Hn, TooltipTrigger as Nn } from "./Tooltip/TooltipRoot.mjs";
-import { Tooltip as Vn } from "./Tooltip/Tooltip.mjs";
-import { Dropzone as On } from "./Dropzone/Dropzone.mjs";
-import { D as _n, a as Un } from "./DropzoneFilePreview-Dhtv8F4u.js";
-import { FormDropzone as jn } from "./FormDropzone/FormDropzone.mjs";
-import { TablePagination as Jn } from "./TablePagination/TablePagination.mjs";
+import { DialogOverlayContainerCtx as ir, DialogOverlayScope as pr, useDialogOverlayContainer as lr } from "./Dialog/DialogOverlayScope.mjs";
+import { Drawer as ur, DrawerClose as dr, DrawerContent as gr, DrawerDescription as br, DrawerFooter as xr, DrawerHeader as fr, DrawerOverlay as Sr, DrawerPortal as sr, DrawerTitle as Cr, DrawerTrigger as Tr } from "./Drawer/Drawer.mjs";
+import { DropdownMenu as cr, DropdownMenuCheckboxItem as Mr, DropdownMenuContent as Pr, DropdownMenuGroup as Ir, DropdownMenuItem as Ar, DropdownMenuLabel as vr, DropdownMenuPortal as wr, DropdownMenuRadioGroup as hr, DropdownMenuRadioItem as Fr, DropdownMenuSeparator as Lr, DropdownMenuShortcut as Rr, DropdownMenuSub as Br, DropdownMenuSubContent as Gr, DropdownMenuSubTrigger as kr, DropdownMenuTrigger as Hr } from "./DropdownMenu/DropdownMenu.mjs";
+import { Form as Nr, FormControl as Or, FormDescription as Vr, FormField as Er, FormItem as zr, FormLabel as _r, FormMessage as Ur, useFormField as Yr } from "./Form/Form.mjs";
+import { FormRenderControl as qr } from "./Form/FormRenderControl.mjs";
+import { FormCheckbox as Kr } from "./FormCheckbox/FormCheckbox.mjs";
+import { FormCombobox as Wr } from "./FormCombobox/FormCombobox.mjs";
+import { FormDatePicker as Zr } from "./FormDatePicker/FormDatePicker.mjs";
+import { FormInput as oe } from "./FormInput/FormInput.mjs";
+import { FormSelect as ee } from "./FormSelect/FormSelect.mjs";
+import { FormTextarea as ae } from "./FormTextarea/FormTextarea.mjs";
+import { Header as ie } from "./Header/Header.mjs";
+import { HoverCard as le, HoverCardContent as me, HoverCardTrigger as ue } from "./HoverCard/HoverCard.mjs";
+import { BaseInput as ge, Input as be, PasswordInput as xe } from "./Input/Input.mjs";
+import { InputOTP as Se, InputOTPGroup as se, InputOTPSeparator as Ce, InputOTPSlot as Te } from "./InputOTP/InputOTP.mjs";
+import { Label as ce } from "./Label/Label.mjs";
+import { labelVariants as Pe } from "./Label/labelVariants.mjs";
+import { LazyLoader as Ae } from "./LazyLoader/LazyLoader.mjs";
+import { LoadedIcon as we } from "./LoadedIcon/LoadedIcon.mjs";
+import { LoadingMask as Fe } from "./LoadingMask/LoadingMask.mjs";
+import { RenderLoadingMask as Re } from "./LoadingMask/RenderLoadingMask.mjs";
+import { LoadingProgress as Ge } from "./LoadingProgress/LoadingProgress.mjs";
+import { loadingProgressVariants as He } from "./LoadingProgress/loadingProgressVariants.mjs";
+import { Menubar as Ne, MenubarCheckboxItem as Oe, MenubarContent as Ve, MenubarGroup as Ee, MenubarItem as ze, MenubarLabel as _e, MenubarMenu as Ue, MenubarPortal as Ye, MenubarRadioGroup as je, MenubarRadioItem as qe, MenubarSeparator as Je, MenubarShortcut as Ke, MenubarSub as Qe, MenubarSubContent as We, MenubarSubTrigger as Xe, MenubarTrigger as Ze } from "./Menubar/Menubar.mjs";
+import { NavigationMenu as ot, NavigationMenuContent as rt, NavigationMenuIndicator as et, NavigationMenuItem as tt, NavigationMenuLink as at, NavigationMenuList as nt, NavigationMenuTrigger as it, NavigationMenuViewport as pt } from "./NavigationMenu/NavigationMenu.mjs";
+import { navigationMenuVariants as mt } from "./NavigationMenu/navigationMenuVariants.mjs";
+import { Pagination as dt, PaginationContent as gt, PaginationEllipsis as bt, PaginationItem as xt, PaginationLink as ft, PaginationNext as St, PaginationPrevious as st } from "./Pagination/Pagination.mjs";
+import { Popover as Tt, PopoverAnchor as Dt, PopoverContent as ct, PopoverTrigger as Mt } from "./Popover/Popover.mjs";
+import { Progress as It } from "./Progress/Progress.mjs";
+import { RadioGroup as vt, RadioGroupItem as wt, RadioGroupLabel as ht } from "./RadioGroup/RadioGroup.mjs";
+import { ResizableHandle as Lt, ResizablePanel as Rt, ResizablePanelGroup as Bt } from "./Resizable/Resizable.mjs";
+import { ScrollArea as kt, ScrollBar as Ht } from "./ScrollArea/ScrollArea.mjs";
+import { Search as Nt } from "./Search/Search.mjs";
+import { SelectContent as Vt, SelectGroup as Et, SelectItem as zt, SelectLabel as _t, SelectRoot as Ut, SelectScrollDownButton as Yt, SelectScrollUpButton as jt, SelectSeparator as qt, SelectTrigger as Jt, SelectValue as Kt } from "./Select/SelectRoot.mjs";
+import { Select as Wt } from "./Select/Select.mjs";
+import { Separator as Zt } from "./Separator/Separator.mjs";
+import { Sheet as oa, SheetClose as ra, SheetContent as ea, SheetDescription as ta, SheetFooter as aa, SheetHeader as na, SheetOverlay as ia, SheetPortal as pa, SheetTitle as la, SheetTrigger as ma } from "./Sheet/Sheet.mjs";
+import { Sidebar as da, SidebarContent as ga, SidebarFooter as ba, SidebarGroup as xa, SidebarGroupAction as fa, SidebarGroupContent as Sa, SidebarGroupLabel as sa, SidebarHeader as Ca, SidebarInput as Ta, SidebarInset as Da, SidebarMenu as ca, SidebarMenuAction as Ma, SidebarMenuBadge as Pa, SidebarMenuButton as Ia, SidebarMenuItem as Aa, SidebarMenuSkeleton as va, SidebarMenuSub as wa, SidebarMenuSubButton as ha, SidebarMenuSubItem as Fa, SidebarProvider as La, SidebarRail as Ra, SidebarSeparator as Ba, SidebarTrigger as Ga, useSidebar as ka } from "./Sidebar/Sidebar.mjs";
+import { Skeleton as ya } from "./Skeleton/Skeleton.mjs";
+import { Slider as Oa } from "./Slider/Slider.mjs";
+import { Sonner as Ea } from "./Sonner/Sonner.mjs";
+import { Switch as _a } from "./Switch/Switch.mjs";
+import { Table as Ya, TableBody as ja, TableCaption as qa, TableCell as Ja, TableFooter as Ka, TableHead as Qa, TableHeader as Wa, TableRow as Xa } from "./Table/Table.mjs";
+import { TabsContent as $a, TabsList as on, TabsRoot as rn, TabsTrigger as en } from "./Tabs/TabsRoot.mjs";
+import { TabRender as an, Tabs as nn } from "./Tabs/Tabs.mjs";
+import { Textarea as ln } from "./Textarea/Textarea.mjs";
+import { ThemeProvider as un } from "./Theme/ThemeProvider.mjs";
+import { ThemeModeToggle as gn } from "./Theme/ThemeModeToggle.mjs";
+import { Toast as xn, ToastAction as fn, ToastClose as Sn, ToastDescription as sn, ToastProvider as Cn, ToastTitle as Tn, ToastViewport as Dn } from "./Toast/Toast.mjs";
+import { reducer as Mn, toast as Pn, useNotify as In, useToast as An } from "./Toast/useToast.mjs";
+import { Toaster as wn } from "./Toaster/Toaster.mjs";
+import { Toggle as Fn, toggleVariants as Ln } from "./Toggle/Toggle.mjs";
+import { ToggleGroup as Bn, ToggleGroupItem as Gn } from "./ToggleGroup/ToggleGroup.mjs";
+import { TooltipContent as Hn, TooltipProvider as yn, TooltipRoot as Nn, TooltipTrigger as On } from "./Tooltip/TooltipRoot.mjs";
+import { Tooltip as En } from "./Tooltip/Tooltip.mjs";
+import { Dropzone as _n } from "./Dropzone/Dropzone.mjs";
+import { D as Yn, a as jn } from "./DropzoneFilePreview-Dhtv8F4u.js";
+import { FormDropzone as Jn } from "./FormDropzone/FormDropzone.mjs";
+import { TablePagination as Qn } from "./TablePagination/TablePagination.mjs";
 export {
   e as Accordion,
   t as AccordionContent,
@@ -93,8 +93,8 @@ export {
   l as AlertDescription,
   P as AlertDialog,
   d as AlertDialogAction,
-  b as AlertDialogCancel,
-  g as AlertDialogContent,
+  g as AlertDialogCancel,
+  b as AlertDialogContent,
   x as AlertDialogDescription,
   f as AlertDialogFooter,
   S as AlertDialogHeader,
@@ -105,14 +105,14 @@ export {
   c as AlertDialogTrigger,
   m as AlertTitle,
   A as AreaChart,
-  h as Aside,
+  w as Aside,
   F as AsideSidebar,
   R as AspectRatio,
   G as Avatar,
   k as AvatarFallback,
   H as AvatarImage,
-  y as Badge,
-  ue as BaseInput,
+  N as Badge,
+  ge as BaseInput,
   z as Breadcrumb,
   _ as BreadcrumbEllipsis,
   U as BreadcrumbItem,
@@ -129,7 +129,7 @@ export {
   lo as CardFooter,
   mo as CardHeader,
   uo as CardTitle,
-  go as Carousel,
+  bo as Carousel,
   xo as CarouselContent,
   fo as CarouselItem,
   So as CarouselNext,
@@ -140,23 +140,23 @@ export {
   Mo as ChartStyle,
   Po as ChartTooltip,
   Io as ChartTooltipContent,
-  wo as Checkbox,
-  ho as CheckboxLabel,
+  vo as Checkbox,
+  wo as CheckboxLabel,
   Fo as Collapsible,
   Lo as CollapsibleContent,
   Ro as CollapsibleTrigger,
   Go as Combobox,
   Ho as Command,
-  No as CommandDialog,
-  yo as CommandEmpty,
-  Vo as CommandGroup,
-  Eo as CommandInput,
-  Oo as CommandItem,
+  yo as CommandDialog,
+  No as CommandEmpty,
+  Oo as CommandGroup,
+  Vo as CommandInput,
+  Eo as CommandItem,
   zo as CommandList,
   _o as CommandSeparator,
   Uo as CommandShortcut,
-  _n as DEFAULT_FILE_TYPES,
-  Un as DEFAULT_IMAGES_TYPES,
+  Yn as DEFAULT_FILE_TYPES,
+  jn as DEFAULT_IMAGES_TYPES,
   jo as DataTable,
   Jo as DatePicker,
   Qo as Dialog,
@@ -166,206 +166,208 @@ export {
   $o as DialogFooter,
   or as DialogHeader,
   rr as DialogOverlay,
+  ir as DialogOverlayContainerCtx,
+  pr as DialogOverlayScope,
   er as DialogPortal,
   tr as DialogTitle,
   ar as DialogTrigger,
-  lr as Drawer,
-  mr as DrawerClose,
-  ur as DrawerContent,
-  dr as DrawerDescription,
-  br as DrawerFooter,
-  gr as DrawerHeader,
-  xr as DrawerOverlay,
-  fr as DrawerPortal,
-  Sr as DrawerTitle,
-  sr as DrawerTrigger,
-  Tr as DropdownMenu,
-  Dr as DropdownMenuCheckboxItem,
-  cr as DropdownMenuContent,
-  Mr as DropdownMenuGroup,
-  Pr as DropdownMenuItem,
-  Ir as DropdownMenuLabel,
-  Ar as DropdownMenuPortal,
-  wr as DropdownMenuRadioGroup,
-  hr as DropdownMenuRadioItem,
-  vr as DropdownMenuSeparator,
-  Fr as DropdownMenuShortcut,
-  Lr as DropdownMenuSub,
-  Rr as DropdownMenuSubContent,
-  Br as DropdownMenuSubTrigger,
-  Gr as DropdownMenuTrigger,
-  On as Dropzone,
-  Hr as Form,
-  qr as FormCheckbox,
-  Kr as FormCombobox,
-  Nr as FormControl,
-  Wr as FormDatePicker,
-  yr as FormDescription,
-  jn as FormDropzone,
-  Vr as FormField,
-  Zr as FormInput,
-  Er as FormItem,
-  Or as FormLabel,
-  zr as FormMessage,
-  Yr as FormRenderControl,
-  oe as FormSelect,
-  ee as FormTextarea,
-  ae as Header,
-  ie as HoverCard,
-  pe as HoverCardContent,
-  le as HoverCardTrigger,
-  de as Input,
-  xe as InputOTP,
-  fe as InputOTPGroup,
-  Se as InputOTPSeparator,
-  se as InputOTPSlot,
-  Te as Label,
-  Pe as LazyLoader,
-  Ae as LoadedIcon,
-  he as LoadingMask,
-  Re as LoadingProgress,
-  He as Menubar,
-  Ne as MenubarCheckboxItem,
-  ye as MenubarContent,
-  Ve as MenubarGroup,
-  Ee as MenubarItem,
-  Oe as MenubarLabel,
-  ze as MenubarMenu,
-  _e as MenubarPortal,
-  Ue as MenubarRadioGroup,
-  Ye as MenubarRadioItem,
-  je as MenubarSeparator,
-  qe as MenubarShortcut,
-  Je as MenubarSub,
-  Ke as MenubarSubContent,
-  Qe as MenubarSubTrigger,
-  We as MenubarTrigger,
-  Ze as NavigationMenu,
-  $e as NavigationMenuContent,
-  ot as NavigationMenuIndicator,
-  rt as NavigationMenuItem,
-  et as NavigationMenuLink,
-  tt as NavigationMenuList,
-  at as NavigationMenuTrigger,
-  nt as NavigationMenuViewport,
-  mt as Pagination,
-  ut as PaginationContent,
-  dt as PaginationEllipsis,
-  bt as PaginationItem,
-  gt as PaginationLink,
-  xt as PaginationNext,
-  ft as PaginationPrevious,
-  be as PasswordInput,
-  st as Popover,
-  Ct as PopoverAnchor,
-  Tt as PopoverContent,
-  Dt as PopoverTrigger,
-  Mt as Progress,
-  It as RadioGroup,
-  At as RadioGroupItem,
-  wt as RadioGroupLabel,
-  Fe as RenderLoadingMask,
-  vt as ResizableHandle,
-  Ft as ResizablePanel,
-  Lt as ResizablePanelGroup,
-  Bt as ScrollArea,
-  Gt as ScrollBar,
-  Ht as Search,
-  Kt as Select,
-  yt as SelectContent,
-  Vt as SelectGroup,
-  Et as SelectItem,
-  Ot as SelectLabel,
-  zt as SelectRoot,
-  _t as SelectScrollDownButton,
-  Ut as SelectScrollUpButton,
-  Yt as SelectSeparator,
-  jt as SelectTrigger,
-  qt as SelectValue,
-  Wt as Separator,
-  Zt as Sheet,
-  $t as SheetClose,
-  oa as SheetContent,
-  ra as SheetDescription,
-  ea as SheetFooter,
-  ta as SheetHeader,
-  aa as SheetOverlay,
-  na as SheetPortal,
-  ia as SheetTitle,
-  pa as SheetTrigger,
-  ma as Sidebar,
-  ua as SidebarContent,
-  da as SidebarFooter,
-  ba as SidebarGroup,
-  ga as SidebarGroupAction,
-  xa as SidebarGroupContent,
-  fa as SidebarGroupLabel,
-  Sa as SidebarHeader,
-  sa as SidebarInput,
-  Ca as SidebarInset,
-  Ta as SidebarMenu,
-  Da as SidebarMenuAction,
-  ca as SidebarMenuBadge,
-  Ma as SidebarMenuButton,
-  Pa as SidebarMenuItem,
-  Ia as SidebarMenuSkeleton,
-  Aa as SidebarMenuSub,
-  wa as SidebarMenuSubButton,
-  ha as SidebarMenuSubItem,
-  va as SidebarProvider,
-  Fa as SidebarRail,
-  La as SidebarSeparator,
-  Ra as SidebarTrigger,
-  ka as Skeleton,
-  Na as Slider,
-  Va as Sonner,
-  Oa as Switch,
-  en as TabRender,
-  _a as Table,
-  Ua as TableBody,
-  Ya as TableCaption,
-  ja as TableCell,
-  qa as TableFooter,
-  Ja as TableHead,
-  Ka as TableHeader,
-  Jn as TablePagination,
-  Qa as TableRow,
-  tn as Tabs,
-  Xa as TabsContent,
-  Za as TabsList,
-  $a as TabsRoot,
-  on as TabsTrigger,
-  nn as Textarea,
-  un as ThemeModeToggle,
-  ln as ThemeProvider,
-  bn as Toast,
-  gn as ToastAction,
-  xn as ToastClose,
-  fn as ToastDescription,
-  Sn as ToastProvider,
-  sn as ToastTitle,
-  Cn as ToastViewport,
-  An as Toaster,
-  hn as Toggle,
-  Ln as ToggleGroup,
-  Rn as ToggleGroupItem,
-  Vn as Tooltip,
-  Gn as TooltipContent,
-  kn as TooltipProvider,
-  Hn as TooltipRoot,
-  Nn as TooltipTrigger,
-  E as badgeVariants,
+  ur as Drawer,
+  dr as DrawerClose,
+  gr as DrawerContent,
+  br as DrawerDescription,
+  xr as DrawerFooter,
+  fr as DrawerHeader,
+  Sr as DrawerOverlay,
+  sr as DrawerPortal,
+  Cr as DrawerTitle,
+  Tr as DrawerTrigger,
+  cr as DropdownMenu,
+  Mr as DropdownMenuCheckboxItem,
+  Pr as DropdownMenuContent,
+  Ir as DropdownMenuGroup,
+  Ar as DropdownMenuItem,
+  vr as DropdownMenuLabel,
+  wr as DropdownMenuPortal,
+  hr as DropdownMenuRadioGroup,
+  Fr as DropdownMenuRadioItem,
+  Lr as DropdownMenuSeparator,
+  Rr as DropdownMenuShortcut,
+  Br as DropdownMenuSub,
+  Gr as DropdownMenuSubContent,
+  kr as DropdownMenuSubTrigger,
+  Hr as DropdownMenuTrigger,
+  _n as Dropzone,
+  Nr as Form,
+  Kr as FormCheckbox,
+  Wr as FormCombobox,
+  Or as FormControl,
+  Zr as FormDatePicker,
+  Vr as FormDescription,
+  Jn as FormDropzone,
+  Er as FormField,
+  oe as FormInput,
+  zr as FormItem,
+  _r as FormLabel,
+  Ur as FormMessage,
+  qr as FormRenderControl,
+  ee as FormSelect,
+  ae as FormTextarea,
+  ie as Header,
+  le as HoverCard,
+  me as HoverCardContent,
+  ue as HoverCardTrigger,
+  be as Input,
+  Se as InputOTP,
+  se as InputOTPGroup,
+  Ce as InputOTPSeparator,
+  Te as InputOTPSlot,
+  ce as Label,
+  Ae as LazyLoader,
+  we as LoadedIcon,
+  Fe as LoadingMask,
+  Ge as LoadingProgress,
+  Ne as Menubar,
+  Oe as MenubarCheckboxItem,
+  Ve as MenubarContent,
+  Ee as MenubarGroup,
+  ze as MenubarItem,
+  _e as MenubarLabel,
+  Ue as MenubarMenu,
+  Ye as MenubarPortal,
+  je as MenubarRadioGroup,
+  qe as MenubarRadioItem,
+  Je as MenubarSeparator,
+  Ke as MenubarShortcut,
+  Qe as MenubarSub,
+  We as MenubarSubContent,
+  Xe as MenubarSubTrigger,
+  Ze as MenubarTrigger,
+  ot as NavigationMenu,
+  rt as NavigationMenuContent,
+  et as NavigationMenuIndicator,
+  tt as NavigationMenuItem,
+  at as NavigationMenuLink,
+  nt as NavigationMenuList,
+  it as NavigationMenuTrigger,
+  pt as NavigationMenuViewport,
+  dt as Pagination,
+  gt as PaginationContent,
+  bt as PaginationEllipsis,
+  xt as PaginationItem,
+  ft as PaginationLink,
+  St as PaginationNext,
+  st as PaginationPrevious,
+  xe as PasswordInput,
+  Tt as Popover,
+  Dt as PopoverAnchor,
+  ct as PopoverContent,
+  Mt as PopoverTrigger,
+  It as Progress,
+  vt as RadioGroup,
+  wt as RadioGroupItem,
+  ht as RadioGroupLabel,
+  Re as RenderLoadingMask,
+  Lt as ResizableHandle,
+  Rt as ResizablePanel,
+  Bt as ResizablePanelGroup,
+  kt as ScrollArea,
+  Ht as ScrollBar,
+  Nt as Search,
+  Wt as Select,
+  Vt as SelectContent,
+  Et as SelectGroup,
+  zt as SelectItem,
+  _t as SelectLabel,
+  Ut as SelectRoot,
+  Yt as SelectScrollDownButton,
+  jt as SelectScrollUpButton,
+  qt as SelectSeparator,
+  Jt as SelectTrigger,
+  Kt as SelectValue,
+  Zt as Separator,
+  oa as Sheet,
+  ra as SheetClose,
+  ea as SheetContent,
+  ta as SheetDescription,
+  aa as SheetFooter,
+  na as SheetHeader,
+  ia as SheetOverlay,
+  pa as SheetPortal,
+  la as SheetTitle,
+  ma as SheetTrigger,
+  da as Sidebar,
+  ga as SidebarContent,
+  ba as SidebarFooter,
+  xa as SidebarGroup,
+  fa as SidebarGroupAction,
+  Sa as SidebarGroupContent,
+  sa as SidebarGroupLabel,
+  Ca as SidebarHeader,
+  Ta as SidebarInput,
+  Da as SidebarInset,
+  ca as SidebarMenu,
+  Ma as SidebarMenuAction,
+  Pa as SidebarMenuBadge,
+  Ia as SidebarMenuButton,
+  Aa as SidebarMenuItem,
+  va as SidebarMenuSkeleton,
+  wa as SidebarMenuSub,
+  ha as SidebarMenuSubButton,
+  Fa as SidebarMenuSubItem,
+  La as SidebarProvider,
+  Ra as SidebarRail,
+  Ba as SidebarSeparator,
+  Ga as SidebarTrigger,
+  ya as Skeleton,
+  Oa as Slider,
+  Ea as Sonner,
+  _a as Switch,
+  an as TabRender,
+  Ya as Table,
+  ja as TableBody,
+  qa as TableCaption,
+  Ja as TableCell,
+  Ka as TableFooter,
+  Qa as TableHead,
+  Wa as TableHeader,
+  Qn as TablePagination,
+  Xa as TableRow,
+  nn as Tabs,
+  $a as TabsContent,
+  on as TabsList,
+  rn as TabsRoot,
+  en as TabsTrigger,
+  ln as Textarea,
+  gn as ThemeModeToggle,
+  un as ThemeProvider,
+  xn as Toast,
+  fn as ToastAction,
+  Sn as ToastClose,
+  sn as ToastDescription,
+  Cn as ToastProvider,
+  Tn as ToastTitle,
+  Dn as ToastViewport,
+  wn as Toaster,
+  Fn as Toggle,
+  Bn as ToggleGroup,
+  Gn as ToggleGroupItem,
+  En as Tooltip,
+  Hn as TooltipContent,
+  yn as TooltipProvider,
+  Nn as TooltipRoot,
+  On as TooltipTrigger,
+  V as badgeVariants,
   ro as buttonIconVariants,
   X as buttonVariants,
-  ce as labelVariants,
-  Ge as loadingProgressVariants,
-  pt as navigationMenuVariants,
-  Dn as reducer,
-  cn as toast,
-  vn as toggleVariants,
-  ir as useDialogOverlayContainer,
-  _r as useFormField,
-  Mn as useNotify,
-  Ba as useSidebar,
-  Pn as useToast
+  Pe as labelVariants,
+  He as loadingProgressVariants,
+  mt as navigationMenuVariants,
+  Mn as reducer,
+  Pn as toast,
+  Ln as toggleVariants,
+  lr as useDialogOverlayContainer,
+  Yr as useFormField,
+  In as useNotify,
+  ka as useSidebar,
+  An as useToast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.125",
+  "version": "0.0.1-beta.127",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [