@new-black/lyra 0.1.7 → 0.1.8

package/dist/lyra42.js

@@ -1,96 +1,46 @@
-import { cva as t } from "./lyra61.js";
-import "./lyra70.js";
-const i = t([], {
-  variants: {
-    color: {
-      primary: "text-neutral-foreground-1",
-      secondary: "text-neutral-6",
-      white: "text-neutral-0",
-      disabled: "text-neutral-4",
-      "accent-primary": "text-primary",
-      "accent-success": "text-success",
-      "accent-warning": "text-warning",
-      "accent-danger": "text-danger"
-    },
-    variant: {
-      "heading-1": [
-        "text-[length:--text-heading-1-size]",
-        "leading-[--text-heading-1-line-height]",
-        "font-[--text-heading-1-weight]",
-        "tracking-[--text-heading-1-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-2": [
-        "text-[length:--text-heading-2-size]",
-        "leading-[--text-heading-2-line-height]",
-        "font-[--text-heading-2-weight]",
-        "tracking-[--text-heading-2-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-3": [
-        "text-[length:--text-heading-3-size]",
-        "leading-[--text-heading-3-line-height]",
-        "font-[--text-heading-3-weight]",
-        "tracking-[--text-heading-3-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-4": [
-        "text-[length:--text-heading-4-size]",
-        "leading-[--text-heading-4-line-height]",
-        "font-[--text-heading-4-weight]",
-        "tracking-[--text-heading-4-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-5": [
-        "text-[length:--text-heading-5-size]",
-        "leading-[--text-heading-5-line-height]",
-        "font-[--text-heading-5-weight]",
-        "tracking-[--text-heading-5-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-6": [
-        "text-[length:--text-heading-6-size]",
-        "leading-[--text-heading-6-line-height]",
-        "font-[--text-heading-6-weight]",
-        "tracking-[--text-heading-6-letter-spacing]",
-        "font-heading"
-      ],
-      "body-large": [
-        "text-[length:--text-body-large-size]",
-        "leading-[--text-body-large-line-height]",
-        "font-[--text-body-large-weight]",
-        "tracking-[--text-body-large-letter-spacing]",
-        "font-sans"
-      ],
-      "body-medium": [
-        "text-[length:--text-body-medium-size]",
-        "leading-[--text-body-medium-line-height]",
-        "font-[--text-body-medium-weight]",
-        "tracking-[--text-body-medium-letter-spacing]",
-        "font-sans"
-      ],
-      "body-small": [
-        "text-[length:--text-body-small-size]",
-        "leading-[--text-body-small-line-height]",
-        "font-[--text-body-small-weight]",
-        "tracking-[--text-body-small-letter-spacing]",
-        "font-sans"
-      ],
-      badge: [
-        "text-[length:--text-badge-size]",
-        "leading-[--text-badge-line-height]",
-        "font-[--text-badge-weight]",
-        "tracking-[--text-badge-letter-spacing]",
-        "font-sans",
-        "uppercase"
-      ]
+import { j as u } from "./lyra53.js";
+import { forwardRef as i, useRef as p } from "react";
+import { useObjectRef as h, mergeRefs as l } from "./lyra71.js";
+import { textStyles as g } from "./lyra43.js";
+import { twMerge as x } from "./lyra54.js";
+const b = i(function({ variant: e, color: t, className: s, ...a }, n) {
+  const { elementType: o = "span", ...c } = a, f = p(null), m = h(l(f, n)), d = y(o, e);
+  return /* @__PURE__ */ u.jsx(
+    d,
+    {
+      ref: m,
+      ...c,
+      className: x(g({ variant: e, color: t, className: s }))
     }
-  },
-  defaultVariants: {
-    variant: "body-medium",
-    color: "primary"
-  }
+  );
 });
+b.displayName = "Text";
+const y = (r, e) => {
+  if (r)
+    return r;
+  switch (e) {
+    case "heading-1":
+      return "h1";
+    case "heading-2":
+      return "h2";
+    case "heading-3":
+      return "h3";
+    case "heading-4":
+      return "h4";
+    case "heading-5":
+      return "h5";
+    case "heading-6":
+      return "h6";
+    case "body-large":
+    case "body-medium":
+    case "body-small":
+      return "span";
+    case "badge":
+      return "span";
+    default:
+      return "span";
+  }
+};
 export {
-  i as textStyles
+  b as Text
 };

package/dist/lyra42.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra42.js","sources":["../src/components/text/text.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\nimport \"./text.vars.css\";\n\nexport const textStyles = cva([], {\n  variants: {\n    color: {\n      primary: \"text-neutral-foreground-1\",\n      secondary: \"text-neutral-6\",\n      white: \"text-neutral-0\",\n      disabled: \"text-neutral-4\",\n      \"accent-primary\": \"text-primary\",\n      \"accent-success\": \"text-success\",\n      \"accent-warning\": \"text-warning\",\n      \"accent-danger\": \"text-danger\",\n    },\n    variant: {\n      \"heading-1\": [\n        \"text-[length:--text-heading-1-size]\",\n        \"leading-[--text-heading-1-line-height]\",\n        \"font-[--text-heading-1-weight]\",\n        \"tracking-[--text-heading-1-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-2\": [\n        \"text-[length:--text-heading-2-size]\",\n        \"leading-[--text-heading-2-line-height]\",\n        \"font-[--text-heading-2-weight]\",\n        \"tracking-[--text-heading-2-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-3\": [\n        \"text-[length:--text-heading-3-size]\",\n        \"leading-[--text-heading-3-line-height]\",\n        \"font-[--text-heading-3-weight]\",\n        \"tracking-[--text-heading-3-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-4\": [\n        \"text-[length:--text-heading-4-size]\",\n        \"leading-[--text-heading-4-line-height]\",\n        \"font-[--text-heading-4-weight]\",\n        \"tracking-[--text-heading-4-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-5\": [\n        \"text-[length:--text-heading-5-size]\",\n        \"leading-[--text-heading-5-line-height]\",\n        \"font-[--text-heading-5-weight]\",\n        \"tracking-[--text-heading-5-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-6\": [\n        \"text-[length:--text-heading-6-size]\",\n        \"leading-[--text-heading-6-line-height]\",\n        \"font-[--text-heading-6-weight]\",\n        \"tracking-[--text-heading-6-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"body-large\": [\n        \"text-[length:--text-body-large-size]\",\n        \"leading-[--text-body-large-line-height]\",\n        \"font-[--text-body-large-weight]\",\n        \"tracking-[--text-body-large-letter-spacing]\",\n        \"font-sans\",\n      ],\n      \"body-medium\": [\n        \"text-[length:--text-body-medium-size]\",\n        \"leading-[--text-body-medium-line-height]\",\n        \"font-[--text-body-medium-weight]\",\n        \"tracking-[--text-body-medium-letter-spacing]\",\n        \"font-sans\",\n      ],\n      \"body-small\": [\n        \"text-[length:--text-body-small-size]\",\n        \"leading-[--text-body-small-line-height]\",\n        \"font-[--text-body-small-weight]\",\n        \"tracking-[--text-body-small-letter-spacing]\",\n        \"font-sans\",\n      ],\n      badge: [\n        \"text-[length:--text-badge-size]\",\n        \"leading-[--text-badge-line-height]\",\n        \"font-[--text-badge-weight]\",\n        \"tracking-[--text-badge-letter-spacing]\",\n        \"font-sans\",\n        \"uppercase\",\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"body-medium\",\n    color: \"primary\",\n  },\n});\n"],"names":["textStyles","cva"],"mappings":";;AAGa,MAAAA,IAAaC,EAAI,IAAI;AAAA,EAChC,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,IACnB;AAAA,IACA,SAAS;AAAA,MACP,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,cAAc;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,eAAe;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,cAAc;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF,CAAC;"}
+{"version":3,"file":"lyra42.js","sources":["../src/components/text/text.tsx"],"sourcesContent":["import { HTMLAttributes, forwardRef, useRef } from \"react\";\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport { twMerge } from \"tailwind-merge\";\nimport { textStyles } from \"./text.styles\";\nimport { VariantProps } from \"../../utils/class-variance-authority\";\n\nexport type TextProps = VariantProps<typeof textStyles> &\n  HTMLAttributes<HTMLElement> & {\n    elementType?:\n      | \"h1\"\n      | \"h2\"\n      | \"h3\"\n      | \"h4\"\n      | \"h5\"\n      | \"h6\"\n      | \"span\"\n      | \"small\"\n      | \"p\"\n      | \"li\"\n      | \"label\"\n      | \"div\"\n      | \"a\"\n      | \"button\"\n      | \"strong\"\n      | \"em\";\n  };\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text(\n  { variant, color, className, ...props },\n  forwardedRef\n) {\n  const { elementType = \"span\", ...domProps } = props;\n  const localRef = useRef<HTMLElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const ElementType = getElementTypeByVariant(elementType, variant);\n\n  return (\n    <ElementType\n      // @ts-ignore: The ref will be fine like this.\n      ref={ref}\n      {...domProps}\n      className={twMerge(textStyles({ variant, color, className }))}\n    />\n  );\n});\n\nText.displayName = \"Text\";\n\nconst getElementTypeByVariant = (\n  elementType?: TextProps[\"elementType\"],\n  variant?: VariantProps<typeof textStyles>[\"variant\"]\n) => {\n  if (elementType) return elementType;\n\n  switch (variant) {\n    case \"heading-1\":\n      return \"h1\";\n    case \"heading-2\":\n      return \"h2\";\n    case \"heading-3\":\n      return \"h3\";\n    case \"heading-4\":\n      return \"h4\";\n    case \"heading-5\":\n      return \"h5\";\n    case \"heading-6\":\n      return \"h6\";\n    case \"body-large\":\n    case \"body-medium\":\n    case \"body-small\":\n      return \"span\";\n    case \"badge\":\n      return \"span\";\n    default:\n      return \"span\";\n  }\n};\n"],"names":["Text","forwardRef","variant","color","className","props","forwardedRef","elementType","domProps","localRef","useRef","ref","useObjectRef","mergeRefs","ElementType","getElementTypeByVariant","jsx","twMerge","textStyles"],"mappings":";;;;;AA2Ba,MAAAA,IAAOC,EAAmC,SACrD,EAAE,SAAAC,GAAS,OAAAC,GAAO,WAAAC,GAAW,GAAGC,EAAM,GACtCC,GACA;AACA,QAAM,EAAE,aAAAC,IAAc,QAAQ,GAAGC,MAAaH,GACxCI,IAAWC,EAAoB,IAAI,GACnCC,IAAMC,EAAaC,EAAUJ,GAAUH,CAAY,CAAC,GACpDQ,IAAcC,EAAwBR,GAAaL,CAAO;AAG9D,SAAAc,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MAEC,KAAAH;AAAA,MACC,GAAGH;AAAA,MACJ,WAAWS,EAAQC,EAAW,EAAE,SAAAhB,GAAS,OAAAC,GAAO,WAAAC,EAAA,CAAW,CAAC;AAAA,IAAA;AAAA,EAAA;AAGlE,CAAC;AAEDJ,EAAK,cAAc;AAEnB,MAAMe,IAA0B,CAC9BR,GACAL,MACG;AACC,MAAAK;AAAoB,WAAAA;AAExB,UAAQL,GAAS;AAAA,IACf,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF;"}

package/dist/lyra43.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra52.cjs"),i=require("./lyra51.cjs"),n=require("./lyra77.cjs"),r=require("./lyra78.cjs");function x({children:e,...s}){return t.jsxRuntimeExports.jsx(i.Tooltip,{offset:5,...s,className:r.tooltipStyles,style:{fontFamily:"var(--tooltip-font-family)"},children:o=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(i.OverlayArrow,{children:t.jsxRuntimeExports.jsx(n.Beak,{className:r.tooltipBeakStyles({placement:o.placement})})}),typeof e=="function"?e(o):e]})})}const p=({children:e,tooltip:s,placement:o,...l})=>t.jsxRuntimeExports.jsxs(i.TooltipTrigger,{delay:150,closeDelay:300,...l,children:[e,t.jsxRuntimeExports.jsx(x,{placement:o,children:s})]});exports.Tooltip=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra62.cjs");require("./lyra68.cjs");const t=e.cva([],{variants:{color:{primary:"text-neutral-foreground-1",secondary:"text-neutral-6",white:"text-neutral-0",disabled:"text-neutral-4","accent-primary":"text-primary","accent-success":"text-success","accent-warning":"text-warning","accent-danger":"text-danger"},variant:{"heading-1":["text-[length:--text-heading-1-size]","leading-[--text-heading-1-line-height]","font-[--text-heading-1-weight]","tracking-[--text-heading-1-letter-spacing]","font-heading"],"heading-2":["text-[length:--text-heading-2-size]","leading-[--text-heading-2-line-height]","font-[--text-heading-2-weight]","tracking-[--text-heading-2-letter-spacing]","font-heading"],"heading-3":["text-[length:--text-heading-3-size]","leading-[--text-heading-3-line-height]","font-[--text-heading-3-weight]","tracking-[--text-heading-3-letter-spacing]","font-heading"],"heading-4":["text-[length:--text-heading-4-size]","leading-[--text-heading-4-line-height]","font-[--text-heading-4-weight]","tracking-[--text-heading-4-letter-spacing]","font-heading"],"heading-5":["text-[length:--text-heading-5-size]","leading-[--text-heading-5-line-height]","font-[--text-heading-5-weight]","tracking-[--text-heading-5-letter-spacing]","font-heading"],"heading-6":["text-[length:--text-heading-6-size]","leading-[--text-heading-6-line-height]","font-[--text-heading-6-weight]","tracking-[--text-heading-6-letter-spacing]","font-heading"],"body-large":["text-[length:--text-body-large-size]","leading-[--text-body-large-line-height]","font-[--text-body-large-weight]","tracking-[--text-body-large-letter-spacing]","font-sans"],"body-medium":["text-[length:--text-body-medium-size]","leading-[--text-body-medium-line-height]","font-[--text-body-medium-weight]","tracking-[--text-body-medium-letter-spacing]","font-sans"],"body-small":["text-[length:--text-body-small-size]","leading-[--text-body-small-line-height]","font-[--text-body-small-weight]","tracking-[--text-body-small-letter-spacing]","font-sans"],badge:["text-[length:--text-badge-size]","leading-[--text-badge-line-height]","font-[--text-badge-weight]","tracking-[--text-badge-letter-spacing]","font-sans","uppercase"]}},defaultVariants:{variant:"body-medium",color:"primary"}});exports.textStyles=t;

package/dist/lyra43.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra43.cjs","sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipProps as AriaTooltipProps,\n  OverlayArrow,\n  TooltipTrigger,\n  TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n} from \"react-aria-components\";\nimport { Beak } from \"./beak\";\nimport { Placement } from \"react-aria\";\nimport { tooltipBeakStyles, tooltipStyles } from \"./tooltip.styles\";\n\nexport type TooltipProps = AriaTooltipProps;\n\nfunction _Tooltip({ children, ...props }: TooltipProps) {\n  return (\n    <AriaTooltip\n      offset={5}\n      {...props}\n      className={tooltipStyles}\n      style={{ fontFamily: \"var(--tooltip-font-family)\" }}\n    >\n      {(renderProps) => (\n        <>\n          <OverlayArrow>\n            <Beak\n              className={tooltipBeakStyles({\n                placement: renderProps.placement,\n              })}\n            />\n          </OverlayArrow>\n          {typeof children === \"function\" ? children(renderProps) : children}\n        </>\n      )}\n    </AriaTooltip>\n  );\n}\n\ntype TooltipTriggerProps = AriaTooltipTriggerComponentProps & {\n  tooltip: ReactNode;\n  placement?: Placement;\n};\n\n/**\n * Tooltip component that wraps the AriaTooltip and AriaTooltipTrigger components\n * from react-aria-components. It displays a tooltip when the user hovers over\n * the child element.\n *\n * @param children - The child element that the tooltip will be displayed for.\n * @param tooltip - The content of the tooltip.\n * @param placement - The placement of the tooltip relative to the child element.\n * @param props - Additional props to pass to the AriaTooltipTrigger component.\n * @returns The Tooltip component.\n */\nexport const Tooltip = ({\n  children,\n  tooltip,\n  placement,\n  ...props\n}: TooltipTriggerProps) => {\n  return (\n    <TooltipTrigger delay={150} closeDelay={300} {...props}>\n      {children}\n      <_Tooltip placement={placement}>{tooltip}</_Tooltip>\n    </TooltipTrigger>\n  );\n};\n"],"names":["_Tooltip","children","props","jsx","AriaTooltip","tooltipStyles","renderProps","jsxs","Fragment","OverlayArrow","Beak","tooltipBeakStyles","Tooltip","tooltip","placement","TooltipTrigger"],"mappings":"8LAcA,SAASA,EAAS,CAAE,SAAAC,EAAU,GAAGC,GAAuB,CAEpD,OAAAC,EAAA,kBAAA,IAACC,EAAA,QAAA,CACC,OAAQ,EACP,GAAGF,EACJ,UAAWG,EAAA,cACX,MAAO,CAAE,WAAY,4BAA6B,EAEjD,SAACC,GAEEC,EAAA,kBAAA,KAAAC,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAL,wBAACM,EAAAA,aACC,CAAA,SAAAN,EAAA,kBAAA,IAACO,EAAA,KAAA,CACC,UAAWC,EAAAA,kBAAkB,CAC3B,UAAWL,EAAY,SAAA,CACxB,CAAA,CAAA,EAEL,EACC,OAAOL,GAAa,WAAaA,EAASK,CAAW,EAAIL,CAAA,EAC5D,CAAA,CAAA,CAIR,CAkBO,MAAMW,EAAU,CAAC,CACtB,SAAAX,EACA,QAAAY,EACA,UAAAC,EACA,GAAGZ,CACL,6BAEKa,iBAAe,CAAA,MAAO,IAAK,WAAY,IAAM,GAAGb,EAC9C,SAAA,CAAAD,EACDE,EAAAA,kBAAAA,IAACH,EAAS,CAAA,UAAAc,EAAuB,SAAQD,CAAA,CAAA,CAC3C,CAAA,CAAA"}
+{"version":3,"file":"lyra43.cjs","sources":["../src/components/text/text.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\nimport \"./text.vars.css\";\n\nexport const textStyles = cva([], {\n  variants: {\n    color: {\n      primary: \"text-neutral-foreground-1\",\n      secondary: \"text-neutral-6\",\n      white: \"text-neutral-0\",\n      disabled: \"text-neutral-4\",\n      \"accent-primary\": \"text-primary\",\n      \"accent-success\": \"text-success\",\n      \"accent-warning\": \"text-warning\",\n      \"accent-danger\": \"text-danger\",\n    },\n    variant: {\n      \"heading-1\": [\n        \"text-[length:--text-heading-1-size]\",\n        \"leading-[--text-heading-1-line-height]\",\n        \"font-[--text-heading-1-weight]\",\n        \"tracking-[--text-heading-1-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-2\": [\n        \"text-[length:--text-heading-2-size]\",\n        \"leading-[--text-heading-2-line-height]\",\n        \"font-[--text-heading-2-weight]\",\n        \"tracking-[--text-heading-2-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-3\": [\n        \"text-[length:--text-heading-3-size]\",\n        \"leading-[--text-heading-3-line-height]\",\n        \"font-[--text-heading-3-weight]\",\n        \"tracking-[--text-heading-3-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-4\": [\n        \"text-[length:--text-heading-4-size]\",\n        \"leading-[--text-heading-4-line-height]\",\n        \"font-[--text-heading-4-weight]\",\n        \"tracking-[--text-heading-4-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-5\": [\n        \"text-[length:--text-heading-5-size]\",\n        \"leading-[--text-heading-5-line-height]\",\n        \"font-[--text-heading-5-weight]\",\n        \"tracking-[--text-heading-5-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-6\": [\n        \"text-[length:--text-heading-6-size]\",\n        \"leading-[--text-heading-6-line-height]\",\n        \"font-[--text-heading-6-weight]\",\n        \"tracking-[--text-heading-6-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"body-large\": [\n        \"text-[length:--text-body-large-size]\",\n        \"leading-[--text-body-large-line-height]\",\n        \"font-[--text-body-large-weight]\",\n        \"tracking-[--text-body-large-letter-spacing]\",\n        \"font-sans\",\n      ],\n      \"body-medium\": [\n        \"text-[length:--text-body-medium-size]\",\n        \"leading-[--text-body-medium-line-height]\",\n        \"font-[--text-body-medium-weight]\",\n        \"tracking-[--text-body-medium-letter-spacing]\",\n        \"font-sans\",\n      ],\n      \"body-small\": [\n        \"text-[length:--text-body-small-size]\",\n        \"leading-[--text-body-small-line-height]\",\n        \"font-[--text-body-small-weight]\",\n        \"tracking-[--text-body-small-letter-spacing]\",\n        \"font-sans\",\n      ],\n      badge: [\n        \"text-[length:--text-badge-size]\",\n        \"leading-[--text-badge-line-height]\",\n        \"font-[--text-badge-weight]\",\n        \"tracking-[--text-badge-letter-spacing]\",\n        \"font-sans\",\n        \"uppercase\",\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"body-medium\",\n    color: \"primary\",\n  },\n});\n"],"names":["textStyles","cva"],"mappings":"wIAGa,MAAAA,EAAaC,EAAI,IAAA,GAAI,CAChC,SAAU,CACR,MAAO,CACL,QAAS,4BACT,UAAW,iBACX,MAAO,iBACP,SAAU,iBACV,iBAAkB,eAClB,iBAAkB,eAClB,iBAAkB,eAClB,gBAAiB,aACnB,EACA,QAAS,CACP,YAAa,CACX,sCACA,yCACA,iCACA,6CACA,cACF,EACA,YAAa,CACX,sCACA,yCACA,iCACA,6CACA,cACF,EACA,YAAa,CACX,sCACA,yCACA,iCACA,6CACA,cACF,EACA,YAAa,CACX,sCACA,yCACA,iCACA,6CACA,cACF,EACA,YAAa,CACX,sCACA,yCACA,iCACA,6CACA,cACF,EACA,YAAa,CACX,sCACA,yCACA,iCACA,6CACA,cACF,EACA,aAAc,CACZ,uCACA,0CACA,kCACA,8CACA,WACF,EACA,cAAe,CACb,wCACA,2CACA,mCACA,+CACA,WACF,EACA,aAAc,CACZ,uCACA,0CACA,kCACA,8CACA,WACF,EACA,MAAO,CACL,kCACA,qCACA,6BACA,yCACA,YACA,WACF,CACF,CACF,EACA,gBAAiB,CACf,QAAS,cACT,MAAO,SACT,CACF,CAAC"}

package/dist/lyra43.js

@@ -1,38 +1,96 @@
-import { j as o } from "./lyra52.js";
-import { TooltipTrigger as s, Tooltip as a, OverlayArrow as i } from "./lyra51.js";
-import { Beak as f } from "./lyra77.js";
-import { tooltipStyles as p, tooltipBeakStyles as c } from "./lyra78.js";
-function m({ children: t, ...r }) {
-  return /* @__PURE__ */ o.jsx(
-    a,
-    {
-      offset: 5,
-      ...r,
-      className: p,
-      style: { fontFamily: "var(--tooltip-font-family)" },
-      children: (e) => /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-        /* @__PURE__ */ o.jsx(i, { children: /* @__PURE__ */ o.jsx(
-          f,
-          {
-            className: c({
-              placement: e.placement
-            })
-          }
-        ) }),
-        typeof t == "function" ? t(e) : t
-      ] })
+import { cva as t } from "./lyra62.js";
+import "./lyra68.js";
+const i = t([], {
+  variants: {
+    color: {
+      primary: "text-neutral-foreground-1",
+      secondary: "text-neutral-6",
+      white: "text-neutral-0",
+      disabled: "text-neutral-4",
+      "accent-primary": "text-primary",
+      "accent-success": "text-success",
+      "accent-warning": "text-warning",
+      "accent-danger": "text-danger"
+    },
+    variant: {
+      "heading-1": [
+        "text-[length:--text-heading-1-size]",
+        "leading-[--text-heading-1-line-height]",
+        "font-[--text-heading-1-weight]",
+        "tracking-[--text-heading-1-letter-spacing]",
+        "font-heading"
+      ],
+      "heading-2": [
+        "text-[length:--text-heading-2-size]",
+        "leading-[--text-heading-2-line-height]",
+        "font-[--text-heading-2-weight]",
+        "tracking-[--text-heading-2-letter-spacing]",
+        "font-heading"
+      ],
+      "heading-3": [
+        "text-[length:--text-heading-3-size]",
+        "leading-[--text-heading-3-line-height]",
+        "font-[--text-heading-3-weight]",
+        "tracking-[--text-heading-3-letter-spacing]",
+        "font-heading"
+      ],
+      "heading-4": [
+        "text-[length:--text-heading-4-size]",
+        "leading-[--text-heading-4-line-height]",
+        "font-[--text-heading-4-weight]",
+        "tracking-[--text-heading-4-letter-spacing]",
+        "font-heading"
+      ],
+      "heading-5": [
+        "text-[length:--text-heading-5-size]",
+        "leading-[--text-heading-5-line-height]",
+        "font-[--text-heading-5-weight]",
+        "tracking-[--text-heading-5-letter-spacing]",
+        "font-heading"
+      ],
+      "heading-6": [
+        "text-[length:--text-heading-6-size]",
+        "leading-[--text-heading-6-line-height]",
+        "font-[--text-heading-6-weight]",
+        "tracking-[--text-heading-6-letter-spacing]",
+        "font-heading"
+      ],
+      "body-large": [
+        "text-[length:--text-body-large-size]",
+        "leading-[--text-body-large-line-height]",
+        "font-[--text-body-large-weight]",
+        "tracking-[--text-body-large-letter-spacing]",
+        "font-sans"
+      ],
+      "body-medium": [
+        "text-[length:--text-body-medium-size]",
+        "leading-[--text-body-medium-line-height]",
+        "font-[--text-body-medium-weight]",
+        "tracking-[--text-body-medium-letter-spacing]",
+        "font-sans"
+      ],
+      "body-small": [
+        "text-[length:--text-body-small-size]",
+        "leading-[--text-body-small-line-height]",
+        "font-[--text-body-small-weight]",
+        "tracking-[--text-body-small-letter-spacing]",
+        "font-sans"
+      ],
+      badge: [
+        "text-[length:--text-badge-size]",
+        "leading-[--text-badge-line-height]",
+        "font-[--text-badge-weight]",
+        "tracking-[--text-badge-letter-spacing]",
+        "font-sans",
+        "uppercase"
+      ]
     }
-  );
-}
-const $ = ({
-  children: t,
-  tooltip: r,
-  placement: e,
-  ...l
-}) => /* @__PURE__ */ o.jsxs(s, { delay: 150, closeDelay: 300, ...l, children: [
-  t,
-  /* @__PURE__ */ o.jsx(m, { placement: e, children: r })
-] });
+  },
+  defaultVariants: {
+    variant: "body-medium",
+    color: "primary"
+  }
+});
 export {
-  $ as Tooltip
+  i as textStyles
 };

