@new-black/lyra 0.1.19 → 0.1.20

package/dist/lyra21.js

@@ -1,444 +1,125 @@
-import { j as s } from "./lyra54.js";
-import { useState as N, useRef as V, useCallback as D } from "react";
-import { Label as X } from "./lyra53.js";
-import { twMerge as T } from "./lyra55.js";
-import "./lyra2.js";
-import { cx as P } from "./lyra99.js";
-import "./lyra100.js";
-import { Text as M } from "./lyra43.js";
-import "./lyra101.js";
-import "./lyra102.js";
-import "./lyra103.js";
-import "./lyra8.js";
-import { buttonStyles as Y } from "./lyra9.js";
-import "./lyra10.js";
-import "./lyra11.js";
-import "./lyra105.js";
-import "./lyra13.js";
-import "./lyra26.js";
-import { SvgIcon as O } from "./lyra39.js";
-import "./lyra16.js";
-import "./lyra18.js";
-import "./lyra19.js";
-import "./lyra28.js";
-import { listBoxStyles as Z } from "./lyra29.js";
-import { listBoxItemStyles as _ } from "./lyra150.js";
-import { Popover as z } from "./lyra30.js";
-import "./lyra32.js";
-import "./lyra107.js";
-import { sharedInputFieldWrapperStyles as G, sharedInputlabelStyles as C, sharedInputHintStyles as K, sharedInputFieldStyles as U } from "./lyra22.js";
-import { TagGroup as ss, TagItem as es } from "./lyra151.js";
-import "react-dom";
-import "./lyra23.js";
-import "./lyra110.js";
-import "./lyra25.js";
-import "./lyra27.js";
-import "./lyra111.js";
-import "./lyra40.js";
-import "./lyra109.js";
-import "./lyra42.js";
-import "./lyra144.js";
-import "./lyra49.js";
-import "./lyra58.js";
-import "./lyra51.js";
-import { Listbox as y } from "./lyra153.js";
-import { useLocale as q } from "./lyra52.js";
-const A = (e) => P(
-  e === "small" && "min-h-[42px]",
-  e === "medium" && "min-h-[50px]",
-  e === "large" && "min-h-[58px]"
-), J = ({ isRequired: e, label: r, optionalLabel: l }) => /* @__PURE__ */ s.jsxs("div", { className: P("flex items-center gap-3", r ? "justify-between" : "justify-end"), children: [
-  r ? /* @__PURE__ */ s.jsx(
-    X,
-    {
-      className: C(),
-      style: { fontFamily: "var(--input-label-font-family)" },
-      children: r
-    }
-  ) : null,
-  e === !1 ? /* @__PURE__ */ s.jsx(
-    "span",
-    {
-      className: K(),
-      style: { fontFamily: "var(--input-hint-font-family)" },
-      children: l
-    }
-  ) : null
-] }), Q = ({ description: e, errorMessage: r }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-  e && /* @__PURE__ */ s.jsx(M, { className: "ml-1 mt-1.5", variant: "body-small", color: "secondary", slot: "description", children: e }),
-  r && /* @__PURE__ */ s.jsx(M, { className: "ml-1 mt-1.5", variant: "body-small", color: "accent-danger", slot: "errorMessage", children: r })
-] }), rs = ({
-  item: e,
-  itemLabelKey: r,
-  renderItem: l,
-  state: p
-}) => {
-  const a = e == null ? void 0 : e[r];
-  return l ? l(e, p) : /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-1", children: [
-    p.selected ? /* @__PURE__ */ s.jsx(O, { name: "checkmark", className: "h-4 w-4" }) : /* @__PURE__ */ s.jsx("div", { className: "h-4 w-4" }),
-    a
-  ] });
-}, W = ({
-  direction: e,
-  disabledItemIdKeys: r,
-  itemIdKey: l,
-  itemLabelKey: p,
-  items: a,
-  open: c,
-  setOpen: d,
-  renderItem: f,
-  triggerRef: j
-}) => {
-  var u;
-  return /* @__PURE__ */ s.jsx(
-    z,
-    {
-      className: "lyra-list-box pb-2",
-      isOpen: c,
-      triggerRef: j,
-      showPopoverInDrawerOnSmallScreens: !0,
-      onOpenChange: d,
-      shouldUpdatePosition: !0,
-      style: {
-        "--trigger-width": ((u = j.current) == null ? void 0 : u.offsetWidth) + "px",
-        direction: e
-      },
-      children: a && a.length ? /* @__PURE__ */ s.jsx(
-        y.Options,
-        {
-          static: !0,
-          className: Z({
-            className: "h-full max-h-[85dvh] overflow-y-auto sm:max-h-80"
-          }),
-          children: a.map((n) => /* @__PURE__ */ s.jsx(
-            y.Option,
-            {
-              className: ({ active: t, disabled: h, selected: m }) => T(
-                _({
-                  active: t,
-                  disabled: h,
-                  selected: m,
-                  className: "hover:bg-[--list-box-item-bg-color-active]"
-                })
-              ),
-              value: n,
-              disabled: r == null ? void 0 : r.includes(n == null ? void 0 : n[l]),
-              children: (t) => /* @__PURE__ */ s.jsx(
-                rs,
-                {
-                  item: n,
-                  state: t,
-                  renderItem: f,
-                  itemLabelKey: p
-                }
-              )
-            },
-            n[l]
-          ))
-        }
-      ) : null
-    }
-  );
-}, ts = ({
-  endSlot: e,
-  fullWidth: r,
-  isDisabled: l,
-  isInvalid: p,
-  itemLabelKey: a,
-  onChange: c,
-  open: d,
-  setOpen: f,
-  placeholder: j,
-  size: u = "medium",
-  startSlot: n,
-  value: t
-}) => {
-  const [h, m] = N(!1), [b, o] = N(!1), S = (i) => {
-    i.key === "Escape" || i.key === "Backspace" ? c == null || c(void 0) : (i.key === "Enter" || i.key === " ") && f(!0);
-  };
-  return /* @__PURE__ */ s.jsxs(
-    y.Button,
+import { j as e } from "./lyra59.js";
+import { useState as p } from "react";
+import { useContextProps as w, SearchField as H, Label as B, Input as C, SearchFieldContext as E } from "./lyra58.js";
+import { twMerge as M } from "./lyra60.js";
+import { cx as m } from "./lyra309.js";
+import { fixedForwardRef as P } from "./lyra312.js";
+import { Button as z } from "./lyra8.js";
+import "./lyra318.js";
+import { Spinner as L } from "./lyra42.js";
+import { SvgIcon as O } from "./lyra44.js";
+import { Text as j } from "./lyra48.js";
+import "./lyra319.js";
+import { sharedInputFieldWrapperStyles as T, sharedInputlabelStyles as W, sharedInputHintStyles as _, sharedInputFieldStyles as k, sharedInputStyles as A } from "./lyra24.js";
+import "./lyra324.js";
+const G = ({
+  className: F,
+  clearLabel: b = "Clear",
+  description: c,
+  endSlot: f,
+  errorMessage: d,
+  fullWidth: v = !1,
+  inputRef: $,
+  isDisabled: r = !1,
+  isInvalid: u,
+  isLoading: x,
+  isRequired: n,
+  label: o,
+  optionalLabel: N = "Optional",
+  size: I,
+  startSlot: h,
+  ...s
+}, i) => {
+  [s, i] = w(s, i, E);
+  const [S, y] = p(!1), [g, l] = p(!1);
+  return /* @__PURE__ */ e.jsx(
+    H,
     {
-      className: U({
-        fullWidth: r,
-        isDisabled: l,
-        isHovered: b,
-        isFocused: h,
-        isInvalid: p,
-        size: u,
-        className: A(u)
-      }),
-      onPointerEnter: () => o(!0),
-      onPointerLeave: () => o(!1),
-      onMouseEnter: () => o(!0),
-      onMouseLeave: () => o(!1),
-      onFocus: () => {
-        m(!0);
+      className: T({ className: m("lyra-input", F) }),
+      isDisabled: r,
+      isRequired: n,
+      isInvalid: u,
+      ...s,
+      onFocus: (a) => {
+        var t;
+        y(!0), (t = s.onFocus) == null || t.call(s, a);
       },
-      onBlur: () => {
-        m(!1);
+      onBlur: (a) => {
+        var t;
+        y(!1), (t = s.onBlur) == null || t.call(s, a);
       },
-      onKeyDown: S,
-      onClick: () => f(!0),
-      children: [
-        n,
-        /* @__PURE__ */ s.jsx("div", { className: "grow text-left", children: t != null && t[a] ? /* @__PURE__ */ s.jsx(s.Fragment, { children: t == null ? void 0 : t[a] }) : /* @__PURE__ */ s.jsx(M, { color: "secondary", children: j }) }),
-        e,
-        /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-          t ? /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsx(
-            "div",
-            {
-              className: T(
-                Y({
-                  size: "small",
-                  color: "monochrome",
-                  variant: "ghost",
-                  className: "p-1",
-                  isDisabled: l
-                })
-              ),
-              onClick: (i) => {
-                i.stopPropagation(), c == null || c(void 0);
-              },
-              children: /* @__PURE__ */ s.jsx(O, { name: "cross", className: "h-4 w-4" })
-            }
-          ) }) : null,
-          /* @__PURE__ */ s.jsx(
-            O,
+      ref: i,
+      children: ({ isEmpty: a }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxs("div", { className: m("flex items-center gap-3", o ? "justify-between" : "justify-end"), children: [
+          o ? /* @__PURE__ */ e.jsx(
+            B,
             {
-              name: "chevron-down",
-              className: P("h-4 w-4 transition duration-150", d && "rotate-180")
+              className: W(),
+              style: { fontFamily: "var(--input-label-font-family)" },
+              children: o
             }
-          )
-        ] })
-      ]
-    }
-  );
-}, os = ({
-  endSlot: e,
-  fullWidth: r,
-  isDisabled: l,
-  isInvalid: p,
-  itemIdKey: a,
-  itemLabelKey: c,
-  label: d,
-  onChange: f,
-  open: j,
-  setOpen: u,
-  placeholder: n,
-  size: t = "medium",
-  startSlot: h,
-  value: m
-}) => {
-  const [b, o] = N(!1), [S, i] = N(!1);
-  return /* @__PURE__ */ s.jsxs(
-    y.Button,
-    {
-      className: U({
-        fullWidth: r,
-        isDisabled: l,
-        isHovered: S,
-        isFocused: b,
-        isInvalid: p,
-        size: t,
-        className: A(t)
-      }),
-      as: "div",
-      role: "button",
-      tabIndex: 0,
-      onPointerEnter: () => i(!0),
-      onPointerLeave: () => i(!1),
-      onMouseEnter: () => i(!0),
-      onMouseLeave: () => i(!1),
-      onFocus: () => {
-        o(!0);
-      },
-      onBlur: () => {
-        o(!1);
-      },
-      onClick: () => u(!0),
-      children: [
-        h,
-        /* @__PURE__ */ s.jsx("div", { className: "grow text-left", children: m && m.length ? /* @__PURE__ */ s.jsx(
-          ss,
-          {
-            "aria-label": d ?? "Selected items",
-            onRemove: (x) => {
-              m && f(m.filter((F) => !x.has(F[a])));
-            },
-            children: m.map((x) => /* @__PURE__ */ s.jsx(es, { ...x, children: x == null ? void 0 : x[c] }, x[a]))
-          }
-        ) : /* @__PURE__ */ s.jsx(M, { color: "secondary", children: n }) }),
-        e,
-        /* @__PURE__ */ s.jsx(
-          O,
-          {
-            name: "chevron-down",
-            className: P("h-4 w-4 min-w-[16px] transition duration-150", j && "rotate-180")
-          }
-        )
-      ]
-    }
-  );
-}, _s = ({
-  by: e,
-  defaultValue: r,
-  description: l,
-  disabledItemIdKeys: p,
-  endSlot: a,
-  errorMessage: c,
-  fullWidth: d = !0,
-  isDisabled: f,
-  isInvalid: j,
-  isRequired: u,
-  itemIdKey: n,
-  itemLabelKey: t,
-  items: h,
-  label: m,
-  name: b,
-  onChange: o,
-  optionalLabel: S = "Optional",
-  placeholder: i,
-  renderItem: x,
-  size: F = "medium",
-  startSlot: E,
-  value: H
-}) => {
-  const [$, I] = N(H ?? r), [w, g] = N(!1), k = V(null), { direction: L } = q(), B = D(
-    (v) => {
-      I(v), o == null || o(v), g(!1);
-    },
-    [o]
-  );
-  return /* @__PURE__ */ s.jsx(
-    y,
-    {
-      disabled: f,
-      name: b,
-      by: e,
-      onChange: B,
-      value: $ ?? "",
-      children: ({ disabled: v, value: R }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-        /* @__PURE__ */ s.jsxs("div", { className: G({ fullWidth: d }), children: [
-          /* @__PURE__ */ s.jsx(J, { label: m, optionalLabel: S, isRequired: u }),
-          /* @__PURE__ */ s.jsx("div", { ref: k, children: /* @__PURE__ */ s.jsx(
-            ts,
+          ) : null,
+          n === !1 ? /* @__PURE__ */ e.jsx(
+            "span",
             {
-              endSlot: a,
-              fullWidth: d,
-              isDisabled: v,
-              isInvalid: j,
-              open: w,
-              placeholder: i,
-              size: F,
-              startSlot: E,
-              value: R,
-              itemLabelKey: t,
-              itemIdKey: n,
-              onChange: B,
-              setOpen: g
+              className: _(),
+              style: { fontFamily: "var(--input-hint-font-family)" },
+              children: N
             }
-          ) }),
-          /* @__PURE__ */ s.jsx(Q, { description: l, errorMessage: c })
+          ) : null
         ] }),
-        /* @__PURE__ */ s.jsx(
-          W,
+        /* @__PURE__ */ e.jsxs(
+          "div",
           {
-            triggerRef: k,
-            itemIdKey: n,
-            itemLabelKey: t,
-            items: h,
-            open: w,
-            setOpen: g,
-            renderItem: x,
-            disabledItemIdKeys: p,
-            direction: L
+            className: M(
+              k({
+                fullWidth: v,
+                isFocused: S,
+                isHovered: g,
+                isDisabled: r,
+                isInvalid: u
+              })
+            ),
+            onPointerEnter: () => l(!0),
+            onPointerLeave: () => l(!1),
+            onMouseEnter: () => l(!0),
+            onMouseLeave: () => l(!1),
+            children: [
+              h,
+              /* @__PURE__ */ e.jsx(
+                C,
+                {
+                  className: A({
+                    size: I,
+                    className: m(!!h && "ps-2", !!f && "pe-2")
+                  }),
+                  required: n,
+                  disabled: r,
+                  style: { fontFamily: "var(--input-font-family)" },
+                  ref: $
+                }
+              ),
+              !a && !x ? /* @__PURE__ */ e.jsx("div", { className: "px-2", children: /* @__PURE__ */ e.jsx(z, { variant: "ghost", size: "small", tooltip: b, children: /* @__PURE__ */ e.jsx(O, { name: "cross", className: "h-4 w-4" }) }) }) : null,
+              x ? /* @__PURE__ */ e.jsx("div", { className: "px-4", children: /* @__PURE__ */ e.jsx(L, { size: "small" }) }) : null,
+              f
+            ]
           }
-        )
-      ] })
-    }
-  );
-}, zs = ({
-  by: e,
-  defaultValue: r,
-  description: l,
-  disabledItemIdKeys: p,
-  endSlot: a,
-  errorMessage: c,
-  fullWidth: d = !0,
-  isDisabled: f,
-  isInvalid: j,
-  isRequired: u,
-  itemIdKey: n,
-  itemLabelKey: t,
-  items: h,
-  label: m,
-  name: b,
-  onChange: o,
-  optionalLabel: S = "Optional",
-  placeholder: i,
-  renderItem: x,
-  size: F = "medium",
-  startSlot: E,
-  value: H
-}) => {
-  const [$, I] = N(H ?? r), [w, g] = N(!1), k = V(null), { direction: L } = q(), B = D(
-    (v) => {
-      I(v), o == null || o(v);
-    },
-    [o]
-  );
-  return /* @__PURE__ */ s.jsx(
-    y,
-    {
-      disabled: f,
-      name: b,
-      by: e,
-      onChange: B,
-      multiple: !0,
-      value: $ ?? [],
-      children: ({ disabled: v, value: R }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-        /* @__PURE__ */ s.jsxs("div", { className: G({ fullWidth: d }), children: [
-          /* @__PURE__ */ s.jsx(J, { label: m, optionalLabel: S, isRequired: u }),
-          /* @__PURE__ */ s.jsx("div", { ref: k, children: /* @__PURE__ */ s.jsx(
-            os,
-            {
-              endSlot: a,
-              fullWidth: d,
-              isDisabled: v,
-              isInvalid: j,
-              open: w,
-              setOpen: g,
-              placeholder: i,
-              size: F,
-              startSlot: E,
-              value: R,
-              itemLabelKey: t,
-              itemIdKey: n,
-              onChange: B
-            }
-          ) }),
-          /* @__PURE__ */ s.jsx(Q, { description: l, errorMessage: c })
-        ] }),
-        /* @__PURE__ */ s.jsx(
-          W,
+        ),
+        c && /* @__PURE__ */ e.jsx(j, { className: "ml-1 mt-1.5", variant: "body-small", color: "secondary", slot: "description", children: c }),
+        d && /* @__PURE__ */ e.jsx(
+          j,
           {
-            triggerRef: k,
-            itemIdKey: n,
-            itemLabelKey: t,
-            items: h,
-            open: w,
-            setOpen: g,
-            renderItem: x,
-            disabledItemIdKeys: p,
-            direction: L
+            className: "ml-1 mt-1.5",
+            variant: "body-small",
+            color: "accent-danger",
+            slot: "errorMessage",
+            children: d
           }
         )
       ] })
     }
   );
-};
+}, te = P(G);
 export {
-  zs as MultiSelect,
-  _s as Select
+  te as SearchField
 };

