@karakuri-ui/react 0.2.4 → 0.3.1

package/dist/components/ui/modal.mjs

@@ -19,7 +19,7 @@ const DefaultCloseIcon = ({ className }) => /* @__PURE__ */ React.createElement(
 const ModalStyleContext = React.createContext({
   scrollBehavior: "outside"
 });
-function ModalRoot(props) {
+function Modal(props) {
   return /* @__PURE__ */ React.createElement(DialogPrimitive.Root, { ...props });
 }
 const ModalTrigger = DialogPrimitive.Trigger;
@@ -172,7 +172,7 @@ const ModalFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ModalFooter.displayName = "ModalFooter";
-const AlertModalRoot = AlertDialogPrimitive.Root;
+const AlertModal = AlertDialogPrimitive.Root;
 const AlertModalTrigger = AlertDialogPrimitive.Trigger;
 const AlertModalPortal = AlertDialogPrimitive.Portal;
 const AlertModalOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
@@ -283,31 +283,6 @@ const AlertModalCancel = React.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertModalCancel.displayName = "AlertModalCancel";
-const Modal = Object.assign(ModalRoot, {
-  Trigger: ModalTrigger,
-  Portal: ModalPortal,
-  Overlay: ModalOverlay,
-  Content: ModalContent,
-  Header: ModalHeader,
-  Title: ModalTitle,
-  Description: ModalDescription,
-  Body: ModalBody,
-  Footer: ModalFooter,
-  Close: ModalClose
-});
-const AlertModal = Object.assign(AlertModalRoot, {
-  Trigger: AlertModalTrigger,
-  Portal: AlertModalPortal,
-  Overlay: AlertModalOverlay,
-  Content: AlertModalContent,
-  Header: AlertModalHeader,
-  Title: AlertModalTitle,
-  Description: AlertModalDescription,
-  Body: AlertModalBody,
-  Footer: AlertModalFooter,
-  Action: AlertModalAction,
-  Cancel: AlertModalCancel
-});
 export {
   AlertModal,
   AlertModalAction,

package/dist/components/ui/modal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/modal.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Default Close Icon (built-in, no external dependency) ──\nconst DefaultCloseIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\n// ─── Style Context ──────────────────────────────────────────\ntype ModalStyleContextValue = {\n  scrollBehavior: 'inside' | 'outside'\n}\nconst ModalStyleContext = React.createContext<ModalStyleContextValue>({\n  scrollBehavior: 'outside',\n})\n\n// ═══════════════════════════════════════════════════════════════\n// Modal (Dialog)\n// ═══════════════════════════════════════════════════════════════\n\n// ─── Modal (Root) — wrapper to avoid Object.assign mutating DialogPrimitive.Root ──\nfunction ModalRoot(props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root {...props} />\n}\n\n// ─── ModalTrigger ───────────────────────────────────────────\nconst ModalTrigger = DialogPrimitive.Trigger\n\n// ─── ModalPortal ────────────────────────────────────────────\nconst ModalPortal = DialogPrimitive.Portal\n\n// ─── ModalClose ─────────────────────────────────────────────\nconst ModalClose = DialogPrimitive.Close\n\n// ─── ModalOverlay ───────────────────────────────────────────\nconst ModalOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-overlay bg-black/50',\n      'data-[state=open]:animate-modal-overlay-enter data-[state=closed]:animate-modal-overlay-exit',\n      className\n    )}\n    {...props}\n  />\n))\nModalOverlay.displayName = 'ModalOverlay'\n\n// ─── ModalContent ───────────────────────────────────────────\nconst modalContentVariants = cva('', {\n  variants: {\n    size: {\n      xs: 'max-w-[360px]',   // 360px — simple confirmation\n      sm: 'max-w-[480px]',   // 480px — standard (default)\n      md: 'max-w-[600px]',   // 600px — standard form\n      lg: 'max-w-[760px]',   // 760px — complex form\n      xl: 'max-w-[960px]',   // 960px — table, dashboard\n      full: 'max-w-none',    // full width (constrained by wrapper padding)\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n})\n\nexport interface ModalContentProps\n  extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof modalContentVariants> {\n  /** Scroll behavior when content overflows */\n  scrollBehavior?: 'inside' | 'outside'\n  /** Show built-in close button */\n  showCloseButton?: boolean\n  /** Custom close icon (replaces default X) */\n  closeIcon?: React.ReactNode\n}\n\nconst ModalContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  ModalContentProps\n>(({ className, children, size = 'sm', scrollBehavior = 'outside', showCloseButton = true, closeIcon, ...props }, ref) => {\n  const isInside = scrollBehavior === 'inside'\n  const isFull = size === 'full'\n  const useInsideScroll = isInside || isFull\n\n  const closeButton = showCloseButton && (\n    <DialogPrimitive.Close className={cn(\n      'absolute right-4 top-4 rounded-md p-1',\n      'text-text-muted hover:text-foreground',\n      'transition-colors duration-fast',\n      'focus-visible:focus-ring focus-visible:outline-none',\n      'disabled:pointer-events-none'\n    )}>\n      {closeIcon || <DefaultCloseIcon className=\"icon-sm\" />}\n      <span className=\"sr-only\">Close</span>\n    </DialogPrimitive.Close>\n  )\n\n  if (!useInsideScroll) {\n    // Outside scroll: DialogPrimitive.Content becomes the full-screen scrollable container.\n    // Radix's internal RemoveScroll detects its own root element as scrollable,\n    // allowing wheel/touch scroll events to pass through correctly.\n    return (\n      <ModalPortal>\n        <ModalOverlay />\n        <ModalStyleContext.Provider value={{ scrollBehavior: 'outside' }}>\n          <DialogPrimitive.Content\n            ref={ref}\n            className={cn(\n              'fixed inset-0 z-modal overflow-y-auto',\n              'focus:outline-none',\n              'data-[state=open]:animate-modal-content-enter data-[state=closed]:animate-modal-content-exit',\n            )}\n            {...props}\n          >\n            {/* Backdrop click area: closes dialog when clicking outside the panel */}\n            <DialogPrimitive.Close asChild>\n              <div className=\"flex min-h-full items-center justify-center p-4\">\n                <div\n                  className={cn(\n                    'relative w-full rounded-xl bg-background text-foreground shadow-xl overflow-hidden',\n                    modalContentVariants({ size }),\n                    className,\n                  )}\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  {children}\n                  {closeButton}\n                </div>\n              </div>\n            </DialogPrimitive.Close>\n          </DialogPrimitive.Content>\n        </ModalStyleContext.Provider>\n      </ModalPortal>\n    )\n  }\n\n  // Inside scroll / full: DialogPrimitive.Content is the visual modal panel.\n  return (\n    <ModalPortal>\n      <ModalOverlay />\n      <ModalStyleContext.Provider value={{ scrollBehavior: 'inside' }}>\n        <div className=\"fixed inset-0 z-modal flex items-center justify-center p-4\">\n          <DialogPrimitive.Content\n            ref={ref}\n            className={cn(\n              'relative w-full rounded-xl bg-background text-foreground shadow-xl overflow-hidden',\n              'focus:outline-none',\n              'data-[state=open]:animate-modal-content-enter data-[state=closed]:animate-modal-content-exit',\n              modalContentVariants({ size }),\n              isInside && 'flex flex-col max-h-[85vh]',\n              isFull && 'flex flex-col h-full',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n            {closeButton}\n          </DialogPrimitive.Content>\n        </div>\n      </ModalStyleContext.Provider>\n    </ModalPortal>\n  )\n})\nModalContent.displayName = 'ModalContent'\n\n// ─── ModalHeader ────────────────────────────────────────────\nconst ModalHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-col gap-1.5 p-6 pb-0', className)}\n    {...props}\n  />\n))\nModalHeader.displayName = 'ModalHeader'\n\n// ─── ModalTitle ─────────────────────────────────────────────\nconst ModalTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold text-foreground', className)}\n    {...props}\n  />\n))\nModalTitle.displayName = 'ModalTitle'\n\n// ─── ModalDescription ───────────────────────────────────────\nconst ModalDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-md text-text-muted', className)}\n    {...props}\n  />\n))\nModalDescription.displayName = 'ModalDescription'\n\n// ─── ModalBody ──────────────────────────────────────────────\nconst ModalBody = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const { scrollBehavior } = React.useContext(ModalStyleContext)\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'p-6',\n        scrollBehavior === 'inside' && 'flex-1 overflow-y-auto',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nModalBody.displayName = 'ModalBody'\n\n// ─── ModalFooter ────────────────────────────────────────────\nconst ModalFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex items-center justify-end gap-3 p-6 pt-0',\n      className\n    )}\n    {...props}\n  />\n))\nModalFooter.displayName = 'ModalFooter'\n\n// ═══════════════════════════════════════════════════════════════\n// AlertModal (AlertDialog)\n// ═══════════════════════════════════════════════════════════════\n\n// ─── AlertModal (Root) ──────────────────────────────────────\nconst AlertModalRoot = AlertDialogPrimitive.Root\n\n// ─── AlertModalTrigger ──────────────────────────────────────\nconst AlertModalTrigger = AlertDialogPrimitive.Trigger\n\n// ─── AlertModalPortal ───────────────────────────────────────\nconst AlertModalPortal = AlertDialogPrimitive.Portal\n\n// ─── AlertModalOverlay ──────────────────────────────────────\nconst AlertModalOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-overlay bg-black/50',\n      'data-[state=open]:animate-modal-overlay-enter data-[state=closed]:animate-modal-overlay-exit',\n      className\n    )}\n    {...props}\n  />\n))\nAlertModalOverlay.displayName = 'AlertModalOverlay'\n\n// ─── AlertModalContent ──────────────────────────────────────\nconst alertModalContentVariants = cva('', {\n  variants: {\n    size: {\n      xs: 'max-w-[360px]',  // 360px\n      sm: 'max-w-[480px]',  // 480px (default)\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n})\n\nexport interface AlertModalContentProps\n  extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>,\n    VariantProps<typeof alertModalContentVariants> {}\n\nconst AlertModalContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  AlertModalContentProps\n>(({ className, children, size = 'sm', ...props }, ref) => (\n  <AlertModalPortal>\n    <AlertModalOverlay />\n    <div className=\"fixed inset-0 z-modal flex items-center justify-center p-4\">\n      <AlertDialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'relative w-full rounded-xl bg-background text-foreground shadow-xl',\n          'focus:outline-none',\n          'data-[state=open]:animate-modal-content-enter data-[state=closed]:animate-modal-content-exit',\n          alertModalContentVariants({ size }),\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </AlertDialogPrimitive.Content>\n    </div>\n  </AlertModalPortal>\n))\nAlertModalContent.displayName = 'AlertModalContent'\n\n// ─── AlertModalHeader ───────────────────────────────────────\nconst AlertModalHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-col gap-1.5 p-6 pb-0', className)}\n    {...props}\n  />\n))\nAlertModalHeader.displayName = 'AlertModalHeader'\n\n// ─── AlertModalTitle ────────────────────────────────────────\nconst AlertModalTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold text-foreground', className)}\n    {...props}\n  />\n))\nAlertModalTitle.displayName = 'AlertModalTitle'\n\n// ─── AlertModalDescription ──────────────────────────────────\nconst AlertModalDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn('text-md text-text-muted', className)}\n    {...props}\n  />\n))\nAlertModalDescription.displayName = 'AlertModalDescription'\n\n// ─── AlertModalBody ─────────────────────────────────────────\nconst AlertModalBody = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('p-6', className)}\n    {...props}\n  />\n))\nAlertModalBody.displayName = 'AlertModalBody'\n\n// ─── AlertModalFooter ───────────────────────────────────────\nconst AlertModalFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex items-center justify-end gap-3 p-6 pt-0',\n      className\n    )}\n    {...props}\n  />\n))\nAlertModalFooter.displayName = 'AlertModalFooter'\n\n// ─── AlertModalAction ───────────────────────────────────────\nconst AlertModalAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Action\n    ref={ref}\n    className={className}\n    {...props}\n  />\n))\nAlertModalAction.displayName = 'AlertModalAction'\n\n// ─── AlertModalCancel ───────────────────────────────────────\nconst AlertModalCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={className}\n    {...props}\n  />\n))\nAlertModalCancel.displayName = 'AlertModalCancel'\n\n// ─── Namespace: Modal ────────────────────────────────────\nconst Modal = Object.assign(ModalRoot, {\n  Trigger: ModalTrigger,\n  Portal: ModalPortal,\n  Overlay: ModalOverlay,\n  Content: ModalContent,\n  Header: ModalHeader,\n  Title: ModalTitle,\n  Description: ModalDescription,\n  Body: ModalBody,\n  Footer: ModalFooter,\n  Close: ModalClose,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Modal {\n  export type ContentProps = ModalContentProps\n}\n\n// ─── Namespace: AlertModal ──────────────────────────────\nconst AlertModal = Object.assign(AlertModalRoot, {\n  Trigger: AlertModalTrigger,\n  Portal: AlertModalPortal,\n  Overlay: AlertModalOverlay,\n  Content: AlertModalContent,\n  Header: AlertModalHeader,\n  Title: AlertModalTitle,\n  Description: AlertModalDescription,\n  Body: AlertModalBody,\n  Footer: AlertModalFooter,\n  Action: AlertModalAction,\n  Cancel: AlertModalCancel,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace AlertModal {\n  export type ContentProps = AlertModalContentProps\n}\n\n// ─── Exports ────────────────────────────────────────────────\nexport {\n  Modal,\n  ModalTrigger,\n  ModalPortal,\n  ModalOverlay,\n  ModalContent,\n  ModalHeader,\n  ModalTitle,\n  ModalDescription,\n  ModalBody,\n  ModalFooter,\n  ModalClose,\n  modalContentVariants,\n  AlertModal,\n  AlertModalTrigger,\n  AlertModalPortal,\n  AlertModalOverlay,\n  AlertModalContent,\n  AlertModalHeader,\n  AlertModalTitle,\n  AlertModalDescription,\n  AlertModalBody,\n  AlertModalFooter,\n  AlertModalAction,\n  AlertModalCancel,\n  alertModalContentVariants,\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/modal.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Default Close Icon (built-in, no external dependency) ──\nconst DefaultCloseIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\n// ─── Style Context ──────────────────────────────────────────\ntype ModalStyleContextValue = {\n  scrollBehavior: 'inside' | 'outside'\n}\nconst ModalStyleContext = React.createContext<ModalStyleContextValue>({\n  scrollBehavior: 'outside',\n})\n\n// ═══════════════════════════════════════════════════════════════\n// Modal (Dialog)\n// ═══════════════════════════════════════════════════════════════\n\n// ─── Modal (Root) — wrapper to keep our own component identity separate from DialogPrimitive.Root ──\nfunction Modal(props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root {...props} />\n}\n\n// ─── ModalTrigger ───────────────────────────────────────────\nconst ModalTrigger = DialogPrimitive.Trigger\n\n// ─── ModalPortal ────────────────────────────────────────────\nconst ModalPortal = DialogPrimitive.Portal\n\n// ─── ModalClose ─────────────────────────────────────────────\nconst ModalClose = DialogPrimitive.Close\n\n// ─── ModalOverlay ───────────────────────────────────────────\nconst ModalOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-overlay bg-black/50',\n      'data-[state=open]:animate-modal-overlay-enter data-[state=closed]:animate-modal-overlay-exit',\n      className\n    )}\n    {...props}\n  />\n))\nModalOverlay.displayName = 'ModalOverlay'\n\n// ─── ModalContent ───────────────────────────────────────────\nconst modalContentVariants = cva('', {\n  variants: {\n    size: {\n      xs: 'max-w-[360px]',   // 360px — simple confirmation\n      sm: 'max-w-[480px]',   // 480px — standard (default)\n      md: 'max-w-[600px]',   // 600px — standard form\n      lg: 'max-w-[760px]',   // 760px — complex form\n      xl: 'max-w-[960px]',   // 960px — table, dashboard\n      full: 'max-w-none',    // full width (constrained by wrapper padding)\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n})\n\nexport interface ModalContentProps\n  extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof modalContentVariants> {\n  /** Scroll behavior when content overflows */\n  scrollBehavior?: 'inside' | 'outside'\n  /** Show built-in close button */\n  showCloseButton?: boolean\n  /** Custom close icon (replaces default X) */\n  closeIcon?: React.ReactNode\n}\n\nconst ModalContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  ModalContentProps\n>(({ className, children, size = 'sm', scrollBehavior = 'outside', showCloseButton = true, closeIcon, ...props }, ref) => {\n  const isInside = scrollBehavior === 'inside'\n  const isFull = size === 'full'\n  const useInsideScroll = isInside || isFull\n\n  const closeButton = showCloseButton && (\n    <DialogPrimitive.Close className={cn(\n      'absolute right-4 top-4 rounded-md p-1',\n      'text-text-muted hover:text-foreground',\n      'transition-colors duration-fast',\n      'focus-visible:focus-ring focus-visible:outline-none',\n      'disabled:pointer-events-none'\n    )}>\n      {closeIcon || <DefaultCloseIcon className=\"icon-sm\" />}\n      <span className=\"sr-only\">Close</span>\n    </DialogPrimitive.Close>\n  )\n\n  if (!useInsideScroll) {\n    // Outside scroll: DialogPrimitive.Content becomes the full-screen scrollable container.\n    // Radix's internal RemoveScroll detects its own root element as scrollable,\n    // allowing wheel/touch scroll events to pass through correctly.\n    return (\n      <ModalPortal>\n        <ModalOverlay />\n        <ModalStyleContext.Provider value={{ scrollBehavior: 'outside' }}>\n          <DialogPrimitive.Content\n            ref={ref}\n            className={cn(\n              'fixed inset-0 z-modal overflow-y-auto',\n              'focus:outline-none',\n              'data-[state=open]:animate-modal-content-enter data-[state=closed]:animate-modal-content-exit',\n            )}\n            {...props}\n          >\n            {/* Backdrop click area: closes dialog when clicking outside the panel */}\n            <DialogPrimitive.Close asChild>\n              <div className=\"flex min-h-full items-center justify-center p-4\">\n                <div\n                  className={cn(\n                    'relative w-full rounded-xl bg-background text-foreground shadow-xl overflow-hidden',\n                    modalContentVariants({ size }),\n                    className,\n                  )}\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  {children}\n                  {closeButton}\n                </div>\n              </div>\n            </DialogPrimitive.Close>\n          </DialogPrimitive.Content>\n        </ModalStyleContext.Provider>\n      </ModalPortal>\n    )\n  }\n\n  // Inside scroll / full: DialogPrimitive.Content is the visual modal panel.\n  return (\n    <ModalPortal>\n      <ModalOverlay />\n      <ModalStyleContext.Provider value={{ scrollBehavior: 'inside' }}>\n        <div className=\"fixed inset-0 z-modal flex items-center justify-center p-4\">\n          <DialogPrimitive.Content\n            ref={ref}\n            className={cn(\n              'relative w-full rounded-xl bg-background text-foreground shadow-xl overflow-hidden',\n              'focus:outline-none',\n              'data-[state=open]:animate-modal-content-enter data-[state=closed]:animate-modal-content-exit',\n              modalContentVariants({ size }),\n              isInside && 'flex flex-col max-h-[85vh]',\n              isFull && 'flex flex-col h-full',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n            {closeButton}\n          </DialogPrimitive.Content>\n        </div>\n      </ModalStyleContext.Provider>\n    </ModalPortal>\n  )\n})\nModalContent.displayName = 'ModalContent'\n\n// ─── ModalHeader ────────────────────────────────────────────\nconst ModalHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-col gap-1.5 p-6 pb-0', className)}\n    {...props}\n  />\n))\nModalHeader.displayName = 'ModalHeader'\n\n// ─── ModalTitle ─────────────────────────────────────────────\nconst ModalTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold text-foreground', className)}\n    {...props}\n  />\n))\nModalTitle.displayName = 'ModalTitle'\n\n// ─── ModalDescription ───────────────────────────────────────\nconst ModalDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-md text-text-muted', className)}\n    {...props}\n  />\n))\nModalDescription.displayName = 'ModalDescription'\n\n// ─── ModalBody ──────────────────────────────────────────────\nconst ModalBody = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const { scrollBehavior } = React.useContext(ModalStyleContext)\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'p-6',\n        scrollBehavior === 'inside' && 'flex-1 overflow-y-auto',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nModalBody.displayName = 'ModalBody'\n\n// ─── ModalFooter ────────────────────────────────────────────\nconst ModalFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex items-center justify-end gap-3 p-6 pt-0',\n      className\n    )}\n    {...props}\n  />\n))\nModalFooter.displayName = 'ModalFooter'\n\n// ═══════════════════════════════════════════════════════════════\n// AlertModal (AlertDialog)\n// ═══════════════════════════════════════════════════════════════\n\n// ─── AlertModal (Root) ──────────────────────────────────────\nconst AlertModal = AlertDialogPrimitive.Root\n\n// ─── AlertModalTrigger ──────────────────────────────────────\nconst AlertModalTrigger = AlertDialogPrimitive.Trigger\n\n// ─── AlertModalPortal ───────────────────────────────────────\nconst AlertModalPortal = AlertDialogPrimitive.Portal\n\n// ─── AlertModalOverlay ──────────────────────────────────────\nconst AlertModalOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-overlay bg-black/50',\n      'data-[state=open]:animate-modal-overlay-enter data-[state=closed]:animate-modal-overlay-exit',\n      className\n    )}\n    {...props}\n  />\n))\nAlertModalOverlay.displayName = 'AlertModalOverlay'\n\n// ─── AlertModalContent ──────────────────────────────────────\nconst alertModalContentVariants = cva('', {\n  variants: {\n    size: {\n      xs: 'max-w-[360px]',  // 360px\n      sm: 'max-w-[480px]',  // 480px (default)\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n})\n\nexport interface AlertModalContentProps\n  extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>,\n    VariantProps<typeof alertModalContentVariants> {}\n\nconst AlertModalContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  AlertModalContentProps\n>(({ className, children, size = 'sm', ...props }, ref) => (\n  <AlertModalPortal>\n    <AlertModalOverlay />\n    <div className=\"fixed inset-0 z-modal flex items-center justify-center p-4\">\n      <AlertDialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'relative w-full rounded-xl bg-background text-foreground shadow-xl',\n          'focus:outline-none',\n          'data-[state=open]:animate-modal-content-enter data-[state=closed]:animate-modal-content-exit',\n          alertModalContentVariants({ size }),\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </AlertDialogPrimitive.Content>\n    </div>\n  </AlertModalPortal>\n))\nAlertModalContent.displayName = 'AlertModalContent'\n\n// ─── AlertModalHeader ───────────────────────────────────────\nconst AlertModalHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-col gap-1.5 p-6 pb-0', className)}\n    {...props}\n  />\n))\nAlertModalHeader.displayName = 'AlertModalHeader'\n\n// ─── AlertModalTitle ────────────────────────────────────────\nconst AlertModalTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold text-foreground', className)}\n    {...props}\n  />\n))\nAlertModalTitle.displayName = 'AlertModalTitle'\n\n// ─── AlertModalDescription ──────────────────────────────────\nconst AlertModalDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn('text-md text-text-muted', className)}\n    {...props}\n  />\n))\nAlertModalDescription.displayName = 'AlertModalDescription'\n\n// ─── AlertModalBody ─────────────────────────────────────────\nconst AlertModalBody = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('p-6', className)}\n    {...props}\n  />\n))\nAlertModalBody.displayName = 'AlertModalBody'\n\n// ─── AlertModalFooter ───────────────────────────────────────\nconst AlertModalFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex items-center justify-end gap-3 p-6 pt-0',\n      className\n    )}\n    {...props}\n  />\n))\nAlertModalFooter.displayName = 'AlertModalFooter'\n\n// ─── AlertModalAction ───────────────────────────────────────\nconst AlertModalAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Action\n    ref={ref}\n    className={className}\n    {...props}\n  />\n))\nAlertModalAction.displayName = 'AlertModalAction'\n\n// ─── AlertModalCancel ───────────────────────────────────────\nconst AlertModalCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={className}\n    {...props}\n  />\n))\nAlertModalCancel.displayName = 'AlertModalCancel'\n\n// ─── Exports ────────────────────────────────────────────────\nexport {\n  Modal,\n  ModalTrigger,\n  ModalPortal,\n  ModalOverlay,\n  ModalContent,\n  ModalHeader,\n  ModalTitle,\n  ModalDescription,\n  ModalBody,\n  ModalFooter,\n  ModalClose,\n  modalContentVariants,\n  AlertModal,\n  AlertModalTrigger,\n  AlertModalPortal,\n  AlertModalOverlay,\n  AlertModalContent,\n  AlertModalHeader,\n  AlertModalTitle,\n  AlertModalDescription,\n  AlertModalBody,\n  AlertModalFooter,\n  AlertModalAction,\n  AlertModalCancel,\n  alertModalContentVariants,\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/navigation-menu.d.mts

@@ -73,6 +73,7 @@ interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {
     /** Callback when active item changes */
     onValueChange?: (value: string) => void;
 }
+declare const NavigationMenu: React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLElement>>;
 interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {
 }
 declare const NavigationMenuList: React.ForwardRefExoticComponent<NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
@@ -115,25 +116,5 @@ declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Navigatio
 interface NavigationMenuViewportProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const NavigationMenuViewport: React.ForwardRefExoticComponent<NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenu: React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLElement>> & {
-    List: React.ForwardRefExoticComponent<NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
-    Item: React.ForwardRefExoticComponent<NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
-    Trigger: React.ForwardRefExoticComponent<NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;
-    Link: React.ForwardRefExoticComponent<NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-    Group: React.ForwardRefExoticComponent<NavigationMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-    Indicator: React.ForwardRefExoticComponent<NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-    Viewport: React.ForwardRefExoticComponent<NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>>;
-};
-declare namespace NavigationMenu {
-    type ListProps = NavigationMenuListProps;
-    type ItemProps = NavigationMenuItemProps;
-    type TriggerProps = NavigationMenuTriggerProps;
-    type ContentProps = NavigationMenuContentProps;
-    type LinkProps = NavigationMenuLinkProps;
-    type GroupProps = NavigationMenuGroupProps;
-    type IndicatorProps = NavigationMenuIndicatorProps;
-    type ViewportProps = NavigationMenuViewportProps;
-}
 
 export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuGroup, type NavigationMenuGroupProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, type NavigationMenuRadius, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, navigationMenuSizeMap };

package/dist/components/ui/navigation-menu.d.ts

@@ -73,6 +73,7 @@ interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {
     /** Callback when active item changes */
     onValueChange?: (value: string) => void;
 }
+declare const NavigationMenu: React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLElement>>;
 interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {
 }
 declare const NavigationMenuList: React.ForwardRefExoticComponent<NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
@@ -115,25 +116,5 @@ declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Navigatio
 interface NavigationMenuViewportProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const NavigationMenuViewport: React.ForwardRefExoticComponent<NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenu: React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLElement>> & {
-    List: React.ForwardRefExoticComponent<NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
-    Item: React.ForwardRefExoticComponent<NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
-    Trigger: React.ForwardRefExoticComponent<NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;
-    Link: React.ForwardRefExoticComponent<NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-    Group: React.ForwardRefExoticComponent<NavigationMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-    Indicator: React.ForwardRefExoticComponent<NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-    Viewport: React.ForwardRefExoticComponent<NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>>;
-};
-declare namespace NavigationMenu {
-    type ListProps = NavigationMenuListProps;
-    type ItemProps = NavigationMenuItemProps;
-    type TriggerProps = NavigationMenuTriggerProps;
-    type ContentProps = NavigationMenuContentProps;
-    type LinkProps = NavigationMenuLinkProps;
-    type GroupProps = NavigationMenuGroupProps;
-    type IndicatorProps = NavigationMenuIndicatorProps;
-    type ViewportProps = NavigationMenuViewportProps;
-}
 
 export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuGroup, type NavigationMenuGroupProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, type NavigationMenuRadius, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, navigationMenuSizeMap };

package/dist/components/ui/navigation-menu.js

@@ -127,7 +127,7 @@ const navigationMenuSizeMap = {
     groupMargin: "mt-6 first:mt-0"
   }
 };
