@etus/ui 0.4.0-beta.1 → 0.4.0-beta.3

package/dist/components/navigation/MobileSidebar/index.js

@@ -0,0 +1,190 @@
+import { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerClose } from '../../../chunk-PLLJNHWU.js';
+import { Button } from '../../../chunk-RPV77BCQ.js';
+import '../../../chunk-TAZPML2P.js';
+import '../../../chunk-KOTCWE7V.js';
+import '../../../chunk-7ZJ32KRQ.js';
+import '../../../chunk-3L5G7VI2.js';
+import { cn } from '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+import { MenuIcon } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var mobileSidebarVariants = cva(
+  // Base styles
+  [],
+  {
+    variants: {
+      variant: {
+        default: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var mobileSidebarTriggerVariants = cva([
+  "flex items-center rounded-md p-2",
+  "text-foreground",
+  "hover:bg-accent hover:text-accent-foreground",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+  "transition-colors",
+  "data-[state=open]:bg-accent"
+]);
+var mobileSidebarNavListVariants = cva([
+  "space-y-1.5"
+]);
+var mobileSidebarNavItemVariants = cva(
+  [
+    "flex items-center gap-x-2.5 rounded-md px-2 py-1.5",
+    "text-base font-medium sm:text-sm",
+    "transition-colors",
+    "hover:bg-accent",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+  ],
+  {
+    variants: {
+      active: {
+        true: "text-primary",
+        false: "text-muted-foreground hover:text-foreground"
+      }
+    },
+    defaultVariants: {
+      active: false
+    }
+  }
+);
+var mobileSidebarShortcutsSectionVariants = cva([
+  "mt-8"
+]);
+var mobileSidebarShortcutsLabelVariants = cva([
+  "text-sm font-medium leading-6 text-muted-foreground sm:text-xs"
+]);
+var mobileSidebarShortcutsListVariants = cva([
+  "mt-2 space-y-0.5"
+]);
+var mobileSidebarShortcutItemVariants = cva([
+  "flex items-center gap-x-2.5 rounded-md px-2 py-1.5",
+  "font-medium sm:text-sm",
+  "text-muted-foreground hover:text-foreground",
+  "transition-colors",
+  "hover:bg-accent",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+]);
+var fallbackTitle = "Navigation menu";
+var fallbackDescription = "Use os links deste painel para navegar.";
+function MobileSidebar({
+  title,
+  navItems = [],
+  shortcuts = [],
+  shortcutsLabel = "Shortcuts",
+  trigger,
+  onNavItemClick,
+  onShortcutClick,
+  isActivePath,
+  variant,
+  className,
+  children,
+  ...props
+}) {
+  const defaultTrigger = /* @__PURE__ */ jsx(
+    Button,
+    {
+      "aria-label": "Open sidebar",
+      className: cn(mobileSidebarTriggerVariants()),
+      variant: "ghost",
+      children: /* @__PURE__ */ jsx(MenuIcon, { "aria-hidden": "true", className: "size-6 shrink-0 sm:size-5" })
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(mobileSidebarVariants({ variant }), className),
+      "data-slot": "mobile-sidebar",
+      ...props,
+      children: /* @__PURE__ */ jsxs(Drawer, { children: [
+        /* @__PURE__ */ jsx(DrawerTrigger, { asChild: true, children: trigger ?? defaultTrigger }),
+        /* @__PURE__ */ jsxs(DrawerContent, { className: "sm:max-w-lg", "data-slot": "mobile-sidebar-content", children: [
+          title && /* @__PURE__ */ jsxs(DrawerHeader, { children: [
+            /* @__PURE__ */ jsx(DrawerTitle, { children: title }),
+            /* @__PURE__ */ jsx(DrawerDescription, { className: "sr-only", children: fallbackDescription })
+          ] }),
+          !title && /* @__PURE__ */ jsxs(DrawerHeader, { children: [
+            /* @__PURE__ */ jsx(DrawerTitle, { className: "sr-only", children: fallbackTitle }),
+            /* @__PURE__ */ jsx(DrawerDescription, { className: "sr-only", children: fallbackDescription })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "nav",
+            {
+              "aria-label": "Mobile navigation",
+              className: "flex flex-1 flex-col space-y-10 px-4 pb-4",
+              children: [
+                navItems.length > 0 && /* @__PURE__ */ jsx("ul", { className: cn(mobileSidebarNavListVariants()), role: "list", children: navItems.map((item) => {
+                  const isActive = item.active ?? isActivePath?.(item.href) ?? false;
+                  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      className: cn(
+                        mobileSidebarNavItemVariants({ active: isActive })
+                      ),
+                      href: item.href,
+                      onClick: () => onNavItemClick?.(item),
+                      children: [
+                        item.icon && /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            "aria-hidden": "true",
+                            className: "size-5 shrink-0",
+                            children: item.icon
+                          }
+                        ),
+                        item.label
+                      ]
+                    }
+                  ) }) }, item.id);
+                }) }),
+                shortcuts.length > 0 && /* @__PURE__ */ jsxs("div", { className: cn(mobileSidebarShortcutsSectionVariants()), children: [
+                  /* @__PURE__ */ jsx("span", { className: cn(mobileSidebarShortcutsLabelVariants()), children: shortcutsLabel }),
+                  /* @__PURE__ */ jsx(
+                    "ul",
+                    {
+                      "aria-label": shortcutsLabel,
+                      className: cn(mobileSidebarShortcutsListVariants()),
+                      role: "list",
+                      children: shortcuts.map((shortcut) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsxs(
+                        "a",
+                        {
+                          className: cn(mobileSidebarShortcutItemVariants()),
+                          href: shortcut.href,
+                          onClick: () => onShortcutClick?.(shortcut),
+                          children: [
+                            shortcut.icon && /* @__PURE__ */ jsx(
+                              "span",
+                              {
+                                "aria-hidden": "true",
+                                className: "size-4 shrink-0",
+                                children: shortcut.icon
+                              }
+                            ),
+                            shortcut.label
+                          ]
+                        }
+                      ) }) }, shortcut.id))
+                    }
+                  )
+                ] }),
+                children
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+MobileSidebar.displayName = "MobileSidebar";
+
+export { MobileSidebar, mobileSidebarNavItemVariants, mobileSidebarNavListVariants, mobileSidebarShortcutItemVariants, mobileSidebarShortcutsLabelVariants, mobileSidebarShortcutsListVariants, mobileSidebarShortcutsSectionVariants, mobileSidebarTriggerVariants, mobileSidebarVariants };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/MobileSidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/navigation/MobileSidebar/MobileSidebar.variants.ts","../../../../src/components/navigation/MobileSidebar/MobileSidebar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAMO,IAAM,qBAAA,GAAwB,GAAA;AAAA;AAAA,EAEnC,EAAC;AAAA,EACD;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAEO,IAAM,+BAA+B,GAAA,CAAI;AAAA,EAC9C,kCAAA;AAAA,EACA,iBAAA;AAAA,EACA,8CAAA;AAAA,EACA,yEAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF,CAAC;AAEM,IAAM,+BAA+B,GAAA,CAAI;AAAA,EAC9C;AACF,CAAC;AAEM,IAAM,4BAAA,GAA+B,GAAA;AAAA,EAC1C;AAAA,IACE,oDAAA;AAAA,IACA,kCAAA;AAAA,IACA,mBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,cAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,MAAA,EAAQ;AAAA;AACV;AAEJ;AAEO,IAAM,wCAAwC,GAAA,CAAI;AAAA,EACvD;AACF,CAAC;AAEM,IAAM,sCAAsC,GAAA,CAAI;AAAA,EACrD;AACF,CAAC;AAEM,IAAM,qCAAqC,GAAA,CAAI;AAAA,EACpD;AACF,CAAC;AAEM,IAAM,oCAAoC,GAAA,CAAI;AAAA,EACnD,oDAAA;AAAA,EACA,wBAAA;AAAA,EACA,6CAAA;AAAA,EACA,mBAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAC;AC7CD,IAAM,aAAA,GAAgB,iBAAA;AACtB,IAAM,mBAAA,GAAsB,yCAAA;AAoC5B,SAAS,aAAA,CAAc;AAAA,EACrB,KAAA;AAAA,EACA,WAAW,EAAC;AAAA,EACZ,YAAY,EAAC;AAAA,EACb,cAAA,GAAiB,WAAA;AAAA,EACjB,OAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuB;AAErB,EAAA,MAAM,cAAA,mBACJ,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,cAAA;AAAA,MACX,SAAA,EAAW,EAAA,CAAG,4BAAA,EAA8B,CAAA;AAAA,MAC5C,OAAA,EAAQ,OAAA;AAAA,MAER,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAY,MAAA,EAAO,WAAU,2BAAA,EAA4B;AAAA;AAAA,GACrE;AAGF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,CAAG,qBAAA,CAAsB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MAC3D,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,+BAAC,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,OAAA,IAAW,cAAA,EAAe,CAAA;AAAA,wBAClD,IAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,aAAA,EAAc,aAAU,wBAAA,EAC9C,QAAA,EAAA;AAAA,UAAA,KAAA,yBACE,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,eAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,4BACpB,GAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAU,SAAA,EAC1B,QAAA,EAAA,mBAAA,EACH;AAAA,WAAA,EACF,CAAA;AAAA,UAED,CAAC,KAAA,oBACA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,aAAA,EAAc,CAAA;AAAA,4BAChD,GAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAU,SAAA,EAC1B,QAAA,EAAA,mBAAA,EACH;AAAA,WAAA,EACF,CAAA;AAAA,0BAGF,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAW,mBAAA;AAAA,cACX,SAAA,EAAU,2CAAA;AAAA,cAGT,QAAA,EAAA;AAAA,gBAAA,QAAA,CAAS,MAAA,GAAS,CAAA,oBACjB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,EAAA,CAAG,4BAAA,EAA8B,CAAA,EAAG,IAAA,EAAK,MAAA,EACrD,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,IAAA,KAAS;AACtB,kBAAA,MAAM,WAAW,IAAA,CAAK,MAAA,IAAU,YAAA,GAAe,IAAA,CAAK,IAAI,CAAA,IAAK,KAAA;AAE7D,kBAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,SAAO,IAAA,EAClB,QAAA,kBAAA,IAAA;AAAA,oBAAC,GAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAW,EAAA;AAAA,wBACT,4BAAA,CAA6B,EAAE,MAAA,EAAQ,QAAA,EAAU;AAAA,uBACnD;AAAA,sBACA,MAAM,IAAA,CAAK,IAAA;AAAA,sBACX,OAAA,EAAS,MAAM,cAAA,GAAiB,IAAI,CAAA;AAAA,sBAEnC,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAK,IAAA,oBACJ,GAAA;AAAA,0BAAC,MAAA;AAAA,0BAAA;AAAA,4BACC,aAAA,EAAY,MAAA;AAAA,4BACZ,SAAA,EAAU,iBAAA;AAAA,4BAET,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,yBACR;AAAA,wBAED,IAAA,CAAK;AAAA;AAAA;AAAA,mBACR,EACF,CAAA,EAAA,EAnBO,IAAA,CAAK,EAoBd,CAAA;AAAA,gBAEJ,CAAC,CAAA,EACH,CAAA;AAAA,gBAID,SAAA,CAAU,SAAS,CAAA,oBAClB,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,qCAAA,EAAuC,CAAA,EACxD,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,mCAAA,EAAqC,GACtD,QAAA,EAAA,cAAA,EACH,CAAA;AAAA,kCACA,GAAA;AAAA,oBAAC,IAAA;AAAA,oBAAA;AAAA,sBACC,YAAA,EAAY,cAAA;AAAA,sBACZ,SAAA,EAAW,EAAA,CAAG,kCAAA,EAAoC,CAAA;AAAA,sBAClD,IAAA,EAAK,MAAA;AAAA,sBAEJ,QAAA,EAAA,SAAA,CAAU,IAAI,CAAC,QAAA,yBACb,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAO,IAAA,EAClB,QAAA,kBAAA,IAAA;AAAA,wBAAC,GAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAW,EAAA,CAAG,iCAAA,EAAmC,CAAA;AAAA,0BACjD,MAAM,QAAA,CAAS,IAAA;AAAA,0BACf,OAAA,EAAS,MAAM,eAAA,GAAkB,QAAQ,CAAA;AAAA,0BAExC,QAAA,EAAA;AAAA,4BAAA,QAAA,CAAS,IAAA,oBACR,GAAA;AAAA,8BAAC,MAAA;AAAA,8BAAA;AAAA,gCACC,aAAA,EAAY,MAAA;AAAA,gCACZ,SAAA,EAAU,iBAAA;AAAA,gCAET,QAAA,EAAA,QAAA,CAAS;AAAA;AAAA,6BACZ;AAAA,4BAED,QAAA,CAAS;AAAA;AAAA;AAAA,uBACZ,EACF,CAAA,EAAA,EAjBO,QAAA,CAAS,EAkBlB,CACD;AAAA;AAAA;AACH,iBAAA,EACF,CAAA;AAAA,gBAID;AAAA;AAAA;AAAA;AACH,SAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"index.js","sourcesContent":["// MobileSidebar/MobileSidebar.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * MobileSidebar style variants using CVA\n */\nexport const mobileSidebarVariants = cva(\n  // Base styles\n  [],\n  {\n    variants: {\n      variant: {\n        default: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport const mobileSidebarTriggerVariants = cva([\n  \"flex items-center rounded-md p-2\",\n  \"text-foreground\",\n  \"hover:bg-accent hover:text-accent-foreground\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n  \"transition-colors\",\n  \"data-[state=open]:bg-accent\",\n])\n\nexport const mobileSidebarNavListVariants = cva([\n  \"space-y-1.5\",\n])\n\nexport const mobileSidebarNavItemVariants = cva(\n  [\n    \"flex items-center gap-x-2.5 rounded-md px-2 py-1.5\",\n    \"text-base font-medium sm:text-sm\",\n    \"transition-colors\",\n    \"hover:bg-accent\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n  ],\n  {\n    variants: {\n      active: {\n        true: \"text-primary\",\n        false: \"text-muted-foreground hover:text-foreground\",\n      },\n    },\n    defaultVariants: {\n      active: false,\n    },\n  }\n)\n\nexport const mobileSidebarShortcutsSectionVariants = cva([\n  \"mt-8\",\n])\n\nexport const mobileSidebarShortcutsLabelVariants = cva([\n  \"text-sm font-medium leading-6 text-muted-foreground sm:text-xs\",\n])\n\nexport const mobileSidebarShortcutsListVariants = cva([\n  \"mt-2 space-y-0.5\",\n])\n\nexport const mobileSidebarShortcutItemVariants = cva([\n  \"flex items-center gap-x-2.5 rounded-md px-2 py-1.5\",\n  \"font-medium sm:text-sm\",\n  \"text-muted-foreground hover:text-foreground\",\n  \"transition-colors\",\n  \"hover:bg-accent\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n])\n\nexport type MobileSidebarVariantProps = VariantProps<\n  typeof mobileSidebarVariants\n>\n","// MobileSidebar/MobileSidebar.tsx\n\"use client\"\n\nimport type { MobileSidebarProps } from \"./MobileSidebar.types\"\n\nimport { MenuIcon } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Button } from \"../../primitives/Button\"\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"../Drawer\"\nimport {\n  mobileSidebarNavItemVariants,\n  mobileSidebarNavListVariants,\n  mobileSidebarShortcutItemVariants,\n  mobileSidebarShortcutsLabelVariants,\n  mobileSidebarShortcutsListVariants,\n  mobileSidebarShortcutsSectionVariants,\n  mobileSidebarTriggerVariants,\n  mobileSidebarVariants,\n} from \"./MobileSidebar.variants\"\n\nconst fallbackTitle = \"Navigation menu\"\nconst fallbackDescription = \"Use os links deste painel para navegar.\"\n\n/**\n * MobileSidebar - Mobile-optimized navigation drawer\n *\n * A slide-out navigation panel for mobile devices, built on top of the Drawer component.\n * Supports main navigation items and a shortcuts section.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <MobileSidebar\n *   title=\"My App\"\n *   navItems={[\n *     { id: \"home\", label: \"Home\", href: \"/\", icon: <HomeIcon /> },\n *     { id: \"settings\", label: \"Settings\", href: \"/settings\", icon: <SettingsIcon /> },\n *   ]}\n * />\n *\n * // With shortcuts and active path detection\n * <MobileSidebar\n *   title=\"Dashboard\"\n *   navItems={navItems}\n *   shortcuts={shortcuts}\n *   shortcutsLabel=\"Quick Links\"\n *   isActivePath={(href) => pathname === href}\n * />\n *\n * // With custom trigger\n * <MobileSidebar\n *   title=\"Menu\"\n *   navItems={navItems}\n *   trigger={<Button variant=\"outline\">Open Menu</Button>}\n * />\n * ```\n */\nfunction MobileSidebar({\n  title,\n  navItems = [],\n  shortcuts = [],\n  shortcutsLabel = \"Shortcuts\",\n  trigger,\n  onNavItemClick,\n  onShortcutClick,\n  isActivePath,\n  variant,\n  className,\n  children,\n  ...props\n}: MobileSidebarProps) {\n  // Default trigger button\n  const defaultTrigger = (\n    <Button\n      aria-label=\"Open sidebar\"\n      className={cn(mobileSidebarTriggerVariants())}\n      variant=\"ghost\"\n    >\n      <MenuIcon aria-hidden=\"true\" className=\"size-6 shrink-0 sm:size-5\" />\n    </Button>\n  )\n\n  return (\n    <div\n      className={cn(mobileSidebarVariants({ variant }), className)}\n      data-slot=\"mobile-sidebar\"\n      {...props}\n    >\n      <Drawer>\n        <DrawerTrigger asChild>{trigger ?? defaultTrigger}</DrawerTrigger>\n        <DrawerContent className=\"sm:max-w-lg\" data-slot=\"mobile-sidebar-content\">\n          {title && (\n            <DrawerHeader>\n              <DrawerTitle>{title}</DrawerTitle>\n              <DrawerDescription className=\"sr-only\">\n                {fallbackDescription}\n              </DrawerDescription>\n            </DrawerHeader>\n          )}\n          {!title && (\n            <DrawerHeader>\n              <DrawerTitle className=\"sr-only\">{fallbackTitle}</DrawerTitle>\n              <DrawerDescription className=\"sr-only\">\n                {fallbackDescription}\n              </DrawerDescription>\n            </DrawerHeader>\n          )}\n\n          <nav\n            aria-label=\"Mobile navigation\"\n            className=\"flex flex-1 flex-col space-y-10 px-4 pb-4\"\n          >\n            {/* Main navigation */}\n            {navItems.length > 0 && (\n              <ul className={cn(mobileSidebarNavListVariants())} role=\"list\">\n                {navItems.map((item) => {\n                  const isActive = item.active ?? isActivePath?.(item.href) ?? false\n\n                  return (\n                    <li key={item.id}>\n                      <DrawerClose asChild>\n                        <a\n                          className={cn(\n                            mobileSidebarNavItemVariants({ active: isActive })\n                          )}\n                          href={item.href}\n                          onClick={() => onNavItemClick?.(item)}\n                        >\n                          {item.icon && (\n                            <span\n                              aria-hidden=\"true\"\n                              className=\"size-5 shrink-0\"\n                            >\n                              {item.icon}\n                            </span>\n                          )}\n                          {item.label}\n                        </a>\n                      </DrawerClose>\n                    </li>\n                  )\n                })}\n              </ul>\n            )}\n\n            {/* Shortcuts section */}\n            {shortcuts.length > 0 && (\n              <div className={cn(mobileSidebarShortcutsSectionVariants())}>\n                <span className={cn(mobileSidebarShortcutsLabelVariants())}>\n                  {shortcutsLabel}\n                </span>\n                <ul\n                  aria-label={shortcutsLabel}\n                  className={cn(mobileSidebarShortcutsListVariants())}\n                  role=\"list\"\n                >\n                  {shortcuts.map((shortcut) => (\n                    <li key={shortcut.id}>\n                      <DrawerClose asChild>\n                        <a\n                          className={cn(mobileSidebarShortcutItemVariants())}\n                          href={shortcut.href}\n                          onClick={() => onShortcutClick?.(shortcut)}\n                        >\n                          {shortcut.icon && (\n                            <span\n                              aria-hidden=\"true\"\n                              className=\"size-4 shrink-0\"\n                            >\n                              {shortcut.icon}\n                            </span>\n                          )}\n                          {shortcut.label}\n                        </a>\n                      </DrawerClose>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            )}\n\n            {/* Additional custom content */}\n            {children}\n          </nav>\n        </DrawerContent>\n      </Drawer>\n    </div>\n  )\n}\n\nMobileSidebar.displayName = \"MobileSidebar\"\n\nexport { MobileSidebar }\n"]}

package/dist/components/navigation/Navbar/index.js

@@ -0,0 +1,5 @@
+export { Navbar, NavbarBrand, NavbarContent, NavbarItem, NavbarLink, NavbarMenu, NavbarMenuToggle, navbarBrandVariants, navbarContainerVariants, navbarContentVariants, navbarItemVariants, navbarLinkVariants, navbarMenuToggleVariants, navbarMenuVariants, navbarVariants } from '../../../chunk-NXQ25PKF.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/Navbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/navigation/NavigationMenu/index.js

@@ -0,0 +1,5 @@
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuContentVariants, navigationMenuIndicatorArrowVariants, navigationMenuIndicatorVariants, navigationMenuItemVariants, navigationMenuLinkVariants, navigationMenuListVariants, navigationMenuTriggerStyle, navigationMenuVariants, navigationMenuViewportVariants, navigationMenuViewportWrapperVariants } from '../../../chunk-MQ2446N7.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/NavigationMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/navigation/Pagination/index.js

@@ -0,0 +1,10 @@
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, paginationContentVariants, paginationEllipsisVariants, paginationNextVariants, paginationPreviousVariants, paginationVariants } from '../../../chunk-4J6DHPYY.js';
+import '../../../chunk-RPV77BCQ.js';
+import '../../../chunk-TAZPML2P.js';
+import '../../../chunk-KOTCWE7V.js';
+import '../../../chunk-7ZJ32KRQ.js';
+import '../../../chunk-3L5G7VI2.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/Pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/navigation/Sidebar/index.js

@@ -0,0 +1,16 @@
+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 } from '../../../chunk-CCUCWL6M.js';
+import '../../../chunk-3NFQXZHO.js';
+import '../../../chunk-WH7Y2MAY.js';
+import '../../../chunk-QHKOBGLW.js';
+import '../../../chunk-PWCMCMDN.js';
+import '../../../chunk-DYDXGWH2.js';
+import '../../../chunk-HNYBLROK.js';
+import '../../../chunk-RPV77BCQ.js';
+import '../../../chunk-TAZPML2P.js';
+import '../../../chunk-KOTCWE7V.js';
+import '../../../chunk-7ZJ32KRQ.js';
+import '../../../chunk-3L5G7VI2.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/Sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/navigation/SkipLinks/index.js

@@ -0,0 +1,5 @@
+export { SkipLink, SkipLinksList, skipLinkVariants, skipLinksListInnerVariants, skipLinksListItemVariants, skipLinksListVariants } from '../../../chunk-7RTHGI6E.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/SkipLinks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/navigation/SpeedDial/index.js

@@ -0,0 +1,6 @@
+export { SpeedDial } from '../../../chunk-YZY35OHQ.js';
+import '../../../chunk-7ZJ32KRQ.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/SpeedDial/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/navigation/TabNavigation/index.js

@@ -0,0 +1,5 @@
+export { TabNavigation, TabNavigationLink, tabNavigationLinkVariants, tabNavigationVariants } from '../../../chunk-Y5GO2F6P.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/TabNavigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/navigation/TabPanel/index.js

@@ -0,0 +1,5 @@
+export { TabPanel, TabPanelList, TabPanelRoot, TabPanelTrigger, tabPanelListVariants, tabPanelRootVariants, tabPanelTriggerVariants, tabPanelVariants } from '../../../chunk-GKMR5SVC.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/TabPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/navigation/Tabs/index.js

@@ -0,0 +1,5 @@
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsContentVariants, tabsListVariants, tabsTriggerVariants, tabsVariants } from '../../../chunk-NGR4HFVA.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/navigation/Toolbar/index.js

