maquinaweb-ui 2.9.0 → 2.10.0

package/dist/container-animation.d.ts

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

package/dist/input-suggest.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from "react";
 import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime2 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
@@ -14,6 +14,7 @@ interface InputSuggestProps<TFieldValues extends FieldValues = FieldValues, TFie
   className?: string;
   useData: (search?: string, initialParams?: Object) => {
     data?: {
+      id: string | number;
       [key: string]: any;
     }[];
     refresh?: any;
@@ -55,7 +56,7 @@ declare function InputSuggest<TFieldValues extends FieldValues = FieldValues, TF
   refineSuggest,
   limit,
   ...props
-}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps): react_jsx_runtime2.JSX.Element;
+}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { InputSuggest, type InputSuggestProps };
 //# sourceMappingURL=input-suggest.d.ts.map

package/dist/input-suggest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-suggest.d.ts","names":[],"sources":["../src/components/input-suggest/input-suggest.tsx"],"sourcesContent":[],"mappings":";;;;;;UA8BiB,uCACM,cAAc,gCAChB,UAAU,gBAAgB,UAAU,uBAC/C,mBAAmB,cAAc;;;EAH1B,QAAA,CAAA,EAAA,CAAA,MAAA,EAAiB,MAAA,EAAA,GAAA,IAAA;EAAA,QAAA,CAAA,EAOrB,QAPqB,CAOZ,cAPY,CAAA,MAAA,CAAA,CAAA;OACX,CAAA,EAAA,MAAA;aAAc,CAAA,EAAA,MAAA;WACN,CAAA,EAAA,MAAA;SAAV,EAAA,CAAA,MAAA,CAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAWD,MAXC,EAAA,GAAA;IAAoC,IAAA,CAAA,EAAA;MAAV,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,GAAA;IAClB,CAAA,EAAA;IAAc,OAAA,CAAA,EAAA,GAAA;;UAI9B,CAAA,EAAA,OAAA;OAMO,CAAA,EAAA,MAAA;oBAVV,CAAA,EAAA,OAAA;EAAkB,YAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAgCnB,UAAA,CAAA,EAAA,OAAY;EAAA,OAAA,CAAA,EAAA,MAAA;MACE,CAAA,EAAA,MAAA;YAAc,EAAA,MAAA;QACN,CAAA,EAAA,MAAA;aAAV,CAAA,EAAA,CAAA,KAAA,EAAA,GAAA,EAAA,GAAA,GAAA;eAAoC,CAAA,EAAA,CAAA,OAAA,EAAA,GAAA,EAAA,GAAA,GAAA;OAAV,CAAA,EAAA,MAAA;YAE7C,CAAA,EAAA,MAAA;;iBAJO,YAMP,CAAA,qBALqB,WAKrB,GALmC,WAKnC,EAAA,mBAJmB,SAInB,CAJ6B,YAI7B,CAAA,GAJ6C,SAI7C,CAJuD,YAIvD,CAAA,CAAA,CAAA;EAAA,IAAA;EAAA,UAAA;EAAA,UAAA;EAAA,KAAA;EAAA,SAAA;EAAA,WAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,kBAAA;EAAA,KAAA;EAAA,KAAA;EAAA,YAAA;EAAA,UAAA;EAAA,OAAA;EAAA,IAAA;EAAA,MAAA;EAAA,WAAA;EAAA,aAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAoBC,iBApBD,CAoBmB,YApBnB,EAoBiC,UApBjC,CAAA,GAoB+C,YApB/C,CAAA,EAoB2D,kBAAA,CAAA,GAAA,CAAA,OApB3D"}
+{"version":3,"file":"input-suggest.d.ts","names":[],"sources":["../src/components/input-suggest/input-suggest.tsx"],"sourcesContent":[],"mappings":";;;;;;UA8BiB,uCACM,cAAc,gCAChB,UAAU,gBAAgB,UAAU,uBAC/C,mBAAmB,cAAc;;;EAH1B,QAAA,CAAA,EAAA,CAAA,MAAA,EAAiB,MAAA,EAAA,GAAA,IAAA;EAAA,QAAA,CAAA,EAOrB,QAPqB,CAOZ,cAPY,CAAA,MAAA,CAAA,CAAA;OACX,CAAA,EAAA,MAAA;aAAc,CAAA,EAAA,MAAA;WACN,CAAA,EAAA,MAAA;SAAV,EAAA,CAAA,MAAA,CAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAWD,MAXC,EAAA,GAAA;IAAoC,IAAA,CAAA,EAAA;MAAV,EAAA,EAAA,MAAA,GAAA,MAAA;MAClB,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,GAAA;IAAc,CAAA,EAAA;IAIrB,OAAA,CAAA,EAAA,GAAA;;UAMF,CAAA,EAAA,OAAA;OAVV,CAAA,EAAA,MAAA;EAAkB,kBAAA,CAAA,EAAA,OAAA;EAiCnB,YAAA,CAAA,EAAY,GAAA,GAAA,IAAA;EAAA,UAAA,CAAA,EAAA,OAAA;SACE,CAAA,EAAA,MAAA;MAAc,CAAA,EAAA,MAAA;YACN,EAAA,MAAA;QAAV,CAAA,EAAA,MAAA;aAAoC,CAAA,EAAA,CAAA,KAAA,EAAA,GAAA,EAAA,GAAA,GAAA;eAAV,CAAA,EAAA,CAAA,OAAA,EAAA,GAAA,EAAA,GAAA,GAAA;OAE7C,CAAA,EAAA,MAAA;YACA,CAAA,EAAA,MAAA;;iBALO,YAOP,CAAA,qBANqB,WAMrB,GANmC,WAMnC,EAAA,mBALmB,SAKnB,CAL6B,YAK7B,CAAA,GAL6C,SAK7C,CALuD,YAKvD,CAAA,CAAA,CAAA;EAAA,IAAA;EAAA,UAAA;EAAA,UAAA;EAAA,KAAA;EAAA,SAAA;EAAA,WAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,kBAAA;EAAA,KAAA;EAAA,KAAA;EAAA,YAAA;EAAA,UAAA;EAAA,OAAA;EAAA,IAAA;EAAA,MAAA;EAAA,WAAA;EAAA,aAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAmBC,iBAnBD,CAmBmB,YAnBnB,EAmBiC,UAnBjC,CAAA,GAmB+C,YAnB/C,CAAA,EAmB2D,kBAAA,CAAA,GAAA,CAAA,OAnB3D"}