package/dist/lyra21.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra21.js","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useRef, useState } from \"react\";\nimport { Label } from \"react-aria-components\";\n\nimport { Listbox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useLocale } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSelectProps,\n  SelectFooterProps,\n  SelectHeaderProps,\n  SelectItemProps,\n  SelectItemsProps,\n  SelectProps,\n  ValueButton,\n} from \"./select.types\";\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SelectHeader = ({ isRequired, label, optionalLabel }: SelectHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SelectFooter = ({ description, errorMessage }: SelectFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SelectItem = <T extends object>({\n  item,\n  itemLabelKey,\n  renderItem,\n  state,\n}: SelectItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  setOpen,\n  renderItem,\n  triggerRef,\n}: SelectItemsProps<T>) => {\n  return (\n    <Popover\n      className=\"lyra-list-box pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInDrawerOnSmallScreens\n      onOpenChange={setOpen}\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {items && items.length ? (\n        <Listbox.Options\n          static\n          className={listBoxStyles({\n            className: \"h-full max-h-[85dvh] overflow-y-auto sm:max-h-80\",\n          })}\n        >\n          {items.map((item) => (\n            <Listbox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, disabled, selected }) =>\n                twMerge(\n                  listBoxItemStyles({\n                    active,\n                    disabled,\n                    selected,\n                    className: \"hover:bg-[--list-box-item-bg-color-active]\",\n                  }),\n                )\n              }\n              value={item}\n              disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n            >\n              {(renderItemState) => (\n                <SelectItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Listbox.Option>\n          ))}\n        </Listbox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  itemLabelKey,\n  onChange,\n  open,\n  setOpen,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\" || e.key === \"Backspace\") {\n      onChange?.(undefined);\n    } else if (e.key === \"Enter\" || e.key === \" \") {\n      setOpen(true);\n    }\n  };\n\n  return (\n    <Listbox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\n      })}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n      onKeyDown={onKeyDown}\n      onClick={() => setOpen(true)}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </Listbox.Button>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  itemIdKey,\n  itemLabelKey,\n  label,\n  onChange,\n  open,\n  setOpen,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <Listbox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\n      })}\n      as=\"div\"\n      role=\"button\"\n      tabIndex={0}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n      onClick={() => setOpen(true)}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </Listbox.Button>\n  );\n};\n\nexport const Select = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  label,\n  name,\n  onChange,\n  optionalLabel = \"Optional\",\n  placeholder,\n  renderItem,\n  size = \"medium\",\n  startSlot,\n  value,\n}: SelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [open, setOpen] = useState(false);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      setOpen(false);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onSingleChange}\n      value={internalValue ?? \"\"}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} isRequired={isRequired} />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={open}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n                setOpen={setOpen}\n              />\n            </div>\n            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={open}\n            setOpen={setOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  label,\n  name,\n  onChange,\n  optionalLabel = \"Optional\",\n  placeholder,\n  renderItem,\n  size = \"medium\",\n  startSlot,\n  value,\n}: MultiSelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [open, setOpen] = useState(false);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onMultipleChange}\n      multiple\n      value={internalValue ?? []}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} isRequired={isRequired} />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={open}\n                setOpen={setOpen}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultipleChange}\n              />\n            </div>\n            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={open}\n            setOpen={setOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n"],"names":["minHeightClasses","size","cx","SelectHeader","isRequired","label","optionalLabel","jsxs","jsx","Label","sharedInputlabelStyles","sharedInputHintStyles","SelectFooter","description","errorMessage","Fragment","Text","SelectItem","item","itemLabelKey","renderItem","state","SvgIcon","SelectItems","direction","disabledItemIdKeys","itemIdKey","items","open","setOpen","triggerRef","Popover","_a","Listbox","listBoxStyles","active","disabled","selected","twMerge","listBoxItemStyles","renderItemState","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","onChange","placeholder","startSlot","value","isFocused","setIsFocused","useState","isHovered","setIsHovered","onKeyDown","e","sharedInputFieldStyles","buttonStyles","MultipleValuesButton","TagGroup","keys","TagItem","Select","by","defaultValue","name","internalValue","setInternalValue","useRef","useLocale","onSingleChange","useCallback","newValue","sharedInputFieldWrapperStyles","MultiSelect","onMultipleChange"],"mappings":"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"}
+{"version":3,"file":"lyra21.js","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useState } from \"react\";\nimport {\n  Input,\n  Label,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Button } from \"../../button\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\n\nimport \"../shared.vars.css\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    description?: string;\n    errorMessage?: string;\n    clearLabel?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    optionalLabel?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    className,\n    clearLabel = \"Clear\",\n    description,\n    endSlot,\n    errorMessage,\n    fullWidth = false,\n    inputRef,\n    isDisabled = false,\n    isInvalid,\n    isLoading,\n    isRequired,\n    label,\n    optionalLabel = \"Optional\",\n    size,\n    startSlot,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  return (\n    <AriaSearchField\n      className={sharedInputFieldWrapperStyles({ className: cx(\"lyra-input\", className) })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      {...props}\n      onFocus={(e) => {\n        setFieldIsFocused(true);\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setFieldIsFocused(false);\n        props.onBlur?.(e);\n      }}\n      ref={ref}\n    >\n      {({ isEmpty }) => (\n        <>\n          <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n            {label ? (\n              <Label\n                className={sharedInputlabelStyles()}\n                style={{ fontFamily: \"var(--input-label-font-family)\" }}\n              >\n                {label}\n              </Label>\n            ) : null}\n            {isRequired === false ? (\n              <span\n                className={sharedInputHintStyles()}\n                style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n              >\n                {optionalLabel}\n              </span>\n            ) : null}\n          </div>\n          <div\n            className={twMerge(\n              sharedInputFieldStyles({\n                fullWidth,\n                isFocused: fieldIsFocused,\n                isHovered: fieldIsHovered,\n                isDisabled,\n                isInvalid,\n              }),\n            )}\n            onPointerEnter={() => setFieldIsHovered(true)}\n            onPointerLeave={() => setFieldIsHovered(false)}\n            onMouseEnter={() => setFieldIsHovered(true)}\n            onMouseLeave={() => setFieldIsHovered(false)}\n          >\n            {startSlot}\n            <Input\n              className={sharedInputStyles({\n                size,\n                className: cx(!!startSlot && \"ps-2\", !!endSlot && \"pe-2\"),\n              })}\n              required={isRequired}\n              disabled={isDisabled}\n              style={{ fontFamily: \"var(--input-font-family)\" }}\n              ref={inputRef}\n            />\n            {!isEmpty && !isLoading ? (\n              <div className=\"px-2\">\n                <Button variant=\"ghost\" size=\"small\" tooltip={clearLabel}>\n                  <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n                </Button>\n              </div>\n            ) : null}\n            {isLoading ? (\n              <div className=\"px-4\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n            {endSlot}\n          </div>\n          {description && (\n            <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n              {description}\n            </Text>\n          )}\n          {errorMessage && (\n            <Text\n              className=\"ml-1 mt-1.5\"\n              variant=\"body-small\"\n              color=\"accent-danger\"\n              slot=\"errorMessage\"\n            >\n              {errorMessage}\n            </Text>\n          )}\n        </>\n      )}\n    </AriaSearchField>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","className","clearLabel","description","endSlot","errorMessage","fullWidth","inputRef","isDisabled","isInvalid","isLoading","isRequired","label","optionalLabel","size","startSlot","props","ref","useContextProps","SearchFieldContext","fieldIsFocused","setFieldIsFocused","useState","fieldIsHovered","setFieldIsHovered","jsx","AriaSearchField","sharedInputFieldWrapperStyles","cx","e","_a","isEmpty","jsxs","Fragment","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","sharedInputFieldStyles","Input","sharedInputStyles","Button","SvgIcon","Spinner","Text","SearchField","fixedForwardRef"],"mappings":"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"}

