@humain/ui 2.1.63 → 2.1.65

package/dist/index206.js.map

@@ -1 +1 @@
-{"version":3,"file":"index206.js","names":[],"sources":["../src/components/organisms/overlays/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\nimport { Button } from '@/components/atoms/buttons/Button';\nimport { cn } from '@/lib/utils';\n\n// ============================================\n// Root\n// ============================================\n\nconst Root = React.forwardRef<HTMLDivElement, AlertDialogPrimitive.Root.Props>(\n  function Root({ ...props }, _ref) {\n    return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n  },\n);\nRoot.displayName = 'AlertDialog.Root';\n\n// ============================================\n// Trigger\n// ============================================\n\nconst Trigger = React.forwardRef<\n  HTMLButtonElement,\n  AlertDialogPrimitive.Trigger.Props\n>(function Trigger({ ...props }, ref) {\n  return (\n    <AlertDialogPrimitive.Trigger\n      ref={ref}\n      data-slot=\"alert-dialog-trigger\"\n      {...props}\n    />\n  );\n});\nTrigger.displayName = 'AlertDialog.Trigger';\n\n// ============================================\n// Portal\n// ============================================\n\nfunction Portal({ ...props }: AlertDialogPrimitive.Portal.Props) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  );\n}\nPortal.displayName = 'AlertDialog.Portal';\n\nfunction isPortalContainerRef(\n  container: AlertDialogPrimitive.Portal.Props['container'],\n): container is React.RefObject<HTMLElement | ShadowRoot | null> {\n  return (\n    container !== null &&\n    typeof container === 'object' &&\n    'current' in container\n  );\n}\n\nfunction usePortalContainer(\n  container: AlertDialogPrimitive.Portal.Props['container'],\n): AlertDialogPrimitive.Portal.Props['container'] {\n  return React.useMemo(() => {\n    if (container == null || isPortalContainerRef(container)) return container;\n    return { current: container };\n  }, [container]);\n}\n\n// ============================================\n// Backdrop (renamed from Overlay)\n// ============================================\n\nexport interface BackdropProps extends AlertDialogPrimitive.Backdrop.Props {\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nconst Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(\n  function Backdrop(\n    { className, disableAnimation, disableBackdropBlur, ...props },\n    ref,\n  ) {\n    return (\n      <AlertDialogPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"alert-dialog-backdrop\"\n        className={cn(\n          'bg-background/80/10 fixed inset-0 isolate z-50',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 duration-100 motion-reduce:animate-none',\n          !disableBackdropBlur && 'supports-backdrop-filter:backdrop-blur-xs',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nBackdrop.displayName = 'AlertDialog.Backdrop';\n\n// ============================================\n// Viewport\n// ============================================\n\nexport interface ViewportProps extends AlertDialogPrimitive.Viewport.Props {}\n\nconst Viewport = React.forwardRef<HTMLDivElement, ViewportProps>(\n  function Viewport({ className, children, ...props }, ref) {\n    return (\n      <AlertDialogPrimitive.Viewport\n        ref={ref}\n        data-slot=\"alert-dialog-viewport\"\n        className={cn(\n          'fixed inset-0 z-50 flex items-center justify-center p-4',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </AlertDialogPrimitive.Viewport>\n    );\n  },\n);\nViewport.displayName = 'AlertDialog.Viewport';\n\n// ============================================\n// Popup (renamed from Content)\n// ============================================\n\nexport interface PopupProps extends AlertDialogPrimitive.Popup.Props {\n  container?: AlertDialogPrimitive.Portal.Props['container'];\n  size?: 'default' | 'sm';\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nconst Popup = React.forwardRef<HTMLDivElement, PopupProps>(function Popup(\n  {\n    className,\n    container,\n    size = 'default',\n    disableAnimation,\n    disableBackdropBlur,\n    ...props\n  },\n  ref,\n) {\n  const portalContainer = usePortalContainer(container);\n\n  return (\n    <Portal container={portalContainer}>\n      <Backdrop\n        disableAnimation={disableAnimation}\n        disableBackdropBlur={disableBackdropBlur}\n      />\n      <AlertDialogPrimitive.Popup\n        ref={ref}\n        data-slot=\"alert-dialog-popup\"\n        data-size={size}\n        className={cn(\n          'bg-background ring-foreground/10 flex w-[calc(100%-2rem)] max-w-[483px] flex-col items-start gap-4 rounded-xl p-6 ring-1 shadow-lg sm:w-[483px] data-[size=sm]:sm:max-w-sm group/alert-dialog-content fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2 outline-none',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 duration-150 motion-reduce:animate-none',\n          className,\n        )}\n        {...props}\n      />\n    </Portal>\n  );\n});\nPopup.displayName = 'AlertDialog.Popup';\n\n// ============================================\n// Header\n// ============================================\n\ntype AlertDialogAlignment = 'start' | 'center';\ntype AlertDialogFooterActionSlot =\n  | 'alert-dialog-action'\n  | 'alert-dialog-cancel';\n\nconst alertDialogFooterActionClassName = 'gap-2 rounded-xl px-4';\n\nexport interface HeaderProps extends React.ComponentProps<'div'> {\n  align?: AlertDialogAlignment;\n}\n\nconst Header = React.forwardRef<HTMLDivElement, HeaderProps>(function Header(\n  { className, align = 'start', ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"alert-dialog-header\"\n      data-align={align}\n      className={cn(\n        'flex w-full flex-col gap-2',\n        align === 'center'\n          ? 'items-center text-center'\n          : 'items-start text-left',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nHeader.displayName = 'AlertDialog.Header';\n\n// ============================================\n// Footer\n// ============================================\n\nexport interface FooterProps extends React.ComponentProps<'div'> {\n  align?: AlertDialogAlignment;\n}\n\nconst Footer = React.forwardRef<HTMLDivElement, FooterProps>(function Footer(\n  { className, align = 'start', ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"alert-dialog-footer\"\n      data-align={align}\n      className={cn(\n        'flex w-full flex-row items-center gap-3',\n        align === 'center' ? 'justify-center' : 'justify-end',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nFooter.displayName = 'AlertDialog.Footer';\n\n// ============================================\n// Media\n// ============================================\n\nconst Media = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  function Media({ className, ...props }, ref) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"alert-dialog-media\"\n        className={cn(\n          \"bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md *:[svg:not([class*='size-'])]:size-8\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nMedia.displayName = 'AlertDialog.Media';\n\n// ============================================\n// Title\n// ============================================\n\nconst Title = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<typeof AlertDialogPrimitive.Title>\n>(function Title({ className, ...props }, ref) {\n  return (\n    <AlertDialogPrimitive.Title\n      ref={ref}\n      data-slot=\"alert-dialog-title\"\n      className={cn('text-lg leading-7 font-semibold', className)}\n      {...props}\n    />\n  );\n});\nTitle.displayName = 'AlertDialog.Title';\n\n// ============================================\n// Description\n// ============================================\n\nconst Description = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentProps<typeof AlertDialogPrimitive.Description>\n>(function Description({ className, ...props }, ref) {\n  return (\n    <AlertDialogPrimitive.Description\n      ref={ref}\n      data-slot=\"alert-dialog-description\"\n      className={cn(\n        'text-muted-foreground *:[a]:hover:text-foreground text-sm leading-5 *:[a]:underline *:[a]:underline-offset-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nDescription.displayName = 'AlertDialog.Description';\n\n// ============================================\n// Action\n// ============================================\n\ninterface FooterActionButtonProps extends React.ComponentProps<typeof Button> {\n  dataSlot: AlertDialogFooterActionSlot;\n}\n\nconst FooterActionButton = React.forwardRef<\n  HTMLButtonElement,\n  FooterActionButtonProps\n>(function FooterActionButton(\n  { className, dataSlot, shape = 'rounded', size = 'default', ...props },\n  ref,\n) {\n  return (\n    <Button\n      ref={ref}\n      data-slot={dataSlot}\n      size={size}\n      shape={shape}\n      className={cn(alertDialogFooterActionClassName, className)}\n      {...props}\n    />\n  );\n});\nFooterActionButton.displayName = 'AlertDialog.FooterActionButton';\n\nconst Action = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(function Action(\n  {\n    className,\n    appearance = 'solid',\n    variant = 'primary',\n    size = 'default',\n    shape = 'rounded',\n    ...props\n  },\n  ref,\n) {\n  return (\n    <FooterActionButton\n      ref={ref}\n      dataSlot=\"alert-dialog-action\"\n      appearance={appearance}\n      variant={variant}\n      size={size}\n      shape={shape}\n      className={className}\n      {...props}\n    />\n  );\n});\nAction.displayName = 'AlertDialog.Action';\n\n// ============================================\n// Cancel\n// ============================================\n\nconst Cancel = React.forwardRef<\n  HTMLButtonElement,\n  AlertDialogPrimitive.Close.Props &\n    Pick<\n      React.ComponentProps<typeof Button>,\n      'appearance' | 'variant' | 'size' | 'shape'\n    >\n>(function Cancel(\n  {\n    className,\n    appearance = 'outline',\n    variant = 'secondary',\n    size = 'default',\n    shape = 'rounded',\n    ...props\n  },\n  ref,\n) {\n  return (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      data-slot=\"alert-dialog-cancel\"\n      className={className}\n      render={\n        <FooterActionButton\n          dataSlot=\"alert-dialog-cancel\"\n          appearance={appearance}\n          variant={variant}\n          size={size}\n          shape={shape}\n        />\n      }\n      {...props}\n    />\n  );\n});\nCancel.displayName = 'AlertDialog.Cancel';\n\n// ============================================\n// Type exports\n// ============================================\n\nexport type RootProps = AlertDialogPrimitive.Root.Props;\nexport type TriggerProps = AlertDialogPrimitive.Trigger.Props;\nexport type PortalProps = AlertDialogPrimitive.Portal.Props;\nexport type TitleProps = React.ComponentProps<typeof Title>;\nexport type DescriptionProps = React.ComponentProps<typeof Description>;\nexport type ActionProps = React.ComponentProps<typeof Action>;\nexport type CancelProps = React.ComponentProps<typeof Cancel>;\nexport type MediaProps = React.ComponentProps<typeof Media>;\n\n// ============================================\n// Compound component via dot notation (ADR-011)\n// ============================================\n\nconst AlertDialog = Object.assign(Root, {\n  Root,\n  Trigger,\n  Portal,\n  Backdrop,\n  Viewport,\n  Popup,\n  Header,\n  Footer,\n  Title,\n  Description,\n  Action,\n  Cancel,\n  Media,\n});\n\nexport {\n  Action as AlertDialogAction,\n  AlertDialog,\n  Backdrop as AlertDialogBackdrop,\n  Cancel as AlertDialogCancel,\n  Description as AlertDialogDescription,\n  Footer as AlertDialogFooter,\n  Header as AlertDialogHeader,\n  Media as AlertDialogMedia,\n  Popup as AlertDialogPopup,\n  Portal as AlertDialogPortal,\n  // Sub-components with AlertDialog prefix for direct imports\n  Root as AlertDialogRoot,\n  Title as AlertDialogTitle,\n  Trigger as AlertDialogTrigger,\n  Viewport as AlertDialogViewport,\n};\n"],"mappings":"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AAW,GAAG,SAC/D,KACA;CACA,OACE,oBAAC,QAAD;EACO;EACL,aAAW;EACL;EACC;EACP,WAAW,GAAG,kCAAkC,SAAS;EACzD,GAAI;CACL,CAAA;AAEL,CAAC;AACD,mBAAmB,cAAc;AAEjC,IAAM,SAAS,MAAM,WAGnB,SAAS,OACT,EACE,WACA,aAAa,SACb,UAAU,WACV,OAAO,WACP,QAAQ,WACR,GAAG,SAEL,KACA;CACA,OACE,oBAAC,oBAAD;EACO;EACL,UAAS;EACG;EACH;EACH;EACC;EACI;EACX,GAAI;CACL,CAAA;AAEL,CAAC;AACD,OAAO,cAAc;AAMrB,IAAM,SAAS,MAAM,WAOnB,SAAS,OACT,EACE,WACA,aAAa,WACb,UAAU,aACV,OAAO,WACP,QAAQ,WACR,GAAG,SAEL,KACA;CACA,OACE,oBAAC,YAAqB,OAAtB;EACO;EACL,aAAU;EACC;EACX,QACE,oBAAC,oBAAD;GACE,UAAS;GACG;GACH;GACH;GACC;EACR,CAAA;EAEH,GAAI;CACL,CAAA;AAEL,CAAC;AACD,OAAO,cAAc;AAmBrB,IAAM,gBAAc,OAAO,OAAO,MAAM;CACtC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC"}
+{"version":3,"file":"index206.js","names":[],"sources":["../src/components/organisms/menus/ContextMenu/ContextMenu.tsx"],"sourcesContent":["'use client';\n\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { Check, ChevronRight } from 'lucide-react';\nimport * as React from 'react';\nimport { useControllableState } from '@/hooks/use-controllable-state';\nimport { createSafeContext } from '@/lib/create-safe-context';\nimport { cn } from '@/lib/utils';\n\ninterface ContextMenuContextValue {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  position: { x: number; y: number };\n  setPosition: (position: { x: number; y: number }) => void;\n}\n\nexport interface ContextMenuAnchorPoint {\n  x: number;\n  y: number;\n}\n\nconst [ContextMenuContext, useContextMenuContext] =\n  createSafeContext<ContextMenuContextValue>('ContextMenu');\n\n// ============================================\n// Root\n// ============================================\n\ninterface RootProps {\n  children: React.ReactNode;\n  anchorPoint?: ContextMenuAnchorPoint;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction Root({\n  children,\n  anchorPoint,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n}: RootProps) {\n  const [position, setPosition] = React.useState({ x: 0, y: 0 });\n\n  const [open, setOpen] = useControllableState({\n    value: controlledOpen,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <ContextMenuContext.Provider\n      value={{\n        open,\n        setOpen,\n        position: anchorPoint ?? position,\n        setPosition,\n      }}\n    >\n      <MenuPrimitive.Root\n        data-slot=\"context-menu\"\n        open={open}\n        onOpenChange={setOpen}\n      >\n        {children}\n      </MenuPrimitive.Root>\n    </ContextMenuContext.Provider>\n  );\n}\nRoot.displayName = 'ContextMenu.Root';\n\n// ============================================\n// Trigger\n// ============================================\n\ninterface TriggerProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onContextMenu'> {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n}\n\nfunction Trigger({\n  children,\n  className,\n  disabled = false,\n  onKeyDown: onKeyDownProp,\n  ...props\n}: TriggerProps) {\n  const { setOpen, setPosition } = useContextMenuContext();\n\n  const handleContextMenu = React.useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      event.preventDefault();\n      setPosition({ x: event.clientX, y: event.clientY });\n      setOpen(true);\n    },\n    [disabled, setOpen, setPosition],\n  );\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDownProp?.(event);\n      if (event.defaultPrevented) return;\n      if (disabled) return;\n      if (event.key === 'F10' && event.shiftKey) {\n        event.preventDefault();\n        const rect = event.currentTarget.getBoundingClientRect();\n        setPosition({\n          x: rect.left + rect.width / 2,\n          y: rect.top + rect.height / 2,\n        });\n        setOpen(true);\n      }\n    },\n    [disabled, onKeyDownProp, setOpen, setPosition],\n  );\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"context-menu-trigger\"\n      onContextMenu={handleContextMenu}\n      onKeyDown={handleKeyDown}\n      className={className}\n      disabled={disabled}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\nTrigger.displayName = 'ContextMenu.Trigger';\n\n// ============================================\n// Portal\n// ============================================\n\nfunction Portal({ ...props }: MenuPrimitive.Portal.Props) {\n  return <MenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />;\n}\nPortal.displayName = 'ContextMenu.Portal';\n\nconst popupMotionClassName =\n  'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 motion-reduce:animate-none';\n\nconst popupSurfaceClassName =\n  'border border-border bg-popover text-popover-foreground rounded-lg p-1 shadow-sm duration-100 origin-(--transform-origin) outline-none';\n\nfunction isPortalContainerRef(\n  container: MenuPrimitive.Portal.Props['container'],\n): container is React.RefObject<HTMLElement | ShadowRoot | null> {\n  return (\n    container !== null &&\n    typeof container === 'object' &&\n    'current' in container\n  );\n}\n\nfunction usePortalContainer(\n  container: MenuPrimitive.Portal.Props['container'],\n): MenuPrimitive.Portal.Props['container'] {\n  return React.useMemo(() => {\n    if (container == null || isPortalContainerRef(container)) return container;\n    return { current: container };\n  }, [container]);\n}\n\nfunction resolvePortalContextElement(\n  container: MenuPrimitive.Portal.Props['container'],\n): Element | undefined {\n  const resolvedContainer = isPortalContainerRef(container)\n    ? container.current\n    : container;\n  if (!resolvedContainer) return undefined;\n  return 'host' in resolvedContainer\n    ? resolvedContainer.host\n    : resolvedContainer;\n}\n\n// ============================================\n// Popup (formerly Content)\n// ============================================\n\ninterface PopupProps extends Omit<MenuPrimitive.Popup.Props, 'anchor'> {\n  alignOffset?: number;\n  container?: MenuPrimitive.Portal.Props['container'];\n  sideOffset?: number;\n}\n\nfunction Popup({\n  alignOffset = 0,\n  container,\n  sideOffset = 0,\n  className,\n  ...props\n}: PopupProps) {\n  const { position } = useContextMenuContext();\n  const portalContainer = usePortalContainer(container);\n  const portalContextElement = resolvePortalContextElement(container);\n\n  // Create a virtual anchor at the cursor position\n  const virtualAnchor = React.useMemo(\n    () => ({\n      contextElement: portalContextElement,\n      getBoundingClientRect: () => ({\n        x: position.x,\n        y: position.y,\n        width: 0,\n        height: 0,\n        top: position.y,\n        right: position.x,\n        bottom: position.y,\n        left: position.x,\n        toJSON: () => ({}),\n      }),\n    }),\n    [portalContextElement, position.x, position.y],\n  );\n\n  return (\n    <MenuPrimitive.Portal container={portalContainer}>\n      <MenuPrimitive.Positioner\n        data-anchor-x={position.x}\n        data-anchor-y={position.y}\n        data-slot=\"context-menu-positioner\"\n        className=\"isolate z-50 outline-none\"\n        anchor={virtualAnchor}\n        side=\"bottom\"\n        align=\"start\"\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        collisionPadding={8}\n      >\n        <MenuPrimitive.Popup\n          data-slot=\"context-menu-popup\"\n          className={cn(\n            popupMotionClassName,\n            popupSurfaceClassName,\n            'min-w-32 z-50 max-h-(--available-height) overflow-x-hidden overflow-y-auto data-closed:overflow-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  );\n}\nPopup.displayName = 'ContextMenu.Popup';\n\n// ============================================\n// Group\n// ============================================\n\nfunction Group({ ...props }: MenuPrimitive.Group.Props) {\n  return <MenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />;\n}\nGroup.displayName = 'ContextMenu.Group';\n\n// ============================================\n// Label\n// ============================================\n\nfunction Label({\n  className,\n  inset,\n  ...props\n}: MenuPrimitive.GroupLabel.Props & {\n  inset?: boolean;\n}) {\n  return (\n    <MenuPrimitive.GroupLabel\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn(\n        'text-foreground px-2 py-1.5 text-sm leading-5 font-medium data-[inset]:ps-8',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nLabel.displayName = 'ContextMenu.Label';\n\n// ============================================\n// Item\n// ============================================\n\nfunction Item({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: MenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <MenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-popover-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-popover-foreground gap-2 rounded-md px-2 py-1.5 text-base leading-6 [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 transition-[color,background-color,transform] duration-150 ease-smooth active:scale-[0.99] motion-reduce:transition-none motion-reduce:active:scale-100\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nItem.displayName = 'ContextMenu.Item';\n\n// ============================================\n// Sub\n// ============================================\n\nfunction Sub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n  return <MenuPrimitive.SubmenuRoot data-slot=\"context-menu-sub\" {...props} />;\n}\nSub.displayName = 'ContextMenu.Sub';\n\n// ============================================\n// SubTrigger\n// ============================================\n\nfunction SubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n  inset?: boolean;\n}) {\n  return (\n    <MenuPrimitive.SubmenuTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-popover-foreground data-open:bg-accent data-open:text-popover-foreground not-data-[variant=destructive]:focus:**:text-popover-foreground gap-2 rounded-md px-2 py-1.5 text-base leading-6 [&_svg:not([class*='size-'])]:size-4 group/ctx-sub flex cursor-default items-center outline-hidden select-none data-[inset]:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 transition-[color,background-color,transform] duration-150 ease-smooth active:scale-[0.99] motion-reduce:transition-none motion-reduce:active:scale-100\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRight className=\"ms-auto rtl:rotate-180 transition-transform duration-150 group-data-open/ctx-sub:translate-x-0.5\" />\n    </MenuPrimitive.SubmenuTrigger>\n  );\n}\nSubTrigger.displayName = 'ContextMenu.SubTrigger';\n\n// ============================================\n// SubPopup (formerly SubContent)\n// ============================================\n\nfunction SubPopup({\n  className,\n  container,\n  ...props\n}: Omit<PopupProps, 'alignOffset' | 'sideOffset'> &\n  Omit<MenuPrimitive.Popup.Props, 'anchor'>) {\n  const portalContainer = usePortalContainer(container);\n\n  return (\n    <MenuPrimitive.Portal container={portalContainer}>\n      <MenuPrimitive.Positioner\n        className=\"isolate z-50 outline-none\"\n        side=\"right\"\n        align=\"start\"\n        sideOffset={0}\n        alignOffset={-3}\n      >\n        <MenuPrimitive.Popup\n          data-slot=\"context-menu-sub-popup\"\n          className={cn(\n            popupMotionClassName,\n            'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n            popupSurfaceClassName,\n            'min-w-[96px] w-auto',\n            className,\n          )}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  );\n}\nSubPopup.displayName = 'ContextMenu.SubPopup';\n\n// ============================================\n// CheckboxItem\n// ============================================\n\nfunction CheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-popover-foreground focus:**:text-popover-foreground gap-2 rounded-md py-1.5 pe-2 ps-8 text-base leading-6 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 transition-colors duration-150 ease-smooth motion-reduce:transition-none\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span\n        className=\"pointer-events-none absolute start-2 flex size-4 items-center justify-center\"\n        data-slot=\"context-menu-checkbox-item-indicator\"\n      >\n        <MenuPrimitive.CheckboxItemIndicator className=\"animate-in zoom-in-75 duration-150 motion-reduce:animate-none\">\n          <Check />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  );\n}\nCheckboxItem.displayName = 'ContextMenu.CheckboxItem';\n\n// ============================================\n// RadioGroup\n// ============================================\n\nfunction RadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n  return (\n    <MenuPrimitive.RadioGroup data-slot=\"context-menu-radio-group\" {...props} />\n  );\n}\nRadioGroup.displayName = 'ContextMenu.RadioGroup';\n\n// ============================================\n// RadioItem\n// ============================================\n\nfunction RadioItem({\n  className,\n  children,\n  ...props\n}: MenuPrimitive.RadioItem.Props) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-popover-foreground focus:**:text-popover-foreground gap-2 rounded-md py-1.5 pe-2 ps-8 text-base leading-6 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 transition-colors duration-150 ease-smooth motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    >\n      <span\n        className=\"pointer-events-none absolute start-2 flex size-4 items-center justify-center\"\n        data-slot=\"context-menu-radio-item-indicator\"\n      >\n        <MenuPrimitive.RadioItemIndicator className=\"animate-in zoom-in-75 duration-150 motion-reduce:animate-none\">\n          <Check />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  );\n}\nRadioItem.displayName = 'ContextMenu.RadioItem';\n\n// ============================================\n// Separator\n// ============================================\n\nfunction Separator({ className, ...props }: MenuPrimitive.Separator.Props) {\n  return (\n    <MenuPrimitive.Separator\n      data-slot=\"context-menu-separator\"\n      className={cn('bg-border my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\nSeparator.displayName = 'ContextMenu.Separator';\n\n// ============================================\n// Shortcut\n// ============================================\n\nfunction Shortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"context-menu-shortcut\"\n      className={cn(\n        'text-muted-foreground group-focus/context-menu-item:text-popover-foreground ms-auto text-xs tracking-widest transition-colors duration-150 ease-smooth motion-reduce:transition-none',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nShortcut.displayName = 'ContextMenu.Shortcut';\n\n// ============================================\n// Type exports\n// ============================================\n\nexport type ContextMenuRootProps = RootProps;\nexport type ContextMenuTriggerProps = TriggerProps;\nexport type ContextMenuPopupProps = PopupProps;\n\n// ============================================\n// Compound component via dot notation (ADR-011)\n// ============================================\n\nconst ContextMenu = Object.assign(Root, {\n  Root,\n  Trigger,\n  Portal,\n  Popup,\n  Group,\n  Label,\n  Item,\n  Sub,\n  SubTrigger,\n  SubPopup,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  Separator,\n  Shortcut,\n});\n\nexport {\n  CheckboxItem as ContextMenuCheckboxItem,\n  ContextMenu,\n  Group as ContextMenuGroup,\n  Item as ContextMenuItem,\n  Label as ContextMenuLabel,\n  Popup as ContextMenuPopup,\n  Portal as ContextMenuPortal,\n  RadioGroup as ContextMenuRadioGroup,\n  RadioItem as ContextMenuRadioItem,\n  // Sub-components with ContextMenu prefix for direct imports\n  Root as ContextMenuRoot,\n  Separator as ContextMenuSeparator,\n  Shortcut as ContextMenuShortcut,\n  Sub as ContextMenuSub,\n  SubPopup as ContextMenuSubPopup,\n  SubTrigger as ContextMenuSubTrigger,\n  Trigger as ContextMenuTrigger,\n};\n"],"mappings":"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"}

