@windrun-huaiin/third-ui 6.2.2 → 6.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/chunk-52YUUCKV.js +3190 -0
  2. package/dist/chunk-52YUUCKV.js.map +1 -0
  3. package/dist/chunk-6MM7HLNX.js +226 -0
  4. package/dist/chunk-6MM7HLNX.js.map +1 -0
  5. package/dist/chunk-6PW67OXW.js +967 -0
  6. package/dist/chunk-6PW67OXW.js.map +1 -0
  7. package/dist/chunk-BZLOMDT7.mjs +90 -0
  8. package/dist/chunk-BZLOMDT7.mjs.map +1 -0
  9. package/dist/chunk-C3MW5ZUN.mjs +967 -0
  10. package/dist/chunk-C3MW5ZUN.mjs.map +1 -0
  11. package/dist/chunk-FOMCGWDM.mjs +17 -0
  12. package/dist/chunk-FOMCGWDM.mjs.map +1 -0
  13. package/dist/chunk-ICXWQI2S.mjs +126 -0
  14. package/dist/chunk-ICXWQI2S.mjs.map +1 -0
  15. package/dist/chunk-IOUCFIRG.mjs +3190 -0
  16. package/dist/chunk-IOUCFIRG.mjs.map +1 -0
  17. package/dist/chunk-J26XFRUS.js +17 -0
  18. package/dist/chunk-J26XFRUS.js.map +1 -0
  19. package/dist/chunk-LZLW5WCC.js +90 -0
  20. package/dist/chunk-LZLW5WCC.js.map +1 -0
  21. package/dist/chunk-NV3UQTCW.mjs +226 -0
  22. package/dist/chunk-NV3UQTCW.mjs.map +1 -0
  23. package/dist/chunk-TBXDOQXP.js +126 -0
  24. package/dist/chunk-TBXDOQXP.js.map +1 -0
  25. package/dist/chunk-TKLIIDBR.mjs +2804 -0
  26. package/dist/chunk-TKLIIDBR.mjs.map +1 -0
  27. package/dist/chunk-W7K5Y2WR.js +2804 -0
  28. package/dist/chunk-W7K5Y2WR.js.map +1 -0
  29. package/dist/clerk/index.js +13 -57
  30. package/dist/clerk/index.js.map +1 -1
  31. package/dist/clerk/index.mjs +7 -27
  32. package/dist/clerk/index.mjs.map +1 -1
  33. package/dist/clerk/server.js +60 -2907
  34. package/dist/clerk/server.js.map +1 -1
  35. package/dist/clerk/server.mjs +33 -2846
  36. package/dist/clerk/server.mjs.map +1 -1
  37. package/dist/fuma/mdx/index.js +7 -4084
  38. package/dist/fuma/mdx/index.js.map +1 -1
  39. package/dist/fuma/mdx/index.mjs +20 -4058
  40. package/dist/fuma/mdx/index.mjs.map +1 -1
  41. package/dist/fuma/server.js +442 -3695
  42. package/dist/fuma/server.js.map +1 -1
  43. package/dist/fuma/server.mjs +232 -3476
  44. package/dist/fuma/server.mjs.map +1 -1
  45. package/dist/lib/server.js +39 -105
  46. package/dist/lib/server.js.map +1 -1
  47. package/dist/lib/server.mjs +4 -24
  48. package/dist/lib/server.mjs.map +1 -1
  49. package/dist/main/index.js +6 -6214
  50. package/dist/main/index.js.map +1 -1
  51. package/dist/main/index.mjs +16 -6184
  52. package/dist/main/index.mjs.map +1 -1
  53. package/dist/main/server.js +184 -6032
  54. package/dist/main/server.js.map +1 -1
  55. package/dist/main/server.mjs +147 -5957
  56. package/dist/main/server.mjs.map +1 -1
  57. package/package.json +2 -2
