maquinaweb-ui 2.34.1 → 2.36.0

package/dist/container-animation.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, ElementType } from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/components/container-animation/container-animation.d.ts
 type ContainerAnimationProps<T extends ElementType = 'div'> = ComponentProps<'div'> & ComponentProps<T> & {
@@ -23,7 +23,7 @@ declare const ContainerAnimation: <T extends ElementType = "div">({
   distance,
   hideNotInView,
   ...props
-}: ContainerAnimationProps<T>) => react_jsx_runtime4.JSX.Element;
+}: ContainerAnimationProps<T>) => react_jsx_runtime6.JSX.Element;
 //#endregion
 export { ContainerAnimation, type ContainerAnimationProps };
 //# sourceMappingURL=container-animation.d.ts.map

package/dist/input-suggest.d.ts

@@ -1,7 +1,7 @@
 import { Mask, Options } from "./with-mask-DnMiJlek.js";
 import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
 import { Dispatch, SetStateAction } from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { PopoverProps } from "@radix-ui/react-popover";
 
 //#region src/components/input-suggest/input-suggest.d.ts
@@ -71,7 +71,7 @@ declare function InputSuggest<TFieldValues extends FieldValues = FieldValues, TF
   debounceTime,
   maxWait,
   ...props
-}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps): react_jsx_runtime5.JSX.Element;
+}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { InputSuggest, type InputSuggestProps };
 //# sourceMappingURL=input-suggest.d.ts.map

package/dist/page-header.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/page-header/page-header.d.ts
 interface PageHeaderProps {
@@ -10,7 +10,7 @@ declare function PageHeader({
   title,
   help,
   description
-}: PageHeaderProps): react_jsx_runtime0.JSX.Element;
+}: PageHeaderProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { PageHeader, type PageHeaderProps };
 //# sourceMappingURL=page-header.d.ts.map

package/dist/remote-selector.d.ts

@@ -1,5 +1,5 @@
 import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { Options } from "nuqs";
 import { PopoverProps } from "@radix-ui/react-popover";
 
@@ -63,7 +63,7 @@ declare function RemoteSelectorField<T, TFieldValues extends FieldValues = Field
   initialRequest,
   forceToggle,
   ...props
-}: RemoteSelectorFieldProps<TFieldValues, TFieldName> & BaseRemoteSelectorProps<T>): react_jsx_runtime6.JSX.Element;
+}: RemoteSelectorFieldProps<TFieldValues, TFieldName> & BaseRemoteSelectorProps<T>): react_jsx_runtime3.JSX.Element;
 interface RemoteSelectorQueryProps<T> extends BaseRemoteSelectorProps<T> {
   name: string;
   defaultValue?: string;
@@ -83,7 +83,7 @@ declare function RemoteSelectorQuery<T>({
   fieldLabel,
   type,
   ...props
-}: RemoteSelectorQueryProps<T>): react_jsx_runtime6.JSX.Element;
+}: RemoteSelectorQueryProps<T>): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { type BaseRemoteSelectorProps, RemoteSelectorField as RemoteSelector, RemoteSelectorField, type RemoteSelectorFieldProps, RemoteSelectorQuery, type RemoteSelectorQueryProps, type TUseData };
 //# sourceMappingURL=remote-selector.d.ts.map

package/dist/remote-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remote-selector.d.ts","names":[],"sources":["../src/components/ui/selector.tsx","../src/components/remote-selector/remote-selector.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"remote-selector.d.ts","names":[],"sources":["../src/components/ui/selector.tsx","../src/components/remote-selector/remote-selector.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/remote-selector.js

@@ -6,10 +6,13 @@ import "./label-BqtcCyMj.js";
 import { FormItem, FormMessage, InputHelp } from "./input-help-etTqPzYc.js";
 import { Popover, PopoverContent, PopoverTrigger, ScrollBar } from "./scroll-area-C2WadzN5.js";
 import { useController, useFormContext } from "react-hook-form";
+import * as React from "react";
 import { createElement, useEffect, useId, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronsUpDown, SearchIcon, X } from "lucide-react";
+import { Checkbox, Indicator } from "@radix-ui/react-checkbox";
 import { cva } from "class-variance-authority";
+import * as motion from "motion/react-m";
 import { Slot } from "@radix-ui/react-slot";
 import { parseAsArrayOf, parseAsString, useQueryState } from "nuqs";
 import { useDebounce } from "use-debounce";
@@ -70,6 +73,66 @@ function Button({ className, variant, size, asChild = false,...props }) {
 	});
 }
 
