UNPKG

@ark-ui/react

Version:

A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.

56 lines (49 loc) 1.68 kB
'use client'; 'use strict'; Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); const combobox = require('@zag-js/combobox'); const react$1 = require('@zag-js/react'); const react = require('react'); const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs'); const useLocaleContext = require('../../providers/locale/use-locale-context.cjs'); const useFieldContext = require('../field/use-field-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 combobox__namespace = /*#__PURE__*/_interopNamespaceDefault(combobox); const useCombobox = (props) => { const id = react.useId(); const { dir } = useLocaleContext.useLocaleContext(); const { getRootNode } = useEnvironmentContext.useEnvironmentContext(); const field = useFieldContext.useFieldContext(); const machineProps = { id, ids: { label: field?.ids.label, input: field?.ids.control }, disabled: field?.disabled, readOnly: field?.readOnly, required: field?.required, invalid: field?.invalid, dir, getRootNode, ...props }; const service = react$1.useMachine(combobox__namespace.machine, machineProps); return combobox__namespace.connect(service, react$1.normalizeProps); }; exports.useCombobox = useCombobox;