@ark-ui/solid 0.8.0 → 0.9.0

package/color-picker/color-picker.anatomy.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const colorPicker = require('@zag-js/color-picker');
+
+const colorPickerAnatomy = colorPicker.anatomy.extendWith("swatchGroup");
+const parts = colorPickerAnatomy.build();
+
+exports.colorPickerAnatomy = colorPickerAnatomy;
+exports.parts = parts;

package/color-picker/color-picker.anatomy.d.ts

@@ -0,0 +1,3 @@
+import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
+export declare const colorPickerAnatomy: AnatomyInstance<"area" | "label" | "content" | "areaThumb" | "areaGradient" | "channelSliderTrack" | "channelSliderTrackBg" | "channelSliderThumb" | "channelInput" | "swatch" | "swatchBg" | "eyeDropTrigger" | "swatchGroup">;
+export declare const parts: Record<"area" | "label" | "content" | "areaThumb" | "areaGradient" | "channelSliderTrack" | "channelSliderTrackBg" | "channelSliderThumb" | "channelInput" | "swatch" | "swatchBg" | "eyeDropTrigger" | "swatchGroup", AnatomyPart>;

package/color-picker/color-picker.anatomy.mjs

@@ -0,0 +1,6 @@
+import { anatomy } from '@zag-js/color-picker';
+
+const colorPickerAnatomy = anatomy.extendWith("swatchGroup");
+const parts = colorPickerAnatomy.build();
+
+export { colorPickerAnatomy, parts };

package/color-picker/color-picker.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const createSplitProps = require('../create-split-props.cjs');
+const runIfFn = require('../run-if-fn.cjs');
+const colorPickerContext = require('./color-picker-context.cjs');
+const useColorPicker = require('./use-color-picker.cjs');
+
+const ColorPicker = props => {
+  const [useColorPickerProps, restProps] = createSplitProps.createSplitProps()(props, ['dir', 'disabled', 'getRootNode', 'id', 'ids', 'onChange', 'onChangeEnd', 'readOnly', 'value']);
+  const api = useColorPicker.useColorPicker(useColorPickerProps);
+  const getChildren = () => runIfFn.runIfFn(restProps.children, api);
+  return web.createComponent(colorPickerContext.ColorPickerProvider, {
+    value: api,
+    get children() {
+      return getChildren();
+    }
+  });
+};
+
+exports.ColorPicker = ColorPicker;

package/color-picker/color-picker.d.ts

@@ -0,0 +1,8 @@
+import { type JSX } from 'solid-js';
+import type { HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type UseColorPickerProps, type UseColorPickerReturn } from './use-color-picker';
+export type ColorPickerProps = Assign<HTMLArkProps<'div'>, UseColorPickerProps & {
+    children?: JSX.Element | ((state: UseColorPickerReturn) => JSX.Element);
+}>;
+export declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;

package/color-picker/color-picker.mjs

@@ -0,0 +1,19 @@
+import { createComponent } from 'solid-js/web';
+import { createSplitProps } from '../create-split-props.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
+import { ColorPickerProvider } from './color-picker-context.mjs';
+import { useColorPicker } from './use-color-picker.mjs';
+
+const ColorPicker = props => {
+  const [useColorPickerProps, restProps] = createSplitProps()(props, ['dir', 'disabled', 'getRootNode', 'id', 'ids', 'onChange', 'onChangeEnd', 'readOnly', 'value']);
+  const api = useColorPicker(useColorPickerProps);
+  const getChildren = () => runIfFn(restProps.children, api);
+  return createComponent(ColorPickerProvider, {
+    value: api,
+    get children() {
+      return getChildren();
+    }
+  });
+};
+
+export { ColorPicker };

