@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/_chunk/ActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.js","names":["JSX","createIcon","MoreIconSvg","props","SvgSVGAttributes","SVGSVGElement","Element","class","className","rest","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","_$runHydrationEvents","MoreIconProps","MoreIcon"],"sources":["../../src/icon/s2wf-icons/MoreIcon.tsx","../../src/menu/ActionMenu.tsx"],"sourcesContent":["/*\n * Auto-generated from vendored React Spectrum S2 icon sources.\n * Do not edit by hand.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createIcon } from \"../spectrum-icon\";\n\nfunction MoreIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={className}\n    >\n      <circle cx=\"10\" cy=\"10.02114\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n      <path\n        d=\"m10,8.5c-.82843,0-1.5.67157-1.5,1.5s.67157,1.5,1.5,1.5,1.5-.67157,1.5-1.5-.67157-1.5-1.5-1.5Z\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n      <circle cx=\"4\" cy=\"10.02114\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n      <circle cx=\"4\" cy=\"10\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n      <circle cx=\"16\" cy=\"10.02114\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n      <circle cx=\"16\" cy=\"10\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n    </svg>\n  );\n}\n\nexport type MoreIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const MoreIcon = createIcon(MoreIconSvg);\nexport default MoreIcon;\n","import {\n  type JSX,\n  createContext,\n  createEffect,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  MenuTrigger as HeadlessMenuTrigger,\n  MenuButton as HeadlessMenuButton,\n  Menu as HeadlessMenu,\n  Popover as HeadlessPopover,\n  MenuTriggerContext,\n  type MenuProps as HeadlessMenuProps,\n  type MenuTriggerRenderProps,\n  type MenuTriggerProps as HeadlessMenuTriggerProps,\n  type MenuRenderProps,\n  type PopoverRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport MoreIcon from \"../icon/s2wf-icons/MoreIcon\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport type { StyleString } from \"../style\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { s2IntlStrings } from \"../intl\";\nimport { HeaderContext, HeadingContext, Keyboard, Text, TextContext } from \"../text\";\nimport { useTheme } from \"../provider\";\nimport { pressScale } from \"../pressScale\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { s2ActionButton, type S2ActionButtonRenderState } from \"../button/s2-action-button-styles\";\nimport type { ActionButtonSize } from \"../button/group-context\";\nimport {\n  menu as s2Menu,\n  menuFrame,\n  menuItemDescription,\n  menuItemLabel,\n  menuPopover,\n  menuSectionHeader,\n  menuSectionHeading,\n} from \"./s2-menu-styles\";\nimport { MenuLinkOutIconContext, MenuSizeContext } from \"./menu-context\";\nimport { MenuItem } from \"./index\";\n\nexport type ActionMenuMenuSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type ActionMenuAlign = \"start\" | \"end\";\nexport type ActionMenuDirection = \"top\" | \"bottom\" | \"start\" | \"end\" | \"left\" | \"right\";\n\nexport interface ActionMenuProps<T> extends Omit<\n  HeadlessMenuProps<T>,\n  \"class\" | \"style\" | \"children\" | \"items\" | \"ref\" | \"slot\"\n> {\n  /** Item objects in the collection. */\n  items?: HeadlessMenuProps<T>[\"items\"];\n  /** The contents of the collection. */\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  /** Additional CSS class name for the menu. Legacy alias. */\n  class?: string;\n  /** Accessible label for the trigger button. Legacy alias. */\n  label?: string;\n  /** Whether the button should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Whether the trigger is disabled. */\n  isDisabled?: boolean;\n  /** The size of the ActionButton. @default 'M' */\n  size?: ActionButtonSize;\n  /** The size of the Menu. @default 'M' */\n  menuSize?: ActionMenuMenuSize;\n  /** Hides the default link out icons on menu items that open links in a new tab. */\n  hideLinkOutIcon?: boolean;\n  /** Alignment of the menu relative to the trigger. @default 'start' */\n  align?: ActionMenuAlign;\n  /** Where the Menu opens relative to its trigger. @default 'bottom' */\n  direction?: ActionMenuDirection;\n  /** Whether the menu should automatically flip direction when space is limited. */\n  shouldFlip?: boolean;\n  /** Whether the overlay is open by default. */\n  defaultOpen?: boolean;\n  /** Whether the overlay is open, controlled. */\n  isOpen?: boolean;\n  /** Handler called when the overlay open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether the trigger should receive focus on render. */\n  autoFocus?: boolean;\n  /** Spectrum-defined generated classes for the trigger button. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name for the trigger button. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles for the trigger button. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Identifies the trigger element. */\n  id?: string;\n  /** Accessible label for the trigger button. */\n  \"aria-label\"?: string;\n  /** Identifies the element that labels the trigger button. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element that describes the trigger button. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element that provides details for the trigger button. */\n  \"aria-details\"?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLButtonElement>;\n  [key: `data-${string}`]: string | undefined;\n}\n\nexport const ActionMenuContext = createContext<SpectrumContextValue<ActionMenuProps<any>>>(null);\n\nfunction fallbackItemLabel(item: unknown): string {\n  const menuItem = item as {\n    id?: string | number;\n    label?: string;\n    name?: string;\n    textValue?: string;\n  };\n  return menuItem.label ?? menuItem.name ?? menuItem.textValue ?? String(menuItem.id ?? \"\");\n}\n\nfunction fallbackItemTextValue(item: unknown): string {\n  const menuItem = item as { textValue?: string };\n  return menuItem.textValue ?? fallbackItemLabel(item);\n}\n\nfunction actionMenuPlacement(\n  direction: ActionMenuDirection | undefined,\n  align: ActionMenuAlign | undefined,\n): string {\n  const resolvedDirection = direction ?? \"bottom\";\n  const resolvedAlign = align ?? \"start\";\n\n  switch (resolvedDirection) {\n    case \"left\":\n    case \"right\":\n    case \"start\":\n    case \"end\":\n      return `${resolvedDirection} ${resolvedAlign === \"end\" ? \"bottom\" : \"top\"}`;\n    case \"bottom\":\n    case \"top\":\n    default:\n      return `${resolvedDirection} ${resolvedAlign}`;\n  }\n}\n\nfunction actionMenuPlacementAxis(\n  direction: ActionMenuDirection | undefined,\n): NonNullable<PopoverRenderProps[\"placement\"]> {\n  if (direction === \"start\") {\n    return \"left\";\n  }\n  if (direction === \"end\") {\n    return \"right\";\n  }\n  return direction ?? \"bottom\";\n}\n\nfunction getDataAttributes(\n  ...sources: Array<Record<string, unknown> | null | undefined>\n): JSX.HTMLAttributes<HTMLButtonElement> {\n  const attributes: Record<string, unknown> = {};\n\n  for (const source of sources) {\n    if (!source) {\n      continue;\n    }\n\n    for (const key in source) {\n      if (key.startsWith(\"data-\")) {\n        attributes[key] = source[key];\n      }\n    }\n  }\n\n  return attributes as JSX.HTMLAttributes<HTMLButtonElement>;\n}\n\nfunction omitDataAttributes<T extends Record<string, unknown>>(source: T): T {\n  const result: Record<string, unknown> = {};\n\n  for (const key in source) {\n    if (!key.startsWith(\"data-\")) {\n      result[key] = source[key];\n    }\n  }\n\n  return result as T;\n}\n\n/**\n * ActionMenu combines an ActionButton with a Menu for simple \"more actions\" use cases.\n */\nexport function ActionMenu<T extends object = object>(props: ActionMenuProps<T>): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(ActionMenuContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props);\n  const [local, menuProps] = splitProps(merged, [\n    \"label\",\n    \"isQuiet\",\n    \"isDisabled\",\n    \"align\",\n    \"direction\",\n    \"shouldFlip\",\n    \"class\",\n    \"size\",\n    \"menuSize\",\n    \"hideLinkOutIcon\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"ref\",\n    \"slot\",\n    \"isOpen\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"autoFocus\",\n    \"id\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n    \"aria-details\",\n    \"items\",\n  ] as const);\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const triggerLabel = () =>\n    local[\"aria-label\"] ?? local.label ?? stringFormatter().format(\"menu.moreActions\");\n  const size = (): ActionButtonSize => local.size ?? \"M\";\n  const menuSize = (): ActionMenuMenuSize => local.menuSize ?? \"M\";\n  const items = () => local.items as HeadlessMenuProps<T>[\"items\"] | undefined;\n  const triggerDataAttributes = () =>\n    getDataAttributes(\n      contextProps as Record<string, unknown> | null,\n      props as Record<string, unknown>,\n    );\n  const menuOnlyProps = () =>\n    omitDataAttributes(menuProps as Record<string, unknown>) as Omit<\n      HeadlessMenuProps<T>,\n      \"children\" | \"items\"\n    >;\n  const [triggerElement, setTriggerElement] = createSignal<HTMLButtonElement | null>(null);\n  let didAutoFocus = false;\n  createEffect(() => {\n    const trigger = triggerElement();\n    if (!didAutoFocus && local.autoFocus && trigger) {\n      didAutoFocus = true;\n      trigger.focus();\n    }\n  });\n  const iconContextValue = {\n    slot: \"icon\",\n    render: centerBaseline({\n      slot: \"icon\",\n      styles: () =>\n        style({\n          gridArea: \"icon\",\n        }),\n    }),\n    styles: style({\n      size: fontRelative(20),\n      marginStart: \"--iconMargin\",\n      flexShrink: 0,\n    }),\n  };\n  const getButtonState = (renderProps: MenuTriggerRenderProps): S2ActionButtonRenderState => ({\n    isHovered: renderProps.isHovered || renderProps.isOpen,\n    isPressed: renderProps.isPressed,\n    isFocused: renderProps.isFocused,\n    isFocusVisible: renderProps.isFocusVisible,\n    isDisabled: renderProps.isDisabled,\n  });\n  const getButtonClassName = (renderProps: MenuTriggerRenderProps) =>\n    [\n      local.UNSAFE_className,\n      mergeStyles(\n        s2ActionButton({\n          ...getButtonState(renderProps),\n          size: size(),\n          isQuiet: local.isQuiet,\n          isStaticColor: false,\n          density: \"regular\",\n          orientation: \"horizontal\",\n          isInGroup: false,\n        }),\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const getButtonStyle = (renderProps: MenuTriggerRenderProps) =>\n    pressScale(triggerElement, () => {\n      return mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style) ?? {};\n    })(renderProps);\n  const renderMenuItem = (item: T): JSX.Element => {\n    if (typeof local.children === \"function\") {\n      return local.children(item);\n    }\n\n    const itemData = item as {\n      id?: Key;\n      key?: Key;\n      label?: string;\n      name?: string;\n      textValue?: string;\n      description?: JSX.Element;\n      shortcut?: JSX.Element;\n      keyboardShortcut?: JSX.Element;\n      icon?: JSX.Element | (() => JSX.Element);\n      isDisabled?: boolean;\n      href?: string;\n      target?: string;\n      rel?: string;\n      download?: boolean | string;\n    };\n    const label = fallbackItemLabel(item);\n    const textValue = fallbackItemTextValue(item);\n    const itemKey =\n      typeof menuProps.getKey === \"function\"\n        ? menuProps.getKey(item)\n        : (itemData.id ?? itemData.key ?? label);\n    const description = () => itemData.description;\n    const shortcut = () => itemData.shortcut ?? itemData.keyboardShortcut;\n    const iconRenderer =\n      typeof itemData.icon === \"function\"\n        ? (itemData.icon as () => JSX.Element)\n        : itemData.icon != null\n          ? () => itemData.icon as JSX.Element\n          : undefined;\n\n    return (\n      <MenuItem\n        id={itemKey}\n        textValue={textValue}\n        isDisabled={itemData.isDisabled}\n        href={itemData.href}\n        target={itemData.target}\n        rel={itemData.rel}\n        download={itemData.download}\n        icon={iconRenderer}\n      >\n        {() => (\n          <>\n            <Text slot=\"label\">{label}</Text>\n            {description() ? <Text slot=\"description\">{description()}</Text> : null}\n            {shortcut() ? <Keyboard>{shortcut()}</Keyboard> : null}\n          </>\n        )}\n      </MenuItem>\n    );\n  };\n\n  const triggerProps: Partial<HeadlessMenuTriggerProps> = {\n    get isOpen() {\n      return local.isOpen;\n    },\n    get defaultOpen() {\n      return local.defaultOpen;\n    },\n    get onOpenChange() {\n      return local.onOpenChange;\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n  };\n\n  return (\n    <HeadlessMenuTrigger {...triggerProps}>\n      <HeadlessMenuButton\n        {...triggerDataAttributes()}\n        id={local.id}\n        aria-label={triggerLabel()}\n        aria-labelledby={local[\"aria-labelledby\"]}\n        aria-describedby={local[\"aria-describedby\"]}\n        aria-details={local[\"aria-details\"]}\n        autofocus={local.autoFocus}\n        isDisabled={local.isDisabled}\n        ref={(element) => {\n          setTriggerElement(element);\n          mergeContextRefs(contextProps?.ref, props.ref)(element);\n        }}\n        class={getButtonClassName}\n        style={getButtonStyle}\n        data-size={size()}\n        data-quiet={local.isQuiet ? \"true\" : undefined}\n        data-action-menu-align={local.align ?? \"start\"}\n        data-action-menu-direction={local.direction ?? \"bottom\"}\n        data-action-menu-should-flip={local.shouldFlip === false ? \"false\" : undefined}\n      >\n        <IconContext.Provider value={iconContextValue}>\n          <MoreIcon />\n        </IconContext.Provider>\n      </HeadlessMenuButton>\n      <ActionMenuPopover\n        menuProps={menuOnlyProps}\n        items={items}\n        staticChildren={() => local.children as JSX.Element | undefined}\n        renderMenuItem={renderMenuItem}\n        menuSize={menuSize}\n        hideLinkOutIcon={() => local.hideLinkOutIcon ?? false}\n        triggerLabel={triggerLabel}\n        triggerRef={triggerElement}\n        class={local.class}\n        align={() => local.align}\n        direction={() => local.direction}\n        shouldFlip={() => local.shouldFlip}\n      />\n    </HeadlessMenuTrigger>\n  );\n}\n\ninterface ActionMenuPopoverProps<T extends object> {\n  menuProps: () => Omit<HeadlessMenuProps<T>, \"children\" | \"items\">;\n  items: () => HeadlessMenuProps<T>[\"items\"] | undefined;\n  staticChildren: () => JSX.Element | undefined;\n  renderMenuItem: (item: T) => JSX.Element;\n  menuSize: () => ActionMenuMenuSize;\n  hideLinkOutIcon: () => boolean;\n  triggerLabel: () => string;\n  triggerRef: () => HTMLButtonElement | null;\n  class?: string;\n  align: () => ActionMenuAlign | undefined;\n  direction: () => ActionMenuDirection | undefined;\n  shouldFlip: () => boolean | undefined;\n}\n\nconst ACTION_MENU_POPOVER_TRANSITION_DURATION = 200;\n\nfunction ActionMenuPopover<T extends object>(props: ActionMenuPopoverProps<T>): JSX.Element {\n  const theme = useTheme();\n  const triggerContext = useContext(MenuTriggerContext);\n  const isOpen = () => triggerContext?.state.isOpen() ?? false;\n  const close = () => triggerContext?.state.close();\n  const open = () => triggerContext?.state.open();\n  const [isEntering, setIsEntering] = createSignal(false);\n  const [isExiting, setIsExiting] = createSignal(false);\n  let exitTimeout: ReturnType<typeof setTimeout> | undefined;\n  let enterFrame: number | undefined;\n  let wasOpen = isOpen();\n  let renderedOpen = wasOpen;\n  let shouldRestoreFocusAfterExit = false;\n  const shouldRender = () => {\n    const open = isOpen();\n    if (open) {\n      renderedOpen = true;\n    }\n    return open || renderedOpen || isExiting();\n  };\n  const isEnteringForRender = () => (isOpen() && !wasOpen ? true : isEntering());\n  const usesStaticChildren = () => props.items() == null;\n  const menuClass = (renderProps: MenuRenderProps) =>\n    [s2Menu({ ...renderProps, size: props.menuSize() }), props.class].filter(Boolean).join(\" \");\n  const restoreTriggerFocusAfterExit = () => {\n    const trigger = props.triggerRef();\n    if (!trigger) {\n      return;\n    }\n\n    const restore = () => trigger.focus();\n    if (typeof queueMicrotask === \"function\") {\n      queueMicrotask(restore);\n    } else {\n      Promise.resolve().then(restore);\n    }\n  };\n\n  createEffect(() => {\n    if (exitTimeout) {\n      clearTimeout(exitTimeout);\n      exitTimeout = undefined;\n    }\n\n    if (isOpen()) {\n      wasOpen = true;\n      renderedOpen = true;\n      shouldRestoreFocusAfterExit = false;\n      setIsExiting(false);\n      setIsEntering(true);\n\n      if (typeof document !== \"undefined\") {\n        const markKeyboardFocusRestore = (event: KeyboardEvent) => {\n          if (event.key === \"Escape\") {\n            shouldRestoreFocusAfterExit = true;\n          }\n        };\n        document.addEventListener(\"keydown\", markKeyboardFocusRestore, true);\n        onCleanup(() => {\n          document.removeEventListener(\"keydown\", markKeyboardFocusRestore, true);\n        });\n      }\n\n      if (typeof requestAnimationFrame !== \"undefined\") {\n        if (enterFrame != null) {\n          cancelAnimationFrame(enterFrame);\n        }\n        enterFrame = requestAnimationFrame(() => {\n          enterFrame = undefined;\n          setIsEntering(false);\n        });\n      } else {\n        setTimeout(() => setIsEntering(false), 0);\n      }\n      return;\n    }\n\n    setIsEntering(false);\n    if (!wasOpen && !renderedOpen) {\n      setIsExiting(false);\n      return;\n    }\n\n    wasOpen = false;\n    renderedOpen = false;\n    const activeElement = typeof document !== \"undefined\" ? document.activeElement : null;\n    shouldRestoreFocusAfterExit =\n      shouldRestoreFocusAfterExit ||\n      (typeof Element !== \"undefined\" &&\n        activeElement instanceof Element &&\n        activeElement.closest('[role=\"menu\"]') != null);\n    setIsExiting(true);\n    exitTimeout = setTimeout(() => {\n      const shouldRestoreFocus = shouldRestoreFocusAfterExit;\n      shouldRestoreFocusAfterExit = false;\n      exitTimeout = undefined;\n      setIsExiting(false);\n      if (shouldRestoreFocus) {\n        restoreTriggerFocusAfterExit();\n      }\n    }, ACTION_MENU_POPOVER_TRANSITION_DURATION);\n  });\n\n  onCleanup(() => {\n    if (exitTimeout) {\n      clearTimeout(exitTimeout);\n    }\n    if (enterFrame != null && typeof cancelAnimationFrame !== \"undefined\") {\n      cancelAnimationFrame(enterFrame);\n    }\n  });\n\n  return (\n    <HeadlessPopover\n      trigger=\"MenuTrigger\"\n      triggerRef={props.triggerRef}\n      isOpen={shouldRender()}\n      onOpenChange={(openState) => {\n        if (openState) {\n          open();\n        } else {\n          close();\n        }\n      }}\n      placement={actionMenuPlacement(props.direction(), props.align()) as never}\n      offset={8}\n      shouldFlip={props.shouldFlip()}\n      autoFocus={false}\n      isEntering={isEnteringForRender()}\n      isExiting={isExiting()}\n      class={(renderProps: PopoverRenderProps) =>\n        menuPopover({\n          ...renderProps,\n          placement: renderProps.placement ?? actionMenuPlacementAxis(props.direction()),\n          colorScheme: theme.colorScheme,\n        })\n      }\n    >\n      <div class={menuFrame}>\n        <MenuSizeContext.Provider value={props.menuSize()}>\n          <MenuLinkOutIconContext.Provider value={props.hideLinkOutIcon()}>\n            <HeaderContext.Provider\n              value={{ styles: () => menuSectionHeader({ size: props.menuSize() }) }}\n            >\n              <HeadingContext.Provider\n                value={{\n                  role: \"presentation\",\n                  styles: menuSectionHeading,\n                }}\n              >\n                <TextContext.Provider\n                  value={{\n                    slots: {\n                      default: {\n                        styles: () => menuItemLabel({ size: props.menuSize() }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                      label: {\n                        styles: () => menuItemLabel({ size: props.menuSize() }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                      description: {\n                        styles: () =>\n                          menuItemDescription({\n                            size: props.menuSize(),\n                            isFocused: false,\n                            isDisabled: false,\n                          }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                    },\n                  }}\n                >\n                  <HeadlessMenu\n                    {...props.menuProps()}\n                    items={props.items()}\n                    staticChildren={usesStaticChildren() ? props.staticChildren : undefined}\n                    aria-label={props.triggerLabel()}\n                    class={menuClass}\n                  >\n                    {usesStaticChildren() ? undefined : props.renderMenuItem}\n                  </HeadlessMenu>\n                </TextContext.Provider>\n              </HeadingContext.Provider>\n            </HeaderContext.Provider>\n          </MenuLinkOutIconContext.Provider>\n        </MenuSizeContext.Provider>\n      </div>\n    </HeadlessPopover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,SAASE,YAAYC,OAAyD;CAC5E,MAAM,EAAEI,OAAOC,WAAW,GAAGC,SAASN;CACtC,cAAA;EAAA,IAAAO,OAAAC,eAAAC,QAAA;EAAAC,OAAAH,MAAAI,WAMQL,MAAI,EAAA,SACDD,UAAS,CAAA,GAAA,MAAA,IAAA;EAAAO,mBAAA;EAAA,OAAAL;CAAA,GAAA;AAatB;AAGA,MAAaO,WAAWhB,WAAWC,WAAW;;;;ACoF9C,MAAa,oBAAoB,cAA0D,IAAA;AAE3F,SAAS,kBAAkB,MAAsB;CAC/C,MAAM,WAAW;CAMjB,OAAO,SAAS,SAAS,SAAS,QAAQ,SAAS,aAAa,OAAO,SAAS,MAAM,EAAA;AACxF;AAEA,SAAS,sBAAsB,MAAsB;CAEnD,OAAO,KAAS,aAAa,kBAAkB,IAAA;AACjD;AAEA,SAAS,oBACP,WACA,OACO;CACP,MAAM,oBAAoB,aAAa;CACvC,MAAM,gBAAgB,SAAS;CAE/B,QAAQ,mBAAR;EACE,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,OACH,OAAO,GAAG,kBAAA,GAAqB,kBAAkB,QAAQ,WAAW;EAGtE,SACE,OAAO,GAAG,kBAAA,GAAqB;CACnC;AACF;AAEA,SAAS,wBACP,WACgC;CAChC,IAAI,cAAc,SAChB,OAAO;CAET,IAAI,cAAc,OAChB,OAAO;CAET,OAAO,aAAa;AACtB;AAEA,SAAS,kBACP,GAAG,SACiB;CACpB,MAAM,aAAsC,CAAC;CAE7C,KAAK,MAAM,UAAU,SAAS;EAC5B,IAAI,CAAC,QACH;EAGF,KAAK,MAAM,OAAO,QAChB,IAAI,IAAI,WAAW,OAAA,GACjB,WAAW,OAAO,OAAO;CAG/B;CAEA,OAAO;AACT;AAEA,SAAS,mBAAsD,QAAY;CACzE,MAAM,SAAkC,CAAC;CAEzC,KAAK,MAAM,OAAO,QAChB,IAAI,CAAC,IAAI,WAAW,OAAA,GAClB,OAAO,OAAO,OAAO;CAIzB,OAAO;AACT;;;;AAKA,SAAgB,WAAsC,OAAgC;CACpF,MAAM,eAAe,uBAAuB,WAAW,iBAAA,GAAoB,MAAM,IAAI;CAErF,MAAM,CAAC,OAAO,aAAa,WADZ,aAAW,gBAAgB,CAAC,GAAG,KACR,GAAQ;EAC5C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAA,CACD;CACD,MAAM,kBAAkB,sBAAsB,eAAe,oBAAA;CAC7D,MAAM,qBACJ,MAAM,iBAAiB,MAAM,SAAS,gBAAA,EAAkB,OAAO,kBAAA;CACjE,MAAM,aAA+B,MAAM,QAAQ;CACnD,MAAM,iBAAqC,MAAM,YAAY;CAC7D,MAAM,cAAc,MAAM;CAC1B,MAAM,8BACJ,kBACE,cACA,KAA+B;CAEnC,MAAM,sBACJ,mBAAmB,SAAmC;CAIxD,MAAM,CAAC,gBAAgB,qBAAqB,aAAuC,IAAA;CACnF,IAAI,eAAe;CACnB,mBAAa;EACX,MAAM,UAAU,eAAA;EAChB,IAAI,CAAC,gBAAgB,MAAM,aAAa,SAAS;GAC/C,eAAe;GACf,QAAQ,MAAK;EACf;CACF,CAAA;CACA,MAAM,mBAAmB;EACvB,MAAM;EACN,QAAQ,eAAe;GACrB,MAAM;GACN,cAAQ;EAIV,CAAA;EACA,QAAM;CAKR;CACA,MAAM,kBAAkB,iBAAoE;EAC1F,WAAW,YAAY,aAAa,YAAY;EAChD,WAAW,YAAY;EACvB,WAAW,YAAY;EACvB,gBAAgB,YAAY;EAC5B,YAAY,YAAY;CAC1B;CACA,MAAM,sBAAsB,gBAC1B,CACE,MAAM,kBACN,YACE,eAAe;EACb,GAAG,eAAe,WAAA;EAClB,MAAM,KAAA;EACN,SAAS,MAAM;EACf,eAAe;EACf,SAAS;EACT,aAAa;EACb,WAAW;CACb,CAAA,GACA,mBAAmB,cAAc,QAAQ,MAAM,MAAM,CAAA,CAAA,EAGtD,OAAO,OAAA,EACP,KAAK,GAAA;CACV,MAAM,kBAAkB,gBACtB,WAAW,sBAAgB;EACzB,OAAO,wBAAwB,cAAc,cAAc,MAAM,YAAY,KAAK,CAAC;CACrF,CAAA,EAAG,WAAA;CACL,MAAM,kBAAkB,SAAc;EACpC,IAAI,OAAO,MAAM,aAAa,YAC5B,OAAO,MAAM,SAAS,IAAA;EAGxB,MAAM,WAAW;EAgBjB,MAAM,QAAQ,kBAAkB,IAAA;EAChC,MAAM,YAAY,sBAAsB,IAAA;EACxC,MAAM,UACJ,OAAO,UAAU,WAAW,aACxB,UAAU,OAAO,IAAA,IAChB,SAAS,MAAM,SAAS,OAAO;EACtC,MAAM,oBAAoB,SAAS;EACnC,MAAM,iBAAiB,SAAS,YAAY,SAAS;EAQrD,OAAA,gBACG,YAAA;GACC,IAAI;GACO;GAAA,IACX,aAAA;IAAA,OAAY,SAAS;GAAU;GAAA,IAC/B,OAAA;IAAA,OAAM,SAAS;GAAI;GAAA,IACnB,SAAA;IAAA,OAAQ,SAAS;GAAM;GAAA,IACvB,MAAA;IAAA,OAAK,SAAS;GAAG;GAAA,IACjB,WAAA;IAAA,OAAU,SAAS;GAAQ;GAC3B,MAfF,OAAO,SAAS,SAAS,aACpB,SAAS,OACV,SAAS,QAAQ,aACT,SAAS,OACf,KAAA;GAWE,gBAEL;IAAA,gBAEI,MAAA;KAAK,MAAA;KAAA,UAAc;IAAA,CAAA;IAAA,WACnB,WAAA,CAAA,CAAA,YAAA,CAAA,EAAA,IAAA,gBAAiB,MAAA;KAAK,MAAA;KAAA,IAAA,WAAA;MAAA,OAAoB,YAAA;KAAA;IAAA,CAAA,IAAwB,IAAA;IAAA,WAClE,WAAA,CAAA,CAAA,SAAA,CAAA,EAAA,IAAA,gBAAc,UAAA,EAAA,IAAA,WAAA;KAAA,OAAU,SAAA;IAAA,EAAA,CAAA,IAAyB,IAAA;GAAA;EAEtD,CAAA;CAGN;CAiBA,OAAA,gBACG,aAAA,WAAwB;EAfzB,IAAI,SAAS;GACX,OAAO,MAAM;EACf;EACA,IAAI,cAAc;GAChB,OAAO,MAAM;EACf;EACA,IAAI,eAAe;GACjB,OAAO,MAAM;EACf;EACA,IAAI,aAAa;GACf,OAAO,MAAM;EACf;CAIyB,GAAY,EAAA,IAAA,WAAA;EAAA,OAAA,CAAA,gBAClC,YAAA,WACK,uBAAA;GAAA,IACJ,KAAA;IAAA,OAAI,MAAM;GAAE;GAAA,KAAA,gBAAA;IAAA,OACA,aAAA;GAAA;GAAA,KAAA,qBAAA;IAAA,OACK,MAAM;GAAkB;GAAA,KAAA,sBAAA;IAAA,OACvB,MAAM;GAAmB;GAAA,KAAA,kBAAA;IAAA,OAC7B,MAAM;GAAe;GAAA,IACnC,YAAA;IAAA,OAAW,MAAM;GAAS;GAAA,IAC1B,aAAA;IAAA,OAAY,MAAM;GAAU;GAAA,MACtB,YAAA;IACJ,kBAAkB,OAAA;IAClB,iBAAiB,cAAc,KAAK,MAAM,GAAG,EAAE,OAAA;GACjD;GAAA,SACO;GACP,OAAO;GAAA,KAAA,eAAA;IAAA,OACI,KAAA;GAAA;GAAA,KAAA,gBAAA;IAAA,OACC,MAAM,UAAU,SAAS,KAAA;GAAA;GAAA,KAAA,4BAAA;IAAA,OACb,MAAM,SAAS;GAAA;GAAA,KAAA,gCAAA;IAAA,OACX,MAAM,aAAa;GAAA;GAAA,KAAA,kCAAA;IAAA,OACjB,MAAM,eAAe,QAAQ,UAAU,KAAA;GAAA;GAAA,IAAA,WAAA;IAAA,OAAA,gBAEpE,YAAY,UAAA;KAAS,OAAO;KAAA,IAAA,WAAA;MAAA,OAAA,gBAC1B,UAAA,CAAA,CAAA;KAAA;IAAA,CAAA;GAAA;EAAA,CAAA,CAAA,GAAA,gBAGJ,mBAAA;GACC,WAAW;GACJ;GACP,sBAAsB,MAAM;GACZ;GACN;GACV,uBAAuB,MAAM,mBAAmB;GAClC;GACd,YAAY;GAAA,KAAA,WAAA;IAAA,OACL,MAAM;GAAK;GAClB,aAAa,MAAM;GACnB,iBAAiB,MAAM;GACvB,kBAAkB,MAAM;EAAU,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAI1C;AAiBA,MAAM,0CAA0C;AAEhD,SAAS,kBAAoC,OAAuC;CAClF,MAAM,QAAQ,SAAA;CACd,MAAM,iBAAiB,WAAW,kBAAA;CAClC,MAAM,eAAe,gBAAgB,MAAM,OAAA,KAAY;CACvD,MAAM,cAAc,gBAAgB,MAAM,MAAA;CAC1C,MAAM,aAAa,gBAAgB,MAAM,KAAA;CACzC,MAAM,CAAC,YAAY,iBAAiB,aAAa,KAAA;CACjD,MAAM,CAAC,WAAW,gBAAgB,aAAa,KAAA;CAC/C,IAAI;CACJ,IAAI;CACJ,IAAI,UAAU,OAAA;CACd,IAAI,eAAe;CACnB,IAAI,8BAA8B;CAClC,MAAM,qBAAe;EACnB,MAAM,OAAO,OAAA;EACb,IAAI,MACF,eAAe;EAEjB,OAAO,QAAQ,gBAAgB,UAAA;CACjC;CACA,MAAM,4BAA6B,OAAA,KAAY,CAAC,UAAU,OAAO,WAAA;CACjE,MAAM,2BAA2B,MAAM,MAAK,KAAM;CAClD,MAAM,aAAa,gBACjB,CAAC,KAAO;EAAE,GAAG;EAAa,MAAM,MAAM,SAAQ;CAAG,CAAA,GAAI,MAAM,KAAK,EAAE,OAAO,OAAA,EAAS,KAAK,GAAA;CACzF,MAAM,qCAA+B;EACnC,MAAM,UAAU,MAAM,WAAU;EAChC,IAAI,CAAC,SACH;EAGF,MAAM,gBAAgB,QAAQ,MAAK;EACnC,IAAI,OAAO,mBAAmB,YAC5B,eAAe,OAAA;OAEf,QAAQ,QAAO,EAAG,KAAK,OAAA;CAE3B;CAEA,mBAAa;EACX,IAAI,aAAa;GACf,aAAa,WAAA;GACb,cAAc,KAAA;EAChB;EAEA,IAAI,OAAA,GAAU;GACZ,UAAU;GACV,eAAe;GACf,8BAA8B;GAC9B,aAAa,KAAA;GACb,cAAc,IAAA;GAEd,IAAI,OAAO,aAAa,aAAa;IACnC,MAAM,4BAA4B,UAAO;KACvC,IAAI,MAAM,QAAQ,UAChB,8BAA8B;IAElC;IACA,SAAS,iBAAiB,WAAW,0BAA0B,IAAA;IAC/D,gBAAU;KACR,SAAS,oBAAoB,WAAW,0BAA0B,IAAA;IACpE,CAAA;GACF;GAEA,IAAI,OAAO,0BAA0B,aAAa;IAChD,IAAI,cAAc,MAChB,qBAAqB,UAAA;IAEvB,aAAa,4BAAsB;KACjC,aAAa,KAAA;KACb,cAAc,KAAA;IAChB,CAAA;GACF,OACE,iBAAiB,cAAc,KAAA,GAAQ,CAAA;GAEzC;EACF;EAEA,cAAc,KAAA;EACd,IAAI,CAAC,WAAW,CAAC,cAAc;GAC7B,aAAa,KAAA;GACb;EACF;EAEA,UAAU;EACV,eAAe;EACf,MAAM,gBAAgB,OAAO,aAAa,cAAc,SAAS,gBAAgB;EACjF,8BACE,+BACC,OAAO,YAAY,eAClB,yBAAyB,WACzB,cAAc,QAAQ,iBAAA,KAAoB;EAC9C,aAAa,IAAA;EACb,cAAc,iBAAW;GACvB,MAAM,qBAAqB;GAC3B,8BAA8B;GAC9B,cAAc,KAAA;GACd,aAAa,KAAA;GACb,IAAI,oBACF,6BAAA;EAEJ,GAAG,uCAAA;CACL,CAAA;CAEA,gBAAU;EACR,IAAI,aACF,aAAa,WAAA;EAEf,IAAI,cAAc,QAAQ,OAAO,yBAAyB,aACxD,qBAAqB,UAAA;CAEzB,CAAA;CAEA,OAAA,gBACG,SAAA;EACC,SAAA;EAAA,IACA,aAAA;GAAA,OAAY,MAAM;EAAU;EAAA,IAC5B,SAAA;GAAA,OAAQ,aAAA;EAAA;EACR,eAAe,cAAA;GACb,IAAI,WACF,KAAA;QAEA,MAAA;EAEJ;EAAA,IACA,YAAA;GAAA,OAAW,oBAAoB,MAAM,UAAS,GAAI,MAAM,MAAK,CAAA;EAAY;EACzE,QAAQ;EAAA,IACR,aAAA;GAAA,OAAY,MAAM,WAAU;EAAA;EAC5B,WAAW;EAAA,IACX,aAAA;GAAA,OAAY,oBAAA;EAAA;EAAA,IACZ,YAAA;GAAA,OAAW,UAAA;EAAA;EAAA,UACH,gBACN,YAAY;GACV,GAAG;GACH,WAAW,YAAY,aAAa,wBAAwB,MAAM,UAAS,CAAA;GAC3E,aAAa,MAAM;EACrB,CAAA;EAAA,IAAA,WAAA;GAAA,IAAA,OAAA,eAAA,MAAA;GAAA,UAAA,MAGU,SAAA;GAAA,OAAA,MAAA,gBACT,gBAAgB,UAAA;IAAA,IAAS,QAAA;KAAA,OAAO,MAAM,SAAQ;IAAA;IAAA,IAAA,WAAA;KAAA,OAAA,gBAC5C,uBAAuB,UAAA;MAAA,IAAS,QAAA;OAAA,OAAO,MAAM,gBAAe;MAAA;MAAA,IAAA,WAAA;OAAA,OAAA,gBAC1D,cAAc,UAAA;QACb,OAAO,EAAE,cAAc,kBAAkB,EAAE,MAAM,MAAM,SAAQ,EAAG,CAAA,EAAG;QAAA,IAAA,WAAA;SAAA,OAAA,gBAEpE,eAAe,UAAA;UACd,OAAO;WACL,MAAM;WACN,QAAQ;UACV;UAAA,IAAA,WAAA;WAAA,OAAA,gBAEC,YAAY,UAAA;YACX,OAAO,EACL,OAAO;aACL,SAAS;cACP,cAAc,cAAc,EAAE,MAAM,MAAM,SAAQ,EAAG,CAAA;cACrD,iBAAiB;aACnB;aACA,OAAO;cACL,cAAc,cAAc,EAAE,MAAM,MAAM,SAAQ,EAAG,CAAA;cACrD,iBAAiB;aACnB;aACA,aAAa;cACX,cACE,oBAAoB;eAClB,MAAM,MAAM,SAAQ;eACpB,WAAW;eACX,YAAY;cACd,CAAA;cACF,iBAAiB;aACnB;YACF,EACF;YAAA,IAAA,WAAA;aAAA,OAAA,gBAEC,MAAA,iBACK,MAAM,UAAS,GAAE;cAAA,IACrB,QAAA;eAAA,OAAO,MAAM,MAAK;cAAA;cAAA,IAClB,iBAAA;eAAA,OAAgB,WAAA,CAAA,CAAA,mBAAA,CAAA,EAAA,IAAuB,MAAM,iBAAiB,KAAA;cAAA;cAAA,KAAA,gBAAA;eAAA,OAClD,MAAM,aAAY;cAAA;cAAA,SACvB;cAAA,IAAA,WAAA;eAAA,OAEN,WAAA,CAAA,CAAA,mBAAA,CAAA,EAAA,IAAuB,KAAA,IAAY,MAAM;cAAc;aAAA,CAAA,CAAA;YAAA;WAAA,CAAA;UAAA;SAAA,CAAA;QAAA;OAAA,CAAA;MAAA;KAAA,CAAA;IAAA;GAAA,CAAA,CAAA;GAAA,OAAA;EAAA;CAAA,CAAA;AAU5E"}
+{"version":3,"file":"ActionMenu.js","names":["xmlns=\"http://www.w3.org/2000/svg\"","width=\"20\"","height=\"20\"","viewBox=\"0 0 20 20\"","<svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={local.class}\n    >\n      <circle\n        cx=\"10\"\n        cy=\"10.021\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n      <path\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        d=\"M10 8.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5\"\n      />\n      <circle\n        cx=\"4\"\n        cy=\"10.021\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n      <circle\n        cx=\"4\"\n        cy=\"10\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n      <circle\n        cx=\"16\"\n        cy=\"10.021\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n      <circle\n        cx=\"16\"\n        cy=\"10\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n    </svg>"],"sources":["../../src/icon/s2wf-icons/MoreIcon.tsx","../../src/menu/ActionMenu.tsx"],"sourcesContent":["/*\n * Auto-generated from the pinned @react-spectrum/s2 icon inventory.\n * Do not edit by hand.\n */\n// Generator input: @react-spectrum/s2@1.7.0/icons/More.mjs\n// Generator input: @react-spectrum/s2@1.7.0/icons/More.cjs\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createIcon } from \"../spectrum-icon\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nfunction MoreIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={local.class}\n    >\n      <circle\n        cx=\"10\"\n        cy=\"10.021\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n      <path\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        d=\"M10 8.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5\"\n      />\n      <circle\n        cx=\"4\"\n        cy=\"10.021\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n      <circle\n        cx=\"4\"\n        cy=\"10\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n      <circle\n        cx=\"16\"\n        cy=\"10.021\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n      <circle\n        cx=\"16\"\n        cy=\"10\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n    </svg>\n  );\n}\n\nexport type MoreIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const MoreIcon = createIcon(MoreIconSvg);\nexport default MoreIcon;\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ActionMenu.tsx\n\n// Port of packages/@react-spectrum/s2/src/ActionMenu.tsx.\nimport {\n  createContext,\n  createEffect,\n  createSignal,\n  useContext,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  MenuTrigger as HeadlessMenuTrigger,\n  Button as HeadlessButton,\n  Menu as HeadlessMenu,\n  type MenuProps as HeadlessMenuProps,\n  type MenuTriggerProps as HeadlessMenuTriggerProps,\n  type MenuRenderProps,\n  type ButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { mergeProps, createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport MoreIcon from \"../icon/s2wf-icons/MoreIcon\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { s2IntlStrings } from \"../intl\";\nimport { HeaderContext, HeadingContext, Keyboard, Text, TextContext } from \"../text\";\nimport { pressScale } from \"../pressScale\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { s2ActionButton, type S2ActionButtonRenderState } from \"../button/s2-action-button-styles\";\nimport type { ActionButtonSize } from \"../button/group-context\";\nimport {\n  menu as s2Menu,\n  menuFrame,\n  menuItemDescription,\n  menuItemLabel,\n  menuSectionHeader,\n  menuSectionHeading,\n} from \"./s2-menu-styles\";\nimport { MenuLinkOutIconContext, MenuSizeContext } from \"./menu-context\";\nimport { MenuItem } from \"./index\";\nimport { Popover } from \"../popover\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type ActionMenuMenuSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type ActionMenuAlign = \"start\" | \"end\";\nexport type ActionMenuDirection = \"top\" | \"bottom\" | \"start\" | \"end\" | \"left\" | \"right\";\n\nexport interface ActionMenuProps<T> extends Omit<\n  HeadlessMenuProps<T>,\n  \"class\" | \"style\" | \"children\" | \"items\" | \"ref\" | \"slot\"\n> {\n  /** Item objects in the collection. */\n  items?: HeadlessMenuProps<T>[\"items\"];\n  /** The contents of the collection. */\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  /** Additional CSS class name for the menu. Legacy alias. */\n  class?: string;\n  /** Accessible label for the trigger button. Legacy alias. */\n  label?: string;\n  /** Whether the button should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Whether the trigger is disabled. */\n  isDisabled?: boolean;\n  /** The size of the ActionButton. @default 'M' */\n  size?: ActionButtonSize;\n  /** The size of the Menu. @default 'M' */\n  menuSize?: ActionMenuMenuSize;\n  /** Hides the default link out icons on menu items that open links in a new tab. */\n  hideLinkOutIcon?: boolean;\n  /** Alignment of the menu relative to the trigger. @default 'start' */\n  align?: ActionMenuAlign;\n  /** Where the Menu opens relative to its trigger. @default 'bottom' */\n  direction?: ActionMenuDirection;\n  /** Whether the menu should automatically flip direction when space is limited. */\n  shouldFlip?: boolean;\n  /** Whether the overlay is open by default. */\n  defaultOpen?: boolean;\n  /** Whether the overlay is open, controlled. */\n  isOpen?: boolean;\n  /** Handler called when the overlay open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether the trigger should receive focus on render. */\n  autoFocus?: boolean;\n  /** Spectrum-defined generated classes for the trigger button. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name for the trigger button. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles for the trigger button. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Identifies the trigger element. */\n  id?: string;\n  /** Accessible label for the trigger button. */\n  \"aria-label\"?: string;\n  /** Identifies the element that labels the trigger button. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element that describes the trigger button. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element that provides details for the trigger button. */\n  \"aria-details\"?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLButtonElement>;\n  [key: `data-${string}`]: string | undefined;\n}\n\nexport const ActionMenuContext = createContext<SpectrumContextValue<ActionMenuProps<any>>>(null);\n\nfunction fallbackItemLabel(item: unknown): string {\n  const menuItem = item as {\n    id?: string | number;\n    label?: string;\n    name?: string;\n    textValue?: string;\n  };\n  return menuItem.label ?? menuItem.name ?? menuItem.textValue ?? String(menuItem.id ?? \"\");\n}\n\nfunction fallbackItemTextValue(item: unknown): string {\n  const menuItem = item as { textValue?: string };\n  return menuItem.textValue ?? fallbackItemLabel(item);\n}\n\nfunction actionMenuPlacement(\n  direction: ActionMenuDirection | undefined,\n  align: ActionMenuAlign | undefined,\n): string {\n  const resolvedDirection = direction ?? \"bottom\";\n  const resolvedAlign = align ?? \"start\";\n\n  switch (resolvedDirection) {\n    case \"left\":\n    case \"right\":\n    case \"start\":\n    case \"end\":\n      return `${resolvedDirection} ${resolvedAlign === \"end\" ? \"bottom\" : \"top\"}`;\n    case \"bottom\":\n    case \"top\":\n    default:\n      return `${resolvedDirection} ${resolvedAlign}`;\n  }\n}\n\nfunction getDataAttributes(\n  ...sources: Array<Record<string, unknown> | null | undefined>\n): Record<string, unknown> {\n  const attributes: Record<string, unknown> = {};\n\n  for (const source of sources) {\n    if (!source) {\n      continue;\n    }\n\n    for (const key in source) {\n      if (key.startsWith(\"data-\")) {\n        attributes[key] = source[key];\n      }\n    }\n  }\n\n  return attributes;\n}\n\nfunction omitDataAttributes<T extends Record<string, unknown>>(source: T): T {\n  const result: Record<string, unknown> = {};\n\n  for (const key in source) {\n    if (!key.startsWith(\"data-\")) {\n      result[key] = source[key];\n    }\n  }\n\n  return result as T;\n}\n\n/**\n * ActionMenu combines an ActionButton with a Menu for simple \"more actions\" use cases.\n */\nexport function ActionMenu<T extends object = object>(props: ActionMenuProps<T>): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(ActionMenuContext), props.slot);\n  const merged = mergeProps<ActionMenuProps<T>>(contextProps ?? {}, props);\n  const [local, menuProps] = splitProps(merged, [\n    \"label\",\n    \"isQuiet\",\n    \"isDisabled\",\n    \"align\",\n    \"direction\",\n    \"shouldFlip\",\n    \"class\",\n    \"size\",\n    \"menuSize\",\n    \"hideLinkOutIcon\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"ref\",\n    \"slot\",\n    \"isOpen\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"autoFocus\",\n    \"id\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n    \"aria-details\",\n    \"items\",\n  ] as const);\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const triggerLabel = () =>\n    local[\"aria-label\"] ?? local.label ?? stringFormatter().format(\"menu.moreActions\");\n  const size = (): ActionButtonSize => local.size ?? \"M\";\n  const menuSize = (): ActionMenuMenuSize => local.menuSize ?? \"M\";\n  const items = () => local.items as HeadlessMenuProps<T>[\"items\"] | undefined;\n  const triggerDataAttributes = () =>\n    getDataAttributes(\n      contextProps as Record<string, unknown> | null,\n      props as Record<string, unknown>,\n    );\n  const menuOnlyProps = () =>\n    omitDataAttributes(menuProps as Record<string, unknown>) as Omit<\n      HeadlessMenuProps<T>,\n      \"children\" | \"items\"\n    >;\n  const [triggerElement, setTriggerElement] = createSignal<HTMLButtonElement | null>(null);\n  const [isMenuOpen, setMenuOpen] = createSignal(Boolean(local.defaultOpen ?? local.isOpen));\n  createTrackedEffect(() => {\n    if (local.isOpen !== undefined) {\n      setMenuOpen(Boolean(local.isOpen));\n    }\n  });\n  let didAutoFocus = false;\n  createTrackedEffect(() => {\n    const trigger = triggerElement();\n    if (!didAutoFocus && local.autoFocus && trigger) {\n      didAutoFocus = true;\n      trigger.focus();\n    }\n  });\n  createTrackedEffect(() => {\n    const trigger = triggerElement();\n    if (!trigger) {\n      return;\n    }\n\n    trigger.setAttribute(\"data-size\", size());\n    if (local.isQuiet) {\n      trigger.setAttribute(\"data-quiet\", \"true\");\n    } else {\n      trigger.removeAttribute(\"data-quiet\");\n    }\n    trigger.setAttribute(\"data-action-menu-align\", local.align ?? \"start\");\n    trigger.setAttribute(\"data-action-menu-direction\", local.direction ?? \"bottom\");\n    if (local.shouldFlip === false) {\n      trigger.setAttribute(\"data-action-menu-should-flip\", \"false\");\n    } else {\n      trigger.removeAttribute(\"data-action-menu-should-flip\");\n    }\n    for (const [key, value] of Object.entries(triggerDataAttributes())) {\n      if (value == null || value === false) {\n        trigger.removeAttribute(key);\n      } else {\n        trigger.setAttribute(key, String(value));\n      }\n    }\n  });\n  const iconContextValue = {\n    slot: \"icon\",\n    render: centerBaseline({\n      slot: \"icon\",\n      styles: () =>\n        style({\n          gridArea: \"icon\",\n        }),\n    }),\n    styles: style({\n      size: \"1lh\",\n      marginStart: \"--iconMargin\",\n      flexShrink: 0,\n    }),\n  };\n  const getButtonState = (renderProps: ButtonRenderProps): S2ActionButtonRenderState => ({\n    isHovered: renderProps.isHovered || isMenuOpen(),\n    isPressed: renderProps.isPressed,\n    isFocused: renderProps.isFocused,\n    isFocusVisible: renderProps.isFocusVisible,\n    isDisabled: renderProps.isDisabled,\n  });\n  const getButtonClassName = (renderProps: ButtonRenderProps) =>\n    [\n      local.UNSAFE_className,\n      mergeStyles(\n        s2ActionButton({\n          ...getButtonState(renderProps),\n          size: size(),\n          isQuiet: local.isQuiet,\n          isStaticColor: false,\n          density: \"regular\",\n          orientation: \"horizontal\",\n          isInGroup: false,\n        }),\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const getButtonStyle = (renderProps: ButtonRenderProps) =>\n    pressScale(triggerElement, () => {\n      return mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style) ?? {};\n    })(renderProps);\n  const renderMenuItem = (item: T): JSX.Element => {\n    if (typeof local.children === \"function\") {\n      return local.children(item);\n    }\n\n    const itemData = item as {\n      id?: Key;\n      key?: Key;\n      label?: string;\n      name?: string;\n      textValue?: string;\n      description?: JSX.Element;\n      shortcut?: JSX.Element;\n      keyboardShortcut?: JSX.Element;\n      icon?: JSX.Element | (() => JSX.Element);\n      isDisabled?: boolean;\n      href?: string;\n      target?: string;\n      rel?: string;\n      download?: boolean | string;\n    };\n    const label = fallbackItemLabel(item);\n    const textValue = fallbackItemTextValue(item);\n    const itemKey =\n      typeof menuProps.getKey === \"function\"\n        ? menuProps.getKey(item)\n        : (itemData.id ?? itemData.key ?? label);\n    const description = () => itemData.description;\n    const shortcut = () => itemData.shortcut ?? itemData.keyboardShortcut;\n    const iconRenderer =\n      typeof itemData.icon === \"function\"\n        ? (itemData.icon as () => JSX.Element)\n        : itemData.icon != null\n          ? () => itemData.icon as JSX.Element\n          : undefined;\n\n    return (\n      <MenuItem\n        id={itemKey}\n        textValue={textValue}\n        isDisabled={itemData.isDisabled}\n        href={itemData.href}\n        target={itemData.target}\n        rel={itemData.rel}\n        download={itemData.download}\n        icon={iconRenderer}\n      >\n        {() => (\n          <>\n            <Text slot=\"label\">{label}</Text>\n            {description() ? <Text slot=\"description\">{description()}</Text> : null}\n            {shortcut() ? <Keyboard>{shortcut()}</Keyboard> : null}\n          </>\n        )}\n      </MenuItem>\n    );\n  };\n\n  const triggerProps: Partial<HeadlessMenuTriggerProps> = {\n    get isOpen() {\n      return local.isOpen;\n    },\n    get defaultOpen() {\n      return local.defaultOpen;\n    },\n    onOpenChange(isOpen: boolean) {\n      setMenuOpen(isOpen);\n      local.onOpenChange?.(isOpen);\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n  };\n\n  return (\n    <HeadlessMenuTrigger {...triggerProps}>\n      <HeadlessButton\n        {...triggerDataAttributes()}\n        id={local.id}\n        aria-label={triggerLabel()}\n        aria-labelledby={local[\"aria-labelledby\"]}\n        aria-describedby={local[\"aria-describedby\"]}\n        aria-details={local[\"aria-details\"]}\n        autoFocus={local.autoFocus}\n        isDisabled={local.isDisabled}\n        ref={(element) => {\n          setTriggerElement(element);\n          mergeContextRefs(contextProps?.ref, props.ref)(element);\n        }}\n        class={getButtonClassName}\n        style={getButtonStyle}\n        data-size={size()}\n        data-quiet={local.isQuiet ? \"true\" : undefined}\n        data-action-menu-align={local.align ?? \"start\"}\n        data-action-menu-direction={local.direction ?? \"bottom\"}\n        data-action-menu-should-flip={local.shouldFlip === false ? \"false\" : undefined}\n      >\n        <IconContext value={iconContextValue}>\n          <MoreIcon />\n        </IconContext>\n      </HeadlessButton>\n      <ActionMenuPopover\n        menuProps={menuOnlyProps}\n        items={items}\n        staticChildren={() => local.children as JSX.Element | undefined}\n        renderMenuItem={renderMenuItem}\n        menuSize={menuSize}\n        hideLinkOutIcon={() => local.hideLinkOutIcon ?? false}\n        triggerLabel={triggerLabel}\n        triggerRef={triggerElement}\n        class={local.class}\n        align={() => local.align}\n        direction={() => local.direction}\n        shouldFlip={() => local.shouldFlip}\n      />\n    </HeadlessMenuTrigger>\n  );\n}\n\ninterface ActionMenuPopoverProps<T extends object> {\n  menuProps: () => Omit<HeadlessMenuProps<T>, \"children\" | \"items\">;\n  items: () => HeadlessMenuProps<T>[\"items\"] | undefined;\n  staticChildren: () => JSX.Element | undefined;\n  renderMenuItem: (item: T) => JSX.Element;\n  menuSize: () => ActionMenuMenuSize;\n  hideLinkOutIcon: () => boolean;\n  triggerLabel: () => string;\n  triggerRef: () => HTMLButtonElement | null;\n  class?: string;\n  align: () => ActionMenuAlign | undefined;\n  direction: () => ActionMenuDirection | undefined;\n  shouldFlip: () => boolean | undefined;\n}\n\nfunction ActionMenuPopover<T extends object>(props: ActionMenuPopoverProps<T>): JSX.Element {\n  const usesStaticChildren = () => props.items() == null;\n  const menuClass = (renderProps: MenuRenderProps) =>\n    [s2Menu({ ...renderProps, size: props.menuSize() }), props.class].filter(Boolean).join(\" \");\n\n  return (\n    <Popover\n      hideArrow\n      padding=\"none\"\n      trigger=\"MenuTrigger\"\n      triggerRef={props.triggerRef}\n      placement={actionMenuPlacement(props.direction(), props.align()) as never}\n      offset={8}\n      shouldFlip={props.shouldFlip()}\n      autoFocus={false}\n    >\n      <div class={menuFrame}>\n        <MenuSizeContext value={props.menuSize()}>\n          <MenuLinkOutIconContext value={props.hideLinkOutIcon()}>\n            <HeaderContext value={{ styles: () => menuSectionHeader({ size: props.menuSize() }) }}>\n              <HeadingContext\n                value={{\n                  role: \"presentation\",\n                  styles: menuSectionHeading,\n                }}\n              >\n                <TextContext\n                  value={{\n                    slots: {\n                      default: {\n                        styles: () => menuItemLabel({ size: props.menuSize() }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                      label: {\n                        styles: () => menuItemLabel({ size: props.menuSize() }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                      description: {\n                        styles: () =>\n                          menuItemDescription({\n                            size: props.menuSize(),\n                            isFocused: false,\n                            isDisabled: false,\n                          }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                    },\n                  }}\n                >\n                  <HeadlessMenu\n                    {...props.menuProps()}\n                    items={props.items()}\n                    staticChildren={usesStaticChildren() ? props.staticChildren : undefined}\n                    aria-label={props.triggerLabel()}\n                    class={menuClass}\n                  >\n                    {usesStaticChildren() ? undefined : props.renderMenuItem}\n                  </HeadlessMenu>\n                </TextContext>\n              </HeadingContext>\n            </HeaderContext>\n          </MenuLinkOutIconContext>\n        </MenuSizeContext>\n      </div>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,SAAS,YAAY,OAAyD;CAC5E,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO,CAAC,OAAO,CAAC;CAE/C,IAAA,OAAA,eAAA,QA0CK;;EArCH;GAJAA,OAAAA;GACAC,OAAAA;GACAC,QAAAA;GACAC,SAAAA;EACQ;EAAJ;EACJ,EAAA,IAAA,UAAA;GAAO,OAAA,MAAM;EAAK,EAAA;;CANpB,mBA0CK;CA3CP,OACEC;AA4CJ;AAGA,MAAa,WAAW,WAAW,WAAW;;;;ACkE9C,MAAa,oBAAoB,cAA0D,IAAA;AAE3F,SAAS,kBAAkB,MAAsB;CAC/C,MAAM,WAAW;CAMjB,OAAO,SAAS,SAAS,SAAS,QAAQ,SAAS,aAAa,OAAO,SAAS,MAAM,EAAA;AACxF;AAEA,SAAS,sBAAsB,MAAsB;CAEnD,OAAO,KAAS,aAAa,kBAAkB,IAAA;AACjD;AAEA,SAAS,oBACP,WACA,OACO;CACP,MAAM,oBAAoB,aAAa;CACvC,MAAM,gBAAgB,SAAS;CAE/B,QAAQ,mBAAR;EACE,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,OACH,OAAO,GAAG,kBAAkB,GAAG,kBAAkB,QAAQ,WAAW;EAGtE,SACE,OAAO,GAAG,kBAAkB,GAAG;CACnC;AACF;AAEA,SAAS,kBACP,GAAG,SACoB;CACvB,MAAM,aAAsC,CAAC;CAE7C,KAAK,MAAM,UAAU,SAAS;EAC5B,IAAI,CAAC,QACH;EAGF,KAAK,MAAM,OAAO,QAChB,IAAI,IAAI,WAAW,OAAA,GACjB,WAAW,OAAO,OAAO;CAG/B;CAEA,OAAO;AACT;AAEA,SAAS,mBAAsD,QAAY;CACzE,MAAM,SAAkC,CAAC;CAEzC,KAAK,MAAM,OAAO,QAChB,IAAI,CAAC,IAAI,WAAW,OAAA,GAClB,OAAO,OAAO,OAAO;CAIzB,OAAO;AACT;;;GAKA,SAAgB,WAAsC,OAAgC;CACpF,MAAM,eAAe,uBAAuB,WAAW,iBAAA,GAAoB,MAAM,IAAI;CACrF,MAAM,SAAS,aAA+B,gBAAgB,CAAC,GAAG,KAAA;CAClE,MAAM,CAAC,OAAO,aAAa,WAAW,QAAQ;EAC5C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CACD,MAAM,kBAAkB,sBAAsB,eAAe,oBAAA;CAC7D,MAAM,qBACJ,MAAM,iBAAiB,MAAM,SAAS,gBAAA,CAAA,CAAkB,OAAO,kBAAA;CACjE,MAAM,aAA+B,MAAM,QAAQ;CACnD,MAAM,iBAAqC,MAAM,YAAY;CAC7D,MAAM,cAAc,MAAM;CAC1B,MAAM,8BACJ,kBACE,cACA,KAA+B;CAEnC,MAAM,sBACJ,mBAAmB,SAAmC;CAIxD,MAAM,CAAC,gBAAgB,qBAAqB,aAAuC,IAAA;CACnF,MAAM,CAAC,YAAY,eAAe,aAAa,QAAQ,MAAM,eAAe,MAAM,MAAM,CAAA;CACxF,0BAAoB;EAClB,IAAI,MAAM,WAAW,KAAA,GACnB,YAAY,QAAQ,MAAM,MAAM,CAAA;CAEpC,CAAA;CACA,IAAI,eAAe;CACnB,0BAAoB;EAClB,MAAM,UAAU,eAAA;EAChB,IAAI,CAAC,gBAAgB,MAAM,aAAa,SAAS;GAC/C,eAAe;GACf,QAAQ,MAAK;EACf;CACF,CAAA;CACA,0BAAoB;EAClB,MAAM,UAAU,eAAA;EAChB,IAAI,CAAC,SACH;EAGF,QAAQ,aAAa,aAAa,KAAA,CAAA;EAClC,IAAI,MAAM,SACR,QAAQ,aAAa,cAAc,MAAA;OAEnC,QAAQ,gBAAgB,YAAA;EAE1B,QAAQ,aAAa,0BAA0B,MAAM,SAAS,OAAA;EAC9D,QAAQ,aAAa,8BAA8B,MAAM,aAAa,QAAA;EACtE,IAAI,MAAM,eAAe,OACvB,QAAQ,aAAa,gCAAgC,OAAA;OAErD,QAAQ,gBAAgB,8BAAA;EAE1B,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,sBAAA,CAAA,GACxC,IAAI,SAAS,QAAQ,UAAU,OAC7B,QAAQ,gBAAgB,GAAA;OAExB,QAAQ,aAAa,KAAK,OAAO,KAAA,CAAA;CAGvC,CAAA;CACA,MAAM,mBAAmB;EACvB,MAAM;EACN,QAAQ,eAAe;GACrB,MAAM;GACN,cAAQ;EAIV,CAAA;EACA,QAAM;CAKR;CACA,MAAM,kBAAkB,iBAA+D;EACrF,WAAW,YAAY,aAAa,WAAA;EACpC,WAAW,YAAY;EACvB,WAAW,YAAY;EACvB,gBAAgB,YAAY;EAC5B,YAAY,YAAY;CAC1B;CACA,MAAM,sBAAsB,gBAC1B,CACE,MAAM,kBACN,YACE,eAAe;EACb,GAAG,eAAe,WAAA;EAClB,MAAM,KAAA;EACN,SAAS,MAAM;EACf,eAAe;EACf,SAAS;EACT,aAAa;EACb,WAAW;CACb,CAAA,GACA,mBAAmB,cAAc,QAAQ,MAAM,MAAM,CAAA,CAExD,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA;CACV,MAAM,kBAAkB,gBACtB,WAAW,sBAAgB;EACzB,OAAO,wBAAwB,cAAc,cAAc,MAAM,YAAY,KAAK,CAAC;CACrF,CAAA,CAAA,CAAG,WAAA;CACL,MAAM,kBAAkB,SAAc;EACpC,IAAI,OAAO,MAAM,aAAa,YAC5B,OAAO,MAAM,SAAS,IAAA;EAGxB,MAAM,WAAW;EAgBjB,MAAM,QAAQ,kBAAkB,IAAA;EAChC,MAAM,YAAY,sBAAsB,IAAA;EACxC,MAAM,UACJ,OAAO,UAAU,WAAW,aACxB,UAAU,OAAO,IAAA,IAChB,SAAS,MAAM,SAAS,OAAO;EACtC,MAAM,oBAAoB,SAAS;EACnC,MAAM,iBAAiB,SAAS,YAAY,SAAS;EACrD,MAAM,eACJ,OAAO,SAAS,SAAS,aACpB,SAAS,OACV,SAAS,QAAQ,aACT,SAAS,OACf,KAAA;EAER,OAAO,gBAAA,YAAA;GAEH,IAAI;GACO;GACX,IAAA,aAAA;IAAY,OAAA,SAAS;GAAU;GAC/B,IAAA,OAAA;IAAM,OAAA,SAAS;GAAI;GACnB,IAAA,SAAA;IAAQ,OAAA,SAAS;GAAM;GACvB,IAAA,MAAA;IAAK,OAAA,SAAS;GAAG;GACjB,IAAA,WAAA;IAAU,OAAA,SAAS;GAAQ;GAC3B,MAAM;GATH,gBAYC;IACA,gBAAA,QAAA;KAAM,MAAK;KAAX,UAAoB;IAAQ,CAAA;IAC5B,WAAA;;MAAC,OAAA,CAAA,CAAA,YAAA;KAAkE,CAAA,CAAK,CAAL,IAAlE,gBAAA,QAAA;MAAsB,MAAK;MAA3B,IAAA,WAAA;OAA0C,OAAA,YAAA;MAAgB;KAAQ,CAAA,IAAA;IAAA,CAAA;IACnE,WAAA;;MAAC,OAAA,CAAA,CAAA,SAAA;KAAiD,CAAA,CAAK,CAAL,IAAjD,gBAAA,UAAA,EAAA,IAAA,WAAA;MAAwB,OAAA,SAAA;KAAa,EAAA,CAAA,IAAY;IAAA,CAAA;GAFlD;EAKJ,CAAA;CAEN;CAkBA,OAAO,gBAAA,aAAA,WACoB;EAhBzB,IAAI,SAAS;GACX,OAAO,MAAM;EACf;EACA,IAAI,cAAc;GAChB,OAAO,MAAM;EACf;EACA,aAAa,QAAe;GAC1B,YAAY,MAAA;GACZ,MAAM,eAAe,MAAA;EACvB;EACA,IAAI,aAAa;GACf,OAAO,MAAM;EACf;CAIyB,GADpB,EAAA,IAAA,WAAA;EACkC,OAAA,CACrC,gBAAA,QAAA,WACM,uBADN;GAEE,IAAA,KAAA;IAAI,OAAA,MAAM;GAAE;GACZ,IAAA,eAAA;IAAY,OAAA,aAAA;GAAA;GACZ,IAAA,oBAAA;IAAiB,OAAA,MAAM;GAAkB;GACzC,IAAA,qBAAA;IAAkB,OAAA,MAAM;GAAmB;GAC3C,IAAA,iBAAA;IAAc,OAAA,MAAM;GAAe;GACnC,IAAA,YAAA;IAAW,OAAA,MAAM;GAAS;GAC1B,IAAA,aAAA;IAAY,OAAA,MAAM;GAAU;GAC5B,MAAM,YAAA;IACJ,kBAAkB,OAAA;IAClB,iBAAiB,cAAc,KAAK,MAAM,GAAG,CAAA,CAAE,OAAA;GACjD;GACA,OAAO;GACP,OAAO;GACP,IAAA,cAAA;IAAW,OAAA,KAAA;GAAA;GACX,IAAA,eAAA;IAAY,OAAA,MAAM,UAAU,SAAS,KAAA;GAAA;GACrC,IAAA,2BAAA;IAAwB,OAAA,MAAM,SAAS;GAAA;GACvC,IAAA,+BAAA;IAA4B,OAAA,MAAM,aAAa;GAAA;GAC/C,IAAA,iCAAA;IAA8B,OAAA,MAAM,eAAe,QAAQ,UAAU,KAAA;GAAA;GAnBvE,IAAA,WAAA;IAqBE,OAAA,gBAAA,aAAA;KAAa,OAAO;KAApB,IAAA,WAAA;MACE,OAAA,gBAAA,UAAA,CAAC,CAAA;KACD;;GACF;EACF,CAAA,CAAA,GAAA,gBAAA,mBAAA;GACE,WAAW;GACJ;GACP,sBAAsB,MAAM;GACZ;GACN;GACV,uBAAuB,MAAM,mBAAmB;GAClC;GACd,YAAY;GACZ,IAAA,UAAA;IAAO,OAAA,MAAM;GAAK;GAClB,aAAa,MAAM;GACnB,iBAAiB,MAAM;GACvB,kBAAkB,MAAM;EAAU,CAAA,CArCpC;CAuCA,EAAA,CAAA,CAAA;AAEN;AAiBA,SAAS,kBAAoC,OAAuC;CAClF,MAAM,2BAA2B,MAAM,MAAK,KAAM;CAClD,MAAM,aAAa,gBACjB,CAAC,KAAO;EAAE,GAAG;EAAa,MAAM,MAAM,SAAQ;CAAG,CAAA,GAAI,MAAM,KAAM,CAAA,CAAC,OAAO,OAAA,CAAA,CAAS,KAAK,GAAA;CAEzF,OAAO,gBAAA,WAAA;EAEH,WAAA;EACA,SAAQ;EACR,SAAQ;EACR,IAAA,aAAA;GAAY,OAAA,MAAM;EAAU;EAC5B,IAAA,YAAA;GAAW,OAAA,oBAAoB,MAAM,UAAS,GAAI,MAAM,MAAK,CAAA;EAAY;EACzE,QAAQ;EACR,IAAA,aAAA;GAAY,OAAA,MAAM,WAAU;EAAA;EAC5B,WAAW;EATR,IAAA,WAAA;GAWH,IAAA,OAAA,eAAA,MA+CE;GA/CF,OAAA,MACE,gBAAA,iBAAA;IAAiB,IAAA,QAAA;KAAO,OAAA,MAAM,SAAQ;IAAA;IAAtC,IAAA,WAAA;KACE,OAAA,gBAAA,wBAAA;MAAwB,IAAA,QAAA;OAAO,OAAA,MAAM,gBAAe;MAAA;MAApD,IAAA,WAAA;OACE,OAAA,gBAAA,eAAA;QAAe,OAAO,EAAE,cAAc,kBAAkB,EAAE,MAAM,MAAM,SAAQ,EAAG,CAAA,EAAG;QAApF,IAAA,WAAA;SACE,OAAA,gBAAA,gBAAA;UACE,OAAO;WACL,MAAM;WACN,QAAQ;UACV;UAJF,IAAA,WAAA;WAME,OAAA,gBAAA,eAAA;YACE,OAAO,EACL,OAAO;aACL,SAAS;cACP,cAAc,cAAc,EAAE,MAAM,MAAM,SAAQ,EAAG,CAAA;cACrD,iBAAiB;aACnB;aACA,OAAO;cACL,cAAc,cAAc,EAAE,MAAM,MAAM,SAAQ,EAAG,CAAA;cACrD,iBAAiB;aACnB;aACA,aAAa;cACX,cACE,oBAAoB;eAClB,MAAM,MAAM,SAAQ;eACpB,WAAW;eACX,YAAY;cACd,CAAA;cACF,iBAAiB;aACnB;YACF,EACF;YArBF,IAAA,WAAA;aAuBE,OAAA,gBAAA,MAAA,iBAAC;cACK,OAAA,MAAM,UAAS;aAAE,GADvB;cAEE,IAAA,QAAA;eAAO,OAAA,MAAM,MAAK;cAAA;cAClB,IAAA,iBAAA;eAAgB,OAAA,WAAA;gBAAA,OAAA,CAAA,CAAA,mBAAA;eAA8C,CAAA,CAAA,CAAA,IAAvB,MAAM,iBAAiB,KAAA;cAAA;cAC9D,IAAA,eAAA;eAAY,OAAA,MAAM,aAAY;cAAA;cAC9B,OAAO;cALT,IAAA,WAAA;eAOE,OAAA,WAAA;gBAAC,OAAA,CAAA,CAAA,mBAAA;eAAuD,CAAA,CAAC,CAAD,IAAhC,KAAA,IAAY,MAAM;cAC1C;;YACF;;UACF;;QACF;;MACF;;IACF;GACF,CAAA,CAAA;GA/CG,aAAA,YAAO,SAAA,IAAP,KAAA,QAAA;IAAO,UAAA,MAAA,KAAA,GAAA;;GAXT,OAWH;EAgDA;;AAEN"}

package/dist/_chunk/ActionMenu.jsx

@@ -1,27 +1,41 @@
+/*
+* Copyright 2024 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ActionMenu.tsx
 import { t as mergeStyles } from "./runtime.jsx";
-import { useTheme } from "../provider/index.jsx";
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "./spectrum-context.jsx";
 import { t as s2ActionButton } from "./s2-action-button-styles.jsx";
 import { t as s2IntlStrings } from "./intl.jsx";
 import { centerBaseline } from "../icon/center-baseline.jsx";
 import { pressScale } from "../pressScale.jsx";
 import { r as createIcon, t as IconContext } from "./spectrum-icon.jsx";
-import { c as TextContext, f as HeadingContext, l as Keyboard, o as HeaderContext, s as Text } from "./text.jsx";
-import { _ as menuSectionHeader, h as menuPopover, n as menuFrame, p as menuItemLabel, s as menuItemDescription, t as menu, v as menuSectionHeading } from "./s2-menu-styles.jsx";
+import { t as Keyboard } from "./Keyboard.jsx";
+import { c as TextContext$1, o as HeaderContext, s as Text$1, u as HeadingContext } from "./text.jsx";
+import { _ as menuSectionHeading, g as menuSectionHeader, n as menuFrame, p as menuItemLabel, s as menuItemDescription, t as menu } from "./s2-menu-styles.jsx";
 import { g as MenuSizeContext, h as MenuLinkOutIconContext, o as MenuItem$1 } from "./menu.jsx";
-import { createContext, createEffect, createSignal, mergeProps, onCleanup, splitProps, useContext } from "solid-js";
-import { createStringFormatter } from "@proyecto-viviana/solidaria";
-import { Menu, MenuButton, MenuTrigger, MenuTriggerContext, Popover } from "@proyecto-viviana/solidaria-components";
+import { Popover as Popover$1 } from "../popover/index.jsx";
+import { createContext, createSignal, createTrackedEffect, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+import { Button, Menu, MenuTrigger } from "@proyecto-viviana/solidaria-components";
+import { createStringFormatter, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
 //#region src/icon/s2wf-icons/MoreIcon.tsx
 function MoreIconSvg(props) {
-	const { class: className, ...rest } = props;
-	return <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" {...rest} class={className}>
-      <circle cx="10" cy="10.02114" r="1.5" fill="var(--iconPrimary, #222)" />
-      <path d="m10,8.5c-.82843,0-1.5.67157-1.5,1.5s.67157,1.5,1.5,1.5,1.5-.67157,1.5-1.5-.67157-1.5-1.5-1.5Z" fill="var(--iconPrimary, #222)" />
-      <circle cx="4" cy="10.02114" r="1.5" fill="var(--iconPrimary, #222)" />
-      <circle cx="4" cy="10" r="1.5" fill="var(--iconPrimary, #222)" />
-      <circle cx="16" cy="10.02114" r="1.5" fill="var(--iconPrimary, #222)" />
-      <circle cx="16" cy="10" r="1.5" fill="var(--iconPrimary, #222)" />
+	const [local, rest] = splitProps(props, ["class"]);
+	return <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" {...rest} class={local.class}>
+      <circle cx="10" cy="10.021" r="1.5" fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))" />
+      <path fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))" d="M10 8.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5" />
+      <circle cx="4" cy="10.021" r="1.5" fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))" />
+      <circle cx="4" cy="10" r="1.5" fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))" />
+      <circle cx="16" cy="10.021" r="1.5" fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))" />
+      <circle cx="16" cy="10" r="1.5" fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))" />
     </svg>;
 }
 const MoreIcon = createIcon(MoreIconSvg);
@@ -46,11 +60,6 @@ function actionMenuPlacement(direction, align) {
 		default: return `${resolvedDirection} ${resolvedAlign}`;
 	}
 }
-function actionMenuPlacementAxis(direction) {
-	if (direction === "start") return "left";
-	if (direction === "end") return "right";
-	return direction ?? "bottom";
-}
 function getDataAttributes(...sources) {
 	const attributes = {};
 	for (const source of sources) {
@@ -68,7 +77,8 @@ function omitDataAttributes(source) {
 * ActionMenu combines an ActionButton with a Menu for simple "more actions" use cases.
 */ function ActionMenu(props) {
 	const contextProps = getSlottedContextProps(useContext(ActionMenuContext), props.slot);
-	const [local, menuProps] = splitProps(mergeProps(contextProps ?? {}, props), [
+	const merged = mergeProps$1(contextProps ?? {}, props);
+	const [local, menuProps] = splitProps(merged, [
 		"label",
 		"isQuiet",
 		"isDisabled",
@@ -104,24 +114,41 @@ function omitDataAttributes(source) {
 	const triggerDataAttributes = () => getDataAttributes(contextProps, props);
 	const menuOnlyProps = () => omitDataAttributes(menuProps);
 	const [triggerElement, setTriggerElement] = createSignal(null);
+	const [isMenuOpen, setMenuOpen] = createSignal(Boolean(local.defaultOpen ?? local.isOpen));
+	createTrackedEffect(() => {
+		if (local.isOpen !== void 0) setMenuOpen(Boolean(local.isOpen));
+	});
 	let didAutoFocus = false;
-	createEffect(() => {
+	createTrackedEffect(() => {
 		const trigger = triggerElement();
 		if (!didAutoFocus && local.autoFocus && trigger) {
 			didAutoFocus = true;
 			trigger.focus();
 		}
 	});
+	createTrackedEffect(() => {
+		const trigger = triggerElement();
+		if (!trigger) return;
+		trigger.setAttribute("data-size", size());
+		if (local.isQuiet) trigger.setAttribute("data-quiet", "true");
+		else trigger.removeAttribute("data-quiet");
+		trigger.setAttribute("data-action-menu-align", local.align ?? "start");
+		trigger.setAttribute("data-action-menu-direction", local.direction ?? "bottom");
+		if (local.shouldFlip === false) trigger.setAttribute("data-action-menu-should-flip", "false");
+		else trigger.removeAttribute("data-action-menu-should-flip");
+		for (const [key, value] of Object.entries(triggerDataAttributes())) if (value == null || value === false) trigger.removeAttribute(key);
+		else trigger.setAttribute(key, String(value));
+	});
 	const iconContextValue = {
 		slot: "icon",
 		render: centerBaseline({
 			slot: "icon",
-			styles: () => " z2U5Crc151 y2U5Crc151 B2U5Crc151 A2U5Crc151"
+			styles: () => " z2U5Crc17 y2U5Crc17 B2U5Crc17 A2U5Crc17"
 		}),
-		styles: " ZuUmpre151 FuUmpre151 I67logd151 _va151"
+		styles: " ZObNfn17 FObNfn17 I67logd17 _va17"
 	};
 	const getButtonState = (renderProps) => ({
-		isHovered: renderProps.isHovered || renderProps.isOpen,
+		isHovered: renderProps.isHovered || isMenuOpen(),
 		isPressed: renderProps.isPressed,
 		isFocused: renderProps.isFocused,
 		isFocusVisible: renderProps.isFocusVisible,
@@ -150,8 +177,8 @@ function omitDataAttributes(source) {
 		const iconRenderer = typeof itemData.icon === "function" ? itemData.icon : itemData.icon != null ? () => itemData.icon : void 0;
 		return <MenuItem$1 id={itemKey} textValue={textValue} isDisabled={itemData.isDisabled} href={itemData.href} target={itemData.target} rel={itemData.rel} download={itemData.download} icon={iconRenderer}>
         {() => <>
-            <Text slot="label">{label}</Text>
-            {description() ? <Text slot="description">{description()}</Text> : null}
+            <Text$1 slot="label">{label}</Text$1>
+            {description() ? <Text$1 slot="description">{description()}</Text$1> : null}
             {shortcut() ? <Keyboard>{shortcut()}</Keyboard> : null}
           </>}
       </MenuItem$1>;
@@ -163,125 +190,42 @@ function omitDataAttributes(source) {
 		get defaultOpen() {
 			return local.defaultOpen;
 		},
-		get onOpenChange() {
-			return local.onOpenChange;
+		onOpenChange(isOpen) {
+			setMenuOpen(isOpen);
+			local.onOpenChange?.(isOpen);
 		},
 		get isDisabled() {
 			return local.isDisabled;
 		}
 	};
 	return <MenuTrigger {...triggerProps}>
-      <MenuButton {...triggerDataAttributes()} id={local.id} aria-label={triggerLabel()} aria-labelledby={local["aria-labelledby"]} aria-describedby={local["aria-describedby"]} aria-details={local["aria-details"]} autofocus={local.autoFocus} isDisabled={local.isDisabled} ref={(element) => {
+      <Button {...triggerDataAttributes()} id={local.id} aria-label={triggerLabel()} aria-labelledby={local["aria-labelledby"]} aria-describedby={local["aria-describedby"]} aria-details={local["aria-details"]} autoFocus={local.autoFocus} isDisabled={local.isDisabled} ref={(element) => {
 		setTriggerElement(element);
 		mergeContextRefs(contextProps?.ref, props.ref)(element);
 	}} class={getButtonClassName} style={getButtonStyle} data-size={size()} data-quiet={local.isQuiet ? "true" : void 0} data-action-menu-align={local.align ?? "start"} data-action-menu-direction={local.direction ?? "bottom"} data-action-menu-should-flip={local.shouldFlip === false ? "false" : void 0}>
-        <IconContext.Provider value={iconContextValue}>
+        <IconContext value={iconContextValue}>
           <MoreIcon />
-        </IconContext.Provider>
-      </MenuButton>
+        </IconContext>
+      </Button>
       <ActionMenuPopover menuProps={menuOnlyProps} items={items} staticChildren={() => local.children} renderMenuItem={renderMenuItem} menuSize={menuSize} hideLinkOutIcon={() => local.hideLinkOutIcon ?? false} triggerLabel={triggerLabel} triggerRef={triggerElement} class={local.class} align={() => local.align} direction={() => local.direction} shouldFlip={() => local.shouldFlip} />
     </MenuTrigger>;
 }
-const ACTION_MENU_POPOVER_TRANSITION_DURATION = 200;
 function ActionMenuPopover(props) {
-	const theme = useTheme();
-	const triggerContext = useContext(MenuTriggerContext);
-	const isOpen = () => triggerContext?.state.isOpen() ?? false;
-	const close = () => triggerContext?.state.close();
-	const open = () => triggerContext?.state.open();
-	const [isEntering, setIsEntering] = createSignal(false);
-	const [isExiting, setIsExiting] = createSignal(false);
-	let exitTimeout;
-	let enterFrame;
-	let wasOpen = isOpen();
-	let renderedOpen = wasOpen;
-	let shouldRestoreFocusAfterExit = false;
-	const shouldRender = () => {
-		const open = isOpen();
-		if (open) renderedOpen = true;
-		return open || renderedOpen || isExiting();
-	};
-	const isEnteringForRender = () => isOpen() && !wasOpen ? true : isEntering();
 	const usesStaticChildren = () => props.items() == null;
 	const menuClass = (renderProps) => [menu({
 		...renderProps,
 		size: props.menuSize()
 	}), props.class].filter(Boolean).join(" ");
-	const restoreTriggerFocusAfterExit = () => {
-		const trigger = props.triggerRef();
-		if (!trigger) return;
-		const restore = () => trigger.focus();
-		if (typeof queueMicrotask === "function") queueMicrotask(restore);
-		else Promise.resolve().then(restore);
-	};
-	createEffect(() => {
-		if (exitTimeout) {
-			clearTimeout(exitTimeout);
-			exitTimeout = void 0;
-		}
-		if (isOpen()) {
-			wasOpen = true;
-			renderedOpen = true;
-			shouldRestoreFocusAfterExit = false;
-			setIsExiting(false);
-			setIsEntering(true);
-			if (typeof document !== "undefined") {
-				const markKeyboardFocusRestore = (event) => {
-					if (event.key === "Escape") shouldRestoreFocusAfterExit = true;
-				};
-				document.addEventListener("keydown", markKeyboardFocusRestore, true);
-				onCleanup(() => {
-					document.removeEventListener("keydown", markKeyboardFocusRestore, true);
-				});
-			}
-			if (typeof requestAnimationFrame !== "undefined") {
-				if (enterFrame != null) cancelAnimationFrame(enterFrame);
-				enterFrame = requestAnimationFrame(() => {
-					enterFrame = void 0;
-					setIsEntering(false);
-				});
-			} else setTimeout(() => setIsEntering(false), 0);
-			return;
-		}
-		setIsEntering(false);
-		if (!wasOpen && !renderedOpen) {
-			setIsExiting(false);
-			return;
-		}
-		wasOpen = false;
-		renderedOpen = false;
-		const activeElement = typeof document !== "undefined" ? document.activeElement : null;
-		shouldRestoreFocusAfterExit = shouldRestoreFocusAfterExit || typeof Element !== "undefined" && activeElement instanceof Element && activeElement.closest("[role=\"menu\"]") != null;
-		setIsExiting(true);
-		exitTimeout = setTimeout(() => {
-			const shouldRestoreFocus = shouldRestoreFocusAfterExit;
-			shouldRestoreFocusAfterExit = false;
-			exitTimeout = void 0;
-			setIsExiting(false);
-			if (shouldRestoreFocus) restoreTriggerFocusAfterExit();
-		}, ACTION_MENU_POPOVER_TRANSITION_DURATION);
-	});
-	onCleanup(() => {
-		if (exitTimeout) clearTimeout(exitTimeout);
-		if (enterFrame != null && typeof cancelAnimationFrame !== "undefined") cancelAnimationFrame(enterFrame);
-	});
-	return <Popover trigger="MenuTrigger" triggerRef={props.triggerRef} isOpen={shouldRender()} onOpenChange={(openState) => {
-		if (openState) open();
-		else close();
-	}} placement={actionMenuPlacement(props.direction(), props.align())} offset={8} shouldFlip={props.shouldFlip()} autoFocus={false} isEntering={isEnteringForRender()} isExiting={isExiting()} class={(renderProps) => menuPopover({
-		...renderProps,
-		placement: renderProps.placement ?? actionMenuPlacementAxis(props.direction()),
-		colorScheme: theme.colorScheme
-	})}>
+	return <Popover$1 hideArrow padding="none" trigger="MenuTrigger" triggerRef={props.triggerRef} placement={actionMenuPlacement(props.direction(), props.align())} offset={8} shouldFlip={props.shouldFlip()} autoFocus={false}>
       <div class={menuFrame}>
-        <MenuSizeContext.Provider value={props.menuSize()}>
-          <MenuLinkOutIconContext.Provider value={props.hideLinkOutIcon()}>
-            <HeaderContext.Provider value={{ styles: () => menuSectionHeader({ size: props.menuSize() }) }}>
-              <HeadingContext.Provider value={{
+        <MenuSizeContext value={props.menuSize()}>
+          <MenuLinkOutIconContext value={props.hideLinkOutIcon()}>
+            <HeaderContext value={{ styles: () => menuSectionHeader({ size: props.menuSize() }) }}>
+              <HeadingContext value={{
 		role: "presentation",
 		styles: menuSectionHeading
 	}}>
-                <TextContext.Provider value={{ slots: {
+                <TextContext$1 value={{ slots: {
 		default: {
 			styles: () => menuItemLabel({ size: props.menuSize() }),
 			"data-rsp-slot": "text"
@@ -302,13 +246,13 @@ function ActionMenuPopover(props) {
                   <Menu {...props.menuProps()} items={props.items()} staticChildren={usesStaticChildren() ? props.staticChildren : void 0} aria-label={props.triggerLabel()} class={menuClass}>
                     {usesStaticChildren() ? void 0 : props.renderMenuItem}
                   </Menu>
-                </TextContext.Provider>
-              </HeadingContext.Provider>
-            </HeaderContext.Provider>
-          </MenuLinkOutIconContext.Provider>
-        </MenuSizeContext.Provider>
+                </TextContext$1>
+              </HeadingContext>
+            </HeaderContext>
+          </MenuLinkOutIconContext>
+        </MenuSizeContext>
       </div>
-    </Popover>;
+    </Popover$1>;
 }
 //#endregion
 export { ActionMenuContext as n, ActionMenu as t };

package/dist/_chunk/ActionMenu.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.jsx","names":[],"sources":["../../src/icon/s2wf-icons/MoreIcon.tsx","../../src/menu/ActionMenu.tsx"],"sourcesContent":["/*\n * Auto-generated from vendored React Spectrum S2 icon sources.\n * Do not edit by hand.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createIcon } from \"../spectrum-icon\";\n\nfunction MoreIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={className}\n    >\n      <circle cx=\"10\" cy=\"10.02114\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n      <path\n        d=\"m10,8.5c-.82843,0-1.5.67157-1.5,1.5s.67157,1.5,1.5,1.5,1.5-.67157,1.5-1.5-.67157-1.5-1.5-1.5Z\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n      <circle cx=\"4\" cy=\"10.02114\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n      <circle cx=\"4\" cy=\"10\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n      <circle cx=\"16\" cy=\"10.02114\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n      <circle cx=\"16\" cy=\"10\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n    </svg>\n  );\n}\n\nexport type MoreIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const MoreIcon = createIcon(MoreIconSvg);\nexport default MoreIcon;\n","import {\n  type JSX,\n  createContext,\n  createEffect,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  MenuTrigger as HeadlessMenuTrigger,\n  MenuButton as HeadlessMenuButton,\n  Menu as HeadlessMenu,\n  Popover as HeadlessPopover,\n  MenuTriggerContext,\n  type MenuProps as HeadlessMenuProps,\n  type MenuTriggerRenderProps,\n  type MenuTriggerProps as HeadlessMenuTriggerProps,\n  type MenuRenderProps,\n  type PopoverRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport MoreIcon from \"../icon/s2wf-icons/MoreIcon\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport type { StyleString } from \"../style\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { s2IntlStrings } from \"../intl\";\nimport { HeaderContext, HeadingContext, Keyboard, Text, TextContext } from \"../text\";\nimport { useTheme } from \"../provider\";\nimport { pressScale } from \"../pressScale\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { s2ActionButton, type S2ActionButtonRenderState } from \"../button/s2-action-button-styles\";\nimport type { ActionButtonSize } from \"../button/group-context\";\nimport {\n  menu as s2Menu,\n  menuFrame,\n  menuItemDescription,\n  menuItemLabel,\n  menuPopover,\n  menuSectionHeader,\n  menuSectionHeading,\n} from \"./s2-menu-styles\";\nimport { MenuLinkOutIconContext, MenuSizeContext } from \"./menu-context\";\nimport { MenuItem } from \"./index\";\n\nexport type ActionMenuMenuSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type ActionMenuAlign = \"start\" | \"end\";\nexport type ActionMenuDirection = \"top\" | \"bottom\" | \"start\" | \"end\" | \"left\" | \"right\";\n\nexport interface ActionMenuProps<T> extends Omit<\n  HeadlessMenuProps<T>,\n  \"class\" | \"style\" | \"children\" | \"items\" | \"ref\" | \"slot\"\n> {\n  /** Item objects in the collection. */\n  items?: HeadlessMenuProps<T>[\"items\"];\n  /** The contents of the collection. */\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  /** Additional CSS class name for the menu. Legacy alias. */\n  class?: string;\n  /** Accessible label for the trigger button. Legacy alias. */\n  label?: string;\n  /** Whether the button should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Whether the trigger is disabled. */\n  isDisabled?: boolean;\n  /** The size of the ActionButton. @default 'M' */\n  size?: ActionButtonSize;\n  /** The size of the Menu. @default 'M' */\n  menuSize?: ActionMenuMenuSize;\n  /** Hides the default link out icons on menu items that open links in a new tab. */\n  hideLinkOutIcon?: boolean;\n  /** Alignment of the menu relative to the trigger. @default 'start' */\n  align?: ActionMenuAlign;\n  /** Where the Menu opens relative to its trigger. @default 'bottom' */\n  direction?: ActionMenuDirection;\n  /** Whether the menu should automatically flip direction when space is limited. */\n  shouldFlip?: boolean;\n  /** Whether the overlay is open by default. */\n  defaultOpen?: boolean;\n  /** Whether the overlay is open, controlled. */\n  isOpen?: boolean;\n  /** Handler called when the overlay open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether the trigger should receive focus on render. */\n  autoFocus?: boolean;\n  /** Spectrum-defined generated classes for the trigger button. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name for the trigger button. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles for the trigger button. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Identifies the trigger element. */\n  id?: string;\n  /** Accessible label for the trigger button. */\n  \"aria-label\"?: string;\n  /** Identifies the element that labels the trigger button. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element that describes the trigger button. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element that provides details for the trigger button. */\n  \"aria-details\"?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLButtonElement>;\n  [key: `data-${string}`]: string | undefined;\n}\n\nexport const ActionMenuContext = createContext<SpectrumContextValue<ActionMenuProps<any>>>(null);\n\nfunction fallbackItemLabel(item: unknown): string {\n  const menuItem = item as {\n    id?: string | number;\n    label?: string;\n    name?: string;\n    textValue?: string;\n  };\n  return menuItem.label ?? menuItem.name ?? menuItem.textValue ?? String(menuItem.id ?? \"\");\n}\n\nfunction fallbackItemTextValue(item: unknown): string {\n  const menuItem = item as { textValue?: string };\n  return menuItem.textValue ?? fallbackItemLabel(item);\n}\n\nfunction actionMenuPlacement(\n  direction: ActionMenuDirection | undefined,\n  align: ActionMenuAlign | undefined,\n): string {\n  const resolvedDirection = direction ?? \"bottom\";\n  const resolvedAlign = align ?? \"start\";\n\n  switch (resolvedDirection) {\n    case \"left\":\n    case \"right\":\n    case \"start\":\n    case \"end\":\n      return `${resolvedDirection} ${resolvedAlign === \"end\" ? \"bottom\" : \"top\"}`;\n    case \"bottom\":\n    case \"top\":\n    default:\n      return `${resolvedDirection} ${resolvedAlign}`;\n  }\n}\n\nfunction actionMenuPlacementAxis(\n  direction: ActionMenuDirection | undefined,\n): NonNullable<PopoverRenderProps[\"placement\"]> {\n  if (direction === \"start\") {\n    return \"left\";\n  }\n  if (direction === \"end\") {\n    return \"right\";\n  }\n  return direction ?? \"bottom\";\n}\n\nfunction getDataAttributes(\n  ...sources: Array<Record<string, unknown> | null | undefined>\n): JSX.HTMLAttributes<HTMLButtonElement> {\n  const attributes: Record<string, unknown> = {};\n\n  for (const source of sources) {\n    if (!source) {\n      continue;\n    }\n\n    for (const key in source) {\n      if (key.startsWith(\"data-\")) {\n        attributes[key] = source[key];\n      }\n    }\n  }\n\n  return attributes as JSX.HTMLAttributes<HTMLButtonElement>;\n}\n\nfunction omitDataAttributes<T extends Record<string, unknown>>(source: T): T {\n  const result: Record<string, unknown> = {};\n\n  for (const key in source) {\n    if (!key.startsWith(\"data-\")) {\n      result[key] = source[key];\n    }\n  }\n\n  return result as T;\n}\n\n/**\n * ActionMenu combines an ActionButton with a Menu for simple \"more actions\" use cases.\n */\nexport function ActionMenu<T extends object = object>(props: ActionMenuProps<T>): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(ActionMenuContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props);\n  const [local, menuProps] = splitProps(merged, [\n    \"label\",\n    \"isQuiet\",\n    \"isDisabled\",\n    \"align\",\n    \"direction\",\n    \"shouldFlip\",\n    \"class\",\n    \"size\",\n    \"menuSize\",\n    \"hideLinkOutIcon\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"ref\",\n    \"slot\",\n    \"isOpen\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"autoFocus\",\n    \"id\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n    \"aria-details\",\n    \"items\",\n  ] as const);\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const triggerLabel = () =>\n    local[\"aria-label\"] ?? local.label ?? stringFormatter().format(\"menu.moreActions\");\n  const size = (): ActionButtonSize => local.size ?? \"M\";\n  const menuSize = (): ActionMenuMenuSize => local.menuSize ?? \"M\";\n  const items = () => local.items as HeadlessMenuProps<T>[\"items\"] | undefined;\n  const triggerDataAttributes = () =>\n    getDataAttributes(\n      contextProps as Record<string, unknown> | null,\n      props as Record<string, unknown>,\n    );\n  const menuOnlyProps = () =>\n    omitDataAttributes(menuProps as Record<string, unknown>) as Omit<\n      HeadlessMenuProps<T>,\n      \"children\" | \"items\"\n    >;\n  const [triggerElement, setTriggerElement] = createSignal<HTMLButtonElement | null>(null);\n  let didAutoFocus = false;\n  createEffect(() => {\n    const trigger = triggerElement();\n    if (!didAutoFocus && local.autoFocus && trigger) {\n      didAutoFocus = true;\n      trigger.focus();\n    }\n  });\n  const iconContextValue = {\n    slot: \"icon\",\n    render: centerBaseline({\n      slot: \"icon\",\n      styles: () =>\n        style({\n          gridArea: \"icon\",\n        }),\n    }),\n    styles: style({\n      size: fontRelative(20),\n      marginStart: \"--iconMargin\",\n      flexShrink: 0,\n    }),\n  };\n  const getButtonState = (renderProps: MenuTriggerRenderProps): S2ActionButtonRenderState => ({\n    isHovered: renderProps.isHovered || renderProps.isOpen,\n    isPressed: renderProps.isPressed,\n    isFocused: renderProps.isFocused,\n    isFocusVisible: renderProps.isFocusVisible,\n    isDisabled: renderProps.isDisabled,\n  });\n  const getButtonClassName = (renderProps: MenuTriggerRenderProps) =>\n    [\n      local.UNSAFE_className,\n      mergeStyles(\n        s2ActionButton({\n          ...getButtonState(renderProps),\n          size: size(),\n          isQuiet: local.isQuiet,\n          isStaticColor: false,\n          density: \"regular\",\n          orientation: \"horizontal\",\n          isInGroup: false,\n        }),\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const getButtonStyle = (renderProps: MenuTriggerRenderProps) =>\n    pressScale(triggerElement, () => {\n      return mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style) ?? {};\n    })(renderProps);\n  const renderMenuItem = (item: T): JSX.Element => {\n    if (typeof local.children === \"function\") {\n      return local.children(item);\n    }\n\n    const itemData = item as {\n      id?: Key;\n      key?: Key;\n      label?: string;\n      name?: string;\n      textValue?: string;\n      description?: JSX.Element;\n      shortcut?: JSX.Element;\n      keyboardShortcut?: JSX.Element;\n      icon?: JSX.Element | (() => JSX.Element);\n      isDisabled?: boolean;\n      href?: string;\n      target?: string;\n      rel?: string;\n      download?: boolean | string;\n    };\n    const label = fallbackItemLabel(item);\n    const textValue = fallbackItemTextValue(item);\n    const itemKey =\n      typeof menuProps.getKey === \"function\"\n        ? menuProps.getKey(item)\n        : (itemData.id ?? itemData.key ?? label);\n    const description = () => itemData.description;\n    const shortcut = () => itemData.shortcut ?? itemData.keyboardShortcut;\n    const iconRenderer =\n      typeof itemData.icon === \"function\"\n        ? (itemData.icon as () => JSX.Element)\n        : itemData.icon != null\n          ? () => itemData.icon as JSX.Element\n          : undefined;\n\n    return (\n      <MenuItem\n        id={itemKey}\n        textValue={textValue}\n        isDisabled={itemData.isDisabled}\n        href={itemData.href}\n        target={itemData.target}\n        rel={itemData.rel}\n        download={itemData.download}\n        icon={iconRenderer}\n      >\n        {() => (\n          <>\n            <Text slot=\"label\">{label}</Text>\n            {description() ? <Text slot=\"description\">{description()}</Text> : null}\n            {shortcut() ? <Keyboard>{shortcut()}</Keyboard> : null}\n          </>\n        )}\n      </MenuItem>\n    );\n  };\n\n  const triggerProps: Partial<HeadlessMenuTriggerProps> = {\n    get isOpen() {\n      return local.isOpen;\n    },\n    get defaultOpen() {\n      return local.defaultOpen;\n    },\n    get onOpenChange() {\n      return local.onOpenChange;\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n  };\n\n  return (\n    <HeadlessMenuTrigger {...triggerProps}>\n      <HeadlessMenuButton\n        {...triggerDataAttributes()}\n        id={local.id}\n        aria-label={triggerLabel()}\n        aria-labelledby={local[\"aria-labelledby\"]}\n        aria-describedby={local[\"aria-describedby\"]}\n        aria-details={local[\"aria-details\"]}\n        autofocus={local.autoFocus}\n        isDisabled={local.isDisabled}\n        ref={(element) => {\n          setTriggerElement(element);\n          mergeContextRefs(contextProps?.ref, props.ref)(element);\n        }}\n        class={getButtonClassName}\n        style={getButtonStyle}\n        data-size={size()}\n        data-quiet={local.isQuiet ? \"true\" : undefined}\n        data-action-menu-align={local.align ?? \"start\"}\n        data-action-menu-direction={local.direction ?? \"bottom\"}\n        data-action-menu-should-flip={local.shouldFlip === false ? \"false\" : undefined}\n      >\n        <IconContext.Provider value={iconContextValue}>\n          <MoreIcon />\n        </IconContext.Provider>\n      </HeadlessMenuButton>\n      <ActionMenuPopover\n        menuProps={menuOnlyProps}\n        items={items}\n        staticChildren={() => local.children as JSX.Element | undefined}\n        renderMenuItem={renderMenuItem}\n        menuSize={menuSize}\n        hideLinkOutIcon={() => local.hideLinkOutIcon ?? false}\n        triggerLabel={triggerLabel}\n        triggerRef={triggerElement}\n        class={local.class}\n        align={() => local.align}\n        direction={() => local.direction}\n        shouldFlip={() => local.shouldFlip}\n      />\n    </HeadlessMenuTrigger>\n  );\n}\n\ninterface ActionMenuPopoverProps<T extends object> {\n  menuProps: () => Omit<HeadlessMenuProps<T>, \"children\" | \"items\">;\n  items: () => HeadlessMenuProps<T>[\"items\"] | undefined;\n  staticChildren: () => JSX.Element | undefined;\n  renderMenuItem: (item: T) => JSX.Element;\n  menuSize: () => ActionMenuMenuSize;\n  hideLinkOutIcon: () => boolean;\n  triggerLabel: () => string;\n  triggerRef: () => HTMLButtonElement | null;\n  class?: string;\n  align: () => ActionMenuAlign | undefined;\n  direction: () => ActionMenuDirection | undefined;\n  shouldFlip: () => boolean | undefined;\n}\n\nconst ACTION_MENU_POPOVER_TRANSITION_DURATION = 200;\n\nfunction ActionMenuPopover<T extends object>(props: ActionMenuPopoverProps<T>): JSX.Element {\n  const theme = useTheme();\n  const triggerContext = useContext(MenuTriggerContext);\n  const isOpen = () => triggerContext?.state.isOpen() ?? false;\n  const close = () => triggerContext?.state.close();\n  const open = () => triggerContext?.state.open();\n  const [isEntering, setIsEntering] = createSignal(false);\n  const [isExiting, setIsExiting] = createSignal(false);\n  let exitTimeout: ReturnType<typeof setTimeout> | undefined;\n  let enterFrame: number | undefined;\n  let wasOpen = isOpen();\n  let renderedOpen = wasOpen;\n  let shouldRestoreFocusAfterExit = false;\n  const shouldRender = () => {\n    const open = isOpen();\n    if (open) {\n      renderedOpen = true;\n    }\n    return open || renderedOpen || isExiting();\n  };\n  const isEnteringForRender = () => (isOpen() && !wasOpen ? true : isEntering());\n  const usesStaticChildren = () => props.items() == null;\n  const menuClass = (renderProps: MenuRenderProps) =>\n    [s2Menu({ ...renderProps, size: props.menuSize() }), props.class].filter(Boolean).join(\" \");\n  const restoreTriggerFocusAfterExit = () => {\n    const trigger = props.triggerRef();\n    if (!trigger) {\n      return;\n    }\n\n    const restore = () => trigger.focus();\n    if (typeof queueMicrotask === \"function\") {\n      queueMicrotask(restore);\n    } else {\n      Promise.resolve().then(restore);\n    }\n  };\n\n  createEffect(() => {\n    if (exitTimeout) {\n      clearTimeout(exitTimeout);\n      exitTimeout = undefined;\n    }\n\n    if (isOpen()) {\n      wasOpen = true;\n      renderedOpen = true;\n      shouldRestoreFocusAfterExit = false;\n      setIsExiting(false);\n      setIsEntering(true);\n\n      if (typeof document !== \"undefined\") {\n        const markKeyboardFocusRestore = (event: KeyboardEvent) => {\n          if (event.key === \"Escape\") {\n            shouldRestoreFocusAfterExit = true;\n          }\n        };\n        document.addEventListener(\"keydown\", markKeyboardFocusRestore, true);\n        onCleanup(() => {\n          document.removeEventListener(\"keydown\", markKeyboardFocusRestore, true);\n        });\n      }\n\n      if (typeof requestAnimationFrame !== \"undefined\") {\n        if (enterFrame != null) {\n          cancelAnimationFrame(enterFrame);\n        }\n        enterFrame = requestAnimationFrame(() => {\n          enterFrame = undefined;\n          setIsEntering(false);\n        });\n      } else {\n        setTimeout(() => setIsEntering(false), 0);\n      }\n      return;\n    }\n\n    setIsEntering(false);\n    if (!wasOpen && !renderedOpen) {\n      setIsExiting(false);\n      return;\n    }\n\n    wasOpen = false;\n    renderedOpen = false;\n    const activeElement = typeof document !== \"undefined\" ? document.activeElement : null;\n    shouldRestoreFocusAfterExit =\n      shouldRestoreFocusAfterExit ||\n      (typeof Element !== \"undefined\" &&\n        activeElement instanceof Element &&\n        activeElement.closest('[role=\"menu\"]') != null);\n    setIsExiting(true);\n    exitTimeout = setTimeout(() => {\n      const shouldRestoreFocus = shouldRestoreFocusAfterExit;\n      shouldRestoreFocusAfterExit = false;\n      exitTimeout = undefined;\n      setIsExiting(false);\n      if (shouldRestoreFocus) {\n        restoreTriggerFocusAfterExit();\n      }\n    }, ACTION_MENU_POPOVER_TRANSITION_DURATION);\n  });\n\n  onCleanup(() => {\n    if (exitTimeout) {\n      clearTimeout(exitTimeout);\n    }\n    if (enterFrame != null && typeof cancelAnimationFrame !== \"undefined\") {\n      cancelAnimationFrame(enterFrame);\n    }\n  });\n\n  return (\n    <HeadlessPopover\n      trigger=\"MenuTrigger\"\n      triggerRef={props.triggerRef}\n      isOpen={shouldRender()}\n      onOpenChange={(openState) => {\n        if (openState) {\n          open();\n        } else {\n          close();\n        }\n      }}\n      placement={actionMenuPlacement(props.direction(), props.align()) as never}\n      offset={8}\n      shouldFlip={props.shouldFlip()}\n      autoFocus={false}\n      isEntering={isEnteringForRender()}\n      isExiting={isExiting()}\n      class={(renderProps: PopoverRenderProps) =>\n        menuPopover({\n          ...renderProps,\n          placement: renderProps.placement ?? actionMenuPlacementAxis(props.direction()),\n          colorScheme: theme.colorScheme,\n        })\n      }\n    >\n      <div class={menuFrame}>\n        <MenuSizeContext.Provider value={props.menuSize()}>\n          <MenuLinkOutIconContext.Provider value={props.hideLinkOutIcon()}>\n            <HeaderContext.Provider\n              value={{ styles: () => menuSectionHeader({ size: props.menuSize() }) }}\n            >\n              <HeadingContext.Provider\n                value={{\n                  role: \"presentation\",\n                  styles: menuSectionHeading,\n                }}\n              >\n                <TextContext.Provider\n                  value={{\n                    slots: {\n                      default: {\n                        styles: () => menuItemLabel({ size: props.menuSize() }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                      label: {\n                        styles: () => menuItemLabel({ size: props.menuSize() }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                      description: {\n                        styles: () =>\n                          menuItemDescription({\n                            size: props.menuSize(),\n                            isFocused: false,\n                            isDisabled: false,\n                          }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                    },\n                  }}\n                >\n                  <HeadlessMenu\n                    {...props.menuProps()}\n                    items={props.items()}\n                    staticChildren={usesStaticChildren() ? props.staticChildren : undefined}\n                    aria-label={props.triggerLabel()}\n                    class={menuClass}\n                  >\n                    {usesStaticChildren() ? undefined : props.renderMenuItem}\n                  </HeadlessMenu>\n                </TextContext.Provider>\n              </HeadingContext.Provider>\n            </HeaderContext.Provider>\n          </MenuLinkOutIconContext.Provider>\n        </MenuSizeContext.Provider>\n      </div>\n    </HeadlessPopover>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ActionMenu.jsx","names":[],"sources":["../../src/icon/s2wf-icons/MoreIcon.tsx","../../src/menu/ActionMenu.tsx"],"sourcesContent":["/*\n * Auto-generated from the pinned @react-spectrum/s2 icon inventory.\n * Do not edit by hand.\n */\n// Generator input: @react-spectrum/s2@1.7.0/icons/More.mjs\n// Generator input: @react-spectrum/s2@1.7.0/icons/More.cjs\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createIcon } from \"../spectrum-icon\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nfunction MoreIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={local.class}\n    >\n      <circle\n        cx=\"10\"\n        cy=\"10.021\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n      <path\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        d=\"M10 8.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5\"\n      />\n      <circle\n        cx=\"4\"\n        cy=\"10.021\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n      <circle\n        cx=\"4\"\n        cy=\"10\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n      <circle\n        cx=\"16\"\n        cy=\"10.021\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n      <circle\n        cx=\"16\"\n        cy=\"10\"\n        r=\"1.5\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n      />\n    </svg>\n  );\n}\n\nexport type MoreIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const MoreIcon = createIcon(MoreIconSvg);\nexport default MoreIcon;\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ActionMenu.tsx\n\n// Port of packages/@react-spectrum/s2/src/ActionMenu.tsx.\nimport {\n  createContext,\n  createEffect,\n  createSignal,\n  useContext,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  MenuTrigger as HeadlessMenuTrigger,\n  Button as HeadlessButton,\n  Menu as HeadlessMenu,\n  type MenuProps as HeadlessMenuProps,\n  type MenuTriggerProps as HeadlessMenuTriggerProps,\n  type MenuRenderProps,\n  type ButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { mergeProps, createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport MoreIcon from \"../icon/s2wf-icons/MoreIcon\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { s2IntlStrings } from \"../intl\";\nimport { HeaderContext, HeadingContext, Keyboard, Text, TextContext } from \"../text\";\nimport { pressScale } from \"../pressScale\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { s2ActionButton, type S2ActionButtonRenderState } from \"../button/s2-action-button-styles\";\nimport type { ActionButtonSize } from \"../button/group-context\";\nimport {\n  menu as s2Menu,\n  menuFrame,\n  menuItemDescription,\n  menuItemLabel,\n  menuSectionHeader,\n  menuSectionHeading,\n} from \"./s2-menu-styles\";\nimport { MenuLinkOutIconContext, MenuSizeContext } from \"./menu-context\";\nimport { MenuItem } from \"./index\";\nimport { Popover } from \"../popover\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type ActionMenuMenuSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type ActionMenuAlign = \"start\" | \"end\";\nexport type ActionMenuDirection = \"top\" | \"bottom\" | \"start\" | \"end\" | \"left\" | \"right\";\n\nexport interface ActionMenuProps<T> extends Omit<\n  HeadlessMenuProps<T>,\n  \"class\" | \"style\" | \"children\" | \"items\" | \"ref\" | \"slot\"\n> {\n  /** Item objects in the collection. */\n  items?: HeadlessMenuProps<T>[\"items\"];\n  /** The contents of the collection. */\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  /** Additional CSS class name for the menu. Legacy alias. */\n  class?: string;\n  /** Accessible label for the trigger button. Legacy alias. */\n  label?: string;\n  /** Whether the button should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Whether the trigger is disabled. */\n  isDisabled?: boolean;\n  /** The size of the ActionButton. @default 'M' */\n  size?: ActionButtonSize;\n  /** The size of the Menu. @default 'M' */\n  menuSize?: ActionMenuMenuSize;\n  /** Hides the default link out icons on menu items that open links in a new tab. */\n  hideLinkOutIcon?: boolean;\n  /** Alignment of the menu relative to the trigger. @default 'start' */\n  align?: ActionMenuAlign;\n  /** Where the Menu opens relative to its trigger. @default 'bottom' */\n  direction?: ActionMenuDirection;\n  /** Whether the menu should automatically flip direction when space is limited. */\n  shouldFlip?: boolean;\n  /** Whether the overlay is open by default. */\n  defaultOpen?: boolean;\n  /** Whether the overlay is open, controlled. */\n  isOpen?: boolean;\n  /** Handler called when the overlay open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether the trigger should receive focus on render. */\n  autoFocus?: boolean;\n  /** Spectrum-defined generated classes for the trigger button. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name for the trigger button. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles for the trigger button. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Identifies the trigger element. */\n  id?: string;\n  /** Accessible label for the trigger button. */\n  \"aria-label\"?: string;\n  /** Identifies the element that labels the trigger button. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element that describes the trigger button. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element that provides details for the trigger button. */\n  \"aria-details\"?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLButtonElement>;\n  [key: `data-${string}`]: string | undefined;\n}\n\nexport const ActionMenuContext = createContext<SpectrumContextValue<ActionMenuProps<any>>>(null);\n\nfunction fallbackItemLabel(item: unknown): string {\n  const menuItem = item as {\n    id?: string | number;\n    label?: string;\n    name?: string;\n    textValue?: string;\n  };\n  return menuItem.label ?? menuItem.name ?? menuItem.textValue ?? String(menuItem.id ?? \"\");\n}\n\nfunction fallbackItemTextValue(item: unknown): string {\n  const menuItem = item as { textValue?: string };\n  return menuItem.textValue ?? fallbackItemLabel(item);\n}\n\nfunction actionMenuPlacement(\n  direction: ActionMenuDirection | undefined,\n  align: ActionMenuAlign | undefined,\n): string {\n  const resolvedDirection = direction ?? \"bottom\";\n  const resolvedAlign = align ?? \"start\";\n\n  switch (resolvedDirection) {\n    case \"left\":\n    case \"right\":\n    case \"start\":\n    case \"end\":\n      return `${resolvedDirection} ${resolvedAlign === \"end\" ? \"bottom\" : \"top\"}`;\n    case \"bottom\":\n    case \"top\":\n    default:\n      return `${resolvedDirection} ${resolvedAlign}`;\n  }\n}\n\nfunction getDataAttributes(\n  ...sources: Array<Record<string, unknown> | null | undefined>\n): Record<string, unknown> {\n  const attributes: Record<string, unknown> = {};\n\n  for (const source of sources) {\n    if (!source) {\n      continue;\n    }\n\n    for (const key in source) {\n      if (key.startsWith(\"data-\")) {\n        attributes[key] = source[key];\n      }\n    }\n  }\n\n  return attributes;\n}\n\nfunction omitDataAttributes<T extends Record<string, unknown>>(source: T): T {\n  const result: Record<string, unknown> = {};\n\n  for (const key in source) {\n    if (!key.startsWith(\"data-\")) {\n      result[key] = source[key];\n    }\n  }\n\n  return result as T;\n}\n\n/**\n * ActionMenu combines an ActionButton with a Menu for simple \"more actions\" use cases.\n */\nexport function ActionMenu<T extends object = object>(props: ActionMenuProps<T>): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(ActionMenuContext), props.slot);\n  const merged = mergeProps<ActionMenuProps<T>>(contextProps ?? {}, props);\n  const [local, menuProps] = splitProps(merged, [\n    \"label\",\n    \"isQuiet\",\n    \"isDisabled\",\n    \"align\",\n    \"direction\",\n    \"shouldFlip\",\n    \"class\",\n    \"size\",\n    \"menuSize\",\n    \"hideLinkOutIcon\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"ref\",\n    \"slot\",\n    \"isOpen\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"autoFocus\",\n    \"id\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n    \"aria-details\",\n    \"items\",\n  ] as const);\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const triggerLabel = () =>\n    local[\"aria-label\"] ?? local.label ?? stringFormatter().format(\"menu.moreActions\");\n  const size = (): ActionButtonSize => local.size ?? \"M\";\n  const menuSize = (): ActionMenuMenuSize => local.menuSize ?? \"M\";\n  const items = () => local.items as HeadlessMenuProps<T>[\"items\"] | undefined;\n  const triggerDataAttributes = () =>\n    getDataAttributes(\n      contextProps as Record<string, unknown> | null,\n      props as Record<string, unknown>,\n    );\n  const menuOnlyProps = () =>\n    omitDataAttributes(menuProps as Record<string, unknown>) as Omit<\n      HeadlessMenuProps<T>,\n      \"children\" | \"items\"\n    >;\n  const [triggerElement, setTriggerElement] = createSignal<HTMLButtonElement | null>(null);\n  const [isMenuOpen, setMenuOpen] = createSignal(Boolean(local.defaultOpen ?? local.isOpen));\n  createTrackedEffect(() => {\n    if (local.isOpen !== undefined) {\n      setMenuOpen(Boolean(local.isOpen));\n    }\n  });\n  let didAutoFocus = false;\n  createTrackedEffect(() => {\n    const trigger = triggerElement();\n    if (!didAutoFocus && local.autoFocus && trigger) {\n      didAutoFocus = true;\n      trigger.focus();\n    }\n  });\n  createTrackedEffect(() => {\n    const trigger = triggerElement();\n    if (!trigger) {\n      return;\n    }\n\n    trigger.setAttribute(\"data-size\", size());\n    if (local.isQuiet) {\n      trigger.setAttribute(\"data-quiet\", \"true\");\n    } else {\n      trigger.removeAttribute(\"data-quiet\");\n    }\n    trigger.setAttribute(\"data-action-menu-align\", local.align ?? \"start\");\n    trigger.setAttribute(\"data-action-menu-direction\", local.direction ?? \"bottom\");\n    if (local.shouldFlip === false) {\n      trigger.setAttribute(\"data-action-menu-should-flip\", \"false\");\n    } else {\n      trigger.removeAttribute(\"data-action-menu-should-flip\");\n    }\n    for (const [key, value] of Object.entries(triggerDataAttributes())) {\n      if (value == null || value === false) {\n        trigger.removeAttribute(key);\n      } else {\n        trigger.setAttribute(key, String(value));\n      }\n    }\n  });\n  const iconContextValue = {\n    slot: \"icon\",\n    render: centerBaseline({\n      slot: \"icon\",\n      styles: () =>\n        style({\n          gridArea: \"icon\",\n        }),\n    }),\n    styles: style({\n      size: \"1lh\",\n      marginStart: \"--iconMargin\",\n      flexShrink: 0,\n    }),\n  };\n  const getButtonState = (renderProps: ButtonRenderProps): S2ActionButtonRenderState => ({\n    isHovered: renderProps.isHovered || isMenuOpen(),\n    isPressed: renderProps.isPressed,\n    isFocused: renderProps.isFocused,\n    isFocusVisible: renderProps.isFocusVisible,\n    isDisabled: renderProps.isDisabled,\n  });\n  const getButtonClassName = (renderProps: ButtonRenderProps) =>\n    [\n      local.UNSAFE_className,\n      mergeStyles(\n        s2ActionButton({\n          ...getButtonState(renderProps),\n          size: size(),\n          isQuiet: local.isQuiet,\n          isStaticColor: false,\n          density: \"regular\",\n          orientation: \"horizontal\",\n          isInGroup: false,\n        }),\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const getButtonStyle = (renderProps: ButtonRenderProps) =>\n    pressScale(triggerElement, () => {\n      return mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style) ?? {};\n    })(renderProps);\n  const renderMenuItem = (item: T): JSX.Element => {\n    if (typeof local.children === \"function\") {\n      return local.children(item);\n    }\n\n    const itemData = item as {\n      id?: Key;\n      key?: Key;\n      label?: string;\n      name?: string;\n      textValue?: string;\n      description?: JSX.Element;\n      shortcut?: JSX.Element;\n      keyboardShortcut?: JSX.Element;\n      icon?: JSX.Element | (() => JSX.Element);\n      isDisabled?: boolean;\n      href?: string;\n      target?: string;\n      rel?: string;\n      download?: boolean | string;\n    };\n    const label = fallbackItemLabel(item);\n    const textValue = fallbackItemTextValue(item);\n    const itemKey =\n      typeof menuProps.getKey === \"function\"\n        ? menuProps.getKey(item)\n        : (itemData.id ?? itemData.key ?? label);\n    const description = () => itemData.description;\n    const shortcut = () => itemData.shortcut ?? itemData.keyboardShortcut;\n    const iconRenderer =\n      typeof itemData.icon === \"function\"\n        ? (itemData.icon as () => JSX.Element)\n        : itemData.icon != null\n          ? () => itemData.icon as JSX.Element\n          : undefined;\n\n    return (\n      <MenuItem\n        id={itemKey}\n        textValue={textValue}\n        isDisabled={itemData.isDisabled}\n        href={itemData.href}\n        target={itemData.target}\n        rel={itemData.rel}\n        download={itemData.download}\n        icon={iconRenderer}\n      >\n        {() => (\n          <>\n            <Text slot=\"label\">{label}</Text>\n            {description() ? <Text slot=\"description\">{description()}</Text> : null}\n            {shortcut() ? <Keyboard>{shortcut()}</Keyboard> : null}\n          </>\n        )}\n      </MenuItem>\n    );\n  };\n\n  const triggerProps: Partial<HeadlessMenuTriggerProps> = {\n    get isOpen() {\n      return local.isOpen;\n    },\n    get defaultOpen() {\n      return local.defaultOpen;\n    },\n    onOpenChange(isOpen: boolean) {\n      setMenuOpen(isOpen);\n      local.onOpenChange?.(isOpen);\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n  };\n\n  return (\n    <HeadlessMenuTrigger {...triggerProps}>\n      <HeadlessButton\n        {...triggerDataAttributes()}\n        id={local.id}\n        aria-label={triggerLabel()}\n        aria-labelledby={local[\"aria-labelledby\"]}\n        aria-describedby={local[\"aria-describedby\"]}\n        aria-details={local[\"aria-details\"]}\n        autoFocus={local.autoFocus}\n        isDisabled={local.isDisabled}\n        ref={(element) => {\n          setTriggerElement(element);\n          mergeContextRefs(contextProps?.ref, props.ref)(element);\n        }}\n        class={getButtonClassName}\n        style={getButtonStyle}\n        data-size={size()}\n        data-quiet={local.isQuiet ? \"true\" : undefined}\n        data-action-menu-align={local.align ?? \"start\"}\n        data-action-menu-direction={local.direction ?? \"bottom\"}\n        data-action-menu-should-flip={local.shouldFlip === false ? \"false\" : undefined}\n      >\n        <IconContext value={iconContextValue}>\n          <MoreIcon />\n        </IconContext>\n      </HeadlessButton>\n      <ActionMenuPopover\n        menuProps={menuOnlyProps}\n        items={items}\n        staticChildren={() => local.children as JSX.Element | undefined}\n        renderMenuItem={renderMenuItem}\n        menuSize={menuSize}\n        hideLinkOutIcon={() => local.hideLinkOutIcon ?? false}\n        triggerLabel={triggerLabel}\n        triggerRef={triggerElement}\n        class={local.class}\n        align={() => local.align}\n        direction={() => local.direction}\n        shouldFlip={() => local.shouldFlip}\n      />\n    </HeadlessMenuTrigger>\n  );\n}\n\ninterface ActionMenuPopoverProps<T extends object> {\n  menuProps: () => Omit<HeadlessMenuProps<T>, \"children\" | \"items\">;\n  items: () => HeadlessMenuProps<T>[\"items\"] | undefined;\n  staticChildren: () => JSX.Element | undefined;\n  renderMenuItem: (item: T) => JSX.Element;\n  menuSize: () => ActionMenuMenuSize;\n  hideLinkOutIcon: () => boolean;\n  triggerLabel: () => string;\n  triggerRef: () => HTMLButtonElement | null;\n  class?: string;\n  align: () => ActionMenuAlign | undefined;\n  direction: () => ActionMenuDirection | undefined;\n  shouldFlip: () => boolean | undefined;\n}\n\nfunction ActionMenuPopover<T extends object>(props: ActionMenuPopoverProps<T>): JSX.Element {\n  const usesStaticChildren = () => props.items() == null;\n  const menuClass = (renderProps: MenuRenderProps) =>\n    [s2Menu({ ...renderProps, size: props.menuSize() }), props.class].filter(Boolean).join(\" \");\n\n  return (\n    <Popover\n      hideArrow\n      padding=\"none\"\n      trigger=\"MenuTrigger\"\n      triggerRef={props.triggerRef}\n      placement={actionMenuPlacement(props.direction(), props.align()) as never}\n      offset={8}\n      shouldFlip={props.shouldFlip()}\n      autoFocus={false}\n    >\n      <div class={menuFrame}>\n        <MenuSizeContext value={props.menuSize()}>\n          <MenuLinkOutIconContext value={props.hideLinkOutIcon()}>\n            <HeaderContext value={{ styles: () => menuSectionHeader({ size: props.menuSize() }) }}>\n              <HeadingContext\n                value={{\n                  role: \"presentation\",\n                  styles: menuSectionHeading,\n                }}\n              >\n                <TextContext\n                  value={{\n                    slots: {\n                      default: {\n                        styles: () => menuItemLabel({ size: props.menuSize() }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                      label: {\n                        styles: () => menuItemLabel({ size: props.menuSize() }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                      description: {\n                        styles: () =>\n                          menuItemDescription({\n                            size: props.menuSize(),\n                            isFocused: false,\n                            isDisabled: false,\n                          }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                    },\n                  }}\n                >\n                  <HeadlessMenu\n                    {...props.menuProps()}\n                    items={props.items()}\n                    staticChildren={usesStaticChildren() ? props.staticChildren : undefined}\n                    aria-label={props.triggerLabel()}\n                    class={menuClass}\n                  >\n                    {usesStaticChildren() ? undefined : props.renderMenuItem}\n                  </HeadlessMenu>\n                </TextContext>\n              </HeadingContext>\n            </HeaderContext>\n          </MenuLinkOutIconContext>\n        </MenuSizeContext>\n      </div>\n    </Popover>\n  );\n}\n"],"mappings":"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"}