@avenue-ticketing/ui 0.11.0 → 0.12.0-beta.2

package/dist/react/dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/utils.ts","../../src/react/dialog.tsx"],"names":[],"mappings":"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","file":"dialog.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { createPortal } from \"react-dom\";\nimport { X } from \"lucide-react\";\n\n/** Used for slide / bottom-sheet motion — duration + entry/exit easing (see `slideMotionEasing`). */\nconst DIALOG_MOTION_MS = 200;\nconst DIALOG_ENTRY_MOTION_EASING = \"cubic-bezier(0.85, 0, 0.15, 1)\";\nconst DIALOG_EXIT_MOTION_EASING = \"cubic-bezier(0.85, 0, 1, 0.15)\";\n\n/** matches `SHEET_MOBILE_MAX_WIDTH_PX` in sheet.tsx */\nconst DIALOG_MOBILE_BOTTOM_SHEET_MAX_PX = 1024;\n\nconst DIALOG_Z_BASE = 50;\nconst DIALOG_Z_STEP = 10;\n\nlet dialogBodyScrollLockCount = 0;\nconst dialogEscapeClosers: Array<() => void> = [];\n\nfunction dialogEscapeOnKeydown(e: KeyboardEvent) {\n  if (e.key !== \"Escape\") return;\n  const top = dialogEscapeClosers[dialogEscapeClosers.length - 1];\n  if (!top) return;\n  e.preventDefault();\n  top();\n}\n\nfunction dialogPushEscapeCloser(closer: () => void) {\n  dialogEscapeClosers.push(closer);\n  if (dialogEscapeClosers.length === 1) {\n    window.addEventListener(\"keydown\", dialogEscapeOnKeydown, true);\n  }\n}\n\nfunction dialogPopEscapeCloser(closer: () => void) {\n  const i = dialogEscapeClosers.lastIndexOf(closer);\n  if (i >= 0) dialogEscapeClosers.splice(i, 1);\n  if (dialogEscapeClosers.length === 0) {\n    window.removeEventListener(\"keydown\", dialogEscapeOnKeydown, true);\n  }\n}\n\ntype DialogSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nfunction useDialogMobileBottomSheetViewport() {\n  const query = `(max-width: ${DIALOG_MOBILE_BOTTOM_SHEET_MAX_PX}px)`;\n  return useSyncExternalStore(\n    (onChange) => {\n      const mq = window.matchMedia(query);\n      mq.addEventListener(\"change\", onChange);\n      return () => mq.removeEventListener(\"change\", onChange);\n    },\n    () => window.matchMedia(query).matches,\n    () => false,\n  );\n}\n\n/**\n * Slide distance for `slideEntrance`, scaled to `size` (full keeps 120px like a\n * mobile sheet; smaller presets use shorter travel so the motion matches width).\n */\nconst SLIDE_ENTRANCE_OFFSET_PX: Record<DialogSize, number> = {\n  sm: 16,\n  md: 16,\n  lg: 16,\n  xl: 16,\n  full: 120,\n};\n\nconst SIZE_CLASSES: Record<Exclude<DialogSize, \"full\">, string> = {\n  sm: \"sm:max-w-sm\",\n  md: \"sm:max-w-md\",\n  lg: \"sm:max-w-lg\",\n  xl: \"sm:max-w-xl\",\n};\n\nconst SIZE_CLASSES_LG_ONLY: Record<Exclude<DialogSize, \"full\">, string> = {\n  sm: \"lg:max-w-sm\",\n  md: \"lg:max-w-md\",\n  lg: \"lg:max-w-lg\",\n  xl: \"lg:max-w-xl\",\n};\n\n/** Same pattern as `useSheetRenderLifecycle` in sheet.tsx (portal + enter/exit timing). */\nfunction useDialogRenderLifecycle(open: boolean, panelCloseMs: number) {\n  const [shouldRender, setShouldRender] = useState(open);\n  const [isAnimating, setIsAnimating] = useState(false);\n\n  useEffect(() => {\n    if (open) {\n      setShouldRender(true);\n    } else {\n      setIsAnimating(false);\n      const timer = setTimeout(() => setShouldRender(false), panelCloseMs);\n      return () => clearTimeout(timer);\n    }\n  }, [open, panelCloseMs]);\n\n  useEffect(() => {\n    if (!shouldRender || !open) return;\n\n    let raf2 = 0;\n    const raf1 = requestAnimationFrame(() => {\n      raf2 = requestAnimationFrame(() => setIsAnimating(true));\n    });\n    return () => {\n      cancelAnimationFrame(raf1);\n      if (raf2) cancelAnimationFrame(raf2);\n    };\n  }, [shouldRender, open]);\n\n  return { shouldRender, isAnimating };\n}\n\n//////////////////////////////////////////////// Context\n\ntype DialogContextValue = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  /** nesting depth for z-index (1 = outermost dialog in tree) */\n  depth: number;\n};\n\nconst DialogContext = React.createContext<DialogContextValue | undefined>(\n  undefined,\n);\n\nfunction useDialog() {\n  const context = React.useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"Dialog components must be used within a <Dialog />\");\n  }\n  return context;\n}\n\n//////////////////////////////////////////////// Main\n\ninterface DialogProps {\n  children: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const Dialog: React.FC<DialogProps> = ({\n  children,\n  open: controlledOpen,\n  onOpenChange,\n}) => {\n  const parentCtx = React.useContext(DialogContext);\n  const parentDepth = parentCtx?.depth ?? 0;\n  const depth = parentDepth + 1;\n\n  const [internalOpen, setInternalOpen] = useState(false);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(value);\n      }\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const contextValue = useMemo<DialogContextValue>(\n    () => ({ open, setOpen, depth }),\n    [open, setOpen, depth],\n  );\n\n  return (\n    <DialogContext.Provider value={contextValue}>\n      {children}\n    </DialogContext.Provider>\n  );\n};\n\nexport const DialogTrigger: React.FC<{\n  children: React.ReactNode;\n  asChild?: boolean;\n}> = ({ children, asChild }) => {\n  const { setOpen } = useDialog();\n\n  const handleClick = () => setOpen(true);\n\n  if (asChild && React.isValidElement(children)) {\n    const child = children as React.ReactElement<{\n      onClick?: React.MouseEventHandler;\n    }>;\n    return React.cloneElement(child, {\n      onClick: (e: React.MouseEvent) => {\n        child.props.onClick?.(e);\n        handleClick();\n      },\n    });\n  }\n\n  return (\n    <button type=\"button\" onClick={handleClick}>\n      {children}\n    </button>\n  );\n};\n\nexport const DialogClose: React.FC<{\n  children: React.ReactNode;\n  asChild?: boolean;\n}> = ({ children, asChild }) => {\n  const { setOpen } = useDialog();\n\n  const handleClick = () => setOpen(false);\n\n  if (asChild && React.isValidElement(children)) {\n    const child = children as React.ReactElement<{\n      onClick?: React.MouseEventHandler;\n    }>;\n    return React.cloneElement(child, {\n      onClick: (e: React.MouseEvent) => {\n        child.props.onClick?.(e);\n        handleClick();\n      },\n    });\n  }\n\n  return (\n    <button type=\"button\" onClick={handleClick}>\n      {children}\n    </button>\n  );\n};\n\n//////////////////////////////////////////////// Close\n\nexport interface DialogCloseButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/**\n * Default dismiss control for {@link DialogContent}. Includes absolute top-right\n * placement; pass `className` to adjust or replace positioning.\n * When `onClick` is omitted, closes via the surrounding `Dialog` context (`setOpen(false)`).\n */\nexport const DialogCloseButton = React.forwardRef<\n  HTMLButtonElement,\n  DialogCloseButtonProps\n>(({ className, type = \"button\", onClick, ...props }, ref) => {\n  const { setOpen } = useDialog();\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      if (onClick == null) {\n        setOpen(false);\n      }\n    },\n    [onClick, setOpen],\n  );\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      className={cn(\n        \"z-100 flex size-12 cursor-pointer items-center justify-center rounded-full transition-all hover:bg-secondary-background active:scale-[0.96]\",\n        className,\n      )}\n      onClick={handleClick}\n      {...props}\n    >\n      <X className=\"size-5.5\" />\n      <span className=\"sr-only\">Close</span>\n    </button>\n  );\n});\nDialogCloseButton.displayName = \"DialogCloseButton\";\n\n//////////////////////////////////////////////// Content\n\ninterface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n  duration?: number;\n  closeOnOverlayClick?: boolean;\n  showClose?: boolean;\n  /**\n   * When `true` (default), viewports ≤1024px use a bottom-anchored panel and\n   * slide-up motion (same breakpoint as {@link SheetContent}). Wider viewports\n   * keep the centered dialog. Set `false` to always use the centered dialog.\n   */\n  mobileBottomSheet?: boolean;\n  /**\n   * When `true`, panel uses translateY + opacity with fixed timing and separate\n   * entry/exit curves (works with any `size`). Default `false` uses scale + fade.\n   * Ignored when `mobileBottomSheet` applies on a narrow viewport.\n   */\n  slideEntrance?: boolean;\n  /** Override slide distance (px); default follows `size` via `SLIDE_ENTRANCE_OFFSET_PX`. */\n  slideEntranceOffsetPx?: number;\n}\n\nexport const DialogContent: React.FC<DialogContentProps> = ({\n  children,\n  size = \"md\",\n  className,\n  duration = 200,\n  closeOnOverlayClick = true,\n  showClose = true,\n  mobileBottomSheet = true,\n  slideEntrance = false,\n  slideEntranceOffsetPx: slideEntranceOffsetPxProp,\n  ...rest\n}) => {\n  const { open, setOpen, depth } = useDialog();\n\n  const isNarrowViewport = useDialogMobileBottomSheetViewport();\n\n  const useMobileBottomSheet = useMemo(\n    () => mobileBottomSheet !== false && isNarrowViewport,\n    [mobileBottomSheet, isNarrowViewport],\n  );\n\n  const useMobileBottomSheetChrome = useMemo(\n    () => mobileBottomSheet !== false && size !== \"full\",\n    [mobileBottomSheet, size],\n  );\n\n  const slideOffsetPx = useMemo(\n    () => slideEntranceOffsetPxProp ?? SLIDE_ENTRANCE_OFFSET_PX[size],\n    [slideEntranceOffsetPxProp, size],\n  );\n\n  const useBottomSheetMotion = useMobileBottomSheet;\n  const useDesktopSlideEntrance = slideEntrance && !useBottomSheetMotion;\n\n  const panelCloseMs = useMemo(\n    () =>\n      useBottomSheetMotion\n        ? DIALOG_MOTION_MS\n        : slideEntrance\n          ? DIALOG_MOTION_MS\n          : duration,\n    [useBottomSheetMotion, slideEntrance, duration],\n  );\n\n  const { shouldRender, isAnimating } = useDialogRenderLifecycle(\n    open,\n    panelCloseMs,\n  );\n\n  const slideMotionEasing = useMemo(\n    () => (open ? DIALOG_ENTRY_MOTION_EASING : DIALOG_EXIT_MOTION_EASING),\n    [open],\n  );\n\n  const portalZIndex = useMemo(\n    () => DIALOG_Z_BASE + (depth - 1) * DIALOG_Z_STEP,\n    [depth],\n  );\n\n  const handleOverlayClick = useCallback(() => {\n    if (closeOnOverlayClick) setOpen(false);\n  }, [closeOnOverlayClick, setOpen]);\n\n  useEffect(() => {\n    if (!open || typeof document === \"undefined\") return;\n\n    const closer = () => setOpen(false);\n    dialogPushEscapeCloser(closer);\n\n    dialogBodyScrollLockCount += 1;\n    if (dialogBodyScrollLockCount === 1) {\n      document.body.style.overflow = \"hidden\";\n    }\n\n    return () => {\n      dialogPopEscapeCloser(closer);\n      dialogBodyScrollLockCount -= 1;\n      if (dialogBodyScrollLockCount <= 0) {\n        dialogBodyScrollLockCount = 0;\n        document.body.style.overflow = \"\";\n      }\n    };\n  }, [open, setOpen]);\n\n  const rootClassName = useMemo(\n    () =>\n      cn(\n        \"fixed inset-0 flex\",\n        size === \"full\"\n          ? \"h-dvh w-full flex-col p-0\"\n          : mobileBottomSheet !== false\n            ? \"max-lg:items-end max-lg:justify-center max-lg:p-0 lg:items-center lg:justify-center lg:p-4\"\n            : \"items-center justify-center p-4\",\n      ),\n    [size, mobileBottomSheet],\n  );\n\n  const rootStyle = useMemo(\n    (): React.CSSProperties => ({ zIndex: portalZIndex }),\n    [portalZIndex],\n  );\n\n  const overlayClassName = useMemo(\n    () =>\n      cn(\n        \"fixed inset-0 bg-black/40 dark:bg-primary/4\",\n        !useBottomSheetMotion && !slideEntrance && \"transition-opacity ease-in-out\",\n        isAnimating ? \"opacity-100\" : \"opacity-0\",\n      ),\n    [useBottomSheetMotion, slideEntrance, isAnimating],\n  );\n\n  const overlayStyle = useMemo((): React.CSSProperties => {\n    const style: React.CSSProperties = {\n      transitionDuration: `${panelCloseMs}ms`,\n    };\n    if (useBottomSheetMotion || slideEntrance) {\n      style.transitionProperty = \"opacity\";\n      style.transitionTimingFunction = slideMotionEasing;\n    }\n    return style;\n  }, [panelCloseMs, useBottomSheetMotion, slideEntrance, slideMotionEasing]);\n\n  const panelClassName = useMemo(() => {\n    const sizeKey = size === \"full\" ? null : size;\n    return cn(\n      \"bg-background relative z-10 w-full overflow-hidden shadow-2xl\",\n      size === \"full\"\n        ? \"flex min-h-0 flex-1 flex-col max-w-none rounded-none\"\n        : cn(\n            \"border-primary/10 border\",\n            useMobileBottomSheetChrome\n              ? \"max-lg:max-h-[min(90dvh,calc(100dvh-env(safe-area-inset-bottom,0px)))] max-lg:rounded-t-2xl max-lg:rounded-b-none max-lg:border-x-0 max-lg:border-b-0 max-lg:border-t max-lg:border-primary/10 lg:rounded-2xl\"\n              : \"rounded-2xl\",\n            sizeKey &&\n              (useMobileBottomSheetChrome\n                ? SIZE_CLASSES_LG_ONLY[sizeKey]\n                : SIZE_CLASSES[sizeKey]),\n          ),\n      !useBottomSheetMotion &&\n        !useDesktopSlideEntrance &&\n        cn(\n          \"transition-all ease-in-out\",\n          isAnimating ? \"scale-100 opacity-100\" : \"scale-95 opacity-0\",\n        ),\n      className,\n    );\n  }, [\n    size,\n    useMobileBottomSheetChrome,\n    useBottomSheetMotion,\n    useDesktopSlideEntrance,\n    isAnimating,\n    className,\n  ]);\n\n  const panelStyle = useMemo((): React.CSSProperties => {\n    const base = { ...rest.style };\n    if (useBottomSheetMotion) {\n      return {\n        ...base,\n        transform: isAnimating ? \"translateY(0)\" : \"translateY(100%)\",\n        opacity: isAnimating ? 1 : 0,\n        transitionProperty: \"transform, opacity\",\n        transitionDuration: `${DIALOG_MOTION_MS}ms`,\n        transitionTimingFunction: slideMotionEasing,\n      };\n    }\n    if (useDesktopSlideEntrance) {\n      return {\n        ...base,\n        transform: isAnimating\n          ? \"translateY(0)\"\n          : `translateY(${slideOffsetPx}px)`,\n        opacity: isAnimating ? 1 : 0,\n        transitionProperty: \"transform, opacity\",\n        transitionDuration: `${DIALOG_MOTION_MS}ms`,\n        transitionTimingFunction: slideMotionEasing,\n      };\n    }\n    return {\n      ...base,\n      transitionDuration: `${duration}ms`,\n    };\n  }, [\n    rest.style,\n    useBottomSheetMotion,\n    useDesktopSlideEntrance,\n    isAnimating,\n    slideOffsetPx,\n    slideMotionEasing,\n    duration,\n  ]);\n\n  if (!shouldRender) return null;\n\n  return createPortal(\n    <div className={rootClassName} style={rootStyle}>\n      <div\n        className={overlayClassName}\n        style={overlayStyle}\n        onClick={handleOverlayClick}\n      />\n\n      <div {...rest} className={panelClassName} style={panelStyle}>\n        {children}\n\n        {showClose && (\n          <DialogCloseButton\n            className={cn(\"absolute top-4 right-4 md:top-4 md:right-4\")}\n          />\n        )}\n      </div>\n    </div>,\n    document.body,\n  );\n};\n\nexport const DialogHeader: React.FC<\n  React.HTMLAttributes<HTMLDivElement> & { fixed?: boolean }\n> = ({ className, fixed, ...props }) => {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col space-y-1.5 p-6 text-center sm:text-left\",\n        fixed && \"bg-background border-primary/10 sticky top-0 z-10 border-b\",\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\nexport const DialogFooter: React.FC<\n  React.HTMLAttributes<HTMLDivElement> & { fixed?: boolean }\n> = ({ className, fixed, ...props }) => {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col-reverse p-6 sm:flex-row sm:justify-end sm:space-x-2\",\n        fixed &&\n          \"bg-background border-primary/10 sticky bottom-0 z-10 border-t pb-[max(1.5rem,env(safe-area-inset-bottom))]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\nexport const DialogTitle: React.FC<\n  React.HTMLAttributes<HTMLHeadingElement>\n> = ({ className, ...props }) => {\n  return (\n    <h3\n      className={cn(\n        \"text-primary text-xl leading-none font-semibold\",\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\nexport const DialogDescription: React.FC<\n  React.HTMLAttributes<HTMLParagraphElement>\n> = ({ className, ...props }) => {\n  return (\n    <p className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n  );\n};\n"]}
+{"version":3,"sources":["../../../../utils/cx.ts","../../../../components/base/dialog/dialog.tsx"],"names":["X"],"mappings":"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","file":"dialog.js","sourcesContent":["import { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n    extend: {\n        theme: {\n            text: [\"display-xs\", \"display-sm\", \"display-md\", \"display-lg\", \"display-xl\", \"display-2xl\"],\n        },\n    },\n});\n\n/**\n * This function is a wrapper around the twMerge function.\n * It is used to merge the classes inside style objects.\n */\nexport const cx = twMerge;\n\n/**\n * This function does nothing besides helping us to be able to\n * sort the classes inside style objects which is not supported\n * by the Tailwind IntelliSense by default.\n */\nexport function sortCx<T extends Record<string, string | number | Record<string, string | number | Record<string, string | number>>>>(classes: T): T {\n    return classes;\n}\n","\"use client\";\nimport React, { useCallback, useEffect, useMemo, useState, useSyncExternalStore } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { XIcon as X } from \"@phosphor-icons/react/dist/csr/X\";\nimport { cx } from \"@/utils/cx\";\n\n/** Used for slide / bottom-sheet motion — duration + entry/exit easing (see `slideMotionEasing`). */\nconst DIALOG_MOTION_MS = 200;\nconst DIALOG_ENTRY_MOTION_EASING = \"cubic-bezier(0.85, 0, 0.15, 1)\";\nconst DIALOG_EXIT_MOTION_EASING = \"cubic-bezier(0.85, 0, 1, 0.15)\";\n\n/** matches `SHEET_MOBILE_MAX_WIDTH_PX` in sheet.tsx */\nconst DIALOG_MOBILE_BOTTOM_SHEET_MAX_PX = 1024;\n\nconst DIALOG_Z_BASE = 50;\nconst DIALOG_Z_STEP = 10;\n\nlet dialogBodyScrollLockCount = 0;\nconst dialogEscapeClosers: Array<() => void> = [];\n\nfunction dialogEscapeOnKeydown(e: KeyboardEvent) {\n    if (e.key !== \"Escape\") return;\n    const top = dialogEscapeClosers[dialogEscapeClosers.length - 1];\n    if (!top) return;\n    e.preventDefault();\n    top();\n}\n\nfunction dialogPushEscapeCloser(closer: () => void) {\n    dialogEscapeClosers.push(closer);\n    if (dialogEscapeClosers.length === 1) {\n        window.addEventListener(\"keydown\", dialogEscapeOnKeydown, true);\n    }\n}\n\nfunction dialogPopEscapeCloser(closer: () => void) {\n    const i = dialogEscapeClosers.lastIndexOf(closer);\n    if (i >= 0) dialogEscapeClosers.splice(i, 1);\n    if (dialogEscapeClosers.length === 0) {\n        window.removeEventListener(\"keydown\", dialogEscapeOnKeydown, true);\n    }\n}\n\ntype DialogSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nfunction useDialogMobileBottomSheetViewport() {\n    const query = `(max-width: ${DIALOG_MOBILE_BOTTOM_SHEET_MAX_PX}px)`;\n    return useSyncExternalStore(\n        (onChange) => {\n            const mq = window.matchMedia(query);\n            mq.addEventListener(\"change\", onChange);\n            return () => mq.removeEventListener(\"change\", onChange);\n        },\n        () => window.matchMedia(query).matches,\n        () => false,\n    );\n}\n\n/**\n * Slide distance for `slideEntrance`, scaled to `size` (full keeps 120px like a\n * mobile sheet; smaller presets use shorter travel so the motion matches width).\n */\nconst SLIDE_ENTRANCE_OFFSET_PX: Record<DialogSize, number> = {\n    sm: 16,\n    md: 16,\n    lg: 16,\n    xl: 16,\n    full: 120,\n};\n\nconst SIZE_CLASSES: Record<Exclude<DialogSize, \"full\">, string> = {\n    sm: \"sm:max-w-sm\",\n    md: \"sm:max-w-md\",\n    lg: \"sm:max-w-lg\",\n    xl: \"sm:max-w-xl\",\n};\n\nconst SIZE_CLASSES_LG_ONLY: Record<Exclude<DialogSize, \"full\">, string> = {\n    sm: \"lg:max-w-sm\",\n    md: \"lg:max-w-md\",\n    lg: \"lg:max-w-lg\",\n    xl: \"lg:max-w-xl\",\n};\n\n/** Same pattern as `useSheetRenderLifecycle` in sheet.tsx (portal + enter/exit timing). */\nfunction useDialogRenderLifecycle(open: boolean, panelCloseMs: number) {\n    const [shouldRender, setShouldRender] = useState(open);\n    const [isAnimating, setIsAnimating] = useState(false);\n\n    useEffect(() => {\n        if (open) {\n            setShouldRender(true);\n        } else {\n            setIsAnimating(false);\n            const timer = setTimeout(() => setShouldRender(false), panelCloseMs);\n            return () => clearTimeout(timer);\n        }\n    }, [open, panelCloseMs]);\n\n    useEffect(() => {\n        if (!shouldRender || !open) return;\n\n        let raf2 = 0;\n        const raf1 = requestAnimationFrame(() => {\n            raf2 = requestAnimationFrame(() => setIsAnimating(true));\n        });\n        return () => {\n            cancelAnimationFrame(raf1);\n            if (raf2) cancelAnimationFrame(raf2);\n        };\n    }, [shouldRender, open]);\n\n    return { shouldRender, isAnimating };\n}\n\n//////////////////////////////////////////////// Context\n\ntype DialogContextValue = {\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    /** nesting depth for z-index (1 = outermost dialog in tree) */\n    depth: number;\n};\n\nconst DialogContext = React.createContext<DialogContextValue | undefined>(undefined);\n\nfunction useDialog() {\n    const context = React.useContext(DialogContext);\n    if (!context) {\n        throw new Error(\"Dialog components must be used within a <Dialog />\");\n    }\n    return context;\n}\n\n//////////////////////////////////////////////// Main\n\ninterface DialogProps {\n    children: React.ReactNode;\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n}\n\nexport const Dialog: React.FC<DialogProps> = ({ children, open: controlledOpen, onOpenChange }) => {\n    const parentCtx = React.useContext(DialogContext);\n    const parentDepth = parentCtx?.depth ?? 0;\n    const depth = parentDepth + 1;\n\n    const [internalOpen, setInternalOpen] = useState(false);\n    const isControlled = controlledOpen !== undefined;\n    const open = isControlled ? controlledOpen : internalOpen;\n\n    const setOpen = React.useCallback(\n        (value: boolean) => {\n            if (!isControlled) {\n                setInternalOpen(value);\n            }\n            onOpenChange?.(value);\n        },\n        [isControlled, onOpenChange],\n    );\n\n    const contextValue = useMemo<DialogContextValue>(() => ({ open, setOpen, depth }), [open, setOpen, depth]);\n\n    return <DialogContext.Provider value={contextValue}>{children}</DialogContext.Provider>;\n};\n\nexport const DialogTrigger: React.FC<{\n    children: React.ReactNode;\n    asChild?: boolean;\n}> = ({ children, asChild }) => {\n    const { setOpen } = useDialog();\n\n    const handleClick = () => setOpen(true);\n\n    if (asChild && React.isValidElement(children)) {\n        const child = children as React.ReactElement<{\n            onClick?: React.MouseEventHandler;\n        }>;\n        return React.cloneElement(child, {\n            onClick: (e: React.MouseEvent) => {\n                child.props.onClick?.(e);\n                handleClick();\n            },\n        });\n    }\n\n    return (\n        <button type=\"button\" onClick={handleClick}>\n            {children}\n        </button>\n    );\n};\n\nexport const DialogClose: React.FC<{\n    children: React.ReactNode;\n    asChild?: boolean;\n}> = ({ children, asChild }) => {\n    const { setOpen } = useDialog();\n\n    const handleClick = () => setOpen(false);\n\n    if (asChild && React.isValidElement(children)) {\n        const child = children as React.ReactElement<{\n            onClick?: React.MouseEventHandler;\n        }>;\n        return React.cloneElement(child, {\n            onClick: (e: React.MouseEvent) => {\n                child.props.onClick?.(e);\n                handleClick();\n            },\n        });\n    }\n\n    return (\n        <button type=\"button\" onClick={handleClick}>\n            {children}\n        </button>\n    );\n};\n\n//////////////////////////////////////////////// Close\n\nexport interface DialogCloseButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/**\n * Default dismiss control for {@link DialogContent}. Includes absolute top-right\n * placement; pass `className` to adjust or replace positioning.\n * When `onClick` is omitted, closes via the surrounding `Dialog` context (`setOpen(false)`).\n */\nexport const DialogCloseButton = React.forwardRef<HTMLButtonElement, DialogCloseButtonProps>(({ className, type = \"button\", onClick, ...props }, ref) => {\n    const { setOpen } = useDialog();\n    const handleClick = useCallback(\n        (e: React.MouseEvent<HTMLButtonElement>) => {\n            onClick?.(e);\n            if (onClick == null) {\n                setOpen(false);\n            }\n        },\n        [onClick, setOpen],\n    );\n\n    return (\n        <button\n            ref={ref}\n            type={type}\n            className={cx(\n                \"relative z-20 flex size-12 cursor-pointer items-center justify-center rounded-full bg-primary text-fg-primary transition duration-100 ease-linear hover:bg-primary_hover hover:text-fg-primary active:scale-[0.96] focus-visible:outline-none focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]\",\n                className,\n            )}\n            onClick={handleClick}\n            {...props}\n        >\n            <X className=\"size-5\" aria-hidden=\"true\" />\n            <span className=\"sr-only\">Close</span>\n        </button>\n    );\n});\nDialogCloseButton.displayName = \"DialogCloseButton\";\n\n//////////////////////////////////////////////// Content\n\ninterface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n    duration?: number;\n    closeOnOverlayClick?: boolean;\n    showClose?: boolean;\n    /**\n     * When `true` (default), viewports ≤1024px use a bottom-anchored panel and\n     * slide-up motion (same breakpoint as {@link SheetContent}). Wider viewports\n     * keep the centered dialog. Set `false` to always use the centered dialog.\n     */\n    mobileBottomSheet?: boolean;\n    /**\n     * When `true`, panel uses translateY + opacity with fixed timing and separate\n     * entry/exit curves (works with any `size`). Default `false` uses scale + fade.\n     * Ignored when `mobileBottomSheet` applies on a narrow viewport.\n     */\n    slideEntrance?: boolean;\n    /** Override slide distance (px); default follows `size` via `SLIDE_ENTRANCE_OFFSET_PX`. */\n    slideEntranceOffsetPx?: number;\n}\n\nexport const DialogContent: React.FC<DialogContentProps> = ({\n    children,\n    size = \"md\",\n    className,\n    duration = 200,\n    closeOnOverlayClick = true,\n    showClose = true,\n    mobileBottomSheet = true,\n    slideEntrance = false,\n    slideEntranceOffsetPx: slideEntranceOffsetPxProp,\n    ...rest\n}) => {\n    const { open, setOpen, depth } = useDialog();\n\n    const isNarrowViewport = useDialogMobileBottomSheetViewport();\n\n    const useMobileBottomSheet = useMemo(() => mobileBottomSheet !== false && isNarrowViewport, [mobileBottomSheet, isNarrowViewport]);\n\n    const useMobileBottomSheetChrome = useMemo(() => mobileBottomSheet !== false && size !== \"full\", [mobileBottomSheet, size]);\n\n    const slideOffsetPx = useMemo(() => slideEntranceOffsetPxProp ?? SLIDE_ENTRANCE_OFFSET_PX[size], [slideEntranceOffsetPxProp, size]);\n\n    const useBottomSheetMotion = useMobileBottomSheet;\n    const useDesktopSlideEntrance = slideEntrance && !useBottomSheetMotion;\n\n    const panelCloseMs = useMemo(\n        () => (useBottomSheetMotion ? DIALOG_MOTION_MS : slideEntrance ? DIALOG_MOTION_MS : duration),\n        [useBottomSheetMotion, slideEntrance, duration],\n    );\n\n    const { shouldRender, isAnimating } = useDialogRenderLifecycle(open, panelCloseMs);\n\n    const slideMotionEasing = useMemo(() => (open ? DIALOG_ENTRY_MOTION_EASING : DIALOG_EXIT_MOTION_EASING), [open]);\n\n    const portalZIndex = useMemo(() => DIALOG_Z_BASE + (depth - 1) * DIALOG_Z_STEP, [depth]);\n\n    const handleOverlayClick = useCallback(() => {\n        if (closeOnOverlayClick) setOpen(false);\n    }, [closeOnOverlayClick, setOpen]);\n\n    useEffect(() => {\n        if (!open || typeof document === \"undefined\") return;\n\n        const closer = () => setOpen(false);\n        dialogPushEscapeCloser(closer);\n\n        dialogBodyScrollLockCount += 1;\n        if (dialogBodyScrollLockCount === 1) {\n            document.body.style.overflow = \"hidden\";\n        }\n\n        return () => {\n            dialogPopEscapeCloser(closer);\n            dialogBodyScrollLockCount -= 1;\n            if (dialogBodyScrollLockCount <= 0) {\n                dialogBodyScrollLockCount = 0;\n                document.body.style.overflow = \"\";\n            }\n        };\n    }, [open, setOpen]);\n\n    const rootClassName = useMemo(\n        () =>\n            cx(\n                \"fixed inset-0 flex\",\n                size === \"full\"\n                    ? \"h-dvh w-full flex-col p-0\"\n                    : mobileBottomSheet !== false\n                      ? \"max-lg:items-end max-lg:justify-center max-lg:p-0 lg:items-center lg:justify-center lg:p-4\"\n                      : \"items-center justify-center p-4\",\n            ),\n        [size, mobileBottomSheet],\n    );\n\n    const rootStyle = useMemo((): React.CSSProperties => ({ zIndex: portalZIndex }), [portalZIndex]);\n\n    const overlayClassName = useMemo(\n        () =>\n            cx(\n                \"fixed inset-0 bg-overlay/70\",\n                !useBottomSheetMotion && !slideEntrance && \"transition-opacity ease-in-out\",\n                isAnimating ? \"opacity-100\" : \"opacity-0\",\n            ),\n        [useBottomSheetMotion, slideEntrance, isAnimating],\n    );\n\n    const overlayStyle = useMemo((): React.CSSProperties => {\n        const style: React.CSSProperties = {\n            transitionDuration: `${panelCloseMs}ms`,\n        };\n        if (useBottomSheetMotion || slideEntrance) {\n            style.transitionProperty = \"opacity\";\n            style.transitionTimingFunction = slideMotionEasing;\n        }\n        return style;\n    }, [panelCloseMs, useBottomSheetMotion, slideEntrance, slideMotionEasing]);\n\n    const panelClassName = useMemo(() => {\n        const sizeKey = size === \"full\" ? null : size;\n        return cx(\n            \"relative z-10 w-full overflow-hidden bg-primary shadow-xl\",\n            size === \"full\"\n                ? \"flex min-h-0 max-w-none flex-1 flex-col rounded-none\"\n                : cx(\n                      \"border border-secondary\",\n                      useMobileBottomSheetChrome\n                          ? \"max-lg:max-h-[min(90dvh,calc(100dvh-env(safe-area-inset-bottom,0px)))] max-lg:rounded-t-2xl max-lg:rounded-b-none max-lg:border-x-0 max-lg:border-t max-lg:border-b-0 max-lg:border-secondary lg:rounded-2xl\"\n                          : \"rounded-2xl\",\n                      sizeKey && (useMobileBottomSheetChrome ? SIZE_CLASSES_LG_ONLY[sizeKey] : SIZE_CLASSES[sizeKey]),\n                  ),\n            !useBottomSheetMotion && !useDesktopSlideEntrance && cx(\"transition-all ease-in-out\", isAnimating ? \"scale-100 opacity-100\" : \"scale-95 opacity-0\"),\n            className,\n        );\n    }, [size, useMobileBottomSheetChrome, useBottomSheetMotion, useDesktopSlideEntrance, isAnimating, className]);\n\n    const panelStyle = useMemo((): React.CSSProperties => {\n        const base = { ...rest.style };\n        if (useBottomSheetMotion) {\n            return {\n                ...base,\n                transform: isAnimating ? \"translateY(0)\" : \"translateY(100%)\",\n                opacity: isAnimating ? 1 : 0,\n                transitionProperty: \"transform, opacity\",\n                transitionDuration: `${DIALOG_MOTION_MS}ms`,\n                transitionTimingFunction: slideMotionEasing,\n            };\n        }\n        if (useDesktopSlideEntrance) {\n            return {\n                ...base,\n                transform: isAnimating ? \"translateY(0)\" : `translateY(${slideOffsetPx}px)`,\n                opacity: isAnimating ? 1 : 0,\n                transitionProperty: \"transform, opacity\",\n                transitionDuration: `${DIALOG_MOTION_MS}ms`,\n                transitionTimingFunction: slideMotionEasing,\n            };\n        }\n        return {\n            ...base,\n            transitionDuration: `${duration}ms`,\n        };\n    }, [rest.style, useBottomSheetMotion, useDesktopSlideEntrance, isAnimating, slideOffsetPx, slideMotionEasing, duration]);\n\n    if (!shouldRender) return null;\n\n    return createPortal(\n        <div className={rootClassName} style={rootStyle}>\n            <div className={overlayClassName} style={overlayStyle} onClick={handleOverlayClick} />\n\n            <div {...rest} className={panelClassName} style={panelStyle}>\n                {children}\n\n                {showClose && <DialogCloseButton className={cx(\"absolute top-4 right-4 md:top-4 md:right-4\")} />}\n            </div>\n        </div>,\n        document.body,\n    );\n};\n\nexport const DialogHeader: React.FC<React.HTMLAttributes<HTMLDivElement> & { fixed?: boolean }> = ({ className, fixed, ...props }) => {\n    return (\n        <div\n            className={cx(\n                \"flex flex-col space-y-1.5 p-6 pr-14 text-center sm:text-left\",\n                fixed && \"sticky top-0 z-10 border-b border-secondary bg-primary\",\n                className,\n            )}\n            {...props}\n        />\n    );\n};\n\nexport const DialogFooter: React.FC<React.HTMLAttributes<HTMLDivElement> & { fixed?: boolean }> = ({ className, fixed, ...props }) => {\n    return (\n        <div\n            className={cx(\n                \"flex flex-col-reverse p-6 sm:flex-row sm:justify-end sm:space-x-2\",\n                fixed && \"sticky bottom-0 z-10 border-t border-secondary bg-primary pb-[max(1.5rem,env(safe-area-inset-bottom))]\",\n                className,\n            )}\n            {...props}\n        />\n    );\n};\n\nexport const DialogTitle: React.FC<React.HTMLAttributes<HTMLHeadingElement>> = ({ className, ...props }) => {\n    return <h3 className={cx(\"text-xl leading-none font-semibold text-primary\", className)} {...props} />;\n};\n\nexport const DialogDescription: React.FC<React.HTMLAttributes<HTMLParagraphElement>> = ({ className, ...props }) => {\n    return <p className={cx(\"text-sm text-tertiary\", className)} {...props} />;\n};\n"]}

