sunpeak 0.5.12 → 0.5.14

package/template/node_modules/.vite/deps/chunk-EVJ3DVH5.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Button/Button.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/lib/renderHelpers.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/AppsSDKUIProvider/internal.ts", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/AppsSDKUIProvider/AppsSDKUIContext.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Indicator/CircularProgress.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/hooks/useSimulatedProgress.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Indicator/LoadingDots.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Indicator/LoadingIndicator.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Transition/TransitionGroup.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Transition/getDisableAnimations.ts", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Transition/shared.ts", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Transition/transitionReducer.ts", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Button/CopyButton.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/lib/copyToClipboard.ts", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Transition/Animate.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Transition/AnimateLayout.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Transition/AnimateLayoutGroup.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/src/components/Transition/SlotTransitionGroup.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport clsx from \"clsx\"\nimport {\n  type ButtonHTMLAttributes,\n  type ComponentProps,\n  type ComponentType,\n  type MouseEventHandler,\n  type ReactNode,\n  useCallback,\n} from \"react\"\nimport { handlePressableMouseEnter } from \"../../lib/helpers\"\nimport { wrapTextNodeSiblings } from \"../../lib/renderHelpers\"\nimport { type ControlSize, type SemanticColors, type Sizes, type Variants } from \"../../types\"\nimport { useLinkComponent } from \"../AppsSDKUIProvider/internal\"\nimport { LoadingIndicator } from \"../Indicator\"\nimport { TransitionGroup } from \"../Transition/TransitionGroup\"\nimport s from \"./Button.module.css\"\n\ntype CommonProps = {\n  /**\n   * Color for the button\n   * @default secondary\n   */\n  color: SemanticColors<\n    \"primary\" | \"secondary\" | \"danger\" | \"success\" | \"info\" | \"discovery\" | \"caution\" | \"warning\"\n  >\n  /**\n   * Style variant for the Button\n   * @default \"solid\"\n   */\n  variant?: Variants<\"solid\" | \"soft\" | \"outline\" | \"ghost\">\n  /**\n   * Determines if the button should be a fully rounded pill shape\n   * @default false\n   */\n  pill?: boolean\n  /**\n   * Disables the button visually and from interactions\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Controls the visual tone when the button is disabled. \"relaxed\" will use a default cursor instead of not-allowed.\n   */\n  disabledTone?: \"relaxed\"\n  /**\n   * Determines if the button should take up 100% of available width\n   * @default false\n   */\n  block?: boolean\n  /**\n   * Applies a negative margin using the current gutter to optically align the button\n   * with surrounding content.\n   */\n  opticallyAlign?: \"start\" | \"end\"\n  /**\n   * Controls size of the button, specifically height, but also includes defaults for `gutterSize`, `iconSize`, `font-size`, etc.\n   *\n   * | 3xs     | 2xs     | xs      | sm      | md      | lg      | xl      | 2xl     | 3xl     |\n   * | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- |\n   * | `22px`  | `24px`  | `26px`  | `28px`  | `32px`  | `36px`  | `40px`  | `44px`  | `48px`  |\n   * @default md\n   */\n  size?: ControlSize\n  /**\n   * Controls the size of icons within the button, defaults to value from `size`.\n   *\n   * | xs     | sm     | md     | lg     | xl     | 2xl    |\n   * | ------ | ------ | ------ | ------ | ------ | ------ |\n   * | `14px` | `16px` | `18px` | `20px` | `22px` | `24px` |\n   */\n  iconSize?: Sizes<\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\">\n  /**\n   * Controls gutter on the edges of the button, defaults to value from `size`.\n   *\n   * | 3xs    | 2xs    | xs     | sm     | md     | lg     | xl     |\n   * | ------ | ------ | ------ | ------ | ------ | ------ | ------ |\n   * | `4px`  | `6px`  | `8px`  | `10px` | `12px` | `14px` | `16px` |\n   */\n  gutterSize?: Sizes<\"3xs\" | \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\">\n  /** Custom class applied to the Button element */\n  className?: string\n  /** Content rendered inside of the Button */\n  children: React.ReactNode\n}\n\nexport type ButtonProps = CommonProps & {\n  /**\n   * Determines if the button should have matching width and height, based on the `size`.\n   * @default false\n   */\n  uniform?: boolean\n  /**\n   * Displays selected styles on the button, varying by `variant\n   * @default false\n   */\n  selected?: boolean\n  /**\n   * Displays loading indicator on top of button contents\n   * @default false\n   */\n  loading?: boolean\n  /**\n   * Determines whether the button should be made inert, without introducing visual change.\n   * @default false\n   */\n  inert?: boolean\n  /** Ref for the button */\n  ref?: React.Ref<HTMLButtonElement | null>\n} & ButtonHTMLAttributes<HTMLButtonElement>\n\nexport const Button = (props: ButtonProps) => {\n  const {\n    type = \"button\",\n    color = \"primary\",\n    variant = \"solid\",\n    pill = true,\n    uniform = false,\n    size = \"md\",\n    iconSize,\n    gutterSize,\n    loading,\n    selected,\n    block,\n    opticallyAlign,\n    children,\n    className,\n    onClick,\n    disabled,\n    disabledTone,\n    // Defaults to `loading` state\n    inert = loading,\n    ...restProps\n  } = props\n\n  const isInert = disabled || inert\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (e) => {\n      if (disabled) {\n        return\n      }\n      onClick?.(e)\n    },\n    [onClick, disabled],\n  )\n\n  return (\n    <button\n      type={type}\n      className={clsx(s.Button, className)}\n      data-color={color}\n      data-variant={variant}\n      data-pill={pill ? \"\" : undefined}\n      data-uniform={uniform ? \"\" : undefined}\n      data-size={size}\n      data-gutter-size={gutterSize}\n      data-icon-size={iconSize}\n      data-loading={loading ? \"\" : undefined}\n      data-selected={selected ? \"\" : undefined}\n      data-block={block ? \"\" : undefined}\n      data-optically-align={opticallyAlign}\n      onPointerEnter={handlePressableMouseEnter}\n      // Non-visual, accessible disablement\n      // NOTE: Do not use literal `inert` because that is incorrect semantically\n      disabled={isInert}\n      aria-disabled={isInert}\n      tabIndex={isInert ? -1 : undefined}\n      // Visual disablement\n      data-disabled={disabled ? \"\" : undefined}\n      data-disabled-tone={disabled ? disabledTone : undefined}\n      onClick={handleClick}\n      {...restProps}\n    >\n      <TransitionGroup className={s.ButtonLoader} enterDuration={250} exitDuration={150}>\n        {loading && <LoadingIndicator key=\"loader\" />}\n      </TransitionGroup>\n      <span className={s.ButtonInner}>{wrapTextNodeSiblings(children)}</span>\n    </button>\n  )\n}\n\ntype ButtonLink = <\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  T extends ComponentType<any> | \"a\" = AppsSDKUI.LinkComponent,\n>(\n  props: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"href\"> &\n    CommonProps & {\n      /**\n       * Explicity specify that the link is an external link. This should be\n       * automatically detected based on the URL, but in some cases (e.g.\n       * my-app://foo) you may want to explicitly set this.\n       */\n      external?: boolean\n      /**\n       * Override the default component used for the link. This is useful for\n       * using a routing library, or SSR rendering.\n       * purposes.\n       *\n       * @default 'a'\n       */\n      as?: T\n    } & ComponentProps<T>,\n) => ReactNode\n\nexport const ButtonLink = ((\n  props: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"href\"> &\n    CommonProps & {\n      href?: string\n      to?: string\n      external?: boolean\n      as?: AppsSDKUI.LinkComponent\n    },\n) => {\n  const {\n    color = \"primary\",\n    variant = \"solid\",\n    pill = true,\n    size = \"md\",\n    gutterSize,\n    iconSize,\n    external,\n    block,\n    opticallyAlign,\n    children,\n    className,\n    disabled,\n    disabledTone,\n    onClick,\n    onPointerEnter,\n    as: OverrideComponent,\n    href,\n    to,\n    ...restProps\n  } = props\n\n  const isExternal = external ?? /^https?:\\/\\//.test(href ?? to ?? \"\")\n  const DefaultComponent = useLinkComponent()\n  const LinkComponent = OverrideComponent || (isExternal ? \"a\" : DefaultComponent)\n\n  const sharedProps = {\n    \"className\": clsx(s.Button, className),\n    disabled,\n    \"aria-disabled\": disabled,\n    \"tabIndex\": disabled ? -1 : undefined,\n    // Visual disablement (inert not supported in links, always applied)\n    \"data-disabled\": disabled ? \"\" : undefined,\n    \"data-disabled-tone\": disabled ? disabledTone : undefined,\n    \"data-color\": color,\n    \"data-variant\": variant,\n    \"data-pill\": pill ? \"\" : undefined,\n    \"data-block\": block ? \"\" : undefined,\n    \"data-optically-align\": opticallyAlign,\n    \"data-size\": size,\n    \"data-gutter-size\": gutterSize,\n    \"data-icon-size\": iconSize,\n    \"onClick\": disabled ? undefined : onClick,\n    \"onPointerEnter\": (evt: React.PointerEvent<HTMLAnchorElement>) => {\n      handlePressableMouseEnter(evt)\n      onPointerEnter?.(evt)\n    },\n  }\n\n  if (disabled) {\n    // Don't thread down stuff that isn't valid for a span - just keep the event handlers\n    const eventProps = Object.fromEntries(\n      Object.entries(restProps).filter(\n        ([key, value]) => key.startsWith(\"on\") && typeof value === \"function\",\n      ),\n    )\n    return (\n      <span role=\"link\" {...sharedProps} {...eventProps}>\n        <span className={s.ButtonInner}>{wrapTextNodeSiblings(children)}</span>\n      </span>\n    )\n  }\n\n  const linkProps = {\n    ...(isExternal\n      ? { target: \"_blank\", rel: \"noopener noreferrer\", href: href ?? to }\n      : { href, to }),\n    ...sharedProps,\n    ...restProps,\n  }\n\n  return (\n    <LinkComponent {...linkProps}>\n      <span className={s.ButtonInner}>{wrapTextNodeSiblings(children)}</span>\n    </LinkComponent>\n  )\n}) as ButtonLink\n", "import { Children, cloneElement, isValidElement, type ReactElement, type ReactNode } from \"react\"\n\nconst flattenTextNodes = (children: ReactNode): ReactNode[] => {\n  const nodes = Children.toArray(children)\n  const result: ReactNode[] = []\n  let buffer = \"\"\n\n  const flush = () => {\n    if (buffer !== \"\") {\n      result.push(buffer)\n      buffer = \"\"\n    }\n  }\n\n  for (const node of nodes) {\n    if (node == null || typeof node === \"boolean\") {\n      continue\n    }\n\n    if (typeof node === \"string\" || typeof node === \"number\") {\n      buffer += String(node)\n      continue\n    }\n\n    // Boundary encountered: output any accumulated text, then the node\n    flush()\n    result.push(node)\n  }\n\n  flush()\n  return result\n}\n\n// Helper to wrap text node siblings of other elements in a tag,\n// which enables sibling selectors to behave as expected for certain conditions\nexport const wrapTextNodeSiblings = (children: ReactNode): ReactNode => {\n  const flattenedChildren = flattenTextNodes(children)\n  const childrenCount = Children.count(flattenedChildren)\n\n  return Children.map(flattenedChildren, (child) => {\n    if (typeof child === \"string\" && !!child.trim()) {\n      // Children with no siblings can immediately return\n      if (childrenCount <= 1) {\n        return child\n      }\n\n      // Wrap text nodes that have siblings\n      return <span>{child}</span>\n    }\n\n    // For valid elements, recursively render to capture wrapped children\n    if (isValidElement(child)) {\n      const element = child as ReactElement<{ children?: ReactNode }>\n      const { children: innerChildren, ...restProps } = element.props\n\n      if (innerChildren != null) {\n        return cloneElement(element, restProps, wrapTextNodeSiblings(innerChildren))\n      }\n\n      return element\n    }\n\n    return child\n  })\n}\n", "\"use client\"\n\nimport { useContext } from \"react\"\nimport { AppsSDKUIContext } from \"./AppsSDKUIContext\"\n\nexport function useLinkComponent() {\n  const context = useContext(AppsSDKUIContext)\n  return context?.linkComponent ?? \"a\"\n}\n", "\"use client\"\n\nimport { type ComponentType, createContext, type ForwardRefExoticComponent } from \"react\"\n\ntype AppsSDKUIContextValue = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  linkComponent: ComponentType<any> | ForwardRefExoticComponent<any> | \"a\"\n}\n\nexport const AppsSDKUIContext = createContext<AppsSDKUIContextValue | null>(null)\n", "\"use client\"\n\nimport clsx from \"clsx\"\nimport { useState, type ComponentProps } from \"react\"\nimport { useSimulatedProgress } from \"../../hooks/useSimulatedProgress\"\n\nimport { toCssVariables } from \"../../lib/helpers\"\nimport s from \"./CircularProgress.module.css\"\n\nexport type CircularProgressProps = Omit<ComponentProps<\"div\">, \"children\"> & {\n  /**\n   * Maximum duration to use for simulated upload progress in ms\n   * @default 15000\n   */\n  maxDuration?: number\n  /**\n   * Sets the progress to full and resolves the simulated timer\n   * @default false\n   */\n  done?: boolean\n  /**\n   * Sets the progress to full and resolves the simulated timer\n   * @default false\n   */\n  progress?: number\n  /** Size of the indicator, in pixels\n   * @default 28px\n   */\n  size?: number | string\n  /** Stroke width of the indicator, in pixels, between 1 and 4\n   * @default 2\n   */\n  strokeWidth?: number\n  /** Color of the active progress track (stroke) */\n  trackActiveColor?: string\n  /** Color of the base track (background stroke) */\n  trackColor?: string\n}\n\nexport const CircularProgress = ({\n  maxDuration = 15000, // 15 seconds\n  done = false,\n  className,\n  progress: propProgress,\n  size,\n  strokeWidth,\n  trackActiveColor,\n  trackColor,\n  style,\n  ...restProps\n}: CircularProgressProps) => {\n  const [currentTime] = useState(new Date())\n  const simulatedProgressDone = propProgress !== undefined || done\n  const simulatedProgress = useSimulatedProgress(+currentTime, maxDuration, simulatedProgressDone)\n  const progress = propProgress ?? simulatedProgress\n\n  return (\n    <div\n      {...restProps}\n      className={clsx(s.Container, className)}\n      style={\n        style ||\n        toCssVariables({\n          \"circular-progress-size\": size,\n          \"circular-progress-stroke\": strokeWidth ? Math.min(4, strokeWidth) : undefined,\n          \"circular-progress-track-active-color\": trackActiveColor,\n          \"circular-progress-track-color\": trackColor,\n        })\n      }\n    >\n      <svg viewBox=\"0 0 20 20\" className={s.Track} data-no-autosize>\n        <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" />\n      </svg>\n      <svg\n        viewBox=\"0 0 20 20\"\n        className={s.TrackProgress}\n        style={{\n          strokeDashoffset: 50 - 50 * (progress / 100),\n        }}\n        data-no-autosize\n      >\n        <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" />\n      </svg>\n    </div>\n  )\n}\n", "import { useState } from \"react\"\nimport { useInterval } from \"usehooks-ts\"\n\n/**\n * Deterministically returns a progress value between 0 and 100 that decays as it approaches 100,\n * based on a maximum duration and the elapsed time.\n *\n * @param maxTime - The maximum duration (in ms) after which the progress will be 100\n * @param elapsedTime - The elapsed time (in ms) since the start time\n * @returns The simulated progress percentage\n */\nexport function getSimulatedProgress(maxTime: number, elapsedTime: number) {\n  // Parameters\n  const P_max = 99.9 // Maximum percentage to approach (less than 100%)\n  const P1 = 35 // Percentage at which the rate slows down\n  const initialRate = (3 * 100) / maxTime // Initial rate (% per second)\n  const t1 = P1 / initialRate // Time when progress reaches P1\n\n  let percentage\n\n  if (elapsedTime <= t1) {\n    // **Phase 1:** Linear increase at the start to show consistency in progress\n    percentage = initialRate * elapsedTime\n  } else {\n    // **Phase 2:** Progress slows down, approaching P_max\n    const k = 4 // Controls how quickly progress approaches P_max\n    const remainingTime = maxTime - t1\n    const timeSinceT1 = elapsedTime - t1\n    const exponent = -k * (timeSinceT1 / remainingTime)\n    percentage = P1 + (P_max - P1) * (1 - Math.exp(exponent))\n  }\n\n  // Ensure the percentage does not exceed P_max\n  return Math.min(percentage, P_max)\n}\n\n/**\n * Returns a number that will increase over time, decaying as it approaches 100,\n * withouth ever reaching the end.\n *\n * @param startAt - The time at which the progress started\n * @param maxDuration - The maximum duration (in ms) after which the progress will be 100\n * @param completed - Sets progress to 100% immediately\n */\nexport const useSimulatedProgress = (startAt: number, maxDuration: number, completed?: boolean) => {\n  const elapsedStartTime = +new Date() - startAt\n  const [progress, setProgress] = useState(getSimulatedProgress(maxDuration, elapsedStartTime))\n\n  const incrementProgress = () => {\n    const elapsedTime = +new Date() - startAt\n    const newProgress =\n      elapsedTime >= maxDuration ? 100 : getSimulatedProgress(maxDuration, elapsedTime)\n    setProgress(newProgress)\n  }\n\n  useInterval(incrementProgress, completed ? null : 100)\n\n  return completed ? 100 : progress\n}\n", "import clsx from \"clsx\"\nimport type { ComponentProps } from \"react\"\nimport s from \"./LoadingDots.module.css\"\n\nexport type LoadingDotsProps = Omit<ComponentProps<\"div\">, \"children\">\n\nexport const LoadingDots = ({ className, ...restProps }: LoadingDotsProps) => {\n  return (\n    <div className={clsx(s.LoadingDots, className)} {...restProps}>\n      <div className={s.Dot} />\n      <div className={s.Dot} />\n      <div className={s.Dot} />\n    </div>\n  )\n}\n", "import clsx from \"clsx\"\nimport type { ComponentProps } from \"react\"\nimport { toCssVariables } from \"../../lib/helpers\"\nimport s from \"./LoadingIndicator.module.css\"\n\nexport type LoadingIndicatorProps = {\n  /** Classname applied to the indicator */\n  className?: string\n  /** Size of the indicator, in pixels\n   * @default 1em\n   */\n  size?: number | string\n  /** Stroke width of the indicator, in pixels\n   * @default 2\n   */\n  strokeWidth?: number\n} & Omit<ComponentProps<\"div\">, \"children\">\n\nexport const LoadingIndicator = ({\n  className,\n  size,\n  strokeWidth,\n  style,\n  ...restProps\n}: LoadingIndicatorProps) => {\n  return (\n    <div\n      {...restProps}\n      className={clsx(s.LoadingIndicator, className)}\n      style={\n        style ||\n        toCssVariables({\n          \"indicator-size\": size,\n          \"indicator-stroke\": strokeWidth,\n        })\n      }\n    />\n  )\n}\n", "\"use client\"\n\nimport React, {\n  Children,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useReducer,\n  useRef,\n  useState,\n  type CSSProperties,\n} from \"react\"\nimport { mergeRefs } from \"react-merge-refs\"\n\nimport { waitForAnimationFrame } from \"../../lib/helpers\"\n\nimport clsx from \"clsx\"\nimport { useTimeout } from \"usehooks-ts\"\nimport getDisableAnimations from \"./getDisableAnimations\"\nimport {\n  assertSingleChildWhenRef,\n  ChildrenWithKeys,\n  computeNextRenderChildren,\n  noop,\n  useChildCallback,\n  type CallbackType,\n  type ReactElementWithKey,\n  type TransitionGroupChildCallbacks,\n} from \"./shared\"\nimport s from \"./TransitionGroup.module.css\"\nimport { getInitialTransitionState, transitionReducer } from \"./transitionReducer\"\n\ntype TransitionGroupChildProps = {\n  as: \"div\" | \"span\"\n  children: React.ReactNode\n  className?: string\n  transitionId?: string\n  style?: CSSProperties\n  preventMountTransition?: boolean\n  shouldRender: boolean\n  enterDuration: number\n  exitDuration: number\n  enterMountDelay?: number\n  removeChild: () => void\n  ref?: React.Ref<unknown>\n} & TransitionGroupChildCallbacks\n\nconst TransitionGroupChildInner = ({\n  ref: forwardedRef,\n  as: TagName,\n  children,\n  className,\n  transitionId,\n  style,\n  preventMountTransition,\n  shouldRender,\n  enterDuration,\n  exitDuration,\n  removeChild,\n  onEnter,\n  onEnterActive,\n  onEnterComplete,\n  onExit,\n  onExitActive,\n  onExitComplete,\n}: TransitionGroupChildProps) => {\n  const [state, dispatch] = useReducer(\n    transitionReducer,\n    getInitialTransitionState(preventMountTransition || false),\n  )\n  // Allow a child to prevent mount transition, but still experience\n  // future enter transition events, when applicable.\n  const preventedMountTransition = useRef<boolean>(false)\n  const elementRef = useRef<HTMLDivElement | null>(null)\n  // Duration values should not affect hook re-renders, so we create refs for them\n  const enterDurationRef = useRef<number>(enterDuration)\n  enterDurationRef.current = enterDuration\n  const exitDurationRef = useRef<number>(exitDuration)\n  exitDurationRef.current = exitDuration\n\n  const lastCallbackRef = useRef<CallbackType>(null)\n  const triggerCallback = useCallback(\n    (callbackType: CallbackType) => {\n      const element = elementRef.current\n\n      if (!element || callbackType === lastCallbackRef.current) {\n        return\n      }\n\n      lastCallbackRef.current = callbackType\n\n      switch (callbackType) {\n        case \"enter\":\n          onEnter(element)\n          break\n        case \"enter-active\":\n          onEnterActive(element)\n          break\n        case \"enter-complete\":\n          onEnterComplete(element)\n          break\n        case \"exit\":\n          onExit(element)\n          break\n        case \"exit-active\":\n          onExitActive(element)\n          break\n        case \"exit-complete\":\n          onExitComplete(element)\n          break\n        default:\n          callbackType satisfies never\n          break\n      }\n    },\n    [onEnter, onEnterActive, onEnterComplete, onExit, onExitActive, onExitComplete],\n  )\n\n  React.useLayoutEffect(() => {\n    // Exit transition\n    if (!shouldRender) {\n      let exitTimeout: number | undefined\n\n      dispatch({ type: \"exit-before\" })\n      triggerCallback(\"exit\")\n\n      const cancelAnimationFrame = waitForAnimationFrame(() => {\n        dispatch({ type: \"exit-active\" })\n        triggerCallback(\"exit-active\")\n\n        exitTimeout = window.setTimeout(() => {\n          triggerCallback(\"exit-complete\")\n          removeChild()\n        }, exitDurationRef.current)\n      })\n\n      return () => {\n        cancelAnimationFrame()\n        if (exitTimeout !== undefined) clearTimeout(exitTimeout)\n      }\n    }\n\n    // Enter transition\n\n    // Check if we need to prevent this specific entering cycle\n    if (preventMountTransition && !preventedMountTransition.current) {\n      // Mark initial transition as prevented and short-circuit.\n      preventedMountTransition.current = true\n      return\n    }\n\n    let enterTimeout: number | undefined\n\n    dispatch({ type: \"enter-before\" })\n    triggerCallback(\"enter\")\n\n    const cancelAnimationFrame = waitForAnimationFrame(() => {\n      dispatch({ type: \"enter-active\" })\n      triggerCallback(\"enter-active\")\n\n      enterTimeout = window.setTimeout(() => {\n        dispatch({ type: \"done\" })\n        triggerCallback(\"enter-complete\")\n      }, enterDurationRef.current)\n    })\n\n    return () => {\n      cancelAnimationFrame()\n      if (enterTimeout !== undefined) clearTimeout(enterTimeout)\n    }\n  }, [\n    shouldRender,\n    // This value is immutable after <TransitionGroup> is created, and does not change on re-renders.\n    preventMountTransition,\n    removeChild,\n    triggerCallback,\n  ])\n\n  useEffect(() => {\n    // Required for <StrictMode>, because we need to unset this token\n    // when the hooks are re-run. It's an imperative effect that we need to manage.\n    return () => {\n      preventedMountTransition.current = false\n    }\n  }, [])\n\n  return (\n    <TagName\n      ref={mergeRefs([elementRef, forwardedRef])}\n      className={clsx(className, s.TransitionGroupChild)}\n      data-transition-id={transitionId}\n      style={style}\n      data-entering={state.enter ? \"\" : undefined}\n      data-entering-active={state.enterActive ? \"\" : undefined}\n      data-exiting={state.exit ? \"\" : undefined}\n      data-exiting-active={state.exitActive ? \"\" : undefined}\n      data-interrupted={state.interrupted ? \"\" : undefined}\n    >\n      {children}\n    </TagName>\n  )\n}\n\nconst TransitionGroupChild = (props: TransitionGroupChildProps) => {\n  // Don't spread these out of props - pass all props to inner child\n  const { enterMountDelay, preventMountTransition } = props\n  // Mount gating occurs when enterMountDelay exists, and isn't initial mount\n  // Otherwise, this flag is a no-op and the TransitionChild mounts normally.\n  const mountDelay = !preventMountTransition && enterMountDelay != null ? enterMountDelay : null\n  const [mounted, setMounted] = useState(mountDelay == null)\n  useTimeout(() => setMounted(true), mounted ? null : mountDelay)\n\n  return mounted ? <TransitionGroupChildInner {...props} /> : null\n}\n\nexport type TransitionGroupProps = {\n  /** Components controlled by TransitionGroup rendering */\n  children: React.ReactNode\n  /** Determines the tag used by wrapping elements */\n  as?: \"div\" | \"span\"\n  /** Class passed to wrapping elements */\n  className?: string\n  /** Identifier passed to wrapping elements as `[data-transition-id]` */\n  transitionId?: string\n  /** Determines the amount of time that the enter state is applied during mounting */\n  enterDuration?: number\n  /** Determines the amount of time that the exit state is applied before unmounting */\n  exitDuration?: number\n  /**\n   * Determines if children should have an enter transition applied during mounting of the TransitionGroup.\n   * @default true\n   */\n  preventInitialTransition?: boolean\n  /** Delay in MS to wait before mounting a child. `null` for no delay (default). */\n  enterMountDelay?: number\n  /** Render children changes immediately, bypassing transition timings */\n  disableAnimations?: boolean\n  /** Determines how new children are added to the children array */\n  insertMethod?: \"append\" | \"prepend\"\n  /** Styles applied to wrapping elements */\n  style?: CSSProperties\n  /** Ref for the TransitionGroup */\n  ref?: React.Ref<unknown>\n} & Partial<TransitionGroupChildCallbacks>\n\ntype RenderChild = {\n  component: ReactElementWithKey\n  shouldRender: boolean\n  preventMountTransition?: boolean\n  removeChild: () => void\n} & TransitionGroupChildCallbacks\n\nexport const TransitionGroup = (props: TransitionGroupProps) => {\n  const {\n    ref: forwardedRef,\n    as: TagName = \"span\",\n    children,\n    className,\n    transitionId,\n    style,\n    enterDuration = 0,\n    exitDuration = 0,\n    preventInitialTransition = true,\n    enterMountDelay,\n    insertMethod = \"append\",\n    disableAnimations = getDisableAnimations(),\n  } = props\n  // Create stable, mutable references for all callbacks\n  const onEnter = useChildCallback(props.onEnter ?? noop)\n  const onEnterActive = useChildCallback(props.onEnterActive ?? noop)\n  const onEnterComplete = useChildCallback(props.onEnterComplete ?? noop)\n  const onExit = useChildCallback(props.onExit ?? noop)\n  const onExitActive = useChildCallback(props.onExitActive ?? noop)\n  const onExitComplete = useChildCallback(props.onExitComplete ?? noop)\n\n  // Ensure all children are provided with keys.\n  // Cannot reliably use Children.toArray() because `key` is processed: https://reactjs.org/docs/react-api.html#reactchildrentoarray\n  Children.forEach(children, (child) => {\n    // @ts-expect-error - We know `key` might not exist on certain types, that's why we're checking\n    if (child && !child.key) {\n      throw new Error(\"Child elements of <TransitionGroup /> must include a `key`\")\n    }\n  })\n\n  const createDefaultRenderChildProps = useCallback(\n    (child: ReactElementWithKey): RenderChild => ({\n      component: child,\n      shouldRender: true,\n      removeChild: () => {\n        setRenderChildren((currentRenderChildren) =>\n          currentRenderChildren.filter((c) => child.key !== c.component.key),\n        )\n      },\n      onEnter,\n      onEnterActive,\n      onEnterComplete,\n      onExit,\n      onExitActive,\n      onExitComplete,\n    }),\n    [onEnter, onEnterActive, onEnterComplete, onExit, onExitActive, onExitComplete],\n  )\n\n  const [renderChildren, setRenderChildren] = useState<RenderChild[]>((): RenderChild[] => {\n    return ChildrenWithKeys(children).map((child) => ({\n      ...createDefaultRenderChildProps(child),\n      // Lock this value to whatever the value was on initial render of the TransitionGroup.\n      // It doesn't make sense to change this once it is mounted.\n      preventMountTransition: preventInitialTransition,\n    }))\n  })\n\n  useLayoutEffect(() => {\n    setRenderChildren((currentRenderChildren): RenderChild[] => {\n      const propChildrenArray = ChildrenWithKeys(children)\n      return computeNextRenderChildren(\n        propChildrenArray,\n        currentRenderChildren,\n        createDefaultRenderChildProps,\n        insertMethod,\n      )\n    })\n  }, [children, insertMethod, createDefaultRenderChildProps])\n\n  // Prevent mistakes with forwardRef() by ensuring single child usage within the group.\n  assertSingleChildWhenRef(\"TransitionGroup\", forwardedRef, Children.count(children))\n\n  if (disableAnimations) {\n    return (\n      <>\n        {Children.map(children, (child) => (\n          <TagName\n            // @ts-expect-error -- TS is not happy about this forwardedRef, but it's fine.\n            ref={forwardedRef}\n            className={className}\n            style={style}\n            data-transition-id={transitionId}\n          >\n            {child}\n          </TagName>\n        ))}\n      </>\n    )\n  }\n\n  return (\n    <>\n      {renderChildren.map(({ component, ...restProps }) => (\n        <TransitionGroupChild\n          key={component.key}\n          {...restProps}\n          as={TagName}\n          className={className}\n          transitionId={transitionId}\n          enterDuration={enterDuration}\n          exitDuration={exitDuration}\n          enterMountDelay={enterMountDelay}\n          style={style}\n          ref={forwardedRef}\n        >\n          {component}\n        </TransitionGroupChild>\n      ))}\n    </>\n  )\n}\n", "import { isTest } from \"../../lib/constants\"\n\n// By default, all tests will treat <TransitionGroup> as `disableAnimations={true}`,\n// removing the need to be aware of misc. async animations happening across tests.\n// We could add support for things like `prefers-reduced-motion` in the future here as well.\nexport default () => isTest\n", "import React, { Children, useCallback, useRef } from \"react\"\nimport { isDev, isTest } from \"../../lib/constants\"\n\nexport type TransitionDefinition = {\n  opacity?: number\n  /** The horizontal translation value in pixels */\n  x?: number\n  /**  The horizontal vertical value in pixels */\n  y?: number\n  /** The opacity value ranging from 0 to 1. */\n  scale?: number\n  rotate?: number | string\n  skewX?: number | string\n  skewY?: number | string\n  blur?: number\n  duration?: number\n  delay?: number\n  timingFunction?: string\n}\n\nexport type InitialTransitionDefinition = Omit<\n  TransitionDefinition,\n  \"duration\" | \"delay\" | \"timingFunction\"\n>\n\nexport type LayoutTransitionDefinition = {\n  duration?: number\n  delay?: number\n  timingFunction?: string\n}\n\nexport type CallbackType =\n  | \"enter\"\n  | \"enter-active\"\n  | \"enter-complete\"\n  | \"exit\"\n  | \"exit-active\"\n  | \"exit-complete\"\n\n// Transition callbacks and types shared across implementations\nexport type TransitionGroupChildCallback = (element: HTMLDivElement) => void\n\nexport type TransitionGroupChildCallbacks = {\n  /** Callback fired when an enter animation is staged (e.g., component mounted to the DOM) */\n  onEnter: TransitionGroupChildCallback\n  /** Callback fired when an enter animation starts */\n  onEnterActive: TransitionGroupChildCallback\n  /** Callback fired when an enter animation completes */\n  onEnterComplete: TransitionGroupChildCallback\n  /** Callback fired when an exit animation is staged */\n  onExit: TransitionGroupChildCallback\n  /** Callback fired when an exit animation starts */\n  onExitActive: TransitionGroupChildCallback\n  /** Callback fired when an exit animation completes (e.g., component unmounted from the DOM) */\n  onExitComplete: TransitionGroupChildCallback\n}\n\nexport const NonNullChildren = (children: React.ReactNode) =>\n  Children.toArray(children).filter((child) => child !== null && child !== undefined)\n\n// Shared keyed-children and transition helpers\nexport interface ReactElementWithKey extends React.ReactElement {\n  key: string\n}\n\nexport const ChildrenWithKeys = (\n  children: React.ReactNode,\n  shouldThrow: boolean = false,\n  componentName: string = \"TransitionGroup\",\n): ReactElementWithKey[] => {\n  const validChildren: ReactElementWithKey[] = []\n  Children.forEach(children, (child) => {\n    if (child && typeof child === \"object\" && \"key\" in child && !!child.key) {\n      // @ts-expect-error -- The above conditional is enough coercion that the component is valid\n      validChildren.push(child)\n    } else if (shouldThrow) {\n      throw new Error(`Child elements of <${componentName} /> must include a \\`key\\``)\n    }\n  })\n  return validChildren\n}\n\nexport const noop = () => {}\n\nexport const useChildCallback = (cb: (el: HTMLDivElement) => void) => {\n  const ref = useRef(cb)\n  ref.current = cb\n  return useCallback<(el: HTMLDivElement) => void>((element) => ref.current(element), [])\n}\n\nexport type InsertMethod = \"append\" | \"prepend\"\n\nexport function computeNextRenderChildren<\n  RenderChild extends { component: ReactElementWithKey; shouldRender: boolean },\n>(\n  propChildrenArray: ReactElementWithKey[],\n  currentRenderChildren: RenderChild[],\n  createDefaultRenderChildProps: (child: ReactElementWithKey) => RenderChild,\n  insertMethod: InsertMethod,\n): RenderChild[] {\n  const propChildKeyMap = propChildrenArray.reduce<Record<string, number>>(\n    (acc, child) => ({ ...acc, [child.key]: 1 }),\n    {},\n  )\n  const currentRenderChildKeyMap = currentRenderChildren.reduce<Record<string, number>>(\n    (acc, child) => ({ ...acc, [child.component.key]: 1 }),\n    {},\n  )\n\n  const newRenderChildren: RenderChild[] = propChildrenArray\n    .filter((propChild) => !currentRenderChildKeyMap[propChild.key])\n    .map(createDefaultRenderChildProps)\n\n  const updatedCurrentChildren: RenderChild[] = currentRenderChildren.map((childProps) => ({\n    ...childProps,\n    component:\n      propChildrenArray.find(({ key }) => key === childProps.component.key) || childProps.component,\n    shouldRender: !!propChildKeyMap[childProps.component.key],\n  }))\n\n  return insertMethod === \"append\"\n    ? updatedCurrentChildren.concat(newRenderChildren)\n    : newRenderChildren.concat(updatedCurrentChildren)\n}\n\nexport function assertSingleChildWhenRef(\n  componentName: string,\n  ref: React.Ref<unknown> | undefined,\n  childrenCount: number,\n): void {\n  if ((isTest || isDev) && ref && childrenCount > 1) {\n    throw new Error(`Cannot use forwardRef with multiple children in <${componentName} />`)\n  }\n}\n", "export type TransitionState = {\n  enter: boolean\n  enterActive: boolean\n  exit: boolean\n  exitActive: boolean\n  interrupted: boolean\n}\n\nexport type TransitionStateAction =\n  | { type: \"enter-before\" }\n  | { type: \"enter-active\" }\n  | { type: \"exit-before\" }\n  | { type: \"exit-active\" }\n  | { type: \"done\" }\n\nexport const RESTING_TRANSITION_STATE: TransitionState = {\n  enter: false,\n  enterActive: false,\n  exit: false,\n  exitActive: false,\n  interrupted: false,\n}\n\nexport const getInitialTransitionState = (preventMountTransition: boolean): TransitionState => ({\n  ...RESTING_TRANSITION_STATE,\n  enter: !preventMountTransition,\n})\n\nexport const transitionReducer = (\n  state: TransitionState,\n  action: TransitionStateAction,\n): TransitionState => {\n  switch (action.type) {\n    case \"enter-before\":\n      return {\n        enter: true,\n        enterActive: false,\n        exit: false,\n        exitActive: false,\n        interrupted: state.interrupted || state.exit,\n      }\n    case \"enter-active\":\n      return {\n        enter: true,\n        enterActive: true,\n        exit: false,\n        exitActive: false,\n        interrupted: false,\n      }\n    case \"exit-before\":\n      return {\n        enter: false,\n        enterActive: false,\n        exit: true,\n        exitActive: false,\n        interrupted: state.interrupted || state.enter,\n      }\n    case \"exit-active\":\n      return {\n        enter: false,\n        enterActive: false,\n        exit: true,\n        exitActive: true,\n        interrupted: false,\n      }\n    case \"done\":\n    default:\n      return RESTING_TRANSITION_STATE\n  }\n}\n", "\"use client\"\n\nimport { useEffect, useRef, useState, type MouseEvent } from \"react\"\nimport { copyToClipboard, type ClipboardContent } from \"../../lib/copyToClipboard\"\nimport { Check, Copy } from \"../Icon\"\nimport { Animate } from \"../Transition\"\nimport { Button, type ButtonProps } from \"./Button\"\n\nexport type CopyButtonProps = {\n  copyValue: string | ClipboardContent | (() => string) | (() => ClipboardContent)\n  children?: React.ReactNode | ((props: { copied: boolean }) => React.ReactNode)\n} & Omit<ButtonProps, \"children\">\n\nexport const CopyButton = ({ children, copyValue, onClick, ...restProps }: CopyButtonProps) => {\n  const [copied, setCopied] = useState<boolean>(false)\n  const copiedTimeout = useRef<number | null>(null)\n\n  const handleClick = (evt: MouseEvent<HTMLButtonElement>) => {\n    // No-op when copied is true\n    if (copied) {\n      return\n    }\n\n    setCopied(true)\n    onClick?.(evt)\n\n    // Copy content to clipboard\n    // NOTE: Failures are a silent no-op\n    copyToClipboard(typeof copyValue === \"function\" ? copyValue() : copyValue)\n\n    copiedTimeout.current = window.setTimeout(() => {\n      setCopied(false)\n    }, 1300)\n  }\n\n  useEffect(() => {\n    return () => {\n      if (copiedTimeout.current) clearTimeout(copiedTimeout.current)\n    }\n  }, [])\n\n  return (\n    <Button {...restProps} onClick={handleClick}>\n      <Animate\n        className=\"w-[var(--button-icon-size)] h-[var(--button-icon-size)]\"\n        initial={{ scale: 0.6 }}\n        enter={{ scale: 1, delay: 150, duration: 300 }}\n        exit={{ scale: 0.6, duration: 150 }}\n        forceCompositeLayer\n      >\n        {copied ? <Check key=\"copied-icon\" /> : <Copy key=\"copy-icon\" />}\n      </Animate>\n      {typeof children === \"function\" ? children({ copied }) : children}\n    </Button>\n  )\n}\n", "export type ClipboardContent = {\n  \"text/plain\"?: string\n  \"image/png\"?: Blob\n  \"image/jpeg\"?: Blob\n  \"image/webp\"?: Blob\n}\n\nconst supportsRichClipboard = (): boolean =>\n  typeof ClipboardItem !== \"undefined\" && !!navigator.clipboard?.write\n\n// Convert ClipboardContent to { [mime]: Blob } for ClipboardItem\nexport function toClipboardItem(content: ClipboardContent): ClipboardItem {\n  const { \"text/plain\": text, ...rest } = content\n  return new ClipboardItem({\n    ...rest,\n    ...(text ? { \"text/plain\": new Blob([text], { type: \"text/plain\" }) } : null),\n  })\n}\n\n/**\n * Utility for copying rich content in a cross-browser way\n *\n * @param {string | ClipboardContent} content\n * @param {HTMLElement} container - Fallback text copy method requires appending a textarea\n *   to the DOM and focusing it. If you don't want to shift focus out of the currently\n *   focused container (e.g. a popover) you can specify a custom container to append\n *   the textarea to keep focus in that container. This need for this edge case is\n *   exceedingly rare as navigator.clipboard.writeText support expands.\n * @returns - A promise that resolves to true if the copy was successful, false otherwise.\n */\nexport async function copyToClipboard(\n  content: string | ClipboardContent,\n  container: HTMLElement = document.body,\n): Promise<boolean> {\n  if (typeof content === \"string\") {\n    return copyText(content, container)\n  }\n\n  try {\n    if (supportsRichClipboard()) {\n      await navigator.clipboard.write([toClipboardItem(content)])\n      return true\n    }\n\n    // Fallback: if we have plain text, at least copy that.\n    if (content[\"text/plain\"]) {\n      return copyText(content[\"text/plain\"], container)\n    }\n\n    return false\n  } catch (error) {\n    return false\n  }\n}\n\n/**\n * Utility for copying plaintext in a cross-browser way\n *\n * @param {string} text\n * @param {HTMLElement} container - Fallback text copy method requires appending a textarea\n *   to the DOM and focusing it. If you don't want to shift focus out of the currently\n *   focused container (e.g. a popover) you can specify a custom container to append\n *   the textarea to keep focus in that container. This need for this edge case is\n *   exceedingly rare as navigator.clipboard.writeText support expands.\n * @returns - A promise that resolves to true if the copy was successful, false otherwise.\n */\nexport async function copyText(\n  text: string,\n  container: HTMLElement = document.body,\n): Promise<boolean> {\n  if (navigator.clipboard) {\n    try {\n      // Try to use the navigator.clipboard method first\n      await navigator.clipboard.writeText(text)\n      return true\n    } catch (error) {\n      // If that doesn't work, we continue on to the fallback\n      // method below\n    }\n  }\n\n  // Fallback method\n  const textArea = document.createElement(\"textarea\")\n  textArea.value = text\n\n  // Avoid visibility/interaction\n  textArea.style.position = \"fixed\"\n  textArea.style.top = \"0\"\n  textArea.style.left = \"0\"\n  textArea.style.opacity = \"0\"\n\n  container.appendChild(textArea)\n  textArea.focus()\n  textArea.select()\n\n  let succeeded = false\n  try {\n    succeeded = document.execCommand(\"copy\")\n  } catch (error) {\n    // Ignore\n  }\n  container.removeChild(textArea)\n  return succeeded\n}\n", "\"use client\"\n\nimport clsx from \"clsx\"\nimport { TransitionGroup, type TransitionGroupProps } from \"./TransitionGroup\"\n\nimport { type CSSProperties } from \"react\"\nimport {\n  toCssVariables,\n  toFilterProperty,\n  toMsDurationProperty,\n  toOpacityProperty,\n  toTransformProperty,\n} from \"../../lib/helpers\"\nimport s from \"./Animate.module.css\"\nimport { type InitialTransitionDefinition, type TransitionDefinition } from \"./shared\"\n\nexport type AnimateProps = Pick<\n  TransitionGroupProps,\n  \"as\" | \"children\" | \"className\" | \"insertMethod\" | \"preventInitialTransition\"\n> & {\n  /** Class applied to the inner TransitionGroup */\n  transitionClassName?: string\n  /** Styles applied to the enter transition */\n  enter?: TransitionDefinition\n  /** Styles applied to the exit transition */\n  exit?: TransitionDefinition\n  /** Styles applied before the enter transition occurs */\n  initial?: InitialTransitionDefinition\n  /**\n   * Determines how transition states are positioned\n   * @default absolute\n   */\n  transitionPosition?: \"absolute\" | \"static\"\n  /**\n   * Applies `will-change` to force animating elements to composite layers. Use with caution!\n   * @default false\n   */\n  forceCompositeLayer?: boolean\n}\n\nexport const Animate = (props: AnimateProps) => {\n  const {\n    as: TagName = \"span\",\n    className,\n    children,\n    preventInitialTransition,\n    insertMethod,\n    transitionClassName,\n    transitionPosition = \"absolute\",\n  } = props\n  const { enterTotalDuration, exitTotalDuration, variables } = getAnimationProperties(props)\n\n  return (\n    <TagName\n      className={clsx(\"block\", transitionPosition === \"absolute\" && \"relative\", className)}\n      data-transition-position={transitionPosition}\n      style={variables}\n    >\n      <TransitionGroup\n        as={TagName}\n        className={clsx(s.TransitionItem, transitionClassName)}\n        enterDuration={enterTotalDuration}\n        exitDuration={exitTotalDuration}\n        insertMethod={insertMethod}\n        preventInitialTransition={preventInitialTransition}\n      >\n        {children}\n      </TransitionGroup>\n    </TagName>\n  )\n}\n\n// Keep in sync with default values in Animate.module.css\nconst DEFAULT_ENTER_DURATION_MS_EASE = 400\nconst DEFAULT_ENTER_DURATION_MS_CUBIC = 500\nconst DEFAULT_EXIT_DURATION_MS_EASE = 200\nconst DEFAULT_EXIT_DURATION_MS_CUBIC = 300\n\nfunction getAnimationProperties({\n  initial: initial,\n  enter: enter,\n  exit: exit,\n  forceCompositeLayer,\n}: AnimateProps): {\n  enterTotalDuration: number\n  exitTotalDuration: number\n  variables: CSSProperties\n} {\n  // Dynamically inspect if we're transitioning transform properties, and apply cubic curves and timings as defaults\n  const initialTransform = toTransformProperty(initial)\n  const enterTransform = toTransformProperty(enter)\n  const exitTransform = toTransformProperty(exit)\n  const isCubicTransition = [initialTransform, exitTransform, enterTransform].some(\n    (t) => t !== \"none\",\n  )\n  const enterDuration =\n    enter?.duration ??\n    (isCubicTransition ? DEFAULT_ENTER_DURATION_MS_CUBIC : DEFAULT_ENTER_DURATION_MS_EASE)\n  const enterTimingFunction =\n    enter?.timingFunction ?? (isCubicTransition ? \"var(--cubic-enter)\" : \"ease\")\n  const exitDuration =\n    exit?.duration ??\n    (isCubicTransition ? DEFAULT_EXIT_DURATION_MS_CUBIC : DEFAULT_EXIT_DURATION_MS_EASE)\n  const exitTimingFunction =\n    exit?.timingFunction ?? (isCubicTransition ? \"var(--cubic-exit)\" : \"ease\")\n\n  // Generate variable overrides from props\n  const variables = toCssVariables({\n    \"tg-will-change\": forceCompositeLayer ? \"transform, opacity\" : \"auto\",\n    \"tg-enter-opacity\": toOpacityProperty(enter?.opacity ?? 1),\n    \"tg-enter-transform\": enterTransform,\n    \"tg-enter-filter\": toFilterProperty(enter),\n    \"tg-enter-duration\": toMsDurationProperty(enterDuration),\n    \"tg-enter-delay\": toMsDurationProperty(enter?.delay ?? 0),\n    \"tg-enter-timing-function\": enterTimingFunction,\n    \"tg-exit-opacity\": toOpacityProperty(exit?.opacity ?? 0),\n    \"tg-exit-transform\": exitTransform,\n    \"tg-exit-filter\": toFilterProperty(exit),\n    \"tg-exit-duration\": toMsDurationProperty(exitDuration),\n    \"tg-exit-delay\": toMsDurationProperty(exit?.delay ?? 0),\n    \"tg-exit-timing-function\": exitTimingFunction,\n    \"tg-initial-opacity\": toOpacityProperty(initial?.opacity ?? exit?.opacity ?? 0),\n    \"tg-initial-transform\": initialTransform === \"none\" ? exitTransform : initialTransform,\n    \"tg-initial-filter\": toFilterProperty(initial ?? exit ?? {}),\n  } satisfies Record<string, string>)\n\n  const enterTotalDuration = (enter?.delay ?? 0) + enterDuration\n  const exitTotalDuration = (exit?.delay ?? 0) + exitDuration\n\n  return { enterTotalDuration, exitTotalDuration, variables }\n}\n", "\"use client\"\n\nimport clsx from \"clsx\"\nimport { useRef, type CSSProperties } from \"react\"\nimport {\n  toCssVariables,\n  toFilterProperty,\n  toMsDurationProperty,\n  toOpacityProperty,\n  toTransformProperty,\n  waitForAnimationFrame,\n} from \"../../lib/helpers\"\nimport s from \"./AnimateLayout.module.css\"\nimport { TransitionGroup, type TransitionGroupProps } from \"./TransitionGroup\"\nimport {\n  type InitialTransitionDefinition,\n  type LayoutTransitionDefinition,\n  type TransitionDefinition,\n} from \"./shared\"\n\nexport type AnimateLayoutProps = Pick<\n  TransitionGroupProps,\n  \"as\" | \"children\" | \"className\" | \"insertMethod\" | \"preventInitialTransition\"\n> & {\n  /**\n   * Determines if `overflow: hidden` is applied to the wrapper element\n   * @default false\n   */\n  hideOverflow?: boolean\n  /**\n   * Determines which side of the container the items will pin to during enter/exit\n   * @default \"start\"\n   */\n  itemAnchor?: \"start\" | \"end\"\n  /**\n   * Determines which property will be animated during transitions\n   * @default \"height\"\n   */\n  dimension?: \"width\" | \"height\"\n  layoutEnter?: LayoutTransitionDefinition\n  layoutExit?: LayoutTransitionDefinition\n  layoutMove?: LayoutTransitionDefinition\n\n  enter?: TransitionDefinition\n  exit?: TransitionDefinition\n  initial?: InitialTransitionDefinition\n  /** Class applied to the inner TransitionGroup */\n  transitionClassName?: string\n  /**\n   * Applies `will-change` to force animating elements to composite layers. Use with caution!\n   * @default false\n   */\n  forceCompositeLayer?: boolean\n}\n\nexport const AnimateLayout = (props: AnimateLayoutProps) => {\n  const {\n    as: TagName = \"span\",\n    children,\n    transitionClassName,\n    insertMethod,\n    className,\n    hideOverflow = false,\n    // An initial height animation will almost never be correct. Consider carefully when overriding.\n    preventInitialTransition = true,\n    itemAnchor = \"start\",\n    dimension = \"height\",\n  } = props\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const captainRef = useRef<HTMLDivElement | null>(null)\n  const exitTimestampRef = useRef<number | null>(null)\n\n  const { enterTotalDuration, exitTotalDuration, variables } = getAnimationProperties(props)\n\n  const handleEnter = (element: HTMLDivElement) => {\n    const container = containerRef.current\n\n    if (!container) {\n      return\n    }\n\n    // If handleExit() was called >50ms ago, consider this a \"move\" and don't touch \"interrupted\" state\n    const justExited = exitTimestampRef.current && Date.now() - exitTimestampRef.current < 50\n\n    const anotherCaptain = !!captainRef.current\n    // Look at me, I'm the captain now\n    captainRef.current = element\n\n    // Recent exits are a near guarantee we are \"moving\" states\n    container.dataset.direction = justExited || anotherCaptain ? \"move\" : \"in\"\n\n    // If we just exited, don't touch the interrupted state. Exit just set it with the correct state of things\n    if (!justExited) {\n      container.dataset.interrupted = String(!!container.style[dimension])\n    }\n\n    const clientRect = container.getBoundingClientRect()\n    container.style[dimension] = `${clientRect[dimension]}px`\n  }\n\n  const handleEnterActive = (element: HTMLDivElement) => {\n    const container = containerRef.current\n\n    if (!container) {\n      return\n    }\n\n    // ~Impossible to not be the captain at this point, but check anyway.\n    const amICaptain = captainRef.current === element\n    if (!amICaptain) {\n      return\n    }\n\n    // IMPORTANT: Use clientHeight/clientWidth to measure children, in case they have scale() applied\n    const value = dimension === \"width\" ? element.clientWidth : element.clientHeight\n    container.style[dimension] = `${value}px`\n  }\n\n  const handleEnterComplete = (element: HTMLDivElement) => {\n    const container = containerRef.current\n\n    // Wait for the next tick, to ensure React has cleared `[data-entering*]` state from the DOM\n    // Without this, it's possible that we release the height from the container\n    // before the children in the DOM are naturally positioned (non-absolute).\n    waitForAnimationFrame(() => {\n      const amICaptain = captainRef.current === element\n      if (!container || !amICaptain) {\n        return\n      }\n\n      // Restore natural height to the DOM node\n      container.style[dimension] = \"\"\n    })\n  }\n\n  const handleExit = (element: HTMLDivElement) => {\n    const container = containerRef.current\n    const amICaptain = !captainRef.current || captainRef.current === element\n\n    if (!container || !amICaptain) {\n      return\n    }\n\n    // o7\n    captainRef.current = null\n    exitTimestampRef.current = Date.now()\n\n    container.dataset.direction = \"out\"\n    container.dataset.interrupted = String(!!container.style[dimension])\n\n    const clientRect = container.getBoundingClientRect()\n    container.style[dimension] = `${clientRect[dimension]}px`\n  }\n\n  const handleExitActive = (_element: HTMLDivElement) => {\n    const container = containerRef.current\n    const newCaptainExists = !!captainRef.current\n\n    // If another component has become the captain, exit early\n    if (!container || newCaptainExists) {\n      return\n    }\n\n    // Animate to zero layout\n    container.style[dimension] = \"0\"\n  }\n\n  const handleExitComplete = (_element: HTMLDivElement) => {\n    // Wait for the next tick, to ensure React has cleared `[data-exiting*]` state from the DOM\n    waitForAnimationFrame(() => {\n      const container = containerRef.current\n      const newCaptainExists = !!captainRef.current\n\n      // If another component has become the captain, exit early\n      if (!container || newCaptainExists) {\n        return\n      }\n\n      // Restore natural height to the DOM node\n      container.style[dimension] = \"\"\n    })\n  }\n\n  return (\n    <TagName\n      ref={containerRef}\n      className={clsx(s.Layout, className)}\n      style={variables}\n      data-item-anchor={itemAnchor}\n      data-clip={hideOverflow}\n      data-dimension={dimension}\n    >\n      <TransitionGroup\n        as={TagName}\n        className={clsx(s.TransitionItem, transitionClassName)}\n        insertMethod={insertMethod}\n        enterDuration={enterTotalDuration}\n        exitDuration={exitTotalDuration}\n        preventInitialTransition={preventInitialTransition}\n        onEnter={handleEnter}\n        onEnterActive={handleEnterActive}\n        onEnterComplete={handleEnterComplete}\n        onExit={handleExit}\n        onExitActive={handleExitActive}\n        onExitComplete={handleExitComplete}\n      >\n        {children}\n      </TransitionGroup>\n    </TagName>\n  )\n}\n\n// Keep in sync with default values in AnimateLayout.module.css\nconst DEFAULT_LAYOUT_ENTER_DURATION_MS = 300\nconst DEFAULT_LAYOUT_ENTER_DELAY_MS = 0\nconst DEFAULT_LAYOUT_EXIT_DURATION_MS = 300\nconst DEFAULT_LAYOUT_EXIT_DELAY_MS = 0\nconst DEFAULT_LAYOUT_MOVE_DURATION_MS = 300\nconst DEFAULT_LAYOUT_MOVE_DELAY_MS = 0\nconst DEFAULT_ENTER_DURATION_MS_EASE = 300\nconst DEFAULT_ENTER_DURATION_MS_CUBIC = 300\nconst DEFAULT_ENTER_DELAY_MS = 100\nconst DEFAULT_EXIT_DURATION_MS_EASE = 200\nconst DEFAULT_EXIT_DURATION_MS_CUBIC = 200\nconst DEFAULT_EXIT_DELAY_MS = 0\n\nfunction getAnimationProperties({\n  initial,\n  enter,\n  exit,\n  forceCompositeLayer,\n  layoutEnter,\n  layoutExit,\n  layoutMove,\n}: AnimateLayoutProps): {\n  enterTotalDuration: number\n  exitTotalDuration: number\n  variables: CSSProperties\n} {\n  // Dynamically inspect if we're transitioning transform properties, and apply cubic curves and timings as defaults\n  const initialTransform = toTransformProperty(initial)\n  const enterTransform = toTransformProperty(enter)\n  const exitTransform = toTransformProperty(exit)\n  const isCubicTransition = [initialTransform, exitTransform, enterTransform].some(\n    (t) => t !== \"none\",\n  )\n  const enterDuration =\n    enter?.duration ??\n    (isCubicTransition ? DEFAULT_ENTER_DURATION_MS_CUBIC : DEFAULT_ENTER_DURATION_MS_EASE)\n  const enterTimingFunction =\n    enter?.timingFunction ?? (isCubicTransition ? \"var(--cubic-enter)\" : \"ease\")\n  const exitDuration =\n    exit?.duration ??\n    (isCubicTransition ? DEFAULT_EXIT_DURATION_MS_CUBIC : DEFAULT_EXIT_DURATION_MS_EASE)\n  const exitTimingFunction =\n    exit?.timingFunction ?? (isCubicTransition ? \"var(--cubic-exit)\" : \"ease\")\n\n  // Generate variable overrides from props\n  const variables = toCssVariables({\n    \"tg-will-change\": forceCompositeLayer ? \"transform, opacity\" : \"auto\",\n    \"tg-enter-opacity\": toOpacityProperty(enter?.opacity ?? 1),\n    \"tg-enter-transform\": enterTransform,\n    \"tg-enter-filter\": toFilterProperty(enter),\n    \"tg-enter-duration\": toMsDurationProperty(enterDuration),\n    \"tg-enter-delay\": toMsDurationProperty(enter?.delay ?? DEFAULT_ENTER_DELAY_MS),\n    \"tg-enter-timing-function\": enterTimingFunction,\n    \"tg-exit-opacity\": toOpacityProperty(exit?.opacity ?? 0),\n    \"tg-exit-transform\": exitTransform,\n    \"tg-exit-filter\": toFilterProperty(exit ?? {}),\n    \"tg-exit-duration\": toMsDurationProperty(exitDuration),\n    \"tg-exit-delay\": toMsDurationProperty(exit?.delay ?? DEFAULT_EXIT_DELAY_MS),\n    \"tg-exit-timing-function\": exitTimingFunction,\n    \"tg-initial-opacity\": toOpacityProperty(initial?.opacity ?? exit?.opacity ?? 0),\n    \"tg-initial-transform\": initialTransform === \"none\" ? exitTransform : initialTransform,\n    \"tg-initial-filter\": toFilterProperty(initial ?? exit ?? {}),\n    \"tg-layout-enter-duration\": toMsDurationProperty(\n      layoutEnter?.duration ?? DEFAULT_LAYOUT_ENTER_DURATION_MS,\n    ),\n    \"tg-layout-enter-delay\": toMsDurationProperty(\n      layoutEnter?.delay ?? DEFAULT_LAYOUT_ENTER_DELAY_MS,\n    ),\n    \"tg-layout-enter-timing-function\": layoutEnter?.timingFunction ?? \"var(--cubic-move)\",\n    \"tg-layout-exit-duration\": toMsDurationProperty(\n      layoutExit?.duration ?? DEFAULT_LAYOUT_EXIT_DURATION_MS,\n    ),\n    \"tg-layout-exit-delay\": toMsDurationProperty(layoutExit?.delay ?? DEFAULT_LAYOUT_EXIT_DELAY_MS),\n    \"tg-layout-exit-timing-function\": layoutExit?.timingFunction ?? \"var(--cubic-move)\",\n    \"tg-layout-move-duration\": toMsDurationProperty(\n      layoutMove?.duration ?? DEFAULT_LAYOUT_MOVE_DURATION_MS,\n    ),\n    \"tg-layout-move-delay\": toMsDurationProperty(layoutMove?.delay ?? DEFAULT_LAYOUT_MOVE_DELAY_MS),\n    \"tg-layout-move-timing-function\": layoutMove?.timingFunction ?? \"var(--cubic-move)\",\n  } satisfies Record<string, string>)\n\n  const enterTotalDuration =\n    (enter?.delay ?? DEFAULT_ENTER_DELAY_MS) + (enterDuration ?? DEFAULT_ENTER_DURATION_MS_EASE)\n  const exitTotalDuration =\n    (exit?.delay ?? DEFAULT_EXIT_DELAY_MS) + (exitDuration ?? DEFAULT_EXIT_DURATION_MS_EASE)\n  const layoutEnterTotalDuration =\n    (layoutEnter?.delay ?? DEFAULT_LAYOUT_ENTER_DELAY_MS) +\n    (layoutEnter?.duration ?? DEFAULT_LAYOUT_ENTER_DURATION_MS)\n  const layoutExitTotalDuration =\n    (layoutExit?.delay ?? DEFAULT_LAYOUT_EXIT_DELAY_MS) +\n    (layoutExit?.duration ?? DEFAULT_LAYOUT_EXIT_DURATION_MS)\n  const layoutMoveTotalDuration =\n    (layoutMove?.delay ?? DEFAULT_LAYOUT_MOVE_DELAY_MS) +\n    (layoutMove?.duration ?? DEFAULT_LAYOUT_MOVE_DURATION_MS)\n\n  return {\n    // In order for us to release layout dimensions (e.g., height) to the natural DOM state,\n    // we must ensure the behaviors from the TransitionGroup callbacks are synced with the outer layout `transitions`.\n    // Setting TransitionGroup timing to the max of these durations is the simplest approach.\n    // In practice, these should only vary by about 50-200ms at most; imperceivable to end-users.\n    enterTotalDuration: Math.max(\n      enterTotalDuration,\n      layoutEnterTotalDuration,\n      layoutMoveTotalDuration,\n    ),\n    exitTotalDuration: Math.max(\n      exitTotalDuration,\n      layoutExitTotalDuration,\n      layoutMoveTotalDuration,\n    ),\n    variables,\n  }\n}\n", "\"use client\"\n\nimport { TransitionGroup, type TransitionGroupProps } from \"./TransitionGroup\"\n\nimport clsx from \"clsx\"\nimport { type CSSProperties } from \"react\"\nimport {\n  toCssVariables,\n  toFilterProperty,\n  toMsDurationProperty,\n  toOpacityProperty,\n  toTransformProperty,\n  waitForAnimationFrame,\n} from \"../../lib/helpers\"\nimport s from \"./AnimateLayoutGroup.module.css\"\nimport {\n  type InitialTransitionDefinition,\n  type LayoutTransitionDefinition,\n  NonNullChildren,\n  type TransitionDefinition,\n} from \"./shared\"\n\nexport type AnimateLayoutGroupProps = Pick<\n  TransitionGroupProps,\n  \"as\" | \"children\" | \"className\" | \"insertMethod\" | \"preventInitialTransition\"\n> & {\n  /**\n   * Determines if `overflow: hidden` is applied to the wrapper element\n   * @default false\n   */\n  hideOverflow?: boolean\n  /**\n   * Determines which side of the container the items will pin to during enter/exit\n   * @default \"start\"\n   */\n  itemAnchor?: \"start\" | \"end\"\n  /**\n   * Determines which property will be animated during transitions\n   * @default \"height\"\n   */\n  dimension?: \"width\" | \"height\"\n  layoutEnter?: LayoutTransitionDefinition\n  layoutExit?: LayoutTransitionDefinition\n  layoutMove?: LayoutTransitionDefinition\n\n  enter?: TransitionDefinition\n  exit?: TransitionDefinition\n  initial?: InitialTransitionDefinition\n  /** Class applied to the inner TransitionGroup */\n  transitionClassName?: string\n  /**\n   * Applies `will-change` to force animating elements to composite layers. Use with caution!\n   * @default false\n   */\n  forceCompositeLayer?: boolean\n}\n\nexport const AnimateLayoutGroup = (props: AnimateLayoutGroupProps) => {\n  const {\n    as: TagName = \"span\",\n    children,\n    className,\n    transitionClassName,\n    dimension = \"height\",\n  } = props\n  const { enterTotalDuration, exitTotalDuration, variables } = getAnimationProperties(props)\n\n  const handleEnter = (element: HTMLDivElement) => {\n    // Stage zero layout\n    element.style[dimension] = \"0\"\n  }\n\n  const handleEnterActive = (element: HTMLDivElement) => {\n    waitForAnimationFrame(() => {\n      // Animate to target height\n      // IMPORTANT: Use clientHeight/clientWidth to measure children, in case they have scale() applied\n      const value =\n        dimension === \"width\"\n          ? element.firstElementChild?.clientWidth\n          : element.firstElementChild?.clientHeight\n\n      element.style[dimension] = `${value ?? 0}px`\n    })\n  }\n\n  const handleEnterComplete = (element: HTMLDivElement) => {\n    waitForAnimationFrame(() => {\n      // Restore natural layout to the DOM node\n      element.style[dimension] = \"\"\n    })\n  }\n\n  const handleExit = (element: HTMLDivElement) => {\n    element.style[dimension] = `${element.getBoundingClientRect()[dimension]}px`\n  }\n\n  const handleExitActive = (element: HTMLDivElement) => {\n    waitForAnimationFrame(() => {\n      // Animate to zero layout\n      element.style[dimension] = \"0\"\n    })\n  }\n\n  return (\n    <TransitionGroup\n      as={TagName}\n      className={clsx(s.LayoutItem, className)}\n      style={variables}\n      // Adding 32ms to timers because of the additional waitForAnimationFrame() calls\n      enterDuration={enterTotalDuration + 32}\n      exitDuration={exitTotalDuration + 32}\n      onEnter={handleEnter}\n      onEnterActive={handleEnterActive}\n      onEnterComplete={handleEnterComplete}\n      onExit={handleExit}\n      onExitActive={handleExitActive}\n    >\n      {NonNullChildren(children).map((child) => (\n        // Ensure any falsy child.key value is sent specifically as `undefined`.\n        // This ensures that key is not misinterpreted as a string 'null', 'false', etc.\n        <TagName\n          className={clsx(s.TransitionItem, transitionClassName)}\n          // @ts-expect-error Pass-through the validation of `key` to <TransitionGroup>\n          key={child.key || undefined}\n          data-dimension={dimension}\n        >\n          {child}\n        </TagName>\n      ))}\n    </TransitionGroup>\n  )\n}\n\n// Keep in sync with default values in AnimateLayout.module.css\nconst DEFAULT_LAYOUT_ENTER_DURATION_MS = 300\nconst DEFAULT_LAYOUT_ENTER_DELAY_MS = 0\nconst DEFAULT_LAYOUT_EXIT_DURATION_MS = 300\nconst DEFAULT_LAYOUT_EXIT_DELAY_MS = 50\nconst DEFAULT_LAYOUT_MOVE_DURATION_MS = 300\nconst DEFAULT_LAYOUT_MOVE_DELAY_MS = 0\nconst DEFAULT_ENTER_DURATION_MS_EASE = 400\nconst DEFAULT_ENTER_DURATION_MS_CUBIC = 400\nconst DEFAULT_ENTER_DELAY_MS = 150\nconst DEFAULT_EXIT_DURATION_MS_EASE = 200\nconst DEFAULT_EXIT_DURATION_MS_CUBIC = 300\nconst DEFAULT_EXIT_DELAY_MS = 0\n\nfunction getAnimationProperties({\n  initial,\n  enter,\n  exit,\n  forceCompositeLayer,\n  layoutEnter,\n  layoutExit,\n  layoutMove,\n}: AnimateLayoutGroupProps): {\n  enterTotalDuration: number\n  exitTotalDuration: number\n  variables: CSSProperties\n} {\n  // Dynamically inspect if we're transitioning transform properties, and apply cubic curves and timings as defaults\n  const initialTransform = toTransformProperty(initial)\n  const enterTransform = toTransformProperty(enter)\n  const exitTransform = toTransformProperty(exit)\n  const isCubicTransition = [initialTransform, exitTransform, enterTransform].some(\n    (t) => t !== \"none\",\n  )\n  const enterDuration =\n    enter?.duration ??\n    (isCubicTransition ? DEFAULT_ENTER_DURATION_MS_CUBIC : DEFAULT_ENTER_DURATION_MS_EASE)\n  const enterTimingFunction =\n    enter?.timingFunction ?? (isCubicTransition ? \"var(--cubic-enter)\" : \"ease\")\n  const exitDuration =\n    exit?.duration ??\n    (isCubicTransition ? DEFAULT_EXIT_DURATION_MS_CUBIC : DEFAULT_EXIT_DURATION_MS_EASE)\n  const exitTimingFunction =\n    exit?.timingFunction ?? (isCubicTransition ? \"var(--cubic-exit)\" : \"ease\")\n\n  // Generate variable overrides from props\n  const variables = toCssVariables({\n    \"tg-will-change\": forceCompositeLayer ? \"transform, opacity\" : \"auto\",\n    \"tg-enter-opacity\": toOpacityProperty(enter?.opacity ?? 1),\n    \"tg-enter-transform\": enterTransform,\n    \"tg-enter-filter\": toFilterProperty(enter ?? {}),\n    \"tg-enter-duration\": toMsDurationProperty(enterDuration),\n    \"tg-enter-delay\": toMsDurationProperty(enter?.delay ?? DEFAULT_ENTER_DELAY_MS),\n    \"tg-enter-timing-function\": enterTimingFunction,\n    \"tg-exit-opacity\": toOpacityProperty(exit?.opacity ?? 0),\n    \"tg-exit-transform\": exitTransform,\n    \"tg-exit-filter\": toFilterProperty(exit ?? {}),\n    \"tg-exit-duration\": toMsDurationProperty(exitDuration),\n    \"tg-exit-delay\": toMsDurationProperty(exit?.delay ?? DEFAULT_EXIT_DELAY_MS),\n    \"tg-exit-timing-function\": exitTimingFunction,\n    \"tg-initial-opacity\": toOpacityProperty(initial?.opacity ?? exit?.opacity ?? 0),\n    \"tg-initial-transform\": initialTransform === \"none\" ? exitTransform : initialTransform,\n    \"tg-initial-filter\": toFilterProperty(initial ?? exit ?? {}),\n    \"tg-layout-enter-duration\": toMsDurationProperty(\n      layoutEnter?.duration ?? DEFAULT_LAYOUT_ENTER_DURATION_MS,\n    ),\n    \"tg-layout-enter-delay\": toMsDurationProperty(\n      layoutEnter?.delay ?? DEFAULT_LAYOUT_ENTER_DELAY_MS,\n    ),\n    \"tg-layout-enter-timing-function\": layoutEnter?.timingFunction ?? \"var(--cubic-move)\",\n    \"tg-layout-exit-duration\": toMsDurationProperty(\n      layoutExit?.duration ?? DEFAULT_LAYOUT_EXIT_DURATION_MS,\n    ),\n    \"tg-layout-exit-delay\": toMsDurationProperty(layoutExit?.delay ?? DEFAULT_LAYOUT_EXIT_DELAY_MS),\n    \"tg-layout-exit-timing-function\": layoutExit?.timingFunction ?? \"var(--cubic-move)\",\n    \"tg-layout-move-duration\": toMsDurationProperty(\n      layoutMove?.duration ?? DEFAULT_LAYOUT_MOVE_DURATION_MS,\n    ),\n    \"tg-layout-move-delay\": toMsDurationProperty(\n      layoutMove?.delay ?? DEFAULT_LAYOUT_MOVE_DURATION_MS,\n    ),\n    \"tg-layout-move-timing-function\": layoutMove?.timingFunction ?? \"var(--cubic-move)\",\n  } satisfies Record<string, string>)\n\n  const enterTotalDuration =\n    (enter?.delay ?? DEFAULT_ENTER_DELAY_MS) + (enterDuration ?? DEFAULT_ENTER_DURATION_MS_EASE)\n  const exitTotalDuration =\n    (exit?.delay ?? DEFAULT_EXIT_DELAY_MS) + (exitDuration ?? DEFAULT_EXIT_DURATION_MS_EASE)\n  const layoutEnterTotalDuration =\n    (layoutEnter?.delay ?? DEFAULT_LAYOUT_ENTER_DELAY_MS) +\n    (layoutEnter?.duration ?? DEFAULT_LAYOUT_ENTER_DURATION_MS)\n  const layoutExitTotalDuration =\n    (layoutExit?.delay ?? DEFAULT_LAYOUT_EXIT_DELAY_MS) +\n    (layoutExit?.duration ?? DEFAULT_LAYOUT_EXIT_DURATION_MS)\n  const layoutMoveTotalDuration =\n    (layoutMove?.delay ?? DEFAULT_LAYOUT_MOVE_DELAY_MS) +\n    (layoutMove?.duration ?? DEFAULT_LAYOUT_MOVE_DURATION_MS)\n\n  return {\n    // In order for us to release layout dimensions (e.g., height) to the natural DOM state,\n    // we must ensure the behaviors from the TransitionGroup callbacks are synced with the outer layout `transitions`.\n    // Setting TransitionGroup timing to the max of these durations is the simplest approach.\n    // In practice, these should only vary by about 50-200ms at most; imperceivable to end-users.\n    enterTotalDuration: Math.max(\n      enterTotalDuration,\n      layoutEnterTotalDuration,\n      layoutMoveTotalDuration,\n    ),\n    exitTotalDuration: Math.max(\n      exitTotalDuration,\n      layoutExitTotalDuration,\n      layoutMoveTotalDuration,\n    ),\n    variables,\n  }\n}\n", "\"use client\"\n\nimport React, {\n  Children,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\"\nimport { mergeRefs } from \"react-merge-refs\"\n\nimport { waitForAnimationFrame } from \"../../lib/helpers\"\n\n// (no-op) clsx removed: className is not managed at group-level for slotted children\nimport { useTimeout } from \"usehooks-ts\"\nimport getDisableAnimations from \"./getDisableAnimations\"\nimport {\n  assertSingleChildWhenRef,\n  ChildrenWithKeys,\n  computeNextRenderChildren,\n  noop,\n  useChildCallback,\n  type CallbackType,\n  type ReactElementWithKey,\n  type TransitionGroupChildCallbacks,\n} from \"./shared\"\nimport { getInitialTransitionState, transitionReducer } from \"./transitionReducer\"\n\ntype SlotTransitionGroupChildProps = {\n  component: ReactElementWithKey\n  preventMountTransition?: boolean\n  shouldRender: boolean\n  enterDuration: number\n  exitDuration: number\n  enterMountDelay?: number\n  removeChild: () => void\n  ref?: React.Ref<unknown>\n} & TransitionGroupChildCallbacks\n\nconst SlotTransitionGroupChildInner = ({\n  ref,\n  component,\n  preventMountTransition,\n  shouldRender,\n  enterDuration,\n  exitDuration,\n  removeChild,\n  onEnter,\n  onEnterActive,\n  onEnterComplete,\n  onExit,\n  onExitActive,\n  onExitComplete,\n}: SlotTransitionGroupChildProps) => {\n  const [state, dispatch] = useReducer(\n    transitionReducer,\n    getInitialTransitionState(preventMountTransition || false),\n  )\n  const preventedMountTransition = useRef<boolean>(false)\n  const elementRef = useRef<HTMLDivElement | null>(null)\n  const enterDurationRef = useRef<number>(enterDuration)\n  enterDurationRef.current = enterDuration\n  const exitDurationRef = useRef<number>(exitDuration)\n  exitDurationRef.current = exitDuration\n\n  const lastCallbackRef = useRef<CallbackType>(null as unknown as CallbackType)\n  const triggerCallback = useCallback(\n    (callbackType: CallbackType) => {\n      const element = elementRef.current\n      if (!element || callbackType === lastCallbackRef.current) {\n        return\n      }\n      lastCallbackRef.current = callbackType\n      switch (callbackType) {\n        case \"enter\":\n          onEnter(element)\n          break\n        case \"enter-active\":\n          onEnterActive(element)\n          break\n        case \"enter-complete\":\n          onEnterComplete(element)\n          break\n        case \"exit\":\n          onExit(element)\n          break\n        case \"exit-active\":\n          onExitActive(element)\n          break\n        case \"exit-complete\":\n          onExitComplete(element)\n          break\n        default:\n          callbackType satisfies never\n          break\n      }\n    },\n    [onEnter, onEnterActive, onEnterComplete, onExit, onExitActive, onExitComplete],\n  )\n\n  /**\n   * IMPORTANT: `useLayoutEffect()` is used here to avoid race conditions between new SlotTransitionGroupChild components.\n   */\n  useLayoutEffect(() => {\n    // Exit transition\n    if (!shouldRender) {\n      let exitTimeout: number | undefined\n\n      dispatch({ type: \"exit-before\" })\n      triggerCallback(\"exit\")\n\n      const cancelAnimationFrame = waitForAnimationFrame(() => {\n        dispatch({ type: \"exit-active\" })\n        triggerCallback(\"exit-active\")\n\n        exitTimeout = window.setTimeout(() => {\n          triggerCallback(\"exit-complete\")\n          removeChild()\n        }, exitDurationRef.current)\n      })\n\n      return () => {\n        cancelAnimationFrame()\n        if (exitTimeout !== undefined) clearTimeout(exitTimeout)\n      }\n    }\n\n    // Enter transition\n\n    // Check if we need to prevent this specific entering cycle\n    if (preventMountTransition && !preventedMountTransition.current) {\n      // Mark initial transition as prevented and short-circuit.\n      preventedMountTransition.current = true\n      return\n    }\n\n    let enterTimeout: number | undefined\n\n    dispatch({ type: \"enter-before\" })\n    triggerCallback(\"enter\")\n\n    const cancelAnimationFrame = waitForAnimationFrame(() => {\n      dispatch({ type: \"enter-active\" })\n      triggerCallback(\"enter-active\")\n\n      enterTimeout = window.setTimeout(() => {\n        dispatch({ type: \"done\" })\n        triggerCallback(\"enter-complete\")\n      }, enterDurationRef.current)\n    })\n\n    return () => {\n      cancelAnimationFrame()\n      if (enterTimeout !== undefined) clearTimeout(enterTimeout)\n    }\n  }, [\n    shouldRender,\n    // This value is immutable after <SlotTransitionGroup> is created, and does not change on re-renders.\n    preventMountTransition,\n    removeChild,\n    triggerCallback,\n  ])\n\n  useEffect(() => {\n    // Required for <StrictMode>\n    return () => {\n      preventedMountTransition.current = false\n    }\n  }, [])\n\n  const original = component\n\n  const mergedRef = mergeRefs<unknown>([\n    elementRef as unknown as React.Ref<unknown>,\n    ref as unknown as React.Ref<unknown>,\n    ((original as unknown as { ref?: React.Ref<unknown> }).ref ?? null) as React.Ref<unknown>,\n  ])\n\n  const nextProps = {\n    \"data-entering\": state.enter ? \"\" : undefined,\n    \"data-entering-active\": state.enterActive ? \"\" : undefined,\n    \"data-exiting\": state.exit ? \"\" : undefined,\n    \"data-exiting-active\": state.exitActive ? \"\" : undefined,\n    \"data-interrupted\": state.interrupted ? \"\" : undefined,\n    \"ref\": mergedRef,\n  }\n\n  return React.isValidElement(original) ? React.cloneElement(original, nextProps) : null\n}\n\nconst SlotTransitionGroupChild = (props: SlotTransitionGroupChildProps) => {\n  const { enterMountDelay, preventMountTransition } = props\n  const mountDelay = !preventMountTransition && enterMountDelay != null ? enterMountDelay : null\n  const [mounted, setMounted] = useState(mountDelay == null)\n  useTimeout(() => setMounted(true), mounted ? null : mountDelay)\n\n  return mounted ? <SlotTransitionGroupChildInner {...props} /> : null\n}\n\nexport type SlotTransitionGroupProps = {\n  /** Components controlled by SlotTransitionGroup rendering */\n  children: React.ReactNode\n  /** Determines the amount of time that the enter state is applied during mounting */\n  enterDuration?: number\n  /** Determines the amount of time that the exit state is applied before unmounting */\n  exitDuration?: number\n  /**\n   * Determines if children should have an enter transition applied during mounting of the group.\n   * @default true\n   */\n  preventInitialTransition?: boolean\n  /** Delay in MS to wait before mounting a child. `null` for no delay (default). */\n  enterMountDelay?: number\n  /** Render children changes immediately, bypassing transition timings */\n  disableAnimations?: boolean\n  /** Determines how new children are added to the children array */\n  insertMethod?: \"append\" | \"prepend\"\n  /** Ref for the SlotTransitionGroup (applied to the single child when possible) */\n  ref?: React.Ref<unknown>\n} & Partial<TransitionGroupChildCallbacks>\n\ntype RenderChild = {\n  component: ReactElementWithKey\n  shouldRender: boolean\n  preventMountTransition?: boolean\n  removeChild: () => void\n} & TransitionGroupChildCallbacks\n\nexport const SlotTransitionGroup = (props: SlotTransitionGroupProps) => {\n  const {\n    ref,\n    children,\n    enterDuration = 0,\n    exitDuration = 0,\n    preventInitialTransition = true,\n    enterMountDelay,\n    insertMethod = \"append\",\n    disableAnimations = getDisableAnimations(),\n  } = props\n\n  // Create stable, mutable references for all callbacks\n  const onEnter = useChildCallback(props.onEnter ?? noop)\n  const onEnterActive = useChildCallback(props.onEnterActive ?? noop)\n  const onEnterComplete = useChildCallback(props.onEnterComplete ?? noop)\n  const onExit = useChildCallback(props.onExit ?? noop)\n  const onExitActive = useChildCallback(props.onExitActive ?? noop)\n  const onExitComplete = useChildCallback(props.onExitComplete ?? noop)\n\n  // Ensure all children are provided with keys.\n  Children.forEach(children, (child) => {\n    // @ts-expect-error - We know `key` might not exist on certain types, that's why we're checking\n    if (child && !child.key) {\n      throw new Error(\"Child elements of <SlotTransitionGroup /> must include a `key`\")\n    }\n  })\n\n  const createDefaultRenderChildProps = useCallback(\n    (child: ReactElementWithKey): RenderChild => ({\n      component: child,\n      shouldRender: true,\n      removeChild: () => {\n        setRenderChildren((currentRenderChildren) =>\n          currentRenderChildren.filter((c) => child.key !== c.component.key),\n        )\n      },\n      onEnter,\n      onEnterActive,\n      onEnterComplete,\n      onExit,\n      onExitActive,\n      onExitComplete,\n    }),\n    [onEnter, onEnterActive, onEnterComplete, onExit, onExitActive, onExitComplete],\n  )\n\n  const [renderChildren, setRenderChildren] = useState<RenderChild[]>((): RenderChild[] => {\n    return ChildrenWithKeys(children).map((child) => ({\n      ...createDefaultRenderChildProps(child),\n      // Lock this value to whatever the value was on initial render of the group.\n      preventMountTransition: preventInitialTransition,\n    }))\n  })\n\n  // IMPORTANT: useLayoutEffect is required to satisfy render timings for prop updates to input elements\n  useLayoutEffect(() => {\n    setRenderChildren((currentRenderChildren): RenderChild[] => {\n      const propChildrenArray = ChildrenWithKeys(children, false, \"SlotTransitionGroup\")\n      return computeNextRenderChildren(\n        propChildrenArray,\n        currentRenderChildren,\n        createDefaultRenderChildProps,\n        insertMethod,\n      )\n    })\n  }, [children, insertMethod, createDefaultRenderChildProps])\n\n  // Prevent mistakes with forwardRef() by ensuring single child usage within the group.\n  assertSingleChildWhenRef(\"SlotTransitionGroup\", ref, Children.count(children))\n\n  if (disableAnimations) {\n    // Fast path: when animations are disabled and no ref is provided, render children as-is.\n    if (!ref) {\n      return <>{children}</>\n    }\n\n    // If a ref is provided, attach it to the (single) child by cloning.\n    return (\n      <>\n        {Children.map(children, (child) => {\n          if (!React.isValidElement(child)) return child\n          const original = child as ReactElementWithKey\n          const merged = mergeRefs<unknown>([\n            ref as unknown as React.Ref<unknown>,\n            ((original as unknown as { ref?: React.Ref<unknown> }).ref ??\n              null) as React.Ref<unknown>,\n          ])\n          const nextProps = { ref: merged }\n          return React.cloneElement(original, nextProps)\n        })}\n      </>\n    )\n  }\n\n  return (\n    <>\n      {renderChildren.map(({ component, ...restProps }) => (\n        <SlotTransitionGroupChild\n          key={component.key}\n          {...restProps}\n          component={component}\n          enterDuration={enterDuration}\n          exitDuration={exitDuration}\n          enterMountDelay={enterMountDelay}\n          ref={ref}\n        />\n      ))}\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["import_react", "_jsx", "import_react", "import_react", "import_react", "import_react", "s", "s", "_jsx", "import_react", "import_react", "s", "React", "cancelAnimationFrame", "_jsx", "s", "_Fragment", "s", "_jsxs", "_jsx", "import_react", "import_react", "s", "_jsx", "s", "import_react", "s", "import_react", "s", "import_react", "_jsxs", "_jsx"]
+}

