@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/field-error.js

@@ -0,0 +1,60 @@
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/FieldError.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 { createRenderProps } from "./utils.js";
+import { Text } from "./text.js";
+import { applyRef, createComponent, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { Show, createContext, untrack, useContext } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+// src/field-error.tsx
+const FieldErrorContext = createContext(null);
+function FieldError(props) {
+	const validation = useContext(FieldErrorContext);
+	return createComponent(Show, {
+		get when() {
+			return validation?.isInvalid === true && validation;
+		},
+		children: (v) => createComponent(FieldErrorInner, mergeProps(props, { get validation() {
+			return v();
+		} }))
+	});
+}
+function FieldErrorInner(props) {
+	const { validation } = untrack(() => props);
+	const render = createRenderProps(mergeProps$1(props, {
+		get defaultChildren() {
+			return validation.validationErrors.join(" ") || void 0;
+		},
+		defaultClass: "solid2-aria-FieldError",
+		values: validation
+	}));
+	return createComponent(Text, mergeProps(() => {
+		return filterDOMProps(props, { global: true });
+	}, render, {
+		slot: "errorMessage",
+		get elementType() {
+			return props.elementType;
+		},
+		ref(r$) {
+			var _ref$ = props.ref;
+			typeof _ref$ === "function" || Array.isArray(_ref$) ? applyRef(_ref$, r$) : props.ref = r$;
+		}
+	}));
+}
+export { FieldError, FieldErrorContext };
+
+//# sourceMappingURL=field-error.js.map

package/dist/browser/field-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-error.js","names":["<Show when={validation?.isInvalid === true && validation}>\n      {(v) => <FieldErrorInner {...props} validation={v()} />}\n    </Show>","<FieldErrorInner {...props} validation={v()} />","<Text\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      slot=\"errorMessage\"\n      elementType={props.elementType}\n      ref={props.ref}\n    />","slot=\"errorMessage\"","ref={props.ref}","_$createComponent","_$mergeProps","mergeProps","_$applyRef"],"sources":["../../src/field-error.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/FieldError.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 { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport type { ValidationResult } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createContext, Show, useContext } from \"solid-js\";\n\nimport { Text } from \"./text\";\nimport { createRenderProps } from \"./utils\";\nimport type { Ref, SlotProps, RenderProps } from \"./utils\";\n\nexport type FieldErrorRenderProps = ValidationResult;\n\nexport interface FieldErrorProps\n  extends RenderProps<FieldErrorRenderProps>, SlotProps {\n  id?: string;\n  elementType?: keyof JSX.IntrinsicElements;\n  ref?: Ref<HTMLElement>;\n}\n\nexport const FieldErrorContext = createContext<ValidationResult | null>(null);\n\nexport function FieldError(props: FieldErrorProps): JSX.Element {\n  const validation = useContext(FieldErrorContext);\n\n  return (\n    <Show when={validation?.isInvalid === true && validation}>\n      {(v) => <FieldErrorInner {...props} validation={v()} />}\n    </Show>\n  );\n}\n\nfunction FieldErrorInner(\n  props: FieldErrorProps & { validation: ValidationResult }\n): JSX.Element {\n  const { validation } = untrack(() => props);\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      get defaultChildren() {\n        return validation.validationErrors.join(\" \") || undefined;\n      },\n      defaultClass: \"solid2-aria-FieldError\",\n      values: validation,\n    })\n  );\n\n  return (\n    <Text\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      slot=\"errorMessage\"\n      elementType={props.elementType}\n      ref={props.ref}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAa,oBAAoB,cAAuC,IAAI;AAE5E,SAAgB,WAAW,OAAqC;CAC9D,MAAM,aAAa,WAAW,iBAAiB;CAE/C,OACEA,gBAAAA,MAAAA;EAAM,IAAA,OAAA;GAAM,OAAA,YAAY,cAAc,QAAQ;EAAU;EAAxDA,WACI,MAAMC,gBAAAA,iBAAAA,WAAqB,OAArB,EAA4B,IAAA,aAAA;GAAY,OAAA,EAAE;EAAC,EAAG,CAAA,CAAA;CAClD,CAAA;AAEV;AAEA,SAAS,gBACP,OACa;CACb,MAAM,EAAE,eAAe,cAAc,KAAK;CAE1C,MAAM,SAAS,kBACbM,aAAW,OAAO;EAChB,IAAI,kBAAkB;GACpB,OAAO,WAAW,iBAAiB,KAAK,GAAG,KAAK,KAAA;EAClD;EACA,cAAc;EACd,QAAQ;CACV,CAAC,CACH;CAEA,OACEL,gBAAAA,MAAAA,iBACE;EAAI,OAAA,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC;CAAC,GACvC,QAFN;EAGEC,MAAK;EACL,IAAA,cAAA;GAAa,OAAA,MAAM;EAAW;EAC9B,IAAA,IAAA;GAAK,IAAA,QAAA,MAAM;GAAX,OAAA,UAAA,cAAA,MAAA,QAAA,KAAc,IAAdC,SAAAA,OAAAA,EAAc,IAAd,MAAW,MAAXA;EAAc;CACf,CAAA,CAAA;AAEL"}

