@new-black/lyra 1.0.2 → 1.0.3

package/dist/lyra43.js

@@ -1,163 +1,170 @@
 import { j as a } from "./lyra87.js";
-import { useState as y, useEffect as H, useCallback as v, useMemo as K, useRef as O, useLayoutEffect as W } from "react";
-import { useContextProps as _, TextFieldContext as J, TextField as Q, Group as U, Input as X } from "./lyra86.js";
-import { clsx as Y } from "./lyra447.js";
-import { fixedForwardRef as Z } from "./lyra90.js";
-import tt from "./lyra594.js";
-import { useDictionary as et } from "./lyra92.js";
-import { InputTagGroup as st, InputTag as at } from "./lyra452.js";
-import "./lyra453.js";
-import { InputHeader as rt } from "./lyra38.js";
-import { InputFooter as it } from "./lyra39.js";
-import { sharedInputStyles as nt } from "./lyra40.js";
-import { useLocale as ot } from "./lyra85.js";
-const E = ({
-  description: b,
-  fullWidth: h = !0,
-  hideHintLabel: F,
-  hideInputFooter: I,
-  hideInputHeader: R,
-  inputRef: T,
-  label: p,
-  onChange: r,
-  value: f,
-  ...o
+import { useRef as E, useState as y, useEffect as W, useCallback as v, useMemo as _, useLayoutEffect as J } from "react";
+import { useContextProps as Q, TextFieldContext as U, TextField as X, Group as Y, Input as Z } from "./lyra86.js";
+import { useObjectRef as tt, mergeRefs as et } from "./lyra98.js";
+import { clsx as st } from "./lyra447.js";
+import { fixedForwardRef as rt } from "./lyra90.js";
+import at from "./lyra594.js";
+import { useDictionary as nt } from "./lyra92.js";
+import { InputTagGroup as it, InputTag as ot } from "./lyra454.js";
+import "./lyra455.js";
+import { InputHeader as ct } from "./lyra38.js";
+import { InputFooter as lt } from "./lyra39.js";
+import { sharedInputStyles as ut } from "./lyra40.js";
+import { useLocale as pt } from "./lyra85.js";
+const S = ({
+  description: $,
+  fullWidth: I = !0,
+  hideHintLabel: R,
+  hideInputFooter: T,
+  hideInputHeader: j,
+  inputRef: p,
+  label: f,
+  onChange: n,
+  value: d,
+  ...c
 }, l) => {
-  [o, l] = _(o, l, J);
-  const {
-    className: $,
-    errorMessage: j,
-    isDisabled: d = !1,
-    isInvalid: c,
-    isRequired: m,
-    name: g,
-    ...u
-  } = o, D = et(), [S, N] = y(""), [e, w] = y(f ?? []), { input: M, inputField: k, wrapper: B } = nt({
-    fullWidth: h
+  [c, l] = Q(c, l, U);
+  const m = E(null), g = tt(
+    p ? et(m, p) : m
+  ), {
+    className: x,
+    errorMessage: u,
+    isDisabled: F = !1,
+    isInvalid: b,
+    isRequired: i,
+    name: M,
+    ...k
+  } = c, D = nt(), [B, N] = y(""), [e, w] = y(d ?? []), { input: V, inputField: C, wrapper: q } = ut({
+    fullWidth: I
   });
-  H(() => {
-    w(f ?? []);
-  }, [f]);
-  const x = v(
+  W(() => {
+    w(d ?? []);
+  }, [d]);
+  const h = v(
     (t) => {
-      w(t), r == null || r(t);
+      w(t), n == null || n(t);
     },
-    [r]
-  ), V = K(
+    [n]
+  ), A = _(
     () => e.map((t) => ({ key: t, value: t })),
     [e]
-  ), C = v(
+  ), G = v(
     (t) => {
       if (["Enter", ","].includes(t.key)) {
         t.preventDefault();
-        const n = t.currentTarget.value.trim();
-        n && !e.includes(n) && x([...e, t.currentTarget.value.trim()]), N("");
+        const o = t.currentTarget.value.trim();
+        o && !e.includes(o) && h([...e, t.currentTarget.value.trim()]), N("");
       } else
-        t.key === "Backspace" && (t.currentTarget.value || (t.preventDefault(), x(e.slice(0, -1))));
+        t.key === "Backspace" && (t.currentTarget.value || (t.preventDefault(), h(e.slice(0, -1))));
     },
-    [x, e]
-  ), q = v(
+    [h, e]
+  ), O = v(
     (t) => {
       if (t.preventDefault(), t.clipboardData) {
-        const n = t.clipboardData.getData("Text");
-        if (n) {
-          const i = n ? n.split(",").map((s) => s.replace(/[\u200B-\u200D\uFEFF]/g, "")).filter((s) => s.length > 0).map((s) => s.trim()) : [];
-          x(Array.from(/* @__PURE__ */ new Set([...e, ...i])));
+        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])));
         }
       }
     },
-    [x, e]
-  ), { groupRef: A, inputPosition: L, setFirstTag: G, setLastTag: z } = lt();
+    [h, e]
+  ), { groupRef: z, inputPosition: L, setFirstTag: H, setLastTag: K } = ft();
   return /* @__PURE__ */ a.jsx(
-    Q,
+    X,
     {
-      className: B({ className: $ }),
-      isDisabled: d,
-      isRequired: m,
-      isInvalid: c,
-      ...u,
-      onKeyDown: C,
-      value: S,
+      className: q({ className: x }),
+      isDisabled: F,
+      isRequired: i,
+      isInvalid: b,
+      ...k,
+      onKeyDown: G,
+      value: B,
       onChange: N,
-      onPaste: q,
+      onPaste: O,
       ref: l,
-      children: ({ isDisabled: t, isInvalid: n }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      children: ({ isDisabled: t, isInvalid: o }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsx(
-          rt,
+          ct,
           {
-            label: p,
-            isRequired: m,
-            hideHintLabel: F,
-            hideInputHeader: R
+            label: f,
+            isRequired: i,
+            hideHintLabel: R,
+            hideInputHeader: j
           }
         ),
         /* @__PURE__ */ a.jsxs(
-          U,
+          Y,
           {
-            className: ({ isFocusWithin: i, isHovered: s }) => k({
-              isFocused: i,
-              isHovered: s,
+            className: ({ isFocusWithin: s, isHovered: r }) => C({
+              isFocused: s,
+              isHovered: r,
               isDisabled: t,
-              isInvalid: n,
+              isInvalid: o,
               className: "relative flex-wrap items-start gap-1"
             }),
-            ref: A,
+            ref: z,
+            onFocus: () => {
+              var s;
+              e.length === 0 && ((s = g == null ? void 0 : g.current) == null || s.focus());
+            },
             children: [
               /* @__PURE__ */ a.jsx(
-                st,
+                it,
                 {
-                  label: p ?? D.values,
-                  items: V,
-                  onRemove: (i) => {
-                    x(e.filter((s) => !i.has(s)));
+                  label: f ?? D.values,
+                  items: A,
+                  onRemove: (s) => {
+                    h(e.filter((r) => !s.has(r)));
                   },
                   className: "-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1",
-                  children: e.map((i, s) => /* @__PURE__ */ a.jsx(
-                    at,
+                  children: e.map((s, r) => /* @__PURE__ */ a.jsx(
+                    ot,
                     {
-                      id: i,
+                      id: s,
                       isDisabled: t,
                       ref: (P) => {
-                        s === e.length - 1 && z(P), s === 0 && G(P);
+                        r === e.length - 1 && K(P), r === 0 && H(P);
                       },
-                      children: i
+                      children: s
                     },
-                    i
+                    s
                   ))
                 }
               ),
-              L.isFirstInLine ? /* @__PURE__ */ a.jsx("div", { className: Y("w-full", e.length ? "h-[1.625rem]" : "h-4") }) : null,
+              L.isFirstInLine ? /* @__PURE__ */ a.jsx("div", { className: st("w-full", e.length ? "h-[1.625rem]" : "h-4") }) : null,
               /* @__PURE__ */ a.jsx("div", { style: { ...L.style }, className: "absolute flex h-6 items-center ps-2", children: /* @__PURE__ */ a.jsx(
-                X,
+                Z,
                 {
-                  className: M({ className: "my-px w-full" }),
-                  ref: T,
-                  required: m,
+                  className: V({ className: "my-px w-full" }),
+                  ref: g,
+                  required: i,
                   disabled: t,
-                  placeholder: t && !f ? "-" : o.placeholder
+                  placeholder: t && !d ? "-" : c.placeholder
                 }
               ) }),
-              /* @__PURE__ */ a.jsx("input", { type: "hidden", value: e.join(","), name: g })
+              /* @__PURE__ */ a.jsx("input", { type: "hidden", value: e.join(","), name: M })
             ]
           }
         ),
         /* @__PURE__ */ a.jsx(
-          it,
+          lt,
           {
-            description: b ?? D.tagInputDescription,
-            errorMessage: j,
-            hideInputFooter: I
+            description: $ ?? D.tagInputDescription,
+            errorMessage: u,
+            hideInputFooter: T
           }
         )
       ] })
     }
   );
 };
-E.displayName = "TagInput";
-const yt = Z(E), lt = () => {
-  const b = O(null), [h, F] = y(), [I, R] = y(), T = ot(), p = 32 * 4, r = v(() => {
-    const l = (u) => T.direction === "rtl" ? u.right : u.left, $ = (u) => T.direction === "rtl" ? u.left : u.right;
-    if (!h || !b.current || !I)
+S.displayName = "TagInput";
+const Dt = rt(S), ft = () => {
+  const $ = E(null), [I, R] = y(), [T, j] = y(), p = pt(), f = 32 * 4, n = v(() => {
+    const l = (i) => p.direction === "rtl" ? i.right : i.left, m = (i) => p.direction === "rtl" ? i.left : i.right;
+    if (!I || !$.current || !T)
       return {
         style: {
           top: 4,
@@ -166,45 +173,45 @@ const yt = Z(E), lt = () => {
         },
         isFirstInLine: !0
       };
-    const j = I.getBoundingClientRect(), d = h.getBoundingClientRect(), c = b.current.getBoundingClientRect(), m = Math.abs($(c) - $(d)) - 10, g = m < p;
+    const g = T.getBoundingClientRect(), x = I.getBoundingClientRect(), u = $.current.getBoundingClientRect(), F = Math.abs(m(u) - m(x)) - 10, b = F < f;
     return {
       style: {
-        top: g ? (
+        top: b ? (
           // if pushing to the next line, top of the input should be bottom of the last tag + 4px gap
-          d.bottom - c.top + 4
+          x.bottom - u.top + 4
         ) : (
           // if keeping on the same line, top of the input should be top of the last tag
-          d.top - c.top
+          x.top - u.top
         ),
-        insetInlineStart: g ? (
+        insetInlineStart: b ? (
           // if pushing to the next line, start of the input should be the start of the group
-          Math.abs(l(j) - l(c)) - 2
+          Math.abs(l(g) - l(u)) - 2
         ) : (
           // if keeping on the same line, start of the input should be the end of the last tag
-          Math.abs($(d) - l(c)) + 2
+          Math.abs(m(x) - l(u)) + 2
         ),
-        width: g ? (
+        width: b ? (
           // 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(m, p)
+          Math.max(F, f)
         )
       },
-      isFirstInLine: g
+      isFirstInLine: b
     };
-  }, [I, h, T.direction, p]), [f, o] = y(r());
-  return W(() => {
-    o(r());
-  }, [r]), tt("resize", () => {
-    o(r());
+  }, [T, I, p.direction, f]), [d, c] = y(n());
+  return J(() => {
+    c(n());
+  }, [n]), at("resize", () => {
+    c(n());
   }), {
-    groupRef: b,
-    setLastTag: F,
-    setFirstTag: R,
-    inputPosition: f
+    groupRef: $,
+    setLastTag: R,
+    setFirstTag: j,
+    inputPosition: d
   };
 };
 export {
-  yt as TagInput
+  Dt 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 { 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  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  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\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          >\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={inputRef}\n                required={isRequired}\n                disabled={isDisabled}\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","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","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","InputTagGroup","removedTags","item","index","InputTag","instance","clsx","Input","InputFooter","TagInput","fixedForwardRef","useRef","lastTag","firstTag","locale","useLocale","minWidth","getInputPosition","getRectStart","rect","getRectEnd","firstTagRect","lastTagRect","groupRect","availableSpace","pushToNextLine","setInputPosition","useLayoutEffect","useEventListener"],"mappings":";;;;;;;;;;;;;AAgDA,MAAMA,IAAY,CAChB;AAAA,EACE,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAgB;AACrD,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAV,GAEEW,IAAaC,MACb,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAE,GACzC,CAACC,GAAeC,CAAgB,IAAIF,EAAShB,KAAS,CAAA,CAAE,GACxD,EAAE,OAAAmB,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYC,GAAkB;AAAA,IACvD,WAAA7B;AAAA,EAAA,CACD;AAED,EAAA8B,EAAU,MAAM;AACG,IAAAL,EAAAlB,KAAS,CAAA,CAAE;AAAA,EAAA,GAC3B,CAACA,CAAK,CAAC;AAEV,QAAMwB,IAAmBC;AAAA,IACvB,CAACzB,MAAoB;AACnB,MAAAkB,EAAiBlB,CAAK,GACtBD,KAAA,QAAAA,EAAWC;AAAAA,IACb;AAAA,IACA,CAACD,CAAQ;AAAA,EAAA,GAGL2B,IAAOC;AAAA,IACX,MAAMV,EAAc,IAAI,CAACW,OAAS,EAAE,KAAKA,GAAK,OAAOA,EAAA,EAAM;AAAA,IAC3D,CAACX,CAAa;AAAA,EAAA,GAGVY,IAAYJ;AAAA,IAChB,CAACK,MAAqB;AACpB,UAAI,CAAC,SAAS,GAAG,EAAE,SAASA,EAAE,GAAG,GAAG;AAClC,QAAAA,EAAE,eAAe;AACjB,cAAMC,IAAaD,EAAE,cAAc,MAAM,KAAK;AAC9C,QAAIC,KAAc,CAACd,EAAc,SAASc,CAAU,KACjCP,EAAA,CAAC,GAAGP,GAAea,EAAE,cAAc,MAAM,KAAM,CAAA,CAAC,GAEnEf,EAAc,EAAE;AAAA,MAAA;AAClB,QAAWe,EAAE,QAAQ,gBACdA,EAAE,cAAc,UACnBA,EAAE,eAAe,GACjBN,EAAiBP,EAAc,MAAM,GAAG,EAAE,CAAC;AAAA,IAGjD;AAAA,IACA,CAACO,GAAkBP,CAAa;AAAA,EAAA,GAG5Be,IAAUP;AAAA,IACd,CAACK,MAAwC;AAGvC,UAFAA,EAAE,eAAe,GAEbA,EAAE,eAAe;AACnB,cAAMG,IAAOH,EAAE,cAAc,QAAQ,MAAM;AAC3C,YAAIG,GAAM;AACR,gBAAMC,IAAcD,IAChBA,EACG,MAAM,GAAG,EAET,IAAI,CAACE,MAAMA,EAAE,QAAQ,0BAA0B,EAAE,CAAC,EAClD,OAAO,CAACA,MAAMA,EAAE,SAAS,CAAC,EAC1B,IAAI,CAACA,MAAMA,EAAE,KAAM,CAAA,IACtB,CAAA;AACa,UAAAX,EAAA,MAAM,KAAK,oBAAI,IAAI,CAAC,GAAGP,GAAe,GAAGiB,CAAW,CAAC,CAAC,CAAC;AAAA,QAC1E;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAACV,GAAkBP,CAAa;AAAA,EAAA,GAG5B,EAAE,UAAAmB,GAAU,eAAAC,GAAe,aAAAC,GAAa,YAAAC,EAAA,IAAeC;AAG3D,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWrB,EAAQ,EAAE,WAAAhB,GAAW;AAAA,MAChC,YAAAE;AAAA,MACA,YAAAE;AAAA,MACA,WAAAD;AAAA,MACC,GAAGG;AAAA,MACJ,WAAAkB;AAAA,MACA,OAAOf;AAAA,MACP,UAAUC;AAAA,MACV,SAAAiB;AAAA,MACA,KAAA9B;AAAA,MAEC,WAAC,EAAE,YAAAK,GAAY,WAAAC,EAAAA,MAEZmC,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,QAAAH,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAA/C;AAAA,YACA,YAAAW;AAAA,YACA,eAAAf;AAAA,YACA,iBAAAE;AAAA,UAAA;AAAA,QACF;AAAA,QACA+C,gBAAAA,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAE,eAAAC,GAAe,WAAAC,QACpB5B,EAAW;AAAA,cAChB,WAAW2B;AAAA,cACX,WAAAC;AAAA,cACA,YAAAzC;AAAAA,cACA,WAAAC;AAAAA,cACA,WAAW;AAAA,YAAA,CACZ;AAAA,YAEH,KAAK4B;AAAA,YAEL,UAAA;AAAA,cAAAK,gBAAAA,EAAA;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACC,OAAOnD,KAASc,EAAW;AAAA,kBAC3B,OAAOc;AAAA,kBACP,UAAU,CAACwB,MAAgB;AACR,oBAAA1B,EAAAP,EAAc,OAAO,CAACW,MAAQ,CAACsB,EAAY,IAAItB,CAAG,CAAC,CAAC;AAAA,kBACvE;AAAA,kBACA,WAAU;AAAA,kBAET,UAAcX,EAAA,IAAI,CAACkC,GAAMC,MACxBX,gBAAAA,EAAA;AAAA,oBAACY;AAAA,oBAAA;AAAA,sBAEC,IAAIF;AAAA,sBACJ,YAAY5C;AAAAA,sBACZ,KAAK,CAAC+C,MAAa;AACb,wBAAAF,MAAUnC,EAAc,SAAS,KACnCsB,EAAWe,CAAQ,GAEjBF,MAAU,KACZd,EAAYgB,CAAQ;AAAA,sBAExB;AAAA,sBAEC,UAAAH;AAAA,oBAAA;AAAA,oBAZIA;AAAA,kBAAA,CAcR;AAAA,gBAAA;AAAA,cACH;AAAA,cAECd,EAAc,gBACZI,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWc,EAAK,UAAUtC,EAAc,SAAS,iBAAiB,KAAK,EAAA,CAAG,IAC7E;AAAA,cAEJwB,gBAAAA,EAAAA,IAAC,SAAI,OAAO,EAAE,GAAGJ,EAAc,MAAA,GAAS,WAAU,uCAChD,UAAAI,gBAAAA,EAAA;AAAA,gBAACe;AAAAA,gBAAA;AAAA,kBACC,WAAWrC,EAAM,EAAE,WAAW,gBAAgB;AAAA,kBAC9C,KAAKtB;AAAA,kBACL,UAAUY;AAAA,kBACV,UAAUF;AAAAA,kBACV,aAAaA,KAAc,CAACP,IAAQ,MAAMC,EAAM;AAAA,gBAAA;AAAA,cAAA,GAEpD;AAAA,cAEAwC,gBAAAA,EAAAA,IAAC,WAAM,MAAK,UAAS,OAAOxB,EAAc,KAAK,GAAG,GAAG,MAAAP,GAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACnE;AAAA,QACA+B,gBAAAA,EAAA;AAAA,UAACgB;AAAA,UAAA;AAAA,YACC,aAAajE,KAAeoB,EAAW;AAAA,YACvC,cAAAN;AAAA,YACA,iBAAAX;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAJ,EAAU,cAAc;AAEX,MAAAmE,KAAWC,EAAgBpE,CAAS,GAE3CiD,KAAmB,MAAM;AACvB,QAAAJ,IAAWwB,EAAuB,IAAI,GACtC,CAACC,GAAStB,CAAU,IAAIvB,EAAgC,GACxD,CAAC8C,GAAUxB,CAAW,IAAItB,EAAgC,GAE1D+C,IAASC,MAETC,IAAW,KAAK,GAEhBC,IAAmBzC,EAAY,MAAM;AACnC,UAAA0C,IAAe,CAACC,MAAmBL,EAAO,cAAc,QAAQK,EAAK,QAAQA,EAAK,MAClFC,IAAa,CAACD,MAAmBL,EAAO,cAAc,QAAQK,EAAK,OAAOA,EAAK;AAGrF,QAAI,CAACP,KAAW,CAACzB,EAAS,WAAW,CAAC0B;AAC7B,aAAA;AAAA,QACL,OAAO;AAAA,UACL,KAAK;AAAA,UACL,kBAAkB;AAAA,UAClB,OAAO;AAAA,QACT;AAAA,QACA,eAAe;AAAA,MAAA;AAIb,UAAAQ,IAAeR,EAAS,yBACxBS,IAAcV,EAAQ,yBACtBW,IAAYpC,EAAS,QAAQ,sBAAsB,GAGnDqC,IAAiB,KAAK,IAAIJ,EAAWG,CAAS,IAAIH,EAAWE,CAAW,CAAC,IAAI,IAE7EG,IAAiBD,IAAiBR;AAEjC,WAAA;AAAA,MACL,OAAO;AAAA,QACL,KAAKS;AAAA;AAAA,UAEDH,EAAY,SAASC,EAAU,MAAM;AAAA;AAAA;AAAA,UAErCD,EAAY,MAAMC,EAAU;AAAA;AAAA,QAEhC,kBAAkBE;AAAA;AAAA,UAEd,KAAK,IAAIP,EAAaG,CAAY,IAAIH,EAAaK,CAAS,CAAC,IAAI;AAAA;AAAA;AAAA,UAEjE,KAAK,IAAIH,EAAWE,CAAW,IAAIJ,EAAaK,CAAS,CAAC,IAAI;AAAA;AAAA,QAElE,OAAOE;AAAA;AAAA,UAEH;AAAA;AAAA;AAAA,UAEA,KAAK,IAAID,GAAgBR,CAAQ;AAAA;AAAA,MACvC;AAAA,MACA,eAAeS;AAAA,IAAA;AAAA,EACjB,GACC,CAACZ,GAAUD,GAASE,EAAO,WAAWE,CAAQ,CAAC,GAE5C,CAAC5B,GAAesC,CAAgB,IAAI3D,EAASkD,EAAkB,CAAA;AAErE,SAAAU,EAAgB,MAAM;AACpB,IAAAD,EAAiBT,GAAkB;AAAA,EAAA,GAClC,CAACA,CAAgB,CAAC,GAErBW,GAAiB,UAAU,MAAM;AAC/B,IAAAF,EAAiBT,GAAkB;AAAA,EAAA,CACpC,GAEM;AAAA,IACL,UAAA9B;AAAA,IACA,YAAAG;AAAA,IACA,aAAAD;AAAA,IACA,eAAAD;AAAA,EAAA;AAEJ;"}
+{"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  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\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                required={isRequired}\n                disabled={isDisabled}\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","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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"}

package/dist/lyra448.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra600.cjs"),D=require("./lyra88.cjs");var H={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},P=a=>a||void 0,V=(...a)=>P(u.e(a).filter(Boolean).join(" ")),N=null,v={},S=!1,j=(...a)=>m=>m.twMerge?((!N||S)&&(S=!1,N=u.b(v)?D.twMerge:D.extendTailwindMerge({...v,extend:{theme:v.theme,classGroups:v.classGroups,conflictingClassGroupModifiers:v.conflictingClassGroupModifiers,conflictingClassGroups:v.conflictingClassGroups,...v.extend}})),P(N(V(a)))):V(a),F=(a,m)=>{for(let l in m)a.hasOwnProperty(l)?a[l]=V(a[l],m[l]):a[l]=m[l];return a},ee=(a,m)=>{let{extend:l=null,slots:$={},variants:R={},compoundVariants:q=[],compoundSlots:h=[],defaultVariants:B={}}=a,d={...H,...m},k=l!=null&&l.base?V(l.base,a==null?void 0:a.base):a==null?void 0:a.base,y=l!=null&&l.variants&&!u.b(l.variants)?u.g(R,l.variants):R,O=l!=null&&l.defaultVariants&&!u.b(l.defaultVariants)?{...l.defaultVariants,...B}:B;!u.b(d.twMergeConfig)&&!u.c(d.twMergeConfig,v)&&(S=!0,v=d.twMergeConfig);let C=u.b(l==null?void 0:l.slots),T=u.b($)?{}:{base:V(a==null?void 0:a.base,C&&(l==null?void 0:l.base)),...$},w=C?T:F({...l==null?void 0:l.slots},u.b(T)?{base:a==null?void 0:a.base}:T),A=u.b(l==null?void 0:l.compoundVariants)?q:u.f(l==null?void 0:l.compoundVariants,q),b=f=>{if(u.b(y)&&u.b($)&&C)return j(k,f==null?void 0:f.class,f==null?void 0:f.className)(d);if(A&&!Array.isArray(A))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof A}`);if(h&&!Array.isArray(h))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof h}`);let L=(e,t,r=[],o)=>{let n=r;if(typeof t=="string")n=n.concat(u.h(t).split(" ").map(i=>`${e}:${i}`));else if(Array.isArray(t))n=n.concat(t.reduce((i,s)=>i.concat(`${e}:${s}`),[]));else if(typeof t=="object"&&typeof o=="string"){for(let i in t)if(t.hasOwnProperty(i)&&i===o){let s=t[i];if(s&&typeof s=="string"){let c=u.h(s);n[o]?n[o]=n[o].concat(c.split(" ").map(p=>`${e}:${p}`)):n[o]=c.split(" ").map(p=>`${e}:${p}`)}else Array.isArray(s)&&s.length>0&&(n[o]=s.reduce((c,p)=>c.concat(`${e}:${p}`),[]))}}return n},E=(e,t=y,r=null,o=null)=>{var n;let i=t[e];if(!i||u.b(i))return null;let s=(n=o==null?void 0:o[e])!=null?n:f==null?void 0:f[e];if(s===null)return null;let c=u.a(s),p=Array.isArray(d.responsiveVariants)&&d.responsiveVariants.length>0||d.responsiveVariants===!0,M=O==null?void 0:O[e],g=[];if(typeof c=="object"&&p)for(let[G,z]of Object.entries(c)){let Y=i[z];if(G==="initial"){M=z;continue}Array.isArray(d.responsiveVariants)&&!d.responsiveVariants.includes(G)||(g=L(G,Y,g,r))}let Q=c!=null&&typeof c!="object"?c:u.a(M),x=i[Q||"false"];return typeof g=="object"&&typeof r=="string"&&g[r]?F(g,x):g.length>0?(g.push(x),g):x},U=()=>y?Object.keys(y).map(e=>E(e,y)):null,W=(e,t)=>{if(!y||typeof y!="object")return null;let r=new Array;for(let o in y){let n=E(o,y,e,t),i=e==="base"&&typeof n=="string"?n:n&&n[e];i&&(r[r.length]=i)}return r},J={};for(let e in f)f[e]!==void 0&&(J[e]=f[e]);let K=(e,t)=>{var r;let o=typeof(f==null?void 0:f[e])=="object"?{[e]:(r=f[e])==null?void 0:r.initial}:{};return{...O,...J,...o,...t}},Z=(e=[],t)=>{let r=[];for(let{class:o,className:n,...i}of e){let s=!0;for(let[c,p]of Object.entries(i)){let M=K(c,t);if(Array.isArray(p)){if(!p.includes(M[c])){s=!1;break}}else if(M[c]!==p){s=!1;break}}s&&(o&&r.push(o),n&&r.push(n))}return r},X=e=>{let t=Z(A,e);if(!Array.isArray(t))return t;let r={};for(let o of t)if(typeof o=="string"&&(r.base=j(r.base,o)(d)),typeof o=="object")for(let[n,i]of Object.entries(o))r[n]=j(r[n],i)(d);return r},_=e=>{if(h.length<1)return null;let t={};for(let{slots:r=[],class:o,className:n,...i}of h){if(!u.b(i)){let s=!0;for(let c of Object.keys(i)){let p=K(c,e)[c];if(p===void 0||(Array.isArray(i[c])?!i[c].includes(p):i[c]!==p)){s=!1;break}}if(!s)continue}for(let s of r)t[s]=t[s]||[],t[s].push([o,n])}return t};if(!u.b($)||!C){let e={};if(typeof w=="object"&&!u.b(w))for(let t of Object.keys(w))e[t]=r=>{var o,n;return j(w[t],W(t,r),((o=X(r))!=null?o:[])[t],((n=_(r))!=null?n:[])[t],r==null?void 0:r.class,r==null?void 0:r.className)(d)};return e}return j(k,U(),Z(A),f==null?void 0:f.class,f==null?void 0:f.className)(d)},I=()=>{if(!(!y||typeof y!="object"))return Object.keys(y)};return b.variantKeys=I(),b.extend=l,b.base=k,b.slots=w,b.variants=y,b.defaultVariants=O,b.compoundSlots=h,b.compoundVariants=A,b};exports.cn=j;exports.cnBase=V;exports.defaultConfig=H;exports.tv=ee;exports.voidEmpty=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra596.cjs"),D=require("./lyra88.cjs");var H={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},P=a=>a||void 0,V=(...a)=>P(u.e(a).filter(Boolean).join(" ")),N=null,v={},S=!1,j=(...a)=>m=>m.twMerge?((!N||S)&&(S=!1,N=u.b(v)?D.twMerge:D.extendTailwindMerge({...v,extend:{theme:v.theme,classGroups:v.classGroups,conflictingClassGroupModifiers:v.conflictingClassGroupModifiers,conflictingClassGroups:v.conflictingClassGroups,...v.extend}})),P(N(V(a)))):V(a),F=(a,m)=>{for(let l in m)a.hasOwnProperty(l)?a[l]=V(a[l],m[l]):a[l]=m[l];return a},ee=(a,m)=>{let{extend:l=null,slots:$={},variants:R={},compoundVariants:q=[],compoundSlots:h=[],defaultVariants:B={}}=a,d={...H,...m},k=l!=null&&l.base?V(l.base,a==null?void 0:a.base):a==null?void 0:a.base,y=l!=null&&l.variants&&!u.b(l.variants)?u.g(R,l.variants):R,O=l!=null&&l.defaultVariants&&!u.b(l.defaultVariants)?{...l.defaultVariants,...B}:B;!u.b(d.twMergeConfig)&&!u.c(d.twMergeConfig,v)&&(S=!0,v=d.twMergeConfig);let C=u.b(l==null?void 0:l.slots),T=u.b($)?{}:{base:V(a==null?void 0:a.base,C&&(l==null?void 0:l.base)),...$},w=C?T:F({...l==null?void 0:l.slots},u.b(T)?{base:a==null?void 0:a.base}:T),A=u.b(l==null?void 0:l.compoundVariants)?q:u.f(l==null?void 0:l.compoundVariants,q),b=f=>{if(u.b(y)&&u.b($)&&C)return j(k,f==null?void 0:f.class,f==null?void 0:f.className)(d);if(A&&!Array.isArray(A))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof A}`);if(h&&!Array.isArray(h))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof h}`);let L=(e,t,r=[],o)=>{let n=r;if(typeof t=="string")n=n.concat(u.h(t).split(" ").map(i=>`${e}:${i}`));else if(Array.isArray(t))n=n.concat(t.reduce((i,s)=>i.concat(`${e}:${s}`),[]));else if(typeof t=="object"&&typeof o=="string"){for(let i in t)if(t.hasOwnProperty(i)&&i===o){let s=t[i];if(s&&typeof s=="string"){let c=u.h(s);n[o]?n[o]=n[o].concat(c.split(" ").map(p=>`${e}:${p}`)):n[o]=c.split(" ").map(p=>`${e}:${p}`)}else Array.isArray(s)&&s.length>0&&(n[o]=s.reduce((c,p)=>c.concat(`${e}:${p}`),[]))}}return n},E=(e,t=y,r=null,o=null)=>{var n;let i=t[e];if(!i||u.b(i))return null;let s=(n=o==null?void 0:o[e])!=null?n:f==null?void 0:f[e];if(s===null)return null;let c=u.a(s),p=Array.isArray(d.responsiveVariants)&&d.responsiveVariants.length>0||d.responsiveVariants===!0,M=O==null?void 0:O[e],g=[];if(typeof c=="object"&&p)for(let[G,z]of Object.entries(c)){let Y=i[z];if(G==="initial"){M=z;continue}Array.isArray(d.responsiveVariants)&&!d.responsiveVariants.includes(G)||(g=L(G,Y,g,r))}let Q=c!=null&&typeof c!="object"?c:u.a(M),x=i[Q||"false"];return typeof g=="object"&&typeof r=="string"&&g[r]?F(g,x):g.length>0?(g.push(x),g):x},U=()=>y?Object.keys(y).map(e=>E(e,y)):null,W=(e,t)=>{if(!y||typeof y!="object")return null;let r=new Array;for(let o in y){let n=E(o,y,e,t),i=e==="base"&&typeof n=="string"?n:n&&n[e];i&&(r[r.length]=i)}return r},J={};for(let e in f)f[e]!==void 0&&(J[e]=f[e]);let K=(e,t)=>{var r;let o=typeof(f==null?void 0:f[e])=="object"?{[e]:(r=f[e])==null?void 0:r.initial}:{};return{...O,...J,...o,...t}},Z=(e=[],t)=>{let r=[];for(let{class:o,className:n,...i}of e){let s=!0;for(let[c,p]of Object.entries(i)){let M=K(c,t);if(Array.isArray(p)){if(!p.includes(M[c])){s=!1;break}}else if(M[c]!==p){s=!1;break}}s&&(o&&r.push(o),n&&r.push(n))}return r},X=e=>{let t=Z(A,e);if(!Array.isArray(t))return t;let r={};for(let o of t)if(typeof o=="string"&&(r.base=j(r.base,o)(d)),typeof o=="object")for(let[n,i]of Object.entries(o))r[n]=j(r[n],i)(d);return r},_=e=>{if(h.length<1)return null;let t={};for(let{slots:r=[],class:o,className:n,...i}of h){if(!u.b(i)){let s=!0;for(let c of Object.keys(i)){let p=K(c,e)[c];if(p===void 0||(Array.isArray(i[c])?!i[c].includes(p):i[c]!==p)){s=!1;break}}if(!s)continue}for(let s of r)t[s]=t[s]||[],t[s].push([o,n])}return t};if(!u.b($)||!C){let e={};if(typeof w=="object"&&!u.b(w))for(let t of Object.keys(w))e[t]=r=>{var o,n;return j(w[t],W(t,r),((o=X(r))!=null?o:[])[t],((n=_(r))!=null?n:[])[t],r==null?void 0:r.class,r==null?void 0:r.className)(d)};return e}return j(k,U(),Z(A),f==null?void 0:f.class,f==null?void 0:f.className)(d)},I=()=>{if(!(!y||typeof y!="object"))return Object.keys(y)};return b.variantKeys=I(),b.extend=l,b.base=k,b.slots=w,b.variants=y,b.defaultVariants=O,b.compoundSlots=h,b.compoundVariants=A,b};exports.cn=j;exports.cnBase=V;exports.defaultConfig=H;exports.tv=ee;exports.voidEmpty=P;

package/dist/lyra448.js

@@ -1,4 +1,4 @@
-import { b as p, g as ee, c as re, f as te, e as le, h as F, a as H } from "./lyra600.js";
+import { b as p, g as ee, c as re, f as te, e as le, h as F, a as H } from "./lyra596.js";
 import { twMerge as ne, extendTailwindMerge as oe } from "./lyra88.js";
 var ae = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, J = (s) => s || void 0, $ = (...s) => J(le(s).filter(Boolean).join(" ")), T = null, b = {}, S = !1, w = (...s) => (m) => m.twMerge ? ((!T || S) && (S = !1, T = p(b) ? ne : oe({ ...b, extend: { theme: b.theme, classGroups: b.classGroups, conflictingClassGroupModifiers: b.conflictingClassGroupModifiers, conflictingClassGroups: b.conflictingClassGroups, ...b.extend } })), J(T($(s)))) : $(s), I = (s, m) => {
   for (let l in m)

package/dist/lyra449.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra448.cjs"),e=t.tv({slots:{box:["bg-surface-contrast","rounded-xs","text-inverted","text-sm","px-1.5","py-1","text-center"],beak:["transform","text-[--color-neutral-9]"]},variants:{placement:{top:{beak:"rotate-180 relative"},bottom:{},left:{beak:"rotate-90 relative -translate-x-1"},right:{beak:"-rotate-90 relative translate-x-1"},center:{}}}});exports.tooltipStyles=e;
+"use strict";

package/dist/lyra449.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra449.cjs","sources":["../src/components/tooltip/tooltip.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tooltipStyles = tv({\n  slots: {\n    box: [\n      \"bg-surface-contrast\",\n      \"rounded-xs\",\n      \"text-inverted\",\n      \"text-sm\",\n      \"px-1.5\",\n      \"py-1\",\n      \"text-center\",\n    ],\n    beak: [\"transform\", \"text-[--color-neutral-9]\"],\n  },\n  variants: {\n    placement: {\n      top: {\n        beak: \"rotate-180 relative\",\n      },\n      bottom: {},\n      left: {\n        beak: \"rotate-90 relative -translate-x-1\",\n      },\n      right: {\n        beak: \"-rotate-90 relative translate-x-1\",\n      },\n      center: {},\n    },\n  },\n});\n"],"names":["tooltipStyles","tv"],"mappings":"iHAEaA,EAAgBC,EAAAA,GAAG,CAC9B,MAAO,CACL,IAAK,CACH,sBACA,aACA,gBACA,UACA,SACA,OACA,aACF,EACA,KAAM,CAAC,YAAa,0BAA0B,CAChD,EACA,SAAU,CACR,UAAW,CACT,IAAK,CACH,KAAM,qBACR,EACA,OAAQ,CAAC,EACT,KAAM,CACJ,KAAM,mCACR,EACA,MAAO,CACL,KAAM,mCACR,EACA,OAAQ,CAAC,CACX,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra449.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra449.js

@@ -1,33 +1 @@
-import { tv as t } from "./lyra448.js";
-const r = t({
-  slots: {
-    box: [
-      "bg-surface-contrast",
-      "rounded-xs",
-      "text-inverted",
-      "text-sm",
-      "px-1.5",
-      "py-1",
-      "text-center"
-    ],
-    beak: ["transform", "text-[--color-neutral-9]"]
-  },
-  variants: {
-    placement: {
-      top: {
-        beak: "rotate-180 relative"
-      },
-      bottom: {},
-      left: {
-        beak: "rotate-90 relative -translate-x-1"
-      },
-      right: {
-        beak: "-rotate-90 relative translate-x-1"
-      },
-      center: {}
-    }
-  }
-});
-export {
-  r as tooltipStyles
-};
+

package/dist/lyra449.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra449.js","sources":["../src/components/tooltip/tooltip.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tooltipStyles = tv({\n  slots: {\n    box: [\n      \"bg-surface-contrast\",\n      \"rounded-xs\",\n      \"text-inverted\",\n      \"text-sm\",\n      \"px-1.5\",\n      \"py-1\",\n      \"text-center\",\n    ],\n    beak: [\"transform\", \"text-[--color-neutral-9]\"],\n  },\n  variants: {\n    placement: {\n      top: {\n        beak: \"rotate-180 relative\",\n      },\n      bottom: {},\n      left: {\n        beak: \"rotate-90 relative -translate-x-1\",\n      },\n      right: {\n        beak: \"-rotate-90 relative translate-x-1\",\n      },\n      center: {},\n    },\n  },\n});\n"],"names":["tooltipStyles","tv"],"mappings":";AAEO,MAAMA,IAAgBC,EAAG;AAAA,EAC9B,OAAO;AAAA,IACL,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAM,CAAC,aAAa,0BAA0B;AAAA,EAChD;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,KAAK;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ,CAAC;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"lyra449.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra450.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.cjs"),t=e.tv({base:["flex","flex-col","w-full","outline-none","overflow-auto"]}),r=e.tv({base:["block","w-full","justify-start","rounded-sm","bg-transparent","p-1","ps-1.5","text-start","text-base","font-normal","text-primary","outline-none","duration-0","active:text-inverted","hover:bg-action-hover","hover:text-inverted","focus:bg-action-focus","focus:text-inverted","focus-visible:[box-shadow:none]"],variants:{isDisabled:{true:["text-tertiary","cursor-not-allowed"]}}}),i=e.tv({slots:{item:["flex","items-start","p-1","rounded-sm","outline-none"],itemCheckmark:[],itemCheckmarkWrapper:[],itemImage:["w-9","min-w-9","h-9","rounded-xs","border","solid","border-default","me-1.5","overflow-hidden","box-border","object-contain","bg-[#ffffff]","block"],itemLabel:["text-primary","text-base","truncate","overflow-hidden","select-none"],itemDescription:["text-sm","text-secondary","truncate","overflow-hidden","select-none"],itemEndIcon:["text-tertiary","w-4","h-4"],itemStartIcon:["w-4","h-4","me-1"]},variants:{hasSelection:{true:{itemCheckmarkWrapper:["w-5","min-w-5"],itemCheckmark:["text-primary","min-w-4","me-1"]},false:{item:["ps-1.5"]}},disabled:{true:{item:["cursor-not-allowed"],itemCheckmark:["text-tertiary"],itemImage:["opacity-50"],itemLabel:["text-tertiary"],itemDescription:["text-tertiary"]}},active:{true:{item:["bg-action-focus"],itemImage:["border-focus"],itemCheckmark:["text-inverted"],itemLabel:["text-inverted"],itemDescription:["text-inverted"],itemStartIcon:["text-inverted"],itemEndIcon:["text-inverted"]}}}});exports.loadMoreButtonStyles=r;exports.sharedListItemStyles=i;exports.sharedListStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.cjs"),t=e.tv({slots:{kpi:["flex flex-col items-center gap-3 px-4"],kpiText:["max-w-full truncate"],list:["grid gap-y-5 [&>*:last-child]:border-none","grid-cols-1","md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default","sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"]}});exports.KpiStyles=t;

package/dist/lyra450.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra450.cjs","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":"iHAEaA,EAAmBC,EAAAA,GAAG,CACjC,KAAM,CAAC,OAAQ,WAAY,SAAU,eAAgB,eAAe,CACtE,CAAC,EAEYC,EAAuBD,EAAAA,GAAG,CACrC,KAAM,CACJ,QACA,SACA,gBACA,aACA,iBACA,MACA,SACA,aACA,YACA,cACA,eACA,eACA,aACA,uBACA,wBACA,sBACA,wBACA,sBACA,iCACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,gBAAiB,oBAAoB,CAC9C,CACF,CACF,CAAC,EAEYE,EAAuBF,EAAAA,GAAG,CACrC,MAAO,CACL,KAAM,CAAC,OAAQ,cAAe,MAAO,aAAc,cAAc,EACjE,cAAe,CAAC,EAChB,qBAAsB,CAAC,EACvB,UAAW,CACT,MACA,UACA,MACA,aACA,SACA,QACA,iBACA,SACA,kBACA,aACA,iBACA,eACA,OACF,EACA,UAAW,CAAC,eAAgB,YAAa,WAAY,kBAAmB,aAAa,EACrF,gBAAiB,CAAC,UAAW,iBAAkB,WAAY,kBAAmB,aAAa,EAC3F,YAAa,CAAC,gBAAiB,MAAO,KAAK,EAC3C,cAAe,CAAC,MAAO,MAAO,MAAM,CACtC,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,qBAAsB,CAAC,MAAO,SAAS,EACvC,cAAe,CAAC,eAAgB,UAAW,MAAM,CACnD,EACA,MAAO,CACL,KAAM,CAAC,QAAQ,CACjB,CACF,EACA,SAAU,CACR,KAAM,CACJ,KAAM,CAAC,oBAAoB,EAC3B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,YAAY,EACxB,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,CACnC,CACF,EACA,OAAQ,CACN,KAAM,CACJ,KAAM,CAAC,iBAAiB,EACxB,UAAW,CAAC,cAAc,EAC1B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,EACjC,cAAe,CAAC,eAAe,EAC/B,YAAa,CAAC,eAAe,CAC/B,CACF,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra450.cjs","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":"iHAEaA,EAAYC,EAAAA,GAAG,CAC1B,MAAO,CACL,IAAK,CAAC,uCAAuC,EAC7C,QAAS,CAAC,qBAAqB,EAC/B,KAAM,CACJ,4CACA,cACA,qGACA,kHACF,CACF,CACF,CAAC"}