@od-oneapp/uni-ui 2026.1.1301

package/dist/components-layout/content-sidebar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["React"],"sources":["../../../src/components/layout/content-sidebar/content-sidebar.tsx"],"sourcesContent":["'use client';\n\n/**\n * @fileoverview ContentSidebar Component - Premium Harmony V2\n *\n * A reusable secondary sidebar for internal page navigation with multiple variants.\n * Designed for pattern selectors, settings panels, and other content-level navigation.\n *\n * Features:\n * - Multiple variants: card, compact, minimal\n * - Uses shared Sidebar components for consistent styling\n * - Active state highlighting with customizable accent color\n * - Dark mode support\n * - Touch-optimized with 44px minimum targets\n * - Works as a nested sidebar within the main app layout\n *\n * @module @od-oneapp/uni-ui/components/layout/content-sidebar\n */\n\nimport type { ComponentType, ReactNode } from 'react';\nimport * as React from 'react';\n\nimport { useMediaQuery } from '@mantine/hooks';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from '../sidebar';\n\n/**\n * Navigation item for ContentSidebar\n */\nexport interface ContentSidebarItem {\n  /** Unique identifier for the item */\n  id: string;\n  /** Display name */\n  name: string;\n  /** Description shown below the name (card variant only) */\n  description?: string;\n  /** Icon element (React node, typically from lucide-react) */\n  icon?: ReactNode;\n  /** URL/href for navigation */\n  href: string;\n}\n\n/**\n * Accent color configuration\n */\nconst ACCENT_COLORS = {\n  purple: {\n    activeBorder: 'border-purple-500',\n    activeBg: 'bg-purple-50 dark:bg-purple-900/20',\n    activeText: 'text-purple-700 dark:text-purple-300',\n    activeIcon: 'text-purple-500',\n  },\n  blue: {\n    activeBorder: 'border-blue-500',\n    activeBg: 'bg-blue-50 dark:bg-blue-900/20',\n    activeText: 'text-blue-700 dark:text-blue-300',\n    activeIcon: 'text-blue-500',\n  },\n  green: {\n    activeBorder: 'border-green-500',\n    activeBg: 'bg-green-50 dark:bg-green-900/20',\n    activeText: 'text-green-700 dark:text-green-300',\n    activeIcon: 'text-green-500',\n  },\n  orange: {\n    activeBorder: 'border-orange-500',\n    activeBg: 'bg-orange-50 dark:bg-orange-900/20',\n    activeText: 'text-orange-700 dark:text-orange-300',\n    activeIcon: 'text-orange-500',\n  },\n  red: {\n    activeBorder: 'border-red-500',\n    activeBg: 'bg-red-50 dark:bg-red-900/20',\n    activeText: 'text-red-700 dark:text-red-300',\n    activeIcon: 'text-red-500',\n  },\n  neutral: {\n    activeBorder: 'border-gray-400',\n    activeBg: 'bg-gray-100 dark:bg-gray-800',\n    activeText: 'text-gray-900 dark:text-gray-100',\n    activeIcon: 'text-gray-600 dark:text-gray-400',\n  },\n} as const;\n\n/**\n * Content sidebar item variants using CVA\n */\nconst contentSidebarItemVariants = cva('block w-full text-left transition-colors', {\n  variants: {\n    variant: {\n      /** Card-style items with borders, backgrounds, and space for descriptions */\n      card: 'rounded-lg p-3 border-2',\n      /** Compact list-style items using SidebarMenuButton styling */\n      compact: 'rounded-md p-2 text-sm',\n      /** Minimal style with subtle hover state */\n      minimal: 'rounded-md px-3 py-2 text-sm',\n    },\n  },\n  defaultVariants: {\n    variant: 'card',\n  },\n});\n\n/**\n * Content sidebar menu variants using CVA\n */\nconst contentSidebarMenuVariants = cva('', {\n  variants: {\n    variant: {\n      card: 'space-y-2',\n      compact: 'space-y-1',\n      minimal: 'space-y-0.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'card',\n  },\n});\n\nexport type ContentSidebarVariant = 'card' | 'compact' | 'minimal';\nexport type ContentSidebarAccentColor = keyof typeof ACCENT_COLORS;\n\n/**\n * Props for ContentSidebar component\n */\nexport interface ContentSidebarProps extends VariantProps<typeof contentSidebarItemVariants> {\n  /** Navigation items to display */\n  items: ContentSidebarItem[];\n  /** Currently active item ID or href */\n  activeId?: string;\n  /** Group label shown above items */\n  label?: string;\n  /** Width of the sidebar (default: w-72) */\n  width?: string;\n  /** Accent color for active state */\n  accentColor?: ContentSidebarAccentColor;\n  /** Custom link component (e.g., Next.js Link) */\n  LinkComponent?: React.ElementType | ComponentType<any>;\n  /** Additional className for the sidebar */\n  className?: string;\n}\n\n/**\n * Props for ContentSidebarLayout wrapper\n */\nexport interface ContentSidebarLayoutProps {\n  /** ContentSidebar component */\n  sidebar: ReactNode;\n  /** Main content */\n  children: ReactNode;\n  /** Additional className for the layout wrapper */\n  className?: string;\n}\n\n/**\n * ContentSidebar - A reusable secondary sidebar for internal page navigation\n *\n * @example\n * ```tsx\n * // Card variant (default) - with descriptions\n * <ContentSidebar\n *   variant=\"card\"\n *   items={patterns}\n *   activeId=\"routing\"\n *   label=\"Select Pattern\"\n *   accentColor=\"purple\"\n *   LinkComponent={Link}\n * />\n *\n * // Compact variant - simple list\n * <ContentSidebar\n *   variant=\"compact\"\n *   items={settings}\n *   activeId=\"general\"\n *   label=\"Settings\"\n *   accentColor=\"blue\"\n * />\n *\n * // Minimal variant - subtle styling\n * <ContentSidebar\n *   variant=\"minimal\"\n *   items={navigation}\n *   activeId=\"overview\"\n * />\n * ```\n */\nexport function ContentSidebar({\n  items,\n  activeId,\n  label,\n  variant = 'card',\n  width = 'w-72',\n  accentColor = 'purple',\n  LinkComponent = 'a',\n  className,\n}: ContentSidebarProps): React.ReactElement {\n  const [mounted, setMounted] = React.useState(false);\n  const isTouch = useMediaQuery('(pointer: coarse)');\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  const touchActive = mounted && isTouch;\n  const colors = ACCENT_COLORS[accentColor];\n\n  return (\n    <Sidebar\n      side=\"left\"\n      variant=\"sidebar\"\n      collapsible=\"none\"\n      className={`h-full ${width} shrink-0 border-r border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800 ${className ?? ''}`}\n    >\n      <SidebarContent className=\"overflow-y-auto p-4\">\n        <SidebarGroup>\n          {label ? (\n            <SidebarGroupLabel className=\"mb-3 text-sm font-medium text-gray-500 dark:text-gray-400\">\n              {label}\n            </SidebarGroupLabel>\n          ) : null}\n          <SidebarGroupContent>\n            <SidebarMenu className={contentSidebarMenuVariants({ variant })}>\n              {items.map(item => {\n                const isActive = activeId === item.id || activeId === item.href;\n\n                // Render based on variant\n                if (variant === 'compact' || variant === 'minimal') {\n                  return (\n                    <SidebarMenuItem key={item.id} data-touch={touchActive ? 'true' : undefined}>\n                      <SidebarMenuButton\n                        asChild\n                        isActive={isActive}\n                        size={touchActive ? 'touch' : 'default'}\n                        tooltip={item.description}\n                      >\n                        <LinkComponent href={item.href}>\n                          {item.icon ? (\n                            <span\n                              className={isActive ? colors.activeIcon : 'text-muted-foreground'}\n                            >\n                              {item.icon}\n                            </span>\n                          ) : null}\n                          <span>{item.name}</span>\n                        </LinkComponent>\n                      </SidebarMenuButton>\n                    </SidebarMenuItem>\n                  );\n                }\n\n                // Card variant (default)\n                return (\n                  <SidebarMenuItem key={item.id} data-touch={touchActive ? 'true' : undefined}>\n                    <LinkComponent\n                      href={item.href}\n                      className={`${contentSidebarItemVariants({ variant })} ${\n                        isActive\n                          ? `${colors.activeBorder} ${colors.activeBg}`\n                          : 'border-transparent bg-gray-50 hover:border-gray-200 dark:bg-gray-700/50 dark:hover:border-gray-600'\n                      }`}\n                      style={touchActive ? { minHeight: '44px', minWidth: '44px' } : undefined}\n                    >\n                      <div className=\"flex items-center gap-2\">\n                        {item.icon ? (\n                          <span className={isActive ? colors.activeIcon : 'text-gray-500'}>\n                            {item.icon}\n                          </span>\n                        ) : null}\n                        <span\n                          className={`font-medium ${\n                            isActive ? colors.activeText : 'text-gray-900 dark:text-white'\n                          }`}\n                        >\n                          {item.name}\n                        </span>\n                      </div>\n                      {item.description ? (\n                        <p className=\"mt-1 text-xs text-gray-500 dark:text-gray-400\">\n                          {item.description}\n                        </p>\n                      ) : null}\n                    </LinkComponent>\n                  </SidebarMenuItem>\n                );\n              })}\n            </SidebarMenu>\n          </SidebarGroupContent>\n        </SidebarGroup>\n      </SidebarContent>\n    </Sidebar>\n  );\n}\n\n/**\n * ContentSidebarLayout - Wrapper layout for ContentSidebar\n *\n * Provides the SidebarProvider context and proper layout structure\n * for using ContentSidebar within a page.\n *\n * @example\n * ```tsx\n * <ContentSidebarLayout\n *   sidebar={<ContentSidebar variant=\"card\" items={items} activeId={currentId} />}\n * >\n *   <YourPageContent />\n * </ContentSidebarLayout>\n * ```\n */\nexport function ContentSidebarLayout({\n  sidebar,\n  children,\n  className,\n}: ContentSidebarLayoutProps): React.ReactElement {\n  return (\n    <SidebarProvider\n      defaultOpen\n      className={`h-full min-h-0! flex-1 overflow-hidden bg-transparent! p-0! ${className ?? ''}`}\n    >\n      {sidebar}\n      <SidebarInset className=\"h-full overflow-hidden\">\n        <main className=\"flex h-full flex-1 flex-col overflow-auto\">{children}</main>\n      </SidebarInset>\n    </SidebarProvider>\n  );\n}\n"],"mappings":"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"}

