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

package/dist/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/tooltip/index.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport {\n  Tooltip as HeadlessTooltip,\n  TooltipTrigger as HeadlessTooltipTrigger,\n  type TooltipPlacement,\n  type TooltipProps as HeadlessTooltipProps,\n  type TooltipTriggerComponentProps as HeadlessTooltipTriggerProps,\n  type TooltipRenderProps,\n  type TooltipResolvedPlacement,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { centerPadding, setColorScheme, style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { useTheme, type ColorScheme } from \"../provider\";\n\nexport type { TooltipPlacement };\nexport type TooltipVariant = \"default\" | \"neutral\" | \"info\";\n\nexport interface TooltipTriggerProps extends HeadlessTooltipTriggerProps {\n  /** The children of the tooltip trigger (trigger element and tooltip). */\n  children: JSX.Element;\n}\n\nexport interface TooltipProps extends Omit<HeadlessTooltipProps, \"class\" | \"style\" | \"children\"> {\n  /** The content of the tooltip. */\n  children: JSX.Element;\n  /** The position of the tooltip relative to the trigger. */\n  placement?: TooltipPlacement;\n  /** Deprecated legacy visual variant. Spectrum 2 tooltips use a single neutral treatment. */\n  variant?: TooltipVariant;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Backward-compatible arrow toggle. Spectrum 2 tooltips render an arrow by default. */\n  showArrow?: boolean;\n}\n\nconst tooltip = style<TooltipRenderProps & { colorScheme: ColorScheme | null }>({\n  ...setColorScheme(),\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  maxWidth: 160,\n  minHeight: 24,\n  boxSizing: \"border-box\",\n  font: \"ui-sm\",\n  color: {\n    default: \"gray-25\",\n    forcedColors: \"ButtonText\",\n  },\n  borderWidth: {\n    forcedColors: 1,\n  },\n  borderStyle: {\n    forcedColors: \"solid\",\n  },\n  borderColor: {\n    forcedColors: \"transparent\",\n  },\n  backgroundColor: \"neutral\",\n  // Glasselated: a tooltip is a small opaque label, closer to a control than to a\n  // panel — the handoff draws no tooltip, so it takes the control corner and stays\n  // unblurred, since frosting a 200ms transient just makes it harder to read.\n  borderRadius: \"control\",\n  fontFamily: \"code\",\n  paddingX: \"edge-to-text\",\n  paddingY: centerPadding(),\n  transition: \"default\",\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: \"in\",\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  opacity: {\n    isEntering: 0,\n    isExiting: 0,\n  },\n  overflowWrap: {\n    default: \"break-word\",\n  },\n});\n\nconst arrowStyles = style<TooltipRenderProps>({\n  display: \"block\",\n  fill: \"gray-800\",\n  width: 10,\n  height: 5,\n  rotate: {\n    placement: {\n      top: 0,\n      bottom: \"180deg\",\n      left: \"-90deg\",\n      right: \"90deg\",\n    },\n  },\n  translateX: {\n    placement: {\n      left: \"-25%\",\n      right: \"25%\",\n    },\n  },\n});\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip.\n * It handles opening and closing the Tooltip when the user hovers\n * over or focuses the trigger.\n *\n * @example\n * ```tsx\n * <TooltipTrigger>\n *   <Button>Hover me</Button>\n *   <Tooltip>This is helpful information</Tooltip>\n * </TooltipTrigger>\n * ```\n */\nexport function TooltipTrigger(props: TooltipTriggerProps): JSX.Element {\n  return <HeadlessTooltipTrigger {...props} />;\n}\n\n/**\n * Styled tooltip component that displays a description on hover or focus.\n *\n * @example\n * ```tsx\n * <TooltipTrigger placement=\"top\">\n *   <Button>Save</Button>\n *   <Tooltip>Save your changes</Tooltip>\n * </TooltipTrigger>\n * ```\n */\nexport function Tooltip(props: TooltipProps): JSX.Element {\n  const theme = useTheme();\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"showArrow\",\n    \"variant\",\n  ]);\n\n  const showArrow = () => local.showArrow !== false;\n\n  return (\n    <HeadlessTooltip\n      {...rest}\n      arrowBoundaryOffset={8}\n      arrowSize={10}\n      offset={9}\n      class={(renderProps: TooltipRenderProps) =>\n        [\n          local.UNSAFE_className,\n          local.class,\n          mergeStyles(\n            tooltip({\n              ...renderProps,\n              placement: renderProps.placement ?? \"top\",\n              colorScheme: theme.colorScheme,\n            }),\n            local.styles,\n          ),\n        ]\n          .filter(Boolean)\n          .join(\" \")\n      }\n      style={local.UNSAFE_style}\n    >\n      {(renderProps: TooltipRenderProps) => (\n        <>\n          <Show when={showArrow()}>\n            {/* Faithful to upstream S2 `<OverlayArrow className=\"\">`, which wraps\n                the arrow `<svg>` with NO `aria-hidden` — so the svg surfaces as a\n                `role=\"img\"` node inside the tooltip's AX subtree (verified against\n                `@react-spectrum/s2@1.5.1`). An earlier port hand-hid the arrow\n                (`aria-hidden`), a self-inflicted divergence from upstream. */}\n            <div\n              data-rsp-slot=\"tooltip-arrow\"\n              style={arrowFrameStyle(renderProps.placement ?? \"top\")}\n            >\n              <svg\n                class={arrowStyles({ ...renderProps, placement: renderProps.placement ?? \"top\" })}\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 10 5\"\n              >\n                <path d=\"M4.29289 4.29289L0 0H10L5.70711 4.29289C5.31658 4.68342 4.68342 4.68342 4.29289 4.29289Z\" />\n              </svg>\n            </div>\n          </Show>\n          {local.children}\n        </>\n      )}\n    </HeadlessTooltip>\n  );\n}\n\nfunction arrowFrameStyle(placement: TooltipResolvedPlacement): JSX.CSSProperties {\n  const base: JSX.CSSProperties = {\n    position: \"absolute\",\n  };\n\n  switch (placement) {\n    case \"bottom\":\n      return { ...base, bottom: \"100%\", left: \"50%\", transform: \"translateX(-50%)\" };\n    case \"left\":\n      return { ...base, left: \"100%\", top: \"50%\", transform: \"translateY(-50%)\" };\n    case \"right\":\n      return { ...base, right: \"100%\", top: \"50%\", transform: \"translateY(-50%)\" };\n    case \"top\":\n    default:\n      return { ...base, top: \"100%\", left: \"50%\", transform: \"translateX(-50%)\" };\n  }\n}\n\nexport interface SimpleTooltipProps {\n  /** The content to show in the tooltip */\n  label: string;\n  /** The trigger element */\n  children: JSX.Element;\n  /** Position of the tooltip */\n  position?: \"top\" | \"bottom\";\n  /** Additional CSS class */\n  class?: string;\n}\n\n/**\n * Simple CSS-only tooltip component.\n * Uses CSS hover effect for performance. No JS state management.\n *\n * @deprecated Use the accessible Tooltip + TooltipTrigger components instead.\n *\n * @example\n * ```tsx\n * <SimpleTooltip label=\"Save your changes\">\n *   <button>Save</button>\n * </SimpleTooltip>\n * ```\n */\nexport function SimpleTooltip(props: SimpleTooltipProps): JSX.Element {\n  const position = () => props.position ?? \"bottom\";\n\n  return (\n    <div class={`vui-tooltip ${props.class ?? \"\"}`}>\n      <div class=\"vui-tooltip__trigger\">{props.children}</div>\n      <div class={`vui-tooltip__content vui-tooltip__content--${position()}`}>\n        <span>{props.label}</span>\n      </div>\n    </div>\n  );\n}\n\nexport type { TooltipRenderProps };\n"],"mappings":";;;;;;;AA0CA,MAAM,UAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEN,MAAM,cAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCN,SAAgB,eAAe,OAAiC;CAC9D,OAAA,gBAAQ,kBAA2B,KAAK;AAC1C;;;;;;;;;;;;AAaA,SAAgB,QAAQ,OAA0B;CAChD,MAAM,QAAQ,SAAA;CACd,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CAAA,CACD;CAED,MAAM,kBAAkB,MAAM,cAAc;CAE5C,OAAA,gBACG,WAAA,WACK,MAAI;EACR,qBAAqB;EACrB,WAAW;EACX,QAAQ;EAAA,UACA,gBACN;GACE,MAAM;GACN,MAAM;GACN,YACE,QAAQ;IACN,GAAG;IACH,WAAW,YAAY,aAAa;IACpC,aAAa,MAAM;GACrB,CAAA,GACA,MAAM,MAAM;EAAA,EAGb,OAAO,OAAA,EACP,KAAK,GAAA;EAAA,IAEV,QAAA;GAAA,OAAO,MAAM;EAAY;EAAA,WAEvB,gBAAa,CAAA,gBAEV,MAAA;GAAA,IAAK,OAAA;IAAA,OAAM,UAAA;GAAA;GAAA,IAAA,WAAA;IAAA,IAAA,OAAA,eAAA,MAAA,GAAA,QAAA,KAAA;IAAA,QAAA,QAAA;KAAA,IAAA,MAQD,gBAAgB,YAAY,aAAa,KAAA,GAAA,OAGvC,YAAY;MAAE,GAAG;MAAa,WAAW,YAAY,aAAa;KAAM,CAAA;KAAA,IAAA,IAAA,MAAA,MAAA,KAAA,IAAA,CAAA;KAAA,SAAA,IAAA,KAAA,aAAA,OAAA,SAAA,IAAA,IAAA,IAAA;KAAA,OAAA;IAAA,GAAA;KAAA,GAAA,KAAA;KAAA,GAAA,KAAA;IAAA,CAAA;IAAA,OAAA;GAAA;EAAA,CAAA,GAAA,WAQpF,MAAM,QAAQ,CAAA;CAEnB,CAAA,CAAA;AAGN;AAEA,SAAS,gBAAgB,WAA0C;CACjE,MAAM,OAA0B,EAC9B,UAAU,WACZ;CAEA,QAAQ,WAAR;EACE,KAAK,UACH,OAAO;GAAE,GAAG;GAAM,QAAQ;GAAQ,MAAM;GAAO,WAAW;EAAmB;EAC/E,KAAK,QACH,OAAO;GAAE,GAAG;GAAM,MAAM;GAAQ,KAAK;GAAO,WAAW;EAAmB;EAC5E,KAAK,SACH,OAAO;GAAE,GAAG;GAAM,OAAO;GAAQ,KAAK;GAAO,WAAW;EAAmB;EAE7E,SACE,OAAO;GAAE,GAAG;GAAM,KAAK;GAAQ,MAAM;GAAO,WAAW;EAAmB;CAC9E;AACF;;;;;;;;;;;;;;AA0BA,SAAgB,cAAc,OAAgC;CAC5D,MAAM,iBAAiB,MAAM,YAAY;CAEzC,cAAA;EAAA,IAAA,QAAA,eAAA,OAAA,GAAA,QAAA,MAAA,YAAA,QAAA,MAAA,aAAA,QAAA,MAAA;EAAA,OAAA,aAEuC,MAAM,QAAQ;EAAA,OAAA,aAExC,MAAM,KAAK;EAAA,QAAA,QAAA;GAAA,IAAA,OAHV,eAAe,MAAM,SAAS,MAAI,OAEhC,8CAA8C,SAAA;GAAY,SAAA,IAAA,KAAA,UAAA,OAAA,IAAA,IAAA,IAAA;GAAA,SAAA,IAAA,KAAA,UAAA,OAAA,IAAA,IAAA,IAAA;GAAA,OAAA;EAAA,GAAA;GAAA,GAAA,KAAA;GAAA,GAAA,KAAA;EAAA,CAAA;EAAA,OAAA;CAAA,GAAA;AAK5E"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/tooltip/index.tsx"],"sourcesContent":["/*\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/Tooltip.tsx\n\n// Port of packages/@react-spectrum/s2/src/Tooltip.tsx.\n\nimport { Show } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  Tooltip as HeadlessTooltip,\n  TooltipTrigger as HeadlessTooltipTrigger,\n  type TooltipPlacement,\n  type TooltipProps as HeadlessTooltipProps,\n  type TooltipTriggerComponentProps as HeadlessTooltipTriggerProps,\n  type TooltipRenderProps,\n  type TooltipResolvedPlacement,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { centerPadding, setColorScheme, style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { useTheme, type ColorScheme } from \"../provider\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type { TooltipPlacement };\nexport type TooltipVariant = \"default\" | \"neutral\" | \"info\";\n\nexport interface TooltipTriggerProps extends HeadlessTooltipTriggerProps {\n  /** The children of the tooltip trigger (trigger element and tooltip). */\n  children: JSX.Element;\n}\n\nexport interface TooltipProps extends Omit<HeadlessTooltipProps, \"class\" | \"style\" | \"children\"> {\n  /** The content of the tooltip. */\n  children: JSX.Element;\n  /** The position of the tooltip relative to the trigger. */\n  placement?: TooltipPlacement;\n  /** Deprecated legacy visual variant. Spectrum 2 tooltips use a single neutral treatment. */\n  variant?: TooltipVariant;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Backward-compatible arrow toggle. Spectrum 2 tooltips render an arrow by default. */\n  showArrow?: boolean;\n}\n\nconst tooltip = style<TooltipRenderProps & { colorScheme: ColorScheme | null }>({\n  ...setColorScheme(),\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  maxWidth: 160,\n  minHeight: 24,\n  boxSizing: \"border-box\",\n  font: \"ui-sm\",\n  color: {\n    /* The float tier's ink. `gray-25` was the near-white that paired with the opaque\n     * `neutral` fill below; over a translucent LIGHT-scheme float it is near-white on\n     * near-white. `gray-800` is the stop the register pins to its primary ink and the\n     * one `heading`/`title` already resolve to (style/spectrum-theme.ts), so it flips\n     * with the scheme the way the surface under it does. */\n    default: \"gray-800\",\n    forcedColors: \"ButtonText\",\n  },\n  borderWidth: {\n    default: 1,\n    forcedColors: 1,\n  },\n  borderStyle: {\n    default: \"solid\",\n    forcedColors: \"solid\",\n  },\n  borderColor: {\n    default: \"[var(--track)]\",\n    forcedColors: \"transparent\",\n  },\n  /* Terminal Glass tier 2. A tooltip is the smallest float, but it is a float: it lands\n   * over a panel, a card or a control, and it is the same family as the popover and the\n   * menu that can open from the same trigger. It was the one overlay left opaque\n   * (`neutral`, a solid dark ramp stop), which read as a Spectrum tooltip parked on a\n   * Terminal Glass page — and in the light scheme it was a black chip.\n   *\n   * Kept behind `--s2-container-bg` so `arrowStyles` below can paint the arrow with the\n   * same fill; without the custom property the arrow would need its own copy of the\n   * token and would drift from the body the first time the surface moved. */\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: {\n      default: \"float\",\n      forcedColors: \"Background\",\n    },\n  },\n  backgroundColor: \"--s2-container-bg\",\n  backdropFilter: \"var(--blur-clear)\",\n  /* Float elevation: `--shadow-float` plus the `--edge-glass` rim, the pair the handoff\n   * puts on every tier-2 overlay. A tooltip needs it more than the others do — it is the\n   * smallest surface and the one most often shown over dense content. */\n  boxShadow: \"[var(--shadow-float), var(--edge-glass)]\",\n  // The register's control corner: a tooltip is label-sized, so it keeps the 5px\n  // button corner rather than the 8px the larger floats take.\n  borderRadius: \"control\",\n  fontFamily: \"code\",\n  paddingX: \"edge-to-text\",\n  paddingY: centerPadding(),\n  transition: \"default\",\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: \"in\",\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  opacity: {\n    isEntering: 0,\n    isExiting: 0,\n  },\n  overflowWrap: {\n    default: \"break-word\",\n  },\n});\n\nconst arrowStyles = style<TooltipRenderProps>({\n  display: \"block\",\n  /* Same fill as the body — `gray-800` was the opaque neutral's near-match and left a\n   * solid dark spike hanging off a translucent tooltip. */\n  fill: \"--s2-container-bg\",\n  width: 10,\n  height: 5,\n  rotate: {\n    placement: {\n      top: 0,\n      bottom: \"180deg\",\n      left: \"-90deg\",\n      right: \"90deg\",\n    },\n  },\n  translateX: {\n    placement: {\n      left: \"-25%\",\n      right: \"25%\",\n    },\n  },\n});\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip.\n * It handles opening and closing the Tooltip when the user hovers\n * over or focuses the trigger.\n *\n * @example\n * ```tsx\n * <TooltipTrigger>\n *   <Button>Hover me</Button>\n *   <Tooltip>This is helpful information</Tooltip>\n * </TooltipTrigger>\n * ```\n */\nexport function TooltipTrigger(props: TooltipTriggerProps): JSX.Element {\n  return <HeadlessTooltipTrigger {...props} />;\n}\n\n/**\n * Styled tooltip component that displays a description on hover or focus.\n *\n * @example\n * ```tsx\n * <TooltipTrigger placement=\"top\">\n *   <Button>Save</Button>\n *   <Tooltip>Save your changes</Tooltip>\n * </TooltipTrigger>\n * ```\n */\nexport function Tooltip(props: TooltipProps): JSX.Element {\n  const theme = useTheme();\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"showArrow\",\n    \"variant\",\n  ]);\n\n  const showArrow = () => local.showArrow !== false;\n\n  return (\n    <HeadlessTooltip\n      {...rest}\n      arrowBoundaryOffset={8}\n      arrowSize={10}\n      offset={9}\n      class={(renderProps: TooltipRenderProps) =>\n        [\n          local.UNSAFE_className,\n          local.class,\n          mergeStyles(\n            tooltip({\n              ...renderProps,\n              placement: renderProps.placement ?? \"top\",\n              colorScheme: theme.colorScheme,\n            }),\n            local.styles,\n          ),\n        ]\n          .filter(Boolean)\n          .join(\" \")\n      }\n      style={local.UNSAFE_style}\n    >\n      {(renderProps: TooltipRenderProps) => (\n        <>\n          <Show when={showArrow()}>\n            {/* Faithful to upstream S2 `<OverlayArrow className=\"\">`, which wraps\n                the arrow `<svg>` with NO `aria-hidden` — so the svg surfaces as a\n                `role=\"img\"` node inside the tooltip's AX subtree (verified against\n                `@react-spectrum/s2@1.5.1`). An earlier port hand-hid the arrow\n                (`aria-hidden`), a self-inflicted divergence from upstream. */}\n            <div\n              data-rsp-slot=\"tooltip-arrow\"\n              style={arrowFrameStyle(renderProps.placement ?? \"top\")}\n            >\n              <svg\n                class={arrowStyles({ ...renderProps, placement: renderProps.placement ?? \"top\" })}\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 10 5\"\n              >\n                <path d=\"M4.29289 4.29289L0 0H10L5.70711 4.29289C5.31658 4.68342 4.68342 4.68342 4.29289 4.29289Z\" />\n              </svg>\n            </div>\n          </Show>\n          {local.children}\n        </>\n      )}\n    </HeadlessTooltip>\n  );\n}\n\nfunction arrowFrameStyle(placement: TooltipResolvedPlacement): JSX.CSSProperties {\n  const base: JSX.CSSProperties = {\n    position: \"absolute\",\n  };\n\n  switch (placement) {\n    case \"bottom\":\n      return { ...base, bottom: \"100%\", left: \"50%\", transform: \"translateX(-50%)\" };\n    case \"left\":\n      return { ...base, left: \"100%\", top: \"50%\", transform: \"translateY(-50%)\" };\n    case \"right\":\n      return { ...base, right: \"100%\", top: \"50%\", transform: \"translateY(-50%)\" };\n    case \"top\":\n    default:\n      return { ...base, top: \"100%\", left: \"50%\", transform: \"translateX(-50%)\" };\n  }\n}\n\nexport interface SimpleTooltipProps {\n  /** The content to show in the tooltip */\n  label: string;\n  /** The trigger element */\n  children: JSX.Element;\n  /** Position of the tooltip */\n  position?: \"top\" | \"bottom\";\n  /** Additional CSS class */\n  class?: string;\n}\n\n/**\n * Simple CSS-only tooltip component.\n * Uses CSS hover effect for performance. No JS state management.\n *\n * @deprecated Use the accessible Tooltip + TooltipTrigger components instead.\n *\n * @example\n * ```tsx\n * <SimpleTooltip label=\"Save your changes\">\n *   <button>Save</button>\n * </SimpleTooltip>\n * ```\n */\nexport function SimpleTooltip(props: SimpleTooltipProps): JSX.Element {\n  const position = () => props.position ?? \"bottom\";\n\n  return (\n    <div class={`vui-tooltip ${props.class ?? \"\"}`}>\n      <div class=\"vui-tooltip__trigger\">{props.children}</div>\n      <div class={`vui-tooltip__content vui-tooltip__content--${position()}`}>\n        <span>{props.label}</span>\n      </div>\n    </div>\n  );\n}\n\nexport type { TooltipRenderProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4DA,MAAM,UAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FN,MAAM,cAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCN,SAAgB,eAAe,OAAiC;CAC9D,OAAA,gBAAA,kBAAmC,KAAK;AAC1C;;;;;;;;;;;GAaA,SAAgB,QAAQ,OAA0B;CAChD,MAAM,QAAQ,SAAA;CACd,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CAED,MAAM,kBAAkB,MAAM,cAAc;CAE5C,OAAO,gBAAA,WAAA,WAEC,MAFD;EAGH,qBAAqB;EACrB,WAAW;EACX,QAAQ;EACR,QAAQ,gBACN;GACE,MAAM;GACN,MAAM;GACN,YACE,QAAQ;IACN,GAAG;IACH,WAAW,YAAY,aAAa;IACpC,aAAa,MAAM;GACrB,CAAA,GACA,MAAM,MAAM;EAEf,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA;EAEV,IAAA,QAAA;GAAO,OAAA,MAAM;EAAY;EAtBtB,WAwBD,gBACE,CACA,gBAAA,MAAA;GAAM,IAAA,OAAA;IAAM,OAAA,UAAA;GAAA;GAAZ,IAAA,WAAA;IAME,IAAA,OAAA,eAAA,MAWE;IAPA,IAAA,QAAA,KAAA;IAFA,aAAA;;MAAO,GAAA,YAAA,gBAAgB,YAAY,aAAa,KAAA,CAAA;MAG9C,GAAA,YAAO,YAAY;OAAE,GAAG;OAAa,WAAW,YAAY,aAAa;MAAM,CAAA,CAAA;KAHjC;IAAhD,IAAA,EAAA,GAAA,KAAA,QAAA;KAAgD,MAAA,MAAA,GAAA,KAAA,CAAA;KAG9C,UAAA,OAAA,GAAA,KAAA,CAA+E;IAHjC,CAAA;IARpD,OAME;GAYA;EACF,CAAA,GAAA,WAAA;GAAC,OAAA,MAAM;EAAQ,CAAA,CAnBf;CAsBJ,CAAA,CAAA;AAEN;AAEA,SAAS,gBAAgB,WAA0C;CACjE,MAAM,OAA0B,EAC9B,UAAU,WACZ;CAEA,QAAQ,WAAR;EACE,KAAK,UACH,OAAO;GAAE,GAAG;GAAM,QAAQ;GAAQ,MAAM;GAAO,WAAW;EAAmB;EAC/E,KAAK,QACH,OAAO;GAAE,GAAG;GAAM,MAAM;GAAQ,KAAK;GAAO,WAAW;EAAmB;EAC5E,KAAK,SACH,OAAO;GAAE,GAAG;GAAM,OAAO;GAAQ,KAAK;GAAO,WAAW;EAAmB;EAE7E,SACE,OAAO;GAAE,GAAG;GAAM,KAAK;GAAQ,MAAM;GAAO,WAAW;EAAmB;CAC9E;AACF;;;;;;;;;;;;;GA0BA,SAAgB,cAAc,OAAgC;CAC5D,MAAM,iBAAiB,MAAM,YAAY;CAElC,IAAA,QAAA,eAAA,OAMH;CAJA,IAAA,QAAA,MAAA;CACA,IAAA,QAAA,MAAA;CACE,IAAA,QAAA,MAAA;CAFF,OAAA,OAAW,YAAA;EAAwB,OAAA,MAAM;CAAQ,CAAA,CAAG;CAElD,OAAA,aAAC;EAAM,OAAA,MAAM;CAAK,CAAG;CAHpB,aAAA;;GAAO,GAAA,eAAe,MAAM,SAAS;GAEnC,GAAO,8CAA8C,SAAA;EAFd;CAAzC,IAAA,EAAA,GAAA,KAAA,QAAA;EAAyC,UAAA,OAAA,GAAA,KAAA,CAAA;EAEvC,UAAA,OAAA,GAAA,KAAA,CAAiE;CAF1B,CAAA;CADhD,OAAO;AAQT"}

