@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/virtualizer.js

@@ -0,0 +1,179 @@
+/*
+ * 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/Virtualizer.tsx.
+ * Modified for Solid Aria: collection virtualization, scroll measurement, view ownership and layout options use Solid primitives.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { CollectionRendererContext, renderAfterDropIndicators } from "./collection.js";
+import { createComponent, getNextElement, insert, memo, runHydrationEvents, spread, template } from "@solidjs/web";
+import { For, createContext, createMemo, merge, untrack, useContext } from "solid-js";
+import { requireValue } from "@solid2-aria/core/utils/require-value";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+import { createScrollView } from "@solid2-aria/core/virtualizer/scroll-view";
+import { VirtualizerItem } from "@solid2-aria/core/virtualizer/virtualizer-item";
+import { createVirtualizerState } from "@solid2-aria/stately/virtualizer/create-virtualizer-state";
+// src/virtualizer.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+const VirtualizerOptionsContext = createContext(null);
+const VirtualizerContext = createContext(null);
+function Virtualizer(props) {
+	const layout = createMemo(() => typeof props.layout === "function" ? new props.layout() : props.layout);
+	const renderer = {
+		CollectionBranch,
+		CollectionRoot,
+		get dropTargetDelegate() {
+			const initialValue = layout();
+			return initialValue.getDropTargetFromPoint ? { getDropTargetFromPoint: (x, y, valid) => initialValue.getDropTargetFromPoint?.(x, y, valid) ?? null } : void 0;
+		},
+		isVirtualized: true,
+		get layoutDelegate() {
+			return layout();
+		}
+	};
+	const options = {
+		get layout() {
+			return layout();
+		},
+		get layoutOptions() {
+			return props.layoutOptions;
+		},
+		get shouldObserveItemSize() {
+			return props.shouldObserveItemSize;
+		}
+	};
+	return createComponent(CollectionRendererContext, {
+		value: renderer,
+		get children() {
+			return createComponent(VirtualizerOptionsContext, {
+				value: options,
+				get children() {
+					return props.children;
+				}
+			});
+		}
+	});
+}
+function CollectionRoot(props) {
+	const options = requireValue(useContext(VirtualizerOptionsContext), "Expected useContext(VirtualizerOptionsContext)");
+	const derivedOptions = untrack(() => options.layout).createLayoutOptions?.();
+	const state = createVirtualizerState({
+		allowsWindowScrolling: true,
+		get collection() {
+			return props.collection;
+		},
+		get layout() {
+			return options.layout;
+		},
+		get layoutOptions() {
+			return Boolean(derivedOptions) && Boolean(options.layoutOptions) ? merge(options.layoutOptions, derivedOptions) : derivedOptions ?? options.layoutOptions;
+		},
+		onVisibleRectChange(rect) {
+			const element = props.scrollRef?.();
+			if (element) {
+				element.scrollLeft = rect.x;
+				element.scrollTop = rect.y;
+			}
+		},
+		get persistedKeys() {
+			return props.persistedKeys;
+		},
+		renderView: (_type, item) => item?.render?.(item) ?? item?.rendered
+	});
+	const scroll = createScrollView({
+		allowsWindowScrolling: true,
+		get contentSize() {
+			return state.contentSize;
+		},
+		onScrollEnd: state.endScrolling,
+		onScrollStart: state.startScrolling,
+		onSizeChange: state.setSize,
+		onVisibleRectChange: state.setVisibleRect
+	}, requireValue(untrack(() => props.scrollRef), "Expected props.scrollRef"));
+	var _el$ = getNextElement(_tmpl$);
+	spread(_el$, () => {
+		return scroll.contentProps;
+	}, true);
+	insert(_el$, createComponent(VirtualizerContext, {
+		value: state,
+		get children() {
+			return createComponent(For, {
+				get each() {
+					return state.visibleViews;
+				},
+				children: (view) => renderView(null, view, props.renderDropIndicator, options.shouldObserveItemSize)
+			});
+		}
+	}));
+	runHydrationEvents();
+	return _el$;
+}
+function CollectionBranch(props) {
+	const state = requireValue(useContext(VirtualizerContext), "Expected useContext(VirtualizerContext)");
+	const options = requireValue(useContext(VirtualizerOptionsContext), "Expected useContext(VirtualizerOptionsContext)");
+	const view = () => state.virtualizer.getVisibleView(props.parent.key);
+	return memo(() => {
+		return memo(() => {
+			return !!view();
+		})() ? [...requireValue(view(), "Expected view()").children].map((child) => renderView(requireValue(view(), "Expected view()"), child, props.renderDropIndicator, options.shouldObserveItemSize)) : null;
+	});
+}
+function renderView(parent, view, renderIndicator, observe) {
+	const node = view.content;
+	const rendered = createComponent(VirtualizerItem, {
+		get layoutInfo() {
+			return requireValue(view.layoutInfo, "Expected view.layoutInfo");
+		},
+		get virtualizer() {
+			return view.virtualizer;
+		},
+		get parent() {
+			return parent?.layoutInfo;
+		},
+		shouldObserveItemSize: observe,
+		get children() {
+			return view.rendered;
+		}
+	});
+	if (node?.type !== "item" || !renderIndicator || !view.virtualizer.layout.getDropTargetLayoutInfo) return rendered;
+	return [
+		memo(() => {
+			return renderIndicatorView(parent, view, {
+				dropPosition: "before",
+				key: node.key,
+				type: "item"
+			}, renderIndicator);
+		}),
+		rendered,
+		memo(() => {
+			return renderAfterDropIndicators(view.virtualizer.collection, node, (target) => renderIndicatorView(parent, view, target, renderIndicator));
+		})
+	];
+}
+function renderIndicatorView(parent, view, target, render) {
+	const indicator = render(target);
+	if (!isTruthy(indicator)) return null;
+	const info = requireValue(view.virtualizer.layout.getDropTargetLayoutInfo?.(target), "Expected a drop target layout");
+	return createComponent(VirtualizerItem, {
+		layoutInfo: info,
+		get virtualizer() {
+			return view.virtualizer;
+		},
+		get parent() {
+			return parent?.layoutInfo;
+		},
+		children: indicator
+	});
+}
+export { Virtualizer };
+
+//# sourceMappingURL=virtualizer.js.map

package/dist/browser/virtualizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualizer.js","names":["<CollectionRendererContext value={renderer}>\n      <VirtualizerOptionsContext value={options}>\n        {props.children}\n      </VirtualizerOptionsContext>\n    </CollectionRendererContext>","value={renderer}","<VirtualizerOptionsContext value={options}>\n        {props.children}\n      </VirtualizerOptionsContext>","value={options}","<VirtualizerContext value={state}>\n        {\n          <For each={state.visibleViews}>\n            {(view) =>\n              renderView(\n                null,\n                view,\n                props.renderDropIndicator,\n                options.shouldObserveItemSize\n              )\n            }\n          </For>\n        }\n      </VirtualizerContext>","value={state}","<For each={state.visibleViews}>\n            {(view) =>\n              renderView(\n                null,\n                view,\n                props.renderDropIndicator,\n                options.shouldObserveItemSize\n              )\n            }\n          </For>","<div {...scroll.contentProps}>\n      <VirtualizerContext value={state}>\n        {\n          <For each={state.visibleViews}>\n            {(view) =>\n              renderView(\n                null,\n                view,\n                props.renderDropIndicator,\n                options.shouldObserveItemSize\n              )\n            }\n          </For>\n        }\n      </VirtualizerContext>\n    </div>","{view()\n        ? [...requireValue(view(), \"Expected view()\").children].map((child) =>\n            renderView(\n              requireValue(view(), \"Expected view()\"),\n              child,\n              props.renderDropIndicator,\n              options.shouldObserveItemSize\n            )\n          )\n        : null}","<VirtualizerItem\n      layoutInfo={requireValue(view.layoutInfo, \"Expected view.layoutInfo\")}\n      virtualizer={view.virtualizer}\n      parent={parent?.layoutInfo}\n      shouldObserveItemSize={observe}\n    >\n      {view.rendered}\n    </VirtualizerItem>","shouldObserveItemSize={observe}","{renderIndicatorView(\n        parent,\n        view,\n        { dropPosition: \"before\", key: node.key, type: \"item\" },\n        renderIndicator\n      )}","{renderAfterDropIndicators(view.virtualizer.collection, node, (target) =>\n        renderIndicatorView(parent, view, target, renderIndicator)\n      )}","<VirtualizerItem\n      layoutInfo={info}\n      virtualizer={view.virtualizer}\n      parent={parent?.layoutInfo}\n    >\n      {indicator}\n    </VirtualizerItem>","layoutInfo={info}","_$createComponent","_$getNextElement","_$memo"],"sources":["../../src/virtualizer.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/Virtualizer.tsx.\n * Modified for Solid Aria: collection virtualization, scroll measurement, view ownership and layout options use Solid primitives.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { requireValue } from \"@solid2-aria/core/utils/require-value\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport { createScrollView } from \"@solid2-aria/core/virtualizer/scroll-view\";\nimport { VirtualizerItem } from \"@solid2-aria/core/virtualizer/virtualizer-item\";\nimport { createVirtualizerState } from \"@solid2-aria/stately/virtualizer/create-virtualizer-state\";\nimport type { VirtualizerState } from \"@solid2-aria/stately/virtualizer/create-virtualizer-state\";\nimport type { Layout } from \"@solid2-aria/stately/virtualizer/layout\";\nimport type { ReusableView } from \"@solid2-aria/stately/virtualizer/reusable-view\";\nimport type {\n  DropTarget,\n  Node,\n  DropTargetDelegate,\n  ItemDropTarget,\n} from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  For,\n  createContext,\n  useContext,\n  createMemo,\n  merge,\n  untrack,\n} from \"solid-js\";\n\nimport {\n  CollectionRendererContext,\n  renderAfterDropIndicators,\n} from \"./collection\";\nimport type {\n  CollectionRootProps,\n  CollectionBranchProps,\n  CollectionRenderer,\n} from \"./collection\";\n\nexport interface LayoutOptionsDelegate<O> {\n  createLayoutOptions?: () => O;\n}\n\ninterface ILayout<O>\n  extends\n    Layout<Node<unknown>, O>,\n    Partial<DropTargetDelegate>,\n    LayoutOptionsDelegate<O> {}\n\ntype LayoutClass<O> = new () => ILayout<O>;\n\nexport interface VirtualizerProps<O> {\n  children: JSX.Element;\n  layout: LayoutClass<O> | ILayout<O>;\n  layoutOptions?: O;\n  shouldObserveItemSize?: boolean;\n}\n\nconst VirtualizerOptionsContext = createContext<{\n  layout: ILayout<unknown>;\n  layoutOptions?: unknown;\n  shouldObserveItemSize?: boolean;\n} | null>(null);\n\nconst VirtualizerContext = createContext<VirtualizerState<\n  Node<unknown>,\n  JSX.Element\n> | null>(null);\n\ntype View = ReusableView<Node<unknown>, JSX.Element>;\n\nexport function Virtualizer<O>(props: VirtualizerProps<O>) {\n  const layout = createMemo(() =>\n    typeof props.layout === \"function\" ? new props.layout() : props.layout\n  );\n\n  const renderer: CollectionRenderer = {\n    CollectionBranch,\n    CollectionRoot,\n    get dropTargetDelegate() {\n      const initialValue = layout();\n\n      return initialValue.getDropTargetFromPoint\n        ? {\n            getDropTargetFromPoint: (\n              x: number,\n              y: number,\n              valid: (target: DropTarget) => boolean\n            ) => initialValue.getDropTargetFromPoint?.(x, y, valid) ?? null,\n          }\n        : undefined;\n    },\n    isVirtualized: true,\n    get layoutDelegate() {\n      return layout();\n    },\n  };\n\n  const options = {\n    get layout() {\n      return layout();\n    },\n    get layoutOptions() {\n      return props.layoutOptions;\n    },\n    get shouldObserveItemSize() {\n      return props.shouldObserveItemSize;\n    },\n  };\n\n  return (\n    <CollectionRendererContext value={renderer}>\n      <VirtualizerOptionsContext value={options}>\n        {props.children}\n      </VirtualizerOptionsContext>\n    </CollectionRendererContext>\n  );\n}\n\nfunction CollectionRoot(props: CollectionRootProps) {\n  const options = requireValue(\n    useContext(VirtualizerOptionsContext),\n    \"Expected useContext(VirtualizerOptionsContext)\"\n  );\n\n  const layout = untrack(() => options.layout);\n  const derivedOptions = layout.createLayoutOptions?.();\n\n  const state = createVirtualizerState<Node<unknown>, JSX.Element>({\n    allowsWindowScrolling: true,\n    get collection() {\n      return props.collection;\n    },\n    get layout() {\n      return options.layout;\n    },\n    get layoutOptions() {\n      return Boolean(derivedOptions) && Boolean(options.layoutOptions)\n        ? // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          merge(options.layoutOptions, derivedOptions)\n        : // oxlint-enable solid/reactivity\n          (derivedOptions ?? options.layoutOptions);\n    },\n    onVisibleRectChange(rect) {\n      const element = props.scrollRef?.();\n\n      if (element) {\n        element.scrollLeft = rect.x;\n        element.scrollTop = rect.y;\n      }\n    },\n    get persistedKeys() {\n      return props.persistedKeys;\n    },\n    renderView: (_type, item) => item?.render?.(item) ?? item?.rendered,\n  });\n\n  const scroll = createScrollView(\n    {\n      allowsWindowScrolling: true,\n      get contentSize() {\n        return state.contentSize;\n      },\n      onScrollEnd: state.endScrolling,\n      onScrollStart: state.startScrolling,\n      onSizeChange: state.setSize,\n      onVisibleRectChange: state.setVisibleRect,\n    },\n    requireValue(\n      untrack(() => props.scrollRef),\n      \"Expected props.scrollRef\"\n    )\n  );\n\n  return (\n    <div {...scroll.contentProps}>\n      <VirtualizerContext value={state}>\n        {\n          <For each={state.visibleViews}>\n            {(view) =>\n              renderView(\n                null,\n                view,\n                props.renderDropIndicator,\n                options.shouldObserveItemSize\n              )\n            }\n          </For>\n        }\n      </VirtualizerContext>\n    </div>\n  );\n}\n\nfunction CollectionBranch(props: CollectionBranchProps) {\n  const state = requireValue(\n    useContext(VirtualizerContext),\n    \"Expected useContext(VirtualizerContext)\"\n  );\n\n  const options = requireValue(\n    useContext(VirtualizerOptionsContext),\n    \"Expected useContext(VirtualizerOptionsContext)\"\n  );\n\n  const view = () => state.virtualizer.getVisibleView(props.parent.key);\n\n  return (\n    <>\n      {view()\n        ? [...requireValue(view(), \"Expected view()\").children].map((child) =>\n            renderView(\n              requireValue(view(), \"Expected view()\"),\n              child,\n              props.renderDropIndicator,\n              options.shouldObserveItemSize\n            )\n          )\n        : null}\n    </>\n  );\n}\n\nfunction renderView(\n  parent: View | null,\n  view: View,\n  renderIndicator?: (target: ItemDropTarget) => JSX.Element,\n  observe?: boolean\n): JSX.Element {\n  const node = view.content;\n\n  const rendered = (\n    <VirtualizerItem\n      layoutInfo={requireValue(view.layoutInfo, \"Expected view.layoutInfo\")}\n      virtualizer={view.virtualizer}\n      parent={parent?.layoutInfo}\n      shouldObserveItemSize={observe}\n    >\n      {view.rendered}\n    </VirtualizerItem>\n  );\n\n  if (\n    node?.type !== \"item\" ||\n    !renderIndicator ||\n    !view.virtualizer.layout.getDropTargetLayoutInfo\n  ) {\n    return rendered;\n  }\n\n  return (\n    <>\n      {renderIndicatorView(\n        parent,\n        view,\n        { dropPosition: \"before\", key: node.key, type: \"item\" },\n        renderIndicator\n      )}\n      {rendered}\n      {renderAfterDropIndicators(view.virtualizer.collection, node, (target) =>\n        renderIndicatorView(parent, view, target, renderIndicator)\n      )}\n    </>\n  );\n}\n\nfunction renderIndicatorView(\n  parent: View | null,\n  view: View,\n  target: ItemDropTarget,\n  render: (target: ItemDropTarget) => JSX.Element\n): JSX.Element {\n  const indicator = render(target);\n\n  if (!isTruthy(indicator)) {\n    return null;\n  }\n\n  const info = requireValue(\n    view.virtualizer.layout.getDropTargetLayoutInfo?.(target),\n    \"Expected a drop target layout\"\n  );\n\n  return (\n    <VirtualizerItem\n      layoutInfo={info}\n      virtualizer={view.virtualizer}\n      parent={parent?.layoutInfo}\n    >\n      {indicator}\n    </VirtualizerItem>\n  );\n}\n"],"mappings":"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"}

package/dist/server/autocomplete.js

@@ -0,0 +1,125 @@
+/*
+ * 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/Autocomplete.tsx.
+ * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, 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 { createSlottedContext } from "./utils.js";
+import { createAutocomplete } from "@solid2-aria/core/autocomplete/create-autocomplete";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createAutocompleteState } from "@solid2-aria/stately/autocomplete/create-autocomplete-state";
+import { createContext, createSignal, merge, untrack } from "solid-js";
+// src/autocomplete.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _d$ = {
+	get() {
+		const aria = this[_m$];
+		const setCollectionRef = this[_m$2];
+		return mergeProps(merge(() => aria.collectionProps ?? {}), {
+			get filter() {
+				return aria.filter;
+			},
+			ref: [(element) => {
+				setCollectionRef(element);
+			}, aria.collectionRef]
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$2 = {
+	get() {
+		return this[_m$3].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3) {
+	this[_m$] = _p;
+	this[_m$2] = _p2;
+	this[_m$3] = _p3;
+	Object.defineProperty(this, "value", _d$);
+	Object.defineProperty(this, "children", _d$2);
+}
+_P$.prototype = Object.prototype;
+var _d$3 = {
+	get() {
+		const aria = this[_m$];
+		const setInputRef = this[_m$2];
+		return mergeProps(merge(() => aria.inputProps ?? {}), { ref: (element) => {
+			setInputRef(element instanceof HTMLInputElement ? element : null);
+		} });
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		const aria = this[_m$];
+		const setCollectionRef = this[_m$3];
+		const props = this[_m$4];
+		return SelectableCollectionContext(new _P$(aria, setCollectionRef, props));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p4, _p5, _p6, _p7) {
+	this[_m$] = _p4;
+	this[_m$2] = _p5;
+	this[_m$3] = _p6;
+	this[_m$4] = _p7;
+	Object.defineProperty(this, "value", _d$3);
+	Object.defineProperty(this, "children", _d$4);
+}
+_P$2.prototype = Object.prototype;
+var _d$5 = {
+	get() {
+		const aria = this[_m$];
+		const setInputRef = this[_m$2];
+		const setCollectionRef = this[_m$3];
+		const props = this[_m$4];
+		return FieldInputContext(new _P$2(aria, setInputRef, setCollectionRef, props));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p8, _p9, _p0, _p1, _p10) {
+	this[_m$] = _p8;
+	this[_m$2] = _p9;
+	this[_m$3] = _p0;
+	this[_m$4] = _p1;
+	this.value = _p10;
+	Object.defineProperty(this, "children", _d$5);
+}
+_P$3.prototype = Object.prototype;
+const AutocompleteContext = createContext(null);
+const AutocompleteStateContext = createContext(null);
+const SelectableCollectionContext = createContext(null);
+const FieldInputContext = createContext(null);
+function Autocomplete(input) {
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const [collectionRef, setCollectionRef] = createSignal(null, { ownedWrite: true });
+	const props = mergeProps(createSlottedContext(AutocompleteContext, untrack(() => input.slot)), input);
+	const state = createAutocompleteState(props);
+	const aria = createAutocomplete(mergeProps(props, {
+		collectionRef,
+		inputRef
+	}), state);
+	return AutocompleteStateContext(new _P$3(aria, setInputRef, setCollectionRef, props, state));
+}
+export { Autocomplete, AutocompleteContext, AutocompleteStateContext, FieldInputContext, SelectableCollectionContext };
+
+//# sourceMappingURL=autocomplete.js.map

package/dist/server/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","names":[],"sources":["../../src/autocomplete.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/Autocomplete.tsx.\n * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, 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 { createAutocomplete } from \"@solid2-aria/core/autocomplete/create-autocomplete\";\nimport type {\n  AriaAutocompleteProps,\n  InputProps,\n} from \"@solid2-aria/core/autocomplete/create-autocomplete\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { createAutocompleteState } from \"@solid2-aria/stately/autocomplete/create-autocomplete-state\";\nimport type { AutocompleteState } from \"@solid2-aria/stately/autocomplete/create-autocomplete-state\";\nimport type {\n  AriaLabelingProps,\n  DOMProps,\n  Node,\n} from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, merge, createSignal, createContext } from \"solid-js\";\n\nimport { createSlottedContext } from \"./utils\";\nimport type { ContextValue, SlotProps, SlottedContextValue } from \"./utils\";\n\nexport const AutocompleteContext =\n  createContext<SlottedContextValue<Partial<AutocompleteProps<unknown>>>>(null);\n\nexport const AutocompleteStateContext = createContext<AutocompleteState | null>(\n  null\n);\n\nexport const SelectableCollectionContext =\n  createContext<\n    ContextValue<SelectableCollectionContextValue<unknown>, HTMLElement>\n  >(null);\n\nexport const FieldInputContext =\n  createContext<ContextValue<InputProps, HTMLElement>>(null);\n\nexport interface AutocompleteProps<T = object>\n  extends AriaAutocompleteProps<T>, SlotProps {}\n\nexport interface SelectableCollectionContextValue<T>\n  extends DOMProps, AriaLabelingProps {\n  filter?: (nodeTextValue: string, node: Node<T>) => boolean;\n  /** Whether the collection items should use virtual focus instead of being focused directly. */\n  shouldUseVirtualFocus?: boolean;\n  /** Whether typeahead is disabled. */\n  disallowTypeAhead?: boolean;\n}\n\nexport function Autocomplete<T>(input: AutocompleteProps<T>): JSX.Element {\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [collectionRef, setCollectionRef] = createSignal<HTMLElement | null>(\n    null,\n    { ownedWrite: true }\n  );\n\n  const props = mergeProps(\n    createSlottedContext(\n      AutocompleteContext,\n      untrack(() => input.slot)\n    ),\n    input\n  );\n\n  const state = createAutocompleteState(props);\n\n  const aria = createAutocomplete(\n    mergeProps(props, { collectionRef, inputRef }),\n    state\n  );\n\n  return (\n    <AutocompleteStateContext value={state}>\n      <FieldInputContext\n        value={mergeProps(\n          merge(() => aria.inputProps ?? {}),\n          {\n            ref: (element: HTMLElement) => {\n              setInputRef(element instanceof HTMLInputElement ? element : null);\n            },\n          }\n        )}\n      >\n        <SelectableCollectionContext\n          value={mergeProps(\n            merge(() => aria.collectionProps ?? {}),\n            {\n              get filter() {\n                return aria.filter;\n              },\n              ref: [\n                (element: HTMLElement) => {\n                  setCollectionRef(element);\n                },\n                aria.collectionRef,\n              ],\n            }\n          )}\n        >\n          {props.children}\n        </SelectableCollectionContext>\n      </FieldInputContext>\n    </AutocompleteStateContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqGU,OAAO,WACL,YAAY,KAAK,mBAAmB,CAAC,CAAC,GACtC;GACE,IAAI,SAAS;IACX,OAAO,KAAK;GACd;GACA,KAAK,EACF,YAAyB;IACxB,iBAAiB,OAAO;GAC1B,GACA,KAAK,aACP;EACF,CACF;;;;;;;EAEA,O,UAAC,CAAM;;;;;;;;;;;;;;;;;EAzBT,OAAO,WACL,YAAY,KAAK,cAAc,CAAC,CAAC,GACjC,EACE,MAAM,YAAyB;GAC7B,YAAY,mBAAmB,mBAAmB,UAAU,IAAI;EAClE,EACF,CACF;;;;;;;;;;EAEA,OAAA,4BAAA,IAAA,IAEgB,MAON,kBAOP,KAC0B,CAAA;;;;;;;;;;;;;;;;;;;;EA3B/B,OAAA,kBAAA,IAAA,KAEgB,MAGR,aAcI,kBAOP,KAEc,CAAA;;;;;;;;;;;;;;AAlFzB,MAAa,sBACX,cAAwE,IAAI;AAE9E,MAAa,2BAA2B,cACtC,IACF;AAEA,MAAa,8BACX,cAEE,IAAI;AAER,MAAa,oBACX,cAAqD,IAAI;AAc3D,SAAgB,aAAgB,OAA0C;CACxE,MAAM,CAAC,UAAU,eAAe,aAAsC,MAAM,EAC1E,YAAY,KACd,CAAC;CAED,MAAM,CAAC,eAAe,oBAAoB,aACxC,MACA,EAAE,YAAY,KAAK,CACrB;CAEA,MAAM,QAAQ,WACZ,qBACE,qBACA,cAAc,MAAM,IAAI,CAC1B,GACA,KACF;CAEA,MAAM,QAAQ,wBAAwB,KAAK;CAE3C,MAAM,OAAO,mBACX,WAAW,OAAO;EAAE;EAAe;CAAS,CAAC,GAC7C,KACF;CAEA,OAAA,yBACE,IAAA,KAGkB,MAGR,aAcI,kBAOP,OA3B0B,KA8BP,CAAA;AAE9B"}

package/dist/server/breadcrumbs.js

@@ -0,0 +1,185 @@
+/*
+ * 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/Breadcrumbs.tsx.
+ * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { assignRef, createContextProps, createRenderProps, createSlottedContext, dom } from "./utils.js";
+import { CollectionRendererContext } from "./collection.js";
+import { LinkContext } from "./link.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, omit, untrack, useContext } from "solid-js";
+import { applyRef, mergeProps as mergeProps$1 } from "@solidjs/web";
+import { createBreadcrumbs } from "@solid2-aria/core/breadcrumbs/create-breadcrumbs";
+import { ItemNode } from "@solid2-aria/core/collections/base-collection";
+import { Collection, CollectionBuilder, createLeafComponent } from "@solid2-aria/core/collections/collection-builder";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+// src/breadcrumbs.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	this.value = _p2;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		const Root = this[_m$];
+		const collection = this[_m$2];
+		return Root({ collection });
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	this.value = _p5;
+	Object.defineProperty(this, "children", _d$2);
+}
+_P$2.prototype = Object.prototype;
+var _d$3 = {
+	get() {
+		return this[_m$].render;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$].class ?? "solid2-aria-Breadcrumbs";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		return this[_m$].style;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		return this[_m$].slot ?? void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$7 = {
+	get() {
+		const Root = this[_m$2];
+		const collection = this[_m$3];
+		const props = this[_m$];
+		return BreadcrumbsContext(new _P$2(Root, collection, props));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p6, _p7, _p8, _p9) {
+	this[_m$] = _p6;
+	this[_m$2] = _p7;
+	this[_m$3] = _p8;
+	this.ref = _p9;
+	Object.defineProperty(this, "render", _d$3);
+	Object.defineProperty(this, "class", _d$4);
+	Object.defineProperty(this, "style", _d$5);
+	Object.defineProperty(this, "slot", _d$6);
+	Object.defineProperty(this, "children", _d$7);
+}
+_P$3.prototype = Object.prototype;
+var _d$8 = {
+	get() {
+		const props = this[_m$];
+		return Collection(props);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p0, _p1) {
+	this[_m$] = _p0;
+	Object.defineProperty(this, "content", _d$8);
+	this.children = _p1;
+}
+_P$4.prototype = Object.prototype;
+const BreadcrumbsContext = createContext(null);
+const BreadcrumbCollection = createLeafComponent(ItemNode, (props, forwardedRef, node) => {
+	const context = createSlottedContext(BreadcrumbsContext);
+	const values = {
+		get isCurrent() {
+			return node.nextKey === null || node.nextKey === void 0;
+		},
+		get isDisabled() {
+			return context?.isDisabled === true || node.nextKey === null || node.nextKey === void 0;
+		}
+	};
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-Breadcrumb",
+		values
+	}));
+	return dom.li(mergeProps$1(() => {
+		return omit(filterDOMProps(props, { global: true }), "id");
+	}, render, {
+		ref(r$) {
+			var _ref$ = forwardedRef;
+			typeof _ref$ === "function" || Array.isArray(_ref$) ? applyRef(_ref$, r$) : forwardedRef = r$;
+		},
+		get "data-current"() {
+			return values.isCurrent || void 0;
+		},
+		get "data-disabled"() {
+			return values.isDisabled || void 0;
+		},
+		get children() {
+			return LinkContext(new _P$(render, {
+				get "aria-current"() {
+					return values.isCurrent ? "page" : void 0;
+				},
+				get isDisabled() {
+					return values.isDisabled;
+				},
+				onPress: () => context?.onAction?.(node.key)
+			}));
+		}
+	}));
+});
+function Breadcrumb(props) {
+	return BreadcrumbCollection(mergeProps$1(props, { ref: (element) => {
+		assignRef(untrack(() => props.ref), element);
+	} }));
+}
+function Breadcrumbs(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), BreadcrumbsContext);
+	const aria = createBreadcrumbs(props);
+	const Root = useContext(CollectionRendererContext).CollectionRoot;
+	return CollectionBuilder(new _P$4(props, (collection) => dom.ol(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, {
+			global: true,
+			labelable: true
+		}), merge(() => aria.navProps ?? {}));
+	}, new _P$3(props, Root, collection, (element) => {
+		setRef(element);
+	})))));
+}
+export { Breadcrumb, Breadcrumbs, BreadcrumbsContext };
+
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/server/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","names":["dom.li","<dom.li\n        {\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          ...omit(filterDOMProps(props, { global: true }), \"id\")\n          // oxlint-enable solid/reactivity\n        }\n        {...render}\n        ref={forwardedRef}\n        data-current={values.isCurrent || undefined}\n        data-disabled={values.isDisabled || undefined}\n      >\n        <LinkContext\n          value={{\n            get \"aria-current\"() {\n              return values.isCurrent ? \"page\" : undefined;\n            },\n            get isDisabled() {\n              return values.isDisabled;\n            },\n            onPress: () => context?.onAction?.(node.key),\n          }}\n        >\n          {render.children}\n        </LinkContext>\n      </dom.li>","ref={forwardedRef}","<BreadcrumbCollection\n      {...props}\n      ref={(element: HTMLLIElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />","ref={(element: HTMLLIElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}","dom.ol","<dom.ol\n          {...mergeProps(\n            filterDOMProps(props, { global: true, labelable: true }),\n            merge(() => aria.navProps ?? {})\n          )}\n          ref={(element: HTMLOListElement) => {\n            setRef(element);\n          }}\n          render={props.render}\n          class={props.class ?? \"solid2-aria-Breadcrumbs\"}\n          style={props.style}\n          slot={props.slot ?? undefined}\n        >\n          <BreadcrumbsContext value={props}>\n            <Root collection={collection} />\n          </BreadcrumbsContext>\n        </dom.ol>","_$mergeProps","_$applyRef"],"sources":["../../src/breadcrumbs.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/Breadcrumbs.tsx.\n * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createBreadcrumbs } from \"@solid2-aria/core/breadcrumbs/create-breadcrumbs\";\nimport type { AriaBreadcrumbsProps } from \"@solid2-aria/core/breadcrumbs/create-breadcrumbs\";\nimport { ItemNode } from \"@solid2-aria/core/collections/base-collection\";\nimport {\n  Collection,\n  CollectionBuilder,\n  createLeafComponent,\n} from \"@solid2-aria/core/collections/collection-builder\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport type { AriaLabelingProps, Key, Node } from \"@solid2-aria/types-shared\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { merge, untrack, createContext, useContext, omit } from \"solid-js\";\n\nimport { CollectionRendererContext } from \"./collection\";\nimport type { CollectionProps } from \"./collection\";\nimport { LinkContext } from \"./link\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlottedContext,\n  assignRef,\n} from \"./utils\";\nimport type {\n  Ref,\n  ClassOrFunction,\n  DOMRenderProps,\n  RenderProps,\n  SlotProps,\n  StyleProps,\n  ContextValue,\n} from \"./utils\";\n\nexport const BreadcrumbsContext =\n  // oxlint-disable-next-line typescript/no-explicit-any -- Collection contexts erase item types; each typed factory restores its owner's item contract.\n  createContext<ContextValue<BreadcrumbsProps<any>, HTMLOListElement>>(null);\n\nexport interface BreadcrumbsProps<T>\n  extends\n    Omit<CollectionProps<T>, \"disabledKeys\">,\n    AriaBreadcrumbsProps,\n    StyleProps,\n    SlotProps,\n    AriaLabelingProps,\n    DOMRenderProps<\"ol\", undefined>,\n    GlobalDOMAttributes<HTMLOListElement> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element.\n   *\n   * @default 'react-aria-Breadcrumbs'\n   */\n  class?: JSX.ClassValue;\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean;\n  /** Handler that is called when a breadcrumb is clicked. */\n  onAction?: (key: Key) => void;\n}\n\nexport interface BreadcrumbRenderProps {\n  /**\n   * Whether the breadcrumb is for the current page.\n   *\n   * @selector [data-current]\n   */\n  isCurrent: boolean;\n  /**\n   * Whether the breadcrumb is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n}\n\nexport interface BreadcrumbProps\n  extends\n    RenderProps<BreadcrumbRenderProps, \"li\">,\n    AriaLabelingProps,\n    GlobalDOMAttributes<HTMLLIElement> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Breadcrumb'\n   */\n  class?: ClassOrFunction<BreadcrumbRenderProps>;\n  /**\n   * A unique id for the breadcrumb, which will be passed to `onAction` when the breadcrumb is\n   * pressed.\n   */\n  id?: Key;\n}\n\nconst BreadcrumbCollection = createLeafComponent(\n  ItemNode,\n  (\n    props: BreadcrumbProps,\n    forwardedRef: Ref<HTMLLIElement>,\n    node: Node<unknown>\n  ): JSX.Element => {\n    const context = createSlottedContext(BreadcrumbsContext);\n\n    const values: BreadcrumbRenderProps = {\n      get isCurrent() {\n        return node.nextKey === null || node.nextKey === undefined;\n      },\n      get isDisabled() {\n        return (\n          context?.isDisabled === true ||\n          node.nextKey === null ||\n          node.nextKey === undefined\n        );\n      },\n    };\n\n    const render = createRenderProps(\n      mergeProps(props, { defaultClass: \"solid2-aria-Breadcrumb\", values })\n    );\n\n    return (\n      <dom.li\n        {\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          ...omit(filterDOMProps(props, { global: true }), \"id\")\n          // oxlint-enable solid/reactivity\n        }\n        {...render}\n        ref={forwardedRef}\n        data-current={values.isCurrent || undefined}\n        data-disabled={values.isDisabled || undefined}\n      >\n        <LinkContext\n          value={{\n            get \"aria-current\"() {\n              return values.isCurrent ? \"page\" : undefined;\n            },\n            get isDisabled() {\n              return values.isDisabled;\n            },\n            onPress: () => context?.onAction?.(node.key),\n          }}\n        >\n          {render.children}\n        </LinkContext>\n      </dom.li>\n    );\n  }\n);\n\nexport function Breadcrumb(\n  props: BreadcrumbProps & { ref?: Ref<HTMLLIElement> }\n): JSX.Element {\n  return (\n    <BreadcrumbCollection\n      {...props}\n      ref={(element: HTMLLIElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n\nexport function Breadcrumbs<T>(\n  input: BreadcrumbsProps<T> & { ref?: Ref<HTMLOListElement> }\n): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    BreadcrumbsContext\n  );\n\n  const aria = createBreadcrumbs(props);\n  const renderer = useContext(CollectionRendererContext);\n  const Root = renderer.CollectionRoot;\n\n  return (\n    <CollectionBuilder content={<Collection {...props} />}>\n      {(collection) => (\n        <dom.ol\n          {...mergeProps(\n            filterDOMProps(props, { global: true, labelable: true }),\n            merge(() => aria.navProps ?? {})\n          )}\n          ref={(element: HTMLOListElement) => {\n            setRef(element);\n          }}\n          render={props.render}\n          class={props.class ?? \"solid2-aria-Breadcrumbs\"}\n          style={props.style}\n          slot={props.slot ?? undefined}\n        >\n          <BreadcrumbsContext value={props}>\n            <Root collection={collection} />\n          </BreadcrumbsContext>\n        </dom.ol>\n      )}\n    </CollectionBuilder>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiKU,O,SAAC,CAAO;;;;;;;;;;;;;;;EAqDN,OAAA,KAAA,EAAkB,WAAa,CAAA;;;;;;;;;;;;;;EANjC,O,SAAQ,CAAM;;;;;;;EACd,O,SAAO,CAAM,SAAS;;;;;;;EACtB,O,SAAO,CAAM;;;;;;;EACb,O,SAAM,CAAM,QAAQ,KAAA;;;;;;;;;;EAEpB,OAAA,mBAAA,IAAA,KAAA,MACoB,YADO,KAEP,CAAA;;;;;;;;;;;;;;;;;;;;EAjBP,OAAA,WAAyB,KAAQ;;;;;;;;;;;AAlJxD,MAAa,qBAEX,cAAqE,IAAI;AA0D3E,MAAM,uBAAuB,oBAC3B,WAEE,OACA,cACA,SACgB;CAChB,MAAM,UAAU,qBAAqB,kBAAkB;CAEvD,MAAM,SAAgC;EACpC,IAAI,YAAY;GACd,OAAO,KAAK,YAAY,QAAQ,KAAK,YAAY,KAAA;EACnD;EACA,IAAI,aAAa;GACf,OACE,SAAS,eAAe,QACxB,KAAK,YAAY,QACjB,KAAK,YAAY,KAAA;EAErB;CACF;CAEA,MAAM,SAAS,kBACb,WAAW,OAAO;EAAE,cAAc;EAA0B;CAAO,CAAC,CACtE;CAEA,OAAA,IACGA,GAADC,mBACE;EAEK,OAAA,KAAK,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GAAG,IAAI;CAEvD,GACI,QANN;EAOE,IAAA,IAAA;GAAK,IAAA,QAAA;GAAL,OAAA,UAAA,cAAA,MAAA,QAAA,KAAiB,IAAjBC,SAAAA,OAAAA,EAAiB,IAAjB,eAAAA;EAAiB;EACjB,IAAA,iBAAA;GAAc,OAAA,OAAO,aAAa,KAAA;EAAS;EAC3C,IAAA,kBAAA;GAAe,OAAA,OAAO,cAAc,KAAA;EAAS;EAT/C,IAAA,WAAA;GAWE,OAAA,YAAA,IAAA,IAWG,QAVM;IACL,IAAI,iBAAiB;KACnB,OAAO,OAAO,YAAY,SAAS,KAAA;IACrC;IACA,IAAI,aAAa;KACf,OAAO,OAAO;IAChB;IACA,eAAe,SAAS,WAAW,KAAK,GAAG;GAC7C,CAGW,CAAA;EACP;;AAEZ,CACF;AAEA,SAAgB,WACd,OACa;CACb,OAAA,qBACEC,aACM,OADN,EAEEC,MAAM,YAA2B;EAC/B,UACE,cAAc,MAAM,GAAG,GACvB,OACF;CACF,EACD,CAAA,CAAA;AAEL;AAEA,SAAgB,YACd,OACa;CACb,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,kBACF;CAEA,MAAM,OAAO,kBAAkB,KAAK;CAEpC,MAAM,OADW,WAAW,yBACf,CAAA,CAAS;CAEtB,OAAA,kBACE,IAAA,KAA4C,QACxC,eAAA,IACCC,GAADC,mBACE;EAAI,OAAA,WACF,eAAe,OAAO;GAAE,QAAQ;GAAM,WAAW;EAAK,CAAC,GACvD,YAAY,KAAK,YAAY,CAAC,CAAC,CACjC;CAAC,GAJH,IAAA,KAQU,OAAA,MAMY,aATd,YAA8B;EAClC,OAAO,OAAO;CAChB,CASM,CAAA,CAAA,CAEO,CAAA;AAEvB"}