maquinaweb-ui 2.59.1 → 2.60.0

package/dist/container-animation.js

@@ -8,6 +8,7 @@ import * as motion from "motion/react-m";
 
 //#region node_modules/motion-dom/dist/es/utils/resolve-elements.mjs
 function resolveElements(elementOrSelector, scope, selectorCache) {
+	if (elementOrSelector == null) return [];
 	if (elementOrSelector instanceof EventTarget) return [elementOrSelector];
 	else if (typeof elementOrSelector === "string") {
 		let root = document;
@@ -15,7 +16,7 @@ function resolveElements(elementOrSelector, scope, selectorCache) {
 		const elements = selectorCache?.[elementOrSelector] ?? root.querySelectorAll(elementOrSelector);
 		return elements ? Array.from(elements) : [];
 	}
-	return Array.from(elementOrSelector);
+	return Array.from(elementOrSelector).filter((element) => element != null);
 }
 
 //#endregion

package/dist/container-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"container-animation.js","names":[],"sources":["../node_modules/motion-dom/dist/es/utils/resolve-elements.mjs","../node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs","../node_modules/framer-motion/dist/es/utils/use-in-view.mjs","../src/components/container-animation/container-animation.tsx"],"sourcesContent":["function resolveElements(elementOrSelector, scope, selectorCache) {\n    if (elementOrSelector instanceof EventTarget) {\n        return [elementOrSelector];\n    }\n    else if (typeof elementOrSelector === \"string\") {\n        let root = document;\n        if (scope) {\n            root = scope.current;\n        }\n        const elements = selectorCache?.[elementOrSelector] ??\n            root.querySelectorAll(elementOrSelector);\n        return elements ? Array.from(elements) : [];\n    }\n    return Array.from(elementOrSelector);\n}\n\nexport { resolveElements };\n","import { resolveElements } from 'motion-dom';\n\nconst thresholds = {\n    some: 0,\n    all: 1,\n};\nfunction inView(elementOrSelector, onStart, { root, margin: rootMargin, amount = \"some\" } = {}) {\n    const elements = resolveElements(elementOrSelector);\n    const activeIntersections = new WeakMap();\n    const onIntersectionChange = (entries) => {\n        entries.forEach((entry) => {\n            const onEnd = activeIntersections.get(entry.target);\n            /**\n             * If there's no change to the intersection, we don't need to\n             * do anything here.\n             */\n            if (entry.isIntersecting === Boolean(onEnd))\n                return;\n            if (entry.isIntersecting) {\n                const newOnEnd = onStart(entry.target, entry);\n                if (typeof newOnEnd === \"function\") {\n                    activeIntersections.set(entry.target, newOnEnd);\n                }\n                else {\n                    observer.unobserve(entry.target);\n                }\n            }\n            else if (typeof onEnd === \"function\") {\n                onEnd(entry);\n                activeIntersections.delete(entry.target);\n            }\n        });\n    };\n    const observer = new IntersectionObserver(onIntersectionChange, {\n        root,\n        rootMargin,\n        threshold: typeof amount === \"number\" ? amount : thresholds[amount],\n    });\n    elements.forEach((element) => observer.observe(element));\n    return () => observer.disconnect();\n}\n\nexport { inView };\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\nimport { useState, useEffect } from 'react';\nimport { inView } from '../render/dom/viewport/index.mjs';\n\nfunction useInView(ref, { root, margin, amount, once = false, initial = false, } = {}) {\n    const [isInView, setInView] = useState(initial);\n    useEffect(() => {\n        if (!ref.current || (once && isInView))\n            return;\n        const onEnter = () => {\n            setInView(true);\n            return once ? undefined : () => setInView(false);\n        };\n        const options = {\n            root: (root && root.current) || undefined,\n            margin,\n            amount,\n        };\n        return inView(ref.current, onEnter, options);\n    }, [root, ref, margin, once, amount]);\n    return isInView;\n}\n\nexport { useInView };\n//# sourceMappingURL=use-in-view.mjs.map\n","'use client';\n\nimport { type ComponentProps, type ElementType, useRef } from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { useInView } from 'motion/react';\nimport * as motion from 'motion/react-m';\n\nconst getVariants = (\n  position: 'top' | 'bottom' | 'left' | 'right',\n  space: number,\n  delay: number\n) => {\n  const directions = {\n    top: {\n      transform: `translateY(${space}px)`,\n    },\n    bottom: {\n      transform: `translateY(-${space}px)`,\n    },\n    left: {\n      transform: `translateX(${space}px)`,\n    },\n    right: {\n      transform: `translateX(-${space}px)`,\n    },\n  };\n\n  const dir = directions[position] || directions.top;\n\n  return {\n    hidden: {\n      opacity: 0,\n      filter: 'blur(6px)',\n      ...dir,\n    },\n    visible: {\n      opacity: 1,\n      filter: 'blur(0px)',\n      transform: 'translateY(0px) translateX(0px)',\n      transition: {\n        delay,\n        duration: 0.5,\n        staggerChildren: 0.1,\n      },\n    },\n  };\n};\n\nexport type ContainerAnimationProps<T extends ElementType = 'div'> =\n  ComponentProps<'div'> &\n    ComponentProps<T> & {\n      position?: 'top' | 'bottom' | 'left' | 'right';\n      delay?: number;\n      space?: number;\n      duration?: number;\n      distance?: [number, number];\n      hideNotInView?: boolean;\n      as?: T | string;\n      className?: string;\n    };\n\nconst ContainerAnimation = <T extends ElementType = 'div'>({\n  className,\n  children,\n  position = 'top',\n  delay = 0,\n  space = 20,\n  duration = 0.8,\n  as: As = 'div',\n  distance = [95, 5],\n  hideNotInView = false,\n  ...props\n}: ContainerAnimationProps<T>) => {\n  const ref = useRef<HTMLElement>(null);\n  const isInView = useInView(ref, {\n    once: true,\n    margin:\n      `-${100 - (distance[0] || 0)}% 0% -${(distance[1] as number) || 0}% 0%` as any,\n  });\n\n  const variants = getVariants(position, space, delay);\n\n  return (\n    <motion.div\n      animate={isInView ? 'visible' : 'hidden'}\n      className={cn('initial-opacity', className)}\n      initial=\"hidden\"\n      transition={{ duration }}\n      variants={variants}\n      {...props}\n      ref={ref}\n    >\n      {(!hideNotInView || isInView) && children}\n    </motion.div>\n  );\n};\n\nexport { ContainerAnimation };\n"],"x_google_ignoreList":[0,1,2],"mappings":"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"}
+{"version":3,"file":"container-animation.js","names":[],"sources":["../node_modules/motion-dom/dist/es/utils/resolve-elements.mjs","../node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs","../node_modules/framer-motion/dist/es/utils/use-in-view.mjs","../src/components/container-animation/container-animation.tsx"],"sourcesContent":["function resolveElements(elementOrSelector, scope, selectorCache) {\n    if (elementOrSelector == null) {\n        return [];\n    }\n    if (elementOrSelector instanceof EventTarget) {\n        return [elementOrSelector];\n    }\n    else if (typeof elementOrSelector === \"string\") {\n        let root = document;\n        if (scope) {\n            root = scope.current;\n        }\n        const elements = selectorCache?.[elementOrSelector] ??\n            root.querySelectorAll(elementOrSelector);\n        return elements ? Array.from(elements) : [];\n    }\n    return Array.from(elementOrSelector).filter((element) => element != null);\n}\n\nexport { resolveElements };\n//# sourceMappingURL=resolve-elements.mjs.map\n","import { resolveElements } from 'motion-dom';\n\nconst thresholds = {\n    some: 0,\n    all: 1,\n};\nfunction inView(elementOrSelector, onStart, { root, margin: rootMargin, amount = \"some\" } = {}) {\n    const elements = resolveElements(elementOrSelector);\n    const activeIntersections = new WeakMap();\n    const onIntersectionChange = (entries) => {\n        entries.forEach((entry) => {\n            const onEnd = activeIntersections.get(entry.target);\n            /**\n             * If there's no change to the intersection, we don't need to\n             * do anything here.\n             */\n            if (entry.isIntersecting === Boolean(onEnd))\n                return;\n            if (entry.isIntersecting) {\n                const newOnEnd = onStart(entry.target, entry);\n                if (typeof newOnEnd === \"function\") {\n                    activeIntersections.set(entry.target, newOnEnd);\n                }\n                else {\n                    observer.unobserve(entry.target);\n                }\n            }\n            else if (typeof onEnd === \"function\") {\n                onEnd(entry);\n                activeIntersections.delete(entry.target);\n            }\n        });\n    };\n    const observer = new IntersectionObserver(onIntersectionChange, {\n        root,\n        rootMargin,\n        threshold: typeof amount === \"number\" ? amount : thresholds[amount],\n    });\n    elements.forEach((element) => observer.observe(element));\n    return () => observer.disconnect();\n}\n\nexport { inView };\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\nimport { useState, useEffect } from 'react';\nimport { inView } from '../render/dom/viewport/index.mjs';\n\nfunction useInView(ref, { root, margin, amount, once = false, initial = false, } = {}) {\n    const [isInView, setInView] = useState(initial);\n    useEffect(() => {\n        if (!ref.current || (once && isInView))\n            return;\n        const onEnter = () => {\n            setInView(true);\n            return once ? undefined : () => setInView(false);\n        };\n        const options = {\n            root: (root && root.current) || undefined,\n            margin,\n            amount,\n        };\n        return inView(ref.current, onEnter, options);\n    }, [root, ref, margin, once, amount]);\n    return isInView;\n}\n\nexport { useInView };\n//# sourceMappingURL=use-in-view.mjs.map\n","'use client';\n\nimport { type ComponentProps, type ElementType, useRef } from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { useInView } from 'motion/react';\nimport * as motion from 'motion/react-m';\n\nconst getVariants = (\n  position: 'top' | 'bottom' | 'left' | 'right',\n  space: number,\n  delay: number\n) => {\n  const directions = {\n    top: {\n      transform: `translateY(${space}px)`,\n    },\n    bottom: {\n      transform: `translateY(-${space}px)`,\n    },\n    left: {\n      transform: `translateX(${space}px)`,\n    },\n    right: {\n      transform: `translateX(-${space}px)`,\n    },\n  };\n\n  const dir = directions[position] || directions.top;\n\n  return {\n    hidden: {\n      opacity: 0,\n      filter: 'blur(6px)',\n      ...dir,\n    },\n    visible: {\n      opacity: 1,\n      filter: 'blur(0px)',\n      transform: 'translateY(0px) translateX(0px)',\n      transition: {\n        delay,\n        duration: 0.5,\n        staggerChildren: 0.1,\n      },\n    },\n  };\n};\n\nexport type ContainerAnimationProps<T extends ElementType = 'div'> =\n  ComponentProps<'div'> &\n    ComponentProps<T> & {\n      position?: 'top' | 'bottom' | 'left' | 'right';\n      delay?: number;\n      space?: number;\n      duration?: number;\n      distance?: [number, number];\n      hideNotInView?: boolean;\n      as?: T | string;\n      className?: string;\n    };\n\nconst ContainerAnimation = <T extends ElementType = 'div'>({\n  className,\n  children,\n  position = 'top',\n  delay = 0,\n  space = 20,\n  duration = 0.8,\n  as: As = 'div',\n  distance = [95, 5],\n  hideNotInView = false,\n  ...props\n}: ContainerAnimationProps<T>) => {\n  const ref = useRef<HTMLElement>(null);\n  const isInView = useInView(ref, {\n    once: true,\n    margin:\n      `-${100 - (distance[0] || 0)}% 0% -${(distance[1] as number) || 0}% 0%` as any,\n  });\n\n  const variants = getVariants(position, space, delay);\n\n  return (\n    <motion.div\n      animate={isInView ? 'visible' : 'hidden'}\n      className={cn('initial-opacity', className)}\n      initial=\"hidden\"\n      transition={{ duration }}\n      variants={variants}\n      {...props}\n      ref={ref}\n    >\n      {(!hideNotInView || isInView) && children}\n    </motion.div>\n  );\n};\n\nexport { ContainerAnimation };\n"],"x_google_ignoreList":[0,1,2],"mappings":"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"}

