@mlw-packages/react-components 1.9.8 → 1.9.9

package/dist/index.js

@@ -29,7 +29,6 @@ var HoverCardPrimitive = require('@radix-ui/react-hover-card');
 var inputOtp = require('input-otp');
 var SliderPrimitive = require('@radix-ui/react-slider');
 var SwitchPrimitives = require('@radix-ui/react-switch');
-var useEmblaCarousel = require('embla-carousel-react');
 var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var TabsPrimitive = require('@radix-ui/react-tabs');
@@ -79,7 +78,6 @@ var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(Collapsible
 var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
 var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
 var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
-var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
 var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
@@ -1893,7 +1891,8 @@ var InputBase = React33__namespace.forwardRef(
           className: cn(
             "flex items-center rounded-md transition h-9  bg-background overflow-hidden",
             type !== "file" && "border border-input",
-            error ? "border-destructive focus:ring-1 focus:ring-destructive" : "border-input"
+            error ? "border-destructive focus:ring-1 focus:ring-destructive" : "border-input",
+            className
           ),
           children: [
             leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center px-2", children: leftIcon }),
@@ -1921,6 +1920,65 @@ var InputBase = React33__namespace.forwardRef(
   }
 );
 InputBase.displayName = "Input";
+var DebouncedInput = React33.forwardRef(
+  ({
+    value: initialValue,
+    onChange,
+    debounce: debounce2 = 500,
+    label,
+    labelClassname,
+    leftIcon,
+    rightIcon,
+    showLoadingIndicator = false,
+    className,
+    error,
+    ...props
+  }, ref) => {
+    const [value, setValue] = React33.useState(initialValue);
+    const [isDebouncing, setIsDebouncing] = React33.useState(false);
+    React33.useEffect(() => {
+      setValue(initialValue);
+    }, [initialValue]);
+    React33.useEffect(() => {
+      if (value === initialValue) {
+        setIsDebouncing(false);
+        return;
+      }
+      setIsDebouncing(true);
+      const timeout = setTimeout(() => {
+        onChange(value);
+        setIsDebouncing(false);
+      }, debounce2);
+      return () => {
+        clearTimeout(timeout);
+        setIsDebouncing(false);
+      };
+    }, [debounce2, initialValue, onChange, value]);
+    const renderRightIcon = () => {
+      if (showLoadingIndicator && isDebouncing) {
+        return /* @__PURE__ */ jsxRuntime.jsx(react.CircleNotchIcon, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
+      }
+      return rightIcon;
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      InputBase,
+      {
+        ...props,
+        ref,
+        label,
+        labelClassname,
+        leftIcon,
+        rightIcon: renderRightIcon(),
+        className: cn("transition-all duration-200", className),
+        value,
+        onChange: (e) => setValue(e.target.value),
+        error
+      }
+    );
+  }
+);
+DebouncedInput.displayName = "DebouncedInput";
+var DebouncedInput_default = DebouncedInput;
 var CommandBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command,
   {
@@ -1977,29 +2035,47 @@ var CommandInputBase = React33__namespace.forwardRef(({ className, testid: dataT
   }
 ));
 CommandInputBase.displayName = cmdk.Command.Input.displayName;
-var CommandDebouncedInputBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "div",
-  {
-    className: "flex items-center border-b px-3  border-border",
-    "cmdk-input-wrapper": "",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        cmdk.Command.Input,
-        {
-          ref,
-          className: cn(
-            "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none text-primary placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-            className
-          ),
-          "data-testid": dataTestId,
-          ...props
-        }
-      )
-    ]
-  }
-));
-CommandDebouncedInputBase.displayName = cmdk.Command.Input.displayName;
+var CommandDebouncedInputBase = React33__namespace.forwardRef(
+  ({
+    className,
+    testid: dataTestId = "command-input",
+    onValueChange,
+    value: propValue,
+    onChange: propOnChange,
+    search,
+    onSearch,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex items-center px-3 border-border border-b",
+      "cmdk-input-wrapper": "",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(react.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DebouncedInput_default,
+          {
+            ref,
+            className: cn(
+              "flex h-10 border-transparent w-full rounded-md bg-transparent text-sm outline-none text-primary placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            "data-testid": dataTestId,
+            "cmdk-input": "",
+            value: search ?? propValue ?? "",
+            ...props,
+            onChange: (value) => {
+              onValueChange?.(value);
+              propOnChange?.(value);
+              onSearch?.(value);
+            }
+          }
+        )
+      ]
+    }
+  )
+);
+CommandDebouncedInputBase.displayName = "CommandDebouncedInputBase";
 var CommandListBase = React33__namespace.forwardRef(
   ({ className, testid: dataTestId = "command-list", onEndReached, ...props }, ref) => {
     const listRef = React33__namespace.useRef(null);
@@ -3679,7 +3755,7 @@ var FileUploader = React33__namespace.forwardRef(
     showPreview = true,
     dropzoneText = "Arraste arquivos aqui ou clique para selecionar",
     dropzoneSubtext,
-    animate = true,
+    animate: animate2 = true,
     ...props
   }, ref) => {
     const [isDragging, setIsDragging] = React33__namespace.useState(false);
@@ -3887,7 +3963,7 @@ var FileUploader = React33__namespace.forwardRef(
             framerMotion.motion.p,
             {
               className: "mb-2 text-base font-semibold text-foreground",
-              initial: animate ? { opacity: 0, y: -10 } : false,
+              initial: animate2 ? { opacity: 0, y: -10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.1 },
               children: dropzoneText
@@ -3897,7 +3973,7 @@ var FileUploader = React33__namespace.forwardRef(
             framerMotion.motion.p,
             {
               className: "text-sm text-muted-foreground",
-              initial: animate ? { opacity: 0, y: -10 } : false,
+              initial: animate2 ? { opacity: 0, y: -10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.2 },
               children: defaultSubtext
@@ -3941,7 +4017,7 @@ var FileUploader = React33__namespace.forwardRef(
             framerMotion.motion.div,
             {
               className: "mt-6 w-full",
-              initial: animate ? { opacity: 0, y: 10 } : false,
+              initial: animate2 ? { opacity: 0, y: 10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.3 },
               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -3956,7 +4032,7 @@ var FileUploader = React33__namespace.forwardRef(
                   framerMotion.motion.div,
                   {
                     layout: true,
-                    initial: animate ? { opacity: 0, x: -20 } : false,
+                    initial: animate2 ? { opacity: 0, x: -20 } : false,
                     animate: { opacity: 1, x: 0 },
                     exit: {
                       opacity: 0,
@@ -3964,7 +4040,7 @@ var FileUploader = React33__namespace.forwardRef(
                       transition: { duration: 0.2 }
                     },
                     transition: {
-                      delay: animate ? index * 0.05 : 0,
+                      delay: animate2 ? index * 0.05 : 0,
                       layout: { duration: 0.2 }
                     },
                     className: cn(
@@ -5202,201 +5278,6 @@ var TextAreaBase = React33__namespace.forwardRef(
   }
 );
 TextAreaBase.displayName = "TextAreaBase";
-var CarouselContext = React33__namespace.createContext(null);
-function useCarousel() {
-  const context = React33__namespace.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a <CarouselBase />");
-  }
-  return context;
-}
-function CarouselBase({
-  orientation = "horizontal",
-  opts,
-  setApi,
-  plugins,
-  className,
-  children,
-  ...props
-}) {
-  const [carouselRef, api] = useEmblaCarousel__default.default(
-    {
-      ...opts,
-      axis: orientation === "horizontal" ? "x" : "y"
-    },
-    plugins
-  );
-  const [canScrollPrev, setCanScrollPrev] = React33__namespace.useState(false);
-  const [canScrollNext, setCanScrollNext] = React33__namespace.useState(false);
-  const onSelect = React33__namespace.useCallback((api2) => {
-    if (!api2) return;
-    setCanScrollPrev(api2.canScrollPrev());
-    setCanScrollNext(api2.canScrollNext());
-  }, []);
-  const scrollPrev = React33__namespace.useCallback(() => {
-    api?.scrollPrev();
-  }, [api]);
-  const scrollNext = React33__namespace.useCallback(() => {
-    api?.scrollNext();
-  }, [api]);
-  const handleKeyDown = React33__namespace.useCallback(
-    (event) => {
-      if (event.key === "ArrowLeft") {
-        event.preventDefault();
-        scrollPrev();
-      } else if (event.key === "ArrowRight") {
-        event.preventDefault();
-        scrollNext();
-      }
-    },
-    [scrollPrev, scrollNext]
-  );
-  React33__namespace.useEffect(() => {
-    if (!api || !setApi) return;
-    setApi(api);
-  }, [api, setApi]);
-  React33__namespace.useEffect(() => {
-    if (!api) return;
-    onSelect(api);
-    api.on("reInit", onSelect);
-    api.on("select", onSelect);
-    return () => {
-      api?.off("select", onSelect);
-    };
-  }, [api, onSelect]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    CarouselContext.Provider,
-    {
-      value: {
-        carouselRef,
-        api,
-        opts,
-        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-        scrollPrev,
-        scrollNext,
-        canScrollPrev,
-        canScrollNext
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          onKeyDownCapture: handleKeyDown,
-          className: cn("relative", className),
-          role: "region",
-          "aria-roledescription": "carousel",
-          "data-slot": "carousel",
-          ...props,
-          children
-        }
-      )
-    }
-  );
-}
-function CarouselContentBase({
-  className,
-  ...props
-}) {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: carouselRef,
-      className: "overflow-hidden",
-      "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: cn(
-            "flex",
-            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-            className
-          ),
-          ...props
-        }
-      )
-    }
-  );
-}
-function CarouselItemBase({
-  className,
-  ...props
-}) {
-  const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: "group",
-      "aria-roledescription": "slide",
-      "data-slot": "carousel-item",
-      className: cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CarouselPreviousBase({
-  className,
-  variant = "outline",
-  size = "icon",
-  ...props
-}) {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  const btnRef = React33__namespace.useRef(null);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ButtonBase,
-    {
-      "data-slot": "carousel-previous",
-      variant,
-      size,
-      ref: btnRef,
-      className: cn(
-        "absolute size-8 rounded-l-3xl px-6",
-        orientation === "horizontal" ? "top-2 right-1" : "bottom-64 left-1/3 rotate-90",
-        className
-      ),
-      disabled: !canScrollPrev,
-      onClick: scrollPrev,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react.ArrowLeftIcon, {}),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
-      ]
-    }
-  );
-}
-function CarouselNextBase({
-  className,
-  variant = "outline",
-  size = "icon",
-  ...props
-}) {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  const btnRef = React33__namespace.useRef(null);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ButtonBase,
-    {
-      "data-slot": "carousel-next",
-      variant,
-      size,
-      ref: btnRef,
-      className: cn(
-        "absolute size-8 rounded-r-3xl px-6",
-        orientation === "horizontal" ? "top-2" : "left-14 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react.ArrowRightIcon, {}),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-}
 var ScrollAreaBase = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ScrollAreaPrimitive__namespace.Root,
   {
@@ -7366,62 +7247,6 @@ function StatusIndicator({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children })
   ] });
 }
-var DebouncedInput = React33.forwardRef(
-  ({
-    value: initialValue,
-    onChange,
-    debounce: debounce2 = 500,
-    label,
-    labelClassname,
-    leftIcon,
-    rightIcon,
-    showLoadingIndicator = false,
-    className,
-    error,
-    ...props
-  }, ref) => {
-    const [value, setValue] = React33.useState(initialValue);
-    const [isDebouncing, setIsDebouncing] = React33.useState(false);
-    React33.useEffect(() => {
-      setValue(initialValue);
-    }, [initialValue]);
-    React33.useEffect(() => {
-      if (value !== initialValue) {
-        setIsDebouncing(true);
-      }
-      const timeout = setTimeout(() => {
-        onChange(value);
-        setIsDebouncing(false);
-      }, debounce2);
-      return () => {
-        clearTimeout(timeout);
-        setIsDebouncing(false);
-      };
-    }, [debounce2, initialValue, onChange, value]);
-    const renderRightIcon = () => {
-      if (showLoadingIndicator && isDebouncing) {
-        return /* @__PURE__ */ jsxRuntime.jsx(react.CircleNotchIcon, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
-      }
-      return rightIcon;
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      InputBase,
-      {
-        ...props,
-        ref,
-        label,
-        labelClassname,
-        leftIcon,
-        rightIcon: renderRightIcon(),
-        className: cn("transition-all duration-200", className),
-        value,
-        onChange: (e) => setValue(e.target.value),
-        error
-      }
-    );
-  }
-);
-DebouncedInput.displayName = "DebouncedInput";
 function useCheckboxTree(initialTree) {
   const initialCheckedNodes = React33.useMemo(() => {
     const checkedSet = /* @__PURE__ */ new Set();
@@ -18865,11 +18690,6 @@ exports.CardDescriptionBase = CardDescriptionBase;
 exports.CardFooterBase = CardFooterBase;
 exports.CardHeaderBase = CardHeaderBase;
 exports.CardTitleBase = CardTitleBase;
-exports.CarouselBase = CarouselBase;
-exports.CarouselContentBase = CarouselContentBase;
-exports.CarouselItemBase = CarouselItemBase;
-exports.CarouselNextBase = CarouselNextBase;
-exports.CarouselPreviousBase = CarouselPreviousBase;
 exports.ChangeButton = ChangeButton;
 exports.Chart = Chart_default;
 exports.ChartControls = ChartControls;
@@ -18886,6 +18706,7 @@ exports.CollapsibleContentBase = CollapsibleContentBase;
 exports.CollapsibleTriggerBase = CollapsibleTriggerBase;
 exports.Combobox = Combobox;
 exports.CommandBase = CommandBase;
+exports.CommandDebouncedInputBase = CommandDebouncedInputBase;
 exports.CommandDialogBase = CommandDialogBase;
 exports.CommandEmptyBase = CommandEmptyBase;
 exports.CommandGroupBase = CommandGroupBase;