@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["selectRef={setRef}","{render.children}","<HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />","ref={input.selectRef}","dom.div","<dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>","dom.span","<dom.span\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      ref={(element: HTMLElement) => {\n        setRef(element);\n      }}\n      data-placeholder={values.isPlaceholder || undefined}\n    >\n      <TextContext value={null}>{render.children}</TextContext>\n    </dom.span>","_$memo","_$mergeProps","_$applyRef","intlMessages","render"],"sources":["../../src/select.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/Select.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 { BaseCollection } from \"@solid2-aria/core/collections/base-collection\";\nimport { CollectionBuilder } from \"@solid2-aria/core/collections/collection-builder\";\nimport { createIsHidden } from \"@solid2-aria/core/collections/hidden\";\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createListFormatter } from \"@solid2-aria/core/i18n/create-list-formatter\";\nimport { createLocalizedStringFormatter } from \"@solid2-aria/core/i18n/create-localized-string-formatter\";\nimport { createSelect } from \"@solid2-aria/core/select/create-select\";\nimport type { AriaSelectProps } from \"@solid2-aria/core/select/create-select\";\nimport { HiddenSelect } from \"@solid2-aria/core/select/hidden-select\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport { createSelectState } from \"@solid2-aria/stately/select/create-select-state\";\nimport type { SelectState } from \"@solid2-aria/stately/select/create-select-state\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createSignal,\n  createContext,\n  createMemo,\n  useContext,\n  omit,\n} from \"solid-js\";\n\nimport intlMessages from \"../intl/index\";\nimport { ButtonContext } from \"./button\";\nimport { OverlayTriggerStateContext } from \"./dialog\";\nimport { FieldErrorContext } from \"./field-error\";\nimport { FormContext } from \"./form\";\nimport { LabelContext } from \"./label\";\nimport { ListBoxContext, ListStateContext } from \"./list-box\";\nimport { PopoverContext } from \"./popover\";\nimport { TextContext } from \"./text\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n  createSlottedContext,\n} from \"./utils\";\nimport type {\n  Ref,\n  ClassOrFunction,\n  RACValidation,\n  RenderProps,\n  SlotProps,\n  ContextValue,\n} from \"./utils\";\n\nexport const SelectContext = createContext<\n  ContextValue<\n    // oxlint-disable-next-line typescript/no-explicit-any -- Collection contexts erase item types; each typed factory restores its owner's item contract.\n    Omit<SelectProps<any, SelectionMode>, \"validate\" | \"onChange\">,\n    HTMLDivElement\n  >\n>(null);\n\nexport const SelectStateContext = createContext<SelectState<\n  unknown,\n  SelectionMode\n> | null>(null);\n\nexport const SelectValueContext =\n  // oxlint-disable-next-line typescript/no-explicit-any -- Collection contexts erase item types; each typed factory restores its owner's item contract.\n  createContext<ContextValue<SelectValueProps<any>, HTMLSpanElement>>(null);\n\ntype SelectionMode = \"single\" | \"multiple\";\n\nexport interface SelectRenderProps {\n  /**\n   * Whether the select is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the select is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the select is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the select is currently open.\n   *\n   * @selector [data-open]\n   */\n  isOpen: boolean;\n  /**\n   * Whether the select is invalid.\n   *\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean;\n  /**\n   * Whether the select is required.\n   *\n   * @selector [data-required]\n   */\n  isRequired: boolean;\n}\n\nexport interface SelectProps<T = object, M extends SelectionMode = \"single\">\n  extends\n    Omit<\n      AriaSelectProps<T, M>,\n      | \"children\"\n      | \"label\"\n      | \"description\"\n      | \"errorMessage\"\n      | \"validationState\"\n      | \"validationBehavior\"\n      | \"items\"\n    >,\n    RACValidation,\n    RenderProps<SelectRenderProps>,\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-Select'\n   */\n  class?: ClassOrFunction<SelectRenderProps>;\n  /**\n   * Temporary text that occupies the select when it is empty.\n   *\n   * @default 'Select an item' (localized)\n   */\n  placeholder?: string;\n}\n\nexport interface SelectValueRenderProps<T> {\n  /**\n   * Whether the value is a placeholder.\n   *\n   * @selector [data-placeholder]\n   */\n  isPlaceholder: boolean;\n  /**\n   * The object value of the first selected item.\n   *\n   * @deprecated\n   */\n  selectedItem: T | null;\n  /** The object values of the currently selected items. */\n  selectedItems: (T | null)[];\n  /** The textValue of the currently selected items. */\n  selectedText: string;\n  /** The state of the select. */\n  state: SelectState<T, \"single\" | \"multiple\">;\n}\n\nexport interface SelectValueProps<T>\n  extends\n    Omit<JSX.HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>,\n    RenderProps<SelectValueRenderProps<T>, \"span\"> {\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-SelectValue'\n   */\n  class?: ClassOrFunction<SelectValueRenderProps<T>>;\n}\n\nexport function Select<T extends object, M extends SelectionMode = \"single\">(\n  input: SelectProps<T, M> & { 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    SelectContext\n  );\n\n  const contentValues: SelectRenderProps = {\n    get isDisabled() {\n      return props.isDisabled === true;\n    },\n    isFocusVisible: false,\n    isFocused: false,\n    get isInvalid() {\n      return props.isInvalid === true;\n    },\n    isOpen: false,\n    get isRequired() {\n      return props.isRequired === true;\n    },\n  };\n\n  const content = () => {\n    const child = props.children;\n\n    return typeof child === \"function\"\n      ? child({ ...contentValues, defaultChildren: undefined })\n      : child;\n  };\n\n  return (\n    <ListStateContext value={null}>\n      <CollectionBuilder\n        createCollection={() => new BaseCollection<T>()}\n        content={content()}\n      >\n        {(collection) => (\n          <SelectInner\n            props={props}\n            collection={collection}\n            selectRef={setRef}\n          />\n        )}\n      </CollectionBuilder>\n    </ListStateContext>\n  );\n}\n\nfunction SelectInner<T extends object, M extends SelectionMode>(input: {\n  props: SelectProps<T, M>;\n  collection: BaseCollection<T>;\n  selectRef: (element: HTMLDivElement) => void;\n}): JSX.Element {\n  const [scrollRef, setScrollRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const { props } = untrack(() => input);\n  const form = createSlottedContext(FormContext);\n\n  const validationBehavior = () =>\n    props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n\n  const state = createSelectState(\n    mergeProps(props, {\n      children: undefined,\n      get collection() {\n        return input.collection;\n      },\n      get validationBehavior() {\n        return validationBehavior();\n      },\n    })\n  );\n\n  const focus = createFocusRing({ within: true });\n\n  const [buttonRef, setButtonRef] = createSignal<HTMLButtonElement | null>(\n    null,\n    { ownedWrite: true }\n  );\n\n  const [registerLabel, label] = createSlot(\n    () => !isTruthy(props[\"aria-label\"]) && !isTruthy(props[\"aria-labelledby\"])\n  );\n\n  const aria = createSelect(\n    mergeProps(props, {\n      get label() {\n        return label();\n      },\n      get validationBehavior() {\n        return validationBehavior();\n      },\n    }),\n    state,\n    buttonRef\n  );\n\n  const values: SelectRenderProps = {\n    get isDisabled() {\n      return props.isDisabled === true;\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return state.isFocused;\n    },\n    get isInvalid() {\n      return aria.isInvalid;\n    },\n    get isOpen() {\n      return state.isOpen;\n    },\n    get isRequired() {\n      return props.isRequired === true;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Select\", values })\n  );\n\n  return (\n    <SelectContext value={props}>\n      <SelectStateContext value={state}>\n        <SelectValueContext value={aria.valueProps}>\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            <ButtonContext\n              value={mergeProps(\n                merge(() => aria.triggerProps ?? {}),\n                {\n                  get autoFocus() {\n                    return props.autoFocus;\n                  },\n                  get isPressed() {\n                    return state.isOpen;\n                  },\n                  ref: (element: HTMLButtonElement) => {\n                    setButtonRef(element);\n                  },\n                }\n              )}\n            >\n              <OverlayTriggerStateContext value={state}>\n                <PopoverContext\n                  value={mergeProps(\n                    {\n                      clearContexts: [LabelContext, ButtonContext, TextContext],\n                      get placement(): \"bottom start\" {\n                        return \"bottom start\";\n                      },\n                      scrollRef,\n                      trigger: \"Select\",\n                      triggerRef: buttonRef,\n                    },\n                    {\n                      get \"aria-labelledby\"() {\n                        return aria.menuProps[\"aria-labelledby\"];\n                      },\n                    }\n                  )}\n                >\n                  <ListBoxContext\n                    value={mergeProps(\n                      merge(() => aria.menuProps ?? {}),\n                      {\n                        ref: (element: HTMLDivElement) => {\n                          setScrollRef(element);\n                        },\n                      }\n                    )}\n                  >\n                    <ListStateContext value={state}>\n                      <TextContext\n                        value={{\n                          slots: {\n                            get description() {\n                              return aria.descriptionProps;\n                            },\n                            get errorMessage() {\n                              return aria.errorMessageProps;\n                            },\n                          },\n                        }}\n                      >\n                        <FieldErrorContext value={aria}>\n                          <dom.div\n                            {...mergeProps(\n                              omit(\n                                filterDOMProps(props, { global: true }),\n                                \"id\"\n                              ),\n                              render,\n                              merge(() => focus.focusProps ?? {})\n                            )}\n                            ref={input.selectRef}\n                            slot={props.slot ?? undefined}\n                            data-focused={state.isFocused || undefined}\n                            data-focus-visible={\n                              focus.isFocusVisible || undefined\n                            }\n                            data-open={state.isOpen || undefined}\n                            data-disabled={props.isDisabled ?? undefined}\n                            data-invalid={aria.isInvalid || undefined}\n                            data-required={props.isRequired ?? undefined}\n                          >\n                            {render.children}\n                            <HiddenSelect\n                              {...aria.hiddenSelectProps}\n                              autoComplete={props.autoComplete}\n                            />\n                          </dom.div>\n                        </FieldErrorContext>\n                      </TextContext>\n                    </ListStateContext>\n                  </ListBoxContext>\n                </PopoverContext>\n              </OverlayTriggerStateContext>\n            </ButtonContext>\n          </LabelContext>\n        </SelectValueContext>\n      </SelectStateContext>\n    </SelectContext>\n  );\n}\n\nexport function SelectValue<T>(\n  input: SelectValueProps<T> & { ref?: Ref<HTMLSpanElement> }\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    SelectValueContext\n  );\n\n  const current = useContext(SelectStateContext);\n\n  if (!current) {\n    throw new Error(\"SelectValue must be rendered in a Select.\");\n  }\n\n  // The context erases the item type; it comes from the same Select owner as these render props.\n  // SAFETY: The Select owner provides the same T items consumed by this render callback.\n  // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- The context erases the owner's generic item type.\n  const state = current as SelectState<T, SelectionMode>;\n  const context = createSlottedContext(SelectContext);\n  const formatter = createListFormatter();\n\n  const strings = createLocalizedStringFormatter(\n    intlMessages,\n    \"@solid2-aria/components\"\n  );\n\n  const text = createMemo(() =>\n    state.selectedItems.map((item) => item.textValue)\n  );\n\n  const selectedText = createMemo(() =>\n    state.selectionManager.selectionMode === \"single\"\n      ? (text()[0] ?? \"\")\n      : formatter.format(text())\n  );\n\n  const defaults = createMemo(() => {\n    const rendered = state.selectedItems.map((item) => {\n      const content: unknown = item.rendered;\n\n      if (typeof content === \"function\") {\n        // SAFETY: Item render functions are stored by the typed collection factory and return Solid children.\n        // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- Collection storage erases the render callback signature.\n        const render = content as (...values: unknown[]) => JSX.Element;\n\n        return render({\n          defaultChildren: undefined,\n          isDisabled: false,\n          isFocusVisible: false,\n          isFocused: false,\n          isHovered: false,\n          isPressed: false,\n          isSelected: false,\n          selectionBehavior: \"toggle\",\n          selectionMode: \"single\",\n        });\n      }\n\n      return item.rendered;\n    });\n\n    if (!rendered.length) {\n      return context?.placeholder ?? strings.format(\"selectPlaceholder\");\n    }\n\n    if (state.selectionManager.selectionMode === \"single\") {\n      return rendered[0];\n    }\n\n    let index = 0;\n\n    return formatter\n      .formatToParts(text())\n      .map((part) =>\n        part.type === \"element\" ? rendered[(index += 1)] : part.value\n      );\n  });\n\n  const values: SelectValueRenderProps<T> = {\n    get isPlaceholder() {\n      return state.selectedItems.length === 0;\n    },\n    // oxlint-disable-next-line typescript/no-deprecated -- Preserve the upstream public getter while selectedItems remains the preferred API.\n    get selectedItem() {\n      return state.selectedItems[0]?.value ?? null;\n    },\n    get selectedItems() {\n      return state.selectedItems.map((item) => item.value);\n    },\n    get selectedText() {\n      return selectedText();\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      get defaultChildren() {\n        return defaults();\n      },\n      defaultClass: \"solid2-aria-SelectValue\",\n      values,\n    })\n  );\n\n  return (\n    <dom.span\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      ref={(element: HTMLElement) => {\n        setRef(element);\n      }}\n      data-placeholder={values.isPlaceholder || undefined}\n    >\n      <TextContext value={null}>{render.children}</TextContext>\n    </dom.span>\n  );\n}\n"],"mappings":"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"}

