@yamada-ui/autocomplete 0.0.0-dev-20231125112239 → 0.0.0-dev-20231125122836

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/autocomplete-create.mjs +1 -1
  2. package/dist/autocomplete-empty.mjs +1 -1
  3. package/dist/autocomplete-icon.mjs +1 -1
  4. package/dist/autocomplete-list.mjs +1 -1
  5. package/dist/autocomplete-option-group.mjs +1 -1
  6. package/dist/autocomplete-option.mjs +1 -1
  7. package/dist/autocomplete.js +17 -8
  8. package/dist/autocomplete.mjs +1 -1
  9. package/dist/{chunk-FUKAI7NL.mjs → chunk-IXZ5VUE3.mjs} +46 -29
  10. package/dist/index.js +46 -29
  11. package/dist/index.mjs +1 -1
  12. package/dist/multi-autocomplete.js +30 -21
  13. package/dist/multi-autocomplete.mjs +1 -1
  14. package/dist/use-autocomplete.js +1 -0
  15. package/dist/use-autocomplete.mjs +1 -1
  16. package/package.json +10 -10
package/dist/autocomplete-create.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  AutocompleteCreate
4
- } from "./chunk-FUKAI7NL.mjs";
4
+ } from "./chunk-IXZ5VUE3.mjs";
5
5
  export {
6
6
  AutocompleteCreate
7
7
  };
package/dist/autocomplete-empty.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  AutocompleteEmpty
4
- } from "./chunk-FUKAI7NL.mjs";
4
+ } from "./chunk-IXZ5VUE3.mjs";
5
5
  export {
6
6
  AutocompleteEmpty
7
7
  };
package/dist/autocomplete-icon.mjs CHANGED
@@ -3,7 +3,7 @@ import {
3
3
  AutocompleteClearIcon,
4
4
  AutocompleteIcon,
5
5
  AutocompleteItemIcon
6
- } from "./chunk-FUKAI7NL.mjs";
6
+ } from "./chunk-IXZ5VUE3.mjs";
7
7
  export {
8
8
  AutocompleteClearIcon,
9
9
  AutocompleteIcon,
package/dist/autocomplete-list.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  AutocompleteList
4
- } from "./chunk-FUKAI7NL.mjs";
4
+ } from "./chunk-IXZ5VUE3.mjs";
5
5
  export {
6
6
  AutocompleteList
7
7
  };
package/dist/autocomplete-option-group.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  AutocompleteOptionGroup
4
- } from "./chunk-FUKAI7NL.mjs";
4
+ } from "./chunk-IXZ5VUE3.mjs";
5
5
  export {
6
6
  AutocompleteOptionGroup
7
7
  };
package/dist/autocomplete-option.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  AutocompleteOption
4
- } from "./chunk-FUKAI7NL.mjs";
4
+ } from "./chunk-IXZ5VUE3.mjs";
5
5
  export {
6
6
  AutocompleteOption
7
7
  };
package/dist/autocomplete.js CHANGED
@@ -942,6 +942,7 @@ var useAutocomplete = ({
942
942
  });
943
943
  const getPopoverProps = (0, import_react.useCallback)(
944
944
  (props) => ({
945
+ matchWidth: true,
945
946
  ...rest,
946
947
  ...props,
947
948
  isOpen,
@@ -1479,7 +1480,6 @@ var Autocomplete = (0, import_core8.forwardRef)(
1479
1480
  h != null ? h : h = height;
1480
1481
  minH != null ? minH : minH = minHeight;
1481
1482
  const css = {
1482
- position: "relative",
1483
1483
  w: "100%",
1484
1484
  h: "fit-content",
1485
1485
  color,
@@ -1503,16 +1503,25 @@ var Autocomplete = (0, import_core8.forwardRef)(
1503
1503
  __css: css,
1504
1504
  ...getContainerProps(containerProps),
1505
1505
  children: [
1506
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1507
- AutocompleteField,
1506
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1507
+ import_core8.ui.div,
1508
1508
  {
1509
- h,
1510
- minH,
1511
- inputProps,
1512
- ...getFieldProps({}, ref)
1509
+ className: "ui-autocomplete__inner",
1510
+ __css: { position: "relative", ...styles.inner },
1511
+ children: [
1512
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1513
+ AutocompleteField,
1514
+ {
1515
+ h,
1516
+ minH,
1517
+ inputProps,
1518
+ ...getFieldProps({}, ref)
1519
+ }
1520
+ ),
1521
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps })
1522
+ ]
1513
1523
  }
1514
1524
  ),
1515
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps }),
1516
1525
  !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AutocompleteList, { ...listProps, children: [
1517
1526
  allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}),
1518
1527
  children != null ? children : computedChildren
package/dist/autocomplete.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  Autocomplete
4
- } from "./chunk-FUKAI7NL.mjs";
4
+ } from "./chunk-IXZ5VUE3.mjs";
5
5
  export {
6
6
  Autocomplete
7
7
  };
