@etus/ui 0.4.0-beta.14 → 0.4.0-beta.16

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

@@ -1,190 +0,0 @@
-import { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerClose } from '../../../chunk-HI3T55XK.js';
-import { Button } from '../../../chunk-7TF5PVEU.js';
-import '../../../chunk-TAZPML2P.js';
-import '../../../chunk-4GVOOXYD.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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/navigation/MobileSidebar/MobileSidebar.variants.ts","../../../../src/components/navigation/MobileSidebar/MobileSidebar.tsx"],"names":[],"mappings":"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","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/UserProfileDropdown/index.js

@@ -1,224 +0,0 @@
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuItem } from '../../../chunk-OXDWUKGP.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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/navigation/UserProfileDropdown/UserProfileDropdown.variants.ts","../../../../src/components/navigation/UserProfileDropdown/UserProfileDropdown.tsx"],"names":[],"mappings":"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","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"]}

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

@@ -1,192 +0,0 @@
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator } from '../../../chunk-OXDWUKGP.js';
-import { cn } from '../../../chunk-HRNDJU7D.js';
-import '../../../chunk-UP2VWCW5.js';
-import { ChevronsUpDownIcon, PlusIcon } from 'lucide-react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var workspaceDropdownVariants = cva(
-  // Base styles
-  [],
-  {
-    variants: {
-      variant: {
-        default: "",
-        compact: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var workspaceTriggerVariants = cva(
-  [
-    "flex w-full items-center gap-x-2.5 rounded-md",
-    "text-sm",
-    "border border-input bg-background",
-    "shadow-sm",
-    "hover:bg-accent hover:text-accent-foreground",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-    "transition-all"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "p-2",
-        compact: "p-1.5"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var workspaceAvatarVariants = cva(
-  [
-    "flex items-center justify-center rounded",
-    "text-xs font-medium text-white"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "size-7 p-1.5",
-        md: "size-8 p-2"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var workspaceInfoVariants = cva([
-  "flex w-full items-center justify-between gap-x-4 truncate"
-]);
-var workspaceNameVariants = cva([
-  "truncate whitespace-nowrap text-sm font-medium text-foreground"
-]);
-var workspaceRoleVariants = cva([
-  "whitespace-nowrap text-left text-xs text-muted-foreground"
-]);
-var workspaceItemVariants = cva([
-  "flex w-full items-center gap-x-2.5"
-]);
-function WorkspaceTrigger({
-  workspace,
-  variant = "default",
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      className: cn(workspaceTriggerVariants({ variant }), className),
-      "data-slot": "workspace-trigger",
-      type: "button",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              workspaceAvatarVariants({ size: variant === "compact" ? "sm" : "md" }),
-              workspace.color ?? "bg-primary"
-            ),
-            "aria-hidden": "true",
-            children: workspace.initials
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: cn(workspaceInfoVariants()), children: [
-          /* @__PURE__ */ jsxs("div", { className: "truncate", children: [
-            /* @__PURE__ */ jsx("p", { className: cn(workspaceNameVariants()), children: workspace.name }),
-            workspace.role && /* @__PURE__ */ jsx("p", { className: cn(workspaceRoleVariants()), children: workspace.role })
-          ] }),
-          /* @__PURE__ */ jsx(
-            ChevronsUpDownIcon,
-            {
-              "aria-hidden": "true",
-              className: "size-5 shrink-0 text-muted-foreground"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function WorkspaceItem({ workspace }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn(workspaceItemVariants()), children: [
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          workspaceAvatarVariants(),
-          workspace.color ?? "bg-primary"
-        ),
-        "aria-hidden": "true",
-        children: workspace.initials
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("p", { className: cn(workspaceNameVariants()), children: workspace.name }),
-      workspace.role && /* @__PURE__ */ jsx("p", { className: cn(workspaceRoleVariants()), children: workspace.role })
-    ] })
-  ] });
-}
-function WorkspaceDropdown({
-  selectedWorkspace,
-  workspaces,
-  onWorkspaceSelect,
-  onAddWorkspace,
-  addWorkspaceLabel = "Add workspace",
-  showAddWorkspace = false,
-  align = "start",
-  variant,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(workspaceDropdownVariants({ variant }), className),
-      "data-slot": "workspace-dropdown",
-      ...props,
-      children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          WorkspaceTrigger,
-          {
-            variant: variant === "compact" ? "compact" : "default",
-            workspace: selectedWorkspace
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(DropdownMenuContent, { align, className: "min-w-60", children: [
-          /* @__PURE__ */ jsxs(DropdownMenuLabel, { children: [
-            "Workspaces (",
-            workspaces.length,
-            ")"
-          ] }),
-          /* @__PURE__ */ jsx(DropdownMenuGroup, { children: workspaces.map((workspace) => /* @__PURE__ */ jsx(
-            DropdownMenuItem,
-            {
-              onClick: () => onWorkspaceSelect?.(workspace),
-              children: /* @__PURE__ */ jsx(WorkspaceItem, { workspace })
-            },
-            workspace.id
-          )) }),
-          showAddWorkspace && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onAddWorkspace, children: [
-              /* @__PURE__ */ jsx(PlusIcon, { "aria-hidden": "true", className: "mr-2 size-4" }),
-              addWorkspaceLabel
-            ] })
-          ] })
-        ] })
-      ] })
-    }
-  );
-}
-WorkspaceDropdown.displayName = "WorkspaceDropdown";
-WorkspaceTrigger.displayName = "WorkspaceTrigger";
-
-export { WorkspaceDropdown, WorkspaceItem, WorkspaceTrigger, workspaceAvatarVariants, workspaceDropdownVariants, workspaceInfoVariants, workspaceItemVariants, workspaceNameVariants, workspaceRoleVariants, workspaceTriggerVariants };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map