package/dist/lyra210.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set;function c(t,n,r){t||o.has(n)||(console.warn(n),r&&console.warn(r),o.add(n))}exports.warnOnce=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});exports.default={};exports.default={dismiss:"Elutasítás"};

package/dist/lyra210.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra210.cjs","sources":["../node_modules/framer-motion/dist/es/utils/warn-once.mjs"],"sourcesContent":["const warned = new Set();\nfunction warnOnce(condition, message, element) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(message);\n    if (element)\n        console.warn(element);\n    warned.add(message);\n}\n\nexport { warnOnce };\n"],"names":["warned","warnOnce","condition","message","element"],"mappings":"gFAAA,MAAMA,EAAS,IAAI,IACnB,SAASC,EAASC,EAAWC,EAASC,EAAS,CACvCF,GAAaF,EAAO,IAAIG,CAAO,IAEnC,QAAQ,KAAKA,CAAO,EAChBC,GACA,QAAQ,KAAKA,CAAO,EACxBJ,EAAO,IAAIG,CAAO,EACtB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra210.cjs","sources":["../node_modules/@react-aria/overlays/dist/hu-HU.mjs"],"sourcesContent":["var $74cf411061b983a2$exports = {};\n$74cf411061b983a2$exports = {\n    \"dismiss\": `Elutas\\xedt\\xe1s`\n};\n\n\nexport {$74cf411061b983a2$exports as default};\n//# sourceMappingURL=hu-HU.module.js.map\n"],"names":["$74cf411061b983a2$exports"],"mappings":"4GAAIA,QAAAA,QAA4B,CAAG,EACnCA,QAAAA,QAA4B,CACxB,QAAW,YACf","x_google_ignoreList":[0]}

