@mindtris/ui 0.1.10 → 0.1.12

package/dist/index.d.mts

@@ -2920,12 +2920,14 @@ interface DatePickerRangeProps {
  */
 declare function DatePickerRange({ value, onSelect, placeholder, disabled, className, calendarProps, }: DatePickerRangeProps): React$1.JSX.Element;
 
-declare function Header({ variant, leftSlot, rightSlot, }: {
+declare function Header({ variant, leftSlot, rightSlot, hideMobileMenuButton, }: {
     variant?: 'default' | 'v2' | 'v3';
     /** App-specific header content for the left side (logo, menu, etc.). */
     leftSlot?: ReactNode;
     /** App-specific header actions (search, notifications, theme toggle, profile). Pass from app. */
     rightSlot?: ReactNode;
+    /** When true, hides the hamburger menu button (e.g. for auth layout with full nav). */
+    hideMobileMenuButton?: boolean;
 }): React$1.JSX.Element;
 
 interface NavbarLink {
@@ -3683,7 +3685,7 @@ type SelectItemProps = React$1.ComponentProps<typeof SelectPrimitive.Item>;
 type SelectLabelProps = React$1.ComponentProps<typeof SelectPrimitive.Label>;
 type SelectSeparatorProps = React$1.ComponentProps<typeof SelectPrimitive.Separator>;
 declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): React$1.JSX.Element;
-declare function SelectContent({ className, children, position, ...props }: SelectContentProps): React$1.JSX.Element;
+declare function SelectContent({ className, children, position, sideOffset, ...props }: SelectContentProps): React$1.JSX.Element;
 declare function SelectLabel({ className, ...props }: SelectLabelProps): React$1.JSX.Element;
 declare function SelectItem({ className, children, ...props }: SelectItemProps): React$1.JSX.Element;
 declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): React$1.JSX.Element;

package/dist/index.mjs

@@ -2798,15 +2798,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx2(
-          TooltipPrimitive.Arrow,
-          {
-            className: cn(
-              "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]",
-              arrowVariantClasses[variant]
-            )
-          }
-        )
+        /* @__PURE__ */ jsx2(TooltipPrimitive.Arrow, { className: cn("z-50", arrowVariantClasses[variant]) })
       ]
     }
   ) });
@@ -4007,7 +3999,7 @@ var Input = React7.forwardRef(
           // We only style the selector button here (token-driven).
           type === "file" && "cursor-pointer file:mr-3 file:px-3 file:py-1.5 file:rounded-md file:border-0 file:bg-background file:text-muted-foreground file:text-xs file:font-medium",
           "placeholder:text-muted-foreground",
-          "hover:border-border/80 focus-visible:outline-none focus-visible:ring-0 focus-visible:border-foreground/40",
+          "hover:border-border/80 focus-visible:outline-none focus-visible:ring-0 focus-visible:border-primary",
           "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
           sizeClasses[size],
           className
@@ -9860,12 +9852,13 @@ import { jsx as jsx54, jsxs as jsxs34 } from "react/jsx-runtime";
 function Header({
   variant = "default",
   leftSlot,
-  rightSlot
+  rightSlot,
+  hideMobileMenuButton = false
 }) {
   const { sidebarOpen, setSidebarOpen } = useAppProvider();
   return /* @__PURE__ */ jsx54("header", { className: `sticky top-0 before:absolute before:inset-0 before:backdrop-blur-md max-lg:before:bg-background/90 before:-z-10 z-30 ${variant === "v2" || variant === "v3" ? "before:bg-background after:absolute after:h-px after:inset-x-0 after:top-full after:bg-border after:-z-10" : "max-lg:shadow-sm lg:before:bg-muted/90"} ${variant === "v2" ? "" : ""} ${variant === "v3" ? "" : ""}`, children: /* @__PURE__ */ jsx54("div", { className: "px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs34("div", { className: `flex items-center justify-between h-16 ${variant === "v2" || variant === "v3" ? "" : "lg:border-b border-border"}`, children: [
     /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ jsxs34(
+      !hideMobileMenuButton && /* @__PURE__ */ jsxs34(
         "button",
         {
           className: "text-muted-foreground hover:text-foreground lg:hidden",
@@ -12365,6 +12358,7 @@ function SelectContent({
   className,
   children,
   position = "popper",
+  sideOffset = 4,
   ...props
 }) {
   return /* @__PURE__ */ jsx72(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs42(
@@ -12372,6 +12366,7 @@ function SelectContent({
     {
       "data-slot": "select-content",
       position,
+      sideOffset,
       className: cn(
         "bg-popover text-popover-foreground border border-input",
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -12386,6 +12381,7 @@ function SelectContent({
         /* @__PURE__ */ jsx72(
           SelectPrimitive.Viewport,
           {
+            "data-slot": "select-viewport",
             className: cn(
               "p-1",
               position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
@@ -12416,15 +12412,15 @@ function SelectItem({ className, children, ...props }) {
     {
       "data-slot": "select-item",
       className: cn(
-        "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none",
-        "focus:bg-background focus:text-foreground",
+        "relative flex w-full cursor-default select-none items-center gap-2 rounded-md py-1.5 pl-2 pr-8 text-sm outline-none mx-1",
+        "focus:bg-muted focus:text-foreground data-[highlighted]:bg-muted data-[highlighted]:text-foreground",
         "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx72("span", { className: "absolute right-2 flex h-3.5 w-3.5 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx72(SelectPrimitive.ItemIndicator, { className: "inline-flex", children: /* @__PURE__ */ jsx72(CircleCheck2, { className: "h-4 w-4 text-foreground", "aria-hidden": true }) }) }),
-        /* @__PURE__ */ jsx72(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx72(SelectPrimitive.ItemText, { children }),
+        /* @__PURE__ */ jsx72("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex h-3.5 w-3.5 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx72(SelectPrimitive.ItemIndicator, { className: "inline-flex", children: /* @__PURE__ */ jsx72(CircleCheck2, { className: "h-4 w-4 text-foreground", "aria-hidden": true }) }) })
       ]
     }
   );