@etus/ui 0.4.0-beta.2 → 0.4.0-beta.21

package/dist/chunk-GVNG5ME6.js

@@ -0,0 +1,1279 @@
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-5T7EKOJ5.js';
+import { useIsMobile } from './chunk-WH7Y2MAY.js';
+import { SkeletonLoader } from './chunk-NGX3ITG4.js';
+import { TextInput } from './chunk-K4UCALQQ.js';
+import { Avatar } from './chunk-U7TPJMGY.js';
+import { Button } from './chunk-L4OQ6BJ5.js';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-TEVGCTUN.js';
+import { Divider } from './chunk-LCBB3N5H.js';
+import { cn } from './chunk-RVAYDRMA.js';
+import { Slot } from '@radix-ui/react-slot';
+import { PanelLeftIcon, PanelLeftCloseIcon, ChevronsUpDown, MoonIcon, SunIcon } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var PEER_SIZE_POSITIONS = [
+  "peer-data-[size=sm]/menu-button:top-1",
+  "peer-data-[size=default]/menu-button:top-1.5",
+  "peer-data-[size=lg]/menu-button:top-2.5"
+];
+var sidebarProviderVariants = cva([
+  "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full"
+]);
+var sidebarNonCollapsibleVariants = cva([
+  "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col"
+]);
+var sidebarMobileVariants = cva([
+  "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden"
+]);
+var sidebarDesktopVariants = cva([
+  "group peer text-sidebar-foreground hidden md:block"
+]);
+var sidebarGapVariants = cva([
+  "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+  "group-data-[collapsible=offcanvas]:w-0",
+  "group-data-[side=right]:rotate-180"
+]);
+var sidebarContainerVariants = cva([
+  "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex"
+]);
+var sidebarInnerVariants = cva([
+  "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col",
+  "group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
+]);
+var sidebarTriggerVariants = cva(["size-7"]);
+var sidebarRailVariants = cva([
+  "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear",
+  "group-data-[side=left]:-right-4 group-data-[side=right]:left-0",
+  "after:absolute after:inset-y-0 after:left-1/2 after:w-0.5 sm:flex",
+  "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+  "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+  "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
+  "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+  "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2"
+]);
+var sidebarInsetVariants = cva([
+  "bg-background relative flex w-full flex-1 flex-col",
+  "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0",
+  "md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm",
+  "md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+  "peer-data-[mode=dual]:bg-[color:var(--sidebar-background,var(--sidebar))] peer-data-[mode=dual]:flex peer-data-[mode=dual]:flex-col peer-data-[mode=dual]:gap-3 peer-data-[mode=dual]:pt-5"
+]);
+var sidebarInputVariants = cva([
+  "bg-[color:var(--sidebar-input-background)] h-8 w-full shadow-none"
+]);
+var sidebarHeaderVariants = cva([
+  "flex flex-col gap-2 p-2",
+  "group-data-[mode=dual]/sidebar-wrapper:gap-0",
+  "group-data-[mode=dual]/sidebar-wrapper:px-[var(--sidebar-panel-header-padding-x)]",
+  "group-data-[mode=dual]/sidebar-wrapper:pt-[var(--sidebar-panel-padding-top)]",
+  "group-data-[mode=dual]/sidebar-wrapper:pb-0",
+  "group-data-[mode=dual]/sidebar-wrapper:text-[length:var(--sidebar-panel-header-font-size)]",
+  "group-data-[mode=dual]/sidebar-wrapper:font-[number:var(--sidebar-panel-header-font-weight)]",
+  "group-data-[mode=dual]/sidebar-wrapper:leading-[var(--sidebar-panel-header-line-height)]",
+  "group-data-[mode=dual]/sidebar-wrapper:text-[color:var(--sidebar-panel-header-color)]",
+  "group-data-[mode=single]/sidebar-wrapper:gap-[var(--sidebar-rail-group-gap)]",
+  "group-data-[mode=single]/sidebar-wrapper:px-[var(--sidebar-container-padding-x)]",
+  "group-data-[mode=single]/sidebar-wrapper:pt-[var(--sidebar-container-padding-y)]",
+  "group-data-[mode=single]/sidebar-wrapper:pb-0"
+]);
+var sidebarFooterVariants = cva([
+  "flex flex-col gap-2 p-2",
+  "group-data-[mode=single]/sidebar-wrapper:gap-[var(--sidebar-rail-item-gap)]",
+  "group-data-[mode=single]/sidebar-wrapper:px-[var(--sidebar-container-padding-x)]",
+  "group-data-[mode=single]/sidebar-wrapper:pb-[var(--sidebar-container-padding-y)]",
+  "group-data-[mode=single]/sidebar-wrapper:pt-0"
+]);
+var sidebarSeparatorVariants = cva([
+  "bg-sidebar-border mx-2 w-auto"
+]);
+var sidebarContentVariants = cva([
+  "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+  // Single mode — nav block sits inside the container padding, 24px below the
+  // header block (Figma 1091:8942: container px-12, section gap-24)
+  "group-data-[mode=single]/sidebar-wrapper:px-[var(--sidebar-container-padding-x)]",
+  "group-data-[mode=single]/sidebar-wrapper:pt-[var(--sidebar-rail-group-gap)]",
+  // Dual mode — section spacing comes from each group's pt (--sidebar-panel-gap);
+  // the base gap-2 would add +8px between sections (Figma 1092:542 has 28, not 36)
+  "group-data-[mode=dual]/sidebar-wrapper:gap-0"
+]);
+var sidebarGroupVariants = cva([
+  "relative flex w-full min-w-0 flex-col p-[var(--sidebar-group-padding)]",
+  "group-data-[mode=dual]/sidebar-wrapper:px-[var(--sidebar-section-padding-x)]",
+  "group-data-[mode=dual]/sidebar-wrapper:pt-[var(--sidebar-panel-gap)]",
+  "group-data-[mode=dual]/sidebar-wrapper:gap-[var(--sidebar-section-gap)]",
+  // Single mode — the nav list has no wrapper padding of its own (Figma
+  // 1091:8942); SidebarContent carries the container padding
+  "group-data-[mode=single]/sidebar-wrapper:p-0"
+]);
+var sidebarGroupLabelVariants = cva([
+  "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium",
+  "outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2",
+  "[&>svg]:size-4 [&>svg]:shrink-0",
+  "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+  "group-data-[mode]/sidebar-wrapper:h-auto",
+  "group-data-[mode]/sidebar-wrapper:px-[var(--sidebar-section-title-padding-x)]",
+  "group-data-[mode]/sidebar-wrapper:py-0",
+  "group-data-[mode]/sidebar-wrapper:text-[length:var(--sidebar-section-title-font-size)]",
+  "group-data-[mode]/sidebar-wrapper:font-[var(--sidebar-section-title-font-weight)]",
+  "group-data-[mode]/sidebar-wrapper:leading-[var(--sidebar-section-title-line-height)]",
+  "group-data-[mode]/sidebar-wrapper:tracking-normal",
+  "group-data-[mode]/sidebar-wrapper:normal-case",
+  "group-data-[mode]/sidebar-wrapper:text-[color:var(--sidebar-section-title-color)]"
+]);
+var sidebarGroupActionVariants = cva([
+  "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+  "absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0",
+  "outline-hidden transition-transform focus-visible:ring-2",
+  "[&>svg]:size-4 [&>svg]:shrink-0",
+  "after:absolute after:-inset-2 md:after:hidden",
+  "group-data-[collapsible=icon]:hidden"
+]);
+var sidebarGroupContentVariants = cva([
+  "w-full text-sm"
+]);
+var sidebarMenuVariants = cva([
+  "flex w-full min-w-0 flex-col gap-1",
+  "group-data-[mode=single]:gap-[var(--sidebar-rail-item-gap)]",
+  "group-data-[mode=dual]:gap-[var(--sidebar-section-content-gap)]",
+  "group-data-[mode=dual]:px-[var(--sidebar-section-content-padding-x)]"
+]);
+var sidebarMenuItemVariants = cva([
+  "group/menu-item relative"
+]);
+var sidebarMenuButtonVariants = cva(
+  [
+    "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm",
+    "outline-hidden ring-sidebar-ring transition-[width,height,padding]",
+    "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+    "focus-visible:ring-2",
+    "active:bg-sidebar-accent active:text-sidebar-accent-foreground",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "group-has-data-[sidebar=menu-action]/menu-item:pr-8",
+    "aria-disabled:pointer-events-none aria-disabled:opacity-50",
+    "data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground",
+    "data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground",
+    "group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2!",
+    "[&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+    // Dual mode — consumes Figma 1092:446 nav-item tokens:
+    //  padding 8px, radius 4px, gap 12px, font 14px Regular leading-1,
+    //  color muted-foreground default / foreground active, icon 20px
+    "group-data-[mode]/sidebar-wrapper:bg-[color:var(--sidebar-nav-item-bg-default)]",
+    "group-data-[mode]/sidebar-wrapper:p-[var(--sidebar-nav-item-padding)]",
+    "group-data-[mode]/sidebar-wrapper:rounded-[var(--sidebar-nav-item-radius)]",
+    "group-data-[mode]/sidebar-wrapper:gap-[var(--sidebar-nav-item-gap)]",
+    "group-data-[mode]/sidebar-wrapper:text-[length:var(--sidebar-nav-item-font-size)]",
+    "group-data-[mode]/sidebar-wrapper:font-[var(--sidebar-nav-item-font-weight)]",
+    "group-data-[mode]/sidebar-wrapper:leading-[var(--sidebar-nav-item-line-height)]",
+    "group-data-[mode]/sidebar-wrapper:text-[color:var(--sidebar-nav-item-fg-default)]",
+    "group-data-[mode]/sidebar-wrapper:[&>svg]:size-[var(--sidebar-nav-item-icon-size)]",
+    "group-data-[mode]/sidebar-wrapper:hover:bg-[color:var(--sidebar-nav-item-bg-hover)]",
+    "group-data-[mode]/sidebar-wrapper:hover:text-[color:var(--sidebar-nav-item-fg-active)]",
+    // Scoped `!` so the token-mode active bg/fg wins the Tailwind v4 stacked-variant
+    // cascade over the base `data-[active=true]:bg-sidebar-accent` (which otherwise wins
+    // by sort order). Idiomatic here (cf. `size-8!`/`p-2!` above). Gated on data-mode →
+    // legacy sidebars (no data-mode) keep the shadcn mint; fixes single + dual alike.
+    "group-data-[mode]/sidebar-wrapper:data-[active=true]:bg-[color:var(--sidebar-nav-item-bg-hover)]!",
+    "group-data-[mode]/sidebar-wrapper:data-[active=true]:text-[color:var(--sidebar-nav-item-fg-active)]!"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var sidebarRailButtonVariants = cva(
+  [
+    "inline-flex items-center justify-center transition-colors shrink-0",
+    "p-[var(--sidebar-rail-item-padding)]",
+    "rounded-[var(--sidebar-rail-item-radius)]",
+    "outline-hidden ring-sidebar-ring focus-visible:ring-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "[&>svg]:size-[var(--sidebar-rail-item-icon-size)] [&>svg]:shrink-0"
+  ],
+  {
+    variants: {
+      isActive: {
+        true: "bg-[color:var(--sidebar-rail-item-bg-hover)] text-[color:var(--sidebar-rail-item-fg-active)]",
+        false: "bg-[color:var(--sidebar-rail-item-bg-default)] text-[color:var(--sidebar-rail-item-fg-default)] hover:bg-[color:var(--sidebar-rail-item-bg-hover)] hover:text-[color:var(--sidebar-rail-item-fg-active)]"
+      }
+    },
+    defaultVariants: {
+      isActive: false
+    }
+  }
+);
+var sidebarMenuActionVariants = cva([
+  "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+  "peer-hover/menu-button:text-sidebar-accent-foreground",
+  "absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0",
+  "outline-hidden transition-transform focus-visible:ring-2",
+  "[&>svg]:size-4 [&>svg]:shrink-0",
+  "after:absolute after:-inset-2 md:after:hidden",
+  ...PEER_SIZE_POSITIONS,
+  "group-data-[collapsible=icon]:hidden"
+]);
+var sidebarMenuActionShowOnHoverVariants = cva([
+  "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+  "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100",
+  "data-[state=open]:opacity-100 md:opacity-0"
+]);
+var sidebarMenuBadgeVariants = cva([
+  "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center",
+  "rounded-md px-1 text-xs font-medium tabular-nums select-none",
+  "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+  ...PEER_SIZE_POSITIONS,
+  "group-data-[collapsible=icon]:hidden"
+]);
+var sidebarMenuSkeletonVariants = cva([
+  "flex h-8 items-center gap-2 rounded-md px-2"
+]);
+var sidebarMenuSubVariants = cva([
+  "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+  "group-data-[collapsible=icon]:hidden"
+]);
+var sidebarMenuSubItemVariants = cva([
+  "group/menu-sub-item relative"
+]);
+var sidebarMenuSubButtonVariants = cva(
+  [
+    "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+    "active:bg-sidebar-accent active:text-sidebar-accent-foreground",
+    "[&>svg]:text-sidebar-accent-foreground",
+    "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2",
+    "outline-hidden focus-visible:ring-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "aria-disabled:pointer-events-none aria-disabled:opacity-50",
+    "[&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+    "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+    "group-data-[collapsible=icon]:hidden"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SidebarContext = React.createContext(null);
+function useSidebar() {
+  const context = React.use(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+function SidebarProvider({
+  defaultOpen = true,
+  mode,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const isMobile = useIsMobile();
+  const [openMobile, setOpenMobile] = React.useState(false);
+  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+  const open = openProp ?? internalOpen;
+  const cookieTimeoutRef = React.useRef(void 0);
+  const persistCookie = React.useCallback((openState) => {
+    clearTimeout(cookieTimeoutRef.current);
+    cookieTimeoutRef.current = setTimeout(() => {
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${String(openState)}; path=/; max-age=${String(SIDEBAR_COOKIE_MAX_AGE)}`;
+    }, 300);
+  }, []);
+  const setOpen = React.useCallback(
+    (value) => {
+      if (typeof value === "function") {
+        if (setOpenProp) {
+          const resolved = value(open);
+          setOpenProp(resolved);
+          persistCookie(resolved);
+        } else {
+          setInternalOpen((prev) => {
+            const next = value(prev);
+            persistCookie(next);
+            return next;
+          });
+        }
+      } else {
+        if (setOpenProp) {
+          setOpenProp(value);
+        } else {
+          setInternalOpen(value);
+        }
+        persistCookie(value);
+      }
+    },
+    [setOpenProp, open, persistCookie]
+  );
+  const toggleSidebar = React.useCallback(() => {
+    if (isMobile) {
+      setOpenMobile((open2) => !open2);
+    } else {
+      setOpen((open2) => !open2);
+    }
+  }, [isMobile, setOpen, setOpenMobile]);
+  React.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.repeat) return;
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [toggleSidebar]);
+  const state = open ? "expanded" : "collapsed";
+  const contextValue = React.useMemo(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      mode,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar
+    }),
+    [state, open, setOpen, isMobile, mode, openMobile, setOpenMobile, toggleSidebar]
+  );
+  return /* @__PURE__ */ jsx(SidebarContext, { value: contextValue, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        // Mode "dual" overrides --sidebar-width and --sidebar-width-icon to compose
+        // rail + panel widths. Single mode uses the base token values from
+        // @etus/tokens (--sidebar-width, --sidebar-width-icon) without override.
+        ...mode === "dual" && {
+          "--sidebar-width": "calc(var(--sidebar-rail-width) + var(--sidebar-panel-width))",
+          "--sidebar-width-icon": "var(--sidebar-rail-width)"
+        },
+        ...style
+      },
+      className: cn(sidebarProviderVariants(), className),
+      "data-mode": mode,
+      "data-slot": "sidebar-wrapper",
+      ...props,
+      children
+    }
+  ) }) });
+}
+function SidebarDualMode({
+  side = "left",
+  className,
+  children,
+  ...props
+}) {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  if (isMobile) {
+    return /* @__PURE__ */ jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs(
+      SheetContent,
+      {
+        style: {
+          "--sidebar-width": "var(--sidebar-width-mobile)"
+        },
+        className: cn(sidebarMobileVariants()),
+        "data-mobile": "true",
+        "data-sidebar": "sidebar",
+        "data-slot": "sidebar",
+        side,
+        children: [
+          /* @__PURE__ */ jsxs(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })
+          ] }),
+          /* @__PURE__ */ jsx("nav", { "aria-label": "Main navigation", className: "flex h-full w-full flex-col", children })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(sidebarDesktopVariants()),
+      "data-collapsible": state === "collapsed" ? "icon" : "",
+      "data-mode": "dual",
+      "data-side": side,
+      "data-slot": "sidebar",
+      "data-state": state,
+      "data-variant": "sidebar",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              sidebarGapVariants(),
+              "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+            ),
+            "data-slot": "sidebar-gap"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              sidebarContainerVariants(),
+              side === "left" ? "left-0" : "right-0",
+              "group-data-[collapsible=icon]:w-(--sidebar-width-icon)",
+              className
+            ),
+            "data-slot": "sidebar-container",
+            ...props,
+            children: /* @__PURE__ */ jsx(
+              "nav",
+              {
+                "aria-label": "Main navigation",
+                className: "flex h-full w-full flex-row",
+                "data-sidebar": "sidebar",
+                "data-slot": "sidebar-inner",
+                children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function Sidebar({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  ...props
+}) {
+  const { isMobile, mode, state, openMobile, setOpenMobile } = useSidebar();
+  if (mode === "dual") {
+    return /* @__PURE__ */ jsx(SidebarDualMode, { className, side, ...props, children });
+  }
+  if (collapsible === "none") {
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        "aria-label": "Main navigation",
+        className: cn(sidebarNonCollapsibleVariants(), className),
+        "data-slot": "sidebar",
+        ...props,
+        children
+      }
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs(
+      SheetContent,
+      {
+        style: {
+          "--sidebar-width": "var(--sidebar-width-mobile)"
+        },
+        className: cn(sidebarMobileVariants()),
+        "data-mobile": "true",
+        "data-sidebar": "sidebar",
+        "data-slot": "sidebar",
+        side,
+        children: [
+          /* @__PURE__ */ jsxs(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })
+          ] }),
+          /* @__PURE__ */ jsx("nav", { "aria-label": "Main navigation", className: "flex h-full w-full flex-col", children })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(sidebarDesktopVariants()),
+      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-mode": mode,
+      "data-side": side,
+      "data-slot": "sidebar",
+      "data-state": state,
+      "data-variant": variant,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              sidebarGapVariants(),
+              variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+            ),
+            "data-slot": "sidebar-gap"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              sidebarContainerVariants(),
+              side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+              // Adjust the padding for floating and inset variants.
+              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)",
+              className
+            ),
+            "data-slot": "sidebar-container",
+            ...props,
+            children: /* @__PURE__ */ jsx(
+              "nav",
+              {
+                "aria-label": "Main navigation",
+                className: cn(sidebarInnerVariants()),
+                "data-sidebar": "sidebar",
+                "data-slot": "sidebar-inner",
+                children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}) {
+  const { toggleSidebar, state } = useSidebar();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "aria-expanded": state === "expanded",
+      className: cn(sidebarTriggerVariants(), className),
+      "data-sidebar": "trigger",
+      "data-slot": "sidebar-trigger",
+      size: "icon",
+      variant: "ghost",
+      onClick: (event, payload) => {
+        onClick?.(event, payload);
+        toggleSidebar();
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
+      ]
+    }
+  );
+}
+function SidebarRail({ className, ...props }) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": "Toggle Sidebar",
+      className: cn(sidebarRailVariants(), className),
+      "data-sidebar": "rail",
+      "data-slot": "sidebar-rail",
+      tabIndex: -1,
+      title: "Toggle Sidebar",
+      onClick: toggleSidebar,
+      ...props
+    }
+  );
+}
+function SidebarInset({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "main",
+    {
+      className: cn(sidebarInsetVariants(), className),
+      "data-slot": "sidebar-inset",
+      ...props
+    }
+  );
+}
+function SidebarInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      className: cn(sidebarInputVariants(), className),
+      "data-sidebar": "input",
+      "data-slot": "sidebar-input",
+      ...props
+    }
+  );
+}
+function SidebarHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(sidebarHeaderVariants(), className),
+      "data-sidebar": "header",
+      "data-slot": "sidebar-header",
+      ...props
+    }
+  );
+}
+function SidebarFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(sidebarFooterVariants(), className),
+      "data-sidebar": "footer",
+      "data-slot": "sidebar-footer",
+      ...props
+    }
+  );
+}
+function SidebarSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Divider,
+    {
+      className: cn(sidebarSeparatorVariants(), className),
+      "data-sidebar": "separator",
+      "data-slot": "sidebar-separator",
+      ...props
+    }
+  );
+}
+function SidebarContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(sidebarContentVariants(), className),
+      "data-sidebar": "content",
+      "data-slot": "sidebar-content",
+      ...props
+    }
+  );
+}
+function SidebarGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(sidebarGroupVariants(), className),
+      "data-sidebar": "group",
+      "data-slot": "sidebar-group",
+      ...props
+    }
+  );
+}
+function SidebarGroupLabel({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(sidebarGroupLabelVariants(), className),
+      "data-sidebar": "group-label",
+      "data-slot": "sidebar-group-label",
+      ...props
+    }
+  );
+}
+function SidebarGroupAction({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(sidebarGroupActionVariants(), className),
+      "data-sidebar": "group-action",
+      "data-slot": "sidebar-group-action",
+      ...props
+    }
+  );
+}
+function SidebarGroupContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(sidebarGroupContentVariants(), className),
+      "data-sidebar": "group-content",
+      "data-slot": "sidebar-group-content",
+      ...props
+    }
+  );
+}
+function SidebarMenu({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      className: cn(sidebarMenuVariants(), className),
+      "data-sidebar": "menu",
+      "data-slot": "sidebar-menu",
+      ...props
+    }
+  );
+}
+function SidebarMenuItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: cn(sidebarMenuItemVariants(), className),
+      "data-sidebar": "menu-item",
+      "data-slot": "sidebar-menu-item",
+      ...props
+    }
+  );
+}
+function SidebarMenuButton({
+  asChild = false,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  const { isMobile, state } = useSidebar();
+  const button = /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(sidebarMenuButtonVariants({ variant, size }), className),
+      "data-active": isActive,
+      "data-sidebar": "menu-button",
+      "data-size": size,
+      "data-slot": "sidebar-menu-button",
+      ...props
+    }
+  );
+  if (!tooltip) {
+    return button;
+  }
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip
+    };
+  }
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx(
+      TooltipContent,
+      {
+        align: "center",
+        hidden: state !== "collapsed" || isMobile,
+        side: "right",
+        ...tooltip
+      }
+    )
+  ] });
+}
+function SidebarMenuAction({
+  className,
+  asChild = false,
+  showOnHover = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(
+        sidebarMenuActionVariants(),
+        showOnHover && sidebarMenuActionShowOnHoverVariants(),
+        className
+      ),
+      "data-sidebar": "menu-action",
+      "data-slot": "sidebar-menu-action",
+      ...props
+    }
+  );
+}
+function SidebarMenuBadge({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(sidebarMenuBadgeVariants(), className),
+      "data-sidebar": "menu-badge",
+      "data-slot": "sidebar-menu-badge",
+      ...props
+    }
+  );
+}
+function SidebarMenuSkeleton({
+  className,
+  showIcon = false,
+  ...props
+}) {
+  const skeletonId = React.useId();
+  const width = React.useMemo(() => {
+    let hash = 0;
+    for (let i = 0; i < skeletonId.length; i += 1) {
+      hash = Math.trunc(hash * 31 + skeletonId.charCodeAt(i));
+    }
+    const normalized = Math.abs(hash) % 41 + 50;
+    return `${String(normalized)}%`;
+  }, [skeletonId]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(sidebarMenuSkeletonVariants(), className),
+      "data-sidebar": "menu-skeleton",
+      "data-slot": "sidebar-menu-skeleton",
+      ...props,
+      children: [
+        showIcon && /* @__PURE__ */ jsx(
+          SkeletonLoader,
+          {
+            className: "size-4 rounded-md",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SkeletonLoader,
+          {
+            style: {
+              "--skeleton-width": width
+            },
+            className: "h-4 max-w-(--skeleton-width) flex-1",
+            "data-sidebar": "menu-skeleton-text"
+          }
+        )
+      ]
+    }
+  );
+}
+function SidebarMenuSub({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      className: cn(sidebarMenuSubVariants(), className),
+      "data-sidebar": "menu-sub",
+      "data-slot": "sidebar-menu-sub",
+      ...props
+    }
+  );
+}
+function SidebarMenuSubItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: cn(sidebarMenuSubItemVariants(), className),
+      "data-sidebar": "menu-sub-item",
+      "data-slot": "sidebar-menu-sub-item",
+      ...props
+    }
+  );
+}
+function SidebarMenuSubButton({
+  asChild = false,
+  size = "md",
+  isActive = false,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(sidebarMenuSubButtonVariants({ size }), className),
+      "data-active": isActive,
+      "data-sidebar": "menu-sub-button",
+      "data-size": size,
+      "data-slot": "sidebar-menu-sub-button",
+      ...props
+    }
+  );
+}
+function SidebarRailContent({
+  className,
+  ...props
+}) {
+  const { isMobile, mode } = useSidebar();
+  if (isMobile && mode === "dual") return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        // --rail-* is deprecated: width comes from the sidebar contract and the
+        // colors are the sidebar semantic tokens the rest of the file already uses
+        "flex h-full w-[var(--sidebar-rail-width)] shrink-0 flex-col items-center justify-between",
+        "gap-[var(--sidebar-rail-group-gap)]",
+        "px-[var(--sidebar-container-padding-x)] py-[var(--sidebar-container-padding-y)]",
+        "border-r border-sidebar-border",
+        "bg-sidebar",
+        className
+      ),
+      "data-sidebar": "rail-content",
+      "data-slot": "sidebar-rail-content",
+      ...props
+    }
+  );
+}
+function SidebarRailButton({
+  isActive = false,
+  tooltip,
+  className,
+  ...props
+}) {
+  const button = /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(sidebarRailButtonVariants({ isActive: isActive ?? void 0 }), className),
+      "data-active": isActive,
+      "data-sidebar": "rail-button",
+      "data-slot": "sidebar-rail-button",
+      ...props
+    }
+  );
+  if (!tooltip) {
+    return button;
+  }
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: tooltip })
+  ] });
+}
+function SidebarPanelContent({
+  className,
+  ...props
+}) {
+  const { open } = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex h-full flex-col overflow-hidden",
+        "w-[var(--sidebar-panel-width)]",
+        // Figma 1092:542 — panel bottom padding = 80px
+        "pb-[var(--sidebar-panel-padding-bottom)]",
+        "bg-sidebar text-sidebar-foreground",
+        "transition-[width,opacity] duration-200 ease-linear motion-reduce:transition-none",
+        !open && "w-0 opacity-0",
+        className
+      ),
+      "data-sidebar": "panel-content",
+      "data-slot": "sidebar-panel-content",
+      "data-state": open ? "expanded" : "collapsed",
+      ...props
+    }
+  );
+}
+function SevenLogo({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className,
+      fill: "none",
+      viewBox: "0 0 447 421",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            height: "420.697",
+            rx: "52.3255",
+            style: { fill: "var(--brand-primary-500, var(--primary))" },
+            width: "446.511"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            clipRule: "evenodd",
+            d: "M297.097 126.658C313.023 126.661 327.15 131.593 337.759 140.229L337.772 140.241C342.56 143.898 346.681 148.278 349.989 153.277C360.539 169.219 361.562 189.733 351.524 207.699C341.313 225.975 325.169 234.706 307.327 237.12C289.856 239.483 270.755 235.793 253.953 229.106C257.099 236.591 262.271 243.904 268.869 249.321C273.202 252.609 278.097 255.077 283.391 256.278C304.929 261.165 323.562 252.744 336.549 236.264L337.34 235.261L365.526 256.947L365.513 256.964L366.897 258.029L366.095 259.055C346.033 284.695 314.063 300.49 276.874 292.052C264.669 289.283 254.128 283.966 245.384 276.913L245.377 276.907L245.36 276.894L245.353 276.888L244.889 276.528C224.237 260.353 213.344 234.603 213.866 209.528C213.876 209.081 214.479 202.313 214.479 202.313C214.479 202.313 218.001 182.504 224.799 169.993C237.562 146.503 261.564 126.651 297.097 126.658ZM298.448 163.313C276.722 163.308 261.843 176.856 255.022 192.602C262.048 196.07 269.076 198.519 275.811 199.995C299.647 205.218 314.251 197.954 319.102 189.272C322.736 182.767 322.06 176.535 318.957 171.845C318.134 170.602 317.053 169.35 315.692 168.179L315.341 167.93L314.978 167.684C311.174 165.165 305.764 163.314 298.448 163.313Z",
+            fill: "black",
+            fillRule: "evenodd"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M246.018 186.67C268.826 199.868 252.621 219.225 249.886 226.823C212.772 211.745 200.922 187.978 177.479 169.658C158.128 154.537 139.239 156.58 131.217 162.056C127.067 164.888 125.582 168.878 125.582 173.623C125.582 176.588 126.375 179.159 127.957 181.334C129.538 183.509 131.716 185.286 134.484 186.67C137.449 188.054 140.808 189.34 144.562 190.526L170.368 198.237C183.616 202.192 193.804 208.125 200.922 216.034C208.237 223.942 211.893 233.632 211.893 245.099C211.893 254.788 209.323 263.391 204.182 270.905C199.041 278.22 191.923 283.954 182.828 288.106C173.732 292.258 163.052 294.336 150.792 294.336C133.591 294.336 118.561 290.28 105.709 282.174C93.0569 273.87 84.3585 262.7 79.613 248.665L108.679 234.724C112.831 243.818 118.564 250.937 125.88 256.078C133.393 261.218 141.698 263.789 150.792 263.789C157.911 263.789 163.551 262.204 167.703 259.04C171.853 255.878 173.925 251.727 173.926 246.588C173.926 243.426 173.039 240.854 171.261 238.877C169.679 236.702 167.402 234.917 164.436 233.533C161.668 231.952 158.604 230.665 155.243 229.677L128.85 222.264C115.206 218.309 104.818 212.276 97.7 204.169C90.7811 196.063 87.3242 186.473 87.3242 175.401C87.3242 165.515 89.7943 156.912 94.7376 149.596C99.8784 142.083 106.897 136.249 115.794 132.097C137.208 122.527 166.002 124.69 188.861 140.375C214.713 158.114 223.21 173.473 246.018 186.67Z",
+            fill: "black"
+          }
+        )
+      ]
+    }
+  );
+}
+function SidebarLogo({
+  mark = /* @__PURE__ */ jsx(SevenLogo, { className: "size-full" }),
+  brand,
+  sub,
+  showCollapse = false,
+  collapseLabel = "Colapsar painel",
+  onClick,
+  className,
+  ...props
+}) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        // Figma 1087:507 — logo↔brand gap = 12px; in token mode (data-mode set)
+        // the row has no padding of its own: SidebarHeader carries the container
+        // padding (px-12 pt-24)
+        "flex items-center gap-3 px-3.5 pt-4 pb-3",
+        "group-data-[mode]/sidebar-wrapper:p-0",
+        className
+      ),
+      "data-slot": "sidebar-logo",
+      ...props,
+      children: [
+        mark && /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: cn(
+              "grid place-items-center shrink-0 size-[var(--sidebar-logo-size)] rounded-[var(--sidebar-logo-radius)]",
+              "bg-[color:var(--sidebar-logo-background)] text-[color:var(--sidebar-logo-foreground)]",
+              onClick && "cursor-pointer transition-transform hover:translate-y-px active:translate-y-0.5 motion-reduce:transform-none"
+            ),
+            "aria-label": brand ?? "Home",
+            "data-slot": "sidebar-logo-mark",
+            type: "button",
+            onClick,
+            children: mark
+          }
+        ),
+        (brand ?? sub) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0 flex-1 leading-tight group-data-[collapsible=icon]:hidden", "data-slot": "sidebar-logo-meta", children: [
+          brand && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "text-lg font-semibold leading-6 truncate",
+              "data-slot": "sidebar-logo-brand",
+              children: brand
+            }
+          ),
+          sub && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "text-xs text-[color:var(--muted-foreground)] truncate",
+              "data-slot": "sidebar-logo-sub",
+              children: sub
+            }
+          )
+        ] }),
+        showCollapse && /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: cn(
+              // Figma 1087:507 Close — 32px button (p-4) with 16px PanelLeftClose
+              "grid place-items-center shrink-0 size-8 rounded-md",
+              "bg-transparent text-[color:var(--muted-foreground)] cursor-pointer",
+              "transition-colors hover:bg-[color:var(--muted)] hover:text-[color:var(--foreground)]",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--ring)]",
+              "group-data-[collapsible=icon]:hidden"
+            ),
+            "aria-label": collapseLabel,
+            "data-slot": "sidebar-logo-collapse",
+            type: "button",
+            onClick: () => {
+              toggleSidebar();
+            },
+            children: /* @__PURE__ */ jsx(PanelLeftCloseIcon, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
+function SidebarAvatar({
+  avatar,
+  name,
+  email,
+  showChevron = true,
+  compact = false,
+  onClick,
+  className,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: cn(
+        // Figma 1088:626 — row padding = 4px, avatar↔text gap = 10px
+        "flex items-center gap-2.5 p-1 flex-1 min-w-0 rounded-md text-left",
+        "bg-transparent cursor-pointer transition-colors hover:bg-[color:var(--muted)]",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--ring)]",
+        className
+      ),
+      "aria-haspopup": onClick ? "menu" : void 0,
+      "aria-label": ariaLabel ?? (name ? `User menu \u2014 ${name}` : "User menu"),
+      "data-compact": compact || void 0,
+      "data-slot": "sidebar-avatar",
+      type: "button",
+      onClick,
+      children: [
+        avatar && /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            size: "sm",
+            ...avatar
+          }
+        ),
+        !compact && (name ?? email) && /* @__PURE__ */ jsxs("span", { className: "flex flex-col min-w-0 flex-1 leading-tight group-data-[collapsible=icon]:hidden", "data-slot": "sidebar-avatar-meta", children: [
+          name && /* @__PURE__ */ jsx("span", { className: "text-sm font-bold leading-5 text-[color:var(--foreground)] truncate", "data-slot": "sidebar-avatar-name", children: name }),
+          email && /* @__PURE__ */ jsx("span", { className: "text-xs text-[color:var(--muted-foreground)] truncate", "data-slot": "sidebar-avatar-email", children: email })
+        ] }),
+        !compact && showChevron && /* @__PURE__ */ jsx(
+          ChevronsUpDown,
+          {
+            "aria-hidden": "true",
+            className: "shrink-0 text-[color:var(--muted-foreground)] group-data-[collapsible=icon]:hidden",
+            "data-slot": "sidebar-avatar-chevron",
+            size: 16
+          }
+        )
+      ]
+    }
+  );
+}
+function useSidebarTheme() {
+  const read = React.useCallback(() => {
+    if (typeof document === "undefined") return "light";
+    const html = document.documentElement;
+    if (html.classList.contains("dark")) return "dark";
+    if (html.classList.contains("light")) return "light";
+    return typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }, []);
+  const [mode, setMode] = React.useState(read);
+  React.useEffect(() => {
+    if (typeof document === "undefined") return;
+    const obs = new MutationObserver(() => {
+      setMode(read());
+    });
+    obs.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
+    return () => {
+      obs.disconnect();
+    };
+  }, [read]);
+  const toggle = React.useCallback(() => {
+    if (typeof document === "undefined") return;
+    const next = mode === "dark" ? "light" : "dark";
+    const html = document.documentElement;
+    html.classList.remove("dark", "light");
+    html.classList.add(next);
+    try {
+      localStorage.setItem("seven-theme", next);
+    } catch {
+    }
+    setMode(next);
+  }, [mode]);
+  return [mode, toggle];
+}
+function SidebarThemeToggle({
+  mode: controlledMode,
+  onToggle,
+  lightIcon,
+  darkIcon,
+  iconOnly = false,
+  label = (m) => m === "dark" ? "Modo de cor: Escuro" : "Modo de cor: Claro",
+  size = "default",
+  className
+}) {
+  const [internalMode, internalToggle] = useSidebarTheme();
+  const mode = controlledMode ?? internalMode;
+  const isDark = mode === "dark";
+  const handleClick = () => {
+    if (onToggle) {
+      onToggle(isDark ? "light" : "dark");
+    } else {
+      internalToggle();
+    }
+  };
+  const iconSize = size === "sm" ? 11 : 12;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: cn(
+        "flex items-center gap-[var(--sidebar-theme-toggle-gap)] rounded-md p-2 text-left cursor-pointer",
+        "bg-transparent transition-colors hover:bg-[color:var(--muted)]",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--ring)]",
+        // Figma 1091:8942/1095:1288 — the toggle row has no padding of its own;
+        // the pill sits flush with the container edge, unlike nav items (p-2)
+        "group-data-[mode]/sidebar-wrapper:p-0",
+        className
+      ),
+      "aria-checked": isDark,
+      "aria-label": label(mode),
+      "data-icon-only": iconOnly ? "" : void 0,
+      "data-mode": mode,
+      "data-slot": "sidebar-theme-toggle",
+      role: "switch",
+      title: label(mode),
+      type: "button",
+      onClick: handleClick,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "relative flex h-[var(--sidebar-theme-toggle-track-height)] w-[var(--sidebar-theme-toggle-track-width)] shrink-0 items-center rounded-full px-0.5 transition-colors",
+              isDark ? "bg-[color:var(--sidebar-theme-toggle-track-bg-dark)]" : "bg-[color:var(--sidebar-theme-toggle-track-bg-light)]"
+            ),
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "grid size-[var(--sidebar-theme-toggle-knob-size)] place-items-center rounded-full bg-[color:var(--sidebar-theme-toggle-knob-bg)] text-[color:var(--sidebar-theme-toggle-knob-fg)] shadow-sm transition-transform duration-200",
+                  isDark && "translate-x-3"
+                ),
+                children: isDark ? darkIcon ?? /* @__PURE__ */ jsx(MoonIcon, { size: iconSize }) : lightIcon ?? /* @__PURE__ */ jsx(SunIcon, { size: iconSize })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "truncate text-sm text-[color:var(--muted-foreground)] group-data-[collapsible=icon]:hidden",
+              iconOnly && "hidden"
+            ),
+            children: label(mode)
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Sidebar, SidebarAvatar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPanelContent, SidebarProvider, SidebarRail, SidebarRailButton, SidebarRailContent, SidebarSeparator, SidebarThemeToggle, SidebarTrigger, sidebarContainerVariants, sidebarContentVariants, sidebarDesktopVariants, sidebarFooterVariants, sidebarGapVariants, sidebarGroupActionVariants, sidebarGroupContentVariants, sidebarGroupLabelVariants, sidebarGroupVariants, sidebarHeaderVariants, sidebarInnerVariants, sidebarInputVariants, sidebarInsetVariants, sidebarMenuActionShowOnHoverVariants, sidebarMenuActionVariants, sidebarMenuBadgeVariants, sidebarMenuButtonVariants, sidebarMenuItemVariants, sidebarMenuSkeletonVariants, sidebarMenuSubButtonVariants, sidebarMenuSubItemVariants, sidebarMenuSubVariants, sidebarMenuVariants, sidebarMobileVariants, sidebarNonCollapsibleVariants, sidebarProviderVariants, sidebarRailButtonVariants, sidebarRailVariants, sidebarSeparatorVariants, sidebarTriggerVariants, useSidebar };
+//# sourceMappingURL=chunk-GVNG5ME6.js.map
+//# sourceMappingURL=chunk-GVNG5ME6.js.map