package/dist/browser/file-trigger.d.ts

@@ -0,0 +1,30 @@
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/FileTrigger.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 { Ref } from "./utils.js";
+import { JSX } from "@solidjs/web";
+export interface FileTriggerProps {
+  acceptedFileTypes?: readonly string[];
+  allowsMultiple?: boolean;
+  defaultCamera?: "user" | "environment";
+  onSelect?: (files: FileList | null) => void;
+  children?: JSX.Element;
+  acceptDirectory?: boolean;
+  ref?: Ref<HTMLInputElement>;
+  id?: string;
+}
+export declare function FileTrigger(props: FileTriggerProps): JSX.Element;
+//# sourceMappingURL=file-trigger.d.ts.map

package/dist/browser/file-trigger.js

@@ -0,0 +1,66 @@
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/FileTrigger.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, dom } from "./utils.js";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { createSignal, untrack } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { PressResponder } from "@solid2-aria/core/interactions/press-responder";
+// src/file-trigger.tsx
+function FileTrigger(props) {
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	return [createComponent(PressResponder, {
+		onPress: () => {
+			const input = ref();
+			if (input) {
+				input.value = "";
+				input.click();
+			}
+		},
+		get children() {
+			return props.children;
+		}
+	}), createComponent(dom.input, mergeProps(() => {
+		return filterDOMProps(props, { global: true });
+	}, {
+		type: "file",
+		style: { display: "none" },
+		ref: [(element) => {
+			setRef(element);
+		}, (element) => {
+			assignRef(untrack(() => props.ref), element);
+		}],
+		get accept() {
+			return props.acceptedFileTypes?.join(",");
+		},
+		get multiple() {
+			return props.allowsMultiple;
+		},
+		get capture() {
+			return props.defaultCamera;
+		},
+		get webkitdirectory() {
+			return props.acceptDirectory === true ? "" : void 0;
+		},
+		onClick: (event) => {
+			event.stopPropagation();
+		},
+		onChange: (event) => props.onSelect?.(event.currentTarget.files)
+	}))];
+}
+export { FileTrigger };
+
+//# sourceMappingURL=file-trigger.js.map

