@pixpilot/shadcn 2.2.0 → 2.3.0

package/dist/components/index.d.ts

@@ -21,6 +21,7 @@ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGr
 import { Label } from "./ui/label.js";
 import { OrContinueWithSeparator } from "./ui/OrContinueWithSeparator.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./ui/pagination.js";
+import { PortalContainer, PortalContainerProvider, PortalContainerProviderProps, PortalContainerRef, usePortalContainer } from "./ui/portal-container.js";
 import { RadioGroup, RadioGroupItem } from "./ui/radio-group.js";
 import { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps } from "./ui/shadcn-io/tags/index.js";
 import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./ui/shadcn-io/tags-input-inline/index.js";

package/dist/components/ui/dialog.d.ts

@@ -11,6 +11,7 @@ declare function DialogTrigger({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime60.JSX.Element;
 declare function DialogPortal({
+  container,
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime60.JSX.Element;
 declare function DialogClose({

package/dist/components/ui/dialog.js

@@ -1,4 +1,5 @@
 import { cn } from "../../lib/utils.js";
+import { usePortalContainer } from "./portal-container.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
@@ -30,9 +31,11 @@ function DialogTrigger({ ...props }) {
 		...props
 	});
 }
-function DialogPortal({ ...props }) {
+function DialogPortal({ container,...props }) {
+	const resolvedContainer = usePortalContainer(container);
 	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
 		"data-slot": "dialog-portal",
+		container: resolvedContainer,
 		...props
 	});
 }
@@ -51,30 +54,31 @@ function DialogOverlay({ className,...props }) {
 }
 function DialogContent({ className, children, showCloseButton = true, disableOutsideClick = false, container, onPointerDownOutside,...props }) {
 	const dialogContainer = React.use(DialogContainerContext);
+	const resolvedContainer = usePortalContainer(container);
 	React.useEffect(() => {
 		if (!dialogContainer) return;
-		dialogContainer.setHasContainer(Boolean(container));
-	}, [container, dialogContainer]);
+		dialogContainer.setHasContainer(Boolean(resolvedContainer));
+	}, [dialogContainer, resolvedContainer]);
 	return /* @__PURE__ */ jsxs(DialogPortal, {
-		container: container ?? void 0,
+		container,
 		"data-slot": "dialog-portal",
-		children: [container ? /* @__PURE__ */ jsx("div", {
+		children: [resolvedContainer ? /* @__PURE__ */ jsx("div", {
 			"aria-hidden": "true",
 			"data-slot": "dialog-overlay",
 			"data-state": "open",
 			className: cn(dialogOverlayBaseClass, "absolute")
 		}) : /* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogContentPrimitive, {
 			"data-slot": "dialog-content",
-			disableOutsidePointerEvents: container ? false : void 0,
+			disableOutsidePointerEvents: resolvedContainer ? false : void 0,
 			onPointerDownOutside: (event) => {
 				onPointerDownOutside?.(event);
 				if (disableOutsideClick) {
 					event.preventDefault();
 					return;
 				}
-				if (container && !container.contains(event.target)) event.preventDefault();
+				if (resolvedContainer && !resolvedContainer.contains(event.target)) event.preventDefault();
 			},
-			className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", container && "absolute", className),
+			className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", resolvedContainer && "absolute", className),
 			...props,
 			children: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
 				"data-slot": "dialog-close",

package/dist/components/ui/drawer.d.ts

@@ -20,6 +20,7 @@ declare function DrawerTrigger({
   ...props
 }: React.ComponentProps<typeof Drawer.Trigger>): react_jsx_runtime70.JSX.Element;
 declare function DrawerPortal({
+  container,
   ...props
 }: React.ComponentProps<typeof Drawer.Portal>): react_jsx_runtime70.JSX.Element;
 declare function DrawerClose({

package/dist/components/ui/drawer.js

@@ -2,6 +2,7 @@
 
 
 import { cn } from "../../lib/utils.js";
+import { usePortalContainer } from "./portal-container.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Drawer } from "vaul";
@@ -28,9 +29,11 @@ function DrawerTrigger({ ...props }) {
 		...props
 	});
 }
-function DrawerPortal({ ...props }) {
+function DrawerPortal({ container,...props }) {
+	const resolvedContainer = usePortalContainer(container);
 	return /* @__PURE__ */ jsx(Drawer.Portal, {
 		"data-slot": "drawer-portal",
+		container: resolvedContainer,
 		...props
 	});
 }

package/dist/components/ui/index.d.ts

@@ -21,6 +21,7 @@ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGr
 import { Label } from "./label.js";
 import { OrContinueWithSeparator } from "./OrContinueWithSeparator.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./pagination.js";
+import { PortalContainer, PortalContainerProvider, PortalContainerProviderProps, PortalContainerRef, usePortalContainer } from "./portal-container.js";
 import { RadioGroup, RadioGroupItem } from "./radio-group.js";
 import { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps } from "./shadcn-io/tags/index.js";
 import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./shadcn-io/tags-input-inline/index.js";

package/dist/components/ui/portal-container.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import * as react_jsx_runtime125 from "react/jsx-runtime";
+
+//#region src/components/ui/portal-container.d.ts
+type PortalContainerRef = React.RefObject<HTMLElement | null>;
+type PortalContainer = Element | DocumentFragment;
+interface PortalContainerProviderProps {
+  children: React.ReactNode;
+  portalContainerRef?: PortalContainerRef;
+}
+declare function PortalContainerProvider({
+  children,
+  portalContainerRef
+}: PortalContainerProviderProps): react_jsx_runtime125.JSX.Element;
+declare function usePortalContainer(container?: PortalContainer | null): PortalContainer | undefined;
+//#endregion
+export { PortalContainer, PortalContainerProvider, PortalContainerProviderProps, PortalContainerRef, usePortalContainer };

package/dist/components/ui/portal-container.js

@@ -0,0 +1,30 @@
+'use client';
+
+
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ui/portal-container.tsx
+const PortalContainerContext = React.createContext(null);
+function subscribeToPortalContainer(listener) {
+	if (typeof document === "undefined") return () => void 0;
+	const observer = new MutationObserver(listener);
+	observer.observe(document, {
+		childList: true,
+		subtree: true
+	});
+	return () => observer.disconnect();
+}
+function PortalContainerProvider({ children, portalContainerRef }) {
+	return /* @__PURE__ */ jsx(PortalContainerContext.Provider, {
+		value: portalContainerRef ?? null,
+		children
+	});
+}
+function usePortalContainer(container) {
+	const portalContainerRef = React.useContext(PortalContainerContext);
+	return React.useSyncExternalStore(subscribeToPortalContainer, () => container ?? portalContainerRef?.current ?? void 0, () => void 0);
+}
+
+//#endregion
+export { PortalContainerProvider, usePortalContainer };

package/dist/components/ui/radio-group.d.ts

@@ -1,15 +1,15 @@
 import * as React from "react";
-import * as react_jsx_runtime125 from "react/jsx-runtime";
+import * as react_jsx_runtime126 from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 
 //#region src/components/ui/radio-group.d.ts
 declare function RadioGroup({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime125.JSX.Element;
+}: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime126.JSX.Element;
 declare function RadioGroupItem({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime125.JSX.Element;
+}: React.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime126.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };

package/dist/components/ui/select.d.ts

@@ -1,17 +1,17 @@
 import * as React from "react";
-import * as react_jsx_runtime127 from "react/jsx-runtime";
+import * as react_jsx_runtime128 from "react/jsx-runtime";
 import * as SelectPrimitive from "@radix-ui/react-select";
 
 //#region src/components/ui/select.d.ts
 declare function Select({
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime127.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime128.JSX.Element;
 declare function SelectGroup({
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime127.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime128.JSX.Element;
 declare function SelectValue({
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime127.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime128.JSX.Element;
 declare function SelectTrigger({
   className,
   size,
@@ -19,34 +19,34 @@ declare function SelectTrigger({
   ...props
 }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
   size?: 'sm' | 'default';
-}): react_jsx_runtime127.JSX.Element;
+}): react_jsx_runtime128.JSX.Element;
 declare function SelectContent({
   className,
   children,
   position,
   align,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime127.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime128.JSX.Element;
 declare function SelectLabel({
   className,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime127.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime128.JSX.Element;
 declare function SelectItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime127.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime128.JSX.Element;
 declare function SelectSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime127.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime128.JSX.Element;
 declare function SelectScrollUpButton({
   className,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime127.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime128.JSX.Element;
 declare function SelectScrollDownButton({
   className,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime127.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime128.JSX.Element;
 //#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/ui/separator.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime137 from "react/jsx-runtime";
+import * as react_jsx_runtime138 from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 
 //#region src/components/ui/separator.d.ts
@@ -8,6 +8,6 @@ declare function Separator({
   orientation,
   decorative,
   ...props
-}: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime137.JSX.Element;
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime138.JSX.Element;
 //#endregion
 export { Separator };

package/dist/components/ui/shadcn-io/tags/index.d.ts

@@ -3,7 +3,7 @@ import { Button } from "../../button.js";
 import { PopoverContent } from "../../popover.js";
 import { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../command.js";
 import { ComponentProps, ReactNode } from "react";
-import * as react_jsx_runtime138 from "react/jsx-runtime";
+import * as react_jsx_runtime139 from "react/jsx-runtime";
 
 //#region src/components/ui/shadcn-io/tags/index.d.ts
 interface TagsProps {
@@ -21,13 +21,13 @@ declare function Tags({
   onOpenChange: controlledOnOpenChange,
   children,
   className
-}: TagsProps): react_jsx_runtime138.JSX.Element;
+}: TagsProps): react_jsx_runtime139.JSX.Element;
 type TagsTriggerProps = ComponentProps<typeof Button>;
 declare function TagsTrigger({
   className,
   children,
   ...props
-}: TagsTriggerProps): react_jsx_runtime138.JSX.Element;
+}: TagsTriggerProps): react_jsx_runtime139.JSX.Element;
 type TagsValueProps = ComponentProps<typeof Badge>;
 declare function TagsValue({
   className,
@@ -36,35 +36,35 @@ declare function TagsValue({
   ...props
 }: TagsValueProps & {
   onRemove?: () => void;
-}): react_jsx_runtime138.JSX.Element;
+}): react_jsx_runtime139.JSX.Element;
 type TagsContentProps = ComponentProps<typeof PopoverContent>;
 declare function TagsContent({
   className,
   children,
   ...props
-}: TagsContentProps): react_jsx_runtime138.JSX.Element;
+}: TagsContentProps): react_jsx_runtime139.JSX.Element;
 type TagsInputProps = ComponentProps<typeof CommandInput>;
 declare function TagsInput({
   className,
   ...props
-}: TagsInputProps): react_jsx_runtime138.JSX.Element;
+}: TagsInputProps): react_jsx_runtime139.JSX.Element;
 type TagsListProps = ComponentProps<typeof CommandList>;
 declare function TagsList({
   className,
   ...props
-}: TagsListProps): react_jsx_runtime138.JSX.Element;
+}: TagsListProps): react_jsx_runtime139.JSX.Element;
 type TagsEmptyProps = ComponentProps<typeof CommandEmpty>;
 declare function TagsEmpty({
   children,
   className,
   ...props
-}: TagsEmptyProps): react_jsx_runtime138.JSX.Element;
+}: TagsEmptyProps): react_jsx_runtime139.JSX.Element;
 type TagsGroupProps = ComponentProps<typeof CommandGroup>;
 declare const TagsGroup: typeof CommandGroup;
 type TagsItemProps = ComponentProps<typeof CommandItem>;
 declare function TagsItem({
   className,
   ...props
-}: TagsItemProps): react_jsx_runtime138.JSX.Element;
+}: TagsItemProps): react_jsx_runtime139.JSX.Element;
 //#endregion
 export { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps };

package/dist/components/ui/shadcn-io/tags-input-inline/index.d.ts

@@ -1,31 +1,31 @@
 import * as React from "react";
-import * as react_jsx_runtime146 from "react/jsx-runtime";
+import * as react_jsx_runtime147 from "react/jsx-runtime";
 import * as TagsInputPrimitive from "@diceui/tags-input";
 
 //#region src/components/ui/shadcn-io/tags-input-inline/index.d.ts
 declare function TagsInputInLineRoot({
   className,
   ...props
-}: React.ComponentProps<typeof TagsInputPrimitive.Root>): react_jsx_runtime146.JSX.Element;
+}: React.ComponentProps<typeof TagsInputPrimitive.Root>): react_jsx_runtime147.JSX.Element;
 declare function TagsInputInLineLabel({
   className,
   ...props
-}: React.ComponentProps<typeof TagsInputPrimitive.Label>): react_jsx_runtime146.JSX.Element;
+}: React.ComponentProps<typeof TagsInputPrimitive.Label>): react_jsx_runtime147.JSX.Element;
 declare function TagsInputInLineList({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime146.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime147.JSX.Element;
 declare function TagsInputInLineInput({
   className,
   ...props
-}: React.ComponentProps<typeof TagsInputPrimitive.Input>): react_jsx_runtime146.JSX.Element;
+}: React.ComponentProps<typeof TagsInputPrimitive.Input>): react_jsx_runtime147.JSX.Element;
 declare function TagsInputInLineItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof TagsInputPrimitive.Item>): react_jsx_runtime146.JSX.Element;
+}: React.ComponentProps<typeof TagsInputPrimitive.Item>): react_jsx_runtime147.JSX.Element;
 declare function TagsInputInLineClear({
   ...props
-}: React.ComponentProps<typeof TagsInputPrimitive.Clear>): react_jsx_runtime146.JSX.Element;
+}: React.ComponentProps<typeof TagsInputPrimitive.Clear>): react_jsx_runtime147.JSX.Element;
 //#endregion
 export { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot };

package/dist/components/ui/sheet.d.ts

@@ -1,17 +1,17 @@
 import * as React from "react";
-import * as react_jsx_runtime152 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/ui/sheet.d.ts
 declare function Sheet({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime153.JSX.Element;
 declare function SheetTrigger({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime153.JSX.Element;
 declare function SheetClose({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime153.JSX.Element;
 declare function SheetContent({
   className,
   children,
@@ -19,22 +19,22 @@ declare function SheetContent({
   ...props
 }: React.ComponentProps<typeof SheetPrimitive.Content> & {
   side?: 'top' | 'right' | 'bottom' | 'left';
-}): react_jsx_runtime152.JSX.Element;
+}): react_jsx_runtime153.JSX.Element;
 declare function SheetHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime153.JSX.Element;
 declare function SheetFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime153.JSX.Element;
 declare function SheetTitle({
   className,
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime153.JSX.Element;
 declare function SheetDescription({
   className,
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime153.JSX.Element;
 //#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/components/ui/slider.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime160 from "react/jsx-runtime";
+import * as react_jsx_runtime161 from "react/jsx-runtime";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 
 //#region src/components/ui/slider.d.ts
@@ -10,6 +10,6 @@ declare function Slider({
   min,
   max,
   ...props
-}: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime160.JSX.Element;
+}: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime161.JSX.Element;
 //#endregion
 export { Slider };

package/dist/components/ui/switch.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
-import * as react_jsx_runtime161 from "react/jsx-runtime";
+import * as react_jsx_runtime162 from "react/jsx-runtime";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 
 //#region src/components/ui/switch.d.ts
 declare function Switch({
   className,
   ...props
-}: React.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime161.JSX.Element;
+}: React.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime162.JSX.Element;
 //#endregion
 export { Switch };

package/dist/components/ui/tabs.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime162 from "react/jsx-runtime";
+import * as react_jsx_runtime163 from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as class_variance_authority_types5 from "class-variance-authority/types";
 
@@ -14,20 +14,20 @@ declare const tabsTriggerVariants: (props?: ({
 declare function Tabs({
   className,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime163.JSX.Element;
 declare function TabsList({
   className,
   variant,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime163.JSX.Element;
 declare function TabsTrigger({
   className,
   variant,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Trigger> & VariantProps<typeof tabsTriggerVariants>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Trigger> & VariantProps<typeof tabsTriggerVariants>): react_jsx_runtime163.JSX.Element;
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime163.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components/ui/textarea.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
-import * as react_jsx_runtime166 from "react/jsx-runtime";
+import * as react_jsx_runtime167 from "react/jsx-runtime";
 
 //#region src/components/ui/textarea.d.ts
 declare function Textarea({
   className,
   ...props
-}: React.ComponentProps<'textarea'>): react_jsx_runtime166.JSX.Element;
+}: React.ComponentProps<'textarea'>): react_jsx_runtime167.JSX.Element;
 //#endregion
 export { Textarea };

package/dist/components/ui/toggle-group.d.ts

@@ -1,7 +1,7 @@
 import { toggleVariants } from "./toggle.js";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime168 from "react/jsx-runtime";
+import * as react_jsx_runtime169 from "react/jsx-runtime";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 
 //#region src/components/ui/toggle-group.d.ts
@@ -18,13 +18,13 @@ declare function ToggleGroup({
   children,
   ref,
   ...props
-}: ToggleGroupProps): react_jsx_runtime168.JSX.Element;
+}: ToggleGroupProps): react_jsx_runtime169.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: ToggleGroupItemProps): react_jsx_runtime168.JSX.Element;
+}: ToggleGroupItemProps): react_jsx_runtime169.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps };

package/dist/components/ui/toggle.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime167 from "react/jsx-runtime";
+import * as react_jsx_runtime168 from "react/jsx-runtime";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import * as class_variance_authority_types7 from "class-variance-authority/types";
 
@@ -14,6 +14,6 @@ declare function Toggle({
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime167.JSX.Element;
+}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime168.JSX.Element;
 //#endregion
 export { Toggle, toggleVariants };

package/dist/index.d.ts

@@ -21,6 +21,7 @@ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGr
 import { Label } from "./components/ui/label.js";
 import { OrContinueWithSeparator } from "./components/ui/OrContinueWithSeparator.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
+import { PortalContainer, PortalContainerProvider, PortalContainerProviderProps, PortalContainerRef, usePortalContainer } from "./components/ui/portal-container.js";
 import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
 import { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps } from "./components/ui/shadcn-io/tags/index.js";
 import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./components/ui/shadcn-io/tags-input-inline/index.js";
@@ -35,4 +36,4 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./comp
 import "./components/index.js";
 import { cn } from "./lib/utils.js";
 import "./lib/index.js";
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, 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, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadRootProps as FileUploadProps, FileUploadTrigger, FileUploadTrigger as Trigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputProps, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps, Textarea, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, colorUtils, toggleVariants, useStore as useColorPicker, useStore$1 as useFileUpload };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, 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, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadRootProps as FileUploadProps, FileUploadTrigger, FileUploadTrigger as Trigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputProps, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainer, PortalContainerProvider, PortalContainerProviderProps, PortalContainerRef, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps, Textarea, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, colorUtils, toggleVariants, useStore as useColorPicker, useStore$1 as useFileUpload, usePortalContainer };

package/dist/index.js

@@ -13,6 +13,7 @@ import { Input } from "./components/ui/input.js";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.js";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select.js";
 import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore } from "./components/ui/color-picker.js";
+import { PortalContainerProvider, usePortalContainer } from "./components/ui/portal-container.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
 import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/ui/drawer.js";
@@ -34,4 +35,4 @@ import { Toggle, toggleVariants } from "./components/ui/toggle.js";
 import { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
 
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, 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, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadTrigger, FileUploadTrigger as Trigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsEmpty, TagsGroup, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsItem, TagsList, TagsTrigger, TagsValue, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, colorUtils, toggleVariants, useStore as useColorPicker, useStore$1 as useFileUpload };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, 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, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadTrigger, FileUploadTrigger as Trigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsEmpty, TagsGroup, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsItem, TagsList, TagsTrigger, TagsValue, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, colorUtils, toggleVariants, useStore as useColorPicker, useStore$1 as useFileUpload, usePortalContainer };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn",
   "type": "module",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "A collection of reusable UI components built with shadcn/ui and Radix UI primitives.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",