@new-black/lyra 0.1.11 → 0.1.13

package/dist/lyra21.js

@@ -2,17 +2,17 @@ import { j as s } from "./lyra54.js";
 import { useState as S, useRef as R, useCallback as V } from "react";
 import { Label as W } from "./lyra53.js";
 import "./lyra2.js";
-import { cx as M } from "./lyra63.js";
-import "./lyra68.js";
+import { cx as M } from "./lyra100.js";
+import "./lyra104.js";
 import { Text as y } from "./lyra43.js";
-import "./lyra69.js";
-import "./lyra70.js";
-import "./lyra71.js";
+import "./lyra105.js";
+import "./lyra106.js";
+import "./lyra107.js";
 import "./lyra8.js";
 import { buttonStyles as X } from "./lyra9.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra147.js";
+import "./lyra149.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import { SvgIcon as B } from "./lyra39.js";
@@ -24,67 +24,64 @@ import { listBoxStyles as Y } from "./lyra29.js";
 import { listBoxItemStyles as Z } from "./lyra153.js";
 import { Popover as _ } from "./lyra30.js";
 import "./lyra32.js";
-import "./lyra148.js";
+import "./lyra147.js";
 import { sharedInputFieldWrapperStyles as D, sharedInputlabelStyles as z, sharedInputHintStyles as C, sharedInputFieldStyles as T } from "./lyra22.js";
 import { TagGroup as K, TagItem as ss } from "./lyra154.js";
 import "./lyra23.js";
-import "./lyra149.js";
+import "./lyra148.js";
 import "./lyra25.js";
 import "./lyra27.js";
-import "./lyra77.js";
+import "./lyra112.js";
 import "./lyra40.js";
-import "./lyra78.js";
+import "./lyra113.js";
 import "./lyra42.js";
-import "./lyra80.js";
+import "./lyra115.js";
 import "./lyra49.js";
 import "./lyra58.js";
-import { Listbox as b } from "./lyra157.js";
+import { Listbox as b } from "./lyra156.js";
 import { twMerge as G } from "./lyra55.js";
 import { useLocale as U } from "./lyra52.js";
