@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/number-field.js

@@ -0,0 +1,371 @@
+/*
+ * 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/NumberField.tsx.
+ * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; 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, createSlot, createSlottedContext, dom, removeDataAttributes } from "./utils.js";
+import { LabelContext } from "./label.js";
+import { ButtonContext } from "./button.js";
+import { TextContext } from "./text.js";
+import { FieldErrorContext } from "./field-error.js";
+import { FormContext } from "./form.js";
+import { GroupContext } from "./group.js";
+import { InputContext } from "./input.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, merge, omit, untrack } from "solid-js";
+import { escape, memo, mergeProps as mergeProps$1, ssr, ssrAttribute, ssrGroup, ssrHydrationKey } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createLocale } from "@solid2-aria/core/i18n/i18n-provider";
+import { createNumberField } from "@solid2-aria/core/numberfield/create-number-field";
+import { createNumberFieldState } from "@solid2-aria/stately/numberfield/create-number-field-state";
+// src/number-field.tsx
+var _tmpl$ = [
+	"<input",
+	" type=\"hidden\"",
+	"",
+	"",
+	"",
+	">"
+];
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _m$6 = Symbol();
+var _m$7 = Symbol();
+var _d$ = {
+	get() {
+		const props = this[_m$];
+		return memo(() => {
+			return !!(typeof props.slot === "string" && props.slot.length > 0);
+		})() ? props.slot : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$2 = {
+	get() {
+		return this[_m$].isDisabled === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		return this[_m$].isReadOnly === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$].isRequired === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		return this[_m$2].isInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		return this[_m$3].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3, _p4) {
+	this[_m$] = _p;
+	this[_m$2] = _p2;
+	this[_m$3] = _p3;
+	this.ref = _p4;
+	Object.defineProperty(this, "slot", _d$);
+	Object.defineProperty(this, "data-disabled", _d$2);
+	Object.defineProperty(this, "data-readonly", _d$3);
+	Object.defineProperty(this, "data-required", _d$4);
+	Object.defineProperty(this, "data-invalid", _d$5);
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$.prototype = Object.prototype;
+var _d$7 = {
+	get() {
+		const props = this[_m$];
+		const render = this[_m$2];
+		const aria = this[_m$3];
+		const setRef = this[_m$4];
+		const state = this[_m$5];
+		return [dom.div(mergeProps$1(() => {
+			return omit(filterDOMProps(props, { global: true }), "id");
+		}, render, new _P$(props, aria, render, (element) => {
+			setRef(element);
+		}))), memo(() => {
+			var _v$, _g$, _v$5, _v$4;
+			return memo(() => {
+				return (props.name?.length ?? 0) > 0;
+			})() && (_v$ = ssrHydrationKey(), _g$ = ssrGroup(() => {
+				return [ssrAttribute("name", escape(props.name, true)), ssrAttribute("form", escape(props.form, true))];
+			}, 2), _v$5 = () => {
+				return ssrAttribute("disabled", escape(props.isDisabled, true));
+			}, _v$4 = () => {
+				return ssrAttribute("value", Number.isNaN(state.numberValue) ? "" : escape(state.numberValue, true));
+			}, ssr(_tmpl$, _v$, _g$, _g$, _v$4, _v$5));
+		})];
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p5, _p6, _p7, _p8, _p9, _p0) {
+	this[_m$] = _p5;
+	this[_m$2] = _p6;
+	this[_m$3] = _p7;
+	this[_m$4] = _p8;
+	this[_m$5] = _p9;
+	this.value = _p0;
+	Object.defineProperty(this, "children", _d$7);
+}
+_P$2.prototype = Object.prototype;
+var _d$8 = {
+	get() {
+		const props = this[_m$];
+		const render = this[_m$2];
+		const aria = this[_m$3];
+		const setRef = this[_m$4];
+		const state = this[_m$5];
+		return FieldErrorContext(new _P$2(props, render, aria, setRef, state, aria));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p1, _p10, _p11, _p12, _p13, _p14) {
+	this[_m$] = _p1;
+	this[_m$2] = _p10;
+	this[_m$3] = _p11;
+	this[_m$4] = _p12;
+	this[_m$5] = _p13;
+	this.value = _p14;
+	Object.defineProperty(this, "children", _d$8);
+}
+_P$3.prototype = Object.prototype;
+var _d$9 = {
+	get() {
+		const props = this[_m$];
+		const render = this[_m$2];
+		const aria = this[_m$3];
+		const setRef = this[_m$4];
+		const state = this[_m$5];
+		return TextContext(new _P$3(props, render, aria, setRef, state, { slots: {
+			get description() {
+				return aria.descriptionProps;
+			},
+			get errorMessage() {
+				return aria.errorMessageProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p15, _p16, _p17, _p18, _p19, _p20) {
+	this[_m$] = _p15;
+	this[_m$2] = _p16;
+	this[_m$3] = _p17;
+	this[_m$4] = _p18;
+	this[_m$5] = _p19;
+	this.value = _p20;
+	Object.defineProperty(this, "children", _d$9);
+}
+_P$4.prototype = Object.prototype;
+var _d$10 = {
+	get() {
+		const aria = this[_m$];
+		const registerLabel = this[_m$2];
+		return mergeProps(merge(() => aria.labelProps), { registerSlot: registerLabel });
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$11 = {
+	get() {
+		const props = this[_m$3];
+		const render = this[_m$4];
+		const aria = this[_m$];
+		const setRef = this[_m$5];
+		const state = this[_m$6];
+		return ButtonContext(new _P$4(props, render, aria, setRef, state, { slots: {
+			get decrement() {
+				return aria.decrementButtonProps;
+			},
+			get increment() {
+				return aria.incrementButtonProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p21, _p22, _p23, _p24, _p25, _p26) {
+	this[_m$] = _p21;
+	this[_m$2] = _p22;
+	this[_m$3] = _p23;
+	this[_m$4] = _p24;
+	this[_m$5] = _p25;
+	this[_m$6] = _p26;
+	Object.defineProperty(this, "value", _d$10);
+	Object.defineProperty(this, "children", _d$11);
+}
+_P$5.prototype = Object.prototype;
+var _d$12 = {
+	get() {
+		const aria = this[_m$];
+		const setInputRef = this[_m$2];
+		return mergeProps(merge(() => aria.inputProps), { ref: (element) => {
+			setInputRef(element);
+		} });
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$13 = {
+	get() {
+		const aria = this[_m$];
+		const registerLabel = this[_m$3];
+		const props = this[_m$4];
+		const render = this[_m$5];
+		const setRef = this[_m$6];
+		const state = this[_m$7];
+		return LabelContext(new _P$5(aria, registerLabel, props, render, setRef, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p27, _p28, _p29, _p30, _p31, _p32, _p33) {
+	this[_m$] = _p27;
+	this[_m$2] = _p28;
+	this[_m$3] = _p29;
+	this[_m$4] = _p30;
+	this[_m$5] = _p31;
+	this[_m$6] = _p32;
+	this[_m$7] = _p33;
+	Object.defineProperty(this, "value", _d$12);
+	Object.defineProperty(this, "children", _d$13);
+}
+_P$6.prototype = Object.prototype;
+var _d$14 = {
+	get() {
+		const aria = this[_m$];
+		return merge(() => aria.groupProps);
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$15 = {
+	get() {
+		const aria = this[_m$];
+		const setInputRef = this[_m$2];
+		const registerLabel = this[_m$3];
+		const props = this[_m$4];
+		const render = this[_m$5];
+		const setRef = this[_m$6];
+		const state = this[_m$7];
+		return InputContext(new _P$6(aria, setInputRef, registerLabel, props, render, setRef, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p34, _p35, _p36, _p37, _p38, _p39, _p40) {
+	this[_m$] = _p34;
+	this[_m$2] = _p35;
+	this[_m$3] = _p36;
+	this[_m$4] = _p37;
+	this[_m$5] = _p38;
+	this[_m$6] = _p39;
+	this[_m$7] = _p40;
+	Object.defineProperty(this, "value", _d$14);
+	Object.defineProperty(this, "children", _d$15);
+}
+_P$7.prototype = Object.prototype;
+var _d$16 = {
+	get() {
+		const aria = this[_m$];
+		const setInputRef = this[_m$2];
+		const registerLabel = this[_m$3];
+		const props = this[_m$4];
+		const render = this[_m$5];
+		const setRef = this[_m$6];
+		const state = this[_m$7];
+		return GroupContext(new _P$7(aria, setInputRef, registerLabel, props, render, setRef, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$8(_p41, _p42, _p43, _p44, _p45, _p46, _p47, _p48) {
+	this[_m$] = _p41;
+	this[_m$2] = _p42;
+	this[_m$3] = _p43;
+	this[_m$4] = _p44;
+	this[_m$5] = _p45;
+	this[_m$6] = _p46;
+	this[_m$7] = _p47;
+	this.value = _p48;
+	Object.defineProperty(this, "children", _d$16);
+}
+_P$8.prototype = Object.prototype;
+const NumberFieldContext = createContext(null);
+const NumberFieldStateContext = createContext(null);
+function NumberField(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), NumberFieldContext);
+	const locale = createLocale();
+	const form = createSlottedContext(FormContext);
+	const options = mergeProps(props, {
+		get locale() {
+			return locale.locale;
+		},
+		get validationBehavior() {
+			return props.validationBehavior ?? form?.validationBehavior ?? "native";
+		}
+	});
+	const state = createNumberFieldState(options);
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const [registerLabel, label] = createSlot(() => (props["aria-label"]?.length ?? 0) === 0 && (props["aria-labelledby"]?.length ?? 0) === 0);
+	const aria = createNumberField(mergeProps(removeDataAttributes(options), { get label() {
+		return label();
+	} }), state, inputRef);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-NumberField",
+		values: {
+			get isDisabled() {
+				return props.isDisabled ?? false;
+			},
+			get isInvalid() {
+				return aria.isInvalid;
+			},
+			get isReadOnly() {
+				return props.isReadOnly ?? false;
+			},
+			get isRequired() {
+				return props.isRequired ?? false;
+			},
+			state
+		}
+	}));
+	return NumberFieldStateContext(new _P$8(aria, setInputRef, registerLabel, props, render, setRef, state, state));
+}
+export { NumberField, NumberFieldContext, NumberFieldStateContext };
+
+//# sourceMappingURL=number-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.js","names":["typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined","dom.div","<dom.div\n                    {\n                      // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                      ...omit(filterDOMProps(props, { global: true }), \"id\")\n                      // oxlint-enable solid/reactivity\n                    }\n                    {...render}\n                    ref={(element: HTMLDivElement) => {\n                      setRef(element);\n                    }}\n                    slot={\n                      typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined\n                    }\n                    data-disabled={props.isDisabled === true ? true : undefined}\n                    data-readonly={props.isReadOnly === true ? true : undefined}\n                    data-required={props.isRequired === true ? true : undefined}\n                    data-invalid={aria.isInvalid || undefined}\n                  >\n                    {render.children}\n                  </dom.div>","{(props.name?.length ?? 0) > 0 && (\n                    <input\n                      type=\"hidden\"\n                      name={props.name}\n                      form={props.form}\n                      value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }\n                      disabled={props.isDisabled}\n                    />\n                  )}","name={props.name}","props.name","form={props.form}","props.form","props.isDisabled","state.numberValue","<input\n                      type=\"hidden\"\n                      name={props.name}\n                      form={props.form}\n                      value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }\n                      disabled={props.isDisabled}\n                    />","value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }","disabled={props.isDisabled}","_$memo","_$mergeProps","_$ssrHydrationKey","_$ssrGroup","_$ssrAttribute","_$escape","_$ssr"],"sources":["../../src/number-field.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/NumberField.tsx.\n * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; 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 { createLocale } from \"@solid2-aria/core/i18n/i18n-provider\";\nimport { createNumberField } from \"@solid2-aria/core/numberfield/create-number-field\";\nimport type { AriaNumberFieldProps } from \"@solid2-aria/core/numberfield/create-number-field\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { createNumberFieldState } from \"@solid2-aria/stately/numberfield/create-number-field-state\";\nimport type { NumberFieldState } from \"@solid2-aria/stately/numberfield/create-number-field-state\";\nimport type { InputDOMProps } from \"@solid2-aria/types-shared\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createSignal, merge, createContext, omit } from \"solid-js\";\n\nimport { ButtonContext } from \"./button\";\nimport { FieldErrorContext } from \"./field-error\";\nimport { FormContext } from \"./form\";\nimport { GroupContext } from \"./group\";\nimport { InputContext } from \"./input\";\nimport { LabelContext } from \"./label\";\nimport { TextContext } from \"./text\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n  createSlottedContext,\n  removeDataAttributes,\n} from \"./utils\";\nimport type {\n  ContextValue,\n  RenderProps,\n  SlotProps,\n  Ref,\n  RACValidation,\n} from \"./utils\";\n\nexport interface NumberFieldRenderProps {\n  isDisabled: boolean;\n  isInvalid: boolean;\n  isReadOnly: boolean;\n  isRequired: boolean;\n  state: NumberFieldState;\n}\n\nexport interface NumberFieldProps\n  extends\n    Omit<\n      AriaNumberFieldProps,\n      | \"label\"\n      | \"placeholder\"\n      | \"description\"\n      | \"errorMessage\"\n      | \"validationState\"\n      | \"validationBehavior\"\n    >,\n    RACValidation,\n    InputDOMProps,\n    RenderProps<NumberFieldRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const NumberFieldContext =\n  createContext<ContextValue<NumberFieldProps, HTMLDivElement>>(null);\n\nexport const NumberFieldStateContext = createContext<NumberFieldState | null>(\n  null\n);\n\nexport function NumberField(input: NumberFieldProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    NumberFieldContext\n  );\n\n  const locale = createLocale();\n  const form = createSlottedContext(FormContext);\n\n  const options = mergeProps(props, {\n    get locale() {\n      return locale.locale;\n    },\n    get validationBehavior() {\n      return props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n    },\n  });\n\n  const state = createNumberFieldState(options);\n\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [registerLabel, label] = createSlot(\n    () =>\n      (props[\"aria-label\"]?.length ?? 0) === 0 &&\n      (props[\"aria-labelledby\"]?.length ?? 0) === 0\n  );\n\n  const aria = createNumberField(\n    mergeProps(removeDataAttributes(options), {\n      get label() {\n        return label();\n      },\n    }),\n    state,\n    inputRef\n  );\n\n  const values: NumberFieldRenderProps = {\n    get isDisabled() {\n      return props.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return aria.isInvalid;\n    },\n    get isReadOnly() {\n      return props.isReadOnly ?? false;\n    },\n    get isRequired() {\n      return props.isRequired ?? false;\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-NumberField\", values })\n  );\n\n  return (\n    <NumberFieldStateContext value={state}>\n      <GroupContext\n        value={\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          merge(() => aria.groupProps)\n          // oxlint-enable solid/reactivity\n        }\n      >\n        <InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { registerSlot: registerLabel }\n            )}\n          >\n            <ButtonContext\n              value={{\n                slots: {\n                  get decrement() {\n                    return aria.decrementButtonProps;\n                  },\n                  get increment() {\n                    return aria.incrementButtonProps;\n                  },\n                },\n              }}\n            >\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                    {\n                      // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                      ...omit(filterDOMProps(props, { global: true }), \"id\")\n                      // oxlint-enable solid/reactivity\n                    }\n                    {...render}\n                    ref={(element: HTMLDivElement) => {\n                      setRef(element);\n                    }}\n                    slot={\n                      typeof props.slot === \"string\" && props.slot.length > 0\n                        ? props.slot\n                        : undefined\n                    }\n                    data-disabled={props.isDisabled === true ? true : undefined}\n                    data-readonly={props.isReadOnly === true ? true : undefined}\n                    data-required={props.isRequired === true ? true : undefined}\n                    data-invalid={aria.isInvalid || undefined}\n                  >\n                    {render.children}\n                  </dom.div>\n                  {(props.name?.length ?? 0) > 0 && (\n                    <input\n                      type=\"hidden\"\n                      name={props.name}\n                      form={props.form}\n                      value={\n                        Number.isNaN(state.numberValue) ? \"\" : state.numberValue\n                      }\n                      disabled={props.isDisabled}\n                    />\n                  )}\n                </FieldErrorContext>\n              </TextContext>\n            </ButtonContext>\n          </LabelContext>\n        </InputContext>\n      </GroupContext>\n    </NumberFieldStateContext>\n  );\n}\n"],"mappings":"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"}

package/dist/server/overlay-arrow.js

@@ -0,0 +1,81 @@
+/*
+ * 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/OverlayArrow.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; preserve defined context offsets and placement edges in default render styles and use Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps, createRenderProps, createSlottedContext, dom } from "./utils.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, untrack } from "solid-js";
+import { mergeProps as mergeProps$1 } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+// src/overlay-arrow.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].style;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$2 = {
+	get() {
+		return this[_m$2].placement;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3) {
+	this[_m$] = _p;
+	this[_m$2] = _p2;
+	this.ref = _p3;
+	Object.defineProperty(this, "style", _d$);
+	Object.defineProperty(this, "data-placement", _d$2);
+}
+_P$.prototype = Object.prototype;
+const OverlayArrowContext = createContext({ placement: "bottom" });
+function definedStyle(style) {
+	return Object.fromEntries(Object.entries(style).filter(([, value]) => value !== void 0));
+}
+function OverlayArrow(input) {
+	const context = createSlottedContext(OverlayArrowContext, untrack(() => input.slot));
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), OverlayArrowContext);
+	const values = { get placement() {
+		return props.placement ?? null;
+	} };
+	const defaultStyle = () => ({
+		position: "absolute",
+		transform: values.placement === "top" || values.placement === "bottom" ? "translateX(-50%)" : "translateY(-50%)",
+		...values.placement ? { [values.placement]: "100%" } : void 0,
+		...typeof context?.style === "object" ? definedStyle(context.style) : void 0
+	});
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-OverlayArrow",
+		get defaultStyle() {
+			return defaultStyle();
+		},
+		get style() {
+			return typeof props.style === "object" ? definedStyle(props.style) : props.style;
+		},
+		values
+	}));
+	return dom.div(mergeProps$1(() => {
+		return filterDOMProps(props, { global: true });
+	}, render, new _P$(render, values, (element) => {
+		setRef(element);
+	})));
+}
+export { OverlayArrow, OverlayArrowContext };
+
+//# sourceMappingURL=overlay-arrow.js.map

package/dist/server/overlay-arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-arrow.js","names":["dom.div","<dom.div\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      style={render.style}\n      data-placement={values.placement}\n    />","_$mergeProps"],"sources":["../../src/overlay-arrow.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/OverlayArrow.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; preserve defined context offsets and placement edges in default render styles and use 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 { PlacementAxis } from \"@solid2-aria/core/overlays/create-overlay-position\";\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 { untrack, createContext } from \"solid-js\";\n\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlottedContext,\n} from \"./utils\";\nimport type { ContextValue, Ref, RenderProps, SlotProps } from \"./utils\";\n\nexport interface OverlayArrowRenderProps {\n  placement: PlacementAxis | null;\n}\n\nexport interface OverlayArrowProps\n  extends RenderProps<OverlayArrowRenderProps>, SlotProps {\n  ref?: Ref<HTMLDivElement>;\n}\n\ninterface OverlayArrowContextValue extends OverlayArrowProps {\n  placement: PlacementAxis | null;\n}\n\nexport const OverlayArrowContext = createContext<\n  ContextValue<OverlayArrowContextValue, HTMLDivElement>\n>({ placement: \"bottom\" });\n\nfunction definedStyle(style: JSX.CSSProperties): JSX.CSSProperties {\n  return Object.fromEntries(\n    Object.entries(style).filter(([, value]) => value !== undefined)\n  );\n}\n\nexport function OverlayArrow(input: OverlayArrowProps): JSX.Element {\n  const context = createSlottedContext(\n    OverlayArrowContext,\n    untrack(() => input.slot)\n  );\n\n  const [props, , setRef] = createContextProps<\n    OverlayArrowProps & Partial<OverlayArrowContextValue>,\n    OverlayArrowContextValue,\n    HTMLDivElement\n  >(\n    input,\n    untrack(() => input.ref),\n    OverlayArrowContext\n  );\n\n  const values: OverlayArrowRenderProps = {\n    get placement() {\n      return props.placement ?? null;\n    },\n  };\n\n  const defaultStyle = (): JSX.CSSProperties => ({\n    position: \"absolute\",\n    transform:\n      values.placement === \"top\" || values.placement === \"bottom\"\n        ? \"translateX(-50%)\"\n        : \"translateY(-50%)\",\n    ...(values.placement ? { [values.placement]: \"100%\" } : undefined),\n    ...(typeof context?.style === \"object\"\n      ? definedStyle(context.style)\n      : undefined),\n  });\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-OverlayArrow\",\n      get defaultStyle() {\n        return defaultStyle();\n      },\n      get style() {\n        return typeof props.style === \"object\"\n          ? definedStyle(props.style)\n          : props.style;\n      },\n      values,\n    })\n  );\n\n  return (\n    <dom.div\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      style={render.style}\n      data-placement={values.placement}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EA8GM,O,SAAO,CAAO;;;;;;;EACd,O,UAAgB,CAAO;;;;;;;;;;;;;AAnE7B,MAAa,sBAAsB,cAEjC,EAAE,WAAW,SAAS,CAAC;AAEzB,SAAS,aAAa,OAA6C;CACjE,OAAO,OAAO,YACZ,OAAO,QAAQ,KAAK,CAAC,CAAC,QAAQ,GAAG,WAAW,UAAU,KAAA,CAAS,CACjE;AACF;AAEA,SAAgB,aAAa,OAAuC;CAClE,MAAM,UAAU,qBACd,qBACA,cAAc,MAAM,IAAI,CAC1B;CAEA,MAAM,CAAC,SAAS,UAAU,mBAKxB,OACA,cAAc,MAAM,GAAG,GACvB,mBACF;CAEA,MAAM,SAAkC,EACtC,IAAI,YAAY;EACd,OAAO,MAAM,aAAa;CAC5B,EACF;CAEA,MAAM,sBAAyC;EAC7C,UAAU;EACV,WACE,OAAO,cAAc,SAAS,OAAO,cAAc,WAC/C,qBACA;EACN,GAAI,OAAO,YAAY,GAAG,OAAO,YAAY,OAAO,IAAI,KAAA;EACxD,GAAI,OAAO,SAAS,UAAU,WAC1B,aAAa,QAAQ,KAAK,IAC1B,KAAA;CACN;CAEA,MAAM,SAAS,kBACb,WAAW,OAAO;EAChB,cAAc;EACd,IAAI,eAAe;GACjB,OAAO,aAAa;EACtB;EACA,IAAI,QAAQ;GACV,OAAO,OAAO,MAAM,UAAU,WAC1B,aAAa,MAAM,KAAK,IACxB,MAAM;EACZ;EACA;CACF,CAAC,CACH;CAEA,OAAA,IACGA,IAADC,mBACE;EAAI,OAAA,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC;CAAC,GACvC,QAFN,IAAA,IAMS,QACS,SAJV,YAA4B;EAChC,OAAO,OAAO;CAChB,CAGD,CAAA,CAAA;AAEL"}

package/dist/server/overlay-contexts.js

@@ -0,0 +1,24 @@
+/*
+ * 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/Dialog.tsx.
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Menu.tsx.
+ * Modified for Solid Aria: share overlay contexts independently of component modules to avoid initialization cycles.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContext } from "solid-js";
+// src/overlay-contexts.ts
+const OverlayTriggerStateContext = createContext(null);
+const RootMenuTriggerStateContext = createContext(null);
+export { OverlayTriggerStateContext, RootMenuTriggerStateContext };
+
+//# sourceMappingURL=overlay-contexts.js.map

package/dist/server/overlay-contexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-contexts.js","names":[],"sources":["../../src/overlay-contexts.ts"],"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/Dialog.tsx.\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/Menu.tsx.\n * Modified for Solid Aria: share overlay contexts independently of component modules to avoid initialization cycles.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type { RootMenuTriggerState } from \"@solid2-aria/stately/menu/create-menu-trigger-state\";\nimport type { OverlayTriggerState } from \"@solid2-aria/stately/overlays/create-overlay-trigger-state\";\nimport { createContext } from \"solid-js\";\n\nexport const OverlayTriggerStateContext =\n  createContext<OverlayTriggerState | null>(null);\n\nexport const RootMenuTriggerStateContext =\n  createContext<RootMenuTriggerState | null>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,MAAa,6BACX,cAA0C,IAAI;AAEhD,MAAa,8BACX,cAA2C,IAAI"}