package/dist/components-layout/nav-app-switcher/index.d.mts

@@ -0,0 +1,3 @@
+
+import { i as OneDigitalLogo, n as NavAppSwitcher, r as NavAppSwitcherProps, t as App } from "../../nav-app-switcher-B1NTlYrm.mjs";
+export { App, NavAppSwitcher, NavAppSwitcherProps, OneDigitalLogo };

package/dist/components-layout/nav-app-switcher/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { n as OneDigitalLogo, t as NavAppSwitcher } from "../../nav-app-switcher-V7aJAC18.mjs";
+
+export { NavAppSwitcher, OneDigitalLogo };

package/dist/components-layout/nav-main/index.d.mts

@@ -0,0 +1,30 @@
+
+import * as React$1 from "react";
+import { ComponentType } from "react";
+import { LucideIcon } from "lucide-react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/layout/nav-main/nav-main.d.ts
+interface NavItem {
+  title: string;
+  url: string;
+  icon: LucideIcon | ComponentType<any>;
+  isActive?: boolean;
+  items?: {
+    title: string;
+    url: string;
+  }[];
+}
+interface NavMainProps {
+  items: NavItem[];
+  label?: string;
+  LinkComponent?: React$1.ElementType;
+}
+declare function NavMain({
+  items,
+  label,
+  LinkComponent
+}: NavMainProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NavMain };
+//# sourceMappingURL=index.d.mts.map