package/dist/input-suggest.js

@@ -65,10 +65,10 @@ function InputSuggest({ name, nameSearch, fieldValue = "name", label, className,
 	});
 	const [ariaSelected, setAriaSelected] = useState(-1);
 	const [open, setOpen] = useState(false);
-	const { data } = useData(searchField.value);
+	const { data } = useData?.(searchField.value);
 	const onChange = useCallback((item) => {
 		searchField.onChange(item?.[fieldValue]);
-		field.onChange(refineValue?.(item));
+		field.onChange(refineValue?.(item) || item);
 		setOpen(false);
 	}, [
 		field.value,
@@ -76,10 +76,10 @@ function InputSuggest({ name, nameSearch, fieldValue = "name", label, className,
 		fieldValue
 	]);
 	const handleChange = useCallback((e) => {
-		if (e.target.value === "") field.onChange(void 0);
+		if (e.target.value === "") field.onChange(null);
 		searchField.onChange(e.target.value);
 		setOpen(true);
-		const item = data?.find((item$1) => item$1[fieldValue]?.toLowerCase() === e.target.value.toLowerCase());
+		const item = data?.find((item$1) => item$1[fieldValue] === e.target.value);
 		if (item) {
 			onChange(item);
 			setOpen(false);
@@ -154,9 +154,9 @@ function InputSuggest({ name, nameSearch, fieldValue = "name", label, className,
 											e.preventDefault();
 										},
 										children: [/* @__PURE__ */ jsx("span", {
-											className: "line-clamp-1",
+											className: "line-clamp-1 flex-1",
 											children: refineSuggest ? refineSuggest(item) : item?.[fieldValue]
-										}), field?.value?.id === item.id && /* @__PURE__ */ jsx(Check, { className: "ml-auto h-4 w-4 shrink-0" })]
+										}), field?.value?.id == item.id && /* @__PURE__ */ jsx(Check, { className: "ml-auto h-4 w-4 shrink-0" })]
 									}, item.id)),
 									extra && /* @__PURE__ */ jsx("li", {
 										className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden aria-selected:bg-accent/50 aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 transition-all hover:text-accent-foreground sticky bottom-0.5 bg-white hover:bg-accent"),

package/dist/input-suggest.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-suggest.js","names":["item"],"sources":["../src/components/ui/popover.tsx","../src/components/ui/scroll-area.tsx","../src/components/input-suggest/input-suggest.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none p-px transition-colors select-none\",\n        orientation === \"vertical\" &&\n          \"h-full w-2.5 border-l border-l-transparent\",\n        orientation === \"horizontal\" &&\n          \"h-2.5 flex-col border-t border-t-transparent\",\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"bg-border relative flex-1 rounded-full\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar }\n","'use client';\n\nimport {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\nimport {\n  FieldPath,\n  FieldValues,\n  UseControllerProps,\n  useController,\n  useFormContext,\n} from 'react-hook-form';\n\nimport type { PopoverProps } from '@radix-ui/react-popover';\nimport { ScrollArea, ScrollAreaViewport } from '@radix-ui/react-scroll-area';\nimport { Input } from '@/components/ui/input';\nimport { FormItem, FormLabel, FormMessage } from '@/ui/form';\nimport { InputHelp } from '@/ui/input-help';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ui/popover';\nimport { ScrollBar } from '../ui/scroll-area';\n\nimport { Check } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface InputSuggestProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> extends UseControllerProps<TFieldValues, TFieldName> {\n  label: string;\n  search?: string;\n  onSearch?: (search: string) => void;\n  setValue?: Dispatch<SetStateAction<string>>;\n  value?: string;\n  placeholder?: string;\n  className?: string;\n  useData: (\n    search?: string,\n    initialParams?: Object\n  ) => {\n    data?: {\n      [key: string]: any;\n    }[];\n    refresh?: any;\n  };\n  required?: boolean;\n  extra?: string;\n  updateSearchOnBlur?: boolean;\n  extraOnClick?: () => void;\n  withPortal?: boolean;\n  counter?: number;\n  help?: string;\n  nameSearch: string;\n  prefix?: string;\n  refineValue?: (value: any) => any;\n  refineSuggest?: (suggest: any) => any;\n  limit?: number;\n  fieldValue?: string;\n}\n\nfunction InputSuggest<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  name,\n  nameSearch,\n  fieldValue = 'name',\n  label,\n  className,\n  placeholder,\n  useData,\n  setValue,\n  required,\n  disabled,\n  updateSearchOnBlur = true,\n  value,\n  extra,\n  extraOnClick,\n  withPortal = false,\n  counter,\n  help,\n  prefix,\n  refineValue,\n  refineSuggest,\n  limit = 10,\n  ...props\n}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps) {\n  const form = useFormContext();\n  const inputName = prefix ? `${prefix}.${name}` : name;\n  const searchName = prefix ? `${prefix}.${nameSearch}` : nameSearch;\n\n  const { field: searchField } = useController({\n    name: searchName,\n    control: form.control,\n  });\n  const { field, fieldState } = useController({\n    name: inputName,\n    control: form.control,\n  });\n\n  const [ariaSelected, setAriaSelected] = useState(-1);\n\n  const [open, setOpen] = useState(false);\n\n  const { data } = useData(searchField.value);\n\n  const onChange = useCallback(\n    (item: { id: string | number; [key: string]: any }) => {\n      searchField.onChange(item?.[fieldValue as keyof typeof item]);\n      field.onChange(refineValue?.(item));\n      setOpen(false);\n    },\n    [field.value, refineValue, fieldValue]\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (e.target.value === '') {\n        field.onChange(undefined);\n      }\n      searchField.onChange(e.target.value);\n      setOpen(true);\n      const item = data?.find(\n        (item) =>\n          item[fieldValue as keyof typeof item]?.toLowerCase() ===\n          e.target.value.toLowerCase()\n      );\n      if (item) {\n        onChange(item as { id: string | number; [key: string]: any });\n        setOpen(false);\n      }\n    },\n    [field, searchField]\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown') {\n        setAriaSelected((prev) => prev + 1);\n      }\n      if (e.key === 'ArrowUp') {\n        setAriaSelected((prev) => prev - 1);\n      }\n      if (e.key === 'Enter' && data && data[ariaSelected]) {\n        onChange(\n          data[ariaSelected] as {\n            id: string | number;\n            [key: string]: any;\n          }\n        );\n        e.stopPropagation();\n        e.preventDefault();\n      }\n    },\n    []\n  );\n\n  useEffect(() => {\n    if (\n      field?.value?.[fieldValue as keyof typeof field.value] !==\n        searchField.value &&\n      updateSearchOnBlur\n    ) {\n      searchField.onChange(\n        field?.value?.[fieldValue as keyof typeof field.value]\n      );\n    }\n  }, [field.value]);\n\n  return (\n    <FormItem\n      className={cn('w-full flex flex-col', className)}\n      id={`input-suggest-${inputName}`}\n    >\n      <div className=\"flex items-end gap-1.5\">\n        <FormLabel htmlFor={inputName}>\n          {label}:\n          {required && (\n            <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n          )}\n        </FormLabel>\n\n        <InputHelp help={help} name={inputName} />\n      </div>\n      <Popover onOpenChange={setOpen} open={open} {...props}>\n        <PopoverTrigger className=\"outline-hidden w-full\">\n          <Input\n            autoComplete=\"off\"\n            className={cn(fieldState.error && 'border-destructive')}\n            disabled={disabled}\n            name={name}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            value={searchField.value}\n          />\n        </PopoverTrigger>\n        {fieldState.error && <FormMessage />}\n        <PopoverContent\n          className={cn(\n            'mt-1 w-(--radix-popover-trigger-width) max-w-2xl p-0 z-50',\n            data?.length === 0 && 'hidden'\n          )}\n          onOpenAutoFocus={(e) => e.preventDefault()}\n        >\n          <ScrollArea className=\"h-fit max-h-[300px]\" id=\"scroll\">\n            <ScrollAreaViewport className=\"w-full h-fit max-h-[300px]\">\n              <ul className=\"p-1\">\n                {data?.slice(0, limit)?.map((item) => (\n                  <li\n                    aria-selected={data[ariaSelected]?.id === item.id}\n                    className={cn(\n                      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden aria-selected:bg-accent/50 aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 transition-all hover:bg-accent/50 hover:text-accent-foreground',\n                      field?.value?.id === item.id &&\n                        'bg-accent! text-accent-foreground'\n                    )}\n                    key={item.id}\n                    onMouseDown={(e) => {\n                      onChange(\n                        item as { id: string | number; [key: string]: any }\n                      );\n                      e.preventDefault();\n                    }}\n                  >\n                    <span className=\"line-clamp-1\">\n                      {refineSuggest\n                        ? refineSuggest(item)\n                        : item?.[fieldValue as keyof typeof item]}\n                    </span>\n                    {field?.value?.id === item.id && (\n                      <Check className=\"ml-auto h-4 w-4 shrink-0\" />\n                    )}\n                  </li>\n                ))}\n\n                {extra && (\n                  <li\n                    className={cn(\n                      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden aria-selected:bg-accent/50 aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 transition-all hover:text-accent-foreground sticky bottom-0.5 bg-white hover:bg-accent'\n                    )}\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      extraOnClick?.();\n                    }}\n                  >\n                    <span className=\"line-clamp-1\">{extra}</span>\n                  </li>\n                )}\n\n                {(data?.length === 0 || !data) && !extra && (\n                  <p className=\"text-sm text-center text-accent-foreground/50 py-2\">\n                    Nenhum resultado encontrado.\n                  </p>\n                )}\n              </ul>\n            </ScrollAreaViewport>\n            <ScrollBar />\n          </ScrollArea>\n        </PopoverContent>\n      </Popover>\n    </FormItem>\n  );\n}\n\nexport { InputSuggest };\n"],"mappings":"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"}
+{"version":3,"file":"input-suggest.js","names":["item"],"sources":["../src/components/ui/popover.tsx","../src/components/ui/scroll-area.tsx","../src/components/input-suggest/input-suggest.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none p-px transition-colors select-none\",\n        orientation === \"vertical\" &&\n          \"h-full w-2.5 border-l border-l-transparent\",\n        orientation === \"horizontal\" &&\n          \"h-2.5 flex-col border-t border-t-transparent\",\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"bg-border relative flex-1 rounded-full\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar }\n","'use client';\n\nimport {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\nimport {\n  FieldPath,\n  FieldValues,\n  UseControllerProps,\n  useController,\n  useFormContext,\n} from 'react-hook-form';\n\nimport type { PopoverProps } from '@radix-ui/react-popover';\nimport { ScrollArea, ScrollAreaViewport } from '@radix-ui/react-scroll-area';\nimport { Input } from '@/components/ui/input';\nimport { FormItem, FormLabel, FormMessage } from '@/ui/form';\nimport { InputHelp } from '@/ui/input-help';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ui/popover';\nimport { ScrollBar } from '../ui/scroll-area';\n\nimport { Check } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface InputSuggestProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> extends UseControllerProps<TFieldValues, TFieldName> {\n  label: string;\n  search?: string;\n  onSearch?: (search: string) => void;\n  setValue?: Dispatch<SetStateAction<string>>;\n  value?: string;\n  placeholder?: string;\n  className?: string;\n  useData: (\n    search?: string,\n    initialParams?: Object\n  ) => {\n    data?: {\n      id: string | number;\n      [key: string]: any;\n    }[];\n    refresh?: any;\n  };\n  required?: boolean;\n  extra?: string;\n  updateSearchOnBlur?: boolean;\n  extraOnClick?: () => void;\n  withPortal?: boolean;\n  counter?: number;\n  help?: string;\n  nameSearch: string;\n  prefix?: string;\n  refineValue?: (value: any) => any;\n  refineSuggest?: (suggest: any) => any;\n  limit?: number;\n  fieldValue?: string;\n}\n\nfunction InputSuggest<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  name,\n  nameSearch,\n  fieldValue = 'name',\n  label,\n  className,\n  placeholder,\n  useData,\n  setValue,\n  required,\n  disabled,\n  updateSearchOnBlur = true,\n  value,\n  extra,\n  extraOnClick,\n  withPortal = false,\n  counter,\n  help,\n  prefix,\n  refineValue,\n  refineSuggest,\n  limit = 10,\n  ...props\n}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps) {\n  const form = useFormContext();\n  const inputName = prefix ? `${prefix}.${name}` : name;\n  const searchName = prefix ? `${prefix}.${nameSearch}` : nameSearch;\n\n  const { field: searchField } = useController({\n    name: searchName,\n    control: form.control,\n  });\n  const { field, fieldState } = useController({\n    name: inputName,\n    control: form.control,\n  });\n\n  const [ariaSelected, setAriaSelected] = useState(-1);\n\n  const [open, setOpen] = useState(false);\n\n  const { data } = useData?.(searchField.value);\n\n  const onChange = useCallback(\n    (item: any) => {\n      searchField.onChange(item?.[fieldValue as keyof typeof item]);\n      field.onChange(refineValue?.(item) || item);\n      setOpen(false);\n    },\n    [field.value, refineValue, fieldValue]\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (e.target.value === '') {\n        field.onChange(null);\n      }\n      searchField.onChange(e.target.value);\n      setOpen(true);\n      const item = data?.find((item) => item[fieldValue] === e.target.value);\n      if (item) {\n        onChange(item);\n        setOpen(false);\n      }\n    },\n    [field, searchField]\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown') {\n        setAriaSelected((prev) => prev + 1);\n      }\n      if (e.key === 'ArrowUp') {\n        setAriaSelected((prev) => prev - 1);\n      }\n      if (e.key === 'Enter' && data && data[ariaSelected]) {\n        onChange(data[ariaSelected]);\n        e.stopPropagation();\n        e.preventDefault();\n      }\n    },\n    []\n  );\n\n  useEffect(() => {\n    if (\n      field?.value?.[fieldValue as keyof typeof field.value] !==\n        searchField.value &&\n      updateSearchOnBlur\n    ) {\n      searchField.onChange(\n        field?.value?.[fieldValue as keyof typeof field.value]\n      );\n    }\n  }, [field.value]);\n\n  return (\n    <FormItem\n      className={cn('w-full flex flex-col', className)}\n      id={`input-suggest-${inputName}`}\n    >\n      <div className=\"flex items-end gap-1.5\">\n        <FormLabel htmlFor={inputName}>\n          {label}:\n          {required && (\n            <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n          )}\n        </FormLabel>\n\n        <InputHelp help={help} name={inputName} />\n      </div>\n      <Popover onOpenChange={setOpen} open={open} {...props}>\n        <PopoverTrigger className=\"outline-hidden w-full\">\n          <Input\n            autoComplete=\"off\"\n            className={cn(fieldState.error && 'border-destructive')}\n            disabled={disabled}\n            name={name}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            value={searchField.value}\n          />\n        </PopoverTrigger>\n        {fieldState.error && <FormMessage />}\n        <PopoverContent\n          className={cn(\n            'mt-1 w-(--radix-popover-trigger-width) max-w-2xl p-0 z-50',\n            data?.length === 0 && 'hidden'\n          )}\n          onOpenAutoFocus={(e) => e.preventDefault()}\n        >\n          <ScrollArea className=\"h-fit max-h-[300px]\" id=\"scroll\">\n            <ScrollAreaViewport className=\"w-full h-fit max-h-[300px]\">\n              <ul className=\"p-1\">\n                {data?.slice(0, limit)?.map((item) => (\n                  <li\n                    aria-selected={data[ariaSelected]?.id === item.id}\n                    className={cn(\n                      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden aria-selected:bg-accent/50 aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 transition-all hover:bg-accent/50 hover:text-accent-foreground',\n                      field?.value?.id === item.id &&\n                        'bg-accent! text-accent-foreground'\n                    )}\n                    key={item.id}\n                    onMouseDown={(e) => {\n                      onChange(item);\n                      e.preventDefault();\n                    }}\n                  >\n                    <span className=\"line-clamp-1 flex-1\">\n                      {refineSuggest\n                        ? refineSuggest(item)\n                        : item?.[fieldValue as keyof typeof item]}\n                    </span>\n                    {field?.value?.id == item.id && (\n                      <Check className=\"ml-auto h-4 w-4 shrink-0\" />\n                    )}\n                  </li>\n                ))}\n\n                {extra && (\n                  <li\n                    className={cn(\n                      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden aria-selected:bg-accent/50 aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 transition-all hover:text-accent-foreground sticky bottom-0.5 bg-white hover:bg-accent'\n                    )}\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      extraOnClick?.();\n                    }}\n                  >\n                    <span className=\"line-clamp-1\">{extra}</span>\n                  </li>\n                )}\n\n                {(data?.length === 0 || !data) && !extra && (\n                  <p className=\"text-sm text-center text-accent-foreground/50 py-2\">\n                    Nenhum resultado encontrado.\n                  </p>\n                )}\n              </ul>\n            </ScrollAreaViewport>\n            <ScrollBar />\n          </ScrollArea>\n        </PopoverContent>\n      </Popover>\n    </FormItem>\n  );\n}\n\nexport { InputSuggest };\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maquinaweb-ui",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "A minimal React component library",
   "type": "module",
   "sideEffects": false,
@@ -77,6 +77,7 @@
     "@biomejs/biome": "^2.2.5",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
+    "@tailwindcss/postcss": "^4.1.16",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
     "concurrently": "^9.0.0",
@@ -90,10 +91,12 @@
     "react": "^19.2.0",
     "react-cosmos": "^7.0.0",
     "react-cosmos-next": "^7.0.0",
+    "react-cosmos-plugin-open-fixture": "^7.0.0",
     "react-dom": "^19.2.0",
     "react-hook-form": "^7.63.0",
     "tailwindcss": "^4.1.14",
     "tsdown": "^0.15.6",
+    "tw-animate-css": "^1.4.0",
     "typescript": "^5.7.2",
     "use-mask-input": "^3.5.2"
   },