@wirekyt/solid 0.0.1 → 0.0.3

package/dist/collection-Mkvw6TyT.jsx

@@ -0,0 +1,213 @@
+import { i as useMachine } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+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 };

package/dist/collection.d.ts

@@ -0,0 +1,2 @@
+import { C as createGridCollection, S as GridCollectionOptions, _ as CollectionItem, a as UseListCollectionReturn, b as createListCollection, c as UseAsyncListReturn, d as FlatTreeNode, f as TreeCollection, g as createTreeCollection, h as createFileTreeCollection, i as UseListCollectionProps, l as useAsyncList, m as TreeNode, n as UseListSelectionReturn, o as useListCollection, p as TreeCollectionOptions, r as useListSelection, s as UseAsyncListProps, t as UseListSelectionProps, u as FilePathTreeNode, v as CollectionOptions, x as GridCollection, y as ListCollection } from "./index-CJwZCGOS.js";
+export { type CollectionItem, type CollectionOptions, type FilePathTreeNode, type FlatTreeNode, type GridCollection, type GridCollectionOptions, type ListCollection, type TreeCollection, type TreeCollectionOptions, type TreeNode, type UseAsyncListProps, type UseAsyncListReturn, type UseListCollectionProps, type UseListCollectionReturn, type UseListSelectionProps, type UseListSelectionReturn, createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };

package/dist/collection.js

@@ -0,0 +1,2 @@
+import { a as createTreeCollection, i as createFileTreeCollection, n as useListCollection, o as createListCollection, r as useAsyncList, s as createGridCollection, t as useListSelection } from "./collection-By8qgqkx.js";
+export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };

package/dist/collection.jsx

@@ -0,0 +1,2 @@
+import { a as createTreeCollection, i as createFileTreeCollection, n as useListCollection, o as createListCollection, r as useAsyncList, s as createGridCollection, t as useListSelection } from "./collection-Mkvw6TyT.jsx";
+export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };

package/dist/color-picker.d.ts