package/dist/date-field.d.ts

@@ -1,5 +1,5 @@
 import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { Matcher } from "react-day-picker";
 
 //#region src/components/date-field/DateField.d.ts
@@ -29,7 +29,7 @@ declare function DateField<TFieldValues extends FieldValues = FieldValues, TFiel
   required,
   help,
   dateOnly
-}: DateFieldProps<TFieldValues, TFieldName>): react_jsx_runtime1.JSX.Element;
+}: DateFieldProps<TFieldValues, TFieldName>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { DateField, type DateFieldProps };
 //# sourceMappingURL=date-field.d.ts.map

package/dist/date-hour-field.d.ts

@@ -1,5 +1,5 @@
 import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { Matcher } from "react-day-picker";
 
 //#region src/components/date-hour-field/DateHourField.d.ts
@@ -29,7 +29,7 @@ declare function DateHourField<TFieldValues extends FieldValues = FieldValues, T
   help,
   hourPlaceholder,
   valueType
-}: DateHourFieldProps<TFieldValues, TFieldName>): react_jsx_runtime9.JSX.Element;
+}: DateHourFieldProps<TFieldValues, TFieldName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { DateHourField, type DateHourFieldProps };
 //# sourceMappingURL=date-hour-field.d.ts.map

package/dist/input-suggest.d.ts

