@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/disclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.js","names":["dom.div","<dom.div\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n      data-disabled={state.isDisabled || undefined}\n    >\n      <DisclosureGroupStateContext value={state}>\n        {render.children}\n      </DisclosureGroupStateContext>\n    </dom.div>","<dom.div\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\"),\n        merge(() => focus.focusProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      data-expanded={state.isExpanded || undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-focus-visible-within={values.isFocusVisibleWithin || undefined}\n    >\n      <DisclosureStateContext value={state}>\n        <PanelContext value={panel}>\n          <ButtonContext\n            value={{\n              slots: {\n                [DEFAULT_SLOT]: {},\n                get trigger() {\n                  return aria.buttonProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </ButtonContext>\n        </PanelContext>\n      </DisclosureStateContext>\n    </dom.div>","<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => context.panelProps ?? {}),\n        merge(() => focus.focusProps ?? {}),\n        render\n      )}\n      role={props.role ?? \"group\"}\n      ref={[\n        (element: HTMLDivElement) => {\n          context.setPanelRef(element);\n        },\n        (element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        },\n      ]}\n      data-focus-visible-within={values.isFocusVisibleWithin || undefined}\n    >\n      {render.children}\n    </dom.div>","_$mergeProps"],"sources":["../../src/disclosure.tsx"],"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/Disclosure.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 { createDisclosure } from \"@solid2-aria/core/disclosure/create-disclosure\";\nimport type { AriaDisclosureProps } from \"@solid2-aria/core/disclosure/create-disclosure\";\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { createDisclosureGroupState } from \"@solid2-aria/stately/disclosure/create-disclosure-group-state\";\nimport type {\n  DisclosureGroupState,\n  DisclosureGroupProps as GroupOptions,\n} from \"@solid2-aria/stately/disclosure/create-disclosure-group-state\";\nimport { createDisclosureState } from \"@solid2-aria/stately/disclosure/create-disclosure-state\";\nimport type { DisclosureState } from \"@solid2-aria/stately/disclosure/create-disclosure-state\";\nimport type { Key } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createSignal,\n  createContext,\n  createUniqueId,\n  useContext,\n  omit,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { ButtonContext } from \"./button\";\nimport {\n  assignRef,\n  dom,\n  DEFAULT_SLOT,\n  createContextProps,\n  createRenderProps,\n} from \"./utils\";\nimport type { ContextValue, Ref, RenderProps, SlotProps } from \"./utils\";\n\nexport interface DisclosureGroupRenderProps {\n  isDisabled: boolean;\n  state: DisclosureGroupState;\n}\n\nexport interface DisclosureGroupProps\n  extends GroupOptions, RenderProps<DisclosureGroupRenderProps> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface DisclosureRenderProps {\n  isExpanded: boolean;\n  isFocusVisibleWithin: boolean;\n  isDisabled: boolean;\n  state: DisclosureState;\n}\n\nexport interface DisclosureProps\n  extends AriaDisclosureProps, RenderProps<DisclosureRenderProps>, SlotProps {\n  id?: Key;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface DisclosurePanelRenderProps {\n  isFocusVisibleWithin: boolean;\n}\n\nexport interface DisclosurePanelProps extends RenderProps<DisclosurePanelRenderProps> {\n  ref?: Ref<HTMLDivElement>;\n  role?: \"group\" | \"region\";\n  shouldForceMount?: boolean;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}\n\nexport const DisclosureGroupStateContext =\n  createContext<DisclosureGroupState | null>(null);\n\nexport const DisclosureStateContext = createContext<DisclosureState | null>(\n  null\n);\n\nexport const DisclosureContext =\n  createContext<ContextValue<DisclosureProps, HTMLDivElement>>(null);\n\nconst PanelContext = createContext<{\n  panelProps: JSX.HTMLAttributes<HTMLElement>;\n  panelRef: Accessor<HTMLDivElement | null>;\n  setPanelRef: (element: HTMLDivElement) => void;\n} | null>(null);\n\nexport function DisclosureGroup(props: DisclosureGroupProps): JSX.Element {\n  const state = createDisclosureGroupState(props);\n\n  const values = {\n    get isDisabled() {\n      return state.isDisabled;\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-DisclosureGroup\",\n      values,\n    })\n  );\n\n  return (\n    <dom.div\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n      data-disabled={state.isDisabled || undefined}\n    >\n      <DisclosureGroupStateContext value={state}>\n        {render.children}\n      </DisclosureGroupStateContext>\n    </dom.div>\n  );\n}\n\nexport function Disclosure(input: DisclosureProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    DisclosureContext\n  );\n\n  const group = useContext(DisclosureGroupStateContext);\n  const defaultId = createUniqueId();\n  const id = () => props.id ?? defaultId;\n\n  const options = mergeProps(props, {\n    get isDisabled() {\n      return props.isDisabled ?? group?.isDisabled;\n    },\n    get isExpanded() {\n      return group ? group.expandedKeys.has(id()) : props.isExpanded;\n    },\n    onExpandedChange(expanded: boolean) {\n      group?.toggleKey(id());\n      props.onExpandedChange?.(expanded);\n    },\n  });\n\n  const state = createDisclosureState(options);\n\n  const [panelRef, setPanelRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const aria = createDisclosure(options, state, panelRef);\n  const focus = createFocusRing({ within: true });\n\n  const values: DisclosureRenderProps = {\n    get isDisabled() {\n      return options.isDisabled === true;\n    },\n    get isExpanded() {\n      return state.isExpanded;\n    },\n    get isFocusVisibleWithin() {\n      return focus.isFocusVisible;\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Disclosure\", values })\n  );\n\n  const panel = {\n    get panelProps() {\n      return aria.panelProps;\n    },\n    panelRef,\n    setPanelRef: (element: HTMLDivElement) => {\n      setPanelRef(element);\n    },\n  };\n\n  return (\n    <dom.div\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\"),\n        merge(() => focus.focusProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      data-expanded={state.isExpanded || undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-focus-visible-within={values.isFocusVisibleWithin || undefined}\n    >\n      <DisclosureStateContext value={state}>\n        <PanelContext value={panel}>\n          <ButtonContext\n            value={{\n              slots: {\n                [DEFAULT_SLOT]: {},\n                get trigger() {\n                  return aria.buttonProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </ButtonContext>\n        </PanelContext>\n      </DisclosureStateContext>\n    </dom.div>\n  );\n}\n\nexport function DisclosurePanel(props: DisclosurePanelProps): JSX.Element {\n  const context = useContext(PanelContext);\n\n  if (!context) {\n    throw new Error(\"DisclosurePanel requires Disclosure\");\n  }\n\n  const focus = createFocusRing({ within: true });\n\n  const values = {\n    get isFocusVisibleWithin() {\n      return focus.isFocusVisible;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-DisclosurePanel\",\n      values,\n    })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => context.panelProps ?? {}),\n        merge(() => focus.focusProps ?? {}),\n        render\n      )}\n      role={props.role ?? \"group\"}\n      ref={[\n        (element: HTMLDivElement) => {\n          context.setPanelRef(element);\n        },\n        (element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        },\n      ]}\n      data-focus-visible-within={values.isFocusVisibleWithin || undefined}\n    >\n      {render.children}\n    </dom.div>\n  );\n}\n"],"mappings":"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"}