package/dist/server/selection-indicator.js

@@ -0,0 +1,54 @@
+/*
+ * Copyright 2025 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/SelectionIndicator.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 } from "./utils.js";
+import { SharedElement } from "./shared-element-transition.js";
+import { createContext, untrack } from "solid-js";
+import { mergeProps } from "@solidjs/web";
+// src/selection-indicator.tsx
+var _m$ = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].class ?? "solid2-aria-SelectionIndicator";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$2 = {
+	get() {
+		return this[_m$].isSelected;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3) {
+	this[_m$] = _p;
+	Object.defineProperty(this, "class", _d$);
+	this.name = _p2;
+	Object.defineProperty(this, "isVisible", _d$2);
+	this.ref = _p3;
+}
+_P$.prototype = Object.prototype;
+const SelectionIndicatorContext = createContext({ isSelected: false });
+function SelectionIndicator(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), SelectionIndicatorContext);
+	return SharedElement(mergeProps(props, new _P$(props, "SelectionIndicator", (element) => {
+		setRef(element);
+	})));
+}
+export { SelectionIndicator, SelectionIndicatorContext };
+
+//# sourceMappingURL=selection-indicator.js.map

package/dist/server/selection-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-indicator.js","names":["<SharedElement\n      {...props}\n      class={props.class ?? \"solid2-aria-SelectionIndicator\"}\n      name=\"SelectionIndicator\"\n      isVisible={props.isSelected}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n    />","_$mergeProps"],"sources":["../../src/selection-indicator.tsx"],"sourcesContent":["/*\n * Copyright 2025 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/SelectionIndicator.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 type { JSX } from \"@solidjs/web\";\nimport { untrack, createContext } from \"solid-js\";\n\nimport { SharedElement } from \"./shared-element-transition\";\nimport type { SharedElementPropsBase } from \"./shared-element-transition\";\nimport { createContextProps } from \"./utils\";\nimport type { ContextValue, SlotProps } from \"./utils\";\n\nexport interface SelectionIndicatorProps\n  extends SharedElementPropsBase, SlotProps {\n  isSelected?: boolean;\n}\n\nexport const SelectionIndicatorContext = createContext<\n  ContextValue<SelectionIndicatorProps, HTMLDivElement>\n>({ isSelected: false });\n\nexport function SelectionIndicator(\n  input: SelectionIndicatorProps\n): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    SelectionIndicatorContext\n  );\n\n  return (\n    <SharedElement\n      {...props}\n      class={props.class ?? \"solid2-aria-SelectionIndicator\"}\n      name=\"SelectionIndicator\"\n      isVisible={props.isSelected}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA8CM,O,SAAO,CAAM,SAAS;;;;;;;EAEtB,O,SAAW,CAAM;;;;;;;;;;;;;AAlBvB,MAAa,4BAA4B,cAEvC,EAAE,YAAY,MAAM,CAAC;AAEvB,SAAgB,mBACd,OACa;CACb,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,yBACF;CAEA,OAAA,cACEA,WACM,OADN,IAAA,IAES,OACP,uBAEM,YAA4B;EAChC,OAAO,OAAO;CAChB,CACD,CAAA,CAAA;AAEL"}

package/dist/server/separator.js

@@ -0,0 +1,91 @@
+/*
+ * 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/Separator.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 { assignRef, createContextProps, dom } from "./utils.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, untrack } from "solid-js";
+import { dynamic, mergeProps as mergeProps$1 } from "@solidjs/web";
+import { CollectionNode } from "@solid2-aria/core/collections/base-collection";
+import { createLeafComponent } from "@solid2-aria/core/collections/collection-builder";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createSeparator } from "@solid2-aria/core/separator/create-separator";
+// src/separator.tsx
+var _m$ = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].class ?? "solid2-aria-Separator";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$2 = {
+	get() {
+		return this[_m$].style;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		return this[_m$].render;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	Object.defineProperty(this, "class", _d$);
+	Object.defineProperty(this, "style", _d$2);
+	Object.defineProperty(this, "render", _d$3);
+	this.ref = _p2;
+	Object.defineProperty(this, "slot", _d$4);
+}
+_P$.prototype = Object.prototype;
+const SeparatorContext = createContext({});
+var SeparatorNode = class extends CollectionNode {
+	static type = "separator";
+	filter(collection, next) {
+		const prev = this.prevKey === null ? null : next.getItem(this.prevKey);
+		if (!prev || prev.type === "separator") return null;
+		const clone = this.clone();
+		next.addDescendants(clone, collection);
+		return clone;
+	}
+};
+const SeparatorComponent = createLeafComponent(SeparatorNode, (input) => {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), SeparatorContext);
+	const aria = createSeparator(props);
+	return dynamic(() => dom[props.elementType === "div" || props.orientation === "vertical" ? "div" : "hr"])(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => aria.separatorProps ?? {}));
+	}, new _P$(props, (element) => {
+		setRef(element);
+	})));
+});
+function Separator(props) {
+	return SeparatorComponent(mergeProps$1(props, { ref: (element) => {
+		assignRef(untrack(() => props.ref), element);
+	} }));
+}
+export { Separator, SeparatorContext, SeparatorNode };
+
+//# sourceMappingURL=separator.js.map

package/dist/server/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":["<Element\n        {...mergeProps(\n          filterDOMProps(props, { global: true }),\n          merge(() => aria.separatorProps ?? {})\n        )}\n        class={props.class ?? \"solid2-aria-Separator\"}\n        style={props.style}\n        render={props.render}\n        ref={(element: HTMLElement) => {\n          setRef(element);\n        }}\n        slot={props.slot ?? undefined}\n      />","<SeparatorComponent\n      {...props}\n      ref={(element: HTMLElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />","ref={(element: HTMLElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}","_$mergeProps"],"sources":["../../src/separator.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/Separator.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 { CollectionNode } from \"@solid2-aria/core/collections/base-collection\";\nimport type { BaseCollection } from \"@solid2-aria/core/collections/base-collection\";\nimport { createLeafComponent } from \"@solid2-aria/core/collections/collection-builder\";\nimport { createSeparator } from \"@solid2-aria/core/separator/create-separator\";\nimport type { SeparatorProps as AriaSeparatorProps } from \"@solid2-aria/core/separator/create-separator\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { dynamic } from \"@solidjs/web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { merge, untrack, createContext } from \"solid-js\";\n\nimport { assignRef, dom, createContextProps } from \"./utils\";\nimport type {\n  ContextValue,\n  Ref,\n  StyleProps,\n  SlotProps,\n  DOMRenderProps,\n} from \"./utils\";\n\nexport interface SeparatorProps\n  extends\n    AriaSeparatorProps,\n    StyleProps,\n    SlotProps,\n    DOMRenderProps<\"hr\" | \"div\", undefined> {\n  ref?: Ref<HTMLElement>;\n}\n\nexport const SeparatorContext = createContext<\n  ContextValue<SeparatorProps, HTMLElement>\n>({});\n\nexport class SeparatorNode extends CollectionNode<unknown> {\n  static override readonly type = \"separator\";\n  override filter(\n    collection: BaseCollection<unknown>,\n    next: BaseCollection<unknown>\n  ): this | null {\n    const prev = this.prevKey === null ? null : next.getItem(this.prevKey);\n\n    if (!prev || prev.type === \"separator\") {\n      return null;\n    }\n\n    const clone = this.clone();\n    next.addDescendants(clone, collection);\n\n    return clone;\n  }\n}\n\nconst SeparatorComponent = createLeafComponent<SeparatorProps, HTMLElement>(\n  SeparatorNode,\n  (input: SeparatorProps): JSX.Element => {\n    const [props, , setRef] = createContextProps(\n      input,\n      untrack(() => input.ref),\n      SeparatorContext\n    );\n\n    const aria = createSeparator(props);\n\n    const Element = dynamic(\n      () =>\n        dom[\n          props.elementType === \"div\" || props.orientation === \"vertical\"\n            ? \"div\"\n            : \"hr\"\n        ]\n    );\n\n    return (\n      <Element\n        {...mergeProps(\n          filterDOMProps(props, { global: true }),\n          merge(() => aria.separatorProps ?? {})\n        )}\n        class={props.class ?? \"solid2-aria-Separator\"}\n        style={props.style}\n        render={props.render}\n        ref={(element: HTMLElement) => {\n          setRef(element);\n        }}\n        slot={props.slot ?? undefined}\n      />\n    );\n  }\n);\n\nexport function Separator(props: SeparatorProps): JSX.Element {\n  return (\n    <SeparatorComponent\n      {...props}\n      ref={(element: HTMLElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+FQ,O,SAAO,CAAM,SAAS;;;;;;;EACtB,O,SAAO,CAAM;;;;;;;EACb,O,SAAQ,CAAM;;;;;;;EAId,O,SAAM,CAAM,QAAQ,KAAA;;;;;;;;;;;;;;AAvD5B,MAAa,mBAAmB,cAE9B,CAAC,CAAC;AAEJ,IAAa,gBAAb,cAAmC,eAAwB;CACzD,OAAyB,OAAO;CAChC,OACE,YACA,MACa;EACb,MAAM,OAAO,KAAK,YAAY,OAAO,OAAO,KAAK,QAAQ,KAAK,OAAO;EAErE,IAAI,CAAC,QAAQ,KAAK,SAAS,aACzB,OAAO;EAGT,MAAM,QAAQ,KAAK,MAAM;EACzB,KAAK,eAAe,OAAO,UAAU;EAErC,OAAO;CACT;AACF;AAEA,MAAM,qBAAqB,oBACzB,gBACC,UAAuC;CACtC,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,gBACF;CAEA,MAAM,OAAO,gBAAgB,KAAK;CAWlC,OATgB,cAEZ,IACE,MAAM,gBAAgB,SAAS,MAAM,gBAAgB,aACjD,QACA,KAIV,CAAA,CACEA,mBACE;EAAI,OAAA,WACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,YAAY,KAAK,kBAAkB,CAAC,CAAC,CACvC;CAAC,GAJH,IAAA,IAKS,QAGD,YAAyB;EAC7B,OAAO,OAAO;CAChB,CAED,CAAA,CAAA;AAEL,CACF;AAEA,SAAgB,UAAU,OAAoC;CAC5D,OAAA,mBACEC,aACM,OADN,EAEEC,MAAM,YAAyB;EAC7B,UACE,cAAc,MAAM,GAAG,GACvB,OACF;CACF,EACD,CAAA,CAAA;AAEL"}

package/dist/server/shared-element-transition.js

@@ -0,0 +1,189 @@
+/*
+ * Copyright 2025 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/SharedElementTransition.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { assignRef, createRenderProps, dom } from "./utils.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { Show, createContext, createEffect, createSignal, onSettled, untrack, useContext } from "solid-js";
+import { mergeProps as mergeProps$1 } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+// src/shared-element-transition.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.value = _p2;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		return this[_m$].isEntering || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		return this[_m$].isExiting || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4) {
+	this[_m$] = _p3;
+	this.ref = _p4;
+	Object.defineProperty(this, "data-entering", _d$2);
+	Object.defineProperty(this, "data-exiting", _d$3);
+}
+_P$2.prototype = Object.prototype;
+var _d$4 = {
+	get() {
+		const state = this[_m$];
+		return state() !== "hidden";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		const props = this[_m$2];
+		const render = this[_m$3];
+		const values = this[_m$4];
+		const setRef = this[_m$5];
+		return dom.div(mergeProps$1(() => {
+			return filterDOMProps(props, { global: true });
+		}, render, new _P$2(values, [(element) => {
+			setRef(element);
+		}, (element) => {
+			assignRef(untrack(() => props.ref), element);
+		}])));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p5, _p6, _p7, _p8, _p9) {
+	this[_m$] = _p5;
+	this[_m$2] = _p6;
+	this[_m$3] = _p7;
+	this[_m$4] = _p8;
+	this[_m$5] = _p9;
+	Object.defineProperty(this, "when", _d$4);
+	Object.defineProperty(this, "children", _d$5);
+}
+_P$3.prototype = Object.prototype;
+const SharedElementContext = createContext(null);
+function SharedElementTransition(props) {
+	return SharedElementContext(new _P$(props, /* @__PURE__ */ new Map()));
+}
+function SharedElement(props) {
+	const scope = useContext(SharedElementContext);
+	if (!scope) throw new Error("SharedElement must be inside SharedElementTransition.");
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	const [state, setState] = createSignal(untrack(() => props.isVisible === false ? "hidden" : "visible"), { ownedWrite: true });
+	let frame;
+	let generation = 0;
+	const snapshot = () => {
+		const el = ref();
+		if (!(el?.isConnected === true) || Object.hasOwn(el.dataset, "exiting")) return;
+		const style = getComputedStyle(el);
+		if (style.transitionProperty !== "none") scope.set(props.name, {
+			rect: el.getBoundingClientRect(),
+			style: style.transitionProperty.split(/\s*,\s*/u).map((property) => [property, style.getPropertyValue(property)])
+		});
+	};
+	createEffect(() => ({
+		element: ref(),
+		name: props.name,
+		visible: props.isVisible !== false
+	}), ({ visible, name, element }) => {
+		generation += 1;
+		const current = generation;
+		if (frame !== void 0) cancelAnimationFrame(frame);
+		if (visible && !element) {
+			setState("visible");
+			return;
+		}
+		if (!element) return;
+		const previous = scope.get(name);
+		if (visible && previous) {
+			scope.delete(name);
+			setState("visible");
+			const animations = element.getAnimations?.() ?? [];
+			const values = previous.style.map(([property, value]) => {
+				const currentValue = element.style.getPropertyValue(property);
+				if (property === "translate") {
+					const rect = element.getBoundingClientRect();
+					element.style.setProperty(property, `${previous.rect.left - rect.left}px ${previous.rect.top - rect.top}px`);
+				} else element.style.setProperty(property, value);
+				return [property, currentValue];
+			});
+			for (const animation of element.getAnimations?.() ?? []) if (!animations.includes(animation)) animation.cancel();
+			frame = requestAnimationFrame(() => {
+				for (const [property, value] of values) element.style.setProperty(property, value);
+				frame = void 0;
+			});
+		} else if (visible) {
+			setState("entering");
+			frame = requestAnimationFrame(() => {
+				frame = void 0;
+				if (current === generation) setState("visible");
+			});
+		} else {
+			snapshot();
+			queueMicrotask(() => {
+				if (current !== generation) return;
+				if (scope.has(name)) {
+					scope.delete(name);
+					setState("exiting");
+					const hide = async () => {
+						await Promise.allSettled((element.getAnimations?.() ?? []).map((animation) => animation.finished));
+						if (current === generation) setState("hidden");
+					};
+					hide();
+				} else setState("hidden");
+			});
+		}
+		return snapshot;
+	});
+	onSettled(() => () => {
+		generation += 1;
+		snapshot();
+		if (frame !== void 0) cancelAnimationFrame(frame);
+	});
+	const values = {
+		get isEntering() {
+			return state() === "entering";
+		},
+		get isExiting() {
+			return state() === "exiting";
+		}
+	};
+	const render = createRenderProps(mergeProps(props, { values }));
+	return Show(new _P$3(state, props, render, values, setRef));
+}
+export { SharedElement, SharedElementTransition };
+
+//# sourceMappingURL=shared-element-transition.js.map

