@choco-vanille/ui 1.8.0 → 1.9.0

package/dist/components/forms/_shared/components/form-label/FormLabel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.cjs","sources":["../../../../../../src/components/forms/_shared/components/form-label/FormLabel.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\n\nimport { FORM_LABEL_STYLES } from '@components/forms/_shared/components/form-label/styles/FormLabel.css.ts'\nimport type { FormLabelProps } from '@components/forms/_shared/components/form-label/types/FormLabel.props.ts'\nimport { cn } from '@utils/cn.ts'\nimport { vars } from '@theme/contract.css.ts'\n\n/**\n * Reusable label for form controls with the standard typography and disabled\n * presentation.\n */\nconst FormLabel: FC<FormLabelProps> = memo(\n    ({ className, style, fontSize = 'md', disabled, required, ref, children, ...props }) => (\n        <label\n            {...props}\n            ref={ref}\n            className={cn(FORM_LABEL_STYLES.root, className)}\n            style={{ fontSize: vars.fontSize[fontSize], ...style }}\n            data-disabled={disabled ? '' : undefined}\n        >\n            {children}\n            {required && (\n                <span\n                    className={FORM_LABEL_STYLES.requiredIndicator}\n                    aria-hidden={'true'}\n                >\n                    {' *'}\n                </span>\n            )}\n        </label>\n    ),\n)\n\nFormLabel.displayName = 'FormLabel'\n\nexport default FormLabel\n"],"names":["FormLabel","memo","className","style","fontSize","disabled","required","ref","children","props","jsxs","cn","FORM_LABEL_STYLES","vars","jsx"],"mappings":"yMAWMA,EAAgCC,EAAAA,KAClC,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAW,KAAM,SAAAC,EAAU,SAAAC,EAAU,IAAAC,EAAK,SAAAC,EAAU,GAAGC,CAAA,IACxEC,EAAAA,KAAC,QAAA,CACI,GAAGD,EACJ,IAAAF,EACA,UAAWI,EAAAA,GAAGC,oBAAkB,KAAMV,CAAS,EAC/C,MAAO,CAAE,SAAUW,EAAAA,KAAK,SAAST,CAAQ,EAAG,GAAGD,CAAA,EAC/C,gBAAeE,EAAW,GAAK,OAE9B,SAAA,CAAAG,EACAF,GACGQ,EAAAA,IAAC,OAAA,CACG,UAAWF,EAAAA,kBAAkB,kBAC7B,cAAa,OAEZ,SAAA,IAAA,CAAA,CACL,CAAA,CAAA,CAIhB,EAEAZ,EAAU,YAAc"}

package/dist/components/forms/_shared/components/form-label/FormLabel.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormLabelProps } from './types/FormLabel.props.ts';
+/**
+ * Reusable label for form controls with the standard typography and disabled
+ * presentation.
+ */
+declare const FormLabel: FC<FormLabelProps>;
+export default FormLabel;

package/dist/components/forms/_shared/components/form-label/FormLabel.js

@@ -0,0 +1,33 @@
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { memo as f } from "react";
+import { FORM_LABEL_STYLES as r } from "./styles/FormLabel.css.js";
+import { cn as p } from "../../../../../utils/cn.js";
+import { vars as c } from "../../../../../theme/contract.css.js";
+const L = f(
+  ({ className: o, style: a, fontSize: e = "md", disabled: m, required: i, ref: t, children: s, ...d }) => /* @__PURE__ */ l(
+    "label",
+    {
+      ...d,
+      ref: t,
+      className: p(r.root, o),
+      style: { fontSize: c.fontSize[e], ...a },
+      "data-disabled": m ? "" : void 0,
+      children: [
+        s,
+        i && /* @__PURE__ */ n(
+          "span",
+          {
+            className: r.requiredIndicator,
+            "aria-hidden": "true",
+            children: " *"
+          }
+        )
+      ]
+    }
+  )
+);
+L.displayName = "FormLabel";
+export {
+  L as default
+};
+//# sourceMappingURL=FormLabel.js.map