@@ -1,7 +1,7 @@
 import { n as Options, t as Mask } from "./with-mask-BLZS7b9k.js";
 import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
 import { Dispatch, SetStateAction } from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime8.JSX.Element;
+}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { InputSuggest, type InputSuggestProps };
 //# sourceMappingURL=input-suggest.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_runtime1 from "react/jsx-runtime";
 import { Options } from "nuqs";
 import { PopoverProps } from "@radix-ui/react-popover";
 
@@ -18,6 +18,9 @@ type SelectorProps<T> = {
   withPortal?: boolean;
   fieldKey?: keyof T;
   groupBy?: keyof T;
+  treeRender?: boolean;
+  fieldChildren?: keyof T;
+  fieldDisabled?: keyof T;
   disabled?: boolean;
   searchPlaceholder?: string;
   label?: string;
@@ -76,7 +79,7 @@ declare function RemoteSelectorField<T, TFieldValues extends FieldValues = Field
   ...props
 }: RemoteSelectorFieldProps<TFieldValues, TFieldName> & BaseRemoteSelectorProps<T> & {
   withPortal?: boolean;
-}): react_jsx_runtime6.JSX.Element;
+}): react_jsx_runtime1.JSX.Element;
 interface RemoteSelectorQueryProps<T> extends BaseRemoteSelectorProps<T> {
   name: string;
   defaultValue?: string;
@@ -96,7 +99,7 @@ declare function RemoteSelectorQuery<T>({
   fieldLabel,
   type,
   ...props
-}: RemoteSelectorQueryProps<T>): react_jsx_runtime6.JSX.Element;
+}: RemoteSelectorQueryProps<T>): react_jsx_runtime1.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":";;;;;;;AAmCU,KAFE,aAEF,CAAA,CAAA,CAAA,GAAA;EAAI,IAAA,CAAA,EAAA,QAAA,GAAA,UAAA;EACM,KAAA,CAAA,EADV,CACU,GADN,CACM,EAAA;EAAI,QAAA,CAAA,EAAA,CAAA,IAAA,EAAJ,CAAI,GAAA,CAAA,EAAA,GAAA,SAAA,GAAA,IAAA,EAAA,GAAA,IAAA;EAId,MAAM,CAAA,EAAA,MAAA;EACP,QAAA,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACW,WAAA,CAAA,EAAA,MAAA;EAED,KAAA,CAAA,EAJT,KAAA,CAAM,SAIG;EACD,KAAA,EAJT,CAIS,EAAA;EAOR,UAAM,EAAA,MAVI,CAUJ;EAKM,UAAA,CAAA,EAAA,OAAA;EAAI,QAAA,CAAA,EAAA,MAbP,CAaO;EACnB,OAAA,CAAA,EAAA,MAbW,CAaX;EAKc,QAAA,CAAA,EAAA,OAAA;EACG,iBAAA,CAAA,EAAA,MAAA;EACG,KAAA,CAAA,EAAA,MAAA;EAIvB,IAAA,CAAA,EAAA,MAAA;EAAY,SAAA,CAAA,EAAA,MAAA;;UAjBN,KAAA,CAAM;;EC5BJ,IAAA,CAAA,EAAA,MAAQ;EAWR,KAAA,CAAA,EAAA,MAAA;EACQ,YAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,IAAA,EDqBE,CCrBF,GDqBM,CCrBN,EAAA,GAAA,SAAA,GAAA,IAAA,EAAA,GAAA,IAAA,EAAA,GDsBb,OCtBa,CAAA,IAAA,CAAA,GAAA,IAAA;EAAT,IAAA,CAAA,EAAA,OAAA;EAC2B,OAAA,CAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAT,gBAAA,CAAA,EAAA,MAAA;EAAX,EAAA,CAAA,EAAA,MAAA;EAIF,UAAA,CAAA,EAAA,MDsBK,CCtBL;EAAd,aAAA,CAAA,EAAA,MDuBsB,CCvBtB;EADE,eAAA,CAAA,EAAA,CAAA,IAAA,EDyBuB,CCzBvB,EAAA,GAAA,IAAA;EAAI,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAKS,OAAA,CAAA,EAAA,OAAA;EACM,SAAA,CAAA,EAAA,OAAA;CAAc,GDuBjC,YCvBiC;;;KAtBzB;QAKJ;;EDII,OAAA,CAAA,EAAA,OAAa;EAEf,SAAA,CAAA,EAAA,OAAA;CAAI;AACM,KCDR,uBDCQ,CAAA,CAAA,CAAA,GAAA;EAAI,OAAA,ECAb,QDAa,CCAJ,CDAI,CAAA;EAId,aAAM,CAAA,ECHE,UDGF,CCHa,QDGb,CCHsB,CDGtB,CAAA,CAAA,CAAA,CAAA,CAAA;EACP,cAAA,CAAA,EAAA,OAAA;EACW,WAAA,CAAA,EAAA,OAAA;CAED,GCJf,IDIe,CCHjB,aDGiB,CCHH,CDGG,CAAA,EAAA,OAAA,GAAA,OAAA,GAAA,UAAA,GAAA,QAAA,GAAA,UAAA,GAAA,MAAA,GAAA,SAAA,GAAA,UAAA,GAAA,SAAA,GAAA,WAAA,CAAA;AACD,UCAD,wBDAC,CAAA,qBCCK,WDDL,GCCmB,WDDnB,EAAA,mBCEG,SDFH,CCEa,YDFb,CAAA,GCE6B,SDF7B,CCEuC,YDFvC,CAAA,CAAA,SCGR,kBDHQ,CCGW,YDHX,ECGyB,UDHzB,CAAA,CAAA;EAOR,QAAM,CAAA,EAAA,OAAA;EAKM,QAAA,CAAA,EAAA,OAAA;EAAI,YAAA,CAAA,ECNT,cDMS,CCNM,YDMN,ECNoB,UDMpB,CAAA;EACnB,QAAA,CAAA,EAAA,CAAA,KAAA,EAAA,GAAA,EAAA,GCNsB,ODMtB,CAAA,IAAA,CAAA,GAAA,IAAA;EAKc,SAAA,CAAA,EAAA,MAAA;;AAEM,iBCTX,mBDSW,CAAA,CAAA,EAAA,qBCPJ,WDOI,GCPU,WDOV,EAAA,mBCNN,SDMM,CCNI,YDMJ,CAAA,GCNoB,SDMpB,CCN8B,YDM9B,CAAA,CAAA,CAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA,QAAA;EAAA,YAAA;EAAA,QAAA,ECCf,gBDDe;EAAA,OAAA;EAAA,aAAA;EAAA,UAAA;EAAA,cAAA;EAAA,WAAA;EAAA,GAAA;CAAA,ECQxB,wBDRwB,CCQC,YDRD,ECQe,UDRf,CAAA,GCSzB,uBDTyB,CCSD,CDTC,CAAA,GAAA;EAIvB,UAAA,CAAA,EAAA,OAAA;CAAY,CAAA,ECOb,kBAAA,CAAA,GAAA,CAAA,ODPa;UC+EC,oCACP,wBAAwB;;;EA7HtB,OAAA,CAAA,EAgIA,OAhIQ;EAWR,QAAA,CAAA,EAAA,CAAA,KAAA,EAsHS,CAtHT,GAsHa,CAtHb,EAAuB,GAAA,IAAA,EAAA,GAAA,IAAA;;AACxB,iBAwHK,mBAxHL,CAAA,CAAA,CAAA,CAAA;EAAA,IAAA;EAAA,YAAA;EAAA,OAAA;EAAA,OAAA;EAAA,aAAA;EAAA,cAAA;EAAA,WAAA;EAAA,QAAA,EAgIC,gBAhID;EAAA,QAAA;EAAA,UAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAqIR,wBArIQ,CAqIiB,CArIjB,CAAA,CAAA,EAqImB,kBAAA,CAAA,GAAA,CAAA,OArInB"}
+{"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

@@ -9,8 +9,8 @@ import { n as PopoverContent, r as PopoverTrigger, t as Popover } from "./popove
 import { t as ScrollBar } from "./scroll-area-C1kW_eA9.js";
 import { useController, useFormContext } from "react-hook-form";
 import * as React from "react";
-import { useEffect, useId, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, memo, useEffect, useId, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronsUpDown, Loader2, Package, SearchIcon, X } from "lucide-react";
 import { Checkbox, Indicator } from "@radix-ui/react-checkbox";
 import { cva } from "class-variance-authority";
@@ -148,14 +148,62 @@ function CommandItem({ className,...props }) {
 	});
 }
 
