@yamada-ui/autocomplete 0.0.0-dev-20231210171713 → 0.0.0-dev-20231211060929

package/dist/autocomplete-create.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteCreate
-} from "./chunk-EL55QO7P.mjs";
+} from "./chunk-DZE2TDMF.mjs";
 export {
   AutocompleteCreate
 };

package/dist/autocomplete-empty.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteEmpty
-} from "./chunk-EL55QO7P.mjs";
+} from "./chunk-DZE2TDMF.mjs";
 export {
   AutocompleteEmpty
 };

package/dist/autocomplete-icon.mjs

@@ -3,7 +3,7 @@ import {
   AutocompleteClearIcon,
   AutocompleteIcon,
   AutocompleteItemIcon
-} from "./chunk-EL55QO7P.mjs";
+} from "./chunk-DZE2TDMF.mjs";
 export {
   AutocompleteClearIcon,
   AutocompleteIcon,

package/dist/autocomplete-list.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteList
-} from "./chunk-EL55QO7P.mjs";
+} from "./chunk-DZE2TDMF.mjs";
 export {
   AutocompleteList
 };

package/dist/autocomplete-option-group.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteOptionGroup
-} from "./chunk-EL55QO7P.mjs";
+} from "./chunk-DZE2TDMF.mjs";
 export {
   AutocompleteOptionGroup
 };

package/dist/autocomplete-option.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteOption
-} from "./chunk-EL55QO7P.mjs";
+} from "./chunk-DZE2TDMF.mjs";
 export {
   AutocompleteOption
 };

package/dist/autocomplete.d.mts

@@ -1,5 +1,6 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
+import { PortalProps } from '@yamada-ui/portal';
 import { AutocompleteIconProps } from './autocomplete-icon.mjs';
 import { AutocompleteListProps } from './autocomplete-list.mjs';
 import { c as UseAutocompleteProps } from './use-autocomplete-PdT_PKFf.mjs';
@@ -34,6 +35,13 @@ type AutocompleteOptions = {
      * Props for autocomplete icon element.
      */
     iconProps?: AutocompleteIconProps;
+    /**
+     * Props to be forwarded to the portal component.
+     *
+     * @default '{ isDisabled: true }'
+     *
+     */
+    portalProps?: Omit<PortalProps, "children">;
 };
 type AutocompleteProps = ThemeProps<"Select"> & Omit<UseAutocompleteProps<string>, "maxSelectedValues" | "omitSelectedValues"> & AutocompleteOptions;
 declare const Autocomplete: _yamada_ui_core.Component<"input", AutocompleteProps>;

package/dist/autocomplete.d.ts

@@ -1,5 +1,6 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
+import { PortalProps } from '@yamada-ui/portal';
 import { AutocompleteIconProps } from './autocomplete-icon.js';
 import { AutocompleteListProps } from './autocomplete-list.js';
 import { c as UseAutocompleteProps } from './use-autocomplete-PdT_PKFf.js';
@@ -34,6 +35,13 @@ type AutocompleteOptions = {
      * Props for autocomplete icon element.
      */
     iconProps?: AutocompleteIconProps;
+    /**
+     * Props to be forwarded to the portal component.
+     *
+     * @default '{ isDisabled: true }'
+     *
+     */
+    portalProps?: Omit<PortalProps, "children">;
 };
 type AutocompleteProps = ThemeProps<"Select"> & Omit<UseAutocompleteProps<string>, "maxSelectedValues" | "omitSelectedValues"> & AutocompleteOptions;
 declare const Autocomplete: _yamada_ui_core.Component<"input", AutocompleteProps>;

package/dist/autocomplete.js