package/dist/components-layout/nav-main/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { t as NavMain } from "../../nav-main-BscfzNoi.mjs";
+
+export { NavMain };

package/dist/components-layout/nav-projects/index.d.mts

@@ -0,0 +1,18 @@
+
+import React from "react";
+import { LucideIcon } from "lucide-react";
+
+//#region src/components/layout/nav-projects/nav-projects.d.ts
+interface NavProjectsProps {
+  projects: {
+    name: string;
+    url: string;
+    icon: LucideIcon;
+  }[];
+}
+declare function NavProjects({
+  projects
+}: NavProjectsProps): React.JSX.Element;
+//#endregion
+export { NavProjects, NavProjectsProps };
+//# sourceMappingURL=index.d.mts.map

package/dist/components-layout/nav-projects/index.mjs

@@ -0,0 +1,153 @@
+'use client';
+import { t as cn } from "../../utils-D2bGp2p_.mjs";
+import { a as SPRING_TACTILE } from "../../motion-zelaDelJ.mjs";
+import { a as DropdownMenuItem, h as DropdownMenuTrigger, r as DropdownMenuContent, t as DropdownMenu, u as DropdownMenuSeparator } from "../../dropdown-menu-91g1g_Cl.mjs";
+import { d as SidebarMenu, f as SidebarMenuAction, h as SidebarMenuItem, i as SidebarGroup, m as SidebarMenuButton, s as SidebarGroupLabel, w as useSidebar } from "../../sidebar-CdWE7H3R.mjs";
+import React from "react";
+import { useMediaQuery, useReducedMotion } from "@mantine/hooks";
+import { Folder, MoreHorizontal, Share, Trash2 } from "lucide-react";
+import { motion } from "motion/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/layout/nav-projects/nav-projects.tsx
+/**
+* @fileoverview NavProjects Component - Premium Harmony V2
+*
+* A sidebar navigation component for displaying project items with actions menu.
+* Includes dropdown menu for project actions (view, share, delete) with Premium
+* Harmony V2 motion standards and accessibility features.
+*
+* Features:
+* - Premium Harmony V2 spring physics (tactile, fluid interactions)
+* - Touch detection with automatic sizing for mobile devices
+* - Reduced motion support for accessibility
+* - WCAG 2.5.5 compliant 44px minimum touch targets
+* - Enhanced focus styles with ring indicators
+* - Semantic color tokens for consistent theming
+* - Data attributes for state management and testing
+* - Responsive dropdown positioning based on device type
+* - Screen reader support with proper ARIA labels
+*
+* @module @od-oneapp/uni-ui/components/nav-projects
+* @component NavProjects
+*
+* @useCases
+* - Project navigation: Sidebar navigation for multi-project applications
+* - Context switching: Quick access to different project workspaces
+* - Project management: Actions menu for common project operations (view, share, delete)
+* - Mobile interfaces: Responsive menu positioning for touch devices
+* - Collapsible sidebars: Hides when sidebar is in icon-only mode
+* - Touch interfaces: WCAG 2.5.5 compliant 44px minimum touch targets
+* - Accessibility-first navigation: Screen reader support, keyboard navigation
+* - Reduced motion: Respects user's motion preferences for animations
+*
+* @example
+* <NavProjects projects={[{ name: 'Website Redesign', url: '/projects/1', icon: Folder }]} />
+*/
+/**
+* Projects Navigation Component
+*
+* Displays a list of project items with action menus in a collapsible sidebar.
+* Supports touch devices with proper sizing and reduced motion preferences.
+*
+* @param props - Component props
+* @returns Projects navigation component
+*/
+function NavProjects({ projects }) {
+	const { isMobile } = useSidebar();
+	const isTouchDevice = useMediaQuery("(pointer: coarse)");
+	const prefersReducedMotion = useReducedMotion();
+	return /* @__PURE__ */ jsxs(SidebarGroup, {
+		className: "group-data-[collapsible=icon]:hidden",
+		"data-component": "nav-projects",
+		children: [/* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Projects" }), /* @__PURE__ */ jsxs(SidebarMenu, { children: [projects.map((item, index) => /* @__PURE__ */ jsx(motion.div, {
+			initial: prefersReducedMotion ? false : {
+				opacity: 0,
+				x: -8
+			},
+			animate: {
+				opacity: 1,
+				x: 0
+			},
+			transition: prefersReducedMotion ? { duration: 0 } : {
+				...SPRING_TACTILE,
+				delay: index * .03
+			},
+			children: /* @__PURE__ */ jsxs(SidebarMenuItem, {
+				"data-project": item.name,
+				children: [/* @__PURE__ */ jsx(SidebarMenuButton, {
+					asChild: true,
+					className: cn("focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:ring-offset-2", isTouchDevice && "min-h-[44px]"),
+					children: /* @__PURE__ */ jsxs("a", {
+						href: item.url,
+						"data-state": "idle",
+						children: [/* @__PURE__ */ jsx(item.icon, {
+							className: cn("text-muted-foreground", isTouchDevice && "size-5"),
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ jsx("span", {
+							className: cn(isTouchDevice && "text-base"),
+							children: item.name
+						})]
+					})
+				}), /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsxs(SidebarMenuAction, {
+						showOnHover: true,
+						className: cn("focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:ring-offset-2", isTouchDevice && "min-h-[44px] min-w-[44px]"),
+						"data-trigger": "project-actions",
+						children: [/* @__PURE__ */ jsx(MoreHorizontal, {
+							className: cn("text-muted-foreground", isTouchDevice && "size-5"),
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "sr-only",
+							children: ["More actions for ", item.name]
+						})]
+					})
+				}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+					className: "w-48",
+					side: isMobile ? "bottom" : "right",
+					align: isMobile ? "end" : "start",
+					"data-dropdown": "project-actions",
+					children: [
+						/* @__PURE__ */ jsxs(DropdownMenuItem, {
+							className: cn(isTouchDevice && "min-h-[44px]"),
+							children: [/* @__PURE__ */ jsx(Folder, {
+								className: "text-muted-foreground",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ jsx("span", { children: "View Project" })]
+						}),
+						/* @__PURE__ */ jsxs(DropdownMenuItem, {
+							className: cn(isTouchDevice && "min-h-[44px]"),
+							children: [/* @__PURE__ */ jsx(Share, {
+								className: "text-muted-foreground",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ jsx("span", { children: "Share Project" })]
+						}),
+						/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+						/* @__PURE__ */ jsxs(DropdownMenuItem, {
+							className: cn(isTouchDevice && "min-h-[44px]", "focus:bg-destructive/10 focus:text-destructive"),
+							children: [/* @__PURE__ */ jsx(Trash2, {
+								className: "text-destructive",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ jsx("span", { children: "Delete Project" })]
+						})
+					]
+				})] })]
+			})
+		}, item.name)), /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
+			className: cn("focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:ring-offset-2", isTouchDevice && "min-h-[44px]"),
+			"data-action": "show-more",
+			children: [/* @__PURE__ */ jsx(MoreHorizontal, {
+				className: cn("text-muted-foreground", isTouchDevice && "size-5"),
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ jsx("span", {
+				className: cn(isTouchDevice && "text-base"),
+				children: "More"
+			})]
+		}) })] })]
+	});
+}
+
+//#endregion
+export { NavProjects };
+//# sourceMappingURL=index.mjs.map