package/dist/index207.js

@@ -1,280 +1,154 @@
 import { cn } from "./index2.js";
 import { Button } from "./index5.js";
-import { cva } from "class-variance-authority";
-import { X } from "lucide-react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Dialog } from "@base-ui/react/dialog";
-//#region src/components/organisms/overlays/Dialog/Dialog.tsx
-var closeButtonVariants = cva("", {
-	variants: { size: {
-		sm: "",
-		md: "",
-		lg: ""
-	} },
-	defaultVariants: { size: "sm" }
-});
-var buttonSizeMap = {
-	sm: "icon-sm",
-	md: "icon",
-	lg: "icon-lg"
-};
-var CloseButton = React.forwardRef(({ className, size = "sm", "aria-label": ariaLabel = "Close", ...props }, ref) => {
-	return /* @__PURE__ */ jsxs(Button, {
-		ref,
-		"data-slot": "close-button",
-		appearance: "ghost",
-		variant: "secondary",
-		size: buttonSizeMap[size ?? "sm"],
-		className: cn(closeButtonVariants({ size }), className),
-		"aria-label": ariaLabel,
-		...props,
-		children: [/* @__PURE__ */ jsx(X, {}), /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: ariaLabel
-		})]
-	});
-});
-CloseButton.displayName = "CloseButton";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/organisms/overlays/AlertDialog/AlertDialog.tsx
 var Root = React.forwardRef(function Root({ ...props }, _ref) {
-	return /* @__PURE__ */ jsx(Dialog.Root, {
-		"data-slot": "dialog",
+	return /* @__PURE__ */ jsx(AlertDialog.Root, {
+		"data-slot": "alert-dialog",
 		...props
 	});
 });
-Root.displayName = "Dialog.Root";
+Root.displayName = "AlertDialog.Root";
 var Trigger = React.forwardRef(function Trigger({ ...props }, ref) {
-	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+	return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
 		ref,
-		"data-slot": "dialog-trigger",
+		"data-slot": "alert-dialog-trigger",
 		...props
 	});
 });