package/template/node_modules/.vite/deps/chunk-ILHRZGIS.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+
+export {
+  __commonJS,
+  __export,
+  __toESM,
+  __privateGet,
+  __privateAdd,
+  __privateSet
+};
+//# sourceMappingURL=chunk-ILHRZGIS.js.map

package/template/node_modules/.vite/deps/chunk-ILHRZGIS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/template/node_modules/.vite/deps/chunk-KFGKZMLK.js

@@ -0,0 +1,280 @@
+import {
+  require_react
+} from "./chunk-4TLBUCVB.js";
+import {
+  __commonJS
+} from "./chunk-ILHRZGIS.js";
+
+// ../node_modules/.pnpm/react-dom@19.2.0_react@19.2.0/node_modules/react-dom/cjs/react-dom.development.js
+var require_react_dom_development = __commonJS({
+  "../node_modules/.pnpm/react-dom@19.2.0_react@19.2.0/node_modules/react-dom/cjs/react-dom.development.js"(exports) {
+    "use strict";
+    (function() {
+      function noop() {
+      }
+      function testStringCoercion(value) {
+        return "" + value;
+      }
+      function createPortal$1(children, containerInfo, implementation) {
+        var key = 3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
+        try {
+          testStringCoercion(key);
+          var JSCompiler_inline_result = false;
+        } catch (e) {
+          JSCompiler_inline_result = true;
+        }
+        JSCompiler_inline_result && (console.error(
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          "function" === typeof Symbol && Symbol.toStringTag && key[Symbol.toStringTag] || key.constructor.name || "Object"
+        ), testStringCoercion(key));
+        return {
+          $$typeof: REACT_PORTAL_TYPE,
+          key: null == key ? null : "" + key,
+          children,
+          containerInfo,
+          implementation
+        };
+      }
+      function getCrossOriginStringAs(as, input) {
+        if ("font" === as) return "";
+        if ("string" === typeof input)
+          return "use-credentials" === input ? input : "";
+      }
+      function getValueDescriptorExpectingObjectForWarning(thing) {
+        return null === thing ? "`null`" : void 0 === thing ? "`undefined`" : "" === thing ? "an empty string" : 'something with type "' + typeof thing + '"';
+      }
+      function getValueDescriptorExpectingEnumForWarning(thing) {
+        return null === thing ? "`null`" : void 0 === thing ? "`undefined`" : "" === thing ? "an empty string" : "string" === typeof thing ? JSON.stringify(thing) : "number" === typeof thing ? "`" + thing + "`" : 'something with type "' + typeof thing + '"';
+      }
+      function resolveDispatcher() {
+        var dispatcher = ReactSharedInternals.H;
+        null === dispatcher && console.error(
+          "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
+        );
+        return dispatcher;
+      }
+      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+      var React = require_react(), Internals = {
+        d: {
+          f: noop,
+          r: function() {
+            throw Error(
+              "Invalid form element. requestFormReset must be passed a form that was rendered by React."
+            );
+          },
+          D: noop,
+          C: noop,
+          L: noop,
+          m: noop,
+          X: noop,
+          S: noop,
+          M: noop
+        },
+        p: 0,
+        findDOMNode: null
+      }, REACT_PORTAL_TYPE = Symbol.for("react.portal"), ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      "function" === typeof Map && null != Map.prototype && "function" === typeof Map.prototype.forEach && "function" === typeof Set && null != Set.prototype && "function" === typeof Set.prototype.clear && "function" === typeof Set.prototype.forEach || console.error(
+        "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
+      );
+      exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = Internals;
+      exports.createPortal = function(children, container) {
+        var key = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null;
+        if (!container || 1 !== container.nodeType && 9 !== container.nodeType && 11 !== container.nodeType)
+          throw Error("Target container is not a DOM element.");
+        return createPortal$1(children, container, null, key);
+      };
+      exports.flushSync = function(fn) {
+        var previousTransition = ReactSharedInternals.T, previousUpdatePriority = Internals.p;
+        try {
+          if (ReactSharedInternals.T = null, Internals.p = 2, fn)
+            return fn();
+        } finally {
+          ReactSharedInternals.T = previousTransition, Internals.p = previousUpdatePriority, Internals.d.f() && console.error(
+            "flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this call to a scheduler task or micro task."
+          );
+        }
+      };
+      exports.preconnect = function(href, options) {
+        "string" === typeof href && href ? null != options && "object" !== typeof options ? console.error(
+          "ReactDOM.preconnect(): Expected the `options` argument (second) to be an object but encountered %s instead. The only supported option at this time is `crossOrigin` which accepts a string.",
+          getValueDescriptorExpectingEnumForWarning(options)
+        ) : null != options && "string" !== typeof options.crossOrigin && console.error(
+          "ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
+          getValueDescriptorExpectingObjectForWarning(options.crossOrigin)
+        ) : console.error(
+          "ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
+          getValueDescriptorExpectingObjectForWarning(href)
+        );
+        "string" === typeof href && (options ? (options = options.crossOrigin, options = "string" === typeof options ? "use-credentials" === options ? options : "" : void 0) : options = null, Internals.d.C(href, options));
+      };
+      exports.prefetchDNS = function(href) {
+        if ("string" !== typeof href || !href)
+          console.error(
+            "ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
+            getValueDescriptorExpectingObjectForWarning(href)
+          );
+        else if (1 < arguments.length) {
+          var options = arguments[1];
+          "object" === typeof options && options.hasOwnProperty("crossOrigin") ? console.error(
+            "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
+            getValueDescriptorExpectingEnumForWarning(options)
+          ) : console.error(
+            "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
+            getValueDescriptorExpectingEnumForWarning(options)
+          );
+        }
+        "string" === typeof href && Internals.d.D(href);
+      };
+      exports.preinit = function(href, options) {
+        "string" === typeof href && href ? null == options || "object" !== typeof options ? console.error(
+          "ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
+          getValueDescriptorExpectingEnumForWarning(options)
+        ) : "style" !== options.as && "script" !== options.as && console.error(
+          'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered %s instead. Valid values for `as` are "style" and "script".',
+          getValueDescriptorExpectingEnumForWarning(options.as)
+        ) : console.error(
+          "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
+          getValueDescriptorExpectingObjectForWarning(href)
+        );
+        if ("string" === typeof href && options && "string" === typeof options.as) {
+          var as = options.as, crossOrigin = getCrossOriginStringAs(as, options.crossOrigin), integrity = "string" === typeof options.integrity ? options.integrity : void 0, fetchPriority = "string" === typeof options.fetchPriority ? options.fetchPriority : void 0;
+          "style" === as ? Internals.d.S(
+            href,
+            "string" === typeof options.precedence ? options.precedence : void 0,
+            {
+              crossOrigin,
+              integrity,
+              fetchPriority
+            }
+          ) : "script" === as && Internals.d.X(href, {
+            crossOrigin,
+            integrity,
+            fetchPriority,
+            nonce: "string" === typeof options.nonce ? options.nonce : void 0
+          });
+        }
+      };
+      exports.preinitModule = function(href, options) {
+        var encountered = "";
+        "string" === typeof href && href || (encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".");
+        void 0 !== options && "object" !== typeof options ? encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + "." : options && "as" in options && "script" !== options.as && (encountered += " The `as` option encountered was " + getValueDescriptorExpectingEnumForWarning(options.as) + ".");
+        if (encountered)
+          console.error(
+            "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
+            encountered
+          );
+        else
+          switch (encountered = options && "string" === typeof options.as ? options.as : "script", encountered) {
+            case "script":
+              break;
+            default:
+              encountered = getValueDescriptorExpectingEnumForWarning(encountered), console.error(
+                'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
+                encountered,
+                href
+              );
+          }
+        if ("string" === typeof href)
+          if ("object" === typeof options && null !== options) {
+            if (null == options.as || "script" === options.as)
+              encountered = getCrossOriginStringAs(
+                options.as,
+                options.crossOrigin
+              ), Internals.d.M(href, {
+                crossOrigin: encountered,
+                integrity: "string" === typeof options.integrity ? options.integrity : void 0,
+                nonce: "string" === typeof options.nonce ? options.nonce : void 0
+              });
+          } else null == options && Internals.d.M(href);
+      };
+      exports.preload = function(href, options) {
+        var encountered = "";
+        "string" === typeof href && href || (encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".");
+        null == options || "object" !== typeof options ? encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + "." : "string" === typeof options.as && options.as || (encountered += " The `as` option encountered was " + getValueDescriptorExpectingObjectForWarning(options.as) + ".");
+        encountered && console.error(
+          'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
+          encountered
+        );
+        if ("string" === typeof href && "object" === typeof options && null !== options && "string" === typeof options.as) {
+          encountered = options.as;
+          var crossOrigin = getCrossOriginStringAs(
+            encountered,
+            options.crossOrigin
+          );
+          Internals.d.L(href, encountered, {
+            crossOrigin,
+            integrity: "string" === typeof options.integrity ? options.integrity : void 0,
+            nonce: "string" === typeof options.nonce ? options.nonce : void 0,
+            type: "string" === typeof options.type ? options.type : void 0,
+            fetchPriority: "string" === typeof options.fetchPriority ? options.fetchPriority : void 0,
+            referrerPolicy: "string" === typeof options.referrerPolicy ? options.referrerPolicy : void 0,
+            imageSrcSet: "string" === typeof options.imageSrcSet ? options.imageSrcSet : void 0,
+            imageSizes: "string" === typeof options.imageSizes ? options.imageSizes : void 0,
+            media: "string" === typeof options.media ? options.media : void 0
+          });
+        }
+      };
+      exports.preloadModule = function(href, options) {
+        var encountered = "";
+        "string" === typeof href && href || (encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".");
+        void 0 !== options && "object" !== typeof options ? encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + "." : options && "as" in options && "string" !== typeof options.as && (encountered += " The `as` option encountered was " + getValueDescriptorExpectingObjectForWarning(options.as) + ".");
+        encountered && console.error(
+          'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
+          encountered
+        );
+        "string" === typeof href && (options ? (encountered = getCrossOriginStringAs(
+          options.as,
+          options.crossOrigin
+        ), Internals.d.m(href, {
+          as: "string" === typeof options.as && "script" !== options.as ? options.as : void 0,
+          crossOrigin: encountered,
+          integrity: "string" === typeof options.integrity ? options.integrity : void 0
+        })) : Internals.d.m(href));
+      };
+      exports.requestFormReset = function(form) {
+        Internals.d.r(form);
+      };
+      exports.unstable_batchedUpdates = function(fn, a) {
+        return fn(a);
+      };
+      exports.useFormState = function(action, initialState, permalink) {
+        return resolveDispatcher().useFormState(action, initialState, permalink);
+      };
+      exports.useFormStatus = function() {
+        return resolveDispatcher().useHostTransitionStatus();
+      };
+      exports.version = "19.2.0";
+      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+    })();
+  }
+});
+
+// ../node_modules/.pnpm/react-dom@19.2.0_react@19.2.0/node_modules/react-dom/index.js
+var require_react_dom = __commonJS({
+  "../node_modules/.pnpm/react-dom@19.2.0_react@19.2.0/node_modules/react-dom/index.js"(exports, module) {
+    if (false) {
+      checkDCE();
+      module.exports = null;
+    } else {
+      module.exports = require_react_dom_development();
+    }
+  }
+});
+
+export {
+  require_react_dom
+};
+/*! Bundled license information:
+
+react-dom/cjs/react-dom.development.js:
+  (**
+   * @license React
+   * react-dom.development.js
+   *
+   * Copyright (c) Meta Platforms, Inc. and affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+*/
+//# sourceMappingURL=chunk-KFGKZMLK.js.map