shadcn-ui-react 0.6.6 → 0.6.8

package/dist/index.cjs

@@ -4754,13 +4754,28 @@ function rangeContainsModifiers(range, modifiers, dateLib = defaultDateLib) {
 
 // node_modules/react-day-picker/dist/esm/selection/useRange.js
 function useRange(props, dateLib) {
-  const { disabled, excludeDisabled, selected: initiallySelected, required, onSelect } = props;
+  const { disabled, excludeDisabled, resetOnSelect, selected: initiallySelected, required, onSelect } = props;
   const [internallySelected, setSelected] = useControlledValue(initiallySelected, onSelect ? initiallySelected : void 0);
   const selected = !onSelect ? internallySelected : initiallySelected;
   const isSelected = (date) => selected && rangeIncludesDate(selected, date, false, dateLib);
   const select = (triggerDate, modifiers, e) => {
     const { min: min2, max: max2 } = props;
-    const newRange = triggerDate ? addToRange(triggerDate, selected, min2, max2, required, dateLib) : void 0;
+    let newRange;
+    if (triggerDate) {
+      const selectedFrom = selected == null ? void 0 : selected.from;
+      const selectedTo = selected == null ? void 0 : selected.to;
+      const hasFullRange = !!selectedFrom && !!selectedTo;
+      const isClickingSingleDayRange = !!selectedFrom && !!selectedTo && dateLib.isSameDay(selectedFrom, selectedTo) && dateLib.isSameDay(triggerDate, selectedFrom);
+      if (resetOnSelect && (hasFullRange || !(selected == null ? void 0 : selected.from))) {
+        if (!required && isClickingSingleDayRange) {
+          newRange = void 0;
+        } else {
+          newRange = { from: triggerDate, to: void 0 };
+        }
+      } else {
+        newRange = addToRange(triggerDate, selected, min2, max2, required, dateLib);
+      }
+    }
     if (excludeDisabled && disabled && (newRange == null ? void 0 : newRange.from) && newRange.to) {
       if (rangeContainsModifiers({ from: newRange.from, to: newRange.to }, disabled, dateLib)) {
         newRange.from = triggerDate;
@@ -4890,7 +4905,7 @@ function convertMatchersToTimeZone(matchers, timeZone, noonSafe) {
 
 // node_modules/react-day-picker/dist/esm/DayPicker.js
 function DayPicker(initialProps) {
-  var _a, _b;
+  var _a, _b, _c;
   let props = initialProps;
   const timeZone = props.timeZone;
   if (timeZone) {
@@ -5096,7 +5111,7 @@ function DayPicker(initialProps) {
     { value: contextValue },
     import_react32.default.createElement(
       components.Root,
-      __spreadValues({ rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"] }, dataAttributes),
+      __spreadValues({ rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: (_c = props.lang) != null ? _c : locale.code, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"] }, dataAttributes),
       import_react32.default.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles == null ? void 0 : styles[UI.Months] },
@@ -9240,6 +9255,7 @@ var inputVariants3 = {
 var variants3 = inputVariants3;
 
 // src/components/ui/input.tsx
+var import_lucide_react8 = require("lucide-react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function UiInput(_a) {
   var _b = _a, {
@@ -9253,7 +9269,9 @@ function UiInput(_a) {
     inputClassName,
     variant = "outline",
     errorMessage,
-    htmlFormItemId: formItemId
+    htmlFormItemId: formItemId,
+    requiredLabel,
+    requiredLabelClassName
   } = _b, inputProps = __objRest(_b, [
     "ref",
     "label",
@@ -9265,16 +9283,29 @@ function UiInput(_a) {
     "inputClassName",
     "variant",
     "errorMessage",
-    "htmlFormItemId"
+    "htmlFormItemId",
+    "requiredLabel",
+    "requiredLabelClassName"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: cn("w-full", inputClassName), children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    label ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       Label3,
       {
         ref,
         className: cn(errorMessage && "text-destructive", labelClassName),
         htmlFor: formItemId,
-        children: label
+        children: [
+          label,
+          requiredLabel && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            import_lucide_react8.Asterisk,
+            {
+              className: cn(
+                "ml-px h-3 w-3 text-red-500",
+                requiredLabelClassName
+              )
+            }
+          )
+        ]
       }
     ) : null,
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
@@ -9284,8 +9315,8 @@ function UiInput(_a) {
         placeholder,
         className: cn(
           "bg-input px-[0.9rem] py-5",
-          className,
-          variants3[variant]
+          variants3[variant],
+          className
         ),
         classNameDefault
       })

package/dist/index.d.cts

@@ -1021,7 +1021,7 @@ declare const inputVariants: Record<InputVariantProps, string>;
 type InputVariant = keyof typeof inputVariants;
 
 type VariantProps = InputVariant;
-interface UiInputProps {
+interface UiInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
     ref?: React$1.Ref<HTMLLabelElement>;
     label?: string;
     placeholder?: string;
@@ -1029,14 +1029,16 @@ interface UiInputProps {
     onChange?: React$1.ChangeEventHandler<HTMLInputElement> | undefined;
     className?: string;
     classNameDefault?: boolean;
+    requiredLabel?: boolean;
+    requiredLabelClassName?: string;
     labelClassName?: string;
     inputClassName?: string;
     variant?: VariantProps;
     errorMessage?: string;
     htmlFormItemId?: string;
 }
-declare function UiInput({ ref, label, placeholder, onChange, className, classNameDefault, labelClassName, inputClassName, variant, errorMessage, htmlFormItemId: formItemId, ...inputProps }: UiInputProps): react_jsx_runtime.JSX.Element;
+declare function UiInput({ ref, label, placeholder, onChange, className, classNameDefault, labelClassName, inputClassName, variant, errorMessage, htmlFormItemId: formItemId, requiredLabel, requiredLabelClassName, ...inputProps }: UiInputProps): react_jsx_runtime.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATA_TABLE_TEMPLATES, DataTable, type DataTableAccent, DataTableSkeleton, type DataTableSlots, 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, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant$1 as InputVariant, type InputVariantProps$1 as InputVariantProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UiInput, UiSelect, badgeVariants, buttonVariants, cn, inputVariants$2 as inputVariants, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useToast, variants };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATA_TABLE_TEMPLATES, DataTable, type DataTableAccent, DataTableSkeleton, type DataTableSlots, 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, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant$1 as InputVariant, type InputVariantProps$1 as InputVariantProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UiInput, type UiInputProps, UiSelect, badgeVariants, buttonVariants, cn, inputVariants$2 as inputVariants, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useToast, variants };

package/dist/index.d.ts

@@ -1021,7 +1021,7 @@ declare const inputVariants: Record<InputVariantProps, string>;
 type InputVariant = keyof typeof inputVariants;
 
 type VariantProps = InputVariant;
-interface UiInputProps {
+interface UiInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
     ref?: React$1.Ref<HTMLLabelElement>;
     label?: string;
     placeholder?: string;
@@ -1029,14 +1029,16 @@ interface UiInputProps {
     onChange?: React$1.ChangeEventHandler<HTMLInputElement> | undefined;
     className?: string;
     classNameDefault?: boolean;
+    requiredLabel?: boolean;
+    requiredLabelClassName?: string;
     labelClassName?: string;
     inputClassName?: string;
     variant?: VariantProps;
     errorMessage?: string;
     htmlFormItemId?: string;
 }
-declare function UiInput({ ref, label, placeholder, onChange, className, classNameDefault, labelClassName, inputClassName, variant, errorMessage, htmlFormItemId: formItemId, ...inputProps }: UiInputProps): react_jsx_runtime.JSX.Element;
+declare function UiInput({ ref, label, placeholder, onChange, className, classNameDefault, labelClassName, inputClassName, variant, errorMessage, htmlFormItemId: formItemId, requiredLabel, requiredLabelClassName, ...inputProps }: UiInputProps): react_jsx_runtime.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATA_TABLE_TEMPLATES, DataTable, type DataTableAccent, DataTableSkeleton, type DataTableSlots, 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, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant$1 as InputVariant, type InputVariantProps$1 as InputVariantProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UiInput, UiSelect, badgeVariants, buttonVariants, cn, inputVariants$2 as inputVariants, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useToast, variants };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATA_TABLE_TEMPLATES, DataTable, type DataTableAccent, DataTableSkeleton, type DataTableSlots, 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, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant$1 as InputVariant, type InputVariantProps$1 as InputVariantProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UiInput, type UiInputProps, UiSelect, badgeVariants, buttonVariants, cn, inputVariants$2 as inputVariants, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useToast, variants };

package/dist/index.js

@@ -4490,13 +4490,28 @@ function rangeContainsModifiers(range, modifiers, dateLib = defaultDateLib) {
 
 // node_modules/react-day-picker/dist/esm/selection/useRange.js
 function useRange(props, dateLib) {
-  const { disabled, excludeDisabled, selected: initiallySelected, required, onSelect } = props;
+  const { disabled, excludeDisabled, resetOnSelect, selected: initiallySelected, required, onSelect } = props;
   const [internallySelected, setSelected] = useControlledValue(initiallySelected, onSelect ? initiallySelected : void 0);
   const selected = !onSelect ? internallySelected : initiallySelected;
   const isSelected = (date) => selected && rangeIncludesDate(selected, date, false, dateLib);
   const select = (triggerDate, modifiers, e) => {
     const { min: min2, max: max2 } = props;
-    const newRange = triggerDate ? addToRange(triggerDate, selected, min2, max2, required, dateLib) : void 0;
+    let newRange;
+    if (triggerDate) {
+      const selectedFrom = selected == null ? void 0 : selected.from;
+      const selectedTo = selected == null ? void 0 : selected.to;
+      const hasFullRange = !!selectedFrom && !!selectedTo;
+      const isClickingSingleDayRange = !!selectedFrom && !!selectedTo && dateLib.isSameDay(selectedFrom, selectedTo) && dateLib.isSameDay(triggerDate, selectedFrom);
+      if (resetOnSelect && (hasFullRange || !(selected == null ? void 0 : selected.from))) {
+        if (!required && isClickingSingleDayRange) {
+          newRange = void 0;
+        } else {
+          newRange = { from: triggerDate, to: void 0 };
+        }
+      } else {
+        newRange = addToRange(triggerDate, selected, min2, max2, required, dateLib);
+      }
+    }
     if (excludeDisabled && disabled && (newRange == null ? void 0 : newRange.from) && newRange.to) {
       if (rangeContainsModifiers({ from: newRange.from, to: newRange.to }, disabled, dateLib)) {
         newRange.from = triggerDate;
@@ -4626,7 +4641,7 @@ function convertMatchersToTimeZone(matchers, timeZone, noonSafe) {
 
 // node_modules/react-day-picker/dist/esm/DayPicker.js
 function DayPicker(initialProps) {
-  var _a, _b;
+  var _a, _b, _c;
   let props = initialProps;
   const timeZone = props.timeZone;
   if (timeZone) {
@@ -4832,7 +4847,7 @@ function DayPicker(initialProps) {
     { value: contextValue },
     React32.createElement(
       components.Root,
-      __spreadValues({ rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"] }, dataAttributes),
+      __spreadValues({ rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: (_c = props.lang) != null ? _c : locale.code, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"] }, dataAttributes),
       React32.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles == null ? void 0 : styles[UI.Months] },
@@ -9038,6 +9053,7 @@ var inputVariants3 = {
 var variants3 = inputVariants3;
 
 // src/components/ui/input.tsx
+import { Asterisk as Asterisk2 } from "lucide-react";
 import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
 function UiInput(_a) {
   var _b = _a, {
@@ -9051,7 +9067,9 @@ function UiInput(_a) {
     inputClassName,
     variant = "outline",
     errorMessage,
-    htmlFormItemId: formItemId
+    htmlFormItemId: formItemId,
+    requiredLabel,
+    requiredLabelClassName
   } = _b, inputProps = __objRest(_b, [
     "ref",
     "label",
@@ -9063,16 +9081,29 @@ function UiInput(_a) {
     "inputClassName",
     "variant",
     "errorMessage",
-    "htmlFormItemId"
+    "htmlFormItemId",
+    "requiredLabel",
+    "requiredLabelClassName"
   ]);
   return /* @__PURE__ */ jsxs31("div", { className: cn("w-full", inputClassName), children: [
-    label ? /* @__PURE__ */ jsx56(
+    label ? /* @__PURE__ */ jsxs31(
       Label3,
       {
         ref,
         className: cn(errorMessage && "text-destructive", labelClassName),
         htmlFor: formItemId,
-        children: label
+        children: [
+          label,
+          requiredLabel && /* @__PURE__ */ jsx56(
+            Asterisk2,
+            {
+              className: cn(
+                "ml-px h-3 w-3 text-red-500",
+                requiredLabelClassName
+              )
+            }
+          )
+        ]
       }
     ) : null,
     /* @__PURE__ */ jsx56(
@@ -9082,8 +9113,8 @@ function UiInput(_a) {
         placeholder,
         className: cn(
           "bg-input px-[0.9rem] py-5",
-          className,
-          variants3[variant]
+          variants3[variant],
+          className
         ),
         classNameDefault
       })

package/dist/style.css

@@ -318,6 +318,12 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
+  .start {
+    inset-inline-start: var(--spacing);
+  }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
   .-top-12 {
     top: calc(var(--spacing) * -12);
   }
@@ -328,7 +334,7 @@
     top: calc(var(--spacing) * 1);
   }
   .top-1\/2 {
-    top: calc(1/2 * 100%);
+    top: calc(1 / 2 * 100%);
   }
   .top-4 {
     top: calc(var(--spacing) * 4);
@@ -382,7 +388,7 @@
     left: calc(var(--spacing) * 1);
   }
   .left-1\/2 {
-    left: calc(1/2 * 100%);
+    left: calc(1 / 2 * 100%);
   }
   .left-2 {
     left: calc(var(--spacing) * 2);
@@ -608,7 +614,7 @@
     width: calc(var(--spacing) * 3.5);
   }
   .w-3\/4 {
-    width: calc(3/4 * 100%);
+    width: calc(3 / 4 * 100%);
   }
   .w-4 {
     width: calc(var(--spacing) * 4);
@@ -733,7 +739,7 @@
     border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
   }
   .-translate-x-1\/2 {
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-x-\[-50\%\] {
@@ -741,7 +747,7 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-y-\[-50\%\] {
@@ -1796,7 +1802,7 @@
   .after\:left-1\/2 {
     &::after {
       content: var(--tw-content);
-      left: calc(1/2 * 100%);
+      left: calc(1 / 2 * 100%);
     }
   }
   .after\:w-1 {
@@ -1808,7 +1814,7 @@
   .after\:-translate-x-1\/2 {
     &::after {
       content: var(--tw-content);
-      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -2583,7 +2589,7 @@
     &[data-panel-group-direction=vertical] {
       &::after {
         content: var(--tw-content);
-        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
@@ -3836,4 +3842,4 @@
     }
   }
 }
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shadcn-ui-react",
-  "version": "0.6.6",
+  "version": "0.6.8",
   "private": false,
   "author": "Bleker Cordova <bleker@gliyen.com>",
   "description": "A collection of components for building beautiful and accessible user interfaces with React and Tailwind CSS.",
@@ -51,52 +51,52 @@
     "test:watch": "jest --watch"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.6",
-    "@babel/preset-env": "^7.28.6",
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.2",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@eslint/config-array": "^0.23.0",
-    "@eslint/object-schema": "^3.0.0",
+    "@eslint/config-array": "^0.23.5",
+    "@eslint/object-schema": "^3.0.5",
     "@hookform/resolvers": "^5.2.2",
-    "@tailwindcss/postcss": "^4.1.18",
-    "@tailwindcss/vite": "^4.1.18",
+    "@tailwindcss/postcss": "^4.2.4",
+    "@tailwindcss/vite": "^4.2.4",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^30.0.0",
-    "@types/node": "^25.0.10",
-    "@types/react": "^19.2.9",
+    "@types/node": "^25.6.0",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.53.1",
-    "@typescript-eslint/parser": "^8.53.1",
-    "autoprefixer": "^10.4.23",
-    "babel-jest": "^30.2.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.0",
+    "@typescript-eslint/parser": "^8.59.0",
+    "autoprefixer": "^10.5.0",
+    "babel-jest": "^30.3.0",
     "cross-env": "^10.1.0",
-    "eslint": "^9.39.2",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint": "^10.2.1",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^30.2.0",
-    "jest-environment-jsdom": "^30.2.0",
-    "react": "^19.2.3",
-    "react-day-picker": "^9.13.0",
-    "react-dom": "^19.2.3",
-    "react-test-renderer": "^19.2.3",
-    "rimraf": "^6.1.2",
-    "tailwindcss": "^4.1.18",
+    "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.3.0",
+    "react": "^19.2.5",
+    "react-day-picker": "^9.14.0",
+    "react-dom": "^19.2.5",
+    "react-test-renderer": "^19.2.5",
+    "rimraf": "^6.1.3",
+    "tailwindcss": "^4.2.4",
     "tailwindcss-animate": "^1.0.7",
     "tsup": "^8.5.1",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.3",
     "vaul": "^1.1.2",
-    "vite": "^7.3.1",
+    "vite": "^8.0.10",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-ts-alias": "^0.1.1",
     "zod": "^4.3.6"
   },
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.3.1 || ^19.2.3 || ^20.0.0",
-    "react-dom": "^17.0.0 || ^18.3.1 || ^19.2.3 || ^20.0.0"
+    "react": "^17.0.0 || ^18.3.1 || ^19.2.5 || ^20.0.0",
+    "react-dom": "^17.0.0 || ^18.3.1 || ^19.2.5 || ^20.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -131,24 +131,24 @@
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tanstack/react-table": "^8.21.3",
-    "@vitejs/plugin-react": "^5.1.2",
-    "@vitejs/plugin-react-swc": "^4.2.2",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitejs/plugin-react-swc": "^4.3.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "embla-carousel-react": "^8.6.0",
-    "framer-motion": "^12.29.0",
+    "framer-motion": "^12.38.0",
     "input-otp": "^1.4.2",
-    "lucide-react": "^0.562.0",
+    "lucide-react": "^1.11.0",
     "next-themes": "^0.4.6",
-    "react-dropzone": "^14.3.8",
+    "react-dropzone": "^15.0.0",
     "react-helmet-next": "^0.0.2",
-    "react-hook-form": "^7.71.1",
-    "react-resizable-panels": "^4.4.1",
+    "react-hook-form": "^7.74.0",
+    "react-resizable-panels": "^4.10.0",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.4.0",
+    "tailwind-merge": "^3.5.0",
     "tailwind-variants": "^3.2.2",
-    "use-debounce": "^10.1.0",
+    "use-debounce": "^10.1.1",
     "vaul": "^1.1.2"
   }
 }