package/dist/server/drag-and-drop.js

@@ -0,0 +1,66 @@
+/*
+ * 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/DragAndDrop.tsx.
+ * Modified for Solid Aria: contexts and indicator rendering use Solid reactive ownership.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContext, untrack, useContext } from "solid-js";
+import { memo } from "@solidjs/web";
+import { isPresent } from "@solid2-aria/core/utils/is-present";
+// src/drag-and-drop.tsx
+const DragAndDropContext = createContext({});
+const DropIndicatorContext = createContext(null);
+function DropIndicator(props) {
+	const context = useContext(DropIndicatorContext);
+	if (!context) throw new Error("DropIndicator must be rendered in a droppable collection.");
+	return context.render(props, untrack(() => props.ref));
+}
+function createRenderDropIndicator(hooks, state) {
+	if (!hooks?.createDropIndicator) return;
+	return (target) => {
+		if (hooks.isVirtualDragging?.() !== true && state?.isDropTarget(target) !== true) return null;
+		return memo(() => {
+			return memo(() => {
+				return !!hooks.renderDropIndicator;
+			})() ? hooks.renderDropIndicator(target) : DropIndicator({ target });
+		});
+	};
+}
+function createDndPersistedKeys(manager, hooks, state) {
+	let dropKey = null;
+	if (hooks?.isVirtualDragging?.() === true && state?.target?.type === "item") {
+		dropKey = state.target.key;
+		if (state.target.dropPosition === "after") {
+			let next = state.collection.getKeyAfter(dropKey);
+			let last = null;
+			const level = state.collection.getItem(dropKey)?.level ?? 0;
+			while (isPresent(next)) {
+				const node = state.collection.getItem(next);
+				if (!node) break;
+				if (node.type === "item") {
+					if ((node.level ?? 0) <= level) break;
+					last = next;
+				}
+				next = state.collection.getKeyAfter(next);
+			}
+			dropKey = next ?? last ?? dropKey;
+		}
+	}
+	const keys = /* @__PURE__ */ new Set();
+	if (isPresent(manager.focusedKey)) keys.add(manager.focusedKey);
+	if (isPresent(dropKey)) keys.add(dropKey);
+	return keys;
+}
+export { DragAndDropContext, DropIndicator, DropIndicatorContext, createDndPersistedKeys, createRenderDropIndicator };
+
+//# sourceMappingURL=drag-and-drop.js.map

