gladvn 0.2.18 → 0.2.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gladvn",
-  "version": "0.2.18",
+  "version": "0.2.20",
   "type": "module",
   "description": "DO NOT 'npm install'. Use 'npx gladvn init' instead! A highly composable React component library built with Tailwind CSS.",
   "keywords": [

package/src/components/macro/accordion-preset.test.tsx

@@ -10,8 +10,7 @@ const items = [
     value: "item-3",
     title: "Section 3",
     content: "Content for section 3",
-    disabled: true,
-  },
+    disabled: true },
 ];
 
 describe("AccordionPreset", () => {

package/src/components/macro/accordion-preset.tsx

@@ -4,8 +4,7 @@ import {
   Accordion,
   AccordionContent,
   AccordionItem,
-  AccordionTrigger,
-} from "../../components/micro/accordion";
+  AccordionTrigger } from "../../components/micro/accordion";
 
 export interface AccordionPresetItem {
   value: string;

package/src/components/macro/alert-dialog-preset.tsx

@@ -11,11 +11,9 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogMedia,
-  AlertDialogPortal,
+  
   AlertDialogTitle,
-  AlertDialogTrigger,
-} from "../../components/micro/alert-dialog";
-import { ThemeWrapper } from "../../components/micro/theme-provider";
+  AlertDialogTrigger } from "../../components/micro/alert-dialog";
 import { type Color, type Size, type Variant } from "../../lib/types";
 import { cn } from "../../lib/utils";
 
@@ -59,13 +57,11 @@ function AlertDialogPreset({
   return (
     <AlertDialog {...props}>
       {trigger && <AlertDialogTrigger render={trigger} />}
-      <AlertDialogPortal>
-        <ThemeWrapper>
-          <AlertDialogContent size={size}>
+      
+        <AlertDialogContent size={size}>
             <div
               className={cn("flex flex-col gap-1.5", {
-                "sm:flex-row sm:gap-4": !!icon,
-              })}
+                "sm:flex-row sm:gap-4": !!icon })}
             >
               {icon && (
                 <AlertDialogMedia className="mx-auto mb-2 shrink-0 sm:mx-0 sm:mb-0">
@@ -104,9 +100,8 @@ function AlertDialogPreset({
                 )}
               </AlertDialogFooter>
             )}
-          </AlertDialogContent>
-        </ThemeWrapper>
-      </AlertDialogPortal>
+        </AlertDialogContent>
+      
     </AlertDialog>
   );
 }

package/src/components/macro/alert-preset.tsx

@@ -10,8 +10,7 @@ import {
   AlertDescription,
   AlertIcon,
   type AlertProps,
-  AlertTitle,
-} from "../../components/micro/alert";
+  AlertTitle } from "../../components/micro/alert";
 import { Button } from "../../components/micro/button";
 import { cn } from "../../lib/utils";
 

package/src/components/macro/avatar-preset.tsx

@@ -4,8 +4,7 @@ import {
   Avatar,
   AvatarBadge,
   AvatarFallback,
-  AvatarImage,
-} from "../../components/micro/avatar";
+  AvatarImage } from "../../components/micro/avatar";
 
 export type AvatarPresetProps = React.ComponentProps<typeof Avatar> & {
   src?: string;
@@ -18,8 +17,7 @@ const statusColors = {
   online: "bg-success",
   away: "bg-warning",
   busy: "bg-destructive",
-  offline: "bg-muted-foreground/50",
-};
+  offline: "bg-muted-foreground/50" };
 
 function getInitials(name: string) {
   const parts = name.split(" ").filter(Boolean);

package/src/components/macro/breadcrumb-preset.tsx

@@ -6,8 +6,7 @@ import {
   BreadcrumbLink,
   BreadcrumbList,
   BreadcrumbPage,
-  BreadcrumbSeparator,
-} from "../../components/micro/breadcrumb";
+  BreadcrumbSeparator } from "../../components/micro/breadcrumb";
 
 export interface BreadcrumbPresetItem {
   label: React.ReactNode;

package/src/components/macro/card-preset.tsx

@@ -6,8 +6,7 @@ import {
   CardDescription,
   CardFooter,
   CardHeader,
-  CardTitle,
-} from "../../components/micro/card";
+  CardTitle } from "../../components/micro/card";
 
 export type CardPresetProps = Omit<
   React.ComponentProps<typeof Card>,