package/dist/lyra43.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra43.js","sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipProps as AriaTooltipProps,\n  OverlayArrow,\n  TooltipTrigger,\n  TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n} from \"react-aria-components\";\nimport { Beak } from \"./beak\";\nimport { Placement } from \"react-aria\";\nimport { tooltipBeakStyles, tooltipStyles } from \"./tooltip.styles\";\n\nexport type TooltipProps = AriaTooltipProps;\n\nfunction _Tooltip({ children, ...props }: TooltipProps) {\n  return (\n    <AriaTooltip\n      offset={5}\n      {...props}\n      className={tooltipStyles}\n      style={{ fontFamily: \"var(--tooltip-font-family)\" }}\n    >\n      {(renderProps) => (\n        <>\n          <OverlayArrow>\n            <Beak\n              className={tooltipBeakStyles({\n                placement: renderProps.placement,\n              })}\n            />\n          </OverlayArrow>\n          {typeof children === \"function\" ? children(renderProps) : children}\n        </>\n      )}\n    </AriaTooltip>\n  );\n}\n\ntype TooltipTriggerProps = AriaTooltipTriggerComponentProps & {\n  tooltip: ReactNode;\n  placement?: Placement;\n};\n\n/**\n * Tooltip component that wraps the AriaTooltip and AriaTooltipTrigger components\n * from react-aria-components. It displays a tooltip when the user hovers over\n * the child element.\n *\n * @param children - The child element that the tooltip will be displayed for.\n * @param tooltip - The content of the tooltip.\n * @param placement - The placement of the tooltip relative to the child element.\n * @param props - Additional props to pass to the AriaTooltipTrigger component.\n * @returns The Tooltip component.\n */\nexport const Tooltip = ({\n  children,\n  tooltip,\n  placement,\n  ...props\n}: TooltipTriggerProps) => {\n  return (\n    <TooltipTrigger delay={150} closeDelay={300} {...props}>\n      {children}\n      <_Tooltip placement={placement}>{tooltip}</_Tooltip>\n    </TooltipTrigger>\n  );\n};\n"],"names":["_Tooltip","children","props","jsx","AriaTooltip","tooltipStyles","renderProps","jsxs","Fragment","OverlayArrow","Beak","tooltipBeakStyles","Tooltip","tooltip","placement","TooltipTrigger"],"mappings":";;;;AAcA,SAASA,EAAS,EAAE,UAAAC,GAAU,GAAGC,KAAuB;AAEpD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACP,GAAGF;AAAA,MACJ,WAAWG;AAAA,MACX,OAAO,EAAE,YAAY,6BAA6B;AAAA,MAEjD,UAAA,CAACC,MAEEC,gBAAAA,EAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,QAAAL,gBAAAA,MAACM,GACC,EAAA,UAAAN,gBAAAA,EAAA;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,WAAWC,EAAkB;AAAA,cAC3B,WAAWL,EAAY;AAAA,YAAA,CACxB;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QACC,OAAOL,KAAa,aAAaA,EAASK,CAAW,IAAIL;AAAA,MAAA,GAC5D;AAAA,IAAA;AAAA,EAAA;AAIR;AAkBO,MAAMW,IAAU,CAAC;AAAA,EACtB,UAAAX;AAAA,EACA,SAAAY;AAAA,EACA,WAAAC;AAAA,EACA,GAAGZ;AACL,6BAEKa,GAAe,EAAA,OAAO,KAAK,YAAY,KAAM,GAAGb,GAC9C,UAAA;AAAA,EAAAD;AAAA,EACDE,gBAAAA,EAAAA,IAACH,GAAS,EAAA,WAAAc,GAAuB,UAAQD,EAAA,CAAA;AAC3C,EAAA,CAAA;"}
+{"version":3,"file":"lyra43.js","sources":["../src/components/text/text.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\nimport \"./text.vars.css\";\n\nexport const textStyles = cva([], {\n  variants: {\n    color: {\n      primary: \"text-neutral-foreground-1\",\n      secondary: \"text-neutral-6\",\n      white: \"text-neutral-0\",\n      disabled: \"text-neutral-4\",\n      \"accent-primary\": \"text-primary\",\n      \"accent-success\": \"text-success\",\n      \"accent-warning\": \"text-warning\",\n      \"accent-danger\": \"text-danger\",\n    },\n    variant: {\n      \"heading-1\": [\n        \"text-[length:--text-heading-1-size]\",\n        \"leading-[--text-heading-1-line-height]\",\n        \"font-[--text-heading-1-weight]\",\n        \"tracking-[--text-heading-1-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-2\": [\n        \"text-[length:--text-heading-2-size]\",\n        \"leading-[--text-heading-2-line-height]\",\n        \"font-[--text-heading-2-weight]\",\n        \"tracking-[--text-heading-2-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-3\": [\n        \"text-[length:--text-heading-3-size]\",\n        \"leading-[--text-heading-3-line-height]\",\n        \"font-[--text-heading-3-weight]\",\n        \"tracking-[--text-heading-3-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-4\": [\n        \"text-[length:--text-heading-4-size]\",\n        \"leading-[--text-heading-4-line-height]\",\n        \"font-[--text-heading-4-weight]\",\n        \"tracking-[--text-heading-4-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-5\": [\n        \"text-[length:--text-heading-5-size]\",\n        \"leading-[--text-heading-5-line-height]\",\n        \"font-[--text-heading-5-weight]\",\n        \"tracking-[--text-heading-5-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-6\": [\n        \"text-[length:--text-heading-6-size]\",\n        \"leading-[--text-heading-6-line-height]\",\n        \"font-[--text-heading-6-weight]\",\n        \"tracking-[--text-heading-6-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"body-large\": [\n        \"text-[length:--text-body-large-size]\",\n        \"leading-[--text-body-large-line-height]\",\n        \"font-[--text-body-large-weight]\",\n        \"tracking-[--text-body-large-letter-spacing]\",\n        \"font-sans\",\n      ],\n      \"body-medium\": [\n        \"text-[length:--text-body-medium-size]\",\n        \"leading-[--text-body-medium-line-height]\",\n        \"font-[--text-body-medium-weight]\",\n        \"tracking-[--text-body-medium-letter-spacing]\",\n        \"font-sans\",\n      ],\n      \"body-small\": [\n        \"text-[length:--text-body-small-size]\",\n        \"leading-[--text-body-small-line-height]\",\n        \"font-[--text-body-small-weight]\",\n        \"tracking-[--text-body-small-letter-spacing]\",\n        \"font-sans\",\n      ],\n      badge: [\n        \"text-[length:--text-badge-size]\",\n        \"leading-[--text-badge-line-height]\",\n        \"font-[--text-badge-weight]\",\n        \"tracking-[--text-badge-letter-spacing]\",\n        \"font-sans\",\n        \"uppercase\",\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"body-medium\",\n    color: \"primary\",\n  },\n});\n"],"names":["textStyles","cva"],"mappings":";;AAGa,MAAAA,IAAaC,EAAI,IAAI;AAAA,EAChC,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,IACnB;AAAA,IACA,SAAS;AAAA,MACP,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,cAAc;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,eAAe;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,cAAc;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF,CAAC;"}

