@sprawlify/solid 0.0.15 → 0.0.16

package/dist/components/color-picker/index.jsx

@@ -0,0 +1,436 @@
+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 { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DFaRRd80.jsx";
+import { t as createSplitProps } from "../../create-split-props-B8A7_AF7.jsx";
+import "../../render-strategy-CdJhRv3I.jsx";
+import { t as sprawlify } from "../../factory-Ch5jgk20.jsx";
+import { t as composeRefs } from "../../compose-refs-icUeuyHm.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Bmn43U_q.jsx";
+import "../../fieldset-B_LyllEa.jsx";
+import { m as useFieldContext } from "../../field-BRr9Zdes.jsx";
+import { Index, Show, createMemo, createUniqueId } from "solid-js";
+import * as colorPicker from "@sprawlify/primitives/machines/color-picker";
+import { anatomy, parse as parseColor } from "@sprawlify/primitives/machines/color-picker";
+
+//#region src/components/color-picker/use-color-picker-area-props-context.ts
+const [ColorPickerAreaPropsProvider, useColorPickerAreaPropsContext] = createContext$1({
+	hookName: "useColorPickerAreaContext",
+	providerName: "<ColorPickerAreaProvider />"
+});
+
+//#endregion
+//#region src/components/color-picker/use-color-picker-context.ts
+const [ColorPickerProvider, useColorPickerContext] = createContext$1({
+	hookName: "useColorPickerContext",
+	providerName: "<ColorPickerProvider />"
+});
+
+//#endregion
+//#region src/components/color-picker/color-picker-area.tsx
+const ColorPickerArea = (props) => {
+	const [channelProps, divprops] = createSplitProps()(props, ["xChannel", "yChannel"]);
+	const api = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => api().getAreaProps(channelProps), divprops);
+	return <ColorPickerAreaPropsProvider value={channelProps}>
+      <sprawlify.div {...mergedProps} />
+    </ColorPickerAreaPropsProvider>;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-area-background.tsx
+const ColorPickerAreaBackground = (props) => {
+	const api = useColorPickerContext();
+	const areaProps = useColorPickerAreaPropsContext();
+	const mergedProps = mergeProps$1(() => api().getAreaBackgroundProps(areaProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-area-thumb.tsx
+const ColorPickerAreaThumb = (props) => {
+	const api = useColorPickerContext();
+	const areaProps = useColorPickerAreaPropsContext();
+	const mergedProps = mergeProps$1(() => api().getAreaThumbProps(areaProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-channel-input.tsx
+const ColorPickerChannelInput = (props) => {
+	const [channelProps, inputProps] = createSplitProps()(props, ["channel", "orientation"]);
+	const api = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => api().getChannelInputProps(channelProps), inputProps);
+	return <sprawlify.input {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/use-color-picker-channel-props-context.ts
+const [ColorPickerChannelPropsProvider, useColorPickerChannelPropsContext] = createContext$1({
+	hookName: "useColorPickerChannelSliderContext",
+	providerName: "<ColorPickerChannelSliderProvider />"
+});
+
+//#endregion
+//#region src/components/color-picker/use-color-picker-format-context.ts
+const [ColorPickerFormatPropsProvider, useColorPickerFormatPropsContext] = createContext$1({
+	hookName: "useColorPickerFormatPropsContext",
+	providerName: "<ColorPickerFormatPropsProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider.tsx
+const ColorPickerChannelSlider = (props) => {
+	const [channelProps, localProps] = createSplitProps()(props, ["channel", "orientation"]);
+	const api = useColorPickerContext();
+	const channelSliderProps = mergeProps$1(channelProps, useColorPickerFormatPropsContext());
+	const mergedProps = mergeProps$1(() => api().getChannelSliderProps(channelSliderProps), localProps);
+	return <ColorPickerChannelPropsProvider value={channelProps}>
+      <sprawlify.div {...mergedProps} />
+    </ColorPickerChannelPropsProvider>;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider-label.tsx
+const ColorPickerChannelSliderLabel = (props) => {
+	const colorPicker$1 = useColorPickerContext();
+	const channelProps = useColorPickerChannelPropsContext();
+	const mergedProps = mergeProps$1(() => colorPicker$1().getChannelSliderLabelProps(channelProps), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider-thumb.tsx
+const ColorPickerChannelSliderThumb = (props) => {
+	const api = useColorPickerContext();
+	const formatProps = useColorPickerFormatPropsContext();
+	const channelSliderProps = mergeProps$1(useColorPickerChannelPropsContext(), formatProps);
+	const mergedProps = mergeProps$1(() => api().getChannelSliderThumbProps(channelSliderProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider-track.tsx
+const ColorPickerChannelSliderTrack = (props) => {
+	const api = useColorPickerContext();
+	const formatProps = useColorPickerFormatPropsContext();
+	const channelSliderProps = mergeProps$1(useColorPickerChannelPropsContext(), formatProps);
+	const mergedProps = mergeProps$1(() => api().getChannelSliderTrackProps(channelSliderProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider-value-text.tsx
+const ColorPickerChannelSliderValueText = (props) => {
+	const colorPicker$1 = useColorPickerContext();
+	const localeContext = useLocaleContext();
+	const channelProps = useColorPickerChannelPropsContext();
+	const mergedProps = mergeProps$1(() => colorPicker$1().getChannelSliderValueTextProps(channelProps), props);
+	return <sprawlify.span {...mergedProps}>
+      {props.children || colorPicker$1().getChannelValueText(channelProps.channel, localeContext().locale)}
+    </sprawlify.span>;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-content.tsx
+const ColorPickerContent = (props) => {
+	const api = useColorPickerContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-context.tsx
+const ColorPickerContext = (props) => props.children(useColorPickerContext());
+
+//#endregion
+//#region src/components/color-picker/color-picker-control.tsx
+const ColorPickerControl = (props) => {
+	const api = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-eye-dropper-trigger.tsx
+const ColorPickerEyeDropperTrigger = (props) => {
+	const api = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => api().getEyeDropperTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-format-select.tsx
+const ColorPickerFormatSelect = (props) => {
+	const api = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => api().getFormatSelectProps(), props);
+	return <sprawlify.select {...mergedProps}>
+      <Index each={[
+		"rgba",
+		"hsla",
+		"hsba"
+	]}>{(format) => <sprawlify.option value={format()}>{format()}</sprawlify.option>}</Index>
+    </sprawlify.select>;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-format-trigger.tsx
+const ColorPickerFormatTrigger = (props) => {
+	const api = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => api().getFormatTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-hidden-input.tsx
+const ColorPickerHiddenInput = (props) => {
+	const colorPicker$1 = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => colorPicker$1().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return <sprawlify.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-label.tsx
+const ColorPickerLabel = (props) => {
+	const api = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-positioner.tsx
+const ColorPickerPositioner = (props) => {
+	const api = useColorPickerContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getPositionerProps(), props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/color-picker/use-color-picker.ts
+const useColorPicker = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			input: field?.().ids.control
+		},
+		dir: locale().dir,
+		disabled: field?.().disabled,
+		invalid: field?.().invalid,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(colorPicker.machine, machineProps);
+	return createMemo(() => colorPicker.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-root.tsx
+const ColorPickerRoot = (props) => {
+	const [presenceProps, colorPickerProps] = splitPresenceProps(props);
+	const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, [
+		"closeOnSelect",
+		"defaultOpen",
+		"defaultValue",
+		"defaultFormat",
+		"disabled",
+		"format",
+		"id",
+		"ids",
+		"initialFocusEl",
+		"invalid",
+		"name",
+		"name",
+		"onFocusOutside",
+		"onFormatChange",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onValueChange",
+		"onValueChangeEnd",
+		"open",
+		"openAutoFocus",
+		"positioning",
+		"readOnly",
+		"required",
+		"inline",
+		"value"
+	]);
+	const api = useColorPicker(useColorPickerProps);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: api().open })));
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <ColorPickerProvider value={api}>
+      <PresenceProvider value={apiPresence}>
+        <sprawlify.div {...mergedProps} />
+      </PresenceProvider>
+    </ColorPickerProvider>;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-root-provider.tsx
+const ColorPickerRootProvider = (props) => {
+	const [presenceProps, colorPickerProps] = splitPresenceProps(props);
+	const [{ value: colorPicker$1 }, localProps] = createSplitProps()(colorPickerProps, ["value"]);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: colorPicker$1().open })));
+	const mergedProps = mergeProps$1(() => colorPicker$1().getRootProps(), localProps);
+	return <ColorPickerProvider value={colorPicker$1}>
+      <PresenceProvider value={apiPresence}>
+        <sprawlify.div {...mergedProps} />
+      </PresenceProvider>
+    </ColorPickerProvider>;
+};
+
+//#endregion
+//#region src/components/color-picker/use-color-picker-swatch-props-context.ts
+const [ColorPickerSwatchPropsProvider, useColorPickerSwatchPropsContext] = createContext$1({
+	hookName: "useColorPickerSwatchContext",
+	providerName: "<ColorPickerSwatchProvider />"
+});
+
+//#endregion
+//#region src/components/color-picker/color-picker-swatch.tsx
+const ColorPickerSwatch = (props) => {
+	const [swatchProps, localProps] = createSplitProps()(props, ["respectAlpha", "value"]);
+	const api = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => api().getSwatchProps(swatchProps), localProps);
+	return <ColorPickerSwatchPropsProvider value={swatchProps}>
+      <sprawlify.div {...mergedProps} />
+    </ColorPickerSwatchPropsProvider>;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-swatch-group.tsx
+const ColorPickerSwatchGroup = (props) => {
+	const api = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => api().getSwatchGroupProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-swatch-indicator.tsx
+const ColorPickerSwatchIndicator = (props) => {
+	const api = useColorPickerContext();
+	const swatchProps = useColorPickerSwatchPropsContext();
+	const mergedProps = mergeProps$1(() => api().getSwatchIndicatorProps(swatchProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-swatch-trigger.tsx
+const ColorPickerSwatchTrigger = (props) => {
+	const [triggerProps, localProps] = createSplitProps()(props, ["value", "disabled"]);
+	const api = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => api().getSwatchTriggerProps(triggerProps), localProps);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-transparency-grid.tsx
+const ColorPickerTransparencyGrid = (props) => {
+	const [gridProps, localProps] = createSplitProps()(props, ["size"]);
+	const api = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => api().getTransparencyGridProps(gridProps), localProps);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-trigger.tsx
+const ColorPickerTrigger = (props) => {
+	const api = useColorPickerContext();
+	const mergedProps = mergeProps$1(() => api().getTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-value-swatch.tsx
+const ColorPickerValueSwatch = (props) => {
+	const [{ respectAlpha }, localProps] = createSplitProps()(props, ["respectAlpha"]);
+	const colorPicker$1 = useColorPickerContext();
+	const swatchProps = createMemo(() => ({
+		respectAlpha,
+		value: colorPicker$1().value
+	}));
+	const mergedProps = mergeProps$1(() => colorPicker$1().getSwatchProps(swatchProps()), localProps);
+	return <ColorPickerSwatchPropsProvider value={swatchProps()}>
+      <sprawlify.div {...mergedProps} />
+    </ColorPickerSwatchPropsProvider>;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-value-text.tsx
+const ColorPickerValueText = (props) => {
+	const colorPicker$1 = useColorPickerContext();
+	const [formatProps, localProps] = createSplitProps()(props, ["format"]);
+	const mergedProps = mergeProps$1(() => colorPicker$1().getValueTextProps(), localProps);
+	const valueAsString = createMemo(() => formatProps.format ? colorPicker$1().value.toString(formatProps.format) : colorPicker$1().valueAsString);
+	return <sprawlify.span {...mergedProps}>{props.children || valueAsString()}</sprawlify.span>;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker-anatomy.ts
+const colorPickerAnatomy = anatomy.extendWith("view");
+
+//#endregion
+//#region src/components/color-picker/color-picker-view.tsx
+const ColorPickerView = (props) => {
+	const api = useColorPickerContext();
+	const [formatProps, localProps] = createSplitProps()(props, ["format"]);
+	const mergedProps = mergeProps$1(() => colorPickerAnatomy.build().view.attrs, localProps);
+	return <ColorPickerFormatPropsProvider value={formatProps}>
+      <Show when={api().format === props.format}>
+        <sprawlify.div data-format={props.format} {...mergedProps} />
+      </Show>
+    </ColorPickerFormatPropsProvider>;
+};
+
+//#endregion
+//#region src/components/color-picker/color-picker.ts
+var color_picker_exports = /* @__PURE__ */ __export({
+	Area: () => ColorPickerArea,
+	AreaBackground: () => ColorPickerAreaBackground,
+	AreaThumb: () => ColorPickerAreaThumb,
+	ChannelInput: () => ColorPickerChannelInput,
+	ChannelSlider: () => ColorPickerChannelSlider,
+	ChannelSliderLabel: () => ColorPickerChannelSliderLabel,
+	ChannelSliderThumb: () => ColorPickerChannelSliderThumb,
+	ChannelSliderTrack: () => ColorPickerChannelSliderTrack,
+	ChannelSliderValueText: () => ColorPickerChannelSliderValueText,
+	Content: () => ColorPickerContent,
+	Context: () => ColorPickerContext,
+	Control: () => ColorPickerControl,
+	EyeDropperTrigger: () => ColorPickerEyeDropperTrigger,
+	FormatSelect: () => ColorPickerFormatSelect,
+	FormatTrigger: () => ColorPickerFormatTrigger,
+	HiddenInput: () => ColorPickerHiddenInput,
+	Label: () => ColorPickerLabel,
+	Positioner: () => ColorPickerPositioner,
+	Root: () => ColorPickerRoot,
+	RootProvider: () => ColorPickerRootProvider,
+	Swatch: () => ColorPickerSwatch,
+	SwatchGroup: () => ColorPickerSwatchGroup,
+	SwatchIndicator: () => ColorPickerSwatchIndicator,
+	SwatchTrigger: () => ColorPickerSwatchTrigger,
+	TransparencyGrid: () => ColorPickerTransparencyGrid,
+	Trigger: () => ColorPickerTrigger,
+	ValueSwatch: () => ColorPickerValueSwatch,
+	ValueText: () => ColorPickerValueText,
+	View: () => ColorPickerView
+});
+
+//#endregion
+export { color_picker_exports as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, colorPickerAnatomy, parseColor, useColorPicker, useColorPickerContext };

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

@@ -0,0 +1,134 @@
+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 CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "../../index-GEfvAmRc.js";
+import * as solid_js138 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as _sprawlify_primitives_anatomy5 from "@sprawlify/primitives/anatomy";
+import * as combobox from "@sprawlify/primitives/machines/combobox";
+import { FocusOutsideEvent, FocusOutsideEvent as ComboboxFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, InteractOutsideEvent, InteractOutsideEvent as ComboboxInteractOutsideEvent, ItemProps, ItemState, OpenChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as ComboboxPointerDownOutsideEvent, SelectionDetails, SelectionDetails as ComboboxSelectionDetails, TriggerProps, ValueChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails } from "@sprawlify/primitives/machines/combobox";
+import { JSX as JSX$1 } from "solid-js/jsx-runtime";
+
+//#region src/components/combobox/combobox-clear-trigger.d.ts
+interface ComboboxClearTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface ComboboxClearTriggerProps extends HTMLProps<'button'>, ComboboxClearTriggerBaseProps {}
+declare const ComboboxClearTrigger: (props: ComboboxClearTriggerProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-content.d.ts
+interface ComboboxContentBaseProps extends PolymorphicProps<'div'> {}
+interface ComboboxContentProps extends HTMLProps<'div'>, ComboboxContentBaseProps {}
+declare const ComboboxContent: (props: ComboboxContentProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-empty.d.ts
+interface ComboboxEmptyBaseProps extends PolymorphicProps<'div'> {}
+interface ComboboxEmptyProps extends HTMLProps<'div'>, ComboboxEmptyBaseProps {}
+declare const ComboboxEmpty: (props: ComboboxEmptyProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/use-combobox.d.ts
+interface UseComboboxProps<T extends CollectionItem> extends Optional<Omit<combobox.Props<T>, 'collection' | 'dir' | 'getRootNode'>, 'id'> {
+  /**
+   * The collection of items
+   */
+  collection: ListCollection<T>;
+}
+interface UseComboboxReturn<T extends CollectionItem> extends Accessor<combobox.Api<PropTypes, T>> {}
+declare const useCombobox: <T extends CollectionItem>(props: MaybeAccessor<UseComboboxProps<T>>) => UseComboboxReturn<T>;
+//#endregion
+//#region src/components/combobox/use-combobox-context.d.ts
+interface UseComboboxContext<T extends CollectionItem> extends UseComboboxReturn<T> {}
+//#endregion
+//#region src/components/combobox/combobox-context.d.ts
+interface ComboboxContextProps<T extends CollectionItem> {
+  children: (context: UseComboboxContext<T>) => JSX.Element;
+}
+declare const ComboboxContext: <T extends CollectionItem>(props: ComboboxContextProps<T>) => JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-control.d.ts
+interface ComboboxControlBaseProps extends PolymorphicProps<'div'> {}
+interface ComboboxControlProps extends HTMLProps<'div'>, ComboboxControlBaseProps {}
+declare const ComboboxControl: (props: ComboboxControlProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-input.d.ts
+interface ComboboxInputBaseProps extends PolymorphicProps<'input'> {}
+interface ComboboxInputProps extends HTMLProps<'input'>, ComboboxInputBaseProps {}
+declare const ComboboxInput: (props: ComboboxInputProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-item.d.ts
+interface ComboboxItemBaseProps extends ItemProps, PolymorphicProps<'div'> {}
+interface ComboboxItemProps extends HTMLProps<'div'>, ComboboxItemBaseProps {}
+declare const ComboboxItem: (props: ComboboxItemProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/use-combobox-item-context.d.ts
+interface UseComboboxItemContext extends Accessor<ItemState> {}
+//#endregion
+//#region src/components/combobox/combobox-item-context.d.ts
+interface ComboboxItemContextProps {
+  children: (context: UseComboboxItemContext) => JSX.Element;
+}
+declare const ComboboxItemContext: (props: ComboboxItemContextProps) => JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-item-group.d.ts
+interface ComboboxItemGroupBaseProps extends PolymorphicProps<'div'> {}
+interface ComboboxItemGroupProps extends HTMLProps<'div'>, ComboboxItemGroupBaseProps {}
+declare const ComboboxItemGroup: (props: ComboboxItemGroupProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-item-group-label.d.ts
+interface ComboboxItemGroupLabelBaseProps extends PolymorphicProps<'div'> {}
+interface ComboboxItemGroupLabelProps extends HTMLProps<'div'>, ComboboxItemGroupLabelBaseProps {}
+declare const ComboboxItemGroupLabel: (props: ComboboxItemGroupLabelProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-item-indicator.d.ts
+interface ComboboxItemIndicatorBaseProps extends PolymorphicProps<'div'> {}
+interface ComboboxItemIndicatorProps extends HTMLProps<'div'>, ComboboxItemIndicatorBaseProps {}
+declare const ComboboxItemIndicator: (props: ComboboxItemIndicatorProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-item-text.d.ts
+interface ComboboxItemTextBaseProps extends PolymorphicProps<'span'> {}
+interface ComboboxItemTextProps extends HTMLProps<'span'>, ComboboxItemTextBaseProps {}
+declare const ComboboxItemText: (props: ComboboxItemTextProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-label.d.ts
+interface ComboboxLabelBaseProps extends PolymorphicProps<'label'> {}
+interface ComboboxLabelProps extends HTMLProps<'label'>, ComboboxLabelBaseProps {}
+declare const ComboboxLabel: (props: ComboboxLabelProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-list.d.ts
+interface ComboboxListBaseProps extends PolymorphicProps<'div'> {}
+interface ComboboxListProps extends HTMLProps<'div'>, ComboboxListBaseProps {}
+declare const ComboboxList: (props: ComboboxListProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-positioner.d.ts
+interface ComboboxPositionerBaseProps extends PolymorphicProps<'div'> {}
+interface ComboboxPositionerProps extends HTMLProps<'div'>, ComboboxPositionerBaseProps {}
+declare const ComboboxPositioner: (props: ComboboxPositionerProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-root.d.ts
+interface ComboboxRootBaseProps<T extends CollectionItem> extends UseComboboxProps<T>, UsePresenceProps, PolymorphicProps<'div'> {}
+interface ComboboxRootProps<T extends CollectionItem> extends Omit<HTMLProps<'div'>, 'onSelect'>, ComboboxRootBaseProps<T> {}
+declare const ComboboxRoot: <T extends CollectionItem>(props: ComboboxRootProps<T>) => JSX$1.Element;
+type ComboboxRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<ComboboxRootProps<T>, P>;
+type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: ComboboxRootComponentProps<T, P>) => JSX$1.Element;
+//#endregion
+//#region src/components/combobox/combobox-root-provider.d.ts
+interface RootProviderProps<T extends CollectionItem> {
+  value: UseComboboxReturn<T>;
+}
+interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps, PolymorphicProps<'div'> {}
+interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, ComboboxRootProviderBaseProps<T> {}
+declare const ComboboxRootProvider: <T extends CollectionItem>(props: ComboboxRootProviderProps<T>) => JSX$1.Element;
+type ComboboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProviderProps<T>, P>) => JSX$1.Element;
+//#endregion
+//#region src/components/combobox/combobox-trigger.d.ts
+interface ComboboxTriggerBaseProps extends TriggerProps, PolymorphicProps<'button'> {}
+interface ComboboxTriggerProps extends HTMLProps<'button'>, ComboboxTriggerBaseProps {}
+declare const ComboboxTrigger: (props: ComboboxTriggerProps) => solid_js138.JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox-anatomy.d.ts
+declare const comboboxAnatomy: _sprawlify_primitives_anatomy5.AnatomyInstance<"root" | "input" | "label" | "control" | "trigger" | "content" | "clearTrigger" | "positioner" | "item" | "itemGroup" | "itemIndicator" | "itemText" | "list" | "itemGroupLabel" | "empty">;
+declare namespace combobox_d_exports {
+  export { ComboboxClearTrigger as ClearTrigger, ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, ComboboxClearTriggerProps as ClearTriggerProps, CollectionItem, ComboboxContent as Content, ComboboxContentBaseProps as ContentBaseProps, ComboboxContentProps as ContentProps, ComboboxContext as Context, ComboboxContextProps as ContextProps, ComboboxControl as Control, ComboboxControlBaseProps as ControlBaseProps, ComboboxControlProps as ControlProps, ComboboxEmpty as Empty, ComboboxEmptyBaseProps as EmptyBaseProps, ComboboxEmptyProps as EmptyProps, FocusOutsideEvent, HighlightChangeDetails, ComboboxInput as Input, ComboboxInputBaseProps as InputBaseProps, ComboboxInputProps as InputProps, InputValueChangeDetails, InteractOutsideEvent, ComboboxItem as Item, ComboboxItemBaseProps as ItemBaseProps, ComboboxItemContext as ItemContext, ComboboxItemContextProps as ItemContextProps, ComboboxItemGroup as ItemGroup, ComboboxItemGroupBaseProps as ItemGroupBaseProps, ComboboxItemGroupLabel as ItemGroupLabel, ComboboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, ComboboxItemGroupLabelProps as ItemGroupLabelProps, ComboboxItemGroupProps as ItemGroupProps, ComboboxItemIndicator as ItemIndicator, ComboboxItemIndicatorBaseProps as ItemIndicatorBaseProps, ComboboxItemIndicatorProps as ItemIndicatorProps, ComboboxItemProps as ItemProps, ComboboxItemText as ItemText, ComboboxItemTextBaseProps as ItemTextBaseProps, ComboboxItemTextProps as ItemTextProps, ComboboxLabel as Label, ComboboxLabelBaseProps as LabelBaseProps, ComboboxLabelProps as LabelProps, ComboboxList as List, ComboboxListBaseProps as ListBaseProps, ComboboxListProps as ListProps, OpenChangeDetails, PointerDownOutsideEvent, ComboboxPositioner as Positioner, ComboboxPositionerBaseProps as PositionerBaseProps, ComboboxPositionerProps as PositionerProps, ComboboxRoot as Root, ComboboxRootBaseProps as RootBaseProps, ComboboxRootComponent as RootComponent, ComboboxRootComponentProps as RootComponentProps, ComboboxRootProps as RootProps, ComboboxRootProvider as RootProvider, ComboboxRootProviderBaseProps as RootProviderBaseProps, ComboboxRootProviderComponent as RootProviderComponent, ComboboxRootProviderProps as RootProviderProps, SelectionDetails, ComboboxTrigger as Trigger, ComboboxTriggerBaseProps as TriggerBaseProps, ComboboxTriggerProps as TriggerProps, ValueChangeDetails };
+}
+//#endregion
+export { type CollectionItem, combobox_d_exports as Combobox, ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, ComboboxContext, type ComboboxContextProps, ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps, ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps, type ComboboxFocusOutsideEvent, type ComboboxHighlightChangeDetails, ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps, type ComboboxInputValueChangeDetails, type ComboboxInteractOutsideEvent, ComboboxItem, type ComboboxItemBaseProps, ComboboxItemContext, type ComboboxItemContextProps, ComboboxItemGroup, type ComboboxItemGroupBaseProps, ComboboxItemGroupLabel, type ComboboxItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps, type ComboboxItemGroupProps, ComboboxItemIndicator, type ComboboxItemIndicatorBaseProps, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemTextProps, ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps, ComboboxList, type ComboboxListBaseProps, type ComboboxListProps, type ComboboxOpenChangeDetails, type ComboboxPointerDownOutsideEvent, ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootComponent, type ComboboxRootComponentProps, type ComboboxRootProps, ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderComponent, type ComboboxRootProviderProps, type ComboboxSelectionDetails, ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, type ComboboxValueChangeDetails, type ListCollection, type UseComboboxContext, type UseComboboxItemContext, type UseComboboxProps, type UseComboboxReturn, type UseListCollectionProps, comboboxAnatomy, createListCollection, useCombobox, useComboboxContext, useComboboxItemContext, useListCollection };