package/dist/components/forms/_shared/components/form-label/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sources":["../../../../../../src/components/forms/_shared/components/form-label/FormLabel.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\n\nimport { FORM_LABEL_STYLES } from '@components/forms/_shared/components/form-label/styles/FormLabel.css.ts'\nimport type { FormLabelProps } from '@components/forms/_shared/components/form-label/types/FormLabel.props.ts'\nimport { cn } from '@utils/cn.ts'\nimport { vars } from '@theme/contract.css.ts'\n\n/**\n * Reusable label for form controls with the standard typography and disabled\n * presentation.\n */\nconst FormLabel: FC<FormLabelProps> = memo(\n    ({ className, style, fontSize = 'md', disabled, required, ref, children, ...props }) => (\n        <label\n            {...props}\n            ref={ref}\n            className={cn(FORM_LABEL_STYLES.root, className)}\n            style={{ fontSize: vars.fontSize[fontSize], ...style }}\n            data-disabled={disabled ? '' : undefined}\n        >\n            {children}\n            {required && (\n                <span\n                    className={FORM_LABEL_STYLES.requiredIndicator}\n                    aria-hidden={'true'}\n                >\n                    {' *'}\n                </span>\n            )}\n        </label>\n    ),\n)\n\nFormLabel.displayName = 'FormLabel'\n\nexport default FormLabel\n"],"names":["FormLabel","memo","className","style","fontSize","disabled","required","ref","children","props","jsxs","cn","FORM_LABEL_STYLES","vars","jsx"],"mappings":";;;;;AAWA,MAAMA,IAAgCC;AAAA,EAClC,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,UAAAC,IAAW,MAAM,UAAAC,GAAU,UAAAC,GAAU,KAAAC,GAAK,UAAAC,GAAU,GAAGC,EAAA,MACxE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGD;AAAA,MACJ,KAAAF;AAAA,MACA,WAAWI,EAAGC,EAAkB,MAAMV,CAAS;AAAA,MAC/C,OAAO,EAAE,UAAUW,EAAK,SAAST,CAAQ,GAAG,GAAGD,EAAA;AAAA,MAC/C,iBAAeE,IAAW,KAAK;AAAA,MAE9B,UAAA;AAAA,QAAAG;AAAA,QACAF,KACG,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWF,EAAkB;AAAA,YAC7B,eAAa;AAAA,YAEZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEAZ,EAAU,cAAc;"}

package/dist/components/forms/_shared/components/form-label/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FormLabel } from './FormLabel.tsx';
+export { FORM_LABEL_STYLES } from './styles/FormLabel.css.ts';
+export type { FormLabelProps } from './types/FormLabel.props.ts';

package/dist/components/forms/_shared/components/form-label/styles/FormLabel.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit79.css');require('../../../../../../ui-kit16.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                          */;/* empty css                               */var e={root:"lg1gei0 lg1gei9",requiredIndicator:"jbrris0"};exports.FORM_LABEL_STYLES=e;
+//# sourceMappingURL=FormLabel.css.cjs.map

package/dist/components/forms/_shared/components/form-label/styles/FormLabel.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/{text-field/components/text-field-label/styles/TextFieldLabel.css.d.ts → _shared/components/form-label/styles/FormLabel.css.d.ts}

@@ -1,4 +1,4 @@
-export declare const TEXT_FIELD_LABEL_STYLES: {
+export declare const FORM_LABEL_STYLES: {
     root: string;
     requiredIndicator: string;
 };

package/dist/components/forms/_shared/components/form-label/styles/FormLabel.css.js

@@ -0,0 +1,8 @@
+import '../../../../../../ui-kit79.css';import '../../../../../../ui-kit16.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                                                        */
+/* empty css                             */
+var t = { root: "lg1gei0 lg1gei9", requiredIndicator: "jbrris0" };
+export {
+  t as FORM_LABEL_STYLES
+};
+//# sourceMappingURL=FormLabel.css.js.map

package/dist/components/forms/_shared/components/form-label/styles/FormLabel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/forms/_shared/components/form-label/types/FormLabel.props.d.ts

@@ -0,0 +1,11 @@
+import { TypographySize } from '../../../../../foundation/typography/types/Typography.types.ts';
+import type * as React from 'react';
+export type FormLabelProps = Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> & React.RefAttributes<HTMLLabelElement> & {
+    /** Font size applied to the label. @default 'md' */
+    fontSize?: TypographySize;
+    /** Marks the associated field as required with the standard indicator. */
+    required?: boolean;
+    /** Applies the disabled label presentation. */
+    disabled?: boolean;
+    children: React.ReactNode;
+};

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-kit107.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-kit107.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/index.d.ts

@@ -1,3 +1,4 @@
 export * from './styles/checkboxVisual.css.ts';
 export * from './styles/radioVisual.css.ts';
+export * from './components/form-label';
 export * from './components/helper-text/HelperText.tsx';

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit66.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-kit49.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-kit66.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit49.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-kit53.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-kit34.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-kit53.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit34.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-kit111.css');require('../../../ui-kit110.css');require('../../../ui-kit106.css');require('../../../ui-kit12.css');require('../../../ui-kit11.css');require('../../../ui-kit10.css');require('../../../ui-kit7.css');require('../../../ui-kit13.css');require('../../../ui-kit14.css');require('../../../ui-kit9.css');require('../../../ui-kit3.css');require('../../../ui-kit6.css');require('../../../ui-kit8.css');require('../../../ui-kit4.css');require('../../../ui-kit5.css');require('../../../ui-kit109.css');require('../../../ui-kit.css');const r=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(t=>r.jsx(o.Autocomplete.Root,{openOnInputClick:!0,...t}));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-kit108.css');require('../../../ui-kit109.css');require('../../../ui-kit111.css');require('../../../ui-kit14.css');require('../../../ui-kit11.css');require('../../../ui-kit5.css');require('../../../ui-kit7.css');require('../../../ui-kit10.css');require('../../../ui-kit8.css');require('../../../ui-kit12.css');require('../../../ui-kit6.css');require('../../../ui-kit4.css');require('../../../ui-kit3.css');require('../../../ui-kit13.css');require('../../../ui-kit9.css');require('../../../ui-kit107.css');require('../../../ui-kit.css');const r=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(t=>r.jsx(o.Autocomplete.Root,{openOnInputClick:!0,...t}));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-kit111.css';import '../../../ui-kit110.css';import '../../../ui-kit106.css';import '../../../ui-kit12.css';import '../../../ui-kit11.css';import '../../../ui-kit10.css';import '../../../ui-kit7.css';import '../../../ui-kit13.css';import '../../../ui-kit14.css';import '../../../ui-kit9.css';import '../../../ui-kit3.css';import '../../../ui-kit6.css';import '../../../ui-kit8.css';import '../../../ui-kit4.css';import '../../../ui-kit5.css';import '../../../ui-kit109.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit108.css';import '../../../ui-kit109.css';import '../../../ui-kit111.css';import '../../../ui-kit14.css';import '../../../ui-kit11.css';import '../../../ui-kit5.css';import '../../../ui-kit7.css';import '../../../ui-kit10.css';import '../../../ui-kit8.css';import '../../../ui-kit12.css';import '../../../ui-kit6.css';import '../../../ui-kit4.css';import '../../../ui-kit3.css';import '../../../ui-kit13.css';import '../../../ui-kit9.css';import '../../../ui-kit107.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-kit106.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit5.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-kit111.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit9.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-kit106.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit111.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit9.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-kit87.css');require('../../../../../ui-kit100.css');require('../../../../../ui-kit86.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:R,open:V,defaultOpen:G,onOpenChange:k,name:w})=>{const{inputId:m,helperId:p,hasError:n,inputValue:E,handleValueChange:q}=H({error:u,value:A,defaultValue:L,onValueChange:R}),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:V,defaultOpen:G,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;
+"use strict";require('../../../../../ui-kit74.css');require('../../../../../ui-kit82.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/form-label/FormLabel.cjs"),D=require("../../../_shared/components/helper-text/HelperText.cjs"),H=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const l=require("../../Autocomplete.cjs"),S=require("./hooks/useAutocompleteField.hook.cjs"),T=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:R,open:V,defaultOpen:G,onOpenChange:k,name:w})=>{const{inputId:m,helperId:p,hasError:n,inputValue:E,handleValueChange:f}=S({error:u,value:A,defaultValue:L,onValueChange:R}),M=s.useMemo(()=>T.toRootItems(i),[i]),N=s.useMemo(()=>i.some(t=>t.type==="group"),[i]),_=s.useCallback(t=>{f(t)},[f]);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(H,{icon:a,size:c}),e.jsxs(l.default,{value:E,onValueChange:_,disabled:j,required:F,open:V,defaultOpen:G,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,q)=>e.jsxs(s.Fragment,{children:[q>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}-${q}`)}):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(D,{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    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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"}
+{"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 FormLabel from '@components/forms/_shared/components/form-label/FormLabel.tsx'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { 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                <FormLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                    fontSize={fontSize}\r\n                >\r\n                    {label}\r\n                </FormLabel>\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","FormLabel","TextFieldStartIcon","Autocomplete","group","groupIndex","Fragment","item","HelperText"],"mappings":"o9BA8BMA,EAAgDC,EAAAA,KAAK,CAAC,CACxD,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,YAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,KACX,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,UAAAC,EAAY,oBACZ,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,CACJ,IAAM,CACF,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,SAAAC,EAAU,WAAAC,EAAY,kBAAAC,CAAA,EAAsBC,EAAqB,CACxF,MAAAxB,EACA,MAAAY,EACA,aAAAC,EACA,cAAAC,CAAA,CACH,EAEKW,EAAQC,EAAAA,QAAQ,IAAMC,EAAAA,YAAYjB,CAAO,EAAG,CAACA,CAAO,CAAC,EACrDkB,EAAYF,EAAAA,QAAQ,IAAMhB,EAAQ,KAAMmB,GAAWA,EAAO,OAAS,OAAO,EAAG,CAACnB,CAAO,CAAC,EAEtFoB,EAAgCC,EAAAA,YACjCC,GAAsB,CAAET,EAAkBS,CAAS,CAAE,EACtD,CAACT,CAAiB,CAAA,EAGtB,OACIU,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,IAAK,KACL,MAAO,OACP,WAAY,QACZ,MAAO7B,IAAU,OAAY,CAAE,MAAAA,GAAU,OACzC,UAAAM,EAEC,SAAA,CAAAb,GACGqC,EAAAA,IAACC,EAAA,CACG,QAASjB,EACT,SAAAb,EACA,SAAAF,EAEC,SAAAN,CAAA,CAAA,EAITmC,EAAAA,KAACC,EAAA,CACG,SAAU,WACV,MAAO,OACP,IAAK,OAEJ,SAAA,CAAAjC,GACGkC,EAAAA,IAACE,EAAA,CACG,KAAMpC,EACN,KAAAE,CAAA,CAAA,EAIR8B,EAAAA,KAACK,EAAAA,QAAA,CACG,MAAOhB,EACP,cAAeQ,EACf,SAAAxB,EACA,SAAAC,EACA,KAAAQ,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,MAAAO,EAEA,SAAA,CAAAQ,OAACK,EAAAA,QAAa,WAAb,CAAwB,MAAO,CAAE,MAAO,QACrC,SAAA,CAAAH,EAAAA,IAACG,EAAAA,QAAa,MAAb,CACG,GAAInB,EACJ,YAAAjB,EACA,UAAAD,EACA,KAAAE,EACA,SAAAC,EACA,SAAAiB,EACA,mBAAkBrB,GAASD,EAAaqB,EAAW,OACnD,eAAcC,GAAY,MAAA,CAAA,EAE9Bc,MAACG,EAAAA,QAAa,QAAb,CAAA,CAAqB,CAAA,EAC1B,EACAL,EAAAA,KAACK,EAAAA,QAAa,QAAb,CAAqB,iBAAA9B,EAOjB,SAAA,CAAAoB,EACGO,EAAAA,IAACG,UAAa,KAAb,CACI,UAACC,EAAyFC,WACtFC,EAAAA,SAAA,CACI,SAAA,CAAAD,EAAa,GAAKL,EAAAA,IAACG,EAAAA,QAAa,UAAb,CAAA,CAAuB,SAC1CA,EAAAA,QAAa,MAAb,CAAmB,MAAOC,EAAM,MAC7B,SAAA,CAAAJ,EAAAA,IAACG,EAAAA,QAAa,MAAb,CAAoB,SAAAC,EAAM,MAAM,EACjCJ,EAAAA,IAACG,EAAAA,QAAa,WAAb,CACI,SAACI,GACEP,EAAAA,IAACG,EAAAA,QAAa,KAAb,CAEG,MAAOI,EAAK,MACZ,SAAUA,EAAK,SAEd,SAAAA,EAAK,KAAA,EAJDA,EAAK,KAAA,CAKd,CAER,CAAA,CAAA,CACJ,CAAA,CAAA,EAfW,SAASH,EAAM,KAAK,IAAIC,CAAU,EAgBjD,CAAA,CAER,EAEAL,EAAAA,IAACG,EAAAA,QAAa,KAAb,CACI,SAACI,GACEP,EAAAA,IAACG,EAAAA,QAAa,KAAb,CAEG,MAAOI,EAAK,MACZ,SAAUA,EAAK,SAEd,SAAAA,EAAK,KAAA,EAJDA,EAAK,KAAA,EAOtB,EAEJP,EAAAA,IAACG,EAAAA,QAAa,MAAb,CAAoB,SAAA7B,CAAA,CAAU,CAAA,CAAA,CACnC,CAAA,CAAA,CAAA,CACJ,CAAA,CAAA,GAGFT,GAASD,IACPoC,EAAAA,IAACQ,EAAA,CACG,GAAIvB,EACJ,SAAAC,EAEC,SAAArB,GAASD,CAAA,CAAA,CACd,CAAA,CAAA,CAIhB,CAAC,EAEDH,EAAkB,YAAc"}

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

@@ -1,31 +1,30 @@
 import { jsxs as o, jsx as l } from "react/jsx-runtime";
-import { memo as M, useMemo as F, useCallback as R, Fragment as S } from "react";
-import x from "../../../../layout/flex/Flex.js";
+import { memo as R, useMemo as F, useCallback as S, Fragment as T } from "react";
+import y from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";
-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-kit100.css';import '../../../../../ui-kit86.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
-/* empty css                                                   */
-/* empty css                                                                                       */
+import q from "../../../_shared/components/form-label/FormLabel.js";
+import B from "../../../_shared/components/helper-text/HelperText.js";
 import J from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
+import '../../../../../ui-kit74.css';import '../../../../../ui-kit82.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
+/* empty css                                                   */
 /* empty css                                                                                                */
 import "../../../text-field/components/text-field-end-action/TextFieldEndAction.js";
 /* empty css                                                                                                */
 import e from "../../Autocomplete.js";
 import K from "./hooks/useAutocompleteField.hook.js";
 import { toRootItems as O } from "./utils/toRootItems.utils.js";
-const P = M(({
-  label: p,
+const P = R(({
+  label: c,
   helperText: a,
   error: t,
   startIcon: m,
-  placeholder: y,
-  size: c = "md",
+  placeholder: C,
+  size: p = "md",
   fontSize: u = "md",
   width: s,
   disabled: h,
-  required: C,
-  listboxAriaLabel: I,
+  required: I,
+  listboxAriaLabel: x,
   emptyText: A = "No results found.",
   options: r,
   className: L,
@@ -35,21 +34,21 @@ const P = M(({
   open: w,
   defaultOpen: E,
   onOpenChange: N,
-  name: T
+  name: $
 }) => {
-  const { inputId: v, helperId: b, hasError: n, inputValue: $, handleValueChange: f } = K({
+  const { inputId: v, helperId: b, hasError: n, inputValue: k, handleValueChange: f } = K({
     error: t,
     value: V,
     defaultValue: G,
     onValueChange: j
-  }), k = F(() => O(r), [r]), D = F(() => r.some((i) => i.type === "group"), [r]), H = R(
+  }), D = F(() => O(r), [r]), H = F(() => r.some((i) => i.type === "group"), [r]), M = S(
     (i) => {
       f(i);
     },
     [f]
   );
   return /* @__PURE__ */ o(
-    x,
+    y,
     {
       flexDirection: "column",
       gap: "xs",
@@ -58,17 +57,17 @@ const P = M(({
       style: s !== void 0 ? { width: s } : void 0,
       className: L,
       children: [
-        p && /* @__PURE__ */ l(
-          B,
+        c && /* @__PURE__ */ l(
+          q,
           {
             htmlFor: v,
             disabled: h,
             fontSize: u,
-            children: p
+            children: c
           }
         ),
         /* @__PURE__ */ o(
-          x,
+          y,
           {
             position: "relative",
             width: "100%",
@@ -78,30 +77,30 @@ const P = M(({
                 J,
                 {
                   icon: m,
-                  size: c
+                  size: p
                 }
               ),
               /* @__PURE__ */ o(
                 e,
                 {
-                  value: $,
-                  onValueChange: H,
+                  value: k,
+                  onValueChange: M,
                   disabled: h,
-                  required: C,
+                  required: I,
                   open: w,
                   defaultOpen: E,
                   onOpenChange: N,
-                  name: T,
-                  items: k,
+                  name: $,
+                  items: D,
                   children: [
                     /* @__PURE__ */ o(e.InputGroup, { style: { width: "100%" }, children: [
                       /* @__PURE__ */ l(
                         e.Input,
                         {
                           id: v,
-                          placeholder: y,
+                          placeholder: C,
                           startIcon: m,
-                          size: c,
+                          size: p,
                           fontSize: u,
                           hasError: n,
                           "aria-describedby": t || a ? b : void 0,
@@ -110,8 +109,8 @@ const P = M(({
                       ),
                       /* @__PURE__ */ l(e.Trigger, {})
                     ] }),
-                    /* @__PURE__ */ o(e.Content, { listboxAriaLabel: I, children: [
-                      D ? /* @__PURE__ */ l(e.List, { children: (i, g) => /* @__PURE__ */ o(S, { children: [
+                    /* @__PURE__ */ o(e.Content, { listboxAriaLabel: x, children: [
+                      H ? /* @__PURE__ */ l(e.List, { children: (i, g) => /* @__PURE__ */ o(T, { children: [
                         g > 0 && /* @__PURE__ */ l(e.Separator, {}),
                         /* @__PURE__ */ o(e.Group, { items: i.items, children: [
                           /* @__PURE__ */ l(e.Label, { children: i.label }),
@@ -143,7 +142,7 @@ const P = M(({
           }
         ),
         (t || a) && /* @__PURE__ */ l(
-          q,
+          B,
           {
             id: b,
             hasError: n,

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    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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"}
+{"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 FormLabel from '@components/forms/_shared/components/form-label/FormLabel.tsx'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { 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                <FormLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                    fontSize={fontSize}\r\n                >\r\n                    {label}\r\n                </FormLabel>\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","FormLabel","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-kit87.css');require('../../../../../ui-kit100.css');require('../../../../../ui-kit86.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;
+"use strict";require('../../../../../ui-kit74.css');require('../../../../../ui-kit82.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const o=require("react/jsx-runtime"),x=require("@base-ui/react/autocomplete"),t=require("react"),b=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* 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"),l=t.memo(({className:i,placeholder:m,startIcon:u,size:s="md",fontSize:p="md",hasError:d=!1,width:c,onMouseDown:n,style:a,...f})=>{const r=t.useRef(!1),q=t.useCallback(e=>{r.current=!0,n?.(e)},[n]),A=t.useCallback(e=>{r.current&&(e.currentTarget.setAttribute("data-mouse-focus",""),r.current=!1)},[]),S=t.useCallback(e=>{r.current=!1,e.currentTarget.removeAttribute("data-mouse-focus")},[]),T=c!==void 0?{...a,width:c}:a;return o.jsxs(o.Fragment,{children:[u&&o.jsx(b,{icon:u,size:s}),o.jsx(x.Autocomplete.Input,{className:I.cn(h.AUTOCOMPLETE_INPUT_STYLES.recipe({size:s,hasError:d,hasStartIcon:!!u,hasEndAction:!1}),i),style:{fontSize:g.vars.fontSize[p],...T},placeholder:m,onMouseDown:q,onFocus:A,onBlur:S,...f})]})});l.displayName="Autocomplete.Input";module.exports=l;
 //# sourceMappingURL=AutocompleteInput.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInput.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-input/AutocompleteInput.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { type FC, memo, useCallback, useRef } from 'react'\r\n\r\nimport { TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport { AUTOCOMPLETE_INPUT_STYLES } from '@components/forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { AutocompleteInputProps } from '@components/forms/autocomplete/components/autocomplete-input/types/AutocompleteInput.props.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/**\r\n * The text input that filters the autocomplete list.\r\n *\r\n * Looks exactly like a TextField input: same height, padding, border, focus\r\n * ring and disabled state. Supports `size`, `startIcon`, `placeholder`,\r\n * `hasError` and `width`.\r\n */\r\nconst AutocompleteInput: FC<AutocompleteInputProps> = memo(({\r\n    className,\r\n    placeholder,\r\n    startIcon,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    hasError = false,\r\n    width,\r\n    onMouseDown,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const pointerDownRef = useRef(false)\r\n\r\n    const handleMouseDown: NonNullable<BaseAutocomplete.Input.Props['onMouseDown']> = useCallback(\r\n        (event) => {\r\n            pointerDownRef.current = true\r\n            onMouseDown?.(event)\r\n        },\r\n        [onMouseDown],\r\n    )\r\n\r\n    const handleFocus = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\r\n        if (pointerDownRef.current) {\r\n            event.currentTarget.setAttribute('data-mouse-focus', '')\r\n            pointerDownRef.current = false\r\n        }\r\n    }, [])\r\n\r\n    const handleBlur = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\r\n        pointerDownRef.current = false\r\n        event.currentTarget.removeAttribute('data-mouse-focus')\r\n    }, [])\r\n\r\n    const mergedStyle = width !== undefined ? { ...style, width } : style\r\n\r\n    return (\r\n        <>\r\n            {startIcon && (\r\n                <TextFieldStartIcon\r\n                    icon={startIcon}\r\n                    size={size}\r\n                />\r\n            )}\r\n            <BaseAutocomplete.Input\r\n                className={cn(\r\n                    AUTOCOMPLETE_INPUT_STYLES.recipe({\r\n                        size,\r\n                        hasError,\r\n                        hasStartIcon: Boolean(startIcon),\r\n                        hasEndAction: false,\r\n                    }),\r\n                    className,\r\n                )}\r\n                style={{ fontSize: vars.fontSize[fontSize], ...mergedStyle }}\r\n                placeholder={placeholder}\r\n                onMouseDown={handleMouseDown}\r\n                onFocus={handleFocus}\r\n                onBlur={handleBlur}\r\n                {...props}\r\n            />\r\n        </>\r\n    )\r\n})\r\n\r\nAutocompleteInput.displayName = 'Autocomplete.Input'\r\n\r\nexport default AutocompleteInput\r\n"],"names":["AutocompleteInput","memo","className","placeholder","startIcon","size","fontSize","hasError","width","onMouseDown","style","props","pointerDownRef","useRef","handleMouseDown","useCallback","event","handleFocus","handleBlur","mergedStyle","jsxs","Fragment","jsx","TextFieldStartIcon","BaseAutocomplete","cn","AUTOCOMPLETE_INPUT_STYLES","vars"],"mappings":"k9BAgBMA,EAAgDC,EAAAA,KAAK,CAAC,CACxD,UAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,KACX,SAAAC,EAAW,GACX,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAiBC,EAAAA,OAAO,EAAK,EAE7BC,EAA4EC,EAAAA,YAC7EC,GAAU,CACPJ,EAAe,QAAU,GACzBH,IAAcO,CAAK,CACvB,EACA,CAACP,CAAW,CAAA,EAGVQ,EAAcF,cAAaC,GAA8C,CACvEJ,EAAe,UACfI,EAAM,cAAc,aAAa,mBAAoB,EAAE,EACvDJ,EAAe,QAAU,GAEjC,EAAG,CAAA,CAAE,EAECM,EAAaH,cAAaC,GAA8C,CAC1EJ,EAAe,QAAU,GACzBI,EAAM,cAAc,gBAAgB,kBAAkB,CAC1D,EAAG,CAAA,CAAE,EAECG,EAAcX,IAAU,OAAY,CAAE,GAAGE,EAAO,MAAAF,GAAUE,EAEhE,OACIU,EAAAA,KAAAC,WAAA,CACK,SAAA,CAAAjB,GACGkB,EAAAA,IAACC,EAAA,CACG,KAAMnB,EACN,KAAAC,CAAA,CAAA,EAGRiB,EAAAA,IAACE,EAAAA,aAAiB,MAAjB,CACG,UAAWC,EAAAA,GACPC,EAAAA,0BAA0B,OAAO,CAC7B,KAAArB,EACA,SAAAE,EACA,aAAc,EAAQH,EACtB,aAAc,EAAA,CACjB,EACDF,CAAA,EAEJ,MAAO,CAAE,SAAUyB,EAAAA,KAAK,SAASrB,CAAQ,EAAG,GAAGa,CAAA,EAC/C,YAAAhB,EACA,YAAaW,EACb,QAASG,EACT,OAAQC,EACP,GAAGP,CAAA,CAAA,CACR,EACJ,CAER,CAAC,EAEDX,EAAkB,YAAc"}
+{"version":3,"file":"AutocompleteInput.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-input/AutocompleteInput.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { type FC, memo, useCallback, useRef } from 'react'\r\n\r\nimport { TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport { AUTOCOMPLETE_INPUT_STYLES } from '@components/forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { AutocompleteInputProps } from '@components/forms/autocomplete/components/autocomplete-input/types/AutocompleteInput.props.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/**\r\n * The text input that filters the autocomplete list.\r\n *\r\n * Looks exactly like a TextField input: same height, padding, border, focus\r\n * ring and disabled state. Supports `size`, `startIcon`, `placeholder`,\r\n * `hasError` and `width`.\r\n */\r\nconst AutocompleteInput: FC<AutocompleteInputProps> = memo(({\r\n    className,\r\n    placeholder,\r\n    startIcon,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    hasError = false,\r\n    width,\r\n    onMouseDown,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const pointerDownRef = useRef(false)\r\n\r\n    const handleMouseDown: NonNullable<BaseAutocomplete.Input.Props['onMouseDown']> = useCallback(\r\n        (event) => {\r\n            pointerDownRef.current = true\r\n            onMouseDown?.(event)\r\n        },\r\n        [onMouseDown],\r\n    )\r\n\r\n    const handleFocus = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\r\n        if (pointerDownRef.current) {\r\n            event.currentTarget.setAttribute('data-mouse-focus', '')\r\n            pointerDownRef.current = false\r\n        }\r\n    }, [])\r\n\r\n    const handleBlur = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\r\n        pointerDownRef.current = false\r\n        event.currentTarget.removeAttribute('data-mouse-focus')\r\n    }, [])\r\n\r\n    const mergedStyle = width !== undefined ? { ...style, width } : style\r\n\r\n    return (\r\n        <>\r\n            {startIcon && (\r\n                <TextFieldStartIcon\r\n                    icon={startIcon}\r\n                    size={size}\r\n                />\r\n            )}\r\n            <BaseAutocomplete.Input\r\n                className={cn(\r\n                    AUTOCOMPLETE_INPUT_STYLES.recipe({\r\n                        size,\r\n                        hasError,\r\n                        hasStartIcon: Boolean(startIcon),\r\n                        hasEndAction: false,\r\n                    }),\r\n                    className,\r\n                )}\r\n                style={{ fontSize: vars.fontSize[fontSize], ...mergedStyle }}\r\n                placeholder={placeholder}\r\n                onMouseDown={handleMouseDown}\r\n                onFocus={handleFocus}\r\n                onBlur={handleBlur}\r\n                {...props}\r\n            />\r\n        </>\r\n    )\r\n})\r\n\r\nAutocompleteInput.displayName = 'Autocomplete.Input'\r\n\r\nexport default AutocompleteInput\r\n"],"names":["AutocompleteInput","memo","className","placeholder","startIcon","size","fontSize","hasError","width","onMouseDown","style","props","pointerDownRef","useRef","handleMouseDown","useCallback","event","handleFocus","handleBlur","mergedStyle","jsxs","Fragment","jsx","TextFieldStartIcon","BaseAutocomplete","cn","AUTOCOMPLETE_INPUT_STYLES","vars"],"mappings":"sxBAgBMA,EAAgDC,EAAAA,KAAK,CAAC,CACxD,UAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,KACX,SAAAC,EAAW,GACX,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAiBC,EAAAA,OAAO,EAAK,EAE7BC,EAA4EC,EAAAA,YAC7EC,GAAU,CACPJ,EAAe,QAAU,GACzBH,IAAcO,CAAK,CACvB,EACA,CAACP,CAAW,CAAA,EAGVQ,EAAcF,cAAaC,GAA8C,CACvEJ,EAAe,UACfI,EAAM,cAAc,aAAa,mBAAoB,EAAE,EACvDJ,EAAe,QAAU,GAEjC,EAAG,CAAA,CAAE,EAECM,EAAaH,cAAaC,GAA8C,CAC1EJ,EAAe,QAAU,GACzBI,EAAM,cAAc,gBAAgB,kBAAkB,CAC1D,EAAG,CAAA,CAAE,EAECG,EAAcX,IAAU,OAAY,CAAE,GAAGE,EAAO,MAAAF,GAAUE,EAEhE,OACIU,EAAAA,KAAAC,WAAA,CACK,SAAA,CAAAjB,GACGkB,EAAAA,IAACC,EAAA,CACG,KAAMnB,EACN,KAAAC,CAAA,CAAA,EAGRiB,EAAAA,IAACE,EAAAA,aAAiB,MAAjB,CACG,UAAWC,EAAAA,GACPC,EAAAA,0BAA0B,OAAO,CAC7B,KAAArB,EACA,SAAAE,EACA,aAAc,EAAQH,EACtB,aAAc,EAAA,CACjB,EACDF,CAAA,EAEJ,MAAO,CAAE,SAAUyB,EAAAA,KAAK,SAASrB,CAAQ,EAAG,GAAGa,CAAA,EAC/C,YAAAhB,EACA,YAAaW,EACb,QAASG,EACT,OAAQC,EACP,GAAGP,CAAA,CAAA,CACR,EACJ,CAER,CAAC,EAEDX,EAAkB,YAAc"}