+//#endregion
+//#region src/components/ui/checkbox.tsx
+function Checkbox$1({ className, onCheckedChange,...props }) {
+	const [isChecked, setIsChecked] = React.useState(props?.checked ?? props?.defaultChecked ?? false);
+	React.useEffect(() => {
+		if (props?.checked !== void 0) setIsChecked(props.checked);
+	}, [props?.checked]);
+	const handleCheckedChange = React.useCallback((checked) => {
+		setIsChecked(checked);
+		onCheckedChange?.(checked);
+	}, [onCheckedChange]);
+	return /* @__PURE__ */ jsx(Checkbox, {
+		...props,
+		asChild: true,
+		onCheckedChange: handleCheckedChange,
+		children: /* @__PURE__ */ jsx(motion.span, {
+			className: cn("peer size-4 flex items-center justify-center shrink-0 rounded-[3px] border border-primary transition-colors duration-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground cursor-pointer", className),
+			"data-slot": "checkbox",
+			whileHover: { scale: 1.05 },
+			whileTap: { scale: .95 },
+			...props,
+			children: /* @__PURE__ */ jsx(Indicator, {
+				asChild: true,
+				forceMount: true,
+				children: /* @__PURE__ */ jsx(motion.svg, {
+					animate: isChecked ? "checked" : "unchecked",
+					className: "size-3",
+					"data-slot": "checkbox-indicator",
+					fill: "none",
+					initial: "unchecked",
+					stroke: "currentColor",
+					strokeWidth: "3.5",
+					viewBox: "0 0 24 24",
+					xmlns: "http://www.w3.org/2000/svg",
+					children: /* @__PURE__ */ jsx(motion.path, {
+						d: "M4.5 12.75l6 6 9-13.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						variants: {
+							checked: {
+								pathLength: 1,
+								opacity: 1,
+								transition: {
+									duration: .2,
+									delay: .2
+								}
+							},
+							unchecked: {
+								pathLength: 0,
+								opacity: 0,
+								transition: { duration: .2 }
+							}
+						}
+					})
+				})
+			})
+		})
+	});
+}
+
 //#endregion
 //#region src/components/ui/command.tsx
 function Command$1({ className,...props }) {
@@ -251,10 +314,7 @@ function Selector({ type = "single", value, onChange, search, onSearch, items, l
 											className: cn("transition-all p-2 gap-2 my-1 first:mt-0 last:mb-0", "bg-accent! text-accent-foreground"),
 											onSelect: () => handleItemSelect(item),
 											value: String(item[itemKey]),
-											children: [/* @__PURE__ */ jsx("div", {
-												className: cn("size-4 shrink-0 border-2 rounded flex items-center justify-center transition-colors", "bg-primary border-primary"),
-												children: /* @__PURE__ */ jsx(Check, { className: "size-2.5 text-primary-foreground" })
-											}), item[fieldLabel]]
+											children: [/* @__PURE__ */ jsx(Checkbox$1, { checked: isItemSelected(item) }), item[fieldLabel]]
 										}, `item-selected-${item[itemKey]}`))
 									}),
 									unselectedGroups.length > 0 && unselectedGroups.some((group) => group.items.length > 0) && unselectedGroups.map((group) => /* @__PURE__ */ jsx(CommandGroup, {
@@ -264,7 +324,7 @@ function Selector({ type = "single", value, onChange, search, onSearch, items, l
 											onSelect: () => handleItemSelect(item),
 											value: String(item[itemKey]),
 											children: [
-												isMultiple && /* @__PURE__ */ jsx("div", { className: "size-4 shrink-0 border-2 rounded flex items-center justify-center transition-colors border-input" }),
+												isMultiple && /* @__PURE__ */ jsx(Checkbox$1, { checked: isItemSelected(item) }),
 												item[fieldLabel],
 												!isMultiple && isItemSelected(item) && /* @__PURE__ */ jsx(Check, { className: "ml-auto h-4 w-4" })
 											]

package/dist/remote-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"remote-selector.js","names":["Command","CommandPrimitive","Command","id"],"sources":["../src/components/ui/badge.tsx","../src/components/ui/button.tsx","../src/components/ui/command.tsx","../src/components/ui/selector.tsx","../src/components/remote-selector/remote-selector.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        destructive:\n          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',\n        warning: 'border-transparent bg-warning text-warning-foreground',\n        outline: 'text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return (\n    <div className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n","import * as React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '@/lib/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        ghost:\n          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      className={cn(buttonVariants({ variant, size, className }))}\n      data-slot=\"button\"\n      {...(props as any)}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n","'use client';\n\nimport * as React from 'react';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      className={cn(\n        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',\n        className\n      )}\n      data-slot=\"command\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n      data-slot=\"command-input-wrapper\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        className={cn(\n          'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className\n        )}\n        data-slot=\"command-input\"\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      className={cn(\n        'max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto',\n        className\n      )}\n      data-slot=\"command-list\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      className=\"py-6 text-center text-sm\"\n      data-slot=\"command-empty\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      className={cn(\n        'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n        className\n      )}\n      data-slot=\"command-group\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      className={cn('bg-border -mx-1 h-px', className)}\n      data-slot=\"command-separator\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      data-slot=\"command-item\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      className={cn(\n        'text-muted-foreground ml-auto text-xs tracking-widest',\n        className\n      )}\n      data-slot=\"command-shortcut\"\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n","'use client';\n\nimport { useEffect, useMemo } from 'react';\n\nimport type { PopoverProps } from '@radix-ui/react-popover';\nimport { ScrollArea, ScrollAreaViewport } from '@radix-ui/react-scroll-area';\n\nimport { Check, ChevronsUpDown, X } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { Badge } from './badge';\nimport { Button } from './button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from './command';\nimport { InputHelp } from './input-help';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\nimport { ScrollBar } from './scroll-area';\n\nexport type SelectorOption = {\n  id: string | number;\n  name: string;\n  value?: any;\n  children?: SelectorOption[];\n};\n\nexport type SelectorProps<T> = {\n  type?: 'single' | 'multiple';\n  value?: T | T[];\n  onChange?: (item: T | T[] | undefined | null) => void;\n  search?: string;\n  onSearch?: (search: string) => void;\n  placeholder?: string;\n  empty?: React.ReactNode;\n  items: T[];\n  fieldLabel: keyof T;\n  fieldKey?: keyof T;\n  groupBy?: keyof T;\n  disabled?: boolean;\n  searchPlaceholder?: string;\n  label?: string;\n  name?: string;\n  className?: string;\n  required?: boolean;\n  error?: React.ReactNode;\n  selectFirstIsOne?: boolean;\n  help?: string;\n  extra?: string;\n  extraOnClick?: (\n    onChange?: (item: T | T[] | undefined | null) => void\n  ) => Promise<void> | void;\n  open?: boolean;\n  setOpen?: (open: boolean) => void;\n  maxVisibleBadges?: number;\n  id?: string;\n} & PopoverProps;\n\ntype SelectorGroup<T> = {\n  id: string;\n  heading?: string;\n  items: T[];\n};\n\nexport function Selector<T>({\n  type = 'single',\n  value,\n  onChange,\n  search,\n  onSearch,\n  items,\n  label,\n  placeholder,\n  fieldLabel,\n  fieldKey,\n  groupBy,\n  searchPlaceholder,\n  name,\n  empty = 'Nenhuma opção encontrada...',\n  disabled = false,\n  className,\n  required,\n  error,\n  selectFirstIsOne,\n  help,\n  extra,\n  extraOnClick,\n  open,\n  setOpen,\n  maxVisibleBadges = 3,\n  id,\n  ...props\n}: SelectorProps<T>) {\n  const itemKey = fieldKey || fieldLabel;\n\n  const isMultiple = type === 'multiple';\n  const selectedItems = isMultiple && Array.isArray(value) ? value : [];\n  const singleValue = !isMultiple && !Array.isArray(value) ? value : undefined;\n\n  const isItemSelected = (item: T): boolean => {\n    if (isMultiple) {\n      return selectedItems.some(\n        (selected) => selected[itemKey] === item[itemKey]\n      );\n    }\n    return singleValue?.[itemKey] === item[itemKey];\n  };\n\n  const handleItemSelect = (item: T) => {\n    if (isMultiple) {\n      const isSelected = isItemSelected(item);\n      const newValue = isSelected\n        ? selectedItems.filter(\n            (selected) => selected[itemKey] !== item[itemKey]\n          )\n        : [...selectedItems, item];\n      onChange?.(newValue.length > 0 ? newValue : null);\n    } else {\n      onChange?.(item);\n      setOpen?.(false);\n    }\n  };\n\n  useEffect(() => {\n    if (selectFirstIsOne && items && items.length === 1 && !value) {\n      onChange?.(items[0] as any);\n    }\n  }, [items]);\n\n  const { selectedGroups, unselectedGroups } = useMemo(() => {\n    if (!isMultiple || selectedItems.length === 0) {\n      return {\n        selectedGroups: [],\n        unselectedGroups: buildGroups(items, groupBy),\n      };\n    }\n\n    const unselectedItems = items.filter((item) => !isItemSelected(item));\n\n    return {\n      selectedGroups: selectedItems,\n      unselectedGroups: buildGroups(unselectedItems, groupBy),\n    };\n  }, [groupBy, items, isMultiple, selectedItems]);\n\n  return (\n    <div\n      className={cn('w-full flex flex-col gap-1', className)}\n      id={id || `selector-${name}`}\n    >\n      {label && (\n        <div className=\"flex items-end gap-1.5\">\n          <label\n            className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n            htmlFor={id || name}\n          >\n            {label}:\n            {required && (\n              <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n            )}\n          </label>\n\n          <InputHelp help={help} name={name} />\n        </div>\n      )}\n      <div className=\"flex flex-col gap-1\">\n        <Popover onOpenChange={setOpen} open={open} {...props}>\n          <PopoverTrigger asChild>\n            <Button\n              aria-expanded={open}\n              aria-label=\"Carregando opções...\"\n              className={cn(\n                'mt-0! justify-between w-full hover:bg-transparent cursor-pointer',\n                !value && 'text-muted-foreground',\n                error && 'border-destructive'\n              )}\n              disabled={disabled}\n              id={id || name}\n              role=\"combobox\"\n              variant=\"outline\"\n            >\n              {isMultiple && selectedItems.length > 0 ? (\n                <div className=\"flex gap-1 flex-1 min-w-0 overflow-hidden\">\n                  {selectedItems\n                    .slice(0, maxVisibleBadges)\n                    .map((item, index) => (\n                      <Badge\n                        className=\"truncate shrink min-w-0\"\n                        key={`badge-${item[itemKey]}-${index}`}\n                        variant=\"secondary\"\n                      >\n                        <span className=\"truncate block\">\n                          {item[fieldLabel] as string}\n                        </span>\n                      </Badge>\n                    ))}\n                  {selectedItems.length > maxVisibleBadges && (\n                    <Badge className=\"shrink-0\" variant=\"secondary\">\n                      +{selectedItems.length - maxVisibleBadges}\n                    </Badge>\n                  )}\n                </div>\n              ) : (\n                <span className=\"truncate\">\n                  {!isMultiple && singleValue\n                    ? (singleValue[fieldLabel] as string)\n                    : placeholder || `Selecione a ${label?.toLowerCase()}`}\n                </span>\n              )}\n              <div className=\"flex items-center shrink-0\">\n                <div className=\"relative size-4\">\n                  {((isMultiple && selectedItems.length > 0) ||\n                    (!isMultiple && singleValue !== undefined)) && (\n                    <div\n                      className=\"absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        onChange?.(null);\n                      }}\n                    >\n                      <X className=\"size-4\" />\n                    </div>\n                  )}\n                </div>\n                <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n              </div>\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"w-(--radix-popover-trigger-width) max-w-2xl p-0\">\n            <Command shouldFilter={false}>\n              <CommandInput\n                onValueChange={onSearch}\n                placeholder={\n                  searchPlaceholder ||\n                  `Pesquise por uma ${label?.toLowerCase()}`\n                }\n                value={search}\n              />\n              <CommandList>\n                <ScrollArea className=\"h-fit max-h-[300px]\" id=\"scroll\">\n                  <ScrollAreaViewport className=\"w-full h-fit max-h-[300px] relative\">\n                    <CommandEmpty className=\"text-sm p-3 text-foreground/60\">\n                      {empty}\n                    </CommandEmpty>\n                    {isMultiple && selectedGroups.length > 0 && (\n                      <CommandGroup heading=\"Selecionados\">\n                        {selectedGroups.map((item) => (\n                          <CommandItem\n                            className={cn(\n                              'transition-all p-2 gap-2 my-1 first:mt-0 last:mb-0',\n                              'bg-accent! text-accent-foreground'\n                            )}\n                            key={`item-selected-${item[itemKey]}`}\n                            onSelect={() => handleItemSelect(item)}\n                            value={String(item[itemKey])}\n                          >\n                            <div\n                              className={cn(\n                                'size-4 shrink-0 border-2 rounded flex items-center justify-center transition-colors',\n                                'bg-primary border-primary'\n                              )}\n                            >\n                              <Check className=\"size-2.5 text-primary-foreground\" />\n                            </div>\n                            {item[fieldLabel] as string}\n                          </CommandItem>\n                        ))}\n                      </CommandGroup>\n                    )}\n                    {unselectedGroups.length > 0 &&\n                      unselectedGroups.some(\n                        (group) => group.items.length > 0\n                      ) &&\n                      unselectedGroups.map((group) => (\n                        <CommandGroup\n                          heading={\n                            group.heading ||\n                            (group.id === UNDEFINED_GROUP_ID && 'Outros')\n                          }\n                          key={`group-${group.id}`}\n                        >\n                          {group.items.map((item) => (\n                            <CommandItem\n                              className={cn(\n                                'transition-all p-2',\n                                isMultiple && 'gap-2',\n                                !isMultiple &&\n                                  isItemSelected(item) &&\n                                  'bg-accent! text-accent-foreground'\n                              )}\n                              key={`item-${item[itemKey]}`}\n                              onSelect={() => handleItemSelect(item)}\n                              value={String(item[itemKey])}\n                            >\n                              {isMultiple && (\n                                <div className=\"size-4 shrink-0 border-2 rounded flex items-center justify-center transition-colors border-input\" />\n                              )}\n                              {item[fieldLabel] as string}\n                              {!isMultiple && isItemSelected(item) && (\n                                <Check className=\"ml-auto h-4 w-4\" />\n                              )}\n                            </CommandItem>\n                          ))}\n                        </CommandGroup>\n                      ))}\n                    {extra && (\n                      <CommandItem\n                        className={cn(\n                          'transition-all p-2 sticky bottom-0 bg-white hover:!bg-accent aria-selected:!bg-accent'\n                        )}\n                        onSelect={() => {\n                          extraOnClick?.(onChange);\n                          setOpen?.(false);\n                        }}\n                      >\n                        {extra}\n                      </CommandItem>\n                    )}\n                  </ScrollAreaViewport>\n                  <ScrollBar />\n                </ScrollArea>\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n        {error && error}\n      </div>\n    </div>\n  );\n}\n\nconst DEFAULT_GROUP_ID = 'selector-default-group';\nconst UNDEFINED_GROUP_ID = 'selector-undefined-group';\n\nconst buildGroups = <T,>(items: T[], groupBy?: keyof T): SelectorGroup<T>[] => {\n  if (!groupBy) return [{ id: DEFAULT_GROUP_ID, items }];\n\n  return Object.values(\n    items.reduce<Record<string, SelectorGroup<T>>>((acc, item) => {\n      const rawValue = item[groupBy];\n      const heading = rawValue == null ? undefined : String(rawValue);\n      const groupId = heading ?? UNDEFINED_GROUP_ID;\n\n      if (!acc[groupId]) {\n        acc[groupId] = { id: groupId, heading, items: [] };\n      }\n\n      acc[groupId].items.push(item);\n      return acc;\n    }, {})\n  );\n};\n","'use client';\n\nimport { useEffect, useId, useState } from 'react';\n\nimport {\n  type FieldPath,\n  type FieldPathValue,\n  type FieldValues,\n  type UseControllerProps,\n  useController,\n  useFormContext,\n} from 'react-hook-form';\nimport { useDebounce } from 'use-debounce';\n\nimport { FormField, FormItem, FormMessage } from '@/components/ui/form';\nimport { Selector, type SelectorProps } from '../ui/selector';\n\nimport {\n  type Options,\n  parseAsArrayOf,\n  parseAsString,\n  useQueryState,\n} from 'nuqs';\n\nexport type TUseData<T> = (\n  search?: string,\n  initialParams?: any,\n  disabled?: boolean\n) => {\n  data: T[];\n};\n\nexport type BaseRemoteSelectorProps<T> = {\n  useData: TUseData<T>;\n  initialParams?: Parameters<TUseData<T>>[1];\n  initialRequest?: boolean;\n  forceToggle?: boolean;\n} & Omit<\n  SelectorProps<T>,\n  'items' | 'value' | 'onChange' | 'search' | 'onSearch' | 'open' | 'setOpen'\n>;\n\nexport interface RemoteSelectorFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> extends UseControllerProps<TFieldValues, TFieldName> {\n  disabled?: boolean;\n  required?: boolean;\n  defaultValue?: FieldPathValue<TFieldValues, TFieldName>;\n  onChange?: (value: any) => Promise<void> | void;\n  nameValue?: string;\n}\n\nexport function RemoteSelectorField<\n  T,\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  name,\n  nameValue,\n  className,\n  required,\n  defaultValue,\n  onChange: onChangeCallback,\n  useData,\n  initialParams,\n  initialRequest = false,\n  forceToggle = false,\n  ...props\n}: RemoteSelectorFieldProps<TFieldValues, TFieldName> &\n  BaseRemoteSelectorProps<T>) {\n  type TItem = NonNullable<ReturnType<TUseData<T>>['data']>[number];\n\n  const { control, setValue } = useFormContext();\n  const { field, fieldState } = useController({\n    control,\n    name,\n    rules: { required: required ? 'Campo obrigatório' : false },\n    defaultValue,\n  });\n\n  const id = useId();\n\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n  const [searchDebounced] = useDebounce(search, 100, {\n    maxWait: 200,\n  });\n\n  const { data } = useData(\n    searchDebounced,\n    initialParams,\n    !open && !initialRequest\n  );\n\n  useEffect(() => {\n    setOpen(forceToggle);\n  }, [forceToggle]);\n\n  return (\n    <FormItem className={className}>\n      <Selector\n        {...props}\n        error={fieldState?.error && <FormMessage />}\n        id={`${id}-${name.replaceAll('.', '-')}`}\n        items={data as TItem[]}\n        key={`selector-${field.name}-${field.value}`}\n        name={name}\n        onChange={(value: any) => {\n          field.onChange(value as TItem);\n          if (nameValue && props.fieldKey) {\n            if (value) {\n              if (Array.isArray(value)) {\n                setValue(\n                  nameValue,\n                  value.map((item) => item[props.fieldKey] as string)\n                );\n              } else {\n                setValue(nameValue, value[props.fieldKey] as string);\n              }\n            } else {\n              setValue(nameValue, null);\n            }\n          }\n          onChangeCallback?.(value as TItem);\n        }}\n        onSearch={setSearch}\n        open={open}\n        required={required}\n        search={search}\n        setOpen={setOpen}\n        value={field.value as TItem}\n      />\n    </FormItem>\n  );\n}\n\nexport interface RemoteSelectorQueryProps<T>\n  extends BaseRemoteSelectorProps<T> {\n  name: string;\n  defaultValue?: string;\n  options?: Options;\n  onChange?: (value: T | T[] | null) => void;\n}\n\nexport function RemoteSelectorQuery<T>({\n  name,\n  defaultValue,\n  options,\n  useData,\n  initialParams,\n  initialRequest = false,\n  forceToggle = false,\n  onChange: onChangeCallback,\n  fieldKey,\n  fieldLabel,\n  type = 'single',\n  ...props\n}: RemoteSelectorQueryProps<T>) {\n  type TItem = NonNullable<ReturnType<TUseData<T>>['data']>[number];\n\n  const id = useId();\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n  const [searchDebounced] = useDebounce(search, 100, {\n    maxWait: 200,\n  });\n\n  const { data } = useData(\n    searchDebounced,\n    initialParams,\n    !open && !initialRequest\n  );\n\n  useEffect(() => {\n    setOpen(forceToggle);\n  }, [forceToggle]);\n\n  const itemKey = fieldKey || fieldLabel;\n  const isMultiple = type === 'multiple';\n\n  const parser = isMultiple\n    ? parseAsArrayOf(parseAsString).withDefault([])\n    : parseAsString.withDefault(defaultValue ?? '');\n\n  const [queryIds, setQueryIds] = useQueryState(\n    name,\n    parser.withOptions({\n      clearOnDefault: true,\n      shallow: false,\n      ...options,\n    })\n  );\n\n  const value =\n    isMultiple && Array.isArray(queryIds)\n      ? queryIds\n          .map((id) => data?.find((item) => String(item[itemKey]) === id))\n          .filter((item): item is TItem => !!item)\n      : data?.find((item) => String(item[itemKey]) === queryIds) || null;\n\n  const handleChange = (newValue: T | T[] | null | undefined) => {\n    if (!newValue) {\n      setQueryIds(isMultiple ? ([] as any) : null);\n    } else if (isMultiple && Array.isArray(newValue)) {\n      setQueryIds(newValue.map((item) => String(item[itemKey])) as any);\n    } else {\n      setQueryIds(String((newValue as T)[itemKey]) as any);\n    }\n    onChangeCallback?.(newValue as T | T[] | null);\n  };\n\n  return (\n    <Selector\n      {...props}\n      fieldKey={fieldKey}\n      fieldLabel={fieldLabel}\n      id={`${id}-${name}`}\n      items={data as TItem[]}\n      name={name}\n      onChange={handleChange}\n      onSearch={setSearch}\n      open={open}\n      search={search}\n      setOpen={setOpen}\n      type={type}\n      value={value as TItem}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"remote-selector.js","names":["Checkbox","CheckboxPrimitive","CheckboxIndicatorPrimitive","Command","CommandPrimitive","Command","Checkbox","id"],"sources":["../src/components/ui/badge.tsx","../src/components/ui/button.tsx","../src/components/ui/checkbox.tsx","../src/components/ui/command.tsx","../src/components/ui/selector.tsx","../src/components/remote-selector/remote-selector.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        destructive:\n          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',\n        warning: 'border-transparent bg-warning text-warning-foreground',\n        outline: 'text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return (\n    <div className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n","import * as React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '@/lib/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        ghost:\n          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      className={cn(buttonVariants({ variant, size, className }))}\n      data-slot=\"button\"\n      {...(props as any)}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n","'use client';\n\nimport * as React from 'react';\n\nimport {\n  Indicator as CheckboxIndicatorPrimitive,\n  Checkbox as CheckboxPrimitive,\n} from '@radix-ui/react-checkbox';\n\nimport { cn } from '@/lib/utils';\nimport type { HTMLMotionProps } from 'motion/react';\nimport * as motion from 'motion/react-m';\n\ntype CheckboxProps = React.ComponentProps<typeof CheckboxPrimitive> &\n  HTMLMotionProps<'button'>;\n\nfunction Checkbox({ className, onCheckedChange, ...props }: CheckboxProps) {\n  const [isChecked, setIsChecked] = React.useState(\n    props?.checked ?? props?.defaultChecked ?? false\n  );\n\n  React.useEffect(() => {\n    if (props?.checked !== undefined) setIsChecked(props.checked);\n  }, [props?.checked]);\n\n  const handleCheckedChange = React.useCallback(\n    (checked: boolean) => {\n      setIsChecked(checked);\n      onCheckedChange?.(checked);\n    },\n    [onCheckedChange]\n  );\n\n  return (\n    <CheckboxPrimitive {...props} asChild onCheckedChange={handleCheckedChange}>\n      <motion.span\n        className={cn(\n          'peer size-4 flex items-center justify-center shrink-0 rounded-[3px] border border-primary transition-colors duration-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground cursor-pointer',\n          className\n        )}\n        data-slot=\"checkbox\"\n        whileHover={{ scale: 1.05 }}\n        whileTap={{ scale: 0.95 }}\n        {...props}\n      >\n        <CheckboxIndicatorPrimitive asChild forceMount>\n          <motion.svg\n            animate={isChecked ? 'checked' : 'unchecked'}\n            className=\"size-3\"\n            data-slot=\"checkbox-indicator\"\n            fill=\"none\"\n            initial=\"unchecked\"\n            stroke=\"currentColor\"\n            strokeWidth=\"3.5\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <motion.path\n              d=\"M4.5 12.75l6 6 9-13.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              variants={{\n                checked: {\n                  pathLength: 1,\n                  opacity: 1,\n                  transition: {\n                    duration: 0.2,\n                    delay: 0.2,\n                  },\n                },\n                unchecked: {\n                  pathLength: 0,\n                  opacity: 0,\n                  transition: {\n                    duration: 0.2,\n                  },\n                },\n              }}\n            />\n          </motion.svg>\n        </CheckboxIndicatorPrimitive>\n      </motion.span>\n    </CheckboxPrimitive>\n  );\n}\n\nexport { Checkbox, type CheckboxProps };\n","'use client';\n\nimport * as React from 'react';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      className={cn(\n        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',\n        className\n      )}\n      data-slot=\"command\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n      data-slot=\"command-input-wrapper\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        className={cn(\n          'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className\n        )}\n        data-slot=\"command-input\"\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      className={cn(\n        'max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto',\n        className\n      )}\n      data-slot=\"command-list\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      className=\"py-6 text-center text-sm\"\n      data-slot=\"command-empty\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      className={cn(\n        'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n        className\n      )}\n      data-slot=\"command-group\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      className={cn('bg-border -mx-1 h-px', className)}\n      data-slot=\"command-separator\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      data-slot=\"command-item\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      className={cn(\n        'text-muted-foreground ml-auto text-xs tracking-widest',\n        className\n      )}\n      data-slot=\"command-shortcut\"\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n","'use client';\n\nimport { useEffect, useMemo } from 'react';\n\nimport type { PopoverProps } from '@radix-ui/react-popover';\nimport { ScrollArea, ScrollAreaViewport } from '@radix-ui/react-scroll-area';\n\nimport { Check, ChevronsUpDown, X } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { Badge } from './badge';\nimport { Button } from './button';\nimport { Checkbox } from './checkbox';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from './command';\nimport { InputHelp } from './input-help';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\nimport { ScrollBar } from './scroll-area';\n\nexport type SelectorOption = {\n  id: string | number;\n  name: string;\n  value?: any;\n  children?: SelectorOption[];\n};\n\nexport type SelectorProps<T> = {\n  type?: 'single' | 'multiple';\n  value?: T | T[];\n  onChange?: (item: T | T[] | undefined | null) => void;\n  search?: string;\n  onSearch?: (search: string) => void;\n  placeholder?: string;\n  empty?: React.ReactNode;\n  items: T[];\n  fieldLabel: keyof T;\n  fieldKey?: keyof T;\n  groupBy?: keyof T;\n  disabled?: boolean;\n  searchPlaceholder?: string;\n  label?: string;\n  name?: string;\n  className?: string;\n  required?: boolean;\n  error?: React.ReactNode;\n  selectFirstIsOne?: boolean;\n  help?: string;\n  extra?: string;\n  extraOnClick?: (\n    onChange?: (item: T | T[] | undefined | null) => void\n  ) => Promise<void> | void;\n  open?: boolean;\n  setOpen?: (open: boolean) => void;\n  maxVisibleBadges?: number;\n  id?: string;\n} & PopoverProps;\n\ntype SelectorGroup<T> = {\n  id: string;\n  heading?: string;\n  items: T[];\n};\n\nexport function Selector<T>({\n  type = 'single',\n  value,\n  onChange,\n  search,\n  onSearch,\n  items,\n  label,\n  placeholder,\n  fieldLabel,\n  fieldKey,\n  groupBy,\n  searchPlaceholder,\n  name,\n  empty = 'Nenhuma opção encontrada...',\n  disabled = false,\n  className,\n  required,\n  error,\n  selectFirstIsOne,\n  help,\n  extra,\n  extraOnClick,\n  open,\n  setOpen,\n  maxVisibleBadges = 3,\n  id,\n  ...props\n}: SelectorProps<T>) {\n  const itemKey = fieldKey || fieldLabel;\n\n  const isMultiple = type === 'multiple';\n  const selectedItems = isMultiple && Array.isArray(value) ? value : [];\n  const singleValue = !isMultiple && !Array.isArray(value) ? value : undefined;\n\n  const isItemSelected = (item: T): boolean => {\n    if (isMultiple) {\n      return selectedItems.some(\n        (selected) => selected[itemKey] === item[itemKey]\n      );\n    }\n    return singleValue?.[itemKey] === item[itemKey];\n  };\n\n  const handleItemSelect = (item: T) => {\n    if (isMultiple) {\n      const isSelected = isItemSelected(item);\n      const newValue = isSelected\n        ? selectedItems.filter(\n            (selected) => selected[itemKey] !== item[itemKey]\n          )\n        : [...selectedItems, item];\n      onChange?.(newValue.length > 0 ? newValue : null);\n    } else {\n      onChange?.(item);\n      setOpen?.(false);\n    }\n  };\n\n  useEffect(() => {\n    if (selectFirstIsOne && items && items.length === 1 && !value) {\n      onChange?.(items[0] as any);\n    }\n  }, [items]);\n\n  const { selectedGroups, unselectedGroups } = useMemo(() => {\n    if (!isMultiple || selectedItems.length === 0) {\n      return {\n        selectedGroups: [],\n        unselectedGroups: buildGroups(items, groupBy),\n      };\n    }\n\n    const unselectedItems = items.filter((item) => !isItemSelected(item));\n\n    return {\n      selectedGroups: selectedItems,\n      unselectedGroups: buildGroups(unselectedItems, groupBy),\n    };\n  }, [groupBy, items, isMultiple, selectedItems]);\n\n  return (\n    <div\n      className={cn('w-full flex flex-col gap-1', className)}\n      id={id || `selector-${name}`}\n    >\n      {label && (\n        <div className=\"flex items-end gap-1.5\">\n          <label\n            className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n            htmlFor={id || name}\n          >\n            {label}:\n            {required && (\n              <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n            )}\n          </label>\n\n          <InputHelp help={help} name={name} />\n        </div>\n      )}\n      <div className=\"flex flex-col gap-1\">\n        <Popover onOpenChange={setOpen} open={open} {...props}>\n          <PopoverTrigger asChild>\n            <Button\n              aria-expanded={open}\n              aria-label=\"Carregando opções...\"\n              className={cn(\n                'mt-0! justify-between w-full hover:bg-transparent cursor-pointer',\n                !value && 'text-muted-foreground',\n                error && 'border-destructive'\n              )}\n              disabled={disabled}\n              id={id || name}\n              role=\"combobox\"\n              variant=\"outline\"\n            >\n              {isMultiple && selectedItems.length > 0 ? (\n                <div className=\"flex gap-1 flex-1 min-w-0 overflow-hidden\">\n                  {selectedItems\n                    .slice(0, maxVisibleBadges)\n                    .map((item, index) => (\n                      <Badge\n                        className=\"truncate shrink min-w-0\"\n                        key={`badge-${item[itemKey]}-${index}`}\n                        variant=\"secondary\"\n                      >\n                        <span className=\"truncate block\">\n                          {item[fieldLabel] as string}\n                        </span>\n                      </Badge>\n                    ))}\n                  {selectedItems.length > maxVisibleBadges && (\n                    <Badge className=\"shrink-0\" variant=\"secondary\">\n                      +{selectedItems.length - maxVisibleBadges}\n                    </Badge>\n                  )}\n                </div>\n              ) : (\n                <span className=\"truncate\">\n                  {!isMultiple && singleValue\n                    ? (singleValue[fieldLabel] as string)\n                    : placeholder || `Selecione a ${label?.toLowerCase()}`}\n                </span>\n              )}\n              <div className=\"flex items-center shrink-0\">\n                <div className=\"relative size-4\">\n                  {((isMultiple && selectedItems.length > 0) ||\n                    (!isMultiple && singleValue !== undefined)) && (\n                    <div\n                      className=\"absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        onChange?.(null);\n                      }}\n                    >\n                      <X className=\"size-4\" />\n                    </div>\n                  )}\n                </div>\n                <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n              </div>\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"w-(--radix-popover-trigger-width) max-w-2xl p-0\">\n            <Command shouldFilter={false}>\n              <CommandInput\n                onValueChange={onSearch}\n                placeholder={\n                  searchPlaceholder ||\n                  `Pesquise por uma ${label?.toLowerCase()}`\n                }\n                value={search}\n              />\n              <CommandList>\n                <ScrollArea className=\"h-fit max-h-[300px]\" id=\"scroll\">\n                  <ScrollAreaViewport className=\"w-full h-fit max-h-[300px] relative\">\n                    <CommandEmpty className=\"text-sm p-3 text-foreground/60\">\n                      {empty}\n                    </CommandEmpty>\n                    {isMultiple && selectedGroups.length > 0 && (\n                      <CommandGroup heading=\"Selecionados\">\n                        {selectedGroups.map((item) => (\n                          <CommandItem\n                            className={cn(\n                              'transition-all p-2 gap-2 my-1 first:mt-0 last:mb-0',\n                              'bg-accent! text-accent-foreground'\n                            )}\n                            key={`item-selected-${item[itemKey]}`}\n                            onSelect={() => handleItemSelect(item)}\n                            value={String(item[itemKey])}\n                          >\n                            <Checkbox checked={isItemSelected(item)} />\n                            {/* <div\n                              className={cn(\n                                'size-4 shrink-0 border-2 rounded flex items-center justify-center transition-colors',\n                                'bg-primary border-primary'\n                              )}\n                            >\n                              <Check className=\"size-2.5 text-primary-foreground\" />\n                            </div> */}\n                            {item[fieldLabel] as string}\n                          </CommandItem>\n                        ))}\n                      </CommandGroup>\n                    )}\n                    {unselectedGroups.length > 0 &&\n                      unselectedGroups.some(\n                        (group) => group.items.length > 0\n                      ) &&\n                      unselectedGroups.map((group) => (\n                        <CommandGroup\n                          heading={\n                            group.heading ||\n                            (group.id === UNDEFINED_GROUP_ID && 'Outros')\n                          }\n                          key={`group-${group.id}`}\n                        >\n                          {group.items.map((item) => (\n                            <CommandItem\n                              className={cn(\n                                'transition-all p-2',\n                                isMultiple && 'gap-2',\n                                !isMultiple &&\n                                  isItemSelected(item) &&\n                                  'bg-accent! text-accent-foreground'\n                              )}\n                              key={`item-${item[itemKey]}`}\n                              onSelect={() => handleItemSelect(item)}\n                              value={String(item[itemKey])}\n                            >\n                              {isMultiple && (\n                                <Checkbox checked={isItemSelected(item)} />\n                              )}\n                              {item[fieldLabel] as string}\n                              {!isMultiple && isItemSelected(item) && (\n                                <Check className=\"ml-auto h-4 w-4\" />\n                              )}\n                            </CommandItem>\n                          ))}\n                        </CommandGroup>\n                      ))}\n                    {extra && (\n                      <CommandItem\n                        className={cn(\n                          'transition-all p-2 sticky bottom-0 bg-white hover:!bg-accent aria-selected:!bg-accent'\n                        )}\n                        onSelect={() => {\n                          extraOnClick?.(onChange);\n                          setOpen?.(false);\n                        }}\n                      >\n                        {extra}\n                      </CommandItem>\n                    )}\n                  </ScrollAreaViewport>\n                  <ScrollBar />\n                </ScrollArea>\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n        {error && error}\n      </div>\n    </div>\n  );\n}\n\nconst DEFAULT_GROUP_ID = 'selector-default-group';\nconst UNDEFINED_GROUP_ID = 'selector-undefined-group';\n\nconst buildGroups = <T,>(items: T[], groupBy?: keyof T): SelectorGroup<T>[] => {\n  if (!groupBy) return [{ id: DEFAULT_GROUP_ID, items }];\n\n  return Object.values(\n    items.reduce<Record<string, SelectorGroup<T>>>((acc, item) => {\n      const rawValue = item[groupBy];\n      const heading = rawValue == null ? undefined : String(rawValue);\n      const groupId = heading ?? UNDEFINED_GROUP_ID;\n\n      if (!acc[groupId]) {\n        acc[groupId] = { id: groupId, heading, items: [] };\n      }\n\n      acc[groupId].items.push(item);\n      return acc;\n    }, {})\n  );\n};\n","'use client';\n\nimport { useEffect, useId, useState } from 'react';\n\nimport {\n  type FieldPath,\n  type FieldPathValue,\n  type FieldValues,\n  type UseControllerProps,\n  useController,\n  useFormContext,\n} from 'react-hook-form';\nimport { useDebounce } from 'use-debounce';\n\nimport { FormField, FormItem, FormMessage } from '@/components/ui/form';\nimport { Selector, type SelectorProps } from '../ui/selector';\n\nimport {\n  type Options,\n  parseAsArrayOf,\n  parseAsString,\n  useQueryState,\n} from 'nuqs';\n\nexport type TUseData<T> = (\n  search?: string,\n  initialParams?: any,\n  disabled?: boolean\n) => {\n  data: T[];\n};\n\nexport type BaseRemoteSelectorProps<T> = {\n  useData: TUseData<T>;\n  initialParams?: Parameters<TUseData<T>>[1];\n  initialRequest?: boolean;\n  forceToggle?: boolean;\n} & Omit<\n  SelectorProps<T>,\n  'items' | 'value' | 'onChange' | 'search' | 'onSearch' | 'open' | 'setOpen'\n>;\n\nexport interface RemoteSelectorFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> extends UseControllerProps<TFieldValues, TFieldName> {\n  disabled?: boolean;\n  required?: boolean;\n  defaultValue?: FieldPathValue<TFieldValues, TFieldName>;\n  onChange?: (value: any) => Promise<void> | void;\n  nameValue?: string;\n}\n\nexport function RemoteSelectorField<\n  T,\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  name,\n  nameValue,\n  className,\n  required,\n  defaultValue,\n  onChange: onChangeCallback,\n  useData,\n  initialParams,\n  initialRequest = false,\n  forceToggle = false,\n  ...props\n}: RemoteSelectorFieldProps<TFieldValues, TFieldName> &\n  BaseRemoteSelectorProps<T>) {\n  type TItem = NonNullable<ReturnType<TUseData<T>>['data']>[number];\n\n  const { control, setValue } = useFormContext();\n  const { field, fieldState } = useController({\n    control,\n    name,\n    rules: { required: required ? 'Campo obrigatório' : false },\n    defaultValue,\n  });\n\n  const id = useId();\n\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n  const [searchDebounced] = useDebounce(search, 100, {\n    maxWait: 200,\n  });\n\n  const { data } = useData(\n    searchDebounced,\n    initialParams,\n    !open && !initialRequest\n  );\n\n  useEffect(() => {\n    setOpen(forceToggle);\n  }, [forceToggle]);\n\n  return (\n    <FormItem className={className}>\n      <Selector\n        {...props}\n        error={fieldState?.error && <FormMessage />}\n        id={`${id}-${name.replaceAll('.', '-')}`}\n        items={data as TItem[]}\n        key={`selector-${field.name}-${field.value}`}\n        name={name}\n        onChange={(value: any) => {\n          field.onChange(value as TItem);\n          if (nameValue && props.fieldKey) {\n            if (value) {\n              if (Array.isArray(value)) {\n                setValue(\n                  nameValue,\n                  value.map((item) => item[props.fieldKey] as string)\n                );\n              } else {\n                setValue(nameValue, value[props.fieldKey] as string);\n              }\n            } else {\n              setValue(nameValue, null);\n            }\n          }\n          onChangeCallback?.(value as TItem);\n        }}\n        onSearch={setSearch}\n        open={open}\n        required={required}\n        search={search}\n        setOpen={setOpen}\n        value={field.value as TItem}\n      />\n    </FormItem>\n  );\n}\n\nexport interface RemoteSelectorQueryProps<T>\n  extends BaseRemoteSelectorProps<T> {\n  name: string;\n  defaultValue?: string;\n  options?: Options;\n  onChange?: (value: T | T[] | null) => void;\n}\n\nexport function RemoteSelectorQuery<T>({\n  name,\n  defaultValue,\n  options,\n  useData,\n  initialParams,\n  initialRequest = false,\n  forceToggle = false,\n  onChange: onChangeCallback,\n  fieldKey,\n  fieldLabel,\n  type = 'single',\n  ...props\n}: RemoteSelectorQueryProps<T>) {\n  type TItem = NonNullable<ReturnType<TUseData<T>>['data']>[number];\n\n  const id = useId();\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n  const [searchDebounced] = useDebounce(search, 100, {\n    maxWait: 200,\n  });\n\n  const { data } = useData(\n    searchDebounced,\n    initialParams,\n    !open && !initialRequest\n  );\n\n  useEffect(() => {\n    setOpen(forceToggle);\n  }, [forceToggle]);\n\n  const itemKey = fieldKey || fieldLabel;\n  const isMultiple = type === 'multiple';\n\n  const parser = isMultiple\n    ? parseAsArrayOf(parseAsString).withDefault([])\n    : parseAsString.withDefault(defaultValue ?? '');\n\n  const [queryIds, setQueryIds] = useQueryState(\n    name,\n    parser.withOptions({\n      clearOnDefault: true,\n      shallow: false,\n      ...options,\n    })\n  );\n\n  const value =\n    isMultiple && Array.isArray(queryIds)\n      ? queryIds\n          .map((id) => data?.find((item) => String(item[itemKey]) === id))\n          .filter((item): item is TItem => !!item)\n      : data?.find((item) => String(item[itemKey]) === queryIds) || null;\n\n  const handleChange = (newValue: T | T[] | null | undefined) => {\n    if (!newValue) {\n      setQueryIds(isMultiple ? ([] as any) : null);\n    } else if (isMultiple && Array.isArray(newValue)) {\n      setQueryIds(newValue.map((item) => String(item[itemKey])) as any);\n    } else {\n      setQueryIds(String((newValue as T)[itemKey]) as any);\n    }\n    onChangeCallback?.(newValue as T | T[] | null);\n  };\n\n  return (\n    <Selector\n      {...props}\n      fieldKey={fieldKey}\n      fieldLabel={fieldLabel}\n      id={`${id}-${name}`}\n      items={data as TItem[]}\n      name={name}\n      onChange={handleChange}\n      onSearch={setSearch}\n      open={open}\n      search={search}\n      setOpen={setOpen}\n      type={type}\n      value={value as TItem}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,gBAAgB,IACpB,4JACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,aACE;EACF,SAAS;EACT,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAMD,SAAS,MAAM,EAAE,WAAW,QAAS,GAAG,SAAqB;AAC3D,QACE,oBAAC;EAAI,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EAAE,GAAI;GAAS;;;;;ACzB5E,MAAM,iBAAiB,IACrB,+bACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aACE;GACF,SACE;GACF,WACE;GACF,OACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,OAAO,EACd,WACA,SACA,MACA,UAAU,MACV,GAAG,SAIA;AAGH,QACE,oBAHW,UAAU,OAAO;EAI1B,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAC3D,aAAU;EACV,GAAK;GACL;;;;;ACtCN,SAASA,WAAS,EAAE,WAAW,gBAAiB,GAAG,SAAwB;CACzE,MAAM,CAAC,WAAW,gBAAgB,MAAM,SACtC,OAAO,WAAW,OAAO,kBAAkB,MAC5C;AAED,OAAM,gBAAgB;AACpB,MAAI,OAAO,YAAY,OAAW,cAAa,MAAM,QAAQ;IAC5D,CAAC,OAAO,QAAQ,CAAC;CAEpB,MAAM,sBAAsB,MAAM,aAC/B,YAAqB;AACpB,eAAa,QAAQ;AACrB,oBAAkB,QAAQ;IAE5B,CAAC,gBAAgB,CAClB;AAED,QACE,oBAACC;EAAkB,GAAI;EAAO;EAAQ,iBAAiB;YACrD,oBAAC,OAAO;GACN,WAAW,GACT,4WACA,UACD;GACD,aAAU;GACV,YAAY,EAAE,OAAO,MAAM;GAC3B,UAAU,EAAE,OAAO,KAAM;GACzB,GAAI;aAEJ,oBAACC;IAA2B;IAAQ;cAClC,oBAAC,OAAO;KACN,SAAS,YAAY,YAAY;KACjC,WAAU;KACV,aAAU;KACV,MAAK;KACL,SAAQ;KACR,QAAO;KACP,aAAY;KACZ,SAAQ;KACR,OAAM;eAEN,oBAAC,OAAO;MACN,GAAE;MACF,eAAc;MACd,gBAAe;MACf,UAAU;OACR,SAAS;QACP,YAAY;QACZ,SAAS;QACT,YAAY;SACV,UAAU;SACV,OAAO;SACR;QACF;OACD,WAAW;QACT,YAAY;QACZ,SAAS;QACT,YAAY,EACV,UAAU,IACX;QACF;OACF;OACD;MACS;KACc;IACjB;GACI;;;;;ACzExB,SAASC,UAAQ,EACf,UACA,GAAG,SAC6C;AAChD,QACE,oBAACC;EACC,WAAW,GACT,6FACA,UACD;EACD,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,UACA,GAAG,SACmD;AACtD,QACE,qBAAC;EACC,WAAU;EACV,aAAU;aAEV,oBAAC,cAAW,WAAU,+BAA+B,EACrD,oBAACA,QAAiB;GAChB,WAAW,GACT,4JACA,UACD;GACD,aAAU;GACV,GAAI;IACJ;GACE;;AAIV,SAAS,YAAY,EACnB,UACA,GAAG,SACkD;AACrD,QACE,oBAACA,QAAiB;EAChB,WAAW,GACT,+DACA,UACD;EACD,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QACE,oBAACA,QAAiB;EAChB,WAAU;EACV,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,UACA,GAAG,SACmD;AACtD,QACE,oBAACA,QAAiB;EAChB,WAAW,GACT,0NACA,UACD;EACD,aAAU;EACV,GAAI;GACJ;;AAiBN,SAAS,YAAY,EACnB,UACA,GAAG,SACkD;AACrD,QACE,oBAACA,QAAiB;EAChB,WAAW,GACT,uYACA,UACD;EACD,aAAU;EACV,GAAI;GACJ;;;;;AC/CN,SAAgB,SAAY,EAC1B,OAAO,UACP,OACA,UACA,QACA,UACA,OACA,OACA,aACA,YACA,UACA,SACA,mBACA,MACA,QAAQ,+BACR,WAAW,OACX,WACA,UACA,OACA,kBACA,MACA,OACA,cACA,MACA,SACA,mBAAmB,GACnB,GACA,GAAG,SA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"}

package/dist/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","names":[],"sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"text-field.d.ts","names":[],"sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/text-field.js

@@ -135,7 +135,7 @@ function InputText({ label, description, placeholder, className, children, disab
 }
 const defaultTransform = (value) => value;
 function TextField({ name, className, required, defaultValue, onChange, transform = defaultTransform, prefix,...props }) {
-	const { control, setError } = useFormContext();
+	const { control, setError, watch } = useFormContext();
 	const inputName = prefix ? `${prefix}.${name}` : name;
 	const id = useId();
 	const { field, fieldState } = useController({
@@ -144,6 +144,7 @@ function TextField({ name, className, required, defaultValue, onChange, transfor
 		rules: { required: required ? "Campo obrigatório" : false },
 		defaultValue
 	});
+	const watchedValue = watch(inputName);
 	return /* @__PURE__ */ jsx(FormItem, {
 		className: cn("w-full", className),
 		children: /* @__PURE__ */ jsx(InputText, {
@@ -161,7 +162,7 @@ function TextField({ name, className, required, defaultValue, onChange, transfor
 			setError: (error) => {
 				setError(inputName, { message: error || "" });
 			},
-			value: field.value || ""
+			value: watchedValue ?? field.value ?? ""
 		})
 	});
 }

package/dist/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","names":["defaultConfig: Intl.NumberFormatOptions","useMoneyInput","value"],"sources":["../src/hooks/use-money-input.ts","../src/components/text-field/TextField.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\ntype useMoneyInputProps = {\n  config?: Intl.NumberFormatOptions & { prefix?: string; suffix?: string };\n  value?: number;\n  onChange?: (value?: number) => void;\n};\n\nconst defaultConfig: Intl.NumberFormatOptions = {\n  currency: 'BRL',\n  currencyDisplay: 'symbol',\n  currencySign: 'standard',\n  style: 'currency',\n  minimumFractionDigits: 2,\n  maximumFractionDigits: 2,\n};\n\nconst useMoneyInput = ({\n  config = defaultConfig,\n  onChange,\n  value,\n}: useMoneyInputProps) => {\n  const prefix = config?.prefix || '';\n  const suffix = config?.suffix || '';\n  const divider = Math.pow(10, config?.maximumFractionDigits || 2);\n  const moneyFormatter = Intl.NumberFormat('pt-BR', config);\n  const [displayValue, setDisplayValue] = useState(() =>\n    value ? `${prefix}${moneyFormatter.format(value)}${suffix}` : ''\n  );\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const digits = e.target.value.replace(/\\D/g, '');\n    const realValue = digits ? Number(digits) / divider : undefined;\n    const formattedValue =\n      digits && realValue\n        ? `${prefix}${moneyFormatter.format(realValue)}${suffix}`\n        : '';\n\n    setDisplayValue(formattedValue);\n    onChange?.(realValue);\n  };\n\n  useEffect(() => {\n    const formatted = value\n      ? `${prefix}${moneyFormatter.format(value)}${suffix}`\n      : '';\n    setDisplayValue(formatted);\n  }, [value]);\n\n  return { displayValue, handleChange };\n};\n\nexport default useMoneyInput;\n","'use client';\n\nimport { useEffect, useId, useState } from 'react';\n\nimport {\n  type FieldPath,\n  type FieldPathValue,\n  type FieldValues,\n  type UseControllerProps,\n  useController,\n  useFormContext,\n} from 'react-hook-form';\nimport useMoneyInput from '@/hooks/use-money-input';\nimport withMask, { type Options as MaskOptions } from '@/hooks/with-mask';\n\nimport { FormItem } from '@/components/ui/form';\nimport { Input } from '@/components/ui/input';\nimport { InputHelp } from '@/components/ui/input-help';\nimport { Label } from '@/components/ui/label';\n\nimport { cn } from '@/lib/utils';\nimport { useCookiesNext } from 'cookies-next';\nimport { type Options, parseAsString, useQueryState } from 'nuqs';\n\ntype Mask =\n  | 'datetime'\n  | 'email'\n  | 'numeric'\n  | 'currency'\n  | 'decimal'\n  | 'integer'\n  | 'percentage'\n  | 'url'\n  | 'ip'\n  | 'mac'\n  | 'ssn'\n  | 'brl-currency'\n  | 'cpf'\n  | 'cnpj'\n  | (string & {})\n  | (string[] & {})\n  | null;\n\nexport interface InputTextProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  ref?: React.ForwardedRef<HTMLInputElement>;\n  label?: string;\n  placeholder?: string;\n  description?: string;\n  className?: string;\n  disabled?: boolean;\n  inputType?: 'default' | 'money';\n  type?: string;\n  required?: boolean;\n  maskRef?: React.ForwardedRef<any>;\n  children?: React.ReactNode;\n  mask?: Mask;\n  maskOptions?: MaskOptions;\n  error?: React.ReactNode;\n  id?: string;\n  detail?: string;\n  detailClassName?: string;\n  inputClassName?: string;\n  help?: string;\n  setError?: (error: string | undefined) => void;\n  moneyConfig?: Intl.NumberFormatOptions & { prefix?: string; suffix?: string };\n}\nfunction InputText({\n  label,\n  description,\n  placeholder,\n  className,\n  children,\n  disabled,\n  type,\n  required,\n  maskRef,\n  mask,\n  inputType = 'default',\n  maskOptions,\n  error,\n  setError,\n  id,\n  ref,\n  detail,\n  detailClassName,\n  inputClassName,\n  help,\n  value,\n  moneyConfig,\n  name,\n  onChange,\n  ...props\n}: InputTextProps) {\n  const { displayValue, handleChange } = useMoneyInput({\n    config: moneyConfig,\n    onChange(value) {\n      onChange?.({\n        ...({} as React.ChangeEvent<HTMLInputElement>),\n        target: { value: value as any },\n      } as React.ChangeEvent<HTMLInputElement>);\n    },\n    value: Number(value),\n  });\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (inputType === 'money') {\n      const rawNumber = Number(e.target.value.replace(/\\D/g, '')) / 100;\n\n      if (props.max && rawNumber >= Number(props.max)) {\n        setError?.(`O valor deve ser menor que ${props.max}`);\n        return;\n      }\n\n      if (props.min && rawNumber <= Number(props.min)) {\n        setError?.(`O valor deve ser maior que ${props.min}`);\n        return;\n      }\n\n      setError?.(undefined);\n\n      handleChange?.(e);\n    } else {\n      onChange?.(e);\n    }\n  };\n\n  return (\n    <div\n      className={cn('w-full flex flex-col gap-1', className)}\n      id={`input-${name?.replace('.', '-')}`}\n      ref={ref}\n    >\n      {(label || detail || help) && (\n        <div className=\"flex items-end gap-1.5\">\n          <div className={cn('flex !gap-0 flex-col', className)}>\n            {label && (\n              <Label\n                className={cn(\n                  error && 'text-destructive',\n                  className,\n                  disabled && 'text-muted-foreground',\n                  'inline-flex items-center flex-row gap-0.5 leading-none'\n                )}\n                htmlFor={id}\n              >\n                {label}:\n                {required && (\n                  <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n                )}\n              </Label>\n            )}\n            {detail && (\n              <Label\n                className={cn(\n                  'text-sm text-muted-foreground font-normal leading-none',\n                  detailClassName\n                )}\n                htmlFor={id}\n              >\n                {detail}\n              </Label>\n            )}\n          </div>\n\n          <InputHelp help={help} name={name} />\n        </div>\n      )}\n      <div className=\"flex flex-col gap-1\">\n        <div className=\"relative\">\n          <Input\n            className={cn(error && 'border-destructive', inputClassName)}\n            disabled={disabled}\n            id={id}\n            onInput={handleInputChange}\n            placeholder={placeholder}\n            ref={\n              maskRef ||\n              ((mask\n                ? withMask(mask, {\n                    autoUnmask: true,\n                    ...maskOptions,\n                    showMaskOnHover: false,\n                    showMaskOnFocus: false,\n                    clearMaskOnLostFocus: true,\n                  })\n                : undefined) as any)\n            }\n            type={type}\n            value={value && inputType === 'money' ? displayValue : value}\n            {...props}\n          />\n          {children}\n        </div>\n        {description && (\n          <p className={cn('text-sm text-muted-foreground', className)}>\n            {description}\n          </p>\n        )}\n        {error && (\n          <p className=\"text-destructive text-xs\" data-slot=\"form-message\">\n            {error}\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport interface TextFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> extends UseControllerProps<TFieldValues, TFieldName> {\n  disabled?: boolean;\n  required?: boolean;\n  children?: React.ReactNode;\n  defaultValue?: FieldPathValue<TFieldValues, TFieldName>;\n  onChange?: (value: string) => Promise<void> | void;\n  transform?: (value: string) => string;\n}\n\nconst defaultTransform = (value: string) => value;\n\nfunction TextField<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  name,\n  className,\n  required,\n  defaultValue,\n  onChange,\n  transform = defaultTransform,\n  prefix,\n  ...props\n}: TextFieldProps<TFieldValues, TFieldName> &\n  Omit<InputTextProps, 'onChange'>) {\n  const { control, setError } = useFormContext();\n  const inputName = prefix ? `${prefix}.${name}` : name;\n  const id = useId();\n  const { field, fieldState } = useController({\n    control,\n    name: inputName,\n    rules: { required: required ? 'Campo obrigatório' : false },\n    defaultValue,\n  });\n\n  return (\n    <FormItem className={cn('w-full', className)}>\n      <InputText\n        {...field}\n        {...props}\n        disabled={props.disabled}\n        error={fieldState?.error?.message}\n        id={`${id}-${inputName.replaceAll('.', '-')}`}\n        name={inputName}\n        onChange={(e) => {\n          field.onChange(transform(e.target.value));\n          onChange?.(transform(e.target.value));\n        }}\n        required={required}\n        setError={(error) => {\n          setError(inputName, { message: error || '' });\n        }}\n        value={field.value || ''}\n      />\n    </FormItem>\n  );\n}\n\nexport interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {\n  name: string;\n  defaultValue?: string;\n  options?: Options;\n  onChange?: (value: string) => void;\n}\n\nfunction QueryTextField({\n  name,\n  defaultValue,\n  options,\n  ...props\n}: QueryTextFieldProps) {\n  const id = useId();\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [filter, setFilter] = useQueryState(\n    name,\n    parseAsString\n      .withOptions({\n        clearOnDefault: true,\n        shallow: false,\n        limitUrlUpdates: {\n          method: 'debounce',\n          timeMs: 400,\n        },\n        ...options,\n      })\n      .withDefault(defaultValue ?? '')\n  );\n\n  return (\n    <InputText\n      id={`${id}-${name}`}\n      name={name}\n      value={filter}\n      {...props}\n      error={error}\n      onChange={(e) => {\n        setFilter(e.target.value);\n        props.onChange?.(e.target.value);\n      }}\n      setError={setError}\n    />\n  );\n}\n\nexport interface CookieTextFieldProps extends InputTextProps {\n  name: string;\n  maxAge?: number;\n}\n\nfunction CookieTextField({\n  name,\n  maxAge = 60 * 60 * 24 * 7,\n  onChange,\n  ...inputProps\n}: CookieTextFieldProps) {\n  const { getCookie, setCookie, deleteCookie } = useCookiesNext();\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [value, setValue] = useState('');\n\n  useEffect(() => {\n    const stored = getCookie(`input-${name}`);\n    if (stored && typeof stored === 'string') {\n      setValue(stored);\n      onChange?.(stored as any);\n    }\n  }, [name, getCookie]);\n\n  useEffect(() => {\n    if (value !== '' && value !== undefined) {\n      setCookie(`input-${name}`, value, { maxAge });\n    } else {\n      deleteCookie(`input-${name}`);\n    }\n  }, [name, value, setCookie]);\n\n  return (\n    <InputText\n      {...inputProps}\n      error={error}\n      id={`cookie-${name}`}\n      name={name}\n      onChange={(e) => {\n        setValue(e.target.value);\n        onChange?.(e.target.value as any);\n      }}\n      setError={setError}\n      value={value}\n    />\n  );\n}\n\nexport { InputText, TextField, QueryTextField, CookieTextField };\n"],"mappings":"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"}
+{"version":3,"file":"text-field.js","names":["defaultConfig: Intl.NumberFormatOptions","useMoneyInput","value"],"sources":["../src/hooks/use-money-input.ts","../src/components/text-field/TextField.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\ntype useMoneyInputProps = {\n  config?: Intl.NumberFormatOptions & { prefix?: string; suffix?: string };\n  value?: number;\n  onChange?: (value?: number) => void;\n};\n\nconst defaultConfig: Intl.NumberFormatOptions = {\n  currency: 'BRL',\n  currencyDisplay: 'symbol',\n  currencySign: 'standard',\n  style: 'currency',\n  minimumFractionDigits: 2,\n  maximumFractionDigits: 2,\n};\n\nconst useMoneyInput = ({\n  config = defaultConfig,\n  onChange,\n  value,\n}: useMoneyInputProps) => {\n  const prefix = config?.prefix || '';\n  const suffix = config?.suffix || '';\n  const divider = Math.pow(10, config?.maximumFractionDigits || 2);\n  const moneyFormatter = Intl.NumberFormat('pt-BR', config);\n  const [displayValue, setDisplayValue] = useState(() =>\n    value ? `${prefix}${moneyFormatter.format(value)}${suffix}` : ''\n  );\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const digits = e.target.value.replace(/\\D/g, '');\n    const realValue = digits ? Number(digits) / divider : undefined;\n    const formattedValue =\n      digits && realValue\n        ? `${prefix}${moneyFormatter.format(realValue)}${suffix}`\n        : '';\n\n    setDisplayValue(formattedValue);\n    onChange?.(realValue);\n  };\n\n  useEffect(() => {\n    const formatted = value\n      ? `${prefix}${moneyFormatter.format(value)}${suffix}`\n      : '';\n    setDisplayValue(formatted);\n  }, [value]);\n\n  return { displayValue, handleChange };\n};\n\nexport default useMoneyInput;\n","'use client';\n\nimport { useEffect, useId, useState } from 'react';\n\nimport {\n  type FieldPath,\n  type FieldPathValue,\n  type FieldValues,\n  type UseControllerProps,\n  useController,\n  useFormContext,\n} from 'react-hook-form';\nimport useMoneyInput from '@/hooks/use-money-input';\nimport withMask, { type Options as MaskOptions } from '@/hooks/with-mask';\n\nimport { FormItem } from '@/components/ui/form';\nimport { Input } from '@/components/ui/input';\nimport { InputHelp } from '@/components/ui/input-help';\nimport { Label } from '@/components/ui/label';\n\nimport { cn } from '@/lib/utils';\nimport { useCookiesNext } from 'cookies-next';\nimport { type Options, parseAsString, useQueryState } from 'nuqs';\n\ntype Mask =\n  | 'datetime'\n  | 'email'\n  | 'numeric'\n  | 'currency'\n  | 'decimal'\n  | 'integer'\n  | 'percentage'\n  | 'url'\n  | 'ip'\n  | 'mac'\n  | 'ssn'\n  | 'brl-currency'\n  | 'cpf'\n  | 'cnpj'\n  | (string & {})\n  | (string[] & {})\n  | null;\n\nexport interface InputTextProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  ref?: React.ForwardedRef<HTMLInputElement>;\n  label?: string;\n  placeholder?: string;\n  description?: string;\n  className?: string;\n  disabled?: boolean;\n  inputType?: 'default' | 'money';\n  type?: string;\n  required?: boolean;\n  maskRef?: React.ForwardedRef<any>;\n  children?: React.ReactNode;\n  mask?: Mask;\n  maskOptions?: MaskOptions;\n  error?: React.ReactNode;\n  id?: string;\n  detail?: string;\n  detailClassName?: string;\n  inputClassName?: string;\n  help?: string;\n  setError?: (error: string | undefined) => void;\n  moneyConfig?: Intl.NumberFormatOptions & { prefix?: string; suffix?: string };\n}\nfunction InputText({\n  label,\n  description,\n  placeholder,\n  className,\n  children,\n  disabled,\n  type,\n  required,\n  maskRef,\n  mask,\n  inputType = 'default',\n  maskOptions,\n  error,\n  setError,\n  id,\n  ref,\n  detail,\n  detailClassName,\n  inputClassName,\n  help,\n  value,\n  moneyConfig,\n  name,\n  onChange,\n  ...props\n}: InputTextProps) {\n  const { displayValue, handleChange } = useMoneyInput({\n    config: moneyConfig,\n    onChange(value) {\n      onChange?.({\n        ...({} as React.ChangeEvent<HTMLInputElement>),\n        target: { value: value as any },\n      } as React.ChangeEvent<HTMLInputElement>);\n    },\n    value: Number(value),\n  });\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (inputType === 'money') {\n      const rawNumber = Number(e.target.value.replace(/\\D/g, '')) / 100;\n\n      if (props.max && rawNumber >= Number(props.max)) {\n        setError?.(`O valor deve ser menor que ${props.max}`);\n        return;\n      }\n\n      if (props.min && rawNumber <= Number(props.min)) {\n        setError?.(`O valor deve ser maior que ${props.min}`);\n        return;\n      }\n\n      setError?.(undefined);\n\n      handleChange?.(e);\n    } else {\n      onChange?.(e);\n    }\n  };\n\n  return (\n    <div\n      className={cn('w-full flex flex-col gap-1', className)}\n      id={`input-${name?.replace('.', '-')}`}\n      ref={ref}\n    >\n      {(label || detail || help) && (\n        <div className=\"flex items-end gap-1.5\">\n          <div className={cn('flex !gap-0 flex-col', className)}>\n            {label && (\n              <Label\n                className={cn(\n                  error && 'text-destructive',\n                  className,\n                  disabled && 'text-muted-foreground',\n                  'inline-flex items-center flex-row gap-0.5 leading-none'\n                )}\n                htmlFor={id}\n              >\n                {label}:\n                {required && (\n                  <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n                )}\n              </Label>\n            )}\n            {detail && (\n              <Label\n                className={cn(\n                  'text-sm text-muted-foreground font-normal leading-none',\n                  detailClassName\n                )}\n                htmlFor={id}\n              >\n                {detail}\n              </Label>\n            )}\n          </div>\n\n          <InputHelp help={help} name={name} />\n        </div>\n      )}\n      <div className=\"flex flex-col gap-1\">\n        <div className=\"relative\">\n          <Input\n            className={cn(error && 'border-destructive', inputClassName)}\n            disabled={disabled}\n            id={id}\n            onInput={handleInputChange}\n            placeholder={placeholder}\n            ref={\n              maskRef ||\n              ((mask\n                ? withMask(mask, {\n                    autoUnmask: true,\n                    ...maskOptions,\n                    showMaskOnHover: false,\n                    showMaskOnFocus: false,\n                    clearMaskOnLostFocus: true,\n                  })\n                : undefined) as any)\n            }\n            type={type}\n            value={value && inputType === 'money' ? displayValue : value}\n            {...props}\n          />\n          {children}\n        </div>\n        {description && (\n          <p className={cn('text-sm text-muted-foreground', className)}>\n            {description}\n          </p>\n        )}\n        {error && (\n          <p className=\"text-destructive text-xs\" data-slot=\"form-message\">\n            {error}\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport interface TextFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> extends UseControllerProps<TFieldValues, TFieldName> {\n  disabled?: boolean;\n  required?: boolean;\n  children?: React.ReactNode;\n  defaultValue?: FieldPathValue<TFieldValues, TFieldName>;\n  onChange?: (value: string) => Promise<void> | void;\n  transform?: (value: string) => string;\n}\n\nconst defaultTransform = (value: string) => value;\n\nfunction TextField<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  name,\n  className,\n  required,\n  defaultValue,\n  onChange,\n  transform = defaultTransform,\n  prefix,\n  ...props\n}: TextFieldProps<TFieldValues, TFieldName> &\n  Omit<InputTextProps, 'onChange'>) {\n  const { control, setError, watch } = useFormContext();\n  const inputName = prefix ? `${prefix}.${name}` : name;\n  const id = useId();\n  const { field, fieldState } = useController({\n    control,\n    name: inputName,\n    rules: { required: required ? 'Campo obrigatório' : false },\n    defaultValue,\n  });\n\n  const watchedValue = watch(inputName);\n\n  return (\n    <FormItem className={cn('w-full', className)}>\n      <InputText\n        {...field}\n        {...props}\n        disabled={props.disabled}\n        error={fieldState?.error?.message}\n        id={`${id}-${inputName.replaceAll('.', '-')}`}\n        name={inputName}\n        onChange={(e) => {\n          field.onChange(transform(e.target.value));\n          onChange?.(transform(e.target.value));\n        }}\n        required={required}\n        setError={(error) => {\n          setError(inputName, { message: error || '' });\n        }}\n        value={watchedValue ?? field.value ?? ''}\n      />\n    </FormItem>\n  );\n}\n\nexport interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {\n  name: string;\n  defaultValue?: string;\n  options?: Options;\n  onChange?: (value: string) => void;\n}\n\nfunction QueryTextField({\n  name,\n  defaultValue,\n  options,\n  ...props\n}: QueryTextFieldProps) {\n  const id = useId();\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [filter, setFilter] = useQueryState(\n    name,\n    parseAsString\n      .withOptions({\n        clearOnDefault: true,\n        shallow: false,\n        limitUrlUpdates: {\n          method: 'debounce',\n          timeMs: 400,\n        },\n        ...options,\n      })\n      .withDefault(defaultValue ?? '')\n  );\n\n  return (\n    <InputText\n      id={`${id}-${name}`}\n      name={name}\n      value={filter}\n      {...props}\n      error={error}\n      onChange={(e) => {\n        setFilter(e.target.value);\n        props.onChange?.(e.target.value);\n      }}\n      setError={setError}\n    />\n  );\n}\n\nexport interface CookieTextFieldProps extends InputTextProps {\n  name: string;\n  maxAge?: number;\n}\n\nfunction CookieTextField({\n  name,\n  maxAge = 60 * 60 * 24 * 7,\n  onChange,\n  ...inputProps\n}: CookieTextFieldProps) {\n  const { getCookie, setCookie, deleteCookie } = useCookiesNext();\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [value, setValue] = useState('');\n\n  useEffect(() => {\n    const stored = getCookie(`input-${name}`);\n    if (stored && typeof stored === 'string') {\n      setValue(stored);\n      onChange?.(stored as any);\n    }\n  }, [name, getCookie]);\n\n  useEffect(() => {\n    if (value !== '' && value !== undefined) {\n      setCookie(`input-${name}`, value, { maxAge });\n    } else {\n      deleteCookie(`input-${name}`);\n    }\n  }, [name, value, setCookie]);\n\n  return (\n    <InputText\n      {...inputProps}\n      error={error}\n      id={`cookie-${name}`}\n      name={name}\n      onChange={(e) => {\n        setValue(e.target.value);\n        onChange?.(e.target.value as any);\n      }}\n      setError={setError}\n      value={value}\n    />\n  );\n}\n\nexport { InputText, TextField, QueryTextField, CookieTextField };\n"],"mappings":"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"}

package/dist/toggle-field.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { Item, Root } from "@radix-ui/react-toggle-group";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
@@ -23,7 +23,7 @@ declare function ToggleGroup({
   transition,
   activeClassName,
   ...props
-}: ToggleGroupProps): react_jsx_runtime8.JSX.Element;
+}: ToggleGroupProps): react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/components/toggle-field/ToggleField.d.ts
 type ToggleOption = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maquinaweb-ui",
-  "version": "2.34.1",
+  "version": "2.36.0",
   "description": "A minimal React component library",
   "type": "module",
   "sideEffects": false,
@@ -99,8 +99,8 @@
     "@semantic-release/git": "^10.0.1",
     "@tailwindcss/postcss": "^4.1.16",
     "@types/inputmask": "^5.0.7",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
+    "@types/react": "^19.2.1",
+    "@types/react-dom": "^19.2.1",
     "cmdk": "^1.1.1",
     "concurrently": "^9.0.0",
     "cookies-next": "^6.1.1",
@@ -109,13 +109,13 @@
     "lint-staged": "^16.2.3",
     "lucide-react": "^0.544.0",
     "motion": "^12.23.22",
-    "next": "^16.0.6",
+    "next": "^16.0.8",
     "nuqs": "^2.7.0",
-    "react": "^19.2.0",
+    "react": "^19.2.1",
     "react-cosmos": "^7.0.0",
     "react-cosmos-next": "^7.0.0",
     "react-cosmos-plugin-open-fixture": "^7.0.0",
-    "react-dom": "^19.2.0",
+    "react-dom": "^19.2.1",
     "react-hook-form": "^7.63.0",
     "tailwindcss": "^4.1.14",
     "tsdown": "^0.15.6",