package/dist/chunk-52YUUCKV.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/Users/funeye/IdeaProjects/next-ai-build/packages/third-ui/dist/chunk-52YUUCKV.js","../src/main/go-to-top.tsx","../src/main/loading.tsx","../src/main/nprogress-bar.tsx","../src/main/ads-alert-dialog.tsx","../../base-ui/src/ui/alert-dialog.tsx","../../../node_modules/.pnpm/@radix-ui+react-alert-dialog@1.1.14_@types+react-dom@19.1.3_@types+react@19.1.2__@types_c6ff7006a888f63e36d2502e019661c3/node_modules/@radix-ui/react-alert-dialog/src/alert-dialog.tsx","../../../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-context/src/create-context.tsx","../../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.3_@types+react@19.1.2__@types+react_848f83211ce5e4d8275fe0d3e11a9387/node_modules/@radix-ui/react-dialog/src/dialog.tsx","../../../node_modules/.pnpm/@radix-ui+primitive@1.1.2/node_modules/@radix-ui/primitive/src/primitive.tsx","../../../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-id/src/id.tsx","../../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-layout-effect/src/use-layout-effect.tsx","../../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-controllable-state/src/use-controllable-state.tsx","../../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-controllable-state/src/use-controllable-state-reducer.tsx","../../../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.3_@types+react@19.1.2__@_048ea5800fbfacb7489e4b7d728b493c/node_modules/@radix-ui/react-dismissable-layer/src/dismissable-layer.tsx","../../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.1.3_@types+react@19.1.2__@types+rea_43250ccbc78c27b15284efcf829a65d5/node_modules/@radix-ui/react-primitive/src/primitive.tsx","../../../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-callback-ref/src/use-callback-ref.tsx","../../../node_modules/.pnpm/@radix-ui+react-use-escape-keydown@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-escape-keydown/src/use-escape-keydown.tsx","../../../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.7_@types+react-dom@19.1.3_@types+react@19.1.2__@types+r_1ff7b04b7c975087a2da2b1568ac976e/node_modules/@radix-ui/react-focus-scope/src/focus-scope.tsx","../../../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.1.3_@types+react@19.1.2__@types+react@_a0745de0839b0b019298ec068509a840/node_modules/@radix-ui/react-portal/src/portal.tsx","../../../node_modules/.pnpm/@radix-ui+react-presence@1.1.4_@types+react-dom@19.1.3_@types+react@19.1.2__@types+reac_dbbe976722e7c3e02883ea31c3bbbf14/node_modules/@radix-ui/react-presence/src/presence.tsx","../../../node_modules/.pnpm/@radix-ui+react-presence@1.1.4_@types+react-dom@19.1.3_@types+react@19.1.2__@types+reac_dbbe976722e7c3e02883ea31c3bbbf14/node_modules/@radix-ui/react-presence/src/use-state-machine.tsx","../../../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-focus-guards/src/focus-guards.tsx","../../../node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs","../../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js","../../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/UI.js","../../../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/constants.js","../../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.2_react@19.1.0/node_modules/use-callback-ref/dist/es2015/assignRef.js","../../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.2_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useRef.js","../../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.2_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useMergeRef.js","../../../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.2_react@19.1.0/node_modules/use-sidecar/dist/es2015/medium.js","../../../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.2_react@19.1.0/node_modules/use-sidecar/dist/es2015/exports.js","../../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/medium.js","../../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/SideEffect.js","../../../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/component.js","../../../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.2_react@19.1.0/node_modules/react-style-singleton/dist/es2015/hook.js","../../../node_modules/.pnpm/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js","../../../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.2_react@19.1.0/node_modules/react-style-singleton/dist/es2015/singleton.js","../../../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.2_react@19.1.0/node_modules/react-style-singleton/dist/es2015/component.js","../../../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/utils.js","../../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js","../../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/handleScroll.js","../../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/sidecar.js","../../../node_modules/.pnpm/aria-hidden@1.2.6/node_modules/aria-hidden/dist/es2015/index.js","../src/main/x-button.tsx","../src/main/ai-prompt-textarea.tsx","../src/main/rich-text-expert.tsx","../src/main/faq-interactive.tsx","../src/main/price-plan-interactive.tsx","../src/main/gallery-interactive.tsx"],"names":["React","createContext","useContext","useLayoutEffect","value","Slot","Node","handleAndDispatchPointerDownOutsideEvent","handleFocusIn","handleFocusOut","handleMutations","ReactDOM","count","useCallbackRef","useState","cbs","SideCar","Style","PORTAL_NAME","Portal","TRIGGER_NAME","OVERLAY_NAME","CONTENT_NAME","TITLE_NAME","DESCRIPTION_NAME","DescriptionWarning","Overlay","Content","Description","AlertDialog","AlertDialogPortal","AlertDialogOverlay","AlertDialogContent","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","AlertDialogCancel","useEffect","actualLoadingText","_a"],"mappings":"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","file":"/Users/funeye/IdeaProjects/next-ai-build/packages/third-ui/dist/chunk-52YUUCKV.js","sourcesContent":[null,"'use client';\nimport { useState, useEffect } from 'react';\nimport { globalLucideIcons as icons } from '@base-ui/components/global-icon';\n\nexport function GoToTop() {\n const [isVisible, setIsVisible] = useState(false);\n\n // listen to scroll event\n useEffect(() => {\n const toggleVisibility = () => {\n if (window.scrollY > 300) {\n setIsVisible(true);\n } else {\n setIsVisible(false);\n }\n };\n\n window.addEventListener('scroll', toggleVisibility);\n return () => window.removeEventListener('scroll', toggleVisibility);\n }, []);\n\n // scroll to top\n const scrollToTop = () => {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n };\n\n return (\n <>\n {isVisible && (\n <button\n onClick={scrollToTop}\n className=\"fixed bottom-6 right-6 p-3 bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700 text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300 z-50\"\n aria-label=\"Go to top\"\n >\n <icons.ArrowUp size={20} className=\"text-white\" />\n </button>\n )}\n </>\n );\n} ","'use client';\nconst NUM_ROWS = 15;\nconst NUM_COLS = 15;\nconst DOT_SIZE = 6; // px, dot diameter\nconst SPACING = 12; // px, space between dot centers\nconst ANIMATION_DURATION = 1.8; // seconds\nconst STAGGER_DELAY_FACTOR = 0.08; // seconds, delay per unit of distance from center\n\n// Expanded palette for more \"dazzling\" effect\nconst COLORS = [\n '#AC62FD', // Base Purple\n '#C364FA', \n '#DD59F7',\n '#FF4FF2', // Bright Pink/Magenta\n '#F067DD',\n '#E26AF8',\n '#DA70D6', // Orchid\n '#BA55D3', // Medium Orchid\n '#9370DB', // Medium Purple\n '#8A2BE2' // Blue Violet\n];\n\nexport function Loading() {\n const dots = [];\n const centerX = (NUM_COLS - 1) / 2;\n const centerY = (NUM_ROWS - 1) / 2;\n\n for (let i = 0; i < NUM_ROWS; i++) {\n for (let j = 0; j < NUM_COLS; j++) {\n // Calculate distance from the center of the grid\n const distance = Math.sqrt(Math.pow(i - centerY, 2) + Math.pow(j - centerX, 2));\n dots.push({\n id: `${i}-${j}`,\n row: i,\n col: j,\n // Animation delay based on distance, creating a ripple effect\n delay: distance * STAGGER_DELAY_FACTOR,\n // Color selection based on distance rings\n color: COLORS[Math.floor(distance) % COLORS.length],\n });\n }\n }\n\n // Calculate the total width and height of the dot container\n const containerWidth = (NUM_COLS - 1) * SPACING + DOT_SIZE;\n const containerHeight = (NUM_ROWS - 1) * SPACING + DOT_SIZE;\n\n return (\n <div className=\"flex flex-col items-center justify-center min-h-screen bg-neutral-900\">\n <div\n style={{\n width: containerWidth,\n height: containerHeight,\n position: 'relative',\n borderRadius: '50%', // Make the container circular\n overflow: 'hidden', // Clip dots outside the circle\n }}\n >\n {dots.map(dot => (\n <div\n key={dot.id}\n style={{\n position: 'absolute',\n left: dot.col * SPACING,\n top: dot.row * SPACING,\n width: DOT_SIZE,\n height: DOT_SIZE,\n backgroundColor: dot.color,\n borderRadius: '50%',\n animationName: 'loading-dot-pulse',\n animationDuration: `${ANIMATION_DURATION}s`,\n animationTimingFunction: 'cubic-bezier(0.45, 0, 0.55, 1)',\n animationIterationCount: 'infinite',\n animationDelay: `${dot.delay}s`,\n opacity: 0,\n transform: 'scale(0)',\n }}\n />\n ))}\n {/* Centered Loading Text */}\n <div \n className=\"absolute inset-0 flex items-center justify-center\"\n style={{ pointerEvents: 'none' }} // So text doesn't interfere with potential mouse events on dots if any\n >\n <p className=\"text-xl font-semibold text-white\">\n Loading...\n </p>\n </div>\n </div>\n </div>\n );\n} ","'use client';\nimport NProgress from 'nprogress'\nimport { usePathname } from 'next/navigation'\nimport { useEffect, useRef } from 'react'\n\n// remove NProgress progress bar spinner circle\nNProgress.configure({ showSpinner: false })\n\nexport function NProgressBar() {\n const pathname = usePathname()\n const previousPath = useRef(pathname)\n\n useEffect(() => {\n if (previousPath.current !== pathname) {\n NProgress.start()\n setTimeout(() => {\n NProgress.done()\n }, 100)\n previousPath.current = pathname\n }\n }, [pathname])\n\n return null\n} ","'use client';\nimport React, { useState } from \"react\";\nimport Image from \"next/image\";\nimport { globalLucideIcons as icons } from \"@base-ui/components/global-icon\";\nimport {\n AlertDialog,\n AlertDialogContent,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n} from \"@base-ui/ui/alert-dialog\";\n\ninterface AdsAlertDialogProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n title: React.ReactNode;\n description: React.ReactNode;\n imgSrc?: string;\n imgHref?: string;\n onCancel?: () => void;\n cancelText?: string;\n confirmText?: string;\n onConfirm?: () => void;\n}\n\nexport function AdsAlertDialog({\n open,\n onOpenChange,\n title,\n description,\n imgSrc,\n imgHref,\n cancelText,\n onCancel,\n confirmText,\n onConfirm,\n}: AdsAlertDialogProps) {\n const [imgError, setImgError] = useState(false);\n\n return (\n <AlertDialog open={open} onOpenChange={onOpenChange}>\n <AlertDialogContent\n className=\"fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white dark:bg-neutral-900 rounded-2xl shadow-2xl border border-neutral-200 dark:border-neutral-700 max-w-md w-full min-w-[320px] p-4 flex flex-col items-stretch\"\n >\n {/* Header: left icon + title, right X close */}\n <div className=\"flex flex-row items-center justify-between mb-2\">\n <AlertDialogTitle asChild>\n <div className=\"flex flex-row items-center gap-1 min-w-0 text-xl font-semibold\">\n <icons.Info className=\"w-5 h-5\" />\n <span className=\"truncate\">{title}</span>\n </div>\n </AlertDialogTitle>\n <button\n className=\"text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-200 text-xl ml-4\"\n onClick={() => onOpenChange(false)}\n aria-label=\"Close\"\n tabIndex={0}\n >\n <icons.X className=\"w-5 h-5\" />\n </button>\n </div>\n \n {/* description area */}\n <AlertDialogDescription className=\"text-base font-medium text-neutral-800 dark:text-neutral-100 mb-2\">\n {description}\n </AlertDialogDescription>\n {/* image area (optional) */}\n {imgSrc && (\n <div className=\"w-full max-w-[400px] h-[220px] relative flex items-center justify-center mb-2\">\n {imgError ? (\n <div className=\"absolute inset-0 flex flex-col items-center justify-center bg-gray-100 dark:bg-neutral-800 border border-dashed border-neutral-300 dark:border-neutral-700 rounded-lg text-neutral-400 text-sm\">\n <icons.ImageOff className=\"w-12 h-12 mb-2\" />\n <span>Image loading failed</span>\n </div>\n ) : imgHref ? (\n <a href={imgHref} target=\"_blank\" rel=\"noopener noreferrer\" className=\"block w-full h-full\">\n <Image\n src={imgSrc}\n alt=\"image\"\n fill\n className=\"object-contain rounded-lg\"\n priority={false}\n placeholder=\"empty\"\n unoptimized\n onError={() => setImgError(true)}\n sizes=\"(max-width: 400px) 100vw, 400px\"\n />\n </a>\n ) : (\n <Image\n src={imgSrc}\n alt=\"image\"\n fill\n className=\"object-contain rounded-lg\"\n priority={false}\n placeholder=\"empty\"\n unoptimized\n onError={() => setImgError(true)}\n sizes=\"(max-width: 400px) 100vw, 400px\"\n />\n )}\n </div>\n )}\n {/* button area (optional) */}\n {(cancelText || confirmText) && (\n <div className=\"flex justify-end gap-2 mt-2\">\n {cancelText && (\n <button\n onClick={() => {\n onOpenChange(false);\n onCancel?.();\n }}\n className=\"px-6 py-2 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 text-neutral-700 dark:text-neutral-200 font-semibold hover:bg-neutral-100 dark:hover:bg-neutral-700 transition\"\n >\n {cancelText}\n </button>\n )}\n {confirmText && (\n <AlertDialogAction\n onClick={() => {\n onOpenChange(false);\n onConfirm?.();\n }}\n className=\"px-6 py-2 rounded-lg bg-purple-500 text-white font-semibold hover:bg-purple-600 transition\"\n >\n {confirmText}\n </AlertDialogAction>\n )}\n </div>\n )}\n </AlertDialogContent>\n </AlertDialog>\n );\n} ","'use client';\nimport * as React from \"react\"\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\"\n\nimport { cn } from \"@lib/utils\"\nimport { buttonVariants } from \"@base-ui/ui/button\"\n\nconst AlertDialog = AlertDialogPrimitive.Root\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal\n\nconst AlertDialogOverlay = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Overlay\n className={cn(\n \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n className\n )}\n {...props}\n ref={ref}\n />\n))\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName\n\nconst AlertDialogContent = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Content\n ref={ref}\n className={cn(\n \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\n className\n )}\n {...props}\n />\n </AlertDialogPortal>\n))\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName\n\nconst AlertDialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col space-y-2 text-center sm:text-left\",\n className\n )}\n {...props}\n />\n)\nAlertDialogHeader.displayName = \"AlertDialogHeader\"\n\nconst AlertDialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className\n )}\n {...props}\n />\n)\nAlertDialogFooter.displayName = \"AlertDialogFooter\"\n\nconst AlertDialogTitle = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold\", className)}\n {...props}\n />\n))\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName\n\nconst AlertDialogDescription = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nAlertDialogDescription.displayName =\n AlertDialogPrimitive.Description.displayName\n\nconst AlertDialogAction = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Action>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Action\n ref={ref}\n className={cn(buttonVariants(), className)}\n {...props}\n />\n))\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName\n\nconst AlertDialogCancel = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Cancel\n ref={ref}\n className={cn(\n buttonVariants({ variant: \"outline\" }),\n \"mt-2 sm:mt-0\",\n className\n )}\n {...props}\n />\n))\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName\n\nexport {\n AlertDialog,\n AlertDialogPortal,\n AlertDialogOverlay,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n}\n","import * as React from 'react';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { createDialogScope } from '@radix-ui/react-dialog';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createSlottable } from '@radix-ui/react-slot';\n\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst ROOT_NAME = 'AlertDialog';\n\ntype ScopedProps<P> = P & { __scopeAlertDialog?: Scope };\nconst [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [\n createDialogScope,\n]);\nconst useDialogScope = createDialogScope();\n\ntype DialogProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;\ninterface AlertDialogProps extends Omit<DialogProps, 'modal'> {}\n\nconst AlertDialog: React.FC<AlertDialogProps> = (props: ScopedProps<AlertDialogProps>) => {\n const { __scopeAlertDialog, ...alertDialogProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return <DialogPrimitive.Root {...dialogScope} {...alertDialogProps} modal={true} />;\n};\n\nAlertDialog.displayName = ROOT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogTrigger\n * -----------------------------------------------------------------------------------------------*/\nconst TRIGGER_NAME = 'AlertDialogTrigger';\n\ntype AlertDialogTriggerElement = React.ComponentRef<typeof DialogPrimitive.Trigger>;\ntype DialogTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;\ninterface AlertDialogTriggerProps extends DialogTriggerProps {}\n\nconst AlertDialogTrigger = React.forwardRef<AlertDialogTriggerElement, AlertDialogTriggerProps>(\n (props: ScopedProps<AlertDialogTriggerProps>, forwardedRef) => {\n const { __scopeAlertDialog, ...triggerProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return <DialogPrimitive.Trigger {...dialogScope} {...triggerProps} ref={forwardedRef} />;\n }\n);\n\nAlertDialogTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'AlertDialogPortal';\n\ntype DialogPortalProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;\ninterface AlertDialogPortalProps extends DialogPortalProps {}\n\nconst AlertDialogPortal: React.FC<AlertDialogPortalProps> = (\n props: ScopedProps<AlertDialogPortalProps>\n) => {\n const { __scopeAlertDialog, ...portalProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return <DialogPrimitive.Portal {...dialogScope} {...portalProps} />;\n};\n\nAlertDialogPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'AlertDialogOverlay';\n\ntype AlertDialogOverlayElement = React.ComponentRef<typeof DialogPrimitive.Overlay>;\ntype DialogOverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;\ninterface AlertDialogOverlayProps extends DialogOverlayProps {}\n\nconst AlertDialogOverlay = React.forwardRef<AlertDialogOverlayElement, AlertDialogOverlayProps>(\n (props: ScopedProps<AlertDialogOverlayProps>, forwardedRef) => {\n const { __scopeAlertDialog, ...overlayProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return <DialogPrimitive.Overlay {...dialogScope} {...overlayProps} ref={forwardedRef} />;\n }\n);\n\nAlertDialogOverlay.displayName = OVERLAY_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'AlertDialogContent';\n\ntype AlertDialogContentContextValue = {\n cancelRef: React.MutableRefObject<AlertDialogCancelElement | null>;\n};\n\nconst [AlertDialogContentProvider, useAlertDialogContentContext] =\n createAlertDialogContext<AlertDialogContentContextValue>(CONTENT_NAME);\n\ntype AlertDialogContentElement = React.ComponentRef<typeof DialogPrimitive.Content>;\ntype DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;\ninterface AlertDialogContentProps\n extends Omit<DialogContentProps, 'onPointerDownOutside' | 'onInteractOutside'> {}\n\nconst Slottable = createSlottable('AlertDialogContent');\n\nconst AlertDialogContent = React.forwardRef<AlertDialogContentElement, AlertDialogContentProps>(\n (props: ScopedProps<AlertDialogContentProps>, forwardedRef) => {\n const { __scopeAlertDialog, children, ...contentProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n const contentRef = React.useRef<AlertDialogContentElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, contentRef);\n const cancelRef = React.useRef<AlertDialogCancelElement | null>(null);\n\n return (\n <DialogPrimitive.WarningProvider\n contentName={CONTENT_NAME}\n titleName={TITLE_NAME}\n docsSlug=\"alert-dialog\"\n >\n <AlertDialogContentProvider scope={__scopeAlertDialog} cancelRef={cancelRef}>\n <DialogPrimitive.Content\n role=\"alertdialog\"\n {...dialogScope}\n {...contentProps}\n ref={composedRefs}\n onOpenAutoFocus={composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {\n event.preventDefault();\n cancelRef.current?.focus({ preventScroll: true });\n })}\n onPointerDownOutside={(event) => event.preventDefault()}\n onInteractOutside={(event) => event.preventDefault()}\n >\n {/**\n * We have to use `Slottable` here as we cannot wrap the `AlertDialogContentProvider`\n * around everything, otherwise the `DescriptionWarning` would be rendered straight away.\n * This is because we want the accessibility checks to run only once the content is actually\n * open and that behaviour is already encapsulated in `DialogContent`.\n */}\n <Slottable>{children}</Slottable>\n {process.env.NODE_ENV === 'development' && (\n <DescriptionWarning contentRef={contentRef} />\n )}\n </DialogPrimitive.Content>\n </AlertDialogContentProvider>\n </DialogPrimitive.WarningProvider>\n );\n }\n);\n\nAlertDialogContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'AlertDialogTitle';\n\ntype AlertDialogTitleElement = React.ComponentRef<typeof DialogPrimitive.Title>;\ntype DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;\ninterface AlertDialogTitleProps extends DialogTitleProps {}\n\nconst AlertDialogTitle = React.forwardRef<AlertDialogTitleElement, AlertDialogTitleProps>(\n (props: ScopedProps<AlertDialogTitleProps>, forwardedRef) => {\n const { __scopeAlertDialog, ...titleProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return <DialogPrimitive.Title {...dialogScope} {...titleProps} ref={forwardedRef} />;\n }\n);\n\nAlertDialogTitle.displayName = TITLE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'AlertDialogDescription';\n\ntype AlertDialogDescriptionElement = React.ComponentRef<typeof DialogPrimitive.Description>;\ntype DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;\ninterface AlertDialogDescriptionProps extends DialogDescriptionProps {}\n\nconst AlertDialogDescription = React.forwardRef<\n AlertDialogDescriptionElement,\n AlertDialogDescriptionProps\n>((props: ScopedProps<AlertDialogDescriptionProps>, forwardedRef) => {\n const { __scopeAlertDialog, ...descriptionProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return <DialogPrimitive.Description {...dialogScope} {...descriptionProps} ref={forwardedRef} />;\n});\n\nAlertDialogDescription.displayName = DESCRIPTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogAction\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACTION_NAME = 'AlertDialogAction';\n\ntype AlertDialogActionElement = React.ComponentRef<typeof DialogPrimitive.Close>;\ntype DialogCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;\ninterface AlertDialogActionProps extends DialogCloseProps {}\n\nconst AlertDialogAction = React.forwardRef<AlertDialogActionElement, AlertDialogActionProps>(\n (props: ScopedProps<AlertDialogActionProps>, forwardedRef) => {\n const { __scopeAlertDialog, ...actionProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return <DialogPrimitive.Close {...dialogScope} {...actionProps} ref={forwardedRef} />;\n }\n);\n\nAlertDialogAction.displayName = ACTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogCancel\n * -----------------------------------------------------------------------------------------------*/\n\nconst CANCEL_NAME = 'AlertDialogCancel';\n\ntype AlertDialogCancelElement = React.ComponentRef<typeof DialogPrimitive.Close>;\ninterface AlertDialogCancelProps extends DialogCloseProps {}\n\nconst AlertDialogCancel = React.forwardRef<AlertDialogCancelElement, AlertDialogCancelProps>(\n (props: ScopedProps<AlertDialogCancelProps>, forwardedRef) => {\n const { __scopeAlertDialog, ...cancelProps } = props;\n const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);\n const dialogScope = useDialogScope(__scopeAlertDialog);\n const ref = useComposedRefs(forwardedRef, cancelRef);\n return <DialogPrimitive.Close {...dialogScope} {...cancelProps} ref={ref} />;\n }\n);\n\nAlertDialogCancel.displayName = CANCEL_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype DescriptionWarningProps = {\n contentRef: React.RefObject<AlertDialogContentElement | null>;\n};\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({ contentRef }) => {\n const MESSAGE = `\\`${CONTENT_NAME}\\` requires a description for the component to be accessible for screen reader users.\n\nYou can add a description to the \\`${CONTENT_NAME}\\` by passing a \\`${DESCRIPTION_NAME}\\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a description by assigning it an \\`id\\` and passing the same value to the \\`aria-describedby\\` prop in \\`${CONTENT_NAME}\\`. If the description is confusing or duplicative for sighted users, you can use the \\`@radix-ui/react-visually-hidden\\` primitive as a wrapper around your description component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;\n\n React.useEffect(() => {\n const hasDescription = document.getElementById(\n contentRef.current?.getAttribute('aria-describedby')!\n );\n if (!hasDescription) console.warn(MESSAGE);\n }, [MESSAGE, contentRef]);\n\n return null;\n};\n\nconst Root = AlertDialog;\nconst Trigger = AlertDialogTrigger;\nconst Portal = AlertDialogPortal;\nconst Overlay = AlertDialogOverlay;\nconst Content = AlertDialogContent;\nconst Action = AlertDialogAction;\nconst Cancel = AlertDialogCancel;\nconst Title = AlertDialogTitle;\nconst Description = AlertDialogDescription;\n\nexport {\n createAlertDialogScope,\n //\n AlertDialog,\n AlertDialogTrigger,\n AlertDialogPortal,\n AlertDialogOverlay,\n AlertDialogContent,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogTitle,\n AlertDialogDescription,\n //\n Root,\n Trigger,\n Portal,\n Overlay,\n Content,\n Action,\n Cancel,\n Title,\n Description,\n};\nexport type {\n AlertDialogProps,\n AlertDialogTriggerProps,\n AlertDialogPortalProps,\n AlertDialogOverlayProps,\n AlertDialogContentProps,\n AlertDialogActionProps,\n AlertDialogCancelProps,\n AlertDialogTitleProps,\n AlertDialogDescriptionProps,\n};\n","import * as React from 'react';\n\nfunction createContext<ContextValueType extends object | null>(\n rootComponentName: string,\n defaultContext?: ContextValueType\n) {\n const Context = React.createContext<ContextValueType | undefined>(defaultContext);\n\n const Provider: React.FC<ContextValueType & { children: React.ReactNode }> = (props) => {\n const { children, ...context } = props;\n // Only re-memoize when prop values change\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const value = React.useMemo(() => context, Object.values(context)) as ContextValueType;\n return <Context.Provider value={value}>{children}</Context.Provider>;\n };\n\n Provider.displayName = rootComponentName + 'Provider';\n\n function useContext(consumerName: string) {\n const context = React.useContext(Context);\n if (context) return context;\n if (defaultContext !== undefined) return defaultContext;\n // if a defaultContext wasn't specified, it's a required context.\n throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``);\n }\n\n return [Provider, useContext] as const;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * createContextScope\n * -----------------------------------------------------------------------------------------------*/\n\ntype Scope<C = any> = { [scopeName: string]: React.Context<C>[] } | undefined;\ntype ScopeHook = (scope: Scope) => { [__scopeProp: string]: Scope };\ninterface CreateScope {\n scopeName: string;\n (): ScopeHook;\n}\n\nfunction createContextScope(scopeName: string, createContextScopeDeps: CreateScope[] = []) {\n let defaultContexts: any[] = [];\n\n /* -----------------------------------------------------------------------------------------------\n * createContext\n * ---------------------------------------------------------------------------------------------*/\n\n function createContext<ContextValueType extends object | null>(\n rootComponentName: string,\n defaultContext?: ContextValueType\n ) {\n const BaseContext = React.createContext<ContextValueType | undefined>(defaultContext);\n const index = defaultContexts.length;\n defaultContexts = [...defaultContexts, defaultContext];\n\n const Provider: React.FC<\n ContextValueType & { scope: Scope<ContextValueType>; children: React.ReactNode }\n > = (props) => {\n const { scope, children, ...context } = props;\n const Context = scope?.[scopeName]?.[index] || BaseContext;\n // Only re-memoize when prop values change\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const value = React.useMemo(() => context, Object.values(context)) as ContextValueType;\n return <Context.Provider value={value}>{children}</Context.Provider>;\n };\n\n Provider.displayName = rootComponentName + 'Provider';\n\n function useContext(consumerName: string, scope: Scope<ContextValueType | undefined>) {\n const Context = scope?.[scopeName]?.[index] || BaseContext;\n const context = React.useContext(Context);\n if (context) return context;\n if (defaultContext !== undefined) return defaultContext;\n // if a defaultContext wasn't specified, it's a required context.\n throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``);\n }\n\n return [Provider, useContext] as const;\n }\n\n /* -----------------------------------------------------------------------------------------------\n * createScope\n * ---------------------------------------------------------------------------------------------*/\n\n const createScope: CreateScope = () => {\n const scopeContexts = defaultContexts.map((defaultContext) => {\n return React.createContext(defaultContext);\n });\n return function useScope(scope: Scope) {\n const contexts = scope?.[scopeName] || scopeContexts;\n return React.useMemo(\n () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),\n [scope, contexts]\n );\n };\n };\n\n createScope.scopeName = scopeName;\n return [createContext, composeContextScopes(createScope, ...createContextScopeDeps)] as const;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * composeContextScopes\n * -----------------------------------------------------------------------------------------------*/\n\nfunction composeContextScopes(...scopes: CreateScope[]) {\n const baseScope = scopes[0];\n if (scopes.length === 1) return baseScope;\n\n const createScope: CreateScope = () => {\n const scopeHooks = scopes.map((createScope) => ({\n useScope: createScope(),\n scopeName: createScope.scopeName,\n }));\n\n return function useComposedScopes(overrideScopes) {\n const nextScopes = scopeHooks.reduce((nextScopes, { useScope, scopeName }) => {\n // We are calling a hook inside a callback which React warns against to avoid inconsistent\n // renders, however, scoping doesn't have render side effects so we ignore the rule.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const scopeProps = useScope(overrideScopes);\n const currentScope = scopeProps[`__scope${scopeName}`];\n return { ...nextScopes, ...currentScope };\n }, {});\n\n return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);\n };\n };\n\n createScope.scopeName = baseScope.scopeName;\n return createScope;\n}\n\n/* -----------------------------------------------------------------------------------------------*/\n\nexport { createContext, createContextScope };\nexport type { CreateScope, Scope };\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContext, createContextScope } from '@radix-ui/react-context';\nimport { useId } from '@radix-ui/react-id';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { FocusScope } from '@radix-ui/react-focus-scope';\nimport { Portal as PortalPrimitive } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useFocusGuards } from '@radix-ui/react-focus-guards';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport { hideOthers } from 'aria-hidden';\nimport { createSlot } from '@radix-ui/react-slot';\n\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst DIALOG_NAME = 'Dialog';\n\ntype ScopedProps<P> = P & { __scopeDialog?: Scope };\nconst [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);\n\ntype DialogContextValue = {\n triggerRef: React.RefObject<HTMLButtonElement | null>;\n contentRef: React.RefObject<DialogContentElement | null>;\n contentId: string;\n titleId: string;\n descriptionId: string;\n open: boolean;\n onOpenChange(open: boolean): void;\n onOpenToggle(): void;\n modal: boolean;\n};\n\nconst [DialogProvider, useDialogContext] = createDialogContext<DialogContextValue>(DIALOG_NAME);\n\ninterface DialogProps {\n children?: React.ReactNode;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?(open: boolean): void;\n modal?: boolean;\n}\n\nconst Dialog: React.FC<DialogProps> = (props: ScopedProps<DialogProps>) => {\n const {\n __scopeDialog,\n children,\n open: openProp,\n defaultOpen,\n onOpenChange,\n modal = true,\n } = props;\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n const contentRef = React.useRef<DialogContentElement>(null);\n const [open, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen ?? false,\n onChange: onOpenChange,\n caller: DIALOG_NAME,\n });\n\n return (\n <DialogProvider\n scope={__scopeDialog}\n triggerRef={triggerRef}\n contentRef={contentRef}\n contentId={useId()}\n titleId={useId()}\n descriptionId={useId()}\n open={open}\n onOpenChange={setOpen}\n onOpenToggle={React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen])}\n modal={modal}\n >\n {children}\n </DialogProvider>\n );\n};\n\nDialog.displayName = DIALOG_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'DialogTrigger';\n\ntype DialogTriggerElement = React.ComponentRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface DialogTriggerProps extends PrimitiveButtonProps {}\n\nconst DialogTrigger = React.forwardRef<DialogTriggerElement, DialogTriggerProps>(\n (props: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n const { __scopeDialog, ...triggerProps } = props;\n const context = useDialogContext(TRIGGER_NAME, __scopeDialog);\n const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n return (\n <Primitive.button\n type=\"button\"\n aria-haspopup=\"dialog\"\n aria-expanded={context.open}\n aria-controls={context.contentId}\n data-state={getState(context.open)}\n {...triggerProps}\n ref={composedTriggerRef}\n onClick={composeEventHandlers(props.onClick, context.onOpenToggle)}\n />\n );\n }\n);\n\nDialogTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'DialogPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createDialogContext<PortalContextValue>(PORTAL_NAME, {\n forceMount: undefined,\n});\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;\ninterface DialogPortalProps {\n children?: React.ReactNode;\n /**\n * Specify a container element to portal the content into.\n */\n container?: PortalProps['container'];\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst DialogPortal: React.FC<DialogPortalProps> = (props: ScopedProps<DialogPortalProps>) => {\n const { __scopeDialog, forceMount, children, container } = props;\n const context = useDialogContext(PORTAL_NAME, __scopeDialog);\n return (\n <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n {React.Children.map(children, (child) => (\n <Presence present={forceMount || context.open}>\n <PortalPrimitive asChild container={container}>\n {child}\n </PortalPrimitive>\n </Presence>\n ))}\n </PortalProvider>\n );\n};\n\nDialogPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'DialogOverlay';\n\ntype DialogOverlayElement = DialogOverlayImplElement;\ninterface DialogOverlayProps extends DialogOverlayImplProps {\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst DialogOverlay = React.forwardRef<DialogOverlayElement, DialogOverlayProps>(\n (props: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);\n const { forceMount = portalContext.forceMount, ...overlayProps } = props;\n const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);\n return context.modal ? (\n <Presence present={forceMount || context.open}>\n <DialogOverlayImpl {...overlayProps} ref={forwardedRef} />\n </Presence>\n ) : null;\n }\n);\n\nDialogOverlay.displayName = OVERLAY_NAME;\n\ntype DialogOverlayImplElement = React.ComponentRef<typeof Primitive.div>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface DialogOverlayImplProps extends PrimitiveDivProps {}\n\nconst Slot = createSlot('DialogOverlay.RemoveScroll');\n\nconst DialogOverlayImpl = React.forwardRef<DialogOverlayImplElement, DialogOverlayImplProps>(\n (props: ScopedProps<DialogOverlayImplProps>, forwardedRef) => {\n const { __scopeDialog, ...overlayProps } = props;\n const context = useDialogContext(OVERLAY_NAME, __scopeDialog);\n return (\n // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n // ie. when `Overlay` and `Content` are siblings\n <RemoveScroll as={Slot} allowPinchZoom shards={[context.contentRef]}>\n <Primitive.div\n data-state={getState(context.open)}\n {...overlayProps}\n ref={forwardedRef}\n // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n style={{ pointerEvents: 'auto', ...overlayProps.style }}\n />\n </RemoveScroll>\n );\n }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * DialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'DialogContent';\n\ntype DialogContentElement = DialogContentTypeElement;\ninterface DialogContentProps extends DialogContentTypeProps {\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n (props: ScopedProps<DialogContentProps>, forwardedRef) => {\n const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);\n const { forceMount = portalContext.forceMount, ...contentProps } = props;\n const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n return (\n <Presence present={forceMount || context.open}>\n {context.modal ? (\n <DialogContentModal {...contentProps} ref={forwardedRef} />\n ) : (\n <DialogContentNonModal {...contentProps} ref={forwardedRef} />\n )}\n </Presence>\n );\n }\n);\n\nDialogContent.displayName = CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentTypeElement = DialogContentImplElement;\ninterface DialogContentTypeProps\n extends Omit<DialogContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {}\n\nconst DialogContentModal = React.forwardRef<DialogContentTypeElement, DialogContentTypeProps>(\n (props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n const contentRef = React.useRef<HTMLDivElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);\n\n // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n React.useEffect(() => {\n const content = contentRef.current;\n if (content) return hideOthers(content);\n }, []);\n\n return (\n <DialogContentImpl\n {...props}\n ref={composedRefs}\n // we make sure focus isn't trapped once `DialogContent` has been closed\n // (closed !== unmounted when animating out)\n trapFocus={context.open}\n disableOutsidePointerEvents\n onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n event.preventDefault();\n context.triggerRef.current?.focus();\n })}\n onPointerDownOutside={composeEventHandlers(props.onPointerDownOutside, (event) => {\n const originalEvent = event.detail.originalEvent;\n const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;\n const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n\n // If the event is a right-click, we shouldn't close because\n // it is effectively as if we right-clicked the `Overlay`.\n if (isRightClick) event.preventDefault();\n })}\n // When focus is trapped, a `focusout` event may still happen.\n // We make sure we don't trigger our `onDismiss` in such case.\n onFocusOutside={composeEventHandlers(props.onFocusOutside, (event) =>\n event.preventDefault()\n )}\n />\n );\n }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<DialogContentTypeElement, DialogContentTypeProps>(\n (props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n const hasInteractedOutsideRef = React.useRef(false);\n const hasPointerDownOutsideRef = React.useRef(false);\n\n return (\n <DialogContentImpl\n {...props}\n ref={forwardedRef}\n trapFocus={false}\n disableOutsidePointerEvents={false}\n onCloseAutoFocus={(event) => {\n props.onCloseAutoFocus?.(event);\n\n if (!event.defaultPrevented) {\n if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();\n // Always prevent auto focus because we either focus manually or want user agent focus\n event.preventDefault();\n }\n\n hasInteractedOutsideRef.current = false;\n hasPointerDownOutsideRef.current = false;\n }}\n onInteractOutside={(event) => {\n props.onInteractOutside?.(event);\n\n if (!event.defaultPrevented) {\n hasInteractedOutsideRef.current = true;\n if (event.detail.originalEvent.type === 'pointerdown') {\n hasPointerDownOutsideRef.current = true;\n }\n }\n\n // Prevent dismissing when clicking the trigger.\n // As the trigger is already setup to close, without doing so would\n // cause it to close and immediately open.\n const target = event.target as HTMLElement;\n const targetIsTrigger = context.triggerRef.current?.contains(target);\n if (targetIsTrigger) event.preventDefault();\n\n // On Safari if the trigger is inside a container with tabIndex={0}, when clicked\n // we will get the pointer down outside event on the trigger, but then a subsequent\n // focus outside event on the container, we ignore any focus outside event when we've\n // already had a pointer down outside event.\n if (event.detail.originalEvent.type === 'focusin' && hasPointerDownOutsideRef.current) {\n event.preventDefault();\n }\n }}\n />\n );\n }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentImplElement = React.ComponentRef<typeof DismissableLayer>;\ntype DismissableLayerProps = React.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype FocusScopeProps = React.ComponentPropsWithoutRef<typeof FocusScope>;\ninterface DialogContentImplProps extends Omit<DismissableLayerProps, 'onDismiss'> {\n /**\n * When `true`, focus cannot escape the `Content` via keyboard,\n * pointer, or a programmatic focus.\n * @defaultValue false\n */\n trapFocus?: FocusScopeProps['trapped'];\n\n /**\n * Event handler called when auto-focusing on open.\n * Can be prevented.\n */\n onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];\n\n /**\n * Event handler called when auto-focusing on close.\n * Can be prevented.\n */\n onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];\n}\n\nconst DialogContentImpl = React.forwardRef<DialogContentImplElement, DialogContentImplProps>(\n (props: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;\n const context = useDialogContext(CONTENT_NAME, __scopeDialog);\n const contentRef = React.useRef<HTMLDivElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, contentRef);\n\n // Make sure the whole tree has focus guards as our `Dialog` will be\n // the last element in the DOM (because of the `Portal`)\n useFocusGuards();\n\n return (\n <>\n <FocusScope\n asChild\n loop\n trapped={trapFocus}\n onMountAutoFocus={onOpenAutoFocus}\n onUnmountAutoFocus={onCloseAutoFocus}\n >\n <DismissableLayer\n role=\"dialog\"\n id={context.contentId}\n aria-describedby={context.descriptionId}\n aria-labelledby={context.titleId}\n data-state={getState(context.open)}\n {...contentProps}\n ref={composedRefs}\n onDismiss={() => context.onOpenChange(false)}\n />\n </FocusScope>\n {process.env.NODE_ENV !== 'production' && (\n <>\n <TitleWarning titleId={context.titleId} />\n <DescriptionWarning contentRef={contentRef} descriptionId={context.descriptionId} />\n </>\n )}\n </>\n );\n }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'DialogTitle';\n\ntype DialogTitleElement = React.ComponentRef<typeof Primitive.h2>;\ntype PrimitiveHeading2Props = React.ComponentPropsWithoutRef<typeof Primitive.h2>;\ninterface DialogTitleProps extends PrimitiveHeading2Props {}\n\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(\n (props: ScopedProps<DialogTitleProps>, forwardedRef) => {\n const { __scopeDialog, ...titleProps } = props;\n const context = useDialogContext(TITLE_NAME, __scopeDialog);\n return <Primitive.h2 id={context.titleId} {...titleProps} ref={forwardedRef} />;\n }\n);\n\nDialogTitle.displayName = TITLE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'DialogDescription';\n\ntype DialogDescriptionElement = React.ComponentRef<typeof Primitive.p>;\ntype PrimitiveParagraphProps = React.ComponentPropsWithoutRef<typeof Primitive.p>;\ninterface DialogDescriptionProps extends PrimitiveParagraphProps {}\n\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n (props: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n const { __scopeDialog, ...descriptionProps } = props;\n const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);\n return <Primitive.p id={context.descriptionId} {...descriptionProps} ref={forwardedRef} />;\n }\n);\n\nDialogDescription.displayName = DESCRIPTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'DialogClose';\n\ntype DialogCloseElement = React.ComponentRef<typeof Primitive.button>;\ninterface DialogCloseProps extends PrimitiveButtonProps {}\n\nconst DialogClose = React.forwardRef<DialogCloseElement, DialogCloseProps>(\n (props: ScopedProps<DialogCloseProps>, forwardedRef) => {\n const { __scopeDialog, ...closeProps } = props;\n const context = useDialogContext(CLOSE_NAME, __scopeDialog);\n return (\n <Primitive.button\n type=\"button\"\n {...closeProps}\n ref={forwardedRef}\n onClick={composeEventHandlers(props.onClick, () => context.onOpenChange(false))}\n />\n );\n }\n);\n\nDialogClose.displayName = CLOSE_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n return open ? 'open' : 'closed';\n}\n\nconst TITLE_WARNING_NAME = 'DialogTitleWarning';\n\nconst [WarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n contentName: CONTENT_NAME,\n titleName: TITLE_NAME,\n docsSlug: 'dialog',\n});\n\ntype TitleWarningProps = { titleId?: string };\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);\n\n const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;\n\n React.useEffect(() => {\n if (titleId) {\n const hasTitle = document.getElementById(titleId);\n if (!hasTitle) console.error(MESSAGE);\n }\n }, [MESSAGE, titleId]);\n\n return null;\n};\n\nconst DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning';\n\ntype DescriptionWarningProps = {\n contentRef: React.RefObject<DialogContentElement | null>;\n descriptionId?: string;\n};\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({ contentRef, descriptionId }) => {\n const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);\n const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`;\n\n React.useEffect(() => {\n const describedById = contentRef.current?.getAttribute('aria-describedby');\n // if we have an id and the user hasn't set aria-describedby={undefined}\n if (descriptionId && describedById) {\n const hasDescription = document.getElementById(descriptionId);\n if (!hasDescription) console.warn(MESSAGE);\n }\n }, [MESSAGE, contentRef, descriptionId]);\n\n return null;\n};\n\nconst Root = Dialog;\nconst Trigger = DialogTrigger;\nconst Portal = DialogPortal;\nconst Overlay = DialogOverlay;\nconst Content = DialogContent;\nconst Title = DialogTitle;\nconst Description = DialogDescription;\nconst Close = DialogClose;\n\nexport {\n createDialogScope,\n //\n Dialog,\n DialogTrigger,\n DialogPortal,\n DialogOverlay,\n DialogContent,\n DialogTitle,\n DialogDescription,\n DialogClose,\n //\n Root,\n Trigger,\n Portal,\n Overlay,\n Content,\n Title,\n Description,\n Close,\n //\n WarningProvider,\n};\nexport type {\n DialogProps,\n DialogTriggerProps,\n DialogPortalProps,\n DialogOverlayProps,\n DialogContentProps,\n DialogTitleProps,\n DialogDescriptionProps,\n DialogCloseProps,\n};\n","function composeEventHandlers<E extends { defaultPrevented: boolean }>(\n originalEventHandler?: (event: E) => void,\n ourEventHandler?: (event: E) => void,\n { checkForDefaultPrevented = true } = {}\n) {\n return function handleEvent(event: E) {\n originalEventHandler?.(event);\n\n if (checkForDefaultPrevented === false || !event.defaultPrevented) {\n return ourEventHandler?.(event);\n }\n };\n}\n\nexport { composeEventHandlers };\n","import * as React from 'react';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\n\n// We spaces with `.trim().toString()` to prevent bundlers from trying to `import { useId } from 'react';`\nconst useReactId = (React as any)[' useId '.trim().toString()] || (() => undefined);\nlet count = 0;\n\nfunction useId(deterministicId?: string): string {\n const [id, setId] = React.useState<string | undefined>(useReactId());\n // React versions older than 18 will have client-side ids only.\n useLayoutEffect(() => {\n if (!deterministicId) setId((reactId) => reactId ?? String(count++));\n }, [deterministicId]);\n return deterministicId || (id ? `radix-${id}` : '');\n}\n\nexport { useId };\n","import * as React from 'react';\n\n/**\n * On the server, React emits a warning when calling `useLayoutEffect`.\n * This is because neither `useLayoutEffect` nor `useEffect` run on the server.\n * We use this safe version which suppresses the warning by replacing it with a noop on the server.\n *\n * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect\n */\nconst useLayoutEffect = globalThis?.document ? React.useLayoutEffect : () => {};\n\nexport { useLayoutEffect };\n","import * as React from 'react';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\n\n// Prevent bundlers from trying to optimize the import\nconst useInsertionEffect: typeof useLayoutEffect =\n (React as any)[' useInsertionEffect '.trim().toString()] || useLayoutEffect;\n\ntype ChangeHandler<T> = (state: T) => void;\ntype SetStateFn<T> = React.Dispatch<React.SetStateAction<T>>;\n\ninterface UseControllableStateParams<T> {\n prop?: T | undefined;\n defaultProp: T;\n onChange?: ChangeHandler<T>;\n caller?: string;\n}\n\nexport function useControllableState<T>({\n prop,\n defaultProp,\n onChange = () => {},\n caller,\n}: UseControllableStateParams<T>): [T, SetStateFn<T>] {\n const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({\n defaultProp,\n onChange,\n });\n const isControlled = prop !== undefined;\n const value = isControlled ? prop : uncontrolledProp;\n\n // OK to disable conditionally calling hooks here because they will always run\n // consistently in the same environment. Bundlers should be able to remove the\n // code block entirely in production.\n /* eslint-disable react-hooks/rules-of-hooks */\n if (process.env.NODE_ENV !== 'production') {\n const isControlledRef = React.useRef(prop !== undefined);\n React.useEffect(() => {\n const wasControlled = isControlledRef.current;\n if (wasControlled !== isControlled) {\n const from = wasControlled ? 'controlled' : 'uncontrolled';\n const to = isControlled ? 'controlled' : 'uncontrolled';\n console.warn(\n `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`\n );\n }\n isControlledRef.current = isControlled;\n }, [isControlled, caller]);\n }\n /* eslint-enable react-hooks/rules-of-hooks */\n\n const setValue = React.useCallback<SetStateFn<T>>(\n (nextValue) => {\n if (isControlled) {\n const value = isFunction(nextValue) ? nextValue(prop) : nextValue;\n if (value !== prop) {\n onChangeRef.current?.(value);\n }\n } else {\n setUncontrolledProp(nextValue);\n }\n },\n [isControlled, prop, setUncontrolledProp, onChangeRef]\n );\n\n return [value, setValue];\n}\n\nfunction useUncontrolledState<T>({\n defaultProp,\n onChange,\n}: Omit<UseControllableStateParams<T>, 'prop'>): [\n Value: T,\n setValue: React.Dispatch<React.SetStateAction<T>>,\n OnChangeRef: React.RefObject<ChangeHandler<T> | undefined>,\n] {\n const [value, setValue] = React.useState(defaultProp);\n const prevValueRef = React.useRef(value);\n\n const onChangeRef = React.useRef(onChange);\n useInsertionEffect(() => {\n onChangeRef.current = onChange;\n }, [onChange]);\n\n React.useEffect(() => {\n if (prevValueRef.current !== value) {\n onChangeRef.current?.(value);\n prevValueRef.current = value;\n }\n }, [value, prevValueRef]);\n\n return [value, setValue, onChangeRef];\n}\n\nfunction isFunction(value: unknown): value is (...args: any[]) => any {\n return typeof value === 'function';\n}\n","import * as React from 'react';\nimport { useEffectEvent } from '@radix-ui/react-use-effect-event';\n\ntype ChangeHandler<T> = (state: T) => void;\n\ninterface UseControllableStateParams<T> {\n prop: T | undefined;\n defaultProp: T;\n onChange: ChangeHandler<T> | undefined;\n caller: string;\n}\n\ninterface AnyAction {\n type: string;\n}\n\nconst SYNC_STATE = Symbol('RADIX:SYNC_STATE');\n\ninterface SyncStateAction<T> {\n type: typeof SYNC_STATE;\n state: T;\n}\n\nexport function useControllableStateReducer<T, S extends {}, A extends AnyAction>(\n reducer: (prevState: S & { state: T }, action: A) => S & { state: T },\n userArgs: UseControllableStateParams<T>,\n initialState: S\n): [S & { state: T }, React.Dispatch<A>];\n\nexport function useControllableStateReducer<T, S extends {}, I, A extends AnyAction>(\n reducer: (prevState: S & { state: T }, action: A) => S & { state: T },\n userArgs: UseControllableStateParams<T>,\n initialArg: I,\n init: (i: I & { state: T }) => S\n): [S & { state: T }, React.Dispatch<A>];\n\nexport function useControllableStateReducer<T, S extends {}, A extends AnyAction>(\n reducer: (prevState: S & { state: T }, action: A) => S & { state: T },\n userArgs: UseControllableStateParams<T>,\n initialArg: any,\n init?: (i: any) => Omit<S, 'state'>\n): [S & { state: T }, React.Dispatch<A>] {\n const { prop: controlledState, defaultProp, onChange: onChangeProp, caller } = userArgs;\n const isControlled = controlledState !== undefined;\n\n const onChange = useEffectEvent(onChangeProp);\n\n // OK to disable conditionally calling hooks here because they will always run\n // consistently in the same environment. Bundlers should be able to remove the\n // code block entirely in production.\n /* eslint-disable react-hooks/rules-of-hooks */\n if (process.env.NODE_ENV !== 'production') {\n const isControlledRef = React.useRef(controlledState !== undefined);\n React.useEffect(() => {\n const wasControlled = isControlledRef.current;\n if (wasControlled !== isControlled) {\n const from = wasControlled ? 'controlled' : 'uncontrolled';\n const to = isControlled ? 'controlled' : 'uncontrolled';\n console.warn(\n `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`\n );\n }\n isControlledRef.current = isControlled;\n }, [isControlled, caller]);\n }\n /* eslint-enable react-hooks/rules-of-hooks */\n\n type InternalState = S & { state: T };\n const args: [InternalState] = [{ ...initialArg, state: defaultProp }];\n if (init) {\n // @ts-expect-error\n args.push(init);\n }\n\n const [internalState, dispatch] = React.useReducer(\n (state: InternalState, action: A | SyncStateAction<T>): InternalState => {\n if (action.type === SYNC_STATE) {\n return { ...state, state: action.state };\n }\n\n const next = reducer(state, action);\n if (isControlled && !Object.is(next.state, state.state)) {\n onChange(next.state);\n }\n return next;\n },\n ...args\n );\n\n const uncontrolledState = internalState.state;\n const prevValueRef = React.useRef(uncontrolledState);\n React.useEffect(() => {\n if (prevValueRef.current !== uncontrolledState) {\n prevValueRef.current = uncontrolledState;\n if (!isControlled) {\n onChange(uncontrolledState);\n }\n }\n }, [onChange, uncontrolledState, prevValueRef, isControlled]);\n\n const state = React.useMemo(() => {\n const isControlled = controlledState !== undefined;\n if (isControlled) {\n return { ...internalState, state: controlledState };\n }\n\n return internalState;\n }, [internalState, controlledState]);\n\n React.useEffect(() => {\n // Sync internal state for controlled components so that reducer is called\n // with the correct state values\n if (isControlled && !Object.is(controlledState, internalState.state)) {\n dispatch({ type: SYNC_STATE, state: controlledState });\n }\n }, [controlledState, internalState.state, isControlled]);\n\n return [state, dispatch as React.Dispatch<A>];\n}\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { Primitive, dispatchDiscreteCustomEvent } from '@radix-ui/react-primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableLayer\n * -----------------------------------------------------------------------------------------------*/\n\nconst DISMISSABLE_LAYER_NAME = 'DismissableLayer';\nconst CONTEXT_UPDATE = 'dismissableLayer.update';\nconst POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';\nconst FOCUS_OUTSIDE = 'dismissableLayer.focusOutside';\n\nlet originalBodyPointerEvents: string;\n\nconst DismissableLayerContext = React.createContext({\n layers: new Set<DismissableLayerElement>(),\n layersWithOutsidePointerEventsDisabled: new Set<DismissableLayerElement>(),\n branches: new Set<DismissableLayerBranchElement>(),\n});\n\ntype DismissableLayerElement = React.ComponentRef<typeof Primitive.div>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface DismissableLayerProps extends PrimitiveDivProps {\n /**\n * When `true`, hover/focus/click interactions will be disabled on elements outside\n * the `DismissableLayer`. Users will need to click twice on outside elements to\n * interact with them: once to close the `DismissableLayer`, and again to trigger the element.\n */\n disableOutsidePointerEvents?: boolean;\n /**\n * Event handler called when the escape key is down.\n * Can be prevented.\n */\n onEscapeKeyDown?: (event: KeyboardEvent) => void;\n /**\n * Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`.\n * Can be prevented.\n */\n onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;\n /**\n * Event handler called when the focus moves outside of the `DismissableLayer`.\n * Can be prevented.\n */\n onFocusOutside?: (event: FocusOutsideEvent) => void;\n /**\n * Event handler called when an interaction happens outside the `DismissableLayer`.\n * Specifically, when a `pointerdown` event happens outside or focus moves outside of it.\n * Can be prevented.\n */\n onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;\n /**\n * Handler called when the `DismissableLayer` should be dismissed\n */\n onDismiss?: () => void;\n}\n\nconst DismissableLayer = React.forwardRef<DismissableLayerElement, DismissableLayerProps>(\n (props, forwardedRef) => {\n const {\n disableOutsidePointerEvents = false,\n onEscapeKeyDown,\n onPointerDownOutside,\n onFocusOutside,\n onInteractOutside,\n onDismiss,\n ...layerProps\n } = props;\n const context = React.useContext(DismissableLayerContext);\n const [node, setNode] = React.useState<DismissableLayerElement | null>(null);\n const ownerDocument = node?.ownerDocument ?? globalThis?.document;\n const [, force] = React.useState({});\n const composedRefs = useComposedRefs(forwardedRef, (node) => setNode(node));\n const layers = Array.from(context.layers);\n const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1); // prettier-ignore\n const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled!); // prettier-ignore\n const index = node ? layers.indexOf(node) : -1;\n const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;\n const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;\n\n const pointerDownOutside = usePointerDownOutside((event) => {\n const target = event.target as HTMLElement;\n const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));\n if (!isPointerEventsEnabled || isPointerDownOnBranch) return;\n onPointerDownOutside?.(event);\n onInteractOutside?.(event);\n if (!event.defaultPrevented) onDismiss?.();\n }, ownerDocument);\n\n const focusOutside = useFocusOutside((event) => {\n const target = event.target as HTMLElement;\n const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));\n if (isFocusInBranch) return;\n onFocusOutside?.(event);\n onInteractOutside?.(event);\n if (!event.defaultPrevented) onDismiss?.();\n }, ownerDocument);\n\n useEscapeKeydown((event) => {\n const isHighestLayer = index === context.layers.size - 1;\n if (!isHighestLayer) return;\n onEscapeKeyDown?.(event);\n if (!event.defaultPrevented && onDismiss) {\n event.preventDefault();\n onDismiss();\n }\n }, ownerDocument);\n\n React.useEffect(() => {\n if (!node) return;\n if (disableOutsidePointerEvents) {\n if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;\n ownerDocument.body.style.pointerEvents = 'none';\n }\n context.layersWithOutsidePointerEventsDisabled.add(node);\n }\n context.layers.add(node);\n dispatchUpdate();\n return () => {\n if (\n disableOutsidePointerEvents &&\n context.layersWithOutsidePointerEventsDisabled.size === 1\n ) {\n ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;\n }\n };\n }, [node, ownerDocument, disableOutsidePointerEvents, context]);\n\n /**\n * We purposefully prevent combining this effect with the `disableOutsidePointerEvents` effect\n * because a change to `disableOutsidePointerEvents` would remove this layer from the stack\n * and add it to the end again so the layering order wouldn't be _creation order_.\n * We only want them to be removed from context stacks when unmounted.\n */\n React.useEffect(() => {\n return () => {\n if (!node) return;\n context.layers.delete(node);\n context.layersWithOutsidePointerEventsDisabled.delete(node);\n dispatchUpdate();\n };\n }, [node, context]);\n\n React.useEffect(() => {\n const handleUpdate = () => force({});\n document.addEventListener(CONTEXT_UPDATE, handleUpdate);\n return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);\n }, []);\n\n return (\n <Primitive.div\n {...layerProps}\n ref={composedRefs}\n style={{\n pointerEvents: isBodyPointerEventsDisabled\n ? isPointerEventsEnabled\n ? 'auto'\n : 'none'\n : undefined,\n ...props.style,\n }}\n onFocusCapture={composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture)}\n onBlurCapture={composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture)}\n onPointerDownCapture={composeEventHandlers(\n props.onPointerDownCapture,\n pointerDownOutside.onPointerDownCapture\n )}\n />\n );\n }\n);\n\nDismissableLayer.displayName = DISMISSABLE_LAYER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableLayerBranch\n * -----------------------------------------------------------------------------------------------*/\n\nconst BRANCH_NAME = 'DismissableLayerBranch';\n\ntype DismissableLayerBranchElement = React.ComponentRef<typeof Primitive.div>;\ninterface DismissableLayerBranchProps extends PrimitiveDivProps {}\n\nconst DismissableLayerBranch = React.forwardRef<\n DismissableLayerBranchElement,\n DismissableLayerBranchProps\n>((props, forwardedRef) => {\n const context = React.useContext(DismissableLayerContext);\n const ref = React.useRef<DismissableLayerBranchElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n\n React.useEffect(() => {\n const node = ref.current;\n if (node) {\n context.branches.add(node);\n return () => {\n context.branches.delete(node);\n };\n }\n }, [context.branches]);\n\n return <Primitive.div {...props} ref={composedRefs} />;\n});\n\nDismissableLayerBranch.displayName = BRANCH_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PointerDownOutsideEvent = CustomEvent<{ originalEvent: PointerEvent }>;\ntype FocusOutsideEvent = CustomEvent<{ originalEvent: FocusEvent }>;\n\n/**\n * Listens for `pointerdown` outside a react subtree. We use `pointerdown` rather than `pointerup`\n * to mimic layer dismissing behaviour present in OS.\n * Returns props to pass to the node we want to check for outside events.\n */\nfunction usePointerDownOutside(\n onPointerDownOutside?: (event: PointerDownOutsideEvent) => void,\n ownerDocument: Document = globalThis?.document\n) {\n const handlePointerDownOutside = useCallbackRef(onPointerDownOutside) as EventListener;\n const isPointerInsideReactTreeRef = React.useRef(false);\n const handleClickRef = React.useRef(() => {});\n\n React.useEffect(() => {\n const handlePointerDown = (event: PointerEvent) => {\n if (event.target && !isPointerInsideReactTreeRef.current) {\n const eventDetail = { originalEvent: event };\n\n function handleAndDispatchPointerDownOutsideEvent() {\n handleAndDispatchCustomEvent(\n POINTER_DOWN_OUTSIDE,\n handlePointerDownOutside,\n eventDetail,\n { discrete: true }\n );\n }\n\n /**\n * On touch devices, we need to wait for a click event because browsers implement\n * a ~350ms delay between the time the user stops touching the display and when the\n * browser executres events. We need to ensure we don't reactivate pointer-events within\n * this timeframe otherwise the browser may execute events that should have been prevented.\n *\n * Additionally, this also lets us deal automatically with cancellations when a click event\n * isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.\n *\n * This is why we also continuously remove the previous listener, because we cannot be\n * certain that it was raised, and therefore cleaned-up.\n */\n if (event.pointerType === 'touch') {\n ownerDocument.removeEventListener('click', handleClickRef.current);\n handleClickRef.current = handleAndDispatchPointerDownOutsideEvent;\n ownerDocument.addEventListener('click', handleClickRef.current, { once: true });\n } else {\n handleAndDispatchPointerDownOutsideEvent();\n }\n } else {\n // We need to remove the event listener in case the outside click has been canceled.\n // See: https://github.com/radix-ui/primitives/issues/2171\n ownerDocument.removeEventListener('click', handleClickRef.current);\n }\n isPointerInsideReactTreeRef.current = false;\n };\n /**\n * if this hook executes in a component that mounts via a `pointerdown` event, the event\n * would bubble up to the document and trigger a `pointerDownOutside` event. We avoid\n * this by delaying the event listener registration on the document.\n * This is not React specific, but rather how the DOM works, ie:\n * ```\n * button.addEventListener('pointerdown', () => {\n * console.log('I will log');\n * document.addEventListener('pointerdown', () => {\n * console.log('I will also log');\n * })\n * });\n */\n const timerId = window.setTimeout(() => {\n ownerDocument.addEventListener('pointerdown', handlePointerDown);\n }, 0);\n return () => {\n window.clearTimeout(timerId);\n ownerDocument.removeEventListener('pointerdown', handlePointerDown);\n ownerDocument.removeEventListener('click', handleClickRef.current);\n };\n }, [ownerDocument, handlePointerDownOutside]);\n\n return {\n // ensures we check React component tree (not just DOM tree)\n onPointerDownCapture: () => (isPointerInsideReactTreeRef.current = true),\n };\n}\n\n/**\n * Listens for when focus happens outside a react subtree.\n * Returns props to pass to the root (node) of the subtree we want to check.\n */\nfunction useFocusOutside(\n onFocusOutside?: (event: FocusOutsideEvent) => void,\n ownerDocument: Document = globalThis?.document\n) {\n const handleFocusOutside = useCallbackRef(onFocusOutside) as EventListener;\n const isFocusInsideReactTreeRef = React.useRef(false);\n\n React.useEffect(() => {\n const handleFocus = (event: FocusEvent) => {\n if (event.target && !isFocusInsideReactTreeRef.current) {\n const eventDetail = { originalEvent: event };\n handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n discrete: false,\n });\n }\n };\n ownerDocument.addEventListener('focusin', handleFocus);\n return () => ownerDocument.removeEventListener('focusin', handleFocus);\n }, [ownerDocument, handleFocusOutside]);\n\n return {\n onFocusCapture: () => (isFocusInsideReactTreeRef.current = true),\n onBlurCapture: () => (isFocusInsideReactTreeRef.current = false),\n };\n}\n\nfunction dispatchUpdate() {\n const event = new CustomEvent(CONTEXT_UPDATE);\n document.dispatchEvent(event);\n}\n\nfunction handleAndDispatchCustomEvent<E extends CustomEvent, OriginalEvent extends Event>(\n name: string,\n handler: ((event: E) => void) | undefined,\n detail: { originalEvent: OriginalEvent } & (E extends CustomEvent<infer D> ? D : never),\n { discrete }: { discrete: boolean }\n) {\n const target = detail.originalEvent.target;\n const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });\n if (handler) target.addEventListener(name, handler as EventListener, { once: true });\n\n if (discrete) {\n dispatchDiscreteCustomEvent(target, event);\n } else {\n target.dispatchEvent(event);\n }\n}\n\nconst Root = DismissableLayer;\nconst Branch = DismissableLayerBranch;\n\nexport {\n DismissableLayer,\n DismissableLayerBranch,\n //\n Root,\n Branch,\n};\nexport type { DismissableLayerProps };\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { createSlot } from '@radix-ui/react-slot';\n\nconst NODES = [\n 'a',\n 'button',\n 'div',\n 'form',\n 'h2',\n 'h3',\n 'img',\n 'input',\n 'label',\n 'li',\n 'nav',\n 'ol',\n 'p',\n 'select',\n 'span',\n 'svg',\n 'ul',\n] as const;\n\ntype Primitives = { [E in (typeof NODES)[number]]: PrimitiveForwardRefComponent<E> };\ntype PrimitivePropsWithRef<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {\n asChild?: boolean;\n};\n\ninterface PrimitiveForwardRefComponent<E extends React.ElementType>\n extends React.ForwardRefExoticComponent<PrimitivePropsWithRef<E>> {}\n\n/* -------------------------------------------------------------------------------------------------\n * Primitive\n * -----------------------------------------------------------------------------------------------*/\n\nconst Primitive = NODES.reduce((primitive, node) => {\n const Slot = createSlot(`Primitive.${node}`);\n const Node = React.forwardRef((props: PrimitivePropsWithRef<typeof node>, forwardedRef: any) => {\n const { asChild, ...primitiveProps } = props;\n const Comp: any = asChild ? Slot : node;\n\n if (typeof window !== 'undefined') {\n (window as any)[Symbol.for('radix-ui')] = true;\n }\n\n return <Comp {...primitiveProps} ref={forwardedRef} />;\n });\n\n Node.displayName = `Primitive.${node}`;\n\n return { ...primitive, [node]: Node };\n}, {} as Primitives);\n\n/* -------------------------------------------------------------------------------------------------\n * Utils\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * Flush custom event dispatch\n * https://github.com/radix-ui/primitives/pull/1378\n *\n * React batches *all* event handlers since version 18, this introduces certain considerations when using custom event types.\n *\n * Internally, React prioritises events in the following order:\n * - discrete\n * - continuous\n * - default\n *\n * https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350\n *\n * `discrete` is an important distinction as updates within these events are applied immediately.\n * React however, is not able to infer the priority of custom event types due to how they are detected internally.\n * Because of this, it's possible for updates from custom events to be unexpectedly batched when\n * dispatched by another `discrete` event.\n *\n * In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.\n * This utility should be used when dispatching a custom event from within another `discrete` event, this utility\n * is not necessary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.\n * For example:\n *\n * dispatching a known click 👎\n * target.dispatchEvent(new Event(‘click’))\n *\n * dispatching a custom type within a non-discrete event 👎\n * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}\n *\n * dispatching a custom type within a `discrete` event 👍\n * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}\n *\n * Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's not recommended to use\n * this utility with them. This is because it's possible for those handlers to be called implicitly during render\n * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.\n */\n\nfunction dispatchDiscreteCustomEvent<E extends CustomEvent>(target: E['target'], event: E) {\n if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = Primitive;\n\nexport {\n Primitive,\n //\n Root,\n //\n dispatchDiscreteCustomEvent,\n};\nexport type { PrimitivePropsWithRef };\n","import * as React from 'react';\n\n/**\n * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop or avoid re-executing effects when passed as a dependency\n */\nfunction useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T {\n const callbackRef = React.useRef(callback);\n\n React.useEffect(() => {\n callbackRef.current = callback;\n });\n\n // https://github.com/facebook/react/issues/19240\n return React.useMemo(() => ((...args) => callbackRef.current?.(...args)) as T, []);\n}\n\nexport { useCallbackRef };\n","import * as React from 'react';\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref';\n\n/**\n * Listens for when the escape key is down\n */\nfunction useEscapeKeydown(\n onEscapeKeyDownProp?: (event: KeyboardEvent) => void,\n ownerDocument: Document = globalThis?.document\n) {\n const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);\n\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n onEscapeKeyDown(event);\n }\n };\n ownerDocument.addEventListener('keydown', handleKeyDown, { capture: true });\n return () => ownerDocument.removeEventListener('keydown', handleKeyDown, { capture: true });\n }, [onEscapeKeyDown, ownerDocument]);\n}\n\nexport { useEscapeKeydown };\n","import * as React from 'react';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref';\n\nconst AUTOFOCUS_ON_MOUNT = 'focusScope.autoFocusOnMount';\nconst AUTOFOCUS_ON_UNMOUNT = 'focusScope.autoFocusOnUnmount';\nconst EVENT_OPTIONS = { bubbles: false, cancelable: true };\n\ntype FocusableTarget = HTMLElement | { focus(): void };\n\n/* -------------------------------------------------------------------------------------------------\n * FocusScope\n * -----------------------------------------------------------------------------------------------*/\n\nconst FOCUS_SCOPE_NAME = 'FocusScope';\n\ntype FocusScopeElement = React.ComponentRef<typeof Primitive.div>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface FocusScopeProps extends PrimitiveDivProps {\n /**\n * When `true`, tabbing from last item will focus first tabbable\n * and shift+tab from first item will focus last tababble.\n * @defaultValue false\n */\n loop?: boolean;\n\n /**\n * When `true`, focus cannot escape the focus scope via keyboard,\n * pointer, or a programmatic focus.\n * @defaultValue false\n */\n trapped?: boolean;\n\n /**\n * Event handler called when auto-focusing on mount.\n * Can be prevented.\n */\n onMountAutoFocus?: (event: Event) => void;\n\n /**\n * Event handler called when auto-focusing on unmount.\n * Can be prevented.\n */\n onUnmountAutoFocus?: (event: Event) => void;\n}\n\nconst FocusScope = React.forwardRef<FocusScopeElement, FocusScopeProps>((props, forwardedRef) => {\n const {\n loop = false,\n trapped = false,\n onMountAutoFocus: onMountAutoFocusProp,\n onUnmountAutoFocus: onUnmountAutoFocusProp,\n ...scopeProps\n } = props;\n const [container, setContainer] = React.useState<HTMLElement | null>(null);\n const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);\n const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);\n const lastFocusedElementRef = React.useRef<HTMLElement | null>(null);\n const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));\n\n const focusScope = React.useRef({\n paused: false,\n pause() {\n this.paused = true;\n },\n resume() {\n this.paused = false;\n },\n }).current;\n\n // Takes care of trapping focus if focus is moved outside programmatically for example\n React.useEffect(() => {\n if (trapped) {\n function handleFocusIn(event: FocusEvent) {\n if (focusScope.paused || !container) return;\n const target = event.target as HTMLElement | null;\n if (container.contains(target)) {\n lastFocusedElementRef.current = target;\n } else {\n focus(lastFocusedElementRef.current, { select: true });\n }\n }\n\n function handleFocusOut(event: FocusEvent) {\n if (focusScope.paused || !container) return;\n const relatedTarget = event.relatedTarget as HTMLElement | null;\n\n // A `focusout` event with a `null` `relatedTarget` will happen in at least two cases:\n //\n // 1. When the user switches app/tabs/windows/the browser itself loses focus.\n // 2. In Google Chrome, when the focused element is removed from the DOM.\n //\n // We let the browser do its thing here because:\n //\n // 1. The browser already keeps a memory of what's focused for when the page gets refocused.\n // 2. In Google Chrome, if we try to focus the deleted focused element (as per below), it\n // throws the CPU to 100%, so we avoid doing anything for this reason here too.\n if (relatedTarget === null) return;\n\n // If the focus has moved to an actual legitimate element (`relatedTarget !== null`)\n // that is outside the container, we move focus to the last valid focused element inside.\n if (!container.contains(relatedTarget)) {\n focus(lastFocusedElementRef.current, { select: true });\n }\n }\n\n // When the focused element gets removed from the DOM, browsers move focus\n // back to the document.body. In this case, we move focus to the container\n // to keep focus trapped correctly.\n function handleMutations(mutations: MutationRecord[]) {\n const focusedElement = document.activeElement as HTMLElement | null;\n if (focusedElement !== document.body) return;\n for (const mutation of mutations) {\n if (mutation.removedNodes.length > 0) focus(container);\n }\n }\n\n document.addEventListener('focusin', handleFocusIn);\n document.addEventListener('focusout', handleFocusOut);\n const mutationObserver = new MutationObserver(handleMutations);\n if (container) mutationObserver.observe(container, { childList: true, subtree: true });\n\n return () => {\n document.removeEventListener('focusin', handleFocusIn);\n document.removeEventListener('focusout', handleFocusOut);\n mutationObserver.disconnect();\n };\n }\n }, [trapped, container, focusScope.paused]);\n\n React.useEffect(() => {\n if (container) {\n focusScopesStack.add(focusScope);\n const previouslyFocusedElement = document.activeElement as HTMLElement | null;\n const hasFocusedCandidate = container.contains(previouslyFocusedElement);\n\n if (!hasFocusedCandidate) {\n const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);\n container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);\n container.dispatchEvent(mountEvent);\n if (!mountEvent.defaultPrevented) {\n focusFirst(removeLinks(getTabbableCandidates(container)), { select: true });\n if (document.activeElement === previouslyFocusedElement) {\n focus(container);\n }\n }\n }\n\n return () => {\n container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);\n\n // We hit a react bug (fixed in v17) with focusing in unmount.\n // We need to delay the focus a little to get around it for now.\n // See: https://github.com/facebook/react/issues/17894\n setTimeout(() => {\n const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);\n container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);\n container.dispatchEvent(unmountEvent);\n if (!unmountEvent.defaultPrevented) {\n focus(previouslyFocusedElement ?? document.body, { select: true });\n }\n // we need to remove the listener after we `dispatchEvent`\n container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);\n\n focusScopesStack.remove(focusScope);\n }, 0);\n };\n }\n }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);\n\n // Takes care of looping focus (when tabbing whilst at the edges)\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (!loop && !trapped) return;\n if (focusScope.paused) return;\n\n const isTabKey = event.key === 'Tab' && !event.altKey && !event.ctrlKey && !event.metaKey;\n const focusedElement = document.activeElement as HTMLElement | null;\n\n if (isTabKey && focusedElement) {\n const container = event.currentTarget as HTMLElement;\n const [first, last] = getTabbableEdges(container);\n const hasTabbableElementsInside = first && last;\n\n // we can only wrap focus if we have tabbable edges\n if (!hasTabbableElementsInside) {\n if (focusedElement === container) event.preventDefault();\n } else {\n if (!event.shiftKey && focusedElement === last) {\n event.preventDefault();\n if (loop) focus(first, { select: true });\n } else if (event.shiftKey && focusedElement === first) {\n event.preventDefault();\n if (loop) focus(last, { select: true });\n }\n }\n }\n },\n [loop, trapped, focusScope.paused]\n );\n\n return (\n <Primitive.div tabIndex={-1} {...scopeProps} ref={composedRefs} onKeyDown={handleKeyDown} />\n );\n});\n\nFocusScope.displayName = FOCUS_SCOPE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Utils\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * Attempts focusing the first element in a list of candidates.\n * Stops when focus has actually moved.\n */\nfunction focusFirst(candidates: HTMLElement[], { select = false } = {}) {\n const previouslyFocusedElement = document.activeElement;\n for (const candidate of candidates) {\n focus(candidate, { select });\n if (document.activeElement !== previouslyFocusedElement) return;\n }\n}\n\n/**\n * Returns the first and last tabbable elements inside a container.\n */\nfunction getTabbableEdges(container: HTMLElement) {\n const candidates = getTabbableCandidates(container);\n const first = findVisible(candidates, container);\n const last = findVisible(candidates.reverse(), container);\n return [first, last] as const;\n}\n\n/**\n * Returns a list of potential tabbable candidates.\n *\n * NOTE: This is only a close approximation. For example it doesn't take into account cases like when\n * elements are not visible. This cannot be worked out easily by just reading a property, but rather\n * necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker\n * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1\n */\nfunction getTabbableCandidates(container: HTMLElement) {\n const nodes: HTMLElement[] = [];\n const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n acceptNode: (node: any) => {\n const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden';\n if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;\n // `.tabIndex` is not the same as the `tabindex` attribute. It works on the\n // runtime's understanding of tabbability, so this automatically accounts\n // for any kind of element that could be tabbed to.\n return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n },\n });\n while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement);\n // we do not take into account the order of nodes with positive `tabIndex` as it\n // hinders accessibility to have tab order different from visual order.\n return nodes;\n}\n\n/**\n * Returns the first visible element in a list.\n * NOTE: Only checks visibility up to the `container`.\n */\nfunction findVisible(elements: HTMLElement[], container: HTMLElement) {\n for (const element of elements) {\n // we stop checking if it's hidden at the `container` level (excluding)\n if (!isHidden(element, { upTo: container })) return element;\n }\n}\n\nfunction isHidden(node: HTMLElement, { upTo }: { upTo?: HTMLElement }) {\n if (getComputedStyle(node).visibility === 'hidden') return true;\n while (node) {\n // we stop at `upTo` (excluding it)\n if (upTo !== undefined && node === upTo) return false;\n if (getComputedStyle(node).display === 'none') return true;\n node = node.parentElement as HTMLElement;\n }\n return false;\n}\n\nfunction isSelectableInput(element: any): element is FocusableTarget & { select: () => void } {\n return element instanceof HTMLInputElement && 'select' in element;\n}\n\nfunction focus(element?: FocusableTarget | null, { select = false } = {}) {\n // only focus if that element is focusable\n if (element && element.focus) {\n const previouslyFocusedElement = document.activeElement;\n // NOTE: we prevent scrolling on focus, to minimize jarring transitions for users\n element.focus({ preventScroll: true });\n // only select if its not the same element, it supports selection and we need to select\n if (element !== previouslyFocusedElement && isSelectableInput(element) && select)\n element.select();\n }\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FocusScope stack\n * -----------------------------------------------------------------------------------------------*/\n\ntype FocusScopeAPI = { paused: boolean; pause(): void; resume(): void };\nconst focusScopesStack = createFocusScopesStack();\n\nfunction createFocusScopesStack() {\n /** A stack of focus scopes, with the active one at the top */\n let stack: FocusScopeAPI[] = [];\n\n return {\n add(focusScope: FocusScopeAPI) {\n // pause the currently active focus scope (at the top of the stack)\n const activeFocusScope = stack[0];\n if (focusScope !== activeFocusScope) {\n activeFocusScope?.pause();\n }\n // remove in case it already exists (because we'll re-add it at the top of the stack)\n stack = arrayRemove(stack, focusScope);\n stack.unshift(focusScope);\n },\n\n remove(focusScope: FocusScopeAPI) {\n stack = arrayRemove(stack, focusScope);\n stack[0]?.resume();\n },\n };\n}\n\nfunction arrayRemove<T>(array: T[], item: T) {\n const updatedArray = [...array];\n const index = updatedArray.indexOf(item);\n if (index !== -1) {\n updatedArray.splice(index, 1);\n }\n return updatedArray;\n}\n\nfunction removeLinks(items: HTMLElement[]) {\n return items.filter((item) => item.tagName !== 'A');\n}\n\nconst Root = FocusScope;\n\nexport {\n FocusScope,\n //\n Root,\n};\nexport type { FocusScopeProps };\n","import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\n\n/* -------------------------------------------------------------------------------------------------\n * Portal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'Portal';\n\ntype PortalElement = React.ComponentRef<typeof Primitive.div>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface PortalProps extends PrimitiveDivProps {\n /**\n * An optional container where the portaled content should be appended.\n */\n container?: Element | DocumentFragment | null;\n}\n\nconst Portal = React.forwardRef<PortalElement, PortalProps>((props, forwardedRef) => {\n const { container: containerProp, ...portalProps } = props;\n const [mounted, setMounted] = React.useState(false);\n useLayoutEffect(() => setMounted(true), []);\n const container = containerProp || (mounted && globalThis?.document?.body);\n return container\n ? ReactDOM.createPortal(<Primitive.div {...portalProps} ref={forwardedRef} />, container)\n : null;\n});\n\nPortal.displayName = PORTAL_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = Portal;\n\nexport {\n Portal,\n //\n Root,\n};\nexport type { PortalProps };\n","import * as React from 'react';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { useStateMachine } from './use-state-machine';\n\ninterface PresenceProps {\n children: React.ReactElement | ((props: { present: boolean }) => React.ReactElement);\n present: boolean;\n}\n\nconst Presence: React.FC<PresenceProps> = (props) => {\n const { present, children } = props;\n const presence = usePresence(present);\n\n const child = (\n typeof children === 'function'\n ? children({ present: presence.isPresent })\n : React.Children.only(children)\n ) as React.ReactElement<{ ref?: React.Ref<HTMLElement> }>;\n\n const ref = useComposedRefs(presence.ref, getElementRef(child));\n const forceMount = typeof children === 'function';\n return forceMount || presence.isPresent ? React.cloneElement(child, { ref }) : null;\n};\n\nPresence.displayName = 'Presence';\n\n/* -------------------------------------------------------------------------------------------------\n * usePresence\n * -----------------------------------------------------------------------------------------------*/\n\nfunction usePresence(present: boolean) {\n const [node, setNode] = React.useState<HTMLElement>();\n const stylesRef = React.useRef<CSSStyleDeclaration | null>(null);\n const prevPresentRef = React.useRef(present);\n const prevAnimationNameRef = React.useRef<string>('none');\n const initialState = present ? 'mounted' : 'unmounted';\n const [state, send] = useStateMachine(initialState, {\n mounted: {\n UNMOUNT: 'unmounted',\n ANIMATION_OUT: 'unmountSuspended',\n },\n unmountSuspended: {\n MOUNT: 'mounted',\n ANIMATION_END: 'unmounted',\n },\n unmounted: {\n MOUNT: 'mounted',\n },\n });\n\n React.useEffect(() => {\n const currentAnimationName = getAnimationName(stylesRef.current);\n prevAnimationNameRef.current = state === 'mounted' ? currentAnimationName : 'none';\n }, [state]);\n\n useLayoutEffect(() => {\n const styles = stylesRef.current;\n const wasPresent = prevPresentRef.current;\n const hasPresentChanged = wasPresent !== present;\n\n if (hasPresentChanged) {\n const prevAnimationName = prevAnimationNameRef.current;\n const currentAnimationName = getAnimationName(styles);\n\n if (present) {\n send('MOUNT');\n } else if (currentAnimationName === 'none' || styles?.display === 'none') {\n // If there is no exit animation or the element is hidden, animations won't run\n // so we unmount instantly\n send('UNMOUNT');\n } else {\n /**\n * When `present` changes to `false`, we check changes to animation-name to\n * determine whether an animation has started. We chose this approach (reading\n * computed styles) because there is no `animationrun` event and `animationstart`\n * fires after `animation-delay` has expired which would be too late.\n */\n const isAnimating = prevAnimationName !== currentAnimationName;\n\n if (wasPresent && isAnimating) {\n send('ANIMATION_OUT');\n } else {\n send('UNMOUNT');\n }\n }\n\n prevPresentRef.current = present;\n }\n }, [present, send]);\n\n useLayoutEffect(() => {\n if (node) {\n let timeoutId: number;\n const ownerWindow = node.ownerDocument.defaultView ?? window;\n /**\n * Triggering an ANIMATION_OUT during an ANIMATION_IN will fire an `animationcancel`\n * event for ANIMATION_IN after we have entered `unmountSuspended` state. So, we\n * make sure we only trigger ANIMATION_END for the currently active animation.\n */\n const handleAnimationEnd = (event: AnimationEvent) => {\n const currentAnimationName = getAnimationName(stylesRef.current);\n const isCurrentAnimation = currentAnimationName.includes(event.animationName);\n if (event.target === node && isCurrentAnimation) {\n // With React 18 concurrency this update is applied a frame after the\n // animation ends, creating a flash of visible content. By setting the\n // animation fill mode to \"forwards\", we force the node to keep the\n // styles of the last keyframe, removing the flash.\n //\n // Previously we flushed the update via ReactDom.flushSync, but with\n // exit animations this resulted in the node being removed from the\n // DOM before the synthetic animationEnd event was dispatched, meaning\n // user-provided event handlers would not be called.\n // https://github.com/radix-ui/primitives/pull/1849\n send('ANIMATION_END');\n if (!prevPresentRef.current) {\n const currentFillMode = node.style.animationFillMode;\n node.style.animationFillMode = 'forwards';\n // Reset the style after the node had time to unmount (for cases\n // where the component chooses not to unmount). Doing this any\n // sooner than `setTimeout` (e.g. with `requestAnimationFrame`)\n // still causes a flash.\n timeoutId = ownerWindow.setTimeout(() => {\n if (node.style.animationFillMode === 'forwards') {\n node.style.animationFillMode = currentFillMode;\n }\n });\n }\n }\n };\n const handleAnimationStart = (event: AnimationEvent) => {\n if (event.target === node) {\n // if animation occurred, store its name as the previous animation.\n prevAnimationNameRef.current = getAnimationName(stylesRef.current);\n }\n };\n node.addEventListener('animationstart', handleAnimationStart);\n node.addEventListener('animationcancel', handleAnimationEnd);\n node.addEventListener('animationend', handleAnimationEnd);\n return () => {\n ownerWindow.clearTimeout(timeoutId);\n node.removeEventListener('animationstart', handleAnimationStart);\n node.removeEventListener('animationcancel', handleAnimationEnd);\n node.removeEventListener('animationend', handleAnimationEnd);\n };\n } else {\n // Transition to the unmounted state if the node is removed prematurely.\n // We avoid doing so during cleanup as the node may change but still exist.\n send('ANIMATION_END');\n }\n }, [node, send]);\n\n return {\n isPresent: ['mounted', 'unmountSuspended'].includes(state),\n ref: React.useCallback((node: HTMLElement) => {\n stylesRef.current = node ? getComputedStyle(node) : null;\n setNode(node);\n }, []),\n };\n}\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getAnimationName(styles: CSSStyleDeclaration | null) {\n return styles?.animationName || 'none';\n}\n\n// Before React 19 accessing `element.props.ref` will throw a warning and suggest using `element.ref`\n// After React 19 accessing `element.ref` does the opposite.\n// https://github.com/facebook/react/pull/28348\n//\n// Access the ref using the method that doesn't yield a warning.\nfunction getElementRef(element: React.ReactElement<{ ref?: React.Ref<unknown> }>) {\n // React <=18 in DEV\n let getter = Object.getOwnPropertyDescriptor(element.props, 'ref')?.get;\n let mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning;\n if (mayWarn) {\n return (element as any).ref;\n }\n\n // React 19 in DEV\n getter = Object.getOwnPropertyDescriptor(element, 'ref')?.get;\n mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.props.ref;\n }\n\n // Not DEV\n return element.props.ref || (element as any).ref;\n}\n\nconst Root = Presence;\n\nexport {\n Presence,\n //\n Root,\n};\nexport type { PresenceProps };\n","import * as React from 'react';\n\ntype Machine<S> = { [k: string]: { [k: string]: S } };\ntype MachineState<T> = keyof T;\ntype MachineEvent<T> = keyof UnionToIntersection<T[keyof T]>;\n\n// 🤯 https://fettblog.eu/typescript-union-to-intersection/\ntype UnionToIntersection<T> = (T extends any ? (x: T) => any : never) extends (x: infer R) => any\n ? R\n : never;\n\nexport function useStateMachine<M>(\n initialState: MachineState<M>,\n machine: M & Machine<MachineState<M>>\n) {\n return React.useReducer((state: MachineState<M>, event: MachineEvent<M>): MachineState<M> => {\n const nextState = (machine[state] as any)[event];\n return nextState ?? state;\n }, initialState);\n}\n","import * as React from 'react';\n\n/** Number of components which have requested interest to have focus guards */\nlet count = 0;\n\nfunction FocusGuards(props: any) {\n useFocusGuards();\n return props.children;\n}\n\n/**\n * Injects a pair of focus guards at the edges of the whole DOM tree\n * to ensure `focusin` & `focusout` events can be caught consistently.\n */\nfunction useFocusGuards() {\n React.useEffect(() => {\n const edgeGuards = document.querySelectorAll('[data-radix-focus-guard]');\n document.body.insertAdjacentElement('afterbegin', edgeGuards[0] ?? createFocusGuard());\n document.body.insertAdjacentElement('beforeend', edgeGuards[1] ?? createFocusGuard());\n count++;\n\n return () => {\n if (count === 1) {\n document.querySelectorAll('[data-radix-focus-guard]').forEach((node) => node.remove());\n }\n count--;\n };\n }, []);\n}\n\nfunction createFocusGuard() {\n const element = document.createElement('span');\n element.setAttribute('data-radix-focus-guard', '');\n element.tabIndex = 0;\n element.style.outline = 'none';\n element.style.opacity = '0';\n element.style.position = 'fixed';\n element.style.pointerEvents = 'none';\n return element;\n}\n\nconst Root = FocusGuards;\n\nexport {\n FocusGuards,\n //\n Root,\n //\n useFocusGuards,\n};\n","/******************************************************************************\nCopyright (c) Microsoft Corporation.\n\nPermission to use, copy, modify, and/or distribute this software for any\npurpose with or without fee is hereby granted.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\nPERFORMANCE OF THIS SOFTWARE.\n***************************************************************************** */\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\n\nvar extendStatics = function(d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n};\n\nexport function __extends(d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n}\n\nexport var __assign = function() {\n __assign = Object.assign || function __assign(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n return t;\n }\n return __assign.apply(this, arguments);\n}\n\nexport function __rest(s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n}\n\nexport function __decorate(decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n}\n\nexport function __param(paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n}\n\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\n var _, done = false;\n for (var i = decorators.length - 1; i >= 0; i--) {\n var context = {};\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\n if (kind === \"accessor\") {\n if (result === void 0) continue;\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\n if (_ = accept(result.get)) descriptor.get = _;\n if (_ = accept(result.set)) descriptor.set = _;\n if (_ = accept(result.init)) initializers.unshift(_);\n }\n else if (_ = accept(result)) {\n if (kind === \"field\") initializers.unshift(_);\n else descriptor[key] = _;\n }\n }\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\n done = true;\n};\n\nexport function __runInitializers(thisArg, initializers, value) {\n var useValue = arguments.length > 2;\n for (var i = 0; i < initializers.length; i++) {\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\n }\n return useValue ? value : void 0;\n};\n\nexport function __propKey(x) {\n return typeof x === \"symbol\" ? x : \"\".concat(x);\n};\n\nexport function __setFunctionName(f, name, prefix) {\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\n};\n\nexport function __metadata(metadataKey, metadataValue) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\n}\n\nexport function __awaiter(thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n}\n\nexport function __generator(thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\n return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n}\n\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n});\n\nexport function __exportStar(m, o) {\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\n}\n\nexport function __values(o) {\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\n if (m) return m.call(o);\n if (o && typeof o.length === \"number\") return {\n next: function () {\n if (o && i >= o.length) o = void 0;\n return { value: o && o[i++], done: !o };\n }\n };\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n}\n\nexport function __read(o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n}\n\n/** @deprecated */\nexport function __spread() {\n for (var ar = [], i = 0; i < arguments.length; i++)\n ar = ar.concat(__read(arguments[i]));\n return ar;\n}\n\n/** @deprecated */\nexport function __spreadArrays() {\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n r[k] = a[j];\n return r;\n}\n\nexport function __spreadArray(to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n}\n\nexport function __await(v) {\n return this instanceof __await ? (this.v = v, this) : new __await(v);\n}\n\nexport function __asyncGenerator(thisArg, _arguments, generator) {\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\n return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\n function fulfill(value) { resume(\"next\", value); }\n function reject(value) { resume(\"throw\", value); }\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\n}\n\nexport function __asyncDelegator(o) {\n var i, p;\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\n}\n\nexport function __asyncValues(o) {\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n var m = o[Symbol.asyncIterator], i;\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\n}\n\nexport function __makeTemplateObject(cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\n};\n\nvar __setModuleDefault = Object.create ? (function(o, v) {\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n o[\"default\"] = v;\n};\n\nvar ownKeys = function(o) {\n ownKeys = Object.getOwnPropertyNames || function (o) {\n var ar = [];\n for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\n return ar;\n };\n return ownKeys(o);\n};\n\nexport function __importStar(mod) {\n if (mod && mod.__esModule) return mod;\n var result = {};\n if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\n __setModuleDefault(result, mod);\n return result;\n}\n\nexport function __importDefault(mod) {\n return (mod && mod.__esModule) ? mod : { default: mod };\n}\n\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\n}\n\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\n}\n\nexport function __classPrivateFieldIn(state, receiver) {\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\n}\n\nexport function __addDisposableResource(env, value, async) {\n if (value !== null && value !== void 0) {\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\n var dispose, inner;\n if (async) {\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\n dispose = value[Symbol.asyncDispose];\n }\n if (dispose === void 0) {\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\n dispose = value[Symbol.dispose];\n if (async) inner = dispose;\n }\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\n env.stack.push({ value: value, dispose: dispose, async: async });\n }\n else if (async) {\n env.stack.push({ async: true });\n }\n return value;\n}\n\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\n var e = new Error(message);\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\n};\n\nexport function __disposeResources(env) {\n function fail(e) {\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\n env.hasError = true;\n }\n var r, s = 0;\n function next() {\n while (r = env.stack.pop()) {\n try {\n if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\n if (r.dispose) {\n var result = r.dispose.call(r.value);\n if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\n }\n else s |= 1;\n }\n catch (e) {\n fail(e);\n }\n }\n if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\n if (env.hasError) throw env.error;\n }\n return next();\n}\n\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\n if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\n return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\n return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\n });\n }\n return path;\n}\n\nexport default {\n __extends,\n __assign,\n __rest,\n __decorate,\n __param,\n __esDecorate,\n __runInitializers,\n __propKey,\n __setFunctionName,\n __metadata,\n __awaiter,\n __generator,\n __createBinding,\n __exportStar,\n __values,\n __read,\n __spread,\n __spreadArrays,\n __spreadArray,\n __await,\n __asyncGenerator,\n __asyncDelegator,\n __asyncValues,\n __makeTemplateObject,\n __importStar,\n __importDefault,\n __classPrivateFieldGet,\n __classPrivateFieldSet,\n __classPrivateFieldIn,\n __addDisposableResource,\n __disposeResources,\n __rewriteRelativeImportExtension,\n};\n","import { __assign } from \"tslib\";\nimport * as React from 'react';\nimport { RemoveScroll } from './UI';\nimport SideCar from './sidecar';\nvar ReactRemoveScroll = React.forwardRef(function (props, ref) { return (React.createElement(RemoveScroll, __assign({}, props, { ref: ref, sideCar: SideCar }))); });\nReactRemoveScroll.classNames = RemoveScroll.classNames;\nexport default ReactRemoveScroll;\n","import { __assign, __rest } from \"tslib\";\nimport * as React from 'react';\nimport { fullWidthClassName, zeroRightClassName } from 'react-remove-scroll-bar/constants';\nimport { useMergeRefs } from 'use-callback-ref';\nimport { effectCar } from './medium';\nvar nothing = function () {\n return;\n};\n/**\n * Removes scrollbar from the page and contain the scroll within the Lock\n */\nvar RemoveScroll = React.forwardRef(function (props, parentRef) {\n var ref = React.useRef(null);\n var _a = React.useState({\n onScrollCapture: nothing,\n onWheelCapture: nothing,\n onTouchMoveCapture: nothing,\n }), callbacks = _a[0], setCallbacks = _a[1];\n var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noRelative = props.noRelative, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, gapMode = props.gapMode, rest = __rest(props, [\"forwardProps\", \"children\", \"className\", \"removeScrollBar\", \"enabled\", \"shards\", \"sideCar\", \"noRelative\", \"noIsolation\", \"inert\", \"allowPinchZoom\", \"as\", \"gapMode\"]);\n var SideCar = sideCar;\n var containerRef = useMergeRefs([ref, parentRef]);\n var containerProps = __assign(__assign({}, rest), callbacks);\n return (React.createElement(React.Fragment, null,\n enabled && (React.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noRelative: noRelative, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode: gapMode })),\n forwardProps ? (React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));\n});\nRemoveScroll.defaultProps = {\n enabled: true,\n removeScrollBar: true,\n inert: false,\n};\nRemoveScroll.classNames = {\n fullWidth: fullWidthClassName,\n zeroRight: zeroRightClassName,\n};\nexport { RemoveScroll };\n","export var zeroRightClassName = 'right-scroll-bar-position';\nexport var fullWidthClassName = 'width-before-scroll-bar';\nexport var noScrollbarsClassName = 'with-scroll-bars-hidden';\n/**\n * Name of a CSS variable containing the amount of \"hidden\" scrollbar\n * ! might be undefined ! use will fallback!\n */\nexport var removedBarSizeVariable = '--removed-body-scroll-bar-size';\n","/**\n * Assigns a value for a given ref, no matter of the ref format\n * @param {RefObject} ref - a callback function or ref object\n * @param value - a new value\n *\n * @see https://github.com/theKashey/use-callback-ref#assignref\n * @example\n * const refObject = useRef();\n * const refFn = (ref) => {....}\n *\n * assignRef(refObject, \"refValue\");\n * assignRef(refFn, \"refValue\");\n */\nexport function assignRef(ref, value) {\n if (typeof ref === 'function') {\n ref(value);\n }\n else if (ref) {\n ref.current = value;\n }\n return ref;\n}\n","import { useState } from 'react';\n/**\n * creates a MutableRef with ref change callback\n * @param initialValue - initial ref value\n * @param {Function} callback - a callback to run when value changes\n *\n * @example\n * const ref = useCallbackRef(0, (newValue, oldValue) => console.log(oldValue, '->', newValue);\n * ref.current = 1;\n * // prints 0 -> 1\n *\n * @see https://reactjs.org/docs/hooks-reference.html#useref\n * @see https://github.com/theKashey/use-callback-ref#usecallbackref---to-replace-reactuseref\n * @returns {MutableRefObject}\n */\nexport function useCallbackRef(initialValue, callback) {\n var ref = useState(function () { return ({\n // value\n value: initialValue,\n // last callback\n callback: callback,\n // \"memoized\" public interface\n facade: {\n get current() {\n return ref.value;\n },\n set current(value) {\n var last = ref.value;\n if (last !== value) {\n ref.value = value;\n ref.callback(value, last);\n }\n },\n },\n }); })[0];\n // update callback\n ref.callback = callback;\n return ref.facade;\n}\n","import * as React from 'react';\nimport { assignRef } from './assignRef';\nimport { useCallbackRef } from './useRef';\nvar useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\nvar currentValues = new WeakMap();\n/**\n * Merges two or more refs together providing a single interface to set their value\n * @param {RefObject|Ref} refs\n * @returns {MutableRefObject} - a new ref, which translates all changes to {refs}\n *\n * @see {@link mergeRefs} a version without buit-in memoization\n * @see https://github.com/theKashey/use-callback-ref#usemergerefs\n * @example\n * const Component = React.forwardRef((props, ref) => {\n * const ownRef = useRef();\n * const domRef = useMergeRefs([ref, ownRef]); // 👈 merge together\n * return <div ref={domRef}>...</div>\n * }\n */\nexport function useMergeRefs(refs, defaultValue) {\n var callbackRef = useCallbackRef(defaultValue || null, function (newValue) {\n return refs.forEach(function (ref) { return assignRef(ref, newValue); });\n });\n // handle refs changes - added or removed\n useIsomorphicLayoutEffect(function () {\n var oldValue = currentValues.get(callbackRef);\n if (oldValue) {\n var prevRefs_1 = new Set(oldValue);\n var nextRefs_1 = new Set(refs);\n var current_1 = callbackRef.current;\n prevRefs_1.forEach(function (ref) {\n if (!nextRefs_1.has(ref)) {\n assignRef(ref, null);\n }\n });\n nextRefs_1.forEach(function (ref) {\n if (!prevRefs_1.has(ref)) {\n assignRef(ref, current_1);\n }\n });\n }\n currentValues.set(callbackRef, refs);\n }, [refs]);\n return callbackRef;\n}\n","import { __assign } from \"tslib\";\nfunction ItoI(a) {\n return a;\n}\nfunction innerCreateMedium(defaults, middleware) {\n if (middleware === void 0) { middleware = ItoI; }\n var buffer = [];\n var assigned = false;\n var medium = {\n read: function () {\n if (assigned) {\n throw new Error('Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.');\n }\n if (buffer.length) {\n return buffer[buffer.length - 1];\n }\n return defaults;\n },\n useMedium: function (data) {\n var item = middleware(data, assigned);\n buffer.push(item);\n return function () {\n buffer = buffer.filter(function (x) { return x !== item; });\n };\n },\n assignSyncMedium: function (cb) {\n assigned = true;\n while (buffer.length) {\n var cbs = buffer;\n buffer = [];\n cbs.forEach(cb);\n }\n buffer = {\n push: function (x) { return cb(x); },\n filter: function () { return buffer; },\n };\n },\n assignMedium: function (cb) {\n assigned = true;\n var pendingQueue = [];\n if (buffer.length) {\n var cbs = buffer;\n buffer = [];\n cbs.forEach(cb);\n pendingQueue = buffer;\n }\n var executeQueue = function () {\n var cbs = pendingQueue;\n pendingQueue = [];\n cbs.forEach(cb);\n };\n var cycle = function () { return Promise.resolve().then(executeQueue); };\n cycle();\n buffer = {\n push: function (x) {\n pendingQueue.push(x);\n cycle();\n },\n filter: function (filter) {\n pendingQueue = pendingQueue.filter(filter);\n return buffer;\n },\n };\n },\n };\n return medium;\n}\nexport function createMedium(defaults, middleware) {\n if (middleware === void 0) { middleware = ItoI; }\n return innerCreateMedium(defaults, middleware);\n}\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport function createSidecarMedium(options) {\n if (options === void 0) { options = {}; }\n var medium = innerCreateMedium(null);\n medium.options = __assign({ async: true, ssr: false }, options);\n return medium;\n}\n","import { __assign, __rest } from \"tslib\";\nimport * as React from 'react';\nvar SideCar = function (_a) {\n var sideCar = _a.sideCar, rest = __rest(_a, [\"sideCar\"]);\n if (!sideCar) {\n throw new Error('Sidecar: please provide `sideCar` property to import the right car');\n }\n var Target = sideCar.read();\n if (!Target) {\n throw new Error('Sidecar medium not found');\n }\n return React.createElement(Target, __assign({}, rest));\n};\nSideCar.isSideCarExport = true;\nexport function exportSidecar(medium, exported) {\n medium.useMedium(exported);\n return SideCar;\n}\n","import { createSidecarMedium } from 'use-sidecar';\nexport var effectCar = createSidecarMedium();\n","import { __spreadArray } from \"tslib\";\nimport * as React from 'react';\nimport { RemoveScrollBar } from 'react-remove-scroll-bar';\nimport { styleSingleton } from 'react-style-singleton';\nimport { nonPassive } from './aggresiveCapture';\nimport { handleScroll, locationCouldBeScrolled } from './handleScroll';\nexport var getTouchXY = function (event) {\n return 'changedTouches' in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];\n};\nexport var getDeltaXY = function (event) { return [event.deltaX, event.deltaY]; };\nvar extractRef = function (ref) {\n return ref && 'current' in ref ? ref.current : ref;\n};\nvar deltaCompare = function (x, y) { return x[0] === y[0] && x[1] === y[1]; };\nvar generateStyle = function (id) { return \"\\n .block-interactivity-\".concat(id, \" {pointer-events: none;}\\n .allow-interactivity-\").concat(id, \" {pointer-events: all;}\\n\"); };\nvar idCounter = 0;\nvar lockStack = [];\nexport function RemoveScrollSideCar(props) {\n var shouldPreventQueue = React.useRef([]);\n var touchStartRef = React.useRef([0, 0]);\n var activeAxis = React.useRef();\n var id = React.useState(idCounter++)[0];\n var Style = React.useState(styleSingleton)[0];\n var lastProps = React.useRef(props);\n React.useEffect(function () {\n lastProps.current = props;\n }, [props]);\n React.useEffect(function () {\n if (props.inert) {\n document.body.classList.add(\"block-interactivity-\".concat(id));\n var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);\n allow_1.forEach(function (el) { return el.classList.add(\"allow-interactivity-\".concat(id)); });\n return function () {\n document.body.classList.remove(\"block-interactivity-\".concat(id));\n allow_1.forEach(function (el) { return el.classList.remove(\"allow-interactivity-\".concat(id)); });\n };\n }\n return;\n }, [props.inert, props.lockRef.current, props.shards]);\n var shouldCancelEvent = React.useCallback(function (event, parent) {\n if (('touches' in event && event.touches.length === 2) || (event.type === 'wheel' && event.ctrlKey)) {\n return !lastProps.current.allowPinchZoom;\n }\n var touch = getTouchXY(event);\n var touchStart = touchStartRef.current;\n var deltaX = 'deltaX' in event ? event.deltaX : touchStart[0] - touch[0];\n var deltaY = 'deltaY' in event ? event.deltaY : touchStart[1] - touch[1];\n var currentAxis;\n var target = event.target;\n var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? 'h' : 'v';\n // allow horizontal touch move on Range inputs. They will not cause any scroll\n if ('touches' in event && moveDirection === 'h' && target.type === 'range') {\n return false;\n }\n var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);\n if (!canBeScrolledInMainDirection) {\n return true;\n }\n if (canBeScrolledInMainDirection) {\n currentAxis = moveDirection;\n }\n else {\n currentAxis = moveDirection === 'v' ? 'h' : 'v';\n canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);\n // other axis might be not scrollable\n }\n if (!canBeScrolledInMainDirection) {\n return false;\n }\n if (!activeAxis.current && 'changedTouches' in event && (deltaX || deltaY)) {\n activeAxis.current = currentAxis;\n }\n if (!currentAxis) {\n return true;\n }\n var cancelingAxis = activeAxis.current || currentAxis;\n return handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY, true);\n }, []);\n var shouldPrevent = React.useCallback(function (_event) {\n var event = _event;\n if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {\n // not the last active\n return;\n }\n var delta = 'deltaY' in event ? getDeltaXY(event) : getTouchXY(event);\n var sourceEvent = shouldPreventQueue.current.filter(function (e) { return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare(e.delta, delta); })[0];\n // self event, and should be canceled\n if (sourceEvent && sourceEvent.should) {\n if (event.cancelable) {\n event.preventDefault();\n }\n return;\n }\n // outside or shard event\n if (!sourceEvent) {\n var shardNodes = (lastProps.current.shards || [])\n .map(extractRef)\n .filter(Boolean)\n .filter(function (node) { return node.contains(event.target); });\n var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;\n if (shouldStop) {\n if (event.cancelable) {\n event.preventDefault();\n }\n }\n }\n }, []);\n var shouldCancel = React.useCallback(function (name, delta, target, should) {\n var event = { name: name, delta: delta, target: target, should: should, shadowParent: getOutermostShadowParent(target) };\n shouldPreventQueue.current.push(event);\n setTimeout(function () {\n shouldPreventQueue.current = shouldPreventQueue.current.filter(function (e) { return e !== event; });\n }, 1);\n }, []);\n var scrollTouchStart = React.useCallback(function (event) {\n touchStartRef.current = getTouchXY(event);\n activeAxis.current = undefined;\n }, []);\n var scrollWheel = React.useCallback(function (event) {\n shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));\n }, []);\n var scrollTouchMove = React.useCallback(function (event) {\n shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));\n }, []);\n React.useEffect(function () {\n lockStack.push(Style);\n props.setCallbacks({\n onScrollCapture: scrollWheel,\n onWheelCapture: scrollWheel,\n onTouchMoveCapture: scrollTouchMove,\n });\n document.addEventListener('wheel', shouldPrevent, nonPassive);\n document.addEventListener('touchmove', shouldPrevent, nonPassive);\n document.addEventListener('touchstart', scrollTouchStart, nonPassive);\n return function () {\n lockStack = lockStack.filter(function (inst) { return inst !== Style; });\n document.removeEventListener('wheel', shouldPrevent, nonPassive);\n document.removeEventListener('touchmove', shouldPrevent, nonPassive);\n document.removeEventListener('touchstart', scrollTouchStart, nonPassive);\n };\n }, []);\n var removeScrollBar = props.removeScrollBar, inert = props.inert;\n return (React.createElement(React.Fragment, null,\n inert ? React.createElement(Style, { styles: generateStyle(id) }) : null,\n removeScrollBar ? React.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null));\n}\nfunction getOutermostShadowParent(node) {\n var shadowParent = null;\n while (node !== null) {\n if (node instanceof ShadowRoot) {\n shadowParent = node.host;\n node = node.host;\n }\n node = node.parentNode;\n }\n return shadowParent;\n}\n","import * as React from 'react';\nimport { styleSingleton } from 'react-style-singleton';\nimport { fullWidthClassName, zeroRightClassName, noScrollbarsClassName, removedBarSizeVariable } from './constants';\nimport { getGapWidth } from './utils';\nvar Style = styleSingleton();\nexport var lockAttribute = 'data-scroll-locked';\n// important tip - once we measure scrollBar width and remove them\n// we could not repeat this operation\n// thus we are using style-singleton - only the first \"yet correct\" style will be applied.\nvar getStyles = function (_a, allowRelative, gapMode, important) {\n var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;\n if (gapMode === void 0) { gapMode = 'margin'; }\n return \"\\n .\".concat(noScrollbarsClassName, \" {\\n overflow: hidden \").concat(important, \";\\n padding-right: \").concat(gap, \"px \").concat(important, \";\\n }\\n body[\").concat(lockAttribute, \"] {\\n overflow: hidden \").concat(important, \";\\n overscroll-behavior: contain;\\n \").concat([\n allowRelative && \"position: relative \".concat(important, \";\"),\n gapMode === 'margin' &&\n \"\\n padding-left: \".concat(left, \"px;\\n padding-top: \").concat(top, \"px;\\n padding-right: \").concat(right, \"px;\\n margin-left:0;\\n margin-top:0;\\n margin-right: \").concat(gap, \"px \").concat(important, \";\\n \"),\n gapMode === 'padding' && \"padding-right: \".concat(gap, \"px \").concat(important, \";\"),\n ]\n .filter(Boolean)\n .join(''), \"\\n }\\n \\n .\").concat(zeroRightClassName, \" {\\n right: \").concat(gap, \"px \").concat(important, \";\\n }\\n \\n .\").concat(fullWidthClassName, \" {\\n margin-right: \").concat(gap, \"px \").concat(important, \";\\n }\\n \\n .\").concat(zeroRightClassName, \" .\").concat(zeroRightClassName, \" {\\n right: 0 \").concat(important, \";\\n }\\n \\n .\").concat(fullWidthClassName, \" .\").concat(fullWidthClassName, \" {\\n margin-right: 0 \").concat(important, \";\\n }\\n \\n body[\").concat(lockAttribute, \"] {\\n \").concat(removedBarSizeVariable, \": \").concat(gap, \"px;\\n }\\n\");\n};\nvar getCurrentUseCounter = function () {\n var counter = parseInt(document.body.getAttribute(lockAttribute) || '0', 10);\n return isFinite(counter) ? counter : 0;\n};\nexport var useLockAttribute = function () {\n React.useEffect(function () {\n document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());\n return function () {\n var newCounter = getCurrentUseCounter() - 1;\n if (newCounter <= 0) {\n document.body.removeAttribute(lockAttribute);\n }\n else {\n document.body.setAttribute(lockAttribute, newCounter.toString());\n }\n };\n }, []);\n};\n/**\n * Removes page scrollbar and blocks page scroll when mounted\n */\nexport var RemoveScrollBar = function (_a) {\n var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? 'margin' : _b;\n useLockAttribute();\n /*\n gap will be measured on every component mount\n however it will be used only by the \"first\" invocation\n due to singleton nature of <Style\n */\n var gap = React.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);\n return React.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });\n};\n","import * as React from 'react';\nimport { stylesheetSingleton } from './singleton';\n/**\n * creates a hook to control style singleton\n * @see {@link styleSingleton} for a safer component version\n * @example\n * ```tsx\n * const useStyle = styleHookSingleton();\n * ///\n * useStyle('body { overflow: hidden}');\n */\nexport var styleHookSingleton = function () {\n var sheet = stylesheetSingleton();\n return function (styles, isDynamic) {\n React.useEffect(function () {\n sheet.add(styles);\n return function () {\n sheet.remove();\n };\n }, [styles && isDynamic]);\n };\n};\n","var currentNonce;\nexport var setNonce = function (nonce) {\n currentNonce = nonce;\n};\nexport var getNonce = function () {\n if (currentNonce) {\n return currentNonce;\n }\n if (typeof __webpack_nonce__ !== 'undefined') {\n return __webpack_nonce__;\n }\n return undefined;\n};\n","import { getNonce } from 'get-nonce';\nfunction makeStyleTag() {\n if (!document)\n return null;\n var tag = document.createElement('style');\n tag.type = 'text/css';\n var nonce = getNonce();\n if (nonce) {\n tag.setAttribute('nonce', nonce);\n }\n return tag;\n}\nfunction injectStyles(tag, css) {\n // @ts-ignore\n if (tag.styleSheet) {\n // @ts-ignore\n tag.styleSheet.cssText = css;\n }\n else {\n tag.appendChild(document.createTextNode(css));\n }\n}\nfunction insertStyleTag(tag) {\n var head = document.head || document.getElementsByTagName('head')[0];\n head.appendChild(tag);\n}\nexport var stylesheetSingleton = function () {\n var counter = 0;\n var stylesheet = null;\n return {\n add: function (style) {\n if (counter == 0) {\n if ((stylesheet = makeStyleTag())) {\n injectStyles(stylesheet, style);\n insertStyleTag(stylesheet);\n }\n }\n counter++;\n },\n remove: function () {\n counter--;\n if (!counter && stylesheet) {\n stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);\n stylesheet = null;\n }\n },\n };\n};\n","import { styleHookSingleton } from './hook';\n/**\n * create a Component to add styles on demand\n * - styles are added when first instance is mounted\n * - styles are removed when the last instance is unmounted\n * - changing styles in runtime does nothing unless dynamic is set. But with multiple components that can lead to the undefined behavior\n */\nexport var styleSingleton = function () {\n var useStyle = styleHookSingleton();\n var Sheet = function (_a) {\n var styles = _a.styles, dynamic = _a.dynamic;\n useStyle(styles, dynamic);\n return null;\n };\n return Sheet;\n};\n","export var zeroGap = {\n left: 0,\n top: 0,\n right: 0,\n gap: 0,\n};\nvar parse = function (x) { return parseInt(x || '', 10) || 0; };\nvar getOffset = function (gapMode) {\n var cs = window.getComputedStyle(document.body);\n var left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];\n var top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];\n var right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];\n return [parse(left), parse(top), parse(right)];\n};\nexport var getGapWidth = function (gapMode) {\n if (gapMode === void 0) { gapMode = 'margin'; }\n if (typeof window === 'undefined') {\n return zeroGap;\n }\n var offsets = getOffset(gapMode);\n var documentWidth = document.documentElement.clientWidth;\n var windowWidth = window.innerWidth;\n return {\n left: offsets[0],\n top: offsets[1],\n right: offsets[2],\n gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0]),\n };\n};\n","var passiveSupported = false;\nif (typeof window !== 'undefined') {\n try {\n var options = Object.defineProperty({}, 'passive', {\n get: function () {\n passiveSupported = true;\n return true;\n },\n });\n // @ts-ignore\n window.addEventListener('test', options, options);\n // @ts-ignore\n window.removeEventListener('test', options, options);\n }\n catch (err) {\n passiveSupported = false;\n }\n}\nexport var nonPassive = passiveSupported ? { passive: false } : false;\n","var alwaysContainsScroll = function (node) {\n // textarea will always _contain_ scroll inside self. It only can be hidden\n return node.tagName === 'TEXTAREA';\n};\nvar elementCanBeScrolled = function (node, overflow) {\n if (!(node instanceof Element)) {\n return false;\n }\n var styles = window.getComputedStyle(node);\n return (\n // not-not-scrollable\n styles[overflow] !== 'hidden' &&\n // contains scroll inside self\n !(styles.overflowY === styles.overflowX && !alwaysContainsScroll(node) && styles[overflow] === 'visible'));\n};\nvar elementCouldBeVScrolled = function (node) { return elementCanBeScrolled(node, 'overflowY'); };\nvar elementCouldBeHScrolled = function (node) { return elementCanBeScrolled(node, 'overflowX'); };\nexport var locationCouldBeScrolled = function (axis, node) {\n var ownerDocument = node.ownerDocument;\n var current = node;\n do {\n // Skip over shadow root\n if (typeof ShadowRoot !== 'undefined' && current instanceof ShadowRoot) {\n current = current.host;\n }\n var isScrollable = elementCouldBeScrolled(axis, current);\n if (isScrollable) {\n var _a = getScrollVariables(axis, current), scrollHeight = _a[1], clientHeight = _a[2];\n if (scrollHeight > clientHeight) {\n return true;\n }\n }\n current = current.parentNode;\n } while (current && current !== ownerDocument.body);\n return false;\n};\nvar getVScrollVariables = function (_a) {\n var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;\n return [\n scrollTop,\n scrollHeight,\n clientHeight,\n ];\n};\nvar getHScrollVariables = function (_a) {\n var scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;\n return [\n scrollLeft,\n scrollWidth,\n clientWidth,\n ];\n};\nvar elementCouldBeScrolled = function (axis, node) {\n return axis === 'v' ? elementCouldBeVScrolled(node) : elementCouldBeHScrolled(node);\n};\nvar getScrollVariables = function (axis, node) {\n return axis === 'v' ? getVScrollVariables(node) : getHScrollVariables(node);\n};\nvar getDirectionFactor = function (axis, direction) {\n /**\n * If the element's direction is rtl (right-to-left), then scrollLeft is 0 when the scrollbar is at its rightmost position,\n * and then increasingly negative as you scroll towards the end of the content.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft\n */\n return axis === 'h' && direction === 'rtl' ? -1 : 1;\n};\nexport var handleScroll = function (axis, endTarget, event, sourceDelta, noOverscroll) {\n var directionFactor = getDirectionFactor(axis, window.getComputedStyle(endTarget).direction);\n var delta = directionFactor * sourceDelta;\n // find scrollable target\n var target = event.target;\n var targetInLock = endTarget.contains(target);\n var shouldCancelScroll = false;\n var isDeltaPositive = delta > 0;\n var availableScroll = 0;\n var availableScrollTop = 0;\n do {\n if (!target) {\n break;\n }\n var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];\n var elementScroll = scroll_1 - capacity - directionFactor * position;\n if (position || elementScroll) {\n if (elementCouldBeScrolled(axis, target)) {\n availableScroll += elementScroll;\n availableScrollTop += position;\n }\n }\n var parent_1 = target.parentNode;\n // we will \"bubble\" from ShadowDom in case we are, or just to the parent in normal case\n // this is the same logic used in focus-lock\n target = (parent_1 && parent_1.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? parent_1.host : parent_1);\n } while (\n // portaled content\n (!targetInLock && target !== document.body) ||\n // self content\n (targetInLock && (endTarget.contains(target) || endTarget === target)));\n // handle epsilon around 0 (non standard zoom levels)\n if (isDeltaPositive &&\n ((noOverscroll && Math.abs(availableScroll) < 1) || (!noOverscroll && delta > availableScroll))) {\n shouldCancelScroll = true;\n }\n else if (!isDeltaPositive &&\n ((noOverscroll && Math.abs(availableScrollTop) < 1) || (!noOverscroll && -delta > availableScrollTop))) {\n shouldCancelScroll = true;\n }\n return shouldCancelScroll;\n};\n","import { exportSidecar } from 'use-sidecar';\nimport { RemoveScrollSideCar } from './SideEffect';\nimport { effectCar } from './medium';\nexport default exportSidecar(effectCar, RemoveScrollSideCar);\n","var getDefaultParent = function (originalTarget) {\n if (typeof document === 'undefined') {\n return null;\n }\n var sampleTarget = Array.isArray(originalTarget) ? originalTarget[0] : originalTarget;\n return sampleTarget.ownerDocument.body;\n};\nvar counterMap = new WeakMap();\nvar uncontrolledNodes = new WeakMap();\nvar markerMap = {};\nvar lockCount = 0;\nvar unwrapHost = function (node) {\n return node && (node.host || unwrapHost(node.parentNode));\n};\nvar correctTargets = function (parent, targets) {\n return targets\n .map(function (target) {\n if (parent.contains(target)) {\n return target;\n }\n var correctedTarget = unwrapHost(target);\n if (correctedTarget && parent.contains(correctedTarget)) {\n return correctedTarget;\n }\n console.error('aria-hidden', target, 'in not contained inside', parent, '. Doing nothing');\n return null;\n })\n .filter(function (x) { return Boolean(x); });\n};\n/**\n * Marks everything except given node(or nodes) as aria-hidden\n * @param {Element | Element[]} originalTarget - elements to keep on the page\n * @param [parentNode] - top element, defaults to document.body\n * @param {String} [markerName] - a special attribute to mark every node\n * @param {String} [controlAttribute] - html Attribute to control\n * @return {Undo} undo command\n */\nvar applyAttributeToOthers = function (originalTarget, parentNode, markerName, controlAttribute) {\n var targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);\n if (!markerMap[markerName]) {\n markerMap[markerName] = new WeakMap();\n }\n var markerCounter = markerMap[markerName];\n var hiddenNodes = [];\n var elementsToKeep = new Set();\n var elementsToStop = new Set(targets);\n var keep = function (el) {\n if (!el || elementsToKeep.has(el)) {\n return;\n }\n elementsToKeep.add(el);\n keep(el.parentNode);\n };\n targets.forEach(keep);\n var deep = function (parent) {\n if (!parent || elementsToStop.has(parent)) {\n return;\n }\n Array.prototype.forEach.call(parent.children, function (node) {\n if (elementsToKeep.has(node)) {\n deep(node);\n }\n else {\n try {\n var attr = node.getAttribute(controlAttribute);\n var alreadyHidden = attr !== null && attr !== 'false';\n var counterValue = (counterMap.get(node) || 0) + 1;\n var markerValue = (markerCounter.get(node) || 0) + 1;\n counterMap.set(node, counterValue);\n markerCounter.set(node, markerValue);\n hiddenNodes.push(node);\n if (counterValue === 1 && alreadyHidden) {\n uncontrolledNodes.set(node, true);\n }\n if (markerValue === 1) {\n node.setAttribute(markerName, 'true');\n }\n if (!alreadyHidden) {\n node.setAttribute(controlAttribute, 'true');\n }\n }\n catch (e) {\n console.error('aria-hidden: cannot operate on ', node, e);\n }\n }\n });\n };\n deep(parentNode);\n elementsToKeep.clear();\n lockCount++;\n return function () {\n hiddenNodes.forEach(function (node) {\n var counterValue = counterMap.get(node) - 1;\n var markerValue = markerCounter.get(node) - 1;\n counterMap.set(node, counterValue);\n markerCounter.set(node, markerValue);\n if (!counterValue) {\n if (!uncontrolledNodes.has(node)) {\n node.removeAttribute(controlAttribute);\n }\n uncontrolledNodes.delete(node);\n }\n if (!markerValue) {\n node.removeAttribute(markerName);\n }\n });\n lockCount--;\n if (!lockCount) {\n // clear\n counterMap = new WeakMap();\n counterMap = new WeakMap();\n uncontrolledNodes = new WeakMap();\n markerMap = {};\n }\n };\n};\n/**\n * Marks everything except given node(or nodes) as aria-hidden\n * @param {Element | Element[]} originalTarget - elements to keep on the page\n * @param [parentNode] - top element, defaults to document.body\n * @param {String} [markerName] - a special attribute to mark every node\n * @return {Undo} undo command\n */\nexport var hideOthers = function (originalTarget, parentNode, markerName) {\n if (markerName === void 0) { markerName = 'data-aria-hidden'; }\n var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);\n var activeParentNode = parentNode || getDefaultParent(originalTarget);\n if (!activeParentNode) {\n return function () { return null; };\n }\n // we should not hide aria-live elements - https://github.com/theKashey/aria-hidden/issues/10\n // and script elements, as they have no impact on accessibility.\n targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll('[aria-live], script')));\n return applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');\n};\n/**\n * Marks everything except given node(or nodes) as inert\n * @param {Element | Element[]} originalTarget - elements to keep on the page\n * @param [parentNode] - top element, defaults to document.body\n * @param {String} [markerName] - a special attribute to mark every node\n * @return {Undo} undo command\n */\nexport var inertOthers = function (originalTarget, parentNode, markerName) {\n if (markerName === void 0) { markerName = 'data-inert-ed'; }\n var activeParentNode = parentNode || getDefaultParent(originalTarget);\n if (!activeParentNode) {\n return function () { return null; };\n }\n return applyAttributeToOthers(originalTarget, activeParentNode, markerName, 'inert');\n};\n/**\n * @returns if current browser supports inert\n */\nexport var supportsInert = function () {\n return typeof HTMLElement !== 'undefined' && HTMLElement.prototype.hasOwnProperty('inert');\n};\n/**\n * Automatic function to \"suppress\" DOM elements - _hide_ or _inert_ in the best possible way\n * @param {Element | Element[]} originalTarget - elements to keep on the page\n * @param [parentNode] - top element, defaults to document.body\n * @param {String} [markerName] - a special attribute to mark every node\n * @return {Undo} undo command\n */\nexport var suppressOthers = function (originalTarget, parentNode, markerName) {\n if (markerName === void 0) { markerName = 'data-suppressed'; }\n return (supportsInert() ? inertOthers : hideOthers)(originalTarget, parentNode, markerName);\n};\n","'use client';\nimport { useState, useRef, useEffect, ReactNode } from 'react'\nimport { globalLucideIcons as icons } from '@base-ui/components/global-icon'\n\n// base button config\ninterface BaseButtonConfig {\n icon: ReactNode\n text: string\n onClick: () => void | Promise<void>\n disabled?: boolean\n}\n\n// menu item config\ninterface MenuItemConfig extends BaseButtonConfig {\n tag?: {\n text: string\n color?: string\n }\n splitTopBorder?: boolean\n}\n\n// single button config\ninterface SingleButtonProps {\n type: 'single'\n button: BaseButtonConfig\n loadingText?: string\n minWidth?: string\n className?: string\n}\n\n// split button config\ninterface SplitButtonProps {\n type: 'split'\n mainButton: BaseButtonConfig\n menuItems: MenuItemConfig[]\n loadingText?: string\n menuWidth?: string\n className?: string\n mainButtonClassName?: string\n dropdownButtonClassName?: string\n}\n\ntype xButtonProps = SingleButtonProps | SplitButtonProps\n\nexport function XButton(props: xButtonProps) {\n const [isLoading, setIsLoading] = useState(false)\n const [menuOpen, setMenuOpen] = useState(false)\n const menuRef = useRef<HTMLDivElement>(null)\n\n // click outside to close menu\n useEffect(() => {\n if (props.type === 'split') {\n const handleClickOutside = (event: MouseEvent) => {\n if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n setMenuOpen(false)\n }\n }\n\n if (menuOpen) {\n document.addEventListener('mousedown', handleClickOutside)\n }\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n }\n }\n }, [menuOpen, props.type])\n\n // handle button click\n const handleButtonClick = async (onClick: () => void | Promise<void>) => {\n if (isLoading) return\n\n setIsLoading(true)\n try {\n await onClick()\n } catch (error) {\n console.error('Button click error:', error)\n } finally {\n setIsLoading(false)\n }\n }\n\n // base style class\n const baseButtonClass = \"flex items-center justify-center px-4 py-2 bg-neutral-200 dark:bg-neutral-800 text-neutral-700 dark:text-white text-sm font-semibold transition-colors hover:bg-neutral-300 dark:hover:bg-neutral-700\"\n const disabledClass = \"opacity-60 cursor-not-allowed\"\n\n if (props.type === 'single') {\n const { button, loadingText, minWidth = 'min-w-[110px]', className = '' } = props\n const isDisabled = button.disabled || isLoading\n // loadingText: props.loadingText > button.text > 'Loading...'\n const actualLoadingText = loadingText || button.text?.trim() || 'Loading...'\n\n return (\n <button\n onClick={() => handleButtonClick(button.onClick)}\n disabled={isDisabled}\n className={`${minWidth} ${baseButtonClass} rounded-full ${isDisabled ? disabledClass : ''} ${className}`}\n title={button.text}\n >\n {isLoading ? (\n <>\n <icons.Loader2 className=\"w-5 h-5 mr-1 animate-spin\" />\n <span>{actualLoadingText}</span>\n </>\n ) : (\n <>\n {button.icon}\n <span>{button.text}</span>\n </>\n )}\n </button>\n )\n }\n\n // Split button\n const { mainButton, menuItems, loadingText, menuWidth = 'w-40', className = '', mainButtonClassName = '', dropdownButtonClassName = '' } = props\n const isMainDisabled = mainButton.disabled || isLoading\n // loadingText 优先级：props.loadingText > mainButton.text > 'Loading...'\n const actualLoadingText = loadingText || mainButton.text?.trim() || 'Loading...'\n\n return (\n <div className={`relative flex bg-neutral-200 dark:bg-neutral-800 rounded-full ${className}`}>\n {/* left main button */}\n <button\n onClick={() => handleButtonClick(mainButton.onClick)}\n disabled={isMainDisabled}\n className={`flex-1 ${baseButtonClass} rounded-l-full ${isMainDisabled ? disabledClass : ''} ${mainButtonClassName}`}\n onMouseDown={e => { if (e.button === 2) e.preventDefault() }}\n style={{ borderTopRightRadius: 0, borderBottomRightRadius: 0 }}\n >\n {isLoading ? (\n <>\n <icons.Loader2 className=\"w-5 h-5 mr-1 animate-spin\" />\n <span>{actualLoadingText}</span>\n </>\n ) : (\n <>\n {mainButton.icon}\n <span>{mainButton.text}</span>\n </>\n )}\n </button>\n\n {/* right dropdown button */}\n <span\n className={`flex items-center justify-center w-10 py-2 cursor-pointer transition hover:bg-neutral-300 dark:hover:bg-neutral-700 rounded-r-full ${dropdownButtonClassName}`}\n onClick={e => { e.stopPropagation(); setMenuOpen(v => !v) }}\n tabIndex={0}\n style={{ borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }}\n >\n <icons.ChevronDown className=\"w-6 h-6\" />\n </span>\n\n {/* dropdown menu */}\n {menuOpen && (\n <div\n ref={menuRef}\n className={`absolute right-0 top-full ${menuWidth} bg-white dark:bg-neutral-800 text-neutral-800 dark:text-white text-sm rounded-xl shadow-lg z-50 border border-neutral-200 dark:border-neutral-700 overflow-hidden animate-fade-in`}\n >\n {menuItems.map((item, index) => (\n <button\n key={index}\n onClick={() => {\n handleButtonClick(item.onClick)\n setMenuOpen(false)\n }}\n disabled={item.disabled}\n className={`flex items-center w-full px-4 py-3 transition hover:bg-neutral-300 dark:hover:bg-neutral-600 text-left relative ${item.disabled ? disabledClass : ''}`}\n style={item.splitTopBorder ? { borderTop: '1px solid #AC62FD' } : undefined}\n >\n <span className=\"flex items-center\">\n {item.icon}\n <span>{item.text}</span>\n </span>\n {item.tag && (\n <span\n className=\"absolute right-3 top-1 text-[10px] font-semibold\"\n style={{ color: item.tag.color || '#A855F7', pointerEvents: 'none' }}\n >\n {item.tag.text}\n </span>\n )}\n </button>\n ))}\n </div>\n )}\n </div>\n )\n}","'use client';\nimport { useEffect, useRef } from 'react'\nimport { cn } from '@lib/utils'\n\ninterface AIPromptTextareaProps {\n /**\n * Textarea value reference\n */\n value: string\n /**\n * Textarea value change handler\n */\n onChange: (value: string) => void\n /**\n * Word limit value reference\n */\n isWordLimit: boolean\n /**\n * Word limit value change handler\n */\n onWordLimitChange: (isLimit: boolean) => void\n /**\n * Placeholder\n */\n placeholder?: string\n /**\n * Disabled switch condition, default is false\n */\n disabled?: boolean\n /**\n * Maximum words\n */\n maxWords?: number\n /**\n * Word count unit title\n */\n wordUnitTitle?: string\n /**\n * Minimum height, px\n */\n minHeight?: number\n /**\n * Maximum height, px\n */\n maxHeight?: number\n /**\n * Word count switch, default is true\n */\n showWordCount?: boolean\n /**\n * Auto scroll switch, default is true\n */\n autoScroll?: boolean\n /**\n * Extra scroll space, px\n */\n extraScrollSpace?: number\n /**\n * Custome tailwindcss style\n */\n className?: string\n /**\n * Title text, if not provided, no title will be rendered\n */\n title?: string\n /**\n * Description text\n */\n description?: string\n /**\n * Embed title inside textarea, default is false\n */\n embed?: boolean\n}\n\nexport function AIPromptTextarea({\n value,\n onChange,\n placeholder = \"Enter your prompt...\",\n disabled = false,\n maxWords = 400,\n wordUnitTitle = \"words\",\n minHeight = 150,\n maxHeight = 300,\n className = \"\",\n showWordCount = true,\n autoScroll = true,\n extraScrollSpace = 100,\n isWordLimit,\n onWordLimitChange,\n title,\n description,\n embed = false\n}: AIPromptTextareaProps) {\n const textareaRef = useRef<HTMLTextAreaElement>(null)\n\n // count words\n const wordArray = value.trim().split(/\\s+/).filter(Boolean)\n const wordCount = wordArray.length\n\n // auto adjust textarea height\n const adjustTextareaHeight = () => {\n if (textareaRef.current) {\n const textarea = textareaRef.current\n const oldHeight = textarea.style.height\n \n // reset height\n textarea.style.height = 'auto'\n \n // calculate content height\n const contentHeight = textarea.scrollHeight\n \n // auto adjust height between min and max height\n let newHeight = Math.max(contentHeight, minHeight)\n newHeight = Math.min(newHeight, maxHeight)\n \n textarea.style.height = `${newHeight}px`\n \n // if content height is greater than max height, show scrollbar\n if (contentHeight > maxHeight) {\n textarea.style.overflowY = 'auto'\n } else {\n textarea.style.overflowY = 'hidden'\n }\n \n // if height increased and auto scroll is enabled, scroll to appropriate position\n if (autoScroll && (newHeight > parseInt(oldHeight) || !oldHeight)) {\n setTimeout(() => {\n const rect = textarea.getBoundingClientRect()\n window.scrollTo({\n top: window.pageYOffset + rect.bottom + extraScrollSpace - window.innerHeight,\n behavior: 'smooth'\n })\n }, 0)\n }\n }\n }\n\n // when value changes, adjust height\n useEffect(() => {\n const timer = setTimeout(() => {\n adjustTextareaHeight()\n }, 0)\n return () => clearTimeout(timer)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value, minHeight, maxHeight, autoScroll, extraScrollSpace])\n\n // handle input, limit max words\n const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n const inputValue = e.target.value\n const words = inputValue.trim().split(/\\s+/).filter(Boolean)\n \n // if already reached max words, and this input will exceed limit, do not update\n if (wordCount >= maxWords && words.length > maxWords) {\n onWordLimitChange(true)\n return\n }\n \n if (words.length > maxWords) {\n onChange(words.slice(0, maxWords).join(' '))\n onWordLimitChange(true)\n } else {\n onChange(inputValue)\n onWordLimitChange(false)\n }\n }\n\n // when paste, also check word count\n const handlePaste = (e: React.ClipboardEvent<HTMLTextAreaElement>) => {\n const paste = e.clipboardData.getData('text')\n const currentWords = value.trim().split(/\\s+/).filter(Boolean)\n const pasteWords = paste.trim().split(/\\s+/).filter(Boolean)\n \n if (currentWords.length >= maxWords) {\n e.preventDefault()\n onWordLimitChange(true)\n return\n }\n \n // only allow paste remaining words\n const allowed = maxWords - currentWords.length\n if (pasteWords.length > allowed) {\n e.preventDefault()\n const newWords = currentWords.concat(pasteWords.slice(0, allowed))\n onChange(newWords.join(' '))\n onWordLimitChange(true)\n }\n }\n\n // 渲染标题组件\n const renderTitle = () => {\n if (!title?.trim()) return null\n \n return (\n <div className=\"space-y-1\">\n {title && <span className=\"text-xl font-semibold text-foreground\">{title}</span>}\n {description?.trim() && <span className=\"text-sm text-gray-400 ml-2\">{description}</span>}\n </div>\n )\n }\n\n // 渲染textarea组件\n const renderTextarea = (isEmbedded = false) => (\n <textarea\n ref={textareaRef}\n value={value}\n onChange={handleInputChange}\n onPaste={handlePaste}\n placeholder={placeholder}\n disabled={disabled}\n className={cn(\n 'w-full p-4 bg-transparent transition-colors text-foreground placeholder-muted-foreground placeholder:text-base disabled:bg-muted disabled:cursor-not-allowed resize-none',\n isEmbedded \n ? 'border-0 hover:border-2 hover:border-purple-500 focus:outline-none focus:border-2 focus:border-purple-500' \n : 'border-2 border-border rounded-lg hover:border-purple-500 focus:outline-none focus:border-purple-500',\n className\n )}\n style={{ minHeight: `${minHeight}px` }}\n />\n )\n\n // 渲染单词计数\n const renderWordCount = () => {\n if (!showWordCount) return null\n \n return (\n <div className=\"flex justify-end\">\n <span\n className={`text-sm ${\n wordCount >= maxWords ? 'text-red-500' : wordCount > maxWords * 0.75 ? 'text-orange-500' : 'text-muted-foreground'\n } ${isWordLimit ? 'animate-bounce' : ''}`}\n onAnimationEnd={() => onWordLimitChange(false)}\n >\n {wordCount}/{maxWords} {wordUnitTitle}\n </span>\n </div>\n )\n }\n\n // 如果有标题且需要嵌入，则渲染内部标题布局\n if (embed && (title)) {\n return (\n <div className=\"space-y-2\">\n <div className=\"border-2 border-border rounded-lg bg-transparent\">\n <div className=\"p-4 pb-2\">\n {renderTitle()}\n </div>\n <hr className=\"border-t-1 border-border\" />\n <div className=\"p-1\">\n {renderTextarea(true)}\n </div>\n </div>\n {renderWordCount()}\n </div>\n )\n }\n\n // 默认布局：外部标题或无标题\n return (\n <div className=\"space-y-2\">\n {renderTitle()}\n {renderTextarea()}\n {renderWordCount()}\n </div>\n )\n} ","import React from 'react';\n\n// default tag renderers\nconst defaultTagRenderers = {\n // text Stong\n strong: (chunks: React.ReactNode) => <strong>{chunks}</strong>,\n // text Emphasis\n em: (chunks: React.ReactNode) => <em>{chunks}</em>,\n // text Underline\n u: (chunks: React.ReactNode) => <u>{chunks}</u>,\n // text Mark\n mark: (chunks: React.ReactNode) => <mark className=\"bg-purple-300 dark:bg-purple-500 text-neutral-800 dark:text-neutral-300 px-1 rounded\">{chunks}</mark>,\n // text Delete\n del: (chunks: React.ReactNode) => <del>{chunks}</del>,\n // text Subscript\n sub: (chunks: React.ReactNode) => <sub>{chunks}</sub>,\n // text Superscript\n sup: (chunks: React.ReactNode) => <sup>{chunks}</sup>,\n};\n\n// custom tag renderers\ntype TagRenderer = (chunks: React.ReactNode) => React.ReactElement;\ntype TagRenderers = Record<string, TagRenderer>;\n\n// create rich text renderer\nexport function createRichTextRenderer(customRenderers?: TagRenderers) {\n const renderers = { ...defaultTagRenderers, ...customRenderers };\n \n return function richText(t: any, key: string) {\n return t.rich(key, renderers);\n };\n}\n\n// default rich text renderer\nexport const richText = createRichTextRenderer();","'use client';\nimport { useState, useEffect } from 'react';\n\ninterface FAQData {\n title: string;\n description: string;\n items: Array<{\n id: string;\n question: string;\n answer: string;\n }>;\n}\n\nexport function FAQInteractive({ data }: { data: FAQData }) {\n const [openStates, setOpenStates] = useState<Record<string, boolean>>({});\n\n useEffect(() => {\n // Progressive enhancement: Add interactivity to existing DOM elements\n data.items.forEach((item) => {\n const toggleButton = document.querySelector(`[data-faq-toggle=\"${item.id}\"]`) as HTMLButtonElement;\n const contentDiv = document.querySelector(`[data-faq-content=\"${item.id}\"]`) as HTMLDivElement;\n const iconSvg = document.querySelector(`[data-faq-icon=\"${item.id}\"]`) as SVGElement;\n\n if (toggleButton && contentDiv && iconSvg) {\n const handleClick = () => {\n const isOpen = openStates[item.id] || false;\n const newOpenState = !isOpen;\n\n // Update state\n setOpenStates(prev => ({\n ...prev,\n [item.id]: newOpenState\n }));\n\n // Update DOM\n if (newOpenState) {\n contentDiv.classList.remove('hidden');\n toggleButton.setAttribute('aria-expanded', 'true');\n iconSvg.style.transform = 'rotate(90deg)';\n } else {\n contentDiv.classList.add('hidden');\n toggleButton.setAttribute('aria-expanded', 'false');\n iconSvg.style.transform = 'rotate(0deg)';\n }\n };\n\n toggleButton.addEventListener('click', handleClick);\n\n // Cleanup function will be handled by the effect cleanup\n }\n });\n\n // Cleanup event listeners\n return () => {\n data.items.forEach((item) => {\n const toggleButton = document.querySelector(`[data-faq-toggle=\"${item.id}\"]`) as HTMLButtonElement;\n if (toggleButton) {\n // Remove all event listeners by cloning the element\n const newButton = toggleButton.cloneNode(true);\n toggleButton.parentNode?.replaceChild(newButton, toggleButton);\n }\n });\n };\n }, [data, openStates]);\n\n return null; // Progressive enhancement - no additional DOM rendering\n}","'use client';\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useState, useEffect } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { cn } from '@lib/utils';\n\n// Import interfaces from the main component\ninterface BillingOption {\n key: string;\n discount: number;\n}\n\ninterface Prices {\n [key: string]: number | string;\n}\n\ninterface PricePlanAppConfig {\n billingOptions: BillingOption[];\n prices: Prices;\n minPlanFeaturesCount: number;\n}\n\ninterface PricePlanData {\n title: string;\n subtitle: string;\n billingSwitch: {\n options: Array<{\n key: string;\n name: string;\n unit: string;\n discountText: string;\n subTitle?: string;\n }>;\n defaultKey: string;\n };\n plans: Array<any>;\n currency: string;\n pricePlanConfig: PricePlanAppConfig;\n}\n\nexport function PricePlanInteractive({ data }: { data: PricePlanData }) {\n const [billingKey, setBillingKey] = useState(data.billingSwitch.defaultKey);\n const [tooltip, setTooltip] = useState<{\n show: boolean;\n content: string;\n x: number;\n y: number;\n }>({ show: false, content: '', x: 0, y: 0 });\n \n const router = useRouter();\n\n useEffect(() => {\n // Progressive enhancement: Add billing switch functionality\n const monthlyButton = document.querySelector('[data-billing-button=\"monthly\"]') as HTMLButtonElement;\n const yearlyButton = document.querySelector('[data-billing-button=\"yearly\"]') as HTMLButtonElement;\n \n const handleBillingSwitch = (newBillingKey: string) => {\n setBillingKey(newBillingKey);\n updatePrices(newBillingKey);\n updateDiscountInfo(newBillingKey);\n updateButtonStyles(newBillingKey);\n };\n\n if (monthlyButton) {\n monthlyButton.addEventListener('click', () => handleBillingSwitch('monthly'));\n }\n if (yearlyButton) {\n yearlyButton.addEventListener('click', () => handleBillingSwitch('yearly'));\n }\n\n // Add tooltip functionality\n data.plans.forEach((plan: any) => {\n plan.features?.forEach((feature: any, i: number) => {\n if (feature?.tooltip) {\n const tooltipTrigger = document.querySelector(`[data-tooltip-trigger=\"${plan.key}-${i}\"]`) as HTMLElement;\n if (tooltipTrigger) {\n const handleMouseEnter = (e: MouseEvent) => {\n setTooltip({\n show: true,\n content: feature.tooltip,\n x: e.clientX,\n y: e.clientY\n });\n };\n \n const handleMouseMove = (e: MouseEvent) => {\n setTooltip(prev => ({ ...prev, x: e.clientX, y: e.clientY }));\n };\n \n const handleMouseLeave = () => {\n setTooltip(prev => ({ ...prev, show: false }));\n };\n\n tooltipTrigger.addEventListener('mouseenter', handleMouseEnter);\n tooltipTrigger.addEventListener('mousemove', handleMouseMove);\n tooltipTrigger.addEventListener('mouseleave', handleMouseLeave);\n }\n }\n });\n });\n\n // Add plan button functionality\n data.plans.forEach((plan: any) => {\n const planButton = document.querySelector(`[data-plan-button=\"${plan.key}\"]`) as HTMLButtonElement;\n if (planButton && !plan.button?.disabled) {\n planButton.addEventListener('click', () => {\n router.push('/');\n });\n }\n });\n\n // Cleanup\n return () => {\n if (monthlyButton) {\n const newButton = monthlyButton.cloneNode(true);\n monthlyButton.parentNode?.replaceChild(newButton, monthlyButton);\n }\n if (yearlyButton) {\n const newButton = yearlyButton.cloneNode(true);\n yearlyButton.parentNode?.replaceChild(newButton, yearlyButton);\n }\n \n // Cleanup tooltip events\n data.plans.forEach((plan: any) => {\n plan.features?.forEach((_feature: any, i: number) => {\n const tooltipTrigger = document.querySelector(`[data-tooltip-trigger=\"${plan.key}-${i}\"]`) as HTMLElement;\n if (tooltipTrigger) {\n const newTrigger = tooltipTrigger.cloneNode(true);\n tooltipTrigger.parentNode?.replaceChild(newTrigger, tooltipTrigger);\n }\n });\n });\n };\n }, [data, router]);\n\n const updatePrices = (newBillingKey: string) => {\n const currentBilling = data.pricePlanConfig.billingOptions.find((opt: any) => opt.key === newBillingKey) || data.pricePlanConfig.billingOptions[0];\n const currentBillingDisplay = data.billingSwitch.options.find((opt: any) => opt.key === newBillingKey) || data.billingSwitch.options[0];\n\n data.plans.forEach((plan: any) => {\n const priceContainer = document.querySelector(`[data-price-container=\"${plan.key}\"]`) as HTMLElement;\n const priceValue = data.pricePlanConfig.prices[plan.key];\n \n if (priceContainer) {\n // Update price display based on new billing\n const priceValueElement = document.querySelector(`[data-price-value=\"${plan.key}\"]`) as HTMLElement;\n const priceUnitElement = document.querySelector(`[data-price-unit=\"${plan.key}\"]`) as HTMLElement;\n const priceOriginalElement = document.querySelector(`[data-price-original=\"${plan.key}\"]`) as HTMLElement;\n const priceDiscountElement = document.querySelector(`[data-price-discount=\"${plan.key}\"]`) as HTMLElement;\n const priceSubtitleElement = document.querySelector(`[data-price-subtitle=\"${plan.key}\"]`) as HTMLElement;\n\n if (typeof priceValue !== 'number' || isNaN(priceValue)) {\n // Non-numeric price\n if (priceValueElement) priceValueElement.textContent = String(priceValue);\n if (priceSubtitleElement) priceSubtitleElement.textContent = plan.showBillingSubTitle === false ? '' : (currentBillingDisplay?.subTitle || '');\n } else {\n // Numeric price\n const originValue = Number(priceValue);\n const discount = currentBilling.discount;\n const hasDiscount = discount !== 0;\n const saleValue = originValue * (1 - discount);\n const formatPrice = (v: number) => Number(v.toFixed(2)).toString();\n const showNaN = saleValue < 0;\n\n if (priceValueElement) {\n priceValueElement.textContent = `${data.currency}${showNaN ? 'NaN' : (hasDiscount ? formatPrice(saleValue) : formatPrice(originValue))}`;\n }\n if (priceUnitElement) {\n priceUnitElement.textContent = currentBillingDisplay.unit || '';\n }\n\n // Handle discount display\n if (hasDiscount) {\n if (priceOriginalElement) {\n priceOriginalElement.textContent = `${data.currency}${showNaN ? 'NaN' : formatPrice(originValue)}`;\n priceOriginalElement.style.display = 'inline';\n }\n if (priceDiscountElement && currentBillingDisplay.discountText) {\n const discountText = currentBillingDisplay.discountText.replace('{percent}', String(Math.round(Math.abs(discount) * 100)));\n priceDiscountElement.textContent = discountText;\n priceDiscountElement.style.display = 'inline';\n }\n } else {\n if (priceOriginalElement) priceOriginalElement.style.display = 'none';\n if (priceDiscountElement) priceDiscountElement.style.display = 'none';\n }\n\n if (priceSubtitleElement) {\n priceSubtitleElement.textContent = plan.showBillingSubTitle === false ? '' : (currentBillingDisplay?.subTitle || '');\n }\n }\n }\n });\n };\n\n const updateDiscountInfo = (newBillingKey: string) => {\n const discountInfoElement = document.querySelector('[data-discount-info]') as HTMLElement;\n if (discountInfoElement) {\n const opt = data.billingSwitch.options.find((opt: any) => opt.key === newBillingKey);\n const bOpt = data.pricePlanConfig.billingOptions.find((opt: any) => opt.key === newBillingKey);\n \n if (opt && bOpt && opt.discountText && bOpt.discount !== 0) {\n const discountText = opt.discountText.replace('{percent}', String(Math.round(Math.abs(bOpt.discount) * 100)));\n discountInfoElement.innerHTML = `\n <span class=\"px-2 py-1 text-xs rounded bg-yellow-100 text-yellow-800 font-semibold align-middle text-center inline-flex items-center justify-center whitespace-nowrap\">\n ${discountText}\n </span>\n `;\n } else {\n discountInfoElement.innerHTML = '';\n }\n }\n };\n\n const updateButtonStyles = (newBillingKey: string) => {\n const monthlyButton = document.querySelector('[data-billing-button=\"monthly\"]') as HTMLElement;\n const yearlyButton = document.querySelector('[data-billing-button=\"yearly\"]') as HTMLElement;\n\n if (monthlyButton) {\n if (newBillingKey === 'monthly') {\n monthlyButton.className = cn(\n 'min-w-[120px] px-6 py-2 font-medium transition text-lg relative',\n 'text-white bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 rounded-full shadow-sm'\n );\n } else {\n monthlyButton.className = cn(\n 'min-w-[120px] px-6 py-2 font-medium transition text-lg relative',\n 'text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full'\n );\n }\n }\n\n if (yearlyButton) {\n if (newBillingKey === 'yearly') {\n yearlyButton.className = cn(\n 'min-w-[120px] px-6 py-2 font-medium transition text-lg relative',\n 'text-white bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 rounded-full shadow-sm'\n );\n } else {\n yearlyButton.className = cn(\n 'min-w-[120px] px-6 py-2 font-medium transition text-lg relative',\n 'text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full'\n );\n }\n }\n };\n\n // Tooltip component\n const Tooltip = ({ show, content, x, y }: typeof tooltip) => {\n if (!show) return null;\n const style: React.CSSProperties = {\n position: 'fixed',\n left: Math.max(8, x),\n top: Math.max(8, y),\n zIndex: 9999,\n maxWidth: 200,\n transform: 'translateY(-50%)',\n pointerEvents: 'none',\n whiteSpace: 'pre-line',\n };\n return (\n <div \n style={style}\n className=\"bg-gray-700 dark:bg-gray-200 text-gray-100 dark:text-gray-800 text-xs leading-relaxed px-3 py-2 rounded-lg shadow-lg border border-gray-300 dark:border-gray-600 backdrop-blur-sm\"\n >\n {content}\n </div>\n );\n };\n\n return <Tooltip {...tooltip} />;\n}","'use client';\nimport { useState, useEffect } from 'react';\n\ninterface GalleryItem {\n id: string;\n url: string;\n altMsg: string;\n}\n\ninterface GalleryData {\n titleL: string;\n eyesOn: string;\n titleR: string;\n description: string;\n items: GalleryItem[];\n defaultImgUrl: string;\n downloadPrefix: string;\n}\n\nexport function GalleryInteractive({ data }: { data: GalleryData }) {\n const [imageErrors, setImageErrors] = useState<Set<string>>(new Set());\n const [downloadingItems, setDownloadingItems] = useState<Set<string>>(new Set());\n \n // Get CDN proxy URL from environment\n const cdnProxyUrl = process.env.NEXT_PUBLIC_STYLE_CDN_PROXY_URL;\n\n useEffect(() => {\n // Progressive enhancement: Add download functionality and error handling\n data.items.forEach((item, index) => {\n const downloadButton = document.querySelector(`[data-gallery-download=\"${item.id}\"]`) as HTMLButtonElement;\n const imageElement = document.querySelector(`[data-gallery-image=\"${item.id}\"]`) as HTMLImageElement;\n\n if (downloadButton) {\n const handleDownload = async () => {\n // Prevent duplicate clicks\n if (downloadingItems.has(item.id)) {\n return;\n }\n\n // Set download status\n setDownloadingItems(prev => new Set(prev).add(item.id));\n\n try {\n if (!cdnProxyUrl) {\n throw new Error('CDN proxy URL not configured');\n }\n\n // Use R2 proxy to download directly\n const originalUrl = new URL(item.url);\n const filename = originalUrl.pathname.substring(1);\n \n // Build proxy download URL\n const proxyUrl = `${cdnProxyUrl}/${encodeURIComponent(filename)}`;\n \n // Extract file extension from URL\n const urlExtension = item.url.split('.').pop()?.toLowerCase();\n let extension = '.webp';\n if (urlExtension && ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg'].includes(urlExtension)) {\n extension = `.${urlExtension}`;\n }\n \n // Fetch file from proxy\n const response = await fetch(proxyUrl);\n \n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n }\n \n // Convert to blob\n const blob = await response.blob();\n const blobUrl = URL.createObjectURL(blob);\n \n // Create download link and trigger download\n const a = document.createElement('a');\n a.href = blobUrl;\n a.download = `${data.downloadPrefix}-${index + 1}${extension}`;\n a.style.display = 'none';\n document.body.appendChild(a);\n a.click();\n \n // Clean up DOM elements and blob URL\n setTimeout(() => {\n document.body.removeChild(a);\n URL.revokeObjectURL(blobUrl);\n }, 100);\n \n } catch (error) {\n console.error('Download failed:', error);\n } finally {\n // Clear download status\n setDownloadingItems(prev => {\n const newSet = new Set(prev);\n newSet.delete(item.id);\n return newSet;\n });\n }\n };\n\n downloadButton.addEventListener('click', handleDownload);\n }\n\n if (imageElement) {\n const handleImageError = () => {\n setImageErrors(prev => new Set(prev).add(item.id));\n // Update image src to default\n imageElement.src = data.defaultImgUrl;\n };\n\n imageElement.addEventListener('error', handleImageError);\n }\n });\n\n // Update download button states based on downloading status\n const updateDownloadStates = () => {\n data.items.forEach((item) => {\n const downloadButton = document.querySelector(`[data-gallery-download=\"${item.id}\"]`) as HTMLButtonElement;\n if (downloadButton) {\n const isDownloading = downloadingItems.has(item.id);\n \n if (isDownloading) {\n downloadButton.disabled = true;\n downloadButton.classList.add('bg-black/30', 'text-white/50');\n downloadButton.classList.remove('bg-black/50', 'hover:bg-black/70', 'text-white/80', 'hover:text-white');\n \n // Replace icon with spinner\n downloadButton.innerHTML = `\n <svg class=\"h-5 w-5 text-white animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n </svg>\n `;\n } else {\n downloadButton.disabled = false;\n downloadButton.classList.remove('bg-black/30', 'text-white/50');\n downloadButton.classList.add('bg-black/50', 'hover:bg-black/70', 'text-white/80', 'hover:text-white');\n \n // Reset to download icon\n downloadButton.innerHTML = `\n <svg class=\"h-5 w-5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n </svg>\n `;\n }\n }\n });\n };\n\n updateDownloadStates();\n\n // Cleanup event listeners\n return () => {\n data.items.forEach((item) => {\n const downloadButton = document.querySelector(`[data-gallery-download=\"${item.id}\"]`) as HTMLButtonElement;\n const imageElement = document.querySelector(`[data-gallery-image=\"${item.id}\"]`) as HTMLImageElement;\n \n if (downloadButton) {\n const newButton = downloadButton.cloneNode(true);\n downloadButton.parentNode?.replaceChild(newButton, downloadButton);\n }\n \n if (imageElement) {\n const newImage = imageElement.cloneNode(true);\n imageElement.parentNode?.replaceChild(newImage, imageElement);\n }\n });\n };\n }, [data, downloadingItems, imageErrors, cdnProxyUrl]);\n\n return null; // Progressive enhancement - no additional DOM rendering\n}"]}