package/dist/react/dropdown-account-breadcrumb.d.ts

@@ -0,0 +1,5 @@
+import * as react from 'react';
+
+declare const DropdownAccountBreadcrumb: () => react.JSX.Element;
+
+export { DropdownAccountBreadcrumb };

package/dist/react/dropdown-account-breadcrumb.js

@@ -0,0 +1,481 @@
+import { createContext, useState, useMemo, useContext, useEffect, useLayoutEffect, useRef } from 'react';
+import { CaretUpDownIcon } from '@phosphor-icons/react/dist/csr/CaretUpDown';
+import { MenuTrigger, Button, MenuItem, OverlayTriggerStateContext, Popover, Menu } from 'react-aria-components';
+import { UserIcon } from '@phosphor-icons/react/dist/csr/User';
+import { extendTailwindMerge } from 'tailwind-merge';
+import '@phosphor-icons/react/dist/csr/Plus';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { createPortal } from 'react-dom';
+import '@phosphor-icons/react/dist/csr/Check';
+import '@phosphor-icons/react/dist/csr/CaretRight';
+import '@phosphor-icons/react/dist/csr/DotsThreeVertical';
+import { XIcon } from '@phosphor-icons/react/dist/csr/X';
+
+var twMerge = extendTailwindMerge({
+  extend: {
+    theme: {
+      text: ["display-xs", "display-sm", "display-md", "display-lg", "display-xl", "display-2xl"]
+    }
+  }
+});
+var cx = twMerge;
+var sizes = {
+  xs: "size-1.5",
+  sm: "size-2",
+  md: "size-2.5",
+  lg: "size-3",
+  xl: "size-3.5",
+  "2xl": "size-4",
+  "3xl": "size-4.5",
+  "4xl": "size-5"
+};
+var AvatarOnlineIndicator = ({ size, status, className }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: cx(
+      "absolute right-0 bottom-0 flex justify-center rounded-full ring-[1.5px] ring-bg-primary",
+      status === "online" ? "bg-fg-success-secondary" : "bg-utility-neutral-300",
+      sizes[size],
+      className
+    ),
+    style: {
+      backgroundImage: "radial-gradient(43.75% 43.75% at 50% 28.75%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 74.66%, rgba(255, 255, 255, 0.18) 100%), radial-gradient(75% 75% at 50% 0%, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.00) 50%, rgba(255, 255, 255, 0.08) 99%, rgba(255, 255, 255, 0.00) 100%)"
+    },
+    children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 7.2 2.85", fill: "none", className: "mt-[10%] h-[20%] w-[60%]", children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7.2 1.83107C7.2 2.84235 5.58823 2.19729 3.6 2.19729C1.61177 2.19729 0 2.84235 0 1.83107C0 0.8198 1.61177 0 3.6 0C5.58823 0 7.2 0.8198 7.2 1.83107Z",
+          fill: "url(#reflection-gradient)",
+          fillOpacity: "0.4"
+        }
+      ),
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "reflection-gradient", x1: "3.6", y1: "0", x2: "3.6", y2: "2.4", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsx("stop", { stopColor: "white" }),
+        /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0.1" })
+      ] }) })
+    ] })
+  }
+);
+var sizes2 = {
+  xs: "size-2.5",
+  sm: "size-3",
+  md: "size-3.5",
+  lg: "size-4",
+  xl: "size-4.5",
+  "2xl": "size-5",
+  "3xl": "size-6",
+  "4xl": "size-8"
+};
+var VerifiedTick = ({ size, className }) => /* @__PURE__ */ jsxs("svg", { className: cx("z-10 text-utility-blue-500", sizes2[size], className), viewBox: "0 0 10 10", fill: "none", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7.72237 1.77098C7.81734 2.00068 7.99965 2.18326 8.2292 2.27858L9.03413 2.61199C9.26384 2.70714 9.44635 2.88965 9.5415 3.11936C9.63665 3.34908 9.63665 3.60718 9.5415 3.83689L9.20833 4.64125C9.11313 4.87106 9.113 5.12943 9.20863 5.35913L9.54122 6.16325C9.58839 6.27702 9.61268 6.39897 9.6127 6.52214C9.61272 6.6453 9.58847 6.76726 9.54134 6.88105C9.4942 6.99484 9.42511 7.09823 9.33801 7.18531C9.2509 7.27238 9.14749 7.34144 9.03369 7.38854L8.22934 7.72171C7.99964 7.81669 7.81706 7.99899 7.72174 8.22855L7.38833 9.03348C7.29318 9.26319 7.11067 9.4457 6.88096 9.54085C6.65124 9.636 6.39314 9.636 6.16343 9.54085L5.35907 9.20767C5.12935 9.11276 4.87134 9.11295 4.64177 9.20821L3.83684 9.54115C3.60725 9.63608 3.34937 9.636 3.11984 9.54092C2.89032 9.44585 2.70791 9.26356 2.6127 9.03409L2.27918 8.22892C2.18421 7.99923 2.0019 7.81665 1.77235 7.72133L0.967421 7.38792C0.737807 7.29281 0.555355 7.11041 0.460169 6.88083C0.364983 6.65125 0.364854 6.39327 0.45981 6.16359L0.792984 5.35924C0.8879 5.12952 0.887707 4.87151 0.792445 4.64193L0.459749 3.83642C0.41258 3.72265 0.388291 3.60069 0.388272 3.47753C0.388252 3.35436 0.412501 3.2324 0.459634 3.11861C0.506767 3.00482 0.57586 2.90144 0.662965 2.81436C0.75007 2.72728 0.853479 2.65822 0.967283 2.61113L1.77164 2.27795C2.00113 2.18306 2.1836 2.00099 2.27899 1.7717L2.6124 0.966768C2.70755 0.737054 2.89006 0.554547 3.11978 0.459397C3.34949 0.364246 3.60759 0.364246 3.83731 0.459397L4.64166 0.792571C4.87138 0.887487 5.12939 0.887293 5.35897 0.792031L6.16424 0.459913C6.39392 0.364816 6.65197 0.364836 6.88164 0.459968C7.11131 0.555099 7.29379 0.737554 7.38895 0.967208L7.72247 1.77238L7.72237 1.77098Z",
+      className: "fill-current"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6.95829 3.68932C7.02509 3.58439 7.04747 3.45723 7.02051 3.3358C6.99356 3.21437 6.91946 3.10862 6.81454 3.04182C6.70961 2.97502 6.58245 2.95264 6.46102 2.97959C6.33959 3.00655 6.23384 3.08064 6.16704 3.18557L4.33141 6.06995L3.49141 5.01995C3.41375 4.92281 3.30069 4.8605 3.17709 4.84673C3.05349 4.83296 2.92949 4.86885 2.83235 4.94651C2.73522 5.02417 2.67291 5.13723 2.65914 5.26083C2.64536 5.38443 2.68125 5.50843 2.75891 5.60557L4.00891 7.16807C4.0555 7.22638 4.11533 7.27271 4.18344 7.30323C4.25154 7.33375 4.32595 7.34757 4.40047 7.34353C4.47499 7.3395 4.54747 7.31773 4.61188 7.28004C4.67629 7.24234 4.73077 7.18981 4.77079 7.12682L6.95829 3.68932Z",
+      fill: "white"
+    }
+  )
+] });
+var AvatarCount = ({ count, className }) => /* @__PURE__ */ jsx("div", { className: cx("absolute right-0 bottom-0 p-px", className), children: /* @__PURE__ */ jsx("div", { className: "flex size-3.5 items-center justify-center rounded-full bg-fg-error-primary text-center text-[10px] leading-[13px] font-bold text-white", children: count }) });
+var styles = {
+  xs: { root: "size-6", rootWithBorder: "p-px", initials: "text-xs font-semibold", icon: "size-4" },
+  sm: { root: "size-8", rootWithBorder: "p-px", initials: "text-sm font-semibold", icon: "size-5" },
+  md: { root: "size-10", rootWithBorder: "p-px", initials: "text-md font-semibold", icon: "size-6" },
+  lg: { root: "size-12", rootWithBorder: "p-[1.5px]", initials: "text-lg font-semibold", icon: "size-7" },
+  xl: { root: "size-14", rootWithBorder: "p-0.5", initials: "text-xl font-semibold", icon: "size-8" },
+  "2xl": { root: "size-16", rootWithBorder: "p-0.5", initials: "text-display-xs font-semibold", icon: "size-8" }
+};
+var Avatar = ({
+  size = "md",
+  src,
+  alt,
+  initials,
+  placeholder,
+  placeholderIcon: PlaceholderIcon,
+  border,
+  badge,
+  status,
+  verified,
+  count,
+  focusable = false,
+  rounded = true,
+  className,
+  contentClassName
+}) => {
+  const [isFailed, setIsFailed] = useState(false);
+  const canShowImage = src && !isFailed;
+  const renderMainContent = () => {
+    if (canShowImage) {
+      return /* @__PURE__ */ jsx("img", { "data-avatar-img": true, className: "size-full object-cover", src, alt, onError: () => setIsFailed(true) });
+    }
+    if (initials) {
+      return /* @__PURE__ */ jsx("span", { className: cx("text-quaternary", styles[size].initials), children: initials });
+    }
+    if (PlaceholderIcon) {
+      return /* @__PURE__ */ jsx(PlaceholderIcon, { className: cx("text-fg-quaternary", styles[size].icon) });
+    }
+    return placeholder || /* @__PURE__ */ jsx(UserIcon, { className: cx("text-fg-quaternary", styles[size].icon) });
+  };
+  const renderBadgeContent = () => {
+    if (status) {
+      return /* @__PURE__ */ jsx(AvatarOnlineIndicator, { status, size });
+    }
+    if (verified) {
+      return /* @__PURE__ */ jsx(VerifiedTick, { size, className: cx("absolute right-0 bottom-0", size === "xs" && "-right-px -bottom-px") });
+    }
+    if (count) {
+      return /* @__PURE__ */ jsx(AvatarCount, { count });
+    }
+    return badge;
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-avatar": true,
+      className: cx(
+        "relative inline-flex shrink-0 rounded-[7px]",
+        rounded && "rounded-full",
+        // Focus styles
+        focusable && "outline-none group-focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]",
+        border && "ring-1 ring-secondary_alt",
+        border && styles[size].rootWithBorder,
+        styles[size].root,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cx(
+              "relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]",
+              rounded && "rounded-full",
+              canShowImage && size !== "xs" && "before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]",
+              contentClassName
+            ),
+            children: renderMainContent()
+          }
+        ),
+        renderBadgeContent()
+      ]
+    }
+  );
+};
+var MOBILE_SHEET_MOTION_MS = 175;
+var MOBILE_SHEET_ENTRY_EASING = "cubic-bezier(0.85, 0, 0.15, 1)";
+var MOBILE_SHEET_EXIT_EASING = "cubic-bezier(0.85, 0, 1, 0.15)";
+var MOBILE_SHEET_SLIDE_ENTRANCE_OFFSET_PX = 120;
+function resolveSelectMobileOptions(mobileOptions) {
+  return {
+    sheet: mobileOptions?.sheet ?? true,
+    title: mobileOptions?.title,
+    sheetClassName: mobileOptions?.className,
+    contentClassName: mobileOptions?.contentClassName
+  };
+}
+function useMobileSheetAnimation(open, enabled, slideEntrance = true, slideOffsetPx = MOBILE_SHEET_SLIDE_ENTRANCE_OFFSET_PX) {
+  const [shouldRender, setShouldRender] = useState(open);
+  const [isAnimating, setIsAnimating] = useState(false);
+  useLayoutEffect(() => {
+    if (!enabled) {
+      setShouldRender(open);
+      return;
+    }
+    if (open) {
+      setShouldRender(true);
+    }
+  }, [open, enabled]);
+  useEffect(() => {
+    if (!enabled || open) return;
+    const timer = setTimeout(() => setShouldRender(false), MOBILE_SHEET_MOTION_MS);
+    return () => clearTimeout(timer);
+  }, [open, enabled]);
+  useLayoutEffect(() => {
+    if (!enabled || open || !shouldRender) return;
+    setIsAnimating(false);
+  }, [enabled, open, shouldRender]);
+  useEffect(() => {
+    if (!enabled || !shouldRender || !open) return;
+    let raf2 = 0;
+    const raf1 = requestAnimationFrame(() => {
+      raf2 = requestAnimationFrame(() => setIsAnimating(true));
+    });
+    return () => {
+      cancelAnimationFrame(raf1);
+      if (raf2) cancelAnimationFrame(raf2);
+    };
+  }, [shouldRender, open, enabled]);
+  const motionEasing = open ? MOBILE_SHEET_ENTRY_EASING : MOBILE_SHEET_EXIT_EASING;
+  const hiddenTransform = slideEntrance ? `translateY(${slideOffsetPx}px)` : "translateY(100%)";
+  const panelStyle = enabled ? {
+    transform: isAnimating ? "translateY(0)" : hiddenTransform,
+    opacity: isAnimating ? 1 : 0,
+    transitionProperty: "transform, opacity",
+    transitionDuration: `${MOBILE_SHEET_MOTION_MS}ms`,
+    transitionTimingFunction: motionEasing
+  } : void 0;
+  const backdropStyle = enabled ? {
+    opacity: isAnimating ? 1 : 0,
+    transitionProperty: "opacity",
+    transitionDuration: `${MOBILE_SHEET_MOTION_MS}ms`,
+    transitionTimingFunction: motionEasing
+  } : void 0;
+  return { shouldRender, isAnimating, panelStyle, backdropStyle };
+}
+var MOBILE_SHEET_MAX_PX = 1024;
+function useIsMobile(breakpoint = MOBILE_SHEET_MAX_PX + 1) {
+  const [isMobile, setIsMobile] = useState(() => {
+    if (typeof window === "undefined") return false;
+    return window.matchMedia(`(max-width: ${breakpoint - 1}px)`).matches;
+  });
+  useEffect(() => {
+    const mq = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
+    const handler = (e) => setIsMobile(e.matches);
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, [breakpoint]);
+  return isMobile;
+}
+var RADIO_DOT_DELAY_MS = 60;
+var RADIO_DOT_POP_MS = 100;
+function RadioAnimatedDot({ className }) {
+  const dotRef = useRef(null);
+  useLayoutEffect(() => {
+    const dot = dotRef.current;
+    if (!dot) return;
+    if (typeof dot.animate !== "function") {
+      dot.style.opacity = "1";
+      dot.style.transform = "scale(1)";
+      return;
+    }
+    const anim = dot.animate(
+      [
+        { opacity: 0, transform: "scale(0)" },
+        { opacity: 1, transform: "scale(1)" }
+      ],
+      {
+        duration: RADIO_DOT_POP_MS,
+        delay: RADIO_DOT_DELAY_MS,
+        easing: "cubic-bezier(0.45, 0, 0.2, 1)",
+        fill: "forwards"
+      }
+    );
+    return () => anim.cancel();
+  }, []);
+  return /* @__PURE__ */ jsx("div", { ref: dotRef, "aria-hidden": "true", className: cx("rounded-full bg-fg-white", className), style: { opacity: 0, transform: "scale(0)" } });
+}
+var focusRingShadow2 = "outline-none [box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+createContext(null);
+var RadioButtonBase = ({ className, isFocusVisible, isSelected, isDisabled, size = "sm" }) => {
+  const dotClassName = size === "sm" ? "size-1.5" : "size-2";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx(
+        "relative flex shrink-0 cursor-pointer appearance-none items-center justify-center overflow-clip rounded-full border border-solid border-primary bg-primary",
+        size === "sm" ? "size-4" : "size-5",
+        isSelected && "border-transparent bg-brand-solid",
+        !isSelected && !isDisabled && "group-hover:bg-primary_hover",
+        isDisabled && "cursor-not-allowed opacity-50",
+        isDisabled && !isSelected && "bg-tertiary",
+        isFocusVisible && !isDisabled && focusRingShadow2,
+        className
+      ),
+      children: isSelected && /* @__PURE__ */ jsx(RadioAnimatedDot, { className: cx("pointer-events-none", dotClassName) })
+    }
+  );
+};
+RadioButtonBase.displayName = "RadioButtonBase";
+var DropdownMenu = (props) => {
+  return /* @__PURE__ */ jsx(
+    Menu,
+    {
+      ...props,
+      className: (state) => cx("h-min overflow-y-auto py-1 outline-hidden select-none", typeof props.className === "function" ? props.className(state) : props.className)
+    }
+  );
+};
+var DropdownSheetDepthContext = createContext(0);
+function DropdownSheetCloseButton({ onClose }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        onClose();
+      },
+      className: "flex size-12 shrink-0 cursor-pointer items-center justify-center rounded-full text-fg-primary transition duration-100 ease-linear hover:bg-primary_hover active:scale-[0.96] focus-visible:outline-none focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]",
+      children: [
+        /* @__PURE__ */ jsx(XIcon, { className: "size-5", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+      ]
+    }
+  );
+}
+function DropdownSheetChrome({ title, onClose, children }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: cx("flex w-full shrink-0 items-center py-2 pl-4 pr-2", title ? "justify-between gap-3" : "justify-end"), children: [
+      title ? /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 truncate text-base font-semibold text-primary", children: title }) : null,
+      /* @__PURE__ */ jsx(DropdownSheetCloseButton, { onClose })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto pb-[max(2.5rem,calc(env(safe-area-inset-bottom)+2rem))]", children })
+  ] });
+}
+var DropdownPopover = ({ mobileOptions, children, className, style, ...props }) => {
+  const isMobile = useIsMobile();
+  const resolvedMobile = useMemo(() => resolveSelectMobileOptions(mobileOptions), [mobileOptions]);
+  const useMobileSheet = isMobile && resolvedMobile.sheet;
+  const overlayState = useContext(OverlayTriggerStateContext);
+  const open = overlayState?.isOpen ?? false;
+  const parentDepth = useContext(DropdownSheetDepthContext);
+  const depth = parentDepth + 1;
+  const { shouldRender, panelStyle, backdropStyle } = useMobileSheetAnimation(open, useMobileSheet);
+  useEffect(() => {
+    if (!useMobileSheet || !open) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [useMobileSheet, open]);
+  if (!useMobileSheet) {
+    return /* @__PURE__ */ jsx(
+      Popover,
+      {
+        placement: "bottom right",
+        ...props,
+        style,
+        className: (state) => cx(
+          "w-62 origin-(--trigger-anchor-point) overflow-auto rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt will-change-transform",
+          state.isEntering && "duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5",
+          state.isExiting && "duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5",
+          typeof className === "function" ? className(state) : className
+        ),
+        children
+      }
+    );
+  }
+  const close = () => overlayState?.close();
+  const showMobileSheet = shouldRender;
+  const isMobileSheetExiting = showMobileSheet && !open;
+  const scrimZIndex = 50 + (depth - 1) * 10;
+  const sheetZIndex = scrimZIndex + 1;
+  const mobileScrim = shouldRender && typeof document !== "undefined" ? createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 bg-overlay/70",
+        style: { ...backdropStyle, zIndex: scrimZIndex },
+        onClick: close,
+        "aria-hidden": "true"
+      }
+    ),
+    document.body
+  ) : null;
+  return /* @__PURE__ */ jsxs(DropdownSheetDepthContext.Provider, { value: depth, children: [
+    mobileScrim,
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        placement: "bottom",
+        containerPadding: 0,
+        offset: 0,
+        ...props,
+        isExiting: isMobileSheetExiting,
+        "data-dropdown-mobile-sheet": true,
+        style: { ...panelStyle, zIndex: sheetZIndex, ...style },
+        className: (state) => cx(
+          "fixed! inset-x-0! bottom-0! top-auto! right-0! left-0! flex max-h-[min(90dvh,calc(100dvh-env(safe-area-inset-bottom,0px)))] w-full! max-w-none! flex-col overflow-hidden rounded-t-2xl rounded-b-none border-x-0 border-t border-secondary bg-primary shadow-xl outline-hidden",
+          resolvedMobile.sheetClassName,
+          typeof className === "function" ? className(state) : className
+        ),
+        children: /* @__PURE__ */ jsx(DropdownSheetChrome, { title: resolvedMobile.title, onClose: close, children: typeof children === "function" ? null : children })
+      }
+    )
+  ] });
+};
+var Dropdown = {
+  Root: MenuTrigger,
+  Popover: DropdownPopover,
+  Menu: DropdownMenu};
+var focusShadowPlain2 = "focus-visible:outline-none focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+var focusShadowInset2 = "[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+var accounts = [
+  {
+    id: "caitlyn",
+    name: "Caitlyn King",
+    email: "caitlyn@untitledui.com",
+    avatar: "https://www.untitledui.com/images/avatars/caitlyn-king?fm=webp&q=80",
+    status: "online"
+  },
+  {
+    id: "sienna",
+    name: "Sienna Hewitt",
+    email: "sienna@untitledui.com",
+    avatar: "https://www.untitledui.com/images/avatars/transparent/sienna-hewitt?bg=%23E0E0E0",
+    status: "online"
+  }
+];
+var DropdownAccountBreadcrumb = () => {
+  const [selectedAccountKey, setSelectedAccountKey] = useState("caitlyn");
+  const selectedAccount = accounts.find((account) => account.id === selectedAccountKey);
+  return /* @__PURE__ */ jsxs(Dropdown.Root, { children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        className: ({ isPressed }) => cx("flex cursor-pointer items-center gap-1.5 rounded-lg", isPressed && "opacity-90", focusShadowPlain2),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex rounded-lg bg-primary p-0.5 ring-[0.5px] ring-secondary ring-inset", children: /* @__PURE__ */ jsx(Avatar, { size: "xs", src: selectedAccount?.avatar, className: "shadow-md", contentClassName: "rounded-md before:hidden" }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-primary", children: selectedAccount?.name }),
+          /* @__PURE__ */ jsx(CaretUpDownIcon, { className: "size-3 shrink-0 stroke-3 text-fg-quaternary" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Dropdown.Popover, { className: "w-62", placement: "bottom left", children: /* @__PURE__ */ jsx(
+      Dropdown.Menu,
+      {
+        disallowEmptySelection: true,
+        selectionMode: "single",
+        selectedKeys: [selectedAccountKey],
+        onSelectionChange: (keys) => setSelectedAccountKey(Array.from(keys).join()),
+        className: "flex flex-col gap-1 px-1.5 py-1.5",
+        children: accounts.map((account) => /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            id: account.id,
+            textValue: account.name,
+            className: (state) => cx(
+              "relative w-full cursor-pointer rounded-md px-2 py-2 text-left transition duration-100 ease-linear hover:bg-primary_hover focus:z-10 focus-visible:outline-none",
+              state.isFocusVisible && focusShadowInset2,
+              state.isSelected && "bg-primary_hover"
+            ),
+            children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("figure", { className: "group flex min-w-0 flex-1 items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex rounded-[10px] bg-primary p-0.5 ring-[0.5px] ring-secondary ring-inset", children: /* @__PURE__ */ jsx(Avatar, { size: "sm", src: account.avatar, className: "shadow-md", contentClassName: "rounded-lg before:hidden" }) }),
+                /* @__PURE__ */ jsxs("figcaption", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-primary", children: account.name }),
+                  /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-tertiary", children: account.email })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(RadioButtonBase, { isSelected, className: "absolute top-2 right-2" })
+            ] })
+          },
+          account.name
+        ))
+      }
+    ) })
+  ] });
+};
+
+export { DropdownAccountBreadcrumb };
+//# sourceMappingURL=dropdown-account-breadcrumb.js.map
+//# sourceMappingURL=dropdown-account-breadcrumb.js.map