package/src/components/macro/carousel-preset.tsx

@@ -9,8 +9,7 @@ import {
   CarouselDots,
   CarouselItem,
   CarouselNext,
-  CarouselPrevious,
-} from "../../components/micro/carousel";
+  CarouselPrevious } from "../../components/micro/carousel";
 import { cn } from "../../lib/utils";
 
 export type CarouselPresetProps = Omit<

package/src/components/macro/checkbox-preset.tsx

@@ -9,8 +9,7 @@ import {
   Field,
   FieldDescription,
   FieldError,
-  FieldLabel,
-} from "../../components/micro/field";
+  FieldLabel } from "../../components/micro/field";
 import { type Size } from "../../lib/types";
 import { cn } from "../../lib/utils";
 

package/src/components/macro/combobox-preset.tsx

@@ -11,16 +11,13 @@ import {
   ComboboxInput,
   ComboboxItem,
   ComboboxList,
-  ComboboxPortal,
+  
   ComboboxTrigger,
-  useComboboxContext,
-} from "../../components/micro/combobox";
+  useComboboxContext } from "../../components/micro/combobox";
 import {
   InputGroup,
   InputGroupAddon,
-  InputGroupInput,
-} from "../../components/micro/input-group";
-import { ThemeWrapper } from "../../components/micro/theme-provider";
+  InputGroupInput } from "../../components/micro/input-group";
 import { type Size } from "../../lib/types";
 import { FieldPreset } from "./field-preset";
 
@@ -65,8 +62,7 @@ const ComboboxPreset = React.forwardRef<HTMLInputElement, ComboboxPresetProps>(
       errorMessage,
       showError = true,
       id,
-      size = "md",
-    },
+      size = "md" },
     ref,
   ) => {
     const generatedId = React.useId();
@@ -104,9 +100,8 @@ const ComboboxPreset = React.forwardRef<HTMLInputElement, ComboboxPresetProps>(
             aria-invalid={!!errorMessage || undefined}
             disabled={disabled}
           />
-          <ComboboxPortal>
-            <ThemeWrapper>
-              <ComboboxContent>
+          
+            <ComboboxContent>
                 <ComboboxEmpty>{emptyText}</ComboboxEmpty>
                 <ComboboxList>
                   <ComboboxGroup>
@@ -121,9 +116,8 @@ const ComboboxPreset = React.forwardRef<HTMLInputElement, ComboboxPresetProps>(
                     ))}
                   </ComboboxGroup>
                 </ComboboxList>
-              </ComboboxContent>
-            </ThemeWrapper>
-          </ComboboxPortal>
+            </ComboboxContent>
+          
         </Combobox>
       </FieldPreset>
     );

package/src/components/macro/command-preset.tsx

@@ -10,17 +10,14 @@ import {
   CommandItem,
   CommandList,
   CommandSeparator,
-  CommandShortcut,
-} from "../../components/micro/command";
+  CommandShortcut } from "../../components/micro/command";
 import {
   Dialog,
   DialogContent,
   DialogDescription,
   DialogHeader,
-  DialogPortal,
-  DialogTitle,
-} from "../../components/micro/dialog";
-import { ThemeWrapper } from "../../components/micro/theme-provider";
+  
+  DialogTitle } from "../../components/micro/dialog";
 import { cn } from "../../lib/utils";
 
 type CommandDialogProps = Omit<
@@ -42,22 +39,20 @@ function CommandDialog({
 }: CommandDialogProps) {
   return (
     <Dialog {...props}>
-      <DialogPortal>
-        <ThemeWrapper>
-          <DialogContent
-            className={cn(
-              "top-1/3 translate-y-0 overflow-hidden rounded-xl p-0 sm:max-w-lg",
-              className,
-            )}
-          >
-            <DialogHeader className="sr-only">
-              <DialogTitle>{title}</DialogTitle>
-              <DialogDescription>{description}</DialogDescription>
-            </DialogHeader>
-            {children}
-          </DialogContent>
-        </ThemeWrapper>
-      </DialogPortal>
+      
+        <DialogContent
+          className={cn(
+            "top-1/3 translate-y-0 overflow-hidden rounded-xl p-0 sm:max-w-lg",
+            className,
+          )}
+        >
+          <DialogHeader className="sr-only">
+            <DialogTitle>{title}</DialogTitle>
+            <DialogDescription>{description}</DialogDescription>
+          </DialogHeader>
+          {children}
+        </DialogContent>
+      
     </Dialog>
   );
 }
