@snksergio/design-system 0.1.0 → 0.4.0

package/dist-lib/chunks/{app-shell-CDy42aNI.mjs → app-shell-C_enrPD8.mjs}

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Fragment as Fragment$1, useState, useEffect, useRef, forwardRef, useCallback } from "react";
-import { t as tv, c as cn, B as Button, a as ChipGroup, b as ChipGroupItem } from "./chip-group-D3D0i72q.mjs";
+import { t as tv, c as cn, B as Button, a as ChipGroup, b as ChipGroupItem } from "./chip-group-_e-yh1Zq.mjs";
 import { ChevronRight, X, Search, Bell, CheckCheck, MoreHorizontal, MessageSquare, PenLine, Maximize2, Check, Sun, Moon, PanelLeftOpen, PanelLeftClose, Menu, Plus, ChevronDown, LayoutGrid, SunMoon, Settings, LogOut } from "lucide-react";
 import { Command as Command$1 } from "cmdk";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
@@ -60,10 +60,10 @@ const breadcrumbItem = tv({
       true: "text-fg-default font-semibold",
       false: "text-fg-muted hover:text-fg-default cursor-pointer"
     },
-    /** Quando único item no breadcrumb (= título da página), font-size sobe pra 15px */
+    /** Quando único item no breadcrumb (= título da página), font-size sobe pra 16px */
     standalone: {
-      true: "text-[15px]",
-      false: "text-[13px]"
+      true: "text-body-lg",
+      false: "text-body-sm font-normal"
     }
   },
   defaultVariants: { current: false, standalone: false }
