@wirekyt/solid 0.0.1 → 0.0.3

package/dist/collapsible-BwNoH1At.jsx

@@ -0,0 +1,106 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps, s as splitRenderStrategyProps } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { Show, createEffect, createMemo, createSignal, createUniqueId } from "solid-js";
+import * as collapsible from "@wirekyt/dom/machines/collapsible";
+import { anatomy as collapsibleAnatomy } from "@wirekyt/dom/machines/collapsible";
+//#region src/components/collapsible/use-context.ts
+const [CollapsibleProvider, useCollapsibleContext] = createContext$1({
+	hookName: "useCollapsibleContext",
+	providerName: "<CollapsibleProvider />"
+});
+//#endregion
+//#region src/components/collapsible/content.tsx
+const CollapsibleContent = (props) => {
+	const api = useCollapsibleContext();
+	const mergedProps = mergeProps$1(() => api().getContentProps(), props);
+	return <Show when={!api().unmounted}>
+      <wire.div {...mergedProps} />
+    </Show>;
+};
+//#endregion
+//#region src/components/collapsible/context.tsx
+const CollapsibleContext = (props) => props.children(useCollapsibleContext());
+//#endregion
+//#region src/components/collapsible/use.ts
+const useCollapsible = (props = {}) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const [renderStrategyProps, collapsibleProps] = splitRenderStrategyProps(runIfFn(props));
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...collapsibleProps
+	}));
+	const service = useMachine(collapsible.machine, machineProps);
+	const [wasVisible, setWasVisible] = createSignal(false);
+	createEffect(() => {
+		if (api().visible) setWasVisible(true);
+	});
+	const api = createMemo(() => collapsible.connect(service, normalizeProps));
+	return createMemo(() => ({
+		...api(),
+		unmounted: !api().visible && !wasVisible() && renderStrategyProps.lazyMount || renderStrategyProps.unmountOnExit && !api().visible && wasVisible()
+	}));
+};
+//#endregion
+//#region src/components/collapsible/root.tsx
+const CollapsibleRoot = (props) => {
+	const [useCollapsibleProps, localProps] = createSplitProps()(props, [
+		"collapsedHeight",
+		"collapsedWidth",
+		"defaultOpen",
+		"disabled",
+		"id",
+		"ids",
+		"lazyMount",
+		"onExitComplete",
+		"onOpenChange",
+		"open",
+		"unmountOnExit"
+	]);
+	const api = useCollapsible(useCollapsibleProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <CollapsibleProvider value={api}>
+      <wire.div {...mergedProps} />
+    </CollapsibleProvider>;
+};
+//#endregion
+//#region src/components/collapsible/root-provider.tsx
+const CollapsibleRootProvider = (props) => {
+	const [{ value: collapsible }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => collapsible().getRootProps(), localProps);
+	return <CollapsibleProvider value={collapsible}>
+      <wire.div {...mergedProps} />
+    </CollapsibleProvider>;
+};
+//#endregion
+//#region src/components/collapsible/trigger.tsx
+const CollapsibleTrigger = (props) => {
+	const api = useCollapsibleContext();
+	const mergedProps = mergeProps$1(() => api().getTriggerProps(), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/collapsible/indicator.tsx
+const CollapsibleIndicator = (props) => {
+	const collapsible = useCollapsibleContext();
+	const mergedProps = mergeProps$1(() => collapsible().getIndicatorProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/collapsible/collapsible.ts
+var collapsible_exports = /* @__PURE__ */ __exportAll({
+	Content: () => CollapsibleContent,
+	Context: () => CollapsibleContext,
+	Indicator: () => CollapsibleIndicator,
+	Root: () => CollapsibleRoot,
+	RootProvider: () => CollapsibleRootProvider,
+	Trigger: () => CollapsibleTrigger
+});
+//#endregion
+export { CollapsibleRootProvider as a, CollapsibleContext as c, CollapsibleTrigger as i, CollapsibleContent as l, collapsibleAnatomy as n, CollapsibleRoot as o, CollapsibleIndicator as r, useCollapsible as s, collapsible_exports as t, useCollapsibleContext as u };

package/dist/collapsible-Dp8aqjtN.js

@@ -0,0 +1,118 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps, s as splitRenderStrategyProps } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { Show, createEffect, createMemo, createSignal, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+import * as collapsible from "@wirekyt/dom/machines/collapsible";
+import { anatomy as collapsibleAnatomy } from "@wirekyt/dom/machines/collapsible";
+//#region src/components/collapsible/use-context.ts
+const [CollapsibleProvider, useCollapsibleContext] = createContext$1({
+	hookName: "useCollapsibleContext",
+	providerName: "<CollapsibleProvider />"
+});
+//#endregion
+//#region src/components/collapsible/content.tsx
+const CollapsibleContent = (props) => {
+	const api = useCollapsibleContext();
+	const mergedProps = mergeProps$2(() => api().getContentProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !api().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/collapsible/context.tsx
+const CollapsibleContext = (props) => props.children(useCollapsibleContext());
+//#endregion
+//#region src/components/collapsible/use.ts
+const useCollapsible = (props = {}) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const [renderStrategyProps, collapsibleProps] = splitRenderStrategyProps(runIfFn(props));
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...collapsibleProps
+	}));
+	const service = useMachine(collapsible.machine, machineProps);
+	const [wasVisible, setWasVisible] = createSignal(false);
+	createEffect(() => {
+		if (api().visible) setWasVisible(true);
+	});
+	const api = createMemo(() => collapsible.connect(service, normalizeProps));
+	return createMemo(() => ({
+		...api(),
+		unmounted: !api().visible && !wasVisible() && renderStrategyProps.lazyMount || renderStrategyProps.unmountOnExit && !api().visible && wasVisible()
+	}));
+};
+//#endregion
+//#region src/components/collapsible/root.tsx
+const CollapsibleRoot = (props) => {
+	const [useCollapsibleProps, localProps] = createSplitProps()(props, [
+		"collapsedHeight",
+		"collapsedWidth",
+		"defaultOpen",
+		"disabled",
+		"id",
+		"ids",
+		"lazyMount",
+		"onExitComplete",
+		"onOpenChange",
+		"open",
+		"unmountOnExit"
+	]);
+	const api = useCollapsible(useCollapsibleProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(CollapsibleProvider, {
+		value: api,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/collapsible/root-provider.tsx
+const CollapsibleRootProvider = (props) => {
+	const [{ value: collapsible }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => collapsible().getRootProps(), localProps);
+	return createComponent(CollapsibleProvider, {
+		value: collapsible,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/collapsible/trigger.tsx
+const CollapsibleTrigger = (props) => {
+	const api = useCollapsibleContext();
+	const mergedProps = mergeProps$2(() => api().getTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/collapsible/indicator.tsx
+const CollapsibleIndicator = (props) => {
+	const collapsible = useCollapsibleContext();
+	const mergedProps = mergeProps$2(() => collapsible().getIndicatorProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/collapsible/collapsible.ts
+var collapsible_exports = /* @__PURE__ */ __exportAll({
+	Content: () => CollapsibleContent,
+	Context: () => CollapsibleContext,
+	Indicator: () => CollapsibleIndicator,
+	Root: () => CollapsibleRoot,
+	RootProvider: () => CollapsibleRootProvider,
+	Trigger: () => CollapsibleTrigger
+});
+//#endregion
+export { CollapsibleRootProvider as a, CollapsibleContext as c, CollapsibleTrigger as i, CollapsibleContent as l, collapsibleAnatomy as n, CollapsibleRoot as o, CollapsibleIndicator as r, useCollapsible as s, collapsible_exports as t, useCollapsibleContext as u };

package/dist/collapsible.d.ts

@@ -0,0 +1,58 @@
+import { a as Optional, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { t as RenderStrategyProps } from "./index-J9N2CBHP.js";
+import { Accessor, JSX } from "solid-js";
+import * as collapsible from "@wirekyt/dom/machines/collapsible";
+import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from "@wirekyt/dom/machines/collapsible";
+//#region src/components/collapsible/content.d.ts
+interface CollapsibleContentBaseProps extends PolymorphicProps<"div"> {}
+interface CollapsibleContentProps extends HTMLProps<"div">, CollapsibleContentBaseProps {}
+declare const CollapsibleContent: (props: CollapsibleContentProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/collapsible/use.d.ts
+interface UseCollapsibleProps extends Optional<Omit<collapsible.Props, "dir" | "getRootNode">, "id">, RenderStrategyProps {}
+interface UseCollapsibleReturn extends Accessor<collapsible.Api<PropTypes> & {
+  /**
+   * Whether the content is unmounted
+   */
+  unmounted?: boolean;
+}> {}
+declare const useCollapsible: (props?: MaybeAccessor<UseCollapsibleProps>) => UseCollapsibleReturn;
+//#endregion
+//#region src/components/collapsible/use-context.d.ts
+interface UseCollapsibleContext extends UseCollapsibleReturn {}
+declare const CollapsibleProvider: import("solid-js").ContextProviderComponent<UseCollapsibleContext>, useCollapsibleContext: () => UseCollapsibleContext;
+//#endregion
+//#region src/components/collapsible/context.d.ts
+interface CollapsibleContextProps {
+  children: (context: UseCollapsibleContext) => JSX.Element;
+}
+declare const CollapsibleContext: (props: CollapsibleContextProps) => JSX.Element;
+//#endregion
+//#region src/components/collapsible/root.d.ts
+interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps<"div"> {}
+interface CollapsibleRootProps extends HTMLProps<"div">, CollapsibleRootBaseProps {}
+declare const CollapsibleRoot: (props: CollapsibleRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/collapsible/root-provider.d.ts
+interface RootProviderProps {
+  value: UseCollapsibleReturn;
+}
+interface CollapsibleRootProviderBaseProps extends PolymorphicProps<"div"> {}
+interface CollapsibleRootProviderProps extends HTMLProps<"div">, RootProviderProps, CollapsibleRootProviderBaseProps {}
+declare const CollapsibleRootProvider: (props: CollapsibleRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/collapsible/trigger.d.ts
+interface CollapsibleTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface CollapsibleTriggerProps extends HTMLProps<"button">, CollapsibleTriggerBaseProps {}
+declare const CollapsibleTrigger: (props: CollapsibleTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/collapsible/indicator.d.ts
+interface CollapsibleIndicatorBaseProps extends PolymorphicProps<"div"> {}
+interface CollapsibleIndicatorProps extends HTMLProps<"div">, CollapsibleIndicatorBaseProps {}
+declare const CollapsibleIndicator: (props: CollapsibleIndicatorProps) => import("solid-js").JSX.Element;
+declare namespace collapsible_d_exports {
+  export { CollapsibleContent as Content, CollapsibleContentBaseProps as ContentBaseProps, CollapsibleContentProps as ContentProps, CollapsibleContext as Context, CollapsibleContextProps as ContextProps, CollapsibleIndicator as Indicator, CollapsibleIndicatorBaseProps as IndicatorBaseProps, CollapsibleIndicatorProps as IndicatorProps, OpenChangeDetails, CollapsibleRoot as Root, CollapsibleRootBaseProps as RootBaseProps, CollapsibleRootProps as RootProps, CollapsibleRootProvider as RootProvider, CollapsibleRootProviderBaseProps as RootProviderBaseProps, CollapsibleRootProviderProps as RootProviderProps, CollapsibleTrigger as Trigger, CollapsibleTriggerBaseProps as TriggerBaseProps, CollapsibleTriggerProps as TriggerProps };
+}
+//#endregion
+export { collapsible_d_exports as Collapsible, CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, CollapsibleContext, type CollapsibleContextProps, CollapsibleIndicator, type CollapsibleIndicatorBaseProps, type CollapsibleIndicatorProps, type CollapsibleOpenChangeDetails, CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps, CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, type UseCollapsibleContext, type UseCollapsibleProps, type UseCollapsibleReturn, collapsibleAnatomy, useCollapsible, useCollapsibleContext };

package/dist/collapsible.js

@@ -0,0 +1,2 @@
+import { a as CollapsibleRootProvider, c as CollapsibleContext, i as CollapsibleTrigger, l as CollapsibleContent, n as collapsibleAnatomy, o as CollapsibleRoot, r as CollapsibleIndicator, s as useCollapsible, t as collapsible_exports, u as useCollapsibleContext } from "./collapsible-Dp8aqjtN.js";
+export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, collapsibleAnatomy, useCollapsible, useCollapsibleContext };

package/dist/collapsible.jsx

@@ -0,0 +1,2 @@
+import { a as CollapsibleRootProvider, c as CollapsibleContext, i as CollapsibleTrigger, l as CollapsibleContent, n as collapsibleAnatomy, o as CollapsibleRoot, r as CollapsibleIndicator, s as useCollapsible, t as collapsible_exports, u as useCollapsibleContext } from "./collapsible-BwNoH1At.jsx";
+export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, collapsibleAnatomy, useCollapsible, useCollapsibleContext };

package/dist/collection-By8qgqkx.js

@@ -0,0 +1,213 @@
+import { i as useMachine } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { createEffect, createMemo, createSignal, on, splitProps } from "solid-js";
+import { GridCollection, ListCollection, Selection, TreeCollection, filePathToTree } from "@wirekyt/dom/collection";
+import * as asyncList from "@wirekyt/dom/machines/async-list";
+//#region src/components/collection/grid.ts
+const createGridCollection = (options) => new GridCollection(options);
+//#endregion
+//#region src/components/collection/list.ts
+const createListCollection = (options) => new ListCollection(options);
+//#endregion
+//#region src/components/collection/tree.ts
+const createTreeCollection = (options) => new TreeCollection(options);
+const createFileTreeCollection = (paths) => filePathToTree(paths);
+//#endregion
+//#region src/components/collection/use-async-list.ts
+const useAsyncList = (props) => {
+	const machineProps = createMemo(() => runIfFn(props));
+	const service = useMachine(asyncList.machine, machineProps);
+	return createMemo(() => asyncList.connect(service));
+};
+//#endregion
+//#region src/components/collection/use-list.ts
+function useListCollection(props) {
+	const splittedProps = createMemo(() => {
+		return splitProps(typeof props === "function" ? props() : props, [
+			"initialItems",
+			"filter",
+			"limit"
+		]);
+	});
+	const init = () => {
+		const [localProps] = splittedProps();
+		return localProps.initialItems;
+	};
+	const [items, setItemsImpl] = createSignal(init());
+	const [filterText, setFilterText] = createSignal("");
+	const setItems = (newItems) => {
+		setItemsImpl(newItems);
+		setFilterText("");
+	};
+	const create = (itemsToCreate) => {
+		const [, collectionOptions] = splittedProps();
+		return createListCollection({
+			...collectionOptions,
+			items: itemsToCreate
+		});
+	};
+	return {
+		collection: createMemo(() => {
+			const [localProps, collectionOptions] = splittedProps();
+			const filter = localProps.filter;
+			let activeItems = items();
+			if (filterText() && filter) activeItems = create(items()).filter((itemString, _index, item) => filter(itemString, filterText(), item)).items;
+			const limitedItems = localProps.limit == null ? activeItems : activeItems.slice(0, localProps.limit);
+			return createListCollection({
+				...collectionOptions,
+				items: limitedItems
+			});
+		}),
+		filter: (inputValue = "") => {
+			setFilterText(inputValue);
+		},
+		set: (newItems) => {
+			setItems(newItems);
+		},
+		reset: () => {
+			const [localProps] = splittedProps();
+			setItems(localProps.initialItems);
+		},
+		clear: () => {
+			setItems([]);
+		},
+		insert: (index, ...itemsToInsert) => {
+			const newItems = create(items()).insert(index, ...itemsToInsert).items;
+			setItems(newItems);
+		},
+		insertBefore: (value, ...itemsToInsert) => {
+			const newItems = create(items()).insertBefore(value, ...itemsToInsert).items;
+			setItems(newItems);
+		},
+		insertAfter: (value, ...itemsToInsert) => {
+			const newItems = create(items()).insertAfter(value, ...itemsToInsert).items;
+			setItems(newItems);
+		},
+		remove: (...itemOrValues) => {
+			const newItems = create(items()).remove(...itemOrValues).items;
+			setItems(newItems);
+		},
+		move: (value, to) => {
+			const newItems = create(items()).move(value, to).items;
+			setItems(newItems);
+		},
+		moveBefore: (value, ...values) => {
+			const newItems = create(items()).moveBefore(value, ...values).items;
+			setItems(newItems);
+		},
+		moveAfter: (value, ...values) => {
+			const newItems = create(items()).moveAfter(value, ...values).items;
+			setItems(newItems);
+		},
+		reorder: (from, to) => {
+			const newItems = create(items()).reorder(from, to).items;
+			setItems(newItems);
+		},
+		append: (...itemsToAppend) => {
+			const newItems = create(items()).append(...itemsToAppend).items;
+			setItems(newItems);
+		},
+		upsert: (value, item, mode = "append") => {
+			const newItems = create(items()).upsert(value, item, mode).items;
+			setItems(newItems);
+		},
+		prepend: (...itemsToPrepend) => {
+			const newItems = create(items()).prepend(...itemsToPrepend).items;
+			setItems(newItems);
+		},
+		update: (value, item) => {
+			const newItems = create(items()).update(value, item).items;
+			setItems(newItems);
+		}
+	};
+}
+//#endregion
+//#region src/components/collection/use-list-selection.ts
+function useListSelection(props) {
+	const splittedProps = createMemo(() => {
+		return splitProps(typeof props === "function" ? props() : props, [
+			"collection",
+			"selectionMode",
+			"deselectable",
+			"initialSelectedValues",
+			"resetOnCollectionChange"
+		]);
+	});
+	const createSelection = (values = []) => {
+		const [localProps] = splittedProps();
+		const selection = new Selection(values);
+		selection.selectionMode = localProps.selectionMode ?? "single";
+		selection.deselectable = localProps.deselectable ?? true;
+		return selection;
+	};
+	const init = () => {
+		const [localProps] = splittedProps();
+		return createSelection(localProps.initialSelectedValues ?? []);
+	};
+	const [selection, setSelection] = createSignal(init());
+	const watchDeps = () => {
+		const [{ collection, resetOnCollectionChange }] = splittedProps();
+		return [collection.getValues(), resetOnCollectionChange];
+	};
+	createEffect(on(watchDeps, ([, resetOnCollectionChange]) => {
+		if (resetOnCollectionChange) setSelection(createSelection());
+	}, { defer: true }));
+	return {
+		selectedValues: createMemo(() => Array.from(selection())),
+		isEmpty: createMemo(() => selection().isEmpty()),
+		firstSelectedValue: createMemo(() => {
+			const [localProps] = splittedProps();
+			return selection().firstSelectedValue(localProps.collection);
+		}),
+		lastSelectedValue: createMemo(() => {
+			const [localProps] = splittedProps();
+			return selection().lastSelectedValue(localProps.collection);
+		}),
+		isSelected: (value) => {
+			return selection().isSelected(value);
+		},
+		isAllSelected: () => {
+			const [localProps] = splittedProps();
+			const allValues = localProps.collection.getValues();
+			return allValues.length > 0 && allValues.every((value) => selection().isSelected(value));
+		},
+		isSomeSelected: () => {
+			const [localProps] = splittedProps();
+			return localProps.collection.getValues().some((value) => selection().isSelected(value));
+		},
+		canSelect: (value) => {
+			const [localProps] = splittedProps();
+			return selection().canSelect(localProps.collection, value);
+		},
+		select: (value, forceToggle) => {
+			const [localProps] = splittedProps();
+			setSelection(selection().select(localProps.collection, value, forceToggle));
+		},
+		deselect: (value) => {
+			setSelection(selection().deselect(value));
+		},
+		toggle: (value) => {
+			const [localProps] = splittedProps();
+			setSelection(selection().toggleSelection(localProps.collection, value));
+		},
+		replace: (value) => {
+			const [localProps] = splittedProps();
+			setSelection(selection().replaceSelection(localProps.collection, value));
+		},
+		extend: (anchorValue, targetValue) => {
+			const [localProps] = splittedProps();
+			setSelection(selection().extendSelection(localProps.collection, anchorValue, targetValue));
+		},
+		setSelectedValues: (values) => {
+			setSelection(selection().setSelection(values));
+		},
+		clear: () => {
+			setSelection(selection().clearSelection());
+		},
+		resetSelection: () => {
+			setSelection(createSelection());
+		}
+	};
+}
+//#endregion
+export { createTreeCollection as a, createFileTreeCollection as i, useListCollection as n, createListCollection as o, useAsyncList as r, createGridCollection as s, useListSelection as t };