package/dist/server/drag-and-drop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-and-drop.js","names":["{hooks.renderDropIndicator ? (\n          hooks.renderDropIndicator(target)\n        ) : (\n          <DropIndicator target={target} />\n        )}","_$memo"],"sources":["../../src/drag-and-drop.tsx"],"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/DragAndDrop.tsx.\n * Modified for Solid Aria: contexts and indicator rendering use Solid reactive ownership.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type { DropIndicatorProps as AriaDropIndicatorProps } from \"@solid2-aria/core/dnd/create-drop-indicator\";\nimport { isPresent } from \"@solid2-aria/core/utils/is-present\";\nimport type { DraggableCollectionState } from \"@solid2-aria/stately/dnd/create-draggable-collection-state\";\nimport type { DroppableCollectionState } from \"@solid2-aria/stately/dnd/create-droppable-collection-state\";\nimport type { MultipleSelectionManager } from \"@solid2-aria/stately/selection/types\";\nimport type { ItemDropTarget, Key } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createContext, useContext } from \"solid-js\";\n\nimport type { DragAndDropHooks } from \"./create-drag-and-drop\";\nimport type { Ref, RenderProps } from \"./utils\";\n\nexport interface DragAndDropContextValue {\n  // oxlint-disable-next-line typescript/no-explicit-any -- The collection owner and its descendants share one item type through this context.\n  dragAndDropHooks?: DragAndDropHooks<any>;\n  dragState?: DraggableCollectionState;\n  dropState?: DroppableCollectionState;\n}\n\nexport interface DropIndicatorRenderProps {\n  isDropTarget: boolean;\n}\n\nexport interface DropIndicatorProps\n  extends\n    Omit<AriaDropIndicatorProps, \"activateButtonRef\">,\n    RenderProps<DropIndicatorRenderProps> {\n  ref?: Ref<HTMLElement>;\n}\n\nexport const DragAndDropContext = createContext<DragAndDropContextValue>({});\n\nexport const DropIndicatorContext = createContext<{\n  render: (props: DropIndicatorProps, ref?: Ref<HTMLElement>) => JSX.Element;\n} | null>(null);\n\nexport function DropIndicator(props: DropIndicatorProps): JSX.Element {\n  const context = useContext(DropIndicatorContext);\n\n  if (!context) {\n    throw new Error(\n      \"DropIndicator must be rendered in a droppable collection.\"\n    );\n  }\n\n  return context.render(\n    props,\n    untrack(() => props.ref)\n  );\n}\n\nexport function createRenderDropIndicator<T>(\n  hooks?: DragAndDropHooks<T>,\n  state?: DroppableCollectionState\n): ((target: ItemDropTarget) => JSX.Element) | undefined {\n  if (!hooks?.createDropIndicator) {\n    return undefined;\n  }\n\n  return (target): JSX.Element => {\n    if (\n      hooks.isVirtualDragging?.() !== true &&\n      state?.isDropTarget(target) !== true\n    ) {\n      // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n      return null;\n    }\n\n    return (\n      <>\n        {hooks.renderDropIndicator ? (\n          hooks.renderDropIndicator(target)\n        ) : (\n          <DropIndicator target={target} />\n        )}\n      </>\n    );\n  };\n}\n\nexport function createDndPersistedKeys<T>(\n  manager: MultipleSelectionManager,\n  hooks?: DragAndDropHooks<T>,\n  state?: DroppableCollectionState\n): Set<Key> {\n  let dropKey: Key | null = null;\n\n  if (hooks?.isVirtualDragging?.() === true && state?.target?.type === \"item\") {\n    dropKey = state.target.key;\n\n    if (state.target.dropPosition === \"after\") {\n      let next = state.collection.getKeyAfter(dropKey);\n      let last: Key | null = null;\n      const level = state.collection.getItem(dropKey)?.level ?? 0;\n\n      while (isPresent(next)) {\n        const node = state.collection.getItem(next);\n\n        if (!node) {\n          break;\n        }\n\n        if (node.type === \"item\") {\n          if ((node.level ?? 0) <= level) {\n            break;\n          }\n\n          last = next;\n        }\n\n        next = state.collection.getKeyAfter(next);\n      }\n\n      dropKey = next ?? last ?? dropKey;\n    }\n  }\n\n  const keys = new Set<Key>();\n\n  if (isPresent(manager.focusedKey)) {\n    keys.add(manager.focusedKey);\n  }\n\n  if (isPresent(dropKey)) {\n    keys.add(dropKey);\n  }\n\n  return keys;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+CA,MAAa,qBAAqB,cAAuC,CAAC,CAAC;AAE3E,MAAa,uBAAuB,cAE1B,IAAI;AAEd,SAAgB,cAAc,OAAwC;CACpE,MAAM,UAAU,WAAW,oBAAoB;CAE/C,IAAI,CAAC,SACH,MAAM,IAAI,MACR,2DACF;CAGF,OAAO,QAAQ,OACb,OACA,cAAc,MAAM,GAAG,CACzB;AACF;AAEA,SAAgB,0BACd,OACA,OACuD;CACvD,IAAI,CAAC,OAAO,qBACV;CAGF,QAAQ,WAAwB;EAC9B,IACE,MAAM,oBAAoB,MAAM,QAChC,OAAO,aAAa,MAAM,MAAM,MAGhC,OAAO;EAGT,OAEIA,WAAAA;;IAAC,OAAA,CAAA,CAAA,MAAM;GAIN,CAAA,CAAC,CAAD,IAHC,MAAM,oBAAoB,MAAM,IAAA,cAEhC,EAAuB,OAAS,CAAA;EACjC,CAAA;CAGP;AACF;AAEA,SAAgB,uBACd,SACA,OACA,OACU;CACV,IAAI,UAAsB;CAE1B,IAAI,OAAO,oBAAoB,MAAM,QAAQ,OAAO,QAAQ,SAAS,QAAQ;EAC3E,UAAU,MAAM,OAAO;EAEvB,IAAI,MAAM,OAAO,iBAAiB,SAAS;GACzC,IAAI,OAAO,MAAM,WAAW,YAAY,OAAO;GAC/C,IAAI,OAAmB;GACvB,MAAM,QAAQ,MAAM,WAAW,QAAQ,OAAO,CAAC,EAAE,SAAS;GAE1D,OAAO,UAAU,IAAI,GAAG;IACtB,MAAM,OAAO,MAAM,WAAW,QAAQ,IAAI;IAE1C,IAAI,CAAC,MACH;IAGF,IAAI,KAAK,SAAS,QAAQ;KACxB,KAAK,KAAK,SAAS,MAAM,OACvB;KAGF,OAAO;IACT;IAEA,OAAO,MAAM,WAAW,YAAY,IAAI;GAC1C;GAEA,UAAU,QAAQ,QAAQ;EAC5B;CACF;CAEA,MAAM,uBAAO,IAAI,IAAS;CAE1B,IAAI,UAAU,QAAQ,UAAU,GAC9B,KAAK,IAAI,QAAQ,UAAU;CAG7B,IAAI,UAAU,OAAO,GACnB,KAAK,IAAI,OAAO;CAGlB,OAAO;AACT"}