@@ -76,7 +76,7 @@ const searchFakeInput = tv({
     "inline-flex items-center gap-gp-md h-form-md w-[180px]",
     "px-pad-xl rounded-radius-md",
     "bg-bg-subtle border border-border-subtle cursor-pointer",
-    "text-fg-subtle text-[13px]",
+    "text-fg-subtle text-body-sm font-normal",
     "transition-colors duration-150",
     "hover:bg-bg-muted hover:border-border-default",
     "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary"
@@ -93,7 +93,7 @@ const searchFakeInputKbd = tv({
     "ml-auto inline-flex items-center justify-center",
     "h-[20px] px-pad-xs rounded-radius-xs",
     "bg-bg-canvas border border-border-subtle dark:bg-bg-muted",
-    "text-[10px] font-semibold text-fg-muted tabular-nums shrink-0"
+    "text-caption-xs font-semibold text-fg-muted tabular-nums shrink-0"
   ]
 });
 const hdWrap = tv({
@@ -120,13 +120,13 @@ const hdHeader = tv({
   base: "flex items-center justify-between"
 });
 const hdTitle = tv({
-  base: "flex items-center gap-gp-sm text-[15px] font-semibold text-fg-default"
+  base: "flex items-center gap-gp-sm text-body-lg font-semibold text-fg-default"
 });
 const hdTitleCount = tv({
   base: [
     "inline-flex items-center justify-center min-w-[20px] h-[20px] px-pad-xs",
     "rounded-radius-xs bg-bg-brand text-fg-on-brand",
-    "text-[11px] font-bold tabular-nums"
+    "text-caption-sm font-bold tabular-nums"
   ]
 });
 const hdHeaderActions = tv({
@@ -145,7 +145,7 @@ tv({
   base: "size-[14px] text-fg-muted shrink-0"
 });
 tv({
-  base: "flex-1 min-w-0 bg-transparent border-0 outline-none text-[13px] text-fg-default placeholder:text-fg-subtle"
+  base: "flex-1 min-w-0 bg-transparent border-0 outline-none text-body-sm font-normal text-fg-default placeholder:text-fg-subtle"
 });
 tv({
   base: "flex items-center gap-gp-2xs p-[3px] rounded-radius-lg bg-bg-muted"
@@ -154,7 +154,7 @@ tv({
   base: [
     "inline-flex items-center justify-center gap-gp-xs",
     "h-[28px] px-[10px] rounded-radius-sm",
-    "text-[12px] font-medium text-fg-muted cursor-pointer",
+    "text-body-xs font-medium text-fg-muted cursor-pointer",
     "bg-transparent border-0",
     "transition-colors duration-150",
     "hover:text-fg-default",
@@ -167,7 +167,7 @@ tv({
   }
 });
 tv({
-  base: "text-[10px] font-bold tabular-nums opacity-70"
+  base: "text-caption-xs font-bold tabular-nums opacity-70"
 });
 const hdBody = tv({
   base: "flex-1 overflow-y-auto p-pad-sm flex flex-col gap-px"
@@ -176,7 +176,7 @@ const hdEmpty = tv({
   base: "flex flex-col items-center justify-center gap-gp-md py-pad-7xl text-fg-subtle"
 });
 const hdEmptyText = tv({
-  base: "text-paragraph-sm"
+  base: "text-body-md"
 });
 const hdNotif = tv({
   base: [
@@ -194,13 +194,13 @@ const hdNotifBody = tv({
   base: "flex-1 min-w-0 flex flex-col gap-gp-2xs"
 });
 const hdNotifTitle = tv({
-  base: "text-[13px] font-semibold text-fg-default leading-tight"
+  base: "text-body-sm font-semibold text-fg-default leading-tight"
 });
 const hdNotifText = tv({
-  base: "text-[12px] text-fg-muted leading-snug line-clamp-2"
+  base: "text-body-xs font-normal text-fg-muted leading-snug line-clamp-2"
 });
 const hdNotifTime = tv({
-  base: "text-[11px] text-fg-subtle"
+  base: "text-caption-sm text-fg-subtle"
 });
 const hdNotifDot = tv({
   base: "shrink-0 mt-pad-xs w-[8px] h-[8px] rounded-full bg-bg-brand"
@@ -217,7 +217,7 @@ const hdMsg = tv({
 const hdMsgAvatar = tv({
   base: [
     "flex-none grid place-items-center w-icon-lg h-icon-lg rounded-full",
-    "text-white text-[11px] font-bold uppercase tracking-[0.02em] leading-none"
+    "text-white text-caption-sm font-bold uppercase tracking-[0.02em] leading-none"
   ]
 });
 const hdMsgBody = tv({
@@ -227,16 +227,16 @@ const hdMsgRow = tv({
   base: "flex items-center justify-between gap-gp-sm"
 });
 const hdMsgName = tv({
-  base: "text-[13px] font-semibold text-fg-default truncate"
+  base: "text-body-sm font-semibold text-fg-default truncate"
 });
 const hdMsgTime = tv({
-  base: "text-[11px] text-fg-subtle shrink-0"
+  base: "text-caption-sm text-fg-subtle shrink-0"
 });
 const hdMsgPreviewRow = tv({
   base: "flex items-center gap-gp-sm"
 });
 const hdMsgPreview = tv({
-  base: "flex-1 min-w-0 text-[12px] text-fg-muted truncate"
+  base: "flex-1 min-w-0 text-body-xs font-normal text-fg-muted truncate"
 });
 const hdMsgDot = tv({
   base: "shrink-0 w-[8px] h-[8px] rounded-full bg-bg-brand"
@@ -248,7 +248,7 @@ const hdFooterLink = tv({
   base: [
     "inline-flex items-center justify-center gap-gp-sm",
     "h-form-sm px-pad-lg rounded-radius-md w-full",
-    "text-[13px] font-medium text-fg-brand no-underline",
+    "text-body-sm font-medium text-fg-brand no-underline",
     "transition-colors duration-150",
     "hover:bg-bg-brand-subtle",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring-brand"
@@ -354,7 +354,7 @@ const DialogContent = React.forwardRef(({ className, children, hideClose, ...pro
     {
       ref,
       className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-gp-4xl rounded-radius-base bg-bg-surface p-pad-4xl text-paragraph-sm text-fg-default shadow-sh-xl outline-float duration-200 sm:max-w-md 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",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-gp-4xl rounded-radius-base bg-bg-surface p-pad-4xl text-body-md text-fg-default shadow-sh-xl outline-float duration-200 sm:max-w-md 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",
         className
       ),
       ...props,
@@ -385,7 +385,7 @@ const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /*
   SheetPrimitive.Description,
   {
     ref,
-    className: cn("text-paragraph-sm text-fg-muted", className),
+    className: cn("text-body-md text-fg-muted", className),
     ...props
   }
 ));
@@ -436,7 +436,7 @@ const CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PU
           ref,
           className: cn(
             "flex-1 min-w-0 bg-transparent border-0 outline-none",
-            "text-[13px] text-fg-default placeholder:text-fg-muted",
+            "text-body-sm font-normal text-fg-default placeholder:text-fg-muted",
             "disabled:cursor-not-allowed disabled:opacity-50",
             className
           ),
@@ -463,7 +463,7 @@ const CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   Command$1.Empty,
   {
     ref,
-    className: "py-pad-5xl text-center text-paragraph-sm text-fg-muted",
+    className: "py-pad-5xl text-center text-body-md text-fg-muted",
     ...props
   }
 ));
@@ -476,7 +476,7 @@ const CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PU
       "overflow-hidden text-fg-default",
       "[&_[cmdk-group-heading]]:flex [&_[cmdk-group-heading]]:items-center",
       "[&_[cmdk-group-heading]]:h-[28px] [&_[cmdk-group-heading]]:px-pad-xl",
-      "[&_[cmdk-group-heading]]:text-[10px] [&_[cmdk-group-heading]]:font-bold",
+      "[&_[cmdk-group-heading]]:text-caption-xs [&_[cmdk-group-heading]]:font-bold",
       "[&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider",
       "[&_[cmdk-group-heading]]:text-fg-subtle",
       className
@@ -501,7 +501,7 @@ const CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
     className: cn(
       "relative flex cursor-default select-none items-center gap-gp-md",
       "rounded-radius-lg px-pad-xl py-pad-md",
-      "text-[13px] font-medium text-fg-muted",
+      "text-body-sm font-medium text-fg-muted",
       "outline-none transition-colors",
       "data-[selected='true']:bg-bg-muted data-[selected='true']:text-fg-default data-[selected='true']:[&_svg]:text-fg-default",
       "data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50",
@@ -520,7 +520,7 @@ const CommandShortcut = ({
     "span",
     {
       className: cn(
-        "ml-auto text-[11px] tracking-wider text-fg-subtle",
+        "ml-auto text-caption-sm tracking-wider text-fg-subtle",
         className
       ),
       ...props
@@ -793,10 +793,10 @@ const inputGroupVariants = cva(
   {
     variants: {
       size: {
-        xxs: "min-h-form-xs px-pad-md gap-gp-xs rounded-radius-md text-[13px]",
-        xs: "min-h-form-sm px-pad-xl gap-gp-md rounded-radius-md text-[13px]",
-        sm: "min-h-form-md px-pad-xl gap-gp-md rounded-radius-lg text-[13px]",
-        md: "min-h-form-lg px-pad-xl gap-gp-md rounded-radius-lg text-[13px]"
+        xxs: "min-h-form-xs px-pad-md gap-gp-xs rounded-radius-md text-body-sm font-normal",
+        xs: "min-h-form-sm px-pad-xl gap-gp-md rounded-radius-md text-body-sm font-normal",
+        sm: "min-h-form-md px-pad-xl gap-gp-md rounded-radius-lg text-body-sm font-normal",
+        md: "min-h-form-lg px-pad-xl gap-gp-md rounded-radius-lg text-body-sm font-normal"
       },
       state: {
         default: "focus-within:border-border-brand          focus-within:shadow-sh-ring",
@@ -823,7 +823,7 @@ const InputGroup = React.forwardRef(
 InputGroup.displayName = "InputGroup";
 const inputGroupInputVariants = cva([
   "flex-1 min-w-0 bg-transparent border-0 outline-none",
-  "text-[13px] text-fg-default placeholder:text-fg-muted placeholder:opacity-70",
+  "text-body-sm font-normal text-fg-default placeholder:text-fg-muted placeholder:opacity-70",
   "disabled:cursor-not-allowed",
   "file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-fg-default"
 ]);
@@ -841,7 +841,7 @@ InputGroupInput.displayName = "InputGroupInput";
 const inputGroupTextareaVariants = cva([
   "flex-1 min-w-0 bg-transparent border-0 outline-none resize-y",
   "py-pad-md",
-  "text-[13px] leading-[1.5] text-fg-default placeholder:text-fg-muted placeholder:opacity-70",
+  "text-body-sm font-normal leading-[1.5] text-fg-default placeholder:text-fg-muted placeholder:opacity-70",
   "disabled:cursor-not-allowed"
 ]);
 const InputGroupTextarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
@@ -898,7 +898,7 @@ const InputGroupText = React.forwardRef(({ className, ...props }, ref) => /* @__
     ref,
     "data-slot": "input-group-text",
     className: cn(
-      "text-[12.5px] font-medium text-fg-muted whitespace-nowrap",
+      "text-body-xs text-fg-muted whitespace-nowrap",
       className
     ),
     ...props
@@ -916,9 +916,9 @@ const inputGroupButtonVariants = cva(
   {
     variants: {
       size: {
-        xs: "h-form-xs px-pad-md gap-gp-xs text-[12px]",
+        xs: "h-form-xs px-pad-md gap-gp-xs text-body-xs font-normal",
         "icon-xs": "size-form-xs",
-        sm: "h-form-sm px-pad-lg gap-gp-md text-[12.5px]",
+        sm: "h-form-sm px-pad-lg gap-gp-md text-body-xs font-normal",
         "icon-sm": "size-form-sm"
       },
       variant: {
@@ -1142,7 +1142,7 @@ const CONTAINER_CLASSES = [
 const ITEM_BASE = [
   "relative flex cursor-default select-none items-center",
   "gap-pad-lg px-pad-lg py-pad-md rounded-radius-sm",
-  "text-[13px] font-medium",
+  "text-body-sm font-medium",
   "outline-none transition-colors",
   "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
   "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
@@ -1487,7 +1487,7 @@ const sidebarRailTooltip = tv({
     "pointer-events-none absolute left-full ml-[14px] top-1/2 -translate-y-1/2",
     "px-pad-md py-[5px] rounded-radius-sm",
     "bg-fg-default text-bg-sidebar",
-    "text-[11.5px] font-semibold tracking-[0.01em] whitespace-nowrap",
+    "text-caption-sm font-semibold tracking-[0.01em] whitespace-nowrap",
     "opacity-0 group-hover/rail-item:opacity-100",
     "transition-opacity duration-150 z-50",
     "shadow-sh-md"
@@ -1509,7 +1509,7 @@ const sidebarRailUserDefault = tv({
   base: [
     "grid place-items-center w-9 h-9 rounded-full",
     // tracking-[0.02em] preserva tracking original (preset usa +0.06em)
-    "bg-bg-brand text-fg-on-brand font-bold text-[11px] uppercase tracking-[0.02em]"
+    "bg-bg-brand text-fg-on-brand font-bold text-caption-sm uppercase tracking-[0.02em]"
   ]
 });
 const sidebarPanel = tv({
@@ -1536,7 +1536,7 @@ const sidebarPanelTitle = tv({
     "flex-1 min-w-0 inline-flex items-center gap-gp-sm",
     "py-pad-sm px-pad-md rounded-radius-md",
     "bg-transparent border-0 cursor-pointer text-left",
-    "font-bold text-fg-default text-[14.5px]",
+    "text-body-md font-medium font-bold text-fg-default",
     "transition-colors hover:bg-bg-sidebar-accent-hover",
     "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary"
   ]
@@ -1550,7 +1550,7 @@ const sidebarPanelGroup = tv({
 const sidebarItem = tv({
   base: [
     "flex items-center gap-[11px] h-form-lg w-full px-pad-xl rounded-radius-md",
-    "text-fg-default text-[13px] font-medium text-left no-underline cursor-pointer",
+    "text-fg-default text-body-sm font-medium text-left no-underline cursor-pointer",
     "bg-transparent border-0",
     "transition-colors duration-150",
     // Hover usa sidebar-accent-hover (mineral subtle no light, alpha-12 no dark) —
@@ -1568,7 +1568,7 @@ const sidebarItem = tv({
       ]
     },
     subitem: {
-      true: "h-form-sm px-pad-lg text-[12.5px] text-fg-muted hover:text-fg-default"
+      true: "h-form-sm px-pad-lg text-body-xs font-normal text-fg-muted hover:text-fg-default"
     }
   },
   compoundVariants: [
@@ -1598,7 +1598,7 @@ const sidebarPill = tv({
     "inline-flex items-center justify-center flex-none",
     "min-w-[22px] h-[22px] px-[7px] rounded-radius-sm",
     // tracking-[0.02em] e leading-none preservam visual original (preset usa +0.06em e lineHeight 14px)
-    "text-[11px] font-bold leading-none tracking-[0.02em] tabular-nums"
+    "text-caption-sm font-bold leading-none tracking-[0.02em] tabular-nums"
   ],
   variants: {
     kind: {
@@ -1647,7 +1647,7 @@ const sidebarSectionHeader = tv({
   base: [
     "flex items-center gap-gp-sm px-pad-lg pt-pad-sm pb-pad-md",
     "bg-transparent border-0 text-left cursor-pointer select-none w-full",
-    "text-[10px] font-bold uppercase tracking-[0.06em] text-fg-default",
+    "text-caption-xs font-bold uppercase tracking-[0.06em] text-fg-default",
     "transition-colors hover:text-fg-default",
     "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary rounded-radius-sm",
     // Dark: enfraquecer (mais sutil)
@@ -1665,7 +1665,7 @@ const sidebarSectionChev = tv({
 const sidebarSectionAdd = tv({
   base: [
     "ml-auto w-[18px] h-[18px] grid place-items-center rounded-radius-xs",
-    "text-fg-muted bg-transparent border-0 cursor-pointer text-[14px] leading-none",
+    "text-fg-muted bg-transparent border-0 cursor-pointer text-body-md leading-none",
     "transition-colors hover:bg-bg-sidebar-accent-hover hover:text-fg-default",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring-secondary"
   ]
@@ -1687,7 +1687,7 @@ const sidebarSectionList = tv({
 const sidebarSectionItem = tv({
   base: [
     "flex items-center gap-[11px] h-form-sm w-full px-pad-lg rounded-radius-md",
-    "text-[12.5px] font-medium text-fg-muted no-underline cursor-pointer",
+    "text-body-xs font-medium text-fg-muted no-underline cursor-pointer",
     "bg-transparent border-0 text-left",
     "transition-colors duration-150",
     "hover:bg-bg-sidebar-accent-hover hover:text-fg-default",
@@ -1701,7 +1701,7 @@ const sidebarChatAvatar = tv({
   base: [
     "flex-none grid place-items-center w-icon-lg h-icon-lg rounded-full",
     // tracking-[0.02em] preserva o tracking original (preset usa +0.06em); leading-none mantém centralização vertical
-    "text-white text-[10px] font-bold uppercase tracking-[0.02em] leading-none"
+    "text-white text-caption-xs font-bold uppercase tracking-[0.02em] leading-none"
   ]
 });
 const sidebarChatStatus = tv({
@@ -2328,7 +2328,7 @@ const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__
   {
     ref,
     className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-bg-muted text-fg-muted text-caption-md",
+      "flex h-full w-full items-center justify-center rounded-full bg-bg-muted text-fg-muted text-body-sm font-normal",
       className
     ),
     ...props
@@ -2363,7 +2363,7 @@ function UserMenu({
         "aria-label": `Menu do usuário (${user.name})`,
         className: [
           "grid place-items-center w-9 h-9 rounded-full shrink-0",
-          "bg-bg-brand text-fg-on-brand text-[11px] font-bold uppercase tracking-[0.02em]",
+          "bg-bg-brand text-fg-on-brand text-caption-sm font-bold uppercase tracking-[0.02em]",
           "cursor-pointer transition-opacity duration-150",
           "hover:opacity-90",
           "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary",
@@ -2392,13 +2392,13 @@ function UserMenu({
                 style: user.avatarColor ? { background: user.avatarColor } : void 0,
                 children: [
                   user.avatarSrc && /* @__PURE__ */ jsx(AvatarImage, { src: user.avatarSrc, alt: user.name }),
-                  /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-bg-brand text-fg-on-brand text-[12px] font-bold uppercase", children: initials })
+                  /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-bg-brand text-fg-on-brand text-body-xs font-bold uppercase", children: initials })
                 ]
               }
             ),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-fg-default truncate", children: user.name }),
-              user.email && /* @__PURE__ */ jsx("span", { className: "text-[11px] text-fg-muted truncate", children: user.email })
+              /* @__PURE__ */ jsx("span", { className: "text-body-sm font-medium text-fg-default truncate", children: user.name }),
+              user.email && /* @__PURE__ */ jsx("span", { className: "text-caption-sm text-fg-muted truncate", children: user.email })
             ] })
           ] }),
           hasGroups && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
@@ -2406,7 +2406,7 @@ function UserMenu({
             /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [
               /* @__PURE__ */ jsx(LayoutGrid, {}),
               /* @__PURE__ */ jsx("span", { children: "Layout" }),
-              currentLayoutLabel && /* @__PURE__ */ jsx("span", { className: "flex-1 text-right text-[11px] text-fg-subtle", children: currentLayoutLabel })
+              currentLayoutLabel && /* @__PURE__ */ jsx("span", { className: "flex-1 text-right text-caption-sm text-fg-subtle", children: currentLayoutLabel })
             ] }),
             /* @__PURE__ */ jsx(DropdownMenuSubContent, { sideOffset: 4, children: /* @__PURE__ */ jsx(
               DropdownMenuRadioGroup,
@@ -2427,7 +2427,7 @@ function UserMenu({
             /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [
               /* @__PURE__ */ jsx(SunMoon, {}),
               /* @__PURE__ */ jsx("span", { children: "Tema" }),
-              currentThemeLabel && /* @__PURE__ */ jsx("span", { className: "flex-1 text-right text-[11px] text-fg-subtle", children: currentThemeLabel })
+              currentThemeLabel && /* @__PURE__ */ jsx("span", { className: "flex-1 text-right text-caption-sm text-fg-subtle", children: currentThemeLabel })
             ] }),
             /* @__PURE__ */ jsx(DropdownMenuSubContent, { sideOffset: 4, children: /* @__PURE__ */ jsx(
               DropdownMenuRadioGroup,
@@ -2620,44 +2620,44 @@ function AppShell({
 AppShell.displayName = "AppShell";
 export {
   AppShell as A,
-  SidebarSection as B,
-  SidebarSubgroup as C,
+  useControllable as B,
+  useMediaQuery as C,
   Dialog as D,
-  useControllable as E,
-  useMediaQuery as F,
-  DropdownMenu as G,
+  DropdownMenu as E,
+  DropdownMenuTrigger as F,
+  DropdownMenuContent as G,
   Header as H,
   InputGroup as I,
-  DropdownMenuTrigger as J,
-  DropdownMenuContent as K,
+  DialogTrigger as J,
+  DialogTitle as K,
   MenuSidebar as M,
   SidebarBrandIcon as S,
   UserMenu as U,
   Avatar as a,
   AvatarFallback as b,
-  DialogTrigger as c,
-  DialogContent as d,
-  DialogTitle as e,
-  DialogClose as f,
-  HeaderBreadcrumb as g,
-  HeaderMessages as h,
-  HeaderNotifications as i,
-  HeaderSearch as j,
-  HeaderThemeSwitcher as k,
-  InputGroupAddon as l,
-  InputGroupButton as m,
-  InputGroupInput as n,
-  InputGroupText as o,
-  InputGroupTextarea as p,
-  DropdownMenuCheckboxItem as q,
-  DropdownMenuItem as r,
-  DropdownMenuLabel as s,
-  DropdownMenuRadioGroup as t,
-  DropdownMenuRadioItem as u,
-  DropdownMenuSeparator as v,
-  SidebarItem as w,
-  SidebarPanel as x,
-  SidebarPill as y,
-  SidebarRail as z
+  DialogContent as c,
+  DialogClose as d,
+  HeaderBreadcrumb as e,
+  HeaderMessages as f,
+  HeaderNotifications as g,
+  HeaderSearch as h,
+  HeaderThemeSwitcher as i,
+  InputGroupAddon as j,
+  InputGroupButton as k,
+  InputGroupInput as l,
+  InputGroupText as m,
+  InputGroupTextarea as n,
+  DropdownMenuCheckboxItem as o,
+  DropdownMenuItem as p,
+  DropdownMenuLabel as q,
+  DropdownMenuRadioGroup as r,
+  DropdownMenuRadioItem as s,
+  DropdownMenuSeparator as t,
+  SidebarItem as u,
+  SidebarPanel as v,
+  SidebarPill as w,
+  SidebarRail as x,
+  SidebarSection as y,
+  SidebarSubgroup as z
 };
-//# sourceMappingURL=app-shell-CDy42aNI.mjs.map
+//# sourceMappingURL=app-shell-C_enrPD8.mjs.map