-const q = (e) => M(
-  e === "small" && "min-h-[42px]",
-  e === "medium" && "min-h-[50px]",
-  e === "large" && "min-h-[58px]"
-), A = ({ label: e, hint: r, isRequired: o }) => /* @__PURE__ */ s.jsxs("div", { className: M("flex items-center gap-3", e ? "justify-between" : "justify-end"), children: [
-  e ? /* @__PURE__ */ s.jsxs(
+const q = (r) => M(
+  r === "small" && "min-h-[42px]",
+  r === "medium" && "min-h-[50px]",
+  r === "large" && "min-h-[58px]"
+), A = ({ label: r, optionalLabel: t, isRequired: o }) => /* @__PURE__ */ s.jsxs("div", { className: M("flex items-center gap-3", r ? "justify-between" : "justify-end"), children: [
+  r ? /* @__PURE__ */ s.jsx(
     W,
     {
       className: z(),
       style: { fontFamily: "var(--input-label-font-family)" },
-      children: [
-        e,
-        o && /* @__PURE__ */ s.jsx("span", { className: "text-danger", children: " *" })
-      ]
+      children: r
     }
   ) : null,
-  r ? /* @__PURE__ */ s.jsx(
+  o === !1 ? /* @__PURE__ */ s.jsx(
     "span",
     {
       className: C(),
       style: { fontFamily: "var(--input-hint-font-family)" },
-      children: r
+      children: t
     }
   ) : null
-] }), J = ({ description: e, errorMessage: r }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-  e && /* @__PURE__ */ s.jsx(y, { className: "ml-1 mt-1.5", variant: "body-small", color: "secondary", slot: "description", children: e }),
-  r && /* @__PURE__ */ s.jsx(y, { className: "ml-1 mt-1.5", variant: "body-small", color: "accent-danger", slot: "errorMessage", children: r })
-] }), es = ({
-  item: e,
-  state: r,
+] }), J = ({ description: r, errorMessage: t }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  r && /* @__PURE__ */ s.jsx(y, { className: "ml-1 mt-1.5", variant: "body-small", color: "secondary", slot: "description", children: r }),
+  t && /* @__PURE__ */ s.jsx(y, { className: "ml-1 mt-1.5", variant: "body-small", color: "accent-danger", slot: "errorMessage", children: t })
+] }), rs = ({
+  item: r,
+  state: t,
   renderItem: o,
   itemLabelKey: p
 }) => {
-  const i = e == null ? void 0 : e[p];
-  return o ? o(e, r) : /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-1", children: [
-    r.selected ? /* @__PURE__ */ s.jsx(B, { name: "checkmark", className: "h-4 w-4" }) : /* @__PURE__ */ s.jsx("div", { className: "h-4 w-4" }),
-    i
+  const a = r == null ? void 0 : r[p];
+  return o ? o(r, t) : /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-1", children: [
+    t.selected ? /* @__PURE__ */ s.jsx(B, { name: "checkmark", className: "h-4 w-4" }) : /* @__PURE__ */ s.jsx("div", { className: "h-4 w-4" }),
+    a
   ] });
 }, Q = ({
-  direction: e,
-  disabledItemIdKeys: r,
+  direction: r,
+  disabledItemIdKeys: t,
   itemIdKey: o,
   itemLabelKey: p,
-  items: i,
+  items: a,
   open: j,
   renderItem: h,
   triggerRef: c
@@ -100,79 +97,79 @@ const q = (e) => M(
       shouldUpdatePosition: !0,
       style: {
         "--trigger-width": ((d = c.current) == null ? void 0 : d.offsetWidth) + "px",
-        direction: e
+        direction: r
       },
-      children: i && i.length ? /* @__PURE__ */ s.jsx(b.Options, { static: !0, className: Y(), children: i.map((t) => /* @__PURE__ */ s.jsx(
+      children: a && a.length ? /* @__PURE__ */ s.jsx(b.Options, { static: !0, className: Y(), children: a.map((e) => /* @__PURE__ */ s.jsx(
         b.Option,
         {
-          className: ({ active: l, selected: a, disabled: n }) => G(
+          className: ({ active: l, selected: i, disabled: n }) => G(
             Z({
               active: l,
               disabled: n,
-              selected: a
+              selected: i
             })
           ),
-          value: t,
-          disabled: r == null ? void 0 : r.includes(t == null ? void 0 : t[o]),
+          value: e,
+          disabled: t == null ? void 0 : t.includes(e == null ? void 0 : e[o]),
           children: (l) => /* @__PURE__ */ s.jsx(
-            es,
+            rs,
             {
-              item: t,
+              item: e,
               state: l,
               renderItem: h,
               itemLabelKey: p
             }
           )
         },
-        t[o]
+        e[o]
       )) }) : null
     }
   );
-}, rs = ({
-  endSlot: e,
-  fullWidth: r,
+}, es = ({
+  endSlot: r,
+  fullWidth: t,
   isDisabled: o,
   isInvalid: p,
-  open: i,
+  open: a,
   itemLabelKey: j,
   placeholder: h,
   size: c = "medium",
   startSlot: d,
-  value: t,
+  value: e,
   onChange: l
 }) => {
-  const [a, n] = S(!1), [N, x] = S(!1), v = (m) => {
+  const [i, n] = S(!1), [v, u] = S(!1), N = (m) => {
     (m.key === "Escape" || m.key === "Backspace") && (l == null || l(void 0));
   };
   return /* @__PURE__ */ s.jsxs(
     b.Button,
     {
       className: T({
-        fullWidth: r,
+        fullWidth: t,
         isDisabled: o,
-        isHovered: N,
-        isFocused: a,
+        isHovered: v,
+        isFocused: i,
         isInvalid: p,
         size: c,
         className: q(c)
       }),
-      onPointerEnter: () => x(!0),
-      onPointerLeave: () => x(!1),
-      onMouseEnter: () => x(!0),
-      onMouseLeave: () => x(!1),
+      onPointerEnter: () => u(!0),
+      onPointerLeave: () => u(!1),
+      onMouseEnter: () => u(!0),
+      onMouseLeave: () => u(!1),
       onFocus: () => {
         n(!0);
       },
       onBlur: () => {
         n(!1);
       },
-      onKeyDown: v,
+      onKeyDown: N,
       children: [
         d,
-        /* @__PURE__ */ s.jsx("div", { className: "grow text-left", children: t != null && t[j] ? /* @__PURE__ */ s.jsx(s.Fragment, { children: t == null ? void 0 : t[j] }) : /* @__PURE__ */ s.jsx(y, { color: "secondary", children: h }) }),
-        e,
+        /* @__PURE__ */ s.jsx("div", { className: "grow text-left", children: e != null && e[j] ? /* @__PURE__ */ s.jsx(s.Fragment, { children: e == null ? void 0 : e[j] }) : /* @__PURE__ */ s.jsx(y, { color: "secondary", children: h }) }),
+        r,
         /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-          t ? /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsx(
+          e ? /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsx(
             "div",
             {
               className: G(
@@ -194,7 +191,7 @@ const q = (e) => M(
             B,
             {
               name: "chevron-down",
-              className: M("h-4 w-4 transition duration-150", i && "rotate-180")
+              className: M("h-4 w-4 transition duration-150", a && "rotate-180")
             }
           )
         ] })
@@ -202,29 +199,29 @@ const q = (e) => M(
     }
   );
 }, ts = ({
-  endSlot: e,
-  fullWidth: r,
+  endSlot: r,
+  fullWidth: t,
   isDisabled: o,
   isInvalid: p,
-  open: i,
+  open: a,
   itemLabelKey: j,
   itemIdKey: h,
   placeholder: c,
   size: d = "medium",
-  label: t,
+  label: e,
   startSlot: l,
-  onChange: a,
+  onChange: i,
   value: n
 }) => {
-  const [N, x] = S(!1), [v, m] = S(!1);
+  const [v, u] = S(!1), [N, m] = S(!1);
   return /* @__PURE__ */ s.jsxs(
     b.Button,
     {
       className: T({
-        fullWidth: r,
+        fullWidth: t,
         isDisabled: o,
-        isHovered: v,
-        isFocused: N,
+        isHovered: N,
+        isFocused: v,
         isInvalid: p,
         size: d,
         className: q(d)
@@ -237,182 +234,182 @@ const q = (e) => M(
       onMouseEnter: () => m(!0),
       onMouseLeave: () => m(!1),
       onFocus: () => {
-        x(!0);
+        u(!0);
       },
       onBlur: () => {
-        x(!1);
+        u(!1);
       },
       children: [
         l,
         /* @__PURE__ */ s.jsx("div", { className: "grow text-left", children: n && n.length ? /* @__PURE__ */ s.jsx(
           K,
           {
-            "aria-label": t ?? "Selected items",
-            onRemove: (u) => {
-              n && a(n.filter((F) => !u.has(F[h])));
+            "aria-label": e ?? "Selected items",
+            onRemove: (x) => {
+              n && i(n.filter((F) => !x.has(F[h])));
             },
-            children: n.map((u) => /* @__PURE__ */ s.jsx(ss, { ...u, children: u == null ? void 0 : u[j] }, u[h]))
+            children: n.map((x) => /* @__PURE__ */ s.jsx(ss, { ...x, children: x == null ? void 0 : x[j] }, x[h]))
           }
         ) : /* @__PURE__ */ s.jsx(y, { color: "secondary", children: c }) }),
-        e,
+        r,
         /* @__PURE__ */ s.jsx(
           B,
           {
             name: "chevron-down",
-            className: M("h-4 w-4 min-w-[16px] transition duration-150", i && "rotate-180")
+            className: M("h-4 w-4 min-w-[16px] transition duration-150", a && "rotate-180")
           }
         )
       ]
     }
   );
 }, Xs = ({
-  isDisabled: e,
-  isRequired: r,
+  isDisabled: r,
+  isRequired: t,
   label: o,
-  hint: p,
-  description: i,
+  optionalLabel: p = "Optional",
+  description: a,
   errorMessage: j,
   isInvalid: h,
   fullWidth: c = !0,
   by: d,
-  defaultValue: t,
+  defaultValue: e,
   name: l,
-  onChange: a,
+  onChange: i,
   itemLabelKey: n,
-  itemIdKey: N,
-  value: x,
-  size: v = "medium",
+  itemIdKey: v,
+  value: u,
+  size: N = "medium",
   startSlot: m,
-  items: u,
+  items: x,
   endSlot: F,
   disabledItemIdKeys: P,
   placeholder: k,
   renderItem: H
 }) => {
-  const [E, $] = S(x ?? t), g = R(null), { direction: I } = U(), w = V(
+  const [E, O] = S(u ?? e), g = R(null), { direction: $ } = U(), w = V(
     (f) => {
-      $(f), a == null || a(f);
+      O(f), i == null || i(f);
     },
-    [a]
+    [i]
   );
   return /* @__PURE__ */ s.jsx(
     b,
     {
-      disabled: e,
+      disabled: r,
       name: l,
       by: d,
       onChange: w,
       value: E ?? "",
-      children: ({ open: f, disabled: L, value: O }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      children: ({ open: f, disabled: I, value: L }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsxs("div", { className: D({ fullWidth: c }), children: [
-          /* @__PURE__ */ s.jsx(A, { label: o, hint: p, isRequired: r }),
+          /* @__PURE__ */ s.jsx(A, { label: o, optionalLabel: p, isRequired: t }),
           /* @__PURE__ */ s.jsx("div", { ref: g, children: /* @__PURE__ */ s.jsx(
-            rs,
+            es,
             {
               endSlot: F,
               fullWidth: c,
-              isDisabled: L,
+              isDisabled: I,
               isInvalid: h,
               open: f,
               placeholder: k,
-              size: v,
+              size: N,
               startSlot: m,
-              value: O,
+              value: L,
               itemLabelKey: n,
-              itemIdKey: N,
+              itemIdKey: v,
               onChange: w
             }
           ) }),
-          /* @__PURE__ */ s.jsx(J, { description: i, errorMessage: j })
+          /* @__PURE__ */ s.jsx(J, { description: a, errorMessage: j })
         ] }),
         /* @__PURE__ */ s.jsx(
           Q,
           {
             triggerRef: g,
-            itemIdKey: N,
+            itemIdKey: v,
             itemLabelKey: n,
-            items: u,
+            items: x,
             open: f,
             renderItem: H,
             disabledItemIdKeys: P,
-            direction: I
+            direction: $
           }
         )
       ] })
     }
   );
 }, Ys = ({
-  isDisabled: e,
-  isRequired: r,
+  isDisabled: r,
+  isRequired: t,
   label: o,
-  hint: p,
-  description: i,
+  optionalLabel: p = "Optional",
+  description: a,
   errorMessage: j,
   isInvalid: h,
   fullWidth: c = !0,
   by: d,
-  defaultValue: t,
+  defaultValue: e,
   name: l,
-  onChange: a,
+  onChange: i,
   itemLabelKey: n,
-  itemIdKey: N,
-  value: x,
-  size: v = "medium",
+  itemIdKey: v,
+  value: u,
+  size: N = "medium",
   startSlot: m,
-  items: u,
+  items: x,
   endSlot: F,
   disabledItemIdKeys: P,
   placeholder: k,
   renderItem: H
 }) => {
-  const [E, $] = S(x ?? t), g = R(null), { direction: I } = U(), w = V(
+  const [E, O] = S(u ?? e), g = R(null), { direction: $ } = U(), w = V(
     (f) => {
-      $(f), a == null || a(f);
+      O(f), i == null || i(f);
     },
-    [a]
+    [i]
   );
   return /* @__PURE__ */ s.jsx(
     b,
     {
-      disabled: e,
+      disabled: r,
       name: l,
       by: d,
       onChange: w,
       multiple: !0,
       value: E ?? [],
-      children: ({ open: f, disabled: L, value: O }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      children: ({ open: f, disabled: I, value: L }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsxs("div", { className: D({ fullWidth: c }), children: [
-          /* @__PURE__ */ s.jsx(A, { label: o, hint: p, isRequired: r }),
+          /* @__PURE__ */ s.jsx(A, { label: o, optionalLabel: p, isRequired: t }),
           /* @__PURE__ */ s.jsx("div", { ref: g, children: /* @__PURE__ */ s.jsx(
             ts,
             {
               endSlot: F,
               fullWidth: c,
-              isDisabled: L,
+              isDisabled: I,
               isInvalid: h,
               open: f,
               placeholder: k,
-              size: v,
+              size: N,
               startSlot: m,
-              value: O,
+              value: L,
               itemLabelKey: n,
-              itemIdKey: N,
+              itemIdKey: v,
               onChange: w
             }
           ) }),
-          /* @__PURE__ */ s.jsx(J, { description: i, errorMessage: j })
+          /* @__PURE__ */ s.jsx(J, { description: a, errorMessage: j })
         ] }),
         /* @__PURE__ */ s.jsx(
           Q,
           {
             triggerRef: g,
-            itemIdKey: N,
+            itemIdKey: v,
             itemLabelKey: n,
-            items: u,
+            items: x,
             open: f,
             renderItem: H,
             disabledItemIdKeys: P,
-            direction: I
+            direction: $
           }
         )
       ] })

package/dist/lyra21.js.map

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

package/dist/lyra210.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra273.cjs"),r=require("./lyra211.cjs"),o=require("./lyra216.cjs");function n(i){return a.isAnimationControls(i.animate)||o.variantProps.some(t=>r.isVariantLabel(i[t]))}function e(i){return!!(n(i)||i.variants)}exports.isControllingVariants=n;exports.isVariantNode=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set;function c(t,n,r){t||o.has(n)||(console.warn(n),r&&console.warn(r),o.add(n))}exports.warnOnce=c;

package/dist/lyra210.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra210.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/is-controlling-variants.mjs"],"sourcesContent":["import { isAnimationControls } from '../../animation/utils/is-animation-controls.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { variantProps } from './variant-props.mjs';\n\nfunction isControllingVariants(props) {\n    return (isAnimationControls(props.animate) ||\n        variantProps.some((name) => isVariantLabel(props[name])));\n}\nfunction isVariantNode(props) {\n    return Boolean(isControllingVariants(props) || props.variants);\n}\n\nexport { isControllingVariants, isVariantNode };\n"],"names":["isControllingVariants","props","isAnimationControls","variantProps","name","isVariantLabel","isVariantNode"],"mappings":"uKAIA,SAASA,EAAsBC,EAAO,CAClC,OAAQC,EAAmB,oBAACD,EAAM,OAAO,GACrCE,EAAY,aAAC,KAAMC,GAASC,EAAc,eAACJ,EAAMG,CAAI,CAAC,CAAC,CAC/D,CACA,SAASE,EAAcL,EAAO,CAC1B,MAAO,GAAQD,EAAsBC,CAAK,GAAKA,EAAM,SACzD","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra210.cjs","sources":["../node_modules/framer-motion/dist/es/utils/warn-once.mjs"],"sourcesContent":["const warned = new Set();\nfunction warnOnce(condition, message, element) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(message);\n    if (element)\n        console.warn(element);\n    warned.add(message);\n}\n\nexport { warnOnce };\n"],"names":["warned","warnOnce","condition","message","element"],"mappings":"gFAAA,MAAMA,EAAS,IAAI,IACnB,SAASC,EAASC,EAAWC,EAASC,EAAS,CACvCF,GAAaF,EAAO,IAAIG,CAAO,IAEnC,QAAQ,KAAKA,CAAO,EAChBC,GACA,QAAQ,KAAKA,CAAO,EACxBJ,EAAO,IAAIG,CAAO,EACtB","x_google_ignoreList":[0]}