@iress-oss/ids-components 6.0.0-alpha.3 → 6.0.0-alpha.30

package/.ai/skills/ui-translation.md

@@ -0,0 +1,231 @@
+# Skill: UI Translation
+
+## Purpose
+
+Translate natural language UI descriptions into IDS (Iress Design System) component implementations using `@iress-oss/ids-components` and `@iress-oss/ids-tokens`.
+
+## Setup
+
+```tsx
+import '@iress-oss/ids-components/dist/style.css'; // Required — component styles
+import '@iress-oss/ids-tokens/build/css-vars.css'; // Required if using tokens directly
+import {
+  IressProvider,
+  IressButton,
+  IressInput,
+  IressField,
+  IressStack,
+  IressInline,
+  IressText,
+  IressCard,
+  // ... import what you need
+} from '@iress-oss/ids-components';
+
+// Wrap your app in IressProvider (handles fonts + CSS variables)
+function App() {
+  return <IressProvider>{/* your UI */}</IressProvider>;
+}
+```
+
+## Component Mapping
+
+### Actions
+
+| Description                      | IDS Component                          | Example                                                            |
+| -------------------------------- | -------------------------------------- | ------------------------------------------------------------------ |
+| Submit / primary action button   | `IressButton mode="primary"`           | `<IressButton mode="primary">Submit</IressButton>`                 |
+| Cancel / secondary action button | `IressButton mode="secondary"`         | `<IressButton mode="secondary">Cancel</IressButton>`               |
+| Less prominent action            | `IressButton mode="tertiary"`          | `<IressButton mode="tertiary">Details</IressButton>`               |
+| Icon-only action                 | `IressButton icon="edit" mode="muted"` | `<IressButton mode="muted" icon="edit">Edit</IressButton>`         |
+| Danger / delete action           | `IressButton status="danger"`          | `<IressButton mode="primary" status="danger">Delete</IressButton>` |
+| Link in text                     | `IressLink`                            | `<IressLink href="/about">About</IressLink>`                       |
+| Dropdown/context menu trigger    | `IressDropdownMenu`                    | See patterns docs                                                  |
+
+### Form Inputs
+
+| Description              | IDS Component                       | Example                                                                                                                        |
+| ------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
+| Labelled text input      | `IressField` + `IressInput`         | See Form example below                                                                                                         |
+| Select dropdown          | `IressField` + `IressSelect`        | `<IressField label="Country"><IressSelect>...</IressSelect></IressField>`                                                      |
+| Currency input           | `IressField` + `IressInputCurrency` | `<IressField label="Amount"><IressInputCurrency /></IressField>`                                                               |
+| Checkbox                 | `IressCheckbox`                     | `<IressCheckbox label="I agree" />`                                                                                            |
+| Checkbox group           | `IressCheckboxGroup`                | `<IressCheckboxGroup label="Options"><IressCheckbox label="A" /><IressCheckbox label="B" /></IressCheckboxGroup>`              |
+| Radio buttons            | `IressRadioGroup` + `IressRadio`    | `<IressRadioGroup label="Choice"><IressRadio label="Yes" value="yes" /><IressRadio label="No" value="no" /></IressRadioGroup>` |
+| Toggle switch            | `IressToggle`                       | `<IressToggle label="Enable" />`                                                                                               |
+| Slider / range           | `IressSlider`                       | `<IressSlider min={0} max={100} />`                                                                                            |
+| Autocomplete / typeahead | `IressAutocomplete`                 | See component docs                                                                                                             |
+| Read-only display        | `IressReadonly`                     | `<IressReadonly label="Status" value="Active" />`                                                                              |
+
+### Layout
+
+| Description                                  | IDS Component           | Example                                                                                   |
+| -------------------------------------------- | ----------------------- | ----------------------------------------------------------------------------------------- |
+| Vertical stack (items stacked top-to-bottom) | `IressStack`            | `<IressStack gap="4">...</IressStack>`                                                    |
+| Horizontal row (items side-by-side)          | `IressInline`           | `<IressInline gap="2">...</IressInline>`                                                  |
+| Grid columns                                 | `IressRow` + `IressCol` | `<IressRow><IressCol span={6}>...</IressCol><IressCol span={6}>...</IressCol></IressRow>` |
+| Container with max-width                     | `IressContainer`        | `<IressContainer>...</IressContainer>`                                                    |
+| Divider / separator                          | `IressDivider`          | `<IressDivider />`                                                                        |
+| Responsive visibility                        | `IressHide`             | `<IressHide below="md">Desktop only</IressHide>`                                          |
+
+### Content & Display
+
+| Description          | IDS Component               | Example                                                                                                     |
+| -------------------- | --------------------------- | ----------------------------------------------------------------------------------------------------------- |
+| Text / paragraph     | `IressText`                 | `<IressText>Body text</IressText>`                                                                          |
+| Heading              | `IressText element="h2"`    | `<IressText element="h2">Heading</IressText>`                                                               |
+| Card / panel         | `IressCard` or `IressPanel` | `<IressCard><IressCard.Header>Title</IressCard.Header><IressCard.Body>Content</IressCard.Body></IressCard>` |
+| Alert / notification | `IressAlert`                | `<IressAlert status="success">Saved!</IressAlert>`                                                          |
+| Loading spinner      | `IressSpinner`              | `<IressSpinner />`                                                                                          |
+| Skeleton loader      | `IressSkeleton`             | `<IressSkeleton height="20px" width="200px" />`                                                             |
+| Progress bar         | `IressProgress`             | `<IressProgress value={75} max={100} />`                                                                    |
+| Image                | `IressImage`                | `<IressImage src="..." alt="..." />`                                                                        |
+| Icon                 | `IressIcon`                 | `<IressIcon name="settings" />`                                                                             |
+| Tag / badge          | `IressTag`                  | `<IressTag>New</IressTag>`                                                                                  |
+| Pill                 | `IressPill`                 | `<IressPill>Category</IressPill>`                                                                           |
+| Tooltip              | `IressTooltip`              | `<IressTooltip content="Help text"><IressButton>Hover me</IressButton></IressTooltip>`                      |
+
+### Overlays & Navigation
+
+| Description       | IDS Component                 | Example                                                                   |
+| ----------------- | ----------------------------- | ------------------------------------------------------------------------- |
+| Modal / dialog    | `IressModal`                  | See Modal docs                                                            |
+| Slideout / drawer | `IressSlideout`               | See Slideout docs                                                         |
+| Popover           | `IressPopover`                | See Popover docs                                                          |
+| Menu              | `IressMenu` + `IressMenuItem` | See Menu docs                                                             |
+| Tab navigation    | `IressTabSet` + `IressTab`    | `<IressTabSet><IressTab label="Tab 1">Content 1</IressTab></IressTabSet>` |
+| Skip link (a11y)  | `IressSkipLink`               | `<IressSkipLink href="#main">Skip to content</IressSkipLink>`             |
+| Side navigation   | `IressSideNav`                | See SideNav pattern docs                                                  |
+| Breadcrumbs       | `IressBreadcrumbs`            | See Breadcrumbs pattern docs                                              |
+
+### Tables
+
+| Description | IDS Component | Example                                                                                                 |
+| ----------- | ------------- | ------------------------------------------------------------------------------------------------------- |
+| Data table  | `IressTable`  | `<IressTable><IressTable.Head>...</IressTable.Head><IressTable.Body>...</IressTable.Body></IressTable>` |
+
+## Styling Props (IressCSSProps)
+
+Most IDS components accept styling props for layout adjustments:
+
+| Prop                     | Purpose             | Values                                                              |
+| ------------------------ | ------------------- | ------------------------------------------------------------------- |
+| `m`                      | Margin (all sides)  | Spacing tokens: `"0"` – `"10"`, `"auto"`                            |
+| `my`                     | Margin vertical     | Same as `m`                                                         |
+| `mx`                     | Margin horizontal   | Same as `m`                                                         |
+| `p`                      | Padding (all sides) | Spacing tokens: `"0"` – `"10"`                                      |
+| `py`                     | Padding vertical    | Same as `p`                                                         |
+| `px`                     | Padding horizontal  | Same as `p`                                                         |
+| `bg`                     | Background colour   | Colour tokens: `"colour.primary.fill"`, `"colour.neutral.20"`, etc. |
+| `color`                  | Text colour         | Colour tokens: `"colour.neutral.80"`, `"colour.primary.text"`, etc. |
+| `borderRadius`           | Border radius       | Radius tokens: `"radius.0"` – `"radius.4"`                          |
+| `flex`                   | Flex grow           | `"1"` only                                                          |
+| `maxWidth`               | Max width           | Size tokens                                                         |
+| `hideFrom` / `hideBelow` | Responsive hide     | Breakpoints: `"sm"`, `"md"`, `"lg"`, `"xl"`                         |
+
+## Translation Examples
+
+### "A login form with email and password fields and a submit button"
+
+```tsx
+import {
+  IressButton,
+  IressField,
+  IressInput,
+  IressStack,
+} from '@iress-oss/ids-components';
+
+function LoginForm() {
+  return (
+    <IressStack gap="4">
+      <IressField label="Email" htmlFor="email" required>
+        <IressInput id="email" type="email" placeholder="Enter your email" />
+      </IressField>
+      <IressField label="Password" htmlFor="password" required>
+        <IressInput
+          id="password"
+          type="password"
+          placeholder="Enter your password"
+        />
+      </IressField>
+      <IressButton mode="primary" type="submit">
+        Log in
+      </IressButton>
+    </IressStack>
+  );
+}
+```
+
+### "A card with a title, description, and two action buttons"
+
+```tsx
+import {
+  IressCard,
+  IressButton,
+  IressInline,
+  IressText,
+} from '@iress-oss/ids-components';
+
+function ActionCard() {
+  return (
+    <IressCard>
+      <IressCard.Header>
+        <IressText element="h3">Card Title</IressText>
+      </IressCard.Header>
+      <IressCard.Body>
+        <IressText>
+          This is the card description with supporting details.
+        </IressText>
+      </IressCard.Body>
+      <IressCard.Footer>
+        <IressInline gap="2">
+          <IressButton mode="primary">Confirm</IressButton>
+          <IressButton mode="secondary">Cancel</IressButton>
+        </IressInline>
+      </IressCard.Footer>
+    </IressCard>
+  );
+}
+```
+
+### "A settings page with a toggle, some checkboxes, and a save button"
+
+```tsx
+import {
+  IressStack,
+  IressToggle,
+  IressCheckboxGroup,
+  IressCheckbox,
+  IressButton,
+  IressText,
+  IressDivider,
+} from '@iress-oss/ids-components';
+
+function SettingsPage() {
+  return (
+    <IressStack gap="6">
+      <IressText element="h2">Settings</IressText>
+      <IressToggle label="Enable notifications" />
+      <IressDivider />
+      <IressCheckboxGroup label="Notification types">
+        <IressCheckbox label="Email" value="email" />
+        <IressCheckbox label="SMS" value="sms" />
+        <IressCheckbox label="Push" value="push" />
+      </IressCheckboxGroup>
+      <IressDivider />
+      <IressButton mode="primary">Save settings</IressButton>
+    </IressStack>
+  );
+}
+```
+
+## Best Practices
+
+1. **Always wrap in IressProvider** — Required at the root of your app for fonts and CSS variables
+2. **Use IressField for all form inputs** — Provides consistent labels, hints, and validation display
+3. **Use IressStack/IressInline for layout** — Prefer these over custom CSS flex/grid
+4. **Use spacing tokens for gap** — Values 0–10 map to multiples of 4px
+5. **Use semantic button modes** — One `primary` per section, `secondary` for most actions
+6. **Always include labels** — All form inputs need accessible labels via `IressField`
+7. **Use status for feedback** — `IressAlert` for messages, `status` prop on buttons for danger/success
+8. **Prefer IDS components** — Use `IressText` instead of raw `<p>`, `IressButton` instead of `<button>`
+9. **Check the component docs** — Read the specific component doc for detailed props and patterns (`node_modules/@iress-oss/ids-components/.ai/components/`)