@@ -0,0 +1,179 @@
+import { a as Optional, n as Assign, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { s as UsePresenceProps } from "./index-B17eqq14.js";
+import { Accessor, JSX } from "solid-js";
+import * as colorPicker from "@wirekyt/dom/machines/color-picker";
+import { AreaProps, ChannelInputProps, ChannelProps, Color, Color as Color$1, ColorFormat, ColorFormat as ColorFormat$1, ColorFormat as ColorPickerColorFormat, FocusOutsideEvent, FocusOutsideEvent as ColorPickerFocusOutsideEvent, FormatChangeDetails, FormatChangeDetails as ColorPickerFormatChangeDetails, InteractOutsideEvent, InteractOutsideEvent as ColorPickerInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as ColorPickerPointerDownOutsideEvent, SwatchProps, SwatchTriggerProps, TransparencyGridProps, ValueChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, parse as parseColor } from "@wirekyt/dom/machines/color-picker";
+import { ColorStringFormat } from "@wirekyt/dom/color-utils";
+//#region src/components/color-picker/area.d.ts
+interface ColorPickerAreaBaseProps extends AreaProps, PolymorphicProps<"div"> {}
+interface ColorPickerAreaProps extends HTMLProps<"div">, ColorPickerAreaBaseProps {}
+declare const ColorPickerArea: (props: ColorPickerAreaProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/area-background.d.ts
+interface ColorPickerAreaBackgroundBaseProps extends PolymorphicProps<"div"> {}
+interface ColorPickerAreaBackgroundProps extends HTMLProps<"div">, ColorPickerAreaBackgroundBaseProps {}
+declare const ColorPickerAreaBackground: (props: ColorPickerAreaBackgroundProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/area-thumb.d.ts
+interface ColorPickerAreaThumbBaseProps extends PolymorphicProps<"div"> {}
+interface ColorPickerAreaThumbProps extends HTMLProps<"div">, ColorPickerAreaThumbBaseProps {}
+declare const ColorPickerAreaThumb: (props: ColorPickerAreaThumbProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/channel-input.d.ts
+interface ColorPickerChannelInputBaseProps extends ChannelInputProps, PolymorphicProps<"input"> {}
+interface ColorPickerChannelInputProps extends HTMLProps<"input">, ColorPickerChannelInputBaseProps {}
+declare const ColorPickerChannelInput: (props: ColorPickerChannelInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/channel-slider.d.ts
+interface ColorPickerChannelSliderBaseProps extends ChannelProps, PolymorphicProps<"div"> {}
+interface ColorPickerChannelSliderProps extends HTMLProps<"div">, ColorPickerChannelSliderBaseProps {}
+declare const ColorPickerChannelSlider: (props: ColorPickerChannelSliderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/channel-slider-label.d.ts
+interface ColorPickerChannelSliderLabelBaseProps extends PolymorphicProps<"label"> {}
+interface ColorPickerChannelSliderLabelProps extends HTMLProps<"label">, ColorPickerChannelSliderLabelBaseProps {}
+declare const ColorPickerChannelSliderLabel: (props: ColorPickerChannelSliderLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/channel-slider-thumb.d.ts
+interface ColorPickerChannelSliderThumbBaseProps extends PolymorphicProps<"div"> {}
+interface ColorPickerChannelSliderThumbProps extends HTMLProps<"div">, ColorPickerChannelSliderThumbBaseProps {}
+declare const ColorPickerChannelSliderThumb: (props: ColorPickerChannelSliderThumbProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/channel-slider-track.d.ts
+interface ColorPickerChannelSliderTrackBaseProps extends PolymorphicProps<"div"> {}
+interface ColorPickerChannelSliderTrackProps extends HTMLProps<"div">, ColorPickerChannelSliderTrackBaseProps {}
+declare const ColorPickerChannelSliderTrack: (props: ColorPickerChannelSliderTrackProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/channel-slider-value-text.d.ts
+interface ColorPickerChannelSliderValueTextBaseProps extends PolymorphicProps<"span"> {}
+interface ColorPickerChannelSliderValueTextProps extends HTMLProps<"div">, ColorPickerChannelSliderValueTextBaseProps {}
+declare const ColorPickerChannelSliderValueText: (props: ColorPickerChannelSliderValueTextProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/content.d.ts
+interface ColorPickerContentBaseProps extends PolymorphicProps<"div"> {}
+interface ColorPickerContentProps extends HTMLProps<"div">, ColorPickerContentBaseProps {}
+declare const ColorPickerContent: (props: ColorPickerContentProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/use-color-picker.d.ts
+interface UseColorPickerProps extends Optional<Omit<colorPicker.Props, "dir" | "getRootNode">, "id"> {}
+interface UseColorPickerReturn extends Accessor<colorPicker.Api<PropTypes>> {}
+declare const useColorPicker: (props?: MaybeAccessor<UseColorPickerProps>) => UseColorPickerReturn;
+//#endregion
+//#region src/components/color-picker/use-context.d.ts
+interface UseColorPickerContext extends UseColorPickerReturn {}
+declare const ColorPickerProvider: import("solid-js").ContextProviderComponent<UseColorPickerContext>, useColorPickerContext: () => UseColorPickerContext;
+//#endregion
+//#region src/components/color-picker/context.d.ts
+interface ColorPickerContextProps {
+  children: (context: UseColorPickerContext) => JSX.Element;
+}
+declare const ColorPickerContext: (props: ColorPickerContextProps) => JSX.Element;
+//#endregion
+//#region src/components/color-picker/control.d.ts
+interface ColorPickerControlBaseProps extends PolymorphicProps<"div"> {}
+interface ColorPickerControlProps extends HTMLProps<"div">, ColorPickerControlBaseProps {}
+declare const ColorPickerControl: (props: ColorPickerControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/eye-dropper-trigger.d.ts
+interface ColorPickerEyeDropperTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface ColorPickerEyeDropperTriggerProps extends HTMLProps<"button">, ColorPickerEyeDropperTriggerBaseProps {}
+declare const ColorPickerEyeDropperTrigger: (props: ColorPickerEyeDropperTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/format-select.d.ts
+interface ColorPickerFormatSelectBaseProps extends PolymorphicProps<"select"> {}
+interface ColorPickerFormatSelectProps extends HTMLProps<"select">, ColorPickerFormatSelectBaseProps {}
+declare const ColorPickerFormatSelect: (props: ColorPickerFormatSelectProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/format-trigger.d.ts
+interface ColorPickerFormatTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface ColorPickerFormatTriggerProps extends HTMLProps<"button">, ColorPickerFormatTriggerBaseProps {}
+declare const ColorPickerFormatTrigger: (props: ColorPickerFormatTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/hidden-input.d.ts
+interface ColorPickerHiddenInputBaseProps extends PolymorphicProps<"input"> {}
+interface ColorPickerHiddenInputProps extends HTMLProps<"input">, ColorPickerHiddenInputBaseProps {}
+declare const ColorPickerHiddenInput: (props: ColorPickerHiddenInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/label.d.ts
+interface ColorPickerLabelBaseProps extends PolymorphicProps<"label"> {}
+interface ColorPickerLabelProps extends HTMLProps<"label">, ColorPickerLabelBaseProps {}
+declare const ColorPickerLabel: (props: ColorPickerLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/positioner.d.ts
+interface ColorPickerPositionerBaseProps extends PolymorphicProps<"div"> {}
+interface ColorPickerPositionerProps extends HTMLProps<"div">, ColorPickerPositionerBaseProps {}
+declare const ColorPickerPositioner: (props: ColorPickerPositionerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/root.d.ts
+interface ColorPickerRootBaseProps extends UseColorPickerProps, UsePresenceProps, PolymorphicProps<"div"> {}
+interface ColorPickerRootProps extends HTMLProps<"div">, ColorPickerRootBaseProps {}
+declare const ColorPickerRoot: (props: ColorPickerRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/root-provider.d.ts
+interface RootProviderProps {
+  value: UseColorPickerReturn;
+}
+interface ColorPickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps<"div"> {}
+interface ColorPickerRootProviderProps extends HTMLProps<"div">, ColorPickerRootProviderBaseProps {}
+declare const ColorPickerRootProvider: (props: ColorPickerRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/swatch.d.ts
+interface ColorPickerSwatchBaseProps extends SwatchProps, PolymorphicProps<"div"> {}
+interface ColorPickerSwatchProps extends HTMLProps<"div">, ColorPickerSwatchBaseProps {}
+declare const ColorPickerSwatch: (props: ColorPickerSwatchProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/swatch-group.d.ts
+interface ColorPickerSwatchGroupBaseProps extends PolymorphicProps<"div"> {}
+interface ColorPickerSwatchGroupProps extends HTMLProps<"div">, ColorPickerSwatchGroupBaseProps {}
+declare const ColorPickerSwatchGroup: (props: ColorPickerSwatchGroupProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/swatch-indicator.d.ts
+interface ColorPickerSwatchIndicatorBaseProps extends PolymorphicProps<"div"> {}
+interface ColorPickerSwatchIndicatorProps extends HTMLProps<"div">, ColorPickerSwatchIndicatorBaseProps {}
+declare const ColorPickerSwatchIndicator: (props: ColorPickerSwatchIndicatorProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/swatch-trigger.d.ts
+interface ColorPickerSwatchTriggerBaseProps extends SwatchTriggerProps, PolymorphicProps<"button"> {}
+interface ColorPickerSwatchTriggerProps extends Assign<HTMLProps<"button">, ColorPickerSwatchTriggerBaseProps> {}
+declare const ColorPickerSwatchTrigger: (props: ColorPickerSwatchTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/transparency-grid.d.ts
+interface ColorPickerTransparencyGridBaseProps extends TransparencyGridProps, PolymorphicProps<"div"> {}
+interface ColorPickerTransparencyGridProps extends HTMLProps<"div">, ColorPickerTransparencyGridBaseProps {}
+declare const ColorPickerTransparencyGrid: (props: ColorPickerTransparencyGridProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/trigger.d.ts
+interface ColorPickerTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface ColorPickerTriggerProps extends HTMLProps<"button">, ColorPickerTriggerBaseProps {}
+declare const ColorPickerTrigger: (props: ColorPickerTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/value-swatch.d.ts
+interface ValueSwatchProps extends Omit<SwatchProps, "value"> {}
+interface ColorPickerValueSwatchBaseProps extends ValueSwatchProps, PolymorphicProps<"div"> {}
+interface ColorPickerValueSwatchProps extends HTMLProps<"div">, ColorPickerValueSwatchBaseProps {}
+declare const ColorPickerValueSwatch: (props: ColorPickerValueSwatchProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/value-text.d.ts
+interface FormatProps {
+  format?: ColorStringFormat;
+}
+interface ColorPickerValueTextBaseProps extends PolymorphicProps<"span">, FormatProps {}
+interface ColorPickerValueTextProps extends HTMLProps<"span">, ColorPickerValueTextBaseProps {}
+declare const ColorPickerValueText: (props: ColorPickerValueTextProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/view.d.ts
+interface FormatOptions {
+  format: ColorFormat;
+}
+interface ColorPickerViewBaseProps extends FormatOptions, PolymorphicProps<"div"> {}
+interface ColorPickerViewProps extends HTMLProps<"div">, ColorPickerViewBaseProps {}
+declare const ColorPickerView: (props: ColorPickerViewProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/color-picker/anatomy.d.ts
+declare const colorPickerAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"area" | "label" | "view" | "root" | "control" | "content" | "valueText" | "trigger" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+declare namespace color_picker_d_exports {
+  export { ColorPickerArea as Area, ColorPickerAreaBackground as AreaBackground, ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, ColorPickerAreaBackgroundProps as AreaBackgroundProps, ColorPickerAreaBaseProps as AreaBaseProps, ColorPickerAreaProps as AreaProps, ColorPickerAreaThumb as AreaThumb, ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, ColorPickerAreaThumbProps as AreaThumbProps, ColorPickerChannelInput as ChannelInput, ColorPickerChannelInputBaseProps as ChannelInputBaseProps, ColorPickerChannelInputProps as ChannelInputProps, ColorPickerChannelSlider as ChannelSlider, ColorPickerChannelSliderBaseProps as ChannelSliderBaseProps, ColorPickerChannelSliderLabel as ChannelSliderLabel, ColorPickerChannelSliderLabelBaseProps as ChannelSliderLabelBaseProps, ColorPickerChannelSliderLabelProps as ChannelSliderLabelProps, ColorPickerChannelSliderProps as ChannelSliderProps, ColorPickerChannelSliderThumb as ChannelSliderThumb, ColorPickerChannelSliderThumbBaseProps as ChannelSliderThumbBaseProps, ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, ColorPickerChannelSliderTrack as ChannelSliderTrack, ColorPickerChannelSliderTrackBaseProps as ChannelSliderTrackBaseProps, ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, ColorPickerChannelSliderValueText as ChannelSliderValueText, ColorPickerChannelSliderValueTextBaseProps as ChannelSliderValueTextBaseProps, ColorPickerChannelSliderValueTextProps as ChannelSliderValueTextProps, Color$1 as Color, ColorFormat$1 as ColorFormat, ColorPickerContent as Content, ColorPickerContentBaseProps as ContentBaseProps, ColorPickerContentProps as ContentProps, ColorPickerContext as Context, ColorPickerContextProps as ContextProps, ColorPickerControl as Control, ColorPickerControlBaseProps as ControlBaseProps, ColorPickerControlProps as ControlProps, ColorPickerEyeDropperTrigger as EyeDropperTrigger, ColorPickerEyeDropperTriggerBaseProps as EyeDropperTriggerBaseProps, ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, FocusOutsideEvent, FormatChangeDetails, ColorPickerFormatSelect as FormatSelect, ColorPickerFormatSelectBaseProps as FormatSelectBaseProps, ColorPickerFormatSelectProps as FormatSelectProps, ColorPickerFormatTrigger as FormatTrigger, ColorPickerFormatTriggerBaseProps as FormatTriggerBaseProps, ColorPickerFormatTriggerProps as FormatTriggerProps, ColorPickerHiddenInput as HiddenInput, ColorPickerHiddenInputBaseProps as HiddenInputBaseProps, ColorPickerHiddenInputProps as HiddenInputProps, InteractOutsideEvent, ColorPickerLabel as Label, ColorPickerLabelBaseProps as LabelBaseProps, ColorPickerLabelProps as LabelProps, OpenChangeDetails, PointerDownOutsideEvent, ColorPickerPositioner as Positioner, ColorPickerPositionerBaseProps as PositionerBaseProps, ColorPickerPositionerProps as PositionerProps, ColorPickerRoot as Root, ColorPickerRootBaseProps as RootBaseProps, ColorPickerRootProps as RootProps, ColorPickerRootProvider as RootProvider, ColorPickerRootProviderBaseProps as RootProviderBaseProps, ColorPickerRootProviderProps as RootProviderProps, ColorPickerSwatch as Swatch, ColorPickerSwatchBaseProps as SwatchBaseProps, ColorPickerSwatchGroup as SwatchGroup, ColorPickerSwatchGroupBaseProps as SwatchGroupBaseProps, ColorPickerSwatchGroupProps as SwatchGroupProps, ColorPickerSwatchIndicator as SwatchIndicator, ColorPickerSwatchIndicatorBaseProps as SwatchIndicatorBaseProps, ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, ColorPickerSwatchProps as SwatchProps, ColorPickerSwatchTrigger as SwatchTrigger, ColorPickerSwatchTriggerBaseProps as SwatchTriggerBaseProps, ColorPickerSwatchTriggerProps as SwatchTriggerProps, ColorPickerTransparencyGrid as TransparencyGrid, ColorPickerTransparencyGridBaseProps as TransparencyGridBaseProps, ColorPickerTransparencyGridProps as TransparencyGridProps, ColorPickerTrigger as Trigger, ColorPickerTriggerBaseProps as TriggerBaseProps, ColorPickerTriggerProps as TriggerProps, ValueChangeDetails, ColorPickerValueSwatch as ValueSwatch, ColorPickerValueSwatchBaseProps as ValueSwatchBaseProps, ColorPickerValueSwatchProps as ValueSwatchProps, ColorPickerValueText as ValueText, ColorPickerValueTextBaseProps as ValueTextBaseProps, ColorPickerValueTextProps as ValueTextProps, ColorPickerView as View, ColorPickerViewBaseProps as ViewBaseProps, ColorPickerViewProps as ViewProps };
+}
+//#endregion
+export { type Color, color_picker_d_exports as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, type ColorPickerAreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps, type ColorPickerAreaBaseProps, type ColorPickerAreaProps, ColorPickerAreaThumb, type ColorPickerAreaThumbBaseProps, type ColorPickerAreaThumbProps, ColorPickerChannelInput, type ColorPickerChannelInputBaseProps, type ColorPickerChannelInputProps, ColorPickerChannelSlider, type ColorPickerChannelSliderBaseProps, ColorPickerChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps, type ColorPickerChannelSliderProps, ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps, ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps, ColorPickerChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps, type ColorPickerColorFormat, ColorPickerContent, type ColorPickerContentBaseProps, type ColorPickerContentProps, ColorPickerContext, type ColorPickerContextProps, ColorPickerControl, type ColorPickerControlBaseProps, type ColorPickerControlProps, ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps, type ColorPickerFocusOutsideEvent, type ColorPickerFormatChangeDetails, ColorPickerFormatSelect, type ColorPickerFormatSelectBaseProps, type ColorPickerFormatSelectProps, ColorPickerFormatTrigger, type ColorPickerFormatTriggerBaseProps, type ColorPickerFormatTriggerProps, ColorPickerHiddenInput, type ColorPickerHiddenInputBaseProps, type ColorPickerHiddenInputProps, type ColorPickerInteractOutsideEvent, ColorPickerLabel, type ColorPickerLabelBaseProps, type ColorPickerLabelProps, type ColorPickerOpenChangeDetails, type ColorPickerPointerDownOutsideEvent, ColorPickerPositioner, type ColorPickerPositionerBaseProps, type ColorPickerPositionerProps, ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps, ColorPickerRootProvider, type ColorPickerRootProviderBaseProps, type ColorPickerRootProviderProps, ColorPickerSwatch, type ColorPickerSwatchBaseProps, ColorPickerSwatchGroup, type ColorPickerSwatchGroupBaseProps, type ColorPickerSwatchGroupProps, ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps, type ColorPickerSwatchProps, ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps, ColorPickerTransparencyGrid, type ColorPickerTransparencyGridBaseProps, type ColorPickerTransparencyGridProps, ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerTriggerProps, type ColorPickerValueChangeDetails, ColorPickerValueSwatch, type ColorPickerValueSwatchBaseProps, type ColorPickerValueSwatchProps, ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPickerValueTextProps, ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps, type UseColorPickerContext, type UseColorPickerProps, type UseColorPickerReturn, colorPickerAnatomy, parseColor, useColorPicker, useColorPickerContext };