@mlw-packages/react-components 1.3.10 → 1.3.11

package/dist/index.css

@@ -549,9 +549,6 @@ body {
 .-mt-4 {
   margin-top: -1rem;
 }
-.mb-1 {
-  margin-bottom: 0.25rem;
-}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -885,10 +882,6 @@ body {
 .w-auto {
   width: auto;
 }
-.w-fit {
-  width: -moz-fit-content;
-  width: fit-content;
-}
 .w-full {
   width: 100%;
 }
@@ -908,9 +901,6 @@ body {
 .min-w-\[150px\] {
   min-width: 150px;
 }
-.min-w-\[200px\] {
-  min-width: 200px;
-}
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -1061,9 +1051,6 @@ body {
 .flex-wrap {
   flex-wrap: wrap;
 }
-.place-items-end {
-  place-items: end;
-}
 .content-start {
   align-content: flex-start;
 }
@@ -1079,9 +1066,6 @@ body {
 .justify-start {
   justify-content: flex-start;
 }
-.justify-end {
-  justify-content: flex-end;
-}
 .justify-center {
   justify-content: center;
 }
@@ -1406,6 +1390,10 @@ body {
 .bg-primary\/20 {
   background-color: hsl(var(--primary) / 0.2);
 }
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+}
 .bg-secondary {
   background-color: hsl(var(--secondary));
 }

package/dist/index.d.mts

@@ -473,7 +473,7 @@ interface MultiComboboxProps<T extends string> extends Omit<ComboboxProps<T>, "s
     onChange: (value: T[]) => void;
     labelClassname?: string;
 }
-declare function MultiCombobox<T extends string>({ items, selected, onChange, placeholder, searchPlaceholder, label, labelClassname }: MultiComboboxProps<T>): react_jsx_runtime.JSX.Element;
+declare function MultiCombobox<T extends string>({ items, selected, onChange, placeholder, searchPlaceholder, label, labelClassname, }: MultiComboboxProps<T>): react_jsx_runtime.JSX.Element;
 
 interface SelectItem$1<T extends string> {
     label: string;

package/dist/index.d.ts

@@ -473,7 +473,7 @@ interface MultiComboboxProps<T extends string> extends Omit<ComboboxProps<T>, "s
     onChange: (value: T[]) => void;
     labelClassname?: string;
 }
-declare function MultiCombobox<T extends string>({ items, selected, onChange, placeholder, searchPlaceholder, label, labelClassname }: MultiComboboxProps<T>): react_jsx_runtime.JSX.Element;
+declare function MultiCombobox<T extends string>({ items, selected, onChange, placeholder, searchPlaceholder, label, labelClassname, }: MultiComboboxProps<T>): react_jsx_runtime.JSX.Element;
 
 interface SelectItem$1<T extends string> {
     label: string;

package/dist/index.js

@@ -217,7 +217,7 @@ var buttonVariantsBase = (0, import_class_variance_authority.cva)(
     focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
     disabled:pointer-events-none disabled:opacity-50
     active:scale-[0.97]
-    [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0
+    [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-transparent
   `,
   {
     variants: {
@@ -230,9 +230,9 @@ var buttonVariantsBase = (0, import_class_variance_authority.cva)(
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: "h-9 px-4 py-1.5",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
+        default: "px-4 py-1.5",
+        sm: "rounded-md px-3 text-xs",
+        lg: "rounded-md px-8",
         icon: "h-9 w-9"
       }
     },
@@ -632,7 +632,7 @@ var InputBase = React6.forwardRef(
         {
           className: cn(
             "flex items-center rounded-md transition focus-within:ring-1 focus-within:ring-ring focus-within:border-ring bg-white dark:bg-[hsl(231,15%,19%)] overflow-hidden",
-            type !== "number" && type !== "file" && "border border-input"
+            type !== "file" && "border"
           ),
           children: [
             leftIcon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex items-center justify-center px-2", children: leftIcon }),
@@ -641,7 +641,7 @@ var InputBase = React6.forwardRef(
               {
                 type,
                 className: cn(
-                  "w-full flex-1 text-sm leading-tight py-2 px-3 focus:outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 bg-white dark:bg-[hsl(231,15%,19%)]",
+                  "w-full flex-1 text-sm py-1.5 px-3 focus:outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 bg-white dark:bg-[hsl(231,15%,19%)]",
                   className
                 ),
                 ref,
@@ -1442,7 +1442,7 @@ function ComboboxBase({
             role: "combobox",
             "aria-expanded": open,
             className: cn(
-              "flex-wrap items-start gap-2 justify-between h-full",
+              "flex items-start gap-2 justify-between h-full",
               errorMessage && "border-red-500"
             ),
             children: [
@@ -1504,10 +1504,9 @@ function Combobox({
   labelClassname
 }) {
   const selectedItem = items.find((item) => item.value === selected);
-  const renderSelected = (0, import_react5.useMemo)(
-    () => selectedItem?.label ?? placeholder ?? "Selecione uma op\xE7\xE3o...",
-    [placeholder, selectedItem]
-  );
+  const renderSelected = (0, import_react5.useMemo)(() => {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: cn("truncate", !selectedItem && "text-gray-500"), children: selectedItem?.label ?? placeholder ?? "Selecione uma op\xE7\xE3o..." });
+  }, [placeholder, selectedItem]);
   const checkIsSelected = (0, import_react5.useCallback)(
     (value) => selected == null ? false : selected == value,
     [selected]
@@ -1563,8 +1562,9 @@ function MultiCombobox({
     [selected, onChange]
   );
   const renderSelected = (0, import_react6.useMemo)(() => {
-    if (selectedItems.length === 0)
-      return placeholder ?? "Selecione uma op\xE7\xE3o...";
+    if (selectedItems.length === 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-gray-500", children: placeholder ?? "Selecione uma op\xE7\xE3o..." });
+    }
     const items2 = selectedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
@@ -3027,7 +3027,7 @@ SlideBase.displayName = "SlideBase";
 var import_phosphor_react15 = require("phosphor-react");
 var import_sonner = require("sonner");
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var iconBaseClass = "w-7 h-auto";
+var iconBaseClass = "w-5 h-auto";
 var Toaster = ({ ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_sonner.Toaster,

package/dist/index.mjs

@@ -24,7 +24,7 @@ var buttonVariantsBase = cva(
     focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
     disabled:pointer-events-none disabled:opacity-50
     active:scale-[0.97]
-    [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0
+    [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-transparent
   `,
   {
     variants: {
@@ -37,9 +37,9 @@ var buttonVariantsBase = cva(
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: "h-9 px-4 py-1.5",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
+        default: "px-4 py-1.5",
+        sm: "rounded-md px-3 text-xs",
+        lg: "rounded-md px-8",
         icon: "h-9 w-9"
       }
     },
@@ -439,7 +439,7 @@ var InputBase = React6.forwardRef(
         {
           className: cn(
             "flex items-center rounded-md transition focus-within:ring-1 focus-within:ring-ring focus-within:border-ring bg-white dark:bg-[hsl(231,15%,19%)] overflow-hidden",
-            type !== "number" && type !== "file" && "border border-input"
+            type !== "file" && "border"
           ),
           children: [
             leftIcon && /* @__PURE__ */ jsx7("div", { className: "flex items-center justify-center px-2", children: leftIcon }),
@@ -448,7 +448,7 @@ var InputBase = React6.forwardRef(
               {
                 type,
                 className: cn(
-                  "w-full flex-1 text-sm leading-tight py-2 px-3 focus:outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 bg-white dark:bg-[hsl(231,15%,19%)]",
+                  "w-full flex-1 text-sm py-1.5 px-3 focus:outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 bg-white dark:bg-[hsl(231,15%,19%)]",
                   className
                 ),
                 ref,
@@ -1249,7 +1249,7 @@ function ComboboxBase({
             role: "combobox",
             "aria-expanded": open,
             className: cn(
-              "flex-wrap items-start gap-2 justify-between h-full",
+              "flex items-start gap-2 justify-between h-full",
               errorMessage && "border-red-500"
             ),
             children: [
@@ -1311,10 +1311,9 @@ function Combobox({
   labelClassname
 }) {
   const selectedItem = items.find((item) => item.value === selected);
-  const renderSelected = useMemo(
-    () => selectedItem?.label ?? placeholder ?? "Selecione uma op\xE7\xE3o...",
-    [placeholder, selectedItem]
-  );
+  const renderSelected = useMemo(() => {
+    return /* @__PURE__ */ jsx17("span", { className: cn("truncate", !selectedItem && "text-gray-500"), children: selectedItem?.label ?? placeholder ?? "Selecione uma op\xE7\xE3o..." });
+  }, [placeholder, selectedItem]);
   const checkIsSelected = useCallback(
     (value) => selected == null ? false : selected == value,
     [selected]
@@ -1370,8 +1369,9 @@ function MultiCombobox({
     [selected, onChange]
   );
   const renderSelected = useMemo2(() => {
-    if (selectedItems.length === 0)
-      return placeholder ?? "Selecione uma op\xE7\xE3o...";
+    if (selectedItems.length === 0) {
+      return /* @__PURE__ */ jsx18("span", { className: "text-gray-500", children: placeholder ?? "Selecione uma op\xE7\xE3o..." });
+    }
     const items2 = selectedItems.map((item) => /* @__PURE__ */ jsxs11(
       "div",
       {
@@ -2838,7 +2838,7 @@ SlideBase.displayName = "SlideBase";
 import { CheckCircle, XCircle, Info, Warning, Spinner } from "phosphor-react";
 import { Toaster as Sonner, toast as sonnertoast } from "sonner";
 import { jsx as jsx33 } from "react/jsx-runtime";
-var iconBaseClass = "w-7 h-auto";
+var iconBaseClass = "w-5 h-auto";
 var Toaster = ({ ...props }) => {
   return /* @__PURE__ */ jsx33(
     Sonner,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mlw-packages/react-components",
-  "version": "1.3.10",
+  "version": "1.3.11",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",