package/dist/browser/file-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-trigger.js","names":["<PressResponder\n        onPress={() => {\n          const input = ref();\n\n          if (input) {\n            input.value = \"\";\n            input.click();\n          }\n        }}\n      >\n        {props.children}\n      </PressResponder>","onPress={() => {\n          const input = ref();\n\n          if (input) {\n            input.value = \"\";\n            input.click();\n          }\n        }}","<dom.input\n        {...filterDOMProps(props, { global: true })}\n        type=\"file\"\n        style={{ display: \"none\" }}\n        ref={[\n          (element: HTMLInputElement) => {\n            setRef(element);\n          },\n          (element: HTMLInputElement) => {\n            assignRef(\n              untrack(() => props.ref),\n              element\n            );\n          },\n        ]}\n        accept={props.acceptedFileTypes?.join(\",\")}\n        multiple={props.allowsMultiple}\n        capture={props.defaultCamera}\n        webkitdirectory={props.acceptDirectory === true ? \"\" : undefined}\n        onClick={(event) => {\n          event.stopPropagation();\n        }}\n        onChange={(event) => props.onSelect?.(event.currentTarget.files)}\n      />","dom.input","type=\"file\"","style={{ display: \"none\" }}","ref={[\n          (element: HTMLInputElement) => {\n            setRef(element);\n          },\n          (element: HTMLInputElement) => {\n            assignRef(\n              untrack(() => props.ref),\n              element\n            );\n          },\n        ]}","onClick={(event) => {\n          event.stopPropagation();\n        }}","onChange={(event) => props.onSelect?.(event.currentTarget.files)}","_$createComponent","_$mergeProps"],"sources":["../../src/file-trigger.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/FileTrigger.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 { PressResponder } from \"@solid2-aria/core/interactions/press-responder\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createSignal } from \"solid-js\";\n\nimport { assignRef, dom } from \"./utils\";\nimport type { Ref } from \"./utils\";\n\nexport interface FileTriggerProps {\n  acceptedFileTypes?: readonly string[];\n  allowsMultiple?: boolean;\n  defaultCamera?: \"user\" | \"environment\";\n  onSelect?: (files: FileList | null) => void;\n  children?: JSX.Element;\n  acceptDirectory?: boolean;\n  ref?: Ref<HTMLInputElement>;\n  id?: string;\n}\n\nexport function FileTrigger(props: FileTriggerProps): JSX.Element {\n  const [ref, setRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  return (\n    <>\n      <PressResponder\n        onPress={() => {\n          const input = ref();\n\n          if (input) {\n            input.value = \"\";\n            input.click();\n          }\n        }}\n      >\n        {props.children}\n      </PressResponder>\n      <dom.input\n        {...filterDOMProps(props, { global: true })}\n        type=\"file\"\n        style={{ display: \"none\" }}\n        ref={[\n          (element: HTMLInputElement) => {\n            setRef(element);\n          },\n          (element: HTMLInputElement) => {\n            assignRef(\n              untrack(() => props.ref),\n              element\n            );\n          },\n        ]}\n        accept={props.acceptedFileTypes?.join(\",\")}\n        multiple={props.allowsMultiple}\n        capture={props.defaultCamera}\n        webkitdirectory={props.acceptDirectory === true ? \"\" : undefined}\n        onClick={(event) => {\n          event.stopPropagation();\n        }}\n        onChange={(event) => props.onSelect?.(event.currentTarget.files)}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,YAAY,OAAsC;CAChE,MAAM,CAAC,KAAK,UAAU,aAAsC,MAAM,EAChE,YAAY,KACd,CAAC;CAED,OACI,CACAA,gBAAAA,gBAAAA;EACEC,eAAe;GACb,MAAM,QAAQ,IAAI;GAElB,IAAI,OAAO;IACT,MAAM,QAAQ;IACd,MAAM,MAAM;GACd;EACF;EARF,IAAA,WAAA;GAUG,OAAA,MAAM;EACO;CAChBC,CAAAA,GAAAA,gBAAAA,IAACC,OAADD,iBACE;EAAI,OAAA,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC;CAAC,GAD7C;EAEEE,MAAK;EACLC,OAAO,EAAE,SAAS,OAAO;EACzBC,KAAK,EACF,YAA8B;GAC7B,OAAO,OAAO;EAChB,IACC,YAA8B;GAC7B,UACE,cAAc,MAAM,GAAG,GACvB,OACF;EACF,CACF;EACA,IAAA,SAAA;GAAQ,OAAA,MAAM,mBAAmB,KAAK,GAAG;EAAC;EAC1C,IAAA,WAAA;GAAU,OAAA,MAAM;EAAc;EAC9B,IAAA,UAAA;GAAS,OAAA,MAAM;EAAa;EAC5B,IAAA,kBAAA;GAAiB,OAAA,MAAM,oBAAoB,OAAO,KAAK,KAAA;EAAS;EAChEC,UAAU,UAAU;GAClB,MAAM,gBAAgB;EACxB;EACAC,WAAW,UAAU,MAAM,WAAW,MAAM,cAAc,KAAK;CAChE,CAAA,CAAA,CAnCF;AAsCL"}

package/dist/browser/form.d.ts

@@ -0,0 +1,28 @@
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Form.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 { ContextValue, Ref, SlotProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+import { ValidationErrors } from "@solid2-aria/types-shared";
+export interface FormProps extends Omit<JSX.FormHTMLAttributes<HTMLFormElement>, "ref" | "class" | "style" | "slot">, SlotProps {
+  class?: JSX.ClassValue;
+  validationBehavior?: "native" | "aria";
+  validationErrors?: ValidationErrors;
+  ref?: Ref<HTMLFormElement>;
+}
+export declare const FormContext: import("solid-js").Context<ContextValue<FormProps, HTMLFormElement>>;
+export declare function Form(input: FormProps): JSX.Element;
+//# sourceMappingURL=form.d.ts.map

package/dist/browser/form.js

@@ -0,0 +1,64 @@
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Form.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, dom } from "./utils.js";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, omit, untrack, useContext } from "solid-js";
+import { FormValidationContext } from "@solid2-aria/stately/form/create-form-validation-state";
+// src/form.tsx
+const FormContext = createContext(null);
+const NestedFormContext = createContext(false);
+function Form(input) {
+	const nested = useContext(NestedFormContext);
+	const [props, , setRef] = createContextProps(nested ? mergeProps$1(input, { slot: null }) : input, untrack(() => input.ref), FormContext);
+	return createComponent(dom.form, mergeProps(() => {
+		return omit(props, "validationBehavior", "validationErrors", "ref", "slot");
+	}, {
+		get novalidate() {
+			return props.validationBehavior === "aria" || props.novalidate;
+		},
+		get "class"() {
+			return props.class ?? "solid2-aria-Form";
+		},
+		ref: (element) => {
+			setRef(element);
+		},
+		get children() {
+			return createComponent(NestedFormContext, {
+				value: true,
+				get children() {
+					return createComponent(FormContext, {
+						value: props,
+						get children() {
+							return createComponent(FormValidationContext, {
+								get value() {
+									return props.validationErrors ?? {};
+								},
+								get children() {
+									return props.children;
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	}));
+}
+export { Form, FormContext };
+
+//# sourceMappingURL=form.js.map

package/dist/browser/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":["<dom.form\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(props, \"validationBehavior\", \"validationErrors\", \"ref\", \"slot\")\n        // oxlint-enable solid/reactivity\n      }\n      novalidate={props.validationBehavior === \"aria\" || props.novalidate}\n      class={props.class ?? \"solid2-aria-Form\"}\n      ref={(element: HTMLFormElement) => {\n        setRef(element);\n      }}\n    >\n      <NestedFormContext value={true}>\n        <FormContext value={props}>\n          <FormValidationContext value={props.validationErrors ?? {}}>\n            {props.children}\n          </FormValidationContext>\n        </FormContext>\n      </NestedFormContext>\n    </dom.form>","dom.form","ref={(element: HTMLFormElement) => {\n        setRef(element);\n      }}","<NestedFormContext value={true}>\n        <FormContext value={props}>\n          <FormValidationContext value={props.validationErrors ?? {}}>\n            {props.children}\n          </FormValidationContext>\n        </FormContext>\n      </NestedFormContext>","value={true}","<FormContext value={props}>\n          <FormValidationContext value={props.validationErrors ?? {}}>\n            {props.children}\n          </FormValidationContext>\n        </FormContext>","value={props}","<FormValidationContext value={props.validationErrors ?? {}}>\n            {props.children}\n          </FormValidationContext>","mergeProps","_$createComponent","_$mergeProps"],"sources":["../../src/form.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the 'License');\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/Form.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 { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { FormValidationContext } from \"@solid2-aria/stately/form/create-form-validation-state\";\nimport type { ValidationErrors } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createContext, omit, useContext } from \"solid-js\";\n\nimport { dom, createContextProps } from \"./utils\";\nimport type { Ref, ContextValue, SlotProps } from \"./utils\";\n\nexport interface FormProps\n  extends\n    Omit<\n      JSX.FormHTMLAttributes<HTMLFormElement>,\n      \"ref\" | \"class\" | \"style\" | \"slot\"\n    >,\n    SlotProps {\n  class?: JSX.ClassValue;\n  validationBehavior?: \"native\" | \"aria\";\n  validationErrors?: ValidationErrors;\n  ref?: Ref<HTMLFormElement>;\n}\n\nexport const FormContext =\n  createContext<ContextValue<FormProps, HTMLFormElement>>(null);\n\nconst NestedFormContext = createContext(false);\n\nexport function Form(input: FormProps): JSX.Element {\n  const nested = useContext(NestedFormContext);\n\n  const [props, , setRef] = createContextProps(\n    nested ? mergeProps(input, { slot: null }) : input,\n    untrack(() => input.ref),\n    FormContext\n  );\n\n  return (\n    <dom.form\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(props, \"validationBehavior\", \"validationErrors\", \"ref\", \"slot\")\n        // oxlint-enable solid/reactivity\n      }\n      novalidate={props.validationBehavior === \"aria\" || props.novalidate}\n      class={props.class ?? \"solid2-aria-Form\"}\n      ref={(element: HTMLFormElement) => {\n        setRef(element);\n      }}\n    >\n      <NestedFormContext value={true}>\n        <FormContext value={props}>\n          <FormValidationContext value={props.validationErrors ?? {}}>\n            {props.children}\n          </FormValidationContext>\n        </FormContext>\n      </NestedFormContext>\n    </dom.form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAa,cACX,cAAwD,IAAI;AAE9D,MAAM,oBAAoB,cAAc,KAAK;AAE7C,SAAgB,KAAK,OAA+B;CAClD,MAAM,SAAS,WAAW,iBAAiB;CAE3C,MAAM,CAAC,SAAS,UAAU,mBACxB,SAASQ,aAAW,OAAO,EAAE,MAAM,KAAK,CAAC,IAAI,OAC7C,cAAc,MAAM,GAAG,GACvB,WACF;CAEA,OACER,gBAAAA,IAACC,MAADD,iBACE;EAEK,OAAA,KAAK,OAAO,sBAAsB,oBAAoB,OAAO,MAAM;CAExE,GALF;EAME,IAAA,aAAA;GAAY,OAAA,MAAM,uBAAuB,UAAU,MAAM;EAAU;EACnE,IAAA,UAAA;GAAO,OAAA,MAAM,SAAS;EAAkB;EACxCE,MAAM,YAA6B;GACjC,OAAO,OAAO;EAChB;EAVF,IAAA,WAAA;GAYEC,OAAAA,gBAAAA,mBAAAA;IAAmBC,OAAO;IAA1B,IAAA,WAAA;KACEC,OAAAA,gBAAAA,aAAAA;MAAaC,OAAO;MAApB,IAAA,WAAA;OACEC,OAAAA,gBAAAA,uBAAAA;QAAuB,IAAA,QAAA;SAAO,OAAA,MAAM,oBAAoB,CAAC;QAAC;QAA1D,IAAA,WAAA;SACG,OAAA,MAAM;QACc;;MACZ;;IACI;;EACX;;AAEd"}

package/dist/browser/grid-layout.d.ts

@@ -0,0 +1,22 @@
+/*
+ * 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/GridLayout.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 { LayoutOptionsDelegate } from "./virtualizer.js";
+import { GridLayout as GridLayout$1, GridLayoutOptions } from "@solid2-aria/stately/layout/grid-layout";
+export declare class GridLayout<T, O extends GridLayoutOptions = GridLayoutOptions> extends GridLayout$1<T, O> implements LayoutOptionsDelegate<GridLayoutOptions> {
+  createLayoutOptions(): GridLayoutOptions;
+}
+//# sourceMappingURL=grid-layout.d.ts.map

package/dist/browser/grid-layout.js

@@ -0,0 +1,30 @@
+/*
+ * 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/GridLayout.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 { createLocale } from "@solid2-aria/core/i18n/i18n-provider";
+import { GridLayout as GridLayout$1 } from "@solid2-aria/stately/layout/grid-layout";
+// src/grid-layout.ts
+var GridLayout = class extends GridLayout$1 {
+	createLayoutOptions() {
+		const locale = createLocale();
+		return { get direction() {
+			return locale.direction;
+		} };
+	}
+};
+export { GridLayout };
+
+//# sourceMappingURL=grid-layout.js.map

package/dist/browser/grid-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-layout.js","names":["BaseGridLayout"],"sources":["../../src/grid-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/GridLayout.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 { createLocale } from \"@solid2-aria/core/i18n/i18n-provider\";\nimport { GridLayout as BaseGridLayout } from \"@solid2-aria/stately/layout/grid-layout\";\nimport type { GridLayoutOptions } from \"@solid2-aria/stately/layout/grid-layout\";\n\nimport type { LayoutOptionsDelegate } from \"./virtualizer\";\n\nexport class GridLayout<T, O extends GridLayoutOptions = GridLayoutOptions>\n  extends BaseGridLayout<T, O>\n  implements LayoutOptionsDelegate<GridLayoutOptions>\n{\n  createLayoutOptions(): GridLayoutOptions {\n    const locale = createLocale();\n\n    return {\n      get direction() {\n        return locale.direction;\n      },\n    };\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA,IAAa,aAAb,cACUA,aAEV;CACE,sBAAyC;EACvC,MAAM,SAAS,aAAa;EAE5B,OAAO,EACL,IAAI,YAAY;GACd,OAAO,OAAO;EAChB,EACF;CACF;AACF"}

package/dist/browser/grid-list.d.ts

@@ -0,0 +1,95 @@
+/*
+ * 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/GridList.tsx.
+ * Modified for Solid Aria: collections, selection, drag and drop, and DOM rendering use Solid 2 ownership and reactive getters; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { ClassOrFunction, ContextValue, DOMProps as DOMProps$1, DOMRenderProps, Ref, RenderProps, SlotProps, StyleProps, StyleRenderProps } from "./utils.js";
+import { CollectionProps, ItemRenderProps, SectionProps as SectionProps$1 } from "./collection.js";
+import { DragAndDropHooks } from "./create-drag-and-drop.js";
+import { CollectionDragAndDrop, CollectionDropIndicator, createCollectionDragAndDrop } from "./collection-dnd.js";
+import { JSX } from "@solidjs/web";
+import { LoadMoreSentinelProps } from "@solid2-aria/core/utils/create-load-more-sentinel";
+import { ListState } from "@solid2-aria/stately/list/create-list-state";
+import { AriaGridListProps } from "@solid2-aria/core/gridlist/create-grid-list";
+import { HoverEvents, Key, LinkDOMProps, Orientation, PressEvents, SelectionBehavior } from "@solid2-aria/types-shared";
+import { GlobalDOMAttributes, HTMLAttributes } from "@solid2-aria/types-shared-web";
+export interface GridListRenderProps {
+  isEmpty: boolean;
+  isFocused: boolean;
+  isFocusVisible: boolean;
+  isDropTarget: boolean;
+  layout: "stack" | "grid";
+  orientation: Orientation;
+  state: ListState<unknown>;
+}
+export interface GridListProps<T> extends Omit<AriaGridListProps<T>, "children">, CollectionProps<T>, StyleRenderProps<GridListRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+  class?: ClassOrFunction<GridListRenderProps>;
+  disallowTypeAhead?: boolean;
+  selectionBehavior?: SelectionBehavior;
+  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;
+  renderEmptyState?: (props: GridListRenderProps) => JSX.Element;
+  layout?: "stack" | "grid";
+  orientation?: Orientation;
+  UNSTABLE_focusOnEntry?: "first" | "last";
+}
+export interface GridListItemRenderProps extends ItemRenderProps {
+  id?: Key;
+  isFocusVisibleWithin: boolean;
+  state: ListState<unknown>;
+}
+export interface GridListItemProps<T = object> extends RenderProps<GridListItemRenderProps>, LinkDOMProps, HoverEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, "onClick"> {
+  class?: ClassOrFunction<GridListItemRenderProps>;
+  id?: Key;
+  value?: T;
+  textValue?: string;
+  isDisabled?: boolean;
+  onAction?: () => void;
+  focusMode?: "child" | "row";
+  allowsArrowNavigation?: boolean;
+}
+export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, "collection" | "direction">, StyleProps, DOMRenderProps<"div", undefined>, GlobalDOMAttributes<HTMLDivElement> {
+  class?: JSX.ClassValue;
+  children?: JSX.Element;
+  isLoading?: boolean;
+}
+export interface GridListSectionProps<T> extends SectionProps$1<T>, DOMRenderProps<"div", undefined> {
+  class?: JSX.ClassValue;
+}
+export interface GridListHeaderProps extends DOMRenderProps<"div", undefined>, Omit<DOMProps$1, "ref">, GlobalDOMAttributes<HTMLElement> {
+  role?: "row";
+}
+export declare const GridListContext: import("solid-js").Context<ContextValue<GridListProps<any>, HTMLDivElement>>;
+export declare function GridList<T>(input: GridListProps<T> & {
+  ref?: Ref<HTMLDivElement>;
+}): JSX.Element;
+export declare const GridListItem: <T>(props: GridListItemProps<T> & {
+  ref?: import("@solid2-aria/core/types").Ref<HTMLDivElement>;
+}) => import("solid-js").Element;
+export declare const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & {
+  ref?: import("@solid2-aria/core/types").Ref<HTMLDivElement>;
+}) => import("solid-js").Element;
+export declare const GridListHeaderContext: import("solid-js").Context<ContextValue<GridListHeaderProps, HTMLDivElement>>;
+export declare const GridListHeaderInnerContext: import("solid-js").Context<HTMLAttributes<HTMLElement> | null>;
+export declare const GridListHeader: (props: GridListHeaderProps & {
+  ref?: import("@solid2-aria/core/types").Ref<HTMLDivElement>;
+}) => import("solid-js").Element;
+export declare const GridListSection: <T>(props: GridListSectionProps<T> & {
+  ref?: import("@solid2-aria/core/types").Ref<HTMLDivElement>;
+}) => import("solid-js").Element;
+export declare function RootDropIndicator(props?: {
+  table?: boolean;
+  columnCount?: number;
+}): JSX.Element;
+export { type CollectionDragAndDrop, CollectionDropIndicator, createCollectionDragAndDrop };
+//# sourceMappingURL=grid-list.d.ts.map