package/color-picker/index.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const colorPicker = require('./color-picker.cjs');
+const colorPickerArea = require('./color-picker-area.cjs');
+const colorPickerAreaContext = require('./color-picker-area-context.cjs');
+const colorPickerAreaGradient = require('./color-picker-area-gradient.cjs');
+const colorPickerAreaThumb = require('./color-picker-area-thumb.cjs');
+const colorPickerChannelInput = require('./color-picker-channel-input.cjs');
+const colorPickerChannelSliderBackground = require('./color-picker-channel-slider-background.cjs');
+const colorPickerChannelSliderThumb = require('./color-picker-channel-slider-thumb.cjs');
+const colorPickerChannelSliderTrack = require('./color-picker-channel-slider-track.cjs');
+const colorPickerContent = require('./color-picker-content.cjs');
+const colorPickerContext = require('./color-picker-context.cjs');
+const colorPickerEyeDropperTrigger = require('./color-picker-eye-dropper-trigger.cjs');
+const colorPickerSwatch = require('./color-picker-swatch.cjs');
+const colorPickerSwatchBackground = require('./color-picker-swatch-background.cjs');
+const colorPickerSwatchContext = require('./color-picker-swatch-context.cjs');
+const colorPickerSwatchGroup = require('./color-picker-swatch-group.cjs');
+const colorPicker_anatomy = require('./color-picker.anatomy.cjs');
+
+
+
+exports.ColorPicker = colorPicker.ColorPicker;
+exports.ColorPickerArea = colorPickerArea.ColorPickerArea;
+exports.useColorPickerAreaContext = colorPickerAreaContext.useColorPickerAreaContext;
+exports.ColorPickerAreaGradient = colorPickerAreaGradient.ColorPickerAreaGradient;
+exports.ColorPickerAreaThumb = colorPickerAreaThumb.ColorPickerAreaThumb;
+exports.ColorPickerChannelInput = colorPickerChannelInput.ColorPickerChannelInput;
+exports.ColorPickerChannelSliderBackground = colorPickerChannelSliderBackground.ColorPickerChannelSliderBackground;
+exports.ColorPickerChannelSliderThumb = colorPickerChannelSliderThumb.ColorPickerChannelSliderThumb;
+exports.ColorPickerChannelSliderTrack = colorPickerChannelSliderTrack.ColorPickerChannelSliderTrack;
+exports.ColorPickerContent = colorPickerContent.ColorPickerContent;
+exports.useColorPickerContext = colorPickerContext.useColorPickerContext;
+exports.ColorPickerEyeDropperTrigger = colorPickerEyeDropperTrigger.ColorPickerEyeDropperTrigger;
+exports.ColorPickerSwatch = colorPickerSwatch.ColorPickerSwatch;
+exports.ColorPickerSwatchBackground = colorPickerSwatchBackground.ColorPickerSwatchBackground;
+exports.useColorPickerSwatchContext = colorPickerSwatchContext.useColorPickerSwatchContext;
+exports.ColorPickerSwatchGroup = colorPickerSwatchGroup.ColorPickerSwatchGroup;
+exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;

package/color-picker/index.d.ts