@@ -73,6 +68,5 @@ export {
   CommandItem,
   CommandList,
   CommandSeparator,
-  CommandShortcut,
-};
+  CommandShortcut };
 export type { CommandDialogProps };

package/src/components/macro/date-picker.tsx

@@ -11,10 +11,8 @@ import { Calendar } from "../../components/micro/calendar";
 import {
   Popover,
   PopoverContent,
-  PopoverPortal,
-  PopoverTrigger,
-} from "../../components/micro/popover";
-import { ThemeWrapper } from "../../components/micro/theme-provider";
+  
+  PopoverTrigger } from "../../components/micro/popover";
 import { type Size } from "../../lib/types";
 import { cn } from "../../lib/utils";
 import { FieldPreset } from "./field-preset";
@@ -94,13 +92,9 @@ const triggerVariants = cva(
       size: {
         sm: "h-7 gap-1 px-2 py-0.5 text-xs",
         md: "h-8 gap-1.5 px-2.5 py-1 text-sm",
-        lg: "h-9 gap-2 px-3 py-1.5 text-sm",
-      },
-    },
+        lg: "h-9 gap-2 px-3 py-1.5 text-sm" } },
     defaultVariants: {
-      size: "md",
-    },
-  },
+      size: "md" } },
 );
 
 // ─────────────────────────────────────────────────────────────────────────────