package/dist/server/drop-zone.js

@@ -0,0 +1,241 @@
+/*
+ * 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/DropZone.tsx.
+ * Modified for Solid Aria: DOM refs, focus, drag, clipboard and render state use Solid factories; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps, createRenderProps, dom } from "./utils.js";
+import { TextContext } from "./text.js";
+import intl_default from "./intl/index.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, merge, untrack } from "solid-js";
+import { 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 { createButton } from "@solid2-aria/core/button/create-button";
+import { createVisuallyHidden } from "@solid2-aria/core/visually-hidden/visually-hidden";
+import { createLocalizedStringFormatter } from "@solid2-aria/core/i18n/create-localized-string-formatter";
+import { createClipboard } from "@solid2-aria/core/dnd/create-clipboard";
+import { createDrop } from "@solid2-aria/core/dnd/create-drop";
+import { createSlotId } from "@solid2-aria/core/utils/create-id";
+import { createLabels } from "@solid2-aria/core/utils/create-labels";
+import { focusWithoutScrolling } from "@solid2-aria/core/utils/focus-without-scrolling";
+import { isFocusable } from "@solid2-aria/core/utils/is-focusable";
+// src/drop-zone.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 _m$7 = Symbol();
+var _m$8 = Symbol();
+var _m$9 = Symbol();
+var _m$10 = Symbol();
+var _m$11 = Symbol();
+var _m$12 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$2 = {
+	get() {
+		return this[_m$2].isHovered || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		return this[_m$3].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$3].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		return this[_m$4].isDropTarget || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		return this[_m$].isDisabled ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$7 = {
+	get() {
+		const hidden = this[_m$5];
+		const button = this[_m$6];
+		const focus = this[_m$3];
+		const clipboard = this[_m$7];
+		const labels = this[_m$8];
+		const render = this[_m$9];
+		return [ssrElement("div", hidden.visuallyHiddenProps, () => {
+			return ssrElement("button", mergeProps(merge(() => button.buttonProps ?? {}), merge(() => focus.focusProps ?? {}), merge(() => clipboard.clipboardProps ?? {}), labels), void 0, false);
+		}, true), memo(() => {
+			return render.children;
+		})];
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3, _p4, _p5, _p6, _p7, _p8, _p9, _p0, _p1) {
+	this[_m$] = _p;
+	this[_m$2] = _p2;
+	this[_m$3] = _p3;
+	this[_m$4] = _p4;
+	this[_m$5] = _p5;
+	this[_m$6] = _p6;
+	this[_m$7] = _p7;
+	this[_m$8] = _p8;
+	this[_m$9] = _p9;
+	this.ref = _p0;
+	Object.defineProperty(this, "slot", _d$);
+	Object.defineProperty(this, "data-hovered", _d$2);
+	Object.defineProperty(this, "data-focused", _d$3);
+	Object.defineProperty(this, "data-focus-visible", _d$4);
+	Object.defineProperty(this, "data-drop-target", _d$5);
+	Object.defineProperty(this, "data-disabled", _d$6);
+	this.onClick = _p1;
+	Object.defineProperty(this, "children", _d$7);
+}
+_P$.prototype = Object.prototype;
+var _d$8 = {
+	get() {
+		const props = this[_m$];
+		const render = this[_m$2];
+		const drop = this[_m$3];
+		const hover = this[_m$4];
+		const focus = this[_m$5];
+		const hidden = this[_m$6];
+		const button = this[_m$7];
+		const clipboard = this[_m$8];
+		const labels = this[_m$9];
+		const setRef = this[_m$10];
+		const ref = this[_m$11];
+		const buttonRef = this[_m$12];
+		return dom.div(mergeProps$1(() => {
+			return mergeProps(filterDOMProps(props, { global: true }), render, merge(() => drop.dropProps ?? {}), merge(() => hover.hoverProps ?? {}));
+		}, new _P$(props, hover, focus, drop, hidden, button, clipboard, labels, render, (element) => {
+			setRef(element);
+		}, (event) => {
+			let target = event.target instanceof HTMLElement ? event.target : null;
+			while (target && ref()?.contains(target) === true) {
+				if (isFocusable(target)) break;
+				const focusTarget = buttonRef();
+				if (target === ref() && focusTarget) {
+					focusWithoutScrolling(focusTarget);
+					break;
+				}
+				target = target.parentElement;
+			}
+		})));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p10, _p11, _p12, _p13, _p14, _p15, _p16, _p17, _p18, _p19, _p20, _p21, _p22) {
+	this[_m$] = _p10;
+	this[_m$2] = _p11;
+	this[_m$3] = _p12;
+	this[_m$4] = _p13;
+	this[_m$5] = _p14;
+	this[_m$6] = _p15;
+	this[_m$7] = _p16;
+	this[_m$8] = _p17;
+	this[_m$9] = _p18;
+	this[_m$10] = _p19;
+	this[_m$11] = _p20;
+	this[_m$12] = _p21;
+	this.value = _p22;
+	Object.defineProperty(this, "children", _d$8);
+}
+_P$2.prototype = Object.prototype;
+const DropZoneContext = createContext(null);
+function DropZone(input) {
+	const [props, ref, setRef] = createContextProps(input, untrack(() => input.ref), DropZoneContext);
+	const [buttonRef, setButtonRef] = createSignal(null, { ownedWrite: true });
+	const drop = createDrop(mergeProps(props, {
+		hasDropButton: true,
+		ref: buttonRef
+	}));
+	const button = createButton(mergeProps({ get children() {
+		return props.children;
+	} }, drop.dropButtonProps ?? {}), buttonRef);
+	const hover = createHover(props);
+	const focus = createFocusRing();
+	const hidden = createVisuallyHidden();
+	const textId = createSlotId();
+	const formatter = createLocalizedStringFormatter(intl_default, "@solid2-aria/components");
+	const labels = createLabels({
+		get "aria-label"() {
+			return props["aria-label"] ?? formatter.format("dropzoneLabel");
+		},
+		get "aria-labelledby"() {
+			return [textId(), props["aria-labelledby"]].filter(Boolean).join(" ") || void 0;
+		}
+	});
+	const clipboard = createClipboard({
+		get isDisabled() {
+			return props.isDisabled;
+		},
+		onPaste: (items) => props.onDrop?.({
+			dropOperation: "copy",
+			items,
+			type: "drop",
+			x: 0,
+			y: 0
+		})
+	});
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-DropZone",
+		values: {
+			get isDisabled() {
+				return props.isDisabled === true;
+			},
+			get isDropTarget() {
+				return drop.isDropTarget;
+			},
+			get isFocusVisible() {
+				return focus.isFocusVisible;
+			},
+			get isFocused() {
+				return focus.isFocused;
+			},
+			get isHovered() {
+				return hover.isHovered;
+			}
+		}
+	}));
+	return TextContext(new _P$2(props, render, drop, hover, focus, hidden, button, clipboard, labels, setRef, ref, buttonRef, { slots: { label: { get id() {
+		return textId();
+	} } } }));
+}
+export { DropZone, DropZoneContext };
+
+//# sourceMappingURL=drop-zone.js.map

package/dist/server/drop-zone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone.js","names":["<div {...hidden.visuallyHiddenProps}>\n          <button\n            {...mergeProps(\n              merge(() => button.buttonProps ?? {}),\n              merge(() => focus.focusProps ?? {}),\n              merge(() => clipboard.clipboardProps ?? {}),\n              labels\n            )}\n\n            ref={(element: HTMLButtonElement) => {\n              setButtonRef(element);\n            }}\n          />\n        </div>","<button\n            {...mergeProps(\n              merge(() => button.buttonProps ?? {}),\n              merge(() => focus.focusProps ?? {}),\n              merge(() => clipboard.clipboardProps ?? {}),\n              labels\n            )}\n\n            ref={(element: HTMLButtonElement) => {\n              setButtonRef(element);\n            }}\n          />","{render.children}","dom.div","<dom.div\n        {...mergeProps(\n          filterDOMProps(props, { global: true }),\n          render,\n          merge(() => drop.dropProps ?? {}),\n          merge(() => hover.hoverProps ?? {})\n        )}\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n        slot={props.slot ?? undefined}\n        data-hovered={hover.isHovered || undefined}\n        data-focused={focus.isFocused || undefined}\n        data-focus-visible={focus.isFocusVisible || undefined}\n        data-drop-target={drop.isDropTarget || undefined}\n        data-disabled={props.isDisabled ?? undefined}\n        onClick={(event) => {\n          let target =\n            event.target instanceof HTMLElement ? event.target : null;\n\n          while (target && ref()?.contains(target) === true) {\n            if (isFocusable(target)) {\n              break;\n            }\n\n            const focusTarget = buttonRef();\n\n            if (target === ref() && focusTarget) {\n              focusWithoutScrolling(focusTarget);\n              break;\n            }\n\n            target = target.parentElement;\n          }\n        }}\n      >\n        <div {...hidden.visuallyHiddenProps}>\n          <button\n            {...mergeProps(\n              merge(() => button.buttonProps ?? {}),\n              merge(() => focus.focusProps ?? {}),\n              merge(() => clipboard.clipboardProps ?? {}),\n              labels\n            )}\n\n            ref={(element: HTMLButtonElement) => {\n              setButtonRef(element);\n            }}\n          />\n        </div>\n        {render.children}\n      </dom.div>","_$ssrElement","_$memo","_$mergeProps","intlMessages"],"sources":["../../src/drop-zone.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/DropZone.tsx.\n * Modified for Solid Aria: DOM refs, focus, drag, clipboard and render state use Solid factories; 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 { createButton } from \"@solid2-aria/core/button/create-button\";\nimport { createClipboard } from \"@solid2-aria/core/dnd/create-clipboard\";\nimport { createDrop } from \"@solid2-aria/core/dnd/create-drop\";\nimport type { DropOptions } from \"@solid2-aria/core/dnd/create-drop\";\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createLocalizedStringFormatter } from \"@solid2-aria/core/i18n/create-localized-string-formatter\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport { createSlotId } from \"@solid2-aria/core/utils/create-id\";\nimport { createLabels } from \"@solid2-aria/core/utils/create-labels\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { focusWithoutScrolling } from \"@solid2-aria/core/utils/focus-without-scrolling\";\nimport { isFocusable } from \"@solid2-aria/core/utils/is-focusable\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { createVisuallyHidden } from \"@solid2-aria/core/visually-hidden/visually-hidden\";\nimport type { AriaLabelingProps, HoverEvents } from \"@solid2-aria/types-shared\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport { merge, untrack, createSignal, createContext } from \"solid-js\";\n\nimport intlMessages from \"../intl\";\nimport { TextContext } from \"./text\";\nimport { dom, createContextProps, createRenderProps } from \"./utils\";\nimport type { ContextValue, RenderProps, SlotProps, Ref } from \"./utils\";\n\nexport interface DropZoneRenderProps {\n  isHovered: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isDropTarget: boolean;\n  isDisabled: boolean;\n}\n\nexport interface DropZoneProps\n  extends\n    Omit<DropOptions, \"getDropOperationForPoint\" | \"ref\" | \"hasDropButton\">,\n    HoverEvents,\n    RenderProps<DropZoneRenderProps>,\n    SlotProps,\n    AriaLabelingProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const DropZoneContext =\n  createContext<ContextValue<DropZoneProps, HTMLDivElement>>(null);\n\nexport function DropZone(input: DropZoneProps) {\n  const [props, ref, setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    DropZoneContext\n  );\n\n  const [buttonRef, setButtonRef] = createSignal<HTMLButtonElement | null>(\n    null,\n    { ownedWrite: true }\n  );\n\n  const drop = createDrop(\n    mergeProps(props, { hasDropButton: true, ref: buttonRef })\n  );\n\n  const button = createButton(\n    mergeProps(\n      {\n        get children() {\n          return props.children;\n        },\n      },\n      drop.dropButtonProps ?? {}\n    ),\n    buttonRef\n  );\n\n  const hover = createHover(props);\n  const focus = createFocusRing();\n  const hidden = createVisuallyHidden();\n  const textId = createSlotId();\n\n  const formatter = createLocalizedStringFormatter(\n    intlMessages,\n    \"@solid2-aria/components\"\n  );\n\n  const labels = createLabels({\n    get \"aria-label\"() {\n      return props[\"aria-label\"] ?? formatter.format(\"dropzoneLabel\");\n    },\n    get \"aria-labelledby\"() {\n      return (\n        [textId(), props[\"aria-labelledby\"]].filter(Boolean).join(\" \") ||\n        undefined\n      );\n    },\n  });\n\n  const clipboard = createClipboard({\n    get isDisabled() {\n      return props.isDisabled;\n    },\n    onPaste: (items) =>\n      props.onDrop?.({\n        dropOperation: \"copy\",\n        items,\n        type: \"drop\",\n        x: 0,\n        y: 0,\n      }),\n  });\n\n  const values = {\n    get isDisabled() {\n      return props.isDisabled === true;\n    },\n    get isDropTarget() {\n      return drop.isDropTarget;\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return focus.isFocused;\n    },\n    get isHovered() {\n      return hover.isHovered;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-DropZone\", values })\n  );\n\n  return (\n    <TextContext\n      value={{\n        slots: {\n          label: {\n            get id() {\n              return textId();\n            },\n          },\n        },\n      }}\n    >\n      <dom.div\n        {...mergeProps(\n          filterDOMProps(props, { global: true }),\n          render,\n          merge(() => drop.dropProps ?? {}),\n          merge(() => hover.hoverProps ?? {})\n        )}\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n        slot={props.slot ?? undefined}\n        data-hovered={hover.isHovered || undefined}\n        data-focused={focus.isFocused || undefined}\n        data-focus-visible={focus.isFocusVisible || undefined}\n        data-drop-target={drop.isDropTarget || undefined}\n        data-disabled={props.isDisabled ?? undefined}\n        onClick={(event) => {\n          let target =\n            event.target instanceof HTMLElement ? event.target : null;\n\n          while (target && ref()?.contains(target) === true) {\n            if (isFocusable(target)) {\n              break;\n            }\n\n            const focusTarget = buttonRef();\n\n            if (target === ref() && focusTarget) {\n              focusWithoutScrolling(focusTarget);\n              break;\n            }\n\n            target = target.parentElement;\n          }\n        }}\n      >\n        <div {...hidden.visuallyHiddenProps}>\n          <button\n            {...mergeProps(\n              merge(() => button.buttonProps ?? {}),\n              merge(() => focus.focusProps ?? {}),\n              merge(() => clipboard.clipboardProps ?? {}),\n              labels\n            )}\n\n            ref={(element: HTMLButtonElement) => {\n              setButtonRef(element);\n            }}\n          />\n        </div>\n        {render.children}\n      </dom.div>\n    </TextContext>\n  );\n}\n"],"mappings":"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"}

package/dist/server/field-error.js

@@ -0,0 +1,90 @@
+/*
+ * 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 { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { Show, createContext, untrack, useContext } from "solid-js";
+import { applyRef, mergeProps as mergeProps$1 } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+// src/field-error.tsx
+var _m$ = Symbol();
+var _d$ = {
+	get() {
+		const v = this[_m$];
+		return v();
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p) {
+	this[_m$] = _p;
+	Object.defineProperty(this, "validation", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		const validation = this[_m$];
+		return validation?.isInvalid === true && validation;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p2, _p3) {
+	this[_m$] = _p2;
+	Object.defineProperty(this, "when", _d$2);
+	this.children = _p3;
+}
+_P$2.prototype = Object.prototype;
+var _d$3 = {
+	get() {
+		return this[_m$].elementType;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p4, _p5) {
+	this[_m$] = _p4;
+	this.slot = _p5;
+	Object.defineProperty(this, "elementType", _d$3);
+	this.ref = (r$) => {
+		const props = this[_m$];
+		var _ref$ = props.ref;
+		typeof _ref$ === "function" || Array.isArray(_ref$) ? applyRef(_ref$, r$) : props.ref = r$;
+	};
+}
+_P$3.prototype = Object.prototype;
+const FieldErrorContext = createContext(null);
+function FieldError(props) {
+	const validation = useContext(FieldErrorContext);
+	return Show(new _P$2(validation, (v) => FieldErrorInner(mergeProps$1(props, new _P$(v)))));
+}
+function FieldErrorInner(props) {
+	const { validation } = untrack(() => props);
+	const render = createRenderProps(mergeProps(props, {
+		get defaultChildren() {
+			return validation.validationErrors.join(" ") || void 0;
+		},
+		defaultClass: "solid2-aria-FieldError",
+		values: validation
+	}));
+	return Text(mergeProps$1(() => {
+		return filterDOMProps(props, { global: true });
+	}, render, new _P$3(props, "errorMessage")));
+}
+export { FieldError, FieldErrorContext };
+
+//# sourceMappingURL=field-error.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-error.js","names":["ref={props.ref}","<FieldErrorInner {...props} validation={v()} />","<Text\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      slot=\"errorMessage\"\n      elementType={props.elementType}\n      ref={props.ref}\n    />","_$applyRef","_$mergeProps"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA2C0C,OAAY,EAAE;;;;;;;;;;;;;EAD9C,OAAM,YAAY,cAAc,QAAQ;;;;;;;;;;;;;EA0B5C,O,SAAa,CAAM;;;;;;;;;CACnB,KAAA,OAAA,OAAA;;EAAK,IAAA,QAAA,MAAM;EAAX,OAAA,UAAA,cAAA,MAAA,QAAA,KAAc,IAAdA,SAAAA,OAAAA,EAAc,IAAd,MAAW,MAAXA;;;;AAjCN,MAAa,oBAAoB,cAAuC,IAAI;AAE5E,SAAgB,WAAW,OAAqC;CAC9D,MAAM,aAAa,WAAW,iBAAiB;CAE/C,OAAA,KACE,IAAA,KAAY,aACR,MAAA,gBAAMC,aAAqB,OAArB,IAAA,IAAwC,CAAM,CAAA,CAAA,CAClD,CAAA;AAEV;AAEA,SAAS,gBACP,OACa;CACb,MAAM,EAAE,eAAe,cAAc,KAAK;CAE1C,MAAM,SAAS,kBACb,WAAW,OAAO;EAChB,IAAI,kBAAkB;GACpB,OAAO,WAAW,iBAAiB,KAAK,GAAG,KAAK,KAAA;EAClD;EACA,cAAc;EACd,QAAQ;CACV,CAAC,CACH;CAEA,OAAA,KACEC,mBACE;EAAI,OAAA,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC;CAAC,GACvC,QAFN,IAAA,KAIe,OADb,cAGD,CAAA,CAAA;AAEL"}

package/dist/server/file-trigger.js

@@ -0,0 +1,98 @@
+/*
+ * 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 { createSignal, untrack } from "solid-js";
+import { mergeProps } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { PressResponder } from "@solid2-aria/core/interactions/press-responder";
+// src/file-trigger.tsx
+var _m$ = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	this.onPress = _p2;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		return this[_m$].acceptedFileTypes?.join(",");
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		return this[_m$].allowsMultiple;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$].defaultCamera;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		return this[_m$].acceptDirectory === true ? "" : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5, _p6, _p7, _p8) {
+	this[_m$] = _p3;
+	this.type = _p4;
+	this.style = _p5;
+	this.ref = _p6;
+	Object.defineProperty(this, "accept", _d$2);
+	Object.defineProperty(this, "multiple", _d$3);
+	Object.defineProperty(this, "capture", _d$4);
+	Object.defineProperty(this, "webkitdirectory", _d$5);
+	this.onClick = _p7;
+	this.onChange = _p8;
+}
+_P$2.prototype = Object.prototype;
+function FileTrigger(props) {
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	return [PressResponder(new _P$(props, () => {
+		const input = ref();
+		if (input) {
+			input.value = "";
+			input.click();
+		}
+	})), dom.input(mergeProps(() => {
+		return filterDOMProps(props, { global: true });
+	}, new _P$2(props, "file", { display: "none" }, [(element) => {
+		setRef(element);
+	}, (element) => {
+		assignRef(untrack(() => props.ref), element);
+	}], (event) => {
+		event.stopPropagation();
+	}, (event) => props.onSelect?.(event.currentTarget.files))))];
+}
+export { FileTrigger };
+
+//# sourceMappingURL=file-trigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-trigger.js","names":["dom.input","<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      />","_$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":";;;;;;;;;;;;;;;;;;;;;;;;;EAqDQ,O,SAAC,CAAM;;;;;;;;;;;;;EAiBP,O,SAAQ,CAAM,mBAAmB,KAAK,GAAG;;;;;;;EACzC,O,SAAU,CAAM;;;;;;;EAChB,O,SAAS,CAAM;;;;;;;EACf,O,SAAiB,CAAM,oBAAoB,OAAO,KAAK,KAAA;;;;;;;;;;;;;;;;;;AArC/D,SAAgB,YAAY,OAAsC;CAChE,MAAM,CAAC,KAAK,UAAU,aAAsC,MAAM,EAChE,YAAY,KACd,CAAC;CAED,OACE,CAAA,eACE,IAAA,IAUG,aATc;EACb,MAAM,QAAQ,IAAI;EAElB,IAAI,OAAO;GACT,MAAM,QAAQ;GACd,MAAM,MAAM;EACd;CACF,CAGc,CAAA,GAAA,IACfA,MAADC,iBACE;EAAI,OAAA,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC;CAAC,GAD7C,IAAA,KAeU,OAbR,QACO,EAAE,SAAS,OAAO,GACpB,EACF,YAA8B;EAC7B,OAAO,OAAO;CAChB,IACC,YAA8B;EAC7B,UACE,cAAc,MAAM,GAAG,GACvB,OACF;CACF,CACF,IAKU,UAAU;EAClB,MAAM,gBAAgB;CACxB,IACW,UAAU,MAAM,WAAW,MAAM,cAAc,KAAK,CAChE,CAAA,CAAA,CACD;AAEN"}