@@ -0,0 +1,17 @@
+export { ColorPicker, type ColorPickerProps } from './color-picker';
+export { ColorPickerArea, type ColorPickerAreaProps } from './color-picker-area';
+export { useColorPickerAreaContext } from './color-picker-area-context';
+export { ColorPickerAreaGradient, type ColorPickerAreaGradientProps, } from './color-picker-area-gradient';
+export { ColorPickerAreaThumb, type ColorPickerAreaThumbProps } from './color-picker-area-thumb';
+export { ColorPickerChannelInput, type ColorPickerChannelInputProps, } from './color-picker-channel-input';
+export { ColorPickerChannelSliderBackground, type ColorPickerChannelSliderBackgroundProps, } from './color-picker-channel-slider-background';
+export { ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
+export { ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackProps, } from './color-picker-channel-slider-track';
+export { ColorPickerContent, type ColorPickerContentProps } from './color-picker-content';
+export { useColorPickerContext } from './color-picker-context';
+export { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
+export { ColorPickerSwatch, type ColorPickerSwatchProps } from './color-picker-swatch';
+export { ColorPickerSwatchBackground, type ColorPickerSwatchBackgroundProps, } from './color-picker-swatch-background';
+export { useColorPickerSwatchContext } from './color-picker-swatch-context';
+export { ColorPickerSwatchGroup, type ColorPickerSwatchGroupProps, } from './color-picker-swatch-group';
+export { colorPickerAnatomy } from './color-picker.anatomy';

package/color-picker/index.mjs

@@ -0,0 +1,17 @@
+export { ColorPicker } from './color-picker.mjs';
+export { ColorPickerArea } from './color-picker-area.mjs';
+export { useColorPickerAreaContext } from './color-picker-area-context.mjs';
+export { ColorPickerAreaGradient } from './color-picker-area-gradient.mjs';
+export { ColorPickerAreaThumb } from './color-picker-area-thumb.mjs';
+export { ColorPickerChannelInput } from './color-picker-channel-input.mjs';
+export { ColorPickerChannelSliderBackground } from './color-picker-channel-slider-background.mjs';
+export { ColorPickerChannelSliderThumb } from './color-picker-channel-slider-thumb.mjs';
+export { ColorPickerChannelSliderTrack } from './color-picker-channel-slider-track.mjs';
+export { ColorPickerContent } from './color-picker-content.mjs';
+export { useColorPickerContext } from './color-picker-context.mjs';
+export { ColorPickerEyeDropperTrigger } from './color-picker-eye-dropper-trigger.mjs';
+export { ColorPickerSwatch } from './color-picker-swatch.mjs';
+export { ColorPickerSwatchBackground } from './color-picker-swatch-background.mjs';
+export { useColorPickerSwatchContext } from './color-picker-swatch-context.mjs';
+export { ColorPickerSwatchGroup } from './color-picker-swatch-group.mjs';
+export { colorPickerAnatomy } from './color-picker.anatomy.mjs';

package/color-picker/use-color-picker.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const colorPicker = require('@zag-js/color-picker');
+const solid = require('@zag-js/solid');
+const solidJs = require('solid-js');
+const environmentContext = require('../environment/environment-context.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const colorPicker__namespace = /*#__PURE__*/_interopNamespaceDefault(colorPicker);
+
+const useColorPicker = (props) => {
+  const getRootNode = environmentContext.useEnvironmentContext();
+  const context = solid.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
+  const [state, send] = solid.useMachine(colorPicker__namespace.machine(context), { context });
+  return solidJs.createMemo(() => colorPicker__namespace.connect(state, send, solid.normalizeProps));
+};
+
+exports.useColorPicker = useColorPicker;

package/color-picker/use-color-picker.d.ts

@@ -0,0 +1,7 @@
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
+import * as colorPicker from '@zag-js/color-picker';
+import { type Optional } from '../types';
+export type UseColorPickerProps = Optional<colorPicker.Context, 'id'>;
+export type UseColorPickerReturn = ReturnType<typeof useColorPicker>;
+export declare const useColorPicker: (props: UseColorPickerProps) => Accessor<colorPicker.PublicApi<PropTypes>>;

package/color-picker/use-color-picker.mjs

@@ -0,0 +1,13 @@
+import * as colorPicker from '@zag-js/color-picker';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import { createUniqueId, createMemo } from 'solid-js';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+
+const useColorPicker = (props) => {
+  const getRootNode = useEnvironmentContext();
+  const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+  const [state, send] = useMachine(colorPicker.machine(context), { context });
+  return createMemo(() => colorPicker.connect(state, send, normalizeProps));
+};
+
+export { useColorPicker };

package/combobox/combobox-clear-trigger.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const factory = require('../factory.cjs');
+const comboboxContext = require('./combobox-context.cjs');
+
+const ComboboxClearTrigger = props => {
+  const combobox = comboboxContext.useComboboxContext();
+  const clearTriggerProps = solid.mergeProps(() => combobox().clearTriggerProps, props);
+  return web.createComponent(factory.ark.button, clearTriggerProps);
+};
+
+exports.ComboboxClearTrigger = ComboboxClearTrigger;

package/combobox/combobox-clear-trigger.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export type ComboboxClearTriggerProps = HTMLArkProps<'button'>;
+export declare const ComboboxClearTrigger: (props: ComboboxClearTriggerProps) => JSX.Element;

package/combobox/combobox-clear-trigger.mjs

@@ -0,0 +1,12 @@
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory.mjs';
+import { useComboboxContext } from './combobox-context.mjs';
+
+const ComboboxClearTrigger = props => {
+  const combobox = useComboboxContext();
+  const clearTriggerProps = mergeProps(() => combobox().clearTriggerProps, props);
+  return createComponent(ark.button, clearTriggerProps);
+};
+
+export { ComboboxClearTrigger };

package/combobox/combobox-context.d.ts

@@ -1,58 +1,7 @@
-import type { OptionData, OptionProps, OptionGroupProps } from '@zag-js/combobox';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/combobox';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseComboboxReturn } from './use-combobox';
 export type ComboboxContext = UseComboboxReturn;
-export declare const ComboboxProvider: ContextProviderComponent<Accessor<{
-    isFocused: boolean;
-    isOpen: boolean;
-    isInputValueEmpty: boolean;
-    inputValue: string;
-    focusedOption: OptionData | null;
-    selectedValue: string | undefined;
-    setValue(value: string | OptionData): void;
-    setInputValue(value: string): void;
-    clearValue(): void;
-    focus(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    contentProps: JSX.HTMLAttributes<any>;
-    clearTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    getOptionState(props: OptionProps): {
-        disabled: boolean | undefined;
-        focused: boolean;
-        checked: boolean;
-    };
-    getOptionProps(props: OptionProps): JSX.HTMLAttributes<any>;
-    getOptionGroupProps(props: OptionGroupProps): JSX.HTMLAttributes<any>;
-}>>, useComboboxContext: () => Accessor<{
-    isFocused: boolean;
-    isOpen: boolean;
-    isInputValueEmpty: boolean;
-    inputValue: string;
-    focusedOption: OptionData | null;
-    selectedValue: string | undefined;
-    setValue(value: string | OptionData): void;
-    setInputValue(value: string): void;
-    clearValue(): void;
-    focus(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    contentProps: JSX.HTMLAttributes<any>;
-    clearTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    getOptionState(props: OptionProps): {
-        disabled: boolean | undefined;
-        focused: boolean;
-        checked: boolean;
-    };
-    getOptionProps(props: OptionProps): JSX.HTMLAttributes<any>;
-    getOptionGroupProps(props: OptionGroupProps): JSX.HTMLAttributes<any>;
-}>;
+export declare const ComboboxProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useComboboxContext: () => Accessor<PublicApi<PropTypes>>;

package/combobox/combobox-option-group.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const factory = require('../factory.cjs');
+const comboboxContext = require('./combobox-context.cjs');
+
+const ComboboxOptionGroup = props => {
+  const combobox = comboboxContext.useComboboxContext();
+  const contentProps = solid.mergeProps(() => combobox().contentProps, props);
+  return web.createComponent(factory.ark.ul, contentProps);
+};
+
+exports.ComboboxOptionGroup = ComboboxOptionGroup;

package/combobox/combobox-option-group.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'solid-js';
+import type { OptionGroupProps } from '@zag-js/combobox';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type ComboboxOptionGroupProps = Assign<HTMLArkProps<'ul'>, OptionGroupProps>;
+export declare const ComboboxOptionGroup: (props: ComboboxOptionGroupProps) => JSX.Element;

package/combobox/combobox-option-group.mjs

@@ -0,0 +1,12 @@
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory.mjs';
+import { useComboboxContext } from './combobox-context.mjs';
+
+const ComboboxOptionGroup = props => {
+  const combobox = useComboboxContext();
+  const contentProps = mergeProps(() => combobox().contentProps, props);
+  return createComponent(ark.ul, contentProps);
+};
+
+export { ComboboxOptionGroup };

package/combobox/index.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const combobox = require('./combobox.cjs');
+const comboboxClearTrigger = require('./combobox-clear-trigger.cjs');
+const comboboxContent = require('./combobox-content.cjs');
+const comboboxContext = require('./combobox-context.cjs');
+const comboboxControl = require('./combobox-control.cjs');
+const comboboxInput = require('./combobox-input.cjs');
+const comboboxLabel = require('./combobox-label.cjs');
+const comboboxOption = require('./combobox-option.cjs');
+const comboboxOptionGroup = require('./combobox-option-group.cjs');
+const comboboxPositioner = require('./combobox-positioner.cjs');
+const comboboxTrigger = require('./combobox-trigger.cjs');
+const combobox$1 = require('@zag-js/combobox');
+
+
+
+exports.Combobox = combobox.Combobox;
+exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
+exports.ComboboxContent = comboboxContent.ComboboxContent;
+exports.useComboboxContext = comboboxContext.useComboboxContext;
+exports.ComboboxControl = comboboxControl.ComboboxControl;
+exports.ComboboxInput = comboboxInput.ComboboxInput;
+exports.ComboboxLabel = comboboxLabel.ComboboxLabel;
+exports.ComboboxOption = comboboxOption.ComboboxOption;
+exports.ComboboxOptionGroup = comboboxOptionGroup.ComboboxOptionGroup;
+exports.ComboboxPositioner = comboboxPositioner.ComboboxPositioner;
+exports.ComboboxTrigger = comboboxTrigger.ComboboxTrigger;
+Object.defineProperty(exports, 'comboboxAnatomy', {
+	enumerable: true,
+	get: () => combobox$1.anatomy
+});

package/combobox/index.d.ts

@@ -1,9 +1,12 @@
 export { Combobox, type ComboboxProps } from './combobox';
+export { ComboboxClearTrigger, type ComboboxClearTriggerProps } from './combobox-clear-trigger';
 export { ComboboxContent, type ComboboxContentProps } from './combobox-content';
+export { useComboboxContext } from './combobox-context';
 export { ComboboxControl, type ComboboxControlProps } from './combobox-control';
 export { ComboboxInput, type ComboboxInputProps } from './combobox-input';
 export { ComboboxLabel, type ComboboxLabelProps } from './combobox-label';
 export { ComboboxOption, type ComboboxOptionProps } from './combobox-option';
+export { ComboboxOptionGroup, type ComboboxOptionGroupProps } from './combobox-option-group';
 export { ComboboxPositioner, type ComboboxPositionerProps } from './combobox-positioner';
 export { ComboboxTrigger, type ComboboxTriggerProps } from './combobox-trigger';
 export { comboboxAnatomy } from './combobox.anatomy';

package/combobox/index.mjs

@@ -0,0 +1,12 @@
+export { Combobox } from './combobox.mjs';
+export { ComboboxClearTrigger } from './combobox-clear-trigger.mjs';
+export { ComboboxContent } from './combobox-content.mjs';
+export { useComboboxContext } from './combobox-context.mjs';
+export { ComboboxControl } from './combobox-control.mjs';
+export { ComboboxInput } from './combobox-input.mjs';
+export { ComboboxLabel } from './combobox-label.mjs';
+export { ComboboxOption } from './combobox-option.mjs';
+export { ComboboxOptionGroup } from './combobox-option-group.mjs';
+export { ComboboxPositioner } from './combobox-positioner.mjs';
+export { ComboboxTrigger } from './combobox-trigger.mjs';
+export { anatomy as comboboxAnatomy } from '@zag-js/combobox';

package/combobox/use-combobox.d.ts

@@ -1,32 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as combobox from '@zag-js/combobox';
 import { type Optional } from '../types';
 export type UseComboboxProps = Optional<combobox.Context, 'id'>;
 export type UseComboboxReturn = ReturnType<typeof useCombobox>;
-export declare const useCombobox: (props: UseComboboxProps) => Accessor<{
-    isFocused: boolean;
-    isOpen: boolean;
-    isInputValueEmpty: boolean;
-    inputValue: string;
-    focusedOption: combobox.OptionData | null;
-    selectedValue: string | undefined;
-    setValue(value: string | combobox.OptionData): void;
-    setInputValue(value: string): void;
-    clearValue(): void;
-    focus(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    contentProps: JSX.HTMLAttributes<any>;
-    clearTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    getOptionState(props: combobox.OptionProps): {
-        disabled: boolean | undefined;
-        focused: boolean;
-        checked: boolean;
-    };
-    getOptionProps(props: combobox.OptionProps): JSX.HTMLAttributes<any>;
-    getOptionGroupProps(props: combobox.OptionGroupProps): JSX.HTMLAttributes<any>;
-}>;
+export declare const useCombobox: (props: UseComboboxProps) => Accessor<combobox.PublicApi<PropTypes>>;