@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/switch.js

@@ -0,0 +1,400 @@
+/*
+ * 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/Switch.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, createSlottedContext, dom } from "./utils.js";
+import { TextContext } from "./text.js";
+import { FormContext } from "./form.js";
+import { SelectionIndicatorContext } from "./selection-indicator.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, merge, omit, untrack, useContext } from "solid-js";
+import { applyRef, memo, mergeProps as mergeProps$1, ssrElement } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createHover } from "@solid2-aria/core/interactions/create-hover";
+import { VisuallyHidden } from "@solid2-aria/core/visually-hidden/visually-hidden";
+import { createToggleState } from "@solid2-aria/stately/toggle/create-toggle-state";
+import { createSwitch } from "@solid2-aria/core/switch/create-switch";
+// src/switch.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _m$6 = Symbol();
+var _d$ = {
+	get() {
+		const props = this[_m$];
+		const setRef = this[_m$2];
+		return SwitchButton(mergeProps$1(props, { ref: (element) => {
+			setRef(element);
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3) {
+	this[_m$] = _p;
+	this[_m$2] = _p2;
+	this.value = _p3;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p4, _p5) {
+	this[_m$] = _p4;
+	this.value = _p5;
+	Object.defineProperty(this, "children", _d$2);
+}
+_P$2.prototype = Object.prototype;
+var _d$3 = {
+	get() {
+		const render = this[_m$];
+		const ctx = this[_m$2];
+		return TextContext(new _P$2(render, { slots: {
+			get description() {
+				return ctx.aria.descriptionProps;
+			},
+			get errorMessage() {
+				return ctx.aria.errorMessageProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p6, _p7, _p8) {
+	this[_m$] = _p6;
+	this[_m$2] = _p7;
+	this.value = _p8;
+	Object.defineProperty(this, "children", _d$3);
+}
+_P$3.prototype = Object.prototype;
+var _d$4 = {
+	get() {
+		const render = this[_m$];
+		const ctx = this[_m$2];
+		const values = this[_m$3];
+		return SelectionIndicatorContext(new _P$3(render, ctx, { get isSelected() {
+			return values.isSelected;
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p9, _p0, _p1, _p10) {
+	this[_m$] = _p9;
+	this[_m$2] = _p0;
+	this[_m$3] = _p1;
+	this.value = _p10;
+	Object.defineProperty(this, "children", _d$4);
+}
+_P$4.prototype = Object.prototype;
+var _d$5 = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		return this[_m$2].isSelected || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$7 = {
+	get() {
+		return this[_m$2].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$8 = {
+	get() {
+		return this[_m$2].isInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$9 = {
+	get() {
+		return this[_m$2].isReadOnly || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$10 = {
+	get() {
+		return this[_m$2].isRequired || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$11 = {
+	get() {
+		const render = this[_m$3];
+		const ctx = this[_m$4];
+		const values = this[_m$2];
+		return InternalContext(new _P$4(render, ctx, values, ctx));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p11, _p12, _p13, _p14, _p15) {
+	this[_m$] = _p11;
+	this[_m$2] = _p12;
+	this[_m$3] = _p13;
+	this[_m$4] = _p14;
+	this.ref = _p15;
+	Object.defineProperty(this, "slot", _d$5);
+	Object.defineProperty(this, "data-selected", _d$6);
+	Object.defineProperty(this, "data-disabled", _d$7);
+	Object.defineProperty(this, "data-invalid", _d$8);
+	Object.defineProperty(this, "data-readonly", _d$9);
+	Object.defineProperty(this, "data-required", _d$10);
+	Object.defineProperty(this, "children", _d$11);
+}
+_P$5.prototype = Object.prototype;
+var _d$12 = {
+	get() {
+		const ctx = this[_m$];
+		const focus = this[_m$2];
+		return ssrElement("input", mergeProps(merge(() => ctx.aria.inputProps ?? {}), merge(() => focus.focusProps ?? {})), void 0, true);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p16, _p17, _p18) {
+	this[_m$] = _p16;
+	this[_m$2] = _p17;
+	this.elementType = _p18;
+	Object.defineProperty(this, "children", _d$12);
+}
+_P$6.prototype = Object.prototype;
+var _d$13 = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$14 = {
+	get() {
+		return this[_m$2].isSelected || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$15 = {
+	get() {
+		return this[_m$2].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$16 = {
+	get() {
+		return this[_m$2].isReadOnly || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$17 = {
+	get() {
+		return this[_m$2].isInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$18 = {
+	get() {
+		return this[_m$2].isRequired || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$19 = {
+	get() {
+		return this[_m$3].aria.isPressed || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$20 = {
+	get() {
+		return this[_m$4].isHovered || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$21 = {
+	get() {
+		return this[_m$5].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$22 = {
+	get() {
+		return this[_m$5].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$23 = {
+	get() {
+		const ctx = this[_m$3];
+		const focus = this[_m$5];
+		const render = this[_m$6];
+		return [VisuallyHidden(new _P$6(ctx, focus, "span")), memo(() => {
+			return render.children;
+		})];
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p19, _p20, _p21, _p22, _p23, _p24) {
+	this[_m$] = _p19;
+	this[_m$2] = _p20;
+	this[_m$3] = _p21;
+	this[_m$4] = _p22;
+	this[_m$5] = _p23;
+	this[_m$6] = _p24;
+	this.ref = (r$) => {
+		const props = this[_m$];
+		var _ref$ = props.ref;
+		typeof _ref$ === "function" || Array.isArray(_ref$) ? applyRef(_ref$, r$) : props.ref = r$;
+	};
+	Object.defineProperty(this, "slot", _d$13);
+	Object.defineProperty(this, "data-selected", _d$14);
+	Object.defineProperty(this, "data-disabled", _d$15);
+	Object.defineProperty(this, "data-readonly", _d$16);
+	Object.defineProperty(this, "data-invalid", _d$17);
+	Object.defineProperty(this, "data-required", _d$18);
+	Object.defineProperty(this, "data-pressed", _d$19);
+	Object.defineProperty(this, "data-hovered", _d$20);
+	Object.defineProperty(this, "data-focused", _d$21);
+	Object.defineProperty(this, "data-focus-visible", _d$22);
+	Object.defineProperty(this, "children", _d$23);
+}
+_P$7.prototype = Object.prototype;
+const SwitchContext = createContext(null);
+const SwitchFieldContext = createContext(null);
+const InternalContext = createContext(null);
+const ToggleStateContext = createContext(null);
+function createAria(props) {
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const form = createSlottedContext(FormContext);
+	const options = mergeProps(omit(props, "children"), {
+		children: true,
+		get validationBehavior() {
+			return props.validationBehavior ?? form?.validationBehavior ?? "native";
+		}
+	});
+	const state = createToggleState(props);
+	return {
+		aria: createSwitch(options, state, inputRef),
+		defaultClass: "solid2-aria-Switch",
+		inputRef,
+		props,
+		setInputRef: (element) => {
+			setInputRef(element);
+		},
+		state
+	};
+}
+function fieldValues(ctx) {
+	return {
+		get isDisabled() {
+			return ctx.aria.isDisabled;
+		},
+		get isInvalid() {
+			return ctx.aria.isInvalid;
+		},
+		get isReadOnly() {
+			return ctx.aria.isReadOnly;
+		},
+		get isRequired() {
+			return ctx.props.isRequired === true;
+		},
+		get isSelected() {
+			return ctx.aria.isSelected;
+		},
+		state: ctx.state
+	};
+}
+function Switch(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), SwitchContext);
+	const ctx = createAria(props);
+	return InternalContext(new _P$(props, setRef, ctx));
+}
+function SwitchField(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), SwitchFieldContext);
+	const ctx = createAria(props);
+	ctx.defaultClass = "solid2-aria-SwitchButton";
+	const values = fieldValues(ctx);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-SwitchField",
+		values
+	}));
+	return dom.div(mergeProps$1(() => {
+		return omit(filterDOMProps(props, { global: true }), "id", "onClick");
+	}, render, new _P$5(props, values, render, ctx, (element) => {
+		setRef(element);
+	})));
+}
+function SwitchButton(props) {
+	const ctx = useContext(InternalContext);
+	if (!ctx) throw new Error("SwitchButton must be inside SwitchField.");
+	const focus = createFocusRing();
+	const fields = fieldValues(ctx);
+	const hover = createHover(mergeProps(props, { get isDisabled() {
+		return fields.isDisabled || fields.isReadOnly;
+	} }));
+	const values = mergeProps(fields, {
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get isPressed() {
+			return ctx.aria.isPressed;
+		}
+	});
+	const render = createRenderProps(mergeProps(props, {
+		get defaultClass() {
+			return ctx.defaultClass;
+		},
+		values
+	}));
+	return dom.label(mergeProps$1(() => {
+		return mergeProps(omit(filterDOMProps(props, { global: true }), "id", "onClick"), merge(() => ctx.aria.labelProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+	}, new _P$7(props, fields, ctx, hover, focus, render)));
+}
+export { Switch, SwitchButton, SwitchContext, SwitchField, SwitchFieldContext, ToggleStateContext };
+
+//# sourceMappingURL=switch.js.map

package/dist/server/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["ref={(element: HTMLLabelElement) => {\n          setRef(element);\n        }}","{render.children}","ref={props.ref}","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\", \"onClick\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-selected={values.isSelected || undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-invalid={values.isInvalid || undefined}\n      data-readonly={values.isReadOnly || undefined}\n      data-required={values.isRequired || undefined}\n    >\n      <InternalContext value={ctx}>\n        <SelectionIndicatorContext\n          value={{\n            get isSelected() {\n              return values.isSelected;\n            },\n          }}\n        >\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return ctx.aria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </TextContext>\n        </SelectionIndicatorContext>\n      </InternalContext>\n    </dom.div>","dom.label","<dom.label\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\"),\n        merge(() => ctx.aria.labelProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={props.ref}\n      slot={props.slot ?? undefined}\n      data-selected={fields.isSelected || undefined}\n      data-disabled={fields.isDisabled || undefined}\n      data-readonly={fields.isReadOnly || undefined}\n      data-invalid={fields.isInvalid || undefined}\n      data-required={fields.isRequired || undefined}\n      data-pressed={ctx.aria.isPressed || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n    >\n      <VisuallyHidden elementType=\"span\">\n        <input\n          {...mergeProps(\n            merge(() => ctx.aria.inputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(element: HTMLInputElement) => {\n            ctx.setInputRef(element);\n          }}\n        />\n      </VisuallyHidden>\n      {render.children}\n    </dom.label>","_$mergeProps","_$ssrElement","_$memo","_$applyRef"],"sources":["../../src/switch.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/Switch.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 { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport { createSwitch } from \"@solid2-aria/core/switch/create-switch\";\nimport type {\n  AriaSwitchProps,\n  SwitchAria,\n} from \"@solid2-aria/core/switch/create-switch\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { VisuallyHidden } from \"@solid2-aria/core/visually-hidden/visually-hidden\";\nimport { createToggleState } from \"@solid2-aria/stately/toggle/create-toggle-state\";\nimport type { ToggleState } from \"@solid2-aria/stately/toggle/create-toggle-state\";\nimport type { HoverEvents } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createSignal,\n  createContext,\n  useContext,\n  omit,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { FormContext } from \"./form\";\nimport { SelectionIndicatorContext } from \"./selection-indicator\";\nimport { TextContext } from \"./text\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlottedContext,\n} from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface SwitchRenderProps {\n  isSelected: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  isInvalid: boolean;\n  isRequired: boolean;\n  state: ToggleState;\n}\n\nexport type SwitchFieldRenderProps = Omit<\n  SwitchRenderProps,\n  \"isHovered\" | \"isPressed\" | \"isFocused\" | \"isFocusVisible\"\n>;\n\nexport type SwitchButtonRenderProps = SwitchRenderProps;\n\nexport interface SwitchProps\n  extends\n    Omit<AriaSwitchProps, \"children\">,\n    SlotProps,\n    HoverEvents,\n    RenderProps<SwitchRenderProps, \"label\"> {\n  inputRef?: Ref<HTMLInputElement>;\n  ref?: Ref<HTMLLabelElement>;\n}\n\nexport interface SwitchFieldProps\n  extends\n    Omit<AriaSwitchProps, \"children\">,\n    SlotProps,\n    HoverEvents,\n    RenderProps<SwitchFieldRenderProps> {\n  inputRef?: Ref<HTMLInputElement>;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface SwitchButtonProps\n  extends\n    SlotProps,\n    HoverEvents,\n    RenderProps<SwitchButtonRenderProps, \"label\"> {\n  id?: string;\n  ref?: Ref<HTMLLabelElement>;\n}\n\nexport const SwitchContext =\n  createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\nexport const SwitchFieldContext =\n  createContext<ContextValue<SwitchFieldProps, HTMLDivElement>>(null);\n\ninterface InternalValue {\n  aria: SwitchAria;\n  inputRef: Accessor<HTMLInputElement | null>;\n  setInputRef: (element: HTMLInputElement) => void;\n  state: ToggleState;\n  props: Omit<AriaSwitchProps, \"children\">;\n  defaultClass: string;\n}\n\nconst InternalContext = createContext<InternalValue | null>(null);\nexport const ToggleStateContext = createContext<ToggleState | null>(null);\n\nfunction createAria(props: SwitchProps | SwitchFieldProps): InternalValue {\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const form = createSlottedContext(FormContext);\n\n  const options = mergeProps(omit(props, \"children\"), {\n    children: true,\n    get validationBehavior() {\n      return props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n    },\n  });\n\n  const state = createToggleState(props);\n  const aria = createSwitch(options, state, inputRef);\n\n  return {\n    aria,\n    defaultClass: \"solid2-aria-Switch\",\n    inputRef,\n    props,\n    setInputRef: (element: HTMLInputElement) => {\n      setInputRef(element);\n    },\n    state,\n  };\n}\n\nfunction fieldValues(ctx: InternalValue): SwitchFieldRenderProps {\n  return {\n    get isDisabled() {\n      return ctx.aria.isDisabled;\n    },\n    get isInvalid() {\n      return ctx.aria.isInvalid;\n    },\n    get isReadOnly() {\n      return ctx.aria.isReadOnly;\n    },\n    get isRequired() {\n      return ctx.props.isRequired === true;\n    },\n    get isSelected() {\n      return ctx.aria.isSelected;\n    },\n    state: ctx.state,\n  };\n}\n\nexport function Switch(input: SwitchProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    SwitchContext\n  );\n\n  const ctx = createAria(props);\n\n  return (\n    <InternalContext value={ctx}>\n      <SwitchButton\n        {...props}\n        ref={(element: HTMLLabelElement) => {\n          setRef(element);\n        }}\n      />\n    </InternalContext>\n  );\n}\n\nexport function SwitchField(input: SwitchFieldProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    SwitchFieldContext\n  );\n\n  const ctx = createAria(props);\n  ctx.defaultClass = \"solid2-aria-SwitchButton\";\n  const values = fieldValues(ctx);\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-SwitchField\", values })\n  );\n\n  return (\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\", \"onClick\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-selected={values.isSelected || undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-invalid={values.isInvalid || undefined}\n      data-readonly={values.isReadOnly || undefined}\n      data-required={values.isRequired || undefined}\n    >\n      <InternalContext value={ctx}>\n        <SelectionIndicatorContext\n          value={{\n            get isSelected() {\n              return values.isSelected;\n            },\n          }}\n        >\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return ctx.aria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </TextContext>\n        </SelectionIndicatorContext>\n      </InternalContext>\n    </dom.div>\n  );\n}\n\nexport function SwitchButton(props: SwitchButtonProps): JSX.Element {\n  const ctx = useContext(InternalContext);\n\n  if (!ctx) {\n    throw new Error(\"SwitchButton must be inside SwitchField.\");\n  }\n\n  const focus = createFocusRing();\n  const fields = fieldValues(ctx);\n\n  const hover = createHover(\n    mergeProps(props, {\n      get isDisabled() {\n        return fields.isDisabled || fields.isReadOnly;\n      },\n    })\n  );\n\n  const values: SwitchButtonRenderProps = mergeProps(fields, {\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 isPressed() {\n      return ctx.aria.isPressed;\n    },\n  });\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      get defaultClass() {\n        return ctx.defaultClass;\n      },\n      values,\n    })\n  );\n\n  return (\n    <dom.label\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\"),\n        merge(() => ctx.aria.labelProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={props.ref}\n      slot={props.slot ?? undefined}\n      data-selected={fields.isSelected || undefined}\n      data-disabled={fields.isDisabled || undefined}\n      data-readonly={fields.isReadOnly || undefined}\n      data-invalid={fields.isInvalid || undefined}\n      data-required={fields.isRequired || undefined}\n      data-pressed={ctx.aria.isPressed || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n    >\n      <VisuallyHidden elementType=\"span\">\n        <input\n          {...mergeProps(\n            merge(() => ctx.aria.inputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(element: HTMLInputElement) => {\n            ctx.setInputRef(element);\n          }}\n        />\n      </VisuallyHidden>\n      {render.children}\n    </dom.label>\n  );\n}\n"],"mappings":"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"}

package/dist/server/table-layout.js

@@ -0,0 +1,31 @@
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/TableLayout.ts.
+ * Modified for Solid Aria: locale and column sizing use Solid reactive contexts.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { TableColumnResizeStateContext } from "./table.js";
+import { useContext } from "solid-js";
+import { TableLayout as TableLayout$1 } from "@solid2-aria/stately/layout/table-layout";
+// src/table-layout.ts
+var TableLayout = class extends TableLayout$1 {
+	createLayoutOptions() {
+		const state = useContext(TableColumnResizeStateContext);
+		return { get columnWidths() {
+			return state?.columnWidths;
+		} };
+	}
+};
+export { TableLayout };
+
+//# sourceMappingURL=table-layout.js.map

package/dist/server/table-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-layout.js","names":["BaseTableLayout"],"sources":["../../src/table-layout.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/TableLayout.ts.\n * Modified for Solid Aria: locale and column sizing use Solid reactive contexts.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { TableLayout as BaseTableLayout } from \"@solid2-aria/stately/layout/table-layout\";\nimport type { TableLayoutProps } from \"@solid2-aria/stately/layout/table-layout\";\nimport { useContext } from \"solid-js\";\n\nimport { TableColumnResizeStateContext } from \"./table\";\nimport type { LayoutOptionsDelegate } from \"./virtualizer\";\n\nexport class TableLayout<T, O extends TableLayoutProps = TableLayoutProps>\n  extends BaseTableLayout<T, O>\n  implements LayoutOptionsDelegate<TableLayoutProps>\n{\n  createLayoutOptions(): TableLayoutProps {\n    const state = useContext(TableColumnResizeStateContext);\n\n    return {\n      get columnWidths() {\n        return state?.columnWidths;\n      },\n    };\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,IAAa,cAAb,cACUA,cAEV;CACE,sBAAwC;EACtC,MAAM,QAAQ,WAAW,6BAA6B;EAEtD,OAAO,EACL,IAAI,eAAe;GACjB,OAAO,OAAO;EAChB,EACF;CACF;AACF"}