package/dist/lyra210.js

@@ -1,7 +1,7 @@
-const r = /* @__PURE__ */ new Set();
-function w(c, n, o) {
-  c || r.has(n) || (console.warn(n), o && console.warn(o), r.add(n));
-}
+var s = {};
+s = {
+  dismiss: "Elutasítás"
+};
 export {
-  w as warnOnce
+  s as default
 };

package/dist/lyra210.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra210.js","sources":["../node_modules/framer-motion/dist/es/utils/warn-once.mjs"],"sourcesContent":["const warned = new Set();\nfunction warnOnce(condition, message, element) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(message);\n    if (element)\n        console.warn(element);\n    warned.add(message);\n}\n\nexport { warnOnce };\n"],"names":["warned","warnOnce","condition","message","element"],"mappings":"AAAA,MAAMA,IAAS,oBAAI;AACnB,SAASC,EAASC,GAAWC,GAASC,GAAS;AAC3C,EAAIF,KAAaF,EAAO,IAAIG,CAAO,MAEnC,QAAQ,KAAKA,CAAO,GAChBC,KACA,QAAQ,KAAKA,CAAO,GACxBJ,EAAO,IAAIG,CAAO;AACtB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra210.js","sources":["../node_modules/@react-aria/overlays/dist/hu-HU.mjs"],"sourcesContent":["var $74cf411061b983a2$exports = {};\n$74cf411061b983a2$exports = {\n    \"dismiss\": `Elutas\\xedt\\xe1s`\n};\n\n\nexport {$74cf411061b983a2$exports as default};\n//# sourceMappingURL=hu-HU.module.js.map\n"],"names":["$74cf411061b983a2$exports"],"mappings":"AAAG,IAACA,IAA4B,CAAG;AACnCA,IAA4B;AAAA,EACxB,SAAW;AACf;","x_google_ignoreList":[0]}