@the12company/ui 0.1.5 → 0.1.7

package/dist/index.d.ts

@@ -199,6 +199,7 @@ type AuthBrandProps = React$1.HTMLAttributes<HTMLElement> & {
     logo: React$1.ReactNode;
     title: React$1.ReactNode;
     description?: React$1.ReactNode;
+    shadow?: boolean;
 };
 /**
  * Centered product brand block above the auth card.
@@ -208,6 +209,7 @@ declare const AuthBrand: React$1.ForwardRefExoticComponent<React$1.HTMLAttribute
     logo: React$1.ReactNode;
     title: React$1.ReactNode;
     description?: React$1.ReactNode;
+    shadow?: boolean;
 } & React$1.RefAttributes<HTMLElement>>;
 
 /**

package/dist/index.js

@@ -1540,7 +1540,7 @@ var AuthBanner = React11.forwardRef(
 );
 AuthBanner.displayName = "AuthBanner";
 var AuthBrand = React11.forwardRef(
-  ({ className, logo, title, description, ...props }, ref) => {
+  ({ className, logo, title, description, shadow = true, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "header",
       {
@@ -1551,7 +1551,16 @@ var AuthBrand = React11.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx("div", { className: "mb-5 flex h-16 w-16 items-center justify-center rounded-2xl shadow-lg shadow-primary/30 ring-4 ring-primary/10 transition-all duration-500 hover:-translate-y-0.5 hover:shadow-xl hover:shadow-primary/30", children: logo }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "mb-5 flex h-16 w-16 items-center justify-center rounded-2xl transition-all duration-500 hover:-translate-y-0.5",
+                shadow && "shadow-lg shadow-primary/30 ring-4 ring-primary/10 hover:shadow-xl hover:shadow-primary/30"
+              ),
+              children: logo
+            }
+          ),
           /* @__PURE__ */ jsx("h1", { className: "text-balance text-2xl font-bold tracking-tight text-foreground sm:text-[1.75rem]", children: title }),
           description ? /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-sm text-pretty text-sm font-normal leading-relaxed text-foreground opacity-80", children: description }) : null
         ]
@@ -1655,7 +1664,13 @@ var AuthShell = React11.forwardRef(
               children: background
             }
           ) : null,
-          /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-[1]", "aria-hidden": true }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "pointer-events-none absolute inset-0 z-[1]",
+              "aria-hidden": true
+            }
+          ),
           /* @__PURE__ */ jsx("div", { className: "relative z-10 w-full max-w-[440px]", children })
         ]
       }
@@ -1731,7 +1746,7 @@ var PasswordInput = React11.forwardRef(
         {
           type: "button",
           tabIndex: -1,
-          className: "absolute right-3 top-1/2 -translate-y-1/2 cursor-pointer",
+          className: "absolute right-4 top-1/2 -translate-y-1/2 cursor-pointer",
           "aria-label": visible ? "Ocultar senha" : "Mostrar senha",
           onClick: () => setVisible((v) => !v),
           children: visible ? /* @__PURE__ */ jsx(EyeOff, { className: toggleIconClass, "aria-hidden": true, size: 18 }) : /* @__PURE__ */ jsx(Eye, { className: toggleIconClass, "aria-hidden": true, size: 18 })
@@ -2900,6 +2915,7 @@ var Dropdown = React11.forwardRef(function Dropdown2({ open, isFiltered = false,
         "h-9 translate-y-0 justify-between gap-1 px-2 font-normal text-sm transition-all duration-300",
         "border-border/80 shadow-[0_2px_6px_hsl(var(--foreground)/0.08)] dark:shadow-[0_2px_5px_-1px_rgba(0,0,0,0.55)]",
         "hover:translate-y-0 hover:border-border hover:shadow-[0_4px_10px_hsl(var(--foreground)/0.12)] dark:hover:shadow-[0_3px_8px_-2px_rgba(0,0,0,0.65)]",
+        "focus-visible:ring-0 focus-visible:ring-offset-0",
         isFiltered ? "border-primary/45 bg-primary/[0.07] font-medium shadow-sm ring-1 ring-inset ring-primary/15 hover:bg-primary/[0.07] hover:border-primary hover:text-foreground dark:shadow-[0_1px_4px_-1px_rgba(0,0,0,0.5)] dark:hover:shadow-[0_2px_6px_-2px_rgba(0,0,0,0.55)]" : "hover:bg-background hover:text-foreground hover:border-primary/55",
         open && (isFiltered ? "border-primary text-foreground shadow-sm ring-1 ring-inset ring-primary/15 dark:shadow-[0_2px_5px_-1px_rgba(0,0,0,0.55)]" : "border-primary/55 bg-background text-foreground shadow-md dark:shadow-[0_2px_10px_-3px_rgba(0,0,0,0.6)]"),
         className
@@ -2919,7 +2935,7 @@ var DropdownMenuSubTrigger = React11.forwardRef(({ className, inset, children, .
   {
     ref,
     className: cn(
-      "flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none transition-all duration-300 data-[state=open]:bg-accent/80 focus:bg-accent/80",
+      "flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 text-sm outline-none transition-all duration-300 data-[state=open]:bg-accent/80 focus:bg-accent/80 focus-visible:outline-none",
       inset && "pl-8",
       className
     ),
@@ -2936,20 +2952,24 @@ var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) =
   {
     ref,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-lg border border-border/80 bg-popover p-1 text-popover-foreground shadow-[0_10px_30px_hsl(var(--foreground)/0.14)] 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 min-w-[8rem] overflow-hidden rounded-lg border border-border/80 bg-popover p-1 text-popover-foreground shadow-[0_10px_30px_hsl(var(--foreground)/0.14)] outline-none 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",
       className
     ),
     ...props
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
     sideOffset,
+    onCloseAutoFocus: (event) => {
+      event.preventDefault();
+      onCloseAutoFocus?.(event);
+    },
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-lg border border-border/80 bg-popover p-1 text-popover-foreground shadow-[0_10px_15px_hsl(var(--foreground)/0.05)] 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 min-w-[8rem] overflow-hidden rounded-lg border border-border/80 bg-popover p-1 text-popover-foreground shadow-[0_10px_15px_hsl(var(--foreground)/0.05)] outline-none 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",
       className
     ),
     ...props
@@ -2961,7 +2981,7 @@ var DropdownMenuItem = React11.forwardRef(({ className, inset, ...props }, ref)
   {
     ref,
     className: cn(
-      "relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 text-sm outline-none transition-all duration-300 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent/80 focus:text-accent-foreground",
+      "relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 text-sm outline-none transition-all duration-300 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent/80 focus:text-accent-foreground focus-visible:outline-none",
       inset && "pl-8",
       className
     ),
@@ -2974,7 +2994,7 @@ var DropdownMenuCheckboxItem = React11.forwardRef(({ className, children, checke
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-none transition-all duration-300 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent/80 focus:text-accent-foreground",
+      "relative flex cursor-pointer select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-none transition-all duration-300 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent/80 focus:text-accent-foreground focus-visible:outline-none",
       className
     ),
     checked,
@@ -2991,12 +3011,12 @@ var DropdownMenuRadioItem = React11.forwardRef(({ className, children, ...props
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-none transition-all duration-300 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent/80 focus:text-accent-foreground",
+      "relative flex cursor-pointer select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-none transition-all duration-300 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent/80 focus:text-accent-foreground focus-visible:outline-none",
       className
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }