@choco-vanille/ui 1.5.1 → 1.5.2

package/dist/components/feedback/toast/Toast.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit102.css');const e=require("react/jsx-runtime"),T=require("react"),v=require("./styles/Toast.css.cjs"),f=require("./components/toast-actions/ToastActions.cjs"),q=require("./components/toast-close/ToastClose.cjs"),x=require("./components/toast-description/ToastDescription.cjs"),o=require("./components/toast-icon/ToastIcon.cjs");;/* empty css                                                            */const d=require("./components/toast-title/ToastTitle.cjs"),A=require("./context/Toast.context.cjs"),D=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const S=require("../../../utils/createIconChildUtils.cjs"),_=require("../../../utils/cn.cjs"),{hasIconChild:b}=S.createIconChildUtils(o),s=T.memo(({variant:c="info",role:n="status",icon:i,title:a,description:l,closeLabel:h="Close notification",onClose:t,children:r,className:j,ref:C,...m})=>{const u=r!==void 0,I=u&&!b(r),p=T.useCallback(()=>{t?.()},[t]);return e.jsx(A.ToastContext.Provider,{value:{variant:c},children:e.jsx(D,{as:"div",ref:C,className:_.cn(v.TOAST_STYLES.recipe({variant:c}),j),role:n==="none"?void 0:n,...m,children:u?e.jsxs(e.Fragment,{children:[I&&e.jsx(o,{icon:i}),r]}):e.jsxs(e.Fragment,{children:[e.jsx(o,{icon:i}),a&&e.jsx(d,{children:a}),l&&e.jsx(x,{children:l}),t&&e.jsx(q,{"aria-label":h,onClick:p})]})})})});s.displayName="Toast";s.Icon=o;s.Title=d;s.Description=x;s.Actions=f;s.Close=q;module.exports=s;
+"use strict";require('../../../ui-kit114.css');const e=require("react/jsx-runtime"),T=require("react"),v=require("./styles/Toast.css.cjs"),f=require("./components/toast-actions/ToastActions.cjs"),q=require("./components/toast-close/ToastClose.cjs"),x=require("./components/toast-description/ToastDescription.cjs"),o=require("./components/toast-icon/ToastIcon.cjs");;/* empty css                                                            */const d=require("./components/toast-title/ToastTitle.cjs"),A=require("./context/Toast.context.cjs"),D=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const S=require("../../../utils/createIconChildUtils.cjs"),_=require("../../../utils/cn.cjs"),{hasIconChild:b}=S.createIconChildUtils(o),s=T.memo(({variant:c="info",role:n="status",icon:i,title:a,description:l,closeLabel:h="Close notification",onClose:t,children:r,className:j,ref:C,...m})=>{const u=r!==void 0,I=u&&!b(r),p=T.useCallback(()=>{t?.()},[t]);return e.jsx(A.ToastContext.Provider,{value:{variant:c},children:e.jsx(D,{as:"div",ref:C,className:_.cn(v.TOAST_STYLES.recipe({variant:c}),j),role:n==="none"?void 0:n,...m,children:u?e.jsxs(e.Fragment,{children:[I&&e.jsx(o,{icon:i}),r]}):e.jsxs(e.Fragment,{children:[e.jsx(o,{icon:i}),a&&e.jsx(d,{children:a}),l&&e.jsx(x,{children:l}),t&&e.jsx(q,{"aria-label":h,onClick:p})]})})})});s.displayName="Toast";s.Icon=o;s.Title=d;s.Description=x;s.Actions=f;s.Close=q;module.exports=s;
 //# sourceMappingURL=Toast.cjs.map

package/dist/components/feedback/toast/Toast.js

@@ -5,7 +5,7 @@ import j from "./components/toast-actions/ToastActions.js";
 import d from "./components/toast-close/ToastClose.js";
 import T from "./components/toast-description/ToastDescription.js";
 import r from "./components/toast-icon/ToastIcon.js";
-import '../../../ui-kit102.css';/* empty css                                                          */
+import '../../../ui-kit114.css';/* empty css                                                          */
 import h from "./components/toast-title/ToastTitle.js";
 import { ToastContext as k } from "./context/Toast.context.js";
 import N from "../../layout/box/Box.js";

package/dist/components/feedback/toast/components/toast-close/styles/ToastClose.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit154.css');;/* empty css                                */var e={close:"nl5vzd0"};exports.TOAST_CLOSE_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit149.css');;/* empty css                                */var e={close:"nl5vzd0"};exports.TOAST_CLOSE_STYLES=e;
 //# sourceMappingURL=ToastClose.css.cjs.map

package/dist/components/feedback/toast/components/toast-close/styles/ToastClose.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit154.css';/* empty css                              */
+import '../../../../../../ui-kit149.css';/* empty css                              */
 var o = { close: "nl5vzd0" };
 export {
   o as TOAST_CLOSE_STYLES

package/dist/components/feedback/toast/components/toast-description/styles/ToastDescription.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit152.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={description:"_197kl5d0"};exports.TOAST_DESCRIPTION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit145.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={description:"_197kl5d0"};exports.TOAST_DESCRIPTION_STYLES=e;
 //# sourceMappingURL=ToastDescription.css.cjs.map

package/dist/components/feedback/toast/components/toast-description/styles/ToastDescription.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit152.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit145.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                    */
 var o = { description: "_197kl5d0" };
 export {

package/dist/components/feedback/toast/components/toast-icon/styles/ToastIcon.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit102.css');;/* empty css                               */var e={icon:"_10pbr4b0"};exports.TOAST_ICON_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit114.css');;/* empty css                               */var e={icon:"_10pbr4b0"};exports.TOAST_ICON_STYLES=e;
 //# sourceMappingURL=ToastIcon.css.cjs.map

package/dist/components/feedback/toast/components/toast-icon/styles/ToastIcon.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit102.css';/* empty css                             */
+import '../../../../../../ui-kit114.css';/* empty css                             */
 var o = { icon: "_10pbr4b0" };
 export {
   o as TOAST_ICON_STYLES

package/dist/components/feedback/toast/components/toast-title/styles/ToastTitle.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit155.css');;/* empty css                                */var T={title:"_1ah8po40"};exports.TOAST_TITLE_STYLES=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit146.css');;/* empty css                                */var T={title:"_1ah8po40"};exports.TOAST_TITLE_STYLES=T;
 //# sourceMappingURL=ToastTitle.css.cjs.map

package/dist/components/feedback/toast/components/toast-title/styles/ToastTitle.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit155.css';/* empty css                              */
+import '../../../../../../ui-kit146.css';/* empty css                              */
 var t = { title: "_1ah8po40" };
 export {
   t as TOAST_TITLE_STYLES

package/dist/components/feedback/toast/styles/Toast.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit21.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"lgdn910",variantClassNames:{variant:{info:"lgdn911",success:"lgdn912",warning:"lgdn913",error:"lgdn914"}},defaultVariants:{variant:"info"},compoundVariants:[]})};exports.TOAST_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit34.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"lgdn910",variantClassNames:{variant:{info:"lgdn911",success:"lgdn912",warning:"lgdn913",error:"lgdn914"}},defaultVariants:{variant:"info"},compoundVariants:[]})};exports.TOAST_STYLES=r;
 //# sourceMappingURL=Toast.css.cjs.map

package/dist/components/feedback/toast/styles/Toast.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit21.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit34.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                         */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = { recipe: a({ defaultClassName: "lgdn910", variantClassNames: { variant: { info: "lgdn911", success: "lgdn912", warning: "lgdn913", error: "lgdn914" } }, defaultVariants: { variant: "info" }, compoundVariants: [] }) };

package/dist/components/forms/_shared/components/helper-text/HelperText.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit115.css');require('../../../../../ui-kit.css');;/* empty css                                                 */;/* empty css                                */var r={root:"_1mn7ts80",error:"_1mn7ts81"};exports.HELPER_TEXT_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit112.css');require('../../../../../ui-kit.css');;/* empty css                                                 */;/* empty css                                */var r={root:"_1mn7ts80",error:"_1mn7ts81"};exports.HELPER_TEXT_STYLES=r;
 //# sourceMappingURL=HelperText.css.cjs.map

package/dist/components/forms/_shared/components/helper-text/HelperText.css.js

@@ -1,4 +1,4 @@
-import '../../../../../ui-kit115.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit112.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                              */
 var t = { root: "_1mn7ts80", error: "_1mn7ts81" };
 export {

package/dist/components/forms/_shared/styles/checkboxVisual.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit47.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                    */var e={root:"_18vzmb10"};exports.CHECKBOX_VISUAL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit61.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                    */var e={root:"_18vzmb10"};exports.CHECKBOX_VISUAL_STYLES=e;
 //# sourceMappingURL=checkboxVisual.css.cjs.map

package/dist/components/forms/_shared/styles/checkboxVisual.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit47.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit61.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                  */
 var t = { root: "_18vzmb10" };
 export {

package/dist/components/forms/_shared/styles/radioVisual.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit64.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */var e={root:"dvluoc0"};exports.RADIO_VISUAL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit39.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */var e={root:"dvluoc0"};exports.RADIO_VISUAL_STYLES=e;
 //# sourceMappingURL=radioVisual.css.cjs.map

package/dist/components/forms/_shared/styles/radioVisual.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit64.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit39.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                               */
 var t = { root: "dvluoc0" };
 export {

package/dist/components/forms/autocomplete/Autocomplete.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../../ui-kit108.css');require('../../../ui-kit104.css');require('../../../ui-kit113.css');require('../../../ui-kit6.css');require('../../../ui-kit7.css');require('../../../ui-kit13.css');require('../../../ui-kit11.css');require('../../../ui-kit4.css');require('../../../ui-kit9.css');require('../../../ui-kit14.css');require('../../../ui-kit3.css');require('../../../ui-kit8.css');require('../../../ui-kit12.css');require('../../../ui-kit5.css');require('../../../ui-kit10.css');require('../../../ui-kit106.css');require('../../../ui-kit.css');const t=require("react/jsx-runtime"),o=require("@base-ui/react/autocomplete"),u=require("./components/autocomplete-input/AutocompleteInput.cjs"),i=require("./components/autocomplete-input/styles/AutocompleteInput.css.cjs"),c=require("./components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css                                           */;/* empty css                                                                                */const n=require("./components/autocomplete-input-group/AutocompleteInputGroup.cjs"),p=require("./components/autocomplete-icon/AutocompleteIcon.cjs"),q=require("./components/autocomplete-clear/AutocompleteClear.cjs"),l=require("./components/autocomplete-content/AutocompleteContent.cjs");;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                                                                */const s=require("./components/autocomplete-list/AutocompleteList.cjs"),m=require("./components/autocomplete-group/AutocompleteGroup.cjs"),A=require("./components/autocomplete-label/AutocompleteLabel.cjs"),a=require("./components/autocomplete-item/AutocompleteItem.cjs");;/* empty css                                                                          */const I=require("./components/autocomplete-empty/AutocompleteEmpty.cjs"),T=require("./components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css                                                                                    */const S=require("./components/autocomplete-status/AutocompleteStatus.cjs"),C=require("./components/autocomplete-collection/AutocompleteCollection.cjs");require("./components/autocomplete-field/AutocompleteField.cjs");const E=require("react"),e=E.memo(r=>t.jsx(o.Autocomplete.Root,{openOnInputClick:!0,...r}));e.displayName="Autocomplete";e.Input=u;e.Trigger=c;e.InputGroup=n;e.Icon=p;e.Clear=q;e.Content=l;e.List=s;e.Group=m;e.Label=A;e.Item=a;e.Empty=I;e.Separator=T;e.Status=S;e.Collection=C;exports.AUTOCOMPLETE_INPUT_STYLES=i.AUTOCOMPLETE_INPUT_STYLES;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../../ui-kit105.css');require('../../../ui-kit102.css');require('../../../ui-kit103.css');require('../../../ui-kit8.css');require('../../../ui-kit5.css');require('../../../ui-kit9.css');require('../../../ui-kit10.css');require('../../../ui-kit11.css');require('../../../ui-kit12.css');require('../../../ui-kit13.css');require('../../../ui-kit4.css');require('../../../ui-kit14.css');require('../../../ui-kit3.css');require('../../../ui-kit7.css');require('../../../ui-kit6.css');require('../../../ui-kit104.css');require('../../../ui-kit.css');const t=require("react/jsx-runtime"),o=require("@base-ui/react/autocomplete"),u=require("./components/autocomplete-input/AutocompleteInput.cjs"),i=require("./components/autocomplete-input/styles/AutocompleteInput.css.cjs"),c=require("./components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css                                           */;/* empty css                                                                                */const n=require("./components/autocomplete-input-group/AutocompleteInputGroup.cjs"),p=require("./components/autocomplete-icon/AutocompleteIcon.cjs"),q=require("./components/autocomplete-clear/AutocompleteClear.cjs"),l=require("./components/autocomplete-content/AutocompleteContent.cjs");;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                                                                */const s=require("./components/autocomplete-list/AutocompleteList.cjs"),m=require("./components/autocomplete-group/AutocompleteGroup.cjs"),A=require("./components/autocomplete-label/AutocompleteLabel.cjs"),a=require("./components/autocomplete-item/AutocompleteItem.cjs");;/* empty css                                                                          */const I=require("./components/autocomplete-empty/AutocompleteEmpty.cjs"),T=require("./components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css                                                                                    */const S=require("./components/autocomplete-status/AutocompleteStatus.cjs"),C=require("./components/autocomplete-collection/AutocompleteCollection.cjs");require("./components/autocomplete-field/AutocompleteField.cjs");const E=require("react"),e=E.memo(r=>t.jsx(o.Autocomplete.Root,{openOnInputClick:!0,...r}));e.displayName="Autocomplete";e.Input=u;e.Trigger=c;e.InputGroup=n;e.Icon=p;e.Clear=q;e.Content=l;e.List=s;e.Group=m;e.Label=A;e.Item=a;e.Empty=I;e.Separator=T;e.Status=S;e.Collection=C;exports.AUTOCOMPLETE_INPUT_STYLES=i.AUTOCOMPLETE_INPUT_STYLES;exports.default=e;
 //# sourceMappingURL=Autocomplete.cjs.map

package/dist/components/forms/autocomplete/Autocomplete.js

@@ -3,7 +3,7 @@ import { Autocomplete as p } from "@base-ui/react/autocomplete";
 import r from "./components/autocomplete-input/AutocompleteInput.js";
 import { AUTOCOMPLETE_INPUT_STYLES as mo } from "./components/autocomplete-input/styles/AutocompleteInput.css.js";
 import e from "./components/autocomplete-trigger/AutocompleteTrigger.js";
-import '../../../ui-kit108.css';import '../../../ui-kit104.css';import '../../../ui-kit113.css';import '../../../ui-kit6.css';import '../../../ui-kit7.css';import '../../../ui-kit13.css';import '../../../ui-kit11.css';import '../../../ui-kit4.css';import '../../../ui-kit9.css';import '../../../ui-kit14.css';import '../../../ui-kit3.css';import '../../../ui-kit8.css';import '../../../ui-kit12.css';import '../../../ui-kit5.css';import '../../../ui-kit10.css';import '../../../ui-kit106.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit105.css';import '../../../ui-kit102.css';import '../../../ui-kit103.css';import '../../../ui-kit8.css';import '../../../ui-kit5.css';import '../../../ui-kit9.css';import '../../../ui-kit10.css';import '../../../ui-kit11.css';import '../../../ui-kit12.css';import '../../../ui-kit13.css';import '../../../ui-kit4.css';import '../../../ui-kit14.css';import '../../../ui-kit3.css';import '../../../ui-kit7.css';import '../../../ui-kit6.css';import '../../../ui-kit104.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                                                              */
 import i from "./components/autocomplete-input-group/AutocompleteInputGroup.js";
 import u from "./components/autocomplete-icon/AutocompleteIcon.js";

package/dist/components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit113.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                         */var e={positioner:"_1hech530",root:"_1hech531"};exports.AUTOCOMPLETE_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit103.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                         */var e={positioner:"_1hech530",root:"_1hech531"};exports.AUTOCOMPLETE_CONTENT_STYLES=e;
 //# sourceMappingURL=AutocompleteContent.css.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit113.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit103.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                                    */
 /* empty css                                                                     */
 /* empty css                                                                             */

package/dist/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit79.css');require('../../../../../ui-kit80.css');require('../../../../../ui-kit75.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),s=require("react"),q=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const S=require("../../../_shared/components/helper-text/HelperText.cjs"),T=require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const _=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const l=require("../../Autocomplete.cjs"),$=require("./hooks/useAutocompleteField.hook.cjs"),D=require("./utils/toRootItems.utils.cjs"),v=s.memo(({label:o,helperText:d,error:i,startIcon:a,placeholder:b,size:c="md",width:h,disabled:x,required:g,listboxAriaLabel:F,emptyText:I="No results found.",options:u,className:y,value:C,defaultValue:A,onValueChange:L,open:V,defaultOpen:G,onOpenChange:R,name:k})=>{const{inputId:j,helperId:m,hasError:n,inputValue:w,handleValueChange:f}=$({error:i,value:C,defaultValue:A,onValueChange:L}),E=s.useMemo(()=>D.toRootItems(u),[u]),M=s.useMemo(()=>u.some(t=>t.type==="group"),[u]),N=s.useCallback(t=>{f(t)},[f]);return e.jsxs(q,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:h!==void 0?{width:h}:void 0,className:y,children:[o&&e.jsx(T,{htmlFor:j,disabled:x,children:o}),e.jsxs(q,{position:"relative",width:"100%",gap:"none",children:[a&&e.jsx(_,{icon:a,size:c}),e.jsxs(l.default,{value:w,onValueChange:N,disabled:x,required:g,open:V,defaultOpen:G,onOpenChange:R,name:k,items:E,children:[e.jsxs(l.default.InputGroup,{style:{width:"100%"},children:[e.jsx(l.default.Input,{id:j,placeholder:b,startIcon:a,size:c,hasError:n,"aria-describedby":i||d?m:void 0,"aria-invalid":n||void 0}),e.jsx(l.default.Trigger,{})]}),e.jsxs(l.default.Content,{listboxAriaLabel:F,children:[M?e.jsx(l.default.List,{children:(t,p)=>e.jsxs(s.Fragment,{children:[p>0&&e.jsx(l.default.Separator,{}),e.jsxs(l.default.Group,{items:t.items,children:[e.jsx(l.default.Label,{children:t.label}),e.jsx(l.default.Collection,{children:r=>e.jsx(l.default.Item,{value:r.value,disabled:r.disabled,children:r.label},r.value)})]})]},`group-${t.label}-${p}`)}):e.jsx(l.default.List,{children:t=>e.jsx(l.default.Item,{value:t.value,disabled:t.disabled,children:t.label},t.value)}),e.jsx(l.default.Empty,{children:I})]})]})]}),(i||d)&&e.jsx(S,{id:m,hasError:n,children:i??d})]})});v.displayName="AutocompleteField";module.exports=v;
+"use strict";require('../../../../../ui-kit87.css');require('../../../../../ui-kit85.css');require('../../../../../ui-kit77.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),s=require("react"),v=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const _=require("../../../_shared/components/helper-text/HelperText.cjs"),$=require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const D=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const l=require("../../Autocomplete.cjs"),H=require("./hooks/useAutocompleteField.hook.cjs"),S=require("./utils/toRootItems.utils.cjs"),b=s.memo(({label:o,helperText:d,error:u,startIcon:a,placeholder:g,size:c="md",fontSize:h="md",width:x,disabled:j,required:F,listboxAriaLabel:I,emptyText:y="No results found.",options:i,className:C,value:A,defaultValue:L,onValueChange:V,open:G,defaultOpen:R,onOpenChange:k,name:w})=>{const{inputId:m,helperId:p,hasError:n,inputValue:E,handleValueChange:q}=H({error:u,value:A,defaultValue:L,onValueChange:V}),M=s.useMemo(()=>S.toRootItems(i),[i]),N=s.useMemo(()=>i.some(t=>t.type==="group"),[i]),T=s.useCallback(t=>{q(t)},[q]);return e.jsxs(v,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:x!==void 0?{width:x}:void 0,className:C,children:[o&&e.jsx($,{htmlFor:m,disabled:j,fontSize:h,children:o}),e.jsxs(v,{position:"relative",width:"100%",gap:"none",children:[a&&e.jsx(D,{icon:a,size:c}),e.jsxs(l.default,{value:E,onValueChange:T,disabled:j,required:F,open:G,defaultOpen:R,onOpenChange:k,name:w,items:M,children:[e.jsxs(l.default.InputGroup,{style:{width:"100%"},children:[e.jsx(l.default.Input,{id:m,placeholder:g,startIcon:a,size:c,fontSize:h,hasError:n,"aria-describedby":u||d?p:void 0,"aria-invalid":n||void 0}),e.jsx(l.default.Trigger,{})]}),e.jsxs(l.default.Content,{listboxAriaLabel:I,children:[N?e.jsx(l.default.List,{children:(t,f)=>e.jsxs(s.Fragment,{children:[f>0&&e.jsx(l.default.Separator,{}),e.jsxs(l.default.Group,{items:t.items,children:[e.jsx(l.default.Label,{children:t.label}),e.jsx(l.default.Collection,{children:r=>e.jsx(l.default.Item,{value:r.value,disabled:r.disabled,children:r.label},r.value)})]})]},`group-${t.label}-${f}`)}):e.jsx(l.default.List,{children:t=>e.jsx(l.default.Item,{value:t.value,disabled:t.disabled,children:t.label},t.value)}),e.jsx(l.default.Empty,{children:y})]})]})]}),(u||d)&&e.jsx(_,{id:p,hasError:n,children:u??d})]})});b.displayName="AutocompleteField";module.exports=b;
 //# sourceMappingURL=AutocompleteField.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteField.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.tsx"],"sourcesContent":["import { Fragment, type FC, memo, useCallback, useMemo } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { TextFieldLabel, TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport Autocomplete from '@components/forms/autocomplete/Autocomplete.tsx'\r\nimport type { AutocompleteFieldProps } from '@components/forms/autocomplete/types/Autocomplete.props.ts'\r\nimport useAutocompleteField from '@components/forms/autocomplete/components/autocomplete-field/hooks/useAutocompleteField.hook.ts'\r\nimport { toRootItems } from '@components/forms/autocomplete/components/autocomplete-field/utils/toRootItems.utils.ts'\r\n\r\n/**\r\n * Convenience wrapper around `Autocomplete` that provides a TextField-like API:\r\n * label, helperText, error, size, width, startIcon, placeholder and an\r\n * `options` array.\r\n *\r\n * @example\r\n * ```tsx\r\n * <AutocompleteField\r\n *   label=\"Fruit\"\r\n *   placeholder=\"Search a fruit\"\r\n *   options={[\r\n *     { value: 'apple', label: 'Apple' },\r\n *     { value: 'banana', label: 'Banana' },\r\n *   ]}\r\n *   value={value}\r\n *   onValueChange={setValue}\r\n * />\r\n * ```\r\n */\r\nconst AutocompleteField: FC<AutocompleteFieldProps> = memo(({\r\n    label,\r\n    helperText,\r\n    error,\r\n    startIcon,\r\n    placeholder,\r\n    size = 'md',\r\n    width,\r\n    disabled,\r\n    required,\r\n    listboxAriaLabel,\r\n    emptyText = 'No results found.',\r\n    options,\r\n    className,\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n    name,\r\n}) => {\r\n    const { inputId, helperId, hasError, inputValue, handleValueChange } = useAutocompleteField({\r\n        error,\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n    })\r\n\r\n    const items = useMemo(() => toRootItems(options), [options])\r\n    const hasGroups = useMemo(() => options.some((option) => option.type === 'group'), [options])\r\n\r\n    const handleAutocompleteValueChange = useCallback(\r\n        (nextValue: string) => { handleValueChange(nextValue) },\r\n        [handleValueChange],\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n            className={className}\r\n        >\r\n            {label && (\r\n                <TextFieldLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                >\r\n                    {label}\r\n                </TextFieldLabel>\r\n            )}\r\n\r\n            <Flex\r\n                position={'relative'}\r\n                width={'100%'}\r\n                gap={'none'}\r\n            >\r\n                {startIcon && (\r\n                    <TextFieldStartIcon\r\n                        icon={startIcon}\r\n                        size={size}\r\n                    />\r\n                )}\r\n\r\n                <Autocomplete\r\n                    value={inputValue}\r\n                    onValueChange={handleAutocompleteValueChange}\r\n                    disabled={disabled}\r\n                    required={required}\r\n                    open={open}\r\n                    defaultOpen={defaultOpen}\r\n                    onOpenChange={onOpenChange}\r\n                    name={name}\r\n                    items={items}\r\n                >\r\n                    <Autocomplete.InputGroup style={{ width: '100%' }}>\r\n                        <Autocomplete.Input\r\n                            id={inputId}\r\n                            placeholder={placeholder}\r\n                            startIcon={startIcon}\r\n                            size={size}\r\n                            hasError={hasError}\r\n                            aria-describedby={error || helperText ? helperId : undefined}\r\n                            aria-invalid={hasError || undefined}\r\n                        />\r\n                        <Autocomplete.Trigger />\r\n                    </Autocomplete.InputGroup>\r\n                    <Autocomplete.Content listboxAriaLabel={listboxAriaLabel}>\r\n                        {/*\r\n                         * Pass a function as children so Base UI's `Autocomplete.List` only\r\n                         * renders items that survived its own filtering (driven by the `items`\r\n                         * prop on the root). Mapping over the raw `options` array here would\r\n                         * always render every option, bypassing filtering entirely.\r\n                         */}\r\n                        {hasGroups ? (\r\n                            <Autocomplete.List>\r\n                                {(group: { label: string; items: { value: string; label: string; disabled?: boolean }[] }, groupIndex: number) => (\r\n                                    <Fragment key={`group-${group.label}-${groupIndex}`}>\r\n                                        {groupIndex > 0 && <Autocomplete.Separator />}\r\n                                        <Autocomplete.Group items={group.items}>\r\n                                            <Autocomplete.Label>{group.label}</Autocomplete.Label>\r\n                                            <Autocomplete.Collection>\r\n                                                {(item: { value: string; label: string; disabled?: boolean }) => (\r\n                                                    <Autocomplete.Item\r\n                                                        key={item.value}\r\n                                                        value={item.value}\r\n                                                        disabled={item.disabled}\r\n                                                    >\r\n                                                        {item.label}\r\n                                                    </Autocomplete.Item>\r\n                                                )}\r\n                                            </Autocomplete.Collection>\r\n                                        </Autocomplete.Group>\r\n                                    </Fragment>\r\n                                )}\r\n                            </Autocomplete.List>\r\n                        ) : (\r\n                            <Autocomplete.List>\r\n                                {(item: { value: string; label: string; disabled?: boolean }) => (\r\n                                    <Autocomplete.Item\r\n                                        key={item.value}\r\n                                        value={item.value}\r\n                                        disabled={item.disabled}\r\n                                    >\r\n                                        {item.label}\r\n                                    </Autocomplete.Item>\r\n                                )}\r\n                            </Autocomplete.List>\r\n                        )}\r\n                        <Autocomplete.Empty>{emptyText}</Autocomplete.Empty>\r\n                    </Autocomplete.Content>\r\n                </Autocomplete>\r\n            </Flex>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nAutocompleteField.displayName = 'AutocompleteField'\r\n\r\nexport default AutocompleteField\r\n"],"names":["AutocompleteField","memo","label","helperText","error","startIcon","placeholder","size","width","disabled","required","listboxAriaLabel","emptyText","options","className","value","defaultValue","onValueChange","open","defaultOpen","onOpenChange","name","inputId","helperId","hasError","inputValue","handleValueChange","useAutocompleteField","items","useMemo","toRootItems","hasGroups","option","handleAutocompleteValueChange","useCallback","nextValue","jsxs","Flex","jsx","TextFieldLabel","TextFieldStartIcon","Autocomplete","group","groupIndex","Fragment","item","HelperText"],"mappings":"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"}
+{"version":3,"file":"AutocompleteField.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.tsx"],"sourcesContent":["import { Fragment, type FC, memo, useCallback, useMemo } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { TextFieldLabel, TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport Autocomplete from '@components/forms/autocomplete/Autocomplete.tsx'\r\nimport type { AutocompleteFieldProps } from '@components/forms/autocomplete/types/Autocomplete.props.ts'\r\nimport useAutocompleteField from '@components/forms/autocomplete/components/autocomplete-field/hooks/useAutocompleteField.hook.ts'\r\nimport { toRootItems } from '@components/forms/autocomplete/components/autocomplete-field/utils/toRootItems.utils.ts'\r\n\r\n/**\r\n * Convenience wrapper around `Autocomplete` that provides a TextField-like API:\r\n * label, helperText, error, size, width, startIcon, placeholder and an\r\n * `options` array.\r\n *\r\n * @example\r\n * ```tsx\r\n * <AutocompleteField\r\n *   label=\"Fruit\"\r\n *   placeholder=\"Search a fruit\"\r\n *   options={[\r\n *     { value: 'apple', label: 'Apple' },\r\n *     { value: 'banana', label: 'Banana' },\r\n *   ]}\r\n *   value={value}\r\n *   onValueChange={setValue}\r\n * />\r\n * ```\r\n */\r\nconst AutocompleteField: FC<AutocompleteFieldProps> = memo(({\r\n    label,\r\n    helperText,\r\n    error,\r\n    startIcon,\r\n    placeholder,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    width,\r\n    disabled,\r\n    required,\r\n    listboxAriaLabel,\r\n    emptyText = 'No results found.',\r\n    options,\r\n    className,\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n    name,\r\n}) => {\r\n    const { inputId, helperId, hasError, inputValue, handleValueChange } = useAutocompleteField({\r\n        error,\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n    })\r\n\r\n    const items = useMemo(() => toRootItems(options), [options])\r\n    const hasGroups = useMemo(() => options.some((option) => option.type === 'group'), [options])\r\n\r\n    const handleAutocompleteValueChange = useCallback(\r\n        (nextValue: string) => { handleValueChange(nextValue) },\r\n        [handleValueChange],\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n            className={className}\r\n        >\r\n            {label && (\r\n                <TextFieldLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                    fontSize={fontSize}\r\n                >\r\n                    {label}\r\n                </TextFieldLabel>\r\n            )}\r\n\r\n            <Flex\r\n                position={'relative'}\r\n                width={'100%'}\r\n                gap={'none'}\r\n            >\r\n                {startIcon && (\r\n                    <TextFieldStartIcon\r\n                        icon={startIcon}\r\n                        size={size}\r\n                    />\r\n                )}\r\n\r\n                <Autocomplete\r\n                    value={inputValue}\r\n                    onValueChange={handleAutocompleteValueChange}\r\n                    disabled={disabled}\r\n                    required={required}\r\n                    open={open}\r\n                    defaultOpen={defaultOpen}\r\n                    onOpenChange={onOpenChange}\r\n                    name={name}\r\n                    items={items}\r\n                >\r\n                    <Autocomplete.InputGroup style={{ width: '100%' }}>\r\n                        <Autocomplete.Input\r\n                            id={inputId}\r\n                            placeholder={placeholder}\r\n                            startIcon={startIcon}\r\n                            size={size}\r\n                            fontSize={fontSize}\r\n                            hasError={hasError}\r\n                            aria-describedby={error || helperText ? helperId : undefined}\r\n                            aria-invalid={hasError || undefined}\r\n                        />\r\n                        <Autocomplete.Trigger />\r\n                    </Autocomplete.InputGroup>\r\n                    <Autocomplete.Content listboxAriaLabel={listboxAriaLabel}>\r\n                        {/*\r\n                         * Pass a function as children so Base UI's `Autocomplete.List` only\r\n                         * renders items that survived its own filtering (driven by the `items`\r\n                         * prop on the root). Mapping over the raw `options` array here would\r\n                         * always render every option, bypassing filtering entirely.\r\n                         */}\r\n                        {hasGroups ? (\r\n                            <Autocomplete.List>\r\n                                {(group: { label: string; items: { value: string; label: string; disabled?: boolean }[] }, groupIndex: number) => (\r\n                                    <Fragment key={`group-${group.label}-${groupIndex}`}>\r\n                                        {groupIndex > 0 && <Autocomplete.Separator />}\r\n                                        <Autocomplete.Group items={group.items}>\r\n                                            <Autocomplete.Label>{group.label}</Autocomplete.Label>\r\n                                            <Autocomplete.Collection>\r\n                                                {(item: { value: string; label: string; disabled?: boolean }) => (\r\n                                                    <Autocomplete.Item\r\n                                                        key={item.value}\r\n                                                        value={item.value}\r\n                                                        disabled={item.disabled}\r\n                                                    >\r\n                                                        {item.label}\r\n                                                    </Autocomplete.Item>\r\n                                                )}\r\n                                            </Autocomplete.Collection>\r\n                                        </Autocomplete.Group>\r\n                                    </Fragment>\r\n                                )}\r\n                            </Autocomplete.List>\r\n                        ) : (\r\n                            <Autocomplete.List>\r\n                                {(item: { value: string; label: string; disabled?: boolean }) => (\r\n                                    <Autocomplete.Item\r\n                                        key={item.value}\r\n                                        value={item.value}\r\n                                        disabled={item.disabled}\r\n                                    >\r\n                                        {item.label}\r\n                                    </Autocomplete.Item>\r\n                                )}\r\n                            </Autocomplete.List>\r\n                        )}\r\n                        <Autocomplete.Empty>{emptyText}</Autocomplete.Empty>\r\n                    </Autocomplete.Content>\r\n                </Autocomplete>\r\n            </Flex>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nAutocompleteField.displayName = 'AutocompleteField'\r\n\r\nexport default AutocompleteField\r\n"],"names":["AutocompleteField","memo","label","helperText","error","startIcon","placeholder","size","fontSize","width","disabled","required","listboxAriaLabel","emptyText","options","className","value","defaultValue","onValueChange","open","defaultOpen","onOpenChange","name","inputId","helperId","hasError","inputValue","handleValueChange","useAutocompleteField","items","useMemo","toRootItems","hasGroups","option","handleAutocompleteValueChange","useCallback","nextValue","jsxs","Flex","jsx","TextFieldLabel","TextFieldStartIcon","Autocomplete","group","groupIndex","Fragment","item","HelperText"],"mappings":"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"}

package/dist/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.js

@@ -1,79 +1,81 @@
 import { jsxs as o, jsx as l } from "react/jsx-runtime";
-import { memo as D, useMemo as g, useCallback as H, Fragment as M } from "react";
-import F from "../../../../layout/flex/Flex.js";
+import { memo as M, useMemo as F, useCallback as R, Fragment as S } from "react";
+import x from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";
-import R from "../../../_shared/components/helper-text/HelperText.js";
-import q from "../../../text-field/components/text-field-label/TextFieldLabel.js";
-import '../../../../../ui-kit79.css';import '../../../../../ui-kit80.css';import '../../../../../ui-kit75.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import q from "../../../_shared/components/helper-text/HelperText.js";
+import B from "../../../text-field/components/text-field-label/TextFieldLabel.js";
+import '../../../../../ui-kit87.css';import '../../../../../ui-kit85.css';import '../../../../../ui-kit77.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                   */
 /* empty css                                                                                       */
-import B from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
+import J from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
 /* empty css                                                                                                */
 import "../../../text-field/components/text-field-end-action/TextFieldEndAction.js";
 /* empty css                                                                                                */
 import e from "../../Autocomplete.js";
-import J from "./hooks/useAutocompleteField.hook.js";
-import { toRootItems as K } from "./utils/toRootItems.utils.js";
-const O = D(({
+import K from "./hooks/useAutocompleteField.hook.js";
+import { toRootItems as O } from "./utils/toRootItems.utils.js";
+const P = M(({
   label: p,
   helperText: a,
   error: t,
   startIcon: m,
-  placeholder: x,
+  placeholder: y,
   size: c = "md",
-  width: u,
-  disabled: s,
-  required: y,
-  listboxAriaLabel: C,
-  emptyText: I = "No results found.",
+  fontSize: u = "md",
+  width: s,
+  disabled: h,
+  required: C,
+  listboxAriaLabel: I,
+  emptyText: A = "No results found.",
   options: r,
-  className: A,
-  value: L,
-  defaultValue: V,
-  onValueChange: G,
-  open: j,
-  defaultOpen: w,
-  onOpenChange: E,
-  name: N
+  className: L,
+  value: V,
+  defaultValue: G,
+  onValueChange: j,
+  open: w,
+  defaultOpen: E,
+  onOpenChange: N,
+  name: T
 }) => {
-  const { inputId: h, helperId: v, hasError: n, inputValue: S, handleValueChange: f } = J({
+  const { inputId: v, helperId: b, hasError: n, inputValue: $, handleValueChange: f } = K({
     error: t,
-    value: L,
-    defaultValue: V,
-    onValueChange: G
-  }), T = g(() => K(r), [r]), $ = g(() => r.some((i) => i.type === "group"), [r]), k = H(
+    value: V,
+    defaultValue: G,
+    onValueChange: j
+  }), k = F(() => O(r), [r]), D = F(() => r.some((i) => i.type === "group"), [r]), H = R(
     (i) => {
       f(i);
     },
     [f]
   );
   return /* @__PURE__ */ o(
-    F,
+    x,
     {
       flexDirection: "column",
       gap: "xs",
       width: "100%",
       alignItems: "start",
-      style: u !== void 0 ? { width: u } : void 0,
-      className: A,
+      style: s !== void 0 ? { width: s } : void 0,
+      className: L,
       children: [
         p && /* @__PURE__ */ l(
-          q,
+          B,
           {
-            htmlFor: h,
-            disabled: s,
+            htmlFor: v,
+            disabled: h,
+            fontSize: u,
             children: p
           }
         ),
         /* @__PURE__ */ o(
-          F,
+          x,
           {
             position: "relative",
             width: "100%",
             gap: "none",
             children: [
               m && /* @__PURE__ */ l(
-                B,
+                J,
                 {
                   icon: m,
                   size: c
@@ -82,34 +84,35 @@ const O = D(({
               /* @__PURE__ */ o(
                 e,
                 {
-                  value: S,
-                  onValueChange: k,
-                  disabled: s,
-                  required: y,
-                  open: j,
-                  defaultOpen: w,
-                  onOpenChange: E,
-                  name: N,
-                  items: T,
+                  value: $,
+                  onValueChange: H,
+                  disabled: h,
+                  required: C,
+                  open: w,
+                  defaultOpen: E,
+                  onOpenChange: N,
+                  name: T,
+                  items: k,
                   children: [
                     /* @__PURE__ */ o(e.InputGroup, { style: { width: "100%" }, children: [
                       /* @__PURE__ */ l(
                         e.Input,
                         {
-                          id: h,
-                          placeholder: x,
+                          id: v,
+                          placeholder: y,
                           startIcon: m,
                           size: c,
+                          fontSize: u,
                           hasError: n,
-                          "aria-describedby": t || a ? v : void 0,
+                          "aria-describedby": t || a ? b : void 0,
                           "aria-invalid": n || void 0
                         }
                       ),
                       /* @__PURE__ */ l(e.Trigger, {})
                     ] }),
-                    /* @__PURE__ */ o(e.Content, { listboxAriaLabel: C, children: [
-                      $ ? /* @__PURE__ */ l(e.List, { children: (i, b) => /* @__PURE__ */ o(M, { children: [
-                        b > 0 && /* @__PURE__ */ l(e.Separator, {}),
+                    /* @__PURE__ */ o(e.Content, { listboxAriaLabel: I, children: [
+                      D ? /* @__PURE__ */ l(e.List, { children: (i, g) => /* @__PURE__ */ o(S, { children: [
+                        g > 0 && /* @__PURE__ */ l(e.Separator, {}),
                         /* @__PURE__ */ o(e.Group, { items: i.items, children: [
                           /* @__PURE__ */ l(e.Label, { children: i.label }),
                           /* @__PURE__ */ l(e.Collection, { children: (d) => /* @__PURE__ */ l(
@@ -122,7 +125,7 @@ const O = D(({
                             d.value
                           ) })
                         ] })
-                      ] }, `group-${i.label}-${b}`) }) : /* @__PURE__ */ l(e.List, { children: (i) => /* @__PURE__ */ l(
+                      ] }, `group-${i.label}-${g}`) }) : /* @__PURE__ */ l(e.List, { children: (i) => /* @__PURE__ */ l(
                         e.Item,
                         {
                           value: i.value,
@@ -131,7 +134,7 @@ const O = D(({
                         },
                         i.value
                       ) }),
-                      /* @__PURE__ */ l(e.Empty, { children: I })
+                      /* @__PURE__ */ l(e.Empty, { children: A })
                     ] })
                   ]
                 }
@@ -140,9 +143,9 @@ const O = D(({
           }
         ),
         (t || a) && /* @__PURE__ */ l(
-          R,
+          q,
           {
-            id: v,
+            id: b,
             hasError: n,
             children: t ?? a
           }
@@ -151,8 +154,8 @@ const O = D(({
     }
   );
 });
-O.displayName = "AutocompleteField";
+P.displayName = "AutocompleteField";
 export {
-  O as default
+  P as default
 };
 //# sourceMappingURL=AutocompleteField.js.map

package/dist/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteField.js","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.tsx"],"sourcesContent":["import { Fragment, type FC, memo, useCallback, useMemo } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { TextFieldLabel, TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport Autocomplete from '@components/forms/autocomplete/Autocomplete.tsx'\r\nimport type { AutocompleteFieldProps } from '@components/forms/autocomplete/types/Autocomplete.props.ts'\r\nimport useAutocompleteField from '@components/forms/autocomplete/components/autocomplete-field/hooks/useAutocompleteField.hook.ts'\r\nimport { toRootItems } from '@components/forms/autocomplete/components/autocomplete-field/utils/toRootItems.utils.ts'\r\n\r\n/**\r\n * Convenience wrapper around `Autocomplete` that provides a TextField-like API:\r\n * label, helperText, error, size, width, startIcon, placeholder and an\r\n * `options` array.\r\n *\r\n * @example\r\n * ```tsx\r\n * <AutocompleteField\r\n *   label=\"Fruit\"\r\n *   placeholder=\"Search a fruit\"\r\n *   options={[\r\n *     { value: 'apple', label: 'Apple' },\r\n *     { value: 'banana', label: 'Banana' },\r\n *   ]}\r\n *   value={value}\r\n *   onValueChange={setValue}\r\n * />\r\n * ```\r\n */\r\nconst AutocompleteField: FC<AutocompleteFieldProps> = memo(({\r\n    label,\r\n    helperText,\r\n    error,\r\n    startIcon,\r\n    placeholder,\r\n    size = 'md',\r\n    width,\r\n    disabled,\r\n    required,\r\n    listboxAriaLabel,\r\n    emptyText = 'No results found.',\r\n    options,\r\n    className,\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n    name,\r\n}) => {\r\n    const { inputId, helperId, hasError, inputValue, handleValueChange } = useAutocompleteField({\r\n        error,\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n    })\r\n\r\n    const items = useMemo(() => toRootItems(options), [options])\r\n    const hasGroups = useMemo(() => options.some((option) => option.type === 'group'), [options])\r\n\r\n    const handleAutocompleteValueChange = useCallback(\r\n        (nextValue: string) => { handleValueChange(nextValue) },\r\n        [handleValueChange],\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n            className={className}\r\n        >\r\n            {label && (\r\n                <TextFieldLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                >\r\n                    {label}\r\n                </TextFieldLabel>\r\n            )}\r\n\r\n            <Flex\r\n                position={'relative'}\r\n                width={'100%'}\r\n                gap={'none'}\r\n            >\r\n                {startIcon && (\r\n                    <TextFieldStartIcon\r\n                        icon={startIcon}\r\n                        size={size}\r\n                    />\r\n                )}\r\n\r\n                <Autocomplete\r\n                    value={inputValue}\r\n                    onValueChange={handleAutocompleteValueChange}\r\n                    disabled={disabled}\r\n                    required={required}\r\n                    open={open}\r\n                    defaultOpen={defaultOpen}\r\n                    onOpenChange={onOpenChange}\r\n                    name={name}\r\n                    items={items}\r\n                >\r\n                    <Autocomplete.InputGroup style={{ width: '100%' }}>\r\n                        <Autocomplete.Input\r\n                            id={inputId}\r\n                            placeholder={placeholder}\r\n                            startIcon={startIcon}\r\n                            size={size}\r\n                            hasError={hasError}\r\n                            aria-describedby={error || helperText ? helperId : undefined}\r\n                            aria-invalid={hasError || undefined}\r\n                        />\r\n                        <Autocomplete.Trigger />\r\n                    </Autocomplete.InputGroup>\r\n                    <Autocomplete.Content listboxAriaLabel={listboxAriaLabel}>\r\n                        {/*\r\n                         * Pass a function as children so Base UI's `Autocomplete.List` only\r\n                         * renders items that survived its own filtering (driven by the `items`\r\n                         * prop on the root). Mapping over the raw `options` array here would\r\n                         * always render every option, bypassing filtering entirely.\r\n                         */}\r\n                        {hasGroups ? (\r\n                            <Autocomplete.List>\r\n                                {(group: { label: string; items: { value: string; label: string; disabled?: boolean }[] }, groupIndex: number) => (\r\n                                    <Fragment key={`group-${group.label}-${groupIndex}`}>\r\n                                        {groupIndex > 0 && <Autocomplete.Separator />}\r\n                                        <Autocomplete.Group items={group.items}>\r\n                                            <Autocomplete.Label>{group.label}</Autocomplete.Label>\r\n                                            <Autocomplete.Collection>\r\n                                                {(item: { value: string; label: string; disabled?: boolean }) => (\r\n                                                    <Autocomplete.Item\r\n                                                        key={item.value}\r\n                                                        value={item.value}\r\n                                                        disabled={item.disabled}\r\n                                                    >\r\n                                                        {item.label}\r\n                                                    </Autocomplete.Item>\r\n                                                )}\r\n                                            </Autocomplete.Collection>\r\n                                        </Autocomplete.Group>\r\n                                    </Fragment>\r\n                                )}\r\n                            </Autocomplete.List>\r\n                        ) : (\r\n                            <Autocomplete.List>\r\n                                {(item: { value: string; label: string; disabled?: boolean }) => (\r\n                                    <Autocomplete.Item\r\n                                        key={item.value}\r\n                                        value={item.value}\r\n                                        disabled={item.disabled}\r\n                                    >\r\n                                        {item.label}\r\n                                    </Autocomplete.Item>\r\n                                )}\r\n                            </Autocomplete.List>\r\n                        )}\r\n                        <Autocomplete.Empty>{emptyText}</Autocomplete.Empty>\r\n                    </Autocomplete.Content>\r\n                </Autocomplete>\r\n            </Flex>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nAutocompleteField.displayName = 'AutocompleteField'\r\n\r\nexport default AutocompleteField\r\n"],"names":["AutocompleteField","memo","label","helperText","error","startIcon","placeholder","size","width","disabled","required","listboxAriaLabel","emptyText","options","className","value","defaultValue","onValueChange","open","defaultOpen","onOpenChange","name","inputId","helperId","hasError","inputValue","handleValueChange","useAutocompleteField","items","useMemo","toRootItems","hasGroups","option","handleAutocompleteValueChange","useCallback","nextValue","jsxs","Flex","jsx","TextFieldLabel","TextFieldStartIcon","Autocomplete","group","groupIndex","Fragment","item","HelperText"],"mappings":"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"}
+{"version":3,"file":"AutocompleteField.js","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.tsx"],"sourcesContent":["import { Fragment, type FC, memo, useCallback, useMemo } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { TextFieldLabel, TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport Autocomplete from '@components/forms/autocomplete/Autocomplete.tsx'\r\nimport type { AutocompleteFieldProps } from '@components/forms/autocomplete/types/Autocomplete.props.ts'\r\nimport useAutocompleteField from '@components/forms/autocomplete/components/autocomplete-field/hooks/useAutocompleteField.hook.ts'\r\nimport { toRootItems } from '@components/forms/autocomplete/components/autocomplete-field/utils/toRootItems.utils.ts'\r\n\r\n/**\r\n * Convenience wrapper around `Autocomplete` that provides a TextField-like API:\r\n * label, helperText, error, size, width, startIcon, placeholder and an\r\n * `options` array.\r\n *\r\n * @example\r\n * ```tsx\r\n * <AutocompleteField\r\n *   label=\"Fruit\"\r\n *   placeholder=\"Search a fruit\"\r\n *   options={[\r\n *     { value: 'apple', label: 'Apple' },\r\n *     { value: 'banana', label: 'Banana' },\r\n *   ]}\r\n *   value={value}\r\n *   onValueChange={setValue}\r\n * />\r\n * ```\r\n */\r\nconst AutocompleteField: FC<AutocompleteFieldProps> = memo(({\r\n    label,\r\n    helperText,\r\n    error,\r\n    startIcon,\r\n    placeholder,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    width,\r\n    disabled,\r\n    required,\r\n    listboxAriaLabel,\r\n    emptyText = 'No results found.',\r\n    options,\r\n    className,\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n    name,\r\n}) => {\r\n    const { inputId, helperId, hasError, inputValue, handleValueChange } = useAutocompleteField({\r\n        error,\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n    })\r\n\r\n    const items = useMemo(() => toRootItems(options), [options])\r\n    const hasGroups = useMemo(() => options.some((option) => option.type === 'group'), [options])\r\n\r\n    const handleAutocompleteValueChange = useCallback(\r\n        (nextValue: string) => { handleValueChange(nextValue) },\r\n        [handleValueChange],\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n            className={className}\r\n        >\r\n            {label && (\r\n                <TextFieldLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                    fontSize={fontSize}\r\n                >\r\n                    {label}\r\n                </TextFieldLabel>\r\n            )}\r\n\r\n            <Flex\r\n                position={'relative'}\r\n                width={'100%'}\r\n                gap={'none'}\r\n            >\r\n                {startIcon && (\r\n                    <TextFieldStartIcon\r\n                        icon={startIcon}\r\n                        size={size}\r\n                    />\r\n                )}\r\n\r\n                <Autocomplete\r\n                    value={inputValue}\r\n                    onValueChange={handleAutocompleteValueChange}\r\n                    disabled={disabled}\r\n                    required={required}\r\n                    open={open}\r\n                    defaultOpen={defaultOpen}\r\n                    onOpenChange={onOpenChange}\r\n                    name={name}\r\n                    items={items}\r\n                >\r\n                    <Autocomplete.InputGroup style={{ width: '100%' }}>\r\n                        <Autocomplete.Input\r\n                            id={inputId}\r\n                            placeholder={placeholder}\r\n                            startIcon={startIcon}\r\n                            size={size}\r\n                            fontSize={fontSize}\r\n                            hasError={hasError}\r\n                            aria-describedby={error || helperText ? helperId : undefined}\r\n                            aria-invalid={hasError || undefined}\r\n                        />\r\n                        <Autocomplete.Trigger />\r\n                    </Autocomplete.InputGroup>\r\n                    <Autocomplete.Content listboxAriaLabel={listboxAriaLabel}>\r\n                        {/*\r\n                         * Pass a function as children so Base UI's `Autocomplete.List` only\r\n                         * renders items that survived its own filtering (driven by the `items`\r\n                         * prop on the root). Mapping over the raw `options` array here would\r\n                         * always render every option, bypassing filtering entirely.\r\n                         */}\r\n                        {hasGroups ? (\r\n                            <Autocomplete.List>\r\n                                {(group: { label: string; items: { value: string; label: string; disabled?: boolean }[] }, groupIndex: number) => (\r\n                                    <Fragment key={`group-${group.label}-${groupIndex}`}>\r\n                                        {groupIndex > 0 && <Autocomplete.Separator />}\r\n                                        <Autocomplete.Group items={group.items}>\r\n                                            <Autocomplete.Label>{group.label}</Autocomplete.Label>\r\n                                            <Autocomplete.Collection>\r\n                                                {(item: { value: string; label: string; disabled?: boolean }) => (\r\n                                                    <Autocomplete.Item\r\n                                                        key={item.value}\r\n                                                        value={item.value}\r\n                                                        disabled={item.disabled}\r\n                                                    >\r\n                                                        {item.label}\r\n                                                    </Autocomplete.Item>\r\n                                                )}\r\n                                            </Autocomplete.Collection>\r\n                                        </Autocomplete.Group>\r\n                                    </Fragment>\r\n                                )}\r\n                            </Autocomplete.List>\r\n                        ) : (\r\n                            <Autocomplete.List>\r\n                                {(item: { value: string; label: string; disabled?: boolean }) => (\r\n                                    <Autocomplete.Item\r\n                                        key={item.value}\r\n                                        value={item.value}\r\n                                        disabled={item.disabled}\r\n                                    >\r\n                                        {item.label}\r\n                                    </Autocomplete.Item>\r\n                                )}\r\n                            </Autocomplete.List>\r\n                        )}\r\n                        <Autocomplete.Empty>{emptyText}</Autocomplete.Empty>\r\n                    </Autocomplete.Content>\r\n                </Autocomplete>\r\n            </Flex>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nAutocompleteField.displayName = 'AutocompleteField'\r\n\r\nexport default AutocompleteField\r\n"],"names":["AutocompleteField","memo","label","helperText","error","startIcon","placeholder","size","fontSize","width","disabled","required","listboxAriaLabel","emptyText","options","className","value","defaultValue","onValueChange","open","defaultOpen","onOpenChange","name","inputId","helperId","hasError","inputValue","handleValueChange","useAutocompleteField","items","useMemo","toRootItems","hasGroups","option","handleAutocompleteValueChange","useCallback","nextValue","jsxs","Flex","jsx","TextFieldLabel","TextFieldStartIcon","Autocomplete","group","groupIndex","Fragment","item","HelperText"],"mappings":"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"}

package/dist/components/forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit79.css');require('../../../../../ui-kit80.css');require('../../../../../ui-kit75.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const u=require("react/jsx-runtime"),x=require("@base-ui/react/autocomplete"),r=require("react");require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const b=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const h=require("./styles/AutocompleteInput.css.cjs"),I=require("../../../../../utils/cn.cjs"),l=r.memo(({className:i,placeholder:m,startIcon:o,size:s="md",hasError:p=!1,width:c,onMouseDown:n,style:a,...q})=>{const t=r.useRef(!1),d=r.useCallback(e=>{t.current=!0,n?.(e)},[n]),f=r.useCallback(e=>{t.current&&(e.currentTarget.setAttribute("data-mouse-focus",""),t.current=!1)},[]),A=r.useCallback(e=>{t.current=!1,e.currentTarget.removeAttribute("data-mouse-focus")},[]),T=c!==void 0?{...a,width:c}:a;return u.jsxs(u.Fragment,{children:[o&&u.jsx(b,{icon:o,size:s}),u.jsx(x.Autocomplete.Input,{className:I.cn(h.AUTOCOMPLETE_INPUT_STYLES.recipe({size:s,hasError:p,hasStartIcon:!!o,hasEndAction:!1}),i),style:T,placeholder:m,onMouseDown:d,onFocus:f,onBlur:A,...q})]})});l.displayName="Autocomplete.Input";module.exports=l;
+"use strict";require('../../../../../ui-kit87.css');require('../../../../../ui-kit85.css');require('../../../../../ui-kit77.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const u=require("react/jsx-runtime"),x=require("@base-ui/react/autocomplete"),r=require("react");require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const b=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const h=require("./styles/AutocompleteInput.css.cjs"),I=require("../../../../../utils/cn.cjs"),g=require("../../../../../theme/contract.css.cjs"),i=r.memo(({className:l,placeholder:m,startIcon:o,size:s="md",fontSize:q="md",hasError:p=!1,width:c,onMouseDown:n,style:a,...d})=>{const t=r.useRef(!1),f=r.useCallback(e=>{t.current=!0,n?.(e)},[n]),A=r.useCallback(e=>{t.current&&(e.currentTarget.setAttribute("data-mouse-focus",""),t.current=!1)},[]),S=r.useCallback(e=>{t.current=!1,e.currentTarget.removeAttribute("data-mouse-focus")},[]),T=c!==void 0?{...a,width:c}:a;return u.jsxs(u.Fragment,{children:[o&&u.jsx(b,{icon:o,size:s}),u.jsx(x.Autocomplete.Input,{className:I.cn(h.AUTOCOMPLETE_INPUT_STYLES.recipe({size:s,hasError:p,hasStartIcon:!!o,hasEndAction:!1}),l),style:{fontSize:g.vars.fontSize[q],...T},placeholder:m,onMouseDown:f,onFocus:A,onBlur:S,...d})]})});i.displayName="Autocomplete.Input";module.exports=i;
 //# sourceMappingURL=AutocompleteInput.cjs.map