@the12company/ui 0.1.7 → 0.1.9

package/dist/index.d.ts

@@ -520,6 +520,16 @@ declare const ContextMenuShortcut: {
     displayName: string;
 };
 
+declare const dialogIconVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DialogIconProps = React$1.HTMLAttributes<HTMLDivElement> & VariantProps<typeof dialogIconVariants>;
+/**
+ * Accent icon shell used in dialog headers (and similar callouts).
+ * Pass a Lucide (or other) icon as children; color comes from `text-primary` / `currentColor`.
+ */
+declare function DialogIcon({ className, size, children, ...props }: DialogIconProps): React$1.JSX.Element;
+
 declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
@@ -607,7 +617,7 @@ declare const useFormField: () => {
     isDirty: boolean;
     isTouched: boolean;
     isValidating: boolean;
-    error?: react_hook_form.FieldError;
+    error?: react_hook_form.FieldError | undefined;
     id: string;
     name: string;
     formItemId: string;
@@ -626,7 +636,7 @@ declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
 declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
 declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const InputOTP: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "nonce" | "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -636,10 +646,11 @@ declare const InputOTP: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.Inp
     pasteTransformer?: (pasted: string) => string;
     containerClassName?: string;
     noScriptCSSFallback?: string | null;
+    nonce?: string;
 } & {
     render: (props: input_otp.RenderProps) => React$1.ReactNode;
     children?: never;
-} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "nonce" | "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -649,6 +660,7 @@ declare const InputOTP: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.Inp
     pasteTransformer?: (pasted: string) => string;
     containerClassName?: string;
     noScriptCSSFallback?: string | null;