package/dist/components-layout/nav-projects/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/layout/nav-projects/nav-projects.tsx"],"sourcesContent":["/**\n * @fileoverview NavProjects Component - Premium Harmony V2\n *\n * A sidebar navigation component for displaying project items with actions menu.\n * Includes dropdown menu for project actions (view, share, delete) with Premium\n * Harmony V2 motion standards and accessibility features.\n *\n * Features:\n * - Premium Harmony V2 spring physics (tactile, fluid interactions)\n * - Touch detection with automatic sizing for mobile devices\n * - Reduced motion support for accessibility\n * - WCAG 2.5.5 compliant 44px minimum touch targets\n * - Enhanced focus styles with ring indicators\n * - Semantic color tokens for consistent theming\n * - Data attributes for state management and testing\n * - Responsive dropdown positioning based on device type\n * - Screen reader support with proper ARIA labels\n *\n * @module @od-oneapp/uni-ui/components/nav-projects\n * @component NavProjects\n *\n * @useCases\n * - Project navigation: Sidebar navigation for multi-project applications\n * - Context switching: Quick access to different project workspaces\n * - Project management: Actions menu for common project operations (view, share, delete)\n * - Mobile interfaces: Responsive menu positioning for touch devices\n * - Collapsible sidebars: Hides when sidebar is in icon-only mode\n * - Touch interfaces: WCAG 2.5.5 compliant 44px minimum touch targets\n * - Accessibility-first navigation: Screen reader support, keyboard navigation\n * - Reduced motion: Respects user's motion preferences for animations\n *\n * @example\n * <NavProjects projects={[{ name: 'Website Redesign', url: '/projects/1', icon: Folder }]} />\n */\n\n'use client';\n\nimport React from 'react';\n\nimport { useMediaQuery, useReducedMotion } from '@mantine/hooks';\nimport { Folder, MoreHorizontal, Share, Trash2 } from 'lucide-react';\nimport { motion } from 'motion/react';\n\nimport { SPRING_TACTILE } from '../../../constants/motion';\nimport { cn } from '../../../lib/utils';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '../../elements/organisms/dropdown-menu';\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from '../sidebar';\n\nimport type { LucideIcon } from 'lucide-react';\n\n/**\n * NavProjects component props\n */\nexport interface NavProjectsProps {\n  /** Array of project items to display in the navigation */\n  projects: {\n    /** Project display name */\n    name: string;\n    /** Project URL for navigation */\n    url: string;\n    /** Icon component to display for the project */\n    icon: LucideIcon;\n  }[];\n}\n\n/**\n * Projects Navigation Component\n *\n * Displays a list of project items with action menus in a collapsible sidebar.\n * Supports touch devices with proper sizing and reduced motion preferences.\n *\n * @param props - Component props\n * @returns Projects navigation component\n */\nexport function NavProjects({ projects }: NavProjectsProps): React.JSX.Element {\n  const { isMobile } = useSidebar();\n\n  // Premium Harmony V2: Touch detection for better mobile experience\n  const isTouchDevice = useMediaQuery('(pointer: coarse)');\n\n  // Premium Harmony V2: Reduced motion support\n  const prefersReducedMotion = useReducedMotion();\n\n  return (\n    <SidebarGroup className=\"group-data-[collapsible=icon]:hidden\" data-component=\"nav-projects\">\n      <SidebarGroupLabel>Projects</SidebarGroupLabel>\n      <SidebarMenu>\n        {projects.map((item, index) => (\n          <motion.div\n            key={item.name}\n            initial={prefersReducedMotion ? false : { opacity: 0, x: -8 }}\n            animate={{ opacity: 1, x: 0 }}\n            transition={\n              prefersReducedMotion\n                ? { duration: 0 }\n                : {\n                    ...SPRING_TACTILE,\n                    delay: index * 0.03,\n                  }\n            }\n          >\n            <SidebarMenuItem data-project={item.name}>\n              <SidebarMenuButton\n                asChild\n                className={cn(\n                  // Premium Harmony V2: Enhanced focus styles\n                  'focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:ring-offset-2',\n                  // Premium Harmony V2: Touch target sizing (min 44px for WCAG 2.5.5)\n                  isTouchDevice && 'min-h-[44px]',\n                )}\n              >\n                <a href={item.url} data-state=\"idle\">\n                  <item.icon\n                    className={cn(\n                      // Premium Harmony V2: Semantic color tokens\n                      'text-muted-foreground',\n                      isTouchDevice && 'size-5',\n                    )}\n                    aria-hidden=\"true\"\n                  />\n                  <span className={cn(isTouchDevice && 'text-base')}>{item.name}</span>\n                </a>\n              </SidebarMenuButton>\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <SidebarMenuAction\n                    showOnHover\n                    className={cn(\n                      // Premium Harmony V2: Enhanced focus styles\n                      'focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:ring-offset-2',\n                      // Premium Harmony V2: Touch target sizing\n                      isTouchDevice && 'min-h-[44px] min-w-[44px]',\n                    )}\n                    data-trigger=\"project-actions\"\n                  >\n                    <MoreHorizontal\n                      className={cn('text-muted-foreground', isTouchDevice && 'size-5')}\n                      aria-hidden=\"true\"\n                    />\n                    <span className=\"sr-only\">More actions for {item.name}</span>\n                  </SidebarMenuAction>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent\n                  className=\"w-48\"\n                  side={isMobile ? 'bottom' : 'right'}\n                  align={isMobile ? 'end' : 'start'}\n                  data-dropdown=\"project-actions\"\n                >\n                  <DropdownMenuItem\n                    className={cn(\n                      // Premium Harmony V2: Touch target sizing\n                      isTouchDevice && 'min-h-[44px]',\n                    )}\n                  >\n                    <Folder className=\"text-muted-foreground\" aria-hidden=\"true\" />\n                    <span>View Project</span>\n                  </DropdownMenuItem>\n                  <DropdownMenuItem\n                    className={cn(\n                      // Premium Harmony V2: Touch target sizing\n                      isTouchDevice && 'min-h-[44px]',\n                    )}\n                  >\n                    <Share className=\"text-muted-foreground\" aria-hidden=\"true\" />\n                    <span>Share Project</span>\n                  </DropdownMenuItem>\n                  <DropdownMenuSeparator />\n                  <DropdownMenuItem\n                    className={cn(\n                      // Premium Harmony V2: Touch target sizing\n                      isTouchDevice && 'min-h-[44px]',\n                      // Premium Harmony V2: Semantic color tokens for destructive action\n                      'focus:bg-destructive/10 focus:text-destructive',\n                    )}\n                  >\n                    <Trash2 className=\"text-destructive\" aria-hidden=\"true\" />\n                    <span>Delete Project</span>\n                  </DropdownMenuItem>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            </SidebarMenuItem>\n          </motion.div>\n        ))}\n        <SidebarMenuItem>\n          <SidebarMenuButton\n            className={cn(\n              // Premium Harmony V2: Enhanced focus styles\n              'focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:ring-offset-2',\n              // Premium Harmony V2: Touch target sizing\n              isTouchDevice && 'min-h-[44px]',\n            )}\n            data-action=\"show-more\"\n          >\n            <MoreHorizontal\n              className={cn('text-muted-foreground', isTouchDevice && 'size-5')}\n              aria-hidden=\"true\"\n            />\n            <span className={cn(isTouchDevice && 'text-base')}>More</span>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    </SidebarGroup>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA,SAAgB,YAAY,EAAE,YAAiD;CAC7E,MAAM,EAAE,aAAa,YAAY;CAGjC,MAAM,gBAAgB,cAAc,oBAAoB;CAGxD,MAAM,uBAAuB,kBAAkB;AAE/C,QACE,qBAAC;EAAa,WAAU;EAAuC,kBAAe;aAC5E,oBAAC,+BAAkB,aAA4B,EAC/C,qBAAC,0BACE,SAAS,KAAK,MAAM,UACnB,oBAAC,OAAO;GAEN,SAAS,uBAAuB,QAAQ;IAAE,SAAS;IAAG,GAAG;IAAI;GAC7D,SAAS;IAAE,SAAS;IAAG,GAAG;IAAG;GAC7B,YACE,uBACI,EAAE,UAAU,GAAG,GACf;IACE,GAAG;IACH,OAAO,QAAQ;IAChB;aAGP,qBAAC;IAAgB,gBAAc,KAAK;eAClC,oBAAC;KACC;KACA,WAAW,GAET,+EAEA,iBAAiB,eAClB;eAED,qBAAC;MAAE,MAAM,KAAK;MAAK,cAAW;iBAC5B,oBAAC,KAAK;OACJ,WAAW,GAET,yBACA,iBAAiB,SAClB;OACD,eAAY;QACZ,EACF,oBAAC;OAAK,WAAW,GAAG,iBAAiB,YAAY;iBAAG,KAAK;QAAY;OACnE;MACc,EACpB,qBAAC,2BACC,oBAAC;KAAoB;eACnB,qBAAC;MACC;MACA,WAAW,GAET,+EAEA,iBAAiB,4BAClB;MACD,gBAAa;iBAEb,oBAAC;OACC,WAAW,GAAG,yBAAyB,iBAAiB,SAAS;OACjE,eAAY;QACZ,EACF,qBAAC;OAAK,WAAU;kBAAU,qBAAkB,KAAK;QAAY;OAC3C;MACA,EACtB,qBAAC;KACC,WAAU;KACV,MAAM,WAAW,WAAW;KAC5B,OAAO,WAAW,QAAQ;KAC1B,iBAAc;;MAEd,qBAAC;OACC,WAAW,GAET,iBAAiB,eAClB;kBAED,oBAAC;QAAO,WAAU;QAAwB,eAAY;SAAS,EAC/D,oBAAC,oBAAK,iBAAmB;QACR;MACnB,qBAAC;OACC,WAAW,GAET,iBAAiB,eAClB;kBAED,oBAAC;QAAM,WAAU;QAAwB,eAAY;SAAS,EAC9D,oBAAC,oBAAK,kBAAoB;QACT;MACnB,oBAAC,0BAAwB;MACzB,qBAAC;OACC,WAAW,GAET,iBAAiB,gBAEjB,iDACD;kBAED,oBAAC;QAAO,WAAU;QAAmB,eAAY;SAAS,EAC1D,oBAAC,oBAAK,mBAAqB;QACV;;MACC,IACT;KACC;KA3Fb,KAAK,KA4FC,CACb,EACF,oBAAC,6BACC,qBAAC;GACC,WAAW,GAET,+EAEA,iBAAiB,eAClB;GACD,eAAY;cAEZ,oBAAC;IACC,WAAW,GAAG,yBAAyB,iBAAiB,SAAS;IACjE,eAAY;KACZ,EACF,oBAAC;IAAK,WAAW,GAAG,iBAAiB,YAAY;cAAE;KAAW;IAC5C,GACJ,IACN;GACD"}

package/dist/components-layout/nav-secondary/index.d.mts

@@ -0,0 +1,31 @@
+
+import "../../skeleton-ByXUFNDF.mjs";
+import "../../button-BAdq0gBE.mjs";
+import "../../input-D0T5jbR6.mjs";
+import "../../separator-CNQqqwfO.mjs";
+import "../../tooltip-BA27ygge.mjs";
+import { i as SidebarGroup } from "../../sidebar-DYgXCHqQ.mjs";
+import "../sidebar/index.mjs";
+import * as React$1 from "react";
+import { ComponentType } from "react";
+import { LucideIcon } from "lucide-react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/layout/nav-secondary/nav-secondary.d.ts
+interface NavSecondaryItem {
+  title: string;
+  url: string;
+  icon: LucideIcon | ComponentType<any>;
+}
+interface NavSecondaryProps extends React$1.ComponentPropsWithoutRef<typeof SidebarGroup> {
+  items: NavSecondaryItem[];
+  LinkComponent?: React$1.ElementType | ComponentType<any>;
+}
+declare function NavSecondary({
+  items,
+  LinkComponent,
+  ...props
+}: NavSecondaryProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NavSecondary, NavSecondaryProps };
+//# sourceMappingURL=index.d.mts.map

package/dist/components-layout/nav-secondary/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { t as NavSecondary } from "../../nav-secondary-t-xeA0I4.mjs";
+
+export { NavSecondary };

package/dist/components-layout/nav-user/index.d.mts

@@ -0,0 +1,17 @@
+
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/layout/nav-user/nav-user.d.ts
+interface NavUserProps {
+  user: {
+    name: string;
+    email: string;
+    avatar: string;
+  };
+}
+declare function NavUser({
+  user
+}: NavUserProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NavUser };
+//# sourceMappingURL=index.d.mts.map

package/dist/components-layout/nav-user/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { t as NavUser } from "../../nav-user-A4YHm3-O.mjs";
+
+export { NavUser };

package/dist/components-layout/oneapp/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { a as MicrofrontendLayout, c as createWebNavigationState, i as HeaderLinks, l as getLinksByApp, n as AuthContext, o as SidebarLinks, r as useAuth, s as WEB_NAVIGATION_LINKS, t as EnsureAnonymousSession } from "../../oneapp-CfwhNatF.mjs";
+
+export { AuthContext, EnsureAnonymousSession, HeaderLinks, MicrofrontendLayout, SidebarLinks, WEB_NAVIGATION_LINKS, createWebNavigationState, getLinksByApp, useAuth };

package/dist/components-layout/sidebar/index.d.mts

@@ -0,0 +1,8 @@
+
+import "../../skeleton-ByXUFNDF.mjs";
+import "../../button-BAdq0gBE.mjs";
+import "../../input-D0T5jbR6.mjs";
+import "../../separator-CNQqqwfO.mjs";
+import "../../tooltip-BA27ygge.mjs";
+import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../../sidebar-DYgXCHqQ.mjs";
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/components-layout/sidebar/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../../sidebar-CdWE7H3R.mjs";
+
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/components-layout/sidebar-inset-header-portal/index.d.mts

@@ -0,0 +1,3 @@
+
+import { a as SidebarInsetHeaderRightProps, i as SidebarInsetHeaderRight, n as SidebarInsetHeaderPortalProvider, o as useSidebarInsetHeaderPortalMountRef, r as SidebarInsetHeaderPortalProviderProps, t as SidebarInsetHeaderPortalContextValue } from "../../sidebar-inset-header-portal-DjfK7xCt.mjs";
+export { type SidebarInsetHeaderPortalContextValue, SidebarInsetHeaderPortalProvider, type SidebarInsetHeaderPortalProviderProps, SidebarInsetHeaderRight, type SidebarInsetHeaderRightProps, useSidebarInsetHeaderPortalMountRef };

package/dist/components-layout/sidebar-inset-header-portal/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { n as SidebarInsetHeaderRight, r as useSidebarInsetHeaderPortalMountRef, t as SidebarInsetHeaderPortalProvider } from "../../sidebar-inset-header-portal-CIRN-lKw.mjs";
+
+export { SidebarInsetHeaderPortalProvider, SidebarInsetHeaderRight, useSidebarInsetHeaderPortalMountRef };

package/dist/components-layout/sidebar-slots/index.d.mts

@@ -0,0 +1,3 @@
+
+import { a as useSidebarSlots, i as useSidebarSlot, n as SidebarSlotsProvider, o as useSidebarSlotsContent, r as SidebarSlotsProviderProps, s as useSidebarSlotsOptional, t as SidebarPosition } from "../../sidebar-slots-OqNmzlIk.mjs";
+export { type SidebarPosition, SidebarSlotsProvider, type SidebarSlotsProviderProps, useSidebarSlot, useSidebarSlots, useSidebarSlotsContent, useSidebarSlotsOptional };

package/dist/components-layout/sidebar-slots/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { a as useSidebarSlotsOptional, i as useSidebarSlotsContent, n as useSidebarSlot, r as useSidebarSlots, t as SidebarSlotsProvider } from "../../sidebar-slots-DNCEnx5L.mjs";
+
+export { SidebarSlotsProvider, useSidebarSlot, useSidebarSlots, useSidebarSlotsContent, useSidebarSlotsOptional };

package/dist/components-layout/theme-provider/index.d.mts

@@ -0,0 +1,15 @@
+
+import { ReactElement } from "react";
+import { ThemeProviderProps as ThemeProviderProps$1 } from "next-themes";
+
+//#region src/components/layout/theme-provider/theme-provider.d.ts
+type ThemeProviderProps = ThemeProviderProps$1 & {
+  children?: React.ReactNode;
+};
+declare function ThemeProvider({
+  children,
+  ...props
+}: ThemeProviderProps): ReactElement<any>;
+//#endregion
+export { ThemeProvider, ThemeProviderProps };
+//# sourceMappingURL=index.d.mts.map

package/dist/components-layout/theme-provider/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { t as ThemeProvider } from "../../theme-provider-4D34sBmG.mjs";
+
+export { ThemeProvider };

package/dist/components-layout-app-shell.d.mts

@@ -0,0 +1,83 @@
+
+import { t as App } from "./nav-app-switcher-B1NTlYrm.mjs";
+import "./components-layout/nav-app-switcher/index.mjs";
+import { ComponentType, ReactNode } from "react";
+import { LucideIcon } from "lucide-react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/layout/app-shell.d.ts
+interface SidebarSizeConfig {
+  default?: number;
+  min?: number;
+  max?: number;
+}
+interface NavigationItem {
+  title: string;
+  url: string;
+  icon: LucideIcon | ComponentType<any>;
+  isActive?: boolean;
+  items?: {
+    title: string;
+    url: string;
+  }[];
+}
+interface NavigationGroup {
+  label?: string;
+  items: NavigationItem[];
+}
+interface AppShellProps {
+  children: ReactNode;
+  user?: any;
+  navGroups: NavigationGroup[];
+  secondaryNavItems?: NavigationItem[];
+  logo?: ReactNode;
+  title?: string;
+  subtitle?: string;
+  apps?: App[];
+  currentApp?: App;
+  LinkComponent?: ComponentType<{
+    href: string;
+    children: ReactNode;
+    className?: string;
+    [key: string]: any;
+  }>;
+  onSignOut?: () => Promise<void> | void;
+  onSignIn?: () => Promise<void> | void;
+  onProfile?: () => Promise<void> | void;
+  onHome?: () => Promise<void> | void;
+  onDemoReset?: () => Promise<void> | void;
+  headerActions?: React.ReactNode;
+  leftSidebar?: ReactNode;
+  leftSidebarOpen?: boolean;
+  leftSidebarSize?: SidebarSizeConfig;
+  rightSidebar?: ReactNode;
+  rightSidebarOpen?: boolean;
+  rightSidebarSize?: SidebarSizeConfig;
+}
+declare function AppShell({
+  children,
+  user,
+  navGroups,
+  secondaryNavItems,
+  logo,
+  title,
+  subtitle,
+  LinkComponent,
+  onSignOut,
+  onSignIn,
+  onProfile,
+  onHome,
+  onDemoReset,
+  headerActions,
+  apps,
+  currentApp,
+  leftSidebar,
+  leftSidebarOpen,
+  leftSidebarSize,
+  rightSidebar,
+  rightSidebarOpen,
+  rightSidebarSize
+}: AppShellProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AppShell, AppShellProps, NavigationGroup, NavigationItem, SidebarSizeConfig };
+//# sourceMappingURL=components-layout-app-shell.d.mts.map