@@ -26,6 +26,7 @@ __export(autocomplete_exports, {
 module.exports = __toCommonJS(autocomplete_exports);
 var import_core8 = require("@yamada-ui/core");
 var import_popover3 = require("@yamada-ui/popover");
+var import_portal = require("@yamada-ui/portal");
 var import_utils8 = require("@yamada-ui/utils");
 
 // src/autocomplete-icon.tsx
@@ -1497,6 +1498,7 @@ var Autocomplete = (0, import_core8.forwardRef)(
       listProps,
       inputProps,
       iconProps,
+      portalProps = { isDisabled: false },
       children,
       ...computedProps
     } = (0, import_core8.omitThemeProps)(mergedProps);
@@ -1557,10 +1559,10 @@ var Autocomplete = (0, import_core8.forwardRef)(
                   ]
                 }
               ),
-              !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AutocompleteList, { ...listProps, children: [
+              !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_portal.Portal, { ...portalProps, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AutocompleteList, { ...listProps, children: [
                 allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}) })
+              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_portal.Portal, { ...portalProps, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}) }) })
             ]
           }
         ) })

package/dist/autocomplete.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   Autocomplete
-} from "./chunk-EL55QO7P.mjs";
+} from "./chunk-DZE2TDMF.mjs";
 export {
   Autocomplete
 };

package/dist/{chunk-EL55QO7P.mjs → chunk-DZE2TDMF.mjs}

@@ -44,6 +44,7 @@ import {
   omitThemeProps
 } from "@yamada-ui/core";
 import { Popover, PopoverTrigger } from "@yamada-ui/popover";
+import { Portal } from "@yamada-ui/portal";
 import { cx as cx2 } from "@yamada-ui/utils";
 
 // src/autocomplete-icon.tsx
@@ -153,6 +154,7 @@ var Autocomplete = forwardRef2(
       listProps,
       inputProps,
       iconProps,
+      portalProps = { isDisabled: false },
       children,
       ...computedProps
     } = omitThemeProps(mergedProps);
@@ -213,10 +215,10 @@ var Autocomplete = forwardRef2(
                   ]
                 }
               ),
-              !isEmpty ? /* @__PURE__ */ jsxs(AutocompleteList, { ...listProps, children: [
+              !isEmpty ? /* @__PURE__ */ jsx2(Portal, { ...portalProps, children: /* @__PURE__ */ jsxs(AutocompleteList, { ...listProps, children: [
                 allowCreate ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
-              ] }) : /* @__PURE__ */ jsx2(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}) })
+              ] }) }) : /* @__PURE__ */ jsx2(Portal, { ...portalProps, children: /* @__PURE__ */ jsx2(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}) }) })
             ]
           }
         ) })
@@ -447,6 +449,7 @@ import {
   omitThemeProps as omitThemeProps2
 } from "@yamada-ui/core";
 import { Popover as Popover2, PopoverTrigger as PopoverTrigger2 } from "@yamada-ui/popover";
+import { Portal as Portal2 } from "@yamada-ui/portal";
 import { cx as cx7, handlerAll } from "@yamada-ui/utils";
 import { cloneElement as cloneElement2, useMemo } from "react";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -474,6 +477,7 @@ var MultiAutocomplete = forwardRef7(
       inputProps,
       iconProps,
       clearIconProps,
+      portalProps = { isDisabled: false },
       children,
       ...computedProps
     } = omitThemeProps2(mergedProps);
@@ -552,10 +556,10 @@ var MultiAutocomplete = forwardRef7(
                   ]
                 }
               ),
-              !isEmpty ? /* @__PURE__ */ jsxs6(AutocompleteList, { ...listProps, children: [
+              !isEmpty ? /* @__PURE__ */ jsx7(Portal2, { ...portalProps, children: /* @__PURE__ */ jsxs6(AutocompleteList, { ...listProps, children: [
                 allowCreate ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
-              ] }) : /* @__PURE__ */ jsx7(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}) })
+              ] }) }) : /* @__PURE__ */ jsx7(Portal2, { ...portalProps, children: /* @__PURE__ */ jsx7(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}) }) })
             ]
           }
         ) })

package/dist/index.d.mts

@@ -5,6 +5,7 @@ export { AutocompleteCreate, AutocompleteCreateProps } from './autocomplete-crea
 export { AutocompleteEmpty, AutocompleteEmptyProps } from './autocomplete-empty.mjs';
 export { MultiAutocomplete, MultiAutocompleteProps } from './multi-autocomplete.mjs';
 import '@yamada-ui/core';