package/dist/server/shared-element-transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-element-transition.js","names":["dom.div","<dom.div\n        {...filterDOMProps(props, { global: true })}\n        {...render}\n        ref={[\n          (element: HTMLDivElement) => {\n            setRef(element);\n          },\n          (element: HTMLDivElement) => {\n            assignRef(\n              untrack(() => props.ref),\n              element\n            );\n          },\n        ]}\n        data-entering={values.isEntering || undefined}\n        data-exiting={values.isExiting || undefined}\n      />","_$mergeProps"],"sources":["../../src/shared-element-transition.tsx"],"sourcesContent":["/*\n * Copyright 2025 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/SharedElementTransition.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\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 {\n  createSignal,\n  createContext,\n  createEffect,\n  onSettled,\n  Show,\n  useContext,\n  untrack,\n} from \"solid-js\";\n\nimport { assignRef, dom, createRenderProps } from \"./utils\";\nimport type { Ref, SlotProps, RenderProps } from \"./utils\";\n\ninterface Snapshot {\n  rect: DOMRect;\n  style: [string, string][];\n}\n\nconst SharedElementContext = createContext<Map<string, Snapshot> | null>(null);\n\nexport interface SharedElementTransitionProps {\n  children?: JSX.Element;\n}\n\nexport function SharedElementTransition(\n  props: SharedElementTransitionProps\n): JSX.Element {\n  return (\n    <SharedElementContext value={new Map()}>\n      {props.children}\n    </SharedElementContext>\n  );\n}\n\nexport interface SharedElementRenderProps {\n  isEntering: boolean;\n  isExiting: boolean;\n}\n\nexport interface SharedElementPropsBase\n  extends\n    Omit<\n      JSX.HTMLAttributes<HTMLDivElement>,\n      \"children\" | \"class\" | \"style\" | \"ref\" | \"slot\"\n    >,\n    SlotProps,\n    RenderProps<SharedElementRenderProps> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface SharedElementProps extends SharedElementPropsBase {\n  name: string;\n  isVisible?: boolean;\n}\n\nexport function SharedElement(props: SharedElementProps): JSX.Element {\n  const scope = useContext(SharedElementContext);\n\n  if (!scope) {\n    throw new Error(\"SharedElement must be inside SharedElementTransition.\");\n  }\n\n  const [ref, setRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [state, setState] = createSignal<\n    \"visible\" | \"hidden\" | \"entering\" | \"exiting\"\n  >(\n    untrack(() => (props.isVisible === false ? \"hidden\" : \"visible\")),\n    { ownedWrite: true }\n  );\n\n  let frame: number | undefined;\n  let generation = 0;\n\n  const snapshot = () => {\n    const el = ref();\n\n    if (!(el?.isConnected === true) || Object.hasOwn(el.dataset, \"exiting\")) {\n      return;\n    }\n\n    const style = getComputedStyle(el);\n\n    if (style.transitionProperty !== \"none\") {\n      scope.set(props.name, {\n        rect: el.getBoundingClientRect(),\n        style: style.transitionProperty\n          .split(/\\s*,\\s*/u)\n          .map((property) => [property, style.getPropertyValue(property)]),\n      });\n    }\n  };\n\n  createEffect(\n    () => ({\n      element: ref(),\n      name: props.name,\n      visible: props.isVisible !== false,\n    }),\n    ({ visible, name, element }): undefined | (() => void) => {\n      generation += 1;\n      const current = generation;\n\n      if (frame !== undefined) {\n        cancelAnimationFrame(frame);\n      }\n\n      if (visible && !element) {\n        setState(\"visible\");\n\n        return undefined;\n      }\n\n      if (!element) {\n        return undefined;\n      }\n\n      const previous = scope.get(name);\n\n      if (visible && previous) {\n        scope.delete(name);\n        setState(\"visible\");\n        const animations = element.getAnimations?.() ?? [];\n\n        const values = previous.style.map(([property, value]) => {\n          const currentValue = element.style.getPropertyValue(property);\n\n          if (property === \"translate\") {\n            const rect = element.getBoundingClientRect();\n            element.style.setProperty(\n              property,\n              `${previous.rect.left - rect.left}px ${previous.rect.top - rect.top}px`\n            );\n          } else {\n            element.style.setProperty(property, value);\n          }\n\n          return [property, currentValue] as const;\n        });\n\n        for (const animation of element.getAnimations?.() ?? []) {\n          if (!animations.includes(animation)) {\n            animation.cancel();\n          }\n        }\n\n        frame = requestAnimationFrame(() => {\n          for (const [property, value] of values) {\n            element.style.setProperty(property, value);\n          }\n\n          frame = undefined;\n        });\n      } else if (visible) {\n        setState(\"entering\");\n        frame = requestAnimationFrame(() => {\n          frame = undefined;\n\n          if (current === generation) {\n            setState(\"visible\");\n          }\n        });\n      } else {\n        snapshot();\n        queueMicrotask(() => {\n          if (current !== generation) {\n            return;\n          }\n\n          if (scope.has(name)) {\n            scope.delete(name);\n            setState(\"exiting\");\n\n            const hide = async () => {\n              await Promise.allSettled(\n                (element.getAnimations?.() ?? []).map(\n                  // oxlint-disable-next-line typescript/promise-function-async -- Wait on existing animation promises without wrapping them.\n                  (animation) => animation.finished\n                )\n              );\n\n              if (current === generation) {\n                setState(\"hidden\");\n              }\n            };\n\n            void hide();\n          } else {\n            setState(\"hidden\");\n          }\n        });\n      }\n\n      return snapshot;\n    }\n  );\n  onSettled(() => () => {\n    generation += 1;\n    snapshot();\n\n    if (frame !== undefined) {\n      cancelAnimationFrame(frame);\n    }\n  });\n\n  const values: SharedElementRenderProps = {\n    get isEntering() {\n      return state() === \"entering\";\n    },\n    get isExiting() {\n      return state() === \"exiting\";\n    },\n  };\n\n  const render = createRenderProps(mergeProps(props, { values }));\n\n  return (\n    <Show when={state() !== \"hidden\"}>\n      <dom.div\n        {...filterDOMProps(props, { global: true })}\n        {...render}\n        ref={[\n          (element: HTMLDivElement) => {\n            setRef(element);\n          },\n          (element: HTMLDivElement) => {\n            assignRef(\n              untrack(() => props.ref),\n              element\n            );\n          },\n        ]}\n        data-entering={values.isEntering || undefined}\n        data-exiting={values.isExiting || undefined}\n      />\n    </Show>\n  );\n}\n"],"mappings":"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"}