@@ -171,8 +165,7 @@ const DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(
       disabledDates,
       startMonth,
       endMonth,
-      defaultMonth,
-    },
+      defaultMonth },
     ref,
   ) => {
     const generatedId = React.useId();
@@ -234,14 +227,13 @@ const DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(
               {triggerLabel}
             </span>
           </PopoverTrigger>
-          <PopoverPortal>
-            <ThemeWrapper>
-              <PopoverContent
-                side="bottom"
-                align="start"
-                sideOffset={4}
-                className="p-0 w-auto"
-              >
+          
+            <PopoverContent
+              side="bottom"
+              align="start"
+              sideOffset={4}
+              className="p-0 w-auto"
+            >
                 {mode === "single" ? (
                   <Calendar
                     mode="single"
@@ -293,9 +285,8 @@ const DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(
                     Xác nhận
                   </Button>
                 </div>
-              </PopoverContent>
-            </ThemeWrapper>
-          </PopoverPortal>
+            </PopoverContent>
+          
         </Popover>
       </FieldPreset>
     );

package/src/components/macro/dialog-preset.tsx

@@ -12,11 +12,9 @@ import {
   DialogDescription,
   DialogFooter,
   DialogHeader,
-  DialogPortal,
+  
   DialogTitle,
-  DialogTrigger,
-} from "../../components/micro/dialog";
-import { ThemeWrapper } from "../../components/micro/theme-provider";
+  DialogTrigger } from "../../components/micro/dialog";
 import { type Size } from "../../lib/types";
 import { cn } from "../../lib/utils";
 
@@ -50,54 +48,52 @@ const DialogPreset = React.forwardRef<HTMLDivElement, DialogPresetProps>(
     return (
       <Dialog {...props}>
         {trigger && <DialogTrigger render={trigger} />}
-        <DialogPortal>
-          <ThemeWrapper>
-            <DialogContent
-              ref={ref}
-              className={cn(
-                size === "sm" && "sm:max-w-md",
-                size === "md" && "sm:max-w-lg",
-                size === "lg" && "sm:max-w-xl",
-                "flex flex-col gap-0 p-0 overflow-hidden",
-              )}
-            >
-              {(title || description) && (
-                <DialogHeader className="shrink-0 p-4 pb-0">
-                  {title && <DialogTitle>{title}</DialogTitle>}
-                  {description && (
-                    <DialogDescription>{description}</DialogDescription>
-                  )}
-                </DialogHeader>
-              )}
+        
+          <DialogContent
+            ref={ref}
+            className={cn(
+              size === "sm" && "sm:max-w-md",
+              size === "md" && "sm:max-w-lg",
+              size === "lg" && "sm:max-w-xl",
+              "flex flex-col gap-0 p-0 overflow-hidden",
+            )}
+          >
+            {(title || description) && (
+              <DialogHeader className="shrink-0 p-4 pb-0">
+                {title && <DialogTitle>{title}</DialogTitle>}
+                {description && (
+                  <DialogDescription>{description}</DialogDescription>
+                )}
+              </DialogHeader>
+            )}
 
-              <div className="flex-1 min-h-0 overflow-y-auto p-4">
-                {children}
-              </div>
+            <div className="flex-1 min-h-0 overflow-y-auto p-4">
+              {children}
+            </div>
 
-              {footer && (
-                <DialogFooter className="shrink-0 rounded-b-xl border-t border-t-border bg-muted/50 p-4">
-                  {footer}
-                </DialogFooter>
-              )}
+            {footer && (
+              <DialogFooter className="shrink-0 rounded-b-xl border-t border-t-border bg-muted/50 p-4">
+                {footer}
+              </DialogFooter>
+            )}
 
-              {showCloseButton && (
-                <DialogClose
-                  render={
-                    <Button
-                      variant="ghost"
-                      className="absolute top-2 right-2"
-                      size="sm"
-                      iconOnly
-                    />
-                  }
-                >
-                  <XIcon />
-                  <span className="sr-only">Close</span>
-                </DialogClose>
-              )}
-            </DialogContent>
-          </ThemeWrapper>
-        </DialogPortal>
+            {showCloseButton && (
+              <DialogClose
+                render={
+                  <Button
+                    variant="ghost"
+                    className="absolute top-2 right-2"
+                    size="sm"
+                    iconOnly
+                  />
+                }
+              >
+                <XIcon />
+                <span className="sr-only">Close</span>
+              </DialogClose>
+            )}
+          </DialogContent>
+        
       </Dialog>
     );
   },

package/src/components/macro/empty-preset.tsx

@@ -7,8 +7,7 @@ import {
   EmptyDescription,
   EmptyHeader,
   EmptyMedia,
-  EmptyTitle,
-} from "../../components/micro/empty";
+  EmptyTitle } from "../../components/micro/empty";
 import { cn } from "../../lib/utils";
 
 type EmptyPresetProps = {
@@ -24,8 +23,7 @@ function EmptyPreset({
   title,
   description,
   action,
-  className,
-}: EmptyPresetProps) {
+  className }: EmptyPresetProps) {
   return (
     <Empty className={cn(className)}>
       <EmptyHeader>

package/src/components/macro/field-preset.tsx

@@ -5,8 +5,7 @@ import {
   FieldContent,
   FieldDescription,
   FieldError,
-  FieldLabel,
-} from "../../components/micro/field";
+  FieldLabel } from "../../components/micro/field";
 import { type Size } from "../../lib/types";
 
 export type FieldPresetProps = Omit<

package/src/components/macro/input-otp-preset.tsx

@@ -14,8 +14,7 @@ import {
   InputOTP,
   InputOTPGroup,
   InputOTPSeparator,
-  InputOTPSlot,
-} from "../../components/micro/input-otp";
+  InputOTPSlot } from "../../components/micro/input-otp";
 import { FieldPreset } from "./field-preset";
 
 export type InputOTPPresetProps = Omit<

package/src/components/macro/input-preset.tsx

@@ -10,8 +10,7 @@ import {
   InputGroupAddon,
   InputGroupButton,
   InputGroupInput,
-  InputGroupText,
-} from "../../components/micro/input-group";
+  InputGroupText } from "../../components/micro/input-group";
 import { FieldPreset } from "./field-preset";
 
 export type InputPresetProps = Omit<InputProps, "className"> & {

package/src/components/macro/pagination-preset.tsx

@@ -9,8 +9,7 @@ import {
   PaginationItem,
   PaginationLink,
   PaginationNext,
-  PaginationPrevious,
-} from "../../components/micro/pagination";
+  PaginationPrevious } from "../../components/micro/pagination";
 import type { Size } from "../../lib/types";
 import { cn } from "../../lib/utils";
 
@@ -100,8 +99,7 @@ const PaginationPreset = React.forwardRef<HTMLElement, PaginationPresetProps>(
               }}
               aria-disabled={currentPage === 1}
               className={cn({
-                "pointer-events-none opacity-50": currentPage === 1,
-              })}
+                "pointer-events-none opacity-50": currentPage === 1 })}
             />
           </PaginationItem>
 
