@payfit/unity-components
Version:
29 lines (28 loc) • 1.43 kB
JavaScript
import { forwardRef as e } from "react";
import { uyTv as t } from "@payfit/unity-themes";
import { jsx as n } from "react/jsx-runtime";
import { ListBoxItem as r } from "react-aria-components/ListBox";
//#region src/components/autocomplete/parts/AutocompleteItem.tsx
var i = t({
base: [
"uy:flex uy:flex-col uy:typography-body uy:rounded-50 uy:pt-100 uy:pb-100 uy:pl-150 uy:pr-150 uy:outline-none uy:bg-surface-neutral-enabled uy:enabled:text-content-neutral-enabled",
"uy:enabled:bg-surface-neutral-enabled uy:enabled:text-content-neutral-enabled",
"uy:data-[pressed]:bg-surface-neutral-pressed uy:data-[pressed]:text-content-neutral-pressed",
"uy:data-[focus-visible=\"true\"]:outline-offset-2 uy:data-[focus-visible=\"true\"]:outline-2 uy:data-[focus-visible=\"true\"]:outline-utility-focus-ring uy:data-[focus-visible=\"true\"]:bg-surface-neutral-focus uy:data-[focus-visible=\"true\"]:text-content-neutral-focus",
"uy:data-[disabled]:text-content-neutral-disabled"
],
variants: { isDisabled: {
false: "uy:data-[hovered=\"true\"]:bg-surface-neutral-hover",
true: "uy:cursor-not-allowed"
} }
}), a = e(({ children: e, isDisabled: t, textValue: a, ...o }, s) => /* @__PURE__ */ n(r, {
...o,
isDisabled: t,
textValue: a,
ref: s,
className: ({ isDisabled: e }) => i({ isDisabled: e }),
children: e
}));
a.displayName = "AutocompleteItem";
//#endregion
export { a as AutocompleteItem, i as autocompleteItem };