-Trigger.displayName = "Dialog.Trigger";
+Trigger.displayName = "AlertDialog.Trigger";
 function Portal({ ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Portal, {
-		"data-slot": "dialog-portal",
+	return /* @__PURE__ */ jsx(AlertDialog.Portal, {
+		"data-slot": "alert-dialog-portal",
 		...props
 	});
 }
-Portal.displayName = "Dialog.Portal";
-var Close = React.forwardRef(function Close({ ...props }, ref) {
-	return /* @__PURE__ */ jsx(Dialog.Close, {
-		ref,
-		"data-slot": "dialog-close",
-		...props
-	});
-});
-Close.displayName = "Dialog.Close";
+Portal.displayName = "AlertDialog.Portal";
+function isPortalContainerRef(container) {
+	return container !== null && typeof container === "object" && "current" in container;
+}
+function usePortalContainer(container) {
+	return React.useMemo(() => {
+		if (container == null || isPortalContainerRef(container)) return container;
+		return { current: container };
+	}, [container]);
+}
 var Backdrop = React.forwardRef(function Backdrop({ className, disableAnimation, disableBackdropBlur, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+	return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
 		ref,
-		"data-slot": "dialog-backdrop",
+		"data-slot": "alert-dialog-backdrop",
 		className: cn("bg-background/80/10 fixed inset-0 isolate z-50", !disableAnimation && "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 duration-100 motion-reduce:animate-none", !disableBackdropBlur && "supports-backdrop-filter:backdrop-blur-xs", className),
 		...props
 	});
 });
-Backdrop.displayName = "Dialog.Backdrop";
+Backdrop.displayName = "AlertDialog.Backdrop";
 var Viewport = React.forwardRef(function Viewport({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Dialog.Viewport, {
+	return /* @__PURE__ */ jsx(AlertDialog.Viewport, {
 		ref,
-		"data-slot": "dialog-viewport",
+		"data-slot": "alert-dialog-viewport",
 		className: cn("fixed inset-0 z-50 flex items-center justify-center p-4", className),
 		...props,
 		children
 	});
 });
-Viewport.displayName = "Dialog.Viewport";
-function PopupBase({ className, children, showCloseButton = true, initialFocus, disableAnimation, disableBackdropBlur, ...props }) {
-	return /* @__PURE__ */ jsxs(Portal, { children: [/* @__PURE__ */ jsx(Backdrop, {
-		disableAnimation,
-		disableBackdropBlur
-	}), /* @__PURE__ */ jsxs(Dialog.Popup, {
-		"data-slot": "dialog-popup",
-		initialFocus,
-		className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl border border-border bg-card p-6 text-sm text-card-foreground shadow-lg outline-none", !disableAnimation && "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 duration-150 motion-reduce:animate-none", className),
-		...props,
-		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, { render: /* @__PURE__ */ jsx(CloseButton, { className: "absolute top-2 end-2" }) })]
-	})] });
-}
-PopupBase.displayName = "PopupBase";
-function HeaderBase({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "dialog-header",
-		className: cn("flex w-full", className),
-		...props
-	});
-}
-HeaderBase.displayName = "HeaderBase";
-function FooterBase({ className, showCloseButton = false, children, ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "dialog-footer",
-		className: cn("flex", className),
-		...props,
-		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
-			render: /* @__PURE__ */ jsx(Button, {
-				appearance: "outline",
-				variant: "secondary"
-			}),
-			children: "Close"
+Viewport.displayName = "AlertDialog.Viewport";
+var Popup = React.forwardRef(function Popup({ className, container, size = "default", disableAnimation, disableBackdropBlur, ...props }, ref) {
+	return /* @__PURE__ */ jsxs(Portal, {
+		container: usePortalContainer(container),
+		children: [/* @__PURE__ */ jsx(Backdrop, {
+			disableAnimation,
+			disableBackdropBlur
+		}), /* @__PURE__ */ jsx(AlertDialog.Popup, {
+			ref,
+			"data-slot": "alert-dialog-popup",
+			"data-size": size,
+			className: cn("bg-background ring-foreground/10 flex w-[calc(100%-2rem)] max-w-[483px] flex-col items-start gap-4 rounded-xl p-6 ring-1 shadow-lg sm:w-[483px] data-[size=sm]:sm:max-w-sm group/alert-dialog-content fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2 outline-none", !disableAnimation && "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 duration-150 motion-reduce:animate-none", className),
+			...props
 		})]
 	});
-}
-FooterBase.displayName = "FooterBase";
-function TitleBase({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Title, {
-		"data-slot": "dialog-title",
-		className: cn("leading-none font-medium", className),
-		...props
-	});
-}
-TitleBase.displayName = "TitleBase";
-function DescriptionBase({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Description, {
-		"data-slot": "dialog-description",
-		className: cn("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", className),
-		...props
-	});
-}
-DescriptionBase.displayName = "DescriptionBase";
-var popupVariants = cva("", {
-	variants: { size: {
-		sm: "sm:max-w-[430px] overflow-hidden",
-		md: "sm:max-w-[500px] overflow-hidden",
-		lg: "sm:max-w-[560px] overflow-hidden",
-		xl: "sm:max-w-[640px] overflow-hidden",
-		full: "sm:max-w-[calc(100vw-2rem)] overflow-hidden"
-	} },
-	defaultVariants: { size: "sm" }
 });
-function Popup({ className, children, size, showCloseButton = true, hideCloseButton = false, initialFocus, disableEffects, disableAnimation, disableBackdropBlur, ...props }) {
-	const shouldDisableAnimation = disableAnimation ?? disableEffects;
-	const shouldDisableBackdropBlur = disableBackdropBlur ?? disableEffects;
-	const shouldShowCloseButton = showCloseButton && !hideCloseButton;
-	return /* @__PURE__ */ jsx(PopupBase, {
-		className: cn(popupVariants({ size }), className),
-		showCloseButton: shouldShowCloseButton,
-		initialFocus,
-		disableAnimation: shouldDisableAnimation,
-		disableBackdropBlur: shouldDisableBackdropBlur,
-		...props,
-		children
+Popup.displayName = "AlertDialog.Popup";
+var alertDialogFooterActionClassName = "gap-2 rounded-xl px-4";
+var Header = React.forwardRef(function Header({ className, align = "start", ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "alert-dialog-header",
+		"data-align": align,
+		className: cn("flex w-full flex-col gap-2", align === "center" ? "items-center text-center" : "items-start text-left", className),
+		...props
 	});
-}
-Popup.displayName = "Dialog.Popup";
-var iconVariants = cva("flex shrink-0 items-center justify-center rounded-xl", {
-	variants: {
-		variant: {
-			default: "bg-primary/10 text-primary",
-			success: "bg-success/10 text-success",
-			warning: "bg-warning/10 text-warning",
-			destructive: "bg-destructive/10 text-destructive",
-			info: "bg-primary/10 text-primary"
-		},
-		size: {
-			sm: "size-8 [&_svg]:size-4",
-			md: "size-10 [&_svg]:size-5",
-			lg: "size-12 [&_svg]:size-6"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "md"
-	}
 });
-function Icon({ className, variant, size, children, ...props }) {
+Header.displayName = "AlertDialog.Header";
+var Footer = React.forwardRef(function Footer({ className, align = "start", ...props }, ref) {
 	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "dialog-icon",
-		className: cn(iconVariants({
-			variant,
-			size
-		}), className),
-		...props,
-		children
+		ref,
+		"data-slot": "alert-dialog-footer",
+		"data-align": align,
+		className: cn("flex w-full flex-row items-center gap-3", align === "center" ? "justify-center" : "justify-end", className),
+		...props
 	});
-}
-Icon.displayName = "Dialog.Icon";
-var headerVariants = cva("group/dialog-header flex w-full gap-4", {
-	variants: { layout: {
-		stacked: "flex-col items-start text-left",
-		horizontal: "flex-col items-start text-left sm:flex-row",
-		centered: "flex flex-col items-center text-center"
-	} },
-	defaultVariants: { layout: "stacked" }
 });
-function Header({ className, layout, children, divider = false, paddingBottom = false, ...props }) {
-	const resolvedLayout = layout ?? "stacked";
-	return /* @__PURE__ */ jsx(HeaderBase, {
-		"data-layout": resolvedLayout,
-		className: cn(headerVariants({ layout: resolvedLayout }), divider && "border-b border-border", (divider || paddingBottom) && "pb-4", className),
-		...props,
-		children
-	});
-}
-Header.displayName = "Dialog.Header";
-function HeaderContent({ className, children, ...props }) {
+Footer.displayName = "AlertDialog.Footer";
+var Media = React.forwardRef(function Media({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "dialog-header-content",
-		className: cn("flex min-w-0 flex-1 flex-col gap-1", "group-data-[layout=stacked]/dialog-header:w-full", "group-data-[layout=centered]/dialog-header:w-full group-data-[layout=centered]/dialog-header:items-center group-data-[layout=centered]/dialog-header:text-center", "group-data-[layout=horizontal]/dialog-header:w-full group-data-[layout=horizontal]/dialog-header:sm:w-auto", className),
-		...props,
-		children
+		ref,
+		"data-slot": "alert-dialog-media",
+		className: cn("bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md *:[svg:not([class*='size-'])]:size-8", className),
+		...props
 	});
-}
-HeaderContent.displayName = "Dialog.HeaderContent";
-function Title({ className, ...props }) {
-	return /* @__PURE__ */ jsx(TitleBase, {
-		className: cn("text-lg font-semibold leading-7 text-foreground", className),
+});
+Media.displayName = "AlertDialog.Media";
+var Title = React.forwardRef(function Title({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(AlertDialog.Title, {
+		ref,
+		"data-slot": "alert-dialog-title",
+		className: cn("text-lg leading-7 font-semibold", className),
 		...props
 	});
-}
-Title.displayName = "Dialog.Title";
-function Description({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DescriptionBase, {
-		className: cn("text-sm leading-5 text-secondary-foreground", className),
+});
+Title.displayName = "AlertDialog.Title";
+var Description = React.forwardRef(function Description({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(AlertDialog.Description, {
+		ref,
+		"data-slot": "alert-dialog-description",
+		className: cn("text-muted-foreground *:[a]:hover:text-foreground text-sm leading-5 *:[a]:underline *:[a]:underline-offset-3", className),
 		...props
 	});
-}
-Description.displayName = "Dialog.Description";
-var footerVariants = cva("w-full gap-3", {
-	variants: { layout: {
-		horizontal: "flex flex-col-reverse sm:flex-row sm:items-center sm:justify-end",
-		"horizontal-fill": "flex flex-col-reverse sm:flex-row sm:items-center [&>*]:w-full [&>*]:sm:flex-1",
-		"horizontal-right": "flex flex-col-reverse sm:flex-row sm:items-center sm:justify-end",
-		stacked: "flex flex-col [&>*]:w-full",
-		"vertical-fill": "flex flex-col [&>*]:w-full",
-		wizard: "flex flex-col items-stretch sm:flex-row sm:items-center sm:justify-between"
-	} },
-	defaultVariants: { layout: "horizontal-fill" }
 });
-function Footer({ className, layout, children, divider = false, ...props }) {
-	const resolvedLayout = layout ?? "horizontal-fill";
-	return /* @__PURE__ */ jsx(FooterBase, {
-		"data-layout": resolvedLayout,
-		className: cn(footerVariants({ layout: resolvedLayout }), divider && "border-t border-border pt-4", className),
-		...props,
-		children
+Description.displayName = "AlertDialog.Description";
+var FooterActionButton = React.forwardRef(function FooterActionButton({ className, dataSlot, shape = "rounded", size = "default", ...props }, ref) {
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		"data-slot": dataSlot,
+		size,
+		shape,
+		className: cn(alertDialogFooterActionClassName, className),
+		...props
 	});
-}
-Footer.displayName = "Dialog.Footer";
+});
+FooterActionButton.displayName = "AlertDialog.FooterActionButton";
 var Action = React.forwardRef(function Action({ className, appearance = "solid", variant = "primary", size = "default", shape = "rounded", ...props }, ref) {
-	return /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsx(FooterActionButton, {
 		ref,
-		"data-slot": "dialog-action",
+		dataSlot: "alert-dialog-action",
 		appearance,
 		variant,
 		size,
 		shape,
-		className: cn("rounded-xl", className),
+		className,
 		...props
 	});
 });
-Action.displayName = "Dialog.Action";
+Action.displayName = "AlertDialog.Action";
 var Cancel = React.forwardRef(function Cancel({ className, appearance = "outline", variant = "secondary", size = "default", shape = "rounded", ...props }, ref) {
-	return /* @__PURE__ */ jsx(Dialog.Close, {
+	return /* @__PURE__ */ jsx(AlertDialog.Close, {
 		ref,
-		"data-slot": "dialog-cancel",
-		className: cn("rounded-xl", className),
-		render: /* @__PURE__ */ jsx(Button, {
+		"data-slot": "alert-dialog-cancel",
+		className,
+		render: /* @__PURE__ */ jsx(FooterActionButton, {
+			dataSlot: "alert-dialog-cancel",
 			appearance,
 			variant,
 			size,
@@ -283,17 +157,8 @@ var Cancel = React.forwardRef(function Cancel({ className, appearance = "outline
 		...props
 	});
 });
-Cancel.displayName = "Dialog.Cancel";
-function Body({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "dialog-body",
-		className: cn("flex flex-col gap-4", className),
-		...props,
-		children
-	});
-}
-Body.displayName = "Dialog.Body";
-var Dialog$1 = Object.assign(Root, {
+Cancel.displayName = "AlertDialog.Cancel";
+var AlertDialog$1 = Object.assign(Root, {
 	Root,
 	Trigger,
 	Portal,
@@ -301,17 +166,14 @@ var Dialog$1 = Object.assign(Root, {
 	Viewport,
 	Popup,
 	Header,
-	HeaderContent,
-	Body,
 	Footer,
-	Action,
-	Cancel,
 	Title,
 	Description,
-	Close,
-	Icon
+	Action,
+	Cancel,
+	Media
 });
 //#endregion
-export { Dialog$1 as Dialog, Action as DialogAction, Backdrop as DialogBackdrop, Body as DialogBody, Cancel as DialogCancel, Close as DialogClose, Description as DialogDescription, Footer as DialogFooter, Header as DialogHeader, HeaderContent as DialogHeaderContent, Icon as DialogIcon, Popup as DialogPopup, Portal as DialogPortal, Root as DialogRoot, Title as DialogTitle, Trigger as DialogTrigger, Viewport as DialogViewport, footerVariants as dialogFooterVariants, headerVariants as dialogHeaderVariants, iconVariants as dialogIconVariants, popupVariants as dialogPopupVariants };
+export { AlertDialog$1 as AlertDialog, Action as AlertDialogAction, Backdrop as AlertDialogBackdrop, Cancel as AlertDialogCancel, Description as AlertDialogDescription, Footer as AlertDialogFooter, Header as AlertDialogHeader, Media as AlertDialogMedia, Popup as AlertDialogPopup, Portal as AlertDialogPortal, Root as AlertDialogRoot, Title as AlertDialogTitle, Trigger as AlertDialogTrigger, Viewport as AlertDialogViewport };
 
 //# sourceMappingURL=index207.js.map

package/dist/index207.js.map

@@ -1 +1 @@
-{"version":3,"file":"index207.js","names":[],"sources":["../src/components/organisms/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/components/atoms/buttons/Button';\nimport { cn } from '@/lib/utils';\n\n// ============================================\n// CloseButton - Internal component for dialog close button\n// ============================================\n\nimport { X } from 'lucide-react';\n\nconst closeButtonVariants = cva('', {\n  variants: {\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n});\n\nconst buttonSizeMap = {\n  sm: 'icon-sm',\n  md: 'icon',\n  lg: 'icon-lg',\n} as const;\n\ninterface CloseButtonProps\n  extends Omit<\n      React.ComponentProps<typeof Button>,\n      'variant' | 'size' | 'children'\n    >,\n    VariantProps<typeof closeButtonVariants> {\n  'aria-label'?: string;\n}\n\nconst CloseButton = React.forwardRef<HTMLButtonElement, CloseButtonProps>(\n  (\n    { className, size = 'sm', 'aria-label': ariaLabel = 'Close', ...props },\n    ref,\n  ) => {\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"close-button\"\n        appearance=\"ghost\"\n        variant=\"secondary\"\n        size={buttonSizeMap[size ?? 'sm']}\n        className={cn(closeButtonVariants({ size }), className)}\n        aria-label={ariaLabel}\n        {...props}\n      >\n        <X />\n        <span className=\"sr-only\">{ariaLabel}</span>\n      </Button>\n    );\n  },\n);\n\nCloseButton.displayName = 'CloseButton';\n\n// ============================================\n// Base Dialog Components (from ui/dialog.tsx)\n// ============================================\n\nconst Root = React.forwardRef<HTMLDivElement, DialogPrimitive.Root.Props>(\n  function Root({ ...props }, _ref) {\n    return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n  },\n);\nRoot.displayName = 'Dialog.Root';\n\nconst Trigger = React.forwardRef<\n  HTMLButtonElement,\n  DialogPrimitive.Trigger.Props\n>(function Trigger({ ...props }, ref) {\n  return (\n    <DialogPrimitive.Trigger ref={ref} data-slot=\"dialog-trigger\" {...props} />\n  );\n});\nTrigger.displayName = 'Dialog.Trigger';\n\nfunction Portal({ ...props }: DialogPrimitive.Portal.Props) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\nPortal.displayName = 'Dialog.Portal';\n\nconst Close = React.forwardRef<HTMLButtonElement, DialogPrimitive.Close.Props>(\n  function Close({ ...props }, ref) {\n    return (\n      <DialogPrimitive.Close ref={ref} data-slot=\"dialog-close\" {...props} />\n    );\n  },\n);\nClose.displayName = 'Dialog.Close';\n\nexport interface BackdropProps extends DialogPrimitive.Backdrop.Props {\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nconst Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(\n  function Backdrop(\n    { className, disableAnimation, disableBackdropBlur, ...props },\n    ref,\n  ) {\n    return (\n      <DialogPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"dialog-backdrop\"\n        className={cn(\n          'bg-background/80/10 fixed inset-0 isolate z-50',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 duration-100 motion-reduce:animate-none',\n          !disableBackdropBlur && 'supports-backdrop-filter:backdrop-blur-xs',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nBackdrop.displayName = 'Dialog.Backdrop';\n\n// ============================================\n// Viewport - Scroll container for dialog positioning\n// ============================================\n\nexport interface ViewportProps extends DialogPrimitive.Viewport.Props {}\n\nconst Viewport = React.forwardRef<HTMLDivElement, ViewportProps>(\n  function Viewport({ className, children, ...props }, ref) {\n    return (\n      <DialogPrimitive.Viewport\n        ref={ref}\n        data-slot=\"dialog-viewport\"\n        className={cn(\n          'fixed inset-0 z-50 flex items-center justify-center p-4',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Viewport>\n    );\n  },\n);\nViewport.displayName = 'Dialog.Viewport';\n\n// Base Popup (internal use)\ninterface PopupBaseProps extends DialogPrimitive.Popup.Props {\n  showCloseButton?: boolean;\n  initialFocus?: boolean | React.RefObject<HTMLElement | null>;\n  disableAnimation?: boolean;\n  disableBackdropBlur?: boolean;\n}\n\nfunction PopupBase({\n  className,\n  children,\n  showCloseButton = true,\n  initialFocus,\n  disableAnimation,\n  disableBackdropBlur,\n  ...props\n}: PopupBaseProps) {\n  return (\n    <Portal>\n      <Backdrop\n        disableAnimation={disableAnimation}\n        disableBackdropBlur={disableBackdropBlur}\n      />\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-popup\"\n        initialFocus={initialFocus}\n        className={cn(\n          'fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl border border-border bg-card p-6 text-sm text-card-foreground shadow-lg outline-none',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 duration-150 motion-reduce:animate-none',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            render={<CloseButton className=\"absolute top-2 end-2\" />}\n          />\n        )}\n      </DialogPrimitive.Popup>\n    </Portal>\n  );\n}\nPopupBase.displayName = 'PopupBase';\n\n// Base Header (internal use)\nfunction HeaderBase({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex w-full', className)}\n      {...props}\n    />\n  );\n}\nHeaderBase.displayName = 'HeaderBase';\n\n// Base Footer (internal use)\nfunction FooterBase({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <div data-slot=\"dialog-footer\" className={cn('flex', className)} {...props}>\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close\n          render={<Button appearance=\"outline\" variant=\"secondary\" />}\n        >\n          Close\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  );\n}\nFooterBase.displayName = 'FooterBase';\n\n// Base Title (internal use)\nfunction TitleBase({ className, ...props }: DialogPrimitive.Title.Props) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('leading-none font-medium', className)}\n      {...props}\n    />\n  );\n}\nTitleBase.displayName = 'TitleBase';\n\n// Base Description (internal use)\nfunction DescriptionBase({\n  className,\n  ...props\n}: DialogPrimitive.Description.Props) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        'text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nDescriptionBase.displayName = 'DescriptionBase';\n\n// ============================================\n// Popup - Extended with size variants\n// ============================================\n\nconst popupVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'sm:max-w-[430px] overflow-hidden',\n      md: 'sm:max-w-[500px] overflow-hidden',\n      lg: 'sm:max-w-[560px] overflow-hidden',\n      xl: 'sm:max-w-[640px] overflow-hidden',\n      full: 'sm:max-w-[calc(100vw-2rem)] overflow-hidden',\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n});\n\nexport interface PopupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof popupVariants> {\n  /** Whether to show the close button */\n  showCloseButton?: boolean;\n  /** Whether to hide the close button (alias for showCloseButton=false) */\n  hideCloseButton?: boolean;\n  /**\n   * Controls where focus moves when the dialog opens.\n   * - `false`: Prevents auto-focus (equivalent to Radix's `onOpenAutoFocus={(e) => e.preventDefault()}`)\n   * - `true`: Default focus behavior (first tabbable element)\n   * - `RefObject`: Focus a specific element\n   */\n  initialFocus?: boolean | React.RefObject<HTMLElement | null>;\n  /**\n   * Disables all visual effects (animations and backdrop blur).\n   * Use granular props (`disableAnimation`, `disableBackdropBlur`) for more control.\n   */\n  disableEffects?: boolean;\n  /** Disables open/close animations on the dialog and overlay */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect on the overlay */\n  disableBackdropBlur?: boolean;\n}\n\nfunction Popup({\n  className,\n  children,\n  size,\n  showCloseButton = true,\n  hideCloseButton = false,\n  initialFocus,\n  disableEffects,\n  disableAnimation,\n  disableBackdropBlur,\n  ...props\n}: PopupProps) {\n  // When disableEffects is true, disable all effects unless granular props override\n  const shouldDisableAnimation = disableAnimation ?? disableEffects;\n  const shouldDisableBackdropBlur = disableBackdropBlur ?? disableEffects;\n  const shouldShowCloseButton = showCloseButton && !hideCloseButton;\n\n  return (\n    <PopupBase\n      className={cn(popupVariants({ size }), className)}\n      showCloseButton={shouldShowCloseButton}\n      initialFocus={initialFocus}\n      disableAnimation={shouldDisableAnimation}\n      disableBackdropBlur={shouldDisableBackdropBlur}\n      {...props}\n    >\n      {children}\n    </PopupBase>\n  );\n}\nPopup.displayName = 'Dialog.Popup';\n\n// ============================================\n// Icon - Featured icon with colored background\n// ============================================\n\nconst iconVariants = cva(\n  'flex shrink-0 items-center justify-center rounded-xl',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary/10 text-primary',\n        success: 'bg-success/10 text-success',\n        warning: 'bg-warning/10 text-warning',\n        destructive: 'bg-destructive/10 text-destructive',\n        info: 'bg-primary/10 text-primary',\n      },\n      size: {\n        sm: 'size-8 [&_svg]:size-4',\n        md: 'size-10 [&_svg]:size-5',\n        lg: 'size-12 [&_svg]:size-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport interface IconProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof iconVariants> {\n  children: React.ReactNode;\n}\n\nfunction Icon({ className, variant, size, children, ...props }: IconProps) {\n  return (\n    <div\n      data-slot=\"dialog-icon\"\n      className={cn(iconVariants({ variant, size }), className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\nIcon.displayName = 'Dialog.Icon';\n\n// ============================================\n// Header - Extended with layout variants\n// ============================================\n\nconst headerVariants = cva('group/dialog-header flex w-full gap-4', {\n  variants: {\n    layout: {\n      stacked: 'flex-col items-start text-left',\n      horizontal: 'flex-col items-start text-left sm:flex-row',\n      centered: 'flex flex-col items-center text-center',\n    },\n  },\n  defaultVariants: {\n    layout: 'stacked',\n  },\n});\n\nexport interface HeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof headerVariants> {\n  /** Adds the Figma header separator below the title block. */\n  divider?: boolean;\n  /** Adds Figma header bottom padding without forcing a divider. */\n  paddingBottom?: boolean;\n}\n\nfunction Header({\n  className,\n  layout,\n  children,\n  divider = false,\n  paddingBottom = false,\n  ...props\n}: HeaderProps) {\n  const resolvedLayout = layout ?? 'stacked';\n\n  return (\n    <HeaderBase\n      data-layout={resolvedLayout}\n      className={cn(\n        headerVariants({ layout: resolvedLayout }),\n        divider && 'border-b border-border',\n        (divider || paddingBottom) && 'pb-4',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </HeaderBase>\n  );\n}\nHeader.displayName = 'Dialog.Header';\n\n// ============================================\n// HeaderContent - Text content wrapper\n// ============================================\n\nexport interface HeaderContentProps\n  extends React.HTMLAttributes<HTMLDivElement> {}\n\nfunction HeaderContent({ className, children, ...props }: HeaderContentProps) {\n  return (\n    <div\n      data-slot=\"dialog-header-content\"\n      className={cn(\n        'flex min-w-0 flex-1 flex-col gap-1',\n        'group-data-[layout=stacked]/dialog-header:w-full',\n        'group-data-[layout=centered]/dialog-header:w-full group-data-[layout=centered]/dialog-header:items-center group-data-[layout=centered]/dialog-header:text-center',\n        'group-data-[layout=horizontal]/dialog-header:w-full group-data-[layout=horizontal]/dialog-header:sm:w-auto',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\nHeaderContent.displayName = 'Dialog.HeaderContent';\n\n// ============================================\n// Title - Extended\n// ============================================\n\nexport interface TitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nfunction Title({ className, ...props }: TitleProps) {\n  return (\n    <TitleBase\n      className={cn(\n        'text-lg font-semibold leading-7 text-foreground',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nTitle.displayName = 'Dialog.Title';\n\n// ============================================\n// Description - Extended\n// ============================================\n\nexport interface DescriptionProps\n  extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nfunction Description({ className, ...props }: DescriptionProps) {\n  return (\n    <DescriptionBase\n      className={cn('text-sm leading-5 text-secondary-foreground', className)}\n      {...props}\n    />\n  );\n}\nDescription.displayName = 'Dialog.Description';\n\n// ============================================\n// Footer - Extended with layout variants\n// ============================================\n\nconst footerVariants = cva('w-full gap-3', {\n  variants: {\n    layout: {\n      horizontal:\n        'flex flex-col-reverse sm:flex-row sm:items-center sm:justify-end',\n      'horizontal-fill':\n        'flex flex-col-reverse sm:flex-row sm:items-center [&>*]:w-full [&>*]:sm:flex-1',\n      'horizontal-right':\n        'flex flex-col-reverse sm:flex-row sm:items-center sm:justify-end',\n      stacked: 'flex flex-col [&>*]:w-full',\n      'vertical-fill': 'flex flex-col [&>*]:w-full',\n      wizard:\n        'flex flex-col items-stretch sm:flex-row sm:items-center sm:justify-between',\n    },\n  },\n  defaultVariants: {\n    layout: 'horizontal-fill',\n  },\n});\n\nexport interface FooterProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof footerVariants> {\n  /** Adds the Figma action separator above the footer controls. */\n  divider?: boolean;\n}\n\nfunction Footer({\n  className,\n  layout,\n  children,\n  divider = false,\n  ...props\n}: FooterProps) {\n  const resolvedLayout = layout ?? 'horizontal-fill';\n\n  return (\n    <FooterBase\n      data-layout={resolvedLayout}\n      className={cn(\n        footerVariants({ layout: resolvedLayout }),\n        divider && 'border-t border-border pt-4',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </FooterBase>\n  );\n}\nFooter.displayName = 'Dialog.Footer';\n\n// ============================================\n// Action helpers - Figma footer action buttons\n// ============================================\n\nconst Action = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(function Action(\n  {\n    className,\n    appearance = 'solid',\n    variant = 'primary',\n    size = 'default',\n    shape = 'rounded',\n    ...props\n  },\n  ref,\n) {\n  return (\n    <Button\n      ref={ref}\n      data-slot=\"dialog-action\"\n      appearance={appearance}\n      variant={variant}\n      size={size}\n      shape={shape}\n      className={cn('rounded-xl', className)}\n      {...props}\n    />\n  );\n});\nAction.displayName = 'Dialog.Action';\n\nconst Cancel = React.forwardRef<\n  HTMLButtonElement,\n  DialogPrimitive.Close.Props &\n    Pick<\n      React.ComponentProps<typeof Button>,\n      'appearance' | 'variant' | 'size' | 'shape'\n    >\n>(function Cancel(\n  {\n    className,\n    appearance = 'outline',\n    variant = 'secondary',\n    size = 'default',\n    shape = 'rounded',\n    ...props\n  },\n  ref,\n) {\n  return (\n    <DialogPrimitive.Close\n      ref={ref}\n      data-slot=\"dialog-cancel\"\n      className={cn('rounded-xl', className)}\n      render={\n        <Button\n          appearance={appearance}\n          variant={variant}\n          size={size}\n          shape={shape}\n        />\n      }\n      {...props}\n    />\n  );\n});\nCancel.displayName = 'Dialog.Cancel';\n\n// ============================================\n// Body - Content area between header and footer\n// ============================================\n\nexport interface BodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nfunction Body({ className, children, ...props }: BodyProps) {\n  return (\n    <div\n      data-slot=\"dialog-body\"\n      className={cn('flex flex-col gap-4', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\nBody.displayName = 'Dialog.Body';\n\n// ============================================\n// Type exports\n// ============================================\n\nexport type CloseProps = DialogPrimitive.Close.Props;\nexport type PortalProps = DialogPrimitive.Portal.Props;\nexport type TriggerProps = DialogPrimitive.Trigger.Props;\nexport type RootProps = DialogPrimitive.Root.Props;\nexport type ActionProps = React.ComponentProps<typeof Action>;\nexport type CancelProps = React.ComponentProps<typeof Cancel>;\n\n// ============================================\n// Compound component via dot notation (ADR-011)\n// ============================================\n\nconst Dialog = Object.assign(Root, {\n  Root,\n  Trigger,\n  Portal,\n  Backdrop,\n  Viewport,\n  Popup,\n  Header,\n  HeaderContent,\n  Body,\n  Footer,\n  Action,\n  Cancel,\n  Title,\n  Description,\n  Close,\n  Icon,\n});\n\nexport {\n  Action as DialogAction,\n  Backdrop as DialogBackdrop,\n  Body as DialogBody,\n  Cancel as DialogCancel,\n  Close as DialogClose,\n  Description as DialogDescription,\n  Dialog,\n  Footer as DialogFooter,\n  footerVariants as dialogFooterVariants,\n  Header as DialogHeader,\n  HeaderContent as DialogHeaderContent,\n  headerVariants as dialogHeaderVariants,\n  Icon as DialogIcon,\n  iconVariants as dialogIconVariants,\n  Popup as DialogPopup,\n  Portal as DialogPortal,\n  // Variants\n  popupVariants as dialogPopupVariants,\n  // Sub-components with Dialog prefix for direct imports\n  Root as DialogRoot,\n  Title as DialogTitle,\n  Trigger as DialogTrigger,\n  Viewport as DialogViewport,\n};\n"],"mappings":"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"}
+{"version":3,"file":"index207.js","names":[],"sources":["../src/components/organisms/overlays/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\nimport { Button } from '@/components/atoms/buttons/Button';\nimport { cn } from '@/lib/utils';\n\n// ============================================\n// Root\n// ============================================\n\nconst Root = React.forwardRef<HTMLDivElement, AlertDialogPrimitive.Root.Props>(\n  function Root({ ...props }, _ref) {\n    return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n  },\n);\nRoot.displayName = 'AlertDialog.Root';\n\n// ============================================\n// Trigger\n// ============================================\n\nconst Trigger = React.forwardRef<\n  HTMLButtonElement,\n  AlertDialogPrimitive.Trigger.Props\n>(function Trigger({ ...props }, ref) {\n  return (\n    <AlertDialogPrimitive.Trigger\n      ref={ref}\n      data-slot=\"alert-dialog-trigger\"\n      {...props}\n    />\n  );\n});\nTrigger.displayName = 'AlertDialog.Trigger';\n\n// ============================================\n// Portal\n// ============================================\n\nfunction Portal({ ...props }: AlertDialogPrimitive.Portal.Props) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  );\n}\nPortal.displayName = 'AlertDialog.Portal';\n\nfunction isPortalContainerRef(\n  container: AlertDialogPrimitive.Portal.Props['container'],\n): container is React.RefObject<HTMLElement | ShadowRoot | null> {\n  return (\n    container !== null &&\n    typeof container === 'object' &&\n    'current' in container\n  );\n}\n\nfunction usePortalContainer(\n  container: AlertDialogPrimitive.Portal.Props['container'],\n): AlertDialogPrimitive.Portal.Props['container'] {\n  return React.useMemo(() => {\n    if (container == null || isPortalContainerRef(container)) return container;\n    return { current: container };\n  }, [container]);\n}\n\n// ============================================\n// Backdrop (renamed from Overlay)\n// ============================================\n\nexport interface BackdropProps extends AlertDialogPrimitive.Backdrop.Props {\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nconst Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(\n  function Backdrop(\n    { className, disableAnimation, disableBackdropBlur, ...props },\n    ref,\n  ) {\n    return (\n      <AlertDialogPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"alert-dialog-backdrop\"\n        className={cn(\n          'bg-background/80/10 fixed inset-0 isolate z-50',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 duration-100 motion-reduce:animate-none',\n          !disableBackdropBlur && 'supports-backdrop-filter:backdrop-blur-xs',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nBackdrop.displayName = 'AlertDialog.Backdrop';\n\n// ============================================\n// Viewport\n// ============================================\n\nexport interface ViewportProps extends AlertDialogPrimitive.Viewport.Props {}\n\nconst Viewport = React.forwardRef<HTMLDivElement, ViewportProps>(\n  function Viewport({ className, children, ...props }, ref) {\n    return (\n      <AlertDialogPrimitive.Viewport\n        ref={ref}\n        data-slot=\"alert-dialog-viewport\"\n        className={cn(\n          'fixed inset-0 z-50 flex items-center justify-center p-4',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </AlertDialogPrimitive.Viewport>\n    );\n  },\n);\nViewport.displayName = 'AlertDialog.Viewport';\n\n// ============================================\n// Popup (renamed from Content)\n// ============================================\n\nexport interface PopupProps extends AlertDialogPrimitive.Popup.Props {\n  container?: AlertDialogPrimitive.Portal.Props['container'];\n  size?: 'default' | 'sm';\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nconst Popup = React.forwardRef<HTMLDivElement, PopupProps>(function Popup(\n  {\n    className,\n    container,\n    size = 'default',\n    disableAnimation,\n    disableBackdropBlur,\n    ...props\n  },\n  ref,\n) {\n  const portalContainer = usePortalContainer(container);\n\n  return (\n    <Portal container={portalContainer}>\n      <Backdrop\n        disableAnimation={disableAnimation}\n        disableBackdropBlur={disableBackdropBlur}\n      />\n      <AlertDialogPrimitive.Popup\n        ref={ref}\n        data-slot=\"alert-dialog-popup\"\n        data-size={size}\n        className={cn(\n          'bg-background ring-foreground/10 flex w-[calc(100%-2rem)] max-w-[483px] flex-col items-start gap-4 rounded-xl p-6 ring-1 shadow-lg sm:w-[483px] data-[size=sm]:sm:max-w-sm group/alert-dialog-content fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2 outline-none',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 duration-150 motion-reduce:animate-none',\n          className,\n        )}\n        {...props}\n      />\n    </Portal>\n  );\n});\nPopup.displayName = 'AlertDialog.Popup';\n\n// ============================================\n// Header\n// ============================================\n\ntype AlertDialogAlignment = 'start' | 'center';\ntype AlertDialogFooterActionSlot =\n  | 'alert-dialog-action'\n  | 'alert-dialog-cancel';\n\nconst alertDialogFooterActionClassName = 'gap-2 rounded-xl px-4';\n\nexport interface HeaderProps extends React.ComponentProps<'div'> {\n  align?: AlertDialogAlignment;\n}\n\nconst Header = React.forwardRef<HTMLDivElement, HeaderProps>(function Header(\n  { className, align = 'start', ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"alert-dialog-header\"\n      data-align={align}\n      className={cn(\n        'flex w-full flex-col gap-2',\n        align === 'center'\n          ? 'items-center text-center'\n          : 'items-start text-left',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nHeader.displayName = 'AlertDialog.Header';\n\n// ============================================\n// Footer\n// ============================================\n\nexport interface FooterProps extends React.ComponentProps<'div'> {\n  align?: AlertDialogAlignment;\n}\n\nconst Footer = React.forwardRef<HTMLDivElement, FooterProps>(function Footer(\n  { className, align = 'start', ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"alert-dialog-footer\"\n      data-align={align}\n      className={cn(\n        'flex w-full flex-row items-center gap-3',\n        align === 'center' ? 'justify-center' : 'justify-end',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nFooter.displayName = 'AlertDialog.Footer';\n\n// ============================================\n// Media\n// ============================================\n\nconst Media = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  function Media({ className, ...props }, ref) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"alert-dialog-media\"\n        className={cn(\n          \"bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md *:[svg:not([class*='size-'])]:size-8\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nMedia.displayName = 'AlertDialog.Media';\n\n// ============================================\n// Title\n// ============================================\n\nconst Title = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<typeof AlertDialogPrimitive.Title>\n>(function Title({ className, ...props }, ref) {\n  return (\n    <AlertDialogPrimitive.Title\n      ref={ref}\n      data-slot=\"alert-dialog-title\"\n      className={cn('text-lg leading-7 font-semibold', className)}\n      {...props}\n    />\n  );\n});\nTitle.displayName = 'AlertDialog.Title';\n\n// ============================================\n// Description\n// ============================================\n\nconst Description = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentProps<typeof AlertDialogPrimitive.Description>\n>(function Description({ className, ...props }, ref) {\n  return (\n    <AlertDialogPrimitive.Description\n      ref={ref}\n      data-slot=\"alert-dialog-description\"\n      className={cn(\n        'text-muted-foreground *:[a]:hover:text-foreground text-sm leading-5 *:[a]:underline *:[a]:underline-offset-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nDescription.displayName = 'AlertDialog.Description';\n\n// ============================================\n// Action\n// ============================================\n\ninterface FooterActionButtonProps extends React.ComponentProps<typeof Button> {\n  dataSlot: AlertDialogFooterActionSlot;\n}\n\nconst FooterActionButton = React.forwardRef<\n  HTMLButtonElement,\n  FooterActionButtonProps\n>(function FooterActionButton(\n  { className, dataSlot, shape = 'rounded', size = 'default', ...props },\n  ref,\n) {\n  return (\n    <Button\n      ref={ref}\n      data-slot={dataSlot}\n      size={size}\n      shape={shape}\n      className={cn(alertDialogFooterActionClassName, className)}\n      {...props}\n    />\n  );\n});\nFooterActionButton.displayName = 'AlertDialog.FooterActionButton';\n\nconst Action = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(function Action(\n  {\n    className,\n    appearance = 'solid',\n    variant = 'primary',\n    size = 'default',\n    shape = 'rounded',\n    ...props\n  },\n  ref,\n) {\n  return (\n    <FooterActionButton\n      ref={ref}\n      dataSlot=\"alert-dialog-action\"\n      appearance={appearance}\n      variant={variant}\n      size={size}\n      shape={shape}\n      className={className}\n      {...props}\n    />\n  );\n});\nAction.displayName = 'AlertDialog.Action';\n\n// ============================================\n// Cancel\n// ============================================\n\nconst Cancel = React.forwardRef<\n  HTMLButtonElement,\n  AlertDialogPrimitive.Close.Props &\n    Pick<\n      React.ComponentProps<typeof Button>,\n      'appearance' | 'variant' | 'size' | 'shape'\n    >\n>(function Cancel(\n  {\n    className,\n    appearance = 'outline',\n    variant = 'secondary',\n    size = 'default',\n    shape = 'rounded',\n    ...props\n  },\n  ref,\n) {\n  return (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      data-slot=\"alert-dialog-cancel\"\n      className={className}\n      render={\n        <FooterActionButton\n          dataSlot=\"alert-dialog-cancel\"\n          appearance={appearance}\n          variant={variant}\n          size={size}\n          shape={shape}\n        />\n      }\n      {...props}\n    />\n  );\n});\nCancel.displayName = 'AlertDialog.Cancel';\n\n// ============================================\n// Type exports\n// ============================================\n\nexport type RootProps = AlertDialogPrimitive.Root.Props;\nexport type TriggerProps = AlertDialogPrimitive.Trigger.Props;\nexport type PortalProps = AlertDialogPrimitive.Portal.Props;\nexport type TitleProps = React.ComponentProps<typeof Title>;\nexport type DescriptionProps = React.ComponentProps<typeof Description>;\nexport type ActionProps = React.ComponentProps<typeof Action>;\nexport type CancelProps = React.ComponentProps<typeof Cancel>;\nexport type MediaProps = React.ComponentProps<typeof Media>;\n\n// ============================================\n// Compound component via dot notation (ADR-011)\n// ============================================\n\nconst AlertDialog = Object.assign(Root, {\n  Root,\n  Trigger,\n  Portal,\n  Backdrop,\n  Viewport,\n  Popup,\n  Header,\n  Footer,\n  Title,\n  Description,\n  Action,\n  Cancel,\n  Media,\n});\n\nexport {\n  Action as AlertDialogAction,\n  AlertDialog,\n  Backdrop as AlertDialogBackdrop,\n  Cancel as AlertDialogCancel,\n  Description as AlertDialogDescription,\n  Footer as AlertDialogFooter,\n  Header as AlertDialogHeader,\n  Media as AlertDialogMedia,\n  Popup as AlertDialogPopup,\n  Portal as AlertDialogPortal,\n  // Sub-components with AlertDialog prefix for direct imports\n  Root as AlertDialogRoot,\n  Title as AlertDialogTitle,\n  Trigger as AlertDialogTrigger,\n  Viewport as AlertDialogViewport,\n};\n"],"mappings":"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AAW,GAAG,SAC/D,KACA;CACA,OACE,oBAAC,QAAD;EACO;EACL,aAAW;EACL;EACC;EACP,WAAW,GAAG,kCAAkC,SAAS;EACzD,GAAI;CACL,CAAA;AAEL,CAAC;AACD,mBAAmB,cAAc;AAEjC,IAAM,SAAS,MAAM,WAGnB,SAAS,OACT,EACE,WACA,aAAa,SACb,UAAU,WACV,OAAO,WACP,QAAQ,WACR,GAAG,SAEL,KACA;CACA,OACE,oBAAC,oBAAD;EACO;EACL,UAAS;EACG;EACH;EACH;EACC;EACI;EACX,GAAI;CACL,CAAA;AAEL,CAAC;AACD,OAAO,cAAc;AAMrB,IAAM,SAAS,MAAM,WAOnB,SAAS,OACT,EACE,WACA,aAAa,WACb,UAAU,aACV,OAAO,WACP,QAAQ,WACR,GAAG,SAEL,KACA;CACA,OACE,oBAAC,YAAqB,OAAtB;EACO;EACL,aAAU;EACC;EACX,QACE,oBAAC,oBAAD;GACE,UAAS;GACG;GACH;GACH;GACC;EACR,CAAA;EAEH,GAAI;CACL,CAAA;AAEL,CAAC;AACD,OAAO,cAAc;AAmBrB,IAAM,gBAAc,OAAO,OAAO,MAAM;CACtC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC"}