+import '@yamada-ui/portal';
 import './autocomplete-icon.mjs';
 import 'react';
 import './autocomplete-list.mjs';

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { AutocompleteCreate, AutocompleteCreateProps } from './autocomplete-crea
 export { AutocompleteEmpty, AutocompleteEmptyProps } from './autocomplete-empty.js';
 export { MultiAutocomplete, MultiAutocompleteProps } from './multi-autocomplete.js';
 import '@yamada-ui/core';
+import '@yamada-ui/portal';
 import './autocomplete-icon.js';
 import 'react';
 import './autocomplete-list.js';

package/dist/index.js

@@ -33,6 +33,7 @@ module.exports = __toCommonJS(src_exports);
 // src/autocomplete.tsx
 var import_core4 = require("@yamada-ui/core");
 var import_popover3 = require("@yamada-ui/popover");
+var import_portal = require("@yamada-ui/portal");
 var import_utils4 = require("@yamada-ui/utils");
 
 // src/autocomplete-icon.tsx
@@ -1347,6 +1348,7 @@ var Autocomplete = (0, import_core4.forwardRef)(
       listProps,
       inputProps,
       iconProps,
+      portalProps = { isDisabled: false },
       children,
       ...computedProps
     } = (0, import_core4.omitThemeProps)(mergedProps);
@@ -1407,10 +1409,10 @@ var Autocomplete = (0, import_core4.forwardRef)(
                   ]
                 }
               ),
-              !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AutocompleteList, { ...listProps, children: [
+              !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_portal.Portal, { ...portalProps, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AutocompleteList, { ...listProps, children: [
                 allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteEmpty, {}) })
+              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_portal.Portal, { ...portalProps, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteEmpty, {}) }) })
             ]
           }
         ) })
@@ -1636,6 +1638,7 @@ var MinusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { view
 // src/multi-autocomplete.tsx
 var import_core9 = require("@yamada-ui/core");
 var import_popover4 = require("@yamada-ui/popover");
+var import_portal2 = require("@yamada-ui/portal");
 var import_utils9 = require("@yamada-ui/utils");
 var import_react3 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
@@ -1663,6 +1666,7 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
       inputProps,
       iconProps,
       clearIconProps,
+      portalProps = { isDisabled: false },
       children,
       ...computedProps
     } = (0, import_core9.omitThemeProps)(mergedProps);
@@ -1741,10 +1745,10 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
                   ]
                 }
               ),
-              !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(AutocompleteList, { ...listProps, children: [
+              !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_portal2.Portal, { ...portalProps, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(AutocompleteList, { ...listProps, children: [
                 allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteEmpty, {}) })
+              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_portal2.Portal, { ...portalProps, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteEmpty, {}) }) })
             ]
           }
         ) })

package/dist/index.mjs