package/dist/lyra44.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof window<"u",o=t?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra53.cjs"),i=require("./lyra52.cjs"),n=require("./lyra78.cjs"),r=require("./lyra79.cjs");function x({children:e,...s}){return t.jsxRuntimeExports.jsx(i.Tooltip,{offset:5,...s,className:r.tooltipStyles,style:{fontFamily:"var(--tooltip-font-family)"},children:o=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(i.OverlayArrow,{children:t.jsxRuntimeExports.jsx(n.Beak,{className:r.tooltipBeakStyles({placement:o.placement})})}),typeof e=="function"?e(o):e]})})}const p=({children:e,tooltip:s,placement:o,...l})=>t.jsxRuntimeExports.jsxs(i.TooltipTrigger,{delay:150,closeDelay:300,...l,children:[e,t.jsxRuntimeExports.jsx(x,{placement:o,children:s})]});exports.Tooltip=p;

package/dist/lyra44.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra44.cjs","sources":["../src/utils/hooks/use-isomorphic-layout-effect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\nconst isBrowser = typeof window !== \"undefined\";\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? useLayoutEffect\n  : useEffect;\n"],"names":["isBrowser","useIsomorphicLayoutEffect","useLayoutEffect","useEffect"],"mappings":"yGAEMA,EAAY,OAAO,OAAW,IACvBC,EAA4BD,EACrCE,kBACAC,EAAAA"}
+{"version":3,"file":"lyra44.cjs","sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipProps as AriaTooltipProps,\n  OverlayArrow,\n  TooltipTrigger,\n  TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n} from \"react-aria-components\";\nimport { Beak } from \"./beak\";\nimport { Placement } from \"react-aria\";\nimport { tooltipBeakStyles, tooltipStyles } from \"./tooltip.styles\";\n\nexport type TooltipProps = AriaTooltipProps;\n\nfunction _Tooltip({ children, ...props }: TooltipProps) {\n  return (\n    <AriaTooltip\n      offset={5}\n      {...props}\n      className={tooltipStyles}\n      style={{ fontFamily: \"var(--tooltip-font-family)\" }}\n    >\n      {(renderProps) => (\n        <>\n          <OverlayArrow>\n            <Beak\n              className={tooltipBeakStyles({\n                placement: renderProps.placement,\n              })}\n            />\n          </OverlayArrow>\n          {typeof children === \"function\" ? children(renderProps) : children}\n        </>\n      )}\n    </AriaTooltip>\n  );\n}\n\ntype TooltipTriggerProps = AriaTooltipTriggerComponentProps & {\n  tooltip: ReactNode;\n  placement?: Placement;\n};\n\n/**\n * Tooltip component that wraps the AriaTooltip and AriaTooltipTrigger components\n * from react-aria-components. It displays a tooltip when the user hovers over\n * the child element.\n *\n * @param children - The child element that the tooltip will be displayed for.\n * @param tooltip - The content of the tooltip.\n * @param placement - The placement of the tooltip relative to the child element.\n * @param props - Additional props to pass to the AriaTooltipTrigger component.\n * @returns The Tooltip component.\n */\nexport const Tooltip = ({\n  children,\n  tooltip,\n  placement,\n  ...props\n}: TooltipTriggerProps) => {\n  return (\n    <TooltipTrigger delay={150} closeDelay={300} {...props}>\n      {children}\n      <_Tooltip placement={placement}>{tooltip}</_Tooltip>\n    </TooltipTrigger>\n  );\n};\n"],"names":["_Tooltip","children","props","jsx","AriaTooltip","tooltipStyles","renderProps","jsxs","Fragment","OverlayArrow","Beak","tooltipBeakStyles","Tooltip","tooltip","placement","TooltipTrigger"],"mappings":"8LAcA,SAASA,EAAS,CAAE,SAAAC,EAAU,GAAGC,GAAuB,CAEpD,OAAAC,EAAA,kBAAA,IAACC,EAAA,QAAA,CACC,OAAQ,EACP,GAAGF,EACJ,UAAWG,EAAA,cACX,MAAO,CAAE,WAAY,4BAA6B,EAEjD,SAACC,GAEEC,EAAA,kBAAA,KAAAC,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAL,wBAACM,EAAAA,aACC,CAAA,SAAAN,EAAA,kBAAA,IAACO,EAAA,KAAA,CACC,UAAWC,EAAAA,kBAAkB,CAC3B,UAAWL,EAAY,SAAA,CACxB,CAAA,CAAA,EAEL,EACC,OAAOL,GAAa,WAAaA,EAASK,CAAW,EAAIL,CAAA,EAC5D,CAAA,CAAA,CAIR,CAkBO,MAAMW,EAAU,CAAC,CACtB,SAAAX,EACA,QAAAY,EACA,UAAAC,EACA,GAAGZ,CACL,6BAEKa,iBAAe,CAAA,MAAO,IAAK,WAAY,IAAM,GAAGb,EAC9C,SAAA,CAAAD,EACDE,EAAAA,kBAAAA,IAACH,EAAS,CAAA,UAAAc,EAAuB,SAAQD,CAAA,CAAA,CAC3C,CAAA,CAAA"}