+//#endregion
+//#region src/components/ui/tree-item-renderer.tsx
+const TreeItemRendererComponent = ({ items, itemKey, labelKey, childrenKey, disabledKey, isMultiple = false, isItemSelected, onSelect, level = 0 }) => {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: items.map((item) => {
+		const children = Array.isArray(item[childrenKey]) ? item[childrenKey] : [];
+		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [level > 0 && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 w-4 h-px bg-gray-300" }), /* @__PURE__ */ jsx(CommandItem, {
+				className: cn("transition-all p-2", level > 0 && "ml-4", !isMultiple && isItemSelected(item) && "bg-accent! text-accent-foreground"),
+				disabled: disabledKey ? Boolean(item[disabledKey]) : false,
+				onSelect: () => onSelect(item),
+				value: String(item[itemKey]),
+				children: /* @__PURE__ */ jsxs("div", {
+					className: cn("flex items-center w-full gap-2", level > 0 && "pl-2"),
+					children: [
+						isMultiple && /* @__PURE__ */ jsx(Checkbox$1, { checked: isItemSelected(item) }),
+						/* @__PURE__ */ jsx("span", {
+							className: "truncate",
+							children: String(item[labelKey] || "")
+						}),
+						!isMultiple && isItemSelected(item) && /* @__PURE__ */ jsx(Check, { className: "ml-auto h-4 w-4" })
+					]
+				})
+			}, `item-${String(item[itemKey])}`)]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cn(children.length > 0 && "ml-4 relative before:absolute before:left-0 before:top-0 before:bottom-4 before:border-l before:border-gray-300"),
+			children: children.length > 0 && /* @__PURE__ */ jsx(TreeItemRenderer, {
+				childrenKey,
+				disabledKey,
+				isItemSelected,
+				isMultiple,
+				itemKey,
+				items: children,
+				labelKey,
+				level: level + 1,
+				onSelect
+			})
+		})] }, `tree-item-${String(item[itemKey])}-${level}`);
+	}) });
+};
+const TreeItemRenderer = memo(TreeItemRendererComponent);
+var tree_item_renderer_default = TreeItemRenderer;
+
 //#endregion
 //#region src/components/ui/selector.tsx