-const NavigationMenuRoot = React.forwardRef(
+const NavigationMenu = React.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -184,7 +184,7 @@ const NavigationMenuRoot = React.forwardRef(
     ));
   }
 );
-NavigationMenuRoot.displayName = "NavigationMenu";
+NavigationMenu.displayName = "NavigationMenu";
 const NavigationMenuList = React.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { orientation } = useNavigationMenuContext();
@@ -505,16 +505,6 @@ const NavigationMenuViewport = React.forwardRef(
   }
 );
 NavigationMenuViewport.displayName = "NavigationMenuViewport";
-const NavigationMenu = Object.assign(NavigationMenuRoot, {
-  List: NavigationMenuList,
-  Item: NavigationMenuItem,
-  Trigger: NavigationMenuTrigger,
-  Content: NavigationMenuContent,
-  Link: NavigationMenuLink,
-  Group: NavigationMenuGroup,
-  Indicator: NavigationMenuIndicator,
-  Viewport: NavigationMenuViewport
-});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   NavigationMenu,

package/dist/components/ui/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in Icons ───────────────────────────────────────\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  )\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n    </svg>\n  )\n}\n\n// ─── Radius Configuration ─────────────────────────────────\n\ntype NavigationMenuRadius = 'sm' | 'md' | 'lg' | 'xl'\n\nconst contentRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded',        // 4px\n  md: 'rounded-md',     // 6px\n  lg: 'rounded-lg',     // 8px\n  xl: 'rounded-xl',     // 12px\n}\n\nconst itemRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded-sm',     // 2px\n  md: 'rounded',        // 4px\n  lg: 'rounded-md',     // 6px\n  xl: 'rounded-lg',     // 8px\n}\n\n// ─── Contexts ─────────────────────────────────────────────\n\ntype NavigationMenuContextValue = {\n  orientation: 'horizontal' | 'vertical'\n  size: 'sm' | 'md' | 'default' | 'lg'\n  collapsed: boolean\n  radius: NavigationMenuRadius\n  fontWeight: 'normal' | 'semibold'\n}\n\nconst NavigationMenuContext = React.createContext<NavigationMenuContextValue>({\n  orientation: 'horizontal',\n  size: 'default',\n  collapsed: false,\n  radius: 'lg',\n  fontWeight: 'normal',\n})\nconst useNavigationMenuContext = () => React.useContext(NavigationMenuContext)\n\n// Whether we're inside NavigationMenuContent (affects link styling)\nconst ContentLevelContext = React.createContext(false)\n\n// ─── Size Configuration ───────────────────────────────────\n\nconst navigationMenuSizeMap = {\n  sm: {\n    trigger: 'h-8 text-sm px-3 gap-2',\n    link: 'h-8 text-sm px-3 gap-2',\n    icon: 'icon-xs',\n    collapsedSquare: 'size-8', collapsedWidth: 56,\n    dropdownLink: 'px-3 py-1.5 text-sm gap-2',\n    subLink: 'h-8 text-sm pl-8 pr-3 gap-2',\n    groupLabel: 'text-2xs px-3 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  md: {\n    trigger: 'h-9 text-md px-3.5 gap-2',\n    link: 'h-9 text-md px-3.5 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-9', collapsedWidth: 60,\n    dropdownLink: 'px-3 py-1.5 text-md gap-2',\n    subLink: 'h-9 text-md pl-9 pr-3.5 gap-2',\n    groupLabel: 'text-xs px-3.5 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  default: {\n    trigger: 'h-10 text-md px-4 gap-2',\n    link: 'h-10 text-md px-4 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-10', collapsedWidth: 64,\n    dropdownLink: 'px-3 py-2 text-md gap-2',\n    subLink: 'h-10 text-md pl-10 pr-4 gap-2',\n    groupLabel: 'text-xs px-4 mb-1.5', groupMargin: 'mt-5 first:mt-0',\n  },\n  lg: {\n    trigger: 'h-12 text-base px-6 gap-2',\n    link: 'h-12 text-base px-6 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-12', collapsedWidth: 72,\n    dropdownLink: 'px-3 py-2.5 text-base gap-2',\n    subLink: 'h-12 text-base pl-12 pr-6 gap-2',\n    groupLabel: 'text-xs px-4 mb-2', groupMargin: 'mt-6 first:mt-0',\n  },\n} as const\n\n// ─── NavigationMenu (Root) ────────────────────────────────\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  /** Layout orientation */\n  orientation?: 'horizontal' | 'vertical'\n  /** Size of the menu items */\n  size?: 'sm' | 'md' | 'default' | 'lg'\n  /** Vertical only: show icons only (collapsed sidebar) */\n  collapsed?: boolean\n  /** Vertical only: sidebar width (default: 256px / 16rem) */\n  width?: number | string\n  /** Vertical only: collapsed sidebar width (default: 64px / 4rem) */\n  collapsedWidth?: number | string\n  /** Border radius for dropdown content and items */\n  radius?: NavigationMenuRadius\n  /** Font weight for menu items (default: normal, active items always use semibold) */\n  fontWeight?: 'normal' | 'semibold'\n  /** Horizontal only: delay before hover opens in ms */\n  delayDuration?: number\n  /** Horizontal only: skip delay when moving between triggers */\n  skipDelayDuration?: number\n  /** Controlled active menu item value */\n  value?: string\n  /** Default active menu item value (uncontrolled) */\n  defaultValue?: string\n  /** Callback when active item changes */\n  onValueChange?: (value: string) => void\n}\n\nconst NavigationMenuRoot = React.forwardRef<HTMLElement, NavigationMenuProps>(\n  ({\n    className,\n    orientation = 'horizontal',\n    size = 'default',\n    collapsed = false,\n    width,\n    collapsedWidth,\n    radius = 'lg',\n    fontWeight = 'normal',\n    delayDuration = 200,\n    skipDelayDuration = 300,\n    value,\n    defaultValue,\n    onValueChange,\n    children,\n    style,\n    ...props\n  }, ref) => {\n    const contextValue = React.useMemo(\n      () => ({ orientation, size, collapsed: orientation === 'vertical' ? collapsed : false, radius, fontWeight }),\n      [orientation, size, collapsed, radius, fontWeight]\n    )\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuContext.Provider value={contextValue}>\n          <NavigationMenuPrimitive.Root\n            ref={ref as React.Ref<HTMLDivElement>}\n            className={cn('relative', className)}\n            delayDuration={delayDuration}\n            skipDelayDuration={skipDelayDuration}\n            value={value}\n            defaultValue={defaultValue ?? ''}\n            onValueChange={onValueChange}\n          >\n            {children}\n          </NavigationMenuPrimitive.Root>\n        </NavigationMenuContext.Provider>\n      )\n    }\n\n    // Vertical mode\n    const resolvedWidth = collapsed\n      ? (collapsedWidth ?? navigationMenuSizeMap[size].collapsedWidth)\n      : (width ?? 256)\n    const widthValue = typeof resolvedWidth === 'number' ? `${resolvedWidth}px` : resolvedWidth\n\n    return (\n      <NavigationMenuContext.Provider value={contextValue}>\n        <nav\n          ref={ref}\n          aria-label=\"navigation\"\n          className={cn(\n            'flex flex-col',\n            'transition-[width] duration-normal ease-out',\n            className\n          )}\n          style={{ width: widthValue, ...style }}\n          {...props}\n        >\n          {children}\n        </nav>\n      </NavigationMenuContext.Provider>\n    )\n  }\n)\nNavigationMenuRoot.displayName = 'NavigationMenu'\n\n// ─── NavigationMenuList ───────────────────────────────────\n\nexport interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst NavigationMenuList = React.forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.List\n          ref={ref}\n          className={cn('flex items-center gap-1', className)}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.List>\n      )\n    }\n\n    return (\n      <ul\n        ref={ref}\n        className={cn('flex flex-col gap-0.5', className)}\n        {...props}\n      >\n        {children}\n      </ul>\n    )\n  }\n)\nNavigationMenuList.displayName = 'NavigationMenuList'\n\n// ─── NavigationMenuItem ───────────────────────────────────\n\nexport interface NavigationMenuItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  /** Value identifier for Radix (horizontal mode) */\n  value?: string\n  /** Vertical only: default open state for sub-menu */\n  defaultOpen?: boolean\n}\n\nconst NavigationMenuItem = React.forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  ({ className, value, defaultOpen = false, children, ...props }, ref) => {\n    const { orientation, collapsed } = useNavigationMenuContext()\n    const [open, setOpen] = React.useState(defaultOpen)\n\n    // Auto-close sub-menus when collapsed\n    React.useEffect(() => {\n      if (collapsed) setOpen(false)\n    }, [collapsed])\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Item\n          ref={ref}\n          className={cn('relative', className)}\n          value={value}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.Item>\n      )\n    }\n\n    // Vertical: wrap in Collapsible.Root for sub-menu support\n    return (\n      <CollapsiblePrimitive.Root\n        open={collapsed ? false : open}\n        onOpenChange={collapsed ? undefined : setOpen}\n        asChild\n      >\n        <li ref={ref} className={cn('', className)} {...props}>\n          {children}\n        </li>\n      </CollapsiblePrimitive.Root>\n    )\n  }\n)\nNavigationMenuItem.displayName = 'NavigationMenuItem'\n\n// ─── NavigationMenuTrigger ────────────────────────────────\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n  /** Custom chevron icon (default: built-in ChevronDown for horizontal, ChevronRight for vertical) */\n  chevronIcon?: React.ReactNode\n}\n\nconst NavigationMenuTrigger = React.forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  ({ className, children, icon, chevronIcon, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Trigger\n          ref={ref}\n          className={cn(\n            'group inline-flex items-center justify-center',\n            s.trigger,\n            'gap-0',\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            'data-[state=open]:text-foreground',\n            'focus-visible:focus-ring',\n            'disabled:pointer-events-none disabled:opacity-50',\n            className\n          )}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0 mr-2', s.icon)}>{icon}</span>}\n          {children}\n          <span className={cn('shrink-0 ml-1 text-text-subtle transition-transform duration-fast group-data-[state=open]:rotate-180', s.icon)}>\n            {chevronIcon ?? <ChevronDownIcon className=\"size-full\" />}\n          </span>\n        </NavigationMenuPrimitive.Trigger>\n      )\n    }\n\n    // Vertical: Collapsible trigger\n    return (\n      <CollapsiblePrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.trigger],\n          fwClass, 'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          !collapsed && 'data-[state=open]:text-foreground',\n          'focus-visible:focus-ring',\n          'disabled:pointer-events-none disabled:opacity-50',\n          className\n        )}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && (\n          <>\n            <span className=\"flex-1 text-left truncate\">{children}</span>\n            <span\n              className={cn(\n                'shrink-0 text-text-subtle transition-transform duration-normal',\n                s.icon,\n                'group-data-[state=open]:rotate-90'\n              )}\n            >\n              {chevronIcon ?? <ChevronRightIcon className=\"size-full\" />}\n            </span>\n          </>\n        )}\n      </CollapsiblePrimitive.Trigger>\n    )\n  }\n)\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger'\n\n// ─── NavigationMenuContent ────────────────────────────────\n\nexport interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuContent = React.forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    if (orientation === 'horizontal') {\n      return (\n        <ContentLevelContext.Provider value={true}>\n          <NavigationMenuPrimitive.Content\n            ref={ref}\n            className={cn(\n              'absolute left-0 top-full z-dropdown pt-1',\n              'data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out',\n              className\n            )}\n            {...props}\n          >\n            <div className={cn('min-w-[180px] border border-border bg-background shadow-lg p-1.5 grid gap-0.5', contentRadiusMap[radius])}>\n              {children}\n            </div>\n          </NavigationMenuPrimitive.Content>\n        </ContentLevelContext.Provider>\n      )\n    }\n\n    // Vertical: Collapsible content (hidden when collapsed)\n    if (collapsed) return null\n\n    return (\n      <ContentLevelContext.Provider value={true}>\n        <CollapsiblePrimitive.Content\n          ref={ref}\n          className={cn(\n            'overflow-hidden',\n            'data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up',\n          )}\n          {...props}\n        >\n          <div className={cn(\n            'flex flex-col gap-0.5 py-1',\n            className\n          )}>\n            {children}\n          </div>\n        </CollapsiblePrimitive.Content>\n      </ContentLevelContext.Provider>\n    )\n  }\n)\nNavigationMenuContent.displayName = 'NavigationMenuContent'\n\n// ─── NavigationMenuLink ───────────────────────────────────\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Whether the link represents the current page */\n  active?: boolean\n  /** Compose with custom link component (Radix Slot) */\n  asChild?: boolean\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n}\n\nconst NavigationMenuLink = React.forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  ({ className, active, asChild, icon, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n    const inContent = React.useContext(ContentLevelContext)\n\n    if (orientation === 'horizontal') {\n      // Exclude onSelect to avoid React vs Radix type conflict\n      const { onSelect, ...radixSafeProps } = props as any\n\n      // Content-level links (inside dropdown): block style with hover bg\n      if (inContent) {\n        return (\n          <NavigationMenuPrimitive.Link\n            ref={ref}\n            className={cn(\n              'flex items-center w-full',\n              s.dropdownLink,\n              itemRadiusMap[radius],\n              'text-text-muted transition-colors duration-fast',\n              'hover:text-foreground hover:bg-background-muted',\n              active && 'text-foreground bg-background-muted font-semibold',\n              'focus-visible:focus-ring',\n              className\n            )}\n            active={active}\n            asChild={asChild}\n            onSelect={onSelect}\n            {...radixSafeProps}\n          >\n            {asChild ? children : (\n              <>\n                {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n                {children}\n              </>\n            )}\n          </NavigationMenuPrimitive.Link>\n        )\n      }\n\n      // Top-level horizontal links: text only, no hover bg\n      return (\n        <NavigationMenuPrimitive.Link\n          ref={ref}\n          className={cn(\n            'inline-flex items-center justify-center',\n            s.link,\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            active && 'text-foreground font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          active={active}\n          asChild={asChild}\n          onSelect={onSelect}\n          {...radixSafeProps}\n        >\n          {asChild ? children : (\n            <>\n              {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n              {children}\n            </>\n          )}\n        </NavigationMenuPrimitive.Link>\n      )\n    }\n\n    // ── Vertical mode ──\n\n    const Comp = asChild ? Slot : 'a'\n\n    // Content-level links (sub-menu items): compact, indented\n    if (inContent) {\n      return (\n        <Comp\n          ref={ref}\n          className={cn(\n            'flex items-center w-full cursor-pointer',\n            contentRadiusMap[radius],\n            s.subLink,\n            'text-text-muted transition-colors duration-fast',\n            'hover:text-foreground hover:bg-background-muted',\n            active && 'text-foreground bg-background-muted font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          {...(active ? { 'aria-current': 'page' as const } : {})}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n          {!collapsed && children}\n        </Comp>\n      )\n    }\n\n    // Top-level vertical links\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          'relative flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.link],\n          'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          active && 'text-foreground bg-background-muted font-semibold',\n          'focus-visible:focus-ring',\n          className\n        )}\n        {...(active ? { 'aria-current': 'page' as const } : {})}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && <span className=\"truncate\">{children}</span>}\n      </Comp>\n    )\n  }\n)\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n\n// ─── NavigationMenuGroup (vertical only) ──────────────────\n\nexport interface NavigationMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Group header label */\n  label?: string\n}\n\nconst NavigationMenuGroup = React.forwardRef<HTMLDivElement, NavigationMenuGroupProps>(\n  ({ className, label, children, ...props }, ref) => {\n    const { size, collapsed } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    return (\n      <div ref={ref} role=\"group\" className={cn(label && !collapsed && s.groupMargin, className)} {...props}>\n        {label && !collapsed && (\n          <div className={cn(\n            'font-semibold text-text-subtle uppercase tracking-wider select-none',\n            s.groupLabel,\n          )}>\n            {label}\n          </div>\n        )}\n        <ul className=\"flex flex-col gap-0.5\">\n          {children}\n        </ul>\n      </div>\n    )\n  }\n)\nNavigationMenuGroup.displayName = 'NavigationMenuGroup'\n\n// ─── NavigationMenuIndicator ──────────────────────────────\n\nexport interface NavigationMenuIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Active indicator dot color (default: dark/foreground, primary: brand color) */\n  color?: 'default' | 'primary'\n}\n\nconst NavigationMenuIndicator = React.forwardRef<HTMLDivElement, NavigationMenuIndicatorProps>(\n  ({ className, color = 'default', ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical: active indicator is built into NavigationMenuLink styling\n    if (orientation === 'vertical') return null\n\n    return (\n      <NavigationMenuPrimitive.Indicator\n        ref={ref}\n        className={cn(\n          'z-10 flex h-[3px] items-end justify-center overflow-hidden',\n          'transition-[width,transform] duration-normal ease-out',\n          'data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out',\n          className\n        )}\n        {...props}\n      >\n        <div className={cn(\n          'relative h-full w-full rounded-full',\n          color === 'default' ? 'bg-foreground' : 'bg-primary'\n        )} />\n      </NavigationMenuPrimitive.Indicator>\n    )\n  }\n)\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator'\n\n// ─── NavigationMenuViewport ───────────────────────────────\n\nexport interface NavigationMenuViewportProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuViewport = React.forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  ({ className, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical mode does not use a viewport\n    if (orientation === 'vertical') return null\n\n    return (\n      <div className=\"absolute left-0 top-full z-dropdown w-auto pt-1\">\n        <NavigationMenuPrimitive.Viewport\n          ref={ref}\n          className={cn(\n            'relative overflow-hidden',\n            'border border-border bg-background rounded-xl shadow-lg',\n            'h-[var(--radix-navigation-menu-viewport-height)]',\n            'w-[var(--radix-navigation-menu-viewport-width)]',\n            'transition-[width,height] duration-fast ease-out',\n            'data-[state=open]:animate-nav-viewport-enter',\n            'data-[state=closed]:animate-nav-viewport-exit',\n            className\n          )}\n          {...props}\n        />\n      </div>\n    )\n  }\n)\nNavigationMenuViewport.displayName = 'NavigationMenuViewport'\n\n// ─── Exports ──────────────────────────────────────────────\n\n// ─── Namespace ──────────────────────────────────────────\nconst NavigationMenu = Object.assign(NavigationMenuRoot, {\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Group: NavigationMenuGroup,\n  Indicator: NavigationMenuIndicator,\n  Viewport: NavigationMenuViewport,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace NavigationMenu {\n  export type ListProps = NavigationMenuListProps\n  export type ItemProps = NavigationMenuItemProps\n  export type TriggerProps = NavigationMenuTriggerProps\n  export type ContentProps = NavigationMenuContentProps\n  export type LinkProps = NavigationMenuLinkProps\n  export type GroupProps = NavigationMenuGroupProps\n  export type IndicatorProps = NavigationMenuIndicatorProps\n  export type ViewportProps = NavigationMenuViewportProps\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuGroup,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuSizeMap,\n  type NavigationMenuRadius,\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in Icons ───────────────────────────────────────\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  )\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n    </svg>\n  )\n}\n\n// ─── Radius Configuration ─────────────────────────────────\n\ntype NavigationMenuRadius = 'sm' | 'md' | 'lg' | 'xl'\n\nconst contentRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded',        // 4px\n  md: 'rounded-md',     // 6px\n  lg: 'rounded-lg',     // 8px\n  xl: 'rounded-xl',     // 12px\n}\n\nconst itemRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded-sm',     // 2px\n  md: 'rounded',        // 4px\n  lg: 'rounded-md',     // 6px\n  xl: 'rounded-lg',     // 8px\n}\n\n// ─── Contexts ─────────────────────────────────────────────\n\ntype NavigationMenuContextValue = {\n  orientation: 'horizontal' | 'vertical'\n  size: 'sm' | 'md' | 'default' | 'lg'\n  collapsed: boolean\n  radius: NavigationMenuRadius\n  fontWeight: 'normal' | 'semibold'\n}\n\nconst NavigationMenuContext = React.createContext<NavigationMenuContextValue>({\n  orientation: 'horizontal',\n  size: 'default',\n  collapsed: false,\n  radius: 'lg',\n  fontWeight: 'normal',\n})\nconst useNavigationMenuContext = () => React.useContext(NavigationMenuContext)\n\n// Whether we're inside NavigationMenuContent (affects link styling)\nconst ContentLevelContext = React.createContext(false)\n\n// ─── Size Configuration ───────────────────────────────────\n\nconst navigationMenuSizeMap = {\n  sm: {\n    trigger: 'h-8 text-sm px-3 gap-2',\n    link: 'h-8 text-sm px-3 gap-2',\n    icon: 'icon-xs',\n    collapsedSquare: 'size-8', collapsedWidth: 56,\n    dropdownLink: 'px-3 py-1.5 text-sm gap-2',\n    subLink: 'h-8 text-sm pl-8 pr-3 gap-2',\n    groupLabel: 'text-2xs px-3 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  md: {\n    trigger: 'h-9 text-md px-3.5 gap-2',\n    link: 'h-9 text-md px-3.5 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-9', collapsedWidth: 60,\n    dropdownLink: 'px-3 py-1.5 text-md gap-2',\n    subLink: 'h-9 text-md pl-9 pr-3.5 gap-2',\n    groupLabel: 'text-xs px-3.5 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  default: {\n    trigger: 'h-10 text-md px-4 gap-2',\n    link: 'h-10 text-md px-4 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-10', collapsedWidth: 64,\n    dropdownLink: 'px-3 py-2 text-md gap-2',\n    subLink: 'h-10 text-md pl-10 pr-4 gap-2',\n    groupLabel: 'text-xs px-4 mb-1.5', groupMargin: 'mt-5 first:mt-0',\n  },\n  lg: {\n    trigger: 'h-12 text-base px-6 gap-2',\n    link: 'h-12 text-base px-6 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-12', collapsedWidth: 72,\n    dropdownLink: 'px-3 py-2.5 text-base gap-2',\n    subLink: 'h-12 text-base pl-12 pr-6 gap-2',\n    groupLabel: 'text-xs px-4 mb-2', groupMargin: 'mt-6 first:mt-0',\n  },\n} as const\n\n// ─── NavigationMenu (Root) ────────────────────────────────\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  /** Layout orientation */\n  orientation?: 'horizontal' | 'vertical'\n  /** Size of the menu items */\n  size?: 'sm' | 'md' | 'default' | 'lg'\n  /** Vertical only: show icons only (collapsed sidebar) */\n  collapsed?: boolean\n  /** Vertical only: sidebar width (default: 256px / 16rem) */\n  width?: number | string\n  /** Vertical only: collapsed sidebar width (default: 64px / 4rem) */\n  collapsedWidth?: number | string\n  /** Border radius for dropdown content and items */\n  radius?: NavigationMenuRadius\n  /** Font weight for menu items (default: normal, active items always use semibold) */\n  fontWeight?: 'normal' | 'semibold'\n  /** Horizontal only: delay before hover opens in ms */\n  delayDuration?: number\n  /** Horizontal only: skip delay when moving between triggers */\n  skipDelayDuration?: number\n  /** Controlled active menu item value */\n  value?: string\n  /** Default active menu item value (uncontrolled) */\n  defaultValue?: string\n  /** Callback when active item changes */\n  onValueChange?: (value: string) => void\n}\n\nconst NavigationMenu = React.forwardRef<HTMLElement, NavigationMenuProps>(\n  ({\n    className,\n    orientation = 'horizontal',\n    size = 'default',\n    collapsed = false,\n    width,\n    collapsedWidth,\n    radius = 'lg',\n    fontWeight = 'normal',\n    delayDuration = 200,\n    skipDelayDuration = 300,\n    value,\n    defaultValue,\n    onValueChange,\n    children,\n    style,\n    ...props\n  }, ref) => {\n    const contextValue = React.useMemo(\n      () => ({ orientation, size, collapsed: orientation === 'vertical' ? collapsed : false, radius, fontWeight }),\n      [orientation, size, collapsed, radius, fontWeight]\n    )\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuContext.Provider value={contextValue}>\n          <NavigationMenuPrimitive.Root\n            ref={ref as React.Ref<HTMLDivElement>}\n            className={cn('relative', className)}\n            delayDuration={delayDuration}\n            skipDelayDuration={skipDelayDuration}\n            value={value}\n            defaultValue={defaultValue ?? ''}\n            onValueChange={onValueChange}\n          >\n            {children}\n          </NavigationMenuPrimitive.Root>\n        </NavigationMenuContext.Provider>\n      )\n    }\n\n    // Vertical mode\n    const resolvedWidth = collapsed\n      ? (collapsedWidth ?? navigationMenuSizeMap[size].collapsedWidth)\n      : (width ?? 256)\n    const widthValue = typeof resolvedWidth === 'number' ? `${resolvedWidth}px` : resolvedWidth\n\n    return (\n      <NavigationMenuContext.Provider value={contextValue}>\n        <nav\n          ref={ref}\n          aria-label=\"navigation\"\n          className={cn(\n            'flex flex-col',\n            'transition-[width] duration-normal ease-out',\n            className\n          )}\n          style={{ width: widthValue, ...style }}\n          {...props}\n        >\n          {children}\n        </nav>\n      </NavigationMenuContext.Provider>\n    )\n  }\n)\nNavigationMenu.displayName = 'NavigationMenu'\n\n// ─── NavigationMenuList ───────────────────────────────────\n\nexport interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst NavigationMenuList = React.forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.List\n          ref={ref}\n          className={cn('flex items-center gap-1', className)}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.List>\n      )\n    }\n\n    return (\n      <ul\n        ref={ref}\n        className={cn('flex flex-col gap-0.5', className)}\n        {...props}\n      >\n        {children}\n      </ul>\n    )\n  }\n)\nNavigationMenuList.displayName = 'NavigationMenuList'\n\n// ─── NavigationMenuItem ───────────────────────────────────\n\nexport interface NavigationMenuItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  /** Value identifier for Radix (horizontal mode) */\n  value?: string\n  /** Vertical only: default open state for sub-menu */\n  defaultOpen?: boolean\n}\n\nconst NavigationMenuItem = React.forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  ({ className, value, defaultOpen = false, children, ...props }, ref) => {\n    const { orientation, collapsed } = useNavigationMenuContext()\n    const [open, setOpen] = React.useState(defaultOpen)\n\n    // Auto-close sub-menus when collapsed\n    React.useEffect(() => {\n      if (collapsed) setOpen(false)\n    }, [collapsed])\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Item\n          ref={ref}\n          className={cn('relative', className)}\n          value={value}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.Item>\n      )\n    }\n\n    // Vertical: wrap in Collapsible.Root for sub-menu support\n    return (\n      <CollapsiblePrimitive.Root\n        open={collapsed ? false : open}\n        onOpenChange={collapsed ? undefined : setOpen}\n        asChild\n      >\n        <li ref={ref} className={cn('', className)} {...props}>\n          {children}\n        </li>\n      </CollapsiblePrimitive.Root>\n    )\n  }\n)\nNavigationMenuItem.displayName = 'NavigationMenuItem'\n\n// ─── NavigationMenuTrigger ────────────────────────────────\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n  /** Custom chevron icon (default: built-in ChevronDown for horizontal, ChevronRight for vertical) */\n  chevronIcon?: React.ReactNode\n}\n\nconst NavigationMenuTrigger = React.forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  ({ className, children, icon, chevronIcon, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Trigger\n          ref={ref}\n          className={cn(\n            'group inline-flex items-center justify-center',\n            s.trigger,\n            'gap-0',\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            'data-[state=open]:text-foreground',\n            'focus-visible:focus-ring',\n            'disabled:pointer-events-none disabled:opacity-50',\n            className\n          )}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0 mr-2', s.icon)}>{icon}</span>}\n          {children}\n          <span className={cn('shrink-0 ml-1 text-text-subtle transition-transform duration-fast group-data-[state=open]:rotate-180', s.icon)}>\n            {chevronIcon ?? <ChevronDownIcon className=\"size-full\" />}\n          </span>\n        </NavigationMenuPrimitive.Trigger>\n      )\n    }\n\n    // Vertical: Collapsible trigger\n    return (\n      <CollapsiblePrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.trigger],\n          fwClass, 'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          !collapsed && 'data-[state=open]:text-foreground',\n          'focus-visible:focus-ring',\n          'disabled:pointer-events-none disabled:opacity-50',\n          className\n        )}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && (\n          <>\n            <span className=\"flex-1 text-left truncate\">{children}</span>\n            <span\n              className={cn(\n                'shrink-0 text-text-subtle transition-transform duration-normal',\n                s.icon,\n                'group-data-[state=open]:rotate-90'\n              )}\n            >\n              {chevronIcon ?? <ChevronRightIcon className=\"size-full\" />}\n            </span>\n          </>\n        )}\n      </CollapsiblePrimitive.Trigger>\n    )\n  }\n)\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger'\n\n// ─── NavigationMenuContent ────────────────────────────────\n\nexport interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuContent = React.forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    if (orientation === 'horizontal') {\n      return (\n        <ContentLevelContext.Provider value={true}>\n          <NavigationMenuPrimitive.Content\n            ref={ref}\n            className={cn(\n              'absolute left-0 top-full z-dropdown pt-1',\n              'data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out',\n              className\n            )}\n            {...props}\n          >\n            <div className={cn('min-w-[180px] border border-border bg-background shadow-lg p-1.5 grid gap-0.5', contentRadiusMap[radius])}>\n              {children}\n            </div>\n          </NavigationMenuPrimitive.Content>\n        </ContentLevelContext.Provider>\n      )\n    }\n\n    // Vertical: Collapsible content (hidden when collapsed)\n    if (collapsed) return null\n\n    return (\n      <ContentLevelContext.Provider value={true}>\n        <CollapsiblePrimitive.Content\n          ref={ref}\n          className={cn(\n            'overflow-hidden',\n            'data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up',\n          )}\n          {...props}\n        >\n          <div className={cn(\n            'flex flex-col gap-0.5 py-1',\n            className\n          )}>\n            {children}\n          </div>\n        </CollapsiblePrimitive.Content>\n      </ContentLevelContext.Provider>\n    )\n  }\n)\nNavigationMenuContent.displayName = 'NavigationMenuContent'\n\n// ─── NavigationMenuLink ───────────────────────────────────\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Whether the link represents the current page */\n  active?: boolean\n  /** Compose with custom link component (Radix Slot) */\n  asChild?: boolean\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n}\n\nconst NavigationMenuLink = React.forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  ({ className, active, asChild, icon, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n    const inContent = React.useContext(ContentLevelContext)\n\n    if (orientation === 'horizontal') {\n      // Exclude onSelect to avoid React vs Radix type conflict\n      const { onSelect, ...radixSafeProps } = props as any\n\n      // Content-level links (inside dropdown): block style with hover bg\n      if (inContent) {\n        return (\n          <NavigationMenuPrimitive.Link\n            ref={ref}\n            className={cn(\n              'flex items-center w-full',\n              s.dropdownLink,\n              itemRadiusMap[radius],\n              'text-text-muted transition-colors duration-fast',\n              'hover:text-foreground hover:bg-background-muted',\n              active && 'text-foreground bg-background-muted font-semibold',\n              'focus-visible:focus-ring',\n              className\n            )}\n            active={active}\n            asChild={asChild}\n            onSelect={onSelect}\n            {...radixSafeProps}\n          >\n            {asChild ? children : (\n              <>\n                {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n                {children}\n              </>\n            )}\n          </NavigationMenuPrimitive.Link>\n        )\n      }\n\n      // Top-level horizontal links: text only, no hover bg\n      return (\n        <NavigationMenuPrimitive.Link\n          ref={ref}\n          className={cn(\n            'inline-flex items-center justify-center',\n            s.link,\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            active && 'text-foreground font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          active={active}\n          asChild={asChild}\n          onSelect={onSelect}\n          {...radixSafeProps}\n        >\n          {asChild ? children : (\n            <>\n              {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n              {children}\n            </>\n          )}\n        </NavigationMenuPrimitive.Link>\n      )\n    }\n\n    // ── Vertical mode ──\n\n    const Comp = asChild ? Slot : 'a'\n\n    // Content-level links (sub-menu items): compact, indented\n    if (inContent) {\n      return (\n        <Comp\n          ref={ref}\n          className={cn(\n            'flex items-center w-full cursor-pointer',\n            contentRadiusMap[radius],\n            s.subLink,\n            'text-text-muted transition-colors duration-fast',\n            'hover:text-foreground hover:bg-background-muted',\n            active && 'text-foreground bg-background-muted font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          {...(active ? { 'aria-current': 'page' as const } : {})}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n          {!collapsed && children}\n        </Comp>\n      )\n    }\n\n    // Top-level vertical links\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          'relative flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.link],\n          'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          active && 'text-foreground bg-background-muted font-semibold',\n          'focus-visible:focus-ring',\n          className\n        )}\n        {...(active ? { 'aria-current': 'page' as const } : {})}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && <span className=\"truncate\">{children}</span>}\n      </Comp>\n    )\n  }\n)\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n\n// ─── NavigationMenuGroup (vertical only) ──────────────────\n\nexport interface NavigationMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Group header label */\n  label?: string\n}\n\nconst NavigationMenuGroup = React.forwardRef<HTMLDivElement, NavigationMenuGroupProps>(\n  ({ className, label, children, ...props }, ref) => {\n    const { size, collapsed } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    return (\n      <div ref={ref} role=\"group\" className={cn(label && !collapsed && s.groupMargin, className)} {...props}>\n        {label && !collapsed && (\n          <div className={cn(\n            'font-semibold text-text-subtle uppercase tracking-wider select-none',\n            s.groupLabel,\n          )}>\n            {label}\n          </div>\n        )}\n        <ul className=\"flex flex-col gap-0.5\">\n          {children}\n        </ul>\n      </div>\n    )\n  }\n)\nNavigationMenuGroup.displayName = 'NavigationMenuGroup'\n\n// ─── NavigationMenuIndicator ──────────────────────────────\n\nexport interface NavigationMenuIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Active indicator dot color (default: dark/foreground, primary: brand color) */\n  color?: 'default' | 'primary'\n}\n\nconst NavigationMenuIndicator = React.forwardRef<HTMLDivElement, NavigationMenuIndicatorProps>(\n  ({ className, color = 'default', ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical: active indicator is built into NavigationMenuLink styling\n    if (orientation === 'vertical') return null\n\n    return (\n      <NavigationMenuPrimitive.Indicator\n        ref={ref}\n        className={cn(\n          'z-10 flex h-[3px] items-end justify-center overflow-hidden',\n          'transition-[width,transform] duration-normal ease-out',\n          'data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out',\n          className\n        )}\n        {...props}\n      >\n        <div className={cn(\n          'relative h-full w-full rounded-full',\n          color === 'default' ? 'bg-foreground' : 'bg-primary'\n        )} />\n      </NavigationMenuPrimitive.Indicator>\n    )\n  }\n)\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator'\n\n// ─── NavigationMenuViewport ───────────────────────────────\n\nexport interface NavigationMenuViewportProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuViewport = React.forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  ({ className, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical mode does not use a viewport\n    if (orientation === 'vertical') return null\n\n    return (\n      <div className=\"absolute left-0 top-full z-dropdown w-auto pt-1\">\n        <NavigationMenuPrimitive.Viewport\n          ref={ref}\n          className={cn(\n            'relative overflow-hidden',\n            'border border-border bg-background rounded-xl shadow-lg',\n            'h-[var(--radix-navigation-menu-viewport-height)]',\n            'w-[var(--radix-navigation-menu-viewport-width)]',\n            'transition-[width,height] duration-fast ease-out',\n            'data-[state=open]:animate-nav-viewport-enter',\n            'data-[state=closed]:animate-nav-viewport-exit',\n            className\n          )}\n          {...props}\n        />\n      </div>\n    )\n  }\n)\nNavigationMenuViewport.displayName = 'NavigationMenuViewport'\n\n// ─── Exports ──────────────────────────────────────────────\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuGroup,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuSizeMap,\n  type NavigationMenuRadius,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,8BAAyC;AACzC,2BAAsC;AACtC,wBAAqB;AACrB,mBAAmB;AAInB,SAAS,gBAAgB,EAAE,UAAU,GAA2B;AAC9D,SACE,oCAAC,SAAI,WAAsB,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAAe,aAAa,GAAG,eAAY,UAC3G,oCAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,kBAAiB,CACxE;AAEJ;AAEA,SAAS,iBAAiB,EAAE,UAAU,GAA2B;AAC/D,SACE,oCAAC,SAAI,WAAsB,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAAe,aAAa,GAAG,eAAY,UAC3G,oCAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,gBAAe,CACtE;AAEJ;AAMA,MAAM,mBAAyD;AAAA,EAC7D,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AACN;AAEA,MAAM,gBAAsD;AAAA,EAC1D,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AACN;AAYA,MAAM,wBAAwB,MAAM,cAA0C;AAAA,EAC5E,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,YAAY;AACd,CAAC;AACD,MAAM,2BAA2B,MAAM,MAAM,WAAW,qBAAqB;AAG7E,MAAM,sBAAsB,MAAM,cAAc,KAAK;AAIrD,MAAM,wBAAwB;AAAA,EAC5B,IAAI;AAAA,IACF,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,iBAAiB;AAAA,IAAU,gBAAgB;AAAA,IAC3C,cAAc;AAAA,IACd,SAAS;AAAA,IACT,YAAY;AAAA,IAAsB,aAAa;AAAA,EACjD;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,iBAAiB;AAAA,IAAU,gBAAgB;AAAA,IAC3C,cAAc;AAAA,IACd,SAAS;AAAA,IACT,YAAY;AAAA,IAAuB,aAAa;AAAA,EAClD;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,iBAAiB;AAAA,IAAW,gBAAgB;AAAA,IAC5C,cAAc;AAAA,IACd,SAAS;AAAA,IACT,YAAY;AAAA,IAAuB,aAAa;AAAA,EAClD;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,iBAAiB;AAAA,IAAW,gBAAgB;AAAA,IAC5C,cAAc;AAAA,IACd,SAAS;AAAA,IACT,YAAY;AAAA,IAAqB,aAAa;AAAA,EAChD;AACF;AA+BA,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA,cAAc;AAAA,IACd,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GAAG,QAAQ;AACT,UAAM,eAAe,MAAM;AAAA,MACzB,OAAO,EAAE,aAAa,MAAM,WAAW,gBAAgB,aAAa,YAAY,OAAO,QAAQ,WAAW;AAAA,MAC1G,CAAC,aAAa,MAAM,WAAW,QAAQ,UAAU;AAAA,IACnD;AAEA,QAAI,gBAAgB,cAAc;AAChC,aACE,oCAAC,sBAAsB,UAAtB,EAA+B,OAAO,gBACrC;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACC;AAAA,UACA,eAAW,iBAAG,YAAY,SAAS;AAAA,UACnC;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAc,gBAAgB;AAAA,UAC9B;AAAA;AAAA,QAEC;AAAA,MACH,CACF;AAAA,IAEJ;AAGA,UAAM,gBAAgB,YACjB,kBAAkB,sBAAsB,IAAI,EAAE,iBAC9C,SAAS;AACd,UAAM,aAAa,OAAO,kBAAkB,WAAW,GAAG,aAAa,OAAO;AAE9E,WACE,oCAAC,sBAAsB,UAAtB,EAA+B,OAAO,gBACrC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAW;AAAA,QACX,eAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO,EAAE,OAAO,YAAY,GAAG,MAAM;AAAA,QACpC,GAAG;AAAA;AAAA,MAEH;AAAA,IACH,CACF;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAM7B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC1C,UAAM,EAAE,YAAY,IAAI,yBAAyB;AAEjD,QAAI,gBAAgB,cAAc;AAChC,aACE;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACC;AAAA,UACA,eAAW,iBAAG,2BAA2B,SAAS;AAAA,UACjD,GAAG;AAAA;AAAA,QAEH;AAAA,MACH;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,iBAAG,yBAAyB,SAAS;AAAA,QAC/C,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAWjC,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,OAAO,cAAc,OAAO,UAAU,GAAG,MAAM,GAAG,QAAQ;AACtE,UAAM,EAAE,aAAa,UAAU,IAAI,yBAAyB;AAC5D,UAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,WAAW;AAGlD,UAAM,UAAU,MAAM;AACpB,UAAI,UAAW,SAAQ,KAAK;AAAA,IAC9B,GAAG,CAAC,SAAS,CAAC;AAEd,QAAI,gBAAgB,cAAc;AAChC,aACE;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACC;AAAA,UACA,eAAW,iBAAG,YAAY,SAAS;AAAA,UACnC;AAAA,UACC,GAAG;AAAA;AAAA,QAEH;AAAA,MACH;AAAA,IAEJ;AAGA,WACE;AAAA,MAAC,qBAAqB;AAAA,MAArB;AAAA,QACC,MAAM,YAAY,QAAQ;AAAA,QAC1B,cAAc,YAAY,SAAY;AAAA,QACtC,SAAO;AAAA;AAAA,MAEP,oCAAC,QAAG,KAAU,eAAW,iBAAG,IAAI,SAAS,GAAI,GAAG,SAC7C,QACH;AAAA,IACF;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAWjC,MAAM,wBAAwB,MAAM;AAAA,EAClC,CAAC,EAAE,WAAW,UAAU,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ;AAC7D,UAAM,EAAE,aAAa,MAAM,WAAW,QAAQ,YAAY,GAAG,IAAI,yBAAyB;AAC1F,UAAM,IAAI,sBAAsB,IAAI;AACpC,UAAM,UAAU,OAAO,aAAa,kBAAkB;AAEtD,QAAI,gBAAgB,cAAc;AAChC,aACE;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACC;AAAA,UACA,eAAW;AAAA,YACT;AAAA,YACA,EAAE;AAAA,YACF;AAAA,YACA;AAAA,YAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA;AAAA,QAEH,QAAQ,oCAAC,UAAK,eAAW,iBAAG,iBAAiB,EAAE,IAAI,KAAI,IAAK;AAAA,QAC5D;AAAA,QACD,oCAAC,UAAK,eAAW,iBAAG,wGAAwG,EAAE,IAAI,KAC/H,eAAe,oCAAC,mBAAgB,WAAU,aAAY,CACzD;AAAA,MACF;AAAA,IAEJ;AAGA,WACE;AAAA,MAAC,qBAAqB;AAAA,MAArB;AAAA,QACC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA,iBAAiB,MAAM;AAAA,UACvB,YACI,CAAC,EAAE,iBAAiB,wBAAwB,IAC5C,CAAC,UAAU,EAAE,OAAO;AAAA,UACxB;AAAA,UAAS;AAAA,UACT;AAAA,UACA,CAAC,aAAa;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAI,aAAa,OAAO,aAAa,WAAW,EAAE,OAAO,SAAS,IAAI,CAAC;AAAA,QACvE,GAAG;AAAA;AAAA,MAEH,QAAQ,oCAAC,UAAK,eAAW,iBAAG,YAAY,EAAE,IAAI,KAAI,IAAK;AAAA,MACvD,CAAC,aACA,0DACE,oCAAC,UAAK,WAAU,+BAA6B,QAAS,GACtD;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,YACT;AAAA,YACA,EAAE;AAAA,YACF;AAAA,UACF;AAAA;AAAA,QAEC,eAAe,oCAAC,oBAAiB,WAAU,aAAY;AAAA,MAC1D,CACF;AAAA,IAEJ;AAAA,EAEJ;AACF;AACA,sBAAsB,cAAc;AAMpC,MAAM,wBAAwB,MAAM;AAAA,EAClC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC1C,UAAM,EAAE,aAAa,MAAM,WAAW,OAAO,IAAI,yBAAyB;AAC1E,UAAM,IAAI,sBAAsB,IAAI;AAEpC,QAAI,gBAAgB,cAAc;AAChC,aACE,oCAAC,oBAAoB,UAApB,EAA6B,OAAO,QACnC;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACC;AAAA,UACA,eAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ,oCAAC,SAAI,eAAW,iBAAG,iFAAiF,iBAAiB,MAAM,CAAC,KACzH,QACH;AAAA,MACF,CACF;AAAA,IAEJ;AAGA,QAAI,UAAW,QAAO;AAEtB,WACE,oCAAC,oBAAoB,UAApB,EAA6B,OAAO,QACnC;AAAA,MAAC,qBAAqB;AAAA,MAArB;AAAA,QACC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,MAEJ,oCAAC,SAAI,eAAW;AAAA,QACd;AAAA,QACA;AAAA,MACF,KACG,QACH;AAAA,IACF,CACF;AAAA,EAEJ;AACF;AACA,sBAAsB,cAAc;AAapC,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,QAAQ,SAAS,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AACjE,UAAM,EAAE,aAAa,MAAM,WAAW,QAAQ,YAAY,GAAG,IAAI,yBAAyB;AAC1F,UAAM,IAAI,sBAAsB,IAAI;AACpC,UAAM,UAAU,OAAO,aAAa,kBAAkB;AACtD,UAAM,YAAY,MAAM,WAAW,mBAAmB;AAEtD,QAAI,gBAAgB,cAAc;AAEhC,YAAM,EAAE,UAAU,GAAG,eAAe,IAAI;AAGxC,UAAI,WAAW;AACb,eACE;AAAA,UAAC,wBAAwB;AAAA,UAAxB;AAAA,YACC;AAAA,YACA,eAAW;AAAA,cACT;AAAA,cACA,EAAE;AAAA,cACF,cAAc,MAAM;AAAA,cACpB;AAAA,cACA;AAAA,cACA,UAAU;AAAA,cACV;AAAA,cACA;AAAA,YACF;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACC,GAAG;AAAA;AAAA,UAEH,UAAU,WACT,0DACG,QAAQ,oCAAC,UAAK,eAAW,iBAAG,YAAY,EAAE,IAAI,KAAI,IAAK,GACvD,QACH;AAAA,QAEJ;AAAA,MAEJ;AAGA,aACE;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACC;AAAA,UACA,eAAW;AAAA,YACT;AAAA,YACA,EAAE;AAAA,YACF;AAAA,YAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEH,UAAU,WACT,0DACG,QAAQ,oCAAC,UAAK,eAAW,iBAAG,YAAY,EAAE,IAAI,KAAI,IAAK,GACvD,QACH;AAAA,MAEJ;AAAA,IAEJ;AAIA,UAAM,OAAO,UAAU,yBAAO;AAG9B,QAAI,WAAW;AACb,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,eAAW;AAAA,YACT;AAAA,YACA,iBAAiB,MAAM;AAAA,YACvB,EAAE;AAAA,YACF;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAI,SAAS,EAAE,gBAAgB,OAAgB,IAAI,CAAC;AAAA,UACpD,GAAG;AAAA;AAAA,QAEH,QAAQ,oCAAC,UAAK,eAAW,iBAAG,YAAY,EAAE,IAAI,KAAI,IAAK;AAAA,QACvD,CAAC,aAAa;AAAA,MACjB;AAAA,IAEJ;AAGA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA,iBAAiB,MAAM;AAAA,UACvB,YACI,CAAC,EAAE,iBAAiB,wBAAwB,IAC5C,CAAC,UAAU,EAAE,IAAI;AAAA,UACrB;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAI,SAAS,EAAE,gBAAgB,OAAgB,IAAI,CAAC;AAAA,QACpD,GAAI,aAAa,OAAO,aAAa,WAAW,EAAE,OAAO,SAAS,IAAI,CAAC;AAAA,QACvE,GAAG;AAAA;AAAA,MAEH,QAAQ,oCAAC,UAAK,eAAW,iBAAG,YAAY,EAAE,IAAI,KAAI,IAAK;AAAA,MACvD,CAAC,aAAa,oCAAC,UAAK,WAAU,cAAY,QAAS;AAAA,IACtD;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AASjC,MAAM,sBAAsB,MAAM;AAAA,EAChC,CAAC,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,QAAQ;AACjD,UAAM,EAAE,MAAM,UAAU,IAAI,yBAAyB;AACrD,UAAM,IAAI,sBAAsB,IAAI;AAEpC,WACE,oCAAC,SAAI,KAAU,MAAK,SAAQ,eAAW,iBAAG,SAAS,CAAC,aAAa,EAAE,aAAa,SAAS,GAAI,GAAG,SAC7F,SAAS,CAAC,aACT,oCAAC,SAAI,eAAW;AAAA,MACd;AAAA,MACA,EAAE;AAAA,IACJ,KACG,KACH,GAEF,oCAAC,QAAG,WAAU,2BACX,QACH,CACF;AAAA,EAEJ;AACF;AACA,oBAAoB,cAAc;AASlC,MAAM,0BAA0B,MAAM;AAAA,EACpC,CAAC,EAAE,WAAW,QAAQ,WAAW,GAAG,MAAM,GAAG,QAAQ;AACnD,UAAM,EAAE,YAAY,IAAI,yBAAyB;AAGjD,QAAI,gBAAgB,WAAY,QAAO;AAEvC,WACE;AAAA,MAAC,wBAAwB;AAAA,MAAxB;AAAA,QACC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,MAEJ,oCAAC,SAAI,eAAW;AAAA,QACd;AAAA,QACA,UAAU,YAAY,kBAAkB;AAAA,MAC1C,GAAG;AAAA,IACL;AAAA,EAEJ;AACF;AACA,wBAAwB,cAAc;AAMtC,MAAM,yBAAyB,MAAM;AAAA,EACnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,UAAM,EAAE,YAAY,IAAI,yBAAyB;AAGjD,QAAI,gBAAgB,WAAY,QAAO;AAEvC,WACE,oCAAC,SAAI,WAAU,qDACb;AAAA,MAAC,wBAAwB;AAAA,MAAxB;AAAA,QACC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN,CACF;AAAA,EAEJ;AACF;AACA,uBAAuB,cAAc;","names":[]}

package/dist/components/ui/navigation-menu.mjs

@@ -85,7 +85,7 @@ const navigationMenuSizeMap = {
     groupMargin: "mt-6 first:mt-0"
   }
 };
-const NavigationMenuRoot = React.forwardRef(
+const NavigationMenu = React.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -142,7 +142,7 @@ const NavigationMenuRoot = React.forwardRef(
     ));
   }
 );
-NavigationMenuRoot.displayName = "NavigationMenu";
+NavigationMenu.displayName = "NavigationMenu";
 const NavigationMenuList = React.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { orientation } = useNavigationMenuContext();
@@ -463,16 +463,6 @@ const NavigationMenuViewport = React.forwardRef(
   }
 );
 NavigationMenuViewport.displayName = "NavigationMenuViewport";
-const NavigationMenu = Object.assign(NavigationMenuRoot, {
-  List: NavigationMenuList,
-  Item: NavigationMenuItem,
-  Trigger: NavigationMenuTrigger,
-  Content: NavigationMenuContent,
-  Link: NavigationMenuLink,
-  Group: NavigationMenuGroup,
-  Indicator: NavigationMenuIndicator,
-  Viewport: NavigationMenuViewport
-});
 export {
   NavigationMenu,
   NavigationMenuContent,