package/dist/tooltip/index.jsx

@@ -1,116 +1,142 @@
+/*
+* 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/Tooltip.tsx
 import { t as mergeStyles } from "../_chunk/runtime.jsx";
-import { useTheme } from "../provider/index.jsx";
-import { Show, splitProps } from "solid-js";
+import { o as useTheme } from "../_chunk/provider.jsx";
+import { Show } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { Tooltip as Tooltip$1, TooltipTrigger as TooltipTrigger$1 } from "@proyecto-viviana/solidaria-components";
 //#region src/tooltip/index.tsx
 const tooltip = function anonymous(props) {
 	let rules = " ";
-	if (props.colorScheme === "dark") rules += " -ICUGx-_pa151";
-	else if (props.colorScheme === "light") rules += " -ICUGx-_pb151";
-	else if (props.colorScheme === "light dark") rules += " -ICUGx-_pc151";
-	rules += " _pK8eoyd151";
-	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU151";
-	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c151";
+	if (props.colorScheme === "dark") rules += " -ICUGx-_pa17";
+	else if (props.colorScheme === "light") rules += " -ICUGx-_pb17";
+	else if (props.colorScheme === "light dark") {
+		rules += " -ICUGx-_pb17";
+		rules += " -ICUGx-D1v0V_pa17";
+	}
+	rules += " _pK8eoyd17";
+	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU17";
+	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c17";
 	else if (props.colorScheme === "light dark") {
-		rules += " -NvXmrd-_ZN8Gi4c151";
-		rules += " -NvXmrd-D1v0V_ZLmU151";
+		rules += " -NvXmrd-_ZN8Gi4c17";
+		rules += " -NvXmrd-D1v0V_ZLmU17";
 	}
-	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c151";
-	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU151";
+	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c17";
+	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU17";
 	else if (props.colorScheme === "light dark") {
-		rules += " -j9blY-_ZLmU151";
-		rules += " -j9blY-D1v0V_ZN8Gi4c151";
+		rules += " -j9blY-_ZLmU17";
+		rules += " -j9blY-D1v0V_ZN8Gi4c17";
 	}
-	rules += " _Ca151";
-	rules += " eb151";
-	rules += " Le151";
-	rules += " MAyFGYc151";
-	rules += " _oa151";
-	rules += " uxe7h4151";
-	rules += " -_6BNtrc-b151";
-	rules += " vx151";
-	rules += " xb151";
-	rules += " _xa151";
-	rules += " _Fd151";
-	rules += " _FnuYUweb151";
-	rules += " pLZZSrd151";
-	rules += " plb151";
-	rules += " _kJ8iPYd151";
-	rules += " hXMFGYc151";
-	rules += " mlb151";
-	rules += " llb151";
-	rules += " _jlf151";
-	rules += " ilA151";
-	rules += " gHKLAu151";
-	rules += " osmOfn151";
-	rules += " nsmOfn151";
-	rules += " ksmOfn151";
-	rules += " jsmOfn151";
-	rules += " Sv151";
-	rules += " Rv151";
-	rules += " Tu7Fubd151";
-	rules += " Qu7Fubd151";
-	rules += " Yd151";
-	rules += " Xc151";
-	if (props.isExiting) rules += " _2c151";
+	rules += " _Ca17";
+	rules += " eb17";
+	rules += " Le17";
+	rules += " MAyFGYc17";
+	rules += " _oa17";
+	rules += " uxe7h417";
+	rules += " -_6BNtrc-b17";
+	rules += " vx17";
+	rules += " xb17";
+	rules += " _xa17";
+	rules += " _Fd17";
+	rules += " _FnuYUweb17";
+	rules += " pmiKvLd17";
+	rules += " plb17";
+	rules += " _kJ8iPYd17";
+	rules += " hXMFGYc17";
+	rules += " mb17";
+	rules += " mlb17";
+	rules += " lb17";
+	rules += " llb17";
+	rules += " _jf17";
+	rules += " _jlf17";
+	rules += " iOvEbWc17";
+	rules += " ilA17";
+	rules += " -Ovbhqd-gBNUKmd17";
+	rules += " -Ovbhqd-lga17";
+	rules += " gEzkoQe17";
+	rules += " -Jvcevd-0bAVIe17";
+	rules += " _nmHdxkc17";
+	rules += " osmOfn17";
+	rules += " nsmOfn17";
+	rules += " ksmOfn17";
+	rules += " jsmOfn17";
+	rules += " Sv17";
+	rules += " Rv17";
+	rules += " Tu7Fubd17";
+	rules += " Qu7Fubd17";
+	rules += " Yd17";
+	rules += " Xc17";
+	if (props.isExiting) rules += " _2c17";
 	if (props.placement === "right") {
 		if (props.isExiting) {
-			rules += " -_7PloMd-m151";
-			rules += " __Ya151";
+			rules += " -_7PloMd-m17";
+			rules += " __Ya17";
 		} else if (props.isEntering) {
-			rules += " -_7PloMd-m151";
-			rules += " __Ya151";
+			rules += " -_7PloMd-m17";
+			rules += " __Ya17";
 		}
 	} else if (props.placement === "left") {
 		if (props.isExiting) {
-			rules += " -_7PloMd-G151";
-			rules += " __Ya151";
+			rules += " -_7PloMd-G17";
+			rules += " __Ya17";
 		} else if (props.isEntering) {
-			rules += " -_7PloMd-G151";
-			rules += " __Ya151";
+			rules += " -_7PloMd-G17";
+			rules += " __Ya17";
 		}
 	}
 	if (props.placement === "bottom") {
 		if (props.isExiting) {
-			rules += " -_8PloMd-l151";
-			rules += " __Ya151";
+			rules += " -_8PloMd-l17";
+			rules += " __Ya17";
 		} else if (props.isEntering) {
-			rules += " -_8PloMd-l151";
-			rules += " __Ya151";
+			rules += " -_8PloMd-l17";
+			rules += " __Ya17";
 		}
 	} else if (props.placement === "top") {
 		if (props.isExiting) {
-			rules += " -_8PloMd-F151";
-			rules += " __Ya151";
+			rules += " -_8PloMd-F17";
+			rules += " __Ya17";
 		} else if (props.isEntering) {
-			rules += " -_8PloMd-F151";
-			rules += " __Ya151";
+			rules += " -_8PloMd-F17";
+			rules += " __Ya17";
 		}
 	}
-	if (props.isExiting) rules += " _Ia151";
-	else if (props.isEntering) rules += " _Ia151";
-	rules += " -nTSCV-LTAEPe151";
-	rules += " -M_-Mg151";
-	rules += " -_k_-l_kb151";
-	rules += " -h_-lhb151";
+	if (props.isExiting) rules += " _Ia17";
+	else if (props.isEntering) rules += " _Ia17";
+	rules += " -nTSCV-LTAEPe17";
+	rules += " -M_-Mg17";
+	rules += " -_k_-_kb17";
+	rules += " -_k_-l_kb17";
+	rules += " -h_-hb17";
+	rules += " -h_-lhb17";
 	return rules;
 };
 const arrowStyles = function anonymous(props) {
 	let rules = " ";
-	rules += " sb151";
-	rules += " tHKLAu151";
-	rules += " Zi151";
-	rules += " Ff151";
-	if (props.placement === "right") rules += " _Sd151";
-	else if (props.placement === "left") rules += " _Sa151";
-	else if (props.placement === "bottom") rules += " _Sc151";
-	else if (props.placement === "top") rules += " _Sb151";
+	rules += " sb17";
+	rules += " tEzkoQe17";
+	rules += " Zi17";
+	rules += " Ff17";
+	if (props.placement === "right") rules += " _Sd17";
+	else if (props.placement === "left") rules += " _Sa17";
+	else if (props.placement === "bottom") rules += " _Sc17";
+	else if (props.placement === "top") rules += " _Sb17";
 	if (props.placement === "right") {
-		rules += " -_7PloMd-y151";
-		rules += " __Ya151";
+		rules += " -_7PloMd-y17";
+		rules += " __Ya17";
 	} else if (props.placement === "left") {
-		rules += " -_7PloMd-e151";
-		rules += " __Ya151";
+		rules += " -_7PloMd-e17";
+		rules += " __Ya17";
 	}
 	return rules;
 };

package/dist/tooltip/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","names":[],"sources":["../../src/tooltip/index.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport {\n  Tooltip as HeadlessTooltip,\n  TooltipTrigger as HeadlessTooltipTrigger,\n  type TooltipPlacement,\n  type TooltipProps as HeadlessTooltipProps,\n  type TooltipTriggerComponentProps as HeadlessTooltipTriggerProps,\n  type TooltipRenderProps,\n  type TooltipResolvedPlacement,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { centerPadding, setColorScheme, style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { useTheme, type ColorScheme } from \"../provider\";\n\nexport type { TooltipPlacement };\nexport type TooltipVariant = \"default\" | \"neutral\" | \"info\";\n\nexport interface TooltipTriggerProps extends HeadlessTooltipTriggerProps {\n  /** The children of the tooltip trigger (trigger element and tooltip). */\n  children: JSX.Element;\n}\n\nexport interface TooltipProps extends Omit<HeadlessTooltipProps, \"class\" | \"style\" | \"children\"> {\n  /** The content of the tooltip. */\n  children: JSX.Element;\n  /** The position of the tooltip relative to the trigger. */\n  placement?: TooltipPlacement;\n  /** Deprecated legacy visual variant. Spectrum 2 tooltips use a single neutral treatment. */\n  variant?: TooltipVariant;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Backward-compatible arrow toggle. Spectrum 2 tooltips render an arrow by default. */\n  showArrow?: boolean;\n}\n\nconst tooltip = style<TooltipRenderProps & { colorScheme: ColorScheme | null }>({\n  ...setColorScheme(),\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  maxWidth: 160,\n  minHeight: 24,\n  boxSizing: \"border-box\",\n  font: \"ui-sm\",\n  color: {\n    default: \"gray-25\",\n    forcedColors: \"ButtonText\",\n  },\n  borderWidth: {\n    forcedColors: 1,\n  },\n  borderStyle: {\n    forcedColors: \"solid\",\n  },\n  borderColor: {\n    forcedColors: \"transparent\",\n  },\n  backgroundColor: \"neutral\",\n  // Glasselated: a tooltip is a small opaque label, closer to a control than to a\n  // panel — the handoff draws no tooltip, so it takes the control corner and stays\n  // unblurred, since frosting a 200ms transient just makes it harder to read.\n  borderRadius: \"control\",\n  fontFamily: \"code\",\n  paddingX: \"edge-to-text\",\n  paddingY: centerPadding(),\n  transition: \"default\",\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: \"in\",\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  opacity: {\n    isEntering: 0,\n    isExiting: 0,\n  },\n  overflowWrap: {\n    default: \"break-word\",\n  },\n});\n\nconst arrowStyles = style<TooltipRenderProps>({\n  display: \"block\",\n  fill: \"gray-800\",\n  width: 10,\n  height: 5,\n  rotate: {\n    placement: {\n      top: 0,\n      bottom: \"180deg\",\n      left: \"-90deg\",\n      right: \"90deg\",\n    },\n  },\n  translateX: {\n    placement: {\n      left: \"-25%\",\n      right: \"25%\",\n    },\n  },\n});\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip.\n * It handles opening and closing the Tooltip when the user hovers\n * over or focuses the trigger.\n *\n * @example\n * ```tsx\n * <TooltipTrigger>\n *   <Button>Hover me</Button>\n *   <Tooltip>This is helpful information</Tooltip>\n * </TooltipTrigger>\n * ```\n */\nexport function TooltipTrigger(props: TooltipTriggerProps): JSX.Element {\n  return <HeadlessTooltipTrigger {...props} />;\n}\n\n/**\n * Styled tooltip component that displays a description on hover or focus.\n *\n * @example\n * ```tsx\n * <TooltipTrigger placement=\"top\">\n *   <Button>Save</Button>\n *   <Tooltip>Save your changes</Tooltip>\n * </TooltipTrigger>\n * ```\n */\nexport function Tooltip(props: TooltipProps): JSX.Element {\n  const theme = useTheme();\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"showArrow\",\n    \"variant\",\n  ]);\n\n  const showArrow = () => local.showArrow !== false;\n\n  return (\n    <HeadlessTooltip\n      {...rest}\n      arrowBoundaryOffset={8}\n      arrowSize={10}\n      offset={9}\n      class={(renderProps: TooltipRenderProps) =>\n        [\n          local.UNSAFE_className,\n          local.class,\n          mergeStyles(\n            tooltip({\n              ...renderProps,\n              placement: renderProps.placement ?? \"top\",\n              colorScheme: theme.colorScheme,\n            }),\n            local.styles,\n          ),\n        ]\n          .filter(Boolean)\n          .join(\" \")\n      }\n      style={local.UNSAFE_style}\n    >\n      {(renderProps: TooltipRenderProps) => (\n        <>\n          <Show when={showArrow()}>\n            {/* Faithful to upstream S2 `<OverlayArrow className=\"\">`, which wraps\n                the arrow `<svg>` with NO `aria-hidden` — so the svg surfaces as a\n                `role=\"img\"` node inside the tooltip's AX subtree (verified against\n                `@react-spectrum/s2@1.5.1`). An earlier port hand-hid the arrow\n                (`aria-hidden`), a self-inflicted divergence from upstream. */}\n            <div\n              data-rsp-slot=\"tooltip-arrow\"\n              style={arrowFrameStyle(renderProps.placement ?? \"top\")}\n            >\n              <svg\n                class={arrowStyles({ ...renderProps, placement: renderProps.placement ?? \"top\" })}\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 10 5\"\n              >\n                <path d=\"M4.29289 4.29289L0 0H10L5.70711 4.29289C5.31658 4.68342 4.68342 4.68342 4.29289 4.29289Z\" />\n              </svg>\n            </div>\n          </Show>\n          {local.children}\n        </>\n      )}\n    </HeadlessTooltip>\n  );\n}\n\nfunction arrowFrameStyle(placement: TooltipResolvedPlacement): JSX.CSSProperties {\n  const base: JSX.CSSProperties = {\n    position: \"absolute\",\n  };\n\n  switch (placement) {\n    case \"bottom\":\n      return { ...base, bottom: \"100%\", left: \"50%\", transform: \"translateX(-50%)\" };\n    case \"left\":\n      return { ...base, left: \"100%\", top: \"50%\", transform: \"translateY(-50%)\" };\n    case \"right\":\n      return { ...base, right: \"100%\", top: \"50%\", transform: \"translateY(-50%)\" };\n    case \"top\":\n    default:\n      return { ...base, top: \"100%\", left: \"50%\", transform: \"translateX(-50%)\" };\n  }\n}\n\nexport interface SimpleTooltipProps {\n  /** The content to show in the tooltip */\n  label: string;\n  /** The trigger element */\n  children: JSX.Element;\n  /** Position of the tooltip */\n  position?: \"top\" | \"bottom\";\n  /** Additional CSS class */\n  class?: string;\n}\n\n/**\n * Simple CSS-only tooltip component.\n * Uses CSS hover effect for performance. No JS state management.\n *\n * @deprecated Use the accessible Tooltip + TooltipTrigger components instead.\n *\n * @example\n * ```tsx\n * <SimpleTooltip label=\"Save your changes\">\n *   <button>Save</button>\n * </SimpleTooltip>\n * ```\n */\nexport function SimpleTooltip(props: SimpleTooltipProps): JSX.Element {\n  const position = () => props.position ?? \"bottom\";\n\n  return (\n    <div class={`vui-tooltip ${props.class ?? \"\"}`}>\n      <div class=\"vui-tooltip__trigger\">{props.children}</div>\n      <div class={`vui-tooltip__content vui-tooltip__content--${position()}`}>\n        <span>{props.label}</span>\n      </div>\n    </div>\n  );\n}\n\nexport type { TooltipRenderProps };\n"],"mappings":"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"}
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/tooltip/index.tsx"],"sourcesContent":["/*\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/Tooltip.tsx\n\n// Port of packages/@react-spectrum/s2/src/Tooltip.tsx.\n\nimport { Show } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  Tooltip as HeadlessTooltip,\n  TooltipTrigger as HeadlessTooltipTrigger,\n  type TooltipPlacement,\n  type TooltipProps as HeadlessTooltipProps,\n  type TooltipTriggerComponentProps as HeadlessTooltipTriggerProps,\n  type TooltipRenderProps,\n  type TooltipResolvedPlacement,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { centerPadding, setColorScheme, style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { useTheme, type ColorScheme } from \"../provider\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type { TooltipPlacement };\nexport type TooltipVariant = \"default\" | \"neutral\" | \"info\";\n\nexport interface TooltipTriggerProps extends HeadlessTooltipTriggerProps {\n  /** The children of the tooltip trigger (trigger element and tooltip). */\n  children: JSX.Element;\n}\n\nexport interface TooltipProps extends Omit<HeadlessTooltipProps, \"class\" | \"style\" | \"children\"> {\n  /** The content of the tooltip. */\n  children: JSX.Element;\n  /** The position of the tooltip relative to the trigger. */\n  placement?: TooltipPlacement;\n  /** Deprecated legacy visual variant. Spectrum 2 tooltips use a single neutral treatment. */\n  variant?: TooltipVariant;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Backward-compatible arrow toggle. Spectrum 2 tooltips render an arrow by default. */\n  showArrow?: boolean;\n}\n\nconst tooltip = style<TooltipRenderProps & { colorScheme: ColorScheme | null }>({\n  ...setColorScheme(),\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  maxWidth: 160,\n  minHeight: 24,\n  boxSizing: \"border-box\",\n  font: \"ui-sm\",\n  color: {\n    /* The float tier's ink. `gray-25` was the near-white that paired with the opaque\n     * `neutral` fill below; over a translucent LIGHT-scheme float it is near-white on\n     * near-white. `gray-800` is the stop the register pins to its primary ink and the\n     * one `heading`/`title` already resolve to (style/spectrum-theme.ts), so it flips\n     * with the scheme the way the surface under it does. */\n    default: \"gray-800\",\n    forcedColors: \"ButtonText\",\n  },\n  borderWidth: {\n    default: 1,\n    forcedColors: 1,\n  },\n  borderStyle: {\n    default: \"solid\",\n    forcedColors: \"solid\",\n  },\n  borderColor: {\n    default: \"[var(--track)]\",\n    forcedColors: \"transparent\",\n  },\n  /* Terminal Glass tier 2. A tooltip is the smallest float, but it is a float: it lands\n   * over a panel, a card or a control, and it is the same family as the popover and the\n   * menu that can open from the same trigger. It was the one overlay left opaque\n   * (`neutral`, a solid dark ramp stop), which read as a Spectrum tooltip parked on a\n   * Terminal Glass page — and in the light scheme it was a black chip.\n   *\n   * Kept behind `--s2-container-bg` so `arrowStyles` below can paint the arrow with the\n   * same fill; without the custom property the arrow would need its own copy of the\n   * token and would drift from the body the first time the surface moved. */\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: {\n      default: \"float\",\n      forcedColors: \"Background\",\n    },\n  },\n  backgroundColor: \"--s2-container-bg\",\n  backdropFilter: \"var(--blur-clear)\",\n  /* Float elevation: `--shadow-float` plus the `--edge-glass` rim, the pair the handoff\n   * puts on every tier-2 overlay. A tooltip needs it more than the others do — it is the\n   * smallest surface and the one most often shown over dense content. */\n  boxShadow: \"[var(--shadow-float), var(--edge-glass)]\",\n  // The register's control corner: a tooltip is label-sized, so it keeps the 5px\n  // button corner rather than the 8px the larger floats take.\n  borderRadius: \"control\",\n  fontFamily: \"code\",\n  paddingX: \"edge-to-text\",\n  paddingY: centerPadding(),\n  transition: \"default\",\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: \"in\",\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  opacity: {\n    isEntering: 0,\n    isExiting: 0,\n  },\n  overflowWrap: {\n    default: \"break-word\",\n  },\n});\n\nconst arrowStyles = style<TooltipRenderProps>({\n  display: \"block\",\n  /* Same fill as the body — `gray-800` was the opaque neutral's near-match and left a\n   * solid dark spike hanging off a translucent tooltip. */\n  fill: \"--s2-container-bg\",\n  width: 10,\n  height: 5,\n  rotate: {\n    placement: {\n      top: 0,\n      bottom: \"180deg\",\n      left: \"-90deg\",\n      right: \"90deg\",\n    },\n  },\n  translateX: {\n    placement: {\n      left: \"-25%\",\n      right: \"25%\",\n    },\n  },\n});\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip.\n * It handles opening and closing the Tooltip when the user hovers\n * over or focuses the trigger.\n *\n * @example\n * ```tsx\n * <TooltipTrigger>\n *   <Button>Hover me</Button>\n *   <Tooltip>This is helpful information</Tooltip>\n * </TooltipTrigger>\n * ```\n */\nexport function TooltipTrigger(props: TooltipTriggerProps): JSX.Element {\n  return <HeadlessTooltipTrigger {...props} />;\n}\n\n/**\n * Styled tooltip component that displays a description on hover or focus.\n *\n * @example\n * ```tsx\n * <TooltipTrigger placement=\"top\">\n *   <Button>Save</Button>\n *   <Tooltip>Save your changes</Tooltip>\n * </TooltipTrigger>\n * ```\n */\nexport function Tooltip(props: TooltipProps): JSX.Element {\n  const theme = useTheme();\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"showArrow\",\n    \"variant\",\n  ]);\n\n  const showArrow = () => local.showArrow !== false;\n\n  return (\n    <HeadlessTooltip\n      {...rest}\n      arrowBoundaryOffset={8}\n      arrowSize={10}\n      offset={9}\n      class={(renderProps: TooltipRenderProps) =>\n        [\n          local.UNSAFE_className,\n          local.class,\n          mergeStyles(\n            tooltip({\n              ...renderProps,\n              placement: renderProps.placement ?? \"top\",\n              colorScheme: theme.colorScheme,\n            }),\n            local.styles,\n          ),\n        ]\n          .filter(Boolean)\n          .join(\" \")\n      }\n      style={local.UNSAFE_style}\n    >\n      {(renderProps: TooltipRenderProps) => (\n        <>\n          <Show when={showArrow()}>\n            {/* Faithful to upstream S2 `<OverlayArrow className=\"\">`, which wraps\n                the arrow `<svg>` with NO `aria-hidden` — so the svg surfaces as a\n                `role=\"img\"` node inside the tooltip's AX subtree (verified against\n                `@react-spectrum/s2@1.5.1`). An earlier port hand-hid the arrow\n                (`aria-hidden`), a self-inflicted divergence from upstream. */}\n            <div\n              data-rsp-slot=\"tooltip-arrow\"\n              style={arrowFrameStyle(renderProps.placement ?? \"top\")}\n            >\n              <svg\n                class={arrowStyles({ ...renderProps, placement: renderProps.placement ?? \"top\" })}\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 10 5\"\n              >\n                <path d=\"M4.29289 4.29289L0 0H10L5.70711 4.29289C5.31658 4.68342 4.68342 4.68342 4.29289 4.29289Z\" />\n              </svg>\n            </div>\n          </Show>\n          {local.children}\n        </>\n      )}\n    </HeadlessTooltip>\n  );\n}\n\nfunction arrowFrameStyle(placement: TooltipResolvedPlacement): JSX.CSSProperties {\n  const base: JSX.CSSProperties = {\n    position: \"absolute\",\n  };\n\n  switch (placement) {\n    case \"bottom\":\n      return { ...base, bottom: \"100%\", left: \"50%\", transform: \"translateX(-50%)\" };\n    case \"left\":\n      return { ...base, left: \"100%\", top: \"50%\", transform: \"translateY(-50%)\" };\n    case \"right\":\n      return { ...base, right: \"100%\", top: \"50%\", transform: \"translateY(-50%)\" };\n    case \"top\":\n    default:\n      return { ...base, top: \"100%\", left: \"50%\", transform: \"translateX(-50%)\" };\n  }\n}\n\nexport interface SimpleTooltipProps {\n  /** The content to show in the tooltip */\n  label: string;\n  /** The trigger element */\n  children: JSX.Element;\n  /** Position of the tooltip */\n  position?: \"top\" | \"bottom\";\n  /** Additional CSS class */\n  class?: string;\n}\n\n/**\n * Simple CSS-only tooltip component.\n * Uses CSS hover effect for performance. No JS state management.\n *\n * @deprecated Use the accessible Tooltip + TooltipTrigger components instead.\n *\n * @example\n * ```tsx\n * <SimpleTooltip label=\"Save your changes\">\n *   <button>Save</button>\n * </SimpleTooltip>\n * ```\n */\nexport function SimpleTooltip(props: SimpleTooltipProps): JSX.Element {\n  const position = () => props.position ?? \"bottom\";\n\n  return (\n    <div class={`vui-tooltip ${props.class ?? \"\"}`}>\n      <div class=\"vui-tooltip__trigger\">{props.children}</div>\n      <div class={`vui-tooltip__content vui-tooltip__content--${position()}`}>\n        <span>{props.label}</span>\n      </div>\n    </div>\n  );\n}\n\nexport type { TooltipRenderProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;AA4DA,MAAM,UAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FN,MAAM,cAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCN,SAAgB,eAAe,OAAiC;CAC9D,OAAA,CAAQ,qBAA2B;AACrC;;;;;;;;;;;GAaA,SAAgB,QAAQ,OAA0B;CAChD,MAAM,QAAQ,SAAA;CACd,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CAED,MAAM,kBAAkB,MAAM,cAAc;CAE5C,OAAO,CACJ,cACK,MACJ,qBAAqB,GACrB,WAAW,IACX,QAAQ,GACR,QAAQ,gBACN;EACE,MAAM;EACN,MAAM;EACN,YACE,QAAQ;GACN,GAAG;GACH,WAAW,YAAY,aAAa;GACpC,aAAa,MAAM;EACrB,CAAA,GACA,MAAM,MAAM;CAEf,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA,GAEV,OAAO,MAAM,cACd;QACG,gBAAoC,EAClC;UACA,CAAC,KAAK,MAAM,UAAA,GAAa;cAK4C;YACnE,CAAC,IACC,8BACA,OAAO,gBAAgB,YAAY,aAAa,KAAA,GACjD;cACC,CAAC,IACC,OAAO,YAAY;EAAE,GAAG;EAAa,WAAW,YAAY,aAAa;CAAM,CAAA,GAC/E,mCACA,mBACD;gBACC,CAAC,KAAK,+FAA+F;cACvG,EAAE,IAAI;YACR,EAAE,IAAI;UACR,EAAE,KAAK;WACN,MAAM,SAAS;QAClB,IACA;IACJ,EAAE;AAEN;AAEA,SAAS,gBAAgB,WAA0C;CACjE,MAAM,OAA0B,EAC9B,UAAU,WACZ;CAEA,QAAQ,WAAR;EACE,KAAK,UACH,OAAO;GAAE,GAAG;GAAM,QAAQ;GAAQ,MAAM;GAAO,WAAW;EAAmB;EAC/E,KAAK,QACH,OAAO;GAAE,GAAG;GAAM,MAAM;GAAQ,KAAK;GAAO,WAAW;EAAmB;EAC5E,KAAK,SACH,OAAO;GAAE,GAAG;GAAM,OAAO;GAAQ,KAAK;GAAO,WAAW;EAAmB;EAE7E,SACE,OAAO;GAAE,GAAG;GAAM,KAAK;GAAQ,MAAM;GAAO,WAAW;EAAmB;CAC9E;AACF;;;;;;;;;;;;;GA0BA,SAAgB,cAAc,OAAgC;CAC5D,MAAM,iBAAiB,MAAM,YAAY;CAEzC,OAAO,CACJ,IAAI,OAAO,eAAe,MAAM,SAAS,MAAM;MAC9C,CAAC,IAAI,8BAA8B,MAAM,SAAQ,EAAG,IAAI;MACxD,CAAC,IAAI,OAAO,8CAA8C,SAAA,KAAc;QACtE,CAAC,MAAM,MAAM,MAAK,EAAG,KAAK;MAC5B,EAAE,IAAI;IACR,EAAE;AAEN"}

package/dist/tree/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type TreeProps as HeadlessTreeProps, type TreeItemProps as HeadlessTreeItemProps, type TreeItemContentProps as HeadlessTreeItemContentProps, type TreeExpandButtonProps as HeadlessTreeExpandButtonProps, type TreeItemRenderProps, type TreeRenderItemState } from "@proyecto-viviana/solidaria-components";
 import type { Key, TreeItemData } from "@proyecto-viviana/solid-stately";
 import { type RefLike, type SpectrumContextValue } from "../button/spectrum-context";

package/dist/tree/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree/index.tsx"],"names":[],"mappings":"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"}