@@ -6,7 +6,7 @@ import {
   AutocompleteOption,
   AutocompleteOptionGroup,
   MultiAutocomplete
-} from "./chunk-EL55QO7P.mjs";
+} from "./chunk-DZE2TDMF.mjs";
 export {
   Autocomplete,
   AutocompleteCreate,

package/dist/multi-autocomplete.d.mts

@@ -1,5 +1,6 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
+import { PortalProps } from '@yamada-ui/portal';
 import { FC, MouseEventHandler } from 'react';
 import { AutocompleteIconProps } from './autocomplete-icon.mjs';
 import { AutocompleteListProps } from './autocomplete-list.mjs';
@@ -65,6 +66,13 @@ type MultiAutocompleteOptions = {
      * Props for multi autocomplete clear icon element.
      */
     clearIconProps?: AutocompleteIconProps;
+    /**
+     * Props to be forwarded to the portal component.
+     *
+     * @default '{ isDisabled: true }'
+     *
+     */
+    portalProps?: Omit<PortalProps, "children">;
 };
 type MultiAutocompleteProps = ThemeProps<"Select"> & UseAutocompleteProps<string[]> & MultiAutocompleteOptions;
 declare const MultiAutocomplete: _yamada_ui_core.Component<"div", MultiAutocompleteProps>;

package/dist/multi-autocomplete.d.ts

@@ -1,5 +1,6 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
+import { PortalProps } from '@yamada-ui/portal';
 import { FC, MouseEventHandler } from 'react';
 import { AutocompleteIconProps } from './autocomplete-icon.js';
 import { AutocompleteListProps } from './autocomplete-list.js';
@@ -65,6 +66,13 @@ type MultiAutocompleteOptions = {
      * Props for multi autocomplete clear icon element.
      */
     clearIconProps?: AutocompleteIconProps;
+    /**
+     * Props to be forwarded to the portal component.
+     *
+     * @default '{ isDisabled: true }'
+     *
+     */
+    portalProps?: Omit<PortalProps, "children">;
 };
 type MultiAutocompleteProps = ThemeProps<"Select"> & UseAutocompleteProps<string[]> & MultiAutocompleteOptions;
 declare const MultiAutocomplete: _yamada_ui_core.Component<"div", MultiAutocompleteProps>;

package/dist/multi-autocomplete.js

@@ -26,6 +26,7 @@ __export(multi_autocomplete_exports, {
 module.exports = __toCommonJS(multi_autocomplete_exports);
 var import_core8 = require("@yamada-ui/core");
 var import_popover3 = require("@yamada-ui/popover");
+var import_portal = require("@yamada-ui/portal");
 var import_utils8 = require("@yamada-ui/utils");
 var import_react3 = require("react");
 
@@ -1530,6 +1531,7 @@ var MultiAutocomplete = (0, import_core8.forwardRef)(
       inputProps,
       iconProps,
       clearIconProps,
+      portalProps = { isDisabled: false },
       children,
       ...computedProps
     } = (0, import_core8.omitThemeProps)(mergedProps);
@@ -1608,10 +1610,10 @@ var MultiAutocomplete = (0, import_core8.forwardRef)(
                   ]
                 }
               ),
-              !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AutocompleteList, { ...listProps, children: [
+              !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_portal.Portal, { ...portalProps, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AutocompleteList, { ...listProps, children: [
                 allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}) })
+              ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_portal.Portal, { ...portalProps, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}) }) })
             ]
           }
         ) })

package/dist/multi-autocomplete.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   MultiAutocomplete
-} from "./chunk-EL55QO7P.mjs";
+} from "./chunk-DZE2TDMF.mjs";
 export {
   MultiAutocomplete
 };

package/dist/use-autocomplete.mjs

@@ -13,7 +13,7 @@ import {
   useAutocompleteList,
   useAutocompleteOption,
   useAutocompleteOptionGroup
-} from "./chunk-EL55QO7P.mjs";
+} from "./chunk-DZE2TDMF.mjs";
 export {
   AutocompleteDescendantsContextProvider,
   AutocompleteProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/autocomplete",
-  "version": "0.0.0-dev-20231210171713",
+  "version": "0.0.0-dev-20231211060929",
   "description": "Yamada UI autocomplete component",
   "keywords": [
     "yamada",
@@ -39,13 +39,14 @@
     "@yamada-ui/core": "0.13.2",
     "@yamada-ui/utils": "0.4.1",
     "@yamada-ui/icon": "0.3.21",
-    "@yamada-ui/select": "0.0.0-dev-20231210171713",
+    "@yamada-ui/select": "0.0.0-dev-20231211060929",
     "@yamada-ui/form-control": "0.3.24",
     "@yamada-ui/popover": "0.3.28",
     "@yamada-ui/use-descendant": "0.2.9",
     "@yamada-ui/use-clickable": "0.3.8",
     "@yamada-ui/use-outside-click": "0.2.8",
-    "@yamada-ui/use-controllable-state": "0.4.2"
+    "@yamada-ui/use-controllable-state": "0.4.2",
+    "@yamada-ui/portal": "0.3.9"
   },
   "devDependencies": {
     "react": "^18.0.0",