@@ -141,8 +139,7 @@ const PaginationPreset = React.forwardRef<HTMLElement, PaginationPresetProps>(
               }}
               aria-disabled={currentPage === totalPages}
               className={cn({
-                "pointer-events-none opacity-50": currentPage === totalPages,
-              })}
+                "pointer-events-none opacity-50": currentPage === totalPages })}
             />
           </PaginationItem>
         </PaginationContent>

package/src/components/macro/progress-preset.tsx

@@ -5,8 +5,7 @@ import {
   ProgressIndicator,
   ProgressLabel,
   ProgressTrack,
-  ProgressValue,
-} from "../../components/micro/progress";
+  ProgressValue } from "../../components/micro/progress";
 
 export type ProgressPresetProps = Omit<
   React.ComponentProps<typeof Progress>,

package/src/components/macro/radio-group-preset.tsx

@@ -53,8 +53,7 @@ const RadioGroupPreset = React.forwardRef<
     const textSizeClass = cn({
       "text-xs": size === "sm",
       "text-sm": size === "md",
-      "text-base": size === "lg",
-    });
+      "text-base": size === "lg" });
 
     return (
       <FieldPreset
@@ -71,8 +70,7 @@ const RadioGroupPreset = React.forwardRef<
           id={inputId}
           className={cn("flex", {
             "flex-col gap-2": orientation === "vertical",
-            "flex-row gap-4 flex-wrap": orientation !== "vertical",
-          })}
+            "flex-row gap-4 flex-wrap": orientation !== "vertical" })}
           aria-invalid={!!errorMessage}
           {...radioGroupProps}
         >

package/src/components/macro/select-preset.tsx

@@ -8,11 +8,9 @@ import {
   SelectGroup,
   SelectItem,
   SelectLabel,
-  SelectPortal,
+  
   SelectTrigger,
-  SelectValue,
-} from "../../components/micro/select";
-import { ThemeWrapper } from "../../components/micro/theme-provider";
+  SelectValue } from "../../components/micro/select";
 import { type Size } from "../../lib/types";
 import { FieldPreset } from "./field-preset";
 
@@ -72,8 +70,7 @@ const SelectPreset = React.forwardRef<
       description,
       errorMessage,
       showError = true,
-      id,
-    },
+      id },
     ref,
   ) => {
     const generatedId = React.useId();
@@ -112,9 +109,8 @@ const SelectPreset = React.forwardRef<
           >
             <SelectValue placeholder={placeholder} />
           </SelectTrigger>
-          <SelectPortal>
-            <ThemeWrapper>
-              <SelectContent>
+          
+            <SelectContent>
                 {(() => {
                   const groups = new Map<
                     string | undefined,
@@ -159,9 +155,8 @@ const SelectPreset = React.forwardRef<
                     },
                   );
                 })()}
-              </SelectContent>
-            </ThemeWrapper>
-          </SelectPortal>
+            </SelectContent>
+          
         </Select>
       </FieldPreset>
     );

package/src/components/macro/slider-preset.tsx

@@ -7,8 +7,7 @@ import {
   SliderControl,
   SliderIndicator,
   SliderThumb,
-  SliderTrack,
-} from "../../components/micro/slider";
+  SliderTrack } from "../../components/micro/slider";
 import { FieldPreset } from "./field-preset";
 
 export type SliderPresetProps = Omit<

package/src/components/macro/switch-preset.tsx

@@ -6,8 +6,7 @@ import {
   Field,
   FieldDescription,
   FieldError,
-  FieldLabel,
-} from "../../components/micro/field";
+  FieldLabel } from "../../components/micro/field";
 import { Switch, SwitchThumb } from "../../components/micro/switch";
 import { cn } from "../../lib/utils";
 

package/src/components/macro/tabs-preset.tsx

@@ -7,8 +7,7 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger,
-  type tabsListVariants,
-} from "../../components/micro/tabs";
+  type tabsListVariants } from "../../components/micro/tabs";
 
 export interface TabsPresetItem {
   value: string;