+    nonce?: string;
 } & {
     render?: never;
     children: React$1.ReactNode;
@@ -668,6 +680,8 @@ type ListingPaginationProps = {
     pageSize?: number;
     itemLabel?: string;
     disabled?: boolean;
+    /** When true, render even if there is only one page. */
+    showWhenSinglePage?: boolean;
     variant?: "default" | "minimal";
     className?: string;
     onPageChange: (page: number) => void;
@@ -681,7 +695,7 @@ type ListingPaginationProps = {
         pageAria?: (page: number) => string;
     };
 };
-declare function ListingPagination({ page, totalPages, total, pageSize, itemLabel, disabled, variant, className, onPageChange, formatTotal, labels, }: ListingPaginationProps): React$1.JSX.Element | null;
+declare function ListingPagination({ page, totalPages, total, pageSize, itemLabel, disabled, showWhenSinglePage, variant, className, onPageChange, formatTotal, labels, }: ListingPaginationProps): React$1.JSX.Element | null;
 
 declare const MenubarMenu: (props: MenubarPrimitive.MenubarMenuProps & {
     __scopeMenubar?: _radix_ui_react_context.Scope;
@@ -721,6 +735,25 @@ declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMe
 declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+declare const noteVariants: (props?: ({
+    variant?: "muted" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const noteIconVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type NoteProps = React$1.HTMLAttributes<HTMLDivElement> & VariantProps<typeof noteVariants> & {
+    icon?: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+};
+type NoteIconProps = React$1.HTMLAttributes<HTMLDivElement>;
+/** Circular accent icon used inside {@link Note}. */
+declare function NoteIcon({ className, children, ...props }: NoteIconProps): React$1.JSX.Element;
+declare function NoteTitle({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): React$1.JSX.Element;
+declare function NoteDescription({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): React$1.JSX.Element;
+/**
+ * Inline help / tip callout: optional icon, title, description, and trailing actions.
+ */
+declare function Note({ className, variant, icon, title, description, children, ...props }: NoteProps): React$1.JSX.Element;
+
 type PageHeaderProps = {
     /** Optional eyebrow above the title. */
     label?: React$1.ReactNode;
@@ -822,7 +855,7 @@ type SearchableSelectLoadResult = {
 };
 type SearchableSelectProps = {
     value: string;
-    onChange: (id: string) => void;
+    onChange: (id: string, item?: SearchableSelectItem) => void;
     /** Sentinel value meaning “no filter / all”. @default "all" */
     allValue?: string;
     allLabel: string;
@@ -844,6 +877,10 @@ type SearchableSelectProps = {
     disabled?: boolean;
     /** When this changes, cached items/labels are cleared. */
     resetKey?: string | number;
+    /** Treat the trigger as filtered even when value is still `allValue`. */
+    forceActive?: boolean;
+    /** Called when a display label is known for the current (or newly selected) id. */
+    onResolvedLabel?: (id: string, label: string) => void;
     emptyLabel?: string;
     loadingLabel?: string;
     loadingMoreLabel?: string;
@@ -853,7 +890,7 @@ type SearchableSelectProps = {
  * Async searchable combobox with infinite scroll.
  * Data loading is injected via `loadItems` — no product API coupling.
  */
-declare function SearchableSelect({ value, onChange, allValue, allLabel, searchPlaceholder, loadItems, resolveLabel, pageSize, triggerClassName, icon, nestedInPopover, disabled, resetKey, emptyLabel, loadingLabel, loadingMoreLabel, debounceMs, }: SearchableSelectProps): React$1.JSX.Element;
+declare function SearchableSelect({ value, onChange, allValue, allLabel, searchPlaceholder, loadItems, resolveLabel, pageSize, triggerClassName, icon, nestedInPopover, disabled, resetKey, forceActive, onResolvedLabel, emptyLabel, loadingLabel, loadingMoreLabel, debounceMs, }: SearchableSelectProps): React$1.JSX.Element;
 
 declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -980,6 +1017,7 @@ declare const Toaster$1: ({ duration, toastOptions, ...props }: ToasterProps) =>
 
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
     thumbClassName?: string;
+    loading?: boolean;
 } & React$1.RefAttributes<HTMLButtonElement>>;
 
 interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
@@ -1032,4 +1070,4 @@ type VisiblePage = number | "ellipsis";
 declare function buildVisiblePages(current: number, totalPages: number): VisiblePage[];
 declare function buildRangeLabel(page: number, pageSize: number, total: number, itemLabel?: string, formatTotal?: (n: number) => string): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppChromeBrand, type AppChromeBrandProps, AppChromeHeader, type AppChromeHeaderProps, AppChromeSidebar, type AppChromeSidebarProps, AspectRatio, Aurora, type AuroraProps, AuthBanner, type AuthBannerProps, AuthBrand, type AuthBrandProps, AuthCard, AuthCardDescription, AuthCardHeader, AuthCardTitle, AuthFieldError, type AuthFieldErrorProps, AuthFooter, AuthFooterLink, type AuthFooterLinkProps, type AuthFooterProps, AuthShell, type AuthShellProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartCard, type ChartCardProps, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, 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, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailInput, type EmailInputProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, ListingPagination, type ListingPaginationProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHeader, type PageHeaderProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, type PasswordInputProps, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchableSelect, type SearchableSelectItem, type SearchableSelectLoadResult, type SearchableSelectProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster$1 as SonnerToaster, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, 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, type VisiblePage, authBannerVariants, badgeVariants, buildRangeLabel, buildVisiblePages, buttonVariants, cn, inputVariants, navigationMenuTriggerStyle, toast, toggleVariants, useFormField, useIsMobile, useSidebar, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppChromeBrand, type AppChromeBrandProps, AppChromeHeader, type AppChromeHeaderProps, AppChromeSidebar, type AppChromeSidebarProps, AspectRatio, Aurora, type AuroraProps, AuthBanner, type AuthBannerProps, AuthBrand, type AuthBrandProps, AuthCard, AuthCardDescription, AuthCardHeader, AuthCardTitle, AuthFieldError, type AuthFieldErrorProps, AuthFooter, AuthFooterLink, type AuthFooterLinkProps, type AuthFooterProps, AuthShell, type AuthShellProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartCard, type ChartCardProps, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, 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, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogIcon, type DialogIconProps, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailInput, type EmailInputProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, ListingPagination, type ListingPaginationProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Note, NoteDescription, NoteIcon, type NoteIconProps, type NoteProps, NoteTitle, PageHeader, type PageHeaderProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, type PasswordInputProps, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchableSelect, type SearchableSelectItem, type SearchableSelectLoadResult, type SearchableSelectProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster$1 as SonnerToaster, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, 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, type VisiblePage, authBannerVariants, badgeVariants, buildRangeLabel, buildVisiblePages, buttonVariants, cn, dialogIconVariants, inputVariants, navigationMenuTriggerStyle, noteIconVariants, noteVariants, toast, toggleVariants, useFormField, useIsMobile, useSidebar, useToast };

package/dist/index.js

@@ -2426,7 +2426,7 @@ function ChartCard({
         glass ? "bg-content-glass" : "bg-card border border-border"
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between gap-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
               /* @__PURE__ */ jsx(
@@ -2472,6 +2472,38 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+var dialogIconVariants = cva(
+  "flex w-fit shrink-0 items-center justify-center rounded-lg bg-primary/15 text-primary",
+  {
+    variants: {
+      size: {
+        sm: "p-2 [&_svg]:size-4",
+        /** Default modal / dialog header icon. */
+        md: "p-2.5 [&_svg]:size-6",
+        lg: "p-3 [&_svg]:size-6"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function DialogIcon({
+  className,
+  size,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      ...props,
+      className: cn(dialogIconVariants({ size }), className),
+      children
+    }
+  );
+}
 var Dialog = SheetPrimitive.Root;
 var DialogTrigger = SheetPrimitive.Trigger;
 var DialogPortal = SheetPrimitive.Portal;
@@ -2495,7 +2527,7 @@ var DialogContent = React11.forwardRef(({ className, children, ...props }, ref)
     {
       ref,
       className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-2rem)] outline-none max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 md:gap-6 border bg-background p-6 shadow-lg duration-300 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
+        "fixed left-[50%] top-[50%] z-50 grid max-h-[calc(100dvh-2rem)] scrollbar-thin overflow-y-auto overscroll-contain w-[calc(100%-2rem)] outline-none max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 md:gap-6 border bg-background p-6 shadow-lg duration-300 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
         className
       ),
       ...props,
@@ -3377,13 +3409,14 @@ function ListingPagination({
   pageSize,
   itemLabel,
   disabled = false,
+  showWhenSinglePage = false,
   variant = "default",
   className,
   onPageChange,
   formatTotal,
   labels
 }) {
-  if (totalPages <= 1) return null;
+  if (!showWhenSinglePage && totalPages <= 1) return null;
   const previous = labels?.previous ?? "Anterior";
   const next = labels?.next ?? "Pr\xF3xima";
   const previousAria = labels?.previousAria ?? "P\xE1gina anterior";
@@ -3770,6 +3803,87 @@ var NavigationMenuIndicator = React11.forwardRef(({ className, ...props }, ref)
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+var noteVariants = cva(
+  "flex gap-3 rounded-xl border px-4 py-3.5 transition-all duration-500",
+  {
+    variants: {
+      variant: {
+        default: "border-primary/30 bg-primary/15 dark:border-primary/25 dark:bg-primary/5 hover:shadow-[0_0_15px_rgba(96,214,111,0.2)] hover:shadow-primary/25 dark:hover:shadow-primary/10",
+        muted: "border-border bg-muted/40"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var noteIconVariants = cva(
+  "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary/15 text-primary [&_svg]:size-5"
+);
+function NoteIcon({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      ...props,
+      className: cn(noteIconVariants(), className),
+      children
+    }
+  );
+}
+function NoteTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn("text-sm font-semibold text-foreground", className),
+      ...props
+    }
+  );
+}
+function NoteDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn(
+        "text-xs leading-relaxed text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Note({
+  className,
+  variant,
+  icon,
+  title,
+  description,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "note",
+      ...props,
+      className: cn(noteVariants({ variant }), className),
+      children: [
+        icon ? /* @__PURE__ */ jsx(NoteIcon, { children: icon }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-0", children: [
+          title != null ? typeof title === "string" || typeof title === "number" ? /* @__PURE__ */ jsx(NoteTitle, { children: title }) : title : null,
+          description != null ? typeof description === "string" || typeof description === "number" ? /* @__PURE__ */ jsx(NoteDescription, { children: description }) : description : null,
+          children
+        ] })
+      ]
+    }
+  );
+}
 function PageHeader({
   label,
   title,
@@ -3802,16 +3916,7 @@ function PageHeader({
         label && "mt-1"
       ),
       children: [
-        /* @__PURE__ */ jsx(
-          "h1",
-          {
-            className: cn(
-              "text-xl font-bold tracking-tight",
-              titleClassName
-            ),
-            children: title
-          }
-        ),
+        /* @__PURE__ */ jsx("h1", { className: cn("text-xl font-bold tracking-tight", titleClassName), children: title }),
         badge
       ]
     }
@@ -3838,7 +3943,7 @@ function PageHeader({
     "header",
     {
       className: cn(
-        children ? "flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between" : "w-full",
+        children ? "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between" : "w-full",
         className
       ),
       children: [
@@ -4000,6 +4105,8 @@ function SearchableSelect({
   nestedInPopover = false,
   disabled = false,
   resetKey,
+  forceActive = false,
+  onResolvedLabel,
   emptyLabel = "Nenhum resultado.",
   loadingLabel = "Buscando\u2026",
   loadingMoreLabel = "Carregando...",
@@ -4019,12 +4126,16 @@ function SearchableSelect({
   const loadMoreLockRef = React11.useRef(false);
   const loadItemsRef = React11.useRef(loadItems);
   const resolveLabelRef = React11.useRef(resolveLabel);
+  const onResolvedLabelRef = React11.useRef(onResolvedLabel);
   React11.useEffect(() => {
     loadItemsRef.current = loadItems;
   }, [loadItems]);
   React11.useEffect(() => {
     resolveLabelRef.current = resolveLabel;
   }, [resolveLabel]);
+  React11.useEffect(() => {
+    onResolvedLabelRef.current = onResolvedLabel;
+  }, [onResolvedLabel]);
   React11.useEffect(() => {
     const t = window.setTimeout(() => setDebouncedSearch(search), debounceMs);
     return () => window.clearTimeout(t);
@@ -4120,6 +4231,7 @@ function SearchableSelect({
         setLabelById(
           (prev) => prev[value] ? prev : { ...prev, [value]: label }
         );
+        onResolvedLabelRef.current?.(value, label);
         return;
       }
       const { items: list } = await loadItemsRef.current({
@@ -4133,6 +4245,7 @@ function SearchableSelect({
         setLabelById(
           (prev) => prev[value] ? prev : { ...prev, [value]: hit.label }
         );
+        onResolvedLabelRef.current?.(value, hit.label);
       }
     })();
     return () => {
@@ -4157,7 +4270,7 @@ function SearchableSelect({
   React11.useEffect(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
-  const isFiltered = value !== allValue && value.trim() !== "";
+  const isFiltered = forceActive || value !== allValue && value.trim() !== "";
   return /* @__PURE__ */ jsxs(
     Popover,
     {
@@ -4196,7 +4309,7 @@ function SearchableSelect({
                   "span",
                   {
                     className: cn("truncate", isFiltered && "text-foreground"),
-                    title: value !== allValue ? triggerLabel : void 0,
+                    title: isFiltered ? triggerLabel : void 0,
                     children: triggerLabel
                   }
                 )
@@ -4254,11 +4367,14 @@ function SearchableSelect({
                         value === item.id && "bg-primary/45"
                       ),
                       onSelect: () => {
-                        onChange(item.id);
+                        onChange(item.id, item);
                         setLabelById((prev) => ({
                           ...prev,
                           [item.id]: item.label || item.id
                         }));
+                        if (item.label) {
+                          onResolvedLabelRef.current?.(item.id, item.label);
+                        }
                         setOpen(false);
                       },
                       children: [
@@ -4494,21 +4610,44 @@ var Toaster = ({ duration = 4e3, toastOptions, ...props }) => {
     }
   );
 };
-var Switch = React11.forwardRef(({ className, thumbClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React11.forwardRef(({ className, thumbClassName, loading = false, disabled, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitives.Root,
   {
     className: cn(
-      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
+      "peer group inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 border-transparent transition-colors data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+      loading ? "cursor-wait disabled:cursor-wait disabled:opacity-100" : "cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
       className
     ),
     ...props,
+    disabled: disabled || loading,
+    "aria-busy": loading || void 0,
     ref,
     children: /* @__PURE__ */ jsx(
       SwitchPrimitives.Thumb,
       {
         className: cn(
-          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
+          "pointer-events-none relative flex h-5 w-5 items-center justify-center rounded-full bg-background shadow-lg ring-0 transition-[transform,background-color,box-shadow] duration-300 ease-out data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
+          loading && "bg-transparent shadow-none",
           thumbClassName
+        ),
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "absolute inset-0 transition-[opacity,transform] duration-300 ease-out",
+              loading ? "scale-100 opacity-100" : "scale-75 opacity-0"
+            ),
+            "aria-hidden": true,
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "absolute inset-0 rounded-full border-2 border-primary border-t-transparent group-data-[state=checked]:border-background group-data-[state=checked]:border-t-transparent",
+                  loading && "animate-spin"
+                )
+              }
+            )
+          }
         )
       }
     )
@@ -4809,6 +4948,6 @@ var ToggleGroupItem = React11.forwardRef(({ className, children, variant, size,
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppChromeBrand, AppChromeHeader, AppChromeSidebar, AspectRatio, Aurora, AuthBanner, AuthBrand, AuthCard, AuthCardDescription, AuthCardHeader, AuthCardTitle, AuthFieldError, AuthFooter, AuthFooterLink, AuthShell, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartCard, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as 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, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailInput, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label3 as Label, ListingPagination, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHeader, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchableSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster as SonnerToaster, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster2 as Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, authBannerVariants, badgeVariants, buildRangeLabel, buildVisiblePages, buttonVariants, cn, inputVariants, navigationMenuTriggerStyle, toast, toggleVariants, useFormField, useIsMobile, useSidebar, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppChromeBrand, AppChromeHeader, AppChromeSidebar, AspectRatio, Aurora, AuthBanner, AuthBrand, AuthCard, AuthCardDescription, AuthCardHeader, AuthCardTitle, AuthFieldError, AuthFooter, AuthFooterLink, AuthShell, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartCard, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as 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, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogIcon, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailInput, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label3 as Label, ListingPagination, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Note, NoteDescription, NoteIcon, NoteTitle, PageHeader, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchableSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster as SonnerToaster, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster2 as Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, authBannerVariants, badgeVariants, buildRangeLabel, buildVisiblePages, buttonVariants, cn, dialogIconVariants, inputVariants, navigationMenuTriggerStyle, noteIconVariants, noteVariants, toast, toggleVariants, useFormField, useIsMobile, useSidebar, useToast };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map