-function Selector({ type = "single", value, onChange, search, onSearch, items, withPortal = true, label, placeholder, fieldLabel, fieldKey, groupBy, searchPlaceholder, name, empty = "Nenhuma opção encontrada...", disabled = false, className, required, error, selectFirstIsOne, help, extra, extraOnClick, open, setOpen, maxVisibleBadges = 3, id, imageField, disabledField, onDisabledClick, loadMore, hasMore, isLoading,...props }) {
+function Selector({ type = "single", value, onChange, search, onSearch, items, withPortal = true, label, placeholder, fieldLabel, fieldKey, groupBy, treeRender = false, fieldChildren, fieldDisabled, searchPlaceholder, name, empty = "Nenhuma opção encontrada...", disabled = false, className, required, error, selectFirstIsOne, help, extra, extraOnClick, open, setOpen, maxVisibleBadges = 3, id, imageField, disabledField, onDisabledClick, loadMore, hasMore, isLoading,...props }) {
 	const itemKey = fieldKey || fieldLabel;
+	const childrenKey = fieldChildren || "children";
 	const isMultiple = type === "multiple";
 	const selectedItems = isMultiple && Array.isArray(value) ? value : [];
 	const singleValue = !isMultiple && !Array.isArray(value) ? value : void 0;
-	const itensGroups = useMemo(() => buildGroups(items, groupBy), [items, groupBy]);
+	const itensGroups = useMemo(() => treeRender ? [] : buildGroups(items, groupBy), [
+		items,
+		groupBy,
+		treeRender
+	]);
 	const { ref: loadMoreRef, inView } = useInView({
 		threshold: 0,
 		rootMargin: "100px",
@@ -276,7 +324,16 @@ function Selector({ type = "single", value, onChange, search, onSearch, items, w
 											className: "text-sm p-3 text-foreground/60",
 											children: empty
 										}),
-										itensGroups.length > 0 && itensGroups.some((group) => group.items.length > 0) && itensGroups.map((group) => /* @__PURE__ */ jsx(CommandGroup, {
+										treeRender ? items.length > 0 && /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(tree_item_renderer_default, {
+											childrenKey,
+											disabledKey: fieldDisabled,
+											isItemSelected,
+											isMultiple,
+											itemKey,
+											items,
+											labelKey: fieldLabel,
+											onSelect: handleItemSelect
+										}) }) : itensGroups.length > 0 && itensGroups.some((group) => group.items.length > 0) && itensGroups.map((group) => /* @__PURE__ */ jsx(CommandGroup, {
 											heading: group.heading || group.id === UNDEFINED_GROUP_ID && "Outros",
 											children: group.items.map((item) => {
 												const isDisabled = disabledField ? !!item[disabledField] : false;
@@ -297,8 +354,8 @@ function Selector({ type = "single", value, onChange, search, onSearch, items, w
 															className: "relative w-8 h-8 overflow-hidden rounded-md border bg-muted shrink-0",
 															children: item[imageField] ? /* @__PURE__ */ jsx("img", {
 																alt: item[fieldLabel],
-																src: item[imageField],
-																className: "w-full h-full object-cover"
+																className: "w-full h-full object-cover",
+																src: item[imageField]
 															}) : /* @__PURE__ */ jsx("div", {
 																className: "w-full h-full flex items-center justify-center",
 																children: /* @__PURE__ */ jsx(Package, { className: "h-4 w-4 text-muted-foreground" })
@@ -412,12 +469,14 @@ function RemoteSelectorQuery({ name, defaultValue, options, useData, initialPara
 	}, [forceToggle]);
 	const itemKey = fieldKey || fieldLabel;
 	const isMultiple = type === "multiple";
+	const childrenKey = props.treeRender ? props.fieldChildren || "children" : void 0;
+	const allItems = useMemo(() => flattenItems(data, childrenKey), [data, childrenKey]);
 	const [queryIds, setQueryIds] = useQueryState(name, (isMultiple ? parseAsArrayOf(parseAsString).withDefault([]) : parseAsString.withDefault(defaultValue ?? "")).withOptions({
 		clearOnDefault: true,
 		shallow: false,
 		...options
 	}));
-	const value = isMultiple && Array.isArray(queryIds) ? queryIds.map((id$1) => data?.find((item) => String(item[itemKey]) === id$1)).filter((item) => !!item) : data?.find((item) => String(item[itemKey]) === queryIds) || null;
+	const value = isMultiple && Array.isArray(queryIds) ? queryIds.map((id$1) => allItems.find((item) => String(item[itemKey]) === id$1)).filter((item) => !!item) : allItems.find((item) => String(item[itemKey]) === queryIds) || null;
 	const handleChange = (newValue) => {
 		if (!newValue) setQueryIds(isMultiple ? [] : null);
 		else if (isMultiple && Array.isArray(newValue)) setQueryIds(newValue.map((item) => String(item[itemKey])));
@@ -443,6 +502,15 @@ function RemoteSelectorQuery({ name, defaultValue, options, useData, initialPara
 		value
 	});
 }
+const flattenItems = (items, childrenKey) => {
+	if (!childrenKey) return items;
+	return items.reduce((acc, item) => {
+		const children = item[childrenKey];
+		const childrenItems = Array.isArray(children) ? children : [];
+		acc.push(item, ...flattenItems(childrenItems, childrenKey));
+		return acc;
+	}, []);
+};
 
 //#endregion
 export { RemoteSelectorField as RemoteSelector, RemoteSelectorField, RemoteSelectorQuery };

package/dist/remote-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"remote-selector.js","names":["Checkbox","CheckboxPrimitive","CheckboxIndicatorPrimitive","Command","CommandPrimitive","Command","Checkbox","id"],"sources":["../src/components/ui/badge.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","'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={cn('size-3', isChecked && 'text-primary-foreground')}\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, Loader2, Package, X } from 'lucide-react';\nimport { useInView } from 'react-intersection-observer';\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  withPortal?: boolean;\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  imageField?: keyof T;\n  disabledField?: keyof T;\n  onDisabledClick?: (item: T) => void;\n  loadMore?: () => void;\n  hasMore?: boolean;\n  isLoading?: boolean;\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  withPortal = true,\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  imageField,\n  disabledField,\n  onDisabledClick,\n  loadMore,\n  hasMore,\n  isLoading,\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  const itensGroups = useMemo(\n    () => buildGroups(items, groupBy),\n    [items, groupBy]\n  );\n\n  // Infinite scroll\n  const { ref: loadMoreRef, inView } = useInView({\n    threshold: 0,\n    rootMargin: '100px',\n    skip: !hasMore || isLoading,\n  });\n\n  useEffect(() => {\n    if (inView && hasMore && loadMore && !isLoading) {\n      loadMore();\n    }\n  }, [inView, hasMore, loadMore, isLoading]);\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  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-px\">*</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\" withPortal={withPortal}>\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                className=\"max-h-none overflow-visible\"\n                onWheel={(e) => e.stopPropagation()}\n              >\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                    {itensGroups.length > 0 &&\n                      itensGroups.some((group) => group.items.length > 0) &&\n                      itensGroups.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                            const isDisabled = disabledField ? !!item[disabledField] : false;\n                            return (\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                                  isDisabled && 'opacity-50'\n                                )}\n                                key={`item-${item[itemKey]}`}\n                                onSelect={() => {\n                                  if (isDisabled && onDisabledClick) {\n                                    onDisabledClick(item);\n                                    return;\n                                  }\n                                  if (isDisabled) return;\n                                  handleItemSelect(item);\n                                }}\n                                value={String(item[itemKey])}\n                              >\n                                {isMultiple && (\n                                  <Checkbox checked={isItemSelected(item)} />\n                                )}\n                                {isMultiple && imageField && (\n                                  <div className=\"relative w-8 h-8 overflow-hidden rounded-md border bg-muted shrink-0\">\n                                    {item[imageField] ? (\n                                      <img\n                                        alt={item[fieldLabel] as string}\n                                        src={item[imageField] as string}\n                                        className=\"w-full h-full object-cover\"\n                                      />\n                                    ) : (\n                                      <div className=\"w-full h-full flex items-center justify-center\">\n                                        <Package className=\"h-4 w-4 text-muted-foreground\" />\n                                      </div>\n                                    )}\n                                  </div>\n                                )}\n                                {item[fieldLabel] as string}\n                                {!isMultiple && isItemSelected(item) && (\n                                  <Check className=\"ml-auto h-4 w-4\" />\n                                )}\n                              </CommandItem>\n                            );\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                    {/* Infinite scroll sentinel */}\n                    {hasMore && (\n                      <div ref={loadMoreRef} className=\"flex justify-center py-2\">\n                        {isLoading && (\n                          <Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />\n                        )}\n                      </div>\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 { 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  loadMore?: () => void;\n  hasMore?: boolean;\n  isLoading?: boolean;\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' | 'loadMore' | 'hasMore' | 'isLoading'\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  withPortal = true,\n  initialRequest = false,\n  forceToggle = false,\n  ...props\n}: RemoteSelectorFieldProps<TFieldValues, TFieldName> &\n  BaseRemoteSelectorProps<T> & {\n    withPortal?: boolean;\n  }) {\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, loadMore, hasMore, isLoading } = useData(\n    searchDebounced,\n    initialParams,\n    !open && !initialRequest\n  );\n\n  const handleChange = (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\n  useEffect(() => {\n    setOpen(forceToggle);\n  }, [forceToggle]);\n\n  return (\n    <FormItem className={className}>\n      <Selector\n        {...props}\n        withPortal={withPortal}\n        error={fieldState?.error && <FormMessage />}\n        hasMore={hasMore}\n        id={`${id}-${name.replaceAll('.', '-')}`}\n        isLoading={isLoading}\n        items={data as TItem[]}\n        loadMore={loadMore}\n        name={name}\n        onChange={handleChange}\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, loadMore, hasMore, isLoading } = 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      hasMore={hasMore}\n      id={`${id}-${name}`}\n      isLoading={isLoading}\n      items={data as TItem[]}\n      loadMore={loadMore}\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","Checkbox","Command","TreeItemRenderer","Checkbox","id"],"sources":["../src/components/ui/badge.tsx","../src/components/ui/checkbox.tsx","../src/components/ui/command.tsx","../src/components/ui/tree-item-renderer.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","'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={cn('size-3', isChecked && 'text-primary-foreground')}\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 { Fragment, memo } from 'react';\n\nimport { Check } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { Checkbox } from './checkbox';\nimport { CommandItem } from './command';\n\ntype TreeItemRendererProps<T> = {\n  items: T[];\n  itemKey: keyof T;\n  labelKey: keyof T;\n  childrenKey: keyof T;\n  disabledKey?: keyof T;\n  isMultiple?: boolean;\n  isItemSelected: (item: T) => boolean;\n  onSelect: (item: T) => void;\n  level?: number;\n};\n\nconst TreeItemRendererComponent = <T,>({\n  items,\n  itemKey,\n  labelKey,\n  childrenKey,\n  disabledKey,\n  isMultiple = false,\n  isItemSelected,\n  onSelect,\n  level = 0,\n}: TreeItemRendererProps<T>) => {\n  return (\n    <>\n      {items.map((item) => {\n        const children = Array.isArray(item[childrenKey])\n          ? (item[childrenKey] as T[])\n          : [];\n\n        return (\n          <Fragment key={`tree-item-${String(item[itemKey])}-${level}`}>\n            <div className=\"relative\">\n              {level > 0 && (\n                <div className=\"pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 w-4 h-px bg-gray-300\" />\n              )}\n              <CommandItem\n                className={cn(\n                  'transition-all p-2',\n                  level > 0 && 'ml-4',\n                  !isMultiple &&\n                    isItemSelected(item) &&\n                    'bg-accent! text-accent-foreground'\n                )}\n                disabled={disabledKey ? Boolean(item[disabledKey]) : false}\n                key={`item-${String(item[itemKey])}`}\n                onSelect={() => onSelect(item)}\n                value={String(item[itemKey])}\n              >\n                <div\n                  className={cn(\n                    'flex items-center w-full gap-2',\n                    level > 0 && 'pl-2'\n                  )}\n                >\n                  {isMultiple && <Checkbox checked={isItemSelected(item)} />}\n                  <span className=\"truncate\">\n                    {String(item[labelKey] || '')}\n                  </span>\n                  {!isMultiple && isItemSelected(item) && (\n                    <Check className=\"ml-auto h-4 w-4\" />\n                  )}\n                </div>\n              </CommandItem>\n            </div>\n            <div\n              className={cn(\n                children.length > 0 &&\n                  'ml-4 relative before:absolute before:left-0 before:top-0 before:bottom-4 before:border-l before:border-gray-300'\n              )}\n            >\n              {children.length > 0 && (\n                <TreeItemRenderer\n                  childrenKey={childrenKey}\n                  disabledKey={disabledKey}\n                  isItemSelected={isItemSelected}\n                  isMultiple={isMultiple}\n                  itemKey={itemKey}\n                  items={children}\n                  labelKey={labelKey}\n                  level={level + 1}\n                  onSelect={onSelect}\n                />\n              )}\n            </div>\n          </Fragment>\n        );\n      })}\n    </>\n  );\n};\n\nconst TreeItemRenderer = memo(\n  TreeItemRendererComponent\n) as typeof TreeItemRendererComponent;\n\nexport default TreeItemRenderer;\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, Loader2, Package, X } from 'lucide-react';\nimport { useInView } from 'react-intersection-observer';\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';\nimport TreeItemRenderer from './tree-item-renderer';\n\nexport type SelectorOption = {\n  id: string | number;\n  name: string;\n  value?: any;\n  children?: SelectorOption[];\n  disabled?: boolean;\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  withPortal?: boolean;\n  fieldKey?: keyof T;\n  groupBy?: keyof T;\n  treeRender?: boolean;\n  fieldChildren?: keyof T;\n  fieldDisabled?: 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  imageField?: keyof T;\n  disabledField?: keyof T;\n  onDisabledClick?: (item: T) => void;\n  loadMore?: () => void;\n  hasMore?: boolean;\n  isLoading?: boolean;\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  withPortal = true,\n  label,\n  placeholder,\n  fieldLabel,\n  fieldKey,\n  groupBy,\n  treeRender = false,\n  fieldChildren,\n  fieldDisabled,\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  imageField,\n  disabledField,\n  onDisabledClick,\n  loadMore,\n  hasMore,\n  isLoading,\n  ...props\n}: SelectorProps<T>) {\n  const itemKey = fieldKey || fieldLabel;\n  const childrenKey = (fieldChildren || 'children') as keyof T;\n\n  const isMultiple = type === 'multiple';\n  const selectedItems = isMultiple && Array.isArray(value) ? value : [];\n  const singleValue = !isMultiple && !Array.isArray(value) ? value : undefined;\n  const itensGroups = useMemo(\n    () => (treeRender ? [] : buildGroups(items, groupBy)),\n    [items, groupBy, treeRender]\n  );\n\n  // Infinite scroll\n  const { ref: loadMoreRef, inView } = useInView({\n    threshold: 0,\n    rootMargin: '100px',\n    skip: !hasMore || isLoading,\n  });\n\n  useEffect(() => {\n    if (inView && hasMore && loadMore && !isLoading) {\n      loadMore();\n    }\n  }, [inView, hasMore, loadMore, isLoading]);\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  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-px\">*</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\" withPortal={withPortal}>\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                className=\"max-h-none overflow-visible\"\n                onWheel={(e) => e.stopPropagation()}\n              >\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                    {treeRender ? (\n                      items.length > 0 && (\n                        <CommandGroup>\n                          <TreeItemRenderer\n                            childrenKey={childrenKey}\n                            disabledKey={fieldDisabled}\n                            isItemSelected={isItemSelected}\n                            isMultiple={isMultiple}\n                            itemKey={itemKey}\n                            items={items}\n                            labelKey={fieldLabel}\n                            onSelect={handleItemSelect}\n                          />\n                        </CommandGroup>\n                      )\n                    ) : (\n                      itensGroups.length > 0 &&\n                      itensGroups.some((group) => group.items.length > 0) &&\n                      itensGroups.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                            const isDisabled = disabledField\n                              ? !!item[disabledField]\n                              : false;\n\n                            return (\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                                  isDisabled && 'opacity-50'\n                                )}\n                                key={`item-${item[itemKey]}`}\n                                onSelect={() => {\n                                  if (isDisabled && onDisabledClick) {\n                                    onDisabledClick(item);\n                                    return;\n                                  }\n\n                                  if (isDisabled) return;\n                                  handleItemSelect(item);\n                                }}\n                                value={String(item[itemKey])}\n                              >\n                                {isMultiple && (\n                                  <Checkbox checked={isItemSelected(item)} />\n                                )}\n                                {isMultiple && imageField && (\n                                  <div className=\"relative w-8 h-8 overflow-hidden rounded-md border bg-muted shrink-0\">\n                                    {item[imageField] ? (\n                                      <img\n                                        alt={item[fieldLabel] as string}\n                                        className=\"w-full h-full object-cover\"\n                                        src={item[imageField] as string}\n                                      />\n                                    ) : (\n                                      <div className=\"w-full h-full flex items-center justify-center\">\n                                        <Package className=\"h-4 w-4 text-muted-foreground\" />\n                                      </div>\n                                    )}\n                                  </div>\n                                )}\n                                {item[fieldLabel] as string}\n                                {!isMultiple && isItemSelected(item) && (\n                                  <Check className=\"ml-auto h-4 w-4\" />\n                                )}\n                              </CommandItem>\n                            );\n                          })}\n                        </CommandGroup>\n                      ))\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                    {/* Infinite scroll sentinel */}\n                    {hasMore && (\n                      <div ref={loadMoreRef} className=\"flex justify-center py-2\">\n                        {isLoading && (\n                          <Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />\n                        )}\n                      </div>\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, useMemo, 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 { 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  loadMore?: () => void;\n  hasMore?: boolean;\n  isLoading?: boolean;\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' | 'loadMore' | 'hasMore' | 'isLoading'\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  withPortal = true,\n  initialRequest = false,\n  forceToggle = false,\n  ...props\n}: RemoteSelectorFieldProps<TFieldValues, TFieldName> &\n  BaseRemoteSelectorProps<T> & {\n    withPortal?: boolean;\n  }) {\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, loadMore, hasMore, isLoading } = useData(\n    searchDebounced,\n    initialParams,\n    !open && !initialRequest\n  );\n\n  const handleChange = (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\n  useEffect(() => {\n    setOpen(forceToggle);\n  }, [forceToggle]);\n\n  return (\n    <FormItem className={className}>\n      <Selector\n        {...props}\n        withPortal={withPortal}\n        error={fieldState?.error && <FormMessage />}\n        hasMore={hasMore}\n        id={`${id}-${name.replaceAll('.', '-')}`}\n        isLoading={isLoading}\n        items={data as TItem[]}\n        loadMore={loadMore}\n        name={name}\n        onChange={handleChange}\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, loadMore, hasMore, isLoading } = 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  const childrenKey = props.treeRender\n    ? ((props.fieldChildren || 'children') as keyof TItem)\n    : undefined;\n\n  const allItems = useMemo(\n    () => flattenItems(data as TItem[], childrenKey),\n    [data, childrenKey]\n  );\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) => allItems.find((item) => String(item[itemKey]) === id))\n          .filter((item): item is TItem => !!item)\n      : allItems.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      hasMore={hasMore}\n      id={`${id}-${name}`}\n      isLoading={isLoading}\n      items={data as TItem[]}\n      loadMore={loadMore}\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\nconst flattenItems = <T,>(items: T[], childrenKey?: keyof T): T[] => {\n  if (!childrenKey) return items;\n\n  return items.reduce<T[]>((acc, item) => {\n    const children = item[childrenKey];\n    const childrenItems = Array.isArray(children) ? (children as T[]) : [];\n\n    acc.push(item, ...flattenItems(childrenItems, childrenKey));\n    return acc;\n  }, []);\n};\n"],"mappings":"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"}

package/dist/split-text-poor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"split-text-poor.d.ts","names":[],"sources":["../src/components/split-text-poor/split-text-poor.tsx"],"sourcesContent":[],"mappings":";cAwBM;EAAA,EAAA,EAAA;;;;;;IAoBM,OAAA,EAAA,CAAA;MAAA,KAAkB;MAAA;KAAA,EAClB;MAQN,KAAA,EAAA,MAuDL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAhEW,kBAAA;YACA,KAAA,CAAM;;wBAEM;;;;;cAMlB,eAAe,KAAA,CAAM,GAAG"}
+{"version":3,"file":"split-text-poor.d.ts","names":[],"sources":["../src/components/split-text-poor/split-text-poor.tsx"],"sourcesContent":[],"mappings":";cAwBM;EAAA,EAAA,EAAA;;;;;;IAoBM,OAAA,EAAA,CAAA;MAAA,KAAkB;MAAA;KAAA,EAAA;MASxB,KAAA,EAAA,MAuDL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAhEW,kBAAA;YACA,KAAA,CAAM;;wBAEM;;;;;cAMlB,eAAe,KAAA,CAAM,GAAG"}

package/dist/text-field.d.ts

@@ -1,6 +1,6 @@
 import { n as Options$1 } from "./with-mask-BLZS7b9k.js";
 import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { Options } from "nuqs";
 
 //#region src/components/text-field/TextField.d.ts
@@ -57,7 +57,7 @@ declare function InputText({
   name,
   onChange,
   ...props
-}: InputTextProps): react_jsx_runtime2.JSX.Element;
+}: InputTextProps): react_jsx_runtime6.JSX.Element;
 interface TextFieldProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends UseControllerProps<TFieldValues, TFieldName> {
   disabled?: boolean;
   required?: boolean;
@@ -75,7 +75,7 @@ declare function TextField<TFieldValues extends FieldValues = FieldValues, TFiel
   transform,
   prefix,
   ...props
-}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react_jsx_runtime2.JSX.Element;
+}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react_jsx_runtime6.JSX.Element;
 interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {
   name: string;
   defaultValue?: string;
@@ -87,7 +87,7 @@ declare function QueryTextField({
   defaultValue,
   options,
   ...props
-}: QueryTextFieldProps): react_jsx_runtime2.JSX.Element;
+}: QueryTextFieldProps): react_jsx_runtime6.JSX.Element;
 interface CookieTextFieldProps extends InputTextProps {
   name: string;
   maxAge?: number;
@@ -97,7 +97,7 @@ declare function CookieTextField({
   maxAge,
   onChange,
   ...inputProps
-}: CookieTextFieldProps): react_jsx_runtime2.JSX.Element;
+}: CookieTextFieldProps): react_jsx_runtime6.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,50 +1,50 @@
 {
   "name": "maquinaweb-ui",
-  "version": "2.59.1",
+  "version": "2.60.0",
   "description": "A minimal React component library",
   "type": "module",
   "sideEffects": false,
   "exports": {
-    "./date-field": {
-      "import": "./dist/date-field.js",
-      "types": "./dist/date-field.d.ts"
+    "./toggle-field": {
+      "import": "./dist/toggle-field.js",
+      "types": "./dist/toggle-field.d.ts"
     },
-    "./remote-selector": {
-      "import": "./dist/remote-selector.js",
-      "types": "./dist/remote-selector.d.ts"
+    "./kanban-dnd": {
+      "import": "./dist/kanban-dnd.js",
+      "types": "./dist/kanban-dnd.d.ts"
     },
     "./date-hour-field": {
       "import": "./dist/date-hour-field.js",
       "types": "./dist/date-hour-field.d.ts"
     },
-    "./kanban-dnd": {
-      "import": "./dist/kanban-dnd.js",
-      "types": "./dist/kanban-dnd.d.ts"
-    },
     "./split-text-poor": {
       "import": "./dist/split-text-poor.js",
       "types": "./dist/split-text-poor.d.ts"
     },
-    "./container-animation": {
-      "import": "./dist/container-animation.js",
-      "types": "./dist/container-animation.d.ts"
+    "./page-header": {
+      "import": "./dist/page-header.js",
+      "types": "./dist/page-header.d.ts"
     },
     "./text-field": {
       "import": "./dist/text-field.js",
       "types": "./dist/text-field.d.ts"
     },
-    "./toggle-field": {
-      "import": "./dist/toggle-field.js",
-      "types": "./dist/toggle-field.d.ts"
-    },
-    "./page-header": {
-      "import": "./dist/page-header.js",
-      "types": "./dist/page-header.d.ts"
+    "./remote-selector": {
+      "import": "./dist/remote-selector.js",
+      "types": "./dist/remote-selector.d.ts"
     },
     "./input-suggest": {
       "import": "./dist/input-suggest.js",
       "types": "./dist/input-suggest.d.ts"
     },
+    "./date-field": {
+      "import": "./dist/date-field.js",
+      "types": "./dist/date-field.d.ts"
+    },
+    "./container-animation": {
+      "import": "./dist/container-animation.js",
+      "types": "./dist/container-animation.d.ts"
+    },
     "./package.json": "./package.json"
   },
   "files": [