@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/token-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-field.js","names":["{props.children(\n                // SAFETY: The token segments come from this TokenFieldValue<T> owner's value.\n                // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- The shared context erases the concrete token value type.\n                segment as TokenSegment<\n                  T extends TokenFieldValue<infer V> ? V : never\n                >\n              )}","props.children(\n                // SAFETY: The token segments come from this TokenFieldValue<T> owner's value.\n                // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- The shared context erases the concrete token value type.\n                segment as TokenSegment<\n                  T extends TokenFieldValue<infer V> ? V : never\n                >\n              )","<span data-react-aria-token>\n              {\"\\u200B\"}\n              {props.children(\n                // SAFETY: The token segments come from this TokenFieldValue<T> owner's value.\n                // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- The shared context erases the concrete token value type.\n                segment as TokenSegment<\n                  T extends TokenFieldValue<infer V> ? V : never\n                >\n              )}\n              {\"\\u200B\"}\n            </span>","{segments().at(-1)?.text.endsWith(\"\\n\") === true ? <br /> : null}","<br />","dom.div","<dom.div\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-readonly={values.isReadOnly || undefined}\n    >\n      <LabelContext\n        value={mergeProps(\n          merge(() => aria.labelProps ?? {}),\n          {\n            get elementType(): \"span\" {\n              return \"span\";\n            },\n            registerSlot: registerLabel,\n          }\n        )}\n      >\n        <TextContext\n          value={{\n            slots: {\n              get description() {\n                return aria.descriptionProps;\n              },\n            },\n          }}\n        >\n          <TokenInputContext\n            value={{\n              aria,\n              inputRef,\n              get isDisabled() {\n                return values.isDisabled;\n              },\n              get isReadOnly() {\n                return values.isReadOnly;\n              },\n              setInputRef: (element: HTMLDivElement) => {\n                setInputRef(element);\n              },\n              state: baseState,\n            }}\n          >\n            {render.children}\n          </TokenInputContext>\n        </TextContext>\n      </LabelContext>\n    </dom.div>","<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        render,\n        merge(() => focus.focusProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        merge(() => context.aria.tokenFieldProps ?? {}),\n        field\n          ? // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            omit(field, \"ref\", \"value\", \"onChange\")\n          : // oxlint-enable solid/reactivity\n            undefined\n      )}\n      ref={(el: HTMLDivElement) => {\n        context.setInputRef(el);\n\n        assignRef(\n          untrack(() => props.ref),\n          el\n        );\n        assignRef(\n          untrack(() => field?.ref),\n          el\n        );\n      }}\n      slot={props.slot ?? undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-readonly={values.isReadOnly || undefined}\n    >\n      <For each={segments()}>\n        {(segment) =>\n          segment.type === \"text\" ? (\n            segment.text\n          ) : (\n            <span data-react-aria-token>\n              {\"\\u200B\"}\n              {props.children(\n                // SAFETY: The token segments come from this TokenFieldValue<T> owner's value.\n                // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- The shared context erases the concrete token value type.\n                segment as TokenSegment<\n                  T extends TokenFieldValue<infer V> ? V : never\n                >\n              )}\n              {\"\\u200B\"}\n            </span>\n          )\n        }\n      </For>\n      {segments().at(-1)?.text.endsWith(\"\\n\") === true ? <br /> : null}\n    </dom.div>","dom.span","<dom.span\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        render,\n        merge(() => aria.tokenProps ?? {})\n      )}\n      ref={[\n        (element: HTMLSpanElement) => {\n          setRef(element);\n        },\n        (element: HTMLSpanElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        },\n      ]}\n      contenteditable=\"false\"\n      data-selected={aria.isSelected || undefined}\n      data-disabled={context.isDisabled || undefined}\n      style={mergeProps(\n        typeof render.style === \"object\" ? render.style : {},\n        typeof aria.tokenProps.style === \"object\" ? aria.tokenProps.style : {}\n      )}\n    >\n      {render.children}\n    </dom.span>","_$ssrHydrationKey","_$scope","_$escape","_$ssr","_$memo","_$mergeProps"],"sources":["../../src/token-field.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 * Derived from Adobe React Spectrum: packages/react-aria-components/src/TokenField.tsx.\n * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createIsHidden } from \"@solid2-aria/core/collections/hidden\";\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport type { HoverProps } from \"@solid2-aria/core/interactions/create-hover\";\nimport { createToken } from \"@solid2-aria/core/tokenfield/create-token\";\nimport { createTokenField } from \"@solid2-aria/core/tokenfield/create-token-field\";\nimport type {\n  AriaTokenFieldProps,\n  TokenFieldAria,\n} from \"@solid2-aria/core/tokenfield/create-token-field\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { readProperty } from \"@solid2-aria/core/utils/read-property\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport { createTokenFieldState } from \"@solid2-aria/stately/tokenfield/create-token-field-state\";\nimport type { TokenFieldState } from \"@solid2-aria/stately/tokenfield/create-token-field-state\";\nimport type {\n  TokenFieldValue,\n  TokenSegment,\n} from \"@solid2-aria/stately/tokenfield/token-field-value\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  untrack,\n  createSignal,\n  createContext,\n  createMemo,\n  useContext,\n  omit,\n  merge,\n  onSettled,\n  For,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { FieldInputContext } from \"./autocomplete\";\nimport { LabelContext } from \"./label\";\nimport { TextContext } from \"./text\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n  createSlottedContext,\n  assignRef,\n} from \"./utils\";\nimport type {\n  Ref,\n  ClassOrFunction,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  ContextValue,\n} from \"./utils\";\n\nexport const TokenFieldContext =\n  createContext<ContextValue<TokenFieldProps, HTMLDivElement>>(null);\n\nconst TokenInputContext = createContext<TokenInputContextValue | null>(null);\n\nexport interface TokenFieldRenderProps {\n  /**\n   * Whether the token field is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the token field is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n}\n\nexport type TokenFieldProps<T extends TokenFieldValue = TokenFieldValue> =\n  AriaTokenFieldProps<T> &\n    RenderProps<TokenFieldRenderProps> &\n    SlotProps &\n    GlobalDOMAttributes<HTMLDivElement> & {\n      /**\n       * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n       * element. A function may be provided to compute the class based on component state.\n       *\n       * @default 'react-aria-TokenField'\n       */\n      class?: ClassOrFunction<TokenFieldRenderProps>;\n    };\n\nexport interface TokenInputRenderProps {\n  /**\n   * Whether the token input is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n  /**\n   * Whether the token input is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the token input is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the token input is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the token input is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n}\n\nexport interface TokenInputProps<T extends TokenFieldValue = TokenFieldValue>\n  extends\n    HoverProps,\n    StyleRenderProps<TokenInputRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * A function that renders a token for each segment in the token field.\n   */\n  children: (\n    segment: TokenSegment<T extends TokenFieldValue<infer V> ? V : never>\n  ) => JSX.Element;\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TokenInput'\n   */\n  class?: ClassOrFunction<TokenInputRenderProps>;\n}\n\nexport interface TokenRenderProps {\n  /**\n   * Whether the token is selected.\n   *\n   * @selector [data-selected]\n   */\n  isSelected: boolean;\n  /**\n   * Whether the token is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n}\n\nexport interface TokenProps\n  extends\n    RenderProps<TokenRenderProps, \"span\">,\n    GlobalDOMAttributes<HTMLSpanElement> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Token'\n   */\n  class?: ClassOrFunction<TokenRenderProps>;\n}\n\ninterface TokenInputContextValue {\n  state: TokenFieldState;\n  aria: TokenFieldAria;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  inputRef: Accessor<HTMLDivElement | null>;\n  setInputRef: (element: HTMLDivElement) => void;\n}\n\nexport function TokenField<T extends TokenFieldValue = TokenFieldValue>(\n  input: TokenFieldProps<T> & { ref?: Ref<HTMLDivElement> }\n): JSX.Element {\n  if (createIsHidden()) {\n    // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n    return null;\n  }\n\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    TokenFieldContext\n  );\n\n  const field = createSlottedContext(FieldInputContext, props.slot);\n\n  const [inputRef, setInputRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [registerLabel, label] = createSlot(\n    () => !isTruthy(props[\"aria-label\"]) && !isTruthy(props[\"aria-labelledby\"])\n  );\n\n  const stateProps = new Proxy(props, {\n    get(target, key) {\n      if (key === \"onChange\") {\n        return (value: T) => {\n          props.onChange?.(value);\n          field?.onChange?.(value.toString());\n        };\n      }\n\n      return readProperty(target, key);\n    },\n  });\n\n  const state = createTokenFieldState<T>(stateProps);\n  // Context and the accessibility adapter erase T, while all updates use the value object's subtype-preserving methods.\n  // SAFETY: TokenFieldValue edits preserve the concrete value subtype, and this context belongs to the same owner.\n  // oxlint-disable-next-line typescript/no-unsafe-type-assertion, anti-slop/no-chained-type-assertions -- The accessibility adapter uses the base TokenFieldValue contract.\n  const baseState = state as unknown as TokenFieldState;\n\n  const ariaProps = new Proxy(props, {\n    get(target, key) {\n      if (key === \"label\") {\n        return label();\n      }\n\n      if (key === \"role\") {\n        return props.role ?? \"textbox\";\n      }\n\n      return readProperty(target, key);\n    },\n  });\n\n  const aria = createTokenField<T>(ariaProps, baseState, inputRef);\n\n  const values: TokenFieldRenderProps = {\n    get isDisabled() {\n      return props.isDisabled === true;\n    },\n    get isReadOnly() {\n      return props.isReadOnly === true;\n    },\n  };\n\n  const render = createRenderProps<TokenFieldRenderProps>(\n    merge(props, { defaultClass: \"solid2-aria-TokenField\", values })\n  );\n\n  return (\n    <dom.div\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-readonly={values.isReadOnly || undefined}\n    >\n      <LabelContext\n        value={mergeProps(\n          merge(() => aria.labelProps ?? {}),\n          {\n            get elementType(): \"span\" {\n              return \"span\";\n            },\n            registerSlot: registerLabel,\n          }\n        )}\n      >\n        <TextContext\n          value={{\n            slots: {\n              get description() {\n                return aria.descriptionProps;\n              },\n            },\n          }}\n        >\n          <TokenInputContext\n            value={{\n              aria,\n              inputRef,\n              get isDisabled() {\n                return values.isDisabled;\n              },\n              get isReadOnly() {\n                return values.isReadOnly;\n              },\n              setInputRef: (element: HTMLDivElement) => {\n                setInputRef(element);\n              },\n              state: baseState,\n            }}\n          >\n            {render.children}\n          </TokenInputContext>\n        </TextContext>\n      </LabelContext>\n    </dom.div>\n  );\n}\n\nexport function TokenInput<T extends TokenFieldValue = TokenFieldValue>(\n  props: TokenInputProps<T> & { ref?: Ref<HTMLDivElement> }\n): JSX.Element {\n  const context = useContext(TokenInputContext);\n\n  if (!context) {\n    throw new Error(\"TokenInput must be rendered in a TokenField.\");\n  }\n\n  const hover = createHover(\n    mergeProps(props, {\n      get isDisabled() {\n        return context.isDisabled;\n      },\n    })\n  );\n\n  const focus = createFocusRing({ isTextInput: true });\n\n  const field = createSlottedContext(\n    FieldInputContext,\n    untrack(() => props.slot)\n  );\n\n  const values: TokenInputRenderProps = {\n    get isDisabled() {\n      return context.isDisabled;\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return focus.isFocused;\n    },\n    get isHovered() {\n      return hover.isHovered;\n    },\n    get isReadOnly() {\n      return context.isReadOnly;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(omit(props, \"children\"), {\n      defaultClass: \"solid2-aria-TokenInput\",\n      values,\n    })\n  );\n\n  let previousSegments = untrack(() => context.state.value.segments);\n\n  const segments = createMemo(() => {\n    if (!context.state.isComposing) {\n      previousSegments = context.state.value.segments;\n    }\n\n    return previousSegments;\n  });\n\n  onSettled(() => insertSelectionStyle(context.inputRef()));\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        render,\n        merge(() => focus.focusProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        merge(() => context.aria.tokenFieldProps ?? {}),\n        field\n          ? // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            omit(field, \"ref\", \"value\", \"onChange\")\n          : // oxlint-enable solid/reactivity\n            undefined\n      )}\n      ref={(el: HTMLDivElement) => {\n        context.setInputRef(el);\n\n        assignRef(\n          untrack(() => props.ref),\n          el\n        );\n        assignRef(\n          untrack(() => field?.ref),\n          el\n        );\n      }}\n      slot={props.slot ?? undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-readonly={values.isReadOnly || undefined}\n    >\n      <For each={segments()}>\n        {(segment) =>\n          segment.type === \"text\" ? (\n            segment.text\n          ) : (\n            <span data-react-aria-token>\n              {\"\\u200B\"}\n              {props.children(\n                // SAFETY: The token segments come from this TokenFieldValue<T> owner's value.\n                // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- The shared context erases the concrete token value type.\n                segment as TokenSegment<\n                  T extends TokenFieldValue<infer V> ? V : never\n                >\n              )}\n              {\"\\u200B\"}\n            </span>\n          )\n        }\n      </For>\n      {segments().at(-1)?.text.endsWith(\"\\n\") === true ? <br /> : null}\n    </dom.div>\n  );\n}\n\nexport function Token(\n  props: TokenProps & { ref?: Ref<HTMLSpanElement> }\n): JSX.Element {\n  const context = useContext(TokenInputContext);\n\n  if (!context) {\n    throw new Error(\"Token must be rendered in a TokenInput.\");\n  }\n\n  const [ref, setRef] = createSignal<HTMLSpanElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const aria = createToken({}, context.state, ref);\n\n  const values: TokenRenderProps = {\n    get isDisabled() {\n      return context.isDisabled;\n    },\n    get isSelected() {\n      return aria.isSelected;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Token\", values })\n  );\n\n  return (\n    <dom.span\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        render,\n        merge(() => aria.tokenProps ?? {})\n      )}\n      ref={[\n        (element: HTMLSpanElement) => {\n          setRef(element);\n        },\n        (element: HTMLSpanElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        },\n      ]}\n      contenteditable=\"false\"\n      data-selected={aria.isSelected || undefined}\n      data-disabled={context.isDisabled || undefined}\n      style={mergeProps(\n        typeof render.style === \"object\" ? render.style : {},\n        typeof aria.tokenProps.style === \"object\" ? aria.tokenProps.style : {}\n      )}\n    >\n      {render.children}\n    </dom.span>\n  );\n}\n\nconst tokenSelectionStyles = new WeakMap<\n  Document | ShadowRoot,\n  { sheet: CSSStyleSheet; users: number }\n>();\n\nfunction insertSelectionStyle(\n  element: HTMLDivElement | null\n): (() => void) | undefined {\n  if (!element || typeof CSSStyleSheet !== \"function\") {\n    return undefined;\n  }\n\n  const root = element.getRootNode();\n\n  if (\n    (!(root instanceof Document) && !(root instanceof ShadowRoot)) ||\n    !isTruthy(root.adoptedStyleSheets)\n  ) {\n    return undefined;\n  }\n\n  let entry = tokenSelectionStyles.get(root);\n\n  if (!entry) {\n    const sheet = new CSSStyleSheet();\n    sheet.replaceSync(\n      \"[data-react-aria-token]::selection,[data-react-aria-token]>*::selection{background:#ffffff01}\"\n    );\n    entry = { sheet, users: 0 };\n    tokenSelectionStyles.set(root, entry);\n    root.adoptedStyleSheets = [...root.adoptedStyleSheets, sheet];\n  }\n\n  entry.users += 1;\n\n  return () => {\n    entry.users -= 1;\n\n    if (entry.users === 0) {\n      root.adoptedStyleSheets = root.adoptedStyleSheets.filter(\n        (sheet) => sheet !== entry.sheet\n      );\n      tokenSelectionStyles.delete(root);\n    }\n  };\n}\n"],"mappings":"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"}

package/dist/server/toolbar.js

@@ -0,0 +1,67 @@
+/*
+ * Copyright 2023 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Toolbar.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps, createRenderProps, dom } from "./utils.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, untrack } from "solid-js";
+import { mergeProps as mergeProps$1 } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createToolbar } from "@solid2-aria/core/toolbar/create-toolbar";
+// src/toolbar.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$2 = {
+	get() {
+		return this[_m$2].orientation;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3) {
+	this[_m$] = _p;
+	this[_m$2] = _p2;
+	this.ref = _p3;
+	Object.defineProperty(this, "slot", _d$);
+	Object.defineProperty(this, "data-orientation", _d$2);
+}
+_P$.prototype = Object.prototype;
+const ToolbarContext = createContext({});
+function Toolbar(input) {
+	const [props, ref, setRef] = createContextProps(input, untrack(() => input.ref), ToolbarContext);
+	const aria = createToolbar(props, ref);
+	const values = { get orientation() {
+		return props.orientation ?? "horizontal";
+	} };
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-Toolbar",
+		values
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => aria.toolbarProps ?? {}), render);
+	}, new _P$(props, values, (element) => {
+		setRef(element);
+	})));
+}
+export { Toolbar, ToolbarContext };
+
+//# sourceMappingURL=toolbar.js.map

package/dist/server/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","names":["dom.div","<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.toolbarProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-orientation={values.orientation}\n    />","_$mergeProps"],"sources":["../../src/toolbar.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 * Derived from Adobe React Spectrum: packages/react-aria-components/src/Toolbar.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createToolbar } from \"@solid2-aria/core/toolbar/create-toolbar\";\nimport type { AriaToolbarProps } from \"@solid2-aria/core/toolbar/create-toolbar\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport type { JSX } from \"@solidjs/web\";\nimport { merge, untrack, createContext } from \"solid-js\";\n\nimport { dom, createContextProps, createRenderProps } from \"./utils\";\nimport type { ContextValue, Ref, RenderProps, SlotProps } from \"./utils\";\n\nexport interface ToolbarRenderProps {\n  orientation: \"horizontal\" | \"vertical\";\n}\n\nexport interface ToolbarProps\n  extends AriaToolbarProps, SlotProps, RenderProps<ToolbarRenderProps> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const ToolbarContext = createContext<\n  ContextValue<ToolbarProps, HTMLDivElement>\n>({});\n\nexport function Toolbar(input: ToolbarProps): JSX.Element {\n  const [props, ref, setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    ToolbarContext\n  );\n\n  const aria = createToolbar(props, ref);\n\n  const values: ToolbarRenderProps = {\n    get orientation() {\n      return props.orientation ?? \"horizontal\";\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Toolbar\", values })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.toolbarProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-orientation={values.orientation}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAqEM,O,SAAM,CAAM,QAAQ,KAAA;;;;;;;EACpB,O,UAAkB,CAAO;;;;;;;;;;;;;AAlC/B,MAAa,iBAAiB,cAE5B,CAAC,CAAC;AAEJ,SAAgB,QAAQ,OAAkC;CACxD,MAAM,CAAC,OAAO,KAAK,UAAU,mBAC3B,OACA,cAAc,MAAM,GAAG,GACvB,cACF;CAEA,MAAM,OAAO,cAAc,OAAO,GAAG;CAErC,MAAM,SAA6B,EACjC,IAAI,cAAc;EAChB,OAAO,MAAM,eAAe;CAC9B,EACF;CAEA,MAAM,SAAS,kBACb,WAAW,OAAO;EAAE,cAAc;EAAuB;CAAO,CAAC,CACnE;CAEA,OAAA,IACGA,IAADC,mBACE;EAAI,OAAA,WACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,YAAY,KAAK,gBAAgB,CAAC,CAAC,GACnC,MACF;CAAC,GALH,IAAA,IASQ,OACY,SAJZ,YAA4B;EAChC,OAAO,OAAO;CAChB,CAGD,CAAA,CAAA;AAEL"}

package/dist/server/tooltip.js

@@ -0,0 +1,331 @@
+/*
+ * Copyright 2022 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Tooltip.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, warmup animation state, and reactive properties for Solid 2; included data attributes in the tooltip contract; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps, createRenderProps, dom } from "./utils.js";
+import { OverlayArrowContext } from "./overlay-arrow.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { Show, createContext, createSignal, merge, onSettled, untrack, useContext } from "solid-js";
+import { mergeProps as mergeProps$1 } from "@solidjs/web";
+import { requireValue } from "@solid2-aria/core/utils/require-value";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { Overlay } from "@solid2-aria/core/overlays/overlay";
+import { createEnterAnimation, createExitAnimation } from "@solid2-aria/core/utils/animation";
+import { FocusableProvider } from "@solid2-aria/core/interactions/create-focusable";
+import { createTooltipTriggerState } from "@solid2-aria/stately/tooltip/create-tooltip-trigger-state";
+import { createOverlayPosition } from "@solid2-aria/core/overlays/create-overlay-position";
+import { createTooltip } from "@solid2-aria/core/tooltip/create-tooltip";
+import { createTooltipTrigger } from "@solid2-aria/core/tooltip/create-tooltip-trigger";
+// src/tooltip.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	this.ref = _p2;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		const aria = this[_m$];
+		const ref = this[_m$2];
+		return mergeProps(merge(() => aria.tooltipProps ?? {}), { triggerRef: ref });
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		const aria = this[_m$];
+		const props = this[_m$3];
+		const setRef = this[_m$4];
+		return FocusableProvider(mergeProps$1(() => {
+			return aria.triggerProps;
+		}, new _P$(props, (element) => {
+			setRef(element);
+		})));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5, _p6) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	this[_m$3] = _p5;
+	this[_m$4] = _p6;
+	Object.defineProperty(this, "value", _d$2);
+	Object.defineProperty(this, "children", _d$3);
+}
+_P$2.prototype = Object.prototype;
+var _d$4 = {
+	get() {
+		const aria = this[_m$];
+		const ref = this[_m$2];
+		const props = this[_m$3];
+		const setRef = this[_m$4];
+		return TooltipContext(new _P$2(aria, ref, props, setRef));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p7, _p8, _p9, _p0, _p1) {
+	this[_m$] = _p7;
+	this[_m$2] = _p8;
+	this[_m$3] = _p9;
+	this[_m$4] = _p0;
+	this.value = _p1;
+	Object.defineProperty(this, "children", _d$4);
+}
+_P$3.prototype = Object.prototype;
+var _d$5 = {
+	get() {
+		return this[_m$].UNSTABLE_portalContainer;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		const props = this[_m$];
+		const ref = this[_m$2];
+		const setRef = this[_m$3];
+		const state = this[_m$4];
+		const exiting = this[_m$5];
+		return TooltipInner({
+			props,
+			tooltipRef: ref,
+			setTooltipRef: (element) => {
+				setRef(element);
+			},
+			state,
+			exiting
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p10, _p11, _p12, _p13, _p14, _p15) {
+	this[_m$] = _p10;
+	this[_m$2] = _p11;
+	this[_m$3] = _p12;
+	this[_m$4] = _p13;
+	this[_m$5] = _p14;
+	Object.defineProperty(this, "portalContainer", _d$5);
+	this.disableFocusManagement = _p15;
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$4.prototype = Object.prototype;
+var _d$7 = {
+	get() {
+		const state = this[_m$];
+		const exiting = this[_m$2];
+		return state.isOpen || exiting();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$8 = {
+	get() {
+		const props = this[_m$3];
+		const ref = this[_m$4];
+		const setRef = this[_m$5];
+		const state = this[_m$];
+		const exiting = this[_m$2];
+		return Overlay(new _P$4(props, ref, setRef, state, exiting, true));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p16, _p17, _p18, _p19, _p20) {
+	this[_m$] = _p16;
+	this[_m$2] = _p17;
+	this[_m$3] = _p18;
+	this[_m$4] = _p19;
+	this[_m$5] = _p20;
+	Object.defineProperty(this, "when", _d$7);
+	Object.defineProperty(this, "children", _d$8);
+}
+_P$5.prototype = Object.prototype;
+var _d$9 = {
+	get() {
+		const position = this[_m$];
+		const setArrowRef = this[_m$2];
+		return mergeProps(merge(() => position.arrowProps ?? {}), {
+			get placement() {
+				return position.placement;
+			},
+			ref: (element) => {
+				setArrowRef(element);
+			}
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$10 = {
+	get() {
+		return this[_m$3].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p21, _p22, _p23) {
+	this[_m$] = _p21;
+	this[_m$2] = _p22;
+	this[_m$3] = _p23;
+	Object.defineProperty(this, "value", _d$9);
+	Object.defineProperty(this, "children", _d$10);
+}
+_P$6.prototype = Object.prototype;
+var _d$11 = {
+	get() {
+		const position = this[_m$];
+		const render = this[_m$2];
+		return {
+			...typeof position.overlayProps.style === "object" ? position.overlayProps.style : void 0,
+			...typeof render.style === "object" ? render.style : void 0
+		};
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$12 = {
+	get() {
+		return this[_m$3].placement;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$13 = {
+	get() {
+		return this[_m$3].isEntering || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$14 = {
+	get() {
+		return this[_m$3].isExiting || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$15 = {
+	get() {
+		const position = this[_m$];
+		const setArrowRef = this[_m$4];
+		const render = this[_m$2];
+		return OverlayArrowContext(new _P$6(position, setArrowRef, render));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p24, _p25, _p26, _p27, _p28) {
+	this[_m$] = _p24;
+	this[_m$2] = _p25;
+	this[_m$3] = _p26;
+	this[_m$4] = _p27;
+	Object.defineProperty(this, "style", _d$11);
+	this.ref = _p28;
+	Object.defineProperty(this, "data-placement", _d$12);
+	Object.defineProperty(this, "data-entering", _d$13);
+	Object.defineProperty(this, "data-exiting", _d$14);
+	Object.defineProperty(this, "children", _d$15);
+}
+_P$7.prototype = Object.prototype;
+const fallbackTrigger = () => null;
+const TooltipContext = createContext(null);
+const TooltipTriggerStateContext = createContext(null);
+function TooltipTrigger(props) {
+	const state = createTooltipTriggerState(props);
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	const aria = createTooltipTrigger(props, state, ref);
+	return TooltipTriggerStateContext(new _P$3(aria, ref, props, setRef, state));
+}
+function Tooltip(input) {
+	const [props, ref, setRef] = createContextProps(input, untrack(() => input.ref), TooltipContext);
+	const context = useContext(TooltipTriggerStateContext);
+	const local = createTooltipTriggerState(props);
+	const state = untrack(() => props.isOpen !== void 0 || props.defaultOpen !== void 0 || !context) ? local : requireValue(context, "Expected context");
+	const exitAnimation = createExitAnimation(ref, () => state.isOpen);
+	const exiting = () => props.isExiting === true || !state.shouldSkipAnimation && exitAnimation();
+	return Show(new _P$5(state, exiting, props, ref, setRef));
+}
+function TooltipInner(args) {
+	onSettled(() => () => {
+		args.setTooltipRef(null);
+	});
+	const [arrowRef, setArrowRef] = createSignal(null, { ownedWrite: true });
+	const position = createOverlayPosition(mergeProps(merge(() => args.props ?? {}), {
+		arrowRef,
+		get isOpen() {
+			return args.state.isOpen;
+		},
+		onClose() {
+			args.state.close(true);
+		},
+		get overlayRef() {
+			return args.tooltipRef;
+		},
+		get placement() {
+			return args.props.placement ?? "top";
+		},
+		get targetRef() {
+			return args.props.triggerRef ?? fallbackTrigger;
+		}
+	}));
+	const aria = createTooltip(mergeProps(merge(() => args.props ?? {}), {
+		get "aria-label"() {
+			return typeof args.props["aria-label"] === "string" ? args.props["aria-label"] : void 0;
+		},
+		get "aria-labelledby"() {
+			return typeof args.props["aria-labelledby"] === "string" ? args.props["aria-labelledby"] : void 0;
+		}
+	}), untrack(() => args.state));
+	const entering = createEnterAnimation(untrack(() => args.tooltipRef), () => position.placement !== null);
+	const values = {
+		get isEntering() {
+			return args.props.isEntering === true || !args.state.shouldSkipAnimation && entering();
+		},
+		get isExiting() {
+			return args.exiting();
+		},
+		get placement() {
+			return position.placement;
+		}
+	};
+	const render = createRenderProps(mergeProps(merge(() => args.props ?? {}), {
+		defaultClass: "solid2-aria-Tooltip",
+		values
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(args.props, { global: true }), merge(() => position.overlayProps ?? {}), merge(() => aria.tooltipProps ?? {}), render);
+	}, new _P$7(position, render, values, setArrowRef, (element) => {
+		args.setTooltipRef(element);
+	})));
+}
+export { Tooltip, TooltipContext, TooltipTrigger, TooltipTriggerStateContext };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/server/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["tooltipRef={ref}","setTooltipRef={(element: HTMLDivElement | null) => {\n            setRef(element);\n          }}","dom.div","<dom.div\n      {...mergeProps(\n        filterDOMProps(args.props, { global: true }),\n        merge(() => position.overlayProps ?? {}),\n        merge(() => aria.tooltipProps ?? {}),\n        render\n      )}\n      style={{\n        ...(typeof position.overlayProps.style === \"object\"\n          ? position.overlayProps.style\n          : undefined),\n        ...(typeof render.style === \"object\" ? render.style : undefined),\n      }}\n      ref={(element: HTMLDivElement) => {\n        args.setTooltipRef(element);\n      }}\n      data-placement={values.placement}\n      data-entering={values.isEntering || undefined}\n      data-exiting={values.isExiting || undefined}\n    >\n      <OverlayArrowContext\n        value={mergeProps(\n          merge(() => position.arrowProps ?? {}),\n          {\n            get placement() {\n              return position.placement;\n            },\n            ref: (element: HTMLDivElement) => {\n              setArrowRef(element);\n            },\n          }\n        )}\n      >\n        {render.children}\n      </OverlayArrowContext>\n    </dom.div>","_$mergeProps"],"sources":["../../src/tooltip.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 * Derived from Adobe React Spectrum: packages/react-aria-components/src/Tooltip.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, warmup animation state, and reactive properties for Solid 2; included data attributes in the tooltip contract; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { FocusableProvider } from \"@solid2-aria/core/interactions/create-focusable\";\nimport { createOverlayPosition } from \"@solid2-aria/core/overlays/create-overlay-position\";\nimport type {\n  PositionProps,\n  PlacementAxis,\n} from \"@solid2-aria/core/overlays/create-overlay-position\";\nimport { Overlay } from \"@solid2-aria/core/overlays/overlay\";\nimport { createTooltip } from \"@solid2-aria/core/tooltip/create-tooltip\";\nimport { createTooltipTrigger } from \"@solid2-aria/core/tooltip/create-tooltip-trigger\";\nimport {\n  createEnterAnimation,\n  createExitAnimation,\n} from \"@solid2-aria/core/utils/animation\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { requireValue } from \"@solid2-aria/core/utils/require-value\";\nimport { createTooltipTriggerState } from \"@solid2-aria/stately/tooltip/create-tooltip-trigger-state\";\nimport type {\n  TooltipTriggerProps,\n  TooltipTriggerState,\n} from \"@solid2-aria/stately/tooltip/create-tooltip-trigger-state\";\nimport type { FocusableElement, DOMProps } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  createSignal,\n  createContext,\n  Show,\n  useContext,\n  untrack,\n  onSettled,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { OverlayArrowContext } from \"./overlay-arrow\";\nimport { dom, createContextProps, createRenderProps } from \"./utils\";\nimport type { ContextValue, Ref, RenderProps } from \"./utils\";\n\nconst fallbackTrigger = () => null;\n\nexport interface TooltipTriggerComponentProps extends TooltipTriggerProps {\n  children?: JSX.Element;\n}\n\nexport interface TooltipRenderProps {\n  placement: PlacementAxis | null;\n  isEntering: boolean;\n  isExiting: boolean;\n}\n\nexport interface TooltipProps\n  extends\n    PositionProps,\n    TooltipTriggerProps,\n    RenderProps<TooltipRenderProps>,\n    Pick<DOMProps, `data-${string}`> {\n  ref?: Ref<HTMLDivElement>;\n  triggerRef?: Accessor<Element | null>;\n  isEntering?: boolean;\n  isExiting?: boolean;\n  UNSTABLE_portalContainer?: Element;\n  \"aria-label\"?: JSX.HTMLAttributes<HTMLDivElement>[\"aria-label\"];\n  \"aria-labelledby\"?: JSX.HTMLAttributes<HTMLDivElement>[\"aria-labelledby\"];\n}\n\nexport const TooltipContext =\n  createContext<ContextValue<TooltipProps, HTMLDivElement>>(null);\n\nexport const TooltipTriggerStateContext =\n  createContext<TooltipTriggerState | null>(null);\n\nexport function TooltipTrigger(\n  props: TooltipTriggerComponentProps\n): JSX.Element {\n  const state = createTooltipTriggerState(props);\n\n  const [ref, setRef] = createSignal<FocusableElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const aria = createTooltipTrigger(props, state, ref);\n\n  return (\n    <TooltipTriggerStateContext value={state}>\n      <TooltipContext\n        value={mergeProps(\n          merge(() => aria.tooltipProps ?? {}),\n          { triggerRef: ref }\n        )}\n      >\n        <FocusableProvider\n          {...aria.triggerProps}\n          ref={(element: FocusableElement) => {\n            setRef(element);\n          }}\n        >\n          {props.children}\n        </FocusableProvider>\n      </TooltipContext>\n    </TooltipTriggerStateContext>\n  );\n}\n\nexport function Tooltip(input: TooltipProps): JSX.Element {\n  const [props, ref, setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    TooltipContext\n  );\n\n  const context = useContext(TooltipTriggerStateContext);\n  const local = createTooltipTriggerState(props);\n\n  const state = untrack(\n    () =>\n      props.isOpen !== undefined || props.defaultOpen !== undefined || !context\n  )\n    ? local\n    : requireValue(context, \"Expected context\");\n\n  const exitAnimation = createExitAnimation(ref, () => state.isOpen);\n\n  const exiting = () =>\n    props.isExiting === true || (!state.shouldSkipAnimation && exitAnimation());\n\n  return (\n    <Show when={state.isOpen || exiting()}>\n      <Overlay\n        portalContainer={props.UNSTABLE_portalContainer}\n        disableFocusManagement\n      >\n        <TooltipInner\n          props={props}\n          tooltipRef={ref}\n          setTooltipRef={(element: HTMLDivElement | null) => {\n            setRef(element);\n          }}\n          state={state}\n          exiting={exiting}\n        />\n      </Overlay>\n    </Show>\n  );\n}\n\nfunction TooltipInner(args: {\n  props: TooltipProps;\n  tooltipRef: Accessor<HTMLDivElement | null>;\n  setTooltipRef: (element: HTMLDivElement | null) => void;\n  state: TooltipTriggerState;\n  exiting: () => boolean;\n}): JSX.Element {\n  onSettled(() => () => {\n    args.setTooltipRef(null);\n  });\n\n  const [arrowRef, setArrowRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const position = createOverlayPosition(\n    mergeProps(\n      merge(() => args.props ?? {}),\n      {\n        arrowRef,\n        get isOpen() {\n          return args.state.isOpen;\n        },\n        onClose() {\n          args.state.close(true);\n        },\n        get overlayRef() {\n          return args.tooltipRef;\n        },\n        get placement() {\n          return args.props.placement ?? \"top\";\n        },\n        get targetRef() {\n          return args.props.triggerRef ?? fallbackTrigger;\n        },\n      }\n    )\n  );\n\n  const aria = createTooltip(\n    mergeProps(\n      merge(() => args.props ?? {}),\n      {\n        get \"aria-label\"() {\n          return typeof args.props[\"aria-label\"] === \"string\"\n            ? args.props[\"aria-label\"]\n            : undefined;\n        },\n        get \"aria-labelledby\"() {\n          return typeof args.props[\"aria-labelledby\"] === \"string\"\n            ? args.props[\"aria-labelledby\"]\n            : undefined;\n        },\n      }\n    ),\n    untrack(() => args.state)\n  );\n\n  const entering = createEnterAnimation(\n    untrack(() => args.tooltipRef),\n    () => position.placement !== null\n  );\n\n  const values: TooltipRenderProps = {\n    get isEntering() {\n      return (\n        args.props.isEntering === true ||\n        (!args.state.shouldSkipAnimation && entering())\n      );\n    },\n    get isExiting() {\n      return args.exiting();\n    },\n    get placement() {\n      return position.placement;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(\n      merge(() => args.props ?? {}),\n      { defaultClass: \"solid2-aria-Tooltip\", values }\n    )\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(args.props, { global: true }),\n        merge(() => position.overlayProps ?? {}),\n        merge(() => aria.tooltipProps ?? {}),\n        render\n      )}\n      style={{\n        ...(typeof position.overlayProps.style === \"object\"\n          ? position.overlayProps.style\n          : undefined),\n        ...(typeof render.style === \"object\" ? render.style : undefined),\n      }}\n      ref={(element: HTMLDivElement) => {\n        args.setTooltipRef(element);\n      }}\n      data-placement={values.placement}\n      data-entering={values.isEntering || undefined}\n      data-exiting={values.isExiting || undefined}\n    >\n      <OverlayArrowContext\n        value={mergeProps(\n          merge(() => position.arrowProps ?? {}),\n          {\n            get placement() {\n              return position.placement;\n            },\n            ref: (element: HTMLDivElement) => {\n              setArrowRef(element);\n            },\n          }\n        )}\n      >\n        {render.children}\n      </OverlayArrowContext>\n    </dom.div>\n  );\n}\n"],"mappings":"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"}