maquinaweb-ui 2.25.1 → 2.26.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_runtime0 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_runtime0.JSX.Element;
 //#endregion
 export { ContainerAnimation, type ContainerAnimationProps };
 //# sourceMappingURL=container-animation.d.ts.map

package/dist/input-suggest.d.ts

@@ -1,6 +1,6 @@
 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_runtime0 from "react/jsx-runtime";
 import { Mask, Options } from "use-mask-input";
 import { PopoverProps } from "@radix-ui/react-popover";
 
@@ -65,7 +65,7 @@ declare function InputSuggest<TFieldValues extends FieldValues = FieldValues, TF
   children,
   initialParams,
   ...props
-}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps): react_jsx_runtime5.JSX.Element;
+}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InputSuggest, type InputSuggestProps };
 //# sourceMappingURL=input-suggest.d.ts.map

package/dist/remote-selector.d.ts

@@ -1,12 +1,13 @@
 import { ControllerFieldState } from "react-hook-form";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { PopoverProps } from "@radix-ui/react-popover";
 
 //#region src/components/ui/selector.d.ts
 
 type SelectorProps<T> = {
-  value?: T;
-  onChange?: (item: T | undefined | null) => void;
+  type?: 'single' | 'multiple';
+  value?: T | T[];
+  onChange?: (item: T | T[] | undefined | null) => void;
   search?: string;
   onSearch?: (search: string) => void;
   placeholder?: string;
@@ -25,10 +26,10 @@ type SelectorProps<T> = {
   selectFirstIsOne?: boolean;
   help?: string;
   extra?: string;
-  extraOnClick?: (onChange?: (item: T | undefined | null) => void) => Promise<void> | void;
+  extraOnClick?: (onChange?: (item: T | T[] | undefined | null) => void) => Promise<void> | void;
   open?: boolean;
   setOpen?: (open: boolean) => void;
-  withPortal?: boolean;
+  maxVisibleBadges?: number;
 } & PopoverProps;
 //#endregion
 //#region src/components/remote-selector/remote-selector.d.ts
@@ -47,7 +48,7 @@ declare function RemoteSelector<T>({
   initialRequest,
   forceToggle,
   ...props
-}: RemoteSelectorProps<T>): react_jsx_runtime0.JSX.Element;
+}: RemoteSelectorProps<T>): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { RemoteSelector, type RemoteSelectorProps, 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":";;;;;;AAmCoB,KAFR,aAEQ,CAAA,CAAA,CAAA,GAAA;OAIV,CAAA,EALA,CAKM;UACP,CAAA,EAAA,CAAA,IAAA,EALW,CAKX,GAAA,SAAA,GAAA,IAAA,EAAA,GAAA,IAAA;QACW,CAAA,EAAA,MAAA;UACD,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;aACD,CAAA,EAAA,MAAA;OAOH,CAAA,EAXL,KAAA,CAAM,SAWD;OAKO,EAfb,CAea,EAAA;YACf,EAAA,MAfa,CAeb;UAIH,CAAA,EAAA,MAlBe,CAkBf;EAAY,OAAA,CAAA,EAAA,MAjBE,CAiBF;;;;ECnDJ,IAAA,EAAA,MAAQ;EAQR,SAAA,CAAA,EAAA,MAAA;EAAmB,QAAA,CAAA,EAAA,OAAA;YACX,CAAA,EDgCL,oBChCK;kBAAT,CAAA,EAAA,OAAA;MAC2B,CAAA,EAAA,MAAA;OAAT,CAAA,EAAA,MAAA;cAAX,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,IAAA,EDoCI,CCpCJ,GAAA,SAAA,GAAA,IAAA,EAAA,GAAA,IAAA,EAAA,GDqCX,OCrCW,CAAA,IAAA,CAAA,GAAA,IAAA;MAGK,CAAA,EAAA,OAAA;SAAd,CAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;YAAL,CAAA,EAAA,OAAA;CAAI,GDsCJ,YCtCI;;;KAbI;QAKJ;;KAGI;EDgBA,OAAA,ECfD,QDec,CCfL,CDeK,CAAA;EAAA,aAAA,CAAA,ECdP,UDcO,CCdI,QDcJ,CCda,CDcb,CAAA,CAAA,CAAA,CAAA,CAAA;gBACf,CAAA,EAAA,OAAA;aACU,CAAA,EAAA,OAAA;ICbhB,IDiBM,CCjBD,aDiBO,CCjBO,CDiBP,CAAA,EAAA,OAAA,CAAA;AACP,iBChBO,cDgBP,CAAA,CAAA,CAAA,CAAA;EAAA,OAAA;EAAA,aAAA;EAAA,cAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,ECVN,mBDUM,CCVc,CDUd,CAAA,CAAA,ECVgB,kBAAA,CAAA,GAAA,CAAA,ODUhB"}
+{"version":3,"file":"remote-selector.d.ts","names":[],"sources":["../src/components/ui/selector.tsx","../src/components/remote-selector/remote-selector.tsx"],"sourcesContent":[],"mappings":";;;;;;AAoCc,KAFF,aAEE,CAAA,CAAA,CAAA,GAAA;MACM,CAAA,EAAA,QAAA,GAAA,UAAA;OAAI,CAAA,EADd,CACc,GADV,CACU,EAAA;UAId,CAAM,EAAA,CAAA,IAAA,EAJI,CAIJ,GAJQ,CAIR,EAAA,GAAA,SAAA,GAAA,IAAA,EAAA,GAAA,IAAA;QACP,CAAA,EAAA,MAAA;UACW,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;aACD,CAAA,EAAA,MAAA;OACD,CAAA,EAJR,KAAA,CAAM,SAIE;OAOH,EAVN,CAUM,EAAA;YAKO,EAAA,MAdF,CAcE;UAAI,CAAA,EAAA,MAbP,CAaO;SACnB,CAAA,EAAA,MAbW,CAaX;UAIH,CAAA,EAAA,OAAA;EAAY,iBAAA,CAAA,EAAA,MAAA;;;;ECrDJ,QAAA,CAAA,EAAQ,OAAA;EAQR,UAAA,CAAA,EDmCG,oBCnCgB;EAAA,gBAAA,CAAA,EAAA,OAAA;MACX,CAAA,EAAA,MAAA;OAAT,CAAA,EAAA,MAAA;cAC2B,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,IAAA,EDsChB,CCtCgB,GDsCZ,CCtCY,EAAA,GAAA,SAAA,GAAA,IAAA,EAAA,GAAA,IAAA,EAAA,GDuC/B,OCvC+B,CAAA,IAAA,CAAA,GAAA,IAAA;MAAT,CAAA,EAAA,OAAA;SAAX,CAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;kBAGK,CAAA,EAAA,MAAA;IDwCnB,YCxCK;;;KAbG;QAKJ;;KAGI;EDiBA,OAAA,EChBD,QDgBc,CChBL,CDgBK,CAAA;EAAA,aAAA,CAAA,ECfP,UDeO,CCfI,QDeJ,CCfa,CDeb,CAAA,CAAA,CAAA,CAAA,CAAA;gBAEf,CAAA,EAAA,OAAA;aAAI,CAAA,EAAA,OAAA;ICdV,IDegB,CCfX,aDeW,CCfG,CDeH,CAAA,EAAA,OAAA,CAAA;AAAI,iBCbR,cDaQ,CAAA,CAAA,CAAA,CAAA;EAAA,OAAA;EAAA,aAAA;EAAA,cAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,ECPrB,mBDOqB,CCPD,CDOC,CAAA,CAAA,ECPC,kBAAA,CAAA,GAAA,CAAA,ODOD"}

package/dist/remote-selector.js

@@ -15,6 +15,25 @@ import { useDebounce } from "use-debounce";
 import { ScrollArea, ScrollAreaViewport } from "@radix-ui/react-scroll-area";
 import { Command } from "cmdk";
 
+//#region src/components/ui/badge.tsx
+const badgeVariants = cva("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", {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+		secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+		destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+		warning: "border-transparent bg-warning text-warning-foreground",
+		outline: "text-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(badgeVariants({ variant }), className),
+		...props
+	});
+}
+
+//#endregion
 //#region src/components/ui/button.tsx
 const buttonVariants = cva("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", {
 	variants: {
@@ -101,32 +120,43 @@ function CommandItem({ className,...props }) {
 
 //#endregion
 //#region src/components/ui/selector.tsx
-const DEFAULT_GROUP_ID = "selector-default-group";
-const UNDEFINED_GROUP_ID = "selector-undefined-group";
-const buildGroups = (items, groupBy) => {
-	if (!groupBy) return [{
-		id: DEFAULT_GROUP_ID,
-		items
-	}];
-	return Object.values(items.reduce((acc, item) => {
-		const rawValue = item[groupBy];
-		const heading = rawValue == null ? void 0 : String(rawValue);
-		const groupId = heading ?? UNDEFINED_GROUP_ID;
-		if (!acc[groupId]) acc[groupId] = {
-			id: groupId,
-			heading,
-			items: []
-		};
-		acc[groupId].items.push(item);
-		return acc;
-	}, {}));
-};
-function Selector({ value, onChange, search, onSearch, items, label, placeholder, fieldLabel, fieldKey, groupBy, searchPlaceholder, name, empty = "Nenhuma opção encontrada...", disabled = false, className, required, fieldState, selectFirstIsOne, help, extra, extraOnClick, open, setOpen, withPortal = true,...props }) {
+function Selector({ type = "single", value, onChange, search, onSearch, items, label, placeholder, fieldLabel, fieldKey, groupBy, searchPlaceholder, name, empty = "Nenhuma opção encontrada...", disabled = false, className, required, fieldState, selectFirstIsOne, help, extra, extraOnClick, open, setOpen, maxVisibleBadges = 3,...props }) {
 	const itemKey = fieldKey || fieldLabel;
+	const isMultiple = type === "multiple";
+	const selectedItems = isMultiple && Array.isArray(value) ? value : [];
+	const singleValue = !isMultiple && !Array.isArray(value) ? value : void 0;
+	const isItemSelected = (item) => {
+		if (isMultiple) return selectedItems.some((selected) => selected[itemKey] === item[itemKey]);
+		return singleValue?.[itemKey] === item[itemKey];
+	};
+	const handleItemSelect = (item) => {
+		if (isMultiple) {
+			const newValue = isItemSelected(item) ? selectedItems.filter((selected) => selected[itemKey] !== item[itemKey]) : [...selectedItems, item];
+			onChange?.(newValue.length > 0 ? newValue : null);
+		} else {
+			onChange?.(item);
+			setOpen?.(false);
+		}
+	};
 	useEffect(() => {
 		if (selectFirstIsOne && items && items.length === 1 && !value) onChange?.(items[0]);
 	}, [items]);
-	const groups = useMemo(() => buildGroups(items, groupBy), [groupBy, items]);
+	const { selectedGroups, unselectedGroups } = useMemo(() => {
+		if (!isMultiple || selectedItems.length === 0) return {
+			selectedGroups: [],
+			unselectedGroups: buildGroups(items, groupBy)
+		};
+		const unselectedItems = items.filter((item) => !isItemSelected(item));
+		return {
+			selectedGroups: buildGroups(selectedItems, groupBy),
+			unselectedGroups: buildGroups(unselectedItems, groupBy)
+		};
+	}, [
+		groupBy,
+		items,
+		isMultiple,
+		selectedItems
+	]);
 	return /* @__PURE__ */ jsxs(FormItem, {
 		className: cn("w-full", className),
 		id: `selector-${name}`,
@@ -161,14 +191,28 @@ function Selector({ value, onChange, search, onSearch, items, label, placeholder
 						id: name,
 						role: "combobox",
 						variant: "outline",
-						children: [/* @__PURE__ */ jsx("span", {
+						children: [isMultiple && selectedItems.length > 0 ? /* @__PURE__ */ jsxs("div", {
+							className: "flex gap-1 flex-1 min-w-0 overflow-hidden",
+							children: [selectedItems.slice(0, maxVisibleBadges).map((item, index) => /* @__PURE__ */ jsx(Badge, {
+								className: "truncate shrink min-w-0",
+								variant: "secondary",
+								children: /* @__PURE__ */ jsx("span", {
+									className: "truncate block",
+									children: item[fieldLabel]
+								})
+							}, `badge-${item[itemKey]}-${index}`)), selectedItems.length > maxVisibleBadges && /* @__PURE__ */ jsxs(Badge, {
+								className: "shrink-0",
+								variant: "secondary",
+								children: ["+", selectedItems.length - maxVisibleBadges]
+							})]
+						}) : /* @__PURE__ */ jsx("span", {
 							className: "truncate",
-							children: value ? value[fieldLabel] : placeholder || `Selecione a ${label?.toLowerCase()}`
+							children: !isMultiple && singleValue ? singleValue[fieldLabel] : placeholder || `Selecione a ${label?.toLowerCase()}`
 						}), /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center",
+							className: "flex items-center shrink-0",
 							children: [/* @__PURE__ */ jsx("div", {
 								className: "relative size-4",
-								children: value !== void 0 && /* @__PURE__ */ jsx("div", {
+								children: (isMultiple && selectedItems.length > 0 || !isMultiple && singleValue !== void 0) && /* @__PURE__ */ jsx("div", {
 									className: "absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
 									onClick: (e) => {
 										e.preventDefault();
@@ -200,16 +244,29 @@ function Selector({ value, onChange, search, onSearch, items, label, placeholder
 										className: "text-sm p-3 text-foreground/60",
 										children: empty
 									}),
-									groups.map((group) => /* @__PURE__ */ jsx(CommandGroup, {
+									isMultiple && selectedGroups.map((group) => /* @__PURE__ */ jsx(CommandGroup, {
+										heading: "Selecionados",
+										children: group.items.map((item) => /* @__PURE__ */ jsxs(CommandItem, {
+											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 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]]
+										}, `item-selected-${item[itemKey]}`))
+									}, `group-selected-${group.id}`)),
+									unselectedGroups.map((group) => /* @__PURE__ */ jsx(CommandGroup, {
 										heading: group.heading || group.id === UNDEFINED_GROUP_ID && "Outros",
 										children: group.items.map((item) => /* @__PURE__ */ jsxs(CommandItem, {
-											className: cn("transition-all p-2", value === item && "bg-accent! text-accent-foreground"),
-											onSelect: () => {
-												onChange?.(item);
-												setOpen?.(false);
-											},
+											className: cn("transition-all p-2", isMultiple && "gap-2", !isMultiple && isItemSelected(item) && "bg-accent! text-accent-foreground"),
+											onSelect: () => handleItemSelect(item),
 											value: String(item[itemKey]),
-											children: [item[fieldLabel], value === item && /* @__PURE__ */ jsx(Check, { className: "ml-auto h-4 w-4" })]
+											children: [
+												isMultiple && /* @__PURE__ */ jsx("div", { className: "size-4 border-2 rounded flex items-center justify-center transition-colors border-input" }),
+												item[fieldLabel],
+												!isMultiple && isItemSelected(item) && /* @__PURE__ */ jsx(Check, { className: "ml-auto h-4 w-4" })
+											]
 										}, `item-${item[itemKey]}`))
 									}, `group-${group.id}`)),
 									extra && /* @__PURE__ */ jsx(CommandItem, {
@@ -229,6 +286,26 @@ function Selector({ value, onChange, search, onSearch, items, label, placeholder
 		})]
 	});
 }
+const DEFAULT_GROUP_ID = "selector-default-group";
+const UNDEFINED_GROUP_ID = "selector-undefined-group";
+const buildGroups = (items, groupBy) => {
+	if (!groupBy) return [{
+		id: DEFAULT_GROUP_ID,
+		items
+	}];
+	return Object.values(items.reduce((acc, item) => {
+		const rawValue = item[groupBy];
+		const heading = rawValue == null ? void 0 : String(rawValue);
+		const groupId = heading ?? UNDEFINED_GROUP_ID;
+		if (!acc[groupId]) acc[groupId] = {
+			id: groupId,
+			heading,
+			items: []
+		};
+		acc[groupId].items.push(item);
+		return acc;
+	}, {}));
+};
 
 //#endregion
 //#region src/components/remote-selector/remote-selector.tsx

package/dist/remote-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"remote-selector.js","names":["Command","CommandPrimitive","Command"],"sources":["../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 { 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 { ControllerFieldState } from 'react-hook-form';\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 { Button } from './button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from './command';\nimport { FormItem, FormLabel, FormMessage } from './form';\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  value?: T;\n  onChange?: (item: 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  fieldState?: ControllerFieldState;\n  selectFirstIsOne?: boolean;\n  help?: string;\n  extra?: string;\n  extraOnClick?: (\n    onChange?: (item: T | undefined | null) => void\n  ) => Promise<void> | void;\n  open?: boolean;\n  setOpen?: (open: boolean) => void;\n  withPortal?: boolean;\n} & PopoverProps;\n\ntype SelectorGroup<T> = {\n  id: string;\n  heading?: string;\n  items: T[];\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\nexport function Selector<T>({\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  fieldState,\n  selectFirstIsOne,\n  help,\n  extra,\n  extraOnClick,\n  open,\n  setOpen,\n  withPortal = true,\n  ...props\n}: SelectorProps<T>) {\n  const itemKey = fieldKey || fieldLabel;\n\n  useEffect(() => {\n    if (selectFirstIsOne && items && items.length === 1 && !value) {\n      onChange?.(items[0] as any);\n    }\n  }, [items]);\n\n  const groups = useMemo(() => buildGroups(items, groupBy), [groupBy, items]);\n\n  return (\n    <FormItem className={cn('w-full', className)} id={`selector-${name}`}>\n      <div className=\"flex items-end gap-1.5\">\n        <FormLabel htmlFor={name}>\n          {label}:\n          {required && (\n            <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n          )}\n        </FormLabel>\n\n        <InputHelp help={help} name={name} />\n      </div>\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 h-10! hover:bg-transparent cursor-pointer',\n              !value && 'text-muted-foreground',\n              fieldState?.error && 'border-destructive'\n            )}\n            disabled={disabled}\n            id={name}\n            role=\"combobox\"\n            variant=\"outline\"\n          >\n            <span className=\"truncate\">\n              {value\n                ? (value[fieldLabel] as string)\n                : placeholder || `Selecione a ${label?.toLowerCase()}`}\n            </span>\n            <div className=\"flex items-center\">\n              <div className=\"relative size-4\">\n                {value !== 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        {fieldState?.error && <FormMessage />}\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 || `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                  {groups.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                            value === item &&\n                              'bg-accent! text-accent-foreground'\n                          )}\n                          key={`item-${item[itemKey]}`}\n                          onSelect={() => {\n                            onChange?.(item);\n                            setOpen?.(false);\n                          }}\n                          value={String(item[itemKey])}\n                        >\n                          {item[fieldLabel] as string}\n                          {value === 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    </FormItem>\n  );\n}\n","'use client';\n\nimport { useEffect, useState } from 'react';\n\nimport { useController, useFormContext } from 'react-hook-form';\nimport { useDebounce } from 'use-debounce';\n\nimport { Selector, SelectorProps } from '../ui/selector';\n\nexport type TUseData<T> = (\n  search?: string,\n  initialParams?: any,\n  disabled?: boolean\n) => {\n  data: T[];\n};\n\nexport type RemoteSelectorProps<T> = {\n  useData: TUseData<T>;\n  initialParams?: Parameters<TUseData<T>>[1];\n  initialRequest?: boolean;\n  forceToggle?: boolean;\n} & Omit<SelectorProps<T>, 'items'>;\n\nexport function RemoteSelector<T>({\n  useData,\n  initialParams,\n  initialRequest = false,\n  forceToggle = false,\n  ...props\n}: RemoteSelectorProps<T>) {\n  type TItem = NonNullable<ReturnType<TUseData<T>>['data']>[number];\n\n  const { control } = useFormContext();\n  const { field, fieldState } = useController({\n    control,\n    name: props.name,\n  });\n\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n  const [searchDebounced] = useDebounce(search, 100, {\n    maxWait: 200,\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    <Selector\n      {...props}\n      fieldState={fieldState}\n      items={data as TItem[]}\n      key={`selector-${field.name}-${field.value}`}\n      onChange={(value: any) => {\n        field.onChange(value as TItem);\n      }}\n      onSearch={setSearch}\n      open={open}\n      search={search}\n      setOpen={setOpen}\n      value={field.value as TItem}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"remote-selector.js","names":["Command","CommandPrimitive","Command"],"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 { ControllerFieldState } from 'react-hook-form';\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 { FormItem, FormLabel, FormMessage } from './form';\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  fieldState?: ControllerFieldState;\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} & 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  fieldState,\n  selectFirstIsOne,\n  help,\n  extra,\n  extraOnClick,\n  open,\n  setOpen,\n  maxVisibleBadges = 3,\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: buildGroups(selectedItems, groupBy),\n      unselectedGroups: buildGroups(unselectedItems, groupBy),\n    };\n  }, [groupBy, items, isMultiple, selectedItems]);\n\n  return (\n    <FormItem className={cn('w-full', className)} id={`selector-${name}`}>\n      <div className=\"flex items-end gap-1.5\">\n        <FormLabel htmlFor={name}>\n          {label}:\n          {required && (\n            <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n          )}\n        </FormLabel>\n\n        <InputHelp help={help} name={name} />\n      </div>\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 h-10! hover:bg-transparent cursor-pointer',\n              !value && 'text-muted-foreground',\n              fieldState?.error && 'border-destructive'\n            )}\n            disabled={disabled}\n            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.slice(0, maxVisibleBadges).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        {fieldState?.error && <FormMessage />}\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 || `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 &&\n                    selectedGroups.map((group) => (\n                      <CommandGroup\n                        heading=\"Selecionados\"\n                        key={`group-selected-${group.id}`}\n                      >\n                        {group.items.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 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.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 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    </FormItem>\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, useState } from 'react';\n\nimport { useController, useFormContext } from 'react-hook-form';\nimport { useDebounce } from 'use-debounce';\n\nimport { Selector, SelectorProps } from '../ui/selector';\n\nexport type TUseData<T> = (\n  search?: string,\n  initialParams?: any,\n  disabled?: boolean\n) => {\n  data: T[];\n};\n\nexport type RemoteSelectorProps<T> = {\n  useData: TUseData<T>;\n  initialParams?: Parameters<TUseData<T>>[1];\n  initialRequest?: boolean;\n  forceToggle?: boolean;\n} & Omit<SelectorProps<T>, 'items'>;\n\nexport function RemoteSelector<T>({\n  useData,\n  initialParams,\n  initialRequest = false,\n  forceToggle = false,\n  ...props\n}: RemoteSelectorProps<T>) {\n  type TItem = NonNullable<ReturnType<TUseData<T>>['data']>[number];\n\n  const { control } = useFormContext();\n  const { field, fieldState } = useController({\n    control,\n    name: props.name,\n  });\n\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n  const [searchDebounced] = useDebounce(search, 100, {\n    maxWait: 200,\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    <Selector\n      {...props}\n      fieldState={fieldState}\n      items={data as TItem[]}\n      key={`selector-${field.name}-${field.value}`}\n      onChange={(value: any) => {\n        field.onChange(value as TItem);\n      }}\n      onSearch={setSearch}\n      open={open}\n      search={search}\n      setOpen={setOpen}\n      value={field.value as TItem}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/text-field.d.ts

@@ -1,5 +1,5 @@
 import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { Options } from "use-mask-input";
 import { Options as Options$1 } from "nuqs";
 
@@ -55,7 +55,7 @@ declare function InputText({
   name,
   onChange,
   ...props
-}: InputTextProps): react_jsx_runtime0.JSX.Element;
+}: InputTextProps): react_jsx_runtime2.JSX.Element;
 interface TextFieldProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends UseControllerProps<TFieldValues, TFieldName> {
   disabled?: boolean;
   required?: boolean;
@@ -73,7 +73,7 @@ declare function TextField<TFieldValues extends FieldValues = FieldValues, TFiel
   transform,
   prefix,
   ...props
-}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react_jsx_runtime0.JSX.Element;
+}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react_jsx_runtime2.JSX.Element;
 interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {
   name: string;
   defaultValue?: string;
@@ -85,7 +85,7 @@ declare function QueryTextField({
   defaultValue,
   options,
   ...props
-}: QueryTextFieldProps): react_jsx_runtime0.JSX.Element;
+}: QueryTextFieldProps): react_jsx_runtime2.JSX.Element;
 interface CookieTextFieldProps extends InputTextProps {
   name: string;
   maxAge?: number;
@@ -94,7 +94,7 @@ declare function CookieTextField({
   name,
   maxAge,
   ...inputProps
-}: CookieTextFieldProps): react_jsx_runtime0.JSX.Element;
+}: CookieTextFieldProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { CookieTextField, type CookieTextFieldProps, InputText, type InputTextProps, QueryTextField, type QueryTextFieldProps, TextField, type TextFieldProps };
 //# sourceMappingURL=text-field.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maquinaweb-ui",
-  "version": "2.25.1",
+  "version": "2.26.0",
   "description": "A minimal React component library",
   "type": "module",
   "sideEffects": false,
@@ -82,7 +82,7 @@
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",