@sprawlify/solid 0.0.14 → 0.0.16

package/dist/components/clipboard/index.js

@@ -0,0 +1,151 @@
+import { t as __export } from "../../chunk-B93cd-Dz.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-oNB2jGcl.js";
+import { t as runIfFn } from "../../run-if-fn-D5794CxE.js";
+import { t as createContext$1 } from "../../create-context-GfQ_MylE.js";
+import { o as useEnvironmentContext } from "../../providers-Bo0OFe08.js";
+import { t as createSplitProps } from "../../create-split-props-pQu7jijw.js";
+import { t as sprawlify } from "../../factory-PGDAvOKb.js";
+import { Show, children, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as clipboard from "@sprawlify/primitives/machines/clipboard";
+import { anatomy as clipboardAnatomy } from "@sprawlify/primitives/machines/clipboard";
+
+//#region src/components/clipboard/use-clipboard-context.ts
+const [ClipboardProvider, useClipboardContext] = createContext$1({
+	hookName: "useClipboardContext",
+	providerName: "<ClipboardProvider />"
+});
+
+//#endregion
+//#region src/components/clipboard/clipboard-context.tsx
+const ClipboardContext = (props) => props.children(useClipboardContext());
+
+//#endregion
+//#region src/components/clipboard/clipboard-control.tsx
+const ClipboardControl = (props) => {
+	const api = useClipboardContext();
+	const mergedProps = mergeProps$2(() => api().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-indicator.tsx
+const ClipboardIndicator = (props) => {
+	const [indicatorProps, localProps] = createSplitProps()(props, ["copied"]);
+	const api = useClipboardContext();
+	const mergedProps = mergeProps$2(api().getIndicatorProps({ copied: api().copied }), localProps);
+	const getChildren = children(() => localProps.children);
+	return createComponent(sprawlify.div, mergeProps$1(mergedProps, { get children() {
+		return createComponent(Show, {
+			get when() {
+				return api().copied;
+			},
+			get fallback() {
+				return getChildren();
+			},
+			get children() {
+				return indicatorProps.copied;
+			}
+		});
+	} }));
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-input.tsx
+const ClipboardInput = (props) => {
+	const api = useClipboardContext();
+	const mergedProps = mergeProps$2(() => api().getInputProps(), props);
+	return createComponent(sprawlify.input, mergedProps);
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-label.tsx
+const ClipboardLabel = (props) => {
+	const api = useClipboardContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/clipboard/use-clipboard.ts
+const useClipboard = (props) => {
+	const id = createUniqueId();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(clipboard.machine, machineProps);
+	return createMemo(() => clipboard.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-root.tsx
+const ClipboardRoot = (props) => {
+	const [useClipboardProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"id",
+		"ids",
+		"onStatusChange",
+		"onValueChange",
+		"timeout",
+		"value"
+	]);
+	const api = useClipboard(useClipboardProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(ClipboardProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-root-provider.tsx
+const ClipboardRootProvider = (props) => {
+	const [{ value: clipboard$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => clipboard$1().getRootProps(), localProps);
+	return createComponent(ClipboardProvider, {
+		value: clipboard$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-trigger.tsx
+const ClipboardTrigger = (props) => {
+	const api = useClipboardContext();
+	const mergedProps = mergeProps$2(() => api().getTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-value-text.tsx
+const ClipboardValueText = (props) => {
+	const api = useClipboardContext();
+	const mergedProps = mergeProps$2(props);
+	return createComponent(sprawlify.span, mergeProps$1(mergedProps, { get children() {
+		return props.children || api().value;
+	} }));
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard.ts
+var clipboard_exports = /* @__PURE__ */ __export({
+	Context: () => ClipboardContext,
+	Control: () => ClipboardControl,
+	Indicator: () => ClipboardIndicator,
+	Input: () => ClipboardInput,
+	Label: () => ClipboardLabel,
+	Root: () => ClipboardRoot,
+	RootProvider: () => ClipboardRootProvider,
+	Trigger: () => ClipboardTrigger,
+	ValueText: () => ClipboardValueText
+});
+
+//#endregion
+export { clipboard_exports as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, clipboardAnatomy, useClipboard, useClipboardContext };

package/dist/components/clipboard/index.jsx

@@ -0,0 +1,134 @@
+import { t as __export } from "../../chunk-B5so6B0y.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-DbInRfhI.jsx";
+import { t as runIfFn } from "../../run-if-fn-A3VwXy-o.jsx";
+import { t as createContext$1 } from "../../create-context-C3rvZvkc.jsx";
+import { o as useEnvironmentContext } from "../../providers-DFaRRd80.jsx";
+import { t as createSplitProps } from "../../create-split-props-B8A7_AF7.jsx";
+import { t as sprawlify } from "../../factory-Ch5jgk20.jsx";
+import { Show, children, createMemo, createUniqueId } from "solid-js";
+import * as clipboard from "@sprawlify/primitives/machines/clipboard";
+import { anatomy as clipboardAnatomy } from "@sprawlify/primitives/machines/clipboard";
+
+//#region src/components/clipboard/use-clipboard-context.ts
+const [ClipboardProvider, useClipboardContext] = createContext$1({
+	hookName: "useClipboardContext",
+	providerName: "<ClipboardProvider />"
+});
+
+//#endregion
+//#region src/components/clipboard/clipboard-context.tsx
+const ClipboardContext = (props) => props.children(useClipboardContext());
+
+//#endregion
+//#region src/components/clipboard/clipboard-control.tsx
+const ClipboardControl = (props) => {
+	const api = useClipboardContext();
+	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-indicator.tsx
+const ClipboardIndicator = (props) => {
+	const [indicatorProps, localProps] = createSplitProps()(props, ["copied"]);
+	const api = useClipboardContext();
+	const mergedProps = mergeProps$1(api().getIndicatorProps({ copied: api().copied }), localProps);
+	const getChildren = children(() => localProps.children);
+	return <sprawlify.div {...mergedProps}>
+      <Show when={api().copied} fallback={getChildren()}>
+        {indicatorProps.copied}
+      </Show>
+    </sprawlify.div>;
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-input.tsx
+const ClipboardInput = (props) => {
+	const api = useClipboardContext();
+	const mergedProps = mergeProps$1(() => api().getInputProps(), props);
+	return <sprawlify.input {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-label.tsx
+const ClipboardLabel = (props) => {
+	const api = useClipboardContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/clipboard/use-clipboard.ts
+const useClipboard = (props) => {
+	const id = createUniqueId();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(clipboard.machine, machineProps);
+	return createMemo(() => clipboard.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-root.tsx
+const ClipboardRoot = (props) => {
+	const [useClipboardProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"id",
+		"ids",
+		"onStatusChange",
+		"onValueChange",
+		"timeout",
+		"value"
+	]);
+	const api = useClipboard(useClipboardProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <ClipboardProvider value={api}>
+      <sprawlify.div {...mergedProps} />
+    </ClipboardProvider>;
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-root-provider.tsx
+const ClipboardRootProvider = (props) => {
+	const [{ value: clipboard$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => clipboard$1().getRootProps(), localProps);
+	return <ClipboardProvider value={clipboard$1}>
+      <sprawlify.div {...mergedProps} />
+    </ClipboardProvider>;
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-trigger.tsx
+const ClipboardTrigger = (props) => {
+	const api = useClipboardContext();
+	const mergedProps = mergeProps$1(() => api().getTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard-value-text.tsx
+const ClipboardValueText = (props) => {
+	const api = useClipboardContext();
+	const mergedProps = mergeProps$1(props);
+	return <sprawlify.span {...mergedProps}>{props.children || api().value}</sprawlify.span>;
+};
+
+//#endregion
+//#region src/components/clipboard/clipboard.ts
+var clipboard_exports = /* @__PURE__ */ __export({
+	Context: () => ClipboardContext,
+	Control: () => ClipboardControl,
+	Indicator: () => ClipboardIndicator,
+	Input: () => ClipboardInput,
+	Label: () => ClipboardLabel,
+	Root: () => ClipboardRoot,
+	RootProvider: () => ClipboardRootProvider,
+	Trigger: () => ClipboardTrigger,
+	ValueText: () => ClipboardValueText
+});
+
+//#endregion
+export { clipboard_exports as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, clipboardAnatomy, useClipboard, useClipboardContext };

package/dist/components/collapsible/index.d.ts

@@ -0,0 +1,60 @@
+import { n as PropTypes } from "../../index-C7N791Fc.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-Dbw4va3W.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-4A25bngy.js";
+import { t as RenderStrategyProps } from "../../render-strategy-BNECKEQk.js";
+import * as solid_js10 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as collapsible from "@sprawlify/primitives/machines/collapsible";
+import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
+
+//#region src/components/collapsible/collapsible-content.d.ts
+interface CollapsibleContentBaseProps extends PolymorphicProps<'div'> {}
+interface CollapsibleContentProps extends HTMLProps<'div'>, CollapsibleContentBaseProps {}
+declare const CollapsibleContent: (props: CollapsibleContentProps) => solid_js10.JSX.Element;
+//#endregion
+//#region src/components/collapsible/use-collapsible.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-collapsible-context.d.ts
+interface UseCollapsibleContext extends UseCollapsibleReturn {}
+//#endregion
+//#region src/components/collapsible/collapsible-context.d.ts
+interface CollapsibleContextProps {
+  children: (context: UseCollapsibleContext) => JSX.Element;
+}
+declare const CollapsibleContext: (props: CollapsibleContextProps) => JSX.Element;
+//#endregion
+//#region src/components/collapsible/collapsible-root.d.ts
+interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps<'div'> {}
+interface CollapsibleRootProps extends HTMLProps<'div'>, CollapsibleRootBaseProps {}
+declare const CollapsibleRoot: (props: CollapsibleRootProps) => solid_js10.JSX.Element;
+//#endregion
+//#region src/components/collapsible/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) => solid_js10.JSX.Element;
+//#endregion
+//#region src/components/collapsible/collapsible-trigger.d.ts
+interface CollapsibleTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface CollapsibleTriggerProps extends HTMLProps<'button'>, CollapsibleTriggerBaseProps {}
+declare const CollapsibleTrigger: (props: CollapsibleTriggerProps) => solid_js10.JSX.Element;
+//#endregion
+//#region src/components/collapsible/collapsible-indicator.d.ts
+interface CollapsibleIndicatorBaseProps extends PolymorphicProps<'div'> {}
+interface CollapsibleIndicatorProps extends HTMLProps<'div'>, CollapsibleIndicatorBaseProps {}
+declare const CollapsibleIndicator: (props: CollapsibleIndicatorProps) => solid_js10.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/components/collapsible/index.js

@@ -0,0 +1,9 @@
+import "../../core-oNB2jGcl.js";
+import "../../create-context-GfQ_MylE.js";
+import "../../providers-Bo0OFe08.js";
+import "../../create-split-props-pQu7jijw.js";
+import "../../render-strategy-DFlz7Uc4.js";
+import "../../factory-PGDAvOKb.js";
+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-CX2tnXKq.js";
+
+export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, collapsibleAnatomy, useCollapsible, useCollapsibleContext };

package/dist/components/collapsible/index.jsx

@@ -0,0 +1,9 @@
+import "../../core-DbInRfhI.jsx";
+import "../../create-context-C3rvZvkc.jsx";
+import "../../providers-DFaRRd80.jsx";
+import "../../create-split-props-B8A7_AF7.jsx";
+import "../../render-strategy-CdJhRv3I.jsx";
+import "../../factory-Ch5jgk20.jsx";
+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-sG-Rzvf2.jsx";
+
+export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, collapsibleAnatomy, useCollapsible, useCollapsibleContext };

package/dist/components/collection/index.d.ts

@@ -0,0 +1,3 @@
+import "../../types-Dbw4va3W.js";
+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-GEfvAmRc.js";
+export { CollectionItem, CollectionOptions, FilePathTreeNode, FlatTreeNode, GridCollection, GridCollectionOptions, ListCollection, TreeCollection, TreeCollectionOptions, TreeNode, UseAsyncListProps, UseAsyncListReturn, UseListCollectionProps, UseListCollectionReturn, UseListSelectionProps, UseListSelectionReturn, createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };

package/dist/components/collection/index.js

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

package/dist/components/collection/index.jsx

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

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,183 @@
+import { n as PropTypes } from "../../index-C7N791Fc.js";
+import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-Dbw4va3W.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-4A25bngy.js";
+import "../../render-strategy-BNECKEQk.js";
+import { s as UsePresenceProps } from "../../index-j2avJy7D.js";
+import * as solid_js86 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as _sprawlify_primitives_anatomy3 from "@sprawlify/primitives/anatomy";
+import * as colorPicker from "@sprawlify/primitives/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 "@sprawlify/primitives/machines/color-picker";
+import { ColorStringFormat } from "@sprawlify/primitives/color-utils";
+
+//#region src/components/color-picker/color-picker-area.d.ts
+interface ColorPickerAreaBaseProps extends AreaProps, PolymorphicProps<'div'> {}
+interface ColorPickerAreaProps extends HTMLProps<'div'>, ColorPickerAreaBaseProps {}
+declare const ColorPickerArea: (props: ColorPickerAreaProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-area-background.d.ts
+interface ColorPickerAreaBackgroundBaseProps extends PolymorphicProps<'div'> {}
+interface ColorPickerAreaBackgroundProps extends HTMLProps<'div'>, ColorPickerAreaBackgroundBaseProps {}
+declare const ColorPickerAreaBackground: (props: ColorPickerAreaBackgroundProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-area-thumb.d.ts
+interface ColorPickerAreaThumbBaseProps extends PolymorphicProps<'div'> {}
+interface ColorPickerAreaThumbProps extends HTMLProps<'div'>, ColorPickerAreaThumbBaseProps {}
+declare const ColorPickerAreaThumb: (props: ColorPickerAreaThumbProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-channel-input.d.ts
+interface ColorPickerChannelInputBaseProps extends ChannelInputProps, PolymorphicProps<'input'> {}
+interface ColorPickerChannelInputProps extends HTMLProps<'input'>, ColorPickerChannelInputBaseProps {}
+declare const ColorPickerChannelInput: (props: ColorPickerChannelInputProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider.d.ts
+interface ColorPickerChannelSliderBaseProps extends ChannelProps, PolymorphicProps<'div'> {}
+interface ColorPickerChannelSliderProps extends HTMLProps<'div'>, ColorPickerChannelSliderBaseProps {}
+declare const ColorPickerChannelSlider: (props: ColorPickerChannelSliderProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider-label.d.ts
+interface ColorPickerChannelSliderLabelBaseProps extends PolymorphicProps<'label'> {}
+interface ColorPickerChannelSliderLabelProps extends HTMLProps<'label'>, ColorPickerChannelSliderLabelBaseProps {}
+declare const ColorPickerChannelSliderLabel: (props: ColorPickerChannelSliderLabelProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider-thumb.d.ts
+interface ColorPickerChannelSliderThumbBaseProps extends PolymorphicProps<'div'> {}
+interface ColorPickerChannelSliderThumbProps extends HTMLProps<'div'>, ColorPickerChannelSliderThumbBaseProps {}
+declare const ColorPickerChannelSliderThumb: (props: ColorPickerChannelSliderThumbProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider-track.d.ts
+interface ColorPickerChannelSliderTrackBaseProps extends PolymorphicProps<'div'> {}
+interface ColorPickerChannelSliderTrackProps extends HTMLProps<'div'>, ColorPickerChannelSliderTrackBaseProps {}
+declare const ColorPickerChannelSliderTrack: (props: ColorPickerChannelSliderTrackProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider-value-text.d.ts
+interface ColorPickerChannelSliderValueTextBaseProps extends PolymorphicProps<'span'> {}
+interface ColorPickerChannelSliderValueTextProps extends HTMLProps<'div'>, ColorPickerChannelSliderValueTextBaseProps {}
+declare const ColorPickerChannelSliderValueText: (props: ColorPickerChannelSliderValueTextProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-content.d.ts
+interface ColorPickerContentBaseProps extends PolymorphicProps<'div'> {}
+interface ColorPickerContentProps extends HTMLProps<'div'>, ColorPickerContentBaseProps {}
+declare const ColorPickerContent: (props: ColorPickerContentProps) => solid_js86.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-color-picker-context.d.ts
+interface UseColorPickerContext extends UseColorPickerReturn {}
+//#endregion
+//#region src/components/color-picker/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/color-picker-control.d.ts
+interface ColorPickerControlBaseProps extends PolymorphicProps<'div'> {}
+interface ColorPickerControlProps extends HTMLProps<'div'>, ColorPickerControlBaseProps {}
+declare const ColorPickerControl: (props: ColorPickerControlProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-eye-dropper-trigger.d.ts
+interface ColorPickerEyeDropperTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface ColorPickerEyeDropperTriggerProps extends HTMLProps<'button'>, ColorPickerEyeDropperTriggerBaseProps {}
+declare const ColorPickerEyeDropperTrigger: (props: ColorPickerEyeDropperTriggerProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-format-select.d.ts
+interface ColorPickerFormatSelectBaseProps extends PolymorphicProps<'select'> {}
+interface ColorPickerFormatSelectProps extends HTMLProps<'select'>, ColorPickerFormatSelectBaseProps {}
+declare const ColorPickerFormatSelect: (props: ColorPickerFormatSelectProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-format-trigger.d.ts
+interface ColorPickerFormatTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface ColorPickerFormatTriggerProps extends HTMLProps<'button'>, ColorPickerFormatTriggerBaseProps {}
+declare const ColorPickerFormatTrigger: (props: ColorPickerFormatTriggerProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-hidden-input.d.ts
+interface ColorPickerHiddenInputBaseProps extends PolymorphicProps<'input'> {}
+interface ColorPickerHiddenInputProps extends HTMLProps<'input'>, ColorPickerHiddenInputBaseProps {}
+declare const ColorPickerHiddenInput: (props: ColorPickerHiddenInputProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-label.d.ts
+interface ColorPickerLabelBaseProps extends PolymorphicProps<'label'> {}
+interface ColorPickerLabelProps extends HTMLProps<'label'>, ColorPickerLabelBaseProps {}
+declare const ColorPickerLabel: (props: ColorPickerLabelProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-positioner.d.ts
+interface ColorPickerPositionerBaseProps extends PolymorphicProps<'div'> {}
+interface ColorPickerPositionerProps extends HTMLProps<'div'>, ColorPickerPositionerBaseProps {}
+declare const ColorPickerPositioner: (props: ColorPickerPositionerProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-root.d.ts
+interface ColorPickerRootBaseProps extends UseColorPickerProps, UsePresenceProps, PolymorphicProps<'div'> {}
+interface ColorPickerRootProps extends HTMLProps<'div'>, ColorPickerRootBaseProps {}
+declare const ColorPickerRoot: (props: ColorPickerRootProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/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) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-swatch.d.ts
+interface ColorPickerSwatchBaseProps extends SwatchProps, PolymorphicProps<'div'> {}
+interface ColorPickerSwatchProps extends HTMLProps<'div'>, ColorPickerSwatchBaseProps {}
+declare const ColorPickerSwatch: (props: ColorPickerSwatchProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-swatch-group.d.ts
+interface ColorPickerSwatchGroupBaseProps extends PolymorphicProps<'div'> {}
+interface ColorPickerSwatchGroupProps extends HTMLProps<'div'>, ColorPickerSwatchGroupBaseProps {}
+declare const ColorPickerSwatchGroup: (props: ColorPickerSwatchGroupProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-swatch-indicator.d.ts
+interface ColorPickerSwatchIndicatorBaseProps extends PolymorphicProps<'div'> {}
+interface ColorPickerSwatchIndicatorProps extends HTMLProps<'div'>, ColorPickerSwatchIndicatorBaseProps {}
+declare const ColorPickerSwatchIndicator: (props: ColorPickerSwatchIndicatorProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-swatch-trigger.d.ts
+interface ColorPickerSwatchTriggerBaseProps extends SwatchTriggerProps, PolymorphicProps<'button'> {}
+interface ColorPickerSwatchTriggerProps extends Assign<HTMLProps<'button'>, ColorPickerSwatchTriggerBaseProps> {}
+declare const ColorPickerSwatchTrigger: (props: ColorPickerSwatchTriggerProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-transparency-grid.d.ts
+interface ColorPickerTransparencyGridBaseProps extends TransparencyGridProps, PolymorphicProps<'div'> {}
+interface ColorPickerTransparencyGridProps extends HTMLProps<'div'>, ColorPickerTransparencyGridBaseProps {}
+declare const ColorPickerTransparencyGrid: (props: ColorPickerTransparencyGridProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-trigger.d.ts
+interface ColorPickerTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface ColorPickerTriggerProps extends HTMLProps<'button'>, ColorPickerTriggerBaseProps {}
+declare const ColorPickerTrigger: (props: ColorPickerTriggerProps) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/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) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/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) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/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) => solid_js86.JSX.Element;
+//#endregion
+//#region src/components/color-picker/color-picker-anatomy.d.ts
+declare const colorPickerAnatomy: _sprawlify_primitives_anatomy3.AnatomyInstance<"root" | "label" | "control" | "trigger" | "content" | "view" | "positioner" | "area" | "valueText" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
+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 };