package/dist/lyra44.js

@@ -1,5 +1,38 @@
-import { useLayoutEffect as o, useEffect as e } from "react";
-const t = typeof window < "u", s = t ? o : e;
+import { j as o } from "./lyra53.js";
+import { TooltipTrigger as s, Tooltip as a, OverlayArrow as i } from "./lyra52.js";
+import { Beak as f } from "./lyra78.js";
+import { tooltipStyles as p, tooltipBeakStyles as c } from "./lyra79.js";
+function m({ children: t, ...r }) {
+  return /* @__PURE__ */ o.jsx(
+    a,
+    {
+      offset: 5,
+      ...r,
+      className: p,
+      style: { fontFamily: "var(--tooltip-font-family)" },
+      children: (e) => /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+        /* @__PURE__ */ o.jsx(i, { children: /* @__PURE__ */ o.jsx(
+          f,
+          {
+            className: c({
+              placement: e.placement
+            })
+          }
+        ) }),
+        typeof t == "function" ? t(e) : t
+      ] })
+    }
+  );
+}
+const $ = ({
+  children: t,
+  tooltip: r,
+  placement: e,
+  ...l
+}) => /* @__PURE__ */ o.jsxs(s, { delay: 150, closeDelay: 300, ...l, children: [
+  t,
+  /* @__PURE__ */ o.jsx(m, { placement: e, children: r })
+] });
 export {
-  s as useIsomorphicLayoutEffect
+  $ as Tooltip
 };

