@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.6

package/dist/esm/components/app-menu/parts/AppMenuFooter.js

@@ -1,232 +0,0 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { useState as M, isValidElement as N, cloneElement as w } from "react";
-import { FormattedMessage as p, useIntl as P } from "react-intl";
-import { twMerge as b } from "tailwind-merge";
-import { Actionable as g } from "../../actionable/Actionable.js";
-import { Avatar as V } from "../../avatar/Avatar.js";
-import { AvatarFallback as z } from "../../avatar/parts/AvatarFallback.js";
-import { AvatarImage as F } from "../../avatar/parts/AvatarImage.js";
-import { Badge as H } from "../../badge/Badge.js";
-import { Icon as h } from "../../icon/Icon.js";
-import { Menu as I } from "../../menu/Menu.js";
-import { MenuContent as j } from "../../menu/parts/MenuContent.js";
-import { MenuHeader as A } from "../../menu/parts/MenuHeader.js";
-import { MenuTrigger as E } from "../../menu/parts/MenuTrigger.js";
-import { useAppMenuContext as O } from "./AppMenu.context.js";
-const v = (i) => /* @__PURE__ */ u(
-  V,
-  {
-    "aria-label": `${i.title} avatar`,
-    size: "md",
-    variant: "square",
-    "aria-labelledby": "profile-button-label",
-    children: [
-      /* @__PURE__ */ e(F, { src: i.avatar, alt: i.title ?? "" }),
-      /* @__PURE__ */ e(z, { variant: "initials", delayMs: 100, children: i.title }),
-      i.avatarPair && N(i.avatarPair) && w(i.avatarPair, {
-        isHidden: !i.isPairAvatarVisible
-      })
-    ]
-  }
-), S = ({
-  avatar: i,
-  avatarPair: r,
-  title: a,
-  uploadAvatarCallback: l,
-  uploadAvatarLabel: c,
-  uploadAvatarDescription: n
-}) => {
-  const [o, s] = M(!0), y = P(), t = () => {
-    r && s((m) => !m);
-  }, d = b(
-    "uy-group uy-relative uy-leading-[0] uy-rounded-75 focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-utility-focus-ring focus-visible:uy-ring-offset-2"
-  );
-  return /* @__PURE__ */ u(
-    g,
-    {
-      "aria-describedby": "profile-picture-change-desc",
-      "aria-label": c || y.formatMessage({
-        id: "unity:component:app-menu:footer:profile-button:avatar:change",
-        defaultMessage: "Change profile picture"
-      }),
-      className: d,
-      onHoverStart: t,
-      onHoverEnd: t,
-      onFocus: t,
-      onBlur: t,
-      onPress: () => {
-        l == null || l();
-      },
-      children: [
-        /* @__PURE__ */ e(
-          v,
-          {
-            avatar: i,
-            avatarPair: r,
-            title: a,
-            isPairAvatarVisible: o
-          }
-        ),
-        /* @__PURE__ */ u("div", { className: "uy-flex uy-pointer-events-none uy-opacity-0 group-hover:uy-opacity-70 group-hover:uy-pointer-events-auto group-focus-visible:uy-opacity-70 group-focus-visible:uy-pointer-events-auto uy-bg-utility-backdrop uy-rounded-circle uy-absolute uy-top-0 uy-left-0 uy-w-full uy-h-full uy-transition-all uy-duration-200 uy-items-center uy-justify-center", children: [
-          /* @__PURE__ */ e(
-            h,
-            {
-              alt: "Camera",
-              color: "content.inverted",
-              size: 24,
-              src: "CameraOutlined"
-            }
-          ),
-          /* @__PURE__ */ e("span", { className: "uy-sr-only", id: "profile-picture-change-desc", children: n || /* @__PURE__ */ e(
-            p,
-            {
-              id: "unity:component:app-menu:footer:profile-button:avatar:change-description",
-              defaultMessage: "Press enter to change profile picture"
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}, f = ({
-  asMenuHeader: i = !1,
-  avatar: r,
-  avatarPair: a,
-  badgeLabel: l,
-  description: c,
-  menuTriggerDescription: n,
-  title: o,
-  uploadAvatarCallback: s,
-  uploadAvatarLabel: y,
-  uploadAvatarDescription: t
-}) => /* @__PURE__ */ u("div", { className: "uy-min-w-[240px] uy-w-full uy-flex uy-items-center", children: [
-  /* @__PURE__ */ e("div", { className: "uy-mr-150 uy-flex uy-items-center", children: s ? /* @__PURE__ */ e(
-    S,
-    {
-      avatar: r,
-      avatarPair: a,
-      title: o,
-      uploadAvatarLabel: y,
-      uploadAvatarDescription: t,
-      uploadAvatarCallback: s
-    }
-  ) : /* @__PURE__ */ e(
-    v,
-    {
-      avatar: r,
-      avatarPair: a,
-      title: o,
-      isPairAvatarVisible: !0
-    }
-  ) }),
-  /* @__PURE__ */ u("div", { className: "uy-flex uy-flex-col uy-text-left uy-leading-125 uy-min-w-[50%] uy-flex-grow", children: [
-    /* @__PURE__ */ e(
-      "span",
-      {
-        id: "profile-button-label",
-        className: "uy-typography-body-strong uy-text-content-neutral uy-text-wrap",
-        "data-dd-privacy": "mask",
-        children: o
-      }
-    ),
-    /* @__PURE__ */ e(
-      "span",
-      {
-        className: "uy-typography-body-small uy-text-content-neutral-low",
-        "data-dd-privacy": "allow",
-        children: c
-      }
-    ),
-    !i && /* @__PURE__ */ e("span", { id: "profile-button-description", className: "uy-sr-only", children: n || /* @__PURE__ */ e(
-      p,
-      {
-        id: "unity:component:app-menu:footer:profile-button:description",
-        defaultMessage: "Press this button to open the profile menu."
-      }
-    ) })
-  ] }),
-  /* @__PURE__ */ e("div", { className: "uy-p-100", children: i ? /* @__PURE__ */ e(H, { className: "uy-capitalize", variant: "neutral", children: l }) : /* @__PURE__ */ e(
-    h,
-    {
-      src: "CaretUpDownOutlined",
-      alt: "open",
-      size: 20,
-      color: "inherit"
-    }
-  ) })
-] }), k = ({
-  avatar: i,
-  avatarPair: r,
-  badgeLabel: a,
-  children: l,
-  computeSlot: c,
-  description: n,
-  title: o,
-  menuTriggerDescription: s,
-  uploadAvatarCallback: y,
-  uploadAvatarLabel: t,
-  uploadAvatarDescription: d
-}) => {
-  const { isMobileMenuOpen: m } = O(), x = b(
-    "uy-fixed uy-bottom-0 uy-left-0 uy-right-0 uy-z-10 uy-bg-canvas",
-    "uy-p-150",
-    "md:uy-static md:uy-mt-auto md:uy-p-0 md:uy-bg-[transparent]",
-    "data-[mobile-open=false]:uy-hidden md:data-[mobile-open=false]:uy-block data-[mobile-open=true]:uy-block"
-  );
-  return /* @__PURE__ */ u(
-    "aside",
-    {
-      className: x,
-      "data-mobile-open": m,
-      id: "app-menu-profile-button",
-      children: [
-        c,
-        /* @__PURE__ */ u(I, { children: [
-          /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
-            g,
-            {
-              className: "uy-rounded-75 uy-px-150 uy-py-100 uy-w-full enabled:hover:uy-bg-surface-neutral-hover enabled:active:uy-bg-surface-neutral-active enabled:data-[pressed]:uy-bg-surface-neutral-active enabled:focus-visible:uy-outline-none enabled:focus-visible:uy-ring-2 enabled:focus-visible:uy-ring-utility-focus-ring enabled:focus-visible:uy-ring-offset-2",
-              "aria-labelledby": "profile-button-label",
-              "aria-describedby": "profile-button-description",
-              children: /* @__PURE__ */ e(
-                f,
-                {
-                  avatar: i,
-                  avatarPair: r,
-                  badgeLabel: a,
-                  description: n,
-                  menuTriggerDescription: s,
-                  title: o,
-                  uploadAvatarCallback: y,
-                  uploadAvatarLabel: t,
-                  uploadAvatarDescription: d
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ u(j, { width: 312, placement: "top left", children: [
-            /* @__PURE__ */ e(A, { className: "uy-rounded-75", children: /* @__PURE__ */ e(
-              f,
-              {
-                asMenuHeader: !0,
-                avatar: i,
-                avatarPair: r,
-                badgeLabel: a,
-                description: n,
-                menuTriggerDescription: s,
-                title: o,
-                uploadAvatarCallback: y,
-                uploadAvatarLabel: t,
-                uploadAvatarDescription: d
-              }
-            ) }),
-            l
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  k as AppMenuFooter
-};

package/dist/esm/components/app-menu/parts/AppMenuHeader.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-export interface AppMenuHeader {
-    environment: 'production' | 'working' | 'testing' | 'development' | 'local';
-    linkHref: string;
-    linkLabel: string;
-    notificationsComponent?: ReactNode;
-    searchComponent?: ReactNode;
-}
-export declare const AppMenuHeader: ({ environment, linkHref, linkLabel, notificationsComponent, searchComponent, }: AppMenuHeader) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/app-menu/parts/AppMenuHeader.js

@@ -1,41 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useIntl as p } from "react-intl";
-import { Link as m } from "react-router-dom";
-import { IconButton as s } from "../../icon-button/IconButton.js";
-import { PayFitBrand as c } from "../../payfit-brand/PayFitBrand.js";
-import { PayFitBrandPreprod as y } from "../../payfit-brand/PayFitPreprod.js";
-import { useAppMenuContext as f } from "./AppMenu.context.js";
-const N = ({
-  environment: o,
-  linkHref: a,
-  linkLabel: t,
-  notificationsComponent: r,
-  searchComponent: l
-}) => {
-  const { isMobileMenuOpen: n, toggleMobileMenu: u } = f(), d = p();
-  return /* @__PURE__ */ i("header", { className: "uy-flex uy-flex-col uy-gap-y-200 uy-pl-25 uy-pr-25", children: [
-    /* @__PURE__ */ e("div", { className: "uy-block md:uy-hidden", children: /* @__PURE__ */ e(
-      s,
-      {
-        variant: "ghost",
-        color: "neutral",
-        icon: n ? "CloseOutlined" : "ListOutlined",
-        label: d.formatMessage({
-          id: n ? "unity:component:app-menu:header:menu-close" : "unity:component:app-menu:header:menu-open",
-          defaultMessage: n ? "Close navigation" : "Open navigation"
-        }),
-        onClick: u,
-        "aria-expanded": n,
-        "aria-controls": "app-menu-nav-container app-menu-profile-button"
-      }
-    ) }),
-    /* @__PURE__ */ i("div", { className: "uy-hidden uy-justify-between uy-items-center md:uy-flex", children: [
-      /* @__PURE__ */ e(m, { to: a, children: o === "production" ? /* @__PURE__ */ e(c, { label: t, width: 104 }) : /* @__PURE__ */ e(y, { label: t, env: o }) }),
-      r
-    ] }),
-    /* @__PURE__ */ e("div", { className: "uy-hidden md:uy-flex", children: l })
-  ] });
-};
-export {
-  N as AppMenuHeader
-};

package/dist/esm/components/app-menu/parts/AppMenuNavContent.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-export type AppMenuNavContentProps = {
-    children: ReactNode;
-};
-export declare const AppMenuNavContent: ({ children }: AppMenuNavContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/app-menu/parts/AppMenuNavContent.js

@@ -1,23 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { twMerge as y } from "tailwind-merge";
-import { useAppMenuContext as a } from "./AppMenu.context.js";
-const r = ({ children: e }) => {
-  const { isMobileMenuOpen: u } = a(), o = y(
-    "uy-flex-col uy-overflow-y-auto uy-overflow-x-hidden uy-gap-y-100 uy-pl-200 uy-pr-200 uy-pb-200 uy-scroll-py-100 md:uy-flex",
-    "uy-bg-canvas md:uy-bg-[transparent]",
-    "uy-absolute uy-top-800 uy-left-0 uy-right-0 uy-z-10 uy-h-svh md:uy-static md:uy-w-auto md:uy-pl-50 md:uy-pr-50 md:uy-pb-50",
-    "data-[mobile-open=false]:uy-hidden md:data-[mobile-open=false]:uy-flex data-[mobile-open=true]:uy-flex"
-  );
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: o,
-      "data-mobile-open": u,
-      id: "app-menu-nav-container",
-      children: e
-    }
-  );
-};
-export {
-  r as AppMenuNavContent
-};

package/dist/esm/components/autocomplete/Autocomplete.d.ts

@@ -1,156 +0,0 @@
-import { LoadingState } from '@react-types/shared';
-import { ForwardedRef, ReactNode } from 'react';
-import { ComboBoxProps, ListBoxProps } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
-declare const autocomplete: import('tailwind-variants').TVReturnType<{
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}, {
-    base: string[];
-    input: string[];
-    clearButton: never[];
-    icon: string[];
-    invalidIcon: string[];
-    wrapperState: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}, {
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}>, {
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}, {
-    base: string[];
-    input: string[];
-    clearButton: never[];
-    icon: string[];
-    invalidIcon: string[];
-    wrapperState: string[];
-}, import('tailwind-variants').TVReturnType<{
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}, {
-    base: string[];
-    input: string[];
-    clearButton: never[];
-    icon: string[];
-    invalidIcon: string[];
-    wrapperState: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}, {
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-export interface AutocompleteProps<T extends object> extends Omit<ComboBoxProps<T>, 'className' | 'style' | 'children' | 'onSelectionChange'>, VariantProps<typeof autocomplete> {
-    /** Custom placeholder text for the search input */
-    placeholder?: string;
-    /** In dynamic mode, contains the items to display in the search results */
-    items?: ListBoxProps<T>['items'];
-    /** In static mode, contains <AutocompleteItem /> components, in dynamic mode, contains a function to render items passed to the component */
-    children: ListBoxProps<T>['children'];
-    /** Whether the search is currently loading results */
-    loadingState?: LoadingState;
-    /** The name of the search field, used for form submission */
-    name: string;
-    /** Feedback text to display below the autocomplete field. */
-    feedbackText?: ReactNode;
-}
-type AutocompleteComponent = (<TItems extends object>(props: AutocompleteProps<TItems> & {
-    ref?: ForwardedRef<HTMLDivElement>;
-}) => JSX.Element) & {
-    displayName?: string;
-};
-/**
- * The `Autocomplete` component is used to create a searchable input field with a dropdown list of results.
- * It allows users to search through a collection of items and select one.
- */
-declare const Autocomplete: AutocompleteComponent;
-export { Autocomplete };

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

@@ -1,172 +0,0 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { forwardRef as R, useRef as A, useState as B, useCallback as O } from "react";
-import { useId as W } from "react-aria";
-import { ComboBox as k, Input as C } from "react-aria-components";
-import { useIntl as z } from "react-intl";
-import { tv as j } from "tailwind-variants";
-import { useResizeObserver as D } from "usehooks-ts";
-import { Icon as f } from "../icon/Icon.js";
-import { Spinner as P } from "../spinner/Spinner.js";
-import { Text as T } from "../text/Text.js";
-import { AutocompleteClearButton as E } from "./parts/AutocompleteClearButton.js";
-import { AutocompletePanel as G } from "./parts/AutocompletePanel.js";
-const L = j({
-  slots: {
-    base: [
-      "uy-group uy-w-full uy-flex uy-gap-100 uy-border uy-border-solid uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-75 uy-border-border-form-enabled",
-      "enabled:uy-border-border-form-enabled enabled:uy-bg-surface-danger-enabled enabled:uy-border-border-form-enabled",
-      "focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-utility-focus-ring focus-visible:uy-ring-offset-2 focus-visible:uy-border-border-form-focus focus-visible:uy-bg-surface-form-focus",
-      "active:uy-border-border-form-active",
-      "data-[disabled=true]:uy-border-border-form-disabled data-[disabled=true]:uy-bg-surface-form-disabled",
-      "data-[invalid=true]:uy-border-border-form-error data-[invalid=true]:uy-bg-surface-form-error"
-    ],
-    input: [
-      "uy-h-300 uy-typography-body uy-flex-grow uy-outline-none [&::-webkit-search-cancel-button]:uy-hidden",
-      "enabled:uy-text-content-form-enabled",
-      "hover:uy-text-content-form-hover",
-      "focus-visible:uy-text-content-form-focus",
-      "active:uy-text-content-form-active",
-      "group-data-[invalid=true]:uy-bg-surface-form-error"
-    ],
-    clearButton: [],
-    icon: [
-      "uy-self-center",
-      "group-data-[disabled=true]:uy-text-content-neutral-lowest-disabled"
-    ],
-    invalidIcon: [
-      "uy-self-center uy-hidden",
-      "group-data-[invalid=true]:uy-block"
-    ],
-    wrapperState: ["uy-flex uy-items-center uy-gap-50"]
-  },
-  variants: {
-    isReadOnly: {
-      true: {
-        base: "uy-bg-surface-form-disabled",
-        icon: "uy-text-content-neutral-lowest-disabled",
-        button: "uy-bg-surface-form-error uy-text-content-neutral-disabled",
-        clearButton: "uy-hidden",
-        input: "uy-bg-surface-form-disabled uy-text-content-form-read-only uy-placeholder-content-form-read-only uy-cursor-text"
-      },
-      false: {
-        base: [
-          "uy-bg-surface-form-enabled",
-          "hover:uy-border-border-form-hover hover:uy-bg-surface-form-hover data-[disabled=true]:uy-cursor-not-allowed"
-        ],
-        icon: "uy-text-content-neutral-lowest",
-        input: "uy-bg-text-content-form-active uy-placeholder-content-neutral-lowest group-data-[disabled=true]:uy-cursor-not-allowed"
-      }
-    }
-  }
-}), U = ({
-  intl: a,
-  placeholder: r,
-  isDisabled: t
-}) => t ? "" : r || a.formatMessage({
-  id: "unity:component:autocomplete:placeholder",
-  defaultMessage: "Search"
-}), $ = (a, r) => {
-  const {
-    placeholder: t,
-    isDisabled: l,
-    isInvalid: d,
-    isReadOnly: u,
-    items: m,
-    children: y,
-    loadingState: i,
-    name: b,
-    feedbackText: p,
-    ...g
-  } = a, n = z(), o = A(null), [h, v] = B(null), c = W(), x = O(() => {
-    o.current && v(`${o.current.offsetWidth}px`);
-  }, [o]);
-  D({ ref: o, onResize: x });
-  const { base: w, input: I, icon: M, invalidIcon: N, wrapperState: S, clearButton: F } = L({
-    isReadOnly: u
-  });
-  return /* @__PURE__ */ s("search", { ref: r, children: [
-    /* @__PURE__ */ s(
-      k,
-      {
-        className: w(),
-        name: b,
-        isInvalid: d,
-        isDisabled: l || u,
-        isReadOnly: u,
-        ref: o,
-        "aria-label": n.formatMessage({
-          id: "unity:component:autocomplete:placeholder",
-          defaultMessage: "Search"
-        }),
-        items: m,
-        ...g,
-        children: [
-          /* @__PURE__ */ e(
-            f,
-            {
-              src: "MagnifyingGlassOutlined",
-              className: M(),
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ e(
-            C,
-            {
-              className: I(),
-              "aria-describedby": c,
-              placeholder: U({ intl: n, placeholder: t, isDisabled: l })
-            }
-          ),
-          /* @__PURE__ */ s("div", { className: S(), children: [
-            /* @__PURE__ */ e(
-              f,
-              {
-                className: N(),
-                src: "WarningCircleOutlined",
-                color: "content.form.invalid",
-                alt: n.formatMessage({
-                  id: "unity:component:form-field:form-input:error:alt",
-                  defaultMessage: "Error"
-                })
-              }
-            ),
-            i && i !== "error" && i !== "idle" && /* @__PURE__ */ e("span", { className: "uy-px-50", children: /* @__PURE__ */ e(
-              P,
-              {
-                label: n.formatMessage({
-                  id: "unity:component:common:loading:label",
-                  defaultMessage: "Loading..."
-                }),
-                color: "primary",
-                size: "small",
-                "aria-hidden": "true"
-              }
-            ) }),
-            /* @__PURE__ */ e(
-              E,
-              {
-                isReadOnly: u,
-                isDisabled: l
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(G, { panelWidth: h, searchRef: o, children: y })
-        ]
-      }
-    ),
-    d && /* @__PURE__ */ e(
-      T,
-      {
-        id: c,
-        className: "uy-typography-body-small-strong uy-text-content-form-invalid",
-        children: p
-      }
-    )
-  ] });
-}, q = R(function(r, t) {
-  return $(r, t);
-});
-q.displayName = "Autocomplete";
-export {
-  q as Autocomplete
-};

package/dist/esm/components/autocomplete/parts/AutocompleteClearButton.d.ts

@@ -1,18 +0,0 @@
-interface AutocompleteClearButtonProps {
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    className?: string;
-}
-/**
- * The `ClearButton` component is used within the `Autocomplete` component to provide a way to clear the current autocomplete input.
- * It appears only when there is text in the autocomplete field and disappears when the field is empty.
- * @example
- * ```tsx
- * <ClearButton intl={intl} />
- * ```
- */
-declare const AutocompleteClearButton: {
-    ({ className, isReadOnly, isDisabled, }: AutocompleteClearButtonProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export { AutocompleteClearButton };