@new-black/lyra 1.0.15 → 1.0.16

package/dist/lyra43.js

@@ -1,173 +1,257 @@
-import { j as n } from "./lyra89.js";
-import { useRef as B, useState as R, useEffect as J, useCallback as F, useMemo as S, useLayoutEffect as Q } from "react";
-import { useContextProps as U, TextFieldContext as X, TextField as Y, Group as Z, Input as tt } from "./lyra88.js";
-import { useObjectRef as et, mergeRefs as st } from "./lyra100.js";
+import { j as i } from "./lyra89.js";
+import { useRef as B, useState as $, useEffect as J, useCallback as D, useMemo as S, useTransition as Q, useLayoutEffect as X } from "react";
+import { useContextProps as Y, TextFieldContext as Z, TextField as tt, Group as et, Input as nt } from "./lyra88.js";
+import { useObjectRef as st, mergeRefs as it } from "./lyra100.js";
 import { clsx as rt } from "./lyra449.js";
-import { fixedForwardRef as nt } from "./lyra92.js";
-import at from "./lyra596.js";
-import { useDictionary as it } from "./lyra94.js";
-import { InputTagGroup as ot, InputTag as lt } from "./lyra457.js";
-import "./lyra458.js";
-import { InputHeader as ct } from "./lyra38.js";
-import { InputFooter as ut } from "./lyra39.js";
-import { sharedInputStyles as pt } from "./lyra40.js";
-import { useLocale as ft } from "./lyra87.js";
+import { fixedForwardRef as at } from "./lyra92.js";
+import ot from "./lyra595.js";
+import { useDictionary as ut } from "./lyra94.js";
+import { InputTagGroup as lt, InputTag as ct } from "./lyra456.js";
+import "./lyra457.js";
+import { InputHeader as pt } from "./lyra38.js";
+import { InputFooter as mt } from "./lyra39.js";
+import { sharedInputStyles as ft } from "./lyra40.js";
+import { useLocale as dt } from "./lyra87.js";
 const M = ({
-  description: I,
-  fullWidth: $ = !0,
-  hideHintLabel: v,
-  hideInputFooter: T,
-  hideInputHeader: j,
-  inputRef: p,
+  defaultValue: o,
+  description: v,
+  fullWidth: E = !0,
+  hideHintLabel: j,
+  hideInputFooter: R,
+  hideInputHeader: I,
+  inputRef: m,
   label: f,
-  onChange: a,
-  value: d,
-  ...l
-}, c) => {
-  [l, c] = U(l, c, X);
-  const m = B(null), g = et(
-    p ? st(m, p) : m
+  onChange: d,
+  value: g,
+  ...u
+}, b) => {
+  [u, b] = Y(u, b, Z);
+  const x = B(null), r = st(
+    m ? it(x, m) : x
   ), {
-    className: x,
-    errorMessage: u,
-    isDisabled: y = !1,
-    isInvalid: b,
-    isRequired: i,
-    name: k,
-    ...V
-  } = l, D = it(), [q, N] = R(""), [e, w] = R(d ?? []), { input: C, inputField: A, wrapper: G } = pt({
-    fullWidth: $
+    className: T,
+    errorMessage: F,
+    isDisabled: N = !1,
+    isInvalid: l,
+    isRequired: h,
+    name: c,
+    ...p
+  } = u, k = ut(), [q, V] = $(""), [e, U] = $(g ?? o ?? []), { input: C, inputField: A, wrapper: G } = ft({
+    fullWidth: E
   });
   J(() => {
-    w(d ?? []);
-  }, [d]);
-  const h = F(
+    U(g ?? o ?? []);
+  }, [g, o]);
+  const y = D(
     (t) => {
-      w(t), a == null || a(t);
+      U(t), d == null || d(t);
     },
-    [a]
+    [d]
   ), O = S(
     () => e.map((t) => ({ key: t, value: t })),
     [e]
-  ), z = F(
+  ), z = D(
     (t) => {
       if (["Enter", ","].includes(t.key)) {
         t.preventDefault();
-        const o = t.currentTarget.value.trim();
-        o && !e.includes(o) && h([...e, t.currentTarget.value.trim()]), N("");
+        const a = t.currentTarget.value.trim();
+        a && !e.includes(a) && y([...e, t.currentTarget.value.trim()]), V("");
       } else
-        t.key === "Backspace" && (t.currentTarget.value || (t.preventDefault(), h(e.slice(0, -1))));
+        t.key === "Backspace" && (t.currentTarget.value || (t.preventDefault(), y(e.slice(0, -1))));
     },
-    [h, e]
-  ), H = F(
+    [y, e]
+  ), H = D(
     (t) => {
       if (t.preventDefault(), t.clipboardData) {
-        const o = t.clipboardData.getData("Text");
-        if (o) {
-          const s = o ? o.split(",").map((r) => r.replace(/[\u200B-\u200D\uFEFF]/g, "")).filter((r) => r.length > 0).map((r) => r.trim()) : [];
-          h(Array.from(/* @__PURE__ */ new Set([...e, ...s])));
+        const a = t.clipboardData.getData("Text");
+        if (a) {
+          const n = a ? a.split(",").map((s) => s.replace(/[\u200B-\u200D\uFEFF]/g, "")).filter((s) => s.length > 0).map((s) => s.trim()) : [];
+          y(Array.from(/* @__PURE__ */ new Set([...e, ...n])));
         }
       }
     },
-    [h, e]
-  ), { groupRef: K, inputPosition: L, setFirstTag: W, setLastTag: _ } = dt(), P = S(
-    () => i && e.length === 0,
-    [e.length, i]
+    [y, e]
+  ), { groupRef: K, inputPosition: w, setFirstTag: W, setLastTag: _ } = gt(), P = S(
+    () => h && e.length === 0,
+    [e.length, h]
   );
-  return /* @__PURE__ */ n.jsx(
-    Y,
+  return /* @__PURE__ */ i.jsxDEV(
+    tt,
     {
-      className: G({ className: x }),
-      isDisabled: y,
-      isInvalid: b,
+      className: G({ className: T }),
+      isDisabled: N,
+      isInvalid: l,
       isRequired: P,
-      ...V,
+      ...p,
       onKeyDown: z,
       value: q,
-      onChange: N,
+      onChange: V,
       onPaste: H,
-      ref: c,
-      children: ({ isDisabled: t, isInvalid: o }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsx(
-          ct,
+      ref: b,
+      children: ({ isDisabled: t, isInvalid: a }) => /* @__PURE__ */ i.jsxDEV(i.Fragment, { children: [
+        /* @__PURE__ */ i.jsxDEV(
+          pt,
           {
             label: f,
-            isRequired: i,
-            hideHintLabel: v,
-            hideInputHeader: j
-          }
+            isRequired: h,
+            hideHintLabel: j,
+            hideInputHeader: I
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
+            lineNumber: 172,
+            columnNumber: 11
+          },
+          void 0
         ),
-        /* @__PURE__ */ n.jsxs(
-          Z,
+        /* @__PURE__ */ i.jsxDEV(
+          et,
           {
-            className: ({ isFocusWithin: s, isHovered: r }) => A({
-              isFocused: s,
-              isHovered: r,
+            className: ({ isFocusWithin: n, isHovered: s }) => A({
+              isFocused: n,
+              isHovered: s,
               isDisabled: t,
-              isInvalid: o,
-              className: "relative flex-wrap items-start gap-1"
+              isInvalid: a,
+              className: "relative flex-wrap items-start gap-1 py-2"
             }),
             ref: K,
             onFocus: () => {
-              var s;
-              e.length === 0 && ((s = g == null ? void 0 : g.current) == null || s.focus());
+              var n;
+              e.length === 0 && ((n = r == null ? void 0 : r.current) == null || n.focus());
             },
             children: [
-              /* @__PURE__ */ n.jsx(
-                ot,
+              /* @__PURE__ */ i.jsxDEV(
+                lt,
                 {
-                  label: f ?? D.values,
+                  label: f ?? k.values,
                   items: O,
-                  onRemove: (s) => {
-                    h(e.filter((r) => !s.has(r)));
+                  onRemove: (n) => {
+                    y(e.filter((s) => !n.has(s)));
                   },
                   className: "-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1",
-                  children: e.map((s, r) => /* @__PURE__ */ n.jsx(
-                    lt,
+                  children: e.map((n, s) => /* @__PURE__ */ i.jsxDEV(
+                    ct,
                     {
-                      id: s,
+                      id: n,
                       isDisabled: t,
-                      ref: (E) => {
-                        r === e.length - 1 && _(E), r === 0 && W(E);
+                      ref: (L) => {
+                        s === e.length - 1 && _(L), s === 0 && W(L);
                       },
-                      children: s
+                      children: n
+                    },
+                    n,
+                    !1,
+                    {
+                      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
+                      lineNumber: 203,
+                      columnNumber: 17
                     },
-                    s
+                    void 0
                   ))
-                }
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
+                  lineNumber: 194,
+                  columnNumber: 13
+                },
+                void 0
+              ),
+              /* @__PURE__ */ i.jsxDEV(
+                "div",
+                {
+                  className: rt(
+                    "w-full transition-all duration-100",
+                    e.length && !w.isFirstInLine ? "h-0" : e.length ? "h-[1.625rem]" : "h-4"
+                  )
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
+                  lineNumber: 220,
+                  columnNumber: 13
+                },
+                void 0
               ),
-              L.isFirstInLine ? /* @__PURE__ */ n.jsx("div", { className: rt("w-full", e.length ? "h-[1.625rem]" : "h-4") }) : null,
-              /* @__PURE__ */ n.jsx("div", { style: { ...L.style }, className: "absolute flex h-6 items-center ps-2", children: /* @__PURE__ */ n.jsx(
-                tt,
+              /* @__PURE__ */ i.jsxDEV("div", { style: { ...w.style }, className: "absolute flex h-6 items-center ps-2", children: /* @__PURE__ */ i.jsxDEV(
+                nt,
                 {
                   className: C({ className: "my-px w-full" }),
-                  ref: g,
+                  ref: r,
                   disabled: t,
                   required: P,
-                  placeholder: t && !d ? "-" : l.placeholder
-                }
-              ) }),
-              /* @__PURE__ */ n.jsx("input", { type: "hidden", value: e.join(","), name: k })
+                  placeholder: t && !g ? "-" : u.placeholder
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
+                  lineNumber: 232,
+                  columnNumber: 15
+                },
+                void 0
+              ) }, void 0, !1, {
+                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
+                lineNumber: 231,
+                columnNumber: 13
+              }, void 0),
+              c ? /* @__PURE__ */ i.jsxDEV("input", { type: "hidden", value: e.join(","), name: c }, void 0, !1, {
+                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
+                lineNumber: 241,
+                columnNumber: 21
+              }, void 0) : null
             ]
-          }
+          },
+          void 0,
+          !0,
+          {
+            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
+            lineNumber: 178,
+            columnNumber: 11
+          },
+          void 0
         ),
-        /* @__PURE__ */ n.jsx(
-          ut,
+        /* @__PURE__ */ i.jsxDEV(
+          mt,
+          {
+            description: v ?? k.tagInputDescription,
+            errorMessage: F,
+            hideInputFooter: R
+          },
+          void 0,
+          !1,
           {
-            description: I ?? D.tagInputDescription,
-            errorMessage: u,
-            hideInputFooter: T
-          }
+            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
+            lineNumber: 243,
+            columnNumber: 11
+          },
+          void 0
         )
-      ] })
-    }
+      ] }, void 0, !0, {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
+        lineNumber: 171,
+        columnNumber: 9
+      }, void 0)
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
+      lineNumber: 158,
+      columnNumber: 5
+    },
+    void 0
   );
 };
 M.displayName = "TagInput";
-const Nt = nt(M), dt = () => {
-  const I = B(null), [$, v] = R(), [T, j] = R(), p = ft(), f = 32 * 4, a = F(() => {
-    const c = (i) => p.direction === "rtl" ? i.right : i.left, m = (i) => p.direction === "rtl" ? i.left : i.right;
-    if (!$ || !I.current || !T)
+const kt = at(M), gt = () => {
+  const o = B(null), [v, E] = $(), [j, R] = $(), I = dt(), m = 32 * 4, f = D(() => {
+    const r = (p) => I.direction === "rtl" ? p.right : p.left, T = (p) => I.direction === "rtl" ? p.left : p.right;
+    if (!v || !o.current || !j)
       return {
         style: {
           top: 4,
@@ -176,45 +260,47 @@ const Nt = nt(M), dt = () => {
         },
         isFirstInLine: !0
       };
-    const g = T.getBoundingClientRect(), x = $.getBoundingClientRect(), u = I.current.getBoundingClientRect(), y = Math.abs(m(u) - m(x)) - 10, b = y < f;
+    const F = j.getBoundingClientRect(), N = v.getBoundingClientRect(), l = o.current.getBoundingClientRect(), h = Math.abs(T(l) - T(N)) - 10, c = h < m;
     return {
       style: {
-        top: b ? (
+        top: c ? (
           // if pushing to the next line, top of the input should be bottom of the last tag + 4px gap
-          x.bottom - u.top + 4
+          N.bottom - l.top + 4
         ) : (
           // if keeping on the same line, top of the input should be top of the last tag
-          x.top - u.top
+          N.top - l.top
         ),
-        insetInlineStart: b ? (
+        insetInlineStart: c ? (
           // if pushing to the next line, start of the input should be the start of the group
-          Math.abs(c(g) - c(u)) - 2
+          Math.abs(r(F) - r(l)) - 2
         ) : (
           // if keeping on the same line, start of the input should be the end of the last tag
-          Math.abs(m(x) - c(u)) + 2
+          Math.abs(T(N) - r(l)) + 2
         ),
-        width: b ? (
+        width: c ? (
           // if pushing to the next line, input should fill up the whole width of the group (minus the padding of the group)
           "calc(100% - 16px)"
         ) : (
           // if keeping on the same line, input should take the available space between the last tag and the end of the group
-          Math.max(y, f)
+          Math.max(h, m)
         )
       },
-      isFirstInLine: b
+      isFirstInLine: c
     };
-  }, [T, $, p.direction, f]), [d, l] = R(a());
-  return Q(() => {
-    l(a());
-  }, [a]), at("resize", () => {
-    l(a());
+  }, [j, v, I.direction, m]), [d, g] = $(f()), [u, b] = Q(), x = D(() => {
+    g(f());
+  }, [f]);
+  return X(() => {
+    u || b(() => x());
+  }, [u, x]), ot("resize", () => {
+    b(() => x());
   }), {
-    groupRef: I,
-    setLastTag: v,
-    setFirstTag: j,
+    groupRef: o,
+    setLastTag: E,
+    setFirstTag: R,
     inputPosition: d
   };
 };
 export {
-  Nt as TagInput
+  kt as TagInput
 };

package/dist/lyra43.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra43.js","sources":["../src/components/inputs/tag-input/tag-input.tsx"],"sourcesContent":["import {\n  ClipboardEvent,\n  ForwardedRef,\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n  useLocale,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport { KeyboardEvent } from \"@react-types/shared\";\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TagInputProps = Omit<AriaTextFieldProps, \"value\" | \"onChange\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n    value?: string[];\n    onChange?: (value: string[]) => void;\n  };\n\nconst _TagInput = (\n  {\n    description,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    onChange,\n    value,\n    ...props\n  }: TagInputProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n\n  const localTextInputRef = useRef<HTMLInputElement>(null);\n  const textInputRef = useObjectRef(\n    inputRef ? mergeRefs(localTextInputRef, inputRef) : localTextInputRef,\n  );\n\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    name,\n    ...textFieldProps\n  } = props;\n\n  const dictionary = useDictionary();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [internalValue, setInternalValue] = useState(value ?? []);\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n  });\n\n  useEffect(() => {\n    setInternalValue(value ?? []);\n  }, [value]);\n\n  const internalOnChange = useCallback(\n    (value: string[]) => {\n      setInternalValue(value);\n      onChange?.(value);\n    },\n    [onChange],\n  );\n\n  const tags = useMemo(\n    () => internalValue.map((tag) => ({ key: tag, value: tag })),\n    [internalValue],\n  );\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if ([\"Enter\", \",\"].includes(e.key)) {\n        e.preventDefault();\n        const valueToAdd = e.currentTarget.value.trim();\n        if (valueToAdd && !internalValue.includes(valueToAdd)) {\n          internalOnChange([...internalValue, e.currentTarget.value.trim()]);\n        }\n        setInputValue(\"\");\n      } else if (e.key === \"Backspace\") {\n        if (!e.currentTarget.value) {\n          e.preventDefault();\n          internalOnChange(internalValue.slice(0, -1));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const onPaste = useCallback(\n    (e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      if (e.clipboardData) {\n        const text = e.clipboardData.getData(\"Text\");\n        if (text) {\n          const splitValues = text\n            ? text\n                .split(\",\")\n                // remove zero width characters\n                .map((x) => x.replace(/[\\u200B-\\u200D\\uFEFF]/g, \"\"))\n                .filter((x) => x.length > 0)\n                .map((x) => x.trim())\n            : [];\n          internalOnChange(Array.from(new Set([...internalValue, ...splitValues])));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const { groupRef, inputPosition, setFirstTag, setLastTag } = useInputPosition();\n\n  const shouldInputBeRequired = useMemo(\n    () => isRequired && internalValue.length === 0,\n    [internalValue.length, isRequired],\n  );\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isRequired={shouldInputBeRequired}\n      {...textFieldProps}\n      onKeyDown={onKeyDown}\n      value={inputValue}\n      onChange={setInputValue}\n      onPaste={onPaste}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled,\n                isInvalid,\n                className: \"relative flex-wrap items-start gap-1\",\n              });\n            }}\n            ref={groupRef}\n            onFocus={() => {\n              // Make sure that the input is focused when the group focuses and there are no tags yet\n              if (internalValue.length === 0) textInputRef?.current?.focus();\n            }}\n          >\n            <InputTagGroup\n              label={label ?? dictionary.values}\n              items={tags}\n              onRemove={(removedTags) => {\n                internalOnChange(internalValue.filter((tag) => !removedTags.has(tag)));\n              }}\n              className=\"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1\"\n            >\n              {internalValue.map((item, index) => (\n                <InputTag\n                  key={item}\n                  id={item}\n                  isDisabled={isDisabled}\n                  ref={(instance) => {\n                    if (index === internalValue.length - 1) {\n                      setLastTag(instance);\n                    }\n                    if (index === 0) {\n                      setFirstTag(instance);\n                    }\n                  }}\n                >\n                  {item}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n\n            {inputPosition.isFirstInLine ? (\n              <div className={clsx(\"w-full\", internalValue.length ? \"h-[1.625rem]\" : \"h-4\")} />\n            ) : null}\n\n            <div style={{ ...inputPosition.style }} className=\"absolute flex h-6 items-center ps-2\">\n              <Input\n                className={input({ className: \"my-px w-full\" })}\n                ref={textInputRef}\n                disabled={isDisabled}\n                required={shouldInputBeRequired}\n                placeholder={isDisabled && !value ? \"-\" : props.placeholder}\n              />\n            </div>\n\n            <input type=\"hidden\" value={internalValue.join(\",\")} name={name} />\n          </Group>\n          <InputFooter\n            description={description ?? dictionary.tagInputDescription}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TagInput.displayName = \"TagInput\";\n\nexport const TagInput = fixedForwardRef(_TagInput);\n\nconst useInputPosition = () => {\n  const groupRef = useRef<HTMLDivElement>(null);\n  const [lastTag, setLastTag] = useState<HTMLDivElement | null>();\n  const [firstTag, setFirstTag] = useState<HTMLDivElement | null>();\n\n  const locale = useLocale();\n\n  const minWidth = 32 * 4;\n\n  const getInputPosition = useCallback(() => {\n    const getRectStart = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.right : rect.left);\n    const getRectEnd = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.left : rect.right);\n\n    // if there are no tags or the group ref is not set, return the default position at the start of the group\n    if (!lastTag || !groupRef.current || !firstTag) {\n      return {\n        style: {\n          top: 4,\n          insetInlineStart: 3,\n          width: \"calc(100% - 16px)\",\n        },\n        isFirstInLine: true,\n      };\n    }\n\n    const firstTagRect = firstTag.getBoundingClientRect();\n    const lastTagRect = lastTag.getBoundingClientRect();\n    const groupRect = groupRef.current.getBoundingClientRect();\n\n    // compute available space between the last tag and the end of the group\n    const availableSpace = Math.abs(getRectEnd(groupRect) - getRectEnd(lastTagRect)) - 10;\n    // if the available space is less than the minimum width of the input, push the input to the next line\n    const pushToNextLine = availableSpace < minWidth;\n\n    return {\n      style: {\n        top: pushToNextLine\n          ? // if pushing to the next line, top of the input should be bottom of the last tag + 4px gap\n            lastTagRect.bottom - groupRect.top + 4\n          : // if keeping on the same line, top of the input should be top of the last tag\n            lastTagRect.top - groupRect.top,\n\n        insetInlineStart: pushToNextLine\n          ? // if pushing to the next line, start of the input should be the start of the group\n            Math.abs(getRectStart(firstTagRect) - getRectStart(groupRect)) - 2\n          : // if keeping on the same line, start of the input should be the end of the last tag\n            Math.abs(getRectEnd(lastTagRect) - getRectStart(groupRect)) + 2,\n\n        width: pushToNextLine\n          ? // if pushing to the next line, input should fill up the whole width of the group (minus the padding of the group)\n            \"calc(100% - 16px)\"\n          : // if keeping on the same line, input should take the available space between the last tag and the end of the group\n            Math.max(availableSpace, minWidth),\n      },\n      isFirstInLine: pushToNextLine,\n    };\n  }, [firstTag, lastTag, locale.direction, minWidth]);\n\n  const [inputPosition, setInputPosition] = useState(getInputPosition());\n\n  useLayoutEffect(() => {\n    setInputPosition(getInputPosition());\n  }, [getInputPosition]);\n\n  useEventListener(\"resize\", () => {\n    setInputPosition(getInputPosition());\n  });\n\n  return {\n    groupRef,\n    setLastTag,\n    setFirstTag,\n    inputPosition,\n  };\n};\n"],"names":["_TagInput","description","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","onChange","value","props","ref","useContextProps","TextFieldContext","localTextInputRef","useRef","textInputRef","useObjectRef","mergeRefs","className","errorMessage","isDisabled","isInvalid","isRequired","name","textFieldProps","dictionary","useDictionary","inputValue","setInputValue","useState","internalValue","setInternalValue","input","inputField","wrapper","sharedInputStyles","useEffect","internalOnChange","useCallback","tags","useMemo","tag","onKeyDown","e","valueToAdd","onPaste","text","splitValues","x","groupRef","inputPosition","setFirstTag","setLastTag","useInputPosition","shouldInputBeRequired","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","_a","InputTagGroup","removedTags","item","index","InputTag","instance","clsx","Input","InputFooter","TagInput","fixedForwardRef","lastTag","firstTag","locale","useLocale","minWidth","getInputPosition","getRectStart","rect","getRectEnd","firstTagRect","lastTagRect","groupRect","availableSpace","pushToNextLine","setInputPosition","useLayoutEffect","useEventListener"],"mappings":"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"}
+{"version":3,"file":"lyra43.js","sources":["../src/components/inputs/tag-input/tag-input.tsx"],"sourcesContent":["import {\n  ClipboardEvent,\n  ForwardedRef,\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useTransition,\n} from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n  useLocale,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport { KeyboardEvent } from \"@react-types/shared\";\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TagInputProps = Omit<AriaTextFieldProps, \"value\" | \"defaultValue\" | \"onChange\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n    value?: string[];\n    defaultValue?: string[];\n    onChange?: (value: string[]) => void;\n  };\n\nconst _TagInput = (\n  {\n    defaultValue,\n    description,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    onChange,\n    value,\n    ...props\n  }: TagInputProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n\n  const localTextInputRef = useRef<HTMLInputElement>(null);\n  const textInputRef = useObjectRef(\n    inputRef ? mergeRefs(localTextInputRef, inputRef) : localTextInputRef,\n  );\n\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    name,\n    ...textFieldProps\n  } = props;\n\n  const dictionary = useDictionary();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [internalValue, setInternalValue] = useState(value ?? defaultValue ?? []);\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n  });\n\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue ?? []);\n  }, [value, defaultValue]);\n\n  const internalOnChange = useCallback(\n    (value: string[]) => {\n      setInternalValue(value);\n      onChange?.(value);\n    },\n    [onChange],\n  );\n\n  const tags = useMemo(\n    () => internalValue.map((tag) => ({ key: tag, value: tag })),\n    [internalValue],\n  );\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if ([\"Enter\", \",\"].includes(e.key)) {\n        e.preventDefault();\n        const valueToAdd = e.currentTarget.value.trim();\n        if (valueToAdd && !internalValue.includes(valueToAdd)) {\n          internalOnChange([...internalValue, e.currentTarget.value.trim()]);\n        }\n        setInputValue(\"\");\n      } else if (e.key === \"Backspace\") {\n        if (!e.currentTarget.value) {\n          e.preventDefault();\n          internalOnChange(internalValue.slice(0, -1));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const onPaste = useCallback(\n    (e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      if (e.clipboardData) {\n        const text = e.clipboardData.getData(\"Text\");\n        if (text) {\n          const splitValues = text\n            ? text\n                .split(\",\")\n                // remove zero width characters\n                .map((x) => x.replace(/[\\u200B-\\u200D\\uFEFF]/g, \"\"))\n                .filter((x) => x.length > 0)\n                .map((x) => x.trim())\n            : [];\n          internalOnChange(Array.from(new Set([...internalValue, ...splitValues])));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const { groupRef, inputPosition, setFirstTag, setLastTag } = useInputPosition();\n\n  const shouldInputBeRequired = useMemo(\n    () => isRequired && internalValue.length === 0,\n    [internalValue.length, isRequired],\n  );\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isRequired={shouldInputBeRequired}\n      {...textFieldProps}\n      onKeyDown={onKeyDown}\n      value={inputValue}\n      onChange={setInputValue}\n      onPaste={onPaste}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled,\n                isInvalid,\n                className: \"relative flex-wrap items-start gap-1 py-2\",\n              });\n            }}\n            ref={groupRef}\n            onFocus={() => {\n              // Make sure that the input is focused when the group focuses and there are no tags yet\n              if (internalValue.length === 0) textInputRef?.current?.focus();\n            }}\n          >\n            <InputTagGroup\n              label={label ?? dictionary.values}\n              items={tags}\n              onRemove={(removedTags) => {\n                internalOnChange(internalValue.filter((tag) => !removedTags.has(tag)));\n              }}\n              className=\"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1\"\n            >\n              {internalValue.map((item, index) => (\n                <InputTag\n                  key={item}\n                  id={item}\n                  isDisabled={isDisabled}\n                  ref={(instance) => {\n                    if (index === internalValue.length - 1) {\n                      setLastTag(instance);\n                    }\n                    if (index === 0) {\n                      setFirstTag(instance);\n                    }\n                  }}\n                >\n                  {item}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n            <div\n              className={clsx(\n                \"w-full transition-all duration-100\",\n                internalValue.length && !inputPosition.isFirstInLine\n                  ? \"h-0\"\n                  : internalValue.length\n                  ? \"h-[1.625rem]\"\n                  : \"h-4\",\n              )}\n            />\n\n            <div style={{ ...inputPosition.style }} className=\"absolute flex h-6 items-center ps-2\">\n              <Input\n                className={input({ className: \"my-px w-full\" })}\n                ref={textInputRef}\n                disabled={isDisabled}\n                required={shouldInputBeRequired}\n                placeholder={isDisabled && !value ? \"-\" : props.placeholder}\n              />\n            </div>\n\n            {name ? <input type=\"hidden\" value={internalValue.join(\",\")} name={name} /> : null}\n          </Group>\n          <InputFooter\n            description={description ?? dictionary.tagInputDescription}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TagInput.displayName = \"TagInput\";\n\nexport const TagInput = fixedForwardRef(_TagInput);\n\nconst useInputPosition = () => {\n  const groupRef = useRef<HTMLDivElement>(null);\n  const [lastTag, setLastTag] = useState<HTMLDivElement | null>();\n  const [firstTag, setFirstTag] = useState<HTMLDivElement | null>();\n\n  const locale = useLocale();\n\n  const minWidth = 32 * 4;\n\n  const getInputPosition = useCallback(() => {\n    const getRectStart = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.right : rect.left);\n    const getRectEnd = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.left : rect.right);\n\n    // if there are no tags or the group ref is not set, return the default position at the start of the group\n    if (!lastTag || !groupRef.current || !firstTag) {\n      return {\n        style: {\n          top: 4,\n          insetInlineStart: 3,\n          width: \"calc(100% - 16px)\",\n        },\n        isFirstInLine: true,\n      };\n    }\n\n    const firstTagRect = firstTag.getBoundingClientRect();\n    const lastTagRect = lastTag.getBoundingClientRect();\n    const groupRect = groupRef.current.getBoundingClientRect();\n\n    // compute available space between the last tag and the end of the group\n    const availableSpace = Math.abs(getRectEnd(groupRect) - getRectEnd(lastTagRect)) - 10;\n    // if the available space is less than the minimum width of the input, push the input to the next line\n    const pushToNextLine = availableSpace < minWidth;\n\n    return {\n      style: {\n        top: pushToNextLine\n          ? // if pushing to the next line, top of the input should be bottom of the last tag + 4px gap\n            lastTagRect.bottom - groupRect.top + 4\n          : // if keeping on the same line, top of the input should be top of the last tag\n            lastTagRect.top - groupRect.top,\n\n        insetInlineStart: pushToNextLine\n          ? // if pushing to the next line, start of the input should be the start of the group\n            Math.abs(getRectStart(firstTagRect) - getRectStart(groupRect)) - 2\n          : // if keeping on the same line, start of the input should be the end of the last tag\n            Math.abs(getRectEnd(lastTagRect) - getRectStart(groupRect)) + 2,\n\n        width: pushToNextLine\n          ? // if pushing to the next line, input should fill up the whole width of the group (minus the padding of the group)\n            \"calc(100% - 16px)\"\n          : // if keeping on the same line, input should take the available space between the last tag and the end of the group\n            Math.max(availableSpace, minWidth),\n      },\n      isFirstInLine: pushToNextLine,\n    };\n  }, [firstTag, lastTag, locale.direction, minWidth]);\n\n  const [inputPosition, setInputPosition] = useState(getInputPosition());\n\n  const [isPending, startTransition] = useTransition();\n\n  const updateInputPosition = useCallback(() => {\n    setInputPosition(getInputPosition());\n  }, [getInputPosition]);\n\n  useLayoutEffect(() => {\n    if (!isPending) {\n      startTransition(() => updateInputPosition());\n    }\n  }, [isPending, updateInputPosition]);\n\n  useEventListener(\"resize\", () => {\n    startTransition(() => updateInputPosition());\n  });\n\n  // useEventListener(\"transitionend\", () => {\n  //   startTransition(() => updateInputPosition());\n  // });\n\n  return {\n    groupRef,\n    setLastTag,\n    setFirstTag,\n    inputPosition,\n  };\n};\n"],"names":["_TagInput","defaultValue","description","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","onChange","value","props","ref","useContextProps","TextFieldContext","localTextInputRef","useRef","textInputRef","useObjectRef","mergeRefs","className","errorMessage","isDisabled","isInvalid","isRequired","name","textFieldProps","dictionary","useDictionary","inputValue","setInputValue","useState","internalValue","setInternalValue","input","inputField","wrapper","sharedInputStyles","useEffect","internalOnChange","useCallback","tags","useMemo","tag","onKeyDown","e","valueToAdd","onPaste","text","splitValues","x","groupRef","inputPosition","setFirstTag","setLastTag","useInputPosition","shouldInputBeRequired","jsxDEV","AriaTextField","Fragment","InputHeader","this","Group","isFocusWithin","isHovered","_a","InputTagGroup","removedTags","item","index","InputTag","instance","clsx","Input","InputFooter","TagInput","fixedForwardRef","lastTag","firstTag","locale","useLocale","minWidth","getInputPosition","getRectStart","rect","getRectEnd","firstTagRect","lastTagRect","groupRect","availableSpace","pushToNextLine","setInputPosition","isPending","startTransition","useTransition","updateInputPosition","useLayoutEffect","useEventListener"],"mappings":"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"}

package/dist/lyra44.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra89.cjs"),s=require("./lyra88.cjs"),f=require("./lyra449.cjs"),O=require("./lyra92.cjs"),w=require("./lyra38.cjs"),C=require("./lyra39.cjs"),D=require("./lyra40.cjs"),a=({description:o,endSlot:t,fullWidth:d=!0,hideHintLabel:c,hideInputFooter:p,hideInputHeader:m,inputRef:j,label:F,startSlot:i,...r},n)=>{[r,n]=s.useContextProps(r,n,s.TextFieldContext);const{className:R,errorMessage:q,isDisabled:E=!1,isInvalid:h,isReadOnly:u,isRequired:x,...y}=r,{input:I,inputField:T,wrapper:N}=D.sharedInputStyles({fullWidth:d,hasStartSlot:!!i,hasEndSlot:!!t});return e.jsxRuntimeExports.jsx(s.TextField,{className:N({className:R}),isDisabled:E,isRequired:x,isInvalid:h,isReadOnly:u,...y,ref:n,children:({isDisabled:l,isInvalid:b})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(w.InputHeader,{label:F,isRequired:x,hideHintLabel:c,hideInputHeader:m}),e.jsxRuntimeExports.jsxs(s.Group,{className:({isFocusWithin:g,isHovered:v})=>T({isFocused:g,isHovered:v,isDisabled:l||u,isInvalid:b}),children:[i,e.jsxRuntimeExports.jsx(s.Input,{className:I({className:f.clsx(!!i&&"ps-1",!!t&&"pe-1")}),ref:j,required:x,disabled:l,readOnly:u}),t]}),e.jsxRuntimeExports.jsx(C.InputFooter,{description:o,errorMessage:q,hideInputFooter:p})]})})};a.displayName="TextField";const H=O.fixedForwardRef(a);exports.TextField=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra89.cjs"),t=require("./lyra88.cjs"),T=require("./lyra449.cjs"),k=require("./lyra92.cjs"),U=require("./lyra38.cjs"),V=require("./lyra39.cjs"),g=require("./lyra40.cjs"),d=({description:a,endSlot:s,fullWidth:m=!0,hideHintLabel:x,hideInputFooter:c,hideInputHeader:p,inputRef:f,label:N,startSlot:i,...n},r)=>{[n,r]=t.useContextProps(n,r,t.TextFieldContext);const{className:j,errorMessage:v,isDisabled:b=!1,isInvalid:D,isReadOnly:l,isRequired:u,...E}=n,{input:y,inputField:F,wrapper:R}=g.sharedInputStyles({fullWidth:m,hasStartSlot:!!i,hasEndSlot:!!s});return e.jsxDevRuntimeExports.jsxDEV(t.TextField,{className:R({className:j}),isDisabled:b,isRequired:u,isInvalid:D,isReadOnly:l,...E,ref:r,children:({isDisabled:o,isInvalid:q})=>e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:[e.jsxDevRuntimeExports.jsxDEV(U.InputHeader,{label:N,isRequired:u,hideHintLabel:x,hideInputHeader:p},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",lineNumber:78,columnNumber:11},void 0),e.jsxDevRuntimeExports.jsxDEV(t.Group,{className:({isFocusWithin:h,isHovered:I})=>F({isFocused:h,isHovered:I,isDisabled:o||l,isInvalid:q}),children:[i,e.jsxDevRuntimeExports.jsxDEV(t.Input,{className:y({className:T.clsx(!!i&&"ps-1",!!s&&"pe-1")}),ref:f,required:u,disabled:o,readOnly:l},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",lineNumber:95,columnNumber:13},void 0),s]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",lineNumber:84,columnNumber:11},void 0),e.jsxDevRuntimeExports.jsxDEV(V.InputFooter,{description:a,errorMessage:v,hideInputFooter:c},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",lineNumber:106,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",lineNumber:77,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",lineNumber:67,columnNumber:5},void 0)};d.displayName="TextField";const O=k.fixedForwardRef(d);exports.TextField=O;

package/dist/lyra44.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra44.cjs","sources":["../src/components/inputs/text-field/text-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject } from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TextFieldProps = AriaTextFieldProps &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _TextField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    startSlot,\n    ...props\n  }: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    ...textFieldprops\n  } = props;\n\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      {...textFieldprops}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled: isDisabled || isReadOnly,\n                isInvalid,\n              });\n            }}\n          >\n            {startSlot}\n            <Input\n              className={input({\n                className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n              })}\n              ref={inputRef}\n              required={isRequired}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n            />\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TextField.displayName = \"TextField\";\n\nexport const TextField = fixedForwardRef(_TextField);\n"],"names":["_TextField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","startSlot","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","input","inputField","wrapper","sharedInputStyles","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","InputFooter","TextField","fixedForwardRef"],"mappings":"6QAiCMA,EAAa,CACjB,CACE,YAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,GACZ,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,gBAAgB,EACrD,KAAA,CACJ,UAAAC,EACA,aAAAC,EACA,WAAAC,EAAa,GACb,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,GAAGC,CACD,EAAAV,EAEE,CAAE,MAAAW,EAAO,WAAAC,EAAY,QAAAC,CAAA,EAAYC,EAAAA,kBAAkB,CACvD,UAAArB,EACA,aAAc,CAAC,CAACM,EAChB,WAAY,CAAC,CAACP,CAAA,CACf,EAGC,OAAAuB,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,UAAWH,EAAQ,CAAE,UAAAT,EAAW,EAChC,WAAAE,EACA,WAAAG,EACA,UAAAF,EACA,WAAAC,EACC,GAAGE,EACJ,IAAAT,EAEC,UAAC,CAAE,WAAAK,EAAY,UAAAC,CAAAA,IAEZU,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAH,EAAA,kBAAA,IAACI,EAAA,YAAA,CACC,MAAArB,EACA,WAAAW,EACA,cAAAf,EACA,gBAAAE,CAAA,CACF,EACAqB,EAAA,kBAAA,KAACG,EAAA,MAAA,CACC,UAAW,CAAC,CAAE,cAAAC,EAAe,UAAAC,KACpBV,EAAW,CAChB,UAAWS,EACX,UAAAC,EACA,WAAYhB,GAAcE,EAC1B,UAAAD,CAAA,CACD,EAGF,SAAA,CAAAR,EACDgB,EAAA,kBAAA,IAACQ,EAAA,MAAA,CACC,UAAWZ,EAAM,CACf,UAAWa,OAAK,CAAC,CAACzB,GAAa,OAAQ,CAAC,CAACP,GAAW,MAAM,CAAA,CAC3D,EACD,IAAKK,EACL,SAAUY,EACV,SAAUH,EACV,SAAUE,CAAA,CACZ,EACChB,CAAA,CAAA,CACH,EACAuB,EAAA,kBAAA,IAACU,EAAA,YAAA,CACC,YAAAlC,EACA,aAAAc,EACA,gBAAAV,CAAA,CACF,CAAA,EACF,CAAA,CAAA,CAIR,EAEAL,EAAW,YAAc,YAEZ,MAAAoC,EAAYC,kBAAgBrC,CAAU"}
+{"version":3,"file":"lyra44.cjs","sources":["../src/components/inputs/text-field/text-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject } from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TextFieldProps = AriaTextFieldProps &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _TextField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    startSlot,\n    ...props\n  }: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    ...textFieldprops\n  } = props;\n\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      {...textFieldprops}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled: isDisabled || isReadOnly,\n                isInvalid,\n              });\n            }}\n          >\n            {startSlot}\n            <Input\n              className={input({\n                className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n              })}\n              ref={inputRef}\n              required={isRequired}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n            />\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TextField.displayName = \"TextField\";\n\nexport const TextField = fixedForwardRef(_TextField);\n"],"names":["_TextField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","startSlot","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","input","inputField","wrapper","sharedInputStyles","jsxDEV","AriaTextField","Fragment","InputHeader","this","Group","isFocusWithin","isHovered","Input","clsx","InputFooter","TextField","fixedForwardRef"],"mappings":"6QAiCMA,EAAa,CACjB,CACE,YAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,GACZ,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,gBAAgB,EACrD,KAAA,CACJ,UAAAC,EACA,aAAAC,EACA,WAAAC,EAAa,GACb,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,GAAGC,CACD,EAAAV,EAEE,CAAE,MAAAW,EAAO,WAAAC,EAAY,QAAAC,CAAA,EAAYC,EAAAA,kBAAkB,CACvD,UAAArB,EACA,aAAc,CAAC,CAACM,EAChB,WAAY,CAAC,CAACP,CAAA,CACf,EAGC,OAAAuB,EAAA,qBAAA,OAACC,EAAA,UAAA,CACC,UAAWH,EAAQ,CAAE,UAAAT,EAAW,EAChC,WAAAE,EACA,WAAAG,EACA,UAAAF,EACA,WAAAC,EACC,GAAGE,EACJ,IAAAT,EAEC,UAAC,CAAE,WAAAK,EAAY,UAAAC,CAAAA,IAEZQ,EAAA,qBAAA,OAAAE,gCAAA,CAAA,SAAA,CAAAF,EAAA,qBAAA,OAACG,EAAA,YAAA,CACC,MAAApB,EACA,WAAAW,EACA,cAAAf,EACA,gBAAAE,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,EAAA,EAAAuB,MAKA,EACAJ,EAAA,qBAAA,OAACK,EAAA,MAAA,CACC,UAAW,CAAC,CAAE,cAAAC,EAAe,UAAAC,KACpBV,EAAW,CAChB,UAAWS,EACX,UAAAC,EACA,WAAYhB,GAAcE,EAC1B,UAAAD,CAAA,CACD,EAGF,SAAA,CAAAR,EACDgB,EAAA,qBAAA,OAACQ,EAAA,MAAA,CACC,UAAWZ,EAAM,CACf,UAAWa,OAAK,CAAC,CAACzB,GAAa,OAAQ,CAAC,CAACP,GAAW,MAAM,CAAA,CAC3D,EACD,IAAKK,EACL,SAAUY,EACV,SAAUH,EACV,SAAUE,CAAA,EAPZ,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,EAAA,EAAAW,MAQA,EACC3B,CAAA,CAAA,EApBH,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,EAAA,EAAA2B,MAqBA,EACAJ,EAAA,qBAAA,OAACU,EAAA,YAAA,CACC,YAAAlC,EACA,aAAAc,EACA,gBAAAV,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,IAAA,aAAA,EAAA,EAAAwB,MAIA,CAAA,GAjCF,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,CAkCA,EAAAA,MAAA,CAAA,EA5CJ,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAgDJ,EAEA7B,EAAW,YAAc,YAEZ,MAAAoC,EAAYC,kBAAgBrC,CAAU"}