package/dist/{chunk-FUKAI7NL.mjs → chunk-IXZ5VUE3.mjs} RENAMED
@@ -171,7 +171,6 @@ var Autocomplete = forwardRef2(
171
171
  h != null ? h : h = height;
172
172
  minH != null ? minH : minH = minHeight;
173
173
  const css = {
174
- position: "relative",
175
174
  w: "100%",
176
175
  h: "fit-content",
177
176
  color,
@@ -195,16 +194,25 @@ var Autocomplete = forwardRef2(
195
194
  __css: css,
196
195
  ...getContainerProps(containerProps),
197
196
  children: [
198
- /* @__PURE__ */ jsx2(
199
- AutocompleteField,
197
+ /* @__PURE__ */ jsxs(
198
+ ui2.div,
200
199
  {
201
- h,
202
- minH,
203
- inputProps,
204
- ...getFieldProps({}, ref)
200
+ className: "ui-autocomplete__inner",
201
+ __css: { position: "relative", ...styles.inner },
202
+ children: [
203
+ /* @__PURE__ */ jsx2(
204
+ AutocompleteField,
205
+ {
206
+ h,
207
+ minH,
208
+ inputProps,
209
+ ...getFieldProps({}, ref)
210
+ }
211
+ ),
212
+ /* @__PURE__ */ jsx2(AutocompleteIcon, { ...iconProps, ...formControlProps })
213
+ ]
205
214
  }
206
215
  ),
207
- /* @__PURE__ */ jsx2(AutocompleteIcon, { ...iconProps, ...formControlProps }),
208
216
  !isEmpty ? /* @__PURE__ */ jsxs(AutocompleteList, { ...listProps, children: [
209
217
  allowCreate ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}),
210
218
  children != null ? children : computedChildren
@@ -491,7 +499,6 @@ var MultiAutocomplete = forwardRef7(
491
499
  h != null ? h : h = height;
492
500
  minH != null ? minH : minH = minHeight;
493
501
  const css = {
494
- position: "relative",
495
502
  w: "100%",
496
503
  h: "fit-content",
497
504
  color,
@@ -512,30 +519,39 @@ var MultiAutocomplete = forwardRef7(
512
519
  children: /* @__PURE__ */ jsx7(Popover2, { ...getPopoverProps(), children: /* @__PURE__ */ jsxs6(
513
520
  ui7.div,
514
521
  {
515
- className: cx7("ui-autocomplete", className),
522
+ className: cx7("ui-multi-autocomplete", className),
516
523
  __css: css,
517
524
  ...getContainerProps(containerProps),
518
525
  children: [
519
- /* @__PURE__ */ jsx7(
520
- MultiAutocompleteField,
526
+ /* @__PURE__ */ jsxs6(
527
+ ui7.div,
521
528
  {
522
- component,
523
- separator,
524
- keepPlaceholder,
525
- h,
526
- minH,
527
- inputProps,
528
- ...getFieldProps({}, ref)
529
+ className: "ui-multi-autocomplete__inner",
530
+ __css: { position: "relative", ...styles.inner },
531
+ children: [
532
+ /* @__PURE__ */ jsx7(
533
+ MultiAutocompleteField,
534
+ {
535
+ component,
536
+ separator,
537
+ keepPlaceholder,
538
+ h,
539
+ minH,
540
+ inputProps,
541
+ ...getFieldProps({}, ref)
542
+ }
543
+ ),
544
+ isClearable && value.length ? /* @__PURE__ */ jsx7(
545
+ AutocompleteClearIcon,
546
+ {
547
+ ...clearIconProps,
548
+ onClick: handlerAll(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
549
+ ...formControlProps
550
+ }
551
+ ) : /* @__PURE__ */ jsx7(AutocompleteIcon, { ...iconProps, ...formControlProps })
552
+ ]
529
553
  }
530
554
  ),
531
- isClearable && value.length ? /* @__PURE__ */ jsx7(
532
- AutocompleteClearIcon,
533
- {
534
- ...clearIconProps,
535
- onClick: handlerAll(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
536
- ...formControlProps
537
- }
538
- ) : /* @__PURE__ */ jsx7(AutocompleteIcon, { ...iconProps, ...formControlProps }),
539
555
  !isEmpty ? /* @__PURE__ */ jsxs6(AutocompleteList, { ...listProps, children: [
540
556
  allowCreate ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}),
541
557
  children != null ? children : computedChildren
@@ -617,7 +633,7 @@ var MultiAutocompleteField = forwardRef7(
617
633
  return /* @__PURE__ */ jsx7(PopoverTrigger2, { children: /* @__PURE__ */ jsxs6(
618
634
  ui7.div,
619
635
  {
620
- className: cx7("ui-autocomplete__field", className),
636
+ className: cx7("ui-multi-autocomplete__field", className),
621
637
  __css: css,
622
638
  py: (displayValue == null ? void 0 : displayValue.length) && component ? "0.125rem" : void 0,
623
639
  ...rest,
@@ -626,7 +642,7 @@ var MultiAutocompleteField = forwardRef7(
626
642
  /* @__PURE__ */ jsx7(
627
643
  ui7.input,
628
644
  {
629
- className: cx7("ui-autocomplete__field__input", className),
645
+ className: "ui-multi-autocomplete__field__input",
630
646
  display: "inline-block",
631
647
  flex: "1",
632
648
  overflow: "hidden",
@@ -1335,6 +1351,7 @@ var useAutocomplete = ({
1335
1351
  });
1336
1352
  const getPopoverProps = useCallback(
1337
1353
  (props) => ({
1354
+ matchWidth: true,
1338
1355
  ...rest,
1339
1356
  ...props,
1340
1357
  isOpen,
package/dist/index.js CHANGED
@@ -743,6 +743,7 @@ var useAutocomplete = ({
743
743
  });
744
744
  const getPopoverProps = (0, import_react.useCallback)(
745
745
  (props) => ({
746
+ matchWidth: true,
746
747
  ...rest,
747
748
  ...props,
748
749
  isOpen,
@@ -1329,7 +1330,6 @@ var Autocomplete = (0, import_core4.forwardRef)(
1329
1330
  h != null ? h : h = height;
1330
1331
  minH != null ? minH : minH = minHeight;
1331
1332
  const css = {
1332
- position: "relative",
1333
1333
  w: "100%",
1334
1334
  h: "fit-content",
1335
1335
  color,
@@ -1353,16 +1353,25 @@ var Autocomplete = (0, import_core4.forwardRef)(
1353
1353
  __css: css,
1354
1354
  ...getContainerProps(containerProps),
1355
1355
  children: [
1356
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1357
- AutocompleteField,
1356
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
1357
+ import_core4.ui.div,
1358
1358
  {
1359
- h,
1360
- minH,
1361
- inputProps,
1362
- ...getFieldProps({}, ref)
1359
+ className: "ui-autocomplete__inner",
1360
+ __css: { position: "relative", ...styles.inner },
1361
+ children: [
1362
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1363
+ AutocompleteField,
1364
+ {
1365
+ h,
1366
+ minH,
1367
+ inputProps,
1368
+ ...getFieldProps({}, ref)
1369
+ }
1370
+ ),
1371
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps })
1372
+ ]
1363
1373
  }
1364
1374
  ),
1365
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps }),
1366
1375
  !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AutocompleteList, { ...listProps, children: [
1367
1376
  allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteEmpty, {}),
1368
1377
  children != null ? children : computedChildren
@@ -1644,7 +1653,6 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
1644
1653
  h != null ? h : h = height;
1645
1654
  minH != null ? minH : minH = minHeight;
1646
1655
  const css = {
1647
- position: "relative",
1648
1656
  w: "100%",
1649
1657
  h: "fit-content",
1650
1658
  color,
@@ -1665,30 +1673,39 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
1665
1673
  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_popover4.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
1666
1674
  import_core9.ui.div,
1667
1675
  {
1668
- className: (0, import_utils9.cx)("ui-autocomplete", className),
1676
+ className: (0, import_utils9.cx)("ui-multi-autocomplete", className),
1669
1677
  __css: css,
1670
1678
  ...getContainerProps(containerProps),
1671
1679
  children: [
1672
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1673
- MultiAutocompleteField,
1680
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
1681
+ import_core9.ui.div,
1674
1682
  {
1675
- component,
1676
- separator,
1677
- keepPlaceholder,
1678
- h,
1679
- minH,
1680
- inputProps,
1681
- ...getFieldProps({}, ref)
1683
+ className: "ui-multi-autocomplete__inner",
1684
+ __css: { position: "relative", ...styles.inner },
1685
+ children: [
1686
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1687
+ MultiAutocompleteField,
1688
+ {
1689
+ component,
1690
+ separator,
1691
+ keepPlaceholder,
1692
+ h,
1693
+ minH,
1694
+ inputProps,
1695
+ ...getFieldProps({}, ref)
1696
+ }
1697
+ ),
1698
+ isClearable && value.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1699
+ AutocompleteClearIcon,
1700
+ {
1701
+ ...clearIconProps,
1702
+ onClick: (0, import_utils9.handlerAll)(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
1703
+ ...formControlProps
1704
+ }
1705
+ ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps })
1706
+ ]
1682
1707
  }
1683
1708
  ),
1684
- isClearable && value.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1685
- AutocompleteClearIcon,
1686
- {
1687
- ...clearIconProps,
1688
- onClick: (0, import_utils9.handlerAll)(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
1689
- ...formControlProps
1690
- }
1691
- ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps }),
1692
1709
  !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(AutocompleteList, { ...listProps, children: [
1693
1710
  allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteEmpty, {}),
1694
1711
  children != null ? children : computedChildren
@@ -1770,7 +1787,7 @@ var MultiAutocompleteField = (0, import_core9.forwardRef)(
1770
1787
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_popover4.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
1771
1788
  import_core9.ui.div,
1772
1789
  {
1773
- className: (0, import_utils9.cx)("ui-autocomplete__field", className),
1790
+ className: (0, import_utils9.cx)("ui-multi-autocomplete__field", className),
1774
1791
  __css: css,
1775
1792
  py: (displayValue == null ? void 0 : displayValue.length) && component ? "0.125rem" : void 0,
1776
1793
  ...rest,
@@ -1779,7 +1796,7 @@ var MultiAutocompleteField = (0, import_core9.forwardRef)(
1779
1796
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1780
1797
  import_core9.ui.input,
1781
1798
  {
1782
- className: (0, import_utils9.cx)("ui-autocomplete__field__input", className),
1799
+ className: "ui-multi-autocomplete__field__input",
1783
1800
  display: "inline-block",
1784
1801
  flex: "1",
1785
1802
  overflow: "hidden",
package/dist/index.mjs CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  AutocompleteOption,
7
7
  AutocompleteOptionGroup,
8
8
  MultiAutocomplete
9
- } from "./chunk-FUKAI7NL.mjs";
9
+ } from "./chunk-IXZ5VUE3.mjs";
10
10
  export {
11
11
  Autocomplete,
12
12
  AutocompleteCreate,
package/dist/multi-autocomplete.js CHANGED
@@ -943,6 +943,7 @@ var useAutocomplete = ({
943
943
  });
944
944
  const getPopoverProps = (0, import_react.useCallback)(
945
945
  (props) => ({
946
+ matchWidth: true,
946
947
  ...rest,
947
948
  ...props,
948
949
  isOpen,
@@ -1519,7 +1520,6 @@ var MultiAutocomplete = (0, import_core8.forwardRef)(
1519
1520
  h != null ? h : h = height;
1520
1521
  minH != null ? minH : minH = minHeight;
1521
1522
  const css = {
1522
- position: "relative",
1523
1523
  w: "100%",
1524
1524
  h: "fit-content",
1525
1525
  color,
@@ -1540,30 +1540,39 @@ var MultiAutocomplete = (0, import_core8.forwardRef)(
1540
1540
  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover3.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1541
1541
  import_core8.ui.div,
1542
1542
  {
1543
- className: (0, import_utils8.cx)("ui-autocomplete", className),
1543
+ className: (0, import_utils8.cx)("ui-multi-autocomplete", className),
1544
1544
  __css: css,
1545
1545
  ...getContainerProps(containerProps),
1546
1546
  children: [
1547
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1548
- MultiAutocompleteField,
1547
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1548
+ import_core8.ui.div,
1549
1549
  {
1550
- component,
1551
- separator,
1552
- keepPlaceholder,
1553
- h,
1554
- minH,
1555
- inputProps,
1556
- ...getFieldProps({}, ref)
1550
+ className: "ui-multi-autocomplete__inner",
1551
+ __css: { position: "relative", ...styles.inner },
1552
+ children: [
1553
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1554
+ MultiAutocompleteField,
1555
+ {
1556
+ component,
1557
+ separator,
1558
+ keepPlaceholder,
1559
+ h,
1560
+ minH,
1561
+ inputProps,
1562
+ ...getFieldProps({}, ref)
1563
+ }
1564
+ ),
1565
+ isClearable && value.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1566
+ AutocompleteClearIcon,
1567
+ {
1568
+ ...clearIconProps,
1569
+ onClick: (0, import_utils8.handlerAll)(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
1570
+ ...formControlProps
1571
+ }
1572
+ ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps })
1573
+ ]
1557
1574
  }
1558
1575
  ),
1559
- isClearable && value.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1560
- AutocompleteClearIcon,
1561
- {
1562
- ...clearIconProps,
1563
- onClick: (0, import_utils8.handlerAll)(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
1564
- ...formControlProps
1565
- }
1566
- ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps }),
1567
1576
  !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AutocompleteList, { ...listProps, children: [
1568
1577
  allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}),
1569
1578
  children != null ? children : computedChildren
@@ -1645,7 +1654,7 @@ var MultiAutocompleteField = (0, import_core8.forwardRef)(
1645
1654
  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover3.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1646
1655
  import_core8.ui.div,
1647
1656
  {
1648
- className: (0, import_utils8.cx)("ui-autocomplete__field", className),
1657
+ className: (0, import_utils8.cx)("ui-multi-autocomplete__field", className),
1649
1658
  __css: css,
1650
1659
  py: (displayValue == null ? void 0 : displayValue.length) && component ? "0.125rem" : void 0,
1651
1660
  ...rest,
@@ -1654,7 +1663,7 @@ var MultiAutocompleteField = (0, import_core8.forwardRef)(
1654
1663
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1655
1664
  import_core8.ui.input,
1656
1665
  {
1657
- className: (0, import_utils8.cx)("ui-autocomplete__field__input", className),
1666
+ className: "ui-multi-autocomplete__field__input",
1658
1667
  display: "inline-block",
1659
1668
  flex: "1",
1660
1669
  overflow: "hidden",
package/dist/multi-autocomplete.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  MultiAutocomplete
4
- } from "./chunk-FUKAI7NL.mjs";
4
+ } from "./chunk-IXZ5VUE3.mjs";
5
5
  export {
6
6
  MultiAutocomplete
7
7
  };
package/dist/use-autocomplete.js CHANGED
@@ -894,6 +894,7 @@ var useAutocomplete = ({
894
894
  });
895
895
  const getPopoverProps = (0, import_react2.useCallback)(
896
896
  (props) => ({
897
+ matchWidth: true,
897
898
  ...rest,
898
899
  ...props,
899
900
  isOpen,
package/dist/use-autocomplete.mjs CHANGED
@@ -13,7 +13,7 @@ import {
13
13
  useAutocompleteList,
14
14
  useAutocompleteOption,
15
15
  useAutocompleteOptionGroup
16
- } from "./chunk-FUKAI7NL.mjs";
16
+ } from "./chunk-IXZ5VUE3.mjs";
17
17
  export {
18
18
  AutocompleteDescendantsContextProvider,
19
19
  AutocompleteProvider,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/autocomplete",
3
- "version": "0.0.0-dev-20231125112239",
3
+ "version": "0.0.0-dev-20231125122836",
4
4
  "description": "Yamada UI autocomplete component",
5
5
  "keywords": [
6
6
  "yamada",
@@ -36,16 +36,16 @@
36
36
  "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
37
37
  },
38
38
  "dependencies": {
39
- "@yamada-ui/core": "0.0.0-dev-20231125112239",
39
+ "@yamada-ui/core": "0.0.0-dev-20231125122836",
40
40
  "@yamada-ui/utils": "0.3.3",
41
- "@yamada-ui/icon": "0.0.0-dev-20231125112239",
42
- "@yamada-ui/select": "0.0.0-dev-20231125112239",
43
- "@yamada-ui/form-control": "0.0.0-dev-20231125112239",
44
- "@yamada-ui/popover": "0.0.0-dev-20231125112239",
45
- "@yamada-ui/use-descendant": "0.0.0-dev-20231125112239",
46
- "@yamada-ui/use-clickable": "0.0.0-dev-20231125112239",
47
- "@yamada-ui/use-outside-click": "0.0.0-dev-20231125112239",
48
- "@yamada-ui/use-controllable-state": "0.0.0-dev-20231125112239"
41
+ "@yamada-ui/icon": "0.0.0-dev-20231125122836",
42
+ "@yamada-ui/select": "0.0.0-dev-20231125122836",
43
+ "@yamada-ui/form-control": "0.0.0-dev-20231125122836",
44
+ "@yamada-ui/popover": "0.0.0-dev-20231125122836",
45
+ "@yamada-ui/use-descendant": "0.0.0-dev-20231125122836",
46
+ "@yamada-ui/use-clickable": "0.0.0-dev-20231125122836",
47
+ "@yamada-ui/use-outside-click": "0.0.0-dev-20231125122836",
48
+ "@yamada-ui/use-controllable-state": "0.0.0-dev-20231125122836"
49
49
  },
50
50
  "devDependencies": {
51
51
  "react": "^18.0.0",