package/dist/lyra44.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra44.js","sources":["../src/utils/hooks/use-isomorphic-layout-effect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\nconst isBrowser = typeof window !== \"undefined\";\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? useLayoutEffect\n  : useEffect;\n"],"names":["isBrowser","useIsomorphicLayoutEffect","useLayoutEffect","useEffect"],"mappings":";AAEA,MAAMA,IAAY,OAAO,SAAW,KACvBC,IAA4BD,IACrCE,IACAC;"}
+{"version":3,"file":"lyra44.js","sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipProps as AriaTooltipProps,\n  OverlayArrow,\n  TooltipTrigger,\n  TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n} from \"react-aria-components\";\nimport { Beak } from \"./beak\";\nimport { Placement } from \"react-aria\";\nimport { tooltipBeakStyles, tooltipStyles } from \"./tooltip.styles\";\n\nexport type TooltipProps = AriaTooltipProps;\n\nfunction _Tooltip({ children, ...props }: TooltipProps) {\n  return (\n    <AriaTooltip\n      offset={5}\n      {...props}\n      className={tooltipStyles}\n      style={{ fontFamily: \"var(--tooltip-font-family)\" }}\n    >\n      {(renderProps) => (\n        <>\n          <OverlayArrow>\n            <Beak\n              className={tooltipBeakStyles({\n                placement: renderProps.placement,\n              })}\n            />\n          </OverlayArrow>\n          {typeof children === \"function\" ? children(renderProps) : children}\n        </>\n      )}\n    </AriaTooltip>\n  );\n}\n\ntype TooltipTriggerProps = AriaTooltipTriggerComponentProps & {\n  tooltip: ReactNode;\n  placement?: Placement;\n};\n\n/**\n * Tooltip component that wraps the AriaTooltip and AriaTooltipTrigger components\n * from react-aria-components. It displays a tooltip when the user hovers over\n * the child element.\n *\n * @param children - The child element that the tooltip will be displayed for.\n * @param tooltip - The content of the tooltip.\n * @param placement - The placement of the tooltip relative to the child element.\n * @param props - Additional props to pass to the AriaTooltipTrigger component.\n * @returns The Tooltip component.\n */\nexport const Tooltip = ({\n  children,\n  tooltip,\n  placement,\n  ...props\n}: TooltipTriggerProps) => {\n  return (\n    <TooltipTrigger delay={150} closeDelay={300} {...props}>\n      {children}\n      <_Tooltip placement={placement}>{tooltip}</_Tooltip>\n    </TooltipTrigger>\n  );\n};\n"],"names":["_Tooltip","children","props","jsx","AriaTooltip","tooltipStyles","renderProps","jsxs","Fragment","OverlayArrow","Beak","tooltipBeakStyles","Tooltip","tooltip","placement","TooltipTrigger"],"mappings":";;;;AAcA,SAASA,EAAS,EAAE,UAAAC,GAAU,GAAGC,KAAuB;AAEpD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACP,GAAGF;AAAA,MACJ,WAAWG;AAAA,MACX,OAAO,EAAE,YAAY,6BAA6B;AAAA,MAEjD,UAAA,CAACC,MAEEC,gBAAAA,EAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,QAAAL,gBAAAA,MAACM,GACC,EAAA,UAAAN,gBAAAA,EAAA;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,WAAWC,EAAkB;AAAA,cAC3B,WAAWL,EAAY;AAAA,YAAA,CACxB;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QACC,OAAOL,KAAa,aAAaA,EAASK,CAAW,IAAIL;AAAA,MAAA,GAC5D;AAAA,IAAA;AAAA,EAAA;AAIR;AAkBO,MAAMW,IAAU,CAAC;AAAA,EACtB,UAAAX;AAAA,EACA,SAAAY;AAAA,EACA,WAAAC;AAAA,EACA,GAAGZ;AACL,6BAEKa,GAAe,EAAA,OAAO,KAAK,YAAY,KAAM,GAAGb,GAC9C,UAAA;AAAA,EAAAD;AAAA,EACDE,gBAAAA,EAAAA,IAACH,GAAS,EAAA,WAAAc,GAAuB,UAAQD,EAAA,CAAA;AAC3C,EAAA,CAAA;"}