@@ -0,0 +1,5 @@
+export { Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem, toolbarButtonVariants, toolbarLinkVariants, toolbarSeparatorVariants, toolbarToggleGroupVariants, toolbarToggleItemVariants, toolbarVariants } from '../../../chunk-CSXT7SKR.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/Toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/navigation/Topbar/index.js

@@ -0,0 +1,5 @@
+export { Topbar, TopbarLeading, TopbarTrailing, topbarLeadingVariants, topbarTrailingVariants, topbarVariants } from '../../../chunk-6SZRWNPT.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/Topbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/navigation/UserProfileDropdown/index.js

@@ -0,0 +1,224 @@
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuItem } from '../../../chunk-FSMHI7DW.js';
+import { cn } from '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+import { SunIcon, MoonIcon, ComputerIcon, ExternalLinkIcon, LogOutIcon } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var userProfileDropdownVariants = cva(
+  // Base styles
+  [],
+  {
+    variants: {
+      variant: {
+        default: "",
+        compact: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var userProfileTriggerVariants = cva(
+  // Base styles
+  [
+    "flex items-center gap-2 rounded-md p-2",
+    "text-sm font-medium",
+    "hover:bg-accent hover:text-accent-foreground",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+    "transition-colors"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "gap-3",
+        compact: "gap-2"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var userProfileAvatarVariants = cva([
+  "flex items-center justify-center",
+  "rounded-full bg-primary text-primary-foreground",
+  "text-xs font-medium",
+  "overflow-hidden"
+], {
+  variants: {
+    size: {
+      sm: "size-7",
+      md: "size-8",
+      lg: "size-10"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var userProfileInfoVariants = cva([
+  "flex flex-col items-start text-left"
+]);
+var userProfileNameVariants = cva([
+  "text-sm font-medium text-foreground truncate max-w-32"
+]);
+var userProfileEmailVariants = cva([
+  "text-xs text-muted-foreground truncate max-w-32"
+]);
+var themeOptions = [
+  { value: "light", label: "Light", icon: SunIcon },
+  { value: "dark", label: "Dark", icon: MoonIcon },
+  { value: "system", label: "System", icon: ComputerIcon }
+];
+function getInitials(name, email) {
+  if (name) {
+    const parts = name.split(" ").filter(Boolean);
+    const first = parts[0];
+    const second = parts[1];
+    if (first && second && first.length > 0 && second.length > 0) {
+      return `${first[0] ?? ""}${second[0] ?? ""}`.toUpperCase();
+    }
+    return name.slice(0, 2).toUpperCase();
+  }
+  if (email) {
+    return email.slice(0, 2).toUpperCase();
+  }
+  return "??";
+}
+function UserProfileTrigger({
+  user,
+  className,
+  ...props
+}) {
+  const initials = user.initials ?? getInitials(user.name, user.email);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: cn(userProfileTriggerVariants(), className),
+      "data-slot": "user-profile-trigger",
+      type: "button",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn(userProfileAvatarVariants()), children: user.avatarUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            alt: user.name ?? user.email,
+            className: "size-full object-cover",
+            src: user.avatarUrl
+          }
+        ) : initials }),
+        /* @__PURE__ */ jsxs("span", { className: cn(userProfileInfoVariants()), children: [
+          user.name && /* @__PURE__ */ jsx("span", { className: cn(userProfileNameVariants()), children: user.name }),
+          /* @__PURE__ */ jsx("span", { className: cn(userProfileEmailVariants()), children: user.email })
+        ] })
+      ]
+    }
+  );
+}
+function UserProfileDropdown({
+  user,
+  theme = "system",
+  onThemeChange,
+  showThemeSwitcher = false,
+  menuItems = [],
+  onSignOut,
+  signOutLabel = "Sign out",
+  align = "end",
+  side = "bottom",
+  variant,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(userProfileDropdownVariants({ variant }), className),
+      "data-slot": "user-profile-dropdown",
+      ...props,
+      children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: children ?? /* @__PURE__ */ jsx(UserProfileTrigger, { user }) }),
+        /* @__PURE__ */ jsxs(DropdownMenuContent, { align, side, children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { children: user.email }),
+          showThemeSwitcher && /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { children: "Theme" }),
+            /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: /* @__PURE__ */ jsx(
+              DropdownMenuRadioGroup,
+              {
+                value: theme,
+                onValueChange: (value) => onThemeChange?.(value),
+                children: themeOptions.map((option) => /* @__PURE__ */ jsxs(
+                  DropdownMenuRadioItem,
+                  {
+                    "aria-label": `Switch to ${option.label} mode`,
+                    value: option.value,
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        option.icon,
+                        {
+                          "aria-hidden": "true",
+                          className: "mr-2 size-4 shrink-0"
+                        }
+                      ),
+                      option.label
+                    ]
+                  },
+                  option.value
+                ))
+              }
+            ) })
+          ] }) }),
+          menuItems.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx(DropdownMenuGroup, { children: menuItems.map((item) => /* @__PURE__ */ jsx(
+              DropdownMenuItem,
+              {
+                asChild: !!item.href,
+                variant: item.variant,
+                onClick: item.onClick,
+                children: item.href ? /* @__PURE__ */ jsxs(
+                  "a",
+                  {
+                    href: item.href,
+                    rel: item.external ? "noopener noreferrer" : void 0,
+                    target: item.external ? "_blank" : void 0,
+                    children: [
+                      item.icon && /* @__PURE__ */ jsx("span", { className: "mr-2 size-4", children: item.icon }),
+                      item.label,
+                      item.external && /* @__PURE__ */ jsx(
+                        ExternalLinkIcon,
+                        {
+                          "aria-hidden": "true",
+                          className: "mb-0.5 ml-1 size-3 text-muted-foreground"
+                        }
+                      )
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  item.icon && /* @__PURE__ */ jsx("span", { className: "mr-2 size-4", children: item.icon }),
+                  item.label
+                ] })
+              },
+              item.id
+            )) })
+          ] }),
+          onSignOut && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onSignOut, children: [
+              /* @__PURE__ */ jsx(LogOutIcon, { "aria-hidden": "true", className: "mr-2 size-4" }),
+              signOutLabel
+            ] }) })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+UserProfileDropdown.displayName = "UserProfileDropdown";
+UserProfileTrigger.displayName = "UserProfileTrigger";
+
+export { UserProfileDropdown, UserProfileTrigger, userProfileAvatarVariants, userProfileDropdownVariants, userProfileEmailVariants, userProfileInfoVariants, userProfileNameVariants, userProfileTriggerVariants };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/UserProfileDropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/navigation/UserProfileDropdown/UserProfileDropdown.variants.ts","../../../../src/components/navigation/UserProfileDropdown/UserProfileDropdown.tsx"],"names":[],"mappings":";;;;;;;AAMO,IAAM,2BAAA,GAA8B,GAAA;AAAA;AAAA,EAEzC,EAAC;AAAA,EACD;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAEO,IAAM,0BAAA,GAA6B,GAAA;AAAA;AAAA,EAExC;AAAA,IACE,wCAAA;AAAA,IACA,qBAAA;AAAA,IACA,8CAAA;AAAA,IACA,yEAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,OAAA;AAAA,QACT,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAEO,IAAM,4BAA4B,GAAA,CAAI;AAAA,EAC3C,kCAAA;AAAA,EACA,iDAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAA,EAAG;AAAA,EACD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,0BAA0B,GAAA,CAAI;AAAA,EACzC;AACF,CAAC;AAEM,IAAM,0BAA0B,GAAA,CAAI;AAAA,EACzC;AACF,CAAC;AAEM,IAAM,2BAA2B,GAAA,CAAI;AAAA,EAC1C;AACF,CAAC;AC5BD,IAAM,YAAA,GAA+E;AAAA,EACnF,EAAE,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS,MAAM,OAAA,EAAQ;AAAA,EAChD,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,MAAM,QAAA,EAAS;AAAA,EAC/C,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,MAAM,YAAA;AAC5C,CAAA;AAKA,SAAS,WAAA,CAAY,MAAe,KAAA,EAAwB;AAC1D,EAAA,IAAI,IAAA,EAAM;AACR,IAAA,MAAM,QAAQ,IAAA,CAAK,KAAA,CAAM,GAAG,CAAA,CAAE,OAAO,OAAO,CAAA;AAC5C,IAAA,MAAM,KAAA,GAAQ,MAAM,CAAC,CAAA;AACrB,IAAA,MAAM,MAAA,GAAS,MAAM,CAAC,CAAA;AACtB,IAAA,IAAI,SAAS,MAAA,IAAU,KAAA,CAAM,SAAS,CAAA,IAAK,MAAA,CAAO,SAAS,CAAA,EAAG;AAC5D,MAAA,OAAO,CAAA,EAAG,KAAA,CAAM,CAAC,CAAA,IAAK,EAAE,CAAA,EAAG,MAAA,CAAO,CAAC,CAAA,IAAK,EAAE,CAAA,CAAA,CAAG,WAAA,EAAY;AAAA,IAC3D;AACA,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,CAAC,EAAE,WAAA,EAAY;AAAA,EACtC;AACA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,OAAO,KAAA,CAAM,KAAA,CAAM,CAAA,EAAG,CAAC,EAAE,WAAA,EAAY;AAAA,EACvC;AACA,EAAA,OAAO,IAAA;AACT;AAKA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,IAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA,IAAY,YAAY,IAAA,CAAK,IAAA,EAAM,KAAK,KAAK,CAAA;AAEnE,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA2B,EAAG,SAAS,CAAA;AAAA,MACrD,WAAA,EAAU,sBAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACJ,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,2BAA2B,CAAA,EAC5C,eAAK,SAAA,mBACJ,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,IAAA,CAAK,IAAA,IAAQ,IAAA,CAAK,KAAA;AAAA,YACvB,SAAA,EAAU,wBAAA;AAAA,YACV,KAAK,IAAA,CAAK;AAAA;AAAA,YAGZ,QAAA,EAEJ,CAAA;AAAA,6BACC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,uBAAA,EAAyB,CAAA,EAC1C,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,IAAA,wBACH,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,uBAAA,EAAyB,CAAA,EAAI,QAAA,EAAA,IAAA,CAAK,IAAA,EAAK,CAAA;AAAA,0BAE7D,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,0BAA0B,CAAA,EAAI,eAAK,KAAA,EAAM;AAAA,SAAA,EAC/D;AAAA;AAAA;AAAA,GACF;AAEJ;AAqCA,SAAS,mBAAA,CAAoB;AAAA,EAC3B,IAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,aAAA;AAAA,EACA,iBAAA,GAAoB,KAAA;AAAA,EACpB,YAAY,EAAC;AAAA,EACb,SAAA;AAAA,EACA,YAAA,GAAe,UAAA;AAAA,EACf,KAAA,GAAQ,KAAA;AAAA,EACR,IAAA,GAAO,QAAA;AAAA,EACP,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA6B;AAC3B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,CAAG,2BAAA,CAA4B,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACjE,WAAA,EAAU,uBAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,+BAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,uBAAoB,OAAA,EAAO,IAAA,EACzB,sCAAY,GAAA,CAAC,kBAAA,EAAA,EAAmB,MAAY,CAAA,EAC/C,CAAA;AAAA,wBACA,IAAA,CAAC,mBAAA,EAAA,EAAoB,KAAA,EAAc,IAAA,EAEjC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAA,EAAA,EAAmB,eAAK,KAAA,EAAM,CAAA;AAAA,UAG9B,iBAAA,oBACC,GAAA,CAAC,iBAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,0BAAuB,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,gCAC5B,sBAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,cAAC,sBAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO,KAAA;AAAA,gBACP,aAAA,EAAe,CAAC,KAAA,KACd,aAAA,GAAgB,KAAoB,CAAA;AAAA,gBAGrC,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAC,MAAA,qBACjB,IAAA;AAAA,kBAAC,qBAAA;AAAA,kBAAA;AAAA,oBAEC,YAAA,EAAY,CAAA,UAAA,EAAa,MAAA,CAAO,KAAK,CAAA,KAAA,CAAA;AAAA,oBACrC,OAAO,MAAA,CAAO,KAAA;AAAA,oBAEd,QAAA,EAAA;AAAA,sCAAA,GAAA;AAAA,wBAAC,MAAA,CAAO,IAAA;AAAA,wBAAP;AAAA,0BACC,aAAA,EAAY,MAAA;AAAA,0BACZ,SAAA,EAAU;AAAA;AAAA,uBACZ;AAAA,sBACC,MAAA,CAAO;AAAA;AAAA,mBAAA;AAAA,kBARH,MAAA,CAAO;AAAA,iBAUf;AAAA;AAAA,aACH,EACF;AAAA,WAAA,EACF,CAAA,EACF,CAAA;AAAA,UAID,SAAA,CAAU,MAAA,GAAS,CAAA,oBAClB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,CAAA;AAAA,4BACvB,GAAA,CAAC,iBAAA,EAAA,EACE,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAC,IAAA,qBACd,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBAEC,OAAA,EAAS,CAAC,CAAC,IAAA,CAAK,IAAA;AAAA,gBAChB,SAAS,IAAA,CAAK,OAAA;AAAA,gBACd,SAAS,IAAA,CAAK,OAAA;AAAA,gBAEb,eAAK,IAAA,mBACJ,IAAA;AAAA,kBAAC,GAAA;AAAA,kBAAA;AAAA,oBACC,MAAM,IAAA,CAAK,IAAA;AAAA,oBACX,GAAA,EAAK,IAAA,CAAK,QAAA,GAAW,qBAAA,GAAwB,MAAA;AAAA,oBAC7C,MAAA,EAAQ,IAAA,CAAK,QAAA,GAAW,QAAA,GAAW,MAAA;AAAA,oBAElC,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAK,wBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAe,eAAK,IAAA,EAAK,CAAA;AAAA,sBAE1C,IAAA,CAAK,KAAA;AAAA,sBACL,KAAK,QAAA,oBACJ,GAAA;AAAA,wBAAC,gBAAA;AAAA,wBAAA;AAAA,0BACC,aAAA,EAAY,MAAA;AAAA,0BACZ,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AAAA,oCAIJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAK,wBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAe,eAAK,IAAA,EAAK,CAAA;AAAA,kBAE1C,IAAA,CAAK;AAAA,iBAAA,EACR;AAAA,eAAA;AAAA,cA5BG,IAAA,CAAK;AAAA,aA+Bb,CAAA,EACH;AAAA,WAAA,EACF,CAAA;AAAA,UAID,6BACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,CAAA;AAAA,4BACvB,GAAA,CAAC,iBAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,gBAAA,EAAA,EAAiB,SAAS,SAAA,EACzB,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,cACtD;AAAA,aAAA,EACH,CAAA,EACF;AAAA,WAAA,EACF;AAAA,SAAA,EAEJ;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;AAEA,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAClC,kBAAA,CAAmB,WAAA,GAAc,oBAAA","file":"index.js","sourcesContent":["// UserProfileDropdown/UserProfileDropdown.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * UserProfileDropdown style variants using CVA\n */\nexport const userProfileDropdownVariants = cva(\n  // Base styles\n  [],\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        compact: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport const userProfileTriggerVariants = cva(\n  // Base styles\n  [\n    \"flex items-center gap-2 rounded-md p-2\",\n    \"text-sm font-medium\",\n    \"hover:bg-accent hover:text-accent-foreground\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n    \"transition-colors\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"gap-3\",\n        compact: \"gap-2\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport const userProfileAvatarVariants = cva([\n  \"flex items-center justify-center\",\n  \"rounded-full bg-primary text-primary-foreground\",\n  \"text-xs font-medium\",\n  \"overflow-hidden\",\n], {\n  variants: {\n    size: {\n      sm: \"size-7\",\n      md: \"size-8\",\n      lg: \"size-10\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport const userProfileInfoVariants = cva([\n  \"flex flex-col items-start text-left\",\n])\n\nexport const userProfileNameVariants = cva([\n  \"text-sm font-medium text-foreground truncate max-w-32\",\n])\n\nexport const userProfileEmailVariants = cva([\n  \"text-xs text-muted-foreground truncate max-w-32\",\n])\n\nexport type UserProfileDropdownVariantProps = VariantProps<\n  typeof userProfileDropdownVariants\n>\n","// UserProfileDropdown/UserProfileDropdown.tsx\n\"use client\"\n\nimport type {\n  ThemeOption,\n  UserProfileDropdownProps,\n  UserProfileTriggerProps,\n} from \"./UserProfileDropdown.types\"\n\nimport {\n  ComputerIcon,\n  ExternalLinkIcon,\n  LogOutIcon,\n  MoonIcon,\n  SunIcon,\n} from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"../DropdownMenu\"\nimport {\n  userProfileAvatarVariants,\n  userProfileDropdownVariants,\n  userProfileEmailVariants,\n  userProfileInfoVariants,\n  userProfileNameVariants,\n  userProfileTriggerVariants,\n} from \"./UserProfileDropdown.variants\"\n\n/**\n * Theme options for the theme switcher\n */\nconst themeOptions: { icon: typeof SunIcon; label: string; value: ThemeOption; }[] = [\n  { value: \"light\", label: \"Light\", icon: SunIcon },\n  { value: \"dark\", label: \"Dark\", icon: MoonIcon },\n  { value: \"system\", label: \"System\", icon: ComputerIcon },\n]\n\n/**\n * Get user initials from name or email\n */\nfunction getInitials(name?: string, email?: string): string {\n  if (name) {\n    const parts = name.split(\" \").filter(Boolean)\n    const first = parts[0]\n    const second = parts[1]\n    if (first && second && first.length > 0 && second.length > 0) {\n      return `${first[0] ?? \"\"}${second[0] ?? \"\"}`.toUpperCase()\n    }\n    return name.slice(0, 2).toUpperCase()\n  }\n  if (email) {\n    return email.slice(0, 2).toUpperCase()\n  }\n  return \"??\"\n}\n\n/**\n * UserProfileTrigger - Default trigger button showing user avatar and info\n */\nfunction UserProfileTrigger({\n  user,\n  className,\n  ...props\n}: UserProfileTriggerProps) {\n  const initials = user.initials ?? getInitials(user.name, user.email)\n\n  return (\n    <button\n      className={cn(userProfileTriggerVariants(), className)}\n      data-slot=\"user-profile-trigger\"\n      type=\"button\"\n      {...props}\n    >\n      <span className={cn(userProfileAvatarVariants())}>\n        {user.avatarUrl ? (\n          <img\n            alt={user.name ?? user.email}\n            className=\"size-full object-cover\"\n            src={user.avatarUrl}\n          />\n        ) : (\n          initials\n        )}\n      </span>\n      <span className={cn(userProfileInfoVariants())}>\n        {user.name && (\n          <span className={cn(userProfileNameVariants())}>{user.name}</span>\n        )}\n        <span className={cn(userProfileEmailVariants())}>{user.email}</span>\n      </span>\n    </button>\n  )\n}\n\n/**\n * UserProfileDropdown - User profile menu with theme switcher and actions\n *\n * A dropdown menu for user account actions including profile info display,\n * theme switching, custom menu items, and sign out.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <UserProfileDropdown\n *   user={{ name: \"John Doe\", email: \"john@example.com\" }}\n *   onSignOut={() => signOut()}\n * />\n *\n * // With theme switcher and custom items\n * <UserProfileDropdown\n *   user={{ name: \"John Doe\", email: \"john@example.com\", avatarUrl: \"/avatar.jpg\" }}\n *   showThemeSwitcher\n *   theme={theme}\n *   onThemeChange={setTheme}\n *   menuItems={[\n *     { id: \"docs\", label: \"Documentation\", href: \"/docs\", external: true },\n *     { id: \"settings\", label: \"Settings\", onClick: () => openSettings() },\n *   ]}\n *   onSignOut={() => signOut()}\n * />\n *\n * // With custom trigger\n * <UserProfileDropdown user={user}>\n *   <Button variant=\"ghost\">\n *     <Avatar src={user.avatarUrl} />\n *   </Button>\n * </UserProfileDropdown>\n * ```\n */\nfunction UserProfileDropdown({\n  user,\n  theme = \"system\",\n  onThemeChange,\n  showThemeSwitcher = false,\n  menuItems = [],\n  onSignOut,\n  signOutLabel = \"Sign out\",\n  align = \"end\",\n  side = \"bottom\",\n  variant,\n  className,\n  children,\n  ...props\n}: UserProfileDropdownProps) {\n  return (\n    <div\n      className={cn(userProfileDropdownVariants({ variant }), className)}\n      data-slot=\"user-profile-dropdown\"\n      {...props}\n    >\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          {children ?? <UserProfileTrigger user={user} />}\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align={align} side={side}>\n          {/* User info label */}\n          <DropdownMenuLabel>{user.email}</DropdownMenuLabel>\n\n          {/* Theme switcher */}\n          {showThemeSwitcher && (\n            <DropdownMenuGroup>\n              <DropdownMenuSub>\n                <DropdownMenuSubTrigger>Theme</DropdownMenuSubTrigger>\n                <DropdownMenuSubContent>\n                  <DropdownMenuRadioGroup\n                    value={theme}\n                    onValueChange={(value) =>\n                      onThemeChange?.(value as ThemeOption)\n                    }\n                  >\n                    {themeOptions.map((option) => (\n                      <DropdownMenuRadioItem\n                        key={option.value}\n                        aria-label={`Switch to ${option.label} mode`}\n                        value={option.value}\n                      >\n                        <option.icon\n                          aria-hidden=\"true\"\n                          className=\"mr-2 size-4 shrink-0\"\n                        />\n                        {option.label}\n                      </DropdownMenuRadioItem>\n                    ))}\n                  </DropdownMenuRadioGroup>\n                </DropdownMenuSubContent>\n              </DropdownMenuSub>\n            </DropdownMenuGroup>\n          )}\n\n          {/* Custom menu items */}\n          {menuItems.length > 0 && (\n            <>\n              <DropdownMenuSeparator />\n              <DropdownMenuGroup>\n                {menuItems.map((item) => (\n                  <DropdownMenuItem\n                    key={item.id}\n                    asChild={!!item.href}\n                    variant={item.variant}\n                    onClick={item.onClick}\n                  >\n                    {item.href ? (\n                      <a\n                        href={item.href}\n                        rel={item.external ? \"noopener noreferrer\" : undefined}\n                        target={item.external ? \"_blank\" : undefined}\n                      >\n                        {item.icon && (\n                          <span className=\"mr-2 size-4\">{item.icon}</span>\n                        )}\n                        {item.label}\n                        {item.external && (\n                          <ExternalLinkIcon\n                            aria-hidden=\"true\"\n                            className=\"mb-0.5 ml-1 size-3 text-muted-foreground\"\n                          />\n                        )}\n                      </a>\n                    ) : (\n                      <>\n                        {item.icon && (\n                          <span className=\"mr-2 size-4\">{item.icon}</span>\n                        )}\n                        {item.label}\n                      </>\n                    )}\n                  </DropdownMenuItem>\n                ))}\n              </DropdownMenuGroup>\n            </>\n          )}\n\n          {/* Sign out */}\n          {onSignOut && (\n            <>\n              <DropdownMenuSeparator />\n              <DropdownMenuGroup>\n                <DropdownMenuItem onClick={onSignOut}>\n                  <LogOutIcon aria-hidden=\"true\" className=\"mr-2 size-4\" />\n                  {signOutLabel}\n                </DropdownMenuItem>\n              </DropdownMenuGroup>\n            </>\n          )}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  )\n}\n\nUserProfileDropdown.displayName = \"UserProfileDropdown\"\nUserProfileTrigger.displayName = \"UserProfileTrigger\"\n\nexport { UserProfileDropdown, UserProfileTrigger }\n"]}