package/dist/Autocomplete-BRMDwwwT.js

@@ -0,0 +1,402 @@
+import { jsx as o, jsxs as O, Fragment as pe } from "react/jsx-runtime";
+import { c as A } from "./cx-DN21T1EH.js";
+import { autoComplete as we } from "./components/Autocomplete/Autocomplete.styles.js";
+import { IressPopover as Ne } from "./components/Popover/Popover.js";
+import "./components/Popover/Popover.styles.js";
+import { IressInputPopover as De } from "./components/Popover/InputPopover/InputPopover.js";
+import { forwardRef as me, useState as B, useRef as ne, useImperativeHandle as xe, useEffect as ae, useCallback as Re } from "react";
+import "./components/Popover/hooks/useFloatingPopover.js";
+import { IressInput as Fe } from "./components/Input/Input.js";
+import "./components/Input/Input.styles.js";
+import { useControlledState as Te } from "./hooks/useControlledState.js";
+import { propagateTestid as ie } from "./helpers/utility/propagateTestid.js";
+import { toArray as Ee } from "./helpers/formatting/toArray.js";
+import { getValueAsEvent as Pe } from "./helpers/form/getValueAsEvent.js";
+import { getFormControlValueAsStringIfDefined as Le } from "./helpers/form/getFormControlValueAsStringIfDefined.js";
+import { useAutocompleteSearch as fe } from "./components/Autocomplete/hooks/useAutocompleteSearch.js";
+import { IressIcon as Ve } from "./components/Icon/Icon.js";
+import { AutocompleteInstructions as ke } from "./components/Autocomplete/components/AutocompleteInstructions.js";
+import { select as Ke } from "./components/Select/Select.styles.js";
+import "./components/Select/SelectBody/SelectBody.js";
+import "./components/Select/SelectCreate/SelectCreate.js";
+import "./components/Select/SelectHeading/SelectHeading.js";
+import "./components/Select/SelectLabel/SelectLabel.js";
+import { IressSelectMenu as Qe } from "./components/Select/SelectMenu/SelectMenu.js";
+import "./components/Select/SelectSearch/SelectSearch.js";
+import "./components/Select/SelectSearchInput/SelectSearchInput.js";
+import "./components/Select/SelectTags/SelectTags.js";
+import "./components/Select/components/NativeSelect.styles.js";
+import { IressReadonly as de } from "./components/Readonly/Readonly.js";
+import "./components/Readonly/Readonly.styles.js";
+import { IressAlert as je } from "./components/Alert/Alert.js";
+import "./components/Alert/Alert.styles.js";
+import { GlobalCSSClass as ce } from "./enums.js";
+import { SelectActivator as qe } from "./components/Select/components/SelectActivator.js";
+import { SelectOptions as He } from "./components/Select/components/SelectOptions.js";
+import { SelectHiddenInput as Me } from "./components/Select/components/SelectHiddenInput.js";
+import { useNoDefaultValueInForms as Oe } from "./patterns/Form/hooks/useNoDefaultValueInForms.js";
+import { useResponsiveProps as Be } from "./hooks/useResponsiveProps.js";
+import { NativeSelect as Ge } from "./components/Select/components/NativeSelect.js";
+import { useSelectState as ze } from "./components/Select/hooks/useSelectState.js";
+const Je = ({
+  align: R = "bottom-start",
+  autoHighlight: G = !0,
+  className: F,
+  defaultValue: T,
+  disabled: d,
+  footer: z,
+  header: C,
+  id: E,
+  matchActivatorWidth: J = !0,
+  multiSelect: h,
+  name: w,
+  onChange: N,
+  onBlur: D,
+  options: u,
+  native: m,
+  placeholder: v,
+  readOnly: U,
+  renderHiddenInput: W,
+  renderLabel: X,
+  renderOptions: Y,
+  required: Z,
+  type: _,
+  value: g,
+  virtualFocus: $,
+  width: P,
+  ...L
+}, ee) => {
+  Oe({
+    component: "IressSelect",
+    defaultValue: T
+  });
+  const [e, t] = B(!1), a = e && !d, [I, S] = B(""), { value: l, setValue: x, getValuesString: V, getLabelsString: i } = ze({
+    component: "IressSelect",
+    defaultValue: T,
+    multiple: h,
+    value: g
+  }), f = ne(null), s = ne(null), c = ne(null), { value: y } = Be(
+    typeof m == "string" ? { xs: !0, [m]: !1 } : { xs: m },
+    {
+      disabled: !m
+    }
+  ), {
+    append: k,
+    debounceThreshold: K,
+    initialOptions: Q,
+    minSearchLength: j,
+    onActivated: q,
+    onDeactivated: H,
+    prepend: te,
+    selectedOptionsText: re,
+    ...p
+  } = L, {
+    debouncedQuery: r,
+    error: n,
+    results: he,
+    stopSearch: ve,
+    loading: le,
+    shouldShowInstructions: ge,
+    shouldShowNoResults: Ie
+  } = fe({
+    debounceThreshold: K,
+    disabled: !e || !!y,
+    initialOptions: Q,
+    minSearchLength: j,
+    options: u,
+    query: I
+  });
+  xe(ee, () => y ? {
+    focus: () => s.current?.focus(),
+    blur: () => s.current?.blur(),
+    input: s.current ?? null
+  } : f.current ? {
+    ...f.current,
+    focus: () => f.current?.getActivator()?.focus(),
+    blur: () => f.current?.getActivator()?.blur(),
+    hiddenInput: c.current ?? void 0,
+    input: c.current ?? null
+  } : {
+    hiddenInput: c.current ?? void 0,
+    input: c.current ?? null,
+    focus: () => c.current?.focus(),
+    blur: () => c.current?.blur()
+  }, [y]), ae(() => {
+    e ? q?.() : H?.();
+  }, [q, H, e]);
+  const Se = Re(
+    (b) => {
+      if (!D) return;
+      const M = b.currentTarget, ue = b.relatedTarget;
+      !e && (!ue || !M.contains(ue)) && D(b), b.stopPropagation();
+    },
+    [D, e]
+  );
+  if (U)
+    return /* @__PURE__ */ o(de, { value: V(), ref: c, children: i(", ") });
+  if (y) {
+    if (u instanceof Function)
+      throw new Error(
+        "[IressSelect] The native select does not support asynchronous options. Please provide options as an array."
+      );
+    if (h)
+      throw new Error(
+        "[IressSelect] The native select does not support multiple selection. Please remove the multiSelect prop or use the non-native select."
+      );
+    return /* @__PURE__ */ o(
+      Ge,
+      {
+        className: A(F, ce.Select),
+        "data-testid": p["data-testid"],
+        disabled: d,
+        id: E,
+        name: w,
+        onChange: (b, M) => {
+          N?.(b, M), x(M);
+        },
+        options: u,
+        placeholder: typeof m == "string" ? v ?? "" : v,
+        style: p.style,
+        value: l,
+        width: P,
+        ref: s
+      }
+    );
+  }
+  const oe = typeof u == "function", ye = $ ?? !oe, be = _ ?? (oe ? void 0 : "listbox"), se = Ke({ width: P }), Ae = () => {
+    t(!0);
+  }, Ce = () => {
+    t(!1), ve();
+  };
+  return /* @__PURE__ */ O(pe, { children: [
+    /* @__PURE__ */ o(
+      Me,
+      {
+        "data-testid": p["data-testid"],
+        getValuesString: V,
+        name: w,
+        renderHiddenInput: W,
+        required: Z,
+        value: l,
+        disabled: d,
+        ref: c
+      }
+    ),
+    /* @__PURE__ */ o(
+      Ne,
+      {
+        ...p,
+        activator: /* @__PURE__ */ o(
+          qe,
+          {
+            append: k,
+            async: oe,
+            disabled: d,
+            error: n,
+            id: E,
+            loading: le,
+            multiSelect: h,
+            onChange: N,
+            placeholder: v,
+            prepend: te,
+            renderLabel: X,
+            selectedOptionsText: re,
+            setValue: x,
+            setShow: t,
+            show: e,
+            value: l
+          }
+        ),
+        align: R,
+        className: A(F, se.root, ce.Select),
+        contentClassName: A(se.popoverContent),
+        matchActivatorWidth: J,
+        onActivated: Ae,
+        onDeactivated: Ce,
+        ref: f,
+        show: a,
+        type: be,
+        virtualFocus: ye,
+        onBlur: Se,
+        children: /* @__PURE__ */ O("div", { className: se.wrapper, children: [
+          C,
+          /* @__PURE__ */ o(
+            He,
+            {
+              autoHighlight: G,
+              debouncedQuery: r,
+              error: n,
+              initialOptions: Q,
+              loading: le,
+              minSearchLength: j,
+              multiSelect: h,
+              onChange: N,
+              options: u,
+              query: I,
+              renderOptions: Y,
+              results: he,
+              setQuery: S,
+              setShow: t,
+              setValue: x,
+              shouldShowInstructions: ge,
+              shouldShowNoResults: Ie,
+              show: a,
+              value: l
+            }
+          ),
+          z
+        ] })
+      }
+    )
+  ] });
+}, Ue = me(Je);
+Ue.displayName = "IressSelect";
+const We = me(
+  ({
+    alwaysShowOnFocus: R,
+    append: G = /* @__PURE__ */ o(Ve, { name: "search" }),
+    autoComplete: F = "off",
+    autoSelect: T = !0,
+    className: d,
+    clearable: z = !0,
+    "data-testid": C,
+    debounceThreshold: E,
+    defaultValue: J,
+    errorText: h = /* @__PURE__ */ o(je, { status: "danger", mb: "none", borderRadius: "radius.system.form", children: "An unknown error occurred. Please contact support if the error persists." }),
+    initialOptions: w,
+    limitDesktop: N = 12,
+    limitMobile: D = 6,
+    minSearchLength: u,
+    noResultsText: m,
+    onChange: v,
+    onClear: U,
+    onFocus: W,
+    options: X,
+    popoverProps: {
+      autoHighlight: Y = !1,
+      append: Z,
+      prepend: _,
+      ...g
+    } = {},
+    readOnly: $,
+    value: P,
+    ...L
+  }, ee) => {
+    const [e, t] = B(!1), { value: a, setValue: I } = Te({
+      component: "IressAutocomplete",
+      defaultValue: J,
+      value: P
+    }), [S, l] = B(!1), {
+      clearError: x,
+      debouncedQuery: V,
+      error: i,
+      loading: f,
+      results: s,
+      startSearch: c,
+      stopSearch: y,
+      shouldShowInstructions: k,
+      shouldShowNoResults: K
+    } = fe({
+      debounceThreshold: E,
+      initialOptions: w,
+      minSearchLength: u,
+      options: X,
+      query: Le(a)
+    });
+    if (ae(() => {
+      S && !e && s.length > 0 && a && t(!0);
+    }, [s.length, e, S, a]), ae(() => {
+      i && t(!0);
+    }, [i]), $)
+      return /* @__PURE__ */ o(de, { value: a });
+    const Q = (r, n) => {
+      v?.(r, n), I(n), l(!!n);
+    }, j = (r) => {
+      U?.(r), I("");
+    }, q = (r) => {
+      W?.(r), w?.length && t(!0);
+    }, H = (r) => {
+      const n = Ee(r)?.[0];
+      v?.(
+        Pe(n?.label),
+        n?.label,
+        n
+      ), I(n?.label), t(!1), l(!1);
+    }, te = () => {
+      (!R || !a) && y(), x(), t(!1), a && l(!1);
+    }, re = (r) => {
+      L.onKeyDown?.(r), r.key === "ArrowDown" && (!e || !S) && (s.length || c(!0), l(!0), t(!0));
+    }, p = we({
+      isEmpty: s.length === 0 && !i && !k && !K
+    });
+    return /* @__PURE__ */ O(
+      De,
+      {
+        ...g,
+        activator: /* @__PURE__ */ o(
+          Fe,
+          {
+            ...L,
+            append: G,
+            autoComplete: F,
+            clearable: z,
+            "data-testid": ie(C, "input"),
+            loading: f,
+            onChange: Q,
+            onClear: j,
+            onFocus: q,
+            onKeyDown: re,
+            value: a,
+            ref: ee
+          }
+        ),
+        autoHighlight: Y,
+        className: A(
+          d,
+          g.className,
+          p.root,
+          ce.Autocomplete
+        ),
+        contentClassName: A(
+          g.contentClassName,
+          p.popoverContent
+        ),
+        contentStyle: g.contentStyle,
+        "data-testid": C,
+        minLength: 0,
+        onActivated: () => (S || R) && t(!0),
+        onDeactivated: te,
+        show: e,
+        type: "listbox",
+        focusStartIndex: 0,
+        children: [
+          s.length > 0 && /* @__PURE__ */ O(pe, { children: [
+            _,
+            /* @__PURE__ */ o(
+              Qe,
+              {
+                changeOnBlur: T,
+                className: A(p.optionList),
+                "data-testid": ie(C, "menu"),
+                items: s,
+                limitDesktop: N,
+                limitMobile: D,
+                onChange: H,
+                selected: { label: V }
+              }
+            ),
+            Z
+          ] }),
+          i && h,
+          k && !i && /* @__PURE__ */ o(ke, { minSearchLength: u ?? 1 }),
+          K && !i && m
+        ]
+      }
+    );
+  }
+);
+We.displayName = "IressAutocomplete";
+export {
+  Ue as I,
+  We as a
+};