package/dist/lyra45.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=require("./lyra57.cjs"),u=require("./lyra115.cjs"),d=640;function c(e){e=e||d;const o=s.useIsSSR(),[i,t]=r.useState(void 0);return u.useIsomorphicLayoutEffect(()=>{if(window){t(window.innerWidth);const n=()=>t(window.innerWidth);return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)}},[]),o||typeof window>"u"||!i?!1:i<=e}exports.useIsMobileDevice=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof window<"u",o=t?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=o;

package/dist/lyra45.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra45.cjs","sources":["../src/utils/hooks/use-is-mobile-device.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { useIsSSR } from \"react-aria\";\n\nimport { useIsomorphicLayoutEffect } from \"framer-motion\";\n\nconst DEFAULT_MOBILE_SCREEN_WIDTH = 640;\n\nexport function useIsMobileDevice(screenWidth?: number): boolean {\n  screenWidth = screenWidth || DEFAULT_MOBILE_SCREEN_WIDTH;\n  const isSSR = useIsSSR();\n\n  const [width, setWidth] = useState<number | undefined>(undefined);\n\n  useIsomorphicLayoutEffect(() => {\n    if (window) {\n      setWidth(window.innerWidth);\n      const handleResize = () => setWidth(window.innerWidth);\n      window.addEventListener(\"resize\", handleResize);\n      return () => window.removeEventListener(\"resize\", handleResize);\n    }\n  }, []);\n\n  if (isSSR || typeof window === \"undefined\") {\n    return false;\n  }\n\n  if (!width) return false;\n\n  return width <= screenWidth;\n}\n"],"names":["DEFAULT_MOBILE_SCREEN_WIDTH","useIsMobileDevice","screenWidth","isSSR","useIsSSR","width","setWidth","useState","useIsomorphicLayoutEffect","handleResize"],"mappings":"8JAKMA,EAA8B,IAE7B,SAASC,EAAkBC,EAA+B,CAC/DA,EAAcA,GAAeF,EAC7B,MAAMG,EAAQC,EAAAA,WAER,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAA6B,MAAS,EAehE,OAbAC,EAAAA,0BAA0B,IAAM,CAC9B,GAAI,OAAQ,CACVF,EAAS,OAAO,UAAU,EAC1B,MAAMG,EAAe,IAAMH,EAAS,OAAO,UAAU,EAC9C,cAAA,iBAAiB,SAAUG,CAAY,EACvC,IAAM,OAAO,oBAAoB,SAAUA,CAAY,CAChE,CACF,EAAG,CAAE,CAAA,EAEDN,GAAS,OAAO,OAAW,KAI3B,CAACE,EAAc,GAEZA,GAASH,CAClB"}
+{"version":3,"file":"lyra45.cjs","sources":["../src/utils/hooks/use-isomorphic-layout-effect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\nconst isBrowser = typeof window !== \"undefined\";\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? useLayoutEffect\n  : useEffect;\n"],"names":["isBrowser","useIsomorphicLayoutEffect","useLayoutEffect","useEffect"],"mappings":"yGAEMA,EAAY,OAAO,OAAW,IACvBC,EAA4BD,EACrCE,kBACAC,EAAAA"}

package/dist/lyra45.js

@@ -1,18 +1,5 @@
-import { useState as r } from "react";
-import { useIsSSR as s } from "./lyra57.js";
-import { useIsomorphicLayoutEffect as d } from "./lyra115.js";
-const f = 640;
-function c(e) {
-  e = e || f;
-  const n = s(), [i, o] = r(void 0);
-  return d(() => {
-    if (window) {
-      o(window.innerWidth);
-      const t = () => o(window.innerWidth);
-      return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-    }
-  }, []), n || typeof window > "u" || !i ? !1 : i <= e;
-}
+import { useLayoutEffect as o, useEffect as e } from "react";
+const t = typeof window < "u", s = t ? o : e;
 export {
-  c as useIsMobileDevice
+  s as useIsomorphicLayoutEffect
 };

package/dist/lyra45.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra45.js","sources":["../src/utils/hooks/use-is-mobile-device.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { useIsSSR } from \"react-aria\";\n\nimport { useIsomorphicLayoutEffect } from \"framer-motion\";\n\nconst DEFAULT_MOBILE_SCREEN_WIDTH = 640;\n\nexport function useIsMobileDevice(screenWidth?: number): boolean {\n  screenWidth = screenWidth || DEFAULT_MOBILE_SCREEN_WIDTH;\n  const isSSR = useIsSSR();\n\n  const [width, setWidth] = useState<number | undefined>(undefined);\n\n  useIsomorphicLayoutEffect(() => {\n    if (window) {\n      setWidth(window.innerWidth);\n      const handleResize = () => setWidth(window.innerWidth);\n      window.addEventListener(\"resize\", handleResize);\n      return () => window.removeEventListener(\"resize\", handleResize);\n    }\n  }, []);\n\n  if (isSSR || typeof window === \"undefined\") {\n    return false;\n  }\n\n  if (!width) return false;\n\n  return width <= screenWidth;\n}\n"],"names":["DEFAULT_MOBILE_SCREEN_WIDTH","useIsMobileDevice","screenWidth","isSSR","useIsSSR","width","setWidth","useState","useIsomorphicLayoutEffect","handleResize"],"mappings":";;;AAKA,MAAMA,IAA8B;AAE7B,SAASC,EAAkBC,GAA+B;AAC/D,EAAAA,IAAcA,KAAeF;AAC7B,QAAMG,IAAQC,KAER,CAACC,GAAOC,CAAQ,IAAIC,EAA6B,MAAS;AAehE,SAbAC,EAA0B,MAAM;AAC9B,QAAI,QAAQ;AACV,MAAAF,EAAS,OAAO,UAAU;AAC1B,YAAMG,IAAe,MAAMH,EAAS,OAAO,UAAU;AAC9C,oBAAA,iBAAiB,UAAUG,CAAY,GACvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,IAChE;AAAA,EACF,GAAG,CAAE,CAAA,GAEDN,KAAS,OAAO,SAAW,OAI3B,CAACE,IAAc,KAEZA,KAASH;AAClB;"}
+{"version":3,"file":"lyra45.js","sources":["../src/utils/hooks/use-isomorphic-layout-effect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\nconst isBrowser = typeof window !== \"undefined\";\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? useLayoutEffect\n  : useEffect;\n"],"names":["isBrowser","useIsomorphicLayoutEffect","useLayoutEffect","useEffect"],"mappings":";AAEA,MAAMA,IAAY,OAAO,SAAW,KACvBC,IAA4BD,IACrCE,IACAC;"}

package/dist/lyra46.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),D={delay:500,minDuration:200};function l(a,e){e=Object.assign({},D,e);const[t,u]=c.useState("IDLE"),r=c.useRef(null);return c.useEffect(()=>{a&&t==="IDLE"&&(clearTimeout(r.current),r.current=setTimeout(()=>{if(!a)return u("IDLE");r.current=setTimeout(()=>{u("EXPIRE")},e==null?void 0:e.minDuration),u("DISPLAY")},e==null?void 0:e.delay),u("DELAY")),!a&&t!=="DISPLAY"&&(clearTimeout(r.current),u("IDLE"))},[a,t,e.delay,e.minDuration]),c.useEffect(()=>()=>clearTimeout(r.current),[]),t==="DISPLAY"||t==="EXPIRE"}exports.spinDelayDefaultOptions=D;exports.useSpinDelay=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=require("./lyra58.cjs"),u=require("./lyra115.cjs"),d=640;function c(e){e=e||d;const o=s.useIsSSR(),[i,t]=r.useState(void 0);return u.useIsomorphicLayoutEffect(()=>{if(window){t(window.innerWidth);const n=()=>t(window.innerWidth);return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)}},[]),o||typeof window>"u"||!i?!1:i<=e}exports.useIsMobileDevice=c;

package/dist/lyra46.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra46.cjs","sources":["../src/utils/hooks/use-spin-delay.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\ninterface SpinDelayOptions {\n  delay?: number;\n  minDuration?: number;\n}\n\ntype State = \"IDLE\" | \"DELAY\" | \"DISPLAY\" | \"EXPIRE\";\n\nexport const spinDelayDefaultOptions = {\n  delay: 500,\n  minDuration: 200,\n};\n\nexport function useSpinDelay(loading: boolean, options?: SpinDelayOptions): boolean {\n  options = Object.assign({}, spinDelayDefaultOptions, options);\n\n  const [state, setState] = useState<State>(\"IDLE\");\n  const timeout = useRef<any>(null);\n\n  useEffect(() => {\n    if (loading && state === \"IDLE\") {\n      clearTimeout(timeout.current);\n\n      timeout.current = setTimeout(() => {\n        if (!loading) {\n          return setState(\"IDLE\");\n        }\n\n        timeout.current = setTimeout(() => {\n          setState(\"EXPIRE\");\n        }, options?.minDuration);\n\n        setState(\"DISPLAY\");\n      }, options?.delay);\n\n      setState(\"DELAY\");\n    }\n\n    if (!loading && state !== \"DISPLAY\") {\n      clearTimeout(timeout.current);\n      setState(\"IDLE\");\n    }\n  }, [loading, state, options.delay, options.minDuration]);\n\n  useEffect(() => {\n    return () => clearTimeout(timeout.current);\n  }, []);\n\n  return state === \"DISPLAY\" || state === \"EXPIRE\";\n}\n"],"names":["spinDelayDefaultOptions","useSpinDelay","loading","options","state","setState","useState","timeout","useRef","useEffect"],"mappings":"yGASaA,EAA0B,CACrC,MAAO,IACP,YAAa,GACf,EAEgB,SAAAC,EAAaC,EAAkBC,EAAqC,CAClFA,EAAU,OAAO,OAAO,CAAC,EAAGH,EAAyBG,CAAO,EAE5D,KAAM,CAACC,EAAOC,CAAQ,EAAIC,WAAgB,MAAM,EAC1CC,EAAUC,SAAY,IAAI,EAEhCC,OAAAA,EAAAA,UAAU,IAAM,CACVP,GAAWE,IAAU,SACvB,aAAaG,EAAQ,OAAO,EAEpBA,EAAA,QAAU,WAAW,IAAM,CACjC,GAAI,CAACL,EACH,OAAOG,EAAS,MAAM,EAGhBE,EAAA,QAAU,WAAW,IAAM,CACjCF,EAAS,QAAQ,CAAA,EAChBF,GAAA,YAAAA,EAAS,WAAW,EAEvBE,EAAS,SAAS,CAAA,EACjBF,GAAA,YAAAA,EAAS,KAAK,EAEjBE,EAAS,OAAO,GAGd,CAACH,GAAWE,IAAU,YACxB,aAAaG,EAAQ,OAAO,EAC5BF,EAAS,MAAM,EACjB,EACC,CAACH,EAASE,EAAOD,EAAQ,MAAOA,EAAQ,WAAW,CAAC,EAEvDM,EAAAA,UAAU,IACD,IAAM,aAAaF,EAAQ,OAAO,EACxC,CAAE,CAAA,EAEEH,IAAU,WAAaA,IAAU,QAC1C"}
+{"version":3,"file":"lyra46.cjs","sources":["../src/utils/hooks/use-is-mobile-device.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { useIsSSR } from \"react-aria\";\n\nimport { useIsomorphicLayoutEffect } from \"framer-motion\";\n\nconst DEFAULT_MOBILE_SCREEN_WIDTH = 640;\n\nexport function useIsMobileDevice(screenWidth?: number): boolean {\n  screenWidth = screenWidth || DEFAULT_MOBILE_SCREEN_WIDTH;\n  const isSSR = useIsSSR();\n\n  const [width, setWidth] = useState<number | undefined>(undefined);\n\n  useIsomorphicLayoutEffect(() => {\n    if (window) {\n      setWidth(window.innerWidth);\n      const handleResize = () => setWidth(window.innerWidth);\n      window.addEventListener(\"resize\", handleResize);\n      return () => window.removeEventListener(\"resize\", handleResize);\n    }\n  }, []);\n\n  if (isSSR || typeof window === \"undefined\") {\n    return false;\n  }\n\n  if (!width) return false;\n\n  return width <= screenWidth;\n}\n"],"names":["DEFAULT_MOBILE_SCREEN_WIDTH","useIsMobileDevice","screenWidth","isSSR","useIsSSR","width","setWidth","useState","useIsomorphicLayoutEffect","handleResize"],"mappings":"8JAKMA,EAA8B,IAE7B,SAASC,EAAkBC,EAA+B,CAC/DA,EAAcA,GAAeF,EAC7B,MAAMG,EAAQC,EAAAA,WAER,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAA6B,MAAS,EAehE,OAbAC,EAAAA,0BAA0B,IAAM,CAC9B,GAAI,OAAQ,CACVF,EAAS,OAAO,UAAU,EAC1B,MAAMG,EAAe,IAAMH,EAAS,OAAO,UAAU,EAC9C,cAAA,iBAAiB,SAAUG,CAAY,EACvC,IAAM,OAAO,oBAAoB,SAAUA,CAAY,CAChE,CACF,EAAG,CAAE,CAAA,EAEDN,GAAS,OAAO,OAAW,KAI3B,CAACE,EAAc,GAEZA,GAASH,CAClB"}

package/dist/lyra46.js

@@ -1,22 +1,18 @@
-import { useState as a, useRef as m, useEffect as D } from "react";
-const E = {
-  delay: 500,
-  minDuration: 200
-};
-function I(c, e) {
-  e = Object.assign({}, E, e);
-  const [r, t] = a("IDLE"), u = m(null);
-  return D(() => {
-    c && r === "IDLE" && (clearTimeout(u.current), u.current = setTimeout(() => {
-      if (!c)
-        return t("IDLE");
-      u.current = setTimeout(() => {
-        t("EXPIRE");
-      }, e == null ? void 0 : e.minDuration), t("DISPLAY");
-    }, e == null ? void 0 : e.delay), t("DELAY")), !c && r !== "DISPLAY" && (clearTimeout(u.current), t("IDLE"));
-  }, [c, r, e.delay, e.minDuration]), D(() => () => clearTimeout(u.current), []), r === "DISPLAY" || r === "EXPIRE";
+import { useState as r } from "react";
+import { useIsSSR as s } from "./lyra58.js";
+import { useIsomorphicLayoutEffect as d } from "./lyra115.js";
+const f = 640;
+function c(e) {
+  e = e || f;
+  const n = s(), [i, o] = r(void 0);
+  return d(() => {
+    if (window) {
+      o(window.innerWidth);
+      const t = () => o(window.innerWidth);
+      return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+    }
+  }, []), n || typeof window > "u" || !i ? !1 : i <= e;
 }
 export {
-  E as spinDelayDefaultOptions,
-  I as useSpinDelay
+  c as useIsMobileDevice
 };

package/dist/lyra46.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra46.js","sources":["../src/utils/hooks/use-spin-delay.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\ninterface SpinDelayOptions {\n  delay?: number;\n  minDuration?: number;\n}\n\ntype State = \"IDLE\" | \"DELAY\" | \"DISPLAY\" | \"EXPIRE\";\n\nexport const spinDelayDefaultOptions = {\n  delay: 500,\n  minDuration: 200,\n};\n\nexport function useSpinDelay(loading: boolean, options?: SpinDelayOptions): boolean {\n  options = Object.assign({}, spinDelayDefaultOptions, options);\n\n  const [state, setState] = useState<State>(\"IDLE\");\n  const timeout = useRef<any>(null);\n\n  useEffect(() => {\n    if (loading && state === \"IDLE\") {\n      clearTimeout(timeout.current);\n\n      timeout.current = setTimeout(() => {\n        if (!loading) {\n          return setState(\"IDLE\");\n        }\n\n        timeout.current = setTimeout(() => {\n          setState(\"EXPIRE\");\n        }, options?.minDuration);\n\n        setState(\"DISPLAY\");\n      }, options?.delay);\n\n      setState(\"DELAY\");\n    }\n\n    if (!loading && state !== \"DISPLAY\") {\n      clearTimeout(timeout.current);\n      setState(\"IDLE\");\n    }\n  }, [loading, state, options.delay, options.minDuration]);\n\n  useEffect(() => {\n    return () => clearTimeout(timeout.current);\n  }, []);\n\n  return state === \"DISPLAY\" || state === \"EXPIRE\";\n}\n"],"names":["spinDelayDefaultOptions","useSpinDelay","loading","options","state","setState","useState","timeout","useRef","useEffect"],"mappings":";AASO,MAAMA,IAA0B;AAAA,EACrC,OAAO;AAAA,EACP,aAAa;AACf;AAEgB,SAAAC,EAAaC,GAAkBC,GAAqC;AAClF,EAAAA,IAAU,OAAO,OAAO,CAAC,GAAGH,GAAyBG,CAAO;AAE5D,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAgB,MAAM,GAC1CC,IAAUC,EAAY,IAAI;AAEhC,SAAAC,EAAU,MAAM;AACV,IAAAP,KAAWE,MAAU,WACvB,aAAaG,EAAQ,OAAO,GAEpBA,EAAA,UAAU,WAAW,MAAM;AACjC,UAAI,CAACL;AACH,eAAOG,EAAS,MAAM;AAGhB,MAAAE,EAAA,UAAU,WAAW,MAAM;AACjC,QAAAF,EAAS,QAAQ;AAAA,MAAA,GAChBF,KAAA,gBAAAA,EAAS,WAAW,GAEvBE,EAAS,SAAS;AAAA,IAAA,GACjBF,KAAA,gBAAAA,EAAS,KAAK,GAEjBE,EAAS,OAAO,IAGd,CAACH,KAAWE,MAAU,cACxB,aAAaG,EAAQ,OAAO,GAC5BF,EAAS,MAAM;AAAA,EACjB,GACC,CAACH,GAASE,GAAOD,EAAQ,OAAOA,EAAQ,WAAW,CAAC,GAEvDM,EAAU,MACD,MAAM,aAAaF,EAAQ,OAAO,GACxC,CAAE,CAAA,GAEEH,MAAU,aAAaA,MAAU;AAC1C;"}
+{"version":3,"file":"lyra46.js","sources":["../src/utils/hooks/use-is-mobile-device.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { useIsSSR } from \"react-aria\";\n\nimport { useIsomorphicLayoutEffect } from \"framer-motion\";\n\nconst DEFAULT_MOBILE_SCREEN_WIDTH = 640;\n\nexport function useIsMobileDevice(screenWidth?: number): boolean {\n  screenWidth = screenWidth || DEFAULT_MOBILE_SCREEN_WIDTH;\n  const isSSR = useIsSSR();\n\n  const [width, setWidth] = useState<number | undefined>(undefined);\n\n  useIsomorphicLayoutEffect(() => {\n    if (window) {\n      setWidth(window.innerWidth);\n      const handleResize = () => setWidth(window.innerWidth);\n      window.addEventListener(\"resize\", handleResize);\n      return () => window.removeEventListener(\"resize\", handleResize);\n    }\n  }, []);\n\n  if (isSSR || typeof window === \"undefined\") {\n    return false;\n  }\n\n  if (!width) return false;\n\n  return width <= screenWidth;\n}\n"],"names":["DEFAULT_MOBILE_SCREEN_WIDTH","useIsMobileDevice","screenWidth","isSSR","useIsSSR","width","setWidth","useState","useIsomorphicLayoutEffect","handleResize"],"mappings":";;;AAKA,MAAMA,IAA8B;AAE7B,SAASC,EAAkBC,GAA+B;AAC/D,EAAAA,IAAcA,KAAeF;AAC7B,QAAMG,IAAQC,KAER,CAACC,GAAOC,CAAQ,IAAIC,EAA6B,MAAS;AAehE,SAbAC,EAA0B,MAAM;AAC9B,QAAI,QAAQ;AACV,MAAAF,EAAS,OAAO,UAAU;AAC1B,YAAMG,IAAe,MAAMH,EAAS,OAAO,UAAU;AAC9C,oBAAA,iBAAiB,UAAUG,CAAY,GACvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,IAChE;AAAA,EACF,GAAG,CAAE,CAAA,GAEDN,KAAS,OAAO,SAAW,OAI3B